MediaWiki:Common.js: Difference between revisions

/* MediaWiki:Common.js */

(function () {

    var LS_SCRIPT_KEY = 'grantha_reader_script';

    var currentScript = 'deva';

    function devanagariToTamil(text) {

        var CONSONANTS = {

            'क': 'க', 'ख': 'க', 'ग': 'க', 'घ': 'க', 'ङ': 'ங',

            'च': 'ச', 'छ': 'ச', 'ज': 'ஜ', 'झ': 'ஜ', 'ञ': 'ஞ',

            'ट': 'ட', 'ठ': 'ட', 'ड': 'ட', 'ढ': 'ட', 'ण': 'ண',

            'त': 'த', 'थ': 'த', 'द': 'த', 'ध': 'த', 'न': 'ந',

            'प': 'ப', 'फ': 'ப', 'ब': 'ப', 'भ': 'ப', 'म': 'ம',

            'य': 'ய', 'र': 'ர', 'ल': 'ல', 'ळ': 'ள', 'व': 'வ',

            'श': 'ஶ', 'ष': 'ஷ', 'स': 'ஸ', 'ह': 'ஹ'

        };

        var DIACRITICS = {

            'ा': 'ா', 'ि': 'ி', 'ी': 'ீ', 'ु': 'ு', 'ू': 'ூ',

            'े': 'ே', 'ै': 'ை', 'ो': 'ோ', 'ौ': 'ௌ'

        };

        var VOWELS = {

            'अ': 'அ', 'आ': 'ஆ', 'इ': 'இ', 'ई': 'ஈ', 'उ': 'உ', 'ऊ': 'ஊ',

            'ए': 'ஏ', 'ऐ': 'ஐ', 'ओ': 'ஓ', 'औ': 'ஔ', 'ऽ': 'ऽ'

        };

        var MISC = {

            'ं':'ம்', 'ः':':', 'ँ':'ம்', 'ॐ':'ௐ',

            '०': '0', '१': '1', '२': '2', '३': '3', '४': '4',

            '५': '5', '६': '6', '७': '7', '८': '8', '९': '9'

        };

        var HALANTA = '्';

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

        while (i < chars.length) {

            var ch = chars[i], next = chars[i + 1];

            if (CONSONANTS[ch]) {

                var base = CONSONANTS[ch];

                if (next === HALANTA) { result += base + '்'; i += 2; }

                else if (next === 'ृ') { result += base + '்ரி'; i += 2; }

                else if (next === 'ॄ') { result += base + '்ரீ'; i += 2; }

                else if (DIACRITICS[next]) { result += base + DIACRITICS[next]; i += 2; }

                else { result += base; i++; }  // inherent 'a'

            else if (ch === 'ऋ') { result += 'ரி'; i++; }

            else if (ch === 'ॠ') { result += 'ரீ'; i++; }

            else if (VOWELS[ch]) { result += VOWELS[ch]; i++; }

            else if (MISC[ch]) { result += MISC[ch]; i++; }

            else { result += ch; i++; }

        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'

            'ा': 'ā', 'ि': 'i', 'ी': 'ī', 'ु': 'u', 'ू': 'ū',

            'ृ': 'ṛ', 'ॄ': 'ṝ', 'े': 'e', 'ै': 'ai', 'ो': 'o', 'ौ': 'au'

        };

        var VOWELS = {

            'अ': 'a', 'आ': 'ā', 'इ': 'i', 'ई': 'ī', 'उ': 'u', 'ऊ': 'ū',

            'ऋ': 'ṛ', 'ॠ': 'ṝ', 'ए': 'e', 'ऐ': 'ai', 'ओ': 'o', 'औ': 'au', 'ऽ': "'"

            'ं': 'ṃ', 'ः': 'ḥ', 'ँ': 'm̐', 'ॐ': 'oṃ',

            '०': '0', '१': '1', '२': '2', '३': '3', '४': '4',

            '५': '5', '६': '6', '७': '7', '८': '8', '९': '9'

        var HALANTA = '्';

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

            var ch = chars[i], next = chars[i + 1];

                else if (next === 'ं' || next === 'ः') { result += base + 'a' + MISC[next]; i += 2; }

                else { result += base + 'a'; i++; }

    var SCRIPT_MAP = {

            'श': 'శ', 'ष': 'ష', 'स': 'స', 'ह': 'హ',

            'ा': 'ా', 'ि': 'ి', 'ी': 'ీ', 'ु': 'ు', 'ू': 'ూ',

            'ृ': 'ృ', 'ॄ': 'ౄ', 'े': 'ే', 'ै': 'ై', 'ो': 'ో', 'ौ': 'ౌ',

            'ं': 'ం', 'ः': 'ః', '्': '్', 'ँ': 'ఁ',

            '०': '౦', '१': '౧', '२': '౨', '३': '౩', '४': '౪',

            '५': '౫', '६': '౬', '७': '౭', '८': '౮', '९': '౯'

    };

     var PRE = [

        [/ङ्क/g, 'ंक'], [/ङ्ख/g, 'ंख'], [/ङ्ग/g, 'ंग'], [/ङ्घ/g, 'ंघ'],

        [/ञ्च/g, 'ंच'], [/ञ्ज/g, 'ंज'], [/ण्ट/g, 'ंट'], [/ण्ड/g, 'ंड'],

        [/न्त/g, 'ंत'], [/न्द/g, 'ंद'], [/म्ब/g, 'ंब'], [/म्भ/g, 'ंभ']

     ];

    function transliterateText(text, script) {

        if (script === 'en') return devanagariToIAST(text);

        if (script === 'ta') return devanagariToTamil(text);

         var map = SCRIPT_MAP[script];

         if (!map) return text;

         var t = text;

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

         return Array.from(t).map(function (ch) {

            return map[ch] !== undefined ? map[ch] : ch;

         }).join('');

     var translatableSpans = [];

     function tagTextNodes() {

        var content = document.querySelector('.mw-parser-output');

        if (content) {

            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.hasAttribute && p.hasAttribute('data-deva')) return;

                if (p.closest) {

                    if (p.closest('.gr-controls')) return;

                    if (p.closest('.mw-editsection')) return;

                }

                var orig = node.textContent;

                if (!orig.trim()) return;

                var span = document.createElement('span');

                span.setAttribute('data-deva', orig);

                span.textContent = orig;

                p.replaceChild(span, node);

                translatableSpans.push(span);

            });

        });

    function applyScript(script) {

        currentScript = script;

        translatableSpans.forEach(function (span) {

            if (!span.parentNode) return;

            var orig = span.getAttribute('data-deva');

            if (!orig) return;

            span.textContent = (script === 'deva')

                ? orig

                : transliterateText(orig, script);

        });

     function _isNoTocPage() {

        var pn = (window.mw && mw.config && mw.config.get('wgPageName')) || '';

        return pn === 'Main_Page' || /^[A-Za-z0-9_]+:About$/.test(pn);

     function renameTocTitle() {

        if (_isNoTocPage()) return;

        var toc = document.querySelector('.vector-toc');

        if (!toc) return;

        var titleEl = toc.querySelector('.vector-toc-title') || toc.querySelector('.vector-pinnable-header-label');

        if (!titleEl) return;

        var LABEL = 'विषयसूची';

        var span = titleEl.querySelector('.gr-toc-title');

            titleEl.innerHTML = '';

            span = document.createElement('span');

            span.className = 'gr-toc-title';

            span.setAttribute('data-deva', LABEL);

            titleEl.appendChild(span);

            translatableSpans.push(span);

        span.textContent = currentScript === 'deva' ? LABEL : transliterateText(LABEL, currentScript);

     function removeTocBeginning() {

        if (_isNoTocPage()) return;

        var toc = document.querySelector('.vector-toc');

        if (!toc) return;

        var el = toc.querySelector('#vector-toc-beginning');

        if (!el) {

            var items = toc.querySelectorAll('.vector-toc-list-item');

            for (var i = 0; i < items.length; i++) {

                var a = items[i].querySelector('a');

                if (a) {

                    var href = a.getAttribute('href') || '';

                    if (href.indexOf('#') === -1) { el = items[i]; break; }

        if (el && el.parentNode) el.parentNode.removeChild(el);

     function expandTocSections() {

        var toc = document.querySelector('.vector-toc');

        if (!toc) return;

        toc.querySelectorAll('.vector-toc-list-item-collapsed').forEach(function (li) {

            li.classList.remove('vector-toc-list-item-collapsed');

         });

     function injectTocDocNav() {

        var toc = document.querySelector('.vector-toc');

        var teekaPage = document.querySelector('.gr-teeka-page');

        var primarySlug = teekaPage ? (teekaPage.getAttribute('data-primary') || '') : '';

        if (!primarySlug) { primarySlug = pageTitle.split('/')[0]; }

        if (!primarySlug) return;

        function wikiUrl(slug) {

         function makeBtn(href, label) {

            a.href = href;

            a.setAttribute('class', 'toc-main-link-item');

            lspan.setAttribute('data-deva', label);

            a.addEventListener('mouseout', function () { this.style.opacity = '1'; });

        }

        else toc.appendChild(nav);

     var _headingObserver = null;

     function attachHeadingObserver() {

        var ACTIVE_COLOR = '#f57c00';

        var content = document.querySelector('.mw-parser-output');

        if (!content) return;

        var headings = Array.from(content.querySelectorAll('h1[id],h2[id],h3[id],h4[id],h5[id],h6[id]'));

         if (!headings.length) return;

        var toc = document.querySelector('.vector-toc');

        if (!toc) return;

         function getTocLink(id) { return toc.querySelector('a[href="#' + CSS.escape(id) + '"]'); }

         function getTocLi(id) { var a = getTocLink(id); return a ? a.closest('.vector-toc-list-item') : null; }

                li.classList.remove('vector-toc-list-item-active');

                lnk.querySelectorAll('*').forEach(function (el) { el.style.removeProperty('color'); el.style.setProperty('font-weight', '400', 'important'); });

            });

         function setActive(id) {

            if (_activeId === id) return;

            _activeId = id;

            clearActive();

            if (!id) return;

            var li = getTocLi(id);

             if (!li) return;

            li.classList.add('vector-toc-list-item-active');

            var hasActiveChild = !!li.querySelector('.vector-toc-list-item .vector-toc-list-item-active');

                var lnk = li.querySelector('.vector-toc-link');

                    lnk.querySelectorAll('*').forEach(function (el) { el.style.setProperty('color', ACTIVE_COLOR, 'important'); el.style.setProperty('font-weight', '700', 'important'); });

            while (anc && anc !== toc) {

                if (anc.classList) anc.classList.remove('vector-toc-list-item-collapsed');

                anc = anc.parentNode;

             var sticky = document.querySelector('.vector-sticky-pinned-container');

             var scrollEl = sticky || toc;

             if (scrollEl.scrollHeight > scrollEl.clientHeight) {

                var lr = li.getBoundingClientRect();

                var cr = scrollEl.getBoundingClientRect();

                if (lr.top < cr.top + 8 || lr.bottom > cr.bottom - 8) {

                    scrollEl.scrollTop += lr.top - cr.top - scrollEl.clientHeight / 2 + li.offsetHeight / 2;

        var _visible = new Set();

        _headingObserver = new IntersectionObserver(function (entries) {

            entries.forEach(function (entry) {

                if (entry.isIntersecting) _visible.add(entry.target.id);

                else _visible.delete(entry.target.id);

            });

            var topId = null, topY = Infinity;

            _visible.forEach(function (id) {

                var el = document.getElementById(id);

                if (el) { var y = el.getBoundingClientRect().top; if (y >= 0 && y < topY) { topY = y; topId = id; } }

            });

            if (!topId) {

                var bestY = -Infinity;

                headings.forEach(function (h) { var y = h.getBoundingClientRect().top; if (y < 0 && y > bestY) { bestY = y; topId = h.id; } });

            setActive(topId || null);

        }, { rootMargin: '-60px 0px -65% 0px', threshold: 0 });

        headings.forEach(function (h) { _headingObserver.observe(h); });

     function setupToc() {

        if (_isNoTocPage()) return;

        var toc = document.querySelector('.vector-toc');

        if (!toc) return;

        renameTocTitle();

        injectTocDocNav();

        attachHeadingObserver();

     function init() {

        var HIDE_IDS = ['vector-appearance', 'vector-appearance-pinned-container', 'vector-appearance-unpinned-container'];

         function removeHiddenEls() {

            HIDE_IDS.forEach(function (id) { var el = document.getElementById(id); if (el && el.parentNode) el.parentNode.removeChild(el); });

            var pt = document.getElementById('vector-page-tools') || document.querySelector('.vector-page-tools-pinned-container');

            if (pt) pt.querySelectorAll('[aria-controls="vector-appearance"]').forEach(function (el) { if (el.parentNode) el.parentNode.removeChild(el); });

            var artPath = (window.mw && mw.config.get('wgArticlePath')) || '/wiki/$1';

            var mainUrl = artPath.replace('$1', primary);

            var refParam = window.location.search.match(/[?&]ref=([01])/);

            if (refParam) { document.body.classList.add(refParam[1] === '1' ? 'gr-ref-mode' : 'gr-standalone'); return; }

            document.body.classList.add((ref && primary && ref.indexOf(mainUrl) !== -1) ? 'gr-ref-mode' : 'gr-standalone');

            setTimeout(function () { hideObs.disconnect(); }, 6000);

         var content = document.querySelector('.mw-parser-output');

        var alreadyTagged = content && content.querySelector('[data-deva]');

        if (!alreadyTagged) { translatableSpans = []; tagTextNodes(); }

         else {

            document.querySelectorAll('.vector-toc .vector-toc-text:not([data-deva])').forEach(function (span) {

                var orig = span.textContent; if (!orig.trim()) return;

                span.setAttribute('data-deva', orig); translatableSpans.push(span);

            });

        var saved = (function () { try { return localStorage.getItem(LS_SCRIPT_KEY); } catch (e) { return null; } }());

     window.addEventListener('gr-script-change', function (e) {

        var script = e && e.detail && e.detail.script;

        if (script) applyScript(script);

    });

     window.addEventListener('gr-new-content', function (e) {

        nodes.forEach(function (node) {

            if (!p || (p.hasAttribute && p.hasAttribute('data-deva'))) return;

            var orig = node.textContent;

            if (!orig.trim()) return;

            var span = document.createElement('span');

            span.textContent = currentScript !== 'deva' ? transliterateText(orig, currentScript) : orig;

            p.replaceChild(span, node);

            translatableSpans.push(span);

         });

    });

        var _grBC = new BroadcastChannel('gr-script');

        _grBC.onmessage = function (e) {

            var script = e && e.data && e.data.script;

            if (script) { currentScript = script; var sel = document.querySelector('.gr-script-sel'); if (sel) sel.value = script; applyScript(script); }

         };

    } catch (e) { }

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

            setTimeout(function () {

                var alreadyTagged = content && content.querySelector('[data-deva]');

                    document.querySelectorAll('.vector-toc .vector-toc-text:not([data-deva])').forEach(function (span) {

                        var orig = span.textContent; if (!orig.trim()) return;

                        span.setAttribute('data-deva', orig); translatableSpans.push(span);

                if (currentScript !== 'deva') applyScript(currentScript);

                setupToc();

            }, 150);

         });

    }

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

     else { init(); }

}());  /* ← end of main IIFE */

(function () {

    function wikiHref(title) {

        if (window.mw && mw.util && mw.util.getUrl) return mw.util.getUrl(title);

        var ap = (window.mw && mw.config && mw.config.get('wgArticlePath')) || '/wiki/$1';

        return ap.replace('$1', title);

     var linkStyle = ['color:rgba(255,255,255,0.88)', 'font-size:0.88em', 'font-family:system-ui,sans-serif', 'font-weight:500', 'text-decoration:none', 'padding:4px 10px', 'border-radius:4px', 'margin-right:4px', 'transition:color 0.15s,background 0.15s', 'white-space:nowrap'].join(';');

     function makeHeaderLink(id, href, label) {

        var a = document.createElement('a');

        a.addEventListener('mouseover', function () { this.style.color = '#fff'; this.style.background = 'rgba(255,255,255,0.12)'; });

         a.addEventListener('mouseout', function () { this.style.color = 'rgba(255,255,255,0.88)'; this.style.background = 'transparent'; });

        return a;

        var userName = window.mw ? mw.config.get('wgUserName') : null;

        var isAnon = !userName || (window.mw && mw.config.get('wgUserId') === null);

        // Build the trailing auth element (Login link for anon, dropdown for logged-in)

        var authEl = null;

            if (!document.getElementById('gr-header-login')) {

                authEl = makeHeaderLink('gr-header-login', wikiHref('Special:UserLogin'), 'Login');

        } else if (!document.getElementById('gr-header-user')) {

            authEl = buildHeaderUserDropdown(userName);

        }

        var ul = document.querySelector('.vector-user-links') || document.querySelector('#pt-userpage');

         if (ul && ul.parentNode === headerEnd) {

            if (authEl) headerEnd.insertBefore(authEl, ul);

            headerEnd.insertBefore(aboutLink, authEl || ul);

            headerEnd.insertBefore(helpLink, aboutLink);

            headerEnd.appendChild(helpLink);

             headerEnd.appendChild(aboutLink);

             if (authEl) headerEnd.appendChild(authEl);

     }

    function buildHeaderUserDropdown(userName) {

        var wrap = document.createElement('div');

        wrap.style.cssText = 'position:relative;display:inline-block;margin-right:4px;';