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.

/* Grantha.io — scroll-spy for MW native TOC links */
(function () {
    'use strict';

    mw.hook('wikipage.content').add(function () {
        setTimeout(function () {

            /* Find TOC links — works with both sidebar and inline TOC */
            var tocLinks = Array.from(
                document.querySelectorAll('.vector-toc a, #toc a, .toc a')
            ).filter(function (a) {
                return a.href && a.href.indexOf('#') !== -1;
            });

            if (!tocLinks.length) return;

            var targets = tocLinks.map(function (a) {
                return document.getElementById(a.href.split('#')[1]);
            });

            function update() {
                var threshold = window.scrollY + 130;
                var active = 0;
                for (var i = 0; i < targets.length; i++) {
                    if (targets[i]) {
                        var el = targets[i], top = 0;
                        while (el) { top += el.offsetTop; el = el.offsetParent; }
                        if (top <= threshold) active = i;
                    }
                }
                tocLinks.forEach(function (a, i) {
                    a.style.color = (i === active) ? '#f57c00' : '';
                    a.style.fontWeight = (i === active) ? '600' : '';
                });
            }

            window.addEventListener('scroll', update, { passive: true });
            update();

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

mw.loader.load('https://cdn.jsdelivr.net/npm/sanscript.js@1.1.2/sanscript.min.js');

// Then in applyScript(), for 'en' script:
function transliterateText(text, map, script) {
  if (script === 'en') {
    return Sanscript.t(text, 'devanagari', 'iast');
  }
  // existing map-based logic for kn/ta
  const pre = [
    [/ङ्क/g,'ंक'],[/ङ्ख/g,'ंख'],[/ङ्ग/g,'ंग'],[/ङ्घ/g,'ंघ'],
    [/ञ्च/g,'ंच'],[/ञ्ज/g,'ंज'],[/ण्ट/g,'ंट'],[/ण्ड/g,'ंड'],
    [/न्त/g,'ंत'],[/न्द/g,'ंद'],[/म्ब/g,'ंब'],[/म्भ/g,'ंभ'],
  ];
  pre.forEach(([re, rep]) => { text = text.replace(re, rep); });
  return [...text].map(ch => map[ch] || ch).join('');
}

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

  content.querySelectorAll('[data-deva]').forEach(el => {
    el.textContent = el.getAttribute('data-deva');
    el.removeAttribute('data-deva');
  });

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

  const map = SCRIPT_MAP[script]; // will be undefined for 'en', handled inside transliterateText

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

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

// ── Build the switcher UI ────────────────────────────────────────
mw.hook('wikipage.content').add(function() {
  const 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>
  `;

  const title = document.querySelector('.gr-doc-title');
  if (title) title.after(bar);

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