MediaWiki:Common.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

// ── Load Sanscript.js first, then init everything ────────────────
(function() {

  function loadScript(url, callback) {
    var s = document.createElement('script');
    s.src = url;
    s.onload = callback;
    document.head.appendChild(s);
  }

  loadScript(
    'https://cdn.jsdelivr.net/npm/sanscript.js@1.1.2/sanscript.min.js',
    function() { initScriptSwitcher(); }
  );

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

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

  function preProcess(text) {
    PRE_PROCESS.forEach(function(pair) {
      text = text.replace(pair[0], pair[1]);
    });
    return text;
  }

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

  function applyScript(script) {
    var content = document.querySelector('.mw-parser-output');
    if (!content) return;

    // Restore original devanagari
    content.querySelectorAll('[data-deva]').forEach(function(el) {
      el.textContent = el.getAttribute('data-deva');
      el.removeAttribute('data-deva');
    });

    if (script === 'deva') return;

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

    nodes.forEach(function(node) {
      var orig = node.textContent;
      var trans = transliterateText(orig, script);
      if (trans !== orig) {
        var span = document.createElement('span');
        span.setAttribute('data-deva', orig);
        span.textContent = trans;
        node.parentNode.replaceChild(span, node);
      }
    });
  }

  function initScriptSwitcher() {
    mw.hook('wikipage.content').add(function() {
      // Only add on doc pages (pages with gr-doc-title)
      var title = document.querySelector('.gr-doc-title');
      if (!title) 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 active" 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);

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

})();