Widget:C.Skills - Histórico de revisão

Gurren1 em 22h33min de 20 de abril de 2026

2026-04-20T22:33:28Z

← Edição anterior		Edição das 22h33min de 20 de abril de 2026
Linha 658:		Linha 658:
	const thirdSkillData = formSkills.find((s) => s.name === thirdSkillName);		const thirdSkillData = formSkills.find((s) => s.name === thirdSkillName);

	// ~~Quinta skill~~ da forma (~~vai~~ DEPOIS do Guard Point)		// Skills "extras" da forma (order[2..N]) vão DEPOIS do Guard Point,
	~~const fifthSkillName = formOrder~~[2]; // ~~Terceira na ordem~~ = ~~quinta skill~~ (~~índice~~ 2)		// em sequência contígua. Para forms com 3 skills (caso clássico do Chopper)
	const ~~fifthSkillData~~ = formSkills.find((s) => s.name === ~~fifthSkillName~~);		// isso insere apenas order[2] (quinta skill) mantendo o layout antigo.
			// Para forms com 4+ skills, as demais ocupam os slots seguintes.
			const extraSkillsData = [];
			for (let i = 2; i < formOrder.length; i++) {
			const nm = formOrder[i];
			const dt = formSkills.find((s) => s.name === nm);
			if (dt) extraSkillsData.push(dt);
			}

	// Cria fragments para inserir		// Cria fragments para inserir
	const firstFragment = document.createDocumentFragment();		const firstFragment = document.createDocumentFragment();
	const thirdFragment = document.createDocumentFragment();		const thirdFragment = document.createDocumentFragment();
	const ~~fifthFragment~~ = document.createDocumentFragment();		const extrasFragment = document.createDocumentFragment();

	if (firstSkillData) {		if (firstSkillData) {
Linha 682:		Linha 689:
	thirdFragment.appendChild(iconElement);		thirdFragment.appendChild(iconElement);
	}		}
	if (~~fifthSkillData~~) {		if (extraSkillsData.length > 0) {
	const nextFixedSkillIndex = parseInt(		const nextFixedSkillIndex = parseInt(
	nextFixedSkillIcon.dataset.index \|\| "4",		nextFixedSkillIcon.dataset.index \|\| "4",
	10		10
	);		);
	const iconElement = createSkillIconElement(		extraSkillsData.forEach((dt, offset) => {
	~~fifthSkillData~~,		const iconElement = createSkillIconElement(
	nextFixedSkillIndex + 1		dt,
	);		nextFixedSkillIndex + 1 + offset
	~~fifthFragment~~.appendChild(iconElement);		);
			extrasFragment.appendChild(iconElement);
			});
	}		}

Linha 712:		Linha 721:
	}		}

	// Insere ~~a quinta skill~~ DEPOIS da próxima skill fixa		// Insere as skills extras (order[2..N]) DEPOIS da próxima skill fixa,
	if (~~fifthFragment~~.hasChildNodes()) {		// em sequência contígua.
			if (extrasFragment.hasChildNodes()) {
	if (nextFixedSkillIcon.nextSibling) {		if (nextFixedSkillIcon.nextSibling) {
	iconBar.insertBefore(~~fifthFragment~~, nextFixedSkillIcon.nextSibling);		iconBar.insertBefore(extrasFragment, nextFixedSkillIcon.nextSibling);
	} else {		} else {
	iconBar.appendChild(~~fifthFragment~~);		iconBar.appendChild(extrasFragment);
	}		}
	}		}
Linha 776:		Linha 786:
	}		}

	// Cria ~~slot~~ para ~~quinta skill~~ (depois da próxima skill fixa)		// Cria slots para TODAS as skills extras (depois da próxima skill fixa),
	if (~~fifthSkillData~~ && nextFixedSkillDescSlot) {		// em sequência contígua. Cada uma recebe um data-index incremental.
	const descSlot = document.createElement("div");		if (extraSkillsData.length > 0 && nextFixedSkillDescSlot) {
	descSlot.className = "skill-desc";		// anchor mantém a referência de inserção: cada novo slot entra
	descSlot.setAttribute("data-index", nextFixedSkillIndex + 1);		// logo depois do anterior, preservando a ordem visual.
	if (~~nextFixedSkillDescSlot~~.nextSibling) {		let anchor = nextFixedSkillDescSlot;
	descBox.insertBefore(		extraSkillsData.forEach((_, offset) => {
	descSlot,		const descSlot = document.createElement("div");
	~~nextFixedSkillDescSlot~~.nextSibling		descSlot.className = "skill-desc";
	);		descSlot.setAttribute("data-index", nextFixedSkillIndex + 1 + offset);
	} else {		if (anchor.nextSibling) {
	descBox.appendChild(descSlot);		descBox.insertBefore(descSlot, anchor.nextSibling);
	}		} else {
			descBox.appendChild(descSlot);
			}
			anchor = descSlot;
			});
	}		}
	}		}

Gurren1 em 21h55min de 2 de abril de 2026

2026-04-02T21:55:15Z

Mostrar alterações

Gurren1 em 21h20min de 2 de abril de 2026

2026-04-02T21:20:09Z

← Edição anterior		Edição das 21h20min de 2 de abril de 2026
Linha 139:		Linha 139:
	function detectAvailableCharacters() {		function detectAvailableCharacters() {
	const iconBar = document.querySelector(".icon-bar");		const iconBar = document.querySelector(".icon-bar");
			const skillsRoot = document.getElementById("skills");
	if (!iconBar) return [];		if (!iconBar) return [];

Linha 151:		Linha 152:
	});		});

	~~return~~ Array.from(characters);		const arr = Array.from(characters);
			const explicitDefault = (
			skillsRoot?.dataset?.defaultCharacter \|\| ""
			).trim();
			if (explicitDefault && arr.includes(explicitDefault)) {
			const rest = arr.filter((c) => c !== explicitDefault).sort();
			return [explicitDefault, ...rest];
			}
			return arr.sort();
	}		}

Gurren1 em 02h37min de 22 de fevereiro de 2026

2026-02-22T02:37:55Z

← Edição anterior		Edição das 02h37min de 22 de fevereiro de 2026
Linha 2 851:		Linha 2 851:

	// Vídeo normal da skill principal		// Vídeo normal da skill principal
	// ~~Prioriza data~~-~~video~~-~~file~~ (~~nome do arquivo), depois~~ data-~~video (pode ser URL completa~~)		// form_switch com form_videos: NÃO pré-carrega o vídeo base (ex: Change Form-Video.mp4) pois pode não existir
	~~let src~~ = (el.dataset.~~videoFile~~ \|\| "").trim();		const isFormSwitchPreload =
	if (!~~src~~) {		el.dataset.formSwitch === "true" \|\|
	~~// Se não tem~~ videoFile~~, tenta extrair do video~~ (~~pode ser URL completa~~)		el.getAttribute("data-form-switch") === "true";
	const videoAttr = (el.dataset.video \|\| "").trim();		const hasFormVideos =
	if (videoAttr) {		(el.dataset.formVideos \|\| el.getAttribute("data-form-videos") \|\| "").trim() !== "";
	~~// Se já é uma URL completa, usa direto; senão normaliza~~		const skipBaseVideo = isFormSwitchPreload && hasFormVideos;
	~~if (~~videoAttr.includes("/") \|\| videoAttr.startsWith("http")~~) {~~
	~~src =~~ videoAttr;		let src = "";
	~~} else {~~		if (!skipBaseVideo) {
	~~src =~~ videoAttr;		src = (el.dataset.videoFile \|\| "").trim();
			if (!src) {
			const videoAttr = (el.dataset.video \|\| "").trim();
			if (videoAttr) {
			src = videoAttr.includes("/") \|\| videoAttr.startsWith("http")
			? videoAttr
			: videoAttr;
	}		}
	}		}

Gurren1 em 02h34min de 22 de fevereiro de 2026

2026-02-22T02:34:49Z

← Edição anterior		Edição das 02h34min de 22 de fevereiro de 2026
Linha 2 906:		Linha 2 906:
	// Força carregamento imediatamente (apenas uma vez)		// Força carregamento imediatamente (apenas uma vez)
	v.load();		v.load();
			}
			}
			}

			// form_switch: pré-carrega TODOS os vídeos de form_videos para transições
			const isFormSwitch =
			el.dataset.formSwitch === "true" \|\|
			el.getAttribute("data-form-switch") === "true";
			if (isFormSwitch) {
			const formVideosRaw =
			el.dataset.formVideos \|\| el.getAttribute("data-form-videos");
			if (formVideosRaw) {
			try {
			const videos = JSON.parse(formVideosRaw);
			Object.keys(videos).forEach((formName) => {
			const videoFile = videos[formName];
			if (videoFile && videoFile.trim() !== "") {
			const videoKey = idx + ":" + videoFile;
			if (!videosCache.has(videoKey)) {
			const videoURL = normalizeFileURL(videoFile);
			if (videoURL && !failedVideosCache.has(videoURL)) {
			const v = createVideoElement(videoURL, { index: idx });
			if (v) {
			totalVideos++;
			v.addEventListener(
			"canplaythrough",
			() => {
			loadedVideos++;
			if (loadedVideos === totalVideos) autoplay = true;
			},
			{ once: true }
			);
			v.addEventListener(
			"error",
			() => {
			loadedVideos++;
			if (loadedVideos === totalVideos) autoplay = true;
			},
			{ once: true }
			);
			vb.appendChild(v);
			videosCache.set(videoKey, v);
			v.load();
			}
			}
			}
			}
			});
			} catch (e) {
			console.warn("[Forms] Erro ao pré-carregar form_videos:", e);
	}		}
	}		}

Gurren1 em 02h30min de 22 de fevereiro de 2026

2026-02-22T02:30:28Z

← Edição anterior		Edição das 02h30min de 22 de fevereiro de 2026
Linha 866:		Linha 866:
	iconWrap.setAttribute("data-effect", JSON.stringify(skill.effect));		iconWrap.setAttribute("data-effect", JSON.stringify(skill.effect));
	} catch (e) { }		} catch (e) { }
			}

			if (skill.formSwitch) {
			iconWrap.setAttribute("data-form-switch", skill.formSwitch);
			}
			if (skill.formVideos && typeof skill.formVideos === "string" && skill.formVideos.trim() !== "") {
			iconWrap.setAttribute("data-form-videos", skill.formVideos);
	}		}

Linha 946:		Linha 953:
	iconWrap.setAttribute("data-effect", JSON.stringify(skill.effect));		iconWrap.setAttribute("data-effect", JSON.stringify(skill.effect));
	} catch (e) { }		} catch (e) { }
			}

			if (skill.formSwitch) {
			iconWrap.setAttribute("data-form-switch", skill.formSwitch);
			}
			if (skill.formVideos && typeof skill.formVideos === "string" && skill.formVideos.trim() !== "") {
			iconWrap.setAttribute("data-form-videos", skill.formVideos);
	}		}

Linha 2 619:		Linha 2 633:
	} catch (e) {		} catch (e) {
	console.warn("[Swap] Erro ao processar character_videos:", e);		console.warn("[Swap] Erro ao processar character_videos:", e);
			}
			}

			// form_switch (Change Form): usa vídeo da PRÓXIMA forma (transição atual → próxima)
			const isFormSwitch =
			iconEl.dataset.formSwitch === "true" \|\|
			iconEl.getAttribute("data-form-switch") === "true";
			if (isFormSwitch) {
			const formVideosRaw =
			iconEl.dataset.formVideos \|\| iconEl.getAttribute("data-form-videos");
			if (formVideosRaw) {
			try {
			const videos = JSON.parse(formVideosRaw);
			let formVideo = "";
			const nextForm = typeof getNextFormName === "function" ? getNextFormName() : null;
			if (nextForm) {
			formVideo = videos[nextForm] \|\| "";
			}
			// Fallback: se nextForm for null (formsData ainda não carregado), usa primeiro vídeo disponível
			if ((!formVideo \|\| formVideo.trim() === "") && Object.keys(videos).length > 0) {
			const firstKey = Object.keys(videos)[0];
			formVideo = videos[firstKey] \|\| "";
			}
			if (formVideo && formVideo.trim() !== "") {
			return formVideo.trim();
			}
			} catch (e) {
			console.warn("[Forms] Erro ao parsear form_videos em getEffectiveSkillVideoFromIcon:", e);
			}
	}		}
	}		}

Gurren1 em 01h06min de 22 de fevereiro de 2026

2026-02-22T01:06:25Z

← Edição anterior		Edição das 01h06min de 22 de fevereiro de 2026
Linha 824:		Linha 824:
	skill.level &&		skill.level &&
	skill.level !== "" &&		skill.level !== "" &&
	skill.level.toUpperCase() !== "NIVEL"		String(skill.level).toUpperCase() !== "NIVEL"
	) {		) {
	iconWrap.setAttribute("data-level", skill.level);		iconWrap.setAttribute("data-level", skill.level);
Linha 904:		Linha 904:
	skill.level &&		skill.level &&
	skill.level !== "" &&		skill.level !== "" &&
	skill.level.toUpperCase() !== "NIVEL"		String(skill.level).toUpperCase() !== "NIVEL"
	) {		) {
	iconWrap.setAttribute("data-level", skill.level);		iconWrap.setAttribute("data-level", skill.level);

Gurren1 em 23h09min de 21 de fevereiro de 2026

2026-02-21T23:09:19Z

← Edição anterior		Edição das 23h09min de 21 de fevereiro de 2026
Linha 3 617:		Linha 3 617:
	el.dataset.videoFile = transitionVideo;		el.dataset.videoFile = transitionVideo;
	}		}
	}

	~~// Descrição: usa form_descs da PRÓXIMA forma (se existir)~~
	~~const formDescsRaw =~~
	~~el.dataset.formDescs \|\| el.getAttribute("data-form-descs");~~
	~~if (formDescsRaw && nextForm && descBox) {~~
	~~try {~~
	~~const formDescs = JSON.parse(formDescsRaw);~~
	~~const nextDesc = formDescs[nextForm];~~
	~~if (nextDesc && typeof nextDesc === "object") {~~
	~~const lang = getLangKey();~~
	~~const formDesc =~~
	~~nextDesc[lang] \|\| nextDesc.pt \|\| nextDesc.en \|\| nextDesc.es \|\| nextDesc.pl \|\| "";~~
	~~if (formDesc) {~~
	~~const formDescHtml = formDesc.replace(/'''(.*?)'''/g, "<b>$1</b>");~~
	~~descBox.innerHTML = `<div class="skill-title"><h3>${name}</h3></div>${attrsHTML}<div class="desc">${formDescHtml}</div>`;~~
	}
	}
	~~} catch (e) { }~~
	}		}
	} catch (e) {		} catch (e) {

Gurren1: fix do change form chopper ts

2026-02-21T22:53:08Z

fix do change form chopper ts

Mostrar alterações

Gurren1: fix chopper ts

2026-02-21T21:00:07Z

fix chopper ts

← Edição anterior		Edição das 21h00min de 21 de fevereiro de 2026
Linha 3 134:		Linha 3 134:
	) {		) {
	const v = videosCache.get(el.dataset.index);		const v = videosCache.get(el.dataset.index);
	~~videoBox~~.~~style~~.~~display =~~ "~~block~~";		// Verifica se o vídeo cacheado corresponde ao vídeo atual da skill
	v.~~style~~.~~display =~~ "~~block~~";		// (ao trocar de form, o índice é reutilizado mas o vídeo muda)
	~~try {~~		const cachedSrc = v.querySelector("source")?.getAttribute("src") \|\| "";
	~~v.currentTime~~ = 0;		const currentVideoFile = (el.dataset.videoFile \|\| "").trim();
	~~} catch~~ (e) ~~{ }~~		const currentVideoURL = currentVideoFile ? normalizeFileURL(currentVideoFile) : "";
	const ~~suppress~~ = ~~document~~.~~body~~.~~dataset~~.~~suppressSkillPlay~~ === ~~"1"~~;		const decodeCached = decodeURIComponent(cachedSrc.split("/").pop().split("?")[0] \|\| "");
	if (!~~suppress~~) {		const decodeTarget = decodeURIComponent((currentVideoURL \|\| currentVideoFile).split("/").pop().split("?")[0] \|\| "");
	v.~~play()~~.~~catch(()~~ =~~> { })~~;		const srcMismatch = decodeTarget && decodeCached && decodeCached !== decodeTarget;
	~~} else {~~		if (!srcMismatch) {
			videoBox.style.display = "block";
			v.style.display = "block";
	try {		try {
	v.~~pause()~~;		v.currentTime = 0;
	} catch (e) { }		} catch (e) { }
			const suppress = document.body.dataset.suppressSkillPlay === "1";
			if (!suppress) {
			v.play().catch(() => { });
			} else {
			try {
			v.pause();
			} catch (e) { }
			}
			return;
	}		}
	~~return~~;		// Vídeo não corresponde - remove do cache e do DOM
			v.style.display = "none";
			try { v.pause(); } catch (e) { }
			if (v.parentNode) v.parentNode.removeChild(v);
			videosCache.delete(el.dataset.index);
	}		}
	// Para form_switch, permite criação dinâmica de vídeos (transições de forma)		// Para form_switch, permite criação dinâmica de vídeos (transições de forma)
Linha 3 293:		Linha 3 308:
	return;		return;
	}		}
			}
			}
			// Vídeos de form skills ou outros que não estão no cache - cria dinamicamente
			else if (videoURL) {
			const idx = el.dataset.index \|\| "";
			v = createVideoElement(videoURL, { index: idx });
			if (v) {
			videoBox.appendChild(v);
			if (idx) videosCache.set(idx, v);
			v.load();
			} else {
			videoBox.style.display = "none";
			return;
	}		}
	} else {		} else {
	~~// Vídeos normais devem estar pré-carregados~~
	videoBox.style.display = "none";		videoBox.style.display = "none";
	return;		return;