Widget:TesteBossYawnv2 - Histórico de revisão

Yawn em 00h51min de 10 de abril de 2026

2026-04-10T00:51:30Z

← Edição anterior		Edição das 00h51min de 10 de abril de 2026
Linha 196:		Linha 196:
	text-align: center;		text-align: center;
	justify-content: center;		justify-content: center;
	justify-content: space-~~between~~;		justify-content: space-around;
	gap: 10px;		gap: 10px;
	width: 90%;		width: 90%;

Yawn em 00h51min de 10 de abril de 2026

2026-04-10T00:51:04Z

← Edição anterior		Edição das 00h51min de 10 de abril de 2026
Linha 196:		Linha 196:
	text-align: center;		text-align: center;
	justify-content: center;		justify-content: center;
			justify-content: space-between;
	gap: 10px;		gap: 10px;
	width: 90%;		width: 90%;

Yawn em 00h47min de 10 de abril de 2026

2026-04-10T00:47:38Z

← Edição anterior		Edição das 00h47min de 10 de abril de 2026
Linha 197:		Linha 197:
	justify-content: center;		justify-content: center;
	gap: 10px;		gap: 10px;
			width: 90%;
	}		}

Yawn em 00h45min de 10 de abril de 2026

2026-04-10T00:45:22Z

← Edição anterior		Edição das 00h45min de 10 de abril de 2026
Linha 42:		Linha 42:
	// Garantidas		// Garantidas
	html += `<h3>Recompensas Garantidas</h3><ul>`;		html += `<h3>Recompensas Garantidas</h3><ul>`;
	~~const~~ divOculta = root.querySelector(`.boss-html-recompensas[data-diff="${diff}"]`);		let divOculta = root.querySelector(`.boss-html-recompensas[data-diff="${diff}"]`);
	if (divOculta) {		if (divOculta) {
	html += divOculta.innerHTML; // Pega o HTML processado pela Wiki perfeitamente!		html += divOculta.innerHTML; // Pega o HTML processado pela Wiki perfeitamente!

Yawn em 00h42min de 10 de abril de 2026

2026-04-10T00:42:46Z

← Edição anterior		Edição das 00h42min de 10 de abril de 2026
Linha 42:		Linha 42:
	// Garantidas		// Garantidas
	html += `<h3>Recompensas Garantidas</h3><ul>`;		html += `<h3>Recompensas Garantidas</h3><ul>`;
	(d.recompensas \|\| [~~]).forEach(r~~ =~~> html += `<li>~~${~~escapeHtml(r)~~}~~</li>~~`);		const divOculta = root.querySelector(`.boss-html-recompensas[data-diff="${diff}"]`);
	if (~~!(d.recompensas \|\| []~~).~~length)~~ html += `<li>Nenhuma recompensa ~~garantida~~</li>`;		if (divOculta) {
	~~html += `~~</ul>`;		html += divOculta.innerHTML; // Pega o HTML processado pela Wiki perfeitamente!
			} else {
			html += `<ul><li>Nenhuma recompensa possível</li></ul>`;
			}

	// Possíveis Recompensas		// Possíveis Recompensas
Linha 50:		Linha 53:

	// Em vez de pegar do JSON, o JS "pesca" o HTML da div invisível		// Em vez de pegar do JSON, o JS "pesca" o HTML da div invisível
	~~const~~ divOculta = root.querySelector(`.boss-html-recompensas-possiveis[data-diff="${diff}"]`);		divOculta = root.querySelector(`.boss-html-recompensas-possiveis[data-diff="${diff}"]`);
	if (divOculta) {		if (divOculta) {
	html += divOculta.innerHTML; // Pega o HTML processado pela Wiki perfeitamente!		html += divOculta.innerHTML; // Pega o HTML processado pela Wiki perfeitamente!

Yawn em 00h37min de 10 de abril de 2026

2026-04-10T00:37:30Z

← Edição anterior		Edição das 00h37min de 10 de abril de 2026
Linha 20:		Linha 20:
	function bossRender(root, diff) {		function bossRender(root, diff) {
	try {		try {
	~~// O JSON voltou a ser limpo e fácil de ler~~
	const data = JSON.parse(root.dataset.json);		const data = JSON.parse(root.dataset.json);
	const d = data[diff];		const d = data[diff];
Linha 50:		Linha 49:
	html += `<h3>Possíveis Recompensas</h3>`;		html += `<h3>Possíveis Recompensas</h3>`;

	// ~~O PULO DO GATO:~~ Em vez de pegar do JSON, o JS "pesca" o HTML da div invisível		// Em vez de pegar do JSON, o JS "pesca" o HTML da div invisível
	const divOculta = root.querySelector(`.boss-html-recompensas[data-diff="${diff}"]`);		const divOculta = root.querySelector(`.boss-html-recompensas-possiveis[data-diff="${diff}"]`);
	if (divOculta) {		if (divOculta) {
	html += divOculta.innerHTML; // Pega o HTML processado pela Wiki perfeitamente!		html += divOculta.innerHTML; // Pega o HTML processado pela Wiki perfeitamente!

Yawn em 23h48min de 9 de abril de 2026

2026-04-09T23:48:26Z

← Edição anterior		Edição das 23h48min de 9 de abril de 2026
Linha 20:		Linha 20:
	function bossRender(root, diff) {		function bossRender(root, diff) {
	try {		try {
	// ~~1. DESCODIFICA o~~ JSON ~~seguro que veio do Lua~~		// O JSON voltou a ser limpo e fácil de ler
	const ~~rawJson~~ = ~~decodeURIComponent~~(root.dataset.json);		const data = JSON.parse(root.dataset.json);

	~~// 2. Transforma de volta em um Objeto~~
	~~const data = JSON.parse(rawJson~~);
	const d = data[diff];		const d = data[diff];
	const content = root.querySelector(".boss-content");		const content = root.querySelector(".boss-content");
Linha 50:		Linha 47:
	html += `</ul>`;		html += `</ul>`;

	// Possíveis ~~(Inserido direto, sem dar escape, porque queremos o HTML da Wiki)~~		// Possíveis Recompensas
	html += `<h3>Possíveis Recompensas</h3>`;		html += `<h3>Possíveis Recompensas</h3>`;
	if (~~d.recompensasRenderizadas~~) {
	html += d.~~recompensasRenderizadas~~;		// O PULO DO GATO: Em vez de pegar do JSON, o JS "pesca" o HTML da div invisível
			const divOculta = root.querySelector(`.boss-html-recompensas[data-diff="${diff}"]`);
			if (divOculta) {
			html += divOculta.innerHTML; // Pega o HTML processado pela Wiki perfeitamente!
	} else {		} else {
	html += `<ul><li>Nenhuma recompensa possível</li></ul>`;		html += `<ul><li>Nenhuma recompensa possível</li></ul>`;
Linha 67:		Linha 67:

	} catch (error) {		} catch (error) {
	console.error("Erro ao ~~processar as recompensas do~~ Boss:", error);		console.error("Erro ao renderizar o Boss:", error);
	}		}
	}		}
Linha 84:		Linha 84:
	});		});

	// ~~Carrega a~~ aba 'normal~~' assim que o componente entra na tela~~		// Inicia na aba normal
	bossRender(root, 'normal');		bossRender(root, 'normal');
	});		});

Yawn em 23h45min de 9 de abril de 2026

2026-04-09T23:45:06Z

← Edição anterior		Edição das 23h45min de 9 de abril de 2026
Linha 15:		Linha 15:
	function escapeHtml(str) {		function escapeHtml(str) {
	if (!str) return '';		if (!str) return '';
	return str.replace(/[&<>]/g, m => ({		return str.replace(/[&<>]/g, m => ({ '&': '&', '<': '<', '>': '>' }[m]));
	'&': '&',
	'<': '<',
	'>': '>'
	}[m]));
	}		}

	~~// Note: Removi o "async" pois agora tudo é síncrono e instantâneo~~
	function bossRender(root, diff) {		function bossRender(root, diff) {
	// ~~Remove os marcadores de nowiki~~ que ~~o MediaWiki possa ter inserido~~		try {
	~~let rawData~~ = root.dataset.json~~.replace(/(\/\* UNIQ\w+ \*\/\|UNIQ\w+)/g, ""~~);		// 1. DESCODIFICA o JSON seguro que veio do Lua
			const rawJson = decodeURIComponent(root.dataset.json);
	const data = JSON.parse(~~rawData~~);
	const d = data[diff];		// 2. Transforma de volta em um Objeto
	const content = root.querySelector(".boss-content");		const data = JSON.parse(rawJson);
	if (!content \|\| !d) return;		const d = data[diff];
			const content = root.querySelector(".boss-content");

			if (!content \|\| !d) return;

	~~// Atualiza o título apenas se necessário~~		const titulo = root.querySelector(".boss-titulo");
	const titulo = root.querySelector(".boss-titulo");		if (data.nome && titulo) titulo.textContent = data.nome;
	if (data.nome && titulo) titulo.textContent = data.nome;

	let html = `<div class="boss-content-grid">`;		let html = `<div class="boss-content-grid">`;

	// Requisitos		// Requisitos
	html += `<div class="boss-content-requisitos"><h3>Requisitos</h3><ul>`;		html += `<div class="boss-content-requisitos"><h3>Requisitos</h3><ul>`;
	(d.requisitos \|\| []).forEach(r => html += `<li>${escapeHtml(r)}</li>`);		(d.requisitos \|\| []).forEach(r => html += `<li>${escapeHtml(r)}</li>`);
	if (!(d.requisitos \|\| []).length) html += `<li>Nenhum requisito</li>`;		if (!(d.requisitos \|\| []).length) html += `<li>Nenhum requisito</li>`;
	html += `</ul></div>`;		html += `</ul></div>`;

	// Grid recompensas		// Grid recompensas
	html += `<div class="boss-content-grid-recompensas">`;		html += `<div class="boss-content-grid-recompensas">`;

	// ~~Recompensas~~ Garantidas		// Garantidas
	html += `<h3>Recompensas Garantidas</h3><ul>`;		html += `<h3>Recompensas Garantidas</h3><ul>`;
	(d.recompensas \|\| []).forEach(r => html += `<li>${escapeHtml(r)}</li>`);		(d.recompensas \|\| []).forEach(r => html += `<li>${escapeHtml(r)}</li>`);
	if (!(d.recompensas \|\| []).length) html += `<li>Nenhuma recompensa garantida</li>`;		if (!(d.recompensas \|\| []).length) html += `<li>Nenhuma recompensa garantida</li>`;
	html += `</ul>`;		html += `</ul>`;

	// Possíveis ~~Recompensas~~ (O HTML ~~já vem pronto do Módulo Lua~~)		// Possíveis (Inserido direto, sem dar escape, porque queremos o HTML da Wiki)
	html += `<h3>Possíveis Recompensas</h3>`;		html += `<h3>Possíveis Recompensas</h3>`;
	if (d.recompensasRenderizadas) {		if (d.recompensasRenderizadas) {
	~~// Inserimos o HTML direto (imagens e tooltips processados pela Wiki)~~		html += d.recompensasRenderizadas;
	html += d.recompensasRenderizadas;		} else {
	} else {		html += `<ul><li>Nenhuma recompensa possível</li></ul>`;
	html += `<ul><li>Nenhuma recompensa possível</li></ul>`;		}
	}

	html += `</div></div>`;		html += `</div></div>`;
			content.innerHTML = html;

	~~content.innerHTML = html;~~		// Atualiza o CSS do botão clicado
			root.querySelectorAll('.boss-diff-btn').forEach(btn => {
	// Atualiza botão ~~ativo~~		btn.classList.toggle('active', btn.dataset.diff === diff);
	root.querySelectorAll('.boss-diff-btn').forEach(btn => {		});
	btn.classList.toggle('active', btn.dataset.diff === diff);
	});		} catch (error) {
			console.error("Erro ao processar as recompensas do Boss:", error);
			}
	}		}

	function init() {		function init() {
	~~console.log("Dados do Boss carregados:", JSON.parse(root.dataset.json));~~
	document.querySelectorAll('.boss-component').forEach(root => {		document.querySelectorAll('.boss-component').forEach(root => {
	if (root.dataset.initialized === 'true') return;		if (root.dataset.initialized === 'true') return;
Linha 86:		Linha 84:
	});		});

	// ~~Renderização inicial~~		// Carrega a aba 'normal' assim que o componente entra na tela
	bossRender(root, 'normal');		bossRender(root, 'normal');
	});		});
	}		}

	~~// Inicialização padrão do MediaWiki~~
	if (document.readyState === 'loading') {		if (document.readyState === 'loading') {
	document.addEventListener('DOMContentLoaded', init);		document.addEventListener('DOMContentLoaded', init);

Yawn em 23h41min de 9 de abril de 2026

2026-04-09T23:41:14Z

← Edição anterior		Edição das 23h41min de 9 de abril de 2026
Linha 24:		Linha 24:
	// Note: Removi o "async" pois agora tudo é síncrono e instantâneo		// Note: Removi o "async" pois agora tudo é síncrono e instantâneo
	function bossRender(root, diff) {		function bossRender(root, diff) {
	const data = JSON.parse(~~root.dataset.json~~);		// Remove os marcadores de nowiki que o MediaWiki possa ter inserido
			let rawData = root.dataset.json.replace(/(\/\* UNIQ\w+ \*\/\|UNIQ\w+)/g, "");

			const data = JSON.parse(rawData);
	const d = data[diff];		const d = data[diff];
	const content = root.querySelector(".boss-content");		const content = root.querySelector(".boss-content");

Yawn em 23h36min de 9 de abril de 2026

2026-04-09T23:36:25Z

← Edição anterior		Edição das 23h36min de 9 de abril de 2026
Linha 70:		Linha 70:

	function init() {		function init() {
			console.log("Dados do Boss carregados:", JSON.parse(root.dataset.json));
	document.querySelectorAll('.boss-component').forEach(root => {		document.querySelectorAll('.boss-component').forEach(root => {
	if (root.dataset.initialized === 'true') return;		if (root.dataset.initialized === 'true') return;