MediaWiki:Common.js: Difference between revisions

Revision as of 18:38, 13 April 2026

(function () {

  // ── Active script state ────────────────────────────────────────
  var currentScript = 'deva';

  // ── 1. Inline IAST transliteration (no external library needed) ─
  // Based on the same logic as your PHP TransliterateController
  function devanagariToIAST(text) {
    // Map of devanagari to IAST — consonants get inherent 'a'
    // which is then stripped by halanta and vowel diacritics
    var VOWELS = {
      'अ':'a','आ':'ā','इ':'i','ई':'ī','उ':'u','ऊ':'ū',
      'ऋ':'ṛ','ॠ':'ṝ','ए':'e','ऐ':'ai','ओ':'o','औ':'au','ऽ':"'"
    };
    var CONSONANTS = {
      'क':'k','ख':'kh','ग':'g','घ':'gh','ङ':'ṅ',
      'च':'c','छ':'ch','ज':'j','झ':'jh','ञ':'ñ',
      'ट':'ṭ','ठ':'ṭh','ड':'ḍ','ढ':'ḍh','ण':'ṇ',
      'त':'t','थ':'th','द':'d','ध':'dh','न':'n',
      'प':'p','फ':'ph','ब':'b','भ':'bh','म':'m',
      'य':'y','र':'r','ल':'l','ळ':'ḷ','व':'v',
      'श':'ś','ष':'ṣ','स':'s','ह':'h'
    };
    var DIACRITICS = {
      'ा':'ā','ि':'i','ी':'ī','ु':'u','ू':'ū',
      'ृ':'ṛ','ॄ':'ṝ','े':'e','ै':'ai','ो':'o','ौ':'au'
    };
    var MISC = {
      'ं':'ṃ','ः':'ḥ','ँ':'m̐','ॐ':'oṃ',
      '०':'0','१':'1','२':'2','३':'3','४':'4',
      '५':'5','६':'6','७':'7','८':'8','९':'9'
    };
    var HALANTA = '्';

    var chars = Array.from(text);
    var result = '';
    var i = 0;

    while (i < chars.length) {
      var ch = chars[i];

      if (CONSONANTS[ch]) {
        var consonant = CONSONANTS[ch];
        // Look ahead
        if (i + 1 < chars.length) {
          var next = chars[i + 1];
          if (next === HALANTA) {
            // Halanta — suppress inherent 'a', skip halanta
            result += consonant;
            i += 2;
            continue;
          } else if (DIACRITICS[next]) {
            // Vowel diacritic — replace inherent 'a'
            result += consonant + DIACRITICS[next];
            i += 2;
            continue;
          } else if (MISC[next] && (next === 'ं' || next === 'ः')) {
            // Anusvara/visarga after consonant — add inherent 'a' then misc
            result += consonant + 'a' + MISC[next];
            i += 2;
            continue;
          }
        }
        // Default — consonant with inherent 'a'
        result += consonant + 'a';
        i++;
      } else if (VOWELS[ch]) {
        result += VOWELS[ch];
        i++;
      } else if (DIACRITICS[ch]) {
        result += DIACRITICS[ch];
        i++;
      } else if (MISC[ch]) {
        result += MISC[ch];
        i++;
      } else {
        result += ch;
        i++;
      }
    }

    return result;
  }

  // ── 2. Character maps for Kannada and Tamil ────────────────────
  var SCRIPT_MAP = {
    kn: {
      'अ':'ಅ','आ':'ಆ','इ':'ಇ','ई':'ಈ','उ':'ಉ','ऊ':'ಊ','ऋ':'ಋ',
      'ए':'ಏ','ऐ':'ಐ','ओ':'ಓ','औ':'ಔ','ऽ':'ಽ',
      'क':'ಕ','ख':'ಖ','ग':'ಗ','घ':'ಘ','ङ':'ಙ',
      'च':'ಚ','छ':'ಛ','ज':'ಜ','झ':'ಝ','ञ':'ಞ',
      'ट':'ಟ','ठ':'ಠ','ड':'ಡ','ढ':'ಢ','ण':'ಣ',
      'त':'ತ','थ':'ಥ','द':'ದ','ध':'ಧ','न':'ನ',
      'प':'ಪ','फ':'ಫ','ब':'ಬ','भ':'ಭ','म':'ಮ',
      'य':'ಯ','र':'ರ','ल':'ಲ','व':'ವ',
      'श':'ಶ','ष':'ಷ','स':'ಸ','ह':'ಹ',
      'ा':'ಾ','ि':'ಿ','ी':'ೀ','ु':'ು','ू':'ೂ',
      'ृ':'ೃ','े':'ೇ','ै':'ೈ','ो':'ೋ','ौ':'ೌ',
      'ं':'ಂ','ः':'ಃ','्':'್',
      '०':'೦','१':'೧','२':'೨','३':'೩','४':'೪',
      '५':'೫','६':'೬','७':'೭','८':'೮','९':'೯'
    },
    ta: {
      'अ':'அ','आ':'ஆ','इ':'இ','ई':'ஈ','उ':'உ','ऊ':'ஊ',
      'ए':'ஏ','ऐ':'ஐ','ओ':'ஓ','औ':'ஔ',
      'क':'க','ख':'க','ग':'க','घ':'க','ङ':'ங',
      'च':'ச','छ':'ச','ज':'ஜ','झ':'ஜ','ञ':'ஞ',
      'ट':'ட','ठ':'ட','ड':'ட','ढ':'ட','ण':'ண',
      'त':'த','थ':'த','द':'த','ध':'த','न':'ந',
      'प':'ப','फ':'ப','ब':'ப','भ':'ப','म':'ம',
      'य':'ய','र':'ர','ல':'ல','व':'வ',
      'श':'ஶ','ष':'ஷ','स':'ஸ','ह':'ஹ',
      'ा':'ா','ि':'ி','ी':'ீ','ु':'ு','ू':'ூ',
      'े':'ே','ै':'ை','ो':'ோ','ौ':'ௌ',
      'ं':'ம்','ः':':','्':'்','ॐ':'ௐ',
      '०':'0','१':'1','२':'2','३':'3','४':'4',
      '५':'5','६':'6','७':'7','८':'8','९':'9'
    }
  };

  var PRE = [
    [/ङ्क/g,'ंक'],[/ङ्ख/g,'ंख'],[/ङ्ग/g,'ंग'],[/ङ्घ/g,'ंघ'],
    [/ञ्च/g,'ंच'],[/ञ्ज/g,'ंज'],[/ण्ट/g,'ंट'],[/ण्ड/g,'ंड'],
    [/न्त/g,'ंत'],[/न्द/g,'ंद'],[/म्ब/g,'ंब'],[/म्भ/g,'ंभ']
  ];

  function preProcess(t) {
    PRE.forEach(function (p) { t = t.replace(p[0], p[1]); });
    return t;
  }

  function transliterateText(text, script) {
    if (script === 'en') return devanagariToIAST(text);
    var map = SCRIPT_MAP[script];
    if (!map) return text;
    return Array.from(preProcess(text)).map(function (ch) {
      return map[ch] !== undefined ? map[ch] : ch;
    }).join('');
  }

  // ── 3. Store original devanagari on the content root ──────────
  // We save the full original HTML so we can always restore it
  var originalHTML = null;

  function saveOriginal() {
    var content = document.querySelector('.mw-parser-output');
    if (content && !originalHTML) {
      originalHTML = content.innerHTML;
    }
  }

  function restoreOriginal() {
    var content = document.querySelector('.mw-parser-output');
    if (content && originalHTML) {
      content.innerHTML = originalHTML;
      // Rebuild bar after restore since innerHTML wipes it
      buildBar();
    }
  }

  function applyScript(script) {
    currentScript = script;

    if (script === 'deva') {
      restoreOriginal();
      return;
    }

    // Always restore first so we transliterate from clean devanagari
    var content = document.querySelector('.mw-parser-output');
    if (!content) return;
    if (originalHTML) content.innerHTML = originalHTML;

    // Walk text nodes
    var walker = document.createTreeWalker(content, NodeFilter.SHOW_TEXT);
    var nodes = [];
    while (walker.nextNode()) nodes.push(walker.currentNode);

    nodes.forEach(function (node) {
      var p = node.parentNode;
      if (!p) return;
      if (p.closest) {
        if (p.closest('.gr-script-bar') ||
            p.closest('.vector-toc') ||
            p.closest('#toc') ||
            p.closest('.mw-editsection')) return;
      }
      var orig = node.textContent;
      var trans = transliterateText(orig, script);
      if (trans !== orig) {
        node.textContent = trans;
      }
    });

    // Rebuild bar since innerHTML was reset
    buildBar();
    // Re-mark active button
    var bar = document.querySelector('.gr-script-bar');
    if (bar) {
      bar.querySelectorAll('.gr-script-btn').forEach(function (b) {
        b.classList.toggle('active', b.getAttribute('data-script') === script);
      });
    }
  }

  // ── 4. Build switcher bar ──────────────────────────────────────
  function buildBar() {
    var title = document.querySelector('.gr-doc-title');
    if (!title) return;
    if (document.querySelector('.gr-script-bar')) return;

    var bar = document.createElement('div');
    bar.className = 'gr-script-bar';
    bar.innerHTML =
      '<span class="gr-script-label">change script to</span>' +
      '<a class="gr-script-btn" data-script="deva">देवनागरी</a>' +
      '<a class="gr-script-btn" data-script="kn">ಕನ್ನಡ</a>' +
      '<a class="gr-script-btn" data-script="ta">தமிழ்</a>' +
      '<a class="gr-script-btn" data-script="en">English</a>';

    title.after(bar);

    // Mark current active
    bar.querySelectorAll('.gr-script-btn').forEach(function (b) {
      b.classList.toggle('active', b.getAttribute('data-script') === currentScript);
    });

    bar.querySelectorAll('.gr-script-btn').forEach(function (btn) {
      btn.addEventListener('click', function (e) {
        e.preventDefault();
        applyScript(btn.getAttribute('data-script'));
      });
    });
  }

  // ── 5. Init ────────────────────────────────────────────────────
  function init() {
    saveOriginal();
    buildBar();
    watchTocActive();
  }

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

  // MW hook — save original again if page content reloads,
  // then re-apply current script if not deva
  if (window.mw) {
    mw.hook('wikipage.content').add(function () {
      setTimeout(function () {
        originalHTML = null; // reset so saveOriginal picks up fresh HTML
        saveOriginal();
        buildBar();
        watchTocActive();
        if (currentScript !== 'deva') applyScript(currentScript);
      }, 200);
    });
  }

  // ── 6. TOC active highlight via MutationObserver ───────────────
  function watchTocActive() {
    var toc = document.querySelector('.vector-toc');
    if (!toc || toc._grObserved) return;
    toc._grObserved = true;

    var observer = new MutationObserver(function (mutations) {
      mutations.forEach(function (m) {
        if (m.type !== 'attributes' || m.attributeName !== 'class') return;
        var li = m.target;
        var link = li.querySelector(':scope > .vector-toc-link');
        if (!link) return;
        if (li.classList.contains('vector-toc-list-item-active')) {
          link.style.color = '#f57c00';
          link.style.fontWeight = '700';
        } else {
          link.style.color = '';
          link.style.fontWeight = '';
        }
      });
    });

    toc.querySelectorAll('.vector-toc-list-item').forEach(function (li) {
      observer.observe(li, { attributes: true, attributeFilter: ['class'] });
    });
  }

})();