MediaWiki:Common.js: Difference between revisions

Revision as of 10:08, 2 June 2026

/* MediaWiki:Common.js — grantha.io  (v7) */

( function () {

  var LS_SCRIPT_KEY = 'grantha_reader_script';
  var currentScript = 'deva';

  function devanagariToIAST( text ) {
    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 VOWELS = {
      'अ':'a','आ':'ā','इ':'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 ];
      var next = chars[ i + 1 ];
      if ( CONSONANTS[ ch ] ) {
        var base = CONSONANTS[ ch ];
        if ( next === HALANTA )          { result += base;               i += 2; }
        else if ( DIACRITICS[ next ] )   { result += base + DIACRITICS[ next ]; i += 2; }
        else if ( next === 'ं' || next === 'ः' ) { result += base + 'a' + MISC[ next ]; i += 2; }
        else                             { result += base + '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;
  }

  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 transliterateText( text, script ) {
    if ( script === 'en' ) return devanagariToIAST( 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 );
      } );
    }
    document.querySelectorAll( '.vector-toc .vector-toc-text' ).forEach( function ( span ) {
      if ( span.hasAttribute( 'data-deva' ) ) return;
      var orig = span.textContent;
      if ( !orig.trim() ) return;
      span.setAttribute( 'data-deva', orig );
      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');
    if ( !span ) {
      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() {
    if ( _isNoTocPage() ) return;
    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() {
    if ( _isNoTocPage() ) return;
    var toc = document.querySelector( '.vector-toc' );
    if ( !toc ) return;
    if ( document.getElementById( 'gr-toc-doc-nav' ) ) return;
    var artPath   = ( window.mw && mw.config && mw.config.get( 'wgArticlePath' ) ) || '/wiki/$1';
    var pageTitle = ( window.mw && mw.config && mw.config.get( 'wgPageName'   ) ) || '';
    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 ) {
      if ( window.mw && mw.util && mw.util.getUrl ) return mw.util.getUrl( slug );
      return artPath.replace( '$1', encodeURIComponent( slug ).replace( /%2F/g, '/' ) );
    }
    var docTitleEl     = document.querySelector( '.gr-doc-title' );
    var hasMoolaPage   = docTitleEl && docTitleEl.getAttribute( 'data-has-moola' )   === '1';
    var hasUllekhaPage = docTitleEl && docTitleEl.getAttribute( 'data-has-ullekha' ) === '1';
    var showMoolaPage  = !teekaPage && hasMoolaPage;
    var showMoolaBack  = !!teekaPage;
    var showUllekha    = hasUllekhaPage || !!teekaPage;
    if ( !showMoolaPage && !showMoolaBack && !showUllekha ) return;
    var nav = document.createElement( 'div' );
    nav.id = 'gr-toc-doc-nav';
    nav.setAttribute( 'class', 'toc-main-links' );
    function makeBtn( href, label ) {
      var a = document.createElement( 'a' );
      a.href = href;
      a.setAttribute( 'class', 'toc-main-link-item' );
      var lspan = document.createElement( 'span' );
      lspan.setAttribute( 'data-deva', label );
      lspan.textContent = ( currentScript && currentScript !== 'deva' ) ? transliterateText( label, currentScript ) : label;
      translatableSpans.push( lspan );
      a.appendChild( lspan );
      a.addEventListener( 'mouseover', function () { this.style.opacity = '0.72'; } );
      a.addEventListener( 'mouseout',  function () { this.style.opacity = '1';    } );
      return a;
    }
    if ( showMoolaPage ) nav.appendChild( makeBtn( wikiUrl( primarySlug + '/Moola' ), 'मूलम्' ) );
    if ( showMoolaBack ) nav.appendChild( makeBtn( wikiUrl( primarySlug ),            'मूल'   ) );
    if ( showUllekha   ) nav.appendChild( makeBtn( wikiUrl( primarySlug + '/Ullekha'), 'उल्लेख') );
    var tocContents = toc.querySelector( '.vector-toc-contents' );
    if ( tocContents ) toc.insertBefore( nav, tocContents );
    else               toc.appendChild( nav );
  }

  var _headingObserver = null;

  function attachHeadingObserver() {
    if ( _isNoTocPage() ) return;
    if ( _headingObserver ) return;
    if ( !window.IntersectionObserver ) return;
    var ACTIVE_COLOR = '#f57c00';
    var _activeId    = null;
    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; }
    function clearActive() {
      toc.querySelectorAll( '.vector-toc-list-item' ).forEach( function ( li ) {
        li.classList.remove( 'vector-toc-list-item-active' );
        var lnk = li.querySelector( '.vector-toc-link' );
        if ( !lnk ) return;
        lnk.style.removeProperty( 'color' );
        lnk.style.setProperty( 'font-weight', '400', 'important' );
        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' );
      if ( !hasActiveChild ) {
        var lnk = li.querySelector( '.vector-toc-link' );
        if ( lnk ) {
          lnk.style.setProperty( 'color', ACTIVE_COLOR, 'important' );
          lnk.style.setProperty( 'font-weight', '700', 'important' );
          lnk.querySelectorAll( '*' ).forEach( function ( el ) { el.style.setProperty( 'color', ACTIVE_COLOR, 'important' ); el.style.setProperty( 'font-weight', '700', 'important' ); } );
        }
      }
      var anc = li.parentNode;
      while ( anc && anc !== toc ) {
        if ( anc.classList ) anc.classList.remove( 'vector-toc-list-item-collapsed' );
        if ( anc.tagName === 'UL' || anc.tagName === 'LI' ) anc.style.removeProperty( 'display' );
        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;
    removeTocBeginning();
    renameTocTitle();
    expandTocSections();
    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 ); } );
    }
    removeHiddenEls();
    ( function detectTeekaMode() {
      var tp = document.querySelector( '.gr-teeka-page' );
      if ( !tp ) return;
      var primary = tp.getAttribute( 'data-primary' ) || '';
      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; }
      var ref = document.referrer || '';
      document.body.classList.add( ( ref && primary && ref.indexOf( mainUrl ) !== -1 ) ? 'gr-ref-mode' : 'gr-standalone' );
    }() );
    if ( window.MutationObserver ) {
      var hideObs = new MutationObserver( function ( mutations ) {
        var dirty = false;
        mutations.forEach( function ( m ) { if ( m.addedNodes.length ) dirty = true; } );
        if ( dirty ) removeHiddenEls();
      } );
      hideObs.observe( document.body, { childList: true, subtree: false } );
      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; } }() );
    if ( saved && saved !== 'deva' ) { applyScript( saved ); } else { currentScript = 'deva'; }
    setTimeout( setupToc, 200 );
  }

  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 ) {
    var container = e && e.detail && e.detail.container;
    if ( !container ) return;
    var walker = document.createTreeWalker( container, NodeFilter.SHOW_TEXT );
    var nodes = [];
    while ( walker.nextNode() ) nodes.push( walker.currentNode );
    nodes.forEach( function ( node ) {
      var p = node.parentNode;
      if ( !p || ( p.hasAttribute && p.hasAttribute( 'data-deva' ) ) ) return;
      var orig = node.textContent;
      if ( !orig.trim() ) return;
      var span = document.createElement( 'span' );
      span.setAttribute( 'data-deva', orig );
      span.textContent = currentScript !== 'deva' ? transliterateText( orig, currentScript ) : orig;
      p.replaceChild( span, node );
      translatableSpans.push( span );
    } );
  } );

  try {
    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 ) {}

  if ( window.mw ) {
    mw.hook( 'wikipage.content' ).add( function () {
      setTimeout( function () {
        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 );
          } );
        }
        if ( currentScript !== 'deva' ) applyScript( currentScript );
        setupToc();
      }, 150 );
    } );
  }

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

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


// ── Inject "Help" and "About" links into the header ─────────────────
( 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.id = id; a.href = href; a.textContent = label; a.style.cssText = linkStyle;
    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;
  }
  function injectHeaderLinks() {
    if ( document.getElementById( 'gr-about-link' ) ) return;
    var headerEnd = document.querySelector( '.vector-header-end' ) || document.querySelector( '#vector-user-links' ) || document.querySelector( '.mw-header' );
    if ( !headerEnd ) return;
    var helpLink  = makeHeaderLink( 'gr-help-link',  wikiHref( 'My_wiki:Help'  ), 'Help'  );
    var aboutLink = makeHeaderLink( 'gr-about-link', wikiHref( 'My_wiki:About' ), 'About' );
    var ul = document.querySelector( '.vector-user-links' ) || document.querySelector( '#pt-userpage' );
    if ( ul && ul.parentNode === headerEnd ) { headerEnd.insertBefore( aboutLink, ul ); headerEnd.insertBefore( helpLink, aboutLink ); }
    else { headerEnd.appendChild( helpLink ); headerEnd.appendChild( aboutLink ); }
  }
  if ( document.readyState === 'loading' ) document.addEventListener( 'DOMContentLoaded', injectHeaderLinks );
  else injectHeaderLinks();
}() );


// ── Main page: by-Grantha / by-Author toggle ──────────────────────
( function () {
  function grHomeView( v ) {
    var gView = document.getElementById( 'gr-view-grantha' );
    var aView = document.getElementById( 'gr-view-author' );
    var gBtn  = document.getElementById( 'gr-toggle-grantha' );
    var aBtn  = document.getElementById( 'gr-toggle-author' );
    if ( !gView || !aView || !gBtn || !aBtn ) return;
    gView.style.display = ( v === 'grantha' ) ? '' : 'none';
    aView.style.display = ( v === 'author'  ) ? '' : 'none';
    gBtn.className = 'gr-toggle-btn' + ( v === 'grantha' ? ' gr-toggle-active' : '' );
    aBtn.className = 'gr-toggle-btn' + ( v === 'author'  ? ' gr-toggle-active' : '' );
    try { localStorage.setItem( 'gr_home_view', v ); } catch ( e ) {}
  }
  function initHomeToggle() {
    var gBtn = document.getElementById( 'gr-toggle-grantha' );
    var aBtn = document.getElementById( 'gr-toggle-author' );
    if ( !gBtn || !aBtn ) return;
    gBtn.addEventListener( 'click', function () { grHomeView( 'grantha' ); } );
    aBtn.addEventListener( 'click', function () { grHomeView( 'author' );  } );
    [ gBtn, aBtn ].forEach( function ( btn ) { btn.addEventListener( 'keydown', function ( e ) { if ( e.key === 'Enter' || e.key === ' ' ) btn.click(); } ); } );
    var saved; try { saved = localStorage.getItem( 'gr_home_view' ); } catch ( e ) {}
    if ( saved === 'author' ) grHomeView( 'author' );
  }
  if ( document.readyState === 'loading' ) document.addEventListener( 'DOMContentLoaded', initHomeToggle );
  else initHomeToggle();
}() );


// ── Ullekha reference link handler ─────────────────────────────────
( function () {
  function highlightOnArrival() {
    var search = window.location.search;
    if ( !search ) return;
    var m = search.match( /[?&]hlUllekha=([^&]+)/ );
    if ( !m ) return;
    var needle;
    try { needle = decodeURIComponent( m[ 1 ] ); } catch ( e ) { return; }
    if ( !needle || needle.length < 4 ) return;
    function doHighlight() {
      var content = document.querySelector( '.mw-parser-output' );
      if ( !content ) return;
      var snippet = needle.slice( 0, 40 );
      var found   = false;
      var spans = content.querySelectorAll( '[data-deva]' );
      for ( var i = 0; i < spans.length && !found; i++ ) {
        var spanEl = spans[ i ];
        var orig   = spanEl.getAttribute( 'data-deva' ) || '';
        if ( orig.indexOf( snippet ) === -1 ) continue;
        var idx    = orig.indexOf( snippet );
        var hlText = orig.slice( idx, Math.min( idx + needle.length, orig.length ) );
        var mark   = document.createElement( 'mark' );
        mark.className = 'gr-ullekha-highlight';
        mark.style.cssText = 'background:#fff176;border-radius:2px;padding:0 2px;';
        mark.textContent = hlText;
        var parent = spanEl.parentNode;
        if ( !parent ) continue;
        var before = document.createTextNode( orig.slice( 0, idx ) );
        var after  = document.createTextNode( orig.slice( idx + hlText.length ) );
        parent.insertBefore( before, spanEl ); parent.insertBefore( mark, spanEl ); parent.insertBefore( after, spanEl ); parent.removeChild( spanEl );
        setTimeout( function () { mark.scrollIntoView( { behavior: 'smooth', block: 'center' } ); }, 100 );
        found = true;
      }
      if ( !found ) {
        var walker = document.createTreeWalker( content, NodeFilter.SHOW_TEXT );
        while ( walker.nextNode() && !found ) {
          var node = walker.currentNode;
          var txt  = node.textContent || '';
          if ( txt.indexOf( snippet ) === -1 ) continue;
          var idx2  = txt.indexOf( snippet );
          var mark2 = document.createElement( 'mark' );
          mark2.className = 'gr-ullekha-highlight';
          mark2.style.cssText = 'background:#fff176;border-radius:2px;padding:0 2px;';
          mark2.textContent = txt.slice( idx2, Math.min( idx2 + needle.length, txt.length ) );
          var p = node.parentNode;
          p.insertBefore( document.createTextNode( txt.slice( 0, idx2 ) ), node );
          p.insertBefore( mark2, node );
          p.insertBefore( document.createTextNode( txt.slice( idx2 + mark2.textContent.length ) ), node );
          p.removeChild( node );
          setTimeout( function () { mark2.scrollIntoView( { behavior: 'smooth', block: 'center' } ); }, 100 );
          found = true;
        }
      }
    }
    doHighlight();
  }
  function wireUllekhaLinks() {
    document.querySelectorAll( '.gr-ullekha-ref-link' ).forEach( function ( wrap ) {
      var anchor = wrap.getAttribute( 'data-anchor' ) || '';
      var hl     = wrap.getAttribute( 'data-hl' )     || '';
      var a = wrap.querySelector( 'a' );
      if ( !a ) return;
      var base = a.href.split( '#' )[ 0 ];
      var encoded = encodeURIComponent( hl );
      a.href = base + ( hl ? '?hlUllekha=' + encoded : '' ) + ( anchor ? '#' + anchor : '' );
    } );
  }
  if ( document.readyState === 'loading' ) { document.addEventListener( 'DOMContentLoaded', function () { highlightOnArrival(); wireUllekhaLinks(); } ); }
  else { highlightOnArrival(); wireUllekhaLinks(); }
}() );

/* ── Search result highlight ──────────────────────────────────── */
/* Replace the ENTIRE search highlight IIFE in MediaWiki:Common.js
 * (from "( function () {" before "function storeQueryForLink"
 *  to its closing "}() );" ) with this block.
 *
 * Changes vs previous version:
 * - storeQueryForLink: also stores wgPageName as title fallback
 * - applyHighlight: path check uses both pathname AND title fallback
 * - sessionStorage key cleared AFTER highlight runs, not before
 * - wrapMatches: unchanged from original working version
 * - showDismissBar mobile: full-width terracotta bar (not pill)
 */
( function () {

  /* Called by readerToolbar.js before navigating to a result page */
  function storeQueryForLink( url, query ) {
    try {
      var a = document.createElement( 'a' );
      a.href = url;
      sessionStorage.setItem( 'gr_search_hl', JSON.stringify({
        query:    query,
        pathname: a.pathname
      }) );
    } catch(e) {}
  }

  function applyHighlight() {
    var stored;
    try {
      stored = JSON.parse( sessionStorage.getItem( 'gr_search_hl' ) || 'null' );
    } catch(e) { return; }
    if ( !stored || !stored.query ) return;

    var currentPath = window.location.pathname;
    var storedPath  = stored.pathname || '';

    function normPath(p) {
      return decodeURIComponent(p).replace(/\/+$/, '').replace(/_/g, ' ');
    }

    /* Primary: pathname match. Fallback: stored path's last segment matches
     * wgPageName (handles /index.php?title= vs short-URL discrepancy) */
    var pathMatch  = storedPath && normPath(storedPath) === normPath(currentPath);
    var pageTitle  = (window.mw && mw.config && mw.config.get('wgPageName') || '').replace(/_/g,' ');
    var storedPage = normPath(storedPath).replace(/^\//, '');
    var titleMatch = storedPage && pageTitle && pageTitle.toLowerCase() === storedPage.toLowerCase();

    if ( storedPath && !pathMatch && !titleMatch ) {
      try { sessionStorage.removeItem( 'gr_search_hl' ); } catch(e) {}
      return;
    }

    var query = stored.query.trim();
    if ( !query ) return;

    /* Remove key now — committed to running on this page */
    try { sessionStorage.removeItem( 'gr_search_hl' ); } catch(e) {}

    /* Retry until .mw-parser-output is present (Minerva lazy-loads sections) */
    var attempts = 0;
    var delays = [ 0, 200, 500, 1000, 2000 ];
    delays.forEach( function(ms) {
      setTimeout( function() {
        if ( document.querySelector( '.gr-search-hl' ) ) return; /* already done */
        highlightText( query );
      }, ms );
    } );
  }

  function highlightText( query ) {
    var content = document.querySelector( '#mw-content-text .mw-parser-output' );
    if ( !content ) return;

    var raw = query.replace( /^"|"$/g, '' ).trim();
    if ( !raw ) return;

    var patterns = [];
    patterns.push( escapeRegex( raw ) );
    raw.split( /\s+/ ).forEach( function(w) {
      if ( w.length >= 2 ) patterns.push( escapeRegex( w ) );
    } );

    var matched = false;
    for ( var pi = 0; pi < patterns.length; pi++ ) {
      var re;
      try { re = new RegExp( '(' + patterns[pi] + ')', 'gi' ); }
      catch(e) { continue; }

      var count = wrapMatches( content, re );
      if ( count > 0 ) { matched = true; break; }
    }

    if ( !matched ) return;

    var first = document.querySelector( '.gr-search-hl' );
    if ( first ) {
      first.scrollIntoView({ behavior: 'smooth', block: 'center' });
      first.classList.add( 'gr-search-hl-pulse' );
      setTimeout( function() {
        first.classList.remove( 'gr-search-hl-pulse' );
      }, 2000 );
    }

    showDismissBar( query );
  }

  function escapeRegex( s ) {
    return s.replace( /[.*+?^${}()|[\]\\]/g, '\\$&' );
  }

  /* Original working wrapMatches — unchanged */
  function wrapMatches( root, re ) {
    var count = 0;
    var walker = document.createTreeWalker(
      root, NodeFilter.SHOW_TEXT, {
        acceptNode: function( node ) {
          var p = node.parentElement;
          if ( !p ) return NodeFilter.FILTER_REJECT;
          var tag = p.tagName.toUpperCase();
          if ( tag === 'SCRIPT' || tag === 'STYLE' || tag === 'NOSCRIPT' ) return NodeFilter.FILTER_REJECT;
          if ( p.classList.contains( 'gr-search-hl' ) ) return NodeFilter.FILTER_REJECT;
          return NodeFilter.FILTER_ACCEPT;
        }
      }, false
    );

    var nodes = [];
    var node;
    while ( ( node = walker.nextNode() ) ) nodes.push( node );

    nodes.forEach( function( textNode ) {
      var val = textNode.nodeValue;
      if ( !re.test( val ) ) return;
      re.lastIndex = 0;

      var frag = document.createDocumentFragment();
      var last = 0;
      var m;
      while ( ( m = re.exec( val ) ) !== null ) {
        if ( m.index > last ) {
          frag.appendChild( document.createTextNode( val.slice( last, m.index ) ) );
        }
        var span = document.createElement( 'span' );
        span.className = 'gr-search-hl';
        span.textContent = m[0];
        frag.appendChild( span );
        last = m.index + m[0].length;
        count++;
      }
      if ( last < val.length ) {
        frag.appendChild( document.createTextNode( val.slice( last ) ) );
      }
      textNode.parentNode.replaceChild( frag, textNode );
    } );

    return count;
  }

  function showDismissBar( query ) {
    var existing = document.getElementById( 'gr-hl-bar' );
    if ( existing ) existing.remove();

    var isMob = window.innerWidth < 768 || !!document.getElementById( 'mw-mf-viewport' );
    var bar = document.createElement( 'div' );
    bar.id = 'gr-hl-bar';

    var count = document.querySelectorAll( '.gr-search-hl' ).length;

    if ( isMob ) {
      bar.style.cssText = [
        'position:fixed', 'bottom:0', 'left:0', 'right:0',
        'z-index:10200',
        'background:#b5451b', 'color:#fff',
        'padding:0',
        'display:flex', 'align-items:stretch',
        'font-family:system-ui,sans-serif',
        'box-shadow:0 -2px 12px rgba(0,0,0,0.25)',
        'height:56px'
      ].join(';');

      var mbs = 'flex:1;display:flex;flex-direction:column;align-items:center;' +
        'justify-content:center;background:none;border:none;color:#fff;cursor:pointer;' +
        'padding:6px 4px;font-family:system-ui,sans-serif;font-size:11px;font-weight:500;' +
        'gap:3px;-webkit-tap-highlight-color:rgba(0,0,0,0.12);';

      bar.innerHTML =
        '<button id="gr-hl-prev" style="' + mbs + '">' +
          '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"/></svg>' +
          '<span>Prev</span></button>' +
        '<button id="gr-hl-next" style="' + mbs + '">' +
          '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg>' +
          '<span>Next</span></button>' +
        '<button id="gr-hl-results" style="' + mbs + 'flex:1.6;border-left:1px solid rgba(255,255,255,0.2);border-right:1px solid rgba(255,255,255,0.2);">' +
          '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="7"/><line x1="16.5" y1="16.5" x2="22" y2="22"/></svg>' +
          '<span>' + count + ' match' + ( count === 1 ? '' : 'es' ) + '</span></button>' +
        '<button id="gr-hl-dismiss" style="' + mbs + '">' +
          '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>' +
          '<span>Close</span></button>';
    } else {
      bar.style.cssText = [
        'position:fixed', 'bottom:0', 'left:0', 'right:0', 'z-index:10200',
        'background:#b5451b', 'color:#fff', 'padding:10px 16px',
        'display:flex', 'align-items:center', 'justify-content:space-between',
        'font-family:system-ui,sans-serif', 'font-size:14px',
        'box-shadow:0 -2px 8px rgba(0,0,0,0.2)'
      ].join(';');

      var nav = document.createElement( 'div' );
      nav.style.cssText = 'display:flex;align-items:center;gap:12px;';
      nav.innerHTML =
        '<span>🔍 <strong>' + escHtml(query) + '</strong> — ' + count + ' match' + (count===1?'':'es') + '</span>' +
        '<button id="gr-hl-prev" style="background:rgba(255,255,255,0.2);border:none;color:#fff;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:13px;min-height:32px;">↑ Prev</button>' +
        '<button id="gr-hl-next" style="background:rgba(255,255,255,0.2);border:none;color:#fff;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:13px;min-height:32px;">↓ Next</button>' +
        '<button id="gr-hl-results" style="background:rgba(255,255,255,0.2);border:none;color:#fff;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:13px;min-height:32px;">← Results</button>';
      bar.appendChild( nav );

      var db = document.createElement( 'button' );
      db.id = 'gr-hl-dismiss'; db.textContent = '✕ Close';
      db.style.cssText = 'background:rgba(255,255,255,0.15);border:none;color:#fff;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:13px;min-height:32px;';
      bar.appendChild( db );
    }

    document.body.appendChild( bar );

    var hlEls = Array.from( document.querySelectorAll( '.gr-search-hl' ) );
    var current = 0;

    function goTo( idx ) {
      hlEls.forEach( function(el) { el.classList.remove( 'gr-search-hl-current' ); } );
      current = ( ( idx % hlEls.length ) + hlEls.length ) % hlEls.length;
      hlEls[ current ].classList.add( 'gr-search-hl-current' );
      hlEls[ current ].scrollIntoView({ behavior: 'smooth', block: 'center' });
    }

    function dismiss() { clearHighlights(); bar.remove(); }

    var nb = document.getElementById( 'gr-hl-next' );
    var pb = document.getElementById( 'gr-hl-prev' );
    var rb = document.getElementById( 'gr-hl-results' );
    var db2 = document.getElementById( 'gr-hl-dismiss' );
    if ( nb ) nb.onclick = function() { goTo( current + 1 ); };
    if ( pb ) pb.onclick = function() { goTo( current - 1 ); };
    if ( db2 ) db2.onclick = dismiss;
    if ( rb ) rb.onclick = function() {
      bar.remove(); clearHighlights();
      if ( window.showSearchDialog ) window.showSearchDialog( query );
    };
  }

  function clearHighlights() {
    document.querySelectorAll( '.gr-search-hl' ).forEach( function( span ) {
      var p = span.parentNode; if ( !p ) return;
      while ( span.firstChild ) p.insertBefore( span.firstChild, span );
      p.removeChild( span );
    } );
  }

  function escHtml( s ) {
    return String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
  }

  function injectHighlightCSS() {
    if ( document.getElementById( 'gr-hl-css' ) ) return;
    var s = document.createElement( 'style' );
    s.id = 'gr-hl-css';
    s.textContent = [
      '.gr-search-hl{',
      '  background:#fff176;color:#1a1a1a;',
      '  border-radius:2px;padding:0 1px;',
      '  box-shadow:0 0 0 1px rgba(181,69,27,0.25);',
      '}',
      '.gr-search-hl-current{',
      '  background:#ffb300!important;',
      '  box-shadow:0 0 0 2px #b5451b!important;',
      '}',
      '@keyframes gr-hl-pulse{',
      '  0%{background:#ffb300;}',
      '  50%{background:#fff176;}',
      '  100%{background:#fff176;}',
      '}',
      '.gr-search-hl-pulse{animation:gr-hl-pulse 1.2s ease 2;}',
    ].join('');
    document.head.appendChild( s );
  }

  injectHighlightCSS();

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

  if ( window.mw ) {
    mw.hook( 'wikipage.content' ).add( function() {
      setTimeout( applyHighlight, 100 );
    } );
  }

  window.grStoreSearchHL = storeQueryForLink;

}() );

/* ═══════════════════════════════════════════════════════════════
   Mobile addon — only runs on Minerva (mobile) skin
   ═══════════════════════════════════════════════════════════════ */
( function () {
  if ( !document.body.classList.contains( 'skin-minerva' ) ) return;

  function injectCSS() {
    if ( document.getElementById( 'gr-mob-css' ) ) return;
    var s = document.createElement( 'style' );
    s.id = 'gr-mob-css';
    s.textContent =
      'body,#mw-mf-viewport,#mw-mf-page-center{padding-top:0!important;margin-top:0!important;}' +
      'html,body,#mw-mf-viewport,#mw-mf-page-center{overflow-x:hidden!important;max-width:100vw!important;}' +
      'header.header-container{background:#b5451b!important;position:sticky!important;top:0!important;z-index:300!important;}' +
      '.minerva-header{background:#b5451b!important;min-height:54px!important;}' +
      '.minerva-header .search-toggle,.minerva-header .minerva-user-notifications{display:none!important;}' +
      '.branding-box a{display:flex!important;align-items:center!important;text-decoration:none!important;max-width:calc(100vw - 80px)!important;}' +
      '.branding-box a::before{content:"";display:block;width:30px;height:30px;flex-shrink:0;background:url("/favicon.png") center/contain no-repeat;margin-right:8px;}' +
      '.branding-box a span{color:#fff!important;font-size:16px!important;font-weight:700!important;font-family:system-ui,sans-serif!important;line-height:1.2!important;flex:1 1 auto!important;min-width:0!important;}' +
      '.minerva-header svg path,.minerva-header svg rect,.minerva-header svg circle{fill:#fff!important;}' +
      '.minerva-header label{color:#fff!important;}' +
      '.minerva-tabs,.mw-portlet-associated-pages,.page-actions-menu,#page-secondary-actions,.last-modified-bar,.minerva-anon-talk-link{display:none!important;}' +
      '#gr-mob-menu-items{display:block!important;}' +
      '.mw-footer.minerva-footer,.footer-places,.footer-info,.minerva-footer-logo,#footer-places-about,#footer-places-disclaimers,#footer-places-privacy{display:none!important;}' +
      '#gr-static-bar{position:sticky!important;top:54px!important;z-index:200!important;}' +
      '.mf-section-0,.mf-section-1,.mf-section-2,.mf-section-3,.mf-section-4,.mf-section-5,.mf-section-6,.mf-section-7,.mf-section-8,.mf-section-9,.mf-section-10{display:block!important;visibility:visible!important;}' +
      '.collapsible-block{display:block!important;}' +
      '.section-heading .indicator,.collapsible-heading .indicator{display:none!important;}' +
      '.section-heading,.collapsible-heading{pointer-events:none!important;}' +
      '.gr-home-grid{flex-direction:column!important;flex-wrap:nowrap!important;gap:12px!important;width:100%!important;}' +
      '.gr-home-card{width:100%!important;max-width:100%!important;min-width:unset!important;box-sizing:border-box!important;flex:none!important;}' +
      '.gr-home-toggle{flex-wrap:wrap!important;}' +
      '.mw-parser-output{font-size:18px!important;line-height:1.8!important;}' +
      '.mw-parser-output h2,.mw-parser-output h3{width:100%!important;}' +
      '.bhashyam-block{margin-left:8px!important;}' +
      '#footer,.mw-footer,.catlinks,#catlinks{display:none!important;}' +
      '.gr-mob-toc-panel{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:82vw!important;max-width:340px!important;background:#fff!important;z-index:10400!important;box-shadow:4px 0 28px rgba(0,0,0,0.22)!important;overflow-y:auto!important;padding:0 0 40px!important;transform:translateX(-110%)!important;transition:transform 0.26s cubic-bezier(0.4,0,0.2,1)!important;display:block!important;}' +
      '.gr-mob-toc-panel.open{transform:translateX(0)!important;}' +
      '.gr-mob-toc-backdrop{display:none!important;position:fixed!important;inset:0!important;background:rgba(0,0,0,0.4)!important;z-index:10399!important;}' +
      '.gr-mob-toc-backdrop.open{display:block!important;}' +
      '.gr-mob-toc-header{position:sticky!important;top:0!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:16px 16px 12px!important;border-bottom:1px solid #f0ebe6!important;z-index:1!important;}' +
      '.gr-mob-toc-title{font-size:13px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:0.08em!important;color:#b5451b!important;font-family:system-ui,sans-serif!important;}' +
      '.gr-mob-toc-close{background:none!important;border:none!important;font-size:22px!important;color:#999!important;cursor:pointer!important;padding:4px 8px!important;}' +
      '.gr-mob-toc-body{padding:12px 16px!important;}' +
      '.gr-mob-toc-body a{display:block!important;font-size:16px!important;line-height:1.6!important;color:#2c1810!important;text-decoration:none!important;padding:8px 0!important;border-bottom:1px solid #f5f0ed!important;}';
    document.head.appendChild( s );
  }

  function expandSections() {
    document.querySelectorAll( '[class*="mf-section-"], .collapsible-block' ).forEach( function ( el ) {
      el.removeAttribute( 'hidden' );
      el.style.setProperty( 'display', 'block', 'important' );
      el.style.setProperty( 'visibility', 'visible', 'important' );
      el.removeAttribute( 'aria-hidden' );
    } );
    document.querySelectorAll( '.section-heading, .collapsible-heading' ).forEach( function ( el ) {
      el.setAttribute( 'aria-expanded', 'true' );
      el.style.setProperty( 'pointer-events', 'none', 'important' );
    } );
  }

  function watchSections() {
    var t = null;
    var obs = new MutationObserver( function ( ms ) {
      if ( ms.some( function(m){ return m.attributeName === 'hidden'; } ) ) { clearTimeout(t); t = setTimeout( expandSections, 30 ); }
    } );
    var root = document.querySelector( '#mw-content-text' ) || document.body;
    obs.observe( root, { subtree:true, attributes:true, attributeFilter:['hidden','aria-hidden'] } );
  }

  function watchBodyPadding() {
    new MutationObserver( function () {
      if ( document.body.style.paddingTop && document.body.style.paddingTop !== '0px' ) {
        document.body.style.paddingTop = '';
      }
    } ).observe( document.body, { attributes:true, attributeFilter:['style'] } );
  }

  function injectMenuLinks() {
    if ( document.getElementById( 'gr-mob-menu-items' ) ) return;
    var navDrawer = document.querySelector( '.navigation-drawer' );
    if ( !navDrawer ) return;
    var wrap = document.createElement( 'div' );
    wrap.id = 'gr-mob-menu-items';
    wrap.style.cssText = 'width:100%;background:#fff;margin-top:8px;';
    var itemStyle = 'display:flex;align-items:center;gap:14px;padding:15px 20px;font-size:16px;color:#2c1810;text-decoration:none;font-family:system-ui,sans-serif;border-bottom:1px solid #f0ebe6;background:#fff;';
    function makeItem( href, emoji, label ) {
      var a = document.createElement( 'a' ); a.href = href; a.style.cssText = itemStyle;
      a.innerHTML = '<span>' + label + '</span>'; return a;
    }
    wrap.appendChild( makeItem( '/Main_Page', '', 'Home' ) );
    wrap.appendChild( makeItem( '/My_wiki:Help', '', 'Help' ) );
    wrap.appendChild( makeItem( '/My_wiki:About', '', 'About' ) );
    var userName = window.mw ? mw.config.get( 'wgUserName' ) : null;
    if ( userName ) {
      var la = document.querySelector( 'a[href*="action=logout"]' );
      wrap.appendChild( makeItem( la ? la.href : '/index.php?title=Special:UserLogout', '', 'Log out' ) );
    } else {
      wrap.appendChild( makeItem( '/index.php?title=Special:UserLogin', '', 'Log in' ) );
    }
    var pageLeft = document.getElementById( 'mw-mf-page-left' );
    if ( pageLeft ) { while ( pageLeft.firstChild ) pageLeft.removeChild( pageLeft.firstChild ); pageLeft.style.removeProperty( 'display' ); pageLeft.appendChild( wrap ); }
    else navDrawer.appendChild( wrap );
    document.querySelectorAll( '.mw-footer.minerva-footer,.footer-places,.footer-info,.minerva-footer-logo,#footer-places-about,#footer-places-disclaimers,#footer-places-privacy' ).forEach( function(el) { el.style.setProperty('display','none','important'); } );
  }

  var _tocDone = false;
  function initToc() {
    if ( _tocDone ) return;
    var tocList = document.querySelector( '.vector-toc-contents, .vector-toc .vector-toc-list' );
    if ( !tocList || !tocList.querySelector( 'li' ) ) return;
    _tocDone = true;
    var bd = document.createElement( 'div' ); bd.className = 'gr-mob-toc-backdrop'; document.body.appendChild( bd );
    var panel = document.createElement( 'div' ); panel.className = 'gr-mob-toc-panel';
    var hdr = document.createElement( 'div' ); hdr.className = 'gr-mob-toc-header';
    var ttl = document.createElement( 'div' ); ttl.className = 'gr-mob-toc-title'; ttl.textContent = 'विषयसूची';
    var cls = document.createElement( 'button' ); cls.className = 'gr-mob-toc-close'; cls.textContent = '✕';
    hdr.appendChild( ttl ); hdr.appendChild( cls ); panel.appendChild( hdr );
    var body = document.createElement( 'div' ); body.className = 'gr-mob-toc-body';
    body.appendChild( tocList.cloneNode( true ) ); panel.appendChild( body ); document.body.appendChild( panel );
    var btn = document.createElement( 'button' ); btn.id = 'gr-mob-toc-btn';
    btn.innerHTML = '☰ &nbsp;Contents';
    btn.style.cssText = 'position:fixed;bottom:148px;left:16px;z-index:9100;background:#fff;border:1.5px solid #b5451b;border-radius:24px;padding:10px 16px;font-size:15px;font-family:system-ui,sans-serif;color:#b5451b;font-weight:600;box-shadow:0 3px 14px rgba(0,0,0,0.15);cursor:pointer;';
    document.body.appendChild( btn );
    function open()  { panel.classList.add('open'); bd.classList.add('open'); document.body.style.overflow='hidden'; }
    function close() { panel.classList.remove('open'); bd.classList.remove('open'); document.body.style.overflow=''; }
    btn.onclick = open; cls.onclick = close; bd.onclick = close;
    body.querySelectorAll('a').forEach(function(a){ a.onclick = close; });
  }

  function injectMoolaUllekhaLinks() {
    if ( document.getElementById( 'gr-mob-doc-nav' ) ) return;
    var pageName = ( window.mw && mw.config && mw.config.get( 'wgPageName' ) ) || '';
    if ( pageName === 'Main_Page' || !pageName ) return;
    function wikiUrl( slug ) {
      if ( window.mw && mw.util && mw.util.getUrl ) return mw.util.getUrl( slug );
      var ap = ( window.mw && mw.config && mw.config.get( 'wgArticlePath' ) ) || '/wiki/$1';
      return ap.replace( '$1', encodeURIComponent( slug ).replace( /%2F/g, '/' ) );
    }
    var teekaPage    = document.querySelector( '.gr-teeka-page' );
    var primarySlug  = teekaPage ? ( teekaPage.getAttribute( 'data-primary' ) || pageName.split('/')[0] ) : pageName.split('/')[0];
    var docTitleEl   = document.querySelector( '.gr-doc-title' );
    var hasMoolaPage   = docTitleEl && docTitleEl.getAttribute( 'data-has-moola' )   === '1';
    var hasUllekhaPage = docTitleEl && docTitleEl.getAttribute( 'data-has-ullekha' ) === '1';
    var showMoolam  = !!teekaPage || hasMoolaPage;
    var showUllekha = hasUllekhaPage || !!teekaPage;
    if ( !showMoolam && !showUllekha ) return;
    var nav = document.createElement( 'div' ); nav.id = 'gr-mob-doc-nav';
    nav.style.cssText = 'display:flex;gap:10px;padding:10px 16px 8px;background:#fdf8f5;border-bottom:1px solid #f0e0d6;font-family:system-ui,sans-serif;';
    function makeLink( href, label ) {
      var a = document.createElement( 'a' ); a.href = href; a.textContent = label;
      a.style.cssText = 'display:inline-flex;align-items:center;padding:5px 16px;border-radius:20px;background:#fff;border:1.5px solid #e8cfc4;color:#b5451b;font-size:14px;font-weight:600;text-decoration:none;';
      return a;
    }
    if ( teekaPage )         nav.appendChild( makeLink( wikiUrl( primarySlug ),              'मूल' ) );
    else if ( hasMoolaPage ) nav.appendChild( makeLink( wikiUrl( primarySlug + '/Moola' ),   'मूलम्' ) );
    if ( showUllekha )       nav.appendChild( makeLink( wikiUrl( primarySlug + '/Ullekha' ), 'उल्लेख' ) );
    var h1 = document.getElementById( 'firstHeading' ) || document.querySelector( '.page-heading, h1.firstHeading, .mw-first-heading' );
    if ( h1 && h1.parentNode ) h1.parentNode.insertBefore( nav, h1.nextSibling );
    else { var ct = document.getElementById( 'mw-content-text' ); if ( ct ) ct.insertBefore( nav, ct.firstChild ); }
  }

  injectCSS();
  watchBodyPadding();

  function boot() {
    expandSections();
    watchSections();
    injectMenuLinks();
    injectMoolaUllekhaLinks();
    [100, 400, 900, 1800].forEach(function(ms){ setTimeout(expandSections, ms); });
    setTimeout(initToc, 700);
  }

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

  if ( window.mw ) {
    mw.hook( 'wikipage.content' ).add(function() {
      setTimeout(function(){ expandSections(); injectMenuLinks(); injectMoolaUllekhaLinks(); initToc(); }, 300);
    });
  }

}() );


( function () {
  'use strict';

  mw.hook( 'wikipage.content' ).add( function () {
    setTimeout( function () {
      var blocks = document.querySelectorAll( '.collapsible-block, .toggle-list' );
      Array.prototype.forEach.call( blocks, function ( el ) {
        if ( !el.parentNode ) { try { el.remove(); } catch(e) {} }
      } );
    }, 0 );
  } );

  if ( mw.config.get( 'wgPageName' ) !== 'Main_Page' ) return;

  mw.loader.using( 'mediawiki.util' ).done( function () {
    $( function () {
      applyHomeToggleOffset();
      window.addEventListener( 'resize', applyHomeToggleOffset, { passive: true } );
      setTimeout( applyHomeToggleOffset, 300 );
      setTimeout( applyHomeToggleOffset, 800 );
    } );
  } );

  function applyHomeToggleOffset() {
    var bar = document.getElementById( 'gr-static-bar' );
    if ( !bar ) return;
    var barRect = bar.getBoundingClientRect();
    var barBottom = Math.round( barRect.bottom );
    var homeEl = document.getElementById( 'gr-home' );
    var toggleEl = document.getElementById( 'gr-home-toggle' );
    var firstChild = document.querySelector( '#mw-content-text .mw-parser-output > .gr-home, #mw-content-text .mw-parser-output > *:first-child' );
    [ homeEl, toggleEl, firstChild ].forEach( function ( el ) { if ( el ) el.style.scrollMarginTop = ( barBottom + 4 ) + 'px'; } );
    var contentText = document.getElementById( 'mw-content-text' );
    if ( contentText ) {
      var isMob = window.innerWidth < 768 || !!document.getElementById( 'mw-mf-viewport' );
      if ( isMob && toggleEl ) {
        var toggleRect = toggleEl.getBoundingClientRect();
        if ( toggleRect.top < barBottom ) {
          var currentPT = parseInt( window.getComputedStyle( document.body ).paddingTop, 10 ) || 0;
          document.body.style.paddingTop = ( currentPT + ( barBottom - toggleRect.top ) + 4 ) + 'px';
        }
      }
    }
  }

  $( function () {
    var $toggle = $( '#gr-home-toggle' ), $viewG = $( '#gr-view-grantha' ), $viewA = $( '#gr-view-author' );
    var $btnG = $( '#gr-toggle-grantha' ), $btnA = $( '#gr-toggle-author' );
    if ( !$toggle.length || !$viewG.length || !$viewA.length ) return;
    if ( $toggle.data( 'gr-wired' ) ) return;
    $toggle.data( 'gr-wired', true );
    function showView( which ) {
      if ( which === 'grantha' ) { $viewG.show(); $viewA.hide(); $btnG.addClass( 'gr-toggle-active' ); $btnA.removeClass( 'gr-toggle-active' ); }
      else { $viewA.show(); $viewG.hide(); $btnA.addClass( 'gr-toggle-active' ); $btnG.removeClass( 'gr-toggle-active' ); }
      try { localStorage.setItem( 'grantha_home_tab', which ); } catch(e){}
    }
    $btnG.on( 'click keydown', function(e){ if ( e.type === 'keydown' && e.key !== 'Enter' && e.key !== ' ' ) return; showView( 'grantha' ); });
    $btnA.on( 'click keydown', function(e){ if ( e.type === 'keydown' && e.key !== 'Enter' && e.key !== ' ' ) return; showView( 'author' ); });
    try { var saved = localStorage.getItem( 'grantha_home_tab' ); if ( saved === 'author' ) showView( 'author' ); else showView( 'grantha' ); } catch(e) { showView( 'grantha' ); }
  } );

}() );