Scripts Module

function main(window) {
  const config = require('./config.json');
  
  // Initialize core features
  search.init({ window, document, mw });
  createEchoUpgrade({ document, mw }).init();
  setupObservers.init({ document, window, mw, IntersectionObserver });
  dropdown.init({ document, window });
  createLastModified({ document, Intl }).init();
  createShare({ document, window, mw, navigator }).init();
  createPerformanceMode({ document, mw }).init();

  // Body content enhancements
  mw.hook('wikipage.content').add((content) => {
    initBodyContent(content[0], { document, window, mw, IntersectionObserver, ResizeObserver });
  });

  // Preferences (lazy)
  if (config.wgCitizenEnablePreferences === true) {
    initPreferences({ document, mw });
  }

  // Deferred tasks
  mw.requestIdleCallback(
    () => deferredTasks({ document, window, mw, navigator, HTMLScriptElement }),
    { timeout: 3000 }
  );
}

// Auto-execute
if (document.readyState === 'interactive' || document.readyState === 'complete') {
  main(window);
} else {
  document.addEventListener('DOMContentLoaded', () => main(window));
}

new TableOfContents({
  container: HTMLElement,          // TOC container element
  onHeadingClick: (id) => {},     // Called when section clicked
  onHashChange: (id) => {},       // Called on hash change
  onToggleClick: (id) => {},      // Called when toggle clicked
  onTogglePinned: () => {},       // Called when pin toggled
  window: Window,
  document: Document,
  mw: Object
});

{
  parent: string | undefined,
  child: string | undefined
}

toc.activateSection('toc-Example');

toc.changeActiveSection('toc-Overview');

const sections = [
  {
    toclevel: 1,
    anchor: 'Overview',
    line: 'Overview',
    number: '1',
    index: '1',
    'is-top-level-section': true,
    'is-parent-section': false
  }
];

await toc.reloadTableOfContents(sections);

interface Section {
  toclevel: number;               // Heading level
  anchor: string;                 // Section anchor
  line: string;                   // Section title
  number: string;                 // Section number
  index: string;                  // Section index
  byteoffset?: number;            // Byte offset in wikitext
  fromtitle?: string;             // Source page title
  'is-parent-section': boolean;   // Has subsections
  'is-top-level-section': boolean; // Top level
  'array-sections'?: Section[];   // Subsections
  level?: string;                 // CSS level class
}

const { StickyHeader } = require('./stickyHeader.js');

const stickyHeader = new StickyHeader({
  stickyHeaderElement: HTMLElement,
  document: Document
});

stickyHeader.init();

stickyHeader.show();

stickyHeader.hide();

const {
  STICKY_HEADER_ID,               // 'citizen-sticky-header'
  STICKY_HEADER_VISIBLE_CLASS     // 'citizen-sticky-header-visible'
} = require('./stickyHeader.js');

const { createSections } = require('./sections.js');

const sections = createSections({ document, bodyContent });
sections.init();

const { createShare } = require('./share.js');
const share = createShare({ document, window, mw, navigator });
share.init();

const { createServiceWorker } = require('./serviceWorker.js');
const sw = createServiceWorker({ mw, navigator });
sw.register();

const deferUntilFrame = require('./deferUntilFrame.js');

deferUntilFrame(() => {
  console.log('Executed after next frame');
});

deferUntilFrame(() => {
  console.log('Executed after 3 frames');
}, 3);

mw.hook('wikipage.content').add((content) => {
  // content is jQuery object of .mw-body-content
  initBodyContent(content[0], dependencies);
});