Anandamakaranda

MediaWiki:Common.js: Difference between revisions

← Older editNewer edit →
No edit summary
No edit summary
Line 1: Line 1:
(function () {
(function () {


   // ── 1. Load Sanscript from a reliable CDN ──────────────────────
   // ── Active script state ────────────────────────────────────────
   var sanscriptReady = false;
   var currentScript = 'deva';
  var s = document.createElement('script');
  s.src = 'https://cdn.jsdelivr.net/gh/sanskrit-coders/sanscript.js@master/sanscript.js';
  s.onload = function () { sanscriptReady = true; };
  document.head.appendChild(s);


   // ── 2. Character maps ──────────────────────────────────────────
  // ── 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 = {
   var SCRIPT_MAP = {
     kn: {
     kn: {
Line 31: Line 106:
       'क':'க','ख':'க','ग':'க','घ':'க','ङ':'ங',
       'क':'க','ख':'க','ग':'க','घ':'க','ङ':'ங',
       'च':'ச','छ':'ச','ज':'ஜ','झ':'ஜ','ञ':'ஞ',
       'च':'ச','छ':'ச','ज':'ஜ','झ':'ஜ','ञ':'ஞ',
       'ट':'ட','ठ':'ட','ड':'ட','ढ':'ட','ண':'ண',
       'ट':'ட','ठ':'ட','ड':'ட','ढ':'ட','ण':'ண',
       'त':'த','थ':'த','द':'த','ध':'த','न':'ந',
       'त':'த','थ':'த','द':'த','ध':'த','न':'ந',
       'प':'ப','फ':'ப','ब':'ப','भ':'ப','म':'ம',
       'प':'ப','फ':'ப','ब':'ப','भ':'ப','म':'ம',
       'य':'ய','र':'ர','ल':'ல','व':'வ',
       'य':'ய','र':'ர','ல':'ல','व':'வ',
       'श':'ஶ','ष':'ஷ','स':'ஸ','ह':'ஹ',
       'श':'ஶ','ष':'ஷ','स':'ஸ','ह':'ஹ',
       'ा':'ா','ि':'ி','ी':'ீ','ு':'ு','ू':'ூ',
       'ा':'ா','ि':'ி','ी':'ீ','ु':'ு','ू':'ூ',
       'े':'ே','ै':'ை','ो':'ோ','ौ':'ௌ',
       'े':'ே','ै':'ை','ो':'ோ','ौ':'ௌ',
       'ं':'ம்','ः':':','्':'்','ॐ':'ௐ',
       'ं':'ம்','ः':':','्':'்','ॐ':'ௐ',
       '०':'0','१':'1','२':'2','३':'3','४':'4',
       '०':'0','१':'1','२':'2','३':'3','४':'4',
       '५':'5','६':'6','७':'7','௮':'8','९':'9'
       '५':'5','६':'6','७':'7','८':'8','९':'9'
     }
     }
   };
   };
Line 56: Line 131:


   function transliterateText(text, script) {
   function transliterateText(text, script) {
     if (script === 'en') {
     if (script === 'en') return devanagariToIAST(text);
      if (sanscriptReady && window.Sanscript) {
        return window.Sanscript.t(text, 'devanagari', 'iast');
      }
      return text;
    }
     var map = SCRIPT_MAP[script];
     var map = SCRIPT_MAP[script];
     if (!map) return text;
     if (!map) return text;
Line 69: Line 139:
   }
   }


   function applyScript(script) {
  // ── 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');
     var content = document.querySelector('.mw-parser-output');
     if (!content) return;
     if (content && !originalHTML) {
      originalHTML = content.innerHTML;
    }
  }


    // Restore devanagari first
  function restoreOriginal() {
     content.querySelectorAll('[data-deva]').forEach(function (el) {
     var content = document.querySelector('.mw-parser-output');
       el.textContent = el.getAttribute('data-deva');
    if (content && originalHTML) {
       el.removeAttribute('data-deva');
       content.innerHTML = originalHTML;
     });
       // Rebuild bar after restore since innerHTML wipes it
      buildBar();
     }
  }


    if (script === 'deva') return;
  function applyScript(script) {
    currentScript = script;


    // If English but Sanscript not ready, retry after short delay
     if (script === 'deva') {
     if (script === 'en' && (!sanscriptReady || !window.Sanscript)) {
       restoreOriginal();
       setTimeout(function () { applyScript('en'); }, 300);
       return;
       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 walker = document.createTreeWalker(content, NodeFilter.SHOW_TEXT);
     var nodes = [];
     var nodes = [];
Line 94: Line 180:
       var p = node.parentNode;
       var p = node.parentNode;
       if (!p) return;
       if (!p) return;
      // Skip switcher bar, TOC, and edit links
       if (p.closest) {
       if (p.closest) {
         if (p.closest('.gr-script-bar') ||
         if (p.closest('.gr-script-bar') ||
Line 104: Line 189:
       var trans = transliterateText(orig, script);
       var trans = transliterateText(orig, script);
       if (trans !== orig) {
       if (trans !== orig) {
         var span = document.createElement('span');
         node.textContent = trans;
        span.setAttribute('data-deva', orig);
        span.textContent = trans;
        p.replaceChild(span, node);
       }
       }
     });
     });
    // 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);
      });
    }
   }
   }


   // ── 3. Build switcher bar ──────────────────────────────────────
   // ── 4. Build switcher bar ──────────────────────────────────────
   function buildBar() {
   function buildBar() {
     var title = document.querySelector('.gr-doc-title');
     var title = document.querySelector('.gr-doc-title');
Line 122: Line 214:
     bar.innerHTML =
     bar.innerHTML =
       '<span class="gr-script-label">change script to</span>' +
       '<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="deva">देवनागरी</a>' +
       '<a class="gr-script-btn" data-script="kn">ಕನ್ನಡ</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="ta">தமிழ்</a>' +
Line 128: Line 220:


     title.after(bar);
     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) {
     bar.querySelectorAll('.gr-script-btn').forEach(function (btn) {
       btn.addEventListener('click', function (e) {
       btn.addEventListener('click', function (e) {
         e.preventDefault();
         e.preventDefault();
        bar.querySelectorAll('.gr-script-btn').forEach(function (b) {
          b.classList.remove('active');
        });
        btn.classList.add('active');
         applyScript(btn.getAttribute('data-script'));
         applyScript(btn.getAttribute('data-script'));
       });
       });
Line 141: Line 234:
   }
   }


   // Run on DOMContentLoaded to ensure bar persists on refresh
   // ── 5. Init ────────────────────────────────────────────────────
  function init() {
    saveOriginal();
    buildBar();
    watchTocActive();
  }
 
   if (document.readyState === 'loading') {
   if (document.readyState === 'loading') {
     document.addEventListener('DOMContentLoaded', buildBar);
     document.addEventListener('DOMContentLoaded', init);
   } else {
   } else {
     buildBar();
     init();
   }
   }


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


   // ── 4. TOC active highlight via MutationObserver ───────────────
   // ── 6. TOC active highlight via MutationObserver ───────────────
  // Watches class changes on TOC list items so highlight works
  // universally on all pages, not just BS.
   function watchTocActive() {
   function watchTocActive() {
     var toc = document.querySelector('.vector-toc');
     var toc = document.querySelector('.vector-toc');
     if (!toc) return;
     if (!toc || toc._grObserved) return;
    toc._grObserved = true;


     var observer = new MutationObserver(function (mutations) {
     var observer = new MutationObserver(function (mutations) {
Line 181: Line 286:
       observer.observe(li, { attributes: true, attributeFilter: ['class'] });
       observer.observe(li, { attributes: true, attributeFilter: ['class'] });
     });
     });
  }
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', watchTocActive);
  } else {
    watchTocActive();
   }
   }


})();
})();
Retrieved from "https://dev.anandamakaranda.in/MediaWiki:Common.js"