MediaWiki:Common.js: Difference between revisions

Revision as of 19:28, 1 September 2026

/* ==========================================================================
   VAMPIRO: A MÁSCARA — SCRIPTS GLOBAIS, SEGREDO DINÂMICO & VISUALEDITOR TOOL
   ========================================================================== */

(function () {
  'use strict';

  // ------------------------------------------------------------------------
  // 1. LÓGICA DE CENSURA & REVELAÇÃO DINÂMICA ({{Segredo}})
  // ------------------------------------------------------------------------
  function initVtmSecrets() {
    var secretElements = document.querySelectorAll('[data-vtm-secret="true"]');
    if (!secretElements || secretElements.length === 0) return;

    var now = new Date();

    secretElements.forEach(function (el) {
      var liberado = (el.getAttribute('data-liberado') || '').toLowerCase().trim();
      var dateStr = (el.getAttribute('data-reveal-date') || '').trim();
      var dica = (el.getAttribute('data-dica') || '').trim();
      var isRevealed = false;
      var tooltipText = '🔒 [ARQUIVO CONFIDENCIAL - ACESSO RESTRITO]';

      if (liberado === 'sim' || liberado === 'true' || liberado === '1') {
        isRevealed = true;
      } else if (liberado === 'nao' || liberado === 'false' || liberado === '0') {
        isRevealed = false;
        tooltipText = '🔒 [ARQUIVO CLASSIFICADO' + (dica ? ' // ' + dica : '') + ' - LIBERAÇÃO RESTRITA]';
      } else if (dateStr) {
        var targetDate = null;
        if (dateStr.indexOf('/') !== -1) {
          var parts = dateStr.split('/');
          if (parts.length === 3) {
            targetDate = new Date(parts[2], parseInt(parts[1], 10) - 1, parts[0], 0, 0, 0);
          }
        } else {
          targetDate = new Date(dateStr);
        }

        if (targetDate && !isNaN(targetDate.getTime())) {
          if (now >= targetDate) {
            isRevealed = true;
          } else {
            isRevealed = false;
            var formatted = ('0' + targetDate.getDate()).slice(-2) + '/' +
                            ('0' + (targetDate.getMonth() + 1)).slice(-2) + '/' +
                            targetDate.getFullYear();
            tooltipText = '🔒 [CLASSIFICADO' + (dica ? ' // ' + dica : '') + ' - Desclassificação em: ' + formatted + ']';
          }
        } else {
          isRevealed = false;
        }
      } else {
        isRevealed = false;
      }

      if (isRevealed) {
        el.classList.add('is-revealed');
        el.classList.remove('is-redacted');
        el.title = '🔓 [DOCUMENTO DESCLASSIFICADO' + (dica ? ' // ' + dica : '') + ']';
      } else {
        el.classList.add('is-redacted');
        el.classList.remove('is-revealed');
        el.title = tooltipText;
      }
    });
  }

  // ------------------------------------------------------------------------
  // 2. INTEGRAÇÃO COM VISUALEDITOR (EDITOR VISUAL OOUI)
  // ------------------------------------------------------------------------
  function setupVisualEditorTool() {
    if (!window.mw || !mw.hook) return;

    mw.hook('ve.loadModules').add(function (addPlugin) {
      addPlugin(function () {
        if (!window.ve || !ve.ui || !ve.ui.toolFactory) return;

        // Cria o comando no VisualEditor
        ve.ui.commandRegistry.register(
          new ve.ui.Command(
            'insertVtmSecret', 'content', 'insert',
            {
              args: [
                [
                  {
                    type: 'mwTransclusionInline',
                    attributes: {
                      mw: {
                        parts: [
                          {
                            template: {
                              target: { href: 'Template:Segredo', wt: 'Segredo' },
                              params: {
                                '1': { wt: 'Texto confidencial a ser censurado' },
                                'data': { wt: 'AAAA-MM-DD' },
                                'liberado': { wt: 'nao' }
                              }
                            }
                          }
                        ]
                      }
                    }
                  },
                  { type: '/mwTransclusionInline' }
                ]
              ],
              supportedSelections: ['linear']
            }
          )
        );

        // Define a ferramenta no menu Inserir do VisualEditor
        function VtmSecretVeTool() {
          VtmSecretVeTool.super.apply(this, arguments);
        }
        OO.inheritClass(VtmSecretVeTool, ve.ui.Tool);
        VtmSecretVeTool.static.name = 'vtmSecret';
        VtmSecretVeTool.static.group = 'insert';
        VtmSecretVeTool.static.icon = 'lock';
        VtmSecretVeTool.static.title = '🔒 Censura / Segredo (Confidencial)';
        VtmSecretVeTool.static.commandName = 'insertVtmSecret';

        ve.ui.toolFactory.register(VtmSecretVeTool);
      });
    });
  }

  // ------------------------------------------------------------------------
  // 3. BARRA RÁPIDA GÓTICA NO EDITOR DE CÓDIGO-FONTE (#wpTextbox1)
  // ------------------------------------------------------------------------
  function initVtmQuickToolbar() {
    var textbox = document.getElementById('wpTextbox1');
    if (!textbox) return;
    if (document.getElementById('vtm-editor-quickbar')) return;

    var bar = document.createElement('div');
    bar.id = 'vtm-editor-quickbar';
    bar.className = 'vtm-editor-quickbar';
    bar.style.cssText = 'display:flex; flex-wrap:wrap; gap:8px; align-items:center; padding:10px 14px; margin:10px 0; background:linear-gradient(90deg, #181014 0%, #0d0d12 100%); border:1px solid #3d0a12; border-left:4px solid #8b0000; border-radius:4px; font-family:"Cinzel", Georgia, serif; box-shadow:0 4px 14px rgba(0,0,0,0.6); z-index:99;';

    // Rótulo da Barra
    var label = document.createElement('span');
    label.style.cssText = 'color:#c5a059; font-size:0.85em; font-weight:700; text-transform:uppercase; letter-spacing:1px; margin-right:6px;';
    label.innerHTML = '🩸 Ferramentas Góticas:';
    bar.appendChild(label);

    // Botão 1: Inline
    var btnInline = document.createElement('button');
    btnInline.type = 'button';
    btnInline.className = 'vtm-quick-btn';
    btnInline.style.cssText = 'background:#240c12; color:#ffffff; border:1px solid #ff2a3f; border-radius:3px; padding:6px 12px; font-size:0.82em; font-weight:700; cursor:pointer; display:inline-flex; align-items:center; gap:6px; transition:all 0.2s ease; box-shadow:0 0 8px rgba(201,24,43,0.4);';
    btnInline.innerHTML = '🔒 Inserir Tarja de Censura (Segredo)';
    btnInline.title = 'Envolve o texto selecionado na predefinição {{Segredo}}';

    btnInline.onmouseover = function () {
      btnInline.style.background = '#4a0f1b';
      btnInline.style.boxShadow = '0 0 14px rgba(255,42,63,0.85)';
    };
    btnInline.onmouseout = function () {
      btnInline.style.background = '#240c12';
      btnInline.style.boxShadow = '0 0 8px rgba(201,24,43,0.4)';
    };
    btnInline.onclick = function (e) {
      e.preventDefault();
      insertSecretTemplate(textbox, false);
    };
    bar.appendChild(btnInline);

    // Botão 2: Bloco
    var btnBlock = document.createElement('button');
    btnBlock.type = 'button';
    btnBlock.className = 'vtm-quick-btn';
    btnBlock.style.cssText = 'background:#181822; color:#c5a059; border:1px solid #3d0a12; border-radius:3px; padding:6px 12px; font-size:0.82em; font-weight:700; cursor:pointer; display:inline-flex; align-items:center; gap:6px; transition:all 0.2s ease;';
    btnBlock.innerHTML = '📁 Dossiê Confidencial (Bloco)';
    btnBlock.title = 'Insere relatório confidencial em formato de bloco';

    btnBlock.onmouseover = function () {
      btnBlock.style.background = '#281c20';
      btnBlock.style.borderColor = '#c5a059';
    };
    btnBlock.onmouseout = function () {
      btnBlock.style.background = '#181822';
      btnBlock.style.borderColor = '#3d0a12';
    };
    btnBlock.onclick = function (e) {
      e.preventDefault();
      insertSecretTemplate(textbox, true);
    };
    bar.appendChild(btnBlock);

    textbox.parentNode.insertBefore(bar, textbox);
  }

  function insertSecretTemplate(textbox, isBlock) {
    var start = textbox.selectionStart;
    var end = textbox.selectionEnd;
    var text = textbox.value;
    var selected = text.substring(start, end);

    var pre = isBlock ? '\n{{Segredo|tipo=bloco|nivel=RELATÓRIO SAD // CONFIDENCIAL|data=AAAA-MM-DD|dica=Alvo Restrito|\n' : '{{Segredo|';
    var defaultText = selected || (isBlock ? 'Escreva aqui o relatório confidencial...' : 'Texto sensível a ser censurado');
    var post = isBlock ? '\n}}\n' : '|data=AAAA-MM-DD|liberado=nao}}';

    var replacement = pre + defaultText + post;
    textbox.value = text.substring(0, start) + replacement + text.substring(end);

    var newCursor = start + pre.length;
    textbox.focus();
    textbox.setSelectionRange(newCursor, newCursor + defaultText.length);

    if (window.$) {
      $(textbox).trigger('input').trigger('change');
    }
  }

  // ------------------------------------------------------------------------
  // 4. ANIMAÇÃO DE CASCATA DAS SEÇÕES (.vtm-section-block)
  // ------------------------------------------------------------------------
  function initSectionAnimation() {
    var content = document.querySelector('.mw-parser-output');
    if (!content || content.dataset.vtmAnimated === 'true') return;

    if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
      return;
    }

    content.dataset.vtmAnimated = 'true';
    var children = Array.from(content.children);
    var sections = [];
    var currentSection = [];

    children.forEach(function (child) {
      if (
        child.classList.contains('catlinks') ||
        child.classList.contains('mw-category-generated') ||
        child.tagName === 'SCRIPT' ||
        child.tagName === 'STYLE' ||
        child.id === 'vtm-editor-quickbar'
      ) {
        if (currentSection.length > 0) {
          sections.push(currentSection);
          currentSection = [];
        }
        return;
      }

      var isH2 = child.tagName === 'H2' || child.classList.contains('mw-heading2');
      if (isH2 && currentSection.length > 0) {
        sections.push(currentSection);
        currentSection = [];
      }
      currentSection.push(child);
    });

    if (currentSection.length > 0) {
      sections.push(currentSection);
    }

    sections.forEach(function (sectionElements, index) {
      var wrapper = document.createElement('div');
      wrapper.className = 'vtm-section-block';
      var delay = (0.12 + index * 0.42).toFixed(2);
      wrapper.style.animationDelay = delay + 's';

      var firstElem = sectionElements[0];
      if (firstElem && firstElem.parentNode) {
        firstElem.parentNode.insertBefore(wrapper, firstElem);
        sectionElements.forEach(function (el) {
          wrapper.appendChild(el);
        });
      }
    });
  }

  // Execução
  function initAll() {
    initVtmSecrets();
    initSectionAnimation();
    initVtmQuickToolbar();
    setupVisualEditorTool();
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initAll);
  } else {
    initAll();
  }

  if (window.mw && window.mw.hook) {
    window.mw.hook('wikipage.content').add(function () {
      initVtmSecrets();
      initSectionAnimation();
    });
    window.mw.hook('ve.activationComplete').add(function () {
      setupVisualEditorTool();
    });
  }
})();