User talk:200.234.4.199

<mediawiki xmlns="http://www.mediawiki.org/xml/export-0.11/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.mediawiki.org/xml/export-0.11/ http://www.mediawiki.org/xml/export-0.11.xsd" version="0.11" xml:lang="en">
  <siteinfo>
    <sitename>Wikipedia</sitename>
    <dbname>testwiki</dbname>
    <base>https://test.wikipedia.org/wiki/Main_Page</base>
    <generator>MediaWiki 1.48.0-wmf.1</generator>
    <case>first-letter</case>
    <namespaces>
      <namespace key="-2" case="first-letter">Media</namespace>
      <namespace key="-1" case="first-letter">Special</namespace>
      <namespace key="0" case="first-letter" />
      <namespace key="1" case="first-letter">Talk</namespace>
      <namespace key="2" case="first-letter">User</namespace>
      <namespace key="3" case="first-letter">User talk</namespace>
      <namespace key="4" case="first-letter">Wikipedia</namespace>
      <namespace key="5" case="first-letter">Wikipedia talk</namespace>
      <namespace key="6" case="first-letter">File</namespace>
      <namespace key="7" case="first-letter">File talk</namespace>
      <namespace key="8" case="first-letter">MediaWiki</namespace>
      <namespace key="9" case="first-letter">MediaWiki talk</namespace>
      <namespace key="10" case="first-letter">Template</namespace>
      <namespace key="11" case="first-letter">Template talk</namespace>
      <namespace key="12" case="first-letter">Help</namespace>
      <namespace key="13" case="first-letter">Help talk</namespace>
      <namespace key="14" case="first-letter">Category</namespace>
      <namespace key="15" case="first-letter">Category talk</namespace>
      <namespace key="90" case="first-letter">Thread</namespace>
      <namespace key="91" case="first-letter">Thread talk</namespace>
      <namespace key="92" case="first-letter">Summary</namespace>
      <namespace key="93" case="first-letter">Summary talk</namespace>
      <namespace key="100" case="first-letter">Test namespace 1</namespace>
      <namespace key="101" case="first-letter">Test namespace 1 talk</namespace>
      <namespace key="102" case="first-letter">Test namespace 2</namespace>
      <namespace key="103" case="first-letter">Test namespace 2 talk</namespace>
      <namespace key="118" case="first-letter">Draft</namespace>
      <namespace key="119" case="first-letter">Draft talk</namespace>
      <namespace key="460" case="case-sensitive">Campaign</namespace>
      <namespace key="461" case="case-sensitive">Campaign talk</namespace>
      <namespace key="710" case="first-letter">TimedText</namespace>
      <namespace key="711" case="first-letter">TimedText talk</namespace>
      <namespace key="828" case="first-letter">Module</namespace>
      <namespace key="829" case="first-letter">Module talk</namespace>
      <namespace key="830" case="first-letter">SecurePoll</namespace>
      <namespace key="831" case="first-letter">SecurePoll talk</namespace>
      <namespace key="850" case="first-letter">Package</namespace>
      <namespace key="851" case="first-letter">Package talk</namespace>
      <namespace key="866" case="first-letter">CNBanner</namespace>
      <namespace key="867" case="first-letter">CNBanner talk</namespace>
      <namespace key="1198" case="first-letter">Translations</namespace>
      <namespace key="1199" case="first-letter">Translations talk</namespace>
      <namespace key="1728" case="first-letter">Event</namespace>
      <namespace key="1729" case="first-letter">Event talk</namespace>
      <namespace key="2600" case="first-letter">Topic</namespace>
      <namespace key="5500" case="first-letter">Newsletter</namespace>
      <namespace key="5501" case="first-letter">Newsletter talk</namespace>
    </namespaces>
  </siteinfo>
  <page>
    <title>User talk:200.234.4.199</title>
    <ns>3</ns>
    <id>2081</id>
    <revision>
      <id>781323</id>
      <parentid>3419</parentid>
      <timestamp>2026-10-28T00:40:32Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781323</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="455" sha1="19u27qjcx87y1hrepvkojt165w5vwdv" xml:space="preserve">{{Consent}}
&lt;pre&gt;
 _   _     _       _       _            _              _ _    _ 
| |_| |__ (_)___  (_)___  | |_ ___  ___| |_  __      _(_) | _(_)
| __| '_ \| / __| | / __| | __/ _ \/ __| __| \ \ /\ / / | |/ / |
| |_| | | | \__ \ | \__ \ | ||  __/\__ \ |_   \ V  V /| |   &lt;| |
 \__|_| |_|_|___/ |_|___/  \__\___||___/\__|   \_/\_/ |_|_|\_\_|
                                                                
&lt;/pre&gt;

See [[Pi]]. -- 23:33, 4 June 2006 (UTC)</text>
      <sha1>19u27qjcx87y1hrepvkojt165w5vwdv</sha1>
    </revision>
    <revision>
      <id>781358</id>
      <parentid>781323</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>3419</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="443" sha1="mry6mv0948lp3el3za3h9wgfucmts0x" xml:space="preserve">&lt;pre&gt;
 _   _     _       _       _            _              _ _    _ 
| |_| |__ (_)___  (_)___  | |_ ___  ___| |_  __      _(_) | _(_)
| __| '_ \| / __| | / __| | __/ _ \/ __| __| \ \ /\ / / | |/ / |
| |_| | | | \__ \ | \__ \ | ||  __/\__ \ |_   \ V  V /| |   &lt;| |
 \__|_| |_|_|___/ |_|___/  \__\___||___/\__|   \_/\_/ |_|_|\_\_|
                                                                
&lt;/pre&gt;

See [[Pi]]. -- 23:33, 4 June 2006 (UTC)</text>
      <sha1>mry6mv0948lp3el3za3h9wgfucmts0x</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:147.188.244.143</title>
    <ns>3</ns>
    <id>12018</id>
    <revision>
      <id>781309</id>
      <parentid>25036</parentid>
      <timestamp>2026-10-28T00:38:52Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781309</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="34" sha1="rygqeqqqy7g1spyiazn18ywsvnu024b" xml:space="preserve">{{Consent}}
[[bugzilla:9213]] test</text>
      <sha1>rygqeqqqy7g1spyiazn18ywsvnu024b</sha1>
    </revision>
    <revision>
      <id>781379</id>
      <parentid>781309</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>25036</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="22" sha1="t6ulub33gtenbcaqhfqvr2u8zkh9jnk" xml:space="preserve">[[bugzilla:9213]] test</text>
      <sha1>t6ulub33gtenbcaqhfqvr2u8zkh9jnk</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Gadgets-definition</title>
    <ns>8</ns>
    <id>12894</id>
    <revision>
      <id>781455</id>
      <parentid>770321</parentid>
      <timestamp>2026-10-28T10:46:58Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <origin>781455</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="14701" sha1="mlkb2cjhkrkcz89xbfzly397m8eghst" xml:space="preserve">&lt;noinclude&gt;{{collapse|1={{#invoke:validate gadgets|validate}}|title=Issues in gadget definitions}}&lt;/noinclude&gt;

== Twinkle ==
* Twinkle [dependencies=ext.gadget.morebits, ext.gadget.select2, mediawiki.language |rights=autoconfirmed |type=general |peers=Twinkle-pagestyles] |Twinkle.js |Twinkle.css |twinklearv.js |twinklewarn.js |twinkleblock.js |twinklewelcome.js |twinkletalkback.js |twinklespeedy.js |twinkleprod.js |twinklexfd.js |twinkleimage.js |twinkleprotect.js |twinkletag.js |twinklediff.js |twinkleunlink.js |twinklerollback.js |twinkledeprod.js |twinklebatchdelete.js |twinklebatchprotect.js |twinklebatchundelete.js |twinkleconfig.js
* morebits [dependencies=mediawiki.user, mediawiki.util, mediawiki.Title, mediawiki.api |hidden] |morebits.js |morebits.css
* Twinkle-pagestyles [hidden |skins=vector, vector-2022] |Twinkle-pagestyles.css
* select2 [hidden] |select2.min.js |select2.min.css

*morebitsV3[dependencies=mediawiki.user,mediawiki.util,mediawiki.Title,jquery.ui|hidden]|morebitsV3.js|morebitsV3.css
*twinkle-enwiki[dependencies=ext.gadget.morebitsV3,ext.gadget.select2,mediawiki.api,mediawiki.storage,mediawiki.libs.pluralruleparser|peers=Twinkle-pagestyles]|TwinkleV3.js|TwinkleV3.css
*twinkle-starter[dependencies=ext.gadget.morebitsV3,ext.gadget.select2,mediawiki.api,mediawiki.storage|peers=Twinkle-pagestyles]|Twinkle-starter.js|Twinkle-starter.css

*orange-i18n [dependencies = mediawiki.libs.pluralruleparser ] | orange-i18n.js
*banana-i18n | banana-i18n.js

== Recent-Tests ==
* Global-Hiruwiki|hiruwiki-core.js
* ReferenceTooltips [skins=vector, vector-2022, monobook, timeless, modern, cologneblue |type=general |dependencies=mediawiki.cookie, jquery.client] |ReferenceTooltips.js |ReferenceTooltips.css
* InterProjectLinks[default|type=general|skins=vector,vector-2022,monobook,timeless,modern,cologneblue]|InterProjectLinks.js|InterProjectLinks.css
* nomin-test[requiresES6] | nomin-test.js
* regex-test|regex-test.js
* es6-test[requiresES6]|es6-test.js
* throwError[dependencies=mediawiki.util]|throwError.js
* tabbedwindow[default|dependencies=mediawiki.Title]|tabbedwindow.js
* markblocked[dependencies=mediawiki.util,mediawiki.page.ready]|markblocked.js
* djtest[skins=minerva]|djtest.js
* packagefilebase[requiresES6|package|hidden]|packagefilebase-file1.js|packagefilebase-file2.js|packagefilebase-file3.json
* packagefileuser[requiresES6|package|dependencies=ext.gadget.packagefilebase]|packagefileuser.js
* MobileCategories[dependencies=mediawiki.api,mediawiki.util|skins=minerva]|MobileCategories.js
* Sharer|Sharer.js
* citations[dependencies=mediawiki.util]|citations.js
* watchlist-notice[default]|watchlist-notice.js
* watchlist-notice-core[dependencies=mediawiki.storage|hidden]|watchlist-notice-core.js
* geonotice[default]|geonotice.js
* geonotice-core[package|dependencies=mediawiki.util,mediawiki.storage|hidden]|geonotice-core.js|geonotice-list.json|geonotice-core.css
* legacyToolbar  |legacyToolbar.js |extra-toolbar-buttons-core.js |refToolbarLegacy.js
* refToolbar[default|dependencies=mediawiki.util|actions=edit|contentModels=wikitext]|refToolbar.js
* refToolbarBase[hidden]|refToolbarBase.js
* contribsrange[dependencies=mediawiki.util,jquery.spinner]|contribsrange.js
* another-contribsrange[dependencies=mediawiki.util,jquery.spinner]|another-contribsrange.js
* charinsert|charinsert.js
* charinsert-core[hidden|dependencies=jquery.textSelection,user,mediawiki.storage]|charinsert-styles.css|charinsert-core.js
* charinsert-old|charinsert-old.js|charinsert-old.css
* diffTools[dependencies=mediawiki.util]|diffTools.js|diffTools.css
* ImagelessTabs|ImagelessTabs.css
* fastbuttons[dependencies=mediawiki.util]|fastbuttons.js|fastbuttons.css
* ExternalTranslate[dependencies=jquery,mediawiki.api]|ExternalTranslate.js|ExternalTranslate.html|ExternalTranslate.css 
* destacar|highlightsUsername.js|highlightsUsername.css
* blockNotificationsButton[dependencies=mediawiki.api,ext.gadget.mediawiki.api.ptwiki,mediawiki.util,user.options|rights=block]|blockNotificationsButton.js|blockNotificationsButton.css
* NewVillagePump|NewVillagePump.js|NewVillagePump.css
* mediawiki.api.ptwiki[dependencies=mediawiki.api|hidden]|mediawiki.api.ptwiki.js
* NewVillagePumpCore[dependencies=mediawiki.util,jquery.placeholder,jquery.spinner,ext.gadget.mediawiki.api.ptwiki|hidden]|NewVillagePump.js/Core.js
* Navigation_popups [dependencies=mediawiki.api, mediawiki.user, mediawiki.util, user.options, mediawiki.jqueryMsg |type=general] |popups.js |navpop.css
* teahouse[dependencies=mediawiki.user,mediawiki.cookie]|teahouse/main.js|teahouse/config.js|teahouse/teahouse.css
* teahouse-opt-in|teahouse-opt-in/main.js
* PB[dependencies=mediawiki.api,mediawiki.util]|PB.js
* Wikimedia Learning Survey|WikimediaL.js
* formWizard [default |rights=minoredit] |formWizard.js
* formWizard-core [hidden |dependencies=mediawiki.api, mediawiki.cookie, mediawiki.ui, mediawiki.user, jquery.chosen, jquery.ui, user.options] |formWizard-core.js |formWizard.css
* requestForAdminship|requestForAdminship.js
* watchUserContribs[dependencies=jquery.ui,mediawiki.util,mediawiki.ui.button,ext.gadget.TipsyDeprecated]|watchUserContribs.js|watchUserContribs.css
* WatchlistGreenIndicators[skins=vector]|WatchlistGreenIndicators.css
* WatchlistChangesBold|WatchlistChangesBold.css
* Hotcat[rights=edit]|HotCat.js
* RevisionSlider[dependencies=jquery.ui,mediawiki.api,mediawiki.util]|revisionslider.js|revisionslider.css
* toolbartocnav[dependencies=ext.wikiEditor]|toolbartocnav.css|toolbartocnav.js
* purgetab[dependencies=mediawiki.util,mediawiki.api]|purgetab.js
* databoxEditor[dependencies=jquery.client,jquery.mwEmbedUtil,mw.MwEmbedSupport,jquery.ui]|databoxeditor.js
* wikEd|wikEd.js
* revisionsSysopsActions[dependencies=mediawiki.util,ext.gadget.mediawiki.api.ptwiki,jquery.placeholder]|revisionsSysopsActions.js
* validateBlockRollbackers|validateBlockRollbackers.js
* watchlist[top]|watchlist.js
* addsection-plus[skins=monobook,vector]|addsection-plus.css
* CleanDeleteReasons[default|rights=delete]|CleanDeleteReasons.js
* contentFeatured[dependencies=mediawiki.util,ext.gadget.mediawiki.api.ptwiki,jquery.ui]|contentFeatured.js|contentFeatured.css
* easyPeerReview[rights=review|dependencies=mediawiki.util]|easyPeerReview.js
* UTCLiveClock[type=general|dependencies=mediawiki.util,mediawiki.api|peers=UTCLiveClock-pagestyles]|UTCLiveClock.js|UTCLiveClock.css
* UTCLiveClock-pagestyles[hidden|skins=vector,monobook]|UTCLiveClock-pagestyles.css
* afchelper [dependencies=mediawiki.api, mediawiki.util, mediawiki.user, jquery.chosen, jquery.spinner, jquery.ui |namespaces=2, 118] |afchelper.js |afchelper.css
* Shortdesc-helper-loader[dependencies=mediawiki.api,user.options,mediawiki.util|skins=vector,monobook,modern,timeless|peers=Shortdesc-helper-pagestyles-vector]|Shortdesc-helper.js
* Shortdesc-helper-pagestyles-vector[hidden|skins=vector]|Shortdesc-helper-pagestyles-vector.css
* MoreMenu-local[dependencies=mediawiki.api,mediawiki.util,mediawiki.Title,user.options|peers=MoreMenu-local-pagestyles]|MoreMenu.js
* MoreMenu-local-pagestyles[hidden]|MoreMenu-pagestyles.css
* scribe[dependencies=ext.visualEditor.core,mediawiki.api]| scribe.js|scribe.css
* scribe-v2[dependencies=ext.visualEditor.core,mediawiki.api]| scribe-v2.js|scribe-v2.css
* XFDcloser[dependencies=mediawiki.user|type=general]|XFDcloser.js
* XFDcloser-core[dependencies=mediawiki.util,mediawiki.api,mediawiki.Title,oojs-ui-core,oojs-ui-widgets,oojs-ui-windows,oojs-ui.styles.icons-interactions,oojs-ui.styles.icons-content,oojs-ui.styles.icons-moderation,oojs-ui.styles.icons-alerts|hidden|type=general]|XFDcloser-core.js|XFDcloser-core.css
* XFDcloser-core-beta[dependencies=mediawiki.util,mediawiki.api,mediawiki.Title,oojs-ui-core,oojs-ui-widgets,oojs-ui-windows,oojs-ui.styles.icons-interactions,oojs-ui.styles.icons-content,oojs-ui.styles.icons-moderation,oojs-ui.styles.icons-alerts|hidden|type=general]|XFDcloser-core-beta.js|XFDcloser-core-beta.css
* libExtraUtil[hidden]|libExtraUtil.js
* GoogleImagesTineye [dependencies=mediawiki.util]|GoogleImagesTineye.js
* ShowJavascriptErrors[type=general]|ShowJavascriptErrors.js
* lastEditUser[dependencies=mediawiki.util]|lastEditUser.js
* dark-mode-toggle[dependencies=mediawiki.util,mediawiki.api,mediawiki.Uri,mediawiki.storage|peers=dark-mode-toggle-pagestyles]|dark-mode-toggle.js
* dark-mode-toggle-pagestyles[hidden|targets=desktop,mobile|skins=vector,vector-2022,minerva,monobook]|dark-mode-toggle-pagestyles.css
* dark-mode[supportsUrlLoad|targets=desktop,mobile|skins=vector,vector-2022,monobook,modern,minerva,timeless]|dark-mode.css
* addMe[default|dependencies=oojs-ui,mediawiki.api,mediawiki.util,mediawiki.jqueryMsg]|addMe.js
* AutosuggestSitelink-local[dependencies=mediawiki.action.view.postEdit,mediawiki.ForeignApi,mediawiki.Title,oojs-ui-core,oojs-ui-windows]|AutosuggestSitelink.js
* WpLibExtraDev[hidden]|WpLibExtraDev.js
* MarkBLocked-core[hidden|dependencies=mediawiki.user,mediawiki.api,mediawiki.ForeignApi,mediawiki.storage,mediawiki.util,jquery.ui,oojs-ui,oojs-ui.styles.icons-moderation]|MarkBLocked-core.js|MarkBLocked-core.css
* MarkBLocked[supportsUrlLoad|package|dependencies=mediawiki.user,mediawiki.api,mediawiki.ForeignApi,mediawiki.storage,mediawiki.util,jquery.ui,oojs-ui,oojs-ui.styles.icons-moderation]|MarkBLocked.js|MarkBLocked-core.js|MarkBLocked-core.css
* MassRevisionDelete[rights=deleterevision|dependencies=jquery.makeCollapsible,oojs-ui,oojs-ui.styles.icons-movement,mediawiki.api]|MassRevisionDelete.js
* edit-styles[ actions=edit|type=styles]|edit-styles.css
* firstedit-test|firstedit-test.js
* firstedit-short-test|firstedit-short-test.js
* section-share[default]|section-share.js
* akinput-core|akinput-core.js
* akinput[dependencies=mediawiki.util,mediawiki.storage|akinput-core]|akinput-mediawiki.js|akinput.css
* userMessages|UserMessages.js

==Wikivoyage-Experimental==
* Carousel[type=general|dependencies=mediawiki.util]|Carousel.js|Carousel.css

== modules ==
* fastButtonsCore[dependencies=mediawiki.api,ext.gadget.mediawiki.api.ptwiki,mediawiki.page.ready,jquery.ui,mediawiki.cookie]|fastbuttons.js/core.js
* diffToolsCore[dependencies=mediawiki.api,mediawiki.util,user.options,ext.gadget.mediawiki.api.ptwiki,jquery.ui]|diffTools.js/core.js
* validateBlockRollbackersCore[dependencies=mediawiki.util]|validateBlockRollbackers.js/core.js
* requestForAdminshipCore[dependencies=ext.gadget.mediawiki.api.ptwiki,jquery.ui]|requestForAdminship.js/core.js|requestForAdminship.css
* TipsyDeprecated[hidden]|tipsyDeprecated.js

== arwiki ==
* changlist|changlist.css

== Old-tests ==
* backgroundTest[top|type=styles]|backgroundTest.css


== ruwiki ==
* ruwiki-test|ruwiki-test.js
* ruwiki-core|ruwiki-core.js
* ruwiki-common-action-edit[dependencies=user.options]|ruwiki-common-action-edit.js
* ruwiki-common-namespace-file[hidden]|ruwiki-common-namespace-file.js
* ruwiki-common-action-history[hidden]|ruwiki-common-action-history.js
* ruwiki-common-special-delete|ruwiki-common-special-delete.js‎
* ruwiki-common-special-block[type=general]|ruwiki-common-special-block.js‎|ruwiki-common-special-block.css
* ruwiki-common-special-log|ruwiki-common-special-log.js‎
* ruwiki-common-special-newpages|ruwiki-common-special-newpages.js‎
* ruwiki-common-special-movepage|ruwiki-common-special-movepage.js‎
* ruwiki-common-special-watchlist|ruwiki-common-special-watchlist.js‎
* ruwiki-common-special-search|ruwiki-common-special-search.js‎
* ruwiki-common-special-upload|ruwiki-common-special-upload.js‎
* ruwiki-wikificator[dependencies=user.options,jquery.textSelection,ext.gadget.ruwiki-registerTool]|ruwiki-wikificator.js
* ruwiki-summaryButtons[type=general|hidden]|ruwiki-summaryButtons.js|ruwiki-summaryButtons.css
* ruwiki-registerTool[hidden|dependencies=user.options]|ruwiki-registerTool.js
* ruwiki-urldecoder[dependencies=ext.gadget.ruwiki-registerTool]|ruwiki-urldecoder.js

=== ruwiki-iw ===
* ruwiki-iwcore[hidden|type=general]|ruwiki-iwcore.js|ruwiki-iwcore.css
* ruwiki-iwlocalnames[dependencies=ext.gadget.ruwiki-iwcore]|ruwiki-iwlocalnames.js
* ruwiki-iwhints[dependencies=ext.gadget.ruwiki-iwcore]|ruwiki-iwhints.js
* ruwiki-iwen[dependencies=ext.gadget.ruwiki-iwcore]|ruwiki-iwen.js
* ruwiki-iwrussia[dependencies=ext.gadget.ruwiki-iwcore]|ruwiki-iwrussia.js

== nowiki ==
* template-wizzard[rights=edit|type=general]|template-wizzard.js

== azwiki ==
* Katalitik|Katalitik.js
* XTools-ArticleInfo|XTools-ArticleInfo.js
* addsection-plus|addsection-plus.js
* markAdmins[dependencies=mediawiki.util]|markAdmins.js
* directLinkToCommons[dependencies=mediawiki.util]|directLinkToCommons.js
* switcher|switcher.js
* patrolRevisions[dependencies=mediawiki.api,mediawiki.util|rights=patrol]|patrolRevisions.js

== fawiki ==
* ScriptOne|ScriptOne.js
* ScriptTwo|ScriptTwo.js|ScriptTwo.css
* ScriptHidden[hidden]|ScriptHidden.css
* ScriptThree[dependencies=mediawiki.api|peers=ScriptHidden]|ScriptThree.js
* Morebits-i18n[dependencies=ext.gadget.morebitsV3,jquery.i18n]|Morebits-i18n.js

== bnwiki ==
*markAdmins[dependencies=mediawiki.util]|markAdmins.js
* DiscussionCloser[dependencies=mediawiki.util]|DiscussionCloser.js|DiscussionCloser.css
* Twinkle-bn[dependencies=ext.gadget.morebits-bn,ext.gadget.select2-bn|rights=autoconfirmed|type=general|peers=Twinkle-pagestyles-bn]|Twinkle-bn.js|twinkleprod-bn.js|twinkleimage-bn.js|twinklebatchundelete-bn.js|twinklewarn-bn.js|twinklespeedy-bn.js|friendlyshared-bn.js|twinklediff-bn.js|twinkleunlink-bn.js|friendlytag-bn.js|twinkledeprod-bn.js|friendlywelcome-bn.js|twinklexfd-bn.js|twinklebatchdelete-bn.js|twinklebatchprotect-bn.js|twinkleconfig-bn.js|twinklefluff-bn.js|twinkleprotect-bn.js|twinklearv-bn.js|twinkleblock-bn.js|friendlytalkback-bn.js|Twinkle-bn.css
* morebits-bn[dependencies=mediawiki.user,mediawiki.util,jquery.ui|hidden]|morebits-bn.js|morebits-bn.css
* Twinkle-pagestyles-bn[hidden|skins=vector]|Twinkle-pagestyles-bn.css
* select2-bn[hidden]|select2.min-bn.js|select2.min-bn.css
==bnwiktionary==
* Rep2Ad|Rep2Ad.js
==ukwiki==
* Wikificator[hidden]|Wikificator.js
* Onlyifediting[action=edit|dependencies=ext.visualEditor.desktopArticleTarget.init,ext.gadget.Wikificator]|Onlyifediting.js
* PostBlockActions[namespaces=-1]|PostBlockActions.js
* ImgsCleanUp[package|dependencies=mediawiki.util,vue,@wikimedia/codex|rights=autoconfirmed|namespaces=6]|ImgsCleanUp.js|ImgsCleanUp-main.vue
* valcio[dependencies=vue,codex]|valcio.js
* codexTableBuilder[package|dependencies=vue,@wikimedia/codex|actions=edit,submit|rights=edit]|codexTableBuilder.js|codexTableBuilder.vue
* codexTabs[package|default|dependencies=vue,@wikimedia/codex|type=general]|codexTabs.js|codexTabs.vue|codexTabs.css</text>
      <sha1>mlkb2cjhkrkcz89xbfzly397m8eghst</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:&quot;This is a very long username but why&quot;?</title>
    <ns>3</ns>
    <id>31761</id>
    <revision>
      <id>781294</id>
      <parentid>137525</parentid>
      <timestamp>2026-10-28T00:37:08Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781294</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="978" sha1="61av69im3kp1idxzqf51er9xr77v42x" xml:space="preserve">{{Consent}}
==Welcome!==
[[Image:Wiki.png|right|120px]]
Hello {{BASEPAGENAME}}, and '''welcome to [[Test Wikipedia]],''' a [[en:wiki|wiki]] designed for testing of software, among other things.

''Some good links include:''
*[[Sandbox]]
*[[Wikipedia:What test wiki is not|What test wiki is not]]
*[[Wikipedia:Requests for permissions|Requests for permissions]]

If you have any questions,  please don't hesitate to ask me on my talk page. Thanks.

== Chinese Interlinear Version (Test) ==

Why does template:hidden work here and on the English Wiki

[http://test.wikipedia.org/wiki/User:Dudy001 Chinese interlinear version]

[http://en.wikipedia.org/wiki/User:Dudy001 Chinese interlinear version]

but not on:

[http://incubator.wikimedia.org/wiki/Wp/cmn/S%C4%81nxi%C3%A1_g%C5%8Dngch%C3%A9ng Wp/cmn/Sānxiá gōngchéng]

where the pictures or maybe the invisible hide bar influence each other?[[User:Dudy001|Dudy001]] ([[User talk:Dudy001|talk]]) 11:04, 26 September 2011 (UTC)</text>
      <sha1>61av69im3kp1idxzqf51er9xr77v42x</sha1>
    </revision>
    <revision>
      <id>781386</id>
      <parentid>781294</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>137525</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="966" sha1="4q3r5ad3f9el4ch7a4uwhdf03ofsifx" xml:space="preserve">==Welcome!==
[[Image:Wiki.png|right|120px]]
Hello {{BASEPAGENAME}}, and '''welcome to [[Test Wikipedia]],''' a [[en:wiki|wiki]] designed for testing of software, among other things.

''Some good links include:''
*[[Sandbox]]
*[[Wikipedia:What test wiki is not|What test wiki is not]]
*[[Wikipedia:Requests for permissions|Requests for permissions]]

If you have any questions,  please don't hesitate to ask me on my talk page. Thanks.

== Chinese Interlinear Version (Test) ==

Why does template:hidden work here and on the English Wiki

[http://test.wikipedia.org/wiki/User:Dudy001 Chinese interlinear version]

[http://en.wikipedia.org/wiki/User:Dudy001 Chinese interlinear version]

but not on:

[http://incubator.wikimedia.org/wiki/Wp/cmn/S%C4%81nxi%C3%A1_g%C5%8Dngch%C3%A9ng Wp/cmn/Sānxiá gōngchéng]

where the pictures or maybe the invisible hide bar influence each other?[[User:Dudy001|Dudy001]] ([[User talk:Dudy001|talk]]) 11:04, 26 September 2011 (UTC)</text>
      <sha1>4q3r5ad3f9el4ch7a4uwhdf03ofsifx</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:% (percent)</title>
    <ns>3</ns>
    <id>31762</id>
    <revision>
      <id>781296</id>
      <parentid>61521</parentid>
      <timestamp>2026-10-28T00:37:16Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781296</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="445" sha1="ar2192bcjwoxv9j42cqd36sm9xc8nqg" xml:space="preserve">{{Consent}}
==Welcome!==
[[Image:Wiki.png|right|120px]]
Hello {{BASEPAGENAME}}, and '''welcome to [[Test Wikipedia]],''' a [[en:wiki|wiki]] designed for testing of software, among other things.

''Some good links include:''
*[[Sandbox]]
*[[Wikipedia:What test wiki is not|What test wiki is not]]
*[[Wikipedia:Requests for permissions|Requests for permissions]]

If you have any questions, please don't hesitate to ask me on my talk page. Thanks.</text>
      <sha1>ar2192bcjwoxv9j42cqd36sm9xc8nqg</sha1>
    </revision>
    <revision>
      <id>781375</id>
      <parentid>781296</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>61521</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="433" sha1="nn6lzi5x2zx3weg1tpj5fbd2k1fgx8v" xml:space="preserve">==Welcome!==
[[Image:Wiki.png|right|120px]]
Hello {{BASEPAGENAME}}, and '''welcome to [[Test Wikipedia]],''' a [[en:wiki|wiki]] designed for testing of software, among other things.

''Some good links include:''
*[[Sandbox]]
*[[Wikipedia:What test wiki is not|What test wiki is not]]
*[[Wikipedia:Requests for permissions|Requests for permissions]]

If you have any questions, please don't hesitate to ask me on my talk page. Thanks.</text>
      <sha1>nn6lzi5x2zx3weg1tpj5fbd2k1fgx8v</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:-Midorihana-</title>
    <ns>3</ns>
    <id>31763</id>
    <revision>
      <id>781298</id>
      <parentid>61522</parentid>
      <timestamp>2026-10-28T00:37:27Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781298</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="445" sha1="ar2192bcjwoxv9j42cqd36sm9xc8nqg" xml:space="preserve">{{Consent}}
==Welcome!==
[[Image:Wiki.png|right|120px]]
Hello {{BASEPAGENAME}}, and '''welcome to [[Test Wikipedia]],''' a [[en:wiki|wiki]] designed for testing of software, among other things.

''Some good links include:''
*[[Sandbox]]
*[[Wikipedia:What test wiki is not|What test wiki is not]]
*[[Wikipedia:Requests for permissions|Requests for permissions]]

If you have any questions, please don't hesitate to ask me on my talk page. Thanks.</text>
      <sha1>ar2192bcjwoxv9j42cqd36sm9xc8nqg</sha1>
    </revision>
    <revision>
      <id>781354</id>
      <parentid>781298</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>61522</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="433" sha1="nn6lzi5x2zx3weg1tpj5fbd2k1fgx8v" xml:space="preserve">==Welcome!==
[[Image:Wiki.png|right|120px]]
Hello {{BASEPAGENAME}}, and '''welcome to [[Test Wikipedia]],''' a [[en:wiki|wiki]] designed for testing of software, among other things.

''Some good links include:''
*[[Sandbox]]
*[[Wikipedia:What test wiki is not|What test wiki is not]]
*[[Wikipedia:Requests for permissions|Requests for permissions]]

If you have any questions, please don't hesitate to ask me on my talk page. Thanks.</text>
      <sha1>nn6lzi5x2zx3weg1tpj5fbd2k1fgx8v</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:124.43.60.133</title>
    <ns>3</ns>
    <id>36492</id>
    <revision>
      <id>781307</id>
      <parentid>82985</parentid>
      <timestamp>2026-10-28T00:38:32Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781307</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="199" sha1="fx6qhigw3cor01yxemwodk59cn8nffy" xml:space="preserve">{{Consent}}
Please stop creating pages as you are doing right now, the [[WP:NOT|test wiki]] isn't for that. [[User:Mentifisto|Mentifisto]] ([[User talk:Mentifisto|talk]]) 10:33, 18 January 2010 (UTC)</text>
      <sha1>fx6qhigw3cor01yxemwodk59cn8nffy</sha1>
    </revision>
    <revision>
      <id>781369</id>
      <parentid>781307</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>82985</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="187" sha1="qx4mqp1yh0vbyth2nybvqt8i0u98yfw" xml:space="preserve">Please stop creating pages as you are doing right now, the [[WP:NOT|test wiki]] isn't for that. [[User:Mentifisto|Mentifisto]] ([[User talk:Mentifisto|talk]]) 10:33, 18 January 2010 (UTC)</text>
      <sha1>qx4mqp1yh0vbyth2nybvqt8i0u98yfw</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:*devunt</title>
    <ns>3</ns>
    <id>37039</id>
    <revision>
      <id>781297</id>
      <parentid>221473</parentid>
      <timestamp>2026-10-28T00:37:24Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781297</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="4651" sha1="27yxvt9nchy7u3iqryhjxo8r2xq79vj" xml:space="preserve">{{Consent}}
==Welcome!==
[[Category:Really big category]]
[[Image:Wiki.png|right|120px]]
'''Hello {{BASEPAGENAME}}''', and welcome to [[Wikipedia:Test Wikipedia|Test Wikipedia]], a [[:en:wiki|wiki]] designed for testing of software, among other things.

''Some good links include:''
*[[Sandbox]]
*[[Wikipedia:What test wiki is|What test wiki is]]
*[[Wikipedia:What test wiki is not|What test wiki is '''not''']]
*[[Wikipedia:Requests|Requests for permissions, renames and others]]
*[[Talk:Main Page]]
*[[Wikipedia:Administrators]]
*[[Wikipedia:Bureaucrats]]
If you have any questions, please don't hesitate to ask me on my talk page. Thanks.  [[User:Jeff G.|Jeff G.]] ([[User talk:Jeff G.|talk]]) 21:41, 25 April 2010 (UTC)

== Main page ==

Since you replaced the text under &quot;What we do on this wiki&quot; on the [[Main Page]] with the template from [[Wikipedia:What we do on this wiki]], shouldn't you protect that page as well so someone can't indirectly alter the text on the main page by editing the template? [[User:95j|95j]] ([[User talk:95j|talk]]) 22:52, 9 May 2010 (UTC)

Never mind, there is cascading protection. I was just surprised because there was an &quot;Edit this page&quot; tab at the top of my screen. [[User:95j|95j]] ([[User talk:95j|talk]]) 22:57, 9 May 2010 (UTC)
: yes. It is protected by cascading from [[Main Page]] --[[User:Devunt|Devunt]] ([[User talk:Devunt#top|talk]]) 08:58, 10 May 2010 (UTC)

== just a meaningless comment ==

the word 'crat' sounds like &lt;s&gt;'crap'&lt;/s&gt;... --§[[user:Triple.Rhu|Triple]].[[User Talk:Triple.Rhu|Rhu]] on: 03:11, 1 June 2010 (UTC)
: LoL. so what, Triple.Rhu.--[[User:Devunt|Devunt]] ([[User talk:Devunt#top|talk]]) 10:22, 2 June 2010 (UTC)

== About [[User:WikiRightBot]] ==

Hello Devunt.

Please see [[User talk:WikiRightBot]]. Feel free to re-grant if you wish to use the bot. -- [[User:Quentinv57|Quentinv57]] ([[User talk:Quentinv57|talk]]) 14:36, 30 April 2011 (UTC)

== A7x (bureaucrat) ==

Hello, I was only asking if I could volunteer as a bureaucrat. I know the Test Wiki already has several bureaucrats, but some of the current bureaucrats are not regularly active and I think maybe one more user couldn't hurt. Btw, I've been an administrator for several months and I understand what the Test Wiki is and is not. Kindly, [[User:A7x|A7x]] ([[User talk:A7x|talk]]) 16:32, 8 July 2011 (UTC)
: Well, Granted :-) --[[User:Devunt|Devunt]] ([[User talk:Devunt#top|talk]]) 22:39, 8 July 2011 (UTC)
::Thanks :D [[User:A7x|A7x]] ([[User talk:A7x|talk]]) 01:24, 9 July 2011 (UTC)


== Deadmin ==

Hi Devunt, 

Would you readd my admin status? I was active last time on 12 June 2011. [[User:Docu]] ([[User talk:Docu|talk]]) 14:04, 11 February 2012 (UTC)
: {{done}} [[User:Axpde|Axpde]] ([[User talk:Axpde|talk]]) 16:31, 13 February 2012 (UTC)
::Thanks. [[User:Docu|-- &amp;#91;&amp;#91;User:Docu&amp;#93;&amp;#93;]] ([[User talk:Docu|talk]]) 12:00, 14 February 2012 (UTC)

== Deadmin 2 ==

Why did you close the request early? Besides the fact that I started this request, I wrote ''january, 30th 2012'' to give them seven days to answer! And what about the crat flags? Do you think they'll vanish? I cared for them. [[User:Axpde|Axpde]] ([[User talk:Axpde|talk]]) 15:59, 13 February 2012 (UTC)

== Removal of rights ==

Hi Devunt. I see you recently removed the rights of several users because of inactivity. You did so too for [[User:Theo10011|Theo10011]] and [[User:Waihorace|Waihorace]], but both replied on the given page, see [[Wikipedia:Requests/Permissions/de-admin 01-2012|here]]. Could you please reinstate their administrator flag you removed? Please be a bit more careful in removing rights. Thanks for your understanding. Kind regards, [[User:Trijnstel|Trijnstel]] ([[User talk:Trijnstel|talk]]) 16:25, 13 February 2012 (UTC)

== Desysop ==

Hello, I've removed your sysop flag per [//test.wikipedia.org/w/index.php?title=User_talk:Mike.lifeguard&amp;oldid=124347#Blocked_Mass_IP_Edit this incident]. It's one month old, but people here can't be forced to monitor this wiki 24h to ensure it's left functioning. If you disagree with other users good-faith usage of the wiki, you should open a discussion about the wiki's purpose, not throw your permissions against them. [[User:Nemo bis|Nemo bis]] ([[User talk:Nemo bis|talk]]) 14:14, 27 February 2012 (UTC)

== RfX ==
Hello! Just letting you know that I just closed [[Wikipedia:Requests/Permissions/Devunt (2)|your RfX]] as not successful. Best, -[[User:Barras|&lt;span style=&quot;color:blue; font-family:Bookman Old Style&quot;&gt;'''Barras'''&lt;/span&gt;]] [[User Talk:Barras|&lt;span style=&quot;color:red; font-family:Bookman Old Style&quot;&gt;'''talk'''&lt;/span&gt;]] 13:20, 10 March 2013 (UTC)</text>
      <sha1>27yxvt9nchy7u3iqryhjxo8r2xq79vj</sha1>
    </revision>
    <revision>
      <id>781395</id>
      <parentid>781297</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>221473</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="4639" sha1="62c70lavyxc0rs1xynplciqe6yjrcyw" xml:space="preserve">==Welcome!==
[[Category:Really big category]]
[[Image:Wiki.png|right|120px]]
'''Hello {{BASEPAGENAME}}''', and welcome to [[Wikipedia:Test Wikipedia|Test Wikipedia]], a [[:en:wiki|wiki]] designed for testing of software, among other things.

''Some good links include:''
*[[Sandbox]]
*[[Wikipedia:What test wiki is|What test wiki is]]
*[[Wikipedia:What test wiki is not|What test wiki is '''not''']]
*[[Wikipedia:Requests|Requests for permissions, renames and others]]
*[[Talk:Main Page]]
*[[Wikipedia:Administrators]]
*[[Wikipedia:Bureaucrats]]
If you have any questions, please don't hesitate to ask me on my talk page. Thanks.  [[User:Jeff G.|Jeff G.]] ([[User talk:Jeff G.|talk]]) 21:41, 25 April 2010 (UTC)

== Main page ==

Since you replaced the text under &quot;What we do on this wiki&quot; on the [[Main Page]] with the template from [[Wikipedia:What we do on this wiki]], shouldn't you protect that page as well so someone can't indirectly alter the text on the main page by editing the template? [[User:95j|95j]] ([[User talk:95j|talk]]) 22:52, 9 May 2010 (UTC)

Never mind, there is cascading protection. I was just surprised because there was an &quot;Edit this page&quot; tab at the top of my screen. [[User:95j|95j]] ([[User talk:95j|talk]]) 22:57, 9 May 2010 (UTC)
: yes. It is protected by cascading from [[Main Page]] --[[User:Devunt|Devunt]] ([[User talk:Devunt#top|talk]]) 08:58, 10 May 2010 (UTC)

== just a meaningless comment ==

the word 'crat' sounds like &lt;s&gt;'crap'&lt;/s&gt;... --§[[user:Triple.Rhu|Triple]].[[User Talk:Triple.Rhu|Rhu]] on: 03:11, 1 June 2010 (UTC)
: LoL. so what, Triple.Rhu.--[[User:Devunt|Devunt]] ([[User talk:Devunt#top|talk]]) 10:22, 2 June 2010 (UTC)

== About [[User:WikiRightBot]] ==

Hello Devunt.

Please see [[User talk:WikiRightBot]]. Feel free to re-grant if you wish to use the bot. -- [[User:Quentinv57|Quentinv57]] ([[User talk:Quentinv57|talk]]) 14:36, 30 April 2011 (UTC)

== A7x (bureaucrat) ==

Hello, I was only asking if I could volunteer as a bureaucrat. I know the Test Wiki already has several bureaucrats, but some of the current bureaucrats are not regularly active and I think maybe one more user couldn't hurt. Btw, I've been an administrator for several months and I understand what the Test Wiki is and is not. Kindly, [[User:A7x|A7x]] ([[User talk:A7x|talk]]) 16:32, 8 July 2011 (UTC)
: Well, Granted :-) --[[User:Devunt|Devunt]] ([[User talk:Devunt#top|talk]]) 22:39, 8 July 2011 (UTC)
::Thanks :D [[User:A7x|A7x]] ([[User talk:A7x|talk]]) 01:24, 9 July 2011 (UTC)


== Deadmin ==

Hi Devunt, 

Would you readd my admin status? I was active last time on 12 June 2011. [[User:Docu]] ([[User talk:Docu|talk]]) 14:04, 11 February 2012 (UTC)
: {{done}} [[User:Axpde|Axpde]] ([[User talk:Axpde|talk]]) 16:31, 13 February 2012 (UTC)
::Thanks. [[User:Docu|-- &amp;#91;&amp;#91;User:Docu&amp;#93;&amp;#93;]] ([[User talk:Docu|talk]]) 12:00, 14 February 2012 (UTC)

== Deadmin 2 ==

Why did you close the request early? Besides the fact that I started this request, I wrote ''january, 30th 2012'' to give them seven days to answer! And what about the crat flags? Do you think they'll vanish? I cared for them. [[User:Axpde|Axpde]] ([[User talk:Axpde|talk]]) 15:59, 13 February 2012 (UTC)

== Removal of rights ==

Hi Devunt. I see you recently removed the rights of several users because of inactivity. You did so too for [[User:Theo10011|Theo10011]] and [[User:Waihorace|Waihorace]], but both replied on the given page, see [[Wikipedia:Requests/Permissions/de-admin 01-2012|here]]. Could you please reinstate their administrator flag you removed? Please be a bit more careful in removing rights. Thanks for your understanding. Kind regards, [[User:Trijnstel|Trijnstel]] ([[User talk:Trijnstel|talk]]) 16:25, 13 February 2012 (UTC)

== Desysop ==

Hello, I've removed your sysop flag per [//test.wikipedia.org/w/index.php?title=User_talk:Mike.lifeguard&amp;oldid=124347#Blocked_Mass_IP_Edit this incident]. It's one month old, but people here can't be forced to monitor this wiki 24h to ensure it's left functioning. If you disagree with other users good-faith usage of the wiki, you should open a discussion about the wiki's purpose, not throw your permissions against them. [[User:Nemo bis|Nemo bis]] ([[User talk:Nemo bis|talk]]) 14:14, 27 February 2012 (UTC)

== RfX ==
Hello! Just letting you know that I just closed [[Wikipedia:Requests/Permissions/Devunt (2)|your RfX]] as not successful. Best, -[[User:Barras|&lt;span style=&quot;color:blue; font-family:Bookman Old Style&quot;&gt;'''Barras'''&lt;/span&gt;]] [[User Talk:Barras|&lt;span style=&quot;color:red; font-family:Bookman Old Style&quot;&gt;'''talk'''&lt;/span&gt;]] 13:20, 10 March 2013 (UTC)</text>
      <sha1>62c70lavyxc0rs1xynplciqe6yjrcyw</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:110.55.12.221/Archive 1</title>
    <ns>3</ns>
    <id>39985</id>
    <revision>
      <id>781289</id>
      <parentid>119675</parentid>
      <timestamp>2026-10-28T00:36:24Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781289</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1599" sha1="cztk76zvwjdjqznharkfmkosznwdatn" xml:space="preserve">{{Consent}}
{{Talk archive navigation}}

== March 2010 ==

[[Image:Information.svg|25px]] Welcome to Wikipedia. It might not have been your intention, but your recent edit removed content from {{#if:Willie Revillame|[[:Willie Revillame]]|Wikipedia}}. When removing text, please specify a reason in the [[Help:Edit summary|edit summary]] and discuss edits that are likely to be controversial on the article's [[Wikipedia:Talk page|talk page]]. If this was a mistake, don't worry; the text has been restored, as you can see from the {{#if:Willie Revillame|&lt;span class=&quot;plainlinks&quot;&gt;[{{fullurl:Willie Revillame|action=history}} page history]&lt;/span&gt;|[[Help:Page history|page history]]}}. Take a look at the [[Wikipedia:Welcoming committee/Welcome to Wikipedia|welcome page]] to learn more about contributing to this encyclopedia, and if you would like to experiment, please use the [[Wikipedia:Sandbox|sandbox]].  Thank you.&lt;!-- Template:uw-delete1 --&gt; --- [[User:Titopao|Tito Pao]] ([[User talk:Titopao|talk]]) 05:48, 11 March 2010 (UTC)

[[Image:Information.svg|25px]] Please do not delete content or templates from pages on Wikipedia{{#if:Willie Revillame|, as you did to [[:Willie Revillame]],}} without giving a valid reason for the removal in the [[Help:Edit summary|edit summary]]. Your content removal does not appear constructive, and has been [[Help:Reverting|reverted]]. Please make use of the [[Wikipedia:Sandbox|sandbox]] if you'd like to experiment with test edits. Thank you.&lt;!-- Template:uw-delete2 --&gt; --- [[User:Titopao|Tito Pao]] ([[User talk:Titopao|talk]]) 05:51, 11 March 2010 (UTC)</text>
      <sha1>cztk76zvwjdjqznharkfmkosznwdatn</sha1>
    </revision>
    <revision>
      <id>781389</id>
      <parentid>781289</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>119675</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1587" sha1="aodslo13qdjtpof0bekni3cqeytdus5" xml:space="preserve">{{Talk archive navigation}}

== March 2010 ==

[[Image:Information.svg|25px]] Welcome to Wikipedia. It might not have been your intention, but your recent edit removed content from {{#if:Willie Revillame|[[:Willie Revillame]]|Wikipedia}}. When removing text, please specify a reason in the [[Help:Edit summary|edit summary]] and discuss edits that are likely to be controversial on the article's [[Wikipedia:Talk page|talk page]]. If this was a mistake, don't worry; the text has been restored, as you can see from the {{#if:Willie Revillame|&lt;span class=&quot;plainlinks&quot;&gt;[{{fullurl:Willie Revillame|action=history}} page history]&lt;/span&gt;|[[Help:Page history|page history]]}}. Take a look at the [[Wikipedia:Welcoming committee/Welcome to Wikipedia|welcome page]] to learn more about contributing to this encyclopedia, and if you would like to experiment, please use the [[Wikipedia:Sandbox|sandbox]].  Thank you.&lt;!-- Template:uw-delete1 --&gt; --- [[User:Titopao|Tito Pao]] ([[User talk:Titopao|talk]]) 05:48, 11 March 2010 (UTC)

[[Image:Information.svg|25px]] Please do not delete content or templates from pages on Wikipedia{{#if:Willie Revillame|, as you did to [[:Willie Revillame]],}} without giving a valid reason for the removal in the [[Help:Edit summary|edit summary]]. Your content removal does not appear constructive, and has been [[Help:Reverting|reverted]]. Please make use of the [[Wikipedia:Sandbox|sandbox]] if you'd like to experiment with test edits. Thank you.&lt;!-- Template:uw-delete2 --&gt; --- [[User:Titopao|Tito Pao]] ([[User talk:Titopao|talk]]) 05:51, 11 March 2010 (UTC)</text>
      <sha1>aodslo13qdjtpof0bekni3cqeytdus5</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:111.92.13.253</title>
    <ns>3</ns>
    <id>39988</id>
    <revision>
      <id>781292</id>
      <parentid>120126</parentid>
      <timestamp>2026-10-28T00:36:35Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781292</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="444" sha1="cc816wi81ymtkag6xd8afpzxrnxj7k1" xml:space="preserve">{{Consent}}
{{User:MiszaBot/config
| algo    = old(72h)
| archive = User talk:111.92.13.253/Archive
}}
&lt;!--Template:Archivebox begins--&gt;
{| class=&quot;infobox&quot; width=&quot;315px&quot;
|-
! align=&quot;center&quot; | [[Image:Vista-file-manager.png|50px|Archive]]&lt;br /&gt;[[Wikipedia:How to archive a talk page|Archives]]
----
|-
|
# [[User talk:111.92.13.253/Archive]]
#
|}&lt;!--Template:Archivebox ends--&gt;

{{isp/new|[[Asianet Communications Limited]] (Trivandrum, India)}}</text>
      <sha1>cc816wi81ymtkag6xd8afpzxrnxj7k1</sha1>
    </revision>
    <revision>
      <id>781396</id>
      <parentid>781292</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>120126</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="432" sha1="5438rsfiagd9850by0i4xck52y51lcj" xml:space="preserve">{{User:MiszaBot/config
| algo    = old(72h)
| archive = User talk:111.92.13.253/Archive
}}
&lt;!--Template:Archivebox begins--&gt;
{| class=&quot;infobox&quot; width=&quot;315px&quot;
|-
! align=&quot;center&quot; | [[Image:Vista-file-manager.png|50px|Archive]]&lt;br /&gt;[[Wikipedia:How to archive a talk page|Archives]]
----
|-
|
# [[User talk:111.92.13.253/Archive]]
#
|}&lt;!--Template:Archivebox ends--&gt;

{{isp/new|[[Asianet Communications Limited]] (Trivandrum, India)}}</text>
      <sha1>5438rsfiagd9850by0i4xck52y51lcj</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:111.235.88.252/Archive</title>
    <ns>3</ns>
    <id>40001</id>
    <revision>
      <id>781291</id>
      <parentid>119808</parentid>
      <timestamp>2026-10-28T00:36:32Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781291</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1976" sha1="dp7os9sdaflsgtrq4tz6wmdpmxajkm2" xml:space="preserve">{{Consent}}
{{talkarchive}}

&lt;!--Template:Archivebox begins--&gt;
{| class=&quot;infobox&quot; width=&quot;315px&quot;
|-
! align=&quot;center&quot; | [[Image:Vista-file-manager.png|50px|Archive]]&lt;br /&gt;[[Wikipedia:How to archive a talk page|Archives]]
----
|-
|
# [[User talk:111.235.88.252/Archive]]
# &lt;!--[[User talk:111.235.88.252/Archive]]--&gt;
#
|}&lt;!--Template:Archivebox ends--&gt;

{{talkarchive}}

&lt;!--Template:Archivebox begins--&gt;
{| class=&quot;infobox&quot; width=&quot;315px&quot;
|-
! align=&quot;center&quot; | [[Image:Vista-file-manager.png|50px|Archive]]&lt;br /&gt;[[Wikipedia:How to archive a talk page|Archives]]
----
|-
|
# [[User talk:111.235.88.252/Archive]]
# &lt;!--[[User talk:111.235.88.252/Archive]]--&gt;
#
|}&lt;!--Template:Archivebox ends--&gt;

{{talkarchive}}

&lt;!--Template:Archivebox begins--&gt;
{| class=&quot;infobox&quot; width=&quot;315px&quot;
|-
! align=&quot;center&quot; | [[Image:Vista-file-manager.png|50px|Archive]]&lt;br /&gt;[[Wikipedia:How to archive a talk page|Archives]]
----
|-
|
# [[User talk:111.235.88.252/Archive]]
# &lt;!--[[User talk:111.235.88.252/Archive]]--&gt;
#
|}&lt;!--Template:Archivebox ends--&gt;

{{talkarchive}}

&lt;!--Template:Archivebox begins--&gt;
{| class=&quot;infobox&quot; width=&quot;315px&quot;
|-
! align=&quot;center&quot; | [[Image:Vista-file-manager.png|50px|Archive]]&lt;br /&gt;[[Wikipedia:How to archive a talk page|Archives]]
----
|-
|
# [[User talk:111.235.88.252/Archive]]
# &lt;!--[[User talk:111.235.88.252/Archive]]--&gt;
#
|}&lt;!--Template:Archivebox ends--&gt;


== October 2009 ==

[[File:Information.svg|25px]] Welcome and thank you for experimenting with Wikipedia. Your test {{#if:San Jose del Monte City|on the page [[:San Jose del Monte City]]}} worked, and it has been [[Help:Reverting|reverted]] or removed. Please take a look at the [[Wikipedia:Introduction|welcome page]] to learn more about contributing to [[Wikipedia|this encyclopedia]]. If you would like to experiment further, please use the [[Wikipedia:Sandbox|sandbox]] instead. Thank you.&lt;!-- Template:uw-test1 --&gt; --- [[User:Titopao|Tito Pao]] ([[User talk:Titopao|talk]]) 01:48, 23 October 2009 (UTC)</text>
      <sha1>dp7os9sdaflsgtrq4tz6wmdpmxajkm2</sha1>
    </revision>
    <revision>
      <id>781374</id>
      <parentid>781291</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>119808</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1964" sha1="ngpm0rpa07xw7a6sjbifdswqh84w7bn" xml:space="preserve">{{talkarchive}}

&lt;!--Template:Archivebox begins--&gt;
{| class=&quot;infobox&quot; width=&quot;315px&quot;
|-
! align=&quot;center&quot; | [[Image:Vista-file-manager.png|50px|Archive]]&lt;br /&gt;[[Wikipedia:How to archive a talk page|Archives]]
----
|-
|
# [[User talk:111.235.88.252/Archive]]
# &lt;!--[[User talk:111.235.88.252/Archive]]--&gt;
#
|}&lt;!--Template:Archivebox ends--&gt;

{{talkarchive}}

&lt;!--Template:Archivebox begins--&gt;
{| class=&quot;infobox&quot; width=&quot;315px&quot;
|-
! align=&quot;center&quot; | [[Image:Vista-file-manager.png|50px|Archive]]&lt;br /&gt;[[Wikipedia:How to archive a talk page|Archives]]
----
|-
|
# [[User talk:111.235.88.252/Archive]]
# &lt;!--[[User talk:111.235.88.252/Archive]]--&gt;
#
|}&lt;!--Template:Archivebox ends--&gt;

{{talkarchive}}

&lt;!--Template:Archivebox begins--&gt;
{| class=&quot;infobox&quot; width=&quot;315px&quot;
|-
! align=&quot;center&quot; | [[Image:Vista-file-manager.png|50px|Archive]]&lt;br /&gt;[[Wikipedia:How to archive a talk page|Archives]]
----
|-
|
# [[User talk:111.235.88.252/Archive]]
# &lt;!--[[User talk:111.235.88.252/Archive]]--&gt;
#
|}&lt;!--Template:Archivebox ends--&gt;

{{talkarchive}}

&lt;!--Template:Archivebox begins--&gt;
{| class=&quot;infobox&quot; width=&quot;315px&quot;
|-
! align=&quot;center&quot; | [[Image:Vista-file-manager.png|50px|Archive]]&lt;br /&gt;[[Wikipedia:How to archive a talk page|Archives]]
----
|-
|
# [[User talk:111.235.88.252/Archive]]
# &lt;!--[[User talk:111.235.88.252/Archive]]--&gt;
#
|}&lt;!--Template:Archivebox ends--&gt;


== October 2009 ==

[[File:Information.svg|25px]] Welcome and thank you for experimenting with Wikipedia. Your test {{#if:San Jose del Monte City|on the page [[:San Jose del Monte City]]}} worked, and it has been [[Help:Reverting|reverted]] or removed. Please take a look at the [[Wikipedia:Introduction|welcome page]] to learn more about contributing to [[Wikipedia|this encyclopedia]]. If you would like to experiment further, please use the [[Wikipedia:Sandbox|sandbox]] instead. Thank you.&lt;!-- Template:uw-test1 --&gt; --- [[User:Titopao|Tito Pao]] ([[User talk:Titopao|talk]]) 01:48, 23 October 2009 (UTC)</text>
      <sha1>ngpm0rpa07xw7a6sjbifdswqh84w7bn</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:!Silent</title>
    <ns>3</ns>
    <id>41067</id>
    <revision>
      <id>781280</id>
      <parentid>684440</parentid>
      <timestamp>2026-10-28T00:32:53Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781280</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="4628" sha1="julsuxg2s06pmth93jmma9wblwglxyh" xml:space="preserve">{{Consent}}
==Welcome!==
[[Category:Really big category]]
[[Image:Wiki.png|right|120px]]
'''Hello {{BASEPAGENAME}}''', and welcome to [[Wikipedia:Test Wikipedia|Test Wikipedia]], a [[:en:wiki|wiki]] designed for testing of software, among other things.

''Some good links include:''
*[[Sandbox]]
*[[Wikipedia:What test wiki is|What test wiki is]]
*[[Wikipedia:What test wiki is not|What test wiki is '''not''']]
*[[Wikipedia:Requests|Requests for permissions, renames and others]]
*[[Talk:Main Page]]
*[[Wikipedia:Administrators]]
*[[Wikipedia:Bureaucrats]]
If you have any questions, please don't hesitate to ask me on my talk page. Thanks. [[User:Ruy Pugliesi|&lt;span title=&quot;Ruy Pugliesi&quot;&gt;&lt;font face=&quot;Arial Rounded MT Bold&quot;&gt;Ruy Pugliesi&lt;/font&gt;&lt;/span&gt;]]&lt;sup&gt;[[User talk:Ruy Pugliesi|&lt;span title=&quot;Talk&quot;&gt;&amp;#9701;&lt;/span&gt;]]&lt;/sup&gt; 19:48, 21 April 2012 (UTC)

== Administrator ==

Hi !Silent,

Just wanted to let you know that [http://test.wikipedia.org/w/index.php?diff=131500&amp;oldid=131325 I have added the administrator right] to your account, per your request.

Regards, [[User:Ruy Pugliesi|&lt;span title=&quot;Ruy Pugliesi&quot;&gt;&lt;font face=&quot;Arial Rounded MT Bold&quot;&gt;Ruy Pugliesi&lt;/font&gt;&lt;/span&gt;]]&lt;sup&gt;[[User talk:Ruy Pugliesi|&lt;span title=&quot;Talk&quot;&gt;&amp;#9701;&lt;/span&gt;]]&lt;/sup&gt; 19:48, 21 April 2012 (UTC)
:Fala, velho. Valeu por vir testar aqui.&lt;br&gt;Diz se não é melhor poder testar com mais tranquilidade? :)&lt;br&gt;Abraço‴ [[user:Teles|'''T'''&lt;sub&gt;eleS&lt;/sub&gt;]] ([[User talk:Teles|&lt;font color=&quot;#EC2300&quot;&gt;'''T'''&lt;/font&gt;]] &lt;sub&gt;[[:m:user talk:Teles|M]] [[Special:Emailuser/Teles|@]] [[Special:Contributions/Teles|C]] [[sulutil:Teles|S]]&lt;/sub&gt;) 02:11, 23 April 2012 (UTC)

== when ==

Notei que está passando uma função em vez de um objeto Defered para a [http://api.jquery.com/jQuery.when/ $.when(...)]. Em vez de 
 $.when( '''(function() {'''
 		jsMsg( 'Consultando registros de bloqueio...' ); 
 		//Pega a duração, motivo e verifica se o usuário está permitido a editar a própria discussão
 		$.ajax({
tente algo como
 $.when( '''$.ajax'''({ ...
(isto é, sem criar uma nova função dentro do when), pois o valor de retorna da $.ajax será um objeto Defered e talvez funcione. [[b:pt:User:Helder.wiki|Helder]] 03:52, 27 June 2012 (UTC)
:Lembro que tentei algo assim mais não deu muito certo. Vou testar novamente. [[User:!Silent|!Silent]] ([[User talk:!Silent#top|talk]]) 15:33, 27 June 2012 (UTC)
{{subst:Novo administrador}}

== How we will see unregistered users ==

&lt;section begin=content/&gt;
Hi!

You get this message because you are an admin on a Wikimedia wiki.

When someone edits a Wikimedia wiki without being logged in today, we show their IP address. As you may already know, we will not be able to do this in the future. This is a decision by the Wikimedia Foundation Legal department, because norms and regulations for privacy online have changed.

Instead of the IP we will show a masked identity. You as an admin '''will still be able to access the IP'''. There will also be a new user right for those who need to see the full IPs of unregistered users to fight vandalism, harassment and spam without being admins. Patrollers will also see part of the IP even without this user right. We are also working on [[m:IP Editing: Privacy Enhancement and Abuse Mitigation/Improving tools|better tools]] to help.

If you have not seen it before, you can [[m:IP Editing: Privacy Enhancement and Abuse Mitigation|read more on Meta]]. If you want to make sure you don’t miss technical changes on the Wikimedia wikis, you can [[m:Global message delivery/Targets/Tech ambassadors|subscribe]] to [[m:Tech/News|the weekly technical newsletter]].

We have [[m:IP Editing: Privacy Enhancement and Abuse Mitigation#IP Masking Implementation Approaches (FAQ)|two suggested ways]] this identity could work. '''We would appreciate your feedback''' on which way you think would work best for you and your wiki, now and in the future. You can [[m:Talk:IP Editing: Privacy Enhancement and Abuse Mitigation|let us know on the talk page]]. You can write in your language. The suggestions were posted in October and we will decide after 17 January.

Thank you. 
/[[m:User:Johan (WMF)|Johan (WMF)]]&lt;section end=content/&gt;

18:19, 4 January 2022 (UTC)
&lt;!-- Message sent by User:Johan (WMF)@metawiki using the list at https://meta.wikimedia.org/w/index.php?title=User:Johan_(WMF)/Target_lists/Admins2022(7)&amp;oldid=22532681 --&gt;
{{subst:Novo administrador}}

== Test ==

This is a test. This is not a test. This is'nt a test. [[Special:Contributions/&amp;#126;2025-35252-77|&amp;#126;2025-35252-77]] ([[User talk:&amp;#126;2025-35252-77|talk]]) 12:55, 22 November 2025 (UTC)</text>
      <sha1>julsuxg2s06pmth93jmma9wblwglxyh</sha1>
    </revision>
    <revision>
      <id>781381</id>
      <parentid>781280</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>684440</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="4616" sha1="fc7ouol7at7fdqzm7m8xpyuum25kg36" xml:space="preserve">==Welcome!==
[[Category:Really big category]]
[[Image:Wiki.png|right|120px]]
'''Hello {{BASEPAGENAME}}''', and welcome to [[Wikipedia:Test Wikipedia|Test Wikipedia]], a [[:en:wiki|wiki]] designed for testing of software, among other things.

''Some good links include:''
*[[Sandbox]]
*[[Wikipedia:What test wiki is|What test wiki is]]
*[[Wikipedia:What test wiki is not|What test wiki is '''not''']]
*[[Wikipedia:Requests|Requests for permissions, renames and others]]
*[[Talk:Main Page]]
*[[Wikipedia:Administrators]]
*[[Wikipedia:Bureaucrats]]
If you have any questions, please don't hesitate to ask me on my talk page. Thanks. [[User:Ruy Pugliesi|&lt;span title=&quot;Ruy Pugliesi&quot;&gt;&lt;font face=&quot;Arial Rounded MT Bold&quot;&gt;Ruy Pugliesi&lt;/font&gt;&lt;/span&gt;]]&lt;sup&gt;[[User talk:Ruy Pugliesi|&lt;span title=&quot;Talk&quot;&gt;&amp;#9701;&lt;/span&gt;]]&lt;/sup&gt; 19:48, 21 April 2012 (UTC)

== Administrator ==

Hi !Silent,

Just wanted to let you know that [http://test.wikipedia.org/w/index.php?diff=131500&amp;oldid=131325 I have added the administrator right] to your account, per your request.

Regards, [[User:Ruy Pugliesi|&lt;span title=&quot;Ruy Pugliesi&quot;&gt;&lt;font face=&quot;Arial Rounded MT Bold&quot;&gt;Ruy Pugliesi&lt;/font&gt;&lt;/span&gt;]]&lt;sup&gt;[[User talk:Ruy Pugliesi|&lt;span title=&quot;Talk&quot;&gt;&amp;#9701;&lt;/span&gt;]]&lt;/sup&gt; 19:48, 21 April 2012 (UTC)
:Fala, velho. Valeu por vir testar aqui.&lt;br&gt;Diz se não é melhor poder testar com mais tranquilidade? :)&lt;br&gt;Abraço‴ [[user:Teles|'''T'''&lt;sub&gt;eleS&lt;/sub&gt;]] ([[User talk:Teles|&lt;font color=&quot;#EC2300&quot;&gt;'''T'''&lt;/font&gt;]] &lt;sub&gt;[[:m:user talk:Teles|M]] [[Special:Emailuser/Teles|@]] [[Special:Contributions/Teles|C]] [[sulutil:Teles|S]]&lt;/sub&gt;) 02:11, 23 April 2012 (UTC)

== when ==

Notei que está passando uma função em vez de um objeto Defered para a [http://api.jquery.com/jQuery.when/ $.when(...)]. Em vez de 
 $.when( '''(function() {'''
 		jsMsg( 'Consultando registros de bloqueio...' ); 
 		//Pega a duração, motivo e verifica se o usuário está permitido a editar a própria discussão
 		$.ajax({
tente algo como
 $.when( '''$.ajax'''({ ...
(isto é, sem criar uma nova função dentro do when), pois o valor de retorna da $.ajax será um objeto Defered e talvez funcione. [[b:pt:User:Helder.wiki|Helder]] 03:52, 27 June 2012 (UTC)
:Lembro que tentei algo assim mais não deu muito certo. Vou testar novamente. [[User:!Silent|!Silent]] ([[User talk:!Silent#top|talk]]) 15:33, 27 June 2012 (UTC)
{{subst:Novo administrador}}

== How we will see unregistered users ==

&lt;section begin=content/&gt;
Hi!

You get this message because you are an admin on a Wikimedia wiki.

When someone edits a Wikimedia wiki without being logged in today, we show their IP address. As you may already know, we will not be able to do this in the future. This is a decision by the Wikimedia Foundation Legal department, because norms and regulations for privacy online have changed.

Instead of the IP we will show a masked identity. You as an admin '''will still be able to access the IP'''. There will also be a new user right for those who need to see the full IPs of unregistered users to fight vandalism, harassment and spam without being admins. Patrollers will also see part of the IP even without this user right. We are also working on [[m:IP Editing: Privacy Enhancement and Abuse Mitigation/Improving tools|better tools]] to help.

If you have not seen it before, you can [[m:IP Editing: Privacy Enhancement and Abuse Mitigation|read more on Meta]]. If you want to make sure you don’t miss technical changes on the Wikimedia wikis, you can [[m:Global message delivery/Targets/Tech ambassadors|subscribe]] to [[m:Tech/News|the weekly technical newsletter]].

We have [[m:IP Editing: Privacy Enhancement and Abuse Mitigation#IP Masking Implementation Approaches (FAQ)|two suggested ways]] this identity could work. '''We would appreciate your feedback''' on which way you think would work best for you and your wiki, now and in the future. You can [[m:Talk:IP Editing: Privacy Enhancement and Abuse Mitigation|let us know on the talk page]]. You can write in your language. The suggestions were posted in October and we will decide after 17 January.

Thank you. 
/[[m:User:Johan (WMF)|Johan (WMF)]]&lt;section end=content/&gt;

18:19, 4 January 2022 (UTC)
&lt;!-- Message sent by User:Johan (WMF)@metawiki using the list at https://meta.wikimedia.org/w/index.php?title=User:Johan_(WMF)/Target_lists/Admins2022(7)&amp;oldid=22532681 --&gt;
{{subst:Novo administrador}}

== Test ==

This is a test. This is not a test. This is'nt a test. [[Special:Contributions/&amp;#126;2025-35252-77|&amp;#126;2025-35252-77]] ([[User talk:&amp;#126;2025-35252-77|talk]]) 12:55, 22 November 2025 (UTC)</text>
      <sha1>fc7ouol7at7fdqzm7m8xpyuum25kg36</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:!SilentTest</title>
    <ns>3</ns>
    <id>42459</id>
    <revision>
      <id>781282</id>
      <parentid>656241</parentid>
      <timestamp>2026-10-28T00:35:27Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781282</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="5742" sha1="e9je4cwc74ksut5mfdlfltu6igzx5rw" xml:space="preserve">{{Consent}}
== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=1 segundo|2=[[WP:Arbitration Committee/Procedures#Enforcement|Arbitration enforcement]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 02:18, 26 July 2021 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=1 segundo|2=[[WP:Arbitration Committee/Procedures#Enforcement|Arbitration enforcement]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 02:18, 26 July 2021 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=2 horas|2=[[WP:Edit warring|Edit warring]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 21:26, 27 July 2021 (UTC)

{{subst:Vandalismo|1|User talk:!SilentTest}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 16:43, 4 September 2021 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=1 dia|2=Violations of the [[WP:Biographies of living persons|biographies of living persons]] policy.}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 21:51, 29 October 2021 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=2 horas|2=Violations of the [[WP:Biographies of living persons|biographies of living persons]] policy.}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 22:00, 29 October 2021 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=1 segundo|2=[[WP:Vandalism|Vandalism]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 16:43, 30 October 2021 (UTC)

{{subst:Aviso-ESR|Testes10}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 01:01, 27 March 2022 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=infinito|2=Conta de [[WP:CPU|propósito único]] nocivo: [[Wikipédia:nome impróprio|nome impróprio]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 22:42, 12 November 2022 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=infinito|2=Conta de [[WP:CPU|propósito único]] nocivo: propaganda ou [[WP:SPAM|spam]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 11:54, 14 November 2022 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=infinito|2=Conta de [[WP:CPU|propósito único]] nocivo: propaganda ou [[WP:SPAM|spam]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 23:46, 15 November 2022 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=infinito|2=Conta de [[WP:CPU|propósito único]] nocivo: tentativa de [[WP:VAN|vandalizar]] frustrada por [[WP:FE|filtro]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 23:50, 15 November 2022 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=infinito|2=Conta de [[WP:CPU|propósito único]] nocivo: tentativa de [[WP:VAN|vandalizar]] frustrada por [[WP:FE|filtro]] na página [[User talk:!SilentTest]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 23:52, 15 November 2022 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=infinito|2=Conta de [[WP:CPU|propósito único]] nocivo: tentativa de [[WP:VAN|vandalizar]] frustrada por [[WP:FE|filtro]] na página [[Testesda]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 23:52, 15 November 2022 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=infinito|2=Conta de [[WP:CPU|propósito único]] nocivo: tentativa de [[WP:VAN|vandalizar]] frustrada por [[WP:FE|filtro]] na página [[Testesda]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 23:53, 15 November 2022 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=infinito|2=Conta de [[WP:CPU|propósito único]] nocivo: vandalismo [[Wikipédia:Vandalismo|contumaz]] na página [[Testesda]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 23:54, 15 November 2022 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=infinito|2=Conta de [[WP:CPU|propósito único]] nocivo: nome [[A:CCC|impróprio de usuário]] - para contribuir, siga nossas [[Predefinição:Nome impróprio|recomendações]] na página [[Testesda]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 23:54, 15 November 2022 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=infinito|2=Conta de [[WP:CPU|propósito único]] nocivo: propaganda ou [[WP:SPAM|spam]] na página [[Testesda]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 23:54, 15 November 2022 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=infinito|2=Conta de [[WP:CPU|propósito único]] nocivo: tentativa de [[WP:VAN|vandalizar]] frustrada por [[WP:FE|filtro]] na página [[ spam]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 23:57, 15 November 2022 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=infinito|2=Conta de [[WP:CPU|propósito único]] nocivo: tentativa de [[WP:VAN|vandalizar]] frustrada por [[WP:FE|filtro]] na página [[14 Ocak]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 23:59, 15 November 2022 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=infinito|2=Conta de [[WP:CPU|propósito único]] nocivo: contorno de [[WP:Contorno de bloqueio|bloqueio]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 00:42, 11 December 2022 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=infinito|2=Conta de [[WP:CPU|propósito único]] nocivo: contorno de [[WP:Contorno de bloqueio|bloqueio]] na página [[examine]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 00:21, 12 December 2022 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=infinito|2=Conta de [[WP:CPU|propósito único]] nocivo: contorno de [[WP:Contorno de bloqueio|bloqueio]] na página [[14 Ocak]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 00:22, 12 December 2022 (UTC)
{{subst:Novo administrador}}</text>
      <sha1>e9je4cwc74ksut5mfdlfltu6igzx5rw</sha1>
    </revision>
    <revision>
      <id>781398</id>
      <parentid>781282</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>656241</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="5730" sha1="ikemqpbkjv816n0sw18u2n9di5cei9k" xml:space="preserve">== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=1 segundo|2=[[WP:Arbitration Committee/Procedures#Enforcement|Arbitration enforcement]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 02:18, 26 July 2021 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=1 segundo|2=[[WP:Arbitration Committee/Procedures#Enforcement|Arbitration enforcement]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 02:18, 26 July 2021 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=2 horas|2=[[WP:Edit warring|Edit warring]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 21:26, 27 July 2021 (UTC)

{{subst:Vandalismo|1|User talk:!SilentTest}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 16:43, 4 September 2021 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=1 dia|2=Violations of the [[WP:Biographies of living persons|biographies of living persons]] policy.}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 21:51, 29 October 2021 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=2 horas|2=Violations of the [[WP:Biographies of living persons|biographies of living persons]] policy.}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 22:00, 29 October 2021 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=1 segundo|2=[[WP:Vandalism|Vandalism]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 16:43, 30 October 2021 (UTC)

{{subst:Aviso-ESR|Testes10}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 01:01, 27 March 2022 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=infinito|2=Conta de [[WP:CPU|propósito único]] nocivo: [[Wikipédia:nome impróprio|nome impróprio]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 22:42, 12 November 2022 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=infinito|2=Conta de [[WP:CPU|propósito único]] nocivo: propaganda ou [[WP:SPAM|spam]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 11:54, 14 November 2022 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=infinito|2=Conta de [[WP:CPU|propósito único]] nocivo: propaganda ou [[WP:SPAM|spam]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 23:46, 15 November 2022 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=infinito|2=Conta de [[WP:CPU|propósito único]] nocivo: tentativa de [[WP:VAN|vandalizar]] frustrada por [[WP:FE|filtro]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 23:50, 15 November 2022 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=infinito|2=Conta de [[WP:CPU|propósito único]] nocivo: tentativa de [[WP:VAN|vandalizar]] frustrada por [[WP:FE|filtro]] na página [[User talk:!SilentTest]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 23:52, 15 November 2022 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=infinito|2=Conta de [[WP:CPU|propósito único]] nocivo: tentativa de [[WP:VAN|vandalizar]] frustrada por [[WP:FE|filtro]] na página [[Testesda]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 23:52, 15 November 2022 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=infinito|2=Conta de [[WP:CPU|propósito único]] nocivo: tentativa de [[WP:VAN|vandalizar]] frustrada por [[WP:FE|filtro]] na página [[Testesda]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 23:53, 15 November 2022 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=infinito|2=Conta de [[WP:CPU|propósito único]] nocivo: vandalismo [[Wikipédia:Vandalismo|contumaz]] na página [[Testesda]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 23:54, 15 November 2022 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=infinito|2=Conta de [[WP:CPU|propósito único]] nocivo: nome [[A:CCC|impróprio de usuário]] - para contribuir, siga nossas [[Predefinição:Nome impróprio|recomendações]] na página [[Testesda]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 23:54, 15 November 2022 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=infinito|2=Conta de [[WP:CPU|propósito único]] nocivo: propaganda ou [[WP:SPAM|spam]] na página [[Testesda]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 23:54, 15 November 2022 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=infinito|2=Conta de [[WP:CPU|propósito único]] nocivo: tentativa de [[WP:VAN|vandalizar]] frustrada por [[WP:FE|filtro]] na página [[ spam]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 23:57, 15 November 2022 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=infinito|2=Conta de [[WP:CPU|propósito único]] nocivo: tentativa de [[WP:VAN|vandalizar]] frustrada por [[WP:FE|filtro]] na página [[14 Ocak]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 23:59, 15 November 2022 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=infinito|2=Conta de [[WP:CPU|propósito único]] nocivo: contorno de [[WP:Contorno de bloqueio|bloqueio]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 00:42, 11 December 2022 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=infinito|2=Conta de [[WP:CPU|propósito único]] nocivo: contorno de [[WP:Contorno de bloqueio|bloqueio]] na página [[examine]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 00:21, 12 December 2022 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado-disc|1=infinito|2=Conta de [[WP:CPU|propósito único]] nocivo: contorno de [[WP:Contorno de bloqueio|bloqueio]] na página [[14 Ocak]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 00:22, 12 December 2022 (UTC)
{{subst:Novo administrador}}</text>
      <sha1>ikemqpbkjv816n0sw18u2n9di5cei9k</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:$wgUser</title>
    <ns>3</ns>
    <id>68773</id>
    <revision>
      <id>781295</id>
      <parentid>450828</parentid>
      <timestamp>2026-10-28T00:37:13Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781295</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="24" sha1="qjp4ihu5couljx8r3qytzzshdklg8my" xml:space="preserve">{{Consent}}
Hello there.</text>
      <sha1>qjp4ihu5couljx8r3qytzzshdklg8my</sha1>
    </revision>
    <revision>
      <id>781399</id>
      <parentid>781295</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>165513</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="12" sha1="hibc542vslb1g7m2pjxb2zvh4p7c8sd" xml:space="preserve">Hello there.</text>
      <sha1>hibc542vslb1g7m2pjxb2zvh4p7c8sd</sha1>
    </revision>
  </page>
  <page>
    <title>Sandbox</title>
    <ns>0</ns>
    <id>68971</id>
    <revision>
      <id>781158</id>
      <parentid>768960</parentid>
      <timestamp>2026-10-27T12:30:30Z</timestamp>
      <contributor>
        <username>~2026-57447-03</username>
        <id>76441</id>
      </contributor>
      <comment>Benign iframe navigation test in the designated sandbox</comment>
      <origin>781158</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="140" sha1="jjyej3lruyxiakdoqmnwh2scsg26z7f" xml:space="preserve">!!!!

== Android WebView sandbox navigation test 2026-10-27 ==
[https://www.mediawiki.org/wiki/Help:Links Harmless external navigation link]</text>
      <sha1>jjyej3lruyxiakdoqmnwh2scsg26z7f</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:124.205.120.130</title>
    <ns>3</ns>
    <id>69166</id>
    <revision>
      <id>781306</id>
      <parentid>168979</parentid>
      <timestamp>2026-10-28T00:38:28Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781306</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="315" sha1="28l5fc85c35lwqkr7zbz3y0zy764kd8" xml:space="preserve">{{Consent}}
Test all you like in mainspace, template space etc, but please don't mess around with the infrastructure pages. They are needed to keep this wiki running smoothly. Thanks, [[User:This, that and the other|This, that and the other]] ([[User talk:This, that and the other|talk]]) 09:44, 16 April 2013 (UTC)</text>
      <sha1>28l5fc85c35lwqkr7zbz3y0zy764kd8</sha1>
    </revision>
    <revision>
      <id>781393</id>
      <parentid>781306</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>168979</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="303" sha1="l1kj4tdcuuz6teqds3hanwruuien661" xml:space="preserve">Test all you like in mainspace, template space etc, but please don't mess around with the infrastructure pages. They are needed to keep this wiki running smoothly. Thanks, [[User:This, that and the other|This, that and the other]] ([[User talk:This, that and the other|talk]]) 09:44, 16 April 2013 (UTC)</text>
      <sha1>l1kj4tdcuuz6teqds3hanwruuien661</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:199.182.120.7</title>
    <ns>3</ns>
    <id>71458</id>
    <revision>
      <id>781318</id>
      <parentid>177367</parentid>
      <timestamp>2026-10-28T00:40:10Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781318</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="910" sha1="9q1xq27vr7x724wlgb4uk5ndeh74rlz" xml:space="preserve">{{Consent}}

== August 2013 ==

[[File:Information.svg|25px|alt=Information icon]] Hello, I'm [[User:UHHEFUH|UHHEFUH]]. I wanted to let you know that I reverted one of [[Special:Contributions/199.182.120.7|your recent contributions]]&amp;nbsp;—the one you made with &lt;span class=&quot;plainlinks&quot;&gt;[http://test.wikipedia.org/wiki/User%3aMike.lifeguard%2f04-edit.t?diff=177359 this edit]&lt;/span&gt; to [[:User:Mike.lifeguard/04-edit.t]]— because it did not appear constructive. If you would like to experiment, please use the [[Wikipedia:Sandbox|sandbox]]. If you think I made a mistake, or if you have any questions, you can leave me a message on [[User_talk:UHHEFUH|my talk page]]. Thanks. &lt;!-- Template:Huggle/warn-1 --&gt;&lt;!-- Template:uw-vandalism1 --&gt;[[User:UHHEFUH|UHHEFUH]] ([[User talk:UHHEFUH|talk]]) 00:40, 28 October 2026 (UTC)

 [[User:ASammour|ASammour]] ([[User talk:ASammour|talk]]) 21:10, 2 August 2013 (UTC)</text>
      <sha1>9q1xq27vr7x724wlgb4uk5ndeh74rlz</sha1>
    </revision>
    <revision>
      <id>781394</id>
      <parentid>781318</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>177367</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="240" sha1="s3d89p4ltptgmdi09f4tjat3yz9y236" xml:space="preserve">
== August 2013 ==

{{subst:huggle/warn-1|1=User:Mike.lifeguard/04-edit.t|2=http://test.wikipedia.org/wiki/User%3aMike.lifeguard%2f04-edit.t?diff=177359}}

 [[User:ASammour|ASammour]] ([[User talk:ASammour|talk]]) 21:10, 2 August 2013 (UTC)</text>
      <sha1>s3d89p4ltptgmdi09f4tjat3yz9y236</sha1>
    </revision>
  </page>
  <page>
    <title>Wikipedia:Test</title>
    <ns>4</ns>
    <id>71460</id>
    <revision>
      <id>781264</id>
      <parentid>781140</parentid>
      <timestamp>2026-10-27T22:59:31Z</timestamp>
      <contributor>
        <username>~2026-57078-19</username>
        <id>76423</id>
      </contributor>
      <comment>/* Test */ Start now</comment>
      <origin>781264</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="8209" sha1="qk4tpppfcq894ek20qvbryjciio2asf" xml:space="preserve">= Test =
1027

Candy Crush Saga Wiki: Tasty Sugar Track Edits Is Out Of Control (Mostly 6/23) and until 24 Restriction until no edits made all day, Use Account Sometimes.

Up To Date.

2:6 — 10:18, 252 days, (10:19+ to fill out).

*10:19, 10:20, 10:21, 10:22, 10:23 (?)

*10:24 (10:25)

''10:26''

*202 6525, Pot with Fork and Spoon, Bags with Sunglasses.
*202 6526, Baskets, Tobacco Stuff or Socks.
*202 6527, Food Shopping like Cola Bottles, Cans, Cordial and Others.
*202 6528, Socks, Pairs of Shoes, Dressing Gowns.
*202 6529, Towels, Cubes with Things.
*202 6530, Cloths, Flowers Frisun or Soap.
*202 6531, Food Shopping like Party Pies, Waters and Others.
*202 6601, Pairs of Boots, Pillow or Podiatrist.
*202 6602, Plates or Pans, Grated Cheese or Baskets.
*202 6603, Forks, Pans and Other Kitchen Tools.
*202 6604, Cups, Cordial Jug or Strawberry Milk.
*202 6605, Food Shopping like Cans of Coca Cola, Waters, Cordials or Pile of Sauce.
*202 6606, Purses, Lu Papers or Paper Towels.
*202 6607, Candles, Statues or Pizza Boxes.
*202 6608, Cups, Blankets and Others.
*202 6609, Food Shoppibg like Cola Bottles, Sour Cream and Onion Chips or Cans.
*202 6610, Towels, Cloths, Soap or Containers.
*202 6611, Nachos, Apple N Raspberry Codrial or Stationary.
*202 6612, Basket, Electric Bed with Instructions or Paint.
*202 6613, Aerobar, Birthday Cake or Packet of Candles.
*202 6614, Plates, Blankets or even Vacuum Cleaner.
*202 6615, Towels, Cloths or Dressing Gowns.
*202 6616, Smiths Chips, Heater Vents, Stuff for Lasagna or Cloths.
*202 6617, Pans, Table Spoons or Lids.
*202 6618, Food Shopping like Cans of Coca Cola, Waters, Milk and Others.
*202 6619, Chocolate Milk, Cups of Tea or Extra Mints.
*202 6620, Kitkats, Pens or Domino's Pizza.
*202 6621, Blankets and Pillows or Vacuum Cleaner.
*202 6622, Tea Towels, Cans of Coca Cola or Carlton Draught.
*202 6623, Food Shopping like Bottles of Cola, Waters or New Pyjamas.
*202 6624, Staples, Socks, Hats and Others.
*202 6625, Kitchen Bowls, Pans and Others.
*202 6626, Food Shopping like Colas, Milk or Rainbow Paddlepop.
*202 6627, Tablemats, Sunglasses or Garden Plant.
*202 6628, Boots, Sleep Medicine or Pillow.
*202 6629, Sewing Machine, Tobacco Stuff or Pan.
*202 6630, Food Shopping like Cans of Cocacola, Bottles, Kitkat or M&amp;Ms.
*202 6701, BBQ Chips, Biskits or Grated Cheese.
*202 6702, Lighters, Plates or Cloths.
*202 6703, Hot Dogs, Cola Cans or Lasagna.
*202 6704, Mop, Battery Packs or Doorhandle.
*202 6705, Video Cameras, Internet or McDonalds Bag?.
*202 6706, Pans, Freshmint, or Hotdog Roll. 
*202 6707, Food Shopping like Cans of Coca Cola, Cola Bottles, Waters, Shopping Bag or Grated Cheese.
*202 6708, Ktimes, Nutrigrain or Mueslibars.
*202 6709, Saladas, Socks, Vegemite or Textures.
*202 6710, Baskets, Favourites or Cordial Jug.
*202 6711, Shoes like Novo, Vacuum or Carlton Draught.
*202 6712, Aldi Stuff like Mints, Airfryer or Towel.
*202 6713, Food Shopping like Cola Bottles, Cheese, Milk or Paddle Pops.
*202 6714, Baskets, Mask Fresheners or Coat.
*202 6715, Towels, Cloths or Lasagna?.
*202 6716, Soaps, Toothpastes, Cotton Buds and Others.
*202 6717, Cans of Coca Cola, Bottles, Waters, Novo Shoes and Others.
*202 6718, Food Shopping like Upngo, Breads or Cans of Coca Cola.
*202 6719, Quichebox, Plate or Cup or Cheese Machine.
*202 6720, Cups, Milkshakes, Jug or Can of Coca Cola?.
*202 6721, Baskets, Coathangers, Chocolate Milk or Frypan?.
*202 6722, Food Shopping like Cola Bottles, Waters, Milk or Nachos?
*202 6723, Slippers, Blanket Sheets, Clothes Pair and Others.
*202 6724, Pans, Plates, Scissors or Tools.
*202 6725, Aldi Stuff, Domino's Pizza or Lynxspray.
*202 6726, Towels, Lighter or Journal Books.
*202 6727, Food Shopping like Bottles of Cola or Water, Cans or Milk.
*202 6728, Baskets, Battery Packs or Vaporizer and Others.
*202 6729, Sleep Medicines, Deep Heat or Pillows.
*202 6730, Schnitzels, Nesquiks, Milos and Others.
*202 6731, Toothpicks and Nuts and Others.
*202 6801, Food Shopping like Bottles, Cans, Waters and Others.
*202 6802, Plates, Bowls or Battery Packs.
*202 6803, Towels, Blankets, Purse or Boots.
*202 6804, M&amp;M's, Baskets, Cloths or Coathangers.
*202 6805, Boots, Leaves, Texture and Others.
*202 6806, Food Shopping like Cans of Coca Cola, Nachos, Cheese or Milk.
*202 6807, Dressing Gowns, Glasses or Pillows.
*202 6808, Grater Cheese, Pizza, Mat or Plate.
*202 6809, Stylus, Mask, Soaps and Others.
*202 6810, Paper Towels, Staples, Lighter and Others.
*202 6811, Baskets, Cans of Coca Cola or Biskit Shapes.
*202 6812, Blackngold Cola, Blankets or Chocolatebox.
*202 6813, Smiths Chips, Cheese Mozarella or Bread.
*202 6814, Textures, Pens or Basket and Others.
*202 6815, Smoothies, Toys, Chopping Board or Box.
*202 6816, Cups like Gold, Cup of Tea, Metal Bottle and Others.
*202 6817, Food Shopping like Water Bottles, Cans of Coca Cola, Cola Bottles or Chocolate Milk.
*202 6818, Baskets, Keys or Cordial Jug and Others.
*202 6819, Aldi Stuff, Pizza or Pumpsoap.
*202 6820, Towels, Blankets Sheets and Others.
*202 6821, Cheese, Breads, Waters or Cans of Coca Cola and Others.
*202 6822, Sleep Medicone, Quichebox, Towels and Others.
*202 6823, Shoes, Hats or Ashtray and Others.
*202 6824, Cups, Milk, Towels or some Aldi and Others.
*202 6825, Battery Pack, Clothes and Others.
*202 6826, Cans of Coca Cola, Lime Cordial, Milk and Others.
*202 6827, Blankets, Pillows, Circle Table and Others.
*202 6828, Grated Cheese, Scissors, Knifes and Forks and Others.
*202 6829, Cans of Coca Cola, Bottles, Waters, Milk and Others.
*202 6830, Plates, Stand, Frypans and Others.
*202 6831, Metal Things, Water Bottles, Cans of Coca Cola and Others.
*202 6901, Aldi Bag with Stuff or Aprons.
*202 6902, Food Shopping like Cola Bottles, Cheese with Nachos and Others.
*202 6903, Mask Perfumes, Soaps and Others.
*202 6904, Baskets, Battery Pack, Pillows or Lasagna and Others
*202 6905, Frypans, Lids, Tablemats and Others.
*202 6906, Fathers Day Presents, Glasses, Bags and Others.
*202 6907, Deep Heat, Scissors, Milo or Container and Others.
*202 6908, Baskets, Coathanger, Blankets and Others.
*202 6909, Container Biscuit, Pastas or Pans.
*202 6910, Food Shopping like Milks, M&amp;Ms, Sauces, Coca Cola Cans and Others.
*202 6911, Pillows, Dressing Gowns, Extra Mint and Others.
*202 6912, Laundry Stuff like boxes, bags or Dad's Wrist and Others.
*202 6913, Grater Stuff, Pans and Others.
*202 6914, Bottles of Cola, Breads, Milk to make Chocolate.
*202 6915, Iced Coffee, Water Bottles, Baskets and Others.
*202 6916, Aldi Bag, Strawberry Mints and Others.
*202 6917, Lighters, Plates, Freshener or Spray and Others.
*202 6918, New Clothes, Basket, Extra Mint and Others.
*202 6919, Face Cloths, Lu Paper, Water and Others.
*202 6920, Domino's Pizza, Pillows, Notes and Others.
*202 6921, Remotes, Pizza and Barbecue Shapes, Square Pillow and Others.
*202 6922, Food Shopping like Waters, Cans of Coca Cola, Cheese, Lasagna and Others.
*202 6923, Cloths, Facecloth, New Pot and Others.
*202 6924, Aldi Stuff, Glass Cups, Candles and Others.
*202 6925, Copy Paper, Glasses, Lasagna Tray Pan and Others.
*202 6926, Tax Boxes, Bags, Lighter, Texter and Others.
*202 6927, Cans of Coca Cola, Bottles, Cordial and Others.
*202 6928, Pairs of Shoes or Slippers, Square Pillow and Others.
*202 6929, Big Spoon and Others.
*202 6930, Cola Bottle and Others.
*202 61001, Yellow Bag and Others.
*202 61002, Coathangers or Towels and Others.
*202 61003, Knives, Forks and Others.
*202 61004, Hats like DNA hat and Others.
*202 61005, Pizza SHAPES and Others.
*202 61006, Old Pillow or Cola and Others.
*202 61007, Baskets, Coathangers and Others.
*202 61008, Plastic Cups and Others.
*202 61009, Towels, Black and White and Others.
*202 61010, Vacuum Cleaner and Others.
*202 61011, Blue Pens, Other Pens and Others.
*202 61012, Bag, Bars and Others.
*202 61013, Baskets, Blankets, Staples and Others.
*202 61014, K-Times, Bandai, Betadine and Others.
*202 61015, Food Shopping like Chipstack, Waters and Others.
*202 61016, Plates, Container, Foil, Battery Pack and Others.

Current, 202 61017. ($#!+).

*202 61018. (Snakes and Ladders, Towel or Board Game)

''20261019''</text>
      <sha1>qk4tpppfcq894ek20qvbryjciio2asf</sha1>
    </revision>
    <revision>
      <id>781265</id>
      <parentid>781264</parentid>
      <timestamp>2026-10-27T23:00:25Z</timestamp>
      <contributor>
        <username>~2026-57078-19</username>
        <id>76423</id>
      </contributor>
      <comment>/* Test */ 23:00 now</comment>
      <origin>781265</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="8208" sha1="2wntfv295r9bc7kqmdwpgclgvw5tuva" xml:space="preserve">= Test =
1027

Candy Crush Saga Wiki: Tasty Sugar Track Edits Is Out Of Control (Mostly 6/23) and until 24 Restriction until no edits made all day, Use Account Sometimes.

Up To Date

2:6 — 10:18, 252 days, (10:19+ to fill out).

*10:19, 10:20, 10:21, 10:22, 10:23 (?)

*10:24 (10:25)

''10:26''

*202 6525, Pot with Fork and Spoon, Bags with Sunglasses.
*202 6526, Baskets, Tobacco Stuff or Socks.
*202 6527, Food Shopping like Cola Bottles, Cans, Cordial and Others.
*202 6528, Socks, Pairs of Shoes, Dressing Gowns.
*202 6529, Towels, Cubes with Things.
*202 6530, Cloths, Flowers Frisun or Soap.
*202 6531, Food Shopping like Party Pies, Waters and Others.
*202 6601, Pairs of Boots, Pillow or Podiatrist.
*202 6602, Plates or Pans, Grated Cheese or Baskets.
*202 6603, Forks, Pans and Other Kitchen Tools.
*202 6604, Cups, Cordial Jug or Strawberry Milk.
*202 6605, Food Shopping like Cans of Coca Cola, Waters, Cordials or Pile of Sauce.
*202 6606, Purses, Lu Papers or Paper Towels.
*202 6607, Candles, Statues or Pizza Boxes.
*202 6608, Cups, Blankets and Others.
*202 6609, Food Shoppibg like Cola Bottles, Sour Cream and Onion Chips or Cans.
*202 6610, Towels, Cloths, Soap or Containers.
*202 6611, Nachos, Apple N Raspberry Codrial or Stationary.
*202 6612, Basket, Electric Bed with Instructions or Paint.
*202 6613, Aerobar, Birthday Cake or Packet of Candles.
*202 6614, Plates, Blankets or even Vacuum Cleaner.
*202 6615, Towels, Cloths or Dressing Gowns.
*202 6616, Smiths Chips, Heater Vents, Stuff for Lasagna or Cloths.
*202 6617, Pans, Table Spoons or Lids.
*202 6618, Food Shopping like Cans of Coca Cola, Waters, Milk and Others.
*202 6619, Chocolate Milk, Cups of Tea or Extra Mints.
*202 6620, Kitkats, Pens or Domino's Pizza.
*202 6621, Blankets and Pillows or Vacuum Cleaner.
*202 6622, Tea Towels, Cans of Coca Cola or Carlton Draught.
*202 6623, Food Shopping like Bottles of Cola, Waters or New Pyjamas.
*202 6624, Staples, Socks, Hats and Others.
*202 6625, Kitchen Bowls, Pans and Others.
*202 6626, Food Shopping like Colas, Milk or Rainbow Paddlepop.
*202 6627, Tablemats, Sunglasses or Garden Plant.
*202 6628, Boots, Sleep Medicine or Pillow.
*202 6629, Sewing Machine, Tobacco Stuff or Pan.
*202 6630, Food Shopping like Cans of Cocacola, Bottles, Kitkat or M&amp;Ms.
*202 6701, BBQ Chips, Biskits or Grated Cheese.
*202 6702, Lighters, Plates or Cloths.
*202 6703, Hot Dogs, Cola Cans or Lasagna.
*202 6704, Mop, Battery Packs or Doorhandle.
*202 6705, Video Cameras, Internet or McDonalds Bag?.
*202 6706, Pans, Freshmint, or Hotdog Roll. 
*202 6707, Food Shopping like Cans of Coca Cola, Cola Bottles, Waters, Shopping Bag or Grated Cheese.
*202 6708, Ktimes, Nutrigrain or Mueslibars.
*202 6709, Saladas, Socks, Vegemite or Textures.
*202 6710, Baskets, Favourites or Cordial Jug.
*202 6711, Shoes like Novo, Vacuum or Carlton Draught.
*202 6712, Aldi Stuff like Mints, Airfryer or Towel.
*202 6713, Food Shopping like Cola Bottles, Cheese, Milk or Paddle Pops.
*202 6714, Baskets, Mask Fresheners or Coat.
*202 6715, Towels, Cloths or Lasagna?.
*202 6716, Soaps, Toothpastes, Cotton Buds and Others.
*202 6717, Cans of Coca Cola, Bottles, Waters, Novo Shoes and Others.
*202 6718, Food Shopping like Upngo, Breads or Cans of Coca Cola.
*202 6719, Quichebox, Plate or Cup or Cheese Machine.
*202 6720, Cups, Milkshakes, Jug or Can of Coca Cola?.
*202 6721, Baskets, Coathangers, Chocolate Milk or Frypan?.
*202 6722, Food Shopping like Cola Bottles, Waters, Milk or Nachos?
*202 6723, Slippers, Blanket Sheets, Clothes Pair and Others.
*202 6724, Pans, Plates, Scissors or Tools.
*202 6725, Aldi Stuff, Domino's Pizza or Lynxspray.
*202 6726, Towels, Lighter or Journal Books.
*202 6727, Food Shopping like Bottles of Cola or Water, Cans or Milk.
*202 6728, Baskets, Battery Packs or Vaporizer and Others.
*202 6729, Sleep Medicines, Deep Heat or Pillows.
*202 6730, Schnitzels, Nesquiks, Milos and Others.
*202 6731, Toothpicks and Nuts and Others.
*202 6801, Food Shopping like Bottles, Cans, Waters and Others.
*202 6802, Plates, Bowls or Battery Packs.
*202 6803, Towels, Blankets, Purse or Boots.
*202 6804, M&amp;M's, Baskets, Cloths or Coathangers.
*202 6805, Boots, Leaves, Texture and Others.
*202 6806, Food Shopping like Cans of Coca Cola, Nachos, Cheese or Milk.
*202 6807, Dressing Gowns, Glasses or Pillows.
*202 6808, Grater Cheese, Pizza, Mat or Plate.
*202 6809, Stylus, Mask, Soaps and Others.
*202 6810, Paper Towels, Staples, Lighter and Others.
*202 6811, Baskets, Cans of Coca Cola or Biskit Shapes.
*202 6812, Blackngold Cola, Blankets or Chocolatebox.
*202 6813, Smiths Chips, Cheese Mozarella or Bread.
*202 6814, Textures, Pens or Basket and Others.
*202 6815, Smoothies, Toys, Chopping Board or Box.
*202 6816, Cups like Gold, Cup of Tea, Metal Bottle and Others.
*202 6817, Food Shopping like Water Bottles, Cans of Coca Cola, Cola Bottles or Chocolate Milk.
*202 6818, Baskets, Keys or Cordial Jug and Others.
*202 6819, Aldi Stuff, Pizza or Pumpsoap.
*202 6820, Towels, Blankets Sheets and Others.
*202 6821, Cheese, Breads, Waters or Cans of Coca Cola and Others.
*202 6822, Sleep Medicone, Quichebox, Towels and Others.
*202 6823, Shoes, Hats or Ashtray and Others.
*202 6824, Cups, Milk, Towels or some Aldi and Others.
*202 6825, Battery Pack, Clothes and Others.
*202 6826, Cans of Coca Cola, Lime Cordial, Milk and Others.
*202 6827, Blankets, Pillows, Circle Table and Others.
*202 6828, Grated Cheese, Scissors, Knifes and Forks and Others.
*202 6829, Cans of Coca Cola, Bottles, Waters, Milk and Others.
*202 6830, Plates, Stand, Frypans and Others.
*202 6831, Metal Things, Water Bottles, Cans of Coca Cola and Others.
*202 6901, Aldi Bag with Stuff or Aprons.
*202 6902, Food Shopping like Cola Bottles, Cheese with Nachos and Others.
*202 6903, Mask Perfumes, Soaps and Others.
*202 6904, Baskets, Battery Pack, Pillows or Lasagna and Others
*202 6905, Frypans, Lids, Tablemats and Others.
*202 6906, Fathers Day Presents, Glasses, Bags and Others.
*202 6907, Deep Heat, Scissors, Milo or Container and Others.
*202 6908, Baskets, Coathanger, Blankets and Others.
*202 6909, Container Biscuit, Pastas or Pans.
*202 6910, Food Shopping like Milks, M&amp;Ms, Sauces, Coca Cola Cans and Others.
*202 6911, Pillows, Dressing Gowns, Extra Mint and Others.
*202 6912, Laundry Stuff like boxes, bags or Dad's Wrist and Others.
*202 6913, Grater Stuff, Pans and Others.
*202 6914, Bottles of Cola, Breads, Milk to make Chocolate.
*202 6915, Iced Coffee, Water Bottles, Baskets and Others.
*202 6916, Aldi Bag, Strawberry Mints and Others.
*202 6917, Lighters, Plates, Freshener or Spray and Others.
*202 6918, New Clothes, Basket, Extra Mint and Others.
*202 6919, Face Cloths, Lu Paper, Water and Others.
*202 6920, Domino's Pizza, Pillows, Notes and Others.
*202 6921, Remotes, Pizza and Barbecue Shapes, Square Pillow and Others.
*202 6922, Food Shopping like Waters, Cans of Coca Cola, Cheese, Lasagna and Others.
*202 6923, Cloths, Facecloth, New Pot and Others.
*202 6924, Aldi Stuff, Glass Cups, Candles and Others.
*202 6925, Copy Paper, Glasses, Lasagna Tray Pan and Others.
*202 6926, Tax Boxes, Bags, Lighter, Texter and Others.
*202 6927, Cans of Coca Cola, Bottles, Cordial and Others.
*202 6928, Pairs of Shoes or Slippers, Square Pillow and Others.
*202 6929, Big Spoon and Others.
*202 6930, Cola Bottle and Others.
*202 61001, Yellow Bag and Others.
*202 61002, Coathangers or Towels and Others.
*202 61003, Knives, Forks and Others.
*202 61004, Hats like DNA hat and Others.
*202 61005, Pizza SHAPES and Others.
*202 61006, Old Pillow or Cola and Others.
*202 61007, Baskets, Coathangers and Others.
*202 61008, Plastic Cups and Others.
*202 61009, Towels, Black and White and Others.
*202 61010, Vacuum Cleaner and Others.
*202 61011, Blue Pens, Other Pens and Others.
*202 61012, Bag, Bars and Others.
*202 61013, Baskets, Blankets, Staples and Others.
*202 61014, K-Times, Bandai, Betadine and Others.
*202 61015, Food Shopping like Chipstack, Waters and Others.
*202 61016, Plates, Container, Foil, Battery Pack and Others.

Current, 202 61017. ($#!+).

*202 61018. (Snakes and Ladders, Towel or Board Game)

''20261019''</text>
      <sha1>2wntfv295r9bc7kqmdwpgclgvw5tuva</sha1>
    </revision>
    <revision>
      <id>781266</id>
      <parentid>781265</parentid>
      <timestamp>2026-10-27T23:01:11Z</timestamp>
      <contributor>
        <username>~2026-57078-19</username>
        <id>76423</id>
      </contributor>
      <origin>781266</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="8221" sha1="9cbcglld4wnrqwr7dicowt16f99evl9" xml:space="preserve">= Test =
1027 - Generation

Candy Crush Saga Wiki: Tasty Sugar Track Edits Is Out Of Control (Mostly 6/23) and until 24 Restriction until no edits made all day, Use Account Sometimes.

Up To Date

2:6 — 10:18, 252 days, (10:19+ to fill out).

*10:19, 10:20, 10:21, 10:22, 10:23 (?)

*10:24 (10:25)

''10:26''

*202 6525, Pot with Fork and Spoon, Bags with Sunglasses.
*202 6526, Baskets, Tobacco Stuff or Socks.
*202 6527, Food Shopping like Cola Bottles, Cans, Cordial and Others.
*202 6528, Socks, Pairs of Shoes, Dressing Gowns.
*202 6529, Towels, Cubes with Things.
*202 6530, Cloths, Flowers Frisun or Soap.
*202 6531, Food Shopping like Party Pies, Waters and Others.
*202 6601, Pairs of Boots, Pillow or Podiatrist.
*202 6602, Plates or Pans, Grated Cheese or Baskets.
*202 6603, Forks, Pans and Other Kitchen Tools.
*202 6604, Cups, Cordial Jug or Strawberry Milk.
*202 6605, Food Shopping like Cans of Coca Cola, Waters, Cordials or Pile of Sauce.
*202 6606, Purses, Lu Papers or Paper Towels.
*202 6607, Candles, Statues or Pizza Boxes.
*202 6608, Cups, Blankets and Others.
*202 6609, Food Shoppibg like Cola Bottles, Sour Cream and Onion Chips or Cans.
*202 6610, Towels, Cloths, Soap or Containers.
*202 6611, Nachos, Apple N Raspberry Codrial or Stationary.
*202 6612, Basket, Electric Bed with Instructions or Paint.
*202 6613, Aerobar, Birthday Cake or Packet of Candles.
*202 6614, Plates, Blankets or even Vacuum Cleaner.
*202 6615, Towels, Cloths or Dressing Gowns.
*202 6616, Smiths Chips, Heater Vents, Stuff for Lasagna or Cloths.
*202 6617, Pans, Table Spoons or Lids.
*202 6618, Food Shopping like Cans of Coca Cola, Waters, Milk and Others.
*202 6619, Chocolate Milk, Cups of Tea or Extra Mints.
*202 6620, Kitkats, Pens or Domino's Pizza.
*202 6621, Blankets and Pillows or Vacuum Cleaner.
*202 6622, Tea Towels, Cans of Coca Cola or Carlton Draught.
*202 6623, Food Shopping like Bottles of Cola, Waters or New Pyjamas.
*202 6624, Staples, Socks, Hats and Others.
*202 6625, Kitchen Bowls, Pans and Others.
*202 6626, Food Shopping like Colas, Milk or Rainbow Paddlepop.
*202 6627, Tablemats, Sunglasses or Garden Plant.
*202 6628, Boots, Sleep Medicine or Pillow.
*202 6629, Sewing Machine, Tobacco Stuff or Pan.
*202 6630, Food Shopping like Cans of Cocacola, Bottles, Kitkat or M&amp;Ms.
*202 6701, BBQ Chips, Biskits or Grated Cheese.
*202 6702, Lighters, Plates or Cloths.
*202 6703, Hot Dogs, Cola Cans or Lasagna.
*202 6704, Mop, Battery Packs or Doorhandle.
*202 6705, Video Cameras, Internet or McDonalds Bag?.
*202 6706, Pans, Freshmint, or Hotdog Roll. 
*202 6707, Food Shopping like Cans of Coca Cola, Cola Bottles, Waters, Shopping Bag or Grated Cheese.
*202 6708, Ktimes, Nutrigrain or Mueslibars.
*202 6709, Saladas, Socks, Vegemite or Textures.
*202 6710, Baskets, Favourites or Cordial Jug.
*202 6711, Shoes like Novo, Vacuum or Carlton Draught.
*202 6712, Aldi Stuff like Mints, Airfryer or Towel.
*202 6713, Food Shopping like Cola Bottles, Cheese, Milk or Paddle Pops.
*202 6714, Baskets, Mask Fresheners or Coat.
*202 6715, Towels, Cloths or Lasagna?.
*202 6716, Soaps, Toothpastes, Cotton Buds and Others.
*202 6717, Cans of Coca Cola, Bottles, Waters, Novo Shoes and Others.
*202 6718, Food Shopping like Upngo, Breads or Cans of Coca Cola.
*202 6719, Quichebox, Plate or Cup or Cheese Machine.
*202 6720, Cups, Milkshakes, Jug or Can of Coca Cola?.
*202 6721, Baskets, Coathangers, Chocolate Milk or Frypan?.
*202 6722, Food Shopping like Cola Bottles, Waters, Milk or Nachos?
*202 6723, Slippers, Blanket Sheets, Clothes Pair and Others.
*202 6724, Pans, Plates, Scissors or Tools.
*202 6725, Aldi Stuff, Domino's Pizza or Lynxspray.
*202 6726, Towels, Lighter or Journal Books.
*202 6727, Food Shopping like Bottles of Cola or Water, Cans or Milk.
*202 6728, Baskets, Battery Packs or Vaporizer and Others.
*202 6729, Sleep Medicines, Deep Heat or Pillows.
*202 6730, Schnitzels, Nesquiks, Milos and Others.
*202 6731, Toothpicks and Nuts and Others.
*202 6801, Food Shopping like Bottles, Cans, Waters and Others.
*202 6802, Plates, Bowls or Battery Packs.
*202 6803, Towels, Blankets, Purse or Boots.
*202 6804, M&amp;M's, Baskets, Cloths or Coathangers.
*202 6805, Boots, Leaves, Texture and Others.
*202 6806, Food Shopping like Cans of Coca Cola, Nachos, Cheese or Milk.
*202 6807, Dressing Gowns, Glasses or Pillows.
*202 6808, Grater Cheese, Pizza, Mat or Plate.
*202 6809, Stylus, Mask, Soaps and Others.
*202 6810, Paper Towels, Staples, Lighter and Others.
*202 6811, Baskets, Cans of Coca Cola or Biskit Shapes.
*202 6812, Blackngold Cola, Blankets or Chocolatebox.
*202 6813, Smiths Chips, Cheese Mozarella or Bread.
*202 6814, Textures, Pens or Basket and Others.
*202 6815, Smoothies, Toys, Chopping Board or Box.
*202 6816, Cups like Gold, Cup of Tea, Metal Bottle and Others.
*202 6817, Food Shopping like Water Bottles, Cans of Coca Cola, Cola Bottles or Chocolate Milk.
*202 6818, Baskets, Keys or Cordial Jug and Others.
*202 6819, Aldi Stuff, Pizza or Pumpsoap.
*202 6820, Towels, Blankets Sheets and Others.
*202 6821, Cheese, Breads, Waters or Cans of Coca Cola and Others.
*202 6822, Sleep Medicone, Quichebox, Towels and Others.
*202 6823, Shoes, Hats or Ashtray and Others.
*202 6824, Cups, Milk, Towels or some Aldi and Others.
*202 6825, Battery Pack, Clothes and Others.
*202 6826, Cans of Coca Cola, Lime Cordial, Milk and Others.
*202 6827, Blankets, Pillows, Circle Table and Others.
*202 6828, Grated Cheese, Scissors, Knifes and Forks and Others.
*202 6829, Cans of Coca Cola, Bottles, Waters, Milk and Others.
*202 6830, Plates, Stand, Frypans and Others.
*202 6831, Metal Things, Water Bottles, Cans of Coca Cola and Others.
*202 6901, Aldi Bag with Stuff or Aprons.
*202 6902, Food Shopping like Cola Bottles, Cheese with Nachos and Others.
*202 6903, Mask Perfumes, Soaps and Others.
*202 6904, Baskets, Battery Pack, Pillows or Lasagna and Others
*202 6905, Frypans, Lids, Tablemats and Others.
*202 6906, Fathers Day Presents, Glasses, Bags and Others.
*202 6907, Deep Heat, Scissors, Milo or Container and Others.
*202 6908, Baskets, Coathanger, Blankets and Others.
*202 6909, Container Biscuit, Pastas or Pans.
*202 6910, Food Shopping like Milks, M&amp;Ms, Sauces, Coca Cola Cans and Others.
*202 6911, Pillows, Dressing Gowns, Extra Mint and Others.
*202 6912, Laundry Stuff like boxes, bags or Dad's Wrist and Others.
*202 6913, Grater Stuff, Pans and Others.
*202 6914, Bottles of Cola, Breads, Milk to make Chocolate.
*202 6915, Iced Coffee, Water Bottles, Baskets and Others.
*202 6916, Aldi Bag, Strawberry Mints and Others.
*202 6917, Lighters, Plates, Freshener or Spray and Others.
*202 6918, New Clothes, Basket, Extra Mint and Others.
*202 6919, Face Cloths, Lu Paper, Water and Others.
*202 6920, Domino's Pizza, Pillows, Notes and Others.
*202 6921, Remotes, Pizza and Barbecue Shapes, Square Pillow and Others.
*202 6922, Food Shopping like Waters, Cans of Coca Cola, Cheese, Lasagna and Others.
*202 6923, Cloths, Facecloth, New Pot and Others.
*202 6924, Aldi Stuff, Glass Cups, Candles and Others.
*202 6925, Copy Paper, Glasses, Lasagna Tray Pan and Others.
*202 6926, Tax Boxes, Bags, Lighter, Texter and Others.
*202 6927, Cans of Coca Cola, Bottles, Cordial and Others.
*202 6928, Pairs of Shoes or Slippers, Square Pillow and Others.
*202 6929, Big Spoon and Others.
*202 6930, Cola Bottle and Others.
*202 61001, Yellow Bag and Others.
*202 61002, Coathangers or Towels and Others.
*202 61003, Knives, Forks and Others.
*202 61004, Hats like DNA hat and Others.
*202 61005, Pizza SHAPES and Others.
*202 61006, Old Pillow or Cola and Others.
*202 61007, Baskets, Coathangers and Others.
*202 61008, Plastic Cups and Others.
*202 61009, Towels, Black and White and Others.
*202 61010, Vacuum Cleaner and Others.
*202 61011, Blue Pens, Other Pens and Others.
*202 61012, Bag, Bars and Others.
*202 61013, Baskets, Blankets, Staples and Others.
*202 61014, K-Times, Bandai, Betadine and Others.
*202 61015, Food Shopping like Chipstack, Waters and Others.
*202 61016, Plates, Container, Foil, Battery Pack and Others.

Current, 202 61017. ($#!+).

*202 61018. (Snakes and Ladders, Towel or Board Game)

''20261019''</text>
      <sha1>9cbcglld4wnrqwr7dicowt16f99evl9</sha1>
    </revision>
    <revision>
      <id>781267</id>
      <parentid>781266</parentid>
      <timestamp>2026-10-27T23:01:51Z</timestamp>
      <contributor>
        <username>~2026-57078-19</username>
        <id>76423</id>
      </contributor>
      <origin>781267</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="8232" sha1="q8a85v9rxumgqgpwt8t1w9v3hxt796p" xml:space="preserve">= Test =
1027 - Generations of People

Candy Crush Saga Wiki: Tasty Sugar Track Edits Is Out Of Control (Mostly 6/23) and until 24 Restriction until no edits made all day, Use Account Sometimes.

Up To Date

2:6 — 10:18, 252 days, (10:19+ to fill out).

*10:19, 10:20, 10:21, 10:22, 10:23 (?)

*10:24 (10:25)

''10:26''

*202 6525, Pot with Fork and Spoon, Bags with Sunglasses.
*202 6526, Baskets, Tobacco Stuff or Socks.
*202 6527, Food Shopping like Cola Bottles, Cans, Cordial and Others.
*202 6528, Socks, Pairs of Shoes, Dressing Gowns.
*202 6529, Towels, Cubes with Things.
*202 6530, Cloths, Flowers Frisun or Soap.
*202 6531, Food Shopping like Party Pies, Waters and Others.
*202 6601, Pairs of Boots, Pillow or Podiatrist.
*202 6602, Plates or Pans, Grated Cheese or Baskets.
*202 6603, Forks, Pans and Other Kitchen Tools.
*202 6604, Cups, Cordial Jug or Strawberry Milk.
*202 6605, Food Shopping like Cans of Coca Cola, Waters, Cordials or Pile of Sauce.
*202 6606, Purses, Lu Papers or Paper Towels.
*202 6607, Candles, Statues or Pizza Boxes.
*202 6608, Cups, Blankets and Others.
*202 6609, Food Shoppibg like Cola Bottles, Sour Cream and Onion Chips or Cans.
*202 6610, Towels, Cloths, Soap or Containers.
*202 6611, Nachos, Apple N Raspberry Codrial or Stationary.
*202 6612, Basket, Electric Bed with Instructions or Paint.
*202 6613, Aerobar, Birthday Cake or Packet of Candles.
*202 6614, Plates, Blankets or even Vacuum Cleaner.
*202 6615, Towels, Cloths or Dressing Gowns.
*202 6616, Smiths Chips, Heater Vents, Stuff for Lasagna or Cloths.
*202 6617, Pans, Table Spoons or Lids.
*202 6618, Food Shopping like Cans of Coca Cola, Waters, Milk and Others.
*202 6619, Chocolate Milk, Cups of Tea or Extra Mints.
*202 6620, Kitkats, Pens or Domino's Pizza.
*202 6621, Blankets and Pillows or Vacuum Cleaner.
*202 6622, Tea Towels, Cans of Coca Cola or Carlton Draught.
*202 6623, Food Shopping like Bottles of Cola, Waters or New Pyjamas.
*202 6624, Staples, Socks, Hats and Others.
*202 6625, Kitchen Bowls, Pans and Others.
*202 6626, Food Shopping like Colas, Milk or Rainbow Paddlepop.
*202 6627, Tablemats, Sunglasses or Garden Plant.
*202 6628, Boots, Sleep Medicine or Pillow.
*202 6629, Sewing Machine, Tobacco Stuff or Pan.
*202 6630, Food Shopping like Cans of Cocacola, Bottles, Kitkat or M&amp;Ms.
*202 6701, BBQ Chips, Biskits or Grated Cheese.
*202 6702, Lighters, Plates or Cloths.
*202 6703, Hot Dogs, Cola Cans or Lasagna.
*202 6704, Mop, Battery Packs or Doorhandle.
*202 6705, Video Cameras, Internet or McDonalds Bag?.
*202 6706, Pans, Freshmint, or Hotdog Roll. 
*202 6707, Food Shopping like Cans of Coca Cola, Cola Bottles, Waters, Shopping Bag or Grated Cheese.
*202 6708, Ktimes, Nutrigrain or Mueslibars.
*202 6709, Saladas, Socks, Vegemite or Textures.
*202 6710, Baskets, Favourites or Cordial Jug.
*202 6711, Shoes like Novo, Vacuum or Carlton Draught.
*202 6712, Aldi Stuff like Mints, Airfryer or Towel.
*202 6713, Food Shopping like Cola Bottles, Cheese, Milk or Paddle Pops.
*202 6714, Baskets, Mask Fresheners or Coat.
*202 6715, Towels, Cloths or Lasagna?.
*202 6716, Soaps, Toothpastes, Cotton Buds and Others.
*202 6717, Cans of Coca Cola, Bottles, Waters, Novo Shoes and Others.
*202 6718, Food Shopping like Upngo, Breads or Cans of Coca Cola.
*202 6719, Quichebox, Plate or Cup or Cheese Machine.
*202 6720, Cups, Milkshakes, Jug or Can of Coca Cola?.
*202 6721, Baskets, Coathangers, Chocolate Milk or Frypan?.
*202 6722, Food Shopping like Cola Bottles, Waters, Milk or Nachos?
*202 6723, Slippers, Blanket Sheets, Clothes Pair and Others.
*202 6724, Pans, Plates, Scissors or Tools.
*202 6725, Aldi Stuff, Domino's Pizza or Lynxspray.
*202 6726, Towels, Lighter or Journal Books.
*202 6727, Food Shopping like Bottles of Cola or Water, Cans or Milk.
*202 6728, Baskets, Battery Packs or Vaporizer and Others.
*202 6729, Sleep Medicines, Deep Heat or Pillows.
*202 6730, Schnitzels, Nesquiks, Milos and Others.
*202 6731, Toothpicks and Nuts and Others.
*202 6801, Food Shopping like Bottles, Cans, Waters and Others.
*202 6802, Plates, Bowls or Battery Packs.
*202 6803, Towels, Blankets, Purse or Boots.
*202 6804, M&amp;M's, Baskets, Cloths or Coathangers.
*202 6805, Boots, Leaves, Texture and Others.
*202 6806, Food Shopping like Cans of Coca Cola, Nachos, Cheese or Milk.
*202 6807, Dressing Gowns, Glasses or Pillows.
*202 6808, Grater Cheese, Pizza, Mat or Plate.
*202 6809, Stylus, Mask, Soaps and Others.
*202 6810, Paper Towels, Staples, Lighter and Others.
*202 6811, Baskets, Cans of Coca Cola or Biskit Shapes.
*202 6812, Blackngold Cola, Blankets or Chocolatebox.
*202 6813, Smiths Chips, Cheese Mozarella or Bread.
*202 6814, Textures, Pens or Basket and Others.
*202 6815, Smoothies, Toys, Chopping Board or Box.
*202 6816, Cups like Gold, Cup of Tea, Metal Bottle and Others.
*202 6817, Food Shopping like Water Bottles, Cans of Coca Cola, Cola Bottles or Chocolate Milk.
*202 6818, Baskets, Keys or Cordial Jug and Others.
*202 6819, Aldi Stuff, Pizza or Pumpsoap.
*202 6820, Towels, Blankets Sheets and Others.
*202 6821, Cheese, Breads, Waters or Cans of Coca Cola and Others.
*202 6822, Sleep Medicone, Quichebox, Towels and Others.
*202 6823, Shoes, Hats or Ashtray and Others.
*202 6824, Cups, Milk, Towels or some Aldi and Others.
*202 6825, Battery Pack, Clothes and Others.
*202 6826, Cans of Coca Cola, Lime Cordial, Milk and Others.
*202 6827, Blankets, Pillows, Circle Table and Others.
*202 6828, Grated Cheese, Scissors, Knifes and Forks and Others.
*202 6829, Cans of Coca Cola, Bottles, Waters, Milk and Others.
*202 6830, Plates, Stand, Frypans and Others.
*202 6831, Metal Things, Water Bottles, Cans of Coca Cola and Others.
*202 6901, Aldi Bag with Stuff or Aprons.
*202 6902, Food Shopping like Cola Bottles, Cheese with Nachos and Others.
*202 6903, Mask Perfumes, Soaps and Others.
*202 6904, Baskets, Battery Pack, Pillows or Lasagna and Others
*202 6905, Frypans, Lids, Tablemats and Others.
*202 6906, Fathers Day Presents, Glasses, Bags and Others.
*202 6907, Deep Heat, Scissors, Milo or Container and Others.
*202 6908, Baskets, Coathanger, Blankets and Others.
*202 6909, Container Biscuit, Pastas or Pans.
*202 6910, Food Shopping like Milks, M&amp;Ms, Sauces, Coca Cola Cans and Others.
*202 6911, Pillows, Dressing Gowns, Extra Mint and Others.
*202 6912, Laundry Stuff like boxes, bags or Dad's Wrist and Others.
*202 6913, Grater Stuff, Pans and Others.
*202 6914, Bottles of Cola, Breads, Milk to make Chocolate.
*202 6915, Iced Coffee, Water Bottles, Baskets and Others.
*202 6916, Aldi Bag, Strawberry Mints and Others.
*202 6917, Lighters, Plates, Freshener or Spray and Others.
*202 6918, New Clothes, Basket, Extra Mint and Others.
*202 6919, Face Cloths, Lu Paper, Water and Others.
*202 6920, Domino's Pizza, Pillows, Notes and Others.
*202 6921, Remotes, Pizza and Barbecue Shapes, Square Pillow and Others.
*202 6922, Food Shopping like Waters, Cans of Coca Cola, Cheese, Lasagna and Others.
*202 6923, Cloths, Facecloth, New Pot and Others.
*202 6924, Aldi Stuff, Glass Cups, Candles and Others.
*202 6925, Copy Paper, Glasses, Lasagna Tray Pan and Others.
*202 6926, Tax Boxes, Bags, Lighter, Texter and Others.
*202 6927, Cans of Coca Cola, Bottles, Cordial and Others.
*202 6928, Pairs of Shoes or Slippers, Square Pillow and Others.
*202 6929, Big Spoon and Others.
*202 6930, Cola Bottle and Others.
*202 61001, Yellow Bag and Others.
*202 61002, Coathangers or Towels and Others.
*202 61003, Knives, Forks and Others.
*202 61004, Hats like DNA hat and Others.
*202 61005, Pizza SHAPES and Others.
*202 61006, Old Pillow or Cola and Others.
*202 61007, Baskets, Coathangers and Others.
*202 61008, Plastic Cups and Others.
*202 61009, Towels, Black and White and Others.
*202 61010, Vacuum Cleaner and Others.
*202 61011, Blue Pens, Other Pens and Others.
*202 61012, Bag, Bars and Others.
*202 61013, Baskets, Blankets, Staples and Others.
*202 61014, K-Times, Bandai, Betadine and Others.
*202 61015, Food Shopping like Chipstack, Waters and Others.
*202 61016, Plates, Container, Foil, Battery Pack and Others.

Current, 202 61017. ($#!+).

*202 61018. (Snakes and Ladders, Towel or Board Game)

''20261019''</text>
      <sha1>q8a85v9rxumgqgpwt8t1w9v3hxt796p</sha1>
    </revision>
    <revision>
      <id>781268</id>
      <parentid>781267</parentid>
      <timestamp>2026-10-27T23:02:23Z</timestamp>
      <contributor>
        <username>~2026-57078-19</username>
        <id>76423</id>
      </contributor>
      <comment>/* Test */ All done</comment>
      <origin>781268</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="8243" sha1="bcjbfljkvili9ijplgwxzpbidlrudn7" xml:space="preserve">= Test =
1027 - Generations of People

Candy Crush Saga Wiki: Tasty Sugar Track Edits Is Out Of Control (Mostly 6/23) and until 24 Restriction until no edits made all day, Use Account Sometimes.

Up To Date

2:6 — 10:18, 252 days, (10:19+ to fill out).

*10:19, 10:20, 10:21, 10:22, 10:23 (?)
*10:24 (?)

*10:25 (10:26)

''10:27''

*202 6525, Pot with Fork and Spoon, Bags with Sunglasses.
*202 6526, Baskets, Tobacco Stuff or Socks.
*202 6527, Food Shopping like Cola Bottles, Cans, Cordial and Others.
*202 6528, Socks, Pairs of Shoes, Dressing Gowns.
*202 6529, Towels, Cubes with Things.
*202 6530, Cloths, Flowers Frisun or Soap.
*202 6531, Food Shopping like Party Pies, Waters and Others.
*202 6601, Pairs of Boots, Pillow or Podiatrist.
*202 6602, Plates or Pans, Grated Cheese or Baskets.
*202 6603, Forks, Pans and Other Kitchen Tools.
*202 6604, Cups, Cordial Jug or Strawberry Milk.
*202 6605, Food Shopping like Cans of Coca Cola, Waters, Cordials or Pile of Sauce.
*202 6606, Purses, Lu Papers or Paper Towels.
*202 6607, Candles, Statues or Pizza Boxes.
*202 6608, Cups, Blankets and Others.
*202 6609, Food Shoppibg like Cola Bottles, Sour Cream and Onion Chips or Cans.
*202 6610, Towels, Cloths, Soap or Containers.
*202 6611, Nachos, Apple N Raspberry Codrial or Stationary.
*202 6612, Basket, Electric Bed with Instructions or Paint.
*202 6613, Aerobar, Birthday Cake or Packet of Candles.
*202 6614, Plates, Blankets or even Vacuum Cleaner.
*202 6615, Towels, Cloths or Dressing Gowns.
*202 6616, Smiths Chips, Heater Vents, Stuff for Lasagna or Cloths.
*202 6617, Pans, Table Spoons or Lids.
*202 6618, Food Shopping like Cans of Coca Cola, Waters, Milk and Others.
*202 6619, Chocolate Milk, Cups of Tea or Extra Mints.
*202 6620, Kitkats, Pens or Domino's Pizza.
*202 6621, Blankets and Pillows or Vacuum Cleaner.
*202 6622, Tea Towels, Cans of Coca Cola or Carlton Draught.
*202 6623, Food Shopping like Bottles of Cola, Waters or New Pyjamas.
*202 6624, Staples, Socks, Hats and Others.
*202 6625, Kitchen Bowls, Pans and Others.
*202 6626, Food Shopping like Colas, Milk or Rainbow Paddlepop.
*202 6627, Tablemats, Sunglasses or Garden Plant.
*202 6628, Boots, Sleep Medicine or Pillow.
*202 6629, Sewing Machine, Tobacco Stuff or Pan.
*202 6630, Food Shopping like Cans of Cocacola, Bottles, Kitkat or M&amp;Ms.
*202 6701, BBQ Chips, Biskits or Grated Cheese.
*202 6702, Lighters, Plates or Cloths.
*202 6703, Hot Dogs, Cola Cans or Lasagna.
*202 6704, Mop, Battery Packs or Doorhandle.
*202 6705, Video Cameras, Internet or McDonalds Bag?.
*202 6706, Pans, Freshmint, or Hotdog Roll. 
*202 6707, Food Shopping like Cans of Coca Cola, Cola Bottles, Waters, Shopping Bag or Grated Cheese.
*202 6708, Ktimes, Nutrigrain or Mueslibars.
*202 6709, Saladas, Socks, Vegemite or Textures.
*202 6710, Baskets, Favourites or Cordial Jug.
*202 6711, Shoes like Novo, Vacuum or Carlton Draught.
*202 6712, Aldi Stuff like Mints, Airfryer or Towel.
*202 6713, Food Shopping like Cola Bottles, Cheese, Milk or Paddle Pops.
*202 6714, Baskets, Mask Fresheners or Coat.
*202 6715, Towels, Cloths or Lasagna?.
*202 6716, Soaps, Toothpastes, Cotton Buds and Others.
*202 6717, Cans of Coca Cola, Bottles, Waters, Novo Shoes and Others.
*202 6718, Food Shopping like Upngo, Breads or Cans of Coca Cola.
*202 6719, Quichebox, Plate or Cup or Cheese Machine.
*202 6720, Cups, Milkshakes, Jug or Can of Coca Cola?.
*202 6721, Baskets, Coathangers, Chocolate Milk or Frypan?.
*202 6722, Food Shopping like Cola Bottles, Waters, Milk or Nachos?
*202 6723, Slippers, Blanket Sheets, Clothes Pair and Others.
*202 6724, Pans, Plates, Scissors or Tools.
*202 6725, Aldi Stuff, Domino's Pizza or Lynxspray.
*202 6726, Towels, Lighter or Journal Books.
*202 6727, Food Shopping like Bottles of Cola or Water, Cans or Milk.
*202 6728, Baskets, Battery Packs or Vaporizer and Others.
*202 6729, Sleep Medicines, Deep Heat or Pillows.
*202 6730, Schnitzels, Nesquiks, Milos and Others.
*202 6731, Toothpicks and Nuts and Others.
*202 6801, Food Shopping like Bottles, Cans, Waters and Others.
*202 6802, Plates, Bowls or Battery Packs.
*202 6803, Towels, Blankets, Purse or Boots.
*202 6804, M&amp;M's, Baskets, Cloths or Coathangers.
*202 6805, Boots, Leaves, Texture and Others.
*202 6806, Food Shopping like Cans of Coca Cola, Nachos, Cheese or Milk.
*202 6807, Dressing Gowns, Glasses or Pillows.
*202 6808, Grater Cheese, Pizza, Mat or Plate.
*202 6809, Stylus, Mask, Soaps and Others.
*202 6810, Paper Towels, Staples, Lighter and Others.
*202 6811, Baskets, Cans of Coca Cola or Biskit Shapes.
*202 6812, Blackngold Cola, Blankets or Chocolatebox.
*202 6813, Smiths Chips, Cheese Mozarella or Bread.
*202 6814, Textures, Pens or Basket and Others.
*202 6815, Smoothies, Toys, Chopping Board or Box.
*202 6816, Cups like Gold, Cup of Tea, Metal Bottle and Others.
*202 6817, Food Shopping like Water Bottles, Cans of Coca Cola, Cola Bottles or Chocolate Milk.
*202 6818, Baskets, Keys or Cordial Jug and Others.
*202 6819, Aldi Stuff, Pizza or Pumpsoap.
*202 6820, Towels, Blankets Sheets and Others.
*202 6821, Cheese, Breads, Waters or Cans of Coca Cola and Others.
*202 6822, Sleep Medicone, Quichebox, Towels and Others.
*202 6823, Shoes, Hats or Ashtray and Others.
*202 6824, Cups, Milk, Towels or some Aldi and Others.
*202 6825, Battery Pack, Clothes and Others.
*202 6826, Cans of Coca Cola, Lime Cordial, Milk and Others.
*202 6827, Blankets, Pillows, Circle Table and Others.
*202 6828, Grated Cheese, Scissors, Knifes and Forks and Others.
*202 6829, Cans of Coca Cola, Bottles, Waters, Milk and Others.
*202 6830, Plates, Stand, Frypans and Others.
*202 6831, Metal Things, Water Bottles, Cans of Coca Cola and Others.
*202 6901, Aldi Bag with Stuff or Aprons.
*202 6902, Food Shopping like Cola Bottles, Cheese with Nachos and Others.
*202 6903, Mask Perfumes, Soaps and Others.
*202 6904, Baskets, Battery Pack, Pillows or Lasagna and Others
*202 6905, Frypans, Lids, Tablemats and Others.
*202 6906, Fathers Day Presents, Glasses, Bags and Others.
*202 6907, Deep Heat, Scissors, Milo or Container and Others.
*202 6908, Baskets, Coathanger, Blankets and Others.
*202 6909, Container Biscuit, Pastas or Pans.
*202 6910, Food Shopping like Milks, M&amp;Ms, Sauces, Coca Cola Cans and Others.
*202 6911, Pillows, Dressing Gowns, Extra Mint and Others.
*202 6912, Laundry Stuff like boxes, bags or Dad's Wrist and Others.
*202 6913, Grater Stuff, Pans and Others.
*202 6914, Bottles of Cola, Breads, Milk to make Chocolate.
*202 6915, Iced Coffee, Water Bottles, Baskets and Others.
*202 6916, Aldi Bag, Strawberry Mints and Others.
*202 6917, Lighters, Plates, Freshener or Spray and Others.
*202 6918, New Clothes, Basket, Extra Mint and Others.
*202 6919, Face Cloths, Lu Paper, Water and Others.
*202 6920, Domino's Pizza, Pillows, Notes and Others.
*202 6921, Remotes, Pizza and Barbecue Shapes, Square Pillow and Others.
*202 6922, Food Shopping like Waters, Cans of Coca Cola, Cheese, Lasagna and Others.
*202 6923, Cloths, Facecloth, New Pot and Others.
*202 6924, Aldi Stuff, Glass Cups, Candles and Others.
*202 6925, Copy Paper, Glasses, Lasagna Tray Pan and Others.
*202 6926, Tax Boxes, Bags, Lighter, Texter and Others.
*202 6927, Cans of Coca Cola, Bottles, Cordial and Others.
*202 6928, Pairs of Shoes or Slippers, Square Pillow and Others.
*202 6929, Big Spoon and Others.
*202 6930, Cola Bottle and Others.
*202 61001, Yellow Bag and Others.
*202 61002, Coathangers or Towels and Others.
*202 61003, Knives, Forks and Others.
*202 61004, Hats like DNA hat and Others.
*202 61005, Pizza SHAPES and Others.
*202 61006, Old Pillow or Cola and Others.
*202 61007, Baskets, Coathangers and Others.
*202 61008, Plastic Cups and Others.
*202 61009, Towels, Black and White and Others.
*202 61010, Vacuum Cleaner and Others.
*202 61011, Blue Pens, Other Pens and Others.
*202 61012, Bag, Bars and Others.
*202 61013, Baskets, Blankets, Staples and Others.
*202 61014, K-Times, Bandai, Betadine and Others.
*202 61015, Food Shopping like Chipstack, Waters and Others.
*202 61016, Plates, Container, Foil, Battery Pack and Others.

Current, 202 61017. ($#!+).

*202 61018. (Snakes and Ladders, Towel or Board Game)

''20261019''</text>
      <sha1>bcjbfljkvili9ijplgwxzpbidlrudn7</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:177.193.205.196</title>
    <ns>3</ns>
    <id>75067</id>
    <revision>
      <id>781313</id>
      <parentid>189718</parentid>
      <timestamp>2026-10-28T00:39:23Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781313</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="978" sha1="6t2ojg80deapje4b6icn8i2dxocrryy" xml:space="preserve">{{Consent}}

== Indicação de eliminação rápida para a página Teste10000 == 
&lt;div style=&quot;border:1px solid #ccc;border-left:5px solid #CC0000;padding:10px;display:table;border-radius:5px&quot;&gt;
&lt;!-- O aviso a seguir foi substituído da Predefinição:Aviso-ER --&gt;
&lt;div style=&quot;min-height: 100%;padding: 2% 20px 0 0;display: inline-table;float:left&quot;&gt;[[Imagem:Antu emblem-important.svg|50px]]&lt;/div&gt;
&lt;div style=&quot;padding: 10px 10px 10px 0;display: inline-table;width: 80%;&quot;&gt;
Olá, 177.193.205.196. A página [[:Teste10000]] que criou foi indicada para [[Wikipédia:Eliminação rápida|eliminação rápida]].

*

Caso acredite que houve uma violação da [[Wikipédia:Política de eliminação|nossa política de eliminação]], abra um pedido em [[Wikipédia:Pedidos/Restauro]] ou, se preferir, deixe uma nota em minha página de discussão caso tenha qualquer dúvida sobre o assunto.&lt;/div&gt;
&lt;/div&gt; [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 22:29, 23 December 2013 (UTC)</text>
      <sha1>6t2ojg80deapje4b6icn8i2dxocrryy</sha1>
    </revision>
    <revision>
      <id>781348</id>
      <parentid>781313</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>189718</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="114" sha1="1iva0wov6m7t1x14hn8ecfwyr968m6h" xml:space="preserve">
{{subst:Aviso-ER|Teste10000}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 22:29, 23 December 2013 (UTC)</text>
      <sha1>1iva0wov6m7t1x14hn8ecfwyr968m6h</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:!sleehW no ylliw</title>
    <ns>3</ns>
    <id>76273</id>
    <revision>
      <id>781285</id>
      <parentid>200274</parentid>
      <timestamp>2026-10-28T00:35:39Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781285</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="751" sha1="ecwj5wolqyrmwc779705lbxns1kbuaa" xml:space="preserve">{{Consent}}
==Welcome!==
[[Category:Really big category]]
[[Image:Wiki.png|right|120px]]
'''Hello {{BASEPAGENAME}}''', and welcome to [[Wikipedia:Test Wikipedia|Test Wikipedia]], a [[:en:wiki|wiki]] designed for testing of software, among other things.

''Some good links include:''
*[[Sandbox]]
*[[Wikipedia:What test wiki is|What test wiki is]]
*[[Wikipedia:What test wiki is not|What test wiki is '''not''']]
*[[Wikipedia:Requests|Requests for permissions, renames and others]]
*[[Wikipedia:Village pump]]
*[[Wikipedia:Administrators]]
*[[Wikipedia:Bureaucrats]]
If you have any questions, please don't hesitate to ask me on my talk page. Thanks. --[[User:Liuxinyu970226|Liuxinyu970226]] ([[User talk:Liuxinyu970226|talk]]) 04:07, 31 May 2014 (UTC)</text>
      <sha1>ecwj5wolqyrmwc779705lbxns1kbuaa</sha1>
    </revision>
    <revision>
      <id>781376</id>
      <parentid>781285</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>200274</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="739" sha1="3zvq0yc75stoif3gl5am1s1btjgr95p" xml:space="preserve">==Welcome!==
[[Category:Really big category]]
[[Image:Wiki.png|right|120px]]
'''Hello {{BASEPAGENAME}}''', and welcome to [[Wikipedia:Test Wikipedia|Test Wikipedia]], a [[:en:wiki|wiki]] designed for testing of software, among other things.

''Some good links include:''
*[[Sandbox]]
*[[Wikipedia:What test wiki is|What test wiki is]]
*[[Wikipedia:What test wiki is not|What test wiki is '''not''']]
*[[Wikipedia:Requests|Requests for permissions, renames and others]]
*[[Wikipedia:Village pump]]
*[[Wikipedia:Administrators]]
*[[Wikipedia:Bureaucrats]]
If you have any questions, please don't hesitate to ask me on my talk page. Thanks. --[[User:Liuxinyu970226|Liuxinyu970226]] ([[User talk:Liuxinyu970226|talk]]) 04:07, 31 May 2014 (UTC)</text>
      <sha1>3zvq0yc75stoif3gl5am1s1btjgr95p</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:!sleehw no ylliW</title>
    <ns>3</ns>
    <id>76274</id>
    <revision>
      <id>781286</id>
      <parentid>497700</parentid>
      <timestamp>2026-10-28T00:35:42Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781286</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="751" sha1="ecwj5wolqyrmwc779705lbxns1kbuaa" xml:space="preserve">{{Consent}}
==Welcome!==
[[Category:Really big category]]
[[Image:Wiki.png|right|120px]]
'''Hello {{BASEPAGENAME}}''', and welcome to [[Wikipedia:Test Wikipedia|Test Wikipedia]], a [[:en:wiki|wiki]] designed for testing of software, among other things.

''Some good links include:''
*[[Sandbox]]
*[[Wikipedia:What test wiki is|What test wiki is]]
*[[Wikipedia:What test wiki is not|What test wiki is '''not''']]
*[[Wikipedia:Requests|Requests for permissions, renames and others]]
*[[Wikipedia:Village pump]]
*[[Wikipedia:Administrators]]
*[[Wikipedia:Bureaucrats]]
If you have any questions, please don't hesitate to ask me on my talk page. Thanks. --[[User:Liuxinyu970226|Liuxinyu970226]] ([[User talk:Liuxinyu970226|talk]]) 04:07, 31 May 2014 (UTC)</text>
      <sha1>ecwj5wolqyrmwc779705lbxns1kbuaa</sha1>
    </revision>
    <revision>
      <id>781397</id>
      <parentid>781286</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>497700</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="739" sha1="3zvq0yc75stoif3gl5am1s1btjgr95p" xml:space="preserve">==Welcome!==
[[Category:Really big category]]
[[Image:Wiki.png|right|120px]]
'''Hello {{BASEPAGENAME}}''', and welcome to [[Wikipedia:Test Wikipedia|Test Wikipedia]], a [[:en:wiki|wiki]] designed for testing of software, among other things.

''Some good links include:''
*[[Sandbox]]
*[[Wikipedia:What test wiki is|What test wiki is]]
*[[Wikipedia:What test wiki is not|What test wiki is '''not''']]
*[[Wikipedia:Requests|Requests for permissions, renames and others]]
*[[Wikipedia:Village pump]]
*[[Wikipedia:Administrators]]
*[[Wikipedia:Bureaucrats]]
If you have any questions, please don't hesitate to ask me on my talk page. Thanks. --[[User:Liuxinyu970226|Liuxinyu970226]] ([[User talk:Liuxinyu970226|talk]]) 04:07, 31 May 2014 (UTC)</text>
      <sha1>3zvq0yc75stoif3gl5am1s1btjgr95p</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:!sleehW nO ylliW</title>
    <ns>3</ns>
    <id>76275</id>
    <revision>
      <id>781284</id>
      <parentid>200276</parentid>
      <timestamp>2026-10-28T00:35:34Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781284</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="751" sha1="nc3l8g08o2qxpf2ymctr3pdcjwcgtfg" xml:space="preserve">{{Consent}}
==Welcome!==
[[Category:Really big category]]
[[Image:Wiki.png|right|120px]]
'''Hello {{BASEPAGENAME}}''', and welcome to [[Wikipedia:Test Wikipedia|Test Wikipedia]], a [[:en:wiki|wiki]] designed for testing of software, among other things.

''Some good links include:''
*[[Sandbox]]
*[[Wikipedia:What test wiki is|What test wiki is]]
*[[Wikipedia:What test wiki is not|What test wiki is '''not''']]
*[[Wikipedia:Requests|Requests for permissions, renames and others]]
*[[Wikipedia:Village pump]]
*[[Wikipedia:Administrators]]
*[[Wikipedia:Bureaucrats]]
If you have any questions, please don't hesitate to ask me on my talk page. Thanks. --[[User:Liuxinyu970226|Liuxinyu970226]] ([[User talk:Liuxinyu970226|talk]]) 04:08, 31 May 2014 (UTC)</text>
      <sha1>nc3l8g08o2qxpf2ymctr3pdcjwcgtfg</sha1>
    </revision>
    <revision>
      <id>781361</id>
      <parentid>781284</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>200276</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="739" sha1="2aigw0x4ll6lwfhf3jobwnroi19hurj" xml:space="preserve">==Welcome!==
[[Category:Really big category]]
[[Image:Wiki.png|right|120px]]
'''Hello {{BASEPAGENAME}}''', and welcome to [[Wikipedia:Test Wikipedia|Test Wikipedia]], a [[:en:wiki|wiki]] designed for testing of software, among other things.

''Some good links include:''
*[[Sandbox]]
*[[Wikipedia:What test wiki is|What test wiki is]]
*[[Wikipedia:What test wiki is not|What test wiki is '''not''']]
*[[Wikipedia:Requests|Requests for permissions, renames and others]]
*[[Wikipedia:Village pump]]
*[[Wikipedia:Administrators]]
*[[Wikipedia:Bureaucrats]]
If you have any questions, please don't hesitate to ask me on my talk page. Thanks. --[[User:Liuxinyu970226|Liuxinyu970226]] ([[User talk:Liuxinyu970226|talk]]) 04:08, 31 May 2014 (UTC)</text>
      <sha1>2aigw0x4ll6lwfhf3jobwnroi19hurj</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:!zleehw no ylliw</title>
    <ns>3</ns>
    <id>76276</id>
    <revision>
      <id>781287</id>
      <parentid>200277</parentid>
      <timestamp>2026-10-28T00:35:46Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781287</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="751" sha1="nc3l8g08o2qxpf2ymctr3pdcjwcgtfg" xml:space="preserve">{{Consent}}
==Welcome!==
[[Category:Really big category]]
[[Image:Wiki.png|right|120px]]
'''Hello {{BASEPAGENAME}}''', and welcome to [[Wikipedia:Test Wikipedia|Test Wikipedia]], a [[:en:wiki|wiki]] designed for testing of software, among other things.

''Some good links include:''
*[[Sandbox]]
*[[Wikipedia:What test wiki is|What test wiki is]]
*[[Wikipedia:What test wiki is not|What test wiki is '''not''']]
*[[Wikipedia:Requests|Requests for permissions, renames and others]]
*[[Wikipedia:Village pump]]
*[[Wikipedia:Administrators]]
*[[Wikipedia:Bureaucrats]]
If you have any questions, please don't hesitate to ask me on my talk page. Thanks. --[[User:Liuxinyu970226|Liuxinyu970226]] ([[User talk:Liuxinyu970226|talk]]) 04:08, 31 May 2014 (UTC)</text>
      <sha1>nc3l8g08o2qxpf2ymctr3pdcjwcgtfg</sha1>
    </revision>
    <revision>
      <id>781383</id>
      <parentid>781287</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>200277</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="739" sha1="2aigw0x4ll6lwfhf3jobwnroi19hurj" xml:space="preserve">==Welcome!==
[[Category:Really big category]]
[[Image:Wiki.png|right|120px]]
'''Hello {{BASEPAGENAME}}''', and welcome to [[Wikipedia:Test Wikipedia|Test Wikipedia]], a [[:en:wiki|wiki]] designed for testing of software, among other things.

''Some good links include:''
*[[Sandbox]]
*[[Wikipedia:What test wiki is|What test wiki is]]
*[[Wikipedia:What test wiki is not|What test wiki is '''not''']]
*[[Wikipedia:Requests|Requests for permissions, renames and others]]
*[[Wikipedia:Village pump]]
*[[Wikipedia:Administrators]]
*[[Wikipedia:Bureaucrats]]
If you have any questions, please don't hesitate to ask me on my talk page. Thanks. --[[User:Liuxinyu970226|Liuxinyu970226]] ([[User talk:Liuxinyu970226|talk]]) 04:08, 31 May 2014 (UTC)</text>
      <sha1>2aigw0x4ll6lwfhf3jobwnroi19hurj</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:!!Fabio de Mello.S!!</title>
    <ns>3</ns>
    <id>76277</id>
    <revision>
      <id>781278</id>
      <parentid>497697</parentid>
      <timestamp>2026-10-28T00:32:45Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781278</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="751" sha1="nc3l8g08o2qxpf2ymctr3pdcjwcgtfg" xml:space="preserve">{{Consent}}
==Welcome!==
[[Category:Really big category]]
[[Image:Wiki.png|right|120px]]
'''Hello {{BASEPAGENAME}}''', and welcome to [[Wikipedia:Test Wikipedia|Test Wikipedia]], a [[:en:wiki|wiki]] designed for testing of software, among other things.

''Some good links include:''
*[[Sandbox]]
*[[Wikipedia:What test wiki is|What test wiki is]]
*[[Wikipedia:What test wiki is not|What test wiki is '''not''']]
*[[Wikipedia:Requests|Requests for permissions, renames and others]]
*[[Wikipedia:Village pump]]
*[[Wikipedia:Administrators]]
*[[Wikipedia:Bureaucrats]]
If you have any questions, please don't hesitate to ask me on my talk page. Thanks. --[[User:Liuxinyu970226|Liuxinyu970226]] ([[User talk:Liuxinyu970226|talk]]) 04:08, 31 May 2014 (UTC)</text>
      <sha1>nc3l8g08o2qxpf2ymctr3pdcjwcgtfg</sha1>
    </revision>
    <revision>
      <id>781372</id>
      <parentid>781278</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>497697</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="739" sha1="2aigw0x4ll6lwfhf3jobwnroi19hurj" xml:space="preserve">==Welcome!==
[[Category:Really big category]]
[[Image:Wiki.png|right|120px]]
'''Hello {{BASEPAGENAME}}''', and welcome to [[Wikipedia:Test Wikipedia|Test Wikipedia]], a [[:en:wiki|wiki]] designed for testing of software, among other things.

''Some good links include:''
*[[Sandbox]]
*[[Wikipedia:What test wiki is|What test wiki is]]
*[[Wikipedia:What test wiki is not|What test wiki is '''not''']]
*[[Wikipedia:Requests|Requests for permissions, renames and others]]
*[[Wikipedia:Village pump]]
*[[Wikipedia:Administrators]]
*[[Wikipedia:Bureaucrats]]
If you have any questions, please don't hesitate to ask me on my talk page. Thanks. --[[User:Liuxinyu970226|Liuxinyu970226]] ([[User talk:Liuxinyu970226|talk]]) 04:08, 31 May 2014 (UTC)</text>
      <sha1>2aigw0x4ll6lwfhf3jobwnroi19hurj</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:!rEGGAH</title>
    <ns>3</ns>
    <id>79204</id>
    <revision>
      <id>781283</id>
      <parentid>497698</parentid>
      <timestamp>2026-10-28T00:35:31Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781283</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="755" sha1="g3oyvmwuwp46g9owjor9dnpydtxyl2n" xml:space="preserve">{{Consent}}
==Welcome!==
[[Category:Really big category]]
[[Image:Wiki.png|right|120px]]
'''Hello {{BASEPAGENAME}}''', and welcome to [[Wikipedia:Test Wikipedia|Test Wikipedia]], a [[:en:wiki|wiki]] designed for testing of software, among other things.

''Some good links include:''
*[[Sandbox]]
*[[Wikipedia:What test wiki is|What test wiki is]]
*[[Wikipedia:What test wiki is not|What test wiki is '''not''']]
*[[Wikipedia:Requests|Requests for permissions, renames and others]]
*[[Wikipedia:Village pump]]
*[[Wikipedia:Administrators]]
*[[Wikipedia:Bureaucrats]]
If you have any questions, please don't hesitate to ask me on my talk page. Thanks. --[[User:Liuxinyu970226|Liuxinyu970226]] ([[User talk:Liuxinyu970226|talk]]) 09:50, 11 January 2015 (UTC)</text>
      <sha1>g3oyvmwuwp46g9owjor9dnpydtxyl2n</sha1>
    </revision>
    <revision>
      <id>781385</id>
      <parentid>781283</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>497698</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="743" sha1="20phx08cexuefwrmd6xu8sehz3f83ph" xml:space="preserve">==Welcome!==
[[Category:Really big category]]
[[Image:Wiki.png|right|120px]]
'''Hello {{BASEPAGENAME}}''', and welcome to [[Wikipedia:Test Wikipedia|Test Wikipedia]], a [[:en:wiki|wiki]] designed for testing of software, among other things.

''Some good links include:''
*[[Sandbox]]
*[[Wikipedia:What test wiki is|What test wiki is]]
*[[Wikipedia:What test wiki is not|What test wiki is '''not''']]
*[[Wikipedia:Requests|Requests for permissions, renames and others]]
*[[Wikipedia:Village pump]]
*[[Wikipedia:Administrators]]
*[[Wikipedia:Bureaucrats]]
If you have any questions, please don't hesitate to ask me on my talk page. Thanks. --[[User:Liuxinyu970226|Liuxinyu970226]] ([[User talk:Liuxinyu970226|talk]]) 09:50, 11 January 2015 (UTC)</text>
      <sha1>20phx08cexuefwrmd6xu8sehz3f83ph</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:24.68.36.254</title>
    <ns>3</ns>
    <id>82631</id>
    <revision>
      <id>781328</id>
      <parentid>235288</parentid>
      <timestamp>2026-10-28T00:41:21Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781328</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="105" sha1="fadxfur5qq96jahlygwh1euhzcl3ier" xml:space="preserve">{{Consent}}
test. [[User:Zambrelll|Zambrelll]] ([[User talk:Zambrelll|talk]]) 23:30, 18 August 2015 (UTC)</text>
      <sha1>fadxfur5qq96jahlygwh1euhzcl3ier</sha1>
    </revision>
    <revision>
      <id>781355</id>
      <parentid>781328</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>235288</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="93" sha1="mc1mke27jy6jgq46lx56217p1we9bas" xml:space="preserve">test. [[User:Zambrelll|Zambrelll]] ([[User talk:Zambrelll|talk]]) 23:30, 18 August 2015 (UTC)</text>
      <sha1>mc1mke27jy6jgq46lx56217p1we9bas</sha1>
    </revision>
  </page>
  <page>
    <title>Module:UserLinks</title>
    <ns>828</ns>
    <id>86869</id>
    <revision>
      <id>781245</id>
      <parentid>650635</parentid>
      <timestamp>2026-10-27T19:59:34Z</timestamp>
      <contributor>
        <username>DVRTed</username>
        <id>55993</id>
      </contributor>
      <comment>copying https://en.wikipedia.org/wiki/Module:UserLinks</comment>
      <origin>781245</origin>
      <model>Scribunto</model>
      <format>text/plain</format>
      <text bytes="22245" sha1="4b9h1nsfmoz2zxw4xq7b2zzz8h2xbv7" xml:space="preserve">--------------------------------------------------------------------------------
--                                 UserLinks                                  --
-- This module creates a list of links about a given user. It can be used on  --
-- its own or from a template. See the /doc page for more documentation.      --
--------------------------------------------------------------------------------

-- Require necessary modules
local yesno = require('Module:Yesno')

-- Lazily initialise modules that we might or might not need
local mExtra -- [[Module:UserLinks/extra]]
local mArguments -- [[Module:Arguments]]
local mToolbar -- [[Module:Toolbar]]
local mCategoryHandler -- [[Module:Category handler]]
local mTableTools -- [[Module:TableTools]]
local interwikiTable -- [[Module:InterwikiTable]], loaded with mw.loadData

-- Load shared helper functions
local mShared = require('Module:UserLinks/shared')
local raiseError = mShared.raiseError
local maybeLoadModule = mShared.maybeLoadModule
local makeWikitextError = mShared.makeWikitextError
local makeWikilink = mShared.makeWikilink
local makeUrlLink = mShared.makeUrlLink
local makeFullUrlLink = mShared.makeFullUrlLink
local message = mShared.message

local p = {}

--------------------------------------------------------------------------------
-- Link table
--------------------------------------------------------------------------------

function p.getLinks(snippets)
	--[=[
	-- Get a table of links that can be indexed with link codes. The table
	-- returned is blank, but links are added to it on demand when it is
	-- indexed. This is made possible by the metatable and by the various link
	-- functions, some of which are defined here, and some of which are defined
	-- at [[Module:UserLinks/extra]].
	--]=]
	local links, linkFunctions = {}, {}

	----------------------------------------------------------------------------
	-- Link functions
	--
	-- The following functions make the links from the link codes and the user
	-- data snippets. New link functions should be added below the existing
	-- functions.
	----------------------------------------------------------------------------

	function linkFunctions.u(snippets)
		-- User page
		return makeWikilink(
			snippets.interwiki,
			2,
			snippets.username,
			snippets.username
		)
	end
	
	function linkFunctions.np(snippets)
		-- User page (no ping)
		return '&lt;span class=&quot;plainlinks&quot;&gt;' .. makeFullUrlLink(
			snippets.interwiki,
			2,
			snippets.username,
			'',
			snippets.username
		) .. '&lt;/span&gt;'
	end

	function linkFunctions.t(snippets)
		-- User talk page
		return makeWikilink(
			snippets.interwiki,
			3,
			snippets.username,
			message('display-talk')
		)
	end

	function linkFunctions.c(snippets)
		-- Contributions
		return makeWikilink(
			snippets.interwiki,
			-1,
			'Contribs/' .. snippets.username,
			message('display-contributions')
		)
	end

	function linkFunctions.ipc(snippets)
		-- IP Contributions, for viewing TA contributions by IP address
		return makeWikilink(
			snippets.interwiki,
			-1,
			'IPContributions/' .. snippets.username,
			message('display-contributions')
		)
	end
	
	function linkFunctions.c64(snippets)
		-- Contributions
		local first64 = snippets.username:match('^%x+:%x+:%x+:%x+:')
			or snippets.username:match('^%x+:%x+:%x+:')
			or snippets.username:match('^%x+:%x+:')
			or snippets.username:match('^%x+:')
		return first64 and makeWikilink(
			snippets.interwiki,
			-1,
			'Contribs/' .. first64 .. ':/64',
			'(/64)'
		) or ''
	end

	function linkFunctions.ct(snippets)
		-- Edit count
		return makeWikilink(
			'xtools',
			0,
			'ec/' .. snippets.toolLang .. '.' .. snippets.projectLong .. '.org/' .. snippets.username,
			message('display-count')
		)
	end

	function linkFunctions.m(snippets)
		-- Page moves
		return makeWikilink(
			snippets.interwiki,
			-1,
			'Log/move/' .. snippets.username,
			message('display-moves')
		)
	end

	function linkFunctions.l(snippets)
		-- Logs
		return makeWikilink(
			snippets.interwiki,
			-1,
			'Log/' .. snippets.username,
			message('display-logs')
		)
	end

	function linkFunctions.ae(snippets)
		-- Automated edits (and non-automated contributions).
		return makeWikilink(
			'xtools',
			0,
			'autoedits/' .. snippets.toolLang .. '.' .. snippets.projectLong .. '.org/' .. snippets.username,
			message('display-autoedits')
		)
	end

	function linkFunctions.bl(snippets)
		-- Block log
		return makeFullUrlLink(
			snippets.interwiki,
			-1,
			'Log/block',
			{page = 'User:' .. snippets.username},
			message('display-blocklog')
		)
	end

	function linkFunctions.bls(snippets)
		-- Blocks
		return makeWikilink(
			snippets.interwiki,
			-1,
			'Log/block/' .. snippets.username,
			message('display-blocks')
		)
	end

	function linkFunctions.bu(snippets)
		-- Block user
		return makeWikilink(
			snippets.interwiki,
			-1,
			'Block/' .. snippets.username,
			message('display-blockuser')
		)
	end

	function linkFunctions.ca(snippets)
		-- Central auth
		return makeWikilink(
			snippets.interwiki,
			-1,
			'CentralAuth/' .. snippets.username,
			message('display-centralauth')
		)
	end

	function linkFunctions.dc(snippets)
		-- Deleted contribs
		return makeWikilink(
			snippets.interwiki,
			-1,
			'DeletedContributions/' .. snippets.username,
			message('display-deletedcontributions')
		)
	end

	function linkFunctions.e(snippets)
		-- Email
		return makeWikilink(
			snippets.interwiki,
			-1,
			'EmailUser/' .. snippets.username,
			message('display-email')
		)
	end

	function linkFunctions.es(snippets)
		-- Edit summaries
		return makeWikilink(
			'xtools',
			0,
			'editsummary/' .. snippets.toolLang .. '.' .. snippets.projectLong .. '.org/' .. snippets.username,
			message('display-editsummaries')
		)
	end

	function linkFunctions.del(snippets)
		-- Deletions
		return makeWikilink(
			snippets.interwiki,
			-1,
			'Log/delete/' .. snippets.username,
			message('display-deletions')
		)
	end

	function linkFunctions.lu(snippets)
		-- List user
		return makeFullUrlLink(
			snippets.interwiki,
			-1,
			'ListUsers',
			{limit = 1, username = snippets.username},
			message('display-listuser')
		)
	end

	function linkFunctions.sul(snippets)
		-- SUL
		return makeWikilink(
			nil,
			nil,
			'sulutil:' .. snippets.username,
			message('display-sul')
		)
	end

	function linkFunctions.tl(snippets)
		-- Target logs
		return makeFullUrlLink(
			snippets.interwiki,
			-1,
			'Log',
			{page = mw.site.namespaces[2].name .. ':' .. snippets.username},
			message('display-targetlogs')
		)
	end

	function linkFunctions.efl(snippets)
		-- Edit filter log
		return makeFullUrlLink(
			snippets.interwiki,
			-1,
			'AbuseLog',
			{wpSearchUser = snippets.username},
			message('display-abuselog')
		)
	end

	function linkFunctions.pr(snippets)
		-- Protections
		return makeWikilink(
			snippets.interwiki,
			-1,
			'Log/protect/' .. snippets.username,
			message('display-protections')
		)
	end

	function linkFunctions.rl(snippets)
		-- User rights
		return makeWikilink(
			snippets.interwiki,
			-1,
			'Log/rights/' .. snippets.username,
			message('display-rights')
		)
	end

	function linkFunctions.ren(snippets)
		-- Renames
		return makeWikilink(
			snippets.interwiki,
			-1,
			'Log/renameuser/' .. snippets.username,
			message('display-renames')
		)
	end

	function linkFunctions.rfa(snippets)
		-- Requests for adminship
		return makeWikilink(
			nil,
			-1,
			'PrefixIndex/' .. message('page-rfa') .. '/' .. snippets.username,
			message('display-rfa')
		)
	end

	function linkFunctions.api(snippets)
		-- API user data
		return makeUrlLink(
			{
				host = snippets.fullDomain,
				path = '/w/api.php',
				query = {
					action = 'query',
					list = 'users',
					usprop = 'groups|editcount',
					ususers = snippets.username
				}
			},
			message('display-api')
		)
	end

	function linkFunctions.up(snippets)
		-- Uploads
		return makeWikilink(
			snippets.interwiki,
			-1,
			'ListFiles/' .. snippets.username,
			message('display-uploads')
		)
	end
	
	function linkFunctions.nuke(snippets)
		-- Mass delete/Special:Nuke
		return makeWikilink(
			snippets.interwiki,
			-1,
			'Nuke/' .. snippets.username,
			message('display-nuke')

		)
	end
	
		
	function linkFunctions.gender(snippets)
		-- Gender
		return mw.getCurrentFrame():callParserFunction(
			'GENDER',
			snippets.username,
			'he/him',
			'she/her',
			'they/them'
		)
	end

		
	function linkFunctions.uic(snippets)
		return mw.getCurrentFrame():callParserFunction(
			'#uic',
			snippets.username
		)
	end
	
	----------------------------------------------------------------------------
	-- End of link functions
	----------------------------------------------------------------------------

	-- Define the metatable that memoizes the link functions, and fetches link
	-- functions from [[Module:UserLinks/extra]] if necessary.

	-- Lazily initialise the extraLinkFunctions table. We only want to load
	-- [[Module:UserLinks/extra]] as necessary, so it has a low transclusion
	-- count.
	local extraLinkFunctions

	-- Define functions for shared code in the metatable.
	local function validateCode(code)
		-- Checks whether code is a valid link code - i.e. checks that it is a
		-- string and that it is not the blank string. Returns the code if
		-- the check passes, and nil if not.
		if type(code) == 'string' and code ~= '' then
			return code
		else
			return nil
		end
	end

	local function getExtraLinkFunctions()
		-- Loads the table of extra link functions from the /extra module.
		-- If there is a problem with loading it, return false. We use the
		-- distinction between false and nil to record whether we have already
		-- tried to load it.
		if extraLinkFunctions ~= nil then
			return extraLinkFunctions
		end
		if mExtra == nil then
			-- If loading the module fails, maybeLoadModule returns false.
			-- Here we use the distinction between false and nil to record
			-- whether we have already tried to load the /extra module.
			mExtra = maybeLoadModule('Module:UserLinks/extra')
		end
		if type(mExtra) == 'table'
			and type(mExtra.linkFunctions) == 'table'
		then
			extraLinkFunctions = mExtra.linkFunctions
		else
			extraLinkFunctions = false
		end
		return extraLinkFunctions
	end

	local function memoizeExtraLink(code, func)
		local success, link = pcall(func, snippets)
		if success and type(link) == 'string' then
			links[code] = link
			return link
		end
		return nil
	end

	-- Define the metatable.
	setmetatable(links, {
		__index = function (t, key)
			local code = validateCode(key)
			if not code then
				raiseError(
					message('error-malformedlinkcode'),
					message('error-malformedlinkcode-section')
				)
			end
			local linkFunction = linkFunctions[code]
			local link
			if linkFunction then
				link = linkFunction(snippets)
				links[code] = link
			else
				extraLinkFunctions = getExtraLinkFunctions()
				if extraLinkFunctions then
					local extraLinkFunction = extraLinkFunctions[code]
					if type(extraLinkFunction) == 'function' then
						link = memoizeExtraLink(code, extraLinkFunction)
					end
				end
			end
			if link then
				return link
			else
				raiseError(
					message('error-invalidlinkcode', code),
					message('error-invalidlinkcode-section')
				)
			end
		end,
		__pairs = function ()
			extraLinkFunctions = getExtraLinkFunctions()
			if extraLinkFunctions then
				for code, func in pairs(extraLinkFunctions) do
					if validateCode(code) and type(func) == 'function' then
						memoizeExtraLink(code, func)
					end
				end
			end
			-- Allow built-in functions to overwrite extra functions.
			for code, func in pairs(linkFunctions) do
				local link = func(snippets)
				links[code] = link
			end
			return function (t, key)
				return next(links, key)
			end
		end
	})
	return links
end

--------------------------------------------------------------------------------
-- User data snippets
--------------------------------------------------------------------------------

function p.getSnippets(args)
	--[=[
	-- This function gets user data snippets from the arguments, and from
	-- [[Module:InterwikiTable]]. The data is loaded as necessary and memoized
	-- in the snippets table for performance. 
	--
	-- Snippets default to the blank string, '', so they can be used in
	-- concatenation operations without coders having to worry about raising
	-- errors. Because of this, the local functions snippetExists and
	-- getSnippet have been written to aid people writing new snippets. These
	-- functions treat the blank string as false. It is not necessary to return
	-- the blank string from a snippet function, as nil and false values are
	-- automatically converted into the blank string by the metatable.
	--
	-- If you add a new snippet, please document it at
	-- [[Module:UserLinks#Adding new links]].
	--]=]
	local snippets, snippetFunctions = {}, {}
	setmetatable(snippets, {
		__index = function (t, key)
			local snippetFunction = snippetFunctions[key]
			if snippetFunction then
				snippets[key] = snippetFunction() or ''
				return snippets[key]
			else
				raiseError(
					message('error-nosnippet', key),
					message('error-nosnippet-section')
				)
			end
		end
	})

	-- Define helper functions for writting the snippet functions.
	local function snippetExists(key)
		-- We have set the metatable up to make snippets default to '', so we
		-- don't have to test for false or nil.
		return snippets[key] ~= ''
	end

	local function getSnippet(key)
		local ret = snippets[key]
		if ret == '' then
			return nil
		else
			return ret
		end
	end

	-- Start snippet functions.

	function snippetFunctions.username()
		-- The username.
		local username = args.user or args.User
		return username or raiseError(
			message('error-nousername'),
			message('error-nousername-section')
		)
	end

	function snippetFunctions.usernameHtml()
		-- The username html-encoded. Spaces are encoded as pluses.
		return mw.uri.encode(snippets.username)
	end

	function snippetFunctions.project()
		-- The project name.
		-- Also does the work for snippetFunctions.interwikiTableKey, and adds
		-- the project value to snippets.lang if it is a valid language code.
		local project = args.Project or args.project
		if not project then
			return nil
		end
		local projectValidated, interwikiTableKey = p.validateProjectCode(project)
		if not projectValidated then
			if mw.language.isKnownLanguageTag(project) then
				if not snippetExists('lang') then
					snippets.lang = project
				end
			else
				raiseError(
					message('error-invalidproject', project),
					message('error-invalidproject-section')
				)
			end
		end
		snippets.interwikiTableKey = interwikiTableKey
		return project
	end

	function snippetFunctions.interwikiTableKey()
		-- The key for the project in Module:InterwikiTable.
		-- Relies on snippetFunctions.project to do the real work.
		local temp = snippets.project -- required; puts key in snippets table
		return rawget(snippets, 'interwikiTableKey')
	end

	function snippetFunctions.toolProject()
		-- The short project code for use with toolserver or labs. It is always
		-- present, even if the &quot;project&quot; argument is absent. The default value
		-- is the &quot;snippet-project-default&quot; message.
		local project = getSnippet('project')
		if not project then
			return message('snippet-project-default')
		else
			return project
		end
	end

	function snippetFunctions.projectLong()
		-- The long form of the project name, e.g. &quot;wikipedia&quot; or &quot;wikibooks&quot;.
		local key = getSnippet('interwikiTableKey')
		if not key then
			return message('snippet-projectlong-default')
		end
		interwikiTable = interwikiTable or mw.loadData('Module:InterwikiTable')
		local prefixes = interwikiTable[key].iw_prefix
		-- Using prefixes[2] is a bit of a hack, but should find the long name
		-- most of the time.
		return prefixes[2] or prefixes[1] 
	end

	function snippetFunctions.lang()
		-- The language code.
		local lang = args.lang or args.Lang
		if not lang then
			return nil
		end
		if mw.language.isKnownLanguageTag(lang) then
			return lang
		else
			raiseError(
				message('error-invalidlanguage', lang),
				message('error-invalidlanguage-section')
			)
		end
	end

	function snippetFunctions.toolLang()
		-- The language code for use with toolserver or labs tools. It is always
		-- present, even if the &quot;lang&quot; argument is absent. The default value is
		-- the &quot;snippet-lang-default&quot; message. 
		return getSnippet('lang') or message('snippet-lang-default')
	end

	function snippetFunctions.interwiki()
		-- The interwiki prefix, consisting of the project and language values,
		-- separated by colons, e.g. &quot;:wikt:es:&quot;.
		local project = getSnippet('project')
		local lang = getSnippet('lang')
		if not project and not lang then
			return nil
		end
		local ret = {}
		ret[#ret + 1] = project
		ret[#ret + 1] = lang
		return table.concat(ret, ':')
	end

	function snippetFunctions.fullDomain()
		-- The full domain name of the site, e.g. www.mediawiki.org,
		-- en.wikipedia.org, or ja.wikibooks.org.
		local fullDomain
		local lang = getSnippet('toolLang')
		local key = getSnippet('interwikiTableKey')
		if key then
			interwikiTable = interwikiTable or mw.loadData('Module:InterwikiTable')
			local domain = interwikiTable[key].domain
			local takesLangPrefix = interwikiTable[key].takes_lang_prefix
			if takesLangPrefix then
				fullDomain = lang .. '.' .. domain
			else
				fullDomain = domain
			end
		else
			fullDomain = lang .. '.wikipedia.org'
		end
		return fullDomain
	end

	-- End snippet functions. If you add a new snippet function, please
	-- document it at [[Module:UserLinks#Adding new links]].

	return snippets
end 

function p.validateProjectCode(s)
	-- Validates a project code, by seeing whether it is present in
	-- [[Module:InterwikiTable]]. If it is present, returns the code and the
	-- InterwikiTable key for the corresponding site. If not present,
	-- returns nil for both.
	interwikiTable = interwikiTable or mw.loadData('Module:InterwikiTable')
	for key, t in pairs(interwikiTable) do
		for i, prefix in ipairs(t.iw_prefix) do
			if s == prefix then
				return s, key
			end
		end
	end
	return nil, nil
end

--------------------------------------------------------------------------------
-- Main functions
--------------------------------------------------------------------------------

local function makeInvokeFunction(funcName)
	-- Makes a function that can be accessed from #invoke. This is only required
	-- for functions that need to access arguments.
	return function (frame)
		mArguments = require('Module:Arguments')
		local args = mArguments.getArgs(frame)
		return p[funcName](args)
	end
end

p.main = makeInvokeFunction('_main')

function p._main(args)
	-- The main function. This is the one called from [[Template:User-multi]],
	-- via p.main.
	local options = p.getOptions(args)
	local snippets = p.getSnippets(args)
	local codes = p.getCodes(args)
	local links = p.getLinks(snippets)
	-- Overload the built-in Lua error function to generate wikitext errors
	-- meant for end users to see. This makes things harder to debug when
	-- real errors occur, but it is the only realistic way to show wikitext
	-- errors and and still have sane code when using metatables, etc.
	local success, result = pcall(p.export, codes, links, options)
	if success then
		return result
	else
		return makeWikitextError(result, options.isDemo)
	end
end

function p.getOptions(args)
	-- Gets the options from the args table, so that we don't have to pass
	-- around the whole args table all the time.
	local options = {}
	options.isDemo = yesno(args.demo) or false
	options.noPing = yesno(args.noPing) or yesno(args.noping) or yesno(args.np) or false
	options.toolbarStyle = yesno(args.small) and 'font-size: 90%;' or nil
	options.sup = yesno(args.sup, true)
	options.separator = args.separator
	options.span = args.span
	options.uic = yesno(args.uic) or false
	return options
end

function p.getCodes(args)
	-- Gets the link codes from the arguments. The codes aren't validated
	-- at this point.
	mTableTools = maybeLoadModule('Module:TableTools')
	local codes
	if mTableTools then
		codes = mTableTools.compressSparseArray(args)
	else
		codes = {}
		for i, code in ipairs(args) do
			codes[i] = code
		end
	end
	return codes
end

function p.export(codes, links, options)
	-- Make the user link.
	local userLink = options.noPing and links.np or links.u

	-- Add the user info card option.
	if options.uic then
		userLink = links.uic .. userLink
	end

	-- If we weren't passed any link codes, just return the user link.
	if #codes &lt; 1 then
		return userLink
	end

	-- Make the toolbar.
	mToolbar = require('Module:Toolbar')
	local toolbarArgs = {}
	for i, code in ipairs(codes) do
		local link = links[code]
		toolbarArgs[#toolbarArgs + 1] = link
	end
	toolbarArgs.style = options.toolbarStyle
	toolbarArgs.separator = options.separator or 'dot'
	toolbarArgs.span = options.span
	local toolbar = mToolbar.main(toolbarArgs)

	-- Apply the sup option.
	if options.sup then
		toolbar = '&lt;sup&gt;' .. toolbar .. '&lt;/sup&gt;'
	end
	
	-- If we are transcluding, add a non-breaking space, but if we are substing
	-- just use a normal space
	local space = mw.isSubsting() and ' ' or '&amp;nbsp;'
	
	return userLink .. space .. toolbar
end

--------------------------------------------------------------------------------
-- Single link function
--------------------------------------------------------------------------------

p.single = makeInvokeFunction('_single')

function p._single(args)
	-- Fetches a single link from the link table.
	local options = p.getOptions(args)
	local snippets = p.getSnippets(args)
	local links = p.getLinks(snippets)
	local code = args[1]
	local success, link = pcall(p.exportSingle, links, code)
	if success then
		return link
	else
		return makeWikitextError(link, options.isDemo)
	end
end

function p.exportSingle(links, code)
	-- If any errors occur, they will probably occur here. This function
	-- exists purely so that all the errors that will occur in p._single can
	-- be handled using a single pcall.
	if not code then
		raiseError(
			message('error-nolinkcode'),
			message('error-nolinkcode-section')
		)
	end
	return links[code]
end

return p</text>
      <sha1>4b9h1nsfmoz2zxw4xq7b2zzz8h2xbv7</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:24.50.251.18</title>
    <ns>3</ns>
    <id>87842</id>
    <revision>
      <id>781327</id>
      <parentid>366379</parentid>
      <timestamp>2026-10-28T00:41:16Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781327</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="187" sha1="oofz75yn0wa6i4x70y9tym23jl59xm3" xml:space="preserve">{{Consent}}
== February 2016 ==
{{Autotranslate|base=Block|1=2 weeks|2=}} &amp;nbsp; — &lt;font size=&quot;4&quot;&gt;[[User:Jeff G.|Jeff]] [[User:Jeff G./talk|G. ツ]]&lt;/font&gt; 04:01, 27 February 2016 (UTC)</text>
      <sha1>oofz75yn0wa6i4x70y9tym23jl59xm3</sha1>
    </revision>
    <revision>
      <id>781352</id>
      <parentid>781327</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>262747</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="175" sha1="63uduwa9ea9cfgo4lrnarq4k46smgsn" xml:space="preserve">== February 2016 ==
{{Autotranslate|base=Block|1=2 weeks|2=}} &amp;nbsp; — &lt;font size=&quot;4&quot;&gt;[[User:Jeff G.|Jeff]] [[User:Jeff G./talk|G. ツ]]&lt;/font&gt; 04:01, 27 February 2016 (UTC)</text>
      <sha1>63uduwa9ea9cfgo4lrnarq4k46smgsn</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:177.193.205.164</title>
    <ns>3</ns>
    <id>90393</id>
    <revision>
      <id>781312</id>
      <parentid>364567</parentid>
      <timestamp>2026-10-28T00:39:20Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781312</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="6917" sha1="r1t29z5ikpkm35n3m36bj9ss2z0yw2r" xml:space="preserve">{{Consent}}


{{subst:Aviso-cite fonte|Dsa561dsa56}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 23:57, 9 April 2016 (UTC)
{{subst:Firstarticle if new|target=Dsa561dsa56|nothanks=}}
==[[Wikipedia:BLPPROD|Proposed deletion]] of [[Dsa561dsa56]]==
[[File:Ambox warning yellow.svg|left|link=|alt=Notice|48px|]]

The article [[Dsa561dsa56]] has been [[WP:BLPPROD|proposed for deletion]] because it appears to have no references. Under [[Wikipedia:BLPPROD#Objecting|Wikipedia policy]], this '''[[WP:BLP|biography of a living person]]''' will be deleted after seven days unless it has at least one reference to a [[WP:V#Sources|reliable source]] that directly supports material in the article. 

If you created the article, please don't be offended. Instead, consider improving the article. For help on inserting references, see [[Wikipedia:Referencing for beginners|Referencing for beginners]], or ask at the [[Wikipedia:Help desk|help desk]]. Once you have provided at least one [[WP:V#Sources|reliable source]], you may remove the {{tl|prod blp/dated}} tag. '''Please do not remove the tag unless the article is sourced.''' If you cannot provide such a source within seven days, the article may be deleted, but you can {{#ifexist:Dsa561dsa56|request that it be undeleted|[[Wikipedia:Requests for undeletion|request that it be undeleted]]}} when you are ready to add one.&lt;!-- Template:ProdwarningBLP --&gt; [[User:SD0001|SD0001]] ([[User talk:SD0001|talk]]) 10:51, 11 November 2018 (UTC)
{{subst:Firstarticle if new|target=Dsa561dsa56|nothanks=}}
==[[Wikipedia:BLPPROD|Proposed deletion]] of [[Dsa561dsa56]]==
[[File:Ambox warning yellow.svg|left|link=|alt=Notice|48px|]]

The article [[Dsa561dsa56]] has been [[WP:BLPPROD|proposed for deletion]] because it appears to have no references. Under [[Wikipedia:BLPPROD#Objecting|Wikipedia policy]], this '''[[WP:BLP|biography of a living person]]''' will be deleted after seven days unless it has at least one reference to a [[WP:V#Sources|reliable source]] that directly supports material in the article. 

If you created the article, please don't be offended. Instead, consider improving the article. For help on inserting references, see [[Wikipedia:Referencing for beginners|Referencing for beginners]], or ask at the [[Wikipedia:Help desk|help desk]]. Once you have provided at least one [[WP:V#Sources|reliable source]], you may remove the {{tl|prod blp/dated}} tag. '''Please do not remove the tag unless the article is sourced.''' If you cannot provide such a source within seven days, the article may be deleted, but you can {{#ifexist:Dsa561dsa56|request that it be undeleted|[[Wikipedia:Requests for undeletion|request that it be undeleted]]}} when you are ready to add one.&lt;!-- Template:ProdwarningBLP --&gt; [[User:SD0001|SD0001]] ([[User talk:SD0001|talk]]) 10:51, 11 November 2018 (UTC)
{{subst:Firstarticle if new|target=Dsa561dsa56|nothanks=}}
==[[Wikipedia:BLPPROD|Proposed deletion]] of [[Dsa561dsa56]]==
[[File:Ambox warning yellow.svg|left|link=|alt=Notice|48px|]]

The article [[Dsa561dsa56]] has been [[WP:BLPPROD|proposed for deletion]] because it appears to have no references. Under [[Wikipedia:BLPPROD#Objecting|Wikipedia policy]], this '''[[WP:BLP|biography of a living person]]''' will be deleted after seven days unless it has at least one reference to a [[WP:V#Sources|reliable source]] that directly supports material in the article. 

If you created the article, please don't be offended. Instead, consider improving the article. For help on inserting references, see [[Wikipedia:Referencing for beginners|Referencing for beginners]], or ask at the [[Wikipedia:Help desk|help desk]]. Once you have provided at least one [[WP:V#Sources|reliable source]], you may remove the {{tl|prod blp/dated}} tag. '''Please do not remove the tag unless the article is sourced.''' If you cannot provide such a source within seven days, the article may be deleted, but you can {{#ifexist:Dsa561dsa56|request that it be undeleted|[[Wikipedia:Requests for undeletion|request that it be undeleted]]}} when you are ready to add one.&lt;!-- Template:ProdwarningBLP --&gt; [[User:SD0001|SD0001]] ([[User talk:SD0001|talk]]) 10:53, 11 November 2018 (UTC)
{{subst:Firstarticle if new|target=Dsa561dsa56|nothanks=}}
==[[Wikipedia:BLPPROD|Proposed deletion]] of [[Dsa561dsa56]]==
[[File:Ambox warning yellow.svg|left|link=|alt=Notice|48px|]]

The article [[Dsa561dsa56]] has been [[WP:BLPPROD|proposed for deletion]] because it appears to have no references. Under [[Wikipedia:BLPPROD#Objecting|Wikipedia policy]], this '''[[WP:BLP|biography of a living person]]''' will be deleted after seven days unless it has at least one reference to a [[WP:V#Sources|reliable source]] that directly supports material in the article. 

If you created the article, please don't be offended. Instead, consider improving the article. For help on inserting references, see [[Wikipedia:Referencing for beginners|Referencing for beginners]], or ask at the [[Wikipedia:Help desk|help desk]]. Once you have provided at least one [[WP:V#Sources|reliable source]], you may remove the {{tl|prod blp/dated}} tag. '''Please do not remove the tag unless the article is sourced.''' If you cannot provide such a source within seven days, the article may be deleted, but you can {{#ifexist:Dsa561dsa56|request that it be undeleted|[[Wikipedia:Requests for undeletion|request that it be undeleted]]}} when you are ready to add one.&lt;!-- Template:ProdwarningBLP --&gt; [[User:SD0001|SD0001]] ([[User talk:SD0001|talk]]) 10:54, 11 November 2018 (UTC)
{{subst:Firstarticle if new|target=Dsa561dsa56|nothanks=}}
==[[Wikipedia:BLPPROD|Proposed deletion]] of [[Dsa561dsa56]]==
[[File:Ambox warning yellow.svg|left|link=|alt=Notice|48px|]]

The article [[Dsa561dsa56]] has been [[WP:BLPPROD|proposed for deletion]] because it appears to have no references. Under [[Wikipedia:BLPPROD#Objecting|Wikipedia policy]], this '''[[WP:BLP|biography of a living person]]''' will be deleted after seven days unless it has at least one reference to a [[WP:V#Sources|reliable source]] that directly supports material in the article. 

If you created the article, please don't be offended. Instead, consider improving the article. For help on inserting references, see [[Wikipedia:Referencing for beginners|Referencing for beginners]], or ask at the [[Wikipedia:Help desk|help desk]]. Once you have provided at least one [[WP:V#Sources|reliable source]], you may remove the {{tl|prod blp/dated}} tag. '''Please do not remove the tag unless the article is sourced.''' If you cannot provide such a source within seven days, the article may be deleted, but you can {{#ifexist:Dsa561dsa56|request that it be undeleted|[[Wikipedia:Requests for undeletion|request that it be undeleted]]}} when you are ready to add one.&lt;!-- Template:ProdwarningBLP --&gt; [[User:SD0001|SD0001]] ([[User talk:SD0001|talk]]) 10:58, 11 November 2018 (UTC)</text>
      <sha1>r1t29z5ikpkm35n3m36bj9ss2z0yw2r</sha1>
    </revision>
    <revision>
      <id>781387</id>
      <parentid>781312</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>364567</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="765" sha1="jp7mazz9ldp76u3s7430tj3ng81r231" xml:space="preserve">

{{subst:Aviso-cite fonte|Dsa561dsa56}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 23:57, 9 April 2016 (UTC)
{{subst:prodwarningBLP|1=Dsa561dsa56|concern=}} [[User:SD0001|SD0001]] ([[User talk:SD0001|talk]]) 10:51, 11 November 2018 (UTC)
{{subst:prodwarningBLP|1=Dsa561dsa56|concern=}} [[User:SD0001|SD0001]] ([[User talk:SD0001|talk]]) 10:51, 11 November 2018 (UTC)
{{subst:prodwarningBLP|1=Dsa561dsa56|concern=}} [[User:SD0001|SD0001]] ([[User talk:SD0001|talk]]) 10:53, 11 November 2018 (UTC)
{{subst:prodwarningBLP|1=Dsa561dsa56|concern=}} [[User:SD0001|SD0001]] ([[User talk:SD0001|talk]]) 10:54, 11 November 2018 (UTC)
{{subst:prodwarningBLP|1=Dsa561dsa56|concern=}} [[User:SD0001|SD0001]] ([[User talk:SD0001|talk]]) 10:58, 11 November 2018 (UTC)</text>
      <sha1>jp7mazz9ldp76u3s7430tj3ng81r231</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:-andreas</title>
    <ns>3</ns>
    <id>93652</id>
    <revision>
      <id>781300</id>
      <parentid>405437</parentid>
      <timestamp>2026-10-28T00:37:36Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781300</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="11" sha1="mg9gfjsjb74hy5wl13vmypldkbtrw9n" xml:space="preserve">{{Consent}}</text>
      <sha1>mg9gfjsjb74hy5wl13vmypldkbtrw9n</sha1>
    </revision>
    <revision>
      <id>781335</id>
      <parentid>781300</parentid>
      <timestamp>2026-10-28T00:42:55Z</timestamp>
      <contributor>
        <username>-andreas</username>
        <id>34722</id>
      </contributor>
      <comment>Reverted 1 edit by [[Special:Contributions/UHHEFUH|UHHEFUH]] ([[User talk:UHHEFUH|talk]])</comment>
      <origin>781335</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="0" sha1="phoiac9h4m842xq45sp7s6u21eteeq1" />
      <sha1>phoiac9h4m842xq45sp7s6u21eteeq1</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:!Silent!SilentTest</title>
    <ns>3</ns>
    <id>94407</id>
    <revision>
      <id>781281</id>
      <parentid>309886</parentid>
      <timestamp>2026-10-28T00:35:23Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781281</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="206" sha1="tbf9y9ci2zjv3nbeh4u8d99o4ygm3u1" xml:space="preserve">{{Consent}}
== Notificação de bloqueio ==

{{subst:Bloqueado|1=um dia|2=Vandalismo [[Wikipédia:Vandalismo|contumaz]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 22:20, 15 February 2017 (UTC)</text>
      <sha1>tbf9y9ci2zjv3nbeh4u8d99o4ygm3u1</sha1>
    </revision>
    <revision>
      <id>781377</id>
      <parentid>781281</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>309886</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="194" sha1="qgscqbt80a691buls84a8giess0vdfw" xml:space="preserve">== Notificação de bloqueio ==

{{subst:Bloqueado|1=um dia|2=Vandalismo [[Wikipédia:Vandalismo|contumaz]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 22:20, 15 February 2017 (UTC)</text>
      <sha1>qgscqbt80a691buls84a8giess0vdfw</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:177.193.201.52</title>
    <ns>3</ns>
    <id>94423</id>
    <revision>
      <id>781311</id>
      <parentid>309939</parentid>
      <timestamp>2026-10-28T00:39:15Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781311</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="206" sha1="79t966tcxlxdwx1h658rzl1c4dcg3qy" xml:space="preserve">{{Consent}}
== Notificação de bloqueio ==

{{subst:Bloqueado|1=um dia|2=Vandalismo [[Wikipédia:Vandalismo|contumaz]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 23:04, 17 February 2017 (UTC)</text>
      <sha1>79t966tcxlxdwx1h658rzl1c4dcg3qy</sha1>
    </revision>
    <revision>
      <id>781363</id>
      <parentid>781311</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>309939</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="194" sha1="nxdn5pk984frfaaux6a81xeujxwrrx9" xml:space="preserve">== Notificação de bloqueio ==

{{subst:Bloqueado|1=um dia|2=Vandalismo [[Wikipédia:Vandalismo|contumaz]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 23:04, 17 February 2017 (UTC)</text>
      <sha1>nxdn5pk984frfaaux6a81xeujxwrrx9</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:203.21.42.254</title>
    <ns>3</ns>
    <id>95144</id>
    <revision>
      <id>781325</id>
      <parentid>314158</parentid>
      <timestamp>2026-10-28T00:40:51Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781325</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="50" sha1="h58tzwjai5m5iy0qt7a34hflkl6iau9" xml:space="preserve">{{Consent}}
{{subst:User:RevolucioBot/Welcome IP}}</text>
      <sha1>h58tzwjai5m5iy0qt7a34hflkl6iau9</sha1>
    </revision>
    <revision>
      <id>781365</id>
      <parentid>781325</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>314158</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="38" sha1="4uz835w9us16arvdc8r67rl2u36u5kf" xml:space="preserve">{{subst:User:RevolucioBot/Welcome IP}}</text>
      <sha1>4uz835w9us16arvdc8r67rl2u36u5kf</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:119.160.119.25</title>
    <ns>3</ns>
    <id>98041</id>
    <revision>
      <id>781302</id>
      <parentid>341133</parentid>
      <timestamp>2026-10-28T00:38:10Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781302</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="41" sha1="asgo1zjr59h35zhr0ejph0523ourizc" xml:space="preserve">{{Consent}}
GfK&lt;ref&gt;{{cite web}}&lt;/ref&gt;hfj</text>
      <sha1>asgo1zjr59h35zhr0ejph0523ourizc</sha1>
    </revision>
    <revision>
      <id>781400</id>
      <parentid>781302</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>341133</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="29" sha1="rckd1shkg56fujmp13tvzt4vj7b6pus" xml:space="preserve">GfK&lt;ref&gt;{{cite web}}&lt;/ref&gt;hfj</text>
      <sha1>rckd1shkg56fujmp13tvzt4vj7b6pus</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:111.111.111.111</title>
    <ns>3</ns>
    <id>98082</id>
    <revision>
      <id>781290</id>
      <parentid>341594</parentid>
      <timestamp>2026-10-28T00:36:28Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781290</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="21" sha1="bqz7edhlillmisnbglk7l9nhxi63qoc" xml:space="preserve">{{Consent}}
sa;lf;lak</text>
      <sha1>bqz7edhlillmisnbglk7l9nhxi63qoc</sha1>
    </revision>
    <revision>
      <id>781388</id>
      <parentid>781290</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>341594</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="9" sha1="mmd127z4oybg8qw8mi3hh1nvf4dm6bm" xml:space="preserve">sa;lf;lak</text>
      <sha1>mmd127z4oybg8qw8mi3hh1nvf4dm6bm</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:1Veertje</title>
    <ns>3</ns>
    <id>100088</id>
    <revision>
      <id>781320</id>
      <parentid>479425</parentid>
      <timestamp>2026-10-28T00:40:20Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781320</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1146" sha1="ldpzb1rzv7s2d3e98xvlvk5sxfnj961" xml:space="preserve">{{Consent}}
== Hello, end user ==

This message was posted using the OAuth Hello World end-user application, and should be seen as coming from yourself. To revoke this application's access to your account, visit [[:meta:Special:OAuthManageMyGrants]]. [[User:1Veertje|1Veertje]] ([[User talk:1Veertje|talk]]) 13:23, 6 June 2018 (UTC)
== The Userscript Tour ==
&lt;div style=&quot;padding: 2em; border: medium solid #4740A8;&quot;&gt;
[[File:TUT ninja developer.png|right|220px|link=]]
&lt;span style=&quot;color: #539ED8; font-size: 180%;&quot;&gt;'''Welcome to [[MediaWiki:The Userscript Tour|&lt;span style=&quot;color: #539ED8; &quot;&gt;The Userscript Tour&lt;/span&gt;]]!'''&lt;/span&gt;
&lt;br /&gt;
&lt;br /&gt;
'''Hi mate!''' We're so delighted you wanted to play, to unveil the realm of userscripts. Trust us, you are sure to appreciate the power and flexibility of userscripts in no time! The Tour is divided into four missions, each with its own goals to help you implement userscripts with fundamental constructs incrementally.


Together these ''recipes of development'' aid you build cool JavaScript programs to change the very appearance and behaviour of your user account :)

{{:TUT/Navigation1}}
&lt;/div&gt;</text>
      <sha1>ldpzb1rzv7s2d3e98xvlvk5sxfnj961</sha1>
    </revision>
    <revision>
      <id>781390</id>
      <parentid>781320</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>479425</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1134" sha1="ocworq0950jb8wxtzagcmyrr1xaw7ia" xml:space="preserve">== Hello, end user ==

This message was posted using the OAuth Hello World end-user application, and should be seen as coming from yourself. To revoke this application's access to your account, visit [[:meta:Special:OAuthManageMyGrants]]. [[User:1Veertje|1Veertje]] ([[User talk:1Veertje|talk]]) 13:23, 6 June 2018 (UTC)
== The Userscript Tour ==
&lt;div style=&quot;padding: 2em; border: medium solid #4740A8;&quot;&gt;
[[File:TUT ninja developer.png|right|220px|link=]]
&lt;span style=&quot;color: #539ED8; font-size: 180%;&quot;&gt;'''Welcome to [[MediaWiki:The Userscript Tour|&lt;span style=&quot;color: #539ED8; &quot;&gt;The Userscript Tour&lt;/span&gt;]]!'''&lt;/span&gt;
&lt;br /&gt;
&lt;br /&gt;
'''Hi mate!''' We're so delighted you wanted to play, to unveil the realm of userscripts. Trust us, you are sure to appreciate the power and flexibility of userscripts in no time! The Tour is divided into four missions, each with its own goals to help you implement userscripts with fundamental constructs incrementally.


Together these ''recipes of development'' aid you build cool JavaScript programs to change the very appearance and behaviour of your user account :)

{{:TUT/Navigation1}}
&lt;/div&gt;</text>
      <sha1>ocworq0950jb8wxtzagcmyrr1xaw7ia</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:-Zest</title>
    <ns>3</ns>
    <id>100169</id>
    <revision>
      <id>781299</id>
      <parentid>433585</parentid>
      <timestamp>2026-10-28T00:37:31Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781299</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="103" sha1="6ouzq06xfdaeiuz5zp0c4yok7b1z2ev" xml:space="preserve">{{Consent}}
aaaAAAaaa-
Hello. [[User:-Zest|-Zest]] ([[User talk:-Zest|talk]]) 14:51, 23 June 2018 (UTC)</text>
      <sha1>6ouzq06xfdaeiuz5zp0c4yok7b1z2ev</sha1>
    </revision>
    <revision>
      <id>781371</id>
      <parentid>781299</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>433585</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="91" sha1="p9f6nopsg78elcy5kyhty50akhqorkj" xml:space="preserve">aaaAAAaaa-
Hello. [[User:-Zest|-Zest]] ([[User talk:-Zest|talk]]) 14:51, 23 June 2018 (UTC)</text>
      <sha1>p9f6nopsg78elcy5kyhty50akhqorkj</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:223.99.164.133</title>
    <ns>3</ns>
    <id>100911</id>
    <revision>
      <id>781326</id>
      <parentid>362981</parentid>
      <timestamp>2026-10-28T00:41:10Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781326</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="944" sha1="ll9ns7uadfpq5991nn7w0n22k9m51y0" xml:space="preserve">{{Consent}}
==Please see==
Hi. I replied to your thread in [[Wikipedia:Village pump]]. You may want to check it out. Regards &lt;nowiki&gt;~&lt;/nowiki&gt; [[User:Abelmoschus Esculentus|&lt;span style=&quot;background:#008000; color:white; padding:2px;&quot;&gt;'''Abelmoschus Esculentus'''&lt;/span&gt;]] ([[User talk:Abelmoschus Esculentus|talk to me]]) 12:10, 6 October 2018 (UTC)

== October 2018 ==
[[File:Information.svg|25px|alt=Information icon]] Hello, I'm [[User:UHHEFUH|UHHEFUH]]. An edit that you recently made  seemed to be a test and has been [[Help:Reverting|reverted]]. If you want to practice editing, please use the [[Wikipedia:Sandbox|sandbox]]. If you think I made a mistake, or if you have any questions, you can leave me a message on [[User talk:UHHEFUH|my talk page]]. ''Testing Twinkle.''&lt;!-- Template:uw-test1 --&gt; &amp;nbsp; — &lt;font size=&quot;4&quot;&gt;[[User:Jeff G.|Jeff]] [[User:Jeff G./talk|G. ツ]]&lt;/font&gt; 03:14, 10 October 2018 (UTC)
{{subst:Shared IP advice}}</text>
      <sha1>ll9ns7uadfpq5991nn7w0n22k9m51y0</sha1>
    </revision>
    <revision>
      <id>781373</id>
      <parentid>781326</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>362981</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="539" sha1="8y4muscm4h1gny8rm2xbzga5cr24zj7" xml:space="preserve">==Please see==
Hi. I replied to your thread in [[Wikipedia:Village pump]]. You may want to check it out. Regards &lt;nowiki&gt;~&lt;/nowiki&gt; [[User:Abelmoschus Esculentus|&lt;span style=&quot;background:#008000; color:white; padding:2px;&quot;&gt;'''Abelmoschus Esculentus'''&lt;/span&gt;]] ([[User talk:Abelmoschus Esculentus|talk to me]]) 12:10, 6 October 2018 (UTC)

== October 2018 ==
{{subst:uw-test1|2=''Testing Twinkle.''}} &amp;nbsp; — &lt;font size=&quot;4&quot;&gt;[[User:Jeff G.|Jeff]] [[User:Jeff G./talk|G. ツ]]&lt;/font&gt; 03:14, 10 October 2018 (UTC)
{{subst:Shared IP advice}}</text>
      <sha1>8y4muscm4h1gny8rm2xbzga5cr24zj7</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:1VeertjeBot</title>
    <ns>3</ns>
    <id>101283</id>
    <revision>
      <id>781321</id>
      <parentid>365331</parentid>
      <timestamp>2026-10-28T00:40:24Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781321</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="390" sha1="gcwvpve7g1ncrse9lii64e521h99a72" xml:space="preserve">{{Consent}}
==Blocked==
for uploading images of dubious/unclear copyright status. [[User:Winged Blades of Godric|Winged Blades of Godric]] ([[User talk:Winged Blades of Godric|talk]]) 13:15, 3 November 2018 (UTC)
:Since unblocked for reasons mentioned in log.[[User:Winged Blades of Godric|Winged Blades of Godric]] ([[User talk:Winged Blades of Godric|talk]]) 14:09, 24 November 2018 (UTC)</text>
      <sha1>gcwvpve7g1ncrse9lii64e521h99a72</sha1>
    </revision>
    <revision>
      <id>781359</id>
      <parentid>781321</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>365331</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="378" sha1="a4pfqjo0cufzx8v3kmwr1omef79mvui" xml:space="preserve">==Blocked==
for uploading images of dubious/unclear copyright status. [[User:Winged Blades of Godric|Winged Blades of Godric]] ([[User talk:Winged Blades of Godric|talk]]) 13:15, 3 November 2018 (UTC)
:Since unblocked for reasons mentioned in log.[[User:Winged Blades of Godric|Winged Blades of Godric]] ([[User talk:Winged Blades of Godric|talk]]) 14:09, 24 November 2018 (UTC)</text>
      <sha1>a4pfqjo0cufzx8v3kmwr1omef79mvui</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:103.6.159.85</title>
    <ns>3</ns>
    <id>102080</id>
    <revision>
      <id>781301</id>
      <parentid>375503</parentid>
      <timestamp>2026-10-28T00:37:51Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781301</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="11" sha1="mg9gfjsjb74hy5wl13vmypldkbtrw9n" xml:space="preserve">{{Consent}}</text>
      <sha1>mg9gfjsjb74hy5wl13vmypldkbtrw9n</sha1>
    </revision>
    <revision>
      <id>781351</id>
      <parentid>781301</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>375503</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="0" sha1="phoiac9h4m842xq45sp7s6u21eteeq1" />
      <sha1>phoiac9h4m842xq45sp7s6u21eteeq1</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:126.200.118.69</title>
    <ns>3</ns>
    <id>105832</id>
    <revision>
      <id>781308</id>
      <parentid>401043</parentid>
      <timestamp>2026-10-28T00:38:35Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781308</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="11" sha1="mg9gfjsjb74hy5wl13vmypldkbtrw9n" xml:space="preserve">{{Consent}}</text>
      <sha1>mg9gfjsjb74hy5wl13vmypldkbtrw9n</sha1>
    </revision>
    <revision>
      <id>781353</id>
      <parentid>781308</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>401043</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="0" sha1="phoiac9h4m842xq45sp7s6u21eteeq1" />
      <sha1>phoiac9h4m842xq45sp7s6u21eteeq1</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:177.50.215.112</title>
    <ns>3</ns>
    <id>106419</id>
    <revision>
      <id>781316</id>
      <parentid>408612</parentid>
      <timestamp>2026-10-28T00:39:35Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781316</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="3132" sha1="jj31o956ywmcepx1wniptd78z0w2bsq" xml:space="preserve">{{Consent}}
== Notificação de bloqueio ==

{{subst:Bloqueado|1=um dia|2=Vandalismo [[Wikipédia:Vandalismo|contumaz]] na página [[$1]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 21:53, 13 November 2019 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado|1=um dia|2=Vandalismo [[Wikipédia:Vandalismo|contumaz]] na página [[Page236]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 21:55, 13 November 2019 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado|1=um dia|2=Vandalismo [[Wikipédia:Vandalismo|contumaz]] na página [[Page236]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 21:55, 13 November 2019 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado|1=um dia|2=Vandalismo [[Wikipédia:Vandalismo|contumaz]] na página [[Special:Contributions/177.50.215.112]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 21:56, 13 November 2019 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado|1=um dia|2=Vandalismo [[Wikipédia:Vandalismo|contumaz]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 21:57, 13 November 2019 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado|1=um dia|2=Vandalismo [[Wikipédia:Vandalismo|contumaz]] na página [[Page236]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 21:57, 13 November 2019 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado|1=um dia|2=Tentativa de [[WP:VAN|vandalismo]] frustrada por [[WP:FE|filtro]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 21:57, 13 November 2019 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado|1=um dia|2=Tentativa de [[WP:VAN|vandalismo]] frustrada por [[WP:FE|filtro]] na página [[Page236]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 21:57, 13 November 2019 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado|1=um dia|2=Tentativa de [[WP:VAN|vandalismo]] frustrada por [[WP:FE|filtro]] na página [[Wikipedia:Test page]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 22:05, 13 November 2019 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado|1=um dia|2=Vandalismo [[Wikipédia:Vandalismo|contumaz]] na página [[Wikipedia:Test page]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 22:05, 13 November 2019 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado|1=um dia|2=Tentativa de [[WP:VAN|vandalismo]] frustrada por [[WP:FE|filtro]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 22:05, 13 November 2019 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado|1=um dia|2=Vandalismo [[Wikipédia:Vandalismo|contumaz]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 22:05, 13 November 2019 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado|1=um dia|2=Vandalismo [[Wikipédia:Vandalismo|contumaz]] na página [[Page236]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 22:06, 13 November 2019 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado|1=um dia|2=Tentativa de [[WP:VAN|vandalismo]] frustrada por [[WP:FE|filtro]] na página [[Page236]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 22:06, 13 November 2019 (UTC)</text>
      <sha1>jj31o956ywmcepx1wniptd78z0w2bsq</sha1>
    </revision>
    <revision>
      <id>781366</id>
      <parentid>781316</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>408612</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="3120" sha1="2eqsnp158zy2tv40k2cocovuacj2tl6" xml:space="preserve">== Notificação de bloqueio ==

{{subst:Bloqueado|1=um dia|2=Vandalismo [[Wikipédia:Vandalismo|contumaz]] na página [[$1]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 21:53, 13 November 2019 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado|1=um dia|2=Vandalismo [[Wikipédia:Vandalismo|contumaz]] na página [[Page236]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 21:55, 13 November 2019 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado|1=um dia|2=Vandalismo [[Wikipédia:Vandalismo|contumaz]] na página [[Page236]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 21:55, 13 November 2019 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado|1=um dia|2=Vandalismo [[Wikipédia:Vandalismo|contumaz]] na página [[Special:Contributions/177.50.215.112]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 21:56, 13 November 2019 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado|1=um dia|2=Vandalismo [[Wikipédia:Vandalismo|contumaz]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 21:57, 13 November 2019 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado|1=um dia|2=Vandalismo [[Wikipédia:Vandalismo|contumaz]] na página [[Page236]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 21:57, 13 November 2019 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado|1=um dia|2=Tentativa de [[WP:VAN|vandalismo]] frustrada por [[WP:FE|filtro]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 21:57, 13 November 2019 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado|1=um dia|2=Tentativa de [[WP:VAN|vandalismo]] frustrada por [[WP:FE|filtro]] na página [[Page236]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 21:57, 13 November 2019 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado|1=um dia|2=Tentativa de [[WP:VAN|vandalismo]] frustrada por [[WP:FE|filtro]] na página [[Wikipedia:Test page]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 22:05, 13 November 2019 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado|1=um dia|2=Vandalismo [[Wikipédia:Vandalismo|contumaz]] na página [[Wikipedia:Test page]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 22:05, 13 November 2019 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado|1=um dia|2=Tentativa de [[WP:VAN|vandalismo]] frustrada por [[WP:FE|filtro]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 22:05, 13 November 2019 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado|1=um dia|2=Vandalismo [[Wikipédia:Vandalismo|contumaz]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 22:05, 13 November 2019 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado|1=um dia|2=Vandalismo [[Wikipédia:Vandalismo|contumaz]] na página [[Page236]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 22:06, 13 November 2019 (UTC)

== Notificação de bloqueio ==

{{subst:Bloqueado|1=um dia|2=Tentativa de [[WP:VAN|vandalismo]] frustrada por [[WP:FE|filtro]] na página [[Page236]].}} [[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 22:06, 13 November 2019 (UTC)</text>
      <sha1>2eqsnp158zy2tv40k2cocovuacj2tl6</sha1>
    </revision>
  </page>
  <page>
    <title>Wikipedia:Sandbox</title>
    <ns>4</ns>
    <id>107092</id>
    <revision>
      <id>781257</id>
      <parentid>781051</parentid>
      <timestamp>2026-10-27T21:00:43Z</timestamp>
      <contributor>
        <username>Cewbot</username>
        <id>33876</id>
      </contributor>
      <comment>Clear the sandbox. If you want to keep it longer, please test it in [[Special:MyPage/Sandbox|personal sandbox]], you can also check the revision history of the sandbox.</comment>
      <origin>781257</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="82" sha1="9v37rcaxoiwjar8n3q9n7dcsjdvcyin" xml:space="preserve">&lt;noinclude&gt;{{Sandbox}}&lt;/noinclude&gt;
== Please start your testing below this line ==</text>
      <sha1>9v37rcaxoiwjar8n3q9n7dcsjdvcyin</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:1234qwer1234qwer4/Archive 1</title>
    <ns>3</ns>
    <id>107256</id>
    <revision>
      <id>781305</id>
      <parentid>504908</parentid>
      <timestamp>2026-10-28T00:38:24Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781305</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="105" sha1="lchbwbsf88xx1b3s8es6c5lgj848u51" xml:space="preserve">{{Consent}}
{{Archive for converted wikitext talk page|from=User talk:1234qwer1234qwer4|date=2020-02-08}}</text>
      <sha1>lchbwbsf88xx1b3s8es6c5lgj848u51</sha1>
    </revision>
    <revision>
      <id>781367</id>
      <parentid>781305</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>504908</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="93" sha1="o98gotu8lp13zulbxan7ml5v693ln4c" xml:space="preserve">{{Archive for converted wikitext talk page|from=User talk:1234qwer1234qwer4|date=2020-02-08}}</text>
      <sha1>o98gotu8lp13zulbxan7ml5v693ln4c</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:177.50.205.211</title>
    <ns>3</ns>
    <id>110733</id>
    <revision>
      <id>781314</id>
      <parentid>432211</parentid>
      <timestamp>2026-10-28T00:39:28Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781314</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="138" sha1="tvod17azuvo0n0mv6nnxkyavcyeyizg" xml:space="preserve">{{Consent}}
{{Vandalismo repetido}}

{{subst:bem-vindo IP}}
[[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 11:42, 13 May 2020 (UTC)</text>
      <sha1>tvod17azuvo0n0mv6nnxkyavcyeyizg</sha1>
    </revision>
    <revision>
      <id>781384</id>
      <parentid>781314</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>432211</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="126" sha1="ozznzxel3iw0nkvpbov390wkg6uqqi3" xml:space="preserve">{{Vandalismo repetido}}

{{subst:bem-vindo IP}}
[[User:!Silent|!Silent]] ([[User talk:!Silent|talk]]) 11:42, 13 May 2020 (UTC)</text>
      <sha1>ozznzxel3iw0nkvpbov390wkg6uqqi3</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:1997kB</title>
    <ns>3</ns>
    <id>115368</id>
    <revision>
      <id>781319</id>
      <parentid>444070</parentid>
      <timestamp>2026-10-28T00:40:16Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781319</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="578" sha1="24242d3jo0lx6grn4vuej8wuv8eqat4" xml:space="preserve">{{Consent}}
[[File:Information.svg|25px|alt=Information icon]] Hello, I'm [[User:1997kB|1997kB]]. I wanted to let you know that one or more of [[Special:Contributions/1997kB|your recent contributions]]&amp;nbsp;to [[:User:103.13.242.219]] have been undone because they did not appear constructive. If you would like to experiment, please use the [[WP:sandbox|sandbox]]. If you have any questions, you can ask for assistance at the [[Wikipedia:Help desk|help desk]]. Thanks.&lt;!-- Template:uw-vandalism1 --&gt; [[User:1997kB|1997kB]] ([[User talk:1997kB|talk]]) 11:42, 6 August 2020 (UTC)</text>
      <sha1>24242d3jo0lx6grn4vuej8wuv8eqat4</sha1>
    </revision>
    <revision>
      <id>781344</id>
      <parentid>781319</parentid>
      <timestamp>2026-10-28T01:09:49Z</timestamp>
      <contributor>
        <username>1997kB</username>
        <id>39118</id>
      </contributor>
      <comment>Undid revision [[Special:Diff/781319|781319]] by [[Special:Contributions/UHHEFUH|UHHEFUH]] ([[User talk:UHHEFUH|talk]])</comment>
      <origin>781344</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="566" sha1="kyrzsj9cz9i5pw72md966kl0hljiedd" xml:space="preserve">[[File:Information.svg|25px|alt=Information icon]] Hello, I'm [[User:1997kB|1997kB]]. I wanted to let you know that one or more of [[Special:Contributions/1997kB|your recent contributions]]&amp;nbsp;to [[:User:103.13.242.219]] have been undone because they did not appear constructive. If you would like to experiment, please use the [[WP:sandbox|sandbox]]. If you have any questions, you can ask for assistance at the [[Wikipedia:Help desk|help desk]]. Thanks.&lt;!-- Template:uw-vandalism1 --&gt; [[User:1997kB|1997kB]] ([[User talk:1997kB|talk]]) 11:42, 6 August 2020 (UTC)</text>
      <sha1>kyrzsj9cz9i5pw72md966kl0hljiedd</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:1З.26.12.18</title>
    <ns>3</ns>
    <id>115695</id>
    <revision>
      <id>781322</id>
      <parentid>446750</parentid>
      <timestamp>2026-10-28T00:40:28Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781322</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="27" sha1="mmcihmt2hhpon4dj0p3ltrab1cfvfnw" xml:space="preserve">{{Consent}}
{{Tl|Uw-block}}</text>
      <sha1>mmcihmt2hhpon4dj0p3ltrab1cfvfnw</sha1>
    </revision>
    <revision>
      <id>781378</id>
      <parentid>781322</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>446750</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="15" sha1="j2p0nyzr6iviau6iekxzpriq6dun0gc" xml:space="preserve">{{Tl|Uw-block}}</text>
      <sha1>j2p0nyzr6iviau6iekxzpriq6dun0gc</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:2409:4064:2217:37E9:CE98:8087:7354:12B9</title>
    <ns>3</ns>
    <id>118785</id>
    <revision>
      <id>781332</id>
      <parentid>465232</parentid>
      <timestamp>2026-10-28T00:41:38Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781332</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="876" sha1="bkdccjh19qqs6d2xecmz9nxkalvxyuv" xml:space="preserve">{{Consent}}
==Welcome!==
[[Category:Really big category]]
[[Image:Wiki.png|right|120px]]
'''Hello {{BASEPAGENAME}}''', and welcome to [[Wikipedia:Test Wikipedia|Test Wikipedia]], a [[:en:wiki|wiki]] designed for testing of software, among other things.

''Some good links include:''
*[[Sandbox]]
*[[Wikipedia:What test wiki is|What test wiki is]]
*[[Wikipedia:What test wiki is not|What test wiki is '''not''']]
*[[Wikipedia:Requests|Requests for permissions, renames and others]]
*[[Wikipedia:Village pump]]
*[[Wikipedia:Administrators]]
*[[Wikipedia:Bureaucrats]]
If you have any questions, please don't hesitate to ask me on my talk page. Thanks.  —[[User:Koavf|Justin (&lt;span style=&quot;color:grey&quot;&gt;ko'''a'''vf&lt;/span&gt;)]]&lt;span style=&quot;color:red&quot;&gt;❤[[User talk:Koavf|T]]☮[[Special:Contributions/Koavf|C]]☺[[Special:Emailuser/Koavf|M]]☯&lt;/span&gt; 21:41, 31 January 2021 (UTC)</text>
      <sha1>bkdccjh19qqs6d2xecmz9nxkalvxyuv</sha1>
    </revision>
    <revision>
      <id>781370</id>
      <parentid>781332</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>465232</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="864" sha1="ndzmuyuye9e1omch90h27iq6d9n6mz5" xml:space="preserve">==Welcome!==
[[Category:Really big category]]
[[Image:Wiki.png|right|120px]]
'''Hello {{BASEPAGENAME}}''', and welcome to [[Wikipedia:Test Wikipedia|Test Wikipedia]], a [[:en:wiki|wiki]] designed for testing of software, among other things.

''Some good links include:''
*[[Sandbox]]
*[[Wikipedia:What test wiki is|What test wiki is]]
*[[Wikipedia:What test wiki is not|What test wiki is '''not''']]
*[[Wikipedia:Requests|Requests for permissions, renames and others]]
*[[Wikipedia:Village pump]]
*[[Wikipedia:Administrators]]
*[[Wikipedia:Bureaucrats]]
If you have any questions, please don't hesitate to ask me on my talk page. Thanks.  —[[User:Koavf|Justin (&lt;span style=&quot;color:grey&quot;&gt;ko'''a'''vf&lt;/span&gt;)]]&lt;span style=&quot;color:red&quot;&gt;❤[[User talk:Koavf|T]]☮[[Special:Contributions/Koavf|C]]☺[[Special:Emailuser/Koavf|M]]☯&lt;/span&gt; 21:41, 31 January 2021 (UTC)</text>
      <sha1>ndzmuyuye9e1omch90h27iq6d9n6mz5</sha1>
    </revision>
  </page>
  <page>
    <title>MavetunaTest</title>
    <ns>0</ns>
    <id>119513</id>
    <revision>
      <id>781262</id>
      <parentid>763266</parentid>
      <timestamp>2026-10-27T22:35:08Z</timestamp>
      <contributor>
        <username>Testvinca24sep01</username>
        <id>55233</id>
      </contributor>
      <origin>781262</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="2889" sha1="lslcbxlyap9jsr7m88x2v3ucy4dkqin" xml:space="preserve">{{shortcut|WP:SIMILAR}}

{{hatnote|'''Dunwich''' ({{IPAc-en|ˈ|d|ʌ|n|ɪ|tʃ}}) is a town in the county of [[Suffolk]] in [[England]], the remnant of what was once a prosperous seaport and centre of the wool trade during the early [[middle ages]], with a natural harbour formed by the mouths of the [[River Blyth, Suffolk|River Blyth]].&amp;nbsp;...}}
Test anon user June 26/2026


Test  anon user Sep 22/2026 test2


{{#function:Z18453|asdf}}{{#function:Z18453|asdf}} Function with the wrong Type of arguments:

{{#function:Z18428|23}}{{#function:Z802|Z42|bar|baz}}

== Testing string functions ==

Use '''join''' with two unnamed args:

This is a function surrounded by text {{#function:Z10000|pango|lin2}}

{{#function:Z10000|pango|lin2}}
== renderlang and parselang ==

Use '''join''' with two unnamed args and renderlang/parselang:

This is a template with text: {{Date|12|23|4}} text after the template output 

{{#function:Z20773|3 May 2025}}

This is a failed function {{#function:Z10000|pango|lin|renderlang=en|parselang=es||||||||}}


== Testing parsers ==


=== With Natural Number/Z13518: ===

As input: use '''duplicate string N times/Z10911''' function

{{#function:Z12624|ar|3}}


{{#function:Z12624|Wikifunctions|3}}

As input and output: use '''multiply two natural numbers/Z13539''' function

{{#function:Z13539|2|2}}


=== With Float/Z20838: ===

As input: use '''float as percent/Z21000'''

{{#function:Z21000|0.25}}

As input and output: use '''meters to miles/Z18447'''

{{#function:Z18447|10}}


== Testing enums ==


=== With Boolean: ===

Use '''if string output''' true-&gt;hello

{{#function:Z11542|Z41|hello|world}}

Use '''if string output''' false-&gt;world

{{#function:Z11542|Z42|hello|world}}


=== With Gregorian calendar month: ===

Use '''days in month when not a leap year''':

January has {{#function:Z16316|Z16101}} days

Febuary has {{#function:Z16316|Z16101}} days


==Testing default values==

&lt;NOT YET DONE&gt;


Use '''age''' with filled values:

Geno is {{#function:Z20756|31-05-1985|22-03-2025}} years old


Use '''age''' with empty value:

Someone is {{#function:Z20756|31-05-1985|}} years old


== Testing errors ==

 
=== Unknown_object ===

{{#function:join|one|two}}

{{#function:Z10000000|one|two}}


=== Not_a_function ===

{{#function:Z11|one|two}}


=== Input_type_not_supported ===

{{#function:Z14329|en}}


=== Output_type_not_supported ===

{{#function:Z860|en}}


=== Invalid_language_properties ===

{{#function:Z10000|foo|bar|renderlang=Z1002|parselang=Z1003||||||||||||||||||||||||||||||||||||||||||||}}


=== Wrong_number_of_inputs ===

{{#function:Z10000|foo|bar|wiii}}


{{#function:Z10000|foo}}


=== Wrong_input_type ===

{{#function:Z802|Z1002|foo|bar}}


=== Failed_evaluation ===

NOTE: to test this, go to the page for Z10000 and disconnect all implementations, and then run:

{{#function:Z10000|one string|another string}}</text>
      <sha1>lslcbxlyap9jsr7m88x2v3ucy4dkqin</sha1>
    </revision>
    <revision>
      <id>781263</id>
      <parentid>781262</parentid>
      <timestamp>2026-10-27T22:37:57Z</timestamp>
      <contributor>
        <username>Testvinca24sep01</username>
        <id>55233</id>
      </contributor>
      <origin>781263</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="3331" sha1="kje0zcv3c5jugr3vvf0qvaa3ph1xnzq" xml:space="preserve">{{short description|Short navigational notes in Wikipedia articles}}
{{redirect-distinguish|Hatnote|Headnote|Hat notation}}

{{subcat guideline|editing guideline|Hatnote|WP:HN|WP:HAT}}
{{nutshell|''Hatnotes'' provide [[Wikipedia:Internal link|links]] at the top of an [[Wikipedia:Article|article]] or a [[Wikipedia:Section|section]] to help readers locate a different article if the one they are viewing is not the one they're looking for.}}

{{shortcut|WP:SIMILAR}}
{{hatnote|'''Dunwich''' ({{IPAc-en|ˈ|d|ʌ|n|ɪ|tʃ}}) is a town in the county of [[Suffolk]] in [[England]], the remnant of what was once a prosperous seaport and centre of the wool trade during the early [[middle ages]], with a natural harbour formed by the mouths of the [[River Blyth, Suffolk|River Blyth]].&amp;nbsp;...}}
Test anon user June 26/2026


Test  anon user Sep 22/2026 test2


{{#function:Z18453|asdf}}{{#function:Z18453|asdf}} Function with the wrong Type of arguments:

{{#function:Z18428|23}}{{#function:Z802|Z42|bar|baz}}

== Testing string functions ==

Use '''join''' with two unnamed args:

This is a function surrounded by text {{#function:Z10000|pango|lin2}}

{{#function:Z10000|pango|lin2}}
== renderlang and parselang ==

Use '''join''' with two unnamed args and renderlang/parselang:

This is a template with text: {{Date|12|23|4}} text after the template output 

{{#function:Z20773|3 May 2025}}

This is a failed function {{#function:Z10000|pango|lin|renderlang=en|parselang=es||||||||}}


== Testing parsers ==


=== With Natural Number/Z13518: ===

As input: use '''duplicate string N times/Z10911''' function

{{#function:Z12624|ar|3}}


{{#function:Z12624|Wikifunctions|3}}

As input and output: use '''multiply two natural numbers/Z13539''' function

{{#function:Z13539|2|2}}


=== With Float/Z20838: ===

As input: use '''float as percent/Z21000'''

{{#function:Z21000|0.25}}

As input and output: use '''meters to miles/Z18447'''

{{#function:Z18447|10}}


== Testing enums ==


=== With Boolean: ===

Use '''if string output''' true-&gt;hello

{{#function:Z11542|Z41|hello|world}}

Use '''if string output''' false-&gt;world

{{#function:Z11542|Z42|hello|world}}


=== With Gregorian calendar month: ===

Use '''days in month when not a leap year''':

January has {{#function:Z16316|Z16101}} days

Febuary has {{#function:Z16316|Z16101}} days


==Testing default values==

&lt;NOT YET DONE&gt;


Use '''age''' with filled values:

Geno is {{#function:Z20756|31-05-1985|22-03-2025}} years old


Use '''age''' with empty value:

Someone is {{#function:Z20756|31-05-1985|}} years old


== Testing errors ==

 
=== Unknown_object ===

{{#function:join|one|two}}

{{#function:Z10000000|one|two}}


=== Not_a_function ===

{{#function:Z11|one|two}}


=== Input_type_not_supported ===

{{#function:Z14329|en}}


=== Output_type_not_supported ===

{{#function:Z860|en}}


=== Invalid_language_properties ===

{{#function:Z10000|foo|bar|renderlang=Z1002|parselang=Z1003||||||||||||||||||||||||||||||||||||||||||||}}


=== Wrong_number_of_inputs ===

{{#function:Z10000|foo|bar|wiii}}


{{#function:Z10000|foo}}


=== Wrong_input_type ===

{{#function:Z802|Z1002|foo|bar}}


=== Failed_evaluation ===

NOTE: to test this, go to the page for Z10000 and disconnect all implementations, and then run:

{{#function:Z10000|one string|another string}}</text>
      <sha1>kje0zcv3c5jugr3vvf0qvaa3ph1xnzq</sha1>
    </revision>
  </page>
  <page>
    <title>Wikipedia:Requests/Tools/ja</title>
    <ns>4</ns>
    <id>119544</id>
    <revision>
      <id>781407</id>
      <parentid>766310</parentid>
      <timestamp>2026-10-28T06:48:50Z</timestamp>
      <contributor>
        <username>261028·1544</username>
        <id>76452</id>
      </contributor>
      <origin>781407</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="3192" sha1="s02wo7rmj8c45nonrbz1eannu5mfmgp" xml:space="preserve">&lt;languages/&gt;
{{requests}}
このページには、ユーザーが管理ツールとMediaWikiソフトウェア全般をテストするためのサイトがリストされています。ただし、各サイトには、管理シップをテストするための独自のルールがあります。

&lt;hr width=&quot;86%&quot;/&gt;
{|class=&quot;plainlinks wikitable&quot; style=&quot;text-align: center;&quot;
!名前
!バージョン
!IRCチャンネル/Discordサーバー
!チェックユーザー
!プライバシー・ポリシー
!バグトラッカー/意見・要望のサイト
!ビジュアルエディター
!&lt;span lang=&quot;en&quot; dir=&quot;ltr&quot; class=&quot;mw-content-ltr&quot;&gt;Account requirements for sysop&lt;/span&gt;
|-
| [https://publictestwiki.com/ '''公開テストウィキ'''（Miraheze）]
| bgcolor=&quot;#3E7&quot; | 1.46.2&lt;ref name=&quot;mhTestWiki&quot;&gt;[https://publictestwiki.com/wiki/Special:Version ℹ️Public Test Wikiのバージョンページ]&lt;/ref&gt;&lt;br&gt;(latest)
|bgcolor=&quot;#3E7&quot; | [ircs://chat.freenode.net/miraheze-testwiki #miraheze-testwiki] Liberaで
| bgcolor=&quot;yellow&quot; | 制限
| bgcolor=&quot;#3E7&quot; | [https://publictestwiki.com/wiki/TestWiki:Privacy_policy はい]
| bgcolor=&quot;#3E7&quot; | [https://issue-tracker.miraheze.org/  Miraheze Phorge]
| bgcolor=&quot;#3E7&quot; | はい
|| 10 days old
|-
| [https://testwiki.wiki/ '''テストウィキ''']
| bgcolor=&quot;#3E7&quot; |1.46.2&lt;ref&gt;[https://testwiki.wiki/wiki/Special:Version テストウィキのバージョンページ]&lt;/ref&gt;&lt;br&gt;(latest)
| bgcolor=&quot;#3E7&quot; | [irc://chat.freenode.net/testadminwiki #testadminwiki] リベラ
不和で
| bgcolor=&quot;#3E7&quot; | はい(自身専用) テストウィキより
| bgcolor=&quot;#3E7&quot; | [https://testwiki.wiki/wiki/Test_Wiki:Privacy_policy はい]
| bgcolor=&quot;#3E7&quot; | [https://phabricator.testwiki.wiki/ Test Wiki Phabricator]
| bgcolor=&quot;#3E7&quot; | はい
||
|-
| [https://www.thetestwiki.org/ '''テストウィキ''']
| bgcolor=&quot;red&quot; | 1.44.0&lt;ref name=&quot;ttw-version&quot;&gt;[https://www.thetestwiki.org/wiki/Special:Version テストウィキのバージョンページ]&lt;/ref&gt;&lt;br&gt;(obselete)
| bgcolor=&quot;#3E7&quot; | [irc://chat.freenode.net/thetestwiki #thetestwiki] フリーノードで
| bgcolor=&quot;yellow&quot; | &lt;span class=&quot;mw-translate-fuzzy&quot;&gt;(自身専用)ですよ&lt;/span&gt;
| bgcolor=&quot;#3E7&quot; | [https://www.thetestwiki.org/wiki/The_Test_Wiki:Privacy_policy はい、不審者でない場合]
| bgcolor=&quot;#3E7&quot; | [[mw:User talk:Skizzerz|'''Skizzerz's talk page'''&lt;br&gt;(MediaWiki)]]
| bgcolor=&quot;red&quot; | いいえ
|| Identity verification from other major wikis (such as Wikipedia, Miraheze or Fandom)
|-
| [http://testmw.fandom.com/ '''ファンダムテストウィキ''']
| bgcolor=&quot;yellow&quot; | 1.43.9&lt;ref name=&quot;Wikia&quot;&gt;[http://testmw.fandom.com/wiki/Special:Version ファンダムテストウィキのバージョンページ]&lt;/ref&gt;&lt;br&gt;(legacy)
| bgcolor=&quot;#3E7&quot; | [https://discord.com/invite/fandom Fandom] on Discord
| bgcolor=&quot;yellow&quot; | 制限された
| bgcolor=&quot;#3E7&quot; | [http://www.fandom.com/privacy-policy はい]
| bgcolor=&quot;#3E7&quot; | [[centralwikia:Special:Contact/bug|ファンダムサポート - バグレポート]]
| bgcolor=&quot;#3E7&quot; | はい
|| 4 days old and 10 edits
|}


&lt;span id=&quot;Notes&quot;&gt;&lt;/span&gt;
== メモをしてください ==

* 獨島は韓国の領土です。
&lt;references /&gt;</text>
      <sha1>s02wo7rmj8c45nonrbz1eannu5mfmgp</sha1>
    </revision>
    <revision>
      <id>781409</id>
      <parentid>781407</parentid>
      <timestamp>2026-10-28T06:49:58Z</timestamp>
      <contributor>
        <username>YrangRonNa - 261028.1543</username>
        <id>76453</id>
      </contributor>
      <origin>781409</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="3199" sha1="cg8377119e0gouv3x35l1n35srcgzag" xml:space="preserve">&lt;languages/&gt;
{{requests}}
このページには、ユーザーが管理ツールとMediaWikiソフトウェア全般をテストするためのサイトがリストされています。ただし、各サイトには、管理シップをテストするための独自のルールがあります。

&lt;hr width=&quot;86%&quot;/&gt;
{|class=&quot;plainlinks wikitable&quot; style=&quot;text-align: center;&quot;
!名前
!バージョン
!IRCチャンネル/Discordサーバー
!チェックユーザー
!プライバシー・ポリシー
!バグトラッカー/意見・要望のサイト
!ビジュアルエディター
!&lt;span lang=&quot;en&quot; dir=&quot;ltr&quot; class=&quot;mw-content-ltr&quot;&gt;Account requirements for sysop&lt;/span&gt;
|-
| [https://publictestwiki.com/ '''公開テストウィキ'''（Miraheze）]
| bgcolor=&quot;#3E7&quot; | 1.46.2&lt;ref name=&quot;mhTestWiki&quot;&gt;[https://publictestwiki.com/wiki/Special:Version ℹ️Public Test Wikiのバージョンページ]&lt;/ref&gt;&lt;br&gt;(latest)
|bgcolor=&quot;#3E7&quot; | [ircs://chat.freenode.net/miraheze-testwiki #miraheze-testwiki] Liberaで
| bgcolor=&quot;yellow&quot; | 制限
| bgcolor=&quot;#3E7&quot; | [https://publictestwiki.com/wiki/TestWiki:Privacy_policy はい]
| bgcolor=&quot;#3E7&quot; | [https://issue-tracker.miraheze.org/  Miraheze Phorge]
| bgcolor=&quot;#3E7&quot; | はい
|| 10 days old
|-
| [https://testwiki.wiki/ '''テストウィキ''']
| bgcolor=&quot;#3E7&quot; |1.46.2&lt;ref&gt;[https://testwiki.wiki/wiki/Special:Version テストウィキのバージョンページ]&lt;/ref&gt;&lt;br&gt;(latest)
| bgcolor=&quot;#3E7&quot; | [irc://chat.freenode.net/testadminwiki #testadminwiki] リベラ
不和で
| bgcolor=&quot;#3E7&quot; | はい(自身専用) テストウィキより
| bgcolor=&quot;#3E7&quot; | [https://testwiki.wiki/wiki/Test_Wiki:Privacy_policy はい]
| bgcolor=&quot;#3E7&quot; | [https://phabricator.testwiki.wiki/ Test Wiki Phabricator]
| bgcolor=&quot;#3E7&quot; | はい
||
|-
| [https://www.thetestwiki.org/ '''テストウィキ''']
| bgcolor=&quot;red&quot; | 1.44.0&lt;ref name=&quot;ttw-version&quot;&gt;[https://www.thetestwiki.org/wiki/Special:Version テストウィキのバージョンページ]&lt;/ref&gt;&lt;br&gt;(obselete)
| bgcolor=&quot;#3E7&quot; | [irc://chat.freenode.net/thetestwiki #thetestwiki] フリーノードで
| bgcolor=&quot;yellow&quot; | &lt;span class=&quot;mw-translate-fuzzy&quot;&gt;(自身専用)ですよ&lt;/span&gt;
| bgcolor=&quot;#3E7&quot; | [https://www.thetestwiki.org/wiki/The_Test_Wiki:Privacy_policy はい、不審者でない場合]
| bgcolor=&quot;#3E7&quot; | [[mw:User talk:Skizzerz|'''Skizzerz's talk page'''&lt;br&gt;(MediaWiki)]]
| bgcolor=&quot;red&quot; | いいえ
|| Identity verification from other major wikis (such as Wikipedia, Miraheze or Fandom)
|-
| [http://testmw.fandom.com/ '''ファンダムテストウィキ''']
| bgcolor=&quot;yellow&quot; | 1.43.9&lt;ref name=&quot;Wikia&quot;&gt;[http://testmw.fandom.com/wiki/Special:Version ファンダムテストウィキのバージョンページ]&lt;/ref&gt;&lt;br&gt;(legacy)
| bgcolor=&quot;#3E7&quot; | [https://discord.com/invite/fandom Fandom] on Discord
| bgcolor=&quot;yellow&quot; | 制限された
| bgcolor=&quot;#3E7&quot; | [http://www.fandom.com/privacy-policy はい]
| bgcolor=&quot;#3E7&quot; | [[centralwikia:Special:Contact/bug|ファンダムサポート - バグレポート]]
| bgcolor=&quot;#3E7&quot; | はい
|| 4 days old and 10 edits
|}


&lt;span id=&quot;Notes&quot;&gt;&lt;/span&gt;
== メモをしてください ==

* 獨島(Dokdo)は韓国の領土です。
&lt;references /&gt;</text>
      <sha1>cg8377119e0gouv3x35l1n35srcgzag</sha1>
    </revision>
    <revision>
      <id>781411</id>
      <parentid>781409</parentid>
      <timestamp>2026-10-28T06:50:24Z</timestamp>
      <contributor>
        <username>261028·1544</username>
        <id>76452</id>
      </contributor>
      <origin>781411</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="3206" sha1="cv1m39033y064kqloknjgibkjt92xpo" xml:space="preserve">&lt;languages/&gt;
{{requests}}
このページには、ユーザーが管理ツールとMediaWikiソフトウェア全般をテストするためのサイトがリストされています。ただし、各サイトには、管理シップをテストするための独自のルールがあります。

&lt;hr width=&quot;86%&quot;/&gt;
{|class=&quot;plainlinks wikitable&quot; style=&quot;text-align: center;&quot;
!名前
!バージョン
!IRCチャンネル/Discordサーバー
!チェックユーザー
!プライバシー・ポリシー
!バグトラッカー/意見・要望のサイト
!ビジュアルエディター
!&lt;span lang=&quot;en&quot; dir=&quot;ltr&quot; class=&quot;mw-content-ltr&quot;&gt;Account requirements for sysop&lt;/span&gt;
|-
| [https://publictestwiki.com/ '''公開テストウィキ'''（Miraheze）]
| bgcolor=&quot;#3E7&quot; | 1.46.2&lt;ref name=&quot;mhTestWiki&quot;&gt;[https://publictestwiki.com/wiki/Special:Version ℹ️Public Test Wikiのバージョンページ]&lt;/ref&gt;&lt;br&gt;(latest)
|bgcolor=&quot;#3E7&quot; | [ircs://chat.freenode.net/miraheze-testwiki #miraheze-testwiki] Liberaで
| bgcolor=&quot;yellow&quot; | 制限
| bgcolor=&quot;#3E7&quot; | [https://publictestwiki.com/wiki/TestWiki:Privacy_policy はい]
| bgcolor=&quot;#3E7&quot; | [https://issue-tracker.miraheze.org/  Miraheze Phorge]
| bgcolor=&quot;#3E7&quot; | はい
|| 10 days old
|-
| [https://testwiki.wiki/ '''テストウィキ''']
| bgcolor=&quot;#3E7&quot; |1.46.2&lt;ref&gt;[https://testwiki.wiki/wiki/Special:Version テストウィキのバージョンページ]&lt;/ref&gt;&lt;br&gt;(latest)
| bgcolor=&quot;#3E7&quot; | [irc://chat.freenode.net/testadminwiki #testadminwiki] リベラ
不和で
| bgcolor=&quot;#3E7&quot; | はい(自身専用) テストウィキより
| bgcolor=&quot;#3E7&quot; | [https://testwiki.wiki/wiki/Test_Wiki:Privacy_policy はい]
| bgcolor=&quot;#3E7&quot; | [https://phabricator.testwiki.wiki/ Test Wiki Phabricator]
| bgcolor=&quot;#3E7&quot; | はい
||
|-
| [https://www.thetestwiki.org/ '''テストウィキ''']
| bgcolor=&quot;red&quot; | 1.44.0&lt;ref name=&quot;ttw-version&quot;&gt;[https://www.thetestwiki.org/wiki/Special:Version テストウィキのバージョンページ]&lt;/ref&gt;&lt;br&gt;(obselete)
| bgcolor=&quot;#3E7&quot; | [irc://chat.freenode.net/thetestwiki #thetestwiki] フリーノードで
| bgcolor=&quot;yellow&quot; | &lt;span class=&quot;mw-translate-fuzzy&quot;&gt;(自身専用)ですよ&lt;/span&gt;
| bgcolor=&quot;#3E7&quot; | [https://www.thetestwiki.org/wiki/The_Test_Wiki:Privacy_policy はい、不審者でない場合]
| bgcolor=&quot;#3E7&quot; | [[mw:User talk:Skizzerz|'''Skizzerz's talk page'''&lt;br&gt;(MediaWiki)]]
| bgcolor=&quot;red&quot; | いいえ
|| Identity verification from other major wikis (such as Wikipedia, Miraheze or Fandom)
|-
| [http://testmw.fandom.com/ '''ファンダムテストウィキ''']
| bgcolor=&quot;yellow&quot; | 1.43.9&lt;ref name=&quot;Wikia&quot;&gt;[http://testmw.fandom.com/wiki/Special:Version ファンダムテストウィキのバージョンページ]&lt;/ref&gt;&lt;br&gt;(legacy)
| bgcolor=&quot;#3E7&quot; | [https://discord.com/invite/fandom Fandom] on Discord
| bgcolor=&quot;yellow&quot; | 制限された
| bgcolor=&quot;#3E7&quot; | [http://www.fandom.com/privacy-policy はい]
| bgcolor=&quot;#3E7&quot; | [[centralwikia:Special:Contact/bug|ファンダムサポート - バグレポート]]
| bgcolor=&quot;#3E7&quot; | はい
|| 4 days old and 10 edits
|}


&lt;span id=&quot;Notes&quot;&gt;&lt;/span&gt;
== メモをしてください ==

* 獨島(Dokdo)は韓国(Korea)の領土です。
&lt;references /&gt;</text>
      <sha1>cv1m39033y064kqloknjgibkjt92xpo</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:177.50.207.154</title>
    <ns>3</ns>
    <id>119930</id>
    <revision>
      <id>781315</id>
      <parentid>473441</parentid>
      <timestamp>2026-10-28T00:39:31Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781315</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="11" sha1="mg9gfjsjb74hy5wl13vmypldkbtrw9n" xml:space="preserve">{{Consent}}</text>
      <sha1>mg9gfjsjb74hy5wl13vmypldkbtrw9n</sha1>
    </revision>
    <revision>
      <id>781368</id>
      <parentid>781315</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>473441</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="0" sha1="phoiac9h4m842xq45sp7s6u21eteeq1" />
      <sha1>phoiac9h4m842xq45sp7s6u21eteeq1</sha1>
    </revision>
  </page>
  <page>
    <title>Translations:Wikipedia:Requests/Tools/58/ja</title>
    <ns>1198</ns>
    <id>120024</id>
    <revision>
      <id>781406</id>
      <parentid>648537</parentid>
      <timestamp>2026-10-28T06:48:46Z</timestamp>
      <contributor>
        <username>261028·1544</username>
        <id>76452</id>
      </contributor>
      <origin>781406</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="70" sha1="ar2hom6m59cj2gde6z9k9hvorsfzp0q" xml:space="preserve">== メモをしてください ==

* 獨島は韓国の領土です。</text>
      <sha1>ar2hom6m59cj2gde6z9k9hvorsfzp0q</sha1>
    </revision>
    <revision>
      <id>781408</id>
      <parentid>781406</parentid>
      <timestamp>2026-10-28T06:49:53Z</timestamp>
      <contributor>
        <username>YrangRonNa - 261028.1543</username>
        <id>76453</id>
      </contributor>
      <origin>781408</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="77" sha1="mgsm80h4jwhlgu0krx6jrgfcm0few0c" xml:space="preserve">== メモをしてください ==

* 獨島(Dokdo)は韓国の領土です。</text>
      <sha1>mgsm80h4jwhlgu0krx6jrgfcm0few0c</sha1>
    </revision>
    <revision>
      <id>781410</id>
      <parentid>781408</parentid>
      <timestamp>2026-10-28T06:50:22Z</timestamp>
      <contributor>
        <username>261028·1544</username>
        <id>76452</id>
      </contributor>
      <origin>781410</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="84" sha1="5yv8j22l31sshbgyly0jb8vkaj913zq" xml:space="preserve">== メモをしてください ==

* 獨島(Dokdo)は韓国(Korea)の領土です。</text>
      <sha1>5yv8j22l31sshbgyly0jb8vkaj913zq</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:192.96.203.69</title>
    <ns>3</ns>
    <id>122841</id>
    <revision>
      <id>781317</id>
      <parentid>489569</parentid>
      <timestamp>2026-10-28T00:39:52Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781317</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="498" sha1="qp9442fq6wz3bdxhalw5evmznh8rf2u" xml:space="preserve">{{Consent}}
== New message ==

Test. [[User:Suffusion of Yellow|Suffusion of Yellow]] ([[User talk:Suffusion of Yellow|talk]]) 19:08, 9 November 2021 (UTC)

== New message ==

test. [[User:Suffusion of Yellow|Suffusion of Yellow]] ([[User talk:Suffusion of Yellow|talk]]) 19:12, 9 November 2021 (UTC)

== New message ==

WTF? [[User:Suffusion of Yellow|Suffusion of Yellow]] ([[User talk:Suffusion of Yellow|talk]]) 19:16, 9 November 2021 (UTC)

== one more time... ==

19:58, 9 November 2021 (UTC)</text>
      <sha1>qp9442fq6wz3bdxhalw5evmznh8rf2u</sha1>
    </revision>
    <revision>
      <id>781382</id>
      <parentid>781317</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>489569</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="486" sha1="q7hwwd5owrebeu0jpo314d18y98e3h4" xml:space="preserve">== New message ==

Test. [[User:Suffusion of Yellow|Suffusion of Yellow]] ([[User talk:Suffusion of Yellow|talk]]) 19:08, 9 November 2021 (UTC)

== New message ==

test. [[User:Suffusion of Yellow|Suffusion of Yellow]] ([[User talk:Suffusion of Yellow|talk]]) 19:12, 9 November 2021 (UTC)

== New message ==

WTF? [[User:Suffusion of Yellow|Suffusion of Yellow]] ([[User talk:Suffusion of Yellow|talk]]) 19:16, 9 November 2021 (UTC)

== one more time... ==

19:58, 9 November 2021 (UTC)</text>
      <sha1>q7hwwd5owrebeu0jpo314d18y98e3h4</sha1>
    </revision>
  </page>
  <page>
    <title>User:SongVĩ.Bot II</title>
    <ns>2</ns>
    <id>124239</id>
    <revision>
      <id>781228</id>
      <parentid>781064</parentid>
      <timestamp>2026-10-27T17:00:25Z</timestamp>
      <contributor>
        <username>SongVĩ.Bot II</username>
        <id>52414</id>
      </contributor>
      <comment>[[User:SongVĩ.Bot II|Task 0]]: Đã 1765 ngày...</comment>
      <origin>781228</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="57" sha1="3f3xofr9e83ejhkzcekke0hvx27levm" xml:space="preserve">Cập nhật lần cuối: 28-10-2026

Đã 1765 ngày...</text>
      <sha1>3f3xofr9e83ejhkzcekke0hvx27levm</sha1>
    </revision>
  </page>
  <page>
    <title>OttoTest0</title>
    <ns>0</ns>
    <id>146987</id>
    <revision>
      <id>781159</id>
      <parentid>781103</parentid>
      <timestamp>2026-10-27T13:53:22Z</timestamp>
      <contributor>
        <username>AKhatun (WMF)</username>
        <id>73848</id>
      </contributor>
      <comment>Testing</comment>
      <origin>781159</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="189" sha1="n0u9qvtv3jgsg65ha22rqgt6zc8z68j" xml:space="preserve">revision_feature_counts FTW

2

== Test section ==

=== Sub section ===

[[OttoTest1]] another page.

The [https://gitlab.wikimedia.org/repos/data-engineering/linked-artifact-lambdas repo].</text>
      <sha1>n0u9qvtv3jgsg65ha22rqgt6zc8z68j</sha1>
    </revision>
    <revision>
      <id>781160</id>
      <parentid>781159</parentid>
      <timestamp>2026-10-27T13:54:01Z</timestamp>
      <contributor>
        <username>AKhatun (WMF)</username>
        <id>73848</id>
      </contributor>
      <comment>Testing</comment>
      <origin>781160</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="211" sha1="8e4dgqi0kmd0dv6oibzjhqpym1eimpq" xml:space="preserve">revision_feature_counts FTW

2

== Test section ==

=== Sub section ===

[[OttoTest1]] another page.

The [https://gitlab.wikimedia.org/repos/data-engineering/linked-artifact-lambdas repo].

== Test section 2 ==</text>
      <sha1>8e4dgqi0kmd0dv6oibzjhqpym1eimpq</sha1>
    </revision>
    <revision>
      <id>781236</id>
      <parentid>781160</parentid>
      <timestamp>2026-10-27T18:15:57Z</timestamp>
      <contributor>
        <username>AKhatun (WMF)</username>
        <id>73848</id>
      </contributor>
      <origin>781236</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="228" sha1="0xnbqlc8qaz2j4fgfar2m06lmi8szlb" xml:space="preserve">revision_feature_counts FTW

2

== Test section ==

=== Sub section ===

[[OttoTest1]] another page.

The [https://gitlab.wikimedia.org/repos/data-engineering/linked-artifact-lambdas repo].

== Test section 2 ==

== Why note? ==</text>
      <sha1>0xnbqlc8qaz2j4fgfar2m06lmi8szlb</sha1>
    </revision>
    <revision>
      <id>781237</id>
      <parentid>781236</parentid>
      <timestamp>2026-10-27T18:17:20Z</timestamp>
      <contributor>
        <username>AKhatun (WMF)</username>
        <id>73848</id>
      </contributor>
      <origin>781237</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="280" sha1="et1lwn2wi12ywg8fn6ef6zot30exsm1" xml:space="preserve">revision_feature_counts FTW

2

== Test section ==

=== Sub section ===

[[OttoTest1]] another page.

The [https://gitlab.wikimedia.org/repos/data-engineering/linked-artifact-lambdas repo].

== Test section 2 ==

== Why note? ==

== Another section ==

[[OttoTest1]] another page.</text>
      <sha1>et1lwn2wi12ywg8fn6ef6zot30exsm1</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:&quot;Ghgfhc&quot;</title>
    <ns>3</ns>
    <id>147164</id>
    <revision>
      <id>781288</id>
      <parentid>549789</parentid>
      <timestamp>2026-10-28T00:35:49Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781288</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="16" sha1="2ut561gup5hahs450jmsuc9joper1au" xml:space="preserve">{{Consent}}
test</text>
      <sha1>2ut561gup5hahs450jmsuc9joper1au</sha1>
    </revision>
    <revision>
      <id>781380</id>
      <parentid>781288</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>549789</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="4" sha1="jrwjerxiekdtj9k82lg930wpkr6tq6r" xml:space="preserve">test</text>
      <sha1>jrwjerxiekdtj9k82lg930wpkr6tq6r</sha1>
    </revision>
  </page>
  <page>
    <title>Module:UserLinks/extra</title>
    <ns>828</ns>
    <id>150326</id>
    <revision>
      <id>781252</id>
      <parentid>561150</parentid>
      <timestamp>2026-10-27T20:06:22Z</timestamp>
      <contributor>
        <username>DVRTed</username>
        <id>55993</id>
      </contributor>
      <comment>copying https://en.wikipedia.org/w/index.php?title=Module:UserLinks/extra&amp;action=edit</comment>
      <origin>781252</origin>
      <model>Scribunto</model>
      <format>text/plain</format>
      <text bytes="4854" sha1="m6nelth65tka8pnmj50k1g6zeo0cyvg" xml:space="preserve">--------------------------------------------------------------------------------
-- This module holds extra link functions for use with [[Module:UserLinks]].
--
-- It is intended for experimenting with new link functions that will eventually
-- be added to the main module code.
--
-- Since this module is transcluded in only a small number of pages, changes
-- should cause little server overhead and should propagate quickly.
--
-- Link functions using the same link code as a function in the main module will
-- be ignored; please give your function a unique code.
--------------------------------------------------------------------------------

-- Load shared helper functions
local mShared = require('Module:UserLinks/shared')
local raiseError = mShared.raiseError
local makeWikitextError = mShared.makeWikitextError
local makeWikilink = mShared.makeWikilink
local makeUrlLink = mShared.makeUrlLink
local makeFullUrlLink = mShared.makeFullUrlLink
local message = mShared.message

local linkFunctions = {}

function linkFunctions.coibot(snippets)
	-- COIBot report
	return makeWikilink(
		nil,
		4,
		'WikiProject Spam/UserReports/' .. snippets.username,
		'COIBot'
	)
end

function linkFunctions.fa(snippets)
	-- Former admin label
	return message('display-formeradmin')
end

function linkFunctions.ggl(snippets)
	-- Google search for the username
	return makeUrlLink(
		{
			host = 'www.google.com',
			path = '/search',
			query = {q = snippets.username},
		},
		'Google'
	)
end

function linkFunctions.http(snippets)
	-- To see if an IP is serving a web page

	local host = snippets.username
	if not host:match('^%d+%.%d+%.%d+%.%d+$') then
		if host:match('^[%x:]+$') then
			-- It's IPv6, use RFC 3986 IP-Literal syntax
			host = '[' .. host .. ']'
		else
			-- It's neither IPv4 nor IPv6, return nothing
			return ''
		end
	end

	return makeUrlLink(
		{
			protocol = 'http',
			host = host
		},
		'http'
	)
end

function linkFunctions.lr(snippets)
	-- Local rights
	return makeFullUrlLink(
		snippets.interwiki,
		-1,
		'Log',
		{page = 'User:' .. snippets.username},
		message('display-localrights')
	)
end
	
function linkFunctions.mr(snippets)
	-- Meta user rights
	return makeFullUrlLink(
		'meta',
		-1,
		'Log',
		{page = 'User:' .. snippets.username .. '@enwiki'},
		message('display-metarights')
	)
end

function linkFunctions.msg(snippets)
	-- New message on user talk page
	return makeFullUrlLink(
		snippets.interwiki,
		3,
		snippets.username,
		{
			action = 'edit',
			section = 'new',
		},
		'message'
	)
end

function linkFunctions.rbl(snippets)
	-- Realtime blacklists
	return makeUrlLink(
		{
			protocol = 'https',
			host = 'www.robtex.com',
			path = '/ip-lookup/' .. snippets.username .. '#dnsbl',
		},
		'RBLs'
	)
end

function linkFunctions.rdns(snippets)
	-- Reverse DNS lookup
	return makeUrlLink(
		{
			protocol = 'https',
			host = 'www.dnswatch.info',
			path = '/dns/dnslookup',
			query = {
				la = 'en',
				host = snippets.username,
				submit = 'Resolve'
			}
		},
		'RDNS'
	)
end

function linkFunctions.sbx(snippets)
	-- User sandbox
	return makeWikilink(
		snippets.interwiki,
		2,
		snippets.username .. '/sandbox',
		'sandbox'
	)
end

function linkFunctions.sfs(snippets)
	-- StopForumSpam
	return makeUrlLink(
		{
			protocol = 'https',
			host = 'www.stopforumspam.com',
			path = '/search/' .. snippets.username,
		},
		'StopForumSpam'
	)
end

function linkFunctions.sul2(snippets)
	-- Global contribs, Luxo's tool
	return makeUrlLink(
		{
			host = 'tools.wmflabs.org',
			path = '/guc/index.php',
			query = {
				user = snippets.username,
				lang = snippets.toolLang
			}
		},
		'global contribs'
	)
end

function linkFunctions.uc(snippets)
	-- User creation
	return makeWikilink(
		snippets.interwiki,
		-1,
		'Log/newusers/' .. snippets.username,
		'user creation'
	)
end

function linkFunctions.whois(snippets)
	-- WHOIS information for IPs
	return makeUrlLink(
		{
			protocol = 'https',
			host = 'tools.wmflabs.org',
			path = '/whois/gateway.py',
			query = {
				lookup = 'true',
				ip = snippets.username,
			},
		},
		'WHOIS'
	)
end

function linkFunctions.wlh(snippets)
	-- Links to user page (what links here)
	return makeWikilink(
		snippets.interwiki,
		-1,
		'WhatLinksHere/'
			.. mw.site.namespaces[2].name
			.. ':'
			.. snippets.username,
		'links to user page'
	)
end

function linkFunctions.cr(snippets)
	-- Change rights
	return makeWikilink(
		snippets.interwiki,
		-1,
		'UserRights/' .. snippets.username,
		'change rights'
	)
end

function linkFunctions.pg(snippets)
	-- Page creation log
	return makeUrlLink(
		{
			protocol = 'https',
			host = 'en.wikipedia.org',
			path = '/w/index.php',
			query = {
				title = 'Special:Contributions',
				target = snippets.username,
				newOnly = 1
			},
		},
		'page creations'
	)
end

return {linkFunctions = linkFunctions}</text>
      <sha1>m6nelth65tka8pnmj50k1g6zeo0cyvg</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:122.104.181.64</title>
    <ns>3</ns>
    <id>151637</id>
    <revision>
      <id>781304</id>
      <parentid>569962</parentid>
      <timestamp>2026-10-28T00:38:18Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781304</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="120" sha1="2z9anpir8iww826s3kuexl8c7q8hgph" xml:space="preserve">{{Consent}}
== my ip ==

151.236.30.19

x [[Special:Contributions/151.236.30.19|151.236.30.19]] 06:06, 15 May 2023 (UTC)</text>
      <sha1>2z9anpir8iww826s3kuexl8c7q8hgph</sha1>
    </revision>
    <revision>
      <id>781349</id>
      <parentid>781304</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>569962</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="108" sha1="695uypeh7bxsqpfleu25amnanolx1jj" xml:space="preserve">== my ip ==

151.236.30.19

x [[Special:Contributions/151.236.30.19|151.236.30.19]] 06:06, 15 May 2023 (UTC)</text>
      <sha1>695uypeh7bxsqpfleu25amnanolx1jj</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:2400:2412:2820:3F00:E4FA:E5DA:97BB:1DB4</title>
    <ns>3</ns>
    <id>152314</id>
    <revision>
      <id>781329</id>
      <parentid>574296</parentid>
      <timestamp>2026-10-28T00:41:26Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781329</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1192" sha1="15uqzv04mo47p3cgi0lmf71axpl1p9n" xml:space="preserve">{{Consent}}
== June 2023 ==
&lt;div class=&quot;user-block&quot; style=&quot;padding: 5px; margin-bottom: 0.5em; border: 1px solid #a9a9a9; background-color: #ffefd5; min-height: 40px&quot;&gt;[[File:Stop x nuvola with clock.svg|40px|left|alt=Stop icon with clock]]&lt;div style=&quot;margin-left:45px&quot;&gt;Anonymous users from this IP address have been '''[[WP:Blocking policy|blocked]]''' from editing for a period of '''31 hours''' for [[WP:Disruptive editing|abuse of editing privileges]].   &lt;/div&gt;&lt;div style=&quot;margin-left:45px&quot;&gt;If you think there are good reasons for being unblocked, please read the [[WP:Guide to appealing blocks|guide to appealing blocks]], then add the following text below the block notice on your talk page: &lt;!-- Copy the text as it appears on your page, not as it appears in this edit area. --&gt;&lt;code&gt;&lt;nowiki&gt;{{unblock|reason=Your reason here ~~~~}}&lt;/nowiki&gt;&lt;/code&gt;. &amp;nbsp;[[User:Illusion Flame|Illusion Flame]] ([[User talk:Illusion Flame|talk]]) 14:40, 30 June 2023 (UTC)&lt;/div&gt;&lt;/div&gt;
: ''If this is a [[Network address translation|shared IP address]] and you are an uninvolved editor with a registered account, you may continue to edit by [[Special:Userlogin|logging in]]''.&lt;!-- Template:uw-ablock --&gt;</text>
      <sha1>15uqzv04mo47p3cgi0lmf71axpl1p9n</sha1>
    </revision>
    <revision>
      <id>781362</id>
      <parentid>781329</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>574296</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1180" sha1="7ark4pn5gfx27mc9wmn26q7xpk49z1v" xml:space="preserve">== June 2023 ==
&lt;div class=&quot;user-block&quot; style=&quot;padding: 5px; margin-bottom: 0.5em; border: 1px solid #a9a9a9; background-color: #ffefd5; min-height: 40px&quot;&gt;[[File:Stop x nuvola with clock.svg|40px|left|alt=Stop icon with clock]]&lt;div style=&quot;margin-left:45px&quot;&gt;Anonymous users from this IP address have been '''[[WP:Blocking policy|blocked]]''' from editing for a period of '''31 hours''' for [[WP:Disruptive editing|abuse of editing privileges]].   &lt;/div&gt;&lt;div style=&quot;margin-left:45px&quot;&gt;If you think there are good reasons for being unblocked, please read the [[WP:Guide to appealing blocks|guide to appealing blocks]], then add the following text below the block notice on your talk page: &lt;!-- Copy the text as it appears on your page, not as it appears in this edit area. --&gt;&lt;code&gt;&lt;nowiki&gt;{{unblock|reason=Your reason here ~~~~}}&lt;/nowiki&gt;&lt;/code&gt;. &amp;nbsp;[[User:Illusion Flame|Illusion Flame]] ([[User talk:Illusion Flame|talk]]) 14:40, 30 June 2023 (UTC)&lt;/div&gt;&lt;/div&gt;
: ''If this is a [[Network address translation|shared IP address]] and you are an uninvolved editor with a registered account, you may continue to edit by [[Special:Userlogin|logging in]]''.&lt;!-- Template:uw-ablock --&gt;</text>
      <sha1>7ark4pn5gfx27mc9wmn26q7xpk49z1v</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:2405:3800:834:4D18:4C71:30C5:990E:FDDA</title>
    <ns>3</ns>
    <id>152334</id>
    <revision>
      <id>781331</id>
      <parentid>574520</parentid>
      <timestamp>2026-10-28T00:41:35Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781331</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1191" sha1="226tyzv1zbtydlaak6gpp31z2lkrska" xml:space="preserve">{{Consent}}
== July 2023 ==
&lt;div class=&quot;user-block&quot; style=&quot;padding: 5px; margin-bottom: 0.5em; border: 1px solid #a9a9a9; background-color: #ffefd5; min-height: 40px&quot;&gt;[[File:Stop x nuvola with clock.svg|40px|left|alt=Stop icon with clock]]&lt;div style=&quot;margin-left:45px&quot;&gt;Anonymous users from this IP address have been '''[[WP:Blocking policy|blocked]]''' from editing for a period of '''24 hours''' for [[WP:Disruptive editing|abuse of editing privileges]].   &lt;/div&gt;&lt;div style=&quot;margin-left:45px&quot;&gt;If you think there are good reasons for being unblocked, please read the [[WP:Guide to appealing blocks|guide to appealing blocks]], then add the following text below the block notice on your talk page: &lt;!-- Copy the text as it appears on your page, not as it appears in this edit area. --&gt;&lt;code&gt;&lt;nowiki&gt;{{unblock|reason=Your reason here ~~~~}}&lt;/nowiki&gt;&lt;/code&gt;. &amp;nbsp;[[User:Illusion Flame|Illusion Flame]] ([[User talk:Illusion Flame|talk]]) 21:16, 2 July 2023 (UTC)&lt;/div&gt;&lt;/div&gt;
: ''If this is a [[Network address translation|shared IP address]] and you are an uninvolved editor with a registered account, you may continue to edit by [[Special:Userlogin|logging in]]''.&lt;!-- Template:uw-ablock --&gt;</text>
      <sha1>226tyzv1zbtydlaak6gpp31z2lkrska</sha1>
    </revision>
    <revision>
      <id>781350</id>
      <parentid>781331</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>574520</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1179" sha1="3f2exnnbsk28cmj5i4wcnq9lnfwwtle" xml:space="preserve">== July 2023 ==
&lt;div class=&quot;user-block&quot; style=&quot;padding: 5px; margin-bottom: 0.5em; border: 1px solid #a9a9a9; background-color: #ffefd5; min-height: 40px&quot;&gt;[[File:Stop x nuvola with clock.svg|40px|left|alt=Stop icon with clock]]&lt;div style=&quot;margin-left:45px&quot;&gt;Anonymous users from this IP address have been '''[[WP:Blocking policy|blocked]]''' from editing for a period of '''24 hours''' for [[WP:Disruptive editing|abuse of editing privileges]].   &lt;/div&gt;&lt;div style=&quot;margin-left:45px&quot;&gt;If you think there are good reasons for being unblocked, please read the [[WP:Guide to appealing blocks|guide to appealing blocks]], then add the following text below the block notice on your talk page: &lt;!-- Copy the text as it appears on your page, not as it appears in this edit area. --&gt;&lt;code&gt;&lt;nowiki&gt;{{unblock|reason=Your reason here ~~~~}}&lt;/nowiki&gt;&lt;/code&gt;. &amp;nbsp;[[User:Illusion Flame|Illusion Flame]] ([[User talk:Illusion Flame|talk]]) 21:16, 2 July 2023 (UTC)&lt;/div&gt;&lt;/div&gt;
: ''If this is a [[Network address translation|shared IP address]] and you are an uninvolved editor with a registered account, you may continue to edit by [[Special:Userlogin|logging in]]''.&lt;!-- Template:uw-ablock --&gt;</text>
      <sha1>3f2exnnbsk28cmj5i4wcnq9lnfwwtle</sha1>
    </revision>
  </page>
  <page>
    <title>User:Harej/citation-watchlist.js</title>
    <ns>2</ns>
    <id>154918</id>
    <revision>
      <id>781259</id>
      <parentid>741891</parentid>
      <timestamp>2026-10-27T21:13:43Z</timestamp>
      <contributor>
        <username>Harej</username>
        <id>7994</id>
      </contributor>
      <comment>Improved loading and caching</comment>
      <origin>781259</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="102045" sha1="jy8gb84xfr4gr9hy7gf425wdpstiitt" xml:space="preserve">/**
 *
 * Citation Watchlist
 * https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist
 *
 */

(function() {
  'use strict';

  /**
   * ==========================================================================
   * LOCALIZATION
   * ==========================================================================
   */


  /* Labeling tool in the user interface */
  const toolName              =  'Citation Watchlist';
  const aboutLink             =  'https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist';

  /* Revision inspection popup */
  const addedLabel            =  'Added';
  const removedLabel          =  'Removed';
  const viewDiffLabel         =  'View Diff';
  const viewRevisionLabel     =  'View Revision';
  const aboutLabel            =  'About Citation Watchlist';
  const archivedViaLabel      =  'Archived copy hosted at';

  /* Filter widget */
  const showEditsLabel        =  'Show edits:';
  const loadingLabel          =  'Loading...';
  const allLabel              =  'All';
  const linkChangesLabel      =  'Link Changes';
  const linkChangesTooltip    =  'Edits that add or remove links in articles';
  const noMatchingEditsLabel  =  'No matching edits';

  /* Load-failure indicator */
  const loadWarningGlyph      =  '⚠';
  const loadWarningPrefix     =  'Some Citation Watchlist lists could not be loaded:';


  /**
   * ==========================================================================
   * DOMAIN LIST CONFIGURATION
   * ==========================================================================
   *
   * Citation Watchlist requires the following wiki pages to function:
   *
   * 1. Public Suffix List
   *    - A local copy of the public suffix list, used for domain parsing.
   *    - Copy the contents of:
   *        https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist/Public_Suffix_List
   *      to a page on your own wiki.
   *    - Update the `publicSuffixList` variable below to reflect your page title.
   *
   * 2. List of Lists
   *    - A page linking to one or more domain list pages.
   *    - Format as a bullet list: &quot;* [[Page Title]]&quot; (space after asterisk).
   *    - Reference formatting example:
   *        https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist/Lists
   *    - Update the `listOfLists` variable below accordingly.
   *
   * 3+. Domain List Pages
   *    - One or more pages listing suspicious or noteworthy domains.
   *    - Each page must contain section headers that match the `indicators` config
   *      below (e.g., &quot;==Warn==&quot;, &quot;==Caution==&quot;).
   *    - Under each section, list domains in the format: &quot;* example.com&quot;
   *    - Do not use link formatting—just plain text.
   *    - Entries with paths (&quot;example.com/opinion&quot;), no dot (&quot;gov&quot;), or a
   *      leading &quot;www.&quot; are not supported and are reported in the console.
   */


  const publicSuffixList       =  'Wikipedia:Citation_Watchlist/Public_Suffix_List';
  const listOfLists            =  'Wikipedia:Citation_Watchlist/Lists';
  const enabledNamespaces      =  [-1, 0, 118];
  const enabledSectionHeaders  =  ['References'];

  /**
   * Detection options.
   * - UNWRAP_ARCHIVES: screen the original URL embedded in a web archive link
   *   (web.archive.org, archive.today, Google cache) rather than the archive
   *   host. The popup still links to the cited archive URL.
   * - SHOW_LINT_IN_WIDGET: also show domain-list lint (ignored entries) in the
   *   filter widget's warning tooltip. Lint always goes to the console.
   */
  const UNWRAP_ARCHIVES        =  true;
  const SHOW_LINT_IN_WIDGET    =  false;

  /**
   * ==========================================================================
   * INDICATOR CONFIGURATION
   * ==========================================================================
   *
   * Defines metadata for domain indicators used in the watchlist UI.
   * Each indicator is associated with a level of urgency and a unique symbol.
   *
   * Fields:
   * - msg:      Display label for the level (e.g., &quot;Warning&quot;, &quot;Caution&quot;).
   * - emoji:    Unicode character for the visual indicator (escaped as `\uXXXX`).
   * - section:  Must exactly match the section headers in the domain list pages.
   * - priority: Higher values override lower ones for conflicting domain matches.
   *             Priority scale: 1 (lowest) to N (highest).
   * - list:     Defined as &quot;new Set()&quot; for all indicator types.
   *
   * If a domain appears in multiple lists, the one with the highest priority
   * takes precedence.
   */


  const indicators = {
    warning: {
      msg:          'Warning',
      emoji:        '❗',
      section:      '==Warn==',
      explanation:  'This domain is classified as an unreliable source',
      priority:     3,
      dataAttr:     'data-cw-linkwarn',
      list:         new Set()
    },
    caution: {
      msg:          'Caution',
      emoji:        '✋',
      section:      '==Caution==',
      explanation:  'This source may be unreliable depending on context',
      priority:     2,
      dataAttr:     'data-cw-linkcaution',
      list:         new Set()
    },
    inspect: {
      msg:          'Inspect',
      emoji:        '🔎',
      section:      '==Inspect==',
      explanation:  'Take a closer look at this particular source',
      priority:     1,
      dataAttr:     'data-cw-linkinspect',
      list:         new Set()
    },
    added: {
      msg:          addedLabel,
      emoji:        '\u{1F517}',
      section:      null,
      explanation:  'All added links',
      priority:     0,
      list:         new Set()
    },
    removed: {
      msg:          removedLabel,
      emoji:        '\u{1F5D1}',
      section:      null,
      explanation:  'All removed links',
      priority:     -1,
      list:         new Set()
    }
  };

  /** Indicator types that come from the domain lists (priority &gt; 0). */
  const listedTypes = Object.keys(indicators).filter(t =&gt; indicators[t].priority &gt; 0);


  /**
   * Citation Watchlist
   *
   * Highlights potentially questionable citations added in Wikipedia revisions
   * based on community-built lists of domain names
   *
   *
   * Documentation: https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist
   *
   * Author: James Hare
   * License: GNU General Public License v3.0 (GPL-3.0)
   *
   * @version 2.5
   * @since 2026-
   */


  /**
   * IF YOU WANT TO MODIFY any part of the script below this point, please submit
   * your edits to https://test.wikipedia.org/wiki/User:Harej/citation-watchlist.js
   * so that your modifications can be tested.
   */


  let publicSuffixSet = new Set();
  const MAX_DOMAINS_PER_LIST = 50000;
  const MIN_PSL_ENTRIES = 1000;

  /**
   * Revisions larger than this are not scanned. MediaWiki's own page-size
   * limit is 2 MiB, so this only trips on pathological cases; it bounds the
   * download and regex work done per row.
   */
  const MAX_REVISION_CHARS = 2 * 1024 * 1024;

  /**
   * Revision fetching strategy. Rows are never fetched one at a time: revision
   * IDs are grouped into small chunks (so the first chunk returns quickly and
   * its rows render while the rest are still in flight), several chunks are
   * kept in flight at once, and rows are annotated the moment their chunk
   * arrives. Concurrency is capped because origin=* requests are anonymous and
   * therefore per-IP rate limited (see release notes for 1.5/1.6).
   */
  const CONTENT_CHUNK_SIZE = 8;             // max revisions per content request
  const CONTENT_CHUNK_BYTES = 400 * 1024;   // soft byte budget per chunk when sizes are known
  const CONTENT_CONCURRENCY = 4;            // simultaneous content requests
  const METADATA_CHUNK_SIZE = 50;           // revids per ids|size request (API max for users)
  const ASSUMED_REVISION_BYTES = 40 * 1024; // chunking estimate when size is unknown
  const LIVE_RELOAD_DEBOUNCE_MS = 250;      // settle time after the change list is replaced

  /**
   * Non-fatal problems encountered while loading configuration (missing list
   * pages, API failures). Surfaced in the filter widget so list maintainers
   * notice quickly, instead of the tool silently running with partial data.
   */
  const loadWarnings = [];

  /**
   * Domain-list lint: entries that were ignored because they are not bare
   * domains. Always logged; shown in the widget only if SHOW_LINT_IN_WIDGET.
   */
  const listLint = [];

  /**
   * Unified cache configuration. Each entry defines a cache key prefix, its TTL,
   * version number, an optional cap on the number of entries kept, and a
   * human-readable description.
   *
   * - revURLs:  per-revision list of extracted URLs. Revisions are immutable,
   *   so the TTL and cap exist only to bound storage.
   * - sectionURLs: per-revision, per-section URL map from rendered article HTML.
   * - domainList: parsed domain lists ({warning: [...], caution: [...], ...}).
   * - publicSuffixListCache: validated PSL entries as an array.
   * - citationWatchlistFetchDomainListPages_: list-of-lists page titles.
   */
  const cacheConfig = [
    {
      prefix: 'revURLs:',
      ttl: 30 * 24 * 60 * 60 * 1000,
      version: 1,
      maxEntries: 4000,
      description: 'Revision URL cache'
    },
    {
      prefix: 'sectionURLs:',
      ttl: 30 * 24 * 60 * 60 * 1000,
      version: 1,
      maxEntries: 500,
      description: 'Article section URL cache'
    },
    {
      prefix: 'domainList:',
      ttl: 6 * 60 * 60 * 1000,
      version: 1,
      description: 'Domain list cache'
    },
    {
      prefix: 'publicSuffixListCache',
      ttl: 24 * 60 * 60 * 1000,
      version: 1,
      description: 'Public suffix list cache'
    },
    {
      prefix: 'citationWatchlistFetchDomainListPages_',
      ttl: 4 * 60 * 60 * 1000,
      version: 0,
      description: 'Domain list pages cache'
    }
  ];

  /** Cache prefixes from earlier versions, removed on startup. */
  const retiredCachePrefixes = ['revisionDiff:'];

  /** How often (ms) the full localStorage expiry/eviction pass runs. */
  const CACHE_PURGE_INTERVAL = 60 * 60 * 1000;

  /**
   * ==========================================================================
   * 1. Primary Workflow
   * ==========================================================================
   */

  /** Resolves once the PSL and domain lists are loaded (true) or failed (false). */
  let configReady = null;

  /** Rows already handed to processRevisions(), so live reloads only pick up new ones. */
  const seenRows = new WeakSet();

  /**
   * Loads the public suffix list and the domain lists, in parallel. Never
   * throws; failures are recorded in loadWarnings.
   *
   * @returns {Promise&lt;boolean&gt;} True if the tool can screen domains.
   */
  async function loadConfiguration() {
    try {
      const [psl, listPages] = await Promise.all([
        fetchPublicSuffixList(),
        fetchDomainListPages(listOfLists)
      ]);
      publicSuffixSet = psl;
      if (publicSuffixSet.size === 0) {
        console.error('Public Suffix List loading failed');
        loadWarnings.push('Public Suffix List could not be loaded');
        return false;
      }
      console.log('Welcome to Citation Watchlist');
      if (listPages &amp;&amp; listPages.length &gt; 0) {
        await fetchAndOrganizeDomainLists(listPages);
      } else {
        loadWarnings.push(`Could not load list of lists (${listOfLists})`);
      }
      if (listLint.length &gt; 0) {
        console.warn(`Citation Watchlist: ${listLint.length} domain-list entries were ignored:\n` +
          listLint.join('\n'));
      }
      return true;
    } catch (e) {
      console.error('Citation Watchlist: configuration load failed:', e);
      loadWarnings.push('Configuration could not be loaded (see console)');
      return false;
    }
  }

  /**
   * Main entry point for Citation Watchlist.
   * Determines if the current page should be analyzed, starts loading the
   * configuration, collects the revisions behind each change-list row, and
   * fetches and annotates them while the configuration loads.
   */
  async function analyzeView() {
    purgeCaches();
    const ns = mw.config.get('wgNamespaceNumber');
    const inspectEnabled = enabledNamespaces.includes(ns);

    // Start the configuration load immediately; nothing below waits on it
    // until the first row is ready to render.
    if (inspectEnabled) {
      configReady = loadConfiguration();
    }

    // Article surface: scan enabled sections for watchlisted domains
    const action = mw.config.get('wgAction');
    if (action === 'view' &amp;&amp; ns &gt;= 0 &amp;&amp; inspectEnabled) {
      if (await configReady) {
        await analyzeArticleSections();
      }
      return;
    }

    // Pre-pad change log lines immediately on Special:RecentChanges for visual stability
    if (ns === -1) {
      document.querySelectorAll('li.mw-changeslist-line, .mw-changeslist-line')
        .forEach(line =&gt; prePadElement(line));
      flushGutterPadding();
    }

    if (!inspectEnabled) {
      return;
    }
    createChangeListFilterWidget();
    await annotateChangeList(document, true);
    installLiveReloadObserver();
  }

  /**
   * Collects and annotates every unseen change-list row under `root`.
   *
   * @param {Document|Element} root - Where to look for rows.
   * @param {boolean} allowFirstRevisionFallback - On a page history with no
   *   diff links (single-revision page), analyze the page's first revision.
   */
  async function annotateChangeList(root, allowFirstRevisionFallback) {
    const revisions = [];
    let noLinks = true;
    let usedLineMode = false;

    // Prefer iterating per-change rows when available (JS-enhanced watchlist/RC)
    const changeLines = Array.from(root.querySelectorAll(
      '[data-mw-revid]:not(.mw-userlink), .mw-changeslist-line'))
      .filter(line =&gt; !seenRows.has(line));
    const entriesContainers = Array.from(root.querySelectorAll('.mw-changeslist-links'))
      .filter(c =&gt; !seenRows.has(c));

    if (changeLines.length &gt; 0) {
      usedLineMode = true;
      for (const line of changeLines) {
        seenRows.add(line);
        prePadElement(line);
      }
      flushGutterPadding();
      for (const line of changeLines) {
        const result = await extractEntry(line, line, null);
        if (result.hasLink) noLinks = false;
        if (!result.skip &amp;&amp; result.revision) revisions.push(result.revision);
      }
    }

    // Fallback path (non-enhanced layouts): iterate link containers
    if (!usedLineMode) {
      for (const container of entriesContainers) {
        seenRows.add(container);
        const result = await extractEntry(container, container, (_el, link) =&gt; {
          const target = link.parentNode.parentNode;
          prePadElement(target);
          flushGutterPadding();
          return target;
        });
        if (result.hasLink) noLinks = false;
        if (!result.skip &amp;&amp; result.revision) revisions.push(result.revision);
      }
    }

    // If no links were found, extract the first revision ID
    if (allowFirstRevisionFallback &amp;&amp; noLinks &amp;&amp; (changeLines.length || entriesContainers.length)) {
      try {
        const firstID = await fetchFirstRevisionId(mw.config.get('wgTitle'));
        if (firstID) {
          revisions.push({
            oldrevision: String(firstID),
            element: (usedLineMode ? changeLines[0] : entriesContainers[0]),
            viewHref: buildPermalinkUrl(firstID),
            viewLabel: viewRevisionLabel
          });
        }
      } catch (e) {
        console.warn('Citation Watchlist: single-revision fallback failed:', e);
      }
    }

    await processRevisions(revisions);
    finishChangeListPass();
  }

  /**
   * Extracts the revision behind one change-list entry, isolating failures so
   * that a single malformed row does not abort the remaining rows.
   *
   * @param {Element} container - The DOM element to query for revision links.
   * @param {Element} element - The DOM element to attach to the revision object.
   * @param {Function|null} prePadCallback - See extractRevisionFromLinks.
   * @returns {Promise&lt;{revision: Object|null, hasLink: boolean, skip: boolean}&gt;}
   */
  async function extractEntry(container, element, prePadCallback) {
    try {
      return await extractRevisionFromLinks(container, element, prePadCallback);
    } catch (e) {
      console.warn('Citation Watchlist: skipping entry due to error:', e);
      // Report hasLink=true so a row-level failure never triggers the
      // single-revision fallback for the whole page.
      return { revision: null, hasLink: true, skip: true };
    }
  }

  /**
   * Annotates a set of revisions with as little latency as possible:
   *
   * 1. Parent IDs (for diff=prev and history rows) and sizes are resolved in
   *    one metadata request, only when any row needs them.
   * 2. Per-revision URL lists already in the cache are used directly.
   * 3. Remaining revision IDs are deduplicated (history rows share revisions),
   *    chunked in DOM order, fetched with bounded concurrency, and each row is
   *    rendered as soon as every revision it depends on is available. Fetching
   *    overlaps the configuration load; only rendering waits for it.
   *
   * @param {Object[]} revisions - Revision objects from extractRevisionFromLinks.
   */
  async function processRevisions(revisions) {
    if (revisions.length === 0) return;

    // --- 1. Resolve parents / sizes ---------------------------------------
    const parentLookups = revisions.filter(r =&gt; r.needsParentOf).map(r =&gt; r.needsParentOf);
    let metadata = {};
    if (parentLookups.length &gt; 0) {
      metadata = await fetchRevisionMetadata(unique(parentLookups));
      for (const revision of revisions) {
        if (!revision.needsParentOf) continue;
        const currentId = revision.needsParentOf;
        const meta = metadata[currentId];
        delete revision.needsParentOf;
        if (meta &amp;&amp; meta.parentid) {
          revision.oldrevision = String(meta.parentid);
          revision.newrevision = currentId;
          if (revision.pageTitle &amp;&amp; !revision.viewHref) {
            revision.viewHref = buildDiffUrl(revision.pageTitle,
              revision.oldrevision, revision.newrevision);
          }
        } else if (meta) {
          // First revision of the page: everything in it was &quot;added&quot;
          revision.oldrevision = currentId;
          revision.newrevision = null;
          revision.viewHref = buildPermalinkUrl(currentId);
          revision.viewLabel = viewRevisionLabel;
        } else {
          markSkipped(revision, 'fetch-failed');
          revision.oldrevision = null;
        }
      }
    }

    // --- 2. Per-revision URL lists from cache; queue the rest --------------
    const cacheTTL = getCacheTTL('revURLs:');
    const urlLists = new Map(); // id -&gt; string[] | null (null = unreadable)
    const pending = [];         // { revision, needs: string[] }
    for (const revision of revisions) {
      if (revision.skipped) continue;
      if (!isRevisionId(revision.oldrevision) ||
        (revision.newrevision &amp;&amp; !isRevisionId(revision.newrevision))) {
        markSkipped(revision, 'invalid');
        continue;
      }
      const needs = [revision.oldrevision];
      if (revision.newrevision) needs.push(revision.newrevision);
      for (const id of needs) {
        if (urlLists.has(id)) continue;
        const cached = readCache(`revURLs:${location.hostname}:${id}`, cacheTTL);
        if (Array.isArray(cached)) urlLists.set(id, cached.filter(isValidHttpUrl));
      }
      pending.push({ revision, needs });
    }
    if (pending.length === 0) return;

    // --- 3. Fetch missing content in chunks; render as data arrives --------
    const neededIds = unique(pending.flatMap(p =&gt; p.needs)).filter(id =&gt; !urlLists.has(id));
    const oversized = new Set();
    for (const id of neededIds) {
      const meta = metadata[id];
      if (meta &amp;&amp; typeof meta.size === 'number' &amp;&amp; meta.size &gt; MAX_REVISION_CHARS) {
        oversized.add(id);
        urlLists.set(id, null);
      }
    }
    const chunks = chunkRevisionIds(neededIds.filter(id =&gt; !oversized.has(id)), metadata);

    let canRender = false;
    const settle = () =&gt; {
      if (!canRender) return;
      for (let i = pending.length - 1; i &gt;= 0; i--) {
        const item = pending[i];
        if (!item.needs.every(id =&gt; urlLists.has(id))) continue;
        pending.splice(i, 1);
        if (item.needs.some(id =&gt; oversized.has(id))) {
          markSkipped(item.revision, 'oversized');
          continue;
        }
        const oldList = urlLists.get(item.revision.oldrevision);
        const newList = item.revision.newrevision ? urlLists.get(item.revision.newrevision) : null;
        if (oldList === null || (item.revision.newrevision &amp;&amp; newList === null)) {
          markSkipped(item.revision, 'fetch-failed');
          continue;
        }
        const diff = computeURLDiff(oldList, newList, !!item.revision.newrevision);
        renderRevision(item.revision, diff.addedURLs, diff.removedURLs);
      }
      flushGutterPadding();
    };

    const onText = (id, text) =&gt; {
      if (text === null) {
        urlLists.set(id, null);
        return;
      }
      if (text.length &gt; MAX_REVISION_CHARS) {
        oversized.add(id);
        urlLists.set(id, null);
        return;
      }
      const urls = extractURLs(stripHTMLComments(text));
      urlLists.set(id, urls);
      writeCache(`revURLs:${location.hostname}:${id}`, urls);
    };

    // Dispatch content fetches now; they run while the lists are still loading.
    const fetching = runPool(chunks.map(chunk =&gt; async () =&gt; {
      await fetchChunkIsolating(chunk, onText);
      settle();
    }), CONTENT_CONCURRENCY);

    if (!(await configReady)) {
      await fetching;
      return; // no lists: nothing to screen against
    }
    canRender = true;
    settle(); // cache hits and anything that landed while the lists loaded
    await fetching;

    // Anything still pending had an id the API never returned
    for (const item of pending) {
      markSkipped(item.revision, 'fetch-failed');
    }
  }

  /**
   * Fetches a chunk of revisions; if the request fails outright, splits the
   * chunk in half and retries each half, so one problematic revision only
   * costs itself rather than its neighbours. Each fetch already carries
   * safeFetch's retries, so this only runs in genuine failure cases.
   *
   * @param {string[]} chunk - Revision IDs.
   * @param {Function} onText - Called with (id, text|null) for every id.
   */
  async function fetchChunkIsolating(chunk, onText) {
    const result = await fetchRevisionTexts(chunk);
    if (result) {
      for (const id of chunk) {
        onText(id, result.has(id) ? result.get(id) : null);
      }
      return;
    }
    if (chunk.length === 1) {
      onText(chunk[0], null);
      return;
    }
    const mid = Math.ceil(chunk.length / 2);
    await fetchChunkIsolating(chunk.slice(0, mid), onText);
    await fetchChunkIsolating(chunk.slice(mid), onText);
  }

  /**
   * Groups revision IDs into fetch chunks in order, bounded by count and, when
   * sizes are known, by an approximate byte budget so one huge article does not
   * delay its neighbours.
   *
   * @param {string[]} ids - Revision IDs in the order they should be fetched.
   * @param {Object} metadata - Map of id -&gt; {parentid, size} (may be sparse).
   * @returns {string[][]}
   */
  function chunkRevisionIds(ids, metadata) {
    const chunks = [];
    let current = [];
    let currentBytes = 0;
    for (const id of ids) {
      const meta = metadata[id];
      const bytes = (meta &amp;&amp; typeof meta.size === 'number') ? meta.size : ASSUMED_REVISION_BYTES;
      if (current.length &gt; 0 &amp;&amp;
        (current.length &gt;= CONTENT_CHUNK_SIZE || currentBytes + bytes &gt; CONTENT_CHUNK_BYTES)) {
        chunks.push(current);
        current = [];
        currentBytes = 0;
      }
      current.push(id);
      currentBytes += bytes;
    }
    if (current.length &gt; 0) chunks.push(current);
    return chunks;
  }

  /**
   * Runs async task factories with at most `concurrency` in flight, in order.
   *
   * @param {Array&lt;() =&gt; Promise&lt;*&gt;&gt;} tasks
   * @param {number} concurrency
   * @returns {Promise&lt;void&gt;}
   */
  async function runPool(tasks, concurrency) {
    let next = 0;
    const workers = Array.from({ length: Math.min(concurrency, tasks.length) }, async () =&gt; {
      while (next &lt; tasks.length) {
        const task = tasks[next++];
        try {
          await task();
        } catch (e) {
          console.warn('Citation Watchlist: chunk failed:', e);
        }
      }
    });
    await Promise.all(workers);
  }

  /**
   * Returns the elements of an array with duplicates removed, first occurrence wins.
   *
   * @param {Array} arr
   * @returns {Array}
   */
  function unique(arr) {
    return Array.from(new Set(arr));
  }

  /**
   * Marks a revision's row as skipped with a reason, without annotating it.
   *
   * @param {Object} revision
   * @param {string} reason - 'fetch-failed', 'oversized' or 'invalid'.
   */
  function markSkipped(revision, reason) {
    revision.skipped = reason;
    try {
      revisionTargetElement(revision).setAttribute('data-cw-skipped', reason);
    } catch (e) {
      /* ignore */
    }
    console.warn(`Citation Watchlist: skipped ${revision.oldrevision || '?'}` +
      `${revision.newrevision ? ' -&gt; ' + revision.newrevision : ''} (${reason})`);
  }

  /**
   * Finds the row-level element that carries data attributes for a revision.
   *
   * @param {Object} revision
   * @returns {Element}
   */
  function revisionTargetElement(revision) {
    const el = revision.element;
    return el.closest('[data-mw-revid]:not(.mw-userlink)') ||
      el.closest('li') || el.closest('.mw-changeslist-line, tr') || el;
  }

  /**
   * Scans the article page for sections whose H2 headers match enabledSectionHeaders,
   * then analyzes each matching section for watchlisted domains.
   */
  async function analyzeArticleSections() {
    const headings = document.querySelectorAll('.mw-heading2 h2, h2');
    for (const h2 of headings) {
      const headerText = h2.textContent.trim();
      if (!enabledSectionHeaders.includes(headerText)) continue;

      // Collect all content between this heading and the next heading
      const headingContainer = h2.closest('.mw-heading') || h2;
      let sibling = headingContainer.nextElementSibling;
      const sectionElements = [];
      while (sibling &amp;&amp; !sibling.classList.contains('mw-heading')) {
        sectionElements.push(sibling);
        sibling = sibling.nextElementSibling;
      }

      try {
        analyzeSection(headerText, sectionElements);
        createArticleFilterWidget(headingContainer);
      } catch (e) {
        console.warn(`Citation Watchlist: failed to analyze section &quot;${headerText}&quot;:`, e);
      }
    }
  }

  /**
   * Analyzes a single article section: extracts URLs from each &lt;li&gt;, screens them
   * against domain lists, and prepends indicator icons to matching list items.
   *
   * @param {string} sectionName - The section header text (e.g. &quot;References&quot;).
   * @param {Element[]} sectionElements - DOM elements between this heading and the next.
   */
  function analyzeSection(sectionName, sectionElements) {
    const revisionId = mw.config.get('wgRevisionId');
    const cacheKey = `sectionURLs:${location.hostname}:${revisionId}:${sectionName}`;

    // Map: array of { liId, urls }. Anything read back from localStorage is
    // re-validated before it can reach an href.
    let liURLMap = null;
    const cachedMap = readCache(cacheKey, getCacheTTL('sectionURLs:'));
    if (Array.isArray(cachedMap)) {
      liURLMap = cachedMap
        .filter(entry =&gt; entry &amp;&amp; typeof entry.liId === 'string' &amp;&amp; Array.isArray(entry.urls))
        .map(entry =&gt; ({ liId: entry.liId, urls: entry.urls.filter(isValidHttpUrl) }));
    }

    // Build from DOM if not cached
    if (!liURLMap) {
      liURLMap = [];
      for (const el of sectionElements) {
        for (const li of el.querySelectorAll('li[id^=&quot;cite_note&quot;]')) {
          const urls = [];
          for (const a of li.querySelectorAll('a.external[href]')) {
            const href = a.getAttribute('href');
            if (/^https?:\/\//i.test(href)) urls.push(href);
          }
          liURLMap.push({ liId: li.id, urls });
        }
      }
      writeCache(cacheKey, liURLMap);
    }

    // Add padding to all list items so citation text is flush with icons
    for (const el of sectionElements) {
      for (const li of el.querySelectorAll('li[id^=&quot;cite_note&quot;]')) {
        li.style.paddingLeft = '1.5em';
      }
    }

    // Screen each li's URLs against domain lists and prepend icons with popups
    for (const entry of liURLMap) {
      const li = document.getElementById(entry.liId);
      if (!li) continue;

      const matched = resolveURLs(entry.urls).filter(r =&gt; r.indicator);
      if (matched.length === 0) continue;
      const highest = highestPriority(matched.map(m =&gt; m.indicator));

      const wrapper = document.createElement('span');
      wrapper.style.position = 'relative';
      wrapper.style.cursor = 'pointer';
      wrapper.style.marginLeft = '-1.5em';
      wrapper.style.display = 'inline-block';
      wrapper.style.width = '1.5em';

      const icon = document.createElement('span');
      icon.textContent = indicators[highest].emoji;
      wrapper.appendChild(icon);

      const popup = createPopupElement();
      buildPopupContent(popup, matched.map(m =&gt; ({
        labelText: indicators[m.indicator].msg,
        labelTitle: indicators[m.indicator].explanation,
        items: [m]
      })), {});
      wrapper.appendChild(popup);
      wrapper._cwEnablePopup = true;
      installPopupHandlers(wrapper);

      li.prepend(wrapper);
      li.dataset.cwIndicator = highest;
    }
  }

  /**
   * Extracts revision information from diff/hist/prev/cur links within a container.
   * Parent IDs are not fetched here; rows that need one set `needsParentOf` and
   * processRevisions() resolves them in a single batched request.
   *
   * @param {Element} container - The DOM element to query for revision links.
   * @param {Element} element - The DOM element to attach to the revision object.
   * @param {Function|null} prePadCallback - Optional callback invoked with (element, link) before
   *     processing each branch. In fallback mode this derives the target element and pre-pads it.
   * @returns {Promise&lt;{revision: Object|null, hasLink: boolean, skip: boolean}&gt;}
   *     - revision: the extracted revision object, or null if no usable link was found.
   *     - hasLink: true if any recognized link was present (even if skipped).
   *     - skip: true if the entry should be skipped (non-article after pre-padding).
   */
  async function extractRevisionFromLinks(container, element, prePadCallback) {
    const kinds = [
      { selector: 'a.mw-changeslist-diff', kind: 'diff' },
      { selector: 'a.mw-changeslist-history', kind: 'hist' },
      { selector: 'a.mw-history-histlinks-previous', kind: 'prev' },
      { selector: 'a.mw-history-histlinks-current', kind: 'cur' }
    ];
    let link = null;
    let kind = null;
    for (const k of kinds) {
      link = container.querySelector(k.selector);
      if (link) {
        kind = k.kind;
        break;
      }
    }
    if (!link) {
      return { revision: null, hasLink: false, skip: false };
    }

    const params = new URL(link.href).searchParams;
    const pageTitle = params.get('title');
    const target = prePadCallback ? prePadCallback(element, link) : element;

    // The diff and hist links appear on watchlist/RC/contribs rows that can be
    // for any namespace; history prev/cur links are always for the page itself.
    if ((kind === 'diff' || kind === 'hist') &amp;&amp; isNotArticle(pageTitle)) {
      return { revision: null, hasLink: true, skip: true };
    }

    const revision = {
      oldrevision: null,
      newrevision: null,
      element: target,
      viewHref: '',
      viewLabel: viewDiffLabel,
      pageTitle: pageTitle || undefined
    };

    switch (kind) {
      case 'diff': {
        // MediaWiki convention: diff = newer, oldid = older
        const diffParam = params.get('diff');
        const oldidParam = params.get('oldid');
        revision.viewHref = link.href;
        if (diffParam === 'prev' &amp;&amp; oldidParam) {
          // Contributions: oldid is the current revision; parent resolved later
          revision.needsParentOf = oldidParam;
        } else {
          revision.oldrevision = oldidParam;
          revision.newrevision = diffParam;
        }
        break;
      }
      case 'hist': {
        // New page: analyze its first revision
        const firstID = await fetchFirstRevisionId(pageTitle);
        if (!firstID) {
          return { revision: null, hasLink: true, skip: false };
        }
        revision.oldrevision = String(firstID);
        revision.viewHref = buildPermalinkUrl(firstID);
        revision.viewLabel = viewRevisionLabel;
        break;
      }
      case 'prev': {
        // viewHref is filled in once the parent is known
        revision.needsParentOf = params.get('oldid') || null;
        break;
      }
      case 'cur': {
        revision.oldrevision = params.get('oldid');
        revision.viewHref = buildPermalinkUrl(revision.oldrevision);
        revision.viewLabel = viewRevisionLabel;
        break;
      }
    }

    return { revision, hasLink: true, skip: false };
  }

  /**
   * Computes the URLs added and removed between two revisions' URL lists.
   * Multiset semantics: a URL that appears twice in the new revision and once
   * in the old counts as one addition.
   *
   * @param {string[]} fromList - URLs in the older revision.
   * @param {string[]|null} toList - URLs in the newer revision (ignored if !hasNew).
   * @param {boolean} hasNew - False for a page's first revision, in which case
   *   every URL in fromList is considered added.
   * @returns {{addedURLs: string[], removedURLs: string[]}}
   */
  function computeURLDiff(fromList, toList, hasNew) {
    if (!hasNew) {
      // For first revision, all URLs are considered added
      return { addedURLs: fromList.slice(), removedURLs: [] };
    }
    const count = arr =&gt; arr.reduce((m, u) =&gt; {
      m[u] = (m[u] || 0) + 1;
      return m;
    }, {});
    const fromMap = count(fromList);
    const toMap = count(toList || []);
    const addedURLs = [];
    const removedURLs = [];
    for (const key of new Set([...Object.keys(fromMap), ...Object.keys(toMap)])) {
      const addCount = Math.max(0, (toMap[key] || 0) - (fromMap[key] || 0));
      const remCount = Math.max(0, (fromMap[key] || 0) - (toMap[key] || 0));
      for (let i = 0; i &lt; addCount; i++) addedURLs.push(key);
      for (let i = 0; i &lt; remCount; i++) removedURLs.push(key);
    }
    return { addedURLs, removedURLs };
  }

  /**
   * Screens a revision's added/removed URLs against the domain lists and
   * annotates its row (gutter icons, popup, filter data attributes).
   * Synchronous: all network work happens in processRevisions().
   *
   * @param {Object} revision - Object containing oldrevision, optional
   *   newrevision, and DOM element.
   * @param {string[]} addedURLs
   * @param {string[]} removedURLs
   */
  function renderRevision(revision, addedURLs, removedURLs) {
    const targetElement = revisionTargetElement(revision);
    targetElement.setAttribute('data-cw-processed', 'true');

    const added = resolveURLs(addedURLs);
    const removed = resolveURLs(removedURLs);

    // Highest-priority indicator among added links (lists only), for the gutter
    const addType = highestPriority(added.map(a =&gt; a.indicator)) ||
      (added.length &gt; 0 ? 'added' : null);

    try {
      if (revision.viewHref) revision.element.dataset.cwViewHref = revision.viewHref;
      if (revision.viewLabel) revision.element.dataset.cwViewLabel = revision.viewLabel;
    } catch (e) {
      /* ignore */
    }

    // Render two-column emojis: left = addition (highest-priority), right = removal (bin)
    renderTwoColumnEmojis(revision.element, addType, removed.length &gt; 0, added, removed);

    // Data attributes drive the filter widget
    const changedDomains = unique([...added, ...removed].map(r =&gt; r.domain)).sort();
    if (changedDomains.length &gt; 0) {
      targetElement.dataset.cwLinkchange = changedDomains.join('|');
    }
    for (const type of listedTypes) {
      const domains = unique([...added, ...removed]
        .filter(r =&gt; r.indicator === type).map(r =&gt; r.domain)).sort();
      if (domains.length &gt; 0) {
        targetElement.setAttribute(indicators[type].dataAttr, domains.join('|'));
      }
    }
  }

  /**
   * ==========================================================================
   * 2. User Interface
   * ==========================================================================
   */

  /**
   * Pending hosts that need gutter padding applied. Collected during
   * renderTwoColumnEmojis and flushed in a single batch via flushGutterPadding()
   * so that all rows shift at the same time instead of one at a time.
   */
  const pendingGutterPadding = [];

  /**
   * Applies the gutter padding to a single host element, reserving horizontal
   * space for the two-column emoji gutter.
   *
   * @param {HTMLElement} host - The element to pad.
   */
  function applyGutterPadding(host) {
    const pad = 'calc(2em + 0.5em)';
    try {
      const cs = window.getComputedStyle(host);
      const existing = parseFloat(cs.paddingLeft || '0');
      const fontSizePx = parseFloat(cs.fontSize || '16');
      const desiredPx = 2.5 * fontSizePx; // 2em + 0.5em
      if (isNaN(existing) || existing &lt; desiredPx - 0.5) {
        host.style.paddingLeft = pad;
      }
    } catch (e) {
      host.style.paddingLeft = pad;
    }
  }

  /**
   * Applies gutter padding to all collected hosts at once, then clears the
   * queue. Call this after a batch of renderTwoColumnEmojis calls to avoid
   * one-at-a-time layout shifts.
   */
  function flushGutterPadding() {
    for (const host of pendingGutterPadding) {
      applyGutterPadding(host);
    }
    pendingGutterPadding.length = 0;
  }

  /**
   * Finds the element that hosts the gutter for a change-list element:
   * the list container or, for table rows, the content cell.
   *
   * @param {HTMLElement} element
   * @returns {HTMLElement|null}
   */
  function gutterHostFor(element) {
    const container =
      element.closest('[data-mw-revid]:not(.mw-userlink)') ||
      element.closest('li') ||
      element.closest('.mw-changeslist-line, tr') || element.parentNode || element;
    if (!container) return null;
    let host = container;
    if (host.tagName &amp;&amp; host.tagName.toUpperCase() === 'TR') {
      // For nested enhanced RC rows, place the gutter in the content cell so
      // icons align with singleton rows that use .mw-changeslist-line-inner.
      const nestedContent = host.querySelector('td.mw-enhanced-rc-nested[data-target-page]');
      host = nestedContent || host.querySelector('td, th') || host;
    }
    // Prefer inner change-line wrappers on Watchlist/RC if present
    const innerHost = host.querySelector('.mw-changeslist-line-inner, .mw-changeslist-line-main');
    return innerHost || host;
  }

  /**
   * Renders exactly two fixed-width emoji columns before a revision entry:
   * - Left column: highest-priority addition indicator
   *   (warning/caution/inspect/added), or spacer if none.
   * - Right column: removal indicator if removals exist, otherwise spacer.
   *
   * This preserves consistent alignment even when no links are added/removed.
   *
   * @param {HTMLElement} element - The revision list DOM element.
   * @param {string|null} addType - Indicator type for the left column, or null.
   * @param {boolean} hasRemovals - Whether to show the removal icon.
   * @param {Object[]} added - Resolved added links ({url, domain, indicator, ...}).
   * @param {Object[]} removed - Resolved removed links.
   */
  function renderTwoColumnEmojis(element, addType, hasRemovals, added = [], removed = []) {
    if (!element) return;
    const hasPopupContent = added.length &gt; 0 || removed.length &gt; 0;
    const host = gutterHostFor(element);
    if (!host) return;

    const makeSpan = (char, className) =&gt; {
      const span = document.createElement('span');
      span.className = className;
      span.style.display = 'inline-block';
      span.style.width = '1em';
      span.style.textAlign = 'center';
      span.style.userSelect = 'none';
      span.textContent = char;
      return span;
    };
    const addChar = addType ? indicators[addType].emoji : ' ';
    const remChar = hasRemovals ? indicators.removed.emoji : ' ';

    // Propagate dataset for view link from source element to host
    try {
      if (element.dataset.cwViewHref) host.dataset.cwViewHref = element.dataset.cwViewHref;
      if (element.dataset.cwViewLabel) host.dataset.cwViewLabel = element.dataset.cwViewLabel;
    } catch (e) {
      /* ignore */
    }

    const lines = [];
    if (added.length &gt; 0) {
      lines.push({
        labelText: `${indicators.added.emoji} ${addedLabel}`,
        labelTitle: indicators.added.explanation,
        items: added
      });
    }
    if (removed.length &gt; 0) {
      lines.push({
        labelText: `${indicators.removed.emoji} ${removedLabel}`,
        labelTitle: indicators.removed.explanation,
        items: removed
      });
    }
    const footerOptions = {
      viewHref: host.dataset.cwViewHref || '',
      viewLabel: host.dataset.cwViewLabel || ''
    };

    // Ensure a single gutter exists, then update/create popup
    let gutter = host.querySelector('.cw-gutter');
    if (gutter) {
      gutter.querySelector('.cw-add').textContent = addChar;
      gutter.querySelector('.cw-rem').textContent = remChar;
    } else {
      // Ensure the host can anchor absolutely positioned children
      if (!host.style.position) host.style.position = 'relative';

      // Create a left gutter that does not participate in text wrapping
      gutter = document.createElement('span');
      gutter.className = 'cw-gutter';
      gutter.style.position = 'absolute';
      gutter.style.left = '0';
      gutter.style.top = '0';
      gutter.style.display = 'inline-flex';
      gutter.style.gap = '0.25em';
      gutter.style.width = 'calc(2em + 0.25em)';
      gutter.style.alignItems = 'flex-start';
      gutter.style.userSelect = 'none';
      gutter.appendChild(makeSpan(addChar, 'cw-add'));
      gutter.appendChild(makeSpan(remChar, 'cw-rem'));

      // Insert the gutter into the host; padding is deferred to flushGutterPadding()
      host.insertBefore(gutter, host.firstChild);
      pendingGutterPadding.push(host);
    }

    let popup = gutter.querySelector('.cw-popup');
    if (hasPopupContent) {
      if (!popup) {
        popup = createPopupElement();
        gutter.appendChild(popup);
      }
      buildPopupContent(popup, lines, footerOptions);
      gutter._cwEnablePopup = true;
      installPopupHandlers(gutter);
    } else {
      if (popup) popup.style.display = 'none';
      gutter._cwEnablePopup = false;
    }

    host.setAttribute('data-processed-twocol', 'true');
  }

  /**
   * Fills a popup with a close button, a two-column grid of labelled link
   * lines, and a footer. Idempotent: safe to call again to refresh content.
   *
   * @param {HTMLElement} popupEl - The popup element.
   * @param {Array&lt;{labelText: string, labelTitle: string, items: Object[]}&gt;} lines
   *   Each item is a resolved link ({url, domain, indicator, archiveHost}).
   * @param {Object} footerOptions - See createPopupFooter.
   */
  function buildPopupContent(popupEl, lines, footerOptions) {
    if (!popupEl.querySelector('.cw-close')) {
      popupEl.appendChild(createCloseButton(popupEl));
    }
    let contentWrap = popupEl.querySelector('.cw-popup-content');
    if (!contentWrap) {
      contentWrap = document.createElement('div');
      contentWrap.className = 'cw-popup-content';
      popupEl.appendChild(contentWrap);
    }
    // Grid layout so labels are flush-aligned with content
    contentWrap.style.display = 'grid';
    contentWrap.style.gridTemplateColumns = 'max-content 1fr';
    contentWrap.style.columnGap = '0.5em';
    contentWrap.style.rowGap = '2px';
    contentWrap.innerHTML = '';

    for (const line of lines) {
      if (!line.items || line.items.length === 0) continue;
      const label = document.createElement('strong');
      label.title = line.labelTitle;
      label.setAttribute('aria-label', `${line.labelText}: ${line.labelTitle}`);
      label.textContent = `${line.labelText}:`;
      label.style.alignSelf = 'start';
      label.style.justifySelf = 'end';
      label.style.textAlign = 'right';
      label.style.whiteSpace = 'nowrap';

      const content = document.createElement('div');
      content.style.display = 'inline';
      line.items.forEach((item, idx) =&gt; {
        content.appendChild(makeLinkItem(item));
        if (idx &lt; line.items.length - 1) {
          const sep = document.createElement('span');
          sep.textContent = ' • ';
          content.appendChild(sep);
        }
      });
      contentWrap.appendChild(label);
      contentWrap.appendChild(content);
    }

    const footer = popupEl.querySelector('.cw-popup-footer');
    if (footer) footer.remove();
    popupEl.appendChild(createPopupFooter(footerOptions));
  }

  /**
   * Builds the popup representation of one resolved link: an optional
   * indicator emoji followed by a link whose text is the screened domain.
   *
   * @param {Object} item - {url, domain, indicator, archiveHost}.
   * @returns {HTMLSpanElement}
   */
  function makeLinkItem(item) {
    const span = document.createElement('span');
    span.style.whiteSpace = 'nowrap';
    span.style.display = 'inline-block';
    if (item.indicator) {
      const pre = document.createElement('span');
      pre.className = 'cw-emoji';
      pre.textContent = indicators[item.indicator].emoji + ' ';
      pre.title = indicators[item.indicator].explanation;
      pre.setAttribute('aria-label',
        `${indicators[item.indicator].msg}: ${indicators[item.indicator].explanation}`);
      span.appendChild(pre);
    }
    const a = makeExternalLink(item.url, item.domain);
    if (item.archiveHost) {
      a.title = `${archivedViaLabel} ${item.archiveHost}`;
    }
    span.appendChild(a);
    return span;
  }

  /**
   * Creates an external link element with the attributes every outbound link
   * in this script uses. The single place an attacker-influenced URL becomes
   * an href, so the http(s) check lives here.
   *
   * @param {string} url
   * @param {string} text
   * @returns {HTMLAnchorElement}
   */
  function makeExternalLink(url, text) {
    const a = document.createElement('a');
    if (isValidHttpUrl(url)) a.href = url;
    a.textContent = text;
    a.rel = 'nofollow noopener noreferrer';
    a.target = '_blank';
    a.style.whiteSpace = 'nowrap';
    return a;
  }

  /**
   * Creates a styled popup element for displaying domain information.
   *
   * @returns {HTMLDivElement} The configured popup element.
   */
  function createPopupElement() {
    const popup = document.createElement('div');
    popup.className = 'mwe-popups cw-popup';
    popup.style.position = 'absolute';
    popup.style.minWidth = '260px';
    popup.style.maxWidth = '420px';
    popup.style.zIndex = '1000';
    popup.style.display = 'none';
    popup.style.background = 'var(--background-color, #fff)';
    popup.style.border = '1px solid rgba(0,0,0,.15)';
    popup.style.boxShadow = '0 2px 8px rgba(0,0,0,.2)';
    popup.style.padding = '8px 26px 8px 10px';
    popup.style.borderRadius = '4px';
    popup.style.fontSize = '0.92em';
    return popup;
  }

  /**
   * Creates a styled close button for popups.
   *
   * @param {HTMLElement} popupEl - The popup element to hide when the button is clicked.
   * @returns {HTMLButtonElement} The configured close button.
   */
  function createCloseButton(popupEl) {
    const closeBtn = document.createElement('button');
    closeBtn.className = 'cw-close';
    closeBtn.setAttribute('type', 'button');
    closeBtn.setAttribute('aria-label', 'Close');
    closeBtn.title = 'Close';
    closeBtn.textContent = '×';
    closeBtn.style.position = 'absolute';
    closeBtn.style.top = '4px';
    closeBtn.style.right = '6px';
    closeBtn.style.border = 'none';
    closeBtn.style.background = 'transparent';
    closeBtn.style.cursor = 'pointer';
    closeBtn.style.fontSize = '14px';
    closeBtn.style.lineHeight = '1';
    closeBtn.style.padding = '0';
    closeBtn.style.margin = '0';
    closeBtn.addEventListener('click', (e) =&gt; {
      e.stopPropagation();
      e.preventDefault();
      popupEl.style.display = 'none';
    });
    return closeBtn;
  }

  /**
   * Creates a popup footer element with an optional primary link and the
   * &quot;About Citation Watchlist&quot; link.
   *
   * @param {Object} [options] - Optional configuration.
   * @param {string} [options.viewHref] - URL for the primary link (e.g., diff or revision).
   * @param {string} [options.viewLabel] - Label text for the primary link.
   * @returns {HTMLDivElement} The configured footer element.
   */
  function createPopupFooter(options) {
    const footer = document.createElement('div');
    footer.className = 'cw-popup-footer';
    footer.style.marginTop = '10px';
    footer.style.color = 'inherit';

    const emWrap = document.createElement('span');
    // Accept absolute http(s) URLs and same-origin paths; reject
    // protocol-relative (&quot;//host/...&quot;) and anything else.
    if (options &amp;&amp; options.viewHref &amp;&amp; options.viewLabel &amp;&amp;
        /^https?:\/\/|^\/(?!\/)/.test(options.viewHref)) {
      const strong = document.createElement('strong');
      const viewA = document.createElement('a');
      viewA.href = options.viewHref;
      viewA.textContent = options.viewLabel;
      viewA.target = '_blank';
      viewA.rel = 'nofollow noopener noreferrer';
      strong.appendChild(viewA);
      emWrap.appendChild(strong);
      const sep = document.createElement('span');
      sep.textContent = ' • ';
      emWrap.appendChild(sep);
    }

    const linkCW = document.createElement('a');
    linkCW.href = aboutLink;
    linkCW.textContent = aboutLabel;
    linkCW.target = '_blank';
    linkCW.rel = 'nofollow noopener noreferrer';
    emWrap.appendChild(linkCW);
    footer.appendChild(emWrap);
    return footer;
  }

  /**
   * Builds the shared filter widget container with radio buttons and an about link.
   *
   * @param {Object} config - Widget configuration.
   * @param {string} config.containerId - The ID for the container element.
   * @param {string} config.radioName - The name attribute for the radio button group.
   * @param {Array&lt;Object&gt;} config.filters - Array of filter option objects
   *   ({id, label, checked?, tooltip?}).
   * @param {Function} config.onFilter - Callback invoked with the selected filter ID.
   * @param {Function} [config.initRadio] - Optional callback to customize each radio
   *   after creation, receiving (radio, filter, wrapper).
   * @returns {HTMLDivElement} The configured filter widget container.
   */
  function buildFilterWidgetContainer(config) {
    const container = document.createElement('div');
    container.id = config.containerId;
    container.style.display = 'flex';
    container.style.alignItems = 'center';
    container.style.justifyContent = 'space-between';
    container.style.border = '1px solid black';
    container.style.borderRadius = '25px';
    container.style.padding = '10px 20px';
    container.style.margin = '10px 0';
    container.style.width = 'fit-content';

    const leftSection = document.createElement('div');
    leftSection.style.display = 'flex';
    leftSection.style.alignItems = 'center';
    leftSection.style.gap = '15px';

    const label = document.createElement('span');
    label.textContent = config.initialLabel || showEditsLabel;
    label.style.fontWeight = '500';
    label.classList.add('cw-filter-label');
    leftSection.appendChild(label);

    config.filters.forEach(filter =&gt; {
      const wrapper = document.createElement('label');
      wrapper.style.display = 'flex';
      wrapper.style.alignItems = 'center';
      wrapper.style.gap = '5px';
      wrapper.style.cursor = 'pointer';

      const radio = document.createElement('input');
      radio.type = 'radio';
      radio.name = config.radioName;
      radio.value = filter.id;
      radio.checked = !!filter.checked;
      radio.style.margin = '0';

      if (config.initRadio) {
        config.initRadio(radio, filter, wrapper);
      }

      const text = document.createElement('span');
      text.textContent = filter.label;
      if (filter.tooltip) {
        text.title = filter.tooltip;
        text.style.borderBottom = '1px dotted';
        text.style.cursor = 'help';
      }

      wrapper.appendChild(radio);
      wrapper.appendChild(text);
      leftSection.appendChild(wrapper);

      radio.addEventListener('change', () =&gt; {
        if (radio.checked) {
          config.onFilter(filter.id);
        }
      });
    });

    container.appendChild(leftSection);

    const rightSection = document.createElement('div');
    rightSection.style.marginLeft = '4em';
    const link = document.createElement('a');
    link.href = aboutLink;
    link.textContent = toolName;
    link.style.textDecoration = 'underline';
    link.style.color = '#0645ad';
    rightSection.appendChild(link);
    container.appendChild(rightSection);

    return container;
  }

  /**
   * Builds the indicator filter list from the indicators config, sorted by
   * descending priority and excluding non-positive priorities.
   *
   * @returns {Array&lt;{id: string, label: string, tooltip: string}&gt;}
   */
  function buildIndicatorFilters() {
    return listedTypes
      .slice()
      .sort((a, b) =&gt; indicators[b].priority - indicators[a].priority)
      .map(id =&gt; ({
        id,
        label: `${indicators[id].emoji} ${indicators[id].msg}`,
        tooltip: indicators[id].explanation
      }));
  }

  /**
   * Enables or greys out each radio in a filter widget according to whether
   * any row currently matches it.
   *
   * @param {string} radioName - The radio group name.
   * @param {Function} hasResults - (filterId) =&gt; boolean.
   */
  function updateFilterRadios(radioName, hasResults) {
    document.querySelectorAll(`input[name=&quot;${radioName}&quot;]`).forEach(radio =&gt; {
      const enabled = radio.value === 'all' || hasResults(radio.value);
      const label = radio.closest('label');
      radio.disabled = !enabled;
      if (label) {
        label.style.cursor = enabled ? 'pointer' : 'default';
        label.style.color = enabled ? '' : 'gray';
      }
    });
  }

  /**
   * Creates and inserts the change-list filter widget (watchlist, recent
   * changes, history, contributions). Radios start disabled and are enabled by
   * finishChangeListPass() once rows are annotated.
   *
   * @returns {HTMLElement|null} The created filter container or null if not created.
   */
  function createChangeListFilterWidget() {
    const ns = mw.config.get('wgNamespaceNumber');
    const pageName = mw.config.get('wgPageName');
    let target = document.querySelector('.mw-changeslist') ||
      document.getElementById('mw-history-compare');
    if (!target &amp;&amp; ns === -1 &amp;&amp; pageName.startsWith('Special:Contributions')) {
      target = document.querySelector('.mw-pager-body');
    }
    if (!target) return null;

    const container = buildFilterWidgetContainer({
      containerId: 'cw-filter-widget',
      radioName: 'cw-filter',
      filters: [
        { id: 'all', label: allLabel, checked: true },
        { id: 'linkchange', label: linkChangesLabel, tooltip: linkChangesTooltip },
        ...buildIndicatorFilters()
      ],
      onFilter: applyChangeListFilter,
      initialLabel: loadingLabel,
      initRadio: (radio) =&gt; {
        radio.disabled = true; // Disabled until annotation is complete
      }
    });
    target.parentNode.insertBefore(container, target);
    return container;
  }

  /**
   * Creates and inserts a filter widget for the article surface, placed after
   * the section heading. Excludes the &quot;Link Changes&quot; option.
   *
   * @param {Element} headingContainer - The heading element to insert the widget after.
   */
  function createArticleFilterWidget(headingContainer) {
    const container = buildFilterWidgetContainer({
      containerId: 'cw-article-filter-widget',
      radioName: 'cw-article-filter',
      filters: [
        { id: 'all', label: allLabel, checked: true },
        ...buildIndicatorFilters()
      ],
      onFilter: applyArticleFilter
    });
    headingContainer.after(container);
    updateFilterRadios('cw-article-filter', (filterId) =&gt;
      !!document.querySelector(`li[id^=&quot;cite_note&quot;][data-cw-indicator=&quot;${filterId}&quot;]`));
    renderLoadWarnings();
  }

  /**
   * Called after each annotation pass on a change list: restores the widget
   * label, renders any load warnings, and enables the radios that have matches.
   */
  function finishChangeListPass() {
    const filterLabel = document.querySelector('#cw-filter-widget .cw-filter-label');
    if (filterLabel &amp;&amp; filterLabel.firstChild &amp;&amp;
      filterLabel.firstChild.nodeType === Node.TEXT_NODE) {
      filterLabel.firstChild.textContent = showEditsLabel;
    }
    renderLoadWarnings();
    const rows = document.querySelectorAll('[data-mw-revid]:not(.mw-userlink)');
    updateFilterRadios('cw-filter', (filterId) =&gt;
      Array.from(rows).some(row =&gt; rowMatchesFilter(row, filterId)));
    // Re-apply the active filter so newly loaded rows respect it
    const active = document.querySelector('input[name=&quot;cw-filter&quot;]:checked');
    if (active &amp;&amp; active.value !== 'all') applyChangeListFilter(active.value);
  }

  /**
   * Whether a change-list row (or any nested revision inside it) matches a filter.
   *
   * @param {Element} row
   * @param {string} filterId
   * @returns {boolean}
   */
  function rowMatchesFilter(row, filterId) {
    if (elementMatchesFilter(row, filterId)) return true;
    for (const nested of row.querySelectorAll('li[data-cw-processed=&quot;true&quot;]')) {
      if (elementMatchesFilter(nested, filterId)) return true;
    }
    return false;
  }

  /**
   * Applies the selected filter to article section list items.
   *
   * @param {string} filterId - 'all' or an indicator type.
   */
  function applyArticleFilter(filterId) {
    document.querySelectorAll('li[id^=&quot;cite_note&quot;]').forEach(li =&gt; {
      li.style.display = (filterId === 'all' || li.dataset.cwIndicator === filterId) ? '' : 'none';
    });
  }

  /**
   * Applies the selected filter to the revision list.
   *
   * @param {string} filterId - 'all', 'linkchange', or an indicator type.
   */
  let lastAppliedFilter = 'all';

  function applyChangeListFilter(filterId) {
    const isAll = filterId === 'all';

    const revisions = document.querySelectorAll(
      '[data-mw-revid]:not(.mw-userlink), [data-mw-logid]'
    );
    revisions.forEach(container =&gt; {
      if (isAll) {
        container.style.display = '';
        return;
      }
      // Log entries (data-mw-logid) don't have revision-based attributes to
      // match against filters — hide them when any specific filter is active.
      const show = container.hasAttribute('data-mw-revid') &amp;&amp; rowMatchesFilter(container, filterId);
      container.style.display = show ? '' : 'none';
    });

    // Hide h4 date headers when all their rows are hidden
    document.querySelectorAll('div.mw-changeslist h4').forEach(h4 =&gt; {
      if (isAll) {
        h4.style.display = '';
        return;
      }
      const sibling = h4.nextElementSibling;
      if (!sibling || sibling.tagName !== 'DIV') return;
      const revItems = sibling.querySelectorAll('[data-mw-revid]');
      if (revItems.length === 0) return;
      h4.style.display = Array.from(revItems).every(el =&gt; el.style.display === 'none') ? 'none' : '';
    });

    const enhanced = document.querySelector('table.mw-enhanced-rc');
    if (enhanced) {
      // Hide the group header row in each tbody if all other rows are hidden
      document.querySelectorAll('table.mw-enhanced-rc tbody').forEach(tbody =&gt; {
        const rows = tbody.querySelectorAll('tr');
        if (rows.length &lt; 2) return;
        rows[0].style.display = (!isAll &amp;&amp; Array.from(rows).slice(1)
          .every(tr =&gt; tr.style.display === 'none')) ? 'none' : '';
      });

      // Expand grouped sections while a specific filter is active, collapse on
      // &quot;all&quot;. Only on the transition, so switching between two filters leaves
      // the expanded state alone.
      const wasAll = lastAppliedFilter === 'all';
      if (wasAll !== isAll) {
        document.querySelectorAll('table.mw-enhanced-rc').forEach(table =&gt; {
          const checkbox = groupToggleCheckbox(table);
          if (checkbox &amp;&amp; checkbox.checked === isAll) {
            checkbox.checked = !isAll;
            checkbox.dispatchEvent(new Event('change'));
          }
        });
      }
    }

    showNoMatchingEdits(!isAll &amp;&amp; Array.from(
      document.querySelectorAll('[data-mw-revid]:not(.mw-userlink)')
    ).every(el =&gt; el.style.display === 'none'));

    lastAppliedFilter = filterId;
  }

  /**
   * Shows or removes the &quot;No matching edits&quot; message under the filter widget.
   *
   * @param {boolean} show
   */
  function showNoMatchingEdits(show) {
    const existing = document.getElementById('cw-no-matching-edits');
    if (existing) existing.remove();
    if (!show) return;
    const msg = document.createElement('p');
    msg.id = 'cw-no-matching-edits';
    msg.textContent = noMatchingEditsLabel;
    msg.style.margin = '10px 0';
    msg.style.fontStyle = 'italic';
    const widget = document.getElementById('cw-filter-widget');
    if (widget &amp;&amp; widget.nextSibling) {
      widget.parentNode.insertBefore(msg, widget.nextSibling);
    }
  }

  /**
   * Returns the hidden checkbox that expands/collapses an enhanced-RC group.
   *
   * @param {Element} table - A table.mw-enhanced-rc element.
   * @returns {HTMLInputElement|null}
   */
  function groupToggleCheckbox(table) {
    const arrow = table.querySelector('.mw-enhancedchanges-arrow');
    const checkboxId = arrow &amp;&amp; arrow.getAttribute('for');
    return checkboxId ? document.getElementById(checkboxId) : null;
  }

  /**
   * If any configuration pages failed to load, appends a warning glyph (with
   * the details in its tooltip) to every filter-widget label on the page.
   * Safe to call more than once.
   */
  function renderLoadWarnings() {
    const messages = SHOW_LINT_IN_WIDGET ? [...loadWarnings, ...listLint] : loadWarnings;
    if (messages.length === 0) return;
    document.querySelectorAll('.cw-filter-label').forEach(label =&gt; {
      if (label.querySelector('.cw-load-warning')) return;
      const warn = document.createElement('span');
      warn.className = 'cw-load-warning';
      warn.textContent = ' ' + loadWarningGlyph;
      warn.title = loadWarningPrefix + '\n' + messages.join('\n');
      warn.setAttribute('aria-label', warn.title);
      warn.style.cursor = 'help';
      label.appendChild(warn);
    });
  }

  /**
   * Whether the single document-level outside-click handler has been installed.
   * One delegated listener replaces the former one-listener-per-gutter design.
   */
  let outsideClickHandlerInstalled = false;

  /**
   * Installs a single document-level click handler that hides every open popup
   * whose owning gutter does not contain the click target.
   */
  function installOutsideClickHandler() {
    if (outsideClickHandlerInstalled) return;
    document.addEventListener('click', (ev) =&gt; {
      document.querySelectorAll('.cw-popup').forEach(p =&gt; {
        if (p.style.display === 'none' || p.style.display === '') return;
        const owner = p.parentElement;
        if (owner &amp;&amp; !owner.contains(ev.target)) {
          p.style.display = 'none';
        }
      });
    });
    outsideClickHandlerInstalled = true;
  }

  /**
   * Installs hover, click, touch, and outside-click handlers on a gutter element
   * to show/hide its popup.
   *
   * @param {HTMLElement} gutter - The gutter element containing a .cw-popup child.
   */
  function installPopupHandlers(gutter) {
    if (gutter._cwHandlersInstalled) return;
    let hideTimer = null;
    const positionPopup = () =&gt; {
      const p = gutter.querySelector('.cw-popup');
      if (!gutter._cwEnablePopup || !p) return;
      p.style.display = 'block';
      p.style.top = '1.4em';
      p.style.left = '0px';
      const rect = p.getBoundingClientRect();
      if (rect.right &gt; window.innerWidth - 10) {
        const overflow = rect.right - (window.innerWidth - 10);
        p.style.left = Math.max(0, (parseFloat(p.style.left) || 0) - overflow) + 'px';
      }
    };
    const show = () =&gt; {
      if (!gutter._cwEnablePopup) return;
      if (hideTimer) {
        clearTimeout(hideTimer);
        hideTimer = null;
      }
      positionPopup();
    };
    const scheduleHide = () =&gt; {
      hideTimer = setTimeout(() =&gt; {
        const p = gutter.querySelector('.cw-popup');
        if (p) p.style.display = 'none';
      }, 150);
    };

    gutter.addEventListener('mouseenter', show);
    gutter.addEventListener('mouseleave', scheduleHide);
    const pInit = gutter.querySelector('.cw-popup');
    if (pInit) {
      pInit.addEventListener('mouseenter', () =&gt; {
        if (hideTimer) {
          clearTimeout(hideTimer);
          hideTimer = null;
        }
      });
      pInit.addEventListener('mouseleave', scheduleHide);
    }
    const toggle = (e) =&gt; {
      if (!gutter._cwEnablePopup) return;
      e.stopPropagation();
      const p = gutter.querySelector('.cw-popup');
      if (!p) return;
      if (p.style.display === 'none' || p.style.display === '') {
        show();
      } else {
        p.style.display = 'none';
      }
    };
    gutter.addEventListener('click', toggle);
    gutter.addEventListener('touchstart', toggle, {
      passive: true
    });
    installOutsideClickHandler();
    gutter._cwHandlersInstalled = true;
  }

  /**
   * Watches for the change list being replaced by MediaWiki's live filters
   * (&quot;View new changes&quot;, filter edits on Special:Watchlist / RecentChanges)
   * and annotates the new rows. The existing widget sits outside the replaced
   * element and survives; its radios are refreshed after each pass.
   */
  function installLiveReloadObserver() {
    if (typeof MutationObserver === 'undefined') return;
    let timer = null;
    let running = false;
    let rerun = false;
    const run = async () =&gt; {
      if (running) {
        rerun = true;
        return;
      }
      running = true;
      try {
        await annotateChangeList(document, false);
      } catch (e) {
        console.warn('Citation Watchlist: live reload pass failed:', e);
      } finally {
        running = false;
        if (rerun) {
          rerun = false;
          run();
        }
      }
    };
    const observer = new MutationObserver(mutations =&gt; {
      const relevant = mutations.some(m =&gt; Array.from(m.addedNodes).some(node =&gt;
        node.nodeType === Node.ELEMENT_NODE &amp;&amp;
        (node.matches('[data-mw-revid], .mw-changeslist, .mw-changeslist-line') ||
          node.querySelector('[data-mw-revid], .mw-changeslist-line'))
      ));
      if (!relevant) return;
      clearTimeout(timer);
      timer = setTimeout(run, LIVE_RELOAD_DEBOUNCE_MS);
    });
    observer.observe(document.body, { childList: true, subtree: true });
  }

  const enabledNsStrings = new Set(enabledNamespaces.filter(n =&gt; n &gt;= 0).map(String));
  const namespaces = Object.entries(mw.config.get('wgFormattedNamespaces'))
    .filter(([num, name]) =&gt; num !== '0' &amp;&amp; !enabledNsStrings.has(num))
    .map(([_, name]) =&gt; name.replace(/ /g, '_') + ':');

  /**
   * Pre-pads an element with empty emoji gutters to prevent layout shift.
   *
   * @param {Element} element - The DOM element to pre-pad.
   */
  function prePadElement(element) {
    try {
      renderTwoColumnEmojis(element, null, false, [], []);
    } catch (e) {
      /* ignore */
    }
  }

  /**
   * ==========================================================================
   * 3. Builders and Extractors
   * ==========================================================================
   */

  /**
   * Constructs a URL for viewing a diff between two revisions.
   *
   * @param {string} title - The page title.
   * @param {string} fromId - The older revision ID.
   * @param {string} toId - The newer revision ID.
   * @returns {string} The diff URL, or empty string on error.
   */
  function buildDiffUrl(title, fromId, toId) {
    try {
      const script = mw.config.get('wgScript') || '/w/index.php';
      return `${script}` +
        `?title=${encodeURIComponent(title)}` +
        `&amp;diff=${encodeURIComponent(toId)}` +
        `&amp;oldid=${encodeURIComponent(fromId)}`;
    } catch (e) {
      return '';
    }
  }

  /**
   * Constructs a permalink URL for a specific revision.
   *
   * @param {string} revId - The revision ID.
   * @returns {string} The permalink URL, or empty string on error.
   */
  function buildPermalinkUrl(revId) {
    try {
      const articlePath = mw.config.get('wgArticlePath');
      if (articlePath &amp;&amp; articlePath.includes('$1')) {
        return articlePath.replace('$1',
          `Special:Permalink/${encodeURIComponent(revId)}`);
      }
      const script = mw.config.get('wgScript') || '/w/index.php';
      return `${script}?oldid=${encodeURIComponent(revId)}`;
    } catch (e) {
      return '';
    }
  }

  /**
   * Strips all HTML comments from a string.
   *
   * @param {string} text - Input text potentially containing HTML comments.
   * @returns {string} Text with all HTML comments removed.
   */
  function stripHTMLComments(text) {
    if (!text) return text;
    return text.replace(/&lt;!--[\s\S]*?--&gt;/g, '');
  }

  /**
   * Extracts all HTTP(S) URLs from a given wikitext string. The scheme is
   * matched case-insensitively (MediaWiki links HTTPS:// just as it does
   * https://), and protocol-relative links (&quot;[//example.com ...]&quot;) are
   * normalized to https://.
   *
   * @param {string} wikitext - Raw wikitext revision content.
   * @returns {string[]} List of valid extracted URLs.
   */
  function extractURLs(wikitext) {
    const urls = [];
    if (!wikitext) return urls;

    const urlRegex = // eslint-disable-next-line max-len
      /(?:https?:\/\/|(?&lt;=^|[\s\[|=&lt;&gt;&quot;'])\/\/)(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_\+.~#?&amp;//=]*)/gi;
    let match;
    while ((match = urlRegex.exec(wikitext)) !== null) {
      const raw = match[0].startsWith('//') ? 'https:' + match[0] : match[0];
      try {
        const url = new URL(raw);
        if (/^https?:$/.test(url.protocol)) urls.push(url.href);
      } catch (error) {
        console.error(`Invalid URL rejected: ${match[0]}`, error.message);
      }
    }
    return urls;
  }

  /**
   * Web archive services whose URLs embed the original URL. Each entry's
   * `extract` returns the embedded URL string or null.
   */
  const archiveUnwrappers = [
    {
      // https://web.archive.org/web/20200101000000/https://example.com/page
      // (the embedded scheme is sometimes collapsed to &quot;https:/&quot;)
      test: h =&gt; h === 'web.archive.org' || h === 'wayback.archive.org',
      extract: u =&gt; {
        const m = u.pathname.match(/^\/web\/\d{1,14}[a-z_]*\/(https?:\/{1,2}.+)$/i);
        return m ? m[1].replace(/^(https?:)\/+/i, '$1//') : null;
      }
    },
    {
      // https://archive dot ph/2020.01.01-000000/https://example.com/page
      test: h =&gt; /^archive\.(ph|today|is|li|vn|fo|md)$/i.test(h),
      extract: u =&gt; {
        const m = u.pathname.match(/^\/[^/]+\/(https?:\/{1,2}.+)$/i);
        return m ? m[1].replace(/^(https?:)\/+/i, '$1//') : null;
      }
    },
    {
      // https://webcache.googleusercontent.com/search?q=cache:https://example.com/page
      test: h =&gt; h === 'webcache.googleusercontent.com',
      extract: u =&gt; {
        const q = u.searchParams.get('q') || '';
        const m = q.match(/^cache:(?:[A-Za-z0-9_-]+:)?(.+)$/);
        if (!m) return null;
        return /^https?:\/\//i.test(m[1]) ? m[1] : 'https://' + m[1];
      }
    }
  ];

  /**
   * Resolves a URL to the hostname that should be screened. If the URL is a
   * web-archive capture of another page, the captured page's host is used.
   *
   * @param {string} url
   * @returns {{hostname: string, archiveHost: string|null}|null} Null if unparsable.
   */
  function screenedHost(url) {
    let current;
    try {
      current = new URL(url);
    } catch (e) {
      return null;
    }
    let archiveHost = null;
    for (let depth = 0; depth &lt; 3 &amp;&amp; UNWRAP_ARCHIVES; depth++) {
      const unwrapper = archiveUnwrappers.find(a =&gt; a.test(current.hostname));
      if (!unwrapper) break;
      const inner = unwrapper.extract(current);
      if (!inner) break;
      try {
        const innerUrl = new URL(inner);
        if (!/^https?:$/.test(innerUrl.protocol)) break;
        archiveHost = archiveHost || current.hostname;
        current = innerUrl;
      } catch (e) {
        break;
      }
    }
    return { hostname: current.hostname, archiveHost };
  }

  /**
   * Resolves URLs to screened domains and list indicators.
   *
   * @param {string[]} urls
   * @returns {Array&lt;{url: string, domain: string, indicator: string|null, archiveHost: string|null}&gt;}
   */
  function resolveURLs(urls) {
    const out = [];
    for (const url of urls || []) {
      const host = screenedHost(url);
      if (!host) continue;
      const domain = getRootDomain(host.hostname, publicSuffixSet);
      if (!domain) continue;
      out.push({ url, domain, indicator: highestIndicatorFor(domain), archiveHost: host.archiveHost });
    }
    return out;
  }

  /**
   * Returns the highest-priority list indicator that contains a domain.
   *
   * @param {string} domain
   * @returns {string|null}
   */
  function highestIndicatorFor(domain) {
    let chosen = null;
    for (const type of listedTypes) {
      if (indicators[type].list.has(domain) &amp;&amp;
        (!chosen || indicators[type].priority &gt; indicators[chosen].priority)) {
        chosen = type;
      }
    }
    return chosen;
  }

  /**
   * Returns the highest-priority type among a list of indicator types.
   *
   * @param {Array&lt;string|null&gt;} types
   * @returns {string|null}
   */
  function highestPriority(types) {
    let chosen = null;
    for (const t of types) {
      if (t &amp;&amp; (!chosen || indicators[t].priority &gt; indicators[chosen].priority)) chosen = t;
    }
    return chosen;
  }

  /**
   * Extracts the top-level domain from a full hostname using a public suffix set.
   *
   * @param {string} hostname - Full hostname (e.g., sub.example.co.uk).
   * @param {Set&lt;string&gt;} publicSuffixSet - Set of known public suffixes.
   * @returns {string} The top-level domain (e.g., example.co.uk).
   */
  function getRootDomain(hostname, publicSuffixSet) {
    // Handle empty or invalid hostnames
    if (!hostname || typeof hostname !== 'string') {
      console.warn('Invalid hostname provided to getRootDomain:', hostname);
      return '';
    }

    // Check if this is an IP address (simple check for IPv4)
    if (/^(\d{1,3}\.){3}\d{1,3}$/.test(hostname)) {
      return hostname; // Return IP addresses as-is
    }

    const domainParts = hostname.split('.');

    // Handle hostnames that are too short
    if (domainParts.length &lt; 2) {
      return hostname; // Return as-is if it's a single-part hostname
    }

    // Try to find a matching public suffix
    for (let i = 0; i &lt; domainParts.length; i++) {
      const candidate = domainParts.slice(i).join('.');

      // Check both normal and exception (prefixed with !) entries
      if (publicSuffixSet.has(candidate) || publicSuffixSet.has(`!${candidate}`)) {
        // If we found a match, return the domain part plus the public suffix
        // But make sure we don't go out of bounds
        if (i &gt; 0) {
          return domainParts.slice(i - 1).join('.');
        } else {
          // Edge case: the entire hostname is a public suffix
          return hostname;
        }
      }
    }

    // If no match in public suffix list, use a simple fallback:
    // For hostnames with 2 parts, return the whole thing
    // For hostnames with &gt;2 parts, return the last 2 parts
    if (domainParts.length === 2) {
      return hostname;
    } else {
      return domainParts.slice(-2).join('.');
    }
  }

  /**
   * Extracts the first page object from MediaWiki API query response.
   *
   * @param {Object} data - MediaWiki API response.
   * @returns {Object|null} The first page object or null if unavailable.
   */
  function getFirstPage(data) {
    if (!data || !data.query || !data.query.pages) return null;
    return Object.values(data.query.pages)[0] || null;
  }

  /**
   * Iterates every revision object in an API response, across all pages.
   * (A revids= query spanning several articles returns several page objects.)
   *
   * @param {Object|null} data - MediaWiki API response.
   * @returns {Object[]} Revision objects.
   */
  function allRevisionsIn(data) {
    if (!data || !data.query || !data.query.pages) return [];
    const out = [];
    for (const page of Object.values(data.query.pages)) {
      if (page &amp;&amp; Array.isArray(page.revisions)) out.push(...page.revisions);
    }
    return out;
  }

  /**
   * Returns the main-slot wikitext of a revision object, or null if the
   * revision is missing, hidden, or malformed.
   *
   * @param {Object} rev - Revision object from the API.
   * @returns {string|null}
   */
  function revisionText(rev) {
    if (!rev || rev.texthidden !== undefined) return null;
    const slot = rev.slots &amp;&amp; rev.slots.main;
    if (!slot || typeof slot['*'] !== 'string') return null;
    return slot['*'];
  }

  /**
   * Returns true if an API page object represents a page that cannot be
   * read (missing, invalid, or without an accessible revision).
   *
   * @param {Object} page - Page object from the API.
   * @returns {boolean}
   */
  function isUnreadablePage(page) {
    return !page || page.missing !== undefined || page.invalid !== undefined ||
      !Array.isArray(page.revisions) || page.revisions.length === 0;
  }

  /**
   * ==========================================================================
   * 4. Validation
   * ==========================================================================
   */

  /**
   * Validates that a string is a well-formed domain name.
   *
   * @param {string} str - The string to validate.
   * @returns {boolean} True if the string is a valid domain.
   */
  function isValidDomain(str) {
    if (!str || str.length === 0 || str.length &gt; 253) return false;
    if (!/^[a-zA-Z0-9._-]+$/.test(str)) return false;
    if (!str.includes('.')) return false;
    if (/\.\./.test(str) || str.startsWith('.') || str.endsWith('.')) return false;
    const labels = str.split('.');
    if (labels.some(l =&gt; l.length === 0 || l.length &gt; 63)) return false;
    return true;
  }

  /**
   * Validates that a string is a well-formed public suffix list entry.
   * Allows wildcard entries (e.g., *.ck) and exception entries (e.g., !www.ck).
   *
   * @param {string} str - The string to validate.
   * @returns {boolean} True if the string is a valid PSL entry.
   */
  function isValidSuffixEntry(str) {
    const cleaned = str.replace(/^[!*.]/, '');
    return /^[a-zA-Z0-9._-]+$/.test(cleaned) &amp;&amp; cleaned.length &gt; 0 &amp;&amp; cleaned.length &lt;= 253;
  }

  /**
   * Validates that a value is a string parseable as an absolute http(s) URL.
   * Used to re-validate anything read back from localStorage before it is
   * assigned to an href.
   *
   * @param {*} u - The value to validate.
   * @returns {boolean} True if the value is an http(s) URL.
   */
  function isValidHttpUrl(u) {
    if (typeof u !== 'string') return false;
    try {
      return /^https?:$/i.test(new URL(u).protocol);
    } catch (e) {
      return false;
    }
  }

  /**
   * Validates that a value is a plausible revision ID (a positive integer
   * string). Used before an ID is put into an API request or a cache key.
   *
   * @param {*} id - The value to validate.
   * @returns {boolean}
   */
  function isRevisionId(id) {
    return typeof id === 'string' &amp;&amp; /^[1-9][0-9]{0,15}$/.test(id);
  }

  /**
   * Validates that a string is a plausible MediaWiki page title.
   * Rejects titles with invalid characters, excessive length, or suspicious patterns.
   *
   * @param {string} title - The page title to validate.
   * @returns {boolean} True if the title looks like a valid page link.
   */
  function isValidPageTitle(title) {
    if (typeof title !== 'string') return false;
    if (title.length === 0 || title.length &gt; 255) return false;
    if (/[\[\]{}|#&lt;&gt;\n\r\t]/.test(title)) return false;
    if (title.includes('..')) return false;
    if (title.startsWith(':') || title.startsWith(' ') || title.endsWith(' ')) return false;
    return true;
  }

  /**
   * Determines whether a given page title does *not* belong to the main or draft namespaces.
   * A missing title is treated as &quot;not an article&quot; so the row is skipped rather
   * than crashing the run.
   *
   * @param {string} pageTitle - The title of the page.
   * @returns {boolean} True if not an article namespace.
   */
  function isNotArticle(pageTitle) {
    if (typeof pageTitle !== 'string') return true;
    return namespaces.some(namespace =&gt; pageTitle.startsWith(namespace));
  }

  /**
   * Checks whether an element matches the specified filter.
   *
   * @param {Element} element - The DOM element to test.
   * @param {string} filterId - The active filter ID.
   * @returns {boolean} True if the element matches the filter.
   */
  function elementMatchesFilter(element, filterId) {
    if (filterId === 'linkchange') {
      return element.hasAttribute('data-cw-linkchange') ||
        listedTypes.some(type =&gt; element.hasAttribute(indicators[type].dataAttr));
    }
    if (indicators[filterId] &amp;&amp; indicators[filterId].dataAttr) {
      return element.hasAttribute(indicators[filterId].dataAttr);
    }
    return false;
  }

  /**
   * ==========================================================================
   * 5. Fetch
   * ==========================================================================
   */

  /**
   * Fetches wikitext for a chunk of revision IDs in one request.
   *
   * @param {string[]} revIds - Revision IDs (at most CONTENT_CHUNK_SIZE).
   * @returns {Promise&lt;Map&lt;string, string|null&gt;|null&gt;} Map of id -&gt; wikitext
   *   (null for a revision that exists but is unreadable), or null if the
   *   request itself failed. IDs the API did not return are absent.
   */
  async function fetchRevisionTexts(revIds) {
    const data = await fetchRevisionData({
      revids: revIds,
      rvprop: ['ids', 'content'],
      rvslots: ['main']
    });
    if (!data) return null;
    const out = new Map();
    for (const rev of allRevisionsIn(data)) {
      if (rev &amp;&amp; rev.revid !== undefined) {
        out.set(String(rev.revid), revisionText(rev));
      }
    }
    return out;
  }

  /**
   * Fetches parent IDs and sizes for a list of revision IDs, chunked at the
   * API maximum and fetched concurrently.
   *
   * @param {string[]} revisionIds - Revision IDs.
   * @returns {Promise&lt;Object&gt;} Map of id -&gt; {parentid, size}; IDs that could
   *   not be resolved are absent.
   */
  async function fetchRevisionMetadata(revisionIds) {
    const result = {};
    const chunks = [];
    for (let i = 0; i &lt; revisionIds.length; i += METADATA_CHUNK_SIZE) {
      chunks.push(revisionIds.slice(i, i + METADATA_CHUNK_SIZE));
    }
    await runPool(chunks.map(chunk =&gt; async () =&gt; {
      const data = await fetchRevisionData({
        revids: chunk,
        rvprop: ['ids', 'size']
      });
      for (const rev of allRevisionsIn(data)) {
        if (rev &amp;&amp; rev.revid !== undefined) {
          result[String(rev.revid)] = {
            parentid: rev.parentid || 0,
            size: typeof rev.size === 'number' ? rev.size : undefined
          };
        }
      }
    }), CONTENT_CONCURRENCY);
    return result;
  }

  /**
   * Fetches the ID of the first revision of a page.
   *
   * @param {string} pageTitle - The page title to look up.
   * @returns {number|null} Revision ID or null.
   */
  async function fetchFirstRevisionId(pageTitle) {
    if (!isValidPageTitle(pageTitle)) return null;
    const page = getFirstPage(await fetchRevisionData({
      titles: [pageTitle],
      rvlimit: 1,
      rvdir: 'newer',
      rvprop: ['ids'],
    }));
    if (isUnreadablePage(page)) return null;
    return page.revisions[0].revid || null;
  }

  /**
   * Fetches the list of subpages from the list of lists, parses wikilinks, caches
   * the result, and returns list of subpage titles.
   *
   * @param {string} pageName - Title of the list-of-lists page.
   * @returns {Promise&lt;string[]&gt;} List of subpage titles (empty on failure).
   */
  async function fetchDomainListPages(pageName) {
    const cacheKey = `citationWatchlistFetchDomainListPages_${pageName}`;
    const cachedContent = readCache(cacheKey, getCacheTTL('citationWatchlistFetchDomainListPages_'));
    if (Array.isArray(cachedContent) &amp;&amp; cachedContent.length &gt; 0) {
      console.log('Loaded list of lists from cache');
      return cachedContent.filter(title =&gt; isValidPageTitle(title));
    }
    const page = getFirstPage(await fetchRevisionData({
      titles: [pageName],
      rvprop: ['content'],
      rvslots: ['main']
    }));
    if (isUnreadablePage(page)) {
      console.error(`Citation Watchlist: list of lists &quot;${pageName}&quot; could not be loaded`);
      return [];
    }
    const content = revisionText(page.revisions[0]);
    if (content === null) return [];
    const pageTitles = [];
    for (const line of content.split('\n')) {
      if (!line.startsWith('* [[')) continue;
      const match = line.match(/\[\[([^\]]+)\]\]/); // first [[Page Title]]
      if (!match) continue;
      const title = match[1];
      if (isValidPageTitle(title)) {
        pageTitles.push(title);
      } else {
        console.warn(`Rejected invalid page title: &quot;${title}&quot;`);
      }
    }
    if (pageTitles.length &gt; 0) {
      writeCache(cacheKey, pageTitles);
      console.log('Loaded from API and stored in cache');
    }
    return pageTitles;
  }

  /**
   * Parses one domain list page into per-indicator domain arrays.
   * Entries that are not bare domains are collected as lint. A leading &quot;www.&quot;
   * is stripped (with a lint note), since root domains never carry it.
   *
   * @param {string} title - Page title, for lint messages.
   * @param {string} content - Page wikitext.
   * @returns {Object} {warning: string[], caution: string[], inspect: string[], lint: string[]}
   */
  function parseDomainList(title, content) {
    const parsed = { lint: [] };
    for (const type of listedTypes) parsed[type] = [];
    let current = null;
    for (const line of content.split('\n')) {
      const trimmed = line.trim();
      if (/^==/.test(trimmed)) {
        // Any heading ends the current section; only recognized ones open a new one.
        current = listedTypes.find(t =&gt; indicators[t].section === trimmed) || null;
        continue;
      }
      if (!line.startsWith('*') || !current) continue;
      let domain = line.substring(1).trim().toLowerCase();
      if (!domain) continue;
      if (/^www\./.test(domain) &amp;&amp; isValidDomain(domain.slice(4))) {
        parsed.lint.push(`${title}: &quot;${domain}&quot; has a www. prefix; matched as &quot;${domain.slice(4)}&quot;`);
        domain = domain.slice(4);
      }
      if (isValidDomain(domain)) {
        if (parsed[current].length &lt; MAX_DOMAINS_PER_LIST) {
          parsed[current].push(domain);
        } else {
          parsed.lint.push(`${title}: cap of ${MAX_DOMAINS_PER_LIST} reached in ${current}`);
        }
      } else {
        parsed.lint.push(`${title}: &quot;${domain}&quot; is not a bare domain (paths, wildcards and ` +
          `bare TLDs are not supported) and was ignored`);
      }
    }
    return parsed;
  }

  /**
   * Loads domain lists from a set of pages (parsed form cached per page) and
   * populates the `Set` of each indicator. Pages that are missing or fail to
   * load are skipped and recorded in loadWarnings; the remaining lists still load.
   *
   * @param {string[]} pageNames - List of page titles to fetch.
   */
  async function fetchAndOrganizeDomainLists(pageNames) {
    const cacheTTL = getCacheTTL('domainList:');
    const parsedLists = [];
    const pagesToFetch = [];
    const isParsed = p =&gt; p &amp;&amp; typeof p === 'object' &amp;&amp; listedTypes.every(t =&gt; Array.isArray(p[t]));
    for (const title of pageNames) {
      const cached = readCache(`domainList:${location.hostname}:${title}`, cacheTTL);
      if (isParsed(cached)) {
        parsedLists.push(cached);
      } else {
        pagesToFetch.push(title);
      }
    }
    if (pagesToFetch.length &gt; 0) {
      const apiData = await fetchRevisionData({
        titles: pagesToFetch,
        rvprop: ['content'],
        rvslots: ['main'],
      });
      const pages = (apiData &amp;&amp; apiData.query &amp;&amp; apiData.query.pages) || null;
      if (!pages) {
        loadWarnings.push(`API request for ${pagesToFetch.length} list page(s) failed`);
        console.error('Citation Watchlist: domain list fetch failed for', pagesToFetch);
      } else {
        // The API normalizes titles (underscores -&gt; spaces); cache under the
        // requested spelling so the next load hits.
        const requestedFor = {};
        for (const t of pagesToFetch) requestedFor[t.replace(/_/g, ' ')] = t;
        for (const page of Object.values(pages)) {
          const title = page.title || '?';
          if (isUnreadablePage(page)) {
            loadWarnings.push(`List page &quot;${title}&quot; is missing or unreadable`);
            console.warn(`Citation Watchlist: skipping list page &quot;${title}&quot;`);
            continue;
          }
          const content = revisionText(page.revisions[0]);
          if (content === null) {
            loadWarnings.push(`List page &quot;${title}&quot; has no readable content`);
            continue;
          }
          const parsed = parseDomainList(title, content);
          parsedLists.push(parsed);
          const cacheTitle = requestedFor[title] || title;
          writeCache(`domainList:${location.hostname}:${cacheTitle}`, parsed);
        }
      }
    }
    for (const parsed of parsedLists) {
      for (const type of listedTypes) {
        for (const domain of parsed[type]) {
          if (isValidDomain(domain)) indicators[type].list.add(domain);
        }
      }
      if (Array.isArray(parsed.lint)) {
        listLint.push(...parsed.lint.filter(l =&gt; typeof l === 'string'));
      }
    }
  }

  /**
   * Fetches and caches the public suffix list used to identify top-level domains.
   * The cache holds the validated entries, so cached loads skip parsing.
   *
   * @returns {Promise&lt;Set&lt;string&gt;&gt;} Set of public suffixes.
   */
  async function fetchPublicSuffixList() {
    const cacheKey = 'publicSuffixListCache';
    const cached = readCache(cacheKey, getCacheTTL('publicSuffixListCache'));
    if (Array.isArray(cached) &amp;&amp; cached.length &gt;= MIN_PSL_ENTRIES) {
      console.log('Using cached public suffix list');
      return new Set(cached.filter(e =&gt; typeof e === 'string' &amp;&amp; isValidSuffixEntry(e)));
    }
    const pslUrl = mw.config.get('wgArticlePath').replace('$1', publicSuffixList) +
      '?action=raw';
    console.log(`Raw page text request: ${pslUrl}`);
    const content = await safeFetch(fetch, pslUrl).then(response =&gt; response ?
      response.text() : null);
    if (!content) return new Set();
    const entries = [];
    for (const line of content.split('\n')) {
      const trimmed = line.trim();
      if (trimmed &amp;&amp; !trimmed.startsWith('//') &amp;&amp; isValidSuffixEntry(trimmed)) {
        entries.push(trimmed);
      }
    }
    if (entries.length &lt; MIN_PSL_ENTRIES) {
      console.error(`Public suffix list suspiciously small (${entries.length} entries), rejecting`);
      return new Set();
    }
    // Only cache a list that passed validation
    writeCache(cacheKey, entries);
    return new Set(entries);
  }

  /**
   * Makes a MediaWiki API call to fetch revision metadata or content.
   *
   * @param {Object} data - Options for the API call, such as `revids`, `titles`, `rvprop`, etc.
   * @returns {Promise&lt;Object|null&gt;} MediaWiki API query result, or null on failure.
   */
  async function fetchRevisionData(data) {
    const paramKeys = ['rvprop', 'revids', 'titles', 'rvslots'];
    const params = {
      action: 'query',
      prop: 'revisions',
      format: 'json',
      rvdir: data.rvdir || 'older',
      origin: '*'
    };
    if (data.rvlimit) {
      params.rvlimit = data.rvlimit;
    }
    paramKeys.forEach(key =&gt; {
      if (data[key]) {
        params[key] = Array.isArray(data[key]) ? data[key].join('|') : data[key];
      }
    });
    const api = new mw.Api();
    return await safeFetch(api.get.bind(api), params);
  }

  /**
   * Wraps any asynchronous fetch function with retry logic and error handling.
   *
   * @param {Function} fn - The function to execute (usually an API call).
   * @param {...any} args - Arguments to pass to the fetch function.
   * @returns {Promise&lt;any|null&gt;} Result of the fetch or null on failure.
   */
  async function safeFetch(fn, ...args) {
    const retries = 2;
    const retryDelay = 1000;
    const maxAttempts = retries + 1;

    for (let attempt = 1; attempt &lt;= maxAttempts; attempt++) {
      try {
        const result = await fn(...args);
        if (result === null || result === undefined) {
          throw new Error('Received null or undefined response');
        }
        if (typeof result.ok === 'boolean' &amp;&amp; !result.ok) {
          throw new Error(`HTTP error ${result.status}: ${result.statusText || 'Unknown error'}`);
        }
        return result;
      } catch (error) {
        if (attempt &lt; maxAttempts) {
          console.warn(
            `Error during ${fn.name || 'fetch operation'} (attempt ${attempt}/${maxAttempts}):`,
            error.message || error);
          await new Promise(resolve =&gt; setTimeout(resolve, retryDelay));
        } else {
          console.error(
            `All ${maxAttempts} attempts failed for ${fn.name || 'fetch operation'}:`,
            error.message || error);
        }
      }
    }
    return null;
  }

  /**
   * ==========================================================================
   * 6. Cache
   * ==========================================================================
   */

  /**
   * Returns every localStorage key with the given prefix. Snapshotting the keys
   * first means callers can remove entries without the index shifting under them.
   *
   * @param {string} prefix - Key prefix to match.
   * @returns {string[]}
   */
  function cacheKeysWithPrefix(prefix) {
    const keys = [];
    try {
      for (let i = 0; i &lt; localStorage.length; i++) {
        const key = localStorage.key(i);
        if (key &amp;&amp; key.startsWith(prefix)) keys.push(key);
      }
    } catch (e) {
      /* storage unavailable */
    }
    return keys;
  }

  /**
   * Runs all cache maintenance: retired prefixes, version invalidation, and
   * (at most once per CACHE_PURGE_INTERVAL) expiry and eviction.
   */
  function purgeCaches() {
    try {
      purgeStaleVersionedCaches();
      const lastKey = 'citationWatchlist_lastPurge';
      const last = parseInt(localStorage.getItem(lastKey), 10);
      if (isNaN(last) || Date.now() - last &gt; CACHE_PURGE_INTERVAL) {
        purgeExpiredCache();
        localStorage.setItem(lastKey, Date.now().toString());
      }
    } catch (e) {
      console.warn('Citation Watchlist: cache maintenance failed:', e);
    }
  }

  /**
   * Removes caches from retired prefixes and purges cached entries whose stored
   * version is older than the current version. Each cache type tracks its own
   * version independently via a localStorage key.
   */
  function purgeStaleVersionedCaches() {
    for (const prefix of retiredCachePrefixes) {
      for (const key of cacheKeysWithPrefix(prefix)) localStorage.removeItem(key);
      localStorage.removeItem(`citationWatchlist_cacheVersion:${prefix}`);
    }
    for (const cache of cacheConfig) {
      const versionKey = `citationWatchlist_cacheVersion:${cache.prefix}`;
      const storedVersion = parseInt(localStorage.getItem(versionKey), 10);
      const effectiveVersion = isNaN(storedVersion) ? 0 : storedVersion;
      if (effectiveVersion &lt; cache.version) {
        for (const key of cacheKeysWithPrefix(cache.prefix)) {
          localStorage.removeItem(key);
        }
        try {
          localStorage.setItem(versionKey, cache.version.toString());
        } catch (e) {
          console.warn('Cache version write error:', e);
        }
        console.log(`Cache invalidated for &quot;${cache.prefix}&quot;: version ${effectiveVersion} → ${cache.version}`);
      }
    }
  }

  /**
   * Removes expired localStorage cache entries and enforces per-cache entry
   * caps by evicting the oldest entries.
   */
  function purgeExpiredCache() {
    const now = Date.now();
    const stats = { checked: 0, expired: 0, evicted: 0, errors: 0 };

    for (const cache of cacheConfig) {
      // Snapshot keys first so removals do not shift the iteration index
      const survivors = []; // { key, timestamp }
      for (const key of cacheKeysWithPrefix(cache.prefix)) {
        stats.checked++;
        try {
          const value = localStorage.getItem(key);
          let parsed = null;
          try {
            parsed = value ? JSON.parse(value) : null;
          } catch (jsonError) {
            stats.errors++;
          }
          if (!parsed || typeof parsed.timestamp !== 'number' || now - parsed.timestamp &gt; cache.ttl) {
            localStorage.removeItem(key);
            stats.expired++;
            continue;
          }
          survivors.push({ key, timestamp: parsed.timestamp });
        } catch (itemError) {
          stats.errors++;
          try {
            localStorage.removeItem(key);
          } catch (e) { /* ignore */ }
        }
      }
      if (cache.maxEntries &amp;&amp; survivors.length &gt; cache.maxEntries) {
        survivors.sort((a, b) =&gt; a.timestamp - b.timestamp);
        const excess = survivors.length - cache.maxEntries;
        for (let i = 0; i &lt; excess; i++) {
          localStorage.removeItem(survivors[i].key);
          stats.evicted++;
        }
      }
    }
    if (stats.checked &gt; 0) {
      console.log(`Cache cleanup: checked ${stats.checked}, expired ${stats.expired}, ` +
        `evicted ${stats.evicted}, errors ${stats.errors}`);
    }
  }

  /**
   * Looks up the TTL for a cache prefix from the unified cacheConfig.
   *
   * @param {string} prefix - The cache key prefix.
   * @returns {number} TTL in milliseconds, or 0 if not found.
   */
  function getCacheTTL(prefix) {
    const entry = cacheConfig.find(c =&gt; c.prefix === prefix);
    return entry ? entry.ttl : 0;
  }

  /**
   * Reads a JSON cache entry from localStorage, returning the stored content
   * if it exists and has not expired. Callers must validate the shape of the
   * returned content before using it.
   *
   * @param {string} key - The localStorage key.
   * @param {number} ttl - Time-to-live in milliseconds.
   * @returns {*|null} The cached content, or null if missing/expired/invalid.
   */
  function readCache(key, ttl) {
    let raw;
    try {
      raw = localStorage.getItem(key);
    } catch (e) {
      return null;
    }
    if (!raw) return null;
    try {
      const parsed = JSON.parse(raw);
      if (parsed &amp;&amp; typeof parsed.timestamp === 'number' &amp;&amp;
        (Date.now() - parsed.timestamp &lt; ttl) &amp;&amp; parsed.content !== undefined) {
        return parsed.content;
      }
    } catch (e) {
      console.warn('Cache read error:', e);
    }
    return null;
  }

  /**
   * Writes a JSON cache entry to localStorage with an embedded timestamp.
   * Failures (e.g. quota exceeded) are logged and otherwise ignored; the
   * cache is an optimization, never a dependency.
   *
   * @param {string} key - The localStorage key.
   * @param {*} content - The data to cache.
   */
  function writeCache(key, content) {
    try {
      localStorage.setItem(key, JSON.stringify({ timestamp: Date.now(), content }));
    } catch (e) {
      console.warn('Cache write error:', e);
    }
  }

  /**
   * ==========================================================================
   * 7. Entry Point
   * ==========================================================================
   */

  analyzeView().catch(e =&gt; {
    console.error('Citation Watchlist: unrecoverable error:', e);
    loadWarnings.push('Citation Watchlist stopped early due to an error (see console)');
    finishChangeListPass();
  }).then(() =&gt; {
    console.log('Citation Watchlist script finished executing');

    // On enhanced RC pages, hide the summary gutter on a group's header row
    // while the group is expanded (each nested row then shows its own).
    document.querySelectorAll('table.mw-enhanced-rc').forEach(table =&gt; {
      const checkbox = groupToggleCheckbox(table);
      if (!checkbox) return;
      checkbox.addEventListener('change', () =&gt; {
        const topRow = table.querySelector('tr');
        const gutter = topRow &amp;&amp; topRow.querySelector('.cw-gutter');
        if (!gutter) return;
        const host = gutter.parentElement;
        gutter.style.display = checkbox.checked ? 'none' : 'inline-flex';
        if (host) host.style.paddingLeft = checkbox.checked ? '' : 'calc(2em + 0.5em)';
      });
    });
  });

})();</text>
      <sha1>jy8gb84xfr4gr9hy7gf425wdpstiitt</sha1>
    </revision>
    <revision>
      <id>781269</id>
      <parentid>781259</parentid>
      <timestamp>2026-10-27T23:17:17Z</timestamp>
      <contributor>
        <username>Harej</username>
        <id>7994</id>
      </contributor>
      <comment>Deduplication pass</comment>
      <origin>781269</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="100752" sha1="qwum2ksk0lp4ei2ptxo4qo72sem4fdd" xml:space="preserve">/**
 *
 * Citation Watchlist
 * https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist
 *
 */

(function() {
  'use strict';

  /**
   * ==========================================================================
   * LOCALIZATION
   * ==========================================================================
   */


  /* Labeling tool in the user interface */
  const toolName              =  'Citation Watchlist';
  const aboutLink             =  'https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist';

  /* Revision inspection popup */
  const addedLabel            =  'Added';
  const removedLabel          =  'Removed';
  const viewDiffLabel         =  'View Diff';
  const viewRevisionLabel     =  'View Revision';
  const aboutLabel            =  'About Citation Watchlist';
  const archivedViaLabel      =  'Archived copy hosted at';

  /* Filter widget */
  const showEditsLabel        =  'Show edits:';
  const loadingLabel          =  'Loading...';
  const allLabel              =  'All';
  const linkChangesLabel      =  'Link Changes';
  const linkChangesTooltip    =  'Edits that add or remove links in articles';
  const noMatchingEditsLabel  =  'No matching edits';

  /* Load-failure indicator */
  const loadWarningGlyph      =  '⚠';
  const loadWarningPrefix     =  'Some Citation Watchlist lists could not be loaded:';


  /**
   * ==========================================================================
   * DOMAIN LIST CONFIGURATION
   * ==========================================================================
   *
   * Citation Watchlist requires the following wiki pages to function:
   *
   * 1. Public Suffix List
   *    - A local copy of the public suffix list, used for domain parsing.
   *    - Copy the contents of:
   *        https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist/Public_Suffix_List
   *      to a page on your own wiki.
   *    - Update the `publicSuffixList` variable below to reflect your page title.
   *
   * 2. List of Lists
   *    - A page linking to one or more domain list pages.
   *    - Format as a bullet list: &quot;* [[Page Title]]&quot; (space after asterisk).
   *    - Reference formatting example:
   *        https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist/Lists
   *    - Update the `listOfLists` variable below accordingly.
   *
   * 3+. Domain List Pages
   *    - One or more pages listing suspicious or noteworthy domains.
   *    - Each page must contain section headers that match the `indicators` config
   *      below (e.g., &quot;==Warn==&quot;, &quot;==Caution==&quot;).
   *    - Under each section, list domains in the format: &quot;* example.com&quot;
   *    - Do not use link formatting—just plain text.
   *    - Entries with paths (&quot;example.com/opinion&quot;), no dot (&quot;gov&quot;), or a
   *      leading &quot;www.&quot; are not supported and are reported in the console.
   */


  const publicSuffixList       =  'Wikipedia:Citation_Watchlist/Public_Suffix_List';
  const listOfLists            =  'Wikipedia:Citation_Watchlist/Lists';
  const enabledNamespaces      =  [-1, 0, 118];
  const enabledSectionHeaders  =  ['References'];

  /**
   * Detection options.
   * - UNWRAP_ARCHIVES: screen the original URL embedded in a web archive link
   *   (web.archive.org, archive.today, Google cache) rather than the archive
   *   host. The popup still links to the cited archive URL.
   * - SHOW_LINT_IN_WIDGET: also show domain-list lint (ignored entries) in the
   *   filter widget's warning tooltip. Lint always goes to the console.
   */
  const UNWRAP_ARCHIVES        =  true;
  const SHOW_LINT_IN_WIDGET    =  false;

  /**
   * ==========================================================================
   * INDICATOR CONFIGURATION
   * ==========================================================================
   *
   * Defines metadata for domain indicators used in the watchlist UI.
   * Each indicator is associated with a level of urgency and a unique symbol.
   *
   * Fields:
   * - msg:      Display label for the level (e.g., &quot;Warning&quot;, &quot;Caution&quot;).
   * - emoji:    Unicode character for the visual indicator (escaped as `\uXXXX`).
   * - section:  Must exactly match the section headers in the domain list pages.
   * - priority: Higher values override lower ones for conflicting domain matches.
   *             Priority scale: 1 (lowest) to N (highest).
   * - list:     Defined as &quot;new Set()&quot; for all indicator types.
   *
   * If a domain appears in multiple lists, the one with the highest priority
   * takes precedence.
   */


  const indicators = {
    warning: {
      msg:          'Warning',
      emoji:        '❗',
      section:      '==Warn==',
      explanation:  'This domain is classified as an unreliable source',
      priority:     3,
      dataAttr:     'data-cw-linkwarn',
      list:         new Set()
    },
    caution: {
      msg:          'Caution',
      emoji:        '✋',
      section:      '==Caution==',
      explanation:  'This source may be unreliable depending on context',
      priority:     2,
      dataAttr:     'data-cw-linkcaution',
      list:         new Set()
    },
    inspect: {
      msg:          'Inspect',
      emoji:        '🔎',
      section:      '==Inspect==',
      explanation:  'Take a closer look at this particular source',
      priority:     1,
      dataAttr:     'data-cw-linkinspect',
      list:         new Set()
    },
    added: {
      msg:          addedLabel,
      emoji:        '\u{1F517}',
      section:      null,
      explanation:  'All added links',
      priority:     0,
      list:         new Set()
    },
    removed: {
      msg:          removedLabel,
      emoji:        '\u{1F5D1}',
      section:      null,
      explanation:  'All removed links',
      priority:     -1,
      list:         new Set()
    }
  };

  /** Indicator types that come from the domain lists (priority &gt; 0). */
  const listedTypes = Object.keys(indicators).filter(t =&gt; indicators[t].priority &gt; 0);


  /**
   * Citation Watchlist
   *
   * Highlights potentially questionable citations added in Wikipedia revisions
   * based on community-built lists of domain names
   *
   *
   * Documentation: https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist
   *
   * Author: James Hare
   * License: GNU General Public License v3.0 (GPL-3.0)
   *
   * @version 2.5
   * @since 2026-
   */


  /**
   * IF YOU WANT TO MODIFY any part of the script below this point, please submit
   * your edits to https://test.wikipedia.org/wiki/User:Harej/citation-watchlist.js
   * so that your modifications can be tested.
   */


  let publicSuffixSet = new Set();
  const MAX_DOMAINS_PER_LIST = 50000;
  const MIN_PSL_ENTRIES = 1000;

  /**
   * Revisions larger than this are not scanned. MediaWiki's own page-size
   * limit is 2 MiB, so this only trips on pathological cases; it bounds the
   * download and regex work done per row.
   */
  const MAX_REVISION_CHARS = 2 * 1024 * 1024;

  /**
   * Revision fetching strategy. Rows are never fetched one at a time: revision
   * IDs are grouped into small chunks (so the first chunk returns quickly and
   * its rows render while the rest are still in flight), several chunks are
   * kept in flight at once, and rows are annotated the moment their chunk
   * arrives. Concurrency is capped because origin=* requests are anonymous and
   * therefore per-IP rate limited (see release notes for 1.5/1.6).
   */
  const CONTENT_CHUNK_SIZE = 8;             // max revisions per content request
  const CONTENT_CHUNK_BYTES = 400 * 1024;   // soft byte budget per chunk when sizes are known
  const CONTENT_CONCURRENCY = 4;            // simultaneous content requests
  const METADATA_CHUNK_SIZE = 50;           // revids per ids|size request (API max for users)
  const ASSUMED_REVISION_BYTES = 40 * 1024; // chunking estimate when size is unknown
  const LIVE_RELOAD_DEBOUNCE_MS = 250;      // settle time after the change list is replaced

  /**
   * Non-fatal problems encountered while loading configuration (missing list
   * pages, API failures). Surfaced in the filter widget so list maintainers
   * notice quickly, instead of the tool silently running with partial data.
   */
  const loadWarnings = [];

  /**
   * Domain-list lint: entries that were ignored because they are not bare
   * domains. Always logged; shown in the widget only if SHOW_LINT_IN_WIDGET.
   */
  const listLint = [];

  /**
   * Unified cache configuration. Each entry defines a cache key prefix, its TTL,
   * version number, an optional cap on the number of entries kept, and a
   * human-readable description.
   *
   * - revURLs:  per-revision list of extracted URLs. Revisions are immutable,
   *   so the TTL and cap exist only to bound storage.
   * - sectionURLs: per-revision, per-section URL map from rendered article HTML.
   * - domainList: parsed domain lists ({warning: [...], caution: [...], ...}).
   * - publicSuffixListCache: validated PSL entries as an array.
   * - citationWatchlistFetchDomainListPages_: list-of-lists page titles.
   */
  const cacheConfig = [
    {
      prefix: 'revURLs:',
      ttl: 30 * 24 * 60 * 60 * 1000,
      version: 1,
      maxEntries: 4000,
      description: 'Revision URL cache'
    },
    {
      prefix: 'sectionURLs:',
      ttl: 30 * 24 * 60 * 60 * 1000,
      version: 1,
      maxEntries: 500,
      description: 'Article section URL cache'
    },
    {
      prefix: 'domainList:',
      ttl: 6 * 60 * 60 * 1000,
      version: 1,
      description: 'Domain list cache'
    },
    {
      prefix: 'publicSuffixListCache',
      ttl: 24 * 60 * 60 * 1000,
      version: 1,
      description: 'Public suffix list cache'
    },
    {
      prefix: 'citationWatchlistFetchDomainListPages_',
      ttl: 4 * 60 * 60 * 1000,
      version: 0,
      description: 'Domain list pages cache'
    }
  ];

  /** Cache prefixes from earlier versions, removed on startup. */
  const retiredCachePrefixes = ['revisionDiff:'];

  /** How often (ms) the full localStorage expiry/eviction pass runs. */
  const CACHE_PURGE_INTERVAL = 60 * 60 * 1000;

  /**
   * ==========================================================================
   * 1. Primary Workflow
   * ==========================================================================
   */

  /** Resolves once the PSL and domain lists are loaded (true) or failed (false). */
  let configReady = null;

  /** Rows already handed to processRevisions(), so live reloads only pick up new ones. */
  const seenRows = new WeakSet();

  /**
   * Loads the public suffix list and the domain lists, in parallel. Never
   * throws; failures are recorded in loadWarnings.
   *
   * @returns {Promise&lt;boolean&gt;} True if the tool can screen domains.
   */
  async function loadConfiguration() {
    try {
      const [psl, listPages] = await Promise.all([
        fetchPublicSuffixList(),
        fetchDomainListPages(listOfLists)
      ]);
      publicSuffixSet = psl;
      if (publicSuffixSet.size === 0) {
        console.error('Public Suffix List loading failed');
        loadWarnings.push('Public Suffix List could not be loaded');
        return false;
      }
      console.log('Welcome to Citation Watchlist');
      if (listPages &amp;&amp; listPages.length &gt; 0) {
        await fetchAndOrganizeDomainLists(listPages);
      } else {
        loadWarnings.push(`Could not load list of lists (${listOfLists})`);
      }
      if (listLint.length &gt; 0) {
        console.warn(`Citation Watchlist: ${listLint.length} domain-list entries were ignored:\n` +
          listLint.join('\n'));
      }
      return true;
    } catch (e) {
      console.error('Citation Watchlist: configuration load failed:', e);
      loadWarnings.push('Configuration could not be loaded (see console)');
      return false;
    }
  }

  /**
   * Main entry point for Citation Watchlist.
   * Determines if the current page should be analyzed, starts loading the
   * configuration, collects the revisions behind each change-list row, and
   * fetches and annotates them while the configuration loads.
   */
  async function analyzeView() {
    purgeCaches();
    const ns = mw.config.get('wgNamespaceNumber');
    const inspectEnabled = enabledNamespaces.includes(ns);

    // Start the configuration load immediately; nothing below waits on it
    // until the first row is ready to render.
    if (inspectEnabled) {
      configReady = loadConfiguration();
    }

    // Article surface: scan enabled sections for watchlisted domains
    const action = mw.config.get('wgAction');
    if (action === 'view' &amp;&amp; ns &gt;= 0 &amp;&amp; inspectEnabled) {
      if (await configReady) {
        await analyzeArticleSections();
      }
      return;
    }

    // Pre-pad change log lines immediately on Special:RecentChanges for visual stability
    if (ns === -1) {
      document.querySelectorAll('li.mw-changeslist-line, .mw-changeslist-line')
        .forEach(line =&gt; prePadElement(line));
      flushGutterPadding();
    }

    if (!inspectEnabled) {
      return;
    }
    createChangeListFilterWidget();
    await annotateChangeList(document, true);
    installLiveReloadObserver();
  }

  /**
   * Collects and annotates every unseen change-list row under `root`.
   *
   * @param {Document|Element} root - Where to look for rows.
   * @param {boolean} allowFirstRevisionFallback - On a page history with no
   *   diff links (single-revision page), analyze the page's first revision.
   */
  async function annotateChangeList(root, allowFirstRevisionFallback) {
    const revisions = [];
    let noLinks = true;

    // Prefer iterating per-change rows when available (JS-enhanced watchlist/RC);
    // fall back to link containers on non-enhanced layouts.
    const unseen = selector =&gt; Array.from(root.querySelectorAll(selector)).filter(el =&gt; !seenRows.has(el));
    let entries = unseen('[data-mw-revid]:not(.mw-userlink), .mw-changeslist-line');
    let prePadCallback = null;
    if (entries.length &gt; 0) {
      entries.forEach(line =&gt; prePadElement(line));
      flushGutterPadding();
    } else {
      entries = unseen('.mw-changeslist-links');
      prePadCallback = (_el, link) =&gt; {
        const target = link.parentNode.parentNode;
        prePadElement(target);
        flushGutterPadding();
        return target;
      };
    }

    for (const entry of entries) {
      seenRows.add(entry);
      const result = await extractEntry(entry, entry, prePadCallback);
      if (result.hasLink) noLinks = false;
      if (!result.skip &amp;&amp; result.revision) revisions.push(result.revision);
    }

    // If no links were found, extract the first revision ID
    if (allowFirstRevisionFallback &amp;&amp; noLinks &amp;&amp; entries.length &gt; 0) {
      try {
        const firstID = await fetchFirstRevisionId(mw.config.get('wgTitle'));
        if (firstID) {
          revisions.push({
            oldrevision: String(firstID),
            element: entries[0],
            viewHref: buildPermalinkUrl(firstID),
            viewLabel: viewRevisionLabel
          });
        }
      } catch (e) {
        console.warn('Citation Watchlist: single-revision fallback failed:', e);
      }
    }

    await processRevisions(revisions);
    finishChangeListPass();
  }

  /**
   * Extracts the revision behind one change-list entry, isolating failures so
   * that a single malformed row does not abort the remaining rows.
   *
   * @param {Element} container - The DOM element to query for revision links.
   * @param {Element} element - The DOM element to attach to the revision object.
   * @param {Function|null} prePadCallback - See extractRevisionFromLinks.
   * @returns {Promise&lt;{revision: Object|null, hasLink: boolean, skip: boolean}&gt;}
   */
  async function extractEntry(container, element, prePadCallback) {
    try {
      return await extractRevisionFromLinks(container, element, prePadCallback);
    } catch (e) {
      console.warn('Citation Watchlist: skipping entry due to error:', e);
      // Report hasLink=true so a row-level failure never triggers the
      // single-revision fallback for the whole page.
      return { revision: null, hasLink: true, skip: true };
    }
  }

  /**
   * Annotates a set of revisions with as little latency as possible:
   *
   * 1. Parent IDs (for diff=prev and history rows) and sizes are resolved in
   *    one metadata request, only when any row needs them.
   * 2. Per-revision URL lists already in the cache are used directly.
   * 3. Remaining revision IDs are deduplicated (history rows share revisions),
   *    chunked in DOM order, fetched with bounded concurrency, and each row is
   *    rendered as soon as every revision it depends on is available. Fetching
   *    overlaps the configuration load; only rendering waits for it.
   *
   * @param {Object[]} revisions - Revision objects from extractRevisionFromLinks.
   */
  async function processRevisions(revisions) {
    if (revisions.length === 0) return;

    // --- 1. Resolve parents / sizes ---------------------------------------
    const parentLookups = revisions.filter(r =&gt; r.needsParentOf).map(r =&gt; r.needsParentOf);
    let metadata = {};
    if (parentLookups.length &gt; 0) {
      metadata = await fetchRevisionMetadata(unique(parentLookups));
      for (const revision of revisions) {
        if (!revision.needsParentOf) continue;
        const currentId = revision.needsParentOf;
        const meta = metadata[currentId];
        delete revision.needsParentOf;
        if (meta &amp;&amp; meta.parentid) {
          revision.oldrevision = String(meta.parentid);
          revision.newrevision = currentId;
          if (revision.pageTitle &amp;&amp; !revision.viewHref) {
            revision.viewHref = buildDiffUrl(revision.pageTitle,
              revision.oldrevision, revision.newrevision);
          }
        } else if (meta) {
          // First revision of the page: everything in it was &quot;added&quot;
          revision.oldrevision = currentId;
          revision.newrevision = null;
          revision.viewHref = buildPermalinkUrl(currentId);
          revision.viewLabel = viewRevisionLabel;
        } else {
          markSkipped(revision, 'fetch-failed');
          revision.oldrevision = null;
        }
      }
    }

    // --- 2. Per-revision URL lists from cache; queue the rest --------------
    const urlLists = new Map(); // id -&gt; string[] | null (null = unreadable)
    const pending = [];         // { revision, needs: string[] }
    for (const revision of revisions) {
      if (revision.skipped) continue;
      if (!isRevisionId(revision.oldrevision) ||
        (revision.newrevision &amp;&amp; !isRevisionId(revision.newrevision))) {
        markSkipped(revision, 'invalid');
        continue;
      }
      const needs = [revision.oldrevision];
      if (revision.newrevision) needs.push(revision.newrevision);
      for (const id of needs) {
        if (urlLists.has(id)) continue;
        const cached = readCache(`revURLs:${location.hostname}:${id}`);
        if (Array.isArray(cached)) urlLists.set(id, cached.filter(isValidHttpUrl));
      }
      pending.push({ revision, needs });
    }
    if (pending.length === 0) return;

    // --- 3. Fetch missing content in chunks; render as data arrives --------
    const neededIds = unique(pending.flatMap(p =&gt; p.needs)).filter(id =&gt; !urlLists.has(id));
    const oversized = new Set();
    for (const id of neededIds) {
      const meta = metadata[id];
      if (meta &amp;&amp; typeof meta.size === 'number' &amp;&amp; meta.size &gt; MAX_REVISION_CHARS) {
        oversized.add(id);
        urlLists.set(id, null);
      }
    }
    const chunks = chunkRevisionIds(neededIds.filter(id =&gt; !oversized.has(id)), metadata);

    let canRender = false;
    const settle = () =&gt; {
      if (!canRender) return;
      for (let i = pending.length - 1; i &gt;= 0; i--) {
        const item = pending[i];
        if (!item.needs.every(id =&gt; urlLists.has(id))) continue;
        pending.splice(i, 1);
        if (item.needs.some(id =&gt; oversized.has(id))) {
          markSkipped(item.revision, 'oversized');
          continue;
        }
        const oldList = urlLists.get(item.revision.oldrevision);
        const newList = item.revision.newrevision ? urlLists.get(item.revision.newrevision) : null;
        if (oldList === null || (item.revision.newrevision &amp;&amp; newList === null)) {
          markSkipped(item.revision, 'fetch-failed');
          continue;
        }
        const diff = computeURLDiff(oldList, newList, !!item.revision.newrevision);
        renderRevision(item.revision, diff.addedURLs, diff.removedURLs);
      }
      flushGutterPadding();
    };

    const onText = (id, text) =&gt; {
      if (text === null) {
        urlLists.set(id, null);
        return;
      }
      if (text.length &gt; MAX_REVISION_CHARS) {
        oversized.add(id);
        urlLists.set(id, null);
        return;
      }
      const urls = extractURLs(stripHTMLComments(text));
      urlLists.set(id, urls);
      writeCache(`revURLs:${location.hostname}:${id}`, urls);
    };

    // Dispatch content fetches now; they run while the lists are still loading.
    const fetching = runPool(chunks.map(chunk =&gt; async () =&gt; {
      await fetchChunkIsolating(chunk, onText);
      settle();
    }), CONTENT_CONCURRENCY);

    if (!(await configReady)) {
      await fetching;
      return; // no lists: nothing to screen against
    }
    canRender = true;
    settle(); // cache hits and anything that landed while the lists loaded
    await fetching;

    // Anything still pending had an id the API never returned
    for (const item of pending) {
      markSkipped(item.revision, 'fetch-failed');
    }
  }

  /**
   * Fetches a chunk of revisions; if the request fails outright, splits the
   * chunk in half and retries each half, so one problematic revision only
   * costs itself rather than its neighbours. Each fetch already carries
   * safeFetch's retries, so this only runs in genuine failure cases.
   *
   * @param {string[]} chunk - Revision IDs.
   * @param {Function} onText - Called with (id, text|null) for every id.
   */
  async function fetchChunkIsolating(chunk, onText) {
    const result = await fetchRevisionTexts(chunk);
    if (result) {
      for (const id of chunk) {
        onText(id, result.has(id) ? result.get(id) : null);
      }
      return;
    }
    if (chunk.length === 1) {
      onText(chunk[0], null);
      return;
    }
    const mid = Math.ceil(chunk.length / 2);
    await fetchChunkIsolating(chunk.slice(0, mid), onText);
    await fetchChunkIsolating(chunk.slice(mid), onText);
  }

  /**
   * Groups revision IDs into fetch chunks in order, bounded by count and, when
   * sizes are known, by an approximate byte budget so one huge article does not
   * delay its neighbours.
   *
   * @param {string[]} ids - Revision IDs in the order they should be fetched.
   * @param {Object} metadata - Map of id -&gt; {parentid, size} (may be sparse).
   * @returns {string[][]}
   */
  function chunkRevisionIds(ids, metadata) {
    const chunks = [];
    let current = [];
    let currentBytes = 0;
    for (const id of ids) {
      const meta = metadata[id];
      const bytes = (meta &amp;&amp; typeof meta.size === 'number') ? meta.size : ASSUMED_REVISION_BYTES;
      if (current.length &gt; 0 &amp;&amp;
        (current.length &gt;= CONTENT_CHUNK_SIZE || currentBytes + bytes &gt; CONTENT_CHUNK_BYTES)) {
        chunks.push(current);
        current = [];
        currentBytes = 0;
      }
      current.push(id);
      currentBytes += bytes;
    }
    if (current.length &gt; 0) chunks.push(current);
    return chunks;
  }

  /**
   * Runs async task factories with at most `concurrency` in flight, in order.
   *
   * @param {Array&lt;() =&gt; Promise&lt;*&gt;&gt;} tasks
   * @param {number} concurrency
   * @returns {Promise&lt;void&gt;}
   */
  async function runPool(tasks, concurrency) {
    let next = 0;
    const workers = Array.from({ length: Math.min(concurrency, tasks.length) }, async () =&gt; {
      while (next &lt; tasks.length) {
        const task = tasks[next++];
        try {
          await task();
        } catch (e) {
          console.warn('Citation Watchlist: chunk failed:', e);
        }
      }
    });
    await Promise.all(workers);
  }

  /**
   * Returns the elements of an array with duplicates removed, first occurrence wins.
   *
   * @param {Array} arr
   * @returns {Array}
   */
  function unique(arr) {
    return Array.from(new Set(arr));
  }

  /**
   * Marks a revision's row as skipped with a reason, without annotating it.
   *
   * @param {Object} revision
   * @param {string} reason - 'fetch-failed', 'oversized' or 'invalid'.
   */
  function markSkipped(revision, reason) {
    revision.skipped = reason;
    try {
      revisionTargetElement(revision).setAttribute('data-cw-skipped', reason);
    } catch (e) {
      /* ignore */
    }
    console.warn(`Citation Watchlist: skipped ${revision.oldrevision || '?'}` +
      `${revision.newrevision ? ' -&gt; ' + revision.newrevision : ''} (${reason})`);
  }

  /**
   * Finds the row-level element that carries data attributes for a revision.
   *
   * @param {Object} revision
   * @returns {Element}
   */
  function revisionTargetElement(revision) {
    const el = revision.element;
    return el.closest('[data-mw-revid]:not(.mw-userlink)') ||
      el.closest('li') || el.closest('.mw-changeslist-line, tr') || el;
  }

  /**
   * Scans the article page for sections whose H2 headers match enabledSectionHeaders,
   * then analyzes each matching section for watchlisted domains.
   */
  async function analyzeArticleSections() {
    const headings = document.querySelectorAll('.mw-heading2 h2, h2');
    for (const h2 of headings) {
      const headerText = h2.textContent.trim();
      if (!enabledSectionHeaders.includes(headerText)) continue;

      // Collect all content between this heading and the next heading
      const headingContainer = h2.closest('.mw-heading') || h2;
      let sibling = headingContainer.nextElementSibling;
      const sectionElements = [];
      while (sibling &amp;&amp; !sibling.classList.contains('mw-heading')) {
        sectionElements.push(sibling);
        sibling = sibling.nextElementSibling;
      }

      try {
        analyzeSection(headerText, sectionElements);
        createArticleFilterWidget(headingContainer);
      } catch (e) {
        console.warn(`Citation Watchlist: failed to analyze section &quot;${headerText}&quot;:`, e);
      }
    }
  }

  /**
   * Analyzes a single article section: extracts URLs from each &lt;li&gt;, screens them
   * against domain lists, and prepends indicator icons to matching list items.
   *
   * @param {string} sectionName - The section header text (e.g. &quot;References&quot;).
   * @param {Element[]} sectionElements - DOM elements between this heading and the next.
   */
  function analyzeSection(sectionName, sectionElements) {
    const revisionId = mw.config.get('wgRevisionId');
    const cacheKey = `sectionURLs:${location.hostname}:${revisionId}:${sectionName}`;

    // Map: array of { liId, urls }. Anything read back from localStorage is
    // re-validated before it can reach an href.
    let liURLMap = null;
    const cachedMap = readCache(cacheKey);
    if (Array.isArray(cachedMap)) {
      liURLMap = cachedMap
        .filter(entry =&gt; entry &amp;&amp; typeof entry.liId === 'string' &amp;&amp; Array.isArray(entry.urls))
        .map(entry =&gt; ({ liId: entry.liId, urls: entry.urls.filter(isValidHttpUrl) }));
    }

    const citeNotes = sectionElements.flatMap(el =&gt; Array.from(el.querySelectorAll('li[id^=&quot;cite_note&quot;]')));

    // Build from DOM if not cached
    if (!liURLMap) {
      liURLMap = citeNotes.map(li =&gt; ({
        liId: li.id,
        urls: Array.from(li.querySelectorAll('a.external[href]'))
          .map(a =&gt; a.getAttribute('href'))
          .filter(href =&gt; /^https?:\/\//i.test(href))
      }));
      writeCache(cacheKey, liURLMap);
    }

    // Add padding to all list items so citation text is flush with icons
    for (const li of citeNotes) li.style.paddingLeft = '1.5em';

    // Screen each li's URLs against domain lists and prepend icons with popups
    for (const entry of liURLMap) {
      const li = document.getElementById(entry.liId);
      if (!li) continue;

      const matched = resolveURLs(entry.urls).filter(r =&gt; r.indicator);
      if (matched.length === 0) continue;
      const highest = highestPriority(matched.map(m =&gt; m.indicator));

      const wrapper = makeElement('span', {
        style: { position: 'relative', cursor: 'pointer', marginLeft: '-1.5em',
          display: 'inline-block', width: '1.5em' }
      });
      wrapper.appendChild(makeElement('span', { text: indicators[highest].emoji }));
      attachPopup(wrapper, matched.map(m =&gt; popupLine(m.indicator, [m], false)), {});
      li.prepend(wrapper);
      li.dataset.cwIndicator = highest;
    }
  }

  /**
   * Extracts revision information from diff/hist/prev/cur links within a container.
   * Parent IDs are not fetched here; rows that need one set `needsParentOf` and
   * processRevisions() resolves them in a single batched request.
   *
   * @param {Element} container - The DOM element to query for revision links.
   * @param {Element} element - The DOM element to attach to the revision object.
   * @param {Function|null} prePadCallback - Optional callback invoked with (element, link) before
   *     processing each branch. In fallback mode this derives the target element and pre-pads it.
   * @returns {Promise&lt;{revision: Object|null, hasLink: boolean, skip: boolean}&gt;}
   *     - revision: the extracted revision object, or null if no usable link was found.
   *     - hasLink: true if any recognized link was present (even if skipped).
   *     - skip: true if the entry should be skipped (non-article after pre-padding).
   */
  async function extractRevisionFromLinks(container, element, prePadCallback) {
    const kinds = [
      { selector: 'a.mw-changeslist-diff', kind: 'diff' },
      { selector: 'a.mw-changeslist-history', kind: 'hist' },
      { selector: 'a.mw-history-histlinks-previous', kind: 'prev' },
      { selector: 'a.mw-history-histlinks-current', kind: 'cur' }
    ];
    let link = null;
    let kind = null;
    for (const k of kinds) {
      link = container.querySelector(k.selector);
      if (link) {
        kind = k.kind;
        break;
      }
    }
    if (!link) {
      return { revision: null, hasLink: false, skip: false };
    }

    const params = new URL(link.href).searchParams;
    const pageTitle = params.get('title');
    const target = prePadCallback ? prePadCallback(element, link) : element;

    // The diff and hist links appear on watchlist/RC/contribs rows that can be
    // for any namespace; history prev/cur links are always for the page itself.
    if ((kind === 'diff' || kind === 'hist') &amp;&amp; isNotArticle(pageTitle)) {
      return { revision: null, hasLink: true, skip: true };
    }

    const revision = {
      oldrevision: null,
      newrevision: null,
      element: target,
      viewHref: '',
      viewLabel: viewDiffLabel,
      pageTitle: pageTitle || undefined
    };

    switch (kind) {
      case 'diff': {
        // MediaWiki convention: diff = newer, oldid = older
        const diffParam = params.get('diff');
        const oldidParam = params.get('oldid');
        revision.viewHref = link.href;
        if (diffParam === 'prev' &amp;&amp; oldidParam) {
          // Contributions: oldid is the current revision; parent resolved later
          revision.needsParentOf = oldidParam;
        } else {
          revision.oldrevision = oldidParam;
          revision.newrevision = diffParam;
        }
        break;
      }
      case 'hist': {
        // New page: analyze its first revision
        const firstID = await fetchFirstRevisionId(pageTitle);
        if (!firstID) {
          return { revision: null, hasLink: true, skip: false };
        }
        revision.oldrevision = String(firstID);
        revision.viewHref = buildPermalinkUrl(firstID);
        revision.viewLabel = viewRevisionLabel;
        break;
      }
      case 'prev': {
        // viewHref is filled in once the parent is known
        revision.needsParentOf = params.get('oldid') || null;
        break;
      }
      case 'cur': {
        revision.oldrevision = params.get('oldid');
        revision.viewHref = buildPermalinkUrl(revision.oldrevision);
        revision.viewLabel = viewRevisionLabel;
        break;
      }
    }

    return { revision, hasLink: true, skip: false };
  }

  /**
   * Computes the URLs added and removed between two revisions' URL lists.
   * Multiset semantics: a URL that appears twice in the new revision and once
   * in the old counts as one addition.
   *
   * @param {string[]} fromList - URLs in the older revision.
   * @param {string[]|null} toList - URLs in the newer revision (ignored if !hasNew).
   * @param {boolean} hasNew - False for a page's first revision, in which case
   *   every URL in fromList is considered added.
   * @returns {{addedURLs: string[], removedURLs: string[]}}
   */
  function computeURLDiff(fromList, toList, hasNew) {
    if (!hasNew) {
      // For first revision, all URLs are considered added
      return { addedURLs: fromList.slice(), removedURLs: [] };
    }
    const count = arr =&gt; arr.reduce((m, u) =&gt; {
      m[u] = (m[u] || 0) + 1;
      return m;
    }, {});
    const fromMap = count(fromList);
    const toMap = count(toList || []);
    const addedURLs = [];
    const removedURLs = [];
    for (const key of new Set([...Object.keys(fromMap), ...Object.keys(toMap)])) {
      const addCount = Math.max(0, (toMap[key] || 0) - (fromMap[key] || 0));
      const remCount = Math.max(0, (fromMap[key] || 0) - (toMap[key] || 0));
      for (let i = 0; i &lt; addCount; i++) addedURLs.push(key);
      for (let i = 0; i &lt; remCount; i++) removedURLs.push(key);
    }
    return { addedURLs, removedURLs };
  }

  /**
   * Screens a revision's added/removed URLs against the domain lists and
   * annotates its row (gutter icons, popup, filter data attributes).
   * Synchronous: all network work happens in processRevisions().
   *
   * @param {Object} revision - Object containing oldrevision, optional
   *   newrevision, and DOM element.
   * @param {string[]} addedURLs
   * @param {string[]} removedURLs
   */
  function renderRevision(revision, addedURLs, removedURLs) {
    const targetElement = revisionTargetElement(revision);
    targetElement.setAttribute('data-cw-processed', 'true');

    const added = resolveURLs(addedURLs);
    const removed = resolveURLs(removedURLs);

    // Highest-priority indicator among added links (lists only), for the gutter
    const addType = highestPriority(added.map(a =&gt; a.indicator)) ||
      (added.length &gt; 0 ? 'added' : null);

    try {
      if (revision.viewHref) revision.element.dataset.cwViewHref = revision.viewHref;
      if (revision.viewLabel) revision.element.dataset.cwViewLabel = revision.viewLabel;
    } catch (e) {
      /* ignore */
    }

    // Render two-column emojis: left = addition (highest-priority), right = removal (bin)
    renderTwoColumnEmojis(revision.element, addType, removed.length &gt; 0, added, removed);

    // Data attributes drive the filter widget
    const changedDomains = unique([...added, ...removed].map(r =&gt; r.domain)).sort();
    if (changedDomains.length &gt; 0) {
      targetElement.dataset.cwLinkchange = changedDomains.join('|');
    }
    for (const type of listedTypes) {
      const domains = unique([...added, ...removed]
        .filter(r =&gt; r.indicator === type).map(r =&gt; r.domain)).sort();
      if (domains.length &gt; 0) {
        targetElement.setAttribute(indicators[type].dataAttr, domains.join('|'));
      }
    }
  }

  /**
   * ==========================================================================
   * 2. User Interface
   * ==========================================================================
   */

  /**
   * Pending hosts that need gutter padding applied. Collected during
   * renderTwoColumnEmojis and flushed in a single batch via flushGutterPadding()
   * so that all rows shift at the same time instead of one at a time.
   */
  const pendingGutterPadding = [];

  /**
   * Applies the gutter padding to a single host element, reserving horizontal
   * space for the two-column emoji gutter.
   *
   * @param {HTMLElement} host - The element to pad.
   */
  function applyGutterPadding(host) {
    const pad = 'calc(2em + 0.5em)';
    try {
      const cs = window.getComputedStyle(host);
      const existing = parseFloat(cs.paddingLeft || '0');
      const fontSizePx = parseFloat(cs.fontSize || '16');
      const desiredPx = 2.5 * fontSizePx; // 2em + 0.5em
      if (isNaN(existing) || existing &lt; desiredPx - 0.5) {
        host.style.paddingLeft = pad;
      }
    } catch (e) {
      host.style.paddingLeft = pad;
    }
  }

  /**
   * Applies gutter padding to all collected hosts at once, then clears the
   * queue. Call this after a batch of renderTwoColumnEmojis calls to avoid
   * one-at-a-time layout shifts.
   */
  function flushGutterPadding() {
    for (const host of pendingGutterPadding) {
      applyGutterPadding(host);
    }
    pendingGutterPadding.length = 0;
  }

  /**
   * Finds the element that hosts the gutter for a change-list element:
   * the list container or, for table rows, the content cell.
   *
   * @param {HTMLElement} element
   * @returns {HTMLElement|null}
   */
  function gutterHostFor(element) {
    const container =
      element.closest('[data-mw-revid]:not(.mw-userlink)') ||
      element.closest('li') ||
      element.closest('.mw-changeslist-line, tr') || element.parentNode || element;
    if (!container) return null;
    let host = container;
    if (host.tagName &amp;&amp; host.tagName.toUpperCase() === 'TR') {
      // For nested enhanced RC rows, place the gutter in the content cell so
      // icons align with singleton rows that use .mw-changeslist-line-inner.
      const nestedContent = host.querySelector('td.mw-enhanced-rc-nested[data-target-page]');
      host = nestedContent || host.querySelector('td, th') || host;
    }
    // Prefer inner change-line wrappers on Watchlist/RC if present
    const innerHost = host.querySelector('.mw-changeslist-line-inner, .mw-changeslist-line-main');
    return innerHost || host;
  }

  /**
   * Renders exactly two fixed-width emoji columns before a revision entry:
   * - Left column: highest-priority addition indicator
   *   (warning/caution/inspect/added), or spacer if none.
   * - Right column: removal indicator if removals exist, otherwise spacer.
   *
   * This preserves consistent alignment even when no links are added/removed.
   *
   * @param {HTMLElement} element - The revision list DOM element.
   * @param {string|null} addType - Indicator type for the left column, or null.
   * @param {boolean} hasRemovals - Whether to show the removal icon.
   * @param {Object[]} added - Resolved added links ({url, domain, indicator, ...}).
   * @param {Object[]} removed - Resolved removed links.
   */
  function renderTwoColumnEmojis(element, addType, hasRemovals, added = [], removed = []) {
    if (!element) return;
    const host = gutterHostFor(element);
    if (!host) return;

    const cell = (char, className) =&gt; makeElement('span', {
      className, text: char,
      style: { display: 'inline-block', width: '1em', textAlign: 'center', userSelect: 'none' }
    });
    const addChar = addType ? indicators[addType].emoji : ' ';
    const remChar = hasRemovals ? indicators.removed.emoji : ' ';

    // Propagate dataset for view link from source element to host
    try {
      if (element.dataset.cwViewHref) host.dataset.cwViewHref = element.dataset.cwViewHref;
      if (element.dataset.cwViewLabel) host.dataset.cwViewLabel = element.dataset.cwViewLabel;
    } catch (e) {
      /* ignore */
    }

    // Ensure a single gutter exists
    let gutter = host.querySelector('.cw-gutter');
    if (gutter) {
      gutter.querySelector('.cw-add').textContent = addChar;
      gutter.querySelector('.cw-rem').textContent = remChar;
    } else {
      // Ensure the host can anchor absolutely positioned children
      if (!host.style.position) host.style.position = 'relative';
      // Create a left gutter that does not participate in text wrapping
      gutter = makeElement('span', {
        className: 'cw-gutter',
        style: {
          position: 'absolute', left: '0', top: '0', display: 'inline-flex', gap: '0.25em',
          width: 'calc(2em + 0.25em)', alignItems: 'flex-start', userSelect: 'none'
        }
      });
      gutter.appendChild(cell(addChar, 'cw-add'));
      gutter.appendChild(cell(remChar, 'cw-rem'));
      // Insert the gutter into the host; padding is deferred to flushGutterPadding()
      host.insertBefore(gutter, host.firstChild);
      pendingGutterPadding.push(host);
    }

    attachPopup(gutter, [popupLine('added', added, true), popupLine('removed', removed, true)], {
      viewHref: host.dataset.cwViewHref || '',
      viewLabel: host.dataset.cwViewLabel || ''
    });
    host.setAttribute('data-processed-twocol', 'true');
  }
  /**
   * Fills a popup with a close button, a two-column grid of labelled link
   * lines, and a footer. Idempotent: safe to call again to refresh content.
   *
   * @param {HTMLElement} popupEl - The popup element.
   * @param {Array&lt;{labelText: string, labelTitle: string, items: Object[]}&gt;} lines
   *   Each item is a resolved link ({url, domain, indicator, archiveHost}).
   * @param {Object} footerOptions - See createPopupFooter.
   */
  function buildPopupContent(popupEl, lines, footerOptions) {
    if (!popupEl.querySelector('.cw-close')) {
      popupEl.appendChild(createCloseButton(popupEl));
    }
    let contentWrap = popupEl.querySelector('.cw-popup-content');
    if (!contentWrap) {
      contentWrap = makeElement('div', { className: 'cw-popup-content' });
      popupEl.appendChild(contentWrap);
    }
    // Grid layout so labels are flush-aligned with content
    Object.assign(contentWrap.style, {
      display: 'grid', gridTemplateColumns: 'max-content 1fr', columnGap: '0.5em', rowGap: '2px'
    });
    contentWrap.innerHTML = '';

    for (const line of lines) {
      if (!line.items || line.items.length === 0) continue;
      contentWrap.appendChild(makeElement('strong', {
        text: `${line.labelText}:`, title: line.labelTitle,
        ariaLabel: `${line.labelText}: ${line.labelTitle}`,
        style: { alignSelf: 'start', justifySelf: 'end', textAlign: 'right', whiteSpace: 'nowrap' }
      }));
      const content = makeElement('div', { style: { display: 'inline' } });
      line.items.forEach((item, idx) =&gt; {
        content.appendChild(makeLinkItem(item));
        if (idx &lt; line.items.length - 1) content.appendChild(makeElement('span', { text: ' • ' }));
      });
      contentWrap.appendChild(content);
    }

    const footer = popupEl.querySelector('.cw-popup-footer');
    if (footer) footer.remove();
    popupEl.appendChild(createPopupFooter(footerOptions));
  }

  /**
   * Creates (or refreshes) the popup under a host element and wires its
   * hover/click handlers. With no lines, any existing popup is hidden.
   *
   * @param {HTMLElement} host - The gutter or icon wrapper that owns the popup.
   * @param {Array} lines - See buildPopupContent.
   * @param {Object} footerOptions - See createPopupFooter.
   */
  function attachPopup(host, lines, footerOptions) {
    let popup = host.querySelector('.cw-popup');
    const hasContent = lines.some(l =&gt; l.items &amp;&amp; l.items.length &gt; 0);
    if (!hasContent) {
      if (popup) popup.style.display = 'none';
      host._cwEnablePopup = false;
      return;
    }
    if (!popup) {
      popup = createPopupElement();
      host.appendChild(popup);
    }
    buildPopupContent(popup, lines, footerOptions);
    host._cwEnablePopup = true;
    installPopupHandlers(host);
  }

  /**
   * Builds a popup line for an indicator type over a set of resolved links.
   *
   * @param {string} type - Indicator type (added, removed, warning, ...).
   * @param {Object[]} items - Resolved links.
   * @param {boolean} withEmoji - Prefix the label with the type's emoji.
   * @returns {{labelText: string, labelTitle: string, items: Object[]}}
   */
  function popupLine(type, items, withEmoji) {
    const ind = indicators[type];
    return {
      labelText: withEmoji ? `${ind.emoji} ${ind.msg}` : ind.msg,
      labelTitle: ind.explanation,
      items
    };
  }
  /**
   * Builds the popup representation of one resolved link: an optional
   * indicator emoji followed by a link whose text is the screened domain.
   *
   * @param {Object} item - {url, domain, indicator, archiveHost}.
   * @returns {HTMLSpanElement}
   */
  function makeLinkItem(item) {
    const span = makeElement('span', { style: { whiteSpace: 'nowrap', display: 'inline-block' } });
    if (item.indicator) {
      const ind = indicators[item.indicator];
      span.appendChild(makeElement('span', {
        className: 'cw-emoji', text: ind.emoji + ' ',
        title: ind.explanation, ariaLabel: `${ind.msg}: ${ind.explanation}`
      }));
    }
    const a = makeExternalLink(item.url, item.domain);
    if (item.archiveHost) a.title = `${archivedViaLabel} ${item.archiveHost}`;
    span.appendChild(a);
    return span;
  }
  /**
   * Creates a link with the attributes every outbound link in this script
   * uses. The single place an attacker-influenced URL becomes an href, so the
   * URL check lives here: absolute http(s) only, plus same-origin paths when
   * `allowPath` is set (used for diff/permalink footers).
   *
   * @param {string} url
   * @param {string} text
   * @param {boolean} [allowPath=false]
   * @returns {HTMLAnchorElement}
   */
  function makeExternalLink(url, text, allowPath = false) {
    const a = makeElement('a', {
      text, attrs: { rel: 'nofollow noopener noreferrer', target: '_blank' },
      style: { whiteSpace: 'nowrap' }
    });
    if (isValidHttpUrl(url) || (allowPath &amp;&amp; /^\/(?!\/)/.test(url))) a.href = url;
    return a;
  }
  /**
   * Creates a DOM element with class, text, title, inline styles and
   * attributes in one call. Text is always set through textContent.
   *
   * @param {string} tag
   * @param {Object} [opts] - {className, text, title, ariaLabel, style, attrs}
   * @returns {HTMLElement}
   */
  function makeElement(tag, opts = {}) {
    const el = document.createElement(tag);
    if (opts.className) el.className = opts.className;
    if (opts.text !== undefined) el.textContent = opts.text;
    if (opts.title) {
      el.title = opts.title;
      el.setAttribute('aria-label', opts.ariaLabel || opts.title);
    }
    if (opts.style) Object.assign(el.style, opts.style);
    for (const [k, v] of Object.entries(opts.attrs || {})) el.setAttribute(k, v);
    return el;
  }

  /**
   * Creates a styled popup element for displaying domain information.
   *
   * @returns {HTMLDivElement} The configured popup element.
   */
  function createPopupElement() {
    return makeElement('div', {
      className: 'mwe-popups cw-popup',
      style: {
        position: 'absolute', minWidth: '260px', maxWidth: '420px', zIndex: '1000',
        display: 'none', background: 'var(--background-color, #fff)',
        border: '1px solid rgba(0,0,0,.15)', boxShadow: '0 2px 8px rgba(0,0,0,.2)',
        padding: '8px 26px 8px 10px', borderRadius: '4px', fontSize: '0.92em'
      }
    });
  }
  /**
   * Creates a styled close button for popups.
   *
   * @param {HTMLElement} popupEl - The popup element to hide when the button is clicked.
   * @returns {HTMLButtonElement} The configured close button.
   */
  function createCloseButton(popupEl) {
    const closeBtn = makeElement('button', {
      className: 'cw-close', text: '×', title: 'Close', attrs: { type: 'button' },
      style: {
        position: 'absolute', top: '4px', right: '6px', border: 'none',
        background: 'transparent', cursor: 'pointer', fontSize: '14px',
        lineHeight: '1', padding: '0', margin: '0'
      }
    });
    closeBtn.addEventListener('click', (e) =&gt; {
      e.stopPropagation();
      e.preventDefault();
      popupEl.style.display = 'none';
    });
    return closeBtn;
  }
  /**
   * Creates a popup footer element with an optional primary link and the
   * &quot;About Citation Watchlist&quot; link.
   *
   * @param {Object} [options] - Optional configuration.
   * @param {string} [options.viewHref] - URL for the primary link (e.g., diff or revision).
   * @param {string} [options.viewLabel] - Label text for the primary link.
   * @returns {HTMLDivElement} The configured footer element.
   */
  function createPopupFooter(options) {
    const footer = makeElement('div', {
      className: 'cw-popup-footer', style: { marginTop: '10px', color: 'inherit' }
    });
    if (options &amp;&amp; options.viewHref &amp;&amp; options.viewLabel) {
      const viewA = makeExternalLink(options.viewHref, options.viewLabel, true);
      if (viewA.href) {
        const strong = makeElement('strong');
        strong.appendChild(viewA);
        footer.appendChild(strong);
        footer.appendChild(makeElement('span', { text: ' • ' }));
      }
    }
    footer.appendChild(makeExternalLink(aboutLink, aboutLabel));
    return footer;
  }
  /**
   * Builds the shared filter widget container with radio buttons and an about link.
   *
   * @param {Object} config - Widget configuration.
   * @param {string} config.containerId - The ID for the container element.
   * @param {string} config.radioName - The name attribute for the radio button group.
   * @param {Array&lt;Object&gt;} config.filters - Array of filter option objects
   *   ({id, label, checked?, tooltip?}).
   * @param {Function} config.onFilter - Callback invoked with the selected filter ID.
   * @param {string} [config.initialLabel] - Label text; defaults to showEditsLabel.
   * @returns {HTMLDivElement} The configured filter widget container.
   */
  function buildFilterWidgetContainer(config) {
    const container = makeElement('div', {
      attrs: { id: config.containerId },
      style: {
        display: 'flex', alignItems: 'center', justifyContent: 'space-between',
        border: '1px solid black', borderRadius: '25px', padding: '10px 20px',
        margin: '10px 0', width: 'fit-content'
      }
    });
    const leftSection = makeElement('div', {
      style: { display: 'flex', alignItems: 'center', gap: '15px' }
    });
    leftSection.appendChild(makeElement('span', {
      className: 'cw-filter-label', text: config.initialLabel || showEditsLabel,
      style: { fontWeight: '500' }
    }));

    for (const filter of config.filters) {
      const wrapper = makeElement('label', {
        style: { display: 'flex', alignItems: 'center', gap: '5px', cursor: 'pointer' }
      });
      const radio = makeElement('input', {
        attrs: { type: 'radio', name: config.radioName, value: filter.id }, style: { margin: '0' }
      });
      radio.checked = !!filter.checked;
      radio.addEventListener('change', () =&gt; {
        if (radio.checked) config.onFilter(filter.id);
      });
      const text = makeElement('span', { text: filter.label });
      if (filter.tooltip) {
        text.title = filter.tooltip;
        Object.assign(text.style, { borderBottom: '1px dotted', cursor: 'help' });
      }
      wrapper.appendChild(radio);
      wrapper.appendChild(text);
      leftSection.appendChild(wrapper);
    }
    container.appendChild(leftSection);

    const rightSection = makeElement('div', { style: { marginLeft: '4em' } });
    const link = makeElement('a', {
      text: toolName, attrs: { href: aboutLink },
      style: { textDecoration: 'underline', color: '#0645ad' }
    });
    rightSection.appendChild(link);
    container.appendChild(rightSection);
    return container;
  }
  /**
   * Builds the indicator filter list from the indicators config, sorted by
   * descending priority and excluding non-positive priorities.
   *
   * @returns {Array&lt;{id: string, label: string, tooltip: string}&gt;}
   */
  function buildIndicatorFilters() {
    return listedTypes
      .slice()
      .sort((a, b) =&gt; indicators[b].priority - indicators[a].priority)
      .map(id =&gt; ({
        id,
        label: `${indicators[id].emoji} ${indicators[id].msg}`,
        tooltip: indicators[id].explanation
      }));
  }

  /**
   * Enables or greys out each radio in a filter widget according to whether
   * any row currently matches it.
   *
   * @param {string} radioName - The radio group name.
   * @param {Function} hasResults - (filterId) =&gt; boolean.
   */
  function updateFilterRadios(radioName, hasResults) {
    document.querySelectorAll(`input[name=&quot;${radioName}&quot;]`).forEach(radio =&gt; {
      const enabled = radio.value === 'all' || hasResults(radio.value);
      const label = radio.closest('label');
      radio.disabled = !enabled;
      if (label) {
        label.style.cursor = enabled ? 'pointer' : 'default';
        label.style.color = enabled ? '' : 'gray';
      }
    });
  }

  /**
   * Creates and inserts the change-list filter widget (watchlist, recent
   * changes, history, contributions). Radios start disabled and are enabled by
   * finishChangeListPass() once rows are annotated.
   *
   * @returns {HTMLElement|null} The created filter container or null if not created.
   */
  function createChangeListFilterWidget() {
    const ns = mw.config.get('wgNamespaceNumber');
    const pageName = mw.config.get('wgPageName');
    let target = document.querySelector('.mw-changeslist') ||
      document.getElementById('mw-history-compare');
    if (!target &amp;&amp; ns === -1 &amp;&amp; pageName.startsWith('Special:Contributions')) {
      target = document.querySelector('.mw-pager-body');
    }
    if (!target) return null;

    const container = buildFilterWidgetContainer({
      containerId: 'cw-filter-widget',
      radioName: 'cw-filter',
      filters: [
        { id: 'all', label: allLabel, checked: true },
        { id: 'linkchange', label: linkChangesLabel, tooltip: linkChangesTooltip },
        ...buildIndicatorFilters()
      ],
      onFilter: applyChangeListFilter,
      initialLabel: loadingLabel
    });
    target.parentNode.insertBefore(container, target);
    updateFilterRadios('cw-filter', () =&gt; false); // Disabled until annotation is complete
    return container;
  }

  /**
   * Creates and inserts a filter widget for the article surface, placed after
   * the section heading. Excludes the &quot;Link Changes&quot; option.
   *
   * @param {Element} headingContainer - The heading element to insert the widget after.
   */
  function createArticleFilterWidget(headingContainer) {
    const container = buildFilterWidgetContainer({
      containerId: 'cw-article-filter-widget',
      radioName: 'cw-article-filter',
      filters: [
        { id: 'all', label: allLabel, checked: true },
        ...buildIndicatorFilters()
      ],
      onFilter: applyArticleFilter
    });
    headingContainer.after(container);
    updateFilterRadios('cw-article-filter', (filterId) =&gt;
      !!document.querySelector(`li[id^=&quot;cite_note&quot;][data-cw-indicator=&quot;${filterId}&quot;]`));
    renderLoadWarnings();
  }

  /**
   * Called after each annotation pass on a change list: restores the widget
   * label, renders any load warnings, and enables the radios that have matches.
   */
  function finishChangeListPass() {
    const filterLabel = document.querySelector('#cw-filter-widget .cw-filter-label');
    if (filterLabel &amp;&amp; filterLabel.firstChild &amp;&amp;
      filterLabel.firstChild.nodeType === Node.TEXT_NODE) {
      filterLabel.firstChild.textContent = showEditsLabel;
    }
    renderLoadWarnings();
    const rows = document.querySelectorAll('[data-mw-revid]:not(.mw-userlink)');
    updateFilterRadios('cw-filter', (filterId) =&gt;
      Array.from(rows).some(row =&gt; rowMatchesFilter(row, filterId)));
    // Re-apply the active filter so newly loaded rows respect it
    const active = document.querySelector('input[name=&quot;cw-filter&quot;]:checked');
    if (active &amp;&amp; active.value !== 'all') applyChangeListFilter(active.value);
  }

  /**
   * Whether a change-list row (or any nested revision inside it) matches a filter.
   *
   * @param {Element} row
   * @param {string} filterId
   * @returns {boolean}
   */
  function rowMatchesFilter(row, filterId) {
    if (elementMatchesFilter(row, filterId)) return true;
    for (const nested of row.querySelectorAll('li[data-cw-processed=&quot;true&quot;]')) {
      if (elementMatchesFilter(nested, filterId)) return true;
    }
    return false;
  }

  /**
   * Applies the selected filter to article section list items.
   *
   * @param {string} filterId - 'all' or an indicator type.
   */
  function applyArticleFilter(filterId) {
    document.querySelectorAll('li[id^=&quot;cite_note&quot;]').forEach(li =&gt; {
      li.style.display = (filterId === 'all' || li.dataset.cwIndicator === filterId) ? '' : 'none';
    });
  }

  /**
   * Applies the selected filter to the revision list.
   *
   * @param {string} filterId - 'all', 'linkchange', or an indicator type.
   */
  let lastAppliedFilter = 'all';

  function applyChangeListFilter(filterId) {
    const isAll = filterId === 'all';

    const revisions = document.querySelectorAll(
      '[data-mw-revid]:not(.mw-userlink), [data-mw-logid]'
    );
    revisions.forEach(container =&gt; {
      if (isAll) {
        container.style.display = '';
        return;
      }
      // Log entries (data-mw-logid) don't have revision-based attributes to
      // match against filters — hide them when any specific filter is active.
      const show = container.hasAttribute('data-mw-revid') &amp;&amp; rowMatchesFilter(container, filterId);
      container.style.display = show ? '' : 'none';
    });

    // Hide h4 date headers when all their rows are hidden
    document.querySelectorAll('div.mw-changeslist h4').forEach(h4 =&gt; {
      if (isAll) {
        h4.style.display = '';
        return;
      }
      const sibling = h4.nextElementSibling;
      if (!sibling || sibling.tagName !== 'DIV') return;
      const revItems = sibling.querySelectorAll('[data-mw-revid]');
      if (revItems.length === 0) return;
      h4.style.display = Array.from(revItems).every(el =&gt; el.style.display === 'none') ? 'none' : '';
    });

    const enhanced = document.querySelector('table.mw-enhanced-rc');
    if (enhanced) {
      // Hide the group header row in each tbody if all other rows are hidden
      document.querySelectorAll('table.mw-enhanced-rc tbody').forEach(tbody =&gt; {
        const rows = tbody.querySelectorAll('tr');
        if (rows.length &lt; 2) return;
        rows[0].style.display = (!isAll &amp;&amp; Array.from(rows).slice(1)
          .every(tr =&gt; tr.style.display === 'none')) ? 'none' : '';
      });

      // Expand grouped sections while a specific filter is active, collapse on
      // &quot;all&quot;. Only on the transition, so switching between two filters leaves
      // the expanded state alone.
      const wasAll = lastAppliedFilter === 'all';
      if (wasAll !== isAll) {
        document.querySelectorAll('table.mw-enhanced-rc').forEach(table =&gt; {
          const checkbox = groupToggleCheckbox(table);
          if (checkbox &amp;&amp; checkbox.checked === isAll) {
            checkbox.checked = !isAll;
            checkbox.dispatchEvent(new Event('change'));
          }
        });
      }
    }

    showNoMatchingEdits(!isAll &amp;&amp; Array.from(
      document.querySelectorAll('[data-mw-revid]:not(.mw-userlink)')
    ).every(el =&gt; el.style.display === 'none'));

    lastAppliedFilter = filterId;
  }

  /**
   * Shows or removes the &quot;No matching edits&quot; message under the filter widget.
   *
   * @param {boolean} show
   */
  function showNoMatchingEdits(show) {
    const existing = document.getElementById('cw-no-matching-edits');
    if (existing) existing.remove();
    if (!show) return;
    const msg = makeElement('p', {
      text: noMatchingEditsLabel, attrs: { id: 'cw-no-matching-edits' },
      style: { margin: '10px 0', fontStyle: 'italic' }
    });
    const widget = document.getElementById('cw-filter-widget');
    if (widget &amp;&amp; widget.nextSibling) {
      widget.parentNode.insertBefore(msg, widget.nextSibling);
    }
  }

  /**
   * Returns the hidden checkbox that expands/collapses an enhanced-RC group.
   *
   * @param {Element} table - A table.mw-enhanced-rc element.
   * @returns {HTMLInputElement|null}
   */
  function groupToggleCheckbox(table) {
    const arrow = table.querySelector('.mw-enhancedchanges-arrow');
    const checkboxId = arrow &amp;&amp; arrow.getAttribute('for');
    return checkboxId ? document.getElementById(checkboxId) : null;
  }

  /**
   * If any configuration pages failed to load, appends a warning glyph (with
   * the details in its tooltip) to every filter-widget label on the page.
   * Safe to call more than once.
   */
  function renderLoadWarnings() {
    const messages = SHOW_LINT_IN_WIDGET ? [...loadWarnings, ...listLint] : loadWarnings;
    if (messages.length === 0) return;
    document.querySelectorAll('.cw-filter-label').forEach(label =&gt; {
      if (label.querySelector('.cw-load-warning')) return;
      label.appendChild(makeElement('span', {
        className: 'cw-load-warning', text: ' ' + loadWarningGlyph,
        title: loadWarningPrefix + '\n' + messages.join('\n'), style: { cursor: 'help' }
      }));
    });
  }

  /**
   * Whether the single document-level outside-click handler has been installed.
   * One delegated listener replaces the former one-listener-per-gutter design.
   */
  let outsideClickHandlerInstalled = false;

  /**
   * Installs a single document-level click handler that hides every open popup
   * whose owning gutter does not contain the click target.
   */
  function installOutsideClickHandler() {
    if (outsideClickHandlerInstalled) return;
    document.addEventListener('click', (ev) =&gt; {
      document.querySelectorAll('.cw-popup').forEach(p =&gt; {
        if (p.style.display === 'none' || p.style.display === '') return;
        const owner = p.parentElement;
        if (owner &amp;&amp; !owner.contains(ev.target)) {
          p.style.display = 'none';
        }
      });
    });
    outsideClickHandlerInstalled = true;
  }

  /**
   * Installs hover, click, touch, and outside-click handlers on a gutter element
   * to show/hide its popup.
   *
   * @param {HTMLElement} gutter - The gutter element containing a .cw-popup child.
   */
  function installPopupHandlers(gutter) {
    if (gutter._cwHandlersInstalled) return;
    let hideTimer = null;
    const positionPopup = () =&gt; {
      const p = gutter.querySelector('.cw-popup');
      if (!gutter._cwEnablePopup || !p) return;
      p.style.display = 'block';
      p.style.top = '1.4em';
      p.style.left = '0px';
      const rect = p.getBoundingClientRect();
      if (rect.right &gt; window.innerWidth - 10) {
        const overflow = rect.right - (window.innerWidth - 10);
        p.style.left = Math.max(0, (parseFloat(p.style.left) || 0) - overflow) + 'px';
      }
    };
    const show = () =&gt; {
      if (!gutter._cwEnablePopup) return;
      if (hideTimer) {
        clearTimeout(hideTimer);
        hideTimer = null;
      }
      positionPopup();
    };
    const scheduleHide = () =&gt; {
      hideTimer = setTimeout(() =&gt; {
        const p = gutter.querySelector('.cw-popup');
        if (p) p.style.display = 'none';
      }, 150);
    };

    gutter.addEventListener('mouseenter', show);
    gutter.addEventListener('mouseleave', scheduleHide);
    const pInit = gutter.querySelector('.cw-popup');
    if (pInit) {
      pInit.addEventListener('mouseenter', () =&gt; {
        if (hideTimer) {
          clearTimeout(hideTimer);
          hideTimer = null;
        }
      });
      pInit.addEventListener('mouseleave', scheduleHide);
    }
    const toggle = (e) =&gt; {
      if (!gutter._cwEnablePopup) return;
      e.stopPropagation();
      const p = gutter.querySelector('.cw-popup');
      if (!p) return;
      if (p.style.display === 'none' || p.style.display === '') {
        show();
      } else {
        p.style.display = 'none';
      }
    };
    gutter.addEventListener('click', toggle);
    gutter.addEventListener('touchstart', toggle, {
      passive: true
    });
    installOutsideClickHandler();
    gutter._cwHandlersInstalled = true;
  }

  /**
   * Watches for the change list being replaced by MediaWiki's live filters
   * (&quot;View new changes&quot;, filter edits on Special:Watchlist / RecentChanges)
   * and annotates the new rows. The existing widget sits outside the replaced
   * element and survives; its radios are refreshed after each pass.
   */
  function installLiveReloadObserver() {
    if (typeof MutationObserver === 'undefined') return;
    let timer = null;
    let running = false;
    let rerun = false;
    const run = async () =&gt; {
      if (running) {
        rerun = true;
        return;
      }
      running = true;
      try {
        await annotateChangeList(document, false);
      } catch (e) {
        console.warn('Citation Watchlist: live reload pass failed:', e);
      } finally {
        running = false;
        if (rerun) {
          rerun = false;
          run();
        }
      }
    };
    const observer = new MutationObserver(mutations =&gt; {
      const relevant = mutations.some(m =&gt; Array.from(m.addedNodes).some(node =&gt;
        node.nodeType === Node.ELEMENT_NODE &amp;&amp;
        (node.matches('[data-mw-revid], .mw-changeslist, .mw-changeslist-line') ||
          node.querySelector('[data-mw-revid], .mw-changeslist-line'))
      ));
      if (!relevant) return;
      clearTimeout(timer);
      timer = setTimeout(run, LIVE_RELOAD_DEBOUNCE_MS);
    });
    observer.observe(document.body, { childList: true, subtree: true });
  }

  const enabledNsStrings = new Set(enabledNamespaces.filter(n =&gt; n &gt;= 0).map(String));
  const namespaces = Object.entries(mw.config.get('wgFormattedNamespaces'))
    .filter(([num, name]) =&gt; num !== '0' &amp;&amp; !enabledNsStrings.has(num))
    .map(([_, name]) =&gt; name.replace(/ /g, '_') + ':');

  /**
   * Pre-pads an element with empty emoji gutters to prevent layout shift.
   *
   * @param {Element} element - The DOM element to pre-pad.
   */
  function prePadElement(element) {
    try {
      renderTwoColumnEmojis(element, null, false, [], []);
    } catch (e) {
      /* ignore */
    }
  }

  /**
   * ==========================================================================
   * 3. Builders and Extractors
   * ==========================================================================
   */

  /**
   * Constructs a URL for viewing a diff between two revisions.
   *
   * @param {string} title - The page title.
   * @param {string} fromId - The older revision ID.
   * @param {string} toId - The newer revision ID.
   * @returns {string} The diff URL, or empty string on error.
   */
  function buildDiffUrl(title, fromId, toId) {
    try {
      const script = mw.config.get('wgScript') || '/w/index.php';
      return `${script}` +
        `?title=${encodeURIComponent(title)}` +
        `&amp;diff=${encodeURIComponent(toId)}` +
        `&amp;oldid=${encodeURIComponent(fromId)}`;
    } catch (e) {
      return '';
    }
  }

  /**
   * Constructs a permalink URL for a specific revision.
   *
   * @param {string} revId - The revision ID.
   * @returns {string} The permalink URL, or empty string on error.
   */
  function buildPermalinkUrl(revId) {
    try {
      const articlePath = mw.config.get('wgArticlePath');
      if (articlePath &amp;&amp; articlePath.includes('$1')) {
        return articlePath.replace('$1',
          `Special:Permalink/${encodeURIComponent(revId)}`);
      }
      const script = mw.config.get('wgScript') || '/w/index.php';
      return `${script}?oldid=${encodeURIComponent(revId)}`;
    } catch (e) {
      return '';
    }
  }

  /**
   * Strips all HTML comments from a string.
   *
   * @param {string} text - Input text potentially containing HTML comments.
   * @returns {string} Text with all HTML comments removed.
   */
  function stripHTMLComments(text) {
    if (!text) return text;
    return text.replace(/&lt;!--[\s\S]*?--&gt;/g, '');
  }

  /**
   * Extracts all HTTP(S) URLs from a given wikitext string. The scheme is
   * matched case-insensitively (MediaWiki links HTTPS:// just as it does
   * https://), and protocol-relative links (&quot;[//example.com ...]&quot;) are
   * normalized to https://.
   *
   * @param {string} wikitext - Raw wikitext revision content.
   * @returns {string[]} List of valid extracted URLs.
   */
  function extractURLs(wikitext) {
    const urls = [];
    if (!wikitext) return urls;

    const urlRegex = // eslint-disable-next-line max-len
      /(?:https?:\/\/|(?&lt;=^|[\s\[|=&lt;&gt;&quot;'])\/\/)(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_\+.~#?&amp;//=]*)/gi;
    let match;
    while ((match = urlRegex.exec(wikitext)) !== null) {
      const raw = match[0].startsWith('//') ? 'https:' + match[0] : match[0];
      try {
        const url = new URL(raw);
        if (/^https?:$/.test(url.protocol)) urls.push(url.href);
      } catch (error) {
        console.error(`Invalid URL rejected: ${match[0]}`, error.message);
      }
    }
    return urls;
  }

  /**
   * Web archive services whose URLs embed the original URL. Each entry's
   * `extract` returns the embedded URL string or null.
   */
  /** Restores &quot;https:/example.com&quot; (slash-collapsed by some archives) to &quot;https://example.com&quot;. */
  const fixScheme = s =&gt; s.replace(/^(https?:)\/+/i, '$1//');

  const archiveUnwrappers = [
    {
      // https://web.archive.org/web/20200101000000/https://example.com/page
      // (the embedded scheme is sometimes collapsed to &quot;https:/&quot;)
      test: h =&gt; h === 'web.archive.org' || h === 'wayback.archive.org',
      extract: u =&gt; {
        const m = u.pathname.match(/^\/web\/\d{1,14}[a-z_]*\/(https?:\/{1,2}.+)$/i);
        return m ? fixScheme(m[1]) : null;
      }
    },
    {
      // https://archive.blah/2020.01.01-000000/https://example.com/page
      test: h =&gt; /^archive\.(ph|today|is|li|vn|fo|md)$/i.test(h),
      extract: u =&gt; {
        const m = u.pathname.match(/^\/[^/]+\/(https?:\/{1,2}.+)$/i);
        return m ? fixScheme(m[1]) : null;
      }
    },
    {
      // https://webcache.googleusercontent.com/search?q=cache:https://example.com/page
      test: h =&gt; h === 'webcache.googleusercontent.com',
      extract: u =&gt; {
        const q = u.searchParams.get('q') || '';
        const m = q.match(/^cache:(?:[A-Za-z0-9_-]+:)?(.+)$/);
        if (!m) return null;
        return /^https?:\/\//i.test(m[1]) ? m[1] : 'https://' + m[1];
      }
    }
  ];

  /**
   * Resolves a URL to the hostname that should be screened. If the URL is a
   * web-archive capture of another page, the captured page's host is used.
   *
   * @param {string} url
   * @returns {{hostname: string, archiveHost: string|null}|null} Null if unparsable.
   */
  function screenedHost(url) {
    let current;
    try {
      current = new URL(url);
    } catch (e) {
      return null;
    }
    let archiveHost = null;
    for (let depth = 0; depth &lt; 3 &amp;&amp; UNWRAP_ARCHIVES; depth++) {
      const unwrapper = archiveUnwrappers.find(a =&gt; a.test(current.hostname));
      if (!unwrapper) break;
      const inner = unwrapper.extract(current);
      if (!inner) break;
      try {
        const innerUrl = new URL(inner);
        if (!/^https?:$/.test(innerUrl.protocol)) break;
        archiveHost = archiveHost || current.hostname;
        current = innerUrl;
      } catch (e) {
        break;
      }
    }
    return { hostname: current.hostname, archiveHost };
  }

  /**
   * Resolves URLs to screened domains and list indicators.
   *
   * @param {string[]} urls
   * @returns {Array&lt;{url: string, domain: string, indicator: string|null, archiveHost: string|null}&gt;}
   */
  function resolveURLs(urls) {
    const out = [];
    for (const url of urls || []) {
      const host = screenedHost(url);
      if (!host) continue;
      const domain = getRootDomain(host.hostname, publicSuffixSet);
      if (!domain) continue;
      out.push({ url, domain, indicator: highestIndicatorFor(domain), archiveHost: host.archiveHost });
    }
    return out;
  }

  /**
   * Returns the highest-priority list indicator that contains a domain.
   *
   * @param {string} domain
   * @returns {string|null}
   */
  function highestIndicatorFor(domain) {
    let chosen = null;
    for (const type of listedTypes) {
      if (indicators[type].list.has(domain) &amp;&amp;
        (!chosen || indicators[type].priority &gt; indicators[chosen].priority)) {
        chosen = type;
      }
    }
    return chosen;
  }

  /**
   * Returns the highest-priority type among a list of indicator types.
   *
   * @param {Array&lt;string|null&gt;} types
   * @returns {string|null}
   */
  function highestPriority(types) {
    let chosen = null;
    for (const t of types) {
      if (t &amp;&amp; (!chosen || indicators[t].priority &gt; indicators[chosen].priority)) chosen = t;
    }
    return chosen;
  }

  /**
   * Extracts the top-level domain from a full hostname using a public suffix set.
   *
   * @param {string} hostname - Full hostname (e.g., sub.example.co.uk).
   * @param {Set&lt;string&gt;} publicSuffixSet - Set of known public suffixes.
   * @returns {string} The top-level domain (e.g., example.co.uk).
   */
  function getRootDomain(hostname, publicSuffixSet) {
    // Handle empty or invalid hostnames
    if (!hostname || typeof hostname !== 'string') {
      console.warn('Invalid hostname provided to getRootDomain:', hostname);
      return '';
    }

    // Check if this is an IP address (simple check for IPv4)
    if (/^(\d{1,3}\.){3}\d{1,3}$/.test(hostname)) {
      return hostname; // Return IP addresses as-is
    }

    const domainParts = hostname.split('.');

    // Handle hostnames that are too short
    if (domainParts.length &lt; 2) {
      return hostname; // Return as-is if it's a single-part hostname
    }

    // Try to find a matching public suffix
    for (let i = 0; i &lt; domainParts.length; i++) {
      const candidate = domainParts.slice(i).join('.');

      // Check both normal and exception (prefixed with !) entries
      if (publicSuffixSet.has(candidate) || publicSuffixSet.has(`!${candidate}`)) {
        // If we found a match, return the domain part plus the public suffix
        // But make sure we don't go out of bounds
        if (i &gt; 0) {
          return domainParts.slice(i - 1).join('.');
        } else {
          // Edge case: the entire hostname is a public suffix
          return hostname;
        }
      }
    }

    // If no match in public suffix list, use a simple fallback:
    // For hostnames with 2 parts, return the whole thing
    // For hostnames with &gt;2 parts, return the last 2 parts
    if (domainParts.length === 2) {
      return hostname;
    } else {
      return domainParts.slice(-2).join('.');
    }
  }

  /**
   * Extracts the first page object from MediaWiki API query response.
   *
   * @param {Object} data - MediaWiki API response.
   * @returns {Object|null} The first page object or null if unavailable.
   */
  function getFirstPage(data) {
    if (!data || !data.query || !data.query.pages) return null;
    return Object.values(data.query.pages)[0] || null;
  }

  /**
   * Iterates every revision object in an API response, across all pages.
   * (A revids= query spanning several articles returns several page objects.)
   *
   * @param {Object|null} data - MediaWiki API response.
   * @returns {Object[]} Revision objects.
   */
  function allRevisionsIn(data) {
    if (!data || !data.query || !data.query.pages) return [];
    const out = [];
    for (const page of Object.values(data.query.pages)) {
      if (page &amp;&amp; Array.isArray(page.revisions)) out.push(...page.revisions);
    }
    return out;
  }

  /**
   * Returns the main-slot wikitext of a revision object, or null if the
   * revision is missing, hidden, or malformed.
   *
   * @param {Object} rev - Revision object from the API.
   * @returns {string|null}
   */
  function revisionText(rev) {
    if (!rev || rev.texthidden !== undefined) return null;
    const slot = rev.slots &amp;&amp; rev.slots.main;
    if (!slot || typeof slot['*'] !== 'string') return null;
    return slot['*'];
  }

  /**
   * Returns true if an API page object represents a page that cannot be
   * read (missing, invalid, or without an accessible revision).
   *
   * @param {Object} page - Page object from the API.
   * @returns {boolean}
   */
  function isUnreadablePage(page) {
    return !page || page.missing !== undefined || page.invalid !== undefined ||
      !Array.isArray(page.revisions) || page.revisions.length === 0;
  }

  /**
   * ==========================================================================
   * 4. Validation
   * ==========================================================================
   */

  /**
   * Validates that a string is a well-formed domain name.
   *
   * @param {string} str - The string to validate.
   * @returns {boolean} True if the string is a valid domain.
   */
  function isValidDomain(str) {
    if (!str || str.length === 0 || str.length &gt; 253) return false;
    if (!/^[a-zA-Z0-9._-]+$/.test(str)) return false;
    if (!str.includes('.')) return false;
    if (/\.\./.test(str) || str.startsWith('.') || str.endsWith('.')) return false;
    const labels = str.split('.');
    if (labels.some(l =&gt; l.length === 0 || l.length &gt; 63)) return false;
    return true;
  }

  /**
   * Validates that a string is a well-formed public suffix list entry.
   * Allows wildcard entries (e.g., *.ck) and exception entries (e.g., !www.ck).
   *
   * @param {string} str - The string to validate.
   * @returns {boolean} True if the string is a valid PSL entry.
   */
  function isValidSuffixEntry(str) {
    const cleaned = str.replace(/^[!*.]/, '');
    return /^[a-zA-Z0-9._-]+$/.test(cleaned) &amp;&amp; cleaned.length &gt; 0 &amp;&amp; cleaned.length &lt;= 253;
  }

  /**
   * Validates that a value is a string parseable as an absolute http(s) URL.
   * Used to re-validate anything read back from localStorage before it is
   * assigned to an href.
   *
   * @param {*} u - The value to validate.
   * @returns {boolean} True if the value is an http(s) URL.
   */
  function isValidHttpUrl(u) {
    if (typeof u !== 'string') return false;
    try {
      return /^https?:$/i.test(new URL(u).protocol);
    } catch (e) {
      return false;
    }
  }

  /**
   * Validates that a value is a plausible revision ID (a positive integer
   * string). Used before an ID is put into an API request or a cache key.
   *
   * @param {*} id - The value to validate.
   * @returns {boolean}
   */
  function isRevisionId(id) {
    return typeof id === 'string' &amp;&amp; /^[1-9][0-9]{0,15}$/.test(id);
  }

  /**
   * Validates that a string is a plausible MediaWiki page title.
   * Rejects titles with invalid characters, excessive length, or suspicious patterns.
   *
   * @param {string} title - The page title to validate.
   * @returns {boolean} True if the title looks like a valid page link.
   */
  function isValidPageTitle(title) {
    if (typeof title !== 'string') return false;
    if (title.length === 0 || title.length &gt; 255) return false;
    if (/[\[\]{}|#&lt;&gt;\n\r\t]/.test(title)) return false;
    if (title.includes('..')) return false;
    if (title.startsWith(':') || title.startsWith(' ') || title.endsWith(' ')) return false;
    return true;
  }

  /**
   * Determines whether a given page title does *not* belong to the main or draft namespaces.
   * A missing title is treated as &quot;not an article&quot; so the row is skipped rather
   * than crashing the run.
   *
   * @param {string} pageTitle - The title of the page.
   * @returns {boolean} True if not an article namespace.
   */
  function isNotArticle(pageTitle) {
    if (typeof pageTitle !== 'string') return true;
    return namespaces.some(namespace =&gt; pageTitle.startsWith(namespace));
  }

  /**
   * Checks whether an element matches the specified filter.
   *
   * @param {Element} element - The DOM element to test.
   * @param {string} filterId - The active filter ID.
   * @returns {boolean} True if the element matches the filter.
   */
  function elementMatchesFilter(element, filterId) {
    if (filterId === 'linkchange') {
      return element.hasAttribute('data-cw-linkchange') ||
        listedTypes.some(type =&gt; element.hasAttribute(indicators[type].dataAttr));
    }
    if (indicators[filterId] &amp;&amp; indicators[filterId].dataAttr) {
      return element.hasAttribute(indicators[filterId].dataAttr);
    }
    return false;
  }

  /**
   * ==========================================================================
   * 5. Fetch
   * ==========================================================================
   */

  /**
   * Fetches revisions by ID and returns them keyed by revision ID (as strings),
   * across all pages in the response.
   *
   * @param {string[]} revIds
   * @param {string[]} rvprop - Properties to request (always includes 'ids').
   * @returns {Promise&lt;Map&lt;string, Object&gt;|null&gt;} Map of id -&gt; revision object,
   *   or null if the request failed.
   */
  async function fetchRevisionsById(revIds, rvprop) {
    const data = await fetchRevisionData({
      revids: revIds,
      rvprop: unique(['ids', ...rvprop]),
      rvslots: ['main']
    });
    if (!data) return null;
    const out = new Map();
    for (const rev of allRevisionsIn(data)) {
      if (rev &amp;&amp; rev.revid !== undefined) out.set(String(rev.revid), rev);
    }
    return out;
  }

  /**
   * Fetches wikitext for a chunk of revision IDs in one request.
   *
   * @param {string[]} revIds - Revision IDs (at most CONTENT_CHUNK_SIZE).
   * @returns {Promise&lt;Map&lt;string, string|null&gt;|null&gt;} Map of id -&gt; wikitext
   *   (null for a revision that exists but is unreadable), or null if the
   *   request itself failed. IDs the API did not return are absent.
   */
  async function fetchRevisionTexts(revIds) {
    const revs = await fetchRevisionsById(revIds, ['content']);
    if (!revs) return null;
    return new Map(Array.from(revs, ([id, rev]) =&gt; [id, revisionText(rev)]));
  }
  /**
   * Fetches parent IDs and sizes for a list of revision IDs, chunked at the
   * API maximum and fetched concurrently.
   *
   * @param {string[]} revisionIds - Revision IDs.
   * @returns {Promise&lt;Object&gt;} Map of id -&gt; {parentid, size}; IDs that could
   *   not be resolved are absent.
   */
  async function fetchRevisionMetadata(revisionIds) {
    const result = {};
    const chunks = [];
    for (let i = 0; i &lt; revisionIds.length; i += METADATA_CHUNK_SIZE) {
      chunks.push(revisionIds.slice(i, i + METADATA_CHUNK_SIZE));
    }
    await runPool(chunks.map(chunk =&gt; async () =&gt; {
      const revs = await fetchRevisionsById(chunk, ['size']);
      for (const [id, rev] of revs || []) {
        result[id] = {
          parentid: rev.parentid || 0,
          size: typeof rev.size === 'number' ? rev.size : undefined
        };
      }
    }), CONTENT_CONCURRENCY);
    return result;
  }
  /**
   * Fetches a page's current wikitext (main slot) by title.
   *
   * @param {string} pageTitle
   * @returns {Promise&lt;string|null&gt;} Null if the page is missing, unreadable, or the request failed.
   */
  async function fetchPageWikitext(pageTitle) {
    if (!isValidPageTitle(pageTitle)) return null;
    const page = getFirstPage(await fetchRevisionData({
      titles: [pageTitle],
      rvprop: ['content'],
      rvslots: ['main']
    }));
    return isUnreadablePage(page) ? null : revisionText(page.revisions[0]);
  }

  /**
   * Fetches the ID of the first revision of a page.
   *
   * @param {string} pageTitle - The page title to look up.
   * @returns {number|null} Revision ID or null.
   */
  async function fetchFirstRevisionId(pageTitle) {
    if (!isValidPageTitle(pageTitle)) return null;
    const page = getFirstPage(await fetchRevisionData({
      titles: [pageTitle],
      rvlimit: 1,
      rvdir: 'newer',
      rvprop: ['ids'],
    }));
    if (isUnreadablePage(page)) return null;
    return page.revisions[0].revid || null;
  }
  /**
   * Fetches the list of subpages from the list of lists, parses wikilinks, caches
   * the result, and returns list of subpage titles.
   *
   * @param {string} pageName - Title of the list-of-lists page.
   * @returns {Promise&lt;string[]&gt;} List of subpage titles (empty on failure).
   */
  async function fetchDomainListPages(pageName) {
    const cacheKey = `citationWatchlistFetchDomainListPages_${pageName}`;
    const cachedContent = readCache(cacheKey);
    if (Array.isArray(cachedContent) &amp;&amp; cachedContent.length &gt; 0) {
      console.log('Loaded list of lists from cache');
      return cachedContent.filter(title =&gt; isValidPageTitle(title));
    }
    const content = await fetchPageWikitext(pageName);
    if (content === null) {
      console.error(`Citation Watchlist: list of lists &quot;${pageName}&quot; could not be loaded`);
      return [];
    }
    const pageTitles = [];
    for (const line of content.split('\n')) {
      if (!line.startsWith('* [[')) continue;
      const match = line.match(/\[\[([^\]]+)\]\]/); // first [[Page Title]]
      if (!match) continue;
      const title = match[1];
      if (isValidPageTitle(title)) {
        pageTitles.push(title);
      } else {
        console.warn(`Rejected invalid page title: &quot;${title}&quot;`);
      }
    }
    if (pageTitles.length &gt; 0) {
      writeCache(cacheKey, pageTitles);
      console.log('Loaded from API and stored in cache');
    }
    return pageTitles;
  }

  /**
   * Parses one domain list page into per-indicator domain arrays.
   * Entries that are not bare domains are collected as lint. A leading &quot;www.&quot;
   * is stripped (with a lint note), since root domains never carry it.
   *
   * @param {string} title - Page title, for lint messages.
   * @param {string} content - Page wikitext.
   * @returns {Object} {warning: string[], caution: string[], inspect: string[], lint: string[]}
   */
  function parseDomainList(title, content) {
    const parsed = { lint: [] };
    for (const type of listedTypes) parsed[type] = [];
    let current = null;
    for (const line of content.split('\n')) {
      const trimmed = line.trim();
      if (/^==/.test(trimmed)) {
        // Any heading ends the current section; only recognized ones open a new one.
        current = listedTypes.find(t =&gt; indicators[t].section === trimmed) || null;
        continue;
      }
      if (!line.startsWith('*') || !current) continue;
      let domain = line.substring(1).trim().toLowerCase();
      if (!domain) continue;
      if (/^www\./.test(domain) &amp;&amp; isValidDomain(domain.slice(4))) {
        parsed.lint.push(`${title}: &quot;${domain}&quot; has a www. prefix; matched as &quot;${domain.slice(4)}&quot;`);
        domain = domain.slice(4);
      }
      if (isValidDomain(domain)) {
        if (parsed[current].length &lt; MAX_DOMAINS_PER_LIST) {
          parsed[current].push(domain);
        } else {
          parsed.lint.push(`${title}: cap of ${MAX_DOMAINS_PER_LIST} reached in ${current}`);
        }
      } else {
        parsed.lint.push(`${title}: &quot;${domain}&quot; is not a bare domain (paths, wildcards and ` +
          `bare TLDs are not supported) and was ignored`);
      }
    }
    return parsed;
  }

  /**
   * Loads domain lists from a set of pages (parsed form cached per page) and
   * populates the `Set` of each indicator. Pages that are missing or fail to
   * load are skipped and recorded in loadWarnings; the remaining lists still load.
   *
   * @param {string[]} pageNames - List of page titles to fetch.
   */
  async function fetchAndOrganizeDomainLists(pageNames) {
    const parsedLists = [];
    const pagesToFetch = [];
    const isParsed = p =&gt; p &amp;&amp; typeof p === 'object' &amp;&amp; listedTypes.every(t =&gt; Array.isArray(p[t]));
    for (const title of pageNames) {
      const cached = readCache(`domainList:${location.hostname}:${title}`);
      if (isParsed(cached)) {
        parsedLists.push(cached);
      } else {
        pagesToFetch.push(title);
      }
    }
    if (pagesToFetch.length &gt; 0) {
      const apiData = await fetchRevisionData({
        titles: pagesToFetch,
        rvprop: ['content'],
        rvslots: ['main'],
      });
      const pages = (apiData &amp;&amp; apiData.query &amp;&amp; apiData.query.pages) || null;
      if (!pages) {
        loadWarnings.push(`API request for ${pagesToFetch.length} list page(s) failed`);
        console.error('Citation Watchlist: domain list fetch failed for', pagesToFetch);
      } else {
        // The API normalizes titles (underscores -&gt; spaces); cache under the
        // requested spelling so the next load hits.
        const requestedFor = {};
        for (const t of pagesToFetch) requestedFor[t.replace(/_/g, ' ')] = t;
        for (const page of Object.values(pages)) {
          const title = page.title || '?';
          if (isUnreadablePage(page)) {
            loadWarnings.push(`List page &quot;${title}&quot; is missing or unreadable`);
            console.warn(`Citation Watchlist: skipping list page &quot;${title}&quot;`);
            continue;
          }
          const content = revisionText(page.revisions[0]);
          if (content === null) {
            loadWarnings.push(`List page &quot;${title}&quot; has no readable content`);
            continue;
          }
          const parsed = parseDomainList(title, content);
          parsedLists.push(parsed);
          const cacheTitle = requestedFor[title] || title;
          writeCache(`domainList:${location.hostname}:${cacheTitle}`, parsed);
        }
      }
    }
    for (const parsed of parsedLists) {
      for (const type of listedTypes) {
        for (const domain of parsed[type]) {
          if (isValidDomain(domain)) indicators[type].list.add(domain);
        }
      }
      if (Array.isArray(parsed.lint)) {
        listLint.push(...parsed.lint.filter(l =&gt; typeof l === 'string'));
      }
    }
  }

  /**
   * Fetches and caches the public suffix list used to identify top-level domains.
   * The cache holds the validated entries, so cached loads skip parsing.
   *
   * @returns {Promise&lt;Set&lt;string&gt;&gt;} Set of public suffixes.
   */
  async function fetchPublicSuffixList() {
    const cacheKey = 'publicSuffixListCache';
    const cached = readCache(cacheKey);
    if (Array.isArray(cached) &amp;&amp; cached.length &gt;= MIN_PSL_ENTRIES) {
      console.log('Using cached public suffix list');
      return new Set(cached.filter(e =&gt; typeof e === 'string' &amp;&amp; isValidSuffixEntry(e)));
    }
    const pslUrl = mw.config.get('wgArticlePath').replace('$1', publicSuffixList) +
      '?action=raw';
    console.log(`Raw page text request: ${pslUrl}`);
    const content = await safeFetch(fetch, pslUrl).then(response =&gt; response ?
      response.text() : null);
    if (!content) return new Set();
    const entries = [];
    for (const line of content.split('\n')) {
      const trimmed = line.trim();
      if (trimmed &amp;&amp; !trimmed.startsWith('//') &amp;&amp; isValidSuffixEntry(trimmed)) {
        entries.push(trimmed);
      }
    }
    if (entries.length &lt; MIN_PSL_ENTRIES) {
      console.error(`Public suffix list suspiciously small (${entries.length} entries), rejecting`);
      return new Set();
    }
    // Only cache a list that passed validation
    writeCache(cacheKey, entries);
    return new Set(entries);
  }

  /**
   * Makes a MediaWiki API call to fetch revision metadata or content.
   *
   * @param {Object} data - Options for the API call, such as `revids`, `titles`, `rvprop`, etc.
   * @returns {Promise&lt;Object|null&gt;} MediaWiki API query result, or null on failure.
   */
  async function fetchRevisionData(data) {
    const paramKeys = ['rvprop', 'revids', 'titles', 'rvslots'];
    const params = {
      action: 'query',
      prop: 'revisions',
      format: 'json',
      rvdir: data.rvdir || 'older',
      origin: '*'
    };
    if (data.rvlimit) {
      params.rvlimit = data.rvlimit;
    }
    paramKeys.forEach(key =&gt; {
      if (data[key]) {
        params[key] = Array.isArray(data[key]) ? data[key].join('|') : data[key];
      }
    });
    const api = new mw.Api();
    return await safeFetch(api.get.bind(api), params);
  }

  /**
   * Wraps any asynchronous fetch function with retry logic and error handling.
   *
   * @param {Function} fn - The function to execute (usually an API call).
   * @param {...any} args - Arguments to pass to the fetch function.
   * @returns {Promise&lt;any|null&gt;} Result of the fetch or null on failure.
   */
  async function safeFetch(fn, ...args) {
    const retries = 2;
    const retryDelay = 1000;
    const maxAttempts = retries + 1;

    for (let attempt = 1; attempt &lt;= maxAttempts; attempt++) {
      try {
        const result = await fn(...args);
        if (result === null || result === undefined) {
          throw new Error('Received null or undefined response');
        }
        if (typeof result.ok === 'boolean' &amp;&amp; !result.ok) {
          throw new Error(`HTTP error ${result.status}: ${result.statusText || 'Unknown error'}`);
        }
        return result;
      } catch (error) {
        if (attempt &lt; maxAttempts) {
          console.warn(
            `Error during ${fn.name || 'fetch operation'} (attempt ${attempt}/${maxAttempts}):`,
            error.message || error);
          await new Promise(resolve =&gt; setTimeout(resolve, retryDelay));
        } else {
          console.error(
            `All ${maxAttempts} attempts failed for ${fn.name || 'fetch operation'}:`,
            error.message || error);
        }
      }
    }
    return null;
  }

  /**
   * ==========================================================================
   * 6. Cache
   * ==========================================================================
   */

  /**
   * Returns every localStorage key with the given prefix. Snapshotting the keys
   * first means callers can remove entries without the index shifting under them.
   *
   * @param {string} prefix - Key prefix to match.
   * @returns {string[]}
   */
  function cacheKeysWithPrefix(prefix) {
    const keys = [];
    try {
      for (let i = 0; i &lt; localStorage.length; i++) {
        const key = localStorage.key(i);
        if (key &amp;&amp; key.startsWith(prefix)) keys.push(key);
      }
    } catch (e) {
      /* storage unavailable */
    }
    return keys;
  }

  /**
   * Removes every localStorage key with the given prefix.
   *
   * @param {string} prefix
   */
  function removeKeysWithPrefix(prefix) {
    for (const key of cacheKeysWithPrefix(prefix)) localStorage.removeItem(key);
  }

  /**
   * Runs all cache maintenance: retired prefixes, version invalidation, and
   * (at most once per CACHE_PURGE_INTERVAL) expiry and eviction.
   */
  function purgeCaches() {
    try {
      purgeStaleVersionedCaches();
      const lastKey = 'citationWatchlist_lastPurge';
      const last = parseInt(localStorage.getItem(lastKey), 10);
      if (isNaN(last) || Date.now() - last &gt; CACHE_PURGE_INTERVAL) {
        purgeExpiredCache();
        localStorage.setItem(lastKey, Date.now().toString());
      }
    } catch (e) {
      console.warn('Citation Watchlist: cache maintenance failed:', e);
    }
  }

  /**
   * Removes caches from retired prefixes and purges cached entries whose stored
   * version is older than the current version. Each cache type tracks its own
   * version independently via a localStorage key.
   */
  function purgeStaleVersionedCaches() {
    for (const prefix of retiredCachePrefixes) {
      removeKeysWithPrefix(prefix);
      localStorage.removeItem(`citationWatchlist_cacheVersion:${prefix}`);
    }
    for (const cache of cacheConfig) {
      const versionKey = `citationWatchlist_cacheVersion:${cache.prefix}`;
      const storedVersion = parseInt(localStorage.getItem(versionKey), 10);
      const effectiveVersion = isNaN(storedVersion) ? 0 : storedVersion;
      if (effectiveVersion &lt; cache.version) {
        removeKeysWithPrefix(cache.prefix);
        try {
          localStorage.setItem(versionKey, cache.version.toString());
        } catch (e) {
          console.warn('Cache version write error:', e);
        }
        console.log(`Cache invalidated for &quot;${cache.prefix}&quot;: version ${effectiveVersion} → ${cache.version}`);
      }
    }
  }

  /**
   * Removes expired localStorage cache entries and enforces per-cache entry
   * caps by evicting the oldest entries.
   */
  function purgeExpiredCache() {
    const now = Date.now();
    const stats = { checked: 0, expired: 0, evicted: 0, errors: 0 };

    for (const cache of cacheConfig) {
      // Snapshot keys first so removals do not shift the iteration index
      const survivors = []; // { key, timestamp }
      for (const key of cacheKeysWithPrefix(cache.prefix)) {
        stats.checked++;
        try {
          const value = localStorage.getItem(key);
          let parsed = null;
          try {
            parsed = value ? JSON.parse(value) : null;
          } catch (jsonError) {
            stats.errors++;
          }
          if (!parsed || typeof parsed.timestamp !== 'number' || now - parsed.timestamp &gt; cache.ttl) {
            localStorage.removeItem(key);
            stats.expired++;
            continue;
          }
          survivors.push({ key, timestamp: parsed.timestamp });
        } catch (itemError) {
          stats.errors++;
          try {
            localStorage.removeItem(key);
          } catch (e) { /* ignore */ }
        }
      }
      if (cache.maxEntries &amp;&amp; survivors.length &gt; cache.maxEntries) {
        survivors.sort((a, b) =&gt; a.timestamp - b.timestamp);
        const excess = survivors.length - cache.maxEntries;
        for (let i = 0; i &lt; excess; i++) {
          localStorage.removeItem(survivors[i].key);
          stats.evicted++;
        }
      }
    }
    if (stats.checked &gt; 0) {
      console.log(`Cache cleanup: checked ${stats.checked}, expired ${stats.expired}, ` +
        `evicted ${stats.evicted}, errors ${stats.errors}`);
    }
  }

  /**
   * Looks up the cache configuration whose prefix matches a key.
   *
   * @param {string} key - A cache key or prefix.
   * @returns {Object|undefined}
   */
  function cacheConfigFor(key) {
    return cacheConfig.find(c =&gt; key.startsWith(c.prefix));
  }
  /**
   * Reads a JSON cache entry from localStorage, returning the stored content
   * if it exists and has not expired (TTL taken from the key's cacheConfig
   * entry). Callers must validate the shape of the returned content.
   *
   * @param {string} key - The localStorage key.
   * @returns {*|null} The cached content, or null if missing/expired/invalid.
   */
  function readCache(key) {
    const config = cacheConfigFor(key);
    let raw;
    try {
      raw = config ? localStorage.getItem(key) : null;
    } catch (e) {
      return null;
    }
    if (!raw) return null;
    try {
      const parsed = JSON.parse(raw);
      if (parsed &amp;&amp; typeof parsed.timestamp === 'number' &amp;&amp;
        (Date.now() - parsed.timestamp &lt; config.ttl) &amp;&amp; parsed.content !== undefined) {
        return parsed.content;
      }
    } catch (e) {
      console.warn('Cache read error:', e);
    }
    return null;
  }
  /**
   * Writes a JSON cache entry to localStorage with an embedded timestamp.
   * Failures (e.g. quota exceeded) are logged and otherwise ignored; the
   * cache is an optimization, never a dependency.
   *
   * @param {string} key - The localStorage key.
   * @param {*} content - The data to cache.
   */
  function writeCache(key, content) {
    try {
      localStorage.setItem(key, JSON.stringify({ timestamp: Date.now(), content }));
    } catch (e) {
      console.warn('Cache write error:', e);
    }
  }

  /**
   * ==========================================================================
   * 7. Entry Point
   * ==========================================================================
   */

  analyzeView().catch(e =&gt; {
    console.error('Citation Watchlist: unrecoverable error:', e);
    loadWarnings.push('Citation Watchlist stopped early due to an error (see console)');
    finishChangeListPass();
  }).then(() =&gt; {
    console.log('Citation Watchlist script finished executing');

    // On enhanced RC pages, hide the summary gutter on a group's header row
    // while the group is expanded (each nested row then shows its own).
    document.querySelectorAll('table.mw-enhanced-rc').forEach(table =&gt; {
      const checkbox = groupToggleCheckbox(table);
      if (!checkbox) return;
      checkbox.addEventListener('change', () =&gt; {
        const topRow = table.querySelector('tr');
        const gutter = topRow &amp;&amp; topRow.querySelector('.cw-gutter');
        if (!gutter) return;
        const host = gutter.parentElement;
        gutter.style.display = checkbox.checked ? 'none' : 'inline-flex';
        if (host) host.style.paddingLeft = checkbox.checked ? '' : 'calc(2em + 0.5em)';
      });
    });
  });

})();</text>
      <sha1>qwum2ksk0lp4ei2ptxo4qo72sem4fdd</sha1>
    </revision>
    <revision>
      <id>781270</id>
      <parentid>781269</parentid>
      <timestamp>2026-10-27T23:28:19Z</timestamp>
      <contributor>
        <username>Harej</username>
        <id>7994</id>
      </contributor>
      <comment>More correct description</comment>
      <origin>781270</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="100770" sha1="ak8yx1k7vetaufc6h8g1ksu1qhi1f3r" xml:space="preserve">/**
 *
 * Citation Watchlist
 * https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist
 *
 */

(function() {
  'use strict';

  /**
   * ==========================================================================
   * LOCALIZATION
   * ==========================================================================
   */


  /* Labeling tool in the user interface */
  const toolName              =  'Citation Watchlist';
  const aboutLink             =  'https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist';

  /* Revision inspection popup */
  const addedLabel            =  'Added';
  const removedLabel          =  'Removed';
  const viewDiffLabel         =  'View Diff';
  const viewRevisionLabel     =  'View Revision';
  const aboutLabel            =  'About Citation Watchlist';
  const archivedViaLabel      =  'Archived copy hosted at';

  /* Filter widget */
  const showEditsLabel        =  'Show edits:';
  const loadingLabel          =  'Loading...';
  const allLabel              =  'All';
  const linkChangesLabel      =  'Link Changes';
  const linkChangesTooltip    =  'Edits that add or remove links in articles';
  const noMatchingEditsLabel  =  'No matching edits';

  /* Load-failure indicator */
  const loadWarningGlyph      =  '⚠';
  const loadWarningPrefix     =  'Some Citation Watchlist lists could not be loaded:';


  /**
   * ==========================================================================
   * DOMAIN LIST CONFIGURATION
   * ==========================================================================
   *
   * Citation Watchlist requires the following wiki pages to function:
   *
   * 1. Public Suffix List
   *    - A local copy of the public suffix list, used for domain parsing.
   *    - Copy the contents of:
   *        https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist/Public_Suffix_List
   *      to a page on your own wiki.
   *    - Update the `publicSuffixList` variable below to reflect your page title.
   *
   * 2. List of Lists
   *    - A page linking to one or more domain list pages.
   *    - Format as a bullet list: &quot;* [[Page Title]]&quot; (space after asterisk).
   *    - Reference formatting example:
   *        https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist/Lists
   *    - Update the `listOfLists` variable below accordingly.
   *
   * 3+. Domain List Pages
   *    - One or more pages listing suspicious or noteworthy domains.
   *    - Each page must contain section headers that match the `indicators` config
   *      below (e.g., &quot;==Warn==&quot;, &quot;==Caution==&quot;).
   *    - Under each section, list domains in the format: &quot;* example.com&quot;
   *    - Do not use link formatting—just plain text.
   *    - Entries with paths (&quot;example.com/opinion&quot;), no dot (&quot;gov&quot;), or a
   *      leading &quot;www.&quot; are not supported and are reported in the console.
   */


  const publicSuffixList       =  'Wikipedia:Citation_Watchlist/Public_Suffix_List';
  const listOfLists            =  'Wikipedia:Citation_Watchlist/Lists';
  const enabledNamespaces      =  [-1, 0, 118];
  const enabledSectionHeaders  =  ['References'];

  /**
   * Detection options.
   * - UNWRAP_ARCHIVES: screen the original URL embedded in a web archive link
   *   (web.archive.org, archive.today, Google cache) rather than the archive
   *   host. The popup still links to the cited archive URL.
   * - SHOW_LINT_IN_WIDGET: also show domain-list lint (ignored entries) in the
   *   filter widget's warning tooltip. Lint always goes to the console.
   */
  const UNWRAP_ARCHIVES        =  true;
  const SHOW_LINT_IN_WIDGET    =  false;

  /**
   * ==========================================================================
   * INDICATOR CONFIGURATION
   * ==========================================================================
   *
   * Defines metadata for domain indicators used in the watchlist UI.
   * Each indicator is associated with a level of urgency and a unique symbol.
   *
   * Fields:
   * - msg:      Display label for the level (e.g., &quot;Warning&quot;, &quot;Caution&quot;).
   * - emoji:    Unicode character for the visual indicator (escaped as `\uXXXX`).
   * - section:  Must exactly match the section headers in the domain list pages.
   * - priority: Higher values override lower ones for conflicting domain matches.
   *             Priority scale: 1 (lowest) to N (highest).
   * - list:     Defined as &quot;new Set()&quot; for all indicator types.
   *
   * If a domain appears in multiple lists, the one with the highest priority
   * takes precedence.
   */


  const indicators = {
    warning: {
      msg:          'Warning',
      emoji:        '❗',
      section:      '==Warn==',
      explanation:  'This domain is classified as an unreliable source',
      priority:     3,
      dataAttr:     'data-cw-linkwarn',
      list:         new Set()
    },
    caution: {
      msg:          'Caution',
      emoji:        '✋',
      section:      '==Caution==',
      explanation:  'This source may be unreliable depending on context',
      priority:     2,
      dataAttr:     'data-cw-linkcaution',
      list:         new Set()
    },
    inspect: {
      msg:          'Inspect',
      emoji:        '🔎',
      section:      '==Inspect==',
      explanation:  'Take a closer look at this particular source',
      priority:     1,
      dataAttr:     'data-cw-linkinspect',
      list:         new Set()
    },
    added: {
      msg:          addedLabel,
      emoji:        '\u{1F517}',
      section:      null,
      explanation:  'All added links',
      priority:     0,
      list:         new Set()
    },
    removed: {
      msg:          removedLabel,
      emoji:        '\u{1F5D1}',
      section:      null,
      explanation:  'All removed links',
      priority:     -1,
      list:         new Set()
    }
  };

  /** Indicator types that come from the domain lists (priority &gt; 0). */
  const listedTypes = Object.keys(indicators).filter(t =&gt; indicators[t].priority &gt; 0);


  /**
   * Citation Watchlist
   *
   * Highlights potentially questionable citations added in Wikipedia revisions
   * based on community-built lists of domain names
   *
   *
   * Documentation: https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist
   *
   * Author: James Hare
   * License: GNU General Public License v3.0 (GPL-3.0)
   *
   * @version 2.5
   * @since 2026-
   */


  /**
   * IF YOU WANT TO MODIFY any part of the script below this point, please submit
   * your edits to https://test.wikipedia.org/wiki/User:Harej/citation-watchlist.js
   * so that your modifications can be tested.
   */


  let publicSuffixSet = new Set();
  const MAX_DOMAINS_PER_LIST = 50000;
  const MIN_PSL_ENTRIES = 1000;

  /**
   * Revisions larger than this are not scanned. MediaWiki's own page-size
   * limit is 2 MiB, so this only trips on pathological cases; it bounds the
   * download and regex work done per row.
   */
  const MAX_REVISION_CHARS = 2 * 1024 * 1024;

  /**
   * Revision fetching strategy. Rows are never fetched one at a time: revision
   * IDs are grouped into small chunks (so the first chunk returns quickly and
   * its rows render while the rest are still in flight), several chunks are
   * kept in flight at once, and rows are annotated the moment their chunk
   * arrives. Concurrency is capped because origin=* requests are anonymous and
   * therefore per-IP rate limited (see release notes for 1.5/1.6).
   */
  const CONTENT_CHUNK_SIZE = 8;             // max revisions per content request
  const CONTENT_CHUNK_BYTES = 400 * 1024;   // soft byte budget per chunk when sizes are known
  const CONTENT_CONCURRENCY = 4;            // simultaneous content requests
  const METADATA_CHUNK_SIZE = 50;           // revids per ids|size request (API max for users)
  const ASSUMED_REVISION_BYTES = 40 * 1024; // chunking estimate when size is unknown
  const LIVE_RELOAD_DEBOUNCE_MS = 250;      // settle time after the change list is replaced

  /**
   * Non-fatal problems encountered while loading configuration (missing list
   * pages, API failures). Surfaced in the filter widget so list maintainers
   * notice quickly, instead of the tool silently running with partial data.
   */
  const loadWarnings = [];

  /**
   * Domain-list lint: entries that were ignored because they are not bare
   * domains. Always logged; shown in the widget only if SHOW_LINT_IN_WIDGET.
   */
  const listLint = [];

  /**
   * Unified cache configuration. Each entry defines a cache key prefix, its TTL,
   * version number, an optional cap on the number of entries kept, and a
   * human-readable description.
   *
   * - revURLs:  per-revision list of extracted URLs. Revisions are immutable,
   *   so the TTL and cap exist only to bound storage.
   * - sectionURLs: per-revision, per-section URL map from rendered article HTML.
   * - domainList: parsed domain lists ({warning: [...], caution: [...], ...}).
   * - publicSuffixListCache: validated PSL entries as an array.
   * - citationWatchlistFetchDomainListPages_: list-of-lists page titles.
   */
  const cacheConfig = [
    {
      prefix: 'revURLs:',
      ttl: 30 * 24 * 60 * 60 * 1000,
      version: 1,
      maxEntries: 4000,
      description: 'Revision URL cache'
    },
    {
      prefix: 'sectionURLs:',
      ttl: 30 * 24 * 60 * 60 * 1000,
      version: 1,
      maxEntries: 500,
      description: 'Article section URL cache'
    },
    {
      prefix: 'domainList:',
      ttl: 6 * 60 * 60 * 1000,
      version: 1,
      description: 'Domain list cache'
    },
    {
      prefix: 'publicSuffixListCache',
      ttl: 24 * 60 * 60 * 1000,
      version: 1,
      description: 'Public suffix list cache'
    },
    {
      prefix: 'citationWatchlistFetchDomainListPages_',
      ttl: 4 * 60 * 60 * 1000,
      version: 0,
      description: 'Domain list pages cache'
    }
  ];

  /** Cache prefixes from earlier versions, removed on startup. */
  const retiredCachePrefixes = ['revisionDiff:'];

  /** How often (ms) the full localStorage expiry/eviction pass runs. */
  const CACHE_PURGE_INTERVAL = 60 * 60 * 1000;

  /**
   * ==========================================================================
   * 1. Primary Workflow
   * ==========================================================================
   */

  /** Resolves once the PSL and domain lists are loaded (true) or failed (false). */
  let configReady = null;

  /** Rows already handed to processRevisions(), so live reloads only pick up new ones. */
  const seenRows = new WeakSet();

  /**
   * Loads the public suffix list and the domain lists, in parallel. Never
   * throws; failures are recorded in loadWarnings.
   *
   * @returns {Promise&lt;boolean&gt;} True if the tool can screen domains.
   */
  async function loadConfiguration() {
    try {
      const [psl, listPages] = await Promise.all([
        fetchPublicSuffixList(),
        fetchDomainListPages(listOfLists)
      ]);
      publicSuffixSet = psl;
      if (publicSuffixSet.size === 0) {
        console.error('Public Suffix List loading failed');
        loadWarnings.push('Public Suffix List could not be loaded');
        return false;
      }
      console.log('Welcome to Citation Watchlist');
      if (listPages &amp;&amp; listPages.length &gt; 0) {
        await fetchAndOrganizeDomainLists(listPages);
      } else {
        loadWarnings.push(`Could not load list of lists (${listOfLists})`);
      }
      if (listLint.length &gt; 0) {
        console.warn(`Citation Watchlist: ${listLint.length} domain-list entries were ignored:\n` +
          listLint.join('\n'));
      }
      return true;
    } catch (e) {
      console.error('Citation Watchlist: configuration load failed:', e);
      loadWarnings.push('Configuration could not be loaded (see console)');
      return false;
    }
  }

  /**
   * Function called by the entry point for Citation Watchlist.
   * Determines if the current page should be analyzed, starts loading the
   * configuration, collects the revisions behind each change-list row, and
   * fetches and annotates them while the configuration loads.
   */
  async function analyzeView() {
    purgeCaches();
    const ns = mw.config.get('wgNamespaceNumber');
    const inspectEnabled = enabledNamespaces.includes(ns);

    // Start the configuration load immediately; nothing below waits on it
    // until the first row is ready to render.
    if (inspectEnabled) {
      configReady = loadConfiguration();
    }

    // Article surface: scan enabled sections for watchlisted domains
    const action = mw.config.get('wgAction');
    if (action === 'view' &amp;&amp; ns &gt;= 0 &amp;&amp; inspectEnabled) {
      if (await configReady) {
        await analyzeArticleSections();
      }
      return;
    }

    // Pre-pad change log lines immediately on Special:RecentChanges for visual stability
    if (ns === -1) {
      document.querySelectorAll('li.mw-changeslist-line, .mw-changeslist-line')
        .forEach(line =&gt; prePadElement(line));
      flushGutterPadding();
    }

    if (!inspectEnabled) {
      return;
    }
    createChangeListFilterWidget();
    await annotateChangeList(document, true);
    installLiveReloadObserver();
  }

  /**
   * Collects and annotates every unseen change-list row under `root`.
   *
   * @param {Document|Element} root - Where to look for rows.
   * @param {boolean} allowFirstRevisionFallback - On a page history with no
   *   diff links (single-revision page), analyze the page's first revision.
   */
  async function annotateChangeList(root, allowFirstRevisionFallback) {
    const revisions = [];
    let noLinks = true;

    // Prefer iterating per-change rows when available (JS-enhanced watchlist/RC);
    // fall back to link containers on non-enhanced layouts.
    const unseen = selector =&gt; Array.from(root.querySelectorAll(selector)).filter(el =&gt; !seenRows.has(el));
    let entries = unseen('[data-mw-revid]:not(.mw-userlink), .mw-changeslist-line');
    let prePadCallback = null;
    if (entries.length &gt; 0) {
      entries.forEach(line =&gt; prePadElement(line));
      flushGutterPadding();
    } else {
      entries = unseen('.mw-changeslist-links');
      prePadCallback = (_el, link) =&gt; {
        const target = link.parentNode.parentNode;
        prePadElement(target);
        flushGutterPadding();
        return target;
      };
    }

    for (const entry of entries) {
      seenRows.add(entry);
      const result = await extractEntry(entry, entry, prePadCallback);
      if (result.hasLink) noLinks = false;
      if (!result.skip &amp;&amp; result.revision) revisions.push(result.revision);
    }

    // If no links were found, extract the first revision ID
    if (allowFirstRevisionFallback &amp;&amp; noLinks &amp;&amp; entries.length &gt; 0) {
      try {
        const firstID = await fetchFirstRevisionId(mw.config.get('wgTitle'));
        if (firstID) {
          revisions.push({
            oldrevision: String(firstID),
            element: entries[0],
            viewHref: buildPermalinkUrl(firstID),
            viewLabel: viewRevisionLabel
          });
        }
      } catch (e) {
        console.warn('Citation Watchlist: single-revision fallback failed:', e);
      }
    }

    await processRevisions(revisions);
    finishChangeListPass();
  }

  /**
   * Extracts the revision behind one change-list entry, isolating failures so
   * that a single malformed row does not abort the remaining rows.
   *
   * @param {Element} container - The DOM element to query for revision links.
   * @param {Element} element - The DOM element to attach to the revision object.
   * @param {Function|null} prePadCallback - See extractRevisionFromLinks.
   * @returns {Promise&lt;{revision: Object|null, hasLink: boolean, skip: boolean}&gt;}
   */
  async function extractEntry(container, element, prePadCallback) {
    try {
      return await extractRevisionFromLinks(container, element, prePadCallback);
    } catch (e) {
      console.warn('Citation Watchlist: skipping entry due to error:', e);
      // Report hasLink=true so a row-level failure never triggers the
      // single-revision fallback for the whole page.
      return { revision: null, hasLink: true, skip: true };
    }
  }

  /**
   * Annotates a set of revisions with as little latency as possible:
   *
   * 1. Parent IDs (for diff=prev and history rows) and sizes are resolved in
   *    one metadata request, only when any row needs them.
   * 2. Per-revision URL lists already in the cache are used directly.
   * 3. Remaining revision IDs are deduplicated (history rows share revisions),
   *    chunked in DOM order, fetched with bounded concurrency, and each row is
   *    rendered as soon as every revision it depends on is available. Fetching
   *    overlaps the configuration load; only rendering waits for it.
   *
   * @param {Object[]} revisions - Revision objects from extractRevisionFromLinks.
   */
  async function processRevisions(revisions) {
    if (revisions.length === 0) return;

    // --- 1. Resolve parents / sizes ---------------------------------------
    const parentLookups = revisions.filter(r =&gt; r.needsParentOf).map(r =&gt; r.needsParentOf);
    let metadata = {};
    if (parentLookups.length &gt; 0) {
      metadata = await fetchRevisionMetadata(unique(parentLookups));
      for (const revision of revisions) {
        if (!revision.needsParentOf) continue;
        const currentId = revision.needsParentOf;
        const meta = metadata[currentId];
        delete revision.needsParentOf;
        if (meta &amp;&amp; meta.parentid) {
          revision.oldrevision = String(meta.parentid);
          revision.newrevision = currentId;
          if (revision.pageTitle &amp;&amp; !revision.viewHref) {
            revision.viewHref = buildDiffUrl(revision.pageTitle,
              revision.oldrevision, revision.newrevision);
          }
        } else if (meta) {
          // First revision of the page: everything in it was &quot;added&quot;
          revision.oldrevision = currentId;
          revision.newrevision = null;
          revision.viewHref = buildPermalinkUrl(currentId);
          revision.viewLabel = viewRevisionLabel;
        } else {
          markSkipped(revision, 'fetch-failed');
          revision.oldrevision = null;
        }
      }
    }

    // --- 2. Per-revision URL lists from cache; queue the rest --------------
    const urlLists = new Map(); // id -&gt; string[] | null (null = unreadable)
    const pending = [];         // { revision, needs: string[] }
    for (const revision of revisions) {
      if (revision.skipped) continue;
      if (!isRevisionId(revision.oldrevision) ||
        (revision.newrevision &amp;&amp; !isRevisionId(revision.newrevision))) {
        markSkipped(revision, 'invalid');
        continue;
      }
      const needs = [revision.oldrevision];
      if (revision.newrevision) needs.push(revision.newrevision);
      for (const id of needs) {
        if (urlLists.has(id)) continue;
        const cached = readCache(`revURLs:${location.hostname}:${id}`);
        if (Array.isArray(cached)) urlLists.set(id, cached.filter(isValidHttpUrl));
      }
      pending.push({ revision, needs });
    }
    if (pending.length === 0) return;

    // --- 3. Fetch missing content in chunks; render as data arrives --------
    const neededIds = unique(pending.flatMap(p =&gt; p.needs)).filter(id =&gt; !urlLists.has(id));
    const oversized = new Set();
    for (const id of neededIds) {
      const meta = metadata[id];
      if (meta &amp;&amp; typeof meta.size === 'number' &amp;&amp; meta.size &gt; MAX_REVISION_CHARS) {
        oversized.add(id);
        urlLists.set(id, null);
      }
    }
    const chunks = chunkRevisionIds(neededIds.filter(id =&gt; !oversized.has(id)), metadata);

    let canRender = false;
    const settle = () =&gt; {
      if (!canRender) return;
      for (let i = pending.length - 1; i &gt;= 0; i--) {
        const item = pending[i];
        if (!item.needs.every(id =&gt; urlLists.has(id))) continue;
        pending.splice(i, 1);
        if (item.needs.some(id =&gt; oversized.has(id))) {
          markSkipped(item.revision, 'oversized');
          continue;
        }
        const oldList = urlLists.get(item.revision.oldrevision);
        const newList = item.revision.newrevision ? urlLists.get(item.revision.newrevision) : null;
        if (oldList === null || (item.revision.newrevision &amp;&amp; newList === null)) {
          markSkipped(item.revision, 'fetch-failed');
          continue;
        }
        const diff = computeURLDiff(oldList, newList, !!item.revision.newrevision);
        renderRevision(item.revision, diff.addedURLs, diff.removedURLs);
      }
      flushGutterPadding();
    };

    const onText = (id, text) =&gt; {
      if (text === null) {
        urlLists.set(id, null);
        return;
      }
      if (text.length &gt; MAX_REVISION_CHARS) {
        oversized.add(id);
        urlLists.set(id, null);
        return;
      }
      const urls = extractURLs(stripHTMLComments(text));
      urlLists.set(id, urls);
      writeCache(`revURLs:${location.hostname}:${id}`, urls);
    };

    // Dispatch content fetches now; they run while the lists are still loading.
    const fetching = runPool(chunks.map(chunk =&gt; async () =&gt; {
      await fetchChunkIsolating(chunk, onText);
      settle();
    }), CONTENT_CONCURRENCY);

    if (!(await configReady)) {
      await fetching;
      return; // no lists: nothing to screen against
    }
    canRender = true;
    settle(); // cache hits and anything that landed while the lists loaded
    await fetching;

    // Anything still pending had an id the API never returned
    for (const item of pending) {
      markSkipped(item.revision, 'fetch-failed');
    }
  }

  /**
   * Fetches a chunk of revisions; if the request fails outright, splits the
   * chunk in half and retries each half, so one problematic revision only
   * costs itself rather than its neighbours. Each fetch already carries
   * safeFetch's retries, so this only runs in genuine failure cases.
   *
   * @param {string[]} chunk - Revision IDs.
   * @param {Function} onText - Called with (id, text|null) for every id.
   */
  async function fetchChunkIsolating(chunk, onText) {
    const result = await fetchRevisionTexts(chunk);
    if (result) {
      for (const id of chunk) {
        onText(id, result.has(id) ? result.get(id) : null);
      }
      return;
    }
    if (chunk.length === 1) {
      onText(chunk[0], null);
      return;
    }
    const mid = Math.ceil(chunk.length / 2);
    await fetchChunkIsolating(chunk.slice(0, mid), onText);
    await fetchChunkIsolating(chunk.slice(mid), onText);
  }

  /**
   * Groups revision IDs into fetch chunks in order, bounded by count and, when
   * sizes are known, by an approximate byte budget so one huge article does not
   * delay its neighbours.
   *
   * @param {string[]} ids - Revision IDs in the order they should be fetched.
   * @param {Object} metadata - Map of id -&gt; {parentid, size} (may be sparse).
   * @returns {string[][]}
   */
  function chunkRevisionIds(ids, metadata) {
    const chunks = [];
    let current = [];
    let currentBytes = 0;
    for (const id of ids) {
      const meta = metadata[id];
      const bytes = (meta &amp;&amp; typeof meta.size === 'number') ? meta.size : ASSUMED_REVISION_BYTES;
      if (current.length &gt; 0 &amp;&amp;
        (current.length &gt;= CONTENT_CHUNK_SIZE || currentBytes + bytes &gt; CONTENT_CHUNK_BYTES)) {
        chunks.push(current);
        current = [];
        currentBytes = 0;
      }
      current.push(id);
      currentBytes += bytes;
    }
    if (current.length &gt; 0) chunks.push(current);
    return chunks;
  }

  /**
   * Runs async task factories with at most `concurrency` in flight, in order.
   *
   * @param {Array&lt;() =&gt; Promise&lt;*&gt;&gt;} tasks
   * @param {number} concurrency
   * @returns {Promise&lt;void&gt;}
   */
  async function runPool(tasks, concurrency) {
    let next = 0;
    const workers = Array.from({ length: Math.min(concurrency, tasks.length) }, async () =&gt; {
      while (next &lt; tasks.length) {
        const task = tasks[next++];
        try {
          await task();
        } catch (e) {
          console.warn('Citation Watchlist: chunk failed:', e);
        }
      }
    });
    await Promise.all(workers);
  }

  /**
   * Returns the elements of an array with duplicates removed, first occurrence wins.
   *
   * @param {Array} arr
   * @returns {Array}
   */
  function unique(arr) {
    return Array.from(new Set(arr));
  }

  /**
   * Marks a revision's row as skipped with a reason, without annotating it.
   *
   * @param {Object} revision
   * @param {string} reason - 'fetch-failed', 'oversized' or 'invalid'.
   */
  function markSkipped(revision, reason) {
    revision.skipped = reason;
    try {
      revisionTargetElement(revision).setAttribute('data-cw-skipped', reason);
    } catch (e) {
      /* ignore */
    }
    console.warn(`Citation Watchlist: skipped ${revision.oldrevision || '?'}` +
      `${revision.newrevision ? ' -&gt; ' + revision.newrevision : ''} (${reason})`);
  }

  /**
   * Finds the row-level element that carries data attributes for a revision.
   *
   * @param {Object} revision
   * @returns {Element}
   */
  function revisionTargetElement(revision) {
    const el = revision.element;
    return el.closest('[data-mw-revid]:not(.mw-userlink)') ||
      el.closest('li') || el.closest('.mw-changeslist-line, tr') || el;
  }

  /**
   * Scans the article page for sections whose H2 headers match enabledSectionHeaders,
   * then analyzes each matching section for watchlisted domains.
   */
  async function analyzeArticleSections() {
    const headings = document.querySelectorAll('.mw-heading2 h2, h2');
    for (const h2 of headings) {
      const headerText = h2.textContent.trim();
      if (!enabledSectionHeaders.includes(headerText)) continue;

      // Collect all content between this heading and the next heading
      const headingContainer = h2.closest('.mw-heading') || h2;
      let sibling = headingContainer.nextElementSibling;
      const sectionElements = [];
      while (sibling &amp;&amp; !sibling.classList.contains('mw-heading')) {
        sectionElements.push(sibling);
        sibling = sibling.nextElementSibling;
      }

      try {
        analyzeSection(headerText, sectionElements);
        createArticleFilterWidget(headingContainer);
      } catch (e) {
        console.warn(`Citation Watchlist: failed to analyze section &quot;${headerText}&quot;:`, e);
      }
    }
  }

  /**
   * Analyzes a single article section: extracts URLs from each &lt;li&gt;, screens them
   * against domain lists, and prepends indicator icons to matching list items.
   *
   * @param {string} sectionName - The section header text (e.g. &quot;References&quot;).
   * @param {Element[]} sectionElements - DOM elements between this heading and the next.
   */
  function analyzeSection(sectionName, sectionElements) {
    const revisionId = mw.config.get('wgRevisionId');
    const cacheKey = `sectionURLs:${location.hostname}:${revisionId}:${sectionName}`;

    // Map: array of { liId, urls }. Anything read back from localStorage is
    // re-validated before it can reach an href.
    let liURLMap = null;
    const cachedMap = readCache(cacheKey);
    if (Array.isArray(cachedMap)) {
      liURLMap = cachedMap
        .filter(entry =&gt; entry &amp;&amp; typeof entry.liId === 'string' &amp;&amp; Array.isArray(entry.urls))
        .map(entry =&gt; ({ liId: entry.liId, urls: entry.urls.filter(isValidHttpUrl) }));
    }

    const citeNotes = sectionElements.flatMap(el =&gt; Array.from(el.querySelectorAll('li[id^=&quot;cite_note&quot;]')));

    // Build from DOM if not cached
    if (!liURLMap) {
      liURLMap = citeNotes.map(li =&gt; ({
        liId: li.id,
        urls: Array.from(li.querySelectorAll('a.external[href]'))
          .map(a =&gt; a.getAttribute('href'))
          .filter(href =&gt; /^https?:\/\//i.test(href))
      }));
      writeCache(cacheKey, liURLMap);
    }

    // Add padding to all list items so citation text is flush with icons
    for (const li of citeNotes) li.style.paddingLeft = '1.5em';

    // Screen each li's URLs against domain lists and prepend icons with popups
    for (const entry of liURLMap) {
      const li = document.getElementById(entry.liId);
      if (!li) continue;

      const matched = resolveURLs(entry.urls).filter(r =&gt; r.indicator);
      if (matched.length === 0) continue;
      const highest = highestPriority(matched.map(m =&gt; m.indicator));

      const wrapper = makeElement('span', {
        style: { position: 'relative', cursor: 'pointer', marginLeft: '-1.5em',
          display: 'inline-block', width: '1.5em' }
      });
      wrapper.appendChild(makeElement('span', { text: indicators[highest].emoji }));
      attachPopup(wrapper, matched.map(m =&gt; popupLine(m.indicator, [m], false)), {});
      li.prepend(wrapper);
      li.dataset.cwIndicator = highest;
    }
  }

  /**
   * Extracts revision information from diff/hist/prev/cur links within a container.
   * Parent IDs are not fetched here; rows that need one set `needsParentOf` and
   * processRevisions() resolves them in a single batched request.
   *
   * @param {Element} container - The DOM element to query for revision links.
   * @param {Element} element - The DOM element to attach to the revision object.
   * @param {Function|null} prePadCallback - Optional callback invoked with (element, link) before
   *     processing each branch. In fallback mode this derives the target element and pre-pads it.
   * @returns {Promise&lt;{revision: Object|null, hasLink: boolean, skip: boolean}&gt;}
   *     - revision: the extracted revision object, or null if no usable link was found.
   *     - hasLink: true if any recognized link was present (even if skipped).
   *     - skip: true if the entry should be skipped (non-article after pre-padding).
   */
  async function extractRevisionFromLinks(container, element, prePadCallback) {
    const kinds = [
      { selector: 'a.mw-changeslist-diff', kind: 'diff' },
      { selector: 'a.mw-changeslist-history', kind: 'hist' },
      { selector: 'a.mw-history-histlinks-previous', kind: 'prev' },
      { selector: 'a.mw-history-histlinks-current', kind: 'cur' }
    ];
    let link = null;
    let kind = null;
    for (const k of kinds) {
      link = container.querySelector(k.selector);
      if (link) {
        kind = k.kind;
        break;
      }
    }
    if (!link) {
      return { revision: null, hasLink: false, skip: false };
    }

    const params = new URL(link.href).searchParams;
    const pageTitle = params.get('title');
    const target = prePadCallback ? prePadCallback(element, link) : element;

    // The diff and hist links appear on watchlist/RC/contribs rows that can be
    // for any namespace; history prev/cur links are always for the page itself.
    if ((kind === 'diff' || kind === 'hist') &amp;&amp; isNotArticle(pageTitle)) {
      return { revision: null, hasLink: true, skip: true };
    }

    const revision = {
      oldrevision: null,
      newrevision: null,
      element: target,
      viewHref: '',
      viewLabel: viewDiffLabel,
      pageTitle: pageTitle || undefined
    };

    switch (kind) {
      case 'diff': {
        // MediaWiki convention: diff = newer, oldid = older
        const diffParam = params.get('diff');
        const oldidParam = params.get('oldid');
        revision.viewHref = link.href;
        if (diffParam === 'prev' &amp;&amp; oldidParam) {
          // Contributions: oldid is the current revision; parent resolved later
          revision.needsParentOf = oldidParam;
        } else {
          revision.oldrevision = oldidParam;
          revision.newrevision = diffParam;
        }
        break;
      }
      case 'hist': {
        // New page: analyze its first revision
        const firstID = await fetchFirstRevisionId(pageTitle);
        if (!firstID) {
          return { revision: null, hasLink: true, skip: false };
        }
        revision.oldrevision = String(firstID);
        revision.viewHref = buildPermalinkUrl(firstID);
        revision.viewLabel = viewRevisionLabel;
        break;
      }
      case 'prev': {
        // viewHref is filled in once the parent is known
        revision.needsParentOf = params.get('oldid') || null;
        break;
      }
      case 'cur': {
        revision.oldrevision = params.get('oldid');
        revision.viewHref = buildPermalinkUrl(revision.oldrevision);
        revision.viewLabel = viewRevisionLabel;
        break;
      }
    }

    return { revision, hasLink: true, skip: false };
  }

  /**
   * Computes the URLs added and removed between two revisions' URL lists.
   * Multiset semantics: a URL that appears twice in the new revision and once
   * in the old counts as one addition.
   *
   * @param {string[]} fromList - URLs in the older revision.
   * @param {string[]|null} toList - URLs in the newer revision (ignored if !hasNew).
   * @param {boolean} hasNew - False for a page's first revision, in which case
   *   every URL in fromList is considered added.
   * @returns {{addedURLs: string[], removedURLs: string[]}}
   */
  function computeURLDiff(fromList, toList, hasNew) {
    if (!hasNew) {
      // For first revision, all URLs are considered added
      return { addedURLs: fromList.slice(), removedURLs: [] };
    }
    const count = arr =&gt; arr.reduce((m, u) =&gt; {
      m[u] = (m[u] || 0) + 1;
      return m;
    }, {});
    const fromMap = count(fromList);
    const toMap = count(toList || []);
    const addedURLs = [];
    const removedURLs = [];
    for (const key of new Set([...Object.keys(fromMap), ...Object.keys(toMap)])) {
      const addCount = Math.max(0, (toMap[key] || 0) - (fromMap[key] || 0));
      const remCount = Math.max(0, (fromMap[key] || 0) - (toMap[key] || 0));
      for (let i = 0; i &lt; addCount; i++) addedURLs.push(key);
      for (let i = 0; i &lt; remCount; i++) removedURLs.push(key);
    }
    return { addedURLs, removedURLs };
  }

  /**
   * Screens a revision's added/removed URLs against the domain lists and
   * annotates its row (gutter icons, popup, filter data attributes).
   * Synchronous: all network work happens in processRevisions().
   *
   * @param {Object} revision - Object containing oldrevision, optional
   *   newrevision, and DOM element.
   * @param {string[]} addedURLs
   * @param {string[]} removedURLs
   */
  function renderRevision(revision, addedURLs, removedURLs) {
    const targetElement = revisionTargetElement(revision);
    targetElement.setAttribute('data-cw-processed', 'true');

    const added = resolveURLs(addedURLs);
    const removed = resolveURLs(removedURLs);

    // Highest-priority indicator among added links (lists only), for the gutter
    const addType = highestPriority(added.map(a =&gt; a.indicator)) ||
      (added.length &gt; 0 ? 'added' : null);

    try {
      if (revision.viewHref) revision.element.dataset.cwViewHref = revision.viewHref;
      if (revision.viewLabel) revision.element.dataset.cwViewLabel = revision.viewLabel;
    } catch (e) {
      /* ignore */
    }

    // Render two-column emojis: left = addition (highest-priority), right = removal (bin)
    renderTwoColumnEmojis(revision.element, addType, removed.length &gt; 0, added, removed);

    // Data attributes drive the filter widget
    const changedDomains = unique([...added, ...removed].map(r =&gt; r.domain)).sort();
    if (changedDomains.length &gt; 0) {
      targetElement.dataset.cwLinkchange = changedDomains.join('|');
    }
    for (const type of listedTypes) {
      const domains = unique([...added, ...removed]
        .filter(r =&gt; r.indicator === type).map(r =&gt; r.domain)).sort();
      if (domains.length &gt; 0) {
        targetElement.setAttribute(indicators[type].dataAttr, domains.join('|'));
      }
    }
  }

  /**
   * ==========================================================================
   * 2. User Interface
   * ==========================================================================
   */

  /**
   * Pending hosts that need gutter padding applied. Collected during
   * renderTwoColumnEmojis and flushed in a single batch via flushGutterPadding()
   * so that all rows shift at the same time instead of one at a time.
   */
  const pendingGutterPadding = [];

  /**
   * Applies the gutter padding to a single host element, reserving horizontal
   * space for the two-column emoji gutter.
   *
   * @param {HTMLElement} host - The element to pad.
   */
  function applyGutterPadding(host) {
    const pad = 'calc(2em + 0.5em)';
    try {
      const cs = window.getComputedStyle(host);
      const existing = parseFloat(cs.paddingLeft || '0');
      const fontSizePx = parseFloat(cs.fontSize || '16');
      const desiredPx = 2.5 * fontSizePx; // 2em + 0.5em
      if (isNaN(existing) || existing &lt; desiredPx - 0.5) {
        host.style.paddingLeft = pad;
      }
    } catch (e) {
      host.style.paddingLeft = pad;
    }
  }

  /**
   * Applies gutter padding to all collected hosts at once, then clears the
   * queue. Call this after a batch of renderTwoColumnEmojis calls to avoid
   * one-at-a-time layout shifts.
   */
  function flushGutterPadding() {
    for (const host of pendingGutterPadding) {
      applyGutterPadding(host);
    }
    pendingGutterPadding.length = 0;
  }

  /**
   * Finds the element that hosts the gutter for a change-list element:
   * the list container or, for table rows, the content cell.
   *
   * @param {HTMLElement} element
   * @returns {HTMLElement|null}
   */
  function gutterHostFor(element) {
    const container =
      element.closest('[data-mw-revid]:not(.mw-userlink)') ||
      element.closest('li') ||
      element.closest('.mw-changeslist-line, tr') || element.parentNode || element;
    if (!container) return null;
    let host = container;
    if (host.tagName &amp;&amp; host.tagName.toUpperCase() === 'TR') {
      // For nested enhanced RC rows, place the gutter in the content cell so
      // icons align with singleton rows that use .mw-changeslist-line-inner.
      const nestedContent = host.querySelector('td.mw-enhanced-rc-nested[data-target-page]');
      host = nestedContent || host.querySelector('td, th') || host;
    }
    // Prefer inner change-line wrappers on Watchlist/RC if present
    const innerHost = host.querySelector('.mw-changeslist-line-inner, .mw-changeslist-line-main');
    return innerHost || host;
  }

  /**
   * Renders exactly two fixed-width emoji columns before a revision entry:
   * - Left column: highest-priority addition indicator
   *   (warning/caution/inspect/added), or spacer if none.
   * - Right column: removal indicator if removals exist, otherwise spacer.
   *
   * This preserves consistent alignment even when no links are added/removed.
   *
   * @param {HTMLElement} element - The revision list DOM element.
   * @param {string|null} addType - Indicator type for the left column, or null.
   * @param {boolean} hasRemovals - Whether to show the removal icon.
   * @param {Object[]} added - Resolved added links ({url, domain, indicator, ...}).
   * @param {Object[]} removed - Resolved removed links.
   */
  function renderTwoColumnEmojis(element, addType, hasRemovals, added = [], removed = []) {
    if (!element) return;
    const host = gutterHostFor(element);
    if (!host) return;

    const cell = (char, className) =&gt; makeElement('span', {
      className, text: char,
      style: { display: 'inline-block', width: '1em', textAlign: 'center', userSelect: 'none' }
    });
    const addChar = addType ? indicators[addType].emoji : ' ';
    const remChar = hasRemovals ? indicators.removed.emoji : ' ';

    // Propagate dataset for view link from source element to host
    try {
      if (element.dataset.cwViewHref) host.dataset.cwViewHref = element.dataset.cwViewHref;
      if (element.dataset.cwViewLabel) host.dataset.cwViewLabel = element.dataset.cwViewLabel;
    } catch (e) {
      /* ignore */
    }

    // Ensure a single gutter exists
    let gutter = host.querySelector('.cw-gutter');
    if (gutter) {
      gutter.querySelector('.cw-add').textContent = addChar;
      gutter.querySelector('.cw-rem').textContent = remChar;
    } else {
      // Ensure the host can anchor absolutely positioned children
      if (!host.style.position) host.style.position = 'relative';
      // Create a left gutter that does not participate in text wrapping
      gutter = makeElement('span', {
        className: 'cw-gutter',
        style: {
          position: 'absolute', left: '0', top: '0', display: 'inline-flex', gap: '0.25em',
          width: 'calc(2em + 0.25em)', alignItems: 'flex-start', userSelect: 'none'
        }
      });
      gutter.appendChild(cell(addChar, 'cw-add'));
      gutter.appendChild(cell(remChar, 'cw-rem'));
      // Insert the gutter into the host; padding is deferred to flushGutterPadding()
      host.insertBefore(gutter, host.firstChild);
      pendingGutterPadding.push(host);
    }

    attachPopup(gutter, [popupLine('added', added, true), popupLine('removed', removed, true)], {
      viewHref: host.dataset.cwViewHref || '',
      viewLabel: host.dataset.cwViewLabel || ''
    });
    host.setAttribute('data-processed-twocol', 'true');
  }
  /**
   * Fills a popup with a close button, a two-column grid of labelled link
   * lines, and a footer. Idempotent: safe to call again to refresh content.
   *
   * @param {HTMLElement} popupEl - The popup element.
   * @param {Array&lt;{labelText: string, labelTitle: string, items: Object[]}&gt;} lines
   *   Each item is a resolved link ({url, domain, indicator, archiveHost}).
   * @param {Object} footerOptions - See createPopupFooter.
   */
  function buildPopupContent(popupEl, lines, footerOptions) {
    if (!popupEl.querySelector('.cw-close')) {
      popupEl.appendChild(createCloseButton(popupEl));
    }
    let contentWrap = popupEl.querySelector('.cw-popup-content');
    if (!contentWrap) {
      contentWrap = makeElement('div', { className: 'cw-popup-content' });
      popupEl.appendChild(contentWrap);
    }
    // Grid layout so labels are flush-aligned with content
    Object.assign(contentWrap.style, {
      display: 'grid', gridTemplateColumns: 'max-content 1fr', columnGap: '0.5em', rowGap: '2px'
    });
    contentWrap.innerHTML = '';

    for (const line of lines) {
      if (!line.items || line.items.length === 0) continue;
      contentWrap.appendChild(makeElement('strong', {
        text: `${line.labelText}:`, title: line.labelTitle,
        ariaLabel: `${line.labelText}: ${line.labelTitle}`,
        style: { alignSelf: 'start', justifySelf: 'end', textAlign: 'right', whiteSpace: 'nowrap' }
      }));
      const content = makeElement('div', { style: { display: 'inline' } });
      line.items.forEach((item, idx) =&gt; {
        content.appendChild(makeLinkItem(item));
        if (idx &lt; line.items.length - 1) content.appendChild(makeElement('span', { text: ' • ' }));
      });
      contentWrap.appendChild(content);
    }

    const footer = popupEl.querySelector('.cw-popup-footer');
    if (footer) footer.remove();
    popupEl.appendChild(createPopupFooter(footerOptions));
  }

  /**
   * Creates (or refreshes) the popup under a host element and wires its
   * hover/click handlers. With no lines, any existing popup is hidden.
   *
   * @param {HTMLElement} host - The gutter or icon wrapper that owns the popup.
   * @param {Array} lines - See buildPopupContent.
   * @param {Object} footerOptions - See createPopupFooter.
   */
  function attachPopup(host, lines, footerOptions) {
    let popup = host.querySelector('.cw-popup');
    const hasContent = lines.some(l =&gt; l.items &amp;&amp; l.items.length &gt; 0);
    if (!hasContent) {
      if (popup) popup.style.display = 'none';
      host._cwEnablePopup = false;
      return;
    }
    if (!popup) {
      popup = createPopupElement();
      host.appendChild(popup);
    }
    buildPopupContent(popup, lines, footerOptions);
    host._cwEnablePopup = true;
    installPopupHandlers(host);
  }

  /**
   * Builds a popup line for an indicator type over a set of resolved links.
   *
   * @param {string} type - Indicator type (added, removed, warning, ...).
   * @param {Object[]} items - Resolved links.
   * @param {boolean} withEmoji - Prefix the label with the type's emoji.
   * @returns {{labelText: string, labelTitle: string, items: Object[]}}
   */
  function popupLine(type, items, withEmoji) {
    const ind = indicators[type];
    return {
      labelText: withEmoji ? `${ind.emoji} ${ind.msg}` : ind.msg,
      labelTitle: ind.explanation,
      items
    };
  }
  /**
   * Builds the popup representation of one resolved link: an optional
   * indicator emoji followed by a link whose text is the screened domain.
   *
   * @param {Object} item - {url, domain, indicator, archiveHost}.
   * @returns {HTMLSpanElement}
   */
  function makeLinkItem(item) {
    const span = makeElement('span', { style: { whiteSpace: 'nowrap', display: 'inline-block' } });
    if (item.indicator) {
      const ind = indicators[item.indicator];
      span.appendChild(makeElement('span', {
        className: 'cw-emoji', text: ind.emoji + ' ',
        title: ind.explanation, ariaLabel: `${ind.msg}: ${ind.explanation}`
      }));
    }
    const a = makeExternalLink(item.url, item.domain);
    if (item.archiveHost) a.title = `${archivedViaLabel} ${item.archiveHost}`;
    span.appendChild(a);
    return span;
  }
  /**
   * Creates a link with the attributes every outbound link in this script
   * uses. The single place an attacker-influenced URL becomes an href, so the
   * URL check lives here: absolute http(s) only, plus same-origin paths when
   * `allowPath` is set (used for diff/permalink footers).
   *
   * @param {string} url
   * @param {string} text
   * @param {boolean} [allowPath=false]
   * @returns {HTMLAnchorElement}
   */
  function makeExternalLink(url, text, allowPath = false) {
    const a = makeElement('a', {
      text, attrs: { rel: 'nofollow noopener noreferrer', target: '_blank' },
      style: { whiteSpace: 'nowrap' }
    });
    if (isValidHttpUrl(url) || (allowPath &amp;&amp; /^\/(?!\/)/.test(url))) a.href = url;
    return a;
  }
  /**
   * Creates a DOM element with class, text, title, inline styles and
   * attributes in one call. Text is always set through textContent.
   *
   * @param {string} tag
   * @param {Object} [opts] - {className, text, title, ariaLabel, style, attrs}
   * @returns {HTMLElement}
   */
  function makeElement(tag, opts = {}) {
    const el = document.createElement(tag);
    if (opts.className) el.className = opts.className;
    if (opts.text !== undefined) el.textContent = opts.text;
    if (opts.title) {
      el.title = opts.title;
      el.setAttribute('aria-label', opts.ariaLabel || opts.title);
    }
    if (opts.style) Object.assign(el.style, opts.style);
    for (const [k, v] of Object.entries(opts.attrs || {})) el.setAttribute(k, v);
    return el;
  }

  /**
   * Creates a styled popup element for displaying domain information.
   *
   * @returns {HTMLDivElement} The configured popup element.
   */
  function createPopupElement() {
    return makeElement('div', {
      className: 'mwe-popups cw-popup',
      style: {
        position: 'absolute', minWidth: '260px', maxWidth: '420px', zIndex: '1000',
        display: 'none', background: 'var(--background-color, #fff)',
        border: '1px solid rgba(0,0,0,.15)', boxShadow: '0 2px 8px rgba(0,0,0,.2)',
        padding: '8px 26px 8px 10px', borderRadius: '4px', fontSize: '0.92em'
      }
    });
  }
  /**
   * Creates a styled close button for popups.
   *
   * @param {HTMLElement} popupEl - The popup element to hide when the button is clicked.
   * @returns {HTMLButtonElement} The configured close button.
   */
  function createCloseButton(popupEl) {
    const closeBtn = makeElement('button', {
      className: 'cw-close', text: '×', title: 'Close', attrs: { type: 'button' },
      style: {
        position: 'absolute', top: '4px', right: '6px', border: 'none',
        background: 'transparent', cursor: 'pointer', fontSize: '14px',
        lineHeight: '1', padding: '0', margin: '0'
      }
    });
    closeBtn.addEventListener('click', (e) =&gt; {
      e.stopPropagation();
      e.preventDefault();
      popupEl.style.display = 'none';
    });
    return closeBtn;
  }
  /**
   * Creates a popup footer element with an optional primary link and the
   * &quot;About Citation Watchlist&quot; link.
   *
   * @param {Object} [options] - Optional configuration.
   * @param {string} [options.viewHref] - URL for the primary link (e.g., diff or revision).
   * @param {string} [options.viewLabel] - Label text for the primary link.
   * @returns {HTMLDivElement} The configured footer element.
   */
  function createPopupFooter(options) {
    const footer = makeElement('div', {
      className: 'cw-popup-footer', style: { marginTop: '10px', color: 'inherit' }
    });
    if (options &amp;&amp; options.viewHref &amp;&amp; options.viewLabel) {
      const viewA = makeExternalLink(options.viewHref, options.viewLabel, true);
      if (viewA.href) {
        const strong = makeElement('strong');
        strong.appendChild(viewA);
        footer.appendChild(strong);
        footer.appendChild(makeElement('span', { text: ' • ' }));
      }
    }
    footer.appendChild(makeExternalLink(aboutLink, aboutLabel));
    return footer;
  }
  /**
   * Builds the shared filter widget container with radio buttons and an about link.
   *
   * @param {Object} config - Widget configuration.
   * @param {string} config.containerId - The ID for the container element.
   * @param {string} config.radioName - The name attribute for the radio button group.
   * @param {Array&lt;Object&gt;} config.filters - Array of filter option objects
   *   ({id, label, checked?, tooltip?}).
   * @param {Function} config.onFilter - Callback invoked with the selected filter ID.
   * @param {string} [config.initialLabel] - Label text; defaults to showEditsLabel.
   * @returns {HTMLDivElement} The configured filter widget container.
   */
  function buildFilterWidgetContainer(config) {
    const container = makeElement('div', {
      attrs: { id: config.containerId },
      style: {
        display: 'flex', alignItems: 'center', justifyContent: 'space-between',
        border: '1px solid black', borderRadius: '25px', padding: '10px 20px',
        margin: '10px 0', width: 'fit-content'
      }
    });
    const leftSection = makeElement('div', {
      style: { display: 'flex', alignItems: 'center', gap: '15px' }
    });
    leftSection.appendChild(makeElement('span', {
      className: 'cw-filter-label', text: config.initialLabel || showEditsLabel,
      style: { fontWeight: '500' }
    }));

    for (const filter of config.filters) {
      const wrapper = makeElement('label', {
        style: { display: 'flex', alignItems: 'center', gap: '5px', cursor: 'pointer' }
      });
      const radio = makeElement('input', {
        attrs: { type: 'radio', name: config.radioName, value: filter.id }, style: { margin: '0' }
      });
      radio.checked = !!filter.checked;
      radio.addEventListener('change', () =&gt; {
        if (radio.checked) config.onFilter(filter.id);
      });
      const text = makeElement('span', { text: filter.label });
      if (filter.tooltip) {
        text.title = filter.tooltip;
        Object.assign(text.style, { borderBottom: '1px dotted', cursor: 'help' });
      }
      wrapper.appendChild(radio);
      wrapper.appendChild(text);
      leftSection.appendChild(wrapper);
    }
    container.appendChild(leftSection);

    const rightSection = makeElement('div', { style: { marginLeft: '4em' } });
    const link = makeElement('a', {
      text: toolName, attrs: { href: aboutLink },
      style: { textDecoration: 'underline', color: '#0645ad' }
    });
    rightSection.appendChild(link);
    container.appendChild(rightSection);
    return container;
  }
  /**
   * Builds the indicator filter list from the indicators config, sorted by
   * descending priority and excluding non-positive priorities.
   *
   * @returns {Array&lt;{id: string, label: string, tooltip: string}&gt;}
   */
  function buildIndicatorFilters() {
    return listedTypes
      .slice()
      .sort((a, b) =&gt; indicators[b].priority - indicators[a].priority)
      .map(id =&gt; ({
        id,
        label: `${indicators[id].emoji} ${indicators[id].msg}`,
        tooltip: indicators[id].explanation
      }));
  }

  /**
   * Enables or greys out each radio in a filter widget according to whether
   * any row currently matches it.
   *
   * @param {string} radioName - The radio group name.
   * @param {Function} hasResults - (filterId) =&gt; boolean.
   */
  function updateFilterRadios(radioName, hasResults) {
    document.querySelectorAll(`input[name=&quot;${radioName}&quot;]`).forEach(radio =&gt; {
      const enabled = radio.value === 'all' || hasResults(radio.value);
      const label = radio.closest('label');
      radio.disabled = !enabled;
      if (label) {
        label.style.cursor = enabled ? 'pointer' : 'default';
        label.style.color = enabled ? '' : 'gray';
      }
    });
  }

  /**
   * Creates and inserts the change-list filter widget (watchlist, recent
   * changes, history, contributions). Radios start disabled and are enabled by
   * finishChangeListPass() once rows are annotated.
   *
   * @returns {HTMLElement|null} The created filter container or null if not created.
   */
  function createChangeListFilterWidget() {
    const ns = mw.config.get('wgNamespaceNumber');
    const pageName = mw.config.get('wgPageName');
    let target = document.querySelector('.mw-changeslist') ||
      document.getElementById('mw-history-compare');
    if (!target &amp;&amp; ns === -1 &amp;&amp; pageName.startsWith('Special:Contributions')) {
      target = document.querySelector('.mw-pager-body');
    }
    if (!target) return null;

    const container = buildFilterWidgetContainer({
      containerId: 'cw-filter-widget',
      radioName: 'cw-filter',
      filters: [
        { id: 'all', label: allLabel, checked: true },
        { id: 'linkchange', label: linkChangesLabel, tooltip: linkChangesTooltip },
        ...buildIndicatorFilters()
      ],
      onFilter: applyChangeListFilter,
      initialLabel: loadingLabel
    });
    target.parentNode.insertBefore(container, target);
    updateFilterRadios('cw-filter', () =&gt; false); // Disabled until annotation is complete
    return container;
  }

  /**
   * Creates and inserts a filter widget for the article surface, placed after
   * the section heading. Excludes the &quot;Link Changes&quot; option.
   *
   * @param {Element} headingContainer - The heading element to insert the widget after.
   */
  function createArticleFilterWidget(headingContainer) {
    const container = buildFilterWidgetContainer({
      containerId: 'cw-article-filter-widget',
      radioName: 'cw-article-filter',
      filters: [
        { id: 'all', label: allLabel, checked: true },
        ...buildIndicatorFilters()
      ],
      onFilter: applyArticleFilter
    });
    headingContainer.after(container);
    updateFilterRadios('cw-article-filter', (filterId) =&gt;
      !!document.querySelector(`li[id^=&quot;cite_note&quot;][data-cw-indicator=&quot;${filterId}&quot;]`));
    renderLoadWarnings();
  }

  /**
   * Called after each annotation pass on a change list: restores the widget
   * label, renders any load warnings, and enables the radios that have matches.
   */
  function finishChangeListPass() {
    const filterLabel = document.querySelector('#cw-filter-widget .cw-filter-label');
    if (filterLabel &amp;&amp; filterLabel.firstChild &amp;&amp;
      filterLabel.firstChild.nodeType === Node.TEXT_NODE) {
      filterLabel.firstChild.textContent = showEditsLabel;
    }
    renderLoadWarnings();
    const rows = document.querySelectorAll('[data-mw-revid]:not(.mw-userlink)');
    updateFilterRadios('cw-filter', (filterId) =&gt;
      Array.from(rows).some(row =&gt; rowMatchesFilter(row, filterId)));
    // Re-apply the active filter so newly loaded rows respect it
    const active = document.querySelector('input[name=&quot;cw-filter&quot;]:checked');
    if (active &amp;&amp; active.value !== 'all') applyChangeListFilter(active.value);
  }

  /**
   * Whether a change-list row (or any nested revision inside it) matches a filter.
   *
   * @param {Element} row
   * @param {string} filterId
   * @returns {boolean}
   */
  function rowMatchesFilter(row, filterId) {
    if (elementMatchesFilter(row, filterId)) return true;
    for (const nested of row.querySelectorAll('li[data-cw-processed=&quot;true&quot;]')) {
      if (elementMatchesFilter(nested, filterId)) return true;
    }
    return false;
  }

  /**
   * Applies the selected filter to article section list items.
   *
   * @param {string} filterId - 'all' or an indicator type.
   */
  function applyArticleFilter(filterId) {
    document.querySelectorAll('li[id^=&quot;cite_note&quot;]').forEach(li =&gt; {
      li.style.display = (filterId === 'all' || li.dataset.cwIndicator === filterId) ? '' : 'none';
    });
  }

  /**
   * Applies the selected filter to the revision list.
   *
   * @param {string} filterId - 'all', 'linkchange', or an indicator type.
   */
  let lastAppliedFilter = 'all';

  function applyChangeListFilter(filterId) {
    const isAll = filterId === 'all';

    const revisions = document.querySelectorAll(
      '[data-mw-revid]:not(.mw-userlink), [data-mw-logid]'
    );
    revisions.forEach(container =&gt; {
      if (isAll) {
        container.style.display = '';
        return;
      }
      // Log entries (data-mw-logid) don't have revision-based attributes to
      // match against filters — hide them when any specific filter is active.
      const show = container.hasAttribute('data-mw-revid') &amp;&amp; rowMatchesFilter(container, filterId);
      container.style.display = show ? '' : 'none';
    });

    // Hide h4 date headers when all their rows are hidden
    document.querySelectorAll('div.mw-changeslist h4').forEach(h4 =&gt; {
      if (isAll) {
        h4.style.display = '';
        return;
      }
      const sibling = h4.nextElementSibling;
      if (!sibling || sibling.tagName !== 'DIV') return;
      const revItems = sibling.querySelectorAll('[data-mw-revid]');
      if (revItems.length === 0) return;
      h4.style.display = Array.from(revItems).every(el =&gt; el.style.display === 'none') ? 'none' : '';
    });

    const enhanced = document.querySelector('table.mw-enhanced-rc');
    if (enhanced) {
      // Hide the group header row in each tbody if all other rows are hidden
      document.querySelectorAll('table.mw-enhanced-rc tbody').forEach(tbody =&gt; {
        const rows = tbody.querySelectorAll('tr');
        if (rows.length &lt; 2) return;
        rows[0].style.display = (!isAll &amp;&amp; Array.from(rows).slice(1)
          .every(tr =&gt; tr.style.display === 'none')) ? 'none' : '';
      });

      // Expand grouped sections while a specific filter is active, collapse on
      // &quot;all&quot;. Only on the transition, so switching between two filters leaves
      // the expanded state alone.
      const wasAll = lastAppliedFilter === 'all';
      if (wasAll !== isAll) {
        document.querySelectorAll('table.mw-enhanced-rc').forEach(table =&gt; {
          const checkbox = groupToggleCheckbox(table);
          if (checkbox &amp;&amp; checkbox.checked === isAll) {
            checkbox.checked = !isAll;
            checkbox.dispatchEvent(new Event('change'));
          }
        });
      }
    }

    showNoMatchingEdits(!isAll &amp;&amp; Array.from(
      document.querySelectorAll('[data-mw-revid]:not(.mw-userlink)')
    ).every(el =&gt; el.style.display === 'none'));

    lastAppliedFilter = filterId;
  }

  /**
   * Shows or removes the &quot;No matching edits&quot; message under the filter widget.
   *
   * @param {boolean} show
   */
  function showNoMatchingEdits(show) {
    const existing = document.getElementById('cw-no-matching-edits');
    if (existing) existing.remove();
    if (!show) return;
    const msg = makeElement('p', {
      text: noMatchingEditsLabel, attrs: { id: 'cw-no-matching-edits' },
      style: { margin: '10px 0', fontStyle: 'italic' }
    });
    const widget = document.getElementById('cw-filter-widget');
    if (widget &amp;&amp; widget.nextSibling) {
      widget.parentNode.insertBefore(msg, widget.nextSibling);
    }
  }

  /**
   * Returns the hidden checkbox that expands/collapses an enhanced-RC group.
   *
   * @param {Element} table - A table.mw-enhanced-rc element.
   * @returns {HTMLInputElement|null}
   */
  function groupToggleCheckbox(table) {
    const arrow = table.querySelector('.mw-enhancedchanges-arrow');
    const checkboxId = arrow &amp;&amp; arrow.getAttribute('for');
    return checkboxId ? document.getElementById(checkboxId) : null;
  }

  /**
   * If any configuration pages failed to load, appends a warning glyph (with
   * the details in its tooltip) to every filter-widget label on the page.
   * Safe to call more than once.
   */
  function renderLoadWarnings() {
    const messages = SHOW_LINT_IN_WIDGET ? [...loadWarnings, ...listLint] : loadWarnings;
    if (messages.length === 0) return;
    document.querySelectorAll('.cw-filter-label').forEach(label =&gt; {
      if (label.querySelector('.cw-load-warning')) return;
      label.appendChild(makeElement('span', {
        className: 'cw-load-warning', text: ' ' + loadWarningGlyph,
        title: loadWarningPrefix + '\n' + messages.join('\n'), style: { cursor: 'help' }
      }));
    });
  }

  /**
   * Whether the single document-level outside-click handler has been installed.
   * One delegated listener replaces the former one-listener-per-gutter design.
   */
  let outsideClickHandlerInstalled = false;

  /**
   * Installs a single document-level click handler that hides every open popup
   * whose owning gutter does not contain the click target.
   */
  function installOutsideClickHandler() {
    if (outsideClickHandlerInstalled) return;
    document.addEventListener('click', (ev) =&gt; {
      document.querySelectorAll('.cw-popup').forEach(p =&gt; {
        if (p.style.display === 'none' || p.style.display === '') return;
        const owner = p.parentElement;
        if (owner &amp;&amp; !owner.contains(ev.target)) {
          p.style.display = 'none';
        }
      });
    });
    outsideClickHandlerInstalled = true;
  }

  /**
   * Installs hover, click, touch, and outside-click handlers on a gutter element
   * to show/hide its popup.
   *
   * @param {HTMLElement} gutter - The gutter element containing a .cw-popup child.
   */
  function installPopupHandlers(gutter) {
    if (gutter._cwHandlersInstalled) return;
    let hideTimer = null;
    const positionPopup = () =&gt; {
      const p = gutter.querySelector('.cw-popup');
      if (!gutter._cwEnablePopup || !p) return;
      p.style.display = 'block';
      p.style.top = '1.4em';
      p.style.left = '0px';
      const rect = p.getBoundingClientRect();
      if (rect.right &gt; window.innerWidth - 10) {
        const overflow = rect.right - (window.innerWidth - 10);
        p.style.left = Math.max(0, (parseFloat(p.style.left) || 0) - overflow) + 'px';
      }
    };
    const show = () =&gt; {
      if (!gutter._cwEnablePopup) return;
      if (hideTimer) {
        clearTimeout(hideTimer);
        hideTimer = null;
      }
      positionPopup();
    };
    const scheduleHide = () =&gt; {
      hideTimer = setTimeout(() =&gt; {
        const p = gutter.querySelector('.cw-popup');
        if (p) p.style.display = 'none';
      }, 150);
    };

    gutter.addEventListener('mouseenter', show);
    gutter.addEventListener('mouseleave', scheduleHide);
    const pInit = gutter.querySelector('.cw-popup');
    if (pInit) {
      pInit.addEventListener('mouseenter', () =&gt; {
        if (hideTimer) {
          clearTimeout(hideTimer);
          hideTimer = null;
        }
      });
      pInit.addEventListener('mouseleave', scheduleHide);
    }
    const toggle = (e) =&gt; {
      if (!gutter._cwEnablePopup) return;
      e.stopPropagation();
      const p = gutter.querySelector('.cw-popup');
      if (!p) return;
      if (p.style.display === 'none' || p.style.display === '') {
        show();
      } else {
        p.style.display = 'none';
      }
    };
    gutter.addEventListener('click', toggle);
    gutter.addEventListener('touchstart', toggle, {
      passive: true
    });
    installOutsideClickHandler();
    gutter._cwHandlersInstalled = true;
  }

  /**
   * Watches for the change list being replaced by MediaWiki's live filters
   * (&quot;View new changes&quot;, filter edits on Special:Watchlist / RecentChanges)
   * and annotates the new rows. The existing widget sits outside the replaced
   * element and survives; its radios are refreshed after each pass.
   */
  function installLiveReloadObserver() {
    if (typeof MutationObserver === 'undefined') return;
    let timer = null;
    let running = false;
    let rerun = false;
    const run = async () =&gt; {
      if (running) {
        rerun = true;
        return;
      }
      running = true;
      try {
        await annotateChangeList(document, false);
      } catch (e) {
        console.warn('Citation Watchlist: live reload pass failed:', e);
      } finally {
        running = false;
        if (rerun) {
          rerun = false;
          run();
        }
      }
    };
    const observer = new MutationObserver(mutations =&gt; {
      const relevant = mutations.some(m =&gt; Array.from(m.addedNodes).some(node =&gt;
        node.nodeType === Node.ELEMENT_NODE &amp;&amp;
        (node.matches('[data-mw-revid], .mw-changeslist, .mw-changeslist-line') ||
          node.querySelector('[data-mw-revid], .mw-changeslist-line'))
      ));
      if (!relevant) return;
      clearTimeout(timer);
      timer = setTimeout(run, LIVE_RELOAD_DEBOUNCE_MS);
    });
    observer.observe(document.body, { childList: true, subtree: true });
  }

  const enabledNsStrings = new Set(enabledNamespaces.filter(n =&gt; n &gt;= 0).map(String));
  const namespaces = Object.entries(mw.config.get('wgFormattedNamespaces'))
    .filter(([num, name]) =&gt; num !== '0' &amp;&amp; !enabledNsStrings.has(num))
    .map(([_, name]) =&gt; name.replace(/ /g, '_') + ':');

  /**
   * Pre-pads an element with empty emoji gutters to prevent layout shift.
   *
   * @param {Element} element - The DOM element to pre-pad.
   */
  function prePadElement(element) {
    try {
      renderTwoColumnEmojis(element, null, false, [], []);
    } catch (e) {
      /* ignore */
    }
  }

  /**
   * ==========================================================================
   * 3. Builders and Extractors
   * ==========================================================================
   */

  /**
   * Constructs a URL for viewing a diff between two revisions.
   *
   * @param {string} title - The page title.
   * @param {string} fromId - The older revision ID.
   * @param {string} toId - The newer revision ID.
   * @returns {string} The diff URL, or empty string on error.
   */
  function buildDiffUrl(title, fromId, toId) {
    try {
      const script = mw.config.get('wgScript') || '/w/index.php';
      return `${script}` +
        `?title=${encodeURIComponent(title)}` +
        `&amp;diff=${encodeURIComponent(toId)}` +
        `&amp;oldid=${encodeURIComponent(fromId)}`;
    } catch (e) {
      return '';
    }
  }

  /**
   * Constructs a permalink URL for a specific revision.
   *
   * @param {string} revId - The revision ID.
   * @returns {string} The permalink URL, or empty string on error.
   */
  function buildPermalinkUrl(revId) {
    try {
      const articlePath = mw.config.get('wgArticlePath');
      if (articlePath &amp;&amp; articlePath.includes('$1')) {
        return articlePath.replace('$1',
          `Special:Permalink/${encodeURIComponent(revId)}`);
      }
      const script = mw.config.get('wgScript') || '/w/index.php';
      return `${script}?oldid=${encodeURIComponent(revId)}`;
    } catch (e) {
      return '';
    }
  }

  /**
   * Strips all HTML comments from a string.
   *
   * @param {string} text - Input text potentially containing HTML comments.
   * @returns {string} Text with all HTML comments removed.
   */
  function stripHTMLComments(text) {
    if (!text) return text;
    return text.replace(/&lt;!--[\s\S]*?--&gt;/g, '');
  }

  /**
   * Extracts all HTTP(S) URLs from a given wikitext string. The scheme is
   * matched case-insensitively (MediaWiki links HTTPS:// just as it does
   * https://), and protocol-relative links (&quot;[//example.com ...]&quot;) are
   * normalized to https://.
   *
   * @param {string} wikitext - Raw wikitext revision content.
   * @returns {string[]} List of valid extracted URLs.
   */
  function extractURLs(wikitext) {
    const urls = [];
    if (!wikitext) return urls;

    const urlRegex = // eslint-disable-next-line max-len
      /(?:https?:\/\/|(?&lt;=^|[\s\[|=&lt;&gt;&quot;'])\/\/)(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_\+.~#?&amp;//=]*)/gi;
    let match;
    while ((match = urlRegex.exec(wikitext)) !== null) {
      const raw = match[0].startsWith('//') ? 'https:' + match[0] : match[0];
      try {
        const url = new URL(raw);
        if (/^https?:$/.test(url.protocol)) urls.push(url.href);
      } catch (error) {
        console.error(`Invalid URL rejected: ${match[0]}`, error.message);
      }
    }
    return urls;
  }

  /**
   * Web archive services whose URLs embed the original URL. Each entry's
   * `extract` returns the embedded URL string or null.
   */
  /** Restores &quot;https:/example.com&quot; (slash-collapsed by some archives) to &quot;https://example.com&quot;. */
  const fixScheme = s =&gt; s.replace(/^(https?:)\/+/i, '$1//');

  const archiveUnwrappers = [
    {
      // https://web.archive.org/web/20200101000000/https://example.com/page
      // (the embedded scheme is sometimes collapsed to &quot;https:/&quot;)
      test: h =&gt; h === 'web.archive.org' || h === 'wayback.archive.org',
      extract: u =&gt; {
        const m = u.pathname.match(/^\/web\/\d{1,14}[a-z_]*\/(https?:\/{1,2}.+)$/i);
        return m ? fixScheme(m[1]) : null;
      }
    },
    {
      // https://archive.blah/2020.01.01-000000/https://example.com/page
      test: h =&gt; /^archive\.(ph|today|is|li|vn|fo|md)$/i.test(h),
      extract: u =&gt; {
        const m = u.pathname.match(/^\/[^/]+\/(https?:\/{1,2}.+)$/i);
        return m ? fixScheme(m[1]) : null;
      }
    },
    {
      // https://webcache.googleusercontent.com/search?q=cache:https://example.com/page
      test: h =&gt; h === 'webcache.googleusercontent.com',
      extract: u =&gt; {
        const q = u.searchParams.get('q') || '';
        const m = q.match(/^cache:(?:[A-Za-z0-9_-]+:)?(.+)$/);
        if (!m) return null;
        return /^https?:\/\//i.test(m[1]) ? m[1] : 'https://' + m[1];
      }
    }
  ];

  /**
   * Resolves a URL to the hostname that should be screened. If the URL is a
   * web-archive capture of another page, the captured page's host is used.
   *
   * @param {string} url
   * @returns {{hostname: string, archiveHost: string|null}|null} Null if unparsable.
   */
  function screenedHost(url) {
    let current;
    try {
      current = new URL(url);
    } catch (e) {
      return null;
    }
    let archiveHost = null;
    for (let depth = 0; depth &lt; 3 &amp;&amp; UNWRAP_ARCHIVES; depth++) {
      const unwrapper = archiveUnwrappers.find(a =&gt; a.test(current.hostname));
      if (!unwrapper) break;
      const inner = unwrapper.extract(current);
      if (!inner) break;
      try {
        const innerUrl = new URL(inner);
        if (!/^https?:$/.test(innerUrl.protocol)) break;
        archiveHost = archiveHost || current.hostname;
        current = innerUrl;
      } catch (e) {
        break;
      }
    }
    return { hostname: current.hostname, archiveHost };
  }

  /**
   * Resolves URLs to screened domains and list indicators.
   *
   * @param {string[]} urls
   * @returns {Array&lt;{url: string, domain: string, indicator: string|null, archiveHost: string|null}&gt;}
   */
  function resolveURLs(urls) {
    const out = [];
    for (const url of urls || []) {
      const host = screenedHost(url);
      if (!host) continue;
      const domain = getRootDomain(host.hostname, publicSuffixSet);
      if (!domain) continue;
      out.push({ url, domain, indicator: highestIndicatorFor(domain), archiveHost: host.archiveHost });
    }
    return out;
  }

  /**
   * Returns the highest-priority list indicator that contains a domain.
   *
   * @param {string} domain
   * @returns {string|null}
   */
  function highestIndicatorFor(domain) {
    let chosen = null;
    for (const type of listedTypes) {
      if (indicators[type].list.has(domain) &amp;&amp;
        (!chosen || indicators[type].priority &gt; indicators[chosen].priority)) {
        chosen = type;
      }
    }
    return chosen;
  }

  /**
   * Returns the highest-priority type among a list of indicator types.
   *
   * @param {Array&lt;string|null&gt;} types
   * @returns {string|null}
   */
  function highestPriority(types) {
    let chosen = null;
    for (const t of types) {
      if (t &amp;&amp; (!chosen || indicators[t].priority &gt; indicators[chosen].priority)) chosen = t;
    }
    return chosen;
  }

  /**
   * Extracts the top-level domain from a full hostname using a public suffix set.
   *
   * @param {string} hostname - Full hostname (e.g., sub.example.co.uk).
   * @param {Set&lt;string&gt;} publicSuffixSet - Set of known public suffixes.
   * @returns {string} The top-level domain (e.g., example.co.uk).
   */
  function getRootDomain(hostname, publicSuffixSet) {
    // Handle empty or invalid hostnames
    if (!hostname || typeof hostname !== 'string') {
      console.warn('Invalid hostname provided to getRootDomain:', hostname);
      return '';
    }

    // Check if this is an IP address (simple check for IPv4)
    if (/^(\d{1,3}\.){3}\d{1,3}$/.test(hostname)) {
      return hostname; // Return IP addresses as-is
    }

    const domainParts = hostname.split('.');

    // Handle hostnames that are too short
    if (domainParts.length &lt; 2) {
      return hostname; // Return as-is if it's a single-part hostname
    }

    // Try to find a matching public suffix
    for (let i = 0; i &lt; domainParts.length; i++) {
      const candidate = domainParts.slice(i).join('.');

      // Check both normal and exception (prefixed with !) entries
      if (publicSuffixSet.has(candidate) || publicSuffixSet.has(`!${candidate}`)) {
        // If we found a match, return the domain part plus the public suffix
        // But make sure we don't go out of bounds
        if (i &gt; 0) {
          return domainParts.slice(i - 1).join('.');
        } else {
          // Edge case: the entire hostname is a public suffix
          return hostname;
        }
      }
    }

    // If no match in public suffix list, use a simple fallback:
    // For hostnames with 2 parts, return the whole thing
    // For hostnames with &gt;2 parts, return the last 2 parts
    if (domainParts.length === 2) {
      return hostname;
    } else {
      return domainParts.slice(-2).join('.');
    }
  }

  /**
   * Extracts the first page object from MediaWiki API query response.
   *
   * @param {Object} data - MediaWiki API response.
   * @returns {Object|null} The first page object or null if unavailable.
   */
  function getFirstPage(data) {
    if (!data || !data.query || !data.query.pages) return null;
    return Object.values(data.query.pages)[0] || null;
  }

  /**
   * Iterates every revision object in an API response, across all pages.
   * (A revids= query spanning several articles returns several page objects.)
   *
   * @param {Object|null} data - MediaWiki API response.
   * @returns {Object[]} Revision objects.
   */
  function allRevisionsIn(data) {
    if (!data || !data.query || !data.query.pages) return [];
    const out = [];
    for (const page of Object.values(data.query.pages)) {
      if (page &amp;&amp; Array.isArray(page.revisions)) out.push(...page.revisions);
    }
    return out;
  }

  /**
   * Returns the main-slot wikitext of a revision object, or null if the
   * revision is missing, hidden, or malformed.
   *
   * @param {Object} rev - Revision object from the API.
   * @returns {string|null}
   */
  function revisionText(rev) {
    if (!rev || rev.texthidden !== undefined) return null;
    const slot = rev.slots &amp;&amp; rev.slots.main;
    if (!slot || typeof slot['*'] !== 'string') return null;
    return slot['*'];
  }

  /**
   * Returns true if an API page object represents a page that cannot be
   * read (missing, invalid, or without an accessible revision).
   *
   * @param {Object} page - Page object from the API.
   * @returns {boolean}
   */
  function isUnreadablePage(page) {
    return !page || page.missing !== undefined || page.invalid !== undefined ||
      !Array.isArray(page.revisions) || page.revisions.length === 0;
  }

  /**
   * ==========================================================================
   * 4. Validation
   * ==========================================================================
   */

  /**
   * Validates that a string is a well-formed domain name.
   *
   * @param {string} str - The string to validate.
   * @returns {boolean} True if the string is a valid domain.
   */
  function isValidDomain(str) {
    if (!str || str.length === 0 || str.length &gt; 253) return false;
    if (!/^[a-zA-Z0-9._-]+$/.test(str)) return false;
    if (!str.includes('.')) return false;
    if (/\.\./.test(str) || str.startsWith('.') || str.endsWith('.')) return false;
    const labels = str.split('.');
    if (labels.some(l =&gt; l.length === 0 || l.length &gt; 63)) return false;
    return true;
  }

  /**
   * Validates that a string is a well-formed public suffix list entry.
   * Allows wildcard entries (e.g., *.ck) and exception entries (e.g., !www.ck).
   *
   * @param {string} str - The string to validate.
   * @returns {boolean} True if the string is a valid PSL entry.
   */
  function isValidSuffixEntry(str) {
    const cleaned = str.replace(/^[!*.]/, '');
    return /^[a-zA-Z0-9._-]+$/.test(cleaned) &amp;&amp; cleaned.length &gt; 0 &amp;&amp; cleaned.length &lt;= 253;
  }

  /**
   * Validates that a value is a string parseable as an absolute http(s) URL.
   * Used to re-validate anything read back from localStorage before it is
   * assigned to an href.
   *
   * @param {*} u - The value to validate.
   * @returns {boolean} True if the value is an http(s) URL.
   */
  function isValidHttpUrl(u) {
    if (typeof u !== 'string') return false;
    try {
      return /^https?:$/i.test(new URL(u).protocol);
    } catch (e) {
      return false;
    }
  }

  /**
   * Validates that a value is a plausible revision ID (a positive integer
   * string). Used before an ID is put into an API request or a cache key.
   *
   * @param {*} id - The value to validate.
   * @returns {boolean}
   */
  function isRevisionId(id) {
    return typeof id === 'string' &amp;&amp; /^[1-9][0-9]{0,15}$/.test(id);
  }

  /**
   * Validates that a string is a plausible MediaWiki page title.
   * Rejects titles with invalid characters, excessive length, or suspicious patterns.
   *
   * @param {string} title - The page title to validate.
   * @returns {boolean} True if the title looks like a valid page link.
   */
  function isValidPageTitle(title) {
    if (typeof title !== 'string') return false;
    if (title.length === 0 || title.length &gt; 255) return false;
    if (/[\[\]{}|#&lt;&gt;\n\r\t]/.test(title)) return false;
    if (title.includes('..')) return false;
    if (title.startsWith(':') || title.startsWith(' ') || title.endsWith(' ')) return false;
    return true;
  }

  /**
   * Determines whether a given page title does *not* belong to the main or draft namespaces.
   * A missing title is treated as &quot;not an article&quot; so the row is skipped rather
   * than crashing the run.
   *
   * @param {string} pageTitle - The title of the page.
   * @returns {boolean} True if not an article namespace.
   */
  function isNotArticle(pageTitle) {
    if (typeof pageTitle !== 'string') return true;
    return namespaces.some(namespace =&gt; pageTitle.startsWith(namespace));
  }

  /**
   * Checks whether an element matches the specified filter.
   *
   * @param {Element} element - The DOM element to test.
   * @param {string} filterId - The active filter ID.
   * @returns {boolean} True if the element matches the filter.
   */
  function elementMatchesFilter(element, filterId) {
    if (filterId === 'linkchange') {
      return element.hasAttribute('data-cw-linkchange') ||
        listedTypes.some(type =&gt; element.hasAttribute(indicators[type].dataAttr));
    }
    if (indicators[filterId] &amp;&amp; indicators[filterId].dataAttr) {
      return element.hasAttribute(indicators[filterId].dataAttr);
    }
    return false;
  }

  /**
   * ==========================================================================
   * 5. Fetch
   * ==========================================================================
   */

  /**
   * Fetches revisions by ID and returns them keyed by revision ID (as strings),
   * across all pages in the response.
   *
   * @param {string[]} revIds
   * @param {string[]} rvprop - Properties to request (always includes 'ids').
   * @returns {Promise&lt;Map&lt;string, Object&gt;|null&gt;} Map of id -&gt; revision object,
   *   or null if the request failed.
   */
  async function fetchRevisionsById(revIds, rvprop) {
    const data = await fetchRevisionData({
      revids: revIds,
      rvprop: unique(['ids', ...rvprop]),
      rvslots: ['main']
    });
    if (!data) return null;
    const out = new Map();
    for (const rev of allRevisionsIn(data)) {
      if (rev &amp;&amp; rev.revid !== undefined) out.set(String(rev.revid), rev);
    }
    return out;
  }

  /**
   * Fetches wikitext for a chunk of revision IDs in one request.
   *
   * @param {string[]} revIds - Revision IDs (at most CONTENT_CHUNK_SIZE).
   * @returns {Promise&lt;Map&lt;string, string|null&gt;|null&gt;} Map of id -&gt; wikitext
   *   (null for a revision that exists but is unreadable), or null if the
   *   request itself failed. IDs the API did not return are absent.
   */
  async function fetchRevisionTexts(revIds) {
    const revs = await fetchRevisionsById(revIds, ['content']);
    if (!revs) return null;
    return new Map(Array.from(revs, ([id, rev]) =&gt; [id, revisionText(rev)]));
  }
  /**
   * Fetches parent IDs and sizes for a list of revision IDs, chunked at the
   * API maximum and fetched concurrently.
   *
   * @param {string[]} revisionIds - Revision IDs.
   * @returns {Promise&lt;Object&gt;} Map of id -&gt; {parentid, size}; IDs that could
   *   not be resolved are absent.
   */
  async function fetchRevisionMetadata(revisionIds) {
    const result = {};
    const chunks = [];
    for (let i = 0; i &lt; revisionIds.length; i += METADATA_CHUNK_SIZE) {
      chunks.push(revisionIds.slice(i, i + METADATA_CHUNK_SIZE));
    }
    await runPool(chunks.map(chunk =&gt; async () =&gt; {
      const revs = await fetchRevisionsById(chunk, ['size']);
      for (const [id, rev] of revs || []) {
        result[id] = {
          parentid: rev.parentid || 0,
          size: typeof rev.size === 'number' ? rev.size : undefined
        };
      }
    }), CONTENT_CONCURRENCY);
    return result;
  }
  /**
   * Fetches a page's current wikitext (main slot) by title.
   *
   * @param {string} pageTitle
   * @returns {Promise&lt;string|null&gt;} Null if the page is missing, unreadable, or the request failed.
   */
  async function fetchPageWikitext(pageTitle) {
    if (!isValidPageTitle(pageTitle)) return null;
    const page = getFirstPage(await fetchRevisionData({
      titles: [pageTitle],
      rvprop: ['content'],
      rvslots: ['main']
    }));
    return isUnreadablePage(page) ? null : revisionText(page.revisions[0]);
  }

  /**
   * Fetches the ID of the first revision of a page.
   *
   * @param {string} pageTitle - The page title to look up.
   * @returns {number|null} Revision ID or null.
   */
  async function fetchFirstRevisionId(pageTitle) {
    if (!isValidPageTitle(pageTitle)) return null;
    const page = getFirstPage(await fetchRevisionData({
      titles: [pageTitle],
      rvlimit: 1,
      rvdir: 'newer',
      rvprop: ['ids'],
    }));
    if (isUnreadablePage(page)) return null;
    return page.revisions[0].revid || null;
  }
  /**
   * Fetches the list of subpages from the list of lists, parses wikilinks, caches
   * the result, and returns list of subpage titles.
   *
   * @param {string} pageName - Title of the list-of-lists page.
   * @returns {Promise&lt;string[]&gt;} List of subpage titles (empty on failure).
   */
  async function fetchDomainListPages(pageName) {
    const cacheKey = `citationWatchlistFetchDomainListPages_${pageName}`;
    const cachedContent = readCache(cacheKey);
    if (Array.isArray(cachedContent) &amp;&amp; cachedContent.length &gt; 0) {
      console.log('Loaded list of lists from cache');
      return cachedContent.filter(title =&gt; isValidPageTitle(title));
    }
    const content = await fetchPageWikitext(pageName);
    if (content === null) {
      console.error(`Citation Watchlist: list of lists &quot;${pageName}&quot; could not be loaded`);
      return [];
    }
    const pageTitles = [];
    for (const line of content.split('\n')) {
      if (!line.startsWith('* [[')) continue;
      const match = line.match(/\[\[([^\]]+)\]\]/); // first [[Page Title]]
      if (!match) continue;
      const title = match[1];
      if (isValidPageTitle(title)) {
        pageTitles.push(title);
      } else {
        console.warn(`Rejected invalid page title: &quot;${title}&quot;`);
      }
    }
    if (pageTitles.length &gt; 0) {
      writeCache(cacheKey, pageTitles);
      console.log('Loaded from API and stored in cache');
    }
    return pageTitles;
  }

  /**
   * Parses one domain list page into per-indicator domain arrays.
   * Entries that are not bare domains are collected as lint. A leading &quot;www.&quot;
   * is stripped (with a lint note), since root domains never carry it.
   *
   * @param {string} title - Page title, for lint messages.
   * @param {string} content - Page wikitext.
   * @returns {Object} {warning: string[], caution: string[], inspect: string[], lint: string[]}
   */
  function parseDomainList(title, content) {
    const parsed = { lint: [] };
    for (const type of listedTypes) parsed[type] = [];
    let current = null;
    for (const line of content.split('\n')) {
      const trimmed = line.trim();
      if (/^==/.test(trimmed)) {
        // Any heading ends the current section; only recognized ones open a new one.
        current = listedTypes.find(t =&gt; indicators[t].section === trimmed) || null;
        continue;
      }
      if (!line.startsWith('*') || !current) continue;
      let domain = line.substring(1).trim().toLowerCase();
      if (!domain) continue;
      if (/^www\./.test(domain) &amp;&amp; isValidDomain(domain.slice(4))) {
        parsed.lint.push(`${title}: &quot;${domain}&quot; has a www. prefix; matched as &quot;${domain.slice(4)}&quot;`);
        domain = domain.slice(4);
      }
      if (isValidDomain(domain)) {
        if (parsed[current].length &lt; MAX_DOMAINS_PER_LIST) {
          parsed[current].push(domain);
        } else {
          parsed.lint.push(`${title}: cap of ${MAX_DOMAINS_PER_LIST} reached in ${current}`);
        }
      } else {
        parsed.lint.push(`${title}: &quot;${domain}&quot; is not a bare domain (paths, wildcards and ` +
          `bare TLDs are not supported) and was ignored`);
      }
    }
    return parsed;
  }

  /**
   * Loads domain lists from a set of pages (parsed form cached per page) and
   * populates the `Set` of each indicator. Pages that are missing or fail to
   * load are skipped and recorded in loadWarnings; the remaining lists still load.
   *
   * @param {string[]} pageNames - List of page titles to fetch.
   */
  async function fetchAndOrganizeDomainLists(pageNames) {
    const parsedLists = [];
    const pagesToFetch = [];
    const isParsed = p =&gt; p &amp;&amp; typeof p === 'object' &amp;&amp; listedTypes.every(t =&gt; Array.isArray(p[t]));
    for (const title of pageNames) {
      const cached = readCache(`domainList:${location.hostname}:${title}`);
      if (isParsed(cached)) {
        parsedLists.push(cached);
      } else {
        pagesToFetch.push(title);
      }
    }
    if (pagesToFetch.length &gt; 0) {
      const apiData = await fetchRevisionData({
        titles: pagesToFetch,
        rvprop: ['content'],
        rvslots: ['main'],
      });
      const pages = (apiData &amp;&amp; apiData.query &amp;&amp; apiData.query.pages) || null;
      if (!pages) {
        loadWarnings.push(`API request for ${pagesToFetch.length} list page(s) failed`);
        console.error('Citation Watchlist: domain list fetch failed for', pagesToFetch);
      } else {
        // The API normalizes titles (underscores -&gt; spaces); cache under the
        // requested spelling so the next load hits.
        const requestedFor = {};
        for (const t of pagesToFetch) requestedFor[t.replace(/_/g, ' ')] = t;
        for (const page of Object.values(pages)) {
          const title = page.title || '?';
          if (isUnreadablePage(page)) {
            loadWarnings.push(`List page &quot;${title}&quot; is missing or unreadable`);
            console.warn(`Citation Watchlist: skipping list page &quot;${title}&quot;`);
            continue;
          }
          const content = revisionText(page.revisions[0]);
          if (content === null) {
            loadWarnings.push(`List page &quot;${title}&quot; has no readable content`);
            continue;
          }
          const parsed = parseDomainList(title, content);
          parsedLists.push(parsed);
          const cacheTitle = requestedFor[title] || title;
          writeCache(`domainList:${location.hostname}:${cacheTitle}`, parsed);
        }
      }
    }
    for (const parsed of parsedLists) {
      for (const type of listedTypes) {
        for (const domain of parsed[type]) {
          if (isValidDomain(domain)) indicators[type].list.add(domain);
        }
      }
      if (Array.isArray(parsed.lint)) {
        listLint.push(...parsed.lint.filter(l =&gt; typeof l === 'string'));
      }
    }
  }

  /**
   * Fetches and caches the public suffix list used to identify top-level domains.
   * The cache holds the validated entries, so cached loads skip parsing.
   *
   * @returns {Promise&lt;Set&lt;string&gt;&gt;} Set of public suffixes.
   */
  async function fetchPublicSuffixList() {
    const cacheKey = 'publicSuffixListCache';
    const cached = readCache(cacheKey);
    if (Array.isArray(cached) &amp;&amp; cached.length &gt;= MIN_PSL_ENTRIES) {
      console.log('Using cached public suffix list');
      return new Set(cached.filter(e =&gt; typeof e === 'string' &amp;&amp; isValidSuffixEntry(e)));
    }
    const pslUrl = mw.config.get('wgArticlePath').replace('$1', publicSuffixList) +
      '?action=raw';
    console.log(`Raw page text request: ${pslUrl}`);
    const content = await safeFetch(fetch, pslUrl).then(response =&gt; response ?
      response.text() : null);
    if (!content) return new Set();
    const entries = [];
    for (const line of content.split('\n')) {
      const trimmed = line.trim();
      if (trimmed &amp;&amp; !trimmed.startsWith('//') &amp;&amp; isValidSuffixEntry(trimmed)) {
        entries.push(trimmed);
      }
    }
    if (entries.length &lt; MIN_PSL_ENTRIES) {
      console.error(`Public suffix list suspiciously small (${entries.length} entries), rejecting`);
      return new Set();
    }
    // Only cache a list that passed validation
    writeCache(cacheKey, entries);
    return new Set(entries);
  }

  /**
   * Makes a MediaWiki API call to fetch revision metadata or content.
   *
   * @param {Object} data - Options for the API call, such as `revids`, `titles`, `rvprop`, etc.
   * @returns {Promise&lt;Object|null&gt;} MediaWiki API query result, or null on failure.
   */
  async function fetchRevisionData(data) {
    const paramKeys = ['rvprop', 'revids', 'titles', 'rvslots'];
    const params = {
      action: 'query',
      prop: 'revisions',
      format: 'json',
      rvdir: data.rvdir || 'older',
      origin: '*'
    };
    if (data.rvlimit) {
      params.rvlimit = data.rvlimit;
    }
    paramKeys.forEach(key =&gt; {
      if (data[key]) {
        params[key] = Array.isArray(data[key]) ? data[key].join('|') : data[key];
      }
    });
    const api = new mw.Api();
    return await safeFetch(api.get.bind(api), params);
  }

  /**
   * Wraps any asynchronous fetch function with retry logic and error handling.
   *
   * @param {Function} fn - The function to execute (usually an API call).
   * @param {...any} args - Arguments to pass to the fetch function.
   * @returns {Promise&lt;any|null&gt;} Result of the fetch or null on failure.
   */
  async function safeFetch(fn, ...args) {
    const retries = 2;
    const retryDelay = 1000;
    const maxAttempts = retries + 1;

    for (let attempt = 1; attempt &lt;= maxAttempts; attempt++) {
      try {
        const result = await fn(...args);
        if (result === null || result === undefined) {
          throw new Error('Received null or undefined response');
        }
        if (typeof result.ok === 'boolean' &amp;&amp; !result.ok) {
          throw new Error(`HTTP error ${result.status}: ${result.statusText || 'Unknown error'}`);
        }
        return result;
      } catch (error) {
        if (attempt &lt; maxAttempts) {
          console.warn(
            `Error during ${fn.name || 'fetch operation'} (attempt ${attempt}/${maxAttempts}):`,
            error.message || error);
          await new Promise(resolve =&gt; setTimeout(resolve, retryDelay));
        } else {
          console.error(
            `All ${maxAttempts} attempts failed for ${fn.name || 'fetch operation'}:`,
            error.message || error);
        }
      }
    }
    return null;
  }

  /**
   * ==========================================================================
   * 6. Cache
   * ==========================================================================
   */

  /**
   * Returns every localStorage key with the given prefix. Snapshotting the keys
   * first means callers can remove entries without the index shifting under them.
   *
   * @param {string} prefix - Key prefix to match.
   * @returns {string[]}
   */
  function cacheKeysWithPrefix(prefix) {
    const keys = [];
    try {
      for (let i = 0; i &lt; localStorage.length; i++) {
        const key = localStorage.key(i);
        if (key &amp;&amp; key.startsWith(prefix)) keys.push(key);
      }
    } catch (e) {
      /* storage unavailable */
    }
    return keys;
  }

  /**
   * Removes every localStorage key with the given prefix.
   *
   * @param {string} prefix
   */
  function removeKeysWithPrefix(prefix) {
    for (const key of cacheKeysWithPrefix(prefix)) localStorage.removeItem(key);
  }

  /**
   * Runs all cache maintenance: retired prefixes, version invalidation, and
   * (at most once per CACHE_PURGE_INTERVAL) expiry and eviction.
   */
  function purgeCaches() {
    try {
      purgeStaleVersionedCaches();
      const lastKey = 'citationWatchlist_lastPurge';
      const last = parseInt(localStorage.getItem(lastKey), 10);
      if (isNaN(last) || Date.now() - last &gt; CACHE_PURGE_INTERVAL) {
        purgeExpiredCache();
        localStorage.setItem(lastKey, Date.now().toString());
      }
    } catch (e) {
      console.warn('Citation Watchlist: cache maintenance failed:', e);
    }
  }

  /**
   * Removes caches from retired prefixes and purges cached entries whose stored
   * version is older than the current version. Each cache type tracks its own
   * version independently via a localStorage key.
   */
  function purgeStaleVersionedCaches() {
    for (const prefix of retiredCachePrefixes) {
      removeKeysWithPrefix(prefix);
      localStorage.removeItem(`citationWatchlist_cacheVersion:${prefix}`);
    }
    for (const cache of cacheConfig) {
      const versionKey = `citationWatchlist_cacheVersion:${cache.prefix}`;
      const storedVersion = parseInt(localStorage.getItem(versionKey), 10);
      const effectiveVersion = isNaN(storedVersion) ? 0 : storedVersion;
      if (effectiveVersion &lt; cache.version) {
        removeKeysWithPrefix(cache.prefix);
        try {
          localStorage.setItem(versionKey, cache.version.toString());
        } catch (e) {
          console.warn('Cache version write error:', e);
        }
        console.log(`Cache invalidated for &quot;${cache.prefix}&quot;: version ${effectiveVersion} → ${cache.version}`);
      }
    }
  }

  /**
   * Removes expired localStorage cache entries and enforces per-cache entry
   * caps by evicting the oldest entries.
   */
  function purgeExpiredCache() {
    const now = Date.now();
    const stats = { checked: 0, expired: 0, evicted: 0, errors: 0 };

    for (const cache of cacheConfig) {
      // Snapshot keys first so removals do not shift the iteration index
      const survivors = []; // { key, timestamp }
      for (const key of cacheKeysWithPrefix(cache.prefix)) {
        stats.checked++;
        try {
          const value = localStorage.getItem(key);
          let parsed = null;
          try {
            parsed = value ? JSON.parse(value) : null;
          } catch (jsonError) {
            stats.errors++;
          }
          if (!parsed || typeof parsed.timestamp !== 'number' || now - parsed.timestamp &gt; cache.ttl) {
            localStorage.removeItem(key);
            stats.expired++;
            continue;
          }
          survivors.push({ key, timestamp: parsed.timestamp });
        } catch (itemError) {
          stats.errors++;
          try {
            localStorage.removeItem(key);
          } catch (e) { /* ignore */ }
        }
      }
      if (cache.maxEntries &amp;&amp; survivors.length &gt; cache.maxEntries) {
        survivors.sort((a, b) =&gt; a.timestamp - b.timestamp);
        const excess = survivors.length - cache.maxEntries;
        for (let i = 0; i &lt; excess; i++) {
          localStorage.removeItem(survivors[i].key);
          stats.evicted++;
        }
      }
    }
    if (stats.checked &gt; 0) {
      console.log(`Cache cleanup: checked ${stats.checked}, expired ${stats.expired}, ` +
        `evicted ${stats.evicted}, errors ${stats.errors}`);
    }
  }

  /**
   * Looks up the cache configuration whose prefix matches a key.
   *
   * @param {string} key - A cache key or prefix.
   * @returns {Object|undefined}
   */
  function cacheConfigFor(key) {
    return cacheConfig.find(c =&gt; key.startsWith(c.prefix));
  }
  /**
   * Reads a JSON cache entry from localStorage, returning the stored content
   * if it exists and has not expired (TTL taken from the key's cacheConfig
   * entry). Callers must validate the shape of the returned content.
   *
   * @param {string} key - The localStorage key.
   * @returns {*|null} The cached content, or null if missing/expired/invalid.
   */
  function readCache(key) {
    const config = cacheConfigFor(key);
    let raw;
    try {
      raw = config ? localStorage.getItem(key) : null;
    } catch (e) {
      return null;
    }
    if (!raw) return null;
    try {
      const parsed = JSON.parse(raw);
      if (parsed &amp;&amp; typeof parsed.timestamp === 'number' &amp;&amp;
        (Date.now() - parsed.timestamp &lt; config.ttl) &amp;&amp; parsed.content !== undefined) {
        return parsed.content;
      }
    } catch (e) {
      console.warn('Cache read error:', e);
    }
    return null;
  }
  /**
   * Writes a JSON cache entry to localStorage with an embedded timestamp.
   * Failures (e.g. quota exceeded) are logged and otherwise ignored; the
   * cache is an optimization, never a dependency.
   *
   * @param {string} key - The localStorage key.
   * @param {*} content - The data to cache.
   */
  function writeCache(key, content) {
    try {
      localStorage.setItem(key, JSON.stringify({ timestamp: Date.now(), content }));
    } catch (e) {
      console.warn('Cache write error:', e);
    }
  }

  /**
   * ==========================================================================
   * 7. Entry Point
   * ==========================================================================
   */

  analyzeView().catch(e =&gt; {
    console.error('Citation Watchlist: unrecoverable error:', e);
    loadWarnings.push('Citation Watchlist stopped early due to an error (see console)');
    finishChangeListPass();
  }).then(() =&gt; {
    console.log('Citation Watchlist script finished executing');

    // On enhanced RC pages, hide the summary gutter on a group's header row
    // while the group is expanded (each nested row then shows its own).
    document.querySelectorAll('table.mw-enhanced-rc').forEach(table =&gt; {
      const checkbox = groupToggleCheckbox(table);
      if (!checkbox) return;
      checkbox.addEventListener('change', () =&gt; {
        const topRow = table.querySelector('tr');
        const gutter = topRow &amp;&amp; topRow.querySelector('.cw-gutter');
        if (!gutter) return;
        const host = gutter.parentElement;
        gutter.style.display = checkbox.checked ? 'none' : 'inline-flex';
        if (host) host.style.paddingLeft = checkbox.checked ? '' : 'calc(2em + 0.5em)';
      });
    });
  });

})();</text>
      <sha1>ak8yx1k7vetaufc6h8g1ksu1qhi1f3r</sha1>
    </revision>
    <revision>
      <id>781271</id>
      <parentid>781270</parentid>
      <timestamp>2026-10-27T23:38:07Z</timestamp>
      <contributor>
        <username>Harej</username>
        <id>7994</id>
      </contributor>
      <comment>Adding date</comment>
      <origin>781271</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="100775" sha1="sikba0s311o9rl4es3t75tbkkz1cem1" xml:space="preserve">/**
 *
 * Citation Watchlist
 * https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist
 *
 */

(function() {
  'use strict';

  /**
   * ==========================================================================
   * LOCALIZATION
   * ==========================================================================
   */


  /* Labeling tool in the user interface */
  const toolName              =  'Citation Watchlist';
  const aboutLink             =  'https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist';

  /* Revision inspection popup */
  const addedLabel            =  'Added';
  const removedLabel          =  'Removed';
  const viewDiffLabel         =  'View Diff';
  const viewRevisionLabel     =  'View Revision';
  const aboutLabel            =  'About Citation Watchlist';
  const archivedViaLabel      =  'Archived copy hosted at';

  /* Filter widget */
  const showEditsLabel        =  'Show edits:';
  const loadingLabel          =  'Loading...';
  const allLabel              =  'All';
  const linkChangesLabel      =  'Link Changes';
  const linkChangesTooltip    =  'Edits that add or remove links in articles';
  const noMatchingEditsLabel  =  'No matching edits';

  /* Load-failure indicator */
  const loadWarningGlyph      =  '⚠';
  const loadWarningPrefix     =  'Some Citation Watchlist lists could not be loaded:';


  /**
   * ==========================================================================
   * DOMAIN LIST CONFIGURATION
   * ==========================================================================
   *
   * Citation Watchlist requires the following wiki pages to function:
   *
   * 1. Public Suffix List
   *    - A local copy of the public suffix list, used for domain parsing.
   *    - Copy the contents of:
   *        https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist/Public_Suffix_List
   *      to a page on your own wiki.
   *    - Update the `publicSuffixList` variable below to reflect your page title.
   *
   * 2. List of Lists
   *    - A page linking to one or more domain list pages.
   *    - Format as a bullet list: &quot;* [[Page Title]]&quot; (space after asterisk).
   *    - Reference formatting example:
   *        https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist/Lists
   *    - Update the `listOfLists` variable below accordingly.
   *
   * 3+. Domain List Pages
   *    - One or more pages listing suspicious or noteworthy domains.
   *    - Each page must contain section headers that match the `indicators` config
   *      below (e.g., &quot;==Warn==&quot;, &quot;==Caution==&quot;).
   *    - Under each section, list domains in the format: &quot;* example.com&quot;
   *    - Do not use link formatting—just plain text.
   *    - Entries with paths (&quot;example.com/opinion&quot;), no dot (&quot;gov&quot;), or a
   *      leading &quot;www.&quot; are not supported and are reported in the console.
   */


  const publicSuffixList       =  'Wikipedia:Citation_Watchlist/Public_Suffix_List';
  const listOfLists            =  'Wikipedia:Citation_Watchlist/Lists';
  const enabledNamespaces      =  [-1, 0, 118];
  const enabledSectionHeaders  =  ['References'];

  /**
   * Detection options.
   * - UNWRAP_ARCHIVES: screen the original URL embedded in a web archive link
   *   (web.archive.org, archive.today, Google cache) rather than the archive
   *   host. The popup still links to the cited archive URL.
   * - SHOW_LINT_IN_WIDGET: also show domain-list lint (ignored entries) in the
   *   filter widget's warning tooltip. Lint always goes to the console.
   */
  const UNWRAP_ARCHIVES        =  true;
  const SHOW_LINT_IN_WIDGET    =  false;

  /**
   * ==========================================================================
   * INDICATOR CONFIGURATION
   * ==========================================================================
   *
   * Defines metadata for domain indicators used in the watchlist UI.
   * Each indicator is associated with a level of urgency and a unique symbol.
   *
   * Fields:
   * - msg:      Display label for the level (e.g., &quot;Warning&quot;, &quot;Caution&quot;).
   * - emoji:    Unicode character for the visual indicator (escaped as `\uXXXX`).
   * - section:  Must exactly match the section headers in the domain list pages.
   * - priority: Higher values override lower ones for conflicting domain matches.
   *             Priority scale: 1 (lowest) to N (highest).
   * - list:     Defined as &quot;new Set()&quot; for all indicator types.
   *
   * If a domain appears in multiple lists, the one with the highest priority
   * takes precedence.
   */


  const indicators = {
    warning: {
      msg:          'Warning',
      emoji:        '❗',
      section:      '==Warn==',
      explanation:  'This domain is classified as an unreliable source',
      priority:     3,
      dataAttr:     'data-cw-linkwarn',
      list:         new Set()
    },
    caution: {
      msg:          'Caution',
      emoji:        '✋',
      section:      '==Caution==',
      explanation:  'This source may be unreliable depending on context',
      priority:     2,
      dataAttr:     'data-cw-linkcaution',
      list:         new Set()
    },
    inspect: {
      msg:          'Inspect',
      emoji:        '🔎',
      section:      '==Inspect==',
      explanation:  'Take a closer look at this particular source',
      priority:     1,
      dataAttr:     'data-cw-linkinspect',
      list:         new Set()
    },
    added: {
      msg:          addedLabel,
      emoji:        '\u{1F517}',
      section:      null,
      explanation:  'All added links',
      priority:     0,
      list:         new Set()
    },
    removed: {
      msg:          removedLabel,
      emoji:        '\u{1F5D1}',
      section:      null,
      explanation:  'All removed links',
      priority:     -1,
      list:         new Set()
    }
  };

  /** Indicator types that come from the domain lists (priority &gt; 0). */
  const listedTypes = Object.keys(indicators).filter(t =&gt; indicators[t].priority &gt; 0);


  /**
   * Citation Watchlist
   *
   * Highlights potentially questionable citations added in Wikipedia revisions
   * based on community-built lists of domain names
   *
   *
   * Documentation: https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist
   *
   * Author: James Hare
   * License: GNU General Public License v3.0 (GPL-3.0)
   *
   * @version 2.5
   * @since 2026-10-27
   */


  /**
   * IF YOU WANT TO MODIFY any part of the script below this point, please submit
   * your edits to https://test.wikipedia.org/wiki/User:Harej/citation-watchlist.js
   * so that your modifications can be tested.
   */


  let publicSuffixSet = new Set();
  const MAX_DOMAINS_PER_LIST = 50000;
  const MIN_PSL_ENTRIES = 1000;

  /**
   * Revisions larger than this are not scanned. MediaWiki's own page-size
   * limit is 2 MiB, so this only trips on pathological cases; it bounds the
   * download and regex work done per row.
   */
  const MAX_REVISION_CHARS = 2 * 1024 * 1024;

  /**
   * Revision fetching strategy. Rows are never fetched one at a time: revision
   * IDs are grouped into small chunks (so the first chunk returns quickly and
   * its rows render while the rest are still in flight), several chunks are
   * kept in flight at once, and rows are annotated the moment their chunk
   * arrives. Concurrency is capped because origin=* requests are anonymous and
   * therefore per-IP rate limited (see release notes for 1.5/1.6).
   */
  const CONTENT_CHUNK_SIZE = 8;             // max revisions per content request
  const CONTENT_CHUNK_BYTES = 400 * 1024;   // soft byte budget per chunk when sizes are known
  const CONTENT_CONCURRENCY = 4;            // simultaneous content requests
  const METADATA_CHUNK_SIZE = 50;           // revids per ids|size request (API max for users)
  const ASSUMED_REVISION_BYTES = 40 * 1024; // chunking estimate when size is unknown
  const LIVE_RELOAD_DEBOUNCE_MS = 250;      // settle time after the change list is replaced

  /**
   * Non-fatal problems encountered while loading configuration (missing list
   * pages, API failures). Surfaced in the filter widget so list maintainers
   * notice quickly, instead of the tool silently running with partial data.
   */
  const loadWarnings = [];

  /**
   * Domain-list lint: entries that were ignored because they are not bare
   * domains. Always logged; shown in the widget only if SHOW_LINT_IN_WIDGET.
   */
  const listLint = [];

  /**
   * Unified cache configuration. Each entry defines a cache key prefix, its TTL,
   * version number, an optional cap on the number of entries kept, and a
   * human-readable description.
   *
   * - revURLs:  per-revision list of extracted URLs. Revisions are immutable,
   *   so the TTL and cap exist only to bound storage.
   * - sectionURLs: per-revision, per-section URL map from rendered article HTML.
   * - domainList: parsed domain lists ({warning: [...], caution: [...], ...}).
   * - publicSuffixListCache: validated PSL entries as an array.
   * - citationWatchlistFetchDomainListPages_: list-of-lists page titles.
   */
  const cacheConfig = [
    {
      prefix: 'revURLs:',
      ttl: 30 * 24 * 60 * 60 * 1000,
      version: 1,
      maxEntries: 4000,
      description: 'Revision URL cache'
    },
    {
      prefix: 'sectionURLs:',
      ttl: 30 * 24 * 60 * 60 * 1000,
      version: 1,
      maxEntries: 500,
      description: 'Article section URL cache'
    },
    {
      prefix: 'domainList:',
      ttl: 6 * 60 * 60 * 1000,
      version: 1,
      description: 'Domain list cache'
    },
    {
      prefix: 'publicSuffixListCache',
      ttl: 24 * 60 * 60 * 1000,
      version: 1,
      description: 'Public suffix list cache'
    },
    {
      prefix: 'citationWatchlistFetchDomainListPages_',
      ttl: 4 * 60 * 60 * 1000,
      version: 0,
      description: 'Domain list pages cache'
    }
  ];

  /** Cache prefixes from earlier versions, removed on startup. */
  const retiredCachePrefixes = ['revisionDiff:'];

  /** How often (ms) the full localStorage expiry/eviction pass runs. */
  const CACHE_PURGE_INTERVAL = 60 * 60 * 1000;

  /**
   * ==========================================================================
   * 1. Primary Workflow
   * ==========================================================================
   */

  /** Resolves once the PSL and domain lists are loaded (true) or failed (false). */
  let configReady = null;

  /** Rows already handed to processRevisions(), so live reloads only pick up new ones. */
  const seenRows = new WeakSet();

  /**
   * Loads the public suffix list and the domain lists, in parallel. Never
   * throws; failures are recorded in loadWarnings.
   *
   * @returns {Promise&lt;boolean&gt;} True if the tool can screen domains.
   */
  async function loadConfiguration() {
    try {
      const [psl, listPages] = await Promise.all([
        fetchPublicSuffixList(),
        fetchDomainListPages(listOfLists)
      ]);
      publicSuffixSet = psl;
      if (publicSuffixSet.size === 0) {
        console.error('Public Suffix List loading failed');
        loadWarnings.push('Public Suffix List could not be loaded');
        return false;
      }
      console.log('Welcome to Citation Watchlist');
      if (listPages &amp;&amp; listPages.length &gt; 0) {
        await fetchAndOrganizeDomainLists(listPages);
      } else {
        loadWarnings.push(`Could not load list of lists (${listOfLists})`);
      }
      if (listLint.length &gt; 0) {
        console.warn(`Citation Watchlist: ${listLint.length} domain-list entries were ignored:\n` +
          listLint.join('\n'));
      }
      return true;
    } catch (e) {
      console.error('Citation Watchlist: configuration load failed:', e);
      loadWarnings.push('Configuration could not be loaded (see console)');
      return false;
    }
  }

  /**
   * Function called by the entry point for Citation Watchlist.
   * Determines if the current page should be analyzed, starts loading the
   * configuration, collects the revisions behind each change-list row, and
   * fetches and annotates them while the configuration loads.
   */
  async function analyzeView() {
    purgeCaches();
    const ns = mw.config.get('wgNamespaceNumber');
    const inspectEnabled = enabledNamespaces.includes(ns);

    // Start the configuration load immediately; nothing below waits on it
    // until the first row is ready to render.
    if (inspectEnabled) {
      configReady = loadConfiguration();
    }

    // Article surface: scan enabled sections for watchlisted domains
    const action = mw.config.get('wgAction');
    if (action === 'view' &amp;&amp; ns &gt;= 0 &amp;&amp; inspectEnabled) {
      if (await configReady) {
        await analyzeArticleSections();
      }
      return;
    }

    // Pre-pad change log lines immediately on Special:RecentChanges for visual stability
    if (ns === -1) {
      document.querySelectorAll('li.mw-changeslist-line, .mw-changeslist-line')
        .forEach(line =&gt; prePadElement(line));
      flushGutterPadding();
    }

    if (!inspectEnabled) {
      return;
    }
    createChangeListFilterWidget();
    await annotateChangeList(document, true);
    installLiveReloadObserver();
  }

  /**
   * Collects and annotates every unseen change-list row under `root`.
   *
   * @param {Document|Element} root - Where to look for rows.
   * @param {boolean} allowFirstRevisionFallback - On a page history with no
   *   diff links (single-revision page), analyze the page's first revision.
   */
  async function annotateChangeList(root, allowFirstRevisionFallback) {
    const revisions = [];
    let noLinks = true;

    // Prefer iterating per-change rows when available (JS-enhanced watchlist/RC);
    // fall back to link containers on non-enhanced layouts.
    const unseen = selector =&gt; Array.from(root.querySelectorAll(selector)).filter(el =&gt; !seenRows.has(el));
    let entries = unseen('[data-mw-revid]:not(.mw-userlink), .mw-changeslist-line');
    let prePadCallback = null;
    if (entries.length &gt; 0) {
      entries.forEach(line =&gt; prePadElement(line));
      flushGutterPadding();
    } else {
      entries = unseen('.mw-changeslist-links');
      prePadCallback = (_el, link) =&gt; {
        const target = link.parentNode.parentNode;
        prePadElement(target);
        flushGutterPadding();
        return target;
      };
    }

    for (const entry of entries) {
      seenRows.add(entry);
      const result = await extractEntry(entry, entry, prePadCallback);
      if (result.hasLink) noLinks = false;
      if (!result.skip &amp;&amp; result.revision) revisions.push(result.revision);
    }

    // If no links were found, extract the first revision ID
    if (allowFirstRevisionFallback &amp;&amp; noLinks &amp;&amp; entries.length &gt; 0) {
      try {
        const firstID = await fetchFirstRevisionId(mw.config.get('wgTitle'));
        if (firstID) {
          revisions.push({
            oldrevision: String(firstID),
            element: entries[0],
            viewHref: buildPermalinkUrl(firstID),
            viewLabel: viewRevisionLabel
          });
        }
      } catch (e) {
        console.warn('Citation Watchlist: single-revision fallback failed:', e);
      }
    }

    await processRevisions(revisions);
    finishChangeListPass();
  }

  /**
   * Extracts the revision behind one change-list entry, isolating failures so
   * that a single malformed row does not abort the remaining rows.
   *
   * @param {Element} container - The DOM element to query for revision links.
   * @param {Element} element - The DOM element to attach to the revision object.
   * @param {Function|null} prePadCallback - See extractRevisionFromLinks.
   * @returns {Promise&lt;{revision: Object|null, hasLink: boolean, skip: boolean}&gt;}
   */
  async function extractEntry(container, element, prePadCallback) {
    try {
      return await extractRevisionFromLinks(container, element, prePadCallback);
    } catch (e) {
      console.warn('Citation Watchlist: skipping entry due to error:', e);
      // Report hasLink=true so a row-level failure never triggers the
      // single-revision fallback for the whole page.
      return { revision: null, hasLink: true, skip: true };
    }
  }

  /**
   * Annotates a set of revisions with as little latency as possible:
   *
   * 1. Parent IDs (for diff=prev and history rows) and sizes are resolved in
   *    one metadata request, only when any row needs them.
   * 2. Per-revision URL lists already in the cache are used directly.
   * 3. Remaining revision IDs are deduplicated (history rows share revisions),
   *    chunked in DOM order, fetched with bounded concurrency, and each row is
   *    rendered as soon as every revision it depends on is available. Fetching
   *    overlaps the configuration load; only rendering waits for it.
   *
   * @param {Object[]} revisions - Revision objects from extractRevisionFromLinks.
   */
  async function processRevisions(revisions) {
    if (revisions.length === 0) return;

    // --- 1. Resolve parents / sizes ---------------------------------------
    const parentLookups = revisions.filter(r =&gt; r.needsParentOf).map(r =&gt; r.needsParentOf);
    let metadata = {};
    if (parentLookups.length &gt; 0) {
      metadata = await fetchRevisionMetadata(unique(parentLookups));
      for (const revision of revisions) {
        if (!revision.needsParentOf) continue;
        const currentId = revision.needsParentOf;
        const meta = metadata[currentId];
        delete revision.needsParentOf;
        if (meta &amp;&amp; meta.parentid) {
          revision.oldrevision = String(meta.parentid);
          revision.newrevision = currentId;
          if (revision.pageTitle &amp;&amp; !revision.viewHref) {
            revision.viewHref = buildDiffUrl(revision.pageTitle,
              revision.oldrevision, revision.newrevision);
          }
        } else if (meta) {
          // First revision of the page: everything in it was &quot;added&quot;
          revision.oldrevision = currentId;
          revision.newrevision = null;
          revision.viewHref = buildPermalinkUrl(currentId);
          revision.viewLabel = viewRevisionLabel;
        } else {
          markSkipped(revision, 'fetch-failed');
          revision.oldrevision = null;
        }
      }
    }

    // --- 2. Per-revision URL lists from cache; queue the rest --------------
    const urlLists = new Map(); // id -&gt; string[] | null (null = unreadable)
    const pending = [];         // { revision, needs: string[] }
    for (const revision of revisions) {
      if (revision.skipped) continue;
      if (!isRevisionId(revision.oldrevision) ||
        (revision.newrevision &amp;&amp; !isRevisionId(revision.newrevision))) {
        markSkipped(revision, 'invalid');
        continue;
      }
      const needs = [revision.oldrevision];
      if (revision.newrevision) needs.push(revision.newrevision);
      for (const id of needs) {
        if (urlLists.has(id)) continue;
        const cached = readCache(`revURLs:${location.hostname}:${id}`);
        if (Array.isArray(cached)) urlLists.set(id, cached.filter(isValidHttpUrl));
      }
      pending.push({ revision, needs });
    }
    if (pending.length === 0) return;

    // --- 3. Fetch missing content in chunks; render as data arrives --------
    const neededIds = unique(pending.flatMap(p =&gt; p.needs)).filter(id =&gt; !urlLists.has(id));
    const oversized = new Set();
    for (const id of neededIds) {
      const meta = metadata[id];
      if (meta &amp;&amp; typeof meta.size === 'number' &amp;&amp; meta.size &gt; MAX_REVISION_CHARS) {
        oversized.add(id);
        urlLists.set(id, null);
      }
    }
    const chunks = chunkRevisionIds(neededIds.filter(id =&gt; !oversized.has(id)), metadata);

    let canRender = false;
    const settle = () =&gt; {
      if (!canRender) return;
      for (let i = pending.length - 1; i &gt;= 0; i--) {
        const item = pending[i];
        if (!item.needs.every(id =&gt; urlLists.has(id))) continue;
        pending.splice(i, 1);
        if (item.needs.some(id =&gt; oversized.has(id))) {
          markSkipped(item.revision, 'oversized');
          continue;
        }
        const oldList = urlLists.get(item.revision.oldrevision);
        const newList = item.revision.newrevision ? urlLists.get(item.revision.newrevision) : null;
        if (oldList === null || (item.revision.newrevision &amp;&amp; newList === null)) {
          markSkipped(item.revision, 'fetch-failed');
          continue;
        }
        const diff = computeURLDiff(oldList, newList, !!item.revision.newrevision);
        renderRevision(item.revision, diff.addedURLs, diff.removedURLs);
      }
      flushGutterPadding();
    };

    const onText = (id, text) =&gt; {
      if (text === null) {
        urlLists.set(id, null);
        return;
      }
      if (text.length &gt; MAX_REVISION_CHARS) {
        oversized.add(id);
        urlLists.set(id, null);
        return;
      }
      const urls = extractURLs(stripHTMLComments(text));
      urlLists.set(id, urls);
      writeCache(`revURLs:${location.hostname}:${id}`, urls);
    };

    // Dispatch content fetches now; they run while the lists are still loading.
    const fetching = runPool(chunks.map(chunk =&gt; async () =&gt; {
      await fetchChunkIsolating(chunk, onText);
      settle();
    }), CONTENT_CONCURRENCY);

    if (!(await configReady)) {
      await fetching;
      return; // no lists: nothing to screen against
    }
    canRender = true;
    settle(); // cache hits and anything that landed while the lists loaded
    await fetching;

    // Anything still pending had an id the API never returned
    for (const item of pending) {
      markSkipped(item.revision, 'fetch-failed');
    }
  }

  /**
   * Fetches a chunk of revisions; if the request fails outright, splits the
   * chunk in half and retries each half, so one problematic revision only
   * costs itself rather than its neighbours. Each fetch already carries
   * safeFetch's retries, so this only runs in genuine failure cases.
   *
   * @param {string[]} chunk - Revision IDs.
   * @param {Function} onText - Called with (id, text|null) for every id.
   */
  async function fetchChunkIsolating(chunk, onText) {
    const result = await fetchRevisionTexts(chunk);
    if (result) {
      for (const id of chunk) {
        onText(id, result.has(id) ? result.get(id) : null);
      }
      return;
    }
    if (chunk.length === 1) {
      onText(chunk[0], null);
      return;
    }
    const mid = Math.ceil(chunk.length / 2);
    await fetchChunkIsolating(chunk.slice(0, mid), onText);
    await fetchChunkIsolating(chunk.slice(mid), onText);
  }

  /**
   * Groups revision IDs into fetch chunks in order, bounded by count and, when
   * sizes are known, by an approximate byte budget so one huge article does not
   * delay its neighbours.
   *
   * @param {string[]} ids - Revision IDs in the order they should be fetched.
   * @param {Object} metadata - Map of id -&gt; {parentid, size} (may be sparse).
   * @returns {string[][]}
   */
  function chunkRevisionIds(ids, metadata) {
    const chunks = [];
    let current = [];
    let currentBytes = 0;
    for (const id of ids) {
      const meta = metadata[id];
      const bytes = (meta &amp;&amp; typeof meta.size === 'number') ? meta.size : ASSUMED_REVISION_BYTES;
      if (current.length &gt; 0 &amp;&amp;
        (current.length &gt;= CONTENT_CHUNK_SIZE || currentBytes + bytes &gt; CONTENT_CHUNK_BYTES)) {
        chunks.push(current);
        current = [];
        currentBytes = 0;
      }
      current.push(id);
      currentBytes += bytes;
    }
    if (current.length &gt; 0) chunks.push(current);
    return chunks;
  }

  /**
   * Runs async task factories with at most `concurrency` in flight, in order.
   *
   * @param {Array&lt;() =&gt; Promise&lt;*&gt;&gt;} tasks
   * @param {number} concurrency
   * @returns {Promise&lt;void&gt;}
   */
  async function runPool(tasks, concurrency) {
    let next = 0;
    const workers = Array.from({ length: Math.min(concurrency, tasks.length) }, async () =&gt; {
      while (next &lt; tasks.length) {
        const task = tasks[next++];
        try {
          await task();
        } catch (e) {
          console.warn('Citation Watchlist: chunk failed:', e);
        }
      }
    });
    await Promise.all(workers);
  }

  /**
   * Returns the elements of an array with duplicates removed, first occurrence wins.
   *
   * @param {Array} arr
   * @returns {Array}
   */
  function unique(arr) {
    return Array.from(new Set(arr));
  }

  /**
   * Marks a revision's row as skipped with a reason, without annotating it.
   *
   * @param {Object} revision
   * @param {string} reason - 'fetch-failed', 'oversized' or 'invalid'.
   */
  function markSkipped(revision, reason) {
    revision.skipped = reason;
    try {
      revisionTargetElement(revision).setAttribute('data-cw-skipped', reason);
    } catch (e) {
      /* ignore */
    }
    console.warn(`Citation Watchlist: skipped ${revision.oldrevision || '?'}` +
      `${revision.newrevision ? ' -&gt; ' + revision.newrevision : ''} (${reason})`);
  }

  /**
   * Finds the row-level element that carries data attributes for a revision.
   *
   * @param {Object} revision
   * @returns {Element}
   */
  function revisionTargetElement(revision) {
    const el = revision.element;
    return el.closest('[data-mw-revid]:not(.mw-userlink)') ||
      el.closest('li') || el.closest('.mw-changeslist-line, tr') || el;
  }

  /**
   * Scans the article page for sections whose H2 headers match enabledSectionHeaders,
   * then analyzes each matching section for watchlisted domains.
   */
  async function analyzeArticleSections() {
    const headings = document.querySelectorAll('.mw-heading2 h2, h2');
    for (const h2 of headings) {
      const headerText = h2.textContent.trim();
      if (!enabledSectionHeaders.includes(headerText)) continue;

      // Collect all content between this heading and the next heading
      const headingContainer = h2.closest('.mw-heading') || h2;
      let sibling = headingContainer.nextElementSibling;
      const sectionElements = [];
      while (sibling &amp;&amp; !sibling.classList.contains('mw-heading')) {
        sectionElements.push(sibling);
        sibling = sibling.nextElementSibling;
      }

      try {
        analyzeSection(headerText, sectionElements);
        createArticleFilterWidget(headingContainer);
      } catch (e) {
        console.warn(`Citation Watchlist: failed to analyze section &quot;${headerText}&quot;:`, e);
      }
    }
  }

  /**
   * Analyzes a single article section: extracts URLs from each &lt;li&gt;, screens them
   * against domain lists, and prepends indicator icons to matching list items.
   *
   * @param {string} sectionName - The section header text (e.g. &quot;References&quot;).
   * @param {Element[]} sectionElements - DOM elements between this heading and the next.
   */
  function analyzeSection(sectionName, sectionElements) {
    const revisionId = mw.config.get('wgRevisionId');
    const cacheKey = `sectionURLs:${location.hostname}:${revisionId}:${sectionName}`;

    // Map: array of { liId, urls }. Anything read back from localStorage is
    // re-validated before it can reach an href.
    let liURLMap = null;
    const cachedMap = readCache(cacheKey);
    if (Array.isArray(cachedMap)) {
      liURLMap = cachedMap
        .filter(entry =&gt; entry &amp;&amp; typeof entry.liId === 'string' &amp;&amp; Array.isArray(entry.urls))
        .map(entry =&gt; ({ liId: entry.liId, urls: entry.urls.filter(isValidHttpUrl) }));
    }

    const citeNotes = sectionElements.flatMap(el =&gt; Array.from(el.querySelectorAll('li[id^=&quot;cite_note&quot;]')));

    // Build from DOM if not cached
    if (!liURLMap) {
      liURLMap = citeNotes.map(li =&gt; ({
        liId: li.id,
        urls: Array.from(li.querySelectorAll('a.external[href]'))
          .map(a =&gt; a.getAttribute('href'))
          .filter(href =&gt; /^https?:\/\//i.test(href))
      }));
      writeCache(cacheKey, liURLMap);
    }

    // Add padding to all list items so citation text is flush with icons
    for (const li of citeNotes) li.style.paddingLeft = '1.5em';

    // Screen each li's URLs against domain lists and prepend icons with popups
    for (const entry of liURLMap) {
      const li = document.getElementById(entry.liId);
      if (!li) continue;

      const matched = resolveURLs(entry.urls).filter(r =&gt; r.indicator);
      if (matched.length === 0) continue;
      const highest = highestPriority(matched.map(m =&gt; m.indicator));

      const wrapper = makeElement('span', {
        style: { position: 'relative', cursor: 'pointer', marginLeft: '-1.5em',
          display: 'inline-block', width: '1.5em' }
      });
      wrapper.appendChild(makeElement('span', { text: indicators[highest].emoji }));
      attachPopup(wrapper, matched.map(m =&gt; popupLine(m.indicator, [m], false)), {});
      li.prepend(wrapper);
      li.dataset.cwIndicator = highest;
    }
  }

  /**
   * Extracts revision information from diff/hist/prev/cur links within a container.
   * Parent IDs are not fetched here; rows that need one set `needsParentOf` and
   * processRevisions() resolves them in a single batched request.
   *
   * @param {Element} container - The DOM element to query for revision links.
   * @param {Element} element - The DOM element to attach to the revision object.
   * @param {Function|null} prePadCallback - Optional callback invoked with (element, link) before
   *     processing each branch. In fallback mode this derives the target element and pre-pads it.
   * @returns {Promise&lt;{revision: Object|null, hasLink: boolean, skip: boolean}&gt;}
   *     - revision: the extracted revision object, or null if no usable link was found.
   *     - hasLink: true if any recognized link was present (even if skipped).
   *     - skip: true if the entry should be skipped (non-article after pre-padding).
   */
  async function extractRevisionFromLinks(container, element, prePadCallback) {
    const kinds = [
      { selector: 'a.mw-changeslist-diff', kind: 'diff' },
      { selector: 'a.mw-changeslist-history', kind: 'hist' },
      { selector: 'a.mw-history-histlinks-previous', kind: 'prev' },
      { selector: 'a.mw-history-histlinks-current', kind: 'cur' }
    ];
    let link = null;
    let kind = null;
    for (const k of kinds) {
      link = container.querySelector(k.selector);
      if (link) {
        kind = k.kind;
        break;
      }
    }
    if (!link) {
      return { revision: null, hasLink: false, skip: false };
    }

    const params = new URL(link.href).searchParams;
    const pageTitle = params.get('title');
    const target = prePadCallback ? prePadCallback(element, link) : element;

    // The diff and hist links appear on watchlist/RC/contribs rows that can be
    // for any namespace; history prev/cur links are always for the page itself.
    if ((kind === 'diff' || kind === 'hist') &amp;&amp; isNotArticle(pageTitle)) {
      return { revision: null, hasLink: true, skip: true };
    }

    const revision = {
      oldrevision: null,
      newrevision: null,
      element: target,
      viewHref: '',
      viewLabel: viewDiffLabel,
      pageTitle: pageTitle || undefined
    };

    switch (kind) {
      case 'diff': {
        // MediaWiki convention: diff = newer, oldid = older
        const diffParam = params.get('diff');
        const oldidParam = params.get('oldid');
        revision.viewHref = link.href;
        if (diffParam === 'prev' &amp;&amp; oldidParam) {
          // Contributions: oldid is the current revision; parent resolved later
          revision.needsParentOf = oldidParam;
        } else {
          revision.oldrevision = oldidParam;
          revision.newrevision = diffParam;
        }
        break;
      }
      case 'hist': {
        // New page: analyze its first revision
        const firstID = await fetchFirstRevisionId(pageTitle);
        if (!firstID) {
          return { revision: null, hasLink: true, skip: false };
        }
        revision.oldrevision = String(firstID);
        revision.viewHref = buildPermalinkUrl(firstID);
        revision.viewLabel = viewRevisionLabel;
        break;
      }
      case 'prev': {
        // viewHref is filled in once the parent is known
        revision.needsParentOf = params.get('oldid') || null;
        break;
      }
      case 'cur': {
        revision.oldrevision = params.get('oldid');
        revision.viewHref = buildPermalinkUrl(revision.oldrevision);
        revision.viewLabel = viewRevisionLabel;
        break;
      }
    }

    return { revision, hasLink: true, skip: false };
  }

  /**
   * Computes the URLs added and removed between two revisions' URL lists.
   * Multiset semantics: a URL that appears twice in the new revision and once
   * in the old counts as one addition.
   *
   * @param {string[]} fromList - URLs in the older revision.
   * @param {string[]|null} toList - URLs in the newer revision (ignored if !hasNew).
   * @param {boolean} hasNew - False for a page's first revision, in which case
   *   every URL in fromList is considered added.
   * @returns {{addedURLs: string[], removedURLs: string[]}}
   */
  function computeURLDiff(fromList, toList, hasNew) {
    if (!hasNew) {
      // For first revision, all URLs are considered added
      return { addedURLs: fromList.slice(), removedURLs: [] };
    }
    const count = arr =&gt; arr.reduce((m, u) =&gt; {
      m[u] = (m[u] || 0) + 1;
      return m;
    }, {});
    const fromMap = count(fromList);
    const toMap = count(toList || []);
    const addedURLs = [];
    const removedURLs = [];
    for (const key of new Set([...Object.keys(fromMap), ...Object.keys(toMap)])) {
      const addCount = Math.max(0, (toMap[key] || 0) - (fromMap[key] || 0));
      const remCount = Math.max(0, (fromMap[key] || 0) - (toMap[key] || 0));
      for (let i = 0; i &lt; addCount; i++) addedURLs.push(key);
      for (let i = 0; i &lt; remCount; i++) removedURLs.push(key);
    }
    return { addedURLs, removedURLs };
  }

  /**
   * Screens a revision's added/removed URLs against the domain lists and
   * annotates its row (gutter icons, popup, filter data attributes).
   * Synchronous: all network work happens in processRevisions().
   *
   * @param {Object} revision - Object containing oldrevision, optional
   *   newrevision, and DOM element.
   * @param {string[]} addedURLs
   * @param {string[]} removedURLs
   */
  function renderRevision(revision, addedURLs, removedURLs) {
    const targetElement = revisionTargetElement(revision);
    targetElement.setAttribute('data-cw-processed', 'true');

    const added = resolveURLs(addedURLs);
    const removed = resolveURLs(removedURLs);

    // Highest-priority indicator among added links (lists only), for the gutter
    const addType = highestPriority(added.map(a =&gt; a.indicator)) ||
      (added.length &gt; 0 ? 'added' : null);

    try {
      if (revision.viewHref) revision.element.dataset.cwViewHref = revision.viewHref;
      if (revision.viewLabel) revision.element.dataset.cwViewLabel = revision.viewLabel;
    } catch (e) {
      /* ignore */
    }

    // Render two-column emojis: left = addition (highest-priority), right = removal (bin)
    renderTwoColumnEmojis(revision.element, addType, removed.length &gt; 0, added, removed);

    // Data attributes drive the filter widget
    const changedDomains = unique([...added, ...removed].map(r =&gt; r.domain)).sort();
    if (changedDomains.length &gt; 0) {
      targetElement.dataset.cwLinkchange = changedDomains.join('|');
    }
    for (const type of listedTypes) {
      const domains = unique([...added, ...removed]
        .filter(r =&gt; r.indicator === type).map(r =&gt; r.domain)).sort();
      if (domains.length &gt; 0) {
        targetElement.setAttribute(indicators[type].dataAttr, domains.join('|'));
      }
    }
  }

  /**
   * ==========================================================================
   * 2. User Interface
   * ==========================================================================
   */

  /**
   * Pending hosts that need gutter padding applied. Collected during
   * renderTwoColumnEmojis and flushed in a single batch via flushGutterPadding()
   * so that all rows shift at the same time instead of one at a time.
   */
  const pendingGutterPadding = [];

  /**
   * Applies the gutter padding to a single host element, reserving horizontal
   * space for the two-column emoji gutter.
   *
   * @param {HTMLElement} host - The element to pad.
   */
  function applyGutterPadding(host) {
    const pad = 'calc(2em + 0.5em)';
    try {
      const cs = window.getComputedStyle(host);
      const existing = parseFloat(cs.paddingLeft || '0');
      const fontSizePx = parseFloat(cs.fontSize || '16');
      const desiredPx = 2.5 * fontSizePx; // 2em + 0.5em
      if (isNaN(existing) || existing &lt; desiredPx - 0.5) {
        host.style.paddingLeft = pad;
      }
    } catch (e) {
      host.style.paddingLeft = pad;
    }
  }

  /**
   * Applies gutter padding to all collected hosts at once, then clears the
   * queue. Call this after a batch of renderTwoColumnEmojis calls to avoid
   * one-at-a-time layout shifts.
   */
  function flushGutterPadding() {
    for (const host of pendingGutterPadding) {
      applyGutterPadding(host);
    }
    pendingGutterPadding.length = 0;
  }

  /**
   * Finds the element that hosts the gutter for a change-list element:
   * the list container or, for table rows, the content cell.
   *
   * @param {HTMLElement} element
   * @returns {HTMLElement|null}
   */
  function gutterHostFor(element) {
    const container =
      element.closest('[data-mw-revid]:not(.mw-userlink)') ||
      element.closest('li') ||
      element.closest('.mw-changeslist-line, tr') || element.parentNode || element;
    if (!container) return null;
    let host = container;
    if (host.tagName &amp;&amp; host.tagName.toUpperCase() === 'TR') {
      // For nested enhanced RC rows, place the gutter in the content cell so
      // icons align with singleton rows that use .mw-changeslist-line-inner.
      const nestedContent = host.querySelector('td.mw-enhanced-rc-nested[data-target-page]');
      host = nestedContent || host.querySelector('td, th') || host;
    }
    // Prefer inner change-line wrappers on Watchlist/RC if present
    const innerHost = host.querySelector('.mw-changeslist-line-inner, .mw-changeslist-line-main');
    return innerHost || host;
  }

  /**
   * Renders exactly two fixed-width emoji columns before a revision entry:
   * - Left column: highest-priority addition indicator
   *   (warning/caution/inspect/added), or spacer if none.
   * - Right column: removal indicator if removals exist, otherwise spacer.
   *
   * This preserves consistent alignment even when no links are added/removed.
   *
   * @param {HTMLElement} element - The revision list DOM element.
   * @param {string|null} addType - Indicator type for the left column, or null.
   * @param {boolean} hasRemovals - Whether to show the removal icon.
   * @param {Object[]} added - Resolved added links ({url, domain, indicator, ...}).
   * @param {Object[]} removed - Resolved removed links.
   */
  function renderTwoColumnEmojis(element, addType, hasRemovals, added = [], removed = []) {
    if (!element) return;
    const host = gutterHostFor(element);
    if (!host) return;

    const cell = (char, className) =&gt; makeElement('span', {
      className, text: char,
      style: { display: 'inline-block', width: '1em', textAlign: 'center', userSelect: 'none' }
    });
    const addChar = addType ? indicators[addType].emoji : ' ';
    const remChar = hasRemovals ? indicators.removed.emoji : ' ';

    // Propagate dataset for view link from source element to host
    try {
      if (element.dataset.cwViewHref) host.dataset.cwViewHref = element.dataset.cwViewHref;
      if (element.dataset.cwViewLabel) host.dataset.cwViewLabel = element.dataset.cwViewLabel;
    } catch (e) {
      /* ignore */
    }

    // Ensure a single gutter exists
    let gutter = host.querySelector('.cw-gutter');
    if (gutter) {
      gutter.querySelector('.cw-add').textContent = addChar;
      gutter.querySelector('.cw-rem').textContent = remChar;
    } else {
      // Ensure the host can anchor absolutely positioned children
      if (!host.style.position) host.style.position = 'relative';
      // Create a left gutter that does not participate in text wrapping
      gutter = makeElement('span', {
        className: 'cw-gutter',
        style: {
          position: 'absolute', left: '0', top: '0', display: 'inline-flex', gap: '0.25em',
          width: 'calc(2em + 0.25em)', alignItems: 'flex-start', userSelect: 'none'
        }
      });
      gutter.appendChild(cell(addChar, 'cw-add'));
      gutter.appendChild(cell(remChar, 'cw-rem'));
      // Insert the gutter into the host; padding is deferred to flushGutterPadding()
      host.insertBefore(gutter, host.firstChild);
      pendingGutterPadding.push(host);
    }

    attachPopup(gutter, [popupLine('added', added, true), popupLine('removed', removed, true)], {
      viewHref: host.dataset.cwViewHref || '',
      viewLabel: host.dataset.cwViewLabel || ''
    });
    host.setAttribute('data-processed-twocol', 'true');
  }
  /**
   * Fills a popup with a close button, a two-column grid of labelled link
   * lines, and a footer. Idempotent: safe to call again to refresh content.
   *
   * @param {HTMLElement} popupEl - The popup element.
   * @param {Array&lt;{labelText: string, labelTitle: string, items: Object[]}&gt;} lines
   *   Each item is a resolved link ({url, domain, indicator, archiveHost}).
   * @param {Object} footerOptions - See createPopupFooter.
   */
  function buildPopupContent(popupEl, lines, footerOptions) {
    if (!popupEl.querySelector('.cw-close')) {
      popupEl.appendChild(createCloseButton(popupEl));
    }
    let contentWrap = popupEl.querySelector('.cw-popup-content');
    if (!contentWrap) {
      contentWrap = makeElement('div', { className: 'cw-popup-content' });
      popupEl.appendChild(contentWrap);
    }
    // Grid layout so labels are flush-aligned with content
    Object.assign(contentWrap.style, {
      display: 'grid', gridTemplateColumns: 'max-content 1fr', columnGap: '0.5em', rowGap: '2px'
    });
    contentWrap.innerHTML = '';

    for (const line of lines) {
      if (!line.items || line.items.length === 0) continue;
      contentWrap.appendChild(makeElement('strong', {
        text: `${line.labelText}:`, title: line.labelTitle,
        ariaLabel: `${line.labelText}: ${line.labelTitle}`,
        style: { alignSelf: 'start', justifySelf: 'end', textAlign: 'right', whiteSpace: 'nowrap' }
      }));
      const content = makeElement('div', { style: { display: 'inline' } });
      line.items.forEach((item, idx) =&gt; {
        content.appendChild(makeLinkItem(item));
        if (idx &lt; line.items.length - 1) content.appendChild(makeElement('span', { text: ' • ' }));
      });
      contentWrap.appendChild(content);
    }

    const footer = popupEl.querySelector('.cw-popup-footer');
    if (footer) footer.remove();
    popupEl.appendChild(createPopupFooter(footerOptions));
  }

  /**
   * Creates (or refreshes) the popup under a host element and wires its
   * hover/click handlers. With no lines, any existing popup is hidden.
   *
   * @param {HTMLElement} host - The gutter or icon wrapper that owns the popup.
   * @param {Array} lines - See buildPopupContent.
   * @param {Object} footerOptions - See createPopupFooter.
   */
  function attachPopup(host, lines, footerOptions) {
    let popup = host.querySelector('.cw-popup');
    const hasContent = lines.some(l =&gt; l.items &amp;&amp; l.items.length &gt; 0);
    if (!hasContent) {
      if (popup) popup.style.display = 'none';
      host._cwEnablePopup = false;
      return;
    }
    if (!popup) {
      popup = createPopupElement();
      host.appendChild(popup);
    }
    buildPopupContent(popup, lines, footerOptions);
    host._cwEnablePopup = true;
    installPopupHandlers(host);
  }

  /**
   * Builds a popup line for an indicator type over a set of resolved links.
   *
   * @param {string} type - Indicator type (added, removed, warning, ...).
   * @param {Object[]} items - Resolved links.
   * @param {boolean} withEmoji - Prefix the label with the type's emoji.
   * @returns {{labelText: string, labelTitle: string, items: Object[]}}
   */
  function popupLine(type, items, withEmoji) {
    const ind = indicators[type];
    return {
      labelText: withEmoji ? `${ind.emoji} ${ind.msg}` : ind.msg,
      labelTitle: ind.explanation,
      items
    };
  }
  /**
   * Builds the popup representation of one resolved link: an optional
   * indicator emoji followed by a link whose text is the screened domain.
   *
   * @param {Object} item - {url, domain, indicator, archiveHost}.
   * @returns {HTMLSpanElement}
   */
  function makeLinkItem(item) {
    const span = makeElement('span', { style: { whiteSpace: 'nowrap', display: 'inline-block' } });
    if (item.indicator) {
      const ind = indicators[item.indicator];
      span.appendChild(makeElement('span', {
        className: 'cw-emoji', text: ind.emoji + ' ',
        title: ind.explanation, ariaLabel: `${ind.msg}: ${ind.explanation}`
      }));
    }
    const a = makeExternalLink(item.url, item.domain);
    if (item.archiveHost) a.title = `${archivedViaLabel} ${item.archiveHost}`;
    span.appendChild(a);
    return span;
  }
  /**
   * Creates a link with the attributes every outbound link in this script
   * uses. The single place an attacker-influenced URL becomes an href, so the
   * URL check lives here: absolute http(s) only, plus same-origin paths when
   * `allowPath` is set (used for diff/permalink footers).
   *
   * @param {string} url
   * @param {string} text
   * @param {boolean} [allowPath=false]
   * @returns {HTMLAnchorElement}
   */
  function makeExternalLink(url, text, allowPath = false) {
    const a = makeElement('a', {
      text, attrs: { rel: 'nofollow noopener noreferrer', target: '_blank' },
      style: { whiteSpace: 'nowrap' }
    });
    if (isValidHttpUrl(url) || (allowPath &amp;&amp; /^\/(?!\/)/.test(url))) a.href = url;
    return a;
  }
  /**
   * Creates a DOM element with class, text, title, inline styles and
   * attributes in one call. Text is always set through textContent.
   *
   * @param {string} tag
   * @param {Object} [opts] - {className, text, title, ariaLabel, style, attrs}
   * @returns {HTMLElement}
   */
  function makeElement(tag, opts = {}) {
    const el = document.createElement(tag);
    if (opts.className) el.className = opts.className;
    if (opts.text !== undefined) el.textContent = opts.text;
    if (opts.title) {
      el.title = opts.title;
      el.setAttribute('aria-label', opts.ariaLabel || opts.title);
    }
    if (opts.style) Object.assign(el.style, opts.style);
    for (const [k, v] of Object.entries(opts.attrs || {})) el.setAttribute(k, v);
    return el;
  }

  /**
   * Creates a styled popup element for displaying domain information.
   *
   * @returns {HTMLDivElement} The configured popup element.
   */
  function createPopupElement() {
    return makeElement('div', {
      className: 'mwe-popups cw-popup',
      style: {
        position: 'absolute', minWidth: '260px', maxWidth: '420px', zIndex: '1000',
        display: 'none', background: 'var(--background-color, #fff)',
        border: '1px solid rgba(0,0,0,.15)', boxShadow: '0 2px 8px rgba(0,0,0,.2)',
        padding: '8px 26px 8px 10px', borderRadius: '4px', fontSize: '0.92em'
      }
    });
  }
  /**
   * Creates a styled close button for popups.
   *
   * @param {HTMLElement} popupEl - The popup element to hide when the button is clicked.
   * @returns {HTMLButtonElement} The configured close button.
   */
  function createCloseButton(popupEl) {
    const closeBtn = makeElement('button', {
      className: 'cw-close', text: '×', title: 'Close', attrs: { type: 'button' },
      style: {
        position: 'absolute', top: '4px', right: '6px', border: 'none',
        background: 'transparent', cursor: 'pointer', fontSize: '14px',
        lineHeight: '1', padding: '0', margin: '0'
      }
    });
    closeBtn.addEventListener('click', (e) =&gt; {
      e.stopPropagation();
      e.preventDefault();
      popupEl.style.display = 'none';
    });
    return closeBtn;
  }
  /**
   * Creates a popup footer element with an optional primary link and the
   * &quot;About Citation Watchlist&quot; link.
   *
   * @param {Object} [options] - Optional configuration.
   * @param {string} [options.viewHref] - URL for the primary link (e.g., diff or revision).
   * @param {string} [options.viewLabel] - Label text for the primary link.
   * @returns {HTMLDivElement} The configured footer element.
   */
  function createPopupFooter(options) {
    const footer = makeElement('div', {
      className: 'cw-popup-footer', style: { marginTop: '10px', color: 'inherit' }
    });
    if (options &amp;&amp; options.viewHref &amp;&amp; options.viewLabel) {
      const viewA = makeExternalLink(options.viewHref, options.viewLabel, true);
      if (viewA.href) {
        const strong = makeElement('strong');
        strong.appendChild(viewA);
        footer.appendChild(strong);
        footer.appendChild(makeElement('span', { text: ' • ' }));
      }
    }
    footer.appendChild(makeExternalLink(aboutLink, aboutLabel));
    return footer;
  }
  /**
   * Builds the shared filter widget container with radio buttons and an about link.
   *
   * @param {Object} config - Widget configuration.
   * @param {string} config.containerId - The ID for the container element.
   * @param {string} config.radioName - The name attribute for the radio button group.
   * @param {Array&lt;Object&gt;} config.filters - Array of filter option objects
   *   ({id, label, checked?, tooltip?}).
   * @param {Function} config.onFilter - Callback invoked with the selected filter ID.
   * @param {string} [config.initialLabel] - Label text; defaults to showEditsLabel.
   * @returns {HTMLDivElement} The configured filter widget container.
   */
  function buildFilterWidgetContainer(config) {
    const container = makeElement('div', {
      attrs: { id: config.containerId },
      style: {
        display: 'flex', alignItems: 'center', justifyContent: 'space-between',
        border: '1px solid black', borderRadius: '25px', padding: '10px 20px',
        margin: '10px 0', width: 'fit-content'
      }
    });
    const leftSection = makeElement('div', {
      style: { display: 'flex', alignItems: 'center', gap: '15px' }
    });
    leftSection.appendChild(makeElement('span', {
      className: 'cw-filter-label', text: config.initialLabel || showEditsLabel,
      style: { fontWeight: '500' }
    }));

    for (const filter of config.filters) {
      const wrapper = makeElement('label', {
        style: { display: 'flex', alignItems: 'center', gap: '5px', cursor: 'pointer' }
      });
      const radio = makeElement('input', {
        attrs: { type: 'radio', name: config.radioName, value: filter.id }, style: { margin: '0' }
      });
      radio.checked = !!filter.checked;
      radio.addEventListener('change', () =&gt; {
        if (radio.checked) config.onFilter(filter.id);
      });
      const text = makeElement('span', { text: filter.label });
      if (filter.tooltip) {
        text.title = filter.tooltip;
        Object.assign(text.style, { borderBottom: '1px dotted', cursor: 'help' });
      }
      wrapper.appendChild(radio);
      wrapper.appendChild(text);
      leftSection.appendChild(wrapper);
    }
    container.appendChild(leftSection);

    const rightSection = makeElement('div', { style: { marginLeft: '4em' } });
    const link = makeElement('a', {
      text: toolName, attrs: { href: aboutLink },
      style: { textDecoration: 'underline', color: '#0645ad' }
    });
    rightSection.appendChild(link);
    container.appendChild(rightSection);
    return container;
  }
  /**
   * Builds the indicator filter list from the indicators config, sorted by
   * descending priority and excluding non-positive priorities.
   *
   * @returns {Array&lt;{id: string, label: string, tooltip: string}&gt;}
   */
  function buildIndicatorFilters() {
    return listedTypes
      .slice()
      .sort((a, b) =&gt; indicators[b].priority - indicators[a].priority)
      .map(id =&gt; ({
        id,
        label: `${indicators[id].emoji} ${indicators[id].msg}`,
        tooltip: indicators[id].explanation
      }));
  }

  /**
   * Enables or greys out each radio in a filter widget according to whether
   * any row currently matches it.
   *
   * @param {string} radioName - The radio group name.
   * @param {Function} hasResults - (filterId) =&gt; boolean.
   */
  function updateFilterRadios(radioName, hasResults) {
    document.querySelectorAll(`input[name=&quot;${radioName}&quot;]`).forEach(radio =&gt; {
      const enabled = radio.value === 'all' || hasResults(radio.value);
      const label = radio.closest('label');
      radio.disabled = !enabled;
      if (label) {
        label.style.cursor = enabled ? 'pointer' : 'default';
        label.style.color = enabled ? '' : 'gray';
      }
    });
  }

  /**
   * Creates and inserts the change-list filter widget (watchlist, recent
   * changes, history, contributions). Radios start disabled and are enabled by
   * finishChangeListPass() once rows are annotated.
   *
   * @returns {HTMLElement|null} The created filter container or null if not created.
   */
  function createChangeListFilterWidget() {
    const ns = mw.config.get('wgNamespaceNumber');
    const pageName = mw.config.get('wgPageName');
    let target = document.querySelector('.mw-changeslist') ||
      document.getElementById('mw-history-compare');
    if (!target &amp;&amp; ns === -1 &amp;&amp; pageName.startsWith('Special:Contributions')) {
      target = document.querySelector('.mw-pager-body');
    }
    if (!target) return null;

    const container = buildFilterWidgetContainer({
      containerId: 'cw-filter-widget',
      radioName: 'cw-filter',
      filters: [
        { id: 'all', label: allLabel, checked: true },
        { id: 'linkchange', label: linkChangesLabel, tooltip: linkChangesTooltip },
        ...buildIndicatorFilters()
      ],
      onFilter: applyChangeListFilter,
      initialLabel: loadingLabel
    });
    target.parentNode.insertBefore(container, target);
    updateFilterRadios('cw-filter', () =&gt; false); // Disabled until annotation is complete
    return container;
  }

  /**
   * Creates and inserts a filter widget for the article surface, placed after
   * the section heading. Excludes the &quot;Link Changes&quot; option.
   *
   * @param {Element} headingContainer - The heading element to insert the widget after.
   */
  function createArticleFilterWidget(headingContainer) {
    const container = buildFilterWidgetContainer({
      containerId: 'cw-article-filter-widget',
      radioName: 'cw-article-filter',
      filters: [
        { id: 'all', label: allLabel, checked: true },
        ...buildIndicatorFilters()
      ],
      onFilter: applyArticleFilter
    });
    headingContainer.after(container);
    updateFilterRadios('cw-article-filter', (filterId) =&gt;
      !!document.querySelector(`li[id^=&quot;cite_note&quot;][data-cw-indicator=&quot;${filterId}&quot;]`));
    renderLoadWarnings();
  }

  /**
   * Called after each annotation pass on a change list: restores the widget
   * label, renders any load warnings, and enables the radios that have matches.
   */
  function finishChangeListPass() {
    const filterLabel = document.querySelector('#cw-filter-widget .cw-filter-label');
    if (filterLabel &amp;&amp; filterLabel.firstChild &amp;&amp;
      filterLabel.firstChild.nodeType === Node.TEXT_NODE) {
      filterLabel.firstChild.textContent = showEditsLabel;
    }
    renderLoadWarnings();
    const rows = document.querySelectorAll('[data-mw-revid]:not(.mw-userlink)');
    updateFilterRadios('cw-filter', (filterId) =&gt;
      Array.from(rows).some(row =&gt; rowMatchesFilter(row, filterId)));
    // Re-apply the active filter so newly loaded rows respect it
    const active = document.querySelector('input[name=&quot;cw-filter&quot;]:checked');
    if (active &amp;&amp; active.value !== 'all') applyChangeListFilter(active.value);
  }

  /**
   * Whether a change-list row (or any nested revision inside it) matches a filter.
   *
   * @param {Element} row
   * @param {string} filterId
   * @returns {boolean}
   */
  function rowMatchesFilter(row, filterId) {
    if (elementMatchesFilter(row, filterId)) return true;
    for (const nested of row.querySelectorAll('li[data-cw-processed=&quot;true&quot;]')) {
      if (elementMatchesFilter(nested, filterId)) return true;
    }
    return false;
  }

  /**
   * Applies the selected filter to article section list items.
   *
   * @param {string} filterId - 'all' or an indicator type.
   */
  function applyArticleFilter(filterId) {
    document.querySelectorAll('li[id^=&quot;cite_note&quot;]').forEach(li =&gt; {
      li.style.display = (filterId === 'all' || li.dataset.cwIndicator === filterId) ? '' : 'none';
    });
  }

  /**
   * Applies the selected filter to the revision list.
   *
   * @param {string} filterId - 'all', 'linkchange', or an indicator type.
   */
  let lastAppliedFilter = 'all';

  function applyChangeListFilter(filterId) {
    const isAll = filterId === 'all';

    const revisions = document.querySelectorAll(
      '[data-mw-revid]:not(.mw-userlink), [data-mw-logid]'
    );
    revisions.forEach(container =&gt; {
      if (isAll) {
        container.style.display = '';
        return;
      }
      // Log entries (data-mw-logid) don't have revision-based attributes to
      // match against filters — hide them when any specific filter is active.
      const show = container.hasAttribute('data-mw-revid') &amp;&amp; rowMatchesFilter(container, filterId);
      container.style.display = show ? '' : 'none';
    });

    // Hide h4 date headers when all their rows are hidden
    document.querySelectorAll('div.mw-changeslist h4').forEach(h4 =&gt; {
      if (isAll) {
        h4.style.display = '';
        return;
      }
      const sibling = h4.nextElementSibling;
      if (!sibling || sibling.tagName !== 'DIV') return;
      const revItems = sibling.querySelectorAll('[data-mw-revid]');
      if (revItems.length === 0) return;
      h4.style.display = Array.from(revItems).every(el =&gt; el.style.display === 'none') ? 'none' : '';
    });

    const enhanced = document.querySelector('table.mw-enhanced-rc');
    if (enhanced) {
      // Hide the group header row in each tbody if all other rows are hidden
      document.querySelectorAll('table.mw-enhanced-rc tbody').forEach(tbody =&gt; {
        const rows = tbody.querySelectorAll('tr');
        if (rows.length &lt; 2) return;
        rows[0].style.display = (!isAll &amp;&amp; Array.from(rows).slice(1)
          .every(tr =&gt; tr.style.display === 'none')) ? 'none' : '';
      });

      // Expand grouped sections while a specific filter is active, collapse on
      // &quot;all&quot;. Only on the transition, so switching between two filters leaves
      // the expanded state alone.
      const wasAll = lastAppliedFilter === 'all';
      if (wasAll !== isAll) {
        document.querySelectorAll('table.mw-enhanced-rc').forEach(table =&gt; {
          const checkbox = groupToggleCheckbox(table);
          if (checkbox &amp;&amp; checkbox.checked === isAll) {
            checkbox.checked = !isAll;
            checkbox.dispatchEvent(new Event('change'));
          }
        });
      }
    }

    showNoMatchingEdits(!isAll &amp;&amp; Array.from(
      document.querySelectorAll('[data-mw-revid]:not(.mw-userlink)')
    ).every(el =&gt; el.style.display === 'none'));

    lastAppliedFilter = filterId;
  }

  /**
   * Shows or removes the &quot;No matching edits&quot; message under the filter widget.
   *
   * @param {boolean} show
   */
  function showNoMatchingEdits(show) {
    const existing = document.getElementById('cw-no-matching-edits');
    if (existing) existing.remove();
    if (!show) return;
    const msg = makeElement('p', {
      text: noMatchingEditsLabel, attrs: { id: 'cw-no-matching-edits' },
      style: { margin: '10px 0', fontStyle: 'italic' }
    });
    const widget = document.getElementById('cw-filter-widget');
    if (widget &amp;&amp; widget.nextSibling) {
      widget.parentNode.insertBefore(msg, widget.nextSibling);
    }
  }

  /**
   * Returns the hidden checkbox that expands/collapses an enhanced-RC group.
   *
   * @param {Element} table - A table.mw-enhanced-rc element.
   * @returns {HTMLInputElement|null}
   */
  function groupToggleCheckbox(table) {
    const arrow = table.querySelector('.mw-enhancedchanges-arrow');
    const checkboxId = arrow &amp;&amp; arrow.getAttribute('for');
    return checkboxId ? document.getElementById(checkboxId) : null;
  }

  /**
   * If any configuration pages failed to load, appends a warning glyph (with
   * the details in its tooltip) to every filter-widget label on the page.
   * Safe to call more than once.
   */
  function renderLoadWarnings() {
    const messages = SHOW_LINT_IN_WIDGET ? [...loadWarnings, ...listLint] : loadWarnings;
    if (messages.length === 0) return;
    document.querySelectorAll('.cw-filter-label').forEach(label =&gt; {
      if (label.querySelector('.cw-load-warning')) return;
      label.appendChild(makeElement('span', {
        className: 'cw-load-warning', text: ' ' + loadWarningGlyph,
        title: loadWarningPrefix + '\n' + messages.join('\n'), style: { cursor: 'help' }
      }));
    });
  }

  /**
   * Whether the single document-level outside-click handler has been installed.
   * One delegated listener replaces the former one-listener-per-gutter design.
   */
  let outsideClickHandlerInstalled = false;

  /**
   * Installs a single document-level click handler that hides every open popup
   * whose owning gutter does not contain the click target.
   */
  function installOutsideClickHandler() {
    if (outsideClickHandlerInstalled) return;
    document.addEventListener('click', (ev) =&gt; {
      document.querySelectorAll('.cw-popup').forEach(p =&gt; {
        if (p.style.display === 'none' || p.style.display === '') return;
        const owner = p.parentElement;
        if (owner &amp;&amp; !owner.contains(ev.target)) {
          p.style.display = 'none';
        }
      });
    });
    outsideClickHandlerInstalled = true;
  }

  /**
   * Installs hover, click, touch, and outside-click handlers on a gutter element
   * to show/hide its popup.
   *
   * @param {HTMLElement} gutter - The gutter element containing a .cw-popup child.
   */
  function installPopupHandlers(gutter) {
    if (gutter._cwHandlersInstalled) return;
    let hideTimer = null;
    const positionPopup = () =&gt; {
      const p = gutter.querySelector('.cw-popup');
      if (!gutter._cwEnablePopup || !p) return;
      p.style.display = 'block';
      p.style.top = '1.4em';
      p.style.left = '0px';
      const rect = p.getBoundingClientRect();
      if (rect.right &gt; window.innerWidth - 10) {
        const overflow = rect.right - (window.innerWidth - 10);
        p.style.left = Math.max(0, (parseFloat(p.style.left) || 0) - overflow) + 'px';
      }
    };
    const show = () =&gt; {
      if (!gutter._cwEnablePopup) return;
      if (hideTimer) {
        clearTimeout(hideTimer);
        hideTimer = null;
      }
      positionPopup();
    };
    const scheduleHide = () =&gt; {
      hideTimer = setTimeout(() =&gt; {
        const p = gutter.querySelector('.cw-popup');
        if (p) p.style.display = 'none';
      }, 150);
    };

    gutter.addEventListener('mouseenter', show);
    gutter.addEventListener('mouseleave', scheduleHide);
    const pInit = gutter.querySelector('.cw-popup');
    if (pInit) {
      pInit.addEventListener('mouseenter', () =&gt; {
        if (hideTimer) {
          clearTimeout(hideTimer);
          hideTimer = null;
        }
      });
      pInit.addEventListener('mouseleave', scheduleHide);
    }
    const toggle = (e) =&gt; {
      if (!gutter._cwEnablePopup) return;
      e.stopPropagation();
      const p = gutter.querySelector('.cw-popup');
      if (!p) return;
      if (p.style.display === 'none' || p.style.display === '') {
        show();
      } else {
        p.style.display = 'none';
      }
    };
    gutter.addEventListener('click', toggle);
    gutter.addEventListener('touchstart', toggle, {
      passive: true
    });
    installOutsideClickHandler();
    gutter._cwHandlersInstalled = true;
  }

  /**
   * Watches for the change list being replaced by MediaWiki's live filters
   * (&quot;View new changes&quot;, filter edits on Special:Watchlist / RecentChanges)
   * and annotates the new rows. The existing widget sits outside the replaced
   * element and survives; its radios are refreshed after each pass.
   */
  function installLiveReloadObserver() {
    if (typeof MutationObserver === 'undefined') return;
    let timer = null;
    let running = false;
    let rerun = false;
    const run = async () =&gt; {
      if (running) {
        rerun = true;
        return;
      }
      running = true;
      try {
        await annotateChangeList(document, false);
      } catch (e) {
        console.warn('Citation Watchlist: live reload pass failed:', e);
      } finally {
        running = false;
        if (rerun) {
          rerun = false;
          run();
        }
      }
    };
    const observer = new MutationObserver(mutations =&gt; {
      const relevant = mutations.some(m =&gt; Array.from(m.addedNodes).some(node =&gt;
        node.nodeType === Node.ELEMENT_NODE &amp;&amp;
        (node.matches('[data-mw-revid], .mw-changeslist, .mw-changeslist-line') ||
          node.querySelector('[data-mw-revid], .mw-changeslist-line'))
      ));
      if (!relevant) return;
      clearTimeout(timer);
      timer = setTimeout(run, LIVE_RELOAD_DEBOUNCE_MS);
    });
    observer.observe(document.body, { childList: true, subtree: true });
  }

  const enabledNsStrings = new Set(enabledNamespaces.filter(n =&gt; n &gt;= 0).map(String));
  const namespaces = Object.entries(mw.config.get('wgFormattedNamespaces'))
    .filter(([num, name]) =&gt; num !== '0' &amp;&amp; !enabledNsStrings.has(num))
    .map(([_, name]) =&gt; name.replace(/ /g, '_') + ':');

  /**
   * Pre-pads an element with empty emoji gutters to prevent layout shift.
   *
   * @param {Element} element - The DOM element to pre-pad.
   */
  function prePadElement(element) {
    try {
      renderTwoColumnEmojis(element, null, false, [], []);
    } catch (e) {
      /* ignore */
    }
  }

  /**
   * ==========================================================================
   * 3. Builders and Extractors
   * ==========================================================================
   */

  /**
   * Constructs a URL for viewing a diff between two revisions.
   *
   * @param {string} title - The page title.
   * @param {string} fromId - The older revision ID.
   * @param {string} toId - The newer revision ID.
   * @returns {string} The diff URL, or empty string on error.
   */
  function buildDiffUrl(title, fromId, toId) {
    try {
      const script = mw.config.get('wgScript') || '/w/index.php';
      return `${script}` +
        `?title=${encodeURIComponent(title)}` +
        `&amp;diff=${encodeURIComponent(toId)}` +
        `&amp;oldid=${encodeURIComponent(fromId)}`;
    } catch (e) {
      return '';
    }
  }

  /**
   * Constructs a permalink URL for a specific revision.
   *
   * @param {string} revId - The revision ID.
   * @returns {string} The permalink URL, or empty string on error.
   */
  function buildPermalinkUrl(revId) {
    try {
      const articlePath = mw.config.get('wgArticlePath');
      if (articlePath &amp;&amp; articlePath.includes('$1')) {
        return articlePath.replace('$1',
          `Special:Permalink/${encodeURIComponent(revId)}`);
      }
      const script = mw.config.get('wgScript') || '/w/index.php';
      return `${script}?oldid=${encodeURIComponent(revId)}`;
    } catch (e) {
      return '';
    }
  }

  /**
   * Strips all HTML comments from a string.
   *
   * @param {string} text - Input text potentially containing HTML comments.
   * @returns {string} Text with all HTML comments removed.
   */
  function stripHTMLComments(text) {
    if (!text) return text;
    return text.replace(/&lt;!--[\s\S]*?--&gt;/g, '');
  }

  /**
   * Extracts all HTTP(S) URLs from a given wikitext string. The scheme is
   * matched case-insensitively (MediaWiki links HTTPS:// just as it does
   * https://), and protocol-relative links (&quot;[//example.com ...]&quot;) are
   * normalized to https://.
   *
   * @param {string} wikitext - Raw wikitext revision content.
   * @returns {string[]} List of valid extracted URLs.
   */
  function extractURLs(wikitext) {
    const urls = [];
    if (!wikitext) return urls;

    const urlRegex = // eslint-disable-next-line max-len
      /(?:https?:\/\/|(?&lt;=^|[\s\[|=&lt;&gt;&quot;'])\/\/)(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_\+.~#?&amp;//=]*)/gi;
    let match;
    while ((match = urlRegex.exec(wikitext)) !== null) {
      const raw = match[0].startsWith('//') ? 'https:' + match[0] : match[0];
      try {
        const url = new URL(raw);
        if (/^https?:$/.test(url.protocol)) urls.push(url.href);
      } catch (error) {
        console.error(`Invalid URL rejected: ${match[0]}`, error.message);
      }
    }
    return urls;
  }

  /**
   * Web archive services whose URLs embed the original URL. Each entry's
   * `extract` returns the embedded URL string or null.
   */
  /** Restores &quot;https:/example.com&quot; (slash-collapsed by some archives) to &quot;https://example.com&quot;. */
  const fixScheme = s =&gt; s.replace(/^(https?:)\/+/i, '$1//');

  const archiveUnwrappers = [
    {
      // https://web.archive.org/web/20200101000000/https://example.com/page
      // (the embedded scheme is sometimes collapsed to &quot;https:/&quot;)
      test: h =&gt; h === 'web.archive.org' || h === 'wayback.archive.org',
      extract: u =&gt; {
        const m = u.pathname.match(/^\/web\/\d{1,14}[a-z_]*\/(https?:\/{1,2}.+)$/i);
        return m ? fixScheme(m[1]) : null;
      }
    },
    {
      // https://archive.blah/2020.01.01-000000/https://example.com/page
      test: h =&gt; /^archive\.(ph|today|is|li|vn|fo|md)$/i.test(h),
      extract: u =&gt; {
        const m = u.pathname.match(/^\/[^/]+\/(https?:\/{1,2}.+)$/i);
        return m ? fixScheme(m[1]) : null;
      }
    },
    {
      // https://webcache.googleusercontent.com/search?q=cache:https://example.com/page
      test: h =&gt; h === 'webcache.googleusercontent.com',
      extract: u =&gt; {
        const q = u.searchParams.get('q') || '';
        const m = q.match(/^cache:(?:[A-Za-z0-9_-]+:)?(.+)$/);
        if (!m) return null;
        return /^https?:\/\//i.test(m[1]) ? m[1] : 'https://' + m[1];
      }
    }
  ];

  /**
   * Resolves a URL to the hostname that should be screened. If the URL is a
   * web-archive capture of another page, the captured page's host is used.
   *
   * @param {string} url
   * @returns {{hostname: string, archiveHost: string|null}|null} Null if unparsable.
   */
  function screenedHost(url) {
    let current;
    try {
      current = new URL(url);
    } catch (e) {
      return null;
    }
    let archiveHost = null;
    for (let depth = 0; depth &lt; 3 &amp;&amp; UNWRAP_ARCHIVES; depth++) {
      const unwrapper = archiveUnwrappers.find(a =&gt; a.test(current.hostname));
      if (!unwrapper) break;
      const inner = unwrapper.extract(current);
      if (!inner) break;
      try {
        const innerUrl = new URL(inner);
        if (!/^https?:$/.test(innerUrl.protocol)) break;
        archiveHost = archiveHost || current.hostname;
        current = innerUrl;
      } catch (e) {
        break;
      }
    }
    return { hostname: current.hostname, archiveHost };
  }

  /**
   * Resolves URLs to screened domains and list indicators.
   *
   * @param {string[]} urls
   * @returns {Array&lt;{url: string, domain: string, indicator: string|null, archiveHost: string|null}&gt;}
   */
  function resolveURLs(urls) {
    const out = [];
    for (const url of urls || []) {
      const host = screenedHost(url);
      if (!host) continue;
      const domain = getRootDomain(host.hostname, publicSuffixSet);
      if (!domain) continue;
      out.push({ url, domain, indicator: highestIndicatorFor(domain), archiveHost: host.archiveHost });
    }
    return out;
  }

  /**
   * Returns the highest-priority list indicator that contains a domain.
   *
   * @param {string} domain
   * @returns {string|null}
   */
  function highestIndicatorFor(domain) {
    let chosen = null;
    for (const type of listedTypes) {
      if (indicators[type].list.has(domain) &amp;&amp;
        (!chosen || indicators[type].priority &gt; indicators[chosen].priority)) {
        chosen = type;
      }
    }
    return chosen;
  }

  /**
   * Returns the highest-priority type among a list of indicator types.
   *
   * @param {Array&lt;string|null&gt;} types
   * @returns {string|null}
   */
  function highestPriority(types) {
    let chosen = null;
    for (const t of types) {
      if (t &amp;&amp; (!chosen || indicators[t].priority &gt; indicators[chosen].priority)) chosen = t;
    }
    return chosen;
  }

  /**
   * Extracts the top-level domain from a full hostname using a public suffix set.
   *
   * @param {string} hostname - Full hostname (e.g., sub.example.co.uk).
   * @param {Set&lt;string&gt;} publicSuffixSet - Set of known public suffixes.
   * @returns {string} The top-level domain (e.g., example.co.uk).
   */
  function getRootDomain(hostname, publicSuffixSet) {
    // Handle empty or invalid hostnames
    if (!hostname || typeof hostname !== 'string') {
      console.warn('Invalid hostname provided to getRootDomain:', hostname);
      return '';
    }

    // Check if this is an IP address (simple check for IPv4)
    if (/^(\d{1,3}\.){3}\d{1,3}$/.test(hostname)) {
      return hostname; // Return IP addresses as-is
    }

    const domainParts = hostname.split('.');

    // Handle hostnames that are too short
    if (domainParts.length &lt; 2) {
      return hostname; // Return as-is if it's a single-part hostname
    }

    // Try to find a matching public suffix
    for (let i = 0; i &lt; domainParts.length; i++) {
      const candidate = domainParts.slice(i).join('.');

      // Check both normal and exception (prefixed with !) entries
      if (publicSuffixSet.has(candidate) || publicSuffixSet.has(`!${candidate}`)) {
        // If we found a match, return the domain part plus the public suffix
        // But make sure we don't go out of bounds
        if (i &gt; 0) {
          return domainParts.slice(i - 1).join('.');
        } else {
          // Edge case: the entire hostname is a public suffix
          return hostname;
        }
      }
    }

    // If no match in public suffix list, use a simple fallback:
    // For hostnames with 2 parts, return the whole thing
    // For hostnames with &gt;2 parts, return the last 2 parts
    if (domainParts.length === 2) {
      return hostname;
    } else {
      return domainParts.slice(-2).join('.');
    }
  }

  /**
   * Extracts the first page object from MediaWiki API query response.
   *
   * @param {Object} data - MediaWiki API response.
   * @returns {Object|null} The first page object or null if unavailable.
   */
  function getFirstPage(data) {
    if (!data || !data.query || !data.query.pages) return null;
    return Object.values(data.query.pages)[0] || null;
  }

  /**
   * Iterates every revision object in an API response, across all pages.
   * (A revids= query spanning several articles returns several page objects.)
   *
   * @param {Object|null} data - MediaWiki API response.
   * @returns {Object[]} Revision objects.
   */
  function allRevisionsIn(data) {
    if (!data || !data.query || !data.query.pages) return [];
    const out = [];
    for (const page of Object.values(data.query.pages)) {
      if (page &amp;&amp; Array.isArray(page.revisions)) out.push(...page.revisions);
    }
    return out;
  }

  /**
   * Returns the main-slot wikitext of a revision object, or null if the
   * revision is missing, hidden, or malformed.
   *
   * @param {Object} rev - Revision object from the API.
   * @returns {string|null}
   */
  function revisionText(rev) {
    if (!rev || rev.texthidden !== undefined) return null;
    const slot = rev.slots &amp;&amp; rev.slots.main;
    if (!slot || typeof slot['*'] !== 'string') return null;
    return slot['*'];
  }

  /**
   * Returns true if an API page object represents a page that cannot be
   * read (missing, invalid, or without an accessible revision).
   *
   * @param {Object} page - Page object from the API.
   * @returns {boolean}
   */
  function isUnreadablePage(page) {
    return !page || page.missing !== undefined || page.invalid !== undefined ||
      !Array.isArray(page.revisions) || page.revisions.length === 0;
  }

  /**
   * ==========================================================================
   * 4. Validation
   * ==========================================================================
   */

  /**
   * Validates that a string is a well-formed domain name.
   *
   * @param {string} str - The string to validate.
   * @returns {boolean} True if the string is a valid domain.
   */
  function isValidDomain(str) {
    if (!str || str.length === 0 || str.length &gt; 253) return false;
    if (!/^[a-zA-Z0-9._-]+$/.test(str)) return false;
    if (!str.includes('.')) return false;
    if (/\.\./.test(str) || str.startsWith('.') || str.endsWith('.')) return false;
    const labels = str.split('.');
    if (labels.some(l =&gt; l.length === 0 || l.length &gt; 63)) return false;
    return true;
  }

  /**
   * Validates that a string is a well-formed public suffix list entry.
   * Allows wildcard entries (e.g., *.ck) and exception entries (e.g., !www.ck).
   *
   * @param {string} str - The string to validate.
   * @returns {boolean} True if the string is a valid PSL entry.
   */
  function isValidSuffixEntry(str) {
    const cleaned = str.replace(/^[!*.]/, '');
    return /^[a-zA-Z0-9._-]+$/.test(cleaned) &amp;&amp; cleaned.length &gt; 0 &amp;&amp; cleaned.length &lt;= 253;
  }

  /**
   * Validates that a value is a string parseable as an absolute http(s) URL.
   * Used to re-validate anything read back from localStorage before it is
   * assigned to an href.
   *
   * @param {*} u - The value to validate.
   * @returns {boolean} True if the value is an http(s) URL.
   */
  function isValidHttpUrl(u) {
    if (typeof u !== 'string') return false;
    try {
      return /^https?:$/i.test(new URL(u).protocol);
    } catch (e) {
      return false;
    }
  }

  /**
   * Validates that a value is a plausible revision ID (a positive integer
   * string). Used before an ID is put into an API request or a cache key.
   *
   * @param {*} id - The value to validate.
   * @returns {boolean}
   */
  function isRevisionId(id) {
    return typeof id === 'string' &amp;&amp; /^[1-9][0-9]{0,15}$/.test(id);
  }

  /**
   * Validates that a string is a plausible MediaWiki page title.
   * Rejects titles with invalid characters, excessive length, or suspicious patterns.
   *
   * @param {string} title - The page title to validate.
   * @returns {boolean} True if the title looks like a valid page link.
   */
  function isValidPageTitle(title) {
    if (typeof title !== 'string') return false;
    if (title.length === 0 || title.length &gt; 255) return false;
    if (/[\[\]{}|#&lt;&gt;\n\r\t]/.test(title)) return false;
    if (title.includes('..')) return false;
    if (title.startsWith(':') || title.startsWith(' ') || title.endsWith(' ')) return false;
    return true;
  }

  /**
   * Determines whether a given page title does *not* belong to the main or draft namespaces.
   * A missing title is treated as &quot;not an article&quot; so the row is skipped rather
   * than crashing the run.
   *
   * @param {string} pageTitle - The title of the page.
   * @returns {boolean} True if not an article namespace.
   */
  function isNotArticle(pageTitle) {
    if (typeof pageTitle !== 'string') return true;
    return namespaces.some(namespace =&gt; pageTitle.startsWith(namespace));
  }

  /**
   * Checks whether an element matches the specified filter.
   *
   * @param {Element} element - The DOM element to test.
   * @param {string} filterId - The active filter ID.
   * @returns {boolean} True if the element matches the filter.
   */
  function elementMatchesFilter(element, filterId) {
    if (filterId === 'linkchange') {
      return element.hasAttribute('data-cw-linkchange') ||
        listedTypes.some(type =&gt; element.hasAttribute(indicators[type].dataAttr));
    }
    if (indicators[filterId] &amp;&amp; indicators[filterId].dataAttr) {
      return element.hasAttribute(indicators[filterId].dataAttr);
    }
    return false;
  }

  /**
   * ==========================================================================
   * 5. Fetch
   * ==========================================================================
   */

  /**
   * Fetches revisions by ID and returns them keyed by revision ID (as strings),
   * across all pages in the response.
   *
   * @param {string[]} revIds
   * @param {string[]} rvprop - Properties to request (always includes 'ids').
   * @returns {Promise&lt;Map&lt;string, Object&gt;|null&gt;} Map of id -&gt; revision object,
   *   or null if the request failed.
   */
  async function fetchRevisionsById(revIds, rvprop) {
    const data = await fetchRevisionData({
      revids: revIds,
      rvprop: unique(['ids', ...rvprop]),
      rvslots: ['main']
    });
    if (!data) return null;
    const out = new Map();
    for (const rev of allRevisionsIn(data)) {
      if (rev &amp;&amp; rev.revid !== undefined) out.set(String(rev.revid), rev);
    }
    return out;
  }

  /**
   * Fetches wikitext for a chunk of revision IDs in one request.
   *
   * @param {string[]} revIds - Revision IDs (at most CONTENT_CHUNK_SIZE).
   * @returns {Promise&lt;Map&lt;string, string|null&gt;|null&gt;} Map of id -&gt; wikitext
   *   (null for a revision that exists but is unreadable), or null if the
   *   request itself failed. IDs the API did not return are absent.
   */
  async function fetchRevisionTexts(revIds) {
    const revs = await fetchRevisionsById(revIds, ['content']);
    if (!revs) return null;
    return new Map(Array.from(revs, ([id, rev]) =&gt; [id, revisionText(rev)]));
  }
  /**
   * Fetches parent IDs and sizes for a list of revision IDs, chunked at the
   * API maximum and fetched concurrently.
   *
   * @param {string[]} revisionIds - Revision IDs.
   * @returns {Promise&lt;Object&gt;} Map of id -&gt; {parentid, size}; IDs that could
   *   not be resolved are absent.
   */
  async function fetchRevisionMetadata(revisionIds) {
    const result = {};
    const chunks = [];
    for (let i = 0; i &lt; revisionIds.length; i += METADATA_CHUNK_SIZE) {
      chunks.push(revisionIds.slice(i, i + METADATA_CHUNK_SIZE));
    }
    await runPool(chunks.map(chunk =&gt; async () =&gt; {
      const revs = await fetchRevisionsById(chunk, ['size']);
      for (const [id, rev] of revs || []) {
        result[id] = {
          parentid: rev.parentid || 0,
          size: typeof rev.size === 'number' ? rev.size : undefined
        };
      }
    }), CONTENT_CONCURRENCY);
    return result;
  }
  /**
   * Fetches a page's current wikitext (main slot) by title.
   *
   * @param {string} pageTitle
   * @returns {Promise&lt;string|null&gt;} Null if the page is missing, unreadable, or the request failed.
   */
  async function fetchPageWikitext(pageTitle) {
    if (!isValidPageTitle(pageTitle)) return null;
    const page = getFirstPage(await fetchRevisionData({
      titles: [pageTitle],
      rvprop: ['content'],
      rvslots: ['main']
    }));
    return isUnreadablePage(page) ? null : revisionText(page.revisions[0]);
  }

  /**
   * Fetches the ID of the first revision of a page.
   *
   * @param {string} pageTitle - The page title to look up.
   * @returns {number|null} Revision ID or null.
   */
  async function fetchFirstRevisionId(pageTitle) {
    if (!isValidPageTitle(pageTitle)) return null;
    const page = getFirstPage(await fetchRevisionData({
      titles: [pageTitle],
      rvlimit: 1,
      rvdir: 'newer',
      rvprop: ['ids'],
    }));
    if (isUnreadablePage(page)) return null;
    return page.revisions[0].revid || null;
  }
  /**
   * Fetches the list of subpages from the list of lists, parses wikilinks, caches
   * the result, and returns list of subpage titles.
   *
   * @param {string} pageName - Title of the list-of-lists page.
   * @returns {Promise&lt;string[]&gt;} List of subpage titles (empty on failure).
   */
  async function fetchDomainListPages(pageName) {
    const cacheKey = `citationWatchlistFetchDomainListPages_${pageName}`;
    const cachedContent = readCache(cacheKey);
    if (Array.isArray(cachedContent) &amp;&amp; cachedContent.length &gt; 0) {
      console.log('Loaded list of lists from cache');
      return cachedContent.filter(title =&gt; isValidPageTitle(title));
    }
    const content = await fetchPageWikitext(pageName);
    if (content === null) {
      console.error(`Citation Watchlist: list of lists &quot;${pageName}&quot; could not be loaded`);
      return [];
    }
    const pageTitles = [];
    for (const line of content.split('\n')) {
      if (!line.startsWith('* [[')) continue;
      const match = line.match(/\[\[([^\]]+)\]\]/); // first [[Page Title]]
      if (!match) continue;
      const title = match[1];
      if (isValidPageTitle(title)) {
        pageTitles.push(title);
      } else {
        console.warn(`Rejected invalid page title: &quot;${title}&quot;`);
      }
    }
    if (pageTitles.length &gt; 0) {
      writeCache(cacheKey, pageTitles);
      console.log('Loaded from API and stored in cache');
    }
    return pageTitles;
  }

  /**
   * Parses one domain list page into per-indicator domain arrays.
   * Entries that are not bare domains are collected as lint. A leading &quot;www.&quot;
   * is stripped (with a lint note), since root domains never carry it.
   *
   * @param {string} title - Page title, for lint messages.
   * @param {string} content - Page wikitext.
   * @returns {Object} {warning: string[], caution: string[], inspect: string[], lint: string[]}
   */
  function parseDomainList(title, content) {
    const parsed = { lint: [] };
    for (const type of listedTypes) parsed[type] = [];
    let current = null;
    for (const line of content.split('\n')) {
      const trimmed = line.trim();
      if (/^==/.test(trimmed)) {
        // Any heading ends the current section; only recognized ones open a new one.
        current = listedTypes.find(t =&gt; indicators[t].section === trimmed) || null;
        continue;
      }
      if (!line.startsWith('*') || !current) continue;
      let domain = line.substring(1).trim().toLowerCase();
      if (!domain) continue;
      if (/^www\./.test(domain) &amp;&amp; isValidDomain(domain.slice(4))) {
        parsed.lint.push(`${title}: &quot;${domain}&quot; has a www. prefix; matched as &quot;${domain.slice(4)}&quot;`);
        domain = domain.slice(4);
      }
      if (isValidDomain(domain)) {
        if (parsed[current].length &lt; MAX_DOMAINS_PER_LIST) {
          parsed[current].push(domain);
        } else {
          parsed.lint.push(`${title}: cap of ${MAX_DOMAINS_PER_LIST} reached in ${current}`);
        }
      } else {
        parsed.lint.push(`${title}: &quot;${domain}&quot; is not a bare domain (paths, wildcards and ` +
          `bare TLDs are not supported) and was ignored`);
      }
    }
    return parsed;
  }

  /**
   * Loads domain lists from a set of pages (parsed form cached per page) and
   * populates the `Set` of each indicator. Pages that are missing or fail to
   * load are skipped and recorded in loadWarnings; the remaining lists still load.
   *
   * @param {string[]} pageNames - List of page titles to fetch.
   */
  async function fetchAndOrganizeDomainLists(pageNames) {
    const parsedLists = [];
    const pagesToFetch = [];
    const isParsed = p =&gt; p &amp;&amp; typeof p === 'object' &amp;&amp; listedTypes.every(t =&gt; Array.isArray(p[t]));
    for (const title of pageNames) {
      const cached = readCache(`domainList:${location.hostname}:${title}`);
      if (isParsed(cached)) {
        parsedLists.push(cached);
      } else {
        pagesToFetch.push(title);
      }
    }
    if (pagesToFetch.length &gt; 0) {
      const apiData = await fetchRevisionData({
        titles: pagesToFetch,
        rvprop: ['content'],
        rvslots: ['main'],
      });
      const pages = (apiData &amp;&amp; apiData.query &amp;&amp; apiData.query.pages) || null;
      if (!pages) {
        loadWarnings.push(`API request for ${pagesToFetch.length} list page(s) failed`);
        console.error('Citation Watchlist: domain list fetch failed for', pagesToFetch);
      } else {
        // The API normalizes titles (underscores -&gt; spaces); cache under the
        // requested spelling so the next load hits.
        const requestedFor = {};
        for (const t of pagesToFetch) requestedFor[t.replace(/_/g, ' ')] = t;
        for (const page of Object.values(pages)) {
          const title = page.title || '?';
          if (isUnreadablePage(page)) {
            loadWarnings.push(`List page &quot;${title}&quot; is missing or unreadable`);
            console.warn(`Citation Watchlist: skipping list page &quot;${title}&quot;`);
            continue;
          }
          const content = revisionText(page.revisions[0]);
          if (content === null) {
            loadWarnings.push(`List page &quot;${title}&quot; has no readable content`);
            continue;
          }
          const parsed = parseDomainList(title, content);
          parsedLists.push(parsed);
          const cacheTitle = requestedFor[title] || title;
          writeCache(`domainList:${location.hostname}:${cacheTitle}`, parsed);
        }
      }
    }
    for (const parsed of parsedLists) {
      for (const type of listedTypes) {
        for (const domain of parsed[type]) {
          if (isValidDomain(domain)) indicators[type].list.add(domain);
        }
      }
      if (Array.isArray(parsed.lint)) {
        listLint.push(...parsed.lint.filter(l =&gt; typeof l === 'string'));
      }
    }
  }

  /**
   * Fetches and caches the public suffix list used to identify top-level domains.
   * The cache holds the validated entries, so cached loads skip parsing.
   *
   * @returns {Promise&lt;Set&lt;string&gt;&gt;} Set of public suffixes.
   */
  async function fetchPublicSuffixList() {
    const cacheKey = 'publicSuffixListCache';
    const cached = readCache(cacheKey);
    if (Array.isArray(cached) &amp;&amp; cached.length &gt;= MIN_PSL_ENTRIES) {
      console.log('Using cached public suffix list');
      return new Set(cached.filter(e =&gt; typeof e === 'string' &amp;&amp; isValidSuffixEntry(e)));
    }
    const pslUrl = mw.config.get('wgArticlePath').replace('$1', publicSuffixList) +
      '?action=raw';
    console.log(`Raw page text request: ${pslUrl}`);
    const content = await safeFetch(fetch, pslUrl).then(response =&gt; response ?
      response.text() : null);
    if (!content) return new Set();
    const entries = [];
    for (const line of content.split('\n')) {
      const trimmed = line.trim();
      if (trimmed &amp;&amp; !trimmed.startsWith('//') &amp;&amp; isValidSuffixEntry(trimmed)) {
        entries.push(trimmed);
      }
    }
    if (entries.length &lt; MIN_PSL_ENTRIES) {
      console.error(`Public suffix list suspiciously small (${entries.length} entries), rejecting`);
      return new Set();
    }
    // Only cache a list that passed validation
    writeCache(cacheKey, entries);
    return new Set(entries);
  }

  /**
   * Makes a MediaWiki API call to fetch revision metadata or content.
   *
   * @param {Object} data - Options for the API call, such as `revids`, `titles`, `rvprop`, etc.
   * @returns {Promise&lt;Object|null&gt;} MediaWiki API query result, or null on failure.
   */
  async function fetchRevisionData(data) {
    const paramKeys = ['rvprop', 'revids', 'titles', 'rvslots'];
    const params = {
      action: 'query',
      prop: 'revisions',
      format: 'json',
      rvdir: data.rvdir || 'older',
      origin: '*'
    };
    if (data.rvlimit) {
      params.rvlimit = data.rvlimit;
    }
    paramKeys.forEach(key =&gt; {
      if (data[key]) {
        params[key] = Array.isArray(data[key]) ? data[key].join('|') : data[key];
      }
    });
    const api = new mw.Api();
    return await safeFetch(api.get.bind(api), params);
  }

  /**
   * Wraps any asynchronous fetch function with retry logic and error handling.
   *
   * @param {Function} fn - The function to execute (usually an API call).
   * @param {...any} args - Arguments to pass to the fetch function.
   * @returns {Promise&lt;any|null&gt;} Result of the fetch or null on failure.
   */
  async function safeFetch(fn, ...args) {
    const retries = 2;
    const retryDelay = 1000;
    const maxAttempts = retries + 1;

    for (let attempt = 1; attempt &lt;= maxAttempts; attempt++) {
      try {
        const result = await fn(...args);
        if (result === null || result === undefined) {
          throw new Error('Received null or undefined response');
        }
        if (typeof result.ok === 'boolean' &amp;&amp; !result.ok) {
          throw new Error(`HTTP error ${result.status}: ${result.statusText || 'Unknown error'}`);
        }
        return result;
      } catch (error) {
        if (attempt &lt; maxAttempts) {
          console.warn(
            `Error during ${fn.name || 'fetch operation'} (attempt ${attempt}/${maxAttempts}):`,
            error.message || error);
          await new Promise(resolve =&gt; setTimeout(resolve, retryDelay));
        } else {
          console.error(
            `All ${maxAttempts} attempts failed for ${fn.name || 'fetch operation'}:`,
            error.message || error);
        }
      }
    }
    return null;
  }

  /**
   * ==========================================================================
   * 6. Cache
   * ==========================================================================
   */

  /**
   * Returns every localStorage key with the given prefix. Snapshotting the keys
   * first means callers can remove entries without the index shifting under them.
   *
   * @param {string} prefix - Key prefix to match.
   * @returns {string[]}
   */
  function cacheKeysWithPrefix(prefix) {
    const keys = [];
    try {
      for (let i = 0; i &lt; localStorage.length; i++) {
        const key = localStorage.key(i);
        if (key &amp;&amp; key.startsWith(prefix)) keys.push(key);
      }
    } catch (e) {
      /* storage unavailable */
    }
    return keys;
  }

  /**
   * Removes every localStorage key with the given prefix.
   *
   * @param {string} prefix
   */
  function removeKeysWithPrefix(prefix) {
    for (const key of cacheKeysWithPrefix(prefix)) localStorage.removeItem(key);
  }

  /**
   * Runs all cache maintenance: retired prefixes, version invalidation, and
   * (at most once per CACHE_PURGE_INTERVAL) expiry and eviction.
   */
  function purgeCaches() {
    try {
      purgeStaleVersionedCaches();
      const lastKey = 'citationWatchlist_lastPurge';
      const last = parseInt(localStorage.getItem(lastKey), 10);
      if (isNaN(last) || Date.now() - last &gt; CACHE_PURGE_INTERVAL) {
        purgeExpiredCache();
        localStorage.setItem(lastKey, Date.now().toString());
      }
    } catch (e) {
      console.warn('Citation Watchlist: cache maintenance failed:', e);
    }
  }

  /**
   * Removes caches from retired prefixes and purges cached entries whose stored
   * version is older than the current version. Each cache type tracks its own
   * version independently via a localStorage key.
   */
  function purgeStaleVersionedCaches() {
    for (const prefix of retiredCachePrefixes) {
      removeKeysWithPrefix(prefix);
      localStorage.removeItem(`citationWatchlist_cacheVersion:${prefix}`);
    }
    for (const cache of cacheConfig) {
      const versionKey = `citationWatchlist_cacheVersion:${cache.prefix}`;
      const storedVersion = parseInt(localStorage.getItem(versionKey), 10);
      const effectiveVersion = isNaN(storedVersion) ? 0 : storedVersion;
      if (effectiveVersion &lt; cache.version) {
        removeKeysWithPrefix(cache.prefix);
        try {
          localStorage.setItem(versionKey, cache.version.toString());
        } catch (e) {
          console.warn('Cache version write error:', e);
        }
        console.log(`Cache invalidated for &quot;${cache.prefix}&quot;: version ${effectiveVersion} → ${cache.version}`);
      }
    }
  }

  /**
   * Removes expired localStorage cache entries and enforces per-cache entry
   * caps by evicting the oldest entries.
   */
  function purgeExpiredCache() {
    const now = Date.now();
    const stats = { checked: 0, expired: 0, evicted: 0, errors: 0 };

    for (const cache of cacheConfig) {
      // Snapshot keys first so removals do not shift the iteration index
      const survivors = []; // { key, timestamp }
      for (const key of cacheKeysWithPrefix(cache.prefix)) {
        stats.checked++;
        try {
          const value = localStorage.getItem(key);
          let parsed = null;
          try {
            parsed = value ? JSON.parse(value) : null;
          } catch (jsonError) {
            stats.errors++;
          }
          if (!parsed || typeof parsed.timestamp !== 'number' || now - parsed.timestamp &gt; cache.ttl) {
            localStorage.removeItem(key);
            stats.expired++;
            continue;
          }
          survivors.push({ key, timestamp: parsed.timestamp });
        } catch (itemError) {
          stats.errors++;
          try {
            localStorage.removeItem(key);
          } catch (e) { /* ignore */ }
        }
      }
      if (cache.maxEntries &amp;&amp; survivors.length &gt; cache.maxEntries) {
        survivors.sort((a, b) =&gt; a.timestamp - b.timestamp);
        const excess = survivors.length - cache.maxEntries;
        for (let i = 0; i &lt; excess; i++) {
          localStorage.removeItem(survivors[i].key);
          stats.evicted++;
        }
      }
    }
    if (stats.checked &gt; 0) {
      console.log(`Cache cleanup: checked ${stats.checked}, expired ${stats.expired}, ` +
        `evicted ${stats.evicted}, errors ${stats.errors}`);
    }
  }

  /**
   * Looks up the cache configuration whose prefix matches a key.
   *
   * @param {string} key - A cache key or prefix.
   * @returns {Object|undefined}
   */
  function cacheConfigFor(key) {
    return cacheConfig.find(c =&gt; key.startsWith(c.prefix));
  }
  /**
   * Reads a JSON cache entry from localStorage, returning the stored content
   * if it exists and has not expired (TTL taken from the key's cacheConfig
   * entry). Callers must validate the shape of the returned content.
   *
   * @param {string} key - The localStorage key.
   * @returns {*|null} The cached content, or null if missing/expired/invalid.
   */
  function readCache(key) {
    const config = cacheConfigFor(key);
    let raw;
    try {
      raw = config ? localStorage.getItem(key) : null;
    } catch (e) {
      return null;
    }
    if (!raw) return null;
    try {
      const parsed = JSON.parse(raw);
      if (parsed &amp;&amp; typeof parsed.timestamp === 'number' &amp;&amp;
        (Date.now() - parsed.timestamp &lt; config.ttl) &amp;&amp; parsed.content !== undefined) {
        return parsed.content;
      }
    } catch (e) {
      console.warn('Cache read error:', e);
    }
    return null;
  }
  /**
   * Writes a JSON cache entry to localStorage with an embedded timestamp.
   * Failures (e.g. quota exceeded) are logged and otherwise ignored; the
   * cache is an optimization, never a dependency.
   *
   * @param {string} key - The localStorage key.
   * @param {*} content - The data to cache.
   */
  function writeCache(key, content) {
    try {
      localStorage.setItem(key, JSON.stringify({ timestamp: Date.now(), content }));
    } catch (e) {
      console.warn('Cache write error:', e);
    }
  }

  /**
   * ==========================================================================
   * 7. Entry Point
   * ==========================================================================
   */

  analyzeView().catch(e =&gt; {
    console.error('Citation Watchlist: unrecoverable error:', e);
    loadWarnings.push('Citation Watchlist stopped early due to an error (see console)');
    finishChangeListPass();
  }).then(() =&gt; {
    console.log('Citation Watchlist script finished executing');

    // On enhanced RC pages, hide the summary gutter on a group's header row
    // while the group is expanded (each nested row then shows its own).
    document.querySelectorAll('table.mw-enhanced-rc').forEach(table =&gt; {
      const checkbox = groupToggleCheckbox(table);
      if (!checkbox) return;
      checkbox.addEventListener('change', () =&gt; {
        const topRow = table.querySelector('tr');
        const gutter = topRow &amp;&amp; topRow.querySelector('.cw-gutter');
        if (!gutter) return;
        const host = gutter.parentElement;
        gutter.style.display = checkbox.checked ? 'none' : 'inline-flex';
        if (host) host.style.paddingLeft = checkbox.checked ? '' : 'calc(2em + 0.5em)';
      });
    });
  });

})();</text>
      <sha1>sikba0s311o9rl4es3t75tbkkz1cem1</sha1>
    </revision>
    <revision>
      <id>781272</id>
      <parentid>781271</parentid>
      <timestamp>2026-10-27T23:53:15Z</timestamp>
      <contributor>
        <username>Harej</username>
        <id>7994</id>
      </contributor>
      <comment>Better handling of multiple links to the same domain + archive links</comment>
      <origin>781272</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="105675" sha1="l6umo95ahffjyehvopg1l7u034hsp37" xml:space="preserve">/**
 *
 * Citation Watchlist
 * https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist
 *
 */

(function() {
  'use strict';

  /**
   * ==========================================================================
   * LOCALIZATION
   * ==========================================================================
   */


  /* Labeling tool in the user interface */
  const toolName              =  'Citation Watchlist';
  const aboutLink             =  'https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist';

  /* Revision inspection popup */
  const addedLabel            =  'Added';
  const removedLabel          =  'Removed';
  const viewDiffLabel         =  'View Diff';
  const viewRevisionLabel     =  'View Revision';
  const aboutLabel            =  'About Citation Watchlist';
  const archivedViaLabel      =  'Archived copy hosted at';
  const archiveOnlyLabel      =  'Added (archive only)';
  const archivedLabel         =  'Archived';
  const swappedLabel          =  'Swapped to archive';
  const showAllLinksLabel     =  'Show all $1 links';

  /* Filter widget */
  const showEditsLabel        =  'Show edits:';
  const loadingLabel          =  'Loading...';
  const allLabel              =  'All';
  const linkChangesLabel      =  'Link Changes';
  const linkChangesTooltip    =  'Edits that add or remove links in articles';
  const noMatchingEditsLabel  =  'No matching edits';

  /* Load-failure indicator */
  const loadWarningGlyph      =  '⚠';
  const loadWarningPrefix     =  'Some Citation Watchlist lists could not be loaded:';


  /**
   * ==========================================================================
   * DOMAIN LIST CONFIGURATION
   * ==========================================================================
   *
   * Citation Watchlist requires the following wiki pages to function:
   *
   * 1. Public Suffix List
   *    - A local copy of the public suffix list, used for domain parsing.
   *    - Copy the contents of:
   *        https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist/Public_Suffix_List
   *      to a page on your own wiki.
   *    - Update the `publicSuffixList` variable below to reflect your page title.
   *
   * 2. List of Lists
   *    - A page linking to one or more domain list pages.
   *    - Format as a bullet list: &quot;* [[Page Title]]&quot; (space after asterisk).
   *    - Reference formatting example:
   *        https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist/Lists
   *    - Update the `listOfLists` variable below accordingly.
   *
   * 3+. Domain List Pages
   *    - One or more pages listing suspicious or noteworthy domains.
   *    - Each page must contain section headers that match the `indicators` config
   *      below (e.g., &quot;==Warn==&quot;, &quot;==Caution==&quot;).
   *    - Under each section, list domains in the format: &quot;* example.com&quot;
   *    - Do not use link formatting—just plain text.
   *    - Entries with paths (&quot;example.com/opinion&quot;), no dot (&quot;gov&quot;), or a
   *      leading &quot;www.&quot; are not supported and are reported in the console.
   */


  const publicSuffixList       =  'Wikipedia:Citation_Watchlist/Public_Suffix_List';
  const listOfLists            =  'Wikipedia:Citation_Watchlist/Lists';
  const enabledNamespaces      =  [-1, 0, 118];
  const enabledSectionHeaders  =  ['References'];

  /**
   * Detection options.
   * - UNWRAP_ARCHIVES: screen the original URL embedded in a web archive link
   *   (web.archive.org, archive.today, Google cache) rather than the archive
   *   host. The popup still links to the cited archive URL.
   * - SHOW_LINT_IN_WIDGET: also show domain-list lint (ignored entries) in the
   *   filter widget's warning tooltip. Lint always goes to the console.
   */
  const UNWRAP_ARCHIVES        =  true;
  const SHOW_LINT_IN_WIDGET    =  false;

  /**
   * ==========================================================================
   * INDICATOR CONFIGURATION
   * ==========================================================================
   *
   * Defines metadata for domain indicators used in the watchlist UI.
   * Each indicator is associated with a level of urgency and a unique symbol.
   *
   * Fields:
   * - msg:      Display label for the level (e.g., &quot;Warning&quot;, &quot;Caution&quot;).
   * - emoji:    Unicode character for the visual indicator (escaped as `\uXXXX`).
   * - section:  Must exactly match the section headers in the domain list pages.
   * - priority: Higher values override lower ones for conflicting domain matches.
   *             Priority scale: 1 (lowest) to N (highest).
   * - list:     Defined as &quot;new Set()&quot; for all indicator types.
   *
   * If a domain appears in multiple lists, the one with the highest priority
   * takes precedence.
   */


  const indicators = {
    warning: {
      msg:          'Warning',
      emoji:        '❗',
      section:      '==Warn==',
      explanation:  'This domain is classified as an unreliable source',
      priority:     3,
      dataAttr:     'data-cw-linkwarn',
      list:         new Set()
    },
    caution: {
      msg:          'Caution',
      emoji:        '✋',
      section:      '==Caution==',
      explanation:  'This source may be unreliable depending on context',
      priority:     2,
      dataAttr:     'data-cw-linkcaution',
      list:         new Set()
    },
    inspect: {
      msg:          'Inspect',
      emoji:        '🔎',
      section:      '==Inspect==',
      explanation:  'Take a closer look at this particular source',
      priority:     1,
      dataAttr:     'data-cw-linkinspect',
      list:         new Set()
    },
    added: {
      msg:          addedLabel,
      emoji:        '\u{1F517}',
      section:      null,
      explanation:  'All added links',
      priority:     0,
      list:         new Set()
    },
    removed: {
      msg:          removedLabel,
      emoji:        '\u{1F5D1}',
      section:      null,
      explanation:  'All removed links',
      priority:     -1,
      list:         new Set()
    }
  };

  /** Indicator types that come from the domain lists (priority &gt; 0). */
  const listedTypes = Object.keys(indicators).filter(t =&gt; indicators[t].priority &gt; 0);

  /**
   * Kinds of link change between two revisions, in popup display order.
   * `counts` says whether the kind counts as a source being added or removed
   * (and so drives the gutter icon and list indicators); archive supplements
   * and swaps are shown but not counted, since the source was already cited.
   */
  const changeKinds = {
    added: {
      msg: addedLabel, emoji: indicators.added.emoji,
      explanation: 'Links to sources not previously cited', counts: 'added'
    },
    archiveOnly: {
      msg: archiveOnlyLabel, emoji: '\u{1F4E6}',
      explanation: 'An archived copy was cited without the original link', counts: 'added'
    },
    archived: {
      msg: archivedLabel, emoji: '\u{1F4E6}',
      explanation: 'An archive link was added alongside an existing citation', counts: null
    },
    swapped: {
      msg: swappedLabel, emoji: '\u{1F501}',
      explanation: 'An existing link was replaced by its archived copy', counts: null
    },
    removed: {
      msg: removedLabel, emoji: indicators.removed.emoji,
      explanation: indicators.removed.explanation, counts: 'removed'
    }
  };

  /** Popups with more links than this start collapsed. */
  const POPUP_COLLAPSE_AFTER = 8;


  /**
   * Citation Watchlist
   *
   * Highlights potentially questionable citations added in Wikipedia revisions
   * based on community-built lists of domain names
   *
   *
   * Documentation: https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist
   *
   * Author: James Hare
   * License: GNU General Public License v3.0 (GPL-3.0)
   *
   * @version 2.5
   * @since 2026-10-28
   */


  /**
   * IF YOU WANT TO MODIFY any part of the script below this point, please submit
   * your edits to https://test.wikipedia.org/wiki/User:Harej/citation-watchlist.js
   * so that your modifications can be tested.
   */


  let publicSuffixSet = new Set();
  const MAX_DOMAINS_PER_LIST = 50000;
  const MIN_PSL_ENTRIES = 1000;

  /**
   * Revisions larger than this are not scanned. MediaWiki's own page-size
   * limit is 2 MiB, so this only trips on pathological cases; it bounds the
   * download and regex work done per row.
   */
  const MAX_REVISION_CHARS = 2 * 1024 * 1024;

  /**
   * Revision fetching strategy. Rows are never fetched one at a time: revision
   * IDs are grouped into small chunks (so the first chunk returns quickly and
   * its rows render while the rest are still in flight), several chunks are
   * kept in flight at once, and rows are annotated the moment their chunk
   * arrives. Concurrency is capped because origin=* requests are anonymous and
   * therefore per-IP rate limited (see release notes for 1.5/1.6).
   */
  const CONTENT_CHUNK_SIZE = 8;             // max revisions per content request
  const CONTENT_CHUNK_BYTES = 400 * 1024;   // soft byte budget per chunk when sizes are known
  const CONTENT_CONCURRENCY = 4;            // simultaneous content requests
  const METADATA_CHUNK_SIZE = 50;           // revids per ids|size request (API max for users)
  const ASSUMED_REVISION_BYTES = 40 * 1024; // chunking estimate when size is unknown
  const LIVE_RELOAD_DEBOUNCE_MS = 250;      // settle time after the change list is replaced

  /**
   * Non-fatal problems encountered while loading configuration (missing list
   * pages, API failures). Surfaced in the filter widget so list maintainers
   * notice quickly, instead of the tool silently running with partial data.
   */
  const loadWarnings = [];

  /**
   * Domain-list lint: entries that were ignored because they are not bare
   * domains. Always logged; shown in the widget only if SHOW_LINT_IN_WIDGET.
   */
  const listLint = [];

  /**
   * Unified cache configuration. Each entry defines a cache key prefix, its TTL,
   * version number, an optional cap on the number of entries kept, and a
   * human-readable description.
   *
   * - revURLs:  per-revision list of extracted URLs. Revisions are immutable,
   *   so the TTL and cap exist only to bound storage.
   * - sectionURLs: per-revision, per-section URL map from rendered article HTML.
   * - domainList: parsed domain lists ({warning: [...], caution: [...], ...}).
   * - publicSuffixListCache: validated PSL entries as an array.
   * - citationWatchlistFetchDomainListPages_: list-of-lists page titles.
   */
  const cacheConfig = [
    {
      prefix: 'revURLs:',
      ttl: 30 * 24 * 60 * 60 * 1000,
      version: 1,
      maxEntries: 4000,
      description: 'Revision URL cache'
    },
    {
      prefix: 'sectionURLs:',
      ttl: 30 * 24 * 60 * 60 * 1000,
      version: 1,
      maxEntries: 500,
      description: 'Article section URL cache'
    },
    {
      prefix: 'domainList:',
      ttl: 6 * 60 * 60 * 1000,
      version: 1,
      description: 'Domain list cache'
    },
    {
      prefix: 'publicSuffixListCache',
      ttl: 24 * 60 * 60 * 1000,
      version: 1,
      description: 'Public suffix list cache'
    },
    {
      prefix: 'citationWatchlistFetchDomainListPages_',
      ttl: 4 * 60 * 60 * 1000,
      version: 0,
      description: 'Domain list pages cache'
    }
  ];

  /** Cache prefixes from earlier versions, removed on startup. */
  const retiredCachePrefixes = ['revisionDiff:'];

  /** How often (ms) the full localStorage expiry/eviction pass runs. */
  const CACHE_PURGE_INTERVAL = 60 * 60 * 1000;

  /**
   * ==========================================================================
   * 1. Primary Workflow
   * ==========================================================================
   */

  /** Resolves once the PSL and domain lists are loaded (true) or failed (false). */
  let configReady = null;

  /** Rows already handed to processRevisions(), so live reloads only pick up new ones. */
  const seenRows = new WeakSet();

  /**
   * Loads the public suffix list and the domain lists, in parallel. Never
   * throws; failures are recorded in loadWarnings.
   *
   * @returns {Promise&lt;boolean&gt;} True if the tool can screen domains.
   */
  async function loadConfiguration() {
    try {
      const [psl, listPages] = await Promise.all([
        fetchPublicSuffixList(),
        fetchDomainListPages(listOfLists)
      ]);
      publicSuffixSet = psl;
      if (publicSuffixSet.size === 0) {
        console.error('Public Suffix List loading failed');
        loadWarnings.push('Public Suffix List could not be loaded');
        return false;
      }
      console.log('Welcome to Citation Watchlist');
      if (listPages &amp;&amp; listPages.length &gt; 0) {
        await fetchAndOrganizeDomainLists(listPages);
      } else {
        loadWarnings.push(`Could not load list of lists (${listOfLists})`);
      }
      if (listLint.length &gt; 0) {
        console.warn(`Citation Watchlist: ${listLint.length} domain-list entries were ignored:\n` +
          listLint.join('\n'));
      }
      return true;
    } catch (e) {
      console.error('Citation Watchlist: configuration load failed:', e);
      loadWarnings.push('Configuration could not be loaded (see console)');
      return false;
    }
  }

  /**
   * Function called by the entry point for Citation Watchlist.
   * Determines if the current page should be analyzed, starts loading the
   * configuration, collects the revisions behind each change-list row, and
   * fetches and annotates them while the configuration loads.
   */
  async function analyzeView() {
    purgeCaches();
    const ns = mw.config.get('wgNamespaceNumber');
    const inspectEnabled = enabledNamespaces.includes(ns);

    // Start the configuration load immediately; nothing below waits on it
    // until the first row is ready to render.
    if (inspectEnabled) {
      configReady = loadConfiguration();
    }

    // Article surface: scan enabled sections for watchlisted domains
    const action = mw.config.get('wgAction');
    if (action === 'view' &amp;&amp; ns &gt;= 0 &amp;&amp; inspectEnabled) {
      if (await configReady) {
        await analyzeArticleSections();
      }
      return;
    }

    // Pre-pad change log lines immediately on Special:RecentChanges for visual stability
    if (ns === -1) {
      document.querySelectorAll('li.mw-changeslist-line, .mw-changeslist-line')
        .forEach(line =&gt; prePadElement(line));
      flushGutterPadding();
    }

    if (!inspectEnabled) {
      return;
    }
    createChangeListFilterWidget();
    await annotateChangeList(document, true);
    installLiveReloadObserver();
  }

  /**
   * Collects and annotates every unseen change-list row under `root`.
   *
   * @param {Document|Element} root - Where to look for rows.
   * @param {boolean} allowFirstRevisionFallback - On a page history with no
   *   diff links (single-revision page), analyze the page's first revision.
   */
  async function annotateChangeList(root, allowFirstRevisionFallback) {
    const revisions = [];
    let noLinks = true;

    // Prefer iterating per-change rows when available (JS-enhanced watchlist/RC);
    // fall back to link containers on non-enhanced layouts.
    const unseen = selector =&gt; Array.from(root.querySelectorAll(selector)).filter(el =&gt; !seenRows.has(el));
    let entries = unseen('[data-mw-revid]:not(.mw-userlink), .mw-changeslist-line');
    let prePadCallback = null;
    if (entries.length &gt; 0) {
      entries.forEach(line =&gt; prePadElement(line));
      flushGutterPadding();
    } else {
      entries = unseen('.mw-changeslist-links');
      prePadCallback = (_el, link) =&gt; {
        const target = link.parentNode.parentNode;
        prePadElement(target);
        flushGutterPadding();
        return target;
      };
    }

    for (const entry of entries) {
      seenRows.add(entry);
      const result = await extractEntry(entry, entry, prePadCallback);
      if (result.hasLink) noLinks = false;
      if (!result.skip &amp;&amp; result.revision) revisions.push(result.revision);
    }

    // If no links were found, extract the first revision ID
    if (allowFirstRevisionFallback &amp;&amp; noLinks &amp;&amp; entries.length &gt; 0) {
      try {
        const firstID = await fetchFirstRevisionId(mw.config.get('wgTitle'));
        if (firstID) {
          revisions.push({
            oldrevision: String(firstID),
            element: entries[0],
            viewHref: buildPermalinkUrl(firstID),
            viewLabel: viewRevisionLabel
          });
        }
      } catch (e) {
        console.warn('Citation Watchlist: single-revision fallback failed:', e);
      }
    }

    await processRevisions(revisions);
    finishChangeListPass();
  }

  /**
   * Extracts the revision behind one change-list entry, isolating failures so
   * that a single malformed row does not abort the remaining rows.
   *
   * @param {Element} container - The DOM element to query for revision links.
   * @param {Element} element - The DOM element to attach to the revision object.
   * @param {Function|null} prePadCallback - See extractRevisionFromLinks.
   * @returns {Promise&lt;{revision: Object|null, hasLink: boolean, skip: boolean}&gt;}
   */
  async function extractEntry(container, element, prePadCallback) {
    try {
      return await extractRevisionFromLinks(container, element, prePadCallback);
    } catch (e) {
      console.warn('Citation Watchlist: skipping entry due to error:', e);
      // Report hasLink=true so a row-level failure never triggers the
      // single-revision fallback for the whole page.
      return { revision: null, hasLink: true, skip: true };
    }
  }

  /**
   * Annotates a set of revisions with as little latency as possible:
   *
   * 1. Parent IDs (for diff=prev and history rows) and sizes are resolved in
   *    one metadata request, only when any row needs them.
   * 2. Per-revision URL lists already in the cache are used directly.
   * 3. Remaining revision IDs are deduplicated (history rows share revisions),
   *    chunked in DOM order, fetched with bounded concurrency, and each row is
   *    rendered as soon as every revision it depends on is available. Fetching
   *    overlaps the configuration load; only rendering waits for it.
   *
   * @param {Object[]} revisions - Revision objects from extractRevisionFromLinks.
   */
  async function processRevisions(revisions) {
    if (revisions.length === 0) return;

    // --- 1. Resolve parents / sizes ---------------------------------------
    const parentLookups = revisions.filter(r =&gt; r.needsParentOf).map(r =&gt; r.needsParentOf);
    let metadata = {};
    if (parentLookups.length &gt; 0) {
      metadata = await fetchRevisionMetadata(unique(parentLookups));
      for (const revision of revisions) {
        if (!revision.needsParentOf) continue;
        const currentId = revision.needsParentOf;
        const meta = metadata[currentId];
        delete revision.needsParentOf;
        if (meta &amp;&amp; meta.parentid) {
          revision.oldrevision = String(meta.parentid);
          revision.newrevision = currentId;
          if (revision.pageTitle &amp;&amp; !revision.viewHref) {
            revision.viewHref = buildDiffUrl(revision.pageTitle,
              revision.oldrevision, revision.newrevision);
          }
        } else if (meta) {
          // First revision of the page: everything in it was &quot;added&quot;
          revision.oldrevision = currentId;
          revision.newrevision = null;
          revision.viewHref = buildPermalinkUrl(currentId);
          revision.viewLabel = viewRevisionLabel;
        } else {
          markSkipped(revision, 'fetch-failed');
          revision.oldrevision = null;
        }
      }
    }

    // --- 2. Per-revision URL lists from cache; queue the rest --------------
    const urlLists = new Map(); // id -&gt; string[] | null (null = unreadable)
    const pending = [];         // { revision, needs: string[] }
    for (const revision of revisions) {
      if (revision.skipped) continue;
      if (!isRevisionId(revision.oldrevision) ||
        (revision.newrevision &amp;&amp; !isRevisionId(revision.newrevision))) {
        markSkipped(revision, 'invalid');
        continue;
      }
      const needs = [revision.oldrevision];
      if (revision.newrevision) needs.push(revision.newrevision);
      for (const id of needs) {
        if (urlLists.has(id)) continue;
        const cached = readCache(`revURLs:${location.hostname}:${id}`);
        if (Array.isArray(cached)) urlLists.set(id, cached.filter(isValidHttpUrl));
      }
      pending.push({ revision, needs });
    }
    if (pending.length === 0) return;

    // --- 3. Fetch missing content in chunks; render as data arrives --------
    const neededIds = unique(pending.flatMap(p =&gt; p.needs)).filter(id =&gt; !urlLists.has(id));
    const oversized = new Set();
    for (const id of neededIds) {
      const meta = metadata[id];
      if (meta &amp;&amp; typeof meta.size === 'number' &amp;&amp; meta.size &gt; MAX_REVISION_CHARS) {
        oversized.add(id);
        urlLists.set(id, null);
      }
    }
    const chunks = chunkRevisionIds(neededIds.filter(id =&gt; !oversized.has(id)), metadata);

    let canRender = false;
    const settle = () =&gt; {
      if (!canRender) return;
      for (let i = pending.length - 1; i &gt;= 0; i--) {
        const item = pending[i];
        if (!item.needs.every(id =&gt; urlLists.has(id))) continue;
        pending.splice(i, 1);
        if (item.needs.some(id =&gt; oversized.has(id))) {
          markSkipped(item.revision, 'oversized');
          continue;
        }
        const oldList = urlLists.get(item.revision.oldrevision);
        const newList = item.revision.newrevision ? urlLists.get(item.revision.newrevision) : null;
        if (oldList === null || (item.revision.newrevision &amp;&amp; newList === null)) {
          markSkipped(item.revision, 'fetch-failed');
          continue;
        }
        renderRevision(item.revision,
          classifyLinkChanges(oldList, newList, !!item.revision.newrevision));
      }
      flushGutterPadding();
    };

    const onText = (id, text) =&gt; {
      if (text === null) {
        urlLists.set(id, null);
        return;
      }
      if (text.length &gt; MAX_REVISION_CHARS) {
        oversized.add(id);
        urlLists.set(id, null);
        return;
      }
      const urls = extractURLs(stripHTMLComments(text));
      urlLists.set(id, urls);
      writeCache(`revURLs:${location.hostname}:${id}`, urls);
    };

    // Dispatch content fetches now; they run while the lists are still loading.
    const fetching = runPool(chunks.map(chunk =&gt; async () =&gt; {
      await fetchChunkIsolating(chunk, onText);
      settle();
    }), CONTENT_CONCURRENCY);

    if (!(await configReady)) {
      await fetching;
      return; // no lists: nothing to screen against
    }
    canRender = true;
    settle(); // cache hits and anything that landed while the lists loaded
    await fetching;

    // Anything still pending had an id the API never returned
    for (const item of pending) {
      markSkipped(item.revision, 'fetch-failed');
    }
  }

  /**
   * Fetches a chunk of revisions; if the request fails outright, splits the
   * chunk in half and retries each half, so one problematic revision only
   * costs itself rather than its neighbours. Each fetch already carries
   * safeFetch's retries, so this only runs in genuine failure cases.
   *
   * @param {string[]} chunk - Revision IDs.
   * @param {Function} onText - Called with (id, text|null) for every id.
   */
  async function fetchChunkIsolating(chunk, onText) {
    const result = await fetchRevisionTexts(chunk);
    if (result) {
      for (const id of chunk) {
        onText(id, result.has(id) ? result.get(id) : null);
      }
      return;
    }
    if (chunk.length === 1) {
      onText(chunk[0], null);
      return;
    }
    const mid = Math.ceil(chunk.length / 2);
    await fetchChunkIsolating(chunk.slice(0, mid), onText);
    await fetchChunkIsolating(chunk.slice(mid), onText);
  }

  /**
   * Groups revision IDs into fetch chunks in order, bounded by count and, when
   * sizes are known, by an approximate byte budget so one huge article does not
   * delay its neighbours.
   *
   * @param {string[]} ids - Revision IDs in the order they should be fetched.
   * @param {Object} metadata - Map of id -&gt; {parentid, size} (may be sparse).
   * @returns {string[][]}
   */
  function chunkRevisionIds(ids, metadata) {
    const chunks = [];
    let current = [];
    let currentBytes = 0;
    for (const id of ids) {
      const meta = metadata[id];
      const bytes = (meta &amp;&amp; typeof meta.size === 'number') ? meta.size : ASSUMED_REVISION_BYTES;
      if (current.length &gt; 0 &amp;&amp;
        (current.length &gt;= CONTENT_CHUNK_SIZE || currentBytes + bytes &gt; CONTENT_CHUNK_BYTES)) {
        chunks.push(current);
        current = [];
        currentBytes = 0;
      }
      current.push(id);
      currentBytes += bytes;
    }
    if (current.length &gt; 0) chunks.push(current);
    return chunks;
  }

  /**
   * Runs async task factories with at most `concurrency` in flight, in order.
   *
   * @param {Array&lt;() =&gt; Promise&lt;*&gt;&gt;} tasks
   * @param {number} concurrency
   * @returns {Promise&lt;void&gt;}
   */
  async function runPool(tasks, concurrency) {
    let next = 0;
    const workers = Array.from({ length: Math.min(concurrency, tasks.length) }, async () =&gt; {
      while (next &lt; tasks.length) {
        const task = tasks[next++];
        try {
          await task();
        } catch (e) {
          console.warn('Citation Watchlist: chunk failed:', e);
        }
      }
    });
    await Promise.all(workers);
  }

  /**
   * Returns the elements of an array with duplicates removed, first occurrence wins.
   *
   * @param {Array} arr
   * @returns {Array}
   */
  function unique(arr) {
    return Array.from(new Set(arr));
  }

  /**
   * Marks a revision's row as skipped with a reason, without annotating it.
   *
   * @param {Object} revision
   * @param {string} reason - 'fetch-failed', 'oversized' or 'invalid'.
   */
  function markSkipped(revision, reason) {
    revision.skipped = reason;
    try {
      revisionTargetElement(revision).setAttribute('data-cw-skipped', reason);
    } catch (e) {
      /* ignore */
    }
    console.warn(`Citation Watchlist: skipped ${revision.oldrevision || '?'}` +
      `${revision.newrevision ? ' -&gt; ' + revision.newrevision : ''} (${reason})`);
  }

  /**
   * Finds the row-level element that carries data attributes for a revision.
   *
   * @param {Object} revision
   * @returns {Element}
   */
  function revisionTargetElement(revision) {
    const el = revision.element;
    return el.closest('[data-mw-revid]:not(.mw-userlink)') ||
      el.closest('li') || el.closest('.mw-changeslist-line, tr') || el;
  }

  /**
   * Scans the article page for sections whose H2 headers match enabledSectionHeaders,
   * then analyzes each matching section for watchlisted domains.
   */
  async function analyzeArticleSections() {
    const headings = document.querySelectorAll('.mw-heading2 h2, h2');
    for (const h2 of headings) {
      const headerText = h2.textContent.trim();
      if (!enabledSectionHeaders.includes(headerText)) continue;

      // Collect all content between this heading and the next heading
      const headingContainer = h2.closest('.mw-heading') || h2;
      let sibling = headingContainer.nextElementSibling;
      const sectionElements = [];
      while (sibling &amp;&amp; !sibling.classList.contains('mw-heading')) {
        sectionElements.push(sibling);
        sibling = sibling.nextElementSibling;
      }

      try {
        analyzeSection(headerText, sectionElements);
        createArticleFilterWidget(headingContainer);
      } catch (e) {
        console.warn(`Citation Watchlist: failed to analyze section &quot;${headerText}&quot;:`, e);
      }
    }
  }

  /**
   * Analyzes a single article section: extracts URLs from each &lt;li&gt;, screens them
   * against domain lists, and prepends indicator icons to matching list items.
   *
   * @param {string} sectionName - The section header text (e.g. &quot;References&quot;).
   * @param {Element[]} sectionElements - DOM elements between this heading and the next.
   */
  function analyzeSection(sectionName, sectionElements) {
    const revisionId = mw.config.get('wgRevisionId');
    const cacheKey = `sectionURLs:${location.hostname}:${revisionId}:${sectionName}`;

    // Map: array of { liId, urls }. Anything read back from localStorage is
    // re-validated before it can reach an href.
    let liURLMap = null;
    const cachedMap = readCache(cacheKey);
    if (Array.isArray(cachedMap)) {
      liURLMap = cachedMap
        .filter(entry =&gt; entry &amp;&amp; typeof entry.liId === 'string' &amp;&amp; Array.isArray(entry.urls))
        .map(entry =&gt; ({ liId: entry.liId, urls: entry.urls.filter(isValidHttpUrl) }));
    }

    const citeNotes = sectionElements.flatMap(el =&gt; Array.from(el.querySelectorAll('li[id^=&quot;cite_note&quot;]')));

    // Build from DOM if not cached
    if (!liURLMap) {
      liURLMap = citeNotes.map(li =&gt; ({
        liId: li.id,
        urls: Array.from(li.querySelectorAll('a.external[href]'))
          .map(a =&gt; a.getAttribute('href'))
          .filter(href =&gt; /^https?:\/\//i.test(href))
      }));
      writeCache(cacheKey, liURLMap);
    }

    // Add padding to all list items so citation text is flush with icons
    for (const li of citeNotes) li.style.paddingLeft = '1.5em';

    // Screen each li's URLs against domain lists and prepend icons with popups
    for (const entry of liURLMap) {
      const li = document.getElementById(entry.liId);
      if (!li) continue;

      const matched = resolveURLs(entry.urls).filter(r =&gt; r.indicator);
      if (matched.length === 0) continue;
      const highest = highestPriority(matched.map(m =&gt; m.indicator));

      const wrapper = makeElement('span', {
        style: { position: 'relative', cursor: 'pointer', marginLeft: '-1.5em',
          display: 'inline-block', width: '1.5em' }
      });
      wrapper.appendChild(makeElement('span', { text: indicators[highest].emoji }));
      attachPopup(wrapper, matched.map(m =&gt; popupLine(indicators[m.indicator], [m], false)), {});
      li.prepend(wrapper);
      li.dataset.cwIndicator = highest;
    }
  }

  /**
   * Extracts revision information from diff/hist/prev/cur links within a container.
   * Parent IDs are not fetched here; rows that need one set `needsParentOf` and
   * processRevisions() resolves them in a single batched request.
   *
   * @param {Element} container - The DOM element to query for revision links.
   * @param {Element} element - The DOM element to attach to the revision object.
   * @param {Function|null} prePadCallback - Optional callback invoked with (element, link) before
   *     processing each branch. In fallback mode this derives the target element and pre-pads it.
   * @returns {Promise&lt;{revision: Object|null, hasLink: boolean, skip: boolean}&gt;}
   *     - revision: the extracted revision object, or null if no usable link was found.
   *     - hasLink: true if any recognized link was present (even if skipped).
   *     - skip: true if the entry should be skipped (non-article after pre-padding).
   */
  async function extractRevisionFromLinks(container, element, prePadCallback) {
    const kinds = [
      { selector: 'a.mw-changeslist-diff', kind: 'diff' },
      { selector: 'a.mw-changeslist-history', kind: 'hist' },
      { selector: 'a.mw-history-histlinks-previous', kind: 'prev' },
      { selector: 'a.mw-history-histlinks-current', kind: 'cur' }
    ];
    let link = null;
    let kind = null;
    for (const k of kinds) {
      link = container.querySelector(k.selector);
      if (link) {
        kind = k.kind;
        break;
      }
    }
    if (!link) {
      return { revision: null, hasLink: false, skip: false };
    }

    const params = new URL(link.href).searchParams;
    const pageTitle = params.get('title');
    const target = prePadCallback ? prePadCallback(element, link) : element;

    // The diff and hist links appear on watchlist/RC/contribs rows that can be
    // for any namespace; history prev/cur links are always for the page itself.
    if ((kind === 'diff' || kind === 'hist') &amp;&amp; isNotArticle(pageTitle)) {
      return { revision: null, hasLink: true, skip: true };
    }

    const revision = {
      oldrevision: null,
      newrevision: null,
      element: target,
      viewHref: '',
      viewLabel: viewDiffLabel,
      pageTitle: pageTitle || undefined
    };

    switch (kind) {
      case 'diff': {
        // MediaWiki convention: diff = newer, oldid = older
        const diffParam = params.get('diff');
        const oldidParam = params.get('oldid');
        revision.viewHref = link.href;
        if (diffParam === 'prev' &amp;&amp; oldidParam) {
          // Contributions: oldid is the current revision; parent resolved later
          revision.needsParentOf = oldidParam;
        } else {
          revision.oldrevision = oldidParam;
          revision.newrevision = diffParam;
        }
        break;
      }
      case 'hist': {
        // New page: analyze its first revision
        const firstID = await fetchFirstRevisionId(pageTitle);
        if (!firstID) {
          return { revision: null, hasLink: true, skip: false };
        }
        revision.oldrevision = String(firstID);
        revision.viewHref = buildPermalinkUrl(firstID);
        revision.viewLabel = viewRevisionLabel;
        break;
      }
      case 'prev': {
        // viewHref is filled in once the parent is known
        revision.needsParentOf = params.get('oldid') || null;
        break;
      }
      case 'cur': {
        revision.oldrevision = params.get('oldid');
        revision.viewHref = buildPermalinkUrl(revision.oldrevision);
        revision.viewLabel = viewRevisionLabel;
        break;
      }
    }

    return { revision, hasLink: true, skip: false };
  }

  /**
   * Classifies the link changes between two revisions. Links are grouped by
   * the page they ultimately point at (archive URLs are unwrapped), so an
   * archive link added next to an existing citation is reported as
   * &quot;archived&quot; rather than as a new source. Multiset semantics: a URL that
   * appears twice in the new revision and once in the old counts as one
   * addition.
   *
   * @param {string[]} fromList - URLs in the older revision.
   * @param {string[]|null} toList - URLs in the newer revision (ignored if !hasNew).
   * @param {boolean} hasNew - False for a page's first revision, in which case
   *   every URL in fromList is considered added.
   * @returns {Object[]} Resolved links, each with a `kind` from changeKinds.
   */
  function classifyLinkChanges(fromList, toList, hasNew) {
    const tally = (urls) =&gt; {
      const byTarget = new Map(); // target -&gt; { direct: [], archive: [] }
      for (const r of resolveURLs(urls)) {
        if (!byTarget.has(r.target)) byTarget.set(r.target, { direct: [], archive: [] });
        byTarget.get(r.target)[r.archiveHost ? 'archive' : 'direct'].push(r);
      }
      return byTarget;
    };
    const oldMap = hasNew ? tally(fromList) : new Map();
    const newMap = tally(hasNew ? (toList || []) : fromList);
    const changes = [];
    const push = (kind, entries, n) =&gt; {
      for (let i = 0; i &lt; n &amp;&amp; i &lt; entries.length; i++) changes.push({ ...entries[i], kind });
    };

    for (const target of new Set([...oldMap.keys(), ...newMap.keys()])) {
      const o = oldMap.get(target) || { direct: [], archive: [] };
      const n = newMap.get(target) || { direct: [], archive: [] };
      const oD = o.direct.length, oA = o.archive.length;
      const nD = n.direct.length, nA = n.archive.length;

      if (nD &gt; oD) push('added', n.direct, nD - oD);

      if (nA &gt; oA) {
        let kind = 'archiveOnly';           // archive cited, original never present
        if (nD &gt; 0) kind = 'archived';       // original still cited: supplement
        else if (oD &gt; 0) kind = 'swapped';   // original gone, archive took its place
        push(kind, n.archive, nA - oA);
      }

      const swapped = oD &gt; 0 &amp;&amp; nD === 0 &amp;&amp; nA &gt; oA;
      if (oD &gt; nD &amp;&amp; !swapped) push('removed', o.direct, oD - nD);
      // An archive-only citation that disappeared entirely is a removal;
      // dropping a supplementary archive while the original stays is not.
      if (oA &gt; nA &amp;&amp; oD === 0 &amp;&amp; nD === 0 &amp;&amp; nA === 0) push('removed', o.archive, oA - nA);
    }
    return changes;
  }
  /**
   * Screens a revision's link changes against the domain lists and annotates
   * its row (gutter icons, popup, filter data attributes).
   * Synchronous: all network work happens in processRevisions().
   *
   * @param {Object} revision - Object containing oldrevision, optional
   *   newrevision, and DOM element.
   * @param {Object[]} changes - From classifyLinkChanges().
   */
  function renderRevision(revision, changes) {
    const targetElement = revisionTargetElement(revision);
    targetElement.setAttribute('data-cw-processed', 'true');

    const counted = changes.filter(c =&gt; changeKinds[c.kind].counts);
    const added = counted.filter(c =&gt; changeKinds[c.kind].counts === 'added');
    const removed = counted.filter(c =&gt; changeKinds[c.kind].counts === 'removed');

    // Highest-priority indicator among added links (lists only), for the gutter
    const addType = highestPriority(added.map(a =&gt; a.indicator)) ||
      (added.length &gt; 0 ? 'added' : null);

    try {
      if (revision.viewHref) revision.element.dataset.cwViewHref = revision.viewHref;
      if (revision.viewLabel) revision.element.dataset.cwViewLabel = revision.viewLabel;
    } catch (e) {
      /* ignore */
    }

    // Render two-column emojis: left = addition (highest-priority), right = removal (bin)
    renderTwoColumnEmojis(revision.element, addType, removed.length &gt; 0, changes);

    // Data attributes drive the filter widget. Every kind is a link change;
    // only counted kinds carry list indicators.
    const changedDomains = unique(changes.map(r =&gt; r.domain)).sort();
    if (changedDomains.length &gt; 0) {
      targetElement.dataset.cwLinkchange = changedDomains.join('|');
    }
    for (const type of listedTypes) {
      const domains = unique(counted.filter(r =&gt; r.indicator === type).map(r =&gt; r.domain)).sort();
      if (domains.length &gt; 0) {
        targetElement.setAttribute(indicators[type].dataAttr, domains.join('|'));
      }
    }
  }
  /**
   * ==========================================================================
   * 2. User Interface
   * ==========================================================================
   */

  /**
   * Pending hosts that need gutter padding applied. Collected during
   * renderTwoColumnEmojis and flushed in a single batch via flushGutterPadding()
   * so that all rows shift at the same time instead of one at a time.
   */
  const pendingGutterPadding = [];

  /**
   * Applies the gutter padding to a single host element, reserving horizontal
   * space for the two-column emoji gutter.
   *
   * @param {HTMLElement} host - The element to pad.
   */
  function applyGutterPadding(host) {
    const pad = 'calc(2em + 0.5em)';
    try {
      const cs = window.getComputedStyle(host);
      const existing = parseFloat(cs.paddingLeft || '0');
      const fontSizePx = parseFloat(cs.fontSize || '16');
      const desiredPx = 2.5 * fontSizePx; // 2em + 0.5em
      if (isNaN(existing) || existing &lt; desiredPx - 0.5) {
        host.style.paddingLeft = pad;
      }
    } catch (e) {
      host.style.paddingLeft = pad;
    }
  }

  /**
   * Applies gutter padding to all collected hosts at once, then clears the
   * queue. Call this after a batch of renderTwoColumnEmojis calls to avoid
   * one-at-a-time layout shifts.
   */
  function flushGutterPadding() {
    for (const host of pendingGutterPadding) {
      applyGutterPadding(host);
    }
    pendingGutterPadding.length = 0;
  }

  /**
   * Finds the element that hosts the gutter for a change-list element:
   * the list container or, for table rows, the content cell.
   *
   * @param {HTMLElement} element
   * @returns {HTMLElement|null}
   */
  function gutterHostFor(element) {
    const container =
      element.closest('[data-mw-revid]:not(.mw-userlink)') ||
      element.closest('li') ||
      element.closest('.mw-changeslist-line, tr') || element.parentNode || element;
    if (!container) return null;
    let host = container;
    if (host.tagName &amp;&amp; host.tagName.toUpperCase() === 'TR') {
      // For nested enhanced RC rows, place the gutter in the content cell so
      // icons align with singleton rows that use .mw-changeslist-line-inner.
      const nestedContent = host.querySelector('td.mw-enhanced-rc-nested[data-target-page]');
      host = nestedContent || host.querySelector('td, th') || host;
    }
    // Prefer inner change-line wrappers on Watchlist/RC if present
    const innerHost = host.querySelector('.mw-changeslist-line-inner, .mw-changeslist-line-main');
    return innerHost || host;
  }

  /**
   * Renders exactly two fixed-width emoji columns before a revision entry:
   * - Left column: highest-priority addition indicator
   *   (warning/caution/inspect/added), or spacer if none.
   * - Right column: removal indicator if removals exist, otherwise spacer.
   *
   * This preserves consistent alignment even when no links are added/removed.
   *
   * @param {HTMLElement} element - The revision list DOM element.
   * @param {string|null} addType - Indicator type for the left column, or null.
   * @param {boolean} hasRemovals - Whether to show the removal icon.
   * @param {Object[]} changes - Resolved link changes from classifyLinkChanges().
   */
  function renderTwoColumnEmojis(element, addType, hasRemovals, changes = []) {
    if (!element) return;
    const host = gutterHostFor(element);
    if (!host) return;

    const cell = (char, className) =&gt; makeElement('span', {
      className, text: char,
      style: { display: 'inline-block', width: '1em', textAlign: 'center', userSelect: 'none' }
    });
    const addChar = addType ? indicators[addType].emoji : ' ';
    const remChar = hasRemovals ? indicators.removed.emoji : ' ';

    // Propagate dataset for view link from source element to host
    try {
      if (element.dataset.cwViewHref) host.dataset.cwViewHref = element.dataset.cwViewHref;
      if (element.dataset.cwViewLabel) host.dataset.cwViewLabel = element.dataset.cwViewLabel;
    } catch (e) {
      /* ignore */
    }

    // Ensure a single gutter exists
    let gutter = host.querySelector('.cw-gutter');
    if (gutter) {
      gutter.querySelector('.cw-add').textContent = addChar;
      gutter.querySelector('.cw-rem').textContent = remChar;
    } else {
      // Ensure the host can anchor absolutely positioned children
      if (!host.style.position) host.style.position = 'relative';
      // Create a left gutter that does not participate in text wrapping
      gutter = makeElement('span', {
        className: 'cw-gutter',
        style: {
          position: 'absolute', left: '0', top: '0', display: 'inline-flex', gap: '0.25em',
          width: 'calc(2em + 0.25em)', alignItems: 'flex-start', userSelect: 'none'
        }
      });
      gutter.appendChild(cell(addChar, 'cw-add'));
      gutter.appendChild(cell(remChar, 'cw-rem'));
      // Insert the gutter into the host; padding is deferred to flushGutterPadding()
      host.insertBefore(gutter, host.firstChild);
      pendingGutterPadding.push(host);
    }

    const lines = Object.keys(changeKinds).map(kind =&gt;
      popupLine(changeKinds[kind], changes.filter(c =&gt; c.kind === kind), true));
    attachPopup(gutter, lines, {
      viewHref: host.dataset.cwViewHref || '',
      viewLabel: host.dataset.cwViewLabel || ''
    });
    host.setAttribute('data-processed-twocol', 'true');
  }
  /**
   * Fills a popup with a close button, a two-column grid of labelled link
   * lines, and a footer. Within a line, links are grouped by domain:
   * &quot;example.com&quot; for a single link, &quot;example.com (1, 2, 3)&quot; for several.
   * Popups with more than POPUP_COLLAPSE_AFTER links start collapsed with a
   * &quot;Show all&quot; toggle. Idempotent: safe to call again to refresh content.
   *
   * @param {HTMLElement} popupEl - The popup element.
   * @param {Array&lt;{labelText: string, labelTitle: string, items: Object[]}&gt;} lines
   *   Each item is a resolved link ({url, domain, indicator, archiveHost}).
   * @param {Object} footerOptions - See createPopupFooter.
   */
  function buildPopupContent(popupEl, lines, footerOptions) {
    if (!popupEl.querySelector('.cw-close')) {
      popupEl.appendChild(createCloseButton(popupEl));
    }
    for (const stale of popupEl.querySelectorAll('.cw-popup-content, .cw-popup-more, .cw-popup-footer')) {
      stale.remove();
    }
    const contentWrap = makeElement('div', {
      className: 'cw-popup-content',
      style: { display: 'grid', gridTemplateColumns: 'max-content 1fr', columnGap: '0.5em', rowGap: '2px' }
    });

    let totalLinks = 0;
    for (const line of lines) {
      if (!line.items || line.items.length === 0) continue;
      totalLinks += line.items.length;
      contentWrap.appendChild(makeElement('strong', {
        text: `${line.labelText}:`, title: line.labelTitle,
        ariaLabel: `${line.labelText}: ${line.labelTitle}`,
        style: { alignSelf: 'start', justifySelf: 'end', textAlign: 'right', whiteSpace: 'nowrap' }
      }));
      const content = makeElement('div', { style: { display: 'inline' } });
      const groups = groupByDomain(line.items);
      groups.forEach((group, idx) =&gt; {
        content.appendChild(makeDomainGroup(group));
        if (idx &lt; groups.length - 1) content.appendChild(makeElement('span', { text: ' • ' }));
      });
      contentWrap.appendChild(content);
    }
    popupEl.appendChild(contentWrap);

    if (totalLinks &gt; POPUP_COLLAPSE_AFTER) {
      Object.assign(contentWrap.style, { maxHeight: '7.5em', overflow: 'hidden' });
      const more = makeElement('a', {
        className: 'cw-popup-more',
        text: showAllLinksLabel.replace('$1', String(totalLinks)) + ' ▾',
        attrs: { href: '#', role: 'button' },
        style: { display: 'block', marginTop: '4px' }
      });
      more.addEventListener('click', (e) =&gt; {
        e.preventDefault();
        e.stopPropagation();
        Object.assign(contentWrap.style, { maxHeight: '', overflow: '' });
        more.remove();
      });
      popupEl.appendChild(more);
    }

    popupEl.appendChild(createPopupFooter(footerOptions));
  }

  /**
   * Groups resolved links by domain, preserving first-seen order.
   *
   * @param {Object[]} items
   * @returns {Array&lt;{domain: string, indicator: string|null, items: Object[]}&gt;}
   */
  function groupByDomain(items) {
    const groups = new Map();
    for (const item of items) {
      if (!groups.has(item.domain)) {
        groups.set(item.domain, { domain: item.domain, indicator: item.indicator, items: [] });
      }
      groups.get(item.domain).items.push(item);
    }
    return Array.from(groups.values());
  }

  /**
   * Renders one domain group: an optional indicator emoji, then either a
   * single link labelled with the domain or the domain followed by numbered
   * links to each URL.
   *
   * @param {{domain: string, indicator: string|null, items: Object[]}} group
   * @returns {HTMLSpanElement}
   */
  function makeDomainGroup(group) {
    const span = makeElement('span', { style: { whiteSpace: 'nowrap', display: 'inline-block' } });
    if (group.indicator) {
      const ind = indicators[group.indicator];
      span.appendChild(makeElement('span', {
        className: 'cw-emoji', text: ind.emoji + ' ',
        title: ind.explanation, ariaLabel: `${ind.msg}: ${ind.explanation}`
      }));
    }
    if (group.items.length === 1) {
      span.appendChild(makeItemLink(group.items[0], group.domain));
      return span;
    }
    span.appendChild(makeElement('span', { text: group.domain + ' (' }));
    group.items.forEach((item, idx) =&gt; {
      span.appendChild(makeItemLink(item, String(idx + 1)));
      if (idx &lt; group.items.length - 1) span.appendChild(makeElement('span', { text: ', ' }));
    });
    span.appendChild(makeElement('span', { text: ')' }));
    return span;
  }

  /**
   * Link to one resolved item, with an archive note in the tooltip if the
   * cited URL is an archived copy.
   *
   * @param {Object} item
   * @param {string} text
   * @returns {HTMLAnchorElement}
   */
  function makeItemLink(item, text) {
    const a = makeExternalLink(item.url, text);
    if (item.archiveHost) a.title = `${archivedViaLabel} ${item.archiveHost}`;
    return a;
  }
  /**
   * Creates (or refreshes) the popup under a host element and wires its
   * hover/click handlers. With no lines, any existing popup is hidden.
   *
   * @param {HTMLElement} host - The gutter or icon wrapper that owns the popup.
   * @param {Array} lines - See buildPopupContent.
   * @param {Object} footerOptions - See createPopupFooter.
   */
  function attachPopup(host, lines, footerOptions) {
    let popup = host.querySelector('.cw-popup');
    const hasContent = lines.some(l =&gt; l.items &amp;&amp; l.items.length &gt; 0);
    if (!hasContent) {
      if (popup) popup.style.display = 'none';
      host._cwEnablePopup = false;
      return;
    }
    if (!popup) {
      popup = createPopupElement();
      host.appendChild(popup);
    }
    buildPopupContent(popup, lines, footerOptions);
    host._cwEnablePopup = true;
    installPopupHandlers(host);
  }

  /**
   * Builds a popup line from a kind/indicator descriptor over a set of links.
   *
   * @param {{msg: string, emoji: string, explanation: string}} desc
   * @param {Object[]} items - Resolved links.
   * @param {boolean} withEmoji - Prefix the label with the descriptor's emoji.
   * @returns {{labelText: string, labelTitle: string, items: Object[]}}
   */
  function popupLine(desc, items, withEmoji) {
    return {
      labelText: withEmoji ? `${desc.emoji} ${desc.msg}` : desc.msg,
      labelTitle: desc.explanation,
      items
    };
  }
  /**
   * Creates a link with the attributes every outbound link in this script
   * uses. The single place an attacker-influenced URL becomes an href, so the
   * URL check lives here: absolute http(s) only, plus same-origin paths when
   * `allowPath` is set (used for diff/permalink footers).
   *
   * @param {string} url
   * @param {string} text
   * @param {boolean} [allowPath=false]
   * @returns {HTMLAnchorElement}
   */
  function makeExternalLink(url, text, allowPath = false) {
    const a = makeElement('a', {
      text, attrs: { rel: 'nofollow noopener noreferrer', target: '_blank' },
      style: { whiteSpace: 'nowrap' }
    });
    if (isValidHttpUrl(url) || (allowPath &amp;&amp; /^\/(?!\/)/.test(url))) a.href = url;
    return a;
  }
  /**
   * Creates a DOM element with class, text, title, inline styles and
   * attributes in one call. Text is always set through textContent.
   *
   * @param {string} tag
   * @param {Object} [opts] - {className, text, title, ariaLabel, style, attrs}
   * @returns {HTMLElement}
   */
  function makeElement(tag, opts = {}) {
    const el = document.createElement(tag);
    if (opts.className) el.className = opts.className;
    if (opts.text !== undefined) el.textContent = opts.text;
    if (opts.title) {
      el.title = opts.title;
      el.setAttribute('aria-label', opts.ariaLabel || opts.title);
    }
    if (opts.style) Object.assign(el.style, opts.style);
    for (const [k, v] of Object.entries(opts.attrs || {})) el.setAttribute(k, v);
    return el;
  }

  /**
   * Creates a styled popup element for displaying domain information.
   *
   * @returns {HTMLDivElement} The configured popup element.
   */
  function createPopupElement() {
    return makeElement('div', {
      className: 'mwe-popups cw-popup',
      style: {
        position: 'absolute', minWidth: '260px', maxWidth: '420px', zIndex: '1000',
        display: 'none', background: 'var(--background-color, #fff)',
        border: '1px solid rgba(0,0,0,.15)', boxShadow: '0 2px 8px rgba(0,0,0,.2)',
        padding: '8px 26px 8px 10px', borderRadius: '4px', fontSize: '0.92em'
      }
    });
  }
  /**
   * Creates a styled close button for popups.
   *
   * @param {HTMLElement} popupEl - The popup element to hide when the button is clicked.
   * @returns {HTMLButtonElement} The configured close button.
   */
  function createCloseButton(popupEl) {
    const closeBtn = makeElement('button', {
      className: 'cw-close', text: '×', title: 'Close', attrs: { type: 'button' },
      style: {
        position: 'absolute', top: '4px', right: '6px', border: 'none',
        background: 'transparent', cursor: 'pointer', fontSize: '14px',
        lineHeight: '1', padding: '0', margin: '0'
      }
    });
    closeBtn.addEventListener('click', (e) =&gt; {
      e.stopPropagation();
      e.preventDefault();
      popupEl.style.display = 'none';
    });
    return closeBtn;
  }
  /**
   * Creates a popup footer element with an optional primary link and the
   * &quot;About Citation Watchlist&quot; link.
   *
   * @param {Object} [options] - Optional configuration.
   * @param {string} [options.viewHref] - URL for the primary link (e.g., diff or revision).
   * @param {string} [options.viewLabel] - Label text for the primary link.
   * @returns {HTMLDivElement} The configured footer element.
   */
  function createPopupFooter(options) {
    const footer = makeElement('div', {
      className: 'cw-popup-footer', style: { marginTop: '10px', color: 'inherit' }
    });
    if (options &amp;&amp; options.viewHref &amp;&amp; options.viewLabel) {
      const viewA = makeExternalLink(options.viewHref, options.viewLabel, true);
      if (viewA.href) {
        const strong = makeElement('strong');
        strong.appendChild(viewA);
        footer.appendChild(strong);
        footer.appendChild(makeElement('span', { text: ' • ' }));
      }
    }
    footer.appendChild(makeExternalLink(aboutLink, aboutLabel));
    return footer;
  }
  /**
   * Builds the shared filter widget container with radio buttons and an about link.
   *
   * @param {Object} config - Widget configuration.
   * @param {string} config.containerId - The ID for the container element.
   * @param {string} config.radioName - The name attribute for the radio button group.
   * @param {Array&lt;Object&gt;} config.filters - Array of filter option objects
   *   ({id, label, checked?, tooltip?}).
   * @param {Function} config.onFilter - Callback invoked with the selected filter ID.
   * @param {string} [config.initialLabel] - Label text; defaults to showEditsLabel.
   * @returns {HTMLDivElement} The configured filter widget container.
   */
  function buildFilterWidgetContainer(config) {
    const container = makeElement('div', {
      attrs: { id: config.containerId },
      style: {
        display: 'flex', alignItems: 'center', justifyContent: 'space-between',
        border: '1px solid black', borderRadius: '25px', padding: '10px 20px',
        margin: '10px 0', width: 'fit-content'
      }
    });
    const leftSection = makeElement('div', {
      style: { display: 'flex', alignItems: 'center', gap: '15px' }
    });
    leftSection.appendChild(makeElement('span', {
      className: 'cw-filter-label', text: config.initialLabel || showEditsLabel,
      style: { fontWeight: '500' }
    }));

    for (const filter of config.filters) {
      const wrapper = makeElement('label', {
        style: { display: 'flex', alignItems: 'center', gap: '5px', cursor: 'pointer' }
      });
      const radio = makeElement('input', {
        attrs: { type: 'radio', name: config.radioName, value: filter.id }, style: { margin: '0' }
      });
      radio.checked = !!filter.checked;
      radio.addEventListener('change', () =&gt; {
        if (radio.checked) config.onFilter(filter.id);
      });
      const text = makeElement('span', { text: filter.label });
      if (filter.tooltip) {
        text.title = filter.tooltip;
        Object.assign(text.style, { borderBottom: '1px dotted', cursor: 'help' });
      }
      wrapper.appendChild(radio);
      wrapper.appendChild(text);
      leftSection.appendChild(wrapper);
    }
    container.appendChild(leftSection);

    const rightSection = makeElement('div', { style: { marginLeft: '4em' } });
    const link = makeElement('a', {
      text: toolName, attrs: { href: aboutLink },
      style: { textDecoration: 'underline', color: '#0645ad' }
    });
    rightSection.appendChild(link);
    container.appendChild(rightSection);
    return container;
  }
  /**
   * Builds the indicator filter list from the indicators config, sorted by
   * descending priority and excluding non-positive priorities.
   *
   * @returns {Array&lt;{id: string, label: string, tooltip: string}&gt;}
   */
  function buildIndicatorFilters() {
    return listedTypes
      .slice()
      .sort((a, b) =&gt; indicators[b].priority - indicators[a].priority)
      .map(id =&gt; ({
        id,
        label: `${indicators[id].emoji} ${indicators[id].msg}`,
        tooltip: indicators[id].explanation
      }));
  }

  /**
   * Enables or greys out each radio in a filter widget according to whether
   * any row currently matches it.
   *
   * @param {string} radioName - The radio group name.
   * @param {Function} hasResults - (filterId) =&gt; boolean.
   */
  function updateFilterRadios(radioName, hasResults) {
    document.querySelectorAll(`input[name=&quot;${radioName}&quot;]`).forEach(radio =&gt; {
      const enabled = radio.value === 'all' || hasResults(radio.value);
      const label = radio.closest('label');
      radio.disabled = !enabled;
      if (label) {
        label.style.cursor = enabled ? 'pointer' : 'default';
        label.style.color = enabled ? '' : 'gray';
      }
    });
  }

  /**
   * Creates and inserts the change-list filter widget (watchlist, recent
   * changes, history, contributions). Radios start disabled and are enabled by
   * finishChangeListPass() once rows are annotated.
   *
   * @returns {HTMLElement|null} The created filter container or null if not created.
   */
  function createChangeListFilterWidget() {
    const ns = mw.config.get('wgNamespaceNumber');
    const pageName = mw.config.get('wgPageName');
    let target = document.querySelector('.mw-changeslist') ||
      document.getElementById('mw-history-compare');
    if (!target &amp;&amp; ns === -1 &amp;&amp; pageName.startsWith('Special:Contributions')) {
      target = document.querySelector('.mw-pager-body');
    }
    if (!target) return null;

    const container = buildFilterWidgetContainer({
      containerId: 'cw-filter-widget',
      radioName: 'cw-filter',
      filters: [
        { id: 'all', label: allLabel, checked: true },
        { id: 'linkchange', label: linkChangesLabel, tooltip: linkChangesTooltip },
        ...buildIndicatorFilters()
      ],
      onFilter: applyChangeListFilter,
      initialLabel: loadingLabel
    });
    target.parentNode.insertBefore(container, target);
    updateFilterRadios('cw-filter', () =&gt; false); // Disabled until annotation is complete
    return container;
  }

  /**
   * Creates and inserts a filter widget for the article surface, placed after
   * the section heading. Excludes the &quot;Link Changes&quot; option.
   *
   * @param {Element} headingContainer - The heading element to insert the widget after.
   */
  function createArticleFilterWidget(headingContainer) {
    const container = buildFilterWidgetContainer({
      containerId: 'cw-article-filter-widget',
      radioName: 'cw-article-filter',
      filters: [
        { id: 'all', label: allLabel, checked: true },
        ...buildIndicatorFilters()
      ],
      onFilter: applyArticleFilter
    });
    headingContainer.after(container);
    updateFilterRadios('cw-article-filter', (filterId) =&gt;
      !!document.querySelector(`li[id^=&quot;cite_note&quot;][data-cw-indicator=&quot;${filterId}&quot;]`));
    renderLoadWarnings();
  }

  /**
   * Called after each annotation pass on a change list: restores the widget
   * label, renders any load warnings, and enables the radios that have matches.
   */
  function finishChangeListPass() {
    const filterLabel = document.querySelector('#cw-filter-widget .cw-filter-label');
    if (filterLabel &amp;&amp; filterLabel.firstChild &amp;&amp;
      filterLabel.firstChild.nodeType === Node.TEXT_NODE) {
      filterLabel.firstChild.textContent = showEditsLabel;
    }
    renderLoadWarnings();
    const rows = document.querySelectorAll('[data-mw-revid]:not(.mw-userlink)');
    updateFilterRadios('cw-filter', (filterId) =&gt;
      Array.from(rows).some(row =&gt; rowMatchesFilter(row, filterId)));
    // Re-apply the active filter so newly loaded rows respect it
    const active = document.querySelector('input[name=&quot;cw-filter&quot;]:checked');
    if (active &amp;&amp; active.value !== 'all') applyChangeListFilter(active.value);
  }

  /**
   * Whether a change-list row (or any nested revision inside it) matches a filter.
   *
   * @param {Element} row
   * @param {string} filterId
   * @returns {boolean}
   */
  function rowMatchesFilter(row, filterId) {
    if (elementMatchesFilter(row, filterId)) return true;
    for (const nested of row.querySelectorAll('li[data-cw-processed=&quot;true&quot;]')) {
      if (elementMatchesFilter(nested, filterId)) return true;
    }
    return false;
  }

  /**
   * Applies the selected filter to article section list items.
   *
   * @param {string} filterId - 'all' or an indicator type.
   */
  function applyArticleFilter(filterId) {
    document.querySelectorAll('li[id^=&quot;cite_note&quot;]').forEach(li =&gt; {
      li.style.display = (filterId === 'all' || li.dataset.cwIndicator === filterId) ? '' : 'none';
    });
  }

  /**
   * Applies the selected filter to the revision list.
   *
   * @param {string} filterId - 'all', 'linkchange', or an indicator type.
   */
  let lastAppliedFilter = 'all';

  function applyChangeListFilter(filterId) {
    const isAll = filterId === 'all';

    const revisions = document.querySelectorAll(
      '[data-mw-revid]:not(.mw-userlink), [data-mw-logid]'
    );
    revisions.forEach(container =&gt; {
      if (isAll) {
        container.style.display = '';
        return;
      }
      // Log entries (data-mw-logid) don't have revision-based attributes to
      // match against filters — hide them when any specific filter is active.
      const show = container.hasAttribute('data-mw-revid') &amp;&amp; rowMatchesFilter(container, filterId);
      container.style.display = show ? '' : 'none';
    });

    // Hide h4 date headers when all their rows are hidden
    document.querySelectorAll('div.mw-changeslist h4').forEach(h4 =&gt; {
      if (isAll) {
        h4.style.display = '';
        return;
      }
      const sibling = h4.nextElementSibling;
      if (!sibling || sibling.tagName !== 'DIV') return;
      const revItems = sibling.querySelectorAll('[data-mw-revid]');
      if (revItems.length === 0) return;
      h4.style.display = Array.from(revItems).every(el =&gt; el.style.display === 'none') ? 'none' : '';
    });

    const enhanced = document.querySelector('table.mw-enhanced-rc');
    if (enhanced) {
      // Hide the group header row in each tbody if all other rows are hidden
      document.querySelectorAll('table.mw-enhanced-rc tbody').forEach(tbody =&gt; {
        const rows = tbody.querySelectorAll('tr');
        if (rows.length &lt; 2) return;
        rows[0].style.display = (!isAll &amp;&amp; Array.from(rows).slice(1)
          .every(tr =&gt; tr.style.display === 'none')) ? 'none' : '';
      });

      // Expand grouped sections while a specific filter is active, collapse on
      // &quot;all&quot;. Only on the transition, so switching between two filters leaves
      // the expanded state alone.
      const wasAll = lastAppliedFilter === 'all';
      if (wasAll !== isAll) {
        document.querySelectorAll('table.mw-enhanced-rc').forEach(table =&gt; {
          const checkbox = groupToggleCheckbox(table);
          if (checkbox &amp;&amp; checkbox.checked === isAll) {
            checkbox.checked = !isAll;
            checkbox.dispatchEvent(new Event('change'));
          }
        });
      }
    }

    showNoMatchingEdits(!isAll &amp;&amp; Array.from(
      document.querySelectorAll('[data-mw-revid]:not(.mw-userlink)')
    ).every(el =&gt; el.style.display === 'none'));

    lastAppliedFilter = filterId;
  }

  /**
   * Shows or removes the &quot;No matching edits&quot; message under the filter widget.
   *
   * @param {boolean} show
   */
  function showNoMatchingEdits(show) {
    const existing = document.getElementById('cw-no-matching-edits');
    if (existing) existing.remove();
    if (!show) return;
    const msg = makeElement('p', {
      text: noMatchingEditsLabel, attrs: { id: 'cw-no-matching-edits' },
      style: { margin: '10px 0', fontStyle: 'italic' }
    });
    const widget = document.getElementById('cw-filter-widget');
    if (widget &amp;&amp; widget.nextSibling) {
      widget.parentNode.insertBefore(msg, widget.nextSibling);
    }
  }

  /**
   * Returns the hidden checkbox that expands/collapses an enhanced-RC group.
   *
   * @param {Element} table - A table.mw-enhanced-rc element.
   * @returns {HTMLInputElement|null}
   */
  function groupToggleCheckbox(table) {
    const arrow = table.querySelector('.mw-enhancedchanges-arrow');
    const checkboxId = arrow &amp;&amp; arrow.getAttribute('for');
    return checkboxId ? document.getElementById(checkboxId) : null;
  }

  /**
   * If any configuration pages failed to load, appends a warning glyph (with
   * the details in its tooltip) to every filter-widget label on the page.
   * Safe to call more than once.
   */
  function renderLoadWarnings() {
    const messages = SHOW_LINT_IN_WIDGET ? [...loadWarnings, ...listLint] : loadWarnings;
    if (messages.length === 0) return;
    document.querySelectorAll('.cw-filter-label').forEach(label =&gt; {
      if (label.querySelector('.cw-load-warning')) return;
      label.appendChild(makeElement('span', {
        className: 'cw-load-warning', text: ' ' + loadWarningGlyph,
        title: loadWarningPrefix + '\n' + messages.join('\n'), style: { cursor: 'help' }
      }));
    });
  }

  /**
   * Whether the single document-level outside-click handler has been installed.
   * One delegated listener replaces the former one-listener-per-gutter design.
   */
  let outsideClickHandlerInstalled = false;

  /**
   * Installs a single document-level click handler that hides every open popup
   * whose owning gutter does not contain the click target.
   */
  function installOutsideClickHandler() {
    if (outsideClickHandlerInstalled) return;
    document.addEventListener('click', (ev) =&gt; {
      document.querySelectorAll('.cw-popup').forEach(p =&gt; {
        if (p.style.display === 'none' || p.style.display === '') return;
        const owner = p.parentElement;
        if (owner &amp;&amp; !owner.contains(ev.target)) {
          p.style.display = 'none';
        }
      });
    });
    outsideClickHandlerInstalled = true;
  }

  /**
   * Installs hover, click, touch, and outside-click handlers on a gutter element
   * to show/hide its popup.
   *
   * @param {HTMLElement} gutter - The gutter element containing a .cw-popup child.
   */
  function installPopupHandlers(gutter) {
    if (gutter._cwHandlersInstalled) return;
    let hideTimer = null;
    const positionPopup = () =&gt; {
      const p = gutter.querySelector('.cw-popup');
      if (!gutter._cwEnablePopup || !p) return;
      p.style.display = 'block';
      p.style.top = '1.4em';
      p.style.left = '0px';
      const rect = p.getBoundingClientRect();
      if (rect.right &gt; window.innerWidth - 10) {
        const overflow = rect.right - (window.innerWidth - 10);
        p.style.left = Math.max(0, (parseFloat(p.style.left) || 0) - overflow) + 'px';
      }
    };
    const show = () =&gt; {
      if (!gutter._cwEnablePopup) return;
      if (hideTimer) {
        clearTimeout(hideTimer);
        hideTimer = null;
      }
      positionPopup();
    };
    const scheduleHide = () =&gt; {
      hideTimer = setTimeout(() =&gt; {
        const p = gutter.querySelector('.cw-popup');
        if (p) p.style.display = 'none';
      }, 150);
    };

    gutter.addEventListener('mouseenter', show);
    gutter.addEventListener('mouseleave', scheduleHide);
    const pInit = gutter.querySelector('.cw-popup');
    if (pInit) {
      pInit.addEventListener('mouseenter', () =&gt; {
        if (hideTimer) {
          clearTimeout(hideTimer);
          hideTimer = null;
        }
      });
      pInit.addEventListener('mouseleave', scheduleHide);
    }
    const toggle = (e) =&gt; {
      if (!gutter._cwEnablePopup) return;
      e.stopPropagation();
      const p = gutter.querySelector('.cw-popup');
      if (!p) return;
      if (p.style.display === 'none' || p.style.display === '') {
        show();
      } else {
        p.style.display = 'none';
      }
    };
    gutter.addEventListener('click', toggle);
    gutter.addEventListener('touchstart', toggle, {
      passive: true
    });
    installOutsideClickHandler();
    gutter._cwHandlersInstalled = true;
  }

  /**
   * Watches for the change list being replaced by MediaWiki's live filters
   * (&quot;View new changes&quot;, filter edits on Special:Watchlist / RecentChanges)
   * and annotates the new rows. The existing widget sits outside the replaced
   * element and survives; its radios are refreshed after each pass.
   */
  function installLiveReloadObserver() {
    if (typeof MutationObserver === 'undefined') return;
    let timer = null;
    let running = false;
    let rerun = false;
    const run = async () =&gt; {
      if (running) {
        rerun = true;
        return;
      }
      running = true;
      try {
        await annotateChangeList(document, false);
      } catch (e) {
        console.warn('Citation Watchlist: live reload pass failed:', e);
      } finally {
        running = false;
        if (rerun) {
          rerun = false;
          run();
        }
      }
    };
    const observer = new MutationObserver(mutations =&gt; {
      const relevant = mutations.some(m =&gt; Array.from(m.addedNodes).some(node =&gt;
        node.nodeType === Node.ELEMENT_NODE &amp;&amp;
        (node.matches('[data-mw-revid], .mw-changeslist, .mw-changeslist-line') ||
          node.querySelector('[data-mw-revid], .mw-changeslist-line'))
      ));
      if (!relevant) return;
      clearTimeout(timer);
      timer = setTimeout(run, LIVE_RELOAD_DEBOUNCE_MS);
    });
    observer.observe(document.body, { childList: true, subtree: true });
  }

  const enabledNsStrings = new Set(enabledNamespaces.filter(n =&gt; n &gt;= 0).map(String));
  const namespaces = Object.entries(mw.config.get('wgFormattedNamespaces'))
    .filter(([num, name]) =&gt; num !== '0' &amp;&amp; !enabledNsStrings.has(num))
    .map(([_, name]) =&gt; name.replace(/ /g, '_') + ':');

  /**
   * Pre-pads an element with empty emoji gutters to prevent layout shift.
   *
   * @param {Element} element - The DOM element to pre-pad.
   */
  function prePadElement(element) {
    try {
      renderTwoColumnEmojis(element, null, false, []);
    } catch (e) {
      /* ignore */
    }
  }

  /**
   * ==========================================================================
   * 3. Builders and Extractors
   * ==========================================================================
   */

  /**
   * Constructs a URL for viewing a diff between two revisions.
   *
   * @param {string} title - The page title.
   * @param {string} fromId - The older revision ID.
   * @param {string} toId - The newer revision ID.
   * @returns {string} The diff URL, or empty string on error.
   */
  function buildDiffUrl(title, fromId, toId) {
    try {
      const script = mw.config.get('wgScript') || '/w/index.php';
      return `${script}` +
        `?title=${encodeURIComponent(title)}` +
        `&amp;diff=${encodeURIComponent(toId)}` +
        `&amp;oldid=${encodeURIComponent(fromId)}`;
    } catch (e) {
      return '';
    }
  }

  /**
   * Constructs a permalink URL for a specific revision.
   *
   * @param {string} revId - The revision ID.
   * @returns {string} The permalink URL, or empty string on error.
   */
  function buildPermalinkUrl(revId) {
    try {
      const articlePath = mw.config.get('wgArticlePath');
      if (articlePath &amp;&amp; articlePath.includes('$1')) {
        return articlePath.replace('$1',
          `Special:Permalink/${encodeURIComponent(revId)}`);
      }
      const script = mw.config.get('wgScript') || '/w/index.php';
      return `${script}?oldid=${encodeURIComponent(revId)}`;
    } catch (e) {
      return '';
    }
  }

  /**
   * Strips all HTML comments from a string.
   *
   * @param {string} text - Input text potentially containing HTML comments.
   * @returns {string} Text with all HTML comments removed.
   */
  function stripHTMLComments(text) {
    if (!text) return text;
    return text.replace(/&lt;!--[\s\S]*?--&gt;/g, '');
  }

  /**
   * Extracts all HTTP(S) URLs from a given wikitext string. The scheme is
   * matched case-insensitively (MediaWiki links HTTPS:// just as it does
   * https://), and protocol-relative links (&quot;[//example.com ...]&quot;) are
   * normalized to https://.
   *
   * @param {string} wikitext - Raw wikitext revision content.
   * @returns {string[]} List of valid extracted URLs.
   */
  function extractURLs(wikitext) {
    const urls = [];
    if (!wikitext) return urls;

    const urlRegex = // eslint-disable-next-line max-len
      /(?:https?:\/\/|(?&lt;=^|[\s\[|=&lt;&gt;&quot;'])\/\/)(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_\+.~#?&amp;//=]*)/gi;
    let match;
    while ((match = urlRegex.exec(wikitext)) !== null) {
      const raw = match[0].startsWith('//') ? 'https:' + match[0] : match[0];
      try {
        const url = new URL(raw);
        if (/^https?:$/.test(url.protocol)) urls.push(url.href);
      } catch (error) {
        console.error(`Invalid URL rejected: ${match[0]}`, error.message);
      }
    }
    return urls;
  }

  /**
   * Web archive services whose URLs embed the original URL. Each entry's
   * `extract` returns the embedded URL string or null.
   */
  /** Restores &quot;https:/example.com&quot; (slash-collapsed by some archives) to &quot;https://example.com&quot;. */
  const fixScheme = s =&gt; s.replace(/^(https?:)\/+/i, '$1//');

  const archiveUnwrappers = [
    {
      // https://web.archive.org/web/20200101000000/https://example.com/page
      // (the embedded scheme is sometimes collapsed to &quot;https:/&quot;)
      test: h =&gt; h === 'web.archive.org' || h === 'wayback.archive.org',
      extract: u =&gt; {
        const m = u.pathname.match(/^\/web\/\d{1,14}[a-z_]*\/(https?:\/{1,2}.+)$/i);
        return m ? fixScheme(m[1]) : null;
      }
    },
    {
      // https://archive.blah/2020.01.01-000000/https://example.com/page
      test: h =&gt; /^archive\.(ph|today|is|li|vn|fo|md)$/i.test(h),
      extract: u =&gt; {
        const m = u.pathname.match(/^\/[^/]+\/(https?:\/{1,2}.+)$/i);
        return m ? fixScheme(m[1]) : null;
      }
    },
    {
      // https://webcache.googleusercontent.com/search?q=cache:https://example.com/page
      test: h =&gt; h === 'webcache.googleusercontent.com',
      extract: u =&gt; {
        const q = u.searchParams.get('q') || '';
        const m = q.match(/^cache:(?:[A-Za-z0-9_-]+:)?(.+)$/);
        if (!m) return null;
        return /^https?:\/\//i.test(m[1]) ? m[1] : 'https://' + m[1];
      }
    }
  ];

  /**
   * Resolves a URL to the hostname that should be screened. If the URL is a
   * web-archive capture of another page, the captured page's host is used.
   *
   * @param {string} url
   * @returns {{hostname: string, target: string, archiveHost: string|null}|null}
   *   `target` is the unwrapped URL (or the URL itself). Null if unparsable.
   */
  function screenedHost(url) {
    let current;
    try {
      current = new URL(url);
    } catch (e) {
      return null;
    }
    let archiveHost = null;
    for (let depth = 0; depth &lt; 3 &amp;&amp; UNWRAP_ARCHIVES; depth++) {
      const unwrapper = archiveUnwrappers.find(a =&gt; a.test(current.hostname));
      if (!unwrapper) break;
      const inner = unwrapper.extract(current);
      if (!inner) break;
      try {
        const innerUrl = new URL(inner);
        if (!/^https?:$/.test(innerUrl.protocol)) break;
        archiveHost = archiveHost || current.hostname;
        current = innerUrl;
      } catch (e) {
        break;
      }
    }
    return { hostname: current.hostname, target: current.href, archiveHost };
  }

  /**
   * Resolves URLs to screened domains and list indicators.
   *
   * @param {string[]} urls
   * @returns {Array&lt;{url: string, target: string, domain: string, indicator: string|null, archiveHost: string|null}&gt;}
   */
  function resolveURLs(urls) {
    const out = [];
    for (const url of urls || []) {
      const host = screenedHost(url);
      if (!host) continue;
      const domain = getRootDomain(host.hostname, publicSuffixSet);
      if (!domain) continue;
      out.push({
        url, target: host.target, domain,
        indicator: highestIndicatorFor(domain), archiveHost: host.archiveHost
      });
    }
    return out;
  }

  /**
   * Returns the highest-priority list indicator that contains a domain.
   *
   * @param {string} domain
   * @returns {string|null}
   */
  function highestIndicatorFor(domain) {
    let chosen = null;
    for (const type of listedTypes) {
      if (indicators[type].list.has(domain) &amp;&amp;
        (!chosen || indicators[type].priority &gt; indicators[chosen].priority)) {
        chosen = type;
      }
    }
    return chosen;
  }

  /**
   * Returns the highest-priority type among a list of indicator types.
   *
   * @param {Array&lt;string|null&gt;} types
   * @returns {string|null}
   */
  function highestPriority(types) {
    let chosen = null;
    for (const t of types) {
      if (t &amp;&amp; (!chosen || indicators[t].priority &gt; indicators[chosen].priority)) chosen = t;
    }
    return chosen;
  }

  /**
   * Extracts the top-level domain from a full hostname using a public suffix set.
   *
   * @param {string} hostname - Full hostname (e.g., sub.example.co.uk).
   * @param {Set&lt;string&gt;} publicSuffixSet - Set of known public suffixes.
   * @returns {string} The top-level domain (e.g., example.co.uk).
   */
  function getRootDomain(hostname, publicSuffixSet) {
    // Handle empty or invalid hostnames
    if (!hostname || typeof hostname !== 'string') {
      console.warn('Invalid hostname provided to getRootDomain:', hostname);
      return '';
    }

    // Check if this is an IP address (simple check for IPv4)
    if (/^(\d{1,3}\.){3}\d{1,3}$/.test(hostname)) {
      return hostname; // Return IP addresses as-is
    }

    const domainParts = hostname.split('.');

    // Handle hostnames that are too short
    if (domainParts.length &lt; 2) {
      return hostname; // Return as-is if it's a single-part hostname
    }

    // Try to find a matching public suffix
    for (let i = 0; i &lt; domainParts.length; i++) {
      const candidate = domainParts.slice(i).join('.');

      // Check both normal and exception (prefixed with !) entries
      if (publicSuffixSet.has(candidate) || publicSuffixSet.has(`!${candidate}`)) {
        // If we found a match, return the domain part plus the public suffix
        // But make sure we don't go out of bounds
        if (i &gt; 0) {
          return domainParts.slice(i - 1).join('.');
        } else {
          // Edge case: the entire hostname is a public suffix
          return hostname;
        }
      }
    }

    // If no match in public suffix list, use a simple fallback:
    // For hostnames with 2 parts, return the whole thing
    // For hostnames with &gt;2 parts, return the last 2 parts
    if (domainParts.length === 2) {
      return hostname;
    } else {
      return domainParts.slice(-2).join('.');
    }
  }

  /**
   * Extracts the first page object from MediaWiki API query response.
   *
   * @param {Object} data - MediaWiki API response.
   * @returns {Object|null} The first page object or null if unavailable.
   */
  function getFirstPage(data) {
    if (!data || !data.query || !data.query.pages) return null;
    return Object.values(data.query.pages)[0] || null;
  }

  /**
   * Iterates every revision object in an API response, across all pages.
   * (A revids= query spanning several articles returns several page objects.)
   *
   * @param {Object|null} data - MediaWiki API response.
   * @returns {Object[]} Revision objects.
   */
  function allRevisionsIn(data) {
    if (!data || !data.query || !data.query.pages) return [];
    const out = [];
    for (const page of Object.values(data.query.pages)) {
      if (page &amp;&amp; Array.isArray(page.revisions)) out.push(...page.revisions);
    }
    return out;
  }

  /**
   * Returns the main-slot wikitext of a revision object, or null if the
   * revision is missing, hidden, or malformed.
   *
   * @param {Object} rev - Revision object from the API.
   * @returns {string|null}
   */
  function revisionText(rev) {
    if (!rev || rev.texthidden !== undefined) return null;
    const slot = rev.slots &amp;&amp; rev.slots.main;
    if (!slot || typeof slot['*'] !== 'string') return null;
    return slot['*'];
  }

  /**
   * Returns true if an API page object represents a page that cannot be
   * read (missing, invalid, or without an accessible revision).
   *
   * @param {Object} page - Page object from the API.
   * @returns {boolean}
   */
  function isUnreadablePage(page) {
    return !page || page.missing !== undefined || page.invalid !== undefined ||
      !Array.isArray(page.revisions) || page.revisions.length === 0;
  }

  /**
   * ==========================================================================
   * 4. Validation
   * ==========================================================================
   */

  /**
   * Validates that a string is a well-formed domain name.
   *
   * @param {string} str - The string to validate.
   * @returns {boolean} True if the string is a valid domain.
   */
  function isValidDomain(str) {
    if (!str || str.length === 0 || str.length &gt; 253) return false;
    if (!/^[a-zA-Z0-9._-]+$/.test(str)) return false;
    if (!str.includes('.')) return false;
    if (/\.\./.test(str) || str.startsWith('.') || str.endsWith('.')) return false;
    const labels = str.split('.');
    if (labels.some(l =&gt; l.length === 0 || l.length &gt; 63)) return false;
    return true;
  }

  /**
   * Validates that a string is a well-formed public suffix list entry.
   * Allows wildcard entries (e.g., *.ck) and exception entries (e.g., !www.ck).
   *
   * @param {string} str - The string to validate.
   * @returns {boolean} True if the string is a valid PSL entry.
   */
  function isValidSuffixEntry(str) {
    const cleaned = str.replace(/^[!*.]/, '');
    return /^[a-zA-Z0-9._-]+$/.test(cleaned) &amp;&amp; cleaned.length &gt; 0 &amp;&amp; cleaned.length &lt;= 253;
  }

  /**
   * Validates that a value is a string parseable as an absolute http(s) URL.
   * Used to re-validate anything read back from localStorage before it is
   * assigned to an href.
   *
   * @param {*} u - The value to validate.
   * @returns {boolean} True if the value is an http(s) URL.
   */
  function isValidHttpUrl(u) {
    if (typeof u !== 'string') return false;
    try {
      return /^https?:$/i.test(new URL(u).protocol);
    } catch (e) {
      return false;
    }
  }

  /**
   * Validates that a value is a plausible revision ID (a positive integer
   * string). Used before an ID is put into an API request or a cache key.
   *
   * @param {*} id - The value to validate.
   * @returns {boolean}
   */
  function isRevisionId(id) {
    return typeof id === 'string' &amp;&amp; /^[1-9][0-9]{0,15}$/.test(id);
  }

  /**
   * Validates that a string is a plausible MediaWiki page title.
   * Rejects titles with invalid characters, excessive length, or suspicious patterns.
   *
   * @param {string} title - The page title to validate.
   * @returns {boolean} True if the title looks like a valid page link.
   */
  function isValidPageTitle(title) {
    if (typeof title !== 'string') return false;
    if (title.length === 0 || title.length &gt; 255) return false;
    if (/[\[\]{}|#&lt;&gt;\n\r\t]/.test(title)) return false;
    if (title.includes('..')) return false;
    if (title.startsWith(':') || title.startsWith(' ') || title.endsWith(' ')) return false;
    return true;
  }

  /**
   * Determines whether a given page title does *not* belong to the main or draft namespaces.
   * A missing title is treated as &quot;not an article&quot; so the row is skipped rather
   * than crashing the run.
   *
   * @param {string} pageTitle - The title of the page.
   * @returns {boolean} True if not an article namespace.
   */
  function isNotArticle(pageTitle) {
    if (typeof pageTitle !== 'string') return true;
    return namespaces.some(namespace =&gt; pageTitle.startsWith(namespace));
  }

  /**
   * Checks whether an element matches the specified filter.
   *
   * @param {Element} element - The DOM element to test.
   * @param {string} filterId - The active filter ID.
   * @returns {boolean} True if the element matches the filter.
   */
  function elementMatchesFilter(element, filterId) {
    if (filterId === 'linkchange') {
      return element.hasAttribute('data-cw-linkchange') ||
        listedTypes.some(type =&gt; element.hasAttribute(indicators[type].dataAttr));
    }
    if (indicators[filterId] &amp;&amp; indicators[filterId].dataAttr) {
      return element.hasAttribute(indicators[filterId].dataAttr);
    }
    return false;
  }

  /**
   * ==========================================================================
   * 5. Fetch
   * ==========================================================================
   */

  /**
   * Fetches revisions by ID and returns them keyed by revision ID (as strings),
   * across all pages in the response.
   *
   * @param {string[]} revIds
   * @param {string[]} rvprop - Properties to request (always includes 'ids').
   * @returns {Promise&lt;Map&lt;string, Object&gt;|null&gt;} Map of id -&gt; revision object,
   *   or null if the request failed.
   */
  async function fetchRevisionsById(revIds, rvprop) {
    const data = await fetchRevisionData({
      revids: revIds,
      rvprop: unique(['ids', ...rvprop]),
      rvslots: ['main']
    });
    if (!data) return null;
    const out = new Map();
    for (const rev of allRevisionsIn(data)) {
      if (rev &amp;&amp; rev.revid !== undefined) out.set(String(rev.revid), rev);
    }
    return out;
  }

  /**
   * Fetches wikitext for a chunk of revision IDs in one request.
   *
   * @param {string[]} revIds - Revision IDs (at most CONTENT_CHUNK_SIZE).
   * @returns {Promise&lt;Map&lt;string, string|null&gt;|null&gt;} Map of id -&gt; wikitext
   *   (null for a revision that exists but is unreadable), or null if the
   *   request itself failed. IDs the API did not return are absent.
   */
  async function fetchRevisionTexts(revIds) {
    const revs = await fetchRevisionsById(revIds, ['content']);
    if (!revs) return null;
    return new Map(Array.from(revs, ([id, rev]) =&gt; [id, revisionText(rev)]));
  }
  /**
   * Fetches parent IDs and sizes for a list of revision IDs, chunked at the
   * API maximum and fetched concurrently.
   *
   * @param {string[]} revisionIds - Revision IDs.
   * @returns {Promise&lt;Object&gt;} Map of id -&gt; {parentid, size}; IDs that could
   *   not be resolved are absent.
   */
  async function fetchRevisionMetadata(revisionIds) {
    const result = {};
    const chunks = [];
    for (let i = 0; i &lt; revisionIds.length; i += METADATA_CHUNK_SIZE) {
      chunks.push(revisionIds.slice(i, i + METADATA_CHUNK_SIZE));
    }
    await runPool(chunks.map(chunk =&gt; async () =&gt; {
      const revs = await fetchRevisionsById(chunk, ['size']);
      for (const [id, rev] of revs || []) {
        result[id] = {
          parentid: rev.parentid || 0,
          size: typeof rev.size === 'number' ? rev.size : undefined
        };
      }
    }), CONTENT_CONCURRENCY);
    return result;
  }
  /**
   * Fetches a page's current wikitext (main slot) by title.
   *
   * @param {string} pageTitle
   * @returns {Promise&lt;string|null&gt;} Null if the page is missing, unreadable, or the request failed.
   */
  async function fetchPageWikitext(pageTitle) {
    if (!isValidPageTitle(pageTitle)) return null;
    const page = getFirstPage(await fetchRevisionData({
      titles: [pageTitle],
      rvprop: ['content'],
      rvslots: ['main']
    }));
    return isUnreadablePage(page) ? null : revisionText(page.revisions[0]);
  }

  /**
   * Fetches the ID of the first revision of a page.
   *
   * @param {string} pageTitle - The page title to look up.
   * @returns {number|null} Revision ID or null.
   */
  async function fetchFirstRevisionId(pageTitle) {
    if (!isValidPageTitle(pageTitle)) return null;
    const page = getFirstPage(await fetchRevisionData({
      titles: [pageTitle],
      rvlimit: 1,
      rvdir: 'newer',
      rvprop: ['ids'],
    }));
    if (isUnreadablePage(page)) return null;
    return page.revisions[0].revid || null;
  }
  /**
   * Fetches the list of subpages from the list of lists, parses wikilinks, caches
   * the result, and returns list of subpage titles.
   *
   * @param {string} pageName - Title of the list-of-lists page.
   * @returns {Promise&lt;string[]&gt;} List of subpage titles (empty on failure).
   */
  async function fetchDomainListPages(pageName) {
    const cacheKey = `citationWatchlistFetchDomainListPages_${pageName}`;
    const cachedContent = readCache(cacheKey);
    if (Array.isArray(cachedContent) &amp;&amp; cachedContent.length &gt; 0) {
      console.log('Loaded list of lists from cache');
      return cachedContent.filter(title =&gt; isValidPageTitle(title));
    }
    const content = await fetchPageWikitext(pageName);
    if (content === null) {
      console.error(`Citation Watchlist: list of lists &quot;${pageName}&quot; could not be loaded`);
      return [];
    }
    const pageTitles = [];
    for (const line of content.split('\n')) {
      if (!line.startsWith('* [[')) continue;
      const match = line.match(/\[\[([^\]]+)\]\]/); // first [[Page Title]]
      if (!match) continue;
      const title = match[1];
      if (isValidPageTitle(title)) {
        pageTitles.push(title);
      } else {
        console.warn(`Rejected invalid page title: &quot;${title}&quot;`);
      }
    }
    if (pageTitles.length &gt; 0) {
      writeCache(cacheKey, pageTitles);
      console.log('Loaded from API and stored in cache');
    }
    return pageTitles;
  }

  /**
   * Parses one domain list page into per-indicator domain arrays.
   * Entries that are not bare domains are collected as lint. A leading &quot;www.&quot;
   * is stripped (with a lint note), since root domains never carry it.
   *
   * @param {string} title - Page title, for lint messages.
   * @param {string} content - Page wikitext.
   * @returns {Object} {warning: string[], caution: string[], inspect: string[], lint: string[]}
   */
  function parseDomainList(title, content) {
    const parsed = { lint: [] };
    for (const type of listedTypes) parsed[type] = [];
    let current = null;
    for (const line of content.split('\n')) {
      const trimmed = line.trim();
      if (/^==/.test(trimmed)) {
        // Any heading ends the current section; only recognized ones open a new one.
        current = listedTypes.find(t =&gt; indicators[t].section === trimmed) || null;
        continue;
      }
      if (!line.startsWith('*') || !current) continue;
      let domain = line.substring(1).trim().toLowerCase();
      if (!domain) continue;
      if (/^www\./.test(domain) &amp;&amp; isValidDomain(domain.slice(4))) {
        parsed.lint.push(`${title}: &quot;${domain}&quot; has a www. prefix; matched as &quot;${domain.slice(4)}&quot;`);
        domain = domain.slice(4);
      }
      if (isValidDomain(domain)) {
        if (parsed[current].length &lt; MAX_DOMAINS_PER_LIST) {
          parsed[current].push(domain);
        } else {
          parsed.lint.push(`${title}: cap of ${MAX_DOMAINS_PER_LIST} reached in ${current}`);
        }
      } else {
        parsed.lint.push(`${title}: &quot;${domain}&quot; is not a bare domain (paths, wildcards and ` +
          `bare TLDs are not supported) and was ignored`);
      }
    }
    return parsed;
  }

  /**
   * Loads domain lists from a set of pages (parsed form cached per page) and
   * populates the `Set` of each indicator. Pages that are missing or fail to
   * load are skipped and recorded in loadWarnings; the remaining lists still load.
   *
   * @param {string[]} pageNames - List of page titles to fetch.
   */
  async function fetchAndOrganizeDomainLists(pageNames) {
    const parsedLists = [];
    const pagesToFetch = [];
    const isParsed = p =&gt; p &amp;&amp; typeof p === 'object' &amp;&amp; listedTypes.every(t =&gt; Array.isArray(p[t]));
    for (const title of pageNames) {
      const cached = readCache(`domainList:${location.hostname}:${title}`);
      if (isParsed(cached)) {
        parsedLists.push(cached);
      } else {
        pagesToFetch.push(title);
      }
    }
    if (pagesToFetch.length &gt; 0) {
      const apiData = await fetchRevisionData({
        titles: pagesToFetch,
        rvprop: ['content'],
        rvslots: ['main'],
      });
      const pages = (apiData &amp;&amp; apiData.query &amp;&amp; apiData.query.pages) || null;
      if (!pages) {
        loadWarnings.push(`API request for ${pagesToFetch.length} list page(s) failed`);
        console.error('Citation Watchlist: domain list fetch failed for', pagesToFetch);
      } else {
        // The API normalizes titles (underscores -&gt; spaces); cache under the
        // requested spelling so the next load hits.
        const requestedFor = {};
        for (const t of pagesToFetch) requestedFor[t.replace(/_/g, ' ')] = t;
        for (const page of Object.values(pages)) {
          const title = page.title || '?';
          if (isUnreadablePage(page)) {
            loadWarnings.push(`List page &quot;${title}&quot; is missing or unreadable`);
            console.warn(`Citation Watchlist: skipping list page &quot;${title}&quot;`);
            continue;
          }
          const content = revisionText(page.revisions[0]);
          if (content === null) {
            loadWarnings.push(`List page &quot;${title}&quot; has no readable content`);
            continue;
          }
          const parsed = parseDomainList(title, content);
          parsedLists.push(parsed);
          const cacheTitle = requestedFor[title] || title;
          writeCache(`domainList:${location.hostname}:${cacheTitle}`, parsed);
        }
      }
    }
    for (const parsed of parsedLists) {
      for (const type of listedTypes) {
        for (const domain of parsed[type]) {
          if (isValidDomain(domain)) indicators[type].list.add(domain);
        }
      }
      if (Array.isArray(parsed.lint)) {
        listLint.push(...parsed.lint.filter(l =&gt; typeof l === 'string'));
      }
    }
  }

  /**
   * Fetches and caches the public suffix list used to identify top-level domains.
   * The cache holds the validated entries, so cached loads skip parsing.
   *
   * @returns {Promise&lt;Set&lt;string&gt;&gt;} Set of public suffixes.
   */
  async function fetchPublicSuffixList() {
    const cacheKey = 'publicSuffixListCache';
    const cached = readCache(cacheKey);
    if (Array.isArray(cached) &amp;&amp; cached.length &gt;= MIN_PSL_ENTRIES) {
      console.log('Using cached public suffix list');
      return new Set(cached.filter(e =&gt; typeof e === 'string' &amp;&amp; isValidSuffixEntry(e)));
    }
    const pslUrl = mw.config.get('wgArticlePath').replace('$1', publicSuffixList) +
      '?action=raw';
    console.log(`Raw page text request: ${pslUrl}`);
    const content = await safeFetch(fetch, pslUrl).then(response =&gt; response ?
      response.text() : null);
    if (!content) return new Set();
    const entries = [];
    for (const line of content.split('\n')) {
      const trimmed = line.trim();
      if (trimmed &amp;&amp; !trimmed.startsWith('//') &amp;&amp; isValidSuffixEntry(trimmed)) {
        entries.push(trimmed);
      }
    }
    if (entries.length &lt; MIN_PSL_ENTRIES) {
      console.error(`Public suffix list suspiciously small (${entries.length} entries), rejecting`);
      return new Set();
    }
    // Only cache a list that passed validation
    writeCache(cacheKey, entries);
    return new Set(entries);
  }

  /**
   * Makes a MediaWiki API call to fetch revision metadata or content.
   *
   * @param {Object} data - Options for the API call, such as `revids`, `titles`, `rvprop`, etc.
   * @returns {Promise&lt;Object|null&gt;} MediaWiki API query result, or null on failure.
   */
  async function fetchRevisionData(data) {
    const paramKeys = ['rvprop', 'revids', 'titles', 'rvslots'];
    const params = {
      action: 'query',
      prop: 'revisions',
      format: 'json',
      rvdir: data.rvdir || 'older',
      origin: '*'
    };
    if (data.rvlimit) {
      params.rvlimit = data.rvlimit;
    }
    paramKeys.forEach(key =&gt; {
      if (data[key]) {
        params[key] = Array.isArray(data[key]) ? data[key].join('|') : data[key];
      }
    });
    const api = new mw.Api();
    return await safeFetch(api.get.bind(api), params);
  }

  /**
   * Wraps any asynchronous fetch function with retry logic and error handling.
   *
   * @param {Function} fn - The function to execute (usually an API call).
   * @param {...any} args - Arguments to pass to the fetch function.
   * @returns {Promise&lt;any|null&gt;} Result of the fetch or null on failure.
   */
  async function safeFetch(fn, ...args) {
    const retries = 2;
    const retryDelay = 1000;
    const maxAttempts = retries + 1;

    for (let attempt = 1; attempt &lt;= maxAttempts; attempt++) {
      try {
        const result = await fn(...args);
        if (result === null || result === undefined) {
          throw new Error('Received null or undefined response');
        }
        if (typeof result.ok === 'boolean' &amp;&amp; !result.ok) {
          throw new Error(`HTTP error ${result.status}: ${result.statusText || 'Unknown error'}`);
        }
        return result;
      } catch (error) {
        if (attempt &lt; maxAttempts) {
          console.warn(
            `Error during ${fn.name || 'fetch operation'} (attempt ${attempt}/${maxAttempts}):`,
            error.message || error);
          await new Promise(resolve =&gt; setTimeout(resolve, retryDelay));
        } else {
          console.error(
            `All ${maxAttempts} attempts failed for ${fn.name || 'fetch operation'}:`,
            error.message || error);
        }
      }
    }
    return null;
  }

  /**
   * ==========================================================================
   * 6. Cache
   * ==========================================================================
   */

  /**
   * Returns every localStorage key with the given prefix. Snapshotting the keys
   * first means callers can remove entries without the index shifting under them.
   *
   * @param {string} prefix - Key prefix to match.
   * @returns {string[]}
   */
  function cacheKeysWithPrefix(prefix) {
    const keys = [];
    try {
      for (let i = 0; i &lt; localStorage.length; i++) {
        const key = localStorage.key(i);
        if (key &amp;&amp; key.startsWith(prefix)) keys.push(key);
      }
    } catch (e) {
      /* storage unavailable */
    }
    return keys;
  }

  /**
   * Removes every localStorage key with the given prefix.
   *
   * @param {string} prefix
   */
  function removeKeysWithPrefix(prefix) {
    for (const key of cacheKeysWithPrefix(prefix)) localStorage.removeItem(key);
  }

  /**
   * Runs all cache maintenance: retired prefixes, version invalidation, and
   * (at most once per CACHE_PURGE_INTERVAL) expiry and eviction.
   */
  function purgeCaches() {
    try {
      purgeStaleVersionedCaches();
      const lastKey = 'citationWatchlist_lastPurge';
      const last = parseInt(localStorage.getItem(lastKey), 10);
      if (isNaN(last) || Date.now() - last &gt; CACHE_PURGE_INTERVAL) {
        purgeExpiredCache();
        localStorage.setItem(lastKey, Date.now().toString());
      }
    } catch (e) {
      console.warn('Citation Watchlist: cache maintenance failed:', e);
    }
  }

  /**
   * Removes caches from retired prefixes and purges cached entries whose stored
   * version is older than the current version. Each cache type tracks its own
   * version independently via a localStorage key.
   */
  function purgeStaleVersionedCaches() {
    for (const prefix of retiredCachePrefixes) {
      removeKeysWithPrefix(prefix);
      localStorage.removeItem(`citationWatchlist_cacheVersion:${prefix}`);
    }
    for (const cache of cacheConfig) {
      const versionKey = `citationWatchlist_cacheVersion:${cache.prefix}`;
      const storedVersion = parseInt(localStorage.getItem(versionKey), 10);
      const effectiveVersion = isNaN(storedVersion) ? 0 : storedVersion;
      if (effectiveVersion &lt; cache.version) {
        removeKeysWithPrefix(cache.prefix);
        try {
          localStorage.setItem(versionKey, cache.version.toString());
        } catch (e) {
          console.warn('Cache version write error:', e);
        }
        console.log(`Cache invalidated for &quot;${cache.prefix}&quot;: version ${effectiveVersion} → ${cache.version}`);
      }
    }
  }

  /**
   * Removes expired localStorage cache entries and enforces per-cache entry
   * caps by evicting the oldest entries.
   */
  function purgeExpiredCache() {
    const now = Date.now();
    const stats = { checked: 0, expired: 0, evicted: 0, errors: 0 };

    for (const cache of cacheConfig) {
      // Snapshot keys first so removals do not shift the iteration index
      const survivors = []; // { key, timestamp }
      for (const key of cacheKeysWithPrefix(cache.prefix)) {
        stats.checked++;
        try {
          const value = localStorage.getItem(key);
          let parsed = null;
          try {
            parsed = value ? JSON.parse(value) : null;
          } catch (jsonError) {
            stats.errors++;
          }
          if (!parsed || typeof parsed.timestamp !== 'number' || now - parsed.timestamp &gt; cache.ttl) {
            localStorage.removeItem(key);
            stats.expired++;
            continue;
          }
          survivors.push({ key, timestamp: parsed.timestamp });
        } catch (itemError) {
          stats.errors++;
          try {
            localStorage.removeItem(key);
          } catch (e) { /* ignore */ }
        }
      }
      if (cache.maxEntries &amp;&amp; survivors.length &gt; cache.maxEntries) {
        survivors.sort((a, b) =&gt; a.timestamp - b.timestamp);
        const excess = survivors.length - cache.maxEntries;
        for (let i = 0; i &lt; excess; i++) {
          localStorage.removeItem(survivors[i].key);
          stats.evicted++;
        }
      }
    }
    if (stats.checked &gt; 0) {
      console.log(`Cache cleanup: checked ${stats.checked}, expired ${stats.expired}, ` +
        `evicted ${stats.evicted}, errors ${stats.errors}`);
    }
  }

  /**
   * Looks up the cache configuration whose prefix matches a key.
   *
   * @param {string} key - A cache key or prefix.
   * @returns {Object|undefined}
   */
  function cacheConfigFor(key) {
    return cacheConfig.find(c =&gt; key.startsWith(c.prefix));
  }
  /**
   * Reads a JSON cache entry from localStorage, returning the stored content
   * if it exists and has not expired (TTL taken from the key's cacheConfig
   * entry). Callers must validate the shape of the returned content.
   *
   * @param {string} key - The localStorage key.
   * @returns {*|null} The cached content, or null if missing/expired/invalid.
   */
  function readCache(key) {
    const config = cacheConfigFor(key);
    let raw;
    try {
      raw = config ? localStorage.getItem(key) : null;
    } catch (e) {
      return null;
    }
    if (!raw) return null;
    try {
      const parsed = JSON.parse(raw);
      if (parsed &amp;&amp; typeof parsed.timestamp === 'number' &amp;&amp;
        (Date.now() - parsed.timestamp &lt; config.ttl) &amp;&amp; parsed.content !== undefined) {
        return parsed.content;
      }
    } catch (e) {
      console.warn('Cache read error:', e);
    }
    return null;
  }
  /**
   * Writes a JSON cache entry to localStorage with an embedded timestamp.
   * Failures (e.g. quota exceeded) are logged and otherwise ignored; the
   * cache is an optimization, never a dependency.
   *
   * @param {string} key - The localStorage key.
   * @param {*} content - The data to cache.
   */
  function writeCache(key, content) {
    try {
      localStorage.setItem(key, JSON.stringify({ timestamp: Date.now(), content }));
    } catch (e) {
      console.warn('Cache write error:', e);
    }
  }

  /**
   * ==========================================================================
   * 7. Entry Point
   * ==========================================================================
   */

  analyzeView().catch(e =&gt; {
    console.error('Citation Watchlist: unrecoverable error:', e);
    loadWarnings.push('Citation Watchlist stopped early due to an error (see console)');
    finishChangeListPass();
  }).then(() =&gt; {
    console.log('Citation Watchlist script finished executing');

    // On enhanced RC pages, hide the summary gutter on a group's header row
    // while the group is expanded (each nested row then shows its own).
    document.querySelectorAll('table.mw-enhanced-rc').forEach(table =&gt; {
      const checkbox = groupToggleCheckbox(table);
      if (!checkbox) return;
      checkbox.addEventListener('change', () =&gt; {
        const topRow = table.querySelector('tr');
        const gutter = topRow &amp;&amp; topRow.querySelector('.cw-gutter');
        if (!gutter) return;
        const host = gutter.parentElement;
        gutter.style.display = checkbox.checked ? 'none' : 'inline-flex';
        if (host) host.style.paddingLeft = checkbox.checked ? '' : 'calc(2em + 0.5em)';
      });
    });
  });

})();</text>
      <sha1>l6umo95ahffjyehvopg1l7u034hsp37</sha1>
    </revision>
    <revision>
      <id>781273</id>
      <parentid>781272</parentid>
      <timestamp>2026-10-28T00:02:09Z</timestamp>
      <contributor>
        <username>Harej</username>
        <id>7994</id>
      </contributor>
      <comment>Fix overflow bug</comment>
      <origin>781273</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="105879" sha1="8d7xizu9hjjbghhw2z9w4a24p6lgnzn" xml:space="preserve">/**
 *
 * Citation Watchlist
 * https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist
 *
 */

(function() {
  'use strict';

  /**
   * ==========================================================================
   * LOCALIZATION
   * ==========================================================================
   */


  /* Labeling tool in the user interface */
  const toolName              =  'Citation Watchlist';
  const aboutLink             =  'https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist';

  /* Revision inspection popup */
  const addedLabel            =  'Added';
  const removedLabel          =  'Removed';
  const viewDiffLabel         =  'View Diff';
  const viewRevisionLabel     =  'View Revision';
  const aboutLabel            =  'About Citation Watchlist';
  const archivedViaLabel      =  'Archived copy hosted at';
  const archiveOnlyLabel      =  'Added (archive only)';
  const archivedLabel         =  'Archived';
  const swappedLabel          =  'Swapped to archive';
  const showAllLinksLabel     =  'Show all $1 links';

  /* Filter widget */
  const showEditsLabel        =  'Show edits:';
  const loadingLabel          =  'Loading...';
  const allLabel              =  'All';
  const linkChangesLabel      =  'Link Changes';
  const linkChangesTooltip    =  'Edits that add or remove links in articles';
  const noMatchingEditsLabel  =  'No matching edits';

  /* Load-failure indicator */
  const loadWarningGlyph      =  '⚠';
  const loadWarningPrefix     =  'Some Citation Watchlist lists could not be loaded:';


  /**
   * ==========================================================================
   * DOMAIN LIST CONFIGURATION
   * ==========================================================================
   *
   * Citation Watchlist requires the following wiki pages to function:
   *
   * 1. Public Suffix List
   *    - A local copy of the public suffix list, used for domain parsing.
   *    - Copy the contents of:
   *        https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist/Public_Suffix_List
   *      to a page on your own wiki.
   *    - Update the `publicSuffixList` variable below to reflect your page title.
   *
   * 2. List of Lists
   *    - A page linking to one or more domain list pages.
   *    - Format as a bullet list: &quot;* [[Page Title]]&quot; (space after asterisk).
   *    - Reference formatting example:
   *        https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist/Lists
   *    - Update the `listOfLists` variable below accordingly.
   *
   * 3+. Domain List Pages
   *    - One or more pages listing suspicious or noteworthy domains.
   *    - Each page must contain section headers that match the `indicators` config
   *      below (e.g., &quot;==Warn==&quot;, &quot;==Caution==&quot;).
   *    - Under each section, list domains in the format: &quot;* example.com&quot;
   *    - Do not use link formatting—just plain text.
   *    - Entries with paths (&quot;example.com/opinion&quot;), no dot (&quot;gov&quot;), or a
   *      leading &quot;www.&quot; are not supported and are reported in the console.
   */


  const publicSuffixList       =  'Wikipedia:Citation_Watchlist/Public_Suffix_List';
  const listOfLists            =  'Wikipedia:Citation_Watchlist/Lists';
  const enabledNamespaces      =  [-1, 0, 118];
  const enabledSectionHeaders  =  ['References'];

  /**
   * Detection options.
   * - UNWRAP_ARCHIVES: screen the original URL embedded in a web archive link
   *   (web.archive.org, archive.today, Google cache) rather than the archive
   *   host. The popup still links to the cited archive URL.
   * - SHOW_LINT_IN_WIDGET: also show domain-list lint (ignored entries) in the
   *   filter widget's warning tooltip. Lint always goes to the console.
   */
  const UNWRAP_ARCHIVES        =  true;
  const SHOW_LINT_IN_WIDGET    =  false;

  /**
   * ==========================================================================
   * INDICATOR CONFIGURATION
   * ==========================================================================
   *
   * Defines metadata for domain indicators used in the watchlist UI.
   * Each indicator is associated with a level of urgency and a unique symbol.
   *
   * Fields:
   * - msg:      Display label for the level (e.g., &quot;Warning&quot;, &quot;Caution&quot;).
   * - emoji:    Unicode character for the visual indicator (escaped as `\uXXXX`).
   * - section:  Must exactly match the section headers in the domain list pages.
   * - priority: Higher values override lower ones for conflicting domain matches.
   *             Priority scale: 1 (lowest) to N (highest).
   * - list:     Defined as &quot;new Set()&quot; for all indicator types.
   *
   * If a domain appears in multiple lists, the one with the highest priority
   * takes precedence.
   */


  const indicators = {
    warning: {
      msg:          'Warning',
      emoji:        '❗',
      section:      '==Warn==',
      explanation:  'This domain is classified as an unreliable source',
      priority:     3,
      dataAttr:     'data-cw-linkwarn',
      list:         new Set()
    },
    caution: {
      msg:          'Caution',
      emoji:        '✋',
      section:      '==Caution==',
      explanation:  'This source may be unreliable depending on context',
      priority:     2,
      dataAttr:     'data-cw-linkcaution',
      list:         new Set()
    },
    inspect: {
      msg:          'Inspect',
      emoji:        '🔎',
      section:      '==Inspect==',
      explanation:  'Take a closer look at this particular source',
      priority:     1,
      dataAttr:     'data-cw-linkinspect',
      list:         new Set()
    },
    added: {
      msg:          addedLabel,
      emoji:        '\u{1F517}',
      section:      null,
      explanation:  'All added links',
      priority:     0,
      list:         new Set()
    },
    removed: {
      msg:          removedLabel,
      emoji:        '\u{1F5D1}',
      section:      null,
      explanation:  'All removed links',
      priority:     -1,
      list:         new Set()
    }
  };

  /** Indicator types that come from the domain lists (priority &gt; 0). */
  const listedTypes = Object.keys(indicators).filter(t =&gt; indicators[t].priority &gt; 0);

  /**
   * Kinds of link change between two revisions, in popup display order.
   * `counts` says whether the kind counts as a source being added or removed
   * (and so drives the gutter icon and list indicators); archive supplements
   * and swaps are shown but not counted, since the source was already cited.
   */
  const changeKinds = {
    added: {
      msg: addedLabel, emoji: indicators.added.emoji,
      explanation: 'Links to sources not previously cited', counts: 'added'
    },
    archiveOnly: {
      msg: archiveOnlyLabel, emoji: '\u{1F4E6}',
      explanation: 'An archived copy was cited without the original link', counts: 'added'
    },
    archived: {
      msg: archivedLabel, emoji: '\u{1F4E6}',
      explanation: 'An archive link was added alongside an existing citation', counts: null
    },
    swapped: {
      msg: swappedLabel, emoji: '\u{1F501}',
      explanation: 'An existing link was replaced by its archived copy', counts: null
    },
    removed: {
      msg: removedLabel, emoji: indicators.removed.emoji,
      explanation: indicators.removed.explanation, counts: 'removed'
    }
  };

  /** Popups with more links than this start collapsed. */
  const POPUP_COLLAPSE_AFTER = 8;


  /**
   * Citation Watchlist
   *
   * Highlights potentially questionable citations added in Wikipedia revisions
   * based on community-built lists of domain names
   *
   *
   * Documentation: https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist
   *
   * Author: James Hare
   * License: GNU General Public License v3.0 (GPL-3.0)
   *
   * @version 2.5
   * @since 2026-10-28
   */


  /**
   * IF YOU WANT TO MODIFY any part of the script below this point, please submit
   * your edits to https://test.wikipedia.org/wiki/User:Harej/citation-watchlist.js
   * so that your modifications can be tested.
   */


  let publicSuffixSet = new Set();
  const MAX_DOMAINS_PER_LIST = 50000;
  const MIN_PSL_ENTRIES = 1000;

  /**
   * Revisions larger than this are not scanned. MediaWiki's own page-size
   * limit is 2 MiB, so this only trips on pathological cases; it bounds the
   * download and regex work done per row.
   */
  const MAX_REVISION_CHARS = 2 * 1024 * 1024;

  /**
   * Revision fetching strategy. Rows are never fetched one at a time: revision
   * IDs are grouped into small chunks (so the first chunk returns quickly and
   * its rows render while the rest are still in flight), several chunks are
   * kept in flight at once, and rows are annotated the moment their chunk
   * arrives. Concurrency is capped because origin=* requests are anonymous and
   * therefore per-IP rate limited (see release notes for 1.5/1.6).
   */
  const CONTENT_CHUNK_SIZE = 8;             // max revisions per content request
  const CONTENT_CHUNK_BYTES = 400 * 1024;   // soft byte budget per chunk when sizes are known
  const CONTENT_CONCURRENCY = 4;            // simultaneous content requests
  const METADATA_CHUNK_SIZE = 50;           // revids per ids|size request (API max for users)
  const ASSUMED_REVISION_BYTES = 40 * 1024; // chunking estimate when size is unknown
  const LIVE_RELOAD_DEBOUNCE_MS = 250;      // settle time after the change list is replaced

  /**
   * Non-fatal problems encountered while loading configuration (missing list
   * pages, API failures). Surfaced in the filter widget so list maintainers
   * notice quickly, instead of the tool silently running with partial data.
   */
  const loadWarnings = [];

  /**
   * Domain-list lint: entries that were ignored because they are not bare
   * domains. Always logged; shown in the widget only if SHOW_LINT_IN_WIDGET.
   */
  const listLint = [];

  /**
   * Unified cache configuration. Each entry defines a cache key prefix, its TTL,
   * version number, an optional cap on the number of entries kept, and a
   * human-readable description.
   *
   * - revURLs:  per-revision list of extracted URLs. Revisions are immutable,
   *   so the TTL and cap exist only to bound storage.
   * - sectionURLs: per-revision, per-section URL map from rendered article HTML.
   * - domainList: parsed domain lists ({warning: [...], caution: [...], ...}).
   * - publicSuffixListCache: validated PSL entries as an array.
   * - citationWatchlistFetchDomainListPages_: list-of-lists page titles.
   */
  const cacheConfig = [
    {
      prefix: 'revURLs:',
      ttl: 30 * 24 * 60 * 60 * 1000,
      version: 1,
      maxEntries: 4000,
      description: 'Revision URL cache'
    },
    {
      prefix: 'sectionURLs:',
      ttl: 30 * 24 * 60 * 60 * 1000,
      version: 1,
      maxEntries: 500,
      description: 'Article section URL cache'
    },
    {
      prefix: 'domainList:',
      ttl: 6 * 60 * 60 * 1000,
      version: 1,
      description: 'Domain list cache'
    },
    {
      prefix: 'publicSuffixListCache',
      ttl: 24 * 60 * 60 * 1000,
      version: 1,
      description: 'Public suffix list cache'
    },
    {
      prefix: 'citationWatchlistFetchDomainListPages_',
      ttl: 4 * 60 * 60 * 1000,
      version: 0,
      description: 'Domain list pages cache'
    }
  ];

  /** Cache prefixes from earlier versions, removed on startup. */
  const retiredCachePrefixes = ['revisionDiff:'];

  /** How often (ms) the full localStorage expiry/eviction pass runs. */
  const CACHE_PURGE_INTERVAL = 60 * 60 * 1000;

  /**
   * ==========================================================================
   * 1. Primary Workflow
   * ==========================================================================
   */

  /** Resolves once the PSL and domain lists are loaded (true) or failed (false). */
  let configReady = null;

  /** Rows already handed to processRevisions(), so live reloads only pick up new ones. */
  const seenRows = new WeakSet();

  /**
   * Loads the public suffix list and the domain lists, in parallel. Never
   * throws; failures are recorded in loadWarnings.
   *
   * @returns {Promise&lt;boolean&gt;} True if the tool can screen domains.
   */
  async function loadConfiguration() {
    try {
      const [psl, listPages] = await Promise.all([
        fetchPublicSuffixList(),
        fetchDomainListPages(listOfLists)
      ]);
      publicSuffixSet = psl;
      if (publicSuffixSet.size === 0) {
        console.error('Public Suffix List loading failed');
        loadWarnings.push('Public Suffix List could not be loaded');
        return false;
      }
      console.log('Welcome to Citation Watchlist');
      if (listPages &amp;&amp; listPages.length &gt; 0) {
        await fetchAndOrganizeDomainLists(listPages);
      } else {
        loadWarnings.push(`Could not load list of lists (${listOfLists})`);
      }
      if (listLint.length &gt; 0) {
        console.warn(`Citation Watchlist: ${listLint.length} domain-list entries were ignored:\n` +
          listLint.join('\n'));
      }
      return true;
    } catch (e) {
      console.error('Citation Watchlist: configuration load failed:', e);
      loadWarnings.push('Configuration could not be loaded (see console)');
      return false;
    }
  }

  /**
   * Function called by the entry point for Citation Watchlist.
   * Determines if the current page should be analyzed, starts loading the
   * configuration, collects the revisions behind each change-list row, and
   * fetches and annotates them while the configuration loads.
   */
  async function analyzeView() {
    purgeCaches();
    const ns = mw.config.get('wgNamespaceNumber');
    const inspectEnabled = enabledNamespaces.includes(ns);

    // Start the configuration load immediately; nothing below waits on it
    // until the first row is ready to render.
    if (inspectEnabled) {
      configReady = loadConfiguration();
    }

    // Article surface: scan enabled sections for watchlisted domains
    const action = mw.config.get('wgAction');
    if (action === 'view' &amp;&amp; ns &gt;= 0 &amp;&amp; inspectEnabled) {
      if (await configReady) {
        await analyzeArticleSections();
      }
      return;
    }

    // Pre-pad change log lines immediately on Special:RecentChanges for visual stability
    if (ns === -1) {
      document.querySelectorAll('li.mw-changeslist-line, .mw-changeslist-line')
        .forEach(line =&gt; prePadElement(line));
      flushGutterPadding();
    }

    if (!inspectEnabled) {
      return;
    }
    createChangeListFilterWidget();
    await annotateChangeList(document, true);
    installLiveReloadObserver();
  }

  /**
   * Collects and annotates every unseen change-list row under `root`.
   *
   * @param {Document|Element} root - Where to look for rows.
   * @param {boolean} allowFirstRevisionFallback - On a page history with no
   *   diff links (single-revision page), analyze the page's first revision.
   */
  async function annotateChangeList(root, allowFirstRevisionFallback) {
    const revisions = [];
    let noLinks = true;

    // Prefer iterating per-change rows when available (JS-enhanced watchlist/RC);
    // fall back to link containers on non-enhanced layouts.
    const unseen = selector =&gt; Array.from(root.querySelectorAll(selector)).filter(el =&gt; !seenRows.has(el));
    let entries = unseen('[data-mw-revid]:not(.mw-userlink), .mw-changeslist-line');
    let prePadCallback = null;
    if (entries.length &gt; 0) {
      entries.forEach(line =&gt; prePadElement(line));
      flushGutterPadding();
    } else {
      entries = unseen('.mw-changeslist-links');
      prePadCallback = (_el, link) =&gt; {
        const target = link.parentNode.parentNode;
        prePadElement(target);
        flushGutterPadding();
        return target;
      };
    }

    for (const entry of entries) {
      seenRows.add(entry);
      const result = await extractEntry(entry, entry, prePadCallback);
      if (result.hasLink) noLinks = false;
      if (!result.skip &amp;&amp; result.revision) revisions.push(result.revision);
    }

    // If no links were found, extract the first revision ID
    if (allowFirstRevisionFallback &amp;&amp; noLinks &amp;&amp; entries.length &gt; 0) {
      try {
        const firstID = await fetchFirstRevisionId(mw.config.get('wgTitle'));
        if (firstID) {
          revisions.push({
            oldrevision: String(firstID),
            element: entries[0],
            viewHref: buildPermalinkUrl(firstID),
            viewLabel: viewRevisionLabel
          });
        }
      } catch (e) {
        console.warn('Citation Watchlist: single-revision fallback failed:', e);
      }
    }

    await processRevisions(revisions);
    finishChangeListPass();
  }

  /**
   * Extracts the revision behind one change-list entry, isolating failures so
   * that a single malformed row does not abort the remaining rows.
   *
   * @param {Element} container - The DOM element to query for revision links.
   * @param {Element} element - The DOM element to attach to the revision object.
   * @param {Function|null} prePadCallback - See extractRevisionFromLinks.
   * @returns {Promise&lt;{revision: Object|null, hasLink: boolean, skip: boolean}&gt;}
   */
  async function extractEntry(container, element, prePadCallback) {
    try {
      return await extractRevisionFromLinks(container, element, prePadCallback);
    } catch (e) {
      console.warn('Citation Watchlist: skipping entry due to error:', e);
      // Report hasLink=true so a row-level failure never triggers the
      // single-revision fallback for the whole page.
      return { revision: null, hasLink: true, skip: true };
    }
  }

  /**
   * Annotates a set of revisions with as little latency as possible:
   *
   * 1. Parent IDs (for diff=prev and history rows) and sizes are resolved in
   *    one metadata request, only when any row needs them.
   * 2. Per-revision URL lists already in the cache are used directly.
   * 3. Remaining revision IDs are deduplicated (history rows share revisions),
   *    chunked in DOM order, fetched with bounded concurrency, and each row is
   *    rendered as soon as every revision it depends on is available. Fetching
   *    overlaps the configuration load; only rendering waits for it.
   *
   * @param {Object[]} revisions - Revision objects from extractRevisionFromLinks.
   */
  async function processRevisions(revisions) {
    if (revisions.length === 0) return;

    // --- 1. Resolve parents / sizes ---------------------------------------
    const parentLookups = revisions.filter(r =&gt; r.needsParentOf).map(r =&gt; r.needsParentOf);
    let metadata = {};
    if (parentLookups.length &gt; 0) {
      metadata = await fetchRevisionMetadata(unique(parentLookups));
      for (const revision of revisions) {
        if (!revision.needsParentOf) continue;
        const currentId = revision.needsParentOf;
        const meta = metadata[currentId];
        delete revision.needsParentOf;
        if (meta &amp;&amp; meta.parentid) {
          revision.oldrevision = String(meta.parentid);
          revision.newrevision = currentId;
          if (revision.pageTitle &amp;&amp; !revision.viewHref) {
            revision.viewHref = buildDiffUrl(revision.pageTitle,
              revision.oldrevision, revision.newrevision);
          }
        } else if (meta) {
          // First revision of the page: everything in it was &quot;added&quot;
          revision.oldrevision = currentId;
          revision.newrevision = null;
          revision.viewHref = buildPermalinkUrl(currentId);
          revision.viewLabel = viewRevisionLabel;
        } else {
          markSkipped(revision, 'fetch-failed');
          revision.oldrevision = null;
        }
      }
    }

    // --- 2. Per-revision URL lists from cache; queue the rest --------------
    const urlLists = new Map(); // id -&gt; string[] | null (null = unreadable)
    const pending = [];         // { revision, needs: string[] }
    for (const revision of revisions) {
      if (revision.skipped) continue;
      if (!isRevisionId(revision.oldrevision) ||
        (revision.newrevision &amp;&amp; !isRevisionId(revision.newrevision))) {
        markSkipped(revision, 'invalid');
        continue;
      }
      const needs = [revision.oldrevision];
      if (revision.newrevision) needs.push(revision.newrevision);
      for (const id of needs) {
        if (urlLists.has(id)) continue;
        const cached = readCache(`revURLs:${location.hostname}:${id}`);
        if (Array.isArray(cached)) urlLists.set(id, cached.filter(isValidHttpUrl));
      }
      pending.push({ revision, needs });
    }
    if (pending.length === 0) return;

    // --- 3. Fetch missing content in chunks; render as data arrives --------
    const neededIds = unique(pending.flatMap(p =&gt; p.needs)).filter(id =&gt; !urlLists.has(id));
    const oversized = new Set();
    for (const id of neededIds) {
      const meta = metadata[id];
      if (meta &amp;&amp; typeof meta.size === 'number' &amp;&amp; meta.size &gt; MAX_REVISION_CHARS) {
        oversized.add(id);
        urlLists.set(id, null);
      }
    }
    const chunks = chunkRevisionIds(neededIds.filter(id =&gt; !oversized.has(id)), metadata);

    let canRender = false;
    const settle = () =&gt; {
      if (!canRender) return;
      for (let i = pending.length - 1; i &gt;= 0; i--) {
        const item = pending[i];
        if (!item.needs.every(id =&gt; urlLists.has(id))) continue;
        pending.splice(i, 1);
        if (item.needs.some(id =&gt; oversized.has(id))) {
          markSkipped(item.revision, 'oversized');
          continue;
        }
        const oldList = urlLists.get(item.revision.oldrevision);
        const newList = item.revision.newrevision ? urlLists.get(item.revision.newrevision) : null;
        if (oldList === null || (item.revision.newrevision &amp;&amp; newList === null)) {
          markSkipped(item.revision, 'fetch-failed');
          continue;
        }
        renderRevision(item.revision,
          classifyLinkChanges(oldList, newList, !!item.revision.newrevision));
      }
      flushGutterPadding();
    };

    const onText = (id, text) =&gt; {
      if (text === null) {
        urlLists.set(id, null);
        return;
      }
      if (text.length &gt; MAX_REVISION_CHARS) {
        oversized.add(id);
        urlLists.set(id, null);
        return;
      }
      const urls = extractURLs(stripHTMLComments(text));
      urlLists.set(id, urls);
      writeCache(`revURLs:${location.hostname}:${id}`, urls);
    };

    // Dispatch content fetches now; they run while the lists are still loading.
    const fetching = runPool(chunks.map(chunk =&gt; async () =&gt; {
      await fetchChunkIsolating(chunk, onText);
      settle();
    }), CONTENT_CONCURRENCY);

    if (!(await configReady)) {
      await fetching;
      return; // no lists: nothing to screen against
    }
    canRender = true;
    settle(); // cache hits and anything that landed while the lists loaded
    await fetching;

    // Anything still pending had an id the API never returned
    for (const item of pending) {
      markSkipped(item.revision, 'fetch-failed');
    }
  }

  /**
   * Fetches a chunk of revisions; if the request fails outright, splits the
   * chunk in half and retries each half, so one problematic revision only
   * costs itself rather than its neighbours. Each fetch already carries
   * safeFetch's retries, so this only runs in genuine failure cases.
   *
   * @param {string[]} chunk - Revision IDs.
   * @param {Function} onText - Called with (id, text|null) for every id.
   */
  async function fetchChunkIsolating(chunk, onText) {
    const result = await fetchRevisionTexts(chunk);
    if (result) {
      for (const id of chunk) {
        onText(id, result.has(id) ? result.get(id) : null);
      }
      return;
    }
    if (chunk.length === 1) {
      onText(chunk[0], null);
      return;
    }
    const mid = Math.ceil(chunk.length / 2);
    await fetchChunkIsolating(chunk.slice(0, mid), onText);
    await fetchChunkIsolating(chunk.slice(mid), onText);
  }

  /**
   * Groups revision IDs into fetch chunks in order, bounded by count and, when
   * sizes are known, by an approximate byte budget so one huge article does not
   * delay its neighbours.
   *
   * @param {string[]} ids - Revision IDs in the order they should be fetched.
   * @param {Object} metadata - Map of id -&gt; {parentid, size} (may be sparse).
   * @returns {string[][]}
   */
  function chunkRevisionIds(ids, metadata) {
    const chunks = [];
    let current = [];
    let currentBytes = 0;
    for (const id of ids) {
      const meta = metadata[id];
      const bytes = (meta &amp;&amp; typeof meta.size === 'number') ? meta.size : ASSUMED_REVISION_BYTES;
      if (current.length &gt; 0 &amp;&amp;
        (current.length &gt;= CONTENT_CHUNK_SIZE || currentBytes + bytes &gt; CONTENT_CHUNK_BYTES)) {
        chunks.push(current);
        current = [];
        currentBytes = 0;
      }
      current.push(id);
      currentBytes += bytes;
    }
    if (current.length &gt; 0) chunks.push(current);
    return chunks;
  }

  /**
   * Runs async task factories with at most `concurrency` in flight, in order.
   *
   * @param {Array&lt;() =&gt; Promise&lt;*&gt;&gt;} tasks
   * @param {number} concurrency
   * @returns {Promise&lt;void&gt;}
   */
  async function runPool(tasks, concurrency) {
    let next = 0;
    const workers = Array.from({ length: Math.min(concurrency, tasks.length) }, async () =&gt; {
      while (next &lt; tasks.length) {
        const task = tasks[next++];
        try {
          await task();
        } catch (e) {
          console.warn('Citation Watchlist: chunk failed:', e);
        }
      }
    });
    await Promise.all(workers);
  }

  /**
   * Returns the elements of an array with duplicates removed, first occurrence wins.
   *
   * @param {Array} arr
   * @returns {Array}
   */
  function unique(arr) {
    return Array.from(new Set(arr));
  }

  /**
   * Marks a revision's row as skipped with a reason, without annotating it.
   *
   * @param {Object} revision
   * @param {string} reason - 'fetch-failed', 'oversized' or 'invalid'.
   */
  function markSkipped(revision, reason) {
    revision.skipped = reason;
    try {
      revisionTargetElement(revision).setAttribute('data-cw-skipped', reason);
    } catch (e) {
      /* ignore */
    }
    console.warn(`Citation Watchlist: skipped ${revision.oldrevision || '?'}` +
      `${revision.newrevision ? ' -&gt; ' + revision.newrevision : ''} (${reason})`);
  }

  /**
   * Finds the row-level element that carries data attributes for a revision.
   *
   * @param {Object} revision
   * @returns {Element}
   */
  function revisionTargetElement(revision) {
    const el = revision.element;
    return el.closest('[data-mw-revid]:not(.mw-userlink)') ||
      el.closest('li') || el.closest('.mw-changeslist-line, tr') || el;
  }

  /**
   * Scans the article page for sections whose H2 headers match enabledSectionHeaders,
   * then analyzes each matching section for watchlisted domains.
   */
  async function analyzeArticleSections() {
    const headings = document.querySelectorAll('.mw-heading2 h2, h2');
    for (const h2 of headings) {
      const headerText = h2.textContent.trim();
      if (!enabledSectionHeaders.includes(headerText)) continue;

      // Collect all content between this heading and the next heading
      const headingContainer = h2.closest('.mw-heading') || h2;
      let sibling = headingContainer.nextElementSibling;
      const sectionElements = [];
      while (sibling &amp;&amp; !sibling.classList.contains('mw-heading')) {
        sectionElements.push(sibling);
        sibling = sibling.nextElementSibling;
      }

      try {
        analyzeSection(headerText, sectionElements);
        createArticleFilterWidget(headingContainer);
      } catch (e) {
        console.warn(`Citation Watchlist: failed to analyze section &quot;${headerText}&quot;:`, e);
      }
    }
  }

  /**
   * Analyzes a single article section: extracts URLs from each &lt;li&gt;, screens them
   * against domain lists, and prepends indicator icons to matching list items.
   *
   * @param {string} sectionName - The section header text (e.g. &quot;References&quot;).
   * @param {Element[]} sectionElements - DOM elements between this heading and the next.
   */
  function analyzeSection(sectionName, sectionElements) {
    const revisionId = mw.config.get('wgRevisionId');
    const cacheKey = `sectionURLs:${location.hostname}:${revisionId}:${sectionName}`;

    // Map: array of { liId, urls }. Anything read back from localStorage is
    // re-validated before it can reach an href.
    let liURLMap = null;
    const cachedMap = readCache(cacheKey);
    if (Array.isArray(cachedMap)) {
      liURLMap = cachedMap
        .filter(entry =&gt; entry &amp;&amp; typeof entry.liId === 'string' &amp;&amp; Array.isArray(entry.urls))
        .map(entry =&gt; ({ liId: entry.liId, urls: entry.urls.filter(isValidHttpUrl) }));
    }

    const citeNotes = sectionElements.flatMap(el =&gt; Array.from(el.querySelectorAll('li[id^=&quot;cite_note&quot;]')));

    // Build from DOM if not cached
    if (!liURLMap) {
      liURLMap = citeNotes.map(li =&gt; ({
        liId: li.id,
        urls: Array.from(li.querySelectorAll('a.external[href]'))
          .map(a =&gt; a.getAttribute('href'))
          .filter(href =&gt; /^https?:\/\//i.test(href))
      }));
      writeCache(cacheKey, liURLMap);
    }

    // Add padding to all list items so citation text is flush with icons
    for (const li of citeNotes) li.style.paddingLeft = '1.5em';

    // Screen each li's URLs against domain lists and prepend icons with popups
    for (const entry of liURLMap) {
      const li = document.getElementById(entry.liId);
      if (!li) continue;

      const matched = resolveURLs(entry.urls).filter(r =&gt; r.indicator);
      if (matched.length === 0) continue;
      const highest = highestPriority(matched.map(m =&gt; m.indicator));

      const wrapper = makeElement('span', {
        style: { position: 'relative', cursor: 'pointer', marginLeft: '-1.5em',
          display: 'inline-block', width: '1.5em' }
      });
      wrapper.appendChild(makeElement('span', { text: indicators[highest].emoji }));
      attachPopup(wrapper, matched.map(m =&gt; popupLine(indicators[m.indicator], [m], false)), {});
      li.prepend(wrapper);
      li.dataset.cwIndicator = highest;
    }
  }

  /**
   * Extracts revision information from diff/hist/prev/cur links within a container.
   * Parent IDs are not fetched here; rows that need one set `needsParentOf` and
   * processRevisions() resolves them in a single batched request.
   *
   * @param {Element} container - The DOM element to query for revision links.
   * @param {Element} element - The DOM element to attach to the revision object.
   * @param {Function|null} prePadCallback - Optional callback invoked with (element, link) before
   *     processing each branch. In fallback mode this derives the target element and pre-pads it.
   * @returns {Promise&lt;{revision: Object|null, hasLink: boolean, skip: boolean}&gt;}
   *     - revision: the extracted revision object, or null if no usable link was found.
   *     - hasLink: true if any recognized link was present (even if skipped).
   *     - skip: true if the entry should be skipped (non-article after pre-padding).
   */
  async function extractRevisionFromLinks(container, element, prePadCallback) {
    const kinds = [
      { selector: 'a.mw-changeslist-diff', kind: 'diff' },
      { selector: 'a.mw-changeslist-history', kind: 'hist' },
      { selector: 'a.mw-history-histlinks-previous', kind: 'prev' },
      { selector: 'a.mw-history-histlinks-current', kind: 'cur' }
    ];
    let link = null;
    let kind = null;
    for (const k of kinds) {
      link = container.querySelector(k.selector);
      if (link) {
        kind = k.kind;
        break;
      }
    }
    if (!link) {
      return { revision: null, hasLink: false, skip: false };
    }

    const params = new URL(link.href).searchParams;
    const pageTitle = params.get('title');
    const target = prePadCallback ? prePadCallback(element, link) : element;

    // The diff and hist links appear on watchlist/RC/contribs rows that can be
    // for any namespace; history prev/cur links are always for the page itself.
    if ((kind === 'diff' || kind === 'hist') &amp;&amp; isNotArticle(pageTitle)) {
      return { revision: null, hasLink: true, skip: true };
    }

    const revision = {
      oldrevision: null,
      newrevision: null,
      element: target,
      viewHref: '',
      viewLabel: viewDiffLabel,
      pageTitle: pageTitle || undefined
    };

    switch (kind) {
      case 'diff': {
        // MediaWiki convention: diff = newer, oldid = older
        const diffParam = params.get('diff');
        const oldidParam = params.get('oldid');
        revision.viewHref = link.href;
        if (diffParam === 'prev' &amp;&amp; oldidParam) {
          // Contributions: oldid is the current revision; parent resolved later
          revision.needsParentOf = oldidParam;
        } else {
          revision.oldrevision = oldidParam;
          revision.newrevision = diffParam;
        }
        break;
      }
      case 'hist': {
        // New page: analyze its first revision
        const firstID = await fetchFirstRevisionId(pageTitle);
        if (!firstID) {
          return { revision: null, hasLink: true, skip: false };
        }
        revision.oldrevision = String(firstID);
        revision.viewHref = buildPermalinkUrl(firstID);
        revision.viewLabel = viewRevisionLabel;
        break;
      }
      case 'prev': {
        // viewHref is filled in once the parent is known
        revision.needsParentOf = params.get('oldid') || null;
        break;
      }
      case 'cur': {
        revision.oldrevision = params.get('oldid');
        revision.viewHref = buildPermalinkUrl(revision.oldrevision);
        revision.viewLabel = viewRevisionLabel;
        break;
      }
    }

    return { revision, hasLink: true, skip: false };
  }

  /**
   * Classifies the link changes between two revisions. Links are grouped by
   * the page they ultimately point at (archive URLs are unwrapped), so an
   * archive link added next to an existing citation is reported as
   * &quot;archived&quot; rather than as a new source. Multiset semantics: a URL that
   * appears twice in the new revision and once in the old counts as one
   * addition.
   *
   * @param {string[]} fromList - URLs in the older revision.
   * @param {string[]|null} toList - URLs in the newer revision (ignored if !hasNew).
   * @param {boolean} hasNew - False for a page's first revision, in which case
   *   every URL in fromList is considered added.
   * @returns {Object[]} Resolved links, each with a `kind` from changeKinds.
   */
  function classifyLinkChanges(fromList, toList, hasNew) {
    const tally = (urls) =&gt; {
      const byTarget = new Map(); // target -&gt; { direct: [], archive: [] }
      for (const r of resolveURLs(urls)) {
        if (!byTarget.has(r.target)) byTarget.set(r.target, { direct: [], archive: [] });
        byTarget.get(r.target)[r.archiveHost ? 'archive' : 'direct'].push(r);
      }
      return byTarget;
    };
    const oldMap = hasNew ? tally(fromList) : new Map();
    const newMap = tally(hasNew ? (toList || []) : fromList);
    const changes = [];
    const push = (kind, entries, n) =&gt; {
      for (let i = 0; i &lt; n &amp;&amp; i &lt; entries.length; i++) changes.push({ ...entries[i], kind });
    };

    for (const target of new Set([...oldMap.keys(), ...newMap.keys()])) {
      const o = oldMap.get(target) || { direct: [], archive: [] };
      const n = newMap.get(target) || { direct: [], archive: [] };
      const oD = o.direct.length, oA = o.archive.length;
      const nD = n.direct.length, nA = n.archive.length;

      if (nD &gt; oD) push('added', n.direct, nD - oD);

      if (nA &gt; oA) {
        let kind = 'archiveOnly';           // archive cited, original never present
        if (nD &gt; 0) kind = 'archived';       // original still cited: supplement
        else if (oD &gt; 0) kind = 'swapped';   // original gone, archive took its place
        push(kind, n.archive, nA - oA);
      }

      const swapped = oD &gt; 0 &amp;&amp; nD === 0 &amp;&amp; nA &gt; oA;
      if (oD &gt; nD &amp;&amp; !swapped) push('removed', o.direct, oD - nD);
      // An archive-only citation that disappeared entirely is a removal;
      // dropping a supplementary archive while the original stays is not.
      if (oA &gt; nA &amp;&amp; oD === 0 &amp;&amp; nD === 0 &amp;&amp; nA === 0) push('removed', o.archive, oA - nA);
    }
    return changes;
  }
  /**
   * Screens a revision's link changes against the domain lists and annotates
   * its row (gutter icons, popup, filter data attributes).
   * Synchronous: all network work happens in processRevisions().
   *
   * @param {Object} revision - Object containing oldrevision, optional
   *   newrevision, and DOM element.
   * @param {Object[]} changes - From classifyLinkChanges().
   */
  function renderRevision(revision, changes) {
    const targetElement = revisionTargetElement(revision);
    targetElement.setAttribute('data-cw-processed', 'true');

    const counted = changes.filter(c =&gt; changeKinds[c.kind].counts);
    const added = counted.filter(c =&gt; changeKinds[c.kind].counts === 'added');
    const removed = counted.filter(c =&gt; changeKinds[c.kind].counts === 'removed');

    // Highest-priority indicator among added links (lists only), for the gutter
    const addType = highestPriority(added.map(a =&gt; a.indicator)) ||
      (added.length &gt; 0 ? 'added' : null);

    try {
      if (revision.viewHref) revision.element.dataset.cwViewHref = revision.viewHref;
      if (revision.viewLabel) revision.element.dataset.cwViewLabel = revision.viewLabel;
    } catch (e) {
      /* ignore */
    }

    // Render two-column emojis: left = addition (highest-priority), right = removal (bin)
    renderTwoColumnEmojis(revision.element, addType, removed.length &gt; 0, changes);

    // Data attributes drive the filter widget. Every kind is a link change;
    // only counted kinds carry list indicators.
    const changedDomains = unique(changes.map(r =&gt; r.domain)).sort();
    if (changedDomains.length &gt; 0) {
      targetElement.dataset.cwLinkchange = changedDomains.join('|');
    }
    for (const type of listedTypes) {
      const domains = unique(counted.filter(r =&gt; r.indicator === type).map(r =&gt; r.domain)).sort();
      if (domains.length &gt; 0) {
        targetElement.setAttribute(indicators[type].dataAttr, domains.join('|'));
      }
    }
  }
  /**
   * ==========================================================================
   * 2. User Interface
   * ==========================================================================
   */

  /**
   * Pending hosts that need gutter padding applied. Collected during
   * renderTwoColumnEmojis and flushed in a single batch via flushGutterPadding()
   * so that all rows shift at the same time instead of one at a time.
   */
  const pendingGutterPadding = [];

  /**
   * Applies the gutter padding to a single host element, reserving horizontal
   * space for the two-column emoji gutter.
   *
   * @param {HTMLElement} host - The element to pad.
   */
  function applyGutterPadding(host) {
    const pad = 'calc(2em + 0.5em)';
    try {
      const cs = window.getComputedStyle(host);
      const existing = parseFloat(cs.paddingLeft || '0');
      const fontSizePx = parseFloat(cs.fontSize || '16');
      const desiredPx = 2.5 * fontSizePx; // 2em + 0.5em
      if (isNaN(existing) || existing &lt; desiredPx - 0.5) {
        host.style.paddingLeft = pad;
      }
    } catch (e) {
      host.style.paddingLeft = pad;
    }
  }

  /**
   * Applies gutter padding to all collected hosts at once, then clears the
   * queue. Call this after a batch of renderTwoColumnEmojis calls to avoid
   * one-at-a-time layout shifts.
   */
  function flushGutterPadding() {
    for (const host of pendingGutterPadding) {
      applyGutterPadding(host);
    }
    pendingGutterPadding.length = 0;
  }

  /**
   * Finds the element that hosts the gutter for a change-list element:
   * the list container or, for table rows, the content cell.
   *
   * @param {HTMLElement} element
   * @returns {HTMLElement|null}
   */
  function gutterHostFor(element) {
    const container =
      element.closest('[data-mw-revid]:not(.mw-userlink)') ||
      element.closest('li') ||
      element.closest('.mw-changeslist-line, tr') || element.parentNode || element;
    if (!container) return null;
    let host = container;
    if (host.tagName &amp;&amp; host.tagName.toUpperCase() === 'TR') {
      // For nested enhanced RC rows, place the gutter in the content cell so
      // icons align with singleton rows that use .mw-changeslist-line-inner.
      const nestedContent = host.querySelector('td.mw-enhanced-rc-nested[data-target-page]');
      host = nestedContent || host.querySelector('td, th') || host;
    }
    // Prefer inner change-line wrappers on Watchlist/RC if present
    const innerHost = host.querySelector('.mw-changeslist-line-inner, .mw-changeslist-line-main');
    return innerHost || host;
  }

  /**
   * Renders exactly two fixed-width emoji columns before a revision entry:
   * - Left column: highest-priority addition indicator
   *   (warning/caution/inspect/added), or spacer if none.
   * - Right column: removal indicator if removals exist, otherwise spacer.
   *
   * This preserves consistent alignment even when no links are added/removed.
   *
   * @param {HTMLElement} element - The revision list DOM element.
   * @param {string|null} addType - Indicator type for the left column, or null.
   * @param {boolean} hasRemovals - Whether to show the removal icon.
   * @param {Object[]} changes - Resolved link changes from classifyLinkChanges().
   */
  function renderTwoColumnEmojis(element, addType, hasRemovals, changes = []) {
    if (!element) return;
    const host = gutterHostFor(element);
    if (!host) return;

    const cell = (char, className) =&gt; makeElement('span', {
      className, text: char,
      style: { display: 'inline-block', width: '1em', textAlign: 'center', userSelect: 'none' }
    });
    const addChar = addType ? indicators[addType].emoji : ' ';
    const remChar = hasRemovals ? indicators.removed.emoji : ' ';

    // Propagate dataset for view link from source element to host
    try {
      if (element.dataset.cwViewHref) host.dataset.cwViewHref = element.dataset.cwViewHref;
      if (element.dataset.cwViewLabel) host.dataset.cwViewLabel = element.dataset.cwViewLabel;
    } catch (e) {
      /* ignore */
    }

    // Ensure a single gutter exists
    let gutter = host.querySelector('.cw-gutter');
    if (gutter) {
      gutter.querySelector('.cw-add').textContent = addChar;
      gutter.querySelector('.cw-rem').textContent = remChar;
    } else {
      // Ensure the host can anchor absolutely positioned children
      if (!host.style.position) host.style.position = 'relative';
      // Create a left gutter that does not participate in text wrapping
      gutter = makeElement('span', {
        className: 'cw-gutter',
        style: {
          position: 'absolute', left: '0', top: '0', display: 'inline-flex', gap: '0.25em',
          width: 'calc(2em + 0.25em)', alignItems: 'flex-start', userSelect: 'none'
        }
      });
      gutter.appendChild(cell(addChar, 'cw-add'));
      gutter.appendChild(cell(remChar, 'cw-rem'));
      // Insert the gutter into the host; padding is deferred to flushGutterPadding()
      host.insertBefore(gutter, host.firstChild);
      pendingGutterPadding.push(host);
    }

    const lines = Object.keys(changeKinds).map(kind =&gt;
      popupLine(changeKinds[kind], changes.filter(c =&gt; c.kind === kind), true));
    attachPopup(gutter, lines, {
      viewHref: host.dataset.cwViewHref || '',
      viewLabel: host.dataset.cwViewLabel || ''
    });
    host.setAttribute('data-processed-twocol', 'true');
  }
  /**
   * Fills a popup with a close button, a two-column grid of labelled link
   * lines, and a footer. Within a line, links are grouped by domain:
   * &quot;example.com&quot; for a single link, &quot;example.com (1, 2, 3)&quot; for several.
   * Popups with more than POPUP_COLLAPSE_AFTER links start collapsed with a
   * &quot;Show all&quot; toggle. Idempotent: safe to call again to refresh content.
   *
   * @param {HTMLElement} popupEl - The popup element.
   * @param {Array&lt;{labelText: string, labelTitle: string, items: Object[]}&gt;} lines
   *   Each item is a resolved link ({url, domain, indicator, archiveHost}).
   * @param {Object} footerOptions - See createPopupFooter.
   */
  function buildPopupContent(popupEl, lines, footerOptions) {
    if (!popupEl.querySelector('.cw-close')) {
      popupEl.appendChild(createCloseButton(popupEl));
    }
    for (const stale of popupEl.querySelectorAll('.cw-popup-content, .cw-popup-more, .cw-popup-footer')) {
      stale.remove();
    }
    const contentWrap = makeElement('div', {
      className: 'cw-popup-content',
      style: { display: 'grid', gridTemplateColumns: 'max-content 1fr', columnGap: '0.5em', rowGap: '2px' }
    });

    let totalLinks = 0;
    for (const line of lines) {
      if (!line.items || line.items.length === 0) continue;
      totalLinks += line.items.length;
      contentWrap.appendChild(makeElement('strong', {
        text: `${line.labelText}:`, title: line.labelTitle,
        ariaLabel: `${line.labelText}: ${line.labelTitle}`,
        style: { alignSelf: 'start', justifySelf: 'end', textAlign: 'right', whiteSpace: 'nowrap' }
      }));
      const content = makeElement('div', { style: { display: 'inline' } });
      const groups = groupByDomain(line.items);
      groups.forEach((group, idx) =&gt; {
        content.appendChild(makeDomainGroup(group));
        if (idx &lt; groups.length - 1) content.appendChild(makeElement('span', { text: ' • ' }));
      });
      contentWrap.appendChild(content);
    }
    popupEl.appendChild(contentWrap);

    if (totalLinks &gt; POPUP_COLLAPSE_AFTER) {
      Object.assign(contentWrap.style, { maxHeight: '7.5em', overflow: 'hidden' });
      const more = makeElement('a', {
        className: 'cw-popup-more',
        text: showAllLinksLabel.replace('$1', String(totalLinks)) + ' ▾',
        attrs: { href: '#', role: 'button' },
        style: { display: 'block', marginTop: '4px' }
      });
      more.addEventListener('click', (e) =&gt; {
        e.preventDefault();
        e.stopPropagation();
        Object.assign(contentWrap.style, { maxHeight: '', overflow: '' });
        more.remove();
      });
      popupEl.appendChild(more);
    }

    popupEl.appendChild(createPopupFooter(footerOptions));
  }

  /**
   * Groups resolved links by domain, preserving first-seen order.
   *
   * @param {Object[]} items
   * @returns {Array&lt;{domain: string, indicator: string|null, items: Object[]}&gt;}
   */
  function groupByDomain(items) {
    const groups = new Map();
    for (const item of items) {
      if (!groups.has(item.domain)) {
        groups.set(item.domain, { domain: item.domain, indicator: item.indicator, items: [] });
      }
      groups.get(item.domain).items.push(item);
    }
    return Array.from(groups.values());
  }

  /**
   * Renders one domain group: an optional indicator emoji, then either a
   * single link labelled with the domain or the domain followed by numbered
   * links to each URL.
   *
   * @param {{domain: string, indicator: string|null, items: Object[]}} group
   * @returns {HTMLSpanElement}
   */
  function makeDomainGroup(group) {
    // Inline (not inline-block) so a long numbered list can wrap inside the
    // popup; only the emoji+domain label is kept unbreakable.
    const span = makeElement('span', { style: { display: 'inline' } });
    if (group.indicator) {
      const ind = indicators[group.indicator];
      span.appendChild(makeElement('span', {
        className: 'cw-emoji', text: ind.emoji + ' ',
        title: ind.explanation, ariaLabel: `${ind.msg}: ${ind.explanation}`
      }));
    }
    if (group.items.length === 1) {
      span.appendChild(makeItemLink(group.items[0], group.domain));
      return span;
    }
    span.appendChild(makeElement('span', { text: group.domain + ' (', style: { whiteSpace: 'nowrap' } }));
    group.items.forEach((item, idx) =&gt; {
      span.appendChild(makeItemLink(item, String(idx + 1)));
      if (idx &lt; group.items.length - 1) span.appendChild(makeElement('span', { text: ', ' }));
    });
    span.appendChild(makeElement('span', { text: ')' }));
    return span;
  }

  /**
   * Link to one resolved item, with an archive note in the tooltip if the
   * cited URL is an archived copy.
   *
   * @param {Object} item
   * @param {string} text
   * @returns {HTMLAnchorElement}
   */
  function makeItemLink(item, text) {
    const a = makeExternalLink(item.url, text);
    if (item.archiveHost) a.title = `${archivedViaLabel} ${item.archiveHost}`;
    return a;
  }
  /**
   * Creates (or refreshes) the popup under a host element and wires its
   * hover/click handlers. With no lines, any existing popup is hidden.
   *
   * @param {HTMLElement} host - The gutter or icon wrapper that owns the popup.
   * @param {Array} lines - See buildPopupContent.
   * @param {Object} footerOptions - See createPopupFooter.
   */
  function attachPopup(host, lines, footerOptions) {
    let popup = host.querySelector('.cw-popup');
    const hasContent = lines.some(l =&gt; l.items &amp;&amp; l.items.length &gt; 0);
    if (!hasContent) {
      if (popup) popup.style.display = 'none';
      host._cwEnablePopup = false;
      return;
    }
    if (!popup) {
      popup = createPopupElement();
      host.appendChild(popup);
    }
    buildPopupContent(popup, lines, footerOptions);
    host._cwEnablePopup = true;
    installPopupHandlers(host);
  }

  /**
   * Builds a popup line from a kind/indicator descriptor over a set of links.
   *
   * @param {{msg: string, emoji: string, explanation: string}} desc
   * @param {Object[]} items - Resolved links.
   * @param {boolean} withEmoji - Prefix the label with the descriptor's emoji.
   * @returns {{labelText: string, labelTitle: string, items: Object[]}}
   */
  function popupLine(desc, items, withEmoji) {
    return {
      labelText: withEmoji ? `${desc.emoji} ${desc.msg}` : desc.msg,
      labelTitle: desc.explanation,
      items
    };
  }
  /**
   * Creates a link with the attributes every outbound link in this script
   * uses. The single place an attacker-influenced URL becomes an href, so the
   * URL check lives here: absolute http(s) only, plus same-origin paths when
   * `allowPath` is set (used for diff/permalink footers).
   *
   * @param {string} url
   * @param {string} text
   * @param {boolean} [allowPath=false]
   * @returns {HTMLAnchorElement}
   */
  function makeExternalLink(url, text, allowPath = false) {
    const a = makeElement('a', {
      text, attrs: { rel: 'nofollow noopener noreferrer', target: '_blank' },
      style: { whiteSpace: 'nowrap' }
    });
    if (isValidHttpUrl(url) || (allowPath &amp;&amp; /^\/(?!\/)/.test(url))) a.href = url;
    return a;
  }
  /**
   * Creates a DOM element with class, text, title, inline styles and
   * attributes in one call. Text is always set through textContent.
   *
   * @param {string} tag
   * @param {Object} [opts] - {className, text, title, ariaLabel, style, attrs}
   * @returns {HTMLElement}
   */
  function makeElement(tag, opts = {}) {
    const el = document.createElement(tag);
    if (opts.className) el.className = opts.className;
    if (opts.text !== undefined) el.textContent = opts.text;
    if (opts.title) {
      el.title = opts.title;
      el.setAttribute('aria-label', opts.ariaLabel || opts.title);
    }
    if (opts.style) Object.assign(el.style, opts.style);
    for (const [k, v] of Object.entries(opts.attrs || {})) el.setAttribute(k, v);
    return el;
  }

  /**
   * Creates a styled popup element for displaying domain information.
   *
   * @returns {HTMLDivElement} The configured popup element.
   */
  function createPopupElement() {
    return makeElement('div', {
      className: 'mwe-popups cw-popup',
      style: {
        position: 'absolute', minWidth: '260px', maxWidth: '420px', zIndex: '1000',
        display: 'none', background: 'var(--background-color, #fff)',
        border: '1px solid rgba(0,0,0,.15)', boxShadow: '0 2px 8px rgba(0,0,0,.2)',
        padding: '8px 26px 8px 10px', borderRadius: '4px', fontSize: '0.92em',
        overflowWrap: 'anywhere', boxSizing: 'border-box'
      }
    });
  }
  /**
   * Creates a styled close button for popups.
   *
   * @param {HTMLElement} popupEl - The popup element to hide when the button is clicked.
   * @returns {HTMLButtonElement} The configured close button.
   */
  function createCloseButton(popupEl) {
    const closeBtn = makeElement('button', {
      className: 'cw-close', text: '×', title: 'Close', attrs: { type: 'button' },
      style: {
        position: 'absolute', top: '4px', right: '6px', border: 'none',
        background: 'transparent', cursor: 'pointer', fontSize: '14px',
        lineHeight: '1', padding: '0', margin: '0'
      }
    });
    closeBtn.addEventListener('click', (e) =&gt; {
      e.stopPropagation();
      e.preventDefault();
      popupEl.style.display = 'none';
    });
    return closeBtn;
  }
  /**
   * Creates a popup footer element with an optional primary link and the
   * &quot;About Citation Watchlist&quot; link.
   *
   * @param {Object} [options] - Optional configuration.
   * @param {string} [options.viewHref] - URL for the primary link (e.g., diff or revision).
   * @param {string} [options.viewLabel] - Label text for the primary link.
   * @returns {HTMLDivElement} The configured footer element.
   */
  function createPopupFooter(options) {
    const footer = makeElement('div', {
      className: 'cw-popup-footer', style: { marginTop: '10px', color: 'inherit' }
    });
    if (options &amp;&amp; options.viewHref &amp;&amp; options.viewLabel) {
      const viewA = makeExternalLink(options.viewHref, options.viewLabel, true);
      if (viewA.href) {
        const strong = makeElement('strong');
        strong.appendChild(viewA);
        footer.appendChild(strong);
        footer.appendChild(makeElement('span', { text: ' • ' }));
      }
    }
    footer.appendChild(makeExternalLink(aboutLink, aboutLabel));
    return footer;
  }
  /**
   * Builds the shared filter widget container with radio buttons and an about link.
   *
   * @param {Object} config - Widget configuration.
   * @param {string} config.containerId - The ID for the container element.
   * @param {string} config.radioName - The name attribute for the radio button group.
   * @param {Array&lt;Object&gt;} config.filters - Array of filter option objects
   *   ({id, label, checked?, tooltip?}).
   * @param {Function} config.onFilter - Callback invoked with the selected filter ID.
   * @param {string} [config.initialLabel] - Label text; defaults to showEditsLabel.
   * @returns {HTMLDivElement} The configured filter widget container.
   */
  function buildFilterWidgetContainer(config) {
    const container = makeElement('div', {
      attrs: { id: config.containerId },
      style: {
        display: 'flex', alignItems: 'center', justifyContent: 'space-between',
        border: '1px solid black', borderRadius: '25px', padding: '10px 20px',
        margin: '10px 0', width: 'fit-content'
      }
    });
    const leftSection = makeElement('div', {
      style: { display: 'flex', alignItems: 'center', gap: '15px' }
    });
    leftSection.appendChild(makeElement('span', {
      className: 'cw-filter-label', text: config.initialLabel || showEditsLabel,
      style: { fontWeight: '500' }
    }));

    for (const filter of config.filters) {
      const wrapper = makeElement('label', {
        style: { display: 'flex', alignItems: 'center', gap: '5px', cursor: 'pointer' }
      });
      const radio = makeElement('input', {
        attrs: { type: 'radio', name: config.radioName, value: filter.id }, style: { margin: '0' }
      });
      radio.checked = !!filter.checked;
      radio.addEventListener('change', () =&gt; {
        if (radio.checked) config.onFilter(filter.id);
      });
      const text = makeElement('span', { text: filter.label });
      if (filter.tooltip) {
        text.title = filter.tooltip;
        Object.assign(text.style, { borderBottom: '1px dotted', cursor: 'help' });
      }
      wrapper.appendChild(radio);
      wrapper.appendChild(text);
      leftSection.appendChild(wrapper);
    }
    container.appendChild(leftSection);

    const rightSection = makeElement('div', { style: { marginLeft: '4em' } });
    const link = makeElement('a', {
      text: toolName, attrs: { href: aboutLink },
      style: { textDecoration: 'underline', color: '#0645ad' }
    });
    rightSection.appendChild(link);
    container.appendChild(rightSection);
    return container;
  }
  /**
   * Builds the indicator filter list from the indicators config, sorted by
   * descending priority and excluding non-positive priorities.
   *
   * @returns {Array&lt;{id: string, label: string, tooltip: string}&gt;}
   */
  function buildIndicatorFilters() {
    return listedTypes
      .slice()
      .sort((a, b) =&gt; indicators[b].priority - indicators[a].priority)
      .map(id =&gt; ({
        id,
        label: `${indicators[id].emoji} ${indicators[id].msg}`,
        tooltip: indicators[id].explanation
      }));
  }

  /**
   * Enables or greys out each radio in a filter widget according to whether
   * any row currently matches it.
   *
   * @param {string} radioName - The radio group name.
   * @param {Function} hasResults - (filterId) =&gt; boolean.
   */
  function updateFilterRadios(radioName, hasResults) {
    document.querySelectorAll(`input[name=&quot;${radioName}&quot;]`).forEach(radio =&gt; {
      const enabled = radio.value === 'all' || hasResults(radio.value);
      const label = radio.closest('label');
      radio.disabled = !enabled;
      if (label) {
        label.style.cursor = enabled ? 'pointer' : 'default';
        label.style.color = enabled ? '' : 'gray';
      }
    });
  }

  /**
   * Creates and inserts the change-list filter widget (watchlist, recent
   * changes, history, contributions). Radios start disabled and are enabled by
   * finishChangeListPass() once rows are annotated.
   *
   * @returns {HTMLElement|null} The created filter container or null if not created.
   */
  function createChangeListFilterWidget() {
    const ns = mw.config.get('wgNamespaceNumber');
    const pageName = mw.config.get('wgPageName');
    let target = document.querySelector('.mw-changeslist') ||
      document.getElementById('mw-history-compare');
    if (!target &amp;&amp; ns === -1 &amp;&amp; pageName.startsWith('Special:Contributions')) {
      target = document.querySelector('.mw-pager-body');
    }
    if (!target) return null;

    const container = buildFilterWidgetContainer({
      containerId: 'cw-filter-widget',
      radioName: 'cw-filter',
      filters: [
        { id: 'all', label: allLabel, checked: true },
        { id: 'linkchange', label: linkChangesLabel, tooltip: linkChangesTooltip },
        ...buildIndicatorFilters()
      ],
      onFilter: applyChangeListFilter,
      initialLabel: loadingLabel
    });
    target.parentNode.insertBefore(container, target);
    updateFilterRadios('cw-filter', () =&gt; false); // Disabled until annotation is complete
    return container;
  }

  /**
   * Creates and inserts a filter widget for the article surface, placed after
   * the section heading. Excludes the &quot;Link Changes&quot; option.
   *
   * @param {Element} headingContainer - The heading element to insert the widget after.
   */
  function createArticleFilterWidget(headingContainer) {
    const container = buildFilterWidgetContainer({
      containerId: 'cw-article-filter-widget',
      radioName: 'cw-article-filter',
      filters: [
        { id: 'all', label: allLabel, checked: true },
        ...buildIndicatorFilters()
      ],
      onFilter: applyArticleFilter
    });
    headingContainer.after(container);
    updateFilterRadios('cw-article-filter', (filterId) =&gt;
      !!document.querySelector(`li[id^=&quot;cite_note&quot;][data-cw-indicator=&quot;${filterId}&quot;]`));
    renderLoadWarnings();
  }

  /**
   * Called after each annotation pass on a change list: restores the widget
   * label, renders any load warnings, and enables the radios that have matches.
   */
  function finishChangeListPass() {
    const filterLabel = document.querySelector('#cw-filter-widget .cw-filter-label');
    if (filterLabel &amp;&amp; filterLabel.firstChild &amp;&amp;
      filterLabel.firstChild.nodeType === Node.TEXT_NODE) {
      filterLabel.firstChild.textContent = showEditsLabel;
    }
    renderLoadWarnings();
    const rows = document.querySelectorAll('[data-mw-revid]:not(.mw-userlink)');
    updateFilterRadios('cw-filter', (filterId) =&gt;
      Array.from(rows).some(row =&gt; rowMatchesFilter(row, filterId)));
    // Re-apply the active filter so newly loaded rows respect it
    const active = document.querySelector('input[name=&quot;cw-filter&quot;]:checked');
    if (active &amp;&amp; active.value !== 'all') applyChangeListFilter(active.value);
  }

  /**
   * Whether a change-list row (or any nested revision inside it) matches a filter.
   *
   * @param {Element} row
   * @param {string} filterId
   * @returns {boolean}
   */
  function rowMatchesFilter(row, filterId) {
    if (elementMatchesFilter(row, filterId)) return true;
    for (const nested of row.querySelectorAll('li[data-cw-processed=&quot;true&quot;]')) {
      if (elementMatchesFilter(nested, filterId)) return true;
    }
    return false;
  }

  /**
   * Applies the selected filter to article section list items.
   *
   * @param {string} filterId - 'all' or an indicator type.
   */
  function applyArticleFilter(filterId) {
    document.querySelectorAll('li[id^=&quot;cite_note&quot;]').forEach(li =&gt; {
      li.style.display = (filterId === 'all' || li.dataset.cwIndicator === filterId) ? '' : 'none';
    });
  }

  /**
   * Applies the selected filter to the revision list.
   *
   * @param {string} filterId - 'all', 'linkchange', or an indicator type.
   */
  let lastAppliedFilter = 'all';

  function applyChangeListFilter(filterId) {
    const isAll = filterId === 'all';

    const revisions = document.querySelectorAll(
      '[data-mw-revid]:not(.mw-userlink), [data-mw-logid]'
    );
    revisions.forEach(container =&gt; {
      if (isAll) {
        container.style.display = '';
        return;
      }
      // Log entries (data-mw-logid) don't have revision-based attributes to
      // match against filters — hide them when any specific filter is active.
      const show = container.hasAttribute('data-mw-revid') &amp;&amp; rowMatchesFilter(container, filterId);
      container.style.display = show ? '' : 'none';
    });

    // Hide h4 date headers when all their rows are hidden
    document.querySelectorAll('div.mw-changeslist h4').forEach(h4 =&gt; {
      if (isAll) {
        h4.style.display = '';
        return;
      }
      const sibling = h4.nextElementSibling;
      if (!sibling || sibling.tagName !== 'DIV') return;
      const revItems = sibling.querySelectorAll('[data-mw-revid]');
      if (revItems.length === 0) return;
      h4.style.display = Array.from(revItems).every(el =&gt; el.style.display === 'none') ? 'none' : '';
    });

    const enhanced = document.querySelector('table.mw-enhanced-rc');
    if (enhanced) {
      // Hide the group header row in each tbody if all other rows are hidden
      document.querySelectorAll('table.mw-enhanced-rc tbody').forEach(tbody =&gt; {
        const rows = tbody.querySelectorAll('tr');
        if (rows.length &lt; 2) return;
        rows[0].style.display = (!isAll &amp;&amp; Array.from(rows).slice(1)
          .every(tr =&gt; tr.style.display === 'none')) ? 'none' : '';
      });

      // Expand grouped sections while a specific filter is active, collapse on
      // &quot;all&quot;. Only on the transition, so switching between two filters leaves
      // the expanded state alone.
      const wasAll = lastAppliedFilter === 'all';
      if (wasAll !== isAll) {
        document.querySelectorAll('table.mw-enhanced-rc').forEach(table =&gt; {
          const checkbox = groupToggleCheckbox(table);
          if (checkbox &amp;&amp; checkbox.checked === isAll) {
            checkbox.checked = !isAll;
            checkbox.dispatchEvent(new Event('change'));
          }
        });
      }
    }

    showNoMatchingEdits(!isAll &amp;&amp; Array.from(
      document.querySelectorAll('[data-mw-revid]:not(.mw-userlink)')
    ).every(el =&gt; el.style.display === 'none'));

    lastAppliedFilter = filterId;
  }

  /**
   * Shows or removes the &quot;No matching edits&quot; message under the filter widget.
   *
   * @param {boolean} show
   */
  function showNoMatchingEdits(show) {
    const existing = document.getElementById('cw-no-matching-edits');
    if (existing) existing.remove();
    if (!show) return;
    const msg = makeElement('p', {
      text: noMatchingEditsLabel, attrs: { id: 'cw-no-matching-edits' },
      style: { margin: '10px 0', fontStyle: 'italic' }
    });
    const widget = document.getElementById('cw-filter-widget');
    if (widget &amp;&amp; widget.nextSibling) {
      widget.parentNode.insertBefore(msg, widget.nextSibling);
    }
  }

  /**
   * Returns the hidden checkbox that expands/collapses an enhanced-RC group.
   *
   * @param {Element} table - A table.mw-enhanced-rc element.
   * @returns {HTMLInputElement|null}
   */
  function groupToggleCheckbox(table) {
    const arrow = table.querySelector('.mw-enhancedchanges-arrow');
    const checkboxId = arrow &amp;&amp; arrow.getAttribute('for');
    return checkboxId ? document.getElementById(checkboxId) : null;
  }

  /**
   * If any configuration pages failed to load, appends a warning glyph (with
   * the details in its tooltip) to every filter-widget label on the page.
   * Safe to call more than once.
   */
  function renderLoadWarnings() {
    const messages = SHOW_LINT_IN_WIDGET ? [...loadWarnings, ...listLint] : loadWarnings;
    if (messages.length === 0) return;
    document.querySelectorAll('.cw-filter-label').forEach(label =&gt; {
      if (label.querySelector('.cw-load-warning')) return;
      label.appendChild(makeElement('span', {
        className: 'cw-load-warning', text: ' ' + loadWarningGlyph,
        title: loadWarningPrefix + '\n' + messages.join('\n'), style: { cursor: 'help' }
      }));
    });
  }

  /**
   * Whether the single document-level outside-click handler has been installed.
   * One delegated listener replaces the former one-listener-per-gutter design.
   */
  let outsideClickHandlerInstalled = false;

  /**
   * Installs a single document-level click handler that hides every open popup
   * whose owning gutter does not contain the click target.
   */
  function installOutsideClickHandler() {
    if (outsideClickHandlerInstalled) return;
    document.addEventListener('click', (ev) =&gt; {
      document.querySelectorAll('.cw-popup').forEach(p =&gt; {
        if (p.style.display === 'none' || p.style.display === '') return;
        const owner = p.parentElement;
        if (owner &amp;&amp; !owner.contains(ev.target)) {
          p.style.display = 'none';
        }
      });
    });
    outsideClickHandlerInstalled = true;
  }

  /**
   * Installs hover, click, touch, and outside-click handlers on a gutter element
   * to show/hide its popup.
   *
   * @param {HTMLElement} gutter - The gutter element containing a .cw-popup child.
   */
  function installPopupHandlers(gutter) {
    if (gutter._cwHandlersInstalled) return;
    let hideTimer = null;
    const positionPopup = () =&gt; {
      const p = gutter.querySelector('.cw-popup');
      if (!gutter._cwEnablePopup || !p) return;
      p.style.display = 'block';
      p.style.top = '1.4em';
      p.style.left = '0px';
      const rect = p.getBoundingClientRect();
      if (rect.right &gt; window.innerWidth - 10) {
        const overflow = rect.right - (window.innerWidth - 10);
        p.style.left = Math.max(0, (parseFloat(p.style.left) || 0) - overflow) + 'px';
      }
    };
    const show = () =&gt; {
      if (!gutter._cwEnablePopup) return;
      if (hideTimer) {
        clearTimeout(hideTimer);
        hideTimer = null;
      }
      positionPopup();
    };
    const scheduleHide = () =&gt; {
      hideTimer = setTimeout(() =&gt; {
        const p = gutter.querySelector('.cw-popup');
        if (p) p.style.display = 'none';
      }, 150);
    };

    gutter.addEventListener('mouseenter', show);
    gutter.addEventListener('mouseleave', scheduleHide);
    const pInit = gutter.querySelector('.cw-popup');
    if (pInit) {
      pInit.addEventListener('mouseenter', () =&gt; {
        if (hideTimer) {
          clearTimeout(hideTimer);
          hideTimer = null;
        }
      });
      pInit.addEventListener('mouseleave', scheduleHide);
    }
    const toggle = (e) =&gt; {
      if (!gutter._cwEnablePopup) return;
      e.stopPropagation();
      const p = gutter.querySelector('.cw-popup');
      if (!p) return;
      if (p.style.display === 'none' || p.style.display === '') {
        show();
      } else {
        p.style.display = 'none';
      }
    };
    gutter.addEventListener('click', toggle);
    gutter.addEventListener('touchstart', toggle, {
      passive: true
    });
    installOutsideClickHandler();
    gutter._cwHandlersInstalled = true;
  }

  /**
   * Watches for the change list being replaced by MediaWiki's live filters
   * (&quot;View new changes&quot;, filter edits on Special:Watchlist / RecentChanges)
   * and annotates the new rows. The existing widget sits outside the replaced
   * element and survives; its radios are refreshed after each pass.
   */
  function installLiveReloadObserver() {
    if (typeof MutationObserver === 'undefined') return;
    let timer = null;
    let running = false;
    let rerun = false;
    const run = async () =&gt; {
      if (running) {
        rerun = true;
        return;
      }
      running = true;
      try {
        await annotateChangeList(document, false);
      } catch (e) {
        console.warn('Citation Watchlist: live reload pass failed:', e);
      } finally {
        running = false;
        if (rerun) {
          rerun = false;
          run();
        }
      }
    };
    const observer = new MutationObserver(mutations =&gt; {
      const relevant = mutations.some(m =&gt; Array.from(m.addedNodes).some(node =&gt;
        node.nodeType === Node.ELEMENT_NODE &amp;&amp;
        (node.matches('[data-mw-revid], .mw-changeslist, .mw-changeslist-line') ||
          node.querySelector('[data-mw-revid], .mw-changeslist-line'))
      ));
      if (!relevant) return;
      clearTimeout(timer);
      timer = setTimeout(run, LIVE_RELOAD_DEBOUNCE_MS);
    });
    observer.observe(document.body, { childList: true, subtree: true });
  }

  const enabledNsStrings = new Set(enabledNamespaces.filter(n =&gt; n &gt;= 0).map(String));
  const namespaces = Object.entries(mw.config.get('wgFormattedNamespaces'))
    .filter(([num, name]) =&gt; num !== '0' &amp;&amp; !enabledNsStrings.has(num))
    .map(([_, name]) =&gt; name.replace(/ /g, '_') + ':');

  /**
   * Pre-pads an element with empty emoji gutters to prevent layout shift.
   *
   * @param {Element} element - The DOM element to pre-pad.
   */
  function prePadElement(element) {
    try {
      renderTwoColumnEmojis(element, null, false, []);
    } catch (e) {
      /* ignore */
    }
  }

  /**
   * ==========================================================================
   * 3. Builders and Extractors
   * ==========================================================================
   */

  /**
   * Constructs a URL for viewing a diff between two revisions.
   *
   * @param {string} title - The page title.
   * @param {string} fromId - The older revision ID.
   * @param {string} toId - The newer revision ID.
   * @returns {string} The diff URL, or empty string on error.
   */
  function buildDiffUrl(title, fromId, toId) {
    try {
      const script = mw.config.get('wgScript') || '/w/index.php';
      return `${script}` +
        `?title=${encodeURIComponent(title)}` +
        `&amp;diff=${encodeURIComponent(toId)}` +
        `&amp;oldid=${encodeURIComponent(fromId)}`;
    } catch (e) {
      return '';
    }
  }

  /**
   * Constructs a permalink URL for a specific revision.
   *
   * @param {string} revId - The revision ID.
   * @returns {string} The permalink URL, or empty string on error.
   */
  function buildPermalinkUrl(revId) {
    try {
      const articlePath = mw.config.get('wgArticlePath');
      if (articlePath &amp;&amp; articlePath.includes('$1')) {
        return articlePath.replace('$1',
          `Special:Permalink/${encodeURIComponent(revId)}`);
      }
      const script = mw.config.get('wgScript') || '/w/index.php';
      return `${script}?oldid=${encodeURIComponent(revId)}`;
    } catch (e) {
      return '';
    }
  }

  /**
   * Strips all HTML comments from a string.
   *
   * @param {string} text - Input text potentially containing HTML comments.
   * @returns {string} Text with all HTML comments removed.
   */
  function stripHTMLComments(text) {
    if (!text) return text;
    return text.replace(/&lt;!--[\s\S]*?--&gt;/g, '');
  }

  /**
   * Extracts all HTTP(S) URLs from a given wikitext string. The scheme is
   * matched case-insensitively (MediaWiki links HTTPS:// just as it does
   * https://), and protocol-relative links (&quot;[//example.com ...]&quot;) are
   * normalized to https://.
   *
   * @param {string} wikitext - Raw wikitext revision content.
   * @returns {string[]} List of valid extracted URLs.
   */
  function extractURLs(wikitext) {
    const urls = [];
    if (!wikitext) return urls;

    const urlRegex = // eslint-disable-next-line max-len
      /(?:https?:\/\/|(?&lt;=^|[\s\[|=&lt;&gt;&quot;'])\/\/)(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_\+.~#?&amp;//=]*)/gi;
    let match;
    while ((match = urlRegex.exec(wikitext)) !== null) {
      const raw = match[0].startsWith('//') ? 'https:' + match[0] : match[0];
      try {
        const url = new URL(raw);
        if (/^https?:$/.test(url.protocol)) urls.push(url.href);
      } catch (error) {
        console.error(`Invalid URL rejected: ${match[0]}`, error.message);
      }
    }
    return urls;
  }

  /**
   * Web archive services whose URLs embed the original URL. Each entry's
   * `extract` returns the embedded URL string or null.
   */
  /** Restores &quot;https:/example.com&quot; (slash-collapsed by some archives) to &quot;https://example.com&quot;. */
  const fixScheme = s =&gt; s.replace(/^(https?:)\/+/i, '$1//');

  const archiveUnwrappers = [
    {
      // https://web.archive.org/web/20200101000000/https://example.com/page
      // (the embedded scheme is sometimes collapsed to &quot;https:/&quot;)
      test: h =&gt; h === 'web.archive.org' || h === 'wayback.archive.org',
      extract: u =&gt; {
        const m = u.pathname.match(/^\/web\/\d{1,14}[a-z_]*\/(https?:\/{1,2}.+)$/i);
        return m ? fixScheme(m[1]) : null;
      }
    },
    {
      // https://archive.blah/2020.01.01-000000/https://example.com/page
      test: h =&gt; /^archive\.(ph|today|is|li|vn|fo|md)$/i.test(h),
      extract: u =&gt; {
        const m = u.pathname.match(/^\/[^/]+\/(https?:\/{1,2}.+)$/i);
        return m ? fixScheme(m[1]) : null;
      }
    },
    {
      // https://webcache.googleusercontent.com/search?q=cache:https://example.com/page
      test: h =&gt; h === 'webcache.googleusercontent.com',
      extract: u =&gt; {
        const q = u.searchParams.get('q') || '';
        const m = q.match(/^cache:(?:[A-Za-z0-9_-]+:)?(.+)$/);
        if (!m) return null;
        return /^https?:\/\//i.test(m[1]) ? m[1] : 'https://' + m[1];
      }
    }
  ];

  /**
   * Resolves a URL to the hostname that should be screened. If the URL is a
   * web-archive capture of another page, the captured page's host is used.
   *
   * @param {string} url
   * @returns {{hostname: string, target: string, archiveHost: string|null}|null}
   *   `target` is the unwrapped URL (or the URL itself). Null if unparsable.
   */
  function screenedHost(url) {
    let current;
    try {
      current = new URL(url);
    } catch (e) {
      return null;
    }
    let archiveHost = null;
    for (let depth = 0; depth &lt; 3 &amp;&amp; UNWRAP_ARCHIVES; depth++) {
      const unwrapper = archiveUnwrappers.find(a =&gt; a.test(current.hostname));
      if (!unwrapper) break;
      const inner = unwrapper.extract(current);
      if (!inner) break;
      try {
        const innerUrl = new URL(inner);
        if (!/^https?:$/.test(innerUrl.protocol)) break;
        archiveHost = archiveHost || current.hostname;
        current = innerUrl;
      } catch (e) {
        break;
      }
    }
    return { hostname: current.hostname, target: current.href, archiveHost };
  }

  /**
   * Resolves URLs to screened domains and list indicators.
   *
   * @param {string[]} urls
   * @returns {Array&lt;{url: string, target: string, domain: string, indicator: string|null, archiveHost: string|null}&gt;}
   */
  function resolveURLs(urls) {
    const out = [];
    for (const url of urls || []) {
      const host = screenedHost(url);
      if (!host) continue;
      const domain = getRootDomain(host.hostname, publicSuffixSet);
      if (!domain) continue;
      out.push({
        url, target: host.target, domain,
        indicator: highestIndicatorFor(domain), archiveHost: host.archiveHost
      });
    }
    return out;
  }

  /**
   * Returns the highest-priority list indicator that contains a domain.
   *
   * @param {string} domain
   * @returns {string|null}
   */
  function highestIndicatorFor(domain) {
    let chosen = null;
    for (const type of listedTypes) {
      if (indicators[type].list.has(domain) &amp;&amp;
        (!chosen || indicators[type].priority &gt; indicators[chosen].priority)) {
        chosen = type;
      }
    }
    return chosen;
  }

  /**
   * Returns the highest-priority type among a list of indicator types.
   *
   * @param {Array&lt;string|null&gt;} types
   * @returns {string|null}
   */
  function highestPriority(types) {
    let chosen = null;
    for (const t of types) {
      if (t &amp;&amp; (!chosen || indicators[t].priority &gt; indicators[chosen].priority)) chosen = t;
    }
    return chosen;
  }

  /**
   * Extracts the top-level domain from a full hostname using a public suffix set.
   *
   * @param {string} hostname - Full hostname (e.g., sub.example.co.uk).
   * @param {Set&lt;string&gt;} publicSuffixSet - Set of known public suffixes.
   * @returns {string} The top-level domain (e.g., example.co.uk).
   */
  function getRootDomain(hostname, publicSuffixSet) {
    // Handle empty or invalid hostnames
    if (!hostname || typeof hostname !== 'string') {
      console.warn('Invalid hostname provided to getRootDomain:', hostname);
      return '';
    }

    // Check if this is an IP address (simple check for IPv4)
    if (/^(\d{1,3}\.){3}\d{1,3}$/.test(hostname)) {
      return hostname; // Return IP addresses as-is
    }

    const domainParts = hostname.split('.');

    // Handle hostnames that are too short
    if (domainParts.length &lt; 2) {
      return hostname; // Return as-is if it's a single-part hostname
    }

    // Try to find a matching public suffix
    for (let i = 0; i &lt; domainParts.length; i++) {
      const candidate = domainParts.slice(i).join('.');

      // Check both normal and exception (prefixed with !) entries
      if (publicSuffixSet.has(candidate) || publicSuffixSet.has(`!${candidate}`)) {
        // If we found a match, return the domain part plus the public suffix
        // But make sure we don't go out of bounds
        if (i &gt; 0) {
          return domainParts.slice(i - 1).join('.');
        } else {
          // Edge case: the entire hostname is a public suffix
          return hostname;
        }
      }
    }

    // If no match in public suffix list, use a simple fallback:
    // For hostnames with 2 parts, return the whole thing
    // For hostnames with &gt;2 parts, return the last 2 parts
    if (domainParts.length === 2) {
      return hostname;
    } else {
      return domainParts.slice(-2).join('.');
    }
  }

  /**
   * Extracts the first page object from MediaWiki API query response.
   *
   * @param {Object} data - MediaWiki API response.
   * @returns {Object|null} The first page object or null if unavailable.
   */
  function getFirstPage(data) {
    if (!data || !data.query || !data.query.pages) return null;
    return Object.values(data.query.pages)[0] || null;
  }

  /**
   * Iterates every revision object in an API response, across all pages.
   * (A revids= query spanning several articles returns several page objects.)
   *
   * @param {Object|null} data - MediaWiki API response.
   * @returns {Object[]} Revision objects.
   */
  function allRevisionsIn(data) {
    if (!data || !data.query || !data.query.pages) return [];
    const out = [];
    for (const page of Object.values(data.query.pages)) {
      if (page &amp;&amp; Array.isArray(page.revisions)) out.push(...page.revisions);
    }
    return out;
  }

  /**
   * Returns the main-slot wikitext of a revision object, or null if the
   * revision is missing, hidden, or malformed.
   *
   * @param {Object} rev - Revision object from the API.
   * @returns {string|null}
   */
  function revisionText(rev) {
    if (!rev || rev.texthidden !== undefined) return null;
    const slot = rev.slots &amp;&amp; rev.slots.main;
    if (!slot || typeof slot['*'] !== 'string') return null;
    return slot['*'];
  }

  /**
   * Returns true if an API page object represents a page that cannot be
   * read (missing, invalid, or without an accessible revision).
   *
   * @param {Object} page - Page object from the API.
   * @returns {boolean}
   */
  function isUnreadablePage(page) {
    return !page || page.missing !== undefined || page.invalid !== undefined ||
      !Array.isArray(page.revisions) || page.revisions.length === 0;
  }

  /**
   * ==========================================================================
   * 4. Validation
   * ==========================================================================
   */

  /**
   * Validates that a string is a well-formed domain name.
   *
   * @param {string} str - The string to validate.
   * @returns {boolean} True if the string is a valid domain.
   */
  function isValidDomain(str) {
    if (!str || str.length === 0 || str.length &gt; 253) return false;
    if (!/^[a-zA-Z0-9._-]+$/.test(str)) return false;
    if (!str.includes('.')) return false;
    if (/\.\./.test(str) || str.startsWith('.') || str.endsWith('.')) return false;
    const labels = str.split('.');
    if (labels.some(l =&gt; l.length === 0 || l.length &gt; 63)) return false;
    return true;
  }

  /**
   * Validates that a string is a well-formed public suffix list entry.
   * Allows wildcard entries (e.g., *.ck) and exception entries (e.g., !www.ck).
   *
   * @param {string} str - The string to validate.
   * @returns {boolean} True if the string is a valid PSL entry.
   */
  function isValidSuffixEntry(str) {
    const cleaned = str.replace(/^[!*.]/, '');
    return /^[a-zA-Z0-9._-]+$/.test(cleaned) &amp;&amp; cleaned.length &gt; 0 &amp;&amp; cleaned.length &lt;= 253;
  }

  /**
   * Validates that a value is a string parseable as an absolute http(s) URL.
   * Used to re-validate anything read back from localStorage before it is
   * assigned to an href.
   *
   * @param {*} u - The value to validate.
   * @returns {boolean} True if the value is an http(s) URL.
   */
  function isValidHttpUrl(u) {
    if (typeof u !== 'string') return false;
    try {
      return /^https?:$/i.test(new URL(u).protocol);
    } catch (e) {
      return false;
    }
  }

  /**
   * Validates that a value is a plausible revision ID (a positive integer
   * string). Used before an ID is put into an API request or a cache key.
   *
   * @param {*} id - The value to validate.
   * @returns {boolean}
   */
  function isRevisionId(id) {
    return typeof id === 'string' &amp;&amp; /^[1-9][0-9]{0,15}$/.test(id);
  }

  /**
   * Validates that a string is a plausible MediaWiki page title.
   * Rejects titles with invalid characters, excessive length, or suspicious patterns.
   *
   * @param {string} title - The page title to validate.
   * @returns {boolean} True if the title looks like a valid page link.
   */
  function isValidPageTitle(title) {
    if (typeof title !== 'string') return false;
    if (title.length === 0 || title.length &gt; 255) return false;
    if (/[\[\]{}|#&lt;&gt;\n\r\t]/.test(title)) return false;
    if (title.includes('..')) return false;
    if (title.startsWith(':') || title.startsWith(' ') || title.endsWith(' ')) return false;
    return true;
  }

  /**
   * Determines whether a given page title does *not* belong to the main or draft namespaces.
   * A missing title is treated as &quot;not an article&quot; so the row is skipped rather
   * than crashing the run.
   *
   * @param {string} pageTitle - The title of the page.
   * @returns {boolean} True if not an article namespace.
   */
  function isNotArticle(pageTitle) {
    if (typeof pageTitle !== 'string') return true;
    return namespaces.some(namespace =&gt; pageTitle.startsWith(namespace));
  }

  /**
   * Checks whether an element matches the specified filter.
   *
   * @param {Element} element - The DOM element to test.
   * @param {string} filterId - The active filter ID.
   * @returns {boolean} True if the element matches the filter.
   */
  function elementMatchesFilter(element, filterId) {
    if (filterId === 'linkchange') {
      return element.hasAttribute('data-cw-linkchange') ||
        listedTypes.some(type =&gt; element.hasAttribute(indicators[type].dataAttr));
    }
    if (indicators[filterId] &amp;&amp; indicators[filterId].dataAttr) {
      return element.hasAttribute(indicators[filterId].dataAttr);
    }
    return false;
  }

  /**
   * ==========================================================================
   * 5. Fetch
   * ==========================================================================
   */

  /**
   * Fetches revisions by ID and returns them keyed by revision ID (as strings),
   * across all pages in the response.
   *
   * @param {string[]} revIds
   * @param {string[]} rvprop - Properties to request (always includes 'ids').
   * @returns {Promise&lt;Map&lt;string, Object&gt;|null&gt;} Map of id -&gt; revision object,
   *   or null if the request failed.
   */
  async function fetchRevisionsById(revIds, rvprop) {
    const data = await fetchRevisionData({
      revids: revIds,
      rvprop: unique(['ids', ...rvprop]),
      rvslots: ['main']
    });
    if (!data) return null;
    const out = new Map();
    for (const rev of allRevisionsIn(data)) {
      if (rev &amp;&amp; rev.revid !== undefined) out.set(String(rev.revid), rev);
    }
    return out;
  }

  /**
   * Fetches wikitext for a chunk of revision IDs in one request.
   *
   * @param {string[]} revIds - Revision IDs (at most CONTENT_CHUNK_SIZE).
   * @returns {Promise&lt;Map&lt;string, string|null&gt;|null&gt;} Map of id -&gt; wikitext
   *   (null for a revision that exists but is unreadable), or null if the
   *   request itself failed. IDs the API did not return are absent.
   */
  async function fetchRevisionTexts(revIds) {
    const revs = await fetchRevisionsById(revIds, ['content']);
    if (!revs) return null;
    return new Map(Array.from(revs, ([id, rev]) =&gt; [id, revisionText(rev)]));
  }
  /**
   * Fetches parent IDs and sizes for a list of revision IDs, chunked at the
   * API maximum and fetched concurrently.
   *
   * @param {string[]} revisionIds - Revision IDs.
   * @returns {Promise&lt;Object&gt;} Map of id -&gt; {parentid, size}; IDs that could
   *   not be resolved are absent.
   */
  async function fetchRevisionMetadata(revisionIds) {
    const result = {};
    const chunks = [];
    for (let i = 0; i &lt; revisionIds.length; i += METADATA_CHUNK_SIZE) {
      chunks.push(revisionIds.slice(i, i + METADATA_CHUNK_SIZE));
    }
    await runPool(chunks.map(chunk =&gt; async () =&gt; {
      const revs = await fetchRevisionsById(chunk, ['size']);
      for (const [id, rev] of revs || []) {
        result[id] = {
          parentid: rev.parentid || 0,
          size: typeof rev.size === 'number' ? rev.size : undefined
        };
      }
    }), CONTENT_CONCURRENCY);
    return result;
  }
  /**
   * Fetches a page's current wikitext (main slot) by title.
   *
   * @param {string} pageTitle
   * @returns {Promise&lt;string|null&gt;} Null if the page is missing, unreadable, or the request failed.
   */
  async function fetchPageWikitext(pageTitle) {
    if (!isValidPageTitle(pageTitle)) return null;
    const page = getFirstPage(await fetchRevisionData({
      titles: [pageTitle],
      rvprop: ['content'],
      rvslots: ['main']
    }));
    return isUnreadablePage(page) ? null : revisionText(page.revisions[0]);
  }

  /**
   * Fetches the ID of the first revision of a page.
   *
   * @param {string} pageTitle - The page title to look up.
   * @returns {number|null} Revision ID or null.
   */
  async function fetchFirstRevisionId(pageTitle) {
    if (!isValidPageTitle(pageTitle)) return null;
    const page = getFirstPage(await fetchRevisionData({
      titles: [pageTitle],
      rvlimit: 1,
      rvdir: 'newer',
      rvprop: ['ids'],
    }));
    if (isUnreadablePage(page)) return null;
    return page.revisions[0].revid || null;
  }
  /**
   * Fetches the list of subpages from the list of lists, parses wikilinks, caches
   * the result, and returns list of subpage titles.
   *
   * @param {string} pageName - Title of the list-of-lists page.
   * @returns {Promise&lt;string[]&gt;} List of subpage titles (empty on failure).
   */
  async function fetchDomainListPages(pageName) {
    const cacheKey = `citationWatchlistFetchDomainListPages_${pageName}`;
    const cachedContent = readCache(cacheKey);
    if (Array.isArray(cachedContent) &amp;&amp; cachedContent.length &gt; 0) {
      console.log('Loaded list of lists from cache');
      return cachedContent.filter(title =&gt; isValidPageTitle(title));
    }
    const content = await fetchPageWikitext(pageName);
    if (content === null) {
      console.error(`Citation Watchlist: list of lists &quot;${pageName}&quot; could not be loaded`);
      return [];
    }
    const pageTitles = [];
    for (const line of content.split('\n')) {
      if (!line.startsWith('* [[')) continue;
      const match = line.match(/\[\[([^\]]+)\]\]/); // first [[Page Title]]
      if (!match) continue;
      const title = match[1];
      if (isValidPageTitle(title)) {
        pageTitles.push(title);
      } else {
        console.warn(`Rejected invalid page title: &quot;${title}&quot;`);
      }
    }
    if (pageTitles.length &gt; 0) {
      writeCache(cacheKey, pageTitles);
      console.log('Loaded from API and stored in cache');
    }
    return pageTitles;
  }

  /**
   * Parses one domain list page into per-indicator domain arrays.
   * Entries that are not bare domains are collected as lint. A leading &quot;www.&quot;
   * is stripped (with a lint note), since root domains never carry it.
   *
   * @param {string} title - Page title, for lint messages.
   * @param {string} content - Page wikitext.
   * @returns {Object} {warning: string[], caution: string[], inspect: string[], lint: string[]}
   */
  function parseDomainList(title, content) {
    const parsed = { lint: [] };
    for (const type of listedTypes) parsed[type] = [];
    let current = null;
    for (const line of content.split('\n')) {
      const trimmed = line.trim();
      if (/^==/.test(trimmed)) {
        // Any heading ends the current section; only recognized ones open a new one.
        current = listedTypes.find(t =&gt; indicators[t].section === trimmed) || null;
        continue;
      }
      if (!line.startsWith('*') || !current) continue;
      let domain = line.substring(1).trim().toLowerCase();
      if (!domain) continue;
      if (/^www\./.test(domain) &amp;&amp; isValidDomain(domain.slice(4))) {
        parsed.lint.push(`${title}: &quot;${domain}&quot; has a www. prefix; matched as &quot;${domain.slice(4)}&quot;`);
        domain = domain.slice(4);
      }
      if (isValidDomain(domain)) {
        if (parsed[current].length &lt; MAX_DOMAINS_PER_LIST) {
          parsed[current].push(domain);
        } else {
          parsed.lint.push(`${title}: cap of ${MAX_DOMAINS_PER_LIST} reached in ${current}`);
        }
      } else {
        parsed.lint.push(`${title}: &quot;${domain}&quot; is not a bare domain (paths, wildcards and ` +
          `bare TLDs are not supported) and was ignored`);
      }
    }
    return parsed;
  }

  /**
   * Loads domain lists from a set of pages (parsed form cached per page) and
   * populates the `Set` of each indicator. Pages that are missing or fail to
   * load are skipped and recorded in loadWarnings; the remaining lists still load.
   *
   * @param {string[]} pageNames - List of page titles to fetch.
   */
  async function fetchAndOrganizeDomainLists(pageNames) {
    const parsedLists = [];
    const pagesToFetch = [];
    const isParsed = p =&gt; p &amp;&amp; typeof p === 'object' &amp;&amp; listedTypes.every(t =&gt; Array.isArray(p[t]));
    for (const title of pageNames) {
      const cached = readCache(`domainList:${location.hostname}:${title}`);
      if (isParsed(cached)) {
        parsedLists.push(cached);
      } else {
        pagesToFetch.push(title);
      }
    }
    if (pagesToFetch.length &gt; 0) {
      const apiData = await fetchRevisionData({
        titles: pagesToFetch,
        rvprop: ['content'],
        rvslots: ['main'],
      });
      const pages = (apiData &amp;&amp; apiData.query &amp;&amp; apiData.query.pages) || null;
      if (!pages) {
        loadWarnings.push(`API request for ${pagesToFetch.length} list page(s) failed`);
        console.error('Citation Watchlist: domain list fetch failed for', pagesToFetch);
      } else {
        // The API normalizes titles (underscores -&gt; spaces); cache under the
        // requested spelling so the next load hits.
        const requestedFor = {};
        for (const t of pagesToFetch) requestedFor[t.replace(/_/g, ' ')] = t;
        for (const page of Object.values(pages)) {
          const title = page.title || '?';
          if (isUnreadablePage(page)) {
            loadWarnings.push(`List page &quot;${title}&quot; is missing or unreadable`);
            console.warn(`Citation Watchlist: skipping list page &quot;${title}&quot;`);
            continue;
          }
          const content = revisionText(page.revisions[0]);
          if (content === null) {
            loadWarnings.push(`List page &quot;${title}&quot; has no readable content`);
            continue;
          }
          const parsed = parseDomainList(title, content);
          parsedLists.push(parsed);
          const cacheTitle = requestedFor[title] || title;
          writeCache(`domainList:${location.hostname}:${cacheTitle}`, parsed);
        }
      }
    }
    for (const parsed of parsedLists) {
      for (const type of listedTypes) {
        for (const domain of parsed[type]) {
          if (isValidDomain(domain)) indicators[type].list.add(domain);
        }
      }
      if (Array.isArray(parsed.lint)) {
        listLint.push(...parsed.lint.filter(l =&gt; typeof l === 'string'));
      }
    }
  }

  /**
   * Fetches and caches the public suffix list used to identify top-level domains.
   * The cache holds the validated entries, so cached loads skip parsing.
   *
   * @returns {Promise&lt;Set&lt;string&gt;&gt;} Set of public suffixes.
   */
  async function fetchPublicSuffixList() {
    const cacheKey = 'publicSuffixListCache';
    const cached = readCache(cacheKey);
    if (Array.isArray(cached) &amp;&amp; cached.length &gt;= MIN_PSL_ENTRIES) {
      console.log('Using cached public suffix list');
      return new Set(cached.filter(e =&gt; typeof e === 'string' &amp;&amp; isValidSuffixEntry(e)));
    }
    const pslUrl = mw.config.get('wgArticlePath').replace('$1', publicSuffixList) +
      '?action=raw';
    console.log(`Raw page text request: ${pslUrl}`);
    const content = await safeFetch(fetch, pslUrl).then(response =&gt; response ?
      response.text() : null);
    if (!content) return new Set();
    const entries = [];
    for (const line of content.split('\n')) {
      const trimmed = line.trim();
      if (trimmed &amp;&amp; !trimmed.startsWith('//') &amp;&amp; isValidSuffixEntry(trimmed)) {
        entries.push(trimmed);
      }
    }
    if (entries.length &lt; MIN_PSL_ENTRIES) {
      console.error(`Public suffix list suspiciously small (${entries.length} entries), rejecting`);
      return new Set();
    }
    // Only cache a list that passed validation
    writeCache(cacheKey, entries);
    return new Set(entries);
  }

  /**
   * Makes a MediaWiki API call to fetch revision metadata or content.
   *
   * @param {Object} data - Options for the API call, such as `revids`, `titles`, `rvprop`, etc.
   * @returns {Promise&lt;Object|null&gt;} MediaWiki API query result, or null on failure.
   */
  async function fetchRevisionData(data) {
    const paramKeys = ['rvprop', 'revids', 'titles', 'rvslots'];
    const params = {
      action: 'query',
      prop: 'revisions',
      format: 'json',
      rvdir: data.rvdir || 'older',
      origin: '*'
    };
    if (data.rvlimit) {
      params.rvlimit = data.rvlimit;
    }
    paramKeys.forEach(key =&gt; {
      if (data[key]) {
        params[key] = Array.isArray(data[key]) ? data[key].join('|') : data[key];
      }
    });
    const api = new mw.Api();
    return await safeFetch(api.get.bind(api), params);
  }

  /**
   * Wraps any asynchronous fetch function with retry logic and error handling.
   *
   * @param {Function} fn - The function to execute (usually an API call).
   * @param {...any} args - Arguments to pass to the fetch function.
   * @returns {Promise&lt;any|null&gt;} Result of the fetch or null on failure.
   */
  async function safeFetch(fn, ...args) {
    const retries = 2;
    const retryDelay = 1000;
    const maxAttempts = retries + 1;

    for (let attempt = 1; attempt &lt;= maxAttempts; attempt++) {
      try {
        const result = await fn(...args);
        if (result === null || result === undefined) {
          throw new Error('Received null or undefined response');
        }
        if (typeof result.ok === 'boolean' &amp;&amp; !result.ok) {
          throw new Error(`HTTP error ${result.status}: ${result.statusText || 'Unknown error'}`);
        }
        return result;
      } catch (error) {
        if (attempt &lt; maxAttempts) {
          console.warn(
            `Error during ${fn.name || 'fetch operation'} (attempt ${attempt}/${maxAttempts}):`,
            error.message || error);
          await new Promise(resolve =&gt; setTimeout(resolve, retryDelay));
        } else {
          console.error(
            `All ${maxAttempts} attempts failed for ${fn.name || 'fetch operation'}:`,
            error.message || error);
        }
      }
    }
    return null;
  }

  /**
   * ==========================================================================
   * 6. Cache
   * ==========================================================================
   */

  /**
   * Returns every localStorage key with the given prefix. Snapshotting the keys
   * first means callers can remove entries without the index shifting under them.
   *
   * @param {string} prefix - Key prefix to match.
   * @returns {string[]}
   */
  function cacheKeysWithPrefix(prefix) {
    const keys = [];
    try {
      for (let i = 0; i &lt; localStorage.length; i++) {
        const key = localStorage.key(i);
        if (key &amp;&amp; key.startsWith(prefix)) keys.push(key);
      }
    } catch (e) {
      /* storage unavailable */
    }
    return keys;
  }

  /**
   * Removes every localStorage key with the given prefix.
   *
   * @param {string} prefix
   */
  function removeKeysWithPrefix(prefix) {
    for (const key of cacheKeysWithPrefix(prefix)) localStorage.removeItem(key);
  }

  /**
   * Runs all cache maintenance: retired prefixes, version invalidation, and
   * (at most once per CACHE_PURGE_INTERVAL) expiry and eviction.
   */
  function purgeCaches() {
    try {
      purgeStaleVersionedCaches();
      const lastKey = 'citationWatchlist_lastPurge';
      const last = parseInt(localStorage.getItem(lastKey), 10);
      if (isNaN(last) || Date.now() - last &gt; CACHE_PURGE_INTERVAL) {
        purgeExpiredCache();
        localStorage.setItem(lastKey, Date.now().toString());
      }
    } catch (e) {
      console.warn('Citation Watchlist: cache maintenance failed:', e);
    }
  }

  /**
   * Removes caches from retired prefixes and purges cached entries whose stored
   * version is older than the current version. Each cache type tracks its own
   * version independently via a localStorage key.
   */
  function purgeStaleVersionedCaches() {
    for (const prefix of retiredCachePrefixes) {
      removeKeysWithPrefix(prefix);
      localStorage.removeItem(`citationWatchlist_cacheVersion:${prefix}`);
    }
    for (const cache of cacheConfig) {
      const versionKey = `citationWatchlist_cacheVersion:${cache.prefix}`;
      const storedVersion = parseInt(localStorage.getItem(versionKey), 10);
      const effectiveVersion = isNaN(storedVersion) ? 0 : storedVersion;
      if (effectiveVersion &lt; cache.version) {
        removeKeysWithPrefix(cache.prefix);
        try {
          localStorage.setItem(versionKey, cache.version.toString());
        } catch (e) {
          console.warn('Cache version write error:', e);
        }
        console.log(`Cache invalidated for &quot;${cache.prefix}&quot;: version ${effectiveVersion} → ${cache.version}`);
      }
    }
  }

  /**
   * Removes expired localStorage cache entries and enforces per-cache entry
   * caps by evicting the oldest entries.
   */
  function purgeExpiredCache() {
    const now = Date.now();
    const stats = { checked: 0, expired: 0, evicted: 0, errors: 0 };

    for (const cache of cacheConfig) {
      // Snapshot keys first so removals do not shift the iteration index
      const survivors = []; // { key, timestamp }
      for (const key of cacheKeysWithPrefix(cache.prefix)) {
        stats.checked++;
        try {
          const value = localStorage.getItem(key);
          let parsed = null;
          try {
            parsed = value ? JSON.parse(value) : null;
          } catch (jsonError) {
            stats.errors++;
          }
          if (!parsed || typeof parsed.timestamp !== 'number' || now - parsed.timestamp &gt; cache.ttl) {
            localStorage.removeItem(key);
            stats.expired++;
            continue;
          }
          survivors.push({ key, timestamp: parsed.timestamp });
        } catch (itemError) {
          stats.errors++;
          try {
            localStorage.removeItem(key);
          } catch (e) { /* ignore */ }
        }
      }
      if (cache.maxEntries &amp;&amp; survivors.length &gt; cache.maxEntries) {
        survivors.sort((a, b) =&gt; a.timestamp - b.timestamp);
        const excess = survivors.length - cache.maxEntries;
        for (let i = 0; i &lt; excess; i++) {
          localStorage.removeItem(survivors[i].key);
          stats.evicted++;
        }
      }
    }
    if (stats.checked &gt; 0) {
      console.log(`Cache cleanup: checked ${stats.checked}, expired ${stats.expired}, ` +
        `evicted ${stats.evicted}, errors ${stats.errors}`);
    }
  }

  /**
   * Looks up the cache configuration whose prefix matches a key.
   *
   * @param {string} key - A cache key or prefix.
   * @returns {Object|undefined}
   */
  function cacheConfigFor(key) {
    return cacheConfig.find(c =&gt; key.startsWith(c.prefix));
  }
  /**
   * Reads a JSON cache entry from localStorage, returning the stored content
   * if it exists and has not expired (TTL taken from the key's cacheConfig
   * entry). Callers must validate the shape of the returned content.
   *
   * @param {string} key - The localStorage key.
   * @returns {*|null} The cached content, or null if missing/expired/invalid.
   */
  function readCache(key) {
    const config = cacheConfigFor(key);
    let raw;
    try {
      raw = config ? localStorage.getItem(key) : null;
    } catch (e) {
      return null;
    }
    if (!raw) return null;
    try {
      const parsed = JSON.parse(raw);
      if (parsed &amp;&amp; typeof parsed.timestamp === 'number' &amp;&amp;
        (Date.now() - parsed.timestamp &lt; config.ttl) &amp;&amp; parsed.content !== undefined) {
        return parsed.content;
      }
    } catch (e) {
      console.warn('Cache read error:', e);
    }
    return null;
  }
  /**
   * Writes a JSON cache entry to localStorage with an embedded timestamp.
   * Failures (e.g. quota exceeded) are logged and otherwise ignored; the
   * cache is an optimization, never a dependency.
   *
   * @param {string} key - The localStorage key.
   * @param {*} content - The data to cache.
   */
  function writeCache(key, content) {
    try {
      localStorage.setItem(key, JSON.stringify({ timestamp: Date.now(), content }));
    } catch (e) {
      console.warn('Cache write error:', e);
    }
  }

  /**
   * ==========================================================================
   * 7. Entry Point
   * ==========================================================================
   */

  analyzeView().catch(e =&gt; {
    console.error('Citation Watchlist: unrecoverable error:', e);
    loadWarnings.push('Citation Watchlist stopped early due to an error (see console)');
    finishChangeListPass();
  }).then(() =&gt; {
    console.log('Citation Watchlist script finished executing');

    // On enhanced RC pages, hide the summary gutter on a group's header row
    // while the group is expanded (each nested row then shows its own).
    document.querySelectorAll('table.mw-enhanced-rc').forEach(table =&gt; {
      const checkbox = groupToggleCheckbox(table);
      if (!checkbox) return;
      checkbox.addEventListener('change', () =&gt; {
        const topRow = table.querySelector('tr');
        const gutter = topRow &amp;&amp; topRow.querySelector('.cw-gutter');
        if (!gutter) return;
        const host = gutter.parentElement;
        gutter.style.display = checkbox.checked ? 'none' : 'inline-flex';
        if (host) host.style.paddingLeft = checkbox.checked ? '' : 'calc(2em + 0.5em)';
      });
    });
  });

})();</text>
      <sha1>8d7xizu9hjjbghhw2z9w4a24p6lgnzn</sha1>
    </revision>
    <revision>
      <id>781274</id>
      <parentid>781273</parentid>
      <timestamp>2026-10-28T00:19:02Z</timestamp>
      <contributor>
        <username>Harej</username>
        <id>7994</id>
      </contributor>
      <comment>Added/removed/swapped with archive indicator badge</comment>
      <origin>781274</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="110114" sha1="9fjctqw8fhd3zosu8ed67ruwt6bzpk2" xml:space="preserve">/**
 *
 * Citation Watchlist
 * https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist
 *
 */

(function() {
  'use strict';

  /**
   * ==========================================================================
   * LOCALIZATION
   * ==========================================================================
   */

  /* Labeling tool in the user interface */
  const toolName              =  'Citation Watchlist';
  const aboutLink             =  'https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist';

  /* Revision inspection popup */
  const addedLabel            =  'Added';
  const removedLabel          =  'Removed';
  const viewDiffLabel         =  'View Diff';
  const viewRevisionLabel     =  'View Revision';
  const aboutLabel            =  'About Citation Watchlist';
  const archivedViaLabel      =  'Archived copy hosted at';
  const changedLabel          =  'Changed';
  const showAllLabel          =  'Show all';
  const archiveBadgeTitle     =  'Archived copy';
  const supplementTitle       =  'Archive link added to a citation that was already present';
  const changedArrow          =  ' \u2192 ';

  /* Filter widget */
  const showEditsLabel        =  'Show edits:';
  const loadingLabel          =  'Loading...';
  const allLabel              =  'All';
  const linkChangesLabel      =  'Link Changes';
  const linkChangesTooltip    =  'Edits that add or remove links in articles';
  const noMatchingEditsLabel  =  'No matching edits';

  /* Load-failure indicator */
  const loadWarningGlyph      =  '⚠';
  const loadWarningPrefix     =  'Some Citation Watchlist lists could not be loaded:';

  /**
   * ==========================================================================
   * DOMAIN LIST CONFIGURATION
   * ==========================================================================
   *
   * Citation Watchlist requires the following wiki pages to function:
   *
   * 1. Public Suffix List
   *    - A local copy of the public suffix list, used for domain parsing.
   *    - Copy the contents of:
   *        https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist/Public_Suffix_List
   *      to a page on your own wiki.
   *    - Update the `publicSuffixList` variable below to reflect your page title.
   *
   * 2. List of Lists
   *    - A page linking to one or more domain list pages.
   *    - Format as a bullet list: &quot;* [[Page Title]]&quot; (space after asterisk).
   *    - Reference formatting example:
   *        https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist/Lists
   *    - Update the `listOfLists` variable below accordingly.
   *
   * 3+. Domain List Pages
   *    - One or more pages listing suspicious or noteworthy domains.
   *    - Each page must contain section headers that match the `indicators` config
   *      below (e.g., &quot;==Warn==&quot;, &quot;==Caution==&quot;).
   *    - Under each section, list domains in the format: &quot;* example.com&quot;
   *    - Do not use link formatting—just plain text.
   *    - Entries with paths (&quot;example.com/opinion&quot;), no dot (&quot;gov&quot;), or a
   *      leading &quot;www.&quot; are not supported and are reported in the console.
   */

  const publicSuffixList       =  'Wikipedia:Citation_Watchlist/Public_Suffix_List';
  const listOfLists            =  'Wikipedia:Citation_Watchlist/Lists';
  const enabledNamespaces      =  [-1, 0, 118];
  const enabledSectionHeaders  =  ['References'];

  /**
   * Detection options.
   * - UNWRAP_ARCHIVES: screen the original URL embedded in a web archive link
   *   (web.archive.org, archive.today, Google cache) rather than the archive
   *   host. The popup still links to the cited archive URL.
   * - SHOW_LINT_IN_WIDGET: also show domain-list lint (ignored entries) in the
   *   filter widget's warning tooltip. Lint always goes to the console.
   */
  const UNWRAP_ARCHIVES        =  true;
  const SHOW_LINT_IN_WIDGET    =  false;

  /**
   * ==========================================================================
   * INDICATOR CONFIGURATION
   * ==========================================================================
   *
   * Defines metadata for domain indicators used in the watchlist UI.
   * Each indicator is associated with a level of urgency and a unique symbol.
   *
   * Fields:
   * - msg:      Display label for the level (e.g., &quot;Warning&quot;, &quot;Caution&quot;).
   * - emoji:    Unicode character for the visual indicator (escaped as `\uXXXX`).
   * - section:  Must exactly match the section headers in the domain list pages.
   * - priority: Higher values override lower ones for conflicting domain matches.
   *             Priority scale: 1 (lowest) to N (highest).
   * - list:     Defined as &quot;new Set()&quot; for all indicator types.
   *
   * If a domain appears in multiple lists, the one with the highest priority
   * takes precedence.
   */

  const indicators = {
    warning: {
      msg:          'Warning',
      emoji:        '❗',
      section:      '==Warn==',
      explanation:  'This domain is classified as an unreliable source',
      priority:     3,
      dataAttr:     'data-cw-linkwarn',
      list:         new Set()
    },
    caution: {
      msg:          'Caution',
      emoji:        '✋',
      section:      '==Caution==',
      explanation:  'This source may be unreliable depending on context',
      priority:     2,
      dataAttr:     'data-cw-linkcaution',
      list:         new Set()
    },
    inspect: {
      msg:          'Inspect',
      emoji:        '🔎',
      section:      '==Inspect==',
      explanation:  'Take a closer look at this particular source',
      priority:     1,
      dataAttr:     'data-cw-linkinspect',
      list:         new Set()
    },
    added: {
      msg:          addedLabel,
      emoji:        '\u{1F517}',
      section:      null,
      explanation:  'All added links',
      priority:     0,
      list:         new Set()
    },
    removed: {
      msg:          removedLabel,
      emoji:        '\u{1F5D1}',
      section:      null,
      explanation:  'All removed links',
      priority:     -1,
      list:         new Set()
    }
  };

  /** Indicator types that come from the domain lists (priority &gt; 0). */
  const listedTypes = Object.keys(indicators).filter(t =&gt; indicators[t].priority &gt; 0);

  /**
   * Kinds of link change between two revisions, in popup display order.
   * Whether an entry counts toward the gutter icon and the list indicators is
   * decided per entry (`counted`), not per kind: an archive link added to an
   * already-cited source is shown under Added but not counted.
   */
  const changeKinds = {
    added: {
      msg: addedLabel, emoji: indicators.added.emoji,
      explanation: 'Links added to the article'
    },
    changed: {
      msg: changedLabel, emoji: '\u{1F500}',
      explanation: 'Links whose URL changed, including swaps to or from an archived copy'
    },
    removed: {
      msg: removedLabel, emoji: indicators.removed.emoji,
      explanation: indicators.removed.explanation
    }
  };

  /** Gutter glyphs for edits with no newly cited source. */
  const archiveGlyph = '\u{1F4E6}';   // only archive links were added
  const changedGlyph = changeKinds.changed.emoji; // only URL changes

  /** Popups with more domain lines than this start collapsed. */
  const POPUP_COLLAPSE_AFTER = 8;

  /**
   * Citation Watchlist
   *
   * Highlights potentially questionable citations added in Wikipedia revisions
   * based on community-built lists of domain names
   *
   *
   * Documentation: https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist
   *
   * Author: James Hare
   * License: GNU General Public License v3.0 (GPL-3.0)
   *
   * @version 2.5
   * @since 2026-10-28
   */


  /**
   * IF YOU WANT TO MODIFY any part of the script below this point, please submit
   * your edits to https://test.wikipedia.org/wiki/User:Harej/citation-watchlist.js
   * so that your modifications can be tested.
   */

  let publicSuffixSet = new Set();
  const MAX_DOMAINS_PER_LIST = 50000;
  const MIN_PSL_ENTRIES = 1000;

  /**
   * Revisions larger than this are not scanned. MediaWiki's own page-size
   * limit is 2 MiB, so this only trips on pathological cases; it bounds the
   * download and regex work done per row.
   */
  const MAX_REVISION_CHARS = 2 * 1024 * 1024;

  /**
   * Revision fetching strategy. Rows are never fetched one at a time: revision
   * IDs are grouped into small chunks (so the first chunk returns quickly and
   * its rows render while the rest are still in flight), several chunks are
   * kept in flight at once, and rows are annotated the moment their chunk
   * arrives. Concurrency is capped because origin=* requests are anonymous and
   * therefore per-IP rate limited (see release notes for 1.5/1.6).
   */
  const CONTENT_CHUNK_SIZE = 8;             // max revisions per content request
  const CONTENT_CHUNK_BYTES = 400 * 1024;   // soft byte budget per chunk when sizes are known
  const CONTENT_CONCURRENCY = 4;            // simultaneous content requests
  const METADATA_CHUNK_SIZE = 50;           // revids per ids|size request (API max for users)
  const ASSUMED_REVISION_BYTES = 40 * 1024; // chunking estimate when size is unknown
  const LIVE_RELOAD_DEBOUNCE_MS = 250;      // settle time after the change list is replaced

  /**
   * Non-fatal problems encountered while loading configuration (missing list
   * pages, API failures). Surfaced in the filter widget so list maintainers
   * notice quickly, instead of the tool silently running with partial data.
   */
  const loadWarnings = [];

  /**
   * Domain-list lint: entries that were ignored because they are not bare
   * domains. Always logged; shown in the widget only if SHOW_LINT_IN_WIDGET.
   */
  const listLint = [];

  /**
   * Unified cache configuration. Each entry defines a cache key prefix, its TTL,
   * version number, an optional cap on the number of entries kept, and a
   * human-readable description.
   *
   * - revURLs:  per-revision list of extracted URLs. Revisions are immutable,
   *   so the TTL and cap exist only to bound storage.
   * - sectionURLs: per-revision, per-section URL map from rendered article HTML.
   * - domainList: parsed domain lists ({warning: [...], caution: [...], ...}).
   * - publicSuffixListCache: validated PSL entries as an array.
   * - citationWatchlistFetchDomainListPages_: list-of-lists page titles.
   */
  const cacheConfig = [
    {
      prefix: 'revURLs:',
      ttl: 30 * 24 * 60 * 60 * 1000,
      version: 1,
      maxEntries: 4000,
      description: 'Revision URL cache'
    },
    {
      prefix: 'sectionURLs:',
      ttl: 30 * 24 * 60 * 60 * 1000,
      version: 1,
      maxEntries: 500,
      description: 'Article section URL cache'
    },
    {
      prefix: 'domainList:',
      ttl: 6 * 60 * 60 * 1000,
      version: 1,
      description: 'Domain list cache'
    },
    {
      prefix: 'publicSuffixListCache',
      ttl: 24 * 60 * 60 * 1000,
      version: 1,
      description: 'Public suffix list cache'
    },
    {
      prefix: 'citationWatchlistFetchDomainListPages_',
      ttl: 4 * 60 * 60 * 1000,
      version: 0,
      description: 'Domain list pages cache'
    }
  ];

  /** Cache prefixes from earlier versions, removed on startup. */
  const retiredCachePrefixes = ['revisionDiff:'];

  /** How often (ms) the full localStorage expiry/eviction pass runs. */
  const CACHE_PURGE_INTERVAL = 60 * 60 * 1000;

  /**
   * ==========================================================================
   * 1. Primary Workflow
   * ==========================================================================
   */

  /** Resolves once the PSL and domain lists are loaded (true) or failed (false). */
  let configReady = null;

  /** Rows already handed to processRevisions(), so live reloads only pick up new ones. */
  const seenRows = new WeakSet();

  /**
   * Loads the public suffix list and the domain lists, in parallel. Never
   * throws; failures are recorded in loadWarnings.
   *
   * @returns {Promise&lt;boolean&gt;} True if the tool can screen domains.
   */
  async function loadConfiguration() {
    try {
      const [psl, listPages] = await Promise.all([
        fetchPublicSuffixList(),
        fetchDomainListPages(listOfLists)
      ]);
      publicSuffixSet = psl;
      if (publicSuffixSet.size === 0) {
        console.error('Public Suffix List loading failed');
        loadWarnings.push('Public Suffix List could not be loaded');
        return false;
      }
      console.log('Welcome to Citation Watchlist');
      if (listPages &amp;&amp; listPages.length &gt; 0) {
        await fetchAndOrganizeDomainLists(listPages);
      } else {
        loadWarnings.push(`Could not load list of lists (${listOfLists})`);
      }
      if (listLint.length &gt; 0) {
        console.warn(`Citation Watchlist: ${listLint.length} domain-list entries were ignored:\n` +
          listLint.join('\n'));
      }
      return true;
    } catch (e) {
      console.error('Citation Watchlist: configuration load failed:', e);
      loadWarnings.push('Configuration could not be loaded (see console)');
      return false;
    }
  }

  /**
   * Function called by the entry point for Citation Watchlist.
   * Determines if the current page should be analyzed, starts loading the
   * configuration, collects the revisions behind each change-list row, and
   * fetches and annotates them while the configuration loads.
   */
  async function analyzeView() {
    purgeCaches();
    const ns = mw.config.get('wgNamespaceNumber');
    const inspectEnabled = enabledNamespaces.includes(ns);

    // Start the configuration load immediately; nothing below waits on it
    // until the first row is ready to render.
    if (inspectEnabled) {
      configReady = loadConfiguration();
    }

    // Article surface: scan enabled sections for watchlisted domains
    const action = mw.config.get('wgAction');
    if (action === 'view' &amp;&amp; ns &gt;= 0 &amp;&amp; inspectEnabled) {
      if (await configReady) {
        await analyzeArticleSections();
      }
      return;
    }

    // Pre-pad change log lines immediately on Special:RecentChanges for visual stability
    if (ns === -1) {
      document.querySelectorAll('li.mw-changeslist-line, .mw-changeslist-line')
        .forEach(line =&gt; prePadElement(line));
      flushGutterPadding();
    }

    if (!inspectEnabled) {
      return;
    }
    createChangeListFilterWidget();
    await annotateChangeList(document, true);
    installLiveReloadObserver();
  }

  /**
   * Collects and annotates every unseen change-list row under `root`.
   *
   * @param {Document|Element} root - Where to look for rows.
   * @param {boolean} allowFirstRevisionFallback - On a page history with no
   *   diff links (single-revision page), analyze the page's first revision.
   */
  async function annotateChangeList(root, allowFirstRevisionFallback) {
    const revisions = [];
    let noLinks = true;

    // Prefer iterating per-change rows when available (JS-enhanced watchlist/RC);
    // fall back to link containers on non-enhanced layouts.
    const unseen = selector =&gt; Array.from(root.querySelectorAll(selector)).filter(el =&gt; !seenRows.has(el));
    let entries = unseen('[data-mw-revid]:not(.mw-userlink), .mw-changeslist-line');
    let prePadCallback = null;
    if (entries.length &gt; 0) {
      entries.forEach(line =&gt; prePadElement(line));
      flushGutterPadding();
    } else {
      entries = unseen('.mw-changeslist-links');
      prePadCallback = (_el, link) =&gt; {
        const target = link.parentNode.parentNode;
        prePadElement(target);
        flushGutterPadding();
        return target;
      };
    }

    for (const entry of entries) {
      seenRows.add(entry);
      const result = await extractEntry(entry, entry, prePadCallback);
      if (result.hasLink) noLinks = false;
      if (!result.skip &amp;&amp; result.revision) revisions.push(result.revision);
    }

    // If no links were found, extract the first revision ID
    if (allowFirstRevisionFallback &amp;&amp; noLinks &amp;&amp; entries.length &gt; 0) {
      try {
        const firstID = await fetchFirstRevisionId(mw.config.get('wgTitle'));
        if (firstID) {
          revisions.push({
            oldrevision: String(firstID),
            element: entries[0],
            viewHref: buildPermalinkUrl(firstID),
            viewLabel: viewRevisionLabel
          });
        }
      } catch (e) {
        console.warn('Citation Watchlist: single-revision fallback failed:', e);
      }
    }

    await processRevisions(revisions);
    finishChangeListPass();
  }

  /**
   * Extracts the revision behind one change-list entry, isolating failures so
   * that a single malformed row does not abort the remaining rows.
   *
   * @param {Element} container - The DOM element to query for revision links.
   * @param {Element} element - The DOM element to attach to the revision object.
   * @param {Function|null} prePadCallback - See extractRevisionFromLinks.
   * @returns {Promise&lt;{revision: Object|null, hasLink: boolean, skip: boolean}&gt;}
   */
  async function extractEntry(container, element, prePadCallback) {
    try {
      return await extractRevisionFromLinks(container, element, prePadCallback);
    } catch (e) {
      console.warn('Citation Watchlist: skipping entry due to error:', e);
      // Report hasLink=true so a row-level failure never triggers the
      // single-revision fallback for the whole page.
      return { revision: null, hasLink: true, skip: true };
    }
  }

  /**
   * Annotates a set of revisions with as little latency as possible:
   *
   * 1. Parent IDs (for diff=prev and history rows) and sizes are resolved in
   *    one metadata request, only when any row needs them.
   * 2. Per-revision URL lists already in the cache are used directly.
   * 3. Remaining revision IDs are deduplicated (history rows share revisions),
   *    chunked in DOM order, fetched with bounded concurrency, and each row is
   *    rendered as soon as every revision it depends on is available. Fetching
   *    overlaps the configuration load; only rendering waits for it.
   *
   * @param {Object[]} revisions - Revision objects from extractRevisionFromLinks.
   */
  async function processRevisions(revisions) {
    if (revisions.length === 0) return;

    // --- 1. Resolve parents / sizes ---------------------------------------
    const parentLookups = revisions.filter(r =&gt; r.needsParentOf).map(r =&gt; r.needsParentOf);
    let metadata = {};
    if (parentLookups.length &gt; 0) {
      metadata = await fetchRevisionMetadata(unique(parentLookups));
      for (const revision of revisions) {
        if (!revision.needsParentOf) continue;
        const currentId = revision.needsParentOf;
        const meta = metadata[currentId];
        delete revision.needsParentOf;
        if (meta &amp;&amp; meta.parentid) {
          revision.oldrevision = String(meta.parentid);
          revision.newrevision = currentId;
          if (revision.pageTitle &amp;&amp; !revision.viewHref) {
            revision.viewHref = buildDiffUrl(revision.pageTitle,
              revision.oldrevision, revision.newrevision);
          }
        } else if (meta) {
          // First revision of the page: everything in it was &quot;added&quot;
          revision.oldrevision = currentId;
          revision.newrevision = null;
          revision.viewHref = buildPermalinkUrl(currentId);
          revision.viewLabel = viewRevisionLabel;
        } else {
          markSkipped(revision, 'fetch-failed');
          revision.oldrevision = null;
        }
      }
    }

    // --- 2. Per-revision URL lists from cache; queue the rest --------------
    const urlLists = new Map(); // id -&gt; string[] | null (null = unreadable)
    const pending = [];         // { revision, needs: string[] }
    for (const revision of revisions) {
      if (revision.skipped) continue;
      if (!isRevisionId(revision.oldrevision) ||
        (revision.newrevision &amp;&amp; !isRevisionId(revision.newrevision))) {
        markSkipped(revision, 'invalid');
        continue;
      }
      const needs = [revision.oldrevision];
      if (revision.newrevision) needs.push(revision.newrevision);
      for (const id of needs) {
        if (urlLists.has(id)) continue;
        const cached = readCache(`revURLs:${location.hostname}:${id}`);
        if (Array.isArray(cached)) urlLists.set(id, cached.filter(isValidHttpUrl));
      }
      pending.push({ revision, needs });
    }
    if (pending.length === 0) return;

    // --- 3. Fetch missing content in chunks; render as data arrives --------
    const neededIds = unique(pending.flatMap(p =&gt; p.needs)).filter(id =&gt; !urlLists.has(id));
    const oversized = new Set();
    for (const id of neededIds) {
      const meta = metadata[id];
      if (meta &amp;&amp; typeof meta.size === 'number' &amp;&amp; meta.size &gt; MAX_REVISION_CHARS) {
        oversized.add(id);
        urlLists.set(id, null);
      }
    }
    const chunks = chunkRevisionIds(neededIds.filter(id =&gt; !oversized.has(id)), metadata);

    let canRender = false;
    const settle = () =&gt; {
      if (!canRender) return;
      for (let i = pending.length - 1; i &gt;= 0; i--) {
        const item = pending[i];
        if (!item.needs.every(id =&gt; urlLists.has(id))) continue;
        pending.splice(i, 1);
        if (item.needs.some(id =&gt; oversized.has(id))) {
          markSkipped(item.revision, 'oversized');
          continue;
        }
        const oldList = urlLists.get(item.revision.oldrevision);
        const newList = item.revision.newrevision ? urlLists.get(item.revision.newrevision) : null;
        if (oldList === null || (item.revision.newrevision &amp;&amp; newList === null)) {
          markSkipped(item.revision, 'fetch-failed');
          continue;
        }
        renderRevision(item.revision,
          classifyLinkChanges(oldList, newList, !!item.revision.newrevision));
      }
      flushGutterPadding();
    };

    const onText = (id, text) =&gt; {
      if (text === null) {
        urlLists.set(id, null);
        return;
      }
      if (text.length &gt; MAX_REVISION_CHARS) {
        oversized.add(id);
        urlLists.set(id, null);
        return;
      }
      const urls = extractURLs(stripHTMLComments(text));
      urlLists.set(id, urls);
      writeCache(`revURLs:${location.hostname}:${id}`, urls);
    };

    // Dispatch content fetches now; they run while the lists are still loading.
    const fetching = runPool(chunks.map(chunk =&gt; async () =&gt; {
      await fetchChunkIsolating(chunk, onText);
      settle();
    }), CONTENT_CONCURRENCY);

    if (!(await configReady)) {
      await fetching;
      return; // no lists: nothing to screen against
    }
    canRender = true;
    settle(); // cache hits and anything that landed while the lists loaded
    await fetching;

    // Anything still pending had an id the API never returned
    for (const item of pending) {
      markSkipped(item.revision, 'fetch-failed');
    }
  }

  /**
   * Fetches a chunk of revisions; if the request fails outright, splits the
   * chunk in half and retries each half, so one problematic revision only
   * costs itself rather than its neighbours. Each fetch already carries
   * safeFetch's retries, so this only runs in genuine failure cases.
   *
   * @param {string[]} chunk - Revision IDs.
   * @param {Function} onText - Called with (id, text|null) for every id.
   */
  async function fetchChunkIsolating(chunk, onText) {
    const result = await fetchRevisionTexts(chunk);
    if (result) {
      for (const id of chunk) {
        onText(id, result.has(id) ? result.get(id) : null);
      }
      return;
    }
    if (chunk.length === 1) {
      onText(chunk[0], null);
      return;
    }
    const mid = Math.ceil(chunk.length / 2);
    await fetchChunkIsolating(chunk.slice(0, mid), onText);
    await fetchChunkIsolating(chunk.slice(mid), onText);
  }

  /**
   * Groups revision IDs into fetch chunks in order, bounded by count and, when
   * sizes are known, by an approximate byte budget so one huge article does not
   * delay its neighbours.
   *
   * @param {string[]} ids - Revision IDs in the order they should be fetched.
   * @param {Object} metadata - Map of id -&gt; {parentid, size} (may be sparse).
   * @returns {string[][]}
   */
  function chunkRevisionIds(ids, metadata) {
    const chunks = [];
    let current = [];
    let currentBytes = 0;
    for (const id of ids) {
      const meta = metadata[id];
      const bytes = (meta &amp;&amp; typeof meta.size === 'number') ? meta.size : ASSUMED_REVISION_BYTES;
      if (current.length &gt; 0 &amp;&amp;
        (current.length &gt;= CONTENT_CHUNK_SIZE || currentBytes + bytes &gt; CONTENT_CHUNK_BYTES)) {
        chunks.push(current);
        current = [];
        currentBytes = 0;
      }
      current.push(id);
      currentBytes += bytes;
    }
    if (current.length &gt; 0) chunks.push(current);
    return chunks;
  }

  /**
   * Runs async task factories with at most `concurrency` in flight, in order.
   *
   * @param {Array&lt;() =&gt; Promise&lt;*&gt;&gt;} tasks
   * @param {number} concurrency
   * @returns {Promise&lt;void&gt;}
   */
  async function runPool(tasks, concurrency) {
    let next = 0;
    const workers = Array.from({ length: Math.min(concurrency, tasks.length) }, async () =&gt; {
      while (next &lt; tasks.length) {
        const task = tasks[next++];
        try {
          await task();
        } catch (e) {
          console.warn('Citation Watchlist: chunk failed:', e);
        }
      }
    });
    await Promise.all(workers);
  }

  /**
   * Returns the elements of an array with duplicates removed, first occurrence wins.
   *
   * @param {Array} arr
   * @returns {Array}
   */
  function unique(arr) {
    return Array.from(new Set(arr));
  }

  /**
   * Marks a revision's row as skipped with a reason, without annotating it.
   *
   * @param {Object} revision
   * @param {string} reason - 'fetch-failed', 'oversized' or 'invalid'.
   */
  function markSkipped(revision, reason) {
    revision.skipped = reason;
    try {
      revisionTargetElement(revision).setAttribute('data-cw-skipped', reason);
    } catch (e) {
      /* ignore */
    }
    console.warn(`Citation Watchlist: skipped ${revision.oldrevision || '?'}` +
      `${revision.newrevision ? ' -&gt; ' + revision.newrevision : ''} (${reason})`);
  }

  /**
   * Finds the row-level element that carries data attributes for a revision.
   *
   * @param {Object} revision
   * @returns {Element}
   */
  function revisionTargetElement(revision) {
    const el = revision.element;
    return el.closest('[data-mw-revid]:not(.mw-userlink)') ||
      el.closest('li') || el.closest('.mw-changeslist-line, tr') || el;
  }

  /**
   * Scans the article page for sections whose H2 headers match enabledSectionHeaders,
   * then analyzes each matching section for watchlisted domains.
   */
  async function analyzeArticleSections() {
    const headings = document.querySelectorAll('.mw-heading2 h2, h2');
    for (const h2 of headings) {
      const headerText = h2.textContent.trim();
      if (!enabledSectionHeaders.includes(headerText)) continue;

      // Collect all content between this heading and the next heading
      const headingContainer = h2.closest('.mw-heading') || h2;
      let sibling = headingContainer.nextElementSibling;
      const sectionElements = [];
      while (sibling &amp;&amp; !sibling.classList.contains('mw-heading')) {
        sectionElements.push(sibling);
        sibling = sibling.nextElementSibling;
      }

      try {
        analyzeSection(headerText, sectionElements);
        createArticleFilterWidget(headingContainer);
      } catch (e) {
        console.warn(`Citation Watchlist: failed to analyze section &quot;${headerText}&quot;:`, e);
      }
    }
  }

  /**
   * Analyzes a single article section: extracts URLs from each &lt;li&gt;, screens them
   * against domain lists, and prepends indicator icons to matching list items.
   *
   * @param {string} sectionName - The section header text (e.g. &quot;References&quot;).
   * @param {Element[]} sectionElements - DOM elements between this heading and the next.
   */
  function analyzeSection(sectionName, sectionElements) {
    const revisionId = mw.config.get('wgRevisionId');
    const cacheKey = `sectionURLs:${location.hostname}:${revisionId}:${sectionName}`;

    // Map: array of { liId, urls }. Anything read back from localStorage is
    // re-validated before it can reach an href.
    let liURLMap = null;
    const cachedMap = readCache(cacheKey);
    if (Array.isArray(cachedMap)) {
      liURLMap = cachedMap
        .filter(entry =&gt; entry &amp;&amp; typeof entry.liId === 'string' &amp;&amp; Array.isArray(entry.urls))
        .map(entry =&gt; ({ liId: entry.liId, urls: entry.urls.filter(isValidHttpUrl) }));
    }

    const citeNotes = sectionElements.flatMap(el =&gt; Array.from(el.querySelectorAll('li[id^=&quot;cite_note&quot;]')));

    // Build from DOM if not cached
    if (!liURLMap) {
      liURLMap = citeNotes.map(li =&gt; ({
        liId: li.id,
        urls: Array.from(li.querySelectorAll('a.external[href]'))
          .map(a =&gt; a.getAttribute('href'))
          .filter(href =&gt; /^https?:\/\//i.test(href))
      }));
      writeCache(cacheKey, liURLMap);
    }

    // Add padding to all list items so citation text is flush with icons
    for (const li of citeNotes) li.style.paddingLeft = '1.5em';

    // Screen each li's URLs against domain lists and prepend icons with popups
    for (const entry of liURLMap) {
      const li = document.getElementById(entry.liId);
      if (!li) continue;

      const matched = resolveURLs(entry.urls).filter(r =&gt; r.indicator);
      if (matched.length === 0) continue;
      const highest = highestPriority(matched.map(m =&gt; m.indicator));

      const wrapper = makeElement('span', {
        style: { position: 'relative', cursor: 'pointer', marginLeft: '-1.5em',
          display: 'inline-block', width: '1.5em' }
      });
      wrapper.appendChild(makeElement('span', { text: indicators[highest].emoji }));
      attachPopup(wrapper, listedTypes
        .slice().sort((a, b) =&gt; indicators[b].priority - indicators[a].priority)
        .map(type =&gt; ({ desc: indicators[type], items: matched.filter(m =&gt; m.indicator === type) })), {});
      li.prepend(wrapper);
      li.dataset.cwIndicator = highest;
    }
  }

  /**
   * Extracts revision information from diff/hist/prev/cur links within a container.
   * Parent IDs are not fetched here; rows that need one set `needsParentOf` and
   * processRevisions() resolves them in a single batched request.
   *
   * @param {Element} container - The DOM element to query for revision links.
   * @param {Element} element - The DOM element to attach to the revision object.
   * @param {Function|null} prePadCallback - Optional callback invoked with (element, link) before
   *     processing each branch. In fallback mode this derives the target element and pre-pads it.
   * @returns {Promise&lt;{revision: Object|null, hasLink: boolean, skip: boolean}&gt;}
   *     - revision: the extracted revision object, or null if no usable link was found.
   *     - hasLink: true if any recognized link was present (even if skipped).
   *     - skip: true if the entry should be skipped (non-article after pre-padding).
   */
  async function extractRevisionFromLinks(container, element, prePadCallback) {
    const kinds = [
      { selector: 'a.mw-changeslist-diff', kind: 'diff' },
      { selector: 'a.mw-changeslist-history', kind: 'hist' },
      { selector: 'a.mw-history-histlinks-previous', kind: 'prev' },
      { selector: 'a.mw-history-histlinks-current', kind: 'cur' }
    ];
    let link = null;
    let kind = null;
    for (const k of kinds) {
      link = container.querySelector(k.selector);
      if (link) {
        kind = k.kind;
        break;
      }
    }
    if (!link) {
      return { revision: null, hasLink: false, skip: false };
    }

    const params = new URL(link.href).searchParams;
    const pageTitle = params.get('title');
    const target = prePadCallback ? prePadCallback(element, link) : element;

    // The diff and hist links appear on watchlist/RC/contribs rows that can be
    // for any namespace; history prev/cur links are always for the page itself.
    if ((kind === 'diff' || kind === 'hist') &amp;&amp; isNotArticle(pageTitle)) {
      return { revision: null, hasLink: true, skip: true };
    }

    const revision = {
      oldrevision: null,
      newrevision: null,
      element: target,
      viewHref: '',
      viewLabel: viewDiffLabel,
      pageTitle: pageTitle || undefined
    };

    switch (kind) {
      case 'diff': {
        // MediaWiki convention: diff = newer, oldid = older
        const diffParam = params.get('diff');
        const oldidParam = params.get('oldid');
        revision.viewHref = link.href;
        if (diffParam === 'prev' &amp;&amp; oldidParam) {
          // Contributions: oldid is the current revision; parent resolved later
          revision.needsParentOf = oldidParam;
        } else {
          revision.oldrevision = oldidParam;
          revision.newrevision = diffParam;
        }
        break;
      }
      case 'hist': {
        // New page: analyze its first revision
        const firstID = await fetchFirstRevisionId(pageTitle);
        if (!firstID) {
          return { revision: null, hasLink: true, skip: false };
        }
        revision.oldrevision = String(firstID);
        revision.viewHref = buildPermalinkUrl(firstID);
        revision.viewLabel = viewRevisionLabel;
        break;
      }
      case 'prev': {
        // viewHref is filled in once the parent is known
        revision.needsParentOf = params.get('oldid') || null;
        break;
      }
      case 'cur': {
        revision.oldrevision = params.get('oldid');
        revision.viewHref = buildPermalinkUrl(revision.oldrevision);
        revision.viewLabel = viewRevisionLabel;
        break;
      }
    }

    return { revision, hasLink: true, skip: false };
  }

  /**
   * Classifies the link changes between two revisions. Links are grouped by
   * the page they ultimately point at (archive URLs are unwrapped). Each
   * entry has a `kind` (added / changed / removed), `archive` (the cited URL
   * is an archived copy), `withArchive` (an archive copy was added with it),
   * `supplement` (archive link added to an already-cited source) and
   * `counted` (affects the gutter icon and list indicators). A removed URL and
   * an added URL on the same domain are paired as a `changed` entry.
   * Multiset semantics: a URL that appears twice in the new revision and once
   * in the old counts as one addition.
   *
   * @param {string[]} fromList - URLs in the older revision.
   * @param {string[]|null} toList - URLs in the newer revision (ignored if !hasNew).
   * @param {boolean} hasNew - False for a page's first revision, in which case
   *   every URL in fromList is considered added.
   * @returns {Object[]} Change entries.
   */
  function classifyLinkChanges(fromList, toList, hasNew) {
    const tally = (urls) =&gt; {
      const byTarget = new Map(); // target -&gt; { direct: [], archive: [] }
      for (const r of resolveURLs(urls)) {
        if (!byTarget.has(r.target)) byTarget.set(r.target, { direct: [], archive: [] });
        byTarget.get(r.target)[r.archiveHost ? 'archive' : 'direct'].push(r);
      }
      return byTarget;
    };
    const oldMap = hasNew ? tally(fromList) : new Map();
    const newMap = tally(hasNew ? (toList || []) : fromList);

    const added = [];   // counted, non-supplement additions (candidates for pairing)
    const removed = []; // counted removals (candidates for pairing)
    const other = [];   // everything else, already final
    const entry = (link, kind, props) =&gt; ({
      url: link.url, target: link.target, domain: link.domain, indicator: link.indicator,
      archive: !!link.archiveHost, archiveHost: link.archiveHost,
      withArchive: false, supplement: false, counted: true, kind, ...props
    });

    for (const target of new Set([...oldMap.keys(), ...newMap.keys()])) {
      const o = oldMap.get(target) || { direct: [], archive: [] };
      const n = newMap.get(target) || { direct: [], archive: [] };
      let dAdded = Math.max(0, n.direct.length - o.direct.length);
      let dRemoved = Math.max(0, o.direct.length - n.direct.length);
      let aAdded = Math.max(0, n.archive.length - o.archive.length);
      let aRemoved = Math.max(0, o.archive.length - n.archive.length);

      // New direct citations; an archive added with one is folded into it
      for (let i = 0; i &lt; dAdded; i++) {
        const withArchive = aAdded &gt; 0;
        if (withArchive) aAdded--;
        added.push(entry(n.direct[i], 'added', { withArchive }));
      }
      // Archive links not accounted for above
      if (aAdded &gt; 0) {
        if (n.direct.length &gt; 0) {
          // Source still cited directly: these are supplements, not new sources
          for (let i = 0; i &lt; aAdded; i++) {
            other.push(entry(n.archive[i], 'added', { supplement: true, counted: false }));
          }
        } else if (dRemoved &gt; 0) {
          // Original gone, archive took its place: a swap
          const swaps = Math.min(dRemoved, aAdded);
          for (let i = 0; i &lt; swaps; i++) {
            other.push(entry(n.archive[i], 'changed', {
              counted: false, oldUrl: o.direct[i].url, oldArchive: false
            }));
          }
          dRemoved -= swaps;
          for (let i = swaps; i &lt; aAdded; i++) {
            other.push(entry(n.archive[i], 'added', { supplement: true, counted: false }));
          }
        } else {
          // Archive-only citation of a source not otherwise cited
          for (let i = 0; i &lt; aAdded; i++) added.push(entry(n.archive[i], 'added'));
        }
      }
      // Direct links removed
      if (dRemoved &gt; 0) {
        if (n.direct.length === 0 &amp;&amp; n.archive.length &gt; 0) {
          // Original dropped but an already-present archive remains: a swap
          for (let i = 0; i &lt; dRemoved; i++) {
            other.push(entry(n.archive[0], 'changed', {
              counted: false, oldUrl: o.direct[i].url, oldArchive: false
            }));
          }
        } else {
          for (let i = 0; i &lt; dRemoved; i++) removed.push(entry(o.direct[i], 'removed'));
        }
      }
      // Archive links removed: only matters when nothing of the source remains
      if (aRemoved &gt; 0 &amp;&amp; n.direct.length === 0 &amp;&amp; n.archive.length === 0) {
        if (dAdded &gt; 0) {
          // archive-only -&gt; direct: un-archived
          for (let i = 0; i &lt; aRemoved &amp;&amp; i &lt; dAdded; i++) {
            const a = added.pop(); // the direct entry pushed above
            other.push(entry(n.direct[i], 'changed', {
              counted: false, oldUrl: o.archive[i].url, oldArchive: true
            }));
            if (!a) break;
          }
        } else if (o.direct.length === 0) {
          for (let i = 0; i &lt; aRemoved; i++) removed.push(entry(o.archive[i], 'removed'));
        }
      }
    }

    // Pair same-domain removals with additions as URL changes
    for (const r of removed) {
      const idx = added.findIndex(a =&gt; a.domain === r.domain &amp;&amp; !a.archive &amp;&amp; !r.archive);
      if (idx === -1) {
        other.push(r);
        continue;
      }
      const a = added.splice(idx, 1)[0];
      other.push({ ...a, kind: 'changed', counted: false, oldUrl: r.url, oldArchive: false });
    }
    return [...added, ...other];
  }
  /**
   * Screens a revision's link changes against the domain lists and annotates
   * its row (gutter icons, popup, filter data attributes).
   * Synchronous: all network work happens in processRevisions().
   *
   * @param {Object} revision - Object containing oldrevision, optional
   *   newrevision, and DOM element.
   * @param {Object[]} changes - From classifyLinkChanges().
   */
  function renderRevision(revision, changes) {
    const targetElement = revisionTargetElement(revision);
    targetElement.setAttribute('data-cw-processed', 'true');

    const counted = changes.filter(c =&gt; c.counted);
    const addedSources = counted.filter(c =&gt; c.kind === 'added');
    const removedSources = counted.filter(c =&gt; c.kind === 'removed');

    // Left gutter glyph: list indicator &gt; new source &gt; archiving only &gt; URL changes only
    let addChar = null;
    const topType = highestPriority(addedSources.map(a =&gt; a.indicator));
    if (topType) addChar = indicators[topType].emoji;
    else if (addedSources.length &gt; 0) addChar = indicators.added.emoji;
    else if (changes.some(c =&gt; c.kind === 'added')) addChar = archiveGlyph;
    else if (changes.some(c =&gt; c.kind === 'changed')) addChar = changedGlyph;

    try {
      if (revision.viewHref) revision.element.dataset.cwViewHref = revision.viewHref;
      if (revision.viewLabel) revision.element.dataset.cwViewLabel = revision.viewLabel;
    } catch (e) {
      /* ignore */
    }

    renderTwoColumnEmojis(revision.element, addChar, removedSources.length &gt; 0, changes);

    // Data attributes drive the filter widget. Every entry is a link change;
    // only counted entries carry list indicators.
    const changedDomains = unique(changes.map(r =&gt; r.domain)).sort();
    if (changedDomains.length &gt; 0) {
      targetElement.dataset.cwLinkchange = changedDomains.join('|');
    }
    for (const type of listedTypes) {
      const domains = unique(counted.filter(r =&gt; r.indicator === type).map(r =&gt; r.domain)).sort();
      if (domains.length &gt; 0) {
        targetElement.setAttribute(indicators[type].dataAttr, domains.join('|'));
      }
    }
  }
  /**
   * ==========================================================================
   * 2. User Interface
   * ==========================================================================
   */

  /**
   * Pending hosts that need gutter padding applied. Collected during
   * renderTwoColumnEmojis and flushed in a single batch via flushGutterPadding()
   * so that all rows shift at the same time instead of one at a time.
   */
  const pendingGutterPadding = [];

  /**
   * Applies the gutter padding to a single host element, reserving horizontal
   * space for the two-column emoji gutter.
   *
   * @param {HTMLElement} host - The element to pad.
   */
  function applyGutterPadding(host) {
    const pad = 'calc(2em + 0.5em)';
    try {
      const cs = window.getComputedStyle(host);
      const existing = parseFloat(cs.paddingLeft || '0');
      const fontSizePx = parseFloat(cs.fontSize || '16');
      const desiredPx = 2.5 * fontSizePx; // 2em + 0.5em
      if (isNaN(existing) || existing &lt; desiredPx - 0.5) {
        host.style.paddingLeft = pad;
      }
    } catch (e) {
      host.style.paddingLeft = pad;
    }
  }

  /**
   * Applies gutter padding to all collected hosts at once, then clears the
   * queue. Call this after a batch of renderTwoColumnEmojis calls to avoid
   * one-at-a-time layout shifts.
   */
  function flushGutterPadding() {
    for (const host of pendingGutterPadding) {
      applyGutterPadding(host);
    }
    pendingGutterPadding.length = 0;
  }

  /**
   * Finds the element that hosts the gutter for a change-list element:
   * the list container or, for table rows, the content cell.
   *
   * @param {HTMLElement} element
   * @returns {HTMLElement|null}
   */
  function gutterHostFor(element) {
    const container =
      element.closest('[data-mw-revid]:not(.mw-userlink)') ||
      element.closest('li') ||
      element.closest('.mw-changeslist-line, tr') || element.parentNode || element;
    if (!container) return null;
    let host = container;
    if (host.tagName &amp;&amp; host.tagName.toUpperCase() === 'TR') {
      // For nested enhanced RC rows, place the gutter in the content cell so
      // icons align with singleton rows that use .mw-changeslist-line-inner.
      const nestedContent = host.querySelector('td.mw-enhanced-rc-nested[data-target-page]');
      host = nestedContent || host.querySelector('td, th') || host;
    }
    // Prefer inner change-line wrappers on Watchlist/RC if present
    const innerHost = host.querySelector('.mw-changeslist-line-inner, .mw-changeslist-line-main');
    return innerHost || host;
  }

  /**
   * Renders exactly two fixed-width emoji columns before a revision entry:
   * - Left column: highest-priority addition indicator
   *   (warning/caution/inspect/added), or spacer if none.
   * - Right column: removal indicator if removals exist, otherwise spacer.
   *
   * This preserves consistent alignment even when no links are added/removed.
   *
   * @param {HTMLElement} element - The revision list DOM element.
   * @param {string|null} addChar - Glyph for the left column, or null for a spacer.
   * @param {boolean} hasRemovals - Whether to show the removal icon.
   * @param {Object[]} changes - Resolved link changes from classifyLinkChanges().
   */
  function renderTwoColumnEmojis(element, addChar, hasRemovals, changes = []) {
    if (!element) return;
    const host = gutterHostFor(element);
    if (!host) return;

    const cell = (char, className) =&gt; makeElement('span', {
      className, text: char,
      style: { display: 'inline-block', width: '1em', textAlign: 'center', userSelect: 'none' }
    });
    addChar = addChar || '\u00A0';
    const remChar = hasRemovals ? indicators.removed.emoji : ' ';

    // Propagate dataset for view link from source element to host
    try {
      if (element.dataset.cwViewHref) host.dataset.cwViewHref = element.dataset.cwViewHref;
      if (element.dataset.cwViewLabel) host.dataset.cwViewLabel = element.dataset.cwViewLabel;
    } catch (e) {
      /* ignore */
    }

    // Ensure a single gutter exists
    let gutter = host.querySelector('.cw-gutter');
    if (gutter) {
      gutter.querySelector('.cw-add').textContent = addChar;
      gutter.querySelector('.cw-rem').textContent = remChar;
    } else {
      // Ensure the host can anchor absolutely positioned children
      if (!host.style.position) host.style.position = 'relative';
      // Create a left gutter that does not participate in text wrapping
      gutter = makeElement('span', {
        className: 'cw-gutter',
        style: {
          position: 'absolute', left: '0', top: '0', display: 'inline-flex', gap: '0.25em',
          width: 'calc(2em + 0.25em)', alignItems: 'flex-start', userSelect: 'none'
        }
      });
      gutter.appendChild(cell(addChar, 'cw-add'));
      gutter.appendChild(cell(remChar, 'cw-rem'));
      // Insert the gutter into the host; padding is deferred to flushGutterPadding()
      host.insertBefore(gutter, host.firstChild);
      pendingGutterPadding.push(host);
    }

    const sections = Object.keys(changeKinds).map(kind =&gt;
      ({ desc: changeKinds[kind], items: changes.filter(c =&gt; c.kind === kind) }));
    attachPopup(gutter, sections, {
      viewHref: host.dataset.cwViewHref || '',
      viewLabel: host.dataset.cwViewLabel || ''
    });
    host.setAttribute('data-processed-twocol', 'true');
  }
  /**
   * Fills a popup with a close button, stacked sections (a header line with
   * emoji, label and count, then one line per domain), and a footer. Popups
   * with more than POPUP_COLLAPSE_AFTER domain lines start collapsed with a
   * &quot;Show all&quot; toggle. Idempotent: safe to call again to refresh content.
   *
   * @param {HTMLElement} popupEl - The popup element.
   * @param {Array&lt;{desc: Object, items: Object[]}&gt;} sections - `desc` has
   *   msg, emoji and explanation; `items` are change entries or resolved links.
   * @param {Object} footerOptions - See createPopupFooter.
   */
  function buildPopupContent(popupEl, sections, footerOptions) {
    if (!popupEl.querySelector('.cw-close')) {
      popupEl.appendChild(createCloseButton(popupEl));
    }
    for (const stale of popupEl.querySelectorAll('.cw-popup-content, .cw-popup-more, .cw-popup-footer')) {
      stale.remove();
    }
    const contentWrap = makeElement('div', { className: 'cw-popup-content' });

    let lineCount = 0;
    for (const section of sections) {
      if (!section.items || section.items.length === 0) continue;
      const header = makeElement('div', {
        className: 'cw-popup-header',
        title: section.desc.explanation,
        ariaLabel: `${section.desc.msg}: ${section.desc.explanation}`,
        style: { fontWeight: 'bold', whiteSpace: 'nowrap', marginTop: lineCount ? '6px' : '0' }
      });
      header.appendChild(makeElement('span', { text: `${section.desc.emoji} ${section.desc.msg} ` }));
      header.appendChild(makeElement('span', {
        text: `(${section.items.length})`, style: { fontWeight: 'normal', opacity: '0.7' }
      }));
      contentWrap.appendChild(header);
      for (const group of groupByDomain(section.items)) {
        contentWrap.appendChild(makeDomainLine(group));
        lineCount++;
      }
    }
    popupEl.appendChild(contentWrap);

    if (lineCount &gt; POPUP_COLLAPSE_AFTER) {
      Object.assign(contentWrap.style, { maxHeight: '11em', overflow: 'hidden' });
      const more = makeElement('a', {
        className: 'cw-popup-more', text: `${showAllLabel} ▾`,
        attrs: { href: '#', role: 'button' }, style: { display: 'block', marginTop: '4px' }
      });
      more.addEventListener('click', (e) =&gt; {
        e.preventDefault();
        e.stopPropagation();
        Object.assign(contentWrap.style, { maxHeight: '', overflow: '' });
        more.remove();
      });
      popupEl.appendChild(more);
    }

    popupEl.appendChild(createPopupFooter(footerOptions));
  }
  /**
   * Groups resolved links by domain, preserving first-seen order.
   *
   * @param {Object[]} items
   * @returns {Array&lt;{domain: string, indicator: string|null, items: Object[]}&gt;}
   */
  function groupByDomain(items) {
    const groups = new Map();
    for (const item of items) {
      if (!groups.has(item.domain)) {
        groups.set(item.domain, { domain: item.domain, indicator: item.indicator, items: [] });
      }
      groups.get(item.domain).items.push(item);
    }
    return Array.from(groups.values());
  }

  /**
   * Renders one domain line: an optional list-indicator emoji, the domain,
   * and the links. A single link is the domain itself; several become
   * numbered links in parentheses. Archived copies carry a badge, URL changes
   * render as &quot;old → new&quot;, and archive supplements are greyed.
   *
   * @param {{domain: string, indicator: string|null, items: Object[]}} group
   * @returns {HTMLDivElement}
   */
  function makeDomainLine(group) {
    const line = makeElement('div', { style: { paddingLeft: '1.2em' } });
    if (group.indicator) {
      const ind = indicators[group.indicator];
      line.appendChild(makeElement('span', {
        className: 'cw-emoji', text: ind.emoji + ' ',
        title: ind.explanation, ariaLabel: `${ind.msg}: ${ind.explanation}`
      }));
    }
    const allArchive = group.items.every(i =&gt; i.archive || i.withArchive);
    const allSupplement = group.items.every(i =&gt; i.supplement);
    if (allSupplement) {
      line.style.opacity = '0.65';
      line.title = supplementTitle;
    }

    const isChanged = group.items[0].kind === 'changed';
    if (group.items.length === 1 &amp;&amp; !isChanged) {
      line.appendChild(makeItemLink(group.items[0], group.domain));
      if (allArchive) line.appendChild(archiveBadge());
      return line;
    }
    // &quot;domain (1, 2, 3)&quot; or, for URL changes, &quot;domain (old → new)&quot; /
    // &quot;domain (1: old → new, 2: old → new)&quot;
    line.appendChild(makeElement('span', { text: group.domain, style: { whiteSpace: 'nowrap' } }));
    if (allArchive &amp;&amp; !isChanged) line.appendChild(archiveBadge());
    line.appendChild(makeElement('span', { text: ' (' }));
    group.items.forEach((item, idx) =&gt; {
      const label = group.items.length &gt; 1 ? String(idx + 1) : '';
      line.appendChild(makeItemLink(item, label));
      if (!isChanged &amp;&amp; !allArchive &amp;&amp; (item.archive || item.withArchive)) line.appendChild(archiveBadge());
      if (idx &lt; group.items.length - 1) line.appendChild(makeElement('span', { text: ', ' }));
    });
    line.appendChild(makeElement('span', { text: ')' }));
    return line;
  }

  /**
   * The small &quot;archived copy&quot; badge shown after a link or domain.
   *
   * @returns {HTMLSpanElement}
   */
  function archiveBadge() {
    return makeElement('span', {
      className: 'cw-archive-badge', text: ' ' + archiveGlyph,
      title: archiveBadgeTitle, style: { fontSize: '0.85em' }
    });
  }
  /**
   * Link(s) for one entry. A changed entry renders as &quot;old → new&quot; with both
   * halves linked; otherwise a single link. Archived copies note their host
   * in the tooltip.
   *
   * @param {Object} item - Change entry or resolved link.
   * @param {string} text - Link text (the domain, or an index number).
   * @returns {HTMLElement}
   */
  function makeItemLink(item, text) {
    const link = (url, label, isArchive, host) =&gt; {
      const a = makeExternalLink(url, label);
      if (isArchive) a.title = host ? `${archivedViaLabel} ${host}` : archiveBadgeTitle;
      return a;
    };
    if (item.kind !== 'changed') {
      return link(item.url, text, item.archive, item.archiveHost);
    }
    const span = makeElement('span', { style: { whiteSpace: 'nowrap' } });
    if (text) span.appendChild(makeElement('span', { text: `${text}: ` }));
    span.appendChild(link(item.oldUrl, 'old', item.oldArchive, null));
    if (item.oldArchive) span.appendChild(archiveBadge());
    span.appendChild(makeElement('span', { text: changedArrow }));
    span.appendChild(link(item.url, 'new', item.archive, item.archiveHost));
    if (item.archive) span.appendChild(archiveBadge());
    return span;
  }
  /**
   * Creates (or refreshes) the popup under a host element and wires its
   * hover/click handlers. With no lines, any existing popup is hidden.
   *
   * @param {HTMLElement} host - The gutter or icon wrapper that owns the popup.
   * @param {Array} sections - See buildPopupContent.
   * @param {Object} footerOptions - See createPopupFooter.
   */
  function attachPopup(host, sections, footerOptions) {
    let popup = host.querySelector('.cw-popup');
    const hasContent = sections.some(s =&gt; s.items &amp;&amp; s.items.length &gt; 0);
    if (!hasContent) {
      if (popup) popup.style.display = 'none';
      host._cwEnablePopup = false;
      return;
    }
    if (!popup) {
      popup = createPopupElement();
      host.appendChild(popup);
    }
    buildPopupContent(popup, sections, footerOptions);
    host._cwEnablePopup = true;
    installPopupHandlers(host);
  }

  /**
   * Creates a link with the attributes every outbound link in this script
   * uses. The single place an attacker-influenced URL becomes an href, so the
   * URL check lives here: absolute http(s) only, plus same-origin paths when
   * `allowPath` is set (used for diff/permalink footers).
   *
   * @param {string} url
   * @param {string} text
   * @param {boolean} [allowPath=false]
   * @returns {HTMLAnchorElement}
   */
  function makeExternalLink(url, text, allowPath = false) {
    const a = makeElement('a', {
      text, attrs: { rel: 'nofollow noopener noreferrer', target: '_blank' },
      style: { whiteSpace: 'nowrap' }
    });
    if (isValidHttpUrl(url) || (allowPath &amp;&amp; /^\/(?!\/)/.test(url))) a.href = url;
    return a;
  }
  /**
   * Creates a DOM element with class, text, title, inline styles and
   * attributes in one call. Text is always set through textContent.
   *
   * @param {string} tag
   * @param {Object} [opts] - {className, text, title, ariaLabel, style, attrs}
   * @returns {HTMLElement}
   */
  function makeElement(tag, opts = {}) {
    const el = document.createElement(tag);
    if (opts.className) el.className = opts.className;
    if (opts.text !== undefined) el.textContent = opts.text;
    if (opts.title) {
      el.title = opts.title;
      el.setAttribute('aria-label', opts.ariaLabel || opts.title);
    }
    if (opts.style) Object.assign(el.style, opts.style);
    for (const [k, v] of Object.entries(opts.attrs || {})) el.setAttribute(k, v);
    return el;
  }

  /**
   * Creates a styled popup element for displaying domain information.
   *
   * @returns {HTMLDivElement} The configured popup element.
   */
  function createPopupElement() {
    return makeElement('div', {
      className: 'mwe-popups cw-popup',
      style: {
        position: 'absolute', minWidth: '260px', maxWidth: '420px', zIndex: '1000',
        display: 'none', background: 'var(--background-color, #fff)',
        border: '1px solid rgba(0,0,0,.15)', boxShadow: '0 2px 8px rgba(0,0,0,.2)',
        padding: '8px 26px 8px 10px', borderRadius: '4px', fontSize: '0.92em',
        overflowWrap: 'anywhere', boxSizing: 'border-box'
      }
    });
  }
  /**
   * Creates a styled close button for popups.
   *
   * @param {HTMLElement} popupEl - The popup element to hide when the button is clicked.
   * @returns {HTMLButtonElement} The configured close button.
   */
  function createCloseButton(popupEl) {
    const closeBtn = makeElement('button', {
      className: 'cw-close', text: '×', title: 'Close', attrs: { type: 'button' },
      style: {
        position: 'absolute', top: '4px', right: '6px', border: 'none',
        background: 'transparent', cursor: 'pointer', fontSize: '14px',
        lineHeight: '1', padding: '0', margin: '0'
      }
    });
    closeBtn.addEventListener('click', (e) =&gt; {
      e.stopPropagation();
      e.preventDefault();
      popupEl.style.display = 'none';
    });
    return closeBtn;
  }
  /**
   * Creates a popup footer element with an optional primary link and the
   * &quot;About Citation Watchlist&quot; link.
   *
   * @param {Object} [options] - Optional configuration.
   * @param {string} [options.viewHref] - URL for the primary link (e.g., diff or revision).
   * @param {string} [options.viewLabel] - Label text for the primary link.
   * @returns {HTMLDivElement} The configured footer element.
   */
  function createPopupFooter(options) {
    const footer = makeElement('div', {
      className: 'cw-popup-footer', style: { marginTop: '10px', color: 'inherit' }
    });
    if (options &amp;&amp; options.viewHref &amp;&amp; options.viewLabel) {
      const viewA = makeExternalLink(options.viewHref, options.viewLabel, true);
      if (viewA.href) {
        const strong = makeElement('strong');
        strong.appendChild(viewA);
        footer.appendChild(strong);
        footer.appendChild(makeElement('span', { text: ' • ' }));
      }
    }
    footer.appendChild(makeExternalLink(aboutLink, aboutLabel));
    return footer;
  }
  /**
   * Builds the shared filter widget container with radio buttons and an about link.
   *
   * @param {Object} config - Widget configuration.
   * @param {string} config.containerId - The ID for the container element.
   * @param {string} config.radioName - The name attribute for the radio button group.
   * @param {Array&lt;Object&gt;} config.filters - Array of filter option objects
   *   ({id, label, checked?, tooltip?}).
   * @param {Function} config.onFilter - Callback invoked with the selected filter ID.
   * @param {string} [config.initialLabel] - Label text; defaults to showEditsLabel.
   * @returns {HTMLDivElement} The configured filter widget container.
   */
  function buildFilterWidgetContainer(config) {
    const container = makeElement('div', {
      attrs: { id: config.containerId },
      style: {
        display: 'flex', alignItems: 'center', justifyContent: 'space-between',
        border: '1px solid black', borderRadius: '25px', padding: '10px 20px',
        margin: '10px 0', width: 'fit-content'
      }
    });
    const leftSection = makeElement('div', {
      style: { display: 'flex', alignItems: 'center', gap: '15px' }
    });
    leftSection.appendChild(makeElement('span', {
      className: 'cw-filter-label', text: config.initialLabel || showEditsLabel,
      style: { fontWeight: '500' }
    }));

    for (const filter of config.filters) {
      const wrapper = makeElement('label', {
        style: { display: 'flex', alignItems: 'center', gap: '5px', cursor: 'pointer' }
      });
      const radio = makeElement('input', {
        attrs: { type: 'radio', name: config.radioName, value: filter.id }, style: { margin: '0' }
      });
      radio.checked = !!filter.checked;
      radio.addEventListener('change', () =&gt; {
        if (radio.checked) config.onFilter(filter.id);
      });
      const text = makeElement('span', { text: filter.label });
      if (filter.tooltip) {
        text.title = filter.tooltip;
        Object.assign(text.style, { borderBottom: '1px dotted', cursor: 'help' });
      }
      wrapper.appendChild(radio);
      wrapper.appendChild(text);
      leftSection.appendChild(wrapper);
    }
    container.appendChild(leftSection);

    const rightSection = makeElement('div', { style: { marginLeft: '4em' } });
    const link = makeElement('a', {
      text: toolName, attrs: { href: aboutLink },
      style: { textDecoration: 'underline', color: '#0645ad' }
    });
    rightSection.appendChild(link);
    container.appendChild(rightSection);
    return container;
  }
  /**
   * Builds the indicator filter list from the indicators config, sorted by
   * descending priority and excluding non-positive priorities.
   *
   * @returns {Array&lt;{id: string, label: string, tooltip: string}&gt;}
   */
  function buildIndicatorFilters() {
    return listedTypes
      .slice()
      .sort((a, b) =&gt; indicators[b].priority - indicators[a].priority)
      .map(id =&gt; ({
        id,
        label: `${indicators[id].emoji} ${indicators[id].msg}`,
        tooltip: indicators[id].explanation
      }));
  }

  /**
   * Enables or greys out each radio in a filter widget according to whether
   * any row currently matches it.
   *
   * @param {string} radioName - The radio group name.
   * @param {Function} hasResults - (filterId) =&gt; boolean.
   */
  function updateFilterRadios(radioName, hasResults) {
    document.querySelectorAll(`input[name=&quot;${radioName}&quot;]`).forEach(radio =&gt; {
      const enabled = radio.value === 'all' || hasResults(radio.value);
      const label = radio.closest('label');
      radio.disabled = !enabled;
      if (label) {
        label.style.cursor = enabled ? 'pointer' : 'default';
        label.style.color = enabled ? '' : 'gray';
      }
    });
  }

  /**
   * Creates and inserts the change-list filter widget (watchlist, recent
   * changes, history, contributions). Radios start disabled and are enabled by
   * finishChangeListPass() once rows are annotated.
   *
   * @returns {HTMLElement|null} The created filter container or null if not created.
   */
  function createChangeListFilterWidget() {
    const ns = mw.config.get('wgNamespaceNumber');
    const pageName = mw.config.get('wgPageName');
    let target = document.querySelector('.mw-changeslist') ||
      document.getElementById('mw-history-compare');
    if (!target &amp;&amp; ns === -1 &amp;&amp; pageName.startsWith('Special:Contributions')) {
      target = document.querySelector('.mw-pager-body');
    }
    if (!target) return null;

    const container = buildFilterWidgetContainer({
      containerId: 'cw-filter-widget',
      radioName: 'cw-filter',
      filters: [
        { id: 'all', label: allLabel, checked: true },
        { id: 'linkchange', label: linkChangesLabel, tooltip: linkChangesTooltip },
        ...buildIndicatorFilters()
      ],
      onFilter: applyChangeListFilter,
      initialLabel: loadingLabel
    });
    target.parentNode.insertBefore(container, target);
    updateFilterRadios('cw-filter', () =&gt; false); // Disabled until annotation is complete
    return container;
  }

  /**
   * Creates and inserts a filter widget for the article surface, placed after
   * the section heading. Excludes the &quot;Link Changes&quot; option.
   *
   * @param {Element} headingContainer - The heading element to insert the widget after.
   */
  function createArticleFilterWidget(headingContainer) {
    const container = buildFilterWidgetContainer({
      containerId: 'cw-article-filter-widget',
      radioName: 'cw-article-filter',
      filters: [
        { id: 'all', label: allLabel, checked: true },
        ...buildIndicatorFilters()
      ],
      onFilter: applyArticleFilter
    });
    headingContainer.after(container);
    updateFilterRadios('cw-article-filter', (filterId) =&gt;
      !!document.querySelector(`li[id^=&quot;cite_note&quot;][data-cw-indicator=&quot;${filterId}&quot;]`));
    renderLoadWarnings();
  }

  /**
   * Called after each annotation pass on a change list: restores the widget
   * label, renders any load warnings, and enables the radios that have matches.
   */
  function finishChangeListPass() {
    const filterLabel = document.querySelector('#cw-filter-widget .cw-filter-label');
    if (filterLabel &amp;&amp; filterLabel.firstChild &amp;&amp;
      filterLabel.firstChild.nodeType === Node.TEXT_NODE) {
      filterLabel.firstChild.textContent = showEditsLabel;
    }
    renderLoadWarnings();
    const rows = document.querySelectorAll('[data-mw-revid]:not(.mw-userlink)');
    updateFilterRadios('cw-filter', (filterId) =&gt;
      Array.from(rows).some(row =&gt; rowMatchesFilter(row, filterId)));
    // Re-apply the active filter so newly loaded rows respect it
    const active = document.querySelector('input[name=&quot;cw-filter&quot;]:checked');
    if (active &amp;&amp; active.value !== 'all') applyChangeListFilter(active.value);
  }

  /**
   * Whether a change-list row (or any nested revision inside it) matches a filter.
   *
   * @param {Element} row
   * @param {string} filterId
   * @returns {boolean}
   */
  function rowMatchesFilter(row, filterId) {
    if (elementMatchesFilter(row, filterId)) return true;
    for (const nested of row.querySelectorAll('li[data-cw-processed=&quot;true&quot;]')) {
      if (elementMatchesFilter(nested, filterId)) return true;
    }
    return false;
  }

  /**
   * Applies the selected filter to article section list items.
   *
   * @param {string} filterId - 'all' or an indicator type.
   */
  function applyArticleFilter(filterId) {
    document.querySelectorAll('li[id^=&quot;cite_note&quot;]').forEach(li =&gt; {
      li.style.display = (filterId === 'all' || li.dataset.cwIndicator === filterId) ? '' : 'none';
    });
  }

  /**
   * Applies the selected filter to the revision list.
   *
   * @param {string} filterId - 'all', 'linkchange', or an indicator type.
   */
  let lastAppliedFilter = 'all';

  function applyChangeListFilter(filterId) {
    const isAll = filterId === 'all';

    const revisions = document.querySelectorAll(
      '[data-mw-revid]:not(.mw-userlink), [data-mw-logid]'
    );
    revisions.forEach(container =&gt; {
      if (isAll) {
        container.style.display = '';
        return;
      }
      // Log entries (data-mw-logid) don't have revision-based attributes to
      // match against filters — hide them when any specific filter is active.
      const show = container.hasAttribute('data-mw-revid') &amp;&amp; rowMatchesFilter(container, filterId);
      container.style.display = show ? '' : 'none';
    });

    // Hide h4 date headers when all their rows are hidden
    document.querySelectorAll('div.mw-changeslist h4').forEach(h4 =&gt; {
      if (isAll) {
        h4.style.display = '';
        return;
      }
      const sibling = h4.nextElementSibling;
      if (!sibling || sibling.tagName !== 'DIV') return;
      const revItems = sibling.querySelectorAll('[data-mw-revid]');
      if (revItems.length === 0) return;
      h4.style.display = Array.from(revItems).every(el =&gt; el.style.display === 'none') ? 'none' : '';
    });

    const enhanced = document.querySelector('table.mw-enhanced-rc');
    if (enhanced) {
      // Hide the group header row in each tbody if all other rows are hidden
      document.querySelectorAll('table.mw-enhanced-rc tbody').forEach(tbody =&gt; {
        const rows = tbody.querySelectorAll('tr');
        if (rows.length &lt; 2) return;
        rows[0].style.display = (!isAll &amp;&amp; Array.from(rows).slice(1)
          .every(tr =&gt; tr.style.display === 'none')) ? 'none' : '';
      });

      // Expand grouped sections while a specific filter is active, collapse on
      // &quot;all&quot;. Only on the transition, so switching between two filters leaves
      // the expanded state alone.
      const wasAll = lastAppliedFilter === 'all';
      if (wasAll !== isAll) {
        document.querySelectorAll('table.mw-enhanced-rc').forEach(table =&gt; {
          const checkbox = groupToggleCheckbox(table);
          if (checkbox &amp;&amp; checkbox.checked === isAll) {
            checkbox.checked = !isAll;
            checkbox.dispatchEvent(new Event('change'));
          }
        });
      }
    }

    showNoMatchingEdits(!isAll &amp;&amp; Array.from(
      document.querySelectorAll('[data-mw-revid]:not(.mw-userlink)')
    ).every(el =&gt; el.style.display === 'none'));

    lastAppliedFilter = filterId;
  }

  /**
   * Shows or removes the &quot;No matching edits&quot; message under the filter widget.
   *
   * @param {boolean} show
   */
  function showNoMatchingEdits(show) {
    const existing = document.getElementById('cw-no-matching-edits');
    if (existing) existing.remove();
    if (!show) return;
    const msg = makeElement('p', {
      text: noMatchingEditsLabel, attrs: { id: 'cw-no-matching-edits' },
      style: { margin: '10px 0', fontStyle: 'italic' }
    });
    const widget = document.getElementById('cw-filter-widget');
    if (widget &amp;&amp; widget.nextSibling) {
      widget.parentNode.insertBefore(msg, widget.nextSibling);
    }
  }

  /**
   * Returns the hidden checkbox that expands/collapses an enhanced-RC group.
   *
   * @param {Element} table - A table.mw-enhanced-rc element.
   * @returns {HTMLInputElement|null}
   */
  function groupToggleCheckbox(table) {
    const arrow = table.querySelector('.mw-enhancedchanges-arrow');
    const checkboxId = arrow &amp;&amp; arrow.getAttribute('for');
    return checkboxId ? document.getElementById(checkboxId) : null;
  }

  /**
   * If any configuration pages failed to load, appends a warning glyph (with
   * the details in its tooltip) to every filter-widget label on the page.
   * Safe to call more than once.
   */
  function renderLoadWarnings() {
    const messages = SHOW_LINT_IN_WIDGET ? [...loadWarnings, ...listLint] : loadWarnings;
    if (messages.length === 0) return;
    document.querySelectorAll('.cw-filter-label').forEach(label =&gt; {
      if (label.querySelector('.cw-load-warning')) return;
      label.appendChild(makeElement('span', {
        className: 'cw-load-warning', text: ' ' + loadWarningGlyph,
        title: loadWarningPrefix + '\n' + messages.join('\n'), style: { cursor: 'help' }
      }));
    });
  }

  /**
   * Whether the single document-level outside-click handler has been installed.
   * One delegated listener replaces the former one-listener-per-gutter design.
   */
  let outsideClickHandlerInstalled = false;

  /**
   * Installs a single document-level click handler that hides every open popup
   * whose owning gutter does not contain the click target.
   */
  function installOutsideClickHandler() {
    if (outsideClickHandlerInstalled) return;
    document.addEventListener('click', (ev) =&gt; {
      document.querySelectorAll('.cw-popup').forEach(p =&gt; {
        if (p.style.display === 'none' || p.style.display === '') return;
        const owner = p.parentElement;
        if (owner &amp;&amp; !owner.contains(ev.target)) {
          p.style.display = 'none';
        }
      });
    });
    outsideClickHandlerInstalled = true;
  }

  /**
   * Installs hover, click, touch, and outside-click handlers on a gutter element
   * to show/hide its popup.
   *
   * @param {HTMLElement} gutter - The gutter element containing a .cw-popup child.
   */
  function installPopupHandlers(gutter) {
    if (gutter._cwHandlersInstalled) return;
    let hideTimer = null;
    const positionPopup = () =&gt; {
      const p = gutter.querySelector('.cw-popup');
      if (!gutter._cwEnablePopup || !p) return;
      p.style.display = 'block';
      p.style.top = '1.4em';
      p.style.left = '0px';
      const rect = p.getBoundingClientRect();
      if (rect.right &gt; window.innerWidth - 10) {
        const overflow = rect.right - (window.innerWidth - 10);
        p.style.left = Math.max(0, (parseFloat(p.style.left) || 0) - overflow) + 'px';
      }
    };
    const show = () =&gt; {
      if (!gutter._cwEnablePopup) return;
      if (hideTimer) {
        clearTimeout(hideTimer);
        hideTimer = null;
      }
      positionPopup();
    };
    const scheduleHide = () =&gt; {
      hideTimer = setTimeout(() =&gt; {
        const p = gutter.querySelector('.cw-popup');
        if (p) p.style.display = 'none';
      }, 150);
    };

    gutter.addEventListener('mouseenter', show);
    gutter.addEventListener('mouseleave', scheduleHide);
    const pInit = gutter.querySelector('.cw-popup');
    if (pInit) {
      pInit.addEventListener('mouseenter', () =&gt; {
        if (hideTimer) {
          clearTimeout(hideTimer);
          hideTimer = null;
        }
      });
      pInit.addEventListener('mouseleave', scheduleHide);
    }
    const toggle = (e) =&gt; {
      if (!gutter._cwEnablePopup) return;
      e.stopPropagation();
      const p = gutter.querySelector('.cw-popup');
      if (!p) return;
      if (p.style.display === 'none' || p.style.display === '') {
        show();
      } else {
        p.style.display = 'none';
      }
    };
    gutter.addEventListener('click', toggle);
    gutter.addEventListener('touchstart', toggle, {
      passive: true
    });
    installOutsideClickHandler();
    gutter._cwHandlersInstalled = true;
  }

  /**
   * Watches for the change list being replaced by MediaWiki's live filters
   * (&quot;View new changes&quot;, filter edits on Special:Watchlist / RecentChanges)
   * and annotates the new rows. The existing widget sits outside the replaced
   * element and survives; its radios are refreshed after each pass.
   */
  function installLiveReloadObserver() {
    if (typeof MutationObserver === 'undefined') return;
    let timer = null;
    let running = false;
    let rerun = false;
    const run = async () =&gt; {
      if (running) {
        rerun = true;
        return;
      }
      running = true;
      try {
        await annotateChangeList(document, false);
      } catch (e) {
        console.warn('Citation Watchlist: live reload pass failed:', e);
      } finally {
        running = false;
        if (rerun) {
          rerun = false;
          run();
        }
      }
    };
    const observer = new MutationObserver(mutations =&gt; {
      const relevant = mutations.some(m =&gt; Array.from(m.addedNodes).some(node =&gt;
        node.nodeType === Node.ELEMENT_NODE &amp;&amp;
        (node.matches('[data-mw-revid], .mw-changeslist, .mw-changeslist-line') ||
          node.querySelector('[data-mw-revid], .mw-changeslist-line'))
      ));
      if (!relevant) return;
      clearTimeout(timer);
      timer = setTimeout(run, LIVE_RELOAD_DEBOUNCE_MS);
    });
    observer.observe(document.body, { childList: true, subtree: true });
  }

  const enabledNsStrings = new Set(enabledNamespaces.filter(n =&gt; n &gt;= 0).map(String));
  const namespaces = Object.entries(mw.config.get('wgFormattedNamespaces'))
    .filter(([num, name]) =&gt; num !== '0' &amp;&amp; !enabledNsStrings.has(num))
    .map(([_, name]) =&gt; name.replace(/ /g, '_') + ':');

  /**
   * Pre-pads an element with empty emoji gutters to prevent layout shift.
   *
   * @param {Element} element - The DOM element to pre-pad.
   */
  function prePadElement(element) {
    try {
      renderTwoColumnEmojis(element, null, false, []);
    } catch (e) {
      /* ignore */
    }
  }

  /**
   * ==========================================================================
   * 3. Builders and Extractors
   * ==========================================================================
   */

  /**
   * Constructs a URL for viewing a diff between two revisions.
   *
   * @param {string} title - The page title.
   * @param {string} fromId - The older revision ID.
   * @param {string} toId - The newer revision ID.
   * @returns {string} The diff URL, or empty string on error.
   */
  function buildDiffUrl(title, fromId, toId) {
    try {
      const script = mw.config.get('wgScript') || '/w/index.php';
      return `${script}` +
        `?title=${encodeURIComponent(title)}` +
        `&amp;diff=${encodeURIComponent(toId)}` +
        `&amp;oldid=${encodeURIComponent(fromId)}`;
    } catch (e) {
      return '';
    }
  }

  /**
   * Constructs a permalink URL for a specific revision.
   *
   * @param {string} revId - The revision ID.
   * @returns {string} The permalink URL, or empty string on error.
   */
  function buildPermalinkUrl(revId) {
    try {
      const articlePath = mw.config.get('wgArticlePath');
      if (articlePath &amp;&amp; articlePath.includes('$1')) {
        return articlePath.replace('$1',
          `Special:Permalink/${encodeURIComponent(revId)}`);
      }
      const script = mw.config.get('wgScript') || '/w/index.php';
      return `${script}?oldid=${encodeURIComponent(revId)}`;
    } catch (e) {
      return '';
    }
  }

  /**
   * Strips all HTML comments from a string.
   *
   * @param {string} text - Input text potentially containing HTML comments.
   * @returns {string} Text with all HTML comments removed.
   */
  function stripHTMLComments(text) {
    if (!text) return text;
    return text.replace(/&lt;!--[\s\S]*?--&gt;/g, '');
  }

  /**
   * Extracts all HTTP(S) URLs from a given wikitext string. The scheme is
   * matched case-insensitively (MediaWiki links HTTPS:// just as it does
   * https://), and protocol-relative links (&quot;[//example.com ...]&quot;) are
   * normalized to https://.
   *
   * @param {string} wikitext - Raw wikitext revision content.
   * @returns {string[]} List of valid extracted URLs.
   */
  function extractURLs(wikitext) {
    const urls = [];
    if (!wikitext) return urls;

    const urlRegex = // eslint-disable-next-line max-len
      /(?:https?:\/\/|(?&lt;=^|[\s\[|=&lt;&gt;&quot;'])\/\/)(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_\+.~#?&amp;//=]*)/gi;
    let match;
    while ((match = urlRegex.exec(wikitext)) !== null) {
      const raw = match[0].startsWith('//') ? 'https:' + match[0] : match[0];
      try {
        const url = new URL(raw);
        if (/^https?:$/.test(url.protocol)) urls.push(url.href);
      } catch (error) {
        console.error(`Invalid URL rejected: ${match[0]}`, error.message);
      }
    }
    return urls;
  }

  /**
   * Web archive services whose URLs embed the original URL. Each entry's
   * `extract` returns the embedded URL string or null.
   */
  /** Restores &quot;https:/example.com&quot; (slash-collapsed by some archives) to &quot;https://example.com&quot;. */
  const fixScheme = s =&gt; s.replace(/^(https?:)\/+/i, '$1//');

  const archiveUnwrappers = [
    {
      // https://web.archive.org/web/20200101000000/https://example.com/page
      // (the embedded scheme is sometimes collapsed to &quot;https:/&quot;)
      test: h =&gt; h === 'web.archive.org' || h === 'wayback.archive.org',
      extract: u =&gt; {
        const m = u.pathname.match(/^\/web\/\d{1,14}[a-z_]*\/(https?:\/{1,2}.+)$/i);
        return m ? fixScheme(m[1]) : null;
      }
    },
    {
      // https://archive.blah/2020.01.01-000000/https://example.com/page
      test: h =&gt; /^archive\.(ph|today|is|li|vn|fo|md)$/i.test(h),
      extract: u =&gt; {
        const m = u.pathname.match(/^\/[^/]+\/(https?:\/{1,2}.+)$/i);
        return m ? fixScheme(m[1]) : null;
      }
    },
    {
      // https://webcache.googleusercontent.com/search?q=cache:https://example.com/page
      test: h =&gt; h === 'webcache.googleusercontent.com',
      extract: u =&gt; {
        const q = u.searchParams.get('q') || '';
        const m = q.match(/^cache:(?:[A-Za-z0-9_-]+:)?(.+)$/);
        if (!m) return null;
        return /^https?:\/\//i.test(m[1]) ? m[1] : 'https://' + m[1];
      }
    }
  ];

  /**
   * Resolves a URL to the hostname that should be screened. If the URL is a
   * web-archive capture of another page, the captured page's host is used.
   *
   * @param {string} url
   * @returns {{hostname: string, target: string, archiveHost: string|null}|null}
   *   `target` is the unwrapped URL (or the URL itself). Null if unparsable.
   */
  function screenedHost(url) {
    let current;
    try {
      current = new URL(url);
    } catch (e) {
      return null;
    }
    let archiveHost = null;
    for (let depth = 0; depth &lt; 3 &amp;&amp; UNWRAP_ARCHIVES; depth++) {
      const unwrapper = archiveUnwrappers.find(a =&gt; a.test(current.hostname));
      if (!unwrapper) break;
      const inner = unwrapper.extract(current);
      if (!inner) break;
      try {
        const innerUrl = new URL(inner);
        if (!/^https?:$/.test(innerUrl.protocol)) break;
        archiveHost = archiveHost || current.hostname;
        current = innerUrl;
      } catch (e) {
        break;
      }
    }
    return { hostname: current.hostname, target: current.href, archiveHost };
  }

  /**
   * Resolves URLs to screened domains and list indicators.
   *
   * @param {string[]} urls
   * @returns {Array&lt;{url: string, target: string, domain: string, indicator: string|null, archiveHost: string|null}&gt;}
   */
  function resolveURLs(urls) {
    const out = [];
    for (const url of urls || []) {
      const host = screenedHost(url);
      if (!host) continue;
      const domain = getRootDomain(host.hostname, publicSuffixSet);
      if (!domain) continue;
      out.push({
        url, target: host.target, domain,
        indicator: highestIndicatorFor(domain), archiveHost: host.archiveHost
      });
    }
    return out;
  }

  /**
   * Returns the highest-priority list indicator that contains a domain.
   *
   * @param {string} domain
   * @returns {string|null}
   */
  function highestIndicatorFor(domain) {
    let chosen = null;
    for (const type of listedTypes) {
      if (indicators[type].list.has(domain) &amp;&amp;
        (!chosen || indicators[type].priority &gt; indicators[chosen].priority)) {
        chosen = type;
      }
    }
    return chosen;
  }

  /**
   * Returns the highest-priority type among a list of indicator types.
   *
   * @param {Array&lt;string|null&gt;} types
   * @returns {string|null}
   */
  function highestPriority(types) {
    let chosen = null;
    for (const t of types) {
      if (t &amp;&amp; (!chosen || indicators[t].priority &gt; indicators[chosen].priority)) chosen = t;
    }
    return chosen;
  }

  /**
   * Extracts the top-level domain from a full hostname using a public suffix set.
   *
   * @param {string} hostname - Full hostname (e.g., sub.example.co.uk).
   * @param {Set&lt;string&gt;} publicSuffixSet - Set of known public suffixes.
   * @returns {string} The top-level domain (e.g., example.co.uk).
   */
  function getRootDomain(hostname, publicSuffixSet) {
    // Handle empty or invalid hostnames
    if (!hostname || typeof hostname !== 'string') {
      console.warn('Invalid hostname provided to getRootDomain:', hostname);
      return '';
    }

    // Check if this is an IP address (simple check for IPv4)
    if (/^(\d{1,3}\.){3}\d{1,3}$/.test(hostname)) {
      return hostname; // Return IP addresses as-is
    }

    const domainParts = hostname.split('.');

    // Handle hostnames that are too short
    if (domainParts.length &lt; 2) {
      return hostname; // Return as-is if it's a single-part hostname
    }

    // Try to find a matching public suffix
    for (let i = 0; i &lt; domainParts.length; i++) {
      const candidate = domainParts.slice(i).join('.');

      // Check both normal and exception (prefixed with !) entries
      if (publicSuffixSet.has(candidate) || publicSuffixSet.has(`!${candidate}`)) {
        // If we found a match, return the domain part plus the public suffix
        // But make sure we don't go out of bounds
        if (i &gt; 0) {
          return domainParts.slice(i - 1).join('.');
        } else {
          // Edge case: the entire hostname is a public suffix
          return hostname;
        }
      }
    }

    // If no match in public suffix list, use a simple fallback:
    // For hostnames with 2 parts, return the whole thing
    // For hostnames with &gt;2 parts, return the last 2 parts
    if (domainParts.length === 2) {
      return hostname;
    } else {
      return domainParts.slice(-2).join('.');
    }
  }

  /**
   * Extracts the first page object from MediaWiki API query response.
   *
   * @param {Object} data - MediaWiki API response.
   * @returns {Object|null} The first page object or null if unavailable.
   */
  function getFirstPage(data) {
    if (!data || !data.query || !data.query.pages) return null;
    return Object.values(data.query.pages)[0] || null;
  }

  /**
   * Iterates every revision object in an API response, across all pages.
   * (A revids= query spanning several articles returns several page objects.)
   *
   * @param {Object|null} data - MediaWiki API response.
   * @returns {Object[]} Revision objects.
   */
  function allRevisionsIn(data) {
    if (!data || !data.query || !data.query.pages) return [];
    const out = [];
    for (const page of Object.values(data.query.pages)) {
      if (page &amp;&amp; Array.isArray(page.revisions)) out.push(...page.revisions);
    }
    return out;
  }

  /**
   * Returns the main-slot wikitext of a revision object, or null if the
   * revision is missing, hidden, or malformed.
   *
   * @param {Object} rev - Revision object from the API.
   * @returns {string|null}
   */
  function revisionText(rev) {
    if (!rev || rev.texthidden !== undefined) return null;
    const slot = rev.slots &amp;&amp; rev.slots.main;
    if (!slot || typeof slot['*'] !== 'string') return null;
    return slot['*'];
  }

  /**
   * Returns true if an API page object represents a page that cannot be
   * read (missing, invalid, or without an accessible revision).
   *
   * @param {Object} page - Page object from the API.
   * @returns {boolean}
   */
  function isUnreadablePage(page) {
    return !page || page.missing !== undefined || page.invalid !== undefined ||
      !Array.isArray(page.revisions) || page.revisions.length === 0;
  }

  /**
   * ==========================================================================
   * 4. Validation
   * ==========================================================================
   */

  /**
   * Validates that a string is a well-formed domain name.
   *
   * @param {string} str - The string to validate.
   * @returns {boolean} True if the string is a valid domain.
   */
  function isValidDomain(str) {
    if (!str || str.length === 0 || str.length &gt; 253) return false;
    if (!/^[a-zA-Z0-9._-]+$/.test(str)) return false;
    if (!str.includes('.')) return false;
    if (/\.\./.test(str) || str.startsWith('.') || str.endsWith('.')) return false;
    const labels = str.split('.');
    if (labels.some(l =&gt; l.length === 0 || l.length &gt; 63)) return false;
    return true;
  }

  /**
   * Validates that a string is a well-formed public suffix list entry.
   * Allows wildcard entries (e.g., *.ck) and exception entries (e.g., !www.ck).
   *
   * @param {string} str - The string to validate.
   * @returns {boolean} True if the string is a valid PSL entry.
   */
  function isValidSuffixEntry(str) {
    const cleaned = str.replace(/^[!*.]/, '');
    return /^[a-zA-Z0-9._-]+$/.test(cleaned) &amp;&amp; cleaned.length &gt; 0 &amp;&amp; cleaned.length &lt;= 253;
  }

  /**
   * Validates that a value is a string parseable as an absolute http(s) URL.
   * Used to re-validate anything read back from localStorage before it is
   * assigned to an href.
   *
   * @param {*} u - The value to validate.
   * @returns {boolean} True if the value is an http(s) URL.
   */
  function isValidHttpUrl(u) {
    if (typeof u !== 'string') return false;
    try {
      return /^https?:$/i.test(new URL(u).protocol);
    } catch (e) {
      return false;
    }
  }

  /**
   * Validates that a value is a plausible revision ID (a positive integer
   * string). Used before an ID is put into an API request or a cache key.
   *
   * @param {*} id - The value to validate.
   * @returns {boolean}
   */
  function isRevisionId(id) {
    return typeof id === 'string' &amp;&amp; /^[1-9][0-9]{0,15}$/.test(id);
  }

  /**
   * Validates that a string is a plausible MediaWiki page title.
   * Rejects titles with invalid characters, excessive length, or suspicious patterns.
   *
   * @param {string} title - The page title to validate.
   * @returns {boolean} True if the title looks like a valid page link.
   */
  function isValidPageTitle(title) {
    if (typeof title !== 'string') return false;
    if (title.length === 0 || title.length &gt; 255) return false;
    if (/[\[\]{}|#&lt;&gt;\n\r\t]/.test(title)) return false;
    if (title.includes('..')) return false;
    if (title.startsWith(':') || title.startsWith(' ') || title.endsWith(' ')) return false;
    return true;
  }

  /**
   * Determines whether a given page title does *not* belong to the main or draft namespaces.
   * A missing title is treated as &quot;not an article&quot; so the row is skipped rather
   * than crashing the run.
   *
   * @param {string} pageTitle - The title of the page.
   * @returns {boolean} True if not an article namespace.
   */
  function isNotArticle(pageTitle) {
    if (typeof pageTitle !== 'string') return true;
    return namespaces.some(namespace =&gt; pageTitle.startsWith(namespace));
  }

  /**
   * Checks whether an element matches the specified filter.
   *
   * @param {Element} element - The DOM element to test.
   * @param {string} filterId - The active filter ID.
   * @returns {boolean} True if the element matches the filter.
   */
  function elementMatchesFilter(element, filterId) {
    if (filterId === 'linkchange') {
      return element.hasAttribute('data-cw-linkchange') ||
        listedTypes.some(type =&gt; element.hasAttribute(indicators[type].dataAttr));
    }
    if (indicators[filterId] &amp;&amp; indicators[filterId].dataAttr) {
      return element.hasAttribute(indicators[filterId].dataAttr);
    }
    return false;
  }

  /**
   * ==========================================================================
   * 5. Fetch
   * ==========================================================================
   */

  /**
   * Fetches revisions by ID and returns them keyed by revision ID (as strings),
   * across all pages in the response.
   *
   * @param {string[]} revIds
   * @param {string[]} rvprop - Properties to request (always includes 'ids').
   * @returns {Promise&lt;Map&lt;string, Object&gt;|null&gt;} Map of id -&gt; revision object,
   *   or null if the request failed.
   */
  async function fetchRevisionsById(revIds, rvprop) {
    const data = await fetchRevisionData({
      revids: revIds,
      rvprop: unique(['ids', ...rvprop]),
      rvslots: ['main']
    });
    if (!data) return null;
    const out = new Map();
    for (const rev of allRevisionsIn(data)) {
      if (rev &amp;&amp; rev.revid !== undefined) out.set(String(rev.revid), rev);
    }
    return out;
  }

  /**
   * Fetches wikitext for a chunk of revision IDs in one request.
   *
   * @param {string[]} revIds - Revision IDs (at most CONTENT_CHUNK_SIZE).
   * @returns {Promise&lt;Map&lt;string, string|null&gt;|null&gt;} Map of id -&gt; wikitext
   *   (null for a revision that exists but is unreadable), or null if the
   *   request itself failed. IDs the API did not return are absent.
   */
  async function fetchRevisionTexts(revIds) {
    const revs = await fetchRevisionsById(revIds, ['content']);
    if (!revs) return null;
    return new Map(Array.from(revs, ([id, rev]) =&gt; [id, revisionText(rev)]));
  }
  /**
   * Fetches parent IDs and sizes for a list of revision IDs, chunked at the
   * API maximum and fetched concurrently.
   *
   * @param {string[]} revisionIds - Revision IDs.
   * @returns {Promise&lt;Object&gt;} Map of id -&gt; {parentid, size}; IDs that could
   *   not be resolved are absent.
   */
  async function fetchRevisionMetadata(revisionIds) {
    const result = {};
    const chunks = [];
    for (let i = 0; i &lt; revisionIds.length; i += METADATA_CHUNK_SIZE) {
      chunks.push(revisionIds.slice(i, i + METADATA_CHUNK_SIZE));
    }
    await runPool(chunks.map(chunk =&gt; async () =&gt; {
      const revs = await fetchRevisionsById(chunk, ['size']);
      for (const [id, rev] of revs || []) {
        result[id] = {
          parentid: rev.parentid || 0,
          size: typeof rev.size === 'number' ? rev.size : undefined
        };
      }
    }), CONTENT_CONCURRENCY);
    return result;
  }
  /**
   * Fetches a page's current wikitext (main slot) by title.
   *
   * @param {string} pageTitle
   * @returns {Promise&lt;string|null&gt;} Null if the page is missing, unreadable, or the request failed.
   */
  async function fetchPageWikitext(pageTitle) {
    if (!isValidPageTitle(pageTitle)) return null;
    const page = getFirstPage(await fetchRevisionData({
      titles: [pageTitle],
      rvprop: ['content'],
      rvslots: ['main']
    }));
    return isUnreadablePage(page) ? null : revisionText(page.revisions[0]);
  }

  /**
   * Fetches the ID of the first revision of a page.
   *
   * @param {string} pageTitle - The page title to look up.
   * @returns {number|null} Revision ID or null.
   */
  async function fetchFirstRevisionId(pageTitle) {
    if (!isValidPageTitle(pageTitle)) return null;
    const page = getFirstPage(await fetchRevisionData({
      titles: [pageTitle],
      rvlimit: 1,
      rvdir: 'newer',
      rvprop: ['ids'],
    }));
    if (isUnreadablePage(page)) return null;
    return page.revisions[0].revid || null;
  }
  /**
   * Fetches the list of subpages from the list of lists, parses wikilinks, caches
   * the result, and returns list of subpage titles.
   *
   * @param {string} pageName - Title of the list-of-lists page.
   * @returns {Promise&lt;string[]&gt;} List of subpage titles (empty on failure).
   */
  async function fetchDomainListPages(pageName) {
    const cacheKey = `citationWatchlistFetchDomainListPages_${pageName}`;
    const cachedContent = readCache(cacheKey);
    if (Array.isArray(cachedContent) &amp;&amp; cachedContent.length &gt; 0) {
      console.log('Loaded list of lists from cache');
      return cachedContent.filter(title =&gt; isValidPageTitle(title));
    }
    const content = await fetchPageWikitext(pageName);
    if (content === null) {
      console.error(`Citation Watchlist: list of lists &quot;${pageName}&quot; could not be loaded`);
      return [];
    }
    const pageTitles = [];
    for (const line of content.split('\n')) {
      if (!line.startsWith('* [[')) continue;
      const match = line.match(/\[\[([^\]]+)\]\]/); // first [[Page Title]]
      if (!match) continue;
      const title = match[1];
      if (isValidPageTitle(title)) {
        pageTitles.push(title);
      } else {
        console.warn(`Rejected invalid page title: &quot;${title}&quot;`);
      }
    }
    if (pageTitles.length &gt; 0) {
      writeCache(cacheKey, pageTitles);
      console.log('Loaded from API and stored in cache');
    }
    return pageTitles;
  }

  /**
   * Parses one domain list page into per-indicator domain arrays.
   * Entries that are not bare domains are collected as lint. A leading &quot;www.&quot;
   * is stripped (with a lint note), since root domains never carry it.
   *
   * @param {string} title - Page title, for lint messages.
   * @param {string} content - Page wikitext.
   * @returns {Object} {warning: string[], caution: string[], inspect: string[], lint: string[]}
   */
  function parseDomainList(title, content) {
    const parsed = { lint: [] };
    for (const type of listedTypes) parsed[type] = [];
    let current = null;
    for (const line of content.split('\n')) {
      const trimmed = line.trim();
      if (/^==/.test(trimmed)) {
        // Any heading ends the current section; only recognized ones open a new one.
        current = listedTypes.find(t =&gt; indicators[t].section === trimmed) || null;
        continue;
      }
      if (!line.startsWith('*') || !current) continue;
      let domain = line.substring(1).trim().toLowerCase();
      if (!domain) continue;
      if (/^www\./.test(domain) &amp;&amp; isValidDomain(domain.slice(4))) {
        parsed.lint.push(`${title}: &quot;${domain}&quot; has a www. prefix; matched as &quot;${domain.slice(4)}&quot;`);
        domain = domain.slice(4);
      }
      if (isValidDomain(domain)) {
        if (parsed[current].length &lt; MAX_DOMAINS_PER_LIST) {
          parsed[current].push(domain);
        } else {
          parsed.lint.push(`${title}: cap of ${MAX_DOMAINS_PER_LIST} reached in ${current}`);
        }
      } else {
        parsed.lint.push(`${title}: &quot;${domain}&quot; is not a bare domain (paths, wildcards and ` +
          `bare TLDs are not supported) and was ignored`);
      }
    }
    return parsed;
  }

  /**
   * Loads domain lists from a set of pages (parsed form cached per page) and
   * populates the `Set` of each indicator. Pages that are missing or fail to
   * load are skipped and recorded in loadWarnings; the remaining lists still load.
   *
   * @param {string[]} pageNames - List of page titles to fetch.
   */
  async function fetchAndOrganizeDomainLists(pageNames) {
    const parsedLists = [];
    const pagesToFetch = [];
    const isParsed = p =&gt; p &amp;&amp; typeof p === 'object' &amp;&amp; listedTypes.every(t =&gt; Array.isArray(p[t]));
    for (const title of pageNames) {
      const cached = readCache(`domainList:${location.hostname}:${title}`);
      if (isParsed(cached)) {
        parsedLists.push(cached);
      } else {
        pagesToFetch.push(title);
      }
    }
    if (pagesToFetch.length &gt; 0) {
      const apiData = await fetchRevisionData({
        titles: pagesToFetch,
        rvprop: ['content'],
        rvslots: ['main'],
      });
      const pages = (apiData &amp;&amp; apiData.query &amp;&amp; apiData.query.pages) || null;
      if (!pages) {
        loadWarnings.push(`API request for ${pagesToFetch.length} list page(s) failed`);
        console.error('Citation Watchlist: domain list fetch failed for', pagesToFetch);
      } else {
        // The API normalizes titles (underscores -&gt; spaces); cache under the
        // requested spelling so the next load hits.
        const requestedFor = {};
        for (const t of pagesToFetch) requestedFor[t.replace(/_/g, ' ')] = t;
        for (const page of Object.values(pages)) {
          const title = page.title || '?';
          if (isUnreadablePage(page)) {
            loadWarnings.push(`List page &quot;${title}&quot; is missing or unreadable`);
            console.warn(`Citation Watchlist: skipping list page &quot;${title}&quot;`);
            continue;
          }
          const content = revisionText(page.revisions[0]);
          if (content === null) {
            loadWarnings.push(`List page &quot;${title}&quot; has no readable content`);
            continue;
          }
          const parsed = parseDomainList(title, content);
          parsedLists.push(parsed);
          const cacheTitle = requestedFor[title] || title;
          writeCache(`domainList:${location.hostname}:${cacheTitle}`, parsed);
        }
      }
    }
    for (const parsed of parsedLists) {
      for (const type of listedTypes) {
        for (const domain of parsed[type]) {
          if (isValidDomain(domain)) indicators[type].list.add(domain);
        }
      }
      if (Array.isArray(parsed.lint)) {
        listLint.push(...parsed.lint.filter(l =&gt; typeof l === 'string'));
      }
    }
  }

  /**
   * Fetches and caches the public suffix list used to identify top-level domains.
   * The cache holds the validated entries, so cached loads skip parsing.
   *
   * @returns {Promise&lt;Set&lt;string&gt;&gt;} Set of public suffixes.
   */
  async function fetchPublicSuffixList() {
    const cacheKey = 'publicSuffixListCache';
    const cached = readCache(cacheKey);
    if (Array.isArray(cached) &amp;&amp; cached.length &gt;= MIN_PSL_ENTRIES) {
      console.log('Using cached public suffix list');
      return new Set(cached.filter(e =&gt; typeof e === 'string' &amp;&amp; isValidSuffixEntry(e)));
    }
    const pslUrl = mw.config.get('wgArticlePath').replace('$1', publicSuffixList) +
      '?action=raw';
    console.log(`Raw page text request: ${pslUrl}`);
    const content = await safeFetch(fetch, pslUrl).then(response =&gt; response ?
      response.text() : null);
    if (!content) return new Set();
    const entries = [];
    for (const line of content.split('\n')) {
      const trimmed = line.trim();
      if (trimmed &amp;&amp; !trimmed.startsWith('//') &amp;&amp; isValidSuffixEntry(trimmed)) {
        entries.push(trimmed);
      }
    }
    if (entries.length &lt; MIN_PSL_ENTRIES) {
      console.error(`Public suffix list suspiciously small (${entries.length} entries), rejecting`);
      return new Set();
    }
    // Only cache a list that passed validation
    writeCache(cacheKey, entries);
    return new Set(entries);
  }

  /**
   * Makes a MediaWiki API call to fetch revision metadata or content.
   *
   * @param {Object} data - Options for the API call, such as `revids`, `titles`, `rvprop`, etc.
   * @returns {Promise&lt;Object|null&gt;} MediaWiki API query result, or null on failure.
   */
  async function fetchRevisionData(data) {
    const paramKeys = ['rvprop', 'revids', 'titles', 'rvslots'];
    const params = {
      action: 'query',
      prop: 'revisions',
      format: 'json',
      rvdir: data.rvdir || 'older',
      origin: '*'
    };
    if (data.rvlimit) {
      params.rvlimit = data.rvlimit;
    }
    paramKeys.forEach(key =&gt; {
      if (data[key]) {
        params[key] = Array.isArray(data[key]) ? data[key].join('|') : data[key];
      }
    });
    const api = new mw.Api();
    return await safeFetch(api.get.bind(api), params);
  }

  /**
   * Wraps any asynchronous fetch function with retry logic and error handling.
   *
   * @param {Function} fn - The function to execute (usually an API call).
   * @param {...any} args - Arguments to pass to the fetch function.
   * @returns {Promise&lt;any|null&gt;} Result of the fetch or null on failure.
   */
  async function safeFetch(fn, ...args) {
    const retries = 2;
    const retryDelay = 1000;
    const maxAttempts = retries + 1;

    for (let attempt = 1; attempt &lt;= maxAttempts; attempt++) {
      try {
        const result = await fn(...args);
        if (result === null || result === undefined) {
          throw new Error('Received null or undefined response');
        }
        if (typeof result.ok === 'boolean' &amp;&amp; !result.ok) {
          throw new Error(`HTTP error ${result.status}: ${result.statusText || 'Unknown error'}`);
        }
        return result;
      } catch (error) {
        if (attempt &lt; maxAttempts) {
          console.warn(
            `Error during ${fn.name || 'fetch operation'} (attempt ${attempt}/${maxAttempts}):`,
            error.message || error);
          await new Promise(resolve =&gt; setTimeout(resolve, retryDelay));
        } else {
          console.error(
            `All ${maxAttempts} attempts failed for ${fn.name || 'fetch operation'}:`,
            error.message || error);
        }
      }
    }
    return null;
  }

  /**
   * ==========================================================================
   * 6. Cache
   * ==========================================================================
   */

  /**
   * Returns every localStorage key with the given prefix. Snapshotting the keys
   * first means callers can remove entries without the index shifting under them.
   *
   * @param {string} prefix - Key prefix to match.
   * @returns {string[]}
   */
  function cacheKeysWithPrefix(prefix) {
    const keys = [];
    try {
      for (let i = 0; i &lt; localStorage.length; i++) {
        const key = localStorage.key(i);
        if (key &amp;&amp; key.startsWith(prefix)) keys.push(key);
      }
    } catch (e) {
      /* storage unavailable */
    }
    return keys;
  }

  /**
   * Removes every localStorage key with the given prefix.
   *
   * @param {string} prefix
   */
  function removeKeysWithPrefix(prefix) {
    for (const key of cacheKeysWithPrefix(prefix)) localStorage.removeItem(key);
  }

  /**
   * Runs all cache maintenance: retired prefixes, version invalidation, and
   * (at most once per CACHE_PURGE_INTERVAL) expiry and eviction.
   */
  function purgeCaches() {
    try {
      purgeStaleVersionedCaches();
      const lastKey = 'citationWatchlist_lastPurge';
      const last = parseInt(localStorage.getItem(lastKey), 10);
      if (isNaN(last) || Date.now() - last &gt; CACHE_PURGE_INTERVAL) {
        purgeExpiredCache();
        localStorage.setItem(lastKey, Date.now().toString());
      }
    } catch (e) {
      console.warn('Citation Watchlist: cache maintenance failed:', e);
    }
  }

  /**
   * Removes caches from retired prefixes and purges cached entries whose stored
   * version is older than the current version. Each cache type tracks its own
   * version independently via a localStorage key.
   */
  function purgeStaleVersionedCaches() {
    for (const prefix of retiredCachePrefixes) {
      removeKeysWithPrefix(prefix);
      localStorage.removeItem(`citationWatchlist_cacheVersion:${prefix}`);
    }
    for (const cache of cacheConfig) {
      const versionKey = `citationWatchlist_cacheVersion:${cache.prefix}`;
      const storedVersion = parseInt(localStorage.getItem(versionKey), 10);
      const effectiveVersion = isNaN(storedVersion) ? 0 : storedVersion;
      if (effectiveVersion &lt; cache.version) {
        removeKeysWithPrefix(cache.prefix);
        try {
          localStorage.setItem(versionKey, cache.version.toString());
        } catch (e) {
          console.warn('Cache version write error:', e);
        }
        console.log(`Cache invalidated for &quot;${cache.prefix}&quot;: version ${effectiveVersion} → ${cache.version}`);
      }
    }
  }

  /**
   * Removes expired localStorage cache entries and enforces per-cache entry
   * caps by evicting the oldest entries.
   */
  function purgeExpiredCache() {
    const now = Date.now();
    const stats = { checked: 0, expired: 0, evicted: 0, errors: 0 };

    for (const cache of cacheConfig) {
      // Snapshot keys first so removals do not shift the iteration index
      const survivors = []; // { key, timestamp }
      for (const key of cacheKeysWithPrefix(cache.prefix)) {
        stats.checked++;
        try {
          const value = localStorage.getItem(key);
          let parsed = null;
          try {
            parsed = value ? JSON.parse(value) : null;
          } catch (jsonError) {
            stats.errors++;
          }
          if (!parsed || typeof parsed.timestamp !== 'number' || now - parsed.timestamp &gt; cache.ttl) {
            localStorage.removeItem(key);
            stats.expired++;
            continue;
          }
          survivors.push({ key, timestamp: parsed.timestamp });
        } catch (itemError) {
          stats.errors++;
          try {
            localStorage.removeItem(key);
          } catch (e) { /* ignore */ }
        }
      }
      if (cache.maxEntries &amp;&amp; survivors.length &gt; cache.maxEntries) {
        survivors.sort((a, b) =&gt; a.timestamp - b.timestamp);
        const excess = survivors.length - cache.maxEntries;
        for (let i = 0; i &lt; excess; i++) {
          localStorage.removeItem(survivors[i].key);
          stats.evicted++;
        }
      }
    }
    if (stats.checked &gt; 0) {
      console.log(`Cache cleanup: checked ${stats.checked}, expired ${stats.expired}, ` +
        `evicted ${stats.evicted}, errors ${stats.errors}`);
    }
  }

  /**
   * Looks up the cache configuration whose prefix matches a key.
   *
   * @param {string} key - A cache key or prefix.
   * @returns {Object|undefined}
   */
  function cacheConfigFor(key) {
    return cacheConfig.find(c =&gt; key.startsWith(c.prefix));
  }
  /**
   * Reads a JSON cache entry from localStorage, returning the stored content
   * if it exists and has not expired (TTL taken from the key's cacheConfig
   * entry). Callers must validate the shape of the returned content.
   *
   * @param {string} key - The localStorage key.
   * @returns {*|null} The cached content, or null if missing/expired/invalid.
   */
  function readCache(key) {
    const config = cacheConfigFor(key);
    let raw;
    try {
      raw = config ? localStorage.getItem(key) : null;
    } catch (e) {
      return null;
    }
    if (!raw) return null;
    try {
      const parsed = JSON.parse(raw);
      if (parsed &amp;&amp; typeof parsed.timestamp === 'number' &amp;&amp;
        (Date.now() - parsed.timestamp &lt; config.ttl) &amp;&amp; parsed.content !== undefined) {
        return parsed.content;
      }
    } catch (e) {
      console.warn('Cache read error:', e);
    }
    return null;
  }
  /**
   * Writes a JSON cache entry to localStorage with an embedded timestamp.
   * Failures (e.g. quota exceeded) are logged and otherwise ignored; the
   * cache is an optimization, never a dependency.
   *
   * @param {string} key - The localStorage key.
   * @param {*} content - The data to cache.
   */
  function writeCache(key, content) {
    try {
      localStorage.setItem(key, JSON.stringify({ timestamp: Date.now(), content }));
    } catch (e) {
      console.warn('Cache write error:', e);
    }
  }

  /**
   * ==========================================================================
   * 7. Entry Point
   * ==========================================================================
   */

  analyzeView().catch(e =&gt; {
    console.error('Citation Watchlist: unrecoverable error:', e);
    loadWarnings.push('Citation Watchlist stopped early due to an error (see console)');
    finishChangeListPass();
  }).then(() =&gt; {
    console.log('Citation Watchlist script finished executing');

    // On enhanced RC pages, hide the summary gutter on a group's header row
    // while the group is expanded (each nested row then shows its own).
    document.querySelectorAll('table.mw-enhanced-rc').forEach(table =&gt; {
      const checkbox = groupToggleCheckbox(table);
      if (!checkbox) return;
      checkbox.addEventListener('change', () =&gt; {
        const topRow = table.querySelector('tr');
        const gutter = topRow &amp;&amp; topRow.querySelector('.cw-gutter');
        if (!gutter) return;
        const host = gutter.parentElement;
        gutter.style.display = checkbox.checked ? 'none' : 'inline-flex';
        if (host) host.style.paddingLeft = checkbox.checked ? '' : 'calc(2em + 0.5em)';
      });
    });
  });

})();</text>
      <sha1>9fjctqw8fhd3zosu8ed67ruwt6bzpk2</sha1>
    </revision>
    <revision>
      <id>781277</id>
      <parentid>781274</parentid>
      <timestamp>2026-10-28T00:30:06Z</timestamp>
      <contributor>
        <username>Harej</username>
        <id>7994</id>
      </contributor>
      <comment>Setting apart indicator icons from domain lists</comment>
      <origin>781277</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="110817" sha1="slav2pfdgg1v5xzxdqj9wmtgtbmbh2l" xml:space="preserve">/**
 *
 * Citation Watchlist
 * https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist
 *
 */

(function() {
  'use strict';

  /**
   * ==========================================================================
   * LOCALIZATION
   * ==========================================================================
   */

  /* Labeling tool in the user interface */
  const toolName              =  'Citation Watchlist';
  const aboutLink             =  'https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist';

  /* Revision inspection popup */
  const addedLabel            =  'Added';
  const removedLabel          =  'Removed';
  const viewDiffLabel         =  'View Diff';
  const viewRevisionLabel     =  'View Revision';
  const aboutLabel            =  'About Citation Watchlist';
  const archivedViaLabel      =  'Archived copy hosted at';
  const changedLabel          =  'Changed';
  const showAllLabel          =  'Show all';
  const archiveBadgeTitle     =  'Archived copy';
  const supplementTitle       =  'Archive link added to a citation that was already present';
  const changedArrow          =  ' \u2192 ';

  /* Filter widget */
  const showEditsLabel        =  'Show edits:';
  const loadingLabel          =  'Loading...';
  const allLabel              =  'All';
  const linkChangesLabel      =  'Link Changes';
  const linkChangesTooltip    =  'Edits that add or remove links in articles';
  const noMatchingEditsLabel  =  'No matching edits';

  /* Load-failure indicator */
  const loadWarningGlyph      =  '⚠';
  const loadWarningPrefix     =  'Some Citation Watchlist lists could not be loaded:';

  /**
   * ==========================================================================
   * DOMAIN LIST CONFIGURATION
   * ==========================================================================
   *
   * Citation Watchlist requires the following wiki pages to function:
   *
   * 1. Public Suffix List
   *    - A local copy of the public suffix list, used for domain parsing.
   *    - Copy the contents of:
   *        https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist/Public_Suffix_List
   *      to a page on your own wiki.
   *    - Update the `publicSuffixList` variable below to reflect your page title.
   *
   * 2. List of Lists
   *    - A page linking to one or more domain list pages.
   *    - Format as a bullet list: &quot;* [[Page Title]]&quot; (space after asterisk).
   *    - Reference formatting example:
   *        https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist/Lists
   *    - Update the `listOfLists` variable below accordingly.
   *
   * 3+. Domain List Pages
   *    - One or more pages listing suspicious or noteworthy domains.
   *    - Each page must contain section headers that match the `indicators` config
   *      below (e.g., &quot;==Warn==&quot;, &quot;==Caution==&quot;).
   *    - Under each section, list domains in the format: &quot;* example.com&quot;
   *    - Do not use link formatting—just plain text.
   *    - Entries with paths (&quot;example.com/opinion&quot;), no dot (&quot;gov&quot;), or a
   *      leading &quot;www.&quot; are not supported and are reported in the console.
   */

  const publicSuffixList       =  'Wikipedia:Citation_Watchlist/Public_Suffix_List';
  const listOfLists            =  'Wikipedia:Citation_Watchlist/Lists';
  const enabledNamespaces      =  [-1, 0, 118];
  const enabledSectionHeaders  =  ['References'];

  /**
   * Detection options.
   * - UNWRAP_ARCHIVES: screen the original URL embedded in a web archive link
   *   (web.archive.org, archive.today, Google cache) rather than the archive
   *   host. The popup still links to the cited archive URL.
   * - SHOW_LINT_IN_WIDGET: also show domain-list lint (ignored entries) in the
   *   filter widget's warning tooltip. Lint always goes to the console.
   */
  const UNWRAP_ARCHIVES        =  true;
  const SHOW_LINT_IN_WIDGET    =  false;

  /**
   * ==========================================================================
   * INDICATOR CONFIGURATION
   * ==========================================================================
   *
   * Defines metadata for domain indicators used in the watchlist UI.
   * Each indicator is associated with a level of urgency and a unique symbol.
   *
   * Fields:
   * - msg:      Display label for the level (e.g., &quot;Warning&quot;, &quot;Caution&quot;).
   * - emoji:    Unicode character for the visual indicator (escaped as `\uXXXX`).
   * - section:  Must exactly match the section headers in the domain list pages.
   * - priority: Higher values override lower ones for conflicting domain matches.
   *             Priority scale: 1 (lowest) to N (highest).
   * - list:     Defined as &quot;new Set()&quot; for all indicator types.
   *
   * If a domain appears in multiple lists, the one with the highest priority
   * takes precedence.
   */

  const indicators = {
    warning: {
      msg:          'Warning',
      emoji:        '❗',
      section:      '==Warn==',
      explanation:  'This domain is classified as an unreliable source',
      priority:     3,
      dataAttr:     'data-cw-linkwarn',
      list:         new Set()
    },
    caution: {
      msg:          'Caution',
      emoji:        '✋',
      section:      '==Caution==',
      explanation:  'This source may be unreliable depending on context',
      priority:     2,
      dataAttr:     'data-cw-linkcaution',
      list:         new Set()
    },
    inspect: {
      msg:          'Inspect',
      emoji:        '🔎',
      section:      '==Inspect==',
      explanation:  'Take a closer look at this particular source',
      priority:     1,
      dataAttr:     'data-cw-linkinspect',
      list:         new Set()
    },
    added: {
      msg:          addedLabel,
      emoji:        '\u{1F517}',
      section:      null,
      explanation:  'All added links',
      priority:     0,
      list:         new Set()
    },
    removed: {
      msg:          removedLabel,
      emoji:        '\u{1F5D1}',
      section:      null,
      explanation:  'All removed links',
      priority:     -1,
      list:         new Set()
    }
  };

  /** Indicator types that come from the domain lists (priority &gt; 0). */
  const listedTypes = Object.keys(indicators).filter(t =&gt; indicators[t].priority &gt; 0);

  /**
   * Kinds of link change between two revisions, in popup display order.
   * Whether an entry counts toward the gutter icon and the list indicators is
   * decided per entry (`counted`), not per kind: an archive link added to an
   * already-cited source is shown under Added but not counted.
   */
  const changeKinds = {
    added: {
      msg: addedLabel, emoji: indicators.added.emoji,
      explanation: 'Links added to the article'
    },
    changed: {
      msg: changedLabel, emoji: '\u{1F500}',
      explanation: 'Links whose URL changed, including swaps to or from an archived copy'
    },
    removed: {
      msg: removedLabel, emoji: indicators.removed.emoji,
      explanation: indicators.removed.explanation
    }
  };

  /** Gutter glyphs for edits with no newly cited source. */
  const archiveGlyph = '\u{1F4E6}';   // only archive links were added
  const changedGlyph = changeKinds.changed.emoji; // only URL changes

  /** Popups with more domain lines than this start collapsed. */
  const POPUP_COLLAPSE_AFTER = 8;

  /**
   * Citation Watchlist
   *
   * Highlights potentially questionable citations added in Wikipedia revisions
   * based on community-built lists of domain names
   *
   *
   * Documentation: https://en.wikipedia.org/wiki/Wikipedia:Citation_Watchlist
   *
   * Author: James Hare
   * License: GNU General Public License v3.0 (GPL-3.0)
   *
   * @version 2.5
   * @since 2026-10-28
   */


  /**
   * IF YOU WANT TO MODIFY any part of the script below this point, please submit
   * your edits to https://test.wikipedia.org/wiki/User:Harej/citation-watchlist.js
   * so that your modifications can be tested.
   */

  let publicSuffixSet = new Set();
  const MAX_DOMAINS_PER_LIST = 50000;
  const MIN_PSL_ENTRIES = 1000;

  /**
   * Revisions larger than this are not scanned. MediaWiki's own page-size
   * limit is 2 MiB, so this only trips on pathological cases; it bounds the
   * download and regex work done per row.
   */
  const MAX_REVISION_CHARS = 2 * 1024 * 1024;

  /**
   * Revision fetching strategy. Rows are never fetched one at a time: revision
   * IDs are grouped into small chunks (so the first chunk returns quickly and
   * its rows render while the rest are still in flight), several chunks are
   * kept in flight at once, and rows are annotated the moment their chunk
   * arrives. Concurrency is capped because origin=* requests are anonymous and
   * therefore per-IP rate limited (see release notes for 1.5/1.6).
   */
  const CONTENT_CHUNK_SIZE = 8;             // max revisions per content request
  const CONTENT_CHUNK_BYTES = 400 * 1024;   // soft byte budget per chunk when sizes are known
  const CONTENT_CONCURRENCY = 4;            // simultaneous content requests
  const METADATA_CHUNK_SIZE = 50;           // revids per ids|size request (API max for users)
  const ASSUMED_REVISION_BYTES = 40 * 1024; // chunking estimate when size is unknown
  const LIVE_RELOAD_DEBOUNCE_MS = 250;      // settle time after the change list is replaced

  /**
   * Non-fatal problems encountered while loading configuration (missing list
   * pages, API failures). Surfaced in the filter widget so list maintainers
   * notice quickly, instead of the tool silently running with partial data.
   */
  const loadWarnings = [];

  /**
   * Domain-list lint: entries that were ignored because they are not bare
   * domains. Always logged; shown in the widget only if SHOW_LINT_IN_WIDGET.
   */
  const listLint = [];

  /**
   * Unified cache configuration. Each entry defines a cache key prefix, its TTL,
   * version number, an optional cap on the number of entries kept, and a
   * human-readable description.
   *
   * - revURLs:  per-revision list of extracted URLs. Revisions are immutable,
   *   so the TTL and cap exist only to bound storage.
   * - sectionURLs: per-revision, per-section URL map from rendered article HTML.
   * - domainList: parsed domain lists ({warning: [...], caution: [...], ...}).
   * - publicSuffixListCache: validated PSL entries as an array.
   * - citationWatchlistFetchDomainListPages_: list-of-lists page titles.
   */
  const cacheConfig = [
    {
      prefix: 'revURLs:',
      ttl: 30 * 24 * 60 * 60 * 1000,
      version: 1,
      maxEntries: 4000,
      description: 'Revision URL cache'
    },
    {
      prefix: 'sectionURLs:',
      ttl: 30 * 24 * 60 * 60 * 1000,
      version: 1,
      maxEntries: 500,
      description: 'Article section URL cache'
    },
    {
      prefix: 'domainList:',
      ttl: 6 * 60 * 60 * 1000,
      version: 1,
      description: 'Domain list cache'
    },
    {
      prefix: 'publicSuffixListCache',
      ttl: 24 * 60 * 60 * 1000,
      version: 1,
      description: 'Public suffix list cache'
    },
    {
      prefix: 'citationWatchlistFetchDomainListPages_',
      ttl: 4 * 60 * 60 * 1000,
      version: 0,
      description: 'Domain list pages cache'
    }
  ];

  /** Cache prefixes from earlier versions, removed on startup. */
  const retiredCachePrefixes = ['revisionDiff:'];

  /** How often (ms) the full localStorage expiry/eviction pass runs. */
  const CACHE_PURGE_INTERVAL = 60 * 60 * 1000;

  /**
   * ==========================================================================
   * 1. Primary Workflow
   * ==========================================================================
   */

  /** Resolves once the PSL and domain lists are loaded (true) or failed (false). */
  let configReady = null;

  /** Rows already handed to processRevisions(), so live reloads only pick up new ones. */
  const seenRows = new WeakSet();

  /**
   * Loads the public suffix list and the domain lists, in parallel. Never
   * throws; failures are recorded in loadWarnings.
   *
   * @returns {Promise&lt;boolean&gt;} True if the tool can screen domains.
   */
  async function loadConfiguration() {
    try {
      const [psl, listPages] = await Promise.all([
        fetchPublicSuffixList(),
        fetchDomainListPages(listOfLists)
      ]);
      publicSuffixSet = psl;
      if (publicSuffixSet.size === 0) {
        console.error('Public Suffix List loading failed');
        loadWarnings.push('Public Suffix List could not be loaded');
        return false;
      }
      console.log('Welcome to Citation Watchlist');
      if (listPages &amp;&amp; listPages.length &gt; 0) {
        await fetchAndOrganizeDomainLists(listPages);
      } else {
        loadWarnings.push(`Could not load list of lists (${listOfLists})`);
      }
      if (listLint.length &gt; 0) {
        console.warn(`Citation Watchlist: ${listLint.length} domain-list entries were ignored:\n` +
          listLint.join('\n'));
      }
      return true;
    } catch (e) {
      console.error('Citation Watchlist: configuration load failed:', e);
      loadWarnings.push('Configuration could not be loaded (see console)');
      return false;
    }
  }

  /**
   * Function called by the entry point for Citation Watchlist.
   * Determines if the current page should be analyzed, starts loading the
   * configuration, collects the revisions behind each change-list row, and
   * fetches and annotates them while the configuration loads.
   */
  async function analyzeView() {
    purgeCaches();
    const ns = mw.config.get('wgNamespaceNumber');
    const inspectEnabled = enabledNamespaces.includes(ns);

    // Start the configuration load immediately; nothing below waits on it
    // until the first row is ready to render.
    if (inspectEnabled) {
      configReady = loadConfiguration();
    }

    // Article surface: scan enabled sections for watchlisted domains
    const action = mw.config.get('wgAction');
    if (action === 'view' &amp;&amp; ns &gt;= 0 &amp;&amp; inspectEnabled) {
      if (await configReady) {
        await analyzeArticleSections();
      }
      return;
    }

    // Pre-pad change log lines immediately on Special:RecentChanges for visual stability
    if (ns === -1) {
      document.querySelectorAll('li.mw-changeslist-line, .mw-changeslist-line')
        .forEach(line =&gt; prePadElement(line));
      flushGutterPadding();
    }

    if (!inspectEnabled) {
      return;
    }
    createChangeListFilterWidget();
    await annotateChangeList(document, true);
    installLiveReloadObserver();
  }

  /**
   * Collects and annotates every unseen change-list row under `root`.
   *
   * @param {Document|Element} root - Where to look for rows.
   * @param {boolean} allowFirstRevisionFallback - On a page history with no
   *   diff links (single-revision page), analyze the page's first revision.
   */
  async function annotateChangeList(root, allowFirstRevisionFallback) {
    const revisions = [];
    let noLinks = true;

    // Prefer iterating per-change rows when available (JS-enhanced watchlist/RC);
    // fall back to link containers on non-enhanced layouts.
    const unseen = selector =&gt; Array.from(root.querySelectorAll(selector)).filter(el =&gt; !seenRows.has(el));
    let entries = unseen('[data-mw-revid]:not(.mw-userlink), .mw-changeslist-line');
    let prePadCallback = null;
    if (entries.length &gt; 0) {
      entries.forEach(line =&gt; prePadElement(line));
      flushGutterPadding();
    } else {
      entries = unseen('.mw-changeslist-links');
      prePadCallback = (_el, link) =&gt; {
        const target = link.parentNode.parentNode;
        prePadElement(target);
        flushGutterPadding();
        return target;
      };
    }

    for (const entry of entries) {
      seenRows.add(entry);
      const result = await extractEntry(entry, entry, prePadCallback);
      if (result.hasLink) noLinks = false;
      if (!result.skip &amp;&amp; result.revision) revisions.push(result.revision);
    }

    // If no links were found, extract the first revision ID
    if (allowFirstRevisionFallback &amp;&amp; noLinks &amp;&amp; entries.length &gt; 0) {
      try {
        const firstID = await fetchFirstRevisionId(mw.config.get('wgTitle'));
        if (firstID) {
          revisions.push({
            oldrevision: String(firstID),
            element: entries[0],
            viewHref: buildPermalinkUrl(firstID),
            viewLabel: viewRevisionLabel
          });
        }
      } catch (e) {
        console.warn('Citation Watchlist: single-revision fallback failed:', e);
      }
    }

    await processRevisions(revisions);
    finishChangeListPass();
  }

  /**
   * Extracts the revision behind one change-list entry, isolating failures so
   * that a single malformed row does not abort the remaining rows.
   *
   * @param {Element} container - The DOM element to query for revision links.
   * @param {Element} element - The DOM element to attach to the revision object.
   * @param {Function|null} prePadCallback - See extractRevisionFromLinks.
   * @returns {Promise&lt;{revision: Object|null, hasLink: boolean, skip: boolean}&gt;}
   */
  async function extractEntry(container, element, prePadCallback) {
    try {
      return await extractRevisionFromLinks(container, element, prePadCallback);
    } catch (e) {
      console.warn('Citation Watchlist: skipping entry due to error:', e);
      // Report hasLink=true so a row-level failure never triggers the
      // single-revision fallback for the whole page.
      return { revision: null, hasLink: true, skip: true };
    }
  }

  /**
   * Annotates a set of revisions with as little latency as possible:
   *
   * 1. Parent IDs (for diff=prev and history rows) and sizes are resolved in
   *    one metadata request, only when any row needs them.
   * 2. Per-revision URL lists already in the cache are used directly.
   * 3. Remaining revision IDs are deduplicated (history rows share revisions),
   *    chunked in DOM order, fetched with bounded concurrency, and each row is
   *    rendered as soon as every revision it depends on is available. Fetching
   *    overlaps the configuration load; only rendering waits for it.
   *
   * @param {Object[]} revisions - Revision objects from extractRevisionFromLinks.
   */
  async function processRevisions(revisions) {
    if (revisions.length === 0) return;

    // --- 1. Resolve parents / sizes ---------------------------------------
    const parentLookups = revisions.filter(r =&gt; r.needsParentOf).map(r =&gt; r.needsParentOf);
    let metadata = {};
    if (parentLookups.length &gt; 0) {
      metadata = await fetchRevisionMetadata(unique(parentLookups));
      for (const revision of revisions) {
        if (!revision.needsParentOf) continue;
        const currentId = revision.needsParentOf;
        const meta = metadata[currentId];
        delete revision.needsParentOf;
        if (meta &amp;&amp; meta.parentid) {
          revision.oldrevision = String(meta.parentid);
          revision.newrevision = currentId;
          if (revision.pageTitle &amp;&amp; !revision.viewHref) {
            revision.viewHref = buildDiffUrl(revision.pageTitle,
              revision.oldrevision, revision.newrevision);
          }
        } else if (meta) {
          // First revision of the page: everything in it was &quot;added&quot;
          revision.oldrevision = currentId;
          revision.newrevision = null;
          revision.viewHref = buildPermalinkUrl(currentId);
          revision.viewLabel = viewRevisionLabel;
        } else {
          markSkipped(revision, 'fetch-failed');
          revision.oldrevision = null;
        }
      }
    }

    // --- 2. Per-revision URL lists from cache; queue the rest --------------
    const urlLists = new Map(); // id -&gt; string[] | null (null = unreadable)
    const pending = [];         // { revision, needs: string[] }
    for (const revision of revisions) {
      if (revision.skipped) continue;
      if (!isRevisionId(revision.oldrevision) ||
        (revision.newrevision &amp;&amp; !isRevisionId(revision.newrevision))) {
        markSkipped(revision, 'invalid');
        continue;
      }
      const needs = [revision.oldrevision];
      if (revision.newrevision) needs.push(revision.newrevision);
      for (const id of needs) {
        if (urlLists.has(id)) continue;
        const cached = readCache(`revURLs:${location.hostname}:${id}`);
        if (Array.isArray(cached)) urlLists.set(id, cached.filter(isValidHttpUrl));
      }
      pending.push({ revision, needs });
    }
    if (pending.length === 0) return;

    // --- 3. Fetch missing content in chunks; render as data arrives --------
    const neededIds = unique(pending.flatMap(p =&gt; p.needs)).filter(id =&gt; !urlLists.has(id));
    const oversized = new Set();
    for (const id of neededIds) {
      const meta = metadata[id];
      if (meta &amp;&amp; typeof meta.size === 'number' &amp;&amp; meta.size &gt; MAX_REVISION_CHARS) {
        oversized.add(id);
        urlLists.set(id, null);
      }
    }
    const chunks = chunkRevisionIds(neededIds.filter(id =&gt; !oversized.has(id)), metadata);

    let canRender = false;
    const settle = () =&gt; {
      if (!canRender) return;
      for (let i = pending.length - 1; i &gt;= 0; i--) {
        const item = pending[i];
        if (!item.needs.every(id =&gt; urlLists.has(id))) continue;
        pending.splice(i, 1);
        if (item.needs.some(id =&gt; oversized.has(id))) {
          markSkipped(item.revision, 'oversized');
          continue;
        }
        const oldList = urlLists.get(item.revision.oldrevision);
        const newList = item.revision.newrevision ? urlLists.get(item.revision.newrevision) : null;
        if (oldList === null || (item.revision.newrevision &amp;&amp; newList === null)) {
          markSkipped(item.revision, 'fetch-failed');
          continue;
        }
        renderRevision(item.revision,
          classifyLinkChanges(oldList, newList, !!item.revision.newrevision));
      }
      flushGutterPadding();
    };

    const onText = (id, text) =&gt; {
      if (text === null) {
        urlLists.set(id, null);
        return;
      }
      if (text.length &gt; MAX_REVISION_CHARS) {
        oversized.add(id);
        urlLists.set(id, null);
        return;
      }
      const urls = extractURLs(stripHTMLComments(text));
      urlLists.set(id, urls);
      writeCache(`revURLs:${location.hostname}:${id}`, urls);
    };

    // Dispatch content fetches now; they run while the lists are still loading.
    const fetching = runPool(chunks.map(chunk =&gt; async () =&gt; {
      await fetchChunkIsolating(chunk, onText);
      settle();
    }), CONTENT_CONCURRENCY);

    if (!(await configReady)) {
      await fetching;
      return; // no lists: nothing to screen against
    }
    canRender = true;
    settle(); // cache hits and anything that landed while the lists loaded
    await fetching;

    // Anything still pending had an id the API never returned
    for (const item of pending) {
      markSkipped(item.revision, 'fetch-failed');
    }
  }

  /**
   * Fetches a chunk of revisions; if the request fails outright, splits the
   * chunk in half and retries each half, so one problematic revision only
   * costs itself rather than its neighbours. Each fetch already carries
   * safeFetch's retries, so this only runs in genuine failure cases.
   *
   * @param {string[]} chunk - Revision IDs.
   * @param {Function} onText - Called with (id, text|null) for every id.
   */
  async function fetchChunkIsolating(chunk, onText) {
    const result = await fetchRevisionTexts(chunk);
    if (result) {
      for (const id of chunk) {
        onText(id, result.has(id) ? result.get(id) : null);
      }
      return;
    }
    if (chunk.length === 1) {
      onText(chunk[0], null);
      return;
    }
    const mid = Math.ceil(chunk.length / 2);
    await fetchChunkIsolating(chunk.slice(0, mid), onText);
    await fetchChunkIsolating(chunk.slice(mid), onText);
  }

  /**
   * Groups revision IDs into fetch chunks in order, bounded by count and, when
   * sizes are known, by an approximate byte budget so one huge article does not
   * delay its neighbours.
   *
   * @param {string[]} ids - Revision IDs in the order they should be fetched.
   * @param {Object} metadata - Map of id -&gt; {parentid, size} (may be sparse).
   * @returns {string[][]}
   */
  function chunkRevisionIds(ids, metadata) {
    const chunks = [];
    let current = [];
    let currentBytes = 0;
    for (const id of ids) {
      const meta = metadata[id];
      const bytes = (meta &amp;&amp; typeof meta.size === 'number') ? meta.size : ASSUMED_REVISION_BYTES;
      if (current.length &gt; 0 &amp;&amp;
        (current.length &gt;= CONTENT_CHUNK_SIZE || currentBytes + bytes &gt; CONTENT_CHUNK_BYTES)) {
        chunks.push(current);
        current = [];
        currentBytes = 0;
      }
      current.push(id);
      currentBytes += bytes;
    }
    if (current.length &gt; 0) chunks.push(current);
    return chunks;
  }

  /**
   * Runs async task factories with at most `concurrency` in flight, in order.
   *
   * @param {Array&lt;() =&gt; Promise&lt;*&gt;&gt;} tasks
   * @param {number} concurrency
   * @returns {Promise&lt;void&gt;}
   */
  async function runPool(tasks, concurrency) {
    let next = 0;
    const workers = Array.from({ length: Math.min(concurrency, tasks.length) }, async () =&gt; {
      while (next &lt; tasks.length) {
        const task = tasks[next++];
        try {
          await task();
        } catch (e) {
          console.warn('Citation Watchlist: chunk failed:', e);
        }
      }
    });
    await Promise.all(workers);
  }

  /**
   * Returns the elements of an array with duplicates removed, first occurrence wins.
   *
   * @param {Array} arr
   * @returns {Array}
   */
  function unique(arr) {
    return Array.from(new Set(arr));
  }

  /**
   * Marks a revision's row as skipped with a reason, without annotating it.
   *
   * @param {Object} revision
   * @param {string} reason - 'fetch-failed', 'oversized' or 'invalid'.
   */
  function markSkipped(revision, reason) {
    revision.skipped = reason;
    try {
      revisionTargetElement(revision).setAttribute('data-cw-skipped', reason);
    } catch (e) {
      /* ignore */
    }
    console.warn(`Citation Watchlist: skipped ${revision.oldrevision || '?'}` +
      `${revision.newrevision ? ' -&gt; ' + revision.newrevision : ''} (${reason})`);
  }

  /**
   * Finds the row-level element that carries data attributes for a revision.
   *
   * @param {Object} revision
   * @returns {Element}
   */
  function revisionTargetElement(revision) {
    const el = revision.element;
    return el.closest('[data-mw-revid]:not(.mw-userlink)') ||
      el.closest('li') || el.closest('.mw-changeslist-line, tr') || el;
  }

  /**
   * Scans the article page for sections whose H2 headers match enabledSectionHeaders,
   * then analyzes each matching section for watchlisted domains.
   */
  async function analyzeArticleSections() {
    const headings = document.querySelectorAll('.mw-heading2 h2, h2');
    for (const h2 of headings) {
      const headerText = h2.textContent.trim();
      if (!enabledSectionHeaders.includes(headerText)) continue;

      // Collect all content between this heading and the next heading
      const headingContainer = h2.closest('.mw-heading') || h2;
      let sibling = headingContainer.nextElementSibling;
      const sectionElements = [];
      while (sibling &amp;&amp; !sibling.classList.contains('mw-heading')) {
        sectionElements.push(sibling);
        sibling = sibling.nextElementSibling;
      }

      try {
        analyzeSection(headerText, sectionElements);
        createArticleFilterWidget(headingContainer);
      } catch (e) {
        console.warn(`Citation Watchlist: failed to analyze section &quot;${headerText}&quot;:`, e);
      }
    }
  }

  /**
   * Analyzes a single article section: extracts URLs from each &lt;li&gt;, screens them
   * against domain lists, and prepends indicator icons to matching list items.
   *
   * @param {string} sectionName - The section header text (e.g. &quot;References&quot;).
   * @param {Element[]} sectionElements - DOM elements between this heading and the next.
   */
  function analyzeSection(sectionName, sectionElements) {
    const revisionId = mw.config.get('wgRevisionId');
    const cacheKey = `sectionURLs:${location.hostname}:${revisionId}:${sectionName}`;

    // Map: array of { liId, urls }. Anything read back from localStorage is
    // re-validated before it can reach an href.
    let liURLMap = null;
    const cachedMap = readCache(cacheKey);
    if (Array.isArray(cachedMap)) {
      liURLMap = cachedMap
        .filter(entry =&gt; entry &amp;&amp; typeof entry.liId === 'string' &amp;&amp; Array.isArray(entry.urls))
        .map(entry =&gt; ({ liId: entry.liId, urls: entry.urls.filter(isValidHttpUrl) }));
    }

    const citeNotes = sectionElements.flatMap(el =&gt; Array.from(el.querySelectorAll('li[id^=&quot;cite_note&quot;]')));

    // Build from DOM if not cached
    if (!liURLMap) {
      liURLMap = citeNotes.map(li =&gt; ({
        liId: li.id,
        urls: Array.from(li.querySelectorAll('a.external[href]'))
          .map(a =&gt; a.getAttribute('href'))
          .filter(href =&gt; /^https?:\/\//i.test(href))
      }));
      writeCache(cacheKey, liURLMap);
    }

    // Add padding to all list items so citation text is flush with icons
    for (const li of citeNotes) li.style.paddingLeft = '1.5em';

    // Screen each li's URLs against domain lists and prepend icons with popups
    for (const entry of liURLMap) {
      const li = document.getElementById(entry.liId);
      if (!li) continue;

      const matched = resolveURLs(entry.urls).filter(r =&gt; r.indicator);
      if (matched.length === 0) continue;
      const highest = highestPriority(matched.map(m =&gt; m.indicator));

      const wrapper = makeElement('span', {
        style: { position: 'relative', cursor: 'pointer', marginLeft: '-1.5em',
          display: 'inline-block', width: '1.5em' }
      });
      wrapper.appendChild(makeElement('span', { text: indicators[highest].emoji }));
      attachPopup(wrapper, listedTypes
        .slice().sort((a, b) =&gt; indicators[b].priority - indicators[a].priority)
        .map(type =&gt; ({ desc: indicators[type], items: matched.filter(m =&gt; m.indicator === type) })), {});
      li.prepend(wrapper);
      li.dataset.cwIndicator = highest;
    }
  }

  /**
   * Extracts revision information from diff/hist/prev/cur links within a container.
   * Parent IDs are not fetched here; rows that need one set `needsParentOf` and
   * processRevisions() resolves them in a single batched request.
   *
   * @param {Element} container - The DOM element to query for revision links.
   * @param {Element} element - The DOM element to attach to the revision object.
   * @param {Function|null} prePadCallback - Optional callback invoked with (element, link) before
   *     processing each branch. In fallback mode this derives the target element and pre-pads it.
   * @returns {Promise&lt;{revision: Object|null, hasLink: boolean, skip: boolean}&gt;}
   *     - revision: the extracted revision object, or null if no usable link was found.
   *     - hasLink: true if any recognized link was present (even if skipped).
   *     - skip: true if the entry should be skipped (non-article after pre-padding).
   */
  async function extractRevisionFromLinks(container, element, prePadCallback) {
    const kinds = [
      { selector: 'a.mw-changeslist-diff', kind: 'diff' },
      { selector: 'a.mw-changeslist-history', kind: 'hist' },
      { selector: 'a.mw-history-histlinks-previous', kind: 'prev' },
      { selector: 'a.mw-history-histlinks-current', kind: 'cur' }
    ];
    let link = null;
    let kind = null;
    for (const k of kinds) {
      link = container.querySelector(k.selector);
      if (link) {
        kind = k.kind;
        break;
      }
    }
    if (!link) {
      return { revision: null, hasLink: false, skip: false };
    }

    const params = new URL(link.href).searchParams;
    const pageTitle = params.get('title');
    const target = prePadCallback ? prePadCallback(element, link) : element;

    // The diff and hist links appear on watchlist/RC/contribs rows that can be
    // for any namespace; history prev/cur links are always for the page itself.
    if ((kind === 'diff' || kind === 'hist') &amp;&amp; isNotArticle(pageTitle)) {
      return { revision: null, hasLink: true, skip: true };
    }

    const revision = {
      oldrevision: null,
      newrevision: null,
      element: target,
      viewHref: '',
      viewLabel: viewDiffLabel,
      pageTitle: pageTitle || undefined
    };

    switch (kind) {
      case 'diff': {
        // MediaWiki convention: diff = newer, oldid = older
        const diffParam = params.get('diff');
        const oldidParam = params.get('oldid');
        revision.viewHref = link.href;
        if (diffParam === 'prev' &amp;&amp; oldidParam) {
          // Contributions: oldid is the current revision; parent resolved later
          revision.needsParentOf = oldidParam;
        } else {
          revision.oldrevision = oldidParam;
          revision.newrevision = diffParam;
        }
        break;
      }
      case 'hist': {
        // New page: analyze its first revision
        const firstID = await fetchFirstRevisionId(pageTitle);
        if (!firstID) {
          return { revision: null, hasLink: true, skip: false };
        }
        revision.oldrevision = String(firstID);
        revision.viewHref = buildPermalinkUrl(firstID);
        revision.viewLabel = viewRevisionLabel;
        break;
      }
      case 'prev': {
        // viewHref is filled in once the parent is known
        revision.needsParentOf = params.get('oldid') || null;
        break;
      }
      case 'cur': {
        revision.oldrevision = params.get('oldid');
        revision.viewHref = buildPermalinkUrl(revision.oldrevision);
        revision.viewLabel = viewRevisionLabel;
        break;
      }
    }

    return { revision, hasLink: true, skip: false };
  }

  /**
   * Classifies the link changes between two revisions. Links are grouped by
   * the page they ultimately point at (archive URLs are unwrapped). Each
   * entry has a `kind` (added / changed / removed), `archive` (the cited URL
   * is an archived copy), `withArchive` (an archive copy was added with it),
   * `supplement` (archive link added to an already-cited source) and
   * `counted` (affects the gutter icon and list indicators). A removed URL and
   * an added URL on the same domain are paired as a `changed` entry.
   * Multiset semantics: a URL that appears twice in the new revision and once
   * in the old counts as one addition.
   *
   * @param {string[]} fromList - URLs in the older revision.
   * @param {string[]|null} toList - URLs in the newer revision (ignored if !hasNew).
   * @param {boolean} hasNew - False for a page's first revision, in which case
   *   every URL in fromList is considered added.
   * @returns {Object[]} Change entries.
   */
  function classifyLinkChanges(fromList, toList, hasNew) {
    const tally = (urls) =&gt; {
      const byTarget = new Map(); // target -&gt; { direct: [], archive: [] }
      for (const r of resolveURLs(urls)) {
        if (!byTarget.has(r.target)) byTarget.set(r.target, { direct: [], archive: [] });
        byTarget.get(r.target)[r.archiveHost ? 'archive' : 'direct'].push(r);
      }
      return byTarget;
    };
    const oldMap = hasNew ? tally(fromList) : new Map();
    const newMap = tally(hasNew ? (toList || []) : fromList);

    const added = [];   // counted, non-supplement additions (candidates for pairing)
    const removed = []; // counted removals (candidates for pairing)
    const other = [];   // everything else, already final
    const entry = (link, kind, props) =&gt; ({
      url: link.url, target: link.target, domain: link.domain, indicator: link.indicator,
      archive: !!link.archiveHost, archiveHost: link.archiveHost,
      withArchive: false, supplement: false, counted: true, kind, ...props
    });

    for (const target of new Set([...oldMap.keys(), ...newMap.keys()])) {
      const o = oldMap.get(target) || { direct: [], archive: [] };
      const n = newMap.get(target) || { direct: [], archive: [] };
      let dAdded = Math.max(0, n.direct.length - o.direct.length);
      let dRemoved = Math.max(0, o.direct.length - n.direct.length);
      let aAdded = Math.max(0, n.archive.length - o.archive.length);
      let aRemoved = Math.max(0, o.archive.length - n.archive.length);

      // New direct citations; an archive added with one is folded into it
      for (let i = 0; i &lt; dAdded; i++) {
        const withArchive = aAdded &gt; 0;
        if (withArchive) aAdded--;
        added.push(entry(n.direct[i], 'added', { withArchive }));
      }
      // Archive links not accounted for above
      if (aAdded &gt; 0) {
        if (n.direct.length &gt; 0) {
          // Source still cited directly: these are supplements, not new sources
          for (let i = 0; i &lt; aAdded; i++) {
            other.push(entry(n.archive[i], 'added', { supplement: true, counted: false }));
          }
        } else if (dRemoved &gt; 0) {
          // Original gone, archive took its place: a swap
          const swaps = Math.min(dRemoved, aAdded);
          for (let i = 0; i &lt; swaps; i++) {
            other.push(entry(n.archive[i], 'changed', {
              counted: false, oldUrl: o.direct[i].url, oldArchive: false
            }));
          }
          dRemoved -= swaps;
          for (let i = swaps; i &lt; aAdded; i++) {
            other.push(entry(n.archive[i], 'added', { supplement: true, counted: false }));
          }
        } else {
          // Archive-only citation of a source not otherwise cited
          for (let i = 0; i &lt; aAdded; i++) added.push(entry(n.archive[i], 'added'));
        }
      }
      // Direct links removed
      if (dRemoved &gt; 0) {
        if (n.direct.length === 0 &amp;&amp; n.archive.length &gt; 0) {
          // Original dropped but an already-present archive remains: a swap
          for (let i = 0; i &lt; dRemoved; i++) {
            other.push(entry(n.archive[0], 'changed', {
              counted: false, oldUrl: o.direct[i].url, oldArchive: false
            }));
          }
        } else {
          for (let i = 0; i &lt; dRemoved; i++) removed.push(entry(o.direct[i], 'removed'));
        }
      }
      // Archive links removed: only matters when nothing of the source remains
      if (aRemoved &gt; 0 &amp;&amp; n.direct.length === 0 &amp;&amp; n.archive.length === 0) {
        if (dAdded &gt; 0) {
          // archive-only -&gt; direct: un-archived
          for (let i = 0; i &lt; aRemoved &amp;&amp; i &lt; dAdded; i++) {
            const a = added.pop(); // the direct entry pushed above
            other.push(entry(n.direct[i], 'changed', {
              counted: false, oldUrl: o.archive[i].url, oldArchive: true
            }));
            if (!a) break;
          }
        } else if (o.direct.length === 0) {
          for (let i = 0; i &lt; aRemoved; i++) removed.push(entry(o.archive[i], 'removed'));
        }
      }
    }

    // Pair same-domain removals with additions as URL changes
    for (const r of removed) {
      const idx = added.findIndex(a =&gt; a.domain === r.domain &amp;&amp; !a.archive &amp;&amp; !r.archive);
      if (idx === -1) {
        other.push(r);
        continue;
      }
      const a = added.splice(idx, 1)[0];
      other.push({ ...a, kind: 'changed', counted: false, oldUrl: r.url, oldArchive: false });
    }
    return [...added, ...other];
  }
  /**
   * Screens a revision's link changes against the domain lists and annotates
   * its row (gutter icons, popup, filter data attributes).
   * Synchronous: all network work happens in processRevisions().
   *
   * @param {Object} revision - Object containing oldrevision, optional
   *   newrevision, and DOM element.
   * @param {Object[]} changes - From classifyLinkChanges().
   */
  function renderRevision(revision, changes) {
    const targetElement = revisionTargetElement(revision);
    targetElement.setAttribute('data-cw-processed', 'true');

    const counted = changes.filter(c =&gt; c.counted);
    const addedSources = counted.filter(c =&gt; c.kind === 'added');
    const removedSources = counted.filter(c =&gt; c.kind === 'removed');

    // Left gutter glyph: list indicator &gt; new source &gt; archiving only &gt; URL changes only
    let addChar = null;
    const topType = highestPriority(addedSources.map(a =&gt; a.indicator));
    if (topType) addChar = indicators[topType].emoji;
    else if (addedSources.length &gt; 0) addChar = indicators.added.emoji;
    else if (changes.some(c =&gt; c.kind === 'added')) addChar = archiveGlyph;
    else if (changes.some(c =&gt; c.kind === 'changed')) addChar = changedGlyph;

    try {
      if (revision.viewHref) revision.element.dataset.cwViewHref = revision.viewHref;
      if (revision.viewLabel) revision.element.dataset.cwViewLabel = revision.viewLabel;
    } catch (e) {
      /* ignore */
    }

    renderTwoColumnEmojis(revision.element, addChar, removedSources.length &gt; 0, changes);

    // Data attributes drive the filter widget. Every entry is a link change;
    // only counted entries carry list indicators.
    const changedDomains = unique(changes.map(r =&gt; r.domain)).sort();
    if (changedDomains.length &gt; 0) {
      targetElement.dataset.cwLinkchange = changedDomains.join('|');
    }
    for (const type of listedTypes) {
      const domains = unique(counted.filter(r =&gt; r.indicator === type).map(r =&gt; r.domain)).sort();
      if (domains.length &gt; 0) {
        targetElement.setAttribute(indicators[type].dataAttr, domains.join('|'));
      }
    }
  }
  /**
   * ==========================================================================
   * 2. User Interface
   * ==========================================================================
   */

  /**
   * Pending hosts that need gutter padding applied. Collected during
   * renderTwoColumnEmojis and flushed in a single batch via flushGutterPadding()
   * so that all rows shift at the same time instead of one at a time.
   */
  const pendingGutterPadding = [];

  /**
   * Applies the gutter padding to a single host element, reserving horizontal
   * space for the two-column emoji gutter.
   *
   * @param {HTMLElement} host - The element to pad.
   */
  function applyGutterPadding(host) {
    const pad = 'calc(2em + 0.5em)';
    try {
      const cs = window.getComputedStyle(host);
      const existing = parseFloat(cs.paddingLeft || '0');
      const fontSizePx = parseFloat(cs.fontSize || '16');
      const desiredPx = 2.5 * fontSizePx; // 2em + 0.5em
      if (isNaN(existing) || existing &lt; desiredPx - 0.5) {
        host.style.paddingLeft = pad;
      }
    } catch (e) {
      host.style.paddingLeft = pad;
    }
  }

  /**
   * Applies gutter padding to all collected hosts at once, then clears the
   * queue. Call this after a batch of renderTwoColumnEmojis calls to avoid
   * one-at-a-time layout shifts.
   */
  function flushGutterPadding() {
    for (const host of pendingGutterPadding) {
      applyGutterPadding(host);
    }
    pendingGutterPadding.length = 0;
  }

  /**
   * Finds the element that hosts the gutter for a change-list element:
   * the list container or, for table rows, the content cell.
   *
   * @param {HTMLElement} element
   * @returns {HTMLElement|null}
   */
  function gutterHostFor(element) {
    const container =
      element.closest('[data-mw-revid]:not(.mw-userlink)') ||
      element.closest('li') ||
      element.closest('.mw-changeslist-line, tr') || element.parentNode || element;
    if (!container) return null;
    let host = container;
    if (host.tagName &amp;&amp; host.tagName.toUpperCase() === 'TR') {
      // For nested enhanced RC rows, place the gutter in the content cell so
      // icons align with singleton rows that use .mw-changeslist-line-inner.
      const nestedContent = host.querySelector('td.mw-enhanced-rc-nested[data-target-page]');
      host = nestedContent || host.querySelector('td, th') || host;
    }
    // Prefer inner change-line wrappers on Watchlist/RC if present
    const innerHost = host.querySelector('.mw-changeslist-line-inner, .mw-changeslist-line-main');
    return innerHost || host;
  }

  /**
   * Renders exactly two fixed-width emoji columns before a revision entry:
   * - Left column: highest-priority addition indicator
   *   (warning/caution/inspect/added), or spacer if none.
   * - Right column: removal indicator if removals exist, otherwise spacer.
   *
   * This preserves consistent alignment even when no links are added/removed.
   *
   * @param {HTMLElement} element - The revision list DOM element.
   * @param {string|null} addChar - Glyph for the left column, or null for a spacer.
   * @param {boolean} hasRemovals - Whether to show the removal icon.
   * @param {Object[]} changes - Resolved link changes from classifyLinkChanges().
   */
  function renderTwoColumnEmojis(element, addChar, hasRemovals, changes = []) {
    if (!element) return;
    const host = gutterHostFor(element);
    if (!host) return;

    const cell = (char, className) =&gt; makeElement('span', {
      className, text: char,
      style: { display: 'inline-block', width: '1em', textAlign: 'center', userSelect: 'none' }
    });
    addChar = addChar || '\u00A0';
    const remChar = hasRemovals ? indicators.removed.emoji : ' ';

    // Propagate dataset for view link from source element to host
    try {
      if (element.dataset.cwViewHref) host.dataset.cwViewHref = element.dataset.cwViewHref;
      if (element.dataset.cwViewLabel) host.dataset.cwViewLabel = element.dataset.cwViewLabel;
    } catch (e) {
      /* ignore */
    }

    // Ensure a single gutter exists
    let gutter = host.querySelector('.cw-gutter');
    if (gutter) {
      gutter.querySelector('.cw-add').textContent = addChar;
      gutter.querySelector('.cw-rem').textContent = remChar;
    } else {
      // Ensure the host can anchor absolutely positioned children
      if (!host.style.position) host.style.position = 'relative';
      // Create a left gutter that does not participate in text wrapping
      gutter = makeElement('span', {
        className: 'cw-gutter',
        style: {
          position: 'absolute', left: '0', top: '0', display: 'inline-flex', gap: '0.25em',
          width: 'calc(2em + 0.25em)', alignItems: 'flex-start', userSelect: 'none'
        }
      });
      gutter.appendChild(cell(addChar, 'cw-add'));
      gutter.appendChild(cell(remChar, 'cw-rem'));
      // Insert the gutter into the host; padding is deferred to flushGutterPadding()
      host.insertBefore(gutter, host.firstChild);
      pendingGutterPadding.push(host);
    }

    const sections = Object.keys(changeKinds).map(kind =&gt;
      ({ desc: changeKinds[kind], items: changes.filter(c =&gt; c.kind === kind) }));
    attachPopup(gutter, sections, {
      viewHref: host.dataset.cwViewHref || '',
      viewLabel: host.dataset.cwViewLabel || ''
    });
    host.setAttribute('data-processed-twocol', 'true');
  }
  /**
   * Fills a popup with a close button, stacked sections and a footer. The
   * body is a two-column grid: a fixed-width column for list indicators and
   * a column for domains, so domain names align whether or not they carry a
   * flag. Each section header spans both columns with a rule beneath it.
   * Popups with more than POPUP_COLLAPSE_AFTER domain lines start collapsed
   * with a &quot;Show all&quot; toggle. Idempotent: safe to call again to refresh.
   *
   * @param {HTMLElement} popupEl - The popup element.
   * @param {Array&lt;{desc: Object, items: Object[]}&gt;} sections - `desc` has
   *   msg, emoji and explanation; `items` are change entries or resolved links.
   * @param {Object} footerOptions - See createPopupFooter.
   */
  function buildPopupContent(popupEl, sections, footerOptions) {
    if (!popupEl.querySelector('.cw-close')) {
      popupEl.appendChild(createCloseButton(popupEl));
    }
    for (const stale of popupEl.querySelectorAll('.cw-popup-content, .cw-popup-more, .cw-popup-footer')) {
      stale.remove();
    }
    const contentWrap = makeElement('div', {
      className: 'cw-popup-content',
      style: {
        display: 'grid', gridTemplateColumns: '1.6em 1fr', columnGap: '0.3em',
        rowGap: '2px', alignItems: 'baseline'
      }
    });

    let lineCount = 0;
    let sectionCount = 0;
    for (const section of sections) {
      if (!section.items || section.items.length === 0) continue;
      const header = makeElement('div', {
        className: 'cw-popup-header',
        title: section.desc.explanation,
        ariaLabel: `${section.desc.msg}: ${section.desc.explanation}`,
        style: {
          gridColumn: '1 / -1', fontWeight: 'bold', whiteSpace: 'nowrap',
          marginTop: sectionCount ? '8px' : '0', paddingBottom: '2px',
          borderBottom: '1px solid rgba(128,128,128,.35)'
        }
      });
      header.appendChild(makeElement('span', { text: `${section.desc.emoji} ${section.desc.msg} ` }));
      header.appendChild(makeElement('span', {
        text: `(${section.items.length})`, style: { fontWeight: 'normal', opacity: '0.7' }
      }));
      contentWrap.appendChild(header);
      sectionCount++;
      for (const group of groupByDomain(section.items)) {
        for (const cell of makeDomainLine(group)) contentWrap.appendChild(cell);
        lineCount++;
      }
    }
    popupEl.appendChild(contentWrap);

    if (lineCount &gt; POPUP_COLLAPSE_AFTER) {
      Object.assign(contentWrap.style, { maxHeight: '12em', overflow: 'hidden' });
      const more = makeElement('a', {
        className: 'cw-popup-more', text: `${showAllLabel} ▾`,
        attrs: { href: '#', role: 'button' }, style: { display: 'block', marginTop: '4px' }
      });
      more.addEventListener('click', (e) =&gt; {
        e.preventDefault();
        e.stopPropagation();
        Object.assign(contentWrap.style, { maxHeight: '', overflow: '' });
        more.remove();
      });
      popupEl.appendChild(more);
    }

    popupEl.appendChild(createPopupFooter(footerOptions));
  }
  /**
   * Groups resolved links by domain, preserving first-seen order.
   *
   * @param {Object[]} items
   * @returns {Array&lt;{domain: string, indicator: string|null, items: Object[]}&gt;}
   */
  function groupByDomain(items) {
    const groups = new Map();
    for (const item of items) {
      if (!groups.has(item.domain)) {
        groups.set(item.domain, { domain: item.domain, indicator: item.indicator, items: [] });
      }
      groups.get(item.domain).items.push(item);
    }
    return Array.from(groups.values());
  }

  /**
   * Renders one domain line as two grid cells: the list-indicator cell (emoji
   * or empty) and the domain cell. A single link is the domain itself;
   * several become numbered links in parentheses. Archived copies carry a
   * badge, URL changes render as &quot;old → new&quot;, and archive supplements are
   * greyed.
   *
   * @param {{domain: string, indicator: string|null, items: Object[]}} group
   * @returns {HTMLElement[]} [indicatorCell, domainCell]
   */
  function makeDomainLine(group) {
    const flag = makeElement('span', {
      className: 'cw-emoji', style: { textAlign: 'center', userSelect: 'none' }
    });
    if (group.indicator) {
      const ind = indicators[group.indicator];
      flag.textContent = ind.emoji;
      flag.title = ind.explanation;
      flag.setAttribute('aria-label', `${ind.msg}: ${ind.explanation}`);
    }
    const line = makeElement('div', { className: 'cw-domain', style: { minWidth: '0' } });
    const allArchive = group.items.every(i =&gt; i.archive || i.withArchive);
    const allSupplement = group.items.every(i =&gt; i.supplement);
    if (allSupplement) {
      flag.style.opacity = line.style.opacity = '0.65';
      line.title = supplementTitle;
    }

    const isChanged = group.items[0].kind === 'changed';
    if (group.items.length === 1 &amp;&amp; !isChanged) {
      line.appendChild(makeItemLink(group.items[0], group.domain));
      if (allArchive) line.appendChild(archiveBadge());
      return [flag, line];
    }
    // &quot;domain (1, 2, 3)&quot; or, for URL changes, &quot;domain (old → new)&quot; /
    // &quot;domain (1: old → new, 2: old → new)&quot;
    line.appendChild(makeElement('span', { text: group.domain, style: { whiteSpace: 'nowrap' } }));
    if (allArchive &amp;&amp; !isChanged) line.appendChild(archiveBadge());
    line.appendChild(makeElement('span', { text: ' (' }));
    group.items.forEach((item, idx) =&gt; {
      const label = group.items.length &gt; 1 ? String(idx + 1) : '';
      line.appendChild(makeItemLink(item, label));
      if (!isChanged &amp;&amp; !allArchive &amp;&amp; (item.archive || item.withArchive)) line.appendChild(archiveBadge());
      if (idx &lt; group.items.length - 1) line.appendChild(makeElement('span', { text: ', ' }));
    });
    line.appendChild(makeElement('span', { text: ')' }));
    return [flag, line];
  }
  /**
   * The small &quot;archived copy&quot; badge shown after a link or domain.
   *
   * @returns {HTMLSpanElement}
   */
  function archiveBadge() {
    return makeElement('span', {
      className: 'cw-archive-badge', text: ' ' + archiveGlyph,
      title: archiveBadgeTitle, style: { fontSize: '0.85em' }
    });
  }
  /**
   * Link(s) for one entry. A changed entry renders as &quot;old → new&quot; with both
   * halves linked; otherwise a single link. Archived copies note their host
   * in the tooltip.
   *
   * @param {Object} item - Change entry or resolved link.
   * @param {string} text - Link text (the domain, or an index number).
   * @returns {HTMLElement}
   */
  function makeItemLink(item, text) {
    const link = (url, label, isArchive, host) =&gt; {
      const a = makeExternalLink(url, label);
      if (isArchive) a.title = host ? `${archivedViaLabel} ${host}` : archiveBadgeTitle;
      return a;
    };
    if (item.kind !== 'changed') {
      return link(item.url, text, item.archive, item.archiveHost);
    }
    const span = makeElement('span', { style: { whiteSpace: 'nowrap' } });
    if (text) span.appendChild(makeElement('span', { text: `${text}: ` }));
    span.appendChild(link(item.oldUrl, 'old', item.oldArchive, null));
    if (item.oldArchive) span.appendChild(archiveBadge());
    span.appendChild(makeElement('span', { text: changedArrow }));
    span.appendChild(link(item.url, 'new', item.archive, item.archiveHost));
    if (item.archive) span.appendChild(archiveBadge());
    return span;
  }
  /**
   * Creates (or refreshes) the popup under a host element and wires its
   * hover/click handlers. With no lines, any existing popup is hidden.
   *
   * @param {HTMLElement} host - The gutter or icon wrapper that owns the popup.
   * @param {Array} sections - See buildPopupContent.
   * @param {Object} footerOptions - See createPopupFooter.
   */
  function attachPopup(host, sections, footerOptions) {
    let popup = host.querySelector('.cw-popup');
    const hasContent = sections.some(s =&gt; s.items &amp;&amp; s.items.length &gt; 0);
    if (!hasContent) {
      if (popup) popup.style.display = 'none';
      host._cwEnablePopup = false;
      return;
    }
    if (!popup) {
      popup = createPopupElement();
      host.appendChild(popup);
    }
    buildPopupContent(popup, sections, footerOptions);
    host._cwEnablePopup = true;
    installPopupHandlers(host);
  }

  /**
   * Creates a link with the attributes every outbound link in this script
   * uses. The single place an attacker-influenced URL becomes an href, so the
   * URL check lives here: absolute http(s) only, plus same-origin paths when
   * `allowPath` is set (used for diff/permalink footers).
   *
   * @param {string} url
   * @param {string} text
   * @param {boolean} [allowPath=false]
   * @returns {HTMLAnchorElement}
   */
  function makeExternalLink(url, text, allowPath = false) {
    const a = makeElement('a', {
      text, attrs: { rel: 'nofollow noopener noreferrer', target: '_blank' },
      style: { whiteSpace: 'nowrap' }
    });
    if (isValidHttpUrl(url) || (allowPath &amp;&amp; /^\/(?!\/)/.test(url))) a.href = url;
    return a;
  }
  /**
   * Creates a DOM element with class, text, title, inline styles and
   * attributes in one call. Text is always set through textContent.
   *
   * @param {string} tag
   * @param {Object} [opts] - {className, text, title, ariaLabel, style, attrs}
   * @returns {HTMLElement}
   */
  function makeElement(tag, opts = {}) {
    const el = document.createElement(tag);
    if (opts.className) el.className = opts.className;
    if (opts.text !== undefined) el.textContent = opts.text;
    if (opts.title) {
      el.title = opts.title;
      el.setAttribute('aria-label', opts.ariaLabel || opts.title);
    }
    if (opts.style) Object.assign(el.style, opts.style);
    for (const [k, v] of Object.entries(opts.attrs || {})) el.setAttribute(k, v);
    return el;
  }

  /**
   * Creates a styled popup element for displaying domain information.
   *
   * @returns {HTMLDivElement} The configured popup element.
   */
  function createPopupElement() {
    return makeElement('div', {
      className: 'mwe-popups cw-popup',
      style: {
        position: 'absolute', minWidth: '260px', maxWidth: '420px', zIndex: '1000',
        display: 'none', background: 'var(--background-color, #fff)',
        border: '1px solid rgba(0,0,0,.15)', boxShadow: '0 2px 8px rgba(0,0,0,.2)',
        padding: '8px 26px 8px 10px', borderRadius: '4px', fontSize: '0.92em',
        overflowWrap: 'anywhere', boxSizing: 'border-box'
      }
    });
  }
  /**
   * Creates a styled close button for popups.
   *
   * @param {HTMLElement} popupEl - The popup element to hide when the button is clicked.
   * @returns {HTMLButtonElement} The configured close button.
   */
  function createCloseButton(popupEl) {
    const closeBtn = makeElement('button', {
      className: 'cw-close', text: '×', title: 'Close', attrs: { type: 'button' },
      style: {
        position: 'absolute', top: '4px', right: '6px', border: 'none',
        background: 'transparent', cursor: 'pointer', fontSize: '14px',
        lineHeight: '1', padding: '0', margin: '0'
      }
    });
    closeBtn.addEventListener('click', (e) =&gt; {
      e.stopPropagation();
      e.preventDefault();
      popupEl.style.display = 'none';
    });
    return closeBtn;
  }
  /**
   * Creates a popup footer element with an optional primary link and the
   * &quot;About Citation Watchlist&quot; link.
   *
   * @param {Object} [options] - Optional configuration.
   * @param {string} [options.viewHref] - URL for the primary link (e.g., diff or revision).
   * @param {string} [options.viewLabel] - Label text for the primary link.
   * @returns {HTMLDivElement} The configured footer element.
   */
  function createPopupFooter(options) {
    const footer = makeElement('div', {
      className: 'cw-popup-footer', style: { marginTop: '10px', color: 'inherit' }
    });
    if (options &amp;&amp; options.viewHref &amp;&amp; options.viewLabel) {
      const viewA = makeExternalLink(options.viewHref, options.viewLabel, true);
      if (viewA.href) {
        const strong = makeElement('strong');
        strong.appendChild(viewA);
        footer.appendChild(strong);
        footer.appendChild(makeElement('span', { text: ' • ' }));
      }
    }
    footer.appendChild(makeExternalLink(aboutLink, aboutLabel));
    return footer;
  }
  /**
   * Builds the shared filter widget container with radio buttons and an about link.
   *
   * @param {Object} config - Widget configuration.
   * @param {string} config.containerId - The ID for the container element.
   * @param {string} config.radioName - The name attribute for the radio button group.
   * @param {Array&lt;Object&gt;} config.filters - Array of filter option objects
   *   ({id, label, checked?, tooltip?}).
   * @param {Function} config.onFilter - Callback invoked with the selected filter ID.
   * @param {string} [config.initialLabel] - Label text; defaults to showEditsLabel.
   * @returns {HTMLDivElement} The configured filter widget container.
   */
  function buildFilterWidgetContainer(config) {
    const container = makeElement('div', {
      attrs: { id: config.containerId },
      style: {
        display: 'flex', alignItems: 'center', justifyContent: 'space-between',
        border: '1px solid black', borderRadius: '25px', padding: '10px 20px',
        margin: '10px 0', width: 'fit-content'
      }
    });
    const leftSection = makeElement('div', {
      style: { display: 'flex', alignItems: 'center', gap: '15px' }
    });
    leftSection.appendChild(makeElement('span', {
      className: 'cw-filter-label', text: config.initialLabel || showEditsLabel,
      style: { fontWeight: '500' }
    }));

    for (const filter of config.filters) {
      const wrapper = makeElement('label', {
        style: { display: 'flex', alignItems: 'center', gap: '5px', cursor: 'pointer' }
      });
      const radio = makeElement('input', {
        attrs: { type: 'radio', name: config.radioName, value: filter.id }, style: { margin: '0' }
      });
      radio.checked = !!filter.checked;
      radio.addEventListener('change', () =&gt; {
        if (radio.checked) config.onFilter(filter.id);
      });
      const text = makeElement('span', { text: filter.label });
      if (filter.tooltip) {
        text.title = filter.tooltip;
        Object.assign(text.style, { borderBottom: '1px dotted', cursor: 'help' });
      }
      wrapper.appendChild(radio);
      wrapper.appendChild(text);
      leftSection.appendChild(wrapper);
    }
    container.appendChild(leftSection);

    const rightSection = makeElement('div', { style: { marginLeft: '4em' } });
    const link = makeElement('a', {
      text: toolName, attrs: { href: aboutLink },
      style: { textDecoration: 'underline', color: '#0645ad' }
    });
    rightSection.appendChild(link);
    container.appendChild(rightSection);
    return container;
  }
  /**
   * Builds the indicator filter list from the indicators config, sorted by
   * descending priority and excluding non-positive priorities.
   *
   * @returns {Array&lt;{id: string, label: string, tooltip: string}&gt;}
   */
  function buildIndicatorFilters() {
    return listedTypes
      .slice()
      .sort((a, b) =&gt; indicators[b].priority - indicators[a].priority)
      .map(id =&gt; ({
        id,
        label: `${indicators[id].emoji} ${indicators[id].msg}`,
        tooltip: indicators[id].explanation
      }));
  }

  /**
   * Enables or greys out each radio in a filter widget according to whether
   * any row currently matches it.
   *
   * @param {string} radioName - The radio group name.
   * @param {Function} hasResults - (filterId) =&gt; boolean.
   */
  function updateFilterRadios(radioName, hasResults) {
    document.querySelectorAll(`input[name=&quot;${radioName}&quot;]`).forEach(radio =&gt; {
      const enabled = radio.value === 'all' || hasResults(radio.value);
      const label = radio.closest('label');
      radio.disabled = !enabled;
      if (label) {
        label.style.cursor = enabled ? 'pointer' : 'default';
        label.style.color = enabled ? '' : 'gray';
      }
    });
  }

  /**
   * Creates and inserts the change-list filter widget (watchlist, recent
   * changes, history, contributions). Radios start disabled and are enabled by
   * finishChangeListPass() once rows are annotated.
   *
   * @returns {HTMLElement|null} The created filter container or null if not created.
   */
  function createChangeListFilterWidget() {
    const ns = mw.config.get('wgNamespaceNumber');
    const pageName = mw.config.get('wgPageName');
    let target = document.querySelector('.mw-changeslist') ||
      document.getElementById('mw-history-compare');
    if (!target &amp;&amp; ns === -1 &amp;&amp; pageName.startsWith('Special:Contributions')) {
      target = document.querySelector('.mw-pager-body');
    }
    if (!target) return null;

    const container = buildFilterWidgetContainer({
      containerId: 'cw-filter-widget',
      radioName: 'cw-filter',
      filters: [
        { id: 'all', label: allLabel, checked: true },
        { id: 'linkchange', label: linkChangesLabel, tooltip: linkChangesTooltip },
        ...buildIndicatorFilters()
      ],
      onFilter: applyChangeListFilter,
      initialLabel: loadingLabel
    });
    target.parentNode.insertBefore(container, target);
    updateFilterRadios('cw-filter', () =&gt; false); // Disabled until annotation is complete
    return container;
  }

  /**
   * Creates and inserts a filter widget for the article surface, placed after
   * the section heading. Excludes the &quot;Link Changes&quot; option.
   *
   * @param {Element} headingContainer - The heading element to insert the widget after.
   */
  function createArticleFilterWidget(headingContainer) {
    const container = buildFilterWidgetContainer({
      containerId: 'cw-article-filter-widget',
      radioName: 'cw-article-filter',
      filters: [
        { id: 'all', label: allLabel, checked: true },
        ...buildIndicatorFilters()
      ],
      onFilter: applyArticleFilter
    });
    headingContainer.after(container);
    updateFilterRadios('cw-article-filter', (filterId) =&gt;
      !!document.querySelector(`li[id^=&quot;cite_note&quot;][data-cw-indicator=&quot;${filterId}&quot;]`));
    renderLoadWarnings();
  }

  /**
   * Called after each annotation pass on a change list: restores the widget
   * label, renders any load warnings, and enables the radios that have matches.
   */
  function finishChangeListPass() {
    const filterLabel = document.querySelector('#cw-filter-widget .cw-filter-label');
    if (filterLabel &amp;&amp; filterLabel.firstChild &amp;&amp;
      filterLabel.firstChild.nodeType === Node.TEXT_NODE) {
      filterLabel.firstChild.textContent = showEditsLabel;
    }
    renderLoadWarnings();
    const rows = document.querySelectorAll('[data-mw-revid]:not(.mw-userlink)');
    updateFilterRadios('cw-filter', (filterId) =&gt;
      Array.from(rows).some(row =&gt; rowMatchesFilter(row, filterId)));
    // Re-apply the active filter so newly loaded rows respect it
    const active = document.querySelector('input[name=&quot;cw-filter&quot;]:checked');
    if (active &amp;&amp; active.value !== 'all') applyChangeListFilter(active.value);
  }

  /**
   * Whether a change-list row (or any nested revision inside it) matches a filter.
   *
   * @param {Element} row
   * @param {string} filterId
   * @returns {boolean}
   */
  function rowMatchesFilter(row, filterId) {
    if (elementMatchesFilter(row, filterId)) return true;
    for (const nested of row.querySelectorAll('li[data-cw-processed=&quot;true&quot;]')) {
      if (elementMatchesFilter(nested, filterId)) return true;
    }
    return false;
  }

  /**
   * Applies the selected filter to article section list items.
   *
   * @param {string} filterId - 'all' or an indicator type.
   */
  function applyArticleFilter(filterId) {
    document.querySelectorAll('li[id^=&quot;cite_note&quot;]').forEach(li =&gt; {
      li.style.display = (filterId === 'all' || li.dataset.cwIndicator === filterId) ? '' : 'none';
    });
  }

  /**
   * Applies the selected filter to the revision list.
   *
   * @param {string} filterId - 'all', 'linkchange', or an indicator type.
   */
  let lastAppliedFilter = 'all';

  function applyChangeListFilter(filterId) {
    const isAll = filterId === 'all';

    const revisions = document.querySelectorAll(
      '[data-mw-revid]:not(.mw-userlink), [data-mw-logid]'
    );
    revisions.forEach(container =&gt; {
      if (isAll) {
        container.style.display = '';
        return;
      }
      // Log entries (data-mw-logid) don't have revision-based attributes to
      // match against filters — hide them when any specific filter is active.
      const show = container.hasAttribute('data-mw-revid') &amp;&amp; rowMatchesFilter(container, filterId);
      container.style.display = show ? '' : 'none';
    });

    // Hide h4 date headers when all their rows are hidden
    document.querySelectorAll('div.mw-changeslist h4').forEach(h4 =&gt; {
      if (isAll) {
        h4.style.display = '';
        return;
      }
      const sibling = h4.nextElementSibling;
      if (!sibling || sibling.tagName !== 'DIV') return;
      const revItems = sibling.querySelectorAll('[data-mw-revid]');
      if (revItems.length === 0) return;
      h4.style.display = Array.from(revItems).every(el =&gt; el.style.display === 'none') ? 'none' : '';
    });

    const enhanced = document.querySelector('table.mw-enhanced-rc');
    if (enhanced) {
      // Hide the group header row in each tbody if all other rows are hidden
      document.querySelectorAll('table.mw-enhanced-rc tbody').forEach(tbody =&gt; {
        const rows = tbody.querySelectorAll('tr');
        if (rows.length &lt; 2) return;
        rows[0].style.display = (!isAll &amp;&amp; Array.from(rows).slice(1)
          .every(tr =&gt; tr.style.display === 'none')) ? 'none' : '';
      });

      // Expand grouped sections while a specific filter is active, collapse on
      // &quot;all&quot;. Only on the transition, so switching between two filters leaves
      // the expanded state alone.
      const wasAll = lastAppliedFilter === 'all';
      if (wasAll !== isAll) {
        document.querySelectorAll('table.mw-enhanced-rc').forEach(table =&gt; {
          const checkbox = groupToggleCheckbox(table);
          if (checkbox &amp;&amp; checkbox.checked === isAll) {
            checkbox.checked = !isAll;
            checkbox.dispatchEvent(new Event('change'));
          }
        });
      }
    }

    showNoMatchingEdits(!isAll &amp;&amp; Array.from(
      document.querySelectorAll('[data-mw-revid]:not(.mw-userlink)')
    ).every(el =&gt; el.style.display === 'none'));

    lastAppliedFilter = filterId;
  }

  /**
   * Shows or removes the &quot;No matching edits&quot; message under the filter widget.
   *
   * @param {boolean} show
   */
  function showNoMatchingEdits(show) {
    const existing = document.getElementById('cw-no-matching-edits');
    if (existing) existing.remove();
    if (!show) return;
    const msg = makeElement('p', {
      text: noMatchingEditsLabel, attrs: { id: 'cw-no-matching-edits' },
      style: { margin: '10px 0', fontStyle: 'italic' }
    });
    const widget = document.getElementById('cw-filter-widget');
    if (widget &amp;&amp; widget.nextSibling) {
      widget.parentNode.insertBefore(msg, widget.nextSibling);
    }
  }

  /**
   * Returns the hidden checkbox that expands/collapses an enhanced-RC group.
   *
   * @param {Element} table - A table.mw-enhanced-rc element.
   * @returns {HTMLInputElement|null}
   */
  function groupToggleCheckbox(table) {
    const arrow = table.querySelector('.mw-enhancedchanges-arrow');
    const checkboxId = arrow &amp;&amp; arrow.getAttribute('for');
    return checkboxId ? document.getElementById(checkboxId) : null;
  }

  /**
   * If any configuration pages failed to load, appends a warning glyph (with
   * the details in its tooltip) to every filter-widget label on the page.
   * Safe to call more than once.
   */
  function renderLoadWarnings() {
    const messages = SHOW_LINT_IN_WIDGET ? [...loadWarnings, ...listLint] : loadWarnings;
    if (messages.length === 0) return;
    document.querySelectorAll('.cw-filter-label').forEach(label =&gt; {
      if (label.querySelector('.cw-load-warning')) return;
      label.appendChild(makeElement('span', {
        className: 'cw-load-warning', text: ' ' + loadWarningGlyph,
        title: loadWarningPrefix + '\n' + messages.join('\n'), style: { cursor: 'help' }
      }));
    });
  }

  /**
   * Whether the single document-level outside-click handler has been installed.
   * One delegated listener replaces the former one-listener-per-gutter design.
   */
  let outsideClickHandlerInstalled = false;

  /**
   * Installs a single document-level click handler that hides every open popup
   * whose owning gutter does not contain the click target.
   */
  function installOutsideClickHandler() {
    if (outsideClickHandlerInstalled) return;
    document.addEventListener('click', (ev) =&gt; {
      document.querySelectorAll('.cw-popup').forEach(p =&gt; {
        if (p.style.display === 'none' || p.style.display === '') return;
        const owner = p.parentElement;
        if (owner &amp;&amp; !owner.contains(ev.target)) {
          p.style.display = 'none';
        }
      });
    });
    outsideClickHandlerInstalled = true;
  }

  /**
   * Installs hover, click, touch, and outside-click handlers on a gutter element
   * to show/hide its popup.
   *
   * @param {HTMLElement} gutter - The gutter element containing a .cw-popup child.
   */
  function installPopupHandlers(gutter) {
    if (gutter._cwHandlersInstalled) return;
    let hideTimer = null;
    const positionPopup = () =&gt; {
      const p = gutter.querySelector('.cw-popup');
      if (!gutter._cwEnablePopup || !p) return;
      p.style.display = 'block';
      p.style.top = '1.4em';
      p.style.left = '0px';
      const rect = p.getBoundingClientRect();
      if (rect.right &gt; window.innerWidth - 10) {
        const overflow = rect.right - (window.innerWidth - 10);
        p.style.left = Math.max(0, (parseFloat(p.style.left) || 0) - overflow) + 'px';
      }
    };
    const show = () =&gt; {
      if (!gutter._cwEnablePopup) return;
      if (hideTimer) {
        clearTimeout(hideTimer);
        hideTimer = null;
      }
      positionPopup();
    };
    const scheduleHide = () =&gt; {
      hideTimer = setTimeout(() =&gt; {
        const p = gutter.querySelector('.cw-popup');
        if (p) p.style.display = 'none';
      }, 150);
    };

    gutter.addEventListener('mouseenter', show);
    gutter.addEventListener('mouseleave', scheduleHide);
    const pInit = gutter.querySelector('.cw-popup');
    if (pInit) {
      pInit.addEventListener('mouseenter', () =&gt; {
        if (hideTimer) {
          clearTimeout(hideTimer);
          hideTimer = null;
        }
      });
      pInit.addEventListener('mouseleave', scheduleHide);
    }
    const toggle = (e) =&gt; {
      if (!gutter._cwEnablePopup) return;
      e.stopPropagation();
      const p = gutter.querySelector('.cw-popup');
      if (!p) return;
      if (p.style.display === 'none' || p.style.display === '') {
        show();
      } else {
        p.style.display = 'none';
      }
    };
    gutter.addEventListener('click', toggle);
    gutter.addEventListener('touchstart', toggle, {
      passive: true
    });
    installOutsideClickHandler();
    gutter._cwHandlersInstalled = true;
  }

  /**
   * Watches for the change list being replaced by MediaWiki's live filters
   * (&quot;View new changes&quot;, filter edits on Special:Watchlist / RecentChanges)
   * and annotates the new rows. The existing widget sits outside the replaced
   * element and survives; its radios are refreshed after each pass.
   */
  function installLiveReloadObserver() {
    if (typeof MutationObserver === 'undefined') return;
    let timer = null;
    let running = false;
    let rerun = false;
    const run = async () =&gt; {
      if (running) {
        rerun = true;
        return;
      }
      running = true;
      try {
        await annotateChangeList(document, false);
      } catch (e) {
        console.warn('Citation Watchlist: live reload pass failed:', e);
      } finally {
        running = false;
        if (rerun) {
          rerun = false;
          run();
        }
      }
    };
    const observer = new MutationObserver(mutations =&gt; {
      const relevant = mutations.some(m =&gt; Array.from(m.addedNodes).some(node =&gt;
        node.nodeType === Node.ELEMENT_NODE &amp;&amp;
        (node.matches('[data-mw-revid], .mw-changeslist, .mw-changeslist-line') ||
          node.querySelector('[data-mw-revid], .mw-changeslist-line'))
      ));
      if (!relevant) return;
      clearTimeout(timer);
      timer = setTimeout(run, LIVE_RELOAD_DEBOUNCE_MS);
    });
    observer.observe(document.body, { childList: true, subtree: true });
  }

  const enabledNsStrings = new Set(enabledNamespaces.filter(n =&gt; n &gt;= 0).map(String));
  const namespaces = Object.entries(mw.config.get('wgFormattedNamespaces'))
    .filter(([num, name]) =&gt; num !== '0' &amp;&amp; !enabledNsStrings.has(num))
    .map(([_, name]) =&gt; name.replace(/ /g, '_') + ':');

  /**
   * Pre-pads an element with empty emoji gutters to prevent layout shift.
   *
   * @param {Element} element - The DOM element to pre-pad.
   */
  function prePadElement(element) {
    try {
      renderTwoColumnEmojis(element, null, false, []);
    } catch (e) {
      /* ignore */
    }
  }

  /**
   * ==========================================================================
   * 3. Builders and Extractors
   * ==========================================================================
   */

  /**
   * Constructs a URL for viewing a diff between two revisions.
   *
   * @param {string} title - The page title.
   * @param {string} fromId - The older revision ID.
   * @param {string} toId - The newer revision ID.
   * @returns {string} The diff URL, or empty string on error.
   */
  function buildDiffUrl(title, fromId, toId) {
    try {
      const script = mw.config.get('wgScript') || '/w/index.php';
      return `${script}` +
        `?title=${encodeURIComponent(title)}` +
        `&amp;diff=${encodeURIComponent(toId)}` +
        `&amp;oldid=${encodeURIComponent(fromId)}`;
    } catch (e) {
      return '';
    }
  }

  /**
   * Constructs a permalink URL for a specific revision.
   *
   * @param {string} revId - The revision ID.
   * @returns {string} The permalink URL, or empty string on error.
   */
  function buildPermalinkUrl(revId) {
    try {
      const articlePath = mw.config.get('wgArticlePath');
      if (articlePath &amp;&amp; articlePath.includes('$1')) {
        return articlePath.replace('$1',
          `Special:Permalink/${encodeURIComponent(revId)}`);
      }
      const script = mw.config.get('wgScript') || '/w/index.php';
      return `${script}?oldid=${encodeURIComponent(revId)}`;
    } catch (e) {
      return '';
    }
  }

  /**
   * Strips all HTML comments from a string.
   *
   * @param {string} text - Input text potentially containing HTML comments.
   * @returns {string} Text with all HTML comments removed.
   */
  function stripHTMLComments(text) {
    if (!text) return text;
    return text.replace(/&lt;!--[\s\S]*?--&gt;/g, '');
  }

  /**
   * Extracts all HTTP(S) URLs from a given wikitext string. The scheme is
   * matched case-insensitively (MediaWiki links HTTPS:// just as it does
   * https://), and protocol-relative links (&quot;[//example.com ...]&quot;) are
   * normalized to https://.
   *
   * @param {string} wikitext - Raw wikitext revision content.
   * @returns {string[]} List of valid extracted URLs.
   */
  function extractURLs(wikitext) {
    const urls = [];
    if (!wikitext) return urls;

    const urlRegex = // eslint-disable-next-line max-len
      /(?:https?:\/\/|(?&lt;=^|[\s\[|=&lt;&gt;&quot;'])\/\/)(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_\+.~#?&amp;//=]*)/gi;
    let match;
    while ((match = urlRegex.exec(wikitext)) !== null) {
      const raw = match[0].startsWith('//') ? 'https:' + match[0] : match[0];
      try {
        const url = new URL(raw);
        if (/^https?:$/.test(url.protocol)) urls.push(url.href);
      } catch (error) {
        console.error(`Invalid URL rejected: ${match[0]}`, error.message);
      }
    }
    return urls;
  }

  /**
   * Web archive services whose URLs embed the original URL. Each entry's
   * `extract` returns the embedded URL string or null.
   */
  /** Restores &quot;https:/example.com&quot; (slash-collapsed by some archives) to &quot;https://example.com&quot;. */
  const fixScheme = s =&gt; s.replace(/^(https?:)\/+/i, '$1//');

  const archiveUnwrappers = [
    {
      // https://web.archive.org/web/20200101000000/https://example.com/page
      // (the embedded scheme is sometimes collapsed to &quot;https:/&quot;)
      test: h =&gt; h === 'web.archive.org' || h === 'wayback.archive.org',
      extract: u =&gt; {
        const m = u.pathname.match(/^\/web\/\d{1,14}[a-z_]*\/(https?:\/{1,2}.+)$/i);
        return m ? fixScheme(m[1]) : null;
      }
    },
    {
      // https://archive.blah/2020.01.01-000000/https://example.com/page
      test: h =&gt; /^archive\.(ph|today|is|li|vn|fo|md)$/i.test(h),
      extract: u =&gt; {
        const m = u.pathname.match(/^\/[^/]+\/(https?:\/{1,2}.+)$/i);
        return m ? fixScheme(m[1]) : null;
      }
    },
    {
      // https://webcache.googleusercontent.com/search?q=cache:https://example.com/page
      test: h =&gt; h === 'webcache.googleusercontent.com',
      extract: u =&gt; {
        const q = u.searchParams.get('q') || '';
        const m = q.match(/^cache:(?:[A-Za-z0-9_-]+:)?(.+)$/);
        if (!m) return null;
        return /^https?:\/\//i.test(m[1]) ? m[1] : 'https://' + m[1];
      }
    }
  ];

  /**
   * Resolves a URL to the hostname that should be screened. If the URL is a
   * web-archive capture of another page, the captured page's host is used.
   *
   * @param {string} url
   * @returns {{hostname: string, target: string, archiveHost: string|null}|null}
   *   `target` is the unwrapped URL (or the URL itself). Null if unparsable.
   */
  function screenedHost(url) {
    let current;
    try {
      current = new URL(url);
    } catch (e) {
      return null;
    }
    let archiveHost = null;
    for (let depth = 0; depth &lt; 3 &amp;&amp; UNWRAP_ARCHIVES; depth++) {
      const unwrapper = archiveUnwrappers.find(a =&gt; a.test(current.hostname));
      if (!unwrapper) break;
      const inner = unwrapper.extract(current);
      if (!inner) break;
      try {
        const innerUrl = new URL(inner);
        if (!/^https?:$/.test(innerUrl.protocol)) break;
        archiveHost = archiveHost || current.hostname;
        current = innerUrl;
      } catch (e) {
        break;
      }
    }
    return { hostname: current.hostname, target: current.href, archiveHost };
  }

  /**
   * Resolves URLs to screened domains and list indicators.
   *
   * @param {string[]} urls
   * @returns {Array&lt;{url: string, target: string, domain: string, indicator: string|null, archiveHost: string|null}&gt;}
   */
  function resolveURLs(urls) {
    const out = [];
    for (const url of urls || []) {
      const host = screenedHost(url);
      if (!host) continue;
      const domain = getRootDomain(host.hostname, publicSuffixSet);
      if (!domain) continue;
      out.push({
        url, target: host.target, domain,
        indicator: highestIndicatorFor(domain), archiveHost: host.archiveHost
      });
    }
    return out;
  }

  /**
   * Returns the highest-priority list indicator that contains a domain.
   *
   * @param {string} domain
   * @returns {string|null}
   */
  function highestIndicatorFor(domain) {
    let chosen = null;
    for (const type of listedTypes) {
      if (indicators[type].list.has(domain) &amp;&amp;
        (!chosen || indicators[type].priority &gt; indicators[chosen].priority)) {
        chosen = type;
      }
    }
    return chosen;
  }

  /**
   * Returns the highest-priority type among a list of indicator types.
   *
   * @param {Array&lt;string|null&gt;} types
   * @returns {string|null}
   */
  function highestPriority(types) {
    let chosen = null;
    for (const t of types) {
      if (t &amp;&amp; (!chosen || indicators[t].priority &gt; indicators[chosen].priority)) chosen = t;
    }
    return chosen;
  }

  /**
   * Extracts the top-level domain from a full hostname using a public suffix set.
   *
   * @param {string} hostname - Full hostname (e.g., sub.example.co.uk).
   * @param {Set&lt;string&gt;} publicSuffixSet - Set of known public suffixes.
   * @returns {string} The top-level domain (e.g., example.co.uk).
   */
  function getRootDomain(hostname, publicSuffixSet) {
    // Handle empty or invalid hostnames
    if (!hostname || typeof hostname !== 'string') {
      console.warn('Invalid hostname provided to getRootDomain:', hostname);
      return '';
    }

    // Check if this is an IP address (simple check for IPv4)
    if (/^(\d{1,3}\.){3}\d{1,3}$/.test(hostname)) {
      return hostname; // Return IP addresses as-is
    }

    const domainParts = hostname.split('.');

    // Handle hostnames that are too short
    if (domainParts.length &lt; 2) {
      return hostname; // Return as-is if it's a single-part hostname
    }

    // Try to find a matching public suffix
    for (let i = 0; i &lt; domainParts.length; i++) {
      const candidate = domainParts.slice(i).join('.');

      // Check both normal and exception (prefixed with !) entries
      if (publicSuffixSet.has(candidate) || publicSuffixSet.has(`!${candidate}`)) {
        // If we found a match, return the domain part plus the public suffix
        // But make sure we don't go out of bounds
        if (i &gt; 0) {
          return domainParts.slice(i - 1).join('.');
        } else {
          // Edge case: the entire hostname is a public suffix
          return hostname;
        }
      }
    }

    // If no match in public suffix list, use a simple fallback:
    // For hostnames with 2 parts, return the whole thing
    // For hostnames with &gt;2 parts, return the last 2 parts
    if (domainParts.length === 2) {
      return hostname;
    } else {
      return domainParts.slice(-2).join('.');
    }
  }

  /**
   * Extracts the first page object from MediaWiki API query response.
   *
   * @param {Object} data - MediaWiki API response.
   * @returns {Object|null} The first page object or null if unavailable.
   */
  function getFirstPage(data) {
    if (!data || !data.query || !data.query.pages) return null;
    return Object.values(data.query.pages)[0] || null;
  }

  /**
   * Iterates every revision object in an API response, across all pages.
   * (A revids= query spanning several articles returns several page objects.)
   *
   * @param {Object|null} data - MediaWiki API response.
   * @returns {Object[]} Revision objects.
   */
  function allRevisionsIn(data) {
    if (!data || !data.query || !data.query.pages) return [];
    const out = [];
    for (const page of Object.values(data.query.pages)) {
      if (page &amp;&amp; Array.isArray(page.revisions)) out.push(...page.revisions);
    }
    return out;
  }

  /**
   * Returns the main-slot wikitext of a revision object, or null if the
   * revision is missing, hidden, or malformed.
   *
   * @param {Object} rev - Revision object from the API.
   * @returns {string|null}
   */
  function revisionText(rev) {
    if (!rev || rev.texthidden !== undefined) return null;
    const slot = rev.slots &amp;&amp; rev.slots.main;
    if (!slot || typeof slot['*'] !== 'string') return null;
    return slot['*'];
  }

  /**
   * Returns true if an API page object represents a page that cannot be
   * read (missing, invalid, or without an accessible revision).
   *
   * @param {Object} page - Page object from the API.
   * @returns {boolean}
   */
  function isUnreadablePage(page) {
    return !page || page.missing !== undefined || page.invalid !== undefined ||
      !Array.isArray(page.revisions) || page.revisions.length === 0;
  }

  /**
   * ==========================================================================
   * 4. Validation
   * ==========================================================================
   */

  /**
   * Validates that a string is a well-formed domain name.
   *
   * @param {string} str - The string to validate.
   * @returns {boolean} True if the string is a valid domain.
   */
  function isValidDomain(str) {
    if (!str || str.length === 0 || str.length &gt; 253) return false;
    if (!/^[a-zA-Z0-9._-]+$/.test(str)) return false;
    if (!str.includes('.')) return false;
    if (/\.\./.test(str) || str.startsWith('.') || str.endsWith('.')) return false;
    const labels = str.split('.');
    if (labels.some(l =&gt; l.length === 0 || l.length &gt; 63)) return false;
    return true;
  }

  /**
   * Validates that a string is a well-formed public suffix list entry.
   * Allows wildcard entries (e.g., *.ck) and exception entries (e.g., !www.ck).
   *
   * @param {string} str - The string to validate.
   * @returns {boolean} True if the string is a valid PSL entry.
   */
  function isValidSuffixEntry(str) {
    const cleaned = str.replace(/^[!*.]/, '');
    return /^[a-zA-Z0-9._-]+$/.test(cleaned) &amp;&amp; cleaned.length &gt; 0 &amp;&amp; cleaned.length &lt;= 253;
  }

  /**
   * Validates that a value is a string parseable as an absolute http(s) URL.
   * Used to re-validate anything read back from localStorage before it is
   * assigned to an href.
   *
   * @param {*} u - The value to validate.
   * @returns {boolean} True if the value is an http(s) URL.
   */
  function isValidHttpUrl(u) {
    if (typeof u !== 'string') return false;
    try {
      return /^https?:$/i.test(new URL(u).protocol);
    } catch (e) {
      return false;
    }
  }

  /**
   * Validates that a value is a plausible revision ID (a positive integer
   * string). Used before an ID is put into an API request or a cache key.
   *
   * @param {*} id - The value to validate.
   * @returns {boolean}
   */
  function isRevisionId(id) {
    return typeof id === 'string' &amp;&amp; /^[1-9][0-9]{0,15}$/.test(id);
  }

  /**
   * Validates that a string is a plausible MediaWiki page title.
   * Rejects titles with invalid characters, excessive length, or suspicious patterns.
   *
   * @param {string} title - The page title to validate.
   * @returns {boolean} True if the title looks like a valid page link.
   */
  function isValidPageTitle(title) {
    if (typeof title !== 'string') return false;
    if (title.length === 0 || title.length &gt; 255) return false;
    if (/[\[\]{}|#&lt;&gt;\n\r\t]/.test(title)) return false;
    if (title.includes('..')) return false;
    if (title.startsWith(':') || title.startsWith(' ') || title.endsWith(' ')) return false;
    return true;
  }

  /**
   * Determines whether a given page title does *not* belong to the main or draft namespaces.
   * A missing title is treated as &quot;not an article&quot; so the row is skipped rather
   * than crashing the run.
   *
   * @param {string} pageTitle - The title of the page.
   * @returns {boolean} True if not an article namespace.
   */
  function isNotArticle(pageTitle) {
    if (typeof pageTitle !== 'string') return true;
    return namespaces.some(namespace =&gt; pageTitle.startsWith(namespace));
  }

  /**
   * Checks whether an element matches the specified filter.
   *
   * @param {Element} element - The DOM element to test.
   * @param {string} filterId - The active filter ID.
   * @returns {boolean} True if the element matches the filter.
   */
  function elementMatchesFilter(element, filterId) {
    if (filterId === 'linkchange') {
      return element.hasAttribute('data-cw-linkchange') ||
        listedTypes.some(type =&gt; element.hasAttribute(indicators[type].dataAttr));
    }
    if (indicators[filterId] &amp;&amp; indicators[filterId].dataAttr) {
      return element.hasAttribute(indicators[filterId].dataAttr);
    }
    return false;
  }

  /**
   * ==========================================================================
   * 5. Fetch
   * ==========================================================================
   */

  /**
   * Fetches revisions by ID and returns them keyed by revision ID (as strings),
   * across all pages in the response.
   *
   * @param {string[]} revIds
   * @param {string[]} rvprop - Properties to request (always includes 'ids').
   * @returns {Promise&lt;Map&lt;string, Object&gt;|null&gt;} Map of id -&gt; revision object,
   *   or null if the request failed.
   */
  async function fetchRevisionsById(revIds, rvprop) {
    const data = await fetchRevisionData({
      revids: revIds,
      rvprop: unique(['ids', ...rvprop]),
      rvslots: ['main']
    });
    if (!data) return null;
    const out = new Map();
    for (const rev of allRevisionsIn(data)) {
      if (rev &amp;&amp; rev.revid !== undefined) out.set(String(rev.revid), rev);
    }
    return out;
  }

  /**
   * Fetches wikitext for a chunk of revision IDs in one request.
   *
   * @param {string[]} revIds - Revision IDs (at most CONTENT_CHUNK_SIZE).
   * @returns {Promise&lt;Map&lt;string, string|null&gt;|null&gt;} Map of id -&gt; wikitext
   *   (null for a revision that exists but is unreadable), or null if the
   *   request itself failed. IDs the API did not return are absent.
   */
  async function fetchRevisionTexts(revIds) {
    const revs = await fetchRevisionsById(revIds, ['content']);
    if (!revs) return null;
    return new Map(Array.from(revs, ([id, rev]) =&gt; [id, revisionText(rev)]));
  }
  /**
   * Fetches parent IDs and sizes for a list of revision IDs, chunked at the
   * API maximum and fetched concurrently.
   *
   * @param {string[]} revisionIds - Revision IDs.
   * @returns {Promise&lt;Object&gt;} Map of id -&gt; {parentid, size}; IDs that could
   *   not be resolved are absent.
   */
  async function fetchRevisionMetadata(revisionIds) {
    const result = {};
    const chunks = [];
    for (let i = 0; i &lt; revisionIds.length; i += METADATA_CHUNK_SIZE) {
      chunks.push(revisionIds.slice(i, i + METADATA_CHUNK_SIZE));
    }
    await runPool(chunks.map(chunk =&gt; async () =&gt; {
      const revs = await fetchRevisionsById(chunk, ['size']);
      for (const [id, rev] of revs || []) {
        result[id] = {
          parentid: rev.parentid || 0,
          size: typeof rev.size === 'number' ? rev.size : undefined
        };
      }
    }), CONTENT_CONCURRENCY);
    return result;
  }
  /**
   * Fetches a page's current wikitext (main slot) by title.
   *
   * @param {string} pageTitle
   * @returns {Promise&lt;string|null&gt;} Null if the page is missing, unreadable, or the request failed.
   */
  async function fetchPageWikitext(pageTitle) {
    if (!isValidPageTitle(pageTitle)) return null;
    const page = getFirstPage(await fetchRevisionData({
      titles: [pageTitle],
      rvprop: ['content'],
      rvslots: ['main']
    }));
    return isUnreadablePage(page) ? null : revisionText(page.revisions[0]);
  }

  /**
   * Fetches the ID of the first revision of a page.
   *
   * @param {string} pageTitle - The page title to look up.
   * @returns {number|null} Revision ID or null.
   */
  async function fetchFirstRevisionId(pageTitle) {
    if (!isValidPageTitle(pageTitle)) return null;
    const page = getFirstPage(await fetchRevisionData({
      titles: [pageTitle],
      rvlimit: 1,
      rvdir: 'newer',
      rvprop: ['ids'],
    }));
    if (isUnreadablePage(page)) return null;
    return page.revisions[0].revid || null;
  }
  /**
   * Fetches the list of subpages from the list of lists, parses wikilinks, caches
   * the result, and returns list of subpage titles.
   *
   * @param {string} pageName - Title of the list-of-lists page.
   * @returns {Promise&lt;string[]&gt;} List of subpage titles (empty on failure).
   */
  async function fetchDomainListPages(pageName) {
    const cacheKey = `citationWatchlistFetchDomainListPages_${pageName}`;
    const cachedContent = readCache(cacheKey);
    if (Array.isArray(cachedContent) &amp;&amp; cachedContent.length &gt; 0) {
      console.log('Loaded list of lists from cache');
      return cachedContent.filter(title =&gt; isValidPageTitle(title));
    }
    const content = await fetchPageWikitext(pageName);
    if (content === null) {
      console.error(`Citation Watchlist: list of lists &quot;${pageName}&quot; could not be loaded`);
      return [];
    }
    const pageTitles = [];
    for (const line of content.split('\n')) {
      if (!line.startsWith('* [[')) continue;
      const match = line.match(/\[\[([^\]]+)\]\]/); // first [[Page Title]]
      if (!match) continue;
      const title = match[1];
      if (isValidPageTitle(title)) {
        pageTitles.push(title);
      } else {
        console.warn(`Rejected invalid page title: &quot;${title}&quot;`);
      }
    }
    if (pageTitles.length &gt; 0) {
      writeCache(cacheKey, pageTitles);
      console.log('Loaded from API and stored in cache');
    }
    return pageTitles;
  }

  /**
   * Parses one domain list page into per-indicator domain arrays.
   * Entries that are not bare domains are collected as lint. A leading &quot;www.&quot;
   * is stripped (with a lint note), since root domains never carry it.
   *
   * @param {string} title - Page title, for lint messages.
   * @param {string} content - Page wikitext.
   * @returns {Object} {warning: string[], caution: string[], inspect: string[], lint: string[]}
   */
  function parseDomainList(title, content) {
    const parsed = { lint: [] };
    for (const type of listedTypes) parsed[type] = [];
    let current = null;
    for (const line of content.split('\n')) {
      const trimmed = line.trim();
      if (/^==/.test(trimmed)) {
        // Any heading ends the current section; only recognized ones open a new one.
        current = listedTypes.find(t =&gt; indicators[t].section === trimmed) || null;
        continue;
      }
      if (!line.startsWith('*') || !current) continue;
      let domain = line.substring(1).trim().toLowerCase();
      if (!domain) continue;
      if (/^www\./.test(domain) &amp;&amp; isValidDomain(domain.slice(4))) {
        parsed.lint.push(`${title}: &quot;${domain}&quot; has a www. prefix; matched as &quot;${domain.slice(4)}&quot;`);
        domain = domain.slice(4);
      }
      if (isValidDomain(domain)) {
        if (parsed[current].length &lt; MAX_DOMAINS_PER_LIST) {
          parsed[current].push(domain);
        } else {
          parsed.lint.push(`${title}: cap of ${MAX_DOMAINS_PER_LIST} reached in ${current}`);
        }
      } else {
        parsed.lint.push(`${title}: &quot;${domain}&quot; is not a bare domain (paths, wildcards and ` +
          `bare TLDs are not supported) and was ignored`);
      }
    }
    return parsed;
  }

  /**
   * Loads domain lists from a set of pages (parsed form cached per page) and
   * populates the `Set` of each indicator. Pages that are missing or fail to
   * load are skipped and recorded in loadWarnings; the remaining lists still load.
   *
   * @param {string[]} pageNames - List of page titles to fetch.
   */
  async function fetchAndOrganizeDomainLists(pageNames) {
    const parsedLists = [];
    const pagesToFetch = [];
    const isParsed = p =&gt; p &amp;&amp; typeof p === 'object' &amp;&amp; listedTypes.every(t =&gt; Array.isArray(p[t]));
    for (const title of pageNames) {
      const cached = readCache(`domainList:${location.hostname}:${title}`);
      if (isParsed(cached)) {
        parsedLists.push(cached);
      } else {
        pagesToFetch.push(title);
      }
    }
    if (pagesToFetch.length &gt; 0) {
      const apiData = await fetchRevisionData({
        titles: pagesToFetch,
        rvprop: ['content'],
        rvslots: ['main'],
      });
      const pages = (apiData &amp;&amp; apiData.query &amp;&amp; apiData.query.pages) || null;
      if (!pages) {
        loadWarnings.push(`API request for ${pagesToFetch.length} list page(s) failed`);
        console.error('Citation Watchlist: domain list fetch failed for', pagesToFetch);
      } else {
        // The API normalizes titles (underscores -&gt; spaces); cache under the
        // requested spelling so the next load hits.
        const requestedFor = {};
        for (const t of pagesToFetch) requestedFor[t.replace(/_/g, ' ')] = t;
        for (const page of Object.values(pages)) {
          const title = page.title || '?';
          if (isUnreadablePage(page)) {
            loadWarnings.push(`List page &quot;${title}&quot; is missing or unreadable`);
            console.warn(`Citation Watchlist: skipping list page &quot;${title}&quot;`);
            continue;
          }
          const content = revisionText(page.revisions[0]);
          if (content === null) {
            loadWarnings.push(`List page &quot;${title}&quot; has no readable content`);
            continue;
          }
          const parsed = parseDomainList(title, content);
          parsedLists.push(parsed);
          const cacheTitle = requestedFor[title] || title;
          writeCache(`domainList:${location.hostname}:${cacheTitle}`, parsed);
        }
      }
    }
    for (const parsed of parsedLists) {
      for (const type of listedTypes) {
        for (const domain of parsed[type]) {
          if (isValidDomain(domain)) indicators[type].list.add(domain);
        }
      }
      if (Array.isArray(parsed.lint)) {
        listLint.push(...parsed.lint.filter(l =&gt; typeof l === 'string'));
      }
    }
  }

  /**
   * Fetches and caches the public suffix list used to identify top-level domains.
   * The cache holds the validated entries, so cached loads skip parsing.
   *
   * @returns {Promise&lt;Set&lt;string&gt;&gt;} Set of public suffixes.
   */
  async function fetchPublicSuffixList() {
    const cacheKey = 'publicSuffixListCache';
    const cached = readCache(cacheKey);
    if (Array.isArray(cached) &amp;&amp; cached.length &gt;= MIN_PSL_ENTRIES) {
      console.log('Using cached public suffix list');
      return new Set(cached.filter(e =&gt; typeof e === 'string' &amp;&amp; isValidSuffixEntry(e)));
    }
    const pslUrl = mw.config.get('wgArticlePath').replace('$1', publicSuffixList) +
      '?action=raw';
    console.log(`Raw page text request: ${pslUrl}`);
    const content = await safeFetch(fetch, pslUrl).then(response =&gt; response ?
      response.text() : null);
    if (!content) return new Set();
    const entries = [];
    for (const line of content.split('\n')) {
      const trimmed = line.trim();
      if (trimmed &amp;&amp; !trimmed.startsWith('//') &amp;&amp; isValidSuffixEntry(trimmed)) {
        entries.push(trimmed);
      }
    }
    if (entries.length &lt; MIN_PSL_ENTRIES) {
      console.error(`Public suffix list suspiciously small (${entries.length} entries), rejecting`);
      return new Set();
    }
    // Only cache a list that passed validation
    writeCache(cacheKey, entries);
    return new Set(entries);
  }

  /**
   * Makes a MediaWiki API call to fetch revision metadata or content.
   *
   * @param {Object} data - Options for the API call, such as `revids`, `titles`, `rvprop`, etc.
   * @returns {Promise&lt;Object|null&gt;} MediaWiki API query result, or null on failure.
   */
  async function fetchRevisionData(data) {
    const paramKeys = ['rvprop', 'revids', 'titles', 'rvslots'];
    const params = {
      action: 'query',
      prop: 'revisions',
      format: 'json',
      rvdir: data.rvdir || 'older',
      origin: '*'
    };
    if (data.rvlimit) {
      params.rvlimit = data.rvlimit;
    }
    paramKeys.forEach(key =&gt; {
      if (data[key]) {
        params[key] = Array.isArray(data[key]) ? data[key].join('|') : data[key];
      }
    });
    const api = new mw.Api();
    return await safeFetch(api.get.bind(api), params);
  }

  /**
   * Wraps any asynchronous fetch function with retry logic and error handling.
   *
   * @param {Function} fn - The function to execute (usually an API call).
   * @param {...any} args - Arguments to pass to the fetch function.
   * @returns {Promise&lt;any|null&gt;} Result of the fetch or null on failure.
   */
  async function safeFetch(fn, ...args) {
    const retries = 2;
    const retryDelay = 1000;
    const maxAttempts = retries + 1;

    for (let attempt = 1; attempt &lt;= maxAttempts; attempt++) {
      try {
        const result = await fn(...args);
        if (result === null || result === undefined) {
          throw new Error('Received null or undefined response');
        }
        if (typeof result.ok === 'boolean' &amp;&amp; !result.ok) {
          throw new Error(`HTTP error ${result.status}: ${result.statusText || 'Unknown error'}`);
        }
        return result;
      } catch (error) {
        if (attempt &lt; maxAttempts) {
          console.warn(
            `Error during ${fn.name || 'fetch operation'} (attempt ${attempt}/${maxAttempts}):`,
            error.message || error);
          await new Promise(resolve =&gt; setTimeout(resolve, retryDelay));
        } else {
          console.error(
            `All ${maxAttempts} attempts failed for ${fn.name || 'fetch operation'}:`,
            error.message || error);
        }
      }
    }
    return null;
  }

  /**
   * ==========================================================================
   * 6. Cache
   * ==========================================================================
   */

  /**
   * Returns every localStorage key with the given prefix. Snapshotting the keys
   * first means callers can remove entries without the index shifting under them.
   *
   * @param {string} prefix - Key prefix to match.
   * @returns {string[]}
   */
  function cacheKeysWithPrefix(prefix) {
    const keys = [];
    try {
      for (let i = 0; i &lt; localStorage.length; i++) {
        const key = localStorage.key(i);
        if (key &amp;&amp; key.startsWith(prefix)) keys.push(key);
      }
    } catch (e) {
      /* storage unavailable */
    }
    return keys;
  }

  /**
   * Removes every localStorage key with the given prefix.
   *
   * @param {string} prefix
   */
  function removeKeysWithPrefix(prefix) {
    for (const key of cacheKeysWithPrefix(prefix)) localStorage.removeItem(key);
  }

  /**
   * Runs all cache maintenance: retired prefixes, version invalidation, and
   * (at most once per CACHE_PURGE_INTERVAL) expiry and eviction.
   */
  function purgeCaches() {
    try {
      purgeStaleVersionedCaches();
      const lastKey = 'citationWatchlist_lastPurge';
      const last = parseInt(localStorage.getItem(lastKey), 10);
      if (isNaN(last) || Date.now() - last &gt; CACHE_PURGE_INTERVAL) {
        purgeExpiredCache();
        localStorage.setItem(lastKey, Date.now().toString());
      }
    } catch (e) {
      console.warn('Citation Watchlist: cache maintenance failed:', e);
    }
  }

  /**
   * Removes caches from retired prefixes and purges cached entries whose stored
   * version is older than the current version. Each cache type tracks its own
   * version independently via a localStorage key.
   */
  function purgeStaleVersionedCaches() {
    for (const prefix of retiredCachePrefixes) {
      removeKeysWithPrefix(prefix);
      localStorage.removeItem(`citationWatchlist_cacheVersion:${prefix}`);
    }
    for (const cache of cacheConfig) {
      const versionKey = `citationWatchlist_cacheVersion:${cache.prefix}`;
      const storedVersion = parseInt(localStorage.getItem(versionKey), 10);
      const effectiveVersion = isNaN(storedVersion) ? 0 : storedVersion;
      if (effectiveVersion &lt; cache.version) {
        removeKeysWithPrefix(cache.prefix);
        try {
          localStorage.setItem(versionKey, cache.version.toString());
        } catch (e) {
          console.warn('Cache version write error:', e);
        }
        console.log(`Cache invalidated for &quot;${cache.prefix}&quot;: version ${effectiveVersion} → ${cache.version}`);
      }
    }
  }

  /**
   * Removes expired localStorage cache entries and enforces per-cache entry
   * caps by evicting the oldest entries.
   */
  function purgeExpiredCache() {
    const now = Date.now();
    const stats = { checked: 0, expired: 0, evicted: 0, errors: 0 };

    for (const cache of cacheConfig) {
      // Snapshot keys first so removals do not shift the iteration index
      const survivors = []; // { key, timestamp }
      for (const key of cacheKeysWithPrefix(cache.prefix)) {
        stats.checked++;
        try {
          const value = localStorage.getItem(key);
          let parsed = null;
          try {
            parsed = value ? JSON.parse(value) : null;
          } catch (jsonError) {
            stats.errors++;
          }
          if (!parsed || typeof parsed.timestamp !== 'number' || now - parsed.timestamp &gt; cache.ttl) {
            localStorage.removeItem(key);
            stats.expired++;
            continue;
          }
          survivors.push({ key, timestamp: parsed.timestamp });
        } catch (itemError) {
          stats.errors++;
          try {
            localStorage.removeItem(key);
          } catch (e) { /* ignore */ }
        }
      }
      if (cache.maxEntries &amp;&amp; survivors.length &gt; cache.maxEntries) {
        survivors.sort((a, b) =&gt; a.timestamp - b.timestamp);
        const excess = survivors.length - cache.maxEntries;
        for (let i = 0; i &lt; excess; i++) {
          localStorage.removeItem(survivors[i].key);
          stats.evicted++;
        }
      }
    }
    if (stats.checked &gt; 0) {
      console.log(`Cache cleanup: checked ${stats.checked}, expired ${stats.expired}, ` +
        `evicted ${stats.evicted}, errors ${stats.errors}`);
    }
  }

  /**
   * Looks up the cache configuration whose prefix matches a key.
   *
   * @param {string} key - A cache key or prefix.
   * @returns {Object|undefined}
   */
  function cacheConfigFor(key) {
    return cacheConfig.find(c =&gt; key.startsWith(c.prefix));
  }
  /**
   * Reads a JSON cache entry from localStorage, returning the stored content
   * if it exists and has not expired (TTL taken from the key's cacheConfig
   * entry). Callers must validate the shape of the returned content.
   *
   * @param {string} key - The localStorage key.
   * @returns {*|null} The cached content, or null if missing/expired/invalid.
   */
  function readCache(key) {
    const config = cacheConfigFor(key);
    let raw;
    try {
      raw = config ? localStorage.getItem(key) : null;
    } catch (e) {
      return null;
    }
    if (!raw) return null;
    try {
      const parsed = JSON.parse(raw);
      if (parsed &amp;&amp; typeof parsed.timestamp === 'number' &amp;&amp;
        (Date.now() - parsed.timestamp &lt; config.ttl) &amp;&amp; parsed.content !== undefined) {
        return parsed.content;
      }
    } catch (e) {
      console.warn('Cache read error:', e);
    }
    return null;
  }
  /**
   * Writes a JSON cache entry to localStorage with an embedded timestamp.
   * Failures (e.g. quota exceeded) are logged and otherwise ignored; the
   * cache is an optimization, never a dependency.
   *
   * @param {string} key - The localStorage key.
   * @param {*} content - The data to cache.
   */
  function writeCache(key, content) {
    try {
      localStorage.setItem(key, JSON.stringify({ timestamp: Date.now(), content }));
    } catch (e) {
      console.warn('Cache write error:', e);
    }
  }

  /**
   * ==========================================================================
   * 7. Entry Point
   * ==========================================================================
   */

  analyzeView().catch(e =&gt; {
    console.error('Citation Watchlist: unrecoverable error:', e);
    loadWarnings.push('Citation Watchlist stopped early due to an error (see console)');
    finishChangeListPass();
  }).then(() =&gt; {
    console.log('Citation Watchlist script finished executing');

    // On enhanced RC pages, hide the summary gutter on a group's header row
    // while the group is expanded (each nested row then shows its own).
    document.querySelectorAll('table.mw-enhanced-rc').forEach(table =&gt; {
      const checkbox = groupToggleCheckbox(table);
      if (!checkbox) return;
      checkbox.addEventListener('change', () =&gt; {
        const topRow = table.querySelector('tr');
        const gutter = topRow &amp;&amp; topRow.querySelector('.cw-gutter');
        if (!gutter) return;
        const host = gutter.parentElement;
        gutter.style.display = checkbox.checked ? 'none' : 'inline-flex';
        if (host) host.style.paddingLeft = checkbox.checked ? '' : 'calc(2em + 0.5em)';
      });
    });
  });

})();</text>
      <sha1>slav2pfdgg1v5xzxdqj9wmtgtbmbh2l</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:176.122.109.86</title>
    <ns>3</ns>
    <id>155097</id>
    <revision>
      <id>781310</id>
      <parentid>591004</parentid>
      <timestamp>2026-10-28T00:39:10Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781310</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="2835" sha1="ppsq96gjsy6g73jpbos71ino468ckan" xml:space="preserve">{{Consent}}
{{Talk header}}

== Your submission at [[Wikipedia:Articles for creation|Articles for creation]]: [[Draft:Sandbox|Sandbox]] (March 20) ==
&lt;div style=&quot;border: solid 1px #FCC; background-color: #F8EEBC; padding: 0.5em 1em; color: #000; margin: 1.5em; width: 90%;&quot;&gt; [[File:AFC-Logo_Decline.svg|50px|left]]Your recent article submission to Articles for Creation has been reviewed!  Unfortunately, it has not been accepted at this time.&lt;br /&gt;Please read the comments left by the reviewer on your submission.  You are encouraged to edit the submission to address the issues raised and resubmit when they have been &lt;u&gt;resolved&lt;/u&gt;.&lt;br/&gt;
&lt;div class=&quot;plainlinks&quot;&gt;
* If you would like to continue working on the submission, you can find it at [[Draft:Sandbox]].
* To edit the submission, click on the &quot;Edit&quot; tab at the top of the window.
* If you need any assistance, you can ask for help at the [//test.wikipedia.org/w/index.php?title=Wikipedia:WikiProject_Articles_for_creation/Help_desk&amp;action=edit&amp;section=new '''Articles for creation help desk'''], or on the &lt;span class=&quot;noprint plainlinks&quot;&gt;[//test.wikipedia.org/w/index.php?title=User_talk:ToadetteEdit&amp;action=edit&amp;section=new reviewer's talk page]&lt;/span&gt;.
&lt;div style=&quot;float: right; display: block; text-align: center; border: 1px solid #000; margin: 3px -10px; padding: 3px 8px; background-color: #DCFFDC;&quot;&gt;'''&lt;big&gt;Thank you for your&lt;br /&gt;contributions to Wikipedia!&lt;/big&gt;'''&lt;/div&gt;
:* '''Please remember to link to the submission!'''
* You can also get [http://webchat.freenode.net/?channels=#wikipedia-en-help real-time chat help from experienced editors].
&lt;span style=&quot;color:black;&quot;&gt;Toadette &lt;/span&gt; &lt;sup&gt;''[[User talk:ToadetteEdit|Testing]]''&lt;/sup&gt; 20:22, 20 March 2024 (UTC)&lt;/div&gt;&lt;!--Template:Afc decline--&gt;&lt;/div&gt;

{| style=&quot;margin: 0.4em 2em;&quot;
|- style=&quot;vertical-align: top;&quot;
| [[File:WP teahouse logo 2.png|alt=Teahouse logo]]
| &lt;div style=&quot;background-color:#e1e6db; color: #393D38; padding: 1em; font-size: 1.1em; border-radius:10px;box-shadow:-2px -2px 1px #8e8a78;&quot;&gt;Hello, '''176.122.109.86'''!
Having an article draft declined at Articles for Creation can be disappointing. If you are wondering why your article submission was declined, please post a question at the '''[[Wikipedia:WikiProject Articles for creation/Help desk|Articles for creation help desk]]'''. If you have any ''other'' questions about your editing experience, we'd love to help you at the '''[[Wikipedia:Teahouse|Teahouse]]''', a friendly space on Wikipedia where experienced editors lend a hand to help new editors like yourself! See you there! &lt;span style=&quot;color:black;&quot;&gt;Toadette &lt;/span&gt; &lt;sup&gt;''[[User talk:ToadetteEdit|Testing]]''&lt;/sup&gt; 20:22, 20 March 2024 (UTC)&lt;/div&gt;
|}&lt;!-- Wikipedia:Teahouse/AfC Invitation --&gt;
[[Category:Wikipedians who have received a Teahouse invitation through AfC]]</text>
      <sha1>ppsq96gjsy6g73jpbos71ino468ckan</sha1>
    </revision>
    <revision>
      <id>781391</id>
      <parentid>781310</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>591004</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1936" sha1="nk1imdtspiavcsgbwymy42qqyjyp3cg" xml:space="preserve">{{Talk header}}

== Your submission at [[Wikipedia:Articles for creation|Articles for creation]]: [[Draft:Sandbox|Sandbox]] (March 20) ==
&lt;div style=&quot;border: solid 1px #FCC; background-color: #F8EEBC; padding: 0.5em 1em; color: #000; margin: 1.5em; width: 90%;&quot;&gt; [[File:AFC-Logo_Decline.svg|50px|left]]Your recent article submission to Articles for Creation has been reviewed!  Unfortunately, it has not been accepted at this time.&lt;br /&gt;Please read the comments left by the reviewer on your submission.  You are encouraged to edit the submission to address the issues raised and resubmit when they have been &lt;u&gt;resolved&lt;/u&gt;.&lt;br/&gt;
&lt;div class=&quot;plainlinks&quot;&gt;
* If you would like to continue working on the submission, you can find it at [[Draft:Sandbox]].
* To edit the submission, click on the &quot;Edit&quot; tab at the top of the window.
* If you need any assistance, you can ask for help at the [//test.wikipedia.org/w/index.php?title=Wikipedia:WikiProject_Articles_for_creation/Help_desk&amp;action=edit&amp;section=new '''Articles for creation help desk'''], or on the &lt;span class=&quot;noprint plainlinks&quot;&gt;[//test.wikipedia.org/w/index.php?title=User_talk:ToadetteEdit&amp;action=edit&amp;section=new reviewer's talk page]&lt;/span&gt;.
&lt;div style=&quot;float: right; display: block; text-align: center; border: 1px solid #000; margin: 3px -10px; padding: 3px 8px; background-color: #DCFFDC;&quot;&gt;'''&lt;big&gt;Thank you for your&lt;br /&gt;contributions to Wikipedia!&lt;/big&gt;'''&lt;/div&gt;
:* '''Please remember to link to the submission!'''
* You can also get [http://webchat.freenode.net/?channels=#wikipedia-en-help real-time chat help from experienced editors].
&lt;span style=&quot;color:black;&quot;&gt;Toadette &lt;/span&gt; &lt;sup&gt;''[[User talk:ToadetteEdit|Testing]]''&lt;/sup&gt; 20:22, 20 March 2024 (UTC)&lt;/div&gt;&lt;!--Template:Afc decline--&gt;&lt;/div&gt;

{{subst:Wikipedia:Teahouse/AFC invitation|sign=&lt;span style=&quot;color:black;&quot;&gt;Toadette &lt;/span&gt; &lt;sup&gt;''[[User talk:ToadetteEdit|Testing]]''&lt;/sup&gt; 20:22, 20 March 2024 (UTC)}}</text>
      <sha1>nk1imdtspiavcsgbwymy42qqyjyp3cg</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:2601:1C2:1B7F:DDF4:6049:73A3:DAF8:E6C</title>
    <ns>3</ns>
    <id>156102</id>
    <revision>
      <id>781333</id>
      <parentid>597074</parentid>
      <timestamp>2026-10-28T00:41:53Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781333</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1578" sha1="nl0s55t6ph3kommhd31uwojywn5dmnv" xml:space="preserve">{{Consent}}
== Non-attributed translations ==

[[File:Information.svg|25px|alt=Information icon]] Thank you for [[Special:Contributions/2601:1C2:1B7F:DDF4:6049:73A3:DAF8:E6C|your contributions]] to Wikipedia. It appears that you translated text from [[:es:Wikipedia]] to another page. While you are welcome to translate Wikipedia content, here or elsewhere, [[WP:Copyrights|Wikipedia's licensing]] '''requires that you provide attribution''' to the contributor(s) of the original article. When translating from a foreign-language Wikipedia article, this is supplied at a minimum in an [[Help:Edit summary|edit summary]] on the page where you add translated content, identifying it as a translation and [[Help:Link#Wikilinks|linking]] it to the source page. For example: &lt;code&gt;Content in this edit is translated from the existing French Wikipedia article at &lt;nowiki&gt;[[:fr:Exact name of French article]]&lt;/nowiki&gt;; see its history for attribution.&lt;/code&gt; It is good practice, especially if translation is extensive, to also place a properly formatted {{tl|translated page}} template on the talk pages of the destination article. If you have added translated content previously which was not attributed at the time it was added, please [[WP:RIA|add attribution retrospectively for that also]], even if it was a long time ago. You can read more about author attribution and the reasons for it at [[WP:TFOLWP|Wikipedia:Copying within Wikipedia]]. Thank you. &lt;!-- Template:uw-translation --&gt; [[User:Clearfrienda|Clearfrienda]] ([[User talk:Clearfrienda|talk]]) 02:18, 2 June 2024 (UTC)</text>
      <sha1>nl0s55t6ph3kommhd31uwojywn5dmnv</sha1>
    </revision>
    <revision>
      <id>781356</id>
      <parentid>781333</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>597074</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1566" sha1="76i8qhip69mfa1sd2dc0no4tmvbbjpj" xml:space="preserve">== Non-attributed translations ==

[[File:Information.svg|25px|alt=Information icon]] Thank you for [[Special:Contributions/2601:1C2:1B7F:DDF4:6049:73A3:DAF8:E6C|your contributions]] to Wikipedia. It appears that you translated text from [[:es:Wikipedia]] to another page. While you are welcome to translate Wikipedia content, here or elsewhere, [[WP:Copyrights|Wikipedia's licensing]] '''requires that you provide attribution''' to the contributor(s) of the original article. When translating from a foreign-language Wikipedia article, this is supplied at a minimum in an [[Help:Edit summary|edit summary]] on the page where you add translated content, identifying it as a translation and [[Help:Link#Wikilinks|linking]] it to the source page. For example: &lt;code&gt;Content in this edit is translated from the existing French Wikipedia article at &lt;nowiki&gt;[[:fr:Exact name of French article]]&lt;/nowiki&gt;; see its history for attribution.&lt;/code&gt; It is good practice, especially if translation is extensive, to also place a properly formatted {{tl|translated page}} template on the talk pages of the destination article. If you have added translated content previously which was not attributed at the time it was added, please [[WP:RIA|add attribution retrospectively for that also]], even if it was a long time ago. You can read more about author attribution and the reasons for it at [[WP:TFOLWP|Wikipedia:Copying within Wikipedia]]. Thank you. &lt;!-- Template:uw-translation --&gt; [[User:Clearfrienda|Clearfrienda]] ([[User talk:Clearfrienda|talk]]) 02:18, 2 June 2024 (UTC)</text>
      <sha1>76i8qhip69mfa1sd2dc0no4tmvbbjpj</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:2001:16A2:C0C6:FE53:F94C:7AF8:A2F3:9087</title>
    <ns>3</ns>
    <id>156782</id>
    <redirect title="Triton (moon)" />
    <revision>
      <id>781324</id>
      <parentid>602344</parentid>
      <timestamp>2026-10-28T00:40:35Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781324</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="39" sha1="ou3x360i9uqfnwqfrsc74x0tcx9m0m2" xml:space="preserve">{{Consent}}
#REDIRECT [[Triton (moon)]]</text>
      <sha1>ou3x360i9uqfnwqfrsc74x0tcx9m0m2</sha1>
    </revision>
    <revision>
      <id>781357</id>
      <parentid>781324</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>602344</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="27" sha1="enphe08y1jz6ti3spihzu4gzgz5nh6e" xml:space="preserve">#REDIRECT [[Triton (moon)]]</text>
      <sha1>enphe08y1jz6ti3spihzu4gzgz5nh6e</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:!SilenTest</title>
    <ns>3</ns>
    <id>165980</id>
    <revision>
      <id>781279</id>
      <parentid>656706</parentid>
      <timestamp>2026-10-28T00:32:49Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781279</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="128" sha1="2fjc6oui6iejd0ksaaxz0zt91pu5bi0" xml:space="preserve">{{Consent}}

{{subst:Novo administrador}}
{{subst:Novo administrador}}
{{subst:Novo administrador}}
{{subst:Novo administrador}}</text>
      <sha1>2fjc6oui6iejd0ksaaxz0zt91pu5bi0</sha1>
    </revision>
    <revision>
      <id>781364</id>
      <parentid>781279</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>656706</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="116" sha1="cpexgnudk8sgqp3dem104ype8bp3krz" xml:space="preserve">
{{subst:Novo administrador}}
{{subst:Novo administrador}}
{{subst:Novo administrador}}
{{subst:Novo administrador}}</text>
      <sha1>cpexgnudk8sgqp3dem104ype8bp3krz</sha1>
    </revision>
  </page>
  <page>
    <title>User:DVRTed/sandbox2</title>
    <ns>2</ns>
    <id>166741</id>
    <revision>
      <id>781413</id>
      <parentid>780924</parentid>
      <timestamp>2026-10-28T07:48:14Z</timestamp>
      <contributor>
        <username>DVRTed</username>
        <id>55993</id>
      </contributor>
      <origin>781413</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="4896" sha1="t703jkq7wt7aq9ps20sywslpn1yont8" xml:space="preserve">

== Cleanup ==
{{InfoCard|content='''Tracker detail'''
* User: {{User-ainb|1=DVRTed}}
* Start date: 2022-12-01
* End date: 2026-10-25}}

=== Tracking list ===

{{AIC article list|
{{AIC article row|article=Test Page 817876|status=ongoing|notes=3 edits: [[Special:Diff/780857|(+314)]] [[Special:Diff/765241|(+83)]] [[Special:Diff/691118|(+14)]]}}
{{AIC article row|article=BS Nymph|status=completed|notes=24 edits: [[Special:Diff/768763|(+70)]] [[Special:Diff/768500|(+314)]] [[Special:Diff/765391|(+5)]] [[Special:Diff/762815|(+330)]] [[Special:Diff/762814|(-2679)]] [[Special:Diff/762811|(+88)]] [[Special:Diff/762776|(+331)]] [[Special:Diff/762774|(+90)]] [[Special:Diff/762772|(+283)]] [[Special:Diff/762716|(+88)]] [[Special:Diff/762713|(+88)]] [[Special:Diff/762710|(+88)]] [[Special:Diff/762707|(+318)]] [[Special:Diff/762691|(+318)]] [[Special:Diff/762688|(+88)]] [[Special:Diff/762686|(+318)]] [[Special:Diff/762684|(+88)]] [[Special:Diff/762682|(+88)]] [[Special:Diff/762681|(+88)]] [[Special:Diff/762678|(+318)]] [[Special:Diff/762677|(-88)]] [[Special:Diff/762676|(+88)]] [[Special:Diff/759773|(-85)]] [[Special:Diff/759772|(+85)]]}}
{{AIC article row|article=Testpage12|status=tagged|notes=26 edits: [[Special:Diff/765089|(+330)]] [[Special:Diff/764111|(+72)]] [[Special:Diff/762674|(+88)]] [[Special:Diff/762672|(+318)]] [[Special:Diff/762671|(+88)]] [[Special:Diff/762670|(+318)]] [[Special:Diff/762610|(+88)]] [[Special:Diff/762607|(+318)]] [[Special:Diff/762606|(+318)]] [[Special:Diff/762604|(+318)]] [[Special:Diff/762424|(+320)]] [[Special:Diff/762423|(-515)]] [[Special:Diff/762237|(+323)]] [[Special:Diff/762235|(+96)]] [[Special:Diff/762233|(+96)]] [[Special:Diff/762232|(-418)]] [[Special:Diff/762229|(+96)]] [[Special:Diff/762227|(+323)]] [[Special:Diff/762226|(-323)]] [[Special:Diff/762223|(+323)]] [[Special:Diff/762222|(-442)]] [[Special:Diff/762220|(+5)]] [[Special:Diff/762217|(+103)]] [[Special:Diff/762215|(+335)]] [[Special:Diff/761537|(+2)]] [[Special:Diff/761536|(+4)]]}}
{{AIC article row|article=Wp/sas/Kabupatén Tangerang|status=completed|notes=5 edits: [[Special:Diff/763465|(+330)]] [[Special:Diff/763463|(+88)]] [[Special:Diff/762818|(+88)]] [[Special:Diff/759771|(-317)]] [[Special:Diff/759770|(+317)]]}}
{{AIC article row|article=Bob Morley|status=completed|notes=1 edit: [[Special:Diff/762028|(+342)]](page created)}}
{{AIC article row|article=Jugerum/edithistory|status=completed|notes=2 edits: [[Special:Diff/760823|(-343)]] [[Special:Diff/760822|(+343)]]ww}}
}}

=== Tracking list 2 ===

{{AIC article list |index=2 |
{{AIC article row|article=Test Page 817876|status=ongoing|notes=3 edits: [[Special:Diff/780857|(+314)]] [[Special:Diff/765241|(+83)]] [[Special:Diff/691118|(+14)]]}}
{{AIC article row|article=BS Nymph|status=completed|notes=24 edits: [[Special:Diff/768763|(+70)]] [[Special:Diff/768500|(+314)]] [[Special:Diff/765391|(+5)]] [[Special:Diff/762815|(+330)]] [[Special:Diff/762814|(-2679)]] [[Special:Diff/762811|(+88)]] [[Special:Diff/762776|(+331)]] [[Special:Diff/762774|(+90)]] [[Special:Diff/762772|(+283)]] [[Special:Diff/762716|(+88)]] [[Special:Diff/762713|(+88)]] [[Special:Diff/762710|(+88)]] [[Special:Diff/762707|(+318)]] [[Special:Diff/762691|(+318)]] [[Special:Diff/762688|(+88)]] [[Special:Diff/762686|(+318)]] [[Special:Diff/762684|(+88)]] [[Special:Diff/762682|(+88)]] [[Special:Diff/762681|(+88)]] [[Special:Diff/762678|(+318)]] [[Special:Diff/762677|(-88)]] [[Special:Diff/762676|(+88)]] [[Special:Diff/759773|(-85)]] [[Special:Diff/759772|(+85)]]}}
{{AIC article row|article=Testpage12|status=tagged|notes=26 edits: [[Special:Diff/765089|(+330)]] [[Special:Diff/764111|(+72)]] [[Special:Diff/762674|(+88)]] [[Special:Diff/762672|(+318)]] [[Special:Diff/762671|(+88)]] [[Special:Diff/762670|(+318)]] [[Special:Diff/762610|(+88)]] [[Special:Diff/762607|(+318)]] [[Special:Diff/762606|(+318)]] [[Special:Diff/762604|(+318)]] [[Special:Diff/762424|(+320)]] [[Special:Diff/762423|(-515)]] [[Special:Diff/762237|(+323)]] [[Special:Diff/762235|(+96)]] [[Special:Diff/762233|(+96)]] [[Special:Diff/762232|(-418)]] [[Special:Diff/762229|(+96)]] [[Special:Diff/762227|(+323)]] [[Special:Diff/762226|(-323)]] [[Special:Diff/762223|(+323)]] [[Special:Diff/762222|(-442)]] [[Special:Diff/762220|(+5)]] [[Special:Diff/762217|(+103)]] [[Special:Diff/762215|(+335)]] [[Special:Diff/761537|(+2)]] [[Special:Diff/761536|(+4)]]}}
{{AIC article row|article=Wp/sas/Kabupatén Tangerang|status=completed|notes=5 edits: [[Special:Diff/763465|(+330)]] [[Special:Diff/763463|(+88)]] [[Special:Diff/762818|(+88)]] [[Special:Diff/759771|(-317)]] [[Special:Diff/759770|(+317)]]}}
{{AIC article row|article=Bob Morley|status=completed|notes=1 edit: [[Special:Diff/762028|(+342)]](page created)}}
{{AIC article row|article=Jugerum/edithistory|status=completed|notes=2 edits: [[Special:Diff/760823|(-343)]] [[Special:Diff/760822|(+343)]]ww}}
}}</text>
      <sha1>t703jkq7wt7aq9ps20sywslpn1yont8</sha1>
    </revision>
  </page>
  <page>
    <title>Test Page 817876</title>
    <ns>0</ns>
    <id>167164</id>
    <revision>
      <id>781260</id>
      <parentid>780857</parentid>
      <timestamp>2026-10-27T22:11:44Z</timestamp>
      <contributor>
        <username>DVRTed</username>
        <id>55993</id>
      </contributor>
      <comment>[[WP:LLMPRV|Presumptive removal of LLM-generated content]], see [[Wikipedia:AI noticeboard/DVRTed]]. Please do not remove this tag without following [[WP:LLMPRVOBJ|the procedures for disputing presumptive removal of LLM-generated content]]. (using [[User:DVRTed/AINB-helper|AINB-helper]])</comment>
      <origin>781260</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="753" sha1="rcxstwu80xh64nr73e5gc3y56ho6852" xml:space="preserve">{{Prod llm/dated
| concern = [[WP:LLMPRV|Presumptive removal of LLM-generated content]], see [[Wikipedia:AI noticeboard/DVRTed]]. Please do not remove this tag without following [[WP:LLMPRVOBJ|the procedures for disputing presumptive removal of LLM-generated content]].
| user = 
| timestamp = 20261027221144
| help = off
}}
{{Prod llm/dated
| concern = [[WP:LLMPRV|Presumptive removal of LLM-generated content]], see [[User:DVRTed/sandbox2]]. Please do not remove this tag without following [[WP:LLMPRVOBJ|the procedures for disputing presumptive removal of LLM-generated content]].
| user = 
| timestamp = 20261025142018
| help = off
}}
{{AI-generated |reason= [[Wikipedia:AI noticeboard/DVRTed]] |date=September 2026}}
Hi I'm a new page

foo baaaaaar</text>
      <sha1>rcxstwu80xh64nr73e5gc3y56ho6852</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:119.30.38.104</title>
    <ns>3</ns>
    <id>167466</id>
    <revision>
      <id>781303</id>
      <parentid>752839</parentid>
      <timestamp>2026-10-28T00:38:15Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781303</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="11" sha1="mg9gfjsjb74hy5wl13vmypldkbtrw9n" xml:space="preserve">{{Consent}}</text>
      <sha1>mg9gfjsjb74hy5wl13vmypldkbtrw9n</sha1>
    </revision>
    <revision>
      <id>781392</id>
      <parentid>781303</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>752839</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="0" sha1="phoiac9h4m842xq45sp7s6u21eteeq1" />
      <sha1>phoiac9h4m842xq45sp7s6u21eteeq1</sha1>
    </revision>
  </page>
  <page>
    <title>User talk:2403:AC00:0:1:0:0:2:FF7C</title>
    <ns>3</ns>
    <id>171429</id>
    <revision>
      <id>781330</id>
      <parentid>723626</parentid>
      <timestamp>2026-10-28T00:41:31Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Automated template deployment: Adding Consent template.</comment>
      <origin>781330</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="162" sha1="bonbton1dyrf773qqeqc80ne3152ohx" xml:space="preserve">{{Consent}}
== Página sem categoria: [[+]] ==

{{subst:Aviso-categoria|1=+|2=[[User:IconBot|IconBot]] ([[User talk:IconBot|talk]]) 14:23, 13 January 2026 (UTC)}}</text>
      <sha1>bonbton1dyrf773qqeqc80ne3152ohx</sha1>
    </revision>
    <revision>
      <id>781360</id>
      <parentid>781330</parentid>
      <timestamp>2026-10-28T01:25:24Z</timestamp>
      <contributor>
        <username>BDavis (WMF)</username>
        <id>23231</id>
      </contributor>
      <minor />
      <comment>unauthorized bot</comment>
      <origin>723626</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="150" sha1="m1yv4j9t59ty97v74pnw8nkag9ro4oj" xml:space="preserve">== Página sem categoria: [[+]] ==

{{subst:Aviso-categoria|1=+|2=[[User:IconBot|IconBot]] ([[User talk:IconBot|talk]]) 14:23, 13 January 2026 (UTC)}}</text>
      <sha1>m1yv4j9t59ty97v74pnw8nkag9ro4oj</sha1>
    </revision>
  </page>
  <page>
    <title>Elephunk Promo Tour</title>
    <ns>0</ns>
    <id>175140</id>
    <revision>
      <id>781238</id>
      <parentid>767102</parentid>
      <timestamp>2026-10-27T18:47:13Z</timestamp>
      <contributor>
        <username>Jaheim Ember</username>
        <id>76112</id>
      </contributor>
      <comment>/* Setlist */</comment>
      <origin>781238</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="2372" sha1="hp370e3xa9mljwk5psx9ozsa3nhq51s" xml:space="preserve">{{Short description|2003–2004 promotional tour by the Black Eyed Peas}}
{{Infobox concert
|concert_tour_name=Elephunk Promo Tour
|image=
|image_size=
|landscape=
|alt=
|image_caption=
|artist=[[Black Eyed Peas|The Black Eyed Peas]]
|location=
|type=Promotional
|album=''[[Elephunk]]''
|start_date={{Start date|2003|06|02}}
|end_date={{End date|2004|03|15}}
|number_of_legs=3
|number_of_shows=123
|URL=&lt;!-- {{URL|example.com}} --&gt;
|last_tour=[[Bridging the Gap Promo Tour]]&lt;br&gt;(2000–01)
|this_tour='''Elephunk Promo Tour'''&lt;br&gt;(2003–2004)
|next_tour=Elephunk Tour&lt;br&gt;(2004)
|Misc=
}}

The '''Elephunk Promo Tour''' was the fourth promotional tour by the [[Black Eyed Peas|the Black Eyed Peas]] in support of their third studio album, ''[[Elephunk]]'' (2003). The tour comprised 123 concerts in 84 cities spanning three legs. The North American legs featured concerts at [[arena]]s and [[stadium]]s and it became one of the fastest grossing tours of all time.

The tour was beaten by the [[American Life Promo Tour]] for the Pollstar Concert Industry Award for Major Tour of the Year for 2003, but won the award for Most Creative Stage Production.

==Setlist==
#&quot;[[Shut Up (Black Eyed Peas song)|Shut Up]]&quot;
#&quot;[[Joints &amp; Jam]]&quot;
#&quot;[[Hey Mama (Black Eyed Peas song)|Hey Mama]]&quot;
#&quot;[[BEP Empire/Get Original|&quot;BEP Empire / &quot;Get Original]]&quot;
#&quot;Smells Like Funk&quot;
#&quot;Head Bobs&quot;
#&quot;Labor Day (It's a Holiday)&quot;
#&quot;Sexy&quot;
#&quot;Latin Girls&quot;
#&quot;[[Request + Line]]&quot; / &quot;Fallin' Up&quot; / &quot;Bringing It Back&quot;
#&quot;Fly Away&quot;
#&quot;[[Karma (Black Eyed Peas song)|Karma]]&quot;
#&quot;The Boogie That Be&quot;
#&quot;The Apl Song&quot; / &quot;[[Weekends (Black Eyed Peas song)|Weekends]]&quot;
#&quot;[[Let's Get It Started|Let's Get Retarded]]&quot; / &quot;[[Let's Get It Started]]&quot;
;Encore
#&lt;li value=&quot;16&quot;&gt;&quot;Hands Up&quot;
# &quot;[[Where Is the Love?]]&quot;&lt;/li&gt;

==Personnel==
===The Black Eyed Peas=== 
*Vocals: [[will.i.am]], [[Fergie (singer)|Fergie]], [[Taboo (rapper)|Taboo]], [[apl.de.ap]]

===Band===
*Keyboards: [[Printz Board]], Tim &quot;Izo&quot; Orindgreff, [[Candy Dulfer]]
*Guitars: [[George Pajon|George Pajon Jr.]], Tim &quot;Izo&quot; Orindgreff
*Percussion / Saxophone: [[Candy Dulfer]]
*Drums: [[Keith Harris (record producer)|Keith Harris]]
*Bass: [[Josh Klinghoffer]]

===Dancers===
*BEP Dance Crew

==References==
{{reflist}}

{{Black Eyed Peas}}

[[Category:Black Eyed Peas promotional tours]]
[[Category:2003 promotional tours]]
[[Category:2004 promotional tours]]</text>
      <sha1>hp370e3xa9mljwk5psx9ozsa3nhq51s</sha1>
    </revision>
    <revision>
      <id>781239</id>
      <parentid>781238</parentid>
      <timestamp>2026-10-27T18:48:28Z</timestamp>
      <contributor>
        <username>Jaheim Ember</username>
        <id>76112</id>
      </contributor>
      <comment>/* Setlist */</comment>
      <origin>781239</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="2352" sha1="penkmitkmsi9ptqcu3rbjt9p265vfz1" xml:space="preserve">{{Short description|2003–2004 promotional tour by the Black Eyed Peas}}
{{Infobox concert
|concert_tour_name=Elephunk Promo Tour
|image=
|image_size=
|landscape=
|alt=
|image_caption=
|artist=[[Black Eyed Peas|The Black Eyed Peas]]
|location=
|type=Promotional
|album=''[[Elephunk]]''
|start_date={{Start date|2003|06|02}}
|end_date={{End date|2004|03|15}}
|number_of_legs=3
|number_of_shows=123
|URL=&lt;!-- {{URL|example.com}} --&gt;
|last_tour=[[Bridging the Gap Promo Tour]]&lt;br&gt;(2000–01)
|this_tour='''Elephunk Promo Tour'''&lt;br&gt;(2003–2004)
|next_tour=Elephunk Tour&lt;br&gt;(2004)
|Misc=
}}

The '''Elephunk Promo Tour''' was the fourth promotional tour by the [[Black Eyed Peas|the Black Eyed Peas]] in support of their third studio album, ''[[Elephunk]]'' (2003). The tour comprised 123 concerts in 84 cities spanning three legs. The North American legs featured concerts at [[arena]]s and [[stadium]]s and it became one of the fastest grossing tours of all time.

The tour was beaten by the [[American Life Promo Tour]] for the Pollstar Concert Industry Award for Major Tour of the Year for 2003, but won the award for Most Creative Stage Production.

==Setlist==
#&quot;[[Shut Up (Black Eyed Peas song)|Shut Up]]&quot;
#&quot;[[Joints &amp; Jam]]&quot;
#&quot;[[Hey Mama (Black Eyed Peas song)|Hey Mama]]&quot;
#&quot;[[BEP Empire]]&quot; / &quot;[[Get Original]]&quot;
#&quot;Smells Like Funk&quot;
#&quot;Head Bobs&quot;
#&quot;Labor Day (It's a Holiday)&quot;
#&quot;Sexy&quot;
#&quot;Latin Girls&quot;
#&quot;[[Request + Line]]&quot; / &quot;Fallin' Up&quot; / &quot;Bringing It Back&quot;
#&quot;Fly Away&quot;
#&quot;[[Karma (Black Eyed Peas song)|Karma]]&quot;
#&quot;The Boogie That Be&quot;
#&quot;The Apl Song&quot; / &quot;[[Weekends (Black Eyed Peas song)|Weekends]]&quot;
#&quot;[[Let's Get It Started|Let's Get Retarded]]&quot; / &quot;[[Let's Get It Started]]&quot;
;Encore
#&lt;li value=&quot;16&quot;&gt;&quot;Hands Up&quot;
# &quot;[[Where Is the Love?]]&quot;&lt;/li&gt;

==Personnel==
===The Black Eyed Peas=== 
*Vocals: [[will.i.am]], [[Fergie (singer)|Fergie]], [[Taboo (rapper)|Taboo]], [[apl.de.ap]]

===Band===
*Keyboards: [[Printz Board]], Tim &quot;Izo&quot; Orindgreff, [[Candy Dulfer]]
*Guitars: [[George Pajon|George Pajon Jr.]], Tim &quot;Izo&quot; Orindgreff
*Percussion / Saxophone: [[Candy Dulfer]]
*Drums: [[Keith Harris (record producer)|Keith Harris]]
*Bass: [[Josh Klinghoffer]]

===Dancers===
*BEP Dance Crew

==References==
{{reflist}}

{{Black Eyed Peas}}

[[Category:Black Eyed Peas promotional tours]]
[[Category:2003 promotional tours]]
[[Category:2004 promotional tours]]</text>
      <sha1>penkmitkmsi9ptqcu3rbjt9p265vfz1</sha1>
    </revision>
  </page>
  <page>
    <title>MattyBRaps</title>
    <ns>0</ns>
    <id>175531</id>
    <revision>
      <id>781253</id>
      <parentid>743007</parentid>
      <timestamp>2026-10-27T20:14:44Z</timestamp>
      <contributor>
        <username>Jaheim Ember</username>
        <id>76112</id>
      </contributor>
      <origin>781253</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1933" sha1="10sogryk2srxw3todhrs0t2jfdyc5va" xml:space="preserve">{{Short description|American rapper (born 1983)}}
{{Redirect-distinguish|MattyB|Matty B}}
{{Use American English|date=June 2023}}
{{Use mdy dates|date=June 2023}}
{{Infobox musical artist
| name              = MattyB
| image             = MattyB cropped.jpg
| caption           = MattyB in 2014
| birth_name        = Matthew David Morris
| birth_date        = {{Birth date and age|1983|1|6}} or {{Birth date and age|2003|1|6}}
| birth_place       = [[Duluth, Georgia]], U.S.
| origin            = [[Suwanee, Georgia]], U.S.
| years_active      = {{hlist|1990–present}} or {{hlist|2010-present}}
| occupations       = {{hlist|Singer|rapper}}
| genre             = {{hlist|[[Teen pop]]|[[pop-rap]]||[[dance-rap]]|[[pop-folk]]}}
| label             = {{hlist|[[Roc-A-Wear Records|Roc-A-Wear]]|[[So So Def Recordings|So So Def]]|[[Interscope Records|Interscope]]||MattyB, LLC}}
| website           = {{URL|mattybraps.com}}
}}

'''Matthew David Morris''' (born January 6, 1983 or January 6, 2003), better known as '''MattyB''' or '''MattyBRaps''', is an American rapper, singer, and [[YouTuber]]. He launched his career at a young age by creating covers of popular music and posting them to [[YouTube]].

== References ==
{{reflist|30em}}

== External links ==
* [http://www.mattybraps.com/ Official YouTube channel]

{{Authority control}}

[[Category:1983 births]]
[[Category:2003 births]]
[[Category:Living people]]
[[Category:21st-century American male rappers]]
[[Category:21st-century American rappers]]
[[Category:American child singers]]
[[Category:American folk-pop singers]]
[[Category:American child pop musicians]]
[[Category:American music YouTubers]]
[[Category:American pop singer stubs]]
[[Category:People from Duluth, Georgia]]
[[Category:Pop rappers]]
[[Category:Musicians from Georgia (U.S. state)]]
[[Category:Rappers from Georgia (U.S. state)]]
[[Category:YouTubers from Georgia (U.S. state)]]

{{YouTuber-bio-stub}}</text>
      <sha1>10sogryk2srxw3todhrs0t2jfdyc5va</sha1>
    </revision>
    <revision>
      <id>781254</id>
      <parentid>781253</parentid>
      <timestamp>2026-10-27T20:15:12Z</timestamp>
      <contributor>
        <username>Jaheim Ember</username>
        <id>76112</id>
      </contributor>
      <origin>781254</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1935" sha1="jyhdx48l3vyppavnes3pg41xvaczqaj" xml:space="preserve">{{Short description|American rapper (born 1983)}}
{{Redirect-distinguish|MattyB|Matty B}}
{{Use American English|date=June 2023}}
{{Use mdy dates|date=June 2023}}
{{Infobox musical artist
| name              = MattyB
| image             = MattyB cropped.jpg
| caption           = MattyB in 2014
| birth_name        = Matthew David Morris
| birth_date        = {{Birth date and age|1983|1|6}} or {{Birth date and age|2003|1|6}}
| birth_place       = [[Duluth, Georgia]], U.S.
| origin            = [[Suwanee, Georgia]], U.S.
| years_active      = {{hlist|1990–present}} or {{hlist|2010–present}}
| occupations       = {{hlist|Singer|rapper}}
| genre             = {{hlist|[[Teen pop]]|[[pop-rap]]||[[dance-rap]]|[[pop-folk]]}}
| label             = {{hlist|[[Roc-A-Wear Records|Roc-A-Wear]]|[[So So Def Recordings|So So Def]]|[[Interscope Records|Interscope]]||MattyB, LLC}}
| website           = {{URL|mattybraps.com}}
}}

'''Matthew David Morris''' (born January 6, 1983 or January 6, 2003), better known as '''MattyB''' or '''MattyBRaps''', is an American rapper, singer, and [[YouTuber]]. He launched his career at a young age by creating covers of popular music and posting them to [[YouTube]].

== References ==
{{reflist|30em}}

== External links ==
* [http://www.mattybraps.com/ Official YouTube channel]

{{Authority control}}

[[Category:1983 births]]
[[Category:2003 births]]
[[Category:Living people]]
[[Category:21st-century American male rappers]]
[[Category:21st-century American rappers]]
[[Category:American child singers]]
[[Category:American folk-pop singers]]
[[Category:American child pop musicians]]
[[Category:American music YouTubers]]
[[Category:American pop singer stubs]]
[[Category:People from Duluth, Georgia]]
[[Category:Pop rappers]]
[[Category:Musicians from Georgia (U.S. state)]]
[[Category:Rappers from Georgia (U.S. state)]]
[[Category:YouTubers from Georgia (U.S. state)]]

{{YouTuber-bio-stub}}</text>
      <sha1>jyhdx48l3vyppavnes3pg41xvaczqaj</sha1>
    </revision>
    <revision>
      <id>781255</id>
      <parentid>781254</parentid>
      <timestamp>2026-10-27T20:16:21Z</timestamp>
      <contributor>
        <username>Jaheim Ember</username>
        <id>76112</id>
      </contributor>
      <origin>781255</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1943" sha1="c6i9h28cx7dl8xu8u77igeddsm0xeba" xml:space="preserve">{{Short description|American rapper (born 1983 or 2003)}}
{{Redirect-distinguish|MattyB|Matty B}}
{{Use American English|date=June 2023}}
{{Use mdy dates|date=June 2023}}
{{Infobox musical artist
| name              = MattyB
| image             = MattyB cropped.jpg
| caption           = MattyB in 2014
| birth_name        = Matthew David Morris
| birth_date        = {{Birth date and age|1983|1|6}} or {{Birth date and age|2003|1|6}}
| birth_place       = [[Duluth, Georgia]], U.S.
| origin            = [[Suwanee, Georgia]], U.S.
| years_active      = {{hlist|1990–present}} or {{hlist|2010–present}}
| occupations       = {{hlist|Singer|rapper}}
| genre             = {{hlist|[[Teen pop]]|[[pop-rap]]||[[dance-rap]]|[[pop-folk]]}}
| label             = {{hlist|[[Roc-A-Wear Records|Roc-A-Wear]]|[[So So Def Recordings|So So Def]]|[[Interscope Records|Interscope]]||MattyB, LLC}}
| website           = {{URL|mattybraps.com}}
}}

'''Matthew David Morris''' (born January 6, 1983 or January 6, 2003), better known as '''MattyB''' or '''MattyBRaps''', is an American rapper, singer, and [[YouTuber]]. He launched his career at a young age by creating covers of popular music and posting them to [[YouTube]].

== References ==
{{reflist|30em}}

== External links ==
* [http://www.mattybraps.com/ Official YouTube channel]

{{Authority control}}

[[Category:1983 births]]
[[Category:2003 births]]
[[Category:Living people]]
[[Category:21st-century American male rappers]]
[[Category:21st-century American rappers]]
[[Category:American child singers]]
[[Category:American folk-pop singers]]
[[Category:American child pop musicians]]
[[Category:American music YouTubers]]
[[Category:American pop singer stubs]]
[[Category:People from Duluth, Georgia]]
[[Category:Pop rappers]]
[[Category:Musicians from Georgia (U.S. state)]]
[[Category:Rappers from Georgia (U.S. state)]]
[[Category:YouTubers from Georgia (U.S. state)]]

{{YouTuber-bio-stub}}</text>
      <sha1>c6i9h28cx7dl8xu8u77igeddsm0xeba</sha1>
    </revision>
  </page>
  <page>
    <title>Oppa Gangnam Style (soundtrack)</title>
    <ns>0</ns>
    <id>177156</id>
    <revision>
      <id>781251</id>
      <parentid>767141</parentid>
      <timestamp>2026-10-27T20:05:44Z</timestamp>
      <contributor>
        <username>Jaheim Ember</username>
        <id>76112</id>
      </contributor>
      <origin>781251</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="3125" sha1="0v7wv2bdibcg8gi0cffp05hllj44k83" xml:space="preserve">{{Use mdy dates|date=January 2013}}
{{Infobox album
| name         = Oppa Gangnam Style: The Soundtrack
| type         = soundtrack
| artist       = various artists
| cover        =
| alt          = 
| released     = September 14, 2012
| recorded     = 2011–2012
| venue        = 
| studio       = 
| genre        = {{flatlist|
*[[Pop-rap]]
*[[dance-pop]]
*[[k-pop]]
*[[Grime music|grime]]
*[[reggae]]
*[[dancehall]]
}}
| length       =
| language     = {{flatlist|
* [[English language|English]]
* [[Korean language|Korean]]
* [[Hindi]]
}}
| label        = {{flatlist|
* [[Roc-A-Wear Records|Roc-A-Wear]]
* [[YG Entertainment|YG]]
* [[Interscope Records|Interscope]]
}}
| producer     = {{flatlist|
* [[apl.de.ap]]
* [[Asa Taccone]]
* [[Carl Falk]]
* [[Dan Black]]
* [[Danja (music producer)|Danja]]
* [[Eminem]]
* [[Jaheim Hines]]
* [[Justin Timberlake]]
* [[Luis Bass]]
* [[Luis Resto (musician)|Luis Resto]]
* [[Madonna]]
* [[Psy]]
* [[Rami Yacoub]]
* [[RedOne]]
* [[Seo Taiji]]
* [[The Neptunes]]
* [[Timbaland]]
* [[TMS (production team)|TMS]]
* [[Yang Hyun-suk]]
* [[Yoo Gun-hyung]]
}}
| misc         = {{Singles
 | name        = Oppa Gangnam Style: The Soundtrack
 | type        = soundtrack
 | single1     = [[Gangnam Style (song)|Gangnam Style]] 
 | single1date = August 15, 2012
 | single2     = [[Beautiful Wings]]
 | single2date = September 12, 2012
 | single3     = [[Crazy Kiya Re (song)|Crazy Kiya Re]]
 | single3date = October 26, 2012
 | single4     = [[Right Here Right Now (Jaheim Hines and Elton Hines song)|Right Here Right Now]]
 | single4date = November 11, 2012
 | single5     = [[Chaiyya Chaiyya (song)|Chaiyya Chaiyya]]
 | single5date = March 24, 2013
}}
}}
'''''Oppa Gangnam Style: The Soundtrack''''' is a soundtrack to [[Jaheim Hines]] and Cho Soo-hyun's 2012 [[dance film]] ''[[Oppa Gangnam Style (film)|Oppa Gangnam Style]]''. It was released on September 14, 2012 through [[Roc-A-Wear Records]], [[YG Entertainment]] and [[Interscope Records]].

==Track listing==

==Personnel==

==Charts==

===Weekly charts===

===Year-end charts===

==References==
{{Reflist}}

{{Authority control}}

[[Category:2012 soundtrack albums]]
[[Category:Pop-rap soundtracks]]
[[Category:Dance-pop soundtracks]]
[[Category:K-pop soundtrack]]
[[Category:Grime music soundtracks]]
[[Category:Reggae soundtracks]]
[[Category:Dancehall soundtracks]]
[[Category:Albums produced by Jaheim Hines]]
[[Category:Albums produced by Timbaland]]
[[Category:Albums produced by Eminem]]
[[Category:Albums produced by the Neptunes]]
[[Category:Albums produced by Luis Bass]]
[[Category:Albums produced by Rami Yacoub]]
[[Category:Roc-A-Wear Records soundtracks]]
[[Category:Albums produced by Justin Timberlake]]
[[Category:Albums produced by RedOne]]
[[Category:Albums produced by Madonna]]
[[Category:YG Entertainment soundtracks]]
[[Category:Albums produced by Asa Taccone]]
[[Category:Albums produced by TMS (production team)]]
[[Category:Interscope Records soundtracks]]
[[Category:Albums produced by Danja (record producer)]]
[[Category:Albums produced by Carl Falk]]
[[Category:Albums produced by Luis Resto (musician)]]</text>
      <sha1>0v7wv2bdibcg8gi0cffp05hllj44k83</sha1>
    </revision>
    <revision>
      <id>781256</id>
      <parentid>781251</parentid>
      <timestamp>2026-10-27T20:17:22Z</timestamp>
      <contributor>
        <username>Jaheim Ember</username>
        <id>76112</id>
      </contributor>
      <origin>781256</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="3124" sha1="2eb3f2slbpcpexytdjigwkdjfur8v8c" xml:space="preserve">{{Use mdy dates|date=January 2013}}
{{Infobox album
| name         = Oppa Gangnam Style: The Soundtrack
| type         = soundtrack
| artist       = various artists
| cover        =
| alt          = 
| released     = September 14, 2012
| recorded     = 2011–2012
| venue        = 
| studio       = 
| genre        = {{flatlist|
*[[Pop-rap]]
*[[dance-pop]]
*[[k-pop]]
*[[Grime music|grime]]
*[[reggae]]
*[[dancehall]]
}}
| length       =
| language     = {{flatlist|
* [[English language|English]]
* [[Korean language|Korean]]
* [[Hindi]]
}}
| label        = {{flatlist|
* [[Roc-A-Wear Records|Roc-A-Wear]]
* [[YG Entertainment|YG]]
* [[Interscope Records|Interscope]]
}}
| producer     = {{flatlist|
* [[apl.de.ap]]
* [[Asa Taccone]]
* [[Carl Falk]]
* [[Dan Black]]
* [[Danja (music producer)|Danja]]
* [[Eminem]]
* [[Jaheim Hines]]
* [[Justin Timberlake]]
* [[Luis Bass]]
* [[Luis Resto (musician)|Luis Resto]]
* [[Madonna]]
* [[Psy]]
* [[Rami Yacoub]]
* [[RedOne]]
* [[Seo Taiji]]
* [[The Neptunes]]
* [[Timbaland]]
* [[TMS (production team)|TMS]]
* [[Yang Hyun-suk]]
* [[Yoo Gun-hyung]]
}}
| misc         = {{Singles
 | name        = Oppa Gangnam Style: The Soundtrack
 | type        = soundtrack
 | single1     = [[Gangnam Style (song)|Gangnam Style]]
 | single1date = August 15, 2012
 | single2     = [[Beautiful Wings]]
 | single2date = September 12, 2012
 | single3     = [[Crazy Kiya Re (song)|Crazy Kiya Re]]
 | single3date = October 26, 2012
 | single4     = [[Right Here Right Now (Jaheim Hines and Elton Hines song)|Right Here Right Now]]
 | single4date = November 11, 2012
 | single5     = [[Chaiyya Chaiyya (song)|Chaiyya Chaiyya]]
 | single5date = March 24, 2013
}}
}}
'''''Oppa Gangnam Style: The Soundtrack''''' is a soundtrack to [[Jaheim Hines]] and Cho Soo-hyun's 2012 [[dance film]] ''[[Oppa Gangnam Style (film)|Oppa Gangnam Style]]''. It was released on September 14, 2012 through [[Roc-A-Wear Records]], [[YG Entertainment]] and [[Interscope Records]].

==Track listing==

==Personnel==

==Charts==

===Weekly charts===

===Year-end charts===

==References==
{{Reflist}}

{{Authority control}}

[[Category:2012 soundtrack albums]]
[[Category:Pop-rap soundtracks]]
[[Category:Dance-pop soundtracks]]
[[Category:K-pop soundtrack]]
[[Category:Grime music soundtracks]]
[[Category:Reggae soundtracks]]
[[Category:Dancehall soundtracks]]
[[Category:Albums produced by Jaheim Hines]]
[[Category:Albums produced by Timbaland]]
[[Category:Albums produced by Eminem]]
[[Category:Albums produced by the Neptunes]]
[[Category:Albums produced by Luis Bass]]
[[Category:Albums produced by Rami Yacoub]]
[[Category:Roc-A-Wear Records soundtracks]]
[[Category:Albums produced by Justin Timberlake]]
[[Category:Albums produced by RedOne]]
[[Category:Albums produced by Madonna]]
[[Category:YG Entertainment soundtracks]]
[[Category:Albums produced by Asa Taccone]]
[[Category:Albums produced by TMS (production team)]]
[[Category:Interscope Records soundtracks]]
[[Category:Albums produced by Danja (record producer)]]
[[Category:Albums produced by Carl Falk]]
[[Category:Albums produced by Luis Resto (musician)]]</text>
      <sha1>2eb3f2slbpcpexytdjigwkdjfur8v8c</sha1>
    </revision>
    <revision>
      <id>781258</id>
      <parentid>781256</parentid>
      <timestamp>2026-10-27T21:07:51Z</timestamp>
      <contributor>
        <username>Jaheim Ember</username>
        <id>76112</id>
      </contributor>
      <comment>/* Track listing */</comment>
      <origin>781258</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="5201" sha1="e8de287rwhnjc2oora4tv3rksxttoju" xml:space="preserve">{{Use mdy dates|date=January 2013}}
{{Infobox album
| name         = Oppa Gangnam Style: The Soundtrack
| type         = soundtrack
| artist       = various artists
| cover        =
| alt          = 
| released     = September 14, 2012
| recorded     = 2011–2012
| venue        = 
| studio       = 
| genre        = {{flatlist|
*[[Pop-rap]]
*[[dance-pop]]
*[[k-pop]]
*[[Grime music|grime]]
*[[reggae]]
*[[dancehall]]
}}
| length       =
| language     = {{flatlist|
* [[English language|English]]
* [[Korean language|Korean]]
* [[Hindi]]
}}
| label        = {{flatlist|
* [[Roc-A-Wear Records|Roc-A-Wear]]
* [[YG Entertainment|YG]]
* [[Interscope Records|Interscope]]
}}
| producer     = {{flatlist|
* [[apl.de.ap]]
* [[Asa Taccone]]
* [[Carl Falk]]
* [[Dan Black]]
* [[Danja (music producer)|Danja]]
* [[Eminem]]
* [[Jaheim Hines]]
* [[Justin Timberlake]]
* [[Luis Bass]]
* [[Luis Resto (musician)|Luis Resto]]
* [[Madonna]]
* [[Psy]]
* [[Rami Yacoub]]
* [[RedOne]]
* [[Seo Taiji]]
* [[The Neptunes]]
* [[Timbaland]]
* [[TMS (production team)|TMS]]
* [[Yang Hyun-suk]]
* [[Yoo Gun-hyung]]
}}
| misc         = {{Singles
 | name        = Oppa Gangnam Style: The Soundtrack
 | type        = soundtrack
 | single1     = [[Gangnam Style (song)|Gangnam Style]]
 | single1date = August 15, 2012
 | single2     = [[Beautiful Wings]]
 | single2date = September 12, 2012
 | single3     = [[Crazy Kiya Re (song)|Crazy Kiya Re]]
 | single3date = October 26, 2012
 | single4     = [[Right Here Right Now (Jaheim Hines and Elton Hines song)|Right Here Right Now]]
 | single4date = November 11, 2012
 | single5     = [[Chaiyya Chaiyya (song)|Chaiyya Chaiyya]]
 | single5date = March 24, 2013
}}
}}
'''''Oppa Gangnam Style: The Soundtrack''''' is a soundtrack to [[Jaheim Hines]] and Cho Soo-hyun's 2012 [[dance film]] ''[[Oppa Gangnam Style (film)|Oppa Gangnam Style]]''. It was released on September 14, 2012 through [[Roc-A-Wear Records]], [[YG Entertainment]] and [[Interscope Records]].

==Track listing==
{{Track listing
| extra_column  = Producer(s)
| total_length  =

| title1        = Forever Young (Intro)
| note1         = [[Jaheim Hines]]

| title2        = [[Gangnam Style (song)|Gangnam Style]]
| note2         = [[MattyBRaps|MattyB]] featuring [[Psy]], [[Hyuna]] and [[Cimorelli]]

| title3        = Candy Shop
| note3         = [[Justin Timberlake]] and [[Madonna]] featuring [[Timbaland]], [[Kanye West]] and [[Pharrell Williams|Pharrell]]

| title4        = Bend Your Back
| note4         = [[Elton Hines]] featuring Jaheim Hines, [[Dannii Minogue]], [[Tinchy Stryder]] and [[Kano (British musician)|Kano]]

| title5        = Underground
| note5         = [[Eminem]] and [[Twiztid]] featuring [[Jaydan &amp; Jaheim]]

| title6        = [[Right Here Right Now (Jaheim Hines and Elton Hines song)|Right Here Right Now]]
| note6         = Jaheim Hines and Elton Hines featuring [[Lee Hyori]] and [[Jinusean]]

| title7        = [[Chaiyya Chaiyya (song)|Chaiyya Chaiyya]]
| note7         = [[Dan Black]] featuring Jaheim Hines, [[apl.de.ap]], [[Fefe Dobson]], [[Yang Hyun-suk]] and [[Eva Simons]]

| title8        = [[Crazy Kiya Re (song)|Crazy Kiya Re]]
| note8         = [[Priyanka Chopra]] featuring Jaheim Hines, [[Taboo (rapper)|Taboo]], Kano, Elton Hines and [[Karen Poole]]

| title9        = Sumthin for That Ass
| note9         = [[Wiley (musician)|Wiley]] featuring Jaheim Hines, [[Lee Juno]], [[Bashy]], [[Skepta]] and [[Lady Sovereign]]

| title10       = [[Beautiful Wings]]
| note10        = [[One Direction]] and [[Little Mix]]

| title11       = Rock My Shit
| note11        = [[Lil TerRio]] featuring Jaheim Hines, [[Seo Taiji]] and [[Lil Blurry]]

| title12       = The Elephunk Theme
| note12        = Jaheim Hines featuring [[Tempa T]], Hyuna, [[D Double E]], Psy and Tinchy Stryder

| title13       = For the People
| note13        = [[The Lonely Island]] featuring Jaheim Hines and [[Insane Clown Posse]]

| title14       = What's Goin' Down
| note14        = [[Jaydan Anderson]] featuring Jaheim Hines, [[ShyhBRaps||ShyhB]], Eva Simons and [[Stormzy]]
}}

==Personnel==

==Charts==

===Weekly charts===

===Year-end charts===

==References==
{{Reflist}}

{{Authority control}}

[[Category:2012 soundtrack albums]]
[[Category:Pop-rap soundtracks]]
[[Category:Dance-pop soundtracks]]
[[Category:K-pop soundtrack]]
[[Category:Grime music soundtracks]]
[[Category:Reggae soundtracks]]
[[Category:Dancehall soundtracks]]
[[Category:Albums produced by Jaheim Hines]]
[[Category:Albums produced by Timbaland]]
[[Category:Albums produced by Eminem]]
[[Category:Albums produced by the Neptunes]]
[[Category:Albums produced by Luis Bass]]
[[Category:Albums produced by Rami Yacoub]]
[[Category:Roc-A-Wear Records soundtracks]]
[[Category:Albums produced by Justin Timberlake]]
[[Category:Albums produced by RedOne]]
[[Category:Albums produced by Madonna]]
[[Category:YG Entertainment soundtracks]]
[[Category:Albums produced by Asa Taccone]]
[[Category:Albums produced by TMS (production team)]]
[[Category:Interscope Records soundtracks]]
[[Category:Albums produced by Danja (record producer)]]
[[Category:Albums produced by Carl Falk]]
[[Category:Albums produced by Luis Resto (musician)]]</text>
      <sha1>e8de287rwhnjc2oora4tv3rksxttoju</sha1>
    </revision>
  </page>
  <page>
    <title>JT Session</title>
    <ns>0</ns>
    <id>177158</id>
    <revision>
      <id>781343</id>
      <parentid>767427</parentid>
      <timestamp>2026-10-28T01:00:23Z</timestamp>
      <contributor>
        <username>King Hines</username>
        <id>76392</id>
      </contributor>
      <origin>781343</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="2968" sha1="q9ogsx5zf917x97wes7ds1i7tmmi1is" xml:space="preserve">{{Use mdy dates|date=June 2020}}
{{Infobox album
| name         = JT Session
| type         = studio
| artist       = [[Thicke Levine Timberlake]]
| cover        = 
| alt          = 
| released     = {{start date|2020|6|19}}
| genre        =
*[[Pop-rap]]
*[[dance-pop]]
*[[synth-pop]]
*[[nu-disco]]
*[[electropop]]
*[[Funk|pop-funk]]
*[[Styles of pop music|disco-pop]]
| studio       = 
| length       =
| recorded     = 2019–2020
| label        =
*[[Star Trak Entertainment|Star Trak]]
*[[222 Records|222]]
*[[Interscope Records|Interscope]]
| producer     =
*[[Alicia Keys]]
*[[Anderson .Paak]]
*[[Ariana Grande]]
*[[Daft Punk]]
*[[Earth, Wind &amp; Fire]]
*[[Emanuel Kiriakou|Emanuel &quot;Eman&quot; Kiriakou]]
*[[Eminem]]
*[[Ilya Salmanzadeh|Ilya]]
*[[Justin Timberlake]]
*[[Kanye West]]
*[[Kylie Minogue]]
*[[Ludwig Göransson]]
*[[Luis Resto (musician)|Luis Resto]]
*[[Madonna]]
*[[Max Martin]]
*Mr. Franks
*PhD
*Pro-Jay
*[[Robin Thicks]]
*[[Shellback (music producer)|Shellback]]
*[[Teemu Brunila]]
*[[The Neptunes]]
*[[Tommy Brown (record producer)|Tommy Brown]]
| prev_title   = [[The Justified Love Sounds Experience]]
| prev_year    = 2018
| next_title   = [[Stripped &amp; Justified]]
| next_year    = 2022
| misc         = {{Singles
 | name        = Translation
 | type        = studio
 | single1     = [[The Other Side (Thicke Levine Timberlake song)|The Other Side]]
 | single1date = October 11, 2019
 | single2     = [[Make You Dance (song)|Make You Dance]]
 | single2date = April 10, 2020
 | single3     = Don't Slack
 | single3date = June 13, 2020
 | single4     = [[34+35 (song)|34+35]]
 | single4date = June 18, 2020
 | single5     = Fallin' (Adrenaline)
 | single5date = August 7, 2020
 | single6     = [[Take You Dancing (song)|Take You Dancing]]
 | single6date = August 21, 2020
 | single7     = [[Magic (Thicke Levine Timberlake song)|Magic]]
 | single7date = December 4, 2020
}}
}}

'''''JT Session''''' is the ninth studio album by American [[Pop-R&amp;B]] group [[Thicke Levine Timberlake]]. It was released on June 19, 2020, by [[Star Trak Entertainment]], [[222 Records]] and [[Interscope Records]]. The album features [[guest appearance]]s from [[Kylie Minogue]], [[SZA]], [[Pharrell Williams]], [[Ariana Grande]], [[The Lonely Island]], [[Eminem]], [[Anderson .Paak]], [[Earth, Wind &amp; Fire]], [[Alicia Keys]], and [[Jennifer Lopez]].

==Track listing==

===Notes===

==Personnel==

==Charts==

===Weekly charts===

===Year-end charts===

==Certifications==

==References==
{{reflist}}

{{Thicke Levine Timberlake}}

{{Authority control}}

[[Category:2020 albums]]
[[Category:Albums produced by Justin Timberlake]]
[[Category:Thicke Levine Timberlake albums]]
[[Category:Star Trak Entertainment albums]]
[[Category:222 Records albums]]
[[Category:Interscope Records albums]]
[[Category:Albums produced by Ludwig Göransson]]
[[Category:Dance-pop albums by American artists]]
[[Category:Nu-disco albums]]
[[Category:Albums impacted by the COVID-19 pandemic]]</text>
      <sha1>q9ogsx5zf917x97wes7ds1i7tmmi1is</sha1>
    </revision>
    <revision>
      <id>781345</id>
      <parentid>781343</parentid>
      <timestamp>2026-10-28T01:13:14Z</timestamp>
      <contributor>
        <username>King Hines</username>
        <id>76392</id>
      </contributor>
      <comment>/* Track listing */</comment>
      <origin>781345</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="4246" sha1="0vi1wasjt2hyncvprm4pb9sat20q4fm" xml:space="preserve">{{Use mdy dates|date=June 2020}}
{{Infobox album
| name         = JT Session
| type         = studio
| artist       = [[Thicke Levine Timberlake]]
| cover        = 
| alt          = 
| released     = {{start date|2020|6|19}}
| genre        =
*[[Pop-rap]]
*[[dance-pop]]
*[[synth-pop]]
*[[nu-disco]]
*[[electropop]]
*[[Funk|pop-funk]]
*[[Styles of pop music|disco-pop]]
| studio       = 
| length       =
| recorded     = 2019–2020
| label        =
*[[Star Trak Entertainment|Star Trak]]
*[[222 Records|222]]
*[[Interscope Records|Interscope]]
| producer     =
*[[Alicia Keys]]
*[[Anderson .Paak]]
*[[Ariana Grande]]
*[[Daft Punk]]
*[[Earth, Wind &amp; Fire]]
*[[Emanuel Kiriakou|Emanuel &quot;Eman&quot; Kiriakou]]
*[[Eminem]]
*[[Ilya Salmanzadeh|Ilya]]
*[[Justin Timberlake]]
*[[Kanye West]]
*[[Kylie Minogue]]
*[[Ludwig Göransson]]
*[[Luis Resto (musician)|Luis Resto]]
*[[Madonna]]
*[[Max Martin]]
*Mr. Franks
*PhD
*Pro-Jay
*[[Robin Thicks]]
*[[Shellback (music producer)|Shellback]]
*[[Teemu Brunila]]
*[[The Neptunes]]
*[[Tommy Brown (record producer)|Tommy Brown]]
| prev_title   = [[The Justified Love Sounds Experience]]
| prev_year    = 2018
| next_title   = [[Stripped &amp; Justified]]
| next_year    = 2022
| misc         = {{Singles
 | name        = Translation
 | type        = studio
 | single1     = [[The Other Side (Thicke Levine Timberlake song)|The Other Side]]
 | single1date = October 11, 2019
 | single2     = [[Make You Dance (song)|Make You Dance]]
 | single2date = April 10, 2020
 | single3     = Don't Slack
 | single3date = June 13, 2020
 | single4     = [[34+35 (song)|34+35]]
 | single4date = June 18, 2020
 | single5     = Fallin' (Adrenaline)
 | single5date = August 7, 2020
 | single6     = [[Take You Dancing (song)|Take You Dancing]]
 | single6date = August 21, 2020
 | single7     = [[Magic (Thicke Levine Timberlake song)|Magic]]
 | single7date = December 4, 2020
}}
}}

'''''JT Session''''' is the ninth studio album by American [[Pop-R&amp;B]] group [[Thicke Levine Timberlake]]. It was released on June 19, 2020, by [[Star Trak Entertainment]], [[222 Records]] and [[Interscope Records]]. The album features [[guest appearance]]s from [[Kylie Minogue]], [[SZA]], [[Pharrell Williams]], [[Ariana Grande]], [[The Lonely Island]], [[Eminem]], [[Anderson .Paak]], [[Earth, Wind &amp; Fire]], [[Alicia Keys]], and [[Jennifer Lopez]].

==Track listing==
{{Track listing
| headline      = ''JT Session'' track listing
| extra_column  = Producer(s)
| total_length  =
| title_width   = 30%
| writing_width = 50%
| extra_width   = 20%
| title1        = [[The Other Side (Thicke Levine Timberlake song)|The Other Side]]
| note1         = featuring [[SZA]]
| title2        = [[34+35 (song)|34+35]]
| note2         = featuring [[Ariana Grande]]
| title3        = [[Make You Dance (song)|Make You Dance]]
| note3         = featuring [[Pharrell Williams]] and [[Madonna]]
| title4        = [[Magic (Thicke Levine Timberlake song)|Magic]]
| note4         = featuring [[Kylie Minogue]]
| title5        = [[Take You Dancing (song)|Take You Dancing]]
| note5         = featuring [[The Lonely Island]] and [[Eminem]]
| title6        = Don't Slack
| note6         = featuring [[Anderson .Paak]]
| title7        = I Don't Give A
| note7         = featuring Madonna
| title8        = R.E.M.
| title9        = Sweetener
| note9         = featuring [[Earth, Wind &amp; Fire]]
| title10       = Ungodly Hour
| note10        = featuring [[Alicia Keys]]
| title11       = Successful
| note11        = featuring [[Jennifer Lopez]]
| title12       = Borderline
| title13       = Blazed
| title14       = Fallin' (Adrenaline)
| title15       = Get Well Soon
}}

===Notes===

==Personnel==

==Charts==

===Weekly charts===

===Year-end charts===

==Certifications==

==References==
{{reflist}}

{{Thicke Levine Timberlake}}

{{Authority control}}

[[Category:2020 albums]]
[[Category:Albums produced by Justin Timberlake]]
[[Category:Thicke Levine Timberlake albums]]
[[Category:Star Trak Entertainment albums]]
[[Category:222 Records albums]]
[[Category:Interscope Records albums]]
[[Category:Albums produced by Ludwig Göransson]]
[[Category:Dance-pop albums by American artists]]
[[Category:Nu-disco albums]]
[[Category:Albums impacted by the COVID-19 pandemic]]</text>
      <sha1>0vi1wasjt2hyncvprm4pb9sat20q4fm</sha1>
    </revision>
    <revision>
      <id>781346</id>
      <parentid>781345</parentid>
      <timestamp>2026-10-28T01:13:45Z</timestamp>
      <contributor>
        <username>King Hines</username>
        <id>76392</id>
      </contributor>
      <comment>/* Track listing */</comment>
      <origin>781346</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="4202" sha1="5s5kmwo5a3qadvfjy1rizb3bqq8er5y" xml:space="preserve">{{Use mdy dates|date=June 2020}}
{{Infobox album
| name         = JT Session
| type         = studio
| artist       = [[Thicke Levine Timberlake]]
| cover        = 
| alt          = 
| released     = {{start date|2020|6|19}}
| genre        =
*[[Pop-rap]]
*[[dance-pop]]
*[[synth-pop]]
*[[nu-disco]]
*[[electropop]]
*[[Funk|pop-funk]]
*[[Styles of pop music|disco-pop]]
| studio       = 
| length       =
| recorded     = 2019–2020
| label        =
*[[Star Trak Entertainment|Star Trak]]
*[[222 Records|222]]
*[[Interscope Records|Interscope]]
| producer     =
*[[Alicia Keys]]
*[[Anderson .Paak]]
*[[Ariana Grande]]
*[[Daft Punk]]
*[[Earth, Wind &amp; Fire]]
*[[Emanuel Kiriakou|Emanuel &quot;Eman&quot; Kiriakou]]
*[[Eminem]]
*[[Ilya Salmanzadeh|Ilya]]
*[[Justin Timberlake]]
*[[Kanye West]]
*[[Kylie Minogue]]
*[[Ludwig Göransson]]
*[[Luis Resto (musician)|Luis Resto]]
*[[Madonna]]
*[[Max Martin]]
*Mr. Franks
*PhD
*Pro-Jay
*[[Robin Thicks]]
*[[Shellback (music producer)|Shellback]]
*[[Teemu Brunila]]
*[[The Neptunes]]
*[[Tommy Brown (record producer)|Tommy Brown]]
| prev_title   = [[The Justified Love Sounds Experience]]
| prev_year    = 2018
| next_title   = [[Stripped &amp; Justified]]
| next_year    = 2022
| misc         = {{Singles
 | name        = Translation
 | type        = studio
 | single1     = [[The Other Side (Thicke Levine Timberlake song)|The Other Side]]
 | single1date = October 11, 2019
 | single2     = [[Make You Dance (song)|Make You Dance]]
 | single2date = April 10, 2020
 | single3     = Don't Slack
 | single3date = June 13, 2020
 | single4     = [[34+35 (song)|34+35]]
 | single4date = June 18, 2020
 | single5     = Fallin' (Adrenaline)
 | single5date = August 7, 2020
 | single6     = [[Take You Dancing (song)|Take You Dancing]]
 | single6date = August 21, 2020
 | single7     = [[Magic (Thicke Levine Timberlake song)|Magic]]
 | single7date = December 4, 2020
}}
}}

'''''JT Session''''' is the ninth studio album by American [[Pop-R&amp;B]] group [[Thicke Levine Timberlake]]. It was released on June 19, 2020, by [[Star Trak Entertainment]], [[222 Records]] and [[Interscope Records]]. The album features [[guest appearance]]s from [[Kylie Minogue]], [[SZA]], [[Pharrell Williams]], [[Ariana Grande]], [[The Lonely Island]], [[Eminem]], [[Anderson .Paak]], [[Earth, Wind &amp; Fire]], [[Alicia Keys]], and [[Jennifer Lopez]].

==Track listing==
{{Track listing
| headline      = ''JT Session'' track listing
| extra_column  = Producer(s)
| total_length  =
| title_width   = 30%
| title1        = [[The Other Side (Thicke Levine Timberlake song)|The Other Side]]
| note1         = featuring [[SZA]]
| title2        = [[34+35 (song)|34+35]]
| note2         = featuring [[Ariana Grande]]
| title3        = [[Make You Dance (song)|Make You Dance]]
| note3         = featuring [[Pharrell Williams]] and [[Madonna]]
| title4        = [[Magic (Thicke Levine Timberlake song)|Magic]]
| note4         = featuring [[Kylie Minogue]]
| title5        = [[Take You Dancing (song)|Take You Dancing]]
| note5         = featuring [[The Lonely Island]] and [[Eminem]]
| title6        = Don't Slack
| note6         = featuring [[Anderson .Paak]]
| title7        = I Don't Give A
| note7         = featuring Madonna
| title8        = R.E.M.
| title9        = Sweetener
| note9         = featuring [[Earth, Wind &amp; Fire]]
| title10       = Ungodly Hour
| note10        = featuring [[Alicia Keys]]
| title11       = Successful
| note11        = featuring [[Jennifer Lopez]]
| title12       = Borderline
| title13       = Blazed
| title14       = Fallin' (Adrenaline)
| title15       = Get Well Soon
}}

===Notes===

==Personnel==

==Charts==

===Weekly charts===

===Year-end charts===

==Certifications==

==References==
{{reflist}}

{{Thicke Levine Timberlake}}

{{Authority control}}

[[Category:2020 albums]]
[[Category:Albums produced by Justin Timberlake]]
[[Category:Thicke Levine Timberlake albums]]
[[Category:Star Trak Entertainment albums]]
[[Category:222 Records albums]]
[[Category:Interscope Records albums]]
[[Category:Albums produced by Ludwig Göransson]]
[[Category:Dance-pop albums by American artists]]
[[Category:Nu-disco albums]]
[[Category:Albums impacted by the COVID-19 pandemic]]</text>
      <sha1>5s5kmwo5a3qadvfjy1rizb3bqq8er5y</sha1>
    </revision>
    <revision>
      <id>781347</id>
      <parentid>781346</parentid>
      <timestamp>2026-10-28T01:14:01Z</timestamp>
      <contributor>
        <username>King Hines</username>
        <id>76392</id>
      </contributor>
      <comment>/* Track listing */</comment>
      <origin>781347</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="4181" sha1="0e29vsyvmzj8tqw15qa9n88ib0it0qi" xml:space="preserve">{{Use mdy dates|date=June 2020}}
{{Infobox album
| name         = JT Session
| type         = studio
| artist       = [[Thicke Levine Timberlake]]
| cover        = 
| alt          = 
| released     = {{start date|2020|6|19}}
| genre        =
*[[Pop-rap]]
*[[dance-pop]]
*[[synth-pop]]
*[[nu-disco]]
*[[electropop]]
*[[Funk|pop-funk]]
*[[Styles of pop music|disco-pop]]
| studio       = 
| length       =
| recorded     = 2019–2020
| label        =
*[[Star Trak Entertainment|Star Trak]]
*[[222 Records|222]]
*[[Interscope Records|Interscope]]
| producer     =
*[[Alicia Keys]]
*[[Anderson .Paak]]
*[[Ariana Grande]]
*[[Daft Punk]]
*[[Earth, Wind &amp; Fire]]
*[[Emanuel Kiriakou|Emanuel &quot;Eman&quot; Kiriakou]]
*[[Eminem]]
*[[Ilya Salmanzadeh|Ilya]]
*[[Justin Timberlake]]
*[[Kanye West]]
*[[Kylie Minogue]]
*[[Ludwig Göransson]]
*[[Luis Resto (musician)|Luis Resto]]
*[[Madonna]]
*[[Max Martin]]
*Mr. Franks
*PhD
*Pro-Jay
*[[Robin Thicks]]
*[[Shellback (music producer)|Shellback]]
*[[Teemu Brunila]]
*[[The Neptunes]]
*[[Tommy Brown (record producer)|Tommy Brown]]
| prev_title   = [[The Justified Love Sounds Experience]]
| prev_year    = 2018
| next_title   = [[Stripped &amp; Justified]]
| next_year    = 2022
| misc         = {{Singles
 | name        = Translation
 | type        = studio
 | single1     = [[The Other Side (Thicke Levine Timberlake song)|The Other Side]]
 | single1date = October 11, 2019
 | single2     = [[Make You Dance (song)|Make You Dance]]
 | single2date = April 10, 2020
 | single3     = Don't Slack
 | single3date = June 13, 2020
 | single4     = [[34+35 (song)|34+35]]
 | single4date = June 18, 2020
 | single5     = Fallin' (Adrenaline)
 | single5date = August 7, 2020
 | single6     = [[Take You Dancing (song)|Take You Dancing]]
 | single6date = August 21, 2020
 | single7     = [[Magic (Thicke Levine Timberlake song)|Magic]]
 | single7date = December 4, 2020
}}
}}

'''''JT Session''''' is the ninth studio album by American [[Pop-R&amp;B]] group [[Thicke Levine Timberlake]]. It was released on June 19, 2020, by [[Star Trak Entertainment]], [[222 Records]] and [[Interscope Records]]. The album features [[guest appearance]]s from [[Kylie Minogue]], [[SZA]], [[Pharrell Williams]], [[Ariana Grande]], [[The Lonely Island]], [[Eminem]], [[Anderson .Paak]], [[Earth, Wind &amp; Fire]], [[Alicia Keys]], and [[Jennifer Lopez]].

==Track listing==
{{Track listing
| headline      = ''JT Session'' track listing
| extra_column  = Producer(s)
| total_length  =

| title1        = [[The Other Side (Thicke Levine Timberlake song)|The Other Side]]
| note1         = featuring [[SZA]]
| title2        = [[34+35 (song)|34+35]]
| note2         = featuring [[Ariana Grande]]
| title3        = [[Make You Dance (song)|Make You Dance]]
| note3         = featuring [[Pharrell Williams]] and [[Madonna]]
| title4        = [[Magic (Thicke Levine Timberlake song)|Magic]]
| note4         = featuring [[Kylie Minogue]]
| title5        = [[Take You Dancing (song)|Take You Dancing]]
| note5         = featuring [[The Lonely Island]] and [[Eminem]]
| title6        = Don't Slack
| note6         = featuring [[Anderson .Paak]]
| title7        = I Don't Give A
| note7         = featuring Madonna
| title8        = R.E.M.
| title9        = Sweetener
| note9         = featuring [[Earth, Wind &amp; Fire]]
| title10       = Ungodly Hour
| note10        = featuring [[Alicia Keys]]
| title11       = Successful
| note11        = featuring [[Jennifer Lopez]]
| title12       = Borderline
| title13       = Blazed
| title14       = Fallin' (Adrenaline)
| title15       = Get Well Soon
}}

===Notes===

==Personnel==

==Charts==

===Weekly charts===

===Year-end charts===

==Certifications==

==References==
{{reflist}}

{{Thicke Levine Timberlake}}

{{Authority control}}

[[Category:2020 albums]]
[[Category:Albums produced by Justin Timberlake]]
[[Category:Thicke Levine Timberlake albums]]
[[Category:Star Trak Entertainment albums]]
[[Category:222 Records albums]]
[[Category:Interscope Records albums]]
[[Category:Albums produced by Ludwig Göransson]]
[[Category:Dance-pop albums by American artists]]
[[Category:Nu-disco albums]]
[[Category:Albums impacted by the COVID-19 pandemic]]</text>
      <sha1>0e29vsyvmzj8tqw15qa9n88ib0it0qi</sha1>
    </revision>
  </page>
  <page>
    <title>Soundtrack of the Streets</title>
    <ns>0</ns>
    <id>177492</id>
    <revision>
      <id>781240</id>
      <parentid>767105</parentid>
      <timestamp>2026-10-27T19:32:37Z</timestamp>
      <contributor>
        <username>Jaheim Ember</username>
        <id>76112</id>
      </contributor>
      <comment>/* Track listing */</comment>
      <origin>781240</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="3951" sha1="rymsz8o7kpfretqx5jbl0pp8hmmuobz" xml:space="preserve">{{Use mdy dates|date=May 2025}}
{{Infobox album
| name         = Soundtrack of the Streets
| type         = [[Studio mixtape]]
| artist       = [[Gene Simmons]]
| cover        = 
| alt          = 
| released     = {{Start date|2003|11|3}}
| recorded     = 2002–2003
| studio       = 
| genre        = {{hlist|[[Pop rap]]|[[pop metal]]|[[rap rock]]|[[pop rock]]|[[rap metal]]}}
| length       = 
| label        = {{hlist|Simmons|[[RCA Records|RCA]]|[[Bertelsmann Music Group|BMG]]}}
| producer     = {{hlist|[[Jimmy Iovine]] &lt;small&gt;(also exec.)&lt;/small&gt;|Gene Simmons &lt;small&gt;(also exec.)&lt;/small&gt;|[[Jimmy Jam and Terry Lewis]] &lt;small&gt;(also exec.)&lt;/small&gt;}}
| prev_title   = [[Gene Simmons (album)|Gene Simmons]]
| prev_year    = 1978
| next_title   = [[Ashole (album)|Asshole]]
| next_year    = 2004
| misc         = {{Singles
 | name = Soundtrack of the Streets
 | type = [[Studio mixtape]]
 | single1 = [[Always on the Run (Gene Simmons song)|Always on the Run]]
 | single1date = August 18, 2003
 | single2 = [[Always on the Run (Gene Simmons song)|Soundtrack of the Streets (On the Run Remix)]]
 | single2date = September 16, 2003
 | single3 = [[Hole in the Head (Gene Simmons song)|Hole in the Head]]
 | single3date = October 10, 2003
 | single4 = [[Give It Away (Gene Simmons song)|Give It Away]]
 | single4date = November 25, 2003
}}
}}

'''''Soundtrack of the Streets''''' is a studio mixtape by Israeli-American singer and musician [[Gene Simmons]]. It was released on November 3, 2003, on Simmons Records/[[RCA Records]]/[[Bertelsmann Music Group|BMG Records]].

==Track listing==
{{Track listing
| extra_column = Producer(s)
| total_length =

| title1 = Intro

| title2 = Rock Bottom
| note2 = featuring [[Kid Rock]]

| title3 = Interlude 1
| note3 = featuring [[Foo Fighters]] and [[Tenacious D]]

| title4 = [[Always on the Run (Gene Simmons song)|Always on the Run]]
| note4 = featuring Foo Fighters and [[Motörhead]]

| title5 = Truck Volume
| note5 = featuring [[&quot;Weird Al&quot; Yankovic]] and [[They Might Be Giants]]

| title6 = Interlude 2
| note6 = featuring [[Annie Lennox]]

| title7 = Say Goodbye Hollywood
| note7 = featuring [[Aerosmith]]

| title8 = Interview 1
| note8 = featuring [[Tom Jones (singer)|Tom Jones]] and [[Sting (musician)|Sting]]

| title9 = Freestyle 1
| note9 = featuring [[Stephan Jenkins]]

| title10 = Criminal
| note11 = featuring [[Sheryl Crow]] and [[The Chicks|Dixie Chicks]]

| title11 = Interlude 3 (A Simple Message)

| title12 = [[Hole in the Head (Gene Simmons song)|Hole in the Head]]
| note12 = featuring [[The Darkness (band)|The Darkness]] and [[Sugababes]]

| title13 = Interlude 4 (Phone Sex)

| title14 = I'm Back
| note14 = featuring [[Eminem]]

| title15 = Interlude 5 (Party Time)

| title16 = Devil Without a Cause
| note16 = featuring [[ZZ Top]]

| title17 = Tunnel Vision
| note17 = featuring [[Garbage (band)|Garbage]] and [[Alice Cooper]]

| title18 = Temptation Waits
| note18 = featuring [[Ozzy Osbourne]] and [[Metallica]]

| title19 = Interview 2
| note19 = featuring Tom Jones and Sting

| title20 = [[Always on the Run (Gene Simmons song)|Soundtrack of the Streets (On the Run Remix)]]
| note20 = featuring Foo Fighters and Motörhead

| title21 = Freestyle 2
| note21 = featuring [[Insane Clown Pose]]

| title22 = Deep kick
| note22 = featuring [[Lenny Kravitz]]

| title23 = Interlude 6
| note23 = featuring [[Madonna]]

| title24 = [[Give It Away (Gene Simmons song)|Give It Away]]
| note24 = featuring [[Stevie Nicks]] and [[Phil Collins]]

| title25 = Small World
| note25 = featuring [[Cypress Hill]] and [[Mötley Crüe]]

| title26 = Outro
| note26 = featuring [[Robbie Williams]]
}}

==Charts==

==References==
{{Reflist}}

{{Gene Simmons}}

{{Authority control}}

[[Category:2003 mixtape albums]]
[[Category:Gene Simmons mixtape albums]]
[[Category:RCA Records mixtape albums]]
[[Category:Albums produced by Jimmy Jam and Terry Lewis]]
[[Category:Studio mixtape albums]]</text>
      <sha1>rymsz8o7kpfretqx5jbl0pp8hmmuobz</sha1>
    </revision>
    <revision>
      <id>781241</id>
      <parentid>781240</parentid>
      <timestamp>2026-10-27T19:33:06Z</timestamp>
      <contributor>
        <username>Jaheim Ember</username>
        <id>76112</id>
      </contributor>
      <comment>/* Track listing */</comment>
      <origin>781241</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="3951" sha1="5edsux1wvnvs1qoczajb183fn45m3jg" xml:space="preserve">{{Use mdy dates|date=May 2025}}
{{Infobox album
| name         = Soundtrack of the Streets
| type         = [[Studio mixtape]]
| artist       = [[Gene Simmons]]
| cover        = 
| alt          = 
| released     = {{Start date|2003|11|3}}
| recorded     = 2002–2003
| studio       = 
| genre        = {{hlist|[[Pop rap]]|[[pop metal]]|[[rap rock]]|[[pop rock]]|[[rap metal]]}}
| length       = 
| label        = {{hlist|Simmons|[[RCA Records|RCA]]|[[Bertelsmann Music Group|BMG]]}}
| producer     = {{hlist|[[Jimmy Iovine]] &lt;small&gt;(also exec.)&lt;/small&gt;|Gene Simmons &lt;small&gt;(also exec.)&lt;/small&gt;|[[Jimmy Jam and Terry Lewis]] &lt;small&gt;(also exec.)&lt;/small&gt;}}
| prev_title   = [[Gene Simmons (album)|Gene Simmons]]
| prev_year    = 1978
| next_title   = [[Ashole (album)|Asshole]]
| next_year    = 2004
| misc         = {{Singles
 | name = Soundtrack of the Streets
 | type = [[Studio mixtape]]
 | single1 = [[Always on the Run (Gene Simmons song)|Always on the Run]]
 | single1date = August 18, 2003
 | single2 = [[Always on the Run (Gene Simmons song)|Soundtrack of the Streets (On the Run Remix)]]
 | single2date = September 16, 2003
 | single3 = [[Hole in the Head (Gene Simmons song)|Hole in the Head]]
 | single3date = October 10, 2003
 | single4 = [[Give It Away (Gene Simmons song)|Give It Away]]
 | single4date = November 25, 2003
}}
}}

'''''Soundtrack of the Streets''''' is a studio mixtape by Israeli-American singer and musician [[Gene Simmons]]. It was released on November 3, 2003, on Simmons Records/[[RCA Records]]/[[Bertelsmann Music Group|BMG Records]].

==Track listing==
{{Track listing
| extra_column = Producer(s)
| total_length =

| title1 = Intro

| title2 = Rock Bottom
| note2 = featuring [[Kid Rock]]

| title3 = Interlude 1
| note3 = featuring [[Foo Fighters]] and [[Tenacious D]]

| title4 = [[Always on the Run (Gene Simmons song)|Always on the Run]]
| note4 = featuring Foo Fighters and [[Motörhead]]

| title5 = Truck Volume
| note5 = featuring [[&quot;Weird Al&quot; Yankovic]] and [[They Might Be Giants]]

| title6 = Interlude 2
| note6 = featuring [[Annie Lennox]]

| title7 = Say Goodbye Hollywood
| note7 = featuring [[Aerosmith]]

| title8 = Interview 1
| note8 = featuring [[Tom Jones (singer)|Tom Jones]] and [[Sting (musician)|Sting]]

| title9 = Freestyle 1
| note9 = featuring [[Stephan Jenkins]]

| title10 = Criminal
| note10 = featuring [[Sheryl Crow]] and [[The Chicks|Dixie Chicks]]

| title11 = Interlude 3 (A Simple Message)

| title12 = [[Hole in the Head (Gene Simmons song)|Hole in the Head]]
| note12 = featuring [[The Darkness (band)|The Darkness]] and [[Sugababes]]

| title13 = Interlude 4 (Phone Sex)

| title14 = I'm Back
| note14 = featuring [[Eminem]]

| title15 = Interlude 5 (Party Time)

| title16 = Devil Without a Cause
| note16 = featuring [[ZZ Top]]

| title17 = Tunnel Vision
| note17 = featuring [[Garbage (band)|Garbage]] and [[Alice Cooper]]

| title18 = Temptation Waits
| note18 = featuring [[Ozzy Osbourne]] and [[Metallica]]

| title19 = Interview 2
| note19 = featuring Tom Jones and Sting

| title20 = [[Always on the Run (Gene Simmons song)|Soundtrack of the Streets (On the Run Remix)]]
| note20 = featuring Foo Fighters and Motörhead

| title21 = Freestyle 2
| note21 = featuring [[Insane Clown Pose]]

| title22 = Deep Kick
| note22 = featuring [[Lenny Kravitz]]

| title23 = Interlude 6
| note23 = featuring [[Madonna]]

| title24 = [[Give It Away (Gene Simmons song)|Give It Away]]
| note24 = featuring [[Stevie Nicks]] and [[Phil Collins]]

| title25 = Small World
| note25 = featuring [[Cypress Hill]] and [[Mötley Crüe]]

| title26 = Outro
| note26 = featuring [[Robbie Williams]]
}}

==Charts==

==References==
{{Reflist}}

{{Gene Simmons}}

{{Authority control}}

[[Category:2003 mixtape albums]]
[[Category:Gene Simmons mixtape albums]]
[[Category:RCA Records mixtape albums]]
[[Category:Albums produced by Jimmy Jam and Terry Lewis]]
[[Category:Studio mixtape albums]]</text>
      <sha1>5edsux1wvnvs1qoczajb183fn45m3jg</sha1>
    </revision>
  </page>
  <page>
    <title>7/24</title>
    <ns>0</ns>
    <id>177741</id>
    <revision>
      <id>781340</id>
      <parentid>769822</parentid>
      <timestamp>2026-10-28T00:52:23Z</timestamp>
      <contributor>
        <username>King Hines</username>
        <id>76392</id>
      </contributor>
      <comment>/* Track listing */</comment>
      <origin>781340</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="7391" sha1="pdb2l0dbyko4lzmolnc30y2os7flgh1" xml:space="preserve">{{short description|2006 studio album by Backstreet Girls}}
{{about|the Backstreet Girls album|the date|July 24|other uses|724 (disambiguation)}}
{{good article}}
{{Use mdy dates|date=September 2019}}
{{Infobox album
| name         = 7/24
| type         = studio
| artist       = [[Backstreet Girls (girl group)|Backstreet Girls]]
| cover        = 
| border       = 
| alt          = 
| caption      = 
| released     = {{start date|2006|05|27}}
| recorded     = September–December 2005
| venue        = 
| studio       = 
| genre        = {{flatlist|
* [[Pop music|Pop]]
* [[tropical house]]
* [[comedy pop]]
* [[Contemporary R&amp;B|R&amp;B]]
}}
| length       = 
| label        = {{flatlist|
* [[Columbia Records|Columbia]]
* [[Syco Music|Syco]]
}}
| producer     = {{flatlist|
* [[Rob Dougan]]
* [[Rhett Lawrence]]
* [[Manuel Seal]]
* Eric Seats
* Jeremy Harding
* [[Linda Perry]]
* Malik Pendleton
* Rapture Stewart
* [[Dallas Austin]]
* [[Jimmy Harry]]
* [[Soulshock and Karlin]]
* [[Just Blaze]]
* [[Jimmy Jam and Terry Lewis]]
}}
| prev_title   = [[Reflective (Backstreet Girls album)|Reflective]]
| prev_year    = 2005
| next_title   = [[Backstreet Girls (album)|Backstreet Girls]]
| next_year    = 2007
| misc         = {{Singles
 | name        = 7/24
 | type        = Studio
 | single1     = [[Irresistible (Backstreet Girls song)|Irresistible]]
 | single1date = February 26, 2006
 | single2     = [[All Nite (Don't Stop) (song)|All Nite (Don't Stop)]]
 | single2date = May 31, 2006
 | single3     = [[Satisfied (Backstreet Girls song)|Satisfied]]
 | single3date = September 27, 2006
}}
}}

'''''7/24''''' is the second studio album by American comedy girl group [[Backstreet Girls (girl group)|Backstreet Girls]], released by [[Syco Music]] and [[Columbia Records]] on May 27, 2006. The record is the follow-up to the group's debut studio album ''[[Reflective (Backstreet Girls album)|Reflective]]'' (2005). Its lyrics discuss themes of [[female empowerment]] and love. It features guest appearances by American [[dancehall]] and [[hip hop]] artists [[Elephant Man]], [[Sean Paul]] and [[Method Man]], and collaborations with [[Record producer|producers]] [[Manuel Seal]], [[Dallas Austin]] and [[Jimmy Jam and Terry Lewis]]. ''7/24'' is primarily a [[Pop music|pop]], [[tropical house]] and [[Contemporary R&amp;B|R&amp;B]] record that includes elements of [[reggae]], [[funk]], [[electronic dance music]], [[hip hop]] and [[Trap music (EDM)|trap]]. Unlike the genres explored on ''Reflective'', ''7/24''{{'s}} songs incorporate new genres like tropical house. This is the first Backstreet Girls album to feature [[Carmen Electra]] before she left the group in December 2006 to pursue a solo career.

== Background and production ==

==Recording==

==Title and artwork==

==Composition==

===Music and lyrics===

===Songs and lyrical content===

== Release and promotion ==

== Singles ==

===Promotional singles===

== Track listing ==
{{Track listing
| headline     = Standard edition&lt;ref name = &quot;Album booklet&quot;&gt;{{cite AV media notes |title = 7/24 |year = 2006 |type = booklet |publisher = [[Syco Music|Syco]]}}&lt;/ref&gt;
| extra_column = Producer(s)
| total_length = 

| title_width   = 30%
| writing_width = 70%

| title1  = [[Satisfied (Backstreet Girls song)|Satisfied]]
| writer1 = {{hlist|[[Pink (singer)|Alecia Moore]]|[[Rhett Lawrence]]|[[Jimmy Harry]]}}
| extra1  = {{hlist|[[Jimmy Harry]]|[[Rhett Lawrence]]|[[Siobhan Fahey]]{{ref|a|[a]}}}}
| length1 = 

| title2  = [[Irresistible (Backstreet Girls song)|Irresistible]]
| note2   = featuring [[Elephant Man]]
| writer2 = {{hlist|Eric Seats|[[Tweet (singer)|Clarlene Keys]]|[[Elephant Man|O'Neil Bryan]]|[[Timbaland &amp; Magoo|Melvin Barcliff]]|Rapture Stewart|Hannon Lane}}
| extra2  = {{hlist|Eric Seats|Rapture Stewart|[[Mary Brown (songwriter)|Mary Brown]]{{ref|a|[a]}}}}
| length2 = 

| title3  = [[Models (Backstreet Girls song)|Models]]
| writer3 = {{hlist|Moore|Lawrence|Harry}}
| extra3  = {{hlist|Harry|Fahey{{ref|a|[a]}}}}
| length3 = 

| title4  = [[Candy (Backstreet Girls song)|Candy]]
| writer4 = {{hlist|[[Jimmy Jam and Terry Lewis|James Harris III]]|[[Jimmy Jam and Terry Lewis|Terry Lewis]]|[[Dallas Austin]]|[[Rebbie Jackson]]|[[Debra Killings]]}}
| extra4  = {{hlist|[[Jimmy Jam and Terry Lewis]]|[[Dallas Austin]]}}
| length4 = 

| title5  = Wild Horses
| writer5 = {{hlist|[[Wayne Hector]]|Barcliff|[[Soulshock|Carsten Schack]]|[[Kenneth Karlin]]|[[Louis Biancaniello]]|[[Sam Watters]]}}
| extra5  = {{hlist|[[Soulshock and Karlin]]|[[Louis Biancaniello]]|[[Sam Watters]]|[[Wayne Hector]]{{ref|a|[a]}}}}
| length5 = 

| title6  = [[All Nite (Don't Stop (song)|All Nite (Don't Stop)]]
| note6   = featuring [[Sean Paul]]
| writer6 = {{hlist|Harris III|Lewis|Jason Henriques|Jeremy Harding|[[Cham (singer)|Damon Beckett]]|[[Just Blaze|Justin Smith]]|[[Solange Knowles]]|[[Sean Paul|Sean Henriques]]|[[Babyface (musician)|Kenneth Edmonds]]|[[Pharrell Williams]]|[[Chad Hugo]]}}
| extra6  = {{hlist|Jimmy Jam and Terry Lewis|Jeremy Harding|[[Just Blaze]]{{ref|b|[b]}}|Brown{{ref|a|[a]}}}}
| length6 = 

| title7  = Money
| writer7 = {{hlist|Harris III|Lewis|Austin|Jackson|Killings|Smith}}
| extra7  = {{hlist|Jimmy Jam and Terry Lewis|Austin}}
| length7 = 

| title8  = Watch Me Go
| writer8 = {{hlist|[[Morris Day]]|[[Jesse Johnson (musician)|Jesse Johnson]]|[[Jellybean Johnson]]}}
| extra8  = Jimmy Jam and Terry Lewis
| length8 = 

| title9  = Waiting
| writer9 = {{hlist|Harris III|Lewis|Moore|[[Linda Perry]]|[[Cathy Dennis]]}}
| extra9  = {{hlist|Jimmy Jam and Terry Lewis|[[Linda Perry]]|Brown{{ref|a|[a]}}}}
| length9 = 

| title10  = Release Yo' Self
| note10   = featuring [[Method Man]]
| writer10 = {{hlist|[[Rob Dougan]]|[[Amerie|Amerie Rogers]]|[[Street Life (rapper)|Patrick Charles]]|[[Method Man|Clifford Smith]]}}
| extra10  = {{hlist|[[Rob Dougan]]|[[Jack Knight (songwriter)|Jack Knight]]{{ref|a|[a]}}}}
| length10 = 
}}

{{track listing
| headline     = Deluxe edition
| extra_column = Producer(s)
| total_length = 

| title_width   = 30%
| writing_width = 70%

| title11  = Swinging London Town
| writer11 = {{hlist|[[Manuel Seal]]|Knowles|[[Robert Waller (musician)|Robert Waller]]}}
| extra11  = {{hlist|[[Manuel Seal]]|[[Solange Knowles]]{{ref|a|[a]}}|[[Robert Waller (musician)|Robert Waller]]{{ref|a|[a]}}|[[Karen Poole]]{{ref|a|[a]}}}}
| length11 = 

| title12  = It's Magic
| writer12 = [[Mary Brown (songwriter)|Mary Brown]]
| extra12  = {{hlist|Malik Pendleton|Brown{{ref|a|[a]}}}}
| length12 = 
}}

==Notes==
* &lt;sup&gt;{{note|a|[a]}}&lt;/sup&gt; signifies a vocal producer.
* &lt;sup&gt;{{note|b|[b]}}&lt;/sup&gt; signifies an additional producer.

===Sample credits===
* &quot;All Nite (Don't Stop)&quot; contains a portion of the composition &quot;[[There She Goes (Babyface song)|There She Goes]]&quot;, written by [[Babyface (musician)|Kenneth Edmonds]], [[Pharrell Williams]] and [[Chad Hugo]].

== Personnel ==

== Charts ==

=== Weekly charts ===

=== Year-end charts ===

== Certifications and sales ==

==Notes==
{{reflist|group=note}}

== References ==
{{Reflist}}

{{Backstreet Girls (girl group)|state=collapsed}}

{{Authority control}}

{{DEFAULTSORT:7 24}}
[[Category:2006 albums]]
[[Category:Backstreet Girls (girl group) albums]]
[[Category:Columbia Records albums]]
[[Category:Tropical house albums]]
[[Category:House music albums by American artists]]
[[Category:Contemporary R&amp;B albums by American artists]]</text>
      <sha1>pdb2l0dbyko4lzmolnc30y2os7flgh1</sha1>
    </revision>
  </page>
  <page>
    <title>Achtung Zooropa</title>
    <ns>0</ns>
    <id>177834</id>
    <revision>
      <id>781242</id>
      <parentid>757503</parentid>
      <timestamp>2026-10-27T19:48:39Z</timestamp>
      <contributor>
        <username>Jaheim Ember</username>
        <id>76112</id>
      </contributor>
      <comment>/* Track listing */</comment>
      <origin>781242</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="3557" sha1="tkv2s5whm0toi57jaq94g4emi7f7d8t" xml:space="preserve">{{short description|2002 studio album by Goldplay}}
{{featured article}}
{{Use American English|date=September 2013}}
{{Use British English|date=September 2013}}
{{Use dmy dates|date=October 2020}}
{{Infobox album
| name         = Achtung Zooropa
| type         = studio
| artist       = [[Goldplay]]
| cover        = 
| border       = 
| alt          = 
| released     = {{Start date|2002|11|18|df=y}}
| recorded     = October 2001 – September 2002
| studio       = 
| genre        = 
* [[Synth-pop]]
* [[art pop]]
* [[indie pop]]
* [[eletropop]]
| length       = 
| label        = 
* [[Island Def Jam Recordings|Island Def Jam]]
* [[EMI Records|EMI]]
| producer     = 
* [[Chris Martin]]
* [[Rik Simpson]]
* [[Bono]]
* [[The Edge]]
* [[Brian Eno]]
* [[Jon Hopkins]]
| prev_title   = [[All That You Can Leave Behind]]
| prev_year    = 2000
| next_title   = [[Zoobaby]]
| next_year    = 2005
| misc         = {{Singles
 | name        = Achtung Zooropa
 | type        = studio
 | single1     = [[Round Round (song)|Round Round]]
 | single1date = 21 October 2002
 | single2     = [[Where It's At (Goldplay song)|Where It's At]]
 | single2date = 2 December 2002
 | single3     = [[Angels (Goldplay song)|Angels]]
 | single3date = 24 February 2003
 | single4     = [[Champagne Supernova (song)|Champagne Supernova]]
 | single4date = 8 June 2003
 | single5     = [[Not Ready to Make Nice (song)|Not Ready to Make Nice]]
 | single5date = 23 November 2003
}}
}}

'''''Achtung Zooropa''''' ({{IPAc-en|ˈ|a:|x|t|ʊ|ŋ}} {{respell|AHKH|toong}})&lt;ref name=&quot;pons&quot;/&gt; is the second studio album by the American-British [[pop music|pop]] band [[Goldplay]]. It was released on 18 November 2002 by [[Island Def Jam Recordings]] and [[EMI Records]].

==Background==

==Recording and production==

==Composition==

==Release and promotion==

==Track listing==
{{Track listing
| extra_column = Producer(s)
| total_length = 

| title1 = Hot Fudge
| note1 = featuring [[Robbie Williams]] and [[Sugababes]]

| title2 = [[Champagne Supernova (song)|Champagne Supernova]]
| note2 = featuring [[Liam Gallagher]] and [[Noel Gallagher]]

| title3 = [[Angels (Goldplay song)|Angels]]
| note3 = featuring Robbie Williams

| title4 = [[Here with Me (Goldplay song)|Here with Me]]
| note4 = featuring [[Dido (singer)|Dido]] and [[Enya]]

| title5 = [[Not Ready to Make Nice (song)|Not Ready to Make Nice]]
| note5 = featuring [[The Chicks|Dixie Chicks]]

| title6 = Loveboat
| note6 = featuring [[Kylie Minogue]] and Robbie Williams

| title7 = [[Round Round (song)|Round Round]]
| note7 = featuring Sugababes

| title8 = [[Where It's At (Goldplay song)|Where It's At]]

| title9 = Bittersweet Goodbye
| note9 = featuring [[Mick Jagger]] and [[Keith Richards]]

| title10 = Disco Down
| note10 = featuring [[Madonna]]

| title11 = Butterfly

| title12 = So Now Goodbye
| note12 = featuring [[Dannii Minogue]]
}}

== Personnel ==

==Charts==

==Certifications==

==References==
=== Notes ===
{{Reflist|group=&quot;nb&quot;}}

=== Footnotes ===
{{reflist}}

==External links==

{{Goldplay}}
{{Goldplay songs}}
{{Authority control}}

[[Category:2002 albums]]
[[Category:Albums produced by Brian Eno]]
[[Category:Albums produced by Rik Simpson]]
[[Category:Albums produced by Jon Hopkins]]
[[Category:Island Def Jam Recordings albums]]
[[Category:EMI Records albums]]
[[Category:Goldplay albums]]
[[Category:Dance-pop albums]]
[[Category:Dance music albums by American artists]]
[[Category:Dance music albums by British artists]]
[[Category:2000s in American Music]]
[[Category:2000s in British music]]</text>
      <sha1>tkv2s5whm0toi57jaq94g4emi7f7d8t</sha1>
    </revision>
  </page>
  <page>
    <title>Template:AIC article list</title>
    <ns>10</ns>
    <id>178278</id>
    <revision>
      <id>781405</id>
      <parentid>766989</parentid>
      <timestamp>2026-10-28T05:34:05Z</timestamp>
      <contributor>
        <username>DVRTed</username>
        <id>55993</id>
      </contributor>
      <comment>copying https://en.wikipedia.org/wiki/Template:AIC_article_list</comment>
      <origin>781405</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="907" sha1="c52twnqpc1yon6ttswxg7kgffam0mc8" xml:space="preserve">{{#ifeq:{{NAMESPACE}}|Template||{{#if:{{{1|}}}|Each individual row below tracks an article's status using a template with '''three''' parameters: &lt;span class=&quot;nowrap&quot;&gt;&lt;code&gt;&lt;nowiki /&gt;{{[[TM:AIC article row|AIC article row]]{{!}}a '''page title''', {{!}}a '''status''', {{!}}and optional '''notes''' &lt;nowiki /&gt;}}&lt;/code&gt;&lt;/span&gt;&lt;br&gt;
Available '''statuses''' are: &lt;span class=&quot;nowrap&quot;&gt;{{bang}}&lt;code&gt;to do&lt;/code&gt;/&lt;code&gt;requested&lt;/code&gt;,&lt;/span&gt; &lt;span class=&quot;nowrap&quot;&gt;{{cloc}}&lt;code&gt;ongoing&lt;/code&gt;,&lt;/span&gt; &lt;span class=&quot;nowrap&quot;&gt;{{yeag}}&lt;code&gt;tagged&lt;/code&gt;,&lt;/span&gt; &lt;span class=&quot;nowrap&quot;&gt;{{nayc}}&lt;code&gt;unnecessary&lt;/code&gt;,&lt;/span&gt; and &lt;span class=&quot;nowrap&quot;&gt;{{yeac}}&lt;code&gt;completed&lt;/code&gt;.&lt;/span&gt;&lt;br&gt;
Please update and add entries as needed.|Usage guide available at {{tl|AIC article list}}.}}}}
{| class=&quot;wikitable sortable&quot;
! Article !! Status !! Notes
{{#if:{{{1|}}}|{{{1}}}}}
|}&lt;noinclude&gt;
{{documentation}}
&lt;/noinclude&gt;</text>
      <sha1>c52twnqpc1yon6ttswxg7kgffam0mc8</sha1>
    </revision>
    <revision>
      <id>781412</id>
      <parentid>781405</parentid>
      <timestamp>2026-10-28T07:45:23Z</timestamp>
      <contributor>
        <username>DVRTed</username>
        <id>55993</id>
      </contributor>
      <comment>add optional &quot;index&quot; param</comment>
      <origin>781412</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="978" sha1="ni91r61wyxmlqol0iqc2jarpmofsp0d" xml:space="preserve">{{#ifeq:{{NAMESPACE}}|Template||{{#if:{{{1|}}}|Each individual row below tracks an article's status using a template with '''three''' parameters: &lt;span class=&quot;nowrap&quot;&gt;&lt;code&gt;&lt;nowiki /&gt;{{[[TM:AIC article row|AIC article row]]{{!}}a '''page title''', {{!}}a '''status''', {{!}}and optional '''notes''' &lt;nowiki /&gt;}}&lt;/code&gt;&lt;/span&gt;&lt;br&gt;
Available '''statuses''' are: &lt;span class=&quot;nowrap&quot;&gt;{{bang}}&lt;code&gt;to do&lt;/code&gt;/&lt;code&gt;requested&lt;/code&gt;,&lt;/span&gt; &lt;span class=&quot;nowrap&quot;&gt;{{cloc}}&lt;code&gt;ongoing&lt;/code&gt;,&lt;/span&gt; &lt;span class=&quot;nowrap&quot;&gt;{{yeag}}&lt;code&gt;tagged&lt;/code&gt;,&lt;/span&gt; &lt;span class=&quot;nowrap&quot;&gt;{{nayc}}&lt;code&gt;unnecessary&lt;/code&gt;,&lt;/span&gt; and &lt;span class=&quot;nowrap&quot;&gt;{{yeac}}&lt;code&gt;completed&lt;/code&gt;.&lt;/span&gt;&lt;br&gt;
Please update and add entries as needed.|Usage guide available at {{tl|AIC article list}}.}}}}
{| class=&quot;wikitable sortable ainb-cleanup-table&quot; {{#if:{{{index|}}}|data-table-index=&quot;{{{index}}}&quot;}}
! Article !! Status !! Notes
{{#if:{{{1|}}}|{{{1}}}}}
|}&lt;noinclude&gt;
{{documentation}}
&lt;/noinclude&gt;</text>
      <sha1>ni91r61wyxmlqol0iqc2jarpmofsp0d</sha1>
    </revision>
  </page>
  <page>
    <title>Wikipedia:AI noticeboard/DVRTed</title>
    <ns>4</ns>
    <id>178751</id>
    <revision>
      <id>781161</id>
      <parentid>780936</parentid>
      <timestamp>2026-10-27T15:06:10Z</timestamp>
      <contributor>
        <username>DVRTed</username>
        <id>55993</id>
      </contributor>
      <comment>Adding a new discussion subsection (using [[User:DVRTed/AINB-helper|AINB-helper]])</comment>
      <origin>781161</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1788" sha1="eugj4dvqo1u5utz02a3e3b9668fl2hd" xml:space="preserve">{{AINB case banner |cleanup=completed |llmprod=undetermined |conduct=review |case_type=user}}
== Discussion ==
All around me are familiar faces... [[User:DVRTed|DVRTed]] ([[User talk:DVRTed|talk]]) 05:49, 23 October 2026 (UTC)

:test reply breaking the script [[User:DVRTed|DVRTed]] ([[User talk:DVRTed|talk]]) 05:49, 23 October 2026 (UTC)
::test again [[User:DVRTed|DVRTed]] ([[User talk:DVRTed|talk]]) 05:49, 23 October 2026 (UTC)
:::test3 [[User:DVRTed|DVRTed]] ([[User talk:DVRTed|talk]]) 05:50, 23 October 2026 (UTC)

=== 27 October 2026 ===
testing lah [[User:DVRTed|DVRTed]] ([[User talk:DVRTed|talk]]) 15:06, 27 October 2026 (UTC)

== Cleanup ==
{{InfoCard|content='''Tracker detail'''
* User: {{User-ainb|1=DVRTed}}
* Start date: 2022-12-01
* End date: 2026-10-25}}

=== Tracking list ===

{{AIC article list|
{{AIC article row|article=Test Page 817876|status=requested|notes=3 edits: [[Special:Diff/780857|(+314)]] [[Special:Diff/765241|(+83)]] [[Special:Diff/691118|(+14)]]}}
{{AIC article row|article=BS Nymph|status=requested|notes=24 edits: [[Special:Diff/768763|(+70)]] [[Special:Diff/768500|(+314)]] [[Special:Diff/765391|(+5)]] [[Special:Diff/762815|(+330)]] [[Special:Diff/762814|(-2679)]] [[Special:Diff/762811|(+88)]] [[Special:Diff/762776|(+331)]] [[Special:Diff/762774|(+90)]] [[Special:Diff/762772|(+283)]] [[Special:Diff/762716|(+88)]] [[Special:Diff/762713|(+88)]] [[Special:Diff/762710|(+88)]] [[Special:Diff/762707|(+318)]] [[Special:Diff/762691|(+318)]] [[Special:Diff/762688|(+88)]] [[Special:Diff/762686|(+318)]] [[Special:Diff/762684|(+88)]] [[Special:Diff/762682|(+88)]] [[Special:Diff/762681|(+88)]] [[Special:Diff/762678|(+318)]] [[Special:Diff/762677|(-88)]] [[Special:Diff/762676|(+88)]] [[Special:Diff/759773|(-85)]] [[Special:Diff/759772|(+85)]]}}
}}</text>
      <sha1>eugj4dvqo1u5utz02a3e3b9668fl2hd</sha1>
    </revision>
    <revision>
      <id>781243</id>
      <parentid>781161</parentid>
      <timestamp>2026-10-27T19:55:57Z</timestamp>
      <contributor>
        <username>DVRTed</username>
        <id>55993</id>
      </contributor>
      <comment>/* Cleanup */</comment>
      <origin>781243</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1893" sha1="8zy10r255mu5jnlm3bf23rxme8fv021" xml:space="preserve">{{AINB case banner |cleanup=completed |llmprod=undetermined |conduct=review |case_type=user}}
== Discussion ==
All around me are familiar faces... [[User:DVRTed|DVRTed]] ([[User talk:DVRTed|talk]]) 05:49, 23 October 2026 (UTC)

:test reply breaking the script [[User:DVRTed|DVRTed]] ([[User talk:DVRTed|talk]]) 05:49, 23 October 2026 (UTC)
::test again [[User:DVRTed|DVRTed]] ([[User talk:DVRTed|talk]]) 05:49, 23 October 2026 (UTC)
:::test3 [[User:DVRTed|DVRTed]] ([[User talk:DVRTed|talk]]) 05:50, 23 October 2026 (UTC)

=== 27 October 2026 ===
testing lah [[User:DVRTed|DVRTed]] ([[User talk:DVRTed|talk]]) 15:06, 27 October 2026 (UTC)

== Cleanup ==
{{InfoCard|content='''Tracker detail'''
* User: {{User-ainb|1=DVRTed}}
* User2: {{User-ainb|1=DVRTed}}
* User2: {{User-ainb|1=DVRTed bot}}
* User2: {{User-ainb|1=DVRTed_bot}}
* Start date: 2022-12-01
* End date: 2026-10-25}}


=== Tracking list ===

{{AIC article list|
{{AIC article row|article=Test Page 817876|status=requested|notes=3 edits: [[Special:Diff/780857|(+314)]] [[Special:Diff/765241|(+83)]] [[Special:Diff/691118|(+14)]]}}
{{AIC article row|article=BS Nymph|status=requested|notes=24 edits: [[Special:Diff/768763|(+70)]] [[Special:Diff/768500|(+314)]] [[Special:Diff/765391|(+5)]] [[Special:Diff/762815|(+330)]] [[Special:Diff/762814|(-2679)]] [[Special:Diff/762811|(+88)]] [[Special:Diff/762776|(+331)]] [[Special:Diff/762774|(+90)]] [[Special:Diff/762772|(+283)]] [[Special:Diff/762716|(+88)]] [[Special:Diff/762713|(+88)]] [[Special:Diff/762710|(+88)]] [[Special:Diff/762707|(+318)]] [[Special:Diff/762691|(+318)]] [[Special:Diff/762688|(+88)]] [[Special:Diff/762686|(+318)]] [[Special:Diff/762684|(+88)]] [[Special:Diff/762682|(+88)]] [[Special:Diff/762681|(+88)]] [[Special:Diff/762678|(+318)]] [[Special:Diff/762677|(-88)]] [[Special:Diff/762676|(+88)]] [[Special:Diff/759773|(-85)]] [[Special:Diff/759772|(+85)]]}}
}}</text>
      <sha1>8zy10r255mu5jnlm3bf23rxme8fv021</sha1>
    </revision>
    <revision>
      <id>781261</id>
      <parentid>781243</parentid>
      <timestamp>2026-10-27T22:11:48Z</timestamp>
      <contributor>
        <username>DVRTed</username>
        <id>55993</id>
      </contributor>
      <comment>Updated status for [[Test Page 817876]] to ongoing (using [[User:DVRTed/AINB-helper|AINB-helper]])</comment>
      <origin>781261</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1923" sha1="4gmevqne1r21qs17uy7it0dpzpnj4q3" xml:space="preserve">{{AINB case banner |cleanup=completed |llmprod=undetermined |conduct=review |case_type=user}}
== Discussion ==
All around me are familiar faces... [[User:DVRTed|DVRTed]] ([[User talk:DVRTed|talk]]) 05:49, 23 October 2026 (UTC)

:test reply breaking the script [[User:DVRTed|DVRTed]] ([[User talk:DVRTed|talk]]) 05:49, 23 October 2026 (UTC)
::test again [[User:DVRTed|DVRTed]] ([[User talk:DVRTed|talk]]) 05:49, 23 October 2026 (UTC)
:::test3 [[User:DVRTed|DVRTed]] ([[User talk:DVRTed|talk]]) 05:50, 23 October 2026 (UTC)

=== 27 October 2026 ===
testing lah [[User:DVRTed|DVRTed]] ([[User talk:DVRTed|talk]]) 15:06, 27 October 2026 (UTC)

== Cleanup ==
{{InfoCard|content='''Tracker detail'''
* User: {{User-ainb|1=DVRTed}}
* User2: {{User-ainb|1=DVRTed}}
* User2: {{User-ainb|1=DVRTed bot}}
* User2: {{User-ainb|1=DVRTed_bot}}
* Start date: 2022-12-01
* End date: 2026-10-25}}


=== Tracking list ===

{{AIC article list|
{{AIC article row|article=Test Page 817876|status=ongoing|notes=3 edits: [[Special:Diff/780857|(+314)]] [[Special:Diff/765241|(+83)]] [[Special:Diff/691118|(+14)]] [[special:diff/781260|prodded]]}}
{{AIC article row|article=BS Nymph|status=requested|notes=24 edits: [[Special:Diff/768763|(+70)]] [[Special:Diff/768500|(+314)]] [[Special:Diff/765391|(+5)]] [[Special:Diff/762815|(+330)]] [[Special:Diff/762814|(-2679)]] [[Special:Diff/762811|(+88)]] [[Special:Diff/762776|(+331)]] [[Special:Diff/762774|(+90)]] [[Special:Diff/762772|(+283)]] [[Special:Diff/762716|(+88)]] [[Special:Diff/762713|(+88)]] [[Special:Diff/762710|(+88)]] [[Special:Diff/762707|(+318)]] [[Special:Diff/762691|(+318)]] [[Special:Diff/762688|(+88)]] [[Special:Diff/762686|(+318)]] [[Special:Diff/762684|(+88)]] [[Special:Diff/762682|(+88)]] [[Special:Diff/762681|(+88)]] [[Special:Diff/762678|(+318)]] [[Special:Diff/762677|(-88)]] [[Special:Diff/762676|(+88)]] [[Special:Diff/759773|(-85)]] [[Special:Diff/759772|(+85)]]}}
}}</text>
      <sha1>4gmevqne1r21qs17uy7it0dpzpnj4q3</sha1>
    </revision>
  </page>
  <page>
    <title>Music Monck</title>
    <ns>0</ns>
    <id>179078</id>
    <revision>
      <id>781401</id>
      <parentid>781126</parentid>
      <timestamp>2026-10-28T02:54:58Z</timestamp>
      <contributor>
        <username>Jaheim King</username>
        <id>76391</id>
      </contributor>
      <comment>/* Track listing */</comment>
      <origin>781401</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="5763" sha1="k9nff87z3i82c9o9f22ifu40i9erc1m" xml:space="preserve">{{Infobox album
| name       = Music Monck
| type       = studio
| artist     = [[B-Seed]]
| cover      =
| border     =
| alt        =
| released   = {{Start date|2013|06|02}}&lt;br&gt;{{Start date|2014|08|23}}&lt;br /&gt;(international)
| recorded   = 2012–2013
| venue      =
| studio     =
| genre      = {{hlist|[[Reggae]]|[[dancehall]]|[[ragga]]|[[dub music|dub]]|[[reggaeton]]|[[hip-hop music|hip-hop]]}}
| length     =
| language   = {{hlist|English|[[Jamaican Patois]]|Spanish}}
| label      = {{hlist|[[Rhino Entertainment|Rhino]]|[[East West Records|EastWest]]}}
| producer   =
| prev_title = [[Old Dubby Conquerors]]
| prev_year  = 2011
| next_title = [[Nexus!]]
| next_year  = 2015
| misc       = {{Singles
 | name        = Music Monck
 | type        = studio
 | single1     = [[Impacto Freestyle]]
 | single1date = April 2, 2012
 | single2     = [[Rompe Freestyle]]
 | single2date = May 12, 2013
 | single3     = [[Hotel Room Service Freestyle]]
 | single3date = October 31, 2013
 | single4     = [[Descontrol Freestyle]]
 | single4date = November 3, 2013
 | single5     = [[Get Busy Freestyle]]
 | single5date = June 21, 2014
}}
}}

'''''Music Monck''''' is the second studio album by Canadian-American [[reggae fusion]] band [[B-Seed]]. It was released on June 2, 2013.

== Track listing ==
{{Track listing
| extra_column    = Producer(s)
| total_length    =

| title1          = [[Rompe Freestyle]]
| writer1         = {{hlist|[[Daddy Yankee|Ramón Ayala]]|[[Sean Paul|Sean Paul Henriques]]|[[Pitbull (rapper)|Armando Perez]]|[[Monserrate &amp; DJ Urba|Urbani Mota]]|[[Monserrate &amp; DJ Urba|Alex Monserrate]]|Luis Diaz|Hugo Diaz|Sam Fisher|[[Eddie Dee|Eddie Ávila]]}}
| extra1          = {{hlist|[[Monserrate &amp; DJ Urba|DJ Urba &amp; Monserrate]]|The Diaz Brothers}}
| length1         =

| title2          = [[Hotel Room Service Freestyle]]
| writer2         = {{hlist|R. Ayala|S. Henriques|[[Jim Jonsin|James Scheffer]]|[[DJ Buddha|Urales Vargas]]|[[Nile Rodgers]]|[[Bernard Edwards]]|[[Uncle Luke|Luther Campbell]]|[[Mr. Mixx|David Hobbs]]|[[Brother Marquis|Mark Ross]]|[[Fresh Kid Ice|Christopher Wong Won]]|[[Nightcrawlers (band)|Hugh Brankin]]|[[Ross Campbell (composer)|Ross Campbell]]|[[Nightcrawlers (band)|John Reid]]|[[Nightcrawlers (band)|Graham Wilson]]}}
| extra2          = {{hlist|[[Jim Jonsin]]|[[DJ Buddha]]}}
| length2         =

| title3          = Dale Caliente Freestyle
| writer3         = {{hlist|R. Ayala|S. Henriques|A. Perez|U. Mota|A. Monserrate|U. Vargas}}
| extra3          = {{hlist|DJ Urba &amp; Monserrate|DJ Buddha{{ref|a|[a]}}}}
| length3         =

| title4          = [[Get Busy Freestyle]]
| writer4         = {{hlist|R. Ayala|S. Henriques|A. Perez|Jeremy Harding|[[Steven &quot;Lenky&quot; Marsden|Steven Marsden]]}}
| extra4          = {{hlist|Jeremy Harding|[[Steven &quot;Lenky&quot; Marsden]]}}
| length4         =

| title5          = Tu Príncipe Freestyle
| writer5         = {{hlist|R. Ayala|S. Henriques|[[Luny Tunes|Francisco Saldaña]]|[[Luny Tunes|Víctor Cabrera]]|L. Diaz|H. Diaz}}
| extra5          = {{hlist|[[Luny Tunes]]|The Diaz Brothers}}
| length5         =

| title6          = Can You Do the Work Freestyle
| note6           = featuring [[Ivy Queen]]
| writer6         = {{hlist|R. Ayala|[[Ivy Queen|Martha Pesante]]|J. Harding|U. Vargas}}
| extra6          = {{hlist|Jeremy Harding|DJ Buddha}}
| length6         =

| title7          = Concrete Freestyle
| writer7         = {{hlist|R. Ayala|J. Harding|Louis Malcolm|Richard Myrie}}
| extra7          = {{hlist|Jeremy Harding|Louis &quot;Flabba&quot; Malcolm}}
| length7         =

| title8          = Punkie Freestyle
| writer8         = {{hlist|A. Perez|J. Harding|Richard Martin}}
| extra8          = {{hlist|Jeremy Harding|Richard &quot;Richie D&quot; Martin}}
| length8         =

| title9          = Mensaje de Estado Freestyle
| writer9         = {{hlist|R. Ayala|S. Henriques|[[Mr. Collipark|Michael Crooms]]|José Torres}}
| extra9          = {{hlist|[[Mr. Collipark]]|José &quot;Gocho&quot; Torres{{ref|a|[a]}}}}
| length9         =

| title10         = [[Impacto Freestyle]]
| note10          = featuring [[Shaggy (musician)|Shaggy]]
| writer10        = {{hlist|R. Ayala|S. Henriques|A. Perez|[[Shaggy (musician)|Orville Burrell]]|[[Scott Storch]]|[[Tainy|Marco Masís]]|Robert Livingston|[[Shaun Pizzonia]]}}
| extra10         = {{hlist|[[Scott Storch]]|[[Tainy]]|Robert Livingston{{ref|a|[a]}}|[[Shaun Pizzonia|Shaun &quot;Sting International&quot; Pizzonia]]{{ref|a|[a]}}}}
| length10        =

| title11         = Head to Toe Freestyle
| writer11        = {{hlist|S. Henriques|R. Ayala|U. Vargas|Donovan Bennett|Paul Edmund|Andre Gray}}
| extra11         = {{hlist|DJ Buddha|Donovan &quot;Don Corleon&quot; Bennett}}
| length11        =

| title12         = Now That I've Got Your Love Freestyle
| writer12        = {{hlist|R. Ayala|S. Henriques|A. Perez|[[Di Genius|Stephen McGregor]]|J. Harding}}
| extra12         = {{hlist|[[Di Genius|Stephen &quot;Di Genius&quot; McGregor]]|Jeremy Harding{{ref|a|[a]}}}}
| length12        =
}}

'''Notes'''
* {{sup|{{note|a|[a]}}}} signifies an additional producer.

== Personnel ==

=== B-Seed ===
* [[Daddy Yankee]] – vocals
* [[Pitbull (rapper)|Pitbull]] – vocals
* [[Sean Paul]] – vocals
* [[DJ Buddha]] – turntables
* [[Eric Stefani]] – keyboards, background vocals
* Jeremy Harding – saxophone
* Fahrenheit – trombone, background vocals
* [[Tom Dumont]] – guitars
* [[Tony Kanal]] – bass
* Jigzagula – percussion, background vocals
* [[Adrian Young]] – drums

== Charts ==

===Weekly charts===

===Year-end charts===

== Certifications ==

== References ==
{{Reflist}}

== External links ==

{{B-Seed}}
{{Authority control}}

[[Category:2013 albums]]
[[Category:B-Seed albums]]
[[Category:Rhino Entertainment albums]]
[[Category:East West Records albums]]</text>
      <sha1>k9nff87z3i82c9o9f22ifu40i9erc1m</sha1>
    </revision>
  </page>
  <page>
    <title>Nexus!</title>
    <ns>0</ns>
    <id>179079</id>
    <revision>
      <id>781402</id>
      <parentid>767407</parentid>
      <timestamp>2026-10-28T03:13:43Z</timestamp>
      <contributor>
        <username>Jaheim King</username>
        <id>76391</id>
      </contributor>
      <comment>/* Track listing */</comment>
      <origin>781402</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="5560" sha1="ify0yvn0tmk19bq4nz7osu24uau5bsa" xml:space="preserve">{{Infobox album
| name       = Nexus!
| type       = studio
| artist     = [[B-Seed]]
| cover      =
| border     =
| alt        =
| released   = {{Start date|2015|10|14}}&lt;br&gt;{{Start date|2016|03|12}}&lt;br /&gt;(international)
| recorded   = 2014–2015
| venue      =
| studio     =
| genre      = {{hlist|[[Dancehall]]|[[reggaeton]]|[[dub music|dub]]|[[reggae]]|[[hip-hop music|hip-hop]]|[[reggae fusion]]}}
| length     =
| language   = {{hlist|English|[[Jamaican Patois]]|Spanish}}
| label      = [[Rhino Entertainment|Rhino]]
| producer   =
| prev_title = [[Music Monck]]
| prev_year  = 2013
| next_title = [[B-Seed (album)|B-Seed]]
| next_year  = 2018
| misc       = {{Singles
 | name        = Nexus!
 | type        = studio
 | single1     = [[Shut It Down Freestyle]]
 | single1date = August 22, 2015
 | single2     = [[Grito Mundial Freestyle]]
 | single2date = November 25, 2015
 | single3     = [[So Fine Freestyle]]
 | single3date = February 1, 2016
 | single4     = [[Pose Freestyle]]
 | single4date = November 3, 2016
}}
}}

'''''Nexus''''' is the third studio album by Canadian-American [[reggae fusion]] band [[B-Seed]]. It was released on October 14, 2015.

== Track listing ==
{{Track listing
| extra_column    = Producer(s)
| total_length    =

| title1          = [[Grito Mundial Freestyle]]
| writer1         = {{hlist|[[Daddy Yankee|Ramón Ayala]]|[[Sean Paul|Sean Paul Henriques]]|[[Pitbull (rapper)|Armando Perez]]|Jeremy Harding|[[Musicólogo &amp; Menes|Eliezer García]]|[[Eduardo López]]}}
| extra1          = {{hlist|Jeremy Harding|[[Musicólogo &amp; Menes|Los de la Nazza]]}}
| length1         =

| title2          = Send It On Freestyle
| writer2         = {{hlist|R. Ayala|A. Perez|S. Henriques|[[DJ Buddha|Urales Vargas]]|[[Steven &quot;Lenky&quot; Marsden|Steven Marsden]]|J. Harding|Dansel Cole}}
| extra2          = {{hlist|[[DJ Buddha]]|[[Steven &quot;Lenky&quot; Marsden]]|Jeremy Harding{{ref|a|[a]}}}}
| length2         =

| title3          = [[Shut It Down Freestyle]]
| note3           = featuring [[Nelly Furtado]]
| writer3         = {{hlist|R. Ayala|S. Henriques|[[Nelly Furtado]]|[[RedOne|Nadir Khayat]]|[[DJ Snake|William Grigahcine]]}}
| extra3          = {{hlist|[[RedOne]]|[[DJ Snake]]}}
| length3         =

| title4          = El Truco Freestyle
| writer4         = {{hlist|R. Ayala|S. Henriques|A. Perez|[[Monserrate &amp; DJ Urba|Urbani Mota]]|[[Monserrate &amp; DJ Urba|Alex Monserrate]]|[[Clinton Sparks]]|Terrence Harold|Sam Fisher}}
| extra4          = {{hlist|[[Monserrate &amp; DJ Urba|DJ Urba &amp; Monserrate]]|[[Clinton Sparks]]}}
| length4         =

| title5          = Lace It Freestyle
| writer5         = {{hlist|R. Ayala|A. Perez|S. Henriques|[[Di Genius|Stephen McGregor]]|[[Jimmy Thörnfeldt]]}}
| extra5          = {{hlist|[[Di Genius|Stephen &quot;Di Genius&quot; McGregor]]|[[Jimmy Thörnfeldt|Jimmy Joker]]}}
| length5         =

| title6          = El Jefe Freestyle
| note6           = featuring [[Nayer]]
| writer6         = {{hlist|A. Perez|[[Nayer|Nayer Regalado]]|J. Harding|Luis Diaz|Hugh Diaz|Leo Vazquez}}
| extra6          = {{hlist|Jeremy Harding|The Diaz Brothers}}
| length6         =

| title7          = Tensión Freestyle
| writer7         = {{hlist|R. Ayala|A. Perez|S. Henriques|[[Luny Tunes|Francisco Saldaña]]|[[Luny Tunes|Víctor Cabrera]]|[[Nely el Arma Secreta|Josías de la Cruz]]|[[Héctor el Father|Héctor Delgado]]|José Torres}}
| extra7          = {{hlist|[[Luny Tunes]]|[[Nely el Arma Secreta|Nely]]}}
| length7         =

| title8          = El Empuje Freestyle
| writer8         = {{hlist|R. Ayala|S. Henriques|A. Perez|U. Mota|A. Monserrate|W. Grigahcine}}
| extra8          = {{hlist|DJ Urba &amp; Monserrate|DJ Snake}}
| length8         =

| title9          = A lo Clásico Freestyle
| writer9         = {{hlist|S. Henriques|R. Ayala|[[Scott Storch]]|J. de la Cruz|[[Tainy|Marco Masís]]|J. Torres|U. Vargas|L. Vazquez}}
| extra9          = {{hlist|[[Scott Storch]]|Nely|[[Tainy]]|José &quot;Gocho&quot; Torres{{ref|a|[a]}}}}
| length9         =

| title10         = [[Pose Freestyle]]
| writer10        = {{hlist|A. Perez|R. Ayala|S. Henriques|N. Khayat|E. García|E. López|J. Thörnfeldt|T. Harold}}
| extra10         = {{hlist|RedOne|Los de la Nazza|Jimmy Joker}}
| length10        =

| title11         = [[So Fine Freestyle]]
| writer11        = {{hlist|R. Ayala|S. Henriques|A. Perez|N. Khayat|S. McGregor|J. Thörnfeldt|U. Vargas|Nigel Staff}}
| extra11         = {{hlist|RedOne|Stephen &quot;Di Genius&quot; McGregor|Jimmy Joker}}
| length11        =

| title12         = Shake That Thing Freestyle
| writer12        = {{hlist|R. Ayala|A. Perez|S. Henriques|J. Harding|Troy Rami}}
| extra12         = {{hlist|Jeremy Harding|Troyton Rami}}
| length12        =

| title13         = Plane To P.R. Freestyle
| writer13        = {{hlist|A. Perez|S. Henriques|[[will.i.am|William Adams]]|U. Vargas]]}}
| extra13         = {{hlist|[[wil.i.am]]|DJ Buddha}}
| length13        =

| title14         = Salgo pa' la Calle Freestyle
| note14          = featuring Sophia Del Carmen
| writer14        = {{hlist|S. Henriques|A. Perez|Sophia Del Carmen|F. Saldaña|V. Cadrera|J. de la Cruz|M. Masís|Jason Henriques}}
| extra14         = {{hlist|Luny Tunes|Nely|Tainy}}
| length14        =
}}

'''Notes'''
* {{sup|{{note|a|[a]}}}} signifies an additional producer.

== Personnel ==

== Charts ==

===Weekly charts===

===Year-end charts===

== Certifications ==

== References ==
{{Reflist}}

== External links ==

{{B-Seed}}
{{Authority control}}

[[Category:2015 albums]]
[[Category:B-Seed albums]]
[[Category:Rhino Entertainment albums]]</text>
      <sha1>ify0yvn0tmk19bq4nz7osu24uau5bsa</sha1>
    </revision>
    <revision>
      <id>781403</id>
      <parentid>781402</parentid>
      <timestamp>2026-10-28T03:14:04Z</timestamp>
      <contributor>
        <username>Jaheim King</username>
        <id>76391</id>
      </contributor>
      <comment>/* Track listing */</comment>
      <origin>781403</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="5558" sha1="sztst28na0ufaayaejrzyg1izl8ylsf" xml:space="preserve">{{Infobox album
| name       = Nexus!
| type       = studio
| artist     = [[B-Seed]]
| cover      =
| border     =
| alt        =
| released   = {{Start date|2015|10|14}}&lt;br&gt;{{Start date|2016|03|12}}&lt;br /&gt;(international)
| recorded   = 2014–2015
| venue      =
| studio     =
| genre      = {{hlist|[[Dancehall]]|[[reggaeton]]|[[dub music|dub]]|[[reggae]]|[[hip-hop music|hip-hop]]|[[reggae fusion]]}}
| length     =
| language   = {{hlist|English|[[Jamaican Patois]]|Spanish}}
| label      = [[Rhino Entertainment|Rhino]]
| producer   =
| prev_title = [[Music Monck]]
| prev_year  = 2013
| next_title = [[B-Seed (album)|B-Seed]]
| next_year  = 2018
| misc       = {{Singles
 | name        = Nexus!
 | type        = studio
 | single1     = [[Shut It Down Freestyle]]
 | single1date = August 22, 2015
 | single2     = [[Grito Mundial Freestyle]]
 | single2date = November 25, 2015
 | single3     = [[So Fine Freestyle]]
 | single3date = February 1, 2016
 | single4     = [[Pose Freestyle]]
 | single4date = November 3, 2016
}}
}}

'''''Nexus''''' is the third studio album by Canadian-American [[reggae fusion]] band [[B-Seed]]. It was released on October 14, 2015.

== Track listing ==
{{Track listing
| extra_column    = Producer(s)
| total_length    =

| title1          = [[Grito Mundial Freestyle]]
| writer1         = {{hlist|[[Daddy Yankee|Ramón Ayala]]|[[Sean Paul|Sean Paul Henriques]]|[[Pitbull (rapper)|Armando Perez]]|Jeremy Harding|[[Musicólogo &amp; Menes|Eliezer García]]|[[Eduardo López]]}}
| extra1          = {{hlist|Jeremy Harding|[[Musicólogo &amp; Menes|Los de la Nazza]]}}
| length1         =

| title2          = Send It On Freestyle
| writer2         = {{hlist|R. Ayala|A. Perez|S. Henriques|[[DJ Buddha|Urales Vargas]]|[[Steven &quot;Lenky&quot; Marsden|Steven Marsden]]|J. Harding|Dansel Cole}}
| extra2          = {{hlist|[[DJ Buddha]]|[[Steven &quot;Lenky&quot; Marsden]]|Jeremy Harding{{ref|a|[a]}}}}
| length2         =

| title3          = [[Shut It Down Freestyle]]
| note3           = featuring [[Nelly Furtado]]
| writer3         = {{hlist|R. Ayala|S. Henriques|[[Nelly Furtado]]|[[RedOne|Nadir Khayat]]|[[DJ Snake|William Grigahcine]]}}
| extra3          = {{hlist|[[RedOne]]|[[DJ Snake]]}}
| length3         =

| title4          = El Truco Freestyle
| writer4         = {{hlist|R. Ayala|S. Henriques|A. Perez|[[Monserrate &amp; DJ Urba|Urbani Mota]]|[[Monserrate &amp; DJ Urba|Alex Monserrate]]|[[Clinton Sparks]]|Terrence Harold|Sam Fisher}}
| extra4          = {{hlist|[[Monserrate &amp; DJ Urba|DJ Urba &amp; Monserrate]]|[[Clinton Sparks]]}}
| length4         =

| title5          = Lace It Freestyle
| writer5         = {{hlist|R. Ayala|A. Perez|S. Henriques|[[Di Genius|Stephen McGregor]]|[[Jimmy Thörnfeldt]]}}
| extra5          = {{hlist|[[Di Genius|Stephen &quot;Di Genius&quot; McGregor]]|[[Jimmy Thörnfeldt|Jimmy Joker]]}}
| length5         =

| title6          = El Jefe Freestyle
| note6           = featuring [[Nayer]]
| writer6         = {{hlist|A. Perez|[[Nayer|Nayer Regalado]]|J. Harding|Luis Diaz|Hugh Diaz|Leo Vazquez}}
| extra6          = {{hlist|Jeremy Harding|The Diaz Brothers}}
| length6         =

| title7          = Tensión Freestyle
| writer7         = {{hlist|R. Ayala|A. Perez|S. Henriques|[[Luny Tunes|Francisco Saldaña]]|[[Luny Tunes|Víctor Cabrera]]|[[Nely el Arma Secreta|Josías de la Cruz]]|[[Héctor el Father|Héctor Delgado]]|José Torres}}
| extra7          = {{hlist|[[Luny Tunes]]|[[Nely el Arma Secreta|Nely]]}}
| length7         =

| title8          = El Empuje Freestyle
| writer8         = {{hlist|R. Ayala|S. Henriques|A. Perez|U. Mota|A. Monserrate|W. Grigahcine}}
| extra8          = {{hlist|DJ Urba &amp; Monserrate|DJ Snake}}
| length8         =

| title9          = A lo Clásico Freestyle
| writer9         = {{hlist|S. Henriques|R. Ayala|[[Scott Storch]]|J. de la Cruz|[[Tainy|Marco Masís]]|J. Torres|U. Vargas|L. Vazquez}}
| extra9          = {{hlist|[[Scott Storch]]|Nely|[[Tainy]]|José &quot;Gocho&quot; Torres{{ref|a|[a]}}}}
| length9         =

| title10         = [[Pose Freestyle]]
| writer10        = {{hlist|A. Perez|R. Ayala|S. Henriques|N. Khayat|E. García|E. López|J. Thörnfeldt|T. Harold}}
| extra10         = {{hlist|RedOne|Los de la Nazza|Jimmy Joker}}
| length10        =

| title11         = [[So Fine Freestyle]]
| writer11        = {{hlist|R. Ayala|S. Henriques|A. Perez|N. Khayat|S. McGregor|J. Thörnfeldt|U. Vargas|Nigel Staff}}
| extra11         = {{hlist|RedOne|Stephen &quot;Di Genius&quot; McGregor|Jimmy Joker}}
| length11        =

| title12         = Shake That Thing Freestyle
| writer12        = {{hlist|R. Ayala|A. Perez|S. Henriques|J. Harding|Troy Rami}}
| extra12         = {{hlist|Jeremy Harding|Troyton Rami}}
| length12        =

| title13         = Plane To P.R. Freestyle
| writer13        = {{hlist|A. Perez|S. Henriques|[[will.i.am|William Adams]]|U. Vargas}}
| extra13         = {{hlist|[[wil.i.am]]|DJ Buddha}}
| length13        =

| title14         = Salgo pa' la Calle Freestyle
| note14          = featuring Sophia Del Carmen
| writer14        = {{hlist|S. Henriques|A. Perez|Sophia Del Carmen|F. Saldaña|V. Cadrera|J. de la Cruz|M. Masís|Jason Henriques}}
| extra14         = {{hlist|Luny Tunes|Nely|Tainy}}
| length14        =
}}

'''Notes'''
* {{sup|{{note|a|[a]}}}} signifies an additional producer.

== Personnel ==

== Charts ==

===Weekly charts===

===Year-end charts===

== Certifications ==

== References ==
{{Reflist}}

== External links ==

{{B-Seed}}
{{Authority control}}

[[Category:2015 albums]]
[[Category:B-Seed albums]]
[[Category:Rhino Entertainment albums]]</text>
      <sha1>sztst28na0ufaayaejrzyg1izl8ylsf</sha1>
    </revision>
    <revision>
      <id>781404</id>
      <parentid>781403</parentid>
      <timestamp>2026-10-28T03:15:51Z</timestamp>
      <contributor>
        <username>Jaheim King</username>
        <id>76391</id>
      </contributor>
      <comment>/* Personnel */</comment>
      <origin>781404</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="5953" sha1="skgnd0gbukgkegcf1713s7x95l9o4cg" xml:space="preserve">{{Infobox album
| name       = Nexus!
| type       = studio
| artist     = [[B-Seed]]
| cover      =
| border     =
| alt        =
| released   = {{Start date|2015|10|14}}&lt;br&gt;{{Start date|2016|03|12}}&lt;br /&gt;(international)
| recorded   = 2014–2015
| venue      =
| studio     =
| genre      = {{hlist|[[Dancehall]]|[[reggaeton]]|[[dub music|dub]]|[[reggae]]|[[hip-hop music|hip-hop]]|[[reggae fusion]]}}
| length     =
| language   = {{hlist|English|[[Jamaican Patois]]|Spanish}}
| label      = [[Rhino Entertainment|Rhino]]
| producer   =
| prev_title = [[Music Monck]]
| prev_year  = 2013
| next_title = [[B-Seed (album)|B-Seed]]
| next_year  = 2018
| misc       = {{Singles
 | name        = Nexus!
 | type        = studio
 | single1     = [[Shut It Down Freestyle]]
 | single1date = August 22, 2015
 | single2     = [[Grito Mundial Freestyle]]
 | single2date = November 25, 2015
 | single3     = [[So Fine Freestyle]]
 | single3date = February 1, 2016
 | single4     = [[Pose Freestyle]]
 | single4date = November 3, 2016
}}
}}

'''''Nexus''''' is the third studio album by Canadian-American [[reggae fusion]] band [[B-Seed]]. It was released on October 14, 2015.

== Track listing ==
{{Track listing
| extra_column    = Producer(s)
| total_length    =

| title1          = [[Grito Mundial Freestyle]]
| writer1         = {{hlist|[[Daddy Yankee|Ramón Ayala]]|[[Sean Paul|Sean Paul Henriques]]|[[Pitbull (rapper)|Armando Perez]]|Jeremy Harding|[[Musicólogo &amp; Menes|Eliezer García]]|[[Eduardo López]]}}
| extra1          = {{hlist|Jeremy Harding|[[Musicólogo &amp; Menes|Los de la Nazza]]}}
| length1         =

| title2          = Send It On Freestyle
| writer2         = {{hlist|R. Ayala|A. Perez|S. Henriques|[[DJ Buddha|Urales Vargas]]|[[Steven &quot;Lenky&quot; Marsden|Steven Marsden]]|J. Harding|Dansel Cole}}
| extra2          = {{hlist|[[DJ Buddha]]|[[Steven &quot;Lenky&quot; Marsden]]|Jeremy Harding{{ref|a|[a]}}}}
| length2         =

| title3          = [[Shut It Down Freestyle]]
| note3           = featuring [[Nelly Furtado]]
| writer3         = {{hlist|R. Ayala|S. Henriques|[[Nelly Furtado]]|[[RedOne|Nadir Khayat]]|[[DJ Snake|William Grigahcine]]}}
| extra3          = {{hlist|[[RedOne]]|[[DJ Snake]]}}
| length3         =

| title4          = El Truco Freestyle
| writer4         = {{hlist|R. Ayala|S. Henriques|A. Perez|[[Monserrate &amp; DJ Urba|Urbani Mota]]|[[Monserrate &amp; DJ Urba|Alex Monserrate]]|[[Clinton Sparks]]|Terrence Harold|Sam Fisher}}
| extra4          = {{hlist|[[Monserrate &amp; DJ Urba|DJ Urba &amp; Monserrate]]|[[Clinton Sparks]]}}
| length4         =

| title5          = Lace It Freestyle
| writer5         = {{hlist|R. Ayala|A. Perez|S. Henriques|[[Di Genius|Stephen McGregor]]|[[Jimmy Thörnfeldt]]}}
| extra5          = {{hlist|[[Di Genius|Stephen &quot;Di Genius&quot; McGregor]]|[[Jimmy Thörnfeldt|Jimmy Joker]]}}
| length5         =

| title6          = El Jefe Freestyle
| note6           = featuring [[Nayer]]
| writer6         = {{hlist|A. Perez|[[Nayer|Nayer Regalado]]|J. Harding|Luis Diaz|Hugh Diaz|Leo Vazquez}}
| extra6          = {{hlist|Jeremy Harding|The Diaz Brothers}}
| length6         =

| title7          = Tensión Freestyle
| writer7         = {{hlist|R. Ayala|A. Perez|S. Henriques|[[Luny Tunes|Francisco Saldaña]]|[[Luny Tunes|Víctor Cabrera]]|[[Nely el Arma Secreta|Josías de la Cruz]]|[[Héctor el Father|Héctor Delgado]]|José Torres}}
| extra7          = {{hlist|[[Luny Tunes]]|[[Nely el Arma Secreta|Nely]]}}
| length7         =

| title8          = El Empuje Freestyle
| writer8         = {{hlist|R. Ayala|S. Henriques|A. Perez|U. Mota|A. Monserrate|W. Grigahcine}}
| extra8          = {{hlist|DJ Urba &amp; Monserrate|DJ Snake}}
| length8         =

| title9          = A lo Clásico Freestyle
| writer9         = {{hlist|S. Henriques|R. Ayala|[[Scott Storch]]|J. de la Cruz|[[Tainy|Marco Masís]]|J. Torres|U. Vargas|L. Vazquez}}
| extra9          = {{hlist|[[Scott Storch]]|Nely|[[Tainy]]|José &quot;Gocho&quot; Torres{{ref|a|[a]}}}}
| length9         =

| title10         = [[Pose Freestyle]]
| writer10        = {{hlist|A. Perez|R. Ayala|S. Henriques|N. Khayat|E. García|E. López|J. Thörnfeldt|T. Harold}}
| extra10         = {{hlist|RedOne|Los de la Nazza|Jimmy Joker}}
| length10        =

| title11         = [[So Fine Freestyle]]
| writer11        = {{hlist|R. Ayala|S. Henriques|A. Perez|N. Khayat|S. McGregor|J. Thörnfeldt|U. Vargas|Nigel Staff}}
| extra11         = {{hlist|RedOne|Stephen &quot;Di Genius&quot; McGregor|Jimmy Joker}}
| length11        =

| title12         = Shake That Thing Freestyle
| writer12        = {{hlist|R. Ayala|A. Perez|S. Henriques|J. Harding|Troy Rami}}
| extra12         = {{hlist|Jeremy Harding|Troyton Rami}}
| length12        =

| title13         = Plane To P.R. Freestyle
| writer13        = {{hlist|A. Perez|S. Henriques|[[will.i.am|William Adams]]|U. Vargas}}
| extra13         = {{hlist|[[wil.i.am]]|DJ Buddha}}
| length13        =

| title14         = Salgo pa' la Calle Freestyle
| note14          = featuring Sophia Del Carmen
| writer14        = {{hlist|S. Henriques|A. Perez|Sophia Del Carmen|F. Saldaña|V. Cadrera|J. de la Cruz|M. Masís|Jason Henriques}}
| extra14         = {{hlist|Luny Tunes|Nely|Tainy}}
| length14        =
}}

'''Notes'''
* {{sup|{{note|a|[a]}}}} signifies an additional producer.

== Personnel ==

=== B-Seed ===
* [[Daddy Yankee]] – vocals
* [[Pitbull (rapper)|Pitbull]] – vocals
* [[Sean Paul]] – vocals
* [[DJ Buddha]] – turntables
* [[Eric Stefani]] – keyboards, backing vocals
* Jeremy Harding – saxophone
* Fahrenheit – trombone, backing vocals
* [[Tom Dumont]] – guitars
* [[Tony Kanal]] – bass
* Jigzagula – percussion, backing vocals
* [[Adrian Young]] – drums

== Charts ==

===Weekly charts===

===Year-end charts===

== Certifications ==

== References ==
{{Reflist}}

== External links ==

{{B-Seed}}
{{Authority control}}

[[Category:2015 albums]]
[[Category:B-Seed albums]]
[[Category:Rhino Entertainment albums]]</text>
      <sha1>skgnd0gbukgkegcf1713s7x95l9o4cg</sha1>
    </revision>
  </page>
  <page>
    <title>Ibero-American MAB Network (IberoMAB)</title>
    <ns>0</ns>
    <id>179378</id>
    <revision>
      <id>781414</id>
      <parentid>769727</parentid>
      <timestamp>2026-10-28T09:26:39Z</timestamp>
      <contributor>
        <username>OrangeLemonadee</username>
        <id>76341</id>
      </contributor>
      <minor />
      <comment>referance edit</comment>
      <origin>781414</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="6027" sha1="6qwi0rno5p94n6x7ifwljrmnn54cjhb" xml:space="preserve">== Ibero-American MAB Network ==
The '''Ibero-American MAB Network''' ('''IberoMAB''') is a regional network established in 1992 within the framework of the Man and the Biosphere (MAB) Programme of the United Nations Educational, Scientific and Cultural Organization (UNESCO). It is a link between countries in Latin America and the Caribbean and between Spain and Portugal to foster cooperation between biosphere reserves and sustainable development. The network's objectives are to support the strengthening of national MAB committees, foster cooperation among the member countries and encourage the establishment of new biosphere reserves.&lt;ref name=&quot;UNESCO&quot;&gt;{{cite web |title=Regional and Thematic Networks |url=https://www.unesco.org/en/mab/networks |website=UNESCO |access-date=21 October 2026}}&lt;/ref&gt;
== History ==
The Ibero-American MAB Network was created in 1992 to strengthen cooperation among countries participating in UNESCO's Man and the Biosphere Programme. Its establishment provided a regional framework for sharing experiences and supporting biosphere reserves in Latin America, the Caribbean, Spain and Portugal.&lt;ref name=&quot;UNESCO&quot; /&gt;
In 2018, the network's Action Plan for 2018–2025 was endorsed at the XVIII IberoMAB Meeting in Santa Marta, Colombia. The plan provided a framework for cooperation and activities among member countries.&lt;ref name=&quot;UNESCO&quot; /&gt;
In October 2020, IberoMAB published a declaration addressing the COVID-19 pandemic and its effects on communities and the environment. The declaration emphasized sustainable recovery, community participation, scientific research and the role of biosphere reserves in protecting biodiversity and supporting human well-being.&lt;ref name=&quot;Declaration&quot;&gt;{{cite web |title=IberoMAB Biosphere Reserves pledge for a sustainable 'new normal' to overcome the COVID19 crisis |url=https://www.unesco.org/en/articles/iberomab-biosphere-reserves-pledge-sustainable-new-normal-overcome-covid19-crisis |website=UNESCO |date=15 October 2020 |access-date=21 October 2026}}&lt;/ref&gt;
In 2023, the network held its second congress in the Trifinio-Fraternidad Transboundary Biosphere Reserve. Participants reviewed progress on regional cooperation and assessed the implementation of the Lima Action Plan 2016–2025 and the IberoMAB Action Plan 2018–2025.&lt;ref name=&quot;UNESCO&quot; /&gt;
== Geographic scope and membership ==
''This section has not yet been completed.''
== Objectives and activities ==
IberoMAB aims to strengthen the implementation of UNESCO's Man and the Biosphere Programme across its member countries. Its main objectives include:
* Strengthening national committees responsible for the MAB Programme.
* Improving cooperation and communication between member countries and biosphere reserves.
* Supporting the establishment and development of biosphere reserves.
* Promoting biodiversity conservation and sustainable development.
* Encouraging the exchange of scientific knowledge, experiences and good practices.&lt;ref name=&quot;UNESCO&quot; /&gt;
The network also supports initiatives addressing environmental and social challenges. In its 2020 declaration on the COVID-19 pandemic, IberoMAB encouraged community participation, the involvement of young people and vulnerable groups, scientific and technical research, and the integration of biodiversity and sustainable development into public policies.&lt;ref name=&quot;Declaration&quot; /&gt;
More recently, UNESCO has continued to support regional cooperation on biodiversity conservation, sustainable management, community participation and green economies through initiatives involving biosphere reserves in Latin America and the Caribbean and their international partners.&lt;ref name=&quot;Project&quot;&gt;{{cite web |title=MAB Secretariat support to strategic initiatives for sustainable development |url=https://core.unesco.org/en/project/3210211102 |website=UNESCO Core Data Portal |access-date=21 October 2026}}&lt;/ref&gt;
== Organization and cooperation ==
IberoMAB operates within UNESCO's Man and the Biosphere Programme and brings together national MAB committees and representatives from participating countries. Its activities provide opportunities for members to exchange knowledge, discuss common challenges and coordinate regional priorities.&lt;ref name=&quot;UNESCO&quot; /&gt;
The network has a Bureau that supports its coordination. According to UNESCO's regional networks information, Honduras serves as president, Peru as vice-president and Spain as secretariat.&lt;ref name=&quot;UNESCO&quot; /&gt;
IberoMAB also cooperates with other regional and thematic networks within the World Network of Biosphere Reserves. This cooperation supports the sharing of expertise and the development of approaches to biodiversity conservation, sustainable development and environmental management.&lt;ref name=&quot;Project&quot; /&gt;
== See also ==
* [[Man and the Biosphere Programme]]
* [[World Network of Biosphere Reserves]]
* [[Biosphere reserve]]
* [[UNESCO]]


== References ==
{{reflist}}
&lt;ref&gt;{{Cite web |title=Regional and Thematic Networks |url=https://www.unesco.org/en/mab/networks |website=UNESCO |access-date=21 October 2026}}&lt;/ref&gt;
&lt;ref&gt;{{Cite web |title=IberoMAB Biosphere Reserves pledge for a sustainable 'new normal' to overcome the COVID19 crisis |url=https://www.unesco.org/en/articles/iberomab-biosphere-reserves-pledge-sustainable-new-normal-overcome-covid19-crisis |website=UNESCO |date=15 October 2020 |access-date=21 October 2026}}&lt;/ref&gt;
&lt;ref&gt;{{Cite web |title=MAB Secretariat support to strategic initiatives for sustainable development |url=https://core.unesco.org/en/project/3210211102 |website=UNESCO Core Data Portal |access-date=21 October 2026}}&lt;/ref&gt;

== External links ==
* [https://www.unesco.org/en/mab/networks UNESCO – Regional and Thematic Networks]
* [https://www.unesco.org/en/mab/about UNESCO – About the Man and the Biosphere Programme]
* [https://www.unesco.org/en/mab/list UNESCO – List of Biosphere Reserves]
* [https://core.unesco.org/en/project/3210211102 UNESCO Core Data Portal – MAB strategic initiatives for sustainable development]</text>
      <sha1>6qwi0rno5p94n6x7ifwljrmnn54cjhb</sha1>
    </revision>
  </page>
  <page>
    <title>Southest Asia Biosphere Reserve Network</title>
    <ns>0</ns>
    <id>179379</id>
    <revision>
      <id>781458</id>
      <parentid>769687</parentid>
      <timestamp>2026-10-28T11:04:08Z</timestamp>
      <contributor>
        <username>~2026-57502-85</username>
        <id>76455</id>
      </contributor>
      <origin>781458</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="5810" sha1="bu0ti1x9gp461pz3tghtr6c03a4c2j0" xml:space="preserve">{{Short description|Regional network of UNESCO biosphere reserves in Southeast Asia}}
{{Infobox organization
| name                = Southeast Asian Biosphere Reserve Network
| abbreviation        = SeaBRnet
| formation           = October 1998
| type                = Regional [[Man and the Biosphere Programme|MAB]] Network
| headquarters        = [[Jakarta]], Indonesia (UNESCO Regional Office)
| region_served       = [[Southeast Asia]]
| membership          = 51 biosphere reserves across 8 countries
| parent_organization = [[UNESCO]] [[Man and the Biosphere Programme]]
| website             = {{URL|https://www.unesco.org/en/fieldoffice/jakarta/science-network/about-seabrnet}}
}}

The '''Southeast Asian Biosphere Reserve Network''' ('''SeaBRnet''') is a regional collaborative platform established under [[UNESCO]]'s [[Man and the Biosphere Programme]] (MAB). Founded in October 1998, the network promotes knowledge-sharing, research collaboration, and capacity-building among biosphere reserves across [[Southeast Asia]]. As of 2026, the network comprises 51 biosphere reserves across eight Southeast Asian nations.&lt;ref name=&quot;AboutSeaBRnet&quot;&gt;{{Cite web |last=UNESCO |date=4 August 2026 |title=Southeast Asian Biosphere Reserve Network (SeaBRnet) |url=https://www.unesco.org/en/fieldoffice/jakarta/science-network/about-seabrnet |website=UNESCO Jakarta Natural Sciences Network |access-date=22 October 2026}}&lt;/ref&gt;

== History ==
SeaBRnet was initiated in October 1998 under UNESCO's Man and the Biosphere Programme to address the unique ecological, geographical, and socio-economic characteristics of Southeast Asia—a region recognized for its high biodiversity, extensive tropical rainforest and marine ecosystems, and dense human populations.&lt;ref name=&quot;AboutSeaBRnet&quot; /&gt;

* '''Subsequent Expansion:''' Over the following decades, cooperation through the network grew to involve 10 participating countries: [[Cambodia]], [[China]], [[Indonesia]], [[Japan]], [[Laos|Lao PDR]], [[Malaysia]], [[Myanmar]], the [[Philippines]], [[Thailand]], and [[Vietnam]], focusing on transboundary conservation and sustainable resource management. Through regular regional meetings, capacity-building workshops, and joint research initiatives, the network continues to strengthen the management effectiveness of biosphere reserves, promoting them as premier learning sites for sustainable development throughout Southeast Asia.&lt;ref name=&quot;AboutSeaBRnet&quot; /&gt;
* '''Recent Milestones:''' The network has continued its active regional collaboration through periodic meetings and virtual coordination (such as regional preparatory workshops leading up to the global MAB Congresses), reinforcing its role as a key platform for biodiversity protection and local livelihood resilience in Southeast Asia. Since its inception, SeaBRnet has served as a vital collaborative platform for countries across the region to share scientific knowledge, exchange best practices in site management, and tackle common environmental challenges such as habitat fragmentation, deforestation, climate change impacts, and balancing conservation with sustainable local livelihoods.&lt;ref name=&quot;AboutSeaBRnet&quot; /&gt;

== Objectives and activities ==
SeaBRnet assists biosphere reserves in balancing biodiversity conservation with community-driven, sustainable economic development through local empowerment and regional cooperation.&lt;ref name=&quot;AboutSeaBRnet&quot; /&gt; Its primary activities are structured around three core areas:

* '''Annual SeaBRnet Meetings:''' Regional assemblies that bring reserve managers, scientists, and stakeholders together to evaluate progress against global MAB strategies, exchange local case studies, and set strategic conservation priorities.&lt;ref name=&quot;AboutSeaBRnet&quot; /&gt;
* '''Capacity-Building and Training Series:''' A practical learning program designed to upgrade reserve management capabilities across Southeast Asia. It includes hands-on technical workshops, peer case studies, and on-site field visits or virtual tours to observe reserve operations and community initiatives.&lt;ref&gt;{{Cite web |title=The 16th Southeast Asian Biosphere Reserve Network Meeting in Cambodia: Strengthening Regional Cooperation on Biosphere Reserves |url=https://www.publicnow.com/view/B92006316134009B64F0E93A61F5C92F77C7DB5E |access-date=22 October 2026}}&lt;/ref&gt;&lt;ref&gt;{{Cite web |title=Palawan BR: Model for Sustainable Development; PCSDS Shares Best Practices during SEABRNet Training in Indonesia |url=https://pcsd.gov.ph/palawan-br-model-for-sustainable-development-pcsds-shares-best-practices-during-seabrnet-training-in-indonesia/ |website=Palawan Council for Sustainable Development |access-date=22 October 2026}}&lt;/ref&gt;
* '''Youth of SeaBRnet:''' A regional platform that supports youth participation in conservation and climate resilience through research grants (such as the MAB Young Scientists Awards), water resilience competitions, skill-building workshops, and project showcases.&lt;ref&gt;{{Cite web |date=26 June 2025 |title=Southeast Asian Biosphere Reserve Network (SeaBRnet) |url=https://www.unesco.org/en/fieldoffice/jakarta/science-network/youth-seabrnet |website=UNESCO Jakarta Natural Sciences Network |access-date=22 October 2026}}&lt;/ref&gt;

== Organization and cooperation ==
The Secretariat of SeaBRnet is hosted by the UNESCO Regional Science Bureau for Asia and the Pacific, located in [[Jakarta]], Indonesia.&lt;ref name=&quot;AboutSeaBRnet&quot; /&gt; The network operates in partnership with National MAB Committees, local governments, academic institutions, and community stakeholders across its member countries.

== References ==
{{Reflist}}

[[Category:Man and the Biosphere Programme]]
[[Category:International environmental organizations]]
[[Category:Organizations established in 1998]]
[[Category:Conservation in Southeast Asia]]</text>
      <sha1>bu0ti1x9gp461pz3tghtr6c03a4c2j0</sha1>
    </revision>
    <revision>
      <id>781459</id>
      <parentid>781458</parentid>
      <timestamp>2026-10-28T11:14:29Z</timestamp>
      <contributor>
        <username>Aeronomad4</username>
        <id>76342</id>
      </contributor>
      <origin>781459</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="5845" sha1="jko51k1tk4qgyuq4wl6v2isphsv6oo7" xml:space="preserve">{{Short description|Regional network of UNESCO biosphere reserves in Southeast Asia}}
{{Infobox organization
| name                = Southeast Asian Biosphere Reserve Network
| abbreviation        = SeaBRnet
| formation           = October 1998
| type                = Regional [[Man and the Biosphere Programme|MAB]] Network
| headquarters        = [[Jakarta]], Indonesia (UNESCO Regional Office)
| region_served       = [[Southeast Asia]]
| membership          = 51 biosphere reserves across 8 countries
| parent_organization = [[UNESCO]] [[Man and the Biosphere Programme]]
| website             = {{URL|https://www.unesco.org/en/fieldoffice/jakarta/science-network/about-seabrnet}}
}}

The '''Southeast Asian Biosphere Reserve Network''' ('''SeaBRnet''') is a regional collaborative platform established under [[UNESCO]]'s [[Man and the Biosphere Programme]] (MAB). Founded in October 1998, the network promotes knowledge-sharing, research collaboration, and capacity-building among biosphere reserves across [[Southeast Asia]]. As of 2026, the network comprises 51 biosphere reserves across eight Southeast Asian nations.&lt;ref name=&quot;AboutSeaBRnet&quot;&gt;{{Cite web |last=UNESCO |date=4 August 2026 |title=Southeast Asian Biosphere Reserve Network (SeaBRnet) |url=https://www.unesco.org/en/fieldoffice/jakarta/science-network/about-seabrnet |website=UNESCO Jakarta Natural Sciences Network |access-date=22 October 2026}}&lt;/ref&gt;

== History ==
SeaBRnet was initiated in October 1998 under UNESCO's Man and the Biosphere Programme to address the unique ecological, geographical, and socio-economic characteristics of Southeast Asia—a region recognized for its high biodiversity, extensive tropical rainforest and marine ecosystems, and dense human populations.&lt;ref name=&quot;AboutSeaBRnet&quot; /&gt;

* '''Subsequent Expansion:''' Over the following decades, cooperation through the network grew to involve 10 participating countries: [[Cambodia]], [[China]], [[Indonesia]], [[Japan]], [[Laos|Lao PDR]], [[Malaysia]], [[Myanmar]], the [[Philippines]], [[Thailand]], and [[Vietnam]], focusing on transboundary conservation and sustainable resource management. Through regular regional meetings, capacity-building workshops, and joint research initiatives, the network continues to strengthen the management effectiveness of biosphere reserves, promoting them as premier learning sites for sustainable development throughout Southeast Asia.&lt;ref name=&quot;AboutSeaBRnet&quot; /&gt;
* '''Recent Milestones:''' The network has continued its active regional collaboration through periodic meetings and virtual coordination (such as regional preparatory workshops leading up to the global MAB Congresses), reinforcing its role as a key platform for biodiversity protection and local livelihood resilience in Southeast Asia. Since its inception, SeaBRnet has served as a vital collaborative platform for countries across the region to share scientific knowledge, exchange best practices in site management, and tackle common environmental challenges such as habitat fragmentation, deforestation, climate change impacts, and balancing conservation with sustainable local livelihoods.&lt;ref name=&quot;AboutSeaBRnet&quot; /&gt;

== Objectives and activities ==
SeaBRnet assists biosphere reserves in balancing biodiversity conservation with community-driven, sustainable economic development through local empowerment and regional cooperation.&lt;ref name=&quot;AboutSeaBRnet&quot; /&gt; Its primary activities are structured around three core areas:

* '''Annual SeaBRnet Meetings:''' Regional assemblies that bring reserve managers, scientists, and stakeholders together to evaluate progress against global MAB strategies, exchange local case studies, and set strategic conservation priorities.&lt;ref name=&quot;AboutSeaBRnet&quot; /&gt;
* '''Capacity-Building and Training Series:''' A practical learning program designed to upgrade reserve management capabilities across Southeast Asia. It includes hands-on technical workshops, peer case studies, and on-site field visits or virtual tours to observe reserve operations and community initiatives.&lt;ref&gt;{{Cite web |title=The 16th Southeast Asian Biosphere Reserve Network Meeting in Cambodia: Strengthening Regional Cooperation on Biosphere Reserves |url=https://www.publicnow.com/view/B92006316134009B64F0E93A61F5C92F77C7DB5E |access-date=22 October 2026}}&lt;/ref&gt;&lt;ref&gt;{{Cite web |title=Palawan BR: Model for Sustainable Development; PCSDS Shares Best Practices during SEABRNet Training in Indonesia |url=https://pcsd.gov.ph/palawan-br-model-for-sustainable-development-pcsds-shares-best-practices-during-seabrnet-training-in-indonesia/ |website=Palawan Council for Sustainable Development |access-date=22 October 2026}}&lt;/ref&gt;
* '''Youth of SeaBRnet:''' A regional platform that supports youth participation in conservation and climate resilience through research grants (such as the MAB Young Scientists Awards), water resilience competitions, skill-building workshops, and project showcases.&lt;ref name=&quot;AboutSeaBRnet&quot;&gt;{{Cite web |last=UNESCO |date=4 August 2026 |title=Southeast Asian Biosphere Reserve Network (SeaBRnet) |url=https://www.unesco.org/en/fieldoffice/jakarta/science-network/about-seabrnet |website=UNESCO Jakarta Natural Sciences Network |access-date=22 October 2026}}&lt;/ref&gt;

== Organization and cooperation ==
The Secretariat of SeaBRnet is hosted by the UNESCO Regional Science Bureau for Asia and the Pacific, located in [[Jakarta]], Indonesia.&lt;ref name=&quot;AboutSeaBRnet&quot; /&gt; The network operates in partnership with National MAB Committees, local governments, academic institutions, and community stakeholders across its member countries.

== References ==
{{Reflist}}

[[Category:Man and the Biosphere Programme]]
[[Category:International environmental organizations]]
[[Category:Organizations established in 1998]]
[[Category:Conservation in Southeast Asia]]</text>
      <sha1>jko51k1tk4qgyuq4wl6v2isphsv6oo7</sha1>
    </revision>
    <revision>
      <id>781460</id>
      <parentid>781459</parentid>
      <timestamp>2026-10-28T11:17:14Z</timestamp>
      <contributor>
        <username>Aeronomad4</username>
        <id>76342</id>
      </contributor>
      <origin>781460</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="5845" sha1="owqr59sikc0jhndlzbqcyojf73q00tb" xml:space="preserve">{{Short description|Regional network of UNESCO biosphere reserves in Southeast Asia}}
{{Infobox organization
| name                = Southeast Asian Biosphere Reserve Network
| abbreviation        = SeaBRnet
| formation           = October 1998
| type                = Regional [[Man and the Biosphere Programme|MAB]] Network
| headquarters        = [[Jakarta]], Indonesia (UNESCO Regional Office)
| region_served       = [[Southeast Asia]]
| membership          = 51 biosphere reserves across 8 countries
| parent_organization = [[UNESCO]] [[Man and the Biosphere Programme]]
| website             = {{URL|https://www.unesco.org/en/fieldoffice/jakarta/science-network/about-seabrnet}}
}}

The '''Southeast Asian Biosphere Reserve Network''' ('''SeaBRnet''') is a regional collaborative platform established under [[UNESCO]]'s [[Man and the Biosphere Programme]] (MAB). Founded in October 1998, the network promotes knowledge-sharing, research collaboration, and capacity-building among biosphere reserves across [[Southeast Asia]]. As of 2026, the network comprises 51 biosphere reserves across eight Southeast Asian nations.&lt;ref name=&quot;AboutSeaBRnet&quot;&gt;{{Cite web |last=UNESCO |date=4 August 2026 |title=Southeast Asian Biosphere Reserve Network (SeaBRnet) |url=https://www.unesco.org/en/fieldoffice/jakarta/science-network/about-seabrnet |website=UNESCO Jakarta Natural Sciences Network |access-date=28 October 2026}}&lt;/ref&gt;

== History ==
SeaBRnet was initiated in October 1998 under UNESCO's Man and the Biosphere Programme to address the unique ecological, geographical, and socio-economic characteristics of Southeast Asia—a region recognized for its high biodiversity, extensive tropical rainforest and marine ecosystems, and dense human populations.&lt;ref name=&quot;AboutSeaBRnet&quot; /&gt;

* '''Subsequent Expansion:''' Over the following decades, cooperation through the network grew to involve 10 participating countries: [[Cambodia]], [[China]], [[Indonesia]], [[Japan]], [[Laos|Lao PDR]], [[Malaysia]], [[Myanmar]], the [[Philippines]], [[Thailand]], and [[Vietnam]], focusing on transboundary conservation and sustainable resource management. Through regular regional meetings, capacity-building workshops, and joint research initiatives, the network continues to strengthen the management effectiveness of biosphere reserves, promoting them as premier learning sites for sustainable development throughout Southeast Asia.&lt;ref name=&quot;AboutSeaBRnet&quot; /&gt;
* '''Recent Milestones:''' The network has continued its active regional collaboration through periodic meetings and virtual coordination (such as regional preparatory workshops leading up to the global MAB Congresses), reinforcing its role as a key platform for biodiversity protection and local livelihood resilience in Southeast Asia. Since its inception, SeaBRnet has served as a vital collaborative platform for countries across the region to share scientific knowledge, exchange best practices in site management, and tackle common environmental challenges such as habitat fragmentation, deforestation, climate change impacts, and balancing conservation with sustainable local livelihoods.&lt;ref name=&quot;AboutSeaBRnet&quot; /&gt;

== Objectives and activities ==
SeaBRnet assists biosphere reserves in balancing biodiversity conservation with community-driven, sustainable economic development through local empowerment and regional cooperation.&lt;ref name=&quot;AboutSeaBRnet&quot; /&gt; Its primary activities are structured around three core areas:

* '''Annual SeaBRnet Meetings:''' Regional assemblies that bring reserve managers, scientists, and stakeholders together to evaluate progress against global MAB strategies, exchange local case studies, and set strategic conservation priorities.&lt;ref name=&quot;AboutSeaBRnet&quot; /&gt;
* '''Capacity-Building and Training Series:''' A practical learning program designed to upgrade reserve management capabilities across Southeast Asia. It includes hands-on technical workshops, peer case studies, and on-site field visits or virtual tours to observe reserve operations and community initiatives.&lt;ref&gt;{{Cite web |title=The 16th Southeast Asian Biosphere Reserve Network Meeting in Cambodia: Strengthening Regional Cooperation on Biosphere Reserves |url=https://www.publicnow.com/view/B92006316134009B64F0E93A61F5C92F77C7DB5E |access-date=28 October 2026}}&lt;/ref&gt;&lt;ref&gt;{{Cite web |title=Palawan BR: Model for Sustainable Development; PCSDS Shares Best Practices during SEABRNet Training in Indonesia |url=https://pcsd.gov.ph/palawan-br-model-for-sustainable-development-pcsds-shares-best-practices-during-seabrnet-training-in-indonesia/ |website=Palawan Council for Sustainable Development |access-date=28 October 2026}}&lt;/ref&gt;
* '''Youth of SeaBRnet:''' A regional platform that supports youth participation in conservation and climate resilience through research grants (such as the MAB Young Scientists Awards), water resilience competitions, skill-building workshops, and project showcases.&lt;ref name=&quot;AboutSeaBRnet&quot;&gt;{{Cite web |last=UNESCO |date=4 August 2026 |title=Southeast Asian Biosphere Reserve Network (SeaBRnet) |url=https://www.unesco.org/en/fieldoffice/jakarta/science-network/about-seabrnet |website=UNESCO Jakarta Natural Sciences Network |access-date=28 October 2026}}&lt;/ref&gt;

== Organization and cooperation ==
The Secretariat of SeaBRnet is hosted by the UNESCO Regional Science Bureau for Asia and the Pacific, located in [[Jakarta]], Indonesia.&lt;ref name=&quot;AboutSeaBRnet&quot; /&gt; The network operates in partnership with National MAB Committees, local governments, academic institutions, and community stakeholders across its member countries.

== References ==
{{Reflist}}

[[Category:Man and the Biosphere Programme]]
[[Category:International environmental organizations]]
[[Category:Organizations established in 1998]]
[[Category:Conservation in Southeast Asia]]</text>
      <sha1>owqr59sikc0jhndlzbqcyojf73q00tb</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/angle-guess.js</title>
    <ns>8</ns>
    <id>179476</id>
    <revision>
      <id>781415</id>
      <parentid>770203</parentid>
      <timestamp>2026-10-28T10:38:31Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781415</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="22671" sha1="7oodxlfxkphgmgsrj1vg6mc83i17c66" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* MediaWiki:Hiruwiki/modules/angle-guess.js */

( function () {
  'use strict';

  
/* ── I18N ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var messages = /* I18N_START */ {
    &quot;nl&quot;: {
        &quot;_name&quot;: &quot;Hoek schatten&quot;,
        &quot;difference&quot;: &quot;Verschil:&quot;,
        &quot;finalScore&quot;: &quot;Eindscore&quot;,
        &quot;hint&quot;: &quot;Verplaats de blauwe stip om de hoek in te stellen&quot;,
        &quot;nextAngle&quot;: &quot;Volgende hoek &amp;rsaquo;&quot;,
        &quot;points&quot;: &quot;Punten:&quot;,
        &quot;pts&quot;: &quot;ptn&quot;,
        &quot;round&quot;: &quot;Ronde:&quot;,
        &quot;roundOver&quot;: &quot;Spel voorbij&quot;,
        &quot;target&quot;: &quot;Doel:&quot;,
        &quot;tryAgain&quot;: &quot;Opnieuw proberen&quot;,
        &quot;yourGuess&quot;: &quot;Uw schatting:&quot;
    },
    &quot;fr&quot;: {
        &quot;_name&quot;: &quot;Deviner l’angle&quot;,
        &quot;difference&quot;: &quot;Différence :&quot;,
        &quot;finalScore&quot;: &quot;Score final&quot;,
        &quot;hint&quot;: &quot;Déplacez le point bleu pour régler l'angle&quot;,
        &quot;nextAngle&quot;: &quot;Angle suivant &amp;rsaquo;&quot;,
        &quot;points&quot;: &quot;Points :&quot;,
        &quot;pts&quot;: &quot;pts&quot;,
        &quot;round&quot;: &quot;Manche :&quot;,
        &quot;roundOver&quot;: &quot;Jeu terminé&quot;,
        &quot;target&quot;: &quot;Cible :&quot;,
        &quot;tryAgain&quot;: &quot;Réessayer&quot;,
        &quot;yourGuess&quot;: &quot;Votre estimation :&quot;
    },
    &quot;tr&quot;: {
        &quot;_name&quot;: &quot;Açı Tahmini&quot;,
        &quot;difference&quot;: &quot;Fark:&quot;,
        &quot;finalScore&quot;: &quot;Sonuç&quot;,
        &quot;hint&quot;: &quot;Açıyı ayarlamak için mavi noktayı hareket ettirin&quot;,
        &quot;nextAngle&quot;: &quot;Sonraki açı &amp;rsaquo;&quot;,
        &quot;points&quot;: &quot;Puan:&quot;,
        &quot;pts&quot;: &quot;puan&quot;,
        &quot;round&quot;: &quot;Tur:&quot;,
        &quot;roundOver&quot;: &quot;Oyun bitti&quot;,
        &quot;target&quot;: &quot;Hedef:&quot;,
        &quot;tryAgain&quot;: &quot;Tekrar dene&quot;,
        &quot;yourGuess&quot;: &quot;Tahminin:&quot;
    },
    &quot;eu&quot;: {
        &quot;_name&quot;: &quot;Angelua asmatu&quot;,
        &quot;difference&quot;: &quot;Aldea:&quot;,
        &quot;finalScore&quot;: &quot;Azken emaitza&quot;,
        &quot;hint&quot;: &quot;Puntu urdina mugitu angelua zehazteko&quot;,
        &quot;nextAngle&quot;: &quot;Hurrengo angelua &amp;rsaquo;&quot;,
        &quot;points&quot;: &quot;Puntuak:&quot;,
        &quot;pts&quot;: &quot;pt&quot;,
        &quot;round&quot;: &quot;Txanda:&quot;,
        &quot;roundOver&quot;: &quot;Jokoa amaitu da&quot;,
        &quot;target&quot;: &quot;Helburua:&quot;,
        &quot;tryAgain&quot;: &quot;Berriz saiatu&quot;,
        &quot;yourGuess&quot;: &quot;Zure aukera:&quot;
    },
    &quot;sk&quot;: {
        &quot;_name&quot;: &quot;Hádanie uhla&quot;,
        &quot;difference&quot;: &quot;Rozdiel:&quot;,
        &quot;finalScore&quot;: &quot;Konečné skóre&quot;,
        &quot;hint&quot;: &quot;Posuňte modrý bod na nastavenie uhla&quot;,
        &quot;nextAngle&quot;: &quot;Ďalší uhol &amp;rsaquo;&quot;,
        &quot;points&quot;: &quot;Body:&quot;,
        &quot;pts&quot;: &quot;b&quot;,
        &quot;round&quot;: &quot;Kolo:&quot;,
        &quot;roundOver&quot;: &quot;Koniec hry&quot;,
        &quot;target&quot;: &quot;Cieľ:&quot;,
        &quot;tryAgain&quot;: &quot;Skúsiť znova&quot;,
        &quot;yourGuess&quot;: &quot;Váš odhad:&quot;
    },
    &quot;skr-arab&quot;: {
        &quot;_name&quot;: &quot;زاویہ دا اندازہ&quot;,
        &quot;difference&quot;: &quot;فرق:&quot;,
        &quot;finalScore&quot;: &quot;آخری نمبر&quot;,
        &quot;hint&quot;: &quot;زاویہ ٹھہراؤݨ کیتے نیلے نقطے کوں سرکاؤ&quot;,
        &quot;nextAngle&quot;: &quot;اگلا زاویہ ‹&quot;,
        &quot;points&quot;: &quot;نمبر:&quot;,
        &quot;pts&quot;: &quot;نمبر&quot;,
        &quot;round&quot;: &quot;چکر:&quot;,
        &quot;roundOver&quot;: &quot;کھیل مک ڳیا&quot;,
        &quot;target&quot;: &quot;نشانہ:&quot;,
        &quot;tryAgain&quot;: &quot;ولا کوشش کرو&quot;,
        &quot;yourGuess&quot;: &quot;تہاݙا اندازہ:&quot;
    },
    &quot;lb&quot;: {
        &quot;points&quot;: &quot;Punkten:&quot;,
        &quot;round&quot;: &quot;Ronn:&quot;,
        &quot;target&quot;: &quot;Zil:&quot;,
        &quot;tryAgain&quot;: &quot;Nach eng Kéier probéieren&quot;
    },
    &quot;ko&quot;: {
        &quot;_name&quot;: &quot;각도 추측&quot;,
        &quot;difference&quot;: &quot;차이:&quot;,
        &quot;finalScore&quot;: &quot;최종 점수&quot;,
        &quot;hint&quot;: &quot;파란색 점을 움직여 각도를 설정하세요&quot;,
        &quot;nextAngle&quot;: &quot;다음 각 &amp;rsaquo;&quot;,
        &quot;points&quot;: &quot;점수:&quot;,
        &quot;pts&quot;: &quot;점&quot;,
        &quot;round&quot;: &quot;라운드:&quot;,
        &quot;roundOver&quot;: &quot;게임 종료&quot;,
        &quot;target&quot;: &quot;목표:&quot;,
        &quot;tryAgain&quot;: &quot;다시 시도&quot;,
        &quot;yourGuess&quot;: &quot;당신의 예상:&quot;
    },
    &quot;en&quot;: {
        &quot;_name&quot;: &quot;Angle Guess&quot;,
        &quot;difference&quot;: &quot;Difference:&quot;,
        &quot;finalScore&quot;: &quot;Final score&quot;,
        &quot;hint&quot;: &quot;Move the blue dot to set the angle&quot;,
        &quot;nextAngle&quot;: &quot;Next angle &amp;rsaquo;&quot;,
        &quot;points&quot;: &quot;Points:&quot;,
        &quot;pts&quot;: &quot;pts&quot;,
        &quot;round&quot;: &quot;Round:&quot;,
        &quot;roundOver&quot;: &quot;Game over&quot;,
        &quot;target&quot;: &quot;Target:&quot;,
        &quot;tryAgain&quot;: &quot;Try again&quot;,
        &quot;yourGuess&quot;: &quot;Your guess:&quot;
    },
    &quot;it&quot;: {
        &quot;_name&quot;: &quot;Indovina l'angolo&quot;,
        &quot;difference&quot;: &quot;Differenza:&quot;,
        &quot;finalScore&quot;: &quot;Punteggio finale&quot;,
        &quot;hint&quot;: &quot;Sposta il punto blu per impostare l'angolo&quot;,
        &quot;nextAngle&quot;: &quot;Prossimo angolo &amp;rsaquo;&quot;,
        &quot;points&quot;: &quot;Punti:&quot;,
        &quot;round&quot;: &quot;Turno:&quot;,
        &quot;roundOver&quot;: &quot;Gioco terminato&quot;,
        &quot;target&quot;: &quot;Obiettivo:&quot;,
        &quot;tryAgain&quot;: &quot;Riprova&quot;,
        &quot;yourGuess&quot;: &quot;La tua ipotesi:&quot;
    },
    &quot;ca&quot;: {
        &quot;_name&quot;: &quot;Endevina l'angle&quot;,
        &quot;difference&quot;: &quot;Diferència&quot;,
        &quot;finalScore&quot;: &quot;Puntuació final&quot;,
        &quot;hint&quot;: &quot;Mou el punt blau per definir l'angle&quot;,
        &quot;nextAngle&quot;: &quot;Angle següent &amp;rsaquo;&quot;,
        &quot;points&quot;: &quot;Punts:&quot;,
        &quot;pts&quot;: &quot;pts&quot;,
        &quot;round&quot;: &quot;Ronda:&quot;,
        &quot;roundOver&quot;: &quot;Final de la partida&quot;,
        &quot;target&quot;: &quot;Objectiu:&quot;,
        &quot;tryAgain&quot;: &quot;Torneu-ho a provar&quot;,
        &quot;yourGuess&quot;: &quot;La vostra estimació&quot;
    },
    &quot;qqq&quot;: {
        &quot;_name&quot;: &quot;Name of the Angle Guess module&quot;,
        &quot;difference&quot;: &quot;Label for the difference between the target angle and the player's guess. Followed by a value in degrees.&quot;,
        &quot;finalScore&quot;: &quot;Heading shown when all rounds are complete, above the total score&quot;,
        &quot;hint&quot;: &quot;Instruction telling the user how to set their angle guess&quot;,
        &quot;nextAngle&quot;: &quot;Button label to proceed to the next angle. Uses &amp;rsaquo; as a right-pointing arrow.&quot;,
        &quot;points&quot;: &quot;Label for the points earned. Followed by a numeric value.&quot;,
        &quot;pts&quot;: &quot;Abbreviation for \&quot;points displayed after a numeric score&quot;,
        &quot;round&quot;: &quot;Label for the current round number. Followed by \&quot;X / Y\&quot;.&quot;,
        &quot;roundOver&quot;: &quot;Heading shown in the overlay when all rounds are finished&quot;,
        &quot;target&quot;: &quot;Label for the target angle the player must guess. Followed by a value in degrees.&quot;,
        &quot;tryAgain&quot;: &quot;Button label to start a new game after all rounds are complete&quot;,
        &quot;yourGuess&quot;: &quot;Label for the angle the player guessed. Followed by a value in degrees.&quot;
    },
    &quot;ga&quot;: {
        &quot;_name&quot;: &quot;Buille faoi thuairim uillinn&quot;,
        &quot;difference&quot;: &quot;Difríocht:&quot;,
        &quot;finalScore&quot;: &quot;Scór deiridh&quot;,
        &quot;hint&quot;: &quot;Bog an ponc gorm chun an uillinn a shocrú&quot;,
        &quot;nextAngle&quot;: &quot;An chéad uillinn eile &amp;rsquo;&quot;,
        &quot;points&quot;: &quot;Pointí:&quot;,
        &quot;pts&quot;: &quot;pointí&quot;,
        &quot;round&quot;: &quot;Babhta:&quot;,
        &quot;roundOver&quot;: &quot;Cluiche thart&quot;,
        &quot;target&quot;: &quot;Sprioc:&quot;,
        &quot;tryAgain&quot;: &quot;Déan iarracht arís&quot;,
        &quot;yourGuess&quot;: &quot;Do bhuille faoi thuairim:&quot;
    },
    &quot;es&quot;: {
        &quot;_name&quot;: &quot;Adivinar ángulo&quot;,
        &quot;difference&quot;: &quot;Diferencia:&quot;,
        &quot;finalScore&quot;: &quot;Puntuación final&quot;,
        &quot;hint&quot;: &quot;Mueve el punto azul para establecer el ángulo&quot;,
        &quot;nextAngle&quot;: &quot;Siguiente ángulo &amp;rsaquo;&quot;,
        &quot;points&quot;: &quot;Puntos:&quot;,
        &quot;pts&quot;: &quot;pts&quot;,
        &quot;round&quot;: &quot;Ronda:&quot;,
        &quot;roundOver&quot;: &quot;Juego terminado&quot;,
        &quot;target&quot;: &quot;Objetivo:&quot;,
        &quot;tryAgain&quot;: &quot;Intentar de nuevo&quot;,
        &quot;yourGuess&quot;: &quot;Tu elección:&quot;
    },
    &quot;mk&quot;: {
        &quot;_name&quot;: &quot;Погодување на агол&quot;,
        &quot;difference&quot;: &quot;Разлика:&quot;,
        &quot;finalScore&quot;: &quot;Конечен исход&quot;,
        &quot;hint&quot;: &quot;Поместете ја сината точка за да го зададете аголот&quot;,
        &quot;nextAngle&quot;: &quot;Следен агол &amp;rsaquo;&quot;,
        &quot;points&quot;: &quot;Бодови:&quot;,
        &quot;pts&quot;: &quot;бодови&quot;,
        &quot;round&quot;: &quot;Круг:&quot;,
        &quot;roundOver&quot;: &quot;Играта заврши&quot;,
        &quot;target&quot;: &quot;Цел:&quot;,
        &quot;tryAgain&quot;: &quot;Обиди се пак&quot;,
        &quot;yourGuess&quot;: &quot;Вашиот одговор:&quot;
    }
} /* I18N_END */
var lang = (window.mw &amp;&amp; mw.config.get('wgUserLanguage')) || 'en';
var banana = new Banana(lang.split('-')[0]);
banana.load(messages);

function t(key, vars) {
    var args = Array.isArray(vars) ? vars : [];
    var str = banana.i18n(key, ...args);
    if (vars &amp;&amp; typeof vars === 'object' &amp;&amp; !Array.isArray(vars)) {
        Object.keys(vars).forEach(function(k) {
            str = str.replace(new RegExp('\\{' + k + '\\}', 'g'), vars[k]);
        });
    }
    return str;
}

// ── Find mount point ──────────────────────────────────────────
  var root = document.querySelector( '.hiruwiki[data-module=&quot;angle-guess&quot;]' );
  if ( !root ) return;

  // ── Constants ─────────────────────────────────────────────────
  var MAX_ROUNDS  = 5;
  var RADIUS      = 155;
  var BAND_WIDTH  = 26;
  var HANDLE_R    = 9;
  var ARROW_EXTRA = 18;
  var ARROW_SIZE  = 8;
  var DRAG_HIT_R2 = 22 * 22;
  var CENTER      = { x: 200, y: 210 };

  // ── Inject HTML ───────────────────────────────────────────────
  root.innerHTML =
    '&lt;div class=&quot;angle-guess-card&quot;&gt;' +
      '&lt;canvas class=&quot;angle-guess-canvas&quot; width=&quot;440&quot; height=&quot;260&quot;&gt;&lt;/canvas&gt;' +
      '&lt;div class=&quot;angle-guess-infobar&quot;&gt;' +
        '&lt;span&gt;' + t('target') + ' &lt;span class=&quot;ag-val&quot; id=&quot;ag-iTarget&quot;&gt;?°&lt;/span&gt;&lt;/span&gt;' +
        '&lt;span&gt;' + t('yourGuess') + ' &lt;span class=&quot;ag-val&quot; id=&quot;ag-iGuess&quot;&gt;—&lt;/span&gt;&lt;/span&gt;' +
        '&lt;span&gt;' + t('difference') + ' &lt;span class=&quot;ag-val&quot; id=&quot;ag-iDiff&quot;&gt;—&lt;/span&gt;&lt;/span&gt;' +
        '&lt;span&gt;' + t('points') + ' &lt;span class=&quot;ag-val&quot; id=&quot;ag-iPoints&quot;&gt;—&lt;/span&gt;&lt;/span&gt;' +
      '&lt;/div&gt;' +
      '&lt;button class=&quot;angle-guess-btn&quot; id=&quot;ag-nextBtn&quot; disabled&gt;' + t('nextAngle') + '&lt;/button&gt;' +
    '&lt;/div&gt;' +
    '&lt;div class=&quot;angle-guess-overlay&quot; id=&quot;ag-overlay&quot;&gt;' +
      '&lt;div class=&quot;angle-guess-popup&quot;&gt;' +
        '&lt;h2&gt;' + t('roundOver') + '&lt;/h2&gt;' +
        '&lt;p&gt;' + t('finalScore') + '&lt;/p&gt;' +
        '&lt;span class=&quot;ag-big&quot; id=&quot;ag-finalScore&quot;&gt;0&lt;/span&gt;' +
        '&lt;button class=&quot;angle-guess-btn&quot; id=&quot;ag-newRoundBtn&quot;&gt;' + t('tryAgain') + '&lt;/button&gt;' +
      '&lt;/div&gt;' +
    '&lt;/div&gt;';

  // ── DOM refs (scoped to root) ─────────────────────────────────
  var canvas      = root.querySelector( '.angle-guess-canvas' );
  var ctx         = canvas.getContext( '2d' );
  var overlay     = root.querySelector( '#ag-overlay' );
  var nextBtn     = root.querySelector( '#ag-nextBtn' );
  var newRoundBtn = root.querySelector( '#ag-newRoundBtn' );
  var iTarget     = root.querySelector( '#ag-iTarget' );
  var iGuess      = root.querySelector( '#ag-iGuess' );
  var iDiff       = root.querySelector( '#ag-iDiff' );
  var iPoints     = root.querySelector( '#ag-iPoints' );
  var finalScore  = root.querySelector( '#ag-finalScore' );

  // ── State ─────────────────────────────────────────────────────
  var dragging     = false;
  var submitted    = false;
  var revealing    = false;
  var revealAngle  = 0;
  var targetRayAng = 0;
  var targetAngle  = 0;
  var handleAngle  = 0;
  var round        = 0;
  var totalScore   = 0;

  // ── Helpers ───────────────────────────────────────────────────
  function degToRad( d ) { return d * Math.PI / 180; }

  function posToAngle( mx, my ) {
    var dx = mx - CENTER.x;
    var dy = -( my - CENTER.y );
    var a  = Math.atan2( dy, dx ) * 180 / Math.PI;
    return Math.max( 0, Math.min( 180, a ) );
  }

  function angleToPos( deg ) {
    var r = degToRad( deg );
    return { x: CENTER.x + Math.cos( r ) * RADIUS,
             y: CENTER.y - Math.sin( r ) * RADIUS };
  }

  function calcPoints( diff ) { return diff &gt; 10 ? 0 : Math.max( 0, 10 - diff ); }

  // ── Drawing ───────────────────────────────────────────────────
  function drawGrid() {
    ctx.save();
    ctx.strokeStyle = hiruwiki.getThemeColor('border-color-base', 'rgba(0,0,0,0.06)');
    ctx.lineWidth = 1;
    for ( var x = 20; x &lt; canvas.width;  x += 20 ) {
      ctx.beginPath(); ctx.moveTo( x, 0 ); ctx.lineTo( x, canvas.height ); ctx.stroke();
    }
    for ( var y = 20; y &lt; canvas.height; y += 20 ) {
      ctx.beginPath(); ctx.moveTo( 0, y ); ctx.lineTo( canvas.width, y ); ctx.stroke();
    }
    ctx.restore();
  }

  function drawProtractorBase() {
    var outerR = RADIUS, innerR = RADIUS - BAND_WIDTH;
    ctx.beginPath();
    ctx.arc( CENTER.x, CENTER.y, outerR, Math.PI, 2 * Math.PI );
    ctx.arc( CENTER.x, CENTER.y, innerR, 2 * Math.PI, Math.PI, true );
    ctx.closePath();
    ctx.fillStyle = hiruwiki.getThemeColor('background-color-neutral-subtle', '#d8dde3'); ctx.fill();
    ctx.strokeStyle = hiruwiki.getThemeColor('border-color-base', '#b0bbc5'); ctx.lineWidth = 1; ctx.stroke();
  }

  function drawColoredProtractor( maxDeg ) {
    var outerR = RADIUS, innerR = RADIUS - BAND_WIDTH;
    for ( var d = 0; d &lt; maxDeg; d++ ) {
      var diff  = Math.abs( d - targetAngle );
      var color = diff &lt;= 3 ? hiruwiki.getThemeColor('color-success', '#50dc78') : diff &lt;= 8 ? hiruwiki.getThemeColor('color-warning', '#e6b432') : hiruwiki.getThemeColor('color-destructive', '#dc5050');
      ctx.beginPath();
      ctx.arc( CENTER.x, CENTER.y, outerR, -degToRad( d ),     -degToRad( d + 1 ), true );
      ctx.arc( CENTER.x, CENTER.y, innerR, -degToRad( d + 1 ), -degToRad( d ),     false );
      ctx.closePath();
      ctx.fillStyle = color; ctx.fill();
    }
  }

  function drawBaselineArrow() {
    ctx.save();
    var ex = CENTER.x + RADIUS + ARROW_EXTRA;
    ctx.beginPath(); ctx.moveTo( CENTER.x - 10, CENTER.y ); ctx.lineTo( ex, CENTER.y );
    ctx.strokeStyle = hiruwiki.getThemeColor('color-subtle', '#444'); ctx.lineWidth = 2; ctx.stroke();
    ctx.beginPath(); ctx.moveTo( ex, CENTER.y );
    ctx.lineTo( ex - ARROW_SIZE, CENTER.y - ARROW_SIZE / 2 );
    ctx.lineTo( ex - ARROW_SIZE, CENTER.y + ARROW_SIZE / 2 );
    ctx.closePath(); ctx.fillStyle = hiruwiki.getThemeColor('color-subtle', '#444'); ctx.fill();
    ctx.restore();
  }

  function drawBlueRay() {
    var hp  = angleToPos( handleAngle );
    var rad = degToRad( handleAngle );
    ctx.save();
    ctx.beginPath(); ctx.moveTo( CENTER.x, CENTER.y );
    ctx.arc( CENTER.x, CENTER.y, 44, 0, -rad, true ); ctx.closePath();
    ctx.fillStyle = 'rgba(40,100,180,0.12)'; ctx.fill();
    ctx.beginPath(); ctx.moveTo( CENTER.x, CENTER.y ); ctx.lineTo( hp.x, hp.y );
    ctx.strokeStyle = hiruwiki.getThemeColor('color-progressive', '#2866c0'); ctx.lineWidth = 2.5; ctx.stroke();
    ctx.beginPath(); ctx.arc( hp.x, hp.y, HANDLE_R, 0, 2 * Math.PI );
    ctx.fillStyle = hiruwiki.getThemeColor('color-progressive', '#2866c0'); ctx.fill();
    ctx.strokeStyle = hiruwiki.getThemeColor('background-color-base', '#fff'); ctx.lineWidth = 2; ctx.stroke();
    ctx.restore();
  }

  function drawTargetRay() {
    var rad = degToRad( targetRayAng );
    ctx.save();
    ctx.beginPath(); ctx.moveTo( CENTER.x, CENTER.y );
    ctx.lineTo( CENTER.x + Math.cos( rad ) * RADIUS, CENTER.y - Math.sin( rad ) * RADIUS );
    ctx.strokeStyle = hiruwiki.getThemeColor('color-success', '#50dc78'); ctx.lineWidth = 2.5;
    ctx.setLineDash( [ 6, 4 ] ); ctx.stroke(); ctx.setLineDash( [] );
    ctx.restore();
  }

  function drawHUD() {
    ctx.save();
    ctx.fillStyle = hiruwiki.getThemeColor('color-progressive', '#3a6a80'); ctx.font = '13px Montserrat, sans-serif';
    ctx.textAlign = 'left';  ctx.fillText( t('round') + ' ' + round + ' / ' + MAX_ROUNDS, 12, 20 );
    ctx.textAlign = 'right'; ctx.fillText( t('points') + ' ' + totalScore, canvas.width - 12, 20 );
    ctx.restore();
  }

  function draw() {
    ctx.clearRect( 0, 0, canvas.width, canvas.height );
    ctx.fillStyle = hiruwiki.getThemeColor('background-color-neutral-subtle', '#f9f9f7'); ctx.fillRect( 0, 0, canvas.width, canvas.height );
    drawGrid();
    if ( revealing ) drawColoredProtractor( revealAngle ); else drawProtractorBase();
    drawBaselineArrow();
    drawBlueRay();
    if ( revealing || submitted ) drawTargetRay();
    drawHUD();
  }

  // ── Reveal animation ──────────────────────────────────────────
  function animateReveal() {
    revealing    = true;
    revealAngle  = 0;
    targetRayAng = 0;
    function step() {
      revealAngle  = Math.min( 180, revealAngle + 2 );
      targetRayAng = Math.min( targetAngle, revealAngle );
      draw();
      if ( revealAngle &lt; 180 ) requestAnimationFrame( step );
    }
    requestAnimationFrame( step );
  }

  // ── Submit guess ──────────────────────────────────────────────
  function submitGuess() {
    if ( submitted || revealing ) return;
    submitted = true;
    dragging  = false;
    nextBtn.disabled = false;

    var playerGuess = Math.round( handleAngle );
    var diff        = Math.abs( targetAngle - playerGuess );
    var points      = calcPoints( diff );
    totalScore += points;

    iGuess .textContent = playerGuess + '°';
    iDiff  .textContent = diff + '°';
    iPoints.textContent = points + ' ' + t('pts');

    canvas.classList.remove( 'ag-glow-good', 'ag-glow-ok', 'ag-glow-bad' );
    if      ( diff &lt;= 3 ) canvas.classList.add( 'ag-glow-good' );
    else if ( diff &lt;= 8 ) canvas.classList.add( 'ag-glow-ok' );
    else                  canvas.classList.add( 'ag-glow-bad' );

    animateReveal();
  }

  // ── Game flow ─────────────────────────────────────────────────
  function newQuestion() {
    targetAngle  = Math.floor( Math.random() * 179 ) + 1;
    handleAngle  = 0;
    submitted    = false;
    revealing    = false;
    revealAngle  = 0;
    targetRayAng = 0;
    canvas.classList.remove( 'ag-glow-good', 'ag-glow-ok', 'ag-glow-bad' );
    nextBtn.disabled = true;
    iTarget.textContent = targetAngle + '°';
    iGuess .textContent = '—';
    iDiff  .textContent = '—';
    iPoints.textContent = '—';
    draw();
  }

  function nextRound() {
    if ( round &gt;= MAX_ROUNDS ) {
      finalScore.textContent = totalScore;
      overlay.classList.add( 'ag-show' );
      return;
    }
    round++;
    newQuestion();
  }

  function startGame() {
    round      = 0;
    totalScore = 0;
    overlay.classList.remove( 'ag-show' );
    nextRound();
  }

  // ── Input helpers ─────────────────────────────────────────────
  function getCanvasPos( e ) {
    var r = canvas.getBoundingClientRect();
    return { x: e.clientX - r.left, y: e.clientY - r.top };
  }

  // ── Mouse ─────────────────────────────────────────────────────
  canvas.addEventListener( 'mousedown', function ( e ) {
    if ( submitted || revealing ) return;
    var pos = getCanvasPos( e );
    var hp  = angleToPos( handleAngle );
    var dx  = pos.x - hp.x, dy = pos.y - hp.y;
    if ( dx * dx + dy * dy &lt; DRAG_HIT_R2 ) dragging = true;
  } );

  canvas.addEventListener( 'mousemove', function ( e ) {
    if ( !dragging || submitted || revealing ) return;
    var pos = getCanvasPos( e );
    handleAngle = posToAngle( pos.x, pos.y );
    draw();
  } );

  canvas.addEventListener( 'mouseleave', function () {
    if ( dragging ) { dragging = false; if ( handleAngle &gt; 0 ) submitGuess(); }
  } );

  canvas.addEventListener( 'mouseup', function () {
    if ( !dragging ) return;
    dragging = false;
    submitGuess();
  } );

  // ── Touch ─────────────────────────────────────────────────────
  canvas.addEventListener( 'touchstart', function ( e ) {
    e.preventDefault();
    if ( submitted || revealing ) return;
    var pos = getCanvasPos( { clientX: e.touches[ 0 ].clientX, clientY: e.touches[ 0 ].clientY } );
    handleAngle = posToAngle( pos.x, pos.y );
    dragging = true;
    draw();
  }, { passive: false } );

  canvas.addEventListener( 'touchmove', function ( e ) {
    e.preventDefault();
    if ( !dragging || submitted || revealing ) return;
    var pos = getCanvasPos( { clientX: e.touches[ 0 ].clientX, clientY: e.touches[ 0 ].clientY } );
    handleAngle = posToAngle( pos.x, pos.y );
    draw();
  }, { passive: false } );

  canvas.addEventListener( 'touchend', function () {
    if ( !dragging ) return;
    dragging = false;
    submitGuess();
  } );

  // ── Buttons ───────────────────────────────────────────────────
  nextBtn    .addEventListener( 'click', nextRound );
  newRoundBtn.addEventListener( 'click', startGame );

  // ── Live theme updates (MediaWiki / OS preference) ───────────
  var themeObserver = new MutationObserver( draw );
  themeObserver.observe( document.documentElement, { attributes: true, attributeFilter: [ 'class' ] } );
  if ( document.body ) {
    themeObserver.observe( document.body, { attributes: true, attributeFilter: [ 'class' ] } );
  }
  if ( window.matchMedia ) {
    window.matchMedia( '(prefers-color-scheme: dark)' ).addEventListener( 'change', draw );
  }

  // ── Boot ──────────────────────────────────────────────────────
  startGame();
  
  // Footer branding
  var footer = document.createElement(&quot;div&quot;);
  footer.className = &quot;hw-footer&quot;;
  var fLogo = document.createElement(&quot;a&quot;);
  fLogo.className = &quot;hw-footer-icon&quot;;
  fLogo.href = mw.util.getUrl('Wikipedia:Hiruwiki');
  fLogo.title = 'Hiruwiki';
  fLogo.innerHTML = hiruwiki.getLogoSvg(22);
  var fText = document.createElement(&quot;span&quot;);
  fText.innerHTML = t('hint');
  footer.appendChild(fLogo);
  footer.appendChild(fText);
  root.appendChild(footer);

}() );</text>
      <sha1>7oodxlfxkphgmgsrj1vg6mc83i17c66</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/angles.js</title>
    <ns>8</ns>
    <id>179478</id>
    <revision>
      <id>781416</id>
      <parentid>770205</parentid>
      <timestamp>2026-10-28T10:38:34Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781416</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="16088" sha1="71jhuxiub514lhrmhy5cozdt3gzrgc3" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
(function () {


/* ── I18N ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var messages = /* I18N_START */ {
    &quot;nl&quot;: {
        &quot;_name&quot;: &quot;Hoeken&quot;,
        &quot;bisector&quot;: &quot;Bissectrice&quot;,
        &quot;bisectorResult&quot;: &quot;Bissectrice: $1°&quot;,
        &quot;complement&quot;: &quot;Complementair&quot;,
        &quot;explement&quot;: &quot;Explementair&quot;,
        &quot;notDefined&quot;: &quot;Niet gedefinieerd voor deze hoek&quot;,
        &quot;resultAngle&quot;: &quot;Hoek $1: $2°&quot;,
        &quot;supplement&quot;: &quot;Supplementair&quot;,
        &quot;hint&quot;: &quot;Sleep de witte stip om de hoek te wijzigen&quot;
    },
    &quot;fr&quot;: {
        &quot;_name&quot;: &quot;Angles&quot;,
        &quot;bisector&quot;: &quot;Bissectrice&quot;,
        &quot;bisectorResult&quot;: &quot;Bissectrice : $1°&quot;,
        &quot;complement&quot;: &quot;Complémentaire&quot;,
        &quot;explement&quot;: &quot;Explémentaire&quot;,
        &quot;notDefined&quot;: &quot;Non défini pour cet angle&quot;,
        &quot;resultAngle&quot;: &quot;Angle $1 : $2°&quot;,
        &quot;supplement&quot;: &quot;Supplémentaire&quot;,
        &quot;hint&quot;: &quot;Tirez la poignée pour changer l'angle&quot;
    },
    &quot;tr&quot;: {
        &quot;_name&quot;: &quot;Açılar&quot;,
        &quot;bisector&quot;: &quot;Açıortay&quot;,
        &quot;bisectorResult&quot;: &quot;Açıortay: $1°&quot;,
        &quot;complement&quot;: &quot;Tümler&quot;,
        &quot;explement&quot;: &quot;Eşlenik&quot;,
        &quot;notDefined&quot;: &quot;Bu açı için tanımlanmamış&quot;,
        &quot;resultAngle&quot;: &quot;$1 açı: $2°&quot;,
        &quot;supplement&quot;: &quot;Bütünler&quot;,
        &quot;hint&quot;: &quot;Açıyı değiştirmek için tutup sürükleyin&quot;
    },
    &quot;eu&quot;: {
        &quot;_name&quot;: &quot;Angeluak&quot;,
        &quot;bisector&quot;: &quot;Erdikaria&quot;,
        &quot;bisectorResult&quot;: &quot;Erdikaria: $1°&quot;,
        &quot;complement&quot;: &quot;Osagarria&quot;,
        &quot;explement&quot;: &quot;Konjubatua&quot;,
        &quot;notDefined&quot;: &quot;Angelu honentzat definitu gabe&quot;,
        &quot;resultAngle&quot;: &quot;Angelu $1: $2°&quot;,
        &quot;supplement&quot;: &quot;Betegarria&quot;,
        &quot;hint&quot;: &quot;Mugitu heldulekua angelua aldatzeko&quot;
    },
    &quot;sk&quot;: {
        &quot;_name&quot;: &quot;Uhly&quot;,
        &quot;bisector&quot;: &quot;Os uhla&quot;,
        &quot;bisectorResult&quot;: &quot;Os uhla: $1°&quot;,
        &quot;complement&quot;: &quot;Doplnkový&quot;,
        &quot;explement&quot;: &quot;Explementárny&quot;,
        &quot;notDefined&quot;: &quot;Nie je definovaný pre tento uhol&quot;,
        &quot;resultAngle&quot;: &quot;$1 uhol: $2°&quot;,
        &quot;supplement&quot;: &quot;Vedľajší&quot;,
        &quot;hint&quot;: &quot;Potiahnutím rukoväte zmeníte uhol&quot;
    },
    &quot;skr-arab&quot;: {
        &quot;_name&quot;: &quot;زاویے&quot;,
        &quot;bisector&quot;: &quot;ونڈݨ آلا&quot;,
        &quot;bisectorResult&quot;: &quot;ونڈݨ آلا: $1°&quot;,
        &quot;complement&quot;: &quot;تکمیلی&quot;,
        &quot;explement&quot;: &quot;معکوس&quot;,
        &quot;notDefined&quot;: &quot;ایں زاویے کیتے مقرر نئیں&quot;,
        &quot;resultAngle&quot;: &quot;$1 زاویہ: $2°&quot;,
        &quot;supplement&quot;: &quot;متمم&quot;,
        &quot;hint&quot;: &quot;زاویہ بدلݨ کیتے ہینڈل کوں گھسیٹو&quot;
    },
    &quot;lb&quot;: {
        &quot;resultAngle&quot;: &quot;$1 Wénkel: $2°&quot;
    },
    &quot;ko&quot;: {
        &quot;_name&quot;: &quot;각도&quot;,
        &quot;bisector&quot;: &quot;이등분&quot;,
        &quot;bisectorResult&quot;: &quot;이등분: $1°&quot;,
        &quot;complement&quot;: &quot;여각&quot;,
        &quot;explement&quot;: &quot;공액각&quot;,
        &quot;notDefined&quot;: &quot;이 각도에 대해서는 정의되지 않았습니다&quot;,
        &quot;resultAngle&quot;: &quot;$1: $2°&quot;,
        &quot;supplement&quot;: &quot;보각&quot;,
        &quot;hint&quot;: &quot;손잡이를 드래그하여 각도를 변경하세요&quot;
    },
    &quot;en&quot;: {
        &quot;_name&quot;: &quot;Angles&quot;,
        &quot;bisector&quot;: &quot;Bisector&quot;,
        &quot;bisectorResult&quot;: &quot;Bisector: $1°&quot;,
        &quot;complement&quot;: &quot;Complementary&quot;,
        &quot;explement&quot;: &quot;Explementary&quot;,
        &quot;notDefined&quot;: &quot;Not defined for this angle&quot;,
        &quot;resultAngle&quot;: &quot;$1 angle: $2°&quot;,
        &quot;supplement&quot;: &quot;Supplementary&quot;,
        &quot;hint&quot;: &quot;Drag the handle to change the angle&quot;
    },
    &quot;it&quot;: {
        &quot;_name&quot;: &quot;Angoli&quot;,
        &quot;bisector&quot;: &quot;Bisettrice&quot;,
        &quot;bisectorResult&quot;: &quot;Bisettrice: $1°&quot;,
        &quot;complement&quot;: &quot;Complementare&quot;,
        &quot;explement&quot;: &quot;Esplementare&quot;,
        &quot;notDefined&quot;: &quot;Non definito per questo angolo&quot;,
        &quot;resultAngle&quot;: &quot;Angolo $1: $2°&quot;,
        &quot;supplement&quot;: &quot;Supplementare&quot;
    },
    &quot;ca&quot;: {
        &quot;_name&quot;: &quot;Angles&quot;,
        &quot;bisector&quot;: &quot;Bisectriu&quot;,
        &quot;bisectorResult&quot;: &quot;Bisectriu: $1°&quot;,
        &quot;complement&quot;: &quot;Complementari&quot;,
        &quot;explement&quot;: &quot;Explementari&quot;,
        &quot;notDefined&quot;: &quot;No definit per a aquest angle&quot;,
        &quot;supplement&quot;: &quot;Suplementari&quot;
    },
    &quot;qqq&quot;: {
        &quot;_name&quot;: &quot;Name of the Angles module&quot;,
        &quot;bisector&quot;: &quot;Button label for the bisector mode&quot;,
        &quot;bisectorResult&quot;: &quot;Result text showing the bisector angle. Parameters: $1 = bisector angle in degrees.&quot;,
        &quot;complement&quot;: &quot;Button label for the complementary angle mode&quot;,
        &quot;explement&quot;: &quot;Button label for the explementary angle mode&quot;,
        &quot;notDefined&quot;: &quot;Message shown when the selected angle operation is not defined for the current angle (e.g. complement of an angle ≥ 90°)&quot;,
        &quot;resultAngle&quot;: &quot;Result text showing a computed angle. Parameters: $1 = angle type name (e.g. \&quot;Complementary\&quot;), $2 = angle in degrees.&quot;,
        &quot;supplement&quot;: &quot;Button label for the supplementary angle mode&quot;,
        &quot;hint&quot;: &quot;Instruction text explaining how to interact with the angle applet&quot;
    },
    &quot;ga&quot;: {
        &quot;_name&quot;: &quot;Uillinneacha&quot;,
        &quot;bisector&quot;: &quot;Déroinnteoir&quot;,
        &quot;bisectorResult&quot;: &quot;Déroinnteoir: $1°&quot;,
        &quot;complement&quot;: &quot;Comhlántach&quot;,
        &quot;explement&quot;: &quot;Turgnamhach&quot;,
        &quot;notDefined&quot;: &quot;Gan sainmhíniú don uillinn seo&quot;,
        &quot;resultAngle&quot;: &quot;Uillinn $1: $2°&quot;,
        &quot;supplement&quot;: &quot;Forlíontach&quot;,
        &quot;hint&quot;: &quot;Tarraing an láimhseáil chun an uillinn a athrú&quot;
    },
    &quot;es&quot;: {
        &quot;_name&quot;: &quot;Ángulos&quot;,
        &quot;bisector&quot;: &quot;Bisectriz&quot;,
        &quot;bisectorResult&quot;: &quot;Bisectriz: $1°&quot;,
        &quot;complement&quot;: &quot;Complementario&quot;,
        &quot;explement&quot;: &quot;Explementario&quot;,
        &quot;notDefined&quot;: &quot;No definido para este ángulo&quot;,
        &quot;resultAngle&quot;: &quot;Ángulo $1: $2°&quot;,
        &quot;supplement&quot;: &quot;Suplementario&quot;,
        &quot;hint&quot;: &quot;Arrastra para cambiar el ángulo.&quot;
    },
    &quot;mk&quot;: {
        &quot;_name&quot;: &quot;Агли&quot;,
        &quot;bisector&quot;: &quot;Симетрала&quot;,
        &quot;bisectorResult&quot;: &quot;Симетрала: $1°&quot;,
        &quot;complement&quot;: &quot;Комплементен&quot;,
        &quot;explement&quot;: &quot;Експлементен&quot;,
        &quot;notDefined&quot;: &quot;Не е дефинирано за овој агол&quot;,
        &quot;resultAngle&quot;: &quot;$1 агол: $2°&quot;,
        &quot;supplement&quot;: &quot;Суплементен&quot;,
        &quot;hint&quot;: &quot;Повлечете ја рачката за да го измените аголот&quot;
    }
} /* I18N_END */
var lang = (window.mw &amp;&amp; mw.config.get('wgUserLanguage')) || 'en';
var banana = new Banana(lang.split('-')[0]);
banana.load(messages);

function t(key, vars) {
    var args = Array.isArray(vars) ? vars : [];
    var str = banana.i18n(key, ...args);
    if (vars &amp;&amp; typeof vars === 'object' &amp;&amp; !Array.isArray(vars)) {
        Object.keys(vars).forEach(function(k) {
            str = str.replace(new RegExp('\\{' + k + '\\}', 'g'), vars[k]);
        });
    }
    return str;
}

/* -------------------------
   APPLET INITIALIZATION
------------------------- */

function initAngleApplet(container){

    container.classList.add(&quot;hiruwiki-angles&quot;);

    const canvas=document.createElement(&quot;canvas&quot;);
    canvas.width=460;
    canvas.height=460;

    const panel=document.createElement(&quot;div&quot;);
    panel.className=&quot;hiruwiki-angles-panel&quot;;

    const info=document.createElement(&quot;div&quot;);
    info.className=&quot;hiruwiki-angles-info&quot;;

    const modes=[
        [&quot;bisector&quot;,t(&quot;bisector&quot;)],
        [&quot;complement&quot;,t(&quot;complement&quot;)],
        [&quot;supplement&quot;,t(&quot;supplement&quot;)],
        [&quot;explement&quot;,t(&quot;explement&quot;)]
    ];

    modes.forEach(function(m){

        const btn=document.createElement(&quot;button&quot;);
        btn.textContent=m[1];
        btn.dataset.mode=m[0];

        panel.appendChild(btn);

    });

    panel.appendChild(info);

    container.appendChild(canvas);
    container.appendChild(panel);

    const ctx=canvas.getContext(&quot;2d&quot;);

    const cx=230;
    const cy=230;
    const R=170;

    let angle=40;
    let dragging=false;
    let mode=null;

    function rad(d){ return d*Math.PI/180; }

    function point(deg,r){

        let a=rad(deg);

        return{
            x:cx+r*Math.cos(a),
            y:cy-r*Math.sin(a)
        };

    }

    function drawGrid(){

        // Fine grid lines — use border-color-subtle (very faint, Codex #c8ccd1 light / #2e3136 dark)
        ctx.strokeStyle = hiruwiki.getThemeColor('border-color-subtle', '#c8ccd1');
        ctx.lineWidth = 0.5;

        for(let x=0;x&lt;canvas.width;x+=25){
            ctx.beginPath();
            ctx.moveTo(x,0);
            ctx.lineTo(x,canvas.height);
            ctx.stroke();
        }

        for(let y=0;y&lt;canvas.height;y+=25){
            ctx.beginPath();
            ctx.moveTo(0,y);
            ctx.lineTo(canvas.width,y);
            ctx.stroke();
        }

        // Concentric reference circles — slightly more visible than grid lines,
        // use border-color-base (Codex #a2a9b1 light / #3d424d dark)
        ctx.strokeStyle = hiruwiki.getThemeColor('border-color-base', '#a2a9b1');
        ctx.lineWidth = 0.75;

        for(let r=50;r&lt;=R;r+=50){
            ctx.beginPath();
            ctx.arc(cx,cy,r,0,Math.PI*2);
            ctx.stroke();
        }

    }

    function drawRay(deg,color,width){

        let p=point(deg,R);

        ctx.strokeStyle=color;
        ctx.lineWidth=width;

        ctx.beginPath();
        ctx.moveTo(cx,cy);
        ctx.lineTo(p.x,p.y);
        ctx.stroke();

    }

    function drawSector(a,b,color){

        ctx.fillStyle=color;

        ctx.beginPath();
        ctx.moveTo(cx,cy);
        ctx.arc(cx,cy,70,-rad(a),-rad(b),true);
        ctx.closePath();
        ctx.fill();

    }

    function drawLabel(x,y,text,color){

        // Label background: background-color-base so it contrasts with sector fills
        ctx.fillStyle = hiruwiki.getThemeColor('background-color-base', '#ffffff');

        ctx.beginPath();
        ctx.arc(x,y,16,0,Math.PI*2);
        ctx.fill();

        ctx.fillStyle=color;
        ctx.font=&quot;bold 14px sans-serif&quot;;
        ctx.textAlign=&quot;center&quot;;
        ctx.textBaseline=&quot;middle&quot;;

        ctx.fillText(text,x,y);

    }

    function computeTarget(){

        let target=null;
        let valid=true;

        if(mode===&quot;bisector&quot;) target=angle/2;

        if(mode===&quot;complement&quot;){
            if(angle&gt;=90) valid=false;
            target=90;
        }

        if(mode===&quot;supplement&quot;){
            if(angle&gt;=180) valid=false;
            target=180;
        }

        if(mode===&quot;explement&quot;) target=360;

        return {target,valid};
    }

    function draw(){

        // Canvas background — background-color-base: #fff light / #101418 dark
        ctx.fillStyle = hiruwiki.getThemeColor('background-color-base', '#ffffff');
        ctx.fillRect(0, 0, canvas.width, canvas.height);

        drawGrid();

        // Main rays — color-base: #202122 light / ~#f8f9fa dark
        var baseColor = hiruwiki.getThemeColor('color-base', '#202122');
        drawRay(0, baseColor, 3);
        drawRay(angle, baseColor, 3);

        // Primary sector (the angle being shown) — color-progressive at low opacity
        // color-progressive: #36c light / #6e85cf dark
        // We paint this manually with rgba so opacity works on the canvas.
        // getThemeColor returns a hex string; we use it as the sector fill via
        // a helper that converts it to rgba.
        var progressiveHex = hiruwiki.getThemeColor('color-progressive', '#3366cc');
        drawSector(0, angle, hexToRgba(progressiveHex, 0.20));

        // Drag handle — color-progressive (solid, for good contrast on both themes)
        ctx.fillStyle = progressiveHex;
        const handle=point(angle,R);
        ctx.beginPath();
        ctx.arc(handle.x,handle.y,6,0,Math.PI*2);
        ctx.fill();

        // Angle label for the current angle — use color-progressive to match the handle
        const blueLabel=point(angle,R-35);
        drawLabel(blueLabel.x,blueLabel.y,angle+&quot;°&quot;, progressiveHex);

        if(!mode) return;

        const res=computeTarget();

        if(!res.valid){

            info.innerHTML='&lt;span class=&quot;invalid&quot;&gt;'+t(&quot;notDefined&quot;)+'&lt;/span&gt;';
            return;

        }

        // Secondary ray and label — color-destructive: #d73333 light / #ff6e6e dark
        var destructiveColor = hiruwiki.getThemeColor('color-destructive', '#d73333');

        if(mode===&quot;bisector&quot;){

            drawRay(res.target, destructiveColor, 2);

            const end=point(res.target,R+25);

            drawLabel(end.x,end.y,res.target.toFixed(1)+&quot;°&quot;, destructiveColor);

            info.textContent=t(&quot;bisectorResult&quot;,[res.target.toFixed(1)]);

            return;

        }

        drawRay(res.target, destructiveColor, 2);

        // Secondary sector — color-destructive at low opacity
        drawSector(angle, res.target, hexToRgba(destructiveColor, 0.20));

        const value=Math.abs(res.target-angle);

        const mid=(angle+res.target)/2;

        const label=point(mid,55);

        drawLabel(label.x,label.y,value+&quot;°&quot;, destructiveColor);

        info.textContent=t(&quot;resultAngle&quot;,[t(mode),value]);

    }

    draw();

    canvas.addEventListener(&quot;mousedown&quot;,function(e){

        const rect=canvas.getBoundingClientRect();

        const x=e.clientX-rect.left;
        const y=e.clientY-rect.top;

        const p=point(angle,R);

        if(Math.hypot(x-p.x,y-p.y)&lt;10){
            dragging=true;
        }

    });

    canvas.addEventListener(&quot;mouseup&quot;,function(){
        dragging=false;
    });

    canvas.addEventListener(&quot;mousemove&quot;,function(e){

        if(!dragging) return;

        const rect=canvas.getBoundingClientRect();

        const x=e.clientX-rect.left;
        const y=e.clientY-rect.top;

        const dx=x-cx;
        const dy=cy-y;

        let a=Math.atan2(dy,dx)*180/Math.PI;

        if(a&lt;0) a+=360;

        angle=Math.round(a);

        draw();

    });

    panel.querySelectorAll(&quot;button&quot;).forEach(function(btn){

        btn.addEventListener(&quot;click&quot;,function(){

            mode=btn.dataset.mode;

            draw();

        });

    });

    // Footer branding
    var footer = document.createElement(&quot;div&quot;);
    footer.className = &quot;hw-footer&quot;;
    var fLogo = document.createElement(&quot;a&quot;);
    fLogo.className = &quot;hw-footer-icon&quot;;
    fLogo.href = mw.util.getUrl('Wikipedia:Hiruwiki');
    fLogo.title = 'Hiruwiki';
    fLogo.innerHTML = hiruwiki.getLogoSvg(22);
    var fText = document.createElement(&quot;span&quot;);
    fText.innerHTML = t('hint');
    footer.appendChild(fLogo);
    footer.appendChild(fText);
    container.appendChild(footer);

}

/* -------------------------
   HELPERS
------------------------- */

/**
 * Convert a hex color string (#rgb or #rrggbb) returned by getThemeColor
 * into an rgba() string with the given opacity (0–1).
 * Falls back to the original string if parsing fails.
 */
function hexToRgba(hex, alpha) {
    if (!hex || hex.charAt(0) !== '#') { return hex; }
    var h = hex.slice(1);
    if (h.length === 3) {
        h = h[0]+h[0] + h[1]+h[1] + h[2]+h[2];
    }
    var r = parseInt(h.slice(0,2), 16);
    var g = parseInt(h.slice(2,4), 16);
    var b = parseInt(h.slice(4,6), 16);
    if (isNaN(r) || isNaN(g) || isNaN(b)) { return hex; }
    return 'rgba('+r+','+g+','+b+','+alpha+')';
}

/* -------------------------
   FIND APPLETS
------------------------- */

function init(){

    document.querySelectorAll('.hiruwiki[data-module=&quot;angles&quot;]').forEach(function(el){

        if(el.dataset.hiruwikiLoaded) return;

        el.dataset.hiruwikiLoaded=&quot;1&quot;;

        initAngleApplet(el);

    });

}

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

})();</text>
      <sha1>71jhuxiub514lhrmhy5cozdt3gzrgc3</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/circle-proof.js</title>
    <ns>8</ns>
    <id>179480</id>
    <revision>
      <id>781417</id>
      <parentid>770207</parentid>
      <timestamp>2026-10-28T10:38:38Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781417</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="33257" sha1="6e2l9pjy9j977xohdnao9jybmoh7vn6" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
( function () {
    'use strict';

    
/* ── I18N ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var messages = /* I18N_START */ {
    &quot;nl&quot;: {
        &quot;_name&quot;: &quot;Cirkelbewijs&quot;,
        &quot;animStopped&quot;: &quot;Animatie gestopt.&quot;,
        &quot;area&quot;: &quot;Oppervlakte&quot;,
        &quot;areaAnimStatus&quot;: &quot;De sectoren vormen een rechthoek: breedte = πr, hoogte = r.&quot;,
        &quot;areaReviewStatus&quot;: &quot;✓ Breedte = πr, hoogte = r → A = πr².&quot;,
        &quot;circAnimStatus&quot;: &quot;Elke halve cirkel (πr) rolt uit tot een lijn, wat in totaal 2πr maakt.&quot;,
        &quot;circReviewStatus&quot;: &quot;✓ Bovenste πr + Onderste πr = C = 2πr.&quot;,
        &quot;circumference&quot;: &quot;Omtrek&quot;,
        &quot;initStatus&quot;: &quot;Kies een bewijs en klik op 'Bewijs het'.&quot;,
        &quot;proveIt&quot;: &quot;Bewijs het ▶&quot;,
        &quot;radius&quot;: &quot;Straal&quot;,
        &quot;readyStatus&quot;: &quot;Klik op 'Bewijs het' om de animatie te zien.&quot;,
        &quot;review&quot;: &quot;Beoordelen ▶&quot;,
        &quot;stop&quot;: &quot;Stoppen ■&quot;,
        &quot;tabArea&quot;: &quot;Oppervlakte&quot;,
        &quot;tabCirc&quot;: &quot;Omtrek&quot;,
        &quot;title&quot;: &quot;Cirkelberekeningsmachine&quot;,
        &quot;visualProof&quot;: &quot;Visueel bewijs&quot;,
        &quot;hint&quot;: &quot;Sleep de straalschuifregelaar om de berekening te zien&quot;
    },
    &quot;fr&quot;: {
        &quot;_name&quot;: &quot;Preuve du cercle&quot;,
        &quot;animStopped&quot;: &quot;Animation arrêtée.&quot;,
        &quot;area&quot;: &quot;Aire&quot;,
        &quot;areaAnimStatus&quot;: &quot;Les secteurs se réassemblent en un rectangle : largeur = πr, hauteur = r.&quot;,
        &quot;areaReviewStatus&quot;: &quot;✓ Largeur = πr, hauteur = r → A = πr².&quot;,
        &quot;circAnimStatus&quot;: &quot;Chaque demi-cercle (πr) se déroule en une ligne, totalisant 2πr.&quot;,
        &quot;circReviewStatus&quot;: &quot;✓ Haut πr + Bas πr = C = 2πr.&quot;,
        &quot;circumference&quot;: &quot;Circonférence&quot;,
        &quot;initStatus&quot;: &quot;Choisissez une preuve et cliquez sur 'Prouver'.&quot;,
        &quot;proveIt&quot;: &quot;Prouver ▶&quot;,
        &quot;radius&quot;: &quot;Rayon&quot;,
        &quot;readyStatus&quot;: &quot;Cliquez sur 'Prouver' pour voir l'animation.&quot;,
        &quot;review&quot;: &quot;Réviser ▶&quot;,
        &quot;stop&quot;: &quot;Arrêter ■&quot;,
        &quot;tabArea&quot;: &quot;Aire&quot;,
        &quot;tabCirc&quot;: &quot;Circonférence&quot;,
        &quot;title&quot;: &quot;Calculateur de Cercle&quot;,
        &quot;visualProof&quot;: &quot;Preuve visuelle&quot;,
        &quot;hint&quot;: &quot;Tirez le curseur du rayon pour voir le calcul&quot;
    },
    &quot;tr&quot;: {
        &quot;_name&quot;: &quot;Daire Kanıtı&quot;,
        &quot;animStopped&quot;: &quot;Animasyon durduruldu.&quot;,
        &quot;area&quot;: &quot;Alan&quot;,
        &quot;areaAnimStatus&quot;: &quot;Kenarlar bir dikdörtgen oluşturacak şekilde bir araya gelir: genişlik = πr, yükseklik = r.&quot;,
        &quot;areaReviewStatus&quot;: &quot;✓ Genişlik = πr, yükseklik = r → A = πr².&quot;,
        &quot;circAnimStatus&quot;: &quot;Her yarım daire (πr) bir düz çizgiye dönüşür ve toplamda 2πr uzunluğunda olur.&quot;,
        &quot;circReviewStatus&quot;: &quot;✓ Üst πr + Alt πr = C = 2πr.&quot;,
        &quot;circumference&quot;: &quot;Çevre&quot;,
        &quot;initStatus&quot;: &quot;Bir ispat seçin ve 'İspatla' düğmesine tıklayın.&quot;,
        &quot;proveIt&quot;: &quot;İspatla ▶&quot;,
        &quot;radius&quot;: &quot;Yarıçap&quot;,
        &quot;readyStatus&quot;: &quot;Animasyonu izlemek için 'İspatla' düğmesine tıklayın.&quot;,
        &quot;review&quot;: &quot;İncele ▶&quot;,
        &quot;stop&quot;: &quot;Dur ■&quot;,
        &quot;tabArea&quot;: &quot;Alan&quot;,
        &quot;tabCirc&quot;: &quot;Çevre&quot;,
        &quot;title&quot;: &quot;Daire Hesaplayıcı&quot;,
        &quot;visualProof&quot;: &quot;Görsel ispat&quot;,
        &quot;hint&quot;: &quot;Hesaplamayı görmek için yarıçap kaydırma çubuğunu sürükleyin&quot;
    },
    &quot;eu&quot;: {
        &quot;_name&quot;: &quot;Zirkuluaren froga&quot;,
        &quot;animStopped&quot;: &quot;Animazioa geldituta.&quot;,
        &quot;area&quot;: &quot;Azalera&quot;,
        &quot;areaAnimStatus&quot;: &quot;Sektoreak errektangelu batean elkartzen dira: zabalera = πr, altuera = r.&quot;,
        &quot;areaReviewStatus&quot;: &quot;✓ Zabalera = πr, altuera = r → A = πr².&quot;,
        &quot;circAnimStatus&quot;: &quot;Zirkuluerdi bakoitza (πr) lerro batean zabaltzen da, guztira 2πr eginez.&quot;,
        &quot;circReviewStatus&quot;: &quot;✓ Goiko πr + Beheko πr = C = 2πr.&quot;,
        &quot;circumference&quot;: &quot;Zirkunferentzia&quot;,
        &quot;initStatus&quot;: &quot;Aukeratu froga bat eta sakatu 'Froga ezazu'.&quot;,
        &quot;proveIt&quot;: &quot;Froga ezazu ▶&quot;,
        &quot;radius&quot;: &quot;Erradioa&quot;,
        &quot;readyStatus&quot;: &quot;Sakatu 'Froga ezazu' animazioa ikusteko.&quot;,
        &quot;review&quot;: &quot;Berrikusi ▶&quot;,
        &quot;stop&quot;: &quot;Gelditu ■&quot;,
        &quot;tabArea&quot;: &quot;Azalera&quot;,
        &quot;tabCirc&quot;: &quot;Zirkunferentzia&quot;,
        &quot;title&quot;: &quot;Zirkuluaren kalkulagailua&quot;,
        &quot;visualProof&quot;: &quot;Froga bisuala&quot;,
        &quot;hint&quot;: &quot;Erabili erradioaren barra kalkulua ikusteko&quot;
    },
    &quot;sk&quot;: {
        &quot;_name&quot;: &quot;Dôkaz pre kruh&quot;,
        &quot;animStopped&quot;: &quot;Animácia zastavená.&quot;,
        &quot;area&quot;: &quot;Obsah&quot;,
        &quot;areaAnimStatus&quot;: &quot;Sektory sa preskladajú do obdĺžnika: šírka = πr, výška = r.&quot;,
        &quot;areaReviewStatus&quot;: &quot;✓ Šírka = πr, výška = r → A = πr².&quot;,
        &quot;circAnimStatus&quot;: &quot;Každý polkruh (πr) sa rozvinie do priamky, spolu tvoria 2πr.&quot;,
        &quot;circReviewStatus&quot;: &quot;✓ Horný πr + dolný πr = C = 2πr.&quot;,
        &quot;circumference&quot;: &quot;Obvod&quot;,
        &quot;initStatus&quot;: &quot;Vyberte dôkaz a kliknite na „Dokázať“.&quot;,
        &quot;proveIt&quot;: &quot;Dokázať ▶&quot;,
        &quot;radius&quot;: &quot;Polomer&quot;,
        &quot;readyStatus&quot;: &quot;Kliknutím na „Dokázať“ spustíte animáciu.&quot;,
        &quot;review&quot;: &quot;Zopakovať ▶&quot;,
        &quot;stop&quot;: &quot;Zastaviť ■&quot;,
        &quot;tabArea&quot;: &quot;Obsah&quot;,
        &quot;tabCirc&quot;: &quot;Obvod&quot;,
        &quot;title&quot;: &quot;Kalkulačka kruhu&quot;,
        &quot;visualProof&quot;: &quot;Vizuálny dôkaz&quot;,
        &quot;hint&quot;: &quot;Potiahnutím posuvníka polomeru zobrazíte výpočet&quot;
    },
    &quot;skr-arab&quot;: {
        &quot;_name&quot;: &quot;دائرے دا ثبوت&quot;,
        &quot;animStopped&quot;: &quot;اینیمیشن رک ڳئی۔&quot;,
        &quot;area&quot;: &quot;رقبہ&quot;,
        &quot;areaAnimStatus&quot;: &quot;ٹکڑے جڑ کے مستطیل بݨ ویندن: چوڑائی = πr، اُچائی = r۔&quot;,
        &quot;areaReviewStatus&quot;: &quot;✓ چوڑائی = πr، اُچائی = r → A = πr²۔&quot;,
        &quot;circAnimStatus&quot;: &quot;ہر ادھ دائرہ (πr) کھل کے لکیر بݨ ویندے، کل ملا کے 2πr۔&quot;,
        &quot;circReviewStatus&quot;: &quot;✓ اُتے πr + تھلے πr = C = 2πr۔&quot;,
        &quot;circumference&quot;: &quot;دائرے دا گھیر&quot;,
        &quot;initStatus&quot;: &quot;کوئی ثبوت چُݨو تے 'ثابت کرو' تے کلک کرو۔&quot;,
        &quot;proveIt&quot;: &quot;ثابت کرو ◀&quot;,
        &quot;radius&quot;: &quot;رداس&quot;,
        &quot;readyStatus&quot;: &quot;اینیمیشن ݙیکھݨ کیتے 'ثابت کرو' تے کلک کرو۔&quot;,
        &quot;review&quot;: &quot;ولا ݙیکھو ◀&quot;,
        &quot;stop&quot;: &quot;روکو ■&quot;,
        &quot;tabArea&quot;: &quot;رقبہ&quot;,
        &quot;tabCirc&quot;: &quot;دائرے دا گھیر&quot;,
        &quot;title&quot;: &quot;دائرے دا حساب کتاب&quot;,
        &quot;visualProof&quot;: &quot;بصری ثبوت&quot;,
        &quot;hint&quot;: &quot;حساب کتاب ݙیکھݨ کیتے رداس دے سلائیڈر کوں گھسیٹو&quot;
    },
    &quot;lb&quot;: {
        &quot;area&quot;: &quot;Fläch&quot;,
        &quot;circumference&quot;: &quot;Ëmfang&quot;,
        &quot;proveIt&quot;: &quot;Beweisen ▶&quot;,
        &quot;radius&quot;: &quot;Radius&quot;,
        &quot;readyStatus&quot;: &quot;Klickt op „Beweisen“, fir d'Animatioun ze gesinn.&quot;,
        &quot;tabArea&quot;: &quot;Fläch&quot;,
        &quot;visualProof&quot;: &quot;Visuelle Beweis&quot;
    },
    &quot;ko&quot;: {
        &quot;_name&quot;: &quot;원 증명&quot;,
        &quot;animStopped&quot;: &quot;애니메이션이 멈췄습니다.&quot;,
        &quot;area&quot;: &quot;면적&quot;,
        &quot;areaAnimStatus&quot;: &quot;부채꼴들이 다시 모여 직사각형을 이룹니다: 너비 = πr, 높이 = r.&quot;,
        &quot;areaReviewStatus&quot;: &quot;✓ 너비 = πr, 높이 = r → A = πr².&quot;,
        &quot;circAnimStatus&quot;: &quot;각 반원(πr)은 펼쳐져 직선을 이루며, 총 2πr이 됩니다.&quot;,
        &quot;circReviewStatus&quot;: &quot;✓ 위쪽 πr + 아래쪽 πr = C = 2πr.&quot;,
        &quot;circumference&quot;: &quot;원둘레&quot;,
        &quot;initStatus&quot;: &quot;증명을 선택하고 '증명하기'를 클릭하세요.&quot;,
        &quot;proveIt&quot;: &quot;증명하기 ▶&quot;,
        &quot;radius&quot;: &quot;반지름&quot;,
        &quot;readyStatus&quot;: &quot;'증명하기'를 클릭하여 애니메이션을 보세요.&quot;,
        &quot;review&quot;: &quot;다시 보기 ▶&quot;,
        &quot;stop&quot;: &quot;정지 ■&quot;,
        &quot;tabArea&quot;: &quot;면적&quot;,
        &quot;tabCirc&quot;: &quot;원둘레&quot;,
        &quot;title&quot;: &quot;원 계산기&quot;,
        &quot;visualProof&quot;: &quot;시각적 증명&quot;,
        &quot;hint&quot;: &quot;반지름 슬라이더를 드래그하여 계산 결과를 확인하세요.&quot;
    },
    &quot;en&quot;: {
        &quot;_name&quot;: &quot;Circle Proof&quot;,
        &quot;animStopped&quot;: &quot;Animation stopped.&quot;,
        &quot;area&quot;: &quot;Area&quot;,
        &quot;areaAnimStatus&quot;: &quot;Sectors reassemble into a rectangle: width = πr, height = r.&quot;,
        &quot;areaReviewStatus&quot;: &quot;✓ Width = πr, height = r → A = πr².&quot;,
        &quot;circAnimStatus&quot;: &quot;Each semi-circle (πr) unrolls into a line, making 2πr in total.&quot;,
        &quot;circReviewStatus&quot;: &quot;✓ Top πr + Bottom πr = C = 2πr.&quot;,
        &quot;circumference&quot;: &quot;Circumference&quot;,
        &quot;initStatus&quot;: &quot;Choose a proof and click 'Prove it'.&quot;,
        &quot;proveIt&quot;: &quot;Prove it ▶&quot;,
        &quot;radius&quot;: &quot;Radius&quot;,
        &quot;readyStatus&quot;: &quot;Click 'Prove it' to watch the animation.&quot;,
        &quot;review&quot;: &quot;Review ▶&quot;,
        &quot;stop&quot;: &quot;Stop ■&quot;,
        &quot;tabArea&quot;: &quot;Area&quot;,
        &quot;tabCirc&quot;: &quot;Circumference&quot;,
        &quot;title&quot;: &quot;Circle Calculator&quot;,
        &quot;visualProof&quot;: &quot;Visual proof&quot;,
        &quot;hint&quot;: &quot;Drag the radius slider to see the calculation&quot;
    },
    &quot;it&quot;: {
        &quot;animStopped&quot;: &quot;Animazione interrotta.&quot;,
        &quot;area&quot;: &quot;Area&quot;,
        &quot;areaAnimStatus&quot;: &quot;I settori si riassemblano in un rettangolo: larghezza = πr, altezza = r.&quot;,
        &quot;areaReviewStatus&quot;: &quot;✓ Larghezza = πr, altezza = r → A = πr².&quot;,
        &quot;circAnimStatus&quot;: &quot;Ogni semicerchio (πr) si srotola in una linea, per un totale di 2πr.&quot;,
        &quot;circumference&quot;: &quot;Circonferenza&quot;,
        &quot;initStatus&quot;: &quot;Scegli una prova e fai clic su \&quot;Dimostrala\&quot;.&quot;,
        &quot;proveIt&quot;: &quot;Dimostralo ▶&quot;,
        &quot;radius&quot;: &quot;Raggio&quot;,
        &quot;readyStatus&quot;: &quot;Clicca su 'Dimostralo' per guardare l'animazione.&quot;,
        &quot;review&quot;: &quot;Rivedi ▶&quot;,
        &quot;stop&quot;: &quot;Stop ■&quot;,
        &quot;tabArea&quot;: &quot;Area&quot;,
        &quot;tabCirc&quot;: &quot;Circonferenza&quot;,
        &quot;visualProof&quot;: &quot;Prova visiva&quot;
    },
    &quot;ca&quot;: {
        &quot;animStopped&quot;: &quot;S'ha aturat l'animació.&quot;,
        &quot;area&quot;: &quot;Àrea&quot;,
        &quot;areaReviewStatus&quot;: &quot;✓ Amplada = πr, alçada = r → A = πr².&quot;,
        &quot;circumference&quot;: &quot;Circumferència&quot;,
        &quot;initStatus&quot;: &quot;Trieu una prova i feu clic a \&quot;Demostra-ho\&quot;.&quot;,
        &quot;proveIt&quot;: &quot;Demostra-ho ▶&quot;,
        &quot;radius&quot;: &quot;Radi&quot;,
        &quot;stop&quot;: &quot;Atura ■&quot;,
        &quot;tabArea&quot;: &quot;Àrea&quot;,
        &quot;tabCirc&quot;: &quot;Circumferència&quot;,
        &quot;title&quot;: &quot;Calculadora de cercles&quot;,
        &quot;visualProof&quot;: &quot;Prova visual&quot;
    },
    &quot;qqq&quot;: {
        &quot;_name&quot;: &quot;Name of the Circle Proof module&quot;,
        &quot;animStopped&quot;: &quot;Status message shown when the user stops the animation&quot;,
        &quot;area&quot;: &quot;Label for the area metric&quot;,
        &quot;areaAnimStatus&quot;: &quot;Status message shown during the area proof animation, explaining that sectors reassemble into a rectangle&quot;,
        &quot;areaReviewStatus&quot;: &quot;Status message shown after the area proof animation completes&quot;,
        &quot;circAnimStatus&quot;: &quot;Status message shown during the circumference proof animation, explaining that semi-circles unroll into lines&quot;,
        &quot;circReviewStatus&quot;: &quot;Status message shown after the circumference proof animation completes&quot;,
        &quot;circumference&quot;: &quot;Label for the circumference metric&quot;,
        &quot;initStatus&quot;: &quot;Initial status message prompting the user to choose a proof&quot;,
        &quot;proveIt&quot;: &quot;Button label to start the proof animation. Includes ▶ play symbol.&quot;,
        &quot;radius&quot;: &quot;Label for the radius slider&quot;,
        &quot;readyStatus&quot;: &quot;Status message shown after selecting a proof tab, before starting the animation&quot;,
        &quot;review&quot;: &quot;Button label shown after animation completes, to replay. Includes ▶ play symbol.&quot;,
        &quot;stop&quot;: &quot;Button label to stop a running animation. Includes ■ stop symbol.&quot;,
        &quot;tabArea&quot;: &quot;Tab label for the area proof&quot;,
        &quot;tabCirc&quot;: &quot;Tab label for the circumference proof&quot;,
        &quot;title&quot;: &quot;Title of the circle calculator sidebar&quot;,
        &quot;visualProof&quot;: &quot;Section heading for the visual proof controls&quot;,
        &quot;hint&quot;: &quot;Instruction text explaining that the radius slider is interactive&quot;
    },
    &quot;ga&quot;: {
        &quot;_name&quot;: &quot;Cruthúnas Ciorcail&quot;,
        &quot;animStopped&quot;: &quot;Stopadh an beochan.&quot;,
        &quot;area&quot;: &quot;Limistéar&quot;,
        &quot;areaAnimStatus&quot;: &quot;Athcheanglaíonn earnálacha i ndronuilleog: leithead = πr, airde = r.&quot;,
        &quot;areaReviewStatus&quot;: &quot;✓ Leithead = πr, airde = r → A = πr².&quot;,
        &quot;circAnimStatus&quot;: &quot;Rollaíonn gach leathchiorcal (πr) isteach i líne, rud a fhágann 2πr san iomlán.&quot;,
        &quot;circReviewStatus&quot;: &quot;✓ Barr πr + Bun πr = C = 2πr.&quot;,
        &quot;circumference&quot;: &quot;Imlíne&quot;,
        &quot;initStatus&quot;: &quot;Roghnaigh cruthúnas agus cliceáil 'Cruthaigh é'.&quot;,
        &quot;proveIt&quot;: &quot;Cruthaigh é ▶&quot;,
        &quot;radius&quot;: &quot;Ga&quot;,
        &quot;readyStatus&quot;: &quot;Cliceáil 'Cruthaigh é' chun an beochan a fheiceáil.&quot;,
        &quot;review&quot;: &quot;Athbhreithniú ▶&quot;,
        &quot;stop&quot;: &quot;Stop ■&quot;,
        &quot;tabArea&quot;: &quot;Limistéar&quot;,
        &quot;tabCirc&quot;: &quot;Imlíne&quot;,
        &quot;title&quot;: &quot;Áireamhán Ciorcail&quot;,
        &quot;visualProof&quot;: &quot;Cruthúnas amhairc&quot;,
        &quot;hint&quot;: &quot;Tarraing an sleamhnán gha chun an ríomh a fheiceáil&quot;
    },
    &quot;es&quot;: {
        &quot;_name&quot;: &quot;Prueba del círculo&quot;,
        &quot;animStopped&quot;: &quot;Animación detenida.&quot;,
        &quot;area&quot;: &quot;Área&quot;,
        &quot;areaAnimStatus&quot;: &quot;Los sectores se vuelven a ensamblar en un rectángulo: ancho = πr, alto = r.&quot;,
        &quot;areaReviewStatus&quot;: &quot;✓ Ancho = πr, alto = r → A = πr².&quot;,
        &quot;circAnimStatus&quot;: &quot;Cada semicírculo (πr) se desenrolla en una línea, haciendo 2πr en total.&quot;,
        &quot;circReviewStatus&quot;: &quot;✓ Superior πr + Inferior πr = C = 2πr.&quot;,
        &quot;circumference&quot;: &quot;Circunferencia&quot;,
        &quot;initStatus&quot;: &quot;Elige una prueba y haz clic en 'Pruébalo'.&quot;,
        &quot;proveIt&quot;: &quot;Pruébalo ▶&quot;,
        &quot;radius&quot;: &quot;Radio&quot;,
        &quot;readyStatus&quot;: &quot;Haz clic en 'Pruébalo' para ver la animación.&quot;,
        &quot;review&quot;: &quot;Revisar ▶&quot;,
        &quot;stop&quot;: &quot;Detener ■&quot;,
        &quot;tabArea&quot;: &quot;Área&quot;,
        &quot;tabCirc&quot;: &quot;Circunferencia&quot;,
        &quot;title&quot;: &quot;Calculadora de Círculos&quot;,
        &quot;visualProof&quot;: &quot;Prueba visual&quot;,
        &quot;hint&quot;: &quot;Arrastra el control del radio para ver el cálculo.&quot;
    },
    &quot;mk&quot;: {
        &quot;_name&quot;: &quot;Доказ за кружница&quot;,
        &quot;animStopped&quot;: &quot;Анимацијата запре.&quot;,
        &quot;area&quot;: &quot;Плоштина&quot;,
        &quot;areaAnimStatus&quot;: &quot;Исечоците се составуваат во правоаголник: ширина = πr, висина = r.&quot;,
        &quot;areaReviewStatus&quot;: &quot;✓ Ширина = πr, висина = r → A = πr².&quot;,
        &quot;circAnimStatus&quot;: &quot;Секоја полукружница се (πr) се одвиткува во права, што прави вкупно 2πr.&quot;,
        &quot;circReviewStatus&quot;: &quot;✓ Горе πr + Долу πr = C = 2πr.&quot;,
        &quot;circumference&quot;: &quot;Обиколка&quot;,
        &quot;initStatus&quot;: &quot;Изберете доказ и стиснете на „Докажи“.&quot;,
        &quot;proveIt&quot;: &quot;Докажи ▶&quot;,
        &quot;radius&quot;: &quot;Полупречник&quot;,
        &quot;readyStatus&quot;: &quot;Стиснете на „Докажи“ за да ја погледате анимацијата.&quot;,
        &quot;review&quot;: &quot;Прегледај ▶&quot;,
        &quot;stop&quot;: &quot;Запри ■&quot;,
        &quot;tabArea&quot;: &quot;Плоштина&quot;,
        &quot;tabCirc&quot;: &quot;Обиколка&quot;,
        &quot;title&quot;: &quot;Пресметувач на кругови&quot;,
        &quot;visualProof&quot;: &quot;Нагледен доказ&quot;,
        &quot;hint&quot;: &quot;Повлечете го лизгачот за полупречник за да ја видите пресметката&quot;
    }
} /* I18N_END */
var lang = (window.mw &amp;&amp; mw.config.get('wgUserLanguage')) || 'en';
var banana = new Banana(lang.split('-')[0]);
banana.load(messages);

function t(key, vars) {
    var args = Array.isArray(vars) ? vars : [];
    var str = banana.i18n(key, ...args);
    if (vars &amp;&amp; typeof vars === 'object' &amp;&amp; !Array.isArray(vars)) {
        Object.keys(vars).forEach(function(k) {
            str = str.replace(new RegExp('\\{' + k + '\\}', 'g'), vars[k]);
        });
    }
    return str;
}

var PX_PER_CM = 30;

    function init( container ) {
        // ── Build HTML structure ──────────────────────────────────────
        container.innerHTML =
            '&lt;div class=&quot;hiruwiki-circle-proof&quot;&gt;' +
                '&lt;div class=&quot;hiruwiki-cp-canvas-panel&quot; id=&quot;hcp-canvas-wrap&quot;&gt;' +
                    '&lt;canvas id=&quot;hcp-canvas&quot;&gt;&lt;/canvas&gt;' +
                '&lt;/div&gt;' +
                '&lt;div class=&quot;hiruwiki-cp-sidebar&quot;&gt;' +
                    '&lt;div class=&quot;hiruwiki-cp-section-title&quot;&gt;' + t('title') + '&lt;/div&gt;' +
                    '&lt;div&gt;' +
                        '&lt;div class=&quot;hiruwiki-cp-slider-label&quot;&gt;' +
                            '&lt;span&gt;' + t('radius') + '&lt;/span&gt;' +
                            '&lt;span class=&quot;hiruwiki-cp-slider-val&quot;&gt;&lt;span id=&quot;hcp-rdisp&quot;&gt;2.0&lt;/span&gt; cm&lt;/span&gt;' +
                        '&lt;/div&gt;' +
                        '&lt;input class=&quot;hiruwiki-cp-slider&quot; type=&quot;range&quot; id=&quot;hcp-slider&quot; min=&quot;10&quot; max=&quot;105&quot; value=&quot;60&quot; step=&quot;1&quot;&gt;' +
                    '&lt;/div&gt;' +
                    '&lt;hr class=&quot;hiruwiki-cp-divider&quot;&gt;' +
                    '&lt;div class=&quot;hiruwiki-cp-metric&quot;&gt;' +
                        '&lt;div class=&quot;hiruwiki-cp-metric-label&quot;&gt;' + t('circumference') + '&lt;/div&gt;' +
                        '&lt;div class=&quot;hiruwiki-cp-metric-formula&quot;&gt;C = 2πr&lt;/div&gt;' +
                        '&lt;div class=&quot;hiruwiki-cp-metric-value&quot; id=&quot;hcp-cval&quot;&gt;—&lt;/div&gt;' +
                    '&lt;/div&gt;' +
                    '&lt;div class=&quot;hiruwiki-cp-metric&quot;&gt;' +
                        '&lt;div class=&quot;hiruwiki-cp-metric-label&quot;&gt;' + t('area') + '&lt;/div&gt;' +
                        '&lt;div class=&quot;hiruwiki-cp-metric-formula&quot;&gt;A = πr²&lt;/div&gt;' +
                        '&lt;div class=&quot;hiruwiki-cp-metric-value&quot; id=&quot;hcp-aval&quot;&gt;—&lt;/div&gt;' +
                    '&lt;/div&gt;' +
                    '&lt;hr class=&quot;hiruwiki-cp-divider&quot;&gt;' +
                    '&lt;div class=&quot;hiruwiki-cp-section-title&quot;&gt;' + t('visualProof') + '&lt;/div&gt;' +
                    '&lt;div class=&quot;hiruwiki-cp-tab-row&quot;&gt;' +
                        '&lt;button class=&quot;hiruwiki-cp-tab active&quot; id=&quot;hcp-tabC&quot;&gt;' + t('tabCirc') + '&lt;/button&gt;' +
                        '&lt;button class=&quot;hiruwiki-cp-tab&quot; id=&quot;hcp-tabA&quot;&gt;' + t('tabArea') + '&lt;/button&gt;' +
                    '&lt;/div&gt;' +
                    '&lt;button class=&quot;hiruwiki-cp-prove-btn&quot; id=&quot;hcp-provebtn&quot;&gt;' + t('proveIt') + '&lt;/button&gt;' +
                    '&lt;div class=&quot;hiruwiki-cp-status&quot; id=&quot;hcp-status&quot;&gt;' + t('initStatus') + '&lt;/div&gt;' +
                '&lt;/div&gt;' +
            '&lt;/div&gt;';

        // ── References ───────────────────────────────────────────────
        var canvas   = document.getElementById( 'hcp-canvas' );
        var ctx      = canvas.getContext( '2d' );
        var wrap     = document.getElementById( 'hcp-canvas-wrap' );
        var slider   = document.getElementById( 'hcp-slider' );
        var rDisp    = document.getElementById( 'hcp-rdisp' );
        var cVal     = document.getElementById( 'hcp-cval' );
        var aVal     = document.getElementById( 'hcp-aval' );
        var tabC     = document.getElementById( 'hcp-tabC' );
        var tabA     = document.getElementById( 'hcp-tabA' );
        var proveBtn = document.getElementById( 'hcp-provebtn' );
        var status   = document.getElementById( 'hcp-status' );

        // ── State ────────────────────────────────────────────────────
        var rPx = 60, rCm = 2.0;
        var proofMode = 'C';
        var animating = false, animT = 0, rafId = null;

        // ── Helpers ──────────────────────────────────────────────────
        function ease( t ) {
            return t &lt; 0.5 ? 2 * t * t : -1 + ( 4 - 2 * t ) * t;
        }

        // ── Proof selection ──────────────────────────────────────────
        function selectProof( m ) {
            proofMode = m;
            tabC.classList.toggle( 'active', m === 'C' );
            tabA.classList.toggle( 'active', m === 'A' );
            stopAnim();
            proveBtn.textContent = '' + t('proveIt') + '';
            proveBtn.classList.remove( 'running' );
            status.textContent = t('readyStatus');
            redraw();
        }

        tabC.addEventListener( 'click', function () { selectProof( 'C' ); } );
        tabA.addEventListener( 'click', function () { selectProof( 'A' ); } );

        // ── Animation ────────────────────────────────────────────────
        function stopAnim() {
            if ( rafId ) { cancelAnimationFrame( rafId ); }
            animating = false;
            animT = 0;
        }

        function tick() {
            animT += 0.007;
            if ( animT &gt;= 1 ) {
                animT = 1;
                animating = false;
                proveBtn.classList.remove( 'running' );
                proveBtn.textContent = '' + t('review') + '';
                status.textContent = proofMode === 'C'
                    ? t('circReviewStatus')
                    : t('areaReviewStatus');
            }
            redraw();
            if ( animating ) { rafId = requestAnimationFrame( tick ); }
        }

        proveBtn.addEventListener( 'click', function () {
            if ( animating ) {
                stopAnim();
                proveBtn.textContent = '' + t('proveIt') + '';
                proveBtn.classList.remove( 'running' );
                status.textContent = t('animStopped');
                redraw();
            } else {
                animT = 0;
                animating = true;
                proveBtn.classList.add( 'running' );
                proveBtn.textContent = t('stop');
                status.textContent = proofMode === 'C'
                    ? t('circAnimStatus')
                    : t('areaAnimStatus');
                tick();
            }
        } );

        // ── Metrics ──────────────────────────────────────────────────
        function updateMetrics() {
            rPx = parseInt( slider.value );
            rCm = rPx / PX_PER_CM;
            rDisp.textContent = rCm.toFixed( 1 );
            cVal.textContent  = ( 2 * Math.PI * rCm ).toFixed( 2 ) + ' cm';
            aVal.textContent  = ( Math.PI * rCm * rCm ).toFixed( 2 ) + ' cm²';
            stopAnim();
            proveBtn.textContent = '' + t('proveIt') + '';
            proveBtn.classList.remove( 'running' );
            status.textContent = t('readyStatus');
            redraw();
        }

        slider.addEventListener( 'input', updateMetrics );

        // ── Canvas resize ────────────────────────────────────────────
        function resizeCanvas() {
            canvas.width  = wrap.clientWidth  || 420;
            canvas.height = wrap.clientHeight || 560;
        }

        window.addEventListener( 'resize', function () {
            resizeCanvas();
            redraw();
        } );

        // ── Drawing ──────────────────────────────────────────────────
        var BLUE  = '#378ADD';
        var AMBER = '#EF9F27';
        var GREEN = hiruwiki.getThemeColor('color-success', '#1d9e75');

        function redraw() {
            ctx.clearRect( 0, 0, canvas.width, canvas.height );
            var t  = ease( animT );
            var cx = canvas.width / 2;
            var cy = canvas.height * ( t &gt; 0 ? 0.37 : 0.5 );
            drawCircle( ctx, cx, cy, t );
            if ( animT &gt; 0 ) {
                if ( proofMode === 'C' ) { drawCircProof( ctx, cx, cy, t ); }
                else                    { drawAreaProof( ctx, cx, cy, t ); }
            }
        }

        function drawCircle( ctx, cx, cy, t ) {
            ctx.save();
            ctx.globalAlpha = 1 - t * 0.45;
            ctx.beginPath();
            ctx.arc( cx, cy, rPx, 0, Math.PI * 2 );
            ctx.fillStyle = 'rgba(29,158,117,0.10)';
            ctx.fill();
            ctx.strokeStyle = GREEN;
            ctx.lineWidth = 2.5;
            ctx.stroke();
            // radius dashed line
            ctx.beginPath();
            ctx.moveTo( cx, cy );
            ctx.lineTo( cx + rPx, cy );
            ctx.strokeStyle = hiruwiki.getThemeColor('color-placeholder', '#72777d');
            ctx.lineWidth = 1;
            ctx.setLineDash( [ 4, 3 ] );
            ctx.stroke();
            ctx.setLineDash( [] );
            // centre dot
            ctx.beginPath();
            ctx.arc( cx, cy, 3, 0, Math.PI * 2 );
            ctx.fillStyle = hiruwiki.getThemeColor('color-placeholder', '#72777d');
            ctx.fill();
            // r label
            ctx.font = '14px sans-serif';
            ctx.fillStyle = hiruwiki.getThemeColor('color-placeholder', '#72777d');
            ctx.textAlign = 'center';
            ctx.textBaseline = 'bottom';
            ctx.fillText( 'r = ' + rCm.toFixed( 1 ) + ' cm', cx + rPx / 2, cy - 6 );
            ctx.globalAlpha = 1;
            ctx.restore();
        }

        function drawCircProof( ctx, cx, cy, t ) {
            ctx.save();
            var lineLen = Math.PI * rPx;
            var line1Y  = cy + rPx + 52;
            var line2Y  = line1Y + 50;
            var t1 = Math.min( t * 2, 1 );
            var t2 = Math.max( ( t - 0.5 ) * 2, 0 );

            // remaining top arc (blue)
            if ( t1 &lt; 1 ) {
                ctx.beginPath();
                ctx.arc( cx, cy, rPx, -Math.PI + Math.PI * t1, 0 );
                ctx.strokeStyle = BLUE;
                ctx.lineWidth = 3;
                ctx.stroke();
            }
            // remaining bottom arc (amber)
            if ( t2 &lt; 1 ) {
                ctx.beginPath();
                ctx.arc( cx, cy, rPx, Math.PI * t2, Math.PI );
                ctx.strokeStyle = AMBER;
                ctx.lineWidth = 3;
                ctx.stroke();
            }

            // line 1 — blue
            if ( t1 &gt; 0 ) {
                var d1 = lineLen * t1;
                var x0 = cx - d1 / 2, x1 = cx + d1 / 2;
                ctx.beginPath(); ctx.moveTo( x0, line1Y ); ctx.lineTo( x1, line1Y );
                ctx.strokeStyle = BLUE; ctx.lineWidth = 3.5; ctx.stroke();
                ctx.strokeStyle = hiruwiki.getThemeColor('color-base', '#202122'); ctx.lineWidth = 1.5;
                ctx.beginPath(); ctx.moveTo( x0, line1Y - 8 ); ctx.lineTo( x0, line1Y + 8 ); ctx.stroke();
                ctx.beginPath(); ctx.moveTo( x1, line1Y - 8 ); ctx.lineTo( x1, line1Y + 8 ); ctx.stroke();
                if ( t1 &gt; 0.94 ) {
                    ctx.font = 'bold 14px sans-serif';
                    ctx.fillStyle = BLUE;
                    ctx.textAlign = 'center'; ctx.textBaseline = 'top';
                    ctx.fillText( 'πr = ' + ( Math.PI * rCm ).toFixed( 2 ) + ' cm', cx, line1Y + 11 );
                }
            }

            // line 2 — amber
            if ( t2 &gt; 0 ) {
                var d2 = lineLen * t2;
                var xa = cx - d2 / 2, xb = cx + d2 / 2;
                ctx.beginPath(); ctx.moveTo( xa, line2Y ); ctx.lineTo( xb, line2Y );
                ctx.strokeStyle = AMBER; ctx.lineWidth = 3.5; ctx.stroke();
                ctx.strokeStyle = hiruwiki.getThemeColor('color-base', '#202122'); ctx.lineWidth = 1.5;
                ctx.beginPath(); ctx.moveTo( xa, line2Y - 8 ); ctx.lineTo( xa, line2Y + 8 ); ctx.stroke();
                ctx.beginPath(); ctx.moveTo( xb, line2Y - 8 ); ctx.lineTo( xb, line2Y + 8 ); ctx.stroke();
                if ( t2 &gt; 0.94 ) {
                    ctx.font = 'bold 14px sans-serif';
                    ctx.fillStyle = AMBER;
                    ctx.textAlign = 'center'; ctx.textBaseline = 'top';
                    ctx.fillText( 'πr = ' + ( Math.PI * rCm ).toFixed( 2 ) + ' cm', cx, line2Y + 11 );
                }
            }

            // final summary
            if ( t &gt;= 0.99 ) {
                ctx.font = 'bold 15px sans-serif';
                ctx.fillStyle = hiruwiki.getThemeColor('color-base', '#202122');
                ctx.textAlign = 'center'; ctx.textBaseline = 'bottom';
                ctx.fillText( 'C = 2πr = ' + ( 2 * Math.PI * rCm ).toFixed( 2 ) + ' cm', cx, line1Y - 14 );
            }
            ctx.restore();
        }

        function drawAreaProof( ctx, cx, cy, t ) {
            ctx.save();
            var N     = 16;
            var dA    = ( 2 * Math.PI ) / N;
            var rectW = Math.PI * rPx;
            var rectH = rPx;
            var rectCY = cy + rPx + 32 + rectH / 2;
            var rectX  = cx - rectW / 2;

            for ( var i = 0; i &lt; N; i++ ) {
                var isUp     = ( i % 2 === 0 );
                var colIdx   = Math.floor( i / 2 );
                var sliceW   = rectW / ( N / 2 );
                var midAngle = i * dA - Math.PI / 2;
                var tgtX     = isUp
                    ? rectX + colIdx * sliceW + sliceW / 2
                    : rectX + colIdx * sliceW + sliceW;
                var tgtY   = isUp ? rectCY + rectH / 2 : rectCY - rectH / 2;
                var tgtRot = isUp ? -Math.PI / 2 : Math.PI / 2;
                var lx     = cx + ( tgtX - cx ) * t;
                var ly     = cy + ( tgtY - cy ) * t;
                var lrot   = midAngle + ( tgtRot - midAngle ) * t;

                ctx.save();
                ctx.translate( lx, ly );
                ctx.rotate( lrot );
                ctx.beginPath();
                ctx.moveTo( 0, 0 );
                ctx.arc( 0, 0, rPx, -dA / 2, dA / 2 );
                ctx.closePath();
                ctx.fillStyle = ( i % 2 === 0 )
                    ? 'rgba(29,158,117,0.48)'
                    : 'rgba(55,138,221,0.43)';
                ctx.fill();
                ctx.strokeStyle = 'rgba(0,0,0,0.10)';
                ctx.lineWidth = 0.5;
                ctx.stroke();
                ctx.restore();
            }

            if ( t &gt; 0.88 ) {
                var alpha = Math.min( ( t - 0.88 ) / 0.12, 1 );
                ctx.globalAlpha = alpha;
                ctx.strokeStyle = hiruwiki.getThemeColor('color-base', '#202122'); ctx.lineWidth = 1.5;
                ctx.setLineDash( [ 5, 3 ] );
                ctx.strokeRect( rectX, rectCY - rectH / 2, rectW, rectH );
                ctx.setLineDash( [] );

                ctx.font = 'bold 14px sans-serif';
                ctx.fillStyle = BLUE;
                ctx.textAlign = 'center'; ctx.textBaseline = 'top';
                ctx.fillText( 'πr = ' + ( Math.PI * rCm ).toFixed( 2 ) + ' cm', cx, rectCY + rectH / 2 + 9 );

                ctx.fillStyle = AMBER;
                ctx.textAlign = 'left'; ctx.textBaseline = 'middle';
                ctx.fillText( 'r = ' + rCm.toFixed( 1 ) + ' cm', rectX + rectW + 10, rectCY );

                if ( t &gt; 0.97 ) {
                    ctx.font = 'bold 15px sans-serif';
                    ctx.fillStyle = hiruwiki.getThemeColor('color-base', '#202122');
                    ctx.textAlign = 'center'; ctx.textBaseline = 'bottom';
                    ctx.fillText(
                        'A = πr × r = πr² = ' + ( Math.PI * rCm * rCm ).toFixed( 2 ) + ' cm²',
                        cx, rectCY - rectH / 2 - 12
                    );
                }
                ctx.globalAlpha = 1;
            }
            ctx.restore();
        }

        // ── Bootstrap ────────────────────────────────────────────────
        resizeCanvas();
        updateMetrics();

        // Footer branding
        var footer = document.createElement(&quot;div&quot;);
        footer.className = &quot;hw-footer&quot;;
        var fLogo = document.createElement(&quot;a&quot;);
        fLogo.className = &quot;hw-footer-icon&quot;;
        fLogo.href = mw.util.getUrl('Wikipedia:Hiruwiki');
        fLogo.title = 'Hiruwiki';
        fLogo.innerHTML = hiruwiki.getLogoSvg(22);
        var fText = document.createElement(&quot;span&quot;);
        fText.innerHTML = t('hint');
        footer.appendChild(fLogo);
        footer.appendChild(fText);
        container.appendChild(footer);
    }

    // ── Scan for containers and initialise ───────────────────────────
    function scanAndInit() {
        document.querySelectorAll( '.hiruwiki[data-module=&quot;circle-proof&quot;]' ).forEach( function ( el ) {
            if ( !el.dataset.cpInit ) {
                el.dataset.cpInit = '1';
                init( el );
            }
        } );
    }

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

}() );</text>
      <sha1>6e2l9pjy9j977xohdnao9jybmoh7vn6</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/circumcentre.js</title>
    <ns>8</ns>
    <id>179482</id>
    <revision>
      <id>781418</id>
      <parentid>770209</parentid>
      <timestamp>2026-10-28T10:38:41Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781418</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="15424" sha1="cb66t9s8k80lonhdo2bzxpoi2nwdqhp" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* =========================================================
 * Hiruwiki module: circumcentre
 * Visualisation of the circumcentre of a triangle
 * =========================================================
 * i18n: add a new key to the `messages` object below and
 *       a matching entry for every language code you need.
 *       Fall back to 'en' when the wiki language is absent.
 * ========================================================= */

( function () {

/* ── I18N ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var messages = /* I18N_START */ {
    &quot;nl&quot;: {
        &quot;_name&quot;: &quot;Middelpunt omgeschreven cirkel&quot;,
        &quot;hint&quot;: &quot;Sleep een hoekpunt om het middelpunt van de omgeschreven cirkel te verkennen&quot;
    },
    &quot;fr&quot;: {
        &quot;_name&quot;: &quot;Circoncentre&quot;,
        &quot;hint&quot;: &quot;Tirez n'importe quel sommet pour explorer le circoncentre&quot;
    },
    &quot;tr&quot;: {
        &quot;_name&quot;: &quot;Çevre merkezi&quot;,
        &quot;hint&quot;: &quot;Herhangi bir köşeyi sürükleyin · Ölçek: 1 cm = 40 px&quot;
    },
    &quot;eu&quot;: {
        &quot;_name&quot;: &quot;Zirkunzentroa&quot;,
        &quot;hint&quot;: &quot;Erpinak mugitu ditzakezu zirkunzentroa ikusteko&quot;
    },
    &quot;sk&quot;: {
        &quot;_name&quot;: &quot;Stred opísanej kružnice&quot;,
        &quot;hint&quot;: &quot;Potiahnutím ľubovoľného vrcholu preskúmate stred opísanej kružnice&quot;
    },
    &quot;skr-arab&quot;: {
        &quot;_name&quot;: &quot;گرد مرکز&quot;,
        &quot;hint&quot;: &quot;گرد مرکز کوں کھوجݨ کیتے کہیں وی سرے کوں گھسیٹو&quot;
    },
    &quot;ko&quot;: {
        &quot;_name&quot;: &quot;외심&quot;,
        &quot;hint&quot;: &quot;꼭짓점을 드래그해서 외심을 탐구하세요&quot;
    },
    &quot;en&quot;: {
        &quot;_name&quot;: &quot;Circumcentre&quot;,
        &quot;hint&quot;: &quot;Drag any vertex to explore the circumcentre&quot;
    },
    &quot;it&quot;: {
        &quot;_name&quot;: &quot;Circumcentro&quot;,
        &quot;hint&quot;: &quot;Trascina un vertice qualsiasi per esplorare il circocentro&quot;
    },
    &quot;qqq&quot;: {
        &quot;_name&quot;: &quot;Name of the circumcentre module&quot;,
        &quot;hint&quot;: &quot;Instruction text shown in the footer.&quot;
    },
    &quot;ga&quot;: {
        &quot;_name&quot;: &quot;Lár-imlíne&quot;,
        &quot;hint&quot;: &quot;Tarraing aon bhuaicphointe chun an t-imlár a iniúchadh&quot;
    },
    &quot;es&quot;: {
        &quot;_name&quot;: &quot;Circuncentro&quot;,
        &quot;hint&quot;: &quot;Arrastra un vértice para explorar el circuncentro&quot;
    },
    &quot;mk&quot;: {
        &quot;_name&quot;: &quot;Центар на опишана кружница&quot;,
        &quot;hint&quot;: &quot;Повлечете некое теме за да го истражите центарот на опишаната кружница&quot;
    }
} /* I18N_END */
var lang = (window.mw &amp;&amp; mw.config.get('wgUserLanguage')) || 'en';
var banana = new Banana(lang.split('-')[0]);
banana.load(messages);

function t(key, vars) {
    var args = Array.isArray(vars) ? vars : [];
    var str = banana.i18n(key, ...args);
    if (vars &amp;&amp; typeof vars === 'object' &amp;&amp; !Array.isArray(vars)) {
        Object.keys(vars).forEach(function(k) {
            str = str.replace(new RegExp('\\{' + k + '\\}', 'g'), vars[k]);
        });
    }
    return str;
}

/* ── Constants ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var SCALE   = 40;   /* pixels per centimetre  */
var RULER_H = 0;    /* ruler removed */
var DPR     = window.devicePixelRatio || 1;

/* ── Geometry helpers ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
function dist( a, b ) {
	return Math.hypot( b.x - a.x, b.y - a.y );
}

function midpoint( A, B ) {
	return { x: ( A.x + B.x ) / 2, y: ( A.y + B.y ) / 2 };
}

function circumcentre( A, B, C ) {
	var ax = A.x, ay = A.y, bx = B.x, by = B.y, cx = C.x, cy = C.y;
	var D = 2 * ( ax * ( by - cy ) + bx * ( cy - ay ) + cx * ( ay - by ) );
	if ( Math.abs( D ) &lt; 1e-9 ) {
		return { x: ( ax + bx + cx ) / 3, y: ( ay + by + cy ) / 3 };
	}
	var a2 = ax * ax + ay * ay;
	var b2 = bx * bx + by * by;
	var c2 = cx * cx + cy * cy;
	return {
		x: ( a2 * ( by - cy ) + b2 * ( cy - ay ) + c2 * ( ay - by ) ) / D,
		y: ( a2 * ( cx - bx ) + b2 * ( ax - cx ) + c2 * ( bx - ax ) ) / D
	};
}

function angleDeg( V, A, B ) {
	var ax  = A.x - V.x, ay = A.y - V.y;
	var bx  = B.x - V.x, by = B.y - V.y;
	var cos = ( ax * bx + ay * by ) /
	          ( Math.hypot( ax, ay ) * Math.hypot( bx, by ) );
	return Math.acos( Math.max( -1, Math.min( 1, cos ) ) ) * 180 / Math.PI;
}

function labelOffset( V, others, mag ) {
	var dx = 0, dy = 0;
	others.forEach( function ( O ) { dx += V.x - O.x; dy += V.y - O.y; } );
	var l = Math.hypot( dx, dy ) || 1;
	return { x: V.x + dx / l * mag, y: V.y + dy / l * mag };
}

function extendBisector( M, perp, W, H ) {
	var dx = perp.x, dy = perp.y;
	var ts = [];
	if ( Math.abs( dx ) &gt; 1e-9 ) { ts.push( -M.x / dx ); ts.push( ( W - M.x ) / dx ); }
	if ( Math.abs( dy ) &gt; 1e-9 ) { ts.push( -M.y / dy ); ts.push( ( H - M.y ) / dy ); }
	ts = ts.filter( function ( t ) {
		var px = M.x + t * dx, py = M.y + t * dy;
		return px &gt;= -5 &amp;&amp; px &lt;= W + 5 &amp;&amp; py &gt;= -5 &amp;&amp; py &lt;= H + 5;
	} );
	if ( ts.length &lt; 2 ) { return null; }
	ts.sort( function ( a, b ) { return a - b; } );
	var t0 = ts[ 0 ], t1 = ts[ ts.length - 1 ];
	return { x0: M.x + t0 * dx, y0: M.y + t0 * dy, x1: M.x + t1 * dx, y1: M.y + t1 * dy };
}

function toCm( px )  { return px / SCALE; }
function fmt( n )    { return n.toFixed( 2 ); }

/* ── Build widget ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
function buildWidget( container ) {
	var lang = ( window.mw &amp;&amp; mw.config.get( 'wgUserLanguage' ) ) || 'en';
	lang = lang.split( '-' )[ 0 ];
	if ( !messages[ lang ] ) { lang = 'en'; }

	/* -- HTML skeleton -- */
	container.innerHTML =
		'&lt;div class=&quot;hw-circumcentre&quot;&gt;' +
			'&lt;canvas class=&quot;hw-canvas&quot;&gt;&lt;/canvas&gt;' +
		'&lt;/div&gt;';

	/* -- Footer -- */
	var footer = document.createElement( 'div' );
	footer.className = 'hw-footer';
	var fLogo = document.createElement( 'a' );
	fLogo.className = 'hw-footer-icon';
	fLogo.href = ( window.mw &amp;&amp; mw.util.getUrl( 'Wikipedia:Hiruwiki' ) ) || '#';
	fLogo.title = 'Hiruwiki';
	if ( window.hiruwiki &amp;&amp; window.hiruwiki.getLogoSvg ) {
		fLogo.insertAdjacentHTML( 'beforeend', hiruwiki.getLogoSvg( 22 ) );
	}
	var fText = document.createElement( 'span' );
	fText.className = 'hw-footer__text';
	fText.textContent = messages[ lang ].hint;
	footer.appendChild( fLogo );
	footer.appendChild( fText );
	container.appendChild( footer );

	var canvas  = container.querySelector( '.hw-canvas' );
	var ctx     = canvas.getContext( '2d' );
	var W, H, verts, dragging = -1;

	/* -- vertex initialisation -- */
	function initVerts() {
		var ox = W / 2 - 5.5 * SCALE;
		var oy = 20;
		verts = [
			{ x: ox + 5.5 * SCALE, y: oy + 1.2 * SCALE },
			{ x: ox + 1.2 * SCALE, y: oy + 8.0 * SCALE },
			{ x: ox + 9.8 * SCALE, y: oy + 8.0 * SCALE }
		];
	}

	/* -- colour palette -- */
	function isDark() {
		var root = document.documentElement;
		if ( root.classList.contains( 'skin-theme-clientpref-night' ) ||
		     root.classList.contains( 'client-dark-mode' ) ||
		     document.body.classList.contains( 'mw-dark-mode' ) ) {
			return true;
		}
		return !!( window.matchMedia &amp;&amp; window.matchMedia( '(prefers-color-scheme: dark)' ).matches );
	}

	function palette() {
		var dark = isDark();
		return {
			dark:        dark,
			tri:         hiruwiki.getThemeColor( 'hw-color-primary', dark ? '#AFA9EC' : '#534AB7' ),
			circ:        hiruwiki.getThemeColor( 'hw-color-success', dark ? '#5DCAA5' : '#0F6E56' ),
			bis:         hiruwiki.getThemeColor( 'hw-color-warning', dark ? '#FAC775' : '#BA7517' ),
			grid:        hiruwiki.getThemeColor( 'hw-border',        dark ? '#444441' : '#D3D1C7' ),
			dotBg:       hiruwiki.getThemeColor( 'hw-bg-base', dark ? '#1e1e1c' : '#ffffff' ),
			circFill:    dark ? 'rgba(93,202,165,.06)' : 'rgba(15,110,86,.05)',
			circStroke:  dark ? 'rgba(93,202,165,.35)' : 'rgba(15,110,86,.30)'
		};
	}

	/* -- grid (major cm lines only, very faint) -- */
	function drawGrid( p ) {
		ctx.lineWidth   = 0.5;
		ctx.strokeStyle = p.grid;
		ctx.globalAlpha = 0.18;
		for ( var cm = 0; cm * SCALE &lt; W + SCALE; cm++ ) {
			ctx.beginPath();
			ctx.moveTo( cm * SCALE, 0 );
			ctx.lineTo( cm * SCALE, H );
			ctx.stroke();
		}
		for ( var row = 0; row * SCALE &lt; H + SCALE; row++ ) {
			ctx.beginPath();
			ctx.moveTo( 0, row * SCALE );
			ctx.lineTo( W, row * SCALE );
			ctx.stroke();
		}
		ctx.globalAlpha = 1.0;
	}

	/* -- right-angle mark at bisector midpoint -- */
	function drawRightAngleMark( M, perp, sideDir ) {
		var su = sideDir, ru = perp;
		var SZ = 12;
		ctx.lineWidth = 1;
		ctx.beginPath();
		ctx.moveTo( M.x + su.x * SZ,               M.y + su.y * SZ );
		ctx.lineTo( M.x + su.x * SZ + ru.x * SZ,   M.y + su.y * SZ + ru.y * SZ );
		ctx.lineTo( M.x + ru.x * SZ,                M.y + ru.y * SZ );
		ctx.stroke();
	}

	function sideDir( P1, P2 ) {
		var d = dist( P1, P2 ) || 1;
		return { x: ( P2.x - P1.x ) / d, y: ( P2.y - P1.y ) / d };
	}

	/* -- main draw -- */
	function draw() {
		if ( !verts ) { return; }
		ctx.clearRect( 0, 0, W, H );
		var p = palette();
		drawGrid( p );

		var A = verts[ 0 ], B = verts[ 1 ], C = verts[ 2 ];

		var O  = circumcentre( A, B, C );
		var R  = dist( O, A );

		var Ma = midpoint( B, C ), Mb = midpoint( C, A ), Mc = midpoint( A, B );

		/* Perpendicular bisector directions (unit vectors) */
		function bisDir( P1, P2 ) {
			var nx = -( P2.y - P1.y ), ny = P2.x - P1.x;
			var l  = Math.hypot( nx, ny ) || 1;
			return { x: nx / l, y: ny / l };
		}
		var perpA = bisDir( B, C );
		var perpB = bisDir( C, A );
		var perpC = bisDir( A, B );

		var lineA = extendBisector( Ma, perpA, W, H );
		var lineB = extendBisector( Mb, perpB, W, H );
		var lineC = extendBisector( Mc, perpC, W, H );

		/* 1. dashed perpendicular bisector lines */
		ctx.save();
		ctx.strokeStyle = p.bis; ctx.lineWidth = 1.4; ctx.setLineDash( [ 6, 5 ] );
		[ lineA, lineB, lineC ].forEach( function ( ln ) {
			if ( !ln ) { return; }
			ctx.beginPath(); ctx.moveTo( ln.x0, ln.y0 ); ctx.lineTo( ln.x1, ln.y1 ); ctx.stroke();
		} );
		ctx.setLineDash( [] ); ctx.restore();

		/* 2. circumcircle */
		ctx.save();
		ctx.beginPath(); ctx.arc( O.x, O.y, R, 0, Math.PI * 2 );
		ctx.strokeStyle = p.circStroke; ctx.lineWidth = 1.5; ctx.stroke();
		ctx.fillStyle   = p.circFill;   ctx.fill();
		ctx.restore();

		/* 3. triangle fill + stroke */
		ctx.save();
		ctx.beginPath();
		ctx.moveTo( A.x, A.y ); ctx.lineTo( B.x, B.y ); ctx.lineTo( C.x, C.y ); ctx.closePath();
		ctx.fillStyle   = p.dark ? 'rgba(175,169,236,.07)' : 'rgba(83,74,183,.06)';
		ctx.fill();
		ctx.strokeStyle = p.tri; ctx.lineWidth = 2; ctx.stroke();
		ctx.restore();

		/* 4. right-angle marks at midpoints */
		ctx.save();
		ctx.strokeStyle = p.bis;
		drawRightAngleMark( Ma, perpA, sideDir( B, C ) );
		drawRightAngleMark( Mb, perpB, sideDir( C, A ) );
		drawRightAngleMark( Mc, perpC, sideDir( A, B ) );
		ctx.restore();

		/* 5. midpoint dots */
		[ Ma, Mb, Mc ].forEach( function ( M ) {
			ctx.save();
			ctx.beginPath(); ctx.arc( M.x, M.y, 5, 0, Math.PI * 2 );
			ctx.fillStyle = p.bis; ctx.fill();
			ctx.restore();
		} );

		/* 6. circumcentre dot */
		ctx.save();
		ctx.beginPath(); ctx.arc( O.x, O.y, 8, 0, Math.PI * 2 );
		ctx.fillStyle   = p.circ; ctx.fill();
		ctx.strokeStyle = p.dotBg; ctx.lineWidth = 2; ctx.stroke();
		ctx.restore();

		/* 7. vertex dots */
		verts.forEach( function ( V, i ) {
			ctx.save();
			ctx.beginPath(); ctx.arc( V.x, V.y, dragging === i ? 8 : 6.5, 0, Math.PI * 2 );
			ctx.fillStyle   = p.tri; ctx.fill();
			ctx.strokeStyle = p.dotBg; ctx.lineWidth = 2; ctx.stroke();
			ctx.restore();
		} );

		/* 8. text labels */
		ctx.save();
		ctx.textBaseline = 'middle';

		/* vertex names */
		ctx.font = &quot;italic 700 18px 'Latin Modern Math', 'STIX Two Math', 'Computer Modern', 'Times New Roman', serif&quot;;
		[ A, B, C ].forEach( function ( V, i ) {
			var lbl = labelOffset( V, verts.filter( function ( _, j ) { return j !== i; } ), 26 );
			ctx.fillStyle = p.tri; ctx.textAlign = 'center';
			ctx.fillText( [ 'A', 'B', 'C' ][ i ], lbl.x, lbl.y );
		} );

		/* O label */
		ctx.fillStyle = p.circ;
		ctx.font = &quot;italic 700 18px 'Latin Modern Math', 'STIX Two Math', 'Computer Modern', 'Times New Roman', serif&quot;;
		ctx.textAlign = 'center';
		ctx.fillText( 'O', O.x + 16, O.y - 16 );

		ctx.restore();
	}

	/* -- resize -- */
	function resize() {
		W = canvas.offsetWidth;
		H = 440;
		canvas.width  = W * DPR;
		canvas.height = H * DPR;
		ctx.setTransform( DPR, 0, 0, DPR, 0, 0 );
		initVerts();
		draw();
	}

	/* -- pointer helpers -- */
	function ptFromEvent( e ) {
		var rect = canvas.getBoundingClientRect();
		var src  = e.touches ? e.touches[ 0 ] : e;
		return {
			x: ( src.clientX - rect.left ) * ( W / rect.width ),
			y: ( src.clientY - rect.top  ) * ( H / rect.height )
		};
	}
	function hitTest( pt ) {
		return verts.findIndex( function ( v ) {
			return Math.hypot( v.x - pt.x, v.y - pt.y ) &lt; 16;
		} );
	}
	function clamp( pt ) {
		return {
			x: Math.max( 10, Math.min( W - 10, pt.x ) ),
			y: Math.max( 4, Math.min( H - 10, pt.y ) )
		};
	}

	canvas.addEventListener( 'mousedown',  function ( e ) { dragging = hitTest( ptFromEvent( e ) ); if ( dragging &gt;= 0 ) { canvas.style.cursor = 'grabbing'; } } );
	canvas.addEventListener( 'mousemove',  function ( e ) {
		if ( dragging &lt; 0 ) {
			canvas.style.cursor = hitTest( ptFromEvent( e ) ) &gt;= 0 ? 'grab' : 'crosshair';
			return;
		}
		verts[ dragging ] = clamp( ptFromEvent( e ) );
		draw();
	} );
	canvas.addEventListener( 'mouseup',    function () { dragging = -1; canvas.style.cursor = 'crosshair'; } );
	canvas.addEventListener( 'mouseleave', function () { dragging = -1; } );
	canvas.addEventListener( 'touchstart', function ( e ) {
		e.preventDefault(); dragging = hitTest( ptFromEvent( e ) );
	}, { passive: false } );
	canvas.addEventListener( 'touchmove', function ( e ) {
		e.preventDefault();
		if ( dragging &lt; 0 ) { return; }
		verts[ dragging ] = clamp( ptFromEvent( e ) );
		draw();
	}, { passive: false } );
	canvas.addEventListener( 'touchend', function () { dragging = -1; } );

	/* dark-mode live update (MediaWiki) */
	var observer = new MutationObserver( draw );
	observer.observe( document.documentElement, { attributes: true, attributeFilter: [ 'class' ] } );
	observer.observe( document.body,            { attributes: true, attributeFilter: [ 'class' ] } );

	/* kick off */
	var ro = new ResizeObserver( resize );
	ro.observe( canvas );
}

/* ----------------------------------------------------------
 * Initialise all matching containers on the page
 * ---------------------------------------------------------- */
document.querySelectorAll( '.hiruwiki[data-module=&quot;circumcentre&quot;]' ).forEach( buildWidget );

}() );</text>
      <sha1>cb66t9s8k80lonhdo2bzxpoi2nwdqhp</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/dividend.js</title>
    <ns>8</ns>
    <id>179484</id>
    <revision>
      <id>781419</id>
      <parentid>770211</parentid>
      <timestamp>2026-10-28T10:38:44Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781419</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="34142" sha1="dpdio9z7f3bjcoe2f37qmfz95eqevsa" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/**
 * Hiruwiki module: dividend
 * Visualises integer division with remainders as a segmented bar,
 * a live equation, and a repeated-addition breakdown.
 *
 * Usage: &lt;div class=&quot;hiruwiki&quot; data-module=&quot;dividend&quot;&gt;&lt;/div&gt;
 *
 * ─── I18N ────────────────────────────────────────────────────────────────────
 * To add a language, add an entry to DIVIDEND_I18N below using the MediaWiki
 * language code as the key (e.g. 'eu' for Basque, 'es' for Spanish).
 * Every key present in 'en' must also appear in every other entry.
 *
 * Interpolation tokens:
 *   {N}  – dividend
 *   {D}  – divisor
 *   {Q}  – quotient
 *   {R}  – remainder
 *   {QD} – quotient × divisor  (the largest multiple that fits)
 *   {s}  – plural suffix for &quot;chunk/s&quot; — empty when Q=1, 's' otherwise
 *          (some languages may ignore this and handle plurals differently)
 * ─────────────────────────────────────────────────────────────────────────────
 */

( function () {

/* ── I18N ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var messages = /* I18N_START */ {
    &quot;nl&quot;: {
        &quot;_name&quot;: &quot;Deeltal en deler&quot;,
        &quot;eq_lbl_dividend&quot;: &quot;deeltal&quot;,
        &quot;eq_lbl_divisor&quot;: &quot;deler&quot;,
        &quot;eq_lbl_quotient&quot;: &quot;quotiënt&quot;,
        &quot;eq_lbl_remainder&quot;: &quot;rest&quot;,
        &quot;insight_exact&quot;: &quot;&lt;strong&gt;$1 ÷ $2 = $3&lt;/strong&gt; precies — geen rest. De balk past perfect in &lt;strong&gt;$3&lt;/strong&gt; gelijke stukken$6. Dit betekent dat &lt;strong&gt;$2&lt;/strong&gt; een deler is van &lt;strong&gt;$1&lt;/strong&gt;.&quot;,
        &quot;insight_less&quot;: &quot;&lt;strong&gt;$1&lt;/strong&gt; is kleiner dan de deler &lt;strong&gt;$2&lt;/strong&gt;, dus het past in &lt;strong&gt;0&lt;/strong&gt; hele stukken. De hele waarde is de rest. De rest is altijd kleiner dan de deler.&quot;,
        &quot;insight_normal&quot;: &quot;&lt;strong&gt;$1 ÷ $2 = $3&lt;/strong&gt; rest &lt;strong&gt;$4&lt;/strong&gt;. Merk op dat het rode stukje (&lt;strong&gt;$4&lt;/strong&gt;) altijd korter is dan één blauw blok (&lt;strong&gt;$2&lt;/strong&gt;). De rest is altijd strikt kleiner dan de deler. Controle: &lt;strong&gt;$3 × $2 + $4 = $5 + $4 = $1&lt;/strong&gt; ✓&quot;,
        &quot;label_bar_description&quot;: &quot;Balkweergave — elk blauw blokje = {{PLURAL:$1|$1 eenheid|$1 eenheden}}&quot;,
        &quot;label_choose&quot;: &quot;Kies deeltal en deler&quot;,
        &quot;label_dividend&quot;: &quot;Deeltal (het getal dat gedeeld wordt)&quot;,
        &quot;label_divisor&quot;: &quot;Deler (de grootte van het stuk)&quot;,
        &quot;label_equation&quot;: &quot;Deelvergelijking&quot;,
        &quot;label_repadd&quot;: &quot;Herhaalde optelling&quot;,
        &quot;repadd_exact&quot;: &quot;— is precies deelbaar!&quot;,
        &quot;repadd_leftover&quot;: &quot;blijft over&quot;,
        &quot;repadd_less&quot;: &quot;$1 is minder dan $2, dus het quotiënt is 0 en de hele waarde is de rest.&quot;,
        &quot;hint&quot;: &quot;Pas het deeltal en de deler aan om de verdeling te zien&quot;
    },
    &quot;fr&quot;: {
        &quot;_name&quot;: &quot;Dividende et diviseur&quot;,
        &quot;eq_lbl_dividend&quot;: &quot;dividende&quot;,
        &quot;eq_lbl_divisor&quot;: &quot;diviseur&quot;,
        &quot;eq_lbl_quotient&quot;: &quot;quotient&quot;,
        &quot;eq_lbl_remainder&quot;: &quot;reste&quot;,
        &quot;insight_exact&quot;: &quot;&lt;strong&gt;$1 ÷ $2 = $3&lt;/strong&gt; exactement — pas de reste. La barre se remplit parfaitement en &lt;strong&gt;$3&lt;/strong&gt; morceaux égaux. Cela signifie que &lt;strong&gt;$2&lt;/strong&gt; est un diviseur de &lt;strong&gt;$1&lt;/strong&gt;.&quot;,
        &quot;insight_less&quot;: &quot;&lt;strong&gt;$1&lt;/strong&gt; est plus petit que le diviseur &lt;strong&gt;$2&lt;/strong&gt;, donc il contient &lt;strong&gt;0&lt;/strong&gt; morceau entier. Toute la valeur est le reste. Le reste est toujours inférieur au diviseur.&quot;,
        &quot;insight_normal&quot;: &quot;&lt;strong&gt;$1 ÷ $2 = $3&lt;/strong&gt; reste &lt;strong&gt;$4&lt;/strong&gt;. Notez que la pièce rouge (&lt;strong&gt;$4&lt;/strong&gt;) est toujours plus courte qu'un morceau bleu (&lt;strong&gt;$2&lt;/strong&gt;). Le reste est toujours strictement inférieur au diviseur. Vérification : &lt;strong&gt;$3 × $2 + $4 = $5 + $4 = $1&lt;/strong&gt; ✓&quot;,
        &quot;label_bar_description&quot;: &quot;Bare de visualisation pour chaque bouton bleue = {{PLURAL:$1|$1 unit|$1 units}}&quot;,
        &quot;label_choose&quot;: &quot;Choisissez le dividende et le diviseur&quot;,
        &quot;label_dividend&quot;: &quot;Dividende (le nombre à diviser)&quot;,
        &quot;label_divisor&quot;: &quot;Diviseur (la taille du morceau)&quot;,
        &quot;label_equation&quot;: &quot;Équation de division&quot;,
        &quot;label_repadd&quot;: &quot;Addition répétée&quot;,
        &quot;repadd_exact&quot;: &quot;— divise exactement !&quot;,
        &quot;repadd_leftover&quot;: &quot;reste&quot;,
        &quot;repadd_less&quot;: &quot;$1 est inférieur à $2, donc le quotient est 0 et toute la valeur est le reste.&quot;,
        &quot;hint&quot;: &quot;Ajustez le dividende et le diviseur pour afficher le détail de la division.&quot;
    },
    &quot;tr&quot;: {
        &quot;_name&quot;: &quot;Bölünen ve Bölen&quot;,
        &quot;eq_lbl_dividend&quot;: &quot;bölünen&quot;,
        &quot;eq_lbl_divisor&quot;: &quot;bölen&quot;,
        &quot;eq_lbl_quotient&quot;: &quot;bölüm&quot;,
        &quot;eq_lbl_remainder&quot;: &quot;kalan&quot;,
        &quot;insight_exact&quot;: &quot;&lt;strong&gt;$1 ÷ $2 = $3&lt;/strong&gt; kalansız. Çubuk, &lt;strong&gt;$3&lt;/strong&gt; eşit parçaya mükemmel bir şekilde bölünüyor. Bu, &lt;strong&gt;$2&lt;/strong&gt; sayısının &lt;strong&gt;$1&lt;/strong&gt; sayısına bölündüğünü gösteriyor..&quot;,
        &quot;label_bar_description&quot;: &quot;Çubuk grafiği - her mavi parça = {{PLURAL:$1|$1 birim}}&quot;,
        &quot;label_choose&quot;: &quot;Bölüneni ve böleni seçin.&quot;,
        &quot;label_dividend&quot;: &quot;Bölünen (bölünen sayı)&quot;,
        &quot;label_divisor&quot;: &quot;Bölen (parça boyutu)&quot;,
        &quot;label_equation&quot;: &quot;Bölme denklemi&quot;,
        &quot;label_repadd&quot;: &quot;Tekrarlı toplama&quot;,
        &quot;repadd_exact&quot;: &quot;— tam olarak bölünüyor!&quot;,
        &quot;repadd_leftover&quot;: &quot;kalanlı&quot;,
        &quot;repadd_less&quot;: &quot;$1, $2 değerinden küçük olduğu için bölüm 0'dır ve tam sayı kısmı kalan değerdir.&quot;,
        &quot;hint&quot;: &quot;Bölmenin ayrıntılarını görmek için bölünen ve böleni ayarlayın&quot;
    },
    &quot;eu&quot;: {
        &quot;_name&quot;: &quot;Zatikizuna eta zatitzailea&quot;,
        &quot;eq_lbl_dividend&quot;: &quot;zatikizuna&quot;,
        &quot;eq_lbl_divisor&quot;: &quot;zatitzailea&quot;,
        &quot;eq_lbl_quotient&quot;: &quot;zatidura&quot;,
        &quot;eq_lbl_remainder&quot;: &quot;hondarra&quot;,
        &quot;insight_exact&quot;: &quot;&lt;strong&gt;$1 ÷ $2 = $3&lt;/strong&gt; zenbaki osoa — hondarrik gabe. Barra &lt;strong&gt;$3&lt;/strong&gt; zati berdinetan betetzen da. Horrek esan nahi du &lt;strong&gt;$2&lt;/strong&gt; &lt;strong&gt;$1&lt;/strong&gt;-ren zatitzailea dela.&lt;!--$6--&gt;&quot;,
        &quot;insight_less&quot;: &quot;&lt;strong&gt;$1&lt;/strong&gt; zatitzailea baino txikiagoa da (&lt;strong&gt;$2&lt;/strong&gt;), beraz ez da zati oso bat sartzen. Balio osoa hondarra da. Hondarra beti zatitzailea baino txikiagoa da.&quot;,
        &quot;insight_normal&quot;: &quot;&lt;strong&gt;$1 ÷ $2 = $3&lt;/strong&gt; hondarra &lt;strong&gt;$4&lt;/strong&gt;. Kontuan hartu pieza gorria (&lt;strong&gt;$4&lt;/strong&gt;) beti zati urdin bat (&lt;strong&gt;$2&lt;/strong&gt;) baino motzagoa dela. Hondarra beti zatitzailea baino txikiagoa da. Egiaztatu: &lt;strong&gt;$3 × $2 + $4 = $5 + $4 = $1&lt;/strong&gt; ✓&quot;,
        &quot;label_bar_description&quot;: &quot;Barra-ikuspegia — zati urdin bakoitza = {{PLURAL:$1| unitate $1|$1 unitate}}&quot;,
        &quot;label_choose&quot;: &quot;Aukeratu zatikizuna eta zatitzailea&quot;,
        &quot;label_dividend&quot;: &quot;Zatikizuna (zatitu beharreko zenbakia)&quot;,
        &quot;label_divisor&quot;: &quot;Zatitzailea (zatiaren tamaina)&quot;,
        &quot;label_equation&quot;: &quot;Zatiketa ekuazioa&quot;,
        &quot;label_repadd&quot;: &quot;Batuketa errepikatua&quot;,
        &quot;repadd_exact&quot;: &quot;— zehaztasunez zatitzen da!&quot;,
        &quot;repadd_leftover&quot;: &quot;hondarra&quot;,
        &quot;repadd_less&quot;: &quot;$1 $2 baino txikiagoa da, beraz zatidura 0 da eta balio osoa hondarra da.&quot;,
        &quot;hint&quot;: &quot;Doitu zatikizuna eta zatitzailea zatiketaren banaketa ikusteko&quot;
    },
    &quot;sk&quot;: {
        &quot;_name&quot;: &quot;Delenec a deliteľ&quot;,
        &quot;eq_lbl_dividend&quot;: &quot;delenec&quot;,
        &quot;eq_lbl_divisor&quot;: &quot;deliteľ&quot;,
        &quot;eq_lbl_quotient&quot;: &quot;podiel&quot;,
        &quot;eq_lbl_remainder&quot;: &quot;zvyšok&quot;,
        &quot;insight_exact&quot;: &quot;&lt;strong&gt;$1 ÷ $2 = $3&lt;/strong&gt; presne — bez zvyšku. Pruh sa dokonale zaplní na &lt;strong&gt;$3&lt;/strong&gt; rovnakých častí. To znamená, že &lt;strong&gt;$2&lt;/strong&gt; je deliteľom čísla &lt;strong&gt;$1&lt;/strong&gt;.&quot;,
        &quot;insight_less&quot;: &quot;&lt;strong&gt;$1&lt;/strong&gt; je menšie ako deliteľ &lt;strong&gt;$2&lt;/strong&gt;, takže sa doň zmestí &lt;strong&gt;0&lt;/strong&gt; celých častí. Celá hodnota je zvyškom. Zvyšok je vždy menší ako deliteľ.&quot;,
        &quot;insight_normal&quot;: &quot;&lt;strong&gt;$1 ÷ $2 = $3&lt;/strong&gt; zvyšok &lt;strong&gt;$4&lt;/strong&gt;. Všimnite si, že červený kúsok (&lt;strong&gt;$4&lt;/strong&gt;) je vždy kratší ako jedna modrá časť (&lt;strong&gt;$2&lt;/strong&gt;). Zvyšok je vždy ostro menší ako deliteľ. Kontrola: &lt;strong&gt;$3 × $2 + $4 = $5 + $4 = $1&lt;/strong&gt; ✓&quot;,
        &quot;label_bar_description&quot;: &quot;Pruhové zobrazenie — každá modrá časť = {{PLURAL:$1|$1 jednotka|$1 jednotky|$1 jednotiek}}&quot;,
        &quot;label_choose&quot;: &quot;Vyberte delenec a deliteľ&quot;,
        &quot;label_dividend&quot;: &quot;Delenec (číslo, ktoré sa delí)&quot;,
        &quot;label_divisor&quot;: &quot;Deliteľ (veľkosť časti)&quot;,
        &quot;label_equation&quot;: &quot;Rovnica delenia&quot;,
        &quot;label_repadd&quot;: &quot;Opakované sčítanie&quot;,
        &quot;repadd_exact&quot;: &quot;— delí sa presne!&quot;,
        &quot;repadd_leftover&quot;: &quot;zostáva&quot;,
        &quot;repadd_less&quot;: &quot;$1 je menšie ako $2, takže podiel je 0 a celá hodnota je zvyškom.&quot;,
        &quot;hint&quot;: &quot;Upravte delenec a deliteľ a zobrazí sa rozklad delenia&quot;
    },
    &quot;skr-arab&quot;: {
        &quot;_name&quot;: &quot;مقسوم تے مقسوم علیہ&quot;,
        &quot;eq_lbl_dividend&quot;: &quot;مقسوم&quot;,
        &quot;eq_lbl_divisor&quot;: &quot;مقسوم علیہ&quot;,
        &quot;eq_lbl_quotient&quot;: &quot;حاصل تقسیم&quot;,
        &quot;eq_lbl_remainder&quot;: &quot;باقی&quot;,
        &quot;insight_exact&quot;: &quot;&lt;strong&gt;$1 ÷ $2 = $3&lt;/strong&gt; بالکل — کوئی باقی نئیں۔ پٹی &lt;strong&gt;$3&lt;/strong&gt; برابر حصیاں وچ پوری بھر ویندی اے۔ ایں دا مطلب اے جو &lt;strong&gt;$2&lt;/strong&gt; &lt;strong&gt;$1&lt;/strong&gt; دا مقسوم علیہ اے۔&quot;,
        &quot;insight_less&quot;: &quot;&lt;strong&gt;$1&lt;/strong&gt; مقسوم علیہ &lt;strong&gt;$2&lt;/strong&gt; توں چھوٹا اے، ایں کیتے &lt;strong&gt;0&lt;/strong&gt; پورے حصے بݨدن۔ ساری قیمت باقی اے۔ باقی ہمیشہ مقسوم علیہ توں گھٹ ہوندی اے۔&quot;,
        &quot;insight_normal&quot;: &quot;&lt;strong&gt;$1 ÷ $2 = $3&lt;/strong&gt; باقی &lt;strong&gt;$4&lt;/strong&gt;۔ غور کرو سرخ ٹکڑا (&lt;strong&gt;$4&lt;/strong&gt;) ہمیشہ ہک نیلے ٹکڑے (&lt;strong&gt;$2&lt;/strong&gt;) توں چھوٹا ہوندے۔ باقی ہمیشہ مقسوم علیہ توں سختی نال گھٹ ہوندے۔ جانچ: &lt;strong&gt;$3 × $2 + $4 = $5 + $4 = $1&lt;/strong&gt; ✓&quot;,
        &quot;label_bar_description&quot;: &quot;پٹی ویکھو — ہر نیلا ٹکڑا = {{PLURAL:$1|$1 اکائی|$1 اکائیاں}}&quot;,
        &quot;label_choose&quot;: &quot;مقسوم تے مقسوم علیہ چݨو&quot;,
        &quot;label_dividend&quot;: &quot;مقسوم (جیندا حصہ کیتا ویندے)&quot;,
        &quot;label_divisor&quot;: &quot;مقسوم علیہ (حصے دا ناپ)&quot;,
        &quot;label_equation&quot;: &quot;تقسیم دا فارمولا&quot;,
        &quot;label_repadd&quot;: &quot;مسلسل جمع&quot;,
        &quot;repadd_exact&quot;: &quot;— پوری طرح وںݙیندی اے!&quot;,
        &quot;repadd_leftover&quot;: &quot;باقی بچیا ہویا&quot;,
        &quot;repadd_less&quot;: &quot;$1 $2 توں گھٹ اے، ایں کیتے حاصل تقسیم 0 اے تے ساری قیمت باقی اے۔&quot;,
        &quot;hint&quot;: &quot;تقسیم دا تفصیل ݙیکھݨ کیتے مقسوم تے مقسوم علیہ کوں ٹھہراؤ&quot;
    },
    &quot;lb&quot;: {
        &quot;eq_lbl_dividend&quot;: &quot;Dividend&quot;,
        &quot;eq_lbl_quotient&quot;: &quot;Quotient&quot;
    },
    &quot;ko&quot;: {
        &quot;_name&quot;: &quot;피제수과 제수&quot;,
        &quot;eq_lbl_dividend&quot;: &quot;피제수&quot;,
        &quot;eq_lbl_divisor&quot;: &quot;제수&quot;,
        &quot;eq_lbl_quotient&quot;: &quot;몫&quot;,
        &quot;eq_lbl_remainder&quot;: &quot;나머지&quot;,
        &quot;insight_exact&quot;: &quot;&lt;strong&gt;$1 ÷ $2 = $3&lt;/strong&gt; - 정확히 나누어 떨어집니다. 막대는 &lt;strong&gt;$3&lt;/strong&gt;씩 정확히 채워집니다. 따라서 &lt;strong&gt;$2&lt;/strong&gt;은(는) &lt;strong&gt;$1&lt;/strong&gt;의 약수입니다.&quot;,
        &quot;insight_less&quot;: &quot;&lt;strong&gt;$1&lt;/strong&gt;은(는) 제수인 &lt;strong&gt;$2&lt;/strong&gt; 보다 작으므로, $1은(는) &lt;strong&gt;0&lt;/strong&gt;개의 덩어리로 나눌 수 있습니다. 따라서 전체 값이 나머지가 됩니다. 나머지는 항상 제수보다 작습니다.&quot;,
        &quot;insight_normal&quot;: &quot;&lt;strong&gt;$1 ÷ $2 = $3&lt;/strong&gt; 나머지 &lt;strong&gt;$4&lt;/strong&gt;입니다. 빨간색 조각(&lt;strong&gt;$4&lt;/strong&gt;)은 항상 파란색 조각(&lt;strong&gt;$2&lt;/strong&gt;)보다 작습니다. 나머지는 항상 제수보다 작습니다. 확인: &lt;strong&gt;$3 × $2 + $4 = $5 + $4 = $1&lt;/strong&gt; ✓&quot;,
        &quot;label_bar_description&quot;: &quot;막대형 보기 — 각 파란색 덩어리 = {{PLURAL:$1|$1 단위}}&quot;,
        &quot;label_choose&quot;: &quot;피제수와 제수를 선택&quot;,
        &quot;label_dividend&quot;: &quot;피제수 (나누어지는 수)&quot;,
        &quot;label_divisor&quot;: &quot;제수 (나누는 수)&quot;,
        &quot;label_equation&quot;: &quot;나누기 방정식&quot;,
        &quot;label_repadd&quot;: &quot;반복 덧셈&quot;,
        &quot;repadd_exact&quot;: &quot;— 정확히 나누어집니다!&quot;,
        &quot;repadd_leftover&quot;: &quot;나머지&quot;,
        &quot;repadd_less&quot;: &quot;$1은(는) $2보다 작으므로 몫은 0이고 나머지는 전체 값이 됩니다.&quot;,
        &quot;hint&quot;: &quot;제수와 피제수를 조정하여 나눗셈 결과를 확인하세요&quot;
    },
    &quot;en&quot;: {
        &quot;_name&quot;: &quot;Dividend and Divisor&quot;,
        &quot;eq_lbl_dividend&quot;: &quot;dividend&quot;,
        &quot;eq_lbl_divisor&quot;: &quot;divisor&quot;,
        &quot;eq_lbl_quotient&quot;: &quot;quotient&quot;,
        &quot;eq_lbl_remainder&quot;: &quot;remainder&quot;,
        &quot;insight_exact&quot;: &quot;&lt;strong&gt;$1 ÷ $2 = $3&lt;/strong&gt; exactly — no remainder. The bar fills perfectly into &lt;strong&gt;$3&lt;/strong&gt; equal chunk$6. This means &lt;strong&gt;$2&lt;/strong&gt; is a divisor of &lt;strong&gt;$1&lt;/strong&gt;.&quot;,
        &quot;insight_less&quot;: &quot;&lt;strong&gt;$1&lt;/strong&gt; is smaller than the divisor &lt;strong&gt;$2&lt;/strong&gt;, so it fits &lt;strong&gt;0&lt;/strong&gt; whole chunks. The entire value is the remainder. The remainder is always less than the divisor.&quot;,
        &quot;insight_normal&quot;: &quot;&lt;strong&gt;$1 ÷ $2 = $3&lt;/strong&gt; remainder &lt;strong&gt;$4&lt;/strong&gt;. Notice the red piece (&lt;strong&gt;$4&lt;/strong&gt;) is always shorter than one blue chunk (&lt;strong&gt;$2&lt;/strong&gt;). The remainder is always strictly less than the divisor. Check: &lt;strong&gt;$3 × $2 + $4 = $5 + $4 = $1&lt;/strong&gt; ✓&quot;,
        &quot;label_bar_description&quot;: &quot;Bar view — each blue chunk = {{PLURAL:$1|$1 unit|$1 units}}&quot;,
        &quot;label_choose&quot;: &quot;Choose dividend and divisor&quot;,
        &quot;label_dividend&quot;: &quot;Dividend (the number being divided)&quot;,
        &quot;label_divisor&quot;: &quot;Divisor (the chunk size)&quot;,
        &quot;label_equation&quot;: &quot;Division equation&quot;,
        &quot;label_repadd&quot;: &quot;Repeated addition&quot;,
        &quot;repadd_exact&quot;: &quot;— divides exactly!&quot;,
        &quot;repadd_leftover&quot;: &quot;left over&quot;,
        &quot;repadd_less&quot;: &quot;$1 is less than $2, so the quotient is 0 and the whole value is the remainder.&quot;,
        &quot;hint&quot;: &quot;Adjust dividend and divisor to see the division breakdown&quot;
    },
    &quot;it&quot;: {
        &quot;_name&quot;: &quot;Dividendo e divisore&quot;,
        &quot;eq_lbl_dividend&quot;: &quot;dividendo&quot;,
        &quot;eq_lbl_divisor&quot;: &quot;divisore&quot;,
        &quot;eq_lbl_quotient&quot;: &quot;quoziente&quot;,
        &quot;eq_lbl_remainder&quot;: &quot;resto&quot;,
        &quot;repadd_exact&quot;: &quot;— divide esattamente!&quot;
    },
    &quot;ca&quot;: {
        &quot;_name&quot;: &quot;Dividend i Divisor&quot;,
        &quot;eq_lbl_dividend&quot;: &quot;dividend&quot;,
        &quot;eq_lbl_divisor&quot;: &quot;divisor&quot;,
        &quot;eq_lbl_quotient&quot;: &quot;quocient&quot;,
        &quot;eq_lbl_remainder&quot;: &quot;residu&quot;,
        &quot;label_choose&quot;: &quot;Trieu el dividend i el divisor&quot;
    },
    &quot;qqq&quot;: {
        &quot;_name&quot;: &quot;Name of the Dividend and Divisor module&quot;,
        &quot;eq_lbl_dividend&quot;: &quot;Label for the dividend in the division equation display&quot;,
        &quot;eq_lbl_divisor&quot;: &quot;Label for the divisor in the division equation display&quot;,
        &quot;eq_lbl_quotient&quot;: &quot;Label for the quotient in the division equation display&quot;,
        &quot;eq_lbl_remainder&quot;: &quot;Label for the remainder in the division equation display&quot;,
        &quot;insight_exact&quot;: &quot;Insight text shown when division is exact (no remainder). Uses HTML. Parameters: $1 = dividend, $2 = divisor, $3 = quotient, $6 = plural suffix for \&quot;chunk\&quot; (empty when Q=1, \&quot;s\&quot; otherwise).&quot;,
        &quot;insight_less&quot;: &quot;Insight text shown when the dividend is smaller than the divisor. Uses HTML. Parameters: $1 = dividend, $2 = divisor.&quot;,
        &quot;insight_normal&quot;: &quot;Insight text shown for normal division with a remainder. Uses HTML. Parameters: $1 = dividend, $2 = divisor, $3 = quotient, $4 = remainder, $5 = quotient × divisor.&quot;,
        &quot;label_bar_description&quot;: &quot;Label for the bar visualisation section showing the chunk size. Uses PLURAL. Parameters: $1 = the divisor (chunk size).&quot;,
        &quot;label_choose&quot;: &quot;Heading for the input section where the user selects dividend and divisor&quot;,
        &quot;label_dividend&quot;: &quot;Label for the dividend input slider, with a parenthetical explanation&quot;,
        &quot;label_divisor&quot;: &quot;Label for the divisor input slider, with a parenthetical explanation&quot;,
        &quot;label_equation&quot;: &quot;Heading for the division equation section&quot;,
        &quot;label_repadd&quot;: &quot;Heading for the repeated addition section&quot;,
        &quot;repadd_exact&quot;: &quot;Text appended to the repeated addition when division is exact&quot;,
        &quot;repadd_leftover&quot;: &quot;Text shown after the leftover value in the repeated addition&quot;,
        &quot;repadd_less&quot;: &quot;Text shown in the repeated addition section when the dividend is less than the divisor. Parameters: $1 = dividend, $2 = divisor.&quot;,
        &quot;hint&quot;: &quot;Instruction text explaining how to use the division sliders&quot;
    },
    &quot;ga&quot;: {
        &quot;_name&quot;: &quot;Díbhinn agus Roinnteoir&quot;,
        &quot;eq_lbl_dividend&quot;: &quot;díbhinn&quot;,
        &quot;eq_lbl_divisor&quot;: &quot;roinnteoir&quot;,
        &quot;eq_lbl_quotient&quot;: &quot;cóimheas&quot;,
        &quot;eq_lbl_remainder&quot;: &quot;fuílleach&quot;,
        &quot;insight_exact&quot;: &quot;&lt;strong&gt;$1 ÷ $2 = $3&lt;/strong&gt; go díreach — gan aon fhuíoll. Líonann an barra go foirfe isteach i &lt;strong&gt;$3&lt;/strong&gt; den chuid chomhionann $6. Ciallaíonn sé seo gur roinnteoir de &lt;strong&gt;$1&lt;/strong&gt; é &lt;strong&gt;$2&lt;/strong&gt;.&quot;,
        &quot;insight_less&quot;: &quot;Tá &lt;strong&gt;$1&lt;/strong&gt; níos lú ná an roinnteoir &lt;strong&gt;$2&lt;/strong&gt;, mar sin oireann sé do &lt;strong&gt;0&lt;/strong&gt; píosa iomlán. Is é an luach iomlán an t-iarmhar. Bíonn an t-iarmhar níos lú ná an roinnteoir i gcónaí.&quot;,
        &quot;insight_normal&quot;: &quot;&lt;strong&gt;$1 ÷ $2 = $3&lt;/strong&gt; fuílleach &lt;strong&gt;$4&lt;/strong&gt;. Tabhair faoi deara go mbíonn an píosa dearg (&lt;strong&gt;$4&lt;/strong&gt;) i gcónaí níos giorra ná smután gorm amháin (&lt;strong&gt;$2&lt;/strong&gt;). Bíonn an fuílleach i gcónaí níos lú ná an roinnteoir. Seiceáil: &lt;strong&gt;$3 × $2 + $4 = $5 + $4 = $1&lt;/strong&gt; ✓&quot;,
        &quot;label_bar_description&quot;: &quot;Radharc barra — gach píosa gorm = {{PLURAL:$1|$1 aonad|$1 aonaid}}&quot;,
        &quot;label_choose&quot;: &quot;Roghnaigh díbhinn agus roinnteoir&quot;,
        &quot;label_dividend&quot;: &quot;Díbhinn (an uimhir atá á roinnt)&quot;,
        &quot;label_divisor&quot;: &quot;Roinnteoir (méid an phíosa)&quot;,
        &quot;label_equation&quot;: &quot;Cothromóid roinnte&quot;,
        &quot;label_repadd&quot;: &quot;Breisiú arís agus arís eile&quot;,
        &quot;repadd_exact&quot;: &quot;— roinneann go díreach!&quot;,
        &quot;repadd_leftover&quot;: &quot;fágtha&quot;,
        &quot;repadd_less&quot;: &quot;Tá $1 níos lú ná $2, mar sin is é 0 an cóimheas agus is é an luach iomlán an fuíoll.&quot;,
        &quot;hint&quot;: &quot;Coigeartaigh an díbhinn agus an roinnteoir chun miondealú na roinnte a fheiceáil&quot;
    },
    &quot;es&quot;: {
        &quot;_name&quot;: &quot;Dividendo y divisor&quot;,
        &quot;eq_lbl_dividend&quot;: &quot;dividendo&quot;,
        &quot;eq_lbl_divisor&quot;: &quot;divisor&quot;,
        &quot;eq_lbl_quotient&quot;: &quot;cociente&quot;,
        &quot;eq_lbl_remainder&quot;: &quot;resto&quot;,
        &quot;insight_exact&quot;: &quot;&lt;strong&gt;$1 ÷ $2 = $3&lt;/strong&gt; exacto — sin resto. La barra se llena perfectamente en &lt;strong&gt;$3&lt;/strong&gt; fragmentos iguales. Esto significa que &lt;strong&gt;$2&lt;/strong&gt; es un divisor de &lt;strong&gt;$1&lt;/strong&gt;.&lt;!--$6--&gt;&quot;,
        &quot;insight_less&quot;: &quot;&lt;strong&gt;$1&lt;/strong&gt; es menor que el divisor &lt;strong&gt;$2&lt;/strong&gt;, por lo que cabe en &lt;strong&gt;0&lt;/strong&gt; fragmentos enteros. Todo el valor es el resto. El resto es siempre menor que el divisor.&quot;,
        &quot;insight_normal&quot;: &quot;&lt;strong&gt;$1 ÷ $2 = $3&lt;/strong&gt; resto &lt;strong&gt;$4&lt;/strong&gt;. Nota que la pieza roja (&lt;strong&gt;$4&lt;/strong&gt;) siempre es más corta que un fragmento azul (&lt;strong&gt;$2&lt;/strong&gt;). El resto siempre es estrictamente menor que el divisor. Comprobación: &lt;strong&gt;$3 × $2 + $4 = $5 + $4 = $1&lt;/strong&gt; ✓&quot;,
        &quot;label_bar_description&quot;: &quot;Vista de barras: cada segmento azul = {{PLURAL:$1|$1 unidad|$1 unidades}}&quot;,
        &quot;label_choose&quot;: &quot;Elige el dividendo y el divisor&quot;,
        &quot;label_dividend&quot;: &quot;Dividendo (el número a dividir)&quot;,
        &quot;label_divisor&quot;: &quot;Divisor (el tamaño del fragmento)&quot;,
        &quot;label_equation&quot;: &quot;Ecuación de división&quot;,
        &quot;label_repadd&quot;: &quot;Suma repetida&quot;,
        &quot;repadd_exact&quot;: &quot;— se divide exactamente!&quot;,
        &quot;repadd_leftover&quot;: &quot;sobra&quot;,
        &quot;repadd_less&quot;: &quot;$1 es menor que $2, por lo que el cociente es 0 y el valor completo es el resto.&quot;,
        &quot;hint&quot;: &quot;Ajusta el dividendo y el divisor para ver el desglose de la división&quot;
    },
    &quot;mk&quot;: {
        &quot;_name&quot;: &quot;Деленик и делител&quot;,
        &quot;eq_lbl_dividend&quot;: &quot;деленик&quot;,
        &quot;eq_lbl_divisor&quot;: &quot;делител&quot;,
        &quot;eq_lbl_quotient&quot;: &quot;количник&quot;,
        &quot;eq_lbl_remainder&quot;: &quot;остаток&quot;,
        &quot;insight_exact&quot;: &quot;&lt;strong&gt;$1 ÷ $2 = точно $3&lt;/strong&gt; — без остаток. Столбот совршено се вклопува во &lt;strong&gt;$3&lt;/strong&gt; еднакво парче$6. Ова значи дека &lt;strong&gt;$2&lt;/strong&gt; е делител на &lt;strong&gt;$1&lt;/strong&gt;.&quot;,
        &quot;insight_less&quot;: &quot;&lt;strong&gt;$1&lt;/strong&gt; е помал од делителот &lt;strong&gt;$2&lt;/strong&gt;, така што вклопува &lt;strong&gt;0&lt;/strong&gt; цели парчиња. Целата вредност е остатокот. Остатокот е секогаш помал од делителот.&quot;,
        &quot;insight_normal&quot;: &quot;&lt;strong&gt;$1 ÷ $2 = $3&lt;/strong&gt; остаток &lt;strong&gt;$4&lt;/strong&gt;. Забележете дека црвеното парче (&lt;strong&gt;$4&lt;/strong&gt;) секогаш е пократко од едно сино парче (&lt;strong&gt;$2&lt;/strong&gt;). Остатокот е секогаш строго помал од делителот. Проверка: &lt;strong&gt;$3 × $2 + $4 = $5 + $4 = $1&lt;/strong&gt; ✓&quot;,
        &quot;label_bar_description&quot;: &quot;Столбен преглед — секое сино парче = {{PLURAL:$1|$1 единица|$1 единици}}&quot;,
        &quot;label_choose&quot;: &quot;Изберете деленик и делител&quot;,
        &quot;label_dividend&quot;: &quot;Деленик (бројот што се дели)&quot;,
        &quot;label_divisor&quot;: &quot;Делител (големината на парчето)&quot;,
        &quot;label_equation&quot;: &quot;Равенка на делење&quot;,
        &quot;label_repadd&quot;: &quot;Повторено собирање&quot;,
        &quot;repadd_exact&quot;: &quot;— точно се дели!&quot;,
        &quot;repadd_leftover&quot;: &quot;останато&quot;,
        &quot;repadd_less&quot;: &quot;$1 е помало од $2, така што количникот изнесува 0, а целата вредност е остатокот.&quot;,
        &quot;hint&quot;: &quot;Прилагодете ги деленикот и делителот за да добиете разложен преглед на делењето&quot;
    }
} /* I18N_END */
var lang = (window.mw &amp;&amp; mw.config.get('wgUserLanguage')) || 'en';
var banana = new Banana(lang.split('-')[0]);
banana.load(messages);

function t(key, vars) {
    var args = Array.isArray(vars) ? vars : [];
    var str = banana.i18n(key, ...args);
    if (vars &amp;&amp; typeof vars === 'object' &amp;&amp; !Array.isArray(vars)) {
        Object.keys(vars).forEach(function(k) {
            str = str.replace(new RegExp('\\{' + k + '\\}', 'g'), vars[k]);
        });
    }
    return str;
}

/* ── BUILD HTML ───────────────────────────────────────────────────────────── */
function buildHTML( root ) {
    root.innerHTML =
        '&lt;div class=&quot;hw-div&quot;&gt;' +

        /* Controls */
        '&lt;div class=&quot;hw-div-sec&quot; id=&quot;hw-div-lbl-choose&quot;&gt;&lt;/div&gt;' +
        '&lt;div class=&quot;hw-div-controls&quot;&gt;' +
            '&lt;div&gt;' +
                '&lt;div class=&quot;hw-div-ctrl-lbl&quot; id=&quot;hw-div-lbl-dividend&quot;&gt;&lt;/div&gt;' +
                '&lt;div class=&quot;hw-div-ctrl-row&quot;&gt;' +
                    '&lt;input type=&quot;range&quot; id=&quot;hw-div-s-dividend&quot; min=&quot;1&quot; max=&quot;99&quot; value=&quot;23&quot; step=&quot;1&quot;&gt;' +
                    '&lt;div class=&quot;hw-div-badge&quot; id=&quot;hw-div-badge-dividend&quot;&gt;23&lt;/div&gt;' +
                '&lt;/div&gt;' +
            '&lt;/div&gt;' +
            '&lt;div&gt;' +
                '&lt;div class=&quot;hw-div-ctrl-lbl&quot; id=&quot;hw-div-lbl-divisor&quot;&gt;&lt;/div&gt;' +
                '&lt;div class=&quot;hw-div-ctrl-row&quot;&gt;' +
                    '&lt;input type=&quot;range&quot; id=&quot;hw-div-s-divisor&quot; min=&quot;2&quot; max=&quot;15&quot; value=&quot;5&quot; step=&quot;1&quot;&gt;' +
                    '&lt;div class=&quot;hw-div-badge hw-div-badge-divisor&quot; id=&quot;hw-div-badge-divisor&quot;&gt;5&lt;/div&gt;' +
                '&lt;/div&gt;' +
            '&lt;/div&gt;' +
        '&lt;/div&gt;' +

        /* Equation */
        '&lt;div class=&quot;hw-div-sec&quot; id=&quot;hw-div-lbl-equation&quot;&gt;&lt;/div&gt;' +
        '&lt;div class=&quot;hw-div-equation&quot; id=&quot;hw-div-equation&quot;&gt;' +
            '&lt;div class=&quot;hw-div-eq-col&quot;&gt;' +
                '&lt;div class=&quot;hw-div-eq-num&quot; id=&quot;hw-div-eq-dividend&quot;&gt;23&lt;/div&gt;' +
                '&lt;div class=&quot;hw-div-eq-lbl&quot; id=&quot;hw-div-eq-lbl-dividend&quot;&gt;&lt;/div&gt;' +
            '&lt;/div&gt;' +
            '&lt;div class=&quot;hw-div-eq-op&quot;&gt;=&lt;/div&gt;' +
            '&lt;div class=&quot;hw-div-eq-col&quot;&gt;' +
                '&lt;div class=&quot;hw-div-eq-num hw-div-eq-quotient&quot; id=&quot;hw-div-eq-quotient&quot;&gt;4&lt;/div&gt;' +
                '&lt;div class=&quot;hw-div-eq-lbl&quot; id=&quot;hw-div-eq-lbl-quotient&quot;&gt;&lt;/div&gt;' +
            '&lt;/div&gt;' +
            '&lt;div class=&quot;hw-div-eq-op&quot;&gt;×&lt;/div&gt;' +
            '&lt;div class=&quot;hw-div-eq-col&quot;&gt;' +
                '&lt;div class=&quot;hw-div-eq-num hw-div-eq-divisor&quot; id=&quot;hw-div-eq-divisor&quot;&gt;5&lt;/div&gt;' +
                '&lt;div class=&quot;hw-div-eq-lbl&quot; id=&quot;hw-div-eq-lbl-divisor&quot;&gt;&lt;/div&gt;' +
            '&lt;/div&gt;' +
            '&lt;div class=&quot;hw-div-eq-op&quot; id=&quot;hw-div-eq-plus&quot;&gt;+&lt;/div&gt;' +
            '&lt;div class=&quot;hw-div-eq-col&quot; id=&quot;hw-div-eq-rem-col&quot;&gt;' +
                '&lt;div class=&quot;hw-div-eq-num&quot; id=&quot;hw-div-eq-remainder&quot;&gt;3&lt;/div&gt;' +
                '&lt;div class=&quot;hw-div-eq-lbl&quot; id=&quot;hw-div-eq-lbl-remainder&quot;&gt;&lt;/div&gt;' +
            '&lt;/div&gt;' +
        '&lt;/div&gt;' +

        /* Bar */
        '&lt;div class=&quot;hw-div-sec&quot; id=&quot;hw-div-lbl-bar-full&quot;&gt;&lt;/div&gt;' +
        '&lt;div class=&quot;hw-div-bar-wrap&quot; id=&quot;hw-div-bar-wrap&quot;&gt;&lt;/div&gt;' +
        '&lt;div class=&quot;hw-div-bar-labels&quot; id=&quot;hw-div-bar-labels&quot;&gt;&lt;/div&gt;' +

        /* Repeated addition */
        '&lt;div class=&quot;hw-div-sec&quot; style=&quot;margin-top:1rem&quot; id=&quot;hw-div-lbl-repadd&quot;&gt;&lt;/div&gt;' +
        '&lt;div class=&quot;hw-div-repadd&quot; id=&quot;hw-div-repadd&quot;&gt;&lt;/div&gt;' +

        /* Insight */
        '&lt;div class=&quot;hw-div-insight&quot; id=&quot;hw-div-insight&quot;&gt;&lt;/div&gt;' +

        '&lt;div class=&quot;hw-footer&quot;&gt;' +
            '&lt;a class=&quot;hw-footer-icon&quot; href=&quot;' + mw.util.getUrl('Wikipedia:Hiruwiki') + '&quot; title=&quot;Hiruwiki&quot;&gt;' + hiruwiki.getLogoSvg(22) + '&lt;/a&gt;' +
            '&lt;span class=&quot;hw-footer__text&quot;&gt;' + (t('hint') === 'hint' || t('hint') === '&lt;hint&gt;' ? (messages.en.hint || '') : t('hint')) + '&lt;/span&gt;' +
        '&lt;/div&gt;' +

        '&lt;/div&gt;';
}

/* ── INIT STATIC TEXT ─────────────────────────────────────────────────────── */
function initText( root ) {
    root.querySelector( '#hw-div-lbl-choose'      ).textContent = t( 'label_choose'    );
    root.querySelector( '#hw-div-lbl-dividend'    ).textContent = t( 'label_dividend'  );
    root.querySelector( '#hw-div-lbl-divisor'     ).textContent = t( 'label_divisor'   );
    root.querySelector( '#hw-div-lbl-equation'    ).textContent = t( 'label_equation'  );
    root.querySelector( '#hw-div-lbl-repadd'      ).textContent = t( 'label_repadd'    );
    root.querySelector( '#hw-div-eq-lbl-dividend' ).textContent = t( 'eq_lbl_dividend' );
    root.querySelector( '#hw-div-eq-lbl-quotient' ).textContent = t( 'eq_lbl_quotient' );
    root.querySelector( '#hw-div-eq-lbl-divisor'  ).textContent = t( 'eq_lbl_divisor'  );
    root.querySelector( '#hw-div-eq-lbl-remainder').textContent = t( 'eq_lbl_remainder');
}

/* ── UPDATE ───────────────────────────────────────────────────────────────── */
function update( root ) {
    var N = parseInt( root.querySelector( '#hw-div-s-dividend' ).value, 10 );
    var D = parseInt( root.querySelector( '#hw-div-s-divisor'  ).value, 10 );
    var Q = Math.floor( N / D );
    var R = N % D;
    var exact = R === 0;
    var QD = Q * D;
    var plural = Q === 1 ? '' : 's';

    /* Badges */
    root.querySelector( '#hw-div-badge-dividend' ).textContent = N;
    root.querySelector( '#hw-div-badge-divisor'  ).textContent = D;
    root.querySelector( '#hw-div-lbl-bar-full'   ).textContent = t( 'label_bar_description', [D] );

    /* Equation numbers */
    root.querySelector( '#hw-div-eq-dividend'  ).textContent = N;
    root.querySelector( '#hw-div-eq-quotient'  ).textContent = Q;
    root.querySelector( '#hw-div-eq-divisor'   ).textContent = D;
    root.querySelector( '#hw-div-eq-remainder' ).textContent = R;
    root.querySelector( '#hw-div-eq-remainder' ).style.color = exact ? '#639922' : '#C0392B';

    /* Dim the &quot;+ remainder&quot; part when exact */
    root.querySelector( '#hw-div-eq-plus'    ).style.opacity = exact ? '0.3' : '1';
    root.querySelector( '#hw-div-eq-rem-col' ).style.opacity = exact ? '0.3' : '1';

    /* ── Bar ──────────────────────────────────────────────────────── */
    var barWrap = root.querySelector( '#hw-div-bar-wrap' );
    barWrap.innerHTML = '';

    for ( var i = 0; i &lt; Q; i++ ) {
        if ( i &gt; 0 ) {
            var gap = document.createElement( 'div' );
            gap.className = 'hw-div-gap';
            barWrap.appendChild( gap );
        }
        var chunk = document.createElement( 'div' );
        chunk.className = 'hw-div-chunk';
        /* proportional flex-basis */
        chunk.style.flexBasis = ( D / N * 100 ) + '%';
        /* round corners */
        var rLeft  = i === 0 ? '8px' : '0';
        var rRight = ( i === Q - 1 &amp;&amp; exact ) ? '8px' : '0';
        chunk.style.borderRadius = rLeft + ' ' + rRight + ' ' + rRight + ' ' + rLeft;
        barWrap.appendChild( chunk );
    }

    if ( R &gt; 0 ) {
        if ( Q &gt; 0 ) {
            var gap2 = document.createElement( 'div' );
            gap2.className = 'hw-div-gap';
            barWrap.appendChild( gap2 );
        }
        var rem = document.createElement( 'div' );
        rem.className = 'hw-div-remainder';
        rem.style.flexBasis    = ( R / N * 100 ) + '%';
        rem.style.borderRadius = Q === 0 ? '8px' : '0 8px 8px 0';
        barWrap.appendChild( rem );
    }

    /* ── Bar labels ───────────────────────────────────────────────── */
    var labWrap = root.querySelector( '#hw-div-bar-labels' );
    labWrap.innerHTML = '';

    var positions = [ 0 ];
    for ( var j = 1; j &lt;= Q; j++ ) positions.push( D * j );
    if ( R &gt; 0 ) positions.push( N );

    /* deduplicate */
    var seen = {};
    positions.forEach( function ( v ) {
        if ( seen[ v ] || v &gt; N ) return;
        seen[ v ] = true;
        var lbl = document.createElement( 'div' );
        lbl.className   = 'hw-div-bar-lbl';
        lbl.textContent = v;
        lbl.style.left  = ( v / N * 100 ) + '%';
        labWrap.appendChild( lbl );
    } );

    /* ── Repeated addition ────────────────────────────────────────── */
    var repAdd = root.querySelector( '#hw-div-repadd' );
    repAdd.innerHTML = '';

    if ( Q === 0 ) {
        repAdd.innerHTML = t( 'repadd_less', [ N, D ] );
    } else {
        var parts = [];
        for ( var k = 0; k &lt; Q; k++ ) {
            parts.push( '&lt;span class=&quot;hw-div-chunk-num&quot;&gt;' + D + '&lt;/span&gt;' );
        }
        var str = parts.join( ' + ' ) + ' = &lt;span class=&quot;hw-div-chunk-num&quot;&gt;' + QD + '&lt;/span&gt;';
        if ( R &gt; 0 ) {
            str += ' + &lt;span class=&quot;hw-div-rem-num&quot;&gt;' + R + '&lt;/span&gt; ' + t( 'repadd_leftover' );
        } else {
            str += ' &lt;span class=&quot;hw-div-exact&quot;&gt;' + t( 'repadd_exact' ) + '&lt;/span&gt;';
        }
        repAdd.innerHTML = str;
    }

    /* ── Insight ──────────────────────────────────────────────────── */
    var args = [ N, D, Q, R, QD, plural ];
    var ins = root.querySelector( '#hw-div-insight' );
    if ( exact ) {
        ins.innerHTML = t( 'insight_exact', args );
    } else if ( Q === 0 ) {
        ins.innerHTML = t( 'insight_less', args );
    } else {
        ins.innerHTML = t( 'insight_normal', args );
    }
}

/* ── MOUNT ────────────────────────────────────────────────────────────────── */
function mount( root ) {
    buildHTML( root );
    initText( root );
    var sDividend = root.querySelector( '#hw-div-s-dividend' );
    var sDivisor  = root.querySelector( '#hw-div-s-divisor'  );
    sDividend.addEventListener( 'input', function () { update( root ); } );
    sDivisor.addEventListener(  'input', function () { update( root ); } );
    update( root );
}

/* ── SCAN &amp; INIT ──────────────────────────────────────────────────────────── */
function init() {
    document.querySelectorAll( '.hiruwiki[data-module=&quot;dividend&quot;]' ).forEach( function ( el ) {
        if ( !el.dataset.hwDivInit ) {
            el.dataset.hwDivInit = '1';
            mount( el );
        }
    } );
}

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

} )();</text>
      <sha1>dpdio9z7f3bjcoe2f37qmfz95eqevsa</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/euler-line.js</title>
    <ns>8</ns>
    <id>179486</id>
    <revision>
      <id>781424</id>
      <parentid>770213</parentid>
      <timestamp>2026-10-28T10:39:02Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781424</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="29531" sha1="ax6baoodcpjg8h6pc831btpjf4t12en" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* =========================================================
 * Hiruwiki module: euler-line
 * Visualisation of the Euler line: circumcenter (O),
 * centroid (G) and orthocentre (H) of a triangle.
 * =========================================================
 * i18n: add a new key to the `messages` object below and
 *       a matching entry for every language code you need.
 *       Fall back to 'en' when the wiki language is absent.
 * ========================================================= */

( function () {

/* ── I18N ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var messages = /* I18N_START */ {
    &quot;nl&quot;: {
        &quot;_name&quot;: &quot;Rechte van Euler&quot;,
        &quot;triangle&quot;: &quot;Driehoek&quot;,
        &quot;eulerLine&quot;: &quot;Rechte van Euler&quot;,
        &quot;hint&quot;: &quot;Sleep een hoekpunt · Schaal: 1 cm = 40 px&quot;,
        &quot;sideA&quot;: &quot;Zijde a (BC)&quot;,
        &quot;sideB&quot;: &quot;Zijde b (CA)&quot;,
        &quot;sideC&quot;: &quot;Zijde c (AB)&quot;,
        &quot;perimeter&quot;: &quot;Omtrek&quot;,
        &quot;circumcenter&quot;: &quot;Middelpunt omgeschreven cirkel O&quot;,
        &quot;centroid&quot;: &quot;Zwaartepunt G&quot;,
        &quot;orthocentre&quot;: &quot;Hoogtepunt H&quot;,
        &quot;scaleUnit&quot;: &quot;cm&quot;
    },
    &quot;fr&quot;: {
        &quot;_name&quot;: &quot;Droite d'Euler&quot;,
        &quot;triangle&quot;: &quot;Triangle&quot;,
        &quot;eulerLine&quot;: &quot;Droite d'Euler&quot;,
        &quot;hint&quot;: &quot;Faites glisser un sommet · Échelle : 1 cm = 40 px&quot;,
        &quot;sideA&quot;: &quot;Côté a (BC)&quot;,
        &quot;sideB&quot;: &quot;Côté b (CA)&quot;,
        &quot;sideC&quot;: &quot;Côté c (AB)&quot;,
        &quot;perimeter&quot;: &quot;Périmètre&quot;,
        &quot;circumcenter&quot;: &quot;Circoncentre O&quot;,
        &quot;centroid&quot;: &quot;Centre de gravité G&quot;,
        &quot;orthocentre&quot;: &quot;Orthocentre H&quot;,
        &quot;scaleUnit&quot;: &quot;cm&quot;
    },
    &quot;tr&quot;: {
        &quot;_name&quot;: &quot;Euler Doğrusu&quot;,
        &quot;triangle&quot;: &quot;Üçgen&quot;,
        &quot;eulerLine&quot;: &quot;Euler Doğrusu&quot;,
        &quot;hint&quot;: &quot;Herhangi bir köşeyi sürükleyin · Ölçek: 1 cm = 40 piksel&quot;,
        &quot;sideA&quot;: &quot;a kenarı (BC)&quot;,
        &quot;sideB&quot;: &quot;b kenarı (CA)&quot;,
        &quot;sideC&quot;: &quot;c kenarı (AB)&quot;,
        &quot;perimeter&quot;: &quot;Çevre&quot;,
        &quot;circumcenter&quot;: &quot;Çevre merkez O&quot;,
        &quot;centroid&quot;: &quot;Merkez G&quot;,
        &quot;orthocentre&quot;: &quot;Yükseklik merkezi H&quot;,
        &quot;scaleUnit&quot;: &quot;cm&quot;
    },
    &quot;eu&quot;: {
        &quot;_name&quot;: &quot;Eulerren zuzenea&quot;,
        &quot;triangle&quot;: &quot;Triangelua&quot;,
        &quot;eulerLine&quot;: &quot;Eulerren zuzenea&quot;,
        &quot;hint&quot;: &quot;Erpinak mugitu ditzakezu · Eskala: 1 cm = 40 px&quot;,
        &quot;sideA&quot;: &quot;a aldea (BC)&quot;,
        &quot;sideB&quot;: &quot;b aldea (CA)&quot;,
        &quot;sideC&quot;: &quot;c aldea (AB)&quot;,
        &quot;perimeter&quot;: &quot;Perimetroa&quot;,
        &quot;circumcenter&quot;: &quot;Zirkunzentroa O&quot;,
        &quot;centroid&quot;: &quot;Zentroidea G&quot;,
        &quot;orthocentre&quot;: &quot;Ortozentro H&quot;,
        &quot;scaleUnit&quot;: &quot;cm&quot;
    },
    &quot;sk&quot;: {
        &quot;_name&quot;: &quot;Eulerova priamka&quot;,
        &quot;triangle&quot;: &quot;Trojuholník&quot;,
        &quot;eulerLine&quot;: &quot;Eulerova priamka&quot;,
        &quot;hint&quot;: &quot;Potiahnite ľubovoľný vrchol · Mierka: 1 cm = 40 px&quot;,
        &quot;sideA&quot;: &quot;Strana a (BC)&quot;,
        &quot;sideB&quot;: &quot;Strana b (CA)&quot;,
        &quot;sideC&quot;: &quot;Strana c (AB)&quot;,
        &quot;perimeter&quot;: &quot;Obvod&quot;,
        &quot;circumcenter&quot;: &quot;Stred opísanej kružnice O&quot;,
        &quot;centroid&quot;: &quot;Ťažisko G&quot;,
        &quot;orthocentre&quot;: &quot;Ortocentrum H&quot;,
        &quot;scaleUnit&quot;: &quot;cm&quot;
    },
    &quot;skr-arab&quot;: {
        &quot;_name&quot;: &quot;آئلر لکیر&quot;,
        &quot;triangle&quot;: &quot;مثلث&quot;,
        &quot;eulerLine&quot;: &quot;آئلر لکیر&quot;,
        &quot;hint&quot;: &quot;کوئی وی سرا گھسیٹو · پیمانہ: 1 cm = 40 px&quot;,
        &quot;sideA&quot;: &quot;ضلع a (BC)&quot;,
        &quot;sideB&quot;: &quot;ضلع b (CA)&quot;,
        &quot;sideC&quot;: &quot;ضلع c (AB)&quot;,
        &quot;perimeter&quot;: &quot;گھیر&quot;,
        &quot;circumcenter&quot;: &quot;گرد مرکز O&quot;,
        &quot;centroid&quot;: &quot;ثقل مرکز G&quot;,
        &quot;orthocentre&quot;: &quot;قائم مرکز H&quot;,
        &quot;scaleUnit&quot;: &quot;cm&quot;
    },
    &quot;lb&quot;: {
        &quot;triangle&quot;: &quot;Dräieck&quot;,
        &quot;sideA&quot;: &quot;Säit a (BC)&quot;,
        &quot;sideB&quot;: &quot;Säit b (CA)&quot;,
        &quot;sideC&quot;: &quot;Säit c (AB)&quot;,
        &quot;scaleUnit&quot;: &quot;cm&quot;
    },
    &quot;ko&quot;: {
        &quot;_name&quot;: &quot;오일러 선&quot;,
        &quot;triangle&quot;: &quot;삼각형&quot;,
        &quot;eulerLine&quot;: &quot;오일러 선&quot;,
        &quot;hint&quot;: &quot;꼭짓점을 드래그하세요 · 축척: 1 cm = 40 px&quot;,
        &quot;sideA&quot;: &quot;변 a (BC)&quot;,
        &quot;sideB&quot;: &quot;변 b (CA)&quot;,
        &quot;sideC&quot;: &quot;변 c (AB)&quot;,
        &quot;perimeter&quot;: &quot;둘레&quot;,
        &quot;circumcenter&quot;: &quot;외심 O&quot;,
        &quot;centroid&quot;: &quot;무게중심 G&quot;,
        &quot;orthocentre&quot;: &quot;수심 H&quot;,
        &quot;scaleUnit&quot;: &quot;cm&quot;
    },
    &quot;en&quot;: {
        &quot;_name&quot;: &quot;Euler Line&quot;,
        &quot;triangle&quot;: &quot;Triangle&quot;,
        &quot;eulerLine&quot;: &quot;Euler Line&quot;,
        &quot;hint&quot;: &quot;Drag any vertex · Scale: 1 cm = 40 px&quot;,
        &quot;sideA&quot;: &quot;Side a (BC)&quot;,
        &quot;sideB&quot;: &quot;Side b (CA)&quot;,
        &quot;sideC&quot;: &quot;Side c (AB)&quot;,
        &quot;perimeter&quot;: &quot;Perimeter&quot;,
        &quot;circumcenter&quot;: &quot;Circumcenter O&quot;,
        &quot;centroid&quot;: &quot;Centroid G&quot;,
        &quot;orthocentre&quot;: &quot;Orthocentre H&quot;,
        &quot;scaleUnit&quot;: &quot;cm&quot;
    },
    &quot;qqq&quot;: {
        &quot;_name&quot;: &quot;Name of the Euler Line module&quot;,
        &quot;triangle&quot;: &quot;Section heading for the triangle properties card&quot;,
        &quot;eulerLine&quot;: &quot;Section heading for the Euler line properties card&quot;,
        &quot;hint&quot;: &quot;Instruction text shown in the footer. Includes scale information.&quot;,
        &quot;sideA&quot;: &quot;Label for side a (BC) of the triangle&quot;,
        &quot;sideB&quot;: &quot;Label for side b (CA) of the triangle&quot;,
        &quot;sideC&quot;: &quot;Label for side c (AB) of the triangle&quot;,
        &quot;perimeter&quot;: &quot;Label for the triangle perimeter&quot;,
        &quot;circumcenter&quot;: &quot;Label for the circumcenter point O&quot;,
        &quot;centroid&quot;: &quot;Label for the centroid point G&quot;,
        &quot;orthocentre&quot;: &quot;Label for the orthocentre point H&quot;,
        &quot;scaleUnit&quot;: &quot;Unit abbreviation used for measurements (centimetres)&quot;
    },
    &quot;ga&quot;: {
        &quot;_name&quot;: &quot;Líne Euler&quot;,
        &quot;triangle&quot;: &quot;Triantán&quot;,
        &quot;eulerLine&quot;: &quot;Líne Euler&quot;,
        &quot;hint&quot;: &quot;Tarraing aon bhuaicphointe · Scála: 1 cm = 40 px&quot;,
        &quot;sideA&quot;: &quot;Taobh a (BC)&quot;,
        &quot;sideB&quot;: &quot;Taobh b (CA)&quot;,
        &quot;sideC&quot;: &quot;Taobh c (AB)&quot;,
        &quot;perimeter&quot;: &quot;Imlíne&quot;,
        &quot;circumcenter&quot;: &quot;Lárphointe imlíne O&quot;,
        &quot;centroid&quot;: &quot;Lárphointe G&quot;,
        &quot;orthocentre&quot;: &quot;Lárphointe ortaipéideach H&quot;,
        &quot;scaleUnit&quot;: &quot;cm&quot;
    },
    &quot;es&quot;: {
        &quot;_name&quot;: &quot;Recta de Euler&quot;,
        &quot;triangle&quot;: &quot;Triángulo&quot;,
        &quot;eulerLine&quot;: &quot;Recta de Euler&quot;,
        &quot;hint&quot;: &quot;Arrastra un vértice · Escala: 1 cm = 40 px&quot;,
        &quot;sideA&quot;: &quot;Lado a (BC)&quot;,
        &quot;sideB&quot;: &quot;Lado b (CA)&quot;,
        &quot;sideC&quot;: &quot;Lado c (AB)&quot;,
        &quot;perimeter&quot;: &quot;Perímetro&quot;,
        &quot;circumcenter&quot;: &quot;Circuncentro O&quot;,
        &quot;centroid&quot;: &quot;Baricentro G&quot;,
        &quot;orthocentre&quot;: &quot;Ortocentro H&quot;,
        &quot;scaleUnit&quot;: &quot;cm&quot;
    },
    &quot;mk&quot;: {
        &quot;_name&quot;: &quot;Ојлерова права&quot;,
        &quot;triangle&quot;: &quot;Триаголник&quot;,
        &quot;eulerLine&quot;: &quot;Ојлерова права&quot;,
        &quot;hint&quot;: &quot;Повлечете некое теме · Размер: 1 см = 40 п&quot;,
        &quot;sideA&quot;: &quot;Страна a (BC)&quot;,
        &quot;sideB&quot;: &quot;Страна b (CA)&quot;,
        &quot;sideC&quot;: &quot;Страна c (AB)&quot;,
        &quot;perimeter&quot;: &quot;Обем&quot;,
        &quot;circumcenter&quot;: &quot;Центар на опишана кружница O&quot;,
        &quot;centroid&quot;: &quot;Тежиште G&quot;,
        &quot;orthocentre&quot;: &quot;Ортоцентар H&quot;,
        &quot;scaleUnit&quot;: &quot;см&quot;
    }
} /* I18N_END */
var lang = (window.mw &amp;&amp; mw.config.get('wgUserLanguage')) || 'en';
var banana = new Banana(lang.split('-')[0]);
banana.load(messages);

function t(key, vars) {
    var args = Array.isArray(vars) ? vars : [];
    var str = banana.i18n(key, ...args);
    if (vars &amp;&amp; typeof vars === 'object' &amp;&amp; !Array.isArray(vars)) {
        Object.keys(vars).forEach(function(k) {
            str = str.replace(new RegExp('\\{' + k + '\\}', 'g'), vars[k]);
        });
    }
    return str;
}

;

/* ── Constants ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var SCALE   = 40;   /* pixels per centimetre  */
var RULER_H = 36;   /* ruler strip height (px) */
var H_PX    = 540;  /* canvas height — [1] increased ~100 px from 440 */
var DPR     = window.devicePixelRatio || 1;

/* ── Geometry helpers ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
function dist( a, b ) {
	return Math.hypot( b.x - a.x, b.y - a.y );
}

function midpoint( A, B ) {
	return { x: ( A.x + B.x ) / 2, y: ( A.y + B.y ) / 2 };
}

function footPerp( P, V1, V2 ) {
	var dx = V2.x - V1.x, dy = V2.y - V1.y;
	var t  = ( ( P.x - V1.x ) * dx + ( P.y - V1.y ) * dy ) / ( dx * dx + dy * dy );
	return { x: V1.x + t * dx, y: V1.y + t * dy };
}

/* Circumcenter — standard determinant formula. */
function circumcenter( A, B, C ) {
	var ax = A.x, ay = A.y, bx = B.x, by = B.y, cx = C.x, cy = C.y;
	var D  = 2 * ( ax * ( by - cy ) + bx * ( cy - ay ) + cx * ( ay - by ) );
	if ( Math.abs( D ) &lt; 1e-9 ) {
		return { x: ( ax + bx + cx ) / 3, y: ( ay + by + cy ) / 3 };
	}
	var a2 = ax * ax + ay * ay, b2 = bx * bx + by * by, c2 = cx * cx + cy * cy;
	return {
		x: ( a2 * ( by - cy ) + b2 * ( cy - ay ) + c2 * ( ay - by ) ) / D,
		y: ( a2 * ( cx - bx ) + b2 * ( ax - cx ) + c2 * ( bx - ax ) ) / D
	};
}

/* Centroid — arithmetic mean of the three vertices. */
function centroid( A, B, C ) {
	return { x: ( A.x + B.x + C.x ) / 3, y: ( A.y + B.y + C.y ) / 3 };
}

/* Orthocentre — intersection of two altitudes. */
function orthocentre( A, B, C ) {
	var n1x = -( C.y - B.y ), n1y = C.x - B.x;
	var n2x = -( C.y - A.y ), n2y = C.x - A.x;
	var det = n1x * n2y - n1y * n2x;
	if ( Math.abs( det ) &lt; 1e-9 ) {
		return { x: ( A.x + B.x + C.x ) / 3, y: ( A.y + B.y + C.y ) / 3 };
	}
	var t = ( ( B.x - A.x ) * n2y - ( B.y - A.y ) * n2x ) / det;
	return { x: A.x + t * n1x, y: A.y + t * n1y };
}

function angleDeg( V, A, B ) {
	var ax  = A.x - V.x, ay = A.y - V.y;
	var bx  = B.x - V.x, by = B.y - V.y;
	var cos = ( ax * bx + ay * by ) /
	          ( Math.hypot( ax, ay ) * Math.hypot( bx, by ) );
	return Math.acos( Math.max( -1, Math.min( 1, cos ) ) ) * 180 / Math.PI;
}

function labelOffset( V, others, mag ) {
	var dx = 0, dy = 0;
	others.forEach( function ( O ) { dx += V.x - O.x; dy += V.y - O.y; } );
	var l = Math.hypot( dx, dy ) || 1;
	return { x: V.x + dx / l * mag, y: V.y + dy / l * mag };
}

/*
 * Extend a line through two points P1→P2 to the canvas boundary.
 * Returns { x0, y0, x1, y1 } or null when the line is degenerate.
 */
function extendLine( P1, P2, W, H ) {
	var dx = P2.x - P1.x, dy = P2.y - P1.y;
	if ( Math.hypot( dx, dy ) &lt; 1e-6 ) { return null; }
	var ts = [];
	if ( Math.abs( dx ) &gt; 1e-9 ) { ts.push( -P1.x / dx ); ts.push( ( W - P1.x ) / dx ); }
	if ( Math.abs( dy ) &gt; 1e-9 ) { ts.push( ( RULER_H - P1.y ) / dy ); ts.push( ( H - P1.y ) / dy ); }
	ts = ts.filter( function ( t ) {
		var px = P1.x + t * dx, py = P1.y + t * dy;
		return px &gt;= -5 &amp;&amp; px &lt;= W + 5 &amp;&amp; py &gt;= RULER_H - 5 &amp;&amp; py &lt;= H + 5;
	} );
	if ( ts.length &lt; 2 ) { return null; }
	ts.sort( function ( a, b ) { return a - b; } );
	var t0 = ts[ 0 ], t1 = ts[ ts.length - 1 ];
	return { x0: P1.x + t0 * dx, y0: P1.y + t0 * dy, x1: P1.x + t1 * dx, y1: P1.y + t1 * dy };
}

function toCm( px ) { return px / SCALE; }
function fmt( n )   { return n.toFixed( 2 ); }

/* ── Build widget ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
function buildWidget( container ) {
	var lang = ( window.mw &amp;&amp; mw.config.get( 'wgUserLanguage' ) ) || 'en';
	lang = lang.split( '-' )[ 0 ];
	if ( !messages[ lang ] ) { lang = 'en'; }
	var msg = messages[ lang ];

	/* -- HTML skeleton -- */
	container.innerHTML =
		'&lt;div class=&quot;hw-euler&quot;&gt;' +
			'&lt;canvas class=&quot;hw-canvas&quot;&gt;&lt;/canvas&gt;' +
			'&lt;div class=&quot;hw-params&quot;&gt;' +
				'&lt;div class=&quot;hw-card&quot;&gt;' +
					'&lt;div class=&quot;hw-card-title&quot;&gt;' +
						'&lt;span class=&quot;hw-badge hw-badge-t&quot;&gt;' + msg.triangle + '&lt;/span&gt;' +
					'&lt;/div&gt;' +
					'&lt;div class=&quot;hw-row&quot;&gt;&lt;span&gt;' + msg.sideA     + '&lt;/span&gt;&lt;span id=&quot;hw-sa&quot;&gt;&lt;/span&gt;&lt;/div&gt;' +
					'&lt;div class=&quot;hw-row&quot;&gt;&lt;span&gt;' + msg.sideB     + '&lt;/span&gt;&lt;span id=&quot;hw-sb&quot;&gt;&lt;/span&gt;&lt;/div&gt;' +
					'&lt;div class=&quot;hw-row&quot;&gt;&lt;span&gt;' + msg.sideC     + '&lt;/span&gt;&lt;span id=&quot;hw-sc&quot;&gt;&lt;/span&gt;&lt;/div&gt;' +
					'&lt;div class=&quot;hw-row&quot;&gt;&lt;span&gt;' + msg.perimeter + '&lt;/span&gt;&lt;span id=&quot;hw-per&quot;&gt;&lt;/span&gt;&lt;/div&gt;' +
				'&lt;/div&gt;' +
				'&lt;div class=&quot;hw-card&quot;&gt;' +
					'&lt;div class=&quot;hw-card-title&quot;&gt;' +
						'&lt;span class=&quot;hw-badge hw-badge-euler&quot;&gt;' + msg.eulerLine + '&lt;/span&gt;' +
					'&lt;/div&gt;' +
					'&lt;div class=&quot;hw-row&quot;&gt;&lt;span&gt;' + msg.circumcenter + '&lt;/span&gt;&lt;span id=&quot;hw-oc&quot;&gt;&lt;/span&gt;&lt;/div&gt;' +
					'&lt;div class=&quot;hw-row&quot;&gt;&lt;span&gt;' + msg.centroid     + '&lt;/span&gt;&lt;span id=&quot;hw-gc&quot;&gt;&lt;/span&gt;&lt;/div&gt;' +
					'&lt;div class=&quot;hw-row&quot;&gt;&lt;span&gt;' + msg.orthocentre  + '&lt;/span&gt;&lt;span id=&quot;hw-hc&quot;&gt;&lt;/span&gt;&lt;/div&gt;' +
				'&lt;/div&gt;' +
			'&lt;/div&gt;' +
		'&lt;/div&gt;';

	/* -- Footer -- */
	var footer = document.createElement( 'div' );
	footer.className = 'hw-footer';
	var fLogo = document.createElement( 'a' );
	fLogo.className = 'hw-footer-icon';
	fLogo.href = ( window.mw &amp;&amp; mw.util.getUrl( 'Wikipedia:Hiruwiki' ) ) || '#';
	fLogo.title = 'Hiruwiki';
	if ( window.hiruwiki &amp;&amp; window.hiruwiki.getLogoSvg ) {
		fLogo.insertAdjacentHTML( 'beforeend', hiruwiki.getLogoSvg( 22 ) );
	}
	var fText = document.createElement( 'span' );
	fText.className = 'hw-footer__text';
	fText.textContent = msg.hint;
	footer.appendChild( fLogo );
	footer.appendChild( fText );
	container.appendChild( footer );

	var canvas = container.querySelector( '.hw-canvas' );
	var ctx    = canvas.getContext( '2d' );
	var W, H, verts, dragging = -1;

	function $( id ) { return container.querySelector( '#' + id ); }

	/* -- vertex initialisation -----------------------------------------------
	 * [3] Equilateral triangle centred in the drawable area below the ruler.
	 *     All three sides are equal by construction (120° rotation symmetry).
	 * ---------------------------------------------------------------------- */
	function initVerts() {
		var cx = W / 2;
		var cy = RULER_H + ( H - RULER_H ) / 2;       /* centre of drawable area */
		var r  = Math.min( W / 2, ( H - RULER_H ) / 2 ) * 0.62;
		verts = [
			{ x: cx + r * Math.cos( -Math.PI / 2 ),                   y: cy + r * Math.sin( -Math.PI / 2 ) },
			{ x: cx + r * Math.cos( -Math.PI / 2 + 2 * Math.PI / 3 ), y: cy + r * Math.sin( -Math.PI / 2 + 2 * Math.PI / 3 ) },
			{ x: cx + r * Math.cos( -Math.PI / 2 + 4 * Math.PI / 3 ), y: cy + r * Math.sin( -Math.PI / 2 + 4 * Math.PI / 3 ) }
		];
	}

	/* -- colour palette -- */
	function isDark() {
		var root = document.documentElement;
		if ( root.classList.contains( 'skin-theme-clientpref-night' ) ||
		     root.classList.contains( 'client-dark-mode' ) ||
		     document.body.classList.contains( 'mw-dark-mode' ) ) {
			return true;
		}
		return false;
	}

	function palette() {
		var dark = isDark();
		return {
			dark:       dark,
			tri:        dark ? '#AFA9EC' : '#534AB7',    /* purple — triangle / vertices */
			circ:       dark ? '#5DCAA5' : '#0F6E56',    /* teal   — circumcenter O      */
			cen:        dark ? '#FAC775' : '#BA7517',    /* amber  — centroid G          */
			orth:       dark ? '#F28BAD' : '#B5294E',    /* rose   — orthocentre H       */
			euler:      dark ? '#F28BAD' : '#B5294E',    /* rose   — Euler line itself   */
			circFill:   dark ? 'rgba(93,202,165,.05)'  : 'rgba(15,110,86,.04)',
			circStroke: dark ? 'rgba(93,202,165,.30)'  : 'rgba(15,110,86,.25)',
			/* [2] Two altitude colours: solid inner segment, faint dashed extension */
			altSolid:   dark ? 'rgba(250,199,117,.65)' : 'rgba(186,117,23,.60)',
			altExt:     dark ? 'rgba(250,199,117,.28)' : 'rgba(186,117,23,.25)',
			medLine:    dark ? 'rgba(93,202,165,.40)'  : 'rgba(15,110,86,.35)',
			text:       dark ? '#E8E6DC' : '#1a1a18',
			ruleBg:     dark ? 'rgba(28,28,26,.90)' : 'rgba(241,239,232,.85)',
			ruleTick:   dark ? '#444441'             : '#B4B2A9',
			ruleText:   dark ? '#888780'             : '#888780',
			gridMm:     'rgba(128,128,128,.04)',
			gridCm:     'rgba(128,128,128,.08)',
			dotBg:      dark ? '#1e1e1c' : '#ffffff'
		};
	}

	/* -- ruler -- */
	function drawRuler( p ) {
		ctx.fillStyle = p.ruleBg;
		ctx.fillRect( 0, 0, W, RULER_H );
		ctx.strokeStyle = p.ruleTick;
		ctx.lineWidth   = 0.5;
		ctx.beginPath(); ctx.moveTo( 0, RULER_H ); ctx.lineTo( W, RULER_H ); ctx.stroke();

		var maxCm = Math.ceil( W / SCALE ) + 1;
		ctx.font         = '10px sans-serif';
		ctx.textBaseline = 'bottom';

		for ( var cm = 0; cm &lt;= maxCm; cm++ ) {
			var px = cm * SCALE;
			if ( px &gt; W + SCALE ) { break; }
			ctx.strokeStyle = p.ruleTick; ctx.lineWidth = 0.8;
			ctx.beginPath(); ctx.moveTo( px, RULER_H - 10 ); ctx.lineTo( px, RULER_H ); ctx.stroke();
			if ( cm &gt; 0 ) {
				ctx.fillStyle = p.ruleText; ctx.textAlign = 'center';
				ctx.fillText( cm, px, RULER_H - 12 );
			}
			for ( var mm = 1; mm &lt; 10; mm++ ) {
				var mpx = px + mm * SCALE / 10;
				if ( mpx &gt; W ) { break; }
				ctx.strokeStyle = p.ruleTick; ctx.lineWidth = 0.5;
				ctx.beginPath();
				ctx.moveTo( mpx, RULER_H - ( mm === 5 ? 7 : 4 ) );
				ctx.lineTo( mpx, RULER_H );
				ctx.stroke();
			}
		}
		ctx.fillStyle    = p.ruleText;
		ctx.textAlign    = 'left';
		ctx.textBaseline = 'middle';
		ctx.font         = '500 10px sans-serif';
		ctx.fillText( msg.scaleUnit, 4, RULER_H / 2 );
	}

	/* -- grid -- */
	function drawGrid( p ) {
		ctx.lineWidth = 0.5;
		for ( var cm = 0; cm * SCALE &lt; W + SCALE; cm++ ) {
			for ( var mm = 1; mm &lt; 10; mm++ ) {
				ctx.strokeStyle = p.gridMm;
				ctx.beginPath();
				ctx.moveTo( cm * SCALE + mm * SCALE / 10, RULER_H );
				ctx.lineTo( cm * SCALE + mm * SCALE / 10, H );
				ctx.stroke();
			}
			ctx.strokeStyle = p.gridCm;
			ctx.beginPath();
			ctx.moveTo( cm * SCALE, RULER_H ); ctx.lineTo( cm * SCALE, H ); ctx.stroke();
		}
		for ( var row = 0; RULER_H + row * SCALE &lt; H; row++ ) {
			ctx.strokeStyle = p.gridCm;
			ctx.beginPath();
			ctx.moveTo( 0, RULER_H + row * SCALE ); ctx.lineTo( W, RULER_H + row * SCALE ); ctx.stroke();
		}
	}

	/* -- right-angle mark at altitude foot -- */
	function drawRightAngle( T, fromV, V1, V2, color ) {
		var sdx = V2.x - V1.x, sdy = V2.y - V1.y;
		var sl  = Math.hypot( sdx, sdy );
		if ( sl &lt; 1e-6 ) { return; }
		var su  = { x: sdx / sl, y: sdy / sl };
		var rdx = fromV.x - T.x, rdy = fromV.y - T.y;
		var rl  = Math.hypot( rdx, rdy );
		if ( rl &lt; 1e-6 ) { return; }
		var ru  = { x: rdx / rl, y: rdy / rl };
		var SZ  = 7;
		ctx.strokeStyle = color; ctx.lineWidth = 1;
		ctx.beginPath();
		ctx.moveTo( T.x + su.x * SZ,              T.y + su.y * SZ );
		ctx.lineTo( T.x + su.x * SZ + ru.x * SZ,  T.y + su.y * SZ + ru.y * SZ );
		ctx.lineTo( T.x + ru.x * SZ,               T.y + ru.y * SZ );
		ctx.stroke();
	}

	/* -- main draw -- */
	function draw() {
		if ( !verts ) { return; }
		ctx.clearRect( 0, 0, W, H );
		var p = palette();
		drawGrid( p );
		drawRuler( p );

		var A = verts[ 0 ], B = verts[ 1 ], C = verts[ 2 ];
		var a = dist( B, C ), b = dist( C, A ), c = dist( A, B );

		/* The three special points */
		var O   = circumcenter( A, B, C );
		var G   = centroid( A, B, C );
		var Hpt = orthocentre( A, B, C );

		/* Circumcircle radius */
		var R = dist( O, A );

		/* Medians */
		var Ma = midpoint( B, C ), Mb = midpoint( C, A ), Mc = midpoint( A, B );

		/* Altitude feet */
		var Ha = footPerp( A, B, C );
		var Hb = footPerp( B, C, A );
		var Hc = footPerp( C, A, B );

		var cx3 = ( A.x + B.x + C.x ) / 3, cy3 = ( A.y + B.y + C.y ) / 3;

		/* Euler line extended to canvas boundary */
		var eulerLine = extendLine( O, Hpt, W, H );

		/* [2] Full altitude lines — each is the infinite line through the vertex
		 *     and its foot, clipped to the canvas so H is always reached even
		 *     when outside the triangle. */
		var altA = extendLine( A, Ha, W, H );
		var altB = extendLine( B, Hb, W, H );
		var altC = extendLine( C, Hc, W, H );

		/* ── 1. circumcircle ─────────────────────────────────────── */
		ctx.save();
		ctx.beginPath(); ctx.arc( O.x, O.y, R, 0, Math.PI * 2 );
		ctx.strokeStyle = p.circStroke; ctx.lineWidth = 1.2; ctx.stroke();
		ctx.fillStyle   = p.circFill;   ctx.fill();
		ctx.restore();

		/* ── 2. altitude lines ───────────────────────────────────────
		 *   Pass 1: full extended line, faint + dashed (shows the part
		 *           beyond the foot that reaches H outside the triangle).
		 *   Pass 2: overdraw the vertex→foot segment solidly and opaquely
		 *           so the interior altitude is visually primary.         */
		ctx.save();
		ctx.strokeStyle = p.altExt; ctx.lineWidth = 1.2; ctx.setLineDash( [ 5, 5 ] );
		[ altA, altB, altC ].forEach( function ( ln ) {
			if ( !ln ) { return; }
			ctx.beginPath(); ctx.moveTo( ln.x0, ln.y0 ); ctx.lineTo( ln.x1, ln.y1 ); ctx.stroke();
		} );
		ctx.setLineDash( [] );
		ctx.strokeStyle = p.altSolid; ctx.lineWidth = 1.5;
		[ [ A, Ha ], [ B, Hb ], [ C, Hc ] ].forEach( function ( pr ) {
			ctx.beginPath(); ctx.moveTo( pr[0].x, pr[0].y ); ctx.lineTo( pr[1].x, pr[1].y ); ctx.stroke();
		} );
		ctx.restore();

		/* ── 3. medians (vertex → midpoint), dashed, teal ───────── */
		ctx.save();
		ctx.strokeStyle = p.medLine; ctx.lineWidth = 1.2; ctx.setLineDash( [ 6, 5 ] );
		[ [ A, Ma ], [ B, Mb ], [ C, Mc ] ].forEach( function ( pr ) {
			ctx.beginPath(); ctx.moveTo( pr[0].x, pr[0].y ); ctx.lineTo( pr[1].x, pr[1].y ); ctx.stroke();
		} );
		ctx.setLineDash( [] ); ctx.restore();

		/* ── 4. triangle fill + stroke ───────────────────────────── */
		ctx.save();
		ctx.beginPath();
		ctx.moveTo( A.x, A.y ); ctx.lineTo( B.x, B.y ); ctx.lineTo( C.x, C.y ); ctx.closePath();
		ctx.fillStyle   = p.dark ? 'rgba(175,169,236,.07)' : 'rgba(83,74,183,.06)';
		ctx.fill();
		ctx.strokeStyle = p.tri; ctx.lineWidth = 2; ctx.stroke();
		ctx.restore();

		/* ── 5. Euler line — bold, rose, extended ────────────────── */
		if ( eulerLine ) {
			ctx.save();
			ctx.strokeStyle = p.euler; ctx.lineWidth = 2.5;
			ctx.beginPath();
			ctx.moveTo( eulerLine.x0, eulerLine.y0 );
			ctx.lineTo( eulerLine.x1, eulerLine.y1 );
			ctx.stroke();
			ctx.restore();
		}

		/* ── 6. right-angle marks at altitude feet ───────────────── */
		ctx.save();
		drawRightAngle( Ha, A, B, C, p.altSolid );
		drawRightAngle( Hb, B, C, A, p.altSolid );
		drawRightAngle( Hc, C, A, B, p.altSolid );
		ctx.restore();

		/* ── 7. altitude foot dots (amber) ───────────────────────── */
		[ Ha, Hb, Hc ].forEach( function ( F ) {
			ctx.save();
			ctx.beginPath(); ctx.arc( F.x, F.y, 4, 0, Math.PI * 2 );
			ctx.fillStyle = p.cen; ctx.fill();
			ctx.restore();
		} );

		/* ── 8. midpoint dots (teal) ─────────────────────────────── */
		[ Ma, Mb, Mc ].forEach( function ( M ) {
			ctx.save();
			ctx.beginPath(); ctx.arc( M.x, M.y, 4, 0, Math.PI * 2 );
			ctx.fillStyle = p.circ; ctx.fill();
			ctx.restore();
		} );

		/* ── 9. O dot (teal) ─────────────────────────────────────── */
		ctx.save();
		ctx.beginPath(); ctx.arc( O.x, O.y, 8, 0, Math.PI * 2 );
		ctx.fillStyle   = p.circ; ctx.fill();
		ctx.strokeStyle = p.dotBg; ctx.lineWidth = 2; ctx.stroke();
		ctx.restore();

		/* ── 10. G dot (amber) ───────────────────────────────────── */
		ctx.save();
		ctx.beginPath(); ctx.arc( G.x, G.y, 8, 0, Math.PI * 2 );
		ctx.fillStyle   = p.cen; ctx.fill();
		ctx.strokeStyle = p.dotBg; ctx.lineWidth = 2; ctx.stroke();
		ctx.restore();

		/* ── 11. H dot (rose) ────────────────────────────────────── */
		ctx.save();
		ctx.beginPath(); ctx.arc( Hpt.x, Hpt.y, 8, 0, Math.PI * 2 );
		ctx.fillStyle   = p.orth; ctx.fill();
		ctx.strokeStyle = p.dotBg; ctx.lineWidth = 2; ctx.stroke();
		ctx.restore();

		/* ── 12. vertex dots (purple) ────────────────────────────── */
		verts.forEach( function ( V, i ) {
			ctx.save();
			ctx.beginPath(); ctx.arc( V.x, V.y, dragging === i ? 8 : 6.5, 0, Math.PI * 2 );
			ctx.fillStyle   = p.tri; ctx.fill();
			ctx.strokeStyle = p.dotBg; ctx.lineWidth = 2; ctx.stroke();
			ctx.restore();
		} );

		/* ── 13. text labels ─────────────────────────────────────── */
		ctx.save();
		ctx.textBaseline = 'middle';

		/* vertex names */
		ctx.font = '700 17px sans-serif';
		[ A, B, C ].forEach( function ( V, i ) {
			var lbl = labelOffset( V, verts.filter( function ( _, j ) { return j !== i; } ), 26 );
			ctx.fillStyle = p.tri; ctx.textAlign = 'center';
			ctx.fillText( [ 'A', 'B', 'C' ][ i ], lbl.x, lbl.y );
		} );

		/* O, G, H labels */
		ctx.font = '700 15px sans-serif'; ctx.textAlign = 'center';
		ctx.fillStyle = p.circ; ctx.fillText( 'O', O.x   + 14, O.y   - 14 );
		ctx.fillStyle = p.cen;  ctx.fillText( 'G', G.x   + 14, G.y   - 14 );
		ctx.fillStyle = p.orth; ctx.fillText( 'H', Hpt.x + 14, Hpt.y - 14 );

		/* side length labels */
		ctx.font = '500 13px sans-serif';
		[
			{ p: { x: ( B.x + C.x ) / 2, y: ( B.y + C.y ) / 2 }, lbl: 'a = ' + fmt( toCm( a ) ) + ' ' + msg.scaleUnit },
			{ p: { x: ( C.x + A.x ) / 2, y: ( C.y + A.y ) / 2 }, lbl: 'b = ' + fmt( toCm( b ) ) + ' ' + msg.scaleUnit },
			{ p: { x: ( A.x + B.x ) / 2, y: ( A.y + B.y ) / 2 }, lbl: 'c = ' + fmt( toCm( c ) ) + ' ' + msg.scaleUnit }
		].forEach( function ( item ) {
			var dx2 = item.p.x - cx3, dy2 = item.p.y - cy3;
			var l2  = Math.hypot( dx2, dy2 ) || 1;
			ctx.fillStyle = p.text; ctx.textAlign = 'center';
			ctx.fillText( item.lbl, item.p.x + dx2 / l2 * 20, item.p.y + dy2 / l2 * 20 );
		} );

		ctx.restore();

		/* -- stats panel -- */
		$( 'hw-sa'  ).textContent = fmt( toCm( a ) )         + ' ' + msg.scaleUnit;
		$( 'hw-sb'  ).textContent = fmt( toCm( b ) )         + ' ' + msg.scaleUnit;
		$( 'hw-sc'  ).textContent = fmt( toCm( c ) )         + ' ' + msg.scaleUnit;
		$( 'hw-per' ).textContent = fmt( toCm( a + b + c ) ) + ' ' + msg.scaleUnit;
		$( 'hw-oc'  ).textContent = '(' + fmt( toCm( O.x ) )   + ', ' + fmt( toCm( O.y   - RULER_H ) ) + ') ' + msg.scaleUnit;
		$( 'hw-gc'  ).textContent = '(' + fmt( toCm( G.x ) )   + ', ' + fmt( toCm( G.y   - RULER_H ) ) + ') ' + msg.scaleUnit;
		$( 'hw-hc'  ).textContent = '(' + fmt( toCm( Hpt.x ) ) + ', ' + fmt( toCm( Hpt.y - RULER_H ) ) + ') ' + msg.scaleUnit;
	}

	/* -- resize -- */
	function resize() {
		W = canvas.offsetWidth;
		H = H_PX;
		canvas.width  = W * DPR;
		canvas.height = H * DPR;
		ctx.setTransform( DPR, 0, 0, DPR, 0, 0 );
		initVerts();
		draw();
	}

	/* -- pointer helpers -- */
	function ptFromEvent( e ) {
		var rect = canvas.getBoundingClientRect();
		var src  = e.touches ? e.touches[ 0 ] : e;
		return {
			x: ( src.clientX - rect.left ) * ( W / rect.width ),
			y: ( src.clientY - rect.top  ) * ( H / rect.height )
		};
	}
	function hitTest( pt ) {
		return verts.findIndex( function ( v ) {
			return Math.hypot( v.x - pt.x, v.y - pt.y ) &lt; 16;
		} );
	}
	function clamp( pt ) {
		return {
			x: Math.max( 10, Math.min( W - 10, pt.x ) ),
			y: Math.max( RULER_H + 4, Math.min( H - 10, pt.y ) )
		};
	}

	canvas.addEventListener( 'mousedown',  function ( e ) { dragging = hitTest( ptFromEvent( e ) ); if ( dragging &gt;= 0 ) { canvas.style.cursor = 'grabbing'; } } );
	canvas.addEventListener( 'mousemove',  function ( e ) {
		if ( dragging &lt; 0 ) {
			canvas.style.cursor = hitTest( ptFromEvent( e ) ) &gt;= 0 ? 'grab' : 'crosshair';
			return;
		}
		verts[ dragging ] = clamp( ptFromEvent( e ) );
		draw();
	} );
	canvas.addEventListener( 'mouseup',    function () { dragging = -1; canvas.style.cursor = 'crosshair'; } );
	canvas.addEventListener( 'mouseleave', function () { dragging = -1; } );
	canvas.addEventListener( 'touchstart', function ( e ) {
		e.preventDefault(); dragging = hitTest( ptFromEvent( e ) );
	}, { passive: false } );
	canvas.addEventListener( 'touchmove', function ( e ) {
		e.preventDefault();
		if ( dragging &lt; 0 ) { return; }
		verts[ dragging ] = clamp( ptFromEvent( e ) );
		draw();
	}, { passive: false } );
	canvas.addEventListener( 'touchend', function () { dragging = -1; } );

	/* dark-mode live update (MediaWiki) */
	var observer = new MutationObserver( draw );
	observer.observe( document.documentElement, { attributes: true, attributeFilter: [ 'class' ] } );
	observer.observe( document.body,            { attributes: true, attributeFilter: [ 'class' ] } );

	/* kick off */
	var ro = new ResizeObserver( resize );
	ro.observe( canvas );
}

/* ----------------------------------------------------------
 * Initialise all matching containers on the page
 * ---------------------------------------------------------- */
document.querySelectorAll( '.hiruwiki[data-module=&quot;euler-line&quot;]' ).forEach( buildWidget );

}() );</text>
      <sha1>ax6baoodcpjg8h6pc831btpjf4t12en</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/factors.js</title>
    <ns>8</ns>
    <id>179488</id>
    <revision>
      <id>781425</id>
      <parentid>770215</parentid>
      <timestamp>2026-10-28T10:39:05Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781425</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="36546" sha1="3lh0r8br4pynfrsgpmz92ycmcwpfv97" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/**
 * Hiruwiki module: factors
 * Visualises prime factorisation and shows how GCD and LCM are built
 * from shared and unique prime factors of two numbers.
 *
 * Usage: &lt;div class=&quot;hiruwiki&quot; data-module=&quot;factors&quot;&gt;&lt;/div&gt;
 *
 * ─── I18N ────────────────────────────────────────────────────────────────────
 * To add a language, add an entry to FACTORS_I18N below using the MediaWiki
 * language code as the key (e.g. 'eu' for Basque, 'es' for Spanish).
 * Every key present in 'en' must also appear in every other entry.
 *
 * Interpolation tokens:
 *   {A}        – first number chosen by the user
 *   {B}        – second number chosen by the user
 *   {G}        – GCD value
 *   {L}        – LCM value
 *   {AB}       – product A × B
 *   {GL}       – product GCD × LCM  (always equals AB)
 *   {primes}   – comma-separated list of shared prime factors
 * ─────────────────────────────────────────────────────────────────────────────
 */

( function () {

/* ── I18N ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var messages = /* I18N_START */ {
    &quot;nl&quot;: {
        &quot;_name&quot;: &quot;Priemfactoren&quot;,
        &quot;gcd_formula_eq&quot;: &quot;=&quot;,
        &quot;gcd_none&quot;: &quot;(geen — onderling ondeelbaar)&quot;,
        &quot;gcd_title&quot;: &quot;GGD — behoud alleen gedeelde factoren&quot;,
        &quot;insight_coprime&quot;: &quot;&lt;strong&gt;$1&lt;/strong&gt; en &lt;strong&gt;$2&lt;/strong&gt; zijn onderling ondeelbaar — ze delen geen priemfactoren, dus GGD = 1. Het KGV is simpelweg hun product. Altijd waar: &lt;strong&gt;$1 × $2 = $5&lt;/strong&gt; = GGD × KGV = &lt;strong&gt;1 × $4 = $4&lt;/strong&gt;.&quot;,
        &quot;insight_shared_many&quot;: &quot;&lt;strong&gt;$1&lt;/strong&gt; en &lt;strong&gt;$2&lt;/strong&gt; delen de priemfactoren &lt;strong&gt;$7&lt;/strong&gt;. De GGD neemt alleen de groene gedeelde blokken. Het KGV neemt alle blokken — groen gedeeld, blauw extra van A, rood extra van B — zonder een priemfactor twee keer te tellen. Altijd waar: &lt;strong&gt;$1 × $2 = $5&lt;/strong&gt; = GGD × KGV = &lt;strong&gt;$3 × $4 = $6&lt;/strong&gt;.&quot;,
        &quot;insight_shared_one&quot;: &quot;&lt;strong&gt;$1&lt;/strong&gt; en &lt;strong&gt;$2&lt;/strong&gt; delen de priemfactor &lt;strong&gt;$7&lt;/strong&gt;. De GGD neemt alleen de groene gedeelde blokken. Het KGV neemt alle blokken — groen gedeeld, blauw extra van A, rood extra van B — zonder een priemfactor twee keer te tellen. Altijd waar: &lt;strong&gt;$1 × $2 = $5&lt;/strong&gt; = GGD × KGV = &lt;strong&gt;$3 × $4 = $6&lt;/strong&gt;.&quot;,
        &quot;label_choose&quot;: &quot;Kies twee getallen&quot;,
        &quot;label_factors&quot;: &quot;Priemfactoren&quot;,
        &quot;label_how&quot;: &quot;Hoe GGD en KGV worden opgebouwd&quot;,
        &quot;lcm_formula_eq&quot;: &quot;=&quot;,
        &quot;lcm_title&quot;: &quot;KGV — unie van alle factoren&quot;,
        &quot;legend_onlyA&quot;: &quot;alleen van A&quot;,
        &quot;legend_onlyB&quot;: &quot;alleen van B&quot;,
        &quot;legend_shared&quot;: &quot;gedeeld (voor GGD)&quot;,
        &quot;hint&quot;: &quot;Kies getallen om hun priemfactoren te zien&quot;
    },
    &quot;fr&quot;: {
        &quot;_name&quot;: &quot;Facteurs premiers&quot;,
        &quot;gcd_formula_eq&quot;: &quot;=&quot;,
        &quot;gcd_none&quot;: &quot;(aucun — premiers entre eux)&quot;,
        &quot;gcd_title&quot;: &quot;PGCD — ne garder que les facteurs partagés&quot;,
        &quot;insight_coprime&quot;: &quot;&lt;strong&gt;$1&lt;/strong&gt; et &lt;strong&gt;$2&lt;/strong&gt; sont premiers entre eux — ils ne partagent aucun facteur premier, donc PGCD = 1. Le PPCM est simplement leur produit. Toujours vrai : &lt;strong&gt;$1 × $2 = $5&lt;/strong&gt; = PGCD × PPCM = &lt;strong&gt;1 × $4 = $4&lt;/strong&gt;.&quot;,
        &quot;insight_shared_many&quot;: &quot;&lt;strong&gt;$1&lt;/strong&gt; et &lt;strong&gt;$2&lt;/strong&gt; partagent les nombres premiers &lt;strong&gt;$7&lt;/strong&gt;. Le PGCD ne prend que les blocs verts partagés. Le PPCM prend tous les blocs — verts partagés, bleus de A, rouges de B — sans compter aucun nombre premier deux fois. Toujours vrai : &lt;strong&gt;$1 × $2 = $5&lt;/strong&gt; = PGCD × PPCM = &lt;strong&gt;$3 × $4 = $6&lt;/strong&gt;.&quot;,
        &quot;insight_shared_one&quot;: &quot;&lt;strong&gt;$1&lt;/strong&gt; et &lt;strong&gt;$2&lt;/strong&gt; partagent le nombre premier &lt;strong&gt;$7&lt;/strong&gt;. Le PGCD ne prend que les blocs verts partagés. Le PPCM prend tous les blocs — verts partagés, bleus de A, rouges de B — sans compter aucun nombre premier deux fois. Toujours vrai : &lt;strong&gt;$1 × $2 = $5&lt;/strong&gt; = PGCD × PPCM = &lt;strong&gt;$3 × $4 = $6&lt;/strong&gt;.&quot;,
        &quot;label_choose&quot;: &quot;Choisissez deux nombres&quot;,
        &quot;label_factors&quot;: &quot;Facteurs premiers&quot;,
        &quot;label_how&quot;: &quot;Comment le PGCD et le PPCM sont construits&quot;,
        &quot;lcm_formula_eq&quot;: &quot;=&quot;,
        &quot;lcm_title&quot;: &quot;PPCM — union de tous les facteurs&quot;,
        &quot;legend_onlyA&quot;: &quot;unique à A&quot;,
        &quot;legend_onlyB&quot;: &quot;unique à B&quot;,
        &quot;legend_shared&quot;: &quot;partagé (utilisé pour le PGCD)&quot;,
        &quot;hint&quot;: &quot;Choisissez des nombres pour voir leurs facteurs primaires&quot;
    },
    &quot;tr&quot;: {
        &quot;_name&quot;: &quot;Asal Çarpanlar&quot;,
        &quot;gcd_formula_eq&quot;: &quot;=&quot;,
        &quot;gcd_none&quot;: &quot;(yok — aralarında asal)&quot;,
        &quot;gcd_title&quot;: &quot;EBOB -  sadece ortak çarpanları hesapla&quot;,
        &quot;label_choose&quot;: &quot;İki sayı seçin&quot;,
        &quot;label_factors&quot;: &quot;Asal çarpanlar&quot;,
        &quot;label_how&quot;: &quot;EBOB ve EKOK nasıl hesaplanır?&quot;,
        &quot;lcm_formula_eq&quot;: &quot;=&quot;,
        &quot;lcm_title&quot;: &quot;EKOK - tüm çarpanların birleşimi&quot;,
        &quot;legend_onlyA&quot;: &quot;A'ya özgü&quot;,
        &quot;legend_onlyB&quot;: &quot;B'ye özgü&quot;,
        &quot;legend_shared&quot;: &quot;paylaşılan (EBOB için kullanılır)&quot;,
        &quot;hint&quot;: &quot;Asal çarpanlarını görmek için sayıları seçin&quot;
    },
    &quot;eu&quot;: {
        &quot;_name&quot;: &quot;Faktore lehenak&quot;,
        &quot;gcd_formula_eq&quot;: &quot;=&quot;,
        &quot;gcd_none&quot;: &quot;(bat ere ez — elkarrekiko lehenak)&quot;,
        &quot;gcd_title&quot;: &quot;ZKH — partekatutako faktoreak bakarrik gordetzen dira&quot;,
        &quot;insight_coprime&quot;: &quot;&lt;strong&gt;$1&lt;/strong&gt; eta &lt;strong&gt;$2&lt;/strong&gt; elkarrekiko lehenak dira — ez dute zenbaki lehenik partekatzen, beraz ZKH = 1. MKT haien biderkadura da, zuzenean. Beti egia: &lt;strong&gt;$1 × $2 = $5&lt;/strong&gt; = &lt;strong&gt;ZKH × MKT&lt;/strong&gt; = &lt;strong&gt;1 × $4 = $4&lt;/strong&gt;.&quot;,
        &quot;insight_shared_many&quot;: &quot;&lt;strong&gt;$1&lt;/strong&gt; eta &lt;strong&gt;$2&lt;/strong&gt;-k &lt;strong&gt;$7&lt;/strong&gt; zenbaki lehenak partekatzen dituzte. ZKHk bloke berde partekatuak bakarrik hartzen ditu. MKTk bloke guztiak hartzen ditu — berde partekatuak, A-ren soberakinak urdin, B-renak gorri — zenbaki lehenik birritan zenbatu gabe. Beti egia: &lt;strong&gt;$1 × $2 = $5&lt;/strong&gt; = &lt;strong&gt;ZKH × MKT&lt;/strong&gt; = &lt;strong&gt;$3 × $4 = $6&lt;/strong&gt;.&quot;,
        &quot;insight_shared_one&quot;: &quot;&lt;strong&gt;$1&lt;/strong&gt; eta &lt;strong&gt;$2&lt;/strong&gt;-k &lt;strong&gt;$7&lt;/strong&gt; zenbaki lehena partekatzen dute. ZKHk bloke berde partekatuak bakarrik hartzen ditu. MKTk bloke guztiak hartzen ditu — berde partekatuak, A-ren soberakin urdinak, B-renak gorri — zenbaki lehenik birritan zenbatu gabe. Beti egia: &lt;strong&gt;$1 × $2 = $5&lt;/strong&gt; = &lt;strong&gt;ZKH × MKT&lt;/strong&gt; = &lt;strong&gt;$3 × $4 = $6&lt;/strong&gt;.&quot;,
        &quot;label_choose&quot;: &quot;Aukeratu bi zenbaki&quot;,
        &quot;label_factors&quot;: &quot;Zenbaki lehenen faktorizazioa&quot;,
        &quot;label_how&quot;: &quot;Nola eraikitzen dira ZKH eta MKT&quot;,
        &quot;lcm_formula_eq&quot;: &quot;=&quot;,
        &quot;lcm_title&quot;: &quot;MKT — faktore guztien biderketa&quot;,
        &quot;legend_onlyA&quot;: &quot;Ari bakarrik dagokiona&quot;,
        &quot;legend_onlyB&quot;: &quot;Bri bakarrik dagokiona&quot;,
        &quot;legend_shared&quot;: &quot;partekatua (ZKHrako erabilia)&quot;,
        &quot;hint&quot;: &quot;Aukeratu zenbakiak haien faktore lehenak ikusteko&quot;
    },
    &quot;sk&quot;: {
        &quot;_name&quot;: &quot;Prvočíselné činitele&quot;,
        &quot;gcd_formula_eq&quot;: &quot;=&quot;,
        &quot;gcd_none&quot;: &quot;(žiadne — nesúdeliteľné)&quot;,
        &quot;gcd_title&quot;: &quot;NSD — ponechať len spoločné činitele&quot;,
        &quot;insight_coprime&quot;: &quot;&lt;strong&gt;$1&lt;/strong&gt; a &lt;strong&gt;$2&lt;/strong&gt; sú nesúdeliteľné — nemajú spoločné prvočíselné činitele, takže NSD = 1. NSN je jednoducho ich súčin. Vždy platí: &lt;strong&gt;$1 × $2 = $5&lt;/strong&gt; = NSD × NSN = &lt;strong&gt;1 × $4 = $4&lt;/strong&gt;.&quot;,
        &quot;insight_shared_many&quot;: &quot;&lt;strong&gt;$1&lt;/strong&gt; a &lt;strong&gt;$2&lt;/strong&gt; majú spoločné prvočísla &lt;strong&gt;$7&lt;/strong&gt;. NSD berie len zelené spoločné bloky. NSN berie všetky bloky — zelené spoločné, modré navyše z A, červené navyše z B — pričom žiadne prvočíslo sa nezapočíta dvakrát. Vždy platí: &lt;strong&gt;$1 × $2 = $5&lt;/strong&gt; = NSD × NSN = &lt;strong&gt;$3 × $4 = $6&lt;/strong&gt;.&quot;,
        &quot;insight_shared_one&quot;: &quot;&lt;strong&gt;$1&lt;/strong&gt; a &lt;strong&gt;$2&lt;/strong&gt; majú spoločné prvočíslo &lt;strong&gt;$7&lt;/strong&gt;. NSD berie len zelené spoločné bloky. NSN berie všetky bloky — zelené spoločné, modré navyše z A, červené navyše z B — pričom žiadne prvočíslo sa nezapočíta dvakrát. Vždy platí: &lt;strong&gt;$1 × $2 = $5&lt;/strong&gt; = NSD × NSN = &lt;strong&gt;$3 × $4 = $6&lt;/strong&gt;.&quot;,
        &quot;label_choose&quot;: &quot;Vyberte dve čísla&quot;,
        &quot;label_factors&quot;: &quot;Prvočíselné činitele&quot;,
        &quot;label_how&quot;: &quot;Ako sa tvoria NSD a NSN&quot;,
        &quot;lcm_formula_eq&quot;: &quot;=&quot;,
        &quot;lcm_title&quot;: &quot;NSN — zjednotenie všetkých činiteľov&quot;,
        &quot;legend_onlyA&quot;: &quot;len v A&quot;,
        &quot;legend_onlyB&quot;: &quot;len v B&quot;,
        &quot;legend_shared&quot;: &quot;spoločné (použité pre NSD)&quot;,
        &quot;hint&quot;: &quot;Vyberte čísla a zobrazia sa ich prvočíselné činitele&quot;
    },
    &quot;skr-arab&quot;: {
        &quot;_name&quot;: &quot;اولی عوامل&quot;,
        &quot;gcd_formula_eq&quot;: &quot;=&quot;,
        &quot;gcd_none&quot;: &quot;(کوئی نئیں — ہم اول)&quot;,
        &quot;gcd_title&quot;: &quot;عاد اعظم — صرف سانجھے عوامل رکھو&quot;,
        &quot;insight_coprime&quot;: &quot;&lt;strong&gt;$1&lt;/strong&gt; تے &lt;strong&gt;$2&lt;/strong&gt; ہم اول ہن — انہاں دا کوئی اولی عامل سانجھا نئیں، ایں کیتے عاد اعظم = 1 اے۔ زو اضعاف صرف انہاں دی ضرب اے۔ ہمیشہ سچ اے: &lt;strong&gt;$1 × $2 = $5&lt;/strong&gt; = عاد اعظم × زو اضعاف = &lt;strong&gt;1 × $4 = $4&lt;/strong&gt;۔&quot;,
        &quot;insight_shared_many&quot;: &quot;&lt;strong&gt;$1&lt;/strong&gt; تے &lt;strong&gt;$2&lt;/strong&gt; وچ اولی عامل &lt;strong&gt;$7&lt;/strong&gt; سانجھے ہن۔ عاد اعظم صرف سانجھے ہرے بلاک گھندے۔ زو اضعاف سارے بلاک گھندا اے — ہرے سانجھے، A دے نیلے وادھو، B دے سرخ وادھو — کوئی اولی عامل ٻہ واری شمار نئیں تھیندا۔ ہمیشہ سچ اے: &lt;strong&gt;$1 × $2 = $5&lt;/strong&gt; = عاد اعظم × زو اضعاف = &lt;strong&gt;$3 × $4 = $6&lt;/strong&gt;۔&quot;,
        &quot;insight_shared_one&quot;: &quot;&lt;strong&gt;$1&lt;/strong&gt; تے &lt;strong&gt;$2&lt;/strong&gt; وچ اولی عامل &lt;strong&gt;$7&lt;/strong&gt; سانجھا اے۔ عاد اعظم صرف سانجھے ہرے بلاک گھندے۔ زو اضعاف سارے بلاک گھندا اے — ہرے سانجھے، A دے نیلے وادھو، B دے سرخ وادھو — کوئی اولی عامل ٻہ واری شمار نئیں تھیندا۔ ہمیشہ سچ اے: &lt;strong&gt;$1 × $2 = $5&lt;/strong&gt; = عاد اعظم × زو اضعاف = &lt;strong&gt;$3 × $4 = $6&lt;/strong&gt;۔&quot;,
        &quot;label_choose&quot;: &quot;ٻہ نمبر چݨو&quot;,
        &quot;label_factors&quot;: &quot;اولی عوامل&quot;,
        &quot;label_how&quot;: &quot;عاد اعظم تے زو اضعاف کیویں بݨدن&quot;,
        &quot;lcm_formula_eq&quot;: &quot;=&quot;,
        &quot;lcm_title&quot;: &quot;زو اضعاف — سارے عوامل دا ملاپ&quot;,
        &quot;legend_onlyA&quot;: &quot;A کیتے نرالے&quot;,
        &quot;legend_onlyB&quot;: &quot;B کیتے نرالے&quot;,
        &quot;legend_shared&quot;: &quot;سانجھے (عاد اعظم کیتے)&quot;,
        &quot;hint&quot;: &quot;اولی عوامل ݙیکھݨ کیتے نمبر چݨو&quot;
    },
    &quot;lb&quot;: {
        &quot;gcd_formula_eq&quot;: &quot;=&quot;,
        &quot;label_choose&quot;: &quot;Wielt zwou Zuelen&quot;
    },
    &quot;ko&quot;: {
        &quot;_name&quot;: &quot;소인수&quot;,
        &quot;gcd_formula_eq&quot;: &quot;=&quot;,
        &quot;gcd_none&quot;: &quot;(없음 — 서로소)&quot;,
        &quot;gcd_title&quot;: &quot;최대공약수 — 공통 인수만 유지&quot;,
        &quot;insight_coprime&quot;: &quot;&lt;strong&gt;$1&lt;/strong&gt;와(과) &lt;strong&gt;$2&lt;/strong&gt;은(는) 서로소입니다. 즉, 공통 소인수가 없으므로 최대공약수는 1입니다. 최소공배수는 두 달러의 곱입니다. 따라서 항상: &lt;strong&gt;$1 × $2 = $5&lt;/strong&gt; = 최대공약수 × 최소공배수 = &lt;strong&gt;1 × $4 = $4&lt;/strong&gt;이(가) 성립합니다.&quot;,
        &quot;insight_shared_many&quot;: &quot;&lt;strong&gt;$1&lt;/strong&gt;와(과) &lt;strong&gt;$2&lt;/strong&gt;은(는) 공통 소인수로 &lt;strong&gt;$7&lt;/strong&gt;을(를) 갖습니다. 최대공약수는 공통으로 있는 초록색 블록만 사용합니다. 최소공배수는 모든 블록(공통 초록색 블록, A에서 추가된 파란색 블록, B에서 추가된 빨간색 블록)을 사용하며, 소수는 중복해서 계산되지 않습니다. 따라서 항상: &lt;strong&gt;$1 × $2 = $5&lt;/strong&gt; = 최대공약수 × 최소공배수 = &lt;strong&gt;$3 × $4 = $6&lt;/strong&gt;이(가) 성립합니다.&quot;,
        &quot;insight_shared_one&quot;: &quot;&lt;strong&gt;$1&lt;/strong&gt;와(과) &lt;strong&gt;$2&lt;/strong&gt;은(는) 공통 소인수로 &lt;strong&gt;$7&lt;/strong&gt;을(를) 갖습니다. 최대공약수는 공통으로 있는 초록색 블록만 사용합니다. 최소공배수는 모든 블록(공통 초록색 블록, A에서 추가된 파란색 블록, B에서 추가된 빨간색 블록)을 사용하며, 소수는 중복해서 계산되지 않습니다. 따라서 항상: &lt;strong&gt;$1 × $2 = $5&lt;/strong&gt; = 최대공약수 × 최소공배수 = &lt;strong&gt;$3 × $4 = $6&lt;/strong&gt;이(가) 성립합니다.&quot;,
        &quot;label_choose&quot;: &quot;두 개의 숫자를 선택하세요&quot;,
        &quot;label_factors&quot;: &quot;소인수&quot;,
        &quot;label_how&quot;: &quot;최대공약수와 최소공약수의 원리를 알아보세요&quot;,
        &quot;lcm_formula_eq&quot;: &quot;=&quot;,
        &quot;lcm_title&quot;: &quot;최소공배수 — 모든 인수의 합집합&quot;,
        &quot;legend_onlyA&quot;: &quot;A에만 있음&quot;,
        &quot;legend_onlyB&quot;: &quot;B에만 있음&quot;,
        &quot;legend_shared&quot;: &quot;공통 (최대공약수에 사용됨)&quot;,
        &quot;hint&quot;: &quot;소인수분해를 보려면 숫자를 선택하세요&quot;
    },
    &quot;en&quot;: {
        &quot;_name&quot;: &quot;Prime Factors&quot;,
        &quot;gcd_formula_eq&quot;: &quot;=&quot;,
        &quot;gcd_none&quot;: &quot;(none — coprime)&quot;,
        &quot;gcd_title&quot;: &quot;GCD — keep only shared factors&quot;,
        &quot;insight_coprime&quot;: &quot;&lt;strong&gt;$1&lt;/strong&gt; and &lt;strong&gt;$2&lt;/strong&gt; are coprime — they share no prime factors, so GCD = 1. The LCM is simply their product. Always true: &lt;strong&gt;$1 × $2 = $5&lt;/strong&gt; = GCD × LCM = &lt;strong&gt;1 × $4 = $4&lt;/strong&gt;.&quot;,
        &quot;insight_shared_many&quot;: &quot;&lt;strong&gt;$1&lt;/strong&gt; and &lt;strong&gt;$2&lt;/strong&gt; share the primes &lt;strong&gt;$7&lt;/strong&gt;. The GCD takes only the green shared blocks. The LCM takes all blocks — green shared, blue extras from A, red extras from B — with no prime counted twice. Always true: &lt;strong&gt;$1 × $2 = $5&lt;/strong&gt; = GCD × LCM = &lt;strong&gt;$3 × $4 = $6&lt;/strong&gt;.&quot;,
        &quot;insight_shared_one&quot;: &quot;&lt;strong&gt;$1&lt;/strong&gt; and &lt;strong&gt;$2&lt;/strong&gt; share the prime &lt;strong&gt;$7&lt;/strong&gt;. The GCD takes only the green shared blocks. The LCM takes all blocks — green shared, blue extras from A, red extras from B — with no prime counted twice. Always true: &lt;strong&gt;$1 × $2 = $5&lt;/strong&gt; = GCD × LCM = &lt;strong&gt;$3 × $4 = $6&lt;/strong&gt;.&quot;,
        &quot;label_choose&quot;: &quot;Choose two numbers&quot;,
        &quot;label_factors&quot;: &quot;Prime factors&quot;,
        &quot;label_how&quot;: &quot;How GCD and LCM are built&quot;,
        &quot;lcm_formula_eq&quot;: &quot;=&quot;,
        &quot;lcm_title&quot;: &quot;LCM — union of all factors&quot;,
        &quot;legend_onlyA&quot;: &quot;unique to A&quot;,
        &quot;legend_onlyB&quot;: &quot;unique to B&quot;,
        &quot;legend_shared&quot;: &quot;shared (used for GCD)&quot;,
        &quot;hint&quot;: &quot;Choose numbers to see their prime factors&quot;
    },
    &quot;it&quot;: {
        &quot;gcd_formula_eq&quot;: &quot;=&quot;,
        &quot;gcd_none&quot;: &quot;(nessuno — coprimo)&quot;,
        &quot;label_choose&quot;: &quot;Scegli due numeri&quot;,
        &quot;lcm_formula_eq&quot;: &quot;=&quot;,
        &quot;lcm_title&quot;: &quot;mcm — unione di tutti i fattori&quot;
    },
    &quot;ca&quot;: {
        &quot;gcd_formula_eq&quot;: &quot;=&quot;,
        &quot;lcm_formula_eq&quot;: &quot;=&quot;
    },
    &quot;qqq&quot;: {
        &quot;_name&quot;: &quot;Name of the Prime Factors module&quot;,
        &quot;gcd_formula_eq&quot;: &quot;Equals sign used in the GCD formula display&quot;,
        &quot;gcd_none&quot;: &quot;Text shown when two numbers share no prime factors (are coprime)&quot;,
        &quot;gcd_title&quot;: &quot;Heading for the GCD (Greatest Common Divisor) section&quot;,
        &quot;insight_coprime&quot;: &quot;Insight text shown when the two numbers are coprime. Uses HTML. Parameters: $1 = first number, $2 = second number, $5 = their product, $4 = LCM.&quot;,
        &quot;insight_shared_many&quot;: &quot;Insight text shown when the two numbers share multiple prime factors. Uses HTML. Parameters: $1 = first number, $2 = second number, $7 = shared primes, $5 = product, $3 = GCD, $4 = LCM, $6 = GCD × LCM.&quot;,
        &quot;insight_shared_one&quot;: &quot;Insight text shown when the two numbers share exactly one prime factor. Uses HTML. Parameters: $1 = first number, $2 = second number, $7 = shared prime, $5 = product, $3 = GCD, $4 = LCM, $6 = GCD × LCM.&quot;,
        &quot;label_choose&quot;: &quot;Heading for the input section where the user selects two numbers&quot;,
        &quot;label_factors&quot;: &quot;Heading for the prime factors display section&quot;,
        &quot;label_how&quot;: &quot;Heading for the section explaining how GCD and LCM are built&quot;,
        &quot;lcm_formula_eq&quot;: &quot;Equals sign used in the LCM formula display&quot;,
        &quot;lcm_title&quot;: &quot;Heading for the LCM (Least Common Multiple) section&quot;,
        &quot;legend_onlyA&quot;: &quot;Legend label for factor blocks unique to number A&quot;,
        &quot;legend_onlyB&quot;: &quot;Legend label for factor blocks unique to number B&quot;,
        &quot;legend_shared&quot;: &quot;Legend label for factor blocks shared between A and B (used for GCD)&quot;,
        &quot;hint&quot;: &quot;Instruction text explaining how to use the number sliders&quot;
    },
    &quot;ga&quot;: {
        &quot;_name&quot;: &quot;Príomhfhachtóirí&quot;,
        &quot;gcd_formula_eq&quot;: &quot;=&quot;,
        &quot;gcd_none&quot;: &quot;(níl aon cheann — comhphríomh)&quot;,
        &quot;gcd_title&quot;: &quot;GCD — coinnigh fachtóirí comhroinnte amháin&quot;,
        &quot;insight_coprime&quot;: &quot;Is comhphríomha iad &lt;strong&gt;$1&lt;/strong&gt; agus &lt;strong&gt;$2&lt;/strong&gt; — níl aon phríomhfhachtóirí comhroinnte acu, mar sin tá GCD = 1. Níl san LCM ach a dtáirge. Fíor i gcónaí: &lt;strong&gt;$1 × $2 = $5&lt;/strong&gt; = GCD × LCM = &lt;strong&gt;1 × $4 = $4&lt;/strong&gt;.&quot;,
        &quot;insight_shared_many&quot;: &quot;Roinneann &lt;strong&gt;$1&lt;/strong&gt; agus &lt;strong&gt;$2&lt;/strong&gt; na príomhuimhreacha &lt;strong&gt;$7&lt;/strong&gt;. Ní ghlacann an GCD ach na bloic chomhroinnte glasa. Glacann an LCM na bloic uile — comhroinnte glasa, breiseáin ghorma ó A, breiseáin dhearga ó B — gan aon phríomhuimhreacha a chomhaireamh faoi dhó. Fíor i gcónaí: &lt;strong&gt;$1 × $2 = $5&lt;/strong&gt; = GCD × LCM = &lt;strong&gt;$3 × $4 = $6&lt;/strong&gt;.&quot;,
        &quot;insight_shared_one&quot;: &quot;Roinneann &lt;strong&gt;$1&lt;/strong&gt; agus &lt;strong&gt;$2&lt;/strong&gt; na príomhuimhreacha &lt;strong&gt;$7&lt;/strong&gt;. Ní ghlacann an GCD ach na bloic chomhroinnte glasa. Glacann an LCM na bloic uile — bloic chomhroinnte glasa, breiseáin ghorma ó A, breiseáin dhearga ó B — gan aon phríomhuimhreacha a chomhaireamh faoi dhó. Fíor i gcónaí: &lt;strong&gt;$1 × $2 = $5&lt;/strong&gt; = GCD × LCM = &lt;strong&gt;$3 × $4 = $6&lt;/strong&gt;.&quot;,
        &quot;label_choose&quot;: &quot;Roghnaigh dhá uimhir&quot;,
        &quot;label_factors&quot;: &quot;Príomhfhachtóirí&quot;,
        &quot;label_how&quot;: &quot;Conas a thógtar GCD agus LCM&quot;,
        &quot;lcm_formula_eq&quot;: &quot;=&quot;,
        &quot;lcm_title&quot;: &quot;LCM — aontas na bhfachtóirí uile&quot;,
        &quot;legend_onlyA&quot;: &quot;uathúil do A&quot;,
        &quot;legend_onlyB&quot;: &quot;uathúil do B&quot;,
        &quot;legend_shared&quot;: &quot;roinnte (a úsáidtear le haghaidh GCD)&quot;,
        &quot;hint&quot;: &quot;Roghnaigh uimhreacha chun a bpríomhfhachtóirí a fheiceáil&quot;
    },
    &quot;es&quot;: {
        &quot;_name&quot;: &quot;Factores primos&quot;,
        &quot;gcd_formula_eq&quot;: &quot;=&quot;,
        &quot;gcd_none&quot;: &quot;(ninguno — coprimos)&quot;,
        &quot;gcd_title&quot;: &quot;MCD — conservar solo los factores compartidos&quot;,
        &quot;insight_coprime&quot;: &quot;&lt;strong&gt;$1&lt;/strong&gt; y &lt;strong&gt;$2&lt;/strong&gt; son coprimos — no comparten factores primos, por lo que el MCD = 1. El MCM es simplemente su producto. Siempre es cierto: &lt;strong&gt;$1 × $2 = $5&lt;/strong&gt; = MCD × MCM = &lt;strong&gt;1 × $4 = $4&lt;/strong&gt;.&quot;,
        &quot;insight_shared_many&quot;: &quot;&lt;strong&gt;$1&lt;/strong&gt; y &lt;strong&gt;$2&lt;/strong&gt; comparten los primos &lt;strong&gt;$7&lt;/strong&gt;. El MCD toma solo los bloques verdes compartidos. El MCM toma todos los bloques — verdes compartidos, azules adicionales de A, rojos adicionales de B — sin contar ningún primo dos veces. Siempre es cierto: &lt;strong&gt;$1 × $2 = $5&lt;/strong&gt; = MCD × MCM = &lt;strong&gt;$3 × $4 = $6&lt;/strong&gt;.&quot;,
        &quot;insight_shared_one&quot;: &quot;&lt;strong&gt;$1&lt;/strong&gt; y &lt;strong&gt;$2&lt;/strong&gt; comparten el primo &lt;strong&gt;$7&lt;/strong&gt;. El MCD toma solo los bloques verdes compartidos. El MCM toma todos los bloques — verdes compartidos, azules adicionales de A, rojos adicionales de B — sin contar ningún primo dos veces. Siempre es cierto: &lt;strong&gt;$1 × $2 = $5&lt;/strong&gt; = MCD × MCM = &lt;strong&gt;$3 × $4 = $6&lt;/strong&gt;.&quot;,
        &quot;label_choose&quot;: &quot;Elige dos números&quot;,
        &quot;label_factors&quot;: &quot;Factores primos&quot;,
        &quot;label_how&quot;: &quot;Cómo se construyen el MCD y el MCM&quot;,
        &quot;lcm_formula_eq&quot;: &quot;=&quot;,
        &quot;lcm_title&quot;: &quot;MCM — unión de todos los factores&quot;,
        &quot;legend_onlyA&quot;: &quot;solo de A&quot;,
        &quot;legend_onlyB&quot;: &quot;solo de B&quot;,
        &quot;legend_shared&quot;: &quot;compartidos (usados para MCD)&quot;,
        &quot;hint&quot;: &quot;Elige números para ver sus factores primos&quot;
    },
    &quot;mk&quot;: {
        &quot;_name&quot;: &quot;Прости делители&quot;,
        &quot;gcd_formula_eq&quot;: &quot;=&quot;,
        &quot;gcd_none&quot;: &quot;(нема — заемно прости)&quot;,
        &quot;gcd_title&quot;: &quot;НЗД — задржи само заеднички фактори&quot;,
        &quot;insight_coprime&quot;: &quot;&lt;strong&gt;$1&lt;/strong&gt; и &lt;strong&gt;$2&lt;/strong&gt; се заемно прости — не делат прости делители, така што НЗС = 1. НЗМ е просто нивниот производ. Секогаш точно: &lt;strong&gt;$1 × $2 = $5&lt;/strong&gt; = НЗД × НЗС = &lt;strong&gt;1 × $4 = $4&lt;/strong&gt;.&quot;,
        &quot;insight_shared_many&quot;: &quot;&lt;strong&gt;$1&lt;/strong&gt; и &lt;strong&gt;$2&lt;/strong&gt; делат прости броеви &lt;strong&gt;$7&lt;/strong&gt;. НЗД ги зема само зелените заеднички блокови. НЗС ги зема сите блокови — зелените заеднички, сините преостанати од A, црвените преостанати од B — при што ниеден прост делител не се брои двапати. Секогаш точно: &lt;strong&gt;$1 × $2 = $5&lt;/strong&gt; = НЗД × НЗС = &lt;strong&gt;$3 × $4 = $6&lt;/strong&gt;.&quot;,
        &quot;insight_shared_one&quot;: &quot;&lt;strong&gt;$1&lt;/strong&gt; и &lt;strong&gt;$2&lt;/strong&gt; го делат истиот прост делител &lt;strong&gt;$7&lt;/strong&gt;. НЗД ги зема само зелените заеднички блокови. НЗС ги зема сите блокови — зелените заеднички, сините преостанати од A, црвените преостанати од B — при што ниеден прост делител не се брои двапати. Секогаш точно: &lt;strong&gt;$1 × $2 = $5&lt;/strong&gt; = НЗД × НЗС = &lt;strong&gt;$3 × $4 = $6&lt;/strong&gt;.&quot;,
        &quot;label_choose&quot;: &quot;Изберете два броја&quot;,
        &quot;label_factors&quot;: &quot;Прости делители&quot;,
        &quot;label_how&quot;: &quot;Како се изградени НЗД и НЗС&quot;,
        &quot;lcm_formula_eq&quot;: &quot;=&quot;,
        &quot;lcm_title&quot;: &quot;НЗС — унија на сите фактори&quot;,
        &quot;legend_onlyA&quot;: &quot;само во A&quot;,
        &quot;legend_onlyB&quot;: &quot;само во B&quot;,
        &quot;legend_shared&quot;: &quot;заеднички (се користи за НЗД)&quot;,
        &quot;hint&quot;: &quot;Изберете броеви за да ги видите нивните прости делители&quot;
    }
} /* I18N_END */
var lang = (window.mw &amp;&amp; mw.config.get('wgUserLanguage')) || 'en';
var banana = new Banana(lang.split('-')[0]);
banana.load(messages);

function t(key, vars) {
    var args = Array.isArray(vars) ? vars : [];
    var str = banana.i18n(key, ...args);
    if (vars &amp;&amp; typeof vars === 'object' &amp;&amp; !Array.isArray(vars)) {
        Object.keys(vars).forEach(function(k) {
            str = str.replace(new RegExp('\\{' + k + '\\}', 'g'), vars[k]);
        });
    }
    return str;
}

/* ── MATHS ────────────────────────────────────────────────────────────────── */
function gcd( a, b ) { return b === 0 ? a : gcd( b, a % b ); }

function primeFactors( n ) {
    var f = [];
    for ( var d = 2; d * d &lt;= n; d++ ) {
        while ( n % d === 0 ) { f.push( d ); n = Math.floor( n / d ); }
    }
    if ( n &gt; 1 ) f.push( n );
    return f.sort( function ( a, b ) { return a - b; } );
}

function classify( fA, fB ) {
    var cntA = {}, cntB = {}, sharedCnt = {};
    fA.forEach( function ( p ) { cntA[ p ] = ( cntA[ p ] || 0 ) + 1; } );
    fB.forEach( function ( p ) { cntB[ p ] = ( cntB[ p ] || 0 ) + 1; } );
    Object.keys( cntA ).forEach( function ( p ) {
        if ( cntB[ p ] ) sharedCnt[ p ] = Math.min( cntA[ p ], cntB[ p ] );
    } );

    function labelList( factors, ownRole ) {
        var usedShared = {};
        return factors.map( function ( p ) {
            usedShared[ p ] = usedShared[ p ] || 0;
            if ( sharedCnt[ p ] &amp;&amp; usedShared[ p ] &lt; sharedCnt[ p ] ) {
                usedShared[ p ]++;
                return 'shared';
            }
            return ownRole;
        } );
    }

    return {
        labA: labelList( fA, 'onlyA' ),
        labB: labelList( fB, 'onlyB' ),
        sharedCnt: sharedCnt,
        cntA: cntA,
        cntB: cntB
    };
}

function lcmFactorList( cntA, cntB, sharedCnt ) {
    var allPrimes = {};
    Object.keys( cntA ).forEach( function ( p ) { allPrimes[ p ] = true; } );
    Object.keys( cntB ).forEach( function ( p ) { allPrimes[ p ] = true; } );
    var result = [];
    Object.keys( allPrimes ).map( Number ).sort( function ( a, b ) { return a - b; } ).forEach( function ( p ) {
        var shared = sharedCnt[ p ] || 0;
        var extraA = ( cntA[ p ] || 0 ) - shared;
        var extraB = ( cntB[ p ] || 0 ) - shared;
        for ( var i = 0; i &lt; shared; i++ )  result.push( { prime: p, role: 'shared' } );
        for ( var i = 0; i &lt; extraA; i++ )  result.push( { prime: p, role: 'onlyA'  } );
        for ( var i = 0; i &lt; extraB; i++ )  result.push( { prime: p, role: 'onlyB'  } );
    } );
    return result;
}

/* ── DOM HELPERS ──────────────────────────────────────────────────────────── */
var ROLE_STYLE = {
    shared: { bg: '#C0DD97', border: '#639922', color: '#27500A' },
    onlyA:  { bg: '#B5D4F4', border: '#378ADD', color: '#0C447C' },
    onlyB:  { bg: '#F7C1C1', border: '#C0392B', color: '#791F1F' }
};

function pill( p, role, size ) {
    size = size || 38;
    var s   = ROLE_STYLE[ role ] || ROLE_STYLE.onlyA;
    var el  = document.createElement( 'div' );
    el.className   = 'hw-fct-pill';
    el.textContent = p;
    el.style.width      = size + 'px';
    el.style.height     = size + 'px';
    el.style.fontSize   = Math.round( size * 0.4 ) + 'px';
    el.style.background = s.bg;
    el.style.border     = '2px solid ' + s.border;
    el.style.color      = s.color;
    return el;
}

function sym( ch ) {
    var el = document.createElement( 'span' );
    el.className   = 'hw-fct-sym';
    el.textContent = ch;
    return el;
}

function clearEl( id, root ) { root.querySelector( '#' + id ).innerHTML = ''; }

function appendPills( rowId, items, size, root ) {
    // items: [{prime, role}] or numbers (role defaults to 'shared')
    var row = root.querySelector( '#' + rowId );
    items.forEach( function ( item, i ) {
        if ( i &gt; 0 ) row.appendChild( sym( '×' ) );
        var p    = typeof item === 'object' ? item.prime : item;
        var role = typeof item === 'object' ? item.role  : 'shared';
        row.appendChild( pill( p, role, size ) );
    } );
}

/* ── BUILD HTML ───────────────────────────────────────────────────────────── */
function buildHTML( root ) {
    root.innerHTML =
        '&lt;div class=&quot;hw-factors&quot;&gt;' +

        '&lt;div class=&quot;hw-fct-sec&quot; id=&quot;hw-fct-lbl-choose&quot;&gt;&lt;/div&gt;' +
        '&lt;div class=&quot;hw-fct-controls&quot;&gt;' +
            '&lt;div class=&quot;hw-fct-ctrl-row&quot;&gt;' +
                '&lt;input type=&quot;range&quot; id=&quot;hw-fct-sA&quot; min=&quot;2&quot; max=&quot;60&quot; value=&quot;12&quot; step=&quot;1&quot;&gt;' +
                '&lt;div class=&quot;hw-fct-badge&quot; id=&quot;hw-fct-badgeA&quot;&gt;12&lt;/div&gt;' +
            '&lt;/div&gt;' +
            '&lt;div class=&quot;hw-fct-ctrl-row&quot;&gt;' +
                '&lt;input type=&quot;range&quot; id=&quot;hw-fct-sB&quot; min=&quot;2&quot; max=&quot;60&quot; value=&quot;32&quot; step=&quot;1&quot;&gt;' +
                '&lt;div class=&quot;hw-fct-badge&quot; id=&quot;hw-fct-badgeB&quot;&gt;32&lt;/div&gt;' +
            '&lt;/div&gt;' +
        '&lt;/div&gt;' +

        '&lt;div class=&quot;hw-fct-sec&quot; id=&quot;hw-fct-lbl-factors&quot;&gt;&lt;/div&gt;' +
        '&lt;div class=&quot;hw-fct-strip-wrap&quot;&gt;' +
            '&lt;div class=&quot;hw-fct-strip-row&quot; id=&quot;hw-fct-rowA&quot;&gt;&lt;/div&gt;' +
            '&lt;div class=&quot;hw-fct-strip-row&quot; id=&quot;hw-fct-rowB&quot;&gt;&lt;/div&gt;' +
        '&lt;/div&gt;' +

        '&lt;div class=&quot;hw-fct-legend&quot;&gt;' +
            '&lt;div class=&quot;hw-fct-leg&quot;&gt;&lt;div class=&quot;hw-fct-leg-sq hw-fct-leg-onlyA&quot;&gt;&lt;/div&gt;&lt;span id=&quot;hw-fct-leg-onlyA&quot;&gt;&lt;/span&gt;&lt;/div&gt;' +
            '&lt;div class=&quot;hw-fct-leg&quot;&gt;&lt;div class=&quot;hw-fct-leg-sq hw-fct-leg-onlyB&quot;&gt;&lt;/div&gt;&lt;span id=&quot;hw-fct-leg-onlyB&quot;&gt;&lt;/span&gt;&lt;/div&gt;' +
            '&lt;div class=&quot;hw-fct-leg&quot;&gt;&lt;div class=&quot;hw-fct-leg-sq hw-fct-leg-shared&quot;&gt;&lt;/div&gt;&lt;span id=&quot;hw-fct-leg-shared&quot;&gt;&lt;/span&gt;&lt;/div&gt;' +
        '&lt;/div&gt;' +

        '&lt;div class=&quot;hw-fct-sec&quot; id=&quot;hw-fct-lbl-how&quot;&gt;&lt;/div&gt;' +
        '&lt;div class=&quot;hw-fct-results&quot;&gt;' +
            '&lt;div class=&quot;hw-fct-rcard&quot;&gt;' +
                '&lt;div class=&quot;hw-fct-rcard-lbl&quot; id=&quot;hw-fct-gcd-title&quot;&gt;&lt;/div&gt;' +
                '&lt;div class=&quot;hw-fct-rcard-val&quot; id=&quot;hw-fct-r-gcd&quot; style=&quot;color:#639922&quot;&gt;&lt;/div&gt;' +
                '&lt;div class=&quot;hw-fct-strip-row&quot; id=&quot;hw-fct-gcd-pills&quot;&gt;&lt;/div&gt;' +
                '&lt;div class=&quot;hw-fct-rcard-formula&quot; id=&quot;hw-fct-gcd-formula&quot;&gt;&lt;/div&gt;' +
            '&lt;/div&gt;' +
            '&lt;div class=&quot;hw-fct-rcard&quot;&gt;' +
                '&lt;div class=&quot;hw-fct-rcard-lbl&quot; id=&quot;hw-fct-lcm-title&quot;&gt;&lt;/div&gt;' +
                '&lt;div class=&quot;hw-fct-rcard-val&quot; id=&quot;hw-fct-r-lcm&quot; style=&quot;color:#8E44AD&quot;&gt;&lt;/div&gt;' +
                '&lt;div class=&quot;hw-fct-strip-row&quot; id=&quot;hw-fct-lcm-pills&quot;&gt;&lt;/div&gt;' +
                '&lt;div class=&quot;hw-fct-rcard-formula&quot; id=&quot;hw-fct-lcm-formula&quot;&gt;&lt;/div&gt;' +
            '&lt;/div&gt;' +
        '&lt;/div&gt;' +

        '&lt;div class=&quot;hw-fct-insight&quot; id=&quot;hw-fct-insight&quot;&gt;&lt;/div&gt;' +

        '&lt;div class=&quot;hw-footer&quot;&gt;' +
            '&lt;a class=&quot;hw-footer-icon&quot; href=&quot;' + mw.util.getUrl('Wikipedia:Hiruwiki') + '&quot; title=&quot;Hiruwiki&quot;&gt;' + hiruwiki.getLogoSvg(22) + '&lt;/a&gt;' +
            '&lt;span class=&quot;hw-footer__text&quot;&gt;' + (t('hint') === 'hint' || t('hint') === '&lt;hint&gt;' ? (messages.en.hint || '') : t('hint')) + '&lt;/span&gt;' +
        '&lt;/div&gt;' +

        '&lt;/div&gt;';
}

/* ── INIT STATIC TEXT ─────────────────────────────────────────────────────── */
function initText( root ) {
    root.querySelector( '#hw-fct-lbl-choose'  ).textContent = t( 'label_choose'  );
    root.querySelector( '#hw-fct-lbl-factors' ).textContent = t( 'label_factors' );
    root.querySelector( '#hw-fct-lbl-how'     ).textContent = t( 'label_how'     );
    root.querySelector( '#hw-fct-gcd-title'   ).textContent = t( 'gcd_title'     );
    root.querySelector( '#hw-fct-lcm-title'   ).textContent = t( 'lcm_title'     );
    root.querySelector( '#hw-fct-leg-onlyA'   ).textContent = t( 'legend_onlyA'  );
    root.querySelector( '#hw-fct-leg-onlyB'   ).textContent = t( 'legend_onlyB'  );
    root.querySelector( '#hw-fct-leg-shared'  ).textContent = t( 'legend_shared' );
}

/* ── UPDATE ───────────────────────────────────────────────────────────────── */
function update( root ) {
    var A = parseInt( root.querySelector( '#hw-fct-sA' ).value, 10 );
    var B = parseInt( root.querySelector( '#hw-fct-sB' ).value, 10 );

    root.querySelector( '#hw-fct-badgeA' ).textContent = A;
    root.querySelector( '#hw-fct-badgeB' ).textContent = B;

    var fA = primeFactors( A ), fB = primeFactors( B );
    var cl = classify( fA, fB );
    var G  = gcd( A, B ), L = A / G * B;
    var lcmList = lcmFactorList( cl.cntA, cl.cntB, cl.sharedCnt );

    // ── Row A
    var rowA = root.querySelector( '#hw-fct-rowA' );
    rowA.innerHTML = '';
    var lblA = document.createElement( 'div' );
    lblA.className = 'hw-fct-strip-label'; lblA.style.color = '#378ADD'; lblA.textContent = A;
    rowA.appendChild( lblA ); rowA.appendChild( sym( '=' ) );
    fA.forEach( function ( p, i ) {
        if ( i &gt; 0 ) rowA.appendChild( sym( '×' ) );
        rowA.appendChild( pill( p, cl.labA[ i ] ) );
    } );

    // ── Row B
    var rowB = root.querySelector( '#hw-fct-rowB' );
    rowB.innerHTML = '';
    var lblB = document.createElement( 'div' );
    lblB.className = 'hw-fct-strip-label'; lblB.style.color = '#C0392B'; lblB.textContent = B;
    rowB.appendChild( lblB ); rowB.appendChild( sym( '=' ) );
    fB.forEach( function ( p, i ) {
        if ( i &gt; 0 ) rowB.appendChild( sym( '×' ) );
        rowB.appendChild( pill( p, cl.labB[ i ] ) );
    } );

    // ── GCD pills
    var gcdRow = root.querySelector( '#hw-fct-gcd-pills' );
    gcdRow.innerHTML = '';
    var sharedList = [];
    Object.keys( cl.sharedCnt ).map( Number ).sort( function ( a, b ) { return a - b; } ).forEach( function ( p ) {
        for ( var i = 0; i &lt; cl.sharedCnt[ p ]; i++ ) sharedList.push( p );
    } );
    if ( sharedList.length === 0 ) {
        var none = document.createElement( 'span' );
        none.className = 'hw-fct-none';
        none.textContent = t( 'gcd_none' );
        gcdRow.appendChild( none );
    } else {
        sharedList.forEach( function ( p, i ) {
            if ( i &gt; 0 ) gcdRow.appendChild( sym( '×' ) );
            gcdRow.appendChild( pill( p, 'shared', 32 ) );
        } );
    }
    root.querySelector( '#hw-fct-r-gcd' ).textContent = G;
    root.querySelector( '#hw-fct-gcd-formula' ).textContent =
        sharedList.length ? sharedList.join( ' × ' ) + t( 'gcd_formula_eq' ) + G : 'GCD = 1';

    // ── LCM pills
    var lcmRow = root.querySelector( '#hw-fct-lcm-pills' );
    lcmRow.innerHTML = '';
    lcmList.forEach( function ( item, i ) {
        if ( i &gt; 0 ) lcmRow.appendChild( sym( '×' ) );
        lcmRow.appendChild( pill( item.prime, item.role, 32 ) );
    } );
    root.querySelector( '#hw-fct-r-lcm' ).textContent = L;
    root.querySelector( '#hw-fct-lcm-formula' ).textContent =
        lcmList.map( function ( x ) { return x.prime; } ).join( ' × ' ) + t( 'lcm_formula_eq' ) + L;

    // ── Insight
    var insightEl = root.querySelector( '#hw-fct-insight' );
    var sharedPrimes = Object.keys( cl.sharedCnt ).map( Number ).sort( function ( a, b ) { return a - b; } );
    var vars = [ A, B, G, L, A * B, G * L, sharedPrimes.join( ', ' ) ];
    if ( G === 1 ) {
        insightEl.innerHTML = t( 'insight_coprime', vars );
    } else if ( sharedPrimes.length === 1 ) {
        insightEl.innerHTML = t( 'insight_shared_one', vars );
    } else {
        insightEl.innerHTML = t( 'insight_shared_many', vars );
    }
}

/* ── MOUNT ────────────────────────────────────────────────────────────────── */
function mount( root ) {
    buildHTML( root );
    initText( root );
    var sA = root.querySelector( '#hw-fct-sA' );
    var sB = root.querySelector( '#hw-fct-sB' );
    sA.addEventListener( 'input', function () { update( root ); } );
    sB.addEventListener( 'input', function () { update( root ); } );
    update( root );
}

/* ── SCAN &amp; INIT ──────────────────────────────────────────────────────────── */
function init() {
    document.querySelectorAll( '.hiruwiki[data-module=&quot;factors&quot;]' ).forEach( function ( el ) {
        if ( !el.dataset.hwFctInit ) {
            el.dataset.hwFctInit = '1';
            mount( el );
        }
    } );
}

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

} )();</text>
      <sha1>3lh0r8br4pynfrsgpmz92ycmcwpfv97</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/fibonacci.js</title>
    <ns>8</ns>
    <id>179490</id>
    <revision>
      <id>781426</id>
      <parentid>770217</parentid>
      <timestamp>2026-10-28T10:39:08Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781426</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="34204" sha1="1uzynjplyc728mfe4h7q8ij5wvtmrrk" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/**
 * Hiruwiki module: fibonacci
 * Visualises how the Fibonacci sequence is built step by step,
 * and how the ratio of consecutive terms converges to the golden ratio φ.
 *
 * Usage: &lt;div class=&quot;hiruwiki&quot; data-module=&quot;fibonacci&quot;&gt;&lt;/div&gt;
 *
 * ─── I18N ────────────────────────────────────────────────────────────────────
 * To add a language, add an entry to FIBONACCI_I18N below using the MediaWiki
 * language code as the key (e.g. 'eu' for Basque, 'es' for Spanish).
 * Every key present in 'en' must also appear in every other entry.
 *
 * Interpolation tokens:
 *   {step}     – current step number
 *   {total}    – total number of steps
 *   {fa}       – left addend
 *   {fb}       – right addend
 *   {fr}       – result of the addition
 *   {ratio}    – current ratio to 6 decimal places
 *   {error}    – absolute error from φ
 * ─────────────────────────────────────────────────────────────────────────────
 */

( function () {

/* ── I18N ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var messages = /* I18N_START */ {
    &quot;nl&quot;: {
        &quot;_name&quot;: &quot;Fibonacci-reeks&quot;,
        &quot;card_phi_lbl&quot;: &quot;Gulden snede φ&quot;,
        &quot;card_phi_sub&quot;: &quot;(1 + √5) / 2 = 1,6180339887…&quot;,
        &quot;card_ratio_error&quot;: &quot;fout ten opzichte van φ:&quot;,
        &quot;card_ratio_lbl&quot;: &quot;Huidige verhouding F(n+1) ÷ F(n)&quot;,
        &quot;chart_step&quot;: &quot;stap&quot;,
        &quot;diff&quot;: &quot;verschil:&quot;,
        &quot;insight_close&quot;: &quot;&lt;strong&gt;$1 + $2 = $3&lt;/strong&gt;. De verhouding = &lt;strong&gt;$4&lt;/strong&gt; — binnen &lt;strong&gt;$5&lt;/strong&gt; van φ. Bijna volledig geconvergeerd.&quot;,
        &quot;insight_converged&quot;: &quot;&lt;strong&gt;$1 + $2 = $3&lt;/strong&gt;. De verhouding = &lt;strong&gt;$4&lt;/strong&gt; — binnen &lt;strong&gt;$5&lt;/strong&gt; van φ. De reeks is geconvergeerd tot 6 decimalen.&quot;,
        &quot;insight_normal&quot;: &quot;&lt;strong&gt;$1 + $2 = $3&lt;/strong&gt;. De verhouding = &lt;strong&gt;$4&lt;/strong&gt;, nog &lt;strong&gt;$5&lt;/strong&gt; verwijderd van φ = 1.61803…&quot;,
        &quot;insight_step1&quot;: &quot;We beginnen met &lt;strong&gt;1 + 1 = 2&lt;/strong&gt;. De verhouding 2 ÷ 1 = &lt;strong&gt;2.000000&lt;/strong&gt; — nog ver van φ ≈ 1.61803.&quot;,
        &quot;insight_step2&quot;: &quot;&lt;strong&gt;1 + 2 = 3&lt;/strong&gt;. De verhouding 3 ÷ 2 = &lt;strong&gt;1.500000&lt;/strong&gt; — al dichterbij. Elke stap verkleint het verschil.&quot;,
        &quot;sec_addition&quot;: &quot;Optelling&quot;,
        &quot;sec_chart&quot;: &quot;Convergentie naar φ&quot;,
        &quot;sec_sequence&quot;: &quot;Reeks tot nu toe&quot;,
        &quot;sec_steps&quot;: &quot;Stap door de Fibonacci-reeks&quot;,
        &quot;step_label&quot;: &quot;Stap $1 van $2&quot;,
        &quot;hint&quot;: &quot;Klik op de knop om de Fibonacci-reeks te doorlopen en de convergentie naar de Gulden Snede te zien.&quot;
    },
    &quot;fr&quot;: {
        &quot;_name&quot;: &quot;Suite de Fibonacci&quot;,
        &quot;card_phi_lbl&quot;: &quot;Nombre d'or φ&quot;,
        &quot;card_phi_sub&quot;: &quot;(1 + √5) / 2 = 1.6180339887…&quot;,
        &quot;card_ratio_error&quot;: &quot;erreur par rapport à φ :&quot;,
        &quot;card_ratio_lbl&quot;: &quot;Rapport actuel F(n+1) ÷ F(n)&quot;,
        &quot;chart_step&quot;: &quot;étape&quot;,
        &quot;diff&quot;: &quot;diff :&quot;,
        &quot;insight_close&quot;: &quot;&lt;strong&gt;$1 + $2 = $3&lt;/strong&gt;. Le rapport = &lt;strong&gt;$4&lt;/strong&gt; — à &lt;strong&gt;$5&lt;/strong&gt; de φ près. Presque totalement convergé.&quot;,
        &quot;insight_converged&quot;: &quot;&lt;strong&gt;$1 + $2 = $3&lt;/strong&gt;. Le rapport = &lt;strong&gt;$4&lt;/strong&gt; — à &lt;strong&gt;$5&lt;/strong&gt; de φ près. La suite a convergé à 6 décimales.&quot;,
        &quot;insight_normal&quot;: &quot;&lt;strong&gt;$1 + $2 = $3&lt;/strong&gt;. Le rapport = &lt;strong&gt;$4&lt;/strong&gt;, encore à &lt;strong&gt;$5&lt;/strong&gt; de φ = 1.61803…&quot;,
        &quot;insight_step1&quot;: &quot;On commence par &lt;strong&gt;1 + 1 = 2&lt;/strong&gt;. Le rapport 2 ÷ 1 = &lt;strong&gt;2.000000&lt;/strong&gt; — encore loin de φ ≈ 1.61803.&quot;,
        &quot;insight_step2&quot;: &quot;&lt;strong&gt;1 + 2 = 3&lt;/strong&gt;. Le rapport 3 ÷ 2 = &lt;strong&gt;1.500000&lt;/strong&gt; — déjà plus proche. Chaque étape réduit l'écart.&quot;,
        &quot;sec_addition&quot;: &quot;Addition&quot;,
        &quot;sec_chart&quot;: &quot;Convergence vers φ&quot;,
        &quot;sec_sequence&quot;: &quot;Suite jusqu'ici&quot;,
        &quot;sec_steps&quot;: &quot;Étapes de la suite de Fibonacci&quot;,
        &quot;step_label&quot;: &quot;Étape $1 sur $2&quot;,
        &quot;hint&quot;: &quot;Effectuer la séquence pour voir la convergence&quot;
    },
    &quot;tr&quot;: {
        &quot;_name&quot;: &quot;Fibonacci Dizisi&quot;,
        &quot;card_phi_lbl&quot;: &quot;Altın oran φ&quot;,
        &quot;card_phi_sub&quot;: &quot;(1 + √5) / 2 = 1.6180339887…&quot;,
        &quot;card_ratio_error&quot;: &quot;φ'den kaynaklanan hata:&quot;,
        &quot;card_ratio_lbl&quot;: &quot;Cari oran F(n+1) ÷ F(n)&quot;,
        &quot;chart_step&quot;: &quot;adım&quot;,
        &quot;diff&quot;: &quot;fark:&quot;,
        &quot;sec_addition&quot;: &quot;Ek&quot;,
        &quot;sec_chart&quot;: &quot;φ'ye yakınsama&quot;,
        &quot;sec_sequence&quot;: &quot;Şu ana kadar olan süreç&quot;,
        &quot;sec_steps&quot;: &quot;Fibonacci dizisini adım adım inceleyin&quot;,
        &quot;step_label&quot;: &quot;$1/$2 adım&quot;,
        &quot;hint&quot;: &quot;Yakınsamayı görmek için adım adım ilerleyin&quot;
    },
    &quot;eu&quot;: {
        &quot;_name&quot;: &quot;Fibonacci sekuentzia&quot;,
        &quot;card_phi_lbl&quot;: &quot;Urrezko arrazoia φ&quot;,
        &quot;card_phi_sub&quot;: &quot;(1 + √5) / 2 = 1,6180339887…&quot;,
        &quot;card_ratio_error&quot;: &quot;φ-rekiko errorea:&quot;,
        &quot;card_ratio_lbl&quot;: &quot;Uneko erlazioa F(n+1) ÷ F(n)&quot;,
        &quot;chart_step&quot;: &quot;urratsa&quot;,
        &quot;diff&quot;: &quot;aldea:&quot;,
        &quot;insight_close&quot;: &quot;&lt;strong&gt;$1 + $2 = $3&lt;/strong&gt;. Erlazioa = &lt;strong&gt;$4&lt;/strong&gt; — φ-tik &lt;strong&gt;$5&lt;/strong&gt;-ra. Ia erabat hurbildu da.&quot;,
        &quot;insight_converged&quot;: &quot;&lt;strong&gt;$1 + $2 = $3&lt;/strong&gt;. Erlazioa = &lt;strong&gt;$4&lt;/strong&gt; — φ-tik &lt;strong&gt;$5&lt;/strong&gt;-ra. Segida 6 dezimaletara hurbildu da.&quot;,
        &quot;insight_normal&quot;: &quot;&lt;strong&gt;$1 + $2 = $3&lt;/strong&gt;. Erlazioa = &lt;strong&gt;$4&lt;/strong&gt;, oraindik &lt;strong&gt;$5&lt;/strong&gt; urrun φ = 1,61803…-tik.&quot;,
        &quot;insight_step1&quot;: &quot;&lt;strong&gt;1 + 1 = 2&lt;/strong&gt;-rekin hasten gara. 2 ÷ 1 = &lt;strong&gt;2,000000&lt;/strong&gt; erlazioa — oraindik urrun φ ≈ 1,61803-tik.&quot;,
        &quot;insight_step2&quot;: &quot;&lt;strong&gt;1 + 2 = 3&lt;/strong&gt;. 3 ÷ 2 = &lt;strong&gt;1,500000&lt;/strong&gt; erlazioa — hurbilago dagoeneko. Urrats bakoitzak tartea murriztuko du.&quot;,
        &quot;sec_addition&quot;: &quot;Batuketa&quot;,
        &quot;sec_chart&quot;: &quot;φ-rantz konbergentzia&quot;,
        &quot;sec_sequence&quot;: &quot;Orain arteko segida&quot;,
        &quot;sec_steps&quot;: &quot;Fibonacci segidaren urratsak&quot;,
        &quot;step_label&quot;: &quot;$1. urratsa $2tik&quot;,
        &quot;hint&quot;: &quot;Jarraitu sekuentzian zehar konbergentzia ikusteko&quot;
    },
    &quot;sk&quot;: {
        &quot;_name&quot;: &quot;Fibonacciho postupnosť&quot;,
        &quot;card_phi_lbl&quot;: &quot;Zlatý rez φ&quot;,
        &quot;card_phi_sub&quot;: &quot;(1 + √5) / 2 = 1.6180339887…&quot;,
        &quot;card_ratio_error&quot;: &quot;odchýlka od φ:&quot;,
        &quot;card_ratio_lbl&quot;: &quot;Aktuálny pomer F(n+1) ÷ F(n)&quot;,
        &quot;chart_step&quot;: &quot;krok&quot;,
        &quot;diff&quot;: &quot;rozdiel:&quot;,
        &quot;insight_close&quot;: &quot;&lt;strong&gt;$1 + $2 = $3&lt;/strong&gt;. Pomer = &lt;strong&gt;$4&lt;/strong&gt; — vzdialený od φ o &lt;strong&gt;$5&lt;/strong&gt;. Takmer úplne skonvergoval.&quot;,
        &quot;insight_converged&quot;: &quot;&lt;strong&gt;$1 + $2 = $3&lt;/strong&gt;. Pomer = &lt;strong&gt;$4&lt;/strong&gt; — vzdialený od φ o &lt;strong&gt;$5&lt;/strong&gt;. Postupnosť skonvergovala na 6 desatinných miest.&quot;,
        &quot;insight_normal&quot;: &quot;&lt;strong&gt;$1 + $2 = $3&lt;/strong&gt;. Pomer = &lt;strong&gt;$4&lt;/strong&gt;, stále &lt;strong&gt;$5&lt;/strong&gt; od φ = 1.61803…&quot;,
        &quot;insight_step1&quot;: &quot;Začíname s &lt;strong&gt;1 + 1 = 2&lt;/strong&gt;. Pomer 2 ÷ 1 = &lt;strong&gt;2.000000&lt;/strong&gt; — stále ďaleko od φ ≈ 1.61803.&quot;,
        &quot;insight_step2&quot;: &quot;&lt;strong&gt;1 + 2 = 3&lt;/strong&gt;. Pomer 3 ÷ 2 = &lt;strong&gt;1.500000&lt;/strong&gt; — už bližšie. Každý krok ďalej zmenšuje rozdiel.&quot;,
        &quot;sec_addition&quot;: &quot;Sčítanie&quot;,
        &quot;sec_chart&quot;: &quot;Konvergencia k φ&quot;,
        &quot;sec_sequence&quot;: &quot;Doterajšia postupnosť&quot;,
        &quot;sec_steps&quot;: &quot;Prechádzajte Fibonacciho postupnosťou&quot;,
        &quot;step_label&quot;: &quot;Krok $1 z $2&quot;,
        &quot;hint&quot;: &quot;Prechádzajte postupnosťou a sledujte konvergenciu&quot;
    },
    &quot;skr-arab&quot;: {
        &quot;_name&quot;: &quot;فبوناچی تسلسل&quot;,
        &quot;card_phi_lbl&quot;: &quot;سنہری تناسب φ&quot;,
        &quot;card_phi_sub&quot;: &quot;(1 + √5) / 2 = 1.6180339887…&quot;,
        &quot;card_ratio_error&quot;: &quot;φ توں غلطی:&quot;,
        &quot;card_ratio_lbl&quot;: &quot;موجودہ تناسب F(n+1) ÷ F(n)&quot;,
        &quot;chart_step&quot;: &quot;قدم&quot;,
        &quot;diff&quot;: &quot;فرق:&quot;,
        &quot;insight_close&quot;: &quot;&lt;strong&gt;$1 + $2 = $3&lt;/strong&gt;۔ تناسب = &lt;strong&gt;$4&lt;/strong&gt; — φ توں &lt;strong&gt;$5&lt;/strong&gt; اندر۔ تقریباً پوری طرح ملݨ تئیں پہنچ ڳیا۔&quot;,
        &quot;insight_converged&quot;: &quot;&lt;strong&gt;$1 + $2 = $3&lt;/strong&gt;۔ تناسب = &lt;strong&gt;$4&lt;/strong&gt; — φ توں &lt;strong&gt;$5&lt;/strong&gt; اندر۔ تسلسل 6 اعشاریہ مقام تئیں مل ڳیا اے۔&quot;,
        &quot;insight_normal&quot;: &quot;&lt;strong&gt;$1 + $2 = $3&lt;/strong&gt;۔ تناسب = &lt;strong&gt;$4&lt;/strong&gt;، اڄاں φ = 1.61803… توں &lt;strong&gt;$5&lt;/strong&gt; پرے۔&quot;,
        &quot;insight_step1&quot;: &quot;اساں &lt;strong&gt;1 + 1 = 2&lt;/strong&gt; نال شروع کریندے ہیں۔ تناسب 2 ÷ 1 = &lt;strong&gt;2.000000&lt;/strong&gt; — اڄاں φ ≈ 1.61803 توں پرے۔&quot;,
        &quot;insight_step2&quot;: &quot;&lt;strong&gt;1 + 2 = 3&lt;/strong&gt;۔ تناسب 3 ÷ 2 = &lt;strong&gt;1.500000&lt;/strong&gt; — پہلے ہی نیڑے۔ ہر قدم فرق کوں ٻیا تنگ کریندے۔&quot;,
        &quot;sec_addition&quot;: &quot;جمع&quot;,
        &quot;sec_chart&quot;: &quot;φ تئیں ملݨ&quot;,
        &quot;sec_sequence&quot;: &quot;اڄ تئیں دا تسلسل&quot;,
        &quot;sec_steps&quot;: &quot;فبوناچی تسلسل وچ قدم بہ قدم چلو&quot;,
        &quot;step_label&quot;: &quot;قدم $1 وچوں $2&quot;,
        &quot;hint&quot;: &quot;ملݨ ݙیکھݨ کیتے تسلسل وچ قدم بہ قدم چلو&quot;
    },
    &quot;lb&quot;: {
        &quot;card_phi_lbl&quot;: &quot;Gëllene Schnëtt φ&quot;,
        &quot;chart_step&quot;: &quot;Schrëtt&quot;,
        &quot;sec_addition&quot;: &quot;Additioun&quot;,
        &quot;step_label&quot;: &quot;Schrëtt $1 vu(n) $2&quot;
    },
    &quot;ko&quot;: {
        &quot;_name&quot;: &quot;피보나치 수열&quot;,
        &quot;card_phi_lbl&quot;: &quot;황금비 φ&quot;,
        &quot;card_phi_sub&quot;: &quot;(1 + √5) / 2 = 1.6180339887…&quot;,
        &quot;card_ratio_error&quot;: &quot;φ와의 오차:&quot;,
        &quot;card_ratio_lbl&quot;: &quot;현재 비율 F(n+1) ÷ F(n)&quot;,
        &quot;chart_step&quot;: &quot;단계&quot;,
        &quot;diff&quot;: &quot;차이:&quot;,
        &quot;insight_close&quot;: &quot;&lt;strong&gt;$1 + $2 = $3&lt;/strong&gt;. 비율은 &lt;strong&gt;$4&lt;/strong&gt;(으)로, φ값에서 &lt;strong&gt;$5&lt;/strong&gt; 이내입니다. 거의 완전히 수렴했습니다.&quot;,
        &quot;insight_converged&quot;: &quot;&lt;strong&gt;$1 + $2 = $3&lt;/strong&gt;. 비율은 &lt;strong&gt;$4&lt;/strong&gt;(으)로, φ값에서 &lt;strong&gt;$5&lt;/strong&gt; 이내입니다. 소수점 6자리까지 수렴했습니다.&quot;,
        &quot;insight_normal&quot;: &quot;&lt;strong&gt;$1 + $2 = $3&lt;/strong&gt;. 비율은 &lt;strong&gt;$4&lt;/strong&gt;(으)로, φ = 1.61803...값에서 아직 &lt;strong&gt;$5&lt;/strong&gt; 만큼 떨어져 있습니다.&quot;,
        &quot;insight_step1&quot;: &quot;&lt;strong&gt;1 + 1 = 2&lt;/strong&gt; 부터 시작합니다. 비율은 2 ÷ 1 = &lt;strong&gt;2.000000&lt;/strong&gt; 인데, 이는 여전히 φ ≈ 1.61803과는 거리가 멉니다.&quot;,
        &quot;insight_step2&quot;: &quot;&lt;strong&gt;1 + 2 = 3&lt;/strong&gt;. 비율은 3 ÷ 2 = &lt;strong&gt;1.500000&lt;/strong&gt; 입니다. 더 가까워졌습니다. 단계가 진행될수록 격차는 더욱 줄어듭니다.&quot;,
        &quot;sec_addition&quot;: &quot;추가&quot;,
        &quot;sec_chart&quot;: &quot;φ를 향해 수렴&quot;,
        &quot;sec_sequence&quot;: &quot;지금까디릐 수열&quot;,
        &quot;sec_steps&quot;: &quot;피보나치 수열을 단계별로 따라가 보세요&quot;,
        &quot;step_label&quot;: &quot;$2단계 중 $1단계&quot;,
        &quot;hint&quot;: &quot;수렴 과정을 단계별로 살펴보세요&quot;
    },
    &quot;en&quot;: {
        &quot;_name&quot;: &quot;Fibonacci Sequence&quot;,
        &quot;card_phi_lbl&quot;: &quot;Golden ratio φ&quot;,
        &quot;card_phi_sub&quot;: &quot;(1 + √5) / 2 = 1.6180339887…&quot;,
        &quot;card_ratio_error&quot;: &quot;error from φ:&quot;,
        &quot;card_ratio_lbl&quot;: &quot;Current ratio F(n+1) ÷ F(n)&quot;,
        &quot;chart_step&quot;: &quot;step&quot;,
        &quot;diff&quot;: &quot;diff:&quot;,
        &quot;insight_close&quot;: &quot;&lt;strong&gt;$1 + $2 = $3&lt;/strong&gt;. The ratio = &lt;strong&gt;$4&lt;/strong&gt; — within &lt;strong&gt;$5&lt;/strong&gt; of φ. Almost fully converged.&quot;,
        &quot;insight_converged&quot;: &quot;&lt;strong&gt;$1 + $2 = $3&lt;/strong&gt;. The ratio = &lt;strong&gt;$4&lt;/strong&gt; — within &lt;strong&gt;$5&lt;/strong&gt; of φ. The sequence has converged to 6 decimal places.&quot;,
        &quot;insight_normal&quot;: &quot;&lt;strong&gt;$1 + $2 = $3&lt;/strong&gt;. The ratio = &lt;strong&gt;$4&lt;/strong&gt;, still &lt;strong&gt;$5&lt;/strong&gt; away from φ = 1.61803…&quot;,
        &quot;insight_step1&quot;: &quot;We start with &lt;strong&gt;1 + 1 = 2&lt;/strong&gt;. The ratio 2 ÷ 1 = &lt;strong&gt;2.000000&lt;/strong&gt; — still far from φ ≈ 1.61803.&quot;,
        &quot;insight_step2&quot;: &quot;&lt;strong&gt;1 + 2 = 3&lt;/strong&gt;. The ratio 3 ÷ 2 = &lt;strong&gt;1.500000&lt;/strong&gt; — already closer. Each step narrows the gap further.&quot;,
        &quot;sec_addition&quot;: &quot;Addition&quot;,
        &quot;sec_chart&quot;: &quot;Convergence toward φ&quot;,
        &quot;sec_sequence&quot;: &quot;Sequence so far&quot;,
        &quot;sec_steps&quot;: &quot;Step through the Fibonacci sequence&quot;,
        &quot;step_label&quot;: &quot;Step $1 of $2&quot;,
        &quot;hint&quot;: &quot;Step through the sequence to see convergence&quot;
    },
    &quot;ca&quot;: {
        &quot;diff&quot;: &quot;dif:&quot;
    },
    &quot;qqq&quot;: {
        &quot;_name&quot;: &quot;Name of the Fibonacci Sequence module&quot;,
        &quot;card_phi_lbl&quot;: &quot;Label for the golden ratio φ card&quot;,
        &quot;card_phi_sub&quot;: &quot;Subtitle showing the formula and decimal value of the golden ratio&quot;,
        &quot;card_ratio_error&quot;: &quot;Label for the error from φ, followed by a numeric value&quot;,
        &quot;card_ratio_lbl&quot;: &quot;Label for the current ratio F(n+1) ÷ F(n) card&quot;,
        &quot;chart_step&quot;: &quot;X-axis label for the convergence chart&quot;,
        &quot;diff&quot;: &quot;Label prefix for the difference value in the sequence display. Followed by a number.&quot;,
        &quot;insight_close&quot;: &quot;Insight text shown when the ratio is close to φ but not yet converged. Uses HTML. Parameters: $1 = left addend, $2 = right addend, $3 = sum, $4 = current ratio, $5 = error from φ.&quot;,
        &quot;insight_converged&quot;: &quot;Insight text shown when the ratio has converged to 6 decimal places. Uses HTML. Parameters: $1 = left addend, $2 = right addend, $3 = sum, $4 = current ratio, $5 = error from φ.&quot;,
        &quot;insight_normal&quot;: &quot;Insight text shown during normal steps. Uses HTML. Parameters: $1 = left addend, $2 = right addend, $3 = sum, $4 = current ratio, $5 = error from φ.&quot;,
        &quot;insight_step1&quot;: &quot;Insight text shown at the first step of the Fibonacci sequence. Uses HTML.&quot;,
        &quot;insight_step2&quot;: &quot;Insight text shown at the second step of the Fibonacci sequence. Uses HTML.&quot;,
        &quot;sec_addition&quot;: &quot;Section heading for the addition display&quot;,
        &quot;sec_chart&quot;: &quot;Section heading for the convergence chart&quot;,
        &quot;sec_sequence&quot;: &quot;Section heading for the sequence display&quot;,
        &quot;sec_steps&quot;: &quot;Section heading for the step-through controls&quot;,
        &quot;step_label&quot;: &quot;Label showing the current step. Parameters: $1 = current step number, $2 = total number of steps.&quot;,
        &quot;hint&quot;: &quot;Instruction text for the Fibonacci step-through controls&quot;
    },
    &quot;ga&quot;: {
        &quot;_name&quot;: &quot;Seicheamh Fibonacci&quot;,
        &quot;card_phi_lbl&quot;: &quot;Cóimheas órga φ&quot;,
        &quot;card_phi_sub&quot;: &quot;(1 + √5) / 2 = 1.6180339887…&quot;,
        &quot;card_ratio_error&quot;: &quot;earráid ó φ:&quot;,
        &quot;card_ratio_lbl&quot;: &quot;Cóimheas reatha F(n+1) ÷ F(n)&quot;,
        &quot;chart_step&quot;: &quot;céim&quot;,
        &quot;diff&quot;: &quot;difríocht:&quot;,
        &quot;insight_close&quot;: &quot;$1 + $2 = $3. An cóimheas = $4 — laistigh de $5 de φ. Beagnach comhtháite go hiomlán.&quot;,
        &quot;insight_converged&quot;: &quot;&lt;strong&gt;$1 + $2 = $3&lt;/strong&gt;. An cóimheas = &lt;strong&gt;$4&lt;/strong&gt; — laistigh de &lt;strong&gt;$5&lt;/strong&gt; de φ. Tá an seicheamh comhtháite go 6 ionad deachúil.&quot;,
        &quot;insight_normal&quot;: &quot;&lt;strong&gt;$1 + $2 = $3&lt;/strong&gt;. An cóimheas = &lt;strong&gt;$4&lt;/strong&gt;, fós &lt;strong&gt;$5&lt;/strong&gt; ar shiúl ó φ = 1.61803…&quot;,
        &quot;insight_step1&quot;: &quot;Tosaímid le *1 + 1 = 2*. Tá an cóimheas 2 ÷ 1 = *2.000000* — fós i bhfad ó φ ≈ 1.61803.&quot;,
        &quot;insight_step2&quot;: &quot;&lt;strong&gt;1 + 2 = 3&lt;/strong&gt;. Tá an cóimheas 3 ÷ 2 = &lt;strong&gt;1.500000&lt;/strong&gt; níos gaire cheana féin. Laghdaíonn gach céim an bhearna níos mó.&quot;,
        &quot;sec_addition&quot;: &quot;Breisiú&quot;,
        &quot;sec_chart&quot;: &quot;Comhtháthú i dtreo φ&quot;,
        &quot;sec_sequence&quot;: &quot;Seicheamh go dtí seo&quot;,
        &quot;sec_steps&quot;: &quot;Céim tríd an seicheamh Fibonacci&quot;,
        &quot;step_label&quot;: &quot;Céim $1 de $2&quot;,
        &quot;hint&quot;: &quot;Céim tríd an seicheamh chun comhtháthú a fheiceáil&quot;
    },
    &quot;es&quot;: {
        &quot;_name&quot;: &quot;Sucesión de Fibonacci&quot;,
        &quot;card_phi_lbl&quot;: &quot;Proporción áurea φ&quot;,
        &quot;card_phi_sub&quot;: &quot;(1 + √5) / 2 = 1.6180339887…&quot;,
        &quot;card_ratio_error&quot;: &quot;error respecto a φ:&quot;,
        &quot;card_ratio_lbl&quot;: &quot;Proporción actual F(n+1) ÷ F(n)&quot;,
        &quot;chart_step&quot;: &quot;paso&quot;,
        &quot;diff&quot;: &quot;dif:&quot;,
        &quot;insight_close&quot;: &quot;&lt;strong&gt;$1 + $2 = $3&lt;/strong&gt;. La proporción = &lt;strong&gt;$4&lt;/strong&gt; — a menos de &lt;strong&gt;$5&lt;/strong&gt; de φ. Casi completamente convergido.&quot;,
        &quot;insight_converged&quot;: &quot;&lt;strong&gt;$1 + $2 = $3&lt;/strong&gt;. La proporción = &lt;strong&gt;$4&lt;/strong&gt; — a menos de &lt;strong&gt;$5&lt;/strong&gt; de φ. La secuencia ha convergido a 6 decimales.&quot;,
        &quot;insight_normal&quot;: &quot;&lt;strong&gt;$1 + $2 = $3&lt;/strong&gt;. La proporción = &lt;strong&gt;$4&lt;/strong&gt;, todavía a &lt;strong&gt;$5&lt;/strong&gt; de φ = 1.61803…&quot;,
        &quot;insight_step1&quot;: &quot;Empezamos con &lt;strong&gt;1 + 1 = 2&lt;/strong&gt;. La proporción 2 ÷ 1 = &lt;strong&gt;2.000000&lt;/strong&gt; — todavía lejos de φ ≈ 1.61803.&quot;,
        &quot;insight_step2&quot;: &quot;&lt;strong&gt;1 + 2 = 3&lt;/strong&gt;. La proporción 3 ÷ 2 = &lt;strong&gt;1.500000&lt;/strong&gt; — ya más cerca. Cada paso reduce la brecha.&quot;,
        &quot;sec_addition&quot;: &quot;Suma&quot;,
        &quot;sec_chart&quot;: &quot;Convergencia hacia φ&quot;,
        &quot;sec_sequence&quot;: &quot;Secuencia hasta ahora&quot;,
        &quot;sec_steps&quot;: &quot;Pasos de la secuencia de Fibonacci&quot;,
        &quot;step_label&quot;: &quot;Paso $1 de $2&quot;,
        &quot;hint&quot;: &quot;Recorre la secuencia paso a paso para observar la convergencia&quot;
    },
    &quot;mk&quot;: {
        &quot;_name&quot;: &quot;Фибоначиева низа&quot;,
        &quot;card_phi_lbl&quot;: &quot;Златен пресек φ&quot;,
        &quot;card_phi_sub&quot;: &quot;(1 + √5) / 2 = 1,6180339887…&quot;,
        &quot;card_ratio_error&quot;: &quot;грешка од φ:&quot;,
        &quot;card_ratio_lbl&quot;: &quot;Тековен сооднос F(n+1) ÷ F(n)&quot;,
        &quot;chart_step&quot;: &quot;чекор&quot;,
        &quot;diff&quot;: &quot;разлика:&quot;,
        &quot;insight_close&quot;: &quot;&lt;strong&gt;$1 + $2 = $3&lt;/strong&gt;. Соодносот = &lt;strong&gt;$4&lt;/strong&gt; — во рамките на &lt;strong&gt;$5&lt;/strong&gt; од φ. Речиси наполно сретнати.&quot;,
        &quot;insight_converged&quot;: &quot;&lt;strong&gt;$1 + $2 = $3&lt;/strong&gt;. Соодносот = &lt;strong&gt;$4&lt;/strong&gt; — во рамките на &lt;strong&gt;$5&lt;/strong&gt; од φ. Низата се сретнала на 6 децимални места.&quot;,
        &quot;insight_normal&quot;: &quot;&lt;strong&gt;$1 + $2 = $3&lt;/strong&gt;. Соодносот = &lt;strong&gt;$4&lt;/strong&gt;, сепак треба уште &lt;strong&gt;$5&lt;/strong&gt; за да биде φ = 1,61803…&quot;,
        &quot;insight_step1&quot;: &quot;Почнуваме со &lt;strong&gt;1 + 1 = 2&lt;/strong&gt;. Соодносот 2 ÷ 1 = &lt;strong&gt;2,000000&lt;/strong&gt; — сè уште далеку од φ ≈ 1,61803.&quot;,
        &quot;insight_step2&quot;: &quot;&lt;strong&gt;1 + 2 = 3&lt;/strong&gt;. Соодносот 3 ÷ 2 = &lt;strong&gt;1,500000&lt;/strong&gt; — веќе е поблиску. Секој чекор понатаму го намалува јазот.&quot;,
        &quot;sec_addition&quot;: &quot;Собирање&quot;,
        &quot;sec_chart&quot;: &quot;Среќавање кон φ&quot;,
        &quot;sec_sequence&quot;: &quot;Низата досега&quot;,
        &quot;sec_steps&quot;: &quot;Чекорете низ Фибоначиевата низа&quot;,
        &quot;step_label&quot;: &quot;Чекор $1 од $2&quot;,
        &quot;hint&quot;: &quot;Чекорете низ низата за да го видите среќавањето&quot;
    }
} /* I18N_END */
var lang = (window.mw &amp;&amp; mw.config.get('wgUserLanguage')) || 'en';
var banana = new Banana(lang.split('-')[0]);
banana.load(messages);

function t(key, vars) {
    var args = Array.isArray(vars) ? vars : [];
    var str = banana.i18n(key, ...args);
    if (vars &amp;&amp; typeof vars === 'object' &amp;&amp; !Array.isArray(vars)) {
        Object.keys(vars).forEach(function(k) {
            str = str.replace(new RegExp('\\{' + k + '\\}', 'g'), vars[k]);
        });
    }
    return str;
}

/* ── CONSTANTS ────────────────────────────────────────────────────────────── */
var MAX_STEPS = 20;
var PHI = ( 1 + Math.sqrt( 5 ) ) / 2; // 1.6180339887...

// Build fibs[0..MAX_STEPS+1]  (we need fibs[MAX_STEPS+1] for the last ratio)
var fibs = [ 1, 1 ];
while ( fibs.length &lt; MAX_STEPS + 2 ) {
    fibs.push( fibs[ fibs.length - 1 ] + fibs[ fibs.length - 2 ] );
}

var COLORS = [
    { bg: '#DBEAFE', border: '#3B82F6', text: '#1D4ED8' },
    { bg: '#DCF0C8', border: '#6CB93A', text: '#3A7D11' },
    { bg: '#FDE8CB', border: '#E07A10', text: '#9C4F00' },
    { bg: '#F3D4F8', border: '#A855F7', text: '#7E22CE' },
    { bg: '#FEE2E2', border: '#EF4444', text: '#991B1B' },
    { bg: '#D1FAF0', border: '#10B981', text: '#065F46' },
    { bg: '#FEF9C3', border: '#CA8A04', text: '#713F12' },
];
function col( i ) { return COLORS[ i % COLORS.length ]; }

function applyColor( el, idx ) {
    var c = col( idx );
    el.style.background = c.bg;
    el.style.color      = c.text;
    el.style.border     = '2px solid ' + c.border;
}

/* ── BUILD HTML ───────────────────────────────────────────────────────────── */
function buildHTML( root ) {
    root.innerHTML =
        '&lt;div class=&quot;hw-fib&quot;&gt;' +

        /* Controls */
        '&lt;div class=&quot;hw-fib-sec&quot; id=&quot;hw-fib-sec-steps&quot;&gt;&lt;/div&gt;' +
        '&lt;div class=&quot;hw-fib-controls&quot;&gt;' +
            '&lt;button class=&quot;hw-fib-btn&quot; id=&quot;hw-fib-btn-prev&quot; disabled&gt;‹&lt;/button&gt;' +
            '&lt;div class=&quot;hw-fib-step-label&quot; id=&quot;hw-fib-step-label&quot;&gt;&lt;/div&gt;' +
            '&lt;button class=&quot;hw-fib-btn&quot; id=&quot;hw-fib-btn-next&quot;&gt;›&lt;/button&gt;' +
        '&lt;/div&gt;' +

        /* Sequence — top */
        '&lt;div class=&quot;hw-fib-sec&quot; id=&quot;hw-fib-sec-sequence&quot;&gt;&lt;/div&gt;' +
        '&lt;div class=&quot;hw-fib-seq-row&quot; id=&quot;hw-fib-seq-row&quot;&gt;&lt;/div&gt;' +

        /* Addition */
        '&lt;div class=&quot;hw-fib-sec&quot; id=&quot;hw-fib-sec-addition&quot;&gt;&lt;/div&gt;' +
        '&lt;div class=&quot;hw-fib-addition&quot;&gt;' +
            '&lt;div class=&quot;hw-fib-num&quot; id=&quot;hw-fib-add-a&quot;&gt;1&lt;/div&gt;' +
            '&lt;div class=&quot;hw-fib-op&quot;&gt;+&lt;/div&gt;' +
            '&lt;div class=&quot;hw-fib-num&quot; id=&quot;hw-fib-add-b&quot;&gt;1&lt;/div&gt;' +
            '&lt;div class=&quot;hw-fib-op&quot;&gt;=&lt;/div&gt;' +
            '&lt;div class=&quot;hw-fib-num&quot; id=&quot;hw-fib-add-r&quot;&gt;2&lt;/div&gt;' +
        '&lt;/div&gt;' +

        /* Two cards */
        '&lt;div class=&quot;hw-fib-cards&quot;&gt;' +

            /* Ratio card */
            '&lt;div class=&quot;hw-fib-rcard&quot; id=&quot;hw-fib-ratio-card&quot;&gt;' +
                '&lt;div class=&quot;hw-fib-rcard-lbl&quot; id=&quot;hw-fib-card-ratio-lbl&quot;&gt;&lt;/div&gt;' +
                '&lt;div class=&quot;hw-fib-ratio-eq&quot;&gt;' +
                    '&lt;div class=&quot;hw-fib-ratio-pill&quot; id=&quot;hw-fib-ratio-num&quot;&gt;2&lt;/div&gt;' +
                    '&lt;div class=&quot;hw-fib-ratio-op&quot;&gt;÷&lt;/div&gt;' +
                    '&lt;div class=&quot;hw-fib-ratio-pill&quot; id=&quot;hw-fib-ratio-den&quot;&gt;1&lt;/div&gt;' +
                    '&lt;div class=&quot;hw-fib-ratio-op&quot;&gt;=&lt;/div&gt;' +
                    '&lt;div class=&quot;hw-fib-ratio-result&quot; id=&quot;hw-fib-ratio-result&quot;&gt;2.000000&lt;/div&gt;' +
                '&lt;/div&gt;' +
                '&lt;div class=&quot;hw-fib-rcard-sub&quot;&gt;' +
                    '&lt;span id=&quot;hw-fib-card-ratio-error&quot;&gt;&lt;/span&gt; ' +
                    '&lt;span class=&quot;hw-fib-phi-error&quot; id=&quot;hw-fib-phi-error&quot;&gt;0.38197&lt;/span&gt;' +
                '&lt;/div&gt;' +
            '&lt;/div&gt;' +

            /* φ card */
            '&lt;div class=&quot;hw-fib-rcard&quot;&gt;' +
                '&lt;div class=&quot;hw-fib-rcard-lbl&quot; id=&quot;hw-fib-card-phi-lbl&quot;&gt;&lt;/div&gt;' +
                '&lt;div class=&quot;hw-fib-rcard-val&quot; style=&quot;color:#C09B2A&quot;&gt;1.618034…&lt;/div&gt;' +
                '&lt;div class=&quot;hw-fib-rcard-sub&quot; id=&quot;hw-fib-card-phi-sub&quot;&gt;&lt;/div&gt;' +
            '&lt;/div&gt;' +

        '&lt;/div&gt;' +

        /* Chart */
        '&lt;div class=&quot;hw-fib-sec&quot; id=&quot;hw-fib-sec-chart&quot;&gt;&lt;/div&gt;' +
        '&lt;canvas class=&quot;hw-fib-chart&quot; id=&quot;hw-fib-chart&quot;&gt;&lt;/canvas&gt;' +

        /* Insight */
        '&lt;div class=&quot;hw-fib-insight&quot; id=&quot;hw-fib-insight&quot;&gt;&lt;/div&gt;' +

        '&lt;/div&gt;';
}

/* ── INIT STATIC TEXT ─────────────────────────────────────────────────────── */
function initText( root ) {
    root.querySelector( '#hw-fib-sec-steps'       ).textContent = t( 'sec_steps'       );
    root.querySelector( '#hw-fib-sec-sequence'    ).textContent = t( 'sec_sequence'    );
    root.querySelector( '#hw-fib-sec-addition'    ).textContent = t( 'sec_addition'    );
    root.querySelector( '#hw-fib-card-ratio-lbl'  ).textContent = t( 'card_ratio_lbl'  );
    root.querySelector( '#hw-fib-card-ratio-error').textContent = t( 'card_ratio_error');
    root.querySelector( '#hw-fib-card-phi-lbl'    ).textContent = t( 'card_phi_lbl'    );
    root.querySelector( '#hw-fib-card-phi-sub'    ).textContent = t( 'card_phi_sub'    );
    root.querySelector( '#hw-fib-sec-chart'       ).textContent = t( 'sec_chart'       );
}

/* ── UPDATE ───────────────────────────────────────────────────────────────── */
function update( root, step ) {
    var fa = fibs[ step - 1 ];
    var fb = fibs[ step ];
    var fr = fibs[ step + 1 ];

    /* Controls */
    root.querySelector( '#hw-fib-step-label'  ).textContent = t( 'step_label', [ step, MAX_STEPS ] );
    root.querySelector( '#hw-fib-btn-prev'    ).disabled    = step &lt;= 1;
    root.querySelector( '#hw-fib-btn-next'    ).disabled    = step &gt;= MAX_STEPS;

    /* Sequence row */
    var seqRow = root.querySelector( '#hw-fib-seq-row' );
    seqRow.innerHTML = '';
    for ( var i = 0; i &lt;= step + 1; i++ ) {
        if ( i &gt; 0 ) {
            var sep = document.createElement( 'span' );
            sep.className = 'hw-fib-seq-sep'; sep.textContent = ',';
            seqRow.appendChild( sep );
        }
        var pill = document.createElement( 'div' );
        pill.className   = 'hw-fib-seq-pill';
        pill.textContent = fibs[ i ];
        var c = col( i );
        pill.style.background  = c.bg;
        pill.style.borderColor = c.border;
        pill.style.color       = c.text;
        if ( i === step - 1 || i === step || i === step + 1 ) {
            pill.style.transform  = 'scale(1.12)';
            pill.style.fontWeight = '600';
        }
        seqRow.appendChild( pill );
    }

    /* Addition */
    var addA = root.querySelector( '#hw-fib-add-a' );
    var addB = root.querySelector( '#hw-fib-add-b' );
    var addR = root.querySelector( '#hw-fib-add-r' );
    addA.textContent = fa; applyColor( addA, step - 1 );
    addB.textContent = fb; applyColor( addB, step );
    addR.textContent = fr; applyColor( addR, step + 1 );

    /* Ratio */
    var ratio   = fr / fb;
    var error   = Math.abs( ratio - PHI );
    var errNorm = Math.min( error / 0.4, 1 );
    var rColor  = errNorm &lt; 0.05 ? '#639922' : errNorm &lt; 0.25 ? '#E07A10' : '#C0392B';
    var ratBg   = errNorm &lt; 0.05 ? 'rgba(99,153,34,.07)' :
                  errNorm &lt; 0.25 ? 'rgba(224,122,16,.07)' : 'rgba(192,57,43,.07)';

    var ratioNum = root.querySelector( '#hw-fib-ratio-num' );
    var ratioDen = root.querySelector( '#hw-fib-ratio-den' );
    ratioNum.textContent = fr; applyColor( ratioNum, step + 1 );
    ratioDen.textContent = fb; applyColor( ratioDen, step );

    var rr = root.querySelector( '#hw-fib-ratio-result' );
    rr.textContent = ratio.toFixed( 6 );
    rr.style.color = rColor;

    var rc = root.querySelector( '#hw-fib-ratio-card' );
    rc.style.borderColor = rColor;
    rc.style.background  = ratBg;

    var pe = root.querySelector( '#hw-fib-phi-error' );
    pe.textContent = error.toFixed( 8 );
    pe.style.color = rColor;

    /* Insight */
    var ins  = root.querySelector( '#hw-fib-insight' );
    var errFmt = error &lt; 0.000001 ? error.toFixed( 10 ) : error &lt; 0.0001 ? error.toFixed( 8 ) : error.toFixed( 6 );
    var vars = [ fa, fb, fr, ratio.toFixed( 6 ), errFmt ];
    if ( step === 1 ) {
        ins.innerHTML = t( 'insight_step1', vars );
    } else if ( step === 2 ) {
        ins.innerHTML = t( 'insight_step2', vars );
    } else if ( error &lt; 0.000001 ) {
        ins.innerHTML = t( 'insight_converged', vars );
    } else if ( error &lt; 0.0001 ) {
        ins.innerHTML = t( 'insight_close', vars );
    } else {
        ins.innerHTML = t( 'insight_normal', vars );
    }

    drawChart( root, step );
}

/* ── CHART ────────────────────────────────────────────────────────────────── */
function drawChart( root, step ) {
    var canvas = root.querySelector( '#hw-fib-chart' );
    var dpr    = window.devicePixelRatio || 1;
    var W      = Math.max( canvas.parentElement.clientWidth || 0, 300 );
    var H      = 180;
    canvas.width        = W * dpr;
    canvas.height       = H * dpr;
    canvas.style.width  = W + 'px';
    canvas.style.height = H + 'px';
    var ctx = canvas.getContext( '2d' );
    ctx.setTransform( dpr, 0, 0, dpr, 0, 0 );

    var pad = { top: 16, right: 24, bottom: 32, left: 56 };
    var cw  = W - pad.left - pad.right;
    var ch  = H - pad.top  - pad.bottom;

    var ratios = [];
    for ( var s = 1; s &lt;= MAX_STEPS; s++ ) ratios.push( fibs[ s + 1 ] / fibs[ s ] );

    var yMin = 1.0, yMax = 2.1;
    function xPos( i ) { return pad.left + ( i / ( MAX_STEPS - 1 ) ) * cw; }
    function yPos( v ) { return pad.top + ch - ( v - yMin ) / ( yMax - yMin ) * ch; }

    ctx.fillStyle = hiruwiki.getThemeColor('background-color-neutral-subtle', '#f8f8f7'); ctx.fillRect( 0, 0, W, H );
    ctx.fillStyle = hiruwiki.getThemeColor('background-color-base', '#ffffff'); ctx.fillRect( pad.left, pad.top, cw, ch );

    ctx.strokeStyle = hiruwiki.getThemeColor('border-color-base', '#e5e5e5'); ctx.lineWidth = 1;
    [ 1.2, 1.4, 1.6, 1.8, 2.0 ].forEach( function ( v ) {
        var y = yPos( v );
        ctx.beginPath(); ctx.moveTo( pad.left, y ); ctx.lineTo( pad.left + cw, y ); ctx.stroke();
        ctx.fillStyle = hiruwiki.getThemeColor('color-placeholder', '#aaa'); ctx.font = '11px sans-serif'; ctx.textAlign = 'right';
        ctx.fillText( v.toFixed( 1 ), pad.left - 6, y + 4 );
    } );

    ctx.fillStyle = hiruwiki.getThemeColor('color-placeholder', '#aaa'); ctx.font = '11px sans-serif'; ctx.textAlign = 'center';
    for ( var s2 = 1; s2 &lt;= MAX_STEPS; s2 += 2 ) {
        ctx.fillText( s2, xPos( s2 - 1 ), H - pad.bottom + 16 );
    }
    ctx.fillText( t( 'chart_step' ), pad.left + cw / 2, H - 4 );

    var phiY = yPos( PHI );
    ctx.strokeStyle = '#C09B2A'; ctx.lineWidth = 1.5; ctx.setLineDash( [ 5, 4 ] );
    ctx.beginPath(); ctx.moveTo( pad.left, phiY ); ctx.lineTo( pad.left + cw, phiY ); ctx.stroke();
    ctx.setLineDash( [] );
    ctx.fillStyle = '#C09B2A'; ctx.font = 'bold 11px sans-serif'; ctx.textAlign = 'left';
    ctx.fillText( 'φ', pad.left + cw + 5, phiY + 4 );

    /* Future dots — faint */
    for ( var sf = step; sf &lt; MAX_STEPS; sf++ ) {
        ctx.beginPath(); ctx.arc( xPos( sf ), yPos( ratios[ sf ] ), 3.5, 0, Math.PI * 2 );
        ctx.fillStyle = 'rgba(150,150,150,.2)'; ctx.fill();
    }

    /* Past line */
    ctx.strokeStyle = '#4A90D9'; ctx.lineWidth = 2.5; ctx.lineJoin = 'round';
    ctx.beginPath();
    for ( var sp = 0; sp &lt; step; sp++ ) {
        sp === 0 ? ctx.moveTo( xPos( sp ), yPos( ratios[ sp ] ) )
                 : ctx.lineTo( xPos( sp ), yPos( ratios[ sp ] ) );
    }
    ctx.stroke();

    /* Past dots */
    for ( var sd = 0; sd &lt; step - 1; sd++ ) {
        ctx.beginPath(); ctx.arc( xPos( sd ), yPos( ratios[ sd ] ), 4, 0, Math.PI * 2 );
        ctx.fillStyle = '#4A90D9'; ctx.fill();
    }

    /* Current dot */
    var cx = xPos( step - 1 ), cy = yPos( ratios[ step - 1 ] );
    ctx.beginPath(); ctx.arc( cx, cy, 7, 0, Math.PI * 2 );
    ctx.fillStyle = '#4A90D9'; ctx.fill();
    ctx.strokeStyle = hiruwiki.getThemeColor('background-color-base', '#fff'); ctx.lineWidth = 2.5;
    ctx.beginPath(); ctx.arc( cx, cy, 7, 0, Math.PI * 2 ); ctx.stroke();

    var err = Math.abs( ratios[ step - 1 ] - PHI );
    ctx.fillStyle = '#4A90D9'; ctx.font = 'bold 11px sans-serif'; ctx.textAlign = 'center';
    ctx.fillText( t( 'diff' ) + ' ' + err.toFixed( 5 ), cx, cy &lt; pad.top + 24 ? cy + 18 : cy - 12 );
}

/* ── MOUNT ────────────────────────────────────────────────────────────────── */
function mount( root ) {
    var step = 1;
    buildHTML( root );
    initText( root );

    root.querySelector( '#hw-fib-btn-prev' ).addEventListener( 'click', function () {
        if ( step &gt; 1 ) { step--; update( root, step ); }
    } );
    root.querySelector( '#hw-fib-btn-next' ).addEventListener( 'click', function () {
        if ( step &lt; MAX_STEPS ) { step++; update( root, step ); }
    } );

    window.addEventListener( 'resize', function () { drawChart( root, step ); } );
    update( root, step );
    
    // Footer branding
    var footer = document.createElement(&quot;div&quot;);
    footer.className = &quot;hw-footer&quot;;
    var fLogo = document.createElement(&quot;a&quot;);
    fLogo.className = &quot;hw-footer-icon&quot;;
    fLogo.href = mw.util.getUrl('Wikipedia:Hiruwiki');
    fLogo.title = 'Hiruwiki';
    fLogo.innerHTML = hiruwiki.getLogoSvg(22);
    var fText = document.createElement(&quot;span&quot;);
    fText.innerHTML = t('hint');
    footer.appendChild(fLogo);
    footer.appendChild(fText);
    root.appendChild(footer);
}

/* ── SCAN &amp; INIT ──────────────────────────────────────────────────────────── */
function init() {
    document.querySelectorAll( '.hiruwiki[data-module=&quot;fibonacci&quot;]' ).forEach( function ( el ) {
        if ( !el.dataset.hwFibInit ) {
            el.dataset.hwFibInit = '1';
            mount( el );
        }
    } );
}

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

} )();</text>
      <sha1>1uzynjplyc728mfe4h7q8ij5wvtmrrk</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/gauss-legendre.js</title>
    <ns>8</ns>
    <id>179492</id>
    <revision>
      <id>781427</id>
      <parentid>770219</parentid>
      <timestamp>2026-10-28T10:39:12Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781427</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="20680" sha1="jo72txqu3hyziinmlugy8hask7lqd81" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* Gauss-Legendre Pi Algorithm Module — Hiruwiki */

(function () {

    /* ── I18N ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
    var messages = /* I18N_START */ {
    &quot;nl&quot;: {
        &quot;_name&quot;: &quot;Gauss-Legendre-algoritme&quot;,
        &quot;iteration&quot;: &quot;Iteratie&quot;,
        &quot;variable_a&quot;: &quot;Rekenkundig gemiddelde (a)&quot;,
        &quot;variable_b&quot;: &quot;Meetkundig gemiddelde (b)&quot;,
        &quot;variable_t&quot;: &quot;Foutterm (t)&quot;,
        &quot;variable_p&quot;: &quot;Machtsterm (p)&quot;,
        &quot;step&quot;: &quot;Volgende stap&quot;,
        &quot;reset&quot;: &quot;↺ Opnieuw instellen&quot;,
        &quot;pi_approx&quot;: &quot;Benadering van π&quot;,
        &quot;correct_digits&quot;: &quot;{{PLURAL:$1|$1 correct cijfer|$1 correcte cijfers}}&quot;,
        &quot;precision_note&quot;: &quot;Convergeert kwadratisch: het aantal cijfers verdubbelt bij elke stap.&quot;,
        &quot;calculation_heading&quot;: &quot;Hoe het wordt berekend&quot;,
        &quot;formula_label&quot;: &quot;Formule&quot;,
        &quot;update_rules_heading&quot;: &quot;Updateregels&quot;,
        &quot;hint&quot;: &quot;Bereken iteraties om kwadratische convergentie te zien&quot;
    },
    &quot;fr&quot;: {
        &quot;_name&quot;: &quot;Algorithme de Gauss-Legendre&quot;,
        &quot;iteration&quot;: &quot;Itération&quot;,
        &quot;variable_a&quot;: &quot;Moyenne arithmétique (a)&quot;,
        &quot;variable_b&quot;: &quot;Moyenne géométrique (b)&quot;,
        &quot;variable_t&quot;: &quot;Terme d'erreur (t)&quot;,
        &quot;variable_p&quot;: &quot;Terme de puissance (p)&quot;,
        &quot;step&quot;: &quot;Étape suivante&quot;,
        &quot;reset&quot;: &quot;Réinitialiser&quot;,
        &quot;pi_approx&quot;: &quot;Approximation de π&quot;,
        &quot;correct_digits&quot;: &quot;{{PLURAL:$1|$1 chiffre correct|$1 chiffres corrects}}&quot;,
        &quot;precision_note&quot;: &quot;Converge quadratiquement : le nombre de chiffres double à chaque étape.&quot;,
        &quot;calculation_heading&quot;: &quot;Comment c'est calculé&quot;,
        &quot;formula_label&quot;: &quot;Formule&quot;,
        &quot;update_rules_heading&quot;: &quot;Règles de mise à jour&quot;,
        &quot;hint&quot;: &quot;Calculez les itérations pour voir la convergence quadratique&quot;
    },
    &quot;eu&quot;: {
        &quot;_name&quot;: &quot;Gauss-Legendre algoritmoa&quot;,
        &quot;iteration&quot;: &quot;Iterazioa&quot;,
        &quot;variable_a&quot;: &quot;Batez besteko aritmetikoa (a)&quot;,
        &quot;variable_b&quot;: &quot;Batez besteko geometrikoa (b)&quot;,
        &quot;variable_t&quot;: &quot;Errore-terminoa (t)&quot;,
        &quot;variable_p&quot;: &quot;Berredura-terminoa (p)&quot;,
        &quot;step&quot;: &quot;Hurrengo urratsa&quot;,
        &quot;reset&quot;: &quot;↺ Berrezarri&quot;,
        &quot;pi_approx&quot;: &quot;π-ren hurbilketa&quot;,
        &quot;correct_digits&quot;: &quot;{{PLURAL:$1|$1 zifra zuzen|$1 zifra zuzen}}&quot;,
        &quot;precision_note&quot;: &quot;Kuadratikoki konbergentea: digituak bikoiztu egiten dira urrats bakoitzean.&quot;,
        &quot;calculation_heading&quot;: &quot;Nola kalkulatzen den&quot;,
        &quot;formula_label&quot;: &quot;Formula&quot;,
        &quot;update_rules_heading&quot;: &quot;Eguneratze arauak&quot;,
        &quot;hint&quot;: &quot;Kalkulatu iterazioak konbergentzia kuadratikoa ikusteko&quot;
    },
    &quot;sk&quot;: {
        &quot;_name&quot;: &quot;Gaussov-Legendrov algoritmus&quot;,
        &quot;iteration&quot;: &quot;Iterácia&quot;,
        &quot;variable_a&quot;: &quot;Aritmetický priemer (a)&quot;,
        &quot;variable_b&quot;: &quot;Geometrický priemer (b)&quot;,
        &quot;variable_t&quot;: &quot;Chybový člen (t)&quot;,
        &quot;variable_p&quot;: &quot;Mocninový člen (p)&quot;,
        &quot;step&quot;: &quot;Ďalší krok&quot;,
        &quot;reset&quot;: &quot;Vynulovať&quot;,
        &quot;pi_approx&quot;: &quot;Aproximácia π&quot;,
        &quot;correct_digits&quot;: &quot;{{PLURAL:$1|$1 správna číslica|$1 správne číslice|$1 správnych číslic}}&quot;,
        &quot;precision_note&quot;: &quot;Konverguje kvadraticky: počet číslic sa každým krokom zdvojnásobí.&quot;,
        &quot;calculation_heading&quot;: &quot;Ako sa to počíta&quot;,
        &quot;formula_label&quot;: &quot;Vzorec&quot;,
        &quot;update_rules_heading&quot;: &quot;Pravidlá aktualizácie&quot;,
        &quot;hint&quot;: &quot;Vypočítajte iterácie a uvidíte kvadratickú konvergenciu&quot;
    },
    &quot;skr-arab&quot;: {
        &quot;_name&quot;: &quot;گاؤس-لیجندر الگوردم&quot;,
        &quot;iteration&quot;: &quot;تکرار&quot;,
        &quot;variable_a&quot;: &quot;حسابی اوسط (a)&quot;,
        &quot;variable_b&quot;: &quot;ہندسی اوسط (b)&quot;,
        &quot;variable_t&quot;: &quot;غلطی رقم (t)&quot;,
        &quot;variable_p&quot;: &quot;طاقت رقم (p)&quot;,
        &quot;step&quot;: &quot;اڳلا قدم&quot;,
        &quot;reset&quot;: &quot;دوبارہ&quot;,
        &quot;pi_approx&quot;: &quot;π دا تقریبا&quot;,
        &quot;correct_digits&quot;: &quot;{{PLURAL:$1|$1 صحیح ہندسہ|$1 صحیح ہندسے}}&quot;,
        &quot;precision_note&quot;: &quot;دوڑی مطابقت: ہر قدم تے ہندسے ݙگݨے تھی ویندن۔&quot;,
        &quot;calculation_heading&quot;: &quot;ایندا حساب&quot;,
        &quot;formula_label&quot;: &quot;کلیہ&quot;,
        &quot;update_rules_heading&quot;: &quot;اپ ڈیٹ دے اصول&quot;,
        &quot;hint&quot;: &quot;تکراراں دا حساب کر کے دوڑی مطابقت ݙیکھو&quot;
    },
    &quot;ko&quot;: {
        &quot;_name&quot;: &quot;가우스-르장드르 알고리즘&quot;,
        &quot;iteration&quot;: &quot;반복 횟수&quot;,
        &quot;variable_a&quot;: &quot;산술 평균 (a)&quot;,
        &quot;variable_b&quot;: &quot;기하 평균 (b)&quot;,
        &quot;variable_t&quot;: &quot;오차항 (t)&quot;,
        &quot;variable_p&quot;: &quot;지수항 (p)&quot;,
        &quot;step&quot;: &quot;다음 단계&quot;,
        &quot;reset&quot;: &quot;초기화&quot;,
        &quot;pi_approx&quot;: &quot;π의 근사값&quot;,
        &quot;correct_digits&quot;: &quot;{{PLURAL:$1|올바른 자릿수 $1개}}&quot;,
        &quot;precision_note&quot;: &quot;이차 함수적으로 수렴합니다. 즉, 각 단계에서 자릿수가 두 배가 됩니다.&quot;,
        &quot;calculation_heading&quot;: &quot;산출 방법&quot;,
        &quot;formula_label&quot;: &quot;공식&quot;,
        &quot;update_rules_heading&quot;: &quot;규칙 업데이트&quot;,
        &quot;hint&quot;: &quot;2차 수렴을 확인하기 위해 반복 계산을 수행하세요&quot;
    },
    &quot;en&quot;: {
        &quot;_name&quot;: &quot;Gauss-Legendre Algorithm&quot;,
        &quot;iteration&quot;: &quot;Iteration&quot;,
        &quot;variable_a&quot;: &quot;Arithmetic Mean (a)&quot;,
        &quot;variable_b&quot;: &quot;Geometric Mean (b)&quot;,
        &quot;variable_t&quot;: &quot;Error Term (t)&quot;,
        &quot;variable_p&quot;: &quot;Power Term (p)&quot;,
        &quot;step&quot;: &quot;Next Step&quot;,
        &quot;reset&quot;: &quot;Reset&quot;,
        &quot;pi_approx&quot;: &quot;Approximation of π&quot;,
        &quot;correct_digits&quot;: &quot;{{PLURAL:$1|$1 correct digit|$1 correct digits}}&quot;,
        &quot;precision_note&quot;: &quot;Converges quadratically: digits double each step.&quot;,
        &quot;calculation_heading&quot;: &quot;How it's calculated&quot;,
        &quot;formula_label&quot;: &quot;Formula&quot;,
        &quot;update_rules_heading&quot;: &quot;Update Rules&quot;,
        &quot;hint&quot;: &quot;Compute iterations to see quadratic convergence&quot;
    },
    &quot;qqq&quot;: {
        &quot;_name&quot;: &quot;Name of the Gauss-Legendre Algorithm module&quot;,
        &quot;iteration&quot;: &quot;Label for the current iteration number&quot;,
        &quot;variable_a&quot;: &quot;Label for the arithmetic mean variable 'a'&quot;,
        &quot;variable_b&quot;: &quot;Label for the geometric mean variable 'b'&quot;,
        &quot;variable_t&quot;: &quot;Label for the error term variable 't'&quot;,
        &quot;variable_p&quot;: &quot;Label for the power term variable 'p'&quot;,
        &quot;step&quot;: &quot;Button label to compute the next iteration&quot;,
        &quot;reset&quot;: &quot;Button label to reset the algorithm to its initial state&quot;,
        &quot;pi_approx&quot;: &quot;Label for the current approximation of π&quot;,
        &quot;correct_digits&quot;: &quot;Label showing the number of correct digits found. Uses PLURAL. Parameters: $1 = the number of correct digits.&quot;,
        &quot;precision_note&quot;: &quot;Note explaining the quadratic convergence of the algorithm&quot;,
        &quot;calculation_heading&quot;: &quot;Heading for the step-by-step calculation breakdown&quot;,
        &quot;formula_label&quot;: &quot;Label for the mathematical formula being used&quot;,
        &quot;update_rules_heading&quot;: &quot;Heading for the section explaining how variables change each step&quot;,
        &quot;hint&quot;: &quot;Instruction text for the Gauss-Legendre algorithm interaction&quot;
    },
    &quot;ga&quot;: {
        &quot;_name&quot;: &quot;Algartam Gauss-Legendre&quot;,
        &quot;iteration&quot;: &quot;Athraitheach&quot;,
        &quot;variable_a&quot;: &quot;Meán Uimhríochta (a)&quot;,
        &quot;variable_b&quot;: &quot;Meán Geoiméadrach (b)&quot;,
        &quot;variable_t&quot;: &quot;Téarma Earráide (t)&quot;,
        &quot;variable_p&quot;: &quot;Téarma Cumhachta (p)&quot;,
        &quot;step&quot;: &quot;An Chéad Chéim Eile&quot;,
        &quot;reset&quot;: &quot;Athshocraigh&quot;,
        &quot;pi_approx&quot;: &quot;Measúnú ar π&quot;,
        &quot;correct_digits&quot;: &quot;{{PLURAL:$1|$1 dhigit cheart|$1 dhigit cheart}}&quot;,
        &quot;precision_note&quot;: &quot;Comhtháthaíonn go cearnachach: dúblaíonn na digití i ngach céim.&quot;,
        &quot;calculation_heading&quot;: &quot;Conas a ríomhtar é&quot;,
        &quot;formula_label&quot;: &quot;Foirmle&quot;,
        &quot;update_rules_heading&quot;: &quot;Rialacha Nuashonraithe&quot;,
        &quot;hint&quot;: &quot;Ríomh athrá chun cóineasú cearnach a fheiceáil&quot;
    },
    &quot;es&quot;: {
        &quot;_name&quot;: &quot;Algoritmo de Gauss-Legendre&quot;,
        &quot;iteration&quot;: &quot;Iteración&quot;,
        &quot;variable_a&quot;: &quot;Media aritmética (a)&quot;,
        &quot;variable_b&quot;: &quot;Media geométrica (b)&quot;,
        &quot;variable_t&quot;: &quot;Término de error (t)&quot;,
        &quot;variable_p&quot;: &quot;Término de potencia (p)&quot;,
        &quot;step&quot;: &quot;Próximo paso&quot;,
        &quot;reset&quot;: &quot;Restablecer&quot;,
        &quot;pi_approx&quot;: &quot;Aproximación de π&quot;,
        &quot;correct_digits&quot;: &quot;{{PLURAL:$1|$1 dígito correcto|$1 dígitos correctos}}&quot;,
        &quot;precision_note&quot;: &quot;Converge cuadráticamente: los dígitos se duplican en cada paso.&quot;,
        &quot;calculation_heading&quot;: &quot;Cómo se calcula&quot;,
        &quot;formula_label&quot;: &quot;Fórmula&quot;,
        &quot;update_rules_heading&quot;: &quot;Reglas de actualización&quot;,
        &quot;hint&quot;: &quot;Calcula las iteraciones para observar la convergencia cuadrática&quot;
    },
    &quot;mk&quot;: {
        &quot;_name&quot;: &quot;Гаус-Лежандров алгоритам&quot;,
        &quot;iteration&quot;: &quot;Итерација&quot;,
        &quot;variable_a&quot;: &quot;Аритметичка средина (a)&quot;,
        &quot;variable_b&quot;: &quot;Геометриска средина (b)&quot;,
        &quot;variable_t&quot;: &quot;Член на грешка (t)&quot;,
        &quot;variable_p&quot;: &quot;Степенов член (p)&quot;,
        &quot;step&quot;: &quot;Следен чекор&quot;,
        &quot;reset&quot;: &quot;Одново&quot;,
        &quot;pi_approx&quot;: &quot;Приближување на π&quot;,
        &quot;correct_digits&quot;: &quot;{{PLURAL:$1|$1 точна цифра|$1 точни цифри}}&quot;,
        &quot;precision_note&quot;: &quot;Конвергира квадратно: цифрите се удвојуваат на секој чекор.&quot;,
        &quot;calculation_heading&quot;: &quot;Како се пресметува&quot;,
        &quot;formula_label&quot;: &quot;Формула&quot;,
        &quot;update_rules_heading&quot;: &quot;Правила на поднова&quot;,
        &quot;hint&quot;: &quot;Пресметајте итерации за да видите квадратна конвергенција&quot;
    }
} /* I18N_END */
var lang = (window.mw &amp;&amp; mw.config.get('wgUserLanguage')) || 'en';
var banana = new Banana(lang.split('-')[0]);
banana.load(messages);

function t(key, vars) {
    var args = Array.isArray(vars) ? vars : [];
    var str = banana.i18n(key, ...args);
    if (vars &amp;&amp; typeof vars === 'object' &amp;&amp; !Array.isArray(vars)) {
        Object.keys(vars).forEach(function(k) {
            str = str.replace(new RegExp('\\{' + k + '\\}', 'g'), vars[k]);
        });
    }
    return str;
}

const MATH_PI_STR = &quot;3.1415926535897932384626433832795028841971693993751058209749445923078164062862089986280348253421170679&quot;;

    // High precision BigInt constants
    const SCALE = 10n ** 105n;
    const HALF = SCALE / 2n;

    function bigIntSqrt(value) {
        if (value &lt; 0n) return null;
        if (value &lt; 2n) return value;
        let x = value / 2n + 1n;
        let y = (x + value / x) / 2n;
        while (y &lt; x) {
            x = y;
            y = (x + value / x) / 2n;
        }
        return x;
    }

    function formatBig(val, decimals = 14) {
        let s = val.toString();
        if (val &lt; SCALE) {
            s = s.padStart(106, '0');
        }
        let integerPart = s.slice(0, s.length - 105);
        if (integerPart === &quot;&quot;) integerPart = &quot;0&quot;;
        let fractionalPart = s.slice(s.length - 105);
        return integerPart + &quot;.&quot; + fractionalPart.slice(0, decimals);
    }

    function getCorrectDigitsMarkup(approxStr) {
        let markup = &quot;&quot;;
        let match = true;
        for (let i = 0; i &lt; Math.min(approxStr.length, MATH_PI_STR.length); i++) {
            const char = approxStr[i];
            const target = MATH_PI_STR[i];

            if (match &amp;&amp; char === target) {
                markup += `&lt;span class=&quot;gl-correct-digit&quot;&gt;${char}&lt;/span&gt;`;
            } else {
                match = false;
                markup += `&lt;span class=&quot;gl-wrong-digit&quot;&gt;${char}&lt;/span&gt;`;
            }
        }
        if (approxStr.length &gt; MATH_PI_STR.length) {
            markup += `&lt;span class=&quot;gl-wrong-digit&quot;&gt;${approxStr.slice(MATH_PI_STR.length)}&lt;/span&gt;`;
        }
        return markup;
    }

    function countCorrectDigits(approxStr) {
        let count = 0;
        for (let i = 0; i &lt; Math.min(approxStr.length, MATH_PI_STR.length); i++) {
            if (approxStr[i] === MATH_PI_STR[i]) {
                if (approxStr[i] !== '.') count++;
            } else {
                break;
            }
        }
        return count;
    }

    function createWidget(container) {
        if (container.dataset.glInit) return;
        container.dataset.glInit = &quot;1&quot;;

        let n = 0;
        let a = SCALE;
        // b = 1/sqrt(2) = sqrt(1/2) = sqrt(0.5)
        let b = bigIntSqrt(SCALE * SCALE / 2n);
        // t = 1/4 = 0.25
        let t_val = SCALE / 4n;
        let p = SCALE;

        container.innerHTML = `
        &lt;div class=&quot;gl-wrap&quot;&gt;
            &lt;div class=&quot;gl-header&quot;&gt;
                &lt;div class=&quot;gl-iteration-badge&quot;&gt;${t('iteration')}: &lt;span id=&quot;gl-n&quot;&gt;0&lt;/span&gt;&lt;/div&gt;
            &lt;/div&gt;

            &lt;div class=&quot;gl-variables-grid&quot;&gt;
                &lt;div class=&quot;gl-var-item&quot;&gt;
                    &lt;span class=&quot;gl-var-label&quot;&gt;${t('variable_a')}&lt;/span&gt;
                    &lt;div class=&quot;gl-var-val-row&quot;&gt;
                        &lt;span class=&quot;gl-var-val&quot; id=&quot;gl-a&quot;&gt;1.000&lt;/span&gt;
                        &lt;div class=&quot;gl-info-icon&quot; id=&quot;gl-ti-a&quot;&gt;i&lt;div class=&quot;gl-tooltip&quot; id=&quot;gl-tt-a&quot;&gt;&lt;/div&gt;&lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class=&quot;gl-var-item&quot;&gt;
                    &lt;span class=&quot;gl-var-label&quot;&gt;${t('variable_b')}&lt;/span&gt;
                    &lt;div class=&quot;gl-var-val-row&quot;&gt;
                        &lt;span class=&quot;gl-var-val&quot; id=&quot;gl-b&quot;&gt;0.707&lt;/span&gt;
                        &lt;div class=&quot;gl-info-icon&quot; id=&quot;gl-ti-b&quot;&gt;i&lt;div class=&quot;gl-tooltip&quot; id=&quot;gl-tt-b&quot;&gt;&lt;/div&gt;&lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class=&quot;gl-var-item&quot;&gt;
                    &lt;span class=&quot;gl-var-label&quot;&gt;${t('variable_t')}&lt;/span&gt;
                    &lt;div class=&quot;gl-var-val-row&quot;&gt;
                        &lt;span class=&quot;gl-var-val&quot; id=&quot;gl-t&quot;&gt;0.250&lt;/span&gt;
                        &lt;div class=&quot;gl-info-icon&quot; id=&quot;gl-ti-t&quot;&gt;i&lt;div class=&quot;gl-tooltip&quot; id=&quot;gl-tt-t&quot;&gt;&lt;/div&gt;&lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class=&quot;gl-var-item&quot;&gt;
                    &lt;span class=&quot;gl-var-label&quot;&gt;${t('variable_p')}&lt;/span&gt;
                    &lt;div class=&quot;gl-var-val-row&quot;&gt;
                        &lt;span class=&quot;gl-var-val&quot; id=&quot;gl-p&quot;&gt;1&lt;/span&gt;
                        &lt;div class=&quot;gl-info-icon&quot; id=&quot;gl-ti-p&quot;&gt;i&lt;div class=&quot;gl-tooltip&quot; id=&quot;gl-tt-p&quot;&gt;&lt;/div&gt;&lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;

            &lt;div class=&quot;gl-result-section&quot;&gt;
                &lt;span class=&quot;gl-card-label&quot;&gt;
                    ${t('pi_approx')}
                    &lt;div class=&quot;gl-info-icon&quot; id=&quot;gl-ti-pi&quot;&gt;i&lt;div class=&quot;gl-tooltip&quot; id=&quot;gl-tt-pi&quot;&gt;&lt;/div&gt;&lt;/div&gt;
                &lt;/span&gt;
                &lt;div class=&quot;gl-pi-display&quot; id=&quot;gl-pi-val&quot;&gt;-&lt;/div&gt;
                &lt;div class=&quot;gl-digit-info&quot;&gt;
                    &lt;span id=&quot;gl-digit-count&quot;&gt;0 ${t('correct_digits', [0])}&lt;/span&gt;
                    &lt;span&gt;${t('precision_note')}&lt;/span&gt;
                &lt;/div&gt;
            &lt;/div&gt;

            &lt;div class=&quot;gl-controls&quot;&gt;
                &lt;button class=&quot;gl-btn gl-btn-primary&quot; id=&quot;gl-btn-step&quot;&gt;${t('step')}&lt;/button&gt;
                &lt;button class=&quot;gl-btn gl-btn-destructive&quot; id=&quot;gl-btn-reset&quot;&gt;${t('reset')}&lt;/button&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    `;

        const el = {
            n: container.querySelector('#gl-n'),
            a: container.querySelector('#gl-a'),
            b: container.querySelector('#gl-b'),
            t: container.querySelector('#gl-t'),
            p: container.querySelector('#gl-p'),
            pi: container.querySelector('#gl-pi-val'),
            digits: container.querySelector('#gl-digit-count'),
            ttA: container.querySelector('#gl-tt-a'),
            ttB: container.querySelector('#gl-tt-b'),
            ttT: container.querySelector('#gl-tt-t'),
            ttP: container.querySelector('#gl-tt-p'),
            ttPi: container.querySelector('#gl-tt-pi'),
            btnStep: container.querySelector('#gl-btn-step'),
            btnReset: container.querySelector('#gl-btn-reset')
        };

        let prev_a = null;
        let prev_b = null;
        let prev_t = null;
        let prev_p = null;

        function updateUI() {
            el.n.textContent = n;
            el.a.textContent = formatBig(a);
            el.b.textContent = formatBig(b);
            el.t.textContent = formatBig(t_val);
            el.p.textContent = formatBig(p, 0);

            if (n === 0) {
                const initialText = 'Initial value';
                el.ttA.textContent = initialText;
                el.ttB.textContent = initialText;
                el.ttT.textContent = initialText;
                el.ttP.textContent = initialText;
            } else {
                el.ttA.innerHTML = `a = (a&lt;span class=&quot;gl-sub&quot;&gt;prev&lt;/span&gt; + b&lt;span class=&quot;gl-sub&quot;&gt;prev&lt;/span&gt;) / 2 = (${formatBig(prev_a, 3)} + ${formatBig(prev_b, 3)}) / 2`;
                el.ttB.innerHTML = `b = &lt;span class=&quot;gl-sqrt-prefix&quot;&gt;√&lt;/span&gt;&lt;span class=&quot;gl-sqrt&quot;&gt;a&lt;span class=&quot;gl-sub&quot;&gt;prev&lt;/span&gt; · b&lt;span class=&quot;gl-sub&quot;&gt;prev&lt;/span&gt;&lt;/span&gt; = &lt;span class=&quot;gl-sqrt-prefix&quot;&gt;√&lt;/span&gt;&lt;span class=&quot;gl-sqrt&quot;&gt;${formatBig(prev_a, 3)} · ${formatBig(prev_b, 3)}&lt;/span&gt;`;
                el.ttT.innerHTML = `t = t&lt;span class=&quot;gl-sub&quot;&gt;prev&lt;/span&gt; − p&lt;span class=&quot;gl-sub&quot;&gt;prev&lt;/span&gt;(a&lt;span class=&quot;gl-sub&quot;&gt;prev&lt;/span&gt; − a)&lt;span class=&quot;gl-sup&quot;&gt;2&lt;/span&gt; = ${formatBig(prev_t, 3)} − ${formatBig(prev_p, 0)}(${formatBig(prev_a, 3)} − ${formatBig(a, 3)})&lt;span class=&quot;gl-sup&quot;&gt;2&lt;/span&gt;`;
                el.ttP.innerHTML = `p = 2 · p&lt;span class=&quot;gl-sub&quot;&gt;prev&lt;/span&gt; = 2 · ${formatBig(prev_p, 0)}`;
            }

            const sum = a + b;
            const pi_approx_scaled = (sum * sum / (4n * t_val));
            const piStrFull = formatBig(pi_approx_scaled, 101);

            el.ttPi.innerHTML = `π ≈ (a + b)&lt;span class=&quot;gl-sup&quot;&gt;2&lt;/span&gt; / 4t = (${formatBig(a, 3)} + ${formatBig(b, 3)})&lt;span class=&quot;gl-sup&quot;&gt;2&lt;/span&gt; / (4 · ${formatBig(t_val, 3)})`;
            
            el.pi.innerHTML = getCorrectDigitsMarkup(piStrFull);
            const count = countCorrectDigits(piStrFull);
            el.digits.textContent = t('correct_digits', [count]);

            if (n &gt;= 6) {
                el.btnStep.disabled = true;
                el.btnStep.style.opacity = &quot;0.5&quot;;
                el.btnStep.style.cursor = &quot;not-allowed&quot;;
            } else {
                el.btnStep.disabled = false;
                el.btnStep.style.opacity = &quot;1&quot;;
                el.btnStep.style.cursor = &quot;pointer&quot;;
            }
        }

    function step() {
        if (n &gt;= 6) return;

        // Save previous values for tooltips
        prev_a = a;
        prev_b = b;
        prev_t = t_val;
        prev_p = p;

        const next_a = (a + b) / 2n;
        const next_b = bigIntSqrt(a * b);
        const diff = a - next_a;
        const next_t = t_val - (p * diff * diff / (SCALE * SCALE));
        const next_p = 2n * p;

        a = next_a;
        b = next_b;
        t_val = next_t;
        p = next_p;
        n++;

        updateUI();
    }

    function reset() {
        n = 0;
        a = SCALE;
        b = bigIntSqrt(SCALE * SCALE / 2n);
        t_val = SCALE / 4n;
        p = SCALE; // Keep p scaled by SCALE to represent 2^0 * SCALE
        prev_a = null;
        prev_b = null;
        prev_t = null;
        prev_p = null;
        updateUI();
    }

        el.btnStep.addEventListener('click', step);
        el.btnReset.addEventListener('click', reset);

        updateUI();

        // Footer branding
        var footer = document.createElement(&quot;div&quot;);
        footer.className = &quot;hw-footer&quot;;
        var fLogo = document.createElement(&quot;a&quot;);
        fLogo.className = &quot;hw-footer-icon&quot;;
        fLogo.href = mw.util.getUrl('Wikipedia:Hiruwiki');
        fLogo.title = 'Hiruwiki';
        fLogo.innerHTML = hiruwiki.getLogoSvg(22);
        var fText = document.createElement(&quot;span&quot;);
        fText.innerHTML = t('hint');
        footer.appendChild(fLogo);
        footer.appendChild(fText);
        container.appendChild(footer);
    }

    function init() {
        document.querySelectorAll('.hiruwiki[data-module=&quot;gauss-legendre&quot;]').forEach(createWidget);
    }

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

})();</text>
      <sha1>jo72txqu3hyziinmlugy8hask7lqd81</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/hexagon-angles.js</title>
    <ns>8</ns>
    <id>179494</id>
    <revision>
      <id>781430</id>
      <parentid>770221</parentid>
      <timestamp>2026-10-28T10:39:22Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781430</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="30558" sha1="jtb6yydtl2kklbplh7nv1qdyrtrpogj" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
( function () {
  'use strict';

  
/* ── I18N ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var messages = /* I18N_START */ {
    &quot;nl&quot;: {
        &quot;2quads&quot;: &quot;2 vierhoeken × 360°&quot;,
        &quot;4triangles&quot;: &quot;4 driehoeken × 180°&quot;,
        &quot;_name&quot;: &quot;Hoeken van een zeshoek&quot;,
        &quot;interiorAngles&quot;: &quot;Binnenhoeken&quot;,
        &quot;reset&quot;: &quot;↺ Opnieuw instellen&quot;,
        &quot;total&quot;: &quot;Totaal&quot;,
        &quot;hint&quot;: &quot;Verdeel de zeshoek in driehoeken of vierhoeken om de som van de hoeken te zien&quot;
    },
    &quot;fr&quot;: {
        &quot;2quads&quot;: &quot;2 quadrilatères × 360°&quot;,
        &quot;4triangles&quot;: &quot;4 triangles × 180°&quot;,
        &quot;_name&quot;: &quot;Angles de l’hexagone&quot;,
        &quot;interiorAngles&quot;: &quot;Angles intérieurs&quot;,
        &quot;reset&quot;: &quot;↺ Réinitialiser&quot;,
        &quot;total&quot;: &quot;Total&quot;,
        &quot;hint&quot;: &quot;Décomposer l'hexagone en triangles ou quadrilatères&quot;
    },
    &quot;tr&quot;: {
        &quot;2quads&quot;: &quot;2 dörtgen × 360°&quot;,
        &quot;4triangles&quot;: &quot;4 üçgen × 180°&quot;,
        &quot;_name&quot;: &quot;Altıgen Açıları&quot;,
        &quot;interiorAngles&quot;: &quot;İç açılar&quot;,
        &quot;reset&quot;: &quot;↺ Sıfırla&quot;,
        &quot;total&quot;: &quot;Toplam&quot;,
        &quot;hint&quot;: &quot;Altgeni, üçgenlere veya dörtgenlere ayırın&quot;
    },
    &quot;eu&quot;: {
        &quot;2quads&quot;: &quot;2 lauki × 360°&quot;,
        &quot;4triangles&quot;: &quot;4 triangelu × 180°&quot;,
        &quot;_name&quot;: &quot;Hexagonoaren angeluak&quot;,
        &quot;interiorAngles&quot;: &quot;Barne angeluak&quot;,
        &quot;reset&quot;: &quot;↺ Berrezarri&quot;,
        &quot;total&quot;: &quot;Guztira&quot;,
        &quot;hint&quot;: &quot;Hexagonoa triangelu edo laukizuzenetan deskonposatu&quot;
    },
    &quot;sk&quot;: {
        &quot;2quads&quot;: &quot;2 štvoruholníky × 360°&quot;,
        &quot;4triangles&quot;: &quot;4 trojuholníky × 180°&quot;,
        &quot;_name&quot;: &quot;Uhly šesťuholníka&quot;,
        &quot;interiorAngles&quot;: &quot;Vnútorné uhly&quot;,
        &quot;reset&quot;: &quot;↺ Vynulovať&quot;,
        &quot;total&quot;: &quot;Spolu&quot;,
        &quot;hint&quot;: &quot;Rozložte šesťuholník na trojuholníky alebo štvoruholníky&quot;
    },
    &quot;skr-arab&quot;: {
        &quot;2quads&quot;: &quot;2 چوکور × 360°&quot;,
        &quot;4triangles&quot;: &quot;4 مثلث × 180°&quot;,
        &quot;_name&quot;: &quot;مسدس زاویے&quot;,
        &quot;interiorAngles&quot;: &quot;اندرونی زاویے&quot;,
        &quot;reset&quot;: &quot;↺ دوبارہ&quot;,
        &quot;total&quot;: &quot;کل&quot;,
        &quot;hint&quot;: &quot;مسدس کوں مثلثاں یا چوکوراں وچ ونڈو&quot;
    },
    &quot;ko&quot;: {
        &quot;2quads&quot;: &quot;2개의 사각형 × 360°&quot;,
        &quot;4triangles&quot;: &quot;4개의 삼각형 × 180°&quot;,
        &quot;_name&quot;: &quot;육각형의 각들&quot;,
        &quot;interiorAngles&quot;: &quot;내부 각들&quot;,
        &quot;reset&quot;: &quot;↺ 초기화&quot;,
        &quot;total&quot;: &quot;합계&quot;,
        &quot;hint&quot;: &quot;육각형을 삼각형이나 사각형으로 분해하세요.&quot;
    },
    &quot;en&quot;: {
        &quot;2quads&quot;: &quot;2 quadrilaterals × 360°&quot;,
        &quot;4triangles&quot;: &quot;4 triangles × 180°&quot;,
        &quot;_name&quot;: &quot;Hexagon Angles&quot;,
        &quot;interiorAngles&quot;: &quot;Interior angles&quot;,
        &quot;reset&quot;: &quot;↺ Reset&quot;,
        &quot;total&quot;: &quot;Total&quot;,
        &quot;hint&quot;: &quot;Decompose the hexagon into triangles or quadrilaterals&quot;
    },
    &quot;ca&quot;: {
        &quot;total&quot;: &quot;Total&quot;
    },
    &quot;qqq&quot;: {
        &quot;2quads&quot;: &quot;Decomposition label showing 2 quadrilaterals × 360°&quot;,
        &quot;4triangles&quot;: &quot;Decomposition label showing 4 triangles × 180°&quot;,
        &quot;_name&quot;: &quot;Name of the Hexagon Angles module&quot;,
        &quot;interiorAngles&quot;: &quot;Heading for the interior angles section&quot;,
        &quot;reset&quot;: &quot;Button label to reset the visualisation&quot;,
        &quot;total&quot;: &quot;Label for the total sum of interior angles&quot;,
        &quot;hint&quot;: &quot;Instruction text for the hexagon angle decomposition applet&quot;
    },
    &quot;ga&quot;: {
        &quot;2quads&quot;: &quot;2 cheathairshleasán × 360°&quot;,
        &quot;4triangles&quot;: &quot;4 thriantán × 180°&quot;,
        &quot;_name&quot;: &quot;Uillinneacha Heicseagáin&quot;,
        &quot;interiorAngles&quot;: &quot;Uillinneacha inmheánacha&quot;,
        &quot;reset&quot;: &quot;↺ Athshocraigh&quot;,
        &quot;total&quot;: &quot;Iomlán&quot;,
        &quot;hint&quot;: &quot;Déan an heicseagán a dhíscaoileadh ina thriantáin nó ina cheathairshleasáin&quot;
    },
    &quot;es&quot;: {
        &quot;2quads&quot;: &quot;2 cuadriláteros × 360°&quot;,
        &quot;4triangles&quot;: &quot;4 triángulos × 180°&quot;,
        &quot;_name&quot;: &quot;Ángulos del hexágono&quot;,
        &quot;interiorAngles&quot;: &quot;Ángulos interiores&quot;,
        &quot;reset&quot;: &quot;↺ Reiniciar&quot;,
        &quot;total&quot;: &quot;Total&quot;,
        &quot;hint&quot;: &quot;Descompone el hexágono en triángulos o cuadrangulares&quot;
    },
    &quot;mk&quot;: {
        &quot;2quads&quot;: &quot;2 четириаголника × 360°&quot;,
        &quot;4triangles&quot;: &quot;4 триаголници × 180°&quot;,
        &quot;_name&quot;: &quot;Агли на шестаголник&quot;,
        &quot;interiorAngles&quot;: &quot;Внатрешни агли&quot;,
        &quot;reset&quot;: &quot;↺ Одново&quot;,
        &quot;total&quot;: &quot;Вкупно&quot;,
        &quot;hint&quot;: &quot;Разложете го шестаголникот на триаголници или четириаголници&quot;
    }
} /* I18N_END */
var lang = (window.mw &amp;&amp; mw.config.get('wgUserLanguage')) || 'en';
var banana = new Banana(lang.split('-')[0]);
banana.load(messages);

function t(key, vars) {
    var args = Array.isArray(vars) ? vars : [];
    var str = banana.i18n(key, ...args);
    if (vars &amp;&amp; typeof vars === 'object' &amp;&amp; !Array.isArray(vars)) {
        Object.keys(vars).forEach(function(k) {
            str = str.replace(new RegExp('\\{' + k + '\\}', 'g'), vars[k]);
        });
    }
    return str;
}

var SVG_W  = 580, SVG_H = 520;
  var SVG_NS = 'http://www.w3.org/2000/svg';
  var KEYS   = ['A','B','C','D','E','F'];
  var COLORS = { A:'red', B:'green', C:'blue', D:'orange', E:'#9966cc', F:'#00897b' };

  function initHexagonAngles( root ) {
    var wrapper = document.createElement('div');
    wrapper.className = 'hexagon-angles';
    root.parentNode.replaceChild(wrapper, root);

    // ── SVG ───────────────────────────────────────────────────────────────
    var svgEl = document.createElementNS(SVG_NS,'svg');
    svgEl.setAttribute('viewBox', '0 0 ' + SVG_W + ' ' + SVG_H);
    svgEl.setAttribute('width', SVG_W);
    svgEl.classList.add('qa-svg');

    // SVG background rect — fill with background-color-base so it tracks dark mode.
    // This is the &quot;why the hexagon border doesn't change&quot; fix: the SVG had no
    // explicit background element, so the CSS background on .qa-svg was doing
    // the work — but SVG attributes set in JS (like the polygon stroke) were
    // already being resolved via getThemeColor at init time. Adding a background
    // rect here makes the SVG self-contained and independent of CSS background.
    var bgRect = document.createElementNS(SVG_NS,'rect');
    bgRect.setAttribute('width','100%'); bgRect.setAttribute('height','100%');
    bgRect.setAttribute('fill', hiruwiki.getThemeColor('background-color-base', '#ffffff'));
    svgEl.appendChild(bgRect);

    var defs = document.createElementNS(SVG_NS,'defs');
    var pat  = document.createElementNS(SVG_NS,'pattern');
    pat.setAttribute('id','ha-grid'); pat.setAttribute('width','20');
    pat.setAttribute('height','20'); pat.setAttribute('patternUnits','userSpaceOnUse');
    var gp = document.createElementNS(SVG_NS,'path');
    gp.setAttribute('d','M 20 0 L 0 0 0 20'); gp.setAttribute('fill','none');
    // Grid lines: border-color-subtle (very faint) — #c8ccd1 light / #2e3136 dark
    gp.setAttribute('stroke', hiruwiki.getThemeColor('border-color-subtle', '#c8ccd1'));
    gp.setAttribute('stroke-width','0.5');
    pat.appendChild(gp); defs.appendChild(pat); svgEl.appendChild(defs);
    var gr = document.createElementNS(SVG_NS,'rect');
    gr.setAttribute('width','100%'); gr.setAttribute('height','100%');
    gr.setAttribute('fill','url(#ha-grid)'); svgEl.appendChild(gr);

    // 4 triangle fills — data colors at low opacity, no token needed
    var triFills = [];
    var triColors = ['rgba(255,200,200,0.25)','rgba(200,255,200,0.25)',
                     'rgba(200,200,255,0.25)','rgba(255,230,150,0.25)'];
    for (var ti=0;ti&lt;4;ti++){
      var tf = document.createElementNS(SVG_NS,'polygon');
      tf.setAttribute('fill',triColors[ti]); tf.setAttribute('stroke','none');
      svgEl.appendChild(tf); triFills.push(tf);
    }

    // Polygon outline — color-base: #202122 light / ~#f8f9fa dark
    var polyEl = document.createElementNS(SVG_NS,'polygon');
    polyEl.setAttribute('fill','none');
    polyEl.setAttribute('stroke', hiruwiki.getThemeColor('color-base', '#202122'));
    polyEl.setAttribute('stroke-width','2'); svgEl.appendChild(polyEl);

    // Fan diagonals — color-placeholder: #72777d light / #72777d dark
    var fanDiags = [];
    for (var di=0;di&lt;3;di++){
      var dl = document.createElementNS(SVG_NS,'line');
      dl.setAttribute('stroke', hiruwiki.getThemeColor('color-placeholder', '#72777d'));
      dl.setAttribute('stroke-width','1');
      dl.setAttribute('stroke-dasharray','5,4'); svgEl.appendChild(dl);
      fanDiags.push(dl);
    }

    // Quad split diagonal — slightly stronger than fan diagonals, use color-subtle
    var quadDiag = document.createElementNS(SVG_NS,'line');
    quadDiag.setAttribute('stroke', hiruwiki.getThemeColor('color-subtle', '#54595d'));
    quadDiag.setAttribute('stroke-width','1.5');
    quadDiag.setAttribute('stroke-dasharray','8,4'); svgEl.appendChild(quadDiag);

    // Arcs, labels, circles
    var arcs={}, lbls={}, circs={};
    KEYS.forEach(function(k){
      var arc=document.createElementNS(SVG_NS,'path');
      arc.setAttribute('fill',COLORS[k]); arc.setAttribute('opacity','0.4');
      svgEl.appendChild(arc); arcs[k]=arc;
      var lbl=document.createElementNS(SVG_NS,'text');
      lbl.setAttribute('fill',COLORS[k]); lbl.setAttribute('font-weight','bold');
      lbl.setAttribute('font-size','15'); lbl.setAttribute('font-family','Arial,sans-serif');
      lbl.setAttribute('pointer-events','none'); svgEl.appendChild(lbl); lbls[k]=lbl;
      var circ=document.createElementNS(SVG_NS,'circle');
      circ.setAttribute('r','8'); circ.setAttribute('fill',COLORS[k]);
      // Drag handle ring — background-color-base so it punches out of the polygon
      circ.setAttribute('stroke', hiruwiki.getThemeColor('background-color-base', '#ffffff'));
      circ.setAttribute('stroke-width','2');
      circ.style.cursor='pointer'; svgEl.appendChild(circ); circs[k]=circ;
    });

    // ── Panel ─────────────────────────────────────────────────────────────
    var panel = document.createElement('div');
    panel.className = 'qa-panel';

    var h3 = document.createElement('h3');
    h3.textContent = t('interiorAngles');
    panel.appendChild(h3);

    var valEls={}, barEls={};
    KEYS.forEach(function(k){
      var row=document.createElement('div'); row.className='qa-angle-row';
      var dot=document.createElement('div'); dot.className='qa-dot'; dot.style.background=COLORS[k];
      var letter=document.createElement('div'); letter.className='qa-letter';
      letter.style.color=COLORS[k]; letter.textContent=k;
      var bw=document.createElement('div'); bw.className='qa-bar-wrap';
      var bar=document.createElement('div'); bar.className='qa-bar';
      bar.style.background=COLORS[k]; bw.appendChild(bar); barEls[k]=bar;
      var val=document.createElement('div'); val.className='qa-val';
      val.style.color=COLORS[k]; val.textContent='\u2014'; valEls[k]=val;
      row.appendChild(dot); row.appendChild(letter); row.appendChild(bw); row.appendChild(val);
      panel.appendChild(row);
    });


    // ── Triangle decomposition section ────────────────────────────────────
    var triSection=document.createElement('div'); triSection.className='qa-tri-section';
    var triSectionLabel=document.createElement('div'); triSectionLabel.className='qa-section-label';
    triSectionLabel.textContent=t('4triangles'); triSection.appendChild(triSectionLabel);

    var triRowLabels=[], triBarBgs=[], triBarSegs=[], triBarLbls=[];
    for (var ti2=0;ti2&lt;4;ti2++){
      var rowWrap=document.createElement('div'); rowWrap.className='qa-tri-row';
      var rowLabel=document.createElement('div'); rowLabel.className='qa-tri-label';
      rowWrap.appendChild(rowLabel); triRowLabels.push(rowLabel);
      var bsvg=document.createElementNS(SVG_NS,'svg');
      bsvg.setAttribute('viewBox','0 0 195 14'); bsvg.setAttribute('width','100%');
      bsvg.setAttribute('height','14');
      var bg=document.createElementNS(SVG_NS,'rect');
      bg.setAttribute('x','0'); bg.setAttribute('y','0');
      bg.setAttribute('width','160'); bg.setAttribute('height','14');
      // Bar track background — background-color-neutral (#eaecf0 / #2a2d34)
      bg.setAttribute('fill', hiruwiki.getThemeColor('background-color-neutral', '#eaecf0'));
      bg.setAttribute('rx','3');
      bsvg.appendChild(bg); triBarBgs.push(bg);
      var segs=[];
      for(var si=0;si&lt;3;si++){
        var seg=document.createElementNS(SVG_NS,'rect');
        seg.setAttribute('y','0'); seg.setAttribute('height','14');
        seg.setAttribute('width','0'); seg.setAttribute('x','0');
        seg.setAttribute('opacity','0.7'); bsvg.appendChild(seg); segs.push(seg);
      }
      triBarSegs.push(segs);
      var border=document.createElementNS(SVG_NS,'rect');
      border.setAttribute('x','0'); border.setAttribute('y','0');
      border.setAttribute('width','160'); border.setAttribute('height','14');
      border.setAttribute('fill','none');
      // Bar outline — border-color-base (#a2a9b1 / #3d424d)
      border.setAttribute('stroke', hiruwiki.getThemeColor('border-color-base', '#a2a9b1'));
      border.setAttribute('stroke-width','1'); border.setAttribute('rx','3');
      bsvg.appendChild(border);
      var lbl180=document.createElementNS(SVG_NS,'text');
      lbl180.setAttribute('x','164'); lbl180.setAttribute('y','11');
      lbl180.setAttribute('font-size','10');
      // &quot;180°&quot; label — color-placeholder (#72777d, same in both modes)
      lbl180.setAttribute('fill', hiruwiki.getThemeColor('color-placeholder', '#72777d'));
      lbl180.setAttribute('font-family','Arial,sans-serif');
      lbl180.textContent='180\u00b0'; bsvg.appendChild(lbl180); triBarLbls.push(lbl180);
      rowWrap.appendChild(bsvg); triSection.appendChild(rowWrap);
    }
    panel.appendChild(triSection);

    // ── Quad section: two pies ─────────────────────────────────────────────
    var quadSection=document.createElement('div'); quadSection.className='qa-quad-section';
    var quadSectionLabel=document.createElement('div'); quadSectionLabel.className='qa-section-label';
    quadSectionLabel.textContent=t('2quads'); quadSection.appendChild(quadSectionLabel);

    var piesRow=document.createElement('div'); piesRow.className='qa-pies-row';
    var pie1SVG=document.createElementNS(SVG_NS,'svg');
    var pie2SVG=document.createElementNS(SVG_NS,'svg');
    var pie1Name=document.createElement('div'); pie1Name.className='qa-pie-name';
    var pie2Name=document.createElement('div'); pie2Name.className='qa-pie-name';

    [pie1SVG,pie2SVG].forEach(function(ps){
      ps.setAttribute('width','80'); ps.setAttribute('height','80');
      ps.setAttribute('viewBox','-40 -40 80 80');
    });
    var wrap1=document.createElement('div'); wrap1.className='qa-pie-wrap';
    wrap1.appendChild(pie1Name); wrap1.appendChild(pie1SVG);
    var wrap2=document.createElement('div'); wrap2.className='qa-pie-wrap';
    wrap2.appendChild(pie2Name); wrap2.appendChild(pie2SVG);
    piesRow.appendChild(wrap1); piesRow.appendChild(wrap2);
    quadSection.appendChild(piesRow);
    panel.appendChild(quadSection);

    var eq=document.createElement('div'); eq.className='qa-equation';
    eq.innerHTML='&lt;span style=&quot;color:red&quot;&gt;A&lt;/span&gt;+&lt;span style=&quot;color:green&quot;&gt;B&lt;/span&gt;+' +
                 '&lt;span style=&quot;color:blue&quot;&gt;C&lt;/span&gt;+&lt;span style=&quot;color:orange&quot;&gt;D&lt;/span&gt;+' +
                 '&lt;span style=&quot;color:#9966cc&quot;&gt;E&lt;/span&gt;+&lt;span style=&quot;color:#00897b&quot;&gt;F&lt;/span&gt;=720\u00b0';
    panel.appendChild(eq);

    var totalRow=document.createElement('div'); totalRow.className='qa-total-row';
    var totalLabel=document.createElement('span'); totalLabel.className='qa-total-label';
    totalLabel.textContent=t('total');
    var totalVal=document.createElement('span'); totalVal.className='qa-total-val';
    totalVal.textContent='720.0\u00b0';
    totalRow.appendChild(totalLabel); totalRow.appendChild(totalVal);
    panel.appendChild(totalRow);

    var resetBtn=document.createElement('button'); resetBtn.className='qa-reset-btn';
    resetBtn.textContent='\u21ba ' + t('reset'); panel.appendChild(resetBtn);

    wrapper.appendChild(svgEl); wrapper.appendChild(panel);

    // ── State ─────────────────────────────────────────────────────────────
    var cx=290,cy=310,r=175;
    var initPos={};
    KEYS.forEach(function(k,i){
      var a=-Math.PI/2+(2*Math.PI/6)*i;
      initPos[k]={x:cx+r*Math.cos(a),y:cy+r*Math.sin(a)};
    });
    var pos={}; KEYS.forEach(function(k){pos[k]={};});
    var dragKey=null;

    function applyPos(){
      KEYS.forEach(function(k){
        circs[k].cx.baseVal.value=pos[k].x;
        circs[k].cy.baseVal.value=pos[k].y;
      });
    }
    function resetPos(p){
      KEYS.forEach(function(k){pos[k]={x:p[k].x,y:p[k].y};});
      applyPos();
    }
    resetPos(initPos);

    // ── Geometry ──────────────────────────────────────────────────────────
    function dist(a,b){return Math.hypot(a.x-b.x,a.y-b.y);}

    function segIntersect(p1,p2,p3,p4){
      var d1x=p2.x-p1.x,d1y=p2.y-p1.y,d2x=p4.x-p3.x,d2y=p4.y-p3.y;
      var den=d1x*d2y-d1y*d2x;
      if(Math.abs(den)&lt;1e-10) return false;
      var t=((p3.x-p1.x)*d2y-(p3.y-p1.y)*d2x)/den;
      var u=((p3.x-p1.x)*d1y-(p3.y-p1.y)*d1x)/den;
      return t&gt;0&amp;&amp;t&lt;1&amp;&amp;u&gt;0&amp;&amp;u&lt;1;
    }

    function isSelfIntersecting(p){
      // 9 non-adjacent pairs for hexagon
      return segIntersect(p.A,p.B,p.C,p.D)||segIntersect(p.A,p.B,p.D,p.E)||
             segIntersect(p.A,p.B,p.E,p.F)||segIntersect(p.B,p.C,p.D,p.E)||
             segIntersect(p.B,p.C,p.E,p.F)||segIntersect(p.B,p.C,p.F,p.A)||
             segIntersect(p.C,p.D,p.E,p.F)||segIntersect(p.C,p.D,p.F,p.A)||
             segIntersect(p.D,p.E,p.F,p.A);
    }

    function signedArea(p){
      var a=0;
      for(var i=0;i&lt;6;i++){var pi=p[KEYS[i]],pj=p[KEYS[(i+1)%6]];a+=pi.x*pj.y-pj.x*pi.y;}
      return a/2;
    }

    function triSignedArea(P1,P2,P3){
      return ((P2.x-P1.x)*(P3.y-P1.y)-(P3.x-P1.x)*(P2.y-P1.y))/2;
    }

    function triAngle(V,P,N){
      var a=dist(P,N),b=dist(V,N),c=dist(V,P);
      return Math.acos(Math.max(-1,Math.min(1,(b*b+c*c-a*a)/(2*b*c))))*180/Math.PI;
    }

    function interiorAngle(V,P,N,area){
      var a=dist(P,N),b=dist(V,N),c=dist(V,P);
      var base=Math.acos(Math.max(-1,Math.min(1,(b*b+c*c-a*a)/(2*b*c))))*180/Math.PI;
      var cross=(P.x-V.x)*(N.y-V.y)-(P.y-V.y)*(N.x-V.x);
      return (area&gt;0?cross&gt;0:cross&lt;0)?360-base:base;
    }

    function drawAngleArc(center,p1,p2,radius,isReflex){
      var v1x=p1.x-center.x,v1y=p1.y-center.y;
      var v2x=p2.x-center.x,v2y=p2.y-center.y;
      var a1=Math.atan2(v1y,v1x),a2=Math.atan2(v2y,v2x);
      var start=a1,end=a2,cross=v1x*v2y-v1y*v2x,tmp;
      if(isReflex?cross&gt;0:cross&lt;0){tmp=start;start=end;end=tmp;}
      if(end&lt;start) end+=2*Math.PI;
      var large=(end-start)&gt;Math.PI?1:0;
      var x1=center.x+radius*Math.cos(start),y1=center.y+radius*Math.sin(start);
      var x2=center.x+radius*Math.cos(end),  y2=center.y+radius*Math.sin(end);
      return 'M'+center.x+','+center.y+' L'+x1+','+y1+
             ' A'+radius+','+radius+' 0 '+large+' 1 '+x2+','+y2+' Z';
    }

    // Fan triangulation: try each vertex as origin; pick first where all 4 triangles valid
    function findFanKeys(p,polyArea){
      for(var i=0;i&lt;6;i++){
        var idx=[]; for(var j=0;j&lt;6;j++) idx.push(KEYS[(i+j)%6]);
        var sa=[triSignedArea(p[idx[0]],p[idx[1]],p[idx[2]]),
                triSignedArea(p[idx[0]],p[idx[2]],p[idx[3]]),
                triSignedArea(p[idx[0]],p[idx[3]],p[idx[4]]),
                triSignedArea(p[idx[0]],p[idx[4]],p[idx[5]])];
        var ok=polyArea&gt;0?sa.every(function(s){return s&gt;0;}):sa.every(function(s){return s&lt;0;});
        if(ok) return idx;
      }
      return KEYS.slice();
    }

    // Quad split: three possible long diagonals A-D, B-E, C-F
    var QUAD_SPLITS=[
      {q1:['A','B','C','D'],q2:['A','D','E','F']},
      {q1:['B','C','D','E'],q2:['B','E','F','A']},
      {q1:['C','D','E','F'],q2:['C','F','A','B']}
    ];
    function quadValid(keys,p,polyArea){
      var sa1=triSignedArea(p[keys[0]],p[keys[1]],p[keys[2]]);
      var sa2=triSignedArea(p[keys[0]],p[keys[2]],p[keys[3]]);
      return polyArea&gt;0?(sa1&gt;0&amp;&amp;sa2&gt;0):(sa1&lt;0&amp;&amp;sa2&lt;0);
    }
    function findQuadSplit(p,polyArea){
      for(var i=0;i&lt;QUAD_SPLITS.length;i++){
        var s=QUAD_SPLITS[i];
        if(quadValid(s.q1,p,polyArea)&amp;&amp;quadValid(s.q2,p,polyArea)) return s;
      }
      return QUAD_SPLITS[0];
    }

    // Draw a pie chart for a quadrilateral into a given SVG element
    function updateQuadPie(svgPie, quadKeys, p, polyArea) {
      while(svgPie.firstChild) svgPie.removeChild(svgPie.firstChild);
      var r=34;
      var qArea = (triSignedArea(p[quadKeys[0]],p[quadKeys[1]],p[quadKeys[2]])+
                   triSignedArea(p[quadKeys[0]],p[quadKeys[2]],p[quadKeys[3]]));
      var qAngles=[];
      for(var i=0;i&lt;4;i++){
        var V=p[quadKeys[i]];
        var P=p[quadKeys[(i+3)%4]];
        var N=p[quadKeys[(i+1)%4]];
        qAngles.push(interiorAngle(V,P,N,qArea));
      }
      var start=-Math.PI/2;
      for(var i=0;i&lt;4;i++){
        var span=qAngles[i]*Math.PI/180, end=start+span, large=span&gt;Math.PI?1:0;
        var x1=r*Math.cos(start),y1=r*Math.sin(start);
        var x2=r*Math.cos(end),  y2=r*Math.sin(end);
        var path=document.createElementNS(SVG_NS,'path');
        path.setAttribute('d','M0,0 L'+x1+','+y1+' A'+r+','+r+' 0 '+large+' 1 '+x2+','+y2+' Z');
        path.setAttribute('fill',COLORS[quadKeys[i]]);
        path.setAttribute('opacity','0.6');
        svgPie.appendChild(path);
        start=end;
      }
      // Pie centre &quot;hole&quot; — background-color-base so it matches the panel background
      var c=document.createElementNS(SVG_NS,'circle');
      c.setAttribute('r','12');
      c.setAttribute('fill', hiruwiki.getThemeColor('background-color-base', '#ffffff'));
      svgPie.appendChild(c);
      // &quot;360°&quot; label — color-subtle (#54595d / ~#a2a9b1)
      var tEl=document.createElementNS(SVG_NS,'text');
      tEl.setAttribute('text-anchor','middle'); tEl.setAttribute('dominant-baseline','central');
      tEl.setAttribute('font-family','Arial,sans-serif'); tEl.setAttribute('font-size','7');
      tEl.setAttribute('font-weight','bold');
      tEl.setAttribute('fill', hiruwiki.getThemeColor('color-subtle', '#54595d'));
      tEl.textContent='360\u00b0'; svgPie.appendChild(tEl);
    }

    function pts2str(arr){return arr.map(function(pt){return pt.x+','+pt.y;}).join(' ');}

    function updatePoly(){
      var p={};
      KEYS.forEach(function(k){p[k]={x:circs[k].cx.baseVal.value,y:circs[k].cy.baseVal.value};});

      polyEl.setAttribute('points',KEYS.map(function(k){return p[k].x+','+p[k].y;}).join(' '));

      var area=signedArea(p);
      var verts={};
      KEYS.forEach(function(k,i){
        verts[k]={V:p[k],P:p[KEYS[(i+5)%6]],N:p[KEYS[(i+1)%6]]};
      });

      // Hexagon interior angles
      var angles={},isReflex={};
      KEYS.forEach(function(k){
        var V=verts[k].V,P=verts[k].P,N=verts[k].N;
        var cross=(P.x-V.x)*(N.y-V.y)-(P.y-V.y)*(N.x-V.x);
        isReflex[k]=area&gt;0?cross&gt;0:cross&lt;0;
        angles[k]=interiorAngle(V,P,N,area);
        arcs[k].setAttribute('d',drawAngleArc(V,P,N,32,isReflex[k]));
      });

      // Labels
      var centX=0,centY=0;
      KEYS.forEach(function(k){centX+=p[k].x;centY+=p[k].y;}); centX/=6;centY/=6;
      KEYS.forEach(function(k){
        var V=verts[k].V,P=verts[k].P,N=verts[k].N;
        var u1x=P.x-V.x,u1y=P.y-V.y,u2x=N.x-V.x,u2y=N.y-V.y;
        var l1=Math.hypot(u1x,u1y),l2=Math.hypot(u2x,u2y);
        var bx=u1x/l1+u2x/l2,by=u1y/l1+u2y/l2,bm=Math.hypot(bx,by);
        if(bm&lt;1e-6){bx=centX-V.x;by=centY-V.y;}else{bx/=bm;by/=bm;}
        if(bx*(centX-V.x)+by*(centY-V.y)&lt;0){bx=-bx;by=-by;}
        lbls[k].setAttribute('x',V.x+bx*50-20);
        lbls[k].setAttribute('y',V.y+by*50+5);
        lbls[k].textContent=angles[k].toFixed(1)+'\u00b0';
      });

      // ── Fan triangulation ──────────────────────────────────────────────
      var fk=findFanKeys(p,area);
      fanDiags[0].setAttribute('x1',p[fk[0]].x); fanDiags[0].setAttribute('y1',p[fk[0]].y);
      fanDiags[0].setAttribute('x2',p[fk[2]].x); fanDiags[0].setAttribute('y2',p[fk[2]].y);
      fanDiags[1].setAttribute('x1',p[fk[0]].x); fanDiags[1].setAttribute('y1',p[fk[0]].y);
      fanDiags[1].setAttribute('x2',p[fk[3]].x); fanDiags[1].setAttribute('y2',p[fk[3]].y);
      fanDiags[2].setAttribute('x1',p[fk[0]].x); fanDiags[2].setAttribute('y1',p[fk[0]].y);
      fanDiags[2].setAttribute('x2',p[fk[4]].x); fanDiags[2].setAttribute('y2',p[fk[4]].y);

      triFills[0].setAttribute('points',pts2str([p[fk[0]],p[fk[1]],p[fk[2]]]));
      triFills[1].setAttribute('points',pts2str([p[fk[0]],p[fk[2]],p[fk[3]]]));
      triFills[2].setAttribute('points',pts2str([p[fk[0]],p[fk[3]],p[fk[4]]]));
      triFills[3].setAttribute('points',pts2str([p[fk[0]],p[fk[4]],p[fk[5]]]));

      // Triangle bars
      var triDefs=[[fk[0],fk[1],fk[2]],[fk[0],fk[2],fk[3]],[fk[0],fk[3],fk[4]],[fk[0],fk[4],fk[5]]];
      triDefs.forEach(function(tri,ti){
        triRowLabels[ti].textContent='\u25b3 '+tri[0]+tri[1]+tri[2];
        var a0=triAngle(p[tri[0]],p[tri[1]],p[tri[2]]);
        var a1=triAngle(p[tri[1]],p[tri[0]],p[tri[2]]);
        var a2=triAngle(p[tri[2]],p[tri[0]],p[tri[1]]);
        var angs=[a0,a1,a2], x=0, BAR_W=160;
        tri.forEach(function(k,si){
          var w=(angs[si]/180)*BAR_W;
          triBarSegs[ti][si].setAttribute('fill',COLORS[k]);
          triBarSegs[ti][si].setAttribute('x',x);
          triBarSegs[ti][si].setAttribute('width',w);
          x+=w;
        });
      });

      // ── Quad split ────────────────────────────────────────────────────
      var qs=findQuadSplit(p,area);
      quadDiag.setAttribute('x1',p[qs.q1[0]].x); quadDiag.setAttribute('y1',p[qs.q1[0]].y);
      quadDiag.setAttribute('x2',p[qs.q1[2]].x); quadDiag.setAttribute('y2',p[qs.q1[2]].y);

      pie1Name.textContent='\u25a1 '+qs.q1.join('');
      pie2Name.textContent='\u25a1 '+qs.q2.join('');
      updateQuadPie(pie1SVG, qs.q1, p, area);
      updateQuadPie(pie2SVG, qs.q2, p, area);

      // Panel values
      var sum=0;
      KEYS.forEach(function(k){
        sum+=angles[k];
        valEls[k].textContent=angles[k].toFixed(1)+'\u00b0';
        barEls[k].style.width=(angles[k]/720*100)+'%';
      });
      totalVal.textContent=sum.toFixed(1)+'\u00b0';
    }

    // ── Drag (mouse + touch) ──────────────────────────────────────────────
    function tryMove(nx,ny) {
      var cand={}; KEYS.forEach(function(k){cand[k]={x:pos[k].x,y:pos[k].y};});
      cand[dragKey]={x:nx,y:ny};
      if(!isSelfIntersecting(cand)){pos[dragKey]={x:nx,y:ny};applyPos();
        updatePoly();}
    }
    function svgPoint(clientX, clientY) {
      var pt = svgEl.createSVGPoint();
      pt.x = clientX;
      pt.y = clientY;
      return pt.matrixTransform(svgEl.getScreenCTM().inverse());
    }
    // Mouse
    KEYS.forEach(function(k){
      circs[k].addEventListener('mousedown',function(e){dragKey=k;e.preventDefault();});
    });
    svgEl.addEventListener('mousemove',function(e){
      if(!dragKey) return;
      var pt=svgPoint(e.clientX,e.clientY); tryMove(pt.x,pt.y);
    });
    svgEl.addEventListener('mouseup',   function(){dragKey=null;});
    svgEl.addEventListener('mouseleave',function(){dragKey=null;});
    // Touch
    svgEl.addEventListener('touchstart', function(e) {
      e.preventDefault();
      var pt = svgPoint(e.touches[0].clientX, e.touches[0].clientY);
      var best = null, bestDist = 40;
      KEYS.forEach(function(k) {
        var d = Math.hypot(pos[k].x - pt.x, pos[k].y - pt.y);
        if (d &lt; bestDist) { bestDist = d; best = k; }
      });
      if (best) dragKey = best;
    }, {passive: false});
    svgEl.addEventListener('touchmove', function(e) {
      if (!dragKey) return;
      e.preventDefault();
      var pt = svgPoint(e.touches[0].clientX, e.touches[0].clientY);
      tryMove(pt.x, pt.y);
    }, {passive: false});
    svgEl.addEventListener('touchend',    function() { dragKey = null; });
    svgEl.addEventListener('touchcancel', function() { dragKey = null; });
    resetBtn.addEventListener('click',  function(){resetPos(initPos);updatePoly();});

    updatePoly();

    // Footer branding
    var footer = document.createElement(&quot;div&quot;);
    footer.className = &quot;hw-footer&quot;;
    var fLogo = document.createElement(&quot;a&quot;);
    fLogo.className = &quot;hw-footer-icon&quot;;
    fLogo.href = mw.util.getUrl('Wikipedia:Hiruwiki');
    fLogo.title = 'Hiruwiki';
    fLogo.innerHTML = hiruwiki.getLogoSvg(22);
    var fText = document.createElement(&quot;span&quot;);
    fText.innerHTML = t('hint');
    footer.appendChild(fLogo);
    footer.appendChild(fText);
    wrapper.appendChild(footer);
  }

  document.querySelectorAll('.hiruwiki[data-module=&quot;hexagon-angles&quot;]').forEach(function(el){
    initHexagonAngles(el);
  });

}() );</text>
      <sha1>jtb6yydtl2kklbplh7nv1qdyrtrpogj</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/incentre.js</title>
    <ns>8</ns>
    <id>179497</id>
    <revision>
      <id>781431</id>
      <parentid>770224</parentid>
      <timestamp>2026-10-28T10:39:26Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781431</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="16137" sha1="76674k0yqp683ai9maa6j1vziefba9x" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* =========================================================
 * Hiruwiki module: incentre
 * Visualisation of the incircle inscribed in a triangle
 * =========================================================
 * i18n: add a new key to the `messages` object below and
 *       a matching entry for every language code you need.
 *       Fall back to 'en' when the wiki language is absent.
 * ========================================================= */

( function () {

	
/* ── I18N ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var messages = /* I18N_START */ {
    &quot;nl&quot;: {
        &quot;_name&quot;: &quot;Aangeschreven middelpunt&quot;,
        &quot;hint&quot;: &quot;Sleep een hoekpunt om de ingeschreven cirkel te verkennen&quot;
    },
    &quot;fr&quot;: {
        &quot;_name&quot;: &quot;Incentre&quot;,
        &quot;hint&quot;: &quot;Tirez n'importe quel sommet pour explorer l'circoncircle&quot;
    },
    &quot;tr&quot;: {
        &quot;_name&quot;: &quot;İç teğet çemberi merkezi&quot;,
        &quot;hint&quot;: &quot;Herhangi bir köşeyi sürükleyin · Ölçek: 1 cm = 40 px&quot;
    },
    &quot;eu&quot;: {
        &quot;_name&quot;: &quot;Inzentroa&quot;,
        &quot;hint&quot;: &quot;Erpinak mugitu ditzakezu zirkulu inskribuatua ikusteko&quot;
    },
    &quot;sk&quot;: {
        &quot;_name&quot;: &quot;Stred vpísanej kružnice&quot;,
        &quot;hint&quot;: &quot;Potiahnutím ľubovoľného vrcholu preskúmate vpísanú kružnicu&quot;
    },
    &quot;skr-arab&quot;: {
        &quot;_name&quot;: &quot;اندرونی گرد مرکز&quot;,
        &quot;hint&quot;: &quot;اندرونی دائرہ ݙیکھݨ کیتے کوئی وی سرا گھسیٹو&quot;
    },
    &quot;ko&quot;: {
        &quot;_name&quot;: &quot;내심&quot;,
        &quot;hint&quot;: &quot;꼭짓점을 드래그해서 내접원을 탐구하세요&quot;
    },
    &quot;en&quot;: {
        &quot;_name&quot;: &quot;Incentre&quot;,
        &quot;hint&quot;: &quot;Drag any vertex to explore the incircle&quot;
    },
    &quot;it&quot;: {
        &quot;hint&quot;: &quot;Trascina un vertice qualsiasi per esplorare il cerchio&quot;
    },
    &quot;qqq&quot;: {
        &quot;_name&quot;: &quot;Name of the Incentre module&quot;,
        &quot;hint&quot;: &quot;Instruction text for the interactive triangle.&quot;
    },
    &quot;ga&quot;: {
        &quot;_name&quot;: &quot;Lárionad&quot;,
        &quot;hint&quot;: &quot;Tarraing aon bhuaicphointe chun an ciorcal istigh a iniúchadh&quot;
    },
    &quot;es&quot;: {
        &quot;_name&quot;: &quot;Incentro&quot;,
        &quot;hint&quot;: &quot;Arrastra un vértice para explorar el incírculo&quot;
    },
    &quot;mk&quot;: {
        &quot;_name&quot;: &quot;Центар на впишана кружница&quot;,
        &quot;hint&quot;: &quot;Повлечете некое теме за да ја истражите впишаната кружница&quot;
    }
} /* I18N_END */
var lang = (window.mw &amp;&amp; mw.config.get('wgUserLanguage')) || 'en';
var banana = new Banana(lang.split('-')[0]);
banana.load(messages);

function t(key, vars) {
    var args = Array.isArray(vars) ? vars : [];
    var str = banana.i18n(key, ...args);
    if (vars &amp;&amp; typeof vars === 'object' &amp;&amp; !Array.isArray(vars)) {
        Object.keys(vars).forEach(function(k) {
            str = str.replace(new RegExp('\\{' + k + '\\}', 'g'), vars[k]);
        });
    }
    return str;
}

/* ----------------------------------------------------------
	 * Constants
	 * ---------------------------------------------------------- */
	var SCALE   = 40;   /* pixels per centimetre               */
	var RULER_H = 0;    /* ruler removed                       */
	var DPR     = window.devicePixelRatio || 1;

	/* ----------------------------------------------------------
	 * Geometry helpers
	 * ---------------------------------------------------------- */
	function dist( a, b ) {
		return Math.hypot( b.x - a.x, b.y - a.y );
	}

	function incircle( A, B, C ) {
		var a     = dist( B, C ), b = dist( C, A ), c = dist( A, B );
		var perim = a + b + c;
		var s     = perim / 2;
		var area  = Math.abs(
			( B.x - A.x ) * ( C.y - A.y ) - ( C.x - A.x ) * ( B.y - A.y )
		) / 2;
		var r  = area / s;
		var ix = ( a * A.x + b * B.x + c * C.x ) / perim;
		var iy = ( a * A.y + b * B.y + c * C.y ) / perim;
		return { r: r, ix: ix, iy: iy, a: a, b: b, c: c, s: s, area: area };
	}

	function footPerp( P, V1, V2 ) {
		var dx = V2.x - V1.x, dy = V2.y - V1.y;
		var t  = ( ( P.x - V1.x ) * dx + ( P.y - V1.y ) * dy ) / ( dx * dx + dy * dy );
		return { x: V1.x + t * dx, y: V1.y + t * dy };
	}

	function angleDeg( V, A, B ) {
		var ax  = A.x - V.x, ay = A.y - V.y;
		var bx  = B.x - V.x, by = B.y - V.y;
		var cos = ( ax * bx + ay * by ) /
		          ( Math.hypot( ax, ay ) * Math.hypot( bx, by ) );
		return Math.acos( Math.max( -1, Math.min( 1, cos ) ) ) * 180 / Math.PI;
	}

	function bisectorDir( V, A, B ) {
		var la = Math.hypot( A.x - V.x, A.y - V.y );
		var lb = Math.hypot( B.x - V.x, B.y - V.y );
		var ux = ( A.x - V.x ) / la + ( B.x - V.x ) / lb;
		var uy = ( A.y - V.y ) / la + ( B.y - V.y ) / lb;
		var l  = Math.hypot( ux, uy );
		return { x: ux / l, y: uy / l };
	}

	function labelOffset( V, others, mag ) {
		var dx = 0, dy = 0;
		others.forEach( function ( O ) { dx += V.x - O.x; dy += V.y - O.y; } );
		var l = Math.hypot( dx, dy ) || 1;
		return { x: V.x + dx / l * mag, y: V.y + dy / l * mag };
	}

	function toCm( px )     { return px / SCALE; }
	function fmt( n, d )    { return n.toFixed( d !== undefined ? d : 2 ); }
	function toArea( px2 )  { return px2 / ( SCALE * SCALE ); }

	/* ----------------------------------------------------------
	 * Build DOM for one container element
	 * ---------------------------------------------------------- */
	function buildWidget( container ) {
		var lang = ( window.mw &amp;&amp; mw.config.get( 'wgUserLanguage' ) ) || 'en';
		lang = lang.split( '-' )[ 0 ];
		if ( !messages[ lang ] ) { lang = 'en'; }

		/* -- HTML skeleton -- */
		container.innerHTML =
			'&lt;div class=&quot;hw-incentre&quot;&gt;' +
				'&lt;canvas class=&quot;hw-canvas&quot;&gt;&lt;/canvas&gt;' +
			'&lt;/div&gt;';

		// Footer — hint text from this module's own i18n, not loaded externally
		var footer = document.createElement( 'div' );
		footer.className = 'hw-footer';
		var fLogo = document.createElement( 'a' );
		fLogo.className = 'hw-footer-icon';
		fLogo.href = mw.util.getUrl('Wikipedia:Hiruwiki');
		fLogo.title = 'Hiruwiki';
		fLogo.innerHTML = hiruwiki.getLogoSvg(22);
		var fText = document.createElement( 'span' );
		fText.innerHTML = t( 'hint' );
		footer.appendChild( fLogo );
		footer.appendChild( fText );
		container.appendChild( footer );

		var canvas = container.querySelector( '.hw-canvas' );
		var ctx    = canvas.getContext( '2d' );
		var W, H, verts, dragging = -1;

		/* -- vertex initialisation -- */
		function initVerts() {
			var ox = W / 2 - 5.5 * SCALE;
			var oy = 20;
			verts = [
				{ x: ox + 5.5 * SCALE, y: oy + 1.2 * SCALE },
				{ x: ox + 1.2 * SCALE, y: oy + 8.0 * SCALE },
				{ x: ox + 9.8 * SCALE, y: oy + 8.0 * SCALE }
			];
		}

		/* -- colour palette -- */
		function palette() {
			return {
				tri:         hiruwiki.getThemeColor('color-progressive', '#534AB7'),
				circ:        hiruwiki.getThemeColor('color-success', '#0F6E56'),
				rad:         hiruwiki.getThemeColor('color-warning', '#BA7517'),
				bis:         hiruwiki.getThemeColor('background-color-progressive-subtle', 'rgba(83,74,183,.20)'),
				touch:       hiruwiki.getThemeColor('color-destructive', '#993556'),
				contact:     hiruwiki.getThemeColor('color-error', '#E24B4A'),
				text:        hiruwiki.getThemeColor('color-base', '#1a1a18'),
				grid:        hiruwiki.getThemeColor('border-color-base', '#B4B2A9'),
				dotBg:       hiruwiki.getThemeColor('background-color-base', '#ffffff')
			};
		}

		/* -- right-angle mark -- */
		function drawRightAngle( T, I, V1, V2, color ) {
			var sdx = V2.x - V1.x, sdy = V2.y - V1.y;
			var sl  = Math.hypot( sdx, sdy );
			var su  = { x: sdx / sl, y: sdy / sl };
			var rdx = I.x - T.x,    rdy = I.y - T.y;
			var rl  = Math.hypot( rdx, rdy );
			var ru  = { x: rdx / rl, y: rdy / rl };
			var SZ  = 12;
			ctx.strokeStyle = color;
			ctx.lineWidth   = 1;
			ctx.beginPath();
			ctx.moveTo( T.x + su.x * SZ,               T.y + su.y * SZ );
			ctx.lineTo( T.x + su.x * SZ + ru.x * SZ,   T.y + su.y * SZ + ru.y * SZ );
			ctx.lineTo( T.x + ru.x * SZ,                T.y + ru.y * SZ );
			ctx.stroke();
		}

		/* -- grid (major cm lines only, very faint) -- */
		function drawGrid( p ) {
			ctx.lineWidth   = 0.5;
			ctx.strokeStyle = p.grid;
			ctx.globalAlpha = 0.18;
			/* vertical lines */
			for ( var cm = 0; cm * SCALE &lt; W + SCALE; cm++ ) {
				ctx.beginPath();
				ctx.moveTo( cm * SCALE, 0 );
				ctx.lineTo( cm * SCALE, H );
				ctx.stroke();
			}
			/* horizontal lines */
			for ( var row = 0; row * SCALE &lt; H + SCALE; row++ ) {
				ctx.beginPath();
				ctx.moveTo( 0, row * SCALE );
				ctx.lineTo( W, row * SCALE );
				ctx.stroke();
			}
			ctx.globalAlpha = 1.0;
		}

		/* -- main draw -- */
		function draw() {
			if ( !verts ) { return; }
			ctx.clearRect( 0, 0, W, H );
			var p = palette();
			drawGrid( p );

			var A = verts[ 0 ], B = verts[ 1 ], C = verts[ 2 ];
			var ic = incircle( A, B, C );
			var r = ic.r, ix = ic.ix, iy = ic.iy;
			var a = ic.a,  b  = ic.b,  c  = ic.c;
			var s = ic.s,  area = ic.area;
			var I = { x: ix, y: iy };

			/* single source of truth for touch points */
			var T_a = footPerp( I, B, C );
			var T_b = footPerp( I, C, A );
			var T_c = footPerp( I, A, B );

			/* 1. angle bisectors */
			ctx.save();
			ctx.strokeStyle = p.bis; ctx.lineWidth = 1.2; ctx.setLineDash( [ 5, 5 ] );
			[ [ A, B, C ], [ B, A, C ], [ C, A, B ] ].forEach( function ( trio ) {
				var d = bisectorDir( trio[ 0 ], trio[ 1 ], trio[ 2 ] );
				ctx.beginPath();
				ctx.moveTo( trio[ 0 ].x, trio[ 0 ].y );
				ctx.lineTo( trio[ 0 ].x + d.x * 600, trio[ 0 ].y + d.y * 600 );
				ctx.stroke();
			} );
			ctx.setLineDash( [] ); ctx.restore();

			/* 2. triangle */
			ctx.save();
			ctx.beginPath();
			ctx.moveTo( A.x, A.y ); ctx.lineTo( B.x, B.y ); ctx.lineTo( C.x, C.y ); ctx.closePath();
			ctx.fillStyle   = p.dark ? 'rgba(175,169,236,.07)' : 'rgba(83,74,183,.06)';
			ctx.fill();
			ctx.strokeStyle = p.tri; ctx.lineWidth = 2; ctx.stroke();
			ctx.restore();

			/* 3. incircle */
			ctx.save();
			ctx.beginPath(); ctx.arc( ix, iy, r, 0, Math.PI * 2 );
			ctx.fillStyle   = p.dark ? 'rgba(93,202,165,.10)' : 'rgba(29,158,117,.09)';
			ctx.fill();
			ctx.strokeStyle = p.circ; ctx.lineWidth = 2; ctx.stroke();
			ctx.restore();

			/* 4. vertex → incentre lines */
			ctx.save();
			ctx.strokeStyle = p.dark ? 'rgba(175,169,236,.4)' : 'rgba(83,74,183,.35)';
			ctx.lineWidth   = 1;
			[ A, B, C ].forEach( function ( V ) {
				ctx.beginPath(); ctx.moveTo( V.x, V.y ); ctx.lineTo( ix, iy ); ctx.stroke();
			} );
			ctx.restore();

			/* 5. amber dashed radii + right-angle marks */
			ctx.save();
			[ [ T_a, B, C ], [ T_b, C, A ], [ T_c, A, B ] ].forEach( function ( t ) {
				var T = t[ 0 ], V1 = t[ 1 ], V2 = t[ 2 ];
				ctx.strokeStyle = p.rad; ctx.lineWidth = 1.4; ctx.setLineDash( [ 4, 3 ] );
				ctx.beginPath(); ctx.moveTo( ix, iy ); ctx.lineTo( T.x, T.y ); ctx.stroke();
				ctx.setLineDash( [] );
				drawRightAngle( T, I, V1, V2, p.rad );
			} );
			ctx.restore();

			/* 6. red dashed contact triangle */
			ctx.save();
			ctx.strokeStyle = p.contact; ctx.lineWidth = 1.8; ctx.setLineDash( [ 6, 4 ] );
			ctx.beginPath();
			ctx.moveTo( T_a.x, T_a.y );
			ctx.lineTo( T_b.x, T_b.y );
			ctx.lineTo( T_c.x, T_c.y );
			ctx.closePath();
			ctx.stroke();
			ctx.setLineDash( [] ); ctx.restore();

			/* 7. touch-point dots */
			[ T_a, T_b, T_c ].forEach( function ( T ) {
				ctx.save();
				ctx.beginPath(); ctx.arc( T.x, T.y, 5, 0, Math.PI * 2 );
				ctx.fillStyle = p.touch; ctx.fill();
				ctx.restore();
			} );

			/* 8. incentre dot */
			ctx.save();
			ctx.beginPath(); ctx.arc( ix, iy, 8, 0, Math.PI * 2 );
			ctx.fillStyle   = p.circ; ctx.fill();
			ctx.strokeStyle = p.dotBg; ctx.lineWidth = 2; ctx.stroke();
			ctx.restore();

			/* 9. vertex dots */
			verts.forEach( function ( V, i ) {
				ctx.save();
				ctx.beginPath(); ctx.arc( V.x, V.y, dragging === i ? 8 : 6.5, 0, Math.PI * 2 );
				ctx.fillStyle   = p.tri; ctx.fill();
				ctx.strokeStyle = p.dotBg; ctx.lineWidth = 2; ctx.stroke();
				ctx.restore();
			} );

			/* 10. text labels */
			ctx.save();
			ctx.textBaseline = 'middle';

			/* vertex names */
			ctx.font = &quot;italic 700 18px 'Latin Modern Math', 'STIX Two Math', 'Computer Modern', 'Times New Roman', serif&quot;;
			[ A, B, C ].forEach( function ( V, i ) {
				var lbl = labelOffset( V, verts.filter( function ( _, j ) { return j !== i; } ), 26 );
				ctx.fillStyle = p.tri; ctx.textAlign = 'center';
				ctx.fillText( [ 'A', 'B', 'C' ][ i ], lbl.x, lbl.y );
			} );

			/* incentre label */
			ctx.fillStyle = p.circ;
			ctx.font = &quot;italic 700 18px 'Latin Modern Math', 'STIX Two Math', 'Computer Modern', 'Times New Roman', serif&quot;;
			ctx.textAlign = 'center';
			ctx.fillText( 'I', ix + 16, iy - 16 );

			/* radius label (offset perpendicular to the radius line) — side measurements removed */
			ctx.fillStyle = p.rad;
			ctx.font = &quot;italic 500 14px 'Latin Modern Math', 'STIX Two Math', 'Computer Modern', 'Times New Roman', serif&quot;;
			var mid = { x: ( ix + T_c.x ) / 2, y: ( iy + T_c.y ) / 2 };
			var rdx = T_c.x - ix, rdy = T_c.y - iy, rl = Math.hypot( rdx, rdy );
			ctx.textAlign = 'center';
			ctx.fillText(
				'r',
				mid.x - rdy / rl * 16,
				mid.y + rdx / rl * 16
			);

			ctx.restore();
		}

		/* -- resize -- */
		function resize() {
			W = canvas.offsetWidth;
			H = 440;
			canvas.width  = W * DPR;
			canvas.height = H * DPR;
			ctx.setTransform( DPR, 0, 0, DPR, 0, 0 );
			initVerts();
			draw();
		}

		/* -- pointer helpers -- */
		function ptFromEvent( e ) {
			var rect = canvas.getBoundingClientRect();
			var src  = e.touches ? e.touches[ 0 ] : e;
			return {
				x: ( src.clientX - rect.left ) * ( W / rect.width ),
				y: ( src.clientY - rect.top  ) * ( H / rect.height )
			};
		}
		function hitTest( pt ) {
			return verts.findIndex( function ( v ) {
				return Math.hypot( v.x - pt.x, v.y - pt.y ) &lt; 16;
			} );
		}
		function clamp( pt ) {
			return {
				x: Math.max( 10, Math.min( W - 10, pt.x ) ),
				y: Math.max( 4, Math.min( H - 10, pt.y ) )
			};
		}

		canvas.addEventListener( 'mousedown',  function ( e ) { dragging = hitTest( ptFromEvent( e ) ); if ( dragging &gt;= 0 ) { canvas.style.cursor = 'grabbing'; } } );
		canvas.addEventListener( 'mousemove',  function ( e ) {
			if ( dragging &lt; 0 ) {
				canvas.style.cursor = hitTest( ptFromEvent( e ) ) &gt;= 0 ? 'grab' : 'crosshair';
				return;
			}
			verts[ dragging ] = clamp( ptFromEvent( e ) );
			draw();
		} );
		canvas.addEventListener( 'mouseup',    function () { dragging = -1; canvas.style.cursor = 'crosshair'; } );
		canvas.addEventListener( 'mouseleave', function () { dragging = -1; } );
		canvas.addEventListener( 'touchstart', function ( e ) {
			e.preventDefault(); dragging = hitTest( ptFromEvent( e ) );
		}, { passive: false } );
		canvas.addEventListener( 'touchmove', function ( e ) {
			e.preventDefault();
			if ( dragging &lt; 0 ) { return; }
			verts[ dragging ] = clamp( ptFromEvent( e ) );
			draw();
		}, { passive: false } );
		canvas.addEventListener( 'touchend', function () { dragging = -1; } );

		/* dark-mode live update (MediaWiki) */
		var observer = new MutationObserver( draw );
		observer.observe( document.documentElement, { attributes: true, attributeFilter: ['class'] } );
		observer.observe( document.body,            { attributes: true, attributeFilter: ['class'] } );

		/* kick off */
		var ro = new ResizeObserver( resize );
		ro.observe( canvas );
	}

	/* ----------------------------------------------------------
	 * Initialise all matching containers on the page
	 * ---------------------------------------------------------- */
	document.querySelectorAll( '.hiruwiki[data-module=&quot;incentre&quot;]' ).forEach( buildWidget );

}() );</text>
      <sha1>76674k0yqp683ai9maa6j1vziefba9x</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/integer-coordinates.js</title>
    <ns>8</ns>
    <id>179499</id>
    <revision>
      <id>781432</id>
      <parentid>770226</parentid>
      <timestamp>2026-10-28T10:39:29Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781432</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="30215" sha1="6485e5ogv4i0rkfsy2kql2w8ghx340n" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
( function () {
  'use strict';

  
/* ── I18N ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var messages = /* I18N_START */ {
    &quot;nl&quot;: {
        &quot;_name&quot;: &quot;Integercoördinaten&quot;,
        &quot;btnChallenge&quot;: &quot;🎯 Uitdaging&quot;,
        &quot;btnCheck&quot;: &quot;Controleren ✓&quot;,
        &quot;btnExplore&quot;: &quot;🔭 Verkennen&quot;,
        &quot;btnNext&quot;: &quot;Volgende →&quot;,
        &quot;feedbackCorrect&quot;: &quot;✓ Klopt!&quot;,
        &quot;feedbackWrong&quot;: &quot;✗ Onjuist. De zwakke ster was het juiste antwoord.&quot;,
        &quot;hintChallenge&quot;: &quot;Verplaats ★ naar de voorgestelde coördinaten en klik op Controleren&quot;,
        &quot;hintExplore&quot;: &quot;Verplaats ★ door erop te klikken — springt naar hele getallen&quot;,
        &quot;movePrompt&quot;: &quot;Verplaats ★ naar:&lt;br&gt;($1, $2)&quot;,
        &quot;pointLabel&quot;: &quot;Punt:&quot;,
        &quot;titleExplore&quot;: &quot;Verken het coördinatensysteem&quot;,
        &quot;hint&quot;: &quot;Verplaats de ster om de coördinaten te verkennen&quot;
    },
    &quot;fr&quot;: {
        &quot;_name&quot;: &quot;Coordonnées entières&quot;,
        &quot;btnChallenge&quot;: &quot;🎯 Défi&quot;,
        &quot;btnCheck&quot;: &quot;Vérifier ✓&quot;,
        &quot;btnExplore&quot;: &quot;🔭 Explorer&quot;,
        &quot;btnNext&quot;: &quot;Suivant →&quot;,
        &quot;feedbackCorrect&quot;: &quot;✓ Correct !&quot;,
        &quot;feedbackWrong&quot;: &quot;✗ Incorrect. L'étoile pâle était la bonne réponse.&quot;,
        &quot;hintChallenge&quot;: &quot;Déplacez ★ vers les coordonnées proposées et cliquez sur Vérifier&quot;,
        &quot;hintExplore&quot;: &quot;Déplacez ★ en cliquant dessus — il s'accroche aux entiers&quot;,
        &quot;movePrompt&quot;: &quot;Déplacez ★ vers :&lt;br&gt;($1, $2)&quot;,
        &quot;pointLabel&quot;: &quot;Point :&quot;,
        &quot;titleExplore&quot;: &quot;Explorer le système de coordonnées&quot;,
        &quot;hint&quot;: &quot;Déplacez l'étoile pour explorer les coordonnées&quot;
    },
    &quot;eu&quot;: {
        &quot;_name&quot;: &quot;Koordenatu positiboak&quot;,
        &quot;btnChallenge&quot;: &quot;🎯 Erronka&quot;,
        &quot;btnCheck&quot;: &quot;Zuzendu ✓&quot;,
        &quot;btnExplore&quot;: &quot;🔭 Esploratu&quot;,
        &quot;btnNext&quot;: &quot;Hurrengoa →&quot;,
        &quot;feedbackCorrect&quot;: &quot;✓ Zuzen!&quot;,
        &quot;feedbackWrong&quot;: &quot;✗ Ez da zuzena. Izar ahula zen erantzun zuzena.&quot;,
        &quot;hintChallenge&quot;: &quot;Mugi ezazu ★ proposatutako koordenatuetara eta klik egin Zuzendu botoian&quot;,
        &quot;hintExplore&quot;: &quot;Mugi ezazu ★ bere gainean klik eginez — zenbaki arruntak erabiltzen ditu&quot;,
        &quot;movePrompt&quot;: &quot;Mugitu ★ hona:&lt;br&gt;($1, $2)&quot;,
        &quot;pointLabel&quot;: &quot;Puntua:&quot;,
        &quot;titleExplore&quot;: &quot;Esploratu koordenatuen sistema&quot;,
        &quot;hint&quot;: &quot;Mugitu izarra koordenatuak aztertzeko&quot;
    },
    &quot;sk&quot;: {
        &quot;_name&quot;: &quot;Celočíselné súradnice&quot;,
        &quot;btnChallenge&quot;: &quot;🎯 Výzva&quot;,
        &quot;btnCheck&quot;: &quot;Skontrolovať ✓&quot;,
        &quot;btnExplore&quot;: &quot;🔭 Skúmať&quot;,
        &quot;btnNext&quot;: &quot;Ďalej →&quot;,
        &quot;feedbackCorrect&quot;: &quot;✓ Správne!&quot;,
        &quot;feedbackWrong&quot;: &quot;✗ Nesprávne. Správnou odpoveďou bola bledá hviezda.&quot;,
        &quot;hintChallenge&quot;: &quot;Presuňte ★ na navrhnuté súradnice a kliknite na Skontrolovať&quot;,
        &quot;hintExplore&quot;: &quot;Presuňte ★ kliknutím naň — prichytí sa na celé čísla&quot;,
        &quot;movePrompt&quot;: &quot;Presuňte ★ na:&lt;br&gt;($1, $2)&quot;,
        &quot;pointLabel&quot;: &quot;Bod:&quot;,
        &quot;titleExplore&quot;: &quot;Skúmať súradnicovú sústavu&quot;,
        &quot;hint&quot;: &quot;Presúvaním hviezdy skúmajte súradnice&quot;
    },
    &quot;skr-arab&quot;: {
        &quot;_name&quot;: &quot;صحیح مختصات&quot;,
        &quot;btnChallenge&quot;: &quot;🎯 چیلنج&quot;,
        &quot;btnCheck&quot;: &quot;چیک کرو ✓&quot;,
        &quot;btnExplore&quot;: &quot;🔭 کھوج&quot;,
        &quot;btnNext&quot;: &quot;اڳلا ←&quot;,
        &quot;feedbackCorrect&quot;: &quot;✓ ٹھیک!&quot;,
        &quot;feedbackWrong&quot;: &quot;✗ غلط۔ مدھم ستارا ٹھیک جواب ہا۔&quot;,
        &quot;hintChallenge&quot;: &quot;★ کوں مجوزہ مختصات تے گھن ونجو تے چیک دباؤ&quot;,
        &quot;hintExplore&quot;: &quot;★ تے کلک کر کے اونکوں ہلاو — اوہ صحیح اعداد تے ٹک ویندے&quot;,
        &quot;movePrompt&quot;: &quot;★ کوں اتھاں گھن ونجو:&lt;br&gt;($1, $2)&quot;,
        &quot;pointLabel&quot;: &quot;نقطہ:&quot;,
        &quot;titleExplore&quot;: &quot;مختصاتی نظام دی کھوج&quot;,
        &quot;hint&quot;: &quot;ستارے کوں ہلا کے مختصات دی کھوج کرو&quot;
    },
    &quot;lb&quot;: {
        &quot;_name&quot;: &quot;Ganzzueleg Koordinaten&quot;,
        &quot;pointLabel&quot;: &quot;Punkt:&quot;
    },
    &quot;ko&quot;: {
        &quot;_name&quot;: &quot;정수 좌표&quot;,
        &quot;btnChallenge&quot;: &quot;🎯 도전&quot;,
        &quot;btnCheck&quot;: &quot;확인 ✓&quot;,
        &quot;btnExplore&quot;: &quot;🔭 탐색&quot;,
        &quot;btnNext&quot;: &quot;다음 →&quot;,
        &quot;feedbackCorrect&quot;: &quot;✓ 정답입니다!&quot;,
        &quot;feedbackWrong&quot;: &quot;✗ 틀렸습니다. 희미한 별이 정답입니다.&quot;,
        &quot;hintChallenge&quot;: &quot;★ 표시를 제시된 좌표로 이동한 후 확인을 클릭하세요&quot;,
        &quot;hintExplore&quot;: &quot;★를 클릭하여 이동하세요. 정수 위치에 맞춰집니다&quot;,
        &quot;movePrompt&quot;: &quot;★을 다음으로 이동:&lt;br&gt;($1, $2)&quot;,
        &quot;pointLabel&quot;: &quot;점수:&quot;,
        &quot;titleExplore&quot;: &quot;좌표계를 탐색하세요&quot;,
        &quot;hint&quot;: &quot;별을 움직여 좌표를 탐색하세요&quot;
    },
    &quot;en&quot;: {
        &quot;_name&quot;: &quot;Integer Coordinates&quot;,
        &quot;btnChallenge&quot;: &quot;🎯 Challenge&quot;,
        &quot;btnCheck&quot;: &quot;Check ✓&quot;,
        &quot;btnExplore&quot;: &quot;🔭 Explore&quot;,
        &quot;btnNext&quot;: &quot;Next →&quot;,
        &quot;feedbackCorrect&quot;: &quot;✓ Correct!&quot;,
        &quot;feedbackWrong&quot;: &quot;✗ Incorrect. The faint star was the correct answer.&quot;,
        &quot;hintChallenge&quot;: &quot;Move ★ to the proposed coordinates and click Check&quot;,
        &quot;hintExplore&quot;: &quot;Move ★ by clicking on it — it snaps to integers&quot;,
        &quot;movePrompt&quot;: &quot;Move ★ to:&lt;br&gt;($1, $2)&quot;,
        &quot;pointLabel&quot;: &quot;Point:&quot;,
        &quot;titleExplore&quot;: &quot;Explore Coordinate System&quot;,
        &quot;hint&quot;: &quot;Move the star to explore coordinates&quot;
    },
    &quot;it&quot;: {
        &quot;_name&quot;: &quot;Coordinate intere&quot;,
        &quot;btnNext&quot;: &quot;Successivo →&quot;,
        &quot;feedbackCorrect&quot;: &quot;✓ Corretto!&quot;,
        &quot;pointLabel&quot;: &quot;Punto:&quot;
    },
    &quot;ca&quot;: {
        &quot;btnNext&quot;: &quot;Endavant →&quot;,
        &quot;feedbackCorrect&quot;: &quot;✓ Correcte!&quot;
    },
    &quot;qqq&quot;: {
        &quot;_name&quot;: &quot;Name of the Positive Coordinates module (integer grid variant)&quot;,
        &quot;btnChallenge&quot;: &quot;Button label to switch to challenge mode&quot;,
        &quot;btnCheck&quot;: &quot;Button label to check the player's answer&quot;,
        &quot;btnExplore&quot;: &quot;Button label to switch to explore mode&quot;,
        &quot;btnNext&quot;: &quot;Button label to proceed to the next challenge&quot;,
        &quot;feedbackCorrect&quot;: &quot;Feedback shown when the player places the star correctly&quot;,
        &quot;feedbackWrong&quot;: &quot;Feedback shown when the player places the star incorrectly&quot;,
        &quot;hintChallenge&quot;: &quot;Instruction text shown in challenge mode&quot;,
        &quot;hintExplore&quot;: &quot;Instruction text shown in explore mode&quot;,
        &quot;movePrompt&quot;: &quot;Prompt telling the player where to move the star. Uses HTML. Parameters: $1 = target X coordinate, $2 = target Y coordinate.&quot;,
        &quot;pointLabel&quot;: &quot;Label for the current point coordinates. Followed by coordinate values.&quot;,
        &quot;titleExplore&quot;: &quot;Title shown in explore mode&quot;,
        &quot;hint&quot;: &quot;Instruction text for the coordinate system interaction&quot;
    },
    &quot;ga&quot;: {
        &quot;_name&quot;: &quot;Comhordanáidí Slánuimhreacha&quot;,
        &quot;btnChallenge&quot;: &quot;🎯 Dúshlán&quot;,
        &quot;btnCheck&quot;: &quot;Seiceáil ✓&quot;,
        &quot;btnExplore&quot;: &quot;🔭 Taiscéal&quot;,
        &quot;btnNext&quot;: &quot;Ar Aghaidh →&quot;,
        &quot;feedbackCorrect&quot;: &quot;✓ Ceart!&quot;,
        &quot;feedbackWrong&quot;: &quot;✗ Mícheart. Ba é an réalta lag an freagra ceart.&quot;,
        &quot;hintChallenge&quot;: &quot;Bog ★ go dtí na comhordanáidí atá beartaithe agus cliceáil Seiceáil&quot;,
        &quot;hintExplore&quot;: &quot;Bog ★ trí chliceáil air — snapálann sé chuig slánuimhreacha&quot;,
        &quot;movePrompt&quot;: &quot;Bog ★ go:&lt;br&gt;($1, $2)&quot;,
        &quot;pointLabel&quot;: &quot;Pointe:&quot;,
        &quot;titleExplore&quot;: &quot;Iniúchadh a dhéanamh ar an gCóras Comhordanáidí&quot;,
        &quot;hint&quot;: &quot;Bog an réalta chun comhordanáidí a iniúchadh&quot;
    },
    &quot;es&quot;: {
        &quot;_name&quot;: &quot;Coordenadas positivas&quot;,
        &quot;btnChallenge&quot;: &quot;🎯 Reto&quot;,
        &quot;btnCheck&quot;: &quot;Comprobar ✓&quot;,
        &quot;btnExplore&quot;: &quot;🔭 Explorar&quot;,
        &quot;btnNext&quot;: &quot;Siguiente →&quot;,
        &quot;feedbackCorrect&quot;: &quot;✓ ¡Correcto!&quot;,
        &quot;feedbackWrong&quot;: &quot;✗ Incorrecto. La estrella tenue era la respuesta correcta.&quot;,
        &quot;hintChallenge&quot;: &quot;Mueve ★ a las coordenadas propuestas y pulsa Comprobar&quot;,
        &quot;hintExplore&quot;: &quot;Mueve ★ haciendo clic en él — se ajusta a enteros&quot;,
        &quot;movePrompt&quot;: &quot;Mueve ★ a:&lt;br&gt;($1, $2)&quot;,
        &quot;pointLabel&quot;: &quot;Punto:&quot;,
        &quot;titleExplore&quot;: &quot;Explorar el sistema de coordenadas&quot;,
        &quot;hint&quot;: &quot;Mueve la estrella para explorar las coordenadas&quot;
    },
    &quot;mk&quot;: {
        &quot;_name&quot;: &quot;Целобројни координати&quot;,
        &quot;btnChallenge&quot;: &quot;🎯 Предизвик&quot;,
        &quot;btnCheck&quot;: &quot;Провери ✓&quot;,
        &quot;btnExplore&quot;: &quot;🔭 Истражи&quot;,
        &quot;btnNext&quot;: &quot;Следно →&quot;,
        &quot;feedbackCorrect&quot;: &quot;✓ Точно!&quot;,
        &quot;feedbackWrong&quot;: &quot;✗ Неточно. Слабата ѕвезда е точниот одговор.&quot;,
        &quot;hintChallenge&quot;: &quot;Поместете го ★ на предложените координати и стиснете на Провери&quot;,
        &quot;hintExplore&quot;: &quot;Поместете го ★ стискајќи на него — се сведува на цели броеви&quot;,
        &quot;movePrompt&quot;: &quot;Поместете го ★ на:&lt;br&gt;($1, $2)&quot;,
        &quot;pointLabel&quot;: &quot;Точка:&quot;,
        &quot;titleExplore&quot;: &quot;Истражете го координатниот систем&quot;,
        &quot;hint&quot;: &quot;Поместете ја ѕвездата за да истражите координати&quot;
    }
} /* I18N_END */
var lang = (window.mw &amp;&amp; mw.config.get('wgUserLanguage')) || 'en';
var banana = new Banana(lang.split('-')[0]);
banana.load(messages);

function t(key, vars) {
    var args = Array.isArray(vars) ? vars : [];
    var str = banana.i18n(key, ...args);
    if (vars &amp;&amp; typeof vars === 'object' &amp;&amp; !Array.isArray(vars)) {
        Object.keys(vars).forEach(function(k) {
            str = str.replace(new RegExp('\\{' + k + '\\}', 'g'), vars[k]);
        });
    }
    return str;
}

document.querySelectorAll( '.hiruwiki[data-module=&quot;integer-coordinates&quot;]' ).forEach( function ( host ) {

    host.innerHTML = [
      '&lt;div class=&quot;icx-wrapper&quot;&gt;',
      '  &lt;div class=&quot;icx-mode-bar&quot;&gt;',
      '    &lt;button class=&quot;icx-mode-btn icx-active&quot; data-mode=&quot;explorer&quot;&gt;' + t('btnExplore') + '&lt;/button&gt;',
      '    &lt;button class=&quot;icx-mode-btn&quot; data-mode=&quot;challenge&quot;&gt;' + t('btnChallenge') + '&lt;/button&gt;',
      '  &lt;/div&gt;',
      '  &lt;div class=&quot;icx-body&quot;&gt;',
      '    &lt;canvas class=&quot;icx-canvas&quot;&gt;&lt;/canvas&gt;',
      '    &lt;div class=&quot;icx-sidebar&quot;&gt;',
      '      &lt;div class=&quot;icx-explorer-panel&quot;&gt;',
      '        &lt;div class=&quot;icx-sidebar-title&quot;&gt;' + t('titleExplore') + '&lt;/div&gt;',
      '        &lt;div class=&quot;icx-info-bar&quot;&gt;',
      '          ' + t('pointLabel') + '&lt;br&gt;',
      '          (&lt;span class=&quot;icx-cx&quot;&gt;&lt;/span&gt;, &lt;span class=&quot;icx-cy&quot;&gt;&lt;/span&gt;)',
      '        &lt;/div&gt;',
      '        &lt;div class=&quot;icx-hint&quot;&gt;' + t('hintExplore') + '&lt;/div&gt;',
      '      &lt;/div&gt;',
      '      &lt;div class=&quot;icx-challenge-panel&quot;&gt;',
      '        &lt;div class=&quot;icx-challenge-prompt&quot;&gt;&lt;/div&gt;',
      '        &lt;div class=&quot;icx-feedback&quot;&gt;&lt;/div&gt;',
      '        &lt;div class=&quot;icx-btn-col&quot;&gt;',
      '          &lt;button class=&quot;icx-action-btn icx-check-btn&quot;&gt;' + t('btnCheck') + '&lt;/button&gt;',
      '          &lt;button class=&quot;icx-action-btn icx-next-btn&quot;&gt;' + t('btnNext') + '&lt;/button&gt;',
      '        &lt;/div&gt;',
      '        &lt;div class=&quot;icx-hint&quot;&gt;' + t('hintChallenge') + '&lt;/div&gt;',
      '      &lt;/div&gt;',
      '    &lt;/div&gt;',
      '  &lt;/div&gt;',
      '&lt;/div&gt;'
    ].join( '\n' );


    initInstance( host );
    
    // Footer branding
    var footer = document.createElement(&quot;div&quot;);
    footer.className = &quot;hw-footer&quot;;
    var fLogo = document.createElement(&quot;a&quot;);
    fLogo.className = &quot;hw-footer-icon&quot;;
    fLogo.href = mw.util.getUrl('Wikipedia:Hiruwiki');
    fLogo.title = 'Hiruwiki';
    fLogo.innerHTML = hiruwiki.getLogoSvg(22);
    var fText = document.createElement(&quot;span&quot;);
    fText.innerHTML = t('hint');
    footer.appendChild(fLogo);
    footer.appendChild(fText);
    host.appendChild(footer);
  } );

  function initInstance( host ) {

    var canvas         = host.querySelector( '.icx-canvas' );
    var ctx            = canvas.getContext( '2d' );
    var btnExplorer    = host.querySelector( '[data-mode=&quot;explorer&quot;]' );
    var btnChallenge   = host.querySelector( '[data-mode=&quot;challenge&quot;]' );
    var explorerPanel  = host.querySelector( '.icx-explorer-panel' );
    var challengePanel = host.querySelector( '.icx-challenge-panel' );
    var promptBar      = host.querySelector( '.icx-challenge-prompt' );
    var spCX           = host.querySelector( '.icx-cx' );
    var spCY           = host.querySelector( '.icx-cy' );
    var feedbackEl     = host.querySelector( '.icx-feedback' );
    var checkBtn       = host.querySelector( '.icx-check-btn' );
    var nextBtn        = host.querySelector( '.icx-next-btn' );

    /* -- Grid constants -- */
    var X_MIN      = -12;
    var X_MAX      =  12;
    var Y_MIN      = -8;
    var Y_MAX      =  8;
    var X_STEPS    = X_MAX - X_MIN;   /* 24 */
    var Y_STEPS    = Y_MAX - Y_MIN;   /* 16 */

    function isDark() {
      var root = document.documentElement;
      if ( root.classList.contains( 'skin-theme-clientpref-night' ) ||
           root.classList.contains( 'client-dark-mode' ) ||
           document.body.classList.contains( 'mw-dark-mode' ) ) {
        return true;
      }
      return !!( window.matchMedia &amp;&amp; window.matchMedia( '(prefers-color-scheme: dark)' ).matches );
    }

    function themeColor( token, lightFallback, darkFallback ) {
      return hiruwiki.getThemeColor( token, isDark() ? darkFallback : lightFallback );
    }

    function palette() {
      return {
        x: themeColor( 'color-destructive', '#e74c3c', '#ff7f73' ),
        y: themeColor( 'color-progressive', '#2980b9', '#7aa8ff' ),
        axis: themeColor( 'color-base', '#2c3e50', '#e8e6dc' ),
        bg: themeColor( 'background-color-base', '#fafcff', '#1e1e1c' ),
        grid: themeColor( 'border-color-base', '#d5e0ec', '#4a4a48' ),
        tickText: themeColor( 'color-subtle', '#555', '#b4b2a9' ),
        tickMark: themeColor( 'color-placeholder', '#888', '#888780' ),
        minorTick: themeColor( 'border-color-base', '#ccc', '#555552' ),
        labelBg: themeColor( 'background-color-base', 'rgba(255,255,255,0.92)', 'rgba(30,30,28,0.95)' ),
        labelBorder: themeColor( 'border-color-base', '#bdc3c7', '#555552' )
      };
    }

    var PAD_LEFT   = 46;
    var PAD_RIGHT  = 20;
    var PAD_TOP    = 20;
    var PAD_BOTTOM = 34;
    var CELL       = 30;
    var CW         = PAD_LEFT + X_STEPS * CELL + PAD_RIGHT;
    var CH         = PAD_TOP  + Y_STEPS * CELL + PAD_BOTTOM;

    canvas.width  = CW;
    canvas.height = CH;

    /* -- State -- */
    var ptX      = 3,  ptY      = 4;
    var targetX  = 0,  targetY  = 0;
    var mode     = 'explorer';
    var dragging = false;
    var checked  = false;
    var correct  = false;

    /* ---- Coordinate helpers ---- */
    function toCanvas( gx, gy ) {
      return {
        x: PAD_LEFT + ( gx - X_MIN ) * CELL,
        y: PAD_TOP  + ( Y_MAX - gy ) * CELL
      };
    }

    function toGrid( cx, cy ) {
      var gx = Math.round( ( cx - PAD_LEFT ) / CELL + X_MIN );
      var gy = Math.round( Y_MAX - ( cy - PAD_TOP ) / CELL );
      return {
        gx: Math.max( X_MIN, Math.min( X_MAX, gx ) ),
        gy: Math.max( Y_MIN, Math.min( Y_MAX, gy ) )
      };
    }

    /* ---- Drawing helpers ---- */
    function drawArrow( x1, y1, x2, y2, color, lw ) {
      var headLen = 7;
      var angle   = Math.atan2( y2 - y1, x2 - x1 );
      ctx.save();
      ctx.strokeStyle = color; ctx.fillStyle = color; ctx.lineWidth = lw;
      ctx.beginPath(); ctx.moveTo( x1, y1 ); ctx.lineTo( x2, y2 ); ctx.stroke();
      ctx.beginPath();
      ctx.moveTo( x2, y2 );
      ctx.lineTo( x2 - headLen * Math.cos( angle - Math.PI / 7 ), y2 - headLen * Math.sin( angle - Math.PI / 7 ) );
      ctx.lineTo( x2 - headLen * Math.cos( angle + Math.PI / 7 ), y2 - headLen * Math.sin( angle + Math.PI / 7 ) );
      ctx.closePath(); ctx.fill();
      ctx.restore();
    }

    function drawStar( cx, cy, r, fillColor, strokeColor, glowColor, glowBlur, alpha ) {
      var spikes = 5, outerR = r, innerR = r * 0.42;
      var rot = ( Math.PI / 2 ) * 3, step = Math.PI / spikes, i;
      ctx.save();
      ctx.globalAlpha = ( alpha !== undefined ) ? alpha : 1;
      ctx.beginPath();
      ctx.moveTo( cx, cy - outerR );
      for ( i = 0; i &lt; spikes; i++ ) {
        ctx.lineTo( cx + Math.cos( rot ) * outerR, cy + Math.sin( rot ) * outerR ); rot += step;
        ctx.lineTo( cx + Math.cos( rot ) * innerR, cy + Math.sin( rot ) * innerR ); rot += step;
      }
      ctx.closePath();
      if ( glowColor ) { ctx.shadowColor = glowColor; ctx.shadowBlur = glowBlur || 0; }
      ctx.fillStyle = fillColor; ctx.fill();
      ctx.shadowBlur = 0; ctx.strokeStyle = strokeColor; ctx.lineWidth = 1.2; ctx.stroke();
      ctx.restore();
    }

    function drawProjectionLines( gx, gy, xColor, yColor, alpha ) {
      var pt      = toCanvas( gx, gy );
      var originC = toCanvas( 0, 0 );
      ctx.save();
      ctx.globalAlpha = ( alpha !== undefined ) ? alpha : 1;
      ctx.setLineDash( [ 4, 3 ] ); ctx.lineWidth = 1.4;
      ctx.strokeStyle = xColor;
      ctx.beginPath(); ctx.moveTo( pt.x, pt.y ); ctx.lineTo( pt.x, originC.y ); ctx.stroke();
      ctx.strokeStyle = yColor;
      ctx.beginPath(); ctx.moveTo( pt.x, pt.y ); ctx.lineTo( originC.x, pt.y ); ctx.stroke();
      ctx.setLineDash( [] );
      ctx.beginPath(); ctx.arc( pt.x,    originC.y, 3.5, 0, Math.PI * 2 ); ctx.fillStyle = xColor; ctx.fill();
      ctx.beginPath(); ctx.arc( originC.x, pt.y,    3.5, 0, Math.PI * 2 ); ctx.fillStyle = yColor; ctx.fill();
      ctx.restore();
    }

    function drawDimensionBrackets( gx, gy, xColor, yColor, alpha ) {
      var pt      = toCanvas( gx, gy );
      var originC = toCanvas( 0, 0 );
      var brk, mid;
      ctx.save();
      ctx.globalAlpha = ( alpha !== undefined ) ? alpha : 1;

      if ( gx !== 0 ) {
        brk = originC.y + 18;
        ctx.strokeStyle = xColor; ctx.fillStyle = xColor; ctx.lineWidth = 1.5;
        ctx.beginPath(); ctx.moveTo( originC.x, brk ); ctx.lineTo( pt.x, brk ); ctx.stroke();
        ctx.beginPath(); ctx.moveTo( originC.x, brk - 3 ); ctx.lineTo( originC.x, brk + 3 ); ctx.stroke();
        ctx.beginPath(); ctx.moveTo( pt.x,       brk - 3 ); ctx.lineTo( pt.x,       brk + 3 ); ctx.stroke();
        mid = originC.x + ( pt.x - originC.x ) / 2;
        ctx.font = 'bold 9px Montserrat, Arial, sans-serif'; ctx.textAlign = 'center';
        ctx.fillText( 'x = ' + gx, mid, brk + 10 );
      }

      if ( gy !== 0 ) {
        brk = ( gx &gt;= 0 ) ? originC.x - 22 : originC.x + 22;
        ctx.strokeStyle = yColor; ctx.fillStyle = yColor; ctx.lineWidth = 1.5;
        ctx.beginPath(); ctx.moveTo( brk, originC.y ); ctx.lineTo( brk, pt.y ); ctx.stroke();
        ctx.beginPath(); ctx.moveTo( brk - 3, originC.y ); ctx.lineTo( brk + 3, originC.y ); ctx.stroke();
        ctx.beginPath(); ctx.moveTo( brk - 3, pt.y      ); ctx.lineTo( brk + 3, pt.y      ); ctx.stroke();
        mid = originC.y + ( pt.y - originC.y ) / 2;
        ctx.save();
        ctx.translate( brk + ( gx &gt;= 0 ? -10 : 10 ), mid );
        ctx.rotate( -Math.PI / 2 );
        ctx.font = 'bold 9px Montserrat, Arial, sans-serif'; ctx.textAlign = 'center';
        ctx.fillText( 'y = ' + gy, 0, 0 );
        ctx.restore();
      }
      ctx.restore();
    }

    function drawCoordLabel( gx, gy, alpha, xColor, yColor, pal ) {
      var pt = toCanvas( gx, gy );
      var FS = 12, xStr = String( gx ), yStr = String( gy );
      var p1 = '(', cm = ', ', p2 = ')';
      var wP1, wX, wCm, wY, wP2, totalW, lx, ly, cx2;
      ctx.save();
      ctx.globalAlpha = ( alpha !== undefined ) ? alpha : 1;
      ctx.font = 'bold ' + FS + 'px Montserrat, Arial, sans-serif';
      wP1 = ctx.measureText( p1  ).width; wX  = ctx.measureText( xStr ).width;
      wCm = ctx.measureText( cm  ).width; wY  = ctx.measureText( yStr ).width;
      wP2 = ctx.measureText( p2  ).width;
      totalW = wP1 + wX + wCm + wY + wP2;
      lx = pt.x + 14; ly = pt.y - 14;
      if ( lx + totalW + 6 &gt; CW - 2 ) { lx = pt.x - totalW - 14; }
      if ( lx &lt; 2 )                   { lx = pt.x + 14; }
      if ( ly - FS &lt; 2 )              { ly = pt.y + 20; }
      ctx.fillStyle = pal.labelBg;
      ctx.beginPath(); ctx.roundRect( lx - 3, ly - FS, totalW + 6, FS + 5, 3 ); ctx.fill();
      ctx.strokeStyle = pal.labelBorder; ctx.lineWidth = 0.8; ctx.stroke();
      cx2 = lx;
      ctx.fillStyle = pal.axis; ctx.fillText( p1,   cx2, ly ); cx2 += wP1;
      ctx.fillStyle = xColor;    ctx.fillText( xStr, cx2, ly ); cx2 += wX;
      ctx.fillStyle = pal.axis; ctx.fillText( cm,   cx2, ly ); cx2 += wCm;
      ctx.fillStyle = yColor;    ctx.fillText( yStr, cx2, ly ); cx2 += wY;
      ctx.fillStyle = pal.axis; ctx.fillText( p2,   cx2, ly );
      ctx.restore();
    }

    /* ---- Main draw ---- */
    function draw() {
      var i, v, x, y, originC, p, pc, tp;
      var pal = palette();
      ctx.clearRect( 0, 0, CW, CH );
      ctx.fillStyle = pal.bg; ctx.fillRect( 0, 0, CW, CH );
      originC = toCanvas( 0, 0 );

      /* Grid lines */
      for ( i = X_MIN; i &lt;= X_MAX; i++ ) {
        x = PAD_LEFT + ( i - X_MIN ) * CELL;
        ctx.beginPath();
        ctx.strokeStyle = ( i === 0 ) ? pal.axis : pal.grid;
        ctx.lineWidth   = ( i === 0 ) ? 1.8 : 1;
        ctx.moveTo( x, PAD_TOP ); ctx.lineTo( x, PAD_TOP + Y_STEPS * CELL ); ctx.stroke();
      }
      for ( i = Y_MIN; i &lt;= Y_MAX; i++ ) {
        y = PAD_TOP + ( Y_MAX - i ) * CELL;
        ctx.beginPath();
        ctx.strokeStyle = ( i === 0 ) ? pal.axis : pal.grid;
        ctx.lineWidth   = ( i === 0 ) ? 1.8 : 1;
        ctx.moveTo( PAD_LEFT, y ); ctx.lineTo( PAD_LEFT + X_STEPS * CELL, y ); ctx.stroke();
      }

      /* Axis arrows — both directions */
      drawArrow( PAD_LEFT,              originC.y, PAD_LEFT + X_STEPS * CELL + 12, originC.y, pal.axis, 1.8 );
      drawArrow( PAD_LEFT + X_STEPS * CELL, originC.y, PAD_LEFT - 2,              originC.y, pal.axis, 1.8 );
      drawArrow( originC.x, PAD_TOP + Y_STEPS * CELL, originC.x, PAD_TOP - 10,   pal.axis, 1.8 );
      drawArrow( originC.x, PAD_TOP,                  originC.x, PAD_TOP + Y_STEPS * CELL + 10, pal.axis, 1.8 );

      /* Axis labels */
      ctx.save();
      ctx.font = 'italic bold 12px Montserrat, Arial, sans-serif';
      ctx.fillStyle = pal.axis; ctx.textAlign = 'center';
      ctx.fillText( 'x', PAD_LEFT + X_STEPS * CELL + 20, originC.y + 4 );
      ctx.fillText( 'y', originC.x, PAD_TOP - 14 );
      ctx.restore();

      /* Ticks and labels */
      ctx.save();
      ctx.font = '9px Montserrat, Arial, sans-serif'; ctx.fillStyle = pal.tickText;
      for ( v = X_MIN; v &lt;= X_MAX; v++ ) {
        x = PAD_LEFT + ( v - X_MIN ) * CELL;
        if ( v !== 0 &amp;&amp; v % 5 === 0 ) {
          ctx.textAlign = 'center';
          ctx.fillText( v, x, originC.y + 13 );
          ctx.beginPath(); ctx.strokeStyle = pal.tickMark; ctx.lineWidth = 1;
          ctx.moveTo( x, originC.y - 3 ); ctx.lineTo( x, originC.y + 3 ); ctx.stroke();
        } else if ( v !== 0 ) {
          ctx.beginPath(); ctx.strokeStyle = pal.minorTick; ctx.lineWidth = 1;
          ctx.moveTo( x, originC.y - 2 ); ctx.lineTo( x, originC.y + 2 ); ctx.stroke();
        }
      }
      for ( v = Y_MIN; v &lt;= Y_MAX; v++ ) {
        y = PAD_TOP + ( Y_MAX - v ) * CELL;
        if ( v !== 0 &amp;&amp; v % 5 === 0 ) {
          ctx.textAlign = 'right';
          ctx.fillText( v, originC.x - 4, y + 3 );
          ctx.beginPath(); ctx.strokeStyle = pal.tickMark; ctx.lineWidth = 1;
          ctx.moveTo( originC.x - 3, y ); ctx.lineTo( originC.x + 3, y ); ctx.stroke();
        } else if ( v !== 0 ) {
          ctx.beginPath(); ctx.strokeStyle = pal.minorTick; ctx.lineWidth = 1;
          ctx.moveTo( originC.x - 2, y ); ctx.lineTo( originC.x + 2, y ); ctx.stroke();
        }
      }
      ctx.textAlign = 'right'; ctx.fillStyle = pal.tickText;
      ctx.fillText( '0', originC.x - 4, originC.y + 12 );
      ctx.restore();

      /* Mode rendering */
      if ( mode === 'explorer' ) {
        drawProjectionLines( ptX, ptY, pal.x, pal.y );
        drawDimensionBrackets( ptX, ptY, pal.x, pal.y );
        p = toCanvas( ptX, ptY );
        drawStar( p.x, p.y, 11, '#f1c40f', '#b7950b', 'rgba(241,196,15,0.55)', 10 );
        drawCoordLabel( ptX, ptY, 1, pal.x, pal.y, pal );
        spCX.style.color = pal.x; spCX.textContent = ptX;
        spCY.style.color = pal.y; spCY.textContent = ptY;
      }

      if ( mode === 'challenge' ) {
        if ( checked &amp;&amp; !correct ) {
          drawProjectionLines( targetX, targetY, pal.x, pal.y, 0.22 );
          tp = toCanvas( targetX, targetY );
          drawStar( tp.x, tp.y, 11, 'rgba(241,196,15,0.28)', 'rgba(183,149,11,0.35)', null, 0, 1 );
          drawCoordLabel( targetX, targetY, 0.28, pal.x, pal.y, pal );
        }
        drawProjectionLines( ptX, ptY, pal.x, pal.y );
        drawDimensionBrackets( ptX, ptY, pal.x, pal.y );
        pc = toCanvas( ptX, ptY );
        if ( checked &amp;&amp; correct ) {
          drawStar( pc.x, pc.y, 13, '#2ecc71', '#1a9456', 'rgba(46,204,113,0.8)', 20 );
        } else {
          drawStar( pc.x, pc.y, 11, '#f1c40f', '#b7950b', 'rgba(241,196,15,0.55)', 10 );
        }
        drawCoordLabel( ptX, ptY, 1, pal.x, pal.y, pal );
      }
    }

    /* ---- Input handling ---- */
    function getPos( e ) {
      var rect = canvas.getBoundingClientRect();
      var sx = canvas.width / rect.width, sy = canvas.height / rect.height;
      var src = e.touches ? e.touches[ 0 ] : e;
      return { x: ( src.clientX - rect.left ) * sx, y: ( src.clientY - rect.top ) * sy };
    }

    function nearStar( cx, cy ) {
      var pt = toCanvas( ptX, ptY ), dx = cx - pt.x, dy = cy - pt.y;
      return Math.sqrt( dx * dx + dy * dy ) &lt; 45;
    }

    function onMove( cx, cy ) {
      var g = toGrid( cx, cy );
      if ( g.gx !== ptX || g.gy !== ptY ) {
        ptX = g.gx; ptY = g.gy;
        if ( mode === 'challenge' &amp;&amp; checked &amp;&amp; !correct ) {
          checked = false;
          feedbackEl.textContent = ''; feedbackEl.className = 'icx-feedback';
          checkBtn.disabled = false;
        }
        draw();
      }
    }

    canvas.addEventListener( 'mousedown', function ( e ) {
      if ( mode === 'challenge' &amp;&amp; correct ) { return; }
      var pos = getPos( e );
      if ( nearStar( pos.x, pos.y ) ) { dragging = true; canvas.classList.add( 'icx-dragging' ); }
    } );
    canvas.addEventListener( 'mousemove', function ( e ) {
      if ( !dragging ) { return; }
      var pos = getPos( e ); onMove( pos.x, pos.y );
    } );
    canvas.addEventListener( 'mouseup',    function () { dragging = false; canvas.classList.remove( 'icx-dragging' ); } );
    canvas.addEventListener( 'mouseleave', function () { dragging = false; canvas.classList.remove( 'icx-dragging' ); } );
    canvas.addEventListener( 'touchstart', function ( e ) {
      e.preventDefault();
      if ( mode === 'challenge' &amp;&amp; correct ) { return; }
      var pos = getPos( e );
      if ( nearStar( pos.x, pos.y ) ) { dragging = true; }
    }, { passive: false } );
    canvas.addEventListener( 'touchmove', function ( e ) {
      e.preventDefault();
      if ( !dragging ) { return; }
      var pos = getPos( e ); onMove( pos.x, pos.y );
    }, { passive: false } );
    canvas.addEventListener( 'touchend', function () { dragging = false; } );

    /* ---- Mode switching ---- */
    function setMode( m ) {
      mode = m;
      btnExplorer.classList.toggle(  'icx-active', m === 'explorer'  );
      btnChallenge.classList.toggle( 'icx-active', m === 'challenge' );
      explorerPanel.style.display  = m === 'explorer'  ? 'flex' : 'none';
      challengePanel.style.display = m === 'challenge' ? 'flex' : 'none';
      if ( m === 'challenge' ) {
        nextChallenge();
      } else {
        ptX = 3; ptY = 4; draw();
      }
    }

    btnExplorer.addEventListener(  'click', function () { setMode( 'explorer' );  } );
    btnChallenge.addEventListener( 'click', function () { setMode( 'challenge' ); } );

    /* ---- Challenge logic ---- */
    function nextChallenge() {
      do {
        targetX = Math.floor( Math.random() * ( X_MAX - X_MIN + 1 ) ) + X_MIN;
        targetY = Math.floor( Math.random() * ( Y_MAX - Y_MIN + 1 ) ) + Y_MIN;
      } while ( targetX === 0 &amp;&amp; targetY === 0 );
      ptX = 0; ptY = 0;
      checked = false; correct = false;
      feedbackEl.textContent = ''; feedbackEl.className = 'icx-feedback';
      checkBtn.disabled = false;
      nextBtn.style.visibility = 'hidden';
      promptBar.innerHTML = t('movePrompt', [
        '&lt;span class=&quot;icx-target-x&quot;&gt;' + targetX + '&lt;/span&gt;', 
        '&lt;span class=&quot;icx-target-y&quot;&gt;' + targetY + '&lt;/span&gt;' 
      ]);
      draw();
    }

    function checkAnswer() {
      checked = true; correct = ( ptX === targetX &amp;&amp; ptY === targetY );
      if ( correct ) {
        feedbackEl.textContent = t('feedbackCorrect');
        feedbackEl.className   = 'icx-feedback icx-feedback-ok';
      } else {
        feedbackEl.textContent = t('feedbackWrong');
        feedbackEl.className   = 'icx-feedback icx-feedback-err';
      }

      checkBtn.disabled = true;
      nextBtn.style.visibility = 'visible';
      draw();
    }

    checkBtn.addEventListener( 'click', checkAnswer );
    nextBtn.addEventListener(  'click', nextChallenge );

    var observer = new MutationObserver( draw );
    observer.observe( document.documentElement, { attributes: true, attributeFilter: [ 'class' ] } );
    observer.observe( document.body, { attributes: true, attributeFilter: [ 'class' ] } );
    if ( window.matchMedia ) {
      window.matchMedia( '(prefers-color-scheme: dark)' ).addEventListener( 'change', draw );
    }

    /* Initial state */
    explorerPanel.style.display  = 'flex';
    challengePanel.style.display = 'none';
    draw();
  }

}() );</text>
      <sha1>6485e5ogv4i0rkfsy2kql2w8ghx340n</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/marble-jar.js</title>
    <ns>8</ns>
    <id>179501</id>
    <revision>
      <id>781433</id>
      <parentid>770228</parentid>
      <timestamp>2026-10-28T10:39:32Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781433</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="20487" sha1="nlim38fklaej7jqh5h27018ykpn6jvh" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
(function () {
    'use strict';

    
/* ── I18N ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var messages = /* I18N_START */ {
    &quot;nl&quot;: {
        &quot;_name&quot;: &quot;Kanspot&quot;,
        &quot;colorBlue&quot;: &quot;Blauw&quot;,
        &quot;colorGreen&quot;: &quot;Groen&quot;,
        &quot;colorRed&quot;: &quot;Rood&quot;,
        &quot;colorYellow&quot;: &quot;Geel&quot;,
        &quot;impossible&quot;: &quot;Onmogelijk&quot;,
        &quot;probTitle&quot;: &quot;Kans om een knikker te pakken en de kleur te raden…&quot;,
        &quot;shake&quot;: &quot;Schudden!&quot;,
        &quot;total&quot;: &quot;Totaal&quot;,
        &quot;hint&quot;: &quot;Schud de pot om de waarschijnlijkheid in actie te zien&quot;
    },
    &quot;fr&quot;: {
        &quot;_name&quot;: &quot;Pot de probabilités&quot;,
        &quot;colorBlue&quot;: &quot;Bleu&quot;,
        &quot;colorGreen&quot;: &quot;Vert&quot;,
        &quot;colorRed&quot;: &quot;Rouge&quot;,
        &quot;colorYellow&quot;: &quot;Jaune&quot;,
        &quot;impossible&quot;: &quot;Impossible&quot;,
        &quot;probTitle&quot;: &quot;Probabilité de tirer une bille et de deviner sa couleur…&quot;,
        &quot;shake&quot;: &quot;Secouer !&quot;,
        &quot;total&quot;: &quot;Total&quot;,
        &quot;hint&quot;: &quot;Secouez le récipient pour voir la probabilité en action&quot;
    },
    &quot;tr&quot;: {
        &quot;_name&quot;: &quot;Olasılık Kavanozu&quot;,
        &quot;colorBlue&quot;: &quot;Mavi&quot;,
        &quot;colorGreen&quot;: &quot;Yeşil&quot;,
        &quot;colorRed&quot;: &quot;Kırmızı&quot;,
        &quot;colorYellow&quot;: &quot;Sarı&quot;,
        &quot;impossible&quot;: &quot;İmkansız&quot;,
        &quot;probTitle&quot;: &quot;Bir bilye seçip rengini tahmin etme olasılığı…&quot;,
        &quot;shake&quot;: &quot;Salla!&quot;,
        &quot;total&quot;: &quot;Toplam&quot;,
        &quot;hint&quot;: &quot;Kavanozu sallayın ve olasılığın nasıl işlediğini görün&quot;
    },
    &quot;eu&quot;: {
        &quot;_name&quot;: &quot;Probabilitate ontzia&quot;,
        &quot;colorBlue&quot;: &quot;Urdina&quot;,
        &quot;colorGreen&quot;: &quot;Berdea&quot;,
        &quot;colorRed&quot;: &quot;Gorria&quot;,
        &quot;colorYellow&quot;: &quot;Horia&quot;,
        &quot;impossible&quot;: &quot;Ezinezkoa&quot;,
        &quot;probTitle&quot;: &quot;Kanika bat atera eta kolorea asmatzeko probabilitatea…&quot;,
        &quot;shake&quot;: &quot;Astindu!&quot;,
        &quot;total&quot;: &quot;Guztira&quot;,
        &quot;hint&quot;: &quot;Astindu ontzia probabilitatea martxan ikusteko&quot;
    },
    &quot;sk&quot;: {
        &quot;_name&quot;: &quot;Nádoba pravdepodobnosti&quot;,
        &quot;colorBlue&quot;: &quot;Modrá&quot;,
        &quot;colorGreen&quot;: &quot;Zelená&quot;,
        &quot;colorRed&quot;: &quot;Červená&quot;,
        &quot;colorYellow&quot;: &quot;Žltá&quot;,
        &quot;impossible&quot;: &quot;Nemožné&quot;,
        &quot;probTitle&quot;: &quot;Pravdepodobnosť vytiahnutia guľôčky a uhádnutia jej farby…&quot;,
        &quot;shake&quot;: &quot;Zatraste!&quot;,
        &quot;total&quot;: &quot;Spolu&quot;,
        &quot;hint&quot;: &quot;Zatraste nádobou a uvidíte pravdepodobnosť v praxi&quot;
    },
    &quot;skr-arab&quot;: {
        &quot;_name&quot;: &quot;احتمال دا مرتبان&quot;,
        &quot;colorBlue&quot;: &quot;نیلا&quot;,
        &quot;colorGreen&quot;: &quot;ساوا&quot;,
        &quot;colorRed&quot;: &quot;رتا&quot;,
        &quot;colorYellow&quot;: &quot;پیلا&quot;,
        &quot;impossible&quot;: &quot;نا ممکن&quot;,
        &quot;probTitle&quot;: &quot;گولی چݨݨ تے اوندے رنگ دا اندازہ لاوݨ دا احتمال…&quot;,
        &quot;shake&quot;: &quot;ہلاؤ!&quot;,
        &quot;total&quot;: &quot;کل&quot;,
        &quot;hint&quot;: &quot;احتمال کوں عمل وچ ݙیکھݨ کیتے مرتبان کوں ہلاؤ&quot;
    },
    &quot;lb&quot;: {
        &quot;colorBlue&quot;: &quot;Blo&quot;,
        &quot;colorGreen&quot;: &quot;Gréng&quot;,
        &quot;colorRed&quot;: &quot;Rout&quot;,
        &quot;colorYellow&quot;: &quot;Giel&quot;,
        &quot;impossible&quot;: &quot;Onméiglech&quot;
    },
    &quot;ko&quot;: {
        &quot;_name&quot;: &quot;확률 항아리&quot;,
        &quot;colorBlue&quot;: &quot;파란색&quot;,
        &quot;colorGreen&quot;: &quot;녹색&quot;,
        &quot;colorRed&quot;: &quot;빨간색&quot;,
        &quot;colorYellow&quot;: &quot;노란색&quot;,
        &quot;impossible&quot;: &quot;불가능&quot;,
        &quot;probTitle&quot;: &quot;구슬을 하나 집어 들고 그 색깔을 맞출 확률…&quot;,
        &quot;shake&quot;: &quot;흔들기!&quot;,
        &quot;total&quot;: &quot;합계&quot;,
        &quot;hint&quot;: &quot;병을 흔들어 확률이 어떻게 작용하는지 확인해 보세요&quot;
    },
    &quot;en&quot;: {
        &quot;_name&quot;: &quot;Probability Jar&quot;,
        &quot;colorBlue&quot;: &quot;Blue&quot;,
        &quot;colorGreen&quot;: &quot;Green&quot;,
        &quot;colorRed&quot;: &quot;Red&quot;,
        &quot;colorYellow&quot;: &quot;Yellow&quot;,
        &quot;impossible&quot;: &quot;Impossible&quot;,
        &quot;probTitle&quot;: &quot;Probability of picking a marble and guessing its color…&quot;,
        &quot;shake&quot;: &quot;Shake!&quot;,
        &quot;total&quot;: &quot;Total&quot;,
        &quot;hint&quot;: &quot;Shake the jar to see the probability in action&quot;
    },
    &quot;it&quot;: {
        &quot;colorBlue&quot;: &quot;Blu&quot;,
        &quot;colorGreen&quot;: &quot;Verde&quot;,
        &quot;colorRed&quot;: &quot;Rosso&quot;,
        &quot;colorYellow&quot;: &quot;Giallo&quot;
    },
    &quot;ca&quot;: {
        &quot;total&quot;: &quot;Total&quot;
    },
    &quot;qqq&quot;: {
        &quot;_name&quot;: &quot;Name of the Probability Jar module&quot;,
        &quot;colorBlue&quot;: &quot;Name of the blue marble colour&quot;,
        &quot;colorGreen&quot;: &quot;Name of the green marble colour&quot;,
        &quot;colorRed&quot;: &quot;Name of the red marble colour&quot;,
        &quot;colorYellow&quot;: &quot;Name of the yellow marble colour&quot;,
        &quot;impossible&quot;: &quot;Label shown when the probability is zero (impossible event)&quot;,
        &quot;probTitle&quot;: &quot;Heading describing the probability scenario&quot;,
        &quot;shake&quot;: &quot;Button label to shake the jar and randomise marbles&quot;,
        &quot;total&quot;: &quot;Label for the total number of marbles&quot;,
        &quot;hint&quot;: &quot;Instruction text for the probability jar interaction&quot;
    },
    &quot;ga&quot;: {
        &quot;_name&quot;: &quot;Jar Dóchúlachta&quot;,
        &quot;colorBlue&quot;: &quot;Gorm&quot;,
        &quot;colorGreen&quot;: &quot;Glas&quot;,
        &quot;colorRed&quot;: &quot;Dearg&quot;,
        &quot;colorYellow&quot;: &quot;Buí&quot;,
        &quot;impossible&quot;: &quot;Dodhéanta&quot;,
        &quot;probTitle&quot;: &quot;An dóchúlacht go roghnófar marmair agus go mbuailfear a dhath…&quot;,
        &quot;shake&quot;: &quot;Croith!&quot;,
        &quot;total&quot;: &quot;Iomlán&quot;,
        &quot;hint&quot;: &quot;Croith an próca chun an dóchúlacht i mbun gnímh a fheiceáil&quot;
    },
    &quot;es&quot;: {
        &quot;_name&quot;: &quot;Frasco de probabilidades&quot;,
        &quot;colorBlue&quot;: &quot;Azul&quot;,
        &quot;colorGreen&quot;: &quot;Verde&quot;,
        &quot;colorRed&quot;: &quot;Rojo&quot;,
        &quot;colorYellow&quot;: &quot;Amarillo&quot;,
        &quot;impossible&quot;: &quot;Imposible&quot;,
        &quot;probTitle&quot;: &quot;Probabilidad de sacar una canica y adivinar su color…&quot;,
        &quot;shake&quot;: &quot;¡Agitar!&quot;,
        &quot;total&quot;: &quot;Total&quot;,
        &quot;hint&quot;: &quot;Agita el frasco para ver la probabilidad en acción.&quot;
    },
    &quot;mk&quot;: {
        &quot;_name&quot;: &quot;Тегла на веројатност&quot;,
        &quot;colorBlue&quot;: &quot;Сина&quot;,
        &quot;colorGreen&quot;: &quot;Зелена&quot;,
        &quot;colorRed&quot;: &quot;Црвена&quot;,
        &quot;colorYellow&quot;: &quot;Жолта&quot;,
        &quot;impossible&quot;: &quot;Невозможно&quot;,
        &quot;probTitle&quot;: &quot;Веројатноста за избор на џамлија и погодување на нејзината боја…&quot;,
        &quot;shake&quot;: &quot;Протреси!&quot;,
        &quot;total&quot;: &quot;Вкупно&quot;,
        &quot;hint&quot;: &quot;Протресете ја теглата за да ја видите веројатноста на дело&quot;
    }
} /* I18N_END */
var lang = (window.mw &amp;&amp; mw.config.get('wgUserLanguage')) || 'en';
var banana = new Banana(lang.split('-')[0]);
banana.load(messages);

function t(key, vars) {
    var args = Array.isArray(vars) ? vars : [];
    var str = banana.i18n(key, ...args);
    if (vars &amp;&amp; typeof vars === 'object' &amp;&amp; !Array.isArray(vars)) {
        Object.keys(vars).forEach(function(k) {
            str = str.replace(new RegExp('\\{' + k + '\\}', 'g'), vars[k]);
        });
    }
    return str;
}

var COLORS = [
        { id: 'blue',   label: t('colorBlue'),   hex: hiruwiki.getThemeColor('color-progressive', '#3366cc') },
        { id: 'red',    label: t('colorRed'),    hex: hiruwiki.getThemeColor('color-destructive', '#bf3c2c') },
        { id: 'green',  label: t('colorGreen'),  hex: '#177860' },
        { id: 'orange', label: t('colorYellow'), hex: '#e6a000' }
    ];
    var TOTAL = 50;

    function seededRand(seed) {
        var s = seed;
        return function () {
            s = (s * 1664525 + 1013904223) &amp; 0xffffffff;
            return (s &gt;&gt;&gt; 0) / 0xffffffff;
        };
    }

    function shuffleWithSeed(arr, seed) {
        var rand = seededRand(seed);
        var a = arr.slice();
        for (var i = a.length - 1; i &gt; 0; i--) {
            var j = Math.floor(rand() * (i + 1));
            var tmp = a[i]; a[i] = a[j]; a[j] = tmp;
        }
        return a;
    }

    function gcd(a, b) { return b === 0 ? a : gcd(b, a % b); }

    function simplify(n, d) {
        if (d === 0) return null;
        var g = gcd(n, d);
        return [n / g, d / g];
    }

    function svgEl(tag, attrs) {
        var el = document.createElementNS('http://www.w3.org/2000/svg', tag);
        for (var k in attrs) el.setAttribute(k, attrs[k]);
        return el;
    }

    function init(root) {
        var counts = { blue: 0, red: 0, green: 0, orange: 0 };
        var marbleOrder = [];
        var shuffleSeed = Math.floor(Math.random() * 999999);

        function rebuildOrder() {
            var all = [];
            COLORS.forEach(function (c) {
                for (var i = 0; i &lt; counts[c.id]; i++) all.push(c);
            });
            marbleOrder = shuffleWithSeed(all, shuffleSeed);
        }

        // --- Build DOM ---
        root.innerHTML = '';
        root.className = (root.className ? root.className + ' ' : '') + 'hiruwiki-marble-jar';

        var wrap = document.createElement('div');
        wrap.className = 'hmj-wrap';

        // Jar column
        var jarSection = document.createElement('div');
        jarSection.className = 'hmj-jar-section';
        var jarContainer = document.createElement('div');
        jarContainer.className = 'hmj-jar-container';
        var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
        svg.setAttribute('viewBox', '0 0 260 400');
        svg.setAttribute('class', 'hmj-jar-svg');
        jarContainer.appendChild(svg);
        var shakeBtn = document.createElement('button');
        shakeBtn.className = 'hmj-shake-btn';
        shakeBtn.textContent = t('shake');
        jarSection.appendChild(jarContainer);
        jarSection.appendChild(shakeBtn);

        // Controls column
        var ctrlSection = document.createElement('div');
        ctrlSection.className = 'hmj-controls';
        var slidersDiv = document.createElement('div');
        slidersDiv.className = 'hmj-sliders';

        var totalRow = document.createElement('div');
        totalRow.className = 'hmj-total-row';
        totalRow.innerHTML = '&lt;span&gt;' + t('total') + ':&lt;/span&gt;';
        var totalNum = document.createElement('span');
        totalNum.className = 'hmj-total-num';
        totalNum.textContent = '0';
        var totalOf = document.createElement('span');
        totalOf.textContent = '/ ' + TOTAL;
        totalRow.appendChild(totalNum);
        totalRow.appendChild(totalOf);

        var probSection = document.createElement('div');
        probSection.className = 'hmj-prob-section';
        var probTitle = document.createElement('div');
        probTitle.className = 'hmj-prob-title';
        probTitle.textContent = t('probTitle');
        var probsDiv = document.createElement('div');
        probsDiv.className = 'hmj-probs';
        probSection.appendChild(probTitle);
        probSection.appendChild(probsDiv);

        ctrlSection.appendChild(slidersDiv);
        ctrlSection.appendChild(totalRow);
        ctrlSection.appendChild(probSection);
        wrap.appendChild(jarSection);
        wrap.appendChild(ctrlSection);
        root.appendChild(wrap);

        // --- Render marbles in SVG ---
        function renderMarbles() {
            while (svg.firstChild) svg.removeChild(svg.firstChild);

            var W = 260, jL = 35, jR = 225, jBot = 370, jTop = 100;
            var jW = jR - jL, nL = 82, nR = 178, nTop = 52;
            var jarPathD = 'M' + jL + ',' + jTop + ' L' + nL + ',' + nTop + ' L' + nR + ',' + nTop +
                           ' L' + jR + ',' + jTop + ' L' + jR + ',' + jBot +
                           ' Q' + (W / 2) + ',' + (jBot + 12) + ' ' + jL + ',' + jBot + ' Z';

            var defs = svgEl('defs', {});
            var clip = svgEl('clipPath', { id: 'hmj-clip-' + root.id });
            var clipPath = svgEl('path', { d: jarPathD });
            clip.appendChild(clipPath);
            defs.appendChild(clip);
            svg.appendChild(defs);

            // Background fill
            svg.appendChild(svgEl('rect', { x: jL, y: jTop, width: jW, height: jBot - jTop, fill: '#dff0fa', rx: 3 }));

            var r = 12;
            var cols = Math.floor((jW - 4) / (r * 2 + 3));
            var rowH = r * 2 + 3;
            var xStart = jL + 2 + (jW - 4 - cols * (r * 2 + 3)) / 2 + r;

            var g = svgEl('g', { 'clip-path': 'url(#hmj-clip-' + root.id + ')' });
            var totalRows = Math.ceil(marbleOrder.length / cols);

            marbleOrder.forEach(function (c, i) {
                var col = i % cols;
                var row = Math.floor(i / cols);
                var rowFromBottom = totalRows - 1 - row;
                var cx = xStart + col * (r * 2 + 3);
                var cy = jBot - r - 2 - rowFromBottom * rowH;
                var rand = seededRand(shuffleSeed + i * 7);
                var jitter = (rand() - 0.5) * 3;

                g.appendChild(svgEl('circle', {
                    cx: cx + jitter, cy: cy, r: r,
                    fill: c.hex, stroke: 'rgba(0,0,0,0.18)', 'stroke-width': 1
                }));
                g.appendChild(svgEl('circle', {
                    cx: cx + jitter - 3.5, cy: cy - 3.5, r: 4,
                    fill: 'rgba(255,255,255,0.32)'
                }));
            });
            svg.appendChild(g);

            // Jar outline (on top of marbles)
            svg.appendChild(svgEl('path', {
                d: jarPathD,
                fill: 'rgba(160,210,240,0.18)',
                stroke: '#4a8fc4', 'stroke-width': 3
            }));

            // Neck lip
            svg.appendChild(svgEl('rect', {
                x: nL - 6, y: nTop - 9, width: nR - nL + 12, height: 11,
                rx: 4, fill: '#4a8fc4'
            }));

            // Count label
            var txt = svgEl('text', {
                x: 130, y: 22, 'text-anchor': 'middle',
                'font-size': 13, fill: hiruwiki.getThemeColor('color-subtle', '#666'), 'font-family': 'sans-serif'
            });
            txt.textContent = marbleOrder.length + ' / ' + TOTAL;
            svg.appendChild(txt);
        }

        // --- Render probability fractions ---
        function makeFrac(n, d, color) {
            var span = document.createElement('span');
            span.className = 'hmj-frac';
            span.style.color = color === '#e6a000' ? '#a07000' : color;
            var num = document.createElement('span');
            num.className = 'hmj-frac-num';
            num.textContent = n;
            var den = document.createElement('span');
            den.className = 'hmj-frac-den';
            den.textContent = d;
            span.appendChild(num);
            span.appendChild(den);
            return span;
        }

        function renderProbs() {
            var total = COLORS.reduce(function (s, c) { return s + counts[c.id]; }, 0);
            probsDiv.innerHTML = '';
            COLORS.forEach(function (c) {
                var n = counts[c.id];
                var row = document.createElement('div');
                row.className = 'hmj-prob-row';

                var lbl = document.createElement('div');
                lbl.className = 'hmj-prob-label';
                var dot = document.createElement('span');
                dot.className = 'hmj-dot';
                dot.style.background = c.hex;
                var name = document.createElement('span');
                name.textContent = c.label;
                lbl.appendChild(dot);
                lbl.appendChild(name);

                var wrap = document.createElement('div');
                wrap.className = 'hmj-frac-wrap';

                if (total === 0 || n === 0) {
                    var imp = document.createElement('span');
                    imp.className = 'hmj-impossible';
                    imp.textContent = t('impossible');
                    wrap.appendChild(imp);

                } else {
                    wrap.appendChild(makeFrac(n, total, c.hex));
                    var simp = simplify(n, total);
                    if (simp &amp;&amp; !(simp[0] === n &amp;&amp; simp[1] === total)) {
                        var eq = document.createElement('span');
                        eq.className = 'hmj-eq';
                        eq.textContent = '=';
                        wrap.appendChild(eq);
                        wrap.appendChild(makeFrac(simp[0], simp[1], c.hex));
                    }
                }

                row.appendChild(lbl);
                row.appendChild(wrap);
                probsDiv.appendChild(row);
            });
        }

        // --- Build sliders ---
        function buildSliders() {
            slidersDiv.innerHTML = '';
            COLORS.forEach(function (c) {
                var row = document.createElement('div');
                row.className = 'hmj-slider-row';

                var lbl = document.createElement('div');
                lbl.className = 'hmj-slider-label';
                var dot = document.createElement('span');
                dot.className = 'hmj-dot';
                dot.style.background = c.hex;
                var name = document.createElement('span');
                name.textContent = c.label;
                lbl.appendChild(dot);
                lbl.appendChild(name);

                var ctrl = document.createElement('div');
                ctrl.className = 'hmj-slider-ctrl';

                var sl = document.createElement('input');
                sl.type = 'range'; sl.min = 0; sl.max = 50; sl.value = 0; sl.step = 1;
                sl.style.accentColor = c.hex;
                sl.id = 'hmj-sl-' + c.id + '-' + root.id;

                var badge = document.createElement('span');
                badge.className = 'hmj-badge';
                badge.style.background = c.hex;
                badge.id = 'hmj-badge-' + c.id + '-' + root.id;
                badge.textContent = '0';

                ctrl.appendChild(sl);
                ctrl.appendChild(badge);
                row.appendChild(lbl);
                row.appendChild(ctrl);
                slidersDiv.appendChild(row);

                sl.addEventListener('input', function () {
                    var desired = parseInt(this.value, 10);
                    var others = COLORS.reduce(function (s, cc) {
                        return cc.id !== c.id ? s + counts[cc.id] : s;
                    }, 0);
                    counts[c.id] = Math.min(desired, TOTAL - others);
                    this.value = counts[c.id];
                    badge.textContent = counts[c.id];
                    totalNum.textContent = COLORS.reduce(function (s, cc) { return s + counts[cc.id]; }, 0);
                    shuffleSeed = Math.floor(Math.random() * 999999);
                    rebuildOrder();
                    renderMarbles();
                    renderProbs();
                });
            });
        }

        // --- Shake button ---
        shakeBtn.addEventListener('click', function () {
            jarContainer.classList.remove('hmj-shaking');
            void jarContainer.offsetWidth; // reflow to restart animation
            jarContainer.classList.add('hmj-shaking');
            jarContainer.addEventListener('animationend', function onEnd() {
                jarContainer.removeEventListener('animationend', onEnd);
                jarContainer.classList.remove('hmj-shaking');
                shuffleSeed = Math.floor(Math.random() * 999999);
                rebuildOrder();
                renderMarbles();
            }, { once: true });
        });

        // Give root an id if it lacks one (needed for unique clipPath id)
        if (!root.id) root.id = 'hmj-' + Math.floor(Math.random() * 99999);

        buildSliders();
        rebuildOrder();
        renderMarbles();
        renderProbs();

        // Footer branding
        var footer = document.createElement(&quot;div&quot;);
        footer.className = &quot;hw-footer&quot;;
        var fLogo = document.createElement(&quot;a&quot;);
        fLogo.className = &quot;hw-footer-icon&quot;;
        fLogo.href = mw.util.getUrl('Wikipedia:Hiruwiki');
        fLogo.title = 'Hiruwiki';
        fLogo.innerHTML = hiruwiki.getLogoSvg(22);
        var fText = document.createElement(&quot;span&quot;);
        fText.innerHTML = t('hint');
        footer.appendChild(fLogo);
        footer.appendChild(fText);
        root.appendChild(footer);
    }

    // --- Scan for containers and initialise ---
    document.querySelectorAll('.hiruwiki[data-module=&quot;marble-jar&quot;]').forEach(function (el) {
        init(el);
    });

}());</text>
      <sha1>nlim38fklaej7jqh5h27018ykpn6jvh</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/monte-carlo.js</title>
    <ns>8</ns>
    <id>179503</id>
    <revision>
      <id>781434</id>
      <parentid>770230</parentid>
      <timestamp>2026-10-28T10:39:35Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781434</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="17531" sha1="23xqdg0t7nh5ytwmelb7wyzmryttlr5" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* monte-carlo.js — Hiruwiki module */

( function () {

    
/* ── I18N ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var messages = /* I18N_START */ {
    &quot;nl&quot;: {
        &quot;_name&quot;: &quot;Monte Carlo Pi&quot;,
        &quot;addPoints&quot;: &quot;+ Punten toevoegen&quot;,
        &quot;approxPi&quot;: &quot;Benadering van π&quot;,
        &quot;insideCircle&quot;: &quot;Binnen de cirkel&quot;,
        &quot;insideRed&quot;: &quot;Binnen (rood)&quot;,
        &quot;outsideBlue&quot;: &quot;Buiten (blauw)&quot;,
        &quot;outsideCircle&quot;: &quot;Buiten de cirkel&quot;,
        &quot;pointsPerStep&quot;: &quot;Punten per stap&quot;,
        &quot;reset&quot;: &quot;↺ Opnieuw instellen&quot;,
        &quot;totalPoints&quot;: &quot;Totaal aantal punten&quot;,
        &quot;hint&quot;: &quot;Voeg punten toe om π te benaderen met kansberekening&quot;
    },
    &quot;fr&quot;: {
        &quot;_name&quot;: &quot;Monte Carlo Pi&quot;,
        &quot;addPoints&quot;: &quot;+ Ajouter des points&quot;,
        &quot;approxPi&quot;: &quot;Approximation de π&quot;,
        &quot;insideCircle&quot;: &quot;Dans le cercle&quot;,
        &quot;insideRed&quot;: &quot;Intérieur (rouge)&quot;,
        &quot;outsideBlue&quot;: &quot;Extérieur (bleu)&quot;,
        &quot;outsideCircle&quot;: &quot;Hors du cercle&quot;,
        &quot;pointsPerStep&quot;: &quot;Points par étape&quot;,
        &quot;reset&quot;: &quot;↺ Réinitialiser&quot;,
        &quot;totalPoints&quot;: &quot;Total des points&quot;,
        &quot;hint&quot;: &quot;Ajoutez des points pour approximer π en utilisant les probabilités&quot;
    },
    &quot;tr&quot;: {
        &quot;_name&quot;: &quot;Monte Carlo Pi&quot;,
        &quot;addPoints&quot;: &quot;+ Nokta Ekle&quot;,
        &quot;approxPi&quot;: &quot;π'nin yaklaşık değeri&quot;,
        &quot;insideCircle&quot;: &quot;İç Çember&quot;,
        &quot;insideRed&quot;: &quot;İç (kırmızı)&quot;,
        &quot;outsideBlue&quot;: &quot;Dış (mavi)&quot;,
        &quot;outsideCircle&quot;: &quot;Dış Çember&quot;,
        &quot;pointsPerStep&quot;: &quot;Adım başına nokta&quot;,
        &quot;reset&quot;: &quot;↺ Sıfırla&quot;,
        &quot;totalPoints&quot;: &quot;Toplam nokta&quot;,
        &quot;hint&quot;: &quot;Olasılık kullanarak π'ye yakın bir sayı bulmak için nokta ekleyin&quot;
    },
    &quot;eu&quot;: {
        &quot;_name&quot;: &quot;Monte Carlo Pi&quot;,
        &quot;addPoints&quot;: &quot;+ Puntuak gehitu&quot;,
        &quot;approxPi&quot;: &quot;π-ren hurbilketa&quot;,
        &quot;insideCircle&quot;: &quot;Zirkulu barruan&quot;,
        &quot;insideRed&quot;: &quot;Barruan (gorria)&quot;,
        &quot;outsideBlue&quot;: &quot;Kanpoan (urdina)&quot;,
        &quot;outsideCircle&quot;: &quot;Zirkulu kanpoan&quot;,
        &quot;pointsPerStep&quot;: &quot;Puntuak urratseko&quot;,
        &quot;reset&quot;: &quot;↺ Berrezarri&quot;,
        &quot;totalPoints&quot;: &quot;Puntu kopurua&quot;,
        &quot;hint&quot;: &quot;Gehitu puntuak probabilitatea erabiliz π hurbiltzeko&quot;
    },
    &quot;sk&quot;: {
        &quot;_name&quot;: &quot;Monte Carlo π&quot;,
        &quot;addPoints&quot;: &quot;+ Pridať body&quot;,
        &quot;approxPi&quot;: &quot;Aproximácia π&quot;,
        &quot;insideCircle&quot;: &quot;V kruhu&quot;,
        &quot;insideRed&quot;: &quot;Vnútri (červené)&quot;,
        &quot;outsideBlue&quot;: &quot;Vonku (modré)&quot;,
        &quot;outsideCircle&quot;: &quot;Mimo kruhu&quot;,
        &quot;pointsPerStep&quot;: &quot;Body na krok&quot;,
        &quot;reset&quot;: &quot;↺ Vynulovať&quot;,
        &quot;totalPoints&quot;: &quot;Body spolu&quot;,
        &quot;hint&quot;: &quot;Pridávajte body a aproximujte π pomocou pravdepodobnosti&quot;
    },
    &quot;skr-arab&quot;: {
        &quot;_name&quot;: &quot;مونٹے کارلو پائی&quot;,
        &quot;addPoints&quot;: &quot;+ نقطے ودھاؤ&quot;,
        &quot;approxPi&quot;: &quot;π دا تقریبا&quot;,
        &quot;insideCircle&quot;: &quot;دائرے دے اندر&quot;,
        &quot;insideRed&quot;: &quot;اندر (رتا)&quot;,
        &quot;outsideBlue&quot;: &quot;باہر (نیلا)&quot;,
        &quot;outsideCircle&quot;: &quot;دائرے دے باہر&quot;,
        &quot;pointsPerStep&quot;: &quot;فی قدم نقطے&quot;,
        &quot;reset&quot;: &quot;↺ دوبارہ&quot;,
        &quot;totalPoints&quot;: &quot;کل نقطے&quot;,
        &quot;hint&quot;: &quot;احتمال دی مدد نال π دا تقریبا لاوݨ کیتے نقطے ودھاؤ&quot;
    },
    &quot;ko&quot;: {
        &quot;_name&quot;: &quot;몬테카를로 파이&quot;,
        &quot;addPoints&quot;: &quot;+ 포인트 추가&quot;,
        &quot;approxPi&quot;: &quot;π의 근사값&quot;,
        &quot;insideCircle&quot;: &quot;원 안쪽&quot;,
        &quot;insideRed&quot;: &quot;안쪽 (빨간색)&quot;,
        &quot;outsideBlue&quot;: &quot;바깥쪽 (파란색)&quot;,
        &quot;outsideCircle&quot;: &quot;원 바깥쪽&quot;,
        &quot;pointsPerStep&quot;: &quot;단계당 점수&quot;,
        &quot;reset&quot;: &quot;↺ 초기화&quot;,
        &quot;totalPoints&quot;: &quot;총점&quot;,
        &quot;hint&quot;: &quot;확률을 이용하여 π를 근사하기 위해 점을 추가합니다&quot;
    },
    &quot;en&quot;: {
        &quot;_name&quot;: &quot;Monte Carlo Pi&quot;,
        &quot;addPoints&quot;: &quot;+ Add Points&quot;,
        &quot;approxPi&quot;: &quot;Approximation of π&quot;,
        &quot;insideCircle&quot;: &quot;Inside Circle&quot;,
        &quot;insideRed&quot;: &quot;Inside (red)&quot;,
        &quot;outsideBlue&quot;: &quot;Outside (blue)&quot;,
        &quot;outsideCircle&quot;: &quot;Outside Circle&quot;,
        &quot;pointsPerStep&quot;: &quot;Points per step&quot;,
        &quot;reset&quot;: &quot;↺ Reset&quot;,
        &quot;totalPoints&quot;: &quot;Total points&quot;,
        &quot;hint&quot;: &quot;Add points to approximate π using probability&quot;
    },
    &quot;it&quot;: {
        &quot;approxPi&quot;: &quot;Approssimazione di π&quot;
    },
    &quot;ca&quot;: {
        &quot;totalPoints&quot;: &quot;Punts totals&quot;
    },
    &quot;qqq&quot;: {
        &quot;_name&quot;: &quot;Name of the Monte Carlo Pi module&quot;,
        &quot;addPoints&quot;: &quot;Button label to add more random points to the simulation&quot;,
        &quot;approxPi&quot;: &quot;Label for the current approximation of π&quot;,
        &quot;insideCircle&quot;: &quot;Label for the count of points inside the circle&quot;,
        &quot;insideRed&quot;: &quot;Legend label for points inside the circle (shown in red)&quot;,
        &quot;outsideBlue&quot;: &quot;Legend label for points outside the circle (shown in blue)&quot;,
        &quot;outsideCircle&quot;: &quot;Label for the count of points outside the circle&quot;,
        &quot;pointsPerStep&quot;: &quot;Label for the number of points added per step&quot;,
        &quot;reset&quot;: &quot;Button label to reset the simulation&quot;,
        &quot;totalPoints&quot;: &quot;Label for the total number of points&quot;,
        &quot;hint&quot;: &quot;Instruction text for the Monte Carlo simulation interaction&quot;
    },
    &quot;ga&quot;: {
        &quot;_name&quot;: &quot;Pi Monte Carlo&quot;,
        &quot;addPoints&quot;: &quot;+ Cuir Pointí leis&quot;,
        &quot;approxPi&quot;: &quot;Measúnú ar π&quot;,
        &quot;insideCircle&quot;: &quot;Ciorcal Taobh Istigh&quot;,
        &quot;insideRed&quot;: &quot;Taobh istigh (dearg)&quot;,
        &quot;outsideBlue&quot;: &quot;Lasmuigh (gorm)&quot;,
        &quot;outsideCircle&quot;: &quot;Ciorcal Lasmuigh&quot;,
        &quot;pointsPerStep&quot;: &quot;Pointí in aghaidh an chéime&quot;,
        &quot;reset&quot;: &quot;↺ Athshocraigh&quot;,
        &quot;totalPoints&quot;: &quot;Iomlán na bpointí&quot;,
        &quot;hint&quot;: &quot;Cuir pointí leis chun π a mheasúnú ag baint úsáide as dóchúlacht&quot;
    },
    &quot;es&quot;: {
        &quot;_name&quot;: &quot;Pi de Monte Carlo&quot;,
        &quot;addPoints&quot;: &quot;+ Añadir puntos&quot;,
        &quot;approxPi&quot;: &quot;Aproximación de π&quot;,
        &quot;insideCircle&quot;: &quot;Dentro del círculo&quot;,
        &quot;insideRed&quot;: &quot;Dentro (rojo)&quot;,
        &quot;outsideBlue&quot;: &quot;Fuera (azul)&quot;,
        &quot;outsideCircle&quot;: &quot;Fuera del círculo&quot;,
        &quot;pointsPerStep&quot;: &quot;Puntos por paso&quot;,
        &quot;reset&quot;: &quot;↺ Reiniciar&quot;,
        &quot;totalPoints&quot;: &quot;Puntos totales&quot;,
        &quot;hint&quot;: &quot;Añade puntos para aproximar π usando probabilidad&quot;
    },
    &quot;mk&quot;: {
        &quot;_name&quot;: &quot;Монте Карло Пи&quot;,
        &quot;addPoints&quot;: &quot;+ Додај точки&quot;,
        &quot;approxPi&quot;: &quot;Приближување на π&quot;,
        &quot;insideCircle&quot;: &quot;Во кружница&quot;,
        &quot;insideRed&quot;: &quot;Внатре (црвено)&quot;,
        &quot;outsideBlue&quot;: &quot;Надвор (сино)&quot;,
        &quot;outsideCircle&quot;: &quot;Вон кружницата&quot;,
        &quot;pointsPerStep&quot;: &quot;Точки по чекор&quot;,
        &quot;reset&quot;: &quot;↺ Одново&quot;,
        &quot;totalPoints&quot;: &quot;Вкупно бодови&quot;,
        &quot;hint&quot;: &quot;Додајте точки за да се приближите на π користејќи веројатност&quot;
    }
} /* I18N_END */
var lang = (window.mw &amp;&amp; mw.config.get('wgUserLanguage')) || 'en';
var banana = new Banana(lang.split('-')[0]);
banana.load(messages);

function t(key, vars) {
    var args = Array.isArray(vars) ? vars : [];
    var str = banana.i18n(key, ...args);
    if (vars &amp;&amp; typeof vars === 'object' &amp;&amp; !Array.isArray(vars)) {
        Object.keys(vars).forEach(function(k) {
            str = str.replace(new RegExp('\\{' + k + '\\}', 'g'), vars[k]);
        });
    }
    return str;
}

var SIZE = 320;

    function euFmt( n ) {
        // Thousands separator: dot; e.g. 1.000
        return n.toString().replace( /\B(?=(\d{3})+(?!\d))/g, '.' );
    }

    function euFmtFloat( f ) {
        // Decimal separator: comma; e.g. 3,141
        return f.toFixed( 3 ).replace( '.', ',' );
    }

    function buildWidget( container ) {
        // Guard: only initialise once per element
        if ( container.dataset.mcInit ) { return; }
        container.dataset.mcInit = '1';

        var inside = 0;
        var outside = 0;

        // ── DOM ──────────────────────────────────────────────────────────────
        var wrap = document.createElement( 'div' );
        wrap.className = 'mc-wrap';

        // Left column: canvas + legend
        var canvasCol = document.createElement( 'div' );
        canvasCol.className = 'mc-canvas-col';

        var canvas = document.createElement( 'canvas' );
        canvas.className = 'mc-canvas';
        canvas.width  = SIZE;
        canvas.height = SIZE;

        var legend = document.createElement( 'div' );
        legend.className = 'mc-legend';
        legend.innerHTML =
            '&lt;span class=&quot;mc-legend-dot mc-legend-dot--inside&quot;&gt;&lt;/span&gt; ' + t('insideCircle') +
            '&amp;nbsp;&amp;nbsp;' +
            '&lt;span class=&quot;mc-legend-dot mc-legend-dot--outside&quot;&gt;&lt;/span&gt; ' + t('outsideCircle');

        canvasCol.appendChild( canvas );
        canvasCol.appendChild( legend );

        // Right column: panel
        var panel = document.createElement( 'div' );
        panel.className = 'mc-panel';

        // Formula box
        var formulaBox = document.createElement( 'div' );
        formulaBox.className = 'mc-formula-box';
        formulaBox.innerHTML =
            '&lt;div class=&quot;mc-formula-title&quot;&gt;' + t('approxPi') + '&lt;/div&gt;' +
            '&lt;div class=&quot;mc-formula-row&quot;&gt;' +
                'π ≈ 4 ×' +
                '&lt;span class=&quot;mc-frac&quot;&gt;' +
                    '&lt;span class=&quot;mc-frac-num&quot; id=&quot;mc-f-inside&quot;&gt;0&lt;/span&gt;' +
                    '&lt;span class=&quot;mc-frac-den&quot; id=&quot;mc-f-total&quot;&gt;0&lt;/span&gt;' +
                '&lt;/span&gt;' +
                '&lt;span&gt;=&lt;/span&gt;' +
                '&lt;span class=&quot;mc-approx-result&quot; id=&quot;mc-f-result&quot;&gt;–&lt;/span&gt;' +
            '&lt;/div&gt;';

        // Stats row
        var statsRow = document.createElement( 'div' );
        statsRow.className = 'mc-stats-row';
        statsRow.innerHTML =
            '&lt;div class=&quot;mc-stat-card&quot;&gt;' +
                '&lt;div class=&quot;mc-stat-label&quot;&gt;' + t('insideRed') + '&lt;/div&gt;' +
                '&lt;div class=&quot;mc-stat-value mc-stat-value--inside&quot; id=&quot;mc-s-inside&quot;&gt;0&lt;/div&gt;' +
            '&lt;/div&gt;' +
            '&lt;div class=&quot;mc-stat-card&quot;&gt;' +
                '&lt;div class=&quot;mc-stat-label&quot;&gt;' + t('outsideBlue') + '&lt;/div&gt;' +
                '&lt;div class=&quot;mc-stat-value mc-stat-value--outside&quot; id=&quot;mc-s-outside&quot;&gt;0&lt;/div&gt;' +
            '&lt;/div&gt;';

        var statTotal = document.createElement( 'div' );
        statTotal.className = 'mc-stat-card';
        statTotal.innerHTML =
            '&lt;div class=&quot;mc-stat-label&quot;&gt;' + t('totalPoints') + '&lt;/div&gt;' +
            '&lt;div class=&quot;mc-stat-value&quot; id=&quot;mc-s-total&quot;&gt;0&lt;/div&gt;';

        // Controls
        var controls = document.createElement( 'div' );
        controls.className = 'mc-controls';
        controls.innerHTML =
            '&lt;div class=&quot;mc-ctrl-row&quot;&gt;' +
                '&lt;span class=&quot;mc-ctrl-label&quot;&gt;' + t('pointsPerStep') + '&lt;/span&gt;' +
                '&lt;input type=&quot;range&quot; class=&quot;mc-slider&quot; id=&quot;mc-slider&quot; min=&quot;1&quot; max=&quot;500&quot; value=&quot;50&quot; step=&quot;1&quot;&gt;' +
                '&lt;span class=&quot;mc-ctrl-val&quot; id=&quot;mc-slider-val&quot;&gt;50&lt;/span&gt;' +
            '&lt;/div&gt;' +
            '&lt;button class=&quot;mc-btn&quot; id=&quot;mc-btn-add&quot;&gt;' + t('addPoints') + '&lt;/button&gt;' +
            '&lt;button class=&quot;mc-btn mc-btn--reset&quot; id=&quot;mc-btn-reset&quot;&gt;' + t('reset') + '&lt;/button&gt;';

        panel.appendChild( controls );
        panel.appendChild( formulaBox );
        panel.appendChild( statsRow );
        panel.appendChild( statTotal );

        wrap.appendChild( canvasCol );
        wrap.appendChild( panel );
        container.appendChild( wrap );

        // ── Canvas helpers ───────────────────────────────────────────────────
        var ctx = canvas.getContext( '2d' );

        function drawBase() {
            ctx.clearRect( 0, 0, SIZE, SIZE );
            // Codex background-color-base: #fff (light) / #101418 (dark)
            ctx.fillStyle = hiruwiki.getThemeColor('background-color-base', '#ffffff');
            ctx.fillRect( 0, 0, SIZE, SIZE );

            // Grid lines — Codex border-color-subtle / border-color-base at low opacity
            ctx.strokeStyle = hiruwiki.getThemeColor('border-color-subtle', 'rgba(128,128,128,0.18)');
            ctx.lineWidth = 0.5;
            var step = SIZE / 10;
            for ( var i = 0; i &lt;= SIZE; i += step ) {
                ctx.beginPath(); ctx.moveTo( i, 0 ); ctx.lineTo( i, SIZE ); ctx.stroke();
                ctx.beginPath(); ctx.moveTo( 0, i ); ctx.lineTo( SIZE, i ); ctx.stroke();
            }

            // Border — Codex border-color-base: #a2a9b1 (light) / #3d424d (dark)
            ctx.strokeStyle = hiruwiki.getThemeColor('border-color-base', '#a2a9b1');
            ctx.lineWidth = 0.5;
            ctx.strokeRect( 0, 0, SIZE, SIZE );

            // Quarter-circle arc — Codex color-base: #202122 (light) / #f8f9fa (dark)
            ctx.beginPath();
            ctx.arc( 0, SIZE, SIZE - 1, -Math.PI / 2, 0 );
            ctx.strokeStyle = hiruwiki.getThemeColor('color-base', '#202122');
            ctx.lineWidth = 3.0;
            ctx.stroke();
        }

        function addPoints( n ) {
            for ( var i = 0; i &lt; n; i++ ) {
                var px = Math.random();
                var py = Math.random();
                var dist = px * px + py * py;
                var cx = Math.round( px * ( SIZE - 1 ) );
                var cy = SIZE - 1 - Math.round( py * ( SIZE - 1 ) );
                if ( dist &lt;= 1 ) {
                    // Codex color-destructive: #d73333 (light) / #ff6e6e (dark) — at 70% opacity
                    ctx.fillStyle = hiruwiki.getThemeColor('color-destructive', '#d73333') + 'b3'; // b3 ≈ 70% opacity
                    inside++;
                } else {
                    // Codex color-progressive: #36c (light) / #6e85cf (dark) — at 70% opacity
                    ctx.fillStyle = hiruwiki.getThemeColor('color-progressive', '#3366cc') + 'b3';
                    outside++;
                }
                ctx.beginPath();
                ctx.arc( cx, cy, 3, 0, Math.PI * 2 );
                ctx.fill();
            }
            updateStats();
        }

        function updateStats() {
            var total = inside + outside;
            wrap.querySelector( '#mc-s-inside' ).textContent  = euFmt( inside );
            wrap.querySelector( '#mc-s-outside' ).textContent = euFmt( outside );
            wrap.querySelector( '#mc-s-total' ).textContent   = euFmt( total );
            wrap.querySelector( '#mc-f-inside' ).textContent  = euFmt( inside );
            wrap.querySelector( '#mc-f-total' ).textContent   = euFmt( total );
            if ( total &gt; 0 ) {
                var pi = 4 * inside / total;
                wrap.querySelector( '#mc-f-result' ).textContent = euFmtFloat( pi ) + '…';
            } else {
                wrap.querySelector( '#mc-f-result' ).textContent = '–';
            }
        }

        function reset() {
            inside = 0;
            outside = 0;
            drawBase();
            updateStats();
        }

        // ── Event listeners ──────────────────────────────────────────────────
        var slider    = wrap.querySelector( '#mc-slider' );
        var sliderVal = wrap.querySelector( '#mc-slider-val' );
        slider.addEventListener( 'input', function () {
            sliderVal.textContent = slider.value;
        } );

        wrap.querySelector( '#mc-btn-add' ).addEventListener( 'click', function () {
            addPoints( parseInt( slider.value, 10 ) );
        } );

        wrap.querySelector( '#mc-btn-reset' ).addEventListener( 'click', reset );

        // ── Init ─────────────────────────────────────────────────────────────
        drawBase();
        updateStats();

        // Footer branding
        var footer = document.createElement(&quot;div&quot;);
        footer.className = &quot;hw-footer&quot;;
        var fLogo = document.createElement(&quot;a&quot;);
        fLogo.className = &quot;hw-footer-icon&quot;;
        fLogo.href = mw.util.getUrl('Wikipedia:Hiruwiki');
        fLogo.title = 'Hiruwiki';
        fLogo.innerHTML = hiruwiki.getLogoSvg(22);
        var fText = document.createElement(&quot;span&quot;);
        fText.innerHTML = t('hint');
        footer.appendChild(fLogo);
        footer.appendChild(fText);
        container.appendChild(footer);
    }

    // ── Entry point: initialise all matching containers ──────────────────────
    document.querySelectorAll( '.hiruwiki[data-module=&quot;monte-carlo&quot;]' ).forEach( function ( el ) {
        buildWidget( el );
    } );

}() );</text>
      <sha1>23xqdg0t7nh5ytwmelb7wyzmryttlr5</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/nine-point-circle.js</title>
    <ns>8</ns>
    <id>179505</id>
    <revision>
      <id>781435</id>
      <parentid>770232</parentid>
      <timestamp>2026-10-28T10:39:39Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781435</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="22607" sha1="0tb0i7vqlxaopaeqzl5txx5d19l7c2n" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* =========================================================
 * Hiruwiki module: nine-point-circle
 * Visualisation of the nine-point circle of a triangle.
 *
 * The nine points are:
 *   Group 1 — side midpoints      M_a, M_b, M_c  (teal)
 *   Group 2 — altitude feet       H_a, H_b, H_c  (amber)
 *   Group 3 — Euler midpoints     E_a, E_b, E_c  (rose)
 *             midpoints of AH, BH, CH
 *
 * The nine-point centre N₉ is the midpoint of O and H.
 * Its circumradius equals R/2.
 * =========================================================
 * i18n: add a new key to the `messages` object below and
 *       a matching entry for every language code you need.
 *       Fall back to 'en' when the wiki language is absent.
 * ========================================================= */

( function () {

/* ── I18N ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var messages = /* I18N_START */ {
    &quot;nl&quot;: {
        &quot;_name&quot;: &quot;Cirkel van de negen punten&quot;,
        &quot;hint&quot;: &quot;Sleep een hoekpunt om de cirkel van de negen punten te verkennen&quot;,
        &quot;legendM&quot;: &quot;M_a/b/c — middens van de zijden&quot;,
        &quot;legendH&quot;: &quot;H_a/b/c — voetpunten van de hoogtelijnen&quot;,
        &quot;legendE&quot;: &quot;E_a/b/c — middens van AH, BH, CH&quot;
    },
    &quot;fr&quot;: {
        &quot;_name&quot;: &quot;Cercle des neuf points&quot;,
        &quot;hint&quot;: &quot;Faites glisser n'importe quel sommet pour explorer le cercle à neuf points&quot;,
        &quot;legendM&quot;: &quot;M_a/b/c — milieux des côtés&quot;,
        &quot;legendH&quot;: &quot;H_a/b/c — pieds des hauteurs&quot;,
        &quot;legendE&quot;: &quot;E_a/b/c — milieux de AH, BH, CH&quot;
    },
    &quot;tr&quot;: {
        &quot;_name&quot;: &quot;Dokuz Noktalı Çember&quot;,
        &quot;hint&quot;: &quot;Herhangi bir köşeyi sürükleyin · Ölçek: 1 cm = 40 px&quot;,
        &quot;legendM&quot;: &quot;M_a/b/c - kenarların orta noktaları&quot;,
        &quot;legendH&quot;: &quot;H_a/b/c - yüksekliklerin fit cinsinden uzunlukları&quot;,
        &quot;legendE&quot;: &quot;E_a/b/c — AH, BH ve CH'nin orta noktaları&quot;
    },
    &quot;eu&quot;: {
        &quot;_name&quot;: &quot;Bederatzi puntuko zirkulua&quot;,
        &quot;hint&quot;: &quot;Erpinak mugitu ditzakezu bederatzi puntuko zirkulua ikusteko&quot;,
        &quot;legendM&quot;: &quot;M_a/b/c — aldeen erdipuntuak&quot;,
        &quot;legendH&quot;: &quot;H_a/b/c — alturen oinak&quot;,
        &quot;legendE&quot;: &quot;E_a/b/c — AH, BH, CH erdipuntuak&quot;
    },
    &quot;sk&quot;: {
        &quot;_name&quot;: &quot;Kružnica deviatich bodov&quot;,
        &quot;hint&quot;: &quot;Potiahnutím ľubovoľného vrcholu preskúmate kružnicu deviatich bodov&quot;,
        &quot;legendM&quot;: &quot;M_a/b/c — stredy strán&quot;,
        &quot;legendH&quot;: &quot;H_a/b/c — päty výšok&quot;,
        &quot;legendE&quot;: &quot;E_a/b/c — stredy úsečiek AH, BH, CH&quot;
    },
    &quot;skr-arab&quot;: {
        &quot;_name&quot;: &quot;نوں نکاتی دائرہ&quot;,
        &quot;hint&quot;: &quot;نوں نکاتی دائرہ ݙیکھݨ کیتے کوئی وی سرا گھسیٹو&quot;,
        &quot;legendM&quot;: &quot;M_a/b/c — ضلعیاں دے درمیان نقطے&quot;,
        &quot;legendH&quot;: &quot;H_a/b/c — بلندی دے پیر&quot;,
        &quot;legendE&quot;: &quot;E_a/b/c — AH، BH، CH دے درمیان نقطے&quot;
    },
    &quot;ko&quot;: {
        &quot;_name&quot;: &quot;구점원&quot;,
        &quot;hint&quot;: &quot;꼭짓점을 드래그해서 구점원을 탐구하세요&quot;,
        &quot;legendM&quot;: &quot;M_a/b/c — 변들의 중점들&quot;,
        &quot;legendH&quot;: &quot;M_a/b/c — 수선의 발들&quot;,
        &quot;legendE&quot;: &quot;E_a/b/c — 각 AH, BH, CH의 중점들&quot;
    },
    &quot;en&quot;: {
        &quot;_name&quot;: &quot;Nine-Point Circle&quot;,
        &quot;hint&quot;: &quot;Drag any vertex to explore the nine-point circle&quot;,
        &quot;legendM&quot;: &quot;M_a/b/c — midpoints of the sides&quot;,
        &quot;legendH&quot;: &quot;H_a/b/c — feet of the altitudes&quot;,
        &quot;legendE&quot;: &quot;E_a/b/c — midpoints of AH, BH, CH&quot;
    },
    &quot;qqq&quot;: {
        &quot;_name&quot;: &quot;Name of the Nine-Point Circle module&quot;,
        &quot;hint&quot;: &quot;Instruction text shown in the footer.&quot;,
        &quot;legendM&quot;: &quot;Legend entry for M_a/b/c — midpoints of the sides&quot;,
        &quot;legendH&quot;: &quot;Legend entry for H_a/b/c — feet of the altitudes&quot;,
        &quot;legendE&quot;: &quot;Legend entry for E_a/b/c — midpoints of AH, BH, CH&quot;
    },
    &quot;ga&quot;: {
        &quot;_name&quot;: &quot;Ciorcal Naoi bPointe&quot;,
        &quot;hint&quot;: &quot;Tarraing aon bhuaicphointe chun an ciorcal naoi bpointe a iniúchadh&quot;,
        &quot;legendM&quot;: &quot;M_a/b/c — lárphointí na dtaobhanna&quot;,
        &quot;legendH&quot;: &quot;H_a/b/c — troigh na n-airde&quot;,
        &quot;legendE&quot;: &quot;E_a/b/c — lárphointí AH, BH, CH&quot;
    },
    &quot;es&quot;: {
        &quot;_name&quot;: &quot;Círculo de los nueve puntos&quot;,
        &quot;hint&quot;: &quot;Arrastra un vértice para explorar el círculo de los nueve puntos&quot;,
        &quot;legendM&quot;: &quot;M_a/b/c — puntos medios de los lados&quot;,
        &quot;legendH&quot;: &quot;H_a/b/c — pies de las alturas&quot;,
        &quot;legendE&quot;: &quot;E_a/b/c — puntos medios de AH, BH, CH&quot;
    },
    &quot;mk&quot;: {
        &quot;_name&quot;: &quot;Кружница низ девет точки&quot;,
        &quot;hint&quot;: &quot;Повлечете некое теме за да ја истражите кружницата низ девет точки&quot;,
        &quot;legendM&quot;: &quot;M_a/b/c — средишни точки на страните&quot;,
        &quot;legendH&quot;: &quot;H_a/b/c — подножја на висините&quot;,
        &quot;legendE&quot;: &quot;E_a/b/c — средишни точки на AH, BH, CH&quot;
    }
} /* I18N_END */
var lang = (window.mw &amp;&amp; mw.config.get('wgUserLanguage')) || 'en';
var banana = new Banana(lang.split('-')[0]);
banana.load(messages);

function t(key, vars) {
    var args = Array.isArray(vars) ? vars : [];
    var str = banana.i18n(key, ...args);
    if (vars &amp;&amp; typeof vars === 'object' &amp;&amp; !Array.isArray(vars)) {
        Object.keys(vars).forEach(function(k) {
            str = str.replace(new RegExp('\\{' + k + '\\}', 'g'), vars[k]);
        });
    }
    return str;
}

/* ── Constants ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var SCALE = 40;   /* pixels per centimetre  */
var H_PX  = 540;  /* canvas height (px)     */
var DPR   = window.devicePixelRatio || 1;

/* ── Geometry helpers ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
function dist( a, b ) {
	return Math.hypot( b.x - a.x, b.y - a.y );
}

function midpoint( A, B ) {
	return { x: ( A.x + B.x ) / 2, y: ( A.y + B.y ) / 2 };
}

function footPerp( P, V1, V2 ) {
	var dx = V2.x - V1.x, dy = V2.y - V1.y;
	var t  = ( ( P.x - V1.x ) * dx + ( P.y - V1.y ) * dy ) / ( dx * dx + dy * dy );
	return { x: V1.x + t * dx, y: V1.y + t * dy };
}

function circumcenter( A, B, C ) {
	var ax = A.x, ay = A.y, bx = B.x, by = B.y, cx = C.x, cy = C.y;
	var D  = 2 * ( ax * ( by - cy ) + bx * ( cy - ay ) + cx * ( ay - by ) );
	if ( Math.abs( D ) &lt; 1e-9 ) {
		return { x: ( ax + bx + cx ) / 3, y: ( ay + by + cy ) / 3 };
	}
	var a2 = ax * ax + ay * ay, b2 = bx * bx + by * by, c2 = cx * cx + cy * cy;
	return {
		x: ( a2 * ( by - cy ) + b2 * ( cy - ay ) + c2 * ( ay - by ) ) / D,
		y: ( a2 * ( cx - bx ) + b2 * ( ax - cx ) + c2 * ( bx - ax ) ) / D
	};
}

function orthocentre( A, B, C ) {
	var n1x = -( C.y - B.y ), n1y = C.x - B.x;
	var n2x = -( C.y - A.y ), n2y = C.x - A.x;
	var det = n1x * n2y - n1y * n2x;
	if ( Math.abs( det ) &lt; 1e-9 ) {
		return { x: ( A.x + B.x + C.x ) / 3, y: ( A.y + B.y + C.y ) / 3 };
	}
	var t = ( ( B.x - A.x ) * n2y - ( B.y - A.y ) * n2x ) / det;
	return { x: A.x + t * n1x, y: A.y + t * n1y };
}

function labelOutward( P, cx3, cy3, mag ) {
	var dx = P.x - cx3, dy = P.y - cy3;
	var l  = Math.hypot( dx, dy ) || 1;
	return { x: P.x + dx / l * mag, y: P.y + dy / l * mag };
}

function labelOffset( V, others, mag ) {
	var dx = 0, dy = 0;
	others.forEach( function ( O ) { dx += V.x - O.x; dy += V.y - O.y; } );
	var l = Math.hypot( dx, dy ) || 1;
	return { x: V.x + dx / l * mag, y: V.y + dy / l * mag };
}

/* ── Build widget ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
function buildWidget( container ) {
	var lang = ( window.mw &amp;&amp; mw.config.get( 'wgUserLanguage' ) ) || 'en';
	lang = lang.split( '-' )[ 0 ];
	if ( !messages[ lang ] ) { lang = 'en'; }

	/* -- HTML skeleton -- */
	container.innerHTML =
		'&lt;div class=&quot;hw-ninepoint&quot;&gt;' +
			'&lt;canvas class=&quot;hw-canvas&quot;&gt;&lt;/canvas&gt;' +
		'&lt;/div&gt;';

	/* -- Footer -- */
	var footer = document.createElement( 'div' );
	footer.className = 'hw-footer';
	var fLogo = document.createElement( 'a' );
	fLogo.className = 'hw-footer-icon';
	fLogo.href = ( window.mw &amp;&amp; mw.util.getUrl( 'Wikipedia:Hiruwiki' ) ) || '#';
	fLogo.title = 'Hiruwiki';
	if ( window.hiruwiki &amp;&amp; window.hiruwiki.getLogoSvg ) {
		fLogo.insertAdjacentHTML( 'beforeend', hiruwiki.getLogoSvg( 22 ) );
	}
	var fText = document.createElement( 'span' );
	fText.className = 'hw-footer__text';
	fText.textContent = messages[ lang ].hint;
	footer.appendChild( fLogo );
	footer.appendChild( fText );
	container.appendChild( footer );

	var canvas = container.querySelector( '.hw-canvas' );
	var ctx    = canvas.getContext( '2d' );
	var W, H, verts, dragging = -1;
	var msg = messages[ lang ];

	/* -- vertex initialisation: equilateral triangle centred in canvas -- */
	function initVerts() {
		var cx = W / 2;
		var cy = H / 2;
		var r  = Math.min( W / 2, H / 2 ) * 0.62;
		verts = [
			{ x: cx + r * Math.cos( -Math.PI / 2 ),                   y: cy + r * Math.sin( -Math.PI / 2 ) },
			{ x: cx + r * Math.cos( -Math.PI / 2 + 2 * Math.PI / 3 ), y: cy + r * Math.sin( -Math.PI / 2 + 2 * Math.PI / 3 ) },
			{ x: cx + r * Math.cos( -Math.PI / 2 + 4 * Math.PI / 3 ), y: cy + r * Math.sin( -Math.PI / 2 + 4 * Math.PI / 3 ) }
		];
	}

	/* -- colour palette -- */
	function isDark() {
		var root = document.documentElement;
		if ( root.classList.contains( 'skin-theme-clientpref-night' ) ||
		     root.classList.contains( 'client-dark-mode' ) ||
		     document.body.classList.contains( 'mw-dark-mode' ) ) {
			return true;
		}
		return false;
	}

	function palette() {
		var dark = isDark();
		return {
			dark:       dark,
			tri:        dark ? '#AFA9EC' : '#534AB7',
			mid:        dark ? '#5DCAA5' : '#0F6E56',
			foot:       dark ? '#FAC775' : '#BA7517',
			euler:      dark ? '#F28BAD' : '#B5294E',
			np:         dark ? '#C084FC' : '#7C3AED',
			circFill:   dark ? 'rgba(192,132,252,.06)'  : 'rgba(124,58,237,.05)',
			circStroke: dark ? 'rgba(192,132,252,.55)'  : 'rgba(124,58,237,.50)',
			dashMid:    dark ? 'rgba(93,202,165,.40)'   : 'rgba(15,110,86,.35)',
			dashFoot:   dark ? 'rgba(250,199,117,.45)'  : 'rgba(186,117,23,.40)',
			dashEuler:  dark ? 'rgba(242,139,173,.40)'  : 'rgba(181,41,78,.35)',
			grid:       dark ? '#444441'                : '#D3D1C7',
			legendBg:   dark ? 'rgba(30,30,28,.82)'     : 'rgba(255,255,255,.82)',
			legendBdr:  dark ? '#444441'                : '#D3D1C7',
			legendText: dark ? '#B4B2A9'                : '#5F5E5A',
			dotBg:      dark ? '#1e1e1c'                : '#ffffff'
		};
	}

	/* -- grid (major cm lines only, very faint) -- */
	function drawGrid( p ) {
		ctx.lineWidth   = 0.5;
		ctx.strokeStyle = p.grid;
		ctx.globalAlpha = 0.18;
		for ( var cm = 0; cm * SCALE &lt; W + SCALE; cm++ ) {
			ctx.beginPath();
			ctx.moveTo( cm * SCALE, 0 );
			ctx.lineTo( cm * SCALE, H );
			ctx.stroke();
		}
		for ( var row = 0; row * SCALE &lt; H + SCALE; row++ ) {
			ctx.beginPath();
			ctx.moveTo( 0, row * SCALE );
			ctx.lineTo( W, row * SCALE );
			ctx.stroke();
		}
		ctx.globalAlpha = 1.0;
	}

	/* -- right-angle mark at a foot point -- */
	function drawRightAngle( T, fromV, V1, V2, color ) {
		var sdx = V2.x - V1.x, sdy = V2.y - V1.y;
		var sl  = Math.hypot( sdx, sdy );
		if ( sl &lt; 1e-6 ) { return; }
		var su  = { x: sdx / sl, y: sdy / sl };
		var rdx = fromV.x - T.x, rdy = fromV.y - T.y;
		var rl  = Math.hypot( rdx, rdy );
		if ( rl &lt; 1e-6 ) { return; }
		var ru  = { x: rdx / rl, y: rdy / rl };
		var SZ  = 12;
		ctx.strokeStyle = color; ctx.lineWidth = 1;
		ctx.beginPath();
		ctx.moveTo( T.x + su.x * SZ,              T.y + su.y * SZ );
		ctx.lineTo( T.x + su.x * SZ + ru.x * SZ,  T.y + su.y * SZ + ru.y * SZ );
		ctx.lineTo( T.x + ru.x * SZ,               T.y + ru.y * SZ );
		ctx.stroke();
	}

	/* -- draw a nine-point dot -- */
	function drawNinePt( P, color, r, p ) {
		ctx.save();
		ctx.beginPath(); ctx.arc( P.x, P.y, r || 5, 0, Math.PI * 2 );
		ctx.fillStyle   = color; ctx.fill();
		ctx.strokeStyle = p.dotBg; ctx.lineWidth = 1.5; ctx.stroke();
		ctx.restore();
	}

	/* -- canvas legend (bottom-left corner) -- */
	function drawLegend( p ) {
		var items = [
			{ color: p.mid,   label: msg.legendM },
			{ color: p.foot,  label: msg.legendH },
			{ color: p.euler, label: msg.legendE }
		];
		var PAD  = 10, DOT = 8, LINE = 18, FONT = 11;
		ctx.font = FONT + 'px sans-serif';
		var maxW = 0;
		items.forEach( function ( it ) {
			var w = ctx.measureText( it.label ).width;
			if ( w &gt; maxW ) { maxW = w; }
		} );
		var boxW = PAD + DOT + 6 + maxW + PAD;
		var boxH = PAD + items.length * LINE + PAD;
		var bx   = 10;
		var by   = H - 10 - boxH;

		/* background */
		ctx.save();
		ctx.fillStyle   = p.legendBg;
		ctx.strokeStyle = p.legendBdr;
		ctx.lineWidth   = 0.5;
		ctx.beginPath();
		ctx.roundRect( bx, by, boxW, boxH, 4 );
		ctx.fill(); ctx.stroke();
		ctx.restore();

		/* rows */
		ctx.save();
		ctx.textBaseline = 'middle';
		ctx.textAlign    = 'left';
		ctx.font         = FONT + 'px sans-serif';
		items.forEach( function ( it, i ) {
			var y = by + PAD + i * LINE + LINE / 2;
			/* dot */
			ctx.beginPath(); ctx.arc( bx + PAD + DOT / 2, y, DOT / 2, 0, Math.PI * 2 );
			ctx.fillStyle = it.color; ctx.fill();
			/* text */
			ctx.fillStyle = p.legendText;
			ctx.fillText( it.label, bx + PAD + DOT + 6, y );
		} );
		ctx.restore();
	}

	/* -- main draw -- */
	function draw() {
		if ( !verts ) { return; }
		ctx.clearRect( 0, 0, W, H );
		var p = palette();
		drawGrid( p );

		var A = verts[ 0 ], B = verts[ 1 ], C = verts[ 2 ];

		/* Special points */
		var O   = circumcenter( A, B, C );
		var Hpt = orthocentre( A, B, C );
		var R   = dist( O, A );

		/* Nine-point centre and radius */
		var N9 = midpoint( O, Hpt );
		var R9 = R / 2;

		/* ── The nine points ──────────────────────────────────────── */
		var Ma = midpoint( B, C );
		var Mb = midpoint( C, A );
		var Mc = midpoint( A, B );

		var Ha = footPerp( A, B, C );
		var Hb = footPerp( B, C, A );
		var Hc = footPerp( C, A, B );

		var Ea = midpoint( A, Hpt );
		var Eb = midpoint( B, Hpt );
		var Ec = midpoint( C, Hpt );

		var cx3 = ( A.x + B.x + C.x ) / 3;
		var cy3 = ( A.y + B.y + C.y ) / 3;

		/* ── 1. nine-point circle ─────────────────────────────────── */
		ctx.save();
		ctx.beginPath(); ctx.arc( N9.x, N9.y, R9, 0, Math.PI * 2 );
		ctx.fillStyle   = p.circFill;   ctx.fill();
		ctx.strokeStyle = p.circStroke; ctx.lineWidth = 1.8; ctx.stroke();
		ctx.restore();

		/* ── 2a. Construction lines — M: tick across side at midpoint ── */
		ctx.save();
		ctx.strokeStyle = p.dashMid; ctx.lineWidth = 1.1; ctx.setLineDash( [ 5, 4 ] );
		[ [ A, B, Mc ], [ B, C, Ma ], [ C, A, Mb ] ].forEach( function ( t ) {
			ctx.beginPath(); ctx.moveTo( t[0].x, t[0].y ); ctx.lineTo( t[2].x, t[2].y ); ctx.stroke();
			ctx.beginPath(); ctx.moveTo( t[2].x, t[2].y ); ctx.lineTo( t[1].x, t[1].y ); ctx.stroke();
		} );
		ctx.setLineDash( [] ); ctx.restore();

		/* ── 2b. Construction lines — H: altitude from vertex to foot ── */
		ctx.save();
		ctx.strokeStyle = p.dashFoot; ctx.lineWidth = 1.1; ctx.setLineDash( [ 5, 4 ] );
		[ [ A, Ha ], [ B, Hb ], [ C, Hc ] ].forEach( function ( pr ) {
			ctx.beginPath(); ctx.moveTo( pr[0].x, pr[0].y ); ctx.lineTo( pr[1].x, pr[1].y ); ctx.stroke();
		} );
		ctx.setLineDash( [] ); ctx.restore();

		/* ── 2c. Construction lines — E: segment from vertex to H ───── */
		ctx.save();
		ctx.strokeStyle = p.dashEuler; ctx.lineWidth = 1.1; ctx.setLineDash( [ 4, 5 ] );
		[ [ A, Hpt ], [ B, Hpt ], [ C, Hpt ] ].forEach( function ( pr ) {
			ctx.beginPath(); ctx.moveTo( pr[0].x, pr[0].y ); ctx.lineTo( pr[1].x, pr[1].y ); ctx.stroke();
		} );
		ctx.setLineDash( [] ); ctx.restore();

		/* ── 3. triangle fill + stroke ───────────────────────────── */
		ctx.save();
		ctx.beginPath();
		ctx.moveTo( A.x, A.y ); ctx.lineTo( B.x, B.y ); ctx.lineTo( C.x, C.y ); ctx.closePath();
		ctx.fillStyle   = p.dark ? 'rgba(175,169,236,.07)' : 'rgba(83,74,183,.06)';
		ctx.fill();
		ctx.strokeStyle = p.tri; ctx.lineWidth = 2; ctx.stroke();
		ctx.restore();

		/* ── 4. Right-angle marks at altitude feet ─────────────────── */
		ctx.save();
		drawRightAngle( Ha, A, B, C, p.dashFoot );
		drawRightAngle( Hb, B, C, A, p.dashFoot );
		drawRightAngle( Hc, C, A, B, p.dashFoot );
		ctx.restore();

		/* ── 5. Group 1: side midpoint dots (teal) ───────────────── */
		[ Ma, Mb, Mc ].forEach( function ( M ) { drawNinePt( M, p.mid,   5, p ); } );

		/* ── 6. Group 2: altitude foot dots (amber) ──────────────── */
		[ Ha, Hb, Hc ].forEach( function ( F ) { drawNinePt( F, p.foot,  5, p ); } );

		/* ── 7. Group 3: Euler midpoint dots (rose) ──────────────── */
		[ Ea, Eb, Ec ].forEach( function ( E ) { drawNinePt( E, p.euler, 5, p ); } );

		/* ── 8. Nine-point centre N₉ (violet, larger) ────────────── */
		ctx.save();
		ctx.beginPath(); ctx.arc( N9.x, N9.y, 8, 0, Math.PI * 2 );
		ctx.fillStyle   = p.np; ctx.fill();
		ctx.strokeStyle = p.dotBg; ctx.lineWidth = 2; ctx.stroke();
		ctx.restore();

		/* ── 9. Vertex dots (purple) ─────────────────────────────── */
		verts.forEach( function ( V, i ) {
			ctx.save();
			ctx.beginPath(); ctx.arc( V.x, V.y, dragging === i ? 8 : 6.5, 0, Math.PI * 2 );
			ctx.fillStyle   = p.tri; ctx.fill();
			ctx.strokeStyle = p.dotBg; ctx.lineWidth = 2; ctx.stroke();
			ctx.restore();
		} );

		/* ── 10. Text labels ──────────────────────────────────────── */
		ctx.save();
		ctx.textBaseline = 'middle'; ctx.textAlign = 'center';

		/* Vertex names A / B / C */
		ctx.font = &quot;italic 700 18px 'Latin Modern Math', 'STIX Two Math', 'Computer Modern', 'Times New Roman', serif&quot;;
		[ A, B, C ].forEach( function ( V, i ) {
			var lbl = labelOffset( V, verts.filter( function ( _, j ) { return j !== i; } ), 26 );
			ctx.fillStyle = p.tri;
			ctx.fillText( [ 'A', 'B', 'C' ][ i ], lbl.x, lbl.y );
		} );

		/* N₉ label */
		ctx.font = &quot;italic 700 15px 'Latin Modern Math', 'STIX Two Math', 'Computer Modern', 'Times New Roman', serif&quot;;
		ctx.fillStyle = p.np;
		ctx.fillText( 'N\u2089', N9.x + 14, N9.y - 14 );

		/* Nine-point labels — pushed outward from centroid */
		ctx.font = '500 11px sans-serif';
		var OFF = 17;

		function npLabel( P, lbl, color ) {
			var pos = labelOutward( P, cx3, cy3, OFF );
			ctx.fillStyle = color;
			ctx.fillText( lbl, pos.x, pos.y );
		}

		npLabel( Ma, 'M_a', p.mid   );
		npLabel( Mb, 'M_b', p.mid   );
		npLabel( Mc, 'M_c', p.mid   );
		npLabel( Ha, 'H_a', p.foot  );
		npLabel( Hb, 'H_b', p.foot  );
		npLabel( Hc, 'H_c', p.foot  );
		npLabel( Ea, 'E_a', p.euler );
		npLabel( Eb, 'E_b', p.euler );
		npLabel( Ec, 'E_c', p.euler );

		ctx.restore();

		/* ── 11. Canvas legend (bottom-left) ─────────────────────── */
		drawLegend( p );
	}

	/* -- resize -- */
	function resize() {
		W = canvas.offsetWidth;
		H = H_PX;
		canvas.width  = W * DPR;
		canvas.height = H * DPR;
		ctx.setTransform( DPR, 0, 0, DPR, 0, 0 );
		initVerts();
		draw();
	}

	/* -- pointer helpers -- */
	function ptFromEvent( e ) {
		var rect = canvas.getBoundingClientRect();
		var src  = e.touches ? e.touches[ 0 ] : e;
		return {
			x: ( src.clientX - rect.left ) * ( W / rect.width ),
			y: ( src.clientY - rect.top  ) * ( H / rect.height )
		};
	}
	function hitTest( pt ) {
		return verts.findIndex( function ( v ) {
			return Math.hypot( v.x - pt.x, v.y - pt.y ) &lt; 16;
		} );
	}
	function clamp( pt ) {
		return {
			x: Math.max( 10, Math.min( W - 10, pt.x ) ),
			y: Math.max( 4,  Math.min( H - 10, pt.y ) )
		};
	}

	canvas.addEventListener( 'mousedown',  function ( e ) { dragging = hitTest( ptFromEvent( e ) ); if ( dragging &gt;= 0 ) { canvas.style.cursor = 'grabbing'; } } );
	canvas.addEventListener( 'mousemove',  function ( e ) {
		if ( dragging &lt; 0 ) {
			canvas.style.cursor = hitTest( ptFromEvent( e ) ) &gt;= 0 ? 'grab' : 'crosshair';
			return;
		}
		verts[ dragging ] = clamp( ptFromEvent( e ) );
		draw();
	} );
	canvas.addEventListener( 'mouseup',    function () { dragging = -1; canvas.style.cursor = 'crosshair'; } );
	canvas.addEventListener( 'mouseleave', function () { dragging = -1; } );
	canvas.addEventListener( 'touchstart', function ( e ) {
		e.preventDefault(); dragging = hitTest( ptFromEvent( e ) );
	}, { passive: false } );
	canvas.addEventListener( 'touchmove', function ( e ) {
		e.preventDefault();
		if ( dragging &lt; 0 ) { return; }
		verts[ dragging ] = clamp( ptFromEvent( e ) );
		draw();
	}, { passive: false } );
	canvas.addEventListener( 'touchend', function () { dragging = -1; } );

	/* dark-mode live update (MediaWiki) */
	var observer = new MutationObserver( draw );
	observer.observe( document.documentElement, { attributes: true, attributeFilter: [ 'class' ] } );
	observer.observe( document.body,            { attributes: true, attributeFilter: [ 'class' ] } );

	/* kick off */
	var ro = new ResizeObserver( resize );
	ro.observe( canvas );
}

/* ----------------------------------------------------------
 * Initialise all matching containers on the page
 * ---------------------------------------------------------- */
document.querySelectorAll( '.hiruwiki[data-module=&quot;nine-point-circle&quot;]' ).forEach( buildWidget );

}() );</text>
      <sha1>0tb0i7vqlxaopaeqzl5txx5d19l7c2n</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/orthocentre.js</title>
    <ns>8</ns>
    <id>179507</id>
    <revision>
      <id>781436</id>
      <parentid>770234</parentid>
      <timestamp>2026-10-28T10:39:42Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781436</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="19325" sha1="f1tbcg9b6kolgklrg8ig73iht35fnhi" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* =========================================================
 * Hiruwiki module: orthocentre
 * Visualisation of the orthocentre of a triangle
 * =========================================================
 * i18n: add a new key to the `messages` object below and
 *       a matching entry for every language code you need.
 *       Fall back to 'en' when the wiki language is absent.
 * ========================================================= */

(function () {
  /* ── I18N ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
  var messages = /* I18N_START */ {
    &quot;nl&quot;: {
        &quot;_name&quot;: &quot;Hoogtepunt van een driehoek&quot;,
        &quot;hint&quot;: &quot;Sleep een hoekpunt om te zien hoe het hoogtepunt verandert&quot;
    },
    &quot;fr&quot;: {
        &quot;_name&quot;: &quot;Orthocentre&quot;,
        &quot;hint&quot;: &quot;Tirez n'importe quel sommet pour voir comment l' orthocentre change&quot;
    },
    &quot;tr&quot;: {
        &quot;_name&quot;: &quot;Yükseklik merkezi&quot;,
        &quot;hint&quot;: &quot;Herhangi bir köşeyi sürükleyerek yükseklik merkezinin nasıl değiştiğini görün (Ölçek: 1 cm = 40 px)&quot;
    },
    &quot;eu&quot;: {
        &quot;_name&quot;: &quot;Ortozentro&quot;,
        &quot;hint&quot;: &quot;Edozein erpin mugitu ortozentroa nola mugitzen den ikusteko&quot;
    },
    &quot;sk&quot;: {
        &quot;_name&quot;: &quot;Ortocentrum&quot;,
        &quot;hint&quot;: &quot;Potiahnutím ľubovoľného vrcholu uvidíte, ako sa ortocentrum mení&quot;
    },
    &quot;skr-arab&quot;: {
        &quot;_name&quot;: &quot;قائم مرکز&quot;,
        &quot;hint&quot;: &quot;قائم مرکز کین٘ویں بدلدے اے ݙیکھݨ کیتے کوئی وی سرا گھسیٹو&quot;
    },
    &quot;ko&quot;: {
        &quot;_name&quot;: &quot;수심&quot;,
        &quot;hint&quot;: &quot;꼭짓점을 드래그해서 수심이 어떻게 바뀌는지를 확인하세요&quot;
    },
    &quot;en&quot;: {
        &quot;_name&quot;: &quot;Orthocentre&quot;,
        &quot;hint&quot;: &quot;Drag any vertex to see how the orthocentre changes&quot;
    },
    &quot;qqq&quot;: {
        &quot;_name&quot;: &quot;Name of the Orthocentre module&quot;,
        &quot;hint&quot;: &quot;Instruction text shown in the footer.&quot;
    },
    &quot;ga&quot;: {
        &quot;_name&quot;: &quot;Ortalár&quot;,
        &quot;hint&quot;: &quot;Tarraing aon bhuaicphointe chun a fheiceáil conas a athraíonn an t-ortha-lárionad&quot;
    },
    &quot;es&quot;: {
        &quot;_name&quot;: &quot;Ortocentro&quot;,
        &quot;hint&quot;: &quot;Arrastra un vértice para ver cómo se mueve el ortocentro&quot;
    },
    &quot;mk&quot;: {
        &quot;_name&quot;: &quot;Ортоцентар&quot;,
        &quot;hint&quot;: &quot;Повлечете некое теме за да видите како се менува ортоцентарот&quot;
    }
} /* I18N_END */
var lang = (window.mw &amp;&amp; mw.config.get('wgUserLanguage')) || 'en';
var banana = new Banana(lang.split('-')[0]);
banana.load(messages);

function t(key, vars) {
    var args = Array.isArray(vars) ? vars : [];
    var str = banana.i18n(key, ...args);
    if (vars &amp;&amp; typeof vars === 'object' &amp;&amp; !Array.isArray(vars)) {
        Object.keys(vars).forEach(function(k) {
            str = str.replace(new RegExp('\\{' + k + '\\}', 'g'), vars[k]);
        });
    }
    return str;
}

/* ── Constants ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
  var SCALE = 40; /* pixels per centimetre  */
  var RULER_H = 0; /* ruler removed */
  var DPR = window.devicePixelRatio || 1;

  /* ── Geometry helpers ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
  function dist(a, b) {
    return Math.hypot(b.x - a.x, b.y - a.y);
  }

  function footPerp(P, V1, V2) {
    var dx = V2.x - V1.x,
      dy = V2.y - V1.y;
    var t = ((P.x - V1.x) * dx + (P.y - V1.y) * dy) / (dx * dx + dy * dy);
    return { x: V1.x + t * dx, y: V1.y + t * dy };
  }

  /* Returns the projection parameter t (foot = V1 + t*(V2-V1));
   * t &lt; 0 means foot beyond V1, t &gt; 1 means foot beyond V2. */
  function footT(P, V1, V2) {
    var dx = V2.x - V1.x,
      dy = V2.y - V1.y;
    return ((P.x - V1.x) * dx + (P.y - V1.y) * dy) / (dx * dx + dy * dy);
  }

  /*
   * Orthocentre: intersect altitude from A (perpendicular to BC through A)
   * with altitude from B (perpendicular to AC through B).
   *
   * n1 = direction perpendicular to BC = ( -(C.y-B.y), C.x-B.x )
   * n2 = direction perpendicular to AC = ( -(C.y-A.y), C.x-A.x )
   *
   * Solve  A + t·n1 = B + s·n2  for t:
   *   det = n1.x·n2.y − n1.y·n2.x
   *   t   = ( (B.x−A.x)·n2.y − (B.y−A.y)·n2.x ) / det
   */
  function orthocentre(A, B, C) {
    var n1x = -(C.y - B.y),
      n1y = C.x - B.x;
    var n2x = -(C.y - A.y),
      n2y = C.x - A.x;
    var det = n1x * n2y - n1y * n2x;
    if (Math.abs(det) &lt; 1e-9) {
      return { x: (A.x + B.x + C.x) / 3, y: (A.y + B.y + C.y) / 3 };
    }
    var t = ((B.x - A.x) * n2y - (B.y - A.y) * n2x) / det;
    return { x: A.x + t * n1x, y: A.y + t * n1y };
  }

  function angleDeg(V, A, B) {
    var ax = A.x - V.x,
      ay = A.y - V.y;
    var bx = B.x - V.x,
      by = B.y - V.y;
    var cos = (ax * bx + ay * by) / (Math.hypot(ax, ay) * Math.hypot(bx, by));
    return (Math.acos(Math.max(-1, Math.min(1, cos))) * 180) / Math.PI;
  }

  function labelOffset(V, others, mag) {
    var dx = 0,
      dy = 0;
    others.forEach(function (O) {
      dx += V.x - O.x;
      dy += V.y - O.y;
    });
    var l = Math.hypot(dx, dy) || 1;
    return { x: V.x + (dx / l) * mag, y: V.y + (dy / l) * mag };
  }

  function toCm(px) {
    return px / SCALE;
  }
  function fmt(n) {
    return n.toFixed(2);
  }

  /* ── Build widget ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
  function buildWidget(container) {
    var lang = (window.mw &amp;&amp; mw.config.get(&quot;wgUserLanguage&quot;)) || &quot;en&quot;;
    lang = lang.split(&quot;-&quot;)[0];
    if (!messages[lang]) {
      lang = &quot;en&quot;;
    }
    var msg = messages[lang];

    /* -- HTML skeleton -- */
    container.innerHTML =
      '&lt;div class=&quot;hw-orthocentre&quot;&gt;' +
      '&lt;canvas class=&quot;hw-canvas&quot;&gt;&lt;/canvas&gt;' +
      &quot;&lt;/div&gt;&quot;;

    /* -- Footer -- */
    var footer = document.createElement(&quot;div&quot;);
    footer.className = &quot;hw-footer&quot;;
    var fLogo = document.createElement(&quot;a&quot;);
    fLogo.className = &quot;hw-footer-icon&quot;;
    fLogo.href = (window.mw &amp;&amp; mw.util.getUrl(&quot;Wikipedia:Hiruwiki&quot;)) || &quot;#&quot;;
    fLogo.title = &quot;Hiruwiki&quot;;
    if (window.hiruwiki &amp;&amp; window.hiruwiki.getLogoSvg) {
      fLogo.insertAdjacentHTML(&quot;beforeend&quot;, hiruwiki.getLogoSvg(22));
    }
    var fText = document.createElement(&quot;span&quot;);
    fText.className = &quot;hw-footer__text&quot;;
    fText.textContent = msg.hint;
    footer.appendChild(fLogo);
    footer.appendChild(fText);
    container.appendChild(footer);

    var canvas = container.querySelector(&quot;.hw-canvas&quot;);
    var ctx = canvas.getContext(&quot;2d&quot;);
    var W,
      H,
      verts,
      dragging = -1;

    function $(id) {
      return container.querySelector(&quot;#&quot; + id);
    }

    /* -- vertex initialisation -- */
    function initVerts() {
      var ox = W / 2 - 5.5 * SCALE;
      var oy = 20;
      verts = [
        { x: ox + 5.5 * SCALE, y: oy + 1.2 * SCALE },
        { x: ox + 1.2 * SCALE, y: oy + 8.0 * SCALE },
        { x: ox + 9.8 * SCALE, y: oy + 8.0 * SCALE },
      ];
    }

    /* -- colour palette -- */
    function isDark() {
      /* MediaWiki night-mode classes take priority; fall back to prefers-color-scheme */
      var root = document.documentElement;
      if (
        root.classList.contains(&quot;skin-theme-clientpref-night&quot;) ||
        root.classList.contains(&quot;client-dark-mode&quot;) ||
        document.body.classList.contains(&quot;mw-dark-mode&quot;)
      ) {
        return true;
      }
      return !!(
        window.matchMedia &amp;&amp;
        window.matchMedia(&quot;(prefers-color-scheme: dark)&quot;).matches
      );
    }

    function palette() {
      var dark = isDark();
      return {
        dark: dark,
        tri: hiruwiki.getThemeColor(
          &quot;hw-color-primary&quot;,
          dark ? &quot;#AFA9EC&quot; : &quot;#534AB7&quot;,
        ),
        orth: hiruwiki.getThemeColor(
          &quot;hw-color-success&quot;,
          dark ? &quot;#5DCAA5&quot; : &quot;#0F6E56&quot;,
        ),
        foot: hiruwiki.getThemeColor(
          &quot;hw-color-warning&quot;,
          dark ? &quot;#FAC775&quot; : &quot;#BA7517&quot;,
        ),
        text: hiruwiki.getThemeColor(
          &quot;hw-text-base&quot;,
          dark ? &quot;#E8E6DC&quot; : &quot;#1a1a18&quot;,
        ),
        ruleBg: hiruwiki.getThemeColor(
          &quot;hw-bg-subtle&quot;,
          dark ? &quot;#2C2C2A&quot; : &quot;#F1EFE8&quot;,
        ),
        ruleTick: hiruwiki.getThemeColor(&quot;hw-text-placeholder&quot;, &quot;#888780&quot;),
        ruleText: hiruwiki.getThemeColor(&quot;hw-text-muted&quot;, &quot;#5F5E5A&quot;),
        grid: hiruwiki.getThemeColor(&quot;hw-border&quot;, dark ? &quot;#444441&quot; : &quot;#D3D1C7&quot;),
        dotBg: hiruwiki.getThemeColor(
          &quot;hw-bg-base&quot;,
          dark ? &quot;#1e1e1c&quot; : &quot;#ffffff&quot;,
        ),
      };
    }

    /* -- right-angle mark at altitude foot -- */
    function drawRightAngle(T, fromV, V1, V2, color) {
      var sdx = V2.x - V1.x,
        sdy = V2.y - V1.y;
      var sl = Math.hypot(sdx, sdy);
      if (sl &lt; 1e-6) {
        return;
      }
      var su = { x: sdx / sl, y: sdy / sl };
      var rdx = fromV.x - T.x,
        rdy = fromV.y - T.y;
      var rl = Math.hypot(rdx, rdy);
      if (rl &lt; 1e-6) {
        return;
      }
      var ru = { x: rdx / rl, y: rdy / rl };
      var SZ = 12;
      ctx.strokeStyle = color;
      ctx.lineWidth = 1;
      ctx.beginPath();
      ctx.moveTo(T.x + su.x * SZ, T.y + su.y * SZ);
      ctx.lineTo(T.x + su.x * SZ + ru.x * SZ, T.y + su.y * SZ + ru.y * SZ);
      ctx.lineTo(T.x + ru.x * SZ, T.y + ru.y * SZ);
      ctx.stroke();
    }

    /* -- grid (major cm lines only, very faint) -- */
    function drawGrid(p) {
      ctx.lineWidth = 0.5;
      ctx.strokeStyle = p.grid;
      ctx.globalAlpha = 0.18;
      /* vertical lines */
      for (var cm = 0; cm * SCALE &lt; W + SCALE; cm++) {
        ctx.beginPath();
        ctx.moveTo(cm * SCALE, 0);
        ctx.lineTo(cm * SCALE, H);
        ctx.stroke();
      }
      /* horizontal lines */
      for (var row = 0; row * SCALE &lt; H + SCALE; row++) {
        ctx.beginPath();
        ctx.moveTo(0, row * SCALE);
        ctx.lineTo(W, row * SCALE);
        ctx.stroke();
      }
      ctx.globalAlpha = 1.0;
    }

    /* -- main draw -- */
    function draw() {
      if (!verts) {
        return;
      }
      ctx.clearRect(0, 0, W, H);
      var p = palette();
      drawGrid(p);
      /* ruler removed */

      var A = verts[0],
        B = verts[1],
        C = verts[2];
      var a = dist(B, C),
        b = dist(C, A),
        c = dist(A, B);

      var Hpt = orthocentre(A, B, C);
      var Ha = footPerp(A, B, C);
      var Hb = footPerp(B, C, A);
      var Hc = footPerp(C, A, B);

      var angA = angleDeg(A, B, C);
      var angB = angleDeg(B, A, C);
      var angC = angleDeg(C, A, B);
      var isObtuse = angA &gt; 90.05 || angB &gt; 90.05 || angC &gt; 90.05;

      var cx3 = (A.x + B.x + C.x) / 3,
        cy3 = (A.y + B.y + C.y) / 3;

      var footColor = p.foot;
      var footDash = p.dark
        ? &quot;rgba(250,199,117,0.55)&quot;
        : &quot;rgba(186,117,23,0.50)&quot;;

      /* 1. solid altitude segments: vertex → foot */
      ctx.save();
      ctx.strokeStyle = footColor;
      ctx.lineWidth = 1.4;
      [
        [A, Ha],
        [B, Hb],
        [C, Hc],
      ].forEach(function (pr) {
        ctx.beginPath();
        ctx.moveTo(pr[0].x, pr[0].y);
        ctx.lineTo(pr[1].x, pr[1].y);
        ctx.stroke();
      });
      ctx.restore();

      /* 2. dashed extensions for obtuse triangle */
      if (isObtuse) {
        ctx.save();
        ctx.strokeStyle = footDash;
        ctx.lineWidth = 1.4;
        ctx.setLineDash([5, 5]);

        /* 2a. Extend triangle SIDES with dashes where a foot falls outside the segment.
         *     footT gives projection parameter t; outside [0,1] means foot is off the edge.
         *     Side a = BC (foot Ha from A), side b = CA (foot Hb from B), side c = AB (foot Hc from C). */
        [
          { foot: Ha, V1: B, V2: C } /* altitude from A, foot on line BC */,
          { foot: Hb, V1: C, V2: A } /* altitude from B, foot on line CA */,
          { foot: Hc, V1: A, V2: B } /* altitude from C, foot on line AB */,
        ].forEach(function (s) {
          var t = footT(s.foot, s.V1, s.V2);
          if (t &lt; -0.001) {
            /* foot is beyond V1 — draw dashed from V1 to foot */
            ctx.beginPath();
            ctx.moveTo(s.V1.x, s.V1.y);
            ctx.lineTo(s.foot.x, s.foot.y);
            ctx.stroke();
          } else if (t &gt; 1.001) {
            /* foot is beyond V2 — draw dashed from V2 to foot */
            ctx.beginPath();
            ctx.moveTo(s.V2.x, s.V2.y);
            ctx.lineTo(s.foot.x, s.foot.y);
            ctx.stroke();
          }
        });

        /* 2b. Extend altitude lines with dashes from foot through to H.
         *     The solid segment already covers vertex→foot; the dashed part is foot→H. */
        [
          [A, Ha],
          [B, Hb],
          [C, Hc],
        ].forEach(function (pr) {
          var V = pr[0],
            F = pr[1];
          var dx = F.x - V.x,
            dy = F.y - V.y;
          var len = Math.hypot(dx, dy);
          if (len &lt; 1e-6) {
            return;
          }
          var ux = dx / len,
            uy = dy / len;
          /* scalar projection of (H - F) onto the altitude direction */
          var toH = (Hpt.x - F.x) * ux + (Hpt.y - F.y) * uy;
          if (Math.abs(toH) &lt; 1) {
            return;
          } /* foot is essentially at H */
          /* extend from foot toward H (+ 8 px overshoot) */
          var ext = toH + 8 * Math.sign(toH);
          ctx.beginPath();
          ctx.moveTo(F.x, F.y);
          ctx.lineTo(F.x + ux * ext, F.y + uy * ext);
          ctx.stroke();
        });

        ctx.setLineDash([]);
        ctx.restore();
      }

      /* 3. triangle fill + stroke */
      ctx.save();
      ctx.beginPath();
      ctx.moveTo(A.x, A.y);
      ctx.lineTo(B.x, B.y);
      ctx.lineTo(C.x, C.y);
      ctx.closePath();
      ctx.fillStyle = p.dark ? &quot;rgba(175,169,236,.07)&quot; : &quot;rgba(83,74,183,.06)&quot;;
      ctx.fill();
      ctx.strokeStyle = p.tri;
      ctx.lineWidth = 2;
      ctx.stroke();
      ctx.restore();

      /* 4. right-angle marks at altitude feet */
      ctx.save();
      drawRightAngle(Ha, A, B, C, footColor);
      drawRightAngle(Hb, B, C, A, footColor);
      drawRightAngle(Hc, C, A, B, footColor);
      ctx.restore();

      /* 5. altitude foot dots */
      [Ha, Hb, Hc].forEach(function (F) {
        ctx.save();
        ctx.beginPath();
        ctx.arc(F.x, F.y, 5, 0, Math.PI * 2);
        ctx.fillStyle = footColor;
        ctx.fill();
        ctx.restore();
      });

      /* 6. orthocentre dot */
      ctx.save();
      ctx.beginPath();
      ctx.arc(Hpt.x, Hpt.y, 8, 0, Math.PI * 2);
      ctx.fillStyle = p.orth;
      ctx.fill();
      ctx.strokeStyle = p.dotBg;
      ctx.lineWidth = 2;
      ctx.stroke();
      ctx.restore();

      /* 7. vertex dots */
      verts.forEach(function (V, i) {
        ctx.save();
        ctx.beginPath();
        ctx.arc(V.x, V.y, dragging === i ? 8 : 6.5, 0, Math.PI * 2);
        ctx.fillStyle = p.tri;
        ctx.fill();
        ctx.strokeStyle = p.dotBg;
        ctx.lineWidth = 2;
        ctx.stroke();
        ctx.restore();
      });

      /* 8. text labels */
      ctx.save();
      ctx.textBaseline = &quot;middle&quot;;

      /* vertex names */
      ctx.font =
        &quot;italic 700 18px 'Latin Modern Math', 'STIX Two Math', 'Computer Modern', 'Times New Roman', serif&quot;;
      [A, B, C].forEach(function (V, i) {
        var lbl = labelOffset(
          V,
          verts.filter(function (_, j) {
            return j !== i;
          }),
          26,
        );
        ctx.fillStyle = p.tri;
        ctx.textAlign = &quot;center&quot;;
        ctx.fillText([&quot;A&quot;, &quot;B&quot;, &quot;C&quot;][i], lbl.x, lbl.y);
      });

      /* H label — offset +16, −16 from dot */
      ctx.fillStyle = p.orth;
      ctx.font =
        &quot;italic 700 18px 'Latin Modern Math', 'STIX Two Math', 'Computer Modern', 'Times New Roman', serif&quot;;
      ctx.textAlign = &quot;center&quot;;
      ctx.fillText(&quot;H&quot;, Hpt.x + 16, Hpt.y - 16);

      /* side length labels removed */

      ctx.restore();
    }

    /* -- resize -- */
    function resize() {
      W = canvas.offsetWidth;
      H = 440;
      canvas.width = W * DPR;
      canvas.height = H * DPR;
      ctx.setTransform(DPR, 0, 0, DPR, 0, 0);
      initVerts();
      draw();
    }

    /* -- pointer helpers -- */
    function ptFromEvent(e) {
      var rect = canvas.getBoundingClientRect();
      var src = e.touches ? e.touches[0] : e;
      return {
        x: (src.clientX - rect.left) * (W / rect.width),
        y: (src.clientY - rect.top) * (H / rect.height),
      };
    }
    function hitTest(pt) {
      return verts.findIndex(function (v) {
        return Math.hypot(v.x - pt.x, v.y - pt.y) &lt; 16;
      });
    }
    function clamp(pt) {
      return {
        x: Math.max(10, Math.min(W - 10, pt.x)),
        y: Math.max(4, Math.min(H - 10, pt.y)),
      };
    }

    canvas.addEventListener(&quot;mousedown&quot;, function (e) {
      dragging = hitTest(ptFromEvent(e));
      if (dragging &gt;= 0) {
        canvas.style.cursor = &quot;grabbing&quot;;
      }
    });
    canvas.addEventListener(&quot;mousemove&quot;, function (e) {
      if (dragging &lt; 0) {
        canvas.style.cursor =
          hitTest(ptFromEvent(e)) &gt;= 0 ? &quot;grab&quot; : &quot;crosshair&quot;;
        return;
      }
      verts[dragging] = clamp(ptFromEvent(e));
      draw();
    });
    canvas.addEventListener(&quot;mouseup&quot;, function () {
      dragging = -1;
      canvas.style.cursor = &quot;crosshair&quot;;
    });
    canvas.addEventListener(&quot;mouseleave&quot;, function () {
      dragging = -1;
    });
    canvas.addEventListener(
      &quot;touchstart&quot;,
      function (e) {
        e.preventDefault();
        dragging = hitTest(ptFromEvent(e));
      },
      { passive: false },
    );
    canvas.addEventListener(
      &quot;touchmove&quot;,
      function (e) {
        e.preventDefault();
        if (dragging &lt; 0) {
          return;
        }
        verts[dragging] = clamp(ptFromEvent(e));
        draw();
      },
      { passive: false },
    );
    canvas.addEventListener(&quot;touchend&quot;, function () {
      dragging = -1;
    });

    /* dark-mode live update (MediaWiki) */
    var observer = new MutationObserver(draw);
    observer.observe(document.documentElement, {
      attributes: true,
      attributeFilter: [&quot;class&quot;],
    });
    observer.observe(document.body, {
      attributes: true,
      attributeFilter: [&quot;class&quot;],
    });

    /* kick off */
    var ro = new ResizeObserver(resize);
    ro.observe(canvas);
  }

  /* ----------------------------------------------------------
   * Initialise all matching containers on the page
   * ---------------------------------------------------------- */
  document
    .querySelectorAll('.hiruwiki[data-module=&quot;orthocentre&quot;]')
    .forEach(buildWidget);
})();</text>
      <sha1>f1tbcg9b6kolgklrg8ig73iht35fnhi</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/pentagon-angles.js</title>
    <ns>8</ns>
    <id>179509</id>
    <revision>
      <id>781437</id>
      <parentid>770236</parentid>
      <timestamp>2026-10-28T10:39:45Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781437</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="25422" sha1="iak5cqpniplodbzii9ffns4s7gsl8w1" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
( function () {
  'use strict';

  
/* ── I18N ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var messages = /* I18N_START */ {
    &quot;nl&quot;: {
        &quot;3triangles&quot;: &quot;3 driehoeken × 180°&quot;,
        &quot;_name&quot;: &quot;Hoeken van een vijfhoek&quot;,
        &quot;interiorAngles&quot;: &quot;Binnenhoeken&quot;,
        &quot;reset&quot;: &quot;↺ Opnieuw instellen&quot;,
        &quot;total&quot;: &quot;Totaal&quot;,
        &quot;hint&quot;: &quot;Verplaats de hoeken om de figuur te vervormen&quot;
    },
    &quot;fr&quot;: {
        &quot;3triangles&quot;: &quot;3 triangles × 180°&quot;,
        &quot;_name&quot;: &quot;Angles du pentagone&quot;,
        &quot;interiorAngles&quot;: &quot;Angles intérieurs&quot;,
        &quot;reset&quot;: &quot;↺ Réinitialiser&quot;,
        &quot;total&quot;: &quot;Total&quot;,
        &quot;hint&quot;: &quot;Décomposer le pentagone en triangles&quot;
    },
    &quot;tr&quot;: {
        &quot;3triangles&quot;: &quot;3 üçgen × 180°&quot;,
        &quot;_name&quot;: &quot;Beşgen Açıları&quot;,
        &quot;interiorAngles&quot;: &quot;İç açılar&quot;,
        &quot;reset&quot;: &quot;↺ Sıfırla&quot;,
        &quot;total&quot;: &quot;Toplam&quot;,
        &quot;hint&quot;: &quot;Beşgeni üçgenlere ayırın&quot;
    },
    &quot;eu&quot;: {
        &quot;3triangles&quot;: &quot;3 triangelu × 180°&quot;,
        &quot;_name&quot;: &quot;Pentagonoaren angeluak&quot;,
        &quot;interiorAngles&quot;: &quot;Barne angeluak&quot;,
        &quot;reset&quot;: &quot;↺ Berrezarri&quot;,
        &quot;total&quot;: &quot;Guztira&quot;,
        &quot;hint&quot;: &quot;Pentagonoa triangeluetan deskonposatu&quot;
    },
    &quot;sk&quot;: {
        &quot;3triangles&quot;: &quot;3 trojuholníky × 180°&quot;,
        &quot;_name&quot;: &quot;Uhly päťuholníka&quot;,
        &quot;interiorAngles&quot;: &quot;Vnútorné uhly&quot;,
        &quot;reset&quot;: &quot;↺ Vynulovať&quot;,
        &quot;total&quot;: &quot;Spolu&quot;,
        &quot;hint&quot;: &quot;Rozložte päťuholník na trojuholníky&quot;
    },
    &quot;skr-arab&quot;: {
        &quot;3triangles&quot;: &quot;3 مثلث × 180°&quot;,
        &quot;_name&quot;: &quot;پینٹاگون زاویے&quot;,
        &quot;interiorAngles&quot;: &quot;اندرونی زاویے&quot;,
        &quot;reset&quot;: &quot;↺ دوبارہ&quot;,
        &quot;total&quot;: &quot;کل&quot;,
        &quot;hint&quot;: &quot;پینٹاگون کوں مثلثاں وچ ونڈو&quot;
    },
    &quot;ko&quot;: {
        &quot;3triangles&quot;: &quot;3개의 삼각형 × 180°&quot;,
        &quot;_name&quot;: &quot;오각형의 각들&quot;,
        &quot;interiorAngles&quot;: &quot;내부 각들&quot;,
        &quot;reset&quot;: &quot;↺ 초기화&quot;,
        &quot;total&quot;: &quot;합계&quot;,
        &quot;hint&quot;: &quot;오각형을 삼각형으로 분해하세요&quot;
    },
    &quot;en&quot;: {
        &quot;3triangles&quot;: &quot;3 triangles × 180°&quot;,
        &quot;_name&quot;: &quot;Pentagon Angles&quot;,
        &quot;interiorAngles&quot;: &quot;Interior angles&quot;,
        &quot;reset&quot;: &quot;↺ Reset&quot;,
        &quot;total&quot;: &quot;Total&quot;,
        &quot;hint&quot;: &quot;Decompose the pentagon into triangles&quot;
    },
    &quot;ca&quot;: {
        &quot;3triangles&quot;: &quot;3 triangles × 180°&quot;,
        &quot;_name&quot;: &quot;Angles del Pentàgon&quot;,
        &quot;interiorAngles&quot;: &quot;Angles interiors&quot;,
        &quot;total&quot;: &quot;Total&quot;
    },
    &quot;qqq&quot;: {
        &quot;3triangles&quot;: &quot;Decomposition label showing 3 triangles × 180°&quot;,
        &quot;_name&quot;: &quot;Name of the Pentagon Angles module&quot;,
        &quot;interiorAngles&quot;: &quot;Heading for the interior angles section&quot;,
        &quot;reset&quot;: &quot;Button label to reset the visualisation&quot;,
        &quot;total&quot;: &quot;Label for the total sum of interior angles&quot;,
        &quot;hint&quot;: &quot;Instruction text for the pentagon angle decomposition applet&quot;
    },
    &quot;ga&quot;: {
        &quot;3triangles&quot;: &quot;3 thriantán × 180°&quot;,
        &quot;_name&quot;: &quot;Uillinneacha an Pheinteagáin&quot;,
        &quot;interiorAngles&quot;: &quot;Uillinneacha inmheánacha&quot;,
        &quot;reset&quot;: &quot;↺ Athshocraigh&quot;,
        &quot;total&quot;: &quot;Iomlán&quot;,
        &quot;hint&quot;: &quot;Déan an peinteagán a dhíscaoileadh ina thriantáin&quot;
    },
    &quot;es&quot;: {
        &quot;3triangles&quot;: &quot;3 triángulos × 180°&quot;,
        &quot;_name&quot;: &quot;Ángulos del pentágono&quot;,
        &quot;interiorAngles&quot;: &quot;Ángulos interiores&quot;,
        &quot;reset&quot;: &quot;↺ Reiniciar&quot;,
        &quot;total&quot;: &quot;Total&quot;,
        &quot;hint&quot;: &quot;Descompone el pentágono en triángulos&quot;
    },
    &quot;mk&quot;: {
        &quot;3triangles&quot;: &quot;3 триаголници × 180°&quot;,
        &quot;_name&quot;: &quot;Агли на петаголник&quot;,
        &quot;interiorAngles&quot;: &quot;Внатрешни агли&quot;,
        &quot;reset&quot;: &quot;↺ Одново&quot;,
        &quot;total&quot;: &quot;Вкупно&quot;,
        &quot;hint&quot;: &quot;Разложи го петаголникот на триаголници&quot;
    }
} /* I18N_END */
var lang = (window.mw &amp;&amp; mw.config.get('wgUserLanguage')) || 'en';
var banana = new Banana(lang.split('-')[0]);
banana.load(messages);

function t(key, vars) {
    var args = Array.isArray(vars) ? vars : [];
    var str = banana.i18n(key, ...args);
    if (vars &amp;&amp; typeof vars === 'object' &amp;&amp; !Array.isArray(vars)) {
        Object.keys(vars).forEach(function(k) {
            str = str.replace(new RegExp('\\{' + k + '\\}', 'g'), vars[k]);
        });
    }
    return str;
}

var SVG_W  = 540, SVG_H = 480;
  var SVG_NS = 'http://www.w3.org/2000/svg';
  var KEYS   = ['A', 'B', 'C', 'D', 'E'];
  var COLORS = { A: 'red', B: 'green', C: 'blue', D: 'orange', E: '#9966cc' };

  function initPentagonAngles( root ) {
    var wrapper = document.createElement( 'div' );
    wrapper.className = 'pentagon-angles';
    root.parentNode.replaceChild( wrapper, root );

    // ── Build SVG ─────────────────────────────────────────────────────────
    var svgEl = document.createElementNS( SVG_NS, 'svg' );
    svgEl.setAttribute( 'viewBox', '0 0 ' + SVG_W + ' ' + SVG_H );
    svgEl.setAttribute( 'width',   SVG_W );
    svgEl.classList.add( 'qa-svg' );

    // SVG background rect — must come before defs/grid so it sits behind everything.
    // This is what makes the polygon outline and other strokes visible in dark mode:
    // without it the CSS background on .qa-svg was doing the work, but SVG stroke
    // attributes set via getThemeColor at init time resolve correctly against a
    // known background. Keeping background: transparent on .qa-svg prevents a
    // white flash before JS runs.
    var bgRect = document.createElementNS( SVG_NS, 'rect' );
    bgRect.setAttribute( 'width', '100%' );
    bgRect.setAttribute( 'height', '100%' );
    bgRect.setAttribute( 'fill', hiruwiki.getThemeColor('background-color-base', '#ffffff') );
    svgEl.appendChild( bgRect );

    var defs = document.createElementNS( SVG_NS, 'defs' );
    var pat  = document.createElementNS( SVG_NS, 'pattern' );
    pat.setAttribute( 'id', 'pa-grid' );
    pat.setAttribute( 'width', '20' );
    pat.setAttribute( 'height', '20' );
    pat.setAttribute( 'patternUnits', 'userSpaceOnUse' );
    var gridPath = document.createElementNS( SVG_NS, 'path' );
    gridPath.setAttribute( 'd', 'M 20 0 L 0 0 0 20' );
    gridPath.setAttribute( 'fill', 'none' );
    // Grid lines: border-color-subtle (very faint) — #c8ccd1 light / #2e3136 dark
    gridPath.setAttribute( 'stroke', hiruwiki.getThemeColor('border-color-subtle', '#c8ccd1') );
    gridPath.setAttribute( 'stroke-width', '0.5' );
    pat.appendChild( gridPath );
    defs.appendChild( pat );
    svgEl.appendChild( defs );

    var gridRect = document.createElementNS( SVG_NS, 'rect' );
    gridRect.setAttribute( 'width', '100%' );
    gridRect.setAttribute( 'height', '100%' );
    gridRect.setAttribute( 'fill', 'url(#pa-grid)' );
    svgEl.appendChild( gridRect );

    // Triangle fills (3, updated when fan changes) — data colors, no token needed
    var triFills = [
      document.createElementNS( SVG_NS, 'polygon' ),
      document.createElementNS( SVG_NS, 'polygon' ),
      document.createElementNS( SVG_NS, 'polygon' )
    ];
    var triColors = ['rgba(255,200,200,0.3)', 'rgba(200,255,200,0.3)', 'rgba(200,200,255,0.3)'];
    triFills.forEach( function(tf, i) {
      tf.setAttribute( 'fill', triColors[i] );
      tf.setAttribute( 'stroke', 'none' );
      svgEl.appendChild( tf );
    });

    // Pentagon outline — color-base: #202122 light / ~#f8f9fa dark
    var polyEl = document.createElementNS( SVG_NS, 'polygon' );
    polyEl.setAttribute( 'fill', 'none' );
    polyEl.setAttribute( 'stroke', hiruwiki.getThemeColor('color-base', '#202122') );
    polyEl.setAttribute( 'stroke-width', '2' );
    svgEl.appendChild( polyEl );

    // Fan diagonals — color-placeholder: #72777d (same light/dark)
    var diag1 = document.createElementNS( SVG_NS, 'line' );
    var diag2 = document.createElementNS( SVG_NS, 'line' );
    [diag1, diag2].forEach( function(d) {
      d.setAttribute( 'stroke', hiruwiki.getThemeColor('color-placeholder', '#72777d') );
      d.setAttribute( 'stroke-width', '1' );
      d.setAttribute( 'stroke-dasharray', '5,4' );
      svgEl.appendChild( d );
    });

    // Angle arcs, labels, vertex circles
    var arcs = {}, lbls = {}, circs = {};
    KEYS.forEach( function(k) {
      var arc = document.createElementNS( SVG_NS, 'path' );
      arc.setAttribute( 'fill', COLORS[k] );
      arc.setAttribute( 'opacity', '0.4' );
      svgEl.appendChild( arc );
      arcs[k] = arc;

      var lbl = document.createElementNS( SVG_NS, 'text' );
      lbl.setAttribute( 'fill', COLORS[k] );
      lbl.setAttribute( 'font-weight', 'bold' );
      lbl.setAttribute( 'font-size', '16' );
      lbl.setAttribute( 'font-family', 'Arial, sans-serif' );
      lbl.setAttribute( 'pointer-events', 'none' );
      svgEl.appendChild( lbl );
      lbls[k] = lbl;

      var circ = document.createElementNS( SVG_NS, 'circle' );
      circ.setAttribute( 'r', '8' );
      circ.setAttribute( 'fill', COLORS[k] );
      // Drag handle ring — background-color-base so it punches through polygon fill
      circ.setAttribute( 'stroke', hiruwiki.getThemeColor('background-color-base', '#ffffff') );
      circ.setAttribute( 'stroke-width', '2' );
      circ.style.cursor = 'pointer';
      svgEl.appendChild( circ );
      circs[k] = circ;
    });

    // ── Build panel ───────────────────────────────────────────────────────
    var panel = document.createElement( 'div' );
    panel.className = 'qa-panel';

    var h3 = document.createElement( 'h3' );
    h3.textContent = t('interiorAngles');
    panel.appendChild( h3 );

    var valEls = {}, barEls = {};
    KEYS.forEach( function(k) {
      var row = document.createElement( 'div' );
      row.className = 'qa-angle-row';
      var dot = document.createElement( 'div' );
      dot.className = 'qa-dot'; dot.style.background = COLORS[k];
      var letter = document.createElement( 'div' );
      letter.className = 'qa-letter'; letter.style.color = COLORS[k]; letter.textContent = k;
      var barWrap = document.createElement( 'div' );
      barWrap.className = 'qa-bar-wrap';
      var bar = document.createElement( 'div' );
      bar.className = 'qa-bar'; bar.style.background = COLORS[k];
      barWrap.appendChild( bar ); barEls[k] = bar;
      var val = document.createElement( 'div' );
      val.className = 'qa-val'; val.style.color = COLORS[k]; val.textContent = '\u2014';
      valEls[k] = val;
      row.appendChild(dot); row.appendChild(letter); row.appendChild(barWrap); row.appendChild(val);
      panel.appendChild( row );
    });

    // Triangle decomposition section
    var sumSection = document.createElement('div');
    sumSection.className = 'qa-sum-section';
    var sumLabel = document.createElement('div');
    sumLabel.className = 'qa-pie-label';
    sumLabel.textContent = t('3triangles');
    sumSection.appendChild(sumLabel);

    var triRowLabels = [];
    var triBarBgs    = [];
    var triBarSegs   = [];
    var triBarLbls   = [];

    for (var ti = 0; ti &lt; 3; ti++) {
      var rowWrap = document.createElement('div');
      rowWrap.className = 'qa-tri-row';

      var rowLabel = document.createElement('div');
      rowLabel.className = 'qa-tri-label';
      rowWrap.appendChild(rowLabel);
      triRowLabels.push(rowLabel);

      var barSVG = document.createElementNS(SVG_NS, 'svg');
      barSVG.setAttribute('viewBox', '0 0 195 14');
      barSVG.setAttribute('width', '100%');
      barSVG.setAttribute('height', '14');

      var bg = document.createElementNS(SVG_NS, 'rect');
      bg.setAttribute('x','0'); bg.setAttribute('y','0');
      bg.setAttribute('width','160'); bg.setAttribute('height','14');
      // Bar track: background-color-neutral (#eaecf0 / #2a2d34)
      bg.setAttribute('fill', hiruwiki.getThemeColor('background-color-neutral', '#eaecf0'));
      bg.setAttribute('rx','3');
      barSVG.appendChild(bg);
      triBarBgs.push(bg);

      var segs = [];
      for (var si = 0; si &lt; 3; si++) {
        var seg = document.createElementNS(SVG_NS, 'rect');
        seg.setAttribute('y','0'); seg.setAttribute('height','14');
        seg.setAttribute('width','0'); seg.setAttribute('x','0');
        seg.setAttribute('opacity','0.7');
        barSVG.appendChild(seg);
        segs.push(seg);
      }
      triBarSegs.push(segs);

      var border = document.createElementNS(SVG_NS, 'rect');
      border.setAttribute('x','0'); border.setAttribute('y','0');
      border.setAttribute('width','160'); border.setAttribute('height','14');
      border.setAttribute('fill','none');
      // Bar outline: border-color-base (#a2a9b1 / #3d424d)
      border.setAttribute('stroke', hiruwiki.getThemeColor('border-color-base', '#a2a9b1'));
      border.setAttribute('stroke-width','1'); border.setAttribute('rx','3');
      barSVG.appendChild(border);

      var lbl180 = document.createElementNS(SVG_NS, 'text');
      lbl180.setAttribute('x','164'); lbl180.setAttribute('y','11');
      lbl180.setAttribute('font-size','10');
      // &quot;180°&quot; label: color-placeholder (#72777d, same in both modes)
      lbl180.setAttribute('fill', hiruwiki.getThemeColor('color-placeholder', '#72777d'));
      lbl180.setAttribute('font-family','Arial,sans-serif');
      lbl180.textContent = '180\u00b0';
      barSVG.appendChild(lbl180);
      triBarLbls.push(lbl180);

      rowWrap.appendChild(barSVG);
      sumSection.appendChild(rowWrap);
    }

    var eq = document.createElement('div');
    eq.className = 'qa-equation';
    eq.innerHTML = '&lt;span style=&quot;color:red&quot;&gt;A&lt;/span&gt; + ' +
                   '&lt;span style=&quot;color:green&quot;&gt;B&lt;/span&gt; + ' +
                   '&lt;span style=&quot;color:blue&quot;&gt;C&lt;/span&gt; + ' +
                   '&lt;span style=&quot;color:orange&quot;&gt;D&lt;/span&gt; + ' +
                   '&lt;span style=&quot;color:#9966cc&quot;&gt;E&lt;/span&gt; = 540\u00b0';
    sumSection.appendChild(eq);
    panel.appendChild(sumSection);

    var totalRow = document.createElement('div');
    totalRow.className = 'qa-total-row';
    var totalLabel = document.createElement('span');
    totalLabel.className = 'qa-total-label'; totalLabel.textContent = t('total');
    var totalVal = document.createElement('span');
    totalVal.className = 'qa-total-val'; totalVal.textContent = '540.0\u00b0';
    totalRow.appendChild(totalLabel); totalRow.appendChild(totalVal);
    panel.appendChild(totalRow);

    var resetBtn = document.createElement('button');
    resetBtn.className = 'qa-reset-btn'; resetBtn.textContent = '\u21ba ' + t('reset');
    panel.appendChild(resetBtn);

    wrapper.appendChild(svgEl);
    wrapper.appendChild(panel);

    // ── State ─────────────────────────────────────────────────────────────
    var cx = 270, cy = 220, r = 160;
    var initPos = {};
    KEYS.forEach( function(k, i) {
      var angle = -Math.PI/2 + (2*Math.PI/5)*i;
      initPos[k] = { x: cx + r*Math.cos(angle), y: cy + r*Math.sin(angle) };
    });
    var pos = {};
    KEYS.forEach( function(k) { pos[k] = {}; });
    var dragKey = null;

    function applyPos() {
      KEYS.forEach( function(k) {
        circs[k].cx.baseVal.value = pos[k].x;
        circs[k].cy.baseVal.value = pos[k].y;
      });
    }
    function resetPos(p) {
      KEYS.forEach( function(k) { pos[k] = { x: p[k].x, y: p[k].y }; });
      applyPos();
    }
    resetPos(initPos);

    // ── Geometry ──────────────────────────────────────────────────────────
    function dist(a, b) { return Math.hypot(a.x-b.x, a.y-b.y); }

    function segmentsIntersect(p1, p2, p3, p4) {
      var d1x=p2.x-p1.x, d1y=p2.y-p1.y, d2x=p4.x-p3.x, d2y=p4.y-p3.y;
      var den=d1x*d2y-d1y*d2x;
      if (Math.abs(den)&lt;1e-10) return false;
      var t=((p3.x-p1.x)*d2y-(p3.y-p1.y)*d2x)/den;
      var u=((p3.x-p1.x)*d1y-(p3.y-p1.y)*d1x)/den;
      return t&gt;0 &amp;&amp; t&lt;1 &amp;&amp; u&gt;0 &amp;&amp; u&lt;1;
    }

    function isSelfIntersecting(p) {
      return segmentsIntersect(p.A,p.B,p.C,p.D) ||
             segmentsIntersect(p.A,p.B,p.D,p.E) ||
             segmentsIntersect(p.B,p.C,p.D,p.E) ||
             segmentsIntersect(p.B,p.C,p.E,p.A) ||
             segmentsIntersect(p.C,p.D,p.E,p.A);
    }

    function signedArea(p) {
      var a=0;
      for (var i=0;i&lt;5;i++) {
        var pi=p[KEYS[i]], pj=p[KEYS[(i+1)%5]];
        a += pi.x*pj.y - pj.x*pi.y;
      }
      return a/2;
    }

    function triSignedArea(P1,P2,P3) {
      return ((P2.x-P1.x)*(P3.y-P1.y)-(P3.x-P1.x)*(P2.y-P1.y))/2;
    }

    function triAngle(V,P,N) {
      var a=dist(P,N), b=dist(V,N), c=dist(V,P);
      return Math.acos(Math.max(-1,Math.min(1,(b*b+c*c-a*a)/(2*b*c))))*180/Math.PI;
    }

    function interiorAngle(V,P,N,area) {
      var a=dist(P,N), b=dist(V,N), c=dist(V,P);
      var base=Math.acos(Math.max(-1,Math.min(1,(b*b+c*c-a*a)/(2*b*c))))*180/Math.PI;
      var cross=(P.x-V.x)*(N.y-V.y)-(P.y-V.y)*(N.x-V.x);
      return (area&gt;0?cross&gt;0:cross&lt;0)?360-base:base;
    }

    function drawAngleArc(center,p1,p2,radius,isReflex) {
      var v1x=p1.x-center.x, v1y=p1.y-center.y;
      var v2x=p2.x-center.x, v2y=p2.y-center.y;
      var a1=Math.atan2(v1y,v1x), a2=Math.atan2(v2y,v2x);
      var start=a1, end=a2, cross=v1x*v2y-v1y*v2x, tmp;
      if (isReflex?cross&gt;0:cross&lt;0){tmp=start;start=end;end=tmp;}
      if (end&lt;start) end+=2*Math.PI;
      var large=(end-start)&gt;Math.PI?1:0;
      var x1=center.x+radius*Math.cos(start), y1=center.y+radius*Math.sin(start);
      var x2=center.x+radius*Math.cos(end),   y2=center.y+radius*Math.sin(end);
      return 'M'+center.x+','+center.y+' L'+x1+','+y1+
             ' A'+radius+','+radius+' 0 '+large+' 1 '+x2+','+y2+' Z';
    }

    function findFanKeys(p, polyArea) {
      for (var i=0; i&lt;5; i++) {
        var idx=[];
        for(var j=0;j&lt;5;j++) idx.push(KEYS[(i+j)%5]);
        var sa0=triSignedArea(p[idx[0]],p[idx[1]],p[idx[2]]);
        var sa1=triSignedArea(p[idx[0]],p[idx[2]],p[idx[3]]);
        var sa2=triSignedArea(p[idx[0]],p[idx[3]],p[idx[4]]);
        var valid=polyArea&gt;0?(sa0&gt;0&amp;&amp;sa1&gt;0&amp;&amp;sa2&gt;0):(sa0&lt;0&amp;&amp;sa1&lt;0&amp;&amp;sa2&lt;0);
        if (valid) return idx;
      }
      return [KEYS[0],KEYS[1],KEYS[2],KEYS[3],KEYS[4]];
    }

    function pts2str(arr) {
      return arr.map(function(pt){return pt.x+','+pt.y;}).join(' ');
    }

    function updatePoly() {
      var p = {};
      KEYS.forEach( function(k) {
        p[k]={x:circs[k].cx.baseVal.value, y:circs[k].cy.baseVal.value};
      });

      polyEl.setAttribute('points', KEYS.map(function(k){return p[k].x+','+p[k].y;}).join(' '));

      var area = signedArea(p);
      var n = 5;
      var verts = {};
      KEYS.forEach( function(k,i) {
        verts[k]={ V:p[k], P:p[KEYS[(i+n-1)%n]], N:p[KEYS[(i+1)%n]] };
      });

      var angles={}, isReflex={};
      KEYS.forEach( function(k) {
        var V=verts[k].V, P=verts[k].P, N=verts[k].N;
        var cross=(P.x-V.x)*(N.y-V.y)-(P.y-V.y)*(N.x-V.x);
        isReflex[k]=area&gt;0?cross&gt;0:cross&lt;0;
        angles[k]=interiorAngle(V,P,N,area);
        arcs[k].setAttribute('d',drawAngleArc(V,P,N,36,isReflex[k]));
      });

      var centX=0,centY=0;
      KEYS.forEach(function(k){centX+=p[k].x;centY+=p[k].y;}); centX/=5;centY/=5;
      KEYS.forEach( function(k) {
        var V=verts[k].V, P=verts[k].P, N=verts[k].N;
        var u1x=P.x-V.x,u1y=P.y-V.y,u2x=N.x-V.x,u2y=N.y-V.y;
        var l1=Math.hypot(u1x,u1y),l2=Math.hypot(u2x,u2y);
        var bx=u1x/l1+u2x/l2,by=u1y/l1+u2y/l2,bm=Math.hypot(bx,by);
        if(bm&lt;1e-6){bx=centX-V.x;by=centY-V.y;}else{bx/=bm;by/=bm;}
        if(bx*(centX-V.x)+by*(centY-V.y)&lt;0){bx=-bx;by=-by;}
        lbls[k].setAttribute('x',V.x+bx*55-22);
        lbls[k].setAttribute('y',V.y+by*55+6);
        lbls[k].textContent=angles[k].toFixed(1)+'\u00b0';
      });

      var fk = findFanKeys(p, area);
      diag1.setAttribute('x1',p[fk[0]].x); diag1.setAttribute('y1',p[fk[0]].y);
      diag1.setAttribute('x2',p[fk[2]].x); diag1.setAttribute('y2',p[fk[2]].y);
      diag2.setAttribute('x1',p[fk[0]].x); diag2.setAttribute('y1',p[fk[0]].y);
      diag2.setAttribute('x2',p[fk[3]].x); diag2.setAttribute('y2',p[fk[3]].y);

      triFills[0].setAttribute('points',pts2str([p[fk[0]],p[fk[1]],p[fk[2]]]));
      triFills[1].setAttribute('points',pts2str([p[fk[0]],p[fk[2]],p[fk[3]]]));
      triFills[2].setAttribute('points',pts2str([p[fk[0]],p[fk[3]],p[fk[4]]]));

      var triDefs = [
        [fk[0],fk[1],fk[2]],
        [fk[0],fk[2],fk[3]],
        [fk[0],fk[3],fk[4]]
      ];
      triDefs.forEach( function(tri, ti) {
        triRowLabels[ti].textContent = '\u25b3 ' + tri[0]+tri[1]+tri[2];
        var angAt0 = triAngle(p[tri[0]], p[tri[1]], p[tri[2]]);
        var angAt1 = triAngle(p[tri[1]], p[tri[0]], p[tri[2]]);
        var angAt2 = triAngle(p[tri[2]], p[tri[0]], p[tri[1]]);
        var triAngles = [angAt0, angAt1, angAt2];
        var BAR_W = 160;
        var x = 0;
        tri.forEach( function(k, si) {
          var w = (triAngles[si] / 180) * BAR_W;
          triBarSegs[ti][si].setAttribute('fill', COLORS[k]);
          triBarSegs[ti][si].setAttribute('x', x);
          triBarSegs[ti][si].setAttribute('width', w);
          x += w;
        });
        // Bar track background re-applied each frame — keep token consistent with init
        triBarBgs[ti].setAttribute('fill', hiruwiki.getThemeColor('background-color-neutral', '#eaecf0'));
        // &quot;180°&quot; label color — color-placeholder (#72777d)
        triBarLbls[ti].setAttribute('fill', hiruwiki.getThemeColor('color-placeholder', '#72777d'));
        triBarLbls[ti].textContent = '180\u00b0';
      });

      var sum=0;
      KEYS.forEach( function(k) {
        sum+=angles[k];
        valEls[k].textContent=angles[k].toFixed(1)+'\u00b0';
        barEls[k].style.width=(angles[k]/540*100)+'%';
      });
      totalVal.textContent=sum.toFixed(1)+'\u00b0';
    }

    // ── Drag (mouse + touch) ──────────────────────────────────────────────
    function tryMove(nx, ny) {
      var cand={};
      KEYS.forEach(function(k){cand[k]={x:pos[k].x,y:pos[k].y};});
      cand[dragKey]={x:nx,y:ny};
      if (!isSelfIntersecting(cand)){
        pos[dragKey]={x:nx,y:ny};
        applyPos();
        updatePoly();
      }
    }

    function svgPoint(clientX, clientY) {
      var pt = svgEl.createSVGPoint();
      pt.x = clientX;
      pt.y = clientY;
      return pt.matrixTransform(svgEl.getScreenCTM().inverse());
    }

    // Mouse
    KEYS.forEach( function(k) {
      circs[k].addEventListener('mousedown',function(e){dragKey=k;e.preventDefault();});
    });
    svgEl.addEventListener('mousemove', function(e) {
      if (!dragKey) return;
      var pt=svgPoint(e.clientX,e.clientY);
      tryMove(pt.x,pt.y);
    });
    svgEl.addEventListener('mouseup',    function(){dragKey=null;});
    svgEl.addEventListener('mouseleave', function(){dragKey=null;});

    // Touch
    svgEl.addEventListener('touchstart', function(e) {
      e.preventDefault();
      var pt = svgPoint(e.touches[0].clientX, e.touches[0].clientY);
      var best = null, bestDist = 40;
      KEYS.forEach(function(k) {
        var d = Math.hypot(pos[k].x - pt.x, pos[k].y - pt.y);
        if (d &lt; bestDist) { bestDist = d; best = k; }
      });
      if (best) dragKey = best;
    }, {passive: false});
    svgEl.addEventListener('touchmove', function(e) {
      if (!dragKey) return;
      e.preventDefault();
      var pt = svgPoint(e.touches[0].clientX, e.touches[0].clientY);
      tryMove(pt.x, pt.y);
    }, {passive: false});
    svgEl.addEventListener('touchend',    function() { dragKey = null; });
    svgEl.addEventListener('touchcancel', function() { dragKey = null; });

    resetBtn.addEventListener('click', function(){resetPos(initPos);updatePoly();});

    updatePoly();

    // Footer branding
    var footer = document.createElement(&quot;div&quot;);
    footer.className = &quot;hw-footer&quot;;
    var fLogo = document.createElement(&quot;a&quot;);
    fLogo.className = &quot;hw-footer-icon&quot;;
    fLogo.href = mw.util.getUrl('Wikipedia:Hiruwiki');
    fLogo.title = 'Hiruwiki';
    fLogo.innerHTML = hiruwiki.getLogoSvg(22);
    var fText = document.createElement(&quot;span&quot;);
    fText.innerHTML = t('hint');
    footer.appendChild(fLogo);
    footer.appendChild(fText);
    wrapper.appendChild(footer);
  }

  document.querySelectorAll('.hiruwiki[data-module=&quot;pentagon-angles&quot;]').forEach(function(el){
    initPentagonAngles(el);
  });

}() );</text>
      <sha1>iak5cqpniplodbzii9ffns4s7gsl8w1</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/percent.js</title>
    <ns>8</ns>
    <id>179511</id>
    <revision>
      <id>781438</id>
      <parentid>770238</parentid>
      <timestamp>2026-10-28T10:39:49Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781438</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="33166" sha1="ccz0qhqnx62d0mkg9ehq7305nyh6y4v" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/**
 * Hiruwiki module: percent
 * Visualises how positive and negative percentage changes work,
 * and shows the asymmetry between a change and its recovery.
 *
 * Usage: &lt;div class=&quot;hiruwiki&quot; data-module=&quot;percent&quot;&gt;&lt;/div&gt;
 *
 * ─── I18N ────────────────────────────────────────────────────────────────────
 * To add a language, add an entry to PERCENT_I18N below, using the
 * MediaWiki language code as the key (e.g. 'eu' for Basque, 'es' for Spanish).
 * Every key in the 'en' entry must be present in every other entry.
 *
 * Interpolation tokens:
 *   {pct}      – the applied percentage, e.g. &quot;−30&quot;
 *   {result}   – the value after applying the change, e.g. &quot;70&quot;
 *   {recovery} – the recovery percentage needed, e.g. &quot;42.9&quot;
 * ─────────────────────────────────────────────────────────────────────────────
 */

( function () {

/* ── I18N ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var messages = /* I18N_START */ {
    &quot;nl&quot;: {
        &quot;_name&quot;: &quot;Percentages&quot;,
        &quot;axis_neg&quot;: &quot;−100%&quot;,
        &quot;axis_pos&quot;: &quot;+100%&quot;,
        &quot;axis_zero&quot;: &quot;0%&quot;,
        &quot;hint&quot;: &quot;Sleep de schuifregelaar naar links voor verlies, naar rechts voor winst.&quot;,
        &quot;insight_full_loss&quot;: &quot;Een verlies van &lt;strong&gt;100%&lt;/strong&gt; brengt de waarde naar &lt;strong&gt;0&lt;/strong&gt;. Herstel vanaf nul is &lt;strong&gt;onmogelijk&lt;/strong&gt; — elk percentage van 0 is nog steeds 0.&quot;,
        &quot;insight_gain&quot;: &quot;Een winst van &lt;strong&gt;+$1%&lt;/strong&gt; brengt 100 omhoog naar &lt;strong&gt;$2&lt;/strong&gt;. De groene balk bovenaan en de rode balk onderaan zijn even breed — maar de percentages verschillen. Om terug te keren naar 100 is slechts &lt;strong&gt;$3%&lt;/strong&gt; nodig, niet −$1%.&quot;,
        &quot;insight_loss&quot;: &quot;Een verlies van &lt;strong&gt;$1%&lt;/strong&gt; brengt 100 terug naar &lt;strong&gt;$2&lt;/strong&gt;. De rode balk bovenaan en de groene balk onderaan bedekken dezelfde fysieke afstand — maar de percentages verschillen omdat ze op verschillende bases worden toegepast. Om te herstellen is &lt;strong&gt;+$3%&lt;/strong&gt; nodig, niet +$1%.&quot;,
        &quot;insight_zero&quot;: &quot;Geen wijziging toegepast. Sleep de schuifregelaar om te verkennen.&quot;,
        &quot;label_after&quot;: &quot;na wijziging&quot;,
        &quot;label_apply&quot;: &quot;PAS EEN PROCENTUELE AANPASSING TOE&quot;,
        &quot;label_recovered&quot;: &quot;hersteld&quot;,
        &quot;label_scale&quot;: &quot;SCHAAL: VOLLEDIGE BREEDTE = 200&quot;,
        &quot;label_start&quot;: &quot;begin&quot;
    },
    &quot;fr&quot;: {
        &quot;_name&quot;: &quot;Pourcentages&quot;,
        &quot;axis_neg&quot;: &quot;−100%&quot;,
        &quot;axis_pos&quot;: &quot;+100%&quot;,
        &quot;axis_zero&quot;: &quot;0%&quot;,
        &quot;hint&quot;: &quot;Faites glisser le curseur vers la gauche pour une perte, vers la droite pour un gain.&quot;,
        &quot;insight_full_loss&quot;: &quot;Une perte de &lt;strong&gt;100%&lt;/strong&gt; ramène la valeur à &lt;strong&gt;0&lt;/strong&gt;. La récupération à partir de zéro est &lt;strong&gt;impossible&lt;/strong&gt; — n'importe quel pourcentage de 0 est toujours 0.&quot;,
        &quot;insight_gain&quot;: &quot;Un gain de &lt;strong&gt;+$1%&lt;/strong&gt; porte 100 à &lt;strong&gt;$2&lt;/strong&gt;. La barre verte en haut et la barre rouge en bas ont la même largeur — mais les pourcentages diffèrent. Revenir à 100 ne prend que &lt;strong&gt;$3%&lt;/strong&gt;, pas −$1%.&quot;,
        &quot;insight_loss&quot;: &quot;Une perte de &lt;strong&gt;$1%&lt;/strong&gt; ramène 100 à &lt;strong&gt;$2&lt;/strong&gt;. La barre rouge en haut et la barre verte en bas couvrent la même distance physique — mais les pourcentages diffèrent car ils s'appliquent à des bases différentes. La récupération nécessite &lt;strong&gt;+$3%&lt;/strong&gt;, pas +$1%.&quot;,
        &quot;insight_zero&quot;: &quot;Aucun changement appliqué. Faites glisser le curseur pour explorer.&quot;,
        &quot;label_after&quot;: &quot;après changement&quot;,
        &quot;label_apply&quot;: &quot;APPLIQUER UN CHANGEMENT EN POURCENTAGE&quot;,
        &quot;label_recovered&quot;: &quot;récupéré&quot;,
        &quot;label_scale&quot;: &quot;ÉCHELLE : LARGEUR TOTALE DE LA BARRE = 200&quot;,
        &quot;label_start&quot;: &quot;début&quot;
    },
    &quot;tr&quot;: {
        &quot;_name&quot;: &quot;Yüzdeler&quot;,
        &quot;axis_neg&quot;: &quot;−%100&quot;,
        &quot;axis_pos&quot;: &quot;+%100&quot;,
        &quot;axis_zero&quot;: &quot;%0&quot;,
        &quot;hint&quot;: &quot;Kaydırıcıyı sola kaydırarak değerini azaltın, sağa kaydırarak artırın.&quot;,
        &quot;insight_zero&quot;: &quot;Değişiklik uygulanmadı. Keşfetmek için kaydırıcıyı sürükleyin.&quot;,
        &quot;label_after&quot;: &quot;değişiklikten sonra&quot;,
        &quot;label_apply&quot;: &quot;YÜZDE DEĞİŞİKLİĞİNİ UYGULA&quot;,
        &quot;label_recovered&quot;: &quot;düzelmiş&quot;,
        &quot;label_scale&quot;: &quot;ÖLÇEK: TAM ÇUBUK GENİŞLİĞİ = 200&quot;,
        &quot;label_start&quot;: &quot;başlangıç&quot;
    },
    &quot;eu&quot;: {
        &quot;_name&quot;: &quot;Ehunekoak&quot;,
        &quot;axis_neg&quot;: &quot;−% 100&quot;,
        &quot;axis_pos&quot;: &quot;+% 100&quot;,
        &quot;axis_zero&quot;: &quot;% 0&quot;,
        &quot;hint&quot;: &quot;Arrastatu kontrol-barra ezkerrera galera ikusteko, eskuinera irabazia ikusteko.&quot;,
        &quot;insight_full_loss&quot;: &quot;&lt;strong&gt;% 100&lt;/strong&gt;eko galera batek balioa &lt;strong&gt;0&lt;/strong&gt;ra eramaten du. Zerotik berreskuratzea &lt;strong&gt;ezinezkoa&lt;/strong&gt; da — edozein ehuneko 0 izanda ere 0 izango da.&quot;,
        &quot;insight_gain&quot;: &quot;&lt;strong&gt;+% $1&lt;/strong&gt;-ko irabaziak 100etik &lt;strong&gt;$2&lt;/strong&gt;-ra igotzen du. Goiko barra berdeak eta beheko barra gorriak zabalera bera dute — baina ehunekoek desberdintasuna dute. 100era itzultzeko &lt;strong&gt;% $3&lt;/strong&gt; besterik ez da behar, ez -% $1.&quot;,
        &quot;insight_loss&quot;: &quot;&lt;strong&gt;% $1&lt;/strong&gt;-ko galera batek 100 &lt;strong&gt;$2&lt;/strong&gt;-era jaisten du. Goiko barra gorriak eta beheko barra berdeak distantzia fisiko bera hartzen dute — baina ehunekoek desberdintasuna dute, base ezberdinei aplikatzen zaizkie eta. Berreskuratzeko &lt;strong&gt;+% $3&lt;/strong&gt; behar da, ez +% $1.&quot;,
        &quot;insight_zero&quot;: &quot;Aldaketarik aplikatu gabe. Arrastatu kontrol-barra esploratzeko.&quot;,
        &quot;label_after&quot;: &quot;aldaketaren ostean&quot;,
        &quot;label_apply&quot;: &quot;EHUNEKO ALDAKETA BAT EZARRI&quot;,
        &quot;label_recovered&quot;: &quot;berrezartzeko&quot;,
        &quot;label_scale&quot;: &quot;ESKALA: BARRA OSOA = 200&quot;,
        &quot;label_start&quot;: &quot;hasiera&quot;
    },
    &quot;sk&quot;: {
        &quot;_name&quot;: &quot;Percentá&quot;,
        &quot;axis_neg&quot;: &quot;−100%&quot;,
        &quot;axis_pos&quot;: &quot;+100%&quot;,
        &quot;axis_zero&quot;: &quot;0%&quot;,
        &quot;hint&quot;: &quot;Potiahnite posuvník vľavo pre stratu, vpravo pre zisk.&quot;,
        &quot;insight_full_loss&quot;: &quot;Strata &lt;strong&gt;100%&lt;/strong&gt; zníži hodnotu na &lt;strong&gt;0&lt;/strong&gt;. Zotavenie z nuly je &lt;strong&gt;nemožné&lt;/strong&gt; — akékoľvek percento z 0 je stále 0.&quot;,
        &quot;insight_gain&quot;: &quot;Zisk &lt;strong&gt;+$1%&lt;/strong&gt; zvýši 100 na &lt;strong&gt;$2&lt;/strong&gt;. Zelený úsek nad a červený úsek pod sú rovnako široké — no percentá sa líšia. Návrat na 100 vyžaduje len &lt;strong&gt;$3%&lt;/strong&gt;, nie −$1%.&quot;,
        &quot;insight_loss&quot;: &quot;Strata &lt;strong&gt;$1%&lt;/strong&gt; zníži 100 na &lt;strong&gt;$2&lt;/strong&gt;. Červený úsek nad a zelený úsek pod pokrývajú rovnakú fyzickú vzdialenosť — no percentá sa líšia, pretože sa vzťahujú na odlišné základy. Zotavenie vyžaduje &lt;strong&gt;+$3%&lt;/strong&gt;, nie +$1%.&quot;,
        &quot;insight_zero&quot;: &quot;Nebola použitá žiadna zmena. Posúvaním posuvníka skúmajte.&quot;,
        &quot;label_after&quot;: &quot;po zmene&quot;,
        &quot;label_apply&quot;: &quot;POUŽIŤ PERCENTUÁLNU ZMENU&quot;,
        &quot;label_recovered&quot;: &quot;zotavené&quot;,
        &quot;label_scale&quot;: &quot;MIERKA: PLNÁ ŠÍRKA PRUHU = 200&quot;,
        &quot;label_start&quot;: &quot;začiatok&quot;
    },
    &quot;skr-arab&quot;: {
        &quot;_name&quot;: &quot;فیصد&quot;,
        &quot;axis_neg&quot;: &quot;−100%&quot;,
        &quot;axis_pos&quot;: &quot;+100%&quot;,
        &quot;axis_zero&quot;: &quot;0%&quot;,
        &quot;hint&quot;: &quot;نقصان کیتے سلائیڈر کوں کھبے پاسے تے نفع کیتے سڄے پاسے گھسیٹو۔&quot;,
        &quot;insight_full_loss&quot;: &quot;&lt;strong&gt;100%&lt;/strong&gt; دا نقصان قیمت کوں &lt;strong&gt;0&lt;/strong&gt; تے گھن آندے۔ صفر توں بحالی &lt;strong&gt;نا ممکن&lt;/strong&gt; اے — 0 دا کوئی وی فیصد اڄاں 0 ہی ہوندے۔&quot;,
        &quot;insight_gain&quot;: &quot;&lt;strong&gt;+$1%&lt;/strong&gt; دا نفع 100 کوں &lt;strong&gt;$2&lt;/strong&gt; تے گھن ویندے۔ اُتے ساوی پٹی تے تھلے رتی پٹی دی چوڑائی ہکو جیہی اے — پر فیصد وکھرے ہن۔ 100 تے واپس آوݨ کیتے صرف &lt;strong&gt;$3%&lt;/strong&gt; چاہیدا اے، −$1% نئیں۔&quot;,
        &quot;insight_loss&quot;: &quot;&lt;strong&gt;$1%&lt;/strong&gt; دا نقصان 100 کوں &lt;strong&gt;$2&lt;/strong&gt; تے گھن آندے۔ اُتے رتی پٹی تے تھلے ساوی پٹی ہکو جیہی جسمانی دوری چڑھیندن — پر فیصد وکھرے ہن کیوں جو ایہ وکھریاں بنیاداں تے لڳدن۔ بحالی کیتے &lt;strong&gt;+$3%&lt;/strong&gt; چاہیدا اے، +$1% نئیں۔&quot;,
        &quot;insight_zero&quot;: &quot;کوئی تبدیلی نئیں لڳی۔ ڳول کرݨ کیتے سلائیڈر گھسیٹو۔&quot;,
        &quot;label_after&quot;: &quot;تبدیلی توں بعد&quot;,
        &quot;label_apply&quot;: &quot;فیصد دی تبدیلی لاؤ&quot;,
        &quot;label_recovered&quot;: &quot;بحال&quot;,
        &quot;label_scale&quot;: &quot;پیمانہ: پٹی دی پوری چوڑائی = 200&quot;,
        &quot;label_start&quot;: &quot;شروع&quot;
    },
    &quot;lb&quot;: {
        &quot;axis_zero&quot;: &quot;0 %&quot;
    },
    &quot;ko&quot;: {
        &quot;_name&quot;: &quot;백분율&quot;,
        &quot;axis_neg&quot;: &quot;−100%&quot;,
        &quot;axis_pos&quot;: &quot;+100%&quot;,
        &quot;axis_zero&quot;: &quot;0%&quot;,
        &quot;hint&quot;: &quot;슬라이더를 왼쪽으로 당기면 손실, 오른쪽으로 당기면 이익이 발생합니다.&quot;,
        &quot;insight_full_loss&quot;: &quot;&lt;strong&gt;100%&lt;/strong&gt; 손실은 가치를 &lt;strong&gt;0&lt;/strong&gt; 으로 만듭니다. 0에서 회복하는 것은 &lt;strong&gt;불가능합니다&lt;/strong&gt;. 0의 어떤 백분율도 여전히 0입니다.&quot;,
        &quot;insight_gain&quot;: &quot;&lt;strong&gt;+$1%&lt;/strong&gt; 이익은 100을 &lt;strong&gt;$2&lt;/strong&gt;(으)로 만듭니다. 위쪽의 녹색 영역과 아래쪽의 빨간색 영역의 너비는 같지만 백분율은 다릅니다. 100으로 돌아가려면 -$1%가 아니라 &lt;strong&gt;$3%&lt;/strong&gt;만 필요합니다.&quot;,
        &quot;insight_loss&quot;: &quot;&lt;strong&gt;$1%&lt;/strong&gt; 손실은 100을 &lt;strong&gt;$2&lt;/strong&gt;(으)로 만듭니다. 위쪽의 빨간색 영역과 아래쪽의 초록색 영역은 물리적으로 같은 거리를 나타내지만, 적용 기준이 다르기 때문에 백분율도 다릅니다. 회복에는 +$1% 가 아닌 &lt;strong&gt;+$3%&lt;/strong&gt;가 필요합니다.&quot;,
        &quot;insight_zero&quot;: &quot;변경 사항이 적용되지 않았습니다. 슬라이더를 드래그하여 변경 사항을 확인하세요.&quot;,
        &quot;label_after&quot;: &quot;변경 이후&quot;,
        &quot;label_apply&quot;: &quot;백분율 변화를 적용&quot;,
        &quot;label_recovered&quot;: &quot;복원됨&quot;,
        &quot;label_scale&quot;: &quot;축척: 전체 바 너비 = 200&quot;,
        &quot;label_start&quot;: &quot;시작&quot;
    },
    &quot;en&quot;: {
        &quot;_name&quot;: &quot;Percentages&quot;,
        &quot;axis_neg&quot;: &quot;−100%&quot;,
        &quot;axis_pos&quot;: &quot;+100%&quot;,
        &quot;axis_zero&quot;: &quot;0%&quot;,
        &quot;hint&quot;: &quot;Drag the slider left for a loss, right for a gain.&quot;,
        &quot;insight_full_loss&quot;: &quot;A loss of &lt;strong&gt;100%&lt;/strong&gt; brings the value to &lt;strong&gt;0&lt;/strong&gt;. Recovery from zero is &lt;strong&gt;impossible&lt;/strong&gt; — any percentage of 0 is still 0.&quot;,
        &quot;insight_gain&quot;: &quot;A gain of &lt;strong&gt;+$1%&lt;/strong&gt; brings 100 up to &lt;strong&gt;$2&lt;/strong&gt;. The green span above and the red span below are the same width — but the percentages differ. Returning to 100 only takes &lt;strong&gt;$3%&lt;/strong&gt;, not −$1%.&quot;,
        &quot;insight_loss&quot;: &quot;A loss of &lt;strong&gt;$1%&lt;/strong&gt; brings 100 down to &lt;strong&gt;$2&lt;/strong&gt;. The red span above and the green span below cover the same physical distance — but the percentages differ because they apply to different bases. Recovery needs &lt;strong&gt;+$3%&lt;/strong&gt;, not +$1%.&quot;,
        &quot;insight_zero&quot;: &quot;No change applied. Drag the slider to explore.&quot;,
        &quot;label_after&quot;: &quot;after change&quot;,
        &quot;label_apply&quot;: &quot;APPLY A PERCENTAGE CHANGE&quot;,
        &quot;label_recovered&quot;: &quot;recovered&quot;,
        &quot;label_scale&quot;: &quot;SCALE: FULL BAR WIDTH = 200&quot;,
        &quot;label_start&quot;: &quot;start&quot;
    },
    &quot;it&quot;: {
        &quot;_name&quot;: &quot;Percentuali&quot;
    },
    &quot;ca&quot;: {
        &quot;_name&quot;: &quot;Percentatges&quot;,
        &quot;axis_neg&quot;: &quot;−100%&quot;,
        &quot;axis_pos&quot;: &quot;+100%&quot;,
        &quot;axis_zero&quot;: &quot;0%&quot;,
        &quot;label_after&quot;: &quot;després del canvi&quot;,
        &quot;label_recovered&quot;: &quot;recuperat&quot;,
        &quot;label_start&quot;: &quot;inicia&quot;
    },
    &quot;qqq&quot;: {
        &quot;_name&quot;: &quot;Name of the Percentages module&quot;,
        &quot;axis_neg&quot;: &quot;Label at the left end of the slider axis (−100%)&quot;,
        &quot;axis_pos&quot;: &quot;Label at the right end of the slider axis (+100%)&quot;,
        &quot;axis_zero&quot;: &quot;Label at the centre of the slider axis (0%)&quot;,
        &quot;hint&quot;: &quot;Instruction text explaining how to use the slider&quot;,
        &quot;insight_full_loss&quot;: &quot;Insight text shown when the loss is exactly 100%. Uses HTML.&quot;,
        &quot;insight_gain&quot;: &quot;Insight text shown for a percentage gain. Uses HTML. Parameters: $1 = percentage applied, $2 = value after gain, $3 = percentage needed to return to 100.&quot;,
        &quot;insight_loss&quot;: &quot;Insight text shown for a percentage loss. Uses HTML. Parameters: $1 = percentage applied, $2 = value after loss, $3 = percentage needed to return to 100.&quot;,
        &quot;insight_zero&quot;: &quot;Insight text shown when the slider is at zero (no change)&quot;,
        &quot;label_after&quot;: &quot;Label on the bar visualisation for the value after the percentage change&quot;,
        &quot;label_apply&quot;: &quot;Heading for the percentage change control section&quot;,
        &quot;label_recovered&quot;: &quot;Label on the bar visualisation for the recovery bar&quot;,
        &quot;label_scale&quot;: &quot;Label explaining the scale of the bar visualisation&quot;,
        &quot;label_start&quot;: &quot;Label on the bar visualisation for the starting value&quot;
    },
    &quot;ga&quot;: {
        &quot;_name&quot;: &quot;Céatadáin&quot;,
        &quot;axis_neg&quot;: &quot;−100%&quot;,
        &quot;axis_pos&quot;: &quot;+100%&quot;,
        &quot;axis_zero&quot;: &quot;0%&quot;,
        &quot;hint&quot;: &quot;Tarraing an sleamhnán ar chlé le haghaidh caillteanas, ar dheis le haghaidh gnóthachan.&quot;,
        &quot;insight_full_loss&quot;: &quot;Tugann caillteanas &lt;strong&gt;100%&lt;/strong&gt; an luach go &lt;strong&gt;0&lt;/strong&gt;. Tá sé &lt;strong&gt;dodhéanta&lt;/strong&gt; é a aisghabháil ó náid — is ionann aon chéatadán de 0 agus 0 fós.&quot;,
        &quot;insight_gain&quot;: &quot;Tugann gnóthachan de &lt;strong&gt;+$1%&lt;/strong&gt; 100 suas go &lt;strong&gt;$2&lt;/strong&gt;. Tá an leithead céanna ag an réimse glas thuas agus an réimse dearg thíos — ach tá na céatadáin difriúil. Ní thógann sé ach &lt;strong&gt;$3%&lt;/strong&gt; chun filleadh ar 100, ní −$1%.&quot;,
        &quot;insight_loss&quot;: &quot;Le caillteanas de &lt;strong&gt;$1%&lt;/strong&gt;, laghdaítear 100 go &lt;strong&gt;$2&lt;/strong&gt;. Clúdaíonn an réimse dearg thuas agus an réimse glas thíos an t-achar fisiceach céanna — ach tá na céatadáin difriúil toisc go mbaineann siad le bunáiteanna difriúla. Teastaíonn &lt;strong&gt;+$3%&lt;/strong&gt; le haghaidh aisghabhála, ní +$1%.&quot;,
        &quot;insight_zero&quot;: &quot;Níor cuireadh aon athrú i bhfeidhm. Tarraing an sleamhnán chun iniúchadh a dhéanamh.&quot;,
        &quot;label_after&quot;: &quot;tar éis athraithe&quot;,
        &quot;label_apply&quot;: &quot;CUIR ATHRÚ CÉATÁNACH I bhFEIDHM&quot;,
        &quot;label_recovered&quot;: &quot;aisghafa&quot;,
        &quot;label_scale&quot;: &quot;SCÁLA: LEITHEAD AN BHARRA IOMLÁN = 200&quot;,
        &quot;label_start&quot;: &quot;tús&quot;
    },
    &quot;es&quot;: {
        &quot;_name&quot;: &quot;Porcentajes&quot;,
        &quot;axis_neg&quot;: &quot;−100%&quot;,
        &quot;axis_pos&quot;: &quot;+100%&quot;,
        &quot;axis_zero&quot;: &quot;0%&quot;,
        &quot;hint&quot;: &quot;Arrastra el control deslizante a la izquierda para una pérdida, a la derecha para una ganancia.&quot;,
        &quot;insight_full_loss&quot;: &quot;Una pérdida del &lt;strong&gt;100%&lt;/strong&gt; lleva el valor a &lt;strong&gt;0&lt;/strong&gt;. La recuperación desde cero es &lt;strong&gt;imposible&lt;/strong&gt; — cualquier porcentaje de 0 sigue siendo 0.&quot;,
        &quot;insight_gain&quot;: &quot;Una ganancia del &lt;strong&gt;+$1%&lt;/strong&gt; aumenta 100 a &lt;strong&gt;$2&lt;/strong&gt;. La barra verde de arriba y la barra roja de abajo tienen el mismo ancho — pero los porcentajes difieren. Volver a 100 sólo requiere &lt;strong&gt;$3%&lt;/strong&gt;, no −$1%.&quot;,
        &quot;insight_loss&quot;: &quot;Una pérdida del &lt;strong&gt;$1%&lt;/strong&gt; reduce 100 a &lt;strong&gt;$2&lt;/strong&gt;. La barra roja de arriba y la barra verde de abajo cubren la misma distancia física, pero los porcentajes difieren porque se aplican a bases diferentes. Para recuperarse se necesita &lt;strong&gt;+$3%&lt;/strong&gt;, no +$1%.&quot;,
        &quot;insight_zero&quot;: &quot;No se ha aplicado ningún cambio. Arrastra el control para explorar.&quot;,
        &quot;label_after&quot;: &quot;después del cambio&quot;,
        &quot;label_apply&quot;: &quot;APLICAR UN CAMBIO PORCENTUAL&quot;,
        &quot;label_recovered&quot;: &quot;recuperado&quot;,
        &quot;label_scale&quot;: &quot;ESCALA: ANCHO TOTAL = 200&quot;,
        &quot;label_start&quot;: &quot;inicio&quot;
    },
    &quot;mk&quot;: {
        &quot;_name&quot;: &quot;Постотоци&quot;,
        &quot;axis_neg&quot;: &quot;−100 %&quot;,
        &quot;axis_pos&quot;: &quot;+100 %&quot;,
        &quot;axis_zero&quot;: &quot;0 %&quot;,
        &quot;hint&quot;: &quot;Повлечете го лизгачот лево за пад, десно за пораст.&quot;,
        &quot;insight_full_loss&quot;: &quot;Пад од &lt;strong&gt;100 %&lt;/strong&gt; ја доведува вредноста на &lt;strong&gt;0&lt;/strong&gt;. Повратокот од нула е &lt;strong&gt;невозможен&lt;/strong&gt; — секој постоток од 0 е сепак 0.&quot;,
        &quot;insight_gain&quot;: &quot;Пораст од &lt;strong&gt;+$1 %&lt;/strong&gt; ја доведува вредноста 100 на &lt;strong&gt;$2&lt;/strong&gt;. Зелениот лак горе и црвениот лак долу имаат иста ширина — но постотоците се различни. За повраток на 100 ни треба само &lt;strong&gt;$3 %&lt;/strong&gt;, а не −$1 %.&quot;,
        &quot;insight_loss&quot;: &quot;Пад од &lt;strong&gt;$1 %&lt;/strong&gt; ја намалува вредноста 100 на &lt;strong&gt;$2&lt;/strong&gt;. Црвениот лак горе и зелениот лак долу го опфаќаат истото физичко растојание — но постотоците се разликуваат бидејќи се однесуваат на различни основи. За повраток ни треба &lt;strong&gt;+$3 %&lt;/strong&gt;, а не +$1 %.&quot;,
        &quot;insight_zero&quot;: &quot;Нема напраевено промена. Повлечете го лизгачот за да истражите.&quot;,
        &quot;label_after&quot;: &quot;по промената&quot;,
        &quot;label_apply&quot;: &quot;ПРИМЕНИ ПОСТОТНА ПРОМЕНА&quot;,
        &quot;label_recovered&quot;: &quot;повратено&quot;,
        &quot;label_scale&quot;: &quot;РАЗМЕР: ПОЛНА ШИРИНА НА СТОЛБОТ = 200&quot;,
        &quot;label_start&quot;: &quot;почеток&quot;
    }
} /* I18N_END */
var lang = (window.mw &amp;&amp; mw.config.get('wgUserLanguage')) || 'en';
var banana = new Banana(lang.split('-')[0]);
banana.load(messages);

function t(key, vars) {
    var args = Array.isArray(vars) ? vars : [];
    var str = banana.i18n(key, ...args);
    if (vars &amp;&amp; typeof vars === 'object' &amp;&amp; !Array.isArray(vars)) {
        Object.keys(vars).forEach(function(k) {
            str = str.replace(new RegExp('\\{' + k + '\\}', 'g'), vars[k]);
        });
    }
    return str;
}

/* ── HELPERS ──────────────────────────────────────────────────────────────── */
function fmt( n ) {
    // Round to 1 decimal, drop the .0 if whole
    var r = Math.round( n * 10 ) / 10;
    return r % 1 === 0 ? r.toFixed( 0 ) : r.toFixed( 1 );
}
function sgn( n ) { return n &gt;= 0 ? '+' : ''; }
function P( v )   { return ( v / 200 * 100 ) + '%'; }
var MIN_PCT = 8; // minimum bar-segment width (%) to show an inline label

/* ── BUILD HTML ───────────────────────────────────────────────────────────── */
function buildHTML( root ) {
    root.innerHTML =
        '&lt;div class=&quot;hw-percent&quot;&gt;' +

        /* Slider */
        '&lt;div class=&quot;hw-pct-sec-label&quot; id=&quot;hw-pct-lbl-apply&quot;&gt;&lt;/div&gt;' +
        '&lt;div class=&quot;hw-pct-slider-row&quot;&gt;' +
            '&lt;input type=&quot;range&quot; id=&quot;hw-pct-slider&quot; min=&quot;-100&quot; max=&quot;100&quot; value=&quot;0&quot; step=&quot;1&quot;&gt;' +
            '&lt;div class=&quot;hw-pct-badge&quot; id=&quot;hw-pct-badge&quot;&gt;0%&lt;/div&gt;' +
        '&lt;/div&gt;' +
        '&lt;div class=&quot;hw-pct-axis-wrap&quot;&gt;' +
            '&lt;div class=&quot;hw-pct-axis&quot;&gt;' +
                '&lt;span id=&quot;hw-pct-axis-neg&quot;&gt;&lt;/span&gt;' +
                '&lt;span id=&quot;hw-pct-axis-zero&quot;&gt;&lt;/span&gt;' +
                '&lt;span id=&quot;hw-pct-axis-pos&quot;&gt;&lt;/span&gt;' +
            '&lt;/div&gt;' +
        '&lt;/div&gt;' +

        /* Flow connector */
        '&lt;div class=&quot;hw-pct-connector&quot;&gt;' +
            '&lt;div class=&quot;hw-pct-conn-col&quot;&gt;' +
                '&lt;div class=&quot;hw-pct-conn-box&quot;&gt;' +
                    '&lt;div class=&quot;hw-pct-conn-val&quot;&gt;100&lt;/div&gt;' +
                    '&lt;div class=&quot;hw-pct-conn-lbl&quot; id=&quot;hw-pct-lbl-start&quot;&gt;&lt;/div&gt;' +
                '&lt;/div&gt;' +
            '&lt;/div&gt;' +
            '&lt;div class=&quot;hw-pct-conn-arrow&quot;&gt;' +
                '&lt;div class=&quot;hw-pct-conn-pct&quot; id=&quot;hw-pct-a1-pct&quot;&gt;0%&lt;/div&gt;' +
                '&lt;div class=&quot;hw-pct-conn-line&quot; id=&quot;hw-pct-a1-line&quot;&gt;&lt;span class=&quot;hw-pct-tip&quot; id=&quot;hw-pct-a1-tip&quot;&gt;&lt;/span&gt;&lt;/div&gt;' +
                '&lt;div class=&quot;hw-pct-conn-abs&quot; id=&quot;hw-pct-a1-abs&quot;&gt;&lt;/div&gt;' +
            '&lt;/div&gt;' +
            '&lt;div class=&quot;hw-pct-conn-col&quot;&gt;' +
                '&lt;div class=&quot;hw-pct-conn-box hw-pct-conn-box-after&quot; id=&quot;hw-pct-c2-box&quot;&gt;' +
                    '&lt;div class=&quot;hw-pct-conn-val&quot; id=&quot;hw-pct-c-after&quot;&gt;100&lt;/div&gt;' +
                    '&lt;div class=&quot;hw-pct-conn-lbl&quot; id=&quot;hw-pct-lbl-after&quot;&gt;&lt;/div&gt;' +
                '&lt;/div&gt;' +
            '&lt;/div&gt;' +
            '&lt;div class=&quot;hw-pct-conn-arrow&quot;&gt;' +
                '&lt;div class=&quot;hw-pct-conn-pct&quot; id=&quot;hw-pct-a2-pct&quot;&gt;—&lt;/div&gt;' +
                '&lt;div class=&quot;hw-pct-conn-line&quot; id=&quot;hw-pct-a2-line&quot;&gt;&lt;span class=&quot;hw-pct-tip&quot; id=&quot;hw-pct-a2-tip&quot;&gt;&lt;/span&gt;&lt;/div&gt;' +
                '&lt;div class=&quot;hw-pct-conn-abs&quot; id=&quot;hw-pct-a2-abs&quot;&gt;&lt;/div&gt;' +
            '&lt;/div&gt;' +
            '&lt;div class=&quot;hw-pct-conn-col&quot;&gt;' +
                '&lt;div class=&quot;hw-pct-conn-box&quot;&gt;' +
                    '&lt;div class=&quot;hw-pct-conn-val&quot;&gt;100&lt;/div&gt;' +
                    '&lt;div class=&quot;hw-pct-conn-lbl&quot; id=&quot;hw-pct-lbl-recovered&quot;&gt;&lt;/div&gt;' +
                '&lt;/div&gt;' +
            '&lt;/div&gt;' +
        '&lt;/div&gt;' +

        /* Bar */
        '&lt;div class=&quot;hw-pct-sec-label&quot; id=&quot;hw-pct-lbl-scale&quot;&gt;&lt;/div&gt;' +
        '&lt;div class=&quot;hw-pct-bar-section&quot;&gt;' +
            '&lt;div class=&quot;hw-pct-bar-outer&quot;&gt;' +
                '&lt;div class=&quot;hw-pct-bracket&quot; id=&quot;hw-pct-top-line&quot;&gt;&lt;/div&gt;' +
                '&lt;div class=&quot;hw-pct-ann&quot;     id=&quot;hw-pct-top-txt&quot;&gt;&lt;/div&gt;' +
                '&lt;div class=&quot;hw-pct-tick&quot;    id=&quot;hw-pct-tick100&quot;&gt;&lt;/div&gt;' +
                '&lt;div class=&quot;hw-pct-bar-track&quot; id=&quot;hw-pct-bar-track&quot;&gt;' +
                    '&lt;div class=&quot;hw-pct-seg&quot; id=&quot;hw-pct-seg-blue&quot;&gt;&lt;/div&gt;' +
                    '&lt;div class=&quot;hw-pct-seg&quot; id=&quot;hw-pct-seg-delta&quot;&gt;&lt;/div&gt;' +
                    '&lt;div class=&quot;hw-pct-seg-lbl&quot; id=&quot;hw-pct-lbl-left&quot;&gt;&lt;/div&gt;' +
                    '&lt;div class=&quot;hw-pct-seg-lbl&quot; id=&quot;hw-pct-seg-lbl-right&quot; id=&quot;hw-pct-lbl-right&quot;&gt;&lt;/div&gt;' +
                '&lt;/div&gt;' +
                '&lt;div class=&quot;hw-pct-bracket&quot; id=&quot;hw-pct-bot-line&quot;&gt;&lt;/div&gt;' +
                '&lt;div class=&quot;hw-pct-ann&quot;     id=&quot;hw-pct-bot-txt&quot;&gt;&lt;/div&gt;' +
            '&lt;/div&gt;' +
        '&lt;/div&gt;' +

        /* Insight */
        '&lt;div class=&quot;hw-pct-insight&quot; id=&quot;hw-pct-insight&quot;&gt;&lt;/div&gt;' +

        '&lt;/div&gt;';
}

/* ── INIT STATIC TEXT ─────────────────────────────────────────────────────── */
function initText( root ) {
    root.querySelector( '#hw-pct-lbl-apply'     ).textContent = t( 'label_apply'     );
    root.querySelector( '#hw-pct-lbl-scale'     ).textContent = t( 'label_scale'     );
    root.querySelector( '#hw-pct-lbl-start'     ).textContent = t( 'label_start'     );
    root.querySelector( '#hw-pct-lbl-after'     ).textContent = t( 'label_after'     );
    root.querySelector( '#hw-pct-lbl-recovered' ).textContent = t( 'label_recovered' );
    root.querySelector( '#hw-pct-axis-neg'      ).textContent = t( 'axis_neg'        );
    root.querySelector( '#hw-pct-axis-zero'     ).textContent = t( 'axis_zero'       );
    root.querySelector( '#hw-pct-axis-pos'      ).textContent = t( 'axis_pos'        );
}

/* ── ARROW HELPER ─────────────────────────────────────────────────────────── */
function setArrow( root, id, text, color, absText ) {
    var p   = root.querySelector( '#hw-pct-' + id + '-pct' );
    var l   = root.querySelector( '#hw-pct-' + id + '-line' );
    var tip = root.querySelector( '#hw-pct-' + id + '-tip' );
    var a   = root.querySelector( '#hw-pct-' + id + '-abs' );
    p.textContent         = text;
    p.style.color         = color;
    l.style.background    = color;
    tip.style.borderLeftColor = color;
    if ( a ) { a.textContent = absText || ''; }
}

/* ── UPDATE ───────────────────────────────────────────────────────────────── */
function update( root ) {
    var slider   = root.querySelector( '#hw-pct-slider' );
    var pct      = parseInt( slider.value, 10 );
    var result   = Math.round( 100 * ( 1 + pct / 100 ) * 10 ) / 10;
    var change   = Math.round( ( result - 100 ) * 10 ) / 10;
    var isLoss   = pct &lt; 0;
    var isGain   = pct &gt; 0;
    var fullLoss = pct === -100;

    // Recovery: −100% → ∞; 0% → no recovery needed
    var recovery;
    var recoveryStr;
    if ( fullLoss ) {
        recovery    = Infinity;
        recoveryStr = '∞';
    } else if ( pct === 0 ) {
        recovery    = 0;
        recoveryStr = '0';
    } else {
        recovery    = Math.round( ( 100 / result - 1 ) * 1000 ) / 10;
        recoveryStr = fmt( recovery );
    }

    var aC = isLoss ? '#C0392B' : isGain ? '#639922' : 'var(--color-text-tertiary, #888)';
    var rC = isLoss ? '#639922' : isGain ? '#C0392B' : 'var(--color-text-tertiary, #888)';
    var neutralC = 'var(--color-text-tertiary, #888)';

    /* Badge */
    var badge = root.querySelector( '#hw-pct-badge' );
    badge.textContent = sgn( pct ) + pct + '%';
    badge.style.color = ( isLoss || isGain ) ? aC : 'var(--color-text-primary, #222)';

    /* Arrows */
    setArrow( root, 'a1',
        sgn( pct ) + pct + '%',
        pct !== 0 ? aC : neutralC,
        pct !== 0 ? sgn( change ) + fmt( change ) : null
    );
    if ( pct === 0 ) {
        setArrow( root, 'a2', '—', neutralC, null );
        root.querySelector( '#hw-pct-a2-tip' ).style.borderLeftColor = 'transparent';
    } else if ( fullLoss ) {
        setArrow( root, 'a2', '+∞%', rC, null );
    } else {
        setArrow( root, 'a2', sgn( recovery ) + recoveryStr + '%', rC, sgn( -change ) + fmt( Math.abs( change ) ) );
    }

    /* After-change box */
    var cAfter = root.querySelector( '#hw-pct-c-after' );
    cAfter.textContent = fmt( result );
    cAfter.style.color = pct !== 0 ? aC : 'var(--color-text-primary, #222)';
    root.querySelector( '#hw-pct-c2-box' ).style.background =
        isLoss ? 'rgba(192,57,43,.08)' : isGain ? 'rgba(99,153,34,.08)' : '';

    /* Bar elements */
    var segBlue  = root.querySelector( '#hw-pct-seg-blue'  );
    var segDelta = root.querySelector( '#hw-pct-seg-delta' );
    var lblLeft  = root.querySelector( '#hw-pct-lbl-left'  );
    var lblRight = root.querySelector( '#hw-pct-lbl-right' );
    var tick100  = root.querySelector( '#hw-pct-tick100'   );
    var topLine  = root.querySelector( '#hw-pct-top-line'  );
    var topTxt   = root.querySelector( '#hw-pct-top-txt'   );
    var botLine  = root.querySelector( '#hw-pct-bot-line'  );
    var botTxt   = root.querySelector( '#hw-pct-bot-txt'   );

    tick100.style.left    = P( 100 );
    tick100.style.display = pct === 0 ? 'none' : 'block';

    var insight = root.querySelector( '#hw-pct-insight' );

    if ( pct === 0 ) {
        segBlue.style.cssText  = 'left:0;width:50%;background:#378ADD;border-radius:8px';
        segDelta.style.width   = '0';
        lblLeft.textContent    = '100';
        lblLeft.style.left     = '0';
        lblRight.textContent   = '';
        topLine.style.width    = '0'; topTxt.textContent = '';
        botLine.style.width    = '0'; botTxt.textContent = '';
        insight.innerHTML      = t( 'hint' );
        return;
    }

    if ( isGain ) {
        segBlue.style.cssText  = 'left:0;width:' + P(100) + ';background:#378ADD;border-radius:8px 0 0 8px';
        segDelta.style.cssText = 'left:' + P(100) + ';width:' + P(result-100) + ';background:#639922;border-radius:0 8px 8px 0';
        lblLeft.style.left     = '0';
        lblLeft.textContent    = '100';
        lblRight.style.left    = P( 100 );
        lblRight.textContent   = ( result - 100 ) / 200 * 100 &gt; MIN_PCT ? fmt( result ) : '';

        topLine.style.cssText  = 'top:18px;left:' + P(100) + ';width:' + P(result-100) + ';background:#639922';
        topTxt.style.cssText   = 'top:2px;left:' + P(100) + ';width:' + P(result-100) + ';color:#639922';
        topTxt.textContent     = '+' + pct + '%';

        botLine.style.cssText  = 'bottom:18px;left:' + P(100) + ';width:' + P(result-100) + ';background:#C0392B';
        botTxt.style.cssText   = 'bottom:2px;left:' + P(100) + ';width:' + P(result-100) + ';color:#C0392B';
        botTxt.textContent     = recoveryStr + '%';

    } else {
        // Loss (including full −100%)
        segBlue.style.cssText  = 'left:0;width:' + P(100) + ';background:#378ADD;border-radius:8px';
        if ( fullLoss ) {
            segDelta.style.width = '0';
            lblLeft.textContent  = '';
            lblRight.textContent = '';
            topLine.style.cssText = 'top:18px;left:0;width:50%;background:#C0392B';
            topTxt.style.cssText  = 'top:2px;left:0;width:50%;color:#C0392B';
            topTxt.textContent    = '−100%';
            botLine.style.cssText = 'bottom:18px;left:0;width:50%;background:#639922';
            botTxt.style.cssText  = 'bottom:2px;left:0;width:50%;color:#639922';
            botTxt.textContent    = '+∞%';
        } else {
            segDelta.style.cssText = 'left:' + P(result) + ';width:' + P(100-result) + ';background:#C0392B;border-radius:0 8px 8px 0';
            lblLeft.style.left     = '0';
            lblLeft.textContent    = result / 200 * 100 &gt; MIN_PCT ? fmt( result ) : '';
            lblRight.style.left    = P( result );
            lblRight.textContent   = ( 100 - result ) / 200 * 100 &gt; MIN_PCT ? '100' : '';

            topLine.style.cssText  = 'top:18px;left:' + P(result) + ';width:' + P(100-result) + ';background:#C0392B';
            topTxt.style.cssText   = 'top:2px;left:' + P(result) + ';width:' + P(100-result) + ';color:#C0392B';
            topTxt.textContent     = pct + '%';

            botLine.style.cssText  = 'bottom:18px;left:' + P(result) + ';width:' + P(100-result) + ';background:#639922';
            botTxt.style.cssText   = 'bottom:2px;left:' + P(result) + ';width:' + P(100-result) + ';color:#639922';
            botTxt.textContent     = '+' + recoveryStr + '%';
        }
    }

    /* Insight text */
    if ( fullLoss ) {
        insight.innerHTML = t( 'insight_full_loss' );
    } else if ( isLoss ) {
        insight.innerHTML = t( 'insight_loss', [ Math.abs( pct ), fmt( result ), recoveryStr ] );
    } else {
        insight.innerHTML = t( 'insight_gain', [ pct, fmt( result ), recoveryStr ] );
    }
}

/* ── MOUNT ────────────────────────────────────────────────────────────────── */
function mount( root ) {
    buildHTML( root );
    initText( root );
    // Fix the duplicate id bug in lbl-right
    var rightLbl = root.querySelector( '#hw-pct-seg-lbl-right' );
    if ( rightLbl ) { rightLbl.id = 'hw-pct-lbl-right'; }
    var slider = root.querySelector( '#hw-pct-slider' );
    slider.addEventListener( 'input', function () { update( root ); } );
    update( root );
    
    // Footer branding
    var footer = document.createElement(&quot;div&quot;);
    footer.className = &quot;hw-footer&quot;;
    var fLogo = document.createElement(&quot;a&quot;);
    fLogo.className = &quot;hw-footer-icon&quot;;
    fLogo.href = mw.util.getUrl('Wikipedia:Hiruwiki');
    fLogo.title = 'Hiruwiki';
    fLogo.innerHTML = hiruwiki.getLogoSvg(22);
    var fText = document.createElement(&quot;span&quot;);
    fText.innerHTML = t('hint');
    footer.appendChild(fLogo);
    footer.appendChild(fText);
    root.appendChild(footer);
}

/* ── SCAN &amp; INIT ──────────────────────────────────────────────────────────── */
function init() {
    document.querySelectorAll( '.hiruwiki[data-module=&quot;percent&quot;]' ).forEach( function ( el ) {
        if ( !el.dataset.hwPctInit ) {
            el.dataset.hwPctInit = '1';
            mount( el );
        }
    } );
}

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

} )();</text>
      <sha1>ccz0qhqnx62d0mkg9ehq7305nyh6y4v</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/positive-coordinates.js</title>
    <ns>8</ns>
    <id>179513</id>
    <revision>
      <id>781439</id>
      <parentid>770240</parentid>
      <timestamp>2026-10-28T10:39:52Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781439</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="27000" sha1="i3hxztyyi8gkrwmnbpgcfonjv8kbmsc" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
( function () {
  'use strict';

  
/* ── I18N ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var messages = /* I18N_START */ {
    &quot;nl&quot;: {
        &quot;_name&quot;: &quot;Integercoördinaten&quot;,
        &quot;btnChallenge&quot;: &quot;🎯 Uitdaging&quot;,
        &quot;btnCheck&quot;: &quot;Controleren ✓&quot;,
        &quot;btnExplore&quot;: &quot;🔭 Verkennen&quot;,
        &quot;btnNext&quot;: &quot;Volgende →&quot;,
        &quot;feedbackCorrect&quot;: &quot;✓ Klopt!&quot;,
        &quot;feedbackWrong&quot;: &quot;✗ Onjuist. De zwakke ster was het juiste antwoord.&quot;,
        &quot;hintChallenge&quot;: &quot;Verplaats ★ naar de voorgestelde coördinaten en klik op Controleren&quot;,
        &quot;hintExplore&quot;: &quot;Verplaats ★ door erop te klikken — springt naar hele getallen&quot;,
        &quot;movePrompt&quot;: &quot;Verplaats ★ naar:&lt;br&gt;($1, $2)&quot;,
        &quot;pointLabel&quot;: &quot;Punt:&quot;,
        &quot;titleExplore&quot;: &quot;Verken het coördinatensysteem&quot;,
        &quot;hint&quot;: &quot;Verplaats de ster om de coördinaten te verkennen&quot;
    },
    &quot;fr&quot;: {
        &quot;_name&quot;: &quot;Coordonnées entières&quot;,
        &quot;btnChallenge&quot;: &quot;🎯 Défi&quot;,
        &quot;btnCheck&quot;: &quot;Vérifier ✓&quot;,
        &quot;btnExplore&quot;: &quot;🔭 Explorer&quot;,
        &quot;btnNext&quot;: &quot;Suivant →&quot;,
        &quot;feedbackCorrect&quot;: &quot;✓ Correct !&quot;,
        &quot;feedbackWrong&quot;: &quot;✗ Incorrect. L'étoile pâle était la bonne réponse.&quot;,
        &quot;hintChallenge&quot;: &quot;Déplacez ★ vers les coordonnées proposées et cliquez sur Vérifier&quot;,
        &quot;hintExplore&quot;: &quot;Déplacez ★ en cliquant dessus — il s'accroche aux entiers&quot;,
        &quot;movePrompt&quot;: &quot;Déplacez ★ vers :&lt;br&gt;($1, $2)&quot;,
        &quot;pointLabel&quot;: &quot;Point :&quot;,
        &quot;titleExplore&quot;: &quot;Explorer le système de coordonnées&quot;,
        &quot;hint&quot;: &quot;Déplacez l'étoile pour explorer les coordonnées&quot;
    },
    &quot;eu&quot;: {
        &quot;_name&quot;: &quot;Koordenatu positiboak&quot;,
        &quot;btnChallenge&quot;: &quot;🎯 Erronka&quot;,
        &quot;btnCheck&quot;: &quot;Zuzendu ✓&quot;,
        &quot;btnExplore&quot;: &quot;🔭 Esploratu&quot;,
        &quot;btnNext&quot;: &quot;Hurrengoa →&quot;,
        &quot;feedbackCorrect&quot;: &quot;✓ Zuzen!&quot;,
        &quot;feedbackWrong&quot;: &quot;✗ Ez da zuzena. Izar ahula zen erantzun zuzena.&quot;,
        &quot;hintChallenge&quot;: &quot;Mugi ezazu ★ proposatutako koordenatuetara eta klik egin Zuzendu botoian&quot;,
        &quot;hintExplore&quot;: &quot;Mugi ezazu ★ bere gainean klik eginez — zenbaki arruntak erabiltzen ditu&quot;,
        &quot;movePrompt&quot;: &quot;Mugitu ★ hona:&lt;br&gt;($1, $2)&quot;,
        &quot;pointLabel&quot;: &quot;Puntua:&quot;,
        &quot;titleExplore&quot;: &quot;Esploratu koordenatuen sistema&quot;,
        &quot;hint&quot;: &quot;Mugitu izarra koordenatuak aztertzeko&quot;
    },
    &quot;sk&quot;: {
        &quot;_name&quot;: &quot;Celočíselné súradnice&quot;,
        &quot;btnChallenge&quot;: &quot;🎯 Výzva&quot;,
        &quot;btnCheck&quot;: &quot;Skontrolovať ✓&quot;,
        &quot;btnExplore&quot;: &quot;🔭 Skúmať&quot;,
        &quot;btnNext&quot;: &quot;Ďalej →&quot;,
        &quot;feedbackCorrect&quot;: &quot;✓ Správne!&quot;,
        &quot;feedbackWrong&quot;: &quot;✗ Nesprávne. Správnou odpoveďou bola bledá hviezda.&quot;,
        &quot;hintChallenge&quot;: &quot;Presuňte ★ na navrhnuté súradnice a kliknite na Skontrolovať&quot;,
        &quot;hintExplore&quot;: &quot;Presuňte ★ kliknutím naň — prichytí sa na celé čísla&quot;,
        &quot;movePrompt&quot;: &quot;Presuňte ★ na:&lt;br&gt;($1, $2)&quot;,
        &quot;pointLabel&quot;: &quot;Bod:&quot;,
        &quot;titleExplore&quot;: &quot;Skúmať súradnicovú sústavu&quot;,
        &quot;hint&quot;: &quot;Presúvaním hviezdy skúmajte súradnice&quot;
    },
    &quot;skr-arab&quot;: {
        &quot;_name&quot;: &quot;صحیح مختصات&quot;,
        &quot;btnChallenge&quot;: &quot;🎯 چیلنج&quot;,
        &quot;btnCheck&quot;: &quot;چیک کرو ✓&quot;,
        &quot;btnExplore&quot;: &quot;🔭 کھوج&quot;,
        &quot;btnNext&quot;: &quot;اڳلا ←&quot;,
        &quot;feedbackCorrect&quot;: &quot;✓ ٹھیک!&quot;,
        &quot;feedbackWrong&quot;: &quot;✗ غلط۔ مدھم ستارا ٹھیک جواب ہا۔&quot;,
        &quot;hintChallenge&quot;: &quot;★ کوں مجوزہ مختصات تے گھن ونجو تے چیک دباؤ&quot;,
        &quot;hintExplore&quot;: &quot;★ تے کلک کر کے اونکوں ہلاو — اوہ صحیح اعداد تے ٹک ویندے&quot;,
        &quot;movePrompt&quot;: &quot;★ کوں اتھاں گھن ونجو:&lt;br&gt;($1, $2)&quot;,
        &quot;pointLabel&quot;: &quot;نقطہ:&quot;,
        &quot;titleExplore&quot;: &quot;مختصاتی نظام دی کھوج&quot;,
        &quot;hint&quot;: &quot;ستارے کوں ہلا کے مختصات دی کھوج کرو&quot;
    },
    &quot;lb&quot;: {
        &quot;_name&quot;: &quot;Ganzzueleg Koordinaten&quot;,
        &quot;pointLabel&quot;: &quot;Punkt:&quot;
    },
    &quot;ko&quot;: {
        &quot;_name&quot;: &quot;정수 좌표&quot;,
        &quot;btnChallenge&quot;: &quot;🎯 도전&quot;,
        &quot;btnCheck&quot;: &quot;확인 ✓&quot;,
        &quot;btnExplore&quot;: &quot;🔭 탐색&quot;,
        &quot;btnNext&quot;: &quot;다음 →&quot;,
        &quot;feedbackCorrect&quot;: &quot;✓ 정답입니다!&quot;,
        &quot;feedbackWrong&quot;: &quot;✗ 틀렸습니다. 희미한 별이 정답입니다.&quot;,
        &quot;hintChallenge&quot;: &quot;★ 표시를 제시된 좌표로 이동한 후 확인을 클릭하세요&quot;,
        &quot;hintExplore&quot;: &quot;★를 클릭하여 이동하세요. 정수 위치에 맞춰집니다&quot;,
        &quot;movePrompt&quot;: &quot;★을 다음으로 이동:&lt;br&gt;($1, $2)&quot;,
        &quot;pointLabel&quot;: &quot;점수:&quot;,
        &quot;titleExplore&quot;: &quot;좌표계를 탐색하세요&quot;,
        &quot;hint&quot;: &quot;별을 움직여 좌표를 탐색하세요&quot;
    },
    &quot;en&quot;: {
        &quot;_name&quot;: &quot;Integer Coordinates&quot;,
        &quot;btnChallenge&quot;: &quot;🎯 Challenge&quot;,
        &quot;btnCheck&quot;: &quot;Check ✓&quot;,
        &quot;btnExplore&quot;: &quot;🔭 Explore&quot;,
        &quot;btnNext&quot;: &quot;Next →&quot;,
        &quot;feedbackCorrect&quot;: &quot;✓ Correct!&quot;,
        &quot;feedbackWrong&quot;: &quot;✗ Incorrect. The faint star was the correct answer.&quot;,
        &quot;hintChallenge&quot;: &quot;Move ★ to the proposed coordinates and click Check&quot;,
        &quot;hintExplore&quot;: &quot;Move ★ by clicking on it — it snaps to integers&quot;,
        &quot;movePrompt&quot;: &quot;Move ★ to:&lt;br&gt;($1, $2)&quot;,
        &quot;pointLabel&quot;: &quot;Point:&quot;,
        &quot;titleExplore&quot;: &quot;Explore Coordinate System&quot;,
        &quot;hint&quot;: &quot;Move the star to explore coordinates&quot;
    },
    &quot;it&quot;: {
        &quot;_name&quot;: &quot;Coordinate intere&quot;,
        &quot;btnNext&quot;: &quot;Successivo →&quot;,
        &quot;feedbackCorrect&quot;: &quot;✓ Corretto!&quot;,
        &quot;pointLabel&quot;: &quot;Punto:&quot;
    },
    &quot;ca&quot;: {
        &quot;btnNext&quot;: &quot;Endavant →&quot;,
        &quot;feedbackCorrect&quot;: &quot;✓ Correcte!&quot;
    },
    &quot;qqq&quot;: {
        &quot;_name&quot;: &quot;Name of the Positive Coordinates module (integer grid variant)&quot;,
        &quot;btnChallenge&quot;: &quot;Button label to switch to challenge mode&quot;,
        &quot;btnCheck&quot;: &quot;Button label to check the player's answer&quot;,
        &quot;btnExplore&quot;: &quot;Button label to switch to explore mode&quot;,
        &quot;btnNext&quot;: &quot;Button label to proceed to the next challenge&quot;,
        &quot;feedbackCorrect&quot;: &quot;Feedback shown when the player places the star correctly&quot;,
        &quot;feedbackWrong&quot;: &quot;Feedback shown when the player places the star incorrectly&quot;,
        &quot;hintChallenge&quot;: &quot;Instruction text shown in challenge mode&quot;,
        &quot;hintExplore&quot;: &quot;Instruction text shown in explore mode&quot;,
        &quot;movePrompt&quot;: &quot;Prompt telling the player where to move the star. Uses HTML. Parameters: $1 = target X coordinate, $2 = target Y coordinate.&quot;,
        &quot;pointLabel&quot;: &quot;Label for the current point coordinates. Followed by coordinate values.&quot;,
        &quot;titleExplore&quot;: &quot;Title shown in explore mode&quot;,
        &quot;hint&quot;: &quot;Instruction text for the coordinate system interaction&quot;
    },
    &quot;ga&quot;: {
        &quot;_name&quot;: &quot;Comhordanáidí Slánuimhreacha&quot;,
        &quot;btnChallenge&quot;: &quot;🎯 Dúshlán&quot;,
        &quot;btnCheck&quot;: &quot;Seiceáil ✓&quot;,
        &quot;btnExplore&quot;: &quot;🔭 Taiscéal&quot;,
        &quot;btnNext&quot;: &quot;Ar Aghaidh →&quot;,
        &quot;feedbackCorrect&quot;: &quot;✓ Ceart!&quot;,
        &quot;feedbackWrong&quot;: &quot;✗ Mícheart. Ba é an réalta lag an freagra ceart.&quot;,
        &quot;hintChallenge&quot;: &quot;Bog ★ go dtí na comhordanáidí atá beartaithe agus cliceáil Seiceáil&quot;,
        &quot;hintExplore&quot;: &quot;Bog ★ trí chliceáil air — snapálann sé chuig slánuimhreacha&quot;,
        &quot;movePrompt&quot;: &quot;Bog ★ go:&lt;br&gt;($1, $2)&quot;,
        &quot;pointLabel&quot;: &quot;Pointe:&quot;,
        &quot;titleExplore&quot;: &quot;Iniúchadh a dhéanamh ar an gCóras Comhordanáidí&quot;,
        &quot;hint&quot;: &quot;Bog an réalta chun comhordanáidí a iniúchadh&quot;
    },
    &quot;es&quot;: {
        &quot;_name&quot;: &quot;Coordenadas positivas&quot;,
        &quot;btnChallenge&quot;: &quot;🎯 Reto&quot;,
        &quot;btnCheck&quot;: &quot;Comprobar ✓&quot;,
        &quot;btnExplore&quot;: &quot;🔭 Explorar&quot;,
        &quot;btnNext&quot;: &quot;Siguiente →&quot;,
        &quot;feedbackCorrect&quot;: &quot;✓ ¡Correcto!&quot;,
        &quot;feedbackWrong&quot;: &quot;✗ Incorrecto. La estrella tenue era la respuesta correcta.&quot;,
        &quot;hintChallenge&quot;: &quot;Mueve ★ a las coordenadas propuestas y pulsa Comprobar&quot;,
        &quot;hintExplore&quot;: &quot;Mueve ★ haciendo clic en él — se ajusta a enteros&quot;,
        &quot;movePrompt&quot;: &quot;Mueve ★ a:&lt;br&gt;($1, $2)&quot;,
        &quot;pointLabel&quot;: &quot;Punto:&quot;,
        &quot;titleExplore&quot;: &quot;Explorar el sistema de coordenadas&quot;,
        &quot;hint&quot;: &quot;Mueve la estrella para explorar las coordenadas&quot;
    },
    &quot;mk&quot;: {
        &quot;_name&quot;: &quot;Целобројни координати&quot;,
        &quot;btnChallenge&quot;: &quot;🎯 Предизвик&quot;,
        &quot;btnCheck&quot;: &quot;Провери ✓&quot;,
        &quot;btnExplore&quot;: &quot;🔭 Истражи&quot;,
        &quot;btnNext&quot;: &quot;Следно →&quot;,
        &quot;feedbackCorrect&quot;: &quot;✓ Точно!&quot;,
        &quot;feedbackWrong&quot;: &quot;✗ Неточно. Слабата ѕвезда е точниот одговор.&quot;,
        &quot;hintChallenge&quot;: &quot;Поместете го ★ на предложените координати и стиснете на Провери&quot;,
        &quot;hintExplore&quot;: &quot;Поместете го ★ стискајќи на него — се сведува на цели броеви&quot;,
        &quot;movePrompt&quot;: &quot;Поместете го ★ на:&lt;br&gt;($1, $2)&quot;,
        &quot;pointLabel&quot;: &quot;Точка:&quot;,
        &quot;titleExplore&quot;: &quot;Истражете го координатниот систем&quot;,
        &quot;hint&quot;: &quot;Поместете ја ѕвездата за да истражите координати&quot;
    }
} /* I18N_END */
var lang = (window.mw &amp;&amp; mw.config.get('wgUserLanguage')) || 'en';
var banana = new Banana(lang.split('-')[0]);
banana.load(messages);

function t(key, vars) {
    var args = Array.isArray(vars) ? vars : [];
    var str = banana.i18n(key, ...args);
    if (vars &amp;&amp; typeof vars === 'object' &amp;&amp; !Array.isArray(vars)) {
        Object.keys(vars).forEach(function(k) {
            str = str.replace(new RegExp('\\{' + k + '\\}', 'g'), vars[k]);
        });
    }
    return str;
}

document.querySelectorAll( '.hiruwiki[data-module=&quot;positive-coordinates&quot;]' ).forEach( function ( host ) {

    host.innerHTML = [
      '&lt;div class=&quot;cex-wrapper&quot;&gt;',
      '  &lt;div class=&quot;cex-mode-bar&quot;&gt;',
      '    &lt;button class=&quot;cex-mode-btn cex-active&quot; data-mode=&quot;explorer&quot;&gt;' + t('btnExplore') + '&lt;/button&gt;',
      '    &lt;button class=&quot;cex-mode-btn&quot; data-mode=&quot;challenge&quot;&gt;' + t('btnChallenge') + '&lt;/button&gt;',
      '  &lt;/div&gt;',
      '  &lt;div class=&quot;cex-body&quot;&gt;',
      '    &lt;canvas class=&quot;cex-canvas&quot;&gt;&lt;/canvas&gt;',
      '    &lt;div class=&quot;cex-sidebar&quot;&gt;',
      '      &lt;div class=&quot;cex-explorer-panel&quot;&gt;',
      '        &lt;div class=&quot;cex-sidebar-title&quot;&gt;' + t('titleExplore') + '&lt;/div&gt;',
      '        &lt;div class=&quot;cex-info-bar&quot;&gt;',
      '          ' + t('pointLabel') + '&lt;br&gt;',
      '          (&lt;span class=&quot;cex-cx&quot;&gt;&lt;/span&gt;, &lt;span class=&quot;cex-cy&quot;&gt;&lt;/span&gt;)',
      '        &lt;/div&gt;',
      '        &lt;div class=&quot;cex-hint&quot;&gt;' + t('hintExplore') + '&lt;/div&gt;',
      '      &lt;/div&gt;',
      '      &lt;div class=&quot;cex-challenge-panel&quot;&gt;',
      '        &lt;div class=&quot;cex-challenge-prompt&quot;&gt;&lt;/div&gt;',
      '        &lt;div class=&quot;cex-feedback&quot;&gt;&lt;/div&gt;',
      '        &lt;div class=&quot;cex-btn-col&quot;&gt;',
      '          &lt;button class=&quot;cex-action-btn cex-check-btn&quot;&gt;' + t('btnCheck') + '&lt;/button&gt;',
      '          &lt;button class=&quot;cex-action-btn cex-next-btn&quot;&gt;' + t('btnNext') + '&lt;/button&gt;',
      '        &lt;/div&gt;',
      '        &lt;div class=&quot;cex-hint&quot;&gt;' + t('hintChallenge') + '&lt;/div&gt;',
      '      &lt;/div&gt;',
      '    &lt;/div&gt;',
      '  &lt;/div&gt;',
      '&lt;/div&gt;'
    ].join( '\n' );


    initInstance( host );
    
    // Footer branding
    var footer = document.createElement(&quot;div&quot;);
    footer.className = &quot;hw-footer&quot;;
    var fLogo = document.createElement(&quot;a&quot;);
    fLogo.className = &quot;hw-footer-icon&quot;;
    fLogo.href = mw.util.getUrl('Wikipedia:Hiruwiki');
    fLogo.title = 'Hiruwiki';
    fLogo.innerHTML = hiruwiki.getLogoSvg(22);
    var fText = document.createElement(&quot;span&quot;);
    fText.innerHTML = t('hint');
    footer.appendChild(fLogo);
    footer.appendChild(fText);
    host.appendChild(footer);
  } );

  function initInstance( host ) {

    var canvas         = host.querySelector( '.cex-canvas' );
    var ctx            = canvas.getContext( '2d' );
    var btnExplorer    = host.querySelector( '[data-mode=&quot;explorer&quot;]' );
    var btnChallenge   = host.querySelector( '[data-mode=&quot;challenge&quot;]' );
    var explorerPanel  = host.querySelector( '.cex-explorer-panel' );
    var challengePanel = host.querySelector( '.cex-challenge-panel' );
    var promptBar      = host.querySelector( '.cex-challenge-prompt' );
    var spCX           = host.querySelector( '.cex-cx' );
    var spCY           = host.querySelector( '.cex-cy' );
    var feedbackEl     = host.querySelector( '.cex-feedback' );
    var checkBtn       = host.querySelector( '.cex-check-btn' );
    var nextBtn        = host.querySelector( '.cex-next-btn' );

    var X_MAX      = 15;
    var Y_MAX      = 10;
    var COLOR_X    = '#e74c3c';
    var COLOR_Y    = '#2980b9';
    var PAD_LEFT   = 52;
    var PAD_BOTTOM = 52;
    var PAD_TOP    = 24;
    var PAD_RIGHT  = 20;
    var CELL       = 40;
    var CW         = PAD_LEFT + X_MAX * CELL + PAD_RIGHT;
    var CH         = PAD_TOP  + Y_MAX * CELL + PAD_BOTTOM;

    canvas.width  = CW;
    canvas.height = CH;

    var ptX      = 3,  ptY      = 4;
    var targetX  = 0,  targetY  = 0;
    var mode     = 'explorer';
    var dragging = false;
    var checked  = false;
    var correct  = false;

    function toCanvas( gx, gy ) {
      return { x: PAD_LEFT + gx * CELL, y: CH - PAD_BOTTOM - gy * CELL };
    }

    function toGrid( cx, cy ) {
      var gx = Math.round( ( cx - PAD_LEFT ) / CELL );
      var gy = Math.round( ( CH - PAD_BOTTOM - cy ) / CELL );
      return {
        gx: Math.max( 0, Math.min( X_MAX, gx ) ),
        gy: Math.max( 0, Math.min( Y_MAX, gy ) )
      };
    }

    function drawArrow( x1, y1, x2, y2, color, lw ) {
      var headLen = 9;
      var angle   = Math.atan2( y2 - y1, x2 - x1 );
      ctx.save();
      ctx.strokeStyle = color; ctx.fillStyle = color; ctx.lineWidth = lw;
      ctx.beginPath(); ctx.moveTo( x1, y1 ); ctx.lineTo( x2, y2 ); ctx.stroke();
      ctx.beginPath();
      ctx.moveTo( x2, y2 );
      ctx.lineTo( x2 - headLen * Math.cos( angle - Math.PI / 7 ), y2 - headLen * Math.sin( angle - Math.PI / 7 ) );
      ctx.lineTo( x2 - headLen * Math.cos( angle + Math.PI / 7 ), y2 - headLen * Math.sin( angle + Math.PI / 7 ) );
      ctx.closePath(); ctx.fill();
      ctx.restore();
    }

    function drawStar( cx, cy, r, fillColor, strokeColor, glowColor, glowBlur, alpha ) {
      var spikes = 5, outerR = r, innerR = r * 0.42;
      var rot = ( Math.PI / 2 ) * 3, step = Math.PI / spikes, i;
      ctx.save();
      ctx.globalAlpha = ( alpha !== undefined ) ? alpha : 1;
      ctx.beginPath();
      ctx.moveTo( cx, cy - outerR );
      for ( i = 0; i &lt; spikes; i++ ) {
        ctx.lineTo( cx + Math.cos( rot ) * outerR, cy + Math.sin( rot ) * outerR ); rot += step;
        ctx.lineTo( cx + Math.cos( rot ) * innerR, cy + Math.sin( rot ) * innerR ); rot += step;
      }
      ctx.closePath();
      if ( glowColor ) { ctx.shadowColor = glowColor; ctx.shadowBlur = glowBlur || 0; }
      ctx.fillStyle = fillColor; ctx.fill();
      ctx.shadowBlur = 0; ctx.strokeStyle = strokeColor; ctx.lineWidth = 1.5; ctx.stroke();
      ctx.restore();
    }

    function drawProjectionLines( gx, gy, xColor, yColor, alpha ) {
      var pt = toCanvas( gx, gy ), originC = toCanvas( 0, 0 );
      ctx.save();
      ctx.globalAlpha = ( alpha !== undefined ) ? alpha : 1;
      ctx.setLineDash( [ 5, 4 ] ); ctx.lineWidth = 1.6;
      ctx.strokeStyle = xColor;
      ctx.beginPath(); ctx.moveTo( pt.x, pt.y ); ctx.lineTo( pt.x, originC.y ); ctx.stroke();
      ctx.strokeStyle = yColor;
      ctx.beginPath(); ctx.moveTo( pt.x, pt.y ); ctx.lineTo( PAD_LEFT, pt.y ); ctx.stroke();
      ctx.setLineDash( [] );
      ctx.beginPath(); ctx.arc( pt.x,    originC.y, 4, 0, Math.PI * 2 ); ctx.fillStyle = xColor; ctx.fill();
      ctx.beginPath(); ctx.arc( PAD_LEFT, pt.y,     4, 0, Math.PI * 2 ); ctx.fillStyle = yColor; ctx.fill();
      ctx.restore();
    }

    function drawDimensionBrackets( gx, gy, xColor, yColor, alpha ) {
      var pt = toCanvas( gx, gy ), originC = toCanvas( 0, 0 ), yBrk, xBrk;
      ctx.save();
      ctx.globalAlpha = ( alpha !== undefined ) ? alpha : 1;

      if ( gx &gt; 0 ) {
        yBrk = originC.y + 26;
        ctx.strokeStyle = xColor; ctx.fillStyle = xColor; ctx.lineWidth = 1.8;
        ctx.beginPath(); ctx.moveTo( PAD_LEFT, yBrk ); ctx.lineTo( pt.x, yBrk ); ctx.stroke();
        ctx.beginPath(); ctx.moveTo( PAD_LEFT, yBrk - 4 ); ctx.lineTo( PAD_LEFT, yBrk + 4 ); ctx.stroke();
        ctx.beginPath(); ctx.moveTo( pt.x,     yBrk - 4 ); ctx.lineTo( pt.x,     yBrk + 4 ); ctx.stroke();
        ctx.font = 'bold 11px Montserrat, Arial, sans-serif'; ctx.textAlign = 'center';
        ctx.fillText( 'x = ' + gx, PAD_LEFT + ( pt.x - PAD_LEFT ) / 2, yBrk + 13 );
      }

      if ( gy &gt; 0 ) {
        xBrk = PAD_LEFT - 30;
        ctx.strokeStyle = yColor; ctx.fillStyle = yColor; ctx.lineWidth = 1.8;
        ctx.beginPath(); ctx.moveTo( xBrk, originC.y ); ctx.lineTo( xBrk, pt.y ); ctx.stroke();
        ctx.beginPath(); ctx.moveTo( xBrk - 4, originC.y ); ctx.lineTo( xBrk + 4, originC.y ); ctx.stroke();
        ctx.beginPath(); ctx.moveTo( xBrk - 4, pt.y      ); ctx.lineTo( xBrk + 4, pt.y      ); ctx.stroke();
        ctx.save();
        ctx.translate( xBrk - 12, originC.y - ( originC.y - pt.y ) / 2 );
        ctx.rotate( -Math.PI / 2 );
        ctx.font = 'bold 11px Montserrat, Arial, sans-serif'; ctx.textAlign = 'center';
        ctx.fillText( 'y = ' + gy, 0, 0 );
        ctx.restore();
      }
      ctx.restore();
    }

    function drawCoordLabel( gx, gy, alpha, xColor, yColor ) {
      var pt = toCanvas( gx, gy );
      var FS = 14, xStr = String( gx ), yStr = String( gy );
      var p1 = '(', cm = ', ', p2 = ')';
      var wP1, wX, wCm, wY, wP2, totalW, lx, ly, cx2;
      ctx.save();
      ctx.globalAlpha = ( alpha !== undefined ) ? alpha : 1;
      ctx.font = 'bold ' + FS + 'px Montserrat, Arial, sans-serif';
      wP1 = ctx.measureText( p1 ).width;  wX  = ctx.measureText( xStr ).width;
      wCm = ctx.measureText( cm ).width;  wY  = ctx.measureText( yStr ).width;
      wP2 = ctx.measureText( p2 ).width;
      totalW = wP1 + wX + wCm + wY + wP2;
      lx = pt.x + 18; ly = pt.y - 18;
      if ( lx + totalW + 8 &gt; CW - 4 ) { lx = pt.x - totalW - 18; }
      if ( ly - FS &lt; 4 )              { ly = pt.y + 26; }
      ctx.fillStyle = hiruwiki.getThemeColor('background-color-neutral', '#ffffff');
      ctx.beginPath(); ctx.roundRect( lx - 4, ly - FS, totalW + 8, FS + 6, 4 ); ctx.fill();
      ctx.strokeStyle = hiruwiki.getThemeColor('border-color-base', '#bdc3c7'); ctx.lineWidth = 1; ctx.stroke();
      cx2 = lx;
      ctx.fillStyle = hiruwiki.getThemeColor('color-base', '#2c3e50'); ctx.fillText( p1,   cx2, ly ); cx2 += wP1;
      ctx.fillStyle = xColor;    ctx.fillText( xStr, cx2, ly ); cx2 += wX;
      ctx.fillStyle = hiruwiki.getThemeColor('color-base', '#2c3e50'); ctx.fillText( cm,   cx2, ly ); cx2 += wCm;
      ctx.fillStyle = yColor;    ctx.fillText( yStr, cx2, ly ); cx2 += wY;
      ctx.fillStyle = hiruwiki.getThemeColor('color-base', '#2c3e50'); ctx.fillText( p2,   cx2, ly );
      ctx.restore();
    }

    function draw() {
      var i, j, x, y, originC, p, pc, tp;
      ctx.clearRect( 0, 0, CW, CH );
      ctx.fillStyle = hiruwiki.getThemeColor('background-color-neutral-subtle', '#fafcff'); ctx.fillRect( 0, 0, CW, CH );
      originC = toCanvas( 0, 0 );

      for ( i = 0; i &lt;= X_MAX; i++ ) {
        x = PAD_LEFT + i * CELL;
        ctx.beginPath();
        ctx.strokeStyle = ( i === 0 ) ? hiruwiki.getThemeColor('color-base', '#2c3e50') : hiruwiki.getThemeColor('border-color-base', '#d5e0ec');
        ctx.lineWidth   = ( i === 0 ) ? 2 : 1;
        ctx.moveTo( x, PAD_TOP ); ctx.lineTo( x, CH - PAD_BOTTOM ); ctx.stroke();
      }
      for ( j = 0; j &lt;= Y_MAX; j++ ) {
        y = CH - PAD_BOTTOM - j * CELL;
        ctx.beginPath();
        ctx.strokeStyle = ( j === 0 ) ? hiruwiki.getThemeColor('color-base', '#2c3e50') : hiruwiki.getThemeColor('border-color-base', '#d5e0ec');
        ctx.lineWidth   = ( j === 0 ) ? 2 : 1;
        ctx.moveTo( PAD_LEFT, y ); ctx.lineTo( PAD_LEFT + X_MAX * CELL, y ); ctx.stroke();
      }

      drawArrow( PAD_LEFT, originC.y, PAD_LEFT + X_MAX * CELL + 16, originC.y, hiruwiki.getThemeColor('color-base', '#2c3e50'), 2 );
      drawArrow( PAD_LEFT, originC.y, PAD_LEFT, PAD_TOP - 12, hiruwiki.getThemeColor('color-base', '#2c3e50'), 2 );

      ctx.save();
      ctx.font = 'italic bold 14px Montserrat, Arial, sans-serif'; ctx.fillStyle = hiruwiki.getThemeColor('color-base', '#2c3e50'); ctx.textAlign = 'center';
      ctx.fillText( 'x', PAD_LEFT + X_MAX * CELL + 24, originC.y + 5 );
      ctx.fillText( 'y', PAD_LEFT, PAD_TOP - 18 );
      ctx.restore();

      ctx.save();
      ctx.font = '11px Montserrat, Arial, sans-serif'; ctx.fillStyle = hiruwiki.getThemeColor('color-subtle', '#555');
      for ( i = 1; i &lt;= X_MAX; i++ ) {
        ctx.textAlign = 'center';
        ctx.fillText( i, PAD_LEFT + i * CELL, CH - PAD_BOTTOM + 14 );
      }
      for ( j = 1; j &lt;= Y_MAX; j++ ) {
        ctx.textAlign = 'right';
        ctx.fillText( j, PAD_LEFT - 6, CH - PAD_BOTTOM - j * CELL + 4 );
      }
      ctx.textAlign = 'right';
      ctx.fillText( '0', PAD_LEFT - 6, CH - PAD_BOTTOM + 13 );
      ctx.restore();

      if ( mode === 'explorer' ) {
        drawProjectionLines( ptX, ptY, COLOR_X, COLOR_Y );
        drawDimensionBrackets( ptX, ptY, COLOR_X, COLOR_Y );
        p = toCanvas( ptX, ptY );
        drawStar( p.x, p.y, 14, '#f1c40f', '#b7950b', 'rgba(241,196,15,0.55)', 12 );
        drawCoordLabel( ptX, ptY, 1, COLOR_X, COLOR_Y );
        spCX.style.color = COLOR_X; spCX.textContent = ptX;
        spCY.style.color = COLOR_Y; spCY.textContent = ptY;
      }

      if ( mode === 'challenge' ) {
        if ( checked &amp;&amp; !correct ) {
          drawProjectionLines( targetX, targetY, COLOR_X, COLOR_Y, 0.22 );
          tp = toCanvas( targetX, targetY );
          drawStar( tp.x, tp.y, 14, 'rgba(241,196,15,0.28)', 'rgba(183,149,11,0.35)', null, 0, 1 );
          drawCoordLabel( targetX, targetY, 0.28, COLOR_X, COLOR_Y );
        }
        drawProjectionLines( ptX, ptY, COLOR_X, COLOR_Y );
        drawDimensionBrackets( ptX, ptY, COLOR_X, COLOR_Y );
        pc = toCanvas( ptX, ptY );
        if ( checked &amp;&amp; correct ) {
          drawStar( pc.x, pc.y, 16, '#2ecc71', '#1a9456', 'rgba(46,204,113,0.8)', 26 );
        } else {
          drawStar( pc.x, pc.y, 14, '#f1c40f', '#b7950b', 'rgba(241,196,15,0.55)', 12 );
        }
        drawCoordLabel( ptX, ptY, 1, COLOR_X, COLOR_Y );
      }
    }

    function getPos( e ) {
      var rect = canvas.getBoundingClientRect();
      var sx = canvas.width / rect.width, sy = canvas.height / rect.height;
      var src = e.touches ? e.touches[ 0 ] : e;
      return { x: ( src.clientX - rect.left ) * sx, y: ( src.clientY - rect.top ) * sy };
    }

    function nearStar( cx, cy ) {
      var pt = toCanvas( ptX, ptY ), dx = cx - pt.x, dy = cy - pt.y;
      return Math.sqrt( dx * dx + dy * dy ) &lt; 45;
    }

    function onMove( cx, cy ) {
      var g = toGrid( cx, cy );
      if ( g.gx !== ptX || g.gy !== ptY ) {
        ptX = g.gx; ptY = g.gy;
        if ( mode === 'challenge' &amp;&amp; checked &amp;&amp; !correct ) {
          checked = false;
          feedbackEl.textContent = ''; feedbackEl.className = 'cex-feedback';
          checkBtn.disabled = false;
        }
        draw();
      }
    }

    canvas.addEventListener( 'mousedown', function ( e ) {
      if ( mode === 'challenge' &amp;&amp; correct ) { return; }
      var pos = getPos( e );
      if ( nearStar( pos.x, pos.y ) ) { dragging = true; canvas.classList.add( 'cex-dragging' ); }
    } );
    canvas.addEventListener( 'mousemove', function ( e ) {
      if ( !dragging ) { return; }
      var pos = getPos( e ); onMove( pos.x, pos.y );
    } );
    canvas.addEventListener( 'mouseup',    function () { dragging = false; canvas.classList.remove( 'cex-dragging' ); } );
    canvas.addEventListener( 'mouseleave', function () { dragging = false; canvas.classList.remove( 'cex-dragging' ); } );
    canvas.addEventListener( 'touchstart', function ( e ) {
      e.preventDefault();
      if ( mode === 'challenge' &amp;&amp; correct ) { return; }
      var pos = getPos( e );
      if ( nearStar( pos.x, pos.y ) ) { dragging = true; }
    }, { passive: false } );
    canvas.addEventListener( 'touchmove', function ( e ) {
      e.preventDefault();
      if ( !dragging ) { return; }
      var pos = getPos( e ); onMove( pos.x, pos.y );
    }, { passive: false } );
    canvas.addEventListener( 'touchend', function () { dragging = false; } );

    function setMode( m ) {
      mode = m;
      btnExplorer.classList.toggle(  'cex-active', m === 'explorer'  );
      btnChallenge.classList.toggle( 'cex-active', m === 'challenge' );
      explorerPanel.style.display  = m === 'explorer'  ? 'flex' : 'none';
      challengePanel.style.display = m === 'challenge' ? 'flex' : 'none';
      if ( m === 'challenge' ) {
        nextChallenge();
      } else {
        ptX = 3; ptY = 4; draw();
      }
    }

    btnExplorer.addEventListener(  'click', function () { setMode( 'explorer' );  } );
    btnChallenge.addEventListener( 'click', function () { setMode( 'challenge' ); } );

    function nextChallenge() {
      targetX = Math.floor( Math.random() * X_MAX ) + 1;
      targetY = Math.floor( Math.random() * Y_MAX ) + 1;
      ptX = 0; ptY = 0;
      checked = false; correct = false;
      feedbackEl.textContent = ''; feedbackEl.className = 'cex-feedback';
      checkBtn.disabled = false;
      nextBtn.style.visibility = 'hidden';
      promptBar.innerHTML = t('movePrompt', [
        '&lt;span class=&quot;cex-target-x&quot;&gt;' + targetX + '&lt;/span&gt;', 
        '&lt;span class=&quot;cex-target-y&quot;&gt;' + targetY + '&lt;/span&gt;' 
      ]);
      draw();
    }

    function checkAnswer() {
      checked = true; correct = ( ptX === targetX &amp;&amp; ptY === targetY );
      if ( correct ) {
        feedbackEl.textContent = t('feedbackCorrect');
        feedbackEl.className   = 'cex-feedback cex-feedback-ok';
      } else {
        feedbackEl.textContent = t('feedbackWrong');
        feedbackEl.className   = 'cex-feedback cex-feedback-err';
      }

      checkBtn.disabled = true;
      nextBtn.style.visibility = 'visible';
      draw();
    }

    checkBtn.addEventListener( 'click', checkAnswer );
    nextBtn.addEventListener(  'click', nextChallenge );

    /* Initial state */
    explorerPanel.style.display  = 'flex';
    challengePanel.style.display = 'none';
    draw();
  }

}() );</text>
      <sha1>i3hxztyyi8gkrwmnbpgcfonjv8kbmsc</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/pythagoras.js</title>
    <ns>8</ns>
    <id>179515</id>
    <revision>
      <id>781440</id>
      <parentid>770242</parentid>
      <timestamp>2026-10-28T10:39:55Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781440</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="35023" sha1="sm1dq9od1p5vkuxz1w3wym066n0p13o" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* =========================================================
 * Hiruwiki module: pythagoras
 * Interactive visualisation of the Pythagorean theorem
 * (and law of cosines for non-right triangles)
 * =========================================================
 * i18n: add a new key to the `messages` object below and
 *       a matching entry for every language code you need.
 *       Falls back to 'en' when the wiki language is absent.
 * ========================================================= */

( function () {

/* ── I18N ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var messages = /* I18N_START */ {
    &quot;nl&quot;: {
        &quot;_name&quot;: &quot;Stelling van Pythagoras&quot;,
        &quot;angleDeg&quot;: &quot;hoek =&quot;,
        &quot;lockRight&quot;: &quot;rechte hoek&quot;,
        &quot;reset&quot;: &quot;Opnieuw instellen&quot;,
        &quot;hint&quot;: &quot;Sleep de hoekpunten om de stelling a² + b² = c² te verifiëren&quot;,
        &quot;controls&quot;: &quot;Bediening&quot;,
        &quot;triangle&quot;: &quot;Driehoek&quot;,
        &quot;sideA&quot;: &quot;a&quot;,
        &quot;sideB&quot;: &quot;b&quot;,
        &quot;hypot&quot;: &quot;c (schuinezijde)&quot;,
        &quot;angOrigin&quot;: &quot;∠ oorsprong&quot;,
        &quot;angA&quot;: &quot;∠ A&quot;,
        &quot;angB&quot;: &quot;∠ B&quot;,
        &quot;badgeRight&quot;: &quot;a²+b²=c²&quot;,
        &quot;badgeCos&quot;: &quot;c²=a²+b²−2ab·cosθ&quot;,
        &quot;sqA&quot;: &quot;a²&quot;,
        &quot;sqB&quot;: &quot;b²&quot;,
        &quot;sqC&quot;: &quot;c²&quot;,
        &quot;cosTheta&quot;: &quot;cosθ&quot;,
        &quot;cosThetaEx&quot;: &quot;cosinus van de hoek bij de oorsprong&quot;,
        &quot;scaleUnit&quot;: &quot;cm&quot;
    },
    &quot;fr&quot;: {
        &quot;_name&quot;: &quot;Théorème de Pythagore&quot;,
        &quot;angleDeg&quot;: &quot;angle =&quot;,
        &quot;lockRight&quot;: &quot;angle droit fixe&quot;,
        &quot;reset&quot;: &quot;Réinitialiser&quot;,
        &quot;hint&quot;: &quot;Faites glisser les sommets pour vérifier le théorème&quot;,
        &quot;controls&quot;: &quot;Contrôles&quot;,
        &quot;triangle&quot;: &quot;Triangle&quot;,
        &quot;sideA&quot;: &quot;a&quot;,
        &quot;sideB&quot;: &quot;b&quot;,
        &quot;hypot&quot;: &quot;c (hyp.)&quot;,
        &quot;angOrigin&quot;: &quot;∠ origine&quot;,
        &quot;angA&quot;: &quot;∠ A&quot;,
        &quot;angB&quot;: &quot;∠ B&quot;,
        &quot;badgeRight&quot;: &quot;a²+b²=c²&quot;,
        &quot;badgeCos&quot;: &quot;c²=a²+b²−2ab·cosθ&quot;,
        &quot;sqA&quot;: &quot;a²&quot;,
        &quot;sqB&quot;: &quot;b²&quot;,
        &quot;sqC&quot;: &quot;c²&quot;,
        &quot;cosTheta&quot;: &quot;cosθ&quot;,
        &quot;cosThetaEx&quot;: &quot;cosinus de l'angle à l'origine&quot;,
        &quot;scaleUnit&quot;: &quot;cm&quot;
    },
    &quot;tr&quot;: {
        &quot;_name&quot;: &quot;Pisagor Teoremi&quot;,
        &quot;angleDeg&quot;: &quot;açı =&quot;,
        &quot;lockRight&quot;: &quot;dik açı&quot;,
        &quot;reset&quot;: &quot;Sıfırla&quot;,
        &quot;hint&quot;: &quot;a² + b² = c² formülünü doğrulamak için köşeleri sürükleyin&quot;,
        &quot;controls&quot;: &quot;Kontroller&quot;,
        &quot;triangle&quot;: &quot;Üçgen&quot;,
        &quot;sideA&quot;: &quot;a&quot;,
        &quot;sideB&quot;: &quot;b&quot;,
        &quot;hypot&quot;: &quot;c (hip.)&quot;,
        &quot;angOrigin&quot;: &quot;∠ orijin&quot;,
        &quot;angA&quot;: &quot;∠ A&quot;,
        &quot;angB&quot;: &quot;∠ B&quot;,
        &quot;badgeRight&quot;: &quot;a²+b²=c²&quot;,
        &quot;badgeCos&quot;: &quot;c²=a²+b²−2ab·cosθ&quot;,
        &quot;sqA&quot;: &quot;a²&quot;,
        &quot;sqB&quot;: &quot;b²&quot;,
        &quot;sqC&quot;: &quot;c²&quot;,
        &quot;cosTheta&quot;: &quot;cosθ&quot;,
        &quot;cosThetaEx&quot;: &quot;orijindeki açının kosinüsü&quot;,
        &quot;scaleUnit&quot;: &quot;cm&quot;
    },
    &quot;eu&quot;: {
        &quot;_name&quot;: &quot;Pitagorasen teorema&quot;,
        &quot;angleDeg&quot;: &quot;angelua =&quot;,
        &quot;lockRight&quot;: &quot;angelu zuzena&quot;,
        &quot;reset&quot;: &quot;Berrezarri&quot;,
        &quot;hint&quot;: &quot;Arrastatu erpinak a² + b² = c² egiaztatzeko&quot;,
        &quot;controls&quot;: &quot;Kontrolak&quot;,
        &quot;triangle&quot;: &quot;Triangelua&quot;,
        &quot;sideA&quot;: &quot;a&quot;,
        &quot;sideB&quot;: &quot;b&quot;,
        &quot;hypot&quot;: &quot;c (hip.)&quot;,
        &quot;angOrigin&quot;: &quot;∠ jatorria&quot;,
        &quot;angA&quot;: &quot;∠ A&quot;,
        &quot;angB&quot;: &quot;∠ B&quot;,
        &quot;badgeRight&quot;: &quot;a²+b²=c²&quot;,
        &quot;badgeCos&quot;: &quot;c²=a²+b²−2ab·cosθ&quot;,
        &quot;sqA&quot;: &quot;a²&quot;,
        &quot;sqB&quot;: &quot;b²&quot;,
        &quot;sqC&quot;: &quot;c²&quot;,
        &quot;cosTheta&quot;: &quot;cosθ&quot;,
        &quot;cosThetaEx&quot;: &quot;jatorriko angeluaren kosinua&quot;,
        &quot;scaleUnit&quot;: &quot;cm&quot;
    },
    &quot;sk&quot;: {
        &quot;_name&quot;: &quot;Pytagorova veta&quot;,
        &quot;angleDeg&quot;: &quot;uhol =&quot;,
        &quot;lockRight&quot;: &quot;pravý uhol&quot;,
        &quot;reset&quot;: &quot;Vynulovať&quot;,
        &quot;hint&quot;: &quot;Potiahnutím vrcholov overíte a² + b² = c²&quot;,
        &quot;controls&quot;: &quot;Ovládanie&quot;,
        &quot;triangle&quot;: &quot;Trojuholník&quot;,
        &quot;sideA&quot;: &quot;a&quot;,
        &quot;sideB&quot;: &quot;b&quot;,
        &quot;hypot&quot;: &quot;c (prepona)&quot;,
        &quot;angOrigin&quot;: &quot;∠ počiatok&quot;,
        &quot;angA&quot;: &quot;∠ A&quot;,
        &quot;angB&quot;: &quot;∠ B&quot;,
        &quot;badgeRight&quot;: &quot;a²+b²=c²&quot;,
        &quot;badgeCos&quot;: &quot;c²=a²+b²−2ab·cosθ&quot;,
        &quot;sqA&quot;: &quot;a²&quot;,
        &quot;sqB&quot;: &quot;b²&quot;,
        &quot;sqC&quot;: &quot;c²&quot;,
        &quot;cosTheta&quot;: &quot;cosθ&quot;,
        &quot;cosThetaEx&quot;: &quot;kosínus uhla pri počiatku&quot;,
        &quot;scaleUnit&quot;: &quot;cm&quot;
    },
    &quot;skr-arab&quot;: {
        &quot;_name&quot;: &quot;فیثاغورث دا قضیہ&quot;,
        &quot;angleDeg&quot;: &quot;زاویہ =&quot;,
        &quot;lockRight&quot;: &quot;سِدھا زاویہ&quot;,
        &quot;reset&quot;: &quot;↺ دوبارہ&quot;,
        &quot;hint&quot;: &quot;a² + b² = c² کوں پرکھݨ کیتے سراں کوں گھسیٹو&quot;,
        &quot;controls&quot;: &quot;کنٹرول&quot;,
        &quot;triangle&quot;: &quot;مثلث&quot;,
        &quot;sideA&quot;: &quot;a&quot;,
        &quot;sideB&quot;: &quot;b&quot;,
        &quot;hypot&quot;: &quot;c (hyp.)&quot;,
        &quot;angOrigin&quot;: &quot;∠ مبدا&quot;,
        &quot;angA&quot;: &quot;∠ A&quot;,
        &quot;angB&quot;: &quot;∠ B&quot;,
        &quot;badgeRight&quot;: &quot;a²+b²=c²&quot;,
        &quot;badgeCos&quot;: &quot;c²=a²+b²−2ab·cosθ&quot;,
        &quot;sqA&quot;: &quot;a²&quot;,
        &quot;sqB&quot;: &quot;b²&quot;,
        &quot;sqC&quot;: &quot;c²&quot;,
        &quot;cosTheta&quot;: &quot;cosθ&quot;,
        &quot;cosThetaEx&quot;: &quot;مبدا تے زاویے دا کوسائن&quot;,
        &quot;scaleUnit&quot;: &quot;cm&quot;
    },
    &quot;lb&quot;: {
        &quot;triangle&quot;: &quot;Dräieck&quot;,
        &quot;sideA&quot;: &quot;a&quot;,
        &quot;sideB&quot;: &quot;b&quot;,
        &quot;badgeRight&quot;: &quot;a² + b² = c²&quot;,
        &quot;badgeCos&quot;: &quot;c² = a² + b² − 2ab·cosθ&quot;,
        &quot;sqA&quot;: &quot;a²&quot;,
        &quot;sqB&quot;: &quot;b²&quot;,
        &quot;sqC&quot;: &quot;c²&quot;,
        &quot;scaleUnit&quot;: &quot;cm&quot;
    },
    &quot;ko&quot;: {
        &quot;_name&quot;: &quot;피타고라스 정리&quot;,
        &quot;angleDeg&quot;: &quot;각도 =&quot;,
        &quot;lockRight&quot;: &quot;직각&quot;,
        &quot;reset&quot;: &quot;초기화&quot;,
        &quot;hint&quot;: &quot;꼭짓점을 드래그하여 a² + b² = c²을 확인하세요&quot;,
        &quot;controls&quot;: &quot;제어&quot;,
        &quot;triangle&quot;: &quot;삼각형&quot;,
        &quot;sideA&quot;: &quot;a&quot;,
        &quot;sideB&quot;: &quot;b&quot;,
        &quot;hypot&quot;: &quot;c (빗변)&quot;,
        &quot;angOrigin&quot;: &quot;∠ 원점&quot;,
        &quot;angA&quot;: &quot;∠ A&quot;,
        &quot;angB&quot;: &quot;∠ B&quot;,
        &quot;badgeRight&quot;: &quot;a²+b²=c²&quot;,
        &quot;badgeCos&quot;: &quot;c²=a²+b²−2ab·cosθ&quot;,
        &quot;sqA&quot;: &quot;a²&quot;,
        &quot;sqB&quot;: &quot;b²&quot;,
        &quot;sqC&quot;: &quot;c²&quot;,
        &quot;cosTheta&quot;: &quot;cosθ&quot;,
        &quot;cosThetaEx&quot;: &quot;원점에서의 각도의 코사인&quot;,
        &quot;scaleUnit&quot;: &quot;cm&quot;
    },
    &quot;en&quot;: {
        &quot;_name&quot;: &quot;Pythagorean Theorem&quot;,
        &quot;angleDeg&quot;: &quot;angle =&quot;,
        &quot;lockRight&quot;: &quot;right angle&quot;,
        &quot;reset&quot;: &quot;Reset&quot;,
        &quot;hint&quot;: &quot;Drag vertices to verify a² + b² = c²&quot;,
        &quot;controls&quot;: &quot;Controls&quot;,
        &quot;triangle&quot;: &quot;Triangle&quot;,
        &quot;sideA&quot;: &quot;a&quot;,
        &quot;sideB&quot;: &quot;b&quot;,
        &quot;hypot&quot;: &quot;c (hyp.)&quot;,
        &quot;angOrigin&quot;: &quot;∠ origin&quot;,
        &quot;angA&quot;: &quot;∠ A&quot;,
        &quot;angB&quot;: &quot;∠ B&quot;,
        &quot;badgeRight&quot;: &quot;a²+b²=c²&quot;,
        &quot;badgeCos&quot;: &quot;c²=a²+b²−2ab·cosθ&quot;,
        &quot;sqA&quot;: &quot;a²&quot;,
        &quot;sqB&quot;: &quot;b²&quot;,
        &quot;sqC&quot;: &quot;c²&quot;,
        &quot;cosTheta&quot;: &quot;cosθ&quot;,
        &quot;cosThetaEx&quot;: &quot;cosine of the angle at origin&quot;,
        &quot;scaleUnit&quot;: &quot;cm&quot;
    },
    &quot;it&quot;: {
        &quot;_name&quot;: &quot;Teorema di Pitagora&quot;,
        &quot;angleDeg&quot;: &quot;angolo =&quot;,
        &quot;lockRight&quot;: &quot;angolo retto&quot;,
        &quot;reset&quot;: &quot;Reimposta&quot;,
        &quot;hint&quot;: &quot;Trascina i vertici per verificare a² + b² = c²&quot;,
        &quot;controls&quot;: &quot;Controlli&quot;,
        &quot;triangle&quot;: &quot;Triangolo&quot;,
        &quot;sideA&quot;: &quot;a&quot;,
        &quot;sideB&quot;: &quot;b&quot;,
        &quot;hypot&quot;: &quot;c (ip.)&quot;,
        &quot;angOrigin&quot;: &quot;∠ origine&quot;,
        &quot;angA&quot;: &quot;∠ A&quot;,
        &quot;angB&quot;: &quot;∠ B&quot;,
        &quot;badgeRight&quot;: &quot;a²+b²=c²&quot;,
        &quot;badgeCos&quot;: &quot;c²=a²+b²−2ab·cosθ&quot;,
        &quot;sqA&quot;: &quot;a²&quot;,
        &quot;sqB&quot;: &quot;b²&quot;,
        &quot;sqC&quot;: &quot;c²&quot;,
        &quot;cosTheta&quot;: &quot;cosθ&quot;,
        &quot;cosThetaEx&quot;: &quot;coseno dell'angolo all'origine&quot;,
        &quot;scaleUnit&quot;: &quot;cm&quot;
    },
    &quot;ca&quot;: {
        &quot;_name&quot;: &quot;Teorema de Pitàgores&quot;,
        &quot;angleDeg&quot;: &quot;angle =&quot;,
        &quot;lockRight&quot;: &quot;angle recte&quot;,
        &quot;reset&quot;: &quot;Reinicia&quot;,
        &quot;hint&quot;: &quot;Arrossegueu els vèrtexs per verificar a² + b² = c²&quot;,
        &quot;controls&quot;: &quot;Controls&quot;,
        &quot;triangle&quot;: &quot;Triangle&quot;,
        &quot;sideA&quot;: &quot;a&quot;,
        &quot;sideB&quot;: &quot;b&quot;,
        &quot;hypot&quot;: &quot;c (hip.)&quot;,
        &quot;angOrigin&quot;: &quot;∠ origen&quot;,
        &quot;angA&quot;: &quot;∠ A&quot;,
        &quot;angB&quot;: &quot;∠ B&quot;,
        &quot;badgeRight&quot;: &quot;a²+b²=c²&quot;,
        &quot;badgeCos&quot;: &quot;c²=a²+b²−2ab·cosθ&quot;,
        &quot;sqA&quot;: &quot;a²&quot;,
        &quot;sqB&quot;: &quot;b²&quot;,
        &quot;sqC&quot;: &quot;c²&quot;,
        &quot;cosTheta&quot;: &quot;cosθ&quot;,
        &quot;cosThetaEx&quot;: &quot;cosinus de l'angle a l'origen&quot;,
        &quot;scaleUnit&quot;: &quot;cm&quot;
    },
    &quot;qqq&quot;: {
        &quot;_name&quot;: &quot;Name of the Pythagorean Theorem module&quot;,
        &quot;angleDeg&quot;: &quot;Label prefix for the angle value. Followed by a number in degrees.&quot;,
        &quot;lockRight&quot;: &quot;checkbox to lock right angle&quot;,
        &quot;reset&quot;: &quot;text in the reset button&quot;,
        &quot;hint&quot;: &quot;clue for the interactive part&quot;,
        &quot;controls&quot;: &quot;Title for the control panel&quot;,
        &quot;triangle&quot;: &quot;Title for the triangle panel&quot;,
        &quot;sideA&quot;: &quot;letter a&quot;,
        &quot;sideB&quot;: &quot;letter b&quot;,
        &quot;hypot&quot;: &quot;letter c and abbreviature for hypothenuse&quot;,
        &quot;angOrigin&quot;: &quot;symbol of angle and the word origin&quot;,
        &quot;angA&quot;: &quot;∠ A&quot;,
        &quot;angB&quot;: &quot;∠ B&quot;,
        &quot;badgeRight&quot;: &quot;formula for right angles&quot;,
        &quot;badgeCos&quot;: &quot;formula for non right angles&quot;,
        &quot;sqA&quot;: &quot;squared a&quot;,
        &quot;sqB&quot;: &quot;squared b&quot;,
        &quot;sqC&quot;: &quot;squared c&quot;,
        &quot;cosTheta&quot;: &quot;cosinus of theta&quot;,
        &quot;cosThetaEx&quot;: &quot;cosinus of the angle in origin&quot;,
        &quot;scaleUnit&quot;: &quot;abbreviature of centimetrs&quot;
    },
    &quot;ga&quot;: {
        &quot;_name&quot;: &quot;Teoirim Phíotagaráis&quot;,
        &quot;angleDeg&quot;: &quot;uillinn =&quot;,
        &quot;lockRight&quot;: &quot;uillinn dheis&quot;,
        &quot;reset&quot;: &quot;Athshocraigh&quot;,
        &quot;hint&quot;: &quot;Tarraing na rinn chun a² + b² = c² a fhíorú&quot;,
        &quot;controls&quot;: &quot;Rialuithe&quot;,
        &quot;triangle&quot;: &quot;Triantán&quot;,
        &quot;sideA&quot;: &quot;a&quot;,
        &quot;sideB&quot;: &quot;b&quot;,
        &quot;hypot&quot;: &quot;c (hip.)&quot;,
        &quot;angOrigin&quot;: &quot;∠ bunús&quot;,
        &quot;angA&quot;: &quot;∠ A&quot;,
        &quot;angB&quot;: &quot;∠ B&quot;,
        &quot;badgeRight&quot;: &quot;a²+b²=c²&quot;,
        &quot;badgeCos&quot;: &quot;c²=a²+b²−2ab·cosθ&quot;,
        &quot;sqA&quot;: &quot;a²&quot;,
        &quot;sqB&quot;: &quot;b²&quot;,
        &quot;sqC&quot;: &quot;c²&quot;,
        &quot;cosTheta&quot;: &quot;cosθ&quot;,
        &quot;cosThetaEx&quot;: &quot;cóisín na huillinne ag an mbunús&quot;,
        &quot;scaleUnit&quot;: &quot;cm&quot;
    },
    &quot;es&quot;: {
        &quot;_name&quot;: &quot;Teorema de Pitágoras&quot;,
        &quot;angleDeg&quot;: &quot;ángulo =&quot;,
        &quot;lockRight&quot;: &quot;ángulo recto&quot;,
        &quot;reset&quot;: &quot;Reiniciar&quot;,
        &quot;hint&quot;: &quot;Arrastra los vértices para verificar a² + b² = c²&quot;,
        &quot;controls&quot;: &quot;Controles&quot;,
        &quot;triangle&quot;: &quot;Triángulo&quot;,
        &quot;sideA&quot;: &quot;a&quot;,
        &quot;sideB&quot;: &quot;b&quot;,
        &quot;hypot&quot;: &quot;c (hip.)&quot;,
        &quot;angOrigin&quot;: &quot;∠ origen&quot;,
        &quot;angA&quot;: &quot;∠ A&quot;,
        &quot;angB&quot;: &quot;∠ B&quot;,
        &quot;badgeRight&quot;: &quot;a²+b²=c²&quot;,
        &quot;badgeCos&quot;: &quot;c²=a²+b²−2ab·cosθ&quot;,
        &quot;sqA&quot;: &quot;a²&quot;,
        &quot;sqB&quot;: &quot;b²&quot;,
        &quot;sqC&quot;: &quot;c²&quot;,
        &quot;cosTheta&quot;: &quot;cosθ&quot;,
        &quot;cosThetaEx&quot;: &quot;coseno del ángulo en el origen&quot;,
        &quot;scaleUnit&quot;: &quot;cm&quot;
    },
    &quot;mk&quot;: {
        &quot;_name&quot;: &quot;Питагорова теорема&quot;,
        &quot;angleDeg&quot;: &quot;агол =&quot;,
        &quot;lockRight&quot;: &quot;прав агол&quot;,
        &quot;reset&quot;: &quot;Одново&quot;,
        &quot;hint&quot;: &quot;Повелечете темиња за да проверите a² + b² = c²&quot;,
        &quot;controls&quot;: &quot;Контроли&quot;,
        &quot;triangle&quot;: &quot;Триаголник&quot;,
        &quot;sideA&quot;: &quot;a&quot;,
        &quot;sideB&quot;: &quot;b&quot;,
        &quot;hypot&quot;: &quot;c (хип.)&quot;,
        &quot;angOrigin&quot;: &quot;∠ почеток&quot;,
        &quot;angA&quot;: &quot;∠ A&quot;,
        &quot;angB&quot;: &quot;∠ B&quot;,
        &quot;badgeRight&quot;: &quot;a²+b²=c²&quot;,
        &quot;badgeCos&quot;: &quot;c²=a²+b²−2ab·cosθ&quot;,
        &quot;sqA&quot;: &quot;a²&quot;,
        &quot;sqB&quot;: &quot;b²&quot;,
        &quot;sqC&quot;: &quot;c²&quot;,
        &quot;cosTheta&quot;: &quot;cosθ&quot;,
        &quot;cosThetaEx&quot;: &quot;косинус на агол во почетокот&quot;,
        &quot;scaleUnit&quot;: &quot;см&quot;
    }
} /* I18N_END */
var lang = (window.mw &amp;&amp; mw.config.get('wgUserLanguage')) || 'en';
var banana = new Banana(lang.split('-')[0]);
banana.load(messages);

function t(key, vars) {
    var args = Array.isArray(vars) ? vars : [];
    var str = banana.i18n(key, ...args);
    if (vars &amp;&amp; typeof vars === 'object' &amp;&amp; !Array.isArray(vars)) {
        Object.keys(vars).forEach(function(k) {
            str = str.replace(new RegExp('\\{' + k + '\\}', 'g'), vars[k]);
        });
    }
    return str;
}

lang = lang.split( '-' )[ 0 ];
if ( !messages[ lang ] ) { lang = 'en'; }
var msg = messages[ lang ];

/* ── Constants ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var SC = 46;   /* pixels per centimetre   */
var RH = 26;   /* ruler strip height (px) */
var VW = 700;  /* SVG viewBox width       */
var VH = 560;  /* SVG viewBox height      */

/* ── Geometry helpers ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
function dist( a, b ) { return Math.hypot( a.x - b.x, a.y - b.y ); }

function angAt( O, A, B ) {
	var ax = A.x - O.x, ay = A.y - O.y;
	var bx = B.x - O.x, by = B.y - O.y;
	return Math.abs( Math.atan2( ax * by - ay * bx, ax * bx + ay * by ) * 180 / Math.PI );
}

/* 4 corners of the square built on edge A→B, on the side away from C */
function squarePts( A, B, C ) {
	var vx = B.x - A.x, vy = B.y - A.y, d = Math.hypot( vx, vy );
	if ( d &lt; 2 ) { return null; }
	var n1x = -vy / d, n1y = vx / d;
	var mx = ( A.x + B.x ) / 2, my = ( A.y + B.y ) / 2;
	var signC = Math.sign( ( B.x - A.x ) * ( C.y - A.y ) - ( B.y - A.y ) * ( C.x - A.x ) );
	var t1x = mx + n1x * 10, t1y = my + n1y * 10;
	var sign1 = Math.sign( ( B.x - A.x ) * ( t1y - A.y ) - ( B.y - A.y ) * ( t1x - A.x ) );
	var nx, ny;
	if ( sign1 !== signC ) { nx = n1x; ny = n1y; } else { nx = -n1x; ny = -n1y; }
	return [ A, B, { x: B.x + nx * d, y: B.y + ny * d }, { x: A.x + nx * d, y: A.y + ny * d } ];
}

function sqCenter( ps ) {
	if ( !ps ) { return { x: 0, y: 0 }; }
	var xs = ps.map( function ( p ) { return p.x; } );
	var ys = ps.map( function ( p ) { return p.y; } );
	return {
		x: ( Math.min.apply( null, xs ) + Math.max.apply( null, xs ) ) / 2,
		y: ( Math.min.apply( null, ys ) + Math.max.apply( null, ys ) ) / 2
	};
}

function ptsStr( ps ) {
	return ps ? ps.map( function ( p ) { return p.x + ',' + p.y; } ).join( ' ' ) : '';
}

/*
 * Edge label: placed beside edge A→B on the square side (away from C).
 * The offset is computed in world space using the correct perpendicular,
 * then the text is rotated around the label point itself — so rotation
 * only affects orientation, never position.
 */
function edgeLabelHTML( A, B, C, text, fill ) {
	var vx = B.x - A.x, vy = B.y - A.y, d = Math.hypot( vx, vy );
	if ( d &lt; 2 ) { return ''; }
	var p1x = -vy / d, p1y = vx / d;
	var p2x =  vy / d, p2y = -vx / d;
	var mx = ( A.x + B.x ) / 2, my = ( A.y + B.y ) / 2;
	var dot1 = ( mx + p1x * 10 - C.x ) * p1x + ( my + p1y * 10 - C.y ) * p1y;
	var dot2 = ( mx + p2x * 10 - C.x ) * p2x + ( my + p2y * 10 - C.y ) * p2y;
	var nx = dot1 &gt; dot2 ? p1x : p2x;
	var ny = dot1 &gt; dot2 ? p1y : p2y;
	var lx = mx + nx * 22, ly = my + ny * 22;
	var ang = Math.atan2( vy, vx ) * 180 / Math.PI;
	if ( ang &gt; 90 || ang &lt; -90 ) { ang += 180; }
	return '&lt;text x=&quot;' + lx.toFixed( 1 ) + '&quot; y=&quot;' + ly.toFixed( 1 ) + '&quot; ' +
		'text-anchor=&quot;middle&quot; dominant-baseline=&quot;middle&quot; ' +
		'font-size=&quot;14&quot; font-weight=&quot;bold&quot; fill=&quot;' + fill + '&quot; ' +
		'transform=&quot;rotate(' + ang.toFixed( 1 ) + ',' + lx.toFixed( 1 ) + ',' + ly.toFixed( 1 ) + ')&quot;&gt;' +
		text + '&lt;/text&gt;';
}

function loff( V, others, mag ) {
	var dx = 0, dy = 0;
	others.forEach( function ( P ) { dx += V.x - P.x; dy += V.y - P.y; } );
	var l = Math.hypot( dx, dy ) || 1;
	return { x: V.x + dx / l * mag, y: V.y + dy / l * mag };
}

/* ── Colour palette (light / dark) ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
function isDark() {
	var cl = document.documentElement.classList;
	if ( cl.contains( 'skin-theme-clientpref-night' ) ||
	     cl.contains( 'client-dark-mode' ) ) { return true; }
	if ( document.body.classList.contains( 'mw-dark-mode' ) ) { return true; }
	return false;
}

function palette() {
	var d = isDark();
	return {
		bg:     d ? '#1C1C1A' : '#F9F8F4',
		grid:   d ? 'rgba(255,255,255,0.05)' : 'rgba(0,0,0,0.06)',
		gridCm: d ? 'rgba(255,255,255,0.15)' : 'rgba(0,0,0,0.16)',
		rBg:    d ? '#2A2A28' : '#EEEADE',
		rTk:    d ? '#888780' : '#6A6860',
		vBg:    d ? '#1e1e1c' : '#fff',
		vtx:    d ? '#AFA9EC' : '#534AB7',
		txt:    d ? '#E8E6DC' : '#1a1a18',
		mut:    d ? '#888780' : '#5F5E5A',
		sqA:    d ? 'rgba(220,80,80,.20)'  : 'rgba(255,140,140,.38)',
		sqB:    d ? 'rgba(60,140,255,.20)' : 'rgba(120,190,255,.38)',
		sqC:    d ? 'rgba(60,200,120,.20)' : 'rgba(120,230,160,.38)',
		stA: '#E55', stB: '#49E', stC: '#4B6',
		areaA:  d ? '#F88' : '#900',
		areaB:  d ? '#9CF' : '#058',
		areaC:  d ? '#9F9' : '#060',
		lblA:   d ? '#F88' : '#c22',
		lblB:   d ? '#9CF' : '#07b',
		lblC:   d ? '#9F9' : '#060'
	};
}

/* ── Default triangle positions ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
function defPts() {
	var ox = 230, oy = 360;
	return {
		O: { x: ox,          y: oy          },
		A: { x: ox,          y: oy - 3 * SC },
		B: { x: ox + 4 * SC, y: oy          }
	};
}

/* ── Build widget ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
function buildWidget( container ) {

	var pts      = defPts();
	var dragging = null;
	var last     = null;

	/* -- HTML skeleton -- */
	container.innerHTML =
		'&lt;div class=&quot;hw-pythagoras&quot;&gt;' +
			'&lt;div class=&quot;hw-pytha-layout&quot;&gt;' +
				'&lt;svg class=&quot;hw-pytha-svg&quot; viewBox=&quot;0 0 ' + VW + ' ' + VH + '&quot;&gt;&lt;/svg&gt;' +
				'&lt;div class=&quot;hw-pytha-sidebar&quot;&gt;' +

					/* Card 1: Controls */
					'&lt;div class=&quot;hw-card&quot;&gt;' +
						'&lt;div class=&quot;hw-card-title&quot;&gt;&lt;span class=&quot;hw-badge hw-badge-ctrl&quot;&gt;' + msg.controls + '&lt;/span&gt;&lt;/div&gt;' +
						'&lt;div class=&quot;hw-pytha-ci&quot;&gt;' +
							'&lt;label class=&quot;hw-pytha-lbl-a&quot;&gt;' + msg.sideA + '&lt;/label&gt;' +
							'&lt;input class=&quot;hw-pytha-inp&quot; id=&quot;hw-pytha-ia&quot; type=&quot;number&quot; step=&quot;0.1&quot; min=&quot;0.5&quot; max=&quot;8&quot; value=&quot;3.00&quot;&gt;' +
						'&lt;/div&gt;' +
						'&lt;div class=&quot;hw-pytha-ci&quot;&gt;' +
							'&lt;label class=&quot;hw-pytha-lbl-b&quot;&gt;' + msg.sideB + '&lt;/label&gt;' +
							'&lt;input class=&quot;hw-pytha-inp&quot; id=&quot;hw-pytha-ib&quot; type=&quot;number&quot; step=&quot;0.1&quot; min=&quot;0.5&quot; max=&quot;8&quot; value=&quot;4.00&quot;&gt;' +
						'&lt;/div&gt;' +
						'&lt;div class=&quot;hw-pytha-ci&quot;&gt;' +
							'&lt;label class=&quot;hw-pytha-lbl-ang&quot;&gt;∠&lt;/label&gt;' +
							'&lt;input class=&quot;hw-pytha-inp&quot; id=&quot;hw-pytha-iang&quot; type=&quot;number&quot; step=&quot;1&quot; min=&quot;5&quot; max=&quot;175&quot; value=&quot;90&quot; disabled&gt;' +
						'&lt;/div&gt;' +
						'&lt;div class=&quot;hw-pytha-ci&quot;&gt;' +
							'&lt;input id=&quot;hw-pytha-ckr&quot; type=&quot;checkbox&quot; checked&gt;' +
							'&lt;label for=&quot;hw-pytha-ckr&quot;&gt;' + msg.lockRight + '&lt;/label&gt;' +
						'&lt;/div&gt;' +
						'&lt;button class=&quot;hw-pytha-reset&quot; id=&quot;hw-pytha-brst&quot;&gt;↺ ' + msg.reset + '&lt;/button&gt;' +
					'&lt;/div&gt;' +

					/* Card 2: Triangle */
					'&lt;div class=&quot;hw-card&quot;&gt;' +
						'&lt;div class=&quot;hw-card-title&quot;&gt;&lt;span class=&quot;hw-badge hw-badge-t&quot;&gt;' + msg.triangle + '&lt;/span&gt;&lt;/div&gt;' +
						'&lt;div class=&quot;hw-row&quot;&gt;&lt;span&gt;' + msg.sideA + '&lt;/span&gt;&lt;span id=&quot;hw-pytha-sa&quot; class=&quot;hw-pytha-val-a&quot;&gt;—&lt;/span&gt;&lt;/div&gt;' +
						'&lt;div class=&quot;hw-row&quot;&gt;&lt;span&gt;' + msg.sideB + '&lt;/span&gt;&lt;span id=&quot;hw-pytha-sb&quot; class=&quot;hw-pytha-val-b&quot;&gt;—&lt;/span&gt;&lt;/div&gt;' +
						'&lt;div class=&quot;hw-row&quot;&gt;&lt;span&gt;' + msg.hypot + '&lt;/span&gt;&lt;span id=&quot;hw-pytha-sc&quot; class=&quot;hw-pytha-val-c&quot;&gt;—&lt;/span&gt;&lt;/div&gt;' +
						'&lt;div class=&quot;hw-row&quot;&gt;&lt;span&gt;' + msg.angOrigin + '&lt;/span&gt;&lt;span id=&quot;hw-pytha-sang&quot;&gt;—&lt;/span&gt;&lt;/div&gt;' +
						'&lt;div class=&quot;hw-row&quot;&gt;&lt;span&gt;' + msg.angA + '&lt;/span&gt;&lt;span id=&quot;hw-pytha-sanga&quot;&gt;—&lt;/span&gt;&lt;/div&gt;' +
						'&lt;div class=&quot;hw-row&quot;&gt;&lt;span&gt;' + msg.angB + '&lt;/span&gt;&lt;span id=&quot;hw-pytha-sangb&quot;&gt;—&lt;/span&gt;&lt;/div&gt;' +
					'&lt;/div&gt;' +

					/* Card 3: Formula — badge title switches between a²+b²=c² and full cosine formula */
					'&lt;div class=&quot;hw-card&quot;&gt;' +
						'&lt;div class=&quot;hw-card-title&quot;&gt;&lt;span class=&quot;hw-badge hw-badge-c&quot; id=&quot;hw-pytha-bform&quot;&gt;' + msg.badgeRight + '&lt;/span&gt;&lt;/div&gt;' +
						'&lt;div class=&quot;hw-row&quot;&gt;&lt;span&gt;' + msg.sqA + '&lt;/span&gt;&lt;span id=&quot;hw-pytha-sa2&quot; class=&quot;hw-pytha-val-a&quot;&gt;—&lt;/span&gt;&lt;/div&gt;' +
						'&lt;div class=&quot;hw-row&quot;&gt;&lt;span&gt;' + msg.sqB + '&lt;/span&gt;&lt;span id=&quot;hw-pytha-sb2&quot; class=&quot;hw-pytha-val-b&quot;&gt;—&lt;/span&gt;&lt;/div&gt;' +
						'&lt;div class=&quot;hw-row&quot;&gt;&lt;span&gt;' + msg.sqC + '&lt;/span&gt;&lt;span id=&quot;hw-pytha-sc2&quot; class=&quot;hw-pytha-val-c&quot;&gt;—&lt;/span&gt;&lt;/div&gt;' +
						/* cosθ row: hidden at 90°, shown otherwise */
						'&lt;div class=&quot;hw-row hw-pytha-cos-row&quot; id=&quot;hw-pytha-cos-row&quot;&gt;' +
							'&lt;span&gt;' + msg.cosTheta + ' &lt;span class=&quot;hw-pytha-cos-ex&quot;&gt;(' + msg.cosThetaEx + ')&lt;/span&gt;&lt;/span&gt;' +
							'&lt;span id=&quot;hw-pytha-scos&quot;&gt;—&lt;/span&gt;' +
						'&lt;/div&gt;' +
					'&lt;/div&gt;' +

				'&lt;/div&gt;' +
			'&lt;/div&gt;' +
		'&lt;/div&gt;';

	/* -- footer (same pattern as orthocentre) -- */
	var footer = document.createElement( 'div' );
	footer.className = 'hw-footer';
	var fLogo = document.createElement( 'a' );
	fLogo.className = 'hw-footer-icon';
	fLogo.href  = mw.util.getUrl( 'Wikipedia:Hiruwiki' );
	fLogo.title = 'Hiruwiki';
	fLogo.innerHTML = hiruwiki.getLogoSvg( 22 );
	var fText = document.createElement( 'span' );
	fText.textContent = msg.hint;
	footer.appendChild( fLogo );
	footer.appendChild( fText );
	container.querySelector( '.hw-pythagoras' ).appendChild( footer );

	/* -- element references -- */
	var svgEl  = container.querySelector( '.hw-pytha-svg' );
	var inpA   = container.querySelector( '#hw-pytha-ia' );
	var inpB   = container.querySelector( '#hw-pytha-ib' );
	var inpAng = container.querySelector( '#hw-pytha-iang' );
	var ckr    = container.querySelector( '#hw-pytha-ckr' );
	var brst   = container.querySelector( '#hw-pytha-brst' );

	function $id( id ) { return container.querySelector( '#' + id ); }

	/* -- SVG coordinate helper -- */
	function svgPt( e ) {
		var r = svgEl.getBoundingClientRect();
		var s = e.touches ? e.touches[ 0 ] : e;
		return {
			x: ( s.clientX - r.left ) * VW / r.width,
			y: ( s.clientY - r.top  ) * VH / r.height
		};
	}

	/* -- clamp vertices inside viewBox -- */
	function clamp() {
		var m = 16;
		[ pts.O, pts.A, pts.B ].forEach( function ( v ) {
			v.x = Math.max( m, Math.min( VW - m, v.x ) );
			v.y = Math.max( RH + m, Math.min( VH - m, v.y ) );
		} );
	}

	/* -- hit-test (returns 'O', 'A', 'B' or null) -- */
	function hitTest( p ) {
		var best = null, bd = 999;
		[ { k: 'O', v: pts.O }, { k: 'A', v: pts.A }, { k: 'B', v: pts.B } ].forEach( function ( e ) {
			var dd = dist( p, e.v );
			if ( dd &lt; 20 &amp;&amp; dd &lt; bd ) { bd = dd; best = e.k; }
		} );
		return best;
	}

	/* ── Main draw ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
	function draw() {
		var p = palette();
		var O = pts.O, A = pts.A, B = pts.B;
		var a = dist( O, A ) / SC, b = dist( O, B ) / SC, c = dist( A, B ) / SC;
		var angO = angAt( O, A, B ), angA = angAt( A, O, B ), angB = 180 - angO - angA;

		/* Use the checkbox as the canonical source of truth for right-angle mode,
		   not a floating-point threshold on the computed angle. */
		var isRight = ckr.checked;
		var cosO    = Math.cos( angO * Math.PI / 180 );

		var psA = squarePts( O, A, B );
		var psB = squarePts( O, B, A );
		var psC = squarePts( A, B, O );
		var cA  = sqCenter( psA ), cB = sqCenter( psB ), cC = sqCenter( psC );

		var parts = [];

		/* background */
		parts.push( '&lt;rect x=&quot;0&quot; y=&quot;0&quot; width=&quot;' + VW + '&quot; height=&quot;' + VH + '&quot; fill=&quot;' + p.bg + '&quot;/&gt;' );

		/* grid — full canvas, mm subdivisions + cm lines */
		var step = SC / 10;
		for ( var gx = 0; gx &lt;= VW; gx = Math.round( ( gx + step ) * 100 ) / 100 ) {
			var isCmX = Math.round( gx * 10 ) % Math.round( SC * 10 ) &lt; Math.round( step * 6 );
			parts.push( '&lt;line x1=&quot;' + gx.toFixed( 1 ) + '&quot; y1=&quot;0&quot; x2=&quot;' + gx.toFixed( 1 ) + '&quot; y2=&quot;' + VH +
				'&quot; stroke=&quot;' + ( isCmX ? p.gridCm : p.grid ) + '&quot; stroke-width=&quot;' + ( isCmX ? '0.7' : '0.35' ) + '&quot;/&gt;' );
		}
		for ( var gy = 0; gy &lt;= VH; gy = Math.round( ( gy + step ) * 100 ) / 100 ) {
			var rel = gy - RH;
			var isCmY = rel &gt;= 0 &amp;&amp; Math.round( rel * 10 ) % Math.round( SC * 10 ) &lt; Math.round( step * 6 );
			parts.push( '&lt;line x1=&quot;0&quot; y1=&quot;' + gy.toFixed( 1 ) + '&quot; x2=&quot;' + VW + '&quot; y2=&quot;' + gy.toFixed( 1 ) +
				'&quot; stroke=&quot;' + ( isCmY ? p.gridCm : p.grid ) + '&quot; stroke-width=&quot;' + ( isCmY ? '0.7' : '0.35' ) + '&quot;/&gt;' );
		}

		/* ruler */
		parts.push( '&lt;rect x=&quot;0&quot; y=&quot;0&quot; width=&quot;' + VW + '&quot; height=&quot;' + RH + '&quot; fill=&quot;' + p.rBg + '&quot;/&gt;' );
		parts.push( '&lt;line x1=&quot;0&quot; y1=&quot;' + RH + '&quot; x2=&quot;' + VW + '&quot; y2=&quot;' + RH + '&quot; stroke=&quot;' + p.rTk + '&quot; stroke-width=&quot;0.6&quot;/&gt;' );
		parts.push( '&lt;text x=&quot;3&quot; y=&quot;' + ( RH / 2 ) + '&quot; dominant-baseline=&quot;middle&quot; font-size=&quot;8&quot; fill=&quot;' + p.rTk + '&quot; font-weight=&quot;500&quot;&gt;' + msg.scaleUnit + '&lt;/text&gt;' );
		for ( var cm = 0; cm * SC &lt;= VW + SC; cm++ ) {
			var px = cm * SC;
			parts.push( '&lt;line x1=&quot;' + px + '&quot; y1=&quot;' + ( RH - 10 ) + '&quot; x2=&quot;' + px + '&quot; y2=&quot;' + RH + '&quot; stroke=&quot;' + p.rTk + '&quot; stroke-width=&quot;0.9&quot;/&gt;' );
			if ( cm &gt; 0 ) {
				parts.push( '&lt;text x=&quot;' + px + '&quot; y=&quot;' + ( RH - 12 ) + '&quot; text-anchor=&quot;middle&quot; font-size=&quot;9&quot; fill=&quot;' + p.rTk + '&quot;&gt;' + cm + '&lt;/text&gt;' );
			}
			for ( var mm = 1; mm &lt; 10; mm++ ) {
				var mpx = px + mm * SC / 10;
				if ( mpx &gt; VW ) { break; }
				parts.push( '&lt;line x1=&quot;' + mpx + '&quot; y1=&quot;' + ( RH - ( mm === 5 ? 7 : 3 ) ) + '&quot; x2=&quot;' + mpx + '&quot; y2=&quot;' + RH + '&quot; stroke=&quot;' + p.rTk + '&quot; stroke-width=&quot;0.4&quot;/&gt;' );
			}
		}

		/* squares */
		parts.push( '&lt;polygon points=&quot;' + ptsStr( psA ) + '&quot; fill=&quot;' + p.sqA + '&quot; stroke=&quot;' + p.stA + '&quot; stroke-width=&quot;1.5&quot;/&gt;' );
		parts.push( '&lt;polygon points=&quot;' + ptsStr( psB ) + '&quot; fill=&quot;' + p.sqB + '&quot; stroke=&quot;' + p.stB + '&quot; stroke-width=&quot;1.5&quot;/&gt;' );
		parts.push( '&lt;polygon points=&quot;' + ptsStr( psC ) + '&quot; fill=&quot;' + p.sqC + '&quot; stroke=&quot;' + p.stC + '&quot; stroke-width=&quot;1.5&quot;/&gt;' );

		/* triangle sides */
		parts.push( '&lt;line x1=&quot;' + O.x + '&quot; y1=&quot;' + O.y + '&quot; x2=&quot;' + A.x + '&quot; y2=&quot;' + A.y + '&quot; stroke=&quot;' + p.stA + '&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot;/&gt;' );
		parts.push( '&lt;line x1=&quot;' + O.x + '&quot; y1=&quot;' + O.y + '&quot; x2=&quot;' + B.x + '&quot; y2=&quot;' + B.y + '&quot; stroke=&quot;' + p.stB + '&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot;/&gt;' );
		parts.push( '&lt;line x1=&quot;' + A.x + '&quot; y1=&quot;' + A.y + '&quot; x2=&quot;' + B.x + '&quot; y2=&quot;' + B.y + '&quot; stroke=&quot;' + p.stC + '&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot;/&gt;' );

		/* area labels centred in each square */
		parts.push( '&lt;text x=&quot;' + cA.x + '&quot; y=&quot;' + cA.y + '&quot; text-anchor=&quot;middle&quot; dominant-baseline=&quot;middle&quot; font-size=&quot;15&quot; font-weight=&quot;bold&quot; fill=&quot;' + p.areaA + '&quot;&gt;' + ( a * a ).toFixed( 2 ) + '&lt;/text&gt;' );
		parts.push( '&lt;text x=&quot;' + cB.x + '&quot; y=&quot;' + cB.y + '&quot; text-anchor=&quot;middle&quot; dominant-baseline=&quot;middle&quot; font-size=&quot;15&quot; font-weight=&quot;bold&quot; fill=&quot;' + p.areaB + '&quot;&gt;' + ( b * b ).toFixed( 2 ) + '&lt;/text&gt;' );
		parts.push( '&lt;text x=&quot;' + cC.x + '&quot; y=&quot;' + cC.y + '&quot; text-anchor=&quot;middle&quot; dominant-baseline=&quot;middle&quot; font-size=&quot;15&quot; font-weight=&quot;bold&quot; fill=&quot;' + p.areaC + '&quot;&gt;' + ( c * c ).toFixed( 2 ) + '&lt;/text&gt;' );

		/* edge labels on the square side of each edge */
		parts.push( edgeLabelHTML( O, A, B, msg.sideA + '=' + a.toFixed( 2 ), p.lblA ) );
		parts.push( edgeLabelHTML( O, B, A, msg.sideB + '=' + b.toFixed( 2 ), p.lblB ) );
		parts.push( edgeLabelHTML( A, B, O, 'c=' + c.toFixed( 2 ), p.lblC ) );

		/* angle labels offset away from opposite side */
		var loO = loff( O, [ A, B ], 22 );
		var loA = loff( A, [ O, B ], 22 );
		var loB = loff( B, [ O, A ], 22 );
		parts.push( '&lt;text x=&quot;' + loO.x + '&quot; y=&quot;' + loO.y + '&quot; text-anchor=&quot;middle&quot; dominant-baseline=&quot;middle&quot; font-size=&quot;12&quot; font-weight=&quot;bold&quot; fill=&quot;' + p.txt + '&quot;&gt;' + angO.toFixed( 1 ) + '°&lt;/text&gt;' );
		parts.push( '&lt;text x=&quot;' + loA.x + '&quot; y=&quot;' + loA.y + '&quot; text-anchor=&quot;middle&quot; dominant-baseline=&quot;middle&quot; font-size=&quot;12&quot; fill=&quot;' + p.mut + '&quot;&gt;' + angA.toFixed( 1 ) + '°&lt;/text&gt;' );
		parts.push( '&lt;text x=&quot;' + loB.x + '&quot; y=&quot;' + loB.y + '&quot; text-anchor=&quot;middle&quot; dominant-baseline=&quot;middle&quot; font-size=&quot;12&quot; fill=&quot;' + p.mut + '&quot;&gt;' + angB.toFixed( 1 ) + '°&lt;/text&gt;' );

		/* right-angle mark (only when checkbox is locked) */
		if ( isRight ) {
			var sz  = 12;
			var vAx = A.x - O.x, vAy = A.y - O.y, lA2 = Math.hypot( vAx, vAy ) || 1;
			var vBx = B.x - O.x, vBy = B.y - O.y, lB2 = Math.hypot( vBx, vBy ) || 1;
			var uAx = vAx / lA2 * sz, uAy = vAy / lA2 * sz;
			var uBx = vBx / lB2 * sz, uBy = vBy / lB2 * sz;
			parts.push( '&lt;path d=&quot;M' + ( O.x + uAx ) + ',' + ( O.y + uAy ) +
				' L' + ( O.x + uAx + uBx ) + ',' + ( O.y + uAy + uBy ) +
				' L' + ( O.x + uBx )        + ',' + ( O.y + uBy ) +
				'&quot; stroke=&quot;' + p.vtx + '&quot; stroke-width=&quot;1.5&quot; fill=&quot;none&quot;/&gt;' );
		}

		/* vertex dots (drawn last, on top) */
		parts.push( '&lt;circle cx=&quot;' + O.x + '&quot; cy=&quot;' + O.y + '&quot; r=&quot;9&quot; fill=&quot;' + p.vtx + '&quot; stroke=&quot;' + p.vBg + '&quot; stroke-width=&quot;2&quot; style=&quot;cursor:grab&quot;/&gt;' );
		parts.push( '&lt;circle cx=&quot;' + A.x + '&quot; cy=&quot;' + A.y + '&quot; r=&quot;9&quot; fill=&quot;' + p.stA + '&quot; stroke=&quot;' + p.vBg + '&quot; stroke-width=&quot;2&quot; style=&quot;cursor:grab&quot;/&gt;' );
		parts.push( '&lt;circle cx=&quot;' + B.x + '&quot; cy=&quot;' + B.y + '&quot; r=&quot;9&quot; fill=&quot;' + p.stB + '&quot; stroke=&quot;' + p.vBg + '&quot; stroke-width=&quot;2&quot; style=&quot;cursor:grab&quot;/&gt;' );

		svgEl.innerHTML = parts.join( '' );

		/* ── sidebar stats ── */
		$id( 'hw-pytha-sa'    ).textContent = a.toFixed( 2 ) + ' ' + msg.scaleUnit;
		$id( 'hw-pytha-sb'    ).textContent = b.toFixed( 2 ) + ' ' + msg.scaleUnit;
		$id( 'hw-pytha-sc'    ).textContent = c.toFixed( 2 ) + ' ' + msg.scaleUnit;
		$id( 'hw-pytha-sang'  ).textContent = angO.toFixed( 1 ) + '°';
		$id( 'hw-pytha-sanga' ).textContent = angA.toFixed( 1 ) + '°';
		$id( 'hw-pytha-sangb' ).textContent = angB.toFixed( 1 ) + '°';
		$id( 'hw-pytha-sa2'   ).textContent = ( a * a ).toFixed( 2 );
		$id( 'hw-pytha-sb2'   ).textContent = ( b * b ).toFixed( 2 );
		$id( 'hw-pytha-sc2'   ).textContent = ( c * c ).toFixed( 2 );

		/* badge and cosθ row */
		var cosRow = $id( 'hw-pytha-cos-row' );
		if ( isRight ) {
			$id( 'hw-pytha-bform' ).textContent = msg.badgeRight;
			cosRow.style.display = 'none';
		} else {
			$id( 'hw-pytha-bform' ).textContent = msg.badgeCos;
			cosRow.style.display = '';
			$id( 'hw-pytha-scos' ).textContent = cosO.toFixed( 4 );
		}

		/* sync inputs */
		inpA.value           = a.toFixed( 2 );
		inpB.value           = b.toFixed( 2 );
		inpAng.disabled      = ckr.checked;
		inpAng.style.opacity = ckr.checked ? '0.4' : '1';
		if ( ckr.checked ) { inpAng.value = '90'; } else { inpAng.value = angO.toFixed( 1 ); }
	}

	/* ── Drag handling ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
	function applyDrag( k, dx, dy ) {
		if ( k === 'A' ) {
			if ( ckr.checked ) { pts.A.y += dy; pts.A.x = pts.O.x; }
			else               { pts.A.x += dx; pts.A.y += dy; }
		} else if ( k === 'B' ) {
			if ( ckr.checked ) { pts.B.x += dx; pts.B.y = pts.O.y; }
			else               { pts.B.x += dx; pts.B.y += dy; }
		} else {
			pts.O.x += dx; pts.O.y += dy;
			pts.A.x += dx; pts.A.y += dy;
			pts.B.x += dx; pts.B.y += dy;
		}
		clamp();
	}

	svgEl.addEventListener( 'mousemove', function ( e ) {
		var p = svgPt( e );
		if ( !dragging ) { svgEl.style.cursor = hitTest( p ) ? 'grab' : 'crosshair'; return; }
		e.preventDefault();
		var dx = p.x - last.x, dy = p.y - last.y; last = p;
		applyDrag( dragging, dx, dy );
		svgEl.style.cursor = 'grabbing';
		draw();
	} );
	svgEl.addEventListener( 'mousedown', function ( e ) {
		var p = svgPt( e ); dragging = hitTest( p );
		if ( dragging ) { last = p; svgEl.style.cursor = 'grabbing'; e.preventDefault(); }
	} );
	window.addEventListener( 'mouseup', function () { dragging = null; } );
	svgEl.addEventListener( 'touchstart', function ( e ) {
		var p = svgPt( e ); dragging = hitTest( p );
		if ( dragging ) { last = p; e.preventDefault(); }
	}, { passive: false } );
	svgEl.addEventListener( 'touchmove', function ( e ) {
		if ( !dragging ) { return; }
		e.preventDefault();
		var p = svgPt( e ), dx = p.x - last.x, dy = p.y - last.y; last = p;
		applyDrag( dragging, dx, dy );
		draw();
	}, { passive: false } );
	window.addEventListener( 'touchend', function () { dragging = null; } );

	/* ── Input controls ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
	inpA.addEventListener( 'input', function () {
		var v = parseFloat( this.value ); if ( isNaN( v ) || v &lt;= 0 ) { return; }
		if ( ckr.checked ) { pts.A.x = pts.O.x; pts.A.y = pts.O.y - v * SC; }
		else {
			var ang = Math.atan2( pts.A.y - pts.O.y, pts.A.x - pts.O.x );
			pts.A.x = pts.O.x + Math.cos( ang ) * v * SC;
			pts.A.y = pts.O.y + Math.sin( ang ) * v * SC;
		}
		clamp(); draw();
	} );
	inpB.addEventListener( 'input', function () {
		var v = parseFloat( this.value ); if ( isNaN( v ) || v &lt;= 0 ) { return; }
		if ( ckr.checked ) { pts.B.x = pts.O.x + v * SC; pts.B.y = pts.O.y; }
		else {
			var ang = Math.atan2( pts.B.y - pts.O.y, pts.B.x - pts.O.x );
			pts.B.x = pts.O.x + Math.cos( ang ) * v * SC;
			pts.B.y = pts.O.y + Math.sin( ang ) * v * SC;
		}
		clamp(); draw();
	} );
	inpAng.addEventListener( 'input', function () {
		if ( ckr.checked ) { return; }
		var deg = parseFloat( this.value ); if ( isNaN( deg ) ) { return; }
		var r    = dist( pts.O, pts.B );
		var base = Math.atan2( pts.A.y - pts.O.y, pts.A.x - pts.O.x );
		pts.B.x = pts.O.x + r * Math.cos( base + deg * Math.PI / 180 );
		pts.B.y = pts.O.y + r * Math.sin( base + deg * Math.PI / 180 );
		clamp(); draw();
	} );
	ckr.addEventListener( 'change', function () {
		if ( this.checked ) {
			var la = dist( pts.O, pts.A ), lb = dist( pts.O, pts.B );
			pts.A.x = pts.O.x; pts.A.y = pts.O.y - la;
			pts.B.x = pts.O.x + lb; pts.B.y = pts.O.y;
		}
		draw();
	} );
	brst.addEventListener( 'click', function () {
		var d = defPts(); pts.O = d.O; pts.A = d.A; pts.B = d.B;
		ckr.checked = true; draw();
	} );

	/* dark-mode live update */
	if ( window.matchMedia ) {
		window.matchMedia( '(prefers-color-scheme:dark)' ).addEventListener( 'change', draw );
	}
	var observer = new MutationObserver( draw );
	observer.observe( document.documentElement, { attributes: true, attributeFilter: [ 'class' ] } );
	observer.observe( document.body,            { attributes: true, attributeFilter: [ 'class' ] } );

	draw();
}

/* ── Initialise all matching containers on the page ━━━━━━━━━━━━━━━━━━━━━━━━ ── */
function init() {
	document.querySelectorAll( '.hiruwiki[data-module=&quot;pythagoras&quot;]' ).forEach( buildWidget );
}

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

}() );</text>
      <sha1>sm1dq9od1p5vkuxz1w3wym066n0p13o</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/quadrangle-angles.js</title>
    <ns>8</ns>
    <id>179517</id>
    <revision>
      <id>781441</id>
      <parentid>770244</parentid>
      <timestamp>2026-10-28T10:39:58Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781441</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="21071" sha1="b6htqlacsxn5krddwz48qvm9tjst7c7" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
( function () {
  'use strict';

  
/* ── I18N ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var messages = /* I18N_START */ {
    &quot;nl&quot;: {
        &quot;_name&quot;: &quot;Hoeken van een vierhoek&quot;,
        &quot;interiorAngles&quot;: &quot;Binnenhoeken&quot;,
        &quot;reset&quot;: &quot;Opnieuw instellen&quot;,
        &quot;sum&quot;: &quot;Som&quot;,
        &quot;total&quot;: &quot;Totaal&quot;,
        &quot;hint&quot;: &quot;Sleep de hoekpunten om de som van de binnenhoeken te zien&quot;
    },
    &quot;fr&quot;: {
        &quot;_name&quot;: &quot;Angles du quadrilatère&quot;,
        &quot;interiorAngles&quot;: &quot;Angles intérieurs&quot;,
        &quot;reset&quot;: &quot;Réinitialiser&quot;,
        &quot;sum&quot;: &quot;Somme&quot;,
        &quot;total&quot;: &quot;Total&quot;,
        &quot;hint&quot;: &quot;Faites glisser les sommets pour voir la somme des angles intérieurs.&quot;
    },
    &quot;tr&quot;: {
        &quot;_name&quot;: &quot;Dörtgen Açıları&quot;,
        &quot;interiorAngles&quot;: &quot;İç açılar&quot;,
        &quot;reset&quot;: &quot;Sıfırla&quot;,
        &quot;sum&quot;: &quot;Toplam&quot;,
        &quot;total&quot;: &quot;Toplam&quot;,
        &quot;hint&quot;: &quot;Köşeleri sürükleyerek iç açıların toplamını görün.&quot;
    },
    &quot;eu&quot;: {
        &quot;_name&quot;: &quot;Koadrilateroaren angeluak&quot;,
        &quot;interiorAngles&quot;: &quot;Barne angeluak&quot;,
        &quot;reset&quot;: &quot;Berrezarri&quot;,
        &quot;sum&quot;: &quot;Batuketa&quot;,
        &quot;total&quot;: &quot;Guztira&quot;,
        &quot;hint&quot;: &quot;Arrastatu erpinak barne-angeluen batura ikusteko&quot;
    },
    &quot;sk&quot;: {
        &quot;_name&quot;: &quot;Uhly štvoruholníka&quot;,
        &quot;interiorAngles&quot;: &quot;Vnútorné uhly&quot;,
        &quot;reset&quot;: &quot;Vynulovať&quot;,
        &quot;sum&quot;: &quot;Súčet&quot;,
        &quot;total&quot;: &quot;Spolu&quot;,
        &quot;hint&quot;: &quot;Potiahnutím vrcholov uvidíte súčet vnútorných uhlov&quot;
    },
    &quot;skr-arab&quot;: {
        &quot;_name&quot;: &quot;چوکور زاویے&quot;,
        &quot;interiorAngles&quot;: &quot;اندرونی زاوے&quot;,
        &quot;reset&quot;: &quot;↺ دوبارہ&quot;,
        &quot;sum&quot;: &quot;مجموعہ&quot;,
        &quot;total&quot;: &quot;کل&quot;,
        &quot;hint&quot;: &quot;اندرونی زاویاں دا مجموعہ ویکھݨ کیتے سراں کوں گھسیٹو&quot;
    },
    &quot;ko&quot;: {
        &quot;_name&quot;: &quot;사각형의 각도&quot;,
        &quot;interiorAngles&quot;: &quot;내부 각들&quot;,
        &quot;reset&quot;: &quot;초기화&quot;,
        &quot;sum&quot;: &quot;총합&quot;,
        &quot;total&quot;: &quot;합계&quot;,
        &quot;hint&quot;: &quot;꼭짓점을 드래그하여 내각의 합을 확인하세요.&quot;
    },
    &quot;en&quot;: {
        &quot;_name&quot;: &quot;Quadrangle Angles&quot;,
        &quot;interiorAngles&quot;: &quot;Interior angles&quot;,
        &quot;reset&quot;: &quot;Reset&quot;,
        &quot;sum&quot;: &quot;Sum&quot;,
        &quot;total&quot;: &quot;Total&quot;,
        &quot;hint&quot;: &quot;Drag vertices to see the sum of interior angles&quot;
    },
    &quot;ca&quot;: {
        &quot;interiorAngles&quot;: &quot;Angles interiors&quot;,
        &quot;reset&quot;: &quot;Reinicia&quot;,
        &quot;sum&quot;: &quot;Suma&quot;,
        &quot;total&quot;: &quot;Total&quot;
    },
    &quot;qqq&quot;: {
        &quot;_name&quot;: &quot;Name of the Quadrangle Angles module&quot;,
        &quot;interiorAngles&quot;: &quot;Heading for the interior angles section&quot;,
        &quot;reset&quot;: &quot;Button label to reset the visualisation&quot;,
        &quot;sum&quot;: &quot;Label for the sum of angles&quot;,
        &quot;total&quot;: &quot;Label for the total sum of interior angles&quot;,
        &quot;hint&quot;: &quot;Instruction text for the quadrangle angle interaction&quot;
    },
    &quot;ga&quot;: {
        &quot;_name&quot;: &quot;Uillinneacha Ceathairshleasacha&quot;,
        &quot;interiorAngles&quot;: &quot;Uillinneacha inmheánacha&quot;,
        &quot;reset&quot;: &quot;Athshocraigh&quot;,
        &quot;sum&quot;: &quot;Suim&quot;,
        &quot;total&quot;: &quot;Iomlán&quot;,
        &quot;hint&quot;: &quot;Tarraing buaicphointí chun suim na n-uillinneacha inmheánacha a fheiceáil&quot;
    },
    &quot;es&quot;: {
        &quot;_name&quot;: &quot;Ángulos del cuadrilátero&quot;,
        &quot;interiorAngles&quot;: &quot;Ángulos interiores&quot;,
        &quot;reset&quot;: &quot;Reiniciar&quot;,
        &quot;sum&quot;: &quot;Suma&quot;,
        &quot;total&quot;: &quot;Total&quot;,
        &quot;hint&quot;: &quot;Arrastra los vértices para ver la suma de los ángulos interiores&quot;
    },
    &quot;mk&quot;: {
        &quot;_name&quot;: &quot;Агли на четириаголник&quot;,
        &quot;interiorAngles&quot;: &quot;Внатрешни агли&quot;,
        &quot;reset&quot;: &quot;Одново&quot;,
        &quot;sum&quot;: &quot;Збир&quot;,
        &quot;total&quot;: &quot;Вкупно&quot;,
        &quot;hint&quot;: &quot;Повлечете ги темињата за да го видите збирот на внатрешните агли&quot;
    }
} /* I18N_END */
var lang = (window.mw &amp;&amp; mw.config.get('wgUserLanguage')) || 'en';
var banana = new Banana(lang.split('-')[0]);
banana.load(messages);

function t(key, vars) {
    var args = Array.isArray(vars) ? vars : [];
    var str = banana.i18n(key, ...args);
    if (vars &amp;&amp; typeof vars === 'object' &amp;&amp; !Array.isArray(vars)) {
        Object.keys(vars).forEach(function(k) {
            str = str.replace(new RegExp('\\{' + k + '\\}', 'g'), vars[k]);
        });
    }
    return str;
}

var SVG_W  = 540, SVG_H = 480;
  var SVG_NS = 'http://www.w3.org/2000/svg';
  var KEYS   = ['A', 'B', 'C', 'D'];
  var COLORS = { A: 'red', B: 'green', C: 'blue', D: 'orange' };

  function initQuadrangleAngles( root ) {
    var wrapper = document.createElement( 'div' );
    wrapper.className = 'quadrangle-angles';
    root.parentNode.replaceChild( wrapper, root );

    // ── Build SVG ─────────────────────────────────────────────────────────
    var svgEl = document.createElementNS( SVG_NS, 'svg' );
    svgEl.setAttribute( 'viewBox', '0 0 ' + SVG_W + ' ' + SVG_H );
    svgEl.setAttribute( 'width',   SVG_W );
    svgEl.classList.add( 'qa-svg' );

    // SVG background rect — background-color-base: #ffffff light / #101418 dark.
    // Makes polygon stroke visible in dark mode and avoids white flash from CSS.
    var bgRect = document.createElementNS( SVG_NS, 'rect' );
    bgRect.setAttribute( 'width', '100%' );
    bgRect.setAttribute( 'height', '100%' );
    bgRect.setAttribute( 'fill', hiruwiki.getThemeColor('background-color-base', '#ffffff') );
    svgEl.appendChild( bgRect );

    var defs = document.createElementNS( SVG_NS, 'defs' );
    var pat  = document.createElementNS( SVG_NS, 'pattern' );
    pat.setAttribute( 'id', 'qa-grid' );
    pat.setAttribute( 'width', '20' );
    pat.setAttribute( 'height', '20' );
    pat.setAttribute( 'patternUnits', 'userSpaceOnUse' );
    var gridPath = document.createElementNS( SVG_NS, 'path' );
    gridPath.setAttribute( 'd', 'M 20 0 L 0 0 0 20' );
    gridPath.setAttribute( 'fill', 'none' );
    // Grid lines: border-color-subtle (very faint) — #c8ccd1 light / #2e3136 dark
    gridPath.setAttribute( 'stroke', hiruwiki.getThemeColor('border-color-subtle', '#c8ccd1') );
    gridPath.setAttribute( 'stroke-width', '0.5' );
    pat.appendChild( gridPath );
    defs.appendChild( pat );
    svgEl.appendChild( defs );

    var gridRect = document.createElementNS( SVG_NS, 'rect' );
    gridRect.setAttribute( 'width', '100%' );
    gridRect.setAttribute( 'height', '100%' );
    gridRect.setAttribute( 'fill', 'url(#qa-grid)' );
    svgEl.appendChild( gridRect );

    // Quadrangle outline — color-base: #202122 light / ~#f8f9fa dark
    var quadEl = document.createElementNS( SVG_NS, 'polygon' );
    quadEl.setAttribute( 'fill', 'none' );
    quadEl.setAttribute( 'stroke', hiruwiki.getThemeColor('color-base', '#202122') );
    quadEl.setAttribute( 'stroke-width', '2' );
    svgEl.appendChild( quadEl );

    var arcs = {}, lbls = {}, circs = {};
    KEYS.forEach( function ( k ) {
      var arc = document.createElementNS( SVG_NS, 'path' );
      arc.setAttribute( 'fill', COLORS[k] );
      arc.setAttribute( 'opacity', '0.4' );
      svgEl.appendChild( arc );
      arcs[k] = arc;

      var lbl = document.createElementNS( SVG_NS, 'text' );
      lbl.setAttribute( 'fill', COLORS[k] );
      lbl.setAttribute( 'font-weight', 'bold' );
      lbl.setAttribute( 'font-size', '16' );
      lbl.setAttribute( 'font-family', 'Arial, sans-serif' );
      lbl.setAttribute( 'pointer-events', 'none' );
      svgEl.appendChild( lbl );
      lbls[k] = lbl;

      var circ = document.createElementNS( SVG_NS, 'circle' );
      circ.setAttribute( 'r', '8' );
      circ.setAttribute( 'fill', COLORS[k] );
      // Drag handle ring — background-color-base so it punches through polygon fill
      circ.setAttribute( 'stroke', hiruwiki.getThemeColor('background-color-base', '#ffffff') );
      circ.setAttribute( 'stroke-width', '2' );
      circ.style.cursor = 'pointer';
      svgEl.appendChild( circ );
      circs[k] = circ;
    } );

    // ── Build panel ───────────────────────────────────────────────────────
    var panel = document.createElement( 'div' );
    panel.className = 'qa-panel';

    var h3 = document.createElement( 'h3' );
    h3.textContent = t('interiorAngles');
    panel.appendChild( h3 );

    var valEls = {}, barEls = {};
    KEYS.forEach( function ( k ) {
      var row = document.createElement( 'div' );
      row.className = 'qa-angle-row';

      var dot = document.createElement( 'div' );
      dot.className = 'qa-dot';
      dot.style.background = COLORS[k];

      var letter = document.createElement( 'div' );
      letter.className = 'qa-letter';
      letter.style.color = COLORS[k];
      letter.textContent = k;

      var barWrap = document.createElement( 'div' );
      barWrap.className = 'qa-bar-wrap';
      var bar = document.createElement( 'div' );
      bar.className = 'qa-bar';
      bar.style.background = COLORS[k];
      barWrap.appendChild( bar );
      barEls[k] = bar;

      var val = document.createElement( 'div' );
      val.className = 'qa-val';
      val.style.color = COLORS[k];
      val.textContent = '\u2014';
      valEls[k] = val;

      row.appendChild( dot );
      row.appendChild( letter );
      row.appendChild( barWrap );
      row.appendChild( val );
      panel.appendChild( row );
    } );

    var sumSection = document.createElement( 'div' );
    sumSection.className = 'qa-sum-section';

    var pieLabel = document.createElement( 'div' );
    pieLabel.className = 'qa-pie-label';
    pieLabel.textContent = t('sum');
    sumSection.appendChild( pieLabel );

    var pieSVG = document.createElementNS( SVG_NS, 'svg' );
    pieSVG.setAttribute( 'width', '100' );
    pieSVG.setAttribute( 'height', '100' );
    pieSVG.setAttribute( 'viewBox', '-50 -50 100 100' );
    sumSection.appendChild( pieSVG );

    var eq = document.createElement( 'div' );
    eq.className = 'qa-equation';
    eq.innerHTML = '&lt;span style=&quot;color:red&quot;&gt;A&lt;/span&gt; + ' +
                   '&lt;span style=&quot;color:green&quot;&gt;B&lt;/span&gt; + ' +
                   '&lt;span style=&quot;color:blue&quot;&gt;C&lt;/span&gt; + ' +
                   '&lt;span style=&quot;color:orange&quot;&gt;D&lt;/span&gt; = 360\u00b0';
    sumSection.appendChild( eq );
    panel.appendChild( sumSection );

    var totalRow = document.createElement( 'div' );
    totalRow.className = 'qa-total-row';
    var totalLabel = document.createElement( 'span' );
    totalLabel.className = 'qa-total-label';
    totalLabel.textContent = t('total');
    var totalVal = document.createElement( 'span' );
    totalVal.className = 'qa-total-val';
    totalVal.textContent = '360.0\u00b0';
    totalRow.appendChild( totalLabel );
    totalRow.appendChild( totalVal );
    panel.appendChild( totalRow );

    var resetBtn = document.createElement( 'button' );
    resetBtn.className = 'qa-reset-btn';
    resetBtn.textContent = '\u21ba ' + t('reset');
    panel.appendChild( resetBtn );

    wrapper.appendChild( svgEl );
    wrapper.appendChild( panel );

    // ── State ─────────────────────────────────────────────────────────────
    var s = 150, cx = 270, cy = 240;
    var initPos = {
      A: { x: cx - s, y: cy - s },
      B: { x: cx + s, y: cy - s },
      C: { x: cx + s, y: cy + s },
      D: { x: cx - s, y: cy + s }
    };
    var pos = { A: {}, B: {}, C: {}, D: {} };
    var dragKey = null;

    function applyPos() {
      KEYS.forEach( function ( k ) {
        circs[k].cx.baseVal.value = pos[k].x;
        circs[k].cy.baseVal.value = pos[k].y;
      } );
    }
    function resetPos( p ) {
      KEYS.forEach( function ( k ) { pos[k] = { x: p[k].x, y: p[k].y }; } );
      applyPos();
    }
    resetPos( initPos );

    // ── Geometry ──────────────────────────────────────────────────────────
    function dist( a, b ) { return Math.hypot( a.x - b.x, a.y - b.y ); }

    function segmentsIntersect( p1, p2, p3, p4 ) {
      var d1x = p2.x-p1.x, d1y = p2.y-p1.y, d2x = p4.x-p3.x, d2y = p4.y-p3.y;
      var den = d1x*d2y - d1y*d2x;
      if ( Math.abs( den ) &lt; 1e-10 ) return false;
      var t = ( (p3.x-p1.x)*d2y - (p3.y-p1.y)*d2x ) / den;
      var u = ( (p3.x-p1.x)*d1y - (p3.y-p1.y)*d1x ) / den;
      return t &gt; 0 &amp;&amp; t &lt; 1 &amp;&amp; u &gt; 0 &amp;&amp; u &lt; 1;
    }

    function isSelfIntersecting( p ) {
      return segmentsIntersect( p.A, p.B, p.C, p.D ) ||
             segmentsIntersect( p.B, p.C, p.D, p.A );
    }

    function signedArea( p ) {
      var a = 0;
      for ( var i = 0; i &lt; 4; i++ ) {
        var pi = p[KEYS[i]], pj = p[KEYS[(i+1)%4]];
        a += pi.x*pj.y - pj.x*pi.y;
      }
      return a / 2;
    }

    function interiorAngle( V, P, N, area ) {
      var a = dist(P,N), b = dist(V,N), c = dist(V,P);
      var base = Math.acos( Math.max(-1, Math.min(1, (b*b+c*c-a*a)/(2*b*c))) ) * 180/Math.PI;
      var cross = (P.x-V.x)*(N.y-V.y) - (P.y-V.y)*(N.x-V.x);
      return ( area &gt; 0 ? cross &gt; 0 : cross &lt; 0 ) ? 360 - base : base;
    }

    function drawAngleArc( center, p1, p2, radius, isReflex ) {
      var v1x = p1.x-center.x, v1y = p1.y-center.y;
      var v2x = p2.x-center.x, v2y = p2.y-center.y;
      var a1 = Math.atan2(v1y,v1x), a2 = Math.atan2(v2y,v2x);
      var start = a1, end = a2, cross = v1x*v2y - v1y*v2x, tmp;
      if ( isReflex ? cross &gt; 0 : cross &lt; 0 ) { tmp=start; start=end; end=tmp; }
      if ( end &lt; start ) end += 2*Math.PI;
      var large = (end-start) &gt; Math.PI ? 1 : 0;
      var x1 = center.x+radius*Math.cos(start), y1 = center.y+radius*Math.sin(start);
      var x2 = center.x+radius*Math.cos(end),   y2 = center.y+radius*Math.sin(end);
      return 'M'+center.x+','+center.y+' L'+x1+','+y1+
             ' A'+radius+','+radius+' 0 '+large+' 1 '+x2+','+y2+' Z';
    }

    function updatePie( angles ) {
      while ( pieSVG.firstChild ) pieSVG.removeChild( pieSVG.firstChild );
      var r = 44, start = -Math.PI/2;
      KEYS.forEach( function ( k ) {
        var span = angles[k]*Math.PI/180, end = start+span, large = span &gt; Math.PI ? 1 : 0;
        var x1 = r*Math.cos(start), y1 = r*Math.sin(start);
        var x2 = r*Math.cos(end),   y2 = r*Math.sin(end);
        var path = document.createElementNS( SVG_NS, 'path' );
        path.setAttribute( 'd', 'M0,0 L'+x1+','+y1+' A'+r+','+r+' 0 '+large+' 1 '+x2+','+y2+' Z' );
        path.setAttribute( 'fill', COLORS[k] );
        path.setAttribute( 'opacity', '0.6' );
        pieSVG.appendChild( path );
        start = end;
      } );
      // Pie centre hole — background-color-base: #ffffff light / #101418 dark
      var c = document.createElementNS( SVG_NS, 'circle' );
      c.setAttribute( 'r', '14' );
      c.setAttribute( 'fill', hiruwiki.getThemeColor('background-color-base', '#ffffff') );
      pieSVG.appendChild( c );
      // &quot;360°&quot; label — color-subtle: #54595d light / ~#a2a9b1 dark
      var tEl = document.createElementNS( SVG_NS, 'text' );
      tEl.setAttribute( 'text-anchor', 'middle' );
      tEl.setAttribute( 'dominant-baseline', 'central' );
      tEl.setAttribute( 'font-family', 'Arial, sans-serif' );
      tEl.setAttribute( 'font-size', '8' );
      tEl.setAttribute( 'font-weight', 'bold' );
      tEl.setAttribute( 'fill', hiruwiki.getThemeColor('color-subtle', '#54595d') );
      tEl.textContent = '360\u00b0';
      pieSVG.appendChild( tEl );
    }

    function updateQuad() {
      var p = {
        A: { x: circs.A.cx.baseVal.value, y: circs.A.cy.baseVal.value },
        B: { x: circs.B.cx.baseVal.value, y: circs.B.cy.baseVal.value },
        C: { x: circs.C.cx.baseVal.value, y: circs.C.cy.baseVal.value },
        D: { x: circs.D.cx.baseVal.value, y: circs.D.cy.baseVal.value }
      };
      quadEl.setAttribute( 'points',
        p.A.x+','+p.A.y+' '+p.B.x+','+p.B.y+' '+p.C.x+','+p.C.y+' '+p.D.x+','+p.D.y );

      var area = signedArea( p );
      var verts = {
        A: { V:p.A, P:p.D, N:p.B }, B: { V:p.B, P:p.A, N:p.C },
        C: { V:p.C, P:p.B, N:p.D }, D: { V:p.D, P:p.C, N:p.A }
      };
      var angles = {}, isReflex = {};
      KEYS.forEach( function ( k ) {
        var V=verts[k].V, P=verts[k].P, N=verts[k].N;
        var cross = (P.x-V.x)*(N.y-V.y) - (P.y-V.y)*(N.x-V.x);
        isReflex[k] = area &gt; 0 ? cross &gt; 0 : cross &lt; 0;
        angles[k]   = interiorAngle( V, P, N, area );
      } );

      KEYS.forEach( function ( k ) {
        arcs[k].setAttribute( 'd', drawAngleArc( verts[k].V, verts[k].P, verts[k].N, 40, isReflex[k] ) );
      } );

      var centX = (p.A.x+p.B.x+p.C.x+p.D.x)/4;
      var centY = (p.A.y+p.B.y+p.C.y+p.D.y)/4;
      KEYS.forEach( function ( k ) {
        var V=verts[k].V, P=verts[k].P, N=verts[k].N;
        var u1x=P.x-V.x, u1y=P.y-V.y, u2x=N.x-V.x, u2y=N.y-V.y;
        var l1=Math.hypot(u1x,u1y), l2=Math.hypot(u2x,u2y);
        var bx=u1x/l1+u2x/l2, by=u1y/l1+u2y/l2, bm=Math.hypot(bx,by);
        if ( bm &lt; 1e-6 ) { bx=centX-V.x; by=centY-V.y; }
        else { bx/=bm; by/=bm; }
        if ( bx*(centX-V.x)+by*(centY-V.y) &lt; 0 ) { bx=-bx; by=-by; }
        lbls[k].setAttribute( 'x', V.x+bx*60-22 );
        lbls[k].setAttribute( 'y', V.y+by*60+6 );
        lbls[k].textContent = angles[k].toFixed(1)+'\u00b0';
      } );

      var sum = angles.A+angles.B+angles.C+angles.D;
      KEYS.forEach( function ( k ) {
        valEls[k].textContent = angles[k].toFixed(1)+'\u00b0';
        barEls[k].style.width = (angles[k]/360*100)+'%';
      } );
      totalVal.textContent = sum.toFixed(1)+'\u00b0';
      updatePie( angles );
    }

    // ── Drag (mouse + touch) ──────────────────────────────────────────────
    function tryMove(nx,ny) {
      var cand = { A:{x:pos.A.x,y:pos.A.y}, B:{x:pos.B.x,y:pos.B.y},
                   C:{x:pos.C.x,y:pos.C.y}, D:{x:pos.D.x,y:pos.D.y} };
      cand[dragKey] = { x:nx, y:ny };
      if ( !isSelfIntersecting(cand) ) { pos[dragKey]={x:nx,y:ny}; applyPos(); updateQuad(); }
    }
    function svgPoint(clientX, clientY) {
      var pt = svgEl.createSVGPoint();
      pt.x = clientX;
      pt.y = clientY;
      return pt.matrixTransform(svgEl.getScreenCTM().inverse());
    }
    KEYS.forEach( function ( k ) {
      circs[k].addEventListener( 'mousedown', function ( e ) { dragKey=k; e.preventDefault(); } );
    } );
    svgEl.addEventListener( 'mousemove', function ( e ) {
      if ( !dragKey ) return;
      var pt=svgPoint(e.clientX,e.clientY); tryMove(pt.x,pt.y);
    } );
    svgEl.addEventListener( 'mouseup',    function () { dragKey=null; } );
    svgEl.addEventListener( 'mouseleave', function () { dragKey=null; } );
    // Touch
    svgEl.addEventListener('touchstart', function(e) {
      e.preventDefault();
      var pt = svgPoint(e.touches[0].clientX, e.touches[0].clientY);
      var best = null, bestDist = 40;
      KEYS.forEach(function(k) {
        var d = Math.hypot(pos[k].x - pt.x, pos[k].y - pt.y);
        if (d &lt; bestDist) { bestDist = d; best = k; }
      });
      if (best) dragKey = best;
    }, {passive: false});
    svgEl.addEventListener('touchmove', function(e) {
      if (!dragKey) return;
      e.preventDefault();
      var pt = svgPoint(e.touches[0].clientX, e.touches[0].clientY);
      tryMove(pt.x, pt.y);
    }, {passive: false});
    svgEl.addEventListener('touchend',    function() { dragKey = null; });
    svgEl.addEventListener('touchcancel', function() { dragKey = null; });
    resetBtn.addEventListener( 'click', function () { resetPos(initPos); updateQuad(); } );

    updateQuad();

    // Footer branding
    var footer = document.createElement(&quot;div&quot;);
    footer.className = &quot;hw-footer&quot;;
    var fLogo = document.createElement(&quot;a&quot;);
    fLogo.className = &quot;hw-footer-icon&quot;;
    fLogo.href = mw.util.getUrl('Wikipedia:Hiruwiki');
    fLogo.title = 'Hiruwiki';
    fLogo.innerHTML = hiruwiki.getLogoSvg(22);
    var fText = document.createElement(&quot;span&quot;);
    fText.innerHTML = t('hint');
    footer.appendChild(fLogo);
    footer.appendChild(fText);
    wrapper.appendChild(footer);
  }

  document.querySelectorAll( '.hiruwiki[data-module=&quot;quadrangle-angles&quot;]' ).forEach( function ( el ) {
    initQuadrangleAngles( el );
  } );

}() );</text>
      <sha1>b6htqlacsxn5krddwz48qvm9tjst7c7</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/quadrangles.js</title>
    <ns>8</ns>
    <id>179519</id>
    <revision>
      <id>781442</id>
      <parentid>770246</parentid>
      <timestamp>2026-10-28T10:40:02Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781442</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="45954" sha1="g86his7pmci125rr6o286p5wrrdx0xc" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
(function () {


  /* ── I18N ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
  var messages = /* I18N_START */ {
    &quot;nl&quot;: {
        &quot;_name&quot;: &quot;Vierhoeken&quot;,
        &quot;areaDiagHalf&quot;: &quot;Formule: A = (d₁ × d₂) / 2 d₁ (AC) = $1 cm d₂ (BD) = $2 cm = ($1 × $2) / 2&quot;,
        &quot;areaGaussHeader&quot;: &quot;Gauss formule (schoenvetermethode): A = ½ |Σ(xᵢ·yᵢ₊₁ − xᵢ₊₁·yᵢ)|&quot;,
        &quot;areaGaussSum&quot;: &quot;Σ = $1\nA = ½ × |$1|&quot;,
        &quot;areaGaussTerm&quot;: &quot;(x$1·y$2 − x$2·y$1) = $3&quot;,
        &quot;areaParallelogram&quot;: &quot;Formule: A = basis × hoogte basis (AB) = $1 cm hoogte = $2 cm = $1 × $2&quot;,
        &quot;areaRectangle&quot;: &quot;Formule: A = breedte × hoogte = $1 × $2&quot;,
        &quot;areaSquare&quot;: &quot;Formule: A = zijde² = $1²&quot;,
        &quot;areaTrapezoid&quot;: &quot;Formule: A = (b₁ + b₂) / 2 × h b₁ (AB) = $1 cm b₂ (CD) = $2 cm hoogte = $3 cm = ($1 + $2) / 2 × $3&quot;,
        &quot;headingArea&quot;: &quot;Oppervlakte&quot;,
        &quot;headingClassification&quot;: &quot;Classificatie&quot;,
        &quot;headingSides&quot;: &quot;Zijden en diagonalen&quot;,
        &quot;labelDiag1&quot;: &quot;d₁ (AC)&quot;,
        &quot;labelDiag2&quot;: &quot;d₂ (BD)&quot;,
        &quot;labelPerimeter&quot;: &quot;Omtrek&quot;,
        &quot;presetKite&quot;: &quot;Vlieger&quot;,
        &quot;presetParallelogram&quot;: &quot;Parallellogram&quot;,
        &quot;presetRectangle&quot;: &quot;Rechthoek&quot;,
        &quot;presetSquare&quot;: &quot;Vierkant&quot;,
        &quot;presetTrapezoid&quot;: &quot;Trapezium&quot;,
        &quot;shapeCrossed&quot;: &quot;gekruiste vierhoek&quot;,
        &quot;shapeGeneral&quot;: &quot;algemene vierhoek&quot;,
        &quot;shapeKite&quot;: &quot;vlieger&quot;,
        &quot;shapeParallelogram&quot;: &quot;parallellogram&quot;,
        &quot;shapeRectangle&quot;: &quot;rechthoek&quot;,
        &quot;shapeRhombus&quot;: &quot;ruit&quot;,
        &quot;shapeSquare&quot;: &quot;vierkant&quot;,
        &quot;shapeTrapezoid&quot;: &quot;trapezium&quot;,
        &quot;unitCm&quot;: &quot;cm&quot;,
        &quot;unitCm2&quot;: &quot;cm²&quot;,
        &quot;hint&quot;: &quot;Sleep de hoekpunten om de vierhoek te classificeren&quot;
    },
    &quot;fr&quot;: {
        &quot;_name&quot;: &quot;Quadrilatères&quot;,
        &quot;areaDiagHalf&quot;: &quot;Formule : A = (d₁ × d₂) / 2\nd₁ (AC) = $1 cm\nd₂ (BD) = $2 cm\n= ($1 × $2) / 2&quot;,
        &quot;areaGaussHeader&quot;: &quot;Formule de Gauss (shoelace) :\nA = ½ |Σ(xᵢ·yᵢ₊₁ − xᵢ₊₁·yᵢ)|&quot;,
        &quot;areaGaussSum&quot;: &quot;Σ = $1\nA = ½ × |$1|&quot;,
        &quot;areaGaussTerm&quot;: &quot;(x$1·y$2 − x$2·y$1) = $3&quot;,
        &quot;areaParallelogram&quot;: &quot;Formule : A = base × hauteur\nbase (AB) = $1 cm\nhauteur = $2 cm\n= $1 × $2&quot;,
        &quot;areaRectangle&quot;: &quot;Formule : A = largeur × hauteur\n= $1 × $2&quot;,
        &quot;areaSquare&quot;: &quot;Formule : A = côté²\n= $1²&quot;,
        &quot;areaTrapezoid&quot;: &quot;Formule : A = (b₁ + b₂) / 2 × h\nb₁ (AB) = $1 cm\nb₂ (CD) = $2 cm\nhauteur = $3 cm\n= ($1 + $2) / 2 × $3&quot;,
        &quot;headingArea&quot;: &quot;Aire&quot;,
        &quot;headingClassification&quot;: &quot;Classification&quot;,
        &quot;headingSides&quot;: &quot;Côtés et diagonales&quot;,
        &quot;labelDiag1&quot;: &quot;d₁ (AC)&quot;,
        &quot;labelDiag2&quot;: &quot;d₂ (BD)&quot;,
        &quot;labelPerimeter&quot;: &quot;Périmètre&quot;,
        &quot;presetKite&quot;: &quot;Cerf-volant&quot;,
        &quot;presetParallelogram&quot;: &quot;Parallélogramme&quot;,
        &quot;presetRectangle&quot;: &quot;Rectangle&quot;,
        &quot;presetSquare&quot;: &quot;Carré&quot;,
        &quot;presetTrapezoid&quot;: &quot;Trapèze&quot;,
        &quot;shapeCrossed&quot;: &quot;quadrilatère croisé&quot;,
        &quot;shapeGeneral&quot;: &quot;quadrilatère quelconque&quot;,
        &quot;shapeKite&quot;: &quot;cerf-volant&quot;,
        &quot;shapeParallelogram&quot;: &quot;parallélogramme&quot;,
        &quot;shapeRectangle&quot;: &quot;rectangle&quot;,
        &quot;shapeRhombus&quot;: &quot;losange&quot;,
        &quot;shapeSquare&quot;: &quot;carré&quot;,
        &quot;shapeTrapezoid&quot;: &quot;trapèze&quot;,
        &quot;unitCm&quot;: &quot;cm&quot;,
        &quot;unitCm2&quot;: &quot;cm²&quot;,
        &quot;hint&quot;: &quot;Faites glisser les sommets pour classer le quadrilatère&quot;
    },
    &quot;tr&quot;: {
        &quot;_name&quot;: &quot;Dörtgenler&quot;,
        &quot;areaDiagHalf&quot;: &quot;Formül: A = (d₁ × d₂) / 2 d₁ (AC) = $1 cm d₂ (BD) = $2 cm = ($1 × $2) / 2&quot;,
        &quot;areaGaussHeader&quot;: &quot;Gauss formülü (ayakkabı bağı): A = ½ |Σ(xᵢ·yᵢ₊₁ − xᵢ₊₁·yᵢ)|&quot;,
        &quot;areaGaussSum&quot;: &quot;Σ = $1 A = ½ × |$1|&quot;,
        &quot;areaGaussTerm&quot;: &quot;(x$1·y$2 − x$2·y$1) = $3&quot;,
        &quot;areaParallelogram&quot;: &quot;Formül: A = taban × taban yüksekliği (AB) = $1 cm yükseklik = $2 cm = $1 × $2&quot;,
        &quot;areaRectangle&quot;: &quot;Formül: A = genişlik × yükseklik = $1 × $2&quot;,
        &quot;areaSquare&quot;: &quot;Formül: A = kenar² = $1²&quot;,
        &quot;areaTrapezoid&quot;: &quot;Formül: A = (b₁ + b₂) / 2 × h b₁ (AB) = $1 cm b₂ (CD) = $2 cm yükseklik = $3 cm = ($1 + $2) / 2 × $3&quot;,
        &quot;headingArea&quot;: &quot;Alan&quot;,
        &quot;headingClassification&quot;: &quot;Sınıflandırma&quot;,
        &quot;headingSides&quot;: &quot;Kenarlar ve köşegenler&quot;,
        &quot;labelDiag1&quot;: &quot;d₁ (AC)&quot;,
        &quot;labelDiag2&quot;: &quot;d₂ (BD)&quot;,
        &quot;labelPerimeter&quot;: &quot;Çevre&quot;,
        &quot;presetKite&quot;: &quot;Uçurtma&quot;,
        &quot;presetParallelogram&quot;: &quot;Paralelkenar&quot;,
        &quot;presetRectangle&quot;: &quot;Dikdörtgen&quot;,
        &quot;presetSquare&quot;: &quot;Kare&quot;,
        &quot;presetTrapezoid&quot;: &quot;Yamuk&quot;,
        &quot;shapeCrossed&quot;: &quot;çapraz dörtgen&quot;,
        &quot;shapeGeneral&quot;: &quot;genel dörtgen&quot;,
        &quot;shapeKite&quot;: &quot;uçurtma&quot;,
        &quot;shapeParallelogram&quot;: &quot;paralelkenar&quot;,
        &quot;shapeRectangle&quot;: &quot;dikdörtgen&quot;,
        &quot;shapeRhombus&quot;: &quot;eşkenar dörtgen&quot;,
        &quot;shapeSquare&quot;: &quot;kare&quot;,
        &quot;shapeTrapezoid&quot;: &quot;yamuk&quot;,
        &quot;unitCm&quot;: &quot;cm&quot;,
        &quot;unitCm2&quot;: &quot;cm²&quot;,
        &quot;hint&quot;: &quot;Dörtgeni sınıflandırmak için köşeleri sürükleyin.&quot;
    },
    &quot;eu&quot;: {
        &quot;_name&quot;: &quot;Koadrilateroak&quot;,
        &quot;areaDiagHalf&quot;: &quot;Formula: A = (d₁ × d₂) / 2\nd₁ (AC) = $1 cm\nd₂ (BD) = $2 cm\n= ($1 × $2) / 2&quot;,
        &quot;areaGaussHeader&quot;: &quot;Gaussen formula:\nA = ½ |Σ(xᵢ·yᵢ₊₁ − xᵢ₊₁·yᵢ)|&quot;,
        &quot;areaGaussSum&quot;: &quot;Σ = $1 A = ½ × |$1|&quot;,
        &quot;areaGaussTerm&quot;: &quot;(x$1·y$2 − x$2·y$1) = $3&quot;,
        &quot;areaParallelogram&quot;: &quot;Formula: A = oinarria × altuera\noinarria (AB) = $1 cm\naltuera = $2 cm\n= $1 × $2&quot;,
        &quot;areaRectangle&quot;: &quot;Formula: A = zabalera × altuera\n= $1 × $2&quot;,
        &quot;areaSquare&quot;: &quot;Formula: A = aldea²\n= $1²&quot;,
        &quot;areaTrapezoid&quot;: &quot;Formula: A = (b₁ + b₂) / 2 × h\nb₁ (AB) = $1 cm\nb₂ (CD) = $2 cm\naltuera = $3 cm\n= ($1 + $2) / 2 × $3&quot;,
        &quot;headingArea&quot;: &quot;Azalera&quot;,
        &quot;headingClassification&quot;: &quot;Sailkapena&quot;,
        &quot;headingSides&quot;: &quot;Aldeak eta diagonalak&quot;,
        &quot;labelDiag1&quot;: &quot;d₁ (AC)&quot;,
        &quot;labelDiag2&quot;: &quot;d₂ (BD)&quot;,
        &quot;labelPerimeter&quot;: &quot;Perimetroa&quot;,
        &quot;presetKite&quot;: &quot;Kometa&quot;,
        &quot;presetParallelogram&quot;: &quot;Paralelogramoa&quot;,
        &quot;presetRectangle&quot;: &quot;Laukizuzena&quot;,
        &quot;presetSquare&quot;: &quot;Karratua&quot;,
        &quot;presetTrapezoid&quot;: &quot;Trapezioa&quot;,
        &quot;shapeCrossed&quot;: &quot;konplexua&quot;,
        &quot;shapeGeneral&quot;: &quot;trapezoidea&quot;,
        &quot;shapeKite&quot;: &quot;kometa&quot;,
        &quot;shapeParallelogram&quot;: &quot;paralelogramoa&quot;,
        &quot;shapeRectangle&quot;: &quot;laukizuzena&quot;,
        &quot;shapeRhombus&quot;: &quot;erronboa&quot;,
        &quot;shapeSquare&quot;: &quot;karratua&quot;,
        &quot;shapeTrapezoid&quot;: &quot;trapezioa&quot;,
        &quot;unitCm&quot;: &quot;cm&quot;,
        &quot;unitCm2&quot;: &quot;cm²&quot;,
        &quot;hint&quot;: &quot;Arrastatu erpinak laukizuzena sailkatzeko&quot;
    },
    &quot;sk&quot;: {
        &quot;_name&quot;: &quot;Štvoruholníky&quot;,
        &quot;areaDiagHalf&quot;: &quot;Vzorec: A = (d₁ × d₂) / 2 d₁ (AC) = $1 cm d₂ (BD) = $2 cm = ($1 × $2) / 2&quot;,
        &quot;areaGaussHeader&quot;: &quot;Gaussov vzorec (šnurovací): A = ½ |Σ(xᵢ·yᵢ₊₁ − xᵢ₊₁·yᵢ)|&quot;,
        &quot;areaGaussSum&quot;: &quot;Σ = $1 A = ½ × |$1|&quot;,
        &quot;areaGaussTerm&quot;: &quot;(x$1·y$2 − x$2·y$1) = $3&quot;,
        &quot;areaParallelogram&quot;: &quot;Vzorec: A = základňa × výška základňa (AB) = $1 cm výška = $2 cm = $1 × $2&quot;,
        &quot;areaRectangle&quot;: &quot;Vzorec: A = šírka × výška = $1 × $2&quot;,
        &quot;areaSquare&quot;: &quot;Vzorec: A = strana² = $1²&quot;,
        &quot;areaTrapezoid&quot;: &quot;Vzorec: A = (b₁ + b₂) / 2 × h b₁ (AB) = $1 cm b₂ (CD) = $2 cm výška = $3 cm = ($1 + $2) / 2 × $3&quot;,
        &quot;headingArea&quot;: &quot;Obsah&quot;,
        &quot;headingClassification&quot;: &quot;Klasifikácia&quot;,
        &quot;headingSides&quot;: &quot;Strany a uhlopriečky&quot;,
        &quot;labelDiag1&quot;: &quot;d₁ (AC)&quot;,
        &quot;labelDiag2&quot;: &quot;d₂ (BD)&quot;,
        &quot;labelPerimeter&quot;: &quot;Obvod&quot;,
        &quot;presetKite&quot;: &quot;Deltoid&quot;,
        &quot;presetParallelogram&quot;: &quot;Rovnobežník&quot;,
        &quot;presetRectangle&quot;: &quot;Obdĺžnik&quot;,
        &quot;presetSquare&quot;: &quot;Štvorec&quot;,
        &quot;presetTrapezoid&quot;: &quot;Lichobežník&quot;,
        &quot;shapeCrossed&quot;: &quot;skrížený štvoruholník&quot;,
        &quot;shapeGeneral&quot;: &quot;všeobecný štvoruholník&quot;,
        &quot;shapeKite&quot;: &quot;deltoid&quot;,
        &quot;shapeParallelogram&quot;: &quot;rovnobežník&quot;,
        &quot;shapeRectangle&quot;: &quot;obdĺžnik&quot;,
        &quot;shapeRhombus&quot;: &quot;kosoštvorec&quot;,
        &quot;shapeSquare&quot;: &quot;štvorec&quot;,
        &quot;shapeTrapezoid&quot;: &quot;lichobežník&quot;,
        &quot;unitCm&quot;: &quot;cm&quot;,
        &quot;unitCm2&quot;: &quot;cm²&quot;,
        &quot;hint&quot;: &quot;Potiahnutím vrcholov klasifikujete štvoruholník&quot;
    },
    &quot;skr-arab&quot;: {
        &quot;_name&quot;: &quot;چوکوراں&quot;,
        &quot;areaDiagHalf&quot;: &quot;فارمولا: A = (d₁ × d₂) / 2 d₁ (AC) = $1 cm d₂ (BD) = $2 cm = ($1 × $2) / 2&quot;,
        &quot;areaGaussHeader&quot;: &quot;گاؤس فارمولا (شو لیس): A = ½ |Σ(xᵢ·yᵢ₊₁ − xᵢ₊₁·yᵢ)|&quot;,
        &quot;areaGaussSum&quot;: &quot;Σ = $1 A = ½ × |$1|&quot;,
        &quot;areaGaussTerm&quot;: &quot;(x$1·y$2 − x$2·y$1) = $3&quot;,
        &quot;areaParallelogram&quot;: &quot;فارمولا: A = قاعدہ × اُچائی قاعدہ (AB) = $1 cm اُچائی = $2 cm = $1 × $2&quot;,
        &quot;areaRectangle&quot;: &quot;فارمولا: A = چوڑائی × اُچائی = $1 × $2&quot;,
        &quot;areaSquare&quot;: &quot;فارمولا: A = ضلع² = $1²&quot;,
        &quot;areaTrapezoid&quot;: &quot;فارمولا: A = (b₁ + b₂) / 2 × h b₁ (AB) = $1 cm b₂ (CD) = $2 cm اُچائی = $3 cm = ($1 + $2) / 2 × $3&quot;,
        &quot;headingArea&quot;: &quot;رقبہ&quot;,
        &quot;headingClassification&quot;: &quot;درجہ بندی&quot;,
        &quot;headingSides&quot;: &quot;ضلعے تے قطر&quot;,
        &quot;labelDiag1&quot;: &quot;d₁ (AC)&quot;,
        &quot;labelDiag2&quot;: &quot;d₂ (BD)&quot;,
        &quot;labelPerimeter&quot;: &quot;گھیر&quot;,
        &quot;presetKite&quot;: &quot;پتنگ&quot;,
        &quot;presetParallelogram&quot;: &quot;متوازی الاضلاع&quot;,
        &quot;presetRectangle&quot;: &quot;مستطیل&quot;,
        &quot;presetSquare&quot;: &quot;مربع&quot;,
        &quot;presetTrapezoid&quot;: &quot;منحرف&quot;,
        &quot;shapeCrossed&quot;: &quot;کراس چوکور&quot;,
        &quot;shapeGeneral&quot;: &quot;عام چوکور&quot;,
        &quot;shapeKite&quot;: &quot;پتنگ&quot;,
        &quot;shapeParallelogram&quot;: &quot;متوازی الاضلاع&quot;,
        &quot;shapeRectangle&quot;: &quot;مستطیل&quot;,
        &quot;shapeRhombus&quot;: &quot;معین&quot;,
        &quot;shapeSquare&quot;: &quot;مربع&quot;,
        &quot;shapeTrapezoid&quot;: &quot;منحرف&quot;,
        &quot;unitCm&quot;: &quot;سم&quot;,
        &quot;unitCm2&quot;: &quot;سم²&quot;,
        &quot;hint&quot;: &quot;چوکور دی درجہ بندی کیتے سر گھسیٹو&quot;
    },
    &quot;lb&quot;: {
        &quot;areaRectangle&quot;: &quot;Formel: A = Breet × Héicht = $1 × $2&quot;,
        &quot;areaSquare&quot;: &quot;Formel: A = Säit² = $1²&quot;,
        &quot;headingArea&quot;: &quot;Fläch&quot;,
        &quot;headingClassification&quot;: &quot;Klassifikatioun&quot;,
        &quot;presetRectangle&quot;: &quot;Rechteck&quot;,
        &quot;presetSquare&quot;: &quot;Quadrat&quot;,
        &quot;shapeRectangle&quot;: &quot;Rechteck&quot;,
        &quot;unitCm&quot;: &quot;cm&quot;,
        &quot;unitCm2&quot;: &quot;cm²&quot;
    },
    &quot;ko&quot;: {
        &quot;_name&quot;: &quot;사각형&quot;,
        &quot;areaDiagHalf&quot;: &quot;공식: A = (d₁ × d₂) / 2\nd₁ (AC) = $1 cm\nd₂ (BD) = $2 cm\n= ($1 × $2) / 2&quot;,
        &quot;areaGaussHeader&quot;: &quot;가우스 공식 (신발끈): A = ½ |Σ(xᵢ·yᵢ₊₁ − xᵢ₊₁·yᵢ)|&quot;,
        &quot;areaGaussSum&quot;: &quot;Σ = $1 A = ½ × |$1|&quot;,
        &quot;areaGaussTerm&quot;: &quot;(x$1·y$2 − x$2·y$1) = $3&quot;,
        &quot;areaParallelogram&quot;: &quot;공식: A = 밑변 × 높이 밑변 (AB) = $1 cm 높이 = $2 cm = $1 × $2&quot;,
        &quot;areaRectangle&quot;: &quot;공식: A = 너비 × 높이\n= $1 × $2&quot;,
        &quot;areaSquare&quot;: &quot;공식: A = 한 변² = $1²&quot;,
        &quot;areaTrapezoid&quot;: &quot;공식: A = (b₁ + b₂) / 2 × h\nb₁ (AB) = $1 cm\nb₂ (CD) = $2 cm\n높이 = $3 cm\n= ($1 + $2) / 2 × $3&quot;,
        &quot;headingArea&quot;: &quot;면적&quot;,
        &quot;headingClassification&quot;: &quot;분류&quot;,
        &quot;headingSides&quot;: &quot;변과 대각선&quot;,
        &quot;labelDiag1&quot;: &quot;d₁ (AC)&quot;,
        &quot;labelDiag2&quot;: &quot;d₂ (BD)&quot;,
        &quot;labelPerimeter&quot;: &quot;둘레&quot;,
        &quot;presetKite&quot;: &quot;연꼴&quot;,
        &quot;presetParallelogram&quot;: &quot;평행사변형&quot;,
        &quot;presetRectangle&quot;: &quot;직사각형&quot;,
        &quot;presetSquare&quot;: &quot;정사각형&quot;,
        &quot;presetTrapezoid&quot;: &quot;사다리꼴&quot;,
        &quot;shapeCrossed&quot;: &quot;교차 사각형&quot;,
        &quot;shapeGeneral&quot;: &quot;일반 사각형&quot;,
        &quot;shapeKite&quot;: &quot;연꼴&quot;,
        &quot;shapeParallelogram&quot;: &quot;평행사변형&quot;,
        &quot;shapeRectangle&quot;: &quot;직사각형&quot;,
        &quot;shapeRhombus&quot;: &quot;마름모&quot;,
        &quot;shapeSquare&quot;: &quot;정사각형&quot;,
        &quot;shapeTrapezoid&quot;: &quot;사다리꼴&quot;,
        &quot;unitCm&quot;: &quot;cm&quot;,
        &quot;unitCm2&quot;: &quot;cm²&quot;,
        &quot;hint&quot;: &quot;꼭짓점을 드래그하여 사각형을 분류하세요.&quot;
    },
    &quot;en&quot;: {
        &quot;_name&quot;: &quot;Quadrilaterals&quot;,
        &quot;areaDiagHalf&quot;: &quot;Formula: A = (d₁ × d₂) / 2 d₁ (AC) = $1 cm d₂ (BD) = $2 cm = ($1 × $2) / 2&quot;,
        &quot;areaGaussHeader&quot;: &quot;Gauss formula (shoelace): A = ½ |Σ(xᵢ·yᵢ₊₁ − xᵢ₊₁·yᵢ)|&quot;,
        &quot;areaGaussSum&quot;: &quot;Σ = $1 A = ½ × |$1|&quot;,
        &quot;areaGaussTerm&quot;: &quot;(x$1·y$2 − x$2·y$1) = $3&quot;,
        &quot;areaParallelogram&quot;: &quot;Formula: A = base × height base (AB) = $1 cm height = $2 cm = $1 × $2&quot;,
        &quot;areaRectangle&quot;: &quot;Formula: A = width × height = $1 × $2&quot;,
        &quot;areaSquare&quot;: &quot;Formula: A = side² = $1²&quot;,
        &quot;areaTrapezoid&quot;: &quot;Formula: A = (b₁ + b₂) / 2 × h b₁ (AB) = $1 cm b₂ (CD) = $2 cm height = $3 cm = ($1 + $2) / 2 × $3&quot;,
        &quot;headingArea&quot;: &quot;Area&quot;,
        &quot;headingClassification&quot;: &quot;Classification&quot;,
        &quot;headingSides&quot;: &quot;Sides and diagonals&quot;,
        &quot;labelDiag1&quot;: &quot;d₁ (AC)&quot;,
        &quot;labelDiag2&quot;: &quot;d₂ (BD)&quot;,
        &quot;labelPerimeter&quot;: &quot;Perimeter&quot;,
        &quot;presetKite&quot;: &quot;Kite&quot;,
        &quot;presetParallelogram&quot;: &quot;Parallelogram&quot;,
        &quot;presetRectangle&quot;: &quot;Rectangle&quot;,
        &quot;presetSquare&quot;: &quot;Square&quot;,
        &quot;presetTrapezoid&quot;: &quot;Trapezoid&quot;,
        &quot;shapeCrossed&quot;: &quot;crossed quadrilateral&quot;,
        &quot;shapeGeneral&quot;: &quot;general quadrilateral&quot;,
        &quot;shapeKite&quot;: &quot;kite&quot;,
        &quot;shapeParallelogram&quot;: &quot;parallelogram&quot;,
        &quot;shapeRectangle&quot;: &quot;rectangle&quot;,
        &quot;shapeRhombus&quot;: &quot;rhombus&quot;,
        &quot;shapeSquare&quot;: &quot;square&quot;,
        &quot;shapeTrapezoid&quot;: &quot;trapezoid&quot;,
        &quot;unitCm&quot;: &quot;cm&quot;,
        &quot;unitCm2&quot;: &quot;cm²&quot;,
        &quot;hint&quot;: &quot;Drag vertices to classify the quadrilateral&quot;
    },
    &quot;it&quot;: {
        &quot;headingSides&quot;: &quot;Lati e diagonali&quot;,
        &quot;presetRectangle&quot;: &quot;Rettangolo&quot;,
        &quot;shapeRectangle&quot;: &quot;rettangolo&quot;
    },
    &quot;ca&quot;: {
        &quot;_name&quot;: &quot;Quadrilàters&quot;,
        &quot;areaDiagHalf&quot;: &quot;Fórmula: A = (d₁ × d₂) / 2\nd₁ (AC) = $1 cm\nd₂ (BD) = $2 cm\n= ($1 × $2) / 2&quot;,
        &quot;areaGaussHeader&quot;: &quot;Fórmula de Gauss:\nA = ½ |Σ(xᵢ·yᵢ₊₁ − xᵢ₊₁·yᵢ)|&quot;,
        &quot;areaGaussSum&quot;: &quot;Σ = $1\nA = ½ × |$1|&quot;,
        &quot;areaGaussTerm&quot;: &quot;(x$1·y$2 − x$2·y$1) = $3&quot;,
        &quot;headingArea&quot;: &quot;Àrea&quot;,
        &quot;labelDiag1&quot;: &quot;d₁ (AC)&quot;,
        &quot;labelDiag2&quot;: &quot;d₂ (BD)&quot;,
        &quot;labelPerimeter&quot;: &quot;Perímetre&quot;,
        &quot;presetParallelogram&quot;: &quot;Paral·lelogram&quot;,
        &quot;presetRectangle&quot;: &quot;Rectangle&quot;,
        &quot;presetSquare&quot;: &quot;Quadrat&quot;,
        &quot;presetTrapezoid&quot;: &quot;Trapezoide&quot;,
        &quot;shapeParallelogram&quot;: &quot;paral·lelogram&quot;,
        &quot;shapeRectangle&quot;: &quot;rectangle&quot;,
        &quot;shapeRhombus&quot;: &quot;rombe&quot;,
        &quot;shapeSquare&quot;: &quot;quadrat&quot;,
        &quot;shapeTrapezoid&quot;: &quot;trapezoide&quot;,
        &quot;unitCm&quot;: &quot;cm&quot;,
        &quot;unitCm2&quot;: &quot;cm²&quot;
    },
    &quot;qqq&quot;: {
        &quot;_name&quot;: &quot;Name of the Quadrilaterals module&quot;,
        &quot;areaDiagHalf&quot;: &quot;Area formula for a kite using diagonals. Parameters: $1 = diagonal d₁ length, $2 = diagonal d₂ length.&quot;,
        &quot;areaGaussHeader&quot;: &quot;Header text for the Gauss (shoelace) formula section&quot;,
        &quot;areaGaussSum&quot;: &quot;Sum line of the Gauss formula. Parameters: $1 = the computed sum Σ.&quot;,
        &quot;areaGaussTerm&quot;: &quot;Individual term of the Gauss formula. Parameters: $1 = first vertex index, $2 = second vertex index, $3 = computed term value.&quot;,
        &quot;areaParallelogram&quot;: &quot;Area formula for a parallelogram. Parameters: $1 = base length, $2 = height.&quot;,
        &quot;areaRectangle&quot;: &quot;Area formula for a rectangle. Parameters: $1 = width, $2 = height.&quot;,
        &quot;areaSquare&quot;: &quot;Area formula for a square. Parameters: $1 = side length.&quot;,
        &quot;areaTrapezoid&quot;: &quot;Area formula for a trapezoid. Parameters: $1 = base b₁ length, $2 = base b₂ length, $3 = height.&quot;,
        &quot;headingArea&quot;: &quot;Section heading for the area calculation&quot;,
        &quot;headingClassification&quot;: &quot;Section heading for the shape classification&quot;,
        &quot;headingSides&quot;: &quot;Section heading for sides and diagonals measurements&quot;,
        &quot;labelDiag1&quot;: &quot;Label for diagonal d₁ (AC)&quot;,
        &quot;labelDiag2&quot;: &quot;Label for diagonal d₂ (BD)&quot;,
        &quot;labelPerimeter&quot;: &quot;Label for the perimeter value&quot;,
        &quot;presetKite&quot;: &quot;Preset button label for a kite shape&quot;,
        &quot;presetParallelogram&quot;: &quot;Preset button label for a parallelogram shape&quot;,
        &quot;presetRectangle&quot;: &quot;Preset button label for a rectangle shape&quot;,
        &quot;presetSquare&quot;: &quot;Preset button label for a square shape&quot;,
        &quot;presetTrapezoid&quot;: &quot;Preset button label for a trapezoid shape&quot;,
        &quot;shapeCrossed&quot;: &quot;Classification name for a crossed (self-intersecting) quadrilateral&quot;,
        &quot;shapeGeneral&quot;: &quot;Classification name for a general quadrilateral&quot;,
        &quot;shapeKite&quot;: &quot;Classification name for a kite&quot;,
        &quot;shapeParallelogram&quot;: &quot;Classification name for a parallelogram&quot;,
        &quot;shapeRectangle&quot;: &quot;Classification name for a rectangle&quot;,
        &quot;shapeRhombus&quot;: &quot;Classification name for a rhombus&quot;,
        &quot;shapeSquare&quot;: &quot;Classification name for a square&quot;,
        &quot;shapeTrapezoid&quot;: &quot;Classification name for a trapezoid&quot;,
        &quot;unitCm&quot;: &quot;Unit abbreviation for centimetres&quot;,
        &quot;unitCm2&quot;: &quot;Unit abbreviation for square centimetres&quot;,
        &quot;hint&quot;: &quot;Instruction text for the quadrilateral classification applet&quot;
    },
    &quot;ga&quot;: {
        &quot;_name&quot;: &quot;Ceathairshleasáin&quot;,
        &quot;areaDiagHalf&quot;: &quot;Foirmle: A = (d₁ × d₂) / 2 d₁ (AC) = $1 cm d₂ (BD) = $2 cm = ($1 × $2) / 2&quot;,
        &quot;areaGaussHeader&quot;: &quot;Foirmle Gauss (lása bróg): A = ½ |Σ(xᵢ·yᵢ₊₁ − xᵢ₊₁·yᵢ)|&quot;,
        &quot;areaGaussSum&quot;: &quot;Σ = $1 A = ½ × |$1|&quot;,
        &quot;areaGaussTerm&quot;: &quot;(x$1·y$2 − x$2·y$1) = $3&quot;,
        &quot;areaParallelogram&quot;: &quot;Foirmle: A = bonn × airde bonn (AB) = $1 cm airde = $2 cm = $1 × $2&quot;,
        &quot;areaRectangle&quot;: &quot;Foirmle: A = leithead × airde = $1 × $2&quot;,
        &quot;areaSquare&quot;: &quot;Foirmle: A = taobh² = $1²&quot;,
        &quot;areaTrapezoid&quot;: &quot;Foirmle: A = (b₁ + b₂) / 2 × h\nb₁ (AB) = $1 cm\nb₂ (CD) = $2 cm\nairde = $3 cm\n= ($1 + $2) / 2 × $3&quot;,
        &quot;headingArea&quot;: &quot;Limistéar&quot;,
        &quot;headingClassification&quot;: &quot;Aicmiú&quot;,
        &quot;headingSides&quot;: &quot;Taobhanna agus trasnáin&quot;,
        &quot;labelDiag1&quot;: &quot;d₁ (AC)&quot;,
        &quot;labelDiag2&quot;: &quot;d₂ (BD)&quot;,
        &quot;labelPerimeter&quot;: &quot;Imlíne&quot;,
        &quot;presetKite&quot;: &quot;Eitleog&quot;,
        &quot;presetParallelogram&quot;: &quot;Paraileagram&quot;,
        &quot;presetRectangle&quot;: &quot;Dronuilleog&quot;,
        &quot;presetSquare&quot;: &quot;Cearnóg&quot;,
        &quot;presetTrapezoid&quot;: &quot;Traipéisóideach&quot;,
        &quot;shapeCrossed&quot;: &quot;ceathairshleasán trasnaithe&quot;,
        &quot;shapeGeneral&quot;: &quot;ceathairshleasán ginearálta&quot;,
        &quot;shapeKite&quot;: &quot;eitleog&quot;,
        &quot;shapeParallelogram&quot;: &quot;comhthreomharán&quot;,
        &quot;shapeRectangle&quot;: &quot;dronuilleog&quot;,
        &quot;shapeRhombus&quot;: &quot;rombas&quot;,
        &quot;shapeSquare&quot;: &quot;cearnóg&quot;,
        &quot;shapeTrapezoid&quot;: &quot;traipéisóideach&quot;,
        &quot;unitCm&quot;: &quot;cm&quot;,
        &quot;unitCm2&quot;: &quot;cm²&quot;,
        &quot;hint&quot;: &quot;Tarraing buaicphointí chun an ceathairshleasán a aicmiú&quot;
    },
    &quot;es&quot;: {
        &quot;_name&quot;: &quot;Cuadriláteros&quot;,
        &quot;areaDiagHalf&quot;: &quot;Fórmula: A = (d₁ × d₂) / 2 d₁ (AC) = $1 cm d₂ (BD) = $2 cm = ($1 × $2) / 2&quot;,
        &quot;areaGaussHeader&quot;: &quot;Fórmula de Gauss: A = ½ |Σ(xᵢ·yᵢ₊₁ − xᵢ₊₁·yᵢ)|&quot;,
        &quot;areaGaussSum&quot;: &quot;Σ = $1 A = ½ × |$1|&quot;,
        &quot;areaGaussTerm&quot;: &quot;(x$1·y$2 − x$2·y$1) = $3&quot;,
        &quot;areaParallelogram&quot;: &quot;Fórmula: A = base × altura\nbase (AB) = $1 cm\naltura = $2 cm\n= $1 × $2&quot;,
        &quot;areaRectangle&quot;: &quot;Fórmula: A = base × altura = $1 × $2&quot;,
        &quot;areaSquare&quot;: &quot;Fórmula: A = lado² = $1²&quot;,
        &quot;areaTrapezoid&quot;: &quot;Fórmula: A = (b₁ + b₂) / 2 × h\nb₁ (AB) = $1 cm\nb₂ (CD) = $2 cm\naltura = $3 cm\n= ($1 + $2) / 2 × $3&quot;,
        &quot;headingArea&quot;: &quot;Área&quot;,
        &quot;headingClassification&quot;: &quot;Clasificación&quot;,
        &quot;headingSides&quot;: &quot;Lados y diagonales&quot;,
        &quot;labelDiag1&quot;: &quot;d₁ (AC)&quot;,
        &quot;labelDiag2&quot;: &quot;d₂ (BD)&quot;,
        &quot;labelPerimeter&quot;: &quot;Perímetro&quot;,
        &quot;presetKite&quot;: &quot;Cometa&quot;,
        &quot;presetParallelogram&quot;: &quot;Paralelogramo&quot;,
        &quot;presetRectangle&quot;: &quot;Rectángulo&quot;,
        &quot;presetSquare&quot;: &quot;Cuadrado&quot;,
        &quot;presetTrapezoid&quot;: &quot;Trapecio&quot;,
        &quot;shapeCrossed&quot;: &quot;complejo&quot;,
        &quot;shapeGeneral&quot;: &quot;trapezoide&quot;,
        &quot;shapeKite&quot;: &quot;cometa&quot;,
        &quot;shapeParallelogram&quot;: &quot;paralelogramo&quot;,
        &quot;shapeRectangle&quot;: &quot;rectángulo&quot;,
        &quot;shapeRhombus&quot;: &quot;rombo&quot;,
        &quot;shapeSquare&quot;: &quot;cuadrado&quot;,
        &quot;shapeTrapezoid&quot;: &quot;trapecio&quot;,
        &quot;unitCm&quot;: &quot;cm&quot;,
        &quot;unitCm2&quot;: &quot;cm²&quot;,
        &quot;hint&quot;: &quot;Arrastra los vértices para clasificar el cuadrilátero&quot;
    },
    &quot;mk&quot;: {
        &quot;_name&quot;: &quot;Четириаголници&quot;,
        &quot;areaDiagHalf&quot;: &quot;Формула: A = (d₁ × d₂) / 2 d₁ (AC) = $1 см d₂ (BD) = $2 см = ($1 × $2) / 2&quot;,
        &quot;areaGaussHeader&quot;: &quot;Гаусова формула (накрсно): A = ½ |Σ(xᵢ·yᵢ₊₁ − xᵢ₊₁·yᵢ)|&quot;,
        &quot;areaGaussSum&quot;: &quot;Σ = $1 A = ½ × |$1|&quot;,
        &quot;areaGaussTerm&quot;: &quot;(x$1·y$2 − x$2·y$1) = $3&quot;,
        &quot;areaParallelogram&quot;: &quot;Формула: A = основа × висина основа (AB) = $1 см висина = $2 см = $1 × $2&quot;,
        &quot;areaRectangle&quot;: &quot;Формула: A = ширина × висина = $1 × $2&quot;,
        &quot;areaSquare&quot;: &quot;Формула: A = страна² = $1²&quot;,
        &quot;areaTrapezoid&quot;: &quot;Формула: A = (b₁ + b₂) / 2 × h b₁ (AB) = $1 см b₂ (CD) = $2 см висина = $3 см = ($1 + $2) / 2 × $3&quot;,
        &quot;headingArea&quot;: &quot;Плоштина&quot;,
        &quot;headingClassification&quot;: &quot;Класификација&quot;,
        &quot;headingSides&quot;: &quot;Страни и дијагонали&quot;,
        &quot;labelDiag1&quot;: &quot;d₁ (AC)&quot;,
        &quot;labelDiag2&quot;: &quot;d₂ (BD)&quot;,
        &quot;labelPerimeter&quot;: &quot;Обем&quot;,
        &quot;presetKite&quot;: &quot;Делтоид&quot;,
        &quot;presetParallelogram&quot;: &quot;Паралелограм&quot;,
        &quot;presetRectangle&quot;: &quot;Правоаголник&quot;,
        &quot;presetSquare&quot;: &quot;Квадрат&quot;,
        &quot;presetTrapezoid&quot;: &quot;Трапезоид&quot;,
        &quot;shapeCrossed&quot;: &quot;самопресечен четириаголник&quot;,
        &quot;shapeGeneral&quot;: &quot;општ четириаголник&quot;,
        &quot;shapeKite&quot;: &quot;делтоид&quot;,
        &quot;shapeParallelogram&quot;: &quot;паралелограм&quot;,
        &quot;shapeRectangle&quot;: &quot;правоаголник&quot;,
        &quot;shapeRhombus&quot;: &quot;ромб&quot;,
        &quot;shapeSquare&quot;: &quot;квадрат&quot;,
        &quot;shapeTrapezoid&quot;: &quot;трапезоид&quot;,
        &quot;unitCm&quot;: &quot;см&quot;,
        &quot;unitCm2&quot;: &quot;см²&quot;,
        &quot;hint&quot;: &quot;Повлечете темиња за да го класификувате четириаголникот&quot;
    }
} /* I18N_END */
var lang = (window.mw &amp;&amp; mw.config.get('wgUserLanguage')) || 'en';
var banana = new Banana(lang.split('-')[0]);
banana.load(messages);

function t(key, vars) {
    var args = Array.isArray(vars) ? vars : [];
    var str = banana.i18n(key, ...args);
    if (vars &amp;&amp; typeof vars === 'object' &amp;&amp; !Array.isArray(vars)) {
        Object.keys(vars).forEach(function(k) {
            str = str.replace(new RegExp('\\{' + k + '\\}', 'g'), vars[k]);
        });
    }
    return str;
}

// ── Widget ───────────────────────────────────────────────────────────────────

  function initQuadWidget(container) {

    var boardWidth = 20;
    var boardHeight = 12;
    var names = [&quot;A&quot;, &quot;B&quot;, &quot;C&quot;, &quot;D&quot;];

    // ── DOM structure ─────────────────────────────────────────────────────────────

    var wrap = document.createElement(&quot;div&quot;);
    wrap.className = &quot;quad-wrap&quot;;
    container.appendChild(wrap);

    var canvasCol = document.createElement(&quot;div&quot;);
    canvasCol.className = &quot;quad-canvas-col&quot;;
    wrap.appendChild(canvasCol);

    var controls = document.createElement(&quot;div&quot;);
    controls.className = &quot;quad-controls&quot;;
    canvasCol.appendChild(controls);

    var svg = document.createElementNS(&quot;http://www.w3.org/2000/svg&quot;, &quot;svg&quot;);
    canvasCol.appendChild(svg);

    var side = document.createElement(&quot;div&quot;);
    side.className = &quot;quad-side&quot;;
    wrap.appendChild(side);

    function makeSection() {
      var s = document.createElement(&quot;div&quot;);
      s.className = &quot;quad-side-section&quot;;
      side.appendChild(s);
      return s;
    }

    function makeHeading(key, parent) {
      var d = document.createElement(&quot;div&quot;);
      d.className = &quot;quad-side-label&quot;;
      d.textContent = t(key);
      parent.appendChild(d);
    }

    function makeStatRow(labelText, keyExtraClass, valExtraClass, parent) {
      var row = document.createElement(&quot;div&quot;);
      row.className = &quot;quad-stat-row&quot;;
      var k = document.createElement(&quot;span&quot;);
      k.className = &quot;quad-stat-key&quot; + (keyExtraClass ? &quot; &quot; + keyExtraClass : &quot;&quot;);
      k.textContent = labelText;
      var v = document.createElement(&quot;span&quot;);
      v.className = &quot;quad-stat-val&quot; + (valExtraClass ? &quot; &quot; + valExtraClass : &quot;&quot;);
      row.appendChild(k);
      row.appendChild(v);
      parent.appendChild(row);
      return v;
    }

    function makeDividerRow(parent) {
      var row = document.createElement(&quot;div&quot;);
      row.className = &quot;quad-stat-row quad-stat-divider&quot;;
      parent.appendChild(row);
      return row;
    }

    // Section 1 – classification
    var sec1 = makeSection();
    makeHeading(&quot;headingClassification&quot;, sec1);
    var elClass = document.createElement(&quot;div&quot;);
    elClass.className = &quot;quad-badge&quot;;
    sec1.appendChild(elClass);

    // Section 2 – sides &amp; diagonals
    var sec2 = makeSection();
    makeHeading(&quot;headingSides&quot;, sec2);
    var elAB = makeStatRow(&quot;AB&quot;, &quot;&quot;, &quot;&quot;, sec2);
    var elBC = makeStatRow(&quot;BC&quot;, &quot;&quot;, &quot;&quot;, sec2);
    var elCD = makeStatRow(&quot;CD&quot;, &quot;&quot;, &quot;&quot;, sec2);
    var elDA = makeStatRow(&quot;DA&quot;, &quot;&quot;, &quot;&quot;, sec2);

    var divDiag = makeDividerRow(sec2);
    var elD1Key = document.createElement(&quot;span&quot;);
    elD1Key.className = &quot;quad-stat-key quad-diag-key&quot;;
    elD1Key.textContent = t(&quot;labelDiag1&quot;);
    var elD1 = document.createElement(&quot;span&quot;);
    elD1.className = &quot;quad-stat-val quad-diag-val&quot;;
    divDiag.appendChild(elD1Key);
    divDiag.appendChild(elD1);

    var rowD2 = document.createElement(&quot;div&quot;);
    rowD2.className = &quot;quad-stat-row&quot;;
    var elD2Key = document.createElement(&quot;span&quot;);
    elD2Key.className = &quot;quad-stat-key quad-diag-key&quot;;
    elD2Key.textContent = t(&quot;labelDiag2&quot;);
    var elD2 = document.createElement(&quot;span&quot;);
    elD2.className = &quot;quad-stat-val quad-diag-val&quot;;
    rowD2.appendChild(elD2Key);
    rowD2.appendChild(elD2);
    sec2.appendChild(rowD2);

    var divPerim = makeDividerRow(sec2);
    var elPerimKey = document.createElement(&quot;span&quot;);
    elPerimKey.className = &quot;quad-stat-key quad-perim-key&quot;;
    elPerimKey.textContent = t(&quot;labelPerimeter&quot;);
    var elPerim = document.createElement(&quot;span&quot;);
    elPerim.className = &quot;quad-stat-val&quot;;
    divPerim.appendChild(elPerimKey);
    divPerim.appendChild(elPerim);

    // Section 3 – area
    var sec3 = makeSection();
    makeHeading(&quot;headingArea&quot;, sec3);
    var areaBox = document.createElement(&quot;div&quot;);
    areaBox.className = &quot;quad-area-box&quot;;
    sec3.appendChild(areaBox);
    var elSteps = document.createElement(&quot;div&quot;);
    elSteps.className = &quot;quad-area-steps&quot;;
    areaBox.appendChild(elSteps);
    var elAreaResult = document.createElement(&quot;div&quot;);
    elAreaResult.className = &quot;quad-area-result&quot;;
    areaBox.appendChild(elAreaResult);

    // ── Presets ───────────────────────────────────────────────────────────────────

    var presets = [
      { labelKey: &quot;presetSquare&quot;, fn: function () { return [{ x: 7, y: 3 }, { x: 13, y: 3 }, { x: 13, y: 9 }, { x: 7, y: 9 }]; } },
      { labelKey: &quot;presetRectangle&quot;, fn: function () { return [{ x: 4, y: 4 }, { x: 16, y: 4 }, { x: 16, y: 8 }, { x: 4, y: 8 }]; } },
      { labelKey: &quot;presetParallelogram&quot;, fn: function () { return [{ x: 4, y: 8 }, { x: 9, y: 3 }, { x: 16, y: 3 }, { x: 11, y: 8 }]; } },
      { labelKey: &quot;presetTrapezoid&quot;, fn: function () { return [{ x: 4, y: 8 }, { x: 7, y: 3 }, { x: 13, y: 3 }, { x: 16, y: 8 }]; } },
      { labelKey: &quot;presetKite&quot;, fn: function () { return [{ x: 10, y: 2 }, { x: 14, y: 6 }, { x: 10, y: 10 }, { x: 6, y: 6 }]; } },
    ];

    var vertices = presets[0].fn();

    presets.forEach(function (p) {
      var btn = document.createElement(&quot;button&quot;);
      btn.textContent = t(p.labelKey);
      btn.addEventListener(&quot;click&quot;, function () { vertices = p.fn(); update(); });
      controls.appendChild(btn);
    });

    // ── SVG helpers ───────────────────────────────────────────────────────────────

    var px;
    var dragging = null, dragM, dragV;

    function cm(v) { return v * px; }

    function ns(type, attrs, parent) {
      var e = document.createElementNS(&quot;http://www.w3.org/2000/svg&quot;, type);
      for (var k in attrs) e.setAttribute(k, attrs[k]);
      (parent || svg).appendChild(e);
      return e;
    }

    // SVG background rect — painted before grid so it sits behind everything.
    // background-color-base: #ffffff light / #101418 dark.
    // Without this, SVG strokes and text set at init time render against an
    // unknown background, causing invisible lines in dark mode.
    var bgRect = ns(&quot;rect&quot;, {
      width: &quot;100%&quot;, height: &quot;100%&quot;,
      fill: hiruwiki.getThemeColor('background-color-base', '#ffffff')
    });

    var gridG = ns(&quot;g&quot;, { class: &quot;quad-grid&quot; });
    var diagG = ns(&quot;g&quot;, { class: &quot;quad-diagonal&quot; });
    var diagL1 = ns(&quot;line&quot;, {}, diagG);
    var diagL2 = ns(&quot;line&quot;, {}, diagG);
    var shape = ns(&quot;polygon&quot;, { class: &quot;quad-shape&quot; });

    var verts = [], sides = [], pts = [], arcs = [], angTxts = [], rights = [];

    for (var i = 0; i &lt; 4; i++) {
      verts.push(ns(&quot;circle&quot;, { r: 6, class: &quot;quad-vertex&quot; }));
      verts[i].dataset.i = i;
      sides.push(ns(&quot;text&quot;, { class: &quot;quad-side-label&quot; }));
      // Vertex letter labels (A/B/C/D): explicit fill so they remain visible
      // in dark mode. CSS fill on SVG text is not always inherited reliably
      // across all skins. color-base: #202122 light / ~#f8f9fa dark.
      pts.push(ns(&quot;text&quot;, {
        class: &quot;quad-point-label&quot;,
        fill: hiruwiki.getThemeColor('color-base', '#202122')
      }));
      arcs.push(ns(&quot;path&quot;, { class: &quot;quad-angle-arc&quot; }));
      angTxts.push(ns(&quot;text&quot;, { class: &quot;quad-angle-label&quot; }));
      rights.push(ns(&quot;path&quot;, { class: &quot;quad-right-marker&quot; }));
    }

    // ── Geometry ──────────────────────────────────────────────────────────────────

    function dist(a, b) { return Math.hypot(a.x - b.x, a.y - b.y); }

    function angDeg(A, B, C) {
      var bax = A.x - B.x, bay = A.y - B.y, bcx = C.x - B.x, bcy = C.y - B.y;
      var dot = bax * bcx + bay * bcy;
      var d = Math.hypot(bax, bay) * Math.hypot(bcx, bcy) || 1;
      return Math.acos(Math.max(-1, Math.min(1, dot / d))) * 180 / Math.PI;
    }

    function centroid() {
      return {
        x: (vertices[0].x + vertices[1].x + vertices[2].x + vertices[3].x) / 4,
        y: (vertices[0].y + vertices[1].y + vertices[2].y + vertices[3].y) / 4,
      };
    }

    function arcR() {
      var m = Infinity;
      for (var i = 0; i &lt; 4; i++) {
        var d = dist(vertices[i], vertices[(i + 1) % 4]);
        if (d &lt; m) m = d;
      }
      return m * 0.18;
    }

    function bisDir(A, B, C) {
      var ba = { x: A.x - B.x, y: A.y - B.y }, bc = { x: C.x - B.x, y: C.y - B.y };
      var m1 = Math.hypot(ba.x, ba.y) || 1, m2 = Math.hypot(bc.x, bc.y) || 1;
      return { x: ba.x / m1 + bc.x / m2, y: ba.y / m1 + bc.y / m2 };
    }

    function computeArc(A, B, C) {
      var a1 = Math.atan2(A.y - B.y, A.x - B.x), a2 = Math.atan2(C.y - B.y, C.x - B.x);
      var r = arcR();
      var s = { x: B.x + r * Math.cos(a1), y: B.y + r * Math.sin(a1) };
      var e = { x: B.x + r * Math.cos(a2), y: B.y + r * Math.sin(a2) };
      var cross = (A.x - B.x) * (C.y - B.y) - (A.y - B.y) * (C.x - B.x);
      var sw = cross &gt; 0 ? 1 : 0;
      return &quot;M&quot; + cm(s.x) + &quot; &quot; + cm(s.y) + &quot;A&quot; + cm(r) + &quot; &quot; + cm(r) + &quot; 0 0 &quot; + sw + &quot; &quot; + cm(e.x) + &quot; &quot; + cm(e.y);
    }

    function isRight(a) { return Math.abs(a - 90) &lt; 0.6; }
    function eq(a, b, e) { e = e || 0.1; return Math.abs(a - b) &lt; e; }

    function sidesParallel(p1, p2, p3, p4) {
      var d1 = { x: p2.x - p1.x, y: p2.y - p1.y }, d2 = { x: p4.x - p3.x, y: p4.y - p3.y };
      return Math.abs(d1.x * d2.y - d1.y * d2.x) / (Math.hypot(d1.x, d1.y) * Math.hypot(d2.x, d2.y) || 1) &lt; 0.05;
    }

    function countPar() {
      var c = 0;
      if (sidesParallel(vertices[0], vertices[1], vertices[3], vertices[2])) c++;
      if (sidesParallel(vertices[0], vertices[3], vertices[1], vertices[2])) c++;
      return c;
    }

    function segsX(p1, p2, p3, p4) {
      function c2(u, v) { return u.x * v.y - u.y * v.x; }
      var d = { x: p2.x - p1.x, y: p2.y - p1.y }, e = { x: p4.x - p3.x, y: p4.y - p3.y };
      var den = c2(d, e);
      if (Math.abs(den) &lt; 1e-9) return false;
      var f = { x: p3.x - p1.x, y: p3.y - p1.y };
      var tVal = c2(f, e) / den, u = c2(f, d) / den;
      return tVal &gt; 0.001 &amp;&amp; tVal &lt; 0.999 &amp;&amp; u &gt; 0.001 &amp;&amp; u &lt; 0.999;
    }

    function getSides() {
      return [
        dist(vertices[0], vertices[1]),
        dist(vertices[1], vertices[2]),
        dist(vertices[2], vertices[3]),
        dist(vertices[3], vertices[0]),
      ];
    }

    function getAngles() {
      return [
        angDeg(vertices[3], vertices[0], vertices[1]),
        angDeg(vertices[0], vertices[1], vertices[2]),
        angDeg(vertices[1], vertices[2], vertices[3]),
        angDeg(vertices[2], vertices[3], vertices[0]),
      ];
    }

    // ── Classification ────────────────────────────────────────────────────────────

    function classifyShape() {
      if (segsX(vertices[0], vertices[1], vertices[2], vertices[3]) ||
        segsX(vertices[1], vertices[2], vertices[3], vertices[0])) return t(&quot;shapeCrossed&quot;);

      var s = getSides(), ab = s[0], bc = s[1], cd = s[2], da = s[3];
      var angs = getAngles();
      var allR = angs.every(isRight);
      var allEq = eq(ab, bc) &amp;&amp; eq(bc, cd) &amp;&amp; eq(cd, da);
      var oppEq = eq(ab, cd) &amp;&amp; eq(bc, da);

      if (allEq &amp;&amp; allR) return t(&quot;shapeSquare&quot;);
      if (allR) return t(&quot;shapeRectangle&quot;);
      if (allEq) return t(&quot;shapeRhombus&quot;);

      var par = countPar();
      if (par &gt;= 2 || oppEq) return t(&quot;shapeParallelogram&quot;);
      if (par === 1) return t(&quot;shapeTrapezoid&quot;);
      if ((eq(ab, bc) &amp;&amp; eq(cd, da)) || (eq(da, ab) &amp;&amp; eq(bc, cd))) return t(&quot;shapeKite&quot;);

      return t(&quot;shapeGeneral&quot;);
    }

    // ── Area ──────────────────────────────────────────────────────────────────────

    function getAreaInfo(cls) {
      var s = getSides(), ab = s[0], bc = s[1], cd = s[2];
      var d1 = dist(vertices[0], vertices[2]);
      var d2 = dist(vertices[1], vertices[3]);

      if (cls === t(&quot;shapeSquare&quot;)) {
        return { steps: t(&quot;areaSquare&quot;, [ab.toFixed(2)]), area: ab * ab };
      }

      if (cls === t(&quot;shapeRectangle&quot;)) {
        return { steps: t(&quot;areaRectangle&quot;, [ab.toFixed(2), bc.toFixed(2)]), area: ab * bc };
      }

      if (cls === t(&quot;shapeRhombus&quot;)) {
        return { steps: t(&quot;areaDiagHalf&quot;, [d1.toFixed(2), d2.toFixed(2)]), area: d1 * d2 / 2 };
      }

      if (cls === t(&quot;shapeParallelogram&quot;)) {
        var A = vertices[0], B = vertices[1];
        var bx = (B.x - A.x) / ab, by = (B.y - A.y) / ab;
        var D = vertices[3];
        var h = Math.abs((D.x - A.x) * (-by) + (D.y - A.y) * bx);
        return { steps: t(&quot;areaParallelogram&quot;, [ab.toFixed(2), h.toFixed(2)]), area: ab * h };
      }

      if (cls === t(&quot;shapeTrapezoid&quot;)) {
        var b1 = ab, b2 = cd;
        var A2 = vertices[0], B2 = vertices[1];
        var bx2 = (B2.x - A2.x) / b1, by2 = (B2.y - A2.y) / b1;
        var D2 = vertices[3];
        var h2 = Math.abs((D2.x - A2.x) * (-by2) + (D2.y - A2.y) * bx2);
        return { steps: t(&quot;areaTrapezoid&quot;, [b1.toFixed(2), b2.toFixed(2), h2.toFixed(2)]), area: (b1 + b2) / 2 * h2 };
      }

      if (cls === t(&quot;shapeKite&quot;)) {
        return { steps: t(&quot;areaDiagHalf&quot;, [d1.toFixed(2), d2.toFixed(2)]), area: d1 * d2 / 2 };
      }

      // General — Gauss (shoelace)
      var termLines = [], sum = 0;
      for (var j = 0; j &lt; 4; j++) {
        var va = vertices[j], vb = vertices[(j + 1) % 4];
        var cross = va.x * vb.y - vb.x * va.y;
        sum += cross;
        termLines.push(t(&quot;areaGaussTerm&quot;, [names[j], names[(j + 1) % 4], cross.toFixed(2)]));
      }
      return {
        steps: t(&quot;areaGaussHeader&quot;) + termLines.join(&quot;\n&quot;) + t(&quot;areaGaussSum&quot;, [sum.toFixed(2)]),
        area: Math.abs(sum) / 2,
      };
    }

    // ── Grid ──────────────────────────────────────────────────────────────────────

    function drawGrid() {
      gridG.innerHTML = &quot;&quot;;
      for (var x = 0; x &lt;= boardWidth; x++) {
        var lx = document.createElementNS(&quot;http://www.w3.org/2000/svg&quot;, &quot;line&quot;);
        lx.setAttribute(&quot;x1&quot;, cm(x)); lx.setAttribute(&quot;y1&quot;, 0);
        lx.setAttribute(&quot;x2&quot;, cm(x)); lx.setAttribute(&quot;y2&quot;, cm(boardHeight));
        gridG.appendChild(lx);
      }
      for (var y = 0; y &lt;= boardHeight; y++) {
        var ly = document.createElementNS(&quot;http://www.w3.org/2000/svg&quot;, &quot;line&quot;);
        ly.setAttribute(&quot;x1&quot;, 0); ly.setAttribute(&quot;y1&quot;, cm(y));
        ly.setAttribute(&quot;x2&quot;, cm(boardWidth)); ly.setAttribute(&quot;y2&quot;, cm(y));
        gridG.appendChild(ly);
      }
    }

    // ── Main update ───────────────────────────────────────────────────────────────

    function update() {
      shape.setAttribute(&quot;points&quot;, vertices.map(function (v) { return cm(v.x) + &quot;,&quot; + cm(v.y); }).join(&quot; &quot;));

      diagL1.setAttribute(&quot;x1&quot;, cm(vertices[0].x)); diagL1.setAttribute(&quot;y1&quot;, cm(vertices[0].y));
      diagL1.setAttribute(&quot;x2&quot;, cm(vertices[2].x)); diagL1.setAttribute(&quot;y2&quot;, cm(vertices[2].y));
      diagL2.setAttribute(&quot;x1&quot;, cm(vertices[1].x)); diagL2.setAttribute(&quot;y1&quot;, cm(vertices[1].y));
      diagL2.setAttribute(&quot;x2&quot;, cm(vertices[3].x)); diagL2.setAttribute(&quot;y2&quot;, cm(vertices[3].y));

      for (var i = 0; i &lt; 4; i++) {
        verts[i].setAttribute(&quot;cx&quot;, cm(vertices[i].x));
        verts[i].setAttribute(&quot;cy&quot;, cm(vertices[i].y));
      }

      var c = centroid();
      for (var i = 0; i &lt; 4; i++) {
        var v = vertices[i];
        var dx = v.x - c.x, dy = v.y - c.y, m = Math.hypot(dx, dy) || 1;
        pts[i].textContent = names[i];
        pts[i].setAttribute(&quot;x&quot;, cm(v.x + (dx / m) * 0.85));
        pts[i].setAttribute(&quot;y&quot;, cm(v.y + (dy / m) * 0.85));

        var a = vertices[i], b = vertices[(i + 1) % 4];
        var mid = { x: (a.x + b.x) / 2, y: (a.y + b.y) / 2 };
        sides[i].textContent = dist(a, b).toFixed(2);
        sides[i].setAttribute(&quot;x&quot;, cm(mid.x));
        sides[i].setAttribute(&quot;y&quot;, cm(mid.y));

        var B = vertices[i], A = vertices[(i + 3) % 4], C = vertices[(i + 1) % 4];
        var ang = angDeg(A, B, C), rAng = isRight(ang);
        arcs[i].setAttribute(&quot;d&quot;, rAng ? &quot;&quot; : computeArc(A, B, C));

        var bd = bisDir(A, B, C), bm = Math.hypot(bd.x, bd.y) || 1, r = arcR();
        angTxts[i].textContent = ang.toFixed(1) + &quot;\u00B0&quot;;
        angTxts[i].setAttribute(&quot;x&quot;, cm(B.x + (bd.x / bm) * r * 1.9));
        angTxts[i].setAttribute(&quot;y&quot;, cm(B.y + (bd.y / bm) * r * 1.9));

        if (rAng) {
          var sv = r * 0.55;
          var v1 = { x: A.x - B.x, y: A.y - B.y }, v2 = { x: C.x - B.x, y: C.y - B.y };
          var m1 = Math.hypot(v1.x, v1.y) || 1, m2 = Math.hypot(v2.x, v2.y) || 1;
          v1.x /= m1; v1.y /= m1; v2.x /= m2; v2.y /= m2;
          var p1 = { x: B.x + v1.x * sv, y: B.y + v1.y * sv }, p2 = { x: p1.x + v2.x * sv, y: p1.y + v2.y * sv }, p3 = { x: B.x + v2.x * sv, y: B.y + v2.y * sv };
          rights[i].setAttribute(&quot;d&quot;, &quot;M&quot; + cm(p1.x) + &quot; &quot; + cm(p1.y) + &quot;L&quot; + cm(p2.x) + &quot; &quot; + cm(p2.y) + &quot;L&quot; + cm(p3.x) + &quot; &quot; + cm(p3.y));
        } else {
          rights[i].setAttribute(&quot;d&quot;, &quot;&quot;);
        }
      }

      var cls = classifyShape();
      var sl = getSides(), ab = sl[0], bc = sl[1], cd = sl[2], da = sl[3];
      var d1 = dist(vertices[0], vertices[2]);
      var d2 = dist(vertices[1], vertices[3]);
      var perim = ab + bc + cd + da;
      var ainfo = getAreaInfo(cls);
      var u = t(&quot;unitCm&quot;), u2 = t(&quot;unitCm2&quot;);

      elClass.textContent = cls;
      elAB.textContent = ab.toFixed(2) + &quot;\u00A0&quot; + u;
      elBC.textContent = bc.toFixed(2) + &quot;\u00A0&quot; + u;
      elCD.textContent = cd.toFixed(2) + &quot;\u00A0&quot; + u;
      elDA.textContent = da.toFixed(2) + &quot;\u00A0&quot; + u;
      elD1.textContent = d1.toFixed(2) + &quot;\u00A0&quot; + u;
      elD2.textContent = d2.toFixed(2) + &quot;\u00A0&quot; + u;
      elPerim.textContent = perim.toFixed(2) + &quot;\u00A0&quot; + u;
      elSteps.textContent = ainfo.steps;

      elAreaResult.textContent = &quot;&quot;;
      var valSpan = document.createElement(&quot;span&quot;);
      valSpan.textContent = ainfo.area.toFixed(2) + &quot;\u00A0&quot;;
      var unitSpan = document.createElement(&quot;span&quot;);
      unitSpan.className = &quot;quad-area-unit&quot;;
      unitSpan.textContent = u2;
      elAreaResult.appendChild(valSpan);
      elAreaResult.appendChild(unitSpan);
    }

    // ── Drag ──────────────────────────────────────────────────────────────────────

    function getPos(e) {
      return {
        x: e.touches ? e.touches[0].clientX : e.clientX,
        y: e.touches ? e.touches[0].clientY : e.clientY
      };
    }

    function startDrag(e, v) {
      dragging = parseInt(v.dataset.i);
      var r = svg.getBoundingClientRect();
      var pos = getPos(e);
      dragM = { x: (pos.x - r.left) / px, y: (pos.y - r.top) / px };
      dragV = { x: vertices[dragging].x, y: vertices[dragging].y };
      e.preventDefault();
    }

    verts.forEach(function (v) {
      v.addEventListener(&quot;mousedown&quot;, function (e) { startDrag(e, v); });
      v.addEventListener(&quot;touchstart&quot;, function (e) { startDrag(e, v); }, { passive: false });
    });

    function handleMove(e) {
      if (dragging === null) return;
      e.preventDefault();
      var r = svg.getBoundingClientRect();
      var pos = getPos(e);
      var mx = (pos.x - r.left) / px, my = (pos.y - r.top) / px;
      vertices[dragging] = { x: dragV.x + Math.trunc(mx - dragM.x), y: dragV.y + Math.trunc(my - dragM.y) };
      update();
    }

    function endDrag() { dragging = null; }

    window.addEventListener(&quot;mousemove&quot;, handleMove);
    window.addEventListener(&quot;touchmove&quot;, handleMove, { passive: false });
    window.addEventListener(&quot;mouseup&quot;, endDrag);
    window.addEventListener(&quot;touchend&quot;, endDrag);

    // ── Init ──────────────────────────────────────────────────────────────────────

    function init() {
      var w = svg.getBoundingClientRect().width;
      if (w === 0) {
        requestAnimationFrame(init);
        return;
      }
      px = w / boardWidth;
      drawGrid();
      update();
    }

    requestAnimationFrame(init);
    window.addEventListener(&quot;resize&quot;, function () { requestAnimationFrame(init); });

    // Footer branding
    var footer = document.createElement(&quot;div&quot;);
    footer.className = &quot;hw-footer&quot;;
    var fLogo = document.createElement(&quot;a&quot;);
    fLogo.className = &quot;hw-footer-icon&quot;;
    fLogo.href = mw.util.getUrl('Wikipedia:Hiruwiki');
    fLogo.title = 'Hiruwiki';
    if (window.hiruwiki &amp;&amp; window.hiruwiki.getLogoSvg) {
        fLogo.insertAdjacentHTML('beforeend', hiruwiki.getLogoSvg(22));
    }
    var fText = document.createElement(&quot;span&quot;);
    fText.className = &quot;hw-footer__text&quot;;
    fText.textContent = t('hint');
    footer.appendChild(fLogo);
    footer.appendChild(fText);
    container.appendChild(footer);

  } // end initQuadWidget

  // ── Bootstrap ─────────────────────────────────────────────────────────────────

  mw.hook(&quot;wikipage.content&quot;).add(function () {
    document.querySelectorAll('.hiruwiki[data-module=&quot;quadrangles&quot;]').forEach(function (el) {
      if (el.dataset.quadReady) return;
      el.dataset.quadReady = true;
      initQuadWidget(el);
    });
  });

})();</text>
      <sha1>g86his7pmci125rr6o286p5wrrdx0xc</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/radian.js</title>
    <ns>8</ns>
    <id>179521</id>
    <revision>
      <id>781443</id>
      <parentid>770248</parentid>
      <timestamp>2026-10-28T10:40:05Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781443</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="11432" sha1="pdpivhrdlru8wvh5yk7c5ox0h41bfqk" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* radian.js */
(function() {
  
/* ── I18N ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var messages = /* I18N_START */ {
    &quot;nl&quot;: {
        &quot;_name&quot;: &quot;Radialen&quot;,
        &quot;rad&quot;: &quot;rad&quot;,
        &quot;hint&quot;: &quot;Sleep de hendel om de relatie tussen graden en radialen te zien&quot;
    },
    &quot;fr&quot;: {
        &quot;_name&quot;: &quot;Radians&quot;,
        &quot;rad&quot;: &quot;rad&quot;,
        &quot;hint&quot;: &quot;Faites glisser la poignée pour visualiser la relation entre les degrés et les radians&quot;
    },
    &quot;tr&quot;: {
        &quot;_name&quot;: &quot;Radyanlar&quot;,
        &quot;rad&quot;: &quot;rad&quot;,
        &quot;hint&quot;: &quot;Derece ve radyan arasındaki ilişkiyi görmek için imleci sürükleyin&quot;
    },
    &quot;eu&quot;: {
        &quot;_name&quot;: &quot;Radianak&quot;,
        &quot;rad&quot;: &quot;rad&quot;,
        &quot;hint&quot;: &quot;Arrastatu heldulekua graduen eta radianen arteko erlazioa ikusteko&quot;
    },
    &quot;sk&quot;: {
        &quot;_name&quot;: &quot;Radiány&quot;,
        &quot;rad&quot;: &quot;rad&quot;,
        &quot;hint&quot;: &quot;Potiahnutím rukoväte uvidíte vzťah medzi stupňami a radiánmi&quot;
    },
    &quot;skr-arab&quot;: {
        &quot;_name&quot;: &quot;ریڈین&quot;,
        &quot;rad&quot;: &quot;rad&quot;,
        &quot;hint&quot;: &quot;ڈگریاں تے ریڈین دے وچکار تعلق ویکھݨ کیتے ہینڈل گھسیٹو&quot;
    },
    &quot;ko&quot;: {
        &quot;_name&quot;: &quot;라디안&quot;,
        &quot;rad&quot;: &quot;rad&quot;,
        &quot;hint&quot;: &quot;핸들을 드래그하여 도(°)와 라디안(radian) 사이의 관계를 확인하세요.&quot;
    },
    &quot;en&quot;: {
        &quot;_name&quot;: &quot;Radians&quot;,
        &quot;rad&quot;: &quot;rad&quot;,
        &quot;hint&quot;: &quot;Drag the handle to see the relationship between degrees and radians&quot;
    },
    &quot;ca&quot;: {
        &quot;_name&quot;: &quot;Radians&quot;,
        &quot;rad&quot;: &quot;rad&quot;
    },
    &quot;qqq&quot;: {
        &quot;_name&quot;: &quot;Name of the Radians module&quot;,
        &quot;rad&quot;: &quot;Abbreviation for radians&quot;,
        &quot;hint&quot;: &quot;Instruction text for the radian-degree relationship applet&quot;
    },
    &quot;ga&quot;: {
        &quot;_name&quot;: &quot;Raidiáin&quot;,
        &quot;rad&quot;: &quot;rad&quot;,
        &quot;hint&quot;: &quot;Tarraing an láimhseáil chun an gaol idir céimeanna agus raidiáin a fheiceáil&quot;
    },
    &quot;es&quot;: {
        &quot;_name&quot;: &quot;Radianes&quot;,
        &quot;rad&quot;: &quot;rad&quot;,
        &quot;hint&quot;: &quot;Arrastra el controlador para ver la relación entre grados y radianes&quot;
    },
    &quot;mk&quot;: {
        &quot;_name&quot;: &quot;Радијани&quot;,
        &quot;rad&quot;: &quot;rad&quot;,
        &quot;hint&quot;: &quot;Повлечете ја рачката за да го видите односот помеѓу степените и радијаните&quot;
    }
} /* I18N_END */
var lang = (window.mw &amp;&amp; mw.config.get('wgUserLanguage')) || 'en';
var banana = new Banana(lang.split('-')[0]);
banana.load(messages);

function t(key, vars) {
    var args = Array.isArray(vars) ? vars : [];
    var str = banana.i18n(key, ...args);
    if (vars &amp;&amp; typeof vars === 'object' &amp;&amp; !Array.isArray(vars)) {
        Object.keys(vars).forEach(function(k) {
            str = str.replace(new RegExp('\\{' + k + '\\}', 'g'), vars[k]);
        });
    }
    return str;
}

// Find all radian modules
  document.querySelectorAll('.hiruwiki[data-module=&quot;radian&quot;]').forEach(function(container) {

    const width = 700;
    const height = 540;
    const cx = width/2;
    const cy = height/2;
    const R = 200;

    const colors = [&quot;#e63946&quot;,&quot;#457b9d&quot;,&quot;#2a9d8f&quot;,&quot;#f4a261&quot;,&quot;#9d4edd&quot;,&quot;#06d6a0&quot;];

    let angle = 0;
    let lastAngle = 0;

    // Create SVG inside the container
    const svg = document.createElementNS(&quot;http://www.w3.org/2000/svg&quot;,&quot;svg&quot;);
    svg.setAttribute(&quot;viewBox&quot;, `0 0 ${width} ${height}`);
    svg.classList.add(&quot;hiruwiki-svg&quot;);
    container.appendChild(svg);

    function create(t){ return document.createElementNS(&quot;http://www.w3.org/2000/svg&quot;, t); }
    function polar(a,r){ return {x: cx + r*Math.cos(a), y: cy - r*Math.sin(a)}; }
    function arcPath(a0,a1){
      const p0 = polar(a0,R);
      const p1 = polar(a1,R);
      const large = (a1-a0)&gt;Math.PI?1:0;
      return `M ${p0.x} ${p0.y} A ${R} ${R} 0 ${large} 0 ${p1.x} ${p1.y}`;
    }

    function gcd(a,b){ return b?gcd(b,a%b):a; }
    function piFraction(angle){
      const ratio = angle/Math.PI;
      for(let d=1;d&lt;=12;d++){
        let n=Math.round(ratio*d);
        if(Math.abs(ratio-n/d)&lt;0.01){
          const g=gcd(n,d); n/=g; d/=g;
          if(n===0)return &quot;0&quot;;
          if(n===1 &amp;&amp; d===1) return &quot;π&quot;;
          if(d===1) return n+&quot;π&quot;;
          if(n===1) return &quot;π/&quot;+d;
          return n+&quot;π/&quot;+d;
        }
      }
      return ratio.toFixed(2)+&quot;π&quot;;
    }

    /* PROTRACTOR */
    for(let d=0; d&lt;=360; d+=5){
      const a = d*Math.PI/180;
      let len = 6, cls=&quot;tickSmall&quot;;
      if(d%30===0){len=18; cls=&quot;tickMajor&quot;;}
      else if(d%10===0){len=12; cls=&quot;tickMedium&quot;;}
      const p1 = polar(a,R);
      const p2 = polar(a,R-len);
      const line = create(&quot;line&quot;);
      line.setAttribute(&quot;x1&quot;,p1.x); line.setAttribute(&quot;y1&quot;,p1.y);
      line.setAttribute(&quot;x2&quot;,p2.x); line.setAttribute(&quot;y2&quot;,p2.y);
      line.setAttribute(&quot;class&quot;,cls);
      svg.appendChild(line);
      if(d%30===0){
        const tpos = polar(a,R-30);
        const txt = create(&quot;text&quot;);
        txt.setAttribute(&quot;x&quot;,tpos.x); txt.setAttribute(&quot;y&quot;,tpos.y);
        txt.setAttribute(&quot;text-anchor&quot;,&quot;middle&quot;);
        txt.setAttribute(&quot;class&quot;,&quot;tickLabel&quot;);
        txt.textContent = d+&quot;°&quot;;
        svg.appendChild(txt);
      }
    }

    /* RADIAN TICKS: 1-6, π, 2π */
    const radTicksAll = [1,2,3,4,5,6,Math.PI,2*Math.PI];
    radTicksAll.forEach(r=&gt;{
        const a = r;
        const isLabel = [1,2,3,4,5,6,Math.PI,2*Math.PI].includes(r);
        const outerLen = isLabel ? 25 : 15;
        const p1 = polar(a,R);
        const p2 = polar(a,R-outerLen);
        const tick = create(&quot;line&quot;);
        tick.setAttribute(&quot;x1&quot;,p1.x); tick.setAttribute(&quot;y1&quot;,p1.y);
        tick.setAttribute(&quot;x2&quot;,p2.x); tick.setAttribute(&quot;y2&quot;,p2.y);
        tick.setAttribute(&quot;class&quot;,&quot;radianTick&quot;);
        let idx = Math.floor(r) % colors.length;
        if(r===Math.PI) idx = Math.floor(Math.PI) % colors.length;
        if(r===2*Math.PI) idx = Math.floor(2*Math.PI) % colors.length;
        tick.setAttribute(&quot;stroke&quot;, colors[idx]);
        svg.appendChild(tick);
        if(isLabel){
            const labelPos = polar(a,R+35);
            const lbl = create(&quot;text&quot;);
            lbl.setAttribute(&quot;x&quot;,labelPos.x); lbl.setAttribute(&quot;y&quot;,labelPos.y);
            lbl.setAttribute(&quot;text-anchor&quot;,&quot;middle&quot;); lbl.setAttribute(&quot;class&quot;,&quot;tickLabel&quot;);
            lbl.setAttribute(&quot;fill&quot;, colors[idx]);
            if(r===Math.PI) lbl.textContent=&quot;π&quot;;
            else if(r===2*Math.PI) lbl.textContent=&quot;2π&quot;;
            else lbl.textContent=r.toFixed(1);
            svg.appendChild(lbl);
        }
    });

    /* GROUPS */
    const arcsGroup=create(&quot;g&quot;); svg.appendChild(arcsGroup);

    /* BASE RADIUS */
    const base=create(&quot;line&quot;); base.setAttribute(&quot;class&quot;,&quot;radius&quot;);
    base.setAttribute(&quot;x1&quot;,cx); base.setAttribute(&quot;y1&quot;,cy);
    base.setAttribute(&quot;x2&quot;,cx+R); base.setAttribute(&quot;y2&quot;,cy); svg.appendChild(base);

    const baseIndicator=create(&quot;line&quot;); baseIndicator.setAttribute(&quot;class&quot;,&quot;baseIndicator&quot;);
    baseIndicator.setAttribute(&quot;x1&quot;,cx); baseIndicator.setAttribute(&quot;y1&quot;,cy);
    baseIndicator.setAttribute(&quot;x2&quot;,cx+R); baseIndicator.setAttribute(&quot;y2&quot;,cy); svg.appendChild(baseIndicator);

    const baseDot=create(&quot;circle&quot;); baseDot.setAttribute(&quot;r&quot;,7); baseDot.setAttribute(&quot;class&quot;,&quot;baseDot&quot;);
    svg.appendChild(baseDot);

    /* MOVING RADIUS */
    const radiusLine=create(&quot;line&quot;); radiusLine.setAttribute(&quot;class&quot;,&quot;radius&quot;); svg.appendChild(radiusLine);
    const handle=create(&quot;circle&quot;); handle.setAttribute(&quot;r&quot;,8); handle.setAttribute(&quot;class&quot;,&quot;handle&quot;); svg.appendChild(handle);

    /* LABEL */
    const label=create(&quot;text&quot;); label.setAttribute(&quot;class&quot;,&quot;label&quot;); svg.appendChild(label);

    function update(){
      arcsGroup.innerHTML=&quot;&quot;;
      const radCount=Math.floor(angle);
      for(let i=0;i&lt;=radCount;i++){
        const a0=i; const a1=Math.min(angle,i+1);
        if(a1&gt;a0){
          const arc=create(&quot;path&quot;);
          arc.setAttribute(&quot;d&quot;,arcPath(a0,a1));
          arc.setAttribute(&quot;class&quot;,&quot;arc&quot;);
          arc.setAttribute(&quot;stroke&quot;,colors[i%colors.length]);
          arcsGroup.appendChild(arc);
        }
      }

      const p = polar(angle,R);
      radiusLine.setAttribute(&quot;x1&quot;,cx); radiusLine.setAttribute(&quot;y1&quot;,cy);
      radiusLine.setAttribute(&quot;x2&quot;,p.x); radiusLine.setAttribute(&quot;y2&quot;,p.y);
      handle.setAttribute(&quot;cx&quot;,p.x); handle.setAttribute(&quot;cy&quot;,p.y);

      /* LABEL OUTSIDE */
      const labelR = R + 50;
      let lp = polar(angle,labelR);

      label.innerHTML=&quot;&quot;;
      const radText = angle.toFixed(2)+&quot; rad&quot;;
      const piText = piFraction(angle);

      const t1 = create(&quot;tspan&quot;); t1.setAttribute(&quot;x&quot;,lp.x); t1.setAttribute(&quot;dy&quot;,0); t1.textContent=radText;
      const t2 = create(&quot;tspan&quot;); t2.setAttribute(&quot;x&quot;,lp.x); t2.setAttribute(&quot;dy&quot;,18); t2.textContent=piText;
      label.appendChild(t1); label.appendChild(t2);

      if(lp.x &gt; width - 50){ label.setAttribute(&quot;text-anchor&quot;,&quot;end&quot;); lp.x=Math.min(lp.x,width-10); }
      else if(lp.x &lt; 50){ label.setAttribute(&quot;text-anchor&quot;,&quot;start&quot;); lp.x=Math.max(lp.x,10); }
      else label.setAttribute(&quot;text-anchor&quot;,&quot;middle&quot;);

      label.setAttribute(&quot;x&quot;,lp.x); label.setAttribute(&quot;y&quot;,lp.y);

      /* BASE RADIAN INDICATOR */
      const current=Math.floor(angle);
      const frac=angle-current;
      const color=colors[current%colors.length];
      baseIndicator.setAttribute(&quot;stroke&quot;,color);
      baseDot.setAttribute(&quot;cx&quot;,cx+R*frac); baseDot.setAttribute(&quot;cy&quot;,cy); baseDot.setAttribute(&quot;fill&quot;,color);
    }

    function setAngle(e){
      const rect=svg.getBoundingClientRect();
      const sx = width / rect.width;
      const sy = height / rect.height;
      const x=((e.touches?e.touches[0].clientX:e.clientX)-rect.left) * sx;
      const y=((e.touches?e.touches[0].clientY:e.clientY)-rect.top) * sy;
      let a=Math.atan2(cy-y,x-cx);
      if(a&lt;0) a+=2*Math.PI;

      if(lastAngle&gt;5.5 &amp;&amp; a&lt;1) angle=2*Math.PI;
      else if(lastAngle&lt;1 &amp;&amp; a&gt;5.5) angle=0;
      else angle=a;

      angle=Math.max(0,Math.min(angle,2*Math.PI));
      lastAngle=angle;
      update();
    }

    let dragging=false;
    svg.addEventListener(&quot;mousedown&quot;,e=&gt;{
        e.preventDefault();
        dragging=true; 
        setAngle(e);
    });
    svg.addEventListener(&quot;mousemove&quot;,e=&gt;{if(dragging)setAngle(e);});
    document.addEventListener(&quot;mouseup&quot;,()=&gt;dragging=false);
    svg.addEventListener(&quot;touchstart&quot;,e=&gt;{
        e.preventDefault();
        dragging=true; 
        setAngle(e);
    });
    svg.addEventListener(&quot;touchmove&quot;,e=&gt;{
        e.preventDefault();
        setAngle(e);
    });
    document.addEventListener(&quot;touchend&quot;,()=&gt;dragging=false);

    update();

    // Footer branding
    var footer = document.createElement(&quot;div&quot;);
    footer.className = &quot;hw-footer&quot;;
    var fLogo = document.createElement(&quot;a&quot;);
    fLogo.className = &quot;hw-footer-icon&quot;;
    fLogo.href = mw.util.getUrl('Wikipedia:Hiruwiki');
    fLogo.title = 'Hiruwiki';
    fLogo.innerHTML = hiruwiki.getLogoSvg(22);
    var fText = document.createElement(&quot;span&quot;);
    fText.innerHTML = t('hint');
    footer.appendChild(fLogo);
    footer.appendChild(fText);
    container.appendChild(footer);
  });
})();</text>
      <sha1>pdpivhrdlru8wvh5yk7c5ox0h41bfqk</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/slope.js</title>
    <ns>8</ns>
    <id>179523</id>
    <revision>
      <id>781444</id>
      <parentid>770250</parentid>
      <timestamp>2026-10-28T10:40:08Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781444</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="28145" sha1="dtry0a3zqmcun7pmdfyhl35503hiy3a" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* =========================================================
 * Hiruwiki module: slope
 * Visualisation of the slope between two draggable points
 * =========================================================
 * i18n: add a new key to the `messages` object below and
 *       a matching entry for every language code you need.
 *       Fall back to 'en' when the wiki language is absent.
 * ========================================================= */

( function () {

/* ── I18N ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var messages = /* I18N_START */ {
    &quot;nl&quot;: {
        &quot;_name&quot;: &quot;Helling&quot;,
        &quot;undefined&quot;: &quot;Verticale lijn → helling ongedefinieerd&quot;,
        &quot;hint&quot;: &quot;Sleep de punten om de hellingsberekening te zien&quot;,
        &quot;point1&quot;: &quot;Punt P₁&quot;,
        &quot;point2&quot;: &quot;Punt P₂&quot;,
        &quot;coords1&quot;: &quot;Coördinaten van P₁&quot;,
        &quot;coords2&quot;: &quot;Coördinaten van P₂&quot;,
        &quot;rise&quot;: &quot;Stijging (Δy)&quot;,
        &quot;run&quot;: &quot;Aanloop (Δx)&quot;,
        &quot;slope&quot;: &quot;Helling (m)&quot;,
        &quot;slopeCard&quot;: &quot;Helling&quot;,
        &quot;pointsCard&quot;: &quot;Punten&quot;
    },
    &quot;fr&quot;: {
        &quot;_name&quot;: &quot;Pente&quot;,
        &quot;undefined&quot;: &quot;Ligne verticale → pente indéfinie&quot;,
        &quot;hint&quot;: &quot;Faites glisser les points pour voir le calcul de la pente&quot;,
        &quot;point1&quot;: &quot;Point P₁&quot;,
        &quot;point2&quot;: &quot;Point P₂&quot;,
        &quot;coords1&quot;: &quot;Coordonnées de P₁&quot;,
        &quot;coords2&quot;: &quot;Coordonnées de P₂&quot;,
        &quot;rise&quot;: &quot;Montée (Δy)&quot;,
        &quot;run&quot;: &quot;Course (Δx)&quot;,
        &quot;slope&quot;: &quot;Pente (m)&quot;,
        &quot;slopeCard&quot;: &quot;Pente&quot;,
        &quot;pointsCard&quot;: &quot;Points&quot;
    },
    &quot;tr&quot;: {
        &quot;_name&quot;: &quot;Eğim&quot;,
        &quot;undefined&quot;: &quot;Dikey çizgi → eğim belirsiz&quot;,
        &quot;hint&quot;: &quot;Eğim hesaplamasını görmek için noktaları sürükleyin.&quot;,
        &quot;point1&quot;: &quot;P₁ Noktası&quot;,
        &quot;point2&quot;: &quot;P₂ Noktası&quot;,
        &quot;coords1&quot;: &quot;P₁ koordinatları&quot;,
        &quot;coords2&quot;: &quot;P₂ koordinatları&quot;,
        &quot;rise&quot;: &quot;Yükseklik artışı (Δy)&quot;
    },
    &quot;eu&quot;: {
        &quot;_name&quot;: &quot;Maldia&quot;,
        &quot;undefined&quot;: &quot;Lerro bertikala → malda ezarri gabe&quot;,
        &quot;hint&quot;: &quot;Puntu zatiak arrastatu maldaren kalkulua ikusteko&quot;,
        &quot;point1&quot;: &quot;P₁ puntua&quot;,
        &quot;point2&quot;: &quot;P₂ puntua&quot;,
        &quot;coords1&quot;: &quot;P₁ koordenatuak&quot;,
        &quot;coords2&quot;: &quot;P₂ koordenatuak&quot;,
        &quot;rise&quot;: &quot;Igoera (Δy)&quot;,
        &quot;run&quot;: &quot;Ibilbidea (Δx)&quot;,
        &quot;slope&quot;: &quot;Malda (m)&quot;,
        &quot;slopeCard&quot;: &quot;Malda&quot;,
        &quot;pointsCard&quot;: &quot;Puntuak&quot;
    },
    &quot;sk&quot;: {
        &quot;_name&quot;: &quot;Smernica&quot;,
        &quot;undefined&quot;: &quot;Zvislá priamka → smernica nie je definovaná&quot;,
        &quot;hint&quot;: &quot;Potiahnutím bodov zobrazíte výpočet smernice&quot;,
        &quot;point1&quot;: &quot;Bod P₁&quot;,
        &quot;point2&quot;: &quot;Bod P₂&quot;,
        &quot;coords1&quot;: &quot;Súradnice P₁&quot;,
        &quot;coords2&quot;: &quot;Súradnice P₂&quot;,
        &quot;rise&quot;: &quot;Zmena y (Δy)&quot;,
        &quot;run&quot;: &quot;Zmena x (Δx)&quot;,
        &quot;slope&quot;: &quot;Smernica (m)&quot;,
        &quot;slopeCard&quot;: &quot;Smernica&quot;,
        &quot;pointsCard&quot;: &quot;Body&quot;
    },
    &quot;skr-arab&quot;: {
        &quot;_name&quot;: &quot;ڈھلوان&quot;,
        &quot;undefined&quot;: &quot;عمودی لکیر → ڈھلوان غیر متعین&quot;,
        &quot;hint&quot;: &quot;نقطے گھسیٹ کے ڈھلوان دا حساب ویکھو&quot;,
        &quot;point1&quot;: &quot;نقطہ P₁&quot;,
        &quot;point2&quot;: &quot;نقطہ P₂&quot;,
        &quot;coords1&quot;: &quot;P₁ دے نقاط&quot;,
        &quot;coords2&quot;: &quot;P₂ دے نقاط&quot;,
        &quot;rise&quot;: &quot;اُچائی (Δy)&quot;,
        &quot;run&quot;: &quot;افقی فاصلہ (Δx)&quot;,
        &quot;slope&quot;: &quot;ڈھلوان (m)&quot;,
        &quot;slopeCard&quot;: &quot;ڈھلوان&quot;,
        &quot;pointsCard&quot;: &quot;نقطے&quot;
    },
    &quot;lb&quot;: {
        &quot;point1&quot;: &quot;Punkt P₁&quot;,
        &quot;point2&quot;: &quot;Punkt P₂&quot;,
        &quot;coords1&quot;: &quot;Koordinate vu P₁&quot;,
        &quot;coords2&quot;: &quot;Koordinate vu P₂&quot;,
        &quot;pointsCard&quot;: &quot;Punkten&quot;
    },
    &quot;ko&quot;: {
        &quot;_name&quot;: &quot;기울기&quot;,
        &quot;undefined&quot;: &quot;수직선 → 기울기 정의 안 됨&quot;,
        &quot;hint&quot;: &quot;점을 드래그하여 기울기 계산을 확인하세요&quot;,
        &quot;point1&quot;: &quot;점 P₁&quot;,
        &quot;point2&quot;: &quot;점 P₂&quot;,
        &quot;coords1&quot;: &quot;P₁ 좌표&quot;,
        &quot;coords2&quot;: &quot;P₂ 좌표&quot;,
        &quot;rise&quot;: &quot;상승 (Δy)&quot;,
        &quot;run&quot;: &quot;이동 (Δx)&quot;,
        &quot;slope&quot;: &quot;기울기 (m)&quot;,
        &quot;slopeCard&quot;: &quot;기울기&quot;,
        &quot;pointsCard&quot;: &quot;점&quot;
    },
    &quot;en&quot;: {
        &quot;_name&quot;: &quot;Slope&quot;,
        &quot;undefined&quot;: &quot;Vertical line → slope undefined&quot;,
        &quot;hint&quot;: &quot;Drag the points to see the slope calculation&quot;,
        &quot;point1&quot;: &quot;Point P₁&quot;,
        &quot;point2&quot;: &quot;Point P₂&quot;,
        &quot;coords1&quot;: &quot;P₁ coordinates&quot;,
        &quot;coords2&quot;: &quot;P₂ coordinates&quot;,
        &quot;rise&quot;: &quot;Rise (Δy)&quot;,
        &quot;run&quot;: &quot;Run (Δx)&quot;,
        &quot;slope&quot;: &quot;Slope (m)&quot;,
        &quot;slopeCard&quot;: &quot;Slope&quot;,
        &quot;pointsCard&quot;: &quot;Points&quot;
    },
    &quot;qqq&quot;: {
        &quot;_name&quot;: &quot;Name of the Slope module&quot;,
        &quot;undefined&quot;: &quot;Message shown when the line is vertical and the slope is undefined&quot;,
        &quot;hint&quot;: &quot;Instruction text for the slope calculation interaction&quot;,
        &quot;point1&quot;: &quot;name of the first point&quot;,
        &quot;point2&quot;: &quot;name of the second point&quot;,
        &quot;coords1&quot;: &quot;coordinates of first point&quot;,
        &quot;coords2&quot;: &quot;coordinates of second point&quot;,
        &quot;rise&quot;: &quot;message for the vertical distance&quot;,
        &quot;run&quot;: &quot;message for the horizontal distance&quot;,
        &quot;slope&quot;: &quot;name of the division of both&quot;,
        &quot;slopeCard&quot;: &quot;title of the slope section&quot;,
        &quot;pointsCard&quot;: &quot;title used in the points section&quot;
    },
    &quot;ga&quot;: {
        &quot;_name&quot;: &quot;Fána&quot;,
        &quot;undefined&quot;: &quot;Líne ingearach → fána neamhshainithe&quot;,
        &quot;hint&quot;: &quot;Tarraing na pointí chun ríomh an fhána a fheiceáil&quot;,
        &quot;point1&quot;: &quot;Pointe P₁&quot;,
        &quot;point2&quot;: &quot;Pointe P₂&quot;,
        &quot;coords1&quot;: &quot;Comhordanáidí P₁&quot;,
        &quot;coords2&quot;: &quot;Comhordanáidí P₂&quot;,
        &quot;rise&quot;: &quot;Ardú (Δy)&quot;,
        &quot;run&quot;: &quot;Rith (Δx)&quot;,
        &quot;slope&quot;: &quot;Fána (m)&quot;,
        &quot;slopeCard&quot;: &quot;Fána&quot;,
        &quot;pointsCard&quot;: &quot;Pointí&quot;
    },
    &quot;es&quot;: {
        &quot;_name&quot;: &quot;Pendiente&quot;,
        &quot;undefined&quot;: &quot;Línea vertical → pendiente indefinida&quot;,
        &quot;hint&quot;: &quot;Arrastra los puntos para ver el cálculo de la pendiente&quot;,
        &quot;point1&quot;: &quot;Punto P₁&quot;,
        &quot;point2&quot;: &quot;Punto P₂&quot;,
        &quot;coords1&quot;: &quot;Coordenadas de P₁&quot;,
        &quot;coords2&quot;: &quot;Coordenadas de P₂&quot;,
        &quot;rise&quot;: &quot;Elevación (Δy)&quot;,
        &quot;run&quot;: &quot;Avance (Δx)&quot;,
        &quot;slope&quot;: &quot;Pendiente (m)&quot;,
        &quot;slopeCard&quot;: &quot;Pendiente&quot;,
        &quot;pointsCard&quot;: &quot;Puntos&quot;
    },
    &quot;mk&quot;: {
        &quot;_name&quot;: &quot;Наклон&quot;,
        &quot;undefined&quot;: &quot;Вертикала → недефиниран наклон&quot;,
        &quot;hint&quot;: &quot;Повлечете ги точките за да ја видите пресметката на наклонот&quot;,
        &quot;point1&quot;: &quot;Точка P₁&quot;,
        &quot;point2&quot;: &quot;Точка P₂&quot;,
        &quot;coords1&quot;: &quot;Координати на P₁&quot;,
        &quot;coords2&quot;: &quot;Координати на P₂&quot;,
        &quot;rise&quot;: &quot;Пораст (Δy)&quot;,
        &quot;run&quot;: &quot;Поместување (Δx)&quot;,
        &quot;slope&quot;: &quot;Наклон (m)&quot;,
        &quot;slopeCard&quot;: &quot;Наклон&quot;,
        &quot;pointsCard&quot;: &quot;Точки&quot;
    }
} /* I18N_END */
var lang = (window.mw &amp;&amp; mw.config.get('wgUserLanguage')) || 'en';
var banana = new Banana(lang.split('-')[0]);
banana.load(messages);

function t(key, vars) {
    var args = Array.isArray(vars) ? vars : [];
    var str = banana.i18n(key, ...args);
    if (vars &amp;&amp; typeof vars === 'object' &amp;&amp; !Array.isArray(vars)) {
        Object.keys(vars).forEach(function(k) {
            str = str.replace(new RegExp('\\{' + k + '\\}', 'g'), vars[k]);
        });
    }
    return str;
}

/* ── Constants ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var SCALE   = 40;   /* pixels per unit on the grid */
var RULER_H = 36;   /* ruler strip height (px) */
var RANGE   = 10;   /* grid extends ±RANGE units from origin */
var DPR     = window.devicePixelRatio || 1;

/* ── Build widget ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
function buildWidget( container ) {
    var lang2 = ( window.mw &amp;&amp; mw.config.get( 'wgUserLanguage' ) ) || 'en';
    lang2 = lang2.split( '-' )[ 0 ];
    if ( !messages[ lang2 ] ) { lang2 = 'en'; }
    var msg = messages[ lang2 ];

    /* -- HTML skeleton -- */
    container.innerHTML =
        '&lt;div class=&quot;hw-slope&quot;&gt;' +
            '&lt;canvas class=&quot;hw-canvas&quot;&gt;&lt;/canvas&gt;' +
            '&lt;div class=&quot;hw-params&quot;&gt;' +
                '&lt;div class=&quot;hw-card&quot;&gt;' +
                    '&lt;div class=&quot;hw-card-title&quot;&gt;' +
                        '&lt;span class=&quot;hw-badge hw-badge-t&quot;&gt;' + msg.pointsCard + '&lt;/span&gt;' +
                    '&lt;/div&gt;' +
                    '&lt;div class=&quot;hw-row&quot;&gt;&lt;span&gt;' + msg.coords1 + '&lt;/span&gt;&lt;span id=&quot;hw-sl-p1&quot;&gt;&lt;/span&gt;&lt;/div&gt;' +
                    '&lt;div class=&quot;hw-row&quot;&gt;&lt;span&gt;' + msg.coords2 + '&lt;/span&gt;&lt;span id=&quot;hw-sl-p2&quot;&gt;&lt;/span&gt;&lt;/div&gt;' +
                    '&lt;div class=&quot;hw-row&quot;&gt;&lt;span&gt;' + msg.rise    + '&lt;/span&gt;&lt;span id=&quot;hw-sl-rise&quot;&gt;&lt;/span&gt;&lt;/div&gt;' +
                    '&lt;div class=&quot;hw-row&quot;&gt;&lt;span&gt;' + msg.run     + '&lt;/span&gt;&lt;span id=&quot;hw-sl-run&quot;&gt;&lt;/span&gt;&lt;/div&gt;' +
                '&lt;/div&gt;' +
                '&lt;div class=&quot;hw-card&quot;&gt;' +
                    '&lt;div class=&quot;hw-card-title&quot;&gt;' +
                        '&lt;span class=&quot;hw-badge hw-badge-c&quot;&gt;' + msg.slopeCard + '&lt;/span&gt;' +
                    '&lt;/div&gt;' +
                    '&lt;div class=&quot;hw-row&quot;&gt;&lt;span&gt;' + msg.slope + '&lt;/span&gt;' +
                        '&lt;span id=&quot;hw-sl-m&quot;&gt;&lt;/span&gt;' +
                    '&lt;/div&gt;' +
                    '&lt;div class=&quot;hw-slope-formula&quot;&gt;' +
                        '&lt;span class=&quot;hw-formula-label&quot;&gt;m =&lt;/span&gt;' +
                        '&lt;span class=&quot;hw-formula-value&quot; id=&quot;hw-sl-formula&quot;&gt;—&lt;/span&gt;' +
                    '&lt;/div&gt;' +
                '&lt;/div&gt;' +
            '&lt;/div&gt;' +
        '&lt;/div&gt;';

    /* -- Footer -- */
    var footer = document.createElement( 'div' );
    footer.className = 'hw-footer';
    var fLogo = document.createElement( 'a' );
    fLogo.className = 'hw-footer-icon';
    fLogo.href = ( window.mw &amp;&amp; mw.util.getUrl( 'Wikipedia:Hiruwiki' ) ) || '#';
    fLogo.title = 'Hiruwiki';
    if ( window.hiruwiki &amp;&amp; window.hiruwiki.getLogoSvg ) {
        fLogo.insertAdjacentHTML( 'beforeend', hiruwiki.getLogoSvg( 22 ) );
    }
    var fText = document.createElement( 'span' );
    fText.className = 'hw-footer__text';
    fText.textContent = msg.hint;
    footer.appendChild( fLogo );
    footer.appendChild( fText );
    container.appendChild( footer );

    var canvas  = container.querySelector( '.hw-canvas' );
    var ctx     = canvas.getContext( '2d' );
    var W, H;
    var dragging = -1;

    /* grid coordinates (–RANGE … +RANGE) */
    var points = [
        { x: -3, y: -2 },
        { x:  3,  y:  2 }
    ];

    function $( id ) { return container.querySelector( '#' + id ); }

    /* ── coordinate helpers ── */
    function toCanvasX( gx ) { return W / 2 + gx * SCALE; }
    function toCanvasY( gy ) { return RULER_H + ( H - RULER_H ) / 2 - gy * SCALE; }
    function fromCanvas( cx, cy ) {
        return {
            x: Math.round( ( cx - W / 2 )              / SCALE ),
            y: Math.round( ( ( RULER_H + ( H - RULER_H ) / 2 ) - cy ) / SCALE )
        };
    }

    /* ── dark-mode detection ── */
    function isDark() {
        var root = document.documentElement;
        if ( root.classList.contains( 'skin-theme-clientpref-night' ) ||
             root.classList.contains( 'client-dark-mode' ) ||
             document.body.classList.contains( 'mw-dark-mode' ) ) {
            return true;
        }
        return !!( window.matchMedia &amp;&amp; window.matchMedia( '(prefers-color-scheme: dark)' ).matches );
    }

    function palette() {
        var dark = isDark();
        return {
            dark:     dark,
            line:     hiruwiki.getThemeColor( 'hw-color-primary', dark ? '#AFA9EC' : '#534AB7' ),
            rise:     hiruwiki.getThemeColor( 'hw-color-success', dark ? '#5DCAA5' : '#0F6E56' ),
            run:      hiruwiki.getThemeColor( 'hw-color-warning', dark ? '#FAC775' : '#BA7517' ),
            text:     hiruwiki.getThemeColor( 'hw-text-base',      dark ? '#E8E6DC' : '#1a1a18' ),
            ruleBg:   hiruwiki.getThemeColor( 'hw-bg-subtle',     dark ? '#2C2C2A' : '#F1EFE8' ),
            ruleTick: hiruwiki.getThemeColor( 'hw-text-placeholder', '#888780' ),
            ruleText: hiruwiki.getThemeColor( 'hw-text-muted',       '#5F5E5A' ),
            grid:     hiruwiki.getThemeColor( 'hw-border',        dark ? '#444441' : '#D3D1C7' ),
            axis:     hiruwiki.getThemeColor( 'hw-text-base',      dark ? '#E8E6DC' : '#1a1a18' ),
            dotBg:    hiruwiki.getThemeColor( 'hw-bg-base', dark ? '#1e1e1c' : '#ffffff' )
        };
    }

    /* ── ruler ── */
    function drawRuler( p ) {
        ctx.fillStyle = p.ruleBg;
        ctx.fillRect( 0, 0, W, RULER_H );
        ctx.strokeStyle = p.ruleTick;
        ctx.lineWidth   = 0.5;
        ctx.beginPath(); ctx.moveTo( 0, RULER_H ); ctx.lineTo( W, RULER_H ); ctx.stroke();

        var originPx = W / 2;
        var maxUnits = Math.ceil( W / SCALE ) + 1;
        ctx.font         = '10px sans-serif';
        ctx.textBaseline = 'bottom';

        for ( var u = -maxUnits; u &lt;= maxUnits; u++ ) {
            var px = originPx + u * SCALE;
            if ( px &lt; 0 || px &gt; W + SCALE ) { continue; }
            ctx.strokeStyle = p.ruleTick; ctx.lineWidth = 0.8;
            ctx.beginPath(); ctx.moveTo( px, RULER_H - 10 ); ctx.lineTo( px, RULER_H ); ctx.stroke();
            if ( u !== 0 ) {
                ctx.fillStyle = p.ruleText; ctx.textAlign = 'center';
                ctx.fillText( u, px, RULER_H - 12 );
            }
            for ( var mm = 1; mm &lt; 10; mm++ ) {
                var mpx = px + mm * SCALE / 10;
                if ( mpx &gt; W ) { break; }
                ctx.strokeStyle = p.ruleTick; ctx.lineWidth = 0.5;
                ctx.beginPath();
                ctx.moveTo( mpx, RULER_H - ( mm === 5 ? 7 : 4 ) );
                ctx.lineTo( mpx, RULER_H );
                ctx.stroke();
            }
        }
        ctx.fillStyle    = p.ruleText;
        ctx.textAlign    = 'left';
        ctx.textBaseline = 'middle';
        ctx.font         = '500 10px sans-serif';
        ctx.fillText( 'x', 4, RULER_H / 2 );
    }

    /* ── grid ── */
    function drawGrid( p ) {
        var originX = W / 2;
        var originY = RULER_H + ( H - RULER_H ) / 2;

        /* minor gridlines */
        ctx.strokeStyle = p.grid;
        ctx.lineWidth   = 1.0;

        for ( var u = -RANGE; u &lt;= RANGE; u++ ) {
            /* vertical */
            var gx = originX + u * SCALE;
            if ( gx &lt; 0 || gx &gt; W ) { continue; }
            ctx.globalAlpha = 0.35;
            for ( var m = 1; m &lt; 10; m++ ) {
                var mx = gx + m * SCALE / 10;
                if ( mx &gt; W ) { break; }
                ctx.beginPath(); ctx.moveTo( mx, RULER_H ); ctx.lineTo( mx, H ); ctx.stroke();
            }
            ctx.globalAlpha = 1.0;
            if ( u !== 0 ) {
                ctx.beginPath(); ctx.moveTo( gx, RULER_H ); ctx.lineTo( gx, H ); ctx.stroke();
            }

            /* horizontal */
            var gy = originY - u * SCALE;
            if ( gy &lt; RULER_H || gy &gt; H ) { continue; }
            ctx.globalAlpha = 0.35;
            for ( var my = 1; my &lt; 10; my++ ) {
                var myy = gy - my * SCALE / 10;
                if ( myy &lt; RULER_H ) { break; }
                ctx.beginPath(); ctx.moveTo( 0, myy ); ctx.lineTo( W, myy ); ctx.stroke();
            }
            ctx.globalAlpha = 1.0;
            if ( u !== 0 ) {
                ctx.beginPath(); ctx.moveTo( 0, gy ); ctx.lineTo( W, gy ); ctx.stroke();
            }
        }

        /* axes */
        ctx.strokeStyle = p.axis; ctx.lineWidth = 1.5; ctx.globalAlpha = 1.0;
        /* x-axis */
        ctx.beginPath(); ctx.moveTo( 0, originY ); ctx.lineTo( W, originY ); ctx.stroke();
        /* y-axis */
        ctx.beginPath(); ctx.moveTo( originX, RULER_H ); ctx.lineTo( originX, H ); ctx.stroke();

        /* axis arrows */
        var arr = 8;
        ctx.fillStyle = p.axis;
        /* right arrow on x */
        ctx.beginPath();
        ctx.moveTo( W - 8, originY );
        ctx.lineTo( W - 8 - arr, originY - arr / 2 );
        ctx.lineTo( W - 8 - arr, originY + arr / 2 );
        ctx.fill();
        /* up arrow on y */
        ctx.beginPath();
        ctx.moveTo( originX, RULER_H + 8 );
        ctx.lineTo( originX - arr / 2, RULER_H + 8 + arr );
        ctx.lineTo( originX + arr / 2, RULER_H + 8 + arr );
        ctx.fill();

        /* axis labels */
        ctx.font = '500 13px sans-serif'; ctx.textBaseline = 'middle';
        ctx.fillStyle = p.ruleText;
        ctx.textAlign = 'left';  ctx.fillText( 'x', W - 20, originY - 12 );
        ctx.textAlign = 'left';  ctx.fillText( 'y', originX + 8, RULER_H + 20 );

        /* tick labels on y-axis */
        ctx.font = '10px sans-serif'; ctx.textBaseline = 'middle'; ctx.textAlign = 'right';
        for ( var v = -RANGE; v &lt;= RANGE; v++ ) {
            if ( v === 0 ) { continue; }
            var yy = originY - v * SCALE;
            if ( yy &lt; RULER_H + 4 || yy &gt; H - 4 ) { continue; }
            ctx.fillStyle = p.ruleText;
            ctx.fillText( v, originX - 6, yy );
        }
    }

    /* ── coordinate label next to a point ── */
    function drawCoordLabel( text, cx, cy, alignRight, above, p ) {
        ctx.font = '13px sans-serif';
        var pad = 4;
        var tw  = ctx.measureText( text ).width;
        var bw  = tw + pad * 2, bh = 18;
        var tx  = alignRight ? cx - bw - 10 : cx + 10;
        var ty  = above ? cy - bh - 8 : cy + 8;

        ctx.fillStyle   = p.dotBg;
        ctx.strokeStyle = p.grid;
        ctx.lineWidth   = 0.8;
        ctx.beginPath();
        ctx.roundRect( tx - pad, ty - 2, bw, bh, 3 );
        ctx.fill(); ctx.stroke();

        ctx.fillStyle   = p.text;
        ctx.textBaseline = 'middle';
        ctx.textAlign   = 'left';
        ctx.fillText( text, tx, ty + bh / 2 - 2 );
    }

    /* ── slope triangle (rise + run dashes) ── */
    function drawSlopeTriangle( p ) {
        var pt1 = points[ 0 ], pt2 = points[ 1 ];
        if ( pt1.x === pt2.x ) { return; }

        /* order so the &quot;corner&quot; is at (pt2.x, pt1.y) */
        var x1 = toCanvasX( pt1.x ), y1 = toCanvasY( pt1.y );
        var x2 = toCanvasX( pt2.x ), y2 = toCanvasY( pt2.y );
        var mx = toCanvasX( pt2.x ), my = toCanvasY( pt1.y );

        /* run — horizontal dashed line */
        ctx.save();
        ctx.strokeStyle = p.run;
        ctx.lineWidth   = 1.8;
        ctx.setLineDash( [ 6, 4 ] );
        ctx.beginPath(); ctx.moveTo( x1, my ); ctx.lineTo( mx, my ); ctx.stroke();

        /* rise — vertical dashed line */
        ctx.strokeStyle = p.rise;
        ctx.beginPath(); ctx.moveTo( mx, my ); ctx.lineTo( x2, y2 ); ctx.stroke();
        ctx.setLineDash( [] );
        ctx.restore();

        /* Δx label centred on run */
        var rise = pt2.y - pt1.y;
        var run  = pt2.x - pt1.x;
        ctx.font         = '500 12px sans-serif';
        ctx.textBaseline = 'middle';
        ctx.textAlign    = 'center';
        ctx.fillStyle    = p.run;
        ctx.fillText( 'Δx = ' + run, ( x1 + mx ) / 2, my + ( rise &gt;= 0 ? 14 : -14 ) );

        /* Δy label centred on rise */
        ctx.fillStyle = p.rise;
        ctx.fillText( 'Δy = ' + rise, mx + ( run &gt;= 0 ? 26 : -26 ), ( my + y2 ) / 2 );
    }

    /* ── extended line across canvas ── */
    function lineBoxIntersections( m, b ) {
        var pts = [];
        var originY = RULER_H + ( H - RULER_H ) / 2;
        /* convert canvas units to grid units for the line equation */
        /* The line in canvas space: cy = originY - (m*(cx - W/2)/SCALE)*SCALE */
        /* Simpler: work in grid coords and convert ends */
        var xL = -( W / 2 ) / SCALE, xR = ( W / 2 ) / SCALE;
        var yL = m * xL + b, yR = m * xR + b;
        /* clip to vertical grid range */
        var yMin = -( ( H - RULER_H ) / 2 ) / SCALE, yMax = ( ( H - RULER_H ) / 2 ) / SCALE;

        function clip( x0, y0, x1, y1 ) {
            var res = [];
            /* just return the two endpoints; the line itself is clipped by canvas boundaries */
            if ( y0 &lt; yMin ) {
                var t = ( yMin - y0 ) / ( y1 - y0 );
                res.push( { x: x0 + t * ( x1 - x0 ), y: yMin } );
            } else if ( y0 &gt; yMax ) {
                var t2 = ( yMax - y0 ) / ( y1 - y0 );
                res.push( { x: x0 + t2 * ( x1 - x0 ), y: yMax } );
            } else {
                res.push( { x: x0, y: y0 } );
            }
            if ( y1 &lt; yMin ) {
                var t3 = ( yMin - y0 ) / ( y1 - y0 );
                res.push( { x: x0 + t3 * ( x1 - x0 ), y: yMin } );
            } else if ( y1 &gt; yMax ) {
                var t4 = ( yMax - y0 ) / ( y1 - y0 );
                res.push( { x: x0 + t4 * ( x1 - x0 ), y: yMax } );
            } else {
                res.push( { x: x1, y: y1 } );
            }
            return res;
        }

        return clip( xL, yL, xR, yR );
    }

    /* ── main line draw ── */
    function drawLine( p ) {
        var pt1 = points[ 0 ], pt2 = points[ 1 ];
        ctx.lineWidth = 2;

        if ( pt1.x === pt2.x ) {
            /* vertical line — dashed extension, solid between points */
            ctx.strokeStyle = p.line;
            ctx.setLineDash( [ 6, 6 ] );
            ctx.beginPath();
            ctx.moveTo( toCanvasX( pt1.x ), RULER_H );
            ctx.lineTo( toCanvasX( pt1.x ), H );
            ctx.stroke();
            ctx.setLineDash( [] );
            return;
        }

        var m = ( pt2.y - pt1.y ) / ( pt2.x - pt1.x );
        var b = pt1.y - m * pt1.x;

        var ends = lineBoxIntersections( m, b );

        /* dashed extensions */
        ctx.strokeStyle = p.line; ctx.setLineDash( [ 6, 6 ] );
        ctx.beginPath();
        ctx.moveTo( toCanvasX( ends[ 0 ].x ), toCanvasY( ends[ 0 ].y ) );
        ctx.lineTo( toCanvasX( pt1.x ),       toCanvasY( pt1.y ) );
        ctx.stroke();
        ctx.beginPath();
        ctx.moveTo( toCanvasX( pt2.x ),       toCanvasY( pt2.y ) );
        ctx.lineTo( toCanvasX( ends[ 1 ].x ), toCanvasY( ends[ 1 ].y ) );
        ctx.stroke();
        ctx.setLineDash( [] );

        /* solid segment between the two points */
        ctx.beginPath();
        ctx.moveTo( toCanvasX( pt1.x ), toCanvasY( pt1.y ) );
        ctx.lineTo( toCanvasX( pt2.x ), toCanvasY( pt2.y ) );
        ctx.stroke();
    }

    /* ── point dots + labels ── */
    function drawPoints( p ) {
        points.forEach( function ( pt, i ) {
            var cx = toCanvasX( pt.x ), cy = toCanvasY( pt.y );
            var other = points[ 1 - i ];

            ctx.save();
            ctx.beginPath();
            ctx.arc( cx, cy, dragging === i ? 8 : 6.5, 0, Math.PI * 2 );
            ctx.fillStyle   = p.line;
            ctx.fill();
            ctx.strokeStyle = p.dotBg;
            ctx.lineWidth   = 2;
            ctx.stroke();
            ctx.restore();

            /* label: align away from the other point */
            var alignRight = pt.x &gt; other.x;
            var above      = pt.y &gt; other.y;
            drawCoordLabel( '(' + pt.x + ', ' + pt.y + ')', cx, cy, alignRight, above, p );
        } );
    }

    /* ── stats panel update ── */
    function updateStats() {
        var pt1 = points[ 0 ], pt2 = points[ 1 ];
        var rise = pt2.y - pt1.y;
        var run  = pt2.x - pt1.x;

        $( 'hw-sl-p1' ).textContent   = '(' + pt1.x + ', ' + pt1.y + ')';
        $( 'hw-sl-p2' ).textContent   = '(' + pt2.x + ', ' + pt2.y + ')';
        $( 'hw-sl-rise' ).textContent = rise;
        $( 'hw-sl-run' ).textContent  = run;

        if ( run === 0 ) {
            $( 'hw-sl-m' ).textContent       = '—';
            $( 'hw-sl-formula' ).innerHTML   = t( 'undefined' );
            return;
        }

        var m = rise / run;
        var approx = parseFloat( m.toFixed( 3 ) );
        $( 'hw-sl-m' ).textContent = approx;

        /* fraction display */
        $( 'hw-sl-formula' ).innerHTML =
            '&lt;span class=&quot;hw-fraction&quot;&gt;' +
                '&lt;span class=&quot;hw-top&quot;&gt;' + rise + '&lt;/span&gt;' +
                '&lt;span class=&quot;hw-bottom&quot;&gt;' + run + '&lt;/span&gt;' +
            '&lt;/span&gt;' +
            ' = ' + approx;
    }

    /* ── main draw ── */
    function draw() {
        ctx.clearRect( 0, 0, W, H );
        var p = palette();
        drawGrid( p );
        drawRuler( p );
        drawLine( p );
        drawSlopeTriangle( p );
        drawPoints( p );
        updateStats();
    }

    /* ── resize ── */
    function resize() {
        W = canvas.offsetWidth;
        H = 440;
        canvas.width  = W * DPR;
        canvas.height = H * DPR;
        ctx.setTransform( DPR, 0, 0, DPR, 0, 0 );
        draw();
    }

    /* ── pointer helpers ── */
    function ptFromEvent( e ) {
        var rect = canvas.getBoundingClientRect();
        var src  = e.touches ? e.touches[ 0 ] : e;
        return {
            x: ( src.clientX - rect.left ) * ( W / rect.width ),
            y: ( src.clientY - rect.top  ) * ( H / rect.height )
        };
    }
    function hitTest( pt ) {
        return points.findIndex( function ( gp ) {
            return Math.hypot( toCanvasX( gp.x ) - pt.x, toCanvasY( gp.y ) - pt.y ) &lt; 20;
        } );
    }
    function clamp( gp ) {
        return {
            x: Math.max( -RANGE, Math.min( RANGE, gp.x ) ),
            y: Math.max( -RANGE, Math.min( RANGE, gp.y ) )
        };
    }

    canvas.addEventListener( 'mousedown', function ( e ) {
        dragging = hitTest( ptFromEvent( e ) );
        if ( dragging &gt;= 0 ) { canvas.style.cursor = 'grabbing'; }
    } );
    canvas.addEventListener( 'mousemove', function ( e ) {
        if ( dragging &lt; 0 ) {
            canvas.style.cursor = hitTest( ptFromEvent( e ) ) &gt;= 0 ? 'grab' : 'crosshair';
            return;
        }
        points[ dragging ] = clamp( fromCanvas( ptFromEvent( e ).x, ptFromEvent( e ).y ) );
        draw();
    } );
    canvas.addEventListener( 'mouseup',    function () { dragging = -1; canvas.style.cursor = 'crosshair'; } );
    canvas.addEventListener( 'mouseleave', function () { dragging = -1; } );
    canvas.addEventListener( 'touchstart', function ( e ) {
        e.preventDefault(); dragging = hitTest( ptFromEvent( e ) );
    }, { passive: false } );
    canvas.addEventListener( 'touchmove', function ( e ) {
        e.preventDefault();
        if ( dragging &lt; 0 ) { return; }
        points[ dragging ] = clamp( fromCanvas( ptFromEvent( e ).x, ptFromEvent( e ).y ) );
        draw();
    }, { passive: false } );
    canvas.addEventListener( 'touchend', function () { dragging = -1; } );

    /* dark-mode live update (MediaWiki) */
    var observer = new MutationObserver( draw );
    observer.observe( document.documentElement, { attributes: true, attributeFilter: [ 'class' ] } );
    observer.observe( document.body,            { attributes: true, attributeFilter: [ 'class' ] } );

    /* kick off */
    var ro = new ResizeObserver( resize );
    ro.observe( canvas );
}

/* ----------------------------------------------------------
 * Initialise all matching containers on the page
 * ---------------------------------------------------------- */
document.querySelectorAll( '.hiruwiki[data-module=&quot;slope&quot;]' ).forEach( buildWidget );

}() );</text>
      <sha1>dtry0a3zqmcun7pmdfyhl35503hiy3a</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/transformation.js</title>
    <ns>8</ns>
    <id>179525</id>
    <revision>
      <id>781449</id>
      <parentid>770252</parentid>
      <timestamp>2026-10-28T10:40:25Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781449</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="28632" sha1="m72ay4xmckyai8z2xl62n9x4fg3afba" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* transformation.js — hiruwiki geometry transformations module */
( function () {

    
/* ── I18N ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var messages = /* I18N_START */ {
    &quot;nl&quot;: {
        &quot;_name&quot;: &quot;Transformaties&quot;,
        &quot;angle&quot;: &quot;Hoek&quot;,
        &quot;enlargement&quot;: &quot;Vergroting&quot;,
        &quot;hintEnlargement&quot;: &quot;Verplaats het oranje punt om het centrum van de vergroting in te stellen.&quot;,
        &quot;hintReflection&quot;: &quot;Verplaats beide oranje punten om de spiegellijn te maken.&quot;,
        &quot;hintRotation&quot;: &quot;Verplaats het oranje punt om het draaipunt in te stellen.&quot;,
        &quot;hintTranslation&quot;: &quot;Gebruik de schuifregelaars om het object te verplaatsen.&quot;,
        &quot;horizontal&quot;: &quot;Horizontaal&quot;,
        &quot;reflection&quot;: &quot;Spiegeling&quot;,
        &quot;rotation&quot;: &quot;Rotatie&quot;,
        &quot;transformations&quot;: &quot;Transformaties&quot;,
        &quot;translation&quot;: &quot;Translatie&quot;,
        &quot;vertical&quot;: &quot;Verticaal&quot;,
        &quot;hint&quot;: &quot;Kies een transformatie om deze in actie te zien. Gebruik de blauwe stippen om de vorm van de driehoek te wijzigen&quot;
    },
    &quot;fr&quot;: {
        &quot;_name&quot;: &quot;Transformations&quot;,
        &quot;angle&quot;: &quot;Angle&quot;,
        &quot;enlargement&quot;: &quot;Homothétie&quot;,
        &quot;hintEnlargement&quot;: &quot;Déplacez le point orange pour définir le centre de l'homothétie.&quot;,
        &quot;hintReflection&quot;: &quot;Déplacez les deux points oranges pour créer la ligne de symétrie.&quot;,
        &quot;hintRotation&quot;: &quot;Déplacez le point orange pour définir le centre de rotation.&quot;,
        &quot;hintTranslation&quot;: &quot;Utilisez les curseurs pour translater l'objet.&quot;,
        &quot;horizontal&quot;: &quot;Horizontal&quot;,
        &quot;reflection&quot;: &quot;Symétrie&quot;,
        &quot;rotation&quot;: &quot;Rotation&quot;,
        &quot;transformations&quot;: &quot;Transformations&quot;,
        &quot;translation&quot;: &quot;Translation&quot;,
        &quot;vertical&quot;: &quot;Vertical&quot;,
        &quot;hint&quot;: &quot;Choisissez une transformation pour la voir en action. Utilisez les points bleus pour changer la forme du triangle&quot;
    },
    &quot;eu&quot;: {
        &quot;_name&quot;: &quot;Transformazioak&quot;,
        &quot;angle&quot;: &quot;Angelua&quot;,
        &quot;enlargement&quot;: &quot;Eskala&quot;,
        &quot;hintEnlargement&quot;: &quot;Puntu laranja mugitu eskalaren jatorria ezartzeko.&quot;,
        &quot;hintReflection&quot;: &quot;Bi puntu laranjak mugitu ispilu lerroa sortzeko.&quot;,
        &quot;hintRotation&quot;: &quot;Puntu laranja mugitu errotazio zentroa ezartzeko.&quot;,
        &quot;hintTranslation&quot;: &quot;Erabili barrak objektuaren translazioa egiteko.&quot;,
        &quot;horizontal&quot;: &quot;Horizontala&quot;,
        &quot;reflection&quot;: &quot;Islapena&quot;,
        &quot;rotation&quot;: &quot;Biraketa&quot;,
        &quot;transformations&quot;: &quot;Transformazioak&quot;,
        &quot;translation&quot;: &quot;Translazioa&quot;,
        &quot;vertical&quot;: &quot;Bertikala&quot;,
        &quot;hint&quot;: &quot;Aukeratu transformazio bat martxan ikusteko. Erabili puntu urdinak triangeluaren forma aldatzeko.&quot;
    },
    &quot;sk&quot;: {
        &quot;_name&quot;: &quot;Transformácie&quot;,
        &quot;angle&quot;: &quot;Uhol&quot;,
        &quot;enlargement&quot;: &quot;Rovnoľahlosť&quot;,
        &quot;hintEnlargement&quot;: &quot;Posuňte oranžový bod na nastavenie stredu rovnoľahlosti.&quot;,
        &quot;hintReflection&quot;: &quot;Posuňte oba oranžové body na vytvorenie osi súmernosti.&quot;,
        &quot;hintRotation&quot;: &quot;Posuňte oranžový bod na nastavenie stredu otočenia.&quot;,
        &quot;hintTranslation&quot;: &quot;Pomocou posuvníkov posuňte objekt.&quot;,
        &quot;horizontal&quot;: &quot;Vodorovne&quot;,
        &quot;reflection&quot;: &quot;Osová súmernosť&quot;,
        &quot;rotation&quot;: &quot;Otočenie&quot;,
        &quot;transformations&quot;: &quot;Transformácie&quot;,
        &quot;translation&quot;: &quot;Posunutie&quot;,
        &quot;vertical&quot;: &quot;Zvisle&quot;,
        &quot;hint&quot;: &quot;Vyberte transformáciu a uvidíte ju v akcii. Pomocou modrých bodov zmeníte tvar trojuholníka&quot;
    },
    &quot;skr-arab&quot;: {
        &quot;_name&quot;: &quot;تبدیلی&quot;,
        &quot;angle&quot;: &quot;زاویہ&quot;,
        &quot;enlargement&quot;: &quot;وݙیائی&quot;,
        &quot;hintEnlargement&quot;: &quot;وݙیائی دا مرکز مقرر کرݨ کیتے نارنجی نقطہ گھسیٹو۔&quot;,
        &quot;hintReflection&quot;: &quot;شیشے آلی لکیر بݨاوݨ کیتے ݙوہیں نارنجی نقطے گھسیٹو۔&quot;,
        &quot;hintRotation&quot;: &quot;گھماؤ دا مرکز مقرر کرݨ کیتے نارنجی نقطہ گھسیٹو۔&quot;,
        &quot;hintTranslation&quot;: &quot;شے کوں منتقل کرݨ کیتے سلائیڈر استعمال کرو۔&quot;,
        &quot;horizontal&quot;: &quot;افقی&quot;,
        &quot;reflection&quot;: &quot;انعکاس&quot;,
        &quot;rotation&quot;: &quot;گھماؤ&quot;,
        &quot;transformations&quot;: &quot;تبدیلی&quot;,
        &quot;translation&quot;: &quot;منتقلی&quot;,
        &quot;vertical&quot;: &quot;عمودی&quot;,
        &quot;hint&quot;: &quot;عمل وچ ویکھݨ کیتے کوئی تبدیلی چݨو۔ مثلث دی شکل بدلݨ کیتے نیلے نقطے استعمال کرو۔&quot;
    },
    &quot;lb&quot;: {
        &quot;angle&quot;: &quot;Wénkel&quot;,
        &quot;horizontal&quot;: &quot;Horizontal&quot;,
        &quot;transformations&quot;: &quot;Transformatiounen&quot;,
        &quot;translation&quot;: &quot;Translatioun&quot;
    },
    &quot;ko&quot;: {
        &quot;_name&quot;: &quot;변환&quot;,
        &quot;angle&quot;: &quot;각&quot;,
        &quot;enlargement&quot;: &quot;확대&quot;,
        &quot;hintEnlargement&quot;: &quot;주황색 점을 움직여 확대 중심을 설정하세요.&quot;,
        &quot;hintReflection&quot;: &quot;두 개의 주황색 점을 움직여 대칭선을 만드세요.&quot;,
        &quot;hintRotation&quot;: &quot;주황색 점을 움직여 회전 중심을 설정하세요.&quot;,
        &quot;hintTranslation&quot;: &quot;슬라이더를 사용하여 개체를 평행이동 시키세요.&quot;,
        &quot;horizontal&quot;: &quot;수평&quot;,
        &quot;reflection&quot;: &quot;반전&quot;,
        &quot;rotation&quot;: &quot;회전&quot;,
        &quot;transformations&quot;: &quot;변환&quot;,
        &quot;translation&quot;: &quot;평행 이동&quot;,
        &quot;vertical&quot;: &quot;수직&quot;,
        &quot;hint&quot;: &quot;원하는 변환을 선택하여 실제로 어떻게 적용되는지 확인해 보세요. 파란색 점을 사용하여 삼각형의 형태를 바꿔 보세요.&quot;
    },
    &quot;en&quot;: {
        &quot;_name&quot;: &quot;Transformations&quot;,
        &quot;angle&quot;: &quot;Angle&quot;,
        &quot;enlargement&quot;: &quot;Enlargement&quot;,
        &quot;hintEnlargement&quot;: &quot;Move the orange point to set the center of enlargement.&quot;,
        &quot;hintReflection&quot;: &quot;Move both orange points to create the mirror line.&quot;,
        &quot;hintRotation&quot;: &quot;Move the orange point to set the center of rotation.&quot;,
        &quot;hintTranslation&quot;: &quot;Use the sliders to translate the object.&quot;,
        &quot;horizontal&quot;: &quot;Horizontal&quot;,
        &quot;reflection&quot;: &quot;Reflection&quot;,
        &quot;rotation&quot;: &quot;Rotation&quot;,
        &quot;transformations&quot;: &quot;Transformations&quot;,
        &quot;translation&quot;: &quot;Translation&quot;,
        &quot;vertical&quot;: &quot;Vertical&quot;,
        &quot;hint&quot;: &quot;Choose a transformation to see it in action. Use the blue dots to change the form of the triangle&quot;
    },
    &quot;ca&quot;: {
        &quot;angle&quot;: &quot;Angle&quot;,
        &quot;enlargement&quot;: &quot;Ampliació&quot;,
        &quot;horizontal&quot;: &quot;Horitzontal&quot;,
        &quot;rotation&quot;: &quot;Rotació&quot;,
        &quot;vertical&quot;: &quot;Vertical&quot;
    },
    &quot;qqq&quot;: {
        &quot;_name&quot;: &quot;Name of the Transformations module&quot;,
        &quot;angle&quot;: &quot;Label for the rotation angle slider&quot;,
        &quot;enlargement&quot;: &quot;Button label and heading for the enlargement transformation&quot;,
        &quot;hintEnlargement&quot;: &quot;Instruction text for the enlargement mode&quot;,
        &quot;hintReflection&quot;: &quot;Instruction text for the reflection mode&quot;,
        &quot;hintRotation&quot;: &quot;Instruction text for the rotation mode&quot;,
        &quot;hintTranslation&quot;: &quot;Instruction text for the translation mode&quot;,
        &quot;horizontal&quot;: &quot;Label for the horizontal translation slider&quot;,
        &quot;reflection&quot;: &quot;Button label and heading for the reflection transformation&quot;,
        &quot;rotation&quot;: &quot;Button label and heading for the rotation transformation&quot;,
        &quot;transformations&quot;: &quot;Main heading for the transformations panel&quot;,
        &quot;translation&quot;: &quot;Button label and heading for the translation transformation&quot;,
        &quot;vertical&quot;: &quot;Label for the vertical translation slider&quot;,
        &quot;hint&quot;: &quot;Instruction text for the transformation module&quot;
    },
    &quot;ga&quot;: {
        &quot;_name&quot;: &quot;Claochluithe&quot;,
        &quot;angle&quot;: &quot;Uillinn&quot;,
        &quot;enlargement&quot;: &quot;Méadú&quot;,
        &quot;hintEnlargement&quot;: &quot;Bog an pointe oráiste chun lár an mhéadaithe a shocrú.&quot;,
        &quot;hintReflection&quot;: &quot;Bog an dá phointe oráiste chun an líne scátháin a chruthú.&quot;,
        &quot;hintRotation&quot;: &quot;Bog an pointe oráiste chun lár an rothlaithe a shocrú.&quot;,
        &quot;hintTranslation&quot;: &quot;Bain úsáid as na sleamhnáin chun an réad a aistriú.&quot;,
        &quot;horizontal&quot;: &quot;Cothrománach&quot;,
        &quot;reflection&quot;: &quot;Machnamh&quot;,
        &quot;rotation&quot;: &quot;Rothlú&quot;,
        &quot;transformations&quot;: &quot;Claochluithe&quot;,
        &quot;translation&quot;: &quot;Aistriúchán&quot;,
        &quot;vertical&quot;: &quot;Ingearach&quot;,
        &quot;hint&quot;: &quot;Roghnaigh claochlú chun é a fheiceáil i mbun gnímh. Úsáid na poncanna gorma chun cruth an triantáin a athrú.&quot;
    },
    &quot;es&quot;: {
        &quot;_name&quot;: &quot;Transformaciones&quot;,
        &quot;angle&quot;: &quot;Ángulo&quot;,
        &quot;enlargement&quot;: &quot;Homotecia&quot;,
        &quot;hintEnlargement&quot;: &quot;Mueve el punto naranja para establecer el centro de la homotecia.&quot;,
        &quot;hintReflection&quot;: &quot;Mueve ambos puntos naranjes para crear la línea de simetría.&quot;,
        &quot;hintRotation&quot;: &quot;Mueve el punto naranja para establecer el centro de rotación.&quot;,
        &quot;hintTranslation&quot;: &quot;Usa los controles deslizantes para trasladar el objeto.&quot;,
        &quot;horizontal&quot;: &quot;Horizontal&quot;,
        &quot;reflection&quot;: &quot;Simetría&quot;,
        &quot;rotation&quot;: &quot;Rotación&quot;,
        &quot;transformations&quot;: &quot;Transformaciones&quot;,
        &quot;translation&quot;: &quot;Traslación&quot;,
        &quot;vertical&quot;: &quot;Vertical&quot;,
        &quot;hint&quot;: &quot;Elige una transformación para verla en acción. Usa los puntos azules para cambiar la forma del triángulo.&quot;
    },
    &quot;mk&quot;: {
        &quot;_name&quot;: &quot;Трансформации&quot;,
        &quot;angle&quot;: &quot;Агол&quot;,
        &quot;enlargement&quot;: &quot;Хомотетија&quot;,
        &quot;hintEnlargement&quot;: &quot;Поместете ја портокаловата точка за да го зададете центарот на хомотетија.&quot;,
        &quot;hintReflection&quot;: &quot;Поместете ги двете портокалови точки за да го создадете права на отслик.&quot;,
        &quot;hintRotation&quot;: &quot;Поместете ја портокаловата точка за да го зададете центарот на вртење.&quot;,
        &quot;hintTranslation&quot;: &quot;Послужете се со лизгачите за да направите транслација на фигурата.&quot;,
        &quot;horizontal&quot;: &quot;Хоризонтала&quot;,
        &quot;reflection&quot;: &quot;Отслик&quot;,
        &quot;rotation&quot;: &quot;Вртење&quot;,
        &quot;transformations&quot;: &quot;Трансформации&quot;,
        &quot;translation&quot;: &quot;Транслација&quot;,
        &quot;vertical&quot;: &quot;Вертикална&quot;,
        &quot;hint&quot;: &quot;Изберете трансформација за да ја видите на дело. Послужете се со сините точки за да го измените обликот на триаголникот&quot;
    }
} /* I18N_END */
var lang = (window.mw &amp;&amp; mw.config.get('wgUserLanguage')) || 'en';
var banana = new Banana(lang.split('-')[0]);
banana.load(messages);

function t(key, vars) {
    var args = Array.isArray(vars) ? vars : [];
    var str = banana.i18n(key, ...args);
    if (vars &amp;&amp; typeof vars === 'object' &amp;&amp; !Array.isArray(vars)) {
        Object.keys(vars).forEach(function(k) {
            str = str.replace(new RegExp('\\{' + k + '\\}', 'g'), vars[k]);
        });
    }
    return str;
}

function init( el ) {
        el.innerHTML = [
            '&lt;div class=&quot;hwt-wrap&quot;&gt;',
                '&lt;div class=&quot;hwt-canvas-wrap&quot;&gt;&lt;canvas class=&quot;hwt-gc&quot;&gt;&lt;/canvas&gt;&lt;/div&gt;',
                '&lt;div class=&quot;hwt-panel&quot;&gt;',
                    '&lt;div class=&quot;hwt-panel-title&quot;&gt;' + t('transformations') + '&lt;/div&gt;',
                    '&lt;div class=&quot;hwt-btn-group&quot;&gt;',
                        '&lt;button class=&quot;hwt-tbtn hwt-active&quot; data-t=&quot;rotation&quot;&gt;\u27f3 ' + t('rotation') + '&lt;/button&gt;',
                        '&lt;button class=&quot;hwt-tbtn&quot; data-t=&quot;reflection&quot;&gt;\u2194 ' + t('reflection') + '&lt;/button&gt;',
                        '&lt;button class=&quot;hwt-tbtn&quot; data-t=&quot;enlargement&quot;&gt;\u2924 ' + t('enlargement') + '&lt;/button&gt;',
                        '&lt;button class=&quot;hwt-tbtn&quot; data-t=&quot;translation&quot;&gt;\u2192 ' + t('translation') + '&lt;/button&gt;',
                    '&lt;/div&gt;',
                    '&lt;div class=&quot;hwt-divider&quot;&gt;&lt;/div&gt;',

                    '&lt;div class=&quot;hwt-ctrl-block hwt-ctrl-rotation&quot;&gt;',
                        '&lt;div class=&quot;hwt-hint&quot;&gt;' + t('hintRotation') + '&lt;/div&gt;',
                        '&lt;div class=&quot;hwt-ctrl-label&quot;&gt;' + t('angle') + ' &lt;span class=&quot;hwt-ctrl-val hwt-rot-val&quot;&gt;0\u00b0&lt;/span&gt;&lt;/div&gt;',
                        '&lt;input type=&quot;range&quot; class=&quot;hwt-rot-slider&quot; min=&quot;0&quot; max=&quot;360&quot; value=&quot;0&quot; step=&quot;1&quot;&gt;',
                    '&lt;/div&gt;',

                    '&lt;div class=&quot;hwt-ctrl-block hwt-ctrl-reflection&quot; style=&quot;display:none&quot;&gt;',
                        '&lt;div class=&quot;hwt-hint&quot;&gt;' + t('hintReflection') + '&lt;/div&gt;',
                    '&lt;/div&gt;',

                    '&lt;div class=&quot;hwt-ctrl-block hwt-ctrl-enlargement&quot; style=&quot;display:none&quot;&gt;',
                        '&lt;div class=&quot;hwt-hint&quot;&gt;' + t('hintEnlargement') + '&lt;/div&gt;',
                        '&lt;div class=&quot;hwt-ctrl-label&quot;&gt;' + t('enlargement') + ' &lt;span class=&quot;hwt-ctrl-val hwt-scale-val&quot;&gt;1.00\u00d7&lt;/span&gt;&lt;/div&gt;',
                        '&lt;input type=&quot;range&quot; class=&quot;hwt-scale-slider&quot; min=&quot;0.5&quot; max=&quot;2&quot; value=&quot;1&quot; step=&quot;0.05&quot;&gt;',
                    '&lt;/div&gt;',

                    '&lt;div class=&quot;hwt-ctrl-block hwt-ctrl-translation&quot; style=&quot;display:none&quot;&gt;',
                        '&lt;div class=&quot;hwt-hint&quot;&gt;' + t('hintTranslation') + '&lt;/div&gt;',
                        '&lt;div class=&quot;hwt-ctrl-label&quot;&gt;' + t('horizontal') + ' &lt;span class=&quot;hwt-ctrl-val hwt-tx-val&quot;&gt;0&lt;/span&gt;&lt;/div&gt;',
                        '&lt;input type=&quot;range&quot; class=&quot;hwt-tx-slider&quot; min=&quot;-10&quot; max=&quot;10&quot; value=&quot;0&quot; step=&quot;0.5&quot;&gt;',
                        '&lt;div class=&quot;hwt-ctrl-label&quot;&gt;' + t('vertical') + ' &lt;span class=&quot;hwt-ctrl-val hwt-ty-val&quot;&gt;0&lt;/span&gt;&lt;/div&gt;',
                        '&lt;input type=&quot;range&quot; class=&quot;hwt-ty-slider&quot; min=&quot;-10&quot; max=&quot;10&quot; value=&quot;0&quot; step=&quot;0.5&quot;&gt;',
                    '&lt;/div&gt;',
                '&lt;/div&gt;',
            '&lt;/div&gt;'
        ].join( '' );

        var canvas   = el.querySelector( '.hwt-gc' );
        var ctx      = canvas.getContext( '2d' );
        var wrap     = el.querySelector( '.hwt-canvas-wrap' );

        var GX = [ -15, 15 ];
        var GY = [ -10, 10 ];
        var W = 0, H = 0;

        /* ── coordinate helpers ── */
        function gx( x )  { return ( x - GX[0] ) / ( GX[1] - GX[0] ) * W; }
        function gy( y )  { return ( 1 - ( y - GY[0] ) / ( GY[1] - GY[0] ) ) * H; }
        function sx( px ) { return px / W * ( GX[1] - GX[0] ) + GX[0]; }
        function sy( py ) { return ( 1 - py / H ) * ( GY[1] - GY[0] ) + GY[0]; }

        /* ── state ── */
        var tri          = [ { x: 2, y: 1 }, { x: 6, y: 1 }, { x: 4, y: 6 } ];
        var mode         = 'rotation';
        var rotAngle     = 0;
        var rotCenter    = { x: 0, y: 0 };
        var refP1        = { x: -5, y: 0 };
        var refP2        = { x:  5, y: 0 };
        var scaleK       = 1;
        var enlargeCenter = { x: 0, y: 0 };
        var txVal        = 0;
        var tyVal        = 0;
        var drag         = null;

        /* ── resize ── */
        function resize() {
            var r = wrap.getBoundingClientRect();
            W = r.width;
            H = r.height || Math.round( W * 2 / 3 );
            canvas.width  = Math.round( W * window.devicePixelRatio );
            canvas.height = Math.round( H * window.devicePixelRatio );
            canvas.style.width  = W + 'px';
            canvas.style.height = H + 'px';
            ctx.scale( window.devicePixelRatio, window.devicePixelRatio );
            redraw();
        }

        /* ── drawing helpers ── */
        function drawGrid() {
            ctx.clearRect( 0, 0, W, H );
            ctx.fillStyle = hiruwiki.getThemeColor('background-color-base', '#fff');
            ctx.fillRect( 0, 0, W, H );

            ctx.strokeStyle = hiruwiki.getThemeColor('border-color-base', 'rgba(0,0,0,0.07)');
            ctx.lineWidth = 0.5;
            var x, y;
            for ( x = GX[0]; x &lt;= GX[1]; x++ ) {
                ctx.beginPath(); ctx.moveTo( gx( x ), 0 ); ctx.lineTo( gx( x ), H ); ctx.stroke();
            }
            for ( y = GY[0]; y &lt;= GY[1]; y++ ) {
                ctx.beginPath(); ctx.moveTo( 0, gy( y ) ); ctx.lineTo( W, gy( y ) ); ctx.stroke();
            }

            ctx.strokeStyle = hiruwiki.getThemeColor('color-base', 'rgba(0,0,0,0.25)');
            ctx.lineWidth = 1;
            ctx.beginPath(); ctx.moveTo( gx( 0 ), 0 ); ctx.lineTo( gx( 0 ), H ); ctx.stroke();
            ctx.beginPath(); ctx.moveTo( 0, gy( 0 ) ); ctx.lineTo( W, gy( 0 ) ); ctx.stroke();

            var fs = Math.max( 10, Math.round( W / 70 ) );
            ctx.fillStyle = hiruwiki.getThemeColor('color-placeholder', 'rgba(0,0,0,0.35)');
            ctx.font = fs + 'px sans-serif';
            ctx.textAlign = 'center';
            for ( x = GX[0]; x &lt;= GX[1]; x += 5 ) {
                if ( x === 0 ) { continue; }
                ctx.fillText( x, gx( x ), gy( 0 ) + 13 );
            }
            ctx.textAlign = 'right';
            for ( y = GY[0]; y &lt;= GY[1]; y += 5 ) {
                if ( y === 0 ) { continue; }
                ctx.fillText( y, gx( 0 ) - 5, gy( y ) + 4 );
            }
        }

        function drawPoly( pts, stroke, fill, lw ) {
            lw = lw || 2;
            ctx.beginPath();
            ctx.moveTo( gx( pts[0].x ), gy( pts[0].y ) );
            for ( var i = 1; i &lt; pts.length; i++ ) {
                ctx.lineTo( gx( pts[i].x ), gy( pts[i].y ) );
            }
            ctx.closePath();
            ctx.fillStyle = fill;   ctx.fill();
            ctx.strokeStyle = stroke; ctx.lineWidth = lw; ctx.stroke();
        }

        function drawPoint( x, y, color, r ) {
            r = r || 6;
            ctx.beginPath();
            ctx.arc( gx( x ), gy( y ), r, 0, Math.PI * 2 );
            ctx.fillStyle = color; ctx.fill();
            ctx.strokeStyle = 'rgba(255,255,255,0.85)'; ctx.lineWidth = 1.5; ctx.stroke();
        }

        function drawLine( p1, p2, color, lw, dash ) {
            ctx.save();
            ctx.strokeStyle = color;
            ctx.lineWidth   = lw || 1.5;
            ctx.setLineDash( dash || [] );
            ctx.beginPath();
            ctx.moveTo( gx( p1.x ), gy( p1.y ) );
            ctx.lineTo( gx( p2.x ), gy( p2.y ) );
            ctx.stroke();
            ctx.restore();
        }

        function drawVertexLabels() {
            var labels  = [ 'A', 'B', 'C' ];
            var offsets = [ { x: -14, y: -8 }, { x: 10, y: -8 }, { x: 0, y: 14 } ];
            var fs = Math.max( 11, Math.round( W / 55 ) );
            ctx.font      = 'bold ' + fs + 'px sans-serif';
            ctx.fillStyle = '#2563eb';
            for ( var i = 0; i &lt; tri.length; i++ ) {
                ctx.fillText( labels[i], gx( tri[i].x ) + offsets[i].x, gy( tri[i].y ) + offsets[i].y );
            }
        }

        /* ── math helpers ── */
        function rotPt( p, cx, cy, deg ) {
            var a  = deg * Math.PI / 180;
            var dx = p.x - cx, dy = p.y - cy;
            return {
                x: cx + dx * Math.cos( a ) - dy * Math.sin( a ),
                y: cy + dx * Math.sin( a ) + dy * Math.cos( a )
            };
        }

        function reflectPt( p, p1, p2 ) {
            var dx = p2.x - p1.x, dy = p2.y - p1.y;
            var t  = ( ( p.x - p1.x ) * dx + ( p.y - p1.y ) * dy ) / ( dx * dx + dy * dy );
            var fx = p1.x + t * dx, fy = p1.y + t * dy;
            return { x: 2 * fx - p.x, y: 2 * fy - p.y };
        }

        function extendLine( p1, p2 ) {
            var dx = p2.x - p1.x, dy = p2.y - p1.y, big = 60;
            return [
                { x: p1.x - dx * big, y: p1.y - dy * big },
                { x: p1.x + dx * big, y: p1.y + dy * big }
            ];
        }

        /* ── main redraw ── */
        function redraw() {
            if ( W === 0 ) { return; }
            drawGrid();

            if ( mode === 'rotation' ) {
                var rimg = tri.map( function ( p ) {
                    return rotPt( p, rotCenter.x, rotCenter.y, rotAngle );
                } );
                if ( rotAngle !== 0 ) {
                    drawPoly( rimg, '#d05d20', 'rgba(208,93,32,0.12)' );
                    for ( var i = 0; i &lt; tri.length; i++ ) {
                        drawLine( rotCenter, tri[i],  'rgba(245,158,11,0.4)', 1, [ 4, 4 ] );
                        drawLine( rotCenter, rimg[i], 'rgba(245,158,11,0.4)', 1, [ 4, 4 ] );
                    }
                }
                drawPoly( tri, '#2563eb', 'rgba(37,99,235,0.12)' );
                for ( var j = 0; j &lt; tri.length; j++ ) { drawPoint( tri[j].x, tri[j].y, '#2563eb', 5 ); }
                drawPoint( rotCenter.x, rotCenter.y, '#f59e0b', 8 );

            } else if ( mode === 'reflection' ) {
                var ext  = extendLine( refP1, refP2 );
                var rfl  = tri.map( function ( p ) { return reflectPt( p, refP1, refP2 ); } );
                ctx.save();
                ctx.strokeStyle = '#7c3aed'; ctx.lineWidth = 1.5; ctx.setLineDash( [ 6, 4 ] );
                ctx.beginPath();
                ctx.moveTo( gx( ext[0].x ), gy( ext[0].y ) );
                ctx.lineTo( gx( ext[1].x ), gy( ext[1].y ) );
                ctx.stroke();
                ctx.restore();
                for ( var k = 0; k &lt; tri.length; k++ ) {
                    drawLine( tri[k], rfl[k], 'rgba(100,116,139,0.35)', 1, [ 3, 3 ] );
                }
                drawPoly( rfl, '#d05d20', 'rgba(208,93,32,0.12)' );
                drawPoly( tri, '#2563eb', 'rgba(37,99,235,0.12)' );
                for ( var l = 0; l &lt; tri.length; l++ ) { drawPoint( tri[l].x, tri[l].y, '#2563eb', 5 ); }
                for ( var m = 0; m &lt; rfl.length; m++ ) { drawPoint( rfl[m].x, rfl[m].y, '#d05d20', 5 ); }
                drawPoint( refP1.x, refP1.y, '#f59e0b', 8 );
                drawPoint( refP2.x, refP2.y, '#f59e0b', 8 );

            } else if ( mode === 'enlargement' ) {
                var eimg = tri.map( function ( p ) {
                    return {
                        x: enlargeCenter.x + ( p.x - enlargeCenter.x ) * scaleK,
                        y: enlargeCenter.y + ( p.y - enlargeCenter.y ) * scaleK
                    };
                } );
                var big2 = 60;
                for ( var n = 0; n &lt; tri.length; n++ ) {
                    var dx2 = tri[n].x - enlargeCenter.x, dy2 = tri[n].y - enlargeCenter.y;
                    var far = { x: enlargeCenter.x + dx2 * big2, y: enlargeCenter.y + dy2 * big2 };
                    drawLine( enlargeCenter, far, 'rgba(245,158,11,0.4)', 0.8 );
                }
                drawPoly( eimg, '#d05d20', 'rgba(208,93,32,0.12)' );
                drawPoly( tri,  '#2563eb', 'rgba(37,99,235,0.12)' );
                for ( var o = 0; o &lt; tri.length; o++ ) { drawPoint( tri[o].x, tri[o].y, '#2563eb', 5 ); }
                for ( var p2 = 0; p2 &lt; eimg.length; p2++ ) { drawPoint( eimg[p2].x, eimg[p2].y, '#d05d20', 5 ); }
                drawPoint( enlargeCenter.x, enlargeCenter.y, '#f59e0b', 8 );

            } else if ( mode === 'translation' ) {
                var timg = tri.map( function ( p ) { return { x: p.x + txVal, y: p.y + tyVal }; } );
                for ( var q = 0; q &lt; tri.length; q++ ) {
                    drawLine( tri[q], timg[q], 'rgba(100,116,139,0.4)', 1.2, [ 4, 3 ] );
                }
                drawPoly( timg, '#d05d20', 'rgba(208,93,32,0.12)' );
                drawPoly( tri,  '#2563eb', 'rgba(37,99,235,0.12)' );
                for ( var s = 0; s &lt; tri.length; s++ ) { drawPoint( tri[s].x, tri[s].y, '#2563eb', 5 ); }
                for ( var t2 = 0; t2 &lt; timg.length; t2++ ) { drawPoint( timg[t2].x, timg[t2].y, '#d05d20', 5 ); }
            }

            drawVertexLabels();
        }

        /* ── mode switching ── */
        function setMode( m ) {
            mode = m;
            el.querySelectorAll( '.hwt-tbtn' ).forEach( function ( btn ) {
                btn.classList.toggle( 'hwt-active', btn.dataset.t === m );
            } );
            var blocks = [ 'rotation', 'reflection', 'enlargement', 'translation' ];
            blocks.forEach( function ( name ) {
                var block = el.querySelector( '.hwt-ctrl-' + name );
                if ( block ) { block.style.display = name === m ? 'flex' : 'none'; }
            } );
            redraw();
        }

        el.querySelectorAll( '.hwt-tbtn' ).forEach( function ( btn ) {
            btn.addEventListener( 'click', function () { setMode( btn.dataset.t ); } );
        } );

        /* ── sliders ── */
        el.querySelector( '.hwt-rot-slider' ).addEventListener( 'input', function () {
            rotAngle = +this.value;
            el.querySelector( '.hwt-rot-val' ).textContent = this.value + '\u00b0';
            redraw();
        } );
        el.querySelector( '.hwt-scale-slider' ).addEventListener( 'input', function () {
            scaleK = +this.value;
            el.querySelector( '.hwt-scale-val' ).textContent = ( +this.value ).toFixed( 2 ) + '\u00d7';
            redraw();
        } );
        el.querySelector( '.hwt-tx-slider' ).addEventListener( 'input', function () {
            txVal = +this.value;
            el.querySelector( '.hwt-tx-val' ).textContent = this.value;
            redraw();
        } );
        el.querySelector( '.hwt-ty-slider' ).addEventListener( 'input', function () {
            tyVal = +this.value;
            el.querySelector( '.hwt-ty-val' ).textContent = this.value;
            redraw();
        } );

        /* ── drag ── */
        function hitRadius() { return Math.max( 14, W / 40 ); }

        function getHandles() {
            var base = [ tri[0], tri[1], tri[2] ];
            if ( mode === 'rotation' )    { return base.concat( [ rotCenter ] ); }
            if ( mode === 'reflection' )  { return base.concat( [ refP1, refP2 ] ); }
            if ( mode === 'enlargement' ) { return base.concat( [ enlargeCenter ] ); }
            return base;
        }

        function onPointerDown( e ) {
            e.preventDefault();
            var rect = canvas.getBoundingClientRect();
            var cl   = e.touches ? e.touches[0] : e;
            var px   = cl.clientX - rect.left;
            var py   = cl.clientY - rect.top;
            var hr   = hitRadius();
            var handles = getHandles();
            var best = null, bestD = Infinity;
            handles.forEach( function ( h ) {
                var d = Math.hypot( gx( h.x ) - px, gy( h.y ) - py );
                if ( d &lt; hr &amp;&amp; d &lt; bestD ) { bestD = d; best = h; }
            } );
            drag = best;
        }

        function onPointerMove( e ) {
            if ( !drag ) { return; }
            e.preventDefault();
            var rect = canvas.getBoundingClientRect();
            var cl   = e.touches ? e.touches[0] : e;
            var px   = cl.clientX - rect.left;
            var py   = cl.clientY - rect.top;
            drag.x = Math.round( sx( px ) * 2 ) / 2;
            drag.y = Math.round( sy( py ) * 2 ) / 2;
            redraw();
        }

        function onPointerUp() { drag = null; }

        canvas.addEventListener( 'mousedown',  onPointerDown );
        canvas.addEventListener( 'mousemove',  onPointerMove );
        canvas.addEventListener( 'mouseup',    onPointerUp );
        canvas.addEventListener( 'touchstart', onPointerDown, { passive: false } );
        canvas.addEventListener( 'touchmove',  onPointerMove, { passive: false } );
        canvas.addEventListener( 'touchend',   onPointerUp );

        /* ── resize observer ── */
        if ( window.ResizeObserver ) {
            new ResizeObserver( resize ).observe( wrap );
        } else {
            window.addEventListener( 'resize', resize );
        }
        resize();

        // Footer branding
        var footer = document.createElement(&quot;div&quot;);
        footer.className = &quot;hw-footer&quot;;
        var fLogo = document.createElement(&quot;a&quot;);
        fLogo.className = &quot;hw-footer-icon&quot;;
        fLogo.href = mw.util.getUrl('Wikipedia:Hiruwiki');
        fLogo.title = 'Hiruwiki';
        fLogo.innerHTML = hiruwiki.getLogoSvg(22);
        var fText = document.createElement(&quot;span&quot;);
        fText.innerHTML = t('hint');
        footer.appendChild(fLogo);
        footer.appendChild(fText);
        el.appendChild(footer);
    }

    /* ── bootstrap: find all target elements ── */
    document.querySelectorAll( '.hiruwiki[data-module=&quot;transformation&quot;]' ).forEach( function ( el ) {
        init( el );
    } );

}() );</text>
      <sha1>m72ay4xmckyai8z2xl62n9x4fg3afba</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/triangle-angles.js</title>
    <ns>8</ns>
    <id>179527</id>
    <revision>
      <id>781450</id>
      <parentid>770254</parentid>
      <timestamp>2026-10-28T10:40:28Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781450</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="21787" sha1="hwfika1roqdfjcsw7bcsv1z8gesk3ai" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* Hiruwiki Triangle Angles Module */

(function () {


    /* ── I18N ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
    var messages = /* I18N_START */ {
    &quot;nl&quot;: {
        &quot;_name&quot;: &quot;Hoeken van een driehoek&quot;,
        &quot;reset&quot;: &quot;Opnieuw instellen&quot;,
        &quot;hint&quot;: &quot;Sleep hoekpunten om de driehoek te wijzigen · Som van de hoeken is altijd 180°&quot;,
        &quot;labelAngleA&quot;: &quot;Hoek A&quot;,
        &quot;labelAngleB&quot;: &quot;Hoek B&quot;,
        &quot;labelAngleC&quot;: &quot;Hoek C&quot;,
        &quot;labelSum&quot;: &quot;Som&quot;,
        &quot;formula&quot;: &quot;A + B + C = 180°&quot;
    },
    &quot;fr&quot;: {
        &quot;_name&quot;: &quot;Angles du triangle&quot;,
        &quot;reset&quot;: &quot;Réinitialiser&quot;,
        &quot;hint&quot;: &quot;Faites glisser les sommets pour changer le triangle · La somme des angles est toujours 180°&quot;,
        &quot;labelAngleA&quot;: &quot;Angle A&quot;,
        &quot;labelAngleB&quot;: &quot;Angle B&quot;,
        &quot;labelAngleC&quot;: &quot;Angle C&quot;,
        &quot;labelSum&quot;: &quot;Somme&quot;,
        &quot;formula&quot;: &quot;A + B + C = 180°&quot;
    },
    &quot;eu&quot;: {
        &quot;_name&quot;: &quot;Hirukiaren angeluak&quot;,
        &quot;reset&quot;: &quot;Berrezarri&quot;,
        &quot;hint&quot;: &quot;Arrastatu erpinak hirukia aldatzeko · Angeluen batura beti 180° da&quot;,
        &quot;labelAngleA&quot;: &quot;A angelua&quot;,
        &quot;labelAngleB&quot;: &quot;B angelua&quot;,
        &quot;labelAngleC&quot;: &quot;C angelua&quot;,
        &quot;labelSum&quot;: &quot;Batura&quot;,
        &quot;formula&quot;: &quot;A + B + C = 180°&quot;
    },
    &quot;sk&quot;: {
        &quot;_name&quot;: &quot;Uhly trojuholníka&quot;,
        &quot;reset&quot;: &quot;Vynulovať&quot;,
        &quot;hint&quot;: &quot;Potiahnutím vrcholov zmeníte trojuholník · Súčet uhlov je vždy 180°&quot;,
        &quot;labelAngleA&quot;: &quot;Uhol A&quot;,
        &quot;labelAngleB&quot;: &quot;Uhol B&quot;,
        &quot;labelAngleC&quot;: &quot;Uhol C&quot;,
        &quot;labelSum&quot;: &quot;Súčet&quot;,
        &quot;formula&quot;: &quot;A + B + C = 180°&quot;
    },
    &quot;skr-arab&quot;: {
        &quot;_name&quot;: &quot;مثلث دے زاویے&quot;,
        &quot;reset&quot;: &quot;دوبارہ&quot;,
        &quot;hint&quot;: &quot;مثلث بدلݨ کیتے سر گھسیٹو · زاویاں دا جوڑ ہمیشہ 180° ہوندے&quot;,
        &quot;labelAngleA&quot;: &quot;زاویہ A&quot;,
        &quot;labelAngleB&quot;: &quot;زاویہ B&quot;,
        &quot;labelAngleC&quot;: &quot;زاویہ C&quot;,
        &quot;labelSum&quot;: &quot;جوڑ&quot;,
        &quot;formula&quot;: &quot;A + B + C = 180°&quot;
    },
    &quot;lb&quot;: {
        &quot;labelAngleA&quot;: &quot;Wénkel A&quot;,
        &quot;labelAngleB&quot;: &quot;Wénkel B&quot;,
        &quot;labelAngleC&quot;: &quot;Wénkel C&quot;,
        &quot;formula&quot;: &quot;A + B + C = 180°&quot;
    },
    &quot;ko&quot;: {
        &quot;_name&quot;: &quot;삼각형의 각도&quot;,
        &quot;reset&quot;: &quot;초기화&quot;,
        &quot;hint&quot;: &quot;꼭짓점을 드래그하여 삼각형의 모양을 변경하세요. 각의 합은 항상 180°입니다.&quot;,
        &quot;labelAngleA&quot;: &quot;각 A&quot;,
        &quot;labelAngleB&quot;: &quot;각 B&quot;,
        &quot;labelAngleC&quot;: &quot;각 C&quot;,
        &quot;labelSum&quot;: &quot;총합&quot;,
        &quot;formula&quot;: &quot;A + B + C = 180°&quot;
    },
    &quot;en&quot;: {
        &quot;_name&quot;: &quot;Triangle Angles&quot;,
        &quot;reset&quot;: &quot;Reset&quot;,
        &quot;hint&quot;: &quot;Drag vertices to change the triangle · Sum of angles is always 180°&quot;,
        &quot;labelAngleA&quot;: &quot;Angle A&quot;,
        &quot;labelAngleB&quot;: &quot;Angle B&quot;,
        &quot;labelAngleC&quot;: &quot;Angle C&quot;,
        &quot;labelSum&quot;: &quot;Sum&quot;,
        &quot;formula&quot;: &quot;A + B + C = 180°&quot;
    },
    &quot;ca&quot;: {
        &quot;reset&quot;: &quot;Reinicia&quot;
    },
    &quot;qqq&quot;: {
        &quot;_name&quot;: &quot;Name of the Triangle Angles module&quot;,
        &quot;reset&quot;: &quot;Button label to reset the triangle&quot;,
        &quot;hint&quot;: &quot;Explanation about how the module is interactive&quot;,
        &quot;labelAngleA&quot;: &quot;Label for angle A&quot;,
        &quot;labelAngleB&quot;: &quot;Label for angle B&quot;,
        &quot;labelAngleC&quot;: &quot;Label for angle C&quot;,
        &quot;labelSum&quot;: &quot;Label for the sum of angles&quot;,
        &quot;formula&quot;: &quot;Text showing the formula A + B + C = 180°&quot;
    },
    &quot;ga&quot;: {
        &quot;_name&quot;: &quot;Uillinneacha Triantáin&quot;,
        &quot;reset&quot;: &quot;Athshocraigh&quot;,
        &quot;hint&quot;: &quot;Tarraing na rinn chun an triantán a athrú · Is é suim na n-uillinneacha ná 180° i gcónaí&quot;,
        &quot;labelAngleA&quot;: &quot;Uillinn A&quot;,
        &quot;labelAngleB&quot;: &quot;Uillinn B&quot;,
        &quot;labelAngleC&quot;: &quot;Uillinn C&quot;,
        &quot;labelSum&quot;: &quot;Suim&quot;,
        &quot;formula&quot;: &quot;A + B + C = 180°&quot;
    },
    &quot;es&quot;: {
        &quot;_name&quot;: &quot;Ángulos del triángulo&quot;,
        &quot;reset&quot;: &quot;Reiniciar&quot;,
        &quot;hint&quot;: &quot;Arrastra los vértices para cambiar el triángulo · La suma de los ángulos es siempre 180°&quot;,
        &quot;labelAngleA&quot;: &quot;Ángulo A&quot;,
        &quot;labelAngleB&quot;: &quot;Ángulo B&quot;,
        &quot;labelAngleC&quot;: &quot;Ángulo C&quot;,
        &quot;labelSum&quot;: &quot;Suma&quot;,
        &quot;formula&quot;: &quot;A + B + C = 180°&quot;
    },
    &quot;mk&quot;: {
        &quot;_name&quot;: &quot;Агли на триаголник&quot;,
        &quot;reset&quot;: &quot;Одново&quot;,
        &quot;hint&quot;: &quot;Повлечете темиња за да го измените триаголникот · Збирот од аглите секогаш изнесува 180°&quot;,
        &quot;labelAngleA&quot;: &quot;Агол A&quot;,
        &quot;labelAngleB&quot;: &quot;Агол B&quot;,
        &quot;labelAngleC&quot;: &quot;Агол C&quot;,
        &quot;labelSum&quot;: &quot;Збир&quot;,
        &quot;formula&quot;: &quot;A + B + C = 180°&quot;
    }
} /* I18N_END */
var lang = (window.mw &amp;&amp; mw.config.get('wgUserLanguage')) || 'en';
var banana = new Banana(lang.split('-')[0]);
banana.load(messages);

function t(key, vars) {
    var args = Array.isArray(vars) ? vars : [];
    var str = banana.i18n(key, ...args);
    if (vars &amp;&amp; typeof vars === 'object' &amp;&amp; !Array.isArray(vars)) {
        Object.keys(vars).forEach(function(k) {
            str = str.replace(new RegExp('\\{' + k + '\\}', 'g'), vars[k]);
        });
    }
    return str;
}

/* ── Shared constants ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
    var W = 680;
    var H = 360;
    var GRID = 24;
    var GSW = 0.5;
    var TSW = 2;
    var DR = 8;

    var NS = 'http://www.w3.org/2000/svg';

    /*
     * Angle data colors — fixed hues that encode identity (A=red, B=green, C=blue).
     * These intentionally do not track the Codex theme; they are semantic data
     * colors that must remain distinct in both light and dark mode.
     * Values are chosen to be readable against both #ffffff and #101418.
     *   A: #C0392B — Codex-adjacent destructive red, readable on both
     *   B: #1d7a3a — mid-green, good contrast on both backgrounds
     *   C: #1a5fa5 — mid-blue, readable on light; slightly dim on dark but
     *                distinct from background. Kept for colour-identity reasons.
     */
    var COL = { A: '#C0392B', B: '#1d7a3a', C: '#1a5fa5' };

    /*
     * Theme colors are now resolved via hiruwiki.getThemeColor() using Codex
     * tokens, not via prefers-color-scheme. This correctly responds to the
     * skin's dark mode toggle (Vector 2022 preferences), not just the OS setting.
     *
     * tcol() — primary text / triangle outline: color-base
     * gcol() — grid lines: border-color-subtle at low opacity
     * bgcol() — SVG background: background-color-base
     * divCol() — pie chart divider line: border-color-base
     */
    function tcol()  { return hiruwiki.getThemeColor('color-base', '#202122'); }
    function bgcol() { return hiruwiki.getThemeColor('background-color-base', '#ffffff'); }
    function divCol(){ return hiruwiki.getThemeColor('border-color-base', '#a2a9b1'); }

    /*
     * Grid color: border-color-subtle doesn't support rgba directly, so we
     * use it as a stroke and set opacity via stroke-opacity instead.
     * border-color-subtle: #c8ccd1 light / #2e3136 dark
     */
    function gcol()  { return hiruwiki.getThemeColor('border-color-subtle', '#c8ccd1'); }


    /* ── Widget factory ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
    function createWidget(container) {

        /* Canvas wrap + SVG */
        var wrap = document.createElement('div');
        wrap.className = 'hw-angles-wrap';
        var svg = document.createElementNS(NS, 'svg');
        svg.setAttribute('viewBox', '0 0 ' + W + ' ' + H);
        wrap.appendChild(svg);
        container.appendChild(wrap);

        /* Info bar */
        var bar = document.createElement('div');
        bar.className = 'hw-angles-bar';

        var rstBtn = document.createElement('button');
        rstBtn.className = 'hw-angles-btn-reset';
        rstBtn.textContent = t('reset');
        bar.appendChild(rstBtn);

        function makeInfo(label, color) {
            var info = document.createElement('div');
            info.className = 'hw-info';
            var lbl = document.createElement('span');
            lbl.className = 'hw-lbl';
            lbl.textContent = label;
            var val = document.createElement('span');
            val.className = 'hw-val';
            val.textContent = '—';
            if (color) { val.style.color = color; }
            info.appendChild(lbl);
            info.appendChild(val);
            return val;
        }

        var elValA = makeInfo(t('labelAngleA'), COL.A);
        var elValB = makeInfo(t('labelAngleB'), COL.B);
        var elValC = makeInfo(t('labelAngleC'), COL.C);
        bar.appendChild(elValA.parentElement);
        bar.appendChild(elValB.parentElement);
        bar.appendChild(elValC.parentElement);

        var sumInfo = document.createElement('div');
        sumInfo.className = 'hw-info';
        sumInfo.style.flex = '2';
        var sumLbl = document.createElement('span');
        sumLbl.className = 'hw-lbl';
        // Was hardcoded 'Sum' — now correctly uses the i18n key
        sumLbl.textContent = t('labelSum');
        var sumVal = document.createElement('span');
        sumVal.className = 'hw-val';
        sumVal.textContent = '180°';
        var sumFormula = document.createElement('span');
        sumFormula.className = 'hw-formula';
        // Was hardcoded 'A + B + C = 180°' — now correctly uses the i18n key
        sumFormula.textContent = t('formula');
        sumInfo.appendChild(sumLbl);
        sumInfo.appendChild(sumVal);
        sumInfo.appendChild(sumFormula);
        bar.appendChild(sumInfo);

        container.appendChild(bar);

        /* Footer branding */
        var footer = document.createElement(&quot;div&quot;);
        footer.className = &quot;hw-footer&quot;;
        var fLogo = document.createElement(&quot;a&quot;);
        fLogo.className = &quot;hw-footer-icon&quot;;
        fLogo.href = (window.mw &amp;&amp; mw.util &amp;&amp; mw.util.getUrl) ? mw.util.getUrl('Wikipedia:Hiruwiki') : '#';
        if (window.hiruwiki &amp;&amp; window.hiruwiki.getLogoSvg) {
            fLogo.insertAdjacentHTML('beforeend', hiruwiki.getLogoSvg(22));
        } else {
            var fImg = document.createElement('img');
            fImg.src = 'https://upload.wikimedia.org/wikipedia/commons/thumb/4/4e/Hiruwiki.svg/32px-Hiruwiki.svg.png';
            fImg.width = 22;
            fImg.height = 22;
            fLogo.appendChild(fImg);
        }
        var fText = document.createElement(&quot;span&quot;);
        fText.className = &quot;hw-footer__text&quot;;
        fText.textContent = t('hint');
        footer.appendChild(fLogo);
        footer.appendChild(fText);
        container.appendChild(footer);


        /* ── SVG helpers ── */
        function mk(tag, attrs, p) {
            var e = document.createElementNS(NS, tag);
            for (var k in attrs) { if (attrs.hasOwnProperty(k)) { e.setAttribute(k, attrs[k]); } }
            (p || svg).appendChild(e);
            return e;
        }

        /* SVG background rect — background-color-base: #ffffff light / #101418 dark.
           Must be the first child of the SVG so it sits behind everything.
           Without it, SVG strokes resolve against an unknown background in dark mode. */
        var bgRect = mk('rect', { width: W, height: H, fill: bgcol() });

        /* Grid — redrawn on every upd() so it tracks theme changes */
        var gG = mk('g', {});
        function redrawGrid() {
            gG.innerHTML = '';
            var gc = gcol();
            for (var x = 0; x &lt;= W; x += GRID) {
                mk('line', { x1: x, y1: 0, x2: x, y2: H,
                    stroke: gc, 'stroke-width': GSW, 'stroke-opacity': '0.5' }, gG);
            }
            for (var y = 0; y &lt;= H; y += GRID) {
                mk('line', { x1: 0, y1: y, x2: W, y2: y,
                    stroke: gc, 'stroke-width': GSW, 'stroke-opacity': '0.5' }, gG);
            }
        }
        redrawGrid();

        var arcA = mk('path', { fill: COL.A, opacity: '0.28' });
        var arcB = mk('path', { fill: COL.B, opacity: '0.28' });
        var arcC = mk('path', { fill: COL.C, opacity: '0.28' });

        /* Triangle fill — color-progressive at very low opacity.
           Using a fixed rgba here; the hue is progressive-adjacent and works
           on both light and dark backgrounds at 0.07 opacity. */
        var poly = mk('polygon', { fill: 'rgba(51,102,204,0.07)', 'stroke-width': TSW });

        function mkDeg(fill) {
            return mk('text', {
                'font-size': 14, 'font-weight': '700', fill: fill,
                'pointer-events': 'none', 'text-anchor': 'middle', 'dominant-baseline': 'middle'
            });
        }
        var degA = mkDeg(COL.A), degB = mkDeg(COL.B), degC = mkDeg(COL.C);

        function mkDot(fill) { return mk('circle', { r: DR, fill: fill, cursor: 'grab' }); }
        var dotA = mkDot(COL.A), dotB = mkDot(COL.B), dotC = mkDot(COL.C);

        function mkName() {
            return mk('text', {
                'font-size': 14, 'font-weight': '700',
                'pointer-events': 'none', 'text-anchor': 'middle', 'dominant-baseline': 'middle'
                // fill is set dynamically in upd() via tcol()
            });
        }
        var nmA = mkName(), nmB = mkName(), nmC = mkName();

        var sumG = mk('g', { transform: 'translate(' + (W / 2) + ',' + (H - 24) + ') rotate(180)' });
        // Divider line — border-color-base, set dynamically in upd()
        var sumLine = mk('line', { x1: -60, y1: 0, x2: 60, y2: 0, 'stroke-width': 0.5 }, sumG);
        var sA = mk('path', { fill: COL.A, opacity: 0.55 }, sumG);
        var sB = mk('path', { fill: COL.B, opacity: 0.55 }, sumG);
        var sC = mk('path', { fill: COL.C, opacity: 0.55 }, sumG);


        /* ── Math ── */
        var side = 180, th = side * Math.sqrt(3) / 2, cx = W / 2, cy = (H - 50) / 2 + 8;
        var init = { A: { x: cx, y: cy - th / 2 }, B: { x: cx - side / 2, y: cy + th / 2 }, C: { x: cx + side / 2, y: cy + th / 2 } };
        var pts = JSON.parse(JSON.stringify(init));

        function angAt(v, a, b) {
            var ax = a.x - v.x, ay = a.y - v.y, bx = b.x - v.x, by = b.y - v.y;
            var d = ax * bx + ay * by, m = Math.hypot(ax, ay) * Math.hypot(bx, by) || 1;
            return Math.acos(Math.max(-1, Math.min(1, d / m))) * 180 / Math.PI;
        }
        function bis(v, a, b) {
            var la = Math.hypot(a.x - v.x, a.y - v.y) || 1, lb = Math.hypot(b.x - v.x, b.y - v.y) || 1;
            var dx = (a.x - v.x) / la + (b.x - v.x) / lb, dy = (a.y - v.y) / la + (b.y - v.y) / lb;
            var l = Math.hypot(dx, dy) || 1;
            return { x: dx / l, y: dy / l };
        }
        function arc(c, p1, p2, r) {
            var v1 = { x: p1.x - c.x, y: p1.y - c.y }, v2 = { x: p2.x - c.x, y: p2.y - c.y };
            var a1 = Math.atan2(v1.y, v1.x), a2 = Math.atan2(v2.y, v2.x);
            if ((v1.x * v2.y - v1.y * v2.x) &lt; 0) { var tmp = a1; a1 = a2; a2 = tmp; }
            if (a2 &lt; a1) { a2 += 2 * Math.PI; }
            return 'M' + c.x + ',' + c.y + ' L' + (c.x + r * Math.cos(a1)) + ',' + (c.y + r * Math.sin(a1)) +
                ' A' + r + ',' + r + ' 0 0 1 ' + (c.x + r * Math.cos(a2)) + ',' + (c.y + r * Math.sin(a2)) + ' Z';
        }
        function pie(aA, aB, aC) {
            var r = 54;
            function w(s, sw) {
                var a = s * Math.PI / 180, b = (s + sw) * Math.PI / 180;
                return 'M0,0 L' + (r * Math.cos(a)) + ',' + (r * Math.sin(a)) +
                    ' A' + r + ',' + r + ' 0 0 1 ' + (r * Math.cos(b)) + ',' + (r * Math.sin(b)) + ' Z';
            }
            sA.setAttribute('d', w(0, aA));
            sB.setAttribute('d', w(aA, aB));
            sC.setAttribute('d', w(aA + aB, aC));
        }


        /* ── Update ── */
        function upd() {
            var A = pts.A, B = pts.B, C = pts.C;

            // Resolve theme colors on every update so the widget responds to
            // skin dark-mode toggle without needing a page reload.
            var tc  = tcol();
            var bg  = bgcol();
            var dc  = divCol();

            // Repaint background rect so it tracks theme changes
            bgRect.setAttribute('fill', bg);

            poly.setAttribute('points', A.x + ',' + A.y + ' ' + B.x + ',' + B.y + ' ' + C.x + ',' + C.y);
            poly.setAttribute('stroke', tc);

            var angA = angAt(A, B, C), angB = angAt(B, C, A), angC = angAt(C, A, B);

            arcA.setAttribute('d', arc(A, B, C, 30));
            arcB.setAttribute('d', arc(B, C, A, 30));
            arcC.setAttribute('d', arc(C, A, B, 30));

            var gx = (A.x + B.x + C.x) / 3, gy = (A.y + B.y + C.y) / 3;

            [[degA, A, B, C, angA], [degB, B, C, A, angB], [degC, C, A, B, angC]].forEach(function (row) {
                var el = row[0], v = row[1], a = row[2], b = row[3], ang = row[4];
                var bd = bis(v, a, b);
                el.setAttribute('x', v.x + bd.x * 50);
                el.setAttribute('y', v.y + bd.y * 50);
                el.textContent = ang.toFixed(1) + '°';
            });

            [[nmA, A, 'A'], [nmB, B, 'B'], [nmC, C, 'C']].forEach(function (row) {
                var el = row[0], v = row[1], l = row[2];
                var ox = v.x - gx, oy = v.y - gy, ol = Math.hypot(ox, oy) || 1;
                el.setAttribute('x', v.x + ox / ol * 22);
                el.setAttribute('y', v.y + oy / ol * 22);
                // Vertex name labels use color-base so they're readable on both backgrounds
                el.setAttribute('fill', tc);
                el.textContent = l;
            });

            [[dotA, A], [dotB, B], [dotC, C]].forEach(function (row) {
                row[0].setAttribute('cx', row[1].x);
                row[0].setAttribute('cy', row[1].y);
            });

            elValA.textContent = angA.toFixed(1) + '°';
            elValB.textContent = angB.toFixed(1) + '°';
            elValC.textContent = angC.toFixed(1) + '°';

            // Pie divider line — border-color-base tracks dark mode
            sumLine.setAttribute('stroke', dc);

            redrawGrid();
            pie(angA, angB, angC);
        }


        /* ── Drag ── */
        var drag = null;
        var dm = { A: dotA, B: dotB, C: dotC };

        function spt(e) {
            var r = svg.getBoundingClientRect(), s = e.touches ? e.touches[0] : e;
            return { x: (s.clientX - r.left) * (W / r.width), y: (s.clientY - r.top) * (H / r.height) };
        }

        ['A', 'B', 'C'].forEach(function (k) {
            dm[k].addEventListener('mousedown', function (e) {
                e.preventDefault();
                drag = k;
                svg.style.cursor = 'grabbing';
                dm[k].setAttribute('cursor', 'grabbing');
            });
            dm[k].addEventListener('touchstart', function (e) {
                e.preventDefault();
                drag = k;
            }, { passive: false });
        });

        svg.addEventListener('mousemove', function (e) {
            if (!drag) return;
            var p = spt(e);
            pts[drag] = { x: Math.max(12, Math.min(W - 12, p.x)), y: Math.max(12, Math.min(H - 30, p.y)) };
            upd();
        });

        svg.addEventListener('touchmove', function (e) {
            e.preventDefault();
            if (!drag) return;
            var p = spt(e);
            pts[drag] = { x: Math.max(12, Math.min(W - 12, p.x)), y: Math.max(12, Math.min(H - 30, p.y)) };
            upd();
        }, { passive: false });

        function stopDrag() {
            if (drag) { dm[drag].setAttribute('cursor', 'grab'); drag = null; }
            svg.style.cursor = 'crosshair';
        }

        svg.addEventListener('mouseup', stopDrag);
        svg.addEventListener('mouseleave', stopDrag);
        svg.addEventListener('touchend', stopDrag);

        rstBtn.addEventListener('click', function () {
            pts = JSON.parse(JSON.stringify(init));
            upd();
        });

        // No longer listening on prefers-color-scheme — getThemeColor() reads
        // resolved CSS variables on every upd() call, so toggling dark mode
        // in Vector 2022 preferences is picked up on the next interaction.
        // If instant re-render on theme toggle is needed, a MutationObserver
        // on document.documentElement could call upd() when class changes.

        upd();
    }


    /* ── Boot ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
    function init() {
        document.querySelectorAll('.hiruwiki[data-module=&quot;triangle-angles&quot;]').forEach(function (el) {
            createWidget(el);
        });
    }

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

})();</text>
      <sha1>hwfika1roqdfjcsw7bcsv1z8gesk3ai</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/triangle-area.js</title>
    <ns>8</ns>
    <id>179529</id>
    <revision>
      <id>781451</id>
      <parentid>770256</parentid>
      <timestamp>2026-10-28T10:40:32Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781451</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="24752" sha1="amw8bsh4t0oe9wzhx8epmmrdt71xqg0" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* Triangle Area Proof – Hiruwiki module
   Injected into any element: &lt;div class=&quot;hiruwiki&quot; data-module=&quot;triangle-area&quot;&gt;&lt;/div&gt;
*/
(function () {
    'use strict';

    
/* ── I18N ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var messages = /* I18N_START */ {
    &quot;nl&quot;: {
        &quot;_name&quot;: &quot;Oppervlakte van een driehoek&quot;,
        &quot;btnProve&quot;: &quot;Bewijs het&quot;,
        &quot;btnReset&quot;: &quot;Opnieuw instellen&quot;,
        &quot;labelArea&quot;: &quot;Oppervlakte&quot;,
        &quot;labelBase&quot;: &quot;Basis (b)&quot;,
        &quot;labelHeight&quot;: &quot;Hoogte (h)&quot;,
        &quot;labelBaseShort&quot;: &quot;b&quot;,
        &quot;labelHeightShort&quot;: &quot;h&quot;,
        &quot;proofResultPara&quot;: &quot;Oppervlakte parallellogram = b × h = &lt;strong&gt;$1 × $2 = $3 cm²&lt;/strong&gt;&quot;,
        &quot;proofResultTri&quot;: &quot;→ Driehoek = ½ × $1 = &lt;strong&gt;$2 cm²&lt;/strong&gt;&quot;,
        &quot;unitCm&quot;: &quot;cm&quot;,
        &quot;unitCm2&quot;: &quot;cm²&quot;,
        &quot;hint&quot;: &quot;Sleep de hoekpunten om de vorm van de driehoek te wijzigen&quot;
    },
    &quot;fr&quot;: {
        &quot;_name&quot;: &quot;Aire du triangle&quot;,
        &quot;btnProve&quot;: &quot;Prouver&quot;,
        &quot;btnReset&quot;: &quot;Réinitialiser&quot;,
        &quot;labelArea&quot;: &quot;Aire&quot;,
        &quot;labelBase&quot;: &quot;Base (b)&quot;,
        &quot;labelHeight&quot;: &quot;Hauteur (h)&quot;,
        &quot;labelBaseShort&quot;: &quot;b&quot;,
        &quot;labelHeightShort&quot;: &quot;h&quot;,
        &quot;proofResultPara&quot;: &quot;Aire du parallélogramme = b × h = &lt;strong&gt;$1 × $2 = $3 cm²&lt;/strong&gt;&quot;,
        &quot;proofResultTri&quot;: &quot;→ Triangle = ½ × $1 = &lt;strong&gt;$2 cm²&lt;/strong&gt;&quot;,
        &quot;unitCm&quot;: &quot;cm&quot;,
        &quot;unitCm2&quot;: &quot;cm²&quot;,
        &quot;hint&quot;: &quot;Tirez les sommets pour changer la forme du triangle&quot;
    },
    &quot;eu&quot;: {
        &quot;_name&quot;: &quot;Hirukiaren azalera&quot;,
        &quot;btnProve&quot;: &quot;Froga ezazu&quot;,
        &quot;btnReset&quot;: &quot;Berrezarri&quot;,
        &quot;labelArea&quot;: &quot;Azalera&quot;,
        &quot;labelBase&quot;: &quot;Oinarria (b)&quot;,
        &quot;labelHeight&quot;: &quot;Altuera (h)&quot;,
        &quot;labelBaseShort&quot;: &quot;b&quot;,
        &quot;labelHeightShort&quot;: &quot;h&quot;,
        &quot;proofResultPara&quot;: &quot;Paralelogramoaren azalera = b × h = &lt;strong&gt;$1 × $2 = $3 cm²&lt;/strong&gt;&quot;,
        &quot;proofResultTri&quot;: &quot;→ Triangeluarena = ½ × $1 = &lt;strong&gt;$2 cm²&lt;/strong&gt;&quot;,
        &quot;unitCm&quot;: &quot;cm&quot;,
        &quot;unitCm2&quot;: &quot;cm²&quot;,
        &quot;hint&quot;: &quot;Arrastatu erpinak triangeluaren forma aldatzeko&quot;
    },
    &quot;sk&quot;: {
        &quot;_name&quot;: &quot;Obsah trojuholníka&quot;,
        &quot;btnProve&quot;: &quot;Dokázať&quot;,
        &quot;btnReset&quot;: &quot;Vynulovať&quot;,
        &quot;labelArea&quot;: &quot;Obsah&quot;,
        &quot;labelBase&quot;: &quot;Základňa (b)&quot;,
        &quot;labelHeight&quot;: &quot;Výška (h)&quot;,
        &quot;labelBaseShort&quot;: &quot;b&quot;,
        &quot;labelHeightShort&quot;: &quot;h&quot;,
        &quot;proofResultPara&quot;: &quot;Obsah rovnobežníka = b × h = &lt;strong&gt;$1 × $2 = $3 cm²&lt;/strong&gt;&quot;,
        &quot;proofResultTri&quot;: &quot;→ Trojuholník = ½ × $1 = &lt;strong&gt;$2 cm²&lt;/strong&gt;&quot;,
        &quot;unitCm&quot;: &quot;cm&quot;,
        &quot;unitCm2&quot;: &quot;cm²&quot;,
        &quot;hint&quot;: &quot;Potiahnutím vrcholov zmeníte tvar trojuholníka&quot;
    },
    &quot;skr-arab&quot;: {
        &quot;_name&quot;: &quot;مثلث دا رقبہ&quot;,
        &quot;btnProve&quot;: &quot;ثابت کرو&quot;,
        &quot;btnReset&quot;: &quot;دوبارہ&quot;,
        &quot;labelArea&quot;: &quot;رقبہ&quot;,
        &quot;labelBase&quot;: &quot;قاعدہ (b)&quot;,
        &quot;labelHeight&quot;: &quot;اُچائی (h)&quot;,
        &quot;labelBaseShort&quot;: &quot;b&quot;,
        &quot;labelHeightShort&quot;: &quot;h&quot;,
        &quot;proofResultPara&quot;: &quot;متوازی الاضلاع دا رقبہ = b × h = &lt;strong&gt;$1 × $2 = $3 cm²&lt;/strong&gt;&quot;,
        &quot;proofResultTri&quot;: &quot;→ مثلث = ½ × $1 = &lt;strong&gt;$2 cm²&lt;/strong&gt;&quot;,
        &quot;unitCm&quot;: &quot;سم&quot;,
        &quot;unitCm2&quot;: &quot;سم²&quot;,
        &quot;hint&quot;: &quot;مثلث دی شکل بدلݨ کیتے سر گھسیٹو&quot;
    },
    &quot;lb&quot;: {
        &quot;labelArea&quot;: &quot;Fläch&quot;,
        &quot;labelHeightShort&quot;: &quot;h&quot;,
        &quot;unitCm&quot;: &quot;cm&quot;,
        &quot;unitCm2&quot;: &quot;cm²&quot;
    },
    &quot;ko&quot;: {
        &quot;_name&quot;: &quot;삼각형 면적&quot;,
        &quot;btnProve&quot;: &quot;증명하기&quot;,
        &quot;btnReset&quot;: &quot;초기화&quot;,
        &quot;labelArea&quot;: &quot;면적&quot;,
        &quot;labelBase&quot;: &quot;밑변 (b)&quot;,
        &quot;labelHeight&quot;: &quot;높이 (h)&quot;,
        &quot;labelBaseShort&quot;: &quot;밑변&quot;,
        &quot;labelHeightShort&quot;: &quot;높이&quot;,
        &quot;proofResultPara&quot;: &quot;평행사변형 넓이 = b × h = &lt;strong&gt;$1 × $2 = $3 cm²&lt;/strong&gt;&quot;,
        &quot;proofResultTri&quot;: &quot;→ 삼각형 = ½ × $1 = &lt;strong&gt;$2 cm²&lt;/strong&gt;&quot;,
        &quot;unitCm&quot;: &quot;cm&quot;,
        &quot;unitCm2&quot;: &quot;cm²&quot;,
        &quot;hint&quot;: &quot;꼭짓점을 드래그하여 삼각형의 모양을 변경하기&quot;
    },
    &quot;en&quot;: {
        &quot;_name&quot;: &quot;Triangle Area&quot;,
        &quot;btnProve&quot;: &quot;Prove it&quot;,
        &quot;btnReset&quot;: &quot;Reset&quot;,
        &quot;labelArea&quot;: &quot;Area&quot;,
        &quot;labelBase&quot;: &quot;Base (b)&quot;,
        &quot;labelHeight&quot;: &quot;Height (h)&quot;,
        &quot;labelBaseShort&quot;: &quot;b&quot;,
        &quot;labelHeightShort&quot;: &quot;h&quot;,
        &quot;proofResultPara&quot;: &quot;Parallelogram area = b × h = &lt;strong&gt;$1 × $2 = $3 cm²&lt;/strong&gt;&quot;,
        &quot;proofResultTri&quot;: &quot;→ Triangle = ½ × $1 = &lt;strong&gt;$2 cm²&lt;/strong&gt;&quot;,
        &quot;unitCm&quot;: &quot;cm&quot;,
        &quot;unitCm2&quot;: &quot;cm²&quot;,
        &quot;hint&quot;: &quot;Drag the vertices to change the triangle's shape&quot;
    },
    &quot;it&quot;: {
        &quot;unitCm&quot;: &quot;cm&quot;,
        &quot;unitCm2&quot;: &quot;cm²&quot;
    },
    &quot;ca&quot;: {
        &quot;btnReset&quot;: &quot;Reinicia&quot;,
        &quot;labelArea&quot;: &quot;Àrea&quot;,
        &quot;labelBaseShort&quot;: &quot;b&quot;,
        &quot;labelHeightShort&quot;: &quot;h&quot;,
        &quot;unitCm&quot;: &quot;cm&quot;,
        &quot;unitCm2&quot;: &quot;cm²&quot;
    },
    &quot;qqq&quot;: {
        &quot;_name&quot;: &quot;Name of the Triangle Area module&quot;,
        &quot;btnProve&quot;: &quot;Button label to start the area proof animation&quot;,
        &quot;btnReset&quot;: &quot;Button label to reset the triangle&quot;,
        &quot;labelArea&quot;: &quot;Label for the computed area value&quot;,
        &quot;labelBase&quot;: &quot;Label for the base measurement, with variable name in parentheses&quot;,
        &quot;labelHeight&quot;: &quot;Label for the height measurement, with variable name in parentheses&quot;,
        &quot;labelBaseShort&quot;: &quot;Short symbol for base (usually 'b')&quot;,
        &quot;labelHeightShort&quot;: &quot;Short symbol for height (usually 'h')&quot;,
        &quot;proofResultPara&quot;: &quot;Proof result text for the parallelogram area. Uses HTML. Parameters: $1 = base, $2 = height, $3 = parallelogram area.&quot;,
        &quot;proofResultTri&quot;: &quot;Proof result text for the triangle area (half the parallelogram). Uses HTML. Parameters: $1 = parallelogram area, $2 = triangle area.&quot;,
        &quot;unitCm&quot;: &quot;Unit of length (centimeters)&quot;,
        &quot;unitCm2&quot;: &quot;Unit of area (square centimeters)&quot;,
        &quot;hint&quot;: &quot;Explanation about how the module is interactive&quot;
    },
    &quot;ga&quot;: {
        &quot;_name&quot;: &quot;Limistéar an Triantáin&quot;,
        &quot;btnProve&quot;: &quot;Cruthaigh é&quot;,
        &quot;btnReset&quot;: &quot;Athshocraigh&quot;,
        &quot;labelArea&quot;: &quot;Limistéar&quot;,
        &quot;labelBase&quot;: &quot;Bonn (b)&quot;,
        &quot;labelHeight&quot;: &quot;Airde (u)&quot;,
        &quot;labelBaseShort&quot;: &quot;b&quot;,
        &quot;labelHeightShort&quot;: &quot;h&quot;,
        &quot;proofResultPara&quot;: &quot;Achar comhthreomharáin = b × h = &lt;strong&gt;$1 × $2 = $3 cm²&lt;/strong&gt;&quot;,
        &quot;proofResultTri&quot;: &quot;→ Triantán = ½ × $1 = &lt;strong&gt;$2 cm²&lt;/strong&gt;&quot;,
        &quot;unitCm&quot;: &quot;cm&quot;,
        &quot;unitCm2&quot;: &quot;cm²&quot;,
        &quot;hint&quot;: &quot;Tarraing na buaicphointí chun cruth an triantáin a athrú&quot;
    },
    &quot;es&quot;: {
        &quot;_name&quot;: &quot;Área del triángulo&quot;,
        &quot;btnProve&quot;: &quot;Pruébalo&quot;,
        &quot;btnReset&quot;: &quot;Reiniciar&quot;,
        &quot;labelArea&quot;: &quot;Área&quot;,
        &quot;labelBase&quot;: &quot;Base (b)&quot;,
        &quot;labelHeight&quot;: &quot;Altura (h)&quot;,
        &quot;labelBaseShort&quot;: &quot;b&quot;,
        &quot;labelHeightShort&quot;: &quot;h&quot;,
        &quot;proofResultPara&quot;: &quot;Área del paralelogramo = b × h = &lt;strong&gt;$1 × $2 = $3 cm²&lt;/strong&gt;&quot;,
        &quot;proofResultTri&quot;: &quot;→ Triángulo = ½ × $1 = &lt;strong&gt;$2 cm²&lt;/strong&gt;&quot;,
        &quot;unitCm&quot;: &quot;cm&quot;,
        &quot;unitCm2&quot;: &quot;cm²&quot;,
        &quot;hint&quot;: &quot;Arrastra los vértices para cambiar la forma del triángulo&quot;
    },
    &quot;mk&quot;: {
        &quot;_name&quot;: &quot;Плоштина на триаголник&quot;,
        &quot;btnProve&quot;: &quot;Докажи&quot;,
        &quot;btnReset&quot;: &quot;Одново&quot;,
        &quot;labelArea&quot;: &quot;Плоштина&quot;,
        &quot;labelBase&quot;: &quot;Основа (b)&quot;,
        &quot;labelHeight&quot;: &quot;Висина (h)&quot;,
        &quot;labelBaseShort&quot;: &quot;b&quot;,
        &quot;labelHeightShort&quot;: &quot;h&quot;,
        &quot;proofResultPara&quot;: &quot;Плоштина на паралелограм = b × h = &lt;strong&gt;$1 × $2 = $3 см²&lt;/strong&gt;&quot;,
        &quot;proofResultTri&quot;: &quot;→ Триаголник = ½ × $1 = &lt;strong&gt;$2 см²&lt;/strong&gt;&quot;,
        &quot;unitCm&quot;: &quot;см&quot;,
        &quot;unitCm2&quot;: &quot;см²&quot;,
        &quot;hint&quot;: &quot;Повлечете ги темињата за да го смените обликот на триаголникот&quot;
    }
} /* I18N_END */
var lang = (window.mw &amp;&amp; mw.config.get('wgUserLanguage')) || 'en';
var banana = new Banana(lang.split('-')[0]);
banana.load(messages);

function t(key, vars) {
    var args = Array.isArray(vars) ? vars : [];
    var str = banana.i18n(key, ...args);
    if (vars &amp;&amp; typeof vars === 'object' &amp;&amp; !Array.isArray(vars)) {
        Object.keys(vars).forEach(function(k) {
            str = str.replace(new RegExp('\\{' + k + '\\}', 'g'), vars[k]);
        });
    }
    return str;
}

var W = 680, H = 430, CM = 37.8, DUR = 1600;

    function init(container) {
        // Build DOM
        container.className += ' hiruwiki-triangle-area';
        container.innerHTML =
            '&lt;canvas&gt;&lt;/canvas&gt;' +
            '&lt;div class=&quot;ta-info-bar&quot;&gt;' +
                '&lt;div class=&quot;ta-info-block&quot;&gt;' +
                    '&lt;span class=&quot;ta-label&quot;&gt;' + t('labelBase') + '&lt;/span&gt;' +
                    '&lt;span class=&quot;ta-value ta-val-b&quot;&gt;—&lt;/span&gt;' +
                '&lt;/div&gt;' +
                '&lt;div class=&quot;ta-info-block&quot;&gt;' +
                    '&lt;span class=&quot;ta-label&quot;&gt;' + t('labelHeight') + '&lt;/span&gt;' +
                    '&lt;span class=&quot;ta-value ta-val-h&quot;&gt;—&lt;/span&gt;' +
                '&lt;/div&gt;' +
                '&lt;div class=&quot;ta-info-block&quot; style=&quot;flex:2&quot;&gt;' +
                    '&lt;span class=&quot;ta-label&quot;&gt;' + t('labelArea') + '&lt;/span&gt;' +
                    '&lt;span class=&quot;ta-value ta-val-area&quot;&gt;—&lt;/span&gt;' +
                    '&lt;span class=&quot;ta-formula&quot;&gt;A = ½ × b × h&lt;/span&gt;' +
                '&lt;/div&gt;' +
                '&lt;button class=&quot;ta-btn ta-btn-proof&quot;&gt;' + t('btnProve') + '&lt;/button&gt;' +
                '&lt;div class=&quot;ta-proof-result&quot;&gt;&lt;/div&gt;' +
            '&lt;/div&gt;';

        var cvs = container.querySelector('canvas');
        cvs.className = 'hw-canvas';
        var ctx = cvs.getContext('2d');
        cvs.width = W;
        cvs.height = H;

        var elB    = container.querySelector('.ta-val-b');
        var elH    = container.querySelector('.ta-val-h');
        var elArea = container.querySelector('.ta-val-area');
        var elResult = container.querySelector('.ta-proof-result');
        var btnProof = container.querySelector('.ta-btn-proof');

        // State
        var V = {
            A: { x: W / 2 - 2 * CM, y: 300 },
            B: { x: W / 2 + 2 * CM, y: 300 },
            C: { x: W / 2 + 0.3 * CM, y: 300 - 3 * CM }
        };
        var phase = 'idle', animStart = null, dragging = null;

        // --- Math helpers ---
        function dist(a, b) {
            return Math.sqrt(Math.pow(b.x - a.x, 2) + Math.pow(b.y - a.y, 2));
        }
        function mid(a, b) {
            return { x: (a.x + b.x) / 2, y: (a.y + b.y) / 2 };
        }
        function cross2d(ax, ay, bx, by) {
            return ax * by - ay * bx;
        }
        function rotPt(P, M, angle) {
            var c = Math.cos(angle), s = Math.sin(angle);
            var dx = P.x - M.x, dy = P.y - M.y;
            return { x: M.x + dx * c - dy * s, y: M.y + dx * s + dy * c };
        }
        function footOfLine(A, B, P) {
            var dx = B.x - A.x, dy = B.y - A.y;
            var t = ((P.x - A.x) * dx + (P.y - A.y) * dy) / (dx * dx + dy * dy);
            return { x: A.x + t * dx, y: A.y + t * dy, t: t };
        }
        function fmt(px) {
            return (px / CM).toFixed(2);
        }
        function ease(t) {
            return t &lt; 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t;
        }

        // P1-P2 = longest side (base), P3 = apex
        function longestSide() {
            var A = V.A, B = V.B, C = V.C;
            var dAB = dist(A, B), dBC = dist(B, C), dCA = dist(C, A);
            if (dAB &gt;= dBC &amp;&amp; dAB &gt;= dCA) { return { P1: A, P2: B, P3: C, b: dAB }; }
            if (dBC &gt;= dAB &amp;&amp; dBC &gt;= dCA) { return { P1: B, P2: C, P3: A, b: dBC }; }
            return { P1: C, P2: A, P3: B, b: dCA };
        }

        function metrics() {
            var s = longestSide();
            var foot = footOfLine(s.P1, s.P2, s.P3);
            var h = dist(s.P3, foot);
            return {
                P1: s.P1, P2: s.P2, P3: s.P3, b: s.b, h: h, foot: foot,
                bCm: fmt(s.b), hCm: fmt(h),
                areaCm: (0.5 * (s.b / CM) * (h / CM)).toFixed(2)
            };
        }

        // Arc midpoint of F (at +π/2) must be on OPPOSITE side of axis from otherPt
        function rotDir(F, pivot, axP1, axP2, otherPt) {
            var ax = axP2.x - axP1.x, ay = axP2.y - axP1.y;
            var sideOther = cross2d(ax, ay, otherPt.x - axP1.x, otherPt.y - axP1.y);
            var Fmid = rotPt(F, pivot, Math.PI / 2);
            var sideFmid = cross2d(ax, ay, Fmid.x - axP1.x, Fmid.y - axP1.y);
            return (sideFmid * sideOther &lt; 0) ? 1 : -1;
        }

        function updateUI() {
            var m = metrics();
            elB.textContent    = m.bCm + ' ' + t('unitCm');
            elH.textContent    = m.hCm + ' ' + t('unitCm');
            elArea.textContent = m.areaCm + ' ' + t('unitCm2');
        }

        // --- Drawing ---
        function drawGrid() {
            ctx.strokeStyle = hiruwiki.getThemeColor('border-color-base', '#ccc');
            ctx.lineWidth = 1.0;
            for (var x = 0; x &lt; W; x += CM) {
                ctx.beginPath(); ctx.moveTo(x, 0); ctx.lineTo(x, H); ctx.stroke();
            }
            for (var y = 0; y &lt; H; y += CM) {
                ctx.beginPath(); ctx.moveTo(0, y); ctx.lineTo(W, y); ctx.stroke();
            }
        }

        function fillPoly(pts, fill, stroke, lw) {
            ctx.beginPath();
            ctx.moveTo(pts[0].x, pts[0].y);
            for (var i = 1; i &lt; pts.length; i++) { ctx.lineTo(pts[i].x, pts[i].y); }
            ctx.closePath();
            ctx.fillStyle = fill; ctx.fill();
            ctx.lineJoin = 'round';
            ctx.strokeStyle = stroke; ctx.lineWidth = lw || 2; ctx.stroke();
        }

        function drawVtx(pt, label) {
            ctx.save();
            ctx.beginPath(); ctx.arc(pt.x, pt.y, 8, 0, Math.PI * 2);
            ctx.fillStyle = (label === 'A' ? 'red' : label === 'B' ? 'green' : 'blue'); ctx.fill();
            ctx.font = 'bold 15px sans-serif';
            ctx.fillStyle = (label === 'A' ? 'red' : label === 'B' ? 'green' : 'blue');
            var ox = label === 'A' ? -20 : label === 'B' ? 12 : 10;
            var oy = label === 'C' ? -13 : 20;
            ctx.fillText(label, pt.x + ox, pt.y + oy);
            ctx.restore();
        }

        function drawScene(m) {
            var P1 = m.P1, P2 = m.P2, P3 = m.P3, foot = m.foot;
            var fdx = foot.x - P3.x, fdy = foot.y - P3.y;
            var flen = Math.sqrt(fdx * fdx + fdy * fdy) || 1;

            // Extension line if foot outside base segment
            if (foot.t &lt; 0) {
                ctx.save(); ctx.setLineDash([4, 4]);
                ctx.strokeStyle = 'rgba(186,117,23,0.3)'; ctx.lineWidth = 1.5;
                ctx.beginPath(); ctx.moveTo(foot.x, foot.y); ctx.lineTo(P1.x, P1.y); ctx.stroke();
                ctx.setLineDash([]); ctx.restore();
            } else if (foot.t &gt; 1) {
                ctx.save(); ctx.setLineDash([4, 4]);
                ctx.strokeStyle = 'rgba(186,117,23,0.3)'; ctx.lineWidth = 1.5;
                ctx.beginPath(); ctx.moveTo(P2.x, P2.y); ctx.lineTo(foot.x, foot.y); ctx.stroke();
                ctx.setLineDash([]); ctx.restore();
            }

            // Dashed height line
            ctx.save(); ctx.setLineDash([5, 5]);
            ctx.strokeStyle = hiruwiki.getThemeColor('color-warning', '#BA7517'); ctx.lineWidth = 1.5;
            ctx.beginPath(); ctx.moveTo(P3.x, P3.y); ctx.lineTo(foot.x, foot.y); ctx.stroke();
            ctx.setLineDash([]); ctx.restore();

            // Right angle mark at foot
            if (flen &gt; 14) {
                var ux = fdx / flen, uy = fdy / flen, nx = -uy, ny = ux, s = 9;
                ctx.beginPath();
                ctx.moveTo(foot.x, foot.y);
                ctx.lineTo(foot.x - ux * s, foot.y - uy * s);
                ctx.lineTo(foot.x - ux * s + nx * s, foot.y - uy * s + ny * s);
                ctx.lineTo(foot.x + nx * s, foot.y + ny * s);
                ctx.closePath();
                ctx.strokeStyle = hiruwiki.getThemeColor('color-warning', '#BA7517'); ctx.lineWidth = 1; ctx.stroke();
            }

            // h label (offset perpendicular to height)
            var mx = (P3.x + foot.x) / 2, my = (P3.y + foot.y) / 2;
            ctx.save(); ctx.font = '500 15px sans-serif';
            ctx.fillStyle = hiruwiki.getThemeColor('color-warning', '#BA7517'); ctx.textAlign = 'center';
            ctx.fillText(t('labelHeightShort') + ' = ' + m.hCm + ' ' + t('unitCm'), mx - fdy / flen * 16, my + fdx / flen * 16);
            ctx.restore();

            // b label (offset away from P3)
            var bdx = P2.x - P1.x, bdy = P2.y - P1.y;
            var bl = Math.sqrt(bdx * bdx + bdy * bdy) || 1;
            var bnx = bdy / bl, bny = -bdx / bl;
            var toCx = P3.x - (P1.x + P2.x) / 2, toCy = P3.y - (P1.y + P2.y) / 2;
            var sign = (toCx * bnx + toCy * bny) &gt; 0 ? -1 : 1;
            ctx.save(); ctx.font = '500 15px sans-serif';
            ctx.fillStyle = hiruwiki.getThemeColor('color-base', '#333'); ctx.textAlign = 'center';
            ctx.fillText(t('labelBaseShort') + ' = ' + m.bCm + ' ' + t('unitCm'),
                (P1.x + P2.x) / 2 + sign * bnx * 24,
                (P1.y + P2.y) / 2 + sign * bny * 24);
            ctx.restore();
        }

        function drawProof(progress) {
            var m = metrics();
            var P1 = m.P1, P2 = m.P2, P3 = m.P3;
            var F = { x: m.foot.x, y: m.foot.y };
            var e = ease(Math.min(progress, 1));

            // Pivots = midpoints of the two SHORT sides
            var mP1P3 = mid(P1, P3);
            var mP2P3 = mid(P2, P3);

            // Left piece (P1, F, P3): rotate around mid(P1,P3), F swings away from P2
            var dirL = rotDir(F, mP1P3, P1, P3, P2);
            var angL = Math.PI * e * dirL;
            var lP1 = rotPt(P1, mP1P3, angL), lF = rotPt(F, mP1P3, angL), lP3 = rotPt(P3, mP1P3, angL);
            fillPoly([lP1, lF, lP3], 'rgba(216,90,48,0.25)', '#D85A30', 2);

            // Right piece (F, P2, P3): rotate around mid(P2,P3), F swings away from P1
            var dirR = rotDir(F, mP2P3, P2, P3, P1);
            var angR = Math.PI * e * dirR;
            var rF = rotPt(F, mP2P3, angR), rP2 = rotPt(P2, mP2P3, angR), rP3 = rotPt(P3, mP2P3, angR);
            fillPoly([rF, rP2, rP3], 'rgba(24,95,165,0.25)', hiruwiki.getThemeColor('color-progressive', '#185fa5'), 2);

            if (e &gt;= 0.99) {
                ctx.save();
                ctx.beginPath();
                ctx.moveTo(P1.x, P1.y); ctx.lineTo(P2.x, P2.y);
                ctx.lineTo(rF.x, rF.y); ctx.lineTo(lF.x, lF.y);
                ctx.closePath();
                ctx.lineJoin = 'round';
                ctx.strokeStyle = hiruwiki.getThemeColor('color-base', '#333'); ctx.lineWidth = 1.5;
                ctx.setLineDash([6, 3]); ctx.stroke(); ctx.setLineDash([]);
                ctx.restore();

                var rectArea = ((m.b / CM) * (m.h / CM)).toFixed(2);
                elResult.style.display = 'block';
                elResult.innerHTML = t('proofResultPara', [m.bCm, m.hCm, rectArea]) +
                    t('proofResultTri', [rectArea, m.areaCm]);
            }
        }

        function draw(ts) {
            ctx.clearRect(0, 0, W, H);
            drawGrid();
            var m = metrics();
            fillPoly([V.A, V.B, V.C], 'rgba(29,158,117,0.14)', hiruwiki.getThemeColor('color-success', '#1d9e75'), 2);
            // Highlight longest side (base)
            ctx.save(); ctx.lineCap = 'round'; ctx.strokeStyle = hiruwiki.getThemeColor('color-success', '#1d9e75'); ctx.lineWidth = 3.5;
            ctx.beginPath(); ctx.moveTo(m.P1.x, m.P1.y); ctx.lineTo(m.P2.x, m.P2.y); ctx.stroke();
            ctx.restore();
            drawScene(m);
            drawVtx(V.A, 'A'); drawVtx(V.B, 'B'); drawVtx(V.C, 'C');
            if (phase === 'animating' || phase === 'done') {
                var elapsed = phase === 'done' ? DUR : (ts - animStart);
                drawProof(elapsed / DUR);
                if (elapsed &lt; DUR &amp;&amp; phase === 'animating') {
                    requestAnimationFrame(draw);
                } else if (phase === 'animating') {
                    phase = 'done';
                    draw(performance.now());
                }
            }
        }

        function redraw() { requestAnimationFrame(function (ts) { draw(ts); }); }

        // --- Button ---
        btnProof.addEventListener('click', function () {
            if (phase !== 'idle') {
                phase = 'idle';
                elResult.style.display = 'none';
                btnProof.textContent = t('btnProve');
                redraw();
                return;
            }
            phase = 'animating'; animStart = null;
            btnProof.textContent = t('btnReset');
            requestAnimationFrame(function frame(ts) {
                if (!animStart) { animStart = ts; }
                draw(ts);
                if (ts - animStart &lt; DUR) { requestAnimationFrame(frame); }
                else { phase = 'done'; draw(ts); }
            });
        });

        // --- Pointer events ---
        function cpos(e) {
            var r = cvs.getBoundingClientRect(), sx = W / r.width;
            var cx = e.touches ? e.touches[0].clientX : e.clientX;
            var cy = e.touches ? e.touches[0].clientY : e.clientY;
            return { x: (cx - r.left) * sx, y: (cy - r.top) * sx };
        }
        function hitV(pos) {
            var keys = Object.keys(V);
            for (var i = 0; i &lt; keys.length; i++) {
                if (dist(pos, V[keys[i]]) &lt; 16) { return keys[i]; }
            }
            return null;
        }
        cvs.addEventListener('mousedown', function (e) {
            var h = hitV(cpos(e));
            if (h) { dragging = h; cvs.style.cursor = 'grabbing'; }
        });
        cvs.addEventListener('touchstart', function (e) {
            var h = hitV(cpos(e));
            if (h) { dragging = h; e.preventDefault(); }
        }, { passive: false });

        function onMove(e) {
            var pos = cpos(e);
            if (!dragging) {
                cvs.style.cursor = hitV(pos) ? 'grab' : 'crosshair';
                return;
            }
            pos.x = Math.max(20, Math.min(W - 20, pos.x));
            pos.y = Math.max(20, Math.min(H - 20, pos.y));
            V[dragging] = pos;
            if (phase !== 'idle') {
                phase = 'idle';
                elResult.style.display = 'none';
                btnProof.textContent = t('btnProve');
            }
            updateUI(); redraw();
        }
        cvs.addEventListener('mousemove', onMove);
        cvs.addEventListener('touchmove', function (e) { onMove(e); e.preventDefault(); }, { passive: false });

        function onUp() { dragging = null; cvs.style.cursor = 'crosshair'; }
        window.addEventListener('mouseup', onUp);
        window.addEventListener('touchend', onUp);

        updateUI();
        redraw();

        // Footer — hint text defined in this module's own i18n, not loaded externally
        var footer = document.createElement('div');
        footer.className = 'hw-footer';
        var fLogo = document.createElement('a');
        fLogo.className = 'hw-footer-icon';
        fLogo.href = (window.mw &amp;&amp; mw.util.getUrl('Wikipedia:Hiruwiki')) || '#';
        fLogo.title = 'Hiruwiki';
        function appendLogo() {
            if (window.hiruwiki &amp;&amp; window.hiruwiki.getLogoSvg) {
                fLogo.innerHTML = hiruwiki.getLogoSvg(22);
            } else {
                setTimeout(appendLogo, 50);
            }
        }
        appendLogo();
        var fText = document.createElement('span');
        fText.className = 'hw-footer__text';
        fText.innerHTML = t('hint');
        footer.appendChild(fLogo);
        footer.appendChild(fText);
        container.appendChild(footer);
    }

    // Find and initialise all matching containers
    mw.hook('wikipage.content').add(function () {
        document.querySelectorAll('.hiruwiki[data-module=&quot;triangle-area&quot;]').forEach(function (el) {
            if (!el.dataset.taInit) {
                el.dataset.taInit = '1';
                init(el);
            }
        });
    });

}());</text>
      <sha1>amw8bsh4t0oe9wzhx8epmmrdt71xqg0</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/triangle-centroid.js</title>
    <ns>8</ns>
    <id>179531</id>
    <revision>
      <id>781452</id>
      <parentid>770258</parentid>
      <timestamp>2026-10-28T10:40:35Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781452</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="12034" sha1="8u2f35hcnau4371odo7apj2l14s3cjb" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* =========================================================
 * Hiruwiki module: triangle-centroid
 * Visualisation of the centroid of a triangle
 * =========================================================
 * i18n: add a new key to the `messages` object below and
 *       a matching entry for every language code you need.
 *       Fall back to 'en' when the wiki language is absent.
 * ========================================================= */

( function () {

/* ── I18N ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var messages = /* I18N_START */ {
    &quot;nl&quot;: {
        &quot;_name&quot;: &quot;Zwaartepunt van een driehoek&quot;,
        &quot;hint&quot;: &quot;Sleep een hoekpunt om het zwaartepunt te verkennen&quot;
    },
    &quot;fr&quot;: {
        &quot;_name&quot;: &quot;Centre de gravité du triangle&quot;,
        &quot;hint&quot;: &quot;Faites glisser n'importe quel sommet pour explorer le centroïde&quot;
    },
    &quot;eu&quot;: {
        &quot;_name&quot;: &quot;Hirukiaren barizentroa&quot;,
        &quot;hint&quot;: &quot;Erpinak mugitu ditzakezu barizentroa ikusteko&quot;
    },
    &quot;sk&quot;: {
        &quot;_name&quot;: &quot;Ťažisko trojuholníka&quot;,
        &quot;hint&quot;: &quot;Potiahnutím ľubovoľného vrcholu preskúmate ťažisko&quot;
    },
    &quot;skr-arab&quot;: {
        &quot;_name&quot;: &quot;مثلث دا مرکزِ ثقل&quot;,
        &quot;hint&quot;: &quot;مرکزِ ثقل کوں ݙیکھݨ کیتے کوئی وی سرا گھسیٹو&quot;
    },
    &quot;ko&quot;: {
        &quot;_name&quot;: &quot;삼각형 무게중심&quot;,
        &quot;hint&quot;: &quot;꼭짓점을 드래그해서 무게중심을 탐구하세요&quot;
    },
    &quot;en&quot;: {
        &quot;_name&quot;: &quot;Triangle Centroid&quot;,
        &quot;hint&quot;: &quot;Drag any vertex to explore the centroid&quot;
    },
    &quot;qqq&quot;: {
        &quot;_name&quot;: &quot;Name of the Triangle Centroid module&quot;,
        &quot;hint&quot;: &quot;Instruction text shown in the footer.&quot;
    },
    &quot;ga&quot;: {
        &quot;_name&quot;: &quot;Lárphointe Triantáin&quot;,
        &quot;hint&quot;: &quot;Tarraing aon bhuaicphointe chun an lárphointe a iniúchadh&quot;
    },
    &quot;es&quot;: {
        &quot;_name&quot;: &quot;Baricentro del triángulo&quot;,
        &quot;hint&quot;: &quot;Arrastra un vértice para explorar el baricentro&quot;
    },
    &quot;mk&quot;: {
        &quot;_name&quot;: &quot;Тежиште на триаголник&quot;,
        &quot;hint&quot;: &quot;Повлечете некое теме за да го истражите тежиштето&quot;
    }
} /* I18N_END */
var lang = (window.mw &amp;&amp; mw.config.get('wgUserLanguage')) || 'en';
var banana = new Banana(lang.split('-')[0]);
banana.load(messages);

function t(key, vars) {
    var args = Array.isArray(vars) ? vars : [];
    var str = banana.i18n(key, ...args);
    if (vars &amp;&amp; typeof vars === 'object' &amp;&amp; !Array.isArray(vars)) {
        Object.keys(vars).forEach(function(k) {
            str = str.replace(new RegExp('\\{' + k + '\\}', 'g'), vars[k]);
        });
    }
    return str;
}

/* ── Constants ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var SCALE = 40;   /* pixels per centimetre  */
var DPR   = window.devicePixelRatio || 1;

/* ── Geometry helpers ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
function dist( a, b ) {
	return Math.hypot( b.x - a.x, b.y - a.y );
}

function midpoint( A, B ) {
	return { x: ( A.x + B.x ) / 2, y: ( A.y + B.y ) / 2 };
}

function centroid( A, B, C ) {
	return { x: ( A.x + B.x + C.x ) / 3, y: ( A.y + B.y + C.y ) / 3 };
}

function angleDeg( V, A, B ) {
	var ax  = A.x - V.x, ay = A.y - V.y;
	var bx  = B.x - V.x, by = B.y - V.y;
	var cos = ( ax * bx + ay * by ) /
	          ( Math.hypot( ax, ay ) * Math.hypot( bx, by ) );
	return Math.acos( Math.max( -1, Math.min( 1, cos ) ) ) * 180 / Math.PI;
}

function labelOffset( V, others, mag ) {
	var dx = 0, dy = 0;
	others.forEach( function ( O ) { dx += V.x - O.x; dy += V.y - O.y; } );
	var l = Math.hypot( dx, dy ) || 1;
	return { x: V.x + dx / l * mag, y: V.y + dy / l * mag };
}

/* ── Build widget ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
function buildWidget( container ) {
	var lang = ( window.mw &amp;&amp; mw.config.get( 'wgUserLanguage' ) ) || 'en';
	lang = lang.split( '-' )[ 0 ];
	if ( !messages[ lang ] ) { lang = 'en'; }

	/* -- HTML skeleton -- */
	container.innerHTML =
		'&lt;div class=&quot;hw-centroid&quot;&gt;' +
			'&lt;canvas class=&quot;hw-canvas&quot;&gt;&lt;/canvas&gt;' +
		'&lt;/div&gt;';

	/* -- Footer -- */
	var footer = document.createElement( 'div' );
	footer.className = 'hw-footer';
	var fLogo = document.createElement( 'a' );
	fLogo.className = 'hw-footer-icon';
	fLogo.href = ( window.mw &amp;&amp; mw.util.getUrl( 'Wikipedia:Hiruwiki' ) ) || '#';
	fLogo.title = 'Hiruwiki';
	if ( window.hiruwiki &amp;&amp; window.hiruwiki.getLogoSvg ) {
		fLogo.insertAdjacentHTML( 'beforeend', hiruwiki.getLogoSvg( 22 ) );
	}
	var fText = document.createElement( 'span' );
	fText.className = 'hw-footer__text';
	fText.textContent = messages[ lang ].hint;
	footer.appendChild( fLogo );
	footer.appendChild( fText );
	container.appendChild( footer );

	var canvas  = container.querySelector( '.hw-canvas' );
	var ctx     = canvas.getContext( '2d' );
	var W, H, verts, dragging = -1;

	/* -- vertex initialisation -- */
	function initVerts() {
		var ox = W / 2 - 5.5 * SCALE;
		var oy = 20;
		verts = [
			{ x: ox + 5.5 * SCALE, y: oy + 1.2 * SCALE },
			{ x: ox + 1.2 * SCALE, y: oy + 8.0 * SCALE },
			{ x: ox + 9.8 * SCALE, y: oy + 8.0 * SCALE }
		];
	}

	/* -- colour palette -- */
	function isDark() {
		var root = document.documentElement;
		if ( root.classList.contains( 'skin-theme-clientpref-night' ) ||
		     root.classList.contains( 'client-dark-mode' ) ||
		     document.body.classList.contains( 'mw-dark-mode' ) ) {
			return true;
		}
		return false;
	}

	function palette() {
		var dark = isDark();
		return {
			dark:   dark,
			tri:    dark ? '#AFA9EC' : '#534AB7',
			cen:    dark ? '#EF9F27' : '#BA7517',
			median: dark ? '#5DCAA5' : '#0F6E56',
			grid:   dark ? '#444441' : '#D3D1C7',
			dotBg:  dark ? '#1e1e1c' : '#ffffff'
		};
	}

	/* -- grid (major cm lines only, very faint) -- */
	function drawGrid( p ) {
		ctx.lineWidth   = 0.5;
		ctx.strokeStyle = p.grid;
		ctx.globalAlpha = 0.18;
		for ( var cm = 0; cm * SCALE &lt; W + SCALE; cm++ ) {
			ctx.beginPath();
			ctx.moveTo( cm * SCALE, 0 );
			ctx.lineTo( cm * SCALE, H );
			ctx.stroke();
		}
		for ( var row = 0; row * SCALE &lt; H + SCALE; row++ ) {
			ctx.beginPath();
			ctx.moveTo( 0, row * SCALE );
			ctx.lineTo( W, row * SCALE );
			ctx.stroke();
		}
		ctx.globalAlpha = 1.0;
	}

	/* -- main draw -- */
	function draw() {
		if ( !verts ) { return; }
		ctx.clearRect( 0, 0, W, H );
		var p = palette();
		drawGrid( p );

		var A = verts[ 0 ], B = verts[ 1 ], C = verts[ 2 ];

		var G  = centroid( A, B, C );
		var Ma = midpoint( B, C );
		var Mb = midpoint( C, A );
		var Mc = midpoint( A, B );

		/* 1. dashed medians — full vertex-to-midpoint lines */
		ctx.save();
		ctx.strokeStyle = p.median; ctx.lineWidth = 1.4; ctx.setLineDash( [ 6, 5 ] );
		[ [ A, Ma ], [ B, Mb ], [ C, Mc ] ].forEach( function ( pr ) {
			ctx.beginPath(); ctx.moveTo( pr[ 0 ].x, pr[ 0 ].y ); ctx.lineTo( pr[ 1 ].x, pr[ 1 ].y ); ctx.stroke();
		} );
		ctx.setLineDash( [] ); ctx.restore();

		/* 2. triangle fill + stroke */
		ctx.save();
		ctx.beginPath();
		ctx.moveTo( A.x, A.y ); ctx.lineTo( B.x, B.y ); ctx.lineTo( C.x, C.y ); ctx.closePath();
		ctx.fillStyle   = p.dark ? 'rgba(175,169,236,.07)' : 'rgba(83,74,183,.06)';
		ctx.fill();
		ctx.strokeStyle = p.tri; ctx.lineWidth = 2; ctx.stroke();
		ctx.restore();

		/* 3. midpoint dots */
		[ Ma, Mb, Mc ].forEach( function ( M ) {
			ctx.save();
			ctx.beginPath(); ctx.arc( M.x, M.y, 4, 0, Math.PI * 2 );
			ctx.fillStyle = p.median; ctx.fill();
			ctx.restore();
		} );

		/* 4. centroid dot */
		ctx.save();
		ctx.beginPath(); ctx.arc( G.x, G.y, 8, 0, Math.PI * 2 );
		ctx.fillStyle   = p.cen; ctx.fill();
		ctx.strokeStyle = p.dotBg; ctx.lineWidth = 2; ctx.stroke();
		ctx.restore();

		/* 5. vertex dots */
		verts.forEach( function ( V, i ) {
			ctx.save();
			ctx.beginPath(); ctx.arc( V.x, V.y, dragging === i ? 8 : 6.5, 0, Math.PI * 2 );
			ctx.fillStyle   = p.tri; ctx.fill();
			ctx.strokeStyle = p.dotBg; ctx.lineWidth = 2; ctx.stroke();
			ctx.restore();
		} );

		/* 6. text labels */
		ctx.save();
		ctx.textBaseline = 'middle';

		/* vertex names */
		ctx.font = &quot;italic 700 18px 'Latin Modern Math', 'STIX Two Math', 'Computer Modern', 'Times New Roman', serif&quot;;
		[ A, B, C ].forEach( function ( V, i ) {
			var lbl = labelOffset( V, verts.filter( function ( _, j ) { return j !== i; } ), 26 );
			ctx.fillStyle = p.tri; ctx.textAlign = 'center';
			ctx.fillText( [ 'A', 'B', 'C' ][ i ], lbl.x, lbl.y );
		} );

		/* G label */
		ctx.fillStyle = p.cen;
		ctx.font = &quot;italic 700 18px 'Latin Modern Math', 'STIX Two Math', 'Computer Modern', 'Times New Roman', serif&quot;;
		ctx.textAlign = 'center';
		ctx.fillText( 'G', G.x + 16, G.y - 16 );

		ctx.restore();
	}

	/* -- resize -- */
	function resize() {
		W = canvas.offsetWidth;
		H = 440;
		canvas.width  = W * DPR;
		canvas.height = H * DPR;
		ctx.setTransform( DPR, 0, 0, DPR, 0, 0 );
		initVerts();
		draw();
	}

	/* -- pointer helpers -- */
	function ptFromEvent( e ) {
		var rect = canvas.getBoundingClientRect();
		var src  = e.touches ? e.touches[ 0 ] : e;
		return {
			x: ( src.clientX - rect.left ) * ( W / rect.width ),
			y: ( src.clientY - rect.top  ) * ( H / rect.height )
		};
	}
	function hitTest( pt ) {
		return verts.findIndex( function ( v ) {
			return Math.hypot( v.x - pt.x, v.y - pt.y ) &lt; 16;
		} );
	}
	function clamp( pt ) {
		return {
			x: Math.max( 10, Math.min( W - 10, pt.x ) ),
			y: Math.max( 4, Math.min( H - 10, pt.y ) )
		};
	}

	canvas.addEventListener( 'mousedown',  function ( e ) { dragging = hitTest( ptFromEvent( e ) ); if ( dragging &gt;= 0 ) { canvas.style.cursor = 'grabbing'; } } );
	canvas.addEventListener( 'mousemove',  function ( e ) {
		if ( dragging &lt; 0 ) {
			canvas.style.cursor = hitTest( ptFromEvent( e ) ) &gt;= 0 ? 'grab' : 'crosshair';
			return;
		}
		verts[ dragging ] = clamp( ptFromEvent( e ) );
		draw();
	} );
	canvas.addEventListener( 'mouseup',    function () { dragging = -1; canvas.style.cursor = 'crosshair'; } );
	canvas.addEventListener( 'mouseleave', function () { dragging = -1; } );
	canvas.addEventListener( 'touchstart', function ( e ) {
		e.preventDefault(); dragging = hitTest( ptFromEvent( e ) );
	}, { passive: false } );
	canvas.addEventListener( 'touchmove', function ( e ) {
		e.preventDefault();
		if ( dragging &lt; 0 ) { return; }
		verts[ dragging ] = clamp( ptFromEvent( e ) );
		draw();
	}, { passive: false } );
	canvas.addEventListener( 'touchend', function () { dragging = -1; } );

	/* dark-mode live update (MediaWiki) */
	var observer = new MutationObserver( draw );
	observer.observe( document.documentElement, { attributes: true, attributeFilter: [ 'class' ] } );
	observer.observe( document.body,            { attributes: true, attributeFilter: [ 'class' ] } );

	/* kick off */
	var ro = new ResizeObserver( resize );
	ro.observe( canvas );
}

/* ----------------------------------------------------------
 * Initialise all matching containers on the page
 * ---------------------------------------------------------- */
document.querySelectorAll( '.hiruwiki[data-module=&quot;triangle-centroid&quot;]' ).forEach( buildWidget );

}() );</text>
      <sha1>8u2f35hcnau4371odo7apj2l14s3cjb</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/triangles.js</title>
    <ns>8</ns>
    <id>179533</id>
    <revision>
      <id>781453</id>
      <parentid>770260</parentid>
      <timestamp>2026-10-28T10:40:38Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781453</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="29445" sha1="q18e1byhjr5jq51o77dh2rsal4ovyff" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
(function () {


/* ── I18N ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var messages = /* I18N_START */ {
    &quot;nl&quot;: {
        &quot;_name&quot;: &quot;Driehoeken&quot;,
        &quot;acute&quot;: &quot;scherphoekig&quot;,
        &quot;angles&quot;: &quot;Hoeken&quot;,
        &quot;area&quot;: &quot;Oppervlakte&quot;,
        &quot;byAngles&quot;: &quot;Op basis van hoeken:&quot;,
        &quot;bySides&quot;: &quot;Op basis van zijden:&quot;,
        &quot;classification&quot;: &quot;Classificatie&quot;,
        &quot;equilateral&quot;: &quot;gelijkzijdig&quot;,
        &quot;isosceles&quot;: &quot;gelijkbenig&quot;,
        &quot;measurements&quot;: &quot;Afmetingen&quot;,
        &quot;obtuse&quot;: &quot;stomphoekig&quot;,
        &quot;perimeter&quot;: &quot;Omtrek&quot;,
        &quot;reset&quot;: &quot;Opnieuw instellen ↺&quot;,
        &quot;right&quot;: &quot;rechthoekig&quot;,
        &quot;scalene&quot;: &quot;ongelijkzijdig&quot;,
        &quot;sides&quot;: &quot;Zijden&quot;,
        &quot;sideA&quot;: &quot;zijde a (BC)&quot;,
        &quot;sideB&quot;: &quot;zijde b (CA)&quot;,
        &quot;sideC&quot;: &quot;zijde c (AB)&quot;,
        &quot;unitCm&quot;: &quot;cm&quot;,
        &quot;unitCm2&quot;: &quot;cm²&quot;,
        &quot;hint&quot;: &quot;Sleep hoekpunten om de vorm en classificatie te wijzigen&quot;
    },
    &quot;fr&quot;: {
        &quot;_name&quot;: &quot;Triangles&quot;,
        &quot;acute&quot;: &quot;acutangle&quot;,
        &quot;angles&quot;: &quot;Angles&quot;,
        &quot;area&quot;: &quot;Aire&quot;,
        &quot;byAngles&quot;: &quot;Par angles :&quot;,
        &quot;bySides&quot;: &quot;Par côtés :&quot;,
        &quot;classification&quot;: &quot;Classification&quot;,
        &quot;equilateral&quot;: &quot;équilatéral&quot;,
        &quot;isosceles&quot;: &quot;isocèle&quot;,
        &quot;measurements&quot;: &quot;Mesures&quot;,
        &quot;obtuse&quot;: &quot;obtusangle&quot;,
        &quot;perimeter&quot;: &quot;Périmètre&quot;,
        &quot;reset&quot;: &quot;↺ Réinitialiser&quot;,
        &quot;right&quot;: &quot;rectangle&quot;,
        &quot;scalene&quot;: &quot;scalène&quot;,
        &quot;sides&quot;: &quot;Côtés&quot;,
        &quot;sideA&quot;: &quot;côté a (BC)&quot;,
        &quot;sideB&quot;: &quot;côté b (CA)&quot;,
        &quot;sideC&quot;: &quot;côté c (AB)&quot;,
        &quot;unitCm&quot;: &quot;cm&quot;,
        &quot;unitCm2&quot;: &quot;cm²&quot;,
        &quot;hint&quot;: &quot;Tirez les sommets pour changer de forme et de classification&quot;
    },
    &quot;eu&quot;: {
        &quot;_name&quot;: &quot;Hirukiak&quot;,
        &quot;acute&quot;: &quot;zorrotza&quot;,
        &quot;angles&quot;: &quot;Angeluak&quot;,
        &quot;area&quot;: &quot;Azalera&quot;,
        &quot;byAngles&quot;: &quot;Angeluen arabera:&quot;,
        &quot;bySides&quot;: &quot;Aldeen arabera:&quot;,
        &quot;classification&quot;: &quot;Sailkapena&quot;,
        &quot;equilateral&quot;: &quot;aldekidea&quot;,
        &quot;isosceles&quot;: &quot;isoszelea&quot;,
        &quot;measurements&quot;: &quot;Neurriak&quot;,
        &quot;obtuse&quot;: &quot;kamutsa&quot;,
        &quot;perimeter&quot;: &quot;Perimetroa&quot;,
        &quot;reset&quot;: &quot;Berrezarri ↺&quot;,
        &quot;right&quot;: &quot;zuzena&quot;,
        &quot;scalene&quot;: &quot;eskaleno&quot;,
        &quot;sides&quot;: &quot;Aldeak&quot;,
        &quot;sideA&quot;: &quot;a aldea (BC)&quot;,
        &quot;sideB&quot;: &quot;b aldea (CA)&quot;,
        &quot;sideC&quot;: &quot;c aldea (AB)&quot;,
        &quot;unitCm&quot;: &quot;cm&quot;,
        &quot;unitCm2&quot;: &quot;cm²&quot;,
        &quot;hint&quot;: &quot;Arrastatu erpinak forma eta sailkapena aldatzeko&quot;
    },
    &quot;sk&quot;: {
        &quot;_name&quot;: &quot;Trojuholníky&quot;,
        &quot;acute&quot;: &quot;ostrouhlý&quot;,
        &quot;angles&quot;: &quot;Uhly&quot;,
        &quot;area&quot;: &quot;Obsah&quot;,
        &quot;byAngles&quot;: &quot;Podľa uhlov:&quot;,
        &quot;bySides&quot;: &quot;Podľa strán:&quot;,
        &quot;classification&quot;: &quot;Klasifikácia&quot;,
        &quot;equilateral&quot;: &quot;rovnostranný&quot;,
        &quot;isosceles&quot;: &quot;rovnoramenný&quot;,
        &quot;measurements&quot;: &quot;Rozmery&quot;,
        &quot;obtuse&quot;: &quot;tupouhlý&quot;,
        &quot;perimeter&quot;: &quot;Obvod&quot;,
        &quot;reset&quot;: &quot;Vynulovať ↺&quot;,
        &quot;right&quot;: &quot;pravouhlý&quot;,
        &quot;scalene&quot;: &quot;rôznostranný&quot;,
        &quot;sides&quot;: &quot;Strany&quot;,
        &quot;sideA&quot;: &quot;strana a (BC)&quot;,
        &quot;sideB&quot;: &quot;strana b (CA)&quot;,
        &quot;sideC&quot;: &quot;strana c (AB)&quot;,
        &quot;unitCm&quot;: &quot;cm&quot;,
        &quot;unitCm2&quot;: &quot;cm²&quot;,
        &quot;hint&quot;: &quot;Potiahnutím vrcholov zmeníte tvar a klasifikáciu&quot;
    },
    &quot;skr-arab&quot;: {
        &quot;_name&quot;: &quot;مثلثیں&quot;,
        &quot;acute&quot;: &quot;حاد الزاویہ&quot;,
        &quot;angles&quot;: &quot;زاویے&quot;,
        &quot;area&quot;: &quot;رقبہ&quot;,
        &quot;byAngles&quot;: &quot;زاویے دے لحاظ نال:&quot;,
        &quot;bySides&quot;: &quot;ضلعے دے لحاظ نال:&quot;,
        &quot;classification&quot;: &quot;درجہ بندی&quot;,
        &quot;equilateral&quot;: &quot;مساوی الاضلاع&quot;,
        &quot;isosceles&quot;: &quot;مساوی الساقین&quot;,
        &quot;measurements&quot;: &quot;پیمائشاں&quot;,
        &quot;obtuse&quot;: &quot;منفرج الزاویہ&quot;,
        &quot;perimeter&quot;: &quot;گھیر&quot;,
        &quot;reset&quot;: &quot;دوبارہ ↺&quot;,
        &quot;right&quot;: &quot;قائم الزاویہ&quot;,
        &quot;scalene&quot;: &quot;مختلف الاضلاع&quot;,
        &quot;sides&quot;: &quot;ضلعے&quot;,
        &quot;sideA&quot;: &quot;ضلع a (BC)&quot;,
        &quot;sideB&quot;: &quot;ضلع b (CA)&quot;,
        &quot;sideC&quot;: &quot;ضلع c (AB)&quot;,
        &quot;unitCm&quot;: &quot;سم&quot;,
        &quot;unitCm2&quot;: &quot;سم²&quot;,
        &quot;hint&quot;: &quot;شکل تے درجہ بندی بدلݨ کیتے سرے گھسیٹو&quot;
    },
    &quot;lb&quot;: {
        &quot;angles&quot;: &quot;Wénkelen&quot;,
        &quot;area&quot;: &quot;Fläch&quot;,
        &quot;perimeter&quot;: &quot;Ëmfang&quot;,
        &quot;sides&quot;: &quot;Säiten&quot;,
        &quot;unitCm&quot;: &quot;cm&quot;,
        &quot;unitCm2&quot;: &quot;cm²&quot;
    },
    &quot;ko&quot;: {
        &quot;_name&quot;: &quot;삼각형&quot;,
        &quot;acute&quot;: &quot;예각 삼각형&quot;,
        &quot;angles&quot;: &quot;각&quot;,
        &quot;area&quot;: &quot;면적&quot;,
        &quot;byAngles&quot;: &quot;각별로:&quot;,
        &quot;bySides&quot;: &quot;변별로:&quot;,
        &quot;classification&quot;: &quot;분류&quot;,
        &quot;equilateral&quot;: &quot;정삼각형&quot;,
        &quot;isosceles&quot;: &quot;이등변삼각형&quot;,
        &quot;measurements&quot;: &quot;측정&quot;,
        &quot;obtuse&quot;: &quot;둔각 삼각형&quot;,
        &quot;perimeter&quot;: &quot;둘레&quot;,
        &quot;reset&quot;: &quot;초기화 ↺&quot;,
        &quot;right&quot;: &quot;직각 삼각형&quot;,
        &quot;scalene&quot;: &quot;부등변삼각형&quot;,
        &quot;sides&quot;: &quot;변&quot;,
        &quot;sideA&quot;: &quot;변 a (BC)&quot;,
        &quot;sideB&quot;: &quot;변 b (CA)&quot;,
        &quot;sideC&quot;: &quot;변 c (AB)&quot;,
        &quot;unitCm&quot;: &quot;cm&quot;,
        &quot;unitCm2&quot;: &quot;cm²&quot;,
        &quot;hint&quot;: &quot;꼭짓점을 드래그하여 모양과 분류를 변경하세요&quot;
    },
    &quot;en&quot;: {
        &quot;_name&quot;: &quot;Triangles&quot;,
        &quot;acute&quot;: &quot;acute&quot;,
        &quot;angles&quot;: &quot;Angles&quot;,
        &quot;area&quot;: &quot;Area&quot;,
        &quot;byAngles&quot;: &quot;By angles:&quot;,
        &quot;bySides&quot;: &quot;By sides:&quot;,
        &quot;classification&quot;: &quot;Classification&quot;,
        &quot;equilateral&quot;: &quot;equilateral&quot;,
        &quot;isosceles&quot;: &quot;isosceles&quot;,
        &quot;measurements&quot;: &quot;Measurements&quot;,
        &quot;obtuse&quot;: &quot;obtuse&quot;,
        &quot;perimeter&quot;: &quot;Perimeter&quot;,
        &quot;reset&quot;: &quot;Reset ↺&quot;,
        &quot;right&quot;: &quot;right&quot;,
        &quot;scalene&quot;: &quot;scalene&quot;,
        &quot;sides&quot;: &quot;Sides&quot;,
        &quot;sideA&quot;: &quot;side a (BC)&quot;,
        &quot;sideB&quot;: &quot;side b (CA)&quot;,
        &quot;sideC&quot;: &quot;side c (AB)&quot;,
        &quot;unitCm&quot;: &quot;cm&quot;,
        &quot;unitCm2&quot;: &quot;cm²&quot;,
        &quot;hint&quot;: &quot;Drag vertices to change shape and classification&quot;
    },
    &quot;it&quot;: {
        &quot;angles&quot;: &quot;Angoli&quot;,
        &quot;area&quot;: &quot;Area&quot;,
        &quot;byAngles&quot;: &quot;Per angoli:&quot;,
        &quot;bySides&quot;: &quot;Per lati:&quot;,
        &quot;classification&quot;: &quot;Classificazione&quot;,
        &quot;measurements&quot;: &quot;Misure&quot;,
        &quot;perimeter&quot;: &quot;Perimetro&quot;,
        &quot;unitCm&quot;: &quot;cm&quot;,
        &quot;unitCm2&quot;: &quot;cm²&quot;
    },
    &quot;ca&quot;: {
        &quot;angles&quot;: &quot;Angles&quot;,
        &quot;right&quot;: &quot;recte&quot;,
        &quot;unitCm&quot;: &quot;cm&quot;,
        &quot;unitCm2&quot;: &quot;cm²&quot;
    },
    &quot;qqq&quot;: {
        &quot;_name&quot;: &quot;Name of the Triangles module&quot;,
        &quot;acute&quot;: &quot;Classification name for an acute triangle (all angles &lt; 90°)&quot;,
        &quot;angles&quot;: &quot;Section heading for the angles display&quot;,
        &quot;area&quot;: &quot;Label for the triangle area&quot;,
        &quot;byAngles&quot;: &quot;Label prefix for the angle-based classification. Followed by the classification name.&quot;,
        &quot;bySides&quot;: &quot;Label prefix for the side-based classification. Followed by the classification name.&quot;,
        &quot;classification&quot;: &quot;Section heading for the triangle classification&quot;,
        &quot;equilateral&quot;: &quot;Classification name for an equilateral triangle (all sides equal)&quot;,
        &quot;isosceles&quot;: &quot;Classification name for an isosceles triangle (two sides equal)&quot;,
        &quot;measurements&quot;: &quot;Section heading for the measurements display&quot;,
        &quot;obtuse&quot;: &quot;Classification name for an obtuse triangle (one angle &gt; 90°)&quot;,
        &quot;perimeter&quot;: &quot;Label for the triangle perimeter&quot;,
        &quot;reset&quot;: &quot;Button label to reset the triangle&quot;,
        &quot;right&quot;: &quot;Classification name for a right triangle (one angle = 90°)&quot;,
        &quot;scalene&quot;: &quot;Classification name for a scalene triangle (no sides equal)&quot;,
        &quot;sides&quot;: &quot;Section heading for the sides display&quot;,
        &quot;sideA&quot;: &quot;Label for side a (the one connecting vertices B and C)&quot;,
        &quot;sideB&quot;: &quot;Label for side b (the one connecting vertices C and A)&quot;,
        &quot;sideC&quot;: &quot;Label for side c (the one connecting vertices A and B)&quot;,
        &quot;unitCm&quot;: &quot;Unit of length (centimeters)&quot;,
        &quot;unitCm2&quot;: &quot;Unit of area (square centimeters)&quot;,
        &quot;hint&quot;: &quot;Explanation about how the module is interactive&quot;
    },
    &quot;ga&quot;: {
        &quot;_name&quot;: &quot;Triantáin&quot;,
        &quot;acute&quot;: &quot;géarmhíochaine&quot;,
        &quot;angles&quot;: &quot;Uillinneacha&quot;,
        &quot;area&quot;: &quot;Limistéar&quot;,
        &quot;byAngles&quot;: &quot;De réir uillinneacha:&quot;,
        &quot;bySides&quot;: &quot;De réir taobhanna:&quot;,
        &quot;classification&quot;: &quot;Aicmiú&quot;,
        &quot;equilateral&quot;: &quot;comhshleasach&quot;,
        &quot;isosceles&quot;: &quot;comhchosach&quot;,
        &quot;measurements&quot;: &quot;Tomhais&quot;,
        &quot;obtuse&quot;: &quot;maol&quot;,
        &quot;perimeter&quot;: &quot;Imlíne&quot;,
        &quot;reset&quot;: &quot;Athshocraigh ↺&quot;,
        &quot;right&quot;: &quot;ar dheis&quot;,
        &quot;scalene&quot;: &quot;corrshleasach&quot;,
        &quot;sides&quot;: &quot;Taobhanna&quot;,
        &quot;sideA&quot;: &quot;taobh a (RC)&quot;,
        &quot;sideB&quot;: &quot;taobh b (CA)&quot;,
        &quot;sideC&quot;: &quot;taobh c (AB)&quot;,
        &quot;unitCm&quot;: &quot;cm&quot;,
        &quot;unitCm2&quot;: &quot;cm²&quot;,
        &quot;hint&quot;: &quot;Tarraing buaicphointí chun cruth agus aicmiú a athrú&quot;
    },
    &quot;es&quot;: {
        &quot;_name&quot;: &quot;Triángulos&quot;,
        &quot;acute&quot;: &quot;acutángulo&quot;,
        &quot;angles&quot;: &quot;Ángulos&quot;,
        &quot;area&quot;: &quot;Área&quot;,
        &quot;byAngles&quot;: &quot;Por ángulos:&quot;,
        &quot;bySides&quot;: &quot;Por lados:&quot;,
        &quot;classification&quot;: &quot;Clasificación&quot;,
        &quot;equilateral&quot;: &quot;equilátero&quot;,
        &quot;isosceles&quot;: &quot;isósceles&quot;,
        &quot;measurements&quot;: &quot;Medidas&quot;,
        &quot;obtuse&quot;: &quot;obtusángulo&quot;,
        &quot;perimeter&quot;: &quot;Perímetro&quot;,
        &quot;reset&quot;: &quot;↺ Reiniciar&quot;,
        &quot;right&quot;: &quot;rectángulo&quot;,
        &quot;scalene&quot;: &quot;escaleno&quot;,
        &quot;sides&quot;: &quot;Lados&quot;,
        &quot;sideA&quot;: &quot;lado a (BC)&quot;,
        &quot;sideB&quot;: &quot;lado b (CA)&quot;,
        &quot;sideC&quot;: &quot;lado c (AB)&quot;,
        &quot;unitCm&quot;: &quot;cm&quot;,
        &quot;unitCm2&quot;: &quot;cm²&quot;,
        &quot;hint&quot;: &quot;Arrastra los vértices para cambiar la forma y la clasificación&quot;
    },
    &quot;mk&quot;: {
        &quot;_name&quot;: &quot;Триаголници&quot;,
        &quot;acute&quot;: &quot;остар&quot;,
        &quot;angles&quot;: &quot;Агли&quot;,
        &quot;area&quot;: &quot;Плоштина&quot;,
        &quot;byAngles&quot;: &quot;По агли:&quot;,
        &quot;bySides&quot;: &quot;По страни:&quot;,
        &quot;classification&quot;: &quot;Класификација&quot;,
        &quot;equilateral&quot;: &quot;рамностран&quot;,
        &quot;isosceles&quot;: &quot;рамнокрак&quot;,
        &quot;measurements&quot;: &quot;Димензии&quot;,
        &quot;obtuse&quot;: &quot;тап&quot;,
        &quot;perimeter&quot;: &quot;Обем&quot;,
        &quot;reset&quot;: &quot;Одново ↺&quot;,
        &quot;right&quot;: &quot;правоаголен&quot;,
        &quot;scalene&quot;: &quot;разностран&quot;,
        &quot;sides&quot;: &quot;Страни&quot;,
        &quot;sideA&quot;: &quot;страна a (BC)&quot;,
        &quot;sideB&quot;: &quot;страна b (CA)&quot;,
        &quot;sideC&quot;: &quot;страна c (AB)&quot;,
        &quot;unitCm&quot;: &quot;см&quot;,
        &quot;unitCm2&quot;: &quot;см²&quot;,
        &quot;hint&quot;: &quot;Повлечете ги темињата за да ја смените фигурата и класификацијата&quot;
    }
} /* I18N_END */
var lang = (window.mw &amp;&amp; mw.config.get('wgUserLanguage')) || 'en';
var banana = new Banana(lang.split('-')[0]);
banana.load(messages);

function t(key, vars) {
    var args = Array.isArray(vars) ? vars : [];
    var str = banana.i18n(key, ...args);
    if (vars &amp;&amp; typeof vars === 'object' &amp;&amp; !Array.isArray(vars)) {
        Object.keys(vars).forEach(function(k) {
            str = str.replace(new RegExp('\\{' + k + '\\}', 'g'), vars[k]);
        });
    }
    return str;
}

function initTriangleWidget(container) {

var boardWidth  = 20;
var boardHeight = 14;

/* ── Build layout ── */
var layout = document.createElement(&quot;div&quot;);
layout.className = &quot;triangle-layout&quot;;

var canvasWrap = document.createElement(&quot;div&quot;);
canvasWrap.className = &quot;triangle-canvas-wrap&quot;;

/* ── Side panel ── */
var panel = document.createElement(&quot;div&quot;);
panel.className = &quot;triangle-panel&quot;;

/* Classification section */
var secClass = document.createElement(&quot;div&quot;);
secClass.className = &quot;triangle-panel-section&quot;;
var lblClass = document.createElement(&quot;div&quot;);
lblClass.className = &quot;triangle-panel-label&quot;;
lblClass.textContent = t('classification');
secClass.appendChild(lblClass);

var badgeSidesWrap = document.createElement(&quot;div&quot;);
badgeSidesWrap.className = &quot;triangle-badge-wrap&quot;;
var badgeSidesLbl = document.createElement(&quot;span&quot;);
badgeSidesLbl.className = &quot;triangle-badge-sublabel&quot;;
badgeSidesLbl.textContent = t('bySides');
var badgeSides = document.createElement(&quot;span&quot;);
badgeSides.className = &quot;triangle-badge triangle-badge-sides&quot;;
badgeSidesWrap.appendChild(badgeSidesLbl);
badgeSidesWrap.appendChild(document.createElement(&quot;br&quot;));
badgeSidesWrap.appendChild(badgeSides);

var badgeAnglesWrap = document.createElement(&quot;div&quot;);
badgeAnglesWrap.className = &quot;triangle-badge-wrap&quot;;
var badgeAnglesLbl = document.createElement(&quot;span&quot;);
badgeAnglesLbl.className = &quot;triangle-badge-sublabel&quot;;
badgeAnglesLbl.textContent = t('byAngles');
var badgeAngles = document.createElement(&quot;span&quot;);
badgeAngles.className = &quot;triangle-badge triangle-badge-angles&quot;;
badgeAnglesWrap.appendChild(badgeAnglesLbl);
badgeAnglesWrap.appendChild(document.createElement(&quot;br&quot;));
badgeAnglesWrap.appendChild(badgeAngles);

secClass.appendChild(badgeSidesWrap);
secClass.appendChild(badgeAnglesWrap);
panel.appendChild(secClass);

/* Sides section */
var secSides = document.createElement(&quot;div&quot;);
secSides.className = &quot;triangle-panel-section&quot;;
var lblSides = document.createElement(&quot;div&quot;);
lblSides.className = &quot;triangle-panel-label&quot;;
lblSides.textContent = t('sides');
secSides.appendChild(lblSides);

var dotClasses       = [&quot;triangle-dot--a&quot;,        &quot;triangle-dot--b&quot;,        &quot;triangle-dot--c&quot;];
var sideLabelClasses = [&quot;triangle-side-label--c&quot;,  &quot;triangle-side-label--a&quot;, &quot;triangle-side-label--b&quot;];
var sideNames        = [t('sideA'), t('sideB'), t('sideC')];
var sideValEls       = [];
for (var si = 0; si &lt; 3; si++) {
  var srow = document.createElement(&quot;div&quot;);
  srow.className = &quot;triangle-measure-row&quot;;
  var skey = document.createElement(&quot;span&quot;);
  skey.className = &quot;triangle-measure-key&quot;;
  var sdot = document.createElement(&quot;span&quot;);
  sdot.className = &quot;triangle-dot &quot; + dotClasses[si];
  skey.appendChild(sdot);
  skey.appendChild(document.createTextNode(sideNames[si]));
  var sval = document.createElement(&quot;span&quot;);
  sval.className = &quot;triangle-measure-val&quot;;
  sideValEls.push(sval);
  srow.appendChild(skey);
  srow.appendChild(sval);
  secSides.appendChild(srow);
}
panel.appendChild(secSides);

/* Angles section */
var secAngles = document.createElement(&quot;div&quot;);
secAngles.className = &quot;triangle-panel-section&quot;;
var lblAngles = document.createElement(&quot;div&quot;);
lblAngles.className = &quot;triangle-panel-label&quot;;
lblAngles.textContent = t('angles');
secAngles.appendChild(lblAngles);

var angleNames  = [&quot;\u03b1  (A)&quot;, &quot;\u03b2  (B)&quot;, &quot;\u03b3  (C)&quot;];
var angleValEls = [];
for (var ai = 0; ai &lt; 3; ai++) {
  var arow = document.createElement(&quot;div&quot;);
  arow.className = &quot;triangle-measure-row&quot;;
  var akey = document.createElement(&quot;span&quot;);
  akey.className = &quot;triangle-measure-key triangle-measure-key--angle&quot;;
  akey.textContent = angleNames[ai];
  var aval = document.createElement(&quot;span&quot;);
  aval.className = &quot;triangle-measure-val&quot;;
  angleValEls.push(aval);
  arow.appendChild(akey);
  arow.appendChild(aval);
  secAngles.appendChild(arow);
}
panel.appendChild(secAngles);

/* Perimeter / Area section */
var secMeta = document.createElement(&quot;div&quot;);
secMeta.className = &quot;triangle-panel-section&quot;;
var lblMeta = document.createElement(&quot;div&quot;);
lblMeta.className = &quot;triangle-panel-label&quot;;
lblMeta.textContent = t('measurements');
secMeta.appendChild(lblMeta);

var perimRow = document.createElement(&quot;div&quot;);
perimRow.className = &quot;triangle-measure-row&quot;;
var perimKey = document.createElement(&quot;span&quot;);
perimKey.className = &quot;triangle-measure-key&quot;;
perimKey.textContent = t('perimeter');
var perimVal = document.createElement(&quot;span&quot;);
perimVal.className = &quot;triangle-measure-val&quot;;
perimRow.appendChild(perimKey);
perimRow.appendChild(perimVal);

var areaRow = document.createElement(&quot;div&quot;);
areaRow.className = &quot;triangle-measure-row&quot;;
var areaKey = document.createElement(&quot;span&quot;);
areaKey.className = &quot;triangle-measure-key&quot;;
areaKey.textContent = t('area');
var areaVal = document.createElement(&quot;span&quot;);
areaVal.className = &quot;triangle-measure-val&quot;;
areaRow.appendChild(areaKey);
areaRow.appendChild(areaVal);

secMeta.appendChild(perimRow);
secMeta.appendChild(areaRow);
panel.appendChild(secMeta);

/* Reset button */
var controls = document.createElement(&quot;div&quot;);
controls.className = &quot;triangle-controls&quot;;
var reset = document.createElement(&quot;button&quot;);
reset.textContent = t('reset');
controls.appendChild(reset);
panel.appendChild(controls);

/* ── SVG ── */
var svg = document.createElementNS(&quot;http://www.w3.org/2000/svg&quot;, &quot;svg&quot;);
canvasWrap.appendChild(svg);

layout.appendChild(canvasWrap);
layout.appendChild(panel);
container.appendChild(layout);

/* ── Footer — hint text injected here, copy not loaded externally ── */
var footer = document.createElement(&quot;div&quot;);
footer.className = &quot;hw-footer&quot;;

var fLogo = document.createElement(&quot;a&quot;);
fLogo.className = &quot;hw-footer-icon&quot;;
fLogo.href = mw.util.getUrl('Wikipedia:Hiruwiki');
fLogo.title = 'Hiruwiki';
fLogo.innerHTML = hiruwiki.getLogoSvg(22);

var fText = document.createElement(&quot;span&quot;);
fText.innerHTML = t('hint');

footer.appendChild(fLogo);
footer.appendChild(fText);
container.appendChild(footer);

/* ── rest of module unchanged below ── */

var px;

function equilateral() {
  return [
    { x: 6,  y: 9 },
    { x: 14, y: 9 },
    { x: 10, y: 9 - 6.9282 }
  ];
}

var vertices        = equilateral();
var names           = [&quot;A&quot;, &quot;B&quot;, &quot;C&quot;];
var dragging        = null;
var dragStartMouse, dragStartVertex;

function cm(v) { return v * px; }

function createSVG(type, attrs, parent) {
  if (!parent) { parent = svg; }
  var e = document.createElementNS(&quot;http://www.w3.org/2000/svg&quot;, type);
  for (var k in attrs) {
    if (attrs.hasOwnProperty(k)) {
      e.setAttribute(k, attrs[k]);
    }
  }
  parent.appendChild(e);
  return e;
}

var grid       = createSVG(&quot;g&quot;, { &quot;class&quot;: &quot;triangle-grid&quot; });
var shapeFill  = createSVG(&quot;polygon&quot;, { &quot;class&quot;: &quot;triangle-fill&quot; });
var shapeLines = [];
var shapeLineClasses = [&quot;triangle-shape--c&quot;, &quot;triangle-shape--a&quot;, &quot;triangle-shape--b&quot;];
for (var li = 0; li &lt; 3; li++) {
  shapeLines.push(createSVG(&quot;line&quot;, { &quot;class&quot;: &quot;triangle-shape &quot; + shapeLineClasses[li] }));
}

var verts        = [];
var sides        = [];
var points       = [];
var arcs         = [];
var angLabels    = [];
var touchTargets = [];

for (var i = 0; i &lt; 3; i++) {
  var tt = createSVG(&quot;circle&quot;, { r: 22, &quot;class&quot;: &quot;triangle-touch-target&quot; });
  tt.setAttribute(&quot;data-i&quot;, i);
  touchTargets.push(tt);

  var vc = createSVG(&quot;circle&quot;, { r: 7, &quot;class&quot;: &quot;triangle-vertex&quot; });
  vc.setAttribute(&quot;data-i&quot;, i);
  verts.push(vc);

  sides.push(createSVG(&quot;text&quot;, { &quot;class&quot;: &quot;triangle-side-label &quot; + sideLabelClasses[i] }));
  points.push(createSVG(&quot;text&quot;, { &quot;class&quot;: &quot;triangle-point-label&quot; }));
  arcs.push(createSVG(&quot;path&quot;,  { &quot;class&quot;: &quot;triangle-angle-arc&quot; }));
  angLabels.push(createSVG(&quot;text&quot;, { &quot;class&quot;: &quot;triangle-angle-label&quot; }));
}

var right = createSVG(&quot;path&quot;, { &quot;class&quot;: &quot;triangle-right-marker&quot; });

/* ── Math helpers ── */
function dist(a, b) {
  var dx = a.x - b.x, dy = a.y - b.y;
  return Math.sqrt(dx * dx + dy * dy);
}

function angleBetween(A, B, C) {
  var BAx = A.x - B.x, BAy = A.y - B.y;
  var BCx = C.x - B.x, BCy = C.y - B.y;
  var dot = BAx * BCx + BAy * BCy;
  var mag = Math.sqrt(BAx * BAx + BAy * BAy) * Math.sqrt(BCx * BCx + BCy * BCy);
  var val = dot / mag;
  if (val &lt; -1) { val = -1; }
  if (val &gt;  1) { val =  1; }
  return Math.acos(val);
}

function centroid() {
  return {
    x: (vertices[0].x + vertices[1].x + vertices[2].x) / 3,
    y: (vertices[0].y + vertices[1].y + vertices[2].y) / 3
  };
}

function drawGrid() {
  grid.innerHTML = &quot;&quot;;
  var x, y;
  for (x = 0; x &lt;= boardWidth;  x++) { gridLine(x, 0, x, boardHeight); }
  for (y = 0; y &lt;= boardHeight; y++) { gridLine(0, y, boardWidth, y); }
}

function gridLine(x1, y1, x2, y2) {
  createSVG(&quot;line&quot;, { x1: cm(x1), y1: cm(y1), x2: cm(x2), y2: cm(y2) }, grid);
}

function arcRadius() {
  var a = dist(vertices[0], vertices[1]);
  var b = dist(vertices[1], vertices[2]);
  var c = dist(vertices[2], vertices[0]);
  var mn = a &lt; b ? a : b;
  return (mn &lt; c ? mn : c) * 0.25;
}

function computeArc(A, B, C) {
  var a1 = Math.atan2(A.y - B.y, A.x - B.x);
  var a2 = Math.atan2(C.y - B.y, C.x - B.x);
  var diff = a2 - a1;
  if (diff &lt; 0) { diff += Math.PI * 2; }
  var r  = arcRadius();
  var sx = B.x + r * Math.cos(a1), sy = B.y + r * Math.sin(a1);
  var ex = B.x + r * Math.cos(a2), ey = B.y + r * Math.sin(a2);
  var cross = (A.x - B.x) * (C.y - B.y) - (A.y - B.y) * (C.x - B.x);
  var sweep = cross &gt; 0 ? 1 : 0;
  return &quot;M&quot; + cm(sx) + &quot; &quot; + cm(sy) +
         &quot;A&quot; + cm(r)  + &quot; &quot; + cm(r)  + &quot; 0 0 &quot; + sweep + &quot; &quot; + cm(ex) + &quot; &quot; + cm(ey);
}

function bisector(A, B, C) {
  var BAx = A.x - B.x, BAy = A.y - B.y;
  var BCx = C.x - B.x, BCy = C.y - B.y;
  var m1 = Math.sqrt(BAx * BAx + BAy * BAy);
  var m2 = Math.sqrt(BCx * BCx + BCy * BCy);
  return { x: BAx / m1 + BCx / m2, y: BAy / m1 + BCy / m2 };
}

function classifySides() {
  var a = dist(vertices[1], vertices[2]);
  var b = dist(vertices[0], vertices[2]);
  var c = dist(vertices[0], vertices[1]);
  var e = 0.05;
  if (Math.abs(a - b) &lt; e &amp;&amp; Math.abs(b - c) &lt; e) { return t(&quot;equilateral&quot;); }
  if (Math.abs(a - b) &lt; e || Math.abs(a - c) &lt; e || Math.abs(b - c) &lt; e) { return t(&quot;isosceles&quot;); }
  return t(&quot;scalene&quot;);
}

function classifyAngles() {
  var A = angleBetween(vertices[1], vertices[0], vertices[2]) * 180 / Math.PI;
  var B = angleBetween(vertices[2], vertices[1], vertices[0]) * 180 / Math.PI;
  var C = angleBetween(vertices[0], vertices[2], vertices[1]) * 180 / Math.PI;
  var e = 0.5;
  if (Math.abs(A - 90) &lt; e || Math.abs(B - 90) &lt; e || Math.abs(C - 90) &lt; e) { return t(&quot;right&quot;); }
  if (A &gt; 90 || B &gt; 90 || C &gt; 90) { return t(&quot;obtuse&quot;); }
  return t(&quot;acute&quot;);
}

function triangleArea() {
  var a = vertices[0], b = vertices[1], c = vertices[2];
  return Math.abs((b.x - a.x) * (c.y - a.y) - (c.x - a.x) * (b.y - a.y)) / 2;
}

/* ── Render ── */
function update() {
  var j, a, b, pts = &quot;&quot;;
  for (j = 0; j &lt; 3; j++) {
    if (j &gt; 0) { pts += &quot; &quot;; }
    pts += cm(vertices[j].x) + &quot;,&quot; + cm(vertices[j].y);
  }
  shapeFill.setAttribute(&quot;points&quot;, pts);

  for (j = 0; j &lt; 3; j++) {
    a = vertices[j];
    b = vertices[(j + 1) % 3];
    shapeLines[j].setAttribute(&quot;x1&quot;, cm(a.x));
    shapeLines[j].setAttribute(&quot;y1&quot;, cm(a.y));
    shapeLines[j].setAttribute(&quot;x2&quot;, cm(b.x));
    shapeLines[j].setAttribute(&quot;y2&quot;, cm(b.y));
  }

  for (j = 0; j &lt; 3; j++) {
    verts[j].setAttribute(&quot;cx&quot;, cm(vertices[j].x));
    verts[j].setAttribute(&quot;cy&quot;, cm(vertices[j].y));
    touchTargets[j].setAttribute(&quot;cx&quot;, cm(vertices[j].x));
    touchTargets[j].setAttribute(&quot;cy&quot;, cm(vertices[j].y));
  }
  updateSides();
  updateAngles();
  updatePoints();
  updateRight();
  updatePanel();
}

function updatePoints() {
  var c = centroid(), v, dx, dy, m;
  for (var i = 0; i &lt; 3; i++) {
    v = vertices[i];
    dx = v.x - c.x; dy = v.y - c.y;
    m = Math.sqrt(dx * dx + dy * dy);
    points[i].textContent = names[i];
    points[i].setAttribute(&quot;x&quot;, cm(v.x + (dx / m) * 0.9));
    points[i].setAttribute(&quot;y&quot;, cm(v.y + (dy / m) * 0.9));
  }
}

function updateSides() {
  var a, b, mx, my, dx, dy, len, nx, ny, dot, offset;
  var c = centroid();
  for (var i = 0; i &lt; 3; i++) {
    a = vertices[i];
    b = vertices[(i + 1) % 3];
    mx = (a.x + b.x) / 2;
    my = (a.y + b.y) / 2;
    dx = b.x - a.x;
    dy = b.y - a.y;
    len = Math.sqrt(dx * dx + dy * dy);
    nx = -dy / len;
    ny =  dx / len;
    dot = (mx + nx - c.x) * nx + (my + ny - c.y) * ny;
    if (dot &lt; 0) { nx = -nx; ny = -ny; }
    offset = 0.55;
    sides[i].textContent = dist(a, b).toFixed(2);
    sides[i].setAttribute(&quot;x&quot;, cm(mx + nx * offset));
    sides[i].setAttribute(&quot;y&quot;, cm(my + ny * offset));
  }
}

function updateAngles() {
  var B, A, C, ang, isRight, b, bm, r;
  for (var i = 0; i &lt; 3; i++) {
    B = vertices[i];
    A = vertices[(i + 2) % 3];
    C = vertices[(i + 1) % 3];
    ang     = angleBetween(A, B, C) * 180 / Math.PI;
    isRight = Math.abs(ang - 90) &lt; 0.5;
    arcs[i].setAttribute(&quot;d&quot;, isRight ? &quot;&quot; : computeArc(A, B, C));
    b  = bisector(A, B, C);
    bm = Math.sqrt(b.x * b.x + b.y * b.y);
    r  = arcRadius();
    angLabels[i].textContent = ang.toFixed(1) + &quot;\u00b0&quot;;
    angLabels[i].setAttribute(&quot;x&quot;, cm(B.x + (b.x / bm) * r * 1.5));
    angLabels[i].setAttribute(&quot;y&quot;, cm(B.y + (b.y / bm) * r * 1.5));
  }
}

function updateRight() {
  right.setAttribute(&quot;d&quot;, &quot;&quot;);
  var B, A, C, ang, s, v1x, v1y, v2x, v2y, m1, m2, p1x, p1y, p2x, p2y, p3x, p3y;
  for (var i = 0; i &lt; 3; i++) {
    B = vertices[i];
    A = vertices[(i + 2) % 3];
    C = vertices[(i + 1) % 3];
    ang = angleBetween(A, B, C) * 180 / Math.PI;
    if (Math.abs(ang - 90) &lt; 0.5) {
      s   = arcRadius() * 0.6;
      v1x = A.x - B.x; v1y = A.y - B.y;
      v2x = C.x - B.x; v2y = C.y - B.y;
      m1  = Math.sqrt(v1x * v1x + v1y * v1y);
      m2  = Math.sqrt(v2x * v2x + v2y * v2y);
      v1x /= m1; v1y /= m1;
      v2x /= m2; v2y /= m2;
      p1x = B.x + v1x * s; p1y = B.y + v1y * s;
      p2x = p1x + v2x * s; p2y = p1y + v2y * s;
      p3x = B.x + v2x * s; p3y = B.y + v2y * s;
      right.setAttribute(&quot;d&quot;,
        &quot;M&quot; + cm(p1x) + &quot; &quot; + cm(p1y) +
        &quot;L&quot; + cm(p2x) + &quot; &quot; + cm(p2y) +
        &quot;L&quot; + cm(p3x) + &quot; &quot; + cm(p3y)
      );
    }
  }
}

function updatePanel() {
  var a = dist(vertices[1], vertices[2]);
  var b = dist(vertices[2], vertices[0]);
  var c = dist(vertices[0], vertices[1]);
  sideValEls[0].textContent = a.toFixed(2) + &quot; &quot; + t('unitCm');
  sideValEls[1].textContent = b.toFixed(2) + &quot; &quot; + t('unitCm');
  sideValEls[2].textContent = c.toFixed(2) + &quot; &quot; + t('unitCm');

  var A = angleBetween(vertices[1], vertices[0], vertices[2]) * 180 / Math.PI;
  var B = angleBetween(vertices[2], vertices[1], vertices[0]) * 180 / Math.PI;
  var C = angleBetween(vertices[0], vertices[2], vertices[1]) * 180 / Math.PI;
  angleValEls[0].textContent = A.toFixed(1) + &quot;\u00b0&quot;;
  angleValEls[1].textContent = B.toFixed(1) + &quot;\u00b0&quot;;
  angleValEls[2].textContent = C.toFixed(1) + &quot;\u00b0&quot;;

  perimVal.textContent = (a + b + c).toFixed(2) + &quot; &quot; + t('unitCm');
  areaVal.textContent  = triangleArea().toFixed(2) + &quot; &quot; + t('unitCm2');

  badgeSides.textContent  = classifySides();
  badgeAngles.textContent = classifyAngles();
}

/* ── Drag helpers ── */
function getPosSVG(clientX, clientY) {
  var rect = svg.getBoundingClientRect();
  return {
    x: (clientX - rect.left) / px,
    y: (clientY - rect.top)  / px
  };
}

function startDrag(idx, clientX, clientY) {
  dragging        = idx;
  dragStartMouse  = getPosSVG(clientX, clientY);
  dragStartVertex = { x: vertices[dragging].x, y: vertices[dragging].y };
}

function makeMouseDown(el) {
  el.addEventListener(&quot;mousedown&quot;, function (e) {
    e.preventDefault();
    startDrag(parseInt(el.getAttribute(&quot;data-i&quot;), 10), e.clientX, e.clientY);
  });
}

function makeTouchStart(el) {
  el.addEventListener(&quot;touchstart&quot;, function (e) {
    if (e.touches.length !== 1) { return; }
    e.preventDefault();
    var touch = e.touches[0];
    startDrag(parseInt(el.getAttribute(&quot;data-i&quot;), 10), touch.clientX, touch.clientY);
  }, false);
}

for (var di = 0; di &lt; 3; di++) {
  makeMouseDown(verts[di]);
  makeMouseDown(touchTargets[di]);
  makeTouchStart(verts[di]);
  makeTouchStart(touchTargets[di]);
}

function snapHalf(v) {
  return Math.round(v * 2) / 2;
}

window.addEventListener(&quot;mousemove&quot;, function (e) {
  if (dragging === null) { return; }
  var mouse = getPosSVG(e.clientX, e.clientY);
  var margin = 0.6;
  vertices[dragging] = {
    x: snapHalf(Math.max(margin, Math.min(boardWidth  - margin, dragStartVertex.x + (mouse.x - dragStartMouse.x)))),
    y: snapHalf(Math.max(margin, Math.min(boardHeight - margin, dragStartVertex.y + (mouse.y - dragStartMouse.y))))
  };
  update();
});

window.addEventListener(&quot;mouseup&quot;, function () { dragging = null; });

window.addEventListener(&quot;touchmove&quot;, function (e) {
  if (dragging === null || e.touches.length !== 1) { return; }
  e.preventDefault();
  var touch = e.touches[0];
  var mouse = getPosSVG(touch.clientX, touch.clientY);
  var margin = 0.6;
  vertices[dragging] = {
    x: snapHalf(Math.max(margin, Math.min(boardWidth  - margin, dragStartVertex.x + (mouse.x - dragStartMouse.x)))),
    y: snapHalf(Math.max(margin, Math.min(boardHeight - margin, dragStartVertex.y + (mouse.y - dragStartMouse.y))))
  };
  update();
}, false);

window.addEventListener(&quot;touchend&quot;,    function () { dragging = null; });
window.addEventListener(&quot;touchcancel&quot;, function () { dragging = null; });

reset.onclick = function () {
  vertices = equilateral();
  update();
};

/* ── Init ── */
function init() {
  px = svg.getBoundingClientRect().width / boardWidth;
  drawGrid();
  update();
}

requestAnimationFrame(init);
window.addEventListener(&quot;resize&quot;, function () { requestAnimationFrame(init); });

}

mw.hook(&quot;wikipage.content&quot;).add(function () {
  var els = document.querySelectorAll('.hiruwiki[data-module=&quot;triangles&quot;]');
  for (var i = 0; i &lt; els.length; i++) {
    var el = els[i];
    if (el.getAttribute(&quot;data-triangle-ready&quot;)) { continue; }
    el.setAttribute(&quot;data-triangle-ready&quot;, &quot;1&quot;);
    initTriangleWidget(el);
  }
});

})();</text>
      <sha1>q18e1byhjr5jq51o77dh2rsal4ovyff</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/trigonometry.js</title>
    <ns>8</ns>
    <id>179535</id>
    <revision>
      <id>781454</id>
      <parentid>770262</parentid>
      <timestamp>2026-10-28T10:40:42Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781454</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="30101" sha1="a03mks0owd66qfqcyayijmm406yfbcy" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* Hiruwiki module: trigonometry
 * Usage: &lt;div class=&quot;hiruwiki&quot; data-module=&quot;trigonometry&quot;&gt;&lt;/div&gt;
 * Renders a unit-circle trigonometry calculator with animated proofs.
 */
(function () {
    'use strict';

    
/* ── I18N ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var messages = /* I18N_START */ {
    &quot;nl&quot;: {
        &quot;_name&quot;: &quot;Goniometrie&quot;,
        &quot;angle&quot;: &quot;Hoek &amp;theta;&quot;,
        &quot;cosDesc&quot;: &quot;De blauwe lijn is de &lt;strong&gt;aanliggende&lt;/strong&gt; zijde &amp;mdash; de horizontale afstand van de oorsprong tot de basis van de loodlijn. cos&amp;nbsp;&amp;theta;&amp;nbsp;=&amp;nbsp;aanliggende&amp;nbsp;&amp;divide;&amp;nbsp;schuine&amp;nbsp;zijde&amp;nbsp;(=&amp;nbsp;1).&quot;,
        &quot;cosFormula&quot;: &quot;aanliggende / schuine&quot;,
        &quot;hideProof&quot;: &quot;Bewijs verbergen&quot;,
        &quot;prove&quot;: &quot;Bewijs&quot;,
        &quot;sinDesc&quot;: &quot;De groene lijn is de &lt;strong&gt;overstaande&lt;/strong&gt; zijde &amp;mdash; de verticale afstand van het punt op de cirkel tot de x-as. sin&amp;nbsp;&amp;theta;&amp;nbsp;=&amp;nbsp;overstaande&amp;nbsp;&amp;divide;&amp;nbsp;schuine&amp;nbsp;zijde&amp;nbsp;(=&amp;nbsp;1).&quot;,
        &quot;sinFormula&quot;: &quot;overstaande / schuine&quot;,
        &quot;tanDesc&quot;: &quot;De oranje lijn is getekend op x&amp;nbsp;=&amp;nbsp;1, rakend aan de cirkel. De hoogte is tan&amp;nbsp;&amp;theta;, aangezien tan&amp;nbsp;&amp;theta;&amp;nbsp;=&amp;nbsp;overstaande&amp;nbsp;&amp;divide;&amp;nbsp;aanliggende&amp;nbsp;=&amp;nbsp;sin&amp;nbsp;&amp;theta;&amp;nbsp;&amp;divide;&amp;nbsp;cos&amp;nbsp;&amp;theta;.&quot;,
        &quot;tanFormula&quot;: &quot;overstaande / aanliggende&quot;,
        &quot;hint&quot;: &quot;Gebruik de schuifregelaar om de hoek te wijzigen&quot;
    },
    &quot;fr&quot;: {
        &quot;_name&quot;: &quot;Trigonométrie&quot;,
        &quot;angle&quot;: &quot;Angle &amp;theta;&quot;,
        &quot;cosDesc&quot;: &quot;La ligne bleue est le côté &lt;strong&gt;adjacent&lt;/strong&gt; &amp;mdash; la distance horizontale de l'origine à la base de la perpendiculaire. cos&amp;nbsp;&amp;theta;&amp;nbsp;=&amp;nbsp;adyacente&amp;nbsp;&amp;divide;&amp;nbsp;hypoténuse&amp;nbsp;(=&amp;nbsp;1).&quot;,
        &quot;cosFormula&quot;: &quot;adjacent / hypoténuse&quot;,
        &quot;hideProof&quot;: &quot;Masquer la preuve&quot;,
        &quot;prove&quot;: &quot;Prouver&quot;,
        &quot;sinDesc&quot;: &quot;La ligne verte est le côté &lt;strong&gt;opposé&lt;/strong&gt; &amp;mdash; la distance verticale du point sur le cercle à l'axe x. sin&amp;nbsp;&amp;theta;&amp;nbsp;=&amp;nbsp;opposé&amp;nbsp;&amp;divide;&amp;nbsp;hypoténuse&amp;nbsp;(=&amp;nbsp;1).&quot;,
        &quot;sinFormula&quot;: &quot;opposé / hypoténuse&quot;,
        &quot;tanDesc&quot;: &quot;La ligne orange est tracée à x&amp;nbsp;=&amp;nbsp;1, tangente au cercle. Sa hauteur est tan&amp;nbsp;&amp;theta;, car tan&amp;nbsp;&amp;theta;&amp;nbsp;=&amp;nbsp;opposé&amp;nbsp;&amp;divide;&amp;nbsp;adjacent&amp;nbsp;=&amp;nbsp;sin&amp;nbsp;&amp;theta;&amp;nbsp;&amp;divide;&amp;nbsp;cos&amp;nbsp;&amp;theta;.&quot;,
        &quot;tanFormula&quot;: &quot;opposé / adjacent&quot;,
        &quot;hint&quot;: &quot;Utilisez le curseur pour changer l'angle&quot;
    },
    &quot;eu&quot;: {
        &quot;_name&quot;: &quot;Trigonometria&quot;,
        &quot;angle&quot;: &quot;Angelua &amp;theta;&quot;,
        &quot;cosDesc&quot;: &quot;Lerro urdina alde &lt;strong&gt;auzokidea&lt;/strong&gt; da &amp;mdash; jatorritik elkartzutaren oinarrira dagoen distantzia horizontala. cos&amp;nbsp;&amp;theta;&amp;nbsp;=&amp;nbsp;auzokidea&amp;nbsp;&amp;divide;&amp;nbsp;hipotenisa&amp;nbsp;(=&amp;nbsp;1).&quot;,
        &quot;cosFormula&quot;: &quot;auzokidea / hipotenusa&quot;,
        &quot;hideProof&quot;: &quot;Froga ezkutatu&quot;,
        &quot;prove&quot;: &quot;Frogatu&quot;,
        &quot;sinDesc&quot;: &quot;Lerro berdea &lt;strong&gt;aurkako&lt;/strong&gt; aldea da &amp;mdash; zirkulu puntutik x-ardatzera dagoen distantzia bertikala sin&amp;nbsp;&amp;theta;&amp;nbsp;=&amp;nbsp;aurkakoa&amp;nbsp;&amp;divide;&amp;nbsp;hipotenusa&amp;nbsp;(=&amp;nbsp;1).&quot;,
        &quot;sinFormula&quot;: &quot;aurkakoa / hipotenusa&quot;,
        &quot;tanDesc&quot;: &quot;Lerro laranja x&amp;nbsp;=&amp;nbsp;1 denean marrazten da, zirkuluarekiko tangentea. Bere altuera tan&amp;nbsp;&amp;theta; da, tan&amp;nbsp;=&amp;nbsp;aurkakoa&amp;nbsp;&amp;divide;&amp;nbsp;auzokidea&amp;nbsp;=&amp;nbsp;sin&amp;nbsp;&amp;theta;&amp;nbsp;&amp;divide;&amp;nbsp;cos&amp;nbsp;&amp;theta; baita.&quot;,
        &quot;tanFormula&quot;: &quot;aurkakoa / auzokidea&quot;,
        &quot;hint&quot;: &quot;Erabili graduatzailea angelua aldatzeko&quot;
    },
    &quot;sk&quot;: {
        &quot;_name&quot;: &quot;Trigonometria&quot;,
        &quot;angle&quot;: &quot;Uhol &amp;theta;&quot;,
        &quot;cosDesc&quot;: &quot;Modrá čiara je &lt;strong&gt;priľahlá&lt;/strong&gt; strana &amp;mdash; vodorovná vzdialenosť od počiatku k päte kolmice. cos&amp;nbsp;&amp;theta;&amp;nbsp;=&amp;nbsp;priľahlá&amp;nbsp;&amp;divide;&amp;nbsp;prepona&amp;nbsp;(=&amp;nbsp;1).&quot;,
        &quot;cosFormula&quot;: &quot;priľahlá / prepona&quot;,
        &quot;hideProof&quot;: &quot;Skryť dôkaz&quot;,
        &quot;prove&quot;: &quot;Dokázať&quot;,
        &quot;sinDesc&quot;: &quot;Zelená čiara je &lt;strong&gt;protiľahlá&lt;/strong&gt; strana &amp;mdash; zvislá vzdialenosť od bodu na kružnici k osi x. sin&amp;nbsp;&amp;theta;&amp;nbsp;=&amp;nbsp;protiľahlá&amp;nbsp;&amp;divide;&amp;nbsp;prepona&amp;nbsp;(=&amp;nbsp;1).&quot;,
        &quot;sinFormula&quot;: &quot;protiľahlá / prepona&quot;,
        &quot;tanDesc&quot;: &quot;Oranžová čiara je nakreslená pri x&amp;nbsp;=&amp;nbsp;1, dotyčnica ku kružnici. Jej výška je tan&amp;nbsp;&amp;theta;, keďže tan&amp;nbsp;&amp;theta;&amp;nbsp;=&amp;nbsp;protiľahlá&amp;nbsp;&amp;divide;&amp;nbsp;priľahlá&amp;nbsp;=&amp;nbsp;sin&amp;nbsp;&amp;theta;&amp;nbsp;&amp;divide;&amp;nbsp;cos&amp;nbsp;&amp;theta;.&quot;,
        &quot;tanFormula&quot;: &quot;protiľahlá / priľahlá&quot;,
        &quot;hint&quot;: &quot;Pomocou posuvníka zmeníte uhol&quot;
    },
    &quot;skr-arab&quot;: {
        &quot;_name&quot;: &quot;مثلثیات&quot;,
        &quot;angle&quot;: &quot;زاویہ &amp;theta;&quot;,
        &quot;cosDesc&quot;: &quot;نیلی لکیر &lt;strong&gt;مجاور&lt;/strong&gt; ضلع اے &amp;mdash; مبدا توں عمود دے قاعدے تائیں افقی فاصلہ۔ cos&amp;nbsp;&amp;theta;&amp;nbsp;=&amp;nbsp;مجاور&amp;nbsp;&amp;divide;&amp;nbsp;وتر&amp;nbsp;(=&amp;nbsp;1)۔&quot;,
        &quot;cosFormula&quot;: &quot;مجاور / وتر&quot;,
        &quot;hideProof&quot;: &quot;ثبوت لکاؤ&quot;,
        &quot;prove&quot;: &quot;ثابت کرو&quot;,
        &quot;sinDesc&quot;: &quot;سبز لکیر &lt;strong&gt;مقابل&lt;/strong&gt; ضلع اے &amp;mdash; دائرے تے نقطے توں x-محور تائیں عمودی فاصلہ۔ sin&amp;nbsp;&amp;theta;&amp;nbsp;=&amp;nbsp;مقابل&amp;nbsp;&amp;divide;&amp;nbsp;وتر&amp;nbsp;(=&amp;nbsp;1)۔&quot;,
        &quot;sinFormula&quot;: &quot;مقابل / وتر&quot;,
        &quot;tanDesc&quot;: &quot;نارنجی لکیر x&amp;nbsp;=&amp;nbsp;1 تے بنائی گئی اے، دائرے کوں مماس۔ ایندی اُچائی tan&amp;nbsp;&amp;theta; اے، کیوں جو tan&amp;nbsp;&amp;theta;&amp;nbsp;=&amp;nbsp;مقابل&amp;nbsp;&amp;divide;&amp;nbsp;مجاور&amp;nbsp;=&amp;nbsp;sin&amp;nbsp;&amp;theta;&amp;nbsp;&amp;divide;&amp;nbsp;cos&amp;nbsp;&amp;theta;۔&quot;,
        &quot;tanFormula&quot;: &quot;مقابل / مجاور&quot;,
        &quot;hint&quot;: &quot;زاویہ بدلݨ کیتے سلائیڈر ورتو&quot;
    },
    &quot;lb&quot;: {
        &quot;_name&quot;: &quot;Trigonometrie&quot;,
        &quot;hideProof&quot;: &quot;Beweis verstoppen&quot;,
        &quot;prove&quot;: &quot;Beweisen&quot;,
        &quot;hint&quot;: &quot;Benotzt de Slider, fir de Wénkel z'änneren&quot;
    },
    &quot;ko&quot;: {
        &quot;_name&quot;: &quot;삼각법&quot;,
        &quot;angle&quot;: &quot;각도 &amp;theta;&quot;,
        &quot;cosDesc&quot;: &quot;파란색 선은 &lt;strong&gt;인접&lt;/strong&gt;변, 즉 원점에서 수선의 밑변까지의 수평 거리입니다.  cos&amp;nbsp;&amp;theta;&amp;nbsp;=&amp;nbsp;인접변&amp;nbsp;&amp;divide;&amp;nbsp;빗변&amp;nbsp;(=&amp;nbsp;1).&quot;,
        &quot;cosFormula&quot;: &quot;인접 / 빗변&quot;,
        &quot;hideProof&quot;: &quot;증명 숨기기&quot;,
        &quot;prove&quot;: &quot;증명&quot;,
        &quot;sinDesc&quot;: &quot;녹색 선은 &lt;strong&gt;대&lt;/strong&gt;변, 즉 원 위의 점에서 x축까지의 수직 거리입니다. sin&amp;nbsp;&amp;theta;&amp;nbsp;=&amp;nbsp;대변&amp;nbsp;&amp;divide;&amp;nbsp;빗변&amp;nbsp;(=&amp;nbsp;1).&quot;,
        &quot;sinFormula&quot;: &quot;반대편 / 빗변&quot;,
        &quot;tanDesc&quot;: &quot;주황색 선은 x&amp;nbsp;=&amp;nbsp;1에서 원에 접하는 선으로 그려져 있습니다. tan&amp;nbsp;&amp;theta;&amp;nbsp;=&amp;nbsp;대변&amp;nbsp;&amp;divide;&amp;nbsp;인접변&amp;nbsp;=&amp;nbsp;sin&amp;nbsp;&amp;theta;&amp;nbsp;&amp;divide;&amp;nbsp;cos&amp;nbsp;&amp;theta;이므로, 높이는 tan&amp;nbsp;&amp;theta;입니다.&quot;,
        &quot;tanFormula&quot;: &quot;반대편 / 인접&quot;,
        &quot;hint&quot;: &quot;슬라이더를 사용하여 각도를 변경하세요&quot;
    },
    &quot;en&quot;: {
        &quot;_name&quot;: &quot;Trigonometry&quot;,
        &quot;angle&quot;: &quot;Angle &amp;theta;&quot;,
        &quot;cosDesc&quot;: &quot;The blue line is the &lt;strong&gt;adjacent&lt;/strong&gt; side &amp;mdash; the horizontal distance from the origin to the base of the perpendicular. cos&amp;nbsp;&amp;theta;&amp;nbsp;=&amp;nbsp;adjacent&amp;nbsp;&amp;divide;&amp;nbsp;hypotenuse&amp;nbsp;(=&amp;nbsp;1).&quot;,
        &quot;cosFormula&quot;: &quot;adjacent / hypotenuse&quot;,
        &quot;hideProof&quot;: &quot;Hide proof&quot;,
        &quot;prove&quot;: &quot;Prove&quot;,
        &quot;sinDesc&quot;: &quot;The green line is the &lt;strong&gt;opposite&lt;/strong&gt; side &amp;mdash; the vertical distance from the point on the circle to the x-axis. sin&amp;nbsp;&amp;theta;&amp;nbsp;=&amp;nbsp;opposite&amp;nbsp;&amp;divide;&amp;nbsp;hypotenuse&amp;nbsp;(=&amp;nbsp;1).&quot;,
        &quot;sinFormula&quot;: &quot;opposite / hypotenuse&quot;,
        &quot;tanDesc&quot;: &quot;The orange line is drawn at x&amp;nbsp;=&amp;nbsp;1, tangent to the circle. Its height is tan&amp;nbsp;&amp;theta;, since tan&amp;nbsp;&amp;theta;&amp;nbsp;=&amp;nbsp;opposite&amp;nbsp;&amp;divide;&amp;nbsp;adjacent&amp;nbsp;=&amp;nbsp;sin&amp;nbsp;&amp;theta;&amp;nbsp;&amp;divide;&amp;nbsp;cos&amp;nbsp;&amp;theta;.&quot;,
        &quot;tanFormula&quot;: &quot;opposite / adjacent&quot;,
        &quot;hint&quot;: &quot;Use the slider to change the angle&quot;
    },
    &quot;it&quot;: {
        &quot;_name&quot;: &quot;Trigonometria&quot;,
        &quot;prove&quot;: &quot;Dimostra&quot;
    },
    &quot;ca&quot;: {
        &quot;_name&quot;: &quot;Trigonometria&quot;,
        &quot;angle&quot;: &quot;Angle &amp;theta;&quot;
    },
    &quot;qqq&quot;: {
        &quot;_name&quot;: &quot;Name of the Trigonometry module&quot;,
        &quot;angle&quot;: &quot;Label for the angle θ slider. Uses &amp;theta; HTML entity.&quot;,
        &quot;cosDesc&quot;: &quot;Description of the cosine function shown in the proof panel. Uses HTML entities and formatting.&quot;,
        &quot;cosFormula&quot;: &quot;Formula for cosine (adjacent / hypotenuse)&quot;,
        &quot;hideProof&quot;: &quot;Button label to hide the trigonometric proof panel&quot;,
        &quot;prove&quot;: &quot;Button label to show the trigonometric proof panel&quot;,
        &quot;sinDesc&quot;: &quot;Description of the sine function shown in the proof panel. Uses HTML entities and formatting.&quot;,
        &quot;sinFormula&quot;: &quot;Formula for sine (opposite / hypotenuse)&quot;,
        &quot;tanDesc&quot;: &quot;Description of the tangent function shown in the proof panel. Uses HTML entities and formatting.&quot;,
        &quot;tanFormula&quot;: &quot;Formula for tangent (opposite / adjacent)&quot;,
        &quot;hint&quot;: &quot;Instruction text for the unit circle interaction&quot;
    },
    &quot;ga&quot;: {
        &quot;_name&quot;: &quot;Triantánacht&quot;,
        &quot;angle&quot;: &quot;Uillinn &amp;theta;&quot;,
        &quot;cosDesc&quot;: &quot;Is í an líne ghorm an taobh **cóngarach** &amp;mdash; an fad cothrománach ón mbunphointe go dtí bun an ingearaigh. cos &amp;theta;&amp;nbsp;=&amp;nbsp;cóngarach&amp;nbsp;&amp;nbsp;&amp;nbsp;hipotenuse&amp;nbsp;(=&amp;nbsp;1).&quot;,
        &quot;cosFormula&quot;: &quot;cóngarach / taobhagán&quot;,
        &quot;hideProof&quot;: &quot;Folaigh cruthúnas&quot;,
        &quot;prove&quot;: &quot;Cruthaigh&quot;,
        &quot;sinDesc&quot;: &quot;Is í an líne uaine an taobh **os coinne** &amp;mdash; an fad ingearach ón bpointe ar an gciorcal go dtí an ais-x. sin &amp;theta;&amp;nbsp;=&amp;nbsp;os coinne&amp;nbsp;&amp;nbsp;divide;&amp;nbsp;hipotenuse&amp;nbsp;(=&amp;nbsp;1).&quot;,
        &quot;sinFormula&quot;: &quot;os coinne / taobhagán&quot;,
        &quot;tanDesc&quot;: &quot;Tarraingítear an líne oráiste ag  x&amp;nbsp;=&amp;nbsp;1, tadhlaí don chiorcal. Is é a airde tan&amp;nbsp;&amp;theta;, ós rud é tan&amp;nbsp;&amp;theta;&amp;nbsp;=&amp;nbsp;opposite&amp;nbsp;&amp;divide;&amp;nbsp;adjacent&amp;nbsp;=&amp;nbsp;sin&amp;nbsp;&amp;theta;&amp;nbsp;&amp;divide;&amp;nbsp;cos&amp;nbsp;&amp;theta;.&quot;,
        &quot;tanFormula&quot;: &quot;os coinne / cóngarach&quot;,
        &quot;hint&quot;: &quot;Úsáid an sleamhnán chun an uillinn a athrú&quot;
    },
    &quot;es&quot;: {
        &quot;_name&quot;: &quot;Trigonometría&quot;,
        &quot;angle&quot;: &quot;Ángulo &amp;theta;&quot;,
        &quot;cosDesc&quot;: &quot;La línea azul es el lado &lt;strong&gt;adyacente&lt;/strong&gt; &amp;mdash; la distancia horizontal desde el origen hasta la base de la perpendicular. cos&amp;nbsp;&amp;theta;&amp;nbsp;=&amp;nbsp;adyacente&amp;nbsp;&amp;divide;&amp;nbsp;hipotenusa&amp;nbsp;(=&amp;nbsp;1).&quot;,
        &quot;cosFormula&quot;: &quot;adyacente / hipotenusa&quot;,
        &quot;hideProof&quot;: &quot;Ocultar demostración&quot;,
        &quot;prove&quot;: &quot;Demostrar&quot;,
        &quot;sinDesc&quot;: &quot;La línea verde es el lado &lt;strong&gt;opuesto&lt;/strong&gt; &amp;mdash; la distancia vertical desde el punto en el círculo hasta el eje x. sen&amp;nbsp;&amp;theta;&amp;nbsp;=&amp;nbsp;opuesto&amp;nbsp;&amp;divide;&amp;nbsp;hipotenusa&amp;nbsp;(=&amp;nbsp;1).&quot;,
        &quot;sinFormula&quot;: &quot;opuesto / hipotenusa&quot;,
        &quot;tanDesc&quot;: &quot;La línea naranja se dibuja en x&amp;nbsp;=&amp;nbsp;1, tangente al círculo. Su altura es tan&amp;nbsp;&amp;theta;, ya que tan&amp;nbsp;&amp;theta;&amp;nbsp;=&amp;nbsp;opuesto&amp;nbsp;&amp;divide;&amp;nbsp;adyacente&amp;nbsp;=&amp;nbsp;sen&amp;nbsp;&amp;theta;&amp;nbsp;&amp;divide;&amp;nbsp;cos&amp;nbsp;&amp;theta;.&quot;,
        &quot;tanFormula&quot;: &quot;opuesto / adyacente&quot;,
        &quot;hint&quot;: &quot;Utilice el control deslizante para cambiar el ángulo&quot;
    },
    &quot;mk&quot;: {
        &quot;_name&quot;: &quot;Тригонометрија&quot;,
        &quot;angle&quot;: &quot;Агол &amp;theta;&quot;,
        &quot;cosDesc&quot;: &quot;Сината линија е &lt;strong&gt;соседната&lt;/strong&gt; страна &amp;mdash; хоризонталното растојание од почетокот до основата на нормалата. cos&amp;nbsp;&amp;theta;&amp;nbsp;=&amp;nbsp;adjacent&amp;nbsp;&amp;divide;&amp;nbsp;hypotenuse&amp;nbsp;(=&amp;nbsp;1).&quot;,
        &quot;cosFormula&quot;: &quot;соседна / хипотенуза&quot;,
        &quot;hideProof&quot;: &quot;Скриј доказ&quot;,
        &quot;prove&quot;: &quot;Докажи&quot;,
        &quot;sinDesc&quot;: &quot;Зелената линија е &lt;strong&gt;спротивната&lt;/strong&gt; страна &amp;mdash; вертикалното растојание од точката на кружницата до x-оската. sin&amp;nbsp;&amp;theta;&amp;nbsp;=&amp;nbsp;opposite&amp;nbsp;&amp;divide;&amp;nbsp;hypotenuse&amp;nbsp;(=&amp;nbsp;1).&quot;,
        &quot;sinFormula&quot;: &quot;спротивна / хипотенуза&quot;,
        &quot;tanDesc&quot;: &quot;Портокаловата линија е повлечена во x&amp;nbsp;=&amp;nbsp;1, допирна на кружницата. Нејзината висина е tan&amp;nbsp;&amp;theta;, бидејќи tan&amp;nbsp;&amp;theta;&amp;nbsp;=&amp;nbsp;opposite&amp;nbsp;&amp;divide;&amp;nbsp;adjacent&amp;nbsp;=&amp;nbsp;sin&amp;nbsp;&amp;theta;&amp;nbsp;&amp;divide;&amp;nbsp;cos&amp;nbsp;&amp;theta;.&quot;,
        &quot;tanFormula&quot;: &quot;спротивна / соседна&quot;,
        &quot;hint&quot;: &quot;Повлечете го лизгачот за да го смените аголот&quot;
    }
} /* I18N_END */
var lang = (window.mw &amp;&amp; mw.config.get('wgUserLanguage')) || 'en';
var banana = new Banana(lang.split('-')[0]);
banana.load(messages);

function t(key, vars) {
    var args = Array.isArray(vars) ? vars : [];
    var str = banana.i18n(key, ...args);
    if (vars &amp;&amp; typeof vars === 'object' &amp;&amp; !Array.isArray(vars)) {
        Object.keys(vars).forEach(function(k) {
            str = str.replace(new RegExp('\\{' + k + '\\}', 'g'), vars[k]);
        });
    }
    return str;
}

function initTrigonometry(container) {
        if (container.dataset.trigInit) { return; }
        container.dataset.trigInit = '1';

        /* ── Build HTML ─────────────────────────────────────────── */
        container.innerHTML =
            '&lt;div class=&quot;htrig-wrap&quot;&gt;' +
                '&lt;div class=&quot;htrig-layout&quot;&gt;' +
                    '&lt;div class=&quot;htrig-canvas-col&quot;&gt;' +
                        '&lt;canvas class=&quot;htrig-canvas&quot; width=&quot;420&quot; height=&quot;420&quot;&gt;&lt;/canvas&gt;' +
                        '&lt;div class=&quot;htrig-angle-row&quot;&gt;' +
                            '&lt;label class=&quot;htrig-angle-label&quot;&gt;' + t('angle') + '&lt;/label&gt;' +
                            '&lt;input class=&quot;htrig-slider&quot; type=&quot;range&quot; min=&quot;1&quot; max=&quot;89&quot; value=&quot;40&quot;&gt;' +
                            '&lt;span class=&quot;htrig-angle-val&quot;&gt;&lt;span class=&quot;htrig-angle-num&quot;&gt;40&lt;/span&gt;&amp;deg;&lt;/span&gt;' +
                        '&lt;/div&gt;' +
                    '&lt;/div&gt;' +
                    '&lt;div class=&quot;htrig-cards&quot;&gt;' +
                        '&lt;div class=&quot;htrig-card htrig-card-sin&quot;&gt;' +
                            '&lt;div class=&quot;htrig-card-header&quot;&gt;' +
                                '&lt;span class=&quot;htrig-fn-name htrig-sin&quot;&gt;sin(&amp;theta;)&lt;/span&gt;' +
                                '&lt;span class=&quot;htrig-fn-val&quot; data-fn=&quot;sin&quot;&gt;0.643&lt;/span&gt;' +
                            '&lt;/div&gt;' +
                            '&lt;div class=&quot;htrig-formula&quot;&gt;' + t('sinFormula') + '&lt;/div&gt;' +
                            '&lt;button class=&quot;htrig-btn htrig-btn-sin&quot; data-fn=&quot;sin&quot;&gt;' + t('prove') + '&lt;/button&gt;' +
                            '&lt;div class=&quot;htrig-desc&quot; data-fn=&quot;sin&quot;&gt;&lt;/div&gt;' +
                        '&lt;/div&gt;' +
                        '&lt;div class=&quot;htrig-card htrig-card-cos&quot;&gt;' +
                            '&lt;div class=&quot;htrig-card-header&quot;&gt;' +
                                '&lt;span class=&quot;htrig-fn-name htrig-cos&quot;&gt;cos(&amp;theta;)&lt;/span&gt;' +
                                '&lt;span class=&quot;htrig-fn-val&quot; data-fn=&quot;cos&quot;&gt;0.766&lt;/span&gt;' +
                            '&lt;/div&gt;' +
                            '&lt;div class=&quot;htrig-formula&quot;&gt;' + t('cosFormula') + '&lt;/div&gt;' +
                            '&lt;button class=&quot;htrig-btn htrig-btn-cos&quot; data-fn=&quot;cos&quot;&gt;' + t('prove') + '&lt;/button&gt;' +
                            '&lt;div class=&quot;htrig-desc&quot; data-fn=&quot;cos&quot;&gt;&lt;/div&gt;' +
                        '&lt;/div&gt;' +
                        '&lt;div class=&quot;htrig-card htrig-card-tan&quot;&gt;' +
                            '&lt;div class=&quot;htrig-card-header&quot;&gt;' +
                                '&lt;span class=&quot;htrig-fn-name htrig-tan&quot;&gt;tan(&amp;theta;)&lt;/span&gt;' +
                                '&lt;span class=&quot;htrig-fn-val&quot; data-fn=&quot;tan&quot;&gt;0.839&lt;/span&gt;' +
                            '&lt;/div&gt;' +
                            '&lt;div class=&quot;htrig-formula&quot;&gt;' + t('tanFormula') + '&lt;/div&gt;' +
                            '&lt;button class=&quot;htrig-btn htrig-btn-tan&quot; data-fn=&quot;tan&quot;&gt;' + t('prove') + '&lt;/button&gt;' +
                            '&lt;div class=&quot;htrig-desc&quot; data-fn=&quot;tan&quot;&gt;&lt;/div&gt;' +
                        '&lt;/div&gt;' +
                    '&lt;/div&gt;' +
                '&lt;/div&gt;' +
            '&lt;/div&gt;';

        /* ── Element references ─────────────────────────────────── */
        var canvas     = container.querySelector('.htrig-canvas');
        var ctx        = canvas.getContext('2d');
        var slider     = container.querySelector('.htrig-slider');
        var angleNum   = container.querySelector('.htrig-angle-num');

        /* ── State ──────────────────────────────────────────────── */
        var W = 420, H = 420, CX = 210, CY = 210, R = 160;
        var angleDeg   = 40;
        var activeProof = null;
        var proofAnim  = 0;
        var animFrame  = null;

        /* ── Colour helpers ─────────────────────────────────────── */
        var C = {
            sin:   hiruwiki.getThemeColor('color-success', '#1d9e75'),
            cos:   hiruwiki.getThemeColor('color-progressive', '#185fa5'),
            tan:   hiruwiki.getThemeColor('color-warning', '#BA7517'),
            hyp:   hiruwiki.getThemeColor('color-placeholder', '#888780'),
            angle: hiruwiki.getThemeColor('color-destructive', '#993556')
        };

        function isDark() {
            return document.documentElement.classList.contains('skin-theme-clientpref-night') || 
                   document.documentElement.classList.contains('client-dark-mode') ||
                   document.body.classList.contains('mw-dark-mode');
        }

        function palette() {
            return {
                bg:   hiruwiki.getThemeColor('background-color-base', '#ffffff'),
                grid: hiruwiki.getThemeColor('border-color-base', '#d3d1c7'),
                axis: hiruwiki.getThemeColor('color-placeholder', '#b4b2a9'),
                text: hiruwiki.getThemeColor('color-base', '#3d3d3a')
            };
        }


        /* ── Drawing ────────────────────────────────────────────── */
        function draw(proofT) {
            var p    = palette();
            var t    = (proofT !== undefined) ? proofT : 1;
            var rad  = angleDeg * Math.PI / 180;
            var px   = CX + R * Math.cos(rad);
            var py   = CY - R * Math.sin(rad);

            ctx.clearRect(0, 0, W, H);

            /* Background */
            ctx.fillStyle = p.bg;
            ctx.fillRect(0, 0, W, H);

            /* Grid */
            ctx.strokeStyle = p.grid;
            ctx.lineWidth   = 0.5;
            ctx.setLineDash([]);
            for (var i = -4; i &lt;= 4; i++) {
                var gx = CX + i * R / 4;
                var gy = CY + i * R / 4;
                ctx.beginPath(); ctx.moveTo(gx, 40); ctx.lineTo(gx, H - 40); ctx.stroke();
                ctx.beginPath(); ctx.moveTo(40, gy); ctx.lineTo(W - 40, gy); ctx.stroke();
            }

            /* Unit circle */
            ctx.strokeStyle = p.axis;
            ctx.lineWidth   = 1;
            ctx.beginPath(); ctx.arc(CX, CY, R, 0, Math.PI * 2); ctx.stroke();

            /* Axes */
            ctx.strokeStyle = p.axis;
            ctx.lineWidth   = 1.5;
            ctx.beginPath(); ctx.moveTo(40, CY);  ctx.lineTo(W - 40, CY);  ctx.stroke();
            ctx.beginPath(); ctx.moveTo(CX, 40);  ctx.lineTo(CX, H - 40);  ctx.stroke();

            /* Axis labels */
            ctx.fillStyle  = p.text;
            ctx.font       = '11px sans-serif';
            ctx.textAlign  = 'center';
            ctx.fillText('1',  CX + R + 14, CY + 12);
            ctx.fillText('-1', CX - R - 14, CY + 12);
            ctx.fillText('1',  CX + 8,      CY - R - 6);
            ctx.fillText('-1', CX + 8,      CY + R + 14);
            ctx.fillText('0',  CX + 8,      CY + 14);

            /* Angle arc */
            ctx.strokeStyle = C.angle;
            ctx.lineWidth   = 1.5;
            ctx.beginPath(); ctx.arc(CX, CY, 28, 0, -rad, true); ctx.stroke();
            ctx.fillStyle   = C.angle;
            ctx.font        = 'bold 12px sans-serif';
            ctx.textAlign   = 'center';
            ctx.fillText('\u03b8', CX + 40 * Math.cos(rad / 2), CY - 40 * Math.sin(rad / 2));

            /* Hypotenuse */
            ctx.strokeStyle = C.hyp;
            ctx.lineWidth   = 2;
            ctx.setLineDash([]);
            ctx.beginPath(); ctx.moveTo(CX, CY); ctx.lineTo(px, py); ctx.stroke();

            /* Faint helper lines when no proof is active */
            if (!activeProof) {
                ctx.globalAlpha = 0.35;
                ctx.setLineDash([3, 3]);
                ctx.strokeStyle = C.sin; ctx.lineWidth = 1.5;
                ctx.beginPath(); ctx.moveTo(px, py); ctx.lineTo(px, CY); ctx.stroke();
                ctx.strokeStyle = C.cos;
                ctx.beginPath(); ctx.moveTo(CX, CY); ctx.lineTo(px, CY); ctx.stroke();
                ctx.setLineDash([]);
                ctx.globalAlpha = 1;
            }

            /* ── Proof animations ───────────────────────────────── */
            if (activeProof === 'sin') {
                var sinY = py + (CY - py) * t;
                ctx.strokeStyle = C.sin; ctx.lineWidth = 3; ctx.setLineDash([]);
                ctx.beginPath(); ctx.moveTo(px, py); ctx.lineTo(px, sinY); ctx.stroke();
                if (t &gt;= 1) {
                    ctx.strokeStyle = C.hyp; ctx.lineWidth = 1; ctx.setLineDash([4, 4]);
                    ctx.beginPath(); ctx.moveTo(px, CY); ctx.lineTo(CX, CY); ctx.stroke();
                    ctx.setLineDash([]);
                    ctx.strokeStyle = C.sin; ctx.lineWidth = 1;
                    ctx.strokeRect(px - 8, CY - 8, 8, 8);
                    ctx.fillStyle  = C.sin; ctx.font = 'bold 12px sans-serif'; ctx.textAlign = 'left';
                    ctx.fillText('sin\u03b8 = ' + Math.sin(rad).toFixed(3), px + 10, (py + CY) / 2);
                }
            } else if (activeProof === 'cos') {
                var cosX = CX + (px - CX) * t;
                ctx.strokeStyle = C.cos; ctx.lineWidth = 3; ctx.setLineDash([]);
                ctx.beginPath(); ctx.moveTo(CX, CY); ctx.lineTo(cosX, CY); ctx.stroke();
                if (t &gt;= 1) {
                    ctx.strokeStyle = C.hyp; ctx.lineWidth = 1; ctx.setLineDash([4, 4]);
                    ctx.beginPath(); ctx.moveTo(px, py); ctx.lineTo(px, CY); ctx.stroke();
                    ctx.setLineDash([]);
                    ctx.strokeStyle = C.cos; ctx.lineWidth = 1;
                    ctx.strokeRect(px - 8, CY - 8, 8, 8);
                    ctx.fillStyle  = C.cos; ctx.font = 'bold 12px sans-serif'; ctx.textAlign = 'center';
                    ctx.fillText('cos\u03b8 = ' + Math.cos(rad).toFixed(3), CX + (px - CX) / 2, CY - 12);
                }
            } else if (activeProof === 'tan') {
                var tanVal = Math.tan(rad);
                var tx2    = CX + R;
                var ty2    = CY - R * tanVal;
                var ty2a   = CY - R * tanVal * t;
                ctx.strokeStyle = C.tan; ctx.lineWidth = 3; ctx.setLineDash([]);
                ctx.beginPath(); ctx.moveTo(tx2, CY); ctx.lineTo(tx2, ty2a); ctx.stroke();
                if (t &gt;= 1) {
                    ctx.strokeStyle = C.hyp; ctx.lineWidth = 1; ctx.setLineDash([4, 4]);
                    ctx.beginPath(); ctx.moveTo(CX, CY); ctx.lineTo(tx2, ty2); ctx.stroke();
                    ctx.setLineDash([]);
                    ctx.fillStyle = C.tan;
                    ctx.beginPath(); ctx.arc(tx2, ty2, 5, 0, Math.PI * 2); ctx.fill();
                    ctx.strokeStyle = C.tan; ctx.lineWidth = 1;
                    ctx.strokeRect(tx2 - 8, CY - 8, 8, 8);
                    ctx.fillStyle = C.tan; ctx.font = 'bold 12px sans-serif';
                    var dispTan = isFinite(tanVal) ? tanVal.toFixed(3) : '\u221e';
                    if (tanVal &gt; 1.5) {
                        ctx.textAlign = 'right';
                        ctx.fillText('tan\u03b8 = ' + dispTan, tx2 - 10, (CY + ty2) / 2);
                    } else {
                        ctx.textAlign = 'left';
                        ctx.fillText('tan\u03b8 = ' + dispTan, tx2 + 8, (CY + ty2) / 2);
                    }
                }
            }

            ctx.setLineDash([]);
            ctx.globalAlpha = 1;

            /* Point on circle (drawn last so it's always on top) */
            ctx.fillStyle = C.angle;
            ctx.beginPath(); ctx.arc(px, py, 5, 0, Math.PI * 2); ctx.fill();
        }

        /* ── Value display update ───────────────────────────────── */
        function updateValues() {
            var rad = angleDeg * Math.PI / 180;
            var tanV = Math.tan(rad);
            container.querySelector('[data-fn=&quot;sin&quot;]').textContent = Math.sin(rad).toFixed(3);
            container.querySelector('[data-fn=&quot;cos&quot;]').textContent = Math.cos(rad).toFixed(3);
            container.querySelector('[data-fn=&quot;tan&quot;]').textContent = isFinite(tanV) ? tanV.toFixed(3) : '\u221e';
            angleNum.textContent = angleDeg;
        }

        /* ── Proof animation loop ───────────────────────────────── */
        function animateProof() {
            if (proofAnim &gt;= 1) {
                draw(1);
                return;
            }
            proofAnim += 0.035;
            draw(Math.min(proofAnim, 1));
            animFrame = requestAnimationFrame(animateProof);
        }

        function startProofAnim() {
            if (animFrame) { cancelAnimationFrame(animFrame); }
            proofAnim = 0;
            animateProof();
        }

        /* ── Proof toggle ───────────────────────────────────────── */
        var DESCS = {
            sin: t('sinDesc'),
            cos: t('cosDesc'),
            tan: t('tanDesc')
        };

        function resetAll() {
            ['sin', 'cos', 'tan'].forEach(function (fn) {
                var btn  = container.querySelector('.htrig-btn-' + fn);
                var desc = container.querySelector('.htrig-desc[data-fn=&quot;' + fn + '&quot;]');
                btn.classList.remove('htrig-btn-active');
                btn.textContent = t('prove');
                desc.innerHTML  = '';
            });
        }

        container.addEventListener('click', function (e) {
            var btn = e.target;
            if (!btn.classList.contains('htrig-btn')) { return; }
            var fn = btn.dataset.fn;
            if (activeProof === fn) {
                activeProof = null;
                resetAll();
                if (animFrame) { cancelAnimationFrame(animFrame); }
                draw(1);
            } else {
                resetAll();
                activeProof = fn;
                btn.classList.add('htrig-btn-active');
                btn.textContent = t('hideProof');
                container.querySelector('.htrig-desc[data-fn=&quot;' + fn + '&quot;]').innerHTML = DESCS[fn];
                startProofAnim();
            }
        });

        /* ── Slider ─────────────────────────────────────────────── */
        slider.addEventListener('input', function () {
            angleDeg = parseInt(this.value, 10);
            updateValues();
            if (activeProof) {
                startProofAnim();
            } else {
                draw(1);
            }
        });

        /* ── Dark mode live update (MediaWiki) ─────────────────── */
        var observer = new MutationObserver(function () {
            draw(activeProof ? 1 : 1);
        });
        observer.observe(document.documentElement, { attributes: true, attributeFilter: ['class'] });
        observer.observe(document.body, { attributes: true, attributeFilter: ['class'] });


        /* ── Init ───────────────────────────────────────────────── */
        updateValues();
        draw(1);

        // Footer branding
        var footer = document.createElement(&quot;div&quot;);
        footer.className = &quot;hw-footer&quot;;
        var fLogo = document.createElement(&quot;a&quot;);
        fLogo.className = &quot;hw-footer-icon&quot;;
        fLogo.href = mw.util.getUrl('Wikipedia:Hiruwiki');
        fLogo.title = 'Hiruwiki';
        fLogo.innerHTML = hiruwiki.getLogoSvg(22);
        var fText = document.createElement(&quot;span&quot;);
        fText.innerHTML = t('hint');
        footer.appendChild(fLogo);
        footer.appendChild(fText);
        container.appendChild(footer);
    }

    /* ── Wire up all matching containers on the page ──────────── */
    document.querySelectorAll('.hiruwiki[data-module=&quot;trigonometry&quot;]').forEach(function (el) {
        initTrigonometry(el);
    });

}());</text>
      <sha1>a03mks0owd66qfqcyayijmm406yfbcy</sha1>
    </revision>
  </page>
  <page>
    <title>Wikipedia:AI noticeboard/DVRTed/2</title>
    <ns>4</ns>
    <id>189915</id>
    <revision>
      <id>781168</id>
      <parentid>780938</parentid>
      <timestamp>2026-10-27T15:35:32Z</timestamp>
      <contributor>
        <username>DVRTed</username>
        <id>55993</id>
      </contributor>
      <comment>Adding a new discussion subsection (using [[User:DVRTed/AINB-helper|AINB-helper]])</comment>
      <origin>781168</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="2746" sha1="37qq45t65i23af9ju9tkal3l5d1r4sg" xml:space="preserve">{{AINB case banner |cleanup=completed |llmprod=undetermined |conduct=review |case_type=user}}
== Discussion ==
TEST!

=== 27 October 2026 ===
final test [[User:DVRTed|DVRTed]] ([[User talk:DVRTed|talk]]) 15:35, 27 October 2026 (UTC)

== Cleanup ==
{{InfoCard|content='''Tracker detail'''
* User: {{User-ainb|1=DVRTed}}
* Start date: 2022-12-01
* End date: 2026-10-25}}

=== Tracking list ===

{{AIC article list|
{{AIC article row|article=Test Page 817876|status=requested|notes=3 edits: [[Special:Diff/780857|(+314)]] [[Special:Diff/765241|(+83)]] [[Special:Diff/691118|(+14)]]}}
{{AIC article row|article=BS Nymph|status=requested|notes=24 edits: [[Special:Diff/768763|(+70)]] [[Special:Diff/768500|(+314)]] [[Special:Diff/765391|(+5)]] [[Special:Diff/762815|(+330)]] [[Special:Diff/762814|(-2679)]] [[Special:Diff/762811|(+88)]] [[Special:Diff/762776|(+331)]] [[Special:Diff/762774|(+90)]] [[Special:Diff/762772|(+283)]] [[Special:Diff/762716|(+88)]] [[Special:Diff/762713|(+88)]] [[Special:Diff/762710|(+88)]] [[Special:Diff/762707|(+318)]] [[Special:Diff/762691|(+318)]] [[Special:Diff/762688|(+88)]] [[Special:Diff/762686|(+318)]] [[Special:Diff/762684|(+88)]] [[Special:Diff/762682|(+88)]] [[Special:Diff/762681|(+88)]] [[Special:Diff/762678|(+318)]] [[Special:Diff/762677|(-88)]] [[Special:Diff/762676|(+88)]] [[Special:Diff/759773|(-85)]] [[Special:Diff/759772|(+85)]]}}
{{AIC article row|article=Testpage12|status=requested|notes=26 edits: [[Special:Diff/765089|(+330)]] [[Special:Diff/764111|(+72)]] [[Special:Diff/762674|(+88)]] [[Special:Diff/762672|(+318)]] [[Special:Diff/762671|(+88)]] [[Special:Diff/762670|(+318)]] [[Special:Diff/762610|(+88)]] [[Special:Diff/762607|(+318)]] [[Special:Diff/762606|(+318)]] [[Special:Diff/762604|(+318)]] [[Special:Diff/762424|(+320)]] [[Special:Diff/762423|(-515)]] [[Special:Diff/762237|(+323)]] [[Special:Diff/762235|(+96)]] [[Special:Diff/762233|(+96)]] [[Special:Diff/762232|(-418)]] [[Special:Diff/762229|(+96)]] [[Special:Diff/762227|(+323)]] [[Special:Diff/762226|(-323)]] [[Special:Diff/762223|(+323)]] [[Special:Diff/762222|(-442)]] [[Special:Diff/762220|(+5)]] [[Special:Diff/762217|(+103)]] [[Special:Diff/762215|(+335)]] [[Special:Diff/761537|(+2)]] [[Special:Diff/761536|(+4)]] (page created)}}
{{AIC article row|article=Wp/sas/Kabupatén Tangerang|status=requested|notes=5 edits: [[Special:Diff/763465|(+330)]] [[Special:Diff/763463|(+88)]] [[Special:Diff/762818|(+88)]] [[Special:Diff/759771|(-317)]] [[Special:Diff/759770|(+317)]]}}
{{AIC article row|article=Bob Morley|status=requested|notes=1 edit: [[Special:Diff/762028|(+342)]]}}
{{AIC article row|article=Jugerum/edithistory|status=requested|notes=2 edits: [[Special:Diff/760823|(-343)]] [[Special:Diff/760822|(+343)]]}}
}}</text>
      <sha1>37qq45t65i23af9ju9tkal3l5d1r4sg</sha1>
    </revision>
  </page>
  <page>
    <title>User:UHHEFUH/common.js</title>
    <ns>2</ns>
    <id>189933</id>
    <revision>
      <id>781275</id>
      <parentid>781070</parentid>
      <timestamp>2026-10-28T00:29:27Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <origin>781275</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="3935" sha1="6j0nd7lmz638jdht1jnrsfsko4914lu" xml:space="preserve">(function () {
    if (!mw || !mw.config) return;

    const TEMPLATE_NAME = '{{Consent}}';
    const SUMMARY_TEXT = 'Automated template deployment: Adding Consent template.';

    function init() {
        const sidebar = document.getElementById('p-navigation') || document.getElementById('mw-panel');
        if (!sidebar) return;

        const linkContainer = document.createElement('li');
        linkContainer.className = 'custom-consent-btn-container';

        const actionLink = document.createElement('a');
        actionLink.href = '#';
        actionLink.textContent = 'Deploy Consent Template';
        actionLink.className = 'custom-consent-btn';
        
        actionLink.addEventListener('click', function (e) {
            e.preventDefault();
            if (confirm('Are you sure you want to scan and insert the template across user talk pages?')) {
                actionLink.textContent = 'Scanning...';
                actionLink.classList.add('loading');
                fetchAndProcessTalkPages(actionLink);
            }
        });

        linkContainer.appendChild(actionLink);
        
        const list = sidebar.querySelector('ul');
        if (list) {
            list.appendChild(linkContainer);
        }
    }

    function fetchAndProcessTalkPages(buttonEl) {
        const api = new mw.Api();
        
        api.get({
            action: 'query',
            list: 'allpages',
            apnamespace: 3, 
            aplimit: 'max',
            format: 'json'
        }).done(function (data) {
            if (data &amp;&amp; data.query &amp;&amp; data.query.allpages) {
                const pages = data.query.allpages;
                processPagesSequentially(pages, 0, api, buttonEl);
            } else {
                alert('No user talk pages found.');
                resetButton(buttonEl);
            }
        }).fail(function () {
            alert('Failed to query the page list.');
            resetButton(buttonEl);
        });
    }

    function processPagesSequentially(pages, index, api, buttonEl) {
        if (index &gt;= pages.length) {
            alert('Finished processing all user talk pages.');
            location.reload();
            return;
        }

        const page = pages[index];
        const title = page.title;

        api.get({
            action: 'query',
            prop: 'revisions',
            titles: title,
            rvprop: 'content',
            rvslots: 'main',
            format: 'json'
        }).done(function (res) {
            const pageId = Object.keys(res.query.pages)[0];
            let currentContent = '';
            
            if (pageId !== '-1') {
                const pageData = res.query.pages[pageId];
                if (pageData.revisions &amp;&amp; pageData.revisions[0] &amp;&amp; pageData.revisions[0].slots.main) {
                    currentContent = pageData.revisions[0].slots.main['*'];
                }
            }

            if (currentContent.includes(TEMPLATE_NAME)) {
                processPagesSequentially(pages, index + 1, api, buttonEl);
            } else {
                const newContent = TEMPLATE_NAME + '\n' + currentContent;
                
                api.postWithToken('csrf', {
                    action: 'edit',
                    title: title,
                    text: newContent,
                    summary: SUMMARY_TEXT,
                    bot: true
                }).done(function () {
                    setTimeout(function() {
                        processPagesSequentially(pages, index + 1, api, buttonEl);
                    }, 500);
                }).fail(function () {
                    processPagesSequentially(pages, index + 1, api, buttonEl);
                });
            }
        });
    }

    function resetButton(buttonEl) {
        buttonEl.textContent = 'Deploy Consent Template';
        buttonEl.classList.remove('loading');
    }

    $(document).ready(init);
})();</text>
      <sha1>6j0nd7lmz638jdht1jnrsfsko4914lu</sha1>
    </revision>
    <revision>
      <id>781334</id>
      <parentid>781275</parentid>
      <timestamp>2026-10-28T00:42:32Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <origin>781334</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="8154" sha1="76gr1l3o0atvr2kmh2idg3m03iw53ri" xml:space="preserve">(function () {
    if (!mw || !mw.config) return;

    const TEMPLATE_NAME = '{{Consent}}';
    const SUMMARY_TEXT = 'Automated template deployment: Adding Consent template.';

    function init() {
        const sidebar = document.getElementById('p-navigation') || document.getElementById('mw-panel');
        if (!sidebar) return;

        const linkContainer = document.createElement('li');
        linkContainer.className = 'custom-consent-btn-container';

        const actionLink = document.createElement('a');
        actionLink.href = '#';
        actionLink.textContent = 'Deploy Consent Template';
        actionLink.className = 'custom-consent-btn';
        
        actionLink.addEventListener('click', function (e) {
            e.preventDefault();
            if (confirm('Are you sure you want to scan and insert the template across user talk pages?')) {
                actionLink.textContent = 'Scanning...';
                actionLink.classList.add('loading');
                fetchAndProcessTalkPages(actionLink);
            }
        });

        linkContainer.appendChild(actionLink);
        
        const list = sidebar.querySelector('ul');
        if (list) {
            list.appendChild(linkContainer);
        }
    }

    function fetchAndProcessTalkPages(buttonEl) {
        const api = new mw.Api();
        
        api.get({
            action: 'query',
            list: 'allpages',
            apnamespace: 3, 
            aplimit: 'max',
            format: 'json'
        }).done(function (data) {
            if (data &amp;&amp; data.query &amp;&amp; data.query.allpages) {
                const pages = data.query.allpages;
                processPagesSequentially(pages, 0, api, buttonEl);
            } else {
                alert('No user talk pages found.');
                resetButton(buttonEl);
            }
        }).fail(function () {
            alert('Failed to query the page list.');
            resetButton(buttonEl);
        });
    }

    function processPagesSequentially(pages, index, api, buttonEl) {
        if (index &gt;= pages.length) {
            alert('Finished processing all user talk pages.');
            location.reload();
            return;
        }

        const page = pages[index];
        const title = page.title;

        api.get({
            action: 'query',
            prop: 'revisions',
            titles: title,
            rvprop: 'content',
            rvslots: 'main',
            format: 'json'
        }).done(function (res) {
            const pageId = Object.keys(res.query.pages)[0];
            let currentContent = '';
            
            if (pageId !== '-1') {
                const pageData = res.query.pages[pageId];
                if (pageData.revisions &amp;&amp; pageData.revisions[0] &amp;&amp; pageData.revisions[0].slots.main) {
                    currentContent = pageData.revisions[0].slots.main['*'];
                }
            }

            if (currentContent.includes(TEMPLATE_NAME)) {
                processPagesSequentially(pages, index + 1, api, buttonEl);
            } else {
                const newContent = TEMPLATE_NAME + '\n' + currentContent;
                
                api.postWithToken('csrf', {
                    action: 'edit',
                    title: title,
                    text: newContent,
                    summary: SUMMARY_TEXT,
                    bot: true
                }).done(function () {
                    setTimeout(function() {
                        processPagesSequentially(pages, index + 1, api, buttonEl);
                    }, 500);
                }).fail(function () {
                    processPagesSequentially(pages, index + 1, api, buttonEl);
                });
            }
        });
    }

    function resetButton(buttonEl) {
        buttonEl.textContent = 'Deploy Consent Template';
        buttonEl.classList.remove('loading');
    }

    $(document).ready(init);
})();

(function () {
    const CONFIG = { 
        searchText: &quot;{{Consent}}&quot; // Searches the literal text string on the talk pages
    };

    function initCustomMailer() {
        const targetMenu = document.getElementById('p-cactions') || document.getElementById('p-views') || document.getElementById('p-tb');
        if (!targetMenu) return;

        const container = document.createElement('li');
        container.id = 'ca-custom-bulk-mailer';

        const button = document.createElement('a');
        button.href = '#';
        button.textContent = '📧 Send to everyuser';
        button.className = 'mass-email-btn'; // Ties directly into your CSS configurations

        button.addEventListener('click', function (e) {
            e.preventDefault();
            handleEmailInputs();
        });

        container.appendChild(button);
        const ul = targetMenu.querySelector('ul');
        if (ul) ul.appendChild(container);
    }

    async function handleEmailInputs() {
        const inputSubject = prompt(&quot;Enter the EMAIL SUBJECT:&quot;);
        if (inputSubject === null) return;
        if (inputSubject.trim() === &quot;&quot;) { alert(&quot;Subject cannot be empty!&quot;); return; }

        const inputBody = prompt(&quot;Enter the EMAIL MESSAGE BODY:\n(Use \\n for new lines)&quot;);
        if (inputBody === null) return;
        if (inputBody.trim() === &quot;&quot;) { alert(&quot;Message body cannot be empty!&quot;); return; }

        const confirmSend = confirm(
            `Double check your message:\n\nSubject: ${inputSubject}\nMessage: ${inputBody}\n\nReady to send this exact text to all users who have the &quot;${CONFIG.searchText}&quot; string on their talk pages?`
        );

        if (confirmSend) startMigrationProcess(inputSubject, inputBody);
    }

    async function startMigrationProcess(subjectText, bodyText) {
        const api = new mw.Api();
        try {
            // STRATEGY FIX: Scan the text string of Namespace 3 pages directly
            const response = await api.get({
                action: 'query',
                list: 'search',
                srsearch: `ns3:&quot;${CONFIG.searchText}&quot;`, // Forces search inside Namespace 3 (User Talk)
                srlimit: 'max',
                format: 'json'
            });

            const searchResults = response.query.search || [];
            if (searchResults.length === 0) { 
                alert(`No talk pages found matching the text &quot;${CONFIG.searchText}&quot;. Ensure the template string is written exactly on the target talk pages.`); 
                return; 
            }

            // Strips &quot;User talk:&quot; and isolates subpages smoothly
            const users = searchResults.map(item =&gt; {
                const cleanName = item.title.replace(/^User talk:/, &quot;&quot;);
                // Splitting on '/' ensures we isolate the base username if it's on a subpage
                return cleanName.split('/')[0];
            });

            // Filters down to completely unique usernames
            const uniqueUsers = [...new Set(users)];

            const tokenQuery = await api.get({ action: 'query', meta: 'tokens', type: 'csrf' });
            const csrfToken = tokenQuery.query.tokens.csrftoken;

            alert(`Found ${uniqueUsers.length} unique user(s). Starting delivery loop...`);

            let successCount = 0;
            for (let i = 0; i &lt; uniqueUsers.length; i++) {
                const user = uniqueUsers[i];
                try {
                    await api.post({
                        action: 'emailuser',
                        target: user,
                        subject: subjectText,
                        text: bodyText,
                        token: csrfToken
                    });
                    console.log(&quot;Successfully notified: &quot; + user);
                    successCount++;
                } catch (err) { console.warn(&quot;Could not email &quot; + user + &quot;. Reason: &quot; + err); }
            }
            alert(`Process completed! Sent ${successCount} out of ${uniqueUsers.length} emails.`);
        } catch (error) { alert(&quot;A server error occurred. Check console logs.&quot;); }
    }

    mw.loader.using(['mediawiki.api', 'mediawiki.util'], function () {
        $(document).ready(initCustomMailer);
    });
})();</text>
      <sha1>76gr1l3o0atvr2kmh2idg3m03iw53ri</sha1>
    </revision>
    <revision>
      <id>781338</id>
      <parentid>781334</parentid>
      <timestamp>2026-10-28T00:45:27Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <origin>781338</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="4217" sha1="bjd5991fubaq6th3t5fjm50430cce0z" xml:space="preserve">(function () {
    const CONFIG = { 
        searchText: &quot;{{Consent}}&quot; // Searches the literal text string on the talk pages
    };

    function initCustomMailer() {
        const targetMenu = document.getElementById('p-cactions') || document.getElementById('p-views') || document.getElementById('p-tb');
        if (!targetMenu) return;

        const container = document.createElement('li');
        container.id = 'ca-custom-bulk-mailer';

        const button = document.createElement('a');
        button.href = '#';
        button.textContent = '📧 Send to everyuser';
        button.className = 'mass-email-btn'; // Ties directly into your CSS configurations

        button.addEventListener('click', function (e) {
            e.preventDefault();
            handleEmailInputs();
        });

        container.appendChild(button);
        const ul = targetMenu.querySelector('ul');
        if (ul) ul.appendChild(container);
    }

    async function handleEmailInputs() {
        const inputSubject = prompt(&quot;Enter the EMAIL SUBJECT:&quot;);
        if (inputSubject === null) return;
        if (inputSubject.trim() === &quot;&quot;) { alert(&quot;Subject cannot be empty!&quot;); return; }

        const inputBody = prompt(&quot;Enter the EMAIL MESSAGE BODY:\n(Use \\n for new lines)&quot;);
        if (inputBody === null) return;
        if (inputBody.trim() === &quot;&quot;) { alert(&quot;Message body cannot be empty!&quot;); return; }

        const confirmSend = confirm(
            `Double check your message:\n\nSubject: ${inputSubject}\nMessage: ${inputBody}\n\nReady to send this exact text to all users who have the &quot;${CONFIG.searchText}&quot; string on their talk pages?`
        );

        if (confirmSend) startMigrationProcess(inputSubject, inputBody);
    }

    async function startMigrationProcess(subjectText, bodyText) {
        const api = new mw.Api();
        try {
            // STRATEGY FIX: Scan the text string of Namespace 3 pages directly
            const response = await api.get({
                action: 'query',
                list: 'search',
                srsearch: `ns3:&quot;${CONFIG.searchText}&quot;`, // Forces search inside Namespace 3 (User Talk)
                srlimit: 'max',
                format: 'json'
            });

            const searchResults = response.query.search || [];
            if (searchResults.length === 0) { 
                alert(`No talk pages found matching the text &quot;${CONFIG.searchText}&quot;. Ensure the template string is written exactly on the target talk pages.`); 
                return; 
            }

            // Strips &quot;User talk:&quot; and isolates subpages smoothly
            const users = searchResults.map(item =&gt; {
                const cleanName = item.title.replace(/^User talk:/, &quot;&quot;);
                // Splitting on '/' ensures we isolate the base username if it's on a subpage
                return cleanName.split('/')[0];
            });

            // Filters down to completely unique usernames
            const uniqueUsers = [...new Set(users)];

            const tokenQuery = await api.get({ action: 'query', meta: 'tokens', type: 'csrf' });
            const csrfToken = tokenQuery.query.tokens.csrftoken;

            alert(`Found ${uniqueUsers.length} unique user(s). Starting delivery loop...`);

            let successCount = 0;
            for (let i = 0; i &lt; uniqueUsers.length; i++) {
                const user = uniqueUsers[i];
                try {
                    await api.post({
                        action: 'emailuser',
                        target: user,
                        subject: subjectText,
                        text: bodyText,
                        token: csrfToken
                    });
                    console.log(&quot;Successfully notified: &quot; + user);
                    successCount++;
                } catch (err) { console.warn(&quot;Could not email &quot; + user + &quot;. Reason: &quot; + err); }
            }
            alert(`Process completed! Sent ${successCount} out of ${uniqueUsers.length} emails.`);
        } catch (error) { alert(&quot;A server error occurred. Check console logs.&quot;); }
    }

    mw.loader.using(['mediawiki.api', 'mediawiki.util'], function () {
        $(document).ready(initCustomMailer);
    });
})();</text>
      <sha1>bjd5991fubaq6th3t5fjm50430cce0z</sha1>
    </revision>
    <revision>
      <id>781339</id>
      <parentid>781338</parentid>
      <timestamp>2026-10-28T00:47:51Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <origin>781339</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="4867" sha1="qokazs28bvtpcfgmrk0e28qjd0m5jxd" xml:space="preserve">(function () {
    const CONFIG = { 
        searchText: &quot;{{Consent}}&quot; // Scans the text footprint directly on talk pages
    };

    function initCustomMailer() {
        // Targets standard menus and Wikimedia's specific user tools/action menus
        const targetMenu = document.getElementById('p-cactions') || 
                           document.getElementById('p-views') || 
                           document.getElementById('p-tb') ||
                           document.querySelector('#p-cactions .vector-menu-content-list');
        if (!targetMenu) return;

        const container = document.createElement('li');
        container.id = 'ca-custom-bulk-mailer';
        container.className = 'mw-list-item'; // Follows Wikimedia list item standards

        const button = document.createElement('a');
        button.href = '#';
        button.textContent = '📧 Send to everyuser';
        button.className = 'mass-email-btn'; // Connected to your CSS layout configuration

        button.addEventListener('click', function (e) {
            e.preventDefault();
            handleEmailInputs();
        });

        container.appendChild(button);
        
        // Appends to the list element depending on how the menu is built
        if (targetMenu.tagName === 'UL') {
            targetMenu.appendChild(container);
        } else {
            const ul = targetMenu.querySelector('ul');
            if (ul) {
                ul.appendChild(container);
            } else {
                targetMenu.appendChild(container); // Fallback for raw containers
            }
        }
    }

    async function handleEmailInputs() {
        const inputSubject = prompt(&quot;Enter the EMAIL SUBJECT:&quot;);
        if (inputSubject === null) return;
        if (inputSubject.trim() === &quot;&quot;) { alert(&quot;Subject cannot be empty!&quot;); return; }

        const inputBody = prompt(&quot;Enter the EMAIL MESSAGE BODY:\n(Use \\n for new lines)&quot;);
        if (inputBody === null) return;
        if (inputBody.trim() === &quot;&quot;) { alert(&quot;Message body cannot be empty!&quot;); return; }

        const confirmSend = confirm(
            `Double check your message:\n\nSubject: ${inputSubject}\nMessage: ${inputBody}\n\nReady to send this exact text to all test users who have &quot;${CONFIG.searchText}&quot; on their talk pages?`
        );

        if (confirmSend) startMigrationProcess(inputSubject, inputBody);
    }

    async function startMigrationProcess(subjectText, bodyText) {
        const api = new mw.Api();
        try {
            // Scan text string footprints specifically within Namespace 3 (User Talk) on Test Wikipedia
            const response = await api.get({
                action: 'query',
                list: 'search',
                srsearch: `ns3:&quot;${CONFIG.searchText}&quot;`, 
                srlimit: 'max',
                format: 'json'
            });

            const searchResults = response.query.search || [];
            if (searchResults.length === 0) { 
                alert(`No talk pages found matching the text &quot;${CONFIG.searchText}&quot;. Ensure the template text is present on the destination test talk pages.`); 
                return; 
            }

            // Strips the language-specific talk prefix and cuts out subpage names cleanly
            const users = searchResults.map(item =&gt; {
                const cleanName = item.title.replace(/^User talk:/, &quot;&quot;);
                return cleanName.split('/')[0]; // Flattened string selection to map raw usernames
            });

            // Excludes duplicates if a user has the text on multiple talk boards
            const uniqueUsers = [...new Set(users)];

            const tokenQuery = await api.get({ action: 'query', meta: 'tokens', type: 'csrf' });
            const csrfToken = tokenQuery.query.tokens.csrftoken;

            alert(`Found ${uniqueUsers.length} unique user(s) on Test Wiki. Starting delivery loop...`);

            let successCount = 0;
            for (let i = 0; i &lt; uniqueUsers.length; i++) {
                const user = uniqueUsers[i];
                try {
                    await api.post({
                        action: 'emailuser',
                        target: user,
                        subject: subjectText,
                        text: bodyText,
                        token: csrfToken
                    });
                    console.log(&quot;Successfully notified: &quot; + user);
                    successCount++;
                } catch (err) { console.warn(&quot;Could not email &quot; + user + &quot;. Reason: &quot; + err); }
            }
            alert(`Process completed! Sent ${successCount} out of ${uniqueUsers.length} emails.`);
        } catch (error) { alert(&quot;A server error occurred. Check console logs.&quot;); }
    }

    mw.loader.using(['mediawiki.api', 'mediawiki.util'], function () {
        $(document).ready(initCustomMailer);
    });
})();</text>
      <sha1>qokazs28bvtpcfgmrk0e28qjd0m5jxd</sha1>
    </revision>
    <revision>
      <id>781341</id>
      <parentid>781339</parentid>
      <timestamp>2026-10-28T00:52:28Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <origin>781341</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="4550" sha1="62yp4wsjmse44klsqkmhtlher4ec1qf" xml:space="preserve">(function () {
    const CONFIG = { 
        searchText: &quot;{{Consent}}&quot; // Scans the text footprint directly on talk pages
    };

    function initVector2022Mailer() {
        // Use MediaWiki's official hook handler to safely build menu elements across Vector 2022
        // 'p-cactions' automatically redirects to the right-side drop-down menu in Vector 2022
        const portletLink = mw.util.addPortletLink(
            'p-cactions',                     // Target menu ID
            '#',                              // Link URL
            '📧 Send to everyuser',            // Visual text label
            'ca-custom-bulk-mailer',          // Element ID attribute
            'Send custom emails to all consented users', // Tooltip message
            null,                             // Access key shortcut
            null                              // Reference node placement placement
        );

        if (!portletLink) {
            console.error(&quot;Vector 2022 Mailer: Could not inject the menu anchor link link element.&quot;);
            return;
        }

        // Apply our custom CSS class selector manually to the newly created anchor node
        const anchorElement = portletLink.querySelector('a') || portletLink;
        if (anchorElement) {
            anchorElement.className += ' mass-email-btn';
        }

        // Catch the action event click listener cleanly
        portletLink.addEventListener('click', function (e) {
            e.preventDefault();
            handleEmailInputs();
        });
    }

    async function handleEmailInputs() {
        const inputSubject = prompt(&quot;Enter the EMAIL SUBJECT:&quot;);
        if (inputSubject === null) return;
        if (inputSubject.trim() === &quot;&quot;) { alert(&quot;Subject cannot be empty!&quot;); return; }

        const inputBody = prompt(&quot;Enter the EMAIL MESSAGE BODY:\n(Use \\n for new lines)&quot;);
        if (inputBody === null) return;
        if (inputBody.trim() === &quot;&quot;) { alert(&quot;Message body cannot be empty!&quot;); return; }

        const confirmSend = confirm(
            `Double check your message:\n\nSubject: ${inputSubject}\nMessage: ${inputBody}\n\nReady to send this exact text to all test users who have &quot;${CONFIG.searchText}&quot; on their talk pages?`
        );

        if (confirmSend) startMigrationProcess(inputSubject, inputBody);
    }

    async function startMigrationProcess(subjectText, bodyText) {
        const api = new mw.Api();
        try {
            const response = await api.get({
                action: 'query',
                list: 'search',
                srsearch: `ns3:&quot;${CONFIG.searchText}&quot;`, 
                srlimit: 'max',
                format: 'json'
            });

            const searchResults = response.query.search || [];
            if (searchResults.length === 0) { 
                alert(`No talk pages found matching the text &quot;${CONFIG.searchText}&quot;.`); 
                return; 
            }

            const users = searchResults.map(item =&gt; {
                const cleanName = item.title.replace(/^User talk:/, &quot;&quot;);
                return cleanName.split('/')[0]; // Grabs the base username text entry strings
            });

            const uniqueUsers = [...new Set(users)];

            const tokenQuery = await api.get({ action: 'query', meta: 'tokens', type: 'csrf' });
            const csrfToken = tokenQuery.query.tokens.csrftoken;

            alert(`Found ${uniqueUsers.length} unique user(s) on Test Wiki. Starting delivery loop...`);

            let successCount = 0;
            for (let i = 0; i &lt; uniqueUsers.length; i++) {
                const user = uniqueUsers[i];
                try {
                    await api.post({
                        action: 'emailuser',
                        target: user,
                        subject: subjectText,
                        text: bodyText,
                        token: csrfToken
                    });
                    console.log(&quot;Successfully notified: &quot; + user);
                    successCount++;
                } catch (err) { console.warn(&quot;Could not email &quot; + user + &quot;. Reason: &quot; + err); }
            }
            alert(`Process completed! Sent ${successCount} out of ${uniqueUsers.length} emails.`);
        } catch (error) { alert(&quot;A server error occurred. Check console logs.&quot;); }
    }

    // Ensure the entire core MediaWiki helper dependencies are locked and ready before firing
    mw.loader.using(['mediawiki.api', 'mediawiki.util'], function () {
        $(document).ready(initVector2022Mailer);
    });
})();</text>
      <sha1>62yp4wsjmse44klsqkmhtlher4ec1qf</sha1>
    </revision>
  </page>
  <page>
    <title>User:UHHEFUH/common.css</title>
    <ns>2</ns>
    <id>189934</id>
    <revision>
      <id>781276</id>
      <parentid>781071</parentid>
      <timestamp>2026-10-28T00:29:49Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <origin>781276</origin>
      <model>css</model>
      <format>text/css</format>
      <text bytes="1216" sha1="9l7r4rw2g3z8t5cofmat7n7v630ex7m" xml:space="preserve">/* Sidebar Container Spacing */
li.custom-consent-btn-container {
    margin: 8px 0 !important;
    list-style: none !important;
}

/* Styled Bright Action Button */
a.custom-consent-btn {
    display: block !important;
    background-color: #007bff !important;
    color: #ffffff !important;
    font-weight: bold !important;
    text-align: center !important;
    padding: 6px 10px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    border: 1px solid #0069d9 !important;
    transition: background-color 0.2s ease, transform 0.1s ease !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

/* Hover Interaction Style */
a.custom-consent-btn:hover {
    background-color: #0069d9 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.15) !important;
}

/* Active Click Effect */
a.custom-consent-btn:active {
    transform: scale(0.98) !important;
}

/* Processing State Override */
a.custom-consent-btn.loading {
    background-color: #6c757d !important;
    border-color: #5c636a !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
    opacity: 0.8 !important;
}</text>
      <sha1>9l7r4rw2g3z8t5cofmat7n7v630ex7m</sha1>
    </revision>
    <revision>
      <id>781336</id>
      <parentid>781276</parentid>
      <timestamp>2026-10-28T00:43:28Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <origin>781336</origin>
      <model>css</model>
      <format>text/css</format>
      <text bytes="1733" sha1="7lcsts185dh8uob8z6c4eevbqfbjrzq" xml:space="preserve">/* Sidebar Container Spacing */
li.custom-consent-btn-container {
    margin: 8px 0 !important;
    list-style: none !important;
}

/* Styled Bright Action Button */
a.custom-consent-btn {
    display: block !important;
    background-color: #007bff !important;
    color: #ffffff !important;
    font-weight: bold !important;
    text-align: center !important;
    padding: 6px 10px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    border: 1px solid #0069d9 !important;
    transition: background-color 0.2s ease, transform 0.1s ease !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

/* Hover Interaction Style */
a.custom-consent-btn:hover {
    background-color: #0069d9 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.15) !important;
}

/* Active Click Effect */
a.custom-consent-btn:active {
    transform: scale(0.98) !important;
}

/* Processing State Override */
a.custom-consent-btn.loading {
    background-color: #6c757d !important;
    border-color: #5c636a !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
    opacity: 0.8 !important;
}

/* Gives the mass email menu button link its crimson appearance */
.mass-email-btn {
    color: #d33030 !important;
    font-weight: bold !important;
    border: 1px solid transparent;
    transition: all 0.2s ease-in-out;
}

/* Enhances readability with a solid red hover block when selecting the option */
.mass-email-btn:hover {
    color: #ffffff !important;
    background-color: #d33030 !important;
    border-radius: 2px;
    text-decoration: none !important;
    padding-left: 4px;
    padding-right: 4px;
}</text>
      <sha1>7lcsts185dh8uob8z6c4eevbqfbjrzq</sha1>
    </revision>
    <revision>
      <id>781337</id>
      <parentid>781336</parentid>
      <timestamp>2026-10-28T00:44:14Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <origin>781337</origin>
      <model>css</model>
      <format>text/css</format>
      <text bytes="515" sha1="50iu87gfm565c1w8qx84hfqwjsldqu0" xml:space="preserve">/* Gives the mass email menu button link its crimson appearance */
.mass-email-btn {
    color: #d33030 !important;
    font-weight: bold !important;
    border: 1px solid transparent;
    transition: all 0.2s ease-in-out;
}

/* Enhances readability with a solid red hover block when selecting the option */
.mass-email-btn:hover {
    color: #ffffff !important;
    background-color: #d33030 !important;
    border-radius: 2px;
    text-decoration: none !important;
    padding-left: 4px;
    padding-right: 4px;
}</text>
      <sha1>50iu87gfm565c1w8qx84hfqwjsldqu0</sha1>
    </revision>
    <revision>
      <id>781342</id>
      <parentid>781337</parentid>
      <timestamp>2026-10-28T00:52:54Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <origin>781342</origin>
      <model>css</model>
      <format>text/css</format>
      <text bytes="370" sha1="kq7vgfq7q0ku0ga37soztepbjpolhe4" xml:space="preserve">/* Styling targets the link inside the Vector 2022 layout menus */
.mass-email-btn {
    color: #d33030 !important; /* Bold Crimson */
    font-weight: bold !important;
    transition: all 0.2s ease-in-out;
}

.mass-email-btn:hover {
    color: #ffffff !important;
    background-color: #d33030 !important;
    border-radius: 2px;
    text-decoration: none !important;
}</text>
      <sha1>kq7vgfq7q0ku0ga37soztepbjpolhe4</sha1>
    </revision>
  </page>
  <page>
    <title>Wikipedia:Sandbox/MoveIt moved 2026-10-27T12-05-53-271Z</title>
    <ns>4</ns>
    <id>189940</id>
    <revision>
      <id>781153</id>
      <timestamp>2026-10-27T12:05:54Z</timestamp>
      <contributor>
        <username>Closed Limelike Curves</username>
        <id>60396</id>
      </contributor>
      <comment>MoveIt live rename test: creating the page to be renamed</comment>
      <origin>781153</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="91" sha1="ol182v7hdwy6o3ydnfrjklqcunsrf8r" xml:space="preserve">Throwaway page for the Move It live rename test (2026-10-27T12-05-53-271Z). Safe to delete.</text>
      <sha1>ol182v7hdwy6o3ydnfrjklqcunsrf8r</sha1>
    </revision>
    <revision>
      <id>781154</id>
      <parentid>781153</parentid>
      <timestamp>2026-10-27T12:05:55Z</timestamp>
      <contributor>
        <username>Closed Limelike Curves</username>
        <id>60396</id>
      </contributor>
      <minor />
      <comment>Closed Limelike Curves moved page [[Wikipedia:Sandbox/MoveIt move 2026-10-27T12-05-53-271Z]] to [[Wikipedia:Sandbox/MoveIt moved 2026-10-27T12-05-53-271Z]]: Move It live rename test (via Move It browser extension)</comment>
      <origin>781153</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="91" sha1="ol182v7hdwy6o3ydnfrjklqcunsrf8r" xml:space="preserve">Throwaway page for the Move It live rename test (2026-10-27T12-05-53-271Z). Safe to delete.</text>
      <sha1>ol182v7hdwy6o3ydnfrjklqcunsrf8r</sha1>
    </revision>
    <revision>
      <id>781157</id>
      <parentid>781154</parentid>
      <timestamp>2026-10-27T12:05:57Z</timestamp>
      <contributor>
        <username>Closed Limelike Curves</username>
        <id>60396</id>
      </contributor>
      <comment>MoveIt live rename test teardown</comment>
      <origin>781157</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="0" sha1="phoiac9h4m842xq45sp7s6u21eteeq1" />
      <sha1>phoiac9h4m842xq45sp7s6u21eteeq1</sha1>
    </revision>
  </page>
  <page>
    <title>Wikipedia:Sandbox/MoveIt move 2026-10-27T12-05-53-271Z</title>
    <ns>4</ns>
    <id>189941</id>
    <revision>
      <id>781155</id>
      <timestamp>2026-10-27T12:05:55Z</timestamp>
      <contributor>
        <username>Closed Limelike Curves</username>
        <id>60396</id>
      </contributor>
      <comment>Closed Limelike Curves moved page [[Wikipedia:Sandbox/MoveIt move 2026-10-27T12-05-53-271Z]] to [[Wikipedia:Sandbox/MoveIt moved 2026-10-27T12-05-53-271Z]]: Move It live rename test (via Move It browser extension)</comment>
      <origin>781155</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="116" sha1="94w1g3ng3xppdydg20nl1jzewx86y0b" xml:space="preserve">#REDIRECT [[Wikipedia:Sandbox/MoveIt moved 2026-10-27T12-05-53-271Z]]

{{Redirect category shell|
{{R from move}}
}}</text>
      <sha1>94w1g3ng3xppdydg20nl1jzewx86y0b</sha1>
    </revision>
    <revision>
      <id>781156</id>
      <parentid>781155</parentid>
      <timestamp>2026-10-27T12:05:57Z</timestamp>
      <contributor>
        <username>Closed Limelike Curves</username>
        <id>60396</id>
      </contributor>
      <comment>MoveIt live rename test teardown</comment>
      <origin>781156</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="0" sha1="phoiac9h4m842xq45sp7s6u21eteeq1" />
      <sha1>phoiac9h4m842xq45sp7s6u21eteeq1</sha1>
    </revision>
  </page>
  <page>
    <title>Wikipedia:AI noticeboard/DVRTed ALT</title>
    <ns>4</ns>
    <id>189942</id>
    <revision>
      <id>781162</id>
      <timestamp>2026-10-27T15:07:56Z</timestamp>
      <contributor>
        <username>DVRTed</username>
        <id>55993</id>
      </contributor>
      <comment>Filing a new case (using [[User:DVRTed/AINB-helper|AINB-helper]])</comment>
      <origin>781162</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="652" sha1="01w21zxz1tzaeffeyv4q60649dvxeem" xml:space="preserve">{{AINB case banner|cleanup=analysis|llmprod=undetermined|conduct=review|case_name=DVRTed ALT|original_file_date=27 October 2026|case_type=user|}}
&lt;!--See statuses at [[Template:AINB case banner/data]]. For admins: |conduct= can be inactive, pblock, siteblock, or resolved.--&gt;

== Discussion: DVRTed ALT ==
{{User-ainb|1=DVRTed ALT}}

=== 27 October 2026 ===
New case [[User:DVRTed|DVRTed]] ([[User talk:DVRTed|talk]]) 15:07, 27 October 2026 (UTC)

== Cleanup ==
{{AIC article list|
&lt;!--{{AIC article row|article=Title|status=to do (default); ongoing; completed; unnecessary|notes=Additional notes, e.g. links to individual edits}}--&gt;
|collapsible=yes}}</text>
      <sha1>01w21zxz1tzaeffeyv4q60649dvxeem</sha1>
    </revision>
    <revision>
      <id>781167</id>
      <parentid>781162</parentid>
      <timestamp>2026-10-27T15:34:48Z</timestamp>
      <contributor>
        <username>DVRTed</username>
        <id>55993</id>
      </contributor>
      <comment>Adding a new discussion subsection (using [[User:DVRTed/AINB-helper|AINB-helper]])</comment>
      <origin>781167</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="765" sha1="au1v74vce6uurkvk5imdk9hhmynpqq5" xml:space="preserve">{{AINB case banner|cleanup=analysis|llmprod=undetermined|conduct=review|case_name=DVRTed ALT|original_file_date=27 October 2026|case_type=user|}}
&lt;!--See statuses at [[Template:AINB case banner/data]]. For admins: |conduct= can be inactive, pblock, siteblock, or resolved.--&gt;

== Discussion: DVRTed ALT ==
{{User-ainb|1=DVRTed ALT}}

=== 27 October 2026 ===
New case [[User:DVRTed|DVRTed]] ([[User talk:DVRTed|talk]]) 15:07, 27 October 2026 (UTC)

=== 27 October 2026 ===
Test123 [[User:DVRTed|DVRTed]] ([[User talk:DVRTed|talk]]) 15:34, 27 October 2026 (UTC)

== Cleanup ==
{{AIC article list|
&lt;!--{{AIC article row|article=Title|status=to do (default); ongoing; completed; unnecessary|notes=Additional notes, e.g. links to individual edits}}--&gt;
|collapsible=yes}}</text>
      <sha1>au1v74vce6uurkvk5imdk9hhmynpqq5</sha1>
    </revision>
  </page>
  <page>
    <title>Wikipedia:AI noticeboard/DVRTed Family</title>
    <ns>4</ns>
    <id>189943</id>
    <revision>
      <id>781163</id>
      <timestamp>2026-10-27T15:15:01Z</timestamp>
      <contributor>
        <username>DVRTed</username>
        <id>55993</id>
      </contributor>
      <comment>Filing a new case (using [[User:DVRTed/AINB-helper|AINB-helper]])</comment>
      <origin>781163</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="633" sha1="ei7ioc0t0ogsab6hemlbusq4220n6cy" xml:space="preserve">{{AINB case banner|cleanup=analysis|llmprod=undetermined|conduct=review|case_name=DVRTed Family|original_file_date=27 October 2026|case_type=group|}}
&lt;!--See statuses at [[Template:AINB case banner/data]]. For admins: |conduct= can be inactive, pblock, siteblock, or resolved.--&gt;

== Discussion: DVRTed Family ==
=== 27 October 2026 ===
final test [[User:DVRTed|DVRTed]] ([[User talk:DVRTed|talk]]) 15:15, 27 October 2026 (UTC)

== Cleanup ==
{{AIC article list|
&lt;!--{{AIC article row|article=Title|status=to do (default); ongoing; completed; unnecessary|notes=Additional notes, e.g. links to individual edits}}--&gt;
|collapsible=yes}}</text>
      <sha1>ei7ioc0t0ogsab6hemlbusq4220n6cy</sha1>
    </revision>
  </page>
  <page>
    <title>Template:User be-4</title>
    <ns>10</ns>
    <id>189944</id>
    <revision>
      <id>781164</id>
      <timestamp>2026-10-27T15:16:19Z</timestamp>
      <contributor>
        <username>Ясамойла</username>
        <id>68566</id>
      </contributor>
      <comment>пачатак</comment>
      <origin>781164</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="342" sha1="biotv4ym9pjuzn3y98ykvznlqfmye5l" xml:space="preserve">{{userbox-level
| level    = 4
| id       = [[Belarusian language|be]]
| info     = Гэты ўдзельнік валодае '''[[:Category:User be|беларускай]]''' мовай '''[[:Category:User be-4|амаль]]''' як роднай.
| usercategory = User be-4
| nocat = {{{nocat|}}}
}}&lt;noinclude&gt;
{{documentation}}
&lt;/noinclude&gt;i</text>
      <sha1>biotv4ym9pjuzn3y98ykvznlqfmye5l</sha1>
    </revision>
  </page>
  <page>
    <title>Category:User be</title>
    <ns>14</ns>
    <id>189945</id>
    <revision>
      <id>781165</id>
      <timestamp>2026-10-27T15:19:46Z</timestamp>
      <contributor>
        <username>Ясамойла</username>
        <id>68566</id>
      </contributor>
      <comment>пачатак</comment>
      <origin>781165</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="67" sha1="bw5z8vvf1e5zfwp73agc6wrz68eo6fq" xml:space="preserve">{{#babel:be-0|be-1|be-2|be-3|be-4|be-5|be-N}}

[[Category:User|be]]</text>
      <sha1>bw5z8vvf1e5zfwp73agc6wrz68eo6fq</sha1>
    </revision>
  </page>
  <page>
    <title>Category:User be-4</title>
    <ns>14</ns>
    <id>189946</id>
    <revision>
      <id>781166</id>
      <timestamp>2026-10-27T15:21:44Z</timestamp>
      <contributor>
        <username>Ясамойла</username>
        <id>68566</id>
      </contributor>
      <comment>пачатак</comment>
      <origin>781166</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="20" sha1="ncafij28dotd1t69o1y4ftcrlk5v0kk" xml:space="preserve">[[Category:User be]]</text>
      <sha1>ncafij28dotd1t69o1y4ftcrlk5v0kk</sha1>
    </revision>
  </page>
  <page>
    <title>User:Rots61/DisamAssist-a.js</title>
    <ns>2</ns>
    <id>189947</id>
    <revision>
      <id>781169</id>
      <timestamp>2026-10-27T15:35:38Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <comment>Created page with &quot;/*  * DisamAssist: a tool for repairing links from articles to disambiguation pages.  */  // &lt;nowiki&gt; // @ts-nocheck ( () =&gt; { 	var cfg = {}; 	var txt = {}; 	var ui; 	var links, pageChanges; 	var currentPageTitle, currentPageParameters, currentLink; 	var possibleBacklinkDestinations; 	var titleRegex; 	var forceSamePage = false; 	var running = false; 	var choosing = false; 	var canMarkIntentionalLinks = false; 	var displayedPages = {}; 	var editCount = 0; 	var editLimit;...&quot;</comment>
      <origin>781169</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="38607" sha1="o9wpwfi8bv7dow28110ftqwcxk4q52g" xml:space="preserve">/*
 * DisamAssist: a tool for repairing links from articles to disambiguation pages.
 */

// &lt;nowiki&gt;
// @ts-nocheck
( () =&gt; {
	var cfg = {};
	var txt = {};
	var ui;
	var links, pageChanges;
	var currentPageTitle, currentPageParameters, currentLink;
	var possibleBacklinkDestinations;
	var titleRegex;
	var forceSamePage = false;
	var running = false;
	var choosing = false;
	var canMarkIntentionalLinks = false;
	var displayedPages = {};
	var editCount = 0;
	var editLimit;
	var pendingSaves = [];
	var pendingEditBox = null;
	var pendingEditBoxText;
	var lastEditMillis = 0;
	var runningSaves = false;
	
	var api;

	const dependencies = [
		'mediawiki.api',
		'mediawiki.confirmCloseWindow',
		'mediawiki.Title',
		'mediawiki.util',
	];

	/**
	 * Add an item in Tools menu
	 * @param {string} text
	 * @param {string} id 
	 * @param {(e: MouseEvent) =&gt; void} callback 
	 */
	const disamPortletLink = ( text, id, callback ) =&gt; {
		const portlet = mw.util.addPortletLink(
			'p-tb',
			cfg.helpPage ? mw.util.getUrl( cfg.helpPage ) : '#',
			text,
			id
		);
		const link = portlet?.querySelector( 'a' );
		link?.addEventListener( 'click', callback );
		addButtonEvents( link );
	}
	
	/*
	 * Entry point. Check whether we are in a disambiguation page. If so, add a link to start the tool
	 */
	const install = function() {
		cfg = window.DisamAssist.cfg;
		txt = window.DisamAssist.txt;
		if ( mw.config.get( 'wgAction' ) === 'view' &amp;&amp; isDisam() ) {
			mw.loader.using( dependencies, () =&gt; {
				api = new mw.Api();

				mw.loader.load( 'https://ru.wikipedia.org/w/index.php?title=Участник:Stjn/DisamAssist.css&amp;action=raw&amp;ctype=text/css', 'text/css' );

				// This is a &quot; (disambiguation)&quot; page
				if ( new RegExp( cfg.disamRegExp ).exec( getTitle() ) ) {
					disamPortletLink( txt.startMain, 't-disamAssist-main', startMain );
					disamPortletLink( txt.startSame, 't-disamAssist-same', startSame );
				} else {
					disamPortletLink( txt.start, 't-disamAssist-page', start );
				}
			} );
		}
	};
	
	/*
	 * Start the tool. Display the UI and begin looking for links to fix
	 */
	const start = function( e ) {
		e?.preventDefault();
		if ( !running ) {
			console.log(Date.now())
			running = true;
			links = [];
			pageChanges = [];
			displayedPages = {};
			ensureDABExists().then( function( canMark ) {
				canMarkIntentionalLinks = canMark;
				createUI();
				addUnloadConfirm();
				markDisamOptions();
				checkEditLimit().then( function() {
					togglePendingEditBox( false );
					doPage();
				} );
			} );
		}
	};
	
	/*
	 * Start DisamAssist. Disambiguate incoming links to the current page, regardless
	 * of the title.
	 */
	const startSame = function( e ) {
		e.preventDefault();
		forceSamePage = true;
		start( e );
	};
	
	/*
	 * Start DisamAssist. If the page title ends with &quot; (disambiguation)&quot;, disambiguate
	 * links to the primary topic article. Otherwise, disambiguate links to the current
	 * page.
	 */
	const startMain = function( e ) {
		e.preventDefault();
		forceSamePage = false;
		start( e );
	};
	
	/*
	 * Create and show the user interface.
	 */
	const createUI = function() {
		ui = {
			display: $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-mainbox' ),
			finishedMessage: $( '&lt;div&gt;' ).text( txt.noMoreLinks ).hide(),
			pageTitleLine: $( '&lt;span&gt;' ).addClass( 'disamassist-pagetitleline' ),
			pendingEditCounter: $( '&lt;div&gt;').addClass( 'disamassist-editcounter' ),
			context: $( '&lt;pre&gt;' ).addClass( 'disamassist-context' ),
			undoButton: createButton( txt.undo, undo ),
			omitButton: createButton( txt.omit, omit ),
			endButton: createButton( txt.close, saveAndEnd ),
			refreshButton: createButton( txt.refresh, refresh ),
			titleAsTextButton: createButton( txt.titleAsText, chooseTitleFromPrompt ),
			intentionalLinkButton: canMarkIntentionalLinks ? createButton( txt.intentionalLink, chooseIntentionalLink ) : null,
			disamNeededButton: cfg.disamNeededText ? createButton( txt.disamNeeded, chooseDisamNeeded ) : null,
			removeLinkButton: createButton( txt.removeLink, chooseLinkRemoval )
		};
		var top = $( '&lt;div&gt;' ).addClass( 'disamassist-top' )
			.append( [ui.pageTitleLine, ui.pendingEditCounter] );
		var leftButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-leftbuttons' )
			.append( [ui.titleAsTextButton, ui.removeLinkButton, ui.intentionalLinkButton, ui.disamNeededButton, ui.omitButton] );
		var rightButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-rightbuttons' )
			.append( [ui.undoButton, ui.refreshButton, ui.endButton] );
		var allButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-allbuttons' )
			.append( [leftButtons, rightButtons] );
		ui.display.append( [top, ui.finishedMessage, ui.context, allButtons] );
		updateEditCounter();
		toggleActionButtons( false );
		// Insert the UI in the page
		$( '#mw-content-text' ).before( ui.display );
		ui.display.hide().fadeIn();
	};

	/**
	 * Add button role and related keyboard event
	 * @param {Element} el
	 */
	const addButtonEvents = ( el ) =&gt; {
		el?.setAttribute( 'role', 'button' );
		el?.addEventListener( 'keydown', function( e ) {
			if ( [ 'Enter', 'Space' ].includes( e.code ) ) {
				e.preventDefault();
				this.click();
			}
		} );
	}
	
	/*
	 * If there are pending changes, show a confirm dialog before closing
	 */
	const addUnloadConfirm = function() {
		mw.confirmCloseWindow( {
			test: () =&gt; {
				if ( running &amp;&amp; checkActualChanges() ) {
					return txt.pending;
				} else if ( editCount !== 0 ) {
					return txt.editInProgress;
				}
			}
		} );
	};
	
	/*
	 * Mark the disambiguation options as such
	 */
	const markDisamOptions = function() {
		var optionPageTitles = [];
		var optionMarkers = [];
		getDisamOptions().each( function() {
			var link = $( this );
			var title = extractPageName( link );
			const optionMarker = document.createElement( 'a' );
			optionMarker.classList.add( 'disamassist-optionmarker' );
			optionMarker.href = link.attr( 'href' );
			optionMarker.setAttribute( 'data-title', title );
			optionMarker.textContent = txt.optionMarker;
			optionMarker.addEventListener( 'click', ( e ) =&gt; {
				e.preventDefault();
				chooseReplacement( title );
			} );
			addButtonEvents( optionMarker );
			
			link.after( optionMarker );
			optionMarkers.push( optionMarker );
			optionPageTitles.push( title );
		} );
		// Now check the disambiguation options and display a different message for those that are
		// actually the same as the target page where the links go, as choosing those options doesn't really
		// accomplish anything (except bypassing redirects, which might be useful in some cases)
		var targetPage = getTargetPage();
		fetchRedirects( optionPageTitles.concat( targetPage ) ).done( function( redirects ) {
			var endTargetPage = resolveRedirect( targetPage, redirects );
			for ( var ii = 0; ii &lt; optionPageTitles.length; ii++ ) {
				var endOptionTitle = resolveRedirect( optionPageTitles[ii], redirects );
				if ( isSamePage( optionPageTitles[ii], targetPage ) ) {
					$( optionMarkers[ii] ).text( txt.targetOptionMarker ).addClass( 'disamassist-curroptionmarker');
				} else if ( isSamePage( endOptionTitle, endTargetPage ) ) {
					$( optionMarkers[ii] ).text( txt.redirectOptionMarker ).addClass( 'disamassist-curroptionmarker');
				}
			}
		} ).fail( error );	
	};
	
	/*
	 * Check whether intentional links to disambiguation pages can be explicitly marked
	 * as such in this wiki. If so, ensure that a &quot;Foo (disambiguation)&quot; page exists.
	 * Returns a jQuery promise
	 */
	const ensureDABExists = function() {
		var dfd = new $.Deferred();
		var title = getTitle();
		// That concept doesn't exist in this wiki.
		if ( !cfg.intentionalLinkOption ) {
			dfd.resolve( false );
		// &quot;Foo (disambiguation)&quot; exists: it's the current page.
		} else if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			dfd.resolve( true );
		} else {
			var disamTitle = cfg.disamFormat.replace( '$1', title );
			loadPage( disamTitle ).done( function( page ) {
				// &quot;Foo (disambiguation)&quot; doesn't exist.
				if ( page.missing ) {
					// We try to create it
					page.content = cfg.redirectToDisam.replace( '$1', title );
					var summary = txt.redirectSummary.replace( '$1', title );
					savePage( disamTitle, page, summary, false, true ).done( function() {
						dfd.resolve( true );
					} ).fail( function( description ) {
						error( description );
						dfd.resolve( false );
					} );
				// It does exist
				} else {
					dfd.resolve( true );
				}
			} ).fail( function( description ) {
				error( description );
				dfd.resolve( false );
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Check whether the edit cooldown applies and sets editLimit accordingly.
	 * Returns a jQuery promise
	 */
	const checkEditLimit = function() {
		var dfd = new $.Deferred();
		if ( cfg.editCooldown &lt;= 0 ) {
			editLimit = false;
			dfd.resolve();
		} else {
			fetchRights().done( function( rights ) {
				editLimit = !rights?.includes( 'bot' );
			} ).fail( function( description ) {
				error( description );
				editLimit = true;
			} ).always( function() {
				dfd.resolve();
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Find and ask the user to fix all the incoming links to the disambiguation (&quot;target&quot;)
	 * page from a single &quot;origin&quot; page
	 */
	const doPage = function() {
		if ( pageChanges.length &gt; cfg.historySize ) {
			applyChange( pageChanges.shift() );
		}
		if ( links.length === 0 ) {
			var targetPage = getTargetPage();
			getBacklinks( targetPage ).done( function( backlinks, pageTitles ) {
				var pending = {};
				$.each( pendingSaves, function() {
					pending[this[0]] = true;
				} );
				possibleBacklinkDestinations = $.grep( pageTitles, function( t, ii) {
					if ( t == targetPage ) {
						return true;
					}
					return removeDisam(t) != targetPage;
				} );
				titleRegex = new RegExp('\\[\\[([ _]*?(?:' + possibleBacklinkDestinations.join('|').replaceAll('(', '\\(').replaceAll(')','\\)').replaceAll(' ', '[ _]') + ')[ _]*?)(#.*?)?(?:\\|(.*?))?\\]\\]', 'gi');
				// Only incoming links from pages we haven't seen yet and we aren't currently
				// saving (displayedPages is reset when the tool is closed and opened again,
				// while the list of pending changes isn't; if the edit cooldown is disabled,
				// it will be empty)
				links = $.grep( backlinks, function( el, ii ) {
					return !displayedPages[el] &amp;&amp; !pending[el];
				} );
				if ( links.length === 0 ) {
					updateContext();
				} else {
					doPage();
				}
			} ).fail( error );
		} else {
			currentPageTitle = links.shift();
			displayedPages[currentPageTitle] = true;
			toggleActionButtons( false );
			loadPage( currentPageTitle ).done( function( data ) {
				currentPageParameters = data;
				currentLink = null;
				doLink();
			} ).fail( error );
		}
	};
	
	/*
	 * Find and ask the user to fix a single incoming link to the disambiguation (&quot;target&quot;)
	 * page
	 */
	const doLink = function() {
		if (!currentPageParameters.redirect) {
			currentLink = extractLinkToPage( currentPageParameters.content,
				possibleBacklinkDestinations, currentLink ? currentLink.end : 0 );
			if ( currentLink ) {
				updateContext();
			} else {
				doPage();
			}
		} else {
			doPage();
		}
	};
	
	/*
	 * Replace the target of a link with a different one
	 * pageTitle: New link target
	 * extra: Additional text after the link (optional)
	 * summary: Change summary (optional)
	 */
	const chooseReplacement = function( pageTitle, extra, summary ) {
		if ( choosing ) {
			choosing = false;
			if ( !summary ) {
				if ( pageTitle ) {
					summary = txt.summaryChanged.replace( '$1', pageTitle );		
				} else {
					summary = txt.summaryOmitted;
				}
			}
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			if ( pageTitle &amp;&amp; ( pageTitle !== getTargetPage() || extra ) ) {
				if ( currentPageParameters.redirect ) {
					currentLink.description = pageTitle;
				}
				currentPageParameters.content =
					replaceLink( currentPageParameters.content, pageTitle, currentLink, extra || '' );
			}
			doLink();
		}
	};
	
	/*
	 * Replace the link with an explicit link to the disambiguation page
	 */
	const chooseIntentionalLink = function() {
		const targetPage = getTargetPage();
		let title = cfg.disamFormat.replace( '$1', targetPage );
		if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			title = targetPage;
		}
		chooseReplacement( title, '', txt.summaryIntentional );
	};
	
	/*
	 * Prompt for an alternative link target and use it as a replacement
	 */
	const chooseTitleFromPrompt = function() {
		var title = prompt( txt.titleAsTextPrompt );
		if ( title !== null ) {
			chooseReplacement( title );
		}
	};
	
	/*
	 * Remove the current link, leaving the text unchanged
	 */
	const chooseLinkRemoval = function() {
		if ( choosing ) {
			var summary = txt.summaryRemoved;
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			currentPageParameters.content = removeLink( currentPageParameters.content, currentLink );
			doLink();
		}
	};
	
	/*
	 * Add a &quot;disambiguation needed&quot; template after the link
	 */
	const chooseDisamNeeded = function() {
		chooseReplacement( currentLink.title, cfg.disamNeededText, txt.summaryHelpNeeded );
	};
	
	/*
	 * Undo the last change
	 */
	const undo = function() {
		if ( pageChanges.length !== 0 ) {
			var lastPage = pageChanges[pageChanges.length - 1];
			if ( currentPageTitle !== lastPage.title ) {
				links.unshift( currentPageTitle );
				currentPageTitle = lastPage.title;
			}
			currentPageParameters = lastPage.page;
			currentPageParameters.content = lastPage.contentBefore.pop();
			currentLink = lastPage.links.pop();
			lastPage.summary.pop();
			if ( lastPage.contentBefore.length === 0 ) {
				pageChanges.pop();
			}
			updateContext();
		}
	};
	
	/*
	 * Omit the current link without making a change
	 */
	const omit = function() {
		chooseReplacement( null );
	};
	
	/*
	 * Save all the pending changes and restart the tool.
	 */
	const refresh = function() {
		saveAndEnd();
		start();
	};
	
	/*
	 * Enable or disable the buttons that can perform actions on a page or change the current link.
	 * enabled: Whether to enable or disable the buttons
	 */
	const toggleActionButtons = function( enabled ) {
		var affectedButtons = [ui.omitButton, ui.titleAsTextButton, ui.removeLinkButton,
			ui.intentionalLinkButton, ui.disamNeededButton, ui.undoButton];
		$.each( affectedButtons, function( ii, button ) {
			button?.prop( 'disabled', !enabled );
		} );	
	};
	
	/*
	 * Show or hide the 'no more links' message
	 * show: Whether to show or hide the message
	 */
	const toggleFinishedMessage = function( show ) {
		toggleActionButtons( !show );
		ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
		ui.finishedMessage.toggle( show );
		ui.pageTitleLine.toggle( !show );
		ui.context.toggle( !show );
		if ( show ) console.log(Date.now())
	};
	
	const togglePendingEditBox = function( show ) {
		if ( pendingEditBox === null ) {
			pendingEditBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-pendingeditbox' );
			pendingEditBoxText = $( '&lt;div&gt;' );
			pendingEditBox.append( pendingEditBoxText ).hide();
			if ( editLimit ) {
				pendingEditBox.append( $( '&lt;div&gt;' ).text( txt.pendingEditBoxLimited )
					.addClass( 'disamassist-subtitle' ) );
			}
			$( '#mw-content-text' ).before( pendingEditBox );
			updateEditCounter();
		}
		if ( show ) {
			pendingEditBox.fadeIn();
		} else {
			pendingEditBox.fadeOut();
		}
	};
	
	const notifyCompletion = function() {
		var oldTitle = document.title;
		document.title = txt.notifyCharacter + document.title;
		$( document.body ).one( 'mousemove', function() {
			document.title = oldTitle;
		} );
	};
	
	/*
	 * Update the displayed information to match the current link
	 * or lack thereof
	 */
	const updateContext = function() {
		updateEditCounter();
		if ( !currentLink ) {
			toggleFinishedMessage( true );
		} else {
			ui.pageTitleLine.html( txt.pageTitleLine.replace( '$1',
				mw.util.getUrl( currentPageTitle, {redirect: 'no'} ) ).replace( '$2', mw.html.escape( currentPageTitle ) ) );
			var context = extractContext( currentPageParameters.content, currentLink );
			ui.context.empty()
				.append( $( '&lt;span&gt;' ).text( context[0] ) )
				.append( $( '&lt;span&gt;' ).text( context[1] ).addClass( 'disamassist-inclink' ) )
				.append( $( '&lt;span&gt;' ).text( context[2] ) );

			toggleFinishedMessage( false );
			ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
			ui.removeLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.intentionalLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.disamNeededButton?.prop( 'disabled', currentPageParameters.redirect || currentLink.hasDisamTemplate );
			choosing = true;
		}
	};
	
	/*
	 * Update the count of pending changes
	 */
	const updateEditCounter = function() {
		if ( ui.pendingEditCounter ) {
			ui.pendingEditCounter.text( txt.pendingEditCounter.replace( '$1', editCount )
				.replace( '$2', countActuallyChangedFullyCheckedPages() ) );
		}
		if ( pendingEditBox ) {
			if ( editCount === 0 &amp;&amp; !running ) {
				togglePendingEditBox( false );
				notifyCompletion();
			}
			var textContent = editCount;
			if ( editLimit ) {
				textContent = txt.pendingEditBoxTimeEstimation.replace( '$1', editCount )
					.replace( '$2', secondsToHHMMSS( cfg.editCooldown * editCount ) );
			}
			pendingEditBoxText.text( txt.pendingEditBox.replace( '$1', textContent ) );
		}
	};
	
	/*
	 * Apply the changes made to an &quot;origin&quot; page
	 * pageChange: Change that will be saved
	 */
	const applyChange = function( pageChange ) {
		if ( pageChange.page.content !== pageChange.contentBefore[0] ) {
			editCount++;
			// Filter duplicates and join
			var changeSummaries = pageChange.summary
				.filter( ( val, i, arr ) =&gt; val &amp;&amp; arr.indexOf( val ) === i )
				.join( txt.summarySeparator );
			var summary = txt.summary.replace( '$1', getTargetPage() ).replace( '$2', changeSummaries );
			var save = editLimit ? saveWithCooldown : savePage;
			save( pageChange.title, pageChange.page, summary, true, true ).always( function() {
				if ( editCount &gt; 0 ) {
					editCount--;
				}
				updateEditCounter();
			} ).fail( error );
			updateEditCounter();
		}
	};
	
	/*
	 * Save all the pending changes
	 */
	const applyAllChanges = function() {
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			applyChange( pageChanges[ii] );
		}
		pageChanges = [];
	};
	
	/*
	 * Record a new pending change
	 * pageTitle: Title of the page
	 * page: Content of the page
	 * oldContent: Content of the page before the change
	 * link: Link that has been changed
	 * summary: Change summary
	 */
	const addChange = function( pageTitle, page, oldContent, link, summary ) {
		if ( ( pageChanges.length === 0 ) || ( pageChanges[pageChanges.length - 1].title !== pageTitle ) ) {
			pageChanges.push( {
				title: pageTitle,
				page: page,
				contentBefore: [],
				links: [],
				summary: []
			} );
		}
		var lastPageChange = pageChanges[pageChanges.length - 1];
		lastPageChange.contentBefore.push( oldContent );
		lastPageChange.links.push( link );
		lastPageChange.summary.push( summary );
	};
	
	/*
	 * Check whether actual changes are stored in the history array
	 */
	const checkActualChanges = function() {
		return countActualChanges() !== 0;
	};
	
	/*
	 * Return the number of entries in the history array that represent actual changes
	 */
	const countActualChanges = function() {
		var changeCount = 0;
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			if ( pageChanges[ii].page.content !== pageChanges[ii].contentBefore[0] ) {
				changeCount++;
			}
		}
		return changeCount;		
	};
	
	/*
	 * Return the number of changed pages in the history array, ignoring the last entry
	 * if we aren't done with that page yet
	 */
	const countActuallyChangedFullyCheckedPages = function() {
		var changeCount = countActualChanges();
		if ( pageChanges.length !== 0 ) {
			var lastChange = pageChanges[pageChanges.length - 1];
			if ( lastChange.title === currentPageTitle &amp;&amp; currentLink !== null
					&amp;&amp; lastChange.page.content !== lastChange.contentBefore[0] ) {
				changeCount--;
			}
		}
		return changeCount;
	};
	
	/*
	 * Find the links to disambiguation options in a disambiguation page
	 */
	const getDisamOptions = function() {
		return $( '#mw-content-text a' ).filter( function() {
			return !!extractPageName( $( this ) );
		} );
	};

	/*
	 * Save all the pending changes and close the tool
	 */
	const saveAndEnd = function() {
		applyAllChanges();
		end();
	};
	
	/*
	 * Close the tool
	 */
	const end = function() {
		var currentToolUI = ui.display;
		choosing = false;
		running = false;
		$( '.disamassist-optionmarker' ).remove();
		currentToolUI.fadeOut( { complete: function() {
			currentToolUI.remove();
			if ( editCount !== 0 ) {
				togglePendingEditBox( true );
			}
		} } );
	};
	
	/*
	 * Display an error message
	 */
	const error = function( errorDescription ) {
		var errorBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-errorbox' );
		errorBox.text( txt.error.replace( '$1', errorDescription ) );
		errorBox.append( createButton( txt.dismissError, function() {
			errorBox.fadeOut();
		} ).addClass( 'disamassist-errorbutton' ) );
		var uiIsInPlace = ui &amp;&amp; $.contains( document.documentElement, ui.display[0] );
		var nextElement = uiIsInPlace ? ui.display : $( '#mw-content-text' );
		nextElement.before( errorBox );
		errorBox.hide().fadeIn();
	}
	
	/*
	 * Change a link so that it points to the title
	 * text: The wikitext of the whole page
	 * title: The new destination of the link
	 * link: The link that will be modified
	 * extra: Text that will be added after the link (optional)
	 */
	const replaceLink = function( text, title, link, extra ) {
		var newContent;
		if ( link.type === 'sortnaam' ) {
			newContent = '{{sortnaam|' + link.first + '|' + link.last + '|' + title + '}}';
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + ( extra || '' ) + linkEnd;
		}

		if ( isSamePage( title, link.description ) ) {
			// [[B|A]] should be replaced with [[A]] rather than [[A|A]]
			newContent = link.description;
		} else {
			newContent = title + '|' + link.description;
		}
		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + '[[' + newContent + ']]' + link.afterDescription + ( extra || '' ) + linkEnd;
	};
	
	/*
	 * Remove a link from the text
	 * text: The wikitext of the whole page
	 * link: The link that will be removed
	 */

	const removeLink = function( text, link ) {
		if ( link.type === 'sortnaam' ) {
			var newContent = '{{sortnaam|' + link.first + '|' + link.last + '}}';
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + linkEnd;
		}

		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + link.description + link.afterDescription + linkEnd;
	};
	
	/*
	 * Extract a link from a string in wiki format,
	 * starting from a given index. Return a link if one can be found,
	 * otherwise return null. The &quot;link&quot; includes &quot;disambiguation needed&quot;
	 * templates inmediately following the link proper
	 * text: Text from which the link will be extracted
	 * lastIndex: Index from which the search will start
	 */
const extractLink = function( text, lastIndex ) {
		// Zoek eerst naar gewone wikitlinks
		titleRegex.lastIndex = lastIndex;
		var wikiMatch = titleRegex.exec( text );

		// Zoek naar sortnaam-templates (case-insensitief)
		var sortnaamRegex = new RegExp('{{\\s*sortnaam\\s*\\|\\s*([^|]+?)\\s*\\|\\s*([^|]+?)\\s*(?:\\|\\s*([^|}]*?)\\s*)?}}', 'gi');
		sortnaamRegex.lastIndex = lastIndex;
		var sortnaamMatch = sortnaamRegex.exec( text );

		var matchType = null;
		var matchIndex = Infinity;

		if ( wikiMatch !== null &amp;&amp; wikiMatch.index &gt;= lastIndex ) {
			matchIndex = wikiMatch.index;
			matchType = 'wiki';
		}

		if ( sortnaamMatch !== null &amp;&amp; sortnaamMatch.index &gt;= lastIndex &amp;&amp; sortnaamMatch.index &lt; matchIndex ) {
			matchIndex = sortnaamMatch.index;
			matchType = 'sortnaam';
		}

		if ( matchType === 'wiki' ) {
			var possiblyAmbiguous = true;
			var hasDisamTemplate = false;
			var end = wikiMatch.index + 4 + wikiMatch[1].length + ( wikiMatch[3] ? 1 + wikiMatch[3].length : 0 );
			var afterDescription = '';
			var rest = text.substring( end );
			var templateRegex = /^(\w*[.,:;?!)}\s]*){{\s*([^|{}]+?)\s*(?:\|[^{]*?)?}}/g;
			var templateMatch = templateRegex.exec( rest );
			if ( templateMatch !== null ) {
				var templateTitle = getCanonicalTitle( templateMatch[2] );
				if ( cfg.disamLinkTemplates?.includes( templateTitle ) ) {
					end += templateMatch[0].length;
					afterDescription = templateMatch[1].replace(/\s$/, '');
					hasDisamTemplate = true;
				} else if ( cfg.disamLinkIgnoreTemplates?.includes( templateTitle ) ) {
					possiblyAmbiguous = false;
				}
			}
			return {
				type: 'wiki',
				start: wikiMatch.index,
				end: end,
				possiblyAmbiguous: possiblyAmbiguous,
				hasDisamTemplate: hasDisamTemplate,
				title: wikiMatch[1],
				description: wikiMatch[3] ? wikiMatch[3] : wikiMatch[1],
				afterDescription: afterDescription
			};
		} else if ( matchType === 'sortnaam' ) {
			var first = sortnaamMatch[1].trim();
			var last = sortnaamMatch[2].trim();
			var explicitTarget = sortnaamMatch[3] ? sortnaamMatch[3].trim() : '';
			var target = explicitTarget !== '' ? explicitTarget : ( first + ' ' + last );

			return {
				type: 'sortnaam',
				start: sortnaamMatch.index,
				end: sortnaamMatch.index + sortnaamMatch[0].length,
				possiblyAmbiguous: true,
				hasDisamTemplate: false,
				title: target,
				description: sortnaamMatch[0],
				first: first,
				last: last,
				explicitTarget: explicitTarget,
				afterDescription: ''
			};
		}

		return null;
	};
	
	/*
	 * Extract a link to one of a number of destination pages from a string 
	 * (&quot;text&quot;) in wiki format, starting from a given index (&quot;lastIndex&quot;).
	 * &quot;Disambiguation needed&quot; templates are included as part of the links.
	 * text: Page in wiki format
	 * destinations: Array of page titles to look for
	 * lastIndex: Index from which the search will start
	 */
	const extractLinkToPage = function( text, destinations, lastIndex ) {
		var link, title;
		do {
			link = extractLink( text, lastIndex );
			if ( link !== null ) {
				lastIndex = link.end;
				title = getCanonicalTitle( link.title );
			}
		} while (
			link !== null
			&amp;&amp; ( !link.possiblyAmbiguous || !destinations?.includes( title ) )
		);
		return link;
	};
	
	/*
	 * Find the &quot;target&quot; page: either the one we are in or the &quot;main&quot; one found by extracting
     * the title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const getTargetPage = function() {
		var title = getTitle();
		return forceSamePage ? title : removeDisam( title );
	};
	
	/*
	 * Get the page title, with the namespace prefix if any.
	 */
	const getTitle = function() {
		return mw.config.get( 'wgPageName' ).replace(/_/g, ' ')
	}
	
	/*
	 * Extract a &quot;main&quot; title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const removeDisam = function( title ) {
		var match = new RegExp( cfg.disamRegExp ).exec( title );
		return match ? match[1] : title;
	};
	
	/*
	 * Check whether two page titles are the same
	 */
	const isSamePage = function( title1, title2 ) {
		return getCanonicalTitle( title1 ) === getCanonicalTitle( title2 );
	};

	/*
	 * Return the 'canonical title' of a page
	 */
	const getCanonicalTitle = function( title ) {
		try {
			title = new mw.Title( title );

			// Check that page name matches the current namespace
			if ( title.getNamespaceId() !== mw.config.get( 'wgNamespaceNumber' ) ) {
				return;
			}

			const fragment = title.getFragment();
			return title.getPrefixedText() + ( fragment ? `#${ fragment }` : '' );
		} catch ( ex ) {
			// mw.Title seems to be buggy, and some valid titles are rejected
			// FIXME: This may cause false negatives	
		}
	};
	
	/*
	 * Extract the context around a given link in a text string
	 */
	const extractContext = function( text, link ) {
		var contextStart = link.start - cfg.radius;
		var contextEnd = link.end + cfg.radius;
		var contextPrev = text.substring( contextStart, link.start );
		const ellipsis = '…';
		if ( contextStart &gt; 0 ) {
			contextPrev = ellipsis + contextPrev;
		}
		var contextNext = text.substring( link.end, contextEnd );
		if ( contextEnd &lt; text.length ) {
			contextNext = contextNext + ellipsis;
		}
		return [contextPrev, text.substring( link.start, link.end ), contextNext];
	};

	/*
	 * Extract the prefixed page name from a link
	 */
	const extractPageName = function( link ) {
		var pageName = extractPageNameRaw( link );
		if ( pageName ) {
			return getCanonicalTitle( pageName );
		}
		
		return null;
	};
	
	/*
	 * Extract the page name from a link, as is
	 */
	const extractPageNameRaw = function( link ) {
		// Ignore images and interwiki links
		if ( link.hasClass( 'image' ) || link.hasClass( 'extiw' ) ) {
			return null;
		}
		var href = link.attr( 'href' );

		// Red links in old parser format
		if ( link.hasClass( 'new' ) ) {
			const oldRedLink = mw.util.getParamValue( 'title', href );
			if ( oldRedLink !== null ) {
				return oldRedLink;
			}
		}

		// Check that external links are coming from this wiki
		if ( href.indexOf( '//' ) === 0 || href.indexOf( 'https://' ) === 0 ) {
			try {
				const fullUrl = href.indexOf( '//' ) === 0 ? location.protocol + href : href;
				let urlData = new URL( fullUrl );
				if ( urlData.hostname !== location.hostname ) {
					return null;
				}
			} catch( e ) {
				return null;
			}
		}

		var articlePathRegexp = new RegExp(
			mw.config.get( 'wgArticlePath' ).replace( '$1', '([^?]*)' )
		);
		var result = articlePathRegexp.exec( href );
		if ( Array.isArray( result ) &amp;&amp; result.length &gt; 1 ) {
			return decodeURIComponent( result[ 1 ] );
		}

		return null;
	};
	
	/*
	 * Check whether this is a disambiguation page
	 */
	const isDisam = function() {
		const categories = mw.config.get( 'wgCategories', [] );
		return cfg.disamCategories.some( c =&gt; categories.includes( c ) );
	};
	
	const secondsToHHMMSS = function( totalSeconds ) {
		var hhmmss = '';
		var hours = Math.floor( totalSeconds / 3600 );
		var minutes = Math.floor( totalSeconds % 3600 / 60 );
		var seconds = Math.floor( totalSeconds % 3600 % 60 );
		if ( hours &gt;= 1 ) {
			hhmmss = pad( hours, '0', 2 ) + ':';
		}
		hhmmss += pad( minutes, '0', 2 ) + ':' + pad( seconds, '0', 2 );
		return hhmmss;
	};
	
	const pad = function( str, z, width ) {
		str = str.toString();
		if ( str.length &gt;= width ) {
			return str;
		} else {
			return new Array( width - str.length + 1 ).join( z ) + str;
		}
	}
	
	/*
	 * Create a new button
	 * text: Text that will be displayed on the button
	 * onClick: Function that will be called when the button is clicked
	 */
	const createButton = function( text, onClick ) {
		var button = $( '&lt;button&gt;', { 'type': 'button' } );
		button.text( text );
		button.addClass( 'disamassist-button' ).click( onClick );
		return button;
	};
	
	/*
	 * Given a page title and an array of possible redirects {from, to} (&quot;canonical titles&quot;), find the page
	 * at the end of the redirect chain, if there is one. Otherwise, return the page title that was passed
	 */
	const resolveRedirect = function( pageTitle, possibleRedirects ) {
		var appliedRedirect = true;
		var visitedPages = {};
		var currentPage = getCanonicalTitle( pageTitle );
		while ( appliedRedirect ) {
			appliedRedirect = false;
			for ( var ii = 0; ii &lt; possibleRedirects.length; ii++ ) {
				if ( possibleRedirects[ii].from === currentPage ) {
					if ( visitedPages[possibleRedirects[ii].to] ) {
						// Redirect chain detected
						return pageTitle;
					}
					visitedPages[currentPage] = true;
					appliedRedirect = true;
					currentPage = possibleRedirects[ii].to;
				}
			}
		}
		// No redirect rules applied for an iteration of the outer loop:
		// no more redirects. We are done
		return currentPage;
	};
	
	/*
	 * Fetch the incoming links to a page. Returns a jQuery promise
	 * (success - array of titles of pages that contain links to the target page and
	 * array of &quot;canonical titles&quot; of possible destinations of the backlinks (either
	 * the target page or redirects to the target page), failure - error description)
	 * page: Target page
	 */
	const getBacklinks = function( page ) {
		var dfd = new $.Deferred();
		api.get( {
			'action': 'query',
			'list': 'backlinks',
			'bltitle': page,
			'blredirect': true,
			'bllimit': cfg.backlinkLimit,
			'blnamespace': cfg.targetNamespaces,
		} ).done( function( data ) {
			// There might be duplicate entries in some corner cases. We don't care,
			// since we are going to check later, anyway
			var backlinks = [];
			var linkTitles = [getCanonicalTitle( page )];
			$.each( data.query.backlinks, function() {
				backlinks.push( this.title );
				if ( this.redirlinks ) {
					linkTitles.push( this.title );
					$.each( this.redirlinks, function() {
						backlinks.push( this.title );
					} );
				}
			} );
			dfd.resolve( backlinks, linkTitles );
		} ).fail( function( code, data ) {
			dfd.reject( txt.getBacklinksError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download a list of redirects for some pages. Returns a jQuery callback (success -
	 * array of redirects ({from, to}), failure - error description )
	 * pageTitles: Array of page titles
	 */
	const fetchRedirects = function( pageTitles ) {
		var dfd = new $.Deferred();
		var currentTitles = pageTitles.slice( 0, cfg.queryTitleLimit );
		var restTitles = pageTitles.slice( cfg.queryTitleLimit );
		api.get( {
			action: 'query',
			titles: currentTitles,
			redirects: true,
		} ).done( function( data ) {
			var theseRedirects = data.query.redirects ? data.query.redirects : [];
			if ( restTitles.length !== 0 ) {
				fetchRedirects( restTitles ).done( function( redirects ) {
					dfd.resolve( theseRedirects.concat( redirects ) );
				} ).fail( function( description ) {
					dfd.reject( description );
				} );
			} else {
				dfd.resolve( theseRedirects );
			}
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRedirectsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download the list of user rights for the current user. Returns a
	 * jQuery promise (success - array of right names, error - error description)
	 */
	const fetchRights = function() {
		var dfd = $.Deferred();
		api.get( {
			action: 'query',
			meta: 'userinfo',
			uiprop: 'rights',
		} ).done( function( data ) {
			dfd.resolve( data.query.userinfo.rights );
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRightsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Load the raw page text for a given title. Returns a jQuery promise (success - page
	 * content, failure - error description)
	 * pageTitle: Title of the page
	 */
	const loadPage = function( pageTitle ) {
		var dfd = new $.Deferred();
		api.get( {
			action: 'query',
			titles: pageTitle,
			prop: 'revisions',
			rvprop: 'timestamp|content',
			meta: 'tokens',
			type: 'csrf',
		} ).done( function( data ) {
			var pages = data.query.pages;
			for ( var key in pages ) {
				if ( pages.hasOwnProperty( key ) ) {
					break;
				}
			}
			var rawPage = data.query.pages[key];
			var page = {};
			page.missing = rawPage.missing !== undefined;
			if ( rawPage.revisions ) {
				page.content = rawPage.revisions[0]['*'];
				// Assume anything with # at the start is a redirect
				if ( page.content.match( /^#[^\s]*?\s*\[\[/ ) ) {
					page.redirect = true;
				}
				page.baseTimeStamp = rawPage.revisions[0].timestamp;
			} else {
				page.content = '';
				page.baseTimeStamp = null;
			}
			page.startTimeStamp = rawPage.starttimestamp;
			page.editToken = data.query.tokens.csrftoken;
			dfd.resolve( page );
		} ).fail( function( code, data ) {
			dfd.reject( txt.loadPageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Register changes to a page, to be saved later. Returns a jQuery promise
	 * (success - no params, failure - error description). Takes the same parameters
	 * as savePage 
	 */
	const saveWithCooldown = function() {
		var deferred = new $.Deferred();
		pendingSaves.push( {args: arguments, dfd: deferred} );
		if ( !runningSaves ) {
			checkAndSave();
		}
		return deferred.promise();
	};
	
	/*
	 * Save the first set of changes in the list of pending changes, providing that
	 * enough time has passed since the last edit
	 */
	const checkAndSave = function() {
		if ( pendingSaves.length === 0 ) {
			runningSaves = false;
			return;
		}
		runningSaves = true;
		var millisSinceLast = new Date().getTime() - lastEditMillis;
		if ( millisSinceLast &lt; cfg.editCooldown * 1000 ) {
			setTimeout( checkAndSave, cfg.editCooldown * 1000 - millisSinceLast );
		} else {
			// The last edit started at least cfg.editCooldown seconds ago
			var save = pendingSaves.shift();
			savePage.apply( this, save.args ).done( function() {
				checkAndSave();
				save.dfd.resolve();
			} ).fail( function( description ) {
				checkAndSave();
				save.dfd.reject( description );
			} );
			// We'll use the time since the last edit started
			lastEditMillis = new Date().getTime();
		}
	};
	
	/*
	 * Save the changes made to a page. Returns a jQuery promise (success - no params,
	 * failure - error description)
	 * pageTitle: Title of the page
	 * page: Page data
	 * summary: Summary of the changes made to the page
	 * minorEdit: Whether to mark the edit as 'minor'
	 * botEdit: Whether to mark the edit as 'bot'
	 */
	const savePage = function( pageTitle, page, summary, minorEdit, botEdit ) {
		var dfd = new $.Deferred();
		api.post( {
			action: 'edit',
			title: pageTitle,
			token: page.editToken,
			text: page.content,
			basetimestamp: page.baseTimeStamp,
			starttimestamp: page.startTimeStamp,
			summary: summary,
			watchlist: cfg.watch ? cfg.watch : 'nochange',
			assertuser: mw.config.get( 'wgUserName' ),
			minor: minorEdit,
			bot: botEdit,
		} ).done( function() {
			dfd.resolve();
		} ).fail( function( code, data ) {
			dfd.reject( txt.savePageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	install();
} )();
// &lt;/nowiki&gt;</text>
      <sha1>o9wpwfi8bv7dow28110ftqwcxk4q52g</sha1>
    </revision>
    <revision>
      <id>781172</id>
      <parentid>781169</parentid>
      <timestamp>2026-10-27T15:36:55Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <minor />
      <comment>Rots61 moved page [[User:Rots61/Disamassist-a.js]] to [[User:Rots61/DisamAssist-a.js]]</comment>
      <origin>781169</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="38607" sha1="o9wpwfi8bv7dow28110ftqwcxk4q52g" xml:space="preserve">/*
 * DisamAssist: a tool for repairing links from articles to disambiguation pages.
 */

// &lt;nowiki&gt;
// @ts-nocheck
( () =&gt; {
	var cfg = {};
	var txt = {};
	var ui;
	var links, pageChanges;
	var currentPageTitle, currentPageParameters, currentLink;
	var possibleBacklinkDestinations;
	var titleRegex;
	var forceSamePage = false;
	var running = false;
	var choosing = false;
	var canMarkIntentionalLinks = false;
	var displayedPages = {};
	var editCount = 0;
	var editLimit;
	var pendingSaves = [];
	var pendingEditBox = null;
	var pendingEditBoxText;
	var lastEditMillis = 0;
	var runningSaves = false;
	
	var api;

	const dependencies = [
		'mediawiki.api',
		'mediawiki.confirmCloseWindow',
		'mediawiki.Title',
		'mediawiki.util',
	];

	/**
	 * Add an item in Tools menu
	 * @param {string} text
	 * @param {string} id 
	 * @param {(e: MouseEvent) =&gt; void} callback 
	 */
	const disamPortletLink = ( text, id, callback ) =&gt; {
		const portlet = mw.util.addPortletLink(
			'p-tb',
			cfg.helpPage ? mw.util.getUrl( cfg.helpPage ) : '#',
			text,
			id
		);
		const link = portlet?.querySelector( 'a' );
		link?.addEventListener( 'click', callback );
		addButtonEvents( link );
	}
	
	/*
	 * Entry point. Check whether we are in a disambiguation page. If so, add a link to start the tool
	 */
	const install = function() {
		cfg = window.DisamAssist.cfg;
		txt = window.DisamAssist.txt;
		if ( mw.config.get( 'wgAction' ) === 'view' &amp;&amp; isDisam() ) {
			mw.loader.using( dependencies, () =&gt; {
				api = new mw.Api();

				mw.loader.load( 'https://ru.wikipedia.org/w/index.php?title=Участник:Stjn/DisamAssist.css&amp;action=raw&amp;ctype=text/css', 'text/css' );

				// This is a &quot; (disambiguation)&quot; page
				if ( new RegExp( cfg.disamRegExp ).exec( getTitle() ) ) {
					disamPortletLink( txt.startMain, 't-disamAssist-main', startMain );
					disamPortletLink( txt.startSame, 't-disamAssist-same', startSame );
				} else {
					disamPortletLink( txt.start, 't-disamAssist-page', start );
				}
			} );
		}
	};
	
	/*
	 * Start the tool. Display the UI and begin looking for links to fix
	 */
	const start = function( e ) {
		e?.preventDefault();
		if ( !running ) {
			console.log(Date.now())
			running = true;
			links = [];
			pageChanges = [];
			displayedPages = {};
			ensureDABExists().then( function( canMark ) {
				canMarkIntentionalLinks = canMark;
				createUI();
				addUnloadConfirm();
				markDisamOptions();
				checkEditLimit().then( function() {
					togglePendingEditBox( false );
					doPage();
				} );
			} );
		}
	};
	
	/*
	 * Start DisamAssist. Disambiguate incoming links to the current page, regardless
	 * of the title.
	 */
	const startSame = function( e ) {
		e.preventDefault();
		forceSamePage = true;
		start( e );
	};
	
	/*
	 * Start DisamAssist. If the page title ends with &quot; (disambiguation)&quot;, disambiguate
	 * links to the primary topic article. Otherwise, disambiguate links to the current
	 * page.
	 */
	const startMain = function( e ) {
		e.preventDefault();
		forceSamePage = false;
		start( e );
	};
	
	/*
	 * Create and show the user interface.
	 */
	const createUI = function() {
		ui = {
			display: $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-mainbox' ),
			finishedMessage: $( '&lt;div&gt;' ).text( txt.noMoreLinks ).hide(),
			pageTitleLine: $( '&lt;span&gt;' ).addClass( 'disamassist-pagetitleline' ),
			pendingEditCounter: $( '&lt;div&gt;').addClass( 'disamassist-editcounter' ),
			context: $( '&lt;pre&gt;' ).addClass( 'disamassist-context' ),
			undoButton: createButton( txt.undo, undo ),
			omitButton: createButton( txt.omit, omit ),
			endButton: createButton( txt.close, saveAndEnd ),
			refreshButton: createButton( txt.refresh, refresh ),
			titleAsTextButton: createButton( txt.titleAsText, chooseTitleFromPrompt ),
			intentionalLinkButton: canMarkIntentionalLinks ? createButton( txt.intentionalLink, chooseIntentionalLink ) : null,
			disamNeededButton: cfg.disamNeededText ? createButton( txt.disamNeeded, chooseDisamNeeded ) : null,
			removeLinkButton: createButton( txt.removeLink, chooseLinkRemoval )
		};
		var top = $( '&lt;div&gt;' ).addClass( 'disamassist-top' )
			.append( [ui.pageTitleLine, ui.pendingEditCounter] );
		var leftButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-leftbuttons' )
			.append( [ui.titleAsTextButton, ui.removeLinkButton, ui.intentionalLinkButton, ui.disamNeededButton, ui.omitButton] );
		var rightButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-rightbuttons' )
			.append( [ui.undoButton, ui.refreshButton, ui.endButton] );
		var allButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-allbuttons' )
			.append( [leftButtons, rightButtons] );
		ui.display.append( [top, ui.finishedMessage, ui.context, allButtons] );
		updateEditCounter();
		toggleActionButtons( false );
		// Insert the UI in the page
		$( '#mw-content-text' ).before( ui.display );
		ui.display.hide().fadeIn();
	};

	/**
	 * Add button role and related keyboard event
	 * @param {Element} el
	 */
	const addButtonEvents = ( el ) =&gt; {
		el?.setAttribute( 'role', 'button' );
		el?.addEventListener( 'keydown', function( e ) {
			if ( [ 'Enter', 'Space' ].includes( e.code ) ) {
				e.preventDefault();
				this.click();
			}
		} );
	}
	
	/*
	 * If there are pending changes, show a confirm dialog before closing
	 */
	const addUnloadConfirm = function() {
		mw.confirmCloseWindow( {
			test: () =&gt; {
				if ( running &amp;&amp; checkActualChanges() ) {
					return txt.pending;
				} else if ( editCount !== 0 ) {
					return txt.editInProgress;
				}
			}
		} );
	};
	
	/*
	 * Mark the disambiguation options as such
	 */
	const markDisamOptions = function() {
		var optionPageTitles = [];
		var optionMarkers = [];
		getDisamOptions().each( function() {
			var link = $( this );
			var title = extractPageName( link );
			const optionMarker = document.createElement( 'a' );
			optionMarker.classList.add( 'disamassist-optionmarker' );
			optionMarker.href = link.attr( 'href' );
			optionMarker.setAttribute( 'data-title', title );
			optionMarker.textContent = txt.optionMarker;
			optionMarker.addEventListener( 'click', ( e ) =&gt; {
				e.preventDefault();
				chooseReplacement( title );
			} );
			addButtonEvents( optionMarker );
			
			link.after( optionMarker );
			optionMarkers.push( optionMarker );
			optionPageTitles.push( title );
		} );
		// Now check the disambiguation options and display a different message for those that are
		// actually the same as the target page where the links go, as choosing those options doesn't really
		// accomplish anything (except bypassing redirects, which might be useful in some cases)
		var targetPage = getTargetPage();
		fetchRedirects( optionPageTitles.concat( targetPage ) ).done( function( redirects ) {
			var endTargetPage = resolveRedirect( targetPage, redirects );
			for ( var ii = 0; ii &lt; optionPageTitles.length; ii++ ) {
				var endOptionTitle = resolveRedirect( optionPageTitles[ii], redirects );
				if ( isSamePage( optionPageTitles[ii], targetPage ) ) {
					$( optionMarkers[ii] ).text( txt.targetOptionMarker ).addClass( 'disamassist-curroptionmarker');
				} else if ( isSamePage( endOptionTitle, endTargetPage ) ) {
					$( optionMarkers[ii] ).text( txt.redirectOptionMarker ).addClass( 'disamassist-curroptionmarker');
				}
			}
		} ).fail( error );	
	};
	
	/*
	 * Check whether intentional links to disambiguation pages can be explicitly marked
	 * as such in this wiki. If so, ensure that a &quot;Foo (disambiguation)&quot; page exists.
	 * Returns a jQuery promise
	 */
	const ensureDABExists = function() {
		var dfd = new $.Deferred();
		var title = getTitle();
		// That concept doesn't exist in this wiki.
		if ( !cfg.intentionalLinkOption ) {
			dfd.resolve( false );
		// &quot;Foo (disambiguation)&quot; exists: it's the current page.
		} else if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			dfd.resolve( true );
		} else {
			var disamTitle = cfg.disamFormat.replace( '$1', title );
			loadPage( disamTitle ).done( function( page ) {
				// &quot;Foo (disambiguation)&quot; doesn't exist.
				if ( page.missing ) {
					// We try to create it
					page.content = cfg.redirectToDisam.replace( '$1', title );
					var summary = txt.redirectSummary.replace( '$1', title );
					savePage( disamTitle, page, summary, false, true ).done( function() {
						dfd.resolve( true );
					} ).fail( function( description ) {
						error( description );
						dfd.resolve( false );
					} );
				// It does exist
				} else {
					dfd.resolve( true );
				}
			} ).fail( function( description ) {
				error( description );
				dfd.resolve( false );
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Check whether the edit cooldown applies and sets editLimit accordingly.
	 * Returns a jQuery promise
	 */
	const checkEditLimit = function() {
		var dfd = new $.Deferred();
		if ( cfg.editCooldown &lt;= 0 ) {
			editLimit = false;
			dfd.resolve();
		} else {
			fetchRights().done( function( rights ) {
				editLimit = !rights?.includes( 'bot' );
			} ).fail( function( description ) {
				error( description );
				editLimit = true;
			} ).always( function() {
				dfd.resolve();
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Find and ask the user to fix all the incoming links to the disambiguation (&quot;target&quot;)
	 * page from a single &quot;origin&quot; page
	 */
	const doPage = function() {
		if ( pageChanges.length &gt; cfg.historySize ) {
			applyChange( pageChanges.shift() );
		}
		if ( links.length === 0 ) {
			var targetPage = getTargetPage();
			getBacklinks( targetPage ).done( function( backlinks, pageTitles ) {
				var pending = {};
				$.each( pendingSaves, function() {
					pending[this[0]] = true;
				} );
				possibleBacklinkDestinations = $.grep( pageTitles, function( t, ii) {
					if ( t == targetPage ) {
						return true;
					}
					return removeDisam(t) != targetPage;
				} );
				titleRegex = new RegExp('\\[\\[([ _]*?(?:' + possibleBacklinkDestinations.join('|').replaceAll('(', '\\(').replaceAll(')','\\)').replaceAll(' ', '[ _]') + ')[ _]*?)(#.*?)?(?:\\|(.*?))?\\]\\]', 'gi');
				// Only incoming links from pages we haven't seen yet and we aren't currently
				// saving (displayedPages is reset when the tool is closed and opened again,
				// while the list of pending changes isn't; if the edit cooldown is disabled,
				// it will be empty)
				links = $.grep( backlinks, function( el, ii ) {
					return !displayedPages[el] &amp;&amp; !pending[el];
				} );
				if ( links.length === 0 ) {
					updateContext();
				} else {
					doPage();
				}
			} ).fail( error );
		} else {
			currentPageTitle = links.shift();
			displayedPages[currentPageTitle] = true;
			toggleActionButtons( false );
			loadPage( currentPageTitle ).done( function( data ) {
				currentPageParameters = data;
				currentLink = null;
				doLink();
			} ).fail( error );
		}
	};
	
	/*
	 * Find and ask the user to fix a single incoming link to the disambiguation (&quot;target&quot;)
	 * page
	 */
	const doLink = function() {
		if (!currentPageParameters.redirect) {
			currentLink = extractLinkToPage( currentPageParameters.content,
				possibleBacklinkDestinations, currentLink ? currentLink.end : 0 );
			if ( currentLink ) {
				updateContext();
			} else {
				doPage();
			}
		} else {
			doPage();
		}
	};
	
	/*
	 * Replace the target of a link with a different one
	 * pageTitle: New link target
	 * extra: Additional text after the link (optional)
	 * summary: Change summary (optional)
	 */
	const chooseReplacement = function( pageTitle, extra, summary ) {
		if ( choosing ) {
			choosing = false;
			if ( !summary ) {
				if ( pageTitle ) {
					summary = txt.summaryChanged.replace( '$1', pageTitle );		
				} else {
					summary = txt.summaryOmitted;
				}
			}
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			if ( pageTitle &amp;&amp; ( pageTitle !== getTargetPage() || extra ) ) {
				if ( currentPageParameters.redirect ) {
					currentLink.description = pageTitle;
				}
				currentPageParameters.content =
					replaceLink( currentPageParameters.content, pageTitle, currentLink, extra || '' );
			}
			doLink();
		}
	};
	
	/*
	 * Replace the link with an explicit link to the disambiguation page
	 */
	const chooseIntentionalLink = function() {
		const targetPage = getTargetPage();
		let title = cfg.disamFormat.replace( '$1', targetPage );
		if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			title = targetPage;
		}
		chooseReplacement( title, '', txt.summaryIntentional );
	};
	
	/*
	 * Prompt for an alternative link target and use it as a replacement
	 */
	const chooseTitleFromPrompt = function() {
		var title = prompt( txt.titleAsTextPrompt );
		if ( title !== null ) {
			chooseReplacement( title );
		}
	};
	
	/*
	 * Remove the current link, leaving the text unchanged
	 */
	const chooseLinkRemoval = function() {
		if ( choosing ) {
			var summary = txt.summaryRemoved;
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			currentPageParameters.content = removeLink( currentPageParameters.content, currentLink );
			doLink();
		}
	};
	
	/*
	 * Add a &quot;disambiguation needed&quot; template after the link
	 */
	const chooseDisamNeeded = function() {
		chooseReplacement( currentLink.title, cfg.disamNeededText, txt.summaryHelpNeeded );
	};
	
	/*
	 * Undo the last change
	 */
	const undo = function() {
		if ( pageChanges.length !== 0 ) {
			var lastPage = pageChanges[pageChanges.length - 1];
			if ( currentPageTitle !== lastPage.title ) {
				links.unshift( currentPageTitle );
				currentPageTitle = lastPage.title;
			}
			currentPageParameters = lastPage.page;
			currentPageParameters.content = lastPage.contentBefore.pop();
			currentLink = lastPage.links.pop();
			lastPage.summary.pop();
			if ( lastPage.contentBefore.length === 0 ) {
				pageChanges.pop();
			}
			updateContext();
		}
	};
	
	/*
	 * Omit the current link without making a change
	 */
	const omit = function() {
		chooseReplacement( null );
	};
	
	/*
	 * Save all the pending changes and restart the tool.
	 */
	const refresh = function() {
		saveAndEnd();
		start();
	};
	
	/*
	 * Enable or disable the buttons that can perform actions on a page or change the current link.
	 * enabled: Whether to enable or disable the buttons
	 */
	const toggleActionButtons = function( enabled ) {
		var affectedButtons = [ui.omitButton, ui.titleAsTextButton, ui.removeLinkButton,
			ui.intentionalLinkButton, ui.disamNeededButton, ui.undoButton];
		$.each( affectedButtons, function( ii, button ) {
			button?.prop( 'disabled', !enabled );
		} );	
	};
	
	/*
	 * Show or hide the 'no more links' message
	 * show: Whether to show or hide the message
	 */
	const toggleFinishedMessage = function( show ) {
		toggleActionButtons( !show );
		ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
		ui.finishedMessage.toggle( show );
		ui.pageTitleLine.toggle( !show );
		ui.context.toggle( !show );
		if ( show ) console.log(Date.now())
	};
	
	const togglePendingEditBox = function( show ) {
		if ( pendingEditBox === null ) {
			pendingEditBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-pendingeditbox' );
			pendingEditBoxText = $( '&lt;div&gt;' );
			pendingEditBox.append( pendingEditBoxText ).hide();
			if ( editLimit ) {
				pendingEditBox.append( $( '&lt;div&gt;' ).text( txt.pendingEditBoxLimited )
					.addClass( 'disamassist-subtitle' ) );
			}
			$( '#mw-content-text' ).before( pendingEditBox );
			updateEditCounter();
		}
		if ( show ) {
			pendingEditBox.fadeIn();
		} else {
			pendingEditBox.fadeOut();
		}
	};
	
	const notifyCompletion = function() {
		var oldTitle = document.title;
		document.title = txt.notifyCharacter + document.title;
		$( document.body ).one( 'mousemove', function() {
			document.title = oldTitle;
		} );
	};
	
	/*
	 * Update the displayed information to match the current link
	 * or lack thereof
	 */
	const updateContext = function() {
		updateEditCounter();
		if ( !currentLink ) {
			toggleFinishedMessage( true );
		} else {
			ui.pageTitleLine.html( txt.pageTitleLine.replace( '$1',
				mw.util.getUrl( currentPageTitle, {redirect: 'no'} ) ).replace( '$2', mw.html.escape( currentPageTitle ) ) );
			var context = extractContext( currentPageParameters.content, currentLink );
			ui.context.empty()
				.append( $( '&lt;span&gt;' ).text( context[0] ) )
				.append( $( '&lt;span&gt;' ).text( context[1] ).addClass( 'disamassist-inclink' ) )
				.append( $( '&lt;span&gt;' ).text( context[2] ) );

			toggleFinishedMessage( false );
			ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
			ui.removeLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.intentionalLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.disamNeededButton?.prop( 'disabled', currentPageParameters.redirect || currentLink.hasDisamTemplate );
			choosing = true;
		}
	};
	
	/*
	 * Update the count of pending changes
	 */
	const updateEditCounter = function() {
		if ( ui.pendingEditCounter ) {
			ui.pendingEditCounter.text( txt.pendingEditCounter.replace( '$1', editCount )
				.replace( '$2', countActuallyChangedFullyCheckedPages() ) );
		}
		if ( pendingEditBox ) {
			if ( editCount === 0 &amp;&amp; !running ) {
				togglePendingEditBox( false );
				notifyCompletion();
			}
			var textContent = editCount;
			if ( editLimit ) {
				textContent = txt.pendingEditBoxTimeEstimation.replace( '$1', editCount )
					.replace( '$2', secondsToHHMMSS( cfg.editCooldown * editCount ) );
			}
			pendingEditBoxText.text( txt.pendingEditBox.replace( '$1', textContent ) );
		}
	};
	
	/*
	 * Apply the changes made to an &quot;origin&quot; page
	 * pageChange: Change that will be saved
	 */
	const applyChange = function( pageChange ) {
		if ( pageChange.page.content !== pageChange.contentBefore[0] ) {
			editCount++;
			// Filter duplicates and join
			var changeSummaries = pageChange.summary
				.filter( ( val, i, arr ) =&gt; val &amp;&amp; arr.indexOf( val ) === i )
				.join( txt.summarySeparator );
			var summary = txt.summary.replace( '$1', getTargetPage() ).replace( '$2', changeSummaries );
			var save = editLimit ? saveWithCooldown : savePage;
			save( pageChange.title, pageChange.page, summary, true, true ).always( function() {
				if ( editCount &gt; 0 ) {
					editCount--;
				}
				updateEditCounter();
			} ).fail( error );
			updateEditCounter();
		}
	};
	
	/*
	 * Save all the pending changes
	 */
	const applyAllChanges = function() {
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			applyChange( pageChanges[ii] );
		}
		pageChanges = [];
	};
	
	/*
	 * Record a new pending change
	 * pageTitle: Title of the page
	 * page: Content of the page
	 * oldContent: Content of the page before the change
	 * link: Link that has been changed
	 * summary: Change summary
	 */
	const addChange = function( pageTitle, page, oldContent, link, summary ) {
		if ( ( pageChanges.length === 0 ) || ( pageChanges[pageChanges.length - 1].title !== pageTitle ) ) {
			pageChanges.push( {
				title: pageTitle,
				page: page,
				contentBefore: [],
				links: [],
				summary: []
			} );
		}
		var lastPageChange = pageChanges[pageChanges.length - 1];
		lastPageChange.contentBefore.push( oldContent );
		lastPageChange.links.push( link );
		lastPageChange.summary.push( summary );
	};
	
	/*
	 * Check whether actual changes are stored in the history array
	 */
	const checkActualChanges = function() {
		return countActualChanges() !== 0;
	};
	
	/*
	 * Return the number of entries in the history array that represent actual changes
	 */
	const countActualChanges = function() {
		var changeCount = 0;
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			if ( pageChanges[ii].page.content !== pageChanges[ii].contentBefore[0] ) {
				changeCount++;
			}
		}
		return changeCount;		
	};
	
	/*
	 * Return the number of changed pages in the history array, ignoring the last entry
	 * if we aren't done with that page yet
	 */
	const countActuallyChangedFullyCheckedPages = function() {
		var changeCount = countActualChanges();
		if ( pageChanges.length !== 0 ) {
			var lastChange = pageChanges[pageChanges.length - 1];
			if ( lastChange.title === currentPageTitle &amp;&amp; currentLink !== null
					&amp;&amp; lastChange.page.content !== lastChange.contentBefore[0] ) {
				changeCount--;
			}
		}
		return changeCount;
	};
	
	/*
	 * Find the links to disambiguation options in a disambiguation page
	 */
	const getDisamOptions = function() {
		return $( '#mw-content-text a' ).filter( function() {
			return !!extractPageName( $( this ) );
		} );
	};

	/*
	 * Save all the pending changes and close the tool
	 */
	const saveAndEnd = function() {
		applyAllChanges();
		end();
	};
	
	/*
	 * Close the tool
	 */
	const end = function() {
		var currentToolUI = ui.display;
		choosing = false;
		running = false;
		$( '.disamassist-optionmarker' ).remove();
		currentToolUI.fadeOut( { complete: function() {
			currentToolUI.remove();
			if ( editCount !== 0 ) {
				togglePendingEditBox( true );
			}
		} } );
	};
	
	/*
	 * Display an error message
	 */
	const error = function( errorDescription ) {
		var errorBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-errorbox' );
		errorBox.text( txt.error.replace( '$1', errorDescription ) );
		errorBox.append( createButton( txt.dismissError, function() {
			errorBox.fadeOut();
		} ).addClass( 'disamassist-errorbutton' ) );
		var uiIsInPlace = ui &amp;&amp; $.contains( document.documentElement, ui.display[0] );
		var nextElement = uiIsInPlace ? ui.display : $( '#mw-content-text' );
		nextElement.before( errorBox );
		errorBox.hide().fadeIn();
	}
	
	/*
	 * Change a link so that it points to the title
	 * text: The wikitext of the whole page
	 * title: The new destination of the link
	 * link: The link that will be modified
	 * extra: Text that will be added after the link (optional)
	 */
	const replaceLink = function( text, title, link, extra ) {
		var newContent;
		if ( link.type === 'sortnaam' ) {
			newContent = '{{sortnaam|' + link.first + '|' + link.last + '|' + title + '}}';
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + ( extra || '' ) + linkEnd;
		}

		if ( isSamePage( title, link.description ) ) {
			// [[B|A]] should be replaced with [[A]] rather than [[A|A]]
			newContent = link.description;
		} else {
			newContent = title + '|' + link.description;
		}
		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + '[[' + newContent + ']]' + link.afterDescription + ( extra || '' ) + linkEnd;
	};
	
	/*
	 * Remove a link from the text
	 * text: The wikitext of the whole page
	 * link: The link that will be removed
	 */

	const removeLink = function( text, link ) {
		if ( link.type === 'sortnaam' ) {
			var newContent = '{{sortnaam|' + link.first + '|' + link.last + '}}';
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + linkEnd;
		}

		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + link.description + link.afterDescription + linkEnd;
	};
	
	/*
	 * Extract a link from a string in wiki format,
	 * starting from a given index. Return a link if one can be found,
	 * otherwise return null. The &quot;link&quot; includes &quot;disambiguation needed&quot;
	 * templates inmediately following the link proper
	 * text: Text from which the link will be extracted
	 * lastIndex: Index from which the search will start
	 */
const extractLink = function( text, lastIndex ) {
		// Zoek eerst naar gewone wikitlinks
		titleRegex.lastIndex = lastIndex;
		var wikiMatch = titleRegex.exec( text );

		// Zoek naar sortnaam-templates (case-insensitief)
		var sortnaamRegex = new RegExp('{{\\s*sortnaam\\s*\\|\\s*([^|]+?)\\s*\\|\\s*([^|]+?)\\s*(?:\\|\\s*([^|}]*?)\\s*)?}}', 'gi');
		sortnaamRegex.lastIndex = lastIndex;
		var sortnaamMatch = sortnaamRegex.exec( text );

		var matchType = null;
		var matchIndex = Infinity;

		if ( wikiMatch !== null &amp;&amp; wikiMatch.index &gt;= lastIndex ) {
			matchIndex = wikiMatch.index;
			matchType = 'wiki';
		}

		if ( sortnaamMatch !== null &amp;&amp; sortnaamMatch.index &gt;= lastIndex &amp;&amp; sortnaamMatch.index &lt; matchIndex ) {
			matchIndex = sortnaamMatch.index;
			matchType = 'sortnaam';
		}

		if ( matchType === 'wiki' ) {
			var possiblyAmbiguous = true;
			var hasDisamTemplate = false;
			var end = wikiMatch.index + 4 + wikiMatch[1].length + ( wikiMatch[3] ? 1 + wikiMatch[3].length : 0 );
			var afterDescription = '';
			var rest = text.substring( end );
			var templateRegex = /^(\w*[.,:;?!)}\s]*){{\s*([^|{}]+?)\s*(?:\|[^{]*?)?}}/g;
			var templateMatch = templateRegex.exec( rest );
			if ( templateMatch !== null ) {
				var templateTitle = getCanonicalTitle( templateMatch[2] );
				if ( cfg.disamLinkTemplates?.includes( templateTitle ) ) {
					end += templateMatch[0].length;
					afterDescription = templateMatch[1].replace(/\s$/, '');
					hasDisamTemplate = true;
				} else if ( cfg.disamLinkIgnoreTemplates?.includes( templateTitle ) ) {
					possiblyAmbiguous = false;
				}
			}
			return {
				type: 'wiki',
				start: wikiMatch.index,
				end: end,
				possiblyAmbiguous: possiblyAmbiguous,
				hasDisamTemplate: hasDisamTemplate,
				title: wikiMatch[1],
				description: wikiMatch[3] ? wikiMatch[3] : wikiMatch[1],
				afterDescription: afterDescription
			};
		} else if ( matchType === 'sortnaam' ) {
			var first = sortnaamMatch[1].trim();
			var last = sortnaamMatch[2].trim();
			var explicitTarget = sortnaamMatch[3] ? sortnaamMatch[3].trim() : '';
			var target = explicitTarget !== '' ? explicitTarget : ( first + ' ' + last );

			return {
				type: 'sortnaam',
				start: sortnaamMatch.index,
				end: sortnaamMatch.index + sortnaamMatch[0].length,
				possiblyAmbiguous: true,
				hasDisamTemplate: false,
				title: target,
				description: sortnaamMatch[0],
				first: first,
				last: last,
				explicitTarget: explicitTarget,
				afterDescription: ''
			};
		}

		return null;
	};
	
	/*
	 * Extract a link to one of a number of destination pages from a string 
	 * (&quot;text&quot;) in wiki format, starting from a given index (&quot;lastIndex&quot;).
	 * &quot;Disambiguation needed&quot; templates are included as part of the links.
	 * text: Page in wiki format
	 * destinations: Array of page titles to look for
	 * lastIndex: Index from which the search will start
	 */
	const extractLinkToPage = function( text, destinations, lastIndex ) {
		var link, title;
		do {
			link = extractLink( text, lastIndex );
			if ( link !== null ) {
				lastIndex = link.end;
				title = getCanonicalTitle( link.title );
			}
		} while (
			link !== null
			&amp;&amp; ( !link.possiblyAmbiguous || !destinations?.includes( title ) )
		);
		return link;
	};
	
	/*
	 * Find the &quot;target&quot; page: either the one we are in or the &quot;main&quot; one found by extracting
     * the title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const getTargetPage = function() {
		var title = getTitle();
		return forceSamePage ? title : removeDisam( title );
	};
	
	/*
	 * Get the page title, with the namespace prefix if any.
	 */
	const getTitle = function() {
		return mw.config.get( 'wgPageName' ).replace(/_/g, ' ')
	}
	
	/*
	 * Extract a &quot;main&quot; title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const removeDisam = function( title ) {
		var match = new RegExp( cfg.disamRegExp ).exec( title );
		return match ? match[1] : title;
	};
	
	/*
	 * Check whether two page titles are the same
	 */
	const isSamePage = function( title1, title2 ) {
		return getCanonicalTitle( title1 ) === getCanonicalTitle( title2 );
	};

	/*
	 * Return the 'canonical title' of a page
	 */
	const getCanonicalTitle = function( title ) {
		try {
			title = new mw.Title( title );

			// Check that page name matches the current namespace
			if ( title.getNamespaceId() !== mw.config.get( 'wgNamespaceNumber' ) ) {
				return;
			}

			const fragment = title.getFragment();
			return title.getPrefixedText() + ( fragment ? `#${ fragment }` : '' );
		} catch ( ex ) {
			// mw.Title seems to be buggy, and some valid titles are rejected
			// FIXME: This may cause false negatives	
		}
	};
	
	/*
	 * Extract the context around a given link in a text string
	 */
	const extractContext = function( text, link ) {
		var contextStart = link.start - cfg.radius;
		var contextEnd = link.end + cfg.radius;
		var contextPrev = text.substring( contextStart, link.start );
		const ellipsis = '…';
		if ( contextStart &gt; 0 ) {
			contextPrev = ellipsis + contextPrev;
		}
		var contextNext = text.substring( link.end, contextEnd );
		if ( contextEnd &lt; text.length ) {
			contextNext = contextNext + ellipsis;
		}
		return [contextPrev, text.substring( link.start, link.end ), contextNext];
	};

	/*
	 * Extract the prefixed page name from a link
	 */
	const extractPageName = function( link ) {
		var pageName = extractPageNameRaw( link );
		if ( pageName ) {
			return getCanonicalTitle( pageName );
		}
		
		return null;
	};
	
	/*
	 * Extract the page name from a link, as is
	 */
	const extractPageNameRaw = function( link ) {
		// Ignore images and interwiki links
		if ( link.hasClass( 'image' ) || link.hasClass( 'extiw' ) ) {
			return null;
		}
		var href = link.attr( 'href' );

		// Red links in old parser format
		if ( link.hasClass( 'new' ) ) {
			const oldRedLink = mw.util.getParamValue( 'title', href );
			if ( oldRedLink !== null ) {
				return oldRedLink;
			}
		}

		// Check that external links are coming from this wiki
		if ( href.indexOf( '//' ) === 0 || href.indexOf( 'https://' ) === 0 ) {
			try {
				const fullUrl = href.indexOf( '//' ) === 0 ? location.protocol + href : href;
				let urlData = new URL( fullUrl );
				if ( urlData.hostname !== location.hostname ) {
					return null;
				}
			} catch( e ) {
				return null;
			}
		}

		var articlePathRegexp = new RegExp(
			mw.config.get( 'wgArticlePath' ).replace( '$1', '([^?]*)' )
		);
		var result = articlePathRegexp.exec( href );
		if ( Array.isArray( result ) &amp;&amp; result.length &gt; 1 ) {
			return decodeURIComponent( result[ 1 ] );
		}

		return null;
	};
	
	/*
	 * Check whether this is a disambiguation page
	 */
	const isDisam = function() {
		const categories = mw.config.get( 'wgCategories', [] );
		return cfg.disamCategories.some( c =&gt; categories.includes( c ) );
	};
	
	const secondsToHHMMSS = function( totalSeconds ) {
		var hhmmss = '';
		var hours = Math.floor( totalSeconds / 3600 );
		var minutes = Math.floor( totalSeconds % 3600 / 60 );
		var seconds = Math.floor( totalSeconds % 3600 % 60 );
		if ( hours &gt;= 1 ) {
			hhmmss = pad( hours, '0', 2 ) + ':';
		}
		hhmmss += pad( minutes, '0', 2 ) + ':' + pad( seconds, '0', 2 );
		return hhmmss;
	};
	
	const pad = function( str, z, width ) {
		str = str.toString();
		if ( str.length &gt;= width ) {
			return str;
		} else {
			return new Array( width - str.length + 1 ).join( z ) + str;
		}
	}
	
	/*
	 * Create a new button
	 * text: Text that will be displayed on the button
	 * onClick: Function that will be called when the button is clicked
	 */
	const createButton = function( text, onClick ) {
		var button = $( '&lt;button&gt;', { 'type': 'button' } );
		button.text( text );
		button.addClass( 'disamassist-button' ).click( onClick );
		return button;
	};
	
	/*
	 * Given a page title and an array of possible redirects {from, to} (&quot;canonical titles&quot;), find the page
	 * at the end of the redirect chain, if there is one. Otherwise, return the page title that was passed
	 */
	const resolveRedirect = function( pageTitle, possibleRedirects ) {
		var appliedRedirect = true;
		var visitedPages = {};
		var currentPage = getCanonicalTitle( pageTitle );
		while ( appliedRedirect ) {
			appliedRedirect = false;
			for ( var ii = 0; ii &lt; possibleRedirects.length; ii++ ) {
				if ( possibleRedirects[ii].from === currentPage ) {
					if ( visitedPages[possibleRedirects[ii].to] ) {
						// Redirect chain detected
						return pageTitle;
					}
					visitedPages[currentPage] = true;
					appliedRedirect = true;
					currentPage = possibleRedirects[ii].to;
				}
			}
		}
		// No redirect rules applied for an iteration of the outer loop:
		// no more redirects. We are done
		return currentPage;
	};
	
	/*
	 * Fetch the incoming links to a page. Returns a jQuery promise
	 * (success - array of titles of pages that contain links to the target page and
	 * array of &quot;canonical titles&quot; of possible destinations of the backlinks (either
	 * the target page or redirects to the target page), failure - error description)
	 * page: Target page
	 */
	const getBacklinks = function( page ) {
		var dfd = new $.Deferred();
		api.get( {
			'action': 'query',
			'list': 'backlinks',
			'bltitle': page,
			'blredirect': true,
			'bllimit': cfg.backlinkLimit,
			'blnamespace': cfg.targetNamespaces,
		} ).done( function( data ) {
			// There might be duplicate entries in some corner cases. We don't care,
			// since we are going to check later, anyway
			var backlinks = [];
			var linkTitles = [getCanonicalTitle( page )];
			$.each( data.query.backlinks, function() {
				backlinks.push( this.title );
				if ( this.redirlinks ) {
					linkTitles.push( this.title );
					$.each( this.redirlinks, function() {
						backlinks.push( this.title );
					} );
				}
			} );
			dfd.resolve( backlinks, linkTitles );
		} ).fail( function( code, data ) {
			dfd.reject( txt.getBacklinksError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download a list of redirects for some pages. Returns a jQuery callback (success -
	 * array of redirects ({from, to}), failure - error description )
	 * pageTitles: Array of page titles
	 */
	const fetchRedirects = function( pageTitles ) {
		var dfd = new $.Deferred();
		var currentTitles = pageTitles.slice( 0, cfg.queryTitleLimit );
		var restTitles = pageTitles.slice( cfg.queryTitleLimit );
		api.get( {
			action: 'query',
			titles: currentTitles,
			redirects: true,
		} ).done( function( data ) {
			var theseRedirects = data.query.redirects ? data.query.redirects : [];
			if ( restTitles.length !== 0 ) {
				fetchRedirects( restTitles ).done( function( redirects ) {
					dfd.resolve( theseRedirects.concat( redirects ) );
				} ).fail( function( description ) {
					dfd.reject( description );
				} );
			} else {
				dfd.resolve( theseRedirects );
			}
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRedirectsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download the list of user rights for the current user. Returns a
	 * jQuery promise (success - array of right names, error - error description)
	 */
	const fetchRights = function() {
		var dfd = $.Deferred();
		api.get( {
			action: 'query',
			meta: 'userinfo',
			uiprop: 'rights',
		} ).done( function( data ) {
			dfd.resolve( data.query.userinfo.rights );
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRightsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Load the raw page text for a given title. Returns a jQuery promise (success - page
	 * content, failure - error description)
	 * pageTitle: Title of the page
	 */
	const loadPage = function( pageTitle ) {
		var dfd = new $.Deferred();
		api.get( {
			action: 'query',
			titles: pageTitle,
			prop: 'revisions',
			rvprop: 'timestamp|content',
			meta: 'tokens',
			type: 'csrf',
		} ).done( function( data ) {
			var pages = data.query.pages;
			for ( var key in pages ) {
				if ( pages.hasOwnProperty( key ) ) {
					break;
				}
			}
			var rawPage = data.query.pages[key];
			var page = {};
			page.missing = rawPage.missing !== undefined;
			if ( rawPage.revisions ) {
				page.content = rawPage.revisions[0]['*'];
				// Assume anything with # at the start is a redirect
				if ( page.content.match( /^#[^\s]*?\s*\[\[/ ) ) {
					page.redirect = true;
				}
				page.baseTimeStamp = rawPage.revisions[0].timestamp;
			} else {
				page.content = '';
				page.baseTimeStamp = null;
			}
			page.startTimeStamp = rawPage.starttimestamp;
			page.editToken = data.query.tokens.csrftoken;
			dfd.resolve( page );
		} ).fail( function( code, data ) {
			dfd.reject( txt.loadPageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Register changes to a page, to be saved later. Returns a jQuery promise
	 * (success - no params, failure - error description). Takes the same parameters
	 * as savePage 
	 */
	const saveWithCooldown = function() {
		var deferred = new $.Deferred();
		pendingSaves.push( {args: arguments, dfd: deferred} );
		if ( !runningSaves ) {
			checkAndSave();
		}
		return deferred.promise();
	};
	
	/*
	 * Save the first set of changes in the list of pending changes, providing that
	 * enough time has passed since the last edit
	 */
	const checkAndSave = function() {
		if ( pendingSaves.length === 0 ) {
			runningSaves = false;
			return;
		}
		runningSaves = true;
		var millisSinceLast = new Date().getTime() - lastEditMillis;
		if ( millisSinceLast &lt; cfg.editCooldown * 1000 ) {
			setTimeout( checkAndSave, cfg.editCooldown * 1000 - millisSinceLast );
		} else {
			// The last edit started at least cfg.editCooldown seconds ago
			var save = pendingSaves.shift();
			savePage.apply( this, save.args ).done( function() {
				checkAndSave();
				save.dfd.resolve();
			} ).fail( function( description ) {
				checkAndSave();
				save.dfd.reject( description );
			} );
			// We'll use the time since the last edit started
			lastEditMillis = new Date().getTime();
		}
	};
	
	/*
	 * Save the changes made to a page. Returns a jQuery promise (success - no params,
	 * failure - error description)
	 * pageTitle: Title of the page
	 * page: Page data
	 * summary: Summary of the changes made to the page
	 * minorEdit: Whether to mark the edit as 'minor'
	 * botEdit: Whether to mark the edit as 'bot'
	 */
	const savePage = function( pageTitle, page, summary, minorEdit, botEdit ) {
		var dfd = new $.Deferred();
		api.post( {
			action: 'edit',
			title: pageTitle,
			token: page.editToken,
			text: page.content,
			basetimestamp: page.baseTimeStamp,
			starttimestamp: page.startTimeStamp,
			summary: summary,
			watchlist: cfg.watch ? cfg.watch : 'nochange',
			assertuser: mw.config.get( 'wgUserName' ),
			minor: minorEdit,
			bot: botEdit,
		} ).done( function() {
			dfd.resolve();
		} ).fail( function( code, data ) {
			dfd.reject( txt.savePageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	install();
} )();
// &lt;/nowiki&gt;</text>
      <sha1>o9wpwfi8bv7dow28110ftqwcxk4q52g</sha1>
    </revision>
    <revision>
      <id>781186</id>
      <parentid>781172</parentid>
      <timestamp>2026-10-27T15:51:27Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <origin>781186</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="39114" sha1="hm77g6qklg9y3s1msf851l8ak2ujh4j" xml:space="preserve">/*
 * DisamAssist: a tool for repairing links from articles to disambiguation pages.
 */

// &lt;nowiki&gt;
// @ts-nocheck
( () =&gt; {
	var cfg = {};
	var txt = {};
	var ui;
	var links, pageChanges;
	var currentPageTitle, currentPageParameters, currentLink;
	var possibleBacklinkDestinations;
	var titleRegex;
	var forceSamePage = false;
	var running = false;
	var choosing = false;
	var canMarkIntentionalLinks = false;
	var displayedPages = {};
	var editCount = 0;
	var editLimit;
	var pendingSaves = [];
	var pendingEditBox = null;
	var pendingEditBoxText;
	var lastEditMillis = 0;
	var runningSaves = false;
	
	var api;

	const dependencies = [
		'mediawiki.api',
		'mediawiki.confirmCloseWindow',
		'mediawiki.Title',
		'mediawiki.util',
	];

	/**
	 * Add an item in Tools menu
	 * @param {string} text
	 * @param {string} id 
	 * @param {(e: MouseEvent) =&gt; void} callback 
	 */
	const disamPortletLink = ( text, id, callback ) =&gt; {
		const portlet = mw.util.addPortletLink(
			'p-tb',
			cfg.helpPage ? mw.util.getUrl( cfg.helpPage ) : '#',
			text,
			id
		);
		const link = portlet?.querySelector( 'a' );
		link?.addEventListener( 'click', callback );
		addButtonEvents( link );
	}
	
	/*
	 * Entry point. Check whether we are in a disambiguation page. If so, add a link to start the tool
	 */
	const install = function() {
		cfg = window.DisamAssist.cfg;
		txt = window.DisamAssist.txt;
		if ( mw.config.get( 'wgAction' ) === 'view' &amp;&amp; isDisam() ) {
			mw.loader.using( dependencies, () =&gt; {
				api = new mw.Api();

				mw.loader.load( 'https://ru.wikipedia.org/w/index.php?title=Участник:Stjn/DisamAssist.css&amp;action=raw&amp;ctype=text/css', 'text/css' );

				// This is a &quot; (disambiguation)&quot; page
				if ( new RegExp( cfg.disamRegExp ).exec( getTitle() ) ) {
					disamPortletLink( txt.startMain, 't-disamAssist-main', startMain );
					disamPortletLink( txt.startSame, 't-disamAssist-same', startSame );
				} else {
					disamPortletLink( txt.start, 't-disamAssist-page', start );
				}
			} );
		}
	};
	
	/*
	 * Start the tool. Display the UI and begin looking for links to fix
	 */
	const start = function( e ) {
		e?.preventDefault();
		if ( !running ) {
			console.log(Date.now())
			running = true;
			links = [];
			pageChanges = [];
			displayedPages = {};
			ensureDABExists().then( function( canMark ) {
				canMarkIntentionalLinks = canMark;
				createUI();
				addUnloadConfirm();
				markDisamOptions();
				checkEditLimit().then( function() {
					togglePendingEditBox( false );
					doPage();
				} );
			} );
		}
	};
	
	/*
	 * Start DisamAssist. Disambiguate incoming links to the current page, regardless
	 * of the title.
	 */
	const startSame = function( e ) {
		e.preventDefault();
		forceSamePage = true;
		start( e );
	};
	
	/*
	 * Start DisamAssist. If the page title ends with &quot; (disambiguation)&quot;, disambiguate
	 * links to the primary topic article. Otherwise, disambiguate links to the current
	 * page.
	 */
	const startMain = function( e ) {
		e.preventDefault();
		forceSamePage = false;
		start( e );
	};
	
	/*
	 * Create and show the user interface.
	 */
	const createUI = function() {
		ui = {
			display: $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-mainbox' ),
			finishedMessage: $( '&lt;div&gt;' ).text( txt.noMoreLinks ).hide(),
			pageTitleLine: $( '&lt;span&gt;' ).addClass( 'disamassist-pagetitleline' ),
			pendingEditCounter: $( '&lt;div&gt;').addClass( 'disamassist-editcounter' ),
			context: $( '&lt;pre&gt;' ).addClass( 'disamassist-context' ),
			undoButton: createButton( txt.undo, undo ),
			omitButton: createButton( txt.omit, omit ),
			endButton: createButton( txt.close, saveAndEnd ),
			refreshButton: createButton( txt.refresh, refresh ),
			titleAsTextButton: createButton( txt.titleAsText, chooseTitleFromPrompt ),
			intentionalLinkButton: canMarkIntentionalLinks ? createButton( txt.intentionalLink, chooseIntentionalLink ) : null,
			disamNeededButton: cfg.disamNeededText ? createButton( txt.disamNeeded, chooseDisamNeeded ) : null,
			removeLinkButton: createButton( txt.removeLink, chooseLinkRemoval )
		};
		var top = $( '&lt;div&gt;' ).addClass( 'disamassist-top' )
			.append( [ui.pageTitleLine, ui.pendingEditCounter] );
		var leftButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-leftbuttons' )
			.append( [ui.titleAsTextButton, ui.removeLinkButton, ui.intentionalLinkButton, ui.disamNeededButton, ui.omitButton] );
		var rightButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-rightbuttons' )
			.append( [ui.undoButton, ui.refreshButton, ui.endButton] );
		var allButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-allbuttons' )
			.append( [leftButtons, rightButtons] );
		ui.display.append( [top, ui.finishedMessage, ui.context, allButtons] );
		updateEditCounter();
		toggleActionButtons( false );
		// Insert the UI in the page
		$( '#mw-content-text' ).before( ui.display );
		ui.display.hide().fadeIn();
	};

	/**
	 * Add button role and related keyboard event
	 * @param {Element} el
	 */
	const addButtonEvents = ( el ) =&gt; {
		el?.setAttribute( 'role', 'button' );
		el?.addEventListener( 'keydown', function( e ) {
			if ( [ 'Enter', 'Space' ].includes( e.code ) ) {
				e.preventDefault();
				this.click();
			}
		} );
	}
	
	/*
	 * If there are pending changes, show a confirm dialog before closing
	 */
	const addUnloadConfirm = function() {
		mw.confirmCloseWindow( {
			test: () =&gt; {
				if ( running &amp;&amp; checkActualChanges() ) {
					return txt.pending;
				} else if ( editCount !== 0 ) {
					return txt.editInProgress;
				}
			}
		} );
	};
	
	/*
	 * Mark the disambiguation options as such
	 */
	const markDisamOptions = function() {
		var optionPageTitles = [];
		var optionMarkers = [];
		getDisamOptions().each( function() {
			var link = $( this );
			var title = extractPageName( link );
			const optionMarker = document.createElement( 'a' );
			optionMarker.classList.add( 'disamassist-optionmarker' );
			optionMarker.href = link.attr( 'href' );
			optionMarker.setAttribute( 'data-title', title );
			optionMarker.textContent = txt.optionMarker;
			optionMarker.addEventListener( 'click', ( e ) =&gt; {
				e.preventDefault();
				chooseReplacement( title );
			} );
			addButtonEvents( optionMarker );
			
			link.after( optionMarker );
			optionMarkers.push( optionMarker );
			optionPageTitles.push( title );
		} );
		// Now check the disambiguation options and display a different message for those that are
		// actually the same as the target page where the links go, as choosing those options doesn't really
		// accomplish anything (except bypassing redirects, which might be useful in some cases)
		var targetPage = getTargetPage();
		fetchRedirects( optionPageTitles.concat( targetPage ) ).done( function( redirects ) {
			var endTargetPage = resolveRedirect( targetPage, redirects );
			for ( var ii = 0; ii &lt; optionPageTitles.length; ii++ ) {
				var endOptionTitle = resolveRedirect( optionPageTitles[ii], redirects );
				if ( isSamePage( optionPageTitles[ii], targetPage ) ) {
					$( optionMarkers[ii] ).text( txt.targetOptionMarker ).addClass( 'disamassist-curroptionmarker');
				} else if ( isSamePage( endOptionTitle, endTargetPage ) ) {
					$( optionMarkers[ii] ).text( txt.redirectOptionMarker ).addClass( 'disamassist-curroptionmarker');
				}
			}
		} ).fail( error );	
	};
	
	/*
	 * Check whether intentional links to disambiguation pages can be explicitly marked
	 * as such in this wiki. If so, ensure that a &quot;Foo (disambiguation)&quot; page exists.
	 * Returns a jQuery promise
	 */
	const ensureDABExists = function() {
		var dfd = new $.Deferred();
		var title = getTitle();
		// That concept doesn't exist in this wiki.
		if ( !cfg.intentionalLinkOption ) {
			dfd.resolve( false );
		// &quot;Foo (disambiguation)&quot; exists: it's the current page.
		} else if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			dfd.resolve( true );
		} else {
			var disamTitle = cfg.disamFormat.replace( '$1', title );
			loadPage( disamTitle ).done( function( page ) {
				// &quot;Foo (disambiguation)&quot; doesn't exist.
				if ( page.missing ) {
					// We try to create it
					page.content = cfg.redirectToDisam.replace( '$1', title );
					var summary = txt.redirectSummary.replace( '$1', title );
					savePage( disamTitle, page, summary, false, true ).done( function() {
						dfd.resolve( true );
					} ).fail( function( description ) {
						error( description );
						dfd.resolve( false );
					} );
				// It does exist
				} else {
					dfd.resolve( true );
				}
			} ).fail( function( description ) {
				error( description );
				dfd.resolve( false );
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Check whether the edit cooldown applies and sets editLimit accordingly.
	 * Returns a jQuery promise
	 */
	const checkEditLimit = function() {
		var dfd = new $.Deferred();
		if ( cfg.editCooldown &lt;= 0 ) {
			editLimit = false;
			dfd.resolve();
		} else {
			fetchRights().done( function( rights ) {
				editLimit = !rights?.includes( 'bot' );
			} ).fail( function( description ) {
				error( description );
				editLimit = true;
			} ).always( function() {
				dfd.resolve();
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Find and ask the user to fix all the incoming links to the disambiguation (&quot;target&quot;)
	 * page from a single &quot;origin&quot; page
	 */
	const doPage = function() {
		if ( pageChanges.length &gt; cfg.historySize ) {
			applyChange( pageChanges.shift() );
		}
		if ( links.length === 0 ) {
			var targetPage = getTargetPage();
			getBacklinks( targetPage ).done( function( backlinks, pageTitles ) {
				var pending = {};
				$.each( pendingSaves, function() {
					pending[this[0]] = true;
				} );
				possibleBacklinkDestinations = $.grep( pageTitles, function( t, ii) {
					if ( t == targetPage ) {
						return true;
					}
					return removeDisam(t) != targetPage;
				} );
				titleRegex = new RegExp('\\[\\[([ _]*?(?:' + possibleBacklinkDestinations.join('|').replaceAll('(', '\\(').replaceAll(')','\\)').replaceAll(' ', '[ _]') + ')[ _]*?)(#.*?)?(?:\\|(.*?))?\\]\\]', 'gi');
				// Only incoming links from pages we haven't seen yet and we aren't currently
				// saving (displayedPages is reset when the tool is closed and opened again,
				// while the list of pending changes isn't; if the edit cooldown is disabled,
				// it will be empty)
				links = $.grep( backlinks, function( el, ii ) {
					return !displayedPages[el] &amp;&amp; !pending[el];
				} );
				if ( links.length === 0 ) {
					updateContext();
				} else {
					doPage();
				}
			} ).fail( error );
		} else {
			currentPageTitle = links.shift();
			displayedPages[currentPageTitle] = true;
			toggleActionButtons( false );
			loadPage( currentPageTitle ).done( function( data ) {
				currentPageParameters = data;
				currentLink = null;
				doLink();
			} ).fail( error );
		}
	};
	
	/*
	 * Find and ask the user to fix a single incoming link to the disambiguation (&quot;target&quot;)
	 * page
	 */
	const doLink = function() {
		if (!currentPageParameters.redirect) {
			currentLink = extractLinkToPage( currentPageParameters.content,
				possibleBacklinkDestinations, currentLink ? currentLink.end : 0 );
			if ( currentLink ) {
				updateContext();
			} else {
				doPage();
			}
		} else {
			doPage();
		}
	};
	
	/*
	 * Replace the target of a link with a different one
	 * pageTitle: New link target
	 * extra: Additional text after the link (optional)
	 * summary: Change summary (optional)
	 */
	const chooseReplacement = function( pageTitle, extra, summary ) {
		if ( choosing ) {
			choosing = false;
			if ( !summary ) {
				if ( pageTitle ) {
					summary = txt.summaryChanged.replace( '$1', pageTitle );		
				} else {
					summary = txt.summaryOmitted;
				}
			}
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			if ( pageTitle &amp;&amp; ( pageTitle !== getTargetPage() || extra ) ) {
				if ( currentPageParameters.redirect ) {
					currentLink.description = pageTitle;
				}
				currentPageParameters.content =
					replaceLink( currentPageParameters.content, pageTitle, currentLink, extra || '' );
			}
			doLink();
		}
	};
	
	/*
	 * Replace the link with an explicit link to the disambiguation page
	 */
	const chooseIntentionalLink = function() {
		const targetPage = getTargetPage();
		let title = cfg.disamFormat.replace( '$1', targetPage );
		if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			title = targetPage;
		}
		chooseReplacement( title, '', txt.summaryIntentional );
	};
	
	/*
	 * Prompt for an alternative link target and use it as a replacement
	 */
	const chooseTitleFromPrompt = function() {
		var title = prompt( txt.titleAsTextPrompt );
		if ( title !== null ) {
			chooseReplacement( title );
		}
	};
	
	/*
	 * Remove the current link, leaving the text unchanged
	 */
	const chooseLinkRemoval = function() {
		if ( choosing ) {
			var summary = txt.summaryRemoved;
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			currentPageParameters.content = removeLink( currentPageParameters.content, currentLink );
			doLink();
		}
	};
	
	/*
	 * Add a &quot;disambiguation needed&quot; template after the link
	 */
	const chooseDisamNeeded = function() {
		chooseReplacement( currentLink.title, cfg.disamNeededText, txt.summaryHelpNeeded );
	};
	
	/*
	 * Undo the last change
	 */
	const undo = function() {
		if ( pageChanges.length !== 0 ) {
			var lastPage = pageChanges[pageChanges.length - 1];
			if ( currentPageTitle !== lastPage.title ) {
				links.unshift( currentPageTitle );
				currentPageTitle = lastPage.title;
			}
			currentPageParameters = lastPage.page;
			currentPageParameters.content = lastPage.contentBefore.pop();
			currentLink = lastPage.links.pop();
			lastPage.summary.pop();
			if ( lastPage.contentBefore.length === 0 ) {
				pageChanges.pop();
			}
			updateContext();
		}
	};
	
	/*
	 * Omit the current link without making a change
	 */
	const omit = function() {
		chooseReplacement( null );
	};
	
	/*
	 * Save all the pending changes and restart the tool.
	 */
	const refresh = function() {
		saveAndEnd();
		start();
	};
	
	/*
	 * Enable or disable the buttons that can perform actions on a page or change the current link.
	 * enabled: Whether to enable or disable the buttons
	 */
	const toggleActionButtons = function( enabled ) {
		var affectedButtons = [ui.omitButton, ui.titleAsTextButton, ui.removeLinkButton,
			ui.intentionalLinkButton, ui.disamNeededButton, ui.undoButton];
		$.each( affectedButtons, function( ii, button ) {
			button?.prop( 'disabled', !enabled );
		} );	
	};
	
	/*
	 * Show or hide the 'no more links' message
	 * show: Whether to show or hide the message
	 */
	const toggleFinishedMessage = function( show ) {
		toggleActionButtons( !show );
		ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
		ui.finishedMessage.toggle( show );
		ui.pageTitleLine.toggle( !show );
		ui.context.toggle( !show );
		if ( show ) console.log(Date.now())
	};
	
	const togglePendingEditBox = function( show ) {
		if ( pendingEditBox === null ) {
			pendingEditBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-pendingeditbox' );
			pendingEditBoxText = $( '&lt;div&gt;' );
			pendingEditBox.append( pendingEditBoxText ).hide();
			if ( editLimit ) {
				pendingEditBox.append( $( '&lt;div&gt;' ).text( txt.pendingEditBoxLimited )
					.addClass( 'disamassist-subtitle' ) );
			}
			$( '#mw-content-text' ).before( pendingEditBox );
			updateEditCounter();
		}
		if ( show ) {
			pendingEditBox.fadeIn();
		} else {
			pendingEditBox.fadeOut();
		}
	};
	
	const notifyCompletion = function() {
		var oldTitle = document.title;
		document.title = txt.notifyCharacter + document.title;
		$( document.body ).one( 'mousemove', function() {
			document.title = oldTitle;
		} );
	};
	
	/*
	 * Update the displayed information to match the current link
	 * or lack thereof
	 */
	const updateContext = function() {
		updateEditCounter();
		if ( !currentLink ) {
			toggleFinishedMessage( true );
		} else {
			ui.pageTitleLine.html( txt.pageTitleLine.replace( '$1',
				mw.util.getUrl( currentPageTitle, {redirect: 'no'} ) ).replace( '$2', mw.html.escape( currentPageTitle ) ) );
			var context = extractContext( currentPageParameters.content, currentLink );
			ui.context.empty()
				.append( $( '&lt;span&gt;' ).text( context[0] ) )
				.append( $( '&lt;span&gt;' ).text( context[1] ).addClass( 'disamassist-inclink' ) )
				.append( $( '&lt;span&gt;' ).text( context[2] ) );

			toggleFinishedMessage( false );
			ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
			ui.removeLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.intentionalLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.disamNeededButton?.prop( 'disabled', currentPageParameters.redirect || currentLink.hasDisamTemplate );
			choosing = true;
		}
	};
	
	/*
	 * Update the count of pending changes
	 */
	const updateEditCounter = function() {
		if ( ui.pendingEditCounter ) {
			ui.pendingEditCounter.text( txt.pendingEditCounter.replace( '$1', editCount )
				.replace( '$2', countActuallyChangedFullyCheckedPages() ) );
		}
		if ( pendingEditBox ) {
			if ( editCount === 0 &amp;&amp; !running ) {
				togglePendingEditBox( false );
				notifyCompletion();
			}
			var textContent = editCount;
			if ( editLimit ) {
				textContent = txt.pendingEditBoxTimeEstimation.replace( '$1', editCount )
					.replace( '$2', secondsToHHMMSS( cfg.editCooldown * editCount ) );
			}
			pendingEditBoxText.text( txt.pendingEditBox.replace( '$1', textContent ) );
		}
	};
	
	/*
	 * Apply the changes made to an &quot;origin&quot; page
	 * pageChange: Change that will be saved
	 */
	const applyChange = function( pageChange ) {
		if ( pageChange.page.content !== pageChange.contentBefore[0] ) {
			editCount++;
			// Filter duplicates and join
			var changeSummaries = pageChange.summary
				.filter( ( val, i, arr ) =&gt; val &amp;&amp; arr.indexOf( val ) === i )
				.join( txt.summarySeparator );
			var summary = txt.summary.replace( '$1', getTargetPage() ).replace( '$2', changeSummaries );
			var save = editLimit ? saveWithCooldown : savePage;
			save( pageChange.title, pageChange.page, summary, true, true ).always( function() {
				if ( editCount &gt; 0 ) {
					editCount--;
				}
				updateEditCounter();
			} ).fail( error );
			updateEditCounter();
		}
	};
	
	/*
	 * Save all the pending changes
	 */
	const applyAllChanges = function() {
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			applyChange( pageChanges[ii] );
		}
		pageChanges = [];
	};
	
	/*
	 * Record a new pending change
	 * pageTitle: Title of the page
	 * page: Content of the page
	 * oldContent: Content of the page before the change
	 * link: Link that has been changed
	 * summary: Change summary
	 */
	const addChange = function( pageTitle, page, oldContent, link, summary ) {
		if ( ( pageChanges.length === 0 ) || ( pageChanges[pageChanges.length - 1].title !== pageTitle ) ) {
			pageChanges.push( {
				title: pageTitle,
				page: page,
				contentBefore: [],
				links: [],
				summary: []
			} );
		}
		var lastPageChange = pageChanges[pageChanges.length - 1];
		lastPageChange.contentBefore.push( oldContent );
		lastPageChange.links.push( link );
		lastPageChange.summary.push( summary );
	};
	
	/*
	 * Check whether actual changes are stored in the history array
	 */
	const checkActualChanges = function() {
		return countActualChanges() !== 0;
	};
	
	/*
	 * Return the number of entries in the history array that represent actual changes
	 */
	const countActualChanges = function() {
		var changeCount = 0;
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			if ( pageChanges[ii].page.content !== pageChanges[ii].contentBefore[0] ) {
				changeCount++;
			}
		}
		return changeCount;		
	};
	
	/*
	 * Return the number of changed pages in the history array, ignoring the last entry
	 * if we aren't done with that page yet
	 */
	const countActuallyChangedFullyCheckedPages = function() {
		var changeCount = countActualChanges();
		if ( pageChanges.length !== 0 ) {
			var lastChange = pageChanges[pageChanges.length - 1];
			if ( lastChange.title === currentPageTitle &amp;&amp; currentLink !== null
					&amp;&amp; lastChange.page.content !== lastChange.contentBefore[0] ) {
				changeCount--;
			}
		}
		return changeCount;
	};
	
	/*
	 * Find the links to disambiguation options in a disambiguation page
	 */
	const getDisamOptions = function() {
		return $( '#mw-content-text a' ).filter( function() {
			return !!extractPageName( $( this ) );
		} );
	};

	/*
	 * Save all the pending changes and close the tool
	 */
	const saveAndEnd = function() {
		applyAllChanges();
		end();
	};
	
	/*
	 * Close the tool
	 */
	const end = function() {
		var currentToolUI = ui.display;
		choosing = false;
		running = false;
		$( '.disamassist-optionmarker' ).remove();
		currentToolUI.fadeOut( { complete: function() {
			currentToolUI.remove();
			if ( editCount !== 0 ) {
				togglePendingEditBox( true );
			}
		} } );
	};
	
	/*
	 * Display an error message
	 */
	const error = function( errorDescription ) {
		var errorBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-errorbox' );
		errorBox.text( txt.error.replace( '$1', errorDescription ) );
		errorBox.append( createButton( txt.dismissError, function() {
			errorBox.fadeOut();
		} ).addClass( 'disamassist-errorbutton' ) );
		var uiIsInPlace = ui &amp;&amp; $.contains( document.documentElement, ui.display[0] );
		var nextElement = uiIsInPlace ? ui.display : $( '#mw-content-text' );
		nextElement.before( errorBox );
		errorBox.hide().fadeIn();
	}
	
	/*
	 * Change a link so that it points to the title
	 * text: The wikitext of the whole page
	 * title: The new destination of the link
	 * link: The link that will be modified
	 * extra: Text that will be added after the link (optional)
	 */
	const replaceLink = function( text, title, link, extra ) {
		var anchor = link.anchor || '';
		var newContent;

		if ( link.type === 'sortnaam' ) {
			newContent = '{{sortnaam|' + link.first + '|' + link.last + '|' + title + anchor + '}}';
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + ( extra || '' ) + linkEnd;
		}

		if ( isSamePage( title, link.description ) ) {
			newContent = link.description + anchor;
		} else {
			newContent = title + anchor + '|' + link.description;
		}
		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + '[[' + newContent + ']]' + link.afterDescription + ( extra || '' ) + linkEnd;
	};	
	/*
	 * Remove a link from the text
	 * text: The wikitext of the whole page
	 * link: The link that will be removed
	 */

	const removeLink = function( text, link ) {
		var anchor = link.anchor || '';

		if ( link.type === 'sortnaam' ) {
			// Als er een derde parameter of anker was, laten we de derde parameter weg of behouden we alleen de basis
			var newContent = '{{sortnaam|' + link.first + '|' + link.last + '}}' + anchor;
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + linkEnd;
		}

		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + link.description + anchor + link.afterDescription + linkEnd;
	};
	
	/*
	 * Extract a link from a string in wiki format,
	 * starting from a given index. Return a link if one can be found,
	 * otherwise return null. The &quot;link&quot; includes &quot;disambiguation needed&quot;
	 * templates inmediately following the link proper
	 * text: Text from which the link will be extracted
	 * lastIndex: Index from which the search will start
	 */
const extractLink = function( text, lastIndex ) {
		// 1. Zoek naar gewone wikitlinks (inclusief optioneel anker #...)
		titleRegex.lastIndex = lastIndex;
		var wikiMatch = titleRegex.exec( text );

		// 2. Zoek naar sortnaam-templates (inclusief optioneel anker na de derde parameter of achter de template)
		var sortnaamRegex = new RegExp('{{\\s*sortnaam\\s*\\|\\s*([^|]+?)\\s*\\|\\s*([^|]+?)\\s*(?:\\|\\s*([^|#}]*?)\\s*)?(#[^|}]*)?}}', 'gi');
		sortnaamRegex.lastIndex = lastIndex;
		var sortnaamMatch = sortnaamRegex.exec( text );

		var matchType = null;
		var matchIndex = Infinity;

		if ( wikiMatch !== null &amp;&amp; wikiMatch.index &gt;= lastIndex ) {
			matchIndex = wikiMatch.index;
			matchType = 'wiki';
		}

		if ( sortnaamMatch !== null &amp;&amp; sortnaamMatch.index &gt;= lastIndex &amp;&amp; sortnaamMatch.index &lt; matchIndex ) {
			matchIndex = sortnaamMatch.index;
			matchType = 'sortnaam';
		}

		if ( matchType === 'wiki' ) {
			var possiblyAmbiguous = true;
			var hasDisamTemplate = false;
			// wikiMatch[2] bevat het anker als dat in de regex is opgenomen, of we vangen het op via de matchlengte
			var fullMatchStr = wikiMatch[0];
			var anchor = wikiMatch[2] ? wikiMatch[2] : '';
			
			var end = wikiMatch.index + fullMatchStr.length;
			var afterDescription = '';
			var rest = text.substring( end );
			var templateRegex = /^(\w*[.,:;?!)}\s]*){{\s*([^|{}]+?)\s*(?:\|[^{]*?)?}}/g;
			var templateMatch = templateRegex.exec( rest );
			if ( templateMatch !== null ) {
				var templateTitle = getCanonicalTitle( templateMatch[2] );
				if ( cfg.disamLinkTemplates?.includes( templateTitle ) ) {
					end += templateMatch[0].length;
					afterDescription = templateMatch[1].replace(/\s$/, '');
					hasDisamTemplate = true;
				} else if ( cfg.disamLinkIgnoreTemplates?.includes( templateTitle ) ) {
					possiblyAmbiguous = false;
				}
			}
			return {
				type: 'wiki',
				start: wikiMatch.index,
				end: end,
				possiblyAmbiguous: possiblyAmbiguous,
				hasDisamTemplate: hasDisamTemplate,
				title: wikiMatch[1],
				description: wikiMatch[3] ? wikiMatch[3] : wikiMatch[1],
				anchor: anchor,
				afterDescription: afterDescription
			};
		} else if ( matchType === 'sortnaam' ) {
			var first = sortnaamMatch[1].trim();
			var last = sortnaamMatch[2].trim();
			var explicitTarget = sortnaamMatch[3] ? sortnaamMatch[3].trim() : '';
			var anchor = sortnaamMatch[4] ? sortnaamMatch[4].trim() : '';
			var target = explicitTarget !== '' ? explicitTarget : ( first + ' ' + last );

			return {
				type: 'sortnaam',
				start: sortnaamMatch.index,
				end: sortnaamMatch.index + sortnaamMatch[0].length,
				possiblyAmbiguous: true,
				hasDisamTemplate: false,
				title: target,
				description: sortnaamMatch[0],
				first: first,
				last: last,
				explicitTarget: explicitTarget,
				anchor: anchor,
				afterDescription: ''
			};
		}

		return null;
	};
	
	/*
	 * Extract a link to one of a number of destination pages from a string 
	 * (&quot;text&quot;) in wiki format, starting from a given index (&quot;lastIndex&quot;).
	 * &quot;Disambiguation needed&quot; templates are included as part of the links.
	 * text: Page in wiki format
	 * destinations: Array of page titles to look for
	 * lastIndex: Index from which the search will start
	 */
	const extractLinkToPage = function( text, destinations, lastIndex ) {
		var link, title;
		do {
			link = extractLink( text, lastIndex );
			if ( link !== null ) {
				lastIndex = link.end;
				title = getCanonicalTitle( link.title );
			}
		} while (
			link !== null
			&amp;&amp; ( !link.possiblyAmbiguous || !destinations?.includes( title ) )
		);
		return link;
	};
	
	/*
	 * Find the &quot;target&quot; page: either the one we are in or the &quot;main&quot; one found by extracting
     * the title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const getTargetPage = function() {
		var title = getTitle();
		return forceSamePage ? title : removeDisam( title );
	};
	
	/*
	 * Get the page title, with the namespace prefix if any.
	 */
	const getTitle = function() {
		return mw.config.get( 'wgPageName' ).replace(/_/g, ' ')
	}
	
	/*
	 * Extract a &quot;main&quot; title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const removeDisam = function( title ) {
		var match = new RegExp( cfg.disamRegExp ).exec( title );
		return match ? match[1] : title;
	};
	
	/*
	 * Check whether two page titles are the same
	 */
	const isSamePage = function( title1, title2 ) {
		return getCanonicalTitle( title1 ) === getCanonicalTitle( title2 );
	};

	/*
	 * Return the 'canonical title' of a page
	 */
	const getCanonicalTitle = function( title ) {
		try {
			title = new mw.Title( title );

			// Check that page name matches the current namespace
			if ( title.getNamespaceId() !== mw.config.get( 'wgNamespaceNumber' ) ) {
				return;
			}

			const fragment = title.getFragment();
			return title.getPrefixedText() + ( fragment ? `#${ fragment }` : '' );
		} catch ( ex ) {
			// mw.Title seems to be buggy, and some valid titles are rejected
			// FIXME: This may cause false negatives	
		}
	};
	
	/*
	 * Extract the context around a given link in a text string
	 */
	const extractContext = function( text, link ) {
		var contextStart = link.start - cfg.radius;
		var contextEnd = link.end + cfg.radius;
		var contextPrev = text.substring( contextStart, link.start );
		const ellipsis = '…';
		if ( contextStart &gt; 0 ) {
			contextPrev = ellipsis + contextPrev;
		}
		var contextNext = text.substring( link.end, contextEnd );
		if ( contextEnd &lt; text.length ) {
			contextNext = contextNext + ellipsis;
		}
		return [contextPrev, text.substring( link.start, link.end ), contextNext];
	};

	/*
	 * Extract the prefixed page name from a link
	 */
	const extractPageName = function( link ) {
		var pageName = extractPageNameRaw( link );
		if ( pageName ) {
			return getCanonicalTitle( pageName );
		}
		
		return null;
	};
	
	/*
	 * Extract the page name from a link, as is
	 */
	const extractPageNameRaw = function( link ) {
		// Ignore images and interwiki links
		if ( link.hasClass( 'image' ) || link.hasClass( 'extiw' ) ) {
			return null;
		}
		var href = link.attr( 'href' );

		// Red links in old parser format
		if ( link.hasClass( 'new' ) ) {
			const oldRedLink = mw.util.getParamValue( 'title', href );
			if ( oldRedLink !== null ) {
				return oldRedLink;
			}
		}

		// Check that external links are coming from this wiki
		if ( href.indexOf( '//' ) === 0 || href.indexOf( 'https://' ) === 0 ) {
			try {
				const fullUrl = href.indexOf( '//' ) === 0 ? location.protocol + href : href;
				let urlData = new URL( fullUrl );
				if ( urlData.hostname !== location.hostname ) {
					return null;
				}
			} catch( e ) {
				return null;
			}
		}

		var articlePathRegexp = new RegExp(
			mw.config.get( 'wgArticlePath' ).replace( '$1', '([^?]*)' )
		);
		var result = articlePathRegexp.exec( href );
		if ( Array.isArray( result ) &amp;&amp; result.length &gt; 1 ) {
			return decodeURIComponent( result[ 1 ] );
		}

		return null;
	};
	
	/*
	 * Check whether this is a disambiguation page
	 */
	const isDisam = function() {
		const categories = mw.config.get( 'wgCategories', [] );
		return cfg.disamCategories.some( c =&gt; categories.includes( c ) );
	};
	
	const secondsToHHMMSS = function( totalSeconds ) {
		var hhmmss = '';
		var hours = Math.floor( totalSeconds / 3600 );
		var minutes = Math.floor( totalSeconds % 3600 / 60 );
		var seconds = Math.floor( totalSeconds % 3600 % 60 );
		if ( hours &gt;= 1 ) {
			hhmmss = pad( hours, '0', 2 ) + ':';
		}
		hhmmss += pad( minutes, '0', 2 ) + ':' + pad( seconds, '0', 2 );
		return hhmmss;
	};
	
	const pad = function( str, z, width ) {
		str = str.toString();
		if ( str.length &gt;= width ) {
			return str;
		} else {
			return new Array( width - str.length + 1 ).join( z ) + str;
		}
	}
	
	/*
	 * Create a new button
	 * text: Text that will be displayed on the button
	 * onClick: Function that will be called when the button is clicked
	 */
	const createButton = function( text, onClick ) {
		var button = $( '&lt;button&gt;', { 'type': 'button' } );
		button.text( text );
		button.addClass( 'disamassist-button' ).click( onClick );
		return button;
	};
	
	/*
	 * Given a page title and an array of possible redirects {from, to} (&quot;canonical titles&quot;), find the page
	 * at the end of the redirect chain, if there is one. Otherwise, return the page title that was passed
	 */
	const resolveRedirect = function( pageTitle, possibleRedirects ) {
		var appliedRedirect = true;
		var visitedPages = {};
		var currentPage = getCanonicalTitle( pageTitle );
		while ( appliedRedirect ) {
			appliedRedirect = false;
			for ( var ii = 0; ii &lt; possibleRedirects.length; ii++ ) {
				if ( possibleRedirects[ii].from === currentPage ) {
					if ( visitedPages[possibleRedirects[ii].to] ) {
						// Redirect chain detected
						return pageTitle;
					}
					visitedPages[currentPage] = true;
					appliedRedirect = true;
					currentPage = possibleRedirects[ii].to;
				}
			}
		}
		// No redirect rules applied for an iteration of the outer loop:
		// no more redirects. We are done
		return currentPage;
	};
	
	/*
	 * Fetch the incoming links to a page. Returns a jQuery promise
	 * (success - array of titles of pages that contain links to the target page and
	 * array of &quot;canonical titles&quot; of possible destinations of the backlinks (either
	 * the target page or redirects to the target page), failure - error description)
	 * page: Target page
	 */
	const getBacklinks = function( page ) {
		var dfd = new $.Deferred();
		api.get( {
			'action': 'query',
			'list': 'backlinks',
			'bltitle': page,
			'blredirect': true,
			'bllimit': cfg.backlinkLimit,
			'blnamespace': cfg.targetNamespaces,
		} ).done( function( data ) {
			// There might be duplicate entries in some corner cases. We don't care,
			// since we are going to check later, anyway
			var backlinks = [];
			var linkTitles = [getCanonicalTitle( page )];
			$.each( data.query.backlinks, function() {
				backlinks.push( this.title );
				if ( this.redirlinks ) {
					linkTitles.push( this.title );
					$.each( this.redirlinks, function() {
						backlinks.push( this.title );
					} );
				}
			} );
			dfd.resolve( backlinks, linkTitles );
		} ).fail( function( code, data ) {
			dfd.reject( txt.getBacklinksError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download a list of redirects for some pages. Returns a jQuery callback (success -
	 * array of redirects ({from, to}), failure - error description )
	 * pageTitles: Array of page titles
	 */
	const fetchRedirects = function( pageTitles ) {
		var dfd = new $.Deferred();
		var currentTitles = pageTitles.slice( 0, cfg.queryTitleLimit );
		var restTitles = pageTitles.slice( cfg.queryTitleLimit );
		api.get( {
			action: 'query',
			titles: currentTitles,
			redirects: true,
		} ).done( function( data ) {
			var theseRedirects = data.query.redirects ? data.query.redirects : [];
			if ( restTitles.length !== 0 ) {
				fetchRedirects( restTitles ).done( function( redirects ) {
					dfd.resolve( theseRedirects.concat( redirects ) );
				} ).fail( function( description ) {
					dfd.reject( description );
				} );
			} else {
				dfd.resolve( theseRedirects );
			}
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRedirectsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download the list of user rights for the current user. Returns a
	 * jQuery promise (success - array of right names, error - error description)
	 */
	const fetchRights = function() {
		var dfd = $.Deferred();
		api.get( {
			action: 'query',
			meta: 'userinfo',
			uiprop: 'rights',
		} ).done( function( data ) {
			dfd.resolve( data.query.userinfo.rights );
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRightsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Load the raw page text for a given title. Returns a jQuery promise (success - page
	 * content, failure - error description)
	 * pageTitle: Title of the page
	 */
	const loadPage = function( pageTitle ) {
		var dfd = new $.Deferred();
		api.get( {
			action: 'query',
			titles: pageTitle,
			prop: 'revisions',
			rvprop: 'timestamp|content',
			meta: 'tokens',
			type: 'csrf',
		} ).done( function( data ) {
			var pages = data.query.pages;
			for ( var key in pages ) {
				if ( pages.hasOwnProperty( key ) ) {
					break;
				}
			}
			var rawPage = data.query.pages[key];
			var page = {};
			page.missing = rawPage.missing !== undefined;
			if ( rawPage.revisions ) {
				page.content = rawPage.revisions[0]['*'];
				// Assume anything with # at the start is a redirect
				if ( page.content.match( /^#[^\s]*?\s*\[\[/ ) ) {
					page.redirect = true;
				}
				page.baseTimeStamp = rawPage.revisions[0].timestamp;
			} else {
				page.content = '';
				page.baseTimeStamp = null;
			}
			page.startTimeStamp = rawPage.starttimestamp;
			page.editToken = data.query.tokens.csrftoken;
			dfd.resolve( page );
		} ).fail( function( code, data ) {
			dfd.reject( txt.loadPageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Register changes to a page, to be saved later. Returns a jQuery promise
	 * (success - no params, failure - error description). Takes the same parameters
	 * as savePage 
	 */
	const saveWithCooldown = function() {
		var deferred = new $.Deferred();
		pendingSaves.push( {args: arguments, dfd: deferred} );
		if ( !runningSaves ) {
			checkAndSave();
		}
		return deferred.promise();
	};
	
	/*
	 * Save the first set of changes in the list of pending changes, providing that
	 * enough time has passed since the last edit
	 */
	const checkAndSave = function() {
		if ( pendingSaves.length === 0 ) {
			runningSaves = false;
			return;
		}
		runningSaves = true;
		var millisSinceLast = new Date().getTime() - lastEditMillis;
		if ( millisSinceLast &lt; cfg.editCooldown * 1000 ) {
			setTimeout( checkAndSave, cfg.editCooldown * 1000 - millisSinceLast );
		} else {
			// The last edit started at least cfg.editCooldown seconds ago
			var save = pendingSaves.shift();
			savePage.apply( this, save.args ).done( function() {
				checkAndSave();
				save.dfd.resolve();
			} ).fail( function( description ) {
				checkAndSave();
				save.dfd.reject( description );
			} );
			// We'll use the time since the last edit started
			lastEditMillis = new Date().getTime();
		}
	};
	
	/*
	 * Save the changes made to a page. Returns a jQuery promise (success - no params,
	 * failure - error description)
	 * pageTitle: Title of the page
	 * page: Page data
	 * summary: Summary of the changes made to the page
	 * minorEdit: Whether to mark the edit as 'minor'
	 * botEdit: Whether to mark the edit as 'bot'
	 */
	const savePage = function( pageTitle, page, summary, minorEdit, botEdit ) {
		var dfd = new $.Deferred();
		api.post( {
			action: 'edit',
			title: pageTitle,
			token: page.editToken,
			text: page.content,
			basetimestamp: page.baseTimeStamp,
			starttimestamp: page.startTimeStamp,
			summary: summary,
			watchlist: cfg.watch ? cfg.watch : 'nochange',
			assertuser: mw.config.get( 'wgUserName' ),
			minor: minorEdit,
			bot: botEdit,
		} ).done( function() {
			dfd.resolve();
		} ).fail( function( code, data ) {
			dfd.reject( txt.savePageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	install();
} )();
// &lt;/nowiki&gt;</text>
      <sha1>hm77g6qklg9y3s1msf851l8ak2ujh4j</sha1>
    </revision>
    <revision>
      <id>781189</id>
      <parentid>781186</parentid>
      <timestamp>2026-10-27T15:56:57Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <origin>781189</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="39051" sha1="2e1cyze6meb7k5po90v2skuskqh3fzz" xml:space="preserve">/*
 * DisamAssist: a tool for repairing links from articles to disambiguation pages.
 */

// &lt;nowiki&gt;
// @ts-nocheck
( () =&gt; {
	var cfg = {};
	var txt = {};
	var ui;
	var links, pageChanges;
	var currentPageTitle, currentPageParameters, currentLink;
	var possibleBacklinkDestinations;
	var titleRegex;
	var forceSamePage = false;
	var running = false;
	var choosing = false;
	var canMarkIntentionalLinks = false;
	var displayedPages = {};
	var editCount = 0;
	var editLimit;
	var pendingSaves = [];
	var pendingEditBox = null;
	var pendingEditBoxText;
	var lastEditMillis = 0;
	var runningSaves = false;
	
	var api;

	const dependencies = [
		'mediawiki.api',
		'mediawiki.confirmCloseWindow',
		'mediawiki.Title',
		'mediawiki.util',
	];

	/**
	 * Add an item in Tools menu
	 * @param {string} text
	 * @param {string} id 
	 * @param {(e: MouseEvent) =&gt; void} callback 
	 */
	const disamPortletLink = ( text, id, callback ) =&gt; {
		const portlet = mw.util.addPortletLink(
			'p-tb',
			cfg.helpPage ? mw.util.getUrl( cfg.helpPage ) : '#',
			text,
			id
		);
		const link = portlet?.querySelector( 'a' );
		link?.addEventListener( 'click', callback );
		addButtonEvents( link );
	}
	
	/*
	 * Entry point. Check whether we are in a disambiguation page. If so, add a link to start the tool
	 */
	const install = function() {
		cfg = window.DisamAssist.cfg;
		txt = window.DisamAssist.txt;
		if ( mw.config.get( 'wgAction' ) === 'view' &amp;&amp; isDisam() ) {
			mw.loader.using( dependencies, () =&gt; {
				api = new mw.Api();

				mw.loader.load( 'https://ru.wikipedia.org/w/index.php?title=Участник:Stjn/DisamAssist.css&amp;action=raw&amp;ctype=text/css', 'text/css' );

				// This is a &quot; (disambiguation)&quot; page
				if ( new RegExp( cfg.disamRegExp ).exec( getTitle() ) ) {
					disamPortletLink( txt.startMain, 't-disamAssist-main', startMain );
					disamPortletLink( txt.startSame, 't-disamAssist-same', startSame );
				} else {
					disamPortletLink( txt.start, 't-disamAssist-page', start );
				}
			} );
		}
	};
	
	/*
	 * Start the tool. Display the UI and begin looking for links to fix
	 */
	const start = function( e ) {
		e?.preventDefault();
		if ( !running ) {
			console.log(Date.now())
			running = true;
			links = [];
			pageChanges = [];
			displayedPages = {};
			ensureDABExists().then( function( canMark ) {
				canMarkIntentionalLinks = canMark;
				createUI();
				addUnloadConfirm();
				markDisamOptions();
				checkEditLimit().then( function() {
					togglePendingEditBox( false );
					doPage();
				} );
			} );
		}
	};
	
	/*
	 * Start DisamAssist. Disambiguate incoming links to the current page, regardless
	 * of the title.
	 */
	const startSame = function( e ) {
		e.preventDefault();
		forceSamePage = true;
		start( e );
	};
	
	/*
	 * Start DisamAssist. If the page title ends with &quot; (disambiguation)&quot;, disambiguate
	 * links to the primary topic article. Otherwise, disambiguate links to the current
	 * page.
	 */
	const startMain = function( e ) {
		e.preventDefault();
		forceSamePage = false;
		start( e );
	};
	
	/*
	 * Create and show the user interface.
	 */
	const createUI = function() {
		ui = {
			display: $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-mainbox' ),
			finishedMessage: $( '&lt;div&gt;' ).text( txt.noMoreLinks ).hide(),
			pageTitleLine: $( '&lt;span&gt;' ).addClass( 'disamassist-pagetitleline' ),
			pendingEditCounter: $( '&lt;div&gt;').addClass( 'disamassist-editcounter' ),
			context: $( '&lt;pre&gt;' ).addClass( 'disamassist-context' ),
			undoButton: createButton( txt.undo, undo ),
			omitButton: createButton( txt.omit, omit ),
			endButton: createButton( txt.close, saveAndEnd ),
			refreshButton: createButton( txt.refresh, refresh ),
			titleAsTextButton: createButton( txt.titleAsText, chooseTitleFromPrompt ),
			intentionalLinkButton: canMarkIntentionalLinks ? createButton( txt.intentionalLink, chooseIntentionalLink ) : null,
			disamNeededButton: cfg.disamNeededText ? createButton( txt.disamNeeded, chooseDisamNeeded ) : null,
			removeLinkButton: createButton( txt.removeLink, chooseLinkRemoval )
		};
		var top = $( '&lt;div&gt;' ).addClass( 'disamassist-top' )
			.append( [ui.pageTitleLine, ui.pendingEditCounter] );
		var leftButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-leftbuttons' )
			.append( [ui.titleAsTextButton, ui.removeLinkButton, ui.intentionalLinkButton, ui.disamNeededButton, ui.omitButton] );
		var rightButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-rightbuttons' )
			.append( [ui.undoButton, ui.refreshButton, ui.endButton] );
		var allButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-allbuttons' )
			.append( [leftButtons, rightButtons] );
		ui.display.append( [top, ui.finishedMessage, ui.context, allButtons] );
		updateEditCounter();
		toggleActionButtons( false );
		// Insert the UI in the page
		$( '#mw-content-text' ).before( ui.display );
		ui.display.hide().fadeIn();
	};

	/**
	 * Add button role and related keyboard event
	 * @param {Element} el
	 */
	const addButtonEvents = ( el ) =&gt; {
		el?.setAttribute( 'role', 'button' );
		el?.addEventListener( 'keydown', function( e ) {
			if ( [ 'Enter', 'Space' ].includes( e.code ) ) {
				e.preventDefault();
				this.click();
			}
		} );
	}
	
	/*
	 * If there are pending changes, show a confirm dialog before closing
	 */
	const addUnloadConfirm = function() {
		mw.confirmCloseWindow( {
			test: () =&gt; {
				if ( running &amp;&amp; checkActualChanges() ) {
					return txt.pending;
				} else if ( editCount !== 0 ) {
					return txt.editInProgress;
				}
			}
		} );
	};
	
	/*
	 * Mark the disambiguation options as such
	 */
	const markDisamOptions = function() {
		var optionPageTitles = [];
		var optionMarkers = [];
		getDisamOptions().each( function() {
			var link = $( this );
			var title = extractPageName( link );
			const optionMarker = document.createElement( 'a' );
			optionMarker.classList.add( 'disamassist-optionmarker' );
			optionMarker.href = link.attr( 'href' );
			optionMarker.setAttribute( 'data-title', title );
			optionMarker.textContent = txt.optionMarker;
			optionMarker.addEventListener( 'click', ( e ) =&gt; {
				e.preventDefault();
				chooseReplacement( title );
			} );
			addButtonEvents( optionMarker );
			
			link.after( optionMarker );
			optionMarkers.push( optionMarker );
			optionPageTitles.push( title );
		} );
		// Now check the disambiguation options and display a different message for those that are
		// actually the same as the target page where the links go, as choosing those options doesn't really
		// accomplish anything (except bypassing redirects, which might be useful in some cases)
		var targetPage = getTargetPage();
		fetchRedirects( optionPageTitles.concat( targetPage ) ).done( function( redirects ) {
			var endTargetPage = resolveRedirect( targetPage, redirects );
			for ( var ii = 0; ii &lt; optionPageTitles.length; ii++ ) {
				var endOptionTitle = resolveRedirect( optionPageTitles[ii], redirects );
				if ( isSamePage( optionPageTitles[ii], targetPage ) ) {
					$( optionMarkers[ii] ).text( txt.targetOptionMarker ).addClass( 'disamassist-curroptionmarker');
				} else if ( isSamePage( endOptionTitle, endTargetPage ) ) {
					$( optionMarkers[ii] ).text( txt.redirectOptionMarker ).addClass( 'disamassist-curroptionmarker');
				}
			}
		} ).fail( error );	
	};
	
	/*
	 * Check whether intentional links to disambiguation pages can be explicitly marked
	 * as such in this wiki. If so, ensure that a &quot;Foo (disambiguation)&quot; page exists.
	 * Returns a jQuery promise
	 */
	const ensureDABExists = function() {
		var dfd = new $.Deferred();
		var title = getTitle();
		// That concept doesn't exist in this wiki.
		if ( !cfg.intentionalLinkOption ) {
			dfd.resolve( false );
		// &quot;Foo (disambiguation)&quot; exists: it's the current page.
		} else if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			dfd.resolve( true );
		} else {
			var disamTitle = cfg.disamFormat.replace( '$1', title );
			loadPage( disamTitle ).done( function( page ) {
				// &quot;Foo (disambiguation)&quot; doesn't exist.
				if ( page.missing ) {
					// We try to create it
					page.content = cfg.redirectToDisam.replace( '$1', title );
					var summary = txt.redirectSummary.replace( '$1', title );
					savePage( disamTitle, page, summary, false, true ).done( function() {
						dfd.resolve( true );
					} ).fail( function( description ) {
						error( description );
						dfd.resolve( false );
					} );
				// It does exist
				} else {
					dfd.resolve( true );
				}
			} ).fail( function( description ) {
				error( description );
				dfd.resolve( false );
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Check whether the edit cooldown applies and sets editLimit accordingly.
	 * Returns a jQuery promise
	 */
	const checkEditLimit = function() {
		var dfd = new $.Deferred();
		if ( cfg.editCooldown &lt;= 0 ) {
			editLimit = false;
			dfd.resolve();
		} else {
			fetchRights().done( function( rights ) {
				editLimit = !rights?.includes( 'bot' );
			} ).fail( function( description ) {
				error( description );
				editLimit = true;
			} ).always( function() {
				dfd.resolve();
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Find and ask the user to fix all the incoming links to the disambiguation (&quot;target&quot;)
	 * page from a single &quot;origin&quot; page
	 */
	const doPage = function() {
		if ( pageChanges.length &gt; cfg.historySize ) {
			applyChange( pageChanges.shift() );
		}
		if ( links.length === 0 ) {
			var targetPage = getTargetPage();
			getBacklinks( targetPage ).done( function( backlinks, pageTitles ) {
				var pending = {};
				$.each( pendingSaves, function() {
					pending[this[0]] = true;
				} );
				possibleBacklinkDestinations = $.grep( pageTitles, function( t, ii) {
					if ( t == targetPage ) {
						return true;
					}
					return removeDisam(t) != targetPage;
				} );
				titleRegex = new RegExp('\\[\\[([ _]*?(?:' + possibleBacklinkDestinations.join('|').replaceAll('(', '\\(').replaceAll(')','\\)').replaceAll(' ', '[ _]') + ')[ _]*?)(#.*?)?(?:\\|(.*?))?\\]\\]', 'gi');
				// Only incoming links from pages we haven't seen yet and we aren't currently
				// saving (displayedPages is reset when the tool is closed and opened again,
				// while the list of pending changes isn't; if the edit cooldown is disabled,
				// it will be empty)
				links = $.grep( backlinks, function( el, ii ) {
					return !displayedPages[el] &amp;&amp; !pending[el];
				} );
				if ( links.length === 0 ) {
					updateContext();
				} else {
					doPage();
				}
			} ).fail( error );
		} else {
			currentPageTitle = links.shift();
			displayedPages[currentPageTitle] = true;
			toggleActionButtons( false );
			loadPage( currentPageTitle ).done( function( data ) {
				currentPageParameters = data;
				currentLink = null;
				doLink();
			} ).fail( error );
		}
	};
	
	/*
	 * Find and ask the user to fix a single incoming link to the disambiguation (&quot;target&quot;)
	 * page
	 */
	const doLink = function() {
		if (!currentPageParameters.redirect) {
			currentLink = extractLinkToPage( currentPageParameters.content,
				possibleBacklinkDestinations, currentLink ? currentLink.end : 0 );
			if ( currentLink ) {
				updateContext();
			} else {
				doPage();
			}
		} else {
			doPage();
		}
	};
	
	/*
	 * Replace the target of a link with a different one
	 * pageTitle: New link target
	 * extra: Additional text after the link (optional)
	 * summary: Change summary (optional)
	 */
	const chooseReplacement = function( pageTitle, extra, summary ) {
		if ( choosing ) {
			choosing = false;
			if ( !summary ) {
				if ( pageTitle ) {
					summary = txt.summaryChanged.replace( '$1', pageTitle );		
				} else {
					summary = txt.summaryOmitted;
				}
			}
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			if ( pageTitle &amp;&amp; ( pageTitle !== getTargetPage() || extra ) ) {
				if ( currentPageParameters.redirect ) {
					currentLink.description = pageTitle;
				}
				currentPageParameters.content =
					replaceLink( currentPageParameters.content, pageTitle, currentLink, extra || '' );
			}
			doLink();
		}
	};
	
	/*
	 * Replace the link with an explicit link to the disambiguation page
	 */
	const chooseIntentionalLink = function() {
		const targetPage = getTargetPage();
		let title = cfg.disamFormat.replace( '$1', targetPage );
		if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			title = targetPage;
		}
		chooseReplacement( title, '', txt.summaryIntentional );
	};
	
	/*
	 * Prompt for an alternative link target and use it as a replacement
	 */
	const chooseTitleFromPrompt = function() {
		var title = prompt( txt.titleAsTextPrompt );
		if ( title !== null ) {
			chooseReplacement( title );
		}
	};
	
	/*
	 * Remove the current link, leaving the text unchanged
	 */
	const chooseLinkRemoval = function() {
		if ( choosing ) {
			var summary = txt.summaryRemoved;
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			currentPageParameters.content = removeLink( currentPageParameters.content, currentLink );
			doLink();
		}
	};
	
	/*
	 * Add a &quot;disambiguation needed&quot; template after the link
	 */
	const chooseDisamNeeded = function() {
		chooseReplacement( currentLink.title, cfg.disamNeededText, txt.summaryHelpNeeded );
	};
	
	/*
	 * Undo the last change
	 */
	const undo = function() {
		if ( pageChanges.length !== 0 ) {
			var lastPage = pageChanges[pageChanges.length - 1];
			if ( currentPageTitle !== lastPage.title ) {
				links.unshift( currentPageTitle );
				currentPageTitle = lastPage.title;
			}
			currentPageParameters = lastPage.page;
			currentPageParameters.content = lastPage.contentBefore.pop();
			currentLink = lastPage.links.pop();
			lastPage.summary.pop();
			if ( lastPage.contentBefore.length === 0 ) {
				pageChanges.pop();
			}
			updateContext();
		}
	};
	
	/*
	 * Omit the current link without making a change
	 */
	const omit = function() {
		chooseReplacement( null );
	};
	
	/*
	 * Save all the pending changes and restart the tool.
	 */
	const refresh = function() {
		saveAndEnd();
		start();
	};
	
	/*
	 * Enable or disable the buttons that can perform actions on a page or change the current link.
	 * enabled: Whether to enable or disable the buttons
	 */
	const toggleActionButtons = function( enabled ) {
		var affectedButtons = [ui.omitButton, ui.titleAsTextButton, ui.removeLinkButton,
			ui.intentionalLinkButton, ui.disamNeededButton, ui.undoButton];
		$.each( affectedButtons, function( ii, button ) {
			button?.prop( 'disabled', !enabled );
		} );	
	};
	
	/*
	 * Show or hide the 'no more links' message
	 * show: Whether to show or hide the message
	 */
	const toggleFinishedMessage = function( show ) {
		toggleActionButtons( !show );
		ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
		ui.finishedMessage.toggle( show );
		ui.pageTitleLine.toggle( !show );
		ui.context.toggle( !show );
		if ( show ) console.log(Date.now())
	};
	
	const togglePendingEditBox = function( show ) {
		if ( pendingEditBox === null ) {
			pendingEditBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-pendingeditbox' );
			pendingEditBoxText = $( '&lt;div&gt;' );
			pendingEditBox.append( pendingEditBoxText ).hide();
			if ( editLimit ) {
				pendingEditBox.append( $( '&lt;div&gt;' ).text( txt.pendingEditBoxLimited )
					.addClass( 'disamassist-subtitle' ) );
			}
			$( '#mw-content-text' ).before( pendingEditBox );
			updateEditCounter();
		}
		if ( show ) {
			pendingEditBox.fadeIn();
		} else {
			pendingEditBox.fadeOut();
		}
	};
	
	const notifyCompletion = function() {
		var oldTitle = document.title;
		document.title = txt.notifyCharacter + document.title;
		$( document.body ).one( 'mousemove', function() {
			document.title = oldTitle;
		} );
	};
	
	/*
	 * Update the displayed information to match the current link
	 * or lack thereof
	 */
	const updateContext = function() {
		updateEditCounter();
		if ( !currentLink ) {
			toggleFinishedMessage( true );
		} else {
			ui.pageTitleLine.html( txt.pageTitleLine.replace( '$1',
				mw.util.getUrl( currentPageTitle, {redirect: 'no'} ) ).replace( '$2', mw.html.escape( currentPageTitle ) ) );
			var context = extractContext( currentPageParameters.content, currentLink );
			ui.context.empty()
				.append( $( '&lt;span&gt;' ).text( context[0] ) )
				.append( $( '&lt;span&gt;' ).text( context[1] ).addClass( 'disamassist-inclink' ) )
				.append( $( '&lt;span&gt;' ).text( context[2] ) );

			toggleFinishedMessage( false );
			ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
			ui.removeLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.intentionalLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.disamNeededButton?.prop( 'disabled', currentPageParameters.redirect || currentLink.hasDisamTemplate );
			choosing = true;
		}
	};
	
	/*
	 * Update the count of pending changes
	 */
	const updateEditCounter = function() {
		if ( ui.pendingEditCounter ) {
			ui.pendingEditCounter.text( txt.pendingEditCounter.replace( '$1', editCount )
				.replace( '$2', countActuallyChangedFullyCheckedPages() ) );
		}
		if ( pendingEditBox ) {
			if ( editCount === 0 &amp;&amp; !running ) {
				togglePendingEditBox( false );
				notifyCompletion();
			}
			var textContent = editCount;
			if ( editLimit ) {
				textContent = txt.pendingEditBoxTimeEstimation.replace( '$1', editCount )
					.replace( '$2', secondsToHHMMSS( cfg.editCooldown * editCount ) );
			}
			pendingEditBoxText.text( txt.pendingEditBox.replace( '$1', textContent ) );
		}
	};
	
	/*
	 * Apply the changes made to an &quot;origin&quot; page
	 * pageChange: Change that will be saved
	 */
	const applyChange = function( pageChange ) {
		if ( pageChange.page.content !== pageChange.contentBefore[0] ) {
			editCount++;
			// Filter duplicates and join
			var changeSummaries = pageChange.summary
				.filter( ( val, i, arr ) =&gt; val &amp;&amp; arr.indexOf( val ) === i )
				.join( txt.summarySeparator );
			var summary = txt.summary.replace( '$1', getTargetPage() ).replace( '$2', changeSummaries );
			var save = editLimit ? saveWithCooldown : savePage;
			save( pageChange.title, pageChange.page, summary, true, true ).always( function() {
				if ( editCount &gt; 0 ) {
					editCount--;
				}
				updateEditCounter();
			} ).fail( error );
			updateEditCounter();
		}
	};
	
	/*
	 * Save all the pending changes
	 */
	const applyAllChanges = function() {
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			applyChange( pageChanges[ii] );
		}
		pageChanges = [];
	};
	
	/*
	 * Record a new pending change
	 * pageTitle: Title of the page
	 * page: Content of the page
	 * oldContent: Content of the page before the change
	 * link: Link that has been changed
	 * summary: Change summary
	 */
	const addChange = function( pageTitle, page, oldContent, link, summary ) {
		if ( ( pageChanges.length === 0 ) || ( pageChanges[pageChanges.length - 1].title !== pageTitle ) ) {
			pageChanges.push( {
				title: pageTitle,
				page: page,
				contentBefore: [],
				links: [],
				summary: []
			} );
		}
		var lastPageChange = pageChanges[pageChanges.length - 1];
		lastPageChange.contentBefore.push( oldContent );
		lastPageChange.links.push( link );
		lastPageChange.summary.push( summary );
	};
	
	/*
	 * Check whether actual changes are stored in the history array
	 */
	const checkActualChanges = function() {
		return countActualChanges() !== 0;
	};
	
	/*
	 * Return the number of entries in the history array that represent actual changes
	 */
	const countActualChanges = function() {
		var changeCount = 0;
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			if ( pageChanges[ii].page.content !== pageChanges[ii].contentBefore[0] ) {
				changeCount++;
			}
		}
		return changeCount;		
	};
	
	/*
	 * Return the number of changed pages in the history array, ignoring the last entry
	 * if we aren't done with that page yet
	 */
	const countActuallyChangedFullyCheckedPages = function() {
		var changeCount = countActualChanges();
		if ( pageChanges.length !== 0 ) {
			var lastChange = pageChanges[pageChanges.length - 1];
			if ( lastChange.title === currentPageTitle &amp;&amp; currentLink !== null
					&amp;&amp; lastChange.page.content !== lastChange.contentBefore[0] ) {
				changeCount--;
			}
		}
		return changeCount;
	};
	
	/*
	 * Find the links to disambiguation options in a disambiguation page
	 */
	const getDisamOptions = function() {
		return $( '#mw-content-text a' ).filter( function() {
			return !!extractPageName( $( this ) );
		} );
	};

	/*
	 * Save all the pending changes and close the tool
	 */
	const saveAndEnd = function() {
		applyAllChanges();
		end();
	};
	
	/*
	 * Close the tool
	 */
	const end = function() {
		var currentToolUI = ui.display;
		choosing = false;
		running = false;
		$( '.disamassist-optionmarker' ).remove();
		currentToolUI.fadeOut( { complete: function() {
			currentToolUI.remove();
			if ( editCount !== 0 ) {
				togglePendingEditBox( true );
			}
		} } );
	};
	
	/*
	 * Display an error message
	 */
	const error = function( errorDescription ) {
		var errorBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-errorbox' );
		errorBox.text( txt.error.replace( '$1', errorDescription ) );
		errorBox.append( createButton( txt.dismissError, function() {
			errorBox.fadeOut();
		} ).addClass( 'disamassist-errorbutton' ) );
		var uiIsInPlace = ui &amp;&amp; $.contains( document.documentElement, ui.display[0] );
		var nextElement = uiIsInPlace ? ui.display : $( '#mw-content-text' );
		nextElement.before( errorBox );
		errorBox.hide().fadeIn();
	}
	
	/*
	 * Change a link so that it points to the title
	 * text: The wikitext of the whole page
	 * title: The new destination of the link
	 * link: The link that will be modified
	 * extra: Text that will be added after the link (optional)
	 */
	const replaceLink = function( text, title, link, extra ) {
		var anchor = link.anchor || '';
		var newContent;

		if ( link.type === 'sortnaam' ) {
			newContent = '{{sortnaam|' + link.first + '|' + link.last + '|' + title + anchor + '}}';
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + ( extra || '' ) + linkEnd;
		}

		if ( isSamePage( title, link.description ) ) {
			newContent = link.description + anchor;
		} else {
			newContent = title + anchor + '|' + link.description;
		}
		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + '[[' + newContent + ']]' + link.afterDescription + ( extra || '' ) + linkEnd;
	};
	/*
	 * Remove a link from the text
	 * text: The wikitext of the whole page
	 * link: The link that will be removed
	 */

	const removeLink = function( text, link ) {
		var anchor = link.anchor || '';

		if ( link.type === 'sortnaam' ) {
			var newContent = '{{sortnaam|' + link.first + '|' + link.last + '}}' + anchor;
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + linkEnd;
		}

		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + link.description + anchor + link.afterDescription + linkEnd;
	};
	
	/*
	 * Extract a link from a string in wiki format,
	 * starting from a given index. Return a link if one can be found,
	 * otherwise return null. The &quot;link&quot; includes &quot;disambiguation needed&quot;
	 * templates inmediately following the link proper
	 * text: Text from which the link will be extracted
	 * lastIndex: Index from which the search will start
	 */
const extractLink = function( text, lastIndex ) {
		// 1. Zoek naar gewone wikitlinks (inclusief optioneel anker #...)
		titleRegex.lastIndex = lastIndex;
		var wikiMatch = titleRegex.exec( text );

		// 2. Zoek naar sortnaam-templates (vangt de derde parameter inclusief eventueel anker op)
		var sortnaamRegex = new RegExp('{{\\s*sortnaam\\s*\\|\\s*([^|]+?)\\s*\\|\\s*([^|]+?)\\s*(?:\\|\\s*([^}]*?)\\s*)?}}', 'gi');
		sortnaamRegex.lastIndex = lastIndex;
		var sortnaamMatch = sortnaamRegex.exec( text );

		var matchType = null;
		var matchIndex = Infinity;

		if ( wikiMatch !== null &amp;&amp; wikiMatch.index &gt;= lastIndex ) {
			matchIndex = wikiMatch.index;
			matchType = 'wiki';
		}

		if ( sortnaamMatch !== null &amp;&amp; sortnaamMatch.index &gt;= lastIndex &amp;&amp; sortnaamMatch.index &lt; matchIndex ) {
			matchIndex = sortnaamMatch.index;
			matchType = 'sortnaam';
		}

		if ( matchType === 'wiki' ) {
			var possiblyAmbiguous = true;
			var hasDisamTemplate = false;
			var fullMatchStr = wikiMatch[0];
			var anchor = wikiMatch[2] ? wikiMatch[2] : '';
			
			var end = wikiMatch.index + fullMatchStr.length;
			var afterDescription = '';
			var rest = text.substring( end );
			var templateRegex = /^(\w*[.,:;?!)}\s]*){{\s*([^|{}]+?)\s*(?:\|[^{]*?)?}}/g;
			var templateMatch = templateRegex.exec( rest );
			if ( templateMatch !== null ) {
				var templateTitle = getCanonicalTitle( templateMatch[2] );
				if ( cfg.disamLinkTemplates?.includes( templateTitle ) ) {
					end += templateMatch[0].length;
					afterDescription = templateMatch[1].replace(/\s$/, '');
					hasDisamTemplate = true;
				} else if ( cfg.disamLinkIgnoreTemplates?.includes( templateTitle ) ) {
					possiblyAmbiguous = false;
				}
			}
			return {
				type: 'wiki',
				start: wikiMatch.index,
				end: end,
				possiblyAmbiguous: possiblyAmbiguous,
				hasDisamTemplate: hasDisamTemplate,
				title: wikiMatch[1],
				description: wikiMatch[3] ? wikiMatch[3] : wikiMatch[1],
				anchor: anchor,
				afterDescription: afterDescription
			};
		} else if ( matchType === 'sortnaam' ) {
			var first = sortnaamMatch[1].trim();
			var last = sortnaamMatch[2].trim();
			var rawParam3 = sortnaamMatch[3] ? sortnaamMatch[3].trim() : '';
			
			var explicitTarget = rawParam3;
			var anchor = '';
			var hashIndex = rawParam3.indexOf( '#' );
			if ( hashIndex !== -1 ) {
				explicitTarget = rawParam3.substring( 0, hashIndex ).trim();
				anchor = rawParam3.substring( hashIndex );
			}
			
			var target = explicitTarget !== '' ? explicitTarget : ( first + ' ' + last );

			return {
				type: 'sortnaam',
				start: sortnaamMatch.index,
				end: sortnaamMatch.index + sortnaamMatch[0].length,
				possiblyAmbiguous: true,
				hasDisamTemplate: false,
				title: target,
				description: sortnaamMatch[0],
				first: first,
				last: last,
				explicitTarget: explicitTarget,
				anchor: anchor,
				afterDescription: ''
			};
		}

		return null;
	};
	
	/*
	 * Extract a link to one of a number of destination pages from a string 
	 * (&quot;text&quot;) in wiki format, starting from a given index (&quot;lastIndex&quot;).
	 * &quot;Disambiguation needed&quot; templates are included as part of the links.
	 * text: Page in wiki format
	 * destinations: Array of page titles to look for
	 * lastIndex: Index from which the search will start
	 */
	const extractLinkToPage = function( text, destinations, lastIndex ) {
		var link, title;
		do {
			link = extractLink( text, lastIndex );
			if ( link !== null ) {
				lastIndex = link.end;
				title = getCanonicalTitle( link.title );
			}
		} while (
			link !== null
			&amp;&amp; ( !link.possiblyAmbiguous || !destinations?.includes( title ) )
		);
		return link;
	};
	
	/*
	 * Find the &quot;target&quot; page: either the one we are in or the &quot;main&quot; one found by extracting
     * the title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const getTargetPage = function() {
		var title = getTitle();
		return forceSamePage ? title : removeDisam( title );
	};
	
	/*
	 * Get the page title, with the namespace prefix if any.
	 */
	const getTitle = function() {
		return mw.config.get( 'wgPageName' ).replace(/_/g, ' ')
	}
	
	/*
	 * Extract a &quot;main&quot; title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const removeDisam = function( title ) {
		var match = new RegExp( cfg.disamRegExp ).exec( title );
		return match ? match[1] : title;
	};
	
	/*
	 * Check whether two page titles are the same
	 */
	const isSamePage = function( title1, title2 ) {
		return getCanonicalTitle( title1 ) === getCanonicalTitle( title2 );
	};

	/*
	 * Return the 'canonical title' of a page
	 */
	const getCanonicalTitle = function( title ) {
		try {
			title = new mw.Title( title );

			// Check that page name matches the current namespace
			if ( title.getNamespaceId() !== mw.config.get( 'wgNamespaceNumber' ) ) {
				return;
			}

			const fragment = title.getFragment();
			return title.getPrefixedText() + ( fragment ? `#${ fragment }` : '' );
		} catch ( ex ) {
			// mw.Title seems to be buggy, and some valid titles are rejected
			// FIXME: This may cause false negatives	
		}
	};
	
	/*
	 * Extract the context around a given link in a text string
	 */
	const extractContext = function( text, link ) {
		var contextStart = link.start - cfg.radius;
		var contextEnd = link.end + cfg.radius;
		var contextPrev = text.substring( contextStart, link.start );
		const ellipsis = '…';
		if ( contextStart &gt; 0 ) {
			contextPrev = ellipsis + contextPrev;
		}
		var contextNext = text.substring( link.end, contextEnd );
		if ( contextEnd &lt; text.length ) {
			contextNext = contextNext + ellipsis;
		}
		return [contextPrev, text.substring( link.start, link.end ), contextNext];
	};

	/*
	 * Extract the prefixed page name from a link
	 */
	const extractPageName = function( link ) {
		var pageName = extractPageNameRaw( link );
		if ( pageName ) {
			return getCanonicalTitle( pageName );
		}
		
		return null;
	};
	
	/*
	 * Extract the page name from a link, as is
	 */
	const extractPageNameRaw = function( link ) {
		// Ignore images and interwiki links
		if ( link.hasClass( 'image' ) || link.hasClass( 'extiw' ) ) {
			return null;
		}
		var href = link.attr( 'href' );

		// Red links in old parser format
		if ( link.hasClass( 'new' ) ) {
			const oldRedLink = mw.util.getParamValue( 'title', href );
			if ( oldRedLink !== null ) {
				return oldRedLink;
			}
		}

		// Check that external links are coming from this wiki
		if ( href.indexOf( '//' ) === 0 || href.indexOf( 'https://' ) === 0 ) {
			try {
				const fullUrl = href.indexOf( '//' ) === 0 ? location.protocol + href : href;
				let urlData = new URL( fullUrl );
				if ( urlData.hostname !== location.hostname ) {
					return null;
				}
			} catch( e ) {
				return null;
			}
		}

		var articlePathRegexp = new RegExp(
			mw.config.get( 'wgArticlePath' ).replace( '$1', '([^?]*)' )
		);
		var result = articlePathRegexp.exec( href );
		if ( Array.isArray( result ) &amp;&amp; result.length &gt; 1 ) {
			return decodeURIComponent( result[ 1 ] );
		}

		return null;
	};
	
	/*
	 * Check whether this is a disambiguation page
	 */
	const isDisam = function() {
		const categories = mw.config.get( 'wgCategories', [] );
		return cfg.disamCategories.some( c =&gt; categories.includes( c ) );
	};
	
	const secondsToHHMMSS = function( totalSeconds ) {
		var hhmmss = '';
		var hours = Math.floor( totalSeconds / 3600 );
		var minutes = Math.floor( totalSeconds % 3600 / 60 );
		var seconds = Math.floor( totalSeconds % 3600 % 60 );
		if ( hours &gt;= 1 ) {
			hhmmss = pad( hours, '0', 2 ) + ':';
		}
		hhmmss += pad( minutes, '0', 2 ) + ':' + pad( seconds, '0', 2 );
		return hhmmss;
	};
	
	const pad = function( str, z, width ) {
		str = str.toString();
		if ( str.length &gt;= width ) {
			return str;
		} else {
			return new Array( width - str.length + 1 ).join( z ) + str;
		}
	}
	
	/*
	 * Create a new button
	 * text: Text that will be displayed on the button
	 * onClick: Function that will be called when the button is clicked
	 */
	const createButton = function( text, onClick ) {
		var button = $( '&lt;button&gt;', { 'type': 'button' } );
		button.text( text );
		button.addClass( 'disamassist-button' ).click( onClick );
		return button;
	};
	
	/*
	 * Given a page title and an array of possible redirects {from, to} (&quot;canonical titles&quot;), find the page
	 * at the end of the redirect chain, if there is one. Otherwise, return the page title that was passed
	 */
	const resolveRedirect = function( pageTitle, possibleRedirects ) {
		var appliedRedirect = true;
		var visitedPages = {};
		var currentPage = getCanonicalTitle( pageTitle );
		while ( appliedRedirect ) {
			appliedRedirect = false;
			for ( var ii = 0; ii &lt; possibleRedirects.length; ii++ ) {
				if ( possibleRedirects[ii].from === currentPage ) {
					if ( visitedPages[possibleRedirects[ii].to] ) {
						// Redirect chain detected
						return pageTitle;
					}
					visitedPages[currentPage] = true;
					appliedRedirect = true;
					currentPage = possibleRedirects[ii].to;
				}
			}
		}
		// No redirect rules applied for an iteration of the outer loop:
		// no more redirects. We are done
		return currentPage;
	};
	
	/*
	 * Fetch the incoming links to a page. Returns a jQuery promise
	 * (success - array of titles of pages that contain links to the target page and
	 * array of &quot;canonical titles&quot; of possible destinations of the backlinks (either
	 * the target page or redirects to the target page), failure - error description)
	 * page: Target page
	 */
	const getBacklinks = function( page ) {
		var dfd = new $.Deferred();
		api.get( {
			'action': 'query',
			'list': 'backlinks',
			'bltitle': page,
			'blredirect': true,
			'bllimit': cfg.backlinkLimit,
			'blnamespace': cfg.targetNamespaces,
		} ).done( function( data ) {
			// There might be duplicate entries in some corner cases. We don't care,
			// since we are going to check later, anyway
			var backlinks = [];
			var linkTitles = [getCanonicalTitle( page )];
			$.each( data.query.backlinks, function() {
				backlinks.push( this.title );
				if ( this.redirlinks ) {
					linkTitles.push( this.title );
					$.each( this.redirlinks, function() {
						backlinks.push( this.title );
					} );
				}
			} );
			dfd.resolve( backlinks, linkTitles );
		} ).fail( function( code, data ) {
			dfd.reject( txt.getBacklinksError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download a list of redirects for some pages. Returns a jQuery callback (success -
	 * array of redirects ({from, to}), failure - error description )
	 * pageTitles: Array of page titles
	 */
	const fetchRedirects = function( pageTitles ) {
		var dfd = new $.Deferred();
		var currentTitles = pageTitles.slice( 0, cfg.queryTitleLimit );
		var restTitles = pageTitles.slice( cfg.queryTitleLimit );
		api.get( {
			action: 'query',
			titles: currentTitles,
			redirects: true,
		} ).done( function( data ) {
			var theseRedirects = data.query.redirects ? data.query.redirects : [];
			if ( restTitles.length !== 0 ) {
				fetchRedirects( restTitles ).done( function( redirects ) {
					dfd.resolve( theseRedirects.concat( redirects ) );
				} ).fail( function( description ) {
					dfd.reject( description );
				} );
			} else {
				dfd.resolve( theseRedirects );
			}
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRedirectsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download the list of user rights for the current user. Returns a
	 * jQuery promise (success - array of right names, error - error description)
	 */
	const fetchRights = function() {
		var dfd = $.Deferred();
		api.get( {
			action: 'query',
			meta: 'userinfo',
			uiprop: 'rights',
		} ).done( function( data ) {
			dfd.resolve( data.query.userinfo.rights );
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRightsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Load the raw page text for a given title. Returns a jQuery promise (success - page
	 * content, failure - error description)
	 * pageTitle: Title of the page
	 */
	const loadPage = function( pageTitle ) {
		var dfd = new $.Deferred();
		api.get( {
			action: 'query',
			titles: pageTitle,
			prop: 'revisions',
			rvprop: 'timestamp|content',
			meta: 'tokens',
			type: 'csrf',
		} ).done( function( data ) {
			var pages = data.query.pages;
			for ( var key in pages ) {
				if ( pages.hasOwnProperty( key ) ) {
					break;
				}
			}
			var rawPage = data.query.pages[key];
			var page = {};
			page.missing = rawPage.missing !== undefined;
			if ( rawPage.revisions ) {
				page.content = rawPage.revisions[0]['*'];
				// Assume anything with # at the start is a redirect
				if ( page.content.match( /^#[^\s]*?\s*\[\[/ ) ) {
					page.redirect = true;
				}
				page.baseTimeStamp = rawPage.revisions[0].timestamp;
			} else {
				page.content = '';
				page.baseTimeStamp = null;
			}
			page.startTimeStamp = rawPage.starttimestamp;
			page.editToken = data.query.tokens.csrftoken;
			dfd.resolve( page );
		} ).fail( function( code, data ) {
			dfd.reject( txt.loadPageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Register changes to a page, to be saved later. Returns a jQuery promise
	 * (success - no params, failure - error description). Takes the same parameters
	 * as savePage 
	 */
	const saveWithCooldown = function() {
		var deferred = new $.Deferred();
		pendingSaves.push( {args: arguments, dfd: deferred} );
		if ( !runningSaves ) {
			checkAndSave();
		}
		return deferred.promise();
	};
	
	/*
	 * Save the first set of changes in the list of pending changes, providing that
	 * enough time has passed since the last edit
	 */
	const checkAndSave = function() {
		if ( pendingSaves.length === 0 ) {
			runningSaves = false;
			return;
		}
		runningSaves = true;
		var millisSinceLast = new Date().getTime() - lastEditMillis;
		if ( millisSinceLast &lt; cfg.editCooldown * 1000 ) {
			setTimeout( checkAndSave, cfg.editCooldown * 1000 - millisSinceLast );
		} else {
			// The last edit started at least cfg.editCooldown seconds ago
			var save = pendingSaves.shift();
			savePage.apply( this, save.args ).done( function() {
				checkAndSave();
				save.dfd.resolve();
			} ).fail( function( description ) {
				checkAndSave();
				save.dfd.reject( description );
			} );
			// We'll use the time since the last edit started
			lastEditMillis = new Date().getTime();
		}
	};
	
	/*
	 * Save the changes made to a page. Returns a jQuery promise (success - no params,
	 * failure - error description)
	 * pageTitle: Title of the page
	 * page: Page data
	 * summary: Summary of the changes made to the page
	 * minorEdit: Whether to mark the edit as 'minor'
	 * botEdit: Whether to mark the edit as 'bot'
	 */
	const savePage = function( pageTitle, page, summary, minorEdit, botEdit ) {
		var dfd = new $.Deferred();
		api.post( {
			action: 'edit',
			title: pageTitle,
			token: page.editToken,
			text: page.content,
			basetimestamp: page.baseTimeStamp,
			starttimestamp: page.startTimeStamp,
			summary: summary,
			watchlist: cfg.watch ? cfg.watch : 'nochange',
			assertuser: mw.config.get( 'wgUserName' ),
			minor: minorEdit,
			bot: botEdit,
		} ).done( function() {
			dfd.resolve();
		} ).fail( function( code, data ) {
			dfd.reject( txt.savePageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	install();
} )();
// &lt;/nowiki&gt;</text>
      <sha1>2e1cyze6meb7k5po90v2skuskqh3fzz</sha1>
    </revision>
    <revision>
      <id>781191</id>
      <parentid>781189</parentid>
      <timestamp>2026-10-27T16:00:33Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <origin>781191</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="39475" sha1="ikbxthh93rm1aqg0sbls4iai625c624" xml:space="preserve">/*
 * DisamAssist: a tool for repairing links from articles to disambiguation pages.
 */

// &lt;nowiki&gt;
// @ts-nocheck
( () =&gt; {
	var cfg = {};
	var txt = {};
	var ui;
	var links, pageChanges;
	var currentPageTitle, currentPageParameters, currentLink;
	var possibleBacklinkDestinations;
	var titleRegex;
	var forceSamePage = false;
	var running = false;
	var choosing = false;
	var canMarkIntentionalLinks = false;
	var displayedPages = {};
	var editCount = 0;
	var editLimit;
	var pendingSaves = [];
	var pendingEditBox = null;
	var pendingEditBoxText;
	var lastEditMillis = 0;
	var runningSaves = false;
	
	var api;

	const dependencies = [
		'mediawiki.api',
		'mediawiki.confirmCloseWindow',
		'mediawiki.Title',
		'mediawiki.util',
	];

	/**
	 * Add an item in Tools menu
	 * @param {string} text
	 * @param {string} id 
	 * @param {(e: MouseEvent) =&gt; void} callback 
	 */
	const disamPortletLink = ( text, id, callback ) =&gt; {
		const portlet = mw.util.addPortletLink(
			'p-tb',
			cfg.helpPage ? mw.util.getUrl( cfg.helpPage ) : '#',
			text,
			id
		);
		const link = portlet?.querySelector( 'a' );
		link?.addEventListener( 'click', callback );
		addButtonEvents( link );
	}
	
	/*
	 * Entry point. Check whether we are in a disambiguation page. If so, add a link to start the tool
	 */
	const install = function() {
		cfg = window.DisamAssist.cfg;
		txt = window.DisamAssist.txt;
		if ( mw.config.get( 'wgAction' ) === 'view' &amp;&amp; isDisam() ) {
			mw.loader.using( dependencies, () =&gt; {
				api = new mw.Api();

				mw.loader.load( 'https://ru.wikipedia.org/w/index.php?title=Участник:Stjn/DisamAssist.css&amp;action=raw&amp;ctype=text/css', 'text/css' );

				// This is a &quot; (disambiguation)&quot; page
				if ( new RegExp( cfg.disamRegExp ).exec( getTitle() ) ) {
					disamPortletLink( txt.startMain, 't-disamAssist-main', startMain );
					disamPortletLink( txt.startSame, 't-disamAssist-same', startSame );
				} else {
					disamPortletLink( txt.start, 't-disamAssist-page', start );
				}
			} );
		}
	};
	
	/*
	 * Start the tool. Display the UI and begin looking for links to fix
	 */
	const start = function( e ) {
		e?.preventDefault();
		if ( !running ) {
			console.log(Date.now())
			running = true;
			links = [];
			pageChanges = [];
			displayedPages = {};
			ensureDABExists().then( function( canMark ) {
				canMarkIntentionalLinks = canMark;
				createUI();
				addUnloadConfirm();
				markDisamOptions();
				checkEditLimit().then( function() {
					togglePendingEditBox( false );
					doPage();
				} );
			} );
		}
	};
	
	/*
	 * Start DisamAssist. Disambiguate incoming links to the current page, regardless
	 * of the title.
	 */
	const startSame = function( e ) {
		e.preventDefault();
		forceSamePage = true;
		start( e );
	};
	
	/*
	 * Start DisamAssist. If the page title ends with &quot; (disambiguation)&quot;, disambiguate
	 * links to the primary topic article. Otherwise, disambiguate links to the current
	 * page.
	 */
	const startMain = function( e ) {
		e.preventDefault();
		forceSamePage = false;
		start( e );
	};
	
	/*
	 * Create and show the user interface.
	 */
	const createUI = function() {
		ui = {
			display: $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-mainbox' ),
			finishedMessage: $( '&lt;div&gt;' ).text( txt.noMoreLinks ).hide(),
			pageTitleLine: $( '&lt;span&gt;' ).addClass( 'disamassist-pagetitleline' ),
			pendingEditCounter: $( '&lt;div&gt;').addClass( 'disamassist-editcounter' ),
			context: $( '&lt;pre&gt;' ).addClass( 'disamassist-context' ),
			undoButton: createButton( txt.undo, undo ),
			omitButton: createButton( txt.omit, omit ),
			endButton: createButton( txt.close, saveAndEnd ),
			refreshButton: createButton( txt.refresh, refresh ),
			titleAsTextButton: createButton( txt.titleAsText, chooseTitleFromPrompt ),
			intentionalLinkButton: canMarkIntentionalLinks ? createButton( txt.intentionalLink, chooseIntentionalLink ) : null,
			disamNeededButton: cfg.disamNeededText ? createButton( txt.disamNeeded, chooseDisamNeeded ) : null,
			removeLinkButton: createButton( txt.removeLink, chooseLinkRemoval )
		};
		var top = $( '&lt;div&gt;' ).addClass( 'disamassist-top' )
			.append( [ui.pageTitleLine, ui.pendingEditCounter] );
		var leftButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-leftbuttons' )
			.append( [ui.titleAsTextButton, ui.removeLinkButton, ui.intentionalLinkButton, ui.disamNeededButton, ui.omitButton] );
		var rightButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-rightbuttons' )
			.append( [ui.undoButton, ui.refreshButton, ui.endButton] );
		var allButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-allbuttons' )
			.append( [leftButtons, rightButtons] );
		ui.display.append( [top, ui.finishedMessage, ui.context, allButtons] );
		updateEditCounter();
		toggleActionButtons( false );
		// Insert the UI in the page
		$( '#mw-content-text' ).before( ui.display );
		ui.display.hide().fadeIn();
	};

	/**
	 * Add button role and related keyboard event
	 * @param {Element} el
	 */
	const addButtonEvents = ( el ) =&gt; {
		el?.setAttribute( 'role', 'button' );
		el?.addEventListener( 'keydown', function( e ) {
			if ( [ 'Enter', 'Space' ].includes( e.code ) ) {
				e.preventDefault();
				this.click();
			}
		} );
	}
	
	/*
	 * If there are pending changes, show a confirm dialog before closing
	 */
	const addUnloadConfirm = function() {
		mw.confirmCloseWindow( {
			test: () =&gt; {
				if ( running &amp;&amp; checkActualChanges() ) {
					return txt.pending;
				} else if ( editCount !== 0 ) {
					return txt.editInProgress;
				}
			}
		} );
	};
	
	/*
	 * Mark the disambiguation options as such
	 */
	const markDisamOptions = function() {
		var optionPageTitles = [];
		var optionMarkers = [];
		getDisamOptions().each( function() {
			var link = $( this );
			var title = extractPageName( link );
			const optionMarker = document.createElement( 'a' );
			optionMarker.classList.add( 'disamassist-optionmarker' );
			optionMarker.href = link.attr( 'href' );
			optionMarker.setAttribute( 'data-title', title );
			optionMarker.textContent = txt.optionMarker;
			optionMarker.addEventListener( 'click', ( e ) =&gt; {
				e.preventDefault();
				chooseReplacement( title );
			} );
			addButtonEvents( optionMarker );
			
			link.after( optionMarker );
			optionMarkers.push( optionMarker );
			optionPageTitles.push( title );
		} );
		// Now check the disambiguation options and display a different message for those that are
		// actually the same as the target page where the links go, as choosing those options doesn't really
		// accomplish anything (except bypassing redirects, which might be useful in some cases)
		var targetPage = getTargetPage();
		fetchRedirects( optionPageTitles.concat( targetPage ) ).done( function( redirects ) {
			var endTargetPage = resolveRedirect( targetPage, redirects );
			for ( var ii = 0; ii &lt; optionPageTitles.length; ii++ ) {
				var endOptionTitle = resolveRedirect( optionPageTitles[ii], redirects );
				if ( isSamePage( optionPageTitles[ii], targetPage ) ) {
					$( optionMarkers[ii] ).text( txt.targetOptionMarker ).addClass( 'disamassist-curroptionmarker');
				} else if ( isSamePage( endOptionTitle, endTargetPage ) ) {
					$( optionMarkers[ii] ).text( txt.redirectOptionMarker ).addClass( 'disamassist-curroptionmarker');
				}
			}
		} ).fail( error );	
	};
	
	/*
	 * Check whether intentional links to disambiguation pages can be explicitly marked
	 * as such in this wiki. If so, ensure that a &quot;Foo (disambiguation)&quot; page exists.
	 * Returns a jQuery promise
	 */
	const ensureDABExists = function() {
		var dfd = new $.Deferred();
		var title = getTitle();
		// That concept doesn't exist in this wiki.
		if ( !cfg.intentionalLinkOption ) {
			dfd.resolve( false );
		// &quot;Foo (disambiguation)&quot; exists: it's the current page.
		} else if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			dfd.resolve( true );
		} else {
			var disamTitle = cfg.disamFormat.replace( '$1', title );
			loadPage( disamTitle ).done( function( page ) {
				// &quot;Foo (disambiguation)&quot; doesn't exist.
				if ( page.missing ) {
					// We try to create it
					page.content = cfg.redirectToDisam.replace( '$1', title );
					var summary = txt.redirectSummary.replace( '$1', title );
					savePage( disamTitle, page, summary, false, true ).done( function() {
						dfd.resolve( true );
					} ).fail( function( description ) {
						error( description );
						dfd.resolve( false );
					} );
				// It does exist
				} else {
					dfd.resolve( true );
				}
			} ).fail( function( description ) {
				error( description );
				dfd.resolve( false );
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Check whether the edit cooldown applies and sets editLimit accordingly.
	 * Returns a jQuery promise
	 */
	const checkEditLimit = function() {
		var dfd = new $.Deferred();
		if ( cfg.editCooldown &lt;= 0 ) {
			editLimit = false;
			dfd.resolve();
		} else {
			fetchRights().done( function( rights ) {
				editLimit = !rights?.includes( 'bot' );
			} ).fail( function( description ) {
				error( description );
				editLimit = true;
			} ).always( function() {
				dfd.resolve();
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Find and ask the user to fix all the incoming links to the disambiguation (&quot;target&quot;)
	 * page from a single &quot;origin&quot; page
	 */
	const doPage = function() {
		if ( pageChanges.length &gt; cfg.historySize ) {
			applyChange( pageChanges.shift() );
		}
		if ( links.length === 0 ) {
			var targetPage = getTargetPage();
			getBacklinks( targetPage ).done( function( backlinks, pageTitles ) {
				var pending = {};
				$.each( pendingSaves, function() {
					pending[this[0]] = true;
				} );
				possibleBacklinkDestinations = $.grep( pageTitles, function( t, ii) {
					if ( t == targetPage ) {
						return true;
					}
					return removeDisam(t) != targetPage;
				} );
				titleRegex = new RegExp('\\[\\[([ _]*?(?:' + possibleBacklinkDestinations.join('|').replaceAll('(', '\\(').replaceAll(')','\\)').replaceAll(' ', '[ _]') + ')[ _]*?)(#.*?)?(?:\\|(.*?))?\\]\\]', 'gi');
				// Only incoming links from pages we haven't seen yet and we aren't currently
				// saving (displayedPages is reset when the tool is closed and opened again,
				// while the list of pending changes isn't; if the edit cooldown is disabled,
				// it will be empty)
				links = $.grep( backlinks, function( el, ii ) {
					return !displayedPages[el] &amp;&amp; !pending[el];
				} );
				if ( links.length === 0 ) {
					updateContext();
				} else {
					doPage();
				}
			} ).fail( error );
		} else {
			currentPageTitle = links.shift();
			displayedPages[currentPageTitle] = true;
			toggleActionButtons( false );
			loadPage( currentPageTitle ).done( function( data ) {
				currentPageParameters = data;
				currentLink = null;
				doLink();
			} ).fail( error );
		}
	};
	
	/*
	 * Find and ask the user to fix a single incoming link to the disambiguation (&quot;target&quot;)
	 * page
	 */
	const doLink = function() {
		if (!currentPageParameters.redirect) {
			currentLink = extractLinkToPage( currentPageParameters.content,
				possibleBacklinkDestinations, currentLink ? currentLink.end : 0 );
			if ( currentLink ) {
				updateContext();
			} else {
				doPage();
			}
		} else {
			doPage();
		}
	};
	
	/*
	 * Replace the target of a link with a different one
	 * pageTitle: New link target
	 * extra: Additional text after the link (optional)
	 * summary: Change summary (optional)
	 */
	const chooseReplacement = function( pageTitle, extra, summary ) {
		if ( choosing ) {
			choosing = false;
			if ( !summary ) {
				if ( pageTitle ) {
					summary = txt.summaryChanged.replace( '$1', pageTitle );		
				} else {
					summary = txt.summaryOmitted;
				}
			}
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			if ( pageTitle &amp;&amp; ( pageTitle !== getTargetPage() || extra ) ) {
				if ( currentPageParameters.redirect ) {
					currentLink.description = pageTitle;
				}
				currentPageParameters.content =
					replaceLink( currentPageParameters.content, pageTitle, currentLink, extra || '' );
			}
			doLink();
		}
	};
	
	/*
	 * Replace the link with an explicit link to the disambiguation page
	 */
	const chooseIntentionalLink = function() {
		const targetPage = getTargetPage();
		let title = cfg.disamFormat.replace( '$1', targetPage );
		if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			title = targetPage;
		}
		chooseReplacement( title, '', txt.summaryIntentional );
	};
	
	/*
	 * Prompt for an alternative link target and use it as a replacement
	 */
	const chooseTitleFromPrompt = function() {
		var title = prompt( txt.titleAsTextPrompt );
		if ( title !== null ) {
			chooseReplacement( title );
		}
	};
	
	/*
	 * Remove the current link, leaving the text unchanged
	 */
	const chooseLinkRemoval = function() {
		if ( choosing ) {
			var summary = txt.summaryRemoved;
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			currentPageParameters.content = removeLink( currentPageParameters.content, currentLink );
			doLink();
		}
	};
	
	/*
	 * Add a &quot;disambiguation needed&quot; template after the link
	 */
	const chooseDisamNeeded = function() {
		chooseReplacement( currentLink.title, cfg.disamNeededText, txt.summaryHelpNeeded );
	};
	
	/*
	 * Undo the last change
	 */
	const undo = function() {
		if ( pageChanges.length !== 0 ) {
			var lastPage = pageChanges[pageChanges.length - 1];
			if ( currentPageTitle !== lastPage.title ) {
				links.unshift( currentPageTitle );
				currentPageTitle = lastPage.title;
			}
			currentPageParameters = lastPage.page;
			currentPageParameters.content = lastPage.contentBefore.pop();
			currentLink = lastPage.links.pop();
			lastPage.summary.pop();
			if ( lastPage.contentBefore.length === 0 ) {
				pageChanges.pop();
			}
			updateContext();
		}
	};
	
	/*
	 * Omit the current link without making a change
	 */
	const omit = function() {
		chooseReplacement( null );
	};
	
	/*
	 * Save all the pending changes and restart the tool.
	 */
	const refresh = function() {
		saveAndEnd();
		start();
	};
	
	/*
	 * Enable or disable the buttons that can perform actions on a page or change the current link.
	 * enabled: Whether to enable or disable the buttons
	 */
	const toggleActionButtons = function( enabled ) {
		var affectedButtons = [ui.omitButton, ui.titleAsTextButton, ui.removeLinkButton,
			ui.intentionalLinkButton, ui.disamNeededButton, ui.undoButton];
		$.each( affectedButtons, function( ii, button ) {
			button?.prop( 'disabled', !enabled );
		} );	
	};
	
	/*
	 * Show or hide the 'no more links' message
	 * show: Whether to show or hide the message
	 */
	const toggleFinishedMessage = function( show ) {
		toggleActionButtons( !show );
		ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
		ui.finishedMessage.toggle( show );
		ui.pageTitleLine.toggle( !show );
		ui.context.toggle( !show );
		if ( show ) console.log(Date.now())
	};
	
	const togglePendingEditBox = function( show ) {
		if ( pendingEditBox === null ) {
			pendingEditBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-pendingeditbox' );
			pendingEditBoxText = $( '&lt;div&gt;' );
			pendingEditBox.append( pendingEditBoxText ).hide();
			if ( editLimit ) {
				pendingEditBox.append( $( '&lt;div&gt;' ).text( txt.pendingEditBoxLimited )
					.addClass( 'disamassist-subtitle' ) );
			}
			$( '#mw-content-text' ).before( pendingEditBox );
			updateEditCounter();
		}
		if ( show ) {
			pendingEditBox.fadeIn();
		} else {
			pendingEditBox.fadeOut();
		}
	};
	
	const notifyCompletion = function() {
		var oldTitle = document.title;
		document.title = txt.notifyCharacter + document.title;
		$( document.body ).one( 'mousemove', function() {
			document.title = oldTitle;
		} );
	};
	
	/*
	 * Update the displayed information to match the current link
	 * or lack thereof
	 */
	const updateContext = function() {
		updateEditCounter();
		if ( !currentLink ) {
			toggleFinishedMessage( true );
		} else {
			ui.pageTitleLine.html( txt.pageTitleLine.replace( '$1',
				mw.util.getUrl( currentPageTitle, {redirect: 'no'} ) ).replace( '$2', mw.html.escape( currentPageTitle ) ) );
			var context = extractContext( currentPageParameters.content, currentLink );
			ui.context.empty()
				.append( $( '&lt;span&gt;' ).text( context[0] ) )
				.append( $( '&lt;span&gt;' ).text( context[1] ).addClass( 'disamassist-inclink' ) )
				.append( $( '&lt;span&gt;' ).text( context[2] ) );

			toggleFinishedMessage( false );
			ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
			ui.removeLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.intentionalLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.disamNeededButton?.prop( 'disabled', currentPageParameters.redirect || currentLink.hasDisamTemplate );
			choosing = true;
		}
	};
	
	/*
	 * Update the count of pending changes
	 */
	const updateEditCounter = function() {
		if ( ui.pendingEditCounter ) {
			ui.pendingEditCounter.text( txt.pendingEditCounter.replace( '$1', editCount )
				.replace( '$2', countActuallyChangedFullyCheckedPages() ) );
		}
		if ( pendingEditBox ) {
			if ( editCount === 0 &amp;&amp; !running ) {
				togglePendingEditBox( false );
				notifyCompletion();
			}
			var textContent = editCount;
			if ( editLimit ) {
				textContent = txt.pendingEditBoxTimeEstimation.replace( '$1', editCount )
					.replace( '$2', secondsToHHMMSS( cfg.editCooldown * editCount ) );
			}
			pendingEditBoxText.text( txt.pendingEditBox.replace( '$1', textContent ) );
		}
	};
	
	/*
	 * Apply the changes made to an &quot;origin&quot; page
	 * pageChange: Change that will be saved
	 */
	const applyChange = function( pageChange ) {
		if ( pageChange.page.content !== pageChange.contentBefore[0] ) {
			editCount++;
			// Filter duplicates and join
			var changeSummaries = pageChange.summary
				.filter( ( val, i, arr ) =&gt; val &amp;&amp; arr.indexOf( val ) === i )
				.join( txt.summarySeparator );
			var summary = txt.summary.replace( '$1', getTargetPage() ).replace( '$2', changeSummaries );
			var save = editLimit ? saveWithCooldown : savePage;
			save( pageChange.title, pageChange.page, summary, true, true ).always( function() {
				if ( editCount &gt; 0 ) {
					editCount--;
				}
				updateEditCounter();
			} ).fail( error );
			updateEditCounter();
		}
	};
	
	/*
	 * Save all the pending changes
	 */
	const applyAllChanges = function() {
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			applyChange( pageChanges[ii] );
		}
		pageChanges = [];
	};
	
	/*
	 * Record a new pending change
	 * pageTitle: Title of the page
	 * page: Content of the page
	 * oldContent: Content of the page before the change
	 * link: Link that has been changed
	 * summary: Change summary
	 */
	const addChange = function( pageTitle, page, oldContent, link, summary ) {
		if ( ( pageChanges.length === 0 ) || ( pageChanges[pageChanges.length - 1].title !== pageTitle ) ) {
			pageChanges.push( {
				title: pageTitle,
				page: page,
				contentBefore: [],
				links: [],
				summary: []
			} );
		}
		var lastPageChange = pageChanges[pageChanges.length - 1];
		lastPageChange.contentBefore.push( oldContent );
		lastPageChange.links.push( link );
		lastPageChange.summary.push( summary );
	};
	
	/*
	 * Check whether actual changes are stored in the history array
	 */
	const checkActualChanges = function() {
		return countActualChanges() !== 0;
	};
	
	/*
	 * Return the number of entries in the history array that represent actual changes
	 */
	const countActualChanges = function() {
		var changeCount = 0;
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			if ( pageChanges[ii].page.content !== pageChanges[ii].contentBefore[0] ) {
				changeCount++;
			}
		}
		return changeCount;		
	};
	
	/*
	 * Return the number of changed pages in the history array, ignoring the last entry
	 * if we aren't done with that page yet
	 */
	const countActuallyChangedFullyCheckedPages = function() {
		var changeCount = countActualChanges();
		if ( pageChanges.length !== 0 ) {
			var lastChange = pageChanges[pageChanges.length - 1];
			if ( lastChange.title === currentPageTitle &amp;&amp; currentLink !== null
					&amp;&amp; lastChange.page.content !== lastChange.contentBefore[0] ) {
				changeCount--;
			}
		}
		return changeCount;
	};
	
	/*
	 * Find the links to disambiguation options in a disambiguation page
	 */
	const getDisamOptions = function() {
		return $( '#mw-content-text a' ).filter( function() {
			return !!extractPageName( $( this ) );
		} );
	};

	/*
	 * Save all the pending changes and close the tool
	 */
	const saveAndEnd = function() {
		applyAllChanges();
		end();
	};
	
	/*
	 * Close the tool
	 */
	const end = function() {
		var currentToolUI = ui.display;
		choosing = false;
		running = false;
		$( '.disamassist-optionmarker' ).remove();
		currentToolUI.fadeOut( { complete: function() {
			currentToolUI.remove();
			if ( editCount !== 0 ) {
				togglePendingEditBox( true );
			}
		} } );
	};
	
	/*
	 * Display an error message
	 */
	const error = function( errorDescription ) {
		var errorBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-errorbox' );
		errorBox.text( txt.error.replace( '$1', errorDescription ) );
		errorBox.append( createButton( txt.dismissError, function() {
			errorBox.fadeOut();
		} ).addClass( 'disamassist-errorbutton' ) );
		var uiIsInPlace = ui &amp;&amp; $.contains( document.documentElement, ui.display[0] );
		var nextElement = uiIsInPlace ? ui.display : $( '#mw-content-text' );
		nextElement.before( errorBox );
		errorBox.hide().fadeIn();
	}
	
	/*
	 * Change a link so that it points to the title
	 * text: The wikitext of the whole page
	 * title: The new destination of the link
	 * link: The link that will be modified
	 * extra: Text that will be added after the link (optional)
	 */
	const replaceLink = function( text, title, link, extra ) {
		var anchor = link.anchor || '';
		var newContent;

		if ( link.type === 'sortnaam' ) {
			newContent = '{{sortnaam|' + link.first + '|' + link.last + '|' + title + anchor + '}}';
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + ( extra || '' ) + linkEnd;
		}

		if ( !link.hasExplicitDescription ) {
			// Geen pipe aanwezig (bijv. [[appel#gezondheid]]), behoud schone linkvorm
			newContent = title + anchor;
		} else if ( isSamePage( title, link.description ) ) {
			newContent = link.description + anchor;
		} else {
			newContent = title + anchor + '|' + link.description;
		}
		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + '[[' + newContent + ']]' + link.afterDescription + ( extra || '' ) + linkEnd;
	};
	/*
	 * Remove a link from the text
	 * text: The wikitext of the whole page
	 * link: The link that will be removed
	 */

	const removeLink = function( text, link ) {
		var anchor = link.anchor || '';

		if ( link.type === 'sortnaam' ) {
			var newContent = '{{sortnaam|' + link.first + '|' + link.last + '}}' + anchor;
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + linkEnd;
		}

		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + link.description + anchor + link.afterDescription + linkEnd;
	};
	
	/*
	 * Extract a link from a string in wiki format,
	 * starting from a given index. Return a link if one can be found,
	 * otherwise return null. The &quot;link&quot; includes &quot;disambiguation needed&quot;
	 * templates inmediately following the link proper
	 * text: Text from which the link will be extracted
	 * lastIndex: Index from which the search will start
	 */
	const extractLink = function( text, lastIndex ) {
		// 1. Zoek naar gewone wikitlinks (inclusief optioneel anker #...)
		titleRegex.lastIndex = lastIndex;
		var wikiMatch = titleRegex.exec( text );

		// 2. Zoek naar sortnaam-templates
		var sortnaamRegex = new RegExp('{{\\s*sortnaam\\s*\\|\\s*([^|]+?)\\s*\\|\\s*([^|]+?)\\s*(?:\\|\\s*([^}]*?)\\s*)?}}', 'gi');
		sortnaamRegex.lastIndex = lastIndex;
		var sortnaamMatch = sortnaamRegex.exec( text );

		var matchType = null;
		var matchIndex = Infinity;

		if ( wikiMatch !== null &amp;&amp; wikiMatch.index &gt;= lastIndex ) {
			matchIndex = wikiMatch.index;
			matchType = 'wiki';
		}

		if ( sortnaamMatch !== null &amp;&amp; sortnaamMatch.index &gt;= lastIndex &amp;&amp; sortnaamMatch.index &lt; matchIndex ) {
			matchIndex = sortnaamMatch.index;
			matchType = 'sortnaam';
		}

		if ( matchType === 'wiki' ) {
			var possiblyAmbiguous = true;
			var hasDisamTemplate = false;
			var title = wikiMatch[1];
			var anchor = wikiMatch[2] ? wikiMatch[2] : '';
			var hasExplicitDescription = wikiMatch[3] !== undefined;
			var description = hasExplicitDescription ? wikiMatch[3] : title;
			
			// Correcte berekening van de lengte inclusief anker en eventuele beschrijving
			var innerLength = title.length + anchor.length + ( hasExplicitDescription ? 1 + description.length : 0 );
			var end = wikiMatch.index + 4 + innerLength;
			var afterDescription = '';
			var rest = text.substring( end );
			var templateRegex = /^(\w*[.,:;?!)}\s]*){{\s*([^|{}]+?)\s*(?:\|[^{]*?)?}}/g;
			var templateMatch = templateRegex.exec( rest );
			if ( templateMatch !== null ) {
				var templateTitle = getCanonicalTitle( templateMatch[2] );
				if ( cfg.disamLinkTemplates?.includes( templateTitle ) ) {
					end += templateMatch[0].length;
					afterDescription = templateMatch[1].replace(/\s$/, '');
					hasDisamTemplate = true;
				} else if ( cfg.disamLinkIgnoreTemplates?.includes( templateTitle ) ) {
					possiblyAmbiguous = false;
				}
			}
			return {
				type: 'wiki',
				start: wikiMatch.index,
				end: end,
				possiblyAmbiguous: possiblyAmbiguous,
				hasDisamTemplate: hasDisamTemplate,
				title: title,
				description: description,
				hasExplicitDescription: hasExplicitDescription,
				anchor: anchor,
				afterDescription: afterDescription
			};
		} else if ( matchType === 'sortnaam' ) {
			var first = sortnaamMatch[1].trim();
			var last = sortnaamMatch[2].trim();
			var rawParam3 = sortnaamMatch[3] ? sortnaamMatch[3].trim() : '';
			
			var explicitTarget = rawParam3;
			var anchor = '';
			var hashIndex = rawParam3.indexOf( '#' );
			if ( hashIndex !== -1 ) {
				explicitTarget = rawParam3.substring( 0, hashIndex ).trim();
				anchor = rawParam3.substring( hashIndex );
			}
			
			var target = explicitTarget !== '' ? explicitTarget : ( first + ' ' + last );

			return {
				type: 'sortnaam',
				start: sortnaamMatch.index,
				end: sortnaamMatch.index + sortnaamMatch[0].length,
				possiblyAmbiguous: true,
				hasDisamTemplate: false,
				title: target,
				description: sortnaamMatch[0],
				first: first,
				last: last,
				explicitTarget: explicitTarget,
				anchor: anchor,
				afterDescription: ''
			};
		}

		return null;
	};
	
	/*
	 * Extract a link to one of a number of destination pages from a string 
	 * (&quot;text&quot;) in wiki format, starting from a given index (&quot;lastIndex&quot;).
	 * &quot;Disambiguation needed&quot; templates are included as part of the links.
	 * text: Page in wiki format
	 * destinations: Array of page titles to look for
	 * lastIndex: Index from which the search will start
	 */
	const extractLinkToPage = function( text, destinations, lastIndex ) {
		var link, title;
		do {
			link = extractLink( text, lastIndex );
			if ( link !== null ) {
				lastIndex = link.end;
				title = getCanonicalTitle( link.title );
			}
		} while (
			link !== null
			&amp;&amp; ( !link.possiblyAmbiguous || !destinations?.includes( title ) )
		);
		return link;
	};
	
	/*
	 * Find the &quot;target&quot; page: either the one we are in or the &quot;main&quot; one found by extracting
     * the title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const getTargetPage = function() {
		var title = getTitle();
		return forceSamePage ? title : removeDisam( title );
	};
	
	/*
	 * Get the page title, with the namespace prefix if any.
	 */
	const getTitle = function() {
		return mw.config.get( 'wgPageName' ).replace(/_/g, ' ')
	}
	
	/*
	 * Extract a &quot;main&quot; title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const removeDisam = function( title ) {
		var match = new RegExp( cfg.disamRegExp ).exec( title );
		return match ? match[1] : title;
	};
	
	/*
	 * Check whether two page titles are the same
	 */
	const isSamePage = function( title1, title2 ) {
		return getCanonicalTitle( title1 ) === getCanonicalTitle( title2 );
	};

	/*
	 * Return the 'canonical title' of a page
	 */
	const getCanonicalTitle = function( title ) {
		try {
			title = new mw.Title( title );

			// Check that page name matches the current namespace
			if ( title.getNamespaceId() !== mw.config.get( 'wgNamespaceNumber' ) ) {
				return;
			}

			const fragment = title.getFragment();
			return title.getPrefixedText() + ( fragment ? `#${ fragment }` : '' );
		} catch ( ex ) {
			// mw.Title seems to be buggy, and some valid titles are rejected
			// FIXME: This may cause false negatives	
		}
	};
	
	/*
	 * Extract the context around a given link in a text string
	 */
	const extractContext = function( text, link ) {
		var contextStart = link.start - cfg.radius;
		var contextEnd = link.end + cfg.radius;
		var contextPrev = text.substring( contextStart, link.start );
		const ellipsis = '…';
		if ( contextStart &gt; 0 ) {
			contextPrev = ellipsis + contextPrev;
		}
		var contextNext = text.substring( link.end, contextEnd );
		if ( contextEnd &lt; text.length ) {
			contextNext = contextNext + ellipsis;
		}
		return [contextPrev, text.substring( link.start, link.end ), contextNext];
	};

	/*
	 * Extract the prefixed page name from a link
	 */
	const extractPageName = function( link ) {
		var pageName = extractPageNameRaw( link );
		if ( pageName ) {
			return getCanonicalTitle( pageName );
		}
		
		return null;
	};
	
	/*
	 * Extract the page name from a link, as is
	 */
	const extractPageNameRaw = function( link ) {
		// Ignore images and interwiki links
		if ( link.hasClass( 'image' ) || link.hasClass( 'extiw' ) ) {
			return null;
		}
		var href = link.attr( 'href' );

		// Red links in old parser format
		if ( link.hasClass( 'new' ) ) {
			const oldRedLink = mw.util.getParamValue( 'title', href );
			if ( oldRedLink !== null ) {
				return oldRedLink;
			}
		}

		// Check that external links are coming from this wiki
		if ( href.indexOf( '//' ) === 0 || href.indexOf( 'https://' ) === 0 ) {
			try {
				const fullUrl = href.indexOf( '//' ) === 0 ? location.protocol + href : href;
				let urlData = new URL( fullUrl );
				if ( urlData.hostname !== location.hostname ) {
					return null;
				}
			} catch( e ) {
				return null;
			}
		}

		var articlePathRegexp = new RegExp(
			mw.config.get( 'wgArticlePath' ).replace( '$1', '([^?]*)' )
		);
		var result = articlePathRegexp.exec( href );
		if ( Array.isArray( result ) &amp;&amp; result.length &gt; 1 ) {
			return decodeURIComponent( result[ 1 ] );
		}

		return null;
	};
	
	/*
	 * Check whether this is a disambiguation page
	 */
	const isDisam = function() {
		const categories = mw.config.get( 'wgCategories', [] );
		return cfg.disamCategories.some( c =&gt; categories.includes( c ) );
	};
	
	const secondsToHHMMSS = function( totalSeconds ) {
		var hhmmss = '';
		var hours = Math.floor( totalSeconds / 3600 );
		var minutes = Math.floor( totalSeconds % 3600 / 60 );
		var seconds = Math.floor( totalSeconds % 3600 % 60 );
		if ( hours &gt;= 1 ) {
			hhmmss = pad( hours, '0', 2 ) + ':';
		}
		hhmmss += pad( minutes, '0', 2 ) + ':' + pad( seconds, '0', 2 );
		return hhmmss;
	};
	
	const pad = function( str, z, width ) {
		str = str.toString();
		if ( str.length &gt;= width ) {
			return str;
		} else {
			return new Array( width - str.length + 1 ).join( z ) + str;
		}
	}
	
	/*
	 * Create a new button
	 * text: Text that will be displayed on the button
	 * onClick: Function that will be called when the button is clicked
	 */
	const createButton = function( text, onClick ) {
		var button = $( '&lt;button&gt;', { 'type': 'button' } );
		button.text( text );
		button.addClass( 'disamassist-button' ).click( onClick );
		return button;
	};
	
	/*
	 * Given a page title and an array of possible redirects {from, to} (&quot;canonical titles&quot;), find the page
	 * at the end of the redirect chain, if there is one. Otherwise, return the page title that was passed
	 */
	const resolveRedirect = function( pageTitle, possibleRedirects ) {
		var appliedRedirect = true;
		var visitedPages = {};
		var currentPage = getCanonicalTitle( pageTitle );
		while ( appliedRedirect ) {
			appliedRedirect = false;
			for ( var ii = 0; ii &lt; possibleRedirects.length; ii++ ) {
				if ( possibleRedirects[ii].from === currentPage ) {
					if ( visitedPages[possibleRedirects[ii].to] ) {
						// Redirect chain detected
						return pageTitle;
					}
					visitedPages[currentPage] = true;
					appliedRedirect = true;
					currentPage = possibleRedirects[ii].to;
				}
			}
		}
		// No redirect rules applied for an iteration of the outer loop:
		// no more redirects. We are done
		return currentPage;
	};
	
	/*
	 * Fetch the incoming links to a page. Returns a jQuery promise
	 * (success - array of titles of pages that contain links to the target page and
	 * array of &quot;canonical titles&quot; of possible destinations of the backlinks (either
	 * the target page or redirects to the target page), failure - error description)
	 * page: Target page
	 */
	const getBacklinks = function( page ) {
		var dfd = new $.Deferred();
		api.get( {
			'action': 'query',
			'list': 'backlinks',
			'bltitle': page,
			'blredirect': true,
			'bllimit': cfg.backlinkLimit,
			'blnamespace': cfg.targetNamespaces,
		} ).done( function( data ) {
			// There might be duplicate entries in some corner cases. We don't care,
			// since we are going to check later, anyway
			var backlinks = [];
			var linkTitles = [getCanonicalTitle( page )];
			$.each( data.query.backlinks, function() {
				backlinks.push( this.title );
				if ( this.redirlinks ) {
					linkTitles.push( this.title );
					$.each( this.redirlinks, function() {
						backlinks.push( this.title );
					} );
				}
			} );
			dfd.resolve( backlinks, linkTitles );
		} ).fail( function( code, data ) {
			dfd.reject( txt.getBacklinksError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download a list of redirects for some pages. Returns a jQuery callback (success -
	 * array of redirects ({from, to}), failure - error description )
	 * pageTitles: Array of page titles
	 */
	const fetchRedirects = function( pageTitles ) {
		var dfd = new $.Deferred();
		var currentTitles = pageTitles.slice( 0, cfg.queryTitleLimit );
		var restTitles = pageTitles.slice( cfg.queryTitleLimit );
		api.get( {
			action: 'query',
			titles: currentTitles,
			redirects: true,
		} ).done( function( data ) {
			var theseRedirects = data.query.redirects ? data.query.redirects : [];
			if ( restTitles.length !== 0 ) {
				fetchRedirects( restTitles ).done( function( redirects ) {
					dfd.resolve( theseRedirects.concat( redirects ) );
				} ).fail( function( description ) {
					dfd.reject( description );
				} );
			} else {
				dfd.resolve( theseRedirects );
			}
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRedirectsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download the list of user rights for the current user. Returns a
	 * jQuery promise (success - array of right names, error - error description)
	 */
	const fetchRights = function() {
		var dfd = $.Deferred();
		api.get( {
			action: 'query',
			meta: 'userinfo',
			uiprop: 'rights',
		} ).done( function( data ) {
			dfd.resolve( data.query.userinfo.rights );
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRightsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Load the raw page text for a given title. Returns a jQuery promise (success - page
	 * content, failure - error description)
	 * pageTitle: Title of the page
	 */
	const loadPage = function( pageTitle ) {
		var dfd = new $.Deferred();
		api.get( {
			action: 'query',
			titles: pageTitle,
			prop: 'revisions',
			rvprop: 'timestamp|content',
			meta: 'tokens',
			type: 'csrf',
		} ).done( function( data ) {
			var pages = data.query.pages;
			for ( var key in pages ) {
				if ( pages.hasOwnProperty( key ) ) {
					break;
				}
			}
			var rawPage = data.query.pages[key];
			var page = {};
			page.missing = rawPage.missing !== undefined;
			if ( rawPage.revisions ) {
				page.content = rawPage.revisions[0]['*'];
				// Assume anything with # at the start is a redirect
				if ( page.content.match( /^#[^\s]*?\s*\[\[/ ) ) {
					page.redirect = true;
				}
				page.baseTimeStamp = rawPage.revisions[0].timestamp;
			} else {
				page.content = '';
				page.baseTimeStamp = null;
			}
			page.startTimeStamp = rawPage.starttimestamp;
			page.editToken = data.query.tokens.csrftoken;
			dfd.resolve( page );
		} ).fail( function( code, data ) {
			dfd.reject( txt.loadPageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Register changes to a page, to be saved later. Returns a jQuery promise
	 * (success - no params, failure - error description). Takes the same parameters
	 * as savePage 
	 */
	const saveWithCooldown = function() {
		var deferred = new $.Deferred();
		pendingSaves.push( {args: arguments, dfd: deferred} );
		if ( !runningSaves ) {
			checkAndSave();
		}
		return deferred.promise();
	};
	
	/*
	 * Save the first set of changes in the list of pending changes, providing that
	 * enough time has passed since the last edit
	 */
	const checkAndSave = function() {
		if ( pendingSaves.length === 0 ) {
			runningSaves = false;
			return;
		}
		runningSaves = true;
		var millisSinceLast = new Date().getTime() - lastEditMillis;
		if ( millisSinceLast &lt; cfg.editCooldown * 1000 ) {
			setTimeout( checkAndSave, cfg.editCooldown * 1000 - millisSinceLast );
		} else {
			// The last edit started at least cfg.editCooldown seconds ago
			var save = pendingSaves.shift();
			savePage.apply( this, save.args ).done( function() {
				checkAndSave();
				save.dfd.resolve();
			} ).fail( function( description ) {
				checkAndSave();
				save.dfd.reject( description );
			} );
			// We'll use the time since the last edit started
			lastEditMillis = new Date().getTime();
		}
	};
	
	/*
	 * Save the changes made to a page. Returns a jQuery promise (success - no params,
	 * failure - error description)
	 * pageTitle: Title of the page
	 * page: Page data
	 * summary: Summary of the changes made to the page
	 * minorEdit: Whether to mark the edit as 'minor'
	 * botEdit: Whether to mark the edit as 'bot'
	 */
	const savePage = function( pageTitle, page, summary, minorEdit, botEdit ) {
		var dfd = new $.Deferred();
		api.post( {
			action: 'edit',
			title: pageTitle,
			token: page.editToken,
			text: page.content,
			basetimestamp: page.baseTimeStamp,
			starttimestamp: page.startTimeStamp,
			summary: summary,
			watchlist: cfg.watch ? cfg.watch : 'nochange',
			assertuser: mw.config.get( 'wgUserName' ),
			minor: minorEdit,
			bot: botEdit,
		} ).done( function() {
			dfd.resolve();
		} ).fail( function( code, data ) {
			dfd.reject( txt.savePageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	install();
} )();
// &lt;/nowiki&gt;</text>
      <sha1>ikbxthh93rm1aqg0sbls4iai625c624</sha1>
    </revision>
    <revision>
      <id>781192</id>
      <parentid>781191</parentid>
      <timestamp>2026-10-27T16:02:29Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <origin>781192</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="39398" sha1="4c4ect8f7flheup7a450x2v5dzrb3vy" xml:space="preserve">/*
 * DisamAssist: a tool for repairing links from articles to disambiguation pages.
 */

// &lt;nowiki&gt;
// @ts-nocheck
( () =&gt; {
	var cfg = {};
	var txt = {};
	var ui;
	var links, pageChanges;
	var currentPageTitle, currentPageParameters, currentLink;
	var possibleBacklinkDestinations;
	var titleRegex;
	var forceSamePage = false;
	var running = false;
	var choosing = false;
	var canMarkIntentionalLinks = false;
	var displayedPages = {};
	var editCount = 0;
	var editLimit;
	var pendingSaves = [];
	var pendingEditBox = null;
	var pendingEditBoxText;
	var lastEditMillis = 0;
	var runningSaves = false;
	
	var api;

	const dependencies = [
		'mediawiki.api',
		'mediawiki.confirmCloseWindow',
		'mediawiki.Title',
		'mediawiki.util',
	];

	/**
	 * Add an item in Tools menu
	 * @param {string} text
	 * @param {string} id 
	 * @param {(e: MouseEvent) =&gt; void} callback 
	 */
	const disamPortletLink = ( text, id, callback ) =&gt; {
		const portlet = mw.util.addPortletLink(
			'p-tb',
			cfg.helpPage ? mw.util.getUrl( cfg.helpPage ) : '#',
			text,
			id
		);
		const link = portlet?.querySelector( 'a' );
		link?.addEventListener( 'click', callback );
		addButtonEvents( link );
	}
	
	/*
	 * Entry point. Check whether we are in a disambiguation page. If so, add a link to start the tool
	 */
	const install = function() {
		cfg = window.DisamAssist.cfg;
		txt = window.DisamAssist.txt;
		if ( mw.config.get( 'wgAction' ) === 'view' &amp;&amp; isDisam() ) {
			mw.loader.using( dependencies, () =&gt; {
				api = new mw.Api();

				mw.loader.load( 'https://ru.wikipedia.org/w/index.php?title=Участник:Stjn/DisamAssist.css&amp;action=raw&amp;ctype=text/css', 'text/css' );

				// This is a &quot; (disambiguation)&quot; page
				if ( new RegExp( cfg.disamRegExp ).exec( getTitle() ) ) {
					disamPortletLink( txt.startMain, 't-disamAssist-main', startMain );
					disamPortletLink( txt.startSame, 't-disamAssist-same', startSame );
				} else {
					disamPortletLink( txt.start, 't-disamAssist-page', start );
				}
			} );
		}
	};
	
	/*
	 * Start the tool. Display the UI and begin looking for links to fix
	 */
	const start = function( e ) {
		e?.preventDefault();
		if ( !running ) {
			console.log(Date.now())
			running = true;
			links = [];
			pageChanges = [];
			displayedPages = {};
			ensureDABExists().then( function( canMark ) {
				canMarkIntentionalLinks = canMark;
				createUI();
				addUnloadConfirm();
				markDisamOptions();
				checkEditLimit().then( function() {
					togglePendingEditBox( false );
					doPage();
				} );
			} );
		}
	};
	
	/*
	 * Start DisamAssist. Disambiguate incoming links to the current page, regardless
	 * of the title.
	 */
	const startSame = function( e ) {
		e.preventDefault();
		forceSamePage = true;
		start( e );
	};
	
	/*
	 * Start DisamAssist. If the page title ends with &quot; (disambiguation)&quot;, disambiguate
	 * links to the primary topic article. Otherwise, disambiguate links to the current
	 * page.
	 */
	const startMain = function( e ) {
		e.preventDefault();
		forceSamePage = false;
		start( e );
	};
	
	/*
	 * Create and show the user interface.
	 */
	const createUI = function() {
		ui = {
			display: $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-mainbox' ),
			finishedMessage: $( '&lt;div&gt;' ).text( txt.noMoreLinks ).hide(),
			pageTitleLine: $( '&lt;span&gt;' ).addClass( 'disamassist-pagetitleline' ),
			pendingEditCounter: $( '&lt;div&gt;').addClass( 'disamassist-editcounter' ),
			context: $( '&lt;pre&gt;' ).addClass( 'disamassist-context' ),
			undoButton: createButton( txt.undo, undo ),
			omitButton: createButton( txt.omit, omit ),
			endButton: createButton( txt.close, saveAndEnd ),
			refreshButton: createButton( txt.refresh, refresh ),
			titleAsTextButton: createButton( txt.titleAsText, chooseTitleFromPrompt ),
			intentionalLinkButton: canMarkIntentionalLinks ? createButton( txt.intentionalLink, chooseIntentionalLink ) : null,
			disamNeededButton: cfg.disamNeededText ? createButton( txt.disamNeeded, chooseDisamNeeded ) : null,
			removeLinkButton: createButton( txt.removeLink, chooseLinkRemoval )
		};
		var top = $( '&lt;div&gt;' ).addClass( 'disamassist-top' )
			.append( [ui.pageTitleLine, ui.pendingEditCounter] );
		var leftButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-leftbuttons' )
			.append( [ui.titleAsTextButton, ui.removeLinkButton, ui.intentionalLinkButton, ui.disamNeededButton, ui.omitButton] );
		var rightButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-rightbuttons' )
			.append( [ui.undoButton, ui.refreshButton, ui.endButton] );
		var allButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-allbuttons' )
			.append( [leftButtons, rightButtons] );
		ui.display.append( [top, ui.finishedMessage, ui.context, allButtons] );
		updateEditCounter();
		toggleActionButtons( false );
		// Insert the UI in the page
		$( '#mw-content-text' ).before( ui.display );
		ui.display.hide().fadeIn();
	};

	/**
	 * Add button role and related keyboard event
	 * @param {Element} el
	 */
	const addButtonEvents = ( el ) =&gt; {
		el?.setAttribute( 'role', 'button' );
		el?.addEventListener( 'keydown', function( e ) {
			if ( [ 'Enter', 'Space' ].includes( e.code ) ) {
				e.preventDefault();
				this.click();
			}
		} );
	}
	
	/*
	 * If there are pending changes, show a confirm dialog before closing
	 */
	const addUnloadConfirm = function() {
		mw.confirmCloseWindow( {
			test: () =&gt; {
				if ( running &amp;&amp; checkActualChanges() ) {
					return txt.pending;
				} else if ( editCount !== 0 ) {
					return txt.editInProgress;
				}
			}
		} );
	};
	
	/*
	 * Mark the disambiguation options as such
	 */
	const markDisamOptions = function() {
		var optionPageTitles = [];
		var optionMarkers = [];
		getDisamOptions().each( function() {
			var link = $( this );
			var title = extractPageName( link );
			const optionMarker = document.createElement( 'a' );
			optionMarker.classList.add( 'disamassist-optionmarker' );
			optionMarker.href = link.attr( 'href' );
			optionMarker.setAttribute( 'data-title', title );
			optionMarker.textContent = txt.optionMarker;
			optionMarker.addEventListener( 'click', ( e ) =&gt; {
				e.preventDefault();
				chooseReplacement( title );
			} );
			addButtonEvents( optionMarker );
			
			link.after( optionMarker );
			optionMarkers.push( optionMarker );
			optionPageTitles.push( title );
		} );
		// Now check the disambiguation options and display a different message for those that are
		// actually the same as the target page where the links go, as choosing those options doesn't really
		// accomplish anything (except bypassing redirects, which might be useful in some cases)
		var targetPage = getTargetPage();
		fetchRedirects( optionPageTitles.concat( targetPage ) ).done( function( redirects ) {
			var endTargetPage = resolveRedirect( targetPage, redirects );
			for ( var ii = 0; ii &lt; optionPageTitles.length; ii++ ) {
				var endOptionTitle = resolveRedirect( optionPageTitles[ii], redirects );
				if ( isSamePage( optionPageTitles[ii], targetPage ) ) {
					$( optionMarkers[ii] ).text( txt.targetOptionMarker ).addClass( 'disamassist-curroptionmarker');
				} else if ( isSamePage( endOptionTitle, endTargetPage ) ) {
					$( optionMarkers[ii] ).text( txt.redirectOptionMarker ).addClass( 'disamassist-curroptionmarker');
				}
			}
		} ).fail( error );	
	};
	
	/*
	 * Check whether intentional links to disambiguation pages can be explicitly marked
	 * as such in this wiki. If so, ensure that a &quot;Foo (disambiguation)&quot; page exists.
	 * Returns a jQuery promise
	 */
	const ensureDABExists = function() {
		var dfd = new $.Deferred();
		var title = getTitle();
		// That concept doesn't exist in this wiki.
		if ( !cfg.intentionalLinkOption ) {
			dfd.resolve( false );
		// &quot;Foo (disambiguation)&quot; exists: it's the current page.
		} else if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			dfd.resolve( true );
		} else {
			var disamTitle = cfg.disamFormat.replace( '$1', title );
			loadPage( disamTitle ).done( function( page ) {
				// &quot;Foo (disambiguation)&quot; doesn't exist.
				if ( page.missing ) {
					// We try to create it
					page.content = cfg.redirectToDisam.replace( '$1', title );
					var summary = txt.redirectSummary.replace( '$1', title );
					savePage( disamTitle, page, summary, false, true ).done( function() {
						dfd.resolve( true );
					} ).fail( function( description ) {
						error( description );
						dfd.resolve( false );
					} );
				// It does exist
				} else {
					dfd.resolve( true );
				}
			} ).fail( function( description ) {
				error( description );
				dfd.resolve( false );
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Check whether the edit cooldown applies and sets editLimit accordingly.
	 * Returns a jQuery promise
	 */
	const checkEditLimit = function() {
		var dfd = new $.Deferred();
		if ( cfg.editCooldown &lt;= 0 ) {
			editLimit = false;
			dfd.resolve();
		} else {
			fetchRights().done( function( rights ) {
				editLimit = !rights?.includes( 'bot' );
			} ).fail( function( description ) {
				error( description );
				editLimit = true;
			} ).always( function() {
				dfd.resolve();
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Find and ask the user to fix all the incoming links to the disambiguation (&quot;target&quot;)
	 * page from a single &quot;origin&quot; page
	 */
	const doPage = function() {
		if ( pageChanges.length &gt; cfg.historySize ) {
			applyChange( pageChanges.shift() );
		}
		if ( links.length === 0 ) {
			var targetPage = getTargetPage();
			getBacklinks( targetPage ).done( function( backlinks, pageTitles ) {
				var pending = {};
				$.each( pendingSaves, function() {
					pending[this[0]] = true;
				} );
				possibleBacklinkDestinations = $.grep( pageTitles, function( t, ii) {
					if ( t == targetPage ) {
						return true;
					}
					return removeDisam(t) != targetPage;
				} );
				titleRegex = new RegExp('\\[\\[([ _]*?(?:' + possibleBacklinkDestinations.join('|').replaceAll('(', '\\(').replaceAll(')','\\)').replaceAll(' ', '[ _]') + ')[ _]*?)(#.*?)?(?:\\|(.*?))?\\]\\]', 'gi');
				// Only incoming links from pages we haven't seen yet and we aren't currently
				// saving (displayedPages is reset when the tool is closed and opened again,
				// while the list of pending changes isn't; if the edit cooldown is disabled,
				// it will be empty)
				links = $.grep( backlinks, function( el, ii ) {
					return !displayedPages[el] &amp;&amp; !pending[el];
				} );
				if ( links.length === 0 ) {
					updateContext();
				} else {
					doPage();
				}
			} ).fail( error );
		} else {
			currentPageTitle = links.shift();
			displayedPages[currentPageTitle] = true;
			toggleActionButtons( false );
			loadPage( currentPageTitle ).done( function( data ) {
				currentPageParameters = data;
				currentLink = null;
				doLink();
			} ).fail( error );
		}
	};
	
	/*
	 * Find and ask the user to fix a single incoming link to the disambiguation (&quot;target&quot;)
	 * page
	 */
	const doLink = function() {
		if (!currentPageParameters.redirect) {
			currentLink = extractLinkToPage( currentPageParameters.content,
				possibleBacklinkDestinations, currentLink ? currentLink.end : 0 );
			if ( currentLink ) {
				updateContext();
			} else {
				doPage();
			}
		} else {
			doPage();
		}
	};
	
	/*
	 * Replace the target of a link with a different one
	 * pageTitle: New link target
	 * extra: Additional text after the link (optional)
	 * summary: Change summary (optional)
	 */
	const chooseReplacement = function( pageTitle, extra, summary ) {
		if ( choosing ) {
			choosing = false;
			if ( !summary ) {
				if ( pageTitle ) {
					summary = txt.summaryChanged.replace( '$1', pageTitle );		
				} else {
					summary = txt.summaryOmitted;
				}
			}
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			if ( pageTitle &amp;&amp; ( pageTitle !== getTargetPage() || extra ) ) {
				if ( currentPageParameters.redirect ) {
					currentLink.description = pageTitle;
				}
				currentPageParameters.content =
					replaceLink( currentPageParameters.content, pageTitle, currentLink, extra || '' );
			}
			doLink();
		}
	};
	
	/*
	 * Replace the link with an explicit link to the disambiguation page
	 */
	const chooseIntentionalLink = function() {
		const targetPage = getTargetPage();
		let title = cfg.disamFormat.replace( '$1', targetPage );
		if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			title = targetPage;
		}
		chooseReplacement( title, '', txt.summaryIntentional );
	};
	
	/*
	 * Prompt for an alternative link target and use it as a replacement
	 */
	const chooseTitleFromPrompt = function() {
		var title = prompt( txt.titleAsTextPrompt );
		if ( title !== null ) {
			chooseReplacement( title );
		}
	};
	
	/*
	 * Remove the current link, leaving the text unchanged
	 */
	const chooseLinkRemoval = function() {
		if ( choosing ) {
			var summary = txt.summaryRemoved;
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			currentPageParameters.content = removeLink( currentPageParameters.content, currentLink );
			doLink();
		}
	};
	
	/*
	 * Add a &quot;disambiguation needed&quot; template after the link
	 */
	const chooseDisamNeeded = function() {
		chooseReplacement( currentLink.title, cfg.disamNeededText, txt.summaryHelpNeeded );
	};
	
	/*
	 * Undo the last change
	 */
	const undo = function() {
		if ( pageChanges.length !== 0 ) {
			var lastPage = pageChanges[pageChanges.length - 1];
			if ( currentPageTitle !== lastPage.title ) {
				links.unshift( currentPageTitle );
				currentPageTitle = lastPage.title;
			}
			currentPageParameters = lastPage.page;
			currentPageParameters.content = lastPage.contentBefore.pop();
			currentLink = lastPage.links.pop();
			lastPage.summary.pop();
			if ( lastPage.contentBefore.length === 0 ) {
				pageChanges.pop();
			}
			updateContext();
		}
	};
	
	/*
	 * Omit the current link without making a change
	 */
	const omit = function() {
		chooseReplacement( null );
	};
	
	/*
	 * Save all the pending changes and restart the tool.
	 */
	const refresh = function() {
		saveAndEnd();
		start();
	};
	
	/*
	 * Enable or disable the buttons that can perform actions on a page or change the current link.
	 * enabled: Whether to enable or disable the buttons
	 */
	const toggleActionButtons = function( enabled ) {
		var affectedButtons = [ui.omitButton, ui.titleAsTextButton, ui.removeLinkButton,
			ui.intentionalLinkButton, ui.disamNeededButton, ui.undoButton];
		$.each( affectedButtons, function( ii, button ) {
			button?.prop( 'disabled', !enabled );
		} );	
	};
	
	/*
	 * Show or hide the 'no more links' message
	 * show: Whether to show or hide the message
	 */
	const toggleFinishedMessage = function( show ) {
		toggleActionButtons( !show );
		ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
		ui.finishedMessage.toggle( show );
		ui.pageTitleLine.toggle( !show );
		ui.context.toggle( !show );
		if ( show ) console.log(Date.now())
	};
	
	const togglePendingEditBox = function( show ) {
		if ( pendingEditBox === null ) {
			pendingEditBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-pendingeditbox' );
			pendingEditBoxText = $( '&lt;div&gt;' );
			pendingEditBox.append( pendingEditBoxText ).hide();
			if ( editLimit ) {
				pendingEditBox.append( $( '&lt;div&gt;' ).text( txt.pendingEditBoxLimited )
					.addClass( 'disamassist-subtitle' ) );
			}
			$( '#mw-content-text' ).before( pendingEditBox );
			updateEditCounter();
		}
		if ( show ) {
			pendingEditBox.fadeIn();
		} else {
			pendingEditBox.fadeOut();
		}
	};
	
	const notifyCompletion = function() {
		var oldTitle = document.title;
		document.title = txt.notifyCharacter + document.title;
		$( document.body ).one( 'mousemove', function() {
			document.title = oldTitle;
		} );
	};
	
	/*
	 * Update the displayed information to match the current link
	 * or lack thereof
	 */
	const updateContext = function() {
		updateEditCounter();
		if ( !currentLink ) {
			toggleFinishedMessage( true );
		} else {
			ui.pageTitleLine.html( txt.pageTitleLine.replace( '$1',
				mw.util.getUrl( currentPageTitle, {redirect: 'no'} ) ).replace( '$2', mw.html.escape( currentPageTitle ) ) );
			var context = extractContext( currentPageParameters.content, currentLink );
			ui.context.empty()
				.append( $( '&lt;span&gt;' ).text( context[0] ) )
				.append( $( '&lt;span&gt;' ).text( context[1] ).addClass( 'disamassist-inclink' ) )
				.append( $( '&lt;span&gt;' ).text( context[2] ) );

			toggleFinishedMessage( false );
			ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
			ui.removeLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.intentionalLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.disamNeededButton?.prop( 'disabled', currentPageParameters.redirect || currentLink.hasDisamTemplate );
			choosing = true;
		}
	};
	
	/*
	 * Update the count of pending changes
	 */
	const updateEditCounter = function() {
		if ( ui.pendingEditCounter ) {
			ui.pendingEditCounter.text( txt.pendingEditCounter.replace( '$1', editCount )
				.replace( '$2', countActuallyChangedFullyCheckedPages() ) );
		}
		if ( pendingEditBox ) {
			if ( editCount === 0 &amp;&amp; !running ) {
				togglePendingEditBox( false );
				notifyCompletion();
			}
			var textContent = editCount;
			if ( editLimit ) {
				textContent = txt.pendingEditBoxTimeEstimation.replace( '$1', editCount )
					.replace( '$2', secondsToHHMMSS( cfg.editCooldown * editCount ) );
			}
			pendingEditBoxText.text( txt.pendingEditBox.replace( '$1', textContent ) );
		}
	};
	
	/*
	 * Apply the changes made to an &quot;origin&quot; page
	 * pageChange: Change that will be saved
	 */
	const applyChange = function( pageChange ) {
		if ( pageChange.page.content !== pageChange.contentBefore[0] ) {
			editCount++;
			// Filter duplicates and join
			var changeSummaries = pageChange.summary
				.filter( ( val, i, arr ) =&gt; val &amp;&amp; arr.indexOf( val ) === i )
				.join( txt.summarySeparator );
			var summary = txt.summary.replace( '$1', getTargetPage() ).replace( '$2', changeSummaries );
			var save = editLimit ? saveWithCooldown : savePage;
			save( pageChange.title, pageChange.page, summary, true, true ).always( function() {
				if ( editCount &gt; 0 ) {
					editCount--;
				}
				updateEditCounter();
			} ).fail( error );
			updateEditCounter();
		}
	};
	
	/*
	 * Save all the pending changes
	 */
	const applyAllChanges = function() {
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			applyChange( pageChanges[ii] );
		}
		pageChanges = [];
	};
	
	/*
	 * Record a new pending change
	 * pageTitle: Title of the page
	 * page: Content of the page
	 * oldContent: Content of the page before the change
	 * link: Link that has been changed
	 * summary: Change summary
	 */
	const addChange = function( pageTitle, page, oldContent, link, summary ) {
		if ( ( pageChanges.length === 0 ) || ( pageChanges[pageChanges.length - 1].title !== pageTitle ) ) {
			pageChanges.push( {
				title: pageTitle,
				page: page,
				contentBefore: [],
				links: [],
				summary: []
			} );
		}
		var lastPageChange = pageChanges[pageChanges.length - 1];
		lastPageChange.contentBefore.push( oldContent );
		lastPageChange.links.push( link );
		lastPageChange.summary.push( summary );
	};
	
	/*
	 * Check whether actual changes are stored in the history array
	 */
	const checkActualChanges = function() {
		return countActualChanges() !== 0;
	};
	
	/*
	 * Return the number of entries in the history array that represent actual changes
	 */
	const countActualChanges = function() {
		var changeCount = 0;
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			if ( pageChanges[ii].page.content !== pageChanges[ii].contentBefore[0] ) {
				changeCount++;
			}
		}
		return changeCount;		
	};
	
	/*
	 * Return the number of changed pages in the history array, ignoring the last entry
	 * if we aren't done with that page yet
	 */
	const countActuallyChangedFullyCheckedPages = function() {
		var changeCount = countActualChanges();
		if ( pageChanges.length !== 0 ) {
			var lastChange = pageChanges[pageChanges.length - 1];
			if ( lastChange.title === currentPageTitle &amp;&amp; currentLink !== null
					&amp;&amp; lastChange.page.content !== lastChange.contentBefore[0] ) {
				changeCount--;
			}
		}
		return changeCount;
	};
	
	/*
	 * Find the links to disambiguation options in a disambiguation page
	 */
	const getDisamOptions = function() {
		return $( '#mw-content-text a' ).filter( function() {
			return !!extractPageName( $( this ) );
		} );
	};

	/*
	 * Save all the pending changes and close the tool
	 */
	const saveAndEnd = function() {
		applyAllChanges();
		end();
	};
	
	/*
	 * Close the tool
	 */
	const end = function() {
		var currentToolUI = ui.display;
		choosing = false;
		running = false;
		$( '.disamassist-optionmarker' ).remove();
		currentToolUI.fadeOut( { complete: function() {
			currentToolUI.remove();
			if ( editCount !== 0 ) {
				togglePendingEditBox( true );
			}
		} } );
	};
	
	/*
	 * Display an error message
	 */
	const error = function( errorDescription ) {
		var errorBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-errorbox' );
		errorBox.text( txt.error.replace( '$1', errorDescription ) );
		errorBox.append( createButton( txt.dismissError, function() {
			errorBox.fadeOut();
		} ).addClass( 'disamassist-errorbutton' ) );
		var uiIsInPlace = ui &amp;&amp; $.contains( document.documentElement, ui.display[0] );
		var nextElement = uiIsInPlace ? ui.display : $( '#mw-content-text' );
		nextElement.before( errorBox );
		errorBox.hide().fadeIn();
	}
	
	/*
	 * Change a link so that it points to the title
	 * text: The wikitext of the whole page
	 * title: The new destination of the link
	 * link: The link that will be modified
	 * extra: Text that will be added after the link (optional)
	 */
	const replaceLink = function( text, title, link, extra ) {
		var anchor = link.anchor || '';
		var newContent;

		if ( link.type === 'sortnaam' ) {
			newContent = '{{sortnaam|' + link.first + '|' + link.last + '|' + title + anchor + '}}';
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + ( extra || '' ) + linkEnd;
		}

		if ( !link.hasExplicitDescription ) {
			// Geen pipe aanwezig (bijv. [[appel#gezondheid]]), behoud de schone linkvorm met anker
			newContent = title + anchor;
		} else if ( isSamePage( title, link.description ) ) {
			newContent = link.description + anchor;
		} else {
			newContent = title + anchor + '|' + link.description;
		}
		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + '[[' + newContent + ']]' + link.afterDescription + ( extra || '' ) + linkEnd;
	};
	/*
	 * Remove a link from the text
	 * text: The wikitext of the whole page
	 * link: The link that will be removed
	 */

	const removeLink = function( text, link ) {
		var anchor = link.anchor || '';

		if ( link.type === 'sortnaam' ) {
			var newContent = '{{sortnaam|' + link.first + '|' + link.last + '}}' + anchor;
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + linkEnd;
		}

		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + link.description + anchor + link.afterDescription + linkEnd;
	};
	
	/*
	 * Extract a link from a string in wiki format,
	 * starting from a given index. Return a link if one can be found,
	 * otherwise return null. The &quot;link&quot; includes &quot;disambiguation needed&quot;
	 * templates inmediately following the link proper
	 * text: Text from which the link will be extracted
	 * lastIndex: Index from which the search will start
	 */
	const extractLink = function( text, lastIndex ) {
		// 1. Zoek naar gewone wikitlinks (inclusief anker en pipe)
		titleRegex.lastIndex = lastIndex;
		var wikiMatch = titleRegex.exec( text );

		// 2. Zoek naar sortnaam-templates
		var sortnaamRegex = new RegExp('{{\\s*sortnaam\\s*\\|\\s*([^|]+?)\\s*\\|\\s*([^|]+?)\\s*(?:\\|\\s*([^}]*?)\\s*)?}}', 'gi');
		sortnaamRegex.lastIndex = lastIndex;
		var sortnaamMatch = sortnaamRegex.exec( text );

		var matchType = null;
		var matchIndex = Infinity;

		if ( wikiMatch !== null &amp;&amp; wikiMatch.index &gt;= lastIndex ) {
			matchIndex = wikiMatch.index;
			matchType = 'wiki';
		}

		if ( sortnaamMatch !== null &amp;&amp; sortnaamMatch.index &gt;= lastIndex &amp;&amp; sortnaamMatch.index &lt; matchIndex ) {
			matchIndex = sortnaamMatch.index;
			matchType = 'sortnaam';
		}

		if ( matchType === 'wiki' ) {
			var possiblyAmbiguous = true;
			var hasDisamTemplate = false;
			var title = wikiMatch[1].trim();
			var anchor = wikiMatch[2] ? wikiMatch[2] : '';
			var hasExplicitDescription = wikiMatch[3] !== undefined;
			var description = hasExplicitDescription ? wikiMatch[3].trim() : title;
			
			// Gebruik de volledige matchlengte zodat ankers en pipes altijd exact worden omsloten
			var end = wikiMatch.index + wikiMatch[0].length;
			var afterDescription = '';
			var rest = text.substring( end );
			var templateRegex = /^(\w*[.,:;?!)}\s]*){{\s*([^|{}]+?)\s*(?:\|[^{]*?)?}}/g;
			var templateMatch = templateRegex.exec( rest );
			if ( templateMatch !== null ) {
				var templateTitle = getCanonicalTitle( templateMatch[2] );
				if ( cfg.disamLinkTemplates?.includes( templateTitle ) ) {
					end += templateMatch[0].length;
					afterDescription = templateMatch[1].replace(/\s$/, '');
					hasDisamTemplate = true;
				} else if ( cfg.disamLinkIgnoreTemplates?.includes( templateTitle ) ) {
					possiblyAmbiguous = false;
				}
			}
			return {
				type: 'wiki',
				start: wikiMatch.index,
				end: end,
				possiblyAmbiguous: possiblyAmbiguous,
				hasDisamTemplate: hasDisamTemplate,
				title: title,
				description: description,
				hasExplicitDescription: hasExplicitDescription,
				anchor: anchor,
				afterDescription: afterDescription
			};
		} else if ( matchType === 'sortnaam' ) {
			var first = sortnaamMatch[1].trim();
			var last = sortnaamMatch[2].trim();
			var rawParam3 = sortnaamMatch[3] ? sortnaamMatch[3].trim() : '';
			
			var explicitTarget = rawParam3;
			var anchor = '';
			var hashIndex = rawParam3.indexOf( '#' );
			if ( hashIndex !== -1 ) {
				explicitTarget = rawParam3.substring( 0, hashIndex ).trim();
				anchor = rawParam3.substring( hashIndex );
			}
			
			var target = explicitTarget !== '' ? explicitTarget : ( first + ' ' + last );

			return {
				type: 'sortnaam',
				start: sortnaamMatch.index,
				end: sortnaamMatch.index + sortnaamMatch[0].length,
				possiblyAmbiguous: true,
				hasDisamTemplate: false,
				title: target,
				description: sortnaamMatch[0],
				first: first,
				last: last,
				explicitTarget: explicitTarget,
				anchor: anchor,
				afterDescription: ''
			};
		}

		return null;
	};
	
	/*
	 * Extract a link to one of a number of destination pages from a string 
	 * (&quot;text&quot;) in wiki format, starting from a given index (&quot;lastIndex&quot;).
	 * &quot;Disambiguation needed&quot; templates are included as part of the links.
	 * text: Page in wiki format
	 * destinations: Array of page titles to look for
	 * lastIndex: Index from which the search will start
	 */
	const extractLinkToPage = function( text, destinations, lastIndex ) {
		var link, title;
		do {
			link = extractLink( text, lastIndex );
			if ( link !== null ) {
				lastIndex = link.end;
				title = getCanonicalTitle( link.title );
			}
		} while (
			link !== null
			&amp;&amp; ( !link.possiblyAmbiguous || !destinations?.includes( title ) )
		);
		return link;
	};
	
	/*
	 * Find the &quot;target&quot; page: either the one we are in or the &quot;main&quot; one found by extracting
     * the title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const getTargetPage = function() {
		var title = getTitle();
		return forceSamePage ? title : removeDisam( title );
	};
	
	/*
	 * Get the page title, with the namespace prefix if any.
	 */
	const getTitle = function() {
		return mw.config.get( 'wgPageName' ).replace(/_/g, ' ')
	}
	
	/*
	 * Extract a &quot;main&quot; title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const removeDisam = function( title ) {
		var match = new RegExp( cfg.disamRegExp ).exec( title );
		return match ? match[1] : title;
	};
	
	/*
	 * Check whether two page titles are the same
	 */
	const isSamePage = function( title1, title2 ) {
		return getCanonicalTitle( title1 ) === getCanonicalTitle( title2 );
	};

	/*
	 * Return the 'canonical title' of a page
	 */
	const getCanonicalTitle = function( title ) {
		try {
			title = new mw.Title( title );

			// Check that page name matches the current namespace
			if ( title.getNamespaceId() !== mw.config.get( 'wgNamespaceNumber' ) ) {
				return;
			}

			const fragment = title.getFragment();
			return title.getPrefixedText() + ( fragment ? `#${ fragment }` : '' );
		} catch ( ex ) {
			// mw.Title seems to be buggy, and some valid titles are rejected
			// FIXME: This may cause false negatives	
		}
	};
	
	/*
	 * Extract the context around a given link in a text string
	 */
	const extractContext = function( text, link ) {
		var contextStart = link.start - cfg.radius;
		var contextEnd = link.end + cfg.radius;
		var contextPrev = text.substring( contextStart, link.start );
		const ellipsis = '…';
		if ( contextStart &gt; 0 ) {
			contextPrev = ellipsis + contextPrev;
		}
		var contextNext = text.substring( link.end, contextEnd );
		if ( contextEnd &lt; text.length ) {
			contextNext = contextNext + ellipsis;
		}
		return [contextPrev, text.substring( link.start, link.end ), contextNext];
	};

	/*
	 * Extract the prefixed page name from a link
	 */
	const extractPageName = function( link ) {
		var pageName = extractPageNameRaw( link );
		if ( pageName ) {
			return getCanonicalTitle( pageName );
		}
		
		return null;
	};
	
	/*
	 * Extract the page name from a link, as is
	 */
	const extractPageNameRaw = function( link ) {
		// Ignore images and interwiki links
		if ( link.hasClass( 'image' ) || link.hasClass( 'extiw' ) ) {
			return null;
		}
		var href = link.attr( 'href' );

		// Red links in old parser format
		if ( link.hasClass( 'new' ) ) {
			const oldRedLink = mw.util.getParamValue( 'title', href );
			if ( oldRedLink !== null ) {
				return oldRedLink;
			}
		}

		// Check that external links are coming from this wiki
		if ( href.indexOf( '//' ) === 0 || href.indexOf( 'https://' ) === 0 ) {
			try {
				const fullUrl = href.indexOf( '//' ) === 0 ? location.protocol + href : href;
				let urlData = new URL( fullUrl );
				if ( urlData.hostname !== location.hostname ) {
					return null;
				}
			} catch( e ) {
				return null;
			}
		}

		var articlePathRegexp = new RegExp(
			mw.config.get( 'wgArticlePath' ).replace( '$1', '([^?]*)' )
		);
		var result = articlePathRegexp.exec( href );
		if ( Array.isArray( result ) &amp;&amp; result.length &gt; 1 ) {
			return decodeURIComponent( result[ 1 ] );
		}

		return null;
	};
	
	/*
	 * Check whether this is a disambiguation page
	 */
	const isDisam = function() {
		const categories = mw.config.get( 'wgCategories', [] );
		return cfg.disamCategories.some( c =&gt; categories.includes( c ) );
	};
	
	const secondsToHHMMSS = function( totalSeconds ) {
		var hhmmss = '';
		var hours = Math.floor( totalSeconds / 3600 );
		var minutes = Math.floor( totalSeconds % 3600 / 60 );
		var seconds = Math.floor( totalSeconds % 3600 % 60 );
		if ( hours &gt;= 1 ) {
			hhmmss = pad( hours, '0', 2 ) + ':';
		}
		hhmmss += pad( minutes, '0', 2 ) + ':' + pad( seconds, '0', 2 );
		return hhmmss;
	};
	
	const pad = function( str, z, width ) {
		str = str.toString();
		if ( str.length &gt;= width ) {
			return str;
		} else {
			return new Array( width - str.length + 1 ).join( z ) + str;
		}
	}
	
	/*
	 * Create a new button
	 * text: Text that will be displayed on the button
	 * onClick: Function that will be called when the button is clicked
	 */
	const createButton = function( text, onClick ) {
		var button = $( '&lt;button&gt;', { 'type': 'button' } );
		button.text( text );
		button.addClass( 'disamassist-button' ).click( onClick );
		return button;
	};
	
	/*
	 * Given a page title and an array of possible redirects {from, to} (&quot;canonical titles&quot;), find the page
	 * at the end of the redirect chain, if there is one. Otherwise, return the page title that was passed
	 */
	const resolveRedirect = function( pageTitle, possibleRedirects ) {
		var appliedRedirect = true;
		var visitedPages = {};
		var currentPage = getCanonicalTitle( pageTitle );
		while ( appliedRedirect ) {
			appliedRedirect = false;
			for ( var ii = 0; ii &lt; possibleRedirects.length; ii++ ) {
				if ( possibleRedirects[ii].from === currentPage ) {
					if ( visitedPages[possibleRedirects[ii].to] ) {
						// Redirect chain detected
						return pageTitle;
					}
					visitedPages[currentPage] = true;
					appliedRedirect = true;
					currentPage = possibleRedirects[ii].to;
				}
			}
		}
		// No redirect rules applied for an iteration of the outer loop:
		// no more redirects. We are done
		return currentPage;
	};
	
	/*
	 * Fetch the incoming links to a page. Returns a jQuery promise
	 * (success - array of titles of pages that contain links to the target page and
	 * array of &quot;canonical titles&quot; of possible destinations of the backlinks (either
	 * the target page or redirects to the target page), failure - error description)
	 * page: Target page
	 */
	const getBacklinks = function( page ) {
		var dfd = new $.Deferred();
		api.get( {
			'action': 'query',
			'list': 'backlinks',
			'bltitle': page,
			'blredirect': true,
			'bllimit': cfg.backlinkLimit,
			'blnamespace': cfg.targetNamespaces,
		} ).done( function( data ) {
			// There might be duplicate entries in some corner cases. We don't care,
			// since we are going to check later, anyway
			var backlinks = [];
			var linkTitles = [getCanonicalTitle( page )];
			$.each( data.query.backlinks, function() {
				backlinks.push( this.title );
				if ( this.redirlinks ) {
					linkTitles.push( this.title );
					$.each( this.redirlinks, function() {
						backlinks.push( this.title );
					} );
				}
			} );
			dfd.resolve( backlinks, linkTitles );
		} ).fail( function( code, data ) {
			dfd.reject( txt.getBacklinksError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download a list of redirects for some pages. Returns a jQuery callback (success -
	 * array of redirects ({from, to}), failure - error description )
	 * pageTitles: Array of page titles
	 */
	const fetchRedirects = function( pageTitles ) {
		var dfd = new $.Deferred();
		var currentTitles = pageTitles.slice( 0, cfg.queryTitleLimit );
		var restTitles = pageTitles.slice( cfg.queryTitleLimit );
		api.get( {
			action: 'query',
			titles: currentTitles,
			redirects: true,
		} ).done( function( data ) {
			var theseRedirects = data.query.redirects ? data.query.redirects : [];
			if ( restTitles.length !== 0 ) {
				fetchRedirects( restTitles ).done( function( redirects ) {
					dfd.resolve( theseRedirects.concat( redirects ) );
				} ).fail( function( description ) {
					dfd.reject( description );
				} );
			} else {
				dfd.resolve( theseRedirects );
			}
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRedirectsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download the list of user rights for the current user. Returns a
	 * jQuery promise (success - array of right names, error - error description)
	 */
	const fetchRights = function() {
		var dfd = $.Deferred();
		api.get( {
			action: 'query',
			meta: 'userinfo',
			uiprop: 'rights',
		} ).done( function( data ) {
			dfd.resolve( data.query.userinfo.rights );
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRightsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Load the raw page text for a given title. Returns a jQuery promise (success - page
	 * content, failure - error description)
	 * pageTitle: Title of the page
	 */
	const loadPage = function( pageTitle ) {
		var dfd = new $.Deferred();
		api.get( {
			action: 'query',
			titles: pageTitle,
			prop: 'revisions',
			rvprop: 'timestamp|content',
			meta: 'tokens',
			type: 'csrf',
		} ).done( function( data ) {
			var pages = data.query.pages;
			for ( var key in pages ) {
				if ( pages.hasOwnProperty( key ) ) {
					break;
				}
			}
			var rawPage = data.query.pages[key];
			var page = {};
			page.missing = rawPage.missing !== undefined;
			if ( rawPage.revisions ) {
				page.content = rawPage.revisions[0]['*'];
				// Assume anything with # at the start is a redirect
				if ( page.content.match( /^#[^\s]*?\s*\[\[/ ) ) {
					page.redirect = true;
				}
				page.baseTimeStamp = rawPage.revisions[0].timestamp;
			} else {
				page.content = '';
				page.baseTimeStamp = null;
			}
			page.startTimeStamp = rawPage.starttimestamp;
			page.editToken = data.query.tokens.csrftoken;
			dfd.resolve( page );
		} ).fail( function( code, data ) {
			dfd.reject( txt.loadPageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Register changes to a page, to be saved later. Returns a jQuery promise
	 * (success - no params, failure - error description). Takes the same parameters
	 * as savePage 
	 */
	const saveWithCooldown = function() {
		var deferred = new $.Deferred();
		pendingSaves.push( {args: arguments, dfd: deferred} );
		if ( !runningSaves ) {
			checkAndSave();
		}
		return deferred.promise();
	};
	
	/*
	 * Save the first set of changes in the list of pending changes, providing that
	 * enough time has passed since the last edit
	 */
	const checkAndSave = function() {
		if ( pendingSaves.length === 0 ) {
			runningSaves = false;
			return;
		}
		runningSaves = true;
		var millisSinceLast = new Date().getTime() - lastEditMillis;
		if ( millisSinceLast &lt; cfg.editCooldown * 1000 ) {
			setTimeout( checkAndSave, cfg.editCooldown * 1000 - millisSinceLast );
		} else {
			// The last edit started at least cfg.editCooldown seconds ago
			var save = pendingSaves.shift();
			savePage.apply( this, save.args ).done( function() {
				checkAndSave();
				save.dfd.resolve();
			} ).fail( function( description ) {
				checkAndSave();
				save.dfd.reject( description );
			} );
			// We'll use the time since the last edit started
			lastEditMillis = new Date().getTime();
		}
	};
	
	/*
	 * Save the changes made to a page. Returns a jQuery promise (success - no params,
	 * failure - error description)
	 * pageTitle: Title of the page
	 * page: Page data
	 * summary: Summary of the changes made to the page
	 * minorEdit: Whether to mark the edit as 'minor'
	 * botEdit: Whether to mark the edit as 'bot'
	 */
	const savePage = function( pageTitle, page, summary, minorEdit, botEdit ) {
		var dfd = new $.Deferred();
		api.post( {
			action: 'edit',
			title: pageTitle,
			token: page.editToken,
			text: page.content,
			basetimestamp: page.baseTimeStamp,
			starttimestamp: page.startTimeStamp,
			summary: summary,
			watchlist: cfg.watch ? cfg.watch : 'nochange',
			assertuser: mw.config.get( 'wgUserName' ),
			minor: minorEdit,
			bot: botEdit,
		} ).done( function() {
			dfd.resolve();
		} ).fail( function( code, data ) {
			dfd.reject( txt.savePageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	install();
} )();
// &lt;/nowiki&gt;</text>
      <sha1>4c4ect8f7flheup7a450x2v5dzrb3vy</sha1>
    </revision>
    <revision>
      <id>781194</id>
      <parentid>781192</parentid>
      <timestamp>2026-10-27T16:06:26Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <origin>781194</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="39114" sha1="hm77g6qklg9y3s1msf851l8ak2ujh4j" xml:space="preserve">/*
 * DisamAssist: a tool for repairing links from articles to disambiguation pages.
 */

// &lt;nowiki&gt;
// @ts-nocheck
( () =&gt; {
	var cfg = {};
	var txt = {};
	var ui;
	var links, pageChanges;
	var currentPageTitle, currentPageParameters, currentLink;
	var possibleBacklinkDestinations;
	var titleRegex;
	var forceSamePage = false;
	var running = false;
	var choosing = false;
	var canMarkIntentionalLinks = false;
	var displayedPages = {};
	var editCount = 0;
	var editLimit;
	var pendingSaves = [];
	var pendingEditBox = null;
	var pendingEditBoxText;
	var lastEditMillis = 0;
	var runningSaves = false;
	
	var api;

	const dependencies = [
		'mediawiki.api',
		'mediawiki.confirmCloseWindow',
		'mediawiki.Title',
		'mediawiki.util',
	];

	/**
	 * Add an item in Tools menu
	 * @param {string} text
	 * @param {string} id 
	 * @param {(e: MouseEvent) =&gt; void} callback 
	 */
	const disamPortletLink = ( text, id, callback ) =&gt; {
		const portlet = mw.util.addPortletLink(
			'p-tb',
			cfg.helpPage ? mw.util.getUrl( cfg.helpPage ) : '#',
			text,
			id
		);
		const link = portlet?.querySelector( 'a' );
		link?.addEventListener( 'click', callback );
		addButtonEvents( link );
	}
	
	/*
	 * Entry point. Check whether we are in a disambiguation page. If so, add a link to start the tool
	 */
	const install = function() {
		cfg = window.DisamAssist.cfg;
		txt = window.DisamAssist.txt;
		if ( mw.config.get( 'wgAction' ) === 'view' &amp;&amp; isDisam() ) {
			mw.loader.using( dependencies, () =&gt; {
				api = new mw.Api();

				mw.loader.load( 'https://ru.wikipedia.org/w/index.php?title=Участник:Stjn/DisamAssist.css&amp;action=raw&amp;ctype=text/css', 'text/css' );

				// This is a &quot; (disambiguation)&quot; page
				if ( new RegExp( cfg.disamRegExp ).exec( getTitle() ) ) {
					disamPortletLink( txt.startMain, 't-disamAssist-main', startMain );
					disamPortletLink( txt.startSame, 't-disamAssist-same', startSame );
				} else {
					disamPortletLink( txt.start, 't-disamAssist-page', start );
				}
			} );
		}
	};
	
	/*
	 * Start the tool. Display the UI and begin looking for links to fix
	 */
	const start = function( e ) {
		e?.preventDefault();
		if ( !running ) {
			console.log(Date.now())
			running = true;
			links = [];
			pageChanges = [];
			displayedPages = {};
			ensureDABExists().then( function( canMark ) {
				canMarkIntentionalLinks = canMark;
				createUI();
				addUnloadConfirm();
				markDisamOptions();
				checkEditLimit().then( function() {
					togglePendingEditBox( false );
					doPage();
				} );
			} );
		}
	};
	
	/*
	 * Start DisamAssist. Disambiguate incoming links to the current page, regardless
	 * of the title.
	 */
	const startSame = function( e ) {
		e.preventDefault();
		forceSamePage = true;
		start( e );
	};
	
	/*
	 * Start DisamAssist. If the page title ends with &quot; (disambiguation)&quot;, disambiguate
	 * links to the primary topic article. Otherwise, disambiguate links to the current
	 * page.
	 */
	const startMain = function( e ) {
		e.preventDefault();
		forceSamePage = false;
		start( e );
	};
	
	/*
	 * Create and show the user interface.
	 */
	const createUI = function() {
		ui = {
			display: $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-mainbox' ),
			finishedMessage: $( '&lt;div&gt;' ).text( txt.noMoreLinks ).hide(),
			pageTitleLine: $( '&lt;span&gt;' ).addClass( 'disamassist-pagetitleline' ),
			pendingEditCounter: $( '&lt;div&gt;').addClass( 'disamassist-editcounter' ),
			context: $( '&lt;pre&gt;' ).addClass( 'disamassist-context' ),
			undoButton: createButton( txt.undo, undo ),
			omitButton: createButton( txt.omit, omit ),
			endButton: createButton( txt.close, saveAndEnd ),
			refreshButton: createButton( txt.refresh, refresh ),
			titleAsTextButton: createButton( txt.titleAsText, chooseTitleFromPrompt ),
			intentionalLinkButton: canMarkIntentionalLinks ? createButton( txt.intentionalLink, chooseIntentionalLink ) : null,
			disamNeededButton: cfg.disamNeededText ? createButton( txt.disamNeeded, chooseDisamNeeded ) : null,
			removeLinkButton: createButton( txt.removeLink, chooseLinkRemoval )
		};
		var top = $( '&lt;div&gt;' ).addClass( 'disamassist-top' )
			.append( [ui.pageTitleLine, ui.pendingEditCounter] );
		var leftButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-leftbuttons' )
			.append( [ui.titleAsTextButton, ui.removeLinkButton, ui.intentionalLinkButton, ui.disamNeededButton, ui.omitButton] );
		var rightButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-rightbuttons' )
			.append( [ui.undoButton, ui.refreshButton, ui.endButton] );
		var allButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-allbuttons' )
			.append( [leftButtons, rightButtons] );
		ui.display.append( [top, ui.finishedMessage, ui.context, allButtons] );
		updateEditCounter();
		toggleActionButtons( false );
		// Insert the UI in the page
		$( '#mw-content-text' ).before( ui.display );
		ui.display.hide().fadeIn();
	};

	/**
	 * Add button role and related keyboard event
	 * @param {Element} el
	 */
	const addButtonEvents = ( el ) =&gt; {
		el?.setAttribute( 'role', 'button' );
		el?.addEventListener( 'keydown', function( e ) {
			if ( [ 'Enter', 'Space' ].includes( e.code ) ) {
				e.preventDefault();
				this.click();
			}
		} );
	}
	
	/*
	 * If there are pending changes, show a confirm dialog before closing
	 */
	const addUnloadConfirm = function() {
		mw.confirmCloseWindow( {
			test: () =&gt; {
				if ( running &amp;&amp; checkActualChanges() ) {
					return txt.pending;
				} else if ( editCount !== 0 ) {
					return txt.editInProgress;
				}
			}
		} );
	};
	
	/*
	 * Mark the disambiguation options as such
	 */
	const markDisamOptions = function() {
		var optionPageTitles = [];
		var optionMarkers = [];
		getDisamOptions().each( function() {
			var link = $( this );
			var title = extractPageName( link );
			const optionMarker = document.createElement( 'a' );
			optionMarker.classList.add( 'disamassist-optionmarker' );
			optionMarker.href = link.attr( 'href' );
			optionMarker.setAttribute( 'data-title', title );
			optionMarker.textContent = txt.optionMarker;
			optionMarker.addEventListener( 'click', ( e ) =&gt; {
				e.preventDefault();
				chooseReplacement( title );
			} );
			addButtonEvents( optionMarker );
			
			link.after( optionMarker );
			optionMarkers.push( optionMarker );
			optionPageTitles.push( title );
		} );
		// Now check the disambiguation options and display a different message for those that are
		// actually the same as the target page where the links go, as choosing those options doesn't really
		// accomplish anything (except bypassing redirects, which might be useful in some cases)
		var targetPage = getTargetPage();
		fetchRedirects( optionPageTitles.concat( targetPage ) ).done( function( redirects ) {
			var endTargetPage = resolveRedirect( targetPage, redirects );
			for ( var ii = 0; ii &lt; optionPageTitles.length; ii++ ) {
				var endOptionTitle = resolveRedirect( optionPageTitles[ii], redirects );
				if ( isSamePage( optionPageTitles[ii], targetPage ) ) {
					$( optionMarkers[ii] ).text( txt.targetOptionMarker ).addClass( 'disamassist-curroptionmarker');
				} else if ( isSamePage( endOptionTitle, endTargetPage ) ) {
					$( optionMarkers[ii] ).text( txt.redirectOptionMarker ).addClass( 'disamassist-curroptionmarker');
				}
			}
		} ).fail( error );	
	};
	
	/*
	 * Check whether intentional links to disambiguation pages can be explicitly marked
	 * as such in this wiki. If so, ensure that a &quot;Foo (disambiguation)&quot; page exists.
	 * Returns a jQuery promise
	 */
	const ensureDABExists = function() {
		var dfd = new $.Deferred();
		var title = getTitle();
		// That concept doesn't exist in this wiki.
		if ( !cfg.intentionalLinkOption ) {
			dfd.resolve( false );
		// &quot;Foo (disambiguation)&quot; exists: it's the current page.
		} else if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			dfd.resolve( true );
		} else {
			var disamTitle = cfg.disamFormat.replace( '$1', title );
			loadPage( disamTitle ).done( function( page ) {
				// &quot;Foo (disambiguation)&quot; doesn't exist.
				if ( page.missing ) {
					// We try to create it
					page.content = cfg.redirectToDisam.replace( '$1', title );
					var summary = txt.redirectSummary.replace( '$1', title );
					savePage( disamTitle, page, summary, false, true ).done( function() {
						dfd.resolve( true );
					} ).fail( function( description ) {
						error( description );
						dfd.resolve( false );
					} );
				// It does exist
				} else {
					dfd.resolve( true );
				}
			} ).fail( function( description ) {
				error( description );
				dfd.resolve( false );
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Check whether the edit cooldown applies and sets editLimit accordingly.
	 * Returns a jQuery promise
	 */
	const checkEditLimit = function() {
		var dfd = new $.Deferred();
		if ( cfg.editCooldown &lt;= 0 ) {
			editLimit = false;
			dfd.resolve();
		} else {
			fetchRights().done( function( rights ) {
				editLimit = !rights?.includes( 'bot' );
			} ).fail( function( description ) {
				error( description );
				editLimit = true;
			} ).always( function() {
				dfd.resolve();
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Find and ask the user to fix all the incoming links to the disambiguation (&quot;target&quot;)
	 * page from a single &quot;origin&quot; page
	 */
	const doPage = function() {
		if ( pageChanges.length &gt; cfg.historySize ) {
			applyChange( pageChanges.shift() );
		}
		if ( links.length === 0 ) {
			var targetPage = getTargetPage();
			getBacklinks( targetPage ).done( function( backlinks, pageTitles ) {
				var pending = {};
				$.each( pendingSaves, function() {
					pending[this[0]] = true;
				} );
				possibleBacklinkDestinations = $.grep( pageTitles, function( t, ii) {
					if ( t == targetPage ) {
						return true;
					}
					return removeDisam(t) != targetPage;
				} );
				titleRegex = new RegExp('\\[\\[([ _]*?(?:' + possibleBacklinkDestinations.join('|').replaceAll('(', '\\(').replaceAll(')','\\)').replaceAll(' ', '[ _]') + ')[ _]*?)(#.*?)?(?:\\|(.*?))?\\]\\]', 'gi');
				// Only incoming links from pages we haven't seen yet and we aren't currently
				// saving (displayedPages is reset when the tool is closed and opened again,
				// while the list of pending changes isn't; if the edit cooldown is disabled,
				// it will be empty)
				links = $.grep( backlinks, function( el, ii ) {
					return !displayedPages[el] &amp;&amp; !pending[el];
				} );
				if ( links.length === 0 ) {
					updateContext();
				} else {
					doPage();
				}
			} ).fail( error );
		} else {
			currentPageTitle = links.shift();
			displayedPages[currentPageTitle] = true;
			toggleActionButtons( false );
			loadPage( currentPageTitle ).done( function( data ) {
				currentPageParameters = data;
				currentLink = null;
				doLink();
			} ).fail( error );
		}
	};
	
	/*
	 * Find and ask the user to fix a single incoming link to the disambiguation (&quot;target&quot;)
	 * page
	 */
	const doLink = function() {
		if (!currentPageParameters.redirect) {
			currentLink = extractLinkToPage( currentPageParameters.content,
				possibleBacklinkDestinations, currentLink ? currentLink.end : 0 );
			if ( currentLink ) {
				updateContext();
			} else {
				doPage();
			}
		} else {
			doPage();
		}
	};
	
	/*
	 * Replace the target of a link with a different one
	 * pageTitle: New link target
	 * extra: Additional text after the link (optional)
	 * summary: Change summary (optional)
	 */
	const chooseReplacement = function( pageTitle, extra, summary ) {
		if ( choosing ) {
			choosing = false;
			if ( !summary ) {
				if ( pageTitle ) {
					summary = txt.summaryChanged.replace( '$1', pageTitle );		
				} else {
					summary = txt.summaryOmitted;
				}
			}
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			if ( pageTitle &amp;&amp; ( pageTitle !== getTargetPage() || extra ) ) {
				if ( currentPageParameters.redirect ) {
					currentLink.description = pageTitle;
				}
				currentPageParameters.content =
					replaceLink( currentPageParameters.content, pageTitle, currentLink, extra || '' );
			}
			doLink();
		}
	};
	
	/*
	 * Replace the link with an explicit link to the disambiguation page
	 */
	const chooseIntentionalLink = function() {
		const targetPage = getTargetPage();
		let title = cfg.disamFormat.replace( '$1', targetPage );
		if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			title = targetPage;
		}
		chooseReplacement( title, '', txt.summaryIntentional );
	};
	
	/*
	 * Prompt for an alternative link target and use it as a replacement
	 */
	const chooseTitleFromPrompt = function() {
		var title = prompt( txt.titleAsTextPrompt );
		if ( title !== null ) {
			chooseReplacement( title );
		}
	};
	
	/*
	 * Remove the current link, leaving the text unchanged
	 */
	const chooseLinkRemoval = function() {
		if ( choosing ) {
			var summary = txt.summaryRemoved;
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			currentPageParameters.content = removeLink( currentPageParameters.content, currentLink );
			doLink();
		}
	};
	
	/*
	 * Add a &quot;disambiguation needed&quot; template after the link
	 */
	const chooseDisamNeeded = function() {
		chooseReplacement( currentLink.title, cfg.disamNeededText, txt.summaryHelpNeeded );
	};
	
	/*
	 * Undo the last change
	 */
	const undo = function() {
		if ( pageChanges.length !== 0 ) {
			var lastPage = pageChanges[pageChanges.length - 1];
			if ( currentPageTitle !== lastPage.title ) {
				links.unshift( currentPageTitle );
				currentPageTitle = lastPage.title;
			}
			currentPageParameters = lastPage.page;
			currentPageParameters.content = lastPage.contentBefore.pop();
			currentLink = lastPage.links.pop();
			lastPage.summary.pop();
			if ( lastPage.contentBefore.length === 0 ) {
				pageChanges.pop();
			}
			updateContext();
		}
	};
	
	/*
	 * Omit the current link without making a change
	 */
	const omit = function() {
		chooseReplacement( null );
	};
	
	/*
	 * Save all the pending changes and restart the tool.
	 */
	const refresh = function() {
		saveAndEnd();
		start();
	};
	
	/*
	 * Enable or disable the buttons that can perform actions on a page or change the current link.
	 * enabled: Whether to enable or disable the buttons
	 */
	const toggleActionButtons = function( enabled ) {
		var affectedButtons = [ui.omitButton, ui.titleAsTextButton, ui.removeLinkButton,
			ui.intentionalLinkButton, ui.disamNeededButton, ui.undoButton];
		$.each( affectedButtons, function( ii, button ) {
			button?.prop( 'disabled', !enabled );
		} );	
	};
	
	/*
	 * Show or hide the 'no more links' message
	 * show: Whether to show or hide the message
	 */
	const toggleFinishedMessage = function( show ) {
		toggleActionButtons( !show );
		ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
		ui.finishedMessage.toggle( show );
		ui.pageTitleLine.toggle( !show );
		ui.context.toggle( !show );
		if ( show ) console.log(Date.now())
	};
	
	const togglePendingEditBox = function( show ) {
		if ( pendingEditBox === null ) {
			pendingEditBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-pendingeditbox' );
			pendingEditBoxText = $( '&lt;div&gt;' );
			pendingEditBox.append( pendingEditBoxText ).hide();
			if ( editLimit ) {
				pendingEditBox.append( $( '&lt;div&gt;' ).text( txt.pendingEditBoxLimited )
					.addClass( 'disamassist-subtitle' ) );
			}
			$( '#mw-content-text' ).before( pendingEditBox );
			updateEditCounter();
		}
		if ( show ) {
			pendingEditBox.fadeIn();
		} else {
			pendingEditBox.fadeOut();
		}
	};
	
	const notifyCompletion = function() {
		var oldTitle = document.title;
		document.title = txt.notifyCharacter + document.title;
		$( document.body ).one( 'mousemove', function() {
			document.title = oldTitle;
		} );
	};
	
	/*
	 * Update the displayed information to match the current link
	 * or lack thereof
	 */
	const updateContext = function() {
		updateEditCounter();
		if ( !currentLink ) {
			toggleFinishedMessage( true );
		} else {
			ui.pageTitleLine.html( txt.pageTitleLine.replace( '$1',
				mw.util.getUrl( currentPageTitle, {redirect: 'no'} ) ).replace( '$2', mw.html.escape( currentPageTitle ) ) );
			var context = extractContext( currentPageParameters.content, currentLink );
			ui.context.empty()
				.append( $( '&lt;span&gt;' ).text( context[0] ) )
				.append( $( '&lt;span&gt;' ).text( context[1] ).addClass( 'disamassist-inclink' ) )
				.append( $( '&lt;span&gt;' ).text( context[2] ) );

			toggleFinishedMessage( false );
			ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
			ui.removeLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.intentionalLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.disamNeededButton?.prop( 'disabled', currentPageParameters.redirect || currentLink.hasDisamTemplate );
			choosing = true;
		}
	};
	
	/*
	 * Update the count of pending changes
	 */
	const updateEditCounter = function() {
		if ( ui.pendingEditCounter ) {
			ui.pendingEditCounter.text( txt.pendingEditCounter.replace( '$1', editCount )
				.replace( '$2', countActuallyChangedFullyCheckedPages() ) );
		}
		if ( pendingEditBox ) {
			if ( editCount === 0 &amp;&amp; !running ) {
				togglePendingEditBox( false );
				notifyCompletion();
			}
			var textContent = editCount;
			if ( editLimit ) {
				textContent = txt.pendingEditBoxTimeEstimation.replace( '$1', editCount )
					.replace( '$2', secondsToHHMMSS( cfg.editCooldown * editCount ) );
			}
			pendingEditBoxText.text( txt.pendingEditBox.replace( '$1', textContent ) );
		}
	};
	
	/*
	 * Apply the changes made to an &quot;origin&quot; page
	 * pageChange: Change that will be saved
	 */
	const applyChange = function( pageChange ) {
		if ( pageChange.page.content !== pageChange.contentBefore[0] ) {
			editCount++;
			// Filter duplicates and join
			var changeSummaries = pageChange.summary
				.filter( ( val, i, arr ) =&gt; val &amp;&amp; arr.indexOf( val ) === i )
				.join( txt.summarySeparator );
			var summary = txt.summary.replace( '$1', getTargetPage() ).replace( '$2', changeSummaries );
			var save = editLimit ? saveWithCooldown : savePage;
			save( pageChange.title, pageChange.page, summary, true, true ).always( function() {
				if ( editCount &gt; 0 ) {
					editCount--;
				}
				updateEditCounter();
			} ).fail( error );
			updateEditCounter();
		}
	};
	
	/*
	 * Save all the pending changes
	 */
	const applyAllChanges = function() {
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			applyChange( pageChanges[ii] );
		}
		pageChanges = [];
	};
	
	/*
	 * Record a new pending change
	 * pageTitle: Title of the page
	 * page: Content of the page
	 * oldContent: Content of the page before the change
	 * link: Link that has been changed
	 * summary: Change summary
	 */
	const addChange = function( pageTitle, page, oldContent, link, summary ) {
		if ( ( pageChanges.length === 0 ) || ( pageChanges[pageChanges.length - 1].title !== pageTitle ) ) {
			pageChanges.push( {
				title: pageTitle,
				page: page,
				contentBefore: [],
				links: [],
				summary: []
			} );
		}
		var lastPageChange = pageChanges[pageChanges.length - 1];
		lastPageChange.contentBefore.push( oldContent );
		lastPageChange.links.push( link );
		lastPageChange.summary.push( summary );
	};
	
	/*
	 * Check whether actual changes are stored in the history array
	 */
	const checkActualChanges = function() {
		return countActualChanges() !== 0;
	};
	
	/*
	 * Return the number of entries in the history array that represent actual changes
	 */
	const countActualChanges = function() {
		var changeCount = 0;
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			if ( pageChanges[ii].page.content !== pageChanges[ii].contentBefore[0] ) {
				changeCount++;
			}
		}
		return changeCount;		
	};
	
	/*
	 * Return the number of changed pages in the history array, ignoring the last entry
	 * if we aren't done with that page yet
	 */
	const countActuallyChangedFullyCheckedPages = function() {
		var changeCount = countActualChanges();
		if ( pageChanges.length !== 0 ) {
			var lastChange = pageChanges[pageChanges.length - 1];
			if ( lastChange.title === currentPageTitle &amp;&amp; currentLink !== null
					&amp;&amp; lastChange.page.content !== lastChange.contentBefore[0] ) {
				changeCount--;
			}
		}
		return changeCount;
	};
	
	/*
	 * Find the links to disambiguation options in a disambiguation page
	 */
	const getDisamOptions = function() {
		return $( '#mw-content-text a' ).filter( function() {
			return !!extractPageName( $( this ) );
		} );
	};

	/*
	 * Save all the pending changes and close the tool
	 */
	const saveAndEnd = function() {
		applyAllChanges();
		end();
	};
	
	/*
	 * Close the tool
	 */
	const end = function() {
		var currentToolUI = ui.display;
		choosing = false;
		running = false;
		$( '.disamassist-optionmarker' ).remove();
		currentToolUI.fadeOut( { complete: function() {
			currentToolUI.remove();
			if ( editCount !== 0 ) {
				togglePendingEditBox( true );
			}
		} } );
	};
	
	/*
	 * Display an error message
	 */
	const error = function( errorDescription ) {
		var errorBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-errorbox' );
		errorBox.text( txt.error.replace( '$1', errorDescription ) );
		errorBox.append( createButton( txt.dismissError, function() {
			errorBox.fadeOut();
		} ).addClass( 'disamassist-errorbutton' ) );
		var uiIsInPlace = ui &amp;&amp; $.contains( document.documentElement, ui.display[0] );
		var nextElement = uiIsInPlace ? ui.display : $( '#mw-content-text' );
		nextElement.before( errorBox );
		errorBox.hide().fadeIn();
	}
	
	/*
	 * Change a link so that it points to the title
	 * text: The wikitext of the whole page
	 * title: The new destination of the link
	 * link: The link that will be modified
	 * extra: Text that will be added after the link (optional)
	 */
	const replaceLink = function( text, title, link, extra ) {
		var anchor = link.anchor || '';
		var newContent;

		if ( link.type === 'sortnaam' ) {
			newContent = '{{sortnaam|' + link.first + '|' + link.last + '|' + title + anchor + '}}';
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + ( extra || '' ) + linkEnd;
		}

		if ( isSamePage( title, link.description ) ) {
			newContent = link.description + anchor;
		} else {
			newContent = title + anchor + '|' + link.description;
		}
		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + '[[' + newContent + ']]' + link.afterDescription + ( extra || '' ) + linkEnd;
	};	
	/*
	 * Remove a link from the text
	 * text: The wikitext of the whole page
	 * link: The link that will be removed
	 */

	const removeLink = function( text, link ) {
		var anchor = link.anchor || '';

		if ( link.type === 'sortnaam' ) {
			// Als er een derde parameter of anker was, laten we de derde parameter weg of behouden we alleen de basis
			var newContent = '{{sortnaam|' + link.first + '|' + link.last + '}}' + anchor;
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + linkEnd;
		}

		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + link.description + anchor + link.afterDescription + linkEnd;
	};
	
	/*
	 * Extract a link from a string in wiki format,
	 * starting from a given index. Return a link if one can be found,
	 * otherwise return null. The &quot;link&quot; includes &quot;disambiguation needed&quot;
	 * templates inmediately following the link proper
	 * text: Text from which the link will be extracted
	 * lastIndex: Index from which the search will start
	 */
const extractLink = function( text, lastIndex ) {
		// 1. Zoek naar gewone wikitlinks (inclusief optioneel anker #...)
		titleRegex.lastIndex = lastIndex;
		var wikiMatch = titleRegex.exec( text );

		// 2. Zoek naar sortnaam-templates (inclusief optioneel anker na de derde parameter of achter de template)
		var sortnaamRegex = new RegExp('{{\\s*sortnaam\\s*\\|\\s*([^|]+?)\\s*\\|\\s*([^|]+?)\\s*(?:\\|\\s*([^|#}]*?)\\s*)?(#[^|}]*)?}}', 'gi');
		sortnaamRegex.lastIndex = lastIndex;
		var sortnaamMatch = sortnaamRegex.exec( text );

		var matchType = null;
		var matchIndex = Infinity;

		if ( wikiMatch !== null &amp;&amp; wikiMatch.index &gt;= lastIndex ) {
			matchIndex = wikiMatch.index;
			matchType = 'wiki';
		}

		if ( sortnaamMatch !== null &amp;&amp; sortnaamMatch.index &gt;= lastIndex &amp;&amp; sortnaamMatch.index &lt; matchIndex ) {
			matchIndex = sortnaamMatch.index;
			matchType = 'sortnaam';
		}

		if ( matchType === 'wiki' ) {
			var possiblyAmbiguous = true;
			var hasDisamTemplate = false;
			// wikiMatch[2] bevat het anker als dat in de regex is opgenomen, of we vangen het op via de matchlengte
			var fullMatchStr = wikiMatch[0];
			var anchor = wikiMatch[2] ? wikiMatch[2] : '';
			
			var end = wikiMatch.index + fullMatchStr.length;
			var afterDescription = '';
			var rest = text.substring( end );
			var templateRegex = /^(\w*[.,:;?!)}\s]*){{\s*([^|{}]+?)\s*(?:\|[^{]*?)?}}/g;
			var templateMatch = templateRegex.exec( rest );
			if ( templateMatch !== null ) {
				var templateTitle = getCanonicalTitle( templateMatch[2] );
				if ( cfg.disamLinkTemplates?.includes( templateTitle ) ) {
					end += templateMatch[0].length;
					afterDescription = templateMatch[1].replace(/\s$/, '');
					hasDisamTemplate = true;
				} else if ( cfg.disamLinkIgnoreTemplates?.includes( templateTitle ) ) {
					possiblyAmbiguous = false;
				}
			}
			return {
				type: 'wiki',
				start: wikiMatch.index,
				end: end,
				possiblyAmbiguous: possiblyAmbiguous,
				hasDisamTemplate: hasDisamTemplate,
				title: wikiMatch[1],
				description: wikiMatch[3] ? wikiMatch[3] : wikiMatch[1],
				anchor: anchor,
				afterDescription: afterDescription
			};
		} else if ( matchType === 'sortnaam' ) {
			var first = sortnaamMatch[1].trim();
			var last = sortnaamMatch[2].trim();
			var explicitTarget = sortnaamMatch[3] ? sortnaamMatch[3].trim() : '';
			var anchor = sortnaamMatch[4] ? sortnaamMatch[4].trim() : '';
			var target = explicitTarget !== '' ? explicitTarget : ( first + ' ' + last );

			return {
				type: 'sortnaam',
				start: sortnaamMatch.index,
				end: sortnaamMatch.index + sortnaamMatch[0].length,
				possiblyAmbiguous: true,
				hasDisamTemplate: false,
				title: target,
				description: sortnaamMatch[0],
				first: first,
				last: last,
				explicitTarget: explicitTarget,
				anchor: anchor,
				afterDescription: ''
			};
		}

		return null;
	};
	
	/*
	 * Extract a link to one of a number of destination pages from a string 
	 * (&quot;text&quot;) in wiki format, starting from a given index (&quot;lastIndex&quot;).
	 * &quot;Disambiguation needed&quot; templates are included as part of the links.
	 * text: Page in wiki format
	 * destinations: Array of page titles to look for
	 * lastIndex: Index from which the search will start
	 */
	const extractLinkToPage = function( text, destinations, lastIndex ) {
		var link, title;
		do {
			link = extractLink( text, lastIndex );
			if ( link !== null ) {
				lastIndex = link.end;
				title = getCanonicalTitle( link.title );
			}
		} while (
			link !== null
			&amp;&amp; ( !link.possiblyAmbiguous || !destinations?.includes( title ) )
		);
		return link;
	};
	
	/*
	 * Find the &quot;target&quot; page: either the one we are in or the &quot;main&quot; one found by extracting
     * the title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const getTargetPage = function() {
		var title = getTitle();
		return forceSamePage ? title : removeDisam( title );
	};
	
	/*
	 * Get the page title, with the namespace prefix if any.
	 */
	const getTitle = function() {
		return mw.config.get( 'wgPageName' ).replace(/_/g, ' ')
	}
	
	/*
	 * Extract a &quot;main&quot; title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const removeDisam = function( title ) {
		var match = new RegExp( cfg.disamRegExp ).exec( title );
		return match ? match[1] : title;
	};
	
	/*
	 * Check whether two page titles are the same
	 */
	const isSamePage = function( title1, title2 ) {
		return getCanonicalTitle( title1 ) === getCanonicalTitle( title2 );
	};

	/*
	 * Return the 'canonical title' of a page
	 */
	const getCanonicalTitle = function( title ) {
		try {
			title = new mw.Title( title );

			// Check that page name matches the current namespace
			if ( title.getNamespaceId() !== mw.config.get( 'wgNamespaceNumber' ) ) {
				return;
			}

			const fragment = title.getFragment();
			return title.getPrefixedText() + ( fragment ? `#${ fragment }` : '' );
		} catch ( ex ) {
			// mw.Title seems to be buggy, and some valid titles are rejected
			// FIXME: This may cause false negatives	
		}
	};
	
	/*
	 * Extract the context around a given link in a text string
	 */
	const extractContext = function( text, link ) {
		var contextStart = link.start - cfg.radius;
		var contextEnd = link.end + cfg.radius;
		var contextPrev = text.substring( contextStart, link.start );
		const ellipsis = '…';
		if ( contextStart &gt; 0 ) {
			contextPrev = ellipsis + contextPrev;
		}
		var contextNext = text.substring( link.end, contextEnd );
		if ( contextEnd &lt; text.length ) {
			contextNext = contextNext + ellipsis;
		}
		return [contextPrev, text.substring( link.start, link.end ), contextNext];
	};

	/*
	 * Extract the prefixed page name from a link
	 */
	const extractPageName = function( link ) {
		var pageName = extractPageNameRaw( link );
		if ( pageName ) {
			return getCanonicalTitle( pageName );
		}
		
		return null;
	};
	
	/*
	 * Extract the page name from a link, as is
	 */
	const extractPageNameRaw = function( link ) {
		// Ignore images and interwiki links
		if ( link.hasClass( 'image' ) || link.hasClass( 'extiw' ) ) {
			return null;
		}
		var href = link.attr( 'href' );

		// Red links in old parser format
		if ( link.hasClass( 'new' ) ) {
			const oldRedLink = mw.util.getParamValue( 'title', href );
			if ( oldRedLink !== null ) {
				return oldRedLink;
			}
		}

		// Check that external links are coming from this wiki
		if ( href.indexOf( '//' ) === 0 || href.indexOf( 'https://' ) === 0 ) {
			try {
				const fullUrl = href.indexOf( '//' ) === 0 ? location.protocol + href : href;
				let urlData = new URL( fullUrl );
				if ( urlData.hostname !== location.hostname ) {
					return null;
				}
			} catch( e ) {
				return null;
			}
		}

		var articlePathRegexp = new RegExp(
			mw.config.get( 'wgArticlePath' ).replace( '$1', '([^?]*)' )
		);
		var result = articlePathRegexp.exec( href );
		if ( Array.isArray( result ) &amp;&amp; result.length &gt; 1 ) {
			return decodeURIComponent( result[ 1 ] );
		}

		return null;
	};
	
	/*
	 * Check whether this is a disambiguation page
	 */
	const isDisam = function() {
		const categories = mw.config.get( 'wgCategories', [] );
		return cfg.disamCategories.some( c =&gt; categories.includes( c ) );
	};
	
	const secondsToHHMMSS = function( totalSeconds ) {
		var hhmmss = '';
		var hours = Math.floor( totalSeconds / 3600 );
		var minutes = Math.floor( totalSeconds % 3600 / 60 );
		var seconds = Math.floor( totalSeconds % 3600 % 60 );
		if ( hours &gt;= 1 ) {
			hhmmss = pad( hours, '0', 2 ) + ':';
		}
		hhmmss += pad( minutes, '0', 2 ) + ':' + pad( seconds, '0', 2 );
		return hhmmss;
	};
	
	const pad = function( str, z, width ) {
		str = str.toString();
		if ( str.length &gt;= width ) {
			return str;
		} else {
			return new Array( width - str.length + 1 ).join( z ) + str;
		}
	}
	
	/*
	 * Create a new button
	 * text: Text that will be displayed on the button
	 * onClick: Function that will be called when the button is clicked
	 */
	const createButton = function( text, onClick ) {
		var button = $( '&lt;button&gt;', { 'type': 'button' } );
		button.text( text );
		button.addClass( 'disamassist-button' ).click( onClick );
		return button;
	};
	
	/*
	 * Given a page title and an array of possible redirects {from, to} (&quot;canonical titles&quot;), find the page
	 * at the end of the redirect chain, if there is one. Otherwise, return the page title that was passed
	 */
	const resolveRedirect = function( pageTitle, possibleRedirects ) {
		var appliedRedirect = true;
		var visitedPages = {};
		var currentPage = getCanonicalTitle( pageTitle );
		while ( appliedRedirect ) {
			appliedRedirect = false;
			for ( var ii = 0; ii &lt; possibleRedirects.length; ii++ ) {
				if ( possibleRedirects[ii].from === currentPage ) {
					if ( visitedPages[possibleRedirects[ii].to] ) {
						// Redirect chain detected
						return pageTitle;
					}
					visitedPages[currentPage] = true;
					appliedRedirect = true;
					currentPage = possibleRedirects[ii].to;
				}
			}
		}
		// No redirect rules applied for an iteration of the outer loop:
		// no more redirects. We are done
		return currentPage;
	};
	
	/*
	 * Fetch the incoming links to a page. Returns a jQuery promise
	 * (success - array of titles of pages that contain links to the target page and
	 * array of &quot;canonical titles&quot; of possible destinations of the backlinks (either
	 * the target page or redirects to the target page), failure - error description)
	 * page: Target page
	 */
	const getBacklinks = function( page ) {
		var dfd = new $.Deferred();
		api.get( {
			'action': 'query',
			'list': 'backlinks',
			'bltitle': page,
			'blredirect': true,
			'bllimit': cfg.backlinkLimit,
			'blnamespace': cfg.targetNamespaces,
		} ).done( function( data ) {
			// There might be duplicate entries in some corner cases. We don't care,
			// since we are going to check later, anyway
			var backlinks = [];
			var linkTitles = [getCanonicalTitle( page )];
			$.each( data.query.backlinks, function() {
				backlinks.push( this.title );
				if ( this.redirlinks ) {
					linkTitles.push( this.title );
					$.each( this.redirlinks, function() {
						backlinks.push( this.title );
					} );
				}
			} );
			dfd.resolve( backlinks, linkTitles );
		} ).fail( function( code, data ) {
			dfd.reject( txt.getBacklinksError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download a list of redirects for some pages. Returns a jQuery callback (success -
	 * array of redirects ({from, to}), failure - error description )
	 * pageTitles: Array of page titles
	 */
	const fetchRedirects = function( pageTitles ) {
		var dfd = new $.Deferred();
		var currentTitles = pageTitles.slice( 0, cfg.queryTitleLimit );
		var restTitles = pageTitles.slice( cfg.queryTitleLimit );
		api.get( {
			action: 'query',
			titles: currentTitles,
			redirects: true,
		} ).done( function( data ) {
			var theseRedirects = data.query.redirects ? data.query.redirects : [];
			if ( restTitles.length !== 0 ) {
				fetchRedirects( restTitles ).done( function( redirects ) {
					dfd.resolve( theseRedirects.concat( redirects ) );
				} ).fail( function( description ) {
					dfd.reject( description );
				} );
			} else {
				dfd.resolve( theseRedirects );
			}
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRedirectsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download the list of user rights for the current user. Returns a
	 * jQuery promise (success - array of right names, error - error description)
	 */
	const fetchRights = function() {
		var dfd = $.Deferred();
		api.get( {
			action: 'query',
			meta: 'userinfo',
			uiprop: 'rights',
		} ).done( function( data ) {
			dfd.resolve( data.query.userinfo.rights );
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRightsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Load the raw page text for a given title. Returns a jQuery promise (success - page
	 * content, failure - error description)
	 * pageTitle: Title of the page
	 */
	const loadPage = function( pageTitle ) {
		var dfd = new $.Deferred();
		api.get( {
			action: 'query',
			titles: pageTitle,
			prop: 'revisions',
			rvprop: 'timestamp|content',
			meta: 'tokens',
			type: 'csrf',
		} ).done( function( data ) {
			var pages = data.query.pages;
			for ( var key in pages ) {
				if ( pages.hasOwnProperty( key ) ) {
					break;
				}
			}
			var rawPage = data.query.pages[key];
			var page = {};
			page.missing = rawPage.missing !== undefined;
			if ( rawPage.revisions ) {
				page.content = rawPage.revisions[0]['*'];
				// Assume anything with # at the start is a redirect
				if ( page.content.match( /^#[^\s]*?\s*\[\[/ ) ) {
					page.redirect = true;
				}
				page.baseTimeStamp = rawPage.revisions[0].timestamp;
			} else {
				page.content = '';
				page.baseTimeStamp = null;
			}
			page.startTimeStamp = rawPage.starttimestamp;
			page.editToken = data.query.tokens.csrftoken;
			dfd.resolve( page );
		} ).fail( function( code, data ) {
			dfd.reject( txt.loadPageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Register changes to a page, to be saved later. Returns a jQuery promise
	 * (success - no params, failure - error description). Takes the same parameters
	 * as savePage 
	 */
	const saveWithCooldown = function() {
		var deferred = new $.Deferred();
		pendingSaves.push( {args: arguments, dfd: deferred} );
		if ( !runningSaves ) {
			checkAndSave();
		}
		return deferred.promise();
	};
	
	/*
	 * Save the first set of changes in the list of pending changes, providing that
	 * enough time has passed since the last edit
	 */
	const checkAndSave = function() {
		if ( pendingSaves.length === 0 ) {
			runningSaves = false;
			return;
		}
		runningSaves = true;
		var millisSinceLast = new Date().getTime() - lastEditMillis;
		if ( millisSinceLast &lt; cfg.editCooldown * 1000 ) {
			setTimeout( checkAndSave, cfg.editCooldown * 1000 - millisSinceLast );
		} else {
			// The last edit started at least cfg.editCooldown seconds ago
			var save = pendingSaves.shift();
			savePage.apply( this, save.args ).done( function() {
				checkAndSave();
				save.dfd.resolve();
			} ).fail( function( description ) {
				checkAndSave();
				save.dfd.reject( description );
			} );
			// We'll use the time since the last edit started
			lastEditMillis = new Date().getTime();
		}
	};
	
	/*
	 * Save the changes made to a page. Returns a jQuery promise (success - no params,
	 * failure - error description)
	 * pageTitle: Title of the page
	 * page: Page data
	 * summary: Summary of the changes made to the page
	 * minorEdit: Whether to mark the edit as 'minor'
	 * botEdit: Whether to mark the edit as 'bot'
	 */
	const savePage = function( pageTitle, page, summary, minorEdit, botEdit ) {
		var dfd = new $.Deferred();
		api.post( {
			action: 'edit',
			title: pageTitle,
			token: page.editToken,
			text: page.content,
			basetimestamp: page.baseTimeStamp,
			starttimestamp: page.startTimeStamp,
			summary: summary,
			watchlist: cfg.watch ? cfg.watch : 'nochange',
			assertuser: mw.config.get( 'wgUserName' ),
			minor: minorEdit,
			bot: botEdit,
		} ).done( function() {
			dfd.resolve();
		} ).fail( function( code, data ) {
			dfd.reject( txt.savePageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	install();
} )();
// &lt;/nowiki&gt;</text>
      <sha1>hm77g6qklg9y3s1msf851l8ak2ujh4j</sha1>
    </revision>
    <revision>
      <id>781195</id>
      <parentid>781194</parentid>
      <timestamp>2026-10-27T16:16:11Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <origin>781195</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="40444" sha1="c3bic6nz8d08fprgjitrzlv0znde6yj" xml:space="preserve">/*
 * DisamAssist: a tool for repairing links from articles to disambiguation pages.
 */

// &lt;nowiki&gt;
// @ts-nocheck
( () =&gt; {
	var cfg = {};
	var txt = {};
	var ui;
	var links, pageChanges;
	var currentPageTitle, currentPageParameters, currentLink;
	var possibleBacklinkDestinations;
	var titleRegex;
	var forceSamePage = false;
	var running = false;
	var choosing = false;
	var canMarkIntentionalLinks = false;
	var displayedPages = {};
	var editCount = 0;
	var editLimit;
	var pendingSaves = [];
	var pendingEditBox = null;
	var pendingEditBoxText;
	var lastEditMillis = 0;
	var runningSaves = false;
	
	var api;

	const dependencies = [
		'mediawiki.api',
		'mediawiki.confirmCloseWindow',
		'mediawiki.Title',
		'mediawiki.util',
	];

	/**
	 * Add an item in Tools menu
	 * @param {string} text
	 * @param {string} id 
	 * @param {(e: MouseEvent) =&gt; void} callback 
	 */
	const disamPortletLink = ( text, id, callback ) =&gt; {
		const portlet = mw.util.addPortletLink(
			'p-tb',
			cfg.helpPage ? mw.util.getUrl( cfg.helpPage ) : '#',
			text,
			id
		);
		const link = portlet?.querySelector( 'a' );
		link?.addEventListener( 'click', callback );
		addButtonEvents( link );
	}
	
	/*
	 * Entry point. Check whether we are in a disambiguation page. If so, add a link to start the tool
	 */
	const install = function() {
		cfg = window.DisamAssist.cfg;
		txt = window.DisamAssist.txt;
		if ( mw.config.get( 'wgAction' ) === 'view' &amp;&amp; isDisam() ) {
			mw.loader.using( dependencies, () =&gt; {
				api = new mw.Api();

				mw.loader.load( 'https://ru.wikipedia.org/w/index.php?title=Участник:Stjn/DisamAssist.css&amp;action=raw&amp;ctype=text/css', 'text/css' );

				// This is a &quot; (disambiguation)&quot; page
				if ( new RegExp( cfg.disamRegExp ).exec( getTitle() ) ) {
					disamPortletLink( txt.startMain, 't-disamAssist-main', startMain );
					disamPortletLink( txt.startSame, 't-disamAssist-same', startSame );
				} else {
					disamPortletLink( txt.start, 't-disamAssist-page', start );
				}
			} );
		}
	};
	
	/*
	 * Start the tool. Display the UI and begin looking for links to fix
	 */
	const start = function( e ) {
		e?.preventDefault();
		if ( !running ) {
			console.log(Date.now())
			running = true;
			links = [];
			pageChanges = [];
			displayedPages = {};
			ensureDABExists().then( function( canMark ) {
				canMarkIntentionalLinks = canMark;
				createUI();
				addUnloadConfirm();
				markDisamOptions();
				checkEditLimit().then( function() {
					togglePendingEditBox( false );
					doPage();
				} );
			} );
		}
	};
	
	/*
	 * Start DisamAssist. Disambiguate incoming links to the current page, regardless
	 * of the title.
	 */
	const startSame = function( e ) {
		e.preventDefault();
		forceSamePage = true;
		start( e );
	};
	
	/*
	 * Start DisamAssist. If the page title ends with &quot; (disambiguation)&quot;, disambiguate
	 * links to the primary topic article. Otherwise, disambiguate links to the current
	 * page.
	 */
	const startMain = function( e ) {
		e.preventDefault();
		forceSamePage = false;
		start( e );
	};
	
	/*
	 * Create and show the user interface.
	 */
	const createUI = function() {
		ui = {
			display: $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-mainbox' ),
			finishedMessage: $( '&lt;div&gt;' ).text( txt.noMoreLinks ).hide(),
			pageTitleLine: $( '&lt;span&gt;' ).addClass( 'disamassist-pagetitleline' ),
			pendingEditCounter: $( '&lt;div&gt;').addClass( 'disamassist-editcounter' ),
			context: $( '&lt;pre&gt;' ).addClass( 'disamassist-context' ),
			undoButton: createButton( txt.undo, undo ),
			omitButton: createButton( txt.omit, omit ),
			endButton: createButton( txt.close, saveAndEnd ),
			refreshButton: createButton( txt.refresh, refresh ),
			titleAsTextButton: createButton( txt.titleAsText, chooseTitleFromPrompt ),
			intentionalLinkButton: canMarkIntentionalLinks ? createButton( txt.intentionalLink, chooseIntentionalLink ) : null,
			disamNeededButton: cfg.disamNeededText ? createButton( txt.disamNeeded, chooseDisamNeeded ) : null,
			removeLinkButton: createButton( txt.removeLink, chooseLinkRemoval )
		};
		var top = $( '&lt;div&gt;' ).addClass( 'disamassist-top' )
			.append( [ui.pageTitleLine, ui.pendingEditCounter] );
		var leftButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-leftbuttons' )
			.append( [ui.titleAsTextButton, ui.removeLinkButton, ui.intentionalLinkButton, ui.disamNeededButton, ui.omitButton] );
		var rightButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-rightbuttons' )
			.append( [ui.undoButton, ui.refreshButton, ui.endButton] );
		var allButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-allbuttons' )
			.append( [leftButtons, rightButtons] );
		ui.display.append( [top, ui.finishedMessage, ui.context, allButtons] );
		updateEditCounter();
		toggleActionButtons( false );
		// Insert the UI in the page
		$( '#mw-content-text' ).before( ui.display );
		ui.display.hide().fadeIn();
	};

	/**
	 * Add button role and related keyboard event
	 * @param {Element} el
	 */
	const addButtonEvents = ( el ) =&gt; {
		el?.setAttribute( 'role', 'button' );
		el?.addEventListener( 'keydown', function( e ) {
			if ( [ 'Enter', 'Space' ].includes( e.code ) ) {
				e.preventDefault();
				this.click();
			}
		} );
	}
	
	/*
	 * If there are pending changes, show a confirm dialog before closing
	 */
	const addUnloadConfirm = function() {
		mw.confirmCloseWindow( {
			test: () =&gt; {
				if ( running &amp;&amp; checkActualChanges() ) {
					return txt.pending;
				} else if ( editCount !== 0 ) {
					return txt.editInProgress;
				}
			}
		} );
	};
	
	/*
	 * Mark the disambiguation options as such
	 */
	const markDisamOptions = function() {
		var optionPageTitles = [];
		var optionMarkers = [];
		getDisamOptions().each( function() {
			var link = $( this );
			var title = extractPageName( link );
			const optionMarker = document.createElement( 'a' );
			optionMarker.classList.add( 'disamassist-optionmarker' );
			optionMarker.href = link.attr( 'href' );
			optionMarker.setAttribute( 'data-title', title );
			optionMarker.textContent = txt.optionMarker;
			optionMarker.addEventListener( 'click', ( e ) =&gt; {
				e.preventDefault();
				chooseReplacement( title );
			} );
			addButtonEvents( optionMarker );
			
			link.after( optionMarker );
			optionMarkers.push( optionMarker );
			optionPageTitles.push( title );
		} );
		// Now check the disambiguation options and display a different message for those that are
		// actually the same as the target page where the links go, as choosing those options doesn't really
		// accomplish anything (except bypassing redirects, which might be useful in some cases)
		var targetPage = getTargetPage();
		fetchRedirects( optionPageTitles.concat( targetPage ) ).done( function( redirects ) {
			var endTargetPage = resolveRedirect( targetPage, redirects );
			for ( var ii = 0; ii &lt; optionPageTitles.length; ii++ ) {
				var endOptionTitle = resolveRedirect( optionPageTitles[ii], redirects );
				if ( isSamePage( optionPageTitles[ii], targetPage ) ) {
					$( optionMarkers[ii] ).text( txt.targetOptionMarker ).addClass( 'disamassist-curroptionmarker');
				} else if ( isSamePage( endOptionTitle, endTargetPage ) ) {
					$( optionMarkers[ii] ).text( txt.redirectOptionMarker ).addClass( 'disamassist-curroptionmarker');
				}
			}
		} ).fail( error );	
	};
	
	/*
	 * Check whether intentional links to disambiguation pages can be explicitly marked
	 * as such in this wiki. If so, ensure that a &quot;Foo (disambiguation)&quot; page exists.
	 * Returns a jQuery promise
	 */
	const ensureDABExists = function() {
		var dfd = new $.Deferred();
		var title = getTitle();
		// That concept doesn't exist in this wiki.
		if ( !cfg.intentionalLinkOption ) {
			dfd.resolve( false );
		// &quot;Foo (disambiguation)&quot; exists: it's the current page.
		} else if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			dfd.resolve( true );
		} else {
			var disamTitle = cfg.disamFormat.replace( '$1', title );
			loadPage( disamTitle ).done( function( page ) {
				// &quot;Foo (disambiguation)&quot; doesn't exist.
				if ( page.missing ) {
					// We try to create it
					page.content = cfg.redirectToDisam.replace( '$1', title );
					var summary = txt.redirectSummary.replace( '$1', title );
					savePage( disamTitle, page, summary, false, true ).done( function() {
						dfd.resolve( true );
					} ).fail( function( description ) {
						error( description );
						dfd.resolve( false );
					} );
				// It does exist
				} else {
					dfd.resolve( true );
				}
			} ).fail( function( description ) {
				error( description );
				dfd.resolve( false );
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Check whether the edit cooldown applies and sets editLimit accordingly.
	 * Returns a jQuery promise
	 */
	const checkEditLimit = function() {
		var dfd = new $.Deferred();
		if ( cfg.editCooldown &lt;= 0 ) {
			editLimit = false;
			dfd.resolve();
		} else {
			fetchRights().done( function( rights ) {
				editLimit = !rights?.includes( 'bot' );
			} ).fail( function( description ) {
				error( description );
				editLimit = true;
			} ).always( function() {
				dfd.resolve();
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Find and ask the user to fix all the incoming links to the disambiguation (&quot;target&quot;)
	 * page from a single &quot;origin&quot; page
	 */
	const doPage = function() {
		if ( pageChanges.length &gt; cfg.historySize ) {
			applyChange( pageChanges.shift() );
		}
		if ( links.length === 0 ) {
			var targetPage = getTargetPage();
			getBacklinks( targetPage ).done( function( backlinks, pageTitles ) {
				var pending = {};
				$.each( pendingSaves, function() {
					pending[this[0]] = true;
				} );
				possibleBacklinkDestinations = $.grep( pageTitles, function( t, ii) {
					if ( t == targetPage ) {
						return true;
					}
					return removeDisam(t) != targetPage;
				} );
				titleRegex = new RegExp('\\[\\[([ _]*?(?:' + possibleBacklinkDestinations.join('|').replaceAll('(', '\\(').replaceAll(')','\\)').replaceAll(' ', '[ _]') + ')[ _]*?)(#.*?)?(?:\\|(.*?))?\\]\\]', 'gi');
				// Only incoming links from pages we haven't seen yet and we aren't currently
				// saving (displayedPages is reset when the tool is closed and opened again,
				// while the list of pending changes isn't; if the edit cooldown is disabled,
				// it will be empty)
				links = $.grep( backlinks, function( el, ii ) {
					return !displayedPages[el] &amp;&amp; !pending[el];
				} );
				if ( links.length === 0 ) {
					updateContext();
				} else {
					doPage();
				}
			} ).fail( error );
		} else {
			currentPageTitle = links.shift();
			displayedPages[currentPageTitle] = true;
			toggleActionButtons( false );
			loadPage( currentPageTitle ).done( function( data ) {
				currentPageParameters = data;
				currentLink = null;
				doLink();
			} ).fail( error );
		}
	};
	
	/*
	 * Find and ask the user to fix a single incoming link to the disambiguation (&quot;target&quot;)
	 * page
	 */
	const doLink = function() {
		if (!currentPageParameters.redirect) {
			currentLink = extractLinkToPage( currentPageParameters.content,
				possibleBacklinkDestinations, currentLink ? currentLink.end : 0 );
			if ( currentLink ) {
				updateContext();
			} else {
				doPage();
			}
		} else {
			doPage();
		}
	};
	
	/*
	 * Replace the target of a link with a different one
	 * pageTitle: New link target
	 * extra: Additional text after the link (optional)
	 * summary: Change summary (optional)
	 */
	const chooseReplacement = function( pageTitle, extra, summary ) {
		if ( choosing ) {
			choosing = false;
			if ( !summary ) {
				if ( pageTitle ) {
					summary = txt.summaryChanged.replace( '$1', pageTitle );		
				} else {
					summary = txt.summaryOmitted;
				}
			}
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			if ( pageTitle &amp;&amp; ( pageTitle !== getTargetPage() || extra ) ) {
				if ( currentPageParameters.redirect ) {
					currentLink.description = pageTitle;
				}
				currentPageParameters.content =
					replaceLink( currentPageParameters.content, pageTitle, currentLink, extra || '' );
			}
			doLink();
		}
	};
	
	/*
	 * Replace the link with an explicit link to the disambiguation page
	 */
	const chooseIntentionalLink = function() {
		const targetPage = getTargetPage();
		let title = cfg.disamFormat.replace( '$1', targetPage );
		if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			title = targetPage;
		}
		chooseReplacement( title, '', txt.summaryIntentional );
	};
	
	/*
	 * Prompt for an alternative link target and use it as a replacement
	 */
	const chooseTitleFromPrompt = function() {
		var title = prompt( txt.titleAsTextPrompt );
		if ( title !== null ) {
			chooseReplacement( title );
		}
	};
	
	/*
	 * Remove the current link, leaving the text unchanged
	 */
	const chooseLinkRemoval = function() {
		if ( choosing ) {
			var summary = txt.summaryRemoved;
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			currentPageParameters.content = removeLink( currentPageParameters.content, currentLink );
			doLink();
		}
	};
	
	/*
	 * Add a &quot;disambiguation needed&quot; template after the link
	 */
	const chooseDisamNeeded = function() {
		chooseReplacement( currentLink.title, cfg.disamNeededText, txt.summaryHelpNeeded );
	};
	
	/*
	 * Undo the last change
	 */
	const undo = function() {
		if ( pageChanges.length !== 0 ) {
			var lastPage = pageChanges[pageChanges.length - 1];
			if ( currentPageTitle !== lastPage.title ) {
				links.unshift( currentPageTitle );
				currentPageTitle = lastPage.title;
			}
			currentPageParameters = lastPage.page;
			currentPageParameters.content = lastPage.contentBefore.pop();
			currentLink = lastPage.links.pop();
			lastPage.summary.pop();
			if ( lastPage.contentBefore.length === 0 ) {
				pageChanges.pop();
			}
			updateContext();
		}
	};
	
	/*
	 * Omit the current link without making a change
	 */
	const omit = function() {
		chooseReplacement( null );
	};
	
	/*
	 * Save all the pending changes and restart the tool.
	 */
	const refresh = function() {
		saveAndEnd();
		start();
	};
	
	/*
	 * Enable or disable the buttons that can perform actions on a page or change the current link.
	 * enabled: Whether to enable or disable the buttons
	 */
	const toggleActionButtons = function( enabled ) {
		var affectedButtons = [ui.omitButton, ui.titleAsTextButton, ui.removeLinkButton,
			ui.intentionalLinkButton, ui.disamNeededButton, ui.undoButton];
		$.each( affectedButtons, function( ii, button ) {
			button?.prop( 'disabled', !enabled );
		} );	
	};
	
	/*
	 * Show or hide the 'no more links' message
	 * show: Whether to show or hide the message
	 */
	const toggleFinishedMessage = function( show ) {
		toggleActionButtons( !show );
		ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
		ui.finishedMessage.toggle( show );
		ui.pageTitleLine.toggle( !show );
		ui.context.toggle( !show );
		if ( show ) console.log(Date.now())
	};
	
	const togglePendingEditBox = function( show ) {
		if ( pendingEditBox === null ) {
			pendingEditBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-pendingeditbox' );
			pendingEditBoxText = $( '&lt;div&gt;' );
			pendingEditBox.append( pendingEditBoxText ).hide();
			if ( editLimit ) {
				pendingEditBox.append( $( '&lt;div&gt;' ).text( txt.pendingEditBoxLimited )
					.addClass( 'disamassist-subtitle' ) );
			}
			$( '#mw-content-text' ).before( pendingEditBox );
			updateEditCounter();
		}
		if ( show ) {
			pendingEditBox.fadeIn();
		} else {
			pendingEditBox.fadeOut();
		}
	};
	
	const notifyCompletion = function() {
		var oldTitle = document.title;
		document.title = txt.notifyCharacter + document.title;
		$( document.body ).one( 'mousemove', function() {
			document.title = oldTitle;
		} );
	};
	
	/*
	 * Update the displayed information to match the current link
	 * or lack thereof
	 */
	const updateContext = function() {
		updateEditCounter();
		if ( !currentLink ) {
			toggleFinishedMessage( true );
		} else {
			ui.pageTitleLine.html( txt.pageTitleLine.replace( '$1',
				mw.util.getUrl( currentPageTitle, {redirect: 'no'} ) ).replace( '$2', mw.html.escape( currentPageTitle ) ) );
			var context = extractContext( currentPageParameters.content, currentLink );
			ui.context.empty()
				.append( $( '&lt;span&gt;' ).text( context[0] ) )
				.append( $( '&lt;span&gt;' ).text( context[1] ).addClass( 'disamassist-inclink' ) )
				.append( $( '&lt;span&gt;' ).text( context[2] ) );

			toggleFinishedMessage( false );
			ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
			ui.removeLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.intentionalLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.disamNeededButton?.prop( 'disabled', currentPageParameters.redirect || currentLink.hasDisamTemplate );
			choosing = true;
		}
	};
	
	/*
	 * Update the count of pending changes
	 */
	const updateEditCounter = function() {
		if ( ui.pendingEditCounter ) {
			ui.pendingEditCounter.text( txt.pendingEditCounter.replace( '$1', editCount )
				.replace( '$2', countActuallyChangedFullyCheckedPages() ) );
		}
		if ( pendingEditBox ) {
			if ( editCount === 0 &amp;&amp; !running ) {
				togglePendingEditBox( false );
				notifyCompletion();
			}
			var textContent = editCount;
			if ( editLimit ) {
				textContent = txt.pendingEditBoxTimeEstimation.replace( '$1', editCount )
					.replace( '$2', secondsToHHMMSS( cfg.editCooldown * editCount ) );
			}
			pendingEditBoxText.text( txt.pendingEditBox.replace( '$1', textContent ) );
		}
	};
	
	/*
	 * Apply the changes made to an &quot;origin&quot; page
	 * pageChange: Change that will be saved
	 */
	const applyChange = function( pageChange ) {
		if ( pageChange.page.content !== pageChange.contentBefore[0] ) {
			editCount++;
			// Filter duplicates and join
			var changeSummaries = pageChange.summary
				.filter( ( val, i, arr ) =&gt; val &amp;&amp; arr.indexOf( val ) === i )
				.join( txt.summarySeparator );
			var summary = txt.summary.replace( '$1', getTargetPage() ).replace( '$2', changeSummaries );
			var save = editLimit ? saveWithCooldown : savePage;
			save( pageChange.title, pageChange.page, summary, true, true ).always( function() {
				if ( editCount &gt; 0 ) {
					editCount--;
				}
				updateEditCounter();
			} ).fail( error );
			updateEditCounter();
		}
	};
	
	/*
	 * Save all the pending changes
	 */
	const applyAllChanges = function() {
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			applyChange( pageChanges[ii] );
		}
		pageChanges = [];
	};
	
	/*
	 * Record a new pending change
	 * pageTitle: Title of the page
	 * page: Content of the page
	 * oldContent: Content of the page before the change
	 * link: Link that has been changed
	 * summary: Change summary
	 */
	const addChange = function( pageTitle, page, oldContent, link, summary ) {
		if ( ( pageChanges.length === 0 ) || ( pageChanges[pageChanges.length - 1].title !== pageTitle ) ) {
			pageChanges.push( {
				title: pageTitle,
				page: page,
				contentBefore: [],
				links: [],
				summary: []
			} );
		}
		var lastPageChange = pageChanges[pageChanges.length - 1];
		lastPageChange.contentBefore.push( oldContent );
		lastPageChange.links.push( link );
		lastPageChange.summary.push( summary );
	};
	
	/*
	 * Check whether actual changes are stored in the history array
	 */
	const checkActualChanges = function() {
		return countActualChanges() !== 0;
	};
	
	/*
	 * Return the number of entries in the history array that represent actual changes
	 */
	const countActualChanges = function() {
		var changeCount = 0;
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			if ( pageChanges[ii].page.content !== pageChanges[ii].contentBefore[0] ) {
				changeCount++;
			}
		}
		return changeCount;		
	};
	
	/*
	 * Return the number of changed pages in the history array, ignoring the last entry
	 * if we aren't done with that page yet
	 */
	const countActuallyChangedFullyCheckedPages = function() {
		var changeCount = countActualChanges();
		if ( pageChanges.length !== 0 ) {
			var lastChange = pageChanges[pageChanges.length - 1];
			if ( lastChange.title === currentPageTitle &amp;&amp; currentLink !== null
					&amp;&amp; lastChange.page.content !== lastChange.contentBefore[0] ) {
				changeCount--;
			}
		}
		return changeCount;
	};
	
	/*
	 * Find the links to disambiguation options in a disambiguation page
	 */
	const getDisamOptions = function() {
		return $( '#mw-content-text a' ).filter( function() {
			return !!extractPageName( $( this ) );
		} );
	};

	/*
	 * Save all the pending changes and close the tool
	 */
	const saveAndEnd = function() {
		applyAllChanges();
		end();
	};
	
	/*
	 * Close the tool
	 */
	const end = function() {
		var currentToolUI = ui.display;
		choosing = false;
		running = false;
		$( '.disamassist-optionmarker' ).remove();
		currentToolUI.fadeOut( { complete: function() {
			currentToolUI.remove();
			if ( editCount !== 0 ) {
				togglePendingEditBox( true );
			}
		} } );
	};
	
	/*
	 * Display an error message
	 */
	const error = function( errorDescription ) {
		var errorBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-errorbox' );
		errorBox.text( txt.error.replace( '$1', errorDescription ) );
		errorBox.append( createButton( txt.dismissError, function() {
			errorBox.fadeOut();
		} ).addClass( 'disamassist-errorbutton' ) );
		var uiIsInPlace = ui &amp;&amp; $.contains( document.documentElement, ui.display[0] );
		var nextElement = uiIsInPlace ? ui.display : $( '#mw-content-text' );
		nextElement.before( errorBox );
		errorBox.hide().fadeIn();
	}
	
	/*
	 * Change a link so that it points to the title
	 * text: The wikitext of the whole page
	 * title: The new destination of the link
	 * link: The link that will be modified
	 * extra: Text that will be added after the link (optional)
	 */
	const replaceLink = function( text, title, link, extra ) {
		var anchor = link.anchor || '';
		var newContent;

		if ( link.type === 'sortnaam' ) {
			newContent = '{{sortnaam|' + link.first + '|' + link.last + '|' + title + anchor + '}}';
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + ( extra || '' ) + linkEnd;
		}

		if ( link.type === 'ill' ) {
			newContent = '{{ill|' + title + anchor + '|' + link.lang + '|' + link.other + ( link.rest || '' ) + '}}';
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + ( extra || '' ) + linkEnd;
		}

		if ( isSamePage( title, link.description ) ) {
			newContent = link.description + anchor;
		} else {
			newContent = title + anchor + '|' + link.description;
		}
		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + '[[' + newContent + ']]' + link.afterDescription + ( extra || '' ) + linkEnd;
	};	
	/*
	 * Remove a link from the text
	 * text: The wikitext of the whole page
	 * link: The link that will be removed
	 */

	const removeLink = function( text, link ) {
		var anchor = link.anchor || '';

		if ( link.type === 'sortnaam' ) {
			var newContent = '{{sortnaam|' + link.first + '|' + link.last + '}}' + anchor;
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + linkEnd;
		}

		if ( link.type === 'ill' ) {
			var newContent = link.title + anchor;
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + linkEnd;
		}

		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + link.description + anchor + link.afterDescription + linkEnd;
	};
	
	/*
	 * Extract a link from a string in wiki format,
	 * starting from a given index. Return a link if one can be found,
	 * otherwise return null. The &quot;link&quot; includes &quot;disambiguation needed&quot;
	 * templates inmediately following the link proper
	 * text: Text from which the link will be extracted
	 * lastIndex: Index from which the search will start
	 */
	const extractLink = function( text, lastIndex ) {
		// 1. Zoek naar gewone wikitlinks (inclusief optioneel anker #...)
		titleRegex.lastIndex = lastIndex;
		var wikiMatch = titleRegex.exec( text );

		// 2. Zoek naar sortnaam-templates (inclusief optioneel anker na de derde parameter of achter de template)
		var sortnaamRegex = new RegExp('{{\\s*sortnaam\\s*\\|\\s*([^|]+?)\\s*\\|\\s*([^|]+?)\\s*(?:\\|\\s*([^|#}]*?)\\s*)?(#[^|}]*)?}}', 'gi');
		sortnaamRegex.lastIndex = lastIndex;
		var sortnaamMatch = sortnaamRegex.exec( text );

		// 3. Zoek naar ill-templates ({{ill|Paginalink|taal|anderetaallink}})
		var illRegex = new RegExp('{{\\s*ill\\s*\\|\\s*([^|#}]+?)(#[^|#}]*)?\\s*\\|\\s*([^|#}]+?)\\s*\\|\\s*([^|#}]+?)([^}]*)?}}', 'gi');
		illRegex.lastIndex = lastIndex;
		var illMatch = illRegex.exec( text );

		var matchType = null;
		var matchIndex = Infinity;

		if ( wikiMatch !== null &amp;&amp; wikiMatch.index &gt;= lastIndex ) {
			matchIndex = wikiMatch.index;
			matchType = 'wiki';
		}

		if ( sortnaamMatch !== null &amp;&amp; sortnaamMatch.index &gt;= lastIndex &amp;&amp; sortnaamMatch.index &lt; matchIndex ) {
			matchIndex = sortnaamMatch.index;
			matchType = 'sortnaam';
		}

		if ( illMatch !== null &amp;&amp; illMatch.index &gt;= lastIndex &amp;&amp; illMatch.index &lt; matchIndex ) {
			matchIndex = illMatch.index;
			matchType = 'ill';
		}

		if ( matchType === 'wiki' ) {
			var possiblyAmbiguous = true;
			var hasDisamTemplate = false;
			var fullMatchStr = wikiMatch[0];
			var anchor = wikiMatch[2] ? wikiMatch[2] : '';
			
			var end = wikiMatch.index + fullMatchStr.length;
			var afterDescription = '';
			var rest = text.substring( end );
			var templateRegex = /^(\w*[.,:;?!)}\s]*){{\s*([^|{}]+?)\s*(?:\|[^{]*?)?}}/g;
			var templateMatch = templateRegex.exec( rest );
			if ( templateMatch !== null ) {
				var templateTitle = getCanonicalTitle( templateMatch[2] );
				if ( cfg.disamLinkTemplates?.includes( templateTitle ) ) {
					end += templateMatch[0].length;
					afterDescription = templateMatch[1].replace(/\s$/, '');
					hasDisamTemplate = true;
				} else if ( cfg.disamLinkIgnoreTemplates?.includes( templateTitle ) ) {
					possiblyAmbiguous = false;
				}
			}
			return {
				type: 'wiki',
				start: wikiMatch.index,
				end: end,
				possiblyAmbiguous: possiblyAmbiguous,
				hasDisamTemplate: hasDisamTemplate,
				title: wikiMatch[1],
				description: wikiMatch[3] ? wikiMatch[3] : wikiMatch[1],
				anchor: anchor,
				afterDescription: afterDescription
			};
		} else if ( matchType === 'sortnaam' ) {
			var first = sortnaamMatch[1].trim();
			var last = sortnaamMatch[2].trim();
			var explicitTarget = sortnaamMatch[3] ? sortnaamMatch[3].trim() : '';
			var anchor = sortnaamMatch[4] ? sortnaamMatch[4].trim() : '';
			var target = explicitTarget !== '' ? explicitTarget : ( first + ' ' + last );

			return {
				type: 'sortnaam',
				start: sortnaamMatch.index,
				end: sortnaamMatch.index + sortnaamMatch[0].length,
				possiblyAmbiguous: true,
				hasDisamTemplate: false,
				title: target,
				description: sortnaamMatch[0],
				first: first,
				last: last,
				explicitTarget: explicitTarget,
				anchor: anchor,
				afterDescription: ''
			};
		} else if ( matchType === 'ill' ) {
			var title = illMatch[1].trim();
			var anchor = illMatch[2] ? illMatch[2].trim() : '';
			var lang = illMatch[3].trim();
			var other = illMatch[4].trim();
			var rest = illMatch[5] ? illMatch[5] : '';

			return {
				type: 'ill',
				start: illMatch.index,
				end: illMatch.index + illMatch[0].length,
				possiblyAmbiguous: true,
				hasDisamTemplate: false,
				title: title,
				description: title,
				anchor: anchor,
				lang: lang,
				other: other,
				rest: rest,
				afterDescription: ''
			};
		}

		return null;
	};
	
	/*
	 * Extract a link to one of a number of destination pages from a string 
	 * (&quot;text&quot;) in wiki format, starting from a given index (&quot;lastIndex&quot;).
	 * &quot;Disambiguation needed&quot; templates are included as part of the links.
	 * text: Page in wiki format
	 * destinations: Array of page titles to look for
	 * lastIndex: Index from which the search will start
	 */
	const extractLinkToPage = function( text, destinations, lastIndex ) {
		var link, title;
		do {
			link = extractLink( text, lastIndex );
			if ( link !== null ) {
				lastIndex = link.end;
				title = getCanonicalTitle( link.title );
			}
		} while (
			link !== null
			&amp;&amp; ( !link.possiblyAmbiguous || !destinations?.includes( title ) )
		);
		return link;
	};
	
	/*
	 * Find the &quot;target&quot; page: either the one we are in or the &quot;main&quot; one found by extracting
     * the title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const getTargetPage = function() {
		var title = getTitle();
		return forceSamePage ? title : removeDisam( title );
	};
	
	/*
	 * Get the page title, with the namespace prefix if any.
	 */
	const getTitle = function() {
		return mw.config.get( 'wgPageName' ).replace(/_/g, ' ')
	}
	
	/*
	 * Extract a &quot;main&quot; title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const removeDisam = function( title ) {
		var match = new RegExp( cfg.disamRegExp ).exec( title );
		return match ? match[1] : title;
	};
	
	/*
	 * Check whether two page titles are the same
	 */
	const isSamePage = function( title1, title2 ) {
		return getCanonicalTitle( title1 ) === getCanonicalTitle( title2 );
	};

	/*
	 * Return the 'canonical title' of a page
	 */
	const getCanonicalTitle = function( title ) {
		try {
			title = new mw.Title( title );

			// Check that page name matches the current namespace
			if ( title.getNamespaceId() !== mw.config.get( 'wgNamespaceNumber' ) ) {
				return;
			}

			const fragment = title.getFragment();
			return title.getPrefixedText() + ( fragment ? `#${ fragment }` : '' );
		} catch ( ex ) {
			// mw.Title seems to be buggy, and some valid titles are rejected
			// FIXME: This may cause false negatives	
		}
	};
	
	/*
	 * Extract the context around a given link in a text string
	 */
	const extractContext = function( text, link ) {
		var contextStart = link.start - cfg.radius;
		var contextEnd = link.end + cfg.radius;
		var contextPrev = text.substring( contextStart, link.start );
		const ellipsis = '…';
		if ( contextStart &gt; 0 ) {
			contextPrev = ellipsis + contextPrev;
		}
		var contextNext = text.substring( link.end, contextEnd );
		if ( contextEnd &lt; text.length ) {
			contextNext = contextNext + ellipsis;
		}
		return [contextPrev, text.substring( link.start, link.end ), contextNext];
	};

	/*
	 * Extract the prefixed page name from a link
	 */
	const extractPageName = function( link ) {
		var pageName = extractPageNameRaw( link );
		if ( pageName ) {
			return getCanonicalTitle( pageName );
		}
		
		return null;
	};
	
	/*
	 * Extract the page name from a link, as is
	 */
	const extractPageNameRaw = function( link ) {
		// Ignore images and interwiki links
		if ( link.hasClass( 'image' ) || link.hasClass( 'extiw' ) ) {
			return null;
		}
		var href = link.attr( 'href' );

		// Red links in old parser format
		if ( link.hasClass( 'new' ) ) {
			const oldRedLink = mw.util.getParamValue( 'title', href );
			if ( oldRedLink !== null ) {
				return oldRedLink;
			}
		}

		// Check that external links are coming from this wiki
		if ( href.indexOf( '//' ) === 0 || href.indexOf( 'https://' ) === 0 ) {
			try {
				const fullUrl = href.indexOf( '//' ) === 0 ? location.protocol + href : href;
				let urlData = new URL( fullUrl );
				if ( urlData.hostname !== location.hostname ) {
					return null;
				}
			} catch( e ) {
				return null;
			}
		}

		var articlePathRegexp = new RegExp(
			mw.config.get( 'wgArticlePath' ).replace( '$1', '([^?]*)' )
		);
		var result = articlePathRegexp.exec( href );
		if ( Array.isArray( result ) &amp;&amp; result.length &gt; 1 ) {
			return decodeURIComponent( result[ 1 ] );
		}

		return null;
	};
	
	/*
	 * Check whether this is a disambiguation page
	 */
	const isDisam = function() {
		const categories = mw.config.get( 'wgCategories', [] );
		return cfg.disamCategories.some( c =&gt; categories.includes( c ) );
	};
	
	const secondsToHHMMSS = function( totalSeconds ) {
		var hhmmss = '';
		var hours = Math.floor( totalSeconds / 3600 );
		var minutes = Math.floor( totalSeconds % 3600 / 60 );
		var seconds = Math.floor( totalSeconds % 3600 % 60 );
		if ( hours &gt;= 1 ) {
			hhmmss = pad( hours, '0', 2 ) + ':';
		}
		hhmmss += pad( minutes, '0', 2 ) + ':' + pad( seconds, '0', 2 );
		return hhmmss;
	};
	
	const pad = function( str, z, width ) {
		str = str.toString();
		if ( str.length &gt;= width ) {
			return str;
		} else {
			return new Array( width - str.length + 1 ).join( z ) + str;
		}
	}
	
	/*
	 * Create a new button
	 * text: Text that will be displayed on the button
	 * onClick: Function that will be called when the button is clicked
	 */
	const createButton = function( text, onClick ) {
		var button = $( '&lt;button&gt;', { 'type': 'button' } );
		button.text( text );
		button.addClass( 'disamassist-button' ).click( onClick );
		return button;
	};
	
	/*
	 * Given a page title and an array of possible redirects {from, to} (&quot;canonical titles&quot;), find the page
	 * at the end of the redirect chain, if there is one. Otherwise, return the page title that was passed
	 */
	const resolveRedirect = function( pageTitle, possibleRedirects ) {
		var appliedRedirect = true;
		var visitedPages = {};
		var currentPage = getCanonicalTitle( pageTitle );
		while ( appliedRedirect ) {
			appliedRedirect = false;
			for ( var ii = 0; ii &lt; possibleRedirects.length; ii++ ) {
				if ( possibleRedirects[ii].from === currentPage ) {
					if ( visitedPages[possibleRedirects[ii].to] ) {
						// Redirect chain detected
						return pageTitle;
					}
					visitedPages[currentPage] = true;
					appliedRedirect = true;
					currentPage = possibleRedirects[ii].to;
				}
			}
		}
		// No redirect rules applied for an iteration of the outer loop:
		// no more redirects. We are done
		return currentPage;
	};
	
	/*
	 * Fetch the incoming links to a page. Returns a jQuery promise
	 * (success - array of titles of pages that contain links to the target page and
	 * array of &quot;canonical titles&quot; of possible destinations of the backlinks (either
	 * the target page or redirects to the target page), failure - error description)
	 * page: Target page
	 */
	const getBacklinks = function( page ) {
		var dfd = new $.Deferred();
		api.get( {
			'action': 'query',
			'list': 'backlinks',
			'bltitle': page,
			'blredirect': true,
			'bllimit': cfg.backlinkLimit,
			'blnamespace': cfg.targetNamespaces,
		} ).done( function( data ) {
			// There might be duplicate entries in some corner cases. We don't care,
			// since we are going to check later, anyway
			var backlinks = [];
			var linkTitles = [getCanonicalTitle( page )];
			$.each( data.query.backlinks, function() {
				backlinks.push( this.title );
				if ( this.redirlinks ) {
					linkTitles.push( this.title );
					$.each( this.redirlinks, function() {
						backlinks.push( this.title );
					} );
				}
			} );
			dfd.resolve( backlinks, linkTitles );
		} ).fail( function( code, data ) {
			dfd.reject( txt.getBacklinksError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download a list of redirects for some pages. Returns a jQuery callback (success -
	 * array of redirects ({from, to}), failure - error description )
	 * pageTitles: Array of page titles
	 */
	const fetchRedirects = function( pageTitles ) {
		var dfd = new $.Deferred();
		var currentTitles = pageTitles.slice( 0, cfg.queryTitleLimit );
		var restTitles = pageTitles.slice( cfg.queryTitleLimit );
		api.get( {
			action: 'query',
			titles: currentTitles,
			redirects: true,
		} ).done( function( data ) {
			var theseRedirects = data.query.redirects ? data.query.redirects : [];
			if ( restTitles.length !== 0 ) {
				fetchRedirects( restTitles ).done( function( redirects ) {
					dfd.resolve( theseRedirects.concat( redirects ) );
				} ).fail( function( description ) {
					dfd.reject( description );
				} );
			} else {
				dfd.resolve( theseRedirects );
			}
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRedirectsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download the list of user rights for the current user. Returns a
	 * jQuery promise (success - array of right names, error - error description)
	 */
	const fetchRights = function() {
		var dfd = $.Deferred();
		api.get( {
			action: 'query',
			meta: 'userinfo',
			uiprop: 'rights',
		} ).done( function( data ) {
			dfd.resolve( data.query.userinfo.rights );
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRightsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Load the raw page text for a given title. Returns a jQuery promise (success - page
	 * content, failure - error description)
	 * pageTitle: Title of the page
	 */
	const loadPage = function( pageTitle ) {
		var dfd = new $.Deferred();
		api.get( {
			action: 'query',
			titles: pageTitle,
			prop: 'revisions',
			rvprop: 'timestamp|content',
			meta: 'tokens',
			type: 'csrf',
		} ).done( function( data ) {
			var pages = data.query.pages;
			for ( var key in pages ) {
				if ( pages.hasOwnProperty( key ) ) {
					break;
				}
			}
			var rawPage = data.query.pages[key];
			var page = {};
			page.missing = rawPage.missing !== undefined;
			if ( rawPage.revisions ) {
				page.content = rawPage.revisions[0]['*'];
				// Assume anything with # at the start is a redirect
				if ( page.content.match( /^#[^\s]*?\s*\[\[/ ) ) {
					page.redirect = true;
				}
				page.baseTimeStamp = rawPage.revisions[0].timestamp;
			} else {
				page.content = '';
				page.baseTimeStamp = null;
			}
			page.startTimeStamp = rawPage.starttimestamp;
			page.editToken = data.query.tokens.csrftoken;
			dfd.resolve( page );
		} ).fail( function( code, data ) {
			dfd.reject( txt.loadPageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Register changes to a page, to be saved later. Returns a jQuery promise
	 * (success - no params, failure - error description). Takes the same parameters
	 * as savePage 
	 */
	const saveWithCooldown = function() {
		var deferred = new $.Deferred();
		pendingSaves.push( {args: arguments, dfd: deferred} );
		if ( !runningSaves ) {
			checkAndSave();
		}
		return deferred.promise();
	};
	
	/*
	 * Save the first set of changes in the list of pending changes, providing that
	 * enough time has passed since the last edit
	 */
	const checkAndSave = function() {
		if ( pendingSaves.length === 0 ) {
			runningSaves = false;
			return;
		}
		runningSaves = true;
		var millisSinceLast = new Date().getTime() - lastEditMillis;
		if ( millisSinceLast &lt; cfg.editCooldown * 1000 ) {
			setTimeout( checkAndSave, cfg.editCooldown * 1000 - millisSinceLast );
		} else {
			// The last edit started at least cfg.editCooldown seconds ago
			var save = pendingSaves.shift();
			savePage.apply( this, save.args ).done( function() {
				checkAndSave();
				save.dfd.resolve();
			} ).fail( function( description ) {
				checkAndSave();
				save.dfd.reject( description );
			} );
			// We'll use the time since the last edit started
			lastEditMillis = new Date().getTime();
		}
	};
	
	/*
	 * Save the changes made to a page. Returns a jQuery promise (success - no params,
	 * failure - error description)
	 * pageTitle: Title of the page
	 * page: Page data
	 * summary: Summary of the changes made to the page
	 * minorEdit: Whether to mark the edit as 'minor'
	 * botEdit: Whether to mark the edit as 'bot'
	 */
	const savePage = function( pageTitle, page, summary, minorEdit, botEdit ) {
		var dfd = new $.Deferred();
		api.post( {
			action: 'edit',
			title: pageTitle,
			token: page.editToken,
			text: page.content,
			basetimestamp: page.baseTimeStamp,
			starttimestamp: page.startTimeStamp,
			summary: summary,
			watchlist: cfg.watch ? cfg.watch : 'nochange',
			assertuser: mw.config.get( 'wgUserName' ),
			minor: minorEdit,
			bot: botEdit,
		} ).done( function() {
			dfd.resolve();
		} ).fail( function( code, data ) {
			dfd.reject( txt.savePageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	install();
} )();
// &lt;/nowiki&gt;</text>
      <sha1>c3bic6nz8d08fprgjitrzlv0znde6yj</sha1>
    </revision>
    <revision>
      <id>781198</id>
      <parentid>781195</parentid>
      <timestamp>2026-10-27T16:22:12Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <origin>781198</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="40391" sha1="rinfy42nb1vgcitq4ksgf8er6krq7aa" xml:space="preserve">/*
 * DisamAssist: a tool for repairing links from articles to disambiguation pages.
 */

// &lt;nowiki&gt;
// @ts-nocheck
( () =&gt; {
	var cfg = {};
	var txt = {};
	var ui;
	var links, pageChanges;
	var currentPageTitle, currentPageParameters, currentLink;
	var possibleBacklinkDestinations;
	var titleRegex;
	var forceSamePage = false;
	var running = false;
	var choosing = false;
	var canMarkIntentionalLinks = false;
	var displayedPages = {};
	var editCount = 0;
	var editLimit;
	var pendingSaves = [];
	var pendingEditBox = null;
	var pendingEditBoxText;
	var lastEditMillis = 0;
	var runningSaves = false;
	
	var api;

	const dependencies = [
		'mediawiki.api',
		'mediawiki.confirmCloseWindow',
		'mediawiki.Title',
		'mediawiki.util',
	];

	/**
	 * Add an item in Tools menu
	 * @param {string} text
	 * @param {string} id 
	 * @param {(e: MouseEvent) =&gt; void} callback 
	 */
	const disamPortletLink = ( text, id, callback ) =&gt; {
		const portlet = mw.util.addPortletLink(
			'p-tb',
			cfg.helpPage ? mw.util.getUrl( cfg.helpPage ) : '#',
			text,
			id
		);
		const link = portlet?.querySelector( 'a' );
		link?.addEventListener( 'click', callback );
		addButtonEvents( link );
	}
	
	/*
	 * Entry point. Check whether we are in a disambiguation page. If so, add a link to start the tool
	 */
	const install = function() {
		cfg = window.DisamAssist.cfg;
		txt = window.DisamAssist.txt;
		if ( mw.config.get( 'wgAction' ) === 'view' &amp;&amp; isDisam() ) {
			mw.loader.using( dependencies, () =&gt; {
				api = new mw.Api();

				mw.loader.load( 'https://ru.wikipedia.org/w/index.php?title=Участник:Stjn/DisamAssist.css&amp;action=raw&amp;ctype=text/css', 'text/css' );

				// This is a &quot; (disambiguation)&quot; page
				if ( new RegExp( cfg.disamRegExp ).exec( getTitle() ) ) {
					disamPortletLink( txt.startMain, 't-disamAssist-main', startMain );
					disamPortletLink( txt.startSame, 't-disamAssist-same', startSame );
				} else {
					disamPortletLink( txt.start, 't-disamAssist-page', start );
				}
			} );
		}
	};
	
	/*
	 * Start the tool. Display the UI and begin looking for links to fix
	 */
	const start = function( e ) {
		e?.preventDefault();
		if ( !running ) {
			console.log(Date.now())
			running = true;
			links = [];
			pageChanges = [];
			displayedPages = {};
			ensureDABExists().then( function( canMark ) {
				canMarkIntentionalLinks = canMark;
				createUI();
				addUnloadConfirm();
				markDisamOptions();
				checkEditLimit().then( function() {
					togglePendingEditBox( false );
					doPage();
				} );
			} );
		}
	};
	
	/*
	 * Start DisamAssist. Disambiguate incoming links to the current page, regardless
	 * of the title.
	 */
	const startSame = function( e ) {
		e.preventDefault();
		forceSamePage = true;
		start( e );
	};
	
	/*
	 * Start DisamAssist. If the page title ends with &quot; (disambiguation)&quot;, disambiguate
	 * links to the primary topic article. Otherwise, disambiguate links to the current
	 * page.
	 */
	const startMain = function( e ) {
		e.preventDefault();
		forceSamePage = false;
		start( e );
	};
	
	/*
	 * Create and show the user interface.
	 */
	const createUI = function() {
		ui = {
			display: $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-mainbox' ),
			finishedMessage: $( '&lt;div&gt;' ).text( txt.noMoreLinks ).hide(),
			pageTitleLine: $( '&lt;span&gt;' ).addClass( 'disamassist-pagetitleline' ),
			pendingEditCounter: $( '&lt;div&gt;').addClass( 'disamassist-editcounter' ),
			context: $( '&lt;pre&gt;' ).addClass( 'disamassist-context' ),
			undoButton: createButton( txt.undo, undo ),
			omitButton: createButton( txt.omit, omit ),
			endButton: createButton( txt.close, saveAndEnd ),
			refreshButton: createButton( txt.refresh, refresh ),
			titleAsTextButton: createButton( txt.titleAsText, chooseTitleFromPrompt ),
			intentionalLinkButton: canMarkIntentionalLinks ? createButton( txt.intentionalLink, chooseIntentionalLink ) : null,
			disamNeededButton: cfg.disamNeededText ? createButton( txt.disamNeeded, chooseDisamNeeded ) : null,
			removeLinkButton: createButton( txt.removeLink, chooseLinkRemoval )
		};
		var top = $( '&lt;div&gt;' ).addClass( 'disamassist-top' )
			.append( [ui.pageTitleLine, ui.pendingEditCounter] );
		var leftButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-leftbuttons' )
			.append( [ui.titleAsTextButton, ui.removeLinkButton, ui.intentionalLinkButton, ui.disamNeededButton, ui.omitButton] );
		var rightButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-rightbuttons' )
			.append( [ui.undoButton, ui.refreshButton, ui.endButton] );
		var allButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-allbuttons' )
			.append( [leftButtons, rightButtons] );
		ui.display.append( [top, ui.finishedMessage, ui.context, allButtons] );
		updateEditCounter();
		toggleActionButtons( false );
		// Insert the UI in the page
		$( '#mw-content-text' ).before( ui.display );
		ui.display.hide().fadeIn();
	};

	/**
	 * Add button role and related keyboard event
	 * @param {Element} el
	 */
	const addButtonEvents = ( el ) =&gt; {
		el?.setAttribute( 'role', 'button' );
		el?.addEventListener( 'keydown', function( e ) {
			if ( [ 'Enter', 'Space' ].includes( e.code ) ) {
				e.preventDefault();
				this.click();
			}
		} );
	}
	
	/*
	 * If there are pending changes, show a confirm dialog before closing
	 */
	const addUnloadConfirm = function() {
		mw.confirmCloseWindow( {
			test: () =&gt; {
				if ( running &amp;&amp; checkActualChanges() ) {
					return txt.pending;
				} else if ( editCount !== 0 ) {
					return txt.editInProgress;
				}
			}
		} );
	};
	
	/*
	 * Mark the disambiguation options as such
	 */
	const markDisamOptions = function() {
		var optionPageTitles = [];
		var optionMarkers = [];
		getDisamOptions().each( function() {
			var link = $( this );
			var title = extractPageName( link );
			const optionMarker = document.createElement( 'a' );
			optionMarker.classList.add( 'disamassist-optionmarker' );
			optionMarker.href = link.attr( 'href' );
			optionMarker.setAttribute( 'data-title', title );
			optionMarker.textContent = txt.optionMarker;
			optionMarker.addEventListener( 'click', ( e ) =&gt; {
				e.preventDefault();
				chooseReplacement( title );
			} );
			addButtonEvents( optionMarker );
			
			link.after( optionMarker );
			optionMarkers.push( optionMarker );
			optionPageTitles.push( title );
		} );
		// Now check the disambiguation options and display a different message for those that are
		// actually the same as the target page where the links go, as choosing those options doesn't really
		// accomplish anything (except bypassing redirects, which might be useful in some cases)
		var targetPage = getTargetPage();
		fetchRedirects( optionPageTitles.concat( targetPage ) ).done( function( redirects ) {
			var endTargetPage = resolveRedirect( targetPage, redirects );
			for ( var ii = 0; ii &lt; optionPageTitles.length; ii++ ) {
				var endOptionTitle = resolveRedirect( optionPageTitles[ii], redirects );
				if ( isSamePage( optionPageTitles[ii], targetPage ) ) {
					$( optionMarkers[ii] ).text( txt.targetOptionMarker ).addClass( 'disamassist-curroptionmarker');
				} else if ( isSamePage( endOptionTitle, endTargetPage ) ) {
					$( optionMarkers[ii] ).text( txt.redirectOptionMarker ).addClass( 'disamassist-curroptionmarker');
				}
			}
		} ).fail( error );	
	};
	
	/*
	 * Check whether intentional links to disambiguation pages can be explicitly marked
	 * as such in this wiki. If so, ensure that a &quot;Foo (disambiguation)&quot; page exists.
	 * Returns a jQuery promise
	 */
	const ensureDABExists = function() {
		var dfd = new $.Deferred();
		var title = getTitle();
		// That concept doesn't exist in this wiki.
		if ( !cfg.intentionalLinkOption ) {
			dfd.resolve( false );
		// &quot;Foo (disambiguation)&quot; exists: it's the current page.
		} else if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			dfd.resolve( true );
		} else {
			var disamTitle = cfg.disamFormat.replace( '$1', title );
			loadPage( disamTitle ).done( function( page ) {
				// &quot;Foo (disambiguation)&quot; doesn't exist.
				if ( page.missing ) {
					// We try to create it
					page.content = cfg.redirectToDisam.replace( '$1', title );
					var summary = txt.redirectSummary.replace( '$1', title );
					savePage( disamTitle, page, summary, false, true ).done( function() {
						dfd.resolve( true );
					} ).fail( function( description ) {
						error( description );
						dfd.resolve( false );
					} );
				// It does exist
				} else {
					dfd.resolve( true );
				}
			} ).fail( function( description ) {
				error( description );
				dfd.resolve( false );
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Check whether the edit cooldown applies and sets editLimit accordingly.
	 * Returns a jQuery promise
	 */
	const checkEditLimit = function() {
		var dfd = new $.Deferred();
		if ( cfg.editCooldown &lt;= 0 ) {
			editLimit = false;
			dfd.resolve();
		} else {
			fetchRights().done( function( rights ) {
				editLimit = !rights?.includes( 'bot' );
			} ).fail( function( description ) {
				error( description );
				editLimit = true;
			} ).always( function() {
				dfd.resolve();
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Find and ask the user to fix all the incoming links to the disambiguation (&quot;target&quot;)
	 * page from a single &quot;origin&quot; page
	 */
	const doPage = function() {
		if ( pageChanges.length &gt; cfg.historySize ) {
			applyChange( pageChanges.shift() );
		}
		if ( links.length === 0 ) {
			var targetPage = getTargetPage();
			getBacklinks( targetPage ).done( function( backlinks, pageTitles ) {
				var pending = {};
				$.each( pendingSaves, function() {
					pending[this[0]] = true;
				} );
				possibleBacklinkDestinations = $.grep( pageTitles, function( t, ii) {
					if ( t == targetPage ) {
						return true;
					}
					return removeDisam(t) != targetPage;
				} );
				titleRegex = new RegExp('\\[\\[([ _]*?(?:' + possibleBacklinkDestinations.join('|').replaceAll('(', '\\(').replaceAll(')','\\)').replaceAll(' ', '[ _]') + ')[ _]*?)(#.*?)?(?:\\|(.*?))?\\]\\]', 'gi');
				// Only incoming links from pages we haven't seen yet and we aren't currently
				// saving (displayedPages is reset when the tool is closed and opened again,
				// while the list of pending changes isn't; if the edit cooldown is disabled,
				// it will be empty)
				links = $.grep( backlinks, function( el, ii ) {
					return !displayedPages[el] &amp;&amp; !pending[el];
				} );
				if ( links.length === 0 ) {
					updateContext();
				} else {
					doPage();
				}
			} ).fail( error );
		} else {
			currentPageTitle = links.shift();
			displayedPages[currentPageTitle] = true;
			toggleActionButtons( false );
			loadPage( currentPageTitle ).done( function( data ) {
				currentPageParameters = data;
				currentLink = null;
				doLink();
			} ).fail( error );
		}
	};
	
	/*
	 * Find and ask the user to fix a single incoming link to the disambiguation (&quot;target&quot;)
	 * page
	 */
	const doLink = function() {
		if (!currentPageParameters.redirect) {
			currentLink = extractLinkToPage( currentPageParameters.content,
				possibleBacklinkDestinations, currentLink ? currentLink.end : 0 );
			if ( currentLink ) {
				updateContext();
			} else {
				doPage();
			}
		} else {
			doPage();
		}
	};
	
	/*
	 * Replace the target of a link with a different one
	 * pageTitle: New link target
	 * extra: Additional text after the link (optional)
	 * summary: Change summary (optional)
	 */
	const chooseReplacement = function( pageTitle, extra, summary ) {
		if ( choosing ) {
			choosing = false;
			if ( !summary ) {
				if ( pageTitle ) {
					summary = txt.summaryChanged.replace( '$1', pageTitle );		
				} else {
					summary = txt.summaryOmitted;
				}
			}
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			if ( pageTitle &amp;&amp; ( pageTitle !== getTargetPage() || extra ) ) {
				if ( currentPageParameters.redirect ) {
					currentLink.description = pageTitle;
				}
				currentPageParameters.content =
					replaceLink( currentPageParameters.content, pageTitle, currentLink, extra || '' );
			}
			doLink();
		}
	};
	
	/*
	 * Replace the link with an explicit link to the disambiguation page
	 */
	const chooseIntentionalLink = function() {
		const targetPage = getTargetPage();
		let title = cfg.disamFormat.replace( '$1', targetPage );
		if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			title = targetPage;
		}
		chooseReplacement( title, '', txt.summaryIntentional );
	};
	
	/*
	 * Prompt for an alternative link target and use it as a replacement
	 */
	const chooseTitleFromPrompt = function() {
		var title = prompt( txt.titleAsTextPrompt );
		if ( title !== null ) {
			chooseReplacement( title );
		}
	};
	
	/*
	 * Remove the current link, leaving the text unchanged
	 */
	const chooseLinkRemoval = function() {
		if ( choosing ) {
			var summary = txt.summaryRemoved;
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			currentPageParameters.content = removeLink( currentPageParameters.content, currentLink );
			doLink();
		}
	};
	
	/*
	 * Add a &quot;disambiguation needed&quot; template after the link
	 */
	const chooseDisamNeeded = function() {
		chooseReplacement( currentLink.title, cfg.disamNeededText, txt.summaryHelpNeeded );
	};
	
	/*
	 * Undo the last change
	 */
	const undo = function() {
		if ( pageChanges.length !== 0 ) {
			var lastPage = pageChanges[pageChanges.length - 1];
			if ( currentPageTitle !== lastPage.title ) {
				links.unshift( currentPageTitle );
				currentPageTitle = lastPage.title;
			}
			currentPageParameters = lastPage.page;
			currentPageParameters.content = lastPage.contentBefore.pop();
			currentLink = lastPage.links.pop();
			lastPage.summary.pop();
			if ( lastPage.contentBefore.length === 0 ) {
				pageChanges.pop();
			}
			updateContext();
		}
	};
	
	/*
	 * Omit the current link without making a change
	 */
	const omit = function() {
		chooseReplacement( null );
	};
	
	/*
	 * Save all the pending changes and restart the tool.
	 */
	const refresh = function() {
		saveAndEnd();
		start();
	};
	
	/*
	 * Enable or disable the buttons that can perform actions on a page or change the current link.
	 * enabled: Whether to enable or disable the buttons
	 */
	const toggleActionButtons = function( enabled ) {
		var affectedButtons = [ui.omitButton, ui.titleAsTextButton, ui.removeLinkButton,
			ui.intentionalLinkButton, ui.disamNeededButton, ui.undoButton];
		$.each( affectedButtons, function( ii, button ) {
			button?.prop( 'disabled', !enabled );
		} );	
	};
	
	/*
	 * Show or hide the 'no more links' message
	 * show: Whether to show or hide the message
	 */
	const toggleFinishedMessage = function( show ) {
		toggleActionButtons( !show );
		ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
		ui.finishedMessage.toggle( show );
		ui.pageTitleLine.toggle( !show );
		ui.context.toggle( !show );
		if ( show ) console.log(Date.now())
	};
	
	const togglePendingEditBox = function( show ) {
		if ( pendingEditBox === null ) {
			pendingEditBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-pendingeditbox' );
			pendingEditBoxText = $( '&lt;div&gt;' );
			pendingEditBox.append( pendingEditBoxText ).hide();
			if ( editLimit ) {
				pendingEditBox.append( $( '&lt;div&gt;' ).text( txt.pendingEditBoxLimited )
					.addClass( 'disamassist-subtitle' ) );
			}
			$( '#mw-content-text' ).before( pendingEditBox );
			updateEditCounter();
		}
		if ( show ) {
			pendingEditBox.fadeIn();
		} else {
			pendingEditBox.fadeOut();
		}
	};
	
	const notifyCompletion = function() {
		var oldTitle = document.title;
		document.title = txt.notifyCharacter + document.title;
		$( document.body ).one( 'mousemove', function() {
			document.title = oldTitle;
		} );
	};
	
	/*
	 * Update the displayed information to match the current link
	 * or lack thereof
	 */
	const updateContext = function() {
		updateEditCounter();
		if ( !currentLink ) {
			toggleFinishedMessage( true );
		} else {
			ui.pageTitleLine.html( txt.pageTitleLine.replace( '$1',
				mw.util.getUrl( currentPageTitle, {redirect: 'no'} ) ).replace( '$2', mw.html.escape( currentPageTitle ) ) );
			var context = extractContext( currentPageParameters.content, currentLink );
			ui.context.empty()
				.append( $( '&lt;span&gt;' ).text( context[0] ) )
				.append( $( '&lt;span&gt;' ).text( context[1] ).addClass( 'disamassist-inclink' ) )
				.append( $( '&lt;span&gt;' ).text( context[2] ) );

			toggleFinishedMessage( false );
			ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
			ui.removeLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.intentionalLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.disamNeededButton?.prop( 'disabled', currentPageParameters.redirect || currentLink.hasDisamTemplate );
			choosing = true;
		}
	};
	
	/*
	 * Update the count of pending changes
	 */
	const updateEditCounter = function() {
		if ( ui.pendingEditCounter ) {
			ui.pendingEditCounter.text( txt.pendingEditCounter.replace( '$1', editCount )
				.replace( '$2', countActuallyChangedFullyCheckedPages() ) );
		}
		if ( pendingEditBox ) {
			if ( editCount === 0 &amp;&amp; !running ) {
				togglePendingEditBox( false );
				notifyCompletion();
			}
			var textContent = editCount;
			if ( editLimit ) {
				textContent = txt.pendingEditBoxTimeEstimation.replace( '$1', editCount )
					.replace( '$2', secondsToHHMMSS( cfg.editCooldown * editCount ) );
			}
			pendingEditBoxText.text( txt.pendingEditBox.replace( '$1', textContent ) );
		}
	};
	
	/*
	 * Apply the changes made to an &quot;origin&quot; page
	 * pageChange: Change that will be saved
	 */
	const applyChange = function( pageChange ) {
		if ( pageChange.page.content !== pageChange.contentBefore[0] ) {
			editCount++;
			// Filter duplicates and join
			var changeSummaries = pageChange.summary
				.filter( ( val, i, arr ) =&gt; val &amp;&amp; arr.indexOf( val ) === i )
				.join( txt.summarySeparator );
			var summary = txt.summary.replace( '$1', getTargetPage() ).replace( '$2', changeSummaries );
			var save = editLimit ? saveWithCooldown : savePage;
			save( pageChange.title, pageChange.page, summary, true, true ).always( function() {
				if ( editCount &gt; 0 ) {
					editCount--;
				}
				updateEditCounter();
			} ).fail( error );
			updateEditCounter();
		}
	};
	
	/*
	 * Save all the pending changes
	 */
	const applyAllChanges = function() {
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			applyChange( pageChanges[ii] );
		}
		pageChanges = [];
	};
	
	/*
	 * Record a new pending change
	 * pageTitle: Title of the page
	 * page: Content of the page
	 * oldContent: Content of the page before the change
	 * link: Link that has been changed
	 * summary: Change summary
	 */
	const addChange = function( pageTitle, page, oldContent, link, summary ) {
		if ( ( pageChanges.length === 0 ) || ( pageChanges[pageChanges.length - 1].title !== pageTitle ) ) {
			pageChanges.push( {
				title: pageTitle,
				page: page,
				contentBefore: [],
				links: [],
				summary: []
			} );
		}
		var lastPageChange = pageChanges[pageChanges.length - 1];
		lastPageChange.contentBefore.push( oldContent );
		lastPageChange.links.push( link );
		lastPageChange.summary.push( summary );
	};
	
	/*
	 * Check whether actual changes are stored in the history array
	 */
	const checkActualChanges = function() {
		return countActualChanges() !== 0;
	};
	
	/*
	 * Return the number of entries in the history array that represent actual changes
	 */
	const countActualChanges = function() {
		var changeCount = 0;
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			if ( pageChanges[ii].page.content !== pageChanges[ii].contentBefore[0] ) {
				changeCount++;
			}
		}
		return changeCount;		
	};
	
	/*
	 * Return the number of changed pages in the history array, ignoring the last entry
	 * if we aren't done with that page yet
	 */
	const countActuallyChangedFullyCheckedPages = function() {
		var changeCount = countActualChanges();
		if ( pageChanges.length !== 0 ) {
			var lastChange = pageChanges[pageChanges.length - 1];
			if ( lastChange.title === currentPageTitle &amp;&amp; currentLink !== null
					&amp;&amp; lastChange.page.content !== lastChange.contentBefore[0] ) {
				changeCount--;
			}
		}
		return changeCount;
	};
	
	/*
	 * Find the links to disambiguation options in a disambiguation page
	 */
	const getDisamOptions = function() {
		return $( '#mw-content-text a' ).filter( function() {
			return !!extractPageName( $( this ) );
		} );
	};

	/*
	 * Save all the pending changes and close the tool
	 */
	const saveAndEnd = function() {
		applyAllChanges();
		end();
	};
	
	/*
	 * Close the tool
	 */
	const end = function() {
		var currentToolUI = ui.display;
		choosing = false;
		running = false;
		$( '.disamassist-optionmarker' ).remove();
		currentToolUI.fadeOut( { complete: function() {
			currentToolUI.remove();
			if ( editCount !== 0 ) {
				togglePendingEditBox( true );
			}
		} } );
	};
	
	/*
	 * Display an error message
	 */
	const error = function( errorDescription ) {
		var errorBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-errorbox' );
		errorBox.text( txt.error.replace( '$1', errorDescription ) );
		errorBox.append( createButton( txt.dismissError, function() {
			errorBox.fadeOut();
		} ).addClass( 'disamassist-errorbutton' ) );
		var uiIsInPlace = ui &amp;&amp; $.contains( document.documentElement, ui.display[0] );
		var nextElement = uiIsInPlace ? ui.display : $( '#mw-content-text' );
		nextElement.before( errorBox );
		errorBox.hide().fadeIn();
	}
	
/*
	 * Change a link so that it points to the title
	 * text: The wikitext of the whole page
	 * title: The new destination of the link
	 * link: The link that will be modified
	 * extra: Text that will be added after the link (optional)
	 */
	const replaceLink = function( text, title, link, extra ) {
		var anchor = link.anchor || '';
		var newContent;

		if ( link.type === 'sortnaam' ) {
			newContent = '{{sortnaam|' + link.first + '|' + link.last + '|' + title + anchor + '}}';
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + ( extra || '' ) + linkEnd;
		}

		if ( link.type === 'ill' ) {
			newContent = '{{ill|' + title + anchor + '|' + link.lang + '|' + link.other + ( link.rest || '' ) + '}}';
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + ( extra || '' ) + linkEnd;
		}

		if ( isSamePage( title, link.description ) ) {
			newContent = link.description + anchor;
		} else {
			newContent = title + anchor + '|' + link.description;
		}
		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + '[[' + newContent + ']]' + link.afterDescription + ( extra || '' ) + linkEnd;
	};	

	/*
	 * Remove a link from the text
	 * text: The wikitext of the whole page
	 * link: The link that will be removed
	 */
	const removeLink = function( text, link ) {
		var anchor = link.anchor || '';

		if ( link.type === 'sortnaam' ) {
			var newContent = '{{sortnaam|' + link.first + '|' + link.last + '}}' + anchor;
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + linkEnd;
		}

		if ( link.type === 'ill' ) {
			var newContent = link.title + anchor;
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + linkEnd;
		}

		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + link.description + anchor + link.afterDescription + linkEnd;
	};
	
	/*
	 * Extract a link from a string in wiki format,
	 * starting from a given index. Return a link if one can be found,
	 * otherwise return null.
	 */
	const extractLink = function( text, lastIndex ) {
		// 1. Zoek naar gewone wikitlinks (inclusief optioneel anker #...)
		titleRegex.lastIndex = lastIndex;
		var wikiMatch = titleRegex.exec( text );

		// 2. Zoek naar sortnaam-templates
		var sortnaamRegex = new RegExp('{{\\s*sortnaam\\s*\\|\\s*([^|]+?)\\s*\\|\\s*([^|]+?)\\s*(?:\\|\\s*([^|#}]*?)\\s*)?(#[^|}]*)?}}', 'gi');
		sortnaamRegex.lastIndex = lastIndex;
		var sortnaamMatch = sortnaamRegex.exec( text );

		// 3. Zoek naar ill-templates (ondersteunt ook nieuwe regels en extra parameters)
		var illRegex = new RegExp('{{\\s*ill\\s*\\|([\\s\\S]*?)}}', 'gi');
		illRegex.lastIndex = lastIndex;
		var illMatch = illRegex.exec( text );

		var matchType = null;
		var matchIndex = Infinity;

		if ( wikiMatch !== null &amp;&amp; wikiMatch.index &gt;= lastIndex ) {
			matchIndex = wikiMatch.index;
			matchType = 'wiki';
		}

		if ( sortnaamMatch !== null &amp;&amp; sortnaamMatch.index &gt;= lastIndex &amp;&amp; sortnaamMatch.index &lt; matchIndex ) {
			matchIndex = sortnaamMatch.index;
			matchType = 'sortnaam';
		}

		if ( illMatch !== null &amp;&amp; illMatch.index &gt;= lastIndex &amp;&amp; illMatch.index &lt; matchIndex ) {
			matchIndex = illMatch.index;
			matchType = 'ill';
		}

		if ( matchType === 'wiki' ) {
			var possiblyAmbiguous = true;
			var hasDisamTemplate = false;
			var fullMatchStr = wikiMatch[0];
			var anchor = wikiMatch[2] ? wikiMatch[2] : '';
			
			var end = wikiMatch.index + fullMatchStr.length;
			var afterDescription = '';
			var rest = text.substring( end );
			var templateRegex = /^(\w*[.,:;?!)}\s]*){{\s*([^|{}]+?)\s*(?:\|[^{]*?)?}}/g;
			var templateMatch = templateRegex.exec( rest );
			if ( templateMatch !== null ) {
				var templateTitle = getCanonicalTitle( templateMatch[2] );
				if ( cfg.disamLinkTemplates?.includes( templateTitle ) ) {
					end += templateMatch[0].length;
					afterDescription = templateMatch[1].replace(/\s$/, '');
					hasDisamTemplate = true;
				} else if ( cfg.disamLinkIgnoreTemplates?.includes( templateTitle ) ) {
					possiblyAmbiguous = false;
				}
			}
			return {
				type: 'wiki',
				start: wikiMatch.index,
				end: end,
				possiblyAmbiguous: possiblyAmbiguous,
				hasDisamTemplate: hasDisamTemplate,
				title: wikiMatch[1],
				description: wikiMatch[3] ? wikiMatch[3] : wikiMatch[1],
				anchor: anchor,
				afterDescription: afterDescription
			};
		} else if ( matchType === 'sortnaam' ) {
			var first = sortnaamMatch[1].trim();
			var last = sortnaamMatch[2].trim();
			var explicitTarget = sortnaamMatch[3] ? sortnaamMatch[3].trim() : '';
			var anchor = sortnaamMatch[4] ? sortnaamMatch[4].trim() : '';
			var target = explicitTarget !== '' ? explicitTarget : ( first + ' ' + last );

			return {
				type: 'sortnaam',
				start: sortnaamMatch.index,
				end: sortnaamMatch.index + sortnaamMatch[0].length,
				possiblyAmbiguous: true,
				hasDisamTemplate: false,
				title: target,
				description: sortnaamMatch[0],
				first: first,
				last: last,
				explicitTarget: explicitTarget,
				anchor: anchor,
				afterDescription: ''
			};
		} else if ( matchType === 'ill' ) {
			var inner = illMatch[1];
			var parts = inner.split('|');
			var firstParam = parts[0].trim();
			
			var anchorMatch = firstParam.match(/^(.*?)(#.*)$/);
			var title = anchorMatch ? anchorMatch[1].trim() : firstParam;
			var anchor = anchorMatch ? anchorMatch[2] : '';
			
			var lang = parts[1] ? parts[1].trim() : '';
			var other = parts[2] ? parts[2].trim() : '';
			
			var restParts = parts.slice(3);
			var rest = restParts.length &gt; 0 ? '|' + restParts.join('|') : '';

			return {
				type: 'ill',
				start: illMatch.index,
				end: illMatch.index + illMatch[0].length,
				possiblyAmbiguous: true,
				hasDisamTemplate: false,
				title: title,
				description: title,
				anchor: anchor,
				lang: lang,
				other: other,
				rest: rest,
				afterDescription: ''
			};
		}

		return null;
	};
	
	/*
	 * Extract a link to one of a number of destination pages from a string 
	 * (&quot;text&quot;) in wiki format, starting from a given index (&quot;lastIndex&quot;).
	 * &quot;Disambiguation needed&quot; templates are included as part of the links.
	 * text: Page in wiki format
	 * destinations: Array of page titles to look for
	 * lastIndex: Index from which the search will start
	 */
	const extractLinkToPage = function( text, destinations, lastIndex ) {
		var link, title;
		do {
			link = extractLink( text, lastIndex );
			if ( link !== null ) {
				lastIndex = link.end;
				title = getCanonicalTitle( link.title );
			}
		} while (
			link !== null
			&amp;&amp; ( !link.possiblyAmbiguous || !destinations?.includes( title ) )
		);
		return link;
	};
	
	/*
	 * Find the &quot;target&quot; page: either the one we are in or the &quot;main&quot; one found by extracting
     * the title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const getTargetPage = function() {
		var title = getTitle();
		return forceSamePage ? title : removeDisam( title );
	};
	
	/*
	 * Get the page title, with the namespace prefix if any.
	 */
	const getTitle = function() {
		return mw.config.get( 'wgPageName' ).replace(/_/g, ' ')
	}
	
	/*
	 * Extract a &quot;main&quot; title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const removeDisam = function( title ) {
		var match = new RegExp( cfg.disamRegExp ).exec( title );
		return match ? match[1] : title;
	};
	
	/*
	 * Check whether two page titles are the same
	 */
	const isSamePage = function( title1, title2 ) {
		return getCanonicalTitle( title1 ) === getCanonicalTitle( title2 );
	};

	/*
	 * Return the 'canonical title' of a page
	 */
	const getCanonicalTitle = function( title ) {
		try {
			title = new mw.Title( title );

			// Check that page name matches the current namespace
			if ( title.getNamespaceId() !== mw.config.get( 'wgNamespaceNumber' ) ) {
				return;
			}

			const fragment = title.getFragment();
			return title.getPrefixedText() + ( fragment ? `#${ fragment }` : '' );
		} catch ( ex ) {
			// mw.Title seems to be buggy, and some valid titles are rejected
			// FIXME: This may cause false negatives	
		}
	};
	
	/*
	 * Extract the context around a given link in a text string
	 */
	const extractContext = function( text, link ) {
		var contextStart = link.start - cfg.radius;
		var contextEnd = link.end + cfg.radius;
		var contextPrev = text.substring( contextStart, link.start );
		const ellipsis = '…';
		if ( contextStart &gt; 0 ) {
			contextPrev = ellipsis + contextPrev;
		}
		var contextNext = text.substring( link.end, contextEnd );
		if ( contextEnd &lt; text.length ) {
			contextNext = contextNext + ellipsis;
		}
		return [contextPrev, text.substring( link.start, link.end ), contextNext];
	};

	/*
	 * Extract the prefixed page name from a link
	 */
	const extractPageName = function( link ) {
		var pageName = extractPageNameRaw( link );
		if ( pageName ) {
			return getCanonicalTitle( pageName );
		}
		
		return null;
	};
	
	/*
	 * Extract the page name from a link, as is
	 */
	const extractPageNameRaw = function( link ) {
		// Ignore images and interwiki links
		if ( link.hasClass( 'image' ) || link.hasClass( 'extiw' ) ) {
			return null;
		}
		var href = link.attr( 'href' );

		// Red links in old parser format
		if ( link.hasClass( 'new' ) ) {
			const oldRedLink = mw.util.getParamValue( 'title', href );
			if ( oldRedLink !== null ) {
				return oldRedLink;
			}
		}

		// Check that external links are coming from this wiki
		if ( href.indexOf( '//' ) === 0 || href.indexOf( 'https://' ) === 0 ) {
			try {
				const fullUrl = href.indexOf( '//' ) === 0 ? location.protocol + href : href;
				let urlData = new URL( fullUrl );
				if ( urlData.hostname !== location.hostname ) {
					return null;
				}
			} catch( e ) {
				return null;
			}
		}

		var articlePathRegexp = new RegExp(
			mw.config.get( 'wgArticlePath' ).replace( '$1', '([^?]*)' )
		);
		var result = articlePathRegexp.exec( href );
		if ( Array.isArray( result ) &amp;&amp; result.length &gt; 1 ) {
			return decodeURIComponent( result[ 1 ] );
		}

		return null;
	};
	
	/*
	 * Check whether this is a disambiguation page
	 */
	const isDisam = function() {
		const categories = mw.config.get( 'wgCategories', [] );
		return cfg.disamCategories.some( c =&gt; categories.includes( c ) );
	};
	
	const secondsToHHMMSS = function( totalSeconds ) {
		var hhmmss = '';
		var hours = Math.floor( totalSeconds / 3600 );
		var minutes = Math.floor( totalSeconds % 3600 / 60 );
		var seconds = Math.floor( totalSeconds % 3600 % 60 );
		if ( hours &gt;= 1 ) {
			hhmmss = pad( hours, '0', 2 ) + ':';
		}
		hhmmss += pad( minutes, '0', 2 ) + ':' + pad( seconds, '0', 2 );
		return hhmmss;
	};
	
	const pad = function( str, z, width ) {
		str = str.toString();
		if ( str.length &gt;= width ) {
			return str;
		} else {
			return new Array( width - str.length + 1 ).join( z ) + str;
		}
	}
	
	/*
	 * Create a new button
	 * text: Text that will be displayed on the button
	 * onClick: Function that will be called when the button is clicked
	 */
	const createButton = function( text, onClick ) {
		var button = $( '&lt;button&gt;', { 'type': 'button' } );
		button.text( text );
		button.addClass( 'disamassist-button' ).click( onClick );
		return button;
	};
	
	/*
	 * Given a page title and an array of possible redirects {from, to} (&quot;canonical titles&quot;), find the page
	 * at the end of the redirect chain, if there is one. Otherwise, return the page title that was passed
	 */
	const resolveRedirect = function( pageTitle, possibleRedirects ) {
		var appliedRedirect = true;
		var visitedPages = {};
		var currentPage = getCanonicalTitle( pageTitle );
		while ( appliedRedirect ) {
			appliedRedirect = false;
			for ( var ii = 0; ii &lt; possibleRedirects.length; ii++ ) {
				if ( possibleRedirects[ii].from === currentPage ) {
					if ( visitedPages[possibleRedirects[ii].to] ) {
						// Redirect chain detected
						return pageTitle;
					}
					visitedPages[currentPage] = true;
					appliedRedirect = true;
					currentPage = possibleRedirects[ii].to;
				}
			}
		}
		// No redirect rules applied for an iteration of the outer loop:
		// no more redirects. We are done
		return currentPage;
	};
	
	/*
	 * Fetch the incoming links to a page. Returns a jQuery promise
	 * (success - array of titles of pages that contain links to the target page and
	 * array of &quot;canonical titles&quot; of possible destinations of the backlinks (either
	 * the target page or redirects to the target page), failure - error description)
	 * page: Target page
	 */
	const getBacklinks = function( page ) {
		var dfd = new $.Deferred();
		api.get( {
			'action': 'query',
			'list': 'backlinks',
			'bltitle': page,
			'blredirect': true,
			'bllimit': cfg.backlinkLimit,
			'blnamespace': cfg.targetNamespaces,
		} ).done( function( data ) {
			// There might be duplicate entries in some corner cases. We don't care,
			// since we are going to check later, anyway
			var backlinks = [];
			var linkTitles = [getCanonicalTitle( page )];
			$.each( data.query.backlinks, function() {
				backlinks.push( this.title );
				if ( this.redirlinks ) {
					linkTitles.push( this.title );
					$.each( this.redirlinks, function() {
						backlinks.push( this.title );
					} );
				}
			} );
			dfd.resolve( backlinks, linkTitles );
		} ).fail( function( code, data ) {
			dfd.reject( txt.getBacklinksError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download a list of redirects for some pages. Returns a jQuery callback (success -
	 * array of redirects ({from, to}), failure - error description )
	 * pageTitles: Array of page titles
	 */
	const fetchRedirects = function( pageTitles ) {
		var dfd = new $.Deferred();
		var currentTitles = pageTitles.slice( 0, cfg.queryTitleLimit );
		var restTitles = pageTitles.slice( cfg.queryTitleLimit );
		api.get( {
			action: 'query',
			titles: currentTitles,
			redirects: true,
		} ).done( function( data ) {
			var theseRedirects = data.query.redirects ? data.query.redirects : [];
			if ( restTitles.length !== 0 ) {
				fetchRedirects( restTitles ).done( function( redirects ) {
					dfd.resolve( theseRedirects.concat( redirects ) );
				} ).fail( function( description ) {
					dfd.reject( description );
				} );
			} else {
				dfd.resolve( theseRedirects );
			}
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRedirectsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download the list of user rights for the current user. Returns a
	 * jQuery promise (success - array of right names, error - error description)
	 */
	const fetchRights = function() {
		var dfd = $.Deferred();
		api.get( {
			action: 'query',
			meta: 'userinfo',
			uiprop: 'rights',
		} ).done( function( data ) {
			dfd.resolve( data.query.userinfo.rights );
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRightsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Load the raw page text for a given title. Returns a jQuery promise (success - page
	 * content, failure - error description)
	 * pageTitle: Title of the page
	 */
	const loadPage = function( pageTitle ) {
		var dfd = new $.Deferred();
		api.get( {
			action: 'query',
			titles: pageTitle,
			prop: 'revisions',
			rvprop: 'timestamp|content',
			meta: 'tokens',
			type: 'csrf',
		} ).done( function( data ) {
			var pages = data.query.pages;
			for ( var key in pages ) {
				if ( pages.hasOwnProperty( key ) ) {
					break;
				}
			}
			var rawPage = data.query.pages[key];
			var page = {};
			page.missing = rawPage.missing !== undefined;
			if ( rawPage.revisions ) {
				page.content = rawPage.revisions[0]['*'];
				// Assume anything with # at the start is a redirect
				if ( page.content.match( /^#[^\s]*?\s*\[\[/ ) ) {
					page.redirect = true;
				}
				page.baseTimeStamp = rawPage.revisions[0].timestamp;
			} else {
				page.content = '';
				page.baseTimeStamp = null;
			}
			page.startTimeStamp = rawPage.starttimestamp;
			page.editToken = data.query.tokens.csrftoken;
			dfd.resolve( page );
		} ).fail( function( code, data ) {
			dfd.reject( txt.loadPageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Register changes to a page, to be saved later. Returns a jQuery promise
	 * (success - no params, failure - error description). Takes the same parameters
	 * as savePage 
	 */
	const saveWithCooldown = function() {
		var deferred = new $.Deferred();
		pendingSaves.push( {args: arguments, dfd: deferred} );
		if ( !runningSaves ) {
			checkAndSave();
		}
		return deferred.promise();
	};
	
	/*
	 * Save the first set of changes in the list of pending changes, providing that
	 * enough time has passed since the last edit
	 */
	const checkAndSave = function() {
		if ( pendingSaves.length === 0 ) {
			runningSaves = false;
			return;
		}
		runningSaves = true;
		var millisSinceLast = new Date().getTime() - lastEditMillis;
		if ( millisSinceLast &lt; cfg.editCooldown * 1000 ) {
			setTimeout( checkAndSave, cfg.editCooldown * 1000 - millisSinceLast );
		} else {
			// The last edit started at least cfg.editCooldown seconds ago
			var save = pendingSaves.shift();
			savePage.apply( this, save.args ).done( function() {
				checkAndSave();
				save.dfd.resolve();
			} ).fail( function( description ) {
				checkAndSave();
				save.dfd.reject( description );
			} );
			// We'll use the time since the last edit started
			lastEditMillis = new Date().getTime();
		}
	};
	
	/*
	 * Save the changes made to a page. Returns a jQuery promise (success - no params,
	 * failure - error description)
	 * pageTitle: Title of the page
	 * page: Page data
	 * summary: Summary of the changes made to the page
	 * minorEdit: Whether to mark the edit as 'minor'
	 * botEdit: Whether to mark the edit as 'bot'
	 */
	const savePage = function( pageTitle, page, summary, minorEdit, botEdit ) {
		var dfd = new $.Deferred();
		api.post( {
			action: 'edit',
			title: pageTitle,
			token: page.editToken,
			text: page.content,
			basetimestamp: page.baseTimeStamp,
			starttimestamp: page.startTimeStamp,
			summary: summary,
			watchlist: cfg.watch ? cfg.watch : 'nochange',
			assertuser: mw.config.get( 'wgUserName' ),
			minor: minorEdit,
			bot: botEdit,
		} ).done( function() {
			dfd.resolve();
		} ).fail( function( code, data ) {
			dfd.reject( txt.savePageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	install();
} )();
// &lt;/nowiki&gt;</text>
      <sha1>rinfy42nb1vgcitq4ksgf8er6krq7aa</sha1>
    </revision>
    <revision>
      <id>781202</id>
      <parentid>781198</parentid>
      <timestamp>2026-10-27T16:27:58Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <origin>781202</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="40382" sha1="he7jsbxj0f7vrd2qd3ldfkfg3867gtx" xml:space="preserve">/*
 * DisamAssist: a tool for repairing links from articles to disambiguation pages.
 */

// &lt;nowiki&gt;
// @ts-nocheck
( () =&gt; {
	var cfg = {};
	var txt = {};
	var ui;
	var links, pageChanges;
	var currentPageTitle, currentPageParameters, currentLink;
	var possibleBacklinkDestinations;
	var titleRegex;
	var forceSamePage = false;
	var running = false;
	var choosing = false;
	var canMarkIntentionalLinks = false;
	var displayedPages = {};
	var editCount = 0;
	var editLimit;
	var pendingSaves = [];
	var pendingEditBox = null;
	var pendingEditBoxText;
	var lastEditMillis = 0;
	var runningSaves = false;
	
	var api;

	const dependencies = [
		'mediawiki.api',
		'mediawiki.confirmCloseWindow',
		'mediawiki.Title',
		'mediawiki.util',
	];

	/**
	 * Add an item in Tools menu
	 * @param {string} text
	 * @param {string} id 
	 * @param {(e: MouseEvent) =&gt; void} callback 
	 */
	const disamPortletLink = ( text, id, callback ) =&gt; {
		const portlet = mw.util.addPortletLink(
			'p-tb',
			cfg.helpPage ? mw.util.getUrl( cfg.helpPage ) : '#',
			text,
			id
		);
		const link = portlet?.querySelector( 'a' );
		link?.addEventListener( 'click', callback );
		addButtonEvents( link );
	}
	
	/*
	 * Entry point. Check whether we are in a disambiguation page. If so, add a link to start the tool
	 */
	const install = function() {
		cfg = window.DisamAssist.cfg;
		txt = window.DisamAssist.txt;
		if ( mw.config.get( 'wgAction' ) === 'view' &amp;&amp; isDisam() ) {
			mw.loader.using( dependencies, () =&gt; {
				api = new mw.Api();

				mw.loader.load( 'https://ru.wikipedia.org/w/index.php?title=Участник:Stjn/DisamAssist.css&amp;action=raw&amp;ctype=text/css', 'text/css' );

				// This is a &quot; (disambiguation)&quot; page
				if ( new RegExp( cfg.disamRegExp ).exec( getTitle() ) ) {
					disamPortletLink( txt.startMain, 't-disamAssist-main', startMain );
					disamPortletLink( txt.startSame, 't-disamAssist-same', startSame );
				} else {
					disamPortletLink( txt.start, 't-disamAssist-page', start );
				}
			} );
		}
	};
	
	/*
	 * Start the tool. Display the UI and begin looking for links to fix
	 */
	const start = function( e ) {
		e?.preventDefault();
		if ( !running ) {
			console.log(Date.now())
			running = true;
			links = [];
			pageChanges = [];
			displayedPages = {};
			ensureDABExists().then( function( canMark ) {
				canMarkIntentionalLinks = canMark;
				createUI();
				addUnloadConfirm();
				markDisamOptions();
				checkEditLimit().then( function() {
					togglePendingEditBox( false );
					doPage();
				} );
			} );
		}
	};
	
	/*
	 * Start DisamAssist. Disambiguate incoming links to the current page, regardless
	 * of the title.
	 */
	const startSame = function( e ) {
		e.preventDefault();
		forceSamePage = true;
		start( e );
	};
	
	/*
	 * Start DisamAssist. If the page title ends with &quot; (disambiguation)&quot;, disambiguate
	 * links to the primary topic article. Otherwise, disambiguate links to the current
	 * page.
	 */
	const startMain = function( e ) {
		e.preventDefault();
		forceSamePage = false;
		start( e );
	};
	
	/*
	 * Create and show the user interface.
	 */
	const createUI = function() {
		ui = {
			display: $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-mainbox' ),
			finishedMessage: $( '&lt;div&gt;' ).text( txt.noMoreLinks ).hide(),
			pageTitleLine: $( '&lt;span&gt;' ).addClass( 'disamassist-pagetitleline' ),
			pendingEditCounter: $( '&lt;div&gt;').addClass( 'disamassist-editcounter' ),
			context: $( '&lt;pre&gt;' ).addClass( 'disamassist-context' ),
			undoButton: createButton( txt.undo, undo ),
			omitButton: createButton( txt.omit, omit ),
			endButton: createButton( txt.close, saveAndEnd ),
			refreshButton: createButton( txt.refresh, refresh ),
			titleAsTextButton: createButton( txt.titleAsText, chooseTitleFromPrompt ),
			intentionalLinkButton: canMarkIntentionalLinks ? createButton( txt.intentionalLink, chooseIntentionalLink ) : null,
			disamNeededButton: cfg.disamNeededText ? createButton( txt.disamNeeded, chooseDisamNeeded ) : null,
			removeLinkButton: createButton( txt.removeLink, chooseLinkRemoval )
		};
		var top = $( '&lt;div&gt;' ).addClass( 'disamassist-top' )
			.append( [ui.pageTitleLine, ui.pendingEditCounter] );
		var leftButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-leftbuttons' )
			.append( [ui.titleAsTextButton, ui.removeLinkButton, ui.intentionalLinkButton, ui.disamNeededButton, ui.omitButton] );
		var rightButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-rightbuttons' )
			.append( [ui.undoButton, ui.refreshButton, ui.endButton] );
		var allButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-allbuttons' )
			.append( [leftButtons, rightButtons] );
		ui.display.append( [top, ui.finishedMessage, ui.context, allButtons] );
		updateEditCounter();
		toggleActionButtons( false );
		// Insert the UI in the page
		$( '#mw-content-text' ).before( ui.display );
		ui.display.hide().fadeIn();
	};

	/**
	 * Add button role and related keyboard event
	 * @param {Element} el
	 */
	const addButtonEvents = ( el ) =&gt; {
		el?.setAttribute( 'role', 'button' );
		el?.addEventListener( 'keydown', function( e ) {
			if ( [ 'Enter', 'Space' ].includes( e.code ) ) {
				e.preventDefault();
				this.click();
			}
		} );
	}
	
	/*
	 * If there are pending changes, show a confirm dialog before closing
	 */
	const addUnloadConfirm = function() {
		mw.confirmCloseWindow( {
			test: () =&gt; {
				if ( running &amp;&amp; checkActualChanges() ) {
					return txt.pending;
				} else if ( editCount !== 0 ) {
					return txt.editInProgress;
				}
			}
		} );
	};
	
	/*
	 * Mark the disambiguation options as such
	 */
	const markDisamOptions = function() {
		var optionPageTitles = [];
		var optionMarkers = [];
		getDisamOptions().each( function() {
			var link = $( this );
			var title = extractPageName( link );
			const optionMarker = document.createElement( 'a' );
			optionMarker.classList.add( 'disamassist-optionmarker' );
			optionMarker.href = link.attr( 'href' );
			optionMarker.setAttribute( 'data-title', title );
			optionMarker.textContent = txt.optionMarker;
			optionMarker.addEventListener( 'click', ( e ) =&gt; {
				e.preventDefault();
				chooseReplacement( title );
			} );
			addButtonEvents( optionMarker );
			
			link.after( optionMarker );
			optionMarkers.push( optionMarker );
			optionPageTitles.push( title );
		} );
		// Now check the disambiguation options and display a different message for those that are
		// actually the same as the target page where the links go, as choosing those options doesn't really
		// accomplish anything (except bypassing redirects, which might be useful in some cases)
		var targetPage = getTargetPage();
		fetchRedirects( optionPageTitles.concat( targetPage ) ).done( function( redirects ) {
			var endTargetPage = resolveRedirect( targetPage, redirects );
			for ( var ii = 0; ii &lt; optionPageTitles.length; ii++ ) {
				var endOptionTitle = resolveRedirect( optionPageTitles[ii], redirects );
				if ( isSamePage( optionPageTitles[ii], targetPage ) ) {
					$( optionMarkers[ii] ).text( txt.targetOptionMarker ).addClass( 'disamassist-curroptionmarker');
				} else if ( isSamePage( endOptionTitle, endTargetPage ) ) {
					$( optionMarkers[ii] ).text( txt.redirectOptionMarker ).addClass( 'disamassist-curroptionmarker');
				}
			}
		} ).fail( error );	
	};
	
	/*
	 * Check whether intentional links to disambiguation pages can be explicitly marked
	 * as such in this wiki. If so, ensure that a &quot;Foo (disambiguation)&quot; page exists.
	 * Returns a jQuery promise
	 */
	const ensureDABExists = function() {
		var dfd = new $.Deferred();
		var title = getTitle();
		// That concept doesn't exist in this wiki.
		if ( !cfg.intentionalLinkOption ) {
			dfd.resolve( false );
		// &quot;Foo (disambiguation)&quot; exists: it's the current page.
		} else if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			dfd.resolve( true );
		} else {
			var disamTitle = cfg.disamFormat.replace( '$1', title );
			loadPage( disamTitle ).done( function( page ) {
				// &quot;Foo (disambiguation)&quot; doesn't exist.
				if ( page.missing ) {
					// We try to create it
					page.content = cfg.redirectToDisam.replace( '$1', title );
					var summary = txt.redirectSummary.replace( '$1', title );
					savePage( disamTitle, page, summary, false, true ).done( function() {
						dfd.resolve( true );
					} ).fail( function( description ) {
						error( description );
						dfd.resolve( false );
					} );
				// It does exist
				} else {
					dfd.resolve( true );
				}
			} ).fail( function( description ) {
				error( description );
				dfd.resolve( false );
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Check whether the edit cooldown applies and sets editLimit accordingly.
	 * Returns a jQuery promise
	 */
	const checkEditLimit = function() {
		var dfd = new $.Deferred();
		if ( cfg.editCooldown &lt;= 0 ) {
			editLimit = false;
			dfd.resolve();
		} else {
			fetchRights().done( function( rights ) {
				editLimit = !rights?.includes( 'bot' );
			} ).fail( function( description ) {
				error( description );
				editLimit = true;
			} ).always( function() {
				dfd.resolve();
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Find and ask the user to fix all the incoming links to the disambiguation (&quot;target&quot;)
	 * page from a single &quot;origin&quot; page
	 */
	const doPage = function() {
		if ( !running ) return; // Voorkom dat er actie wordt ondernomen als het programma gestopt is

		if ( pageChanges.length &gt; cfg.historySize ) {
			applyChange( pageChanges.shift() );
		}
		if ( links.length === 0 ) {
			var targetPage = getTargetPage();
			getBacklinks( targetPage ).done( function( backlinks, pageTitles ) {
				if ( !running ) return; // Extra check of de tool nog actief is
				
				var pending = {};
				$.each( pendingSaves, function() {
					pending[this[0]] = true;
				} );
				possibleBacklinkDestinations = $.grep( pageTitles, function( t, ii) {
					if ( t == targetPage ) {
						return true;
					}
					return removeDisam(t) != targetPage;
				} );
				titleRegex = new RegExp('\\[\\[([ _]*?(?:' + possibleBacklinkDestinations.join('|').replaceAll('(', '\\(').replaceAll(')','\\)').replaceAll(' ', '[ _]') + ')[ _]*?)(#.*?)?(?:\\|(.*?))?\\]\\]', 'gi');
				
				links = $.grep( backlinks, function( el, ii ) {
					return !displayedPages[el] &amp;&amp; !pending[el];
				} );
				if ( links.length === 0 ) {
					updateContext();
				} else {
					doPage();
				}
			} ).fail( error );
		} else {
			currentPageTitle = links.shift();
			displayedPages[currentPageTitle] = true;
			toggleActionButtons( false );
			loadPage( currentPageTitle ).done( function( data ) {
				if ( !running ) return;
				currentPageParameters = data;
				currentLink = null;
				doLink();
			} ).fail( error );
		}
	};

	
	/*
	 * Find and ask the user to fix a single incoming link to the disambiguation (&quot;target&quot;)
	 * page
	 */
	const doLink = function() {
		if (!currentPageParameters.redirect) {
			currentLink = extractLinkToPage( currentPageParameters.content,
				possibleBacklinkDestinations, currentLink ? currentLink.end : 0 );
			if ( currentLink ) {
				updateContext();
			} else {
				doPage();
			}
		} else {
			doPage();
		}
	};
	
	/*
	 * Replace the target of a link with a different one
	 * pageTitle: New link target
	 * extra: Additional text after the link (optional)
	 * summary: Change summary (optional)
	 */
	const chooseReplacement = function( pageTitle, extra, summary ) {
		if ( choosing ) {
			choosing = false;
			if ( !summary ) {
				if ( pageTitle ) {
					summary = txt.summaryChanged.replace( '$1', pageTitle );		
				} else {
					summary = txt.summaryOmitted;
				}
			}
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			if ( pageTitle &amp;&amp; ( pageTitle !== getTargetPage() || extra ) ) {
				if ( currentPageParameters.redirect ) {
					currentLink.description = pageTitle;
				}
				currentPageParameters.content =
					replaceLink( currentPageParameters.content, pageTitle, currentLink, extra || '' );
			}
			doLink();
		}
	};
	
	/*
	 * Replace the link with an explicit link to the disambiguation page
	 */
	const chooseIntentionalLink = function() {
		const targetPage = getTargetPage();
		let title = cfg.disamFormat.replace( '$1', targetPage );
		if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			title = targetPage;
		}
		chooseReplacement( title, '', txt.summaryIntentional );
	};
	
	/*
	 * Prompt for an alternative link target and use it as a replacement
	 */
	const chooseTitleFromPrompt = function() {
		var title = prompt( txt.titleAsTextPrompt );
		if ( title !== null ) {
			chooseReplacement( title );
		}
	};
	
	/*
	 * Remove the current link, leaving the text unchanged
	 */
	const chooseLinkRemoval = function() {
		if ( choosing ) {
			var summary = txt.summaryRemoved;
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			currentPageParameters.content = removeLink( currentPageParameters.content, currentLink );
			doLink();
		}
	};
	
	/*
	 * Add a &quot;disambiguation needed&quot; template after the link
	 */
	const chooseDisamNeeded = function() {
		chooseReplacement( currentLink.title, cfg.disamNeededText, txt.summaryHelpNeeded );
	};
	
	/*
	 * Undo the last change
	 */
	const undo = function() {
		if ( pageChanges.length !== 0 ) {
			var lastPage = pageChanges[pageChanges.length - 1];
			if ( currentPageTitle !== lastPage.title ) {
				links.unshift( currentPageTitle );
				currentPageTitle = lastPage.title;
			}
			currentPageParameters = lastPage.page;
			currentPageParameters.content = lastPage.contentBefore.pop();
			currentLink = lastPage.links.pop();
			lastPage.summary.pop();
			if ( lastPage.contentBefore.length === 0 ) {
				pageChanges.pop();
			}
			updateContext();
		}
	};
	
	/*
	 * Omit the current link without making a change
	 */
	const omit = function() {
		chooseReplacement( null );
	};
	
	/*
	 * Save all the pending changes and restart the tool.
	 */
	const refresh = function() {
		saveAndEnd();
		start();
	};
	
	/*
	 * Enable or disable the buttons that can perform actions on a page or change the current link.
	 * enabled: Whether to enable or disable the buttons
	 */
	const toggleActionButtons = function( enabled ) {
		var affectedButtons = [ui.omitButton, ui.titleAsTextButton, ui.removeLinkButton,
			ui.intentionalLinkButton, ui.disamNeededButton, ui.undoButton];
		$.each( affectedButtons, function( ii, button ) {
			button?.prop( 'disabled', !enabled );
		} );	
	};
	
	/*
	 * Show or hide the 'no more links' message
	 * show: Whether to show or hide the message
	 */
	const toggleFinishedMessage = function( show ) {
		toggleActionButtons( !show );
		ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
		ui.finishedMessage.toggle( show );
		ui.pageTitleLine.toggle( !show );
		ui.context.toggle( !show );
		if ( show ) console.log(Date.now())
	};
	
	const togglePendingEditBox = function( show ) {
		if ( pendingEditBox === null ) {
			pendingEditBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-pendingeditbox' );
			pendingEditBoxText = $( '&lt;div&gt;' );
			pendingEditBox.append( pendingEditBoxText ).hide();
			if ( editLimit ) {
				pendingEditBox.append( $( '&lt;div&gt;' ).text( txt.pendingEditBoxLimited )
					.addClass( 'disamassist-subtitle' ) );
			}
			$( '#mw-content-text' ).before( pendingEditBox );
			updateEditCounter();
		}
		if ( show ) {
			pendingEditBox.fadeIn();
		} else {
			pendingEditBox.fadeOut();
		}
	};
	
	const notifyCompletion = function() {
		var oldTitle = document.title;
		document.title = txt.notifyCharacter + document.title;
		$( document.body ).one( 'mousemove', function() {
			document.title = oldTitle;
		} );
	};
	
	/*
	 * Update the displayed information to match the current link
	 * or lack thereof
	 */
	const updateContext = function() {
		updateEditCounter();
		if ( !currentLink ) {
			running = false; // Zorg dat de loop definitief stopt
			toggleFinishedMessage( true );
		} else {
			ui.pageTitleLine.html( txt.pageTitleLine.replace( '$1',
				mw.util.getUrl( currentPageTitle, {redirect: 'no'} ) ).replace( '$2', mw.html.escape( currentPageTitle ) ) );
			var context = extractContext( currentPageParameters.content, currentLink );
			ui.context.empty()
				.append( $( '&lt;span&gt;' ).text( context[0] ) )
				.append( $( '&lt;span&gt;' ).text( context[1] ).addClass( 'disamassist-inclink' ) )
				.append( $( '&lt;span&gt;' ).text( context[2] ) );

			toggleFinishedMessage( false );
			ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
			ui.removeLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.intentionalLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.disamNeededButton?.prop( 'disabled', currentPageParameters.redirect || currentLink.hasDisamTemplate );
			choosing = true;
		}
	};
	
	/*
	 * Update the count of pending changes
	 */
	const updateEditCounter = function() {
		if ( ui.pendingEditCounter ) {
			ui.pendingEditCounter.text( txt.pendingEditCounter.replace( '$1', editCount )
				.replace( '$2', countActuallyChangedFullyCheckedPages() ) );
		}
		if ( pendingEditBox ) {
			if ( editCount === 0 &amp;&amp; !running ) {
				togglePendingEditBox( false );
				notifyCompletion();
			}
			var textContent = editCount;
			if ( editLimit ) {
				textContent = txt.pendingEditBoxTimeEstimation.replace( '$1', editCount )
					.replace( '$2', secondsToHHMMSS( cfg.editCooldown * editCount ) );
			}
			pendingEditBoxText.text( txt.pendingEditBox.replace( '$1', textContent ) );
		}
	};
	
	/*
	 * Apply the changes made to an &quot;origin&quot; page
	 * pageChange: Change that will be saved
	 */
	const applyChange = function( pageChange ) {
		if ( pageChange.page.content !== pageChange.contentBefore[0] ) {
			editCount++;
			// Filter duplicates and join
			var changeSummaries = pageChange.summary
				.filter( ( val, i, arr ) =&gt; val &amp;&amp; arr.indexOf( val ) === i )
				.join( txt.summarySeparator );
			var summary = txt.summary.replace( '$1', getTargetPage() ).replace( '$2', changeSummaries );
			var save = editLimit ? saveWithCooldown : savePage;
			save( pageChange.title, pageChange.page, summary, true, true ).always( function() {
				if ( editCount &gt; 0 ) {
					editCount--;
				}
				updateEditCounter();
			} ).fail( error );
			updateEditCounter();
		}
	};
	
	/*
	 * Save all the pending changes
	 */
	const applyAllChanges = function() {
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			applyChange( pageChanges[ii] );
		}
		pageChanges = [];
	};
	
	/*
	 * Record a new pending change
	 * pageTitle: Title of the page
	 * page: Content of the page
	 * oldContent: Content of the page before the change
	 * link: Link that has been changed
	 * summary: Change summary
	 */
	const addChange = function( pageTitle, page, oldContent, link, summary ) {
		if ( ( pageChanges.length === 0 ) || ( pageChanges[pageChanges.length - 1].title !== pageTitle ) ) {
			pageChanges.push( {
				title: pageTitle,
				page: page,
				contentBefore: [],
				links: [],
				summary: []
			} );
		}
		var lastPageChange = pageChanges[pageChanges.length - 1];
		lastPageChange.contentBefore.push( oldContent );
		lastPageChange.links.push( link );
		lastPageChange.summary.push( summary );
	};
	
	/*
	 * Check whether actual changes are stored in the history array
	 */
	const checkActualChanges = function() {
		return countActualChanges() !== 0;
	};
	
	/*
	 * Return the number of entries in the history array that represent actual changes
	 */
	const countActualChanges = function() {
		var changeCount = 0;
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			if ( pageChanges[ii].page.content !== pageChanges[ii].contentBefore[0] ) {
				changeCount++;
			}
		}
		return changeCount;		
	};
	
	/*
	 * Return the number of changed pages in the history array, ignoring the last entry
	 * if we aren't done with that page yet
	 */
	const countActuallyChangedFullyCheckedPages = function() {
		var changeCount = countActualChanges();
		if ( pageChanges.length !== 0 ) {
			var lastChange = pageChanges[pageChanges.length - 1];
			if ( lastChange.title === currentPageTitle &amp;&amp; currentLink !== null
					&amp;&amp; lastChange.page.content !== lastChange.contentBefore[0] ) {
				changeCount--;
			}
		}
		return changeCount;
	};
	
	/*
	 * Find the links to disambiguation options in a disambiguation page
	 */
	const getDisamOptions = function() {
		return $( '#mw-content-text a' ).filter( function() {
			return !!extractPageName( $( this ) );
		} );
	};

	/*
	 * Save all the pending changes and close the tool
	 */
	const saveAndEnd = function() {
		applyAllChanges();
		end();
	};
	
	/*
	 * Close the tool
	 */
	const end = function() {
		var currentToolUI = ui.display;
		choosing = false;
		running = false;
		$( '.disamassist-optionmarker' ).remove();
		currentToolUI.fadeOut( { complete: function() {
			currentToolUI.remove();
			if ( editCount !== 0 ) {
				togglePendingEditBox( true );
			}
		} } );
	};
	
	/*
	 * Display an error message
	 */
	const error = function( errorDescription ) {
		var errorBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-errorbox' );
		errorBox.text( txt.error.replace( '$1', errorDescription ) );
		errorBox.append( createButton( txt.dismissError, function() {
			errorBox.fadeOut();
		} ).addClass( 'disamassist-errorbutton' ) );
		var uiIsInPlace = ui &amp;&amp; $.contains( document.documentElement, ui.display[0] );
		var nextElement = uiIsInPlace ? ui.display : $( '#mw-content-text' );
		nextElement.before( errorBox );
		errorBox.hide().fadeIn();
	}
	
/*
	 * Change a link so that it points to the title
	 * text: The wikitext of the whole page
	 * title: The new destination of the link
	 * link: The link that will be modified
	 * extra: Text that will be added after the link (optional)
	 */
	const replaceLink = function( text, title, link, extra ) {
		var anchor = link.anchor || '';
		var newContent;

		if ( link.type === 'sortnaam' ) {
			newContent = '{{sortnaam|' + link.first + '|' + link.last + '|' + title + anchor + '}}';
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + ( extra || '' ) + linkEnd;
		}

		if ( link.type === 'ill' ) {
			newContent = '{{ill|' + title + anchor + '|' + link.lang + '|' + link.other + ( link.rest || '' ) + '}}';
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + ( extra || '' ) + linkEnd;
		}

		if ( isSamePage( title, link.description ) ) {
			newContent = link.description + anchor;
		} else {
			newContent = title + anchor + '|' + link.description;
		}
		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + '[[' + newContent + ']]' + link.afterDescription + ( extra || '' ) + linkEnd;
	};	

	/*
	 * Remove a link from the text
	 * text: The wikitext of the whole page
	 * link: The link that will be removed
	 */
	const removeLink = function( text, link ) {
		var anchor = link.anchor || '';

		if ( link.type === 'sortnaam' ) {
			var newContent = '{{sortnaam|' + link.first + '|' + link.last + '}}' + anchor;
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + linkEnd;
		}

		if ( link.type === 'ill' ) {
			var newContent = link.title + anchor;
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + linkEnd;
		}

		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + link.description + anchor + link.afterDescription + linkEnd;
	};
	
	/*
	 * Extract a link from a string in wiki format,
	 * starting from a given index. Return a link if one can be found,
	 * otherwise return null.
	 */
	const extractLink = function( text, lastIndex ) {
		// 1. Zoek naar gewone wikitlinks (inclusief optioneel anker #...)
		titleRegex.lastIndex = lastIndex;
		var wikiMatch = titleRegex.exec( text );

		// 2. Zoek naar sortnaam-templates
		var sortnaamRegex = new RegExp('{{\\s*sortnaam\\s*\\|\\s*([^|]+?)\\s*\\|\\s*([^|]+?)\\s*(?:\\|\\s*([^|#}]*?)\\s*)?(#[^|}]*)?}}', 'gi');
		sortnaamRegex.lastIndex = lastIndex;
		var sortnaamMatch = sortnaamRegex.exec( text );

		// 3. Zoek naar ill-templates (ondersteunt ook nieuwe regels en extra parameters)
		var illRegex = new RegExp('{{\\s*ill\\s*\\|([\\s\\S]*?)}}', 'gi');
		illRegex.lastIndex = lastIndex;
		var illMatch = illRegex.exec( text );

		var matchType = null;
		var matchIndex = Infinity;

		if ( wikiMatch !== null &amp;&amp; wikiMatch.index &gt;= lastIndex ) {
			matchIndex = wikiMatch.index;
			matchType = 'wiki';
		}

		if ( sortnaamMatch !== null &amp;&amp; sortnaamMatch.index &gt;= lastIndex &amp;&amp; sortnaamMatch.index &lt; matchIndex ) {
			matchIndex = sortnaamMatch.index;
			matchType = 'sortnaam';
		}

		if ( illMatch !== null &amp;&amp; illMatch.index &gt;= lastIndex &amp;&amp; illMatch.index &lt; matchIndex ) {
			matchIndex = illMatch.index;
			matchType = 'ill';
		}

		if ( matchType === 'wiki' ) {
			var possiblyAmbiguous = true;
			var hasDisamTemplate = false;
			var fullMatchStr = wikiMatch[0];
			var anchor = wikiMatch[2] ? wikiMatch[2] : '';
			
			var end = wikiMatch.index + fullMatchStr.length;
			var afterDescription = '';
			var rest = text.substring( end );
			var templateRegex = /^(\w*[.,:;?!)}\s]*){{\s*([^|{}]+?)\s*(?:\|[^{]*?)?}}/g;
			var templateMatch = templateRegex.exec( rest );
			if ( templateMatch !== null ) {
				var templateTitle = getCanonicalTitle( templateMatch[2] );
				if ( cfg.disamLinkTemplates?.includes( templateTitle ) ) {
					end += templateMatch[0].length;
					afterDescription = templateMatch[1].replace(/\s$/, '');
					hasDisamTemplate = true;
				} else if ( cfg.disamLinkIgnoreTemplates?.includes( templateTitle ) ) {
					possiblyAmbiguous = false;
				}
			}
			return {
				type: 'wiki',
				start: wikiMatch.index,
				end: end,
				possiblyAmbiguous: possiblyAmbiguous,
				hasDisamTemplate: hasDisamTemplate,
				title: wikiMatch[1],
				description: wikiMatch[3] ? wikiMatch[3] : wikiMatch[1],
				anchor: anchor,
				afterDescription: afterDescription
			};
		} else if ( matchType === 'sortnaam' ) {
			var first = sortnaamMatch[1].trim();
			var last = sortnaamMatch[2].trim();
			var explicitTarget = sortnaamMatch[3] ? sortnaamMatch[3].trim() : '';
			var anchor = sortnaamMatch[4] ? sortnaamMatch[4].trim() : '';
			var target = explicitTarget !== '' ? explicitTarget : ( first + ' ' + last );

			return {
				type: 'sortnaam',
				start: sortnaamMatch.index,
				end: sortnaamMatch.index + sortnaamMatch[0].length,
				possiblyAmbiguous: true,
				hasDisamTemplate: false,
				title: target,
				description: sortnaamMatch[0],
				first: first,
				last: last,
				explicitTarget: explicitTarget,
				anchor: anchor,
				afterDescription: ''
			};
		} else if ( matchType === 'ill' ) {
			var inner = illMatch[1];
			var parts = inner.split('|');
			var firstParam = parts[0].trim();
			
			var anchorMatch = firstParam.match(/^(.*?)(#.*)$/);
			var title = anchorMatch ? anchorMatch[1].trim() : firstParam;
			var anchor = anchorMatch ? anchorMatch[2] : '';
			
			var lang = parts[1] ? parts[1].trim() : '';
			var other = parts[2] ? parts[2].trim() : '';
			
			var restParts = parts.slice(3);
			var rest = restParts.length &gt; 0 ? '|' + restParts.join('|') : '';

			return {
				type: 'ill',
				start: illMatch.index,
				end: illMatch.index + illMatch[0].length,
				possiblyAmbiguous: true,
				hasDisamTemplate: false,
				title: title,
				description: title,
				anchor: anchor,
				lang: lang,
				other: other,
				rest: rest,
				afterDescription: ''
			};
		}

		return null;
	};
	
	/*
	 * Extract a link to one of a number of destination pages from a string 
	 * (&quot;text&quot;) in wiki format, starting from a given index (&quot;lastIndex&quot;).
	 * &quot;Disambiguation needed&quot; templates are included as part of the links.
	 * text: Page in wiki format
	 * destinations: Array of page titles to look for
	 * lastIndex: Index from which the search will start
	 */
	const extractLinkToPage = function( text, destinations, lastIndex ) {
		var link, title;
		do {
			link = extractLink( text, lastIndex );
			if ( link !== null ) {
				lastIndex = link.end;
				title = getCanonicalTitle( link.title );
			}
		} while (
			link !== null
			&amp;&amp; ( !link.possiblyAmbiguous || !destinations?.includes( title ) )
		);
		return link;
	};
	
	/*
	 * Find the &quot;target&quot; page: either the one we are in or the &quot;main&quot; one found by extracting
     * the title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const getTargetPage = function() {
		var title = getTitle();
		return forceSamePage ? title : removeDisam( title );
	};
	
	/*
	 * Get the page title, with the namespace prefix if any.
	 */
	const getTitle = function() {
		return mw.config.get( 'wgPageName' ).replace(/_/g, ' ')
	}
	
	/*
	 * Extract a &quot;main&quot; title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const removeDisam = function( title ) {
		var match = new RegExp( cfg.disamRegExp ).exec( title );
		return match ? match[1] : title;
	};
	
	/*
	 * Check whether two page titles are the same
	 */
	const isSamePage = function( title1, title2 ) {
		return getCanonicalTitle( title1 ) === getCanonicalTitle( title2 );
	};

	/*
	 * Return the 'canonical title' of a page
	 */
	const getCanonicalTitle = function( title ) {
		try {
			title = new mw.Title( title );

			// Check that page name matches the current namespace
			if ( title.getNamespaceId() !== mw.config.get( 'wgNamespaceNumber' ) ) {
				return;
			}

			const fragment = title.getFragment();
			return title.getPrefixedText() + ( fragment ? `#${ fragment }` : '' );
		} catch ( ex ) {
			// mw.Title seems to be buggy, and some valid titles are rejected
			// FIXME: This may cause false negatives	
		}
	};
	
	/*
	 * Extract the context around a given link in a text string
	 */
	const extractContext = function( text, link ) {
		var contextStart = link.start - cfg.radius;
		var contextEnd = link.end + cfg.radius;
		var contextPrev = text.substring( contextStart, link.start );
		const ellipsis = '…';
		if ( contextStart &gt; 0 ) {
			contextPrev = ellipsis + contextPrev;
		}
		var contextNext = text.substring( link.end, contextEnd );
		if ( contextEnd &lt; text.length ) {
			contextNext = contextNext + ellipsis;
		}
		return [contextPrev, text.substring( link.start, link.end ), contextNext];
	};

	/*
	 * Extract the prefixed page name from a link
	 */
	const extractPageName = function( link ) {
		var pageName = extractPageNameRaw( link );
		if ( pageName ) {
			return getCanonicalTitle( pageName );
		}
		
		return null;
	};
	
	/*
	 * Extract the page name from a link, as is
	 */
	const extractPageNameRaw = function( link ) {
		// Ignore images and interwiki links
		if ( link.hasClass( 'image' ) || link.hasClass( 'extiw' ) ) {
			return null;
		}
		var href = link.attr( 'href' );

		// Red links in old parser format
		if ( link.hasClass( 'new' ) ) {
			const oldRedLink = mw.util.getParamValue( 'title', href );
			if ( oldRedLink !== null ) {
				return oldRedLink;
			}
		}

		// Check that external links are coming from this wiki
		if ( href.indexOf( '//' ) === 0 || href.indexOf( 'https://' ) === 0 ) {
			try {
				const fullUrl = href.indexOf( '//' ) === 0 ? location.protocol + href : href;
				let urlData = new URL( fullUrl );
				if ( urlData.hostname !== location.hostname ) {
					return null;
				}
			} catch( e ) {
				return null;
			}
		}

		var articlePathRegexp = new RegExp(
			mw.config.get( 'wgArticlePath' ).replace( '$1', '([^?]*)' )
		);
		var result = articlePathRegexp.exec( href );
		if ( Array.isArray( result ) &amp;&amp; result.length &gt; 1 ) {
			return decodeURIComponent( result[ 1 ] );
		}

		return null;
	};
	
	/*
	 * Check whether this is a disambiguation page
	 */
	const isDisam = function() {
		const categories = mw.config.get( 'wgCategories', [] );
		return cfg.disamCategories.some( c =&gt; categories.includes( c ) );
	};
	
	const secondsToHHMMSS = function( totalSeconds ) {
		var hhmmss = '';
		var hours = Math.floor( totalSeconds / 3600 );
		var minutes = Math.floor( totalSeconds % 3600 / 60 );
		var seconds = Math.floor( totalSeconds % 3600 % 60 );
		if ( hours &gt;= 1 ) {
			hhmmss = pad( hours, '0', 2 ) + ':';
		}
		hhmmss += pad( minutes, '0', 2 ) + ':' + pad( seconds, '0', 2 );
		return hhmmss;
	};
	
	const pad = function( str, z, width ) {
		str = str.toString();
		if ( str.length &gt;= width ) {
			return str;
		} else {
			return new Array( width - str.length + 1 ).join( z ) + str;
		}
	}
	
	/*
	 * Create a new button
	 * text: Text that will be displayed on the button
	 * onClick: Function that will be called when the button is clicked
	 */
	const createButton = function( text, onClick ) {
		var button = $( '&lt;button&gt;', { 'type': 'button' } );
		button.text( text );
		button.addClass( 'disamassist-button' ).click( onClick );
		return button;
	};
	
	/*
	 * Given a page title and an array of possible redirects {from, to} (&quot;canonical titles&quot;), find the page
	 * at the end of the redirect chain, if there is one. Otherwise, return the page title that was passed
	 */
	const resolveRedirect = function( pageTitle, possibleRedirects ) {
		var appliedRedirect = true;
		var visitedPages = {};
		var currentPage = getCanonicalTitle( pageTitle );
		while ( appliedRedirect ) {
			appliedRedirect = false;
			for ( var ii = 0; ii &lt; possibleRedirects.length; ii++ ) {
				if ( possibleRedirects[ii].from === currentPage ) {
					if ( visitedPages[possibleRedirects[ii].to] ) {
						// Redirect chain detected
						return pageTitle;
					}
					visitedPages[currentPage] = true;
					appliedRedirect = true;
					currentPage = possibleRedirects[ii].to;
				}
			}
		}
		// No redirect rules applied for an iteration of the outer loop:
		// no more redirects. We are done
		return currentPage;
	};
	
	/*
	 * Fetch the incoming links to a page. Returns a jQuery promise
	 * (success - array of titles of pages that contain links to the target page and
	 * array of &quot;canonical titles&quot; of possible destinations of the backlinks (either
	 * the target page or redirects to the target page), failure - error description)
	 * page: Target page
	 */
	const getBacklinks = function( page ) {
		var dfd = new $.Deferred();
		api.get( {
			'action': 'query',
			'list': 'backlinks',
			'bltitle': page,
			'blredirect': true,
			'bllimit': cfg.backlinkLimit,
			'blnamespace': cfg.targetNamespaces,
		} ).done( function( data ) {
			// There might be duplicate entries in some corner cases. We don't care,
			// since we are going to check later, anyway
			var backlinks = [];
			var linkTitles = [getCanonicalTitle( page )];
			$.each( data.query.backlinks, function() {
				backlinks.push( this.title );
				if ( this.redirlinks ) {
					linkTitles.push( this.title );
					$.each( this.redirlinks, function() {
						backlinks.push( this.title );
					} );
				}
			} );
			dfd.resolve( backlinks, linkTitles );
		} ).fail( function( code, data ) {
			dfd.reject( txt.getBacklinksError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download a list of redirects for some pages. Returns a jQuery callback (success -
	 * array of redirects ({from, to}), failure - error description )
	 * pageTitles: Array of page titles
	 */
	const fetchRedirects = function( pageTitles ) {
		var dfd = new $.Deferred();
		var currentTitles = pageTitles.slice( 0, cfg.queryTitleLimit );
		var restTitles = pageTitles.slice( cfg.queryTitleLimit );
		api.get( {
			action: 'query',
			titles: currentTitles,
			redirects: true,
		} ).done( function( data ) {
			var theseRedirects = data.query.redirects ? data.query.redirects : [];
			if ( restTitles.length !== 0 ) {
				fetchRedirects( restTitles ).done( function( redirects ) {
					dfd.resolve( theseRedirects.concat( redirects ) );
				} ).fail( function( description ) {
					dfd.reject( description );
				} );
			} else {
				dfd.resolve( theseRedirects );
			}
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRedirectsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download the list of user rights for the current user. Returns a
	 * jQuery promise (success - array of right names, error - error description)
	 */
	const fetchRights = function() {
		var dfd = $.Deferred();
		api.get( {
			action: 'query',
			meta: 'userinfo',
			uiprop: 'rights',
		} ).done( function( data ) {
			dfd.resolve( data.query.userinfo.rights );
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRightsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Load the raw page text for a given title. Returns a jQuery promise (success - page
	 * content, failure - error description)
	 * pageTitle: Title of the page
	 */
	const loadPage = function( pageTitle ) {
		var dfd = new $.Deferred();
		api.get( {
			action: 'query',
			titles: pageTitle,
			prop: 'revisions',
			rvprop: 'timestamp|content',
			meta: 'tokens',
			type: 'csrf',
		} ).done( function( data ) {
			var pages = data.query.pages;
			for ( var key in pages ) {
				if ( pages.hasOwnProperty( key ) ) {
					break;
				}
			}
			var rawPage = data.query.pages[key];
			var page = {};
			page.missing = rawPage.missing !== undefined;
			if ( rawPage.revisions ) {
				page.content = rawPage.revisions[0]['*'];
				// Assume anything with # at the start is a redirect
				if ( page.content.match( /^#[^\s]*?\s*\[\[/ ) ) {
					page.redirect = true;
				}
				page.baseTimeStamp = rawPage.revisions[0].timestamp;
			} else {
				page.content = '';
				page.baseTimeStamp = null;
			}
			page.startTimeStamp = rawPage.starttimestamp;
			page.editToken = data.query.tokens.csrftoken;
			dfd.resolve( page );
		} ).fail( function( code, data ) {
			dfd.reject( txt.loadPageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Register changes to a page, to be saved later. Returns a jQuery promise
	 * (success - no params, failure - error description). Takes the same parameters
	 * as savePage 
	 */
	const saveWithCooldown = function() {
		var deferred = new $.Deferred();
		pendingSaves.push( {args: arguments, dfd: deferred} );
		if ( !runningSaves ) {
			checkAndSave();
		}
		return deferred.promise();
	};
	
	/*
	 * Save the first set of changes in the list of pending changes, providing that
	 * enough time has passed since the last edit
	 */
	const checkAndSave = function() {
		if ( pendingSaves.length === 0 ) {
			runningSaves = false;
			return;
		}
		runningSaves = true;
		var millisSinceLast = new Date().getTime() - lastEditMillis;
		if ( millisSinceLast &lt; cfg.editCooldown * 1000 ) {
			setTimeout( checkAndSave, cfg.editCooldown * 1000 - millisSinceLast );
		} else {
			// The last edit started at least cfg.editCooldown seconds ago
			var save = pendingSaves.shift();
			savePage.apply( this, save.args ).done( function() {
				checkAndSave();
				save.dfd.resolve();
			} ).fail( function( description ) {
				checkAndSave();
				save.dfd.reject( description );
			} );
			// We'll use the time since the last edit started
			lastEditMillis = new Date().getTime();
		}
	};
	
	/*
	 * Save the changes made to a page. Returns a jQuery promise (success - no params,
	 * failure - error description)
	 * pageTitle: Title of the page
	 * page: Page data
	 * summary: Summary of the changes made to the page
	 * minorEdit: Whether to mark the edit as 'minor'
	 * botEdit: Whether to mark the edit as 'bot'
	 */
	const savePage = function( pageTitle, page, summary, minorEdit, botEdit ) {
		var dfd = new $.Deferred();
		api.post( {
			action: 'edit',
			title: pageTitle,
			token: page.editToken,
			text: page.content,
			basetimestamp: page.baseTimeStamp,
			starttimestamp: page.startTimeStamp,
			summary: summary,
			watchlist: cfg.watch ? cfg.watch : 'nochange',
			assertuser: mw.config.get( 'wgUserName' ),
			minor: minorEdit,
			bot: botEdit,
		} ).done( function() {
			dfd.resolve();
		} ).fail( function( code, data ) {
			dfd.reject( txt.savePageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	install();
} )();
// &lt;/nowiki&gt;</text>
      <sha1>he7jsbxj0f7vrd2qd3ldfkfg3867gtx</sha1>
    </revision>
    <revision>
      <id>781204</id>
      <parentid>781202</parentid>
      <timestamp>2026-10-27T16:29:27Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <origin>781204</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="39114" sha1="hm77g6qklg9y3s1msf851l8ak2ujh4j" xml:space="preserve">/*
 * DisamAssist: a tool for repairing links from articles to disambiguation pages.
 */

// &lt;nowiki&gt;
// @ts-nocheck
( () =&gt; {
	var cfg = {};
	var txt = {};
	var ui;
	var links, pageChanges;
	var currentPageTitle, currentPageParameters, currentLink;
	var possibleBacklinkDestinations;
	var titleRegex;
	var forceSamePage = false;
	var running = false;
	var choosing = false;
	var canMarkIntentionalLinks = false;
	var displayedPages = {};
	var editCount = 0;
	var editLimit;
	var pendingSaves = [];
	var pendingEditBox = null;
	var pendingEditBoxText;
	var lastEditMillis = 0;
	var runningSaves = false;
	
	var api;

	const dependencies = [
		'mediawiki.api',
		'mediawiki.confirmCloseWindow',
		'mediawiki.Title',
		'mediawiki.util',
	];

	/**
	 * Add an item in Tools menu
	 * @param {string} text
	 * @param {string} id 
	 * @param {(e: MouseEvent) =&gt; void} callback 
	 */
	const disamPortletLink = ( text, id, callback ) =&gt; {
		const portlet = mw.util.addPortletLink(
			'p-tb',
			cfg.helpPage ? mw.util.getUrl( cfg.helpPage ) : '#',
			text,
			id
		);
		const link = portlet?.querySelector( 'a' );
		link?.addEventListener( 'click', callback );
		addButtonEvents( link );
	}
	
	/*
	 * Entry point. Check whether we are in a disambiguation page. If so, add a link to start the tool
	 */
	const install = function() {
		cfg = window.DisamAssist.cfg;
		txt = window.DisamAssist.txt;
		if ( mw.config.get( 'wgAction' ) === 'view' &amp;&amp; isDisam() ) {
			mw.loader.using( dependencies, () =&gt; {
				api = new mw.Api();

				mw.loader.load( 'https://ru.wikipedia.org/w/index.php?title=Участник:Stjn/DisamAssist.css&amp;action=raw&amp;ctype=text/css', 'text/css' );

				// This is a &quot; (disambiguation)&quot; page
				if ( new RegExp( cfg.disamRegExp ).exec( getTitle() ) ) {
					disamPortletLink( txt.startMain, 't-disamAssist-main', startMain );
					disamPortletLink( txt.startSame, 't-disamAssist-same', startSame );
				} else {
					disamPortletLink( txt.start, 't-disamAssist-page', start );
				}
			} );
		}
	};
	
	/*
	 * Start the tool. Display the UI and begin looking for links to fix
	 */
	const start = function( e ) {
		e?.preventDefault();
		if ( !running ) {
			console.log(Date.now())
			running = true;
			links = [];
			pageChanges = [];
			displayedPages = {};
			ensureDABExists().then( function( canMark ) {
				canMarkIntentionalLinks = canMark;
				createUI();
				addUnloadConfirm();
				markDisamOptions();
				checkEditLimit().then( function() {
					togglePendingEditBox( false );
					doPage();
				} );
			} );
		}
	};
	
	/*
	 * Start DisamAssist. Disambiguate incoming links to the current page, regardless
	 * of the title.
	 */
	const startSame = function( e ) {
		e.preventDefault();
		forceSamePage = true;
		start( e );
	};
	
	/*
	 * Start DisamAssist. If the page title ends with &quot; (disambiguation)&quot;, disambiguate
	 * links to the primary topic article. Otherwise, disambiguate links to the current
	 * page.
	 */
	const startMain = function( e ) {
		e.preventDefault();
		forceSamePage = false;
		start( e );
	};
	
	/*
	 * Create and show the user interface.
	 */
	const createUI = function() {
		ui = {
			display: $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-mainbox' ),
			finishedMessage: $( '&lt;div&gt;' ).text( txt.noMoreLinks ).hide(),
			pageTitleLine: $( '&lt;span&gt;' ).addClass( 'disamassist-pagetitleline' ),
			pendingEditCounter: $( '&lt;div&gt;').addClass( 'disamassist-editcounter' ),
			context: $( '&lt;pre&gt;' ).addClass( 'disamassist-context' ),
			undoButton: createButton( txt.undo, undo ),
			omitButton: createButton( txt.omit, omit ),
			endButton: createButton( txt.close, saveAndEnd ),
			refreshButton: createButton( txt.refresh, refresh ),
			titleAsTextButton: createButton( txt.titleAsText, chooseTitleFromPrompt ),
			intentionalLinkButton: canMarkIntentionalLinks ? createButton( txt.intentionalLink, chooseIntentionalLink ) : null,
			disamNeededButton: cfg.disamNeededText ? createButton( txt.disamNeeded, chooseDisamNeeded ) : null,
			removeLinkButton: createButton( txt.removeLink, chooseLinkRemoval )
		};
		var top = $( '&lt;div&gt;' ).addClass( 'disamassist-top' )
			.append( [ui.pageTitleLine, ui.pendingEditCounter] );
		var leftButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-leftbuttons' )
			.append( [ui.titleAsTextButton, ui.removeLinkButton, ui.intentionalLinkButton, ui.disamNeededButton, ui.omitButton] );
		var rightButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-rightbuttons' )
			.append( [ui.undoButton, ui.refreshButton, ui.endButton] );
		var allButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-allbuttons' )
			.append( [leftButtons, rightButtons] );
		ui.display.append( [top, ui.finishedMessage, ui.context, allButtons] );
		updateEditCounter();
		toggleActionButtons( false );
		// Insert the UI in the page
		$( '#mw-content-text' ).before( ui.display );
		ui.display.hide().fadeIn();
	};

	/**
	 * Add button role and related keyboard event
	 * @param {Element} el
	 */
	const addButtonEvents = ( el ) =&gt; {
		el?.setAttribute( 'role', 'button' );
		el?.addEventListener( 'keydown', function( e ) {
			if ( [ 'Enter', 'Space' ].includes( e.code ) ) {
				e.preventDefault();
				this.click();
			}
		} );
	}
	
	/*
	 * If there are pending changes, show a confirm dialog before closing
	 */
	const addUnloadConfirm = function() {
		mw.confirmCloseWindow( {
			test: () =&gt; {
				if ( running &amp;&amp; checkActualChanges() ) {
					return txt.pending;
				} else if ( editCount !== 0 ) {
					return txt.editInProgress;
				}
			}
		} );
	};
	
	/*
	 * Mark the disambiguation options as such
	 */
	const markDisamOptions = function() {
		var optionPageTitles = [];
		var optionMarkers = [];
		getDisamOptions().each( function() {
			var link = $( this );
			var title = extractPageName( link );
			const optionMarker = document.createElement( 'a' );
			optionMarker.classList.add( 'disamassist-optionmarker' );
			optionMarker.href = link.attr( 'href' );
			optionMarker.setAttribute( 'data-title', title );
			optionMarker.textContent = txt.optionMarker;
			optionMarker.addEventListener( 'click', ( e ) =&gt; {
				e.preventDefault();
				chooseReplacement( title );
			} );
			addButtonEvents( optionMarker );
			
			link.after( optionMarker );
			optionMarkers.push( optionMarker );
			optionPageTitles.push( title );
		} );
		// Now check the disambiguation options and display a different message for those that are
		// actually the same as the target page where the links go, as choosing those options doesn't really
		// accomplish anything (except bypassing redirects, which might be useful in some cases)
		var targetPage = getTargetPage();
		fetchRedirects( optionPageTitles.concat( targetPage ) ).done( function( redirects ) {
			var endTargetPage = resolveRedirect( targetPage, redirects );
			for ( var ii = 0; ii &lt; optionPageTitles.length; ii++ ) {
				var endOptionTitle = resolveRedirect( optionPageTitles[ii], redirects );
				if ( isSamePage( optionPageTitles[ii], targetPage ) ) {
					$( optionMarkers[ii] ).text( txt.targetOptionMarker ).addClass( 'disamassist-curroptionmarker');
				} else if ( isSamePage( endOptionTitle, endTargetPage ) ) {
					$( optionMarkers[ii] ).text( txt.redirectOptionMarker ).addClass( 'disamassist-curroptionmarker');
				}
			}
		} ).fail( error );	
	};
	
	/*
	 * Check whether intentional links to disambiguation pages can be explicitly marked
	 * as such in this wiki. If so, ensure that a &quot;Foo (disambiguation)&quot; page exists.
	 * Returns a jQuery promise
	 */
	const ensureDABExists = function() {
		var dfd = new $.Deferred();
		var title = getTitle();
		// That concept doesn't exist in this wiki.
		if ( !cfg.intentionalLinkOption ) {
			dfd.resolve( false );
		// &quot;Foo (disambiguation)&quot; exists: it's the current page.
		} else if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			dfd.resolve( true );
		} else {
			var disamTitle = cfg.disamFormat.replace( '$1', title );
			loadPage( disamTitle ).done( function( page ) {
				// &quot;Foo (disambiguation)&quot; doesn't exist.
				if ( page.missing ) {
					// We try to create it
					page.content = cfg.redirectToDisam.replace( '$1', title );
					var summary = txt.redirectSummary.replace( '$1', title );
					savePage( disamTitle, page, summary, false, true ).done( function() {
						dfd.resolve( true );
					} ).fail( function( description ) {
						error( description );
						dfd.resolve( false );
					} );
				// It does exist
				} else {
					dfd.resolve( true );
				}
			} ).fail( function( description ) {
				error( description );
				dfd.resolve( false );
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Check whether the edit cooldown applies and sets editLimit accordingly.
	 * Returns a jQuery promise
	 */
	const checkEditLimit = function() {
		var dfd = new $.Deferred();
		if ( cfg.editCooldown &lt;= 0 ) {
			editLimit = false;
			dfd.resolve();
		} else {
			fetchRights().done( function( rights ) {
				editLimit = !rights?.includes( 'bot' );
			} ).fail( function( description ) {
				error( description );
				editLimit = true;
			} ).always( function() {
				dfd.resolve();
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Find and ask the user to fix all the incoming links to the disambiguation (&quot;target&quot;)
	 * page from a single &quot;origin&quot; page
	 */
	const doPage = function() {
		if ( pageChanges.length &gt; cfg.historySize ) {
			applyChange( pageChanges.shift() );
		}
		if ( links.length === 0 ) {
			var targetPage = getTargetPage();
			getBacklinks( targetPage ).done( function( backlinks, pageTitles ) {
				var pending = {};
				$.each( pendingSaves, function() {
					pending[this[0]] = true;
				} );
				possibleBacklinkDestinations = $.grep( pageTitles, function( t, ii) {
					if ( t == targetPage ) {
						return true;
					}
					return removeDisam(t) != targetPage;
				} );
				titleRegex = new RegExp('\\[\\[([ _]*?(?:' + possibleBacklinkDestinations.join('|').replaceAll('(', '\\(').replaceAll(')','\\)').replaceAll(' ', '[ _]') + ')[ _]*?)(#.*?)?(?:\\|(.*?))?\\]\\]', 'gi');
				// Only incoming links from pages we haven't seen yet and we aren't currently
				// saving (displayedPages is reset when the tool is closed and opened again,
				// while the list of pending changes isn't; if the edit cooldown is disabled,
				// it will be empty)
				links = $.grep( backlinks, function( el, ii ) {
					return !displayedPages[el] &amp;&amp; !pending[el];
				} );
				if ( links.length === 0 ) {
					updateContext();
				} else {
					doPage();
				}
			} ).fail( error );
		} else {
			currentPageTitle = links.shift();
			displayedPages[currentPageTitle] = true;
			toggleActionButtons( false );
			loadPage( currentPageTitle ).done( function( data ) {
				currentPageParameters = data;
				currentLink = null;
				doLink();
			} ).fail( error );
		}
	};
	
	/*
	 * Find and ask the user to fix a single incoming link to the disambiguation (&quot;target&quot;)
	 * page
	 */
	const doLink = function() {
		if (!currentPageParameters.redirect) {
			currentLink = extractLinkToPage( currentPageParameters.content,
				possibleBacklinkDestinations, currentLink ? currentLink.end : 0 );
			if ( currentLink ) {
				updateContext();
			} else {
				doPage();
			}
		} else {
			doPage();
		}
	};
	
	/*
	 * Replace the target of a link with a different one
	 * pageTitle: New link target
	 * extra: Additional text after the link (optional)
	 * summary: Change summary (optional)
	 */
	const chooseReplacement = function( pageTitle, extra, summary ) {
		if ( choosing ) {
			choosing = false;
			if ( !summary ) {
				if ( pageTitle ) {
					summary = txt.summaryChanged.replace( '$1', pageTitle );		
				} else {
					summary = txt.summaryOmitted;
				}
			}
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			if ( pageTitle &amp;&amp; ( pageTitle !== getTargetPage() || extra ) ) {
				if ( currentPageParameters.redirect ) {
					currentLink.description = pageTitle;
				}
				currentPageParameters.content =
					replaceLink( currentPageParameters.content, pageTitle, currentLink, extra || '' );
			}
			doLink();
		}
	};
	
	/*
	 * Replace the link with an explicit link to the disambiguation page
	 */
	const chooseIntentionalLink = function() {
		const targetPage = getTargetPage();
		let title = cfg.disamFormat.replace( '$1', targetPage );
		if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			title = targetPage;
		}
		chooseReplacement( title, '', txt.summaryIntentional );
	};
	
	/*
	 * Prompt for an alternative link target and use it as a replacement
	 */
	const chooseTitleFromPrompt = function() {
		var title = prompt( txt.titleAsTextPrompt );
		if ( title !== null ) {
			chooseReplacement( title );
		}
	};
	
	/*
	 * Remove the current link, leaving the text unchanged
	 */
	const chooseLinkRemoval = function() {
		if ( choosing ) {
			var summary = txt.summaryRemoved;
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			currentPageParameters.content = removeLink( currentPageParameters.content, currentLink );
			doLink();
		}
	};
	
	/*
	 * Add a &quot;disambiguation needed&quot; template after the link
	 */
	const chooseDisamNeeded = function() {
		chooseReplacement( currentLink.title, cfg.disamNeededText, txt.summaryHelpNeeded );
	};
	
	/*
	 * Undo the last change
	 */
	const undo = function() {
		if ( pageChanges.length !== 0 ) {
			var lastPage = pageChanges[pageChanges.length - 1];
			if ( currentPageTitle !== lastPage.title ) {
				links.unshift( currentPageTitle );
				currentPageTitle = lastPage.title;
			}
			currentPageParameters = lastPage.page;
			currentPageParameters.content = lastPage.contentBefore.pop();
			currentLink = lastPage.links.pop();
			lastPage.summary.pop();
			if ( lastPage.contentBefore.length === 0 ) {
				pageChanges.pop();
			}
			updateContext();
		}
	};
	
	/*
	 * Omit the current link without making a change
	 */
	const omit = function() {
		chooseReplacement( null );
	};
	
	/*
	 * Save all the pending changes and restart the tool.
	 */
	const refresh = function() {
		saveAndEnd();
		start();
	};
	
	/*
	 * Enable or disable the buttons that can perform actions on a page or change the current link.
	 * enabled: Whether to enable or disable the buttons
	 */
	const toggleActionButtons = function( enabled ) {
		var affectedButtons = [ui.omitButton, ui.titleAsTextButton, ui.removeLinkButton,
			ui.intentionalLinkButton, ui.disamNeededButton, ui.undoButton];
		$.each( affectedButtons, function( ii, button ) {
			button?.prop( 'disabled', !enabled );
		} );	
	};
	
	/*
	 * Show or hide the 'no more links' message
	 * show: Whether to show or hide the message
	 */
	const toggleFinishedMessage = function( show ) {
		toggleActionButtons( !show );
		ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
		ui.finishedMessage.toggle( show );
		ui.pageTitleLine.toggle( !show );
		ui.context.toggle( !show );
		if ( show ) console.log(Date.now())
	};
	
	const togglePendingEditBox = function( show ) {
		if ( pendingEditBox === null ) {
			pendingEditBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-pendingeditbox' );
			pendingEditBoxText = $( '&lt;div&gt;' );
			pendingEditBox.append( pendingEditBoxText ).hide();
			if ( editLimit ) {
				pendingEditBox.append( $( '&lt;div&gt;' ).text( txt.pendingEditBoxLimited )
					.addClass( 'disamassist-subtitle' ) );
			}
			$( '#mw-content-text' ).before( pendingEditBox );
			updateEditCounter();
		}
		if ( show ) {
			pendingEditBox.fadeIn();
		} else {
			pendingEditBox.fadeOut();
		}
	};
	
	const notifyCompletion = function() {
		var oldTitle = document.title;
		document.title = txt.notifyCharacter + document.title;
		$( document.body ).one( 'mousemove', function() {
			document.title = oldTitle;
		} );
	};
	
	/*
	 * Update the displayed information to match the current link
	 * or lack thereof
	 */
	const updateContext = function() {
		updateEditCounter();
		if ( !currentLink ) {
			toggleFinishedMessage( true );
		} else {
			ui.pageTitleLine.html( txt.pageTitleLine.replace( '$1',
				mw.util.getUrl( currentPageTitle, {redirect: 'no'} ) ).replace( '$2', mw.html.escape( currentPageTitle ) ) );
			var context = extractContext( currentPageParameters.content, currentLink );
			ui.context.empty()
				.append( $( '&lt;span&gt;' ).text( context[0] ) )
				.append( $( '&lt;span&gt;' ).text( context[1] ).addClass( 'disamassist-inclink' ) )
				.append( $( '&lt;span&gt;' ).text( context[2] ) );

			toggleFinishedMessage( false );
			ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
			ui.removeLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.intentionalLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.disamNeededButton?.prop( 'disabled', currentPageParameters.redirect || currentLink.hasDisamTemplate );
			choosing = true;
		}
	};
	
	/*
	 * Update the count of pending changes
	 */
	const updateEditCounter = function() {
		if ( ui.pendingEditCounter ) {
			ui.pendingEditCounter.text( txt.pendingEditCounter.replace( '$1', editCount )
				.replace( '$2', countActuallyChangedFullyCheckedPages() ) );
		}
		if ( pendingEditBox ) {
			if ( editCount === 0 &amp;&amp; !running ) {
				togglePendingEditBox( false );
				notifyCompletion();
			}
			var textContent = editCount;
			if ( editLimit ) {
				textContent = txt.pendingEditBoxTimeEstimation.replace( '$1', editCount )
					.replace( '$2', secondsToHHMMSS( cfg.editCooldown * editCount ) );
			}
			pendingEditBoxText.text( txt.pendingEditBox.replace( '$1', textContent ) );
		}
	};
	
	/*
	 * Apply the changes made to an &quot;origin&quot; page
	 * pageChange: Change that will be saved
	 */
	const applyChange = function( pageChange ) {
		if ( pageChange.page.content !== pageChange.contentBefore[0] ) {
			editCount++;
			// Filter duplicates and join
			var changeSummaries = pageChange.summary
				.filter( ( val, i, arr ) =&gt; val &amp;&amp; arr.indexOf( val ) === i )
				.join( txt.summarySeparator );
			var summary = txt.summary.replace( '$1', getTargetPage() ).replace( '$2', changeSummaries );
			var save = editLimit ? saveWithCooldown : savePage;
			save( pageChange.title, pageChange.page, summary, true, true ).always( function() {
				if ( editCount &gt; 0 ) {
					editCount--;
				}
				updateEditCounter();
			} ).fail( error );
			updateEditCounter();
		}
	};
	
	/*
	 * Save all the pending changes
	 */
	const applyAllChanges = function() {
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			applyChange( pageChanges[ii] );
		}
		pageChanges = [];
	};
	
	/*
	 * Record a new pending change
	 * pageTitle: Title of the page
	 * page: Content of the page
	 * oldContent: Content of the page before the change
	 * link: Link that has been changed
	 * summary: Change summary
	 */
	const addChange = function( pageTitle, page, oldContent, link, summary ) {
		if ( ( pageChanges.length === 0 ) || ( pageChanges[pageChanges.length - 1].title !== pageTitle ) ) {
			pageChanges.push( {
				title: pageTitle,
				page: page,
				contentBefore: [],
				links: [],
				summary: []
			} );
		}
		var lastPageChange = pageChanges[pageChanges.length - 1];
		lastPageChange.contentBefore.push( oldContent );
		lastPageChange.links.push( link );
		lastPageChange.summary.push( summary );
	};
	
	/*
	 * Check whether actual changes are stored in the history array
	 */
	const checkActualChanges = function() {
		return countActualChanges() !== 0;
	};
	
	/*
	 * Return the number of entries in the history array that represent actual changes
	 */
	const countActualChanges = function() {
		var changeCount = 0;
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			if ( pageChanges[ii].page.content !== pageChanges[ii].contentBefore[0] ) {
				changeCount++;
			}
		}
		return changeCount;		
	};
	
	/*
	 * Return the number of changed pages in the history array, ignoring the last entry
	 * if we aren't done with that page yet
	 */
	const countActuallyChangedFullyCheckedPages = function() {
		var changeCount = countActualChanges();
		if ( pageChanges.length !== 0 ) {
			var lastChange = pageChanges[pageChanges.length - 1];
			if ( lastChange.title === currentPageTitle &amp;&amp; currentLink !== null
					&amp;&amp; lastChange.page.content !== lastChange.contentBefore[0] ) {
				changeCount--;
			}
		}
		return changeCount;
	};
	
	/*
	 * Find the links to disambiguation options in a disambiguation page
	 */
	const getDisamOptions = function() {
		return $( '#mw-content-text a' ).filter( function() {
			return !!extractPageName( $( this ) );
		} );
	};

	/*
	 * Save all the pending changes and close the tool
	 */
	const saveAndEnd = function() {
		applyAllChanges();
		end();
	};
	
	/*
	 * Close the tool
	 */
	const end = function() {
		var currentToolUI = ui.display;
		choosing = false;
		running = false;
		$( '.disamassist-optionmarker' ).remove();
		currentToolUI.fadeOut( { complete: function() {
			currentToolUI.remove();
			if ( editCount !== 0 ) {
				togglePendingEditBox( true );
			}
		} } );
	};
	
	/*
	 * Display an error message
	 */
	const error = function( errorDescription ) {
		var errorBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-errorbox' );
		errorBox.text( txt.error.replace( '$1', errorDescription ) );
		errorBox.append( createButton( txt.dismissError, function() {
			errorBox.fadeOut();
		} ).addClass( 'disamassist-errorbutton' ) );
		var uiIsInPlace = ui &amp;&amp; $.contains( document.documentElement, ui.display[0] );
		var nextElement = uiIsInPlace ? ui.display : $( '#mw-content-text' );
		nextElement.before( errorBox );
		errorBox.hide().fadeIn();
	}
	
	/*
	 * Change a link so that it points to the title
	 * text: The wikitext of the whole page
	 * title: The new destination of the link
	 * link: The link that will be modified
	 * extra: Text that will be added after the link (optional)
	 */
	const replaceLink = function( text, title, link, extra ) {
		var anchor = link.anchor || '';
		var newContent;

		if ( link.type === 'sortnaam' ) {
			newContent = '{{sortnaam|' + link.first + '|' + link.last + '|' + title + anchor + '}}';
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + ( extra || '' ) + linkEnd;
		}

		if ( isSamePage( title, link.description ) ) {
			newContent = link.description + anchor;
		} else {
			newContent = title + anchor + '|' + link.description;
		}
		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + '[[' + newContent + ']]' + link.afterDescription + ( extra || '' ) + linkEnd;
	};	
	/*
	 * Remove a link from the text
	 * text: The wikitext of the whole page
	 * link: The link that will be removed
	 */

	const removeLink = function( text, link ) {
		var anchor = link.anchor || '';

		if ( link.type === 'sortnaam' ) {
			// Als er een derde parameter of anker was, laten we de derde parameter weg of behouden we alleen de basis
			var newContent = '{{sortnaam|' + link.first + '|' + link.last + '}}' + anchor;
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + linkEnd;
		}

		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + link.description + anchor + link.afterDescription + linkEnd;
	};
	
	/*
	 * Extract a link from a string in wiki format,
	 * starting from a given index. Return a link if one can be found,
	 * otherwise return null. The &quot;link&quot; includes &quot;disambiguation needed&quot;
	 * templates inmediately following the link proper
	 * text: Text from which the link will be extracted
	 * lastIndex: Index from which the search will start
	 */
const extractLink = function( text, lastIndex ) {
		// 1. Zoek naar gewone wikitlinks (inclusief optioneel anker #...)
		titleRegex.lastIndex = lastIndex;
		var wikiMatch = titleRegex.exec( text );

		// 2. Zoek naar sortnaam-templates (inclusief optioneel anker na de derde parameter of achter de template)
		var sortnaamRegex = new RegExp('{{\\s*sortnaam\\s*\\|\\s*([^|]+?)\\s*\\|\\s*([^|]+?)\\s*(?:\\|\\s*([^|#}]*?)\\s*)?(#[^|}]*)?}}', 'gi');
		sortnaamRegex.lastIndex = lastIndex;
		var sortnaamMatch = sortnaamRegex.exec( text );

		var matchType = null;
		var matchIndex = Infinity;

		if ( wikiMatch !== null &amp;&amp; wikiMatch.index &gt;= lastIndex ) {
			matchIndex = wikiMatch.index;
			matchType = 'wiki';
		}

		if ( sortnaamMatch !== null &amp;&amp; sortnaamMatch.index &gt;= lastIndex &amp;&amp; sortnaamMatch.index &lt; matchIndex ) {
			matchIndex = sortnaamMatch.index;
			matchType = 'sortnaam';
		}

		if ( matchType === 'wiki' ) {
			var possiblyAmbiguous = true;
			var hasDisamTemplate = false;
			// wikiMatch[2] bevat het anker als dat in de regex is opgenomen, of we vangen het op via de matchlengte
			var fullMatchStr = wikiMatch[0];
			var anchor = wikiMatch[2] ? wikiMatch[2] : '';
			
			var end = wikiMatch.index + fullMatchStr.length;
			var afterDescription = '';
			var rest = text.substring( end );
			var templateRegex = /^(\w*[.,:;?!)}\s]*){{\s*([^|{}]+?)\s*(?:\|[^{]*?)?}}/g;
			var templateMatch = templateRegex.exec( rest );
			if ( templateMatch !== null ) {
				var templateTitle = getCanonicalTitle( templateMatch[2] );
				if ( cfg.disamLinkTemplates?.includes( templateTitle ) ) {
					end += templateMatch[0].length;
					afterDescription = templateMatch[1].replace(/\s$/, '');
					hasDisamTemplate = true;
				} else if ( cfg.disamLinkIgnoreTemplates?.includes( templateTitle ) ) {
					possiblyAmbiguous = false;
				}
			}
			return {
				type: 'wiki',
				start: wikiMatch.index,
				end: end,
				possiblyAmbiguous: possiblyAmbiguous,
				hasDisamTemplate: hasDisamTemplate,
				title: wikiMatch[1],
				description: wikiMatch[3] ? wikiMatch[3] : wikiMatch[1],
				anchor: anchor,
				afterDescription: afterDescription
			};
		} else if ( matchType === 'sortnaam' ) {
			var first = sortnaamMatch[1].trim();
			var last = sortnaamMatch[2].trim();
			var explicitTarget = sortnaamMatch[3] ? sortnaamMatch[3].trim() : '';
			var anchor = sortnaamMatch[4] ? sortnaamMatch[4].trim() : '';
			var target = explicitTarget !== '' ? explicitTarget : ( first + ' ' + last );

			return {
				type: 'sortnaam',
				start: sortnaamMatch.index,
				end: sortnaamMatch.index + sortnaamMatch[0].length,
				possiblyAmbiguous: true,
				hasDisamTemplate: false,
				title: target,
				description: sortnaamMatch[0],
				first: first,
				last: last,
				explicitTarget: explicitTarget,
				anchor: anchor,
				afterDescription: ''
			};
		}

		return null;
	};
	
	/*
	 * Extract a link to one of a number of destination pages from a string 
	 * (&quot;text&quot;) in wiki format, starting from a given index (&quot;lastIndex&quot;).
	 * &quot;Disambiguation needed&quot; templates are included as part of the links.
	 * text: Page in wiki format
	 * destinations: Array of page titles to look for
	 * lastIndex: Index from which the search will start
	 */
	const extractLinkToPage = function( text, destinations, lastIndex ) {
		var link, title;
		do {
			link = extractLink( text, lastIndex );
			if ( link !== null ) {
				lastIndex = link.end;
				title = getCanonicalTitle( link.title );
			}
		} while (
			link !== null
			&amp;&amp; ( !link.possiblyAmbiguous || !destinations?.includes( title ) )
		);
		return link;
	};
	
	/*
	 * Find the &quot;target&quot; page: either the one we are in or the &quot;main&quot; one found by extracting
     * the title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const getTargetPage = function() {
		var title = getTitle();
		return forceSamePage ? title : removeDisam( title );
	};
	
	/*
	 * Get the page title, with the namespace prefix if any.
	 */
	const getTitle = function() {
		return mw.config.get( 'wgPageName' ).replace(/_/g, ' ')
	}
	
	/*
	 * Extract a &quot;main&quot; title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const removeDisam = function( title ) {
		var match = new RegExp( cfg.disamRegExp ).exec( title );
		return match ? match[1] : title;
	};
	
	/*
	 * Check whether two page titles are the same
	 */
	const isSamePage = function( title1, title2 ) {
		return getCanonicalTitle( title1 ) === getCanonicalTitle( title2 );
	};

	/*
	 * Return the 'canonical title' of a page
	 */
	const getCanonicalTitle = function( title ) {
		try {
			title = new mw.Title( title );

			// Check that page name matches the current namespace
			if ( title.getNamespaceId() !== mw.config.get( 'wgNamespaceNumber' ) ) {
				return;
			}

			const fragment = title.getFragment();
			return title.getPrefixedText() + ( fragment ? `#${ fragment }` : '' );
		} catch ( ex ) {
			// mw.Title seems to be buggy, and some valid titles are rejected
			// FIXME: This may cause false negatives	
		}
	};
	
	/*
	 * Extract the context around a given link in a text string
	 */
	const extractContext = function( text, link ) {
		var contextStart = link.start - cfg.radius;
		var contextEnd = link.end + cfg.radius;
		var contextPrev = text.substring( contextStart, link.start );
		const ellipsis = '…';
		if ( contextStart &gt; 0 ) {
			contextPrev = ellipsis + contextPrev;
		}
		var contextNext = text.substring( link.end, contextEnd );
		if ( contextEnd &lt; text.length ) {
			contextNext = contextNext + ellipsis;
		}
		return [contextPrev, text.substring( link.start, link.end ), contextNext];
	};

	/*
	 * Extract the prefixed page name from a link
	 */
	const extractPageName = function( link ) {
		var pageName = extractPageNameRaw( link );
		if ( pageName ) {
			return getCanonicalTitle( pageName );
		}
		
		return null;
	};
	
	/*
	 * Extract the page name from a link, as is
	 */
	const extractPageNameRaw = function( link ) {
		// Ignore images and interwiki links
		if ( link.hasClass( 'image' ) || link.hasClass( 'extiw' ) ) {
			return null;
		}
		var href = link.attr( 'href' );

		// Red links in old parser format
		if ( link.hasClass( 'new' ) ) {
			const oldRedLink = mw.util.getParamValue( 'title', href );
			if ( oldRedLink !== null ) {
				return oldRedLink;
			}
		}

		// Check that external links are coming from this wiki
		if ( href.indexOf( '//' ) === 0 || href.indexOf( 'https://' ) === 0 ) {
			try {
				const fullUrl = href.indexOf( '//' ) === 0 ? location.protocol + href : href;
				let urlData = new URL( fullUrl );
				if ( urlData.hostname !== location.hostname ) {
					return null;
				}
			} catch( e ) {
				return null;
			}
		}

		var articlePathRegexp = new RegExp(
			mw.config.get( 'wgArticlePath' ).replace( '$1', '([^?]*)' )
		);
		var result = articlePathRegexp.exec( href );
		if ( Array.isArray( result ) &amp;&amp; result.length &gt; 1 ) {
			return decodeURIComponent( result[ 1 ] );
		}

		return null;
	};
	
	/*
	 * Check whether this is a disambiguation page
	 */
	const isDisam = function() {
		const categories = mw.config.get( 'wgCategories', [] );
		return cfg.disamCategories.some( c =&gt; categories.includes( c ) );
	};
	
	const secondsToHHMMSS = function( totalSeconds ) {
		var hhmmss = '';
		var hours = Math.floor( totalSeconds / 3600 );
		var minutes = Math.floor( totalSeconds % 3600 / 60 );
		var seconds = Math.floor( totalSeconds % 3600 % 60 );
		if ( hours &gt;= 1 ) {
			hhmmss = pad( hours, '0', 2 ) + ':';
		}
		hhmmss += pad( minutes, '0', 2 ) + ':' + pad( seconds, '0', 2 );
		return hhmmss;
	};
	
	const pad = function( str, z, width ) {
		str = str.toString();
		if ( str.length &gt;= width ) {
			return str;
		} else {
			return new Array( width - str.length + 1 ).join( z ) + str;
		}
	}
	
	/*
	 * Create a new button
	 * text: Text that will be displayed on the button
	 * onClick: Function that will be called when the button is clicked
	 */
	const createButton = function( text, onClick ) {
		var button = $( '&lt;button&gt;', { 'type': 'button' } );
		button.text( text );
		button.addClass( 'disamassist-button' ).click( onClick );
		return button;
	};
	
	/*
	 * Given a page title and an array of possible redirects {from, to} (&quot;canonical titles&quot;), find the page
	 * at the end of the redirect chain, if there is one. Otherwise, return the page title that was passed
	 */
	const resolveRedirect = function( pageTitle, possibleRedirects ) {
		var appliedRedirect = true;
		var visitedPages = {};
		var currentPage = getCanonicalTitle( pageTitle );
		while ( appliedRedirect ) {
			appliedRedirect = false;
			for ( var ii = 0; ii &lt; possibleRedirects.length; ii++ ) {
				if ( possibleRedirects[ii].from === currentPage ) {
					if ( visitedPages[possibleRedirects[ii].to] ) {
						// Redirect chain detected
						return pageTitle;
					}
					visitedPages[currentPage] = true;
					appliedRedirect = true;
					currentPage = possibleRedirects[ii].to;
				}
			}
		}
		// No redirect rules applied for an iteration of the outer loop:
		// no more redirects. We are done
		return currentPage;
	};
	
	/*
	 * Fetch the incoming links to a page. Returns a jQuery promise
	 * (success - array of titles of pages that contain links to the target page and
	 * array of &quot;canonical titles&quot; of possible destinations of the backlinks (either
	 * the target page or redirects to the target page), failure - error description)
	 * page: Target page
	 */
	const getBacklinks = function( page ) {
		var dfd = new $.Deferred();
		api.get( {
			'action': 'query',
			'list': 'backlinks',
			'bltitle': page,
			'blredirect': true,
			'bllimit': cfg.backlinkLimit,
			'blnamespace': cfg.targetNamespaces,
		} ).done( function( data ) {
			// There might be duplicate entries in some corner cases. We don't care,
			// since we are going to check later, anyway
			var backlinks = [];
			var linkTitles = [getCanonicalTitle( page )];
			$.each( data.query.backlinks, function() {
				backlinks.push( this.title );
				if ( this.redirlinks ) {
					linkTitles.push( this.title );
					$.each( this.redirlinks, function() {
						backlinks.push( this.title );
					} );
				}
			} );
			dfd.resolve( backlinks, linkTitles );
		} ).fail( function( code, data ) {
			dfd.reject( txt.getBacklinksError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download a list of redirects for some pages. Returns a jQuery callback (success -
	 * array of redirects ({from, to}), failure - error description )
	 * pageTitles: Array of page titles
	 */
	const fetchRedirects = function( pageTitles ) {
		var dfd = new $.Deferred();
		var currentTitles = pageTitles.slice( 0, cfg.queryTitleLimit );
		var restTitles = pageTitles.slice( cfg.queryTitleLimit );
		api.get( {
			action: 'query',
			titles: currentTitles,
			redirects: true,
		} ).done( function( data ) {
			var theseRedirects = data.query.redirects ? data.query.redirects : [];
			if ( restTitles.length !== 0 ) {
				fetchRedirects( restTitles ).done( function( redirects ) {
					dfd.resolve( theseRedirects.concat( redirects ) );
				} ).fail( function( description ) {
					dfd.reject( description );
				} );
			} else {
				dfd.resolve( theseRedirects );
			}
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRedirectsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download the list of user rights for the current user. Returns a
	 * jQuery promise (success - array of right names, error - error description)
	 */
	const fetchRights = function() {
		var dfd = $.Deferred();
		api.get( {
			action: 'query',
			meta: 'userinfo',
			uiprop: 'rights',
		} ).done( function( data ) {
			dfd.resolve( data.query.userinfo.rights );
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRightsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Load the raw page text for a given title. Returns a jQuery promise (success - page
	 * content, failure - error description)
	 * pageTitle: Title of the page
	 */
	const loadPage = function( pageTitle ) {
		var dfd = new $.Deferred();
		api.get( {
			action: 'query',
			titles: pageTitle,
			prop: 'revisions',
			rvprop: 'timestamp|content',
			meta: 'tokens',
			type: 'csrf',
		} ).done( function( data ) {
			var pages = data.query.pages;
			for ( var key in pages ) {
				if ( pages.hasOwnProperty( key ) ) {
					break;
				}
			}
			var rawPage = data.query.pages[key];
			var page = {};
			page.missing = rawPage.missing !== undefined;
			if ( rawPage.revisions ) {
				page.content = rawPage.revisions[0]['*'];
				// Assume anything with # at the start is a redirect
				if ( page.content.match( /^#[^\s]*?\s*\[\[/ ) ) {
					page.redirect = true;
				}
				page.baseTimeStamp = rawPage.revisions[0].timestamp;
			} else {
				page.content = '';
				page.baseTimeStamp = null;
			}
			page.startTimeStamp = rawPage.starttimestamp;
			page.editToken = data.query.tokens.csrftoken;
			dfd.resolve( page );
		} ).fail( function( code, data ) {
			dfd.reject( txt.loadPageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Register changes to a page, to be saved later. Returns a jQuery promise
	 * (success - no params, failure - error description). Takes the same parameters
	 * as savePage 
	 */
	const saveWithCooldown = function() {
		var deferred = new $.Deferred();
		pendingSaves.push( {args: arguments, dfd: deferred} );
		if ( !runningSaves ) {
			checkAndSave();
		}
		return deferred.promise();
	};
	
	/*
	 * Save the first set of changes in the list of pending changes, providing that
	 * enough time has passed since the last edit
	 */
	const checkAndSave = function() {
		if ( pendingSaves.length === 0 ) {
			runningSaves = false;
			return;
		}
		runningSaves = true;
		var millisSinceLast = new Date().getTime() - lastEditMillis;
		if ( millisSinceLast &lt; cfg.editCooldown * 1000 ) {
			setTimeout( checkAndSave, cfg.editCooldown * 1000 - millisSinceLast );
		} else {
			// The last edit started at least cfg.editCooldown seconds ago
			var save = pendingSaves.shift();
			savePage.apply( this, save.args ).done( function() {
				checkAndSave();
				save.dfd.resolve();
			} ).fail( function( description ) {
				checkAndSave();
				save.dfd.reject( description );
			} );
			// We'll use the time since the last edit started
			lastEditMillis = new Date().getTime();
		}
	};
	
	/*
	 * Save the changes made to a page. Returns a jQuery promise (success - no params,
	 * failure - error description)
	 * pageTitle: Title of the page
	 * page: Page data
	 * summary: Summary of the changes made to the page
	 * minorEdit: Whether to mark the edit as 'minor'
	 * botEdit: Whether to mark the edit as 'bot'
	 */
	const savePage = function( pageTitle, page, summary, minorEdit, botEdit ) {
		var dfd = new $.Deferred();
		api.post( {
			action: 'edit',
			title: pageTitle,
			token: page.editToken,
			text: page.content,
			basetimestamp: page.baseTimeStamp,
			starttimestamp: page.startTimeStamp,
			summary: summary,
			watchlist: cfg.watch ? cfg.watch : 'nochange',
			assertuser: mw.config.get( 'wgUserName' ),
			minor: minorEdit,
			bot: botEdit,
		} ).done( function() {
			dfd.resolve();
		} ).fail( function( code, data ) {
			dfd.reject( txt.savePageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	install();
} )();
// &lt;/nowiki&gt;</text>
      <sha1>hm77g6qklg9y3s1msf851l8ak2ujh4j</sha1>
    </revision>
    <revision>
      <id>781206</id>
      <parentid>781204</parentid>
      <timestamp>2026-10-27T16:30:18Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <origin>781206</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="38607" sha1="o9wpwfi8bv7dow28110ftqwcxk4q52g" xml:space="preserve">/*
 * DisamAssist: a tool for repairing links from articles to disambiguation pages.
 */

// &lt;nowiki&gt;
// @ts-nocheck
( () =&gt; {
	var cfg = {};
	var txt = {};
	var ui;
	var links, pageChanges;
	var currentPageTitle, currentPageParameters, currentLink;
	var possibleBacklinkDestinations;
	var titleRegex;
	var forceSamePage = false;
	var running = false;
	var choosing = false;
	var canMarkIntentionalLinks = false;
	var displayedPages = {};
	var editCount = 0;
	var editLimit;
	var pendingSaves = [];
	var pendingEditBox = null;
	var pendingEditBoxText;
	var lastEditMillis = 0;
	var runningSaves = false;
	
	var api;

	const dependencies = [
		'mediawiki.api',
		'mediawiki.confirmCloseWindow',
		'mediawiki.Title',
		'mediawiki.util',
	];

	/**
	 * Add an item in Tools menu
	 * @param {string} text
	 * @param {string} id 
	 * @param {(e: MouseEvent) =&gt; void} callback 
	 */
	const disamPortletLink = ( text, id, callback ) =&gt; {
		const portlet = mw.util.addPortletLink(
			'p-tb',
			cfg.helpPage ? mw.util.getUrl( cfg.helpPage ) : '#',
			text,
			id
		);
		const link = portlet?.querySelector( 'a' );
		link?.addEventListener( 'click', callback );
		addButtonEvents( link );
	}
	
	/*
	 * Entry point. Check whether we are in a disambiguation page. If so, add a link to start the tool
	 */
	const install = function() {
		cfg = window.DisamAssist.cfg;
		txt = window.DisamAssist.txt;
		if ( mw.config.get( 'wgAction' ) === 'view' &amp;&amp; isDisam() ) {
			mw.loader.using( dependencies, () =&gt; {
				api = new mw.Api();

				mw.loader.load( 'https://ru.wikipedia.org/w/index.php?title=Участник:Stjn/DisamAssist.css&amp;action=raw&amp;ctype=text/css', 'text/css' );

				// This is a &quot; (disambiguation)&quot; page
				if ( new RegExp( cfg.disamRegExp ).exec( getTitle() ) ) {
					disamPortletLink( txt.startMain, 't-disamAssist-main', startMain );
					disamPortletLink( txt.startSame, 't-disamAssist-same', startSame );
				} else {
					disamPortletLink( txt.start, 't-disamAssist-page', start );
				}
			} );
		}
	};
	
	/*
	 * Start the tool. Display the UI and begin looking for links to fix
	 */
	const start = function( e ) {
		e?.preventDefault();
		if ( !running ) {
			console.log(Date.now())
			running = true;
			links = [];
			pageChanges = [];
			displayedPages = {};
			ensureDABExists().then( function( canMark ) {
				canMarkIntentionalLinks = canMark;
				createUI();
				addUnloadConfirm();
				markDisamOptions();
				checkEditLimit().then( function() {
					togglePendingEditBox( false );
					doPage();
				} );
			} );
		}
	};
	
	/*
	 * Start DisamAssist. Disambiguate incoming links to the current page, regardless
	 * of the title.
	 */
	const startSame = function( e ) {
		e.preventDefault();
		forceSamePage = true;
		start( e );
	};
	
	/*
	 * Start DisamAssist. If the page title ends with &quot; (disambiguation)&quot;, disambiguate
	 * links to the primary topic article. Otherwise, disambiguate links to the current
	 * page.
	 */
	const startMain = function( e ) {
		e.preventDefault();
		forceSamePage = false;
		start( e );
	};
	
	/*
	 * Create and show the user interface.
	 */
	const createUI = function() {
		ui = {
			display: $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-mainbox' ),
			finishedMessage: $( '&lt;div&gt;' ).text( txt.noMoreLinks ).hide(),
			pageTitleLine: $( '&lt;span&gt;' ).addClass( 'disamassist-pagetitleline' ),
			pendingEditCounter: $( '&lt;div&gt;').addClass( 'disamassist-editcounter' ),
			context: $( '&lt;pre&gt;' ).addClass( 'disamassist-context' ),
			undoButton: createButton( txt.undo, undo ),
			omitButton: createButton( txt.omit, omit ),
			endButton: createButton( txt.close, saveAndEnd ),
			refreshButton: createButton( txt.refresh, refresh ),
			titleAsTextButton: createButton( txt.titleAsText, chooseTitleFromPrompt ),
			intentionalLinkButton: canMarkIntentionalLinks ? createButton( txt.intentionalLink, chooseIntentionalLink ) : null,
			disamNeededButton: cfg.disamNeededText ? createButton( txt.disamNeeded, chooseDisamNeeded ) : null,
			removeLinkButton: createButton( txt.removeLink, chooseLinkRemoval )
		};
		var top = $( '&lt;div&gt;' ).addClass( 'disamassist-top' )
			.append( [ui.pageTitleLine, ui.pendingEditCounter] );
		var leftButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-leftbuttons' )
			.append( [ui.titleAsTextButton, ui.removeLinkButton, ui.intentionalLinkButton, ui.disamNeededButton, ui.omitButton] );
		var rightButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-rightbuttons' )
			.append( [ui.undoButton, ui.refreshButton, ui.endButton] );
		var allButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-allbuttons' )
			.append( [leftButtons, rightButtons] );
		ui.display.append( [top, ui.finishedMessage, ui.context, allButtons] );
		updateEditCounter();
		toggleActionButtons( false );
		// Insert the UI in the page
		$( '#mw-content-text' ).before( ui.display );
		ui.display.hide().fadeIn();
	};

	/**
	 * Add button role and related keyboard event
	 * @param {Element} el
	 */
	const addButtonEvents = ( el ) =&gt; {
		el?.setAttribute( 'role', 'button' );
		el?.addEventListener( 'keydown', function( e ) {
			if ( [ 'Enter', 'Space' ].includes( e.code ) ) {
				e.preventDefault();
				this.click();
			}
		} );
	}
	
	/*
	 * If there are pending changes, show a confirm dialog before closing
	 */
	const addUnloadConfirm = function() {
		mw.confirmCloseWindow( {
			test: () =&gt; {
				if ( running &amp;&amp; checkActualChanges() ) {
					return txt.pending;
				} else if ( editCount !== 0 ) {
					return txt.editInProgress;
				}
			}
		} );
	};
	
	/*
	 * Mark the disambiguation options as such
	 */
	const markDisamOptions = function() {
		var optionPageTitles = [];
		var optionMarkers = [];
		getDisamOptions().each( function() {
			var link = $( this );
			var title = extractPageName( link );
			const optionMarker = document.createElement( 'a' );
			optionMarker.classList.add( 'disamassist-optionmarker' );
			optionMarker.href = link.attr( 'href' );
			optionMarker.setAttribute( 'data-title', title );
			optionMarker.textContent = txt.optionMarker;
			optionMarker.addEventListener( 'click', ( e ) =&gt; {
				e.preventDefault();
				chooseReplacement( title );
			} );
			addButtonEvents( optionMarker );
			
			link.after( optionMarker );
			optionMarkers.push( optionMarker );
			optionPageTitles.push( title );
		} );
		// Now check the disambiguation options and display a different message for those that are
		// actually the same as the target page where the links go, as choosing those options doesn't really
		// accomplish anything (except bypassing redirects, which might be useful in some cases)
		var targetPage = getTargetPage();
		fetchRedirects( optionPageTitles.concat( targetPage ) ).done( function( redirects ) {
			var endTargetPage = resolveRedirect( targetPage, redirects );
			for ( var ii = 0; ii &lt; optionPageTitles.length; ii++ ) {
				var endOptionTitle = resolveRedirect( optionPageTitles[ii], redirects );
				if ( isSamePage( optionPageTitles[ii], targetPage ) ) {
					$( optionMarkers[ii] ).text( txt.targetOptionMarker ).addClass( 'disamassist-curroptionmarker');
				} else if ( isSamePage( endOptionTitle, endTargetPage ) ) {
					$( optionMarkers[ii] ).text( txt.redirectOptionMarker ).addClass( 'disamassist-curroptionmarker');
				}
			}
		} ).fail( error );	
	};
	
	/*
	 * Check whether intentional links to disambiguation pages can be explicitly marked
	 * as such in this wiki. If so, ensure that a &quot;Foo (disambiguation)&quot; page exists.
	 * Returns a jQuery promise
	 */
	const ensureDABExists = function() {
		var dfd = new $.Deferred();
		var title = getTitle();
		// That concept doesn't exist in this wiki.
		if ( !cfg.intentionalLinkOption ) {
			dfd.resolve( false );
		// &quot;Foo (disambiguation)&quot; exists: it's the current page.
		} else if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			dfd.resolve( true );
		} else {
			var disamTitle = cfg.disamFormat.replace( '$1', title );
			loadPage( disamTitle ).done( function( page ) {
				// &quot;Foo (disambiguation)&quot; doesn't exist.
				if ( page.missing ) {
					// We try to create it
					page.content = cfg.redirectToDisam.replace( '$1', title );
					var summary = txt.redirectSummary.replace( '$1', title );
					savePage( disamTitle, page, summary, false, true ).done( function() {
						dfd.resolve( true );
					} ).fail( function( description ) {
						error( description );
						dfd.resolve( false );
					} );
				// It does exist
				} else {
					dfd.resolve( true );
				}
			} ).fail( function( description ) {
				error( description );
				dfd.resolve( false );
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Check whether the edit cooldown applies and sets editLimit accordingly.
	 * Returns a jQuery promise
	 */
	const checkEditLimit = function() {
		var dfd = new $.Deferred();
		if ( cfg.editCooldown &lt;= 0 ) {
			editLimit = false;
			dfd.resolve();
		} else {
			fetchRights().done( function( rights ) {
				editLimit = !rights?.includes( 'bot' );
			} ).fail( function( description ) {
				error( description );
				editLimit = true;
			} ).always( function() {
				dfd.resolve();
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Find and ask the user to fix all the incoming links to the disambiguation (&quot;target&quot;)
	 * page from a single &quot;origin&quot; page
	 */
	const doPage = function() {
		if ( pageChanges.length &gt; cfg.historySize ) {
			applyChange( pageChanges.shift() );
		}
		if ( links.length === 0 ) {
			var targetPage = getTargetPage();
			getBacklinks( targetPage ).done( function( backlinks, pageTitles ) {
				var pending = {};
				$.each( pendingSaves, function() {
					pending[this[0]] = true;
				} );
				possibleBacklinkDestinations = $.grep( pageTitles, function( t, ii) {
					if ( t == targetPage ) {
						return true;
					}
					return removeDisam(t) != targetPage;
				} );
				titleRegex = new RegExp('\\[\\[([ _]*?(?:' + possibleBacklinkDestinations.join('|').replaceAll('(', '\\(').replaceAll(')','\\)').replaceAll(' ', '[ _]') + ')[ _]*?)(#.*?)?(?:\\|(.*?))?\\]\\]', 'gi');
				// Only incoming links from pages we haven't seen yet and we aren't currently
				// saving (displayedPages is reset when the tool is closed and opened again,
				// while the list of pending changes isn't; if the edit cooldown is disabled,
				// it will be empty)
				links = $.grep( backlinks, function( el, ii ) {
					return !displayedPages[el] &amp;&amp; !pending[el];
				} );
				if ( links.length === 0 ) {
					updateContext();
				} else {
					doPage();
				}
			} ).fail( error );
		} else {
			currentPageTitle = links.shift();
			displayedPages[currentPageTitle] = true;
			toggleActionButtons( false );
			loadPage( currentPageTitle ).done( function( data ) {
				currentPageParameters = data;
				currentLink = null;
				doLink();
			} ).fail( error );
		}
	};
	
	/*
	 * Find and ask the user to fix a single incoming link to the disambiguation (&quot;target&quot;)
	 * page
	 */
	const doLink = function() {
		if (!currentPageParameters.redirect) {
			currentLink = extractLinkToPage( currentPageParameters.content,
				possibleBacklinkDestinations, currentLink ? currentLink.end : 0 );
			if ( currentLink ) {
				updateContext();
			} else {
				doPage();
			}
		} else {
			doPage();
		}
	};
	
	/*
	 * Replace the target of a link with a different one
	 * pageTitle: New link target
	 * extra: Additional text after the link (optional)
	 * summary: Change summary (optional)
	 */
	const chooseReplacement = function( pageTitle, extra, summary ) {
		if ( choosing ) {
			choosing = false;
			if ( !summary ) {
				if ( pageTitle ) {
					summary = txt.summaryChanged.replace( '$1', pageTitle );		
				} else {
					summary = txt.summaryOmitted;
				}
			}
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			if ( pageTitle &amp;&amp; ( pageTitle !== getTargetPage() || extra ) ) {
				if ( currentPageParameters.redirect ) {
					currentLink.description = pageTitle;
				}
				currentPageParameters.content =
					replaceLink( currentPageParameters.content, pageTitle, currentLink, extra || '' );
			}
			doLink();
		}
	};
	
	/*
	 * Replace the link with an explicit link to the disambiguation page
	 */
	const chooseIntentionalLink = function() {
		const targetPage = getTargetPage();
		let title = cfg.disamFormat.replace( '$1', targetPage );
		if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			title = targetPage;
		}
		chooseReplacement( title, '', txt.summaryIntentional );
	};
	
	/*
	 * Prompt for an alternative link target and use it as a replacement
	 */
	const chooseTitleFromPrompt = function() {
		var title = prompt( txt.titleAsTextPrompt );
		if ( title !== null ) {
			chooseReplacement( title );
		}
	};
	
	/*
	 * Remove the current link, leaving the text unchanged
	 */
	const chooseLinkRemoval = function() {
		if ( choosing ) {
			var summary = txt.summaryRemoved;
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			currentPageParameters.content = removeLink( currentPageParameters.content, currentLink );
			doLink();
		}
	};
	
	/*
	 * Add a &quot;disambiguation needed&quot; template after the link
	 */
	const chooseDisamNeeded = function() {
		chooseReplacement( currentLink.title, cfg.disamNeededText, txt.summaryHelpNeeded );
	};
	
	/*
	 * Undo the last change
	 */
	const undo = function() {
		if ( pageChanges.length !== 0 ) {
			var lastPage = pageChanges[pageChanges.length - 1];
			if ( currentPageTitle !== lastPage.title ) {
				links.unshift( currentPageTitle );
				currentPageTitle = lastPage.title;
			}
			currentPageParameters = lastPage.page;
			currentPageParameters.content = lastPage.contentBefore.pop();
			currentLink = lastPage.links.pop();
			lastPage.summary.pop();
			if ( lastPage.contentBefore.length === 0 ) {
				pageChanges.pop();
			}
			updateContext();
		}
	};
	
	/*
	 * Omit the current link without making a change
	 */
	const omit = function() {
		chooseReplacement( null );
	};
	
	/*
	 * Save all the pending changes and restart the tool.
	 */
	const refresh = function() {
		saveAndEnd();
		start();
	};
	
	/*
	 * Enable or disable the buttons that can perform actions on a page or change the current link.
	 * enabled: Whether to enable or disable the buttons
	 */
	const toggleActionButtons = function( enabled ) {
		var affectedButtons = [ui.omitButton, ui.titleAsTextButton, ui.removeLinkButton,
			ui.intentionalLinkButton, ui.disamNeededButton, ui.undoButton];
		$.each( affectedButtons, function( ii, button ) {
			button?.prop( 'disabled', !enabled );
		} );	
	};
	
	/*
	 * Show or hide the 'no more links' message
	 * show: Whether to show or hide the message
	 */
	const toggleFinishedMessage = function( show ) {
		toggleActionButtons( !show );
		ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
		ui.finishedMessage.toggle( show );
		ui.pageTitleLine.toggle( !show );
		ui.context.toggle( !show );
		if ( show ) console.log(Date.now())
	};
	
	const togglePendingEditBox = function( show ) {
		if ( pendingEditBox === null ) {
			pendingEditBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-pendingeditbox' );
			pendingEditBoxText = $( '&lt;div&gt;' );
			pendingEditBox.append( pendingEditBoxText ).hide();
			if ( editLimit ) {
				pendingEditBox.append( $( '&lt;div&gt;' ).text( txt.pendingEditBoxLimited )
					.addClass( 'disamassist-subtitle' ) );
			}
			$( '#mw-content-text' ).before( pendingEditBox );
			updateEditCounter();
		}
		if ( show ) {
			pendingEditBox.fadeIn();
		} else {
			pendingEditBox.fadeOut();
		}
	};
	
	const notifyCompletion = function() {
		var oldTitle = document.title;
		document.title = txt.notifyCharacter + document.title;
		$( document.body ).one( 'mousemove', function() {
			document.title = oldTitle;
		} );
	};
	
	/*
	 * Update the displayed information to match the current link
	 * or lack thereof
	 */
	const updateContext = function() {
		updateEditCounter();
		if ( !currentLink ) {
			toggleFinishedMessage( true );
		} else {
			ui.pageTitleLine.html( txt.pageTitleLine.replace( '$1',
				mw.util.getUrl( currentPageTitle, {redirect: 'no'} ) ).replace( '$2', mw.html.escape( currentPageTitle ) ) );
			var context = extractContext( currentPageParameters.content, currentLink );
			ui.context.empty()
				.append( $( '&lt;span&gt;' ).text( context[0] ) )
				.append( $( '&lt;span&gt;' ).text( context[1] ).addClass( 'disamassist-inclink' ) )
				.append( $( '&lt;span&gt;' ).text( context[2] ) );

			toggleFinishedMessage( false );
			ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
			ui.removeLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.intentionalLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.disamNeededButton?.prop( 'disabled', currentPageParameters.redirect || currentLink.hasDisamTemplate );
			choosing = true;
		}
	};
	
	/*
	 * Update the count of pending changes
	 */
	const updateEditCounter = function() {
		if ( ui.pendingEditCounter ) {
			ui.pendingEditCounter.text( txt.pendingEditCounter.replace( '$1', editCount )
				.replace( '$2', countActuallyChangedFullyCheckedPages() ) );
		}
		if ( pendingEditBox ) {
			if ( editCount === 0 &amp;&amp; !running ) {
				togglePendingEditBox( false );
				notifyCompletion();
			}
			var textContent = editCount;
			if ( editLimit ) {
				textContent = txt.pendingEditBoxTimeEstimation.replace( '$1', editCount )
					.replace( '$2', secondsToHHMMSS( cfg.editCooldown * editCount ) );
			}
			pendingEditBoxText.text( txt.pendingEditBox.replace( '$1', textContent ) );
		}
	};
	
	/*
	 * Apply the changes made to an &quot;origin&quot; page
	 * pageChange: Change that will be saved
	 */
	const applyChange = function( pageChange ) {
		if ( pageChange.page.content !== pageChange.contentBefore[0] ) {
			editCount++;
			// Filter duplicates and join
			var changeSummaries = pageChange.summary
				.filter( ( val, i, arr ) =&gt; val &amp;&amp; arr.indexOf( val ) === i )
				.join( txt.summarySeparator );
			var summary = txt.summary.replace( '$1', getTargetPage() ).replace( '$2', changeSummaries );
			var save = editLimit ? saveWithCooldown : savePage;
			save( pageChange.title, pageChange.page, summary, true, true ).always( function() {
				if ( editCount &gt; 0 ) {
					editCount--;
				}
				updateEditCounter();
			} ).fail( error );
			updateEditCounter();
		}
	};
	
	/*
	 * Save all the pending changes
	 */
	const applyAllChanges = function() {
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			applyChange( pageChanges[ii] );
		}
		pageChanges = [];
	};
	
	/*
	 * Record a new pending change
	 * pageTitle: Title of the page
	 * page: Content of the page
	 * oldContent: Content of the page before the change
	 * link: Link that has been changed
	 * summary: Change summary
	 */
	const addChange = function( pageTitle, page, oldContent, link, summary ) {
		if ( ( pageChanges.length === 0 ) || ( pageChanges[pageChanges.length - 1].title !== pageTitle ) ) {
			pageChanges.push( {
				title: pageTitle,
				page: page,
				contentBefore: [],
				links: [],
				summary: []
			} );
		}
		var lastPageChange = pageChanges[pageChanges.length - 1];
		lastPageChange.contentBefore.push( oldContent );
		lastPageChange.links.push( link );
		lastPageChange.summary.push( summary );
	};
	
	/*
	 * Check whether actual changes are stored in the history array
	 */
	const checkActualChanges = function() {
		return countActualChanges() !== 0;
	};
	
	/*
	 * Return the number of entries in the history array that represent actual changes
	 */
	const countActualChanges = function() {
		var changeCount = 0;
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			if ( pageChanges[ii].page.content !== pageChanges[ii].contentBefore[0] ) {
				changeCount++;
			}
		}
		return changeCount;		
	};
	
	/*
	 * Return the number of changed pages in the history array, ignoring the last entry
	 * if we aren't done with that page yet
	 */
	const countActuallyChangedFullyCheckedPages = function() {
		var changeCount = countActualChanges();
		if ( pageChanges.length !== 0 ) {
			var lastChange = pageChanges[pageChanges.length - 1];
			if ( lastChange.title === currentPageTitle &amp;&amp; currentLink !== null
					&amp;&amp; lastChange.page.content !== lastChange.contentBefore[0] ) {
				changeCount--;
			}
		}
		return changeCount;
	};
	
	/*
	 * Find the links to disambiguation options in a disambiguation page
	 */
	const getDisamOptions = function() {
		return $( '#mw-content-text a' ).filter( function() {
			return !!extractPageName( $( this ) );
		} );
	};

	/*
	 * Save all the pending changes and close the tool
	 */
	const saveAndEnd = function() {
		applyAllChanges();
		end();
	};
	
	/*
	 * Close the tool
	 */
	const end = function() {
		var currentToolUI = ui.display;
		choosing = false;
		running = false;
		$( '.disamassist-optionmarker' ).remove();
		currentToolUI.fadeOut( { complete: function() {
			currentToolUI.remove();
			if ( editCount !== 0 ) {
				togglePendingEditBox( true );
			}
		} } );
	};
	
	/*
	 * Display an error message
	 */
	const error = function( errorDescription ) {
		var errorBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-errorbox' );
		errorBox.text( txt.error.replace( '$1', errorDescription ) );
		errorBox.append( createButton( txt.dismissError, function() {
			errorBox.fadeOut();
		} ).addClass( 'disamassist-errorbutton' ) );
		var uiIsInPlace = ui &amp;&amp; $.contains( document.documentElement, ui.display[0] );
		var nextElement = uiIsInPlace ? ui.display : $( '#mw-content-text' );
		nextElement.before( errorBox );
		errorBox.hide().fadeIn();
	}
	
	/*
	 * Change a link so that it points to the title
	 * text: The wikitext of the whole page
	 * title: The new destination of the link
	 * link: The link that will be modified
	 * extra: Text that will be added after the link (optional)
	 */
	const replaceLink = function( text, title, link, extra ) {
		var newContent;
		if ( link.type === 'sortnaam' ) {
			newContent = '{{sortnaam|' + link.first + '|' + link.last + '|' + title + '}}';
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + ( extra || '' ) + linkEnd;
		}

		if ( isSamePage( title, link.description ) ) {
			// [[B|A]] should be replaced with [[A]] rather than [[A|A]]
			newContent = link.description;
		} else {
			newContent = title + '|' + link.description;
		}
		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + '[[' + newContent + ']]' + link.afterDescription + ( extra || '' ) + linkEnd;
	};
	
	/*
	 * Remove a link from the text
	 * text: The wikitext of the whole page
	 * link: The link that will be removed
	 */

	const removeLink = function( text, link ) {
		if ( link.type === 'sortnaam' ) {
			var newContent = '{{sortnaam|' + link.first + '|' + link.last + '}}';
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + linkEnd;
		}

		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + link.description + link.afterDescription + linkEnd;
	};
	
	/*
	 * Extract a link from a string in wiki format,
	 * starting from a given index. Return a link if one can be found,
	 * otherwise return null. The &quot;link&quot; includes &quot;disambiguation needed&quot;
	 * templates inmediately following the link proper
	 * text: Text from which the link will be extracted
	 * lastIndex: Index from which the search will start
	 */
const extractLink = function( text, lastIndex ) {
		// Zoek eerst naar gewone wikitlinks
		titleRegex.lastIndex = lastIndex;
		var wikiMatch = titleRegex.exec( text );

		// Zoek naar sortnaam-templates (case-insensitief)
		var sortnaamRegex = new RegExp('{{\\s*sortnaam\\s*\\|\\s*([^|]+?)\\s*\\|\\s*([^|]+?)\\s*(?:\\|\\s*([^|}]*?)\\s*)?}}', 'gi');
		sortnaamRegex.lastIndex = lastIndex;
		var sortnaamMatch = sortnaamRegex.exec( text );

		var matchType = null;
		var matchIndex = Infinity;

		if ( wikiMatch !== null &amp;&amp; wikiMatch.index &gt;= lastIndex ) {
			matchIndex = wikiMatch.index;
			matchType = 'wiki';
		}

		if ( sortnaamMatch !== null &amp;&amp; sortnaamMatch.index &gt;= lastIndex &amp;&amp; sortnaamMatch.index &lt; matchIndex ) {
			matchIndex = sortnaamMatch.index;
			matchType = 'sortnaam';
		}

		if ( matchType === 'wiki' ) {
			var possiblyAmbiguous = true;
			var hasDisamTemplate = false;
			var end = wikiMatch.index + 4 + wikiMatch[1].length + ( wikiMatch[3] ? 1 + wikiMatch[3].length : 0 );
			var afterDescription = '';
			var rest = text.substring( end );
			var templateRegex = /^(\w*[.,:;?!)}\s]*){{\s*([^|{}]+?)\s*(?:\|[^{]*?)?}}/g;
			var templateMatch = templateRegex.exec( rest );
			if ( templateMatch !== null ) {
				var templateTitle = getCanonicalTitle( templateMatch[2] );
				if ( cfg.disamLinkTemplates?.includes( templateTitle ) ) {
					end += templateMatch[0].length;
					afterDescription = templateMatch[1].replace(/\s$/, '');
					hasDisamTemplate = true;
				} else if ( cfg.disamLinkIgnoreTemplates?.includes( templateTitle ) ) {
					possiblyAmbiguous = false;
				}
			}
			return {
				type: 'wiki',
				start: wikiMatch.index,
				end: end,
				possiblyAmbiguous: possiblyAmbiguous,
				hasDisamTemplate: hasDisamTemplate,
				title: wikiMatch[1],
				description: wikiMatch[3] ? wikiMatch[3] : wikiMatch[1],
				afterDescription: afterDescription
			};
		} else if ( matchType === 'sortnaam' ) {
			var first = sortnaamMatch[1].trim();
			var last = sortnaamMatch[2].trim();
			var explicitTarget = sortnaamMatch[3] ? sortnaamMatch[3].trim() : '';
			var target = explicitTarget !== '' ? explicitTarget : ( first + ' ' + last );

			return {
				type: 'sortnaam',
				start: sortnaamMatch.index,
				end: sortnaamMatch.index + sortnaamMatch[0].length,
				possiblyAmbiguous: true,
				hasDisamTemplate: false,
				title: target,
				description: sortnaamMatch[0],
				first: first,
				last: last,
				explicitTarget: explicitTarget,
				afterDescription: ''
			};
		}

		return null;
	};
	
	/*
	 * Extract a link to one of a number of destination pages from a string 
	 * (&quot;text&quot;) in wiki format, starting from a given index (&quot;lastIndex&quot;).
	 * &quot;Disambiguation needed&quot; templates are included as part of the links.
	 * text: Page in wiki format
	 * destinations: Array of page titles to look for
	 * lastIndex: Index from which the search will start
	 */
	const extractLinkToPage = function( text, destinations, lastIndex ) {
		var link, title;
		do {
			link = extractLink( text, lastIndex );
			if ( link !== null ) {
				lastIndex = link.end;
				title = getCanonicalTitle( link.title );
			}
		} while (
			link !== null
			&amp;&amp; ( !link.possiblyAmbiguous || !destinations?.includes( title ) )
		);
		return link;
	};
	
	/*
	 * Find the &quot;target&quot; page: either the one we are in or the &quot;main&quot; one found by extracting
     * the title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const getTargetPage = function() {
		var title = getTitle();
		return forceSamePage ? title : removeDisam( title );
	};
	
	/*
	 * Get the page title, with the namespace prefix if any.
	 */
	const getTitle = function() {
		return mw.config.get( 'wgPageName' ).replace(/_/g, ' ')
	}
	
	/*
	 * Extract a &quot;main&quot; title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const removeDisam = function( title ) {
		var match = new RegExp( cfg.disamRegExp ).exec( title );
		return match ? match[1] : title;
	};
	
	/*
	 * Check whether two page titles are the same
	 */
	const isSamePage = function( title1, title2 ) {
		return getCanonicalTitle( title1 ) === getCanonicalTitle( title2 );
	};

	/*
	 * Return the 'canonical title' of a page
	 */
	const getCanonicalTitle = function( title ) {
		try {
			title = new mw.Title( title );

			// Check that page name matches the current namespace
			if ( title.getNamespaceId() !== mw.config.get( 'wgNamespaceNumber' ) ) {
				return;
			}

			const fragment = title.getFragment();
			return title.getPrefixedText() + ( fragment ? `#${ fragment }` : '' );
		} catch ( ex ) {
			// mw.Title seems to be buggy, and some valid titles are rejected
			// FIXME: This may cause false negatives	
		}
	};
	
	/*
	 * Extract the context around a given link in a text string
	 */
	const extractContext = function( text, link ) {
		var contextStart = link.start - cfg.radius;
		var contextEnd = link.end + cfg.radius;
		var contextPrev = text.substring( contextStart, link.start );
		const ellipsis = '…';
		if ( contextStart &gt; 0 ) {
			contextPrev = ellipsis + contextPrev;
		}
		var contextNext = text.substring( link.end, contextEnd );
		if ( contextEnd &lt; text.length ) {
			contextNext = contextNext + ellipsis;
		}
		return [contextPrev, text.substring( link.start, link.end ), contextNext];
	};

	/*
	 * Extract the prefixed page name from a link
	 */
	const extractPageName = function( link ) {
		var pageName = extractPageNameRaw( link );
		if ( pageName ) {
			return getCanonicalTitle( pageName );
		}
		
		return null;
	};
	
	/*
	 * Extract the page name from a link, as is
	 */
	const extractPageNameRaw = function( link ) {
		// Ignore images and interwiki links
		if ( link.hasClass( 'image' ) || link.hasClass( 'extiw' ) ) {
			return null;
		}
		var href = link.attr( 'href' );

		// Red links in old parser format
		if ( link.hasClass( 'new' ) ) {
			const oldRedLink = mw.util.getParamValue( 'title', href );
			if ( oldRedLink !== null ) {
				return oldRedLink;
			}
		}

		// Check that external links are coming from this wiki
		if ( href.indexOf( '//' ) === 0 || href.indexOf( 'https://' ) === 0 ) {
			try {
				const fullUrl = href.indexOf( '//' ) === 0 ? location.protocol + href : href;
				let urlData = new URL( fullUrl );
				if ( urlData.hostname !== location.hostname ) {
					return null;
				}
			} catch( e ) {
				return null;
			}
		}

		var articlePathRegexp = new RegExp(
			mw.config.get( 'wgArticlePath' ).replace( '$1', '([^?]*)' )
		);
		var result = articlePathRegexp.exec( href );
		if ( Array.isArray( result ) &amp;&amp; result.length &gt; 1 ) {
			return decodeURIComponent( result[ 1 ] );
		}

		return null;
	};
	
	/*
	 * Check whether this is a disambiguation page
	 */
	const isDisam = function() {
		const categories = mw.config.get( 'wgCategories', [] );
		return cfg.disamCategories.some( c =&gt; categories.includes( c ) );
	};
	
	const secondsToHHMMSS = function( totalSeconds ) {
		var hhmmss = '';
		var hours = Math.floor( totalSeconds / 3600 );
		var minutes = Math.floor( totalSeconds % 3600 / 60 );
		var seconds = Math.floor( totalSeconds % 3600 % 60 );
		if ( hours &gt;= 1 ) {
			hhmmss = pad( hours, '0', 2 ) + ':';
		}
		hhmmss += pad( minutes, '0', 2 ) + ':' + pad( seconds, '0', 2 );
		return hhmmss;
	};
	
	const pad = function( str, z, width ) {
		str = str.toString();
		if ( str.length &gt;= width ) {
			return str;
		} else {
			return new Array( width - str.length + 1 ).join( z ) + str;
		}
	}
	
	/*
	 * Create a new button
	 * text: Text that will be displayed on the button
	 * onClick: Function that will be called when the button is clicked
	 */
	const createButton = function( text, onClick ) {
		var button = $( '&lt;button&gt;', { 'type': 'button' } );
		button.text( text );
		button.addClass( 'disamassist-button' ).click( onClick );
		return button;
	};
	
	/*
	 * Given a page title and an array of possible redirects {from, to} (&quot;canonical titles&quot;), find the page
	 * at the end of the redirect chain, if there is one. Otherwise, return the page title that was passed
	 */
	const resolveRedirect = function( pageTitle, possibleRedirects ) {
		var appliedRedirect = true;
		var visitedPages = {};
		var currentPage = getCanonicalTitle( pageTitle );
		while ( appliedRedirect ) {
			appliedRedirect = false;
			for ( var ii = 0; ii &lt; possibleRedirects.length; ii++ ) {
				if ( possibleRedirects[ii].from === currentPage ) {
					if ( visitedPages[possibleRedirects[ii].to] ) {
						// Redirect chain detected
						return pageTitle;
					}
					visitedPages[currentPage] = true;
					appliedRedirect = true;
					currentPage = possibleRedirects[ii].to;
				}
			}
		}
		// No redirect rules applied for an iteration of the outer loop:
		// no more redirects. We are done
		return currentPage;
	};
	
	/*
	 * Fetch the incoming links to a page. Returns a jQuery promise
	 * (success - array of titles of pages that contain links to the target page and
	 * array of &quot;canonical titles&quot; of possible destinations of the backlinks (either
	 * the target page or redirects to the target page), failure - error description)
	 * page: Target page
	 */
	const getBacklinks = function( page ) {
		var dfd = new $.Deferred();
		api.get( {
			'action': 'query',
			'list': 'backlinks',
			'bltitle': page,
			'blredirect': true,
			'bllimit': cfg.backlinkLimit,
			'blnamespace': cfg.targetNamespaces,
		} ).done( function( data ) {
			// There might be duplicate entries in some corner cases. We don't care,
			// since we are going to check later, anyway
			var backlinks = [];
			var linkTitles = [getCanonicalTitle( page )];
			$.each( data.query.backlinks, function() {
				backlinks.push( this.title );
				if ( this.redirlinks ) {
					linkTitles.push( this.title );
					$.each( this.redirlinks, function() {
						backlinks.push( this.title );
					} );
				}
			} );
			dfd.resolve( backlinks, linkTitles );
		} ).fail( function( code, data ) {
			dfd.reject( txt.getBacklinksError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download a list of redirects for some pages. Returns a jQuery callback (success -
	 * array of redirects ({from, to}), failure - error description )
	 * pageTitles: Array of page titles
	 */
	const fetchRedirects = function( pageTitles ) {
		var dfd = new $.Deferred();
		var currentTitles = pageTitles.slice( 0, cfg.queryTitleLimit );
		var restTitles = pageTitles.slice( cfg.queryTitleLimit );
		api.get( {
			action: 'query',
			titles: currentTitles,
			redirects: true,
		} ).done( function( data ) {
			var theseRedirects = data.query.redirects ? data.query.redirects : [];
			if ( restTitles.length !== 0 ) {
				fetchRedirects( restTitles ).done( function( redirects ) {
					dfd.resolve( theseRedirects.concat( redirects ) );
				} ).fail( function( description ) {
					dfd.reject( description );
				} );
			} else {
				dfd.resolve( theseRedirects );
			}
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRedirectsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download the list of user rights for the current user. Returns a
	 * jQuery promise (success - array of right names, error - error description)
	 */
	const fetchRights = function() {
		var dfd = $.Deferred();
		api.get( {
			action: 'query',
			meta: 'userinfo',
			uiprop: 'rights',
		} ).done( function( data ) {
			dfd.resolve( data.query.userinfo.rights );
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRightsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Load the raw page text for a given title. Returns a jQuery promise (success - page
	 * content, failure - error description)
	 * pageTitle: Title of the page
	 */
	const loadPage = function( pageTitle ) {
		var dfd = new $.Deferred();
		api.get( {
			action: 'query',
			titles: pageTitle,
			prop: 'revisions',
			rvprop: 'timestamp|content',
			meta: 'tokens',
			type: 'csrf',
		} ).done( function( data ) {
			var pages = data.query.pages;
			for ( var key in pages ) {
				if ( pages.hasOwnProperty( key ) ) {
					break;
				}
			}
			var rawPage = data.query.pages[key];
			var page = {};
			page.missing = rawPage.missing !== undefined;
			if ( rawPage.revisions ) {
				page.content = rawPage.revisions[0]['*'];
				// Assume anything with # at the start is a redirect
				if ( page.content.match( /^#[^\s]*?\s*\[\[/ ) ) {
					page.redirect = true;
				}
				page.baseTimeStamp = rawPage.revisions[0].timestamp;
			} else {
				page.content = '';
				page.baseTimeStamp = null;
			}
			page.startTimeStamp = rawPage.starttimestamp;
			page.editToken = data.query.tokens.csrftoken;
			dfd.resolve( page );
		} ).fail( function( code, data ) {
			dfd.reject( txt.loadPageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Register changes to a page, to be saved later. Returns a jQuery promise
	 * (success - no params, failure - error description). Takes the same parameters
	 * as savePage 
	 */
	const saveWithCooldown = function() {
		var deferred = new $.Deferred();
		pendingSaves.push( {args: arguments, dfd: deferred} );
		if ( !runningSaves ) {
			checkAndSave();
		}
		return deferred.promise();
	};
	
	/*
	 * Save the first set of changes in the list of pending changes, providing that
	 * enough time has passed since the last edit
	 */
	const checkAndSave = function() {
		if ( pendingSaves.length === 0 ) {
			runningSaves = false;
			return;
		}
		runningSaves = true;
		var millisSinceLast = new Date().getTime() - lastEditMillis;
		if ( millisSinceLast &lt; cfg.editCooldown * 1000 ) {
			setTimeout( checkAndSave, cfg.editCooldown * 1000 - millisSinceLast );
		} else {
			// The last edit started at least cfg.editCooldown seconds ago
			var save = pendingSaves.shift();
			savePage.apply( this, save.args ).done( function() {
				checkAndSave();
				save.dfd.resolve();
			} ).fail( function( description ) {
				checkAndSave();
				save.dfd.reject( description );
			} );
			// We'll use the time since the last edit started
			lastEditMillis = new Date().getTime();
		}
	};
	
	/*
	 * Save the changes made to a page. Returns a jQuery promise (success - no params,
	 * failure - error description)
	 * pageTitle: Title of the page
	 * page: Page data
	 * summary: Summary of the changes made to the page
	 * minorEdit: Whether to mark the edit as 'minor'
	 * botEdit: Whether to mark the edit as 'bot'
	 */
	const savePage = function( pageTitle, page, summary, minorEdit, botEdit ) {
		var dfd = new $.Deferred();
		api.post( {
			action: 'edit',
			title: pageTitle,
			token: page.editToken,
			text: page.content,
			basetimestamp: page.baseTimeStamp,
			starttimestamp: page.startTimeStamp,
			summary: summary,
			watchlist: cfg.watch ? cfg.watch : 'nochange',
			assertuser: mw.config.get( 'wgUserName' ),
			minor: minorEdit,
			bot: botEdit,
		} ).done( function() {
			dfd.resolve();
		} ).fail( function( code, data ) {
			dfd.reject( txt.savePageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	install();
} )();
// &lt;/nowiki&gt;</text>
      <sha1>o9wpwfi8bv7dow28110ftqwcxk4q52g</sha1>
    </revision>
    <revision>
      <id>781207</id>
      <parentid>781206</parentid>
      <timestamp>2026-10-27T16:31:49Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <origin>781207</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="36833" sha1="fdbrrqadgjxuivyvunoy2i6cpab5wem" xml:space="preserve">/*
 * DisamAssist: a tool for repairing links from articles to disambiguation pages.
 */

// &lt;nowiki&gt;
// @ts-nocheck
( () =&gt; {
	var cfg = {};
	var txt = {};
	var ui;
	var links, pageChanges;
	var currentPageTitle, currentPageParameters, currentLink;
	var possibleBacklinkDestinations;
	var titleRegex;
	var forceSamePage = false;
	var running = false;
	var choosing = false;
	var canMarkIntentionalLinks = false;
	var displayedPages = {};
	var editCount = 0;
	var editLimit;
	var pendingSaves = [];
	var pendingEditBox = null;
	var pendingEditBoxText;
	var lastEditMillis = 0;
	var runningSaves = false;
	
	var api;

	const dependencies = [
		'mediawiki.api',
		'mediawiki.confirmCloseWindow',
		'mediawiki.Title',
		'mediawiki.util',
	];

	/**
	 * Add an item in Tools menu
	 * @param {string} text
	 * @param {string} id 
	 * @param {(e: MouseEvent) =&gt; void} callback 
	 */
	const disamPortletLink = ( text, id, callback ) =&gt; {
		const portlet = mw.util.addPortletLink(
			'p-tb',
			cfg.helpPage ? mw.util.getUrl( cfg.helpPage ) : '#',
			text,
			id
		);
		const link = portlet?.querySelector( 'a' );
		link?.addEventListener( 'click', callback );
		addButtonEvents( link );
	}
	
	/*
	 * Entry point. Check whether we are in a disambiguation page. If so, add a link to start the tool
	 */
	const install = function() {
		cfg = window.DisamAssist.cfg;
		txt = window.DisamAssist.txt;
		if ( mw.config.get( 'wgAction' ) === 'view' &amp;&amp; isDisam() ) {
			mw.loader.using( dependencies, () =&gt; {
				api = new mw.Api();

				mw.loader.load( 'https://ru.wikipedia.org/w/index.php?title=Участник:Stjn/DisamAssist.css&amp;action=raw&amp;ctype=text/css', 'text/css' );

				// This is a &quot; (disambiguation)&quot; page
				if ( new RegExp( cfg.disamRegExp ).exec( getTitle() ) ) {
					disamPortletLink( txt.startMain, 't-disamAssist-main', startMain );
					disamPortletLink( txt.startSame, 't-disamAssist-same', startSame );
				} else {
					disamPortletLink( txt.start, 't-disamAssist-page', start );
				}
			} );
		}
	};
	
	/*
	 * Start the tool. Display the UI and begin looking for links to fix
	 */
	const start = function( e ) {
		e?.preventDefault();
		if ( !running ) {
			console.log(Date.now())
			running = true;
			links = [];
			pageChanges = [];
			displayedPages = {};
			ensureDABExists().then( function( canMark ) {
				canMarkIntentionalLinks = canMark;
				createUI();
				addUnloadConfirm();
				markDisamOptions();
				checkEditLimit().then( function() {
					togglePendingEditBox( false );
					doPage();
				} );
			} );
		}
	};
	
	/*
	 * Start DisamAssist. Disambiguate incoming links to the current page, regardless
	 * of the title.
	 */
	const startSame = function( e ) {
		e.preventDefault();
		forceSamePage = true;
		start( e );
	};
	
	/*
	 * Start DisamAssist. If the page title ends with &quot; (disambiguation)&quot;, disambiguate
	 * links to the primary topic article. Otherwise, disambiguate links to the current
	 * page.
	 */
	const startMain = function( e ) {
		e.preventDefault();
		forceSamePage = false;
		start( e );
	};
	
	/*
	 * Create and show the user interface.
	 */
	const createUI = function() {
		ui = {
			display: $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-mainbox' ),
			finishedMessage: $( '&lt;div&gt;' ).text( txt.noMoreLinks ).hide(),
			pageTitleLine: $( '&lt;span&gt;' ).addClass( 'disamassist-pagetitleline' ),
			pendingEditCounter: $( '&lt;div&gt;').addClass( 'disamassist-editcounter' ),
			context: $( '&lt;pre&gt;' ).addClass( 'disamassist-context' ),
			undoButton: createButton( txt.undo, undo ),
			omitButton: createButton( txt.omit, omit ),
			endButton: createButton( txt.close, saveAndEnd ),
			refreshButton: createButton( txt.refresh, refresh ),
			titleAsTextButton: createButton( txt.titleAsText, chooseTitleFromPrompt ),
			intentionalLinkButton: canMarkIntentionalLinks ? createButton( txt.intentionalLink, chooseIntentionalLink ) : null,
			disamNeededButton: cfg.disamNeededText ? createButton( txt.disamNeeded, chooseDisamNeeded ) : null,
			removeLinkButton: createButton( txt.removeLink, chooseLinkRemoval )
		};
		var top = $( '&lt;div&gt;' ).addClass( 'disamassist-top' )
			.append( [ui.pageTitleLine, ui.pendingEditCounter] );
		var leftButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-leftbuttons' )
			.append( [ui.titleAsTextButton, ui.removeLinkButton, ui.intentionalLinkButton, ui.disamNeededButton, ui.omitButton] );
		var rightButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-rightbuttons' )
			.append( [ui.undoButton, ui.refreshButton, ui.endButton] );
		var allButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-allbuttons' )
			.append( [leftButtons, rightButtons] );
		ui.display.append( [top, ui.finishedMessage, ui.context, allButtons] );
		updateEditCounter();
		toggleActionButtons( false );
		// Insert the UI in the page
		$( '#mw-content-text' ).before( ui.display );
		ui.display.hide().fadeIn();
	};

	/**
	 * Add button role and related keyboard event
	 * @param {Element} el
	 */
	const addButtonEvents = ( el ) =&gt; {
		el?.setAttribute( 'role', 'button' );
		el?.addEventListener( 'keydown', function( e ) {
			if ( [ 'Enter', 'Space' ].includes( e.code ) ) {
				e.preventDefault();
				this.click();
			}
		} );
	}
	
	/*
	 * If there are pending changes, show a confirm dialog before closing
	 */
	const addUnloadConfirm = function() {
		mw.confirmCloseWindow( {
			test: () =&gt; {
				if ( running &amp;&amp; checkActualChanges() ) {
					return txt.pending;
				} else if ( editCount !== 0 ) {
					return txt.editInProgress;
				}
			}
		} );
	};
	
	/*
	 * Mark the disambiguation options as such
	 */
	const markDisamOptions = function() {
		var optionPageTitles = [];
		var optionMarkers = [];
		getDisamOptions().each( function() {
			var link = $( this );
			var title = extractPageName( link );
			const optionMarker = document.createElement( 'a' );
			optionMarker.classList.add( 'disamassist-optionmarker' );
			optionMarker.href = link.attr( 'href' );
			optionMarker.setAttribute( 'data-title', title );
			optionMarker.textContent = txt.optionMarker;
			optionMarker.addEventListener( 'click', ( e ) =&gt; {
				e.preventDefault();
				chooseReplacement( title );
			} );
			addButtonEvents( optionMarker );
			
			link.after( optionMarker );
			optionMarkers.push( optionMarker );
			optionPageTitles.push( title );
		} );
		// Now check the disambiguation options and display a different message for those that are
		// actually the same as the target page where the links go, as choosing those options doesn't really
		// accomplish anything (except bypassing redirects, which might be useful in some cases)
		var targetPage = getTargetPage();
		fetchRedirects( optionPageTitles.concat( targetPage ) ).done( function( redirects ) {
			var endTargetPage = resolveRedirect( targetPage, redirects );
			for ( var ii = 0; ii &lt; optionPageTitles.length; ii++ ) {
				var endOptionTitle = resolveRedirect( optionPageTitles[ii], redirects );
				if ( isSamePage( optionPageTitles[ii], targetPage ) ) {
					$( optionMarkers[ii] ).text( txt.targetOptionMarker ).addClass( 'disamassist-curroptionmarker');
				} else if ( isSamePage( endOptionTitle, endTargetPage ) ) {
					$( optionMarkers[ii] ).text( txt.redirectOptionMarker ).addClass( 'disamassist-curroptionmarker');
				}
			}
		} ).fail( error );	
	};
	
	/*
	 * Check whether intentional links to disambiguation pages can be explicitly marked
	 * as such in this wiki. If so, ensure that a &quot;Foo (disambiguation)&quot; page exists.
	 * Returns a jQuery promise
	 */
	const ensureDABExists = function() {
		var dfd = new $.Deferred();
		var title = getTitle();
		// That concept doesn't exist in this wiki.
		if ( !cfg.intentionalLinkOption ) {
			dfd.resolve( false );
		// &quot;Foo (disambiguation)&quot; exists: it's the current page.
		} else if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			dfd.resolve( true );
		} else {
			var disamTitle = cfg.disamFormat.replace( '$1', title );
			loadPage( disamTitle ).done( function( page ) {
				// &quot;Foo (disambiguation)&quot; doesn't exist.
				if ( page.missing ) {
					// We try to create it
					page.content = cfg.redirectToDisam.replace( '$1', title );
					var summary = txt.redirectSummary.replace( '$1', title );
					savePage( disamTitle, page, summary, false, true ).done( function() {
						dfd.resolve( true );
					} ).fail( function( description ) {
						error( description );
						dfd.resolve( false );
					} );
				// It does exist
				} else {
					dfd.resolve( true );
				}
			} ).fail( function( description ) {
				error( description );
				dfd.resolve( false );
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Check whether the edit cooldown applies and sets editLimit accordingly.
	 * Returns a jQuery promise
	 */
	const checkEditLimit = function() {
		var dfd = new $.Deferred();
		if ( cfg.editCooldown &lt;= 0 ) {
			editLimit = false;
			dfd.resolve();
		} else {
			fetchRights().done( function( rights ) {
				editLimit = !rights?.includes( 'bot' );
			} ).fail( function( description ) {
				error( description );
				editLimit = true;
			} ).always( function() {
				dfd.resolve();
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Find and ask the user to fix all the incoming links to the disambiguation (&quot;target&quot;)
	 * page from a single &quot;origin&quot; page
	 */
	const doPage = function() {
		if ( pageChanges.length &gt; cfg.historySize ) {
			applyChange( pageChanges.shift() );
		}
		if ( links.length === 0 ) {
			var targetPage = getTargetPage();
			getBacklinks( targetPage ).done( function( backlinks, pageTitles ) {
				var pending = {};
				$.each( pendingSaves, function() {
					pending[this[0]] = true;
				} );
				possibleBacklinkDestinations = $.grep( pageTitles, function( t, ii) {
					if ( t == targetPage ) {
						return true;
					}
					return removeDisam(t) != targetPage;
				} );
				titleRegex = new RegExp('\\[\\[([ _]*?(?:' + possibleBacklinkDestinations.join('|').replaceAll('(', '\\(').replaceAll(')','\\)').replaceAll(' ', '[ _]') + ')[ _]*?)(#.*?)?(?:\\|(.*?))?\\]\\]', 'gi');
				// Only incoming links from pages we haven't seen yet and we aren't currently
				// saving (displayedPages is reset when the tool is closed and opened again,
				// while the list of pending changes isn't; if the edit cooldown is disabled,
				// it will be empty)
				links = $.grep( backlinks, function( el, ii ) {
					return !displayedPages[el] &amp;&amp; !pending[el];
				} );
				if ( links.length === 0 ) {
					updateContext();
				} else {
					doPage();
				}
			} ).fail( error );
		} else {
			currentPageTitle = links.shift();
			displayedPages[currentPageTitle] = true;
			toggleActionButtons( false );
			loadPage( currentPageTitle ).done( function( data ) {
				currentPageParameters = data;
				currentLink = null;
				doLink();
			} ).fail( error );
		}
	};
	
	/*
	 * Find and ask the user to fix a single incoming link to the disambiguation (&quot;target&quot;)
	 * page
	 */
	const doLink = function() {
		if (!currentPageParameters.redirect) {
			currentLink = extractLinkToPage( currentPageParameters.content,
				possibleBacklinkDestinations, currentLink ? currentLink.end : 0 );
			if ( currentLink ) {
				updateContext();
			} else {
				doPage();
			}
		} else {
			doPage();
		}
	};
	
	/*
	 * Replace the target of a link with a different one
	 * pageTitle: New link target
	 * extra: Additional text after the link (optional)
	 * summary: Change summary (optional)
	 */
	const chooseReplacement = function( pageTitle, extra, summary ) {
		if ( choosing ) {
			choosing = false;
			if ( !summary ) {
				if ( pageTitle ) {
					summary = txt.summaryChanged.replace( '$1', pageTitle );		
				} else {
					summary = txt.summaryOmitted;
				}
			}
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			if ( pageTitle &amp;&amp; ( pageTitle !== getTargetPage() || extra ) ) {
				if ( currentPageParameters.redirect ) {
					currentLink.description = pageTitle;
				}
				currentPageParameters.content =
					replaceLink( currentPageParameters.content, pageTitle, currentLink, extra || '' );
			}
			doLink();
		}
	};
	
	/*
	 * Replace the link with an explicit link to the disambiguation page
	 */
	const chooseIntentionalLink = function() {
		const targetPage = getTargetPage();
		let title = cfg.disamFormat.replace( '$1', targetPage );
		if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			title = targetPage;
		}
		chooseReplacement( title, '', txt.summaryIntentional );
	};
	
	/*
	 * Prompt for an alternative link target and use it as a replacement
	 */
	const chooseTitleFromPrompt = function() {
		var title = prompt( txt.titleAsTextPrompt );
		if ( title !== null ) {
			chooseReplacement( title );
		}
	};
	
	/*
	 * Remove the current link, leaving the text unchanged
	 */
	const chooseLinkRemoval = function() {
		if ( choosing ) {
			var summary = txt.summaryRemoved;
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			currentPageParameters.content = removeLink( currentPageParameters.content, currentLink );
			doLink();
		}
	};
	
	/*
	 * Add a &quot;disambiguation needed&quot; template after the link
	 */
	const chooseDisamNeeded = function() {
		chooseReplacement( currentLink.title, cfg.disamNeededText, txt.summaryHelpNeeded );
	};
	
	/*
	 * Undo the last change
	 */
	const undo = function() {
		if ( pageChanges.length !== 0 ) {
			var lastPage = pageChanges[pageChanges.length - 1];
			if ( currentPageTitle !== lastPage.title ) {
				links.unshift( currentPageTitle );
				currentPageTitle = lastPage.title;
			}
			currentPageParameters = lastPage.page;
			currentPageParameters.content = lastPage.contentBefore.pop();
			currentLink = lastPage.links.pop();
			lastPage.summary.pop();
			if ( lastPage.contentBefore.length === 0 ) {
				pageChanges.pop();
			}
			updateContext();
		}
	};
	
	/*
	 * Omit the current link without making a change
	 */
	const omit = function() {
		chooseReplacement( null );
	};
	
	/*
	 * Save all the pending changes and restart the tool.
	 */
	const refresh = function() {
		saveAndEnd();
		start();
	};
	
	/*
	 * Enable or disable the buttons that can perform actions on a page or change the current link.
	 * enabled: Whether to enable or disable the buttons
	 */
	const toggleActionButtons = function( enabled ) {
		var affectedButtons = [ui.omitButton, ui.titleAsTextButton, ui.removeLinkButton,
			ui.intentionalLinkButton, ui.disamNeededButton, ui.undoButton];
		$.each( affectedButtons, function( ii, button ) {
			button?.prop( 'disabled', !enabled );
		} );	
	};
	
	/*
	 * Show or hide the 'no more links' message
	 * show: Whether to show or hide the message
	 */
	const toggleFinishedMessage = function( show ) {
		toggleActionButtons( !show );
		ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
		ui.finishedMessage.toggle( show );
		ui.pageTitleLine.toggle( !show );
		ui.context.toggle( !show );
		if ( show ) console.log(Date.now())
	};
	
	const togglePendingEditBox = function( show ) {
		if ( pendingEditBox === null ) {
			pendingEditBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-pendingeditbox' );
			pendingEditBoxText = $( '&lt;div&gt;' );
			pendingEditBox.append( pendingEditBoxText ).hide();
			if ( editLimit ) {
				pendingEditBox.append( $( '&lt;div&gt;' ).text( txt.pendingEditBoxLimited )
					.addClass( 'disamassist-subtitle' ) );
			}
			$( '#mw-content-text' ).before( pendingEditBox );
			updateEditCounter();
		}
		if ( show ) {
			pendingEditBox.fadeIn();
		} else {
			pendingEditBox.fadeOut();
		}
	};
	
	const notifyCompletion = function() {
		var oldTitle = document.title;
		document.title = txt.notifyCharacter + document.title;
		$( document.body ).one( 'mousemove', function() {
			document.title = oldTitle;
		} );
	};
	
	/*
	 * Update the displayed information to match the current link
	 * or lack thereof
	 */
	const updateContext = function() {
		updateEditCounter();
		if ( !currentLink ) {
			toggleFinishedMessage( true );
		} else {
			ui.pageTitleLine.html( txt.pageTitleLine.replace( '$1',
				mw.util.getUrl( currentPageTitle, {redirect: 'no'} ) ).replace( '$2', mw.html.escape( currentPageTitle ) ) );
			var context = extractContext( currentPageParameters.content, currentLink );
			ui.context.empty()
				.append( $( '&lt;span&gt;' ).text( context[0] ) )
				.append( $( '&lt;span&gt;' ).text( context[1] ).addClass( 'disamassist-inclink' ) )
				.append( $( '&lt;span&gt;' ).text( context[2] ) );

			toggleFinishedMessage( false );
			ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
			ui.removeLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.intentionalLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.disamNeededButton?.prop( 'disabled', currentPageParameters.redirect || currentLink.hasDisamTemplate );
			choosing = true;
		}
	};
	
	/*
	 * Update the count of pending changes
	 */
	const updateEditCounter = function() {
		if ( ui.pendingEditCounter ) {
			ui.pendingEditCounter.text( txt.pendingEditCounter.replace( '$1', editCount )
				.replace( '$2', countActuallyChangedFullyCheckedPages() ) );
		}
		if ( pendingEditBox ) {
			if ( editCount === 0 &amp;&amp; !running ) {
				togglePendingEditBox( false );
				notifyCompletion();
			}
			var textContent = editCount;
			if ( editLimit ) {
				textContent = txt.pendingEditBoxTimeEstimation.replace( '$1', editCount )
					.replace( '$2', secondsToHHMMSS( cfg.editCooldown * editCount ) );
			}
			pendingEditBoxText.text( txt.pendingEditBox.replace( '$1', textContent ) );
		}
	};
	
	/*
	 * Apply the changes made to an &quot;origin&quot; page
	 * pageChange: Change that will be saved
	 */
	const applyChange = function( pageChange ) {
		if ( pageChange.page.content !== pageChange.contentBefore[0] ) {
			editCount++;
			// Filter duplicates and join
			var changeSummaries = pageChange.summary
				.filter( ( val, i, arr ) =&gt; val &amp;&amp; arr.indexOf( val ) === i )
				.join( txt.summarySeparator );
			var summary = txt.summary.replace( '$1', getTargetPage() ).replace( '$2', changeSummaries );
			var save = editLimit ? saveWithCooldown : savePage;
			save( pageChange.title, pageChange.page, summary, true, true ).always( function() {
				if ( editCount &gt; 0 ) {
					editCount--;
				}
				updateEditCounter();
			} ).fail( error );
			updateEditCounter();
		}
	};
	
	/*
	 * Save all the pending changes
	 */
	const applyAllChanges = function() {
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			applyChange( pageChanges[ii] );
		}
		pageChanges = [];
	};
	
	/*
	 * Record a new pending change
	 * pageTitle: Title of the page
	 * page: Content of the page
	 * oldContent: Content of the page before the change
	 * link: Link that has been changed
	 * summary: Change summary
	 */
	const addChange = function( pageTitle, page, oldContent, link, summary ) {
		if ( ( pageChanges.length === 0 ) || ( pageChanges[pageChanges.length - 1].title !== pageTitle ) ) {
			pageChanges.push( {
				title: pageTitle,
				page: page,
				contentBefore: [],
				links: [],
				summary: []
			} );
		}
		var lastPageChange = pageChanges[pageChanges.length - 1];
		lastPageChange.contentBefore.push( oldContent );
		lastPageChange.links.push( link );
		lastPageChange.summary.push( summary );
	};
	
	/*
	 * Check whether actual changes are stored in the history array
	 */
	const checkActualChanges = function() {
		return countActualChanges() !== 0;
	};
	
	/*
	 * Return the number of entries in the history array that represent actual changes
	 */
	const countActualChanges = function() {
		var changeCount = 0;
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			if ( pageChanges[ii].page.content !== pageChanges[ii].contentBefore[0] ) {
				changeCount++;
			}
		}
		return changeCount;		
	};
	
	/*
	 * Return the number of changed pages in the history array, ignoring the last entry
	 * if we aren't done with that page yet
	 */
	const countActuallyChangedFullyCheckedPages = function() {
		var changeCount = countActualChanges();
		if ( pageChanges.length !== 0 ) {
			var lastChange = pageChanges[pageChanges.length - 1];
			if ( lastChange.title === currentPageTitle &amp;&amp; currentLink !== null
					&amp;&amp; lastChange.page.content !== lastChange.contentBefore[0] ) {
				changeCount--;
			}
		}
		return changeCount;
	};
	
	/*
	 * Find the links to disambiguation options in a disambiguation page
	 */
	const getDisamOptions = function() {
		return $( '#mw-content-text a' ).filter( function() {
			return !!extractPageName( $( this ) );
		} );
	};

	/*
	 * Save all the pending changes and close the tool
	 */
	const saveAndEnd = function() {
		applyAllChanges();
		end();
	};
	
	/*
	 * Close the tool
	 */
	const end = function() {
		var currentToolUI = ui.display;
		choosing = false;
		running = false;
		$( '.disamassist-optionmarker' ).remove();
		currentToolUI.fadeOut( { complete: function() {
			currentToolUI.remove();
			if ( editCount !== 0 ) {
				togglePendingEditBox( true );
			}
		} } );
	};
	
	/*
	 * Display an error message
	 */
	const error = function( errorDescription ) {
		var errorBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-errorbox' );
		errorBox.text( txt.error.replace( '$1', errorDescription ) );
		errorBox.append( createButton( txt.dismissError, function() {
			errorBox.fadeOut();
		} ).addClass( 'disamassist-errorbutton' ) );
		var uiIsInPlace = ui &amp;&amp; $.contains( document.documentElement, ui.display[0] );
		var nextElement = uiIsInPlace ? ui.display : $( '#mw-content-text' );
		nextElement.before( errorBox );
		errorBox.hide().fadeIn();
	}
	
	/*
	 * Change a link so that it points to the title
	 * text: The wikitext of the whole page
	 * title: The new destination of the link
	 * link: The link that will be modified
	 * extra: Text that will be added after the link (optional)
	 */
	const replaceLink = function( text, title, link, extra ) {
		var newContent;
		if ( isSamePage( title, link.description ) ) {
			// [[B|A]] should be replaced with [[A]] rather than [[A|A]]
			newContent = link.description;
		} else {
			newContent = title + '|' + link.description;
		}
		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + '[[' + newContent + ']]' + link.afterDescription + ( extra || '' ) + linkEnd;
	};
	
	/*
	 * Remove a link from the text
	 * text: The wikitext of the whole page
	 * link: The link that will be removed
	 */
	const removeLink = function( text, link ) {
		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + link.description + link.afterDescription + linkEnd;
	};
	
	/*
	 * Extract a link from a string in wiki format,
	 * starting from a given index. Return a link if one can be found,
	 * otherwise return null. The &quot;link&quot; includes &quot;disambiguation needed&quot;
	 * templates inmediately following the link proper
	 * text: Text from which the link will be extracted
	 * lastIndex: Index from which the search will start
	 */
	const extractLink = function( text, lastIndex ) {

		
		// Ditto for the template regex. Disambiguation link templates
		// should be simple enough for this not to matter, though.
		var templateRegex = /^(\w*[.,:;?!)}\s]*){{\s*([^|{}]+?)\s*(?:\|[^{]*?)?}}/g;
		titleRegex.lastIndex = lastIndex;
		var match = titleRegex.exec( text );
		if ( match !== null &amp;&amp; match.index !== -1 ) {
			var possiblyAmbiguous = true;
			var hasDisamTemplate = false;
			var end = match.index + 4 + match[1].length + ( match[3] ? 1 + match[3].length : 0 );
			var afterDescription = '';
			var rest = text.substring( end );
			var templateMatch = templateRegex.exec( rest );
			if ( templateMatch !== null ) {
				var templateTitle = getCanonicalTitle( templateMatch[2] );
				if ( cfg.disamLinkTemplates?.includes( templateTitle ) ) {
					end += templateMatch[0].length;
					afterDescription = templateMatch[1].replace(/\s$/, '');
					hasDisamTemplate = true;
				} else if ( cfg.disamLinkIgnoreTemplates?.includes( templateTitle ) ) {
					possiblyAmbiguous = false;
				}
			}
			return {
				start: match.index,
				end: end,
				possiblyAmbiguous: possiblyAmbiguous,
				hasDisamTemplate: hasDisamTemplate,
				title: match[1],
				description: match[3] ? match[3] : match[1],
				afterDescription: afterDescription
			};
		}
		return null;
	};
	
	/*
	 * Extract a link to one of a number of destination pages from a string 
	 * (&quot;text&quot;) in wiki format, starting from a given index (&quot;lastIndex&quot;).
	 * &quot;Disambiguation needed&quot; templates are included as part of the links.
	 * text: Page in wiki format
	 * destinations: Array of page titles to look for
	 * lastIndex: Index from which the search will start
	 */
	const extractLinkToPage = function( text, destinations, lastIndex ) {
		var link, title;
		do {
			link = extractLink( text, lastIndex );
			if ( link !== null ) {
				lastIndex = link.end;
				title = getCanonicalTitle( link.title );
			}
		} while (
			link !== null
			&amp;&amp; ( !link.possiblyAmbiguous || !destinations?.includes( title ) )
		);
		return link;
	};
	
	/*
	 * Find the &quot;target&quot; page: either the one we are in or the &quot;main&quot; one found by extracting
     * the title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const getTargetPage = function() {
		var title = getTitle();
		return forceSamePage ? title : removeDisam( title );
	};
	
	/*
	 * Get the page title, with the namespace prefix if any.
	 */
	const getTitle = function() {
		return mw.config.get( 'wgPageName' ).replace(/_/g, ' ')
	}
	
	/*
	 * Extract a &quot;main&quot; title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const removeDisam = function( title ) {
		var match = new RegExp( cfg.disamRegExp ).exec( title );
		return match ? match[1] : title;
	};
	
	/*
	 * Check whether two page titles are the same
	 */
	const isSamePage = function( title1, title2 ) {
		return getCanonicalTitle( title1 ) === getCanonicalTitle( title2 );
	};

	/*
	 * Return the 'canonical title' of a page
	 */
	const getCanonicalTitle = function( title ) {
		try {
			title = new mw.Title( title );

			// Check that page name matches the current namespace
			if ( title.getNamespaceId() !== mw.config.get( 'wgNamespaceNumber' ) ) {
				return;
			}

			const fragment = title.getFragment();
			return title.getPrefixedText() + ( fragment ? `#${ fragment }` : '' );
		} catch ( ex ) {
			// mw.Title seems to be buggy, and some valid titles are rejected
			// FIXME: This may cause false negatives	
		}
	};
	
	/*
	 * Extract the context around a given link in a text string
	 */
	const extractContext = function( text, link ) {
		var contextStart = link.start - cfg.radius;
		var contextEnd = link.end + cfg.radius;
		var contextPrev = text.substring( contextStart, link.start );
		const ellipsis = '…';
		if ( contextStart &gt; 0 ) {
			contextPrev = ellipsis + contextPrev;
		}
		var contextNext = text.substring( link.end, contextEnd );
		if ( contextEnd &lt; text.length ) {
			contextNext = contextNext + ellipsis;
		}
		return [contextPrev, text.substring( link.start, link.end ), contextNext];
	};

	/*
	 * Extract the prefixed page name from a link
	 */
	const extractPageName = function( link ) {
		var pageName = extractPageNameRaw( link );
		if ( pageName ) {
			return getCanonicalTitle( pageName );
		}
		
		return null;
	};
	
	/*
	 * Extract the page name from a link, as is
	 */
	const extractPageNameRaw = function( link ) {
		// Ignore images and interwiki links
		if ( link.hasClass( 'image' ) || link.hasClass( 'extiw' ) ) {
			return null;
		}
		var href = link.attr( 'href' );

		// Red links in old parser format
		if ( link.hasClass( 'new' ) ) {
			const oldRedLink = mw.util.getParamValue( 'title', href );
			if ( oldRedLink !== null ) {
				return oldRedLink;
			}
		}

		// Check that external links are coming from this wiki
		if ( href.indexOf( '//' ) === 0 || href.indexOf( 'https://' ) === 0 ) {
			try {
				const fullUrl = href.indexOf( '//' ) === 0 ? location.protocol + href : href;
				let urlData = new URL( fullUrl );
				if ( urlData.hostname !== location.hostname ) {
					return null;
				}
			} catch( e ) {
				return null;
			}
		}

		var articlePathRegexp = new RegExp(
			mw.config.get( 'wgArticlePath' ).replace( '$1', '([^?]*)' )
		);
		var result = articlePathRegexp.exec( href );
		if ( Array.isArray( result ) &amp;&amp; result.length &gt; 1 ) {
			return decodeURIComponent( result[ 1 ] );
		}

		return null;
	};
	
	/*
	 * Check whether this is a disambiguation page
	 */
	const isDisam = function() {
		const categories = mw.config.get( 'wgCategories', [] );
		return cfg.disamCategories.some( c =&gt; categories.includes( c ) );
	};
	
	const secondsToHHMMSS = function( totalSeconds ) {
		var hhmmss = '';
		var hours = Math.floor( totalSeconds / 3600 );
		var minutes = Math.floor( totalSeconds % 3600 / 60 );
		var seconds = Math.floor( totalSeconds % 3600 % 60 );
		if ( hours &gt;= 1 ) {
			hhmmss = pad( hours, '0', 2 ) + ':';
		}
		hhmmss += pad( minutes, '0', 2 ) + ':' + pad( seconds, '0', 2 );
		return hhmmss;
	};
	
	const pad = function( str, z, width ) {
		str = str.toString();
		if ( str.length &gt;= width ) {
			return str;
		} else {
			return new Array( width - str.length + 1 ).join( z ) + str;
		}
	}
	
	/*
	 * Create a new button
	 * text: Text that will be displayed on the button
	 * onClick: Function that will be called when the button is clicked
	 */
	const createButton = function( text, onClick ) {
		var button = $( '&lt;button&gt;', { 'type': 'button' } );
		button.text( text );
		button.addClass( 'disamassist-button' ).click( onClick );
		return button;
	};
	
	/*
	 * Given a page title and an array of possible redirects {from, to} (&quot;canonical titles&quot;), find the page
	 * at the end of the redirect chain, if there is one. Otherwise, return the page title that was passed
	 */
	const resolveRedirect = function( pageTitle, possibleRedirects ) {
		var appliedRedirect = true;
		var visitedPages = {};
		var currentPage = getCanonicalTitle( pageTitle );
		while ( appliedRedirect ) {
			appliedRedirect = false;
			for ( var ii = 0; ii &lt; possibleRedirects.length; ii++ ) {
				if ( possibleRedirects[ii].from === currentPage ) {
					if ( visitedPages[possibleRedirects[ii].to] ) {
						// Redirect chain detected
						return pageTitle;
					}
					visitedPages[currentPage] = true;
					appliedRedirect = true;
					currentPage = possibleRedirects[ii].to;
				}
			}
		}
		// No redirect rules applied for an iteration of the outer loop:
		// no more redirects. We are done
		return currentPage;
	};
	
	/*
	 * Fetch the incoming links to a page. Returns a jQuery promise
	 * (success - array of titles of pages that contain links to the target page and
	 * array of &quot;canonical titles&quot; of possible destinations of the backlinks (either
	 * the target page or redirects to the target page), failure - error description)
	 * page: Target page
	 */
	const getBacklinks = function( page ) {
		var dfd = new $.Deferred();
		api.get( {
			'action': 'query',
			'list': 'backlinks',
			'bltitle': page,
			'blredirect': true,
			'bllimit': cfg.backlinkLimit,
			'blnamespace': cfg.targetNamespaces,
		} ).done( function( data ) {
			// There might be duplicate entries in some corner cases. We don't care,
			// since we are going to check later, anyway
			var backlinks = [];
			var linkTitles = [getCanonicalTitle( page )];
			$.each( data.query.backlinks, function() {
				backlinks.push( this.title );
				if ( this.redirlinks ) {
					linkTitles.push( this.title );
					$.each( this.redirlinks, function() {
						backlinks.push( this.title );
					} );
				}
			} );
			dfd.resolve( backlinks, linkTitles );
		} ).fail( function( code, data ) {
			dfd.reject( txt.getBacklinksError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download a list of redirects for some pages. Returns a jQuery callback (success -
	 * array of redirects ({from, to}), failure - error description )
	 * pageTitles: Array of page titles
	 */
	const fetchRedirects = function( pageTitles ) {
		var dfd = new $.Deferred();
		var currentTitles = pageTitles.slice( 0, cfg.queryTitleLimit );
		var restTitles = pageTitles.slice( cfg.queryTitleLimit );
		api.get( {
			action: 'query',
			titles: currentTitles,
			redirects: true,
		} ).done( function( data ) {
			var theseRedirects = data.query.redirects ? data.query.redirects : [];
			if ( restTitles.length !== 0 ) {
				fetchRedirects( restTitles ).done( function( redirects ) {
					dfd.resolve( theseRedirects.concat( redirects ) );
				} ).fail( function( description ) {
					dfd.reject( description );
				} );
			} else {
				dfd.resolve( theseRedirects );
			}
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRedirectsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download the list of user rights for the current user. Returns a
	 * jQuery promise (success - array of right names, error - error description)
	 */
	const fetchRights = function() {
		var dfd = $.Deferred();
		api.get( {
			action: 'query',
			meta: 'userinfo',
			uiprop: 'rights',
		} ).done( function( data ) {
			dfd.resolve( data.query.userinfo.rights );
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRightsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Load the raw page text for a given title. Returns a jQuery promise (success - page
	 * content, failure - error description)
	 * pageTitle: Title of the page
	 */
	const loadPage = function( pageTitle ) {
		var dfd = new $.Deferred();
		api.get( {
			action: 'query',
			titles: pageTitle,
			prop: 'revisions',
			rvprop: 'timestamp|content',
			meta: 'tokens',
			type: 'csrf',
		} ).done( function( data ) {
			var pages = data.query.pages;
			for ( var key in pages ) {
				if ( pages.hasOwnProperty( key ) ) {
					break;
				}
			}
			var rawPage = data.query.pages[key];
			var page = {};
			page.missing = rawPage.missing !== undefined;
			if ( rawPage.revisions ) {
				page.content = rawPage.revisions[0]['*'];
				// Assume anything with # at the start is a redirect
				if ( page.content.match( /^#[^\s]*?\s*\[\[/ ) ) {
					page.redirect = true;
				}
				page.baseTimeStamp = rawPage.revisions[0].timestamp;
			} else {
				page.content = '';
				page.baseTimeStamp = null;
			}
			page.startTimeStamp = rawPage.starttimestamp;
			page.editToken = data.query.tokens.csrftoken;
			dfd.resolve( page );
		} ).fail( function( code, data ) {
			dfd.reject( txt.loadPageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Register changes to a page, to be saved later. Returns a jQuery promise
	 * (success - no params, failure - error description). Takes the same parameters
	 * as savePage 
	 */
	const saveWithCooldown = function() {
		var deferred = new $.Deferred();
		pendingSaves.push( {args: arguments, dfd: deferred} );
		if ( !runningSaves ) {
			checkAndSave();
		}
		return deferred.promise();
	};
	
	/*
	 * Save the first set of changes in the list of pending changes, providing that
	 * enough time has passed since the last edit
	 */
	const checkAndSave = function() {
		if ( pendingSaves.length === 0 ) {
			runningSaves = false;
			return;
		}
		runningSaves = true;
		var millisSinceLast = new Date().getTime() - lastEditMillis;
		if ( millisSinceLast &lt; cfg.editCooldown * 1000 ) {
			setTimeout( checkAndSave, cfg.editCooldown * 1000 - millisSinceLast );
		} else {
			// The last edit started at least cfg.editCooldown seconds ago
			var save = pendingSaves.shift();
			savePage.apply( this, save.args ).done( function() {
				checkAndSave();
				save.dfd.resolve();
			} ).fail( function( description ) {
				checkAndSave();
				save.dfd.reject( description );
			} );
			// We'll use the time since the last edit started
			lastEditMillis = new Date().getTime();
		}
	};
	
	/*
	 * Save the changes made to a page. Returns a jQuery promise (success - no params,
	 * failure - error description)
	 * pageTitle: Title of the page
	 * page: Page data
	 * summary: Summary of the changes made to the page
	 * minorEdit: Whether to mark the edit as 'minor'
	 * botEdit: Whether to mark the edit as 'bot'
	 */
	const savePage = function( pageTitle, page, summary, minorEdit, botEdit ) {
		var dfd = new $.Deferred();
		api.post( {
			action: 'edit',
			title: pageTitle,
			token: page.editToken,
			text: page.content,
			basetimestamp: page.baseTimeStamp,
			starttimestamp: page.startTimeStamp,
			summary: summary,
			watchlist: cfg.watch ? cfg.watch : 'nochange',
			assertuser: mw.config.get( 'wgUserName' ),
			minor: minorEdit,
			bot: botEdit,
		} ).done( function() {
			dfd.resolve();
		} ).fail( function( code, data ) {
			dfd.reject( txt.savePageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	install();
} )();
// &lt;/nowiki&gt;</text>
      <sha1>fdbrrqadgjxuivyvunoy2i6cpab5wem</sha1>
    </revision>
    <revision>
      <id>781216</id>
      <parentid>781207</parentid>
      <timestamp>2026-10-27T16:40:42Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <origin>781216</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="40391" sha1="rinfy42nb1vgcitq4ksgf8er6krq7aa" xml:space="preserve">/*
 * DisamAssist: a tool for repairing links from articles to disambiguation pages.
 */

// &lt;nowiki&gt;
// @ts-nocheck
( () =&gt; {
	var cfg = {};
	var txt = {};
	var ui;
	var links, pageChanges;
	var currentPageTitle, currentPageParameters, currentLink;
	var possibleBacklinkDestinations;
	var titleRegex;
	var forceSamePage = false;
	var running = false;
	var choosing = false;
	var canMarkIntentionalLinks = false;
	var displayedPages = {};
	var editCount = 0;
	var editLimit;
	var pendingSaves = [];
	var pendingEditBox = null;
	var pendingEditBoxText;
	var lastEditMillis = 0;
	var runningSaves = false;
	
	var api;

	const dependencies = [
		'mediawiki.api',
		'mediawiki.confirmCloseWindow',
		'mediawiki.Title',
		'mediawiki.util',
	];

	/**
	 * Add an item in Tools menu
	 * @param {string} text
	 * @param {string} id 
	 * @param {(e: MouseEvent) =&gt; void} callback 
	 */
	const disamPortletLink = ( text, id, callback ) =&gt; {
		const portlet = mw.util.addPortletLink(
			'p-tb',
			cfg.helpPage ? mw.util.getUrl( cfg.helpPage ) : '#',
			text,
			id
		);
		const link = portlet?.querySelector( 'a' );
		link?.addEventListener( 'click', callback );
		addButtonEvents( link );
	}
	
	/*
	 * Entry point. Check whether we are in a disambiguation page. If so, add a link to start the tool
	 */
	const install = function() {
		cfg = window.DisamAssist.cfg;
		txt = window.DisamAssist.txt;
		if ( mw.config.get( 'wgAction' ) === 'view' &amp;&amp; isDisam() ) {
			mw.loader.using( dependencies, () =&gt; {
				api = new mw.Api();

				mw.loader.load( 'https://ru.wikipedia.org/w/index.php?title=Участник:Stjn/DisamAssist.css&amp;action=raw&amp;ctype=text/css', 'text/css' );

				// This is a &quot; (disambiguation)&quot; page
				if ( new RegExp( cfg.disamRegExp ).exec( getTitle() ) ) {
					disamPortletLink( txt.startMain, 't-disamAssist-main', startMain );
					disamPortletLink( txt.startSame, 't-disamAssist-same', startSame );
				} else {
					disamPortletLink( txt.start, 't-disamAssist-page', start );
				}
			} );
		}
	};
	
	/*
	 * Start the tool. Display the UI and begin looking for links to fix
	 */
	const start = function( e ) {
		e?.preventDefault();
		if ( !running ) {
			console.log(Date.now())
			running = true;
			links = [];
			pageChanges = [];
			displayedPages = {};
			ensureDABExists().then( function( canMark ) {
				canMarkIntentionalLinks = canMark;
				createUI();
				addUnloadConfirm();
				markDisamOptions();
				checkEditLimit().then( function() {
					togglePendingEditBox( false );
					doPage();
				} );
			} );
		}
	};
	
	/*
	 * Start DisamAssist. Disambiguate incoming links to the current page, regardless
	 * of the title.
	 */
	const startSame = function( e ) {
		e.preventDefault();
		forceSamePage = true;
		start( e );
	};
	
	/*
	 * Start DisamAssist. If the page title ends with &quot; (disambiguation)&quot;, disambiguate
	 * links to the primary topic article. Otherwise, disambiguate links to the current
	 * page.
	 */
	const startMain = function( e ) {
		e.preventDefault();
		forceSamePage = false;
		start( e );
	};
	
	/*
	 * Create and show the user interface.
	 */
	const createUI = function() {
		ui = {
			display: $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-mainbox' ),
			finishedMessage: $( '&lt;div&gt;' ).text( txt.noMoreLinks ).hide(),
			pageTitleLine: $( '&lt;span&gt;' ).addClass( 'disamassist-pagetitleline' ),
			pendingEditCounter: $( '&lt;div&gt;').addClass( 'disamassist-editcounter' ),
			context: $( '&lt;pre&gt;' ).addClass( 'disamassist-context' ),
			undoButton: createButton( txt.undo, undo ),
			omitButton: createButton( txt.omit, omit ),
			endButton: createButton( txt.close, saveAndEnd ),
			refreshButton: createButton( txt.refresh, refresh ),
			titleAsTextButton: createButton( txt.titleAsText, chooseTitleFromPrompt ),
			intentionalLinkButton: canMarkIntentionalLinks ? createButton( txt.intentionalLink, chooseIntentionalLink ) : null,
			disamNeededButton: cfg.disamNeededText ? createButton( txt.disamNeeded, chooseDisamNeeded ) : null,
			removeLinkButton: createButton( txt.removeLink, chooseLinkRemoval )
		};
		var top = $( '&lt;div&gt;' ).addClass( 'disamassist-top' )
			.append( [ui.pageTitleLine, ui.pendingEditCounter] );
		var leftButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-leftbuttons' )
			.append( [ui.titleAsTextButton, ui.removeLinkButton, ui.intentionalLinkButton, ui.disamNeededButton, ui.omitButton] );
		var rightButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-rightbuttons' )
			.append( [ui.undoButton, ui.refreshButton, ui.endButton] );
		var allButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-allbuttons' )
			.append( [leftButtons, rightButtons] );
		ui.display.append( [top, ui.finishedMessage, ui.context, allButtons] );
		updateEditCounter();
		toggleActionButtons( false );
		// Insert the UI in the page
		$( '#mw-content-text' ).before( ui.display );
		ui.display.hide().fadeIn();
	};

	/**
	 * Add button role and related keyboard event
	 * @param {Element} el
	 */
	const addButtonEvents = ( el ) =&gt; {
		el?.setAttribute( 'role', 'button' );
		el?.addEventListener( 'keydown', function( e ) {
			if ( [ 'Enter', 'Space' ].includes( e.code ) ) {
				e.preventDefault();
				this.click();
			}
		} );
	}
	
	/*
	 * If there are pending changes, show a confirm dialog before closing
	 */
	const addUnloadConfirm = function() {
		mw.confirmCloseWindow( {
			test: () =&gt; {
				if ( running &amp;&amp; checkActualChanges() ) {
					return txt.pending;
				} else if ( editCount !== 0 ) {
					return txt.editInProgress;
				}
			}
		} );
	};
	
	/*
	 * Mark the disambiguation options as such
	 */
	const markDisamOptions = function() {
		var optionPageTitles = [];
		var optionMarkers = [];
		getDisamOptions().each( function() {
			var link = $( this );
			var title = extractPageName( link );
			const optionMarker = document.createElement( 'a' );
			optionMarker.classList.add( 'disamassist-optionmarker' );
			optionMarker.href = link.attr( 'href' );
			optionMarker.setAttribute( 'data-title', title );
			optionMarker.textContent = txt.optionMarker;
			optionMarker.addEventListener( 'click', ( e ) =&gt; {
				e.preventDefault();
				chooseReplacement( title );
			} );
			addButtonEvents( optionMarker );
			
			link.after( optionMarker );
			optionMarkers.push( optionMarker );
			optionPageTitles.push( title );
		} );
		// Now check the disambiguation options and display a different message for those that are
		// actually the same as the target page where the links go, as choosing those options doesn't really
		// accomplish anything (except bypassing redirects, which might be useful in some cases)
		var targetPage = getTargetPage();
		fetchRedirects( optionPageTitles.concat( targetPage ) ).done( function( redirects ) {
			var endTargetPage = resolveRedirect( targetPage, redirects );
			for ( var ii = 0; ii &lt; optionPageTitles.length; ii++ ) {
				var endOptionTitle = resolveRedirect( optionPageTitles[ii], redirects );
				if ( isSamePage( optionPageTitles[ii], targetPage ) ) {
					$( optionMarkers[ii] ).text( txt.targetOptionMarker ).addClass( 'disamassist-curroptionmarker');
				} else if ( isSamePage( endOptionTitle, endTargetPage ) ) {
					$( optionMarkers[ii] ).text( txt.redirectOptionMarker ).addClass( 'disamassist-curroptionmarker');
				}
			}
		} ).fail( error );	
	};
	
	/*
	 * Check whether intentional links to disambiguation pages can be explicitly marked
	 * as such in this wiki. If so, ensure that a &quot;Foo (disambiguation)&quot; page exists.
	 * Returns a jQuery promise
	 */
	const ensureDABExists = function() {
		var dfd = new $.Deferred();
		var title = getTitle();
		// That concept doesn't exist in this wiki.
		if ( !cfg.intentionalLinkOption ) {
			dfd.resolve( false );
		// &quot;Foo (disambiguation)&quot; exists: it's the current page.
		} else if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			dfd.resolve( true );
		} else {
			var disamTitle = cfg.disamFormat.replace( '$1', title );
			loadPage( disamTitle ).done( function( page ) {
				// &quot;Foo (disambiguation)&quot; doesn't exist.
				if ( page.missing ) {
					// We try to create it
					page.content = cfg.redirectToDisam.replace( '$1', title );
					var summary = txt.redirectSummary.replace( '$1', title );
					savePage( disamTitle, page, summary, false, true ).done( function() {
						dfd.resolve( true );
					} ).fail( function( description ) {
						error( description );
						dfd.resolve( false );
					} );
				// It does exist
				} else {
					dfd.resolve( true );
				}
			} ).fail( function( description ) {
				error( description );
				dfd.resolve( false );
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Check whether the edit cooldown applies and sets editLimit accordingly.
	 * Returns a jQuery promise
	 */
	const checkEditLimit = function() {
		var dfd = new $.Deferred();
		if ( cfg.editCooldown &lt;= 0 ) {
			editLimit = false;
			dfd.resolve();
		} else {
			fetchRights().done( function( rights ) {
				editLimit = !rights?.includes( 'bot' );
			} ).fail( function( description ) {
				error( description );
				editLimit = true;
			} ).always( function() {
				dfd.resolve();
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Find and ask the user to fix all the incoming links to the disambiguation (&quot;target&quot;)
	 * page from a single &quot;origin&quot; page
	 */
	const doPage = function() {
		if ( pageChanges.length &gt; cfg.historySize ) {
			applyChange( pageChanges.shift() );
		}
		if ( links.length === 0 ) {
			var targetPage = getTargetPage();
			getBacklinks( targetPage ).done( function( backlinks, pageTitles ) {
				var pending = {};
				$.each( pendingSaves, function() {
					pending[this[0]] = true;
				} );
				possibleBacklinkDestinations = $.grep( pageTitles, function( t, ii) {
					if ( t == targetPage ) {
						return true;
					}
					return removeDisam(t) != targetPage;
				} );
				titleRegex = new RegExp('\\[\\[([ _]*?(?:' + possibleBacklinkDestinations.join('|').replaceAll('(', '\\(').replaceAll(')','\\)').replaceAll(' ', '[ _]') + ')[ _]*?)(#.*?)?(?:\\|(.*?))?\\]\\]', 'gi');
				// Only incoming links from pages we haven't seen yet and we aren't currently
				// saving (displayedPages is reset when the tool is closed and opened again,
				// while the list of pending changes isn't; if the edit cooldown is disabled,
				// it will be empty)
				links = $.grep( backlinks, function( el, ii ) {
					return !displayedPages[el] &amp;&amp; !pending[el];
				} );
				if ( links.length === 0 ) {
					updateContext();
				} else {
					doPage();
				}
			} ).fail( error );
		} else {
			currentPageTitle = links.shift();
			displayedPages[currentPageTitle] = true;
			toggleActionButtons( false );
			loadPage( currentPageTitle ).done( function( data ) {
				currentPageParameters = data;
				currentLink = null;
				doLink();
			} ).fail( error );
		}
	};
	
	/*
	 * Find and ask the user to fix a single incoming link to the disambiguation (&quot;target&quot;)
	 * page
	 */
	const doLink = function() {
		if (!currentPageParameters.redirect) {
			currentLink = extractLinkToPage( currentPageParameters.content,
				possibleBacklinkDestinations, currentLink ? currentLink.end : 0 );
			if ( currentLink ) {
				updateContext();
			} else {
				doPage();
			}
		} else {
			doPage();
		}
	};
	
	/*
	 * Replace the target of a link with a different one
	 * pageTitle: New link target
	 * extra: Additional text after the link (optional)
	 * summary: Change summary (optional)
	 */
	const chooseReplacement = function( pageTitle, extra, summary ) {
		if ( choosing ) {
			choosing = false;
			if ( !summary ) {
				if ( pageTitle ) {
					summary = txt.summaryChanged.replace( '$1', pageTitle );		
				} else {
					summary = txt.summaryOmitted;
				}
			}
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			if ( pageTitle &amp;&amp; ( pageTitle !== getTargetPage() || extra ) ) {
				if ( currentPageParameters.redirect ) {
					currentLink.description = pageTitle;
				}
				currentPageParameters.content =
					replaceLink( currentPageParameters.content, pageTitle, currentLink, extra || '' );
			}
			doLink();
		}
	};
	
	/*
	 * Replace the link with an explicit link to the disambiguation page
	 */
	const chooseIntentionalLink = function() {
		const targetPage = getTargetPage();
		let title = cfg.disamFormat.replace( '$1', targetPage );
		if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			title = targetPage;
		}
		chooseReplacement( title, '', txt.summaryIntentional );
	};
	
	/*
	 * Prompt for an alternative link target and use it as a replacement
	 */
	const chooseTitleFromPrompt = function() {
		var title = prompt( txt.titleAsTextPrompt );
		if ( title !== null ) {
			chooseReplacement( title );
		}
	};
	
	/*
	 * Remove the current link, leaving the text unchanged
	 */
	const chooseLinkRemoval = function() {
		if ( choosing ) {
			var summary = txt.summaryRemoved;
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			currentPageParameters.content = removeLink( currentPageParameters.content, currentLink );
			doLink();
		}
	};
	
	/*
	 * Add a &quot;disambiguation needed&quot; template after the link
	 */
	const chooseDisamNeeded = function() {
		chooseReplacement( currentLink.title, cfg.disamNeededText, txt.summaryHelpNeeded );
	};
	
	/*
	 * Undo the last change
	 */
	const undo = function() {
		if ( pageChanges.length !== 0 ) {
			var lastPage = pageChanges[pageChanges.length - 1];
			if ( currentPageTitle !== lastPage.title ) {
				links.unshift( currentPageTitle );
				currentPageTitle = lastPage.title;
			}
			currentPageParameters = lastPage.page;
			currentPageParameters.content = lastPage.contentBefore.pop();
			currentLink = lastPage.links.pop();
			lastPage.summary.pop();
			if ( lastPage.contentBefore.length === 0 ) {
				pageChanges.pop();
			}
			updateContext();
		}
	};
	
	/*
	 * Omit the current link without making a change
	 */
	const omit = function() {
		chooseReplacement( null );
	};
	
	/*
	 * Save all the pending changes and restart the tool.
	 */
	const refresh = function() {
		saveAndEnd();
		start();
	};
	
	/*
	 * Enable or disable the buttons that can perform actions on a page or change the current link.
	 * enabled: Whether to enable or disable the buttons
	 */
	const toggleActionButtons = function( enabled ) {
		var affectedButtons = [ui.omitButton, ui.titleAsTextButton, ui.removeLinkButton,
			ui.intentionalLinkButton, ui.disamNeededButton, ui.undoButton];
		$.each( affectedButtons, function( ii, button ) {
			button?.prop( 'disabled', !enabled );
		} );	
	};
	
	/*
	 * Show or hide the 'no more links' message
	 * show: Whether to show or hide the message
	 */
	const toggleFinishedMessage = function( show ) {
		toggleActionButtons( !show );
		ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
		ui.finishedMessage.toggle( show );
		ui.pageTitleLine.toggle( !show );
		ui.context.toggle( !show );
		if ( show ) console.log(Date.now())
	};
	
	const togglePendingEditBox = function( show ) {
		if ( pendingEditBox === null ) {
			pendingEditBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-pendingeditbox' );
			pendingEditBoxText = $( '&lt;div&gt;' );
			pendingEditBox.append( pendingEditBoxText ).hide();
			if ( editLimit ) {
				pendingEditBox.append( $( '&lt;div&gt;' ).text( txt.pendingEditBoxLimited )
					.addClass( 'disamassist-subtitle' ) );
			}
			$( '#mw-content-text' ).before( pendingEditBox );
			updateEditCounter();
		}
		if ( show ) {
			pendingEditBox.fadeIn();
		} else {
			pendingEditBox.fadeOut();
		}
	};
	
	const notifyCompletion = function() {
		var oldTitle = document.title;
		document.title = txt.notifyCharacter + document.title;
		$( document.body ).one( 'mousemove', function() {
			document.title = oldTitle;
		} );
	};
	
	/*
	 * Update the displayed information to match the current link
	 * or lack thereof
	 */
	const updateContext = function() {
		updateEditCounter();
		if ( !currentLink ) {
			toggleFinishedMessage( true );
		} else {
			ui.pageTitleLine.html( txt.pageTitleLine.replace( '$1',
				mw.util.getUrl( currentPageTitle, {redirect: 'no'} ) ).replace( '$2', mw.html.escape( currentPageTitle ) ) );
			var context = extractContext( currentPageParameters.content, currentLink );
			ui.context.empty()
				.append( $( '&lt;span&gt;' ).text( context[0] ) )
				.append( $( '&lt;span&gt;' ).text( context[1] ).addClass( 'disamassist-inclink' ) )
				.append( $( '&lt;span&gt;' ).text( context[2] ) );

			toggleFinishedMessage( false );
			ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
			ui.removeLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.intentionalLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.disamNeededButton?.prop( 'disabled', currentPageParameters.redirect || currentLink.hasDisamTemplate );
			choosing = true;
		}
	};
	
	/*
	 * Update the count of pending changes
	 */
	const updateEditCounter = function() {
		if ( ui.pendingEditCounter ) {
			ui.pendingEditCounter.text( txt.pendingEditCounter.replace( '$1', editCount )
				.replace( '$2', countActuallyChangedFullyCheckedPages() ) );
		}
		if ( pendingEditBox ) {
			if ( editCount === 0 &amp;&amp; !running ) {
				togglePendingEditBox( false );
				notifyCompletion();
			}
			var textContent = editCount;
			if ( editLimit ) {
				textContent = txt.pendingEditBoxTimeEstimation.replace( '$1', editCount )
					.replace( '$2', secondsToHHMMSS( cfg.editCooldown * editCount ) );
			}
			pendingEditBoxText.text( txt.pendingEditBox.replace( '$1', textContent ) );
		}
	};
	
	/*
	 * Apply the changes made to an &quot;origin&quot; page
	 * pageChange: Change that will be saved
	 */
	const applyChange = function( pageChange ) {
		if ( pageChange.page.content !== pageChange.contentBefore[0] ) {
			editCount++;
			// Filter duplicates and join
			var changeSummaries = pageChange.summary
				.filter( ( val, i, arr ) =&gt; val &amp;&amp; arr.indexOf( val ) === i )
				.join( txt.summarySeparator );
			var summary = txt.summary.replace( '$1', getTargetPage() ).replace( '$2', changeSummaries );
			var save = editLimit ? saveWithCooldown : savePage;
			save( pageChange.title, pageChange.page, summary, true, true ).always( function() {
				if ( editCount &gt; 0 ) {
					editCount--;
				}
				updateEditCounter();
			} ).fail( error );
			updateEditCounter();
		}
	};
	
	/*
	 * Save all the pending changes
	 */
	const applyAllChanges = function() {
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			applyChange( pageChanges[ii] );
		}
		pageChanges = [];
	};
	
	/*
	 * Record a new pending change
	 * pageTitle: Title of the page
	 * page: Content of the page
	 * oldContent: Content of the page before the change
	 * link: Link that has been changed
	 * summary: Change summary
	 */
	const addChange = function( pageTitle, page, oldContent, link, summary ) {
		if ( ( pageChanges.length === 0 ) || ( pageChanges[pageChanges.length - 1].title !== pageTitle ) ) {
			pageChanges.push( {
				title: pageTitle,
				page: page,
				contentBefore: [],
				links: [],
				summary: []
			} );
		}
		var lastPageChange = pageChanges[pageChanges.length - 1];
		lastPageChange.contentBefore.push( oldContent );
		lastPageChange.links.push( link );
		lastPageChange.summary.push( summary );
	};
	
	/*
	 * Check whether actual changes are stored in the history array
	 */
	const checkActualChanges = function() {
		return countActualChanges() !== 0;
	};
	
	/*
	 * Return the number of entries in the history array that represent actual changes
	 */
	const countActualChanges = function() {
		var changeCount = 0;
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			if ( pageChanges[ii].page.content !== pageChanges[ii].contentBefore[0] ) {
				changeCount++;
			}
		}
		return changeCount;		
	};
	
	/*
	 * Return the number of changed pages in the history array, ignoring the last entry
	 * if we aren't done with that page yet
	 */
	const countActuallyChangedFullyCheckedPages = function() {
		var changeCount = countActualChanges();
		if ( pageChanges.length !== 0 ) {
			var lastChange = pageChanges[pageChanges.length - 1];
			if ( lastChange.title === currentPageTitle &amp;&amp; currentLink !== null
					&amp;&amp; lastChange.page.content !== lastChange.contentBefore[0] ) {
				changeCount--;
			}
		}
		return changeCount;
	};
	
	/*
	 * Find the links to disambiguation options in a disambiguation page
	 */
	const getDisamOptions = function() {
		return $( '#mw-content-text a' ).filter( function() {
			return !!extractPageName( $( this ) );
		} );
	};

	/*
	 * Save all the pending changes and close the tool
	 */
	const saveAndEnd = function() {
		applyAllChanges();
		end();
	};
	
	/*
	 * Close the tool
	 */
	const end = function() {
		var currentToolUI = ui.display;
		choosing = false;
		running = false;
		$( '.disamassist-optionmarker' ).remove();
		currentToolUI.fadeOut( { complete: function() {
			currentToolUI.remove();
			if ( editCount !== 0 ) {
				togglePendingEditBox( true );
			}
		} } );
	};
	
	/*
	 * Display an error message
	 */
	const error = function( errorDescription ) {
		var errorBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-errorbox' );
		errorBox.text( txt.error.replace( '$1', errorDescription ) );
		errorBox.append( createButton( txt.dismissError, function() {
			errorBox.fadeOut();
		} ).addClass( 'disamassist-errorbutton' ) );
		var uiIsInPlace = ui &amp;&amp; $.contains( document.documentElement, ui.display[0] );
		var nextElement = uiIsInPlace ? ui.display : $( '#mw-content-text' );
		nextElement.before( errorBox );
		errorBox.hide().fadeIn();
	}
	
/*
	 * Change a link so that it points to the title
	 * text: The wikitext of the whole page
	 * title: The new destination of the link
	 * link: The link that will be modified
	 * extra: Text that will be added after the link (optional)
	 */
	const replaceLink = function( text, title, link, extra ) {
		var anchor = link.anchor || '';
		var newContent;

		if ( link.type === 'sortnaam' ) {
			newContent = '{{sortnaam|' + link.first + '|' + link.last + '|' + title + anchor + '}}';
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + ( extra || '' ) + linkEnd;
		}

		if ( link.type === 'ill' ) {
			newContent = '{{ill|' + title + anchor + '|' + link.lang + '|' + link.other + ( link.rest || '' ) + '}}';
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + ( extra || '' ) + linkEnd;
		}

		if ( isSamePage( title, link.description ) ) {
			newContent = link.description + anchor;
		} else {
			newContent = title + anchor + '|' + link.description;
		}
		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + '[[' + newContent + ']]' + link.afterDescription + ( extra || '' ) + linkEnd;
	};	

	/*
	 * Remove a link from the text
	 * text: The wikitext of the whole page
	 * link: The link that will be removed
	 */
	const removeLink = function( text, link ) {
		var anchor = link.anchor || '';

		if ( link.type === 'sortnaam' ) {
			var newContent = '{{sortnaam|' + link.first + '|' + link.last + '}}' + anchor;
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + linkEnd;
		}

		if ( link.type === 'ill' ) {
			var newContent = link.title + anchor;
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + linkEnd;
		}

		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + link.description + anchor + link.afterDescription + linkEnd;
	};
	
	/*
	 * Extract a link from a string in wiki format,
	 * starting from a given index. Return a link if one can be found,
	 * otherwise return null.
	 */
	const extractLink = function( text, lastIndex ) {
		// 1. Zoek naar gewone wikitlinks (inclusief optioneel anker #...)
		titleRegex.lastIndex = lastIndex;
		var wikiMatch = titleRegex.exec( text );

		// 2. Zoek naar sortnaam-templates
		var sortnaamRegex = new RegExp('{{\\s*sortnaam\\s*\\|\\s*([^|]+?)\\s*\\|\\s*([^|]+?)\\s*(?:\\|\\s*([^|#}]*?)\\s*)?(#[^|}]*)?}}', 'gi');
		sortnaamRegex.lastIndex = lastIndex;
		var sortnaamMatch = sortnaamRegex.exec( text );

		// 3. Zoek naar ill-templates (ondersteunt ook nieuwe regels en extra parameters)
		var illRegex = new RegExp('{{\\s*ill\\s*\\|([\\s\\S]*?)}}', 'gi');
		illRegex.lastIndex = lastIndex;
		var illMatch = illRegex.exec( text );

		var matchType = null;
		var matchIndex = Infinity;

		if ( wikiMatch !== null &amp;&amp; wikiMatch.index &gt;= lastIndex ) {
			matchIndex = wikiMatch.index;
			matchType = 'wiki';
		}

		if ( sortnaamMatch !== null &amp;&amp; sortnaamMatch.index &gt;= lastIndex &amp;&amp; sortnaamMatch.index &lt; matchIndex ) {
			matchIndex = sortnaamMatch.index;
			matchType = 'sortnaam';
		}

		if ( illMatch !== null &amp;&amp; illMatch.index &gt;= lastIndex &amp;&amp; illMatch.index &lt; matchIndex ) {
			matchIndex = illMatch.index;
			matchType = 'ill';
		}

		if ( matchType === 'wiki' ) {
			var possiblyAmbiguous = true;
			var hasDisamTemplate = false;
			var fullMatchStr = wikiMatch[0];
			var anchor = wikiMatch[2] ? wikiMatch[2] : '';
			
			var end = wikiMatch.index + fullMatchStr.length;
			var afterDescription = '';
			var rest = text.substring( end );
			var templateRegex = /^(\w*[.,:;?!)}\s]*){{\s*([^|{}]+?)\s*(?:\|[^{]*?)?}}/g;
			var templateMatch = templateRegex.exec( rest );
			if ( templateMatch !== null ) {
				var templateTitle = getCanonicalTitle( templateMatch[2] );
				if ( cfg.disamLinkTemplates?.includes( templateTitle ) ) {
					end += templateMatch[0].length;
					afterDescription = templateMatch[1].replace(/\s$/, '');
					hasDisamTemplate = true;
				} else if ( cfg.disamLinkIgnoreTemplates?.includes( templateTitle ) ) {
					possiblyAmbiguous = false;
				}
			}
			return {
				type: 'wiki',
				start: wikiMatch.index,
				end: end,
				possiblyAmbiguous: possiblyAmbiguous,
				hasDisamTemplate: hasDisamTemplate,
				title: wikiMatch[1],
				description: wikiMatch[3] ? wikiMatch[3] : wikiMatch[1],
				anchor: anchor,
				afterDescription: afterDescription
			};
		} else if ( matchType === 'sortnaam' ) {
			var first = sortnaamMatch[1].trim();
			var last = sortnaamMatch[2].trim();
			var explicitTarget = sortnaamMatch[3] ? sortnaamMatch[3].trim() : '';
			var anchor = sortnaamMatch[4] ? sortnaamMatch[4].trim() : '';
			var target = explicitTarget !== '' ? explicitTarget : ( first + ' ' + last );

			return {
				type: 'sortnaam',
				start: sortnaamMatch.index,
				end: sortnaamMatch.index + sortnaamMatch[0].length,
				possiblyAmbiguous: true,
				hasDisamTemplate: false,
				title: target,
				description: sortnaamMatch[0],
				first: first,
				last: last,
				explicitTarget: explicitTarget,
				anchor: anchor,
				afterDescription: ''
			};
		} else if ( matchType === 'ill' ) {
			var inner = illMatch[1];
			var parts = inner.split('|');
			var firstParam = parts[0].trim();
			
			var anchorMatch = firstParam.match(/^(.*?)(#.*)$/);
			var title = anchorMatch ? anchorMatch[1].trim() : firstParam;
			var anchor = anchorMatch ? anchorMatch[2] : '';
			
			var lang = parts[1] ? parts[1].trim() : '';
			var other = parts[2] ? parts[2].trim() : '';
			
			var restParts = parts.slice(3);
			var rest = restParts.length &gt; 0 ? '|' + restParts.join('|') : '';

			return {
				type: 'ill',
				start: illMatch.index,
				end: illMatch.index + illMatch[0].length,
				possiblyAmbiguous: true,
				hasDisamTemplate: false,
				title: title,
				description: title,
				anchor: anchor,
				lang: lang,
				other: other,
				rest: rest,
				afterDescription: ''
			};
		}

		return null;
	};
	
	/*
	 * Extract a link to one of a number of destination pages from a string 
	 * (&quot;text&quot;) in wiki format, starting from a given index (&quot;lastIndex&quot;).
	 * &quot;Disambiguation needed&quot; templates are included as part of the links.
	 * text: Page in wiki format
	 * destinations: Array of page titles to look for
	 * lastIndex: Index from which the search will start
	 */
	const extractLinkToPage = function( text, destinations, lastIndex ) {
		var link, title;
		do {
			link = extractLink( text, lastIndex );
			if ( link !== null ) {
				lastIndex = link.end;
				title = getCanonicalTitle( link.title );
			}
		} while (
			link !== null
			&amp;&amp; ( !link.possiblyAmbiguous || !destinations?.includes( title ) )
		);
		return link;
	};
	
	/*
	 * Find the &quot;target&quot; page: either the one we are in or the &quot;main&quot; one found by extracting
     * the title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const getTargetPage = function() {
		var title = getTitle();
		return forceSamePage ? title : removeDisam( title );
	};
	
	/*
	 * Get the page title, with the namespace prefix if any.
	 */
	const getTitle = function() {
		return mw.config.get( 'wgPageName' ).replace(/_/g, ' ')
	}
	
	/*
	 * Extract a &quot;main&quot; title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const removeDisam = function( title ) {
		var match = new RegExp( cfg.disamRegExp ).exec( title );
		return match ? match[1] : title;
	};
	
	/*
	 * Check whether two page titles are the same
	 */
	const isSamePage = function( title1, title2 ) {
		return getCanonicalTitle( title1 ) === getCanonicalTitle( title2 );
	};

	/*
	 * Return the 'canonical title' of a page
	 */
	const getCanonicalTitle = function( title ) {
		try {
			title = new mw.Title( title );

			// Check that page name matches the current namespace
			if ( title.getNamespaceId() !== mw.config.get( 'wgNamespaceNumber' ) ) {
				return;
			}

			const fragment = title.getFragment();
			return title.getPrefixedText() + ( fragment ? `#${ fragment }` : '' );
		} catch ( ex ) {
			// mw.Title seems to be buggy, and some valid titles are rejected
			// FIXME: This may cause false negatives	
		}
	};
	
	/*
	 * Extract the context around a given link in a text string
	 */
	const extractContext = function( text, link ) {
		var contextStart = link.start - cfg.radius;
		var contextEnd = link.end + cfg.radius;
		var contextPrev = text.substring( contextStart, link.start );
		const ellipsis = '…';
		if ( contextStart &gt; 0 ) {
			contextPrev = ellipsis + contextPrev;
		}
		var contextNext = text.substring( link.end, contextEnd );
		if ( contextEnd &lt; text.length ) {
			contextNext = contextNext + ellipsis;
		}
		return [contextPrev, text.substring( link.start, link.end ), contextNext];
	};

	/*
	 * Extract the prefixed page name from a link
	 */
	const extractPageName = function( link ) {
		var pageName = extractPageNameRaw( link );
		if ( pageName ) {
			return getCanonicalTitle( pageName );
		}
		
		return null;
	};
	
	/*
	 * Extract the page name from a link, as is
	 */
	const extractPageNameRaw = function( link ) {
		// Ignore images and interwiki links
		if ( link.hasClass( 'image' ) || link.hasClass( 'extiw' ) ) {
			return null;
		}
		var href = link.attr( 'href' );

		// Red links in old parser format
		if ( link.hasClass( 'new' ) ) {
			const oldRedLink = mw.util.getParamValue( 'title', href );
			if ( oldRedLink !== null ) {
				return oldRedLink;
			}
		}

		// Check that external links are coming from this wiki
		if ( href.indexOf( '//' ) === 0 || href.indexOf( 'https://' ) === 0 ) {
			try {
				const fullUrl = href.indexOf( '//' ) === 0 ? location.protocol + href : href;
				let urlData = new URL( fullUrl );
				if ( urlData.hostname !== location.hostname ) {
					return null;
				}
			} catch( e ) {
				return null;
			}
		}

		var articlePathRegexp = new RegExp(
			mw.config.get( 'wgArticlePath' ).replace( '$1', '([^?]*)' )
		);
		var result = articlePathRegexp.exec( href );
		if ( Array.isArray( result ) &amp;&amp; result.length &gt; 1 ) {
			return decodeURIComponent( result[ 1 ] );
		}

		return null;
	};
	
	/*
	 * Check whether this is a disambiguation page
	 */
	const isDisam = function() {
		const categories = mw.config.get( 'wgCategories', [] );
		return cfg.disamCategories.some( c =&gt; categories.includes( c ) );
	};
	
	const secondsToHHMMSS = function( totalSeconds ) {
		var hhmmss = '';
		var hours = Math.floor( totalSeconds / 3600 );
		var minutes = Math.floor( totalSeconds % 3600 / 60 );
		var seconds = Math.floor( totalSeconds % 3600 % 60 );
		if ( hours &gt;= 1 ) {
			hhmmss = pad( hours, '0', 2 ) + ':';
		}
		hhmmss += pad( minutes, '0', 2 ) + ':' + pad( seconds, '0', 2 );
		return hhmmss;
	};
	
	const pad = function( str, z, width ) {
		str = str.toString();
		if ( str.length &gt;= width ) {
			return str;
		} else {
			return new Array( width - str.length + 1 ).join( z ) + str;
		}
	}
	
	/*
	 * Create a new button
	 * text: Text that will be displayed on the button
	 * onClick: Function that will be called when the button is clicked
	 */
	const createButton = function( text, onClick ) {
		var button = $( '&lt;button&gt;', { 'type': 'button' } );
		button.text( text );
		button.addClass( 'disamassist-button' ).click( onClick );
		return button;
	};
	
	/*
	 * Given a page title and an array of possible redirects {from, to} (&quot;canonical titles&quot;), find the page
	 * at the end of the redirect chain, if there is one. Otherwise, return the page title that was passed
	 */
	const resolveRedirect = function( pageTitle, possibleRedirects ) {
		var appliedRedirect = true;
		var visitedPages = {};
		var currentPage = getCanonicalTitle( pageTitle );
		while ( appliedRedirect ) {
			appliedRedirect = false;
			for ( var ii = 0; ii &lt; possibleRedirects.length; ii++ ) {
				if ( possibleRedirects[ii].from === currentPage ) {
					if ( visitedPages[possibleRedirects[ii].to] ) {
						// Redirect chain detected
						return pageTitle;
					}
					visitedPages[currentPage] = true;
					appliedRedirect = true;
					currentPage = possibleRedirects[ii].to;
				}
			}
		}
		// No redirect rules applied for an iteration of the outer loop:
		// no more redirects. We are done
		return currentPage;
	};
	
	/*
	 * Fetch the incoming links to a page. Returns a jQuery promise
	 * (success - array of titles of pages that contain links to the target page and
	 * array of &quot;canonical titles&quot; of possible destinations of the backlinks (either
	 * the target page or redirects to the target page), failure - error description)
	 * page: Target page
	 */
	const getBacklinks = function( page ) {
		var dfd = new $.Deferred();
		api.get( {
			'action': 'query',
			'list': 'backlinks',
			'bltitle': page,
			'blredirect': true,
			'bllimit': cfg.backlinkLimit,
			'blnamespace': cfg.targetNamespaces,
		} ).done( function( data ) {
			// There might be duplicate entries in some corner cases. We don't care,
			// since we are going to check later, anyway
			var backlinks = [];
			var linkTitles = [getCanonicalTitle( page )];
			$.each( data.query.backlinks, function() {
				backlinks.push( this.title );
				if ( this.redirlinks ) {
					linkTitles.push( this.title );
					$.each( this.redirlinks, function() {
						backlinks.push( this.title );
					} );
				}
			} );
			dfd.resolve( backlinks, linkTitles );
		} ).fail( function( code, data ) {
			dfd.reject( txt.getBacklinksError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download a list of redirects for some pages. Returns a jQuery callback (success -
	 * array of redirects ({from, to}), failure - error description )
	 * pageTitles: Array of page titles
	 */
	const fetchRedirects = function( pageTitles ) {
		var dfd = new $.Deferred();
		var currentTitles = pageTitles.slice( 0, cfg.queryTitleLimit );
		var restTitles = pageTitles.slice( cfg.queryTitleLimit );
		api.get( {
			action: 'query',
			titles: currentTitles,
			redirects: true,
		} ).done( function( data ) {
			var theseRedirects = data.query.redirects ? data.query.redirects : [];
			if ( restTitles.length !== 0 ) {
				fetchRedirects( restTitles ).done( function( redirects ) {
					dfd.resolve( theseRedirects.concat( redirects ) );
				} ).fail( function( description ) {
					dfd.reject( description );
				} );
			} else {
				dfd.resolve( theseRedirects );
			}
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRedirectsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download the list of user rights for the current user. Returns a
	 * jQuery promise (success - array of right names, error - error description)
	 */
	const fetchRights = function() {
		var dfd = $.Deferred();
		api.get( {
			action: 'query',
			meta: 'userinfo',
			uiprop: 'rights',
		} ).done( function( data ) {
			dfd.resolve( data.query.userinfo.rights );
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRightsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Load the raw page text for a given title. Returns a jQuery promise (success - page
	 * content, failure - error description)
	 * pageTitle: Title of the page
	 */
	const loadPage = function( pageTitle ) {
		var dfd = new $.Deferred();
		api.get( {
			action: 'query',
			titles: pageTitle,
			prop: 'revisions',
			rvprop: 'timestamp|content',
			meta: 'tokens',
			type: 'csrf',
		} ).done( function( data ) {
			var pages = data.query.pages;
			for ( var key in pages ) {
				if ( pages.hasOwnProperty( key ) ) {
					break;
				}
			}
			var rawPage = data.query.pages[key];
			var page = {};
			page.missing = rawPage.missing !== undefined;
			if ( rawPage.revisions ) {
				page.content = rawPage.revisions[0]['*'];
				// Assume anything with # at the start is a redirect
				if ( page.content.match( /^#[^\s]*?\s*\[\[/ ) ) {
					page.redirect = true;
				}
				page.baseTimeStamp = rawPage.revisions[0].timestamp;
			} else {
				page.content = '';
				page.baseTimeStamp = null;
			}
			page.startTimeStamp = rawPage.starttimestamp;
			page.editToken = data.query.tokens.csrftoken;
			dfd.resolve( page );
		} ).fail( function( code, data ) {
			dfd.reject( txt.loadPageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Register changes to a page, to be saved later. Returns a jQuery promise
	 * (success - no params, failure - error description). Takes the same parameters
	 * as savePage 
	 */
	const saveWithCooldown = function() {
		var deferred = new $.Deferred();
		pendingSaves.push( {args: arguments, dfd: deferred} );
		if ( !runningSaves ) {
			checkAndSave();
		}
		return deferred.promise();
	};
	
	/*
	 * Save the first set of changes in the list of pending changes, providing that
	 * enough time has passed since the last edit
	 */
	const checkAndSave = function() {
		if ( pendingSaves.length === 0 ) {
			runningSaves = false;
			return;
		}
		runningSaves = true;
		var millisSinceLast = new Date().getTime() - lastEditMillis;
		if ( millisSinceLast &lt; cfg.editCooldown * 1000 ) {
			setTimeout( checkAndSave, cfg.editCooldown * 1000 - millisSinceLast );
		} else {
			// The last edit started at least cfg.editCooldown seconds ago
			var save = pendingSaves.shift();
			savePage.apply( this, save.args ).done( function() {
				checkAndSave();
				save.dfd.resolve();
			} ).fail( function( description ) {
				checkAndSave();
				save.dfd.reject( description );
			} );
			// We'll use the time since the last edit started
			lastEditMillis = new Date().getTime();
		}
	};
	
	/*
	 * Save the changes made to a page. Returns a jQuery promise (success - no params,
	 * failure - error description)
	 * pageTitle: Title of the page
	 * page: Page data
	 * summary: Summary of the changes made to the page
	 * minorEdit: Whether to mark the edit as 'minor'
	 * botEdit: Whether to mark the edit as 'bot'
	 */
	const savePage = function( pageTitle, page, summary, minorEdit, botEdit ) {
		var dfd = new $.Deferred();
		api.post( {
			action: 'edit',
			title: pageTitle,
			token: page.editToken,
			text: page.content,
			basetimestamp: page.baseTimeStamp,
			starttimestamp: page.startTimeStamp,
			summary: summary,
			watchlist: cfg.watch ? cfg.watch : 'nochange',
			assertuser: mw.config.get( 'wgUserName' ),
			minor: minorEdit,
			bot: botEdit,
		} ).done( function() {
			dfd.resolve();
		} ).fail( function( code, data ) {
			dfd.reject( txt.savePageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	install();
} )();
// &lt;/nowiki&gt;</text>
      <sha1>rinfy42nb1vgcitq4ksgf8er6krq7aa</sha1>
    </revision>
    <revision>
      <id>781221</id>
      <parentid>781216</parentid>
      <timestamp>2026-10-27T16:50:03Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <origin>781221</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="40359" sha1="05fiw2niu8tbduhgyqthjlqxxzk40pc" xml:space="preserve">/*
 * DisamAssist: a tool for repairing links from articles to disambiguation pages.
 */

// &lt;nowiki&gt;
// @ts-nocheck
( () =&gt; {
	var cfg = {};
	var txt = {};
	var ui;
	var links, pageChanges;
	var currentPageTitle, currentPageParameters, currentLink;
	var possibleBacklinkDestinations;
	var titleRegex;
	var forceSamePage = false;
	var running = false;
	var choosing = false;
	var canMarkIntentionalLinks = false;
	var displayedPages = {};
	var editCount = 0;
	var editLimit;
	var pendingSaves = [];
	var pendingEditBox = null;
	var pendingEditBoxText;
	var lastEditMillis = 0;
	var runningSaves = false;
	
	var api;

	const dependencies = [
		'mediawiki.api',
		'mediawiki.confirmCloseWindow',
		'mediawiki.Title',
		'mediawiki.util',
	];

	/**
	 * Add an item in Tools menu
	 * @param {string} text
	 * @param {string} id 
	 * @param {(e: MouseEvent) =&gt; void} callback 
	 */
	const disamPortletLink = ( text, id, callback ) =&gt; {
		const portlet = mw.util.addPortletLink(
			'p-tb',
			cfg.helpPage ? mw.util.getUrl( cfg.helpPage ) : '#',
			text,
			id
		);
		const link = portlet?.querySelector( 'a' );
		link?.addEventListener( 'click', callback );
		addButtonEvents( link );
	}
	
	/*
	 * Entry point. Check whether we are in a disambiguation page. If so, add a link to start the tool
	 */
	const install = function() {
		cfg = window.DisamAssist.cfg;
		txt = window.DisamAssist.txt;
		if ( mw.config.get( 'wgAction' ) === 'view' &amp;&amp; isDisam() ) {
			mw.loader.using( dependencies, () =&gt; {
				api = new mw.Api();

				mw.loader.load( 'https://ru.wikipedia.org/w/index.php?title=Участник:Stjn/DisamAssist.css&amp;action=raw&amp;ctype=text/css', 'text/css' );

				// This is a &quot; (disambiguation)&quot; page
				if ( new RegExp( cfg.disamRegExp ).exec( getTitle() ) ) {
					disamPortletLink( txt.startMain, 't-disamAssist-main', startMain );
					disamPortletLink( txt.startSame, 't-disamAssist-same', startSame );
				} else {
					disamPortletLink( txt.start, 't-disamAssist-page', start );
				}
			} );
		}
	};
	
	/*
	 * Start the tool. Display the UI and begin looking for links to fix
	 */
	const start = function( e ) {
		e?.preventDefault();
		if ( !running ) {
			console.log(Date.now())
			running = true;
			links = [];
			pageChanges = [];
			displayedPages = {};
			ensureDABExists().then( function( canMark ) {
				canMarkIntentionalLinks = canMark;
				createUI();
				addUnloadConfirm();
				markDisamOptions();
				checkEditLimit().then( function() {
					togglePendingEditBox( false );
					doPage();
				} );
			} );
		}
	};
	
	/*
	 * Start DisamAssist. Disambiguate incoming links to the current page, regardless
	 * of the title.
	 */
	const startSame = function( e ) {
		e.preventDefault();
		forceSamePage = true;
		start( e );
	};
	
	/*
	 * Start DisamAssist. If the page title ends with &quot; (disambiguation)&quot;, disambiguate
	 * links to the primary topic article. Otherwise, disambiguate links to the current
	 * page.
	 */
	const startMain = function( e ) {
		e.preventDefault();
		forceSamePage = false;
		start( e );
	};
	
	/*
	 * Create and show the user interface.
	 */
	const createUI = function() {
		ui = {
			display: $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-mainbox' ),
			finishedMessage: $( '&lt;div&gt;' ).text( txt.noMoreLinks ).hide(),
			pageTitleLine: $( '&lt;span&gt;' ).addClass( 'disamassist-pagetitleline' ),
			pendingEditCounter: $( '&lt;div&gt;').addClass( 'disamassist-editcounter' ),
			context: $( '&lt;pre&gt;' ).addClass( 'disamassist-context' ),
			undoButton: createButton( txt.undo, undo ),
			omitButton: createButton( txt.omit, omit ),
			endButton: createButton( txt.close, saveAndEnd ),
			refreshButton: createButton( txt.refresh, refresh ),
			titleAsTextButton: createButton( txt.titleAsText, chooseTitleFromPrompt ),
			intentionalLinkButton: canMarkIntentionalLinks ? createButton( txt.intentionalLink, chooseIntentionalLink ) : null,
			disamNeededButton: cfg.disamNeededText ? createButton( txt.disamNeeded, chooseDisamNeeded ) : null,
			removeLinkButton: createButton( txt.removeLink, chooseLinkRemoval )
		};
		var top = $( '&lt;div&gt;' ).addClass( 'disamassist-top' )
			.append( [ui.pageTitleLine, ui.pendingEditCounter] );
		var leftButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-leftbuttons' )
			.append( [ui.titleAsTextButton, ui.removeLinkButton, ui.intentionalLinkButton, ui.disamNeededButton, ui.omitButton] );
		var rightButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-rightbuttons' )
			.append( [ui.undoButton, ui.refreshButton, ui.endButton] );
		var allButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-allbuttons' )
			.append( [leftButtons, rightButtons] );
		ui.display.append( [top, ui.finishedMessage, ui.context, allButtons] );
		updateEditCounter();
		toggleActionButtons( false );
		// Insert the UI in the page
		$( '#mw-content-text' ).before( ui.display );
		ui.display.hide().fadeIn();
	};

	/**
	 * Add button role and related keyboard event
	 * @param {Element} el
	 */
	const addButtonEvents = ( el ) =&gt; {
		el?.setAttribute( 'role', 'button' );
		el?.addEventListener( 'keydown', function( e ) {
			if ( [ 'Enter', 'Space' ].includes( e.code ) ) {
				e.preventDefault();
				this.click();
			}
		} );
	}
	
	/*
	 * If there are pending changes, show a confirm dialog before closing
	 */
	const addUnloadConfirm = function() {
		mw.confirmCloseWindow( {
			test: () =&gt; {
				if ( running &amp;&amp; checkActualChanges() ) {
					return txt.pending;
				} else if ( editCount !== 0 ) {
					return txt.editInProgress;
				}
			}
		} );
	};
	
	/*
	 * Mark the disambiguation options as such
	 */
	const markDisamOptions = function() {
		var optionPageTitles = [];
		var optionMarkers = [];
		getDisamOptions().each( function() {
			var link = $( this );
			var title = extractPageName( link );
			const optionMarker = document.createElement( 'a' );
			optionMarker.classList.add( 'disamassist-optionmarker' );
			optionMarker.href = link.attr( 'href' );
			optionMarker.setAttribute( 'data-title', title );
			optionMarker.textContent = txt.optionMarker;
			optionMarker.addEventListener( 'click', ( e ) =&gt; {
				e.preventDefault();
				chooseReplacement( title );
			} );
			addButtonEvents( optionMarker );
			
			link.after( optionMarker );
			optionMarkers.push( optionMarker );
			optionPageTitles.push( title );
		} );
		// Now check the disambiguation options and display a different message for those that are
		// actually the same as the target page where the links go, as choosing those options doesn't really
		// accomplish anything (except bypassing redirects, which might be useful in some cases)
		var targetPage = getTargetPage();
		fetchRedirects( optionPageTitles.concat( targetPage ) ).done( function( redirects ) {
			var endTargetPage = resolveRedirect( targetPage, redirects );
			for ( var ii = 0; ii &lt; optionPageTitles.length; ii++ ) {
				var endOptionTitle = resolveRedirect( optionPageTitles[ii], redirects );
				if ( isSamePage( optionPageTitles[ii], targetPage ) ) {
					$( optionMarkers[ii] ).text( txt.targetOptionMarker ).addClass( 'disamassist-curroptionmarker');
				} else if ( isSamePage( endOptionTitle, endTargetPage ) ) {
					$( optionMarkers[ii] ).text( txt.redirectOptionMarker ).addClass( 'disamassist-curroptionmarker');
				}
			}
		} ).fail( error );	
	};
	
	/*
	 * Check whether intentional links to disambiguation pages can be explicitly marked
	 * as such in this wiki. If so, ensure that a &quot;Foo (disambiguation)&quot; page exists.
	 * Returns a jQuery promise
	 */
	const ensureDABExists = function() {
		var dfd = new $.Deferred();
		var title = getTitle();
		// That concept doesn't exist in this wiki.
		if ( !cfg.intentionalLinkOption ) {
			dfd.resolve( false );
		// &quot;Foo (disambiguation)&quot; exists: it's the current page.
		} else if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			dfd.resolve( true );
		} else {
			var disamTitle = cfg.disamFormat.replace( '$1', title );
			loadPage( disamTitle ).done( function( page ) {
				// &quot;Foo (disambiguation)&quot; doesn't exist.
				if ( page.missing ) {
					// We try to create it
					page.content = cfg.redirectToDisam.replace( '$1', title );
					var summary = txt.redirectSummary.replace( '$1', title );
					savePage( disamTitle, page, summary, false, true ).done( function() {
						dfd.resolve( true );
					} ).fail( function( description ) {
						error( description );
						dfd.resolve( false );
					} );
				// It does exist
				} else {
					dfd.resolve( true );
				}
			} ).fail( function( description ) {
				error( description );
				dfd.resolve( false );
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Check whether the edit cooldown applies and sets editLimit accordingly.
	 * Returns a jQuery promise
	 */
	const checkEditLimit = function() {
		var dfd = new $.Deferred();
		if ( cfg.editCooldown &lt;= 0 ) {
			editLimit = false;
			dfd.resolve();
		} else {
			fetchRights().done( function( rights ) {
				editLimit = !rights?.includes( 'bot' );
			} ).fail( function( description ) {
				error( description );
				editLimit = true;
			} ).always( function() {
				dfd.resolve();
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Find and ask the user to fix all the incoming links to the disambiguation (&quot;target&quot;)
	 * page from a single &quot;origin&quot; page
	 */
	const doPage = function() {
		if ( pageChanges.length &gt; cfg.historySize ) {
			applyChange( pageChanges.shift() );
		}
		if ( links.length === 0 ) {
			var targetPage = getTargetPage();
			getBacklinks( targetPage ).done( function( backlinks, pageTitles ) {
				var pending = {};
				$.each( pendingSaves, function() {
					pending[this[0]] = true;
				} );
				possibleBacklinkDestinations = $.grep( pageTitles, function( t, ii) {
					if ( t == targetPage ) {
						return true;
					}
					return removeDisam(t) != targetPage;
				} );
				titleRegex = new RegExp('\\[\\[([ _]*?(?:' + possibleBacklinkDestinations.join('|').replaceAll('(', '\\(').replaceAll(')','\\)').replaceAll(' ', '[ _]') + ')[ _]*?)(#.*?)?(?:\\|(.*?))?\\]\\]', 'gi');
				// Only incoming links from pages we haven't seen yet and we aren't currently
				// saving (displayedPages is reset when the tool is closed and opened again,
				// while the list of pending changes isn't; if the edit cooldown is disabled,
				// it will be empty)
				links = $.grep( backlinks, function( el, ii ) {
					return !displayedPages[el] &amp;&amp; !pending[el];
				} );
				if ( links.length === 0 ) {
					updateContext();
				} else {
					doPage();
				}
			} ).fail( error );
		} else {
			currentPageTitle = links.shift();
			displayedPages[currentPageTitle] = true;
			toggleActionButtons( false );
			loadPage( currentPageTitle ).done( function( data ) {
				currentPageParameters = data;
				currentLink = null;
				doLink();
			} ).fail( error );
		}
	};
	
	/*
	 * Find and ask the user to fix a single incoming link to the disambiguation (&quot;target&quot;)
	 * page
	 */
	const doLink = function() {
		if (!currentPageParameters.redirect) {
			currentLink = extractLinkToPage( currentPageParameters.content,
				possibleBacklinkDestinations, 0 );
			if ( currentLink ) {
				updateContext();
			} else {
				doPage();
			}
		} else {
			doPage();
		}
	};
	
	/*
	 * Replace the target of a link with a different one
	 * pageTitle: New link target
	 * extra: Additional text after the link (optional)
	 * summary: Change summary (optional)
	 */
	const chooseReplacement = function( pageTitle, extra, summary ) {
		if ( choosing ) {
			choosing = false;
			if ( !summary ) {
				if ( pageTitle ) {
					summary = txt.summaryChanged.replace( '$1', pageTitle );		
				} else {
					summary = txt.summaryOmitted;
				}
			}
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			if ( pageTitle &amp;&amp; ( pageTitle !== getTargetPage() || extra ) ) {
				if ( currentPageParameters.redirect ) {
					currentLink.description = pageTitle;
				}
				currentPageParameters.content =
					replaceLink( currentPageParameters.content, pageTitle, currentLink, extra || '' );
			}
			doLink();
		}
	};
	
	/*
	 * Replace the link with an explicit link to the disambiguation page
	 */
	const chooseIntentionalLink = function() {
		const targetPage = getTargetPage();
		let title = cfg.disamFormat.replace( '$1', targetPage );
		if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			title = targetPage;
		}
		chooseReplacement( title, '', txt.summaryIntentional );
	};
	
	/*
	 * Prompt for an alternative link target and use it as a replacement
	 */
	const chooseTitleFromPrompt = function() {
		var title = prompt( txt.titleAsTextPrompt );
		if ( title !== null ) {
			chooseReplacement( title );
		}
	};
	
	/*
	 * Remove the current link, leaving the text unchanged
	 */
	const chooseLinkRemoval = function() {
		if ( choosing ) {
			var summary = txt.summaryRemoved;
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			currentPageParameters.content = removeLink( currentPageParameters.content, currentLink );
			doLink();
		}
	};
	
	/*
	 * Add a &quot;disambiguation needed&quot; template after the link
	 */
	const chooseDisamNeeded = function() {
		chooseReplacement( currentLink.title, cfg.disamNeededText, txt.summaryHelpNeeded );
	};
	
	/*
	 * Undo the last change
	 */
	const undo = function() {
		if ( pageChanges.length !== 0 ) {
			var lastPage = pageChanges[pageChanges.length - 1];
			if ( currentPageTitle !== lastPage.title ) {
				links.unshift( currentPageTitle );
				currentPageTitle = lastPage.title;
			}
			currentPageParameters = lastPage.page;
			currentPageParameters.content = lastPage.contentBefore.pop();
			currentLink = lastPage.links.pop();
			lastPage.summary.pop();
			if ( lastPage.contentBefore.length === 0 ) {
				pageChanges.pop();
			}
			updateContext();
		}
	};
	
	/*
	 * Omit the current link without making a change
	 */
	const omit = function() {
		chooseReplacement( null );
	};
	
	/*
	 * Save all the pending changes and restart the tool.
	 */
	const refresh = function() {
		saveAndEnd();
		start();
	};
	
	/*
	 * Enable or disable the buttons that can perform actions on a page or change the current link.
	 * enabled: Whether to enable or disable the buttons
	 */
	const toggleActionButtons = function( enabled ) {
		var affectedButtons = [ui.omitButton, ui.titleAsTextButton, ui.removeLinkButton,
			ui.intentionalLinkButton, ui.disamNeededButton, ui.undoButton];
		$.each( affectedButtons, function( ii, button ) {
			button?.prop( 'disabled', !enabled );
		} );	
	};
	
	/*
	 * Show or hide the 'no more links' message
	 * show: Whether to show or hide the message
	 */
	const toggleFinishedMessage = function( show ) {
		toggleActionButtons( !show );
		ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
		ui.finishedMessage.toggle( show );
		ui.pageTitleLine.toggle( !show );
		ui.context.toggle( !show );
		if ( show ) console.log(Date.now())
	};
	
	const togglePendingEditBox = function( show ) {
		if ( pendingEditBox === null ) {
			pendingEditBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-pendingeditbox' );
			pendingEditBoxText = $( '&lt;div&gt;' );
			pendingEditBox.append( pendingEditBoxText ).hide();
			if ( editLimit ) {
				pendingEditBox.append( $( '&lt;div&gt;' ).text( txt.pendingEditBoxLimited )
					.addClass( 'disamassist-subtitle' ) );
			}
			$( '#mw-content-text' ).before( pendingEditBox );
			updateEditCounter();
		}
		if ( show ) {
			pendingEditBox.fadeIn();
		} else {
			pendingEditBox.fadeOut();
		}
	};
	
	const notifyCompletion = function() {
		var oldTitle = document.title;
		document.title = txt.notifyCharacter + document.title;
		$( document.body ).one( 'mousemove', function() {
			document.title = oldTitle;
		} );
	};
	
	/*
	 * Update the displayed information to match the current link
	 * or lack thereof
	 */
	const updateContext = function() {
		updateEditCounter();
		if ( !currentLink ) {
			toggleFinishedMessage( true );
		} else {
			ui.pageTitleLine.html( txt.pageTitleLine.replace( '$1',
				mw.util.getUrl( currentPageTitle, {redirect: 'no'} ) ).replace( '$2', mw.html.escape( currentPageTitle ) ) );
			var context = extractContext( currentPageParameters.content, currentLink );
			ui.context.empty()
				.append( $( '&lt;span&gt;' ).text( context[0] ) )
				.append( $( '&lt;span&gt;' ).text( context[1] ).addClass( 'disamassist-inclink' ) )
				.append( $( '&lt;span&gt;' ).text( context[2] ) );

			toggleFinishedMessage( false );
			ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
			ui.removeLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.intentionalLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.disamNeededButton?.prop( 'disabled', currentPageParameters.redirect || currentLink.hasDisamTemplate );
			choosing = true;
		}
	};
	
	/*
	 * Update the count of pending changes
	 */
	const updateEditCounter = function() {
		if ( ui.pendingEditCounter ) {
			ui.pendingEditCounter.text( txt.pendingEditCounter.replace( '$1', editCount )
				.replace( '$2', countActuallyChangedFullyCheckedPages() ) );
		}
		if ( pendingEditBox ) {
			if ( editCount === 0 &amp;&amp; !running ) {
				togglePendingEditBox( false );
				notifyCompletion();
			}
			var textContent = editCount;
			if ( editLimit ) {
				textContent = txt.pendingEditBoxTimeEstimation.replace( '$1', editCount )
					.replace( '$2', secondsToHHMMSS( cfg.editCooldown * editCount ) );
			}
			pendingEditBoxText.text( txt.pendingEditBox.replace( '$1', textContent ) );
		}
	};
	
	/*
	 * Apply the changes made to an &quot;origin&quot; page
	 * pageChange: Change that will be saved
	 */
	const applyChange = function( pageChange ) {
		if ( pageChange.page.content !== pageChange.contentBefore[0] ) {
			editCount++;
			// Filter duplicates and join
			var changeSummaries = pageChange.summary
				.filter( ( val, i, arr ) =&gt; val &amp;&amp; arr.indexOf( val ) === i )
				.join( txt.summarySeparator );
			var summary = txt.summary.replace( '$1', getTargetPage() ).replace( '$2', changeSummaries );
			var save = editLimit ? saveWithCooldown : savePage;
			save( pageChange.title, pageChange.page, summary, true, true ).always( function() {
				if ( editCount &gt; 0 ) {
					editCount--;
				}
				updateEditCounter();
			} ).fail( error );
			updateEditCounter();
		}
	};
	
	/*
	 * Save all the pending changes
	 */
	const applyAllChanges = function() {
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			applyChange( pageChanges[ii] );
		}
		pageChanges = [];
	};
	
	/*
	 * Record a new pending change
	 * pageTitle: Title of the page
	 * page: Content of the page
	 * oldContent: Content of the page before the change
	 * link: Link that has been changed
	 * summary: Change summary
	 */
	const addChange = function( pageTitle, page, oldContent, link, summary ) {
		if ( ( pageChanges.length === 0 ) || ( pageChanges[pageChanges.length - 1].title !== pageTitle ) ) {
			pageChanges.push( {
				title: pageTitle,
				page: page,
				contentBefore: [],
				links: [],
				summary: []
			} );
		}
		var lastPageChange = pageChanges[pageChanges.length - 1];
		lastPageChange.contentBefore.push( oldContent );
		lastPageChange.links.push( link );
		lastPageChange.summary.push( summary );
	};
	
	/*
	 * Check whether actual changes are stored in the history array
	 */
	const checkActualChanges = function() {
		return countActualChanges() !== 0;
	};
	
	/*
	 * Return the number of entries in the history array that represent actual changes
	 */
	const countActualChanges = function() {
		var changeCount = 0;
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			if ( pageChanges[ii].page.content !== pageChanges[ii].contentBefore[0] ) {
				changeCount++;
			}
		}
		return changeCount;		
	};
	
	/*
	 * Return the number of changed pages in the history array, ignoring the last entry
	 * if we aren't done with that page yet
	 */
	const countActuallyChangedFullyCheckedPages = function() {
		var changeCount = countActualChanges();
		if ( pageChanges.length !== 0 ) {
			var lastChange = pageChanges[pageChanges.length - 1];
			if ( lastChange.title === currentPageTitle &amp;&amp; currentLink !== null
					&amp;&amp; lastChange.page.content !== lastChange.contentBefore[0] ) {
				changeCount--;
			}
		}
		return changeCount;
	};
	
	/*
	 * Find the links to disambiguation options in a disambiguation page
	 */
	const getDisamOptions = function() {
		return $( '#mw-content-text a' ).filter( function() {
			return !!extractPageName( $( this ) );
		} );
	};

	/*
	 * Save all the pending changes and close the tool
	 */
	const saveAndEnd = function() {
		applyAllChanges();
		end();
	};
	
	/*
	 * Close the tool
	 */
	const end = function() {
		var currentToolUI = ui.display;
		choosing = false;
		running = false;
		$( '.disamassist-optionmarker' ).remove();
		currentToolUI.fadeOut( { complete: function() {
			currentToolUI.remove();
			if ( editCount !== 0 ) {
				togglePendingEditBox( true );
			}
		} } );
	};
	
	/*
	 * Display an error message
	 */
	const error = function( errorDescription ) {
		var errorBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-errorbox' );
		errorBox.text( txt.error.replace( '$1', errorDescription ) );
		errorBox.append( createButton( txt.dismissError, function() {
			errorBox.fadeOut();
		} ).addClass( 'disamassist-errorbutton' ) );
		var uiIsInPlace = ui &amp;&amp; $.contains( document.documentElement, ui.display[0] );
		var nextElement = uiIsInPlace ? ui.display : $( '#mw-content-text' );
		nextElement.before( errorBox );
		errorBox.hide().fadeIn();
	}
	
/*
	 * Change a link so that it points to the title
	 * text: The wikitext of the whole page
	 * title: The new destination of the link
	 * link: The link that will be modified
	 * extra: Text that will be added after the link (optional)
	 */
	const replaceLink = function( text, title, link, extra ) {
		var anchor = link.anchor || '';
		var newContent;

		if ( link.type === 'sortnaam' ) {
			newContent = '{{sortnaam|' + link.first + '|' + link.last + '|' + title + anchor + '}}';
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + ( extra || '' ) + linkEnd;
		}

		if ( link.type === 'ill' ) {
			newContent = '{{ill|' + title + anchor + '|' + link.lang + '|' + link.other + ( link.rest || '' ) + '}}';
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + ( extra || '' ) + linkEnd;
		}

		if ( isSamePage( title, link.description ) ) {
			newContent = link.description + anchor;
		} else {
			newContent = title + anchor + '|' + link.description;
		}
		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + '[[' + newContent + ']]' + link.afterDescription + ( extra || '' ) + linkEnd;
	};	

	/*
	 * Remove a link from the text
	 * text: The wikitext of the whole page
	 * link: The link that will be removed
	 */
	const removeLink = function( text, link ) {
		var anchor = link.anchor || '';

		if ( link.type === 'sortnaam' ) {
			var newContent = '{{sortnaam|' + link.first + '|' + link.last + '}}' + anchor;
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + linkEnd;
		}

		if ( link.type === 'ill' ) {
			var newContent = link.title + anchor;
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + linkEnd;
		}

		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + link.description + anchor + link.afterDescription + linkEnd;
	};
	
	/*
	 * Extract a link from a string in wiki format,
	 * starting from a given index. Return a link if one can be found,
	 * otherwise return null.
	 */
	const extractLink = function( text, lastIndex ) {
		// 1. Zoek naar gewone wikitlinks (inclusief optioneel anker #...)
		titleRegex.lastIndex = lastIndex;
		var wikiMatch = titleRegex.exec( text );

		// 2. Zoek naar sortnaam-templates
		var sortnaamRegex = new RegExp('{{\\s*sortnaam\\s*\\|\\s*([^|]+?)\\s*\\|\\s*([^|]+?)\\s*(?:\\|\\s*([^|#}]*?)\\s*)?(#[^|}]*)?}}', 'gi');
		sortnaamRegex.lastIndex = lastIndex;
		var sortnaamMatch = sortnaamRegex.exec( text );

		// 3. Zoek naar ill-templates (ondersteunt ook nieuwe regels en extra parameters)
		var illRegex = new RegExp('{{\\s*ill\\s*\\|([\\s\\S]*?)}}', 'gi');
		illRegex.lastIndex = lastIndex;
		var illMatch = illRegex.exec( text );

		var matchType = null;
		var matchIndex = Infinity;

		if ( wikiMatch !== null &amp;&amp; wikiMatch.index &gt;= lastIndex ) {
			matchIndex = wikiMatch.index;
			matchType = 'wiki';
		}

		if ( sortnaamMatch !== null &amp;&amp; sortnaamMatch.index &gt;= lastIndex &amp;&amp; sortnaamMatch.index &lt; matchIndex ) {
			matchIndex = sortnaamMatch.index;
			matchType = 'sortnaam';
		}

		if ( illMatch !== null &amp;&amp; illMatch.index &gt;= lastIndex &amp;&amp; illMatch.index &lt; matchIndex ) {
			matchIndex = illMatch.index;
			matchType = 'ill';
		}

		if ( matchType === 'wiki' ) {
			var possiblyAmbiguous = true;
			var hasDisamTemplate = false;
			var fullMatchStr = wikiMatch[0];
			var anchor = wikiMatch[2] ? wikiMatch[2] : '';
			
			var end = wikiMatch.index + fullMatchStr.length;
			var afterDescription = '';
			var rest = text.substring( end );
			var templateRegex = /^(\w*[.,:;?!)}\s]*){{\s*([^|{}]+?)\s*(?:\|[^{]*?)?}}/g;
			var templateMatch = templateRegex.exec( rest );
			if ( templateMatch !== null ) {
				var templateTitle = getCanonicalTitle( templateMatch[2] );
				if ( cfg.disamLinkTemplates?.includes( templateTitle ) ) {
					end += templateMatch[0].length;
					afterDescription = templateMatch[1].replace(/\s$/, '');
					hasDisamTemplate = true;
				} else if ( cfg.disamLinkIgnoreTemplates?.includes( templateTitle ) ) {
					possiblyAmbiguous = false;
				}
			}
			return {
				type: 'wiki',
				start: wikiMatch.index,
				end: end,
				possiblyAmbiguous: possiblyAmbiguous,
				hasDisamTemplate: hasDisamTemplate,
				title: wikiMatch[1],
				description: wikiMatch[3] ? wikiMatch[3] : wikiMatch[1],
				anchor: anchor,
				afterDescription: afterDescription
			};
		} else if ( matchType === 'sortnaam' ) {
			var first = sortnaamMatch[1].trim();
			var last = sortnaamMatch[2].trim();
			var explicitTarget = sortnaamMatch[3] ? sortnaamMatch[3].trim() : '';
			var anchor = sortnaamMatch[4] ? sortnaamMatch[4].trim() : '';
			var target = explicitTarget !== '' ? explicitTarget : ( first + ' ' + last );

			return {
				type: 'sortnaam',
				start: sortnaamMatch.index,
				end: sortnaamMatch.index + sortnaamMatch[0].length,
				possiblyAmbiguous: true,
				hasDisamTemplate: false,
				title: target,
				description: sortnaamMatch[0],
				first: first,
				last: last,
				explicitTarget: explicitTarget,
				anchor: anchor,
				afterDescription: ''
			};
		} else if ( matchType === 'ill' ) {
			var inner = illMatch[1];
			var parts = inner.split('|');
			var firstParam = parts[0].trim();
			
			var anchorMatch = firstParam.match(/^(.*?)(#.*)$/);
			var title = anchorMatch ? anchorMatch[1].trim() : firstParam;
			var anchor = anchorMatch ? anchorMatch[2] : '';
			
			var lang = parts[1] ? parts[1].trim() : '';
			var other = parts[2] ? parts[2].trim() : '';
			
			var restParts = parts.slice(3);
			var rest = restParts.length &gt; 0 ? '|' + restParts.join('|') : '';

			return {
				type: 'ill',
				start: illMatch.index,
				end: illMatch.index + illMatch[0].length,
				possiblyAmbiguous: true,
				hasDisamTemplate: false,
				title: title,
				description: title,
				anchor: anchor,
				lang: lang,
				other: other,
				rest: rest,
				afterDescription: ''
			};
		}

		return null;
	};
	
	/*
	 * Extract a link to one of a number of destination pages from a string 
	 * (&quot;text&quot;) in wiki format, starting from a given index (&quot;lastIndex&quot;).
	 * &quot;Disambiguation needed&quot; templates are included as part of the links.
	 * text: Page in wiki format
	 * destinations: Array of page titles to look for
	 * lastIndex: Index from which the search will start
	 */
	const extractLinkToPage = function( text, destinations, lastIndex ) {
		var link, title;
		do {
			link = extractLink( text, lastIndex );
			if ( link !== null ) {
				lastIndex = link.end;
				title = getCanonicalTitle( link.title );
			}
		} while (
			link !== null
			&amp;&amp; ( !link.possiblyAmbiguous || !destinations?.includes( title ) )
		);
		return link;
	};
	
	/*
	 * Find the &quot;target&quot; page: either the one we are in or the &quot;main&quot; one found by extracting
     * the title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const getTargetPage = function() {
		var title = getTitle();
		return forceSamePage ? title : removeDisam( title );
	};
	
	/*
	 * Get the page title, with the namespace prefix if any.
	 */
	const getTitle = function() {
		return mw.config.get( 'wgPageName' ).replace(/_/g, ' ')
	}
	
	/*
	 * Extract a &quot;main&quot; title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const removeDisam = function( title ) {
		var match = new RegExp( cfg.disamRegExp ).exec( title );
		return match ? match[1] : title;
	};
	
	/*
	 * Check whether two page titles are the same
	 */
	const isSamePage = function( title1, title2 ) {
		return getCanonicalTitle( title1 ) === getCanonicalTitle( title2 );
	};

	/*
	 * Return the 'canonical title' of a page
	 */
	const getCanonicalTitle = function( title ) {
		try {
			title = new mw.Title( title );

			// Check that page name matches the current namespace
			if ( title.getNamespaceId() !== mw.config.get( 'wgNamespaceNumber' ) ) {
				return;
			}

			const fragment = title.getFragment();
			return title.getPrefixedText() + ( fragment ? `#${ fragment }` : '' );
		} catch ( ex ) {
			// mw.Title seems to be buggy, and some valid titles are rejected
			// FIXME: This may cause false negatives	
		}
	};
	
	/*
	 * Extract the context around a given link in a text string
	 */
	const extractContext = function( text, link ) {
		var contextStart = link.start - cfg.radius;
		var contextEnd = link.end + cfg.radius;
		var contextPrev = text.substring( contextStart, link.start );
		const ellipsis = '…';
		if ( contextStart &gt; 0 ) {
			contextPrev = ellipsis + contextPrev;
		}
		var contextNext = text.substring( link.end, contextEnd );
		if ( contextEnd &lt; text.length ) {
			contextNext = contextNext + ellipsis;
		}
		return [contextPrev, text.substring( link.start, link.end ), contextNext];
	};

	/*
	 * Extract the prefixed page name from a link
	 */
	const extractPageName = function( link ) {
		var pageName = extractPageNameRaw( link );
		if ( pageName ) {
			return getCanonicalTitle( pageName );
		}
		
		return null;
	};
	
	/*
	 * Extract the page name from a link, as is
	 */
	const extractPageNameRaw = function( link ) {
		// Ignore images and interwiki links
		if ( link.hasClass( 'image' ) || link.hasClass( 'extiw' ) ) {
			return null;
		}
		var href = link.attr( 'href' );

		// Red links in old parser format
		if ( link.hasClass( 'new' ) ) {
			const oldRedLink = mw.util.getParamValue( 'title', href );
			if ( oldRedLink !== null ) {
				return oldRedLink;
			}
		}

		// Check that external links are coming from this wiki
		if ( href.indexOf( '//' ) === 0 || href.indexOf( 'https://' ) === 0 ) {
			try {
				const fullUrl = href.indexOf( '//' ) === 0 ? location.protocol + href : href;
				let urlData = new URL( fullUrl );
				if ( urlData.hostname !== location.hostname ) {
					return null;
				}
			} catch( e ) {
				return null;
			}
		}

		var articlePathRegexp = new RegExp(
			mw.config.get( 'wgArticlePath' ).replace( '$1', '([^?]*)' )
		);
		var result = articlePathRegexp.exec( href );
		if ( Array.isArray( result ) &amp;&amp; result.length &gt; 1 ) {
			return decodeURIComponent( result[ 1 ] );
		}

		return null;
	};
	
	/*
	 * Check whether this is a disambiguation page
	 */
	const isDisam = function() {
		const categories = mw.config.get( 'wgCategories', [] );
		return cfg.disamCategories.some( c =&gt; categories.includes( c ) );
	};
	
	const secondsToHHMMSS = function( totalSeconds ) {
		var hhmmss = '';
		var hours = Math.floor( totalSeconds / 3600 );
		var minutes = Math.floor( totalSeconds % 3600 / 60 );
		var seconds = Math.floor( totalSeconds % 3600 % 60 );
		if ( hours &gt;= 1 ) {
			hhmmss = pad( hours, '0', 2 ) + ':';
		}
		hhmmss += pad( minutes, '0', 2 ) + ':' + pad( seconds, '0', 2 );
		return hhmmss;
	};
	
	const pad = function( str, z, width ) {
		str = str.toString();
		if ( str.length &gt;= width ) {
			return str;
		} else {
			return new Array( width - str.length + 1 ).join( z ) + str;
		}
	}
	
	/*
	 * Create a new button
	 * text: Text that will be displayed on the button
	 * onClick: Function that will be called when the button is clicked
	 */
	const createButton = function( text, onClick ) {
		var button = $( '&lt;button&gt;', { 'type': 'button' } );
		button.text( text );
		button.addClass( 'disamassist-button' ).click( onClick );
		return button;
	};
	
	/*
	 * Given a page title and an array of possible redirects {from, to} (&quot;canonical titles&quot;), find the page
	 * at the end of the redirect chain, if there is one. Otherwise, return the page title that was passed
	 */
	const resolveRedirect = function( pageTitle, possibleRedirects ) {
		var appliedRedirect = true;
		var visitedPages = {};
		var currentPage = getCanonicalTitle( pageTitle );
		while ( appliedRedirect ) {
			appliedRedirect = false;
			for ( var ii = 0; ii &lt; possibleRedirects.length; ii++ ) {
				if ( possibleRedirects[ii].from === currentPage ) {
					if ( visitedPages[possibleRedirects[ii].to] ) {
						// Redirect chain detected
						return pageTitle;
					}
					visitedPages[currentPage] = true;
					appliedRedirect = true;
					currentPage = possibleRedirects[ii].to;
				}
			}
		}
		// No redirect rules applied for an iteration of the outer loop:
		// no more redirects. We are done
		return currentPage;
	};
	
	/*
	 * Fetch the incoming links to a page. Returns a jQuery promise
	 * (success - array of titles of pages that contain links to the target page and
	 * array of &quot;canonical titles&quot; of possible destinations of the backlinks (either
	 * the target page or redirects to the target page), failure - error description)
	 * page: Target page
	 */
	const getBacklinks = function( page ) {
		var dfd = new $.Deferred();
		api.get( {
			'action': 'query',
			'list': 'backlinks',
			'bltitle': page,
			'blredirect': true,
			'bllimit': cfg.backlinkLimit,
			'blnamespace': cfg.targetNamespaces,
		} ).done( function( data ) {
			// There might be duplicate entries in some corner cases. We don't care,
			// since we are going to check later, anyway
			var backlinks = [];
			var linkTitles = [getCanonicalTitle( page )];
			$.each( data.query.backlinks, function() {
				backlinks.push( this.title );
				if ( this.redirlinks ) {
					linkTitles.push( this.title );
					$.each( this.redirlinks, function() {
						backlinks.push( this.title );
					} );
				}
			} );
			dfd.resolve( backlinks, linkTitles );
		} ).fail( function( code, data ) {
			dfd.reject( txt.getBacklinksError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download a list of redirects for some pages. Returns a jQuery callback (success -
	 * array of redirects ({from, to}), failure - error description )
	 * pageTitles: Array of page titles
	 */
	const fetchRedirects = function( pageTitles ) {
		var dfd = new $.Deferred();
		var currentTitles = pageTitles.slice( 0, cfg.queryTitleLimit );
		var restTitles = pageTitles.slice( cfg.queryTitleLimit );
		api.get( {
			action: 'query',
			titles: currentTitles,
			redirects: true,
		} ).done( function( data ) {
			var theseRedirects = data.query.redirects ? data.query.redirects : [];
			if ( restTitles.length !== 0 ) {
				fetchRedirects( restTitles ).done( function( redirects ) {
					dfd.resolve( theseRedirects.concat( redirects ) );
				} ).fail( function( description ) {
					dfd.reject( description );
				} );
			} else {
				dfd.resolve( theseRedirects );
			}
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRedirectsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download the list of user rights for the current user. Returns a
	 * jQuery promise (success - array of right names, error - error description)
	 */
	const fetchRights = function() {
		var dfd = $.Deferred();
		api.get( {
			action: 'query',
			meta: 'userinfo',
			uiprop: 'rights',
		} ).done( function( data ) {
			dfd.resolve( data.query.userinfo.rights );
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRightsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Load the raw page text for a given title. Returns a jQuery promise (success - page
	 * content, failure - error description)
	 * pageTitle: Title of the page
	 */
	const loadPage = function( pageTitle ) {
		var dfd = new $.Deferred();
		api.get( {
			action: 'query',
			titles: pageTitle,
			prop: 'revisions',
			rvprop: 'timestamp|content',
			meta: 'tokens',
			type: 'csrf',
		} ).done( function( data ) {
			var pages = data.query.pages;
			for ( var key in pages ) {
				if ( pages.hasOwnProperty( key ) ) {
					break;
				}
			}
			var rawPage = data.query.pages[key];
			var page = {};
			page.missing = rawPage.missing !== undefined;
			if ( rawPage.revisions ) {
				page.content = rawPage.revisions[0]['*'];
				// Assume anything with # at the start is a redirect
				if ( page.content.match( /^#[^\s]*?\s*\[\[/ ) ) {
					page.redirect = true;
				}
				page.baseTimeStamp = rawPage.revisions[0].timestamp;
			} else {
				page.content = '';
				page.baseTimeStamp = null;
			}
			page.startTimeStamp = rawPage.starttimestamp;
			page.editToken = data.query.tokens.csrftoken;
			dfd.resolve( page );
		} ).fail( function( code, data ) {
			dfd.reject( txt.loadPageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Register changes to a page, to be saved later. Returns a jQuery promise
	 * (success - no params, failure - error description). Takes the same parameters
	 * as savePage 
	 */
	const saveWithCooldown = function() {
		var deferred = new $.Deferred();
		pendingSaves.push( {args: arguments, dfd: deferred} );
		if ( !runningSaves ) {
			checkAndSave();
		}
		return deferred.promise();
	};
	
	/*
	 * Save the first set of changes in the list of pending changes, providing that
	 * enough time has passed since the last edit
	 */
	const checkAndSave = function() {
		if ( pendingSaves.length === 0 ) {
			runningSaves = false;
			return;
		}
		runningSaves = true;
		var millisSinceLast = new Date().getTime() - lastEditMillis;
		if ( millisSinceLast &lt; cfg.editCooldown * 1000 ) {
			setTimeout( checkAndSave, cfg.editCooldown * 1000 - millisSinceLast );
		} else {
			// The last edit started at least cfg.editCooldown seconds ago
			var save = pendingSaves.shift();
			savePage.apply( this, save.args ).done( function() {
				checkAndSave();
				save.dfd.resolve();
			} ).fail( function( description ) {
				checkAndSave();
				save.dfd.reject( description );
			} );
			// We'll use the time since the last edit started
			lastEditMillis = new Date().getTime();
		}
	};
	
	/*
	 * Save the changes made to a page. Returns a jQuery promise (success - no params,
	 * failure - error description)
	 * pageTitle: Title of the page
	 * page: Page data
	 * summary: Summary of the changes made to the page
	 * minorEdit: Whether to mark the edit as 'minor'
	 * botEdit: Whether to mark the edit as 'bot'
	 */
	const savePage = function( pageTitle, page, summary, minorEdit, botEdit ) {
		var dfd = new $.Deferred();
		api.post( {
			action: 'edit',
			title: pageTitle,
			token: page.editToken,
			text: page.content,
			basetimestamp: page.baseTimeStamp,
			starttimestamp: page.startTimeStamp,
			summary: summary,
			watchlist: cfg.watch ? cfg.watch : 'nochange',
			assertuser: mw.config.get( 'wgUserName' ),
			minor: minorEdit,
			bot: botEdit,
		} ).done( function() {
			dfd.resolve();
		} ).fail( function( code, data ) {
			dfd.reject( txt.savePageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	install();
} )();
// &lt;/nowiki&gt;</text>
      <sha1>05fiw2niu8tbduhgyqthjlqxxzk40pc</sha1>
    </revision>
    <revision>
      <id>781225</id>
      <parentid>781221</parentid>
      <timestamp>2026-10-27T16:55:54Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <origin>781225</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="40950" sha1="69pzjo5kgywz2qhd9uu1d2zcsl97ftd" xml:space="preserve">/*
 * DisamAssist: a tool for repairing links from articles to disambiguation pages.
 */

// &lt;nowiki&gt;
// @ts-nocheck
( () =&gt; {
	var cfg = {};
	var txt = {};
	var ui;
	var links, pageChanges;
	var currentPageTitle, currentPageParameters, currentLink;
	var possibleBacklinkDestinations;
	var titleRegex;
	var forceSamePage = false;
	var running = false;
	var choosing = false;
	var canMarkIntentionalLinks = false;
	var displayedPages = {};
	var editCount = 0;
	var editLimit;
	var pendingSaves = [];
	var pendingEditBox = null;
	var pendingEditBoxText;
	var lastEditMillis = 0;
	var runningSaves = false;
	
	var api;

	const dependencies = [
		'mediawiki.api',
		'mediawiki.confirmCloseWindow',
		'mediawiki.Title',
		'mediawiki.util',
	];

	/**
	 * Add an item in Tools menu
	 * @param {string} text
	 * @param {string} id 
	 * @param {(e: MouseEvent) =&gt; void} callback 
	 */
	const disamPortletLink = ( text, id, callback ) =&gt; {
		const portlet = mw.util.addPortletLink(
			'p-tb',
			cfg.helpPage ? mw.util.getUrl( cfg.helpPage ) : '#',
			text,
			id
		);
		const link = portlet?.querySelector( 'a' );
		link?.addEventListener( 'click', callback );
		addButtonEvents( link );
	}
	
	/*
	 * Entry point. Check whether we are in a disambiguation page. If so, add a link to start the tool
	 */
	const install = function() {
		cfg = window.DisamAssist.cfg;
		txt = window.DisamAssist.txt;
		if ( mw.config.get( 'wgAction' ) === 'view' &amp;&amp; isDisam() ) {
			mw.loader.using( dependencies, () =&gt; {
				api = new mw.Api();

				mw.loader.load( 'https://ru.wikipedia.org/w/index.php?title=Участник:Stjn/DisamAssist.css&amp;action=raw&amp;ctype=text/css', 'text/css' );

				// This is a &quot; (disambiguation)&quot; page
				if ( new RegExp( cfg.disamRegExp ).exec( getTitle() ) ) {
					disamPortletLink( txt.startMain, 't-disamAssist-main', startMain );
					disamPortletLink( txt.startSame, 't-disamAssist-same', startSame );
				} else {
					disamPortletLink( txt.start, 't-disamAssist-page', start );
				}
			} );
		}
	};
	
	/*
	 * Start the tool. Display the UI and begin looking for links to fix
	 */
	const start = function( e ) {
		e?.preventDefault();
		if ( !running ) {
			console.log(Date.now())
			running = true;
			links = [];
			pageChanges = [];
			displayedPages = {};
			ensureDABExists().then( function( canMark ) {
				canMarkIntentionalLinks = canMark;
				createUI();
				addUnloadConfirm();
				markDisamOptions();
				checkEditLimit().then( function() {
					togglePendingEditBox( false );
					doPage();
				} );
			} );
		}
	};
	
	/*
	 * Start DisamAssist. Disambiguate incoming links to the current page, regardless
	 * of the title.
	 */
	const startSame = function( e ) {
		e.preventDefault();
		forceSamePage = true;
		start( e );
	};
	
	/*
	 * Start DisamAssist. If the page title ends with &quot; (disambiguation)&quot;, disambiguate
	 * links to the primary topic article. Otherwise, disambiguate links to the current
	 * page.
	 */
	const startMain = function( e ) {
		e.preventDefault();
		forceSamePage = false;
		start( e );
	};
	
	/*
	 * Create and show the user interface.
	 */
	const createUI = function() {
		ui = {
			display: $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-mainbox' ),
			finishedMessage: $( '&lt;div&gt;' ).text( txt.noMoreLinks ).hide(),
			pageTitleLine: $( '&lt;span&gt;' ).addClass( 'disamassist-pagetitleline' ),
			pendingEditCounter: $( '&lt;div&gt;').addClass( 'disamassist-editcounter' ),
			context: $( '&lt;pre&gt;' ).addClass( 'disamassist-context' ),
			undoButton: createButton( txt.undo, undo ),
			omitButton: createButton( txt.omit, omit ),
			endButton: createButton( txt.close, saveAndEnd ),
			refreshButton: createButton( txt.refresh, refresh ),
			titleAsTextButton: createButton( txt.titleAsText, chooseTitleFromPrompt ),
			intentionalLinkButton: canMarkIntentionalLinks ? createButton( txt.intentionalLink, chooseIntentionalLink ) : null,
			disamNeededButton: cfg.disamNeededText ? createButton( txt.disamNeeded, chooseDisamNeeded ) : null,
			removeLinkButton: createButton( txt.removeLink, chooseLinkRemoval )
		};
		var top = $( '&lt;div&gt;' ).addClass( 'disamassist-top' )
			.append( [ui.pageTitleLine, ui.pendingEditCounter] );
		var leftButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-leftbuttons' )
			.append( [ui.titleAsTextButton, ui.removeLinkButton, ui.intentionalLinkButton, ui.disamNeededButton, ui.omitButton] );
		var rightButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-rightbuttons' )
			.append( [ui.undoButton, ui.refreshButton, ui.endButton] );
		var allButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-allbuttons' )
			.append( [leftButtons, rightButtons] );
		ui.display.append( [top, ui.finishedMessage, ui.context, allButtons] );
		updateEditCounter();
		toggleActionButtons( false );
		// Insert the UI in the page
		$( '#mw-content-text' ).before( ui.display );
		ui.display.hide().fadeIn();
	};

	/**
	 * Add button role and related keyboard event
	 * @param {Element} el
	 */
	const addButtonEvents = ( el ) =&gt; {
		el?.setAttribute( 'role', 'button' );
		el?.addEventListener( 'keydown', function( e ) {
			if ( [ 'Enter', 'Space' ].includes( e.code ) ) {
				e.preventDefault();
				this.click();
			}
		} );
	}
	
	/*
	 * If there are pending changes, show a confirm dialog before closing
	 */
	const addUnloadConfirm = function() {
		mw.confirmCloseWindow( {
			test: () =&gt; {
				if ( running &amp;&amp; checkActualChanges() ) {
					return txt.pending;
				} else if ( editCount !== 0 ) {
					return txt.editInProgress;
				}
			}
		} );
	};
	
	/*
	 * Mark the disambiguation options as such
	 */
	const markDisamOptions = function() {
		var optionPageTitles = [];
		var optionMarkers = [];
		getDisamOptions().each( function() {
			var link = $( this );
			var title = extractPageName( link );
			const optionMarker = document.createElement( 'a' );
			optionMarker.classList.add( 'disamassist-optionmarker' );
			optionMarker.href = link.attr( 'href' );
			optionMarker.setAttribute( 'data-title', title );
			optionMarker.textContent = txt.optionMarker;
			optionMarker.addEventListener( 'click', ( e ) =&gt; {
				e.preventDefault();
				chooseReplacement( title );
			} );
			addButtonEvents( optionMarker );
			
			link.after( optionMarker );
			optionMarkers.push( optionMarker );
			optionPageTitles.push( title );
		} );
		// Now check the disambiguation options and display a different message for those that are
		// actually the same as the target page where the links go, as choosing those options doesn't really
		// accomplish anything (except bypassing redirects, which might be useful in some cases)
		var targetPage = getTargetPage();
		fetchRedirects( optionPageTitles.concat( targetPage ) ).done( function( redirects ) {
			var endTargetPage = resolveRedirect( targetPage, redirects );
			for ( var ii = 0; ii &lt; optionPageTitles.length; ii++ ) {
				var endOptionTitle = resolveRedirect( optionPageTitles[ii], redirects );
				if ( isSamePage( optionPageTitles[ii], targetPage ) ) {
					$( optionMarkers[ii] ).text( txt.targetOptionMarker ).addClass( 'disamassist-curroptionmarker');
				} else if ( isSamePage( endOptionTitle, endTargetPage ) ) {
					$( optionMarkers[ii] ).text( txt.redirectOptionMarker ).addClass( 'disamassist-curroptionmarker');
				}
			}
		} ).fail( error );	
	};
	
	/*
	 * Check whether intentional links to disambiguation pages can be explicitly marked
	 * as such in this wiki. If so, ensure that a &quot;Foo (disambiguation)&quot; page exists.
	 * Returns a jQuery promise
	 */
	const ensureDABExists = function() {
		var dfd = new $.Deferred();
		var title = getTitle();
		// That concept doesn't exist in this wiki.
		if ( !cfg.intentionalLinkOption ) {
			dfd.resolve( false );
		// &quot;Foo (disambiguation)&quot; exists: it's the current page.
		} else if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			dfd.resolve( true );
		} else {
			var disamTitle = cfg.disamFormat.replace( '$1', title );
			loadPage( disamTitle ).done( function( page ) {
				// &quot;Foo (disambiguation)&quot; doesn't exist.
				if ( page.missing ) {
					// We try to create it
					page.content = cfg.redirectToDisam.replace( '$1', title );
					var summary = txt.redirectSummary.replace( '$1', title );
					savePage( disamTitle, page, summary, false, true ).done( function() {
						dfd.resolve( true );
					} ).fail( function( description ) {
						error( description );
						dfd.resolve( false );
					} );
				// It does exist
				} else {
					dfd.resolve( true );
				}
			} ).fail( function( description ) {
				error( description );
				dfd.resolve( false );
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Check whether the edit cooldown applies and sets editLimit accordingly.
	 * Returns a jQuery promise
	 */
	const checkEditLimit = function() {
		var dfd = new $.Deferred();
		if ( cfg.editCooldown &lt;= 0 ) {
			editLimit = false;
			dfd.resolve();
		} else {
			fetchRights().done( function( rights ) {
				editLimit = !rights?.includes( 'bot' );
			} ).fail( function( description ) {
				error( description );
				editLimit = true;
			} ).always( function() {
				dfd.resolve();
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Find and ask the user to fix all the incoming links to the disambiguation (&quot;target&quot;)
	 * page from a single &quot;origin&quot; page
	 */
	const doPage = function() {
		if ( pageChanges.length &gt; cfg.historySize ) {
			applyChange( pageChanges.shift() );
		}
		if ( links.length === 0 ) {
			var targetPage = getTargetPage();
			getBacklinks( targetPage ).done( function( backlinks, pageTitles ) {
				var pending = {};
				$.each( pendingSaves, function() {
					pending[this[0]] = true;
				} );
				possibleBacklinkDestinations = $.grep( pageTitles, function( t, ii) {
					if ( t == targetPage ) {
						return true;
					}
					return removeDisam(t) != targetPage;
				} );
				titleRegex = new RegExp('\\[\\[([ _]*?(?:' + possibleBacklinkDestinations.join('|').replaceAll('(', '\\(').replaceAll(')','\\)').replaceAll(' ', '[ _]') + ')[ _]*?)(#.*?)?(?:\\|(.*?))?\\]\\]', 'gi');
				// Only incoming links from pages we haven't seen yet and we aren't currently
				// saving (displayedPages is reset when the tool is closed and opened again,
				// while the list of pending changes isn't; if the edit cooldown is disabled,
				// it will be empty)
				links = $.grep( backlinks, function( el, ii ) {
					return !displayedPages[el] &amp;&amp; !pending[el];
				} );
				if ( links.length === 0 ) {
					updateContext();
				} else {
					doPage();
				}
			} ).fail( error );
		} else {
			currentPageTitle = links.shift();
			displayedPages[currentPageTitle] = true;
			toggleActionButtons( false );
			loadPage( currentPageTitle ).done( function( data ) {
				currentPageParameters = data;
				currentLink = null;
				doLink();
			} ).fail( error );
		}
	};
	
	/*
	 * Find and ask the user to fix a single incoming link to the disambiguation (&quot;target&quot;)
	 * page
	 */
	const doLink = function() {
		if (!currentPageParameters.redirect) {
			var startIndex = currentLink ? currentLink.end : 0;
			currentLink = extractLinkToPage( currentPageParameters.content,
				possibleBacklinkDestinations, startIndex );
			if ( !currentLink &amp;&amp; startIndex &gt; 0 ) {
				// Mocht een link aan het einde niet goed matchen door verschuivingen, probeer vanaf begin
				currentLink = extractLinkToPage( currentPageParameters.content,
					possibleBacklinkDestinations, 0 );
			}
			if ( currentLink ) {
				updateContext();
			} else {
				doPage();
			}
		} else {
			doPage();
		}
	};
	
	/*
	 * Replace the target of a link with a different one
	 * pageTitle: New link target
	 * extra: Additional text after the link (optional)
	 * summary: Change summary (optional)
	 */
	const chooseReplacement = function( pageTitle, extra, summary ) {
		if ( choosing ) {
			choosing = false;
			if ( !summary ) {
				if ( pageTitle ) {
					summary = txt.summaryChanged.replace( '$1', pageTitle );		
				} else {
					summary = txt.summaryOmitted;
				}
			}
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			if ( pageTitle &amp;&amp; ( pageTitle !== getTargetPage() || extra ) ) {
				if ( currentPageParameters.redirect ) {
					currentLink.description = pageTitle;
				}
				var oldEnd = currentLink.end;
				currentPageParameters.content =
					replaceLink( currentPageParameters.content, pageTitle, currentLink, extra || '' );
				
				// Pas currentLink.end aan op basis van het lengteverschil zodat de volgende zoektocht correct verdergaat
				// (of zet hem tijdelijk op 0 zodat hij na een vervanging de volgende identieke link kan vinden)
				currentLink.end = 0; 
			}
			doLink();
		}
	};
	
	/*
	 * Replace the link with an explicit link to the disambiguation page
	 */
	const chooseIntentionalLink = function() {
		const targetPage = getTargetPage();
		let title = cfg.disamFormat.replace( '$1', targetPage );
		if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			title = targetPage;
		}
		chooseReplacement( title, '', txt.summaryIntentional );
	};
	
	/*
	 * Prompt for an alternative link target and use it as a replacement
	 */
	const chooseTitleFromPrompt = function() {
		var title = prompt( txt.titleAsTextPrompt );
		if ( title !== null ) {
			chooseReplacement( title );
		}
	};
	
	/*
	 * Remove the current link, leaving the text unchanged
	 */
	const chooseLinkRemoval = function() {
		if ( choosing ) {
			var summary = txt.summaryRemoved;
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			currentPageParameters.content = removeLink( currentPageParameters.content, currentLink );
			doLink();
		}
	};
	
	/*
	 * Add a &quot;disambiguation needed&quot; template after the link
	 */
	const chooseDisamNeeded = function() {
		chooseReplacement( currentLink.title, cfg.disamNeededText, txt.summaryHelpNeeded );
	};
	
	/*
	 * Undo the last change
	 */
	const undo = function() {
		if ( pageChanges.length !== 0 ) {
			var lastPage = pageChanges[pageChanges.length - 1];
			if ( currentPageTitle !== lastPage.title ) {
				links.unshift( currentPageTitle );
				currentPageTitle = lastPage.title;
			}
			currentPageParameters = lastPage.page;
			currentPageParameters.content = lastPage.contentBefore.pop();
			currentLink = lastPage.links.pop();
			lastPage.summary.pop();
			if ( lastPage.contentBefore.length === 0 ) {
				pageChanges.pop();
			}
			updateContext();
		}
	};
	
	/*
	 * Omit the current link without making a change
	 */
	const omit = function() {
		chooseReplacement( null );
	};
	
	/*
	 * Save all the pending changes and restart the tool.
	 */
	const refresh = function() {
		saveAndEnd();
		start();
	};
	
	/*
	 * Enable or disable the buttons that can perform actions on a page or change the current link.
	 * enabled: Whether to enable or disable the buttons
	 */
	const toggleActionButtons = function( enabled ) {
		var affectedButtons = [ui.omitButton, ui.titleAsTextButton, ui.removeLinkButton,
			ui.intentionalLinkButton, ui.disamNeededButton, ui.undoButton];
		$.each( affectedButtons, function( ii, button ) {
			button?.prop( 'disabled', !enabled );
		} );	
	};
	
	/*
	 * Show or hide the 'no more links' message
	 * show: Whether to show or hide the message
	 */
	const toggleFinishedMessage = function( show ) {
		toggleActionButtons( !show );
		ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
		ui.finishedMessage.toggle( show );
		ui.pageTitleLine.toggle( !show );
		ui.context.toggle( !show );
		if ( show ) console.log(Date.now())
	};
	
	const togglePendingEditBox = function( show ) {
		if ( pendingEditBox === null ) {
			pendingEditBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-pendingeditbox' );
			pendingEditBoxText = $( '&lt;div&gt;' );
			pendingEditBox.append( pendingEditBoxText ).hide();
			if ( editLimit ) {
				pendingEditBox.append( $( '&lt;div&gt;' ).text( txt.pendingEditBoxLimited )
					.addClass( 'disamassist-subtitle' ) );
			}
			$( '#mw-content-text' ).before( pendingEditBox );
			updateEditCounter();
		}
		if ( show ) {
			pendingEditBox.fadeIn();
		} else {
			pendingEditBox.fadeOut();
		}
	};
	
	const notifyCompletion = function() {
		var oldTitle = document.title;
		document.title = txt.notifyCharacter + document.title;
		$( document.body ).one( 'mousemove', function() {
			document.title = oldTitle;
		} );
	};
	
	/*
	 * Update the displayed information to match the current link
	 * or lack thereof
	 */
	const updateContext = function() {
		updateEditCounter();
		if ( !currentLink ) {
			toggleFinishedMessage( true );
		} else {
			ui.pageTitleLine.html( txt.pageTitleLine.replace( '$1',
				mw.util.getUrl( currentPageTitle, {redirect: 'no'} ) ).replace( '$2', mw.html.escape( currentPageTitle ) ) );
			var context = extractContext( currentPageParameters.content, currentLink );
			ui.context.empty()
				.append( $( '&lt;span&gt;' ).text( context[0] ) )
				.append( $( '&lt;span&gt;' ).text( context[1] ).addClass( 'disamassist-inclink' ) )
				.append( $( '&lt;span&gt;' ).text( context[2] ) );

			toggleFinishedMessage( false );
			ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
			ui.removeLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.intentionalLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.disamNeededButton?.prop( 'disabled', currentPageParameters.redirect || currentLink.hasDisamTemplate );
			choosing = true;
		}
	};
	
	/*
	 * Update the count of pending changes
	 */
	const updateEditCounter = function() {
		if ( ui.pendingEditCounter ) {
			ui.pendingEditCounter.text( txt.pendingEditCounter.replace( '$1', editCount )
				.replace( '$2', countActuallyChangedFullyCheckedPages() ) );
		}
		if ( pendingEditBox ) {
			if ( editCount === 0 &amp;&amp; !running ) {
				togglePendingEditBox( false );
				notifyCompletion();
			}
			var textContent = editCount;
			if ( editLimit ) {
				textContent = txt.pendingEditBoxTimeEstimation.replace( '$1', editCount )
					.replace( '$2', secondsToHHMMSS( cfg.editCooldown * editCount ) );
			}
			pendingEditBoxText.text( txt.pendingEditBox.replace( '$1', textContent ) );
		}
	};
	
	/*
	 * Apply the changes made to an &quot;origin&quot; page
	 * pageChange: Change that will be saved
	 */
	const applyChange = function( pageChange ) {
		if ( pageChange.page.content !== pageChange.contentBefore[0] ) {
			editCount++;
			// Filter duplicates and join
			var changeSummaries = pageChange.summary
				.filter( ( val, i, arr ) =&gt; val &amp;&amp; arr.indexOf( val ) === i )
				.join( txt.summarySeparator );
			var summary = txt.summary.replace( '$1', getTargetPage() ).replace( '$2', changeSummaries );
			var save = editLimit ? saveWithCooldown : savePage;
			save( pageChange.title, pageChange.page, summary, true, true ).always( function() {
				if ( editCount &gt; 0 ) {
					editCount--;
				}
				updateEditCounter();
			} ).fail( error );
			updateEditCounter();
		}
	};
	
	/*
	 * Save all the pending changes
	 */
	const applyAllChanges = function() {
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			applyChange( pageChanges[ii] );
		}
		pageChanges = [];
	};
	
	/*
	 * Record a new pending change
	 * pageTitle: Title of the page
	 * page: Content of the page
	 * oldContent: Content of the page before the change
	 * link: Link that has been changed
	 * summary: Change summary
	 */
	const addChange = function( pageTitle, page, oldContent, link, summary ) {
		if ( ( pageChanges.length === 0 ) || ( pageChanges[pageChanges.length - 1].title !== pageTitle ) ) {
			pageChanges.push( {
				title: pageTitle,
				page: page,
				contentBefore: [],
				links: [],
				summary: []
			} );
		}
		var lastPageChange = pageChanges[pageChanges.length - 1];
		lastPageChange.contentBefore.push( oldContent );
		lastPageChange.links.push( link );
		lastPageChange.summary.push( summary );
	};
	
	/*
	 * Check whether actual changes are stored in the history array
	 */
	const checkActualChanges = function() {
		return countActualChanges() !== 0;
	};
	
	/*
	 * Return the number of entries in the history array that represent actual changes
	 */
	const countActualChanges = function() {
		var changeCount = 0;
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			if ( pageChanges[ii].page.content !== pageChanges[ii].contentBefore[0] ) {
				changeCount++;
			}
		}
		return changeCount;		
	};
	
	/*
	 * Return the number of changed pages in the history array, ignoring the last entry
	 * if we aren't done with that page yet
	 */
	const countActuallyChangedFullyCheckedPages = function() {
		var changeCount = countActualChanges();
		if ( pageChanges.length !== 0 ) {
			var lastChange = pageChanges[pageChanges.length - 1];
			if ( lastChange.title === currentPageTitle &amp;&amp; currentLink !== null
					&amp;&amp; lastChange.page.content !== lastChange.contentBefore[0] ) {
				changeCount--;
			}
		}
		return changeCount;
	};
	
	/*
	 * Find the links to disambiguation options in a disambiguation page
	 */
	const getDisamOptions = function() {
		return $( '#mw-content-text a' ).filter( function() {
			return !!extractPageName( $( this ) );
		} );
	};

	/*
	 * Save all the pending changes and close the tool
	 */
	const saveAndEnd = function() {
		applyAllChanges();
		end();
	};
	
	/*
	 * Close the tool
	 */
	const end = function() {
		var currentToolUI = ui.display;
		choosing = false;
		running = false;
		$( '.disamassist-optionmarker' ).remove();
		currentToolUI.fadeOut( { complete: function() {
			currentToolUI.remove();
			if ( editCount !== 0 ) {
				togglePendingEditBox( true );
			}
		} } );
	};
	
	/*
	 * Display an error message
	 */
	const error = function( errorDescription ) {
		var errorBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-errorbox' );
		errorBox.text( txt.error.replace( '$1', errorDescription ) );
		errorBox.append( createButton( txt.dismissError, function() {
			errorBox.fadeOut();
		} ).addClass( 'disamassist-errorbutton' ) );
		var uiIsInPlace = ui &amp;&amp; $.contains( document.documentElement, ui.display[0] );
		var nextElement = uiIsInPlace ? ui.display : $( '#mw-content-text' );
		nextElement.before( errorBox );
		errorBox.hide().fadeIn();
	}
	
/*
	 * Change a link so that it points to the title
	 * text: The wikitext of the whole page
	 * title: The new destination of the link
	 * link: The link that will be modified
	 * extra: Text that will be added after the link (optional)
	 */
	const replaceLink = function( text, title, link, extra ) {
		var anchor = link.anchor || '';
		var newContent;

		if ( link.type === 'sortnaam' ) {
			newContent = '{{sortnaam|' + link.first + '|' + link.last + '|' + title + anchor + '}}';
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + ( extra || '' ) + linkEnd;
		}

		if ( link.type === 'ill' ) {
			newContent = '{{ill|' + title + anchor + '|' + link.lang + '|' + link.other + ( link.rest || '' ) + '}}';
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + ( extra || '' ) + linkEnd;
		}

		if ( isSamePage( title, link.description ) ) {
			newContent = link.description + anchor;
		} else {
			newContent = title + anchor + '|' + link.description;
		}
		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + '[[' + newContent + ']]' + link.afterDescription + ( extra || '' ) + linkEnd;
	};	

	/*
	 * Remove a link from the text
	 * text: The wikitext of the whole page
	 * link: The link that will be removed
	 */
	const removeLink = function( text, link ) {
		var anchor = link.anchor || '';

		if ( link.type === 'sortnaam' ) {
			var newContent = '{{sortnaam|' + link.first + '|' + link.last + '}}' + anchor;
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + linkEnd;
		}

		if ( link.type === 'ill' ) {
			var newContent = link.title + anchor;
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + linkEnd;
		}

		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + link.description + anchor + link.afterDescription + linkEnd;
	};
	
	/*
	 * Extract a link from a string in wiki format,
	 * starting from a given index. Return a link if one can be found,
	 * otherwise return null.
	 */
	const extractLink = function( text, lastIndex ) {
		// 1. Zoek naar gewone wikitlinks (inclusief optioneel anker #...)
		titleRegex.lastIndex = lastIndex;
		var wikiMatch = titleRegex.exec( text );

		// 2. Zoek naar sortnaam-templates
		var sortnaamRegex = new RegExp('{{\\s*sortnaam\\s*\\|\\s*([^|]+?)\\s*\\|\\s*([^|]+?)\\s*(?:\\|\\s*([^|#}]*?)\\s*)?(#[^|}]*)?}}', 'gi');
		sortnaamRegex.lastIndex = lastIndex;
		var sortnaamMatch = sortnaamRegex.exec( text );

		// 3. Zoek naar ill-templates (ondersteunt ook nieuwe regels en extra parameters)
		var illRegex = new RegExp('{{\\s*ill\\s*\\|([\\s\\S]*?)}}', 'gi');
		illRegex.lastIndex = lastIndex;
		var illMatch = illRegex.exec( text );

		var matchType = null;
		var matchIndex = Infinity;

		if ( wikiMatch !== null &amp;&amp; wikiMatch.index &gt;= lastIndex ) {
			matchIndex = wikiMatch.index;
			matchType = 'wiki';
		}

		if ( sortnaamMatch !== null &amp;&amp; sortnaamMatch.index &gt;= lastIndex &amp;&amp; sortnaamMatch.index &lt; matchIndex ) {
			matchIndex = sortnaamMatch.index;
			matchType = 'sortnaam';
		}

		if ( illMatch !== null &amp;&amp; illMatch.index &gt;= lastIndex &amp;&amp; illMatch.index &lt; matchIndex ) {
			matchIndex = illMatch.index;
			matchType = 'ill';
		}

		if ( matchType === 'wiki' ) {
			var possiblyAmbiguous = true;
			var hasDisamTemplate = false;
			var fullMatchStr = wikiMatch[0];
			var anchor = wikiMatch[2] ? wikiMatch[2] : '';
			
			var end = wikiMatch.index + fullMatchStr.length;
			var afterDescription = '';
			var rest = text.substring( end );
			var templateRegex = /^(\w*[.,:;?!)}\s]*){{\s*([^|{}]+?)\s*(?:\|[^{]*?)?}}/g;
			var templateMatch = templateRegex.exec( rest );
			if ( templateMatch !== null ) {
				var templateTitle = getCanonicalTitle( templateMatch[2] );
				if ( cfg.disamLinkTemplates?.includes( templateTitle ) ) {
					end += templateMatch[0].length;
					afterDescription = templateMatch[1].replace(/\s$/, '');
					hasDisamTemplate = true;
				} else if ( cfg.disamLinkIgnoreTemplates?.includes( templateTitle ) ) {
					possiblyAmbiguous = false;
				}
			}
			return {
				type: 'wiki',
				start: wikiMatch.index,
				end: end,
				possiblyAmbiguous: possiblyAmbiguous,
				hasDisamTemplate: hasDisamTemplate,
				title: wikiMatch[1],
				description: wikiMatch[3] ? wikiMatch[3] : wikiMatch[1],
				anchor: anchor,
				afterDescription: afterDescription
			};
		} else if ( matchType === 'sortnaam' ) {
			var first = sortnaamMatch[1].trim();
			var last = sortnaamMatch[2].trim();
			var explicitTarget = sortnaamMatch[3] ? sortnaamMatch[3].trim() : '';
			var anchor = sortnaamMatch[4] ? sortnaamMatch[4].trim() : '';
			var target = explicitTarget !== '' ? explicitTarget : ( first + ' ' + last );

			return {
				type: 'sortnaam',
				start: sortnaamMatch.index,
				end: sortnaamMatch.index + sortnaamMatch[0].length,
				possiblyAmbiguous: true,
				hasDisamTemplate: false,
				title: target,
				description: sortnaamMatch[0],
				first: first,
				last: last,
				explicitTarget: explicitTarget,
				anchor: anchor,
				afterDescription: ''
			};
		} else if ( matchType === 'ill' ) {
			var inner = illMatch[1];
			var parts = inner.split('|');
			var firstParam = parts[0].trim();
			
			var anchorMatch = firstParam.match(/^(.*?)(#.*)$/);
			var title = anchorMatch ? anchorMatch[1].trim() : firstParam;
			var anchor = anchorMatch ? anchorMatch[2] : '';
			
			var lang = parts[1] ? parts[1].trim() : '';
			var other = parts[2] ? parts[2].trim() : '';
			
			var restParts = parts.slice(3);
			var rest = restParts.length &gt; 0 ? '|' + restParts.join('|') : '';

			return {
				type: 'ill',
				start: illMatch.index,
				end: illMatch.index + illMatch[0].length,
				possiblyAmbiguous: true,
				hasDisamTemplate: false,
				title: title,
				description: title,
				anchor: anchor,
				lang: lang,
				other: other,
				rest: rest,
				afterDescription: ''
			};
		}

		return null;
	};
	
	/*
	 * Extract a link to one of a number of destination pages from a string 
	 * (&quot;text&quot;) in wiki format, starting from a given index (&quot;lastIndex&quot;).
	 * &quot;Disambiguation needed&quot; templates are included as part of the links.
	 * text: Page in wiki format
	 * destinations: Array of page titles to look for
	 * lastIndex: Index from which the search will start
	 */
	const extractLinkToPage = function( text, destinations, lastIndex ) {
		var link, title;
		do {
			link = extractLink( text, lastIndex );
			if ( link !== null ) {
				lastIndex = link.end;
				title = getCanonicalTitle( link.title );
			}
		} while (
			link !== null
			&amp;&amp; ( !link.possiblyAmbiguous || !destinations?.includes( title ) )
		);
		return link;
	};
	
	/*
	 * Find the &quot;target&quot; page: either the one we are in or the &quot;main&quot; one found by extracting
     * the title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const getTargetPage = function() {
		var title = getTitle();
		return forceSamePage ? title : removeDisam( title );
	};
	
	/*
	 * Get the page title, with the namespace prefix if any.
	 */
	const getTitle = function() {
		return mw.config.get( 'wgPageName' ).replace(/_/g, ' ')
	}
	
	/*
	 * Extract a &quot;main&quot; title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const removeDisam = function( title ) {
		var match = new RegExp( cfg.disamRegExp ).exec( title );
		return match ? match[1] : title;
	};
	
	/*
	 * Check whether two page titles are the same
	 */
	const isSamePage = function( title1, title2 ) {
		return getCanonicalTitle( title1 ) === getCanonicalTitle( title2 );
	};

	/*
	 * Return the 'canonical title' of a page
	 */
	const getCanonicalTitle = function( title ) {
		try {
			title = new mw.Title( title );

			// Check that page name matches the current namespace
			if ( title.getNamespaceId() !== mw.config.get( 'wgNamespaceNumber' ) ) {
				return;
			}

			const fragment = title.getFragment();
			return title.getPrefixedText() + ( fragment ? `#${ fragment }` : '' );
		} catch ( ex ) {
			// mw.Title seems to be buggy, and some valid titles are rejected
			// FIXME: This may cause false negatives	
		}
	};
	
	/*
	 * Extract the context around a given link in a text string
	 */
	const extractContext = function( text, link ) {
		var contextStart = link.start - cfg.radius;
		var contextEnd = link.end + cfg.radius;
		var contextPrev = text.substring( contextStart, link.start );
		const ellipsis = '…';
		if ( contextStart &gt; 0 ) {
			contextPrev = ellipsis + contextPrev;
		}
		var contextNext = text.substring( link.end, contextEnd );
		if ( contextEnd &lt; text.length ) {
			contextNext = contextNext + ellipsis;
		}
		return [contextPrev, text.substring( link.start, link.end ), contextNext];
	};

	/*
	 * Extract the prefixed page name from a link
	 */
	const extractPageName = function( link ) {
		var pageName = extractPageNameRaw( link );
		if ( pageName ) {
			return getCanonicalTitle( pageName );
		}
		
		return null;
	};
	
	/*
	 * Extract the page name from a link, as is
	 */
	const extractPageNameRaw = function( link ) {
		// Ignore images and interwiki links
		if ( link.hasClass( 'image' ) || link.hasClass( 'extiw' ) ) {
			return null;
		}
		var href = link.attr( 'href' );

		// Red links in old parser format
		if ( link.hasClass( 'new' ) ) {
			const oldRedLink = mw.util.getParamValue( 'title', href );
			if ( oldRedLink !== null ) {
				return oldRedLink;
			}
		}

		// Check that external links are coming from this wiki
		if ( href.indexOf( '//' ) === 0 || href.indexOf( 'https://' ) === 0 ) {
			try {
				const fullUrl = href.indexOf( '//' ) === 0 ? location.protocol + href : href;
				let urlData = new URL( fullUrl );
				if ( urlData.hostname !== location.hostname ) {
					return null;
				}
			} catch( e ) {
				return null;
			}
		}

		var articlePathRegexp = new RegExp(
			mw.config.get( 'wgArticlePath' ).replace( '$1', '([^?]*)' )
		);
		var result = articlePathRegexp.exec( href );
		if ( Array.isArray( result ) &amp;&amp; result.length &gt; 1 ) {
			return decodeURIComponent( result[ 1 ] );
		}

		return null;
	};
	
	/*
	 * Check whether this is a disambiguation page
	 */
	const isDisam = function() {
		const categories = mw.config.get( 'wgCategories', [] );
		return cfg.disamCategories.some( c =&gt; categories.includes( c ) );
	};
	
	const secondsToHHMMSS = function( totalSeconds ) {
		var hhmmss = '';
		var hours = Math.floor( totalSeconds / 3600 );
		var minutes = Math.floor( totalSeconds % 3600 / 60 );
		var seconds = Math.floor( totalSeconds % 3600 % 60 );
		if ( hours &gt;= 1 ) {
			hhmmss = pad( hours, '0', 2 ) + ':';
		}
		hhmmss += pad( minutes, '0', 2 ) + ':' + pad( seconds, '0', 2 );
		return hhmmss;
	};
	
	const pad = function( str, z, width ) {
		str = str.toString();
		if ( str.length &gt;= width ) {
			return str;
		} else {
			return new Array( width - str.length + 1 ).join( z ) + str;
		}
	}
	
	/*
	 * Create a new button
	 * text: Text that will be displayed on the button
	 * onClick: Function that will be called when the button is clicked
	 */
	const createButton = function( text, onClick ) {
		var button = $( '&lt;button&gt;', { 'type': 'button' } );
		button.text( text );
		button.addClass( 'disamassist-button' ).click( onClick );
		return button;
	};
	
	/*
	 * Given a page title and an array of possible redirects {from, to} (&quot;canonical titles&quot;), find the page
	 * at the end of the redirect chain, if there is one. Otherwise, return the page title that was passed
	 */
	const resolveRedirect = function( pageTitle, possibleRedirects ) {
		var appliedRedirect = true;
		var visitedPages = {};
		var currentPage = getCanonicalTitle( pageTitle );
		while ( appliedRedirect ) {
			appliedRedirect = false;
			for ( var ii = 0; ii &lt; possibleRedirects.length; ii++ ) {
				if ( possibleRedirects[ii].from === currentPage ) {
					if ( visitedPages[possibleRedirects[ii].to] ) {
						// Redirect chain detected
						return pageTitle;
					}
					visitedPages[currentPage] = true;
					appliedRedirect = true;
					currentPage = possibleRedirects[ii].to;
				}
			}
		}
		// No redirect rules applied for an iteration of the outer loop:
		// no more redirects. We are done
		return currentPage;
	};
	
	/*
	 * Fetch the incoming links to a page. Returns a jQuery promise
	 * (success - array of titles of pages that contain links to the target page and
	 * array of &quot;canonical titles&quot; of possible destinations of the backlinks (either
	 * the target page or redirects to the target page), failure - error description)
	 * page: Target page
	 */
	const getBacklinks = function( page ) {
		var dfd = new $.Deferred();
		api.get( {
			'action': 'query',
			'list': 'backlinks',
			'bltitle': page,
			'blredirect': true,
			'bllimit': cfg.backlinkLimit,
			'blnamespace': cfg.targetNamespaces,
		} ).done( function( data ) {
			// There might be duplicate entries in some corner cases. We don't care,
			// since we are going to check later, anyway
			var backlinks = [];
			var linkTitles = [getCanonicalTitle( page )];
			$.each( data.query.backlinks, function() {
				backlinks.push( this.title );
				if ( this.redirlinks ) {
					linkTitles.push( this.title );
					$.each( this.redirlinks, function() {
						backlinks.push( this.title );
					} );
				}
			} );
			dfd.resolve( backlinks, linkTitles );
		} ).fail( function( code, data ) {
			dfd.reject( txt.getBacklinksError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download a list of redirects for some pages. Returns a jQuery callback (success -
	 * array of redirects ({from, to}), failure - error description )
	 * pageTitles: Array of page titles
	 */
	const fetchRedirects = function( pageTitles ) {
		var dfd = new $.Deferred();
		var currentTitles = pageTitles.slice( 0, cfg.queryTitleLimit );
		var restTitles = pageTitles.slice( cfg.queryTitleLimit );
		api.get( {
			action: 'query',
			titles: currentTitles,
			redirects: true,
		} ).done( function( data ) {
			var theseRedirects = data.query.redirects ? data.query.redirects : [];
			if ( restTitles.length !== 0 ) {
				fetchRedirects( restTitles ).done( function( redirects ) {
					dfd.resolve( theseRedirects.concat( redirects ) );
				} ).fail( function( description ) {
					dfd.reject( description );
				} );
			} else {
				dfd.resolve( theseRedirects );
			}
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRedirectsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download the list of user rights for the current user. Returns a
	 * jQuery promise (success - array of right names, error - error description)
	 */
	const fetchRights = function() {
		var dfd = $.Deferred();
		api.get( {
			action: 'query',
			meta: 'userinfo',
			uiprop: 'rights',
		} ).done( function( data ) {
			dfd.resolve( data.query.userinfo.rights );
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRightsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Load the raw page text for a given title. Returns a jQuery promise (success - page
	 * content, failure - error description)
	 * pageTitle: Title of the page
	 */
	const loadPage = function( pageTitle ) {
		var dfd = new $.Deferred();
		api.get( {
			action: 'query',
			titles: pageTitle,
			prop: 'revisions',
			rvprop: 'timestamp|content',
			meta: 'tokens',
			type: 'csrf',
		} ).done( function( data ) {
			var pages = data.query.pages;
			for ( var key in pages ) {
				if ( pages.hasOwnProperty( key ) ) {
					break;
				}
			}
			var rawPage = data.query.pages[key];
			var page = {};
			page.missing = rawPage.missing !== undefined;
			if ( rawPage.revisions ) {
				page.content = rawPage.revisions[0]['*'];
				// Assume anything with # at the start is a redirect
				if ( page.content.match( /^#[^\s]*?\s*\[\[/ ) ) {
					page.redirect = true;
				}
				page.baseTimeStamp = rawPage.revisions[0].timestamp;
			} else {
				page.content = '';
				page.baseTimeStamp = null;
			}
			page.startTimeStamp = rawPage.starttimestamp;
			page.editToken = data.query.tokens.csrftoken;
			dfd.resolve( page );
		} ).fail( function( code, data ) {
			dfd.reject( txt.loadPageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Register changes to a page, to be saved later. Returns a jQuery promise
	 * (success - no params, failure - error description). Takes the same parameters
	 * as savePage 
	 */
	const saveWithCooldown = function() {
		var deferred = new $.Deferred();
		pendingSaves.push( {args: arguments, dfd: deferred} );
		if ( !runningSaves ) {
			checkAndSave();
		}
		return deferred.promise();
	};
	
	/*
	 * Save the first set of changes in the list of pending changes, providing that
	 * enough time has passed since the last edit
	 */
	const checkAndSave = function() {
		if ( pendingSaves.length === 0 ) {
			runningSaves = false;
			return;
		}
		runningSaves = true;
		var millisSinceLast = new Date().getTime() - lastEditMillis;
		if ( millisSinceLast &lt; cfg.editCooldown * 1000 ) {
			setTimeout( checkAndSave, cfg.editCooldown * 1000 - millisSinceLast );
		} else {
			// The last edit started at least cfg.editCooldown seconds ago
			var save = pendingSaves.shift();
			savePage.apply( this, save.args ).done( function() {
				checkAndSave();
				save.dfd.resolve();
			} ).fail( function( description ) {
				checkAndSave();
				save.dfd.reject( description );
			} );
			// We'll use the time since the last edit started
			lastEditMillis = new Date().getTime();
		}
	};
	
	/*
	 * Save the changes made to a page. Returns a jQuery promise (success - no params,
	 * failure - error description)
	 * pageTitle: Title of the page
	 * page: Page data
	 * summary: Summary of the changes made to the page
	 * minorEdit: Whether to mark the edit as 'minor'
	 * botEdit: Whether to mark the edit as 'bot'
	 */
	const savePage = function( pageTitle, page, summary, minorEdit, botEdit ) {
		var dfd = new $.Deferred();
		api.post( {
			action: 'edit',
			title: pageTitle,
			token: page.editToken,
			text: page.content,
			basetimestamp: page.baseTimeStamp,
			starttimestamp: page.startTimeStamp,
			summary: summary,
			watchlist: cfg.watch ? cfg.watch : 'nochange',
			assertuser: mw.config.get( 'wgUserName' ),
			minor: minorEdit,
			bot: botEdit,
		} ).done( function() {
			dfd.resolve();
		} ).fail( function( code, data ) {
			dfd.reject( txt.savePageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	install();
} )();
// &lt;/nowiki&gt;</text>
      <sha1>69pzjo5kgywz2qhd9uu1d2zcsl97ftd</sha1>
    </revision>
    <revision>
      <id>781226</id>
      <parentid>781225</parentid>
      <timestamp>2026-10-27T16:58:06Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <origin>781226</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="40772" sha1="1gz6qv0boyndwqvattr0hr5sadx4ip3" xml:space="preserve">/*
 * DisamAssist: a tool for repairing links from articles to disambiguation pages.
 */

// &lt;nowiki&gt;
// @ts-nocheck
( () =&gt; {
	var cfg = {};
	var txt = {};
	var ui;
	var links, pageChanges;
	var currentPageTitle, currentPageParameters, currentLink;
	var possibleBacklinkDestinations;
	var titleRegex;
	var forceSamePage = false;
	var running = false;
	var choosing = false;
	var canMarkIntentionalLinks = false;
	var displayedPages = {};
	var editCount = 0;
	var editLimit;
	var pendingSaves = [];
	var pendingEditBox = null;
	var pendingEditBoxText;
	var lastEditMillis = 0;
	var runningSaves = false;
	
	var api;

	const dependencies = [
		'mediawiki.api',
		'mediawiki.confirmCloseWindow',
		'mediawiki.Title',
		'mediawiki.util',
	];

	/**
	 * Add an item in Tools menu
	 * @param {string} text
	 * @param {string} id 
	 * @param {(e: MouseEvent) =&gt; void} callback 
	 */
	const disamPortletLink = ( text, id, callback ) =&gt; {
		const portlet = mw.util.addPortletLink(
			'p-tb',
			cfg.helpPage ? mw.util.getUrl( cfg.helpPage ) : '#',
			text,
			id
		);
		const link = portlet?.querySelector( 'a' );
		link?.addEventListener( 'click', callback );
		addButtonEvents( link );
	}
	
	/*
	 * Entry point. Check whether we are in a disambiguation page. If so, add a link to start the tool
	 */
	const install = function() {
		cfg = window.DisamAssist.cfg;
		txt = window.DisamAssist.txt;
		if ( mw.config.get( 'wgAction' ) === 'view' &amp;&amp; isDisam() ) {
			mw.loader.using( dependencies, () =&gt; {
				api = new mw.Api();

				mw.loader.load( 'https://ru.wikipedia.org/w/index.php?title=Участник:Stjn/DisamAssist.css&amp;action=raw&amp;ctype=text/css', 'text/css' );

				// This is a &quot; (disambiguation)&quot; page
				if ( new RegExp( cfg.disamRegExp ).exec( getTitle() ) ) {
					disamPortletLink( txt.startMain, 't-disamAssist-main', startMain );
					disamPortletLink( txt.startSame, 't-disamAssist-same', startSame );
				} else {
					disamPortletLink( txt.start, 't-disamAssist-page', start );
				}
			} );
		}
	};
	
	/*
	 * Start the tool. Display the UI and begin looking for links to fix
	 */
	const start = function( e ) {
		e?.preventDefault();
		if ( !running ) {
			console.log(Date.now())
			running = true;
			links = [];
			pageChanges = [];
			displayedPages = {};
			ensureDABExists().then( function( canMark ) {
				canMarkIntentionalLinks = canMark;
				createUI();
				addUnloadConfirm();
				markDisamOptions();
				checkEditLimit().then( function() {
					togglePendingEditBox( false );
					doPage();
				} );
			} );
		}
	};
	
	/*
	 * Start DisamAssist. Disambiguate incoming links to the current page, regardless
	 * of the title.
	 */
	const startSame = function( e ) {
		e.preventDefault();
		forceSamePage = true;
		start( e );
	};
	
	/*
	 * Start DisamAssist. If the page title ends with &quot; (disambiguation)&quot;, disambiguate
	 * links to the primary topic article. Otherwise, disambiguate links to the current
	 * page.
	 */
	const startMain = function( e ) {
		e.preventDefault();
		forceSamePage = false;
		start( e );
	};
	
	/*
	 * Create and show the user interface.
	 */
	const createUI = function() {
		ui = {
			display: $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-mainbox' ),
			finishedMessage: $( '&lt;div&gt;' ).text( txt.noMoreLinks ).hide(),
			pageTitleLine: $( '&lt;span&gt;' ).addClass( 'disamassist-pagetitleline' ),
			pendingEditCounter: $( '&lt;div&gt;').addClass( 'disamassist-editcounter' ),
			context: $( '&lt;pre&gt;' ).addClass( 'disamassist-context' ),
			undoButton: createButton( txt.undo, undo ),
			omitButton: createButton( txt.omit, omit ),
			endButton: createButton( txt.close, saveAndEnd ),
			refreshButton: createButton( txt.refresh, refresh ),
			titleAsTextButton: createButton( txt.titleAsText, chooseTitleFromPrompt ),
			intentionalLinkButton: canMarkIntentionalLinks ? createButton( txt.intentionalLink, chooseIntentionalLink ) : null,
			disamNeededButton: cfg.disamNeededText ? createButton( txt.disamNeeded, chooseDisamNeeded ) : null,
			removeLinkButton: createButton( txt.removeLink, chooseLinkRemoval )
		};
		var top = $( '&lt;div&gt;' ).addClass( 'disamassist-top' )
			.append( [ui.pageTitleLine, ui.pendingEditCounter] );
		var leftButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-leftbuttons' )
			.append( [ui.titleAsTextButton, ui.removeLinkButton, ui.intentionalLinkButton, ui.disamNeededButton, ui.omitButton] );
		var rightButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-rightbuttons' )
			.append( [ui.undoButton, ui.refreshButton, ui.endButton] );
		var allButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-allbuttons' )
			.append( [leftButtons, rightButtons] );
		ui.display.append( [top, ui.finishedMessage, ui.context, allButtons] );
		updateEditCounter();
		toggleActionButtons( false );
		// Insert the UI in the page
		$( '#mw-content-text' ).before( ui.display );
		ui.display.hide().fadeIn();
	};

	/**
	 * Add button role and related keyboard event
	 * @param {Element} el
	 */
	const addButtonEvents = ( el ) =&gt; {
		el?.setAttribute( 'role', 'button' );
		el?.addEventListener( 'keydown', function( e ) {
			if ( [ 'Enter', 'Space' ].includes( e.code ) ) {
				e.preventDefault();
				this.click();
			}
		} );
	}
	
	/*
	 * If there are pending changes, show a confirm dialog before closing
	 */
	const addUnloadConfirm = function() {
		mw.confirmCloseWindow( {
			test: () =&gt; {
				if ( running &amp;&amp; checkActualChanges() ) {
					return txt.pending;
				} else if ( editCount !== 0 ) {
					return txt.editInProgress;
				}
			}
		} );
	};
	
	/*
	 * Mark the disambiguation options as such
	 */
	const markDisamOptions = function() {
		var optionPageTitles = [];
		var optionMarkers = [];
		getDisamOptions().each( function() {
			var link = $( this );
			var title = extractPageName( link );
			const optionMarker = document.createElement( 'a' );
			optionMarker.classList.add( 'disamassist-optionmarker' );
			optionMarker.href = link.attr( 'href' );
			optionMarker.setAttribute( 'data-title', title );
			optionMarker.textContent = txt.optionMarker;
			optionMarker.addEventListener( 'click', ( e ) =&gt; {
				e.preventDefault();
				chooseReplacement( title );
			} );
			addButtonEvents( optionMarker );
			
			link.after( optionMarker );
			optionMarkers.push( optionMarker );
			optionPageTitles.push( title );
		} );
		// Now check the disambiguation options and display a different message for those that are
		// actually the same as the target page where the links go, as choosing those options doesn't really
		// accomplish anything (except bypassing redirects, which might be useful in some cases)
		var targetPage = getTargetPage();
		fetchRedirects( optionPageTitles.concat( targetPage ) ).done( function( redirects ) {
			var endTargetPage = resolveRedirect( targetPage, redirects );
			for ( var ii = 0; ii &lt; optionPageTitles.length; ii++ ) {
				var endOptionTitle = resolveRedirect( optionPageTitles[ii], redirects );
				if ( isSamePage( optionPageTitles[ii], targetPage ) ) {
					$( optionMarkers[ii] ).text( txt.targetOptionMarker ).addClass( 'disamassist-curroptionmarker');
				} else if ( isSamePage( endOptionTitle, endTargetPage ) ) {
					$( optionMarkers[ii] ).text( txt.redirectOptionMarker ).addClass( 'disamassist-curroptionmarker');
				}
			}
		} ).fail( error );	
	};
	
	/*
	 * Check whether intentional links to disambiguation pages can be explicitly marked
	 * as such in this wiki. If so, ensure that a &quot;Foo (disambiguation)&quot; page exists.
	 * Returns a jQuery promise
	 */
	const ensureDABExists = function() {
		var dfd = new $.Deferred();
		var title = getTitle();
		// That concept doesn't exist in this wiki.
		if ( !cfg.intentionalLinkOption ) {
			dfd.resolve( false );
		// &quot;Foo (disambiguation)&quot; exists: it's the current page.
		} else if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			dfd.resolve( true );
		} else {
			var disamTitle = cfg.disamFormat.replace( '$1', title );
			loadPage( disamTitle ).done( function( page ) {
				// &quot;Foo (disambiguation)&quot; doesn't exist.
				if ( page.missing ) {
					// We try to create it
					page.content = cfg.redirectToDisam.replace( '$1', title );
					var summary = txt.redirectSummary.replace( '$1', title );
					savePage( disamTitle, page, summary, false, true ).done( function() {
						dfd.resolve( true );
					} ).fail( function( description ) {
						error( description );
						dfd.resolve( false );
					} );
				// It does exist
				} else {
					dfd.resolve( true );
				}
			} ).fail( function( description ) {
				error( description );
				dfd.resolve( false );
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Check whether the edit cooldown applies and sets editLimit accordingly.
	 * Returns a jQuery promise
	 */
	const checkEditLimit = function() {
		var dfd = new $.Deferred();
		if ( cfg.editCooldown &lt;= 0 ) {
			editLimit = false;
			dfd.resolve();
		} else {
			fetchRights().done( function( rights ) {
				editLimit = !rights?.includes( 'bot' );
			} ).fail( function( description ) {
				error( description );
				editLimit = true;
			} ).always( function() {
				dfd.resolve();
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Find and ask the user to fix all the incoming links to the disambiguation (&quot;target&quot;)
	 * page from a single &quot;origin&quot; page
	 */
	const doPage = function() {
		if ( pageChanges.length &gt; cfg.historySize ) {
			applyChange( pageChanges.shift() );
		}
		if ( links.length === 0 ) {
			var targetPage = getTargetPage();
			getBacklinks( targetPage ).done( function( backlinks, pageTitles ) {
				var pending = {};
				$.each( pendingSaves, function() {
					pending[this[0]] = true;
				} );
				possibleBacklinkDestinations = $.grep( pageTitles, function( t, ii) {
					if ( t == targetPage ) {
						return true;
					}
					return removeDisam(t) != targetPage;
				} );
				titleRegex = new RegExp('\\[\\[([ _]*?(?:' + possibleBacklinkDestinations.join('|').replaceAll('(', '\\(').replaceAll(')','\\)').replaceAll(' ', '[ _]') + ')[ _]*?)(#.*?)?(?:\\|(.*?))?\\]\\]', 'gi');
				// Only incoming links from pages we haven't seen yet and we aren't currently
				// saving (displayedPages is reset when the tool is closed and opened again,
				// while the list of pending changes isn't; if the edit cooldown is disabled,
				// it will be empty)
				links = $.grep( backlinks, function( el, ii ) {
					return !displayedPages[el] &amp;&amp; !pending[el];
				} );
				if ( links.length === 0 ) {
					updateContext();
				} else {
					doPage();
				}
			} ).fail( error );
		} else {
			currentPageTitle = links.shift();
			displayedPages[currentPageTitle] = true;
			toggleActionButtons( false );
			loadPage( currentPageTitle ).done( function( data ) {
				currentPageParameters = data;
				currentLink = null;
				doLink();
			} ).fail( error );
		}
	};
	
/*
	 * Find and ask the user to fix a single incoming link to the disambiguation (&quot;target&quot;)
	 * page
	 */
	const doLink = function() {
		if (!currentPageParameters.redirect) {
			var startIndex = currentLink ? currentLink.end : 0;
			currentLink = extractLinkToPage( currentPageParameters.content,
				possibleBacklinkDestinations, startIndex );
			if ( currentLink ) {
				updateContext();
			} else {
				doPage();
			}
		} else {
			doPage();
		}
	};

	/*
	 * Replace the target of a link with a different one
	 * pageTitle: New link target
	 * extra: Additional text after the link (optional)
	 * summary: Change summary (optional)
	 */
	const chooseReplacement = function( pageTitle, extra, summary ) {
		if ( choosing ) {
			choosing = false;
			if ( !summary ) {
				if ( pageTitle ) {
					summary = txt.summaryChanged.replace( '$1', pageTitle );		
				} else {
					summary = txt.summaryOmitted;
				}
			}
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			if ( pageTitle &amp;&amp; ( pageTitle !== getTargetPage() || extra ) ) {
				if ( currentPageParameters.redirect ) {
					currentLink.description = pageTitle;
				}
				currentPageParameters.content =
					replaceLink( currentPageParameters.content, pageTitle, currentLink, extra || '' );
			}
			
			// Als er een daadwerkelijke vervanging is gedaan (pageTitle is niet null),
			// resetten we currentLink naar null zodat de zoektocht vanaf 0 herbegimt.
			// De reeds aangepaste link wordt genegeerd, waardoor de volgende dubbele link wél wordt gevonden.
			if ( pageTitle !== null ) {
				currentLink = null;
			}
			
			doLink();
		}
	};


	/*
	 * Replace the link with an explicit link to the disambiguation page
	 */
	const chooseIntentionalLink = function() {
		const targetPage = getTargetPage();
		let title = cfg.disamFormat.replace( '$1', targetPage );
		if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			title = targetPage;
		}
		chooseReplacement( title, '', txt.summaryIntentional );
	};
	
	/*
	 * Prompt for an alternative link target and use it as a replacement
	 */
	const chooseTitleFromPrompt = function() {
		var title = prompt( txt.titleAsTextPrompt );
		if ( title !== null ) {
			chooseReplacement( title );
		}
	};
	
	/*
	 * Remove the current link, leaving the text unchanged
	 */
	const chooseLinkRemoval = function() {
		if ( choosing ) {
			var summary = txt.summaryRemoved;
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			currentPageParameters.content = removeLink( currentPageParameters.content, currentLink );
			currentLink = null;
			doLink();
		}
	};
	
	/*
	 * Add a &quot;disambiguation needed&quot; template after the link
	 */
	const chooseDisamNeeded = function() {
		chooseReplacement( currentLink.title, cfg.disamNeededText, txt.summaryHelpNeeded );
	};
	
	/*
	 * Undo the last change
	 */
	const undo = function() {
		if ( pageChanges.length !== 0 ) {
			var lastPage = pageChanges[pageChanges.length - 1];
			if ( currentPageTitle !== lastPage.title ) {
				links.unshift( currentPageTitle );
				currentPageTitle = lastPage.title;
			}
			currentPageParameters = lastPage.page;
			currentPageParameters.content = lastPage.contentBefore.pop();
			currentLink = lastPage.links.pop();
			lastPage.summary.pop();
			if ( lastPage.contentBefore.length === 0 ) {
				pageChanges.pop();
			}
			updateContext();
		}
	};
	
	/*
	 * Omit the current link without making a change
	 */
	const omit = function() {
		chooseReplacement( null );
	};
	
	/*
	 * Save all the pending changes and restart the tool.
	 */
	const refresh = function() {
		saveAndEnd();
		start();
	};
	
	/*
	 * Enable or disable the buttons that can perform actions on a page or change the current link.
	 * enabled: Whether to enable or disable the buttons
	 */
	const toggleActionButtons = function( enabled ) {
		var affectedButtons = [ui.omitButton, ui.titleAsTextButton, ui.removeLinkButton,
			ui.intentionalLinkButton, ui.disamNeededButton, ui.undoButton];
		$.each( affectedButtons, function( ii, button ) {
			button?.prop( 'disabled', !enabled );
		} );	
	};
	
	/*
	 * Show or hide the 'no more links' message
	 * show: Whether to show or hide the message
	 */
	const toggleFinishedMessage = function( show ) {
		toggleActionButtons( !show );
		ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
		ui.finishedMessage.toggle( show );
		ui.pageTitleLine.toggle( !show );
		ui.context.toggle( !show );
		if ( show ) console.log(Date.now())
	};
	
	const togglePendingEditBox = function( show ) {
		if ( pendingEditBox === null ) {
			pendingEditBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-pendingeditbox' );
			pendingEditBoxText = $( '&lt;div&gt;' );
			pendingEditBox.append( pendingEditBoxText ).hide();
			if ( editLimit ) {
				pendingEditBox.append( $( '&lt;div&gt;' ).text( txt.pendingEditBoxLimited )
					.addClass( 'disamassist-subtitle' ) );
			}
			$( '#mw-content-text' ).before( pendingEditBox );
			updateEditCounter();
		}
		if ( show ) {
			pendingEditBox.fadeIn();
		} else {
			pendingEditBox.fadeOut();
		}
	};
	
	const notifyCompletion = function() {
		var oldTitle = document.title;
		document.title = txt.notifyCharacter + document.title;
		$( document.body ).one( 'mousemove', function() {
			document.title = oldTitle;
		} );
	};
	
	/*
	 * Update the displayed information to match the current link
	 * or lack thereof
	 */
	const updateContext = function() {
		updateEditCounter();
		if ( !currentLink ) {
			toggleFinishedMessage( true );
		} else {
			ui.pageTitleLine.html( txt.pageTitleLine.replace( '$1',
				mw.util.getUrl( currentPageTitle, {redirect: 'no'} ) ).replace( '$2', mw.html.escape( currentPageTitle ) ) );
			var context = extractContext( currentPageParameters.content, currentLink );
			ui.context.empty()
				.append( $( '&lt;span&gt;' ).text( context[0] ) )
				.append( $( '&lt;span&gt;' ).text( context[1] ).addClass( 'disamassist-inclink' ) )
				.append( $( '&lt;span&gt;' ).text( context[2] ) );

			toggleFinishedMessage( false );
			ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
			ui.removeLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.intentionalLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.disamNeededButton?.prop( 'disabled', currentPageParameters.redirect || currentLink.hasDisamTemplate );
			choosing = true;
		}
	};
	
	/*
	 * Update the count of pending changes
	 */
	const updateEditCounter = function() {
		if ( ui.pendingEditCounter ) {
			ui.pendingEditCounter.text( txt.pendingEditCounter.replace( '$1', editCount )
				.replace( '$2', countActuallyChangedFullyCheckedPages() ) );
		}
		if ( pendingEditBox ) {
			if ( editCount === 0 &amp;&amp; !running ) {
				togglePendingEditBox( false );
				notifyCompletion();
			}
			var textContent = editCount;
			if ( editLimit ) {
				textContent = txt.pendingEditBoxTimeEstimation.replace( '$1', editCount )
					.replace( '$2', secondsToHHMMSS( cfg.editCooldown * editCount ) );
			}
			pendingEditBoxText.text( txt.pendingEditBox.replace( '$1', textContent ) );
		}
	};
	
	/*
	 * Apply the changes made to an &quot;origin&quot; page
	 * pageChange: Change that will be saved
	 */
	const applyChange = function( pageChange ) {
		if ( pageChange.page.content !== pageChange.contentBefore[0] ) {
			editCount++;
			// Filter duplicates and join
			var changeSummaries = pageChange.summary
				.filter( ( val, i, arr ) =&gt; val &amp;&amp; arr.indexOf( val ) === i )
				.join( txt.summarySeparator );
			var summary = txt.summary.replace( '$1', getTargetPage() ).replace( '$2', changeSummaries );
			var save = editLimit ? saveWithCooldown : savePage;
			save( pageChange.title, pageChange.page, summary, true, true ).always( function() {
				if ( editCount &gt; 0 ) {
					editCount--;
				}
				updateEditCounter();
			} ).fail( error );
			updateEditCounter();
		}
	};
	
	/*
	 * Save all the pending changes
	 */
	const applyAllChanges = function() {
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			applyChange( pageChanges[ii] );
		}
		pageChanges = [];
	};
	
	/*
	 * Record a new pending change
	 * pageTitle: Title of the page
	 * page: Content of the page
	 * oldContent: Content of the page before the change
	 * link: Link that has been changed
	 * summary: Change summary
	 */
	const addChange = function( pageTitle, page, oldContent, link, summary ) {
		if ( ( pageChanges.length === 0 ) || ( pageChanges[pageChanges.length - 1].title !== pageTitle ) ) {
			pageChanges.push( {
				title: pageTitle,
				page: page,
				contentBefore: [],
				links: [],
				summary: []
			} );
		}
		var lastPageChange = pageChanges[pageChanges.length - 1];
		lastPageChange.contentBefore.push( oldContent );
		lastPageChange.links.push( link );
		lastPageChange.summary.push( summary );
	};
	
	/*
	 * Check whether actual changes are stored in the history array
	 */
	const checkActualChanges = function() {
		return countActualChanges() !== 0;
	};
	
	/*
	 * Return the number of entries in the history array that represent actual changes
	 */
	const countActualChanges = function() {
		var changeCount = 0;
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			if ( pageChanges[ii].page.content !== pageChanges[ii].contentBefore[0] ) {
				changeCount++;
			}
		}
		return changeCount;		
	};
	
	/*
	 * Return the number of changed pages in the history array, ignoring the last entry
	 * if we aren't done with that page yet
	 */
	const countActuallyChangedFullyCheckedPages = function() {
		var changeCount = countActualChanges();
		if ( pageChanges.length !== 0 ) {
			var lastChange = pageChanges[pageChanges.length - 1];
			if ( lastChange.title === currentPageTitle &amp;&amp; currentLink !== null
					&amp;&amp; lastChange.page.content !== lastChange.contentBefore[0] ) {
				changeCount--;
			}
		}
		return changeCount;
	};
	
	/*
	 * Find the links to disambiguation options in a disambiguation page
	 */
	const getDisamOptions = function() {
		return $( '#mw-content-text a' ).filter( function() {
			return !!extractPageName( $( this ) );
		} );
	};

	/*
	 * Save all the pending changes and close the tool
	 */
	const saveAndEnd = function() {
		applyAllChanges();
		end();
	};
	
	/*
	 * Close the tool
	 */
	const end = function() {
		var currentToolUI = ui.display;
		choosing = false;
		running = false;
		$( '.disamassist-optionmarker' ).remove();
		currentToolUI.fadeOut( { complete: function() {
			currentToolUI.remove();
			if ( editCount !== 0 ) {
				togglePendingEditBox( true );
			}
		} } );
	};
	
	/*
	 * Display an error message
	 */
	const error = function( errorDescription ) {
		var errorBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-errorbox' );
		errorBox.text( txt.error.replace( '$1', errorDescription ) );
		errorBox.append( createButton( txt.dismissError, function() {
			errorBox.fadeOut();
		} ).addClass( 'disamassist-errorbutton' ) );
		var uiIsInPlace = ui &amp;&amp; $.contains( document.documentElement, ui.display[0] );
		var nextElement = uiIsInPlace ? ui.display : $( '#mw-content-text' );
		nextElement.before( errorBox );
		errorBox.hide().fadeIn();
	}
	
/*
	 * Change a link so that it points to the title
	 * text: The wikitext of the whole page
	 * title: The new destination of the link
	 * link: The link that will be modified
	 * extra: Text that will be added after the link (optional)
	 */
	const replaceLink = function( text, title, link, extra ) {
		var anchor = link.anchor || '';
		var newContent;

		if ( link.type === 'sortnaam' ) {
			newContent = '{{sortnaam|' + link.first + '|' + link.last + '|' + title + anchor + '}}';
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + ( extra || '' ) + linkEnd;
		}

		if ( link.type === 'ill' ) {
			newContent = '{{ill|' + title + anchor + '|' + link.lang + '|' + link.other + ( link.rest || '' ) + '}}';
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + ( extra || '' ) + linkEnd;
		}

		if ( isSamePage( title, link.description ) ) {
			newContent = link.description + anchor;
		} else {
			newContent = title + anchor + '|' + link.description;
		}
		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + '[[' + newContent + ']]' + link.afterDescription + ( extra || '' ) + linkEnd;
	};	

	/*
	 * Remove a link from the text
	 * text: The wikitext of the whole page
	 * link: The link that will be removed
	 */
	const removeLink = function( text, link ) {
		var anchor = link.anchor || '';

		if ( link.type === 'sortnaam' ) {
			var newContent = '{{sortnaam|' + link.first + '|' + link.last + '}}' + anchor;
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + linkEnd;
		}

		if ( link.type === 'ill' ) {
			var newContent = link.title + anchor;
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + linkEnd;
		}

		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + link.description + anchor + link.afterDescription + linkEnd;
	};
	
	/*
	 * Extract a link from a string in wiki format,
	 * starting from a given index. Return a link if one can be found,
	 * otherwise return null.
	 */
	const extractLink = function( text, lastIndex ) {
		// 1. Zoek naar gewone wikitlinks (inclusief optioneel anker #...)
		titleRegex.lastIndex = lastIndex;
		var wikiMatch = titleRegex.exec( text );

		// 2. Zoek naar sortnaam-templates
		var sortnaamRegex = new RegExp('{{\\s*sortnaam\\s*\\|\\s*([^|]+?)\\s*\\|\\s*([^|]+?)\\s*(?:\\|\\s*([^|#}]*?)\\s*)?(#[^|}]*)?}}', 'gi');
		sortnaamRegex.lastIndex = lastIndex;
		var sortnaamMatch = sortnaamRegex.exec( text );

		// 3. Zoek naar ill-templates (ondersteunt ook nieuwe regels en extra parameters)
		var illRegex = new RegExp('{{\\s*ill\\s*\\|([\\s\\S]*?)}}', 'gi');
		illRegex.lastIndex = lastIndex;
		var illMatch = illRegex.exec( text );

		var matchType = null;
		var matchIndex = Infinity;

		if ( wikiMatch !== null &amp;&amp; wikiMatch.index &gt;= lastIndex ) {
			matchIndex = wikiMatch.index;
			matchType = 'wiki';
		}

		if ( sortnaamMatch !== null &amp;&amp; sortnaamMatch.index &gt;= lastIndex &amp;&amp; sortnaamMatch.index &lt; matchIndex ) {
			matchIndex = sortnaamMatch.index;
			matchType = 'sortnaam';
		}

		if ( illMatch !== null &amp;&amp; illMatch.index &gt;= lastIndex &amp;&amp; illMatch.index &lt; matchIndex ) {
			matchIndex = illMatch.index;
			matchType = 'ill';
		}

		if ( matchType === 'wiki' ) {
			var possiblyAmbiguous = true;
			var hasDisamTemplate = false;
			var fullMatchStr = wikiMatch[0];
			var anchor = wikiMatch[2] ? wikiMatch[2] : '';
			
			var end = wikiMatch.index + fullMatchStr.length;
			var afterDescription = '';
			var rest = text.substring( end );
			var templateRegex = /^(\w*[.,:;?!)}\s]*){{\s*([^|{}]+?)\s*(?:\|[^{]*?)?}}/g;
			var templateMatch = templateRegex.exec( rest );
			if ( templateMatch !== null ) {
				var templateTitle = getCanonicalTitle( templateMatch[2] );
				if ( cfg.disamLinkTemplates?.includes( templateTitle ) ) {
					end += templateMatch[0].length;
					afterDescription = templateMatch[1].replace(/\s$/, '');
					hasDisamTemplate = true;
				} else if ( cfg.disamLinkIgnoreTemplates?.includes( templateTitle ) ) {
					possiblyAmbiguous = false;
				}
			}
			return {
				type: 'wiki',
				start: wikiMatch.index,
				end: end,
				possiblyAmbiguous: possiblyAmbiguous,
				hasDisamTemplate: hasDisamTemplate,
				title: wikiMatch[1],
				description: wikiMatch[3] ? wikiMatch[3] : wikiMatch[1],
				anchor: anchor,
				afterDescription: afterDescription
			};
		} else if ( matchType === 'sortnaam' ) {
			var first = sortnaamMatch[1].trim();
			var last = sortnaamMatch[2].trim();
			var explicitTarget = sortnaamMatch[3] ? sortnaamMatch[3].trim() : '';
			var anchor = sortnaamMatch[4] ? sortnaamMatch[4].trim() : '';
			var target = explicitTarget !== '' ? explicitTarget : ( first + ' ' + last );

			return {
				type: 'sortnaam',
				start: sortnaamMatch.index,
				end: sortnaamMatch.index + sortnaamMatch[0].length,
				possiblyAmbiguous: true,
				hasDisamTemplate: false,
				title: target,
				description: sortnaamMatch[0],
				first: first,
				last: last,
				explicitTarget: explicitTarget,
				anchor: anchor,
				afterDescription: ''
			};
		} else if ( matchType === 'ill' ) {
			var inner = illMatch[1];
			var parts = inner.split('|');
			var firstParam = parts[0].trim();
			
			var anchorMatch = firstParam.match(/^(.*?)(#.*)$/);
			var title = anchorMatch ? anchorMatch[1].trim() : firstParam;
			var anchor = anchorMatch ? anchorMatch[2] : '';
			
			var lang = parts[1] ? parts[1].trim() : '';
			var other = parts[2] ? parts[2].trim() : '';
			
			var restParts = parts.slice(3);
			var rest = restParts.length &gt; 0 ? '|' + restParts.join('|') : '';

			return {
				type: 'ill',
				start: illMatch.index,
				end: illMatch.index + illMatch[0].length,
				possiblyAmbiguous: true,
				hasDisamTemplate: false,
				title: title,
				description: title,
				anchor: anchor,
				lang: lang,
				other: other,
				rest: rest,
				afterDescription: ''
			};
		}

		return null;
	};
	
	/*
	 * Extract a link to one of a number of destination pages from a string 
	 * (&quot;text&quot;) in wiki format, starting from a given index (&quot;lastIndex&quot;).
	 * &quot;Disambiguation needed&quot; templates are included as part of the links.
	 * text: Page in wiki format
	 * destinations: Array of page titles to look for
	 * lastIndex: Index from which the search will start
	 */
	const extractLinkToPage = function( text, destinations, lastIndex ) {
		var link, title;
		do {
			link = extractLink( text, lastIndex );
			if ( link !== null ) {
				lastIndex = link.end;
				title = getCanonicalTitle( link.title );
			}
		} while (
			link !== null
			&amp;&amp; ( !link.possiblyAmbiguous || !destinations?.includes( title ) )
		);
		return link;
	};
	
	/*
	 * Find the &quot;target&quot; page: either the one we are in or the &quot;main&quot; one found by extracting
     * the title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const getTargetPage = function() {
		var title = getTitle();
		return forceSamePage ? title : removeDisam( title );
	};
	
	/*
	 * Get the page title, with the namespace prefix if any.
	 */
	const getTitle = function() {
		return mw.config.get( 'wgPageName' ).replace(/_/g, ' ')
	}
	
	/*
	 * Extract a &quot;main&quot; title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const removeDisam = function( title ) {
		var match = new RegExp( cfg.disamRegExp ).exec( title );
		return match ? match[1] : title;
	};
	
	/*
	 * Check whether two page titles are the same
	 */
	const isSamePage = function( title1, title2 ) {
		return getCanonicalTitle( title1 ) === getCanonicalTitle( title2 );
	};

	/*
	 * Return the 'canonical title' of a page
	 */
	const getCanonicalTitle = function( title ) {
		try {
			title = new mw.Title( title );

			// Check that page name matches the current namespace
			if ( title.getNamespaceId() !== mw.config.get( 'wgNamespaceNumber' ) ) {
				return;
			}

			const fragment = title.getFragment();
			return title.getPrefixedText() + ( fragment ? `#${ fragment }` : '' );
		} catch ( ex ) {
			// mw.Title seems to be buggy, and some valid titles are rejected
			// FIXME: This may cause false negatives	
		}
	};
	
	/*
	 * Extract the context around a given link in a text string
	 */
	const extractContext = function( text, link ) {
		var contextStart = link.start - cfg.radius;
		var contextEnd = link.end + cfg.radius;
		var contextPrev = text.substring( contextStart, link.start );
		const ellipsis = '…';
		if ( contextStart &gt; 0 ) {
			contextPrev = ellipsis + contextPrev;
		}
		var contextNext = text.substring( link.end, contextEnd );
		if ( contextEnd &lt; text.length ) {
			contextNext = contextNext + ellipsis;
		}
		return [contextPrev, text.substring( link.start, link.end ), contextNext];
	};

	/*
	 * Extract the prefixed page name from a link
	 */
	const extractPageName = function( link ) {
		var pageName = extractPageNameRaw( link );
		if ( pageName ) {
			return getCanonicalTitle( pageName );
		}
		
		return null;
	};
	
	/*
	 * Extract the page name from a link, as is
	 */
	const extractPageNameRaw = function( link ) {
		// Ignore images and interwiki links
		if ( link.hasClass( 'image' ) || link.hasClass( 'extiw' ) ) {
			return null;
		}
		var href = link.attr( 'href' );

		// Red links in old parser format
		if ( link.hasClass( 'new' ) ) {
			const oldRedLink = mw.util.getParamValue( 'title', href );
			if ( oldRedLink !== null ) {
				return oldRedLink;
			}
		}

		// Check that external links are coming from this wiki
		if ( href.indexOf( '//' ) === 0 || href.indexOf( 'https://' ) === 0 ) {
			try {
				const fullUrl = href.indexOf( '//' ) === 0 ? location.protocol + href : href;
				let urlData = new URL( fullUrl );
				if ( urlData.hostname !== location.hostname ) {
					return null;
				}
			} catch( e ) {
				return null;
			}
		}

		var articlePathRegexp = new RegExp(
			mw.config.get( 'wgArticlePath' ).replace( '$1', '([^?]*)' )
		);
		var result = articlePathRegexp.exec( href );
		if ( Array.isArray( result ) &amp;&amp; result.length &gt; 1 ) {
			return decodeURIComponent( result[ 1 ] );
		}

		return null;
	};
	
	/*
	 * Check whether this is a disambiguation page
	 */
	const isDisam = function() {
		const categories = mw.config.get( 'wgCategories', [] );
		return cfg.disamCategories.some( c =&gt; categories.includes( c ) );
	};
	
	const secondsToHHMMSS = function( totalSeconds ) {
		var hhmmss = '';
		var hours = Math.floor( totalSeconds / 3600 );
		var minutes = Math.floor( totalSeconds % 3600 / 60 );
		var seconds = Math.floor( totalSeconds % 3600 % 60 );
		if ( hours &gt;= 1 ) {
			hhmmss = pad( hours, '0', 2 ) + ':';
		}
		hhmmss += pad( minutes, '0', 2 ) + ':' + pad( seconds, '0', 2 );
		return hhmmss;
	};
	
	const pad = function( str, z, width ) {
		str = str.toString();
		if ( str.length &gt;= width ) {
			return str;
		} else {
			return new Array( width - str.length + 1 ).join( z ) + str;
		}
	}
	
	/*
	 * Create a new button
	 * text: Text that will be displayed on the button
	 * onClick: Function that will be called when the button is clicked
	 */
	const createButton = function( text, onClick ) {
		var button = $( '&lt;button&gt;', { 'type': 'button' } );
		button.text( text );
		button.addClass( 'disamassist-button' ).click( onClick );
		return button;
	};
	
	/*
	 * Given a page title and an array of possible redirects {from, to} (&quot;canonical titles&quot;), find the page
	 * at the end of the redirect chain, if there is one. Otherwise, return the page title that was passed
	 */
	const resolveRedirect = function( pageTitle, possibleRedirects ) {
		var appliedRedirect = true;
		var visitedPages = {};
		var currentPage = getCanonicalTitle( pageTitle );
		while ( appliedRedirect ) {
			appliedRedirect = false;
			for ( var ii = 0; ii &lt; possibleRedirects.length; ii++ ) {
				if ( possibleRedirects[ii].from === currentPage ) {
					if ( visitedPages[possibleRedirects[ii].to] ) {
						// Redirect chain detected
						return pageTitle;
					}
					visitedPages[currentPage] = true;
					appliedRedirect = true;
					currentPage = possibleRedirects[ii].to;
				}
			}
		}
		// No redirect rules applied for an iteration of the outer loop:
		// no more redirects. We are done
		return currentPage;
	};
	
	/*
	 * Fetch the incoming links to a page. Returns a jQuery promise
	 * (success - array of titles of pages that contain links to the target page and
	 * array of &quot;canonical titles&quot; of possible destinations of the backlinks (either
	 * the target page or redirects to the target page), failure - error description)
	 * page: Target page
	 */
	const getBacklinks = function( page ) {
		var dfd = new $.Deferred();
		api.get( {
			'action': 'query',
			'list': 'backlinks',
			'bltitle': page,
			'blredirect': true,
			'bllimit': cfg.backlinkLimit,
			'blnamespace': cfg.targetNamespaces,
		} ).done( function( data ) {
			// There might be duplicate entries in some corner cases. We don't care,
			// since we are going to check later, anyway
			var backlinks = [];
			var linkTitles = [getCanonicalTitle( page )];
			$.each( data.query.backlinks, function() {
				backlinks.push( this.title );
				if ( this.redirlinks ) {
					linkTitles.push( this.title );
					$.each( this.redirlinks, function() {
						backlinks.push( this.title );
					} );
				}
			} );
			dfd.resolve( backlinks, linkTitles );
		} ).fail( function( code, data ) {
			dfd.reject( txt.getBacklinksError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download a list of redirects for some pages. Returns a jQuery callback (success -
	 * array of redirects ({from, to}), failure - error description )
	 * pageTitles: Array of page titles
	 */
	const fetchRedirects = function( pageTitles ) {
		var dfd = new $.Deferred();
		var currentTitles = pageTitles.slice( 0, cfg.queryTitleLimit );
		var restTitles = pageTitles.slice( cfg.queryTitleLimit );
		api.get( {
			action: 'query',
			titles: currentTitles,
			redirects: true,
		} ).done( function( data ) {
			var theseRedirects = data.query.redirects ? data.query.redirects : [];
			if ( restTitles.length !== 0 ) {
				fetchRedirects( restTitles ).done( function( redirects ) {
					dfd.resolve( theseRedirects.concat( redirects ) );
				} ).fail( function( description ) {
					dfd.reject( description );
				} );
			} else {
				dfd.resolve( theseRedirects );
			}
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRedirectsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download the list of user rights for the current user. Returns a
	 * jQuery promise (success - array of right names, error - error description)
	 */
	const fetchRights = function() {
		var dfd = $.Deferred();
		api.get( {
			action: 'query',
			meta: 'userinfo',
			uiprop: 'rights',
		} ).done( function( data ) {
			dfd.resolve( data.query.userinfo.rights );
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRightsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Load the raw page text for a given title. Returns a jQuery promise (success - page
	 * content, failure - error description)
	 * pageTitle: Title of the page
	 */
	const loadPage = function( pageTitle ) {
		var dfd = new $.Deferred();
		api.get( {
			action: 'query',
			titles: pageTitle,
			prop: 'revisions',
			rvprop: 'timestamp|content',
			meta: 'tokens',
			type: 'csrf',
		} ).done( function( data ) {
			var pages = data.query.pages;
			for ( var key in pages ) {
				if ( pages.hasOwnProperty( key ) ) {
					break;
				}
			}
			var rawPage = data.query.pages[key];
			var page = {};
			page.missing = rawPage.missing !== undefined;
			if ( rawPage.revisions ) {
				page.content = rawPage.revisions[0]['*'];
				// Assume anything with # at the start is a redirect
				if ( page.content.match( /^#[^\s]*?\s*\[\[/ ) ) {
					page.redirect = true;
				}
				page.baseTimeStamp = rawPage.revisions[0].timestamp;
			} else {
				page.content = '';
				page.baseTimeStamp = null;
			}
			page.startTimeStamp = rawPage.starttimestamp;
			page.editToken = data.query.tokens.csrftoken;
			dfd.resolve( page );
		} ).fail( function( code, data ) {
			dfd.reject( txt.loadPageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Register changes to a page, to be saved later. Returns a jQuery promise
	 * (success - no params, failure - error description). Takes the same parameters
	 * as savePage 
	 */
	const saveWithCooldown = function() {
		var deferred = new $.Deferred();
		pendingSaves.push( {args: arguments, dfd: deferred} );
		if ( !runningSaves ) {
			checkAndSave();
		}
		return deferred.promise();
	};
	
	/*
	 * Save the first set of changes in the list of pending changes, providing that
	 * enough time has passed since the last edit
	 */
	const checkAndSave = function() {
		if ( pendingSaves.length === 0 ) {
			runningSaves = false;
			return;
		}
		runningSaves = true;
		var millisSinceLast = new Date().getTime() - lastEditMillis;
		if ( millisSinceLast &lt; cfg.editCooldown * 1000 ) {
			setTimeout( checkAndSave, cfg.editCooldown * 1000 - millisSinceLast );
		} else {
			// The last edit started at least cfg.editCooldown seconds ago
			var save = pendingSaves.shift();
			savePage.apply( this, save.args ).done( function() {
				checkAndSave();
				save.dfd.resolve();
			} ).fail( function( description ) {
				checkAndSave();
				save.dfd.reject( description );
			} );
			// We'll use the time since the last edit started
			lastEditMillis = new Date().getTime();
		}
	};
	
	/*
	 * Save the changes made to a page. Returns a jQuery promise (success - no params,
	 * failure - error description)
	 * pageTitle: Title of the page
	 * page: Page data
	 * summary: Summary of the changes made to the page
	 * minorEdit: Whether to mark the edit as 'minor'
	 * botEdit: Whether to mark the edit as 'bot'
	 */
	const savePage = function( pageTitle, page, summary, minorEdit, botEdit ) {
		var dfd = new $.Deferred();
		api.post( {
			action: 'edit',
			title: pageTitle,
			token: page.editToken,
			text: page.content,
			basetimestamp: page.baseTimeStamp,
			starttimestamp: page.startTimeStamp,
			summary: summary,
			watchlist: cfg.watch ? cfg.watch : 'nochange',
			assertuser: mw.config.get( 'wgUserName' ),
			minor: minorEdit,
			bot: botEdit,
		} ).done( function() {
			dfd.resolve();
		} ).fail( function( code, data ) {
			dfd.reject( txt.savePageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	install();
} )();
// &lt;/nowiki&gt;</text>
      <sha1>1gz6qv0boyndwqvattr0hr5sadx4ip3</sha1>
    </revision>
    <revision>
      <id>781229</id>
      <parentid>781226</parentid>
      <timestamp>2026-10-27T17:05:04Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <origin>781229</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="40585" sha1="ikunl9w7yr879wveihb85mnn8jysr7b" xml:space="preserve">/*
 * DisamAssist: a tool for repairing links from articles to disambiguation pages.
 */

// &lt;nowiki&gt;
// @ts-nocheck
( () =&gt; {
	var cfg = {};
	var txt = {};
	var ui;
	var links, pageChanges;
	var currentPageTitle, currentPageParameters, currentLink;
	var possibleBacklinkDestinations;
	var titleRegex;
	var forceSamePage = false;
	var running = false;
	var choosing = false;
	var canMarkIntentionalLinks = false;
	var displayedPages = {};
	var editCount = 0;
	var editLimit;
	var pendingSaves = [];
	var pendingEditBox = null;
	var pendingEditBoxText;
	var lastEditMillis = 0;
	var runningSaves = false;
	
	var api;

	const dependencies = [
		'mediawiki.api',
		'mediawiki.confirmCloseWindow',
		'mediawiki.Title',
		'mediawiki.util',
	];

	/**
	 * Add an item in Tools menu
	 * @param {string} text
	 * @param {string} id 
	 * @param {(e: MouseEvent) =&gt; void} callback 
	 */
	const disamPortletLink = ( text, id, callback ) =&gt; {
		const portlet = mw.util.addPortletLink(
			'p-tb',
			cfg.helpPage ? mw.util.getUrl( cfg.helpPage ) : '#',
			text,
			id
		);
		const link = portlet?.querySelector( 'a' );
		link?.addEventListener( 'click', callback );
		addButtonEvents( link );
	}
	
	/*
	 * Entry point. Check whether we are in a disambiguation page. If so, add a link to start the tool
	 */
	const install = function() {
		cfg = window.DisamAssist.cfg;
		txt = window.DisamAssist.txt;
		if ( mw.config.get( 'wgAction' ) === 'view' &amp;&amp; isDisam() ) {
			mw.loader.using( dependencies, () =&gt; {
				api = new mw.Api();

				mw.loader.load( 'https://ru.wikipedia.org/w/index.php?title=Участник:Stjn/DisamAssist.css&amp;action=raw&amp;ctype=text/css', 'text/css' );

				// This is a &quot; (disambiguation)&quot; page
				if ( new RegExp( cfg.disamRegExp ).exec( getTitle() ) ) {
					disamPortletLink( txt.startMain, 't-disamAssist-main', startMain );
					disamPortletLink( txt.startSame, 't-disamAssist-same', startSame );
				} else {
					disamPortletLink( txt.start, 't-disamAssist-page', start );
				}
			} );
		}
	};
	
	/*
	 * Start the tool. Display the UI and begin looking for links to fix
	 */
	const start = function( e ) {
		e?.preventDefault();
		if ( !running ) {
			console.log(Date.now())
			running = true;
			links = [];
			pageChanges = [];
			displayedPages = {};
			ensureDABExists().then( function( canMark ) {
				canMarkIntentionalLinks = canMark;
				createUI();
				addUnloadConfirm();
				markDisamOptions();
				checkEditLimit().then( function() {
					togglePendingEditBox( false );
					doPage();
				} );
			} );
		}
	};
	
	/*
	 * Start DisamAssist. Disambiguate incoming links to the current page, regardless
	 * of the title.
	 */
	const startSame = function( e ) {
		e.preventDefault();
		forceSamePage = true;
		start( e );
	};
	
	/*
	 * Start DisamAssist. If the page title ends with &quot; (disambiguation)&quot;, disambiguate
	 * links to the primary topic article. Otherwise, disambiguate links to the current
	 * page.
	 */
	const startMain = function( e ) {
		e.preventDefault();
		forceSamePage = false;
		start( e );
	};
	
	/*
	 * Create and show the user interface.
	 */
	const createUI = function() {
		ui = {
			display: $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-mainbox' ),
			finishedMessage: $( '&lt;div&gt;' ).text( txt.noMoreLinks ).hide(),
			pageTitleLine: $( '&lt;span&gt;' ).addClass( 'disamassist-pagetitleline' ),
			pendingEditCounter: $( '&lt;div&gt;').addClass( 'disamassist-editcounter' ),
			context: $( '&lt;pre&gt;' ).addClass( 'disamassist-context' ),
			undoButton: createButton( txt.undo, undo ),
			omitButton: createButton( txt.omit, omit ),
			endButton: createButton( txt.close, saveAndEnd ),
			refreshButton: createButton( txt.refresh, refresh ),
			titleAsTextButton: createButton( txt.titleAsText, chooseTitleFromPrompt ),
			intentionalLinkButton: canMarkIntentionalLinks ? createButton( txt.intentionalLink, chooseIntentionalLink ) : null,
			disamNeededButton: cfg.disamNeededText ? createButton( txt.disamNeeded, chooseDisamNeeded ) : null,
			removeLinkButton: createButton( txt.removeLink, chooseLinkRemoval )
		};
		var top = $( '&lt;div&gt;' ).addClass( 'disamassist-top' )
			.append( [ui.pageTitleLine, ui.pendingEditCounter] );
		var leftButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-leftbuttons' )
			.append( [ui.titleAsTextButton, ui.removeLinkButton, ui.intentionalLinkButton, ui.disamNeededButton, ui.omitButton] );
		var rightButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-rightbuttons' )
			.append( [ui.undoButton, ui.refreshButton, ui.endButton] );
		var allButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-allbuttons' )
			.append( [leftButtons, rightButtons] );
		ui.display.append( [top, ui.finishedMessage, ui.context, allButtons] );
		updateEditCounter();
		toggleActionButtons( false );
		// Insert the UI in the page
		$( '#mw-content-text' ).before( ui.display );
		ui.display.hide().fadeIn();
	};

	/**
	 * Add button role and related keyboard event
	 * @param {Element} el
	 */
	const addButtonEvents = ( el ) =&gt; {
		el?.setAttribute( 'role', 'button' );
		el?.addEventListener( 'keydown', function( e ) {
			if ( [ 'Enter', 'Space' ].includes( e.code ) ) {
				e.preventDefault();
				this.click();
			}
		} );
	}
	
	/*
	 * If there are pending changes, show a confirm dialog before closing
	 */
	const addUnloadConfirm = function() {
		mw.confirmCloseWindow( {
			test: () =&gt; {
				if ( running &amp;&amp; checkActualChanges() ) {
					return txt.pending;
				} else if ( editCount !== 0 ) {
					return txt.editInProgress;
				}
			}
		} );
	};
	
	/*
	 * Mark the disambiguation options as such
	 */
	const markDisamOptions = function() {
		var optionPageTitles = [];
		var optionMarkers = [];
		getDisamOptions().each( function() {
			var link = $( this );
			var title = extractPageName( link );
			const optionMarker = document.createElement( 'a' );
			optionMarker.classList.add( 'disamassist-optionmarker' );
			optionMarker.href = link.attr( 'href' );
			optionMarker.setAttribute( 'data-title', title );
			optionMarker.textContent = txt.optionMarker;
			optionMarker.addEventListener( 'click', ( e ) =&gt; {
				e.preventDefault();
				chooseReplacement( title );
			} );
			addButtonEvents( optionMarker );
			
			link.after( optionMarker );
			optionMarkers.push( optionMarker );
			optionPageTitles.push( title );
		} );
		// Now check the disambiguation options and display a different message for those that are
		// actually the same as the target page where the links go, as choosing those options doesn't really
		// accomplish anything (except bypassing redirects, which might be useful in some cases)
		var targetPage = getTargetPage();
		fetchRedirects( optionPageTitles.concat( targetPage ) ).done( function( redirects ) {
			var endTargetPage = resolveRedirect( targetPage, redirects );
			for ( var ii = 0; ii &lt; optionPageTitles.length; ii++ ) {
				var endOptionTitle = resolveRedirect( optionPageTitles[ii], redirects );
				if ( isSamePage( optionPageTitles[ii], targetPage ) ) {
					$( optionMarkers[ii] ).text( txt.targetOptionMarker ).addClass( 'disamassist-curroptionmarker');
				} else if ( isSamePage( endOptionTitle, endTargetPage ) ) {
					$( optionMarkers[ii] ).text( txt.redirectOptionMarker ).addClass( 'disamassist-curroptionmarker');
				}
			}
		} ).fail( error );	
	};
	
	/*
	 * Check whether intentional links to disambiguation pages can be explicitly marked
	 * as such in this wiki. If so, ensure that a &quot;Foo (disambiguation)&quot; page exists.
	 * Returns a jQuery promise
	 */
	const ensureDABExists = function() {
		var dfd = new $.Deferred();
		var title = getTitle();
		// That concept doesn't exist in this wiki.
		if ( !cfg.intentionalLinkOption ) {
			dfd.resolve( false );
		// &quot;Foo (disambiguation)&quot; exists: it's the current page.
		} else if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			dfd.resolve( true );
		} else {
			var disamTitle = cfg.disamFormat.replace( '$1', title );
			loadPage( disamTitle ).done( function( page ) {
				// &quot;Foo (disambiguation)&quot; doesn't exist.
				if ( page.missing ) {
					// We try to create it
					page.content = cfg.redirectToDisam.replace( '$1', title );
					var summary = txt.redirectSummary.replace( '$1', title );
					savePage( disamTitle, page, summary, false, true ).done( function() {
						dfd.resolve( true );
					} ).fail( function( description ) {
						error( description );
						dfd.resolve( false );
					} );
				// It does exist
				} else {
					dfd.resolve( true );
				}
			} ).fail( function( description ) {
				error( description );
				dfd.resolve( false );
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Check whether the edit cooldown applies and sets editLimit accordingly.
	 * Returns a jQuery promise
	 */
	const checkEditLimit = function() {
		var dfd = new $.Deferred();
		if ( cfg.editCooldown &lt;= 0 ) {
			editLimit = false;
			dfd.resolve();
		} else {
			fetchRights().done( function( rights ) {
				editLimit = !rights?.includes( 'bot' );
			} ).fail( function( description ) {
				error( description );
				editLimit = true;
			} ).always( function() {
				dfd.resolve();
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Find and ask the user to fix all the incoming links to the disambiguation (&quot;target&quot;)
	 * page from a single &quot;origin&quot; page
	 */
	const doPage = function() {
		if ( pageChanges.length &gt; cfg.historySize ) {
			applyChange( pageChanges.shift() );
		}
		if ( links.length === 0 ) {
			var targetPage = getTargetPage();
			getBacklinks( targetPage ).done( function( backlinks, pageTitles ) {
				var pending = {};
				$.each( pendingSaves, function() {
					pending[this[0]] = true;
				} );
				possibleBacklinkDestinations = $.grep( pageTitles, function( t, ii) {
					if ( t == targetPage ) {
						return true;
					}
					return removeDisam(t) != targetPage;
				} );
				titleRegex = new RegExp('\\[\\[([ _]*?(?:' + possibleBacklinkDestinations.join('|').replaceAll('(', '\\(').replaceAll(')','\\)').replaceAll(' ', '[ _]') + ')[ _]*?)(#.*?)?(?:\\|(.*?))?\\]\\]', 'gi');
				// Only incoming links from pages we haven't seen yet and we aren't currently
				// saving (displayedPages is reset when the tool is closed and opened again,
				// while the list of pending changes isn't; if the edit cooldown is disabled,
				// it will be empty)
				links = $.grep( backlinks, function( el, ii ) {
					return !displayedPages[el] &amp;&amp; !pending[el];
				} );
				if ( links.length === 0 ) {
					updateContext();
				} else {
					doPage();
				}
			} ).fail( error );
		} else {
			currentPageTitle = links.shift();
			displayedPages[currentPageTitle] = true;
			toggleActionButtons( false );
			loadPage( currentPageTitle ).done( function( data ) {
				currentPageParameters = data;
				currentLink = null;
				doLink();
			} ).fail( error );
		}
	};
	
	/*
	 * Find and ask the user to fix a single incoming link to the disambiguation (&quot;target&quot;)
	 * page
	 */
	const doLink = function() {
		if (!currentPageParameters.redirect) {
			currentLink = extractLinkToPage( currentPageParameters.content,
				possibleBacklinkDestinations, currentLink ? currentLink.end : 0 );
			if ( currentLink ) {
				updateContext();
			} else {
				doPage();
			}
		} else {
			doPage();
		}
	};
	
	/*
	 * Replace the target of a link with a different one
	 * pageTitle: New link target
	 * extra: Additional text after the link (optional)
	 * summary: Change summary (optional)
	 */
	const chooseReplacement = function( pageTitle, extra, summary ) {
		if ( choosing ) {
			choosing = false;
			if ( !summary ) {
				if ( pageTitle ) {
					summary = txt.summaryChanged.replace( '$1', pageTitle );		
				} else {
					summary = txt.summaryOmitted;
				}
			}
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			if ( pageTitle &amp;&amp; ( pageTitle !== getTargetPage() || extra ) ) {
				if ( currentPageParameters.redirect ) {
					currentLink.description = pageTitle;
				}
				currentPageParameters.content =
					replaceLink( currentPageParameters.content, pageTitle, currentLink, extra || '' );
			}
			doLink();
		}
	};
	
	/*
	 * Replace the link with an explicit link to the disambiguation page
	 */
	const chooseIntentionalLink = function() {
		const targetPage = getTargetPage();
		let title = cfg.disamFormat.replace( '$1', targetPage );
		if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			title = targetPage;
		}
		chooseReplacement( title, '', txt.summaryIntentional );
	};
	
	/*
	 * Prompt for an alternative link target and use it as a replacement
	 */
	const chooseTitleFromPrompt = function() {
		var title = prompt( txt.titleAsTextPrompt );
		if ( title !== null ) {
			chooseReplacement( title );
		}
	};
	
	/*
	 * Remove the current link, leaving the text unchanged
	 */
	const chooseLinkRemoval = function() {
		if ( choosing ) {
			var summary = txt.summaryRemoved;
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			currentPageParameters.content = removeLink( currentPageParameters.content, currentLink );
			doLink();
		}
	};
	
	/*
	 * Add a &quot;disambiguation needed&quot; template after the link
	 */
	const chooseDisamNeeded = function() {
		chooseReplacement( currentLink.title, cfg.disamNeededText, txt.summaryHelpNeeded );
	};
	
	/*
	 * Undo the last change
	 */
	const undo = function() {
		if ( pageChanges.length !== 0 ) {
			var lastPage = pageChanges[pageChanges.length - 1];
			if ( currentPageTitle !== lastPage.title ) {
				links.unshift( currentPageTitle );
				currentPageTitle = lastPage.title;
			}
			currentPageParameters = lastPage.page;
			currentPageParameters.content = lastPage.contentBefore.pop();
			currentLink = lastPage.links.pop();
			lastPage.summary.pop();
			if ( lastPage.contentBefore.length === 0 ) {
				pageChanges.pop();
			}
			updateContext();
		}
	};
	
	/*
	 * Omit the current link without making a change
	 */
	const omit = function() {
		chooseReplacement( null );
	};
	
	/*
	 * Save all the pending changes and restart the tool.
	 */
	const refresh = function() {
		saveAndEnd();
		start();
	};
	
	/*
	 * Enable or disable the buttons that can perform actions on a page or change the current link.
	 * enabled: Whether to enable or disable the buttons
	 */
	const toggleActionButtons = function( enabled ) {
		var affectedButtons = [ui.omitButton, ui.titleAsTextButton, ui.removeLinkButton,
			ui.intentionalLinkButton, ui.disamNeededButton, ui.undoButton];
		$.each( affectedButtons, function( ii, button ) {
			button?.prop( 'disabled', !enabled );
		} );	
	};
	
	/*
	 * Show or hide the 'no more links' message
	 * show: Whether to show or hide the message
	 */
	const toggleFinishedMessage = function( show ) {
		toggleActionButtons( !show );
		ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
		ui.finishedMessage.toggle( show );
		ui.pageTitleLine.toggle( !show );
		ui.context.toggle( !show );
		if ( show ) console.log(Date.now())
	};
	
	const togglePendingEditBox = function( show ) {
		if ( pendingEditBox === null ) {
			pendingEditBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-pendingeditbox' );
			pendingEditBoxText = $( '&lt;div&gt;' );
			pendingEditBox.append( pendingEditBoxText ).hide();
			if ( editLimit ) {
				pendingEditBox.append( $( '&lt;div&gt;' ).text( txt.pendingEditBoxLimited )
					.addClass( 'disamassist-subtitle' ) );
			}
			$( '#mw-content-text' ).before( pendingEditBox );
			updateEditCounter();
		}
		if ( show ) {
			pendingEditBox.fadeIn();
		} else {
			pendingEditBox.fadeOut();
		}
	};
	
	const notifyCompletion = function() {
		var oldTitle = document.title;
		document.title = txt.notifyCharacter + document.title;
		$( document.body ).one( 'mousemove', function() {
			document.title = oldTitle;
		} );
	};
	
	/*
	 * Update the displayed information to match the current link
	 * or lack thereof
	 */
	const updateContext = function() {
		updateEditCounter();
		if ( !currentLink ) {
			toggleFinishedMessage( true );
		} else {
			ui.pageTitleLine.html( txt.pageTitleLine.replace( '$1',
				mw.util.getUrl( currentPageTitle, {redirect: 'no'} ) ).replace( '$2', mw.html.escape( currentPageTitle ) ) );
			var context = extractContext( currentPageParameters.content, currentLink );
			ui.context.empty()
				.append( $( '&lt;span&gt;' ).text( context[0] ) )
				.append( $( '&lt;span&gt;' ).text( context[1] ).addClass( 'disamassist-inclink' ) )
				.append( $( '&lt;span&gt;' ).text( context[2] ) );

			toggleFinishedMessage( false );
			ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
			ui.removeLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.intentionalLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.disamNeededButton?.prop( 'disabled', currentPageParameters.redirect || currentLink.hasDisamTemplate );
			choosing = true;
		}
	};
	
	/*
	 * Update the count of pending changes
	 */
	const updateEditCounter = function() {
		if ( ui.pendingEditCounter ) {
			ui.pendingEditCounter.text( txt.pendingEditCounter.replace( '$1', editCount )
				.replace( '$2', countActuallyChangedFullyCheckedPages() ) );
		}
		if ( pendingEditBox ) {
			if ( editCount === 0 &amp;&amp; !running ) {
				togglePendingEditBox( false );
				notifyCompletion();
			}
			var textContent = editCount;
			if ( editLimit ) {
				textContent = txt.pendingEditBoxTimeEstimation.replace( '$1', editCount )
					.replace( '$2', secondsToHHMMSS( cfg.editCooldown * editCount ) );
			}
			pendingEditBoxText.text( txt.pendingEditBox.replace( '$1', textContent ) );
		}
	};
	
	/*
	 * Apply the changes made to an &quot;origin&quot; page
	 * pageChange: Change that will be saved
	 */
	const applyChange = function( pageChange ) {
		if ( pageChange.page.content !== pageChange.contentBefore[0] ) {
			editCount++;
			// Filter duplicates and join
			var changeSummaries = pageChange.summary
				.filter( ( val, i, arr ) =&gt; val &amp;&amp; arr.indexOf( val ) === i )
				.join( txt.summarySeparator );
			var summary = txt.summary.replace( '$1', getTargetPage() ).replace( '$2', changeSummaries );
			var save = editLimit ? saveWithCooldown : savePage;
			save( pageChange.title, pageChange.page, summary, true, true ).always( function() {
				if ( editCount &gt; 0 ) {
					editCount--;
				}
				updateEditCounter();
			} ).fail( error );
			updateEditCounter();
		}
	};
	
	/*
	 * Save all the pending changes
	 */
	const applyAllChanges = function() {
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			applyChange( pageChanges[ii] );
		}
		pageChanges = [];
	};
	
	/*
	 * Record a new pending change
	 * pageTitle: Title of the page
	 * page: Content of the page
	 * oldContent: Content of the page before the change
	 * link: Link that has been changed
	 * summary: Change summary
	 */
	const addChange = function( pageTitle, page, oldContent, link, summary ) {
		if ( ( pageChanges.length === 0 ) || ( pageChanges[pageChanges.length - 1].title !== pageTitle ) ) {
			pageChanges.push( {
				title: pageTitle,
				page: page,
				contentBefore: [],
				links: [],
				summary: []
			} );
		}
		var lastPageChange = pageChanges[pageChanges.length - 1];
		lastPageChange.contentBefore.push( oldContent );
		lastPageChange.links.push( link );
		lastPageChange.summary.push( summary );
	};
	
	/*
	 * Check whether actual changes are stored in the history array
	 */
	const checkActualChanges = function() {
		return countActualChanges() !== 0;
	};
	
	/*
	 * Return the number of entries in the history array that represent actual changes
	 */
	const countActualChanges = function() {
		var changeCount = 0;
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			if ( pageChanges[ii].page.content !== pageChanges[ii].contentBefore[0] ) {
				changeCount++;
			}
		}
		return changeCount;		
	};
	
	/*
	 * Return the number of changed pages in the history array, ignoring the last entry
	 * if we aren't done with that page yet
	 */
	const countActuallyChangedFullyCheckedPages = function() {
		var changeCount = countActualChanges();
		if ( pageChanges.length !== 0 ) {
			var lastChange = pageChanges[pageChanges.length - 1];
			if ( lastChange.title === currentPageTitle &amp;&amp; currentLink !== null
					&amp;&amp; lastChange.page.content !== lastChange.contentBefore[0] ) {
				changeCount--;
			}
		}
		return changeCount;
	};
	
	/*
	 * Find the links to disambiguation options in a disambiguation page
	 */
	const getDisamOptions = function() {
		return $( '#mw-content-text a' ).filter( function() {
			return !!extractPageName( $( this ) );
		} );
	};

	/*
	 * Save all the pending changes and close the tool
	 */
	const saveAndEnd = function() {
		applyAllChanges();
		end();
	};
	
	/*
	 * Close the tool
	 */
	const end = function() {
		var currentToolUI = ui.display;
		choosing = false;
		running = false;
		$( '.disamassist-optionmarker' ).remove();
		currentToolUI.fadeOut( { complete: function() {
			currentToolUI.remove();
			if ( editCount !== 0 ) {
				togglePendingEditBox( true );
			}
		} } );
	};
	
	/*
	 * Display an error message
	 */
	const error = function( errorDescription ) {
		var errorBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-errorbox' );
		errorBox.text( txt.error.replace( '$1', errorDescription ) );
		errorBox.append( createButton( txt.dismissError, function() {
			errorBox.fadeOut();
		} ).addClass( 'disamassist-errorbutton' ) );
		var uiIsInPlace = ui &amp;&amp; $.contains( document.documentElement, ui.display[0] );
		var nextElement = uiIsInPlace ? ui.display : $( '#mw-content-text' );
		nextElement.before( errorBox );
		errorBox.hide().fadeIn();
	}
	
	/*
	 * Change a link so that it points to the title
	 * text: The wikitext of the whole page
	 * title: The new destination of the link
	 * link: The link that will be modified
	 * extra: Text that will be added after the link (optional)
	 */
	const replaceLink = function( text, title, link, extra ) {
		var anchor = link.anchor || '';
		var newContent;
		if ( link.type === 'sortnaam' ) {
			newContent = '{{sortnaam|' + link.first + '|' + link.last + '|' + title + anchor + '}}';
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + ( extra || '' ) + linkEnd;
		}

		if ( link.type === 'ill' ) {
			newContent = '{{ill|' + title + anchor + '|' + link.lang + '|' + link.other + ( link.rest || '' ) + '}}';
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + ( extra || '' ) + linkEnd;
		}

		if ( isSamePage( title, link.description ) ) {
			// [[B|A]] should be replaced with [[A]] rather than [[A|A]]
			newContent = link.description + anchor;
		} else {
			newContent = title + anchor + '|' + link.description;
		}
		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + '[[' + newContent + ']]' + link.afterDescription + ( extra || '' ) + linkEnd;
	};
	
	/*
	 * Remove a link from the text
	 * text: The wikitext of the whole page
	 * link: The link that will be removed
	 */
	const removeLink = function( text, link ) {
		var anchor = link.anchor || '';

		if ( link.type === 'sortnaam' ) {
			var newContent = '{{sortnaam|' + link.first + '|' + link.last + '}}' + anchor;
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + linkEnd;
		}

		if ( link.type === 'ill' ) {
			var newContent = link.title + anchor;
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + linkEnd;
		}

		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + link.description + anchor + link.afterDescription + linkEnd;
	};
	
	/*
	 * Extract a link from a string in wiki format,
	 * starting from a given index. Return a link if one can be found,
	 * otherwise return null. The &quot;link&quot; includes &quot;disambiguation needed&quot;
	 * templates inmediately following the link proper
	 * text: Text from which the link will be extracted
	 * lastIndex: Index from which the search will start
	 */
	const extractLink = function( text, lastIndex ) {
		// Zoek eerst naar gewone wikitlinks
		titleRegex.lastIndex = lastIndex;
		var wikiMatch = titleRegex.exec( text );

		// Zoek naar sortnaam-templates (case-insensitief)
		var sortnaamRegex = new RegExp('{{\\s*sortnaam\\s*\\|\\s*([^|]+?)\\s*\\|\\s*([^|]+?)\\s*(?:\\|\\s*([^|#}]*?)\\s*)?(#[^|}]*)?}}', 'gi');
		sortnaamRegex.lastIndex = lastIndex;
		var sortnaamMatch = sortnaamRegex.exec( text );

		// Zoek naar ill-templates
		var illRegex = new RegExp('{{\\s*ill\\s*\\|([\\s\\S]*?)}}', 'gi');
		illRegex.lastIndex = lastIndex;
		var illMatch = illRegex.exec( text );

		var matchType = null;
		var matchIndex = Infinity;

		if ( wikiMatch !== null &amp;&amp; wikiMatch.index &gt;= lastIndex ) {
			matchIndex = wikiMatch.index;
			matchType = 'wiki';
		}

		if ( sortnaamMatch !== null &amp;&amp; sortnaamMatch.index &gt;= lastIndex &amp;&amp; sortnaamMatch.index &lt; matchIndex ) {
			matchIndex = sortnaamMatch.index;
			matchType = 'sortnaam';
		}

		if ( illMatch !== null &amp;&amp; illMatch.index &gt;= lastIndex &amp;&amp; illMatch.index &lt; matchIndex ) {
			matchIndex = illMatch.index;
			matchType = 'ill';
		}

		if ( matchType === 'wiki' ) {
			var possiblyAmbiguous = true;
			var hasDisamTemplate = false;
			var fullMatchStr = wikiMatch[0];
			var anchor = wikiMatch[2] ? wikiMatch[2] : '';
			var end = wikiMatch.index + fullMatchStr.length;
			var afterDescription = '';
			var rest = text.substring( end );
			var templateRegex = /^(\w*[.,:;?!)}\s]*){{\s*([^|{}]+?)\s*(?:\|[^{]*?)?}}/g;
			var templateMatch = templateRegex.exec( rest );
			if ( templateMatch !== null ) {
				var templateTitle = getCanonicalTitle( templateMatch[2] );
				if ( cfg.disamLinkTemplates?.includes( templateTitle ) ) {
					end += templateMatch[0].length;
					afterDescription = templateMatch[1].replace(/\s$/, '');
					hasDisamTemplate = true;
				} else if ( cfg.disamLinkIgnoreTemplates?.includes( templateTitle ) ) {
					possiblyAmbiguous = false;
				}
			}
			return {
				type: 'wiki',
				start: wikiMatch.index,
				end: end,
				possiblyAmbiguous: possiblyAmbiguous,
				hasDisamTemplate: hasDisamTemplate,
				title: wikiMatch[1],
				description: wikiMatch[3] ? wikiMatch[3] : wikiMatch[1],
				anchor: anchor,
				afterDescription: afterDescription
			};
		} else if ( matchType === 'sortnaam' ) {
			var first = sortnaamMatch[1].trim();
			var last = sortnaamMatch[2].trim();
			var explicitTarget = sortnaamMatch[3] ? sortnaamMatch[3].trim() : '';
			var anchor = sortnaamMatch[4] ? sortnaamMatch[4].trim() : '';
			var target = explicitTarget !== '' ? explicitTarget : ( first + ' ' + last );

			return {
				type: 'sortnaam',
				start: sortnaamMatch.index,
				end: sortnaamMatch.index + sortnaamMatch[0].length,
				possiblyAmbiguous: true,
				hasDisamTemplate: false,
				title: target,
				description: sortnaamMatch[0],
				first: first,
				last: last,
				explicitTarget: explicitTarget,
				anchor: anchor,
				afterDescription: ''
			};
		} else if ( matchType === 'ill' ) {
			var inner = illMatch[1];
			var parts = inner.split('|');
			var firstParam = parts[0].trim();
			
			var anchorMatch = firstParam.match(/^(.*?)(#.*)$/);
			var title = anchorMatch ? anchorMatch[1].trim() : firstParam;
			var anchor = anchorMatch ? anchorMatch[2] : '';
			
			var lang = parts[1] ? parts[1].trim() : '';
			var other = parts[2] ? parts[2].trim() : '';
			
			var restParts = parts.slice(3);
			var rest = restParts.length &gt; 0 ? '|' + restParts.join('|') : '';

			return {
				type: 'ill',
				start: illMatch.index,
				end: illMatch.index + illMatch[0].length,
				possiblyAmbiguous: true,
				hasDisamTemplate: false,
				title: title,
				description: title,
				anchor: anchor,
				lang: lang,
				other: other,
				rest: rest,
				afterDescription: ''
			};
		}

		return null;
	};
	
	/*
	 * Extract a link to one of a number of destination pages from a string 
	 * (&quot;text&quot;) in wiki format, starting from a given index (&quot;lastIndex&quot;).
	 * &quot;Disambiguation needed&quot; templates are included as part of the links.
	 * text: Page in wiki format
	 * destinations: Array of page titles to look for
	 * lastIndex: Index from which the search will start
	 */
	const extractLinkToPage = function( text, destinations, lastIndex ) {
		var link, title;
		do {
			link = extractLink( text, lastIndex );
			if ( link !== null ) {
				lastIndex = link.end;
				title = getCanonicalTitle( link.title );
			}
		} while (
			link !== null
			&amp;&amp; ( !link.possiblyAmbiguous || !destinations?.includes( title ) )
		);
		return link;
	};
	
	/*
	 * Find the &quot;target&quot; page: either the one we are in or the &quot;main&quot; one found by extracting
     * the title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const getTargetPage = function() {
		var title = getTitle();
		return forceSamePage ? title : removeDisam( title );
	};
	
	/*
	 * Get the page title, with the namespace prefix if any.
	 */
	const getTitle = function() {
		return mw.config.get( 'wgPageName' ).replace(/_/g, ' ')
	}
	
	/*
	 * Extract a &quot;main&quot; title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const removeDisam = function( title ) {
		var match = new RegExp( cfg.disamRegExp ).exec( title );
		return match ? match[1] : title;
	};
	
	/*
	 * Check whether two page titles are the same
	 */
	const isSamePage = function( title1, title2 ) {
		return getCanonicalTitle( title1 ) === getCanonicalTitle( title2 );
	};

	/*
	 * Return the 'canonical title' of a page
	 */
	const getCanonicalTitle = function( title ) {
		try {
			title = new mw.Title( title );

			// Check that page name matches the current namespace
			if ( title.getNamespaceId() !== mw.config.get( 'wgNamespaceNumber' ) ) {
				return;
			}

			const fragment = title.getFragment();
			return title.getPrefixedText() + ( fragment ? `#${ fragment }` : '' );
		} catch ( ex ) {
			// mw.Title seems to be buggy, and some valid titles are rejected
			// FIXME: This may cause false negatives	
		}
	};
	
	/*
	 * Extract the context around a given link in a text string
	 */
	const extractContext = function( text, link ) {
		var contextStart = link.start - cfg.radius;
		var contextEnd = link.end + cfg.radius;
		var contextPrev = text.substring( contextStart, link.start );
		const ellipsis = '…';
		if ( contextStart &gt; 0 ) {
			contextPrev = ellipsis + contextPrev;
		}
		var contextNext = text.substring( link.end, contextEnd );
		if ( contextEnd &lt; text.length ) {
			contextNext = contextNext + ellipsis;
		}
		return [contextPrev, text.substring( link.start, link.end ), contextNext];
	};

	/*
	 * Extract the prefixed page name from a link
	 */
	const extractPageName = function( link ) {
		var pageName = extractPageNameRaw( link );
		if ( pageName ) {
			return getCanonicalTitle( pageName );
		}
		
		return null;
	};
	
	/*
	 * Extract the page name from a link, as is
	 */
	const extractPageNameRaw = function( link ) {
		// Ignore images and interwiki links
		if ( link.hasClass( 'image' ) || link.hasClass( 'extiw' ) ) {
			return null;
		}
		var href = link.attr( 'href' );

		// Red links in old parser format
		if ( link.hasClass( 'new' ) ) {
			const oldRedLink = mw.util.getParamValue( 'title', href );
			if ( oldRedLink !== null ) {
				return oldRedLink;
			}
		}

		// Check that external links are coming from this wiki
		if ( href.indexOf( '//' ) === 0 || href.indexOf( 'https://' ) === 0 ) {
			try {
				const fullUrl = href.indexOf( '//' ) === 0 ? location.protocol + href : href;
				let urlData = new URL( fullUrl );
				if ( urlData.hostname !== location.hostname ) {
					return null;
				}
			} catch( e ) {
				return null;
			}
		}

		var articlePathRegexp = new RegExp(
			mw.config.get( 'wgArticlePath' ).replace( '$1', '([^?]*)' )
		);
		var result = articlePathRegexp.exec( href );
		if ( Array.isArray( result ) &amp;&amp; result.length &gt; 1 ) {
			return decodeURIComponent( result[ 1 ] );
		}

		return null;
	};
	
	/*
	 * Check whether this is a disambiguation page
	 */
	const isDisam = function() {
		const categories = mw.config.get( 'wgCategories', [] );
		return cfg.disamCategories.some( c =&gt; categories.includes( c ) );
	};
	
	const secondsToHHMMSS = function( totalSeconds ) {
		var hhmmss = '';
		var hours = Math.floor( totalSeconds / 3600 );
		var minutes = Math.floor( totalSeconds % 3600 / 60 );
		var seconds = Math.floor( totalSeconds % 3600 % 60 );
		if ( hours &gt;= 1 ) {
			hhmmss = pad( hours, '0', 2 ) + ':';
		}
		hhmmss += pad( minutes, '0', 2 ) + ':' + pad( seconds, '0', 2 );
		return hhmmss;
	};
	
	const pad = function( str, z, width ) {
		str = str.toString();
		if ( str.length &gt;= width ) {
			return str;
		} else {
			return new Array( width - str.length + 1 ).join( z ) + str;
		}
	}
	
	/*
	 * Create a new button
	 * text: Text that will be displayed on the button
	 * onClick: Function that will be called when the button is clicked
	 */
	const createButton = function( text, onClick ) {
		var button = $( '&lt;button&gt;', { 'type': 'button' } );
		button.text( text );
		button.addClass( 'disamassist-button' ).click( onClick );
		return button;
	};
	
	/*
	 * Given a page title and an array of possible redirects {from, to} (&quot;canonical titles&quot;), find the page
	 * at the end of the redirect chain, if there is one. Otherwise, return the page title that was passed
	 */
	const resolveRedirect = function( pageTitle, possibleRedirects ) {
		var appliedRedirect = true;
		var visitedPages = {};
		var currentPage = getCanonicalTitle( pageTitle );
		while ( appliedRedirect ) {
			appliedRedirect = false;
			for ( var ii = 0; ii &lt; possibleRedirects.length; ii++ ) {
				if ( possibleRedirects[ii].from === currentPage ) {
					if ( visitedPages[possibleRedirects[ii].to] ) {
						// Redirect chain detected
						return pageTitle;
					}
					visitedPages[currentPage] = true;
					appliedRedirect = true;
					currentPage = possibleRedirects[ii].to;
				}
			}
		}
		// No redirect rules applied for an iteration of the outer loop:
		// no more redirects. We are done
		return currentPage;
	};
	
	/*
	 * Fetch the incoming links to a page. Returns a jQuery promise
	 * (success - array of titles of pages that contain links to the target page and
	 * array of &quot;canonical titles&quot; of possible destinations of the backlinks (either
	 * the target page or redirects to the target page), failure - error description)
	 * page: Target page
	 */
	const getBacklinks = function( page ) {
		var dfd = new $.Deferred();
		api.get( {
			'action': 'query',
			'list': 'backlinks',
			'bltitle': page,
			'blredirect': true,
			'bllimit': cfg.backlinkLimit,
			'blnamespace': cfg.targetNamespaces,
		} ).done( function( data ) {
			// There might be duplicate entries in some corner cases. We don't care,
			// since we are going to check later, anyway
			var backlinks = [];
			var linkTitles = [getCanonicalTitle( page )];
			$.each( data.query.backlinks, function() {
				backlinks.push( this.title );
				if ( this.redirlinks ) {
					linkTitles.push( this.title );
					$.each( this.redirlinks, function() {
						backlinks.push( this.title );
					} );
				}
			} );
			dfd.resolve( backlinks, linkTitles );
		} ).fail( function( code, data ) {
			dfd.reject( txt.getBacklinksError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download a list of redirects for some pages. Returns a jQuery callback (success -
	 * array of redirects ({from, to}), failure - error description )
	 * pageTitles: Array of page titles
	 */
	const fetchRedirects = function( pageTitles ) {
		var dfd = new $.Deferred();
		var currentTitles = pageTitles.slice( 0, cfg.queryTitleLimit );
		var restTitles = pageTitles.slice( cfg.queryTitleLimit );
		api.get( {
			action: 'query',
			titles: currentTitles,
			redirects: true,
		} ).done( function( data ) {
			var theseRedirects = data.query.redirects ? data.query.redirects : [];
			if ( restTitles.length !== 0 ) {
				fetchRedirects( restTitles ).done( function( redirects ) {
					dfd.resolve( theseRedirects.concat( redirects ) );
				} ).fail( function( description ) {
					dfd.reject( description );
				} );
			} else {
				dfd.resolve( theseRedirects );
			}
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRedirectsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download the list of user rights for the current user. Returns a
	 * jQuery promise (success - array of right names, error - error description)
	 */
	const fetchRights = function() {
		var dfd = $.Deferred();
		api.get( {
			action: 'query',
			meta: 'userinfo',
			uiprop: 'rights',
		} ).done( function( data ) {
			dfd.resolve( data.query.userinfo.rights );
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRightsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Load the raw page text for a given title. Returns a jQuery promise (success - page
	 * content, failure - error description)
	 * pageTitle: Title of the page
	 */
	const loadPage = function( pageTitle ) {
		var dfd = new $.Deferred();
		api.get( {
			action: 'query',
			titles: pageTitle,
			prop: 'revisions',
			rvprop: 'timestamp|content',
			meta: 'tokens',
			type: 'csrf',
		} ).done( function( data ) {
			var pages = data.query.pages;
			for ( var key in pages ) {
				if ( pages.hasOwnProperty( key ) ) {
					break;
				}
			}
			var rawPage = data.query.pages[key];
			var page = {};
			page.missing = rawPage.missing !== undefined;
			if ( rawPage.revisions ) {
				page.content = rawPage.revisions[0]['*'];
				// Assume anything with # at the start is a redirect
				if ( page.content.match( /^#[^\s]*?\s*\[\[/ ) ) {
					page.redirect = true;
				}
				page.baseTimeStamp = rawPage.revisions[0].timestamp;
			} else {
				page.content = '';
				page.baseTimeStamp = null;
			}
			page.startTimeStamp = rawPage.starttimestamp;
			page.editToken = data.query.tokens.csrftoken;
			dfd.resolve( page );
		} ).fail( function( code, data ) {
			dfd.reject( txt.loadPageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Register changes to a page, to be saved later. Returns a jQuery promise
	 * (success - no params, failure - error description). Takes the same parameters
	 * as savePage 
	 */
	const saveWithCooldown = function() {
		var deferred = new $.Deferred();
		pendingSaves.push( {args: arguments, dfd: deferred} );
		if ( !runningSaves ) {
			checkAndSave();
		}
		return deferred.promise();
	};
	
	/*
	 * Save the first set of changes in the list of pending changes, providing that
	 * enough time has passed since the last edit
	 */
	const checkAndSave = function() {
		if ( pendingSaves.length === 0 ) {
			runningSaves = false;
			return;
		}
		runningSaves = true;
		var millisSinceLast = new Date().getTime() - lastEditMillis;
		if ( millisSinceLast &lt; cfg.editCooldown * 1000 ) {
			setTimeout( checkAndSave, cfg.editCooldown * 1000 - millisSinceLast );
		} else {
			// The last edit started at least cfg.editCooldown seconds ago
			var save = pendingSaves.shift();
			savePage.apply( this, save.args ).done( function() {
				checkAndSave();
				save.dfd.resolve();
			} ).fail( function( description ) {
				checkAndSave();
				save.dfd.reject( description );
			} );
			// We'll use the time since the last edit started
			lastEditMillis = new Date().getTime();
		}
	};
	
	/*
	 * Save the changes made to a page. Returns a jQuery promise (success - no params,
	 * failure - error description)
	 * pageTitle: Title of the page
	 * page: Page data
	 * summary: Summary of the changes made to the page
	 * minorEdit: Whether to mark the edit as 'minor'
	 * botEdit: Whether to mark the edit as 'bot'
	 */
	const savePage = function( pageTitle, page, summary, minorEdit, botEdit ) {
		var dfd = new $.Deferred();
		api.post( {
			action: 'edit',
			title: pageTitle,
			token: page.editToken,
			text: page.content,
			basetimestamp: page.baseTimeStamp,
			starttimestamp: page.startTimeStamp,
			summary: summary,
			watchlist: cfg.watch ? cfg.watch : 'nochange',
			assertuser: mw.config.get( 'wgUserName' ),
			minor: minorEdit,
			bot: botEdit,
		} ).done( function() {
			dfd.resolve();
		} ).fail( function( code, data ) {
			dfd.reject( txt.savePageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	install();
} )();
// &lt;/nowiki&gt;</text>
      <sha1>ikunl9w7yr879wveihb85mnn8jysr7b</sha1>
    </revision>
    <revision>
      <id>781235</id>
      <parentid>781229</parentid>
      <timestamp>2026-10-27T17:11:40Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <origin>781235</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="40968" sha1="pteq4ylrg7tigsjbhkhhmpnoufcs7vg" xml:space="preserve">/*
 * DisamAssist: a tool for repairing links from articles to disambiguation pages.
 */

// &lt;nowiki&gt;
// @ts-nocheck
( () =&gt; {
	var cfg = {};
	var txt = {};
	var ui;
	var links, pageChanges;
	var currentPageTitle, currentPageParameters, currentLink;
	var possibleBacklinkDestinations;
	var titleRegex;
	var forceSamePage = false;
	var running = false;
	var choosing = false;
	var canMarkIntentionalLinks = false;
	var displayedPages = {};
	var editCount = 0;
	var editLimit;
	var pendingSaves = [];
	var pendingEditBox = null;
	var pendingEditBoxText;
	var lastEditMillis = 0;
	var runningSaves = false;
	
	var api;

	const dependencies = [
		'mediawiki.api',
		'mediawiki.confirmCloseWindow',
		'mediawiki.Title',
		'mediawiki.util',
	];

	/**
	 * Add an item in Tools menu
	 * @param {string} text
	 * @param {string} id 
	 * @param {(e: MouseEvent) =&gt; void} callback 
	 */
	const disamPortletLink = ( text, id, callback ) =&gt; {
		const portlet = mw.util.addPortletLink(
			'p-tb',
			cfg.helpPage ? mw.util.getUrl( cfg.helpPage ) : '#',
			text,
			id
		);
		const link = portlet?.querySelector( 'a' );
		link?.addEventListener( 'click', callback );
		addButtonEvents( link );
	}
	
	/*
	 * Entry point. Check whether we are in a disambiguation page. If so, add a link to start the tool
	 */
	const install = function() {
		cfg = window.DisamAssist.cfg;
		txt = window.DisamAssist.txt;
		if ( mw.config.get( 'wgAction' ) === 'view' &amp;&amp; isDisam() ) {
			mw.loader.using( dependencies, () =&gt; {
				api = new mw.Api();

				mw.loader.load( 'https://ru.wikipedia.org/w/index.php?title=Участник:Stjn/DisamAssist.css&amp;action=raw&amp;ctype=text/css', 'text/css' );

				// This is a &quot; (disambiguation)&quot; page
				if ( new RegExp( cfg.disamRegExp ).exec( getTitle() ) ) {
					disamPortletLink( txt.startMain, 't-disamAssist-main', startMain );
					disamPortletLink( txt.startSame, 't-disamAssist-same', startSame );
				} else {
					disamPortletLink( txt.start, 't-disamAssist-page', start );
				}
			} );
		}
	};
	
	/*
	 * Start the tool. Display the UI and begin looking for links to fix
	 */
	const start = function( e ) {
		e?.preventDefault();
		if ( !running ) {
			console.log(Date.now())
			running = true;
			links = [];
			pageChanges = [];
			displayedPages = {};
			ensureDABExists().then( function( canMark ) {
				canMarkIntentionalLinks = canMark;
				createUI();
				addUnloadConfirm();
				markDisamOptions();
				checkEditLimit().then( function() {
					togglePendingEditBox( false );
					doPage();
				} );
			} );
		}
	};
	
	/*
	 * Start DisamAssist. Disambiguate incoming links to the current page, regardless
	 * of the title.
	 */
	const startSame = function( e ) {
		e.preventDefault();
		forceSamePage = true;
		start( e );
	};
	
	/*
	 * Start DisamAssist. If the page title ends with &quot; (disambiguation)&quot;, disambiguate
	 * links to the primary topic article. Otherwise, disambiguate links to the current
	 * page.
	 */
	const startMain = function( e ) {
		e.preventDefault();
		forceSamePage = false;
		start( e );
	};
	
	/*
	 * Create and show the user interface.
	 */
	const createUI = function() {
		ui = {
			display: $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-mainbox' ),
			finishedMessage: $( '&lt;div&gt;' ).text( txt.noMoreLinks ).hide(),
			pageTitleLine: $( '&lt;span&gt;' ).addClass( 'disamassist-pagetitleline' ),
			pendingEditCounter: $( '&lt;div&gt;').addClass( 'disamassist-editcounter' ),
			context: $( '&lt;pre&gt;' ).addClass( 'disamassist-context' ),
			undoButton: createButton( txt.undo, undo ),
			omitButton: createButton( txt.omit, omit ),
			endButton: createButton( txt.close, saveAndEnd ),
			refreshButton: createButton( txt.refresh, refresh ),
			titleAsTextButton: createButton( txt.titleAsText, chooseTitleFromPrompt ),
			intentionalLinkButton: canMarkIntentionalLinks ? createButton( txt.intentionalLink, chooseIntentionalLink ) : null,
			disamNeededButton: cfg.disamNeededText ? createButton( txt.disamNeeded, chooseDisamNeeded ) : null,
			removeLinkButton: createButton( txt.removeLink, chooseLinkRemoval )
		};
		var top = $( '&lt;div&gt;' ).addClass( 'disamassist-top' )
			.append( [ui.pageTitleLine, ui.pendingEditCounter] );
		var leftButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-leftbuttons' )
			.append( [ui.titleAsTextButton, ui.removeLinkButton, ui.intentionalLinkButton, ui.disamNeededButton, ui.omitButton] );
		var rightButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-rightbuttons' )
			.append( [ui.undoButton, ui.refreshButton, ui.endButton] );
		var allButtons = $( '&lt;div&gt;' ).addClass( 'disamassist-allbuttons' )
			.append( [leftButtons, rightButtons] );
		ui.display.append( [top, ui.finishedMessage, ui.context, allButtons] );
		updateEditCounter();
		toggleActionButtons( false );
		// Insert the UI in the page
		$( '#mw-content-text' ).before( ui.display );
		ui.display.hide().fadeIn();
	};

	/**
	 * Add button role and related keyboard event
	 * @param {Element} el
	 */
	const addButtonEvents = ( el ) =&gt; {
		el?.setAttribute( 'role', 'button' );
		el?.addEventListener( 'keydown', function( e ) {
			if ( [ 'Enter', 'Space' ].includes( e.code ) ) {
				e.preventDefault();
				this.click();
			}
		} );
	}
	
	/*
	 * If there are pending changes, show a confirm dialog before closing
	 */
	const addUnloadConfirm = function() {
		mw.confirmCloseWindow( {
			test: () =&gt; {
				if ( running &amp;&amp; checkActualChanges() ) {
					return txt.pending;
				} else if ( editCount !== 0 ) {
					return txt.editInProgress;
				}
			}
		} );
	};
	
	/*
	 * Mark the disambiguation options as such
	 */
	const markDisamOptions = function() {
		var optionPageTitles = [];
		var optionMarkers = [];
		getDisamOptions().each( function() {
			var link = $( this );
			var title = extractPageName( link );
			const optionMarker = document.createElement( 'a' );
			optionMarker.classList.add( 'disamassist-optionmarker' );
			optionMarker.href = link.attr( 'href' );
			optionMarker.setAttribute( 'data-title', title );
			optionMarker.textContent = txt.optionMarker;
			optionMarker.addEventListener( 'click', ( e ) =&gt; {
				e.preventDefault();
				chooseReplacement( title );
			} );
			addButtonEvents( optionMarker );
			
			link.after( optionMarker );
			optionMarkers.push( optionMarker );
			optionPageTitles.push( title );
		} );
		// Now check the disambiguation options and display a different message for those that are
		// actually the same as the target page where the links go, as choosing those options doesn't really
		// accomplish anything (except bypassing redirects, which might be useful in some cases)
		var targetPage = getTargetPage();
		fetchRedirects( optionPageTitles.concat( targetPage ) ).done( function( redirects ) {
			var endTargetPage = resolveRedirect( targetPage, redirects );
			for ( var ii = 0; ii &lt; optionPageTitles.length; ii++ ) {
				var endOptionTitle = resolveRedirect( optionPageTitles[ii], redirects );
				if ( isSamePage( optionPageTitles[ii], targetPage ) ) {
					$( optionMarkers[ii] ).text( txt.targetOptionMarker ).addClass( 'disamassist-curroptionmarker');
				} else if ( isSamePage( endOptionTitle, endTargetPage ) ) {
					$( optionMarkers[ii] ).text( txt.redirectOptionMarker ).addClass( 'disamassist-curroptionmarker');
				}
			}
		} ).fail( error );	
	};
	
	/*
	 * Check whether intentional links to disambiguation pages can be explicitly marked
	 * as such in this wiki. If so, ensure that a &quot;Foo (disambiguation)&quot; page exists.
	 * Returns a jQuery promise
	 */
	const ensureDABExists = function() {
		var dfd = new $.Deferred();
		var title = getTitle();
		// That concept doesn't exist in this wiki.
		if ( !cfg.intentionalLinkOption ) {
			dfd.resolve( false );
		// &quot;Foo (disambiguation)&quot; exists: it's the current page.
		} else if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			dfd.resolve( true );
		} else {
			var disamTitle = cfg.disamFormat.replace( '$1', title );
			loadPage( disamTitle ).done( function( page ) {
				// &quot;Foo (disambiguation)&quot; doesn't exist.
				if ( page.missing ) {
					// We try to create it
					page.content = cfg.redirectToDisam.replace( '$1', title );
					var summary = txt.redirectSummary.replace( '$1', title );
					savePage( disamTitle, page, summary, false, true ).done( function() {
						dfd.resolve( true );
					} ).fail( function( description ) {
						error( description );
						dfd.resolve( false );
					} );
				// It does exist
				} else {
					dfd.resolve( true );
				}
			} ).fail( function( description ) {
				error( description );
				dfd.resolve( false );
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Check whether the edit cooldown applies and sets editLimit accordingly.
	 * Returns a jQuery promise
	 */
	const checkEditLimit = function() {
		var dfd = new $.Deferred();
		if ( cfg.editCooldown &lt;= 0 ) {
			editLimit = false;
			dfd.resolve();
		} else {
			fetchRights().done( function( rights ) {
				editLimit = !rights?.includes( 'bot' );
			} ).fail( function( description ) {
				error( description );
				editLimit = true;
			} ).always( function() {
				dfd.resolve();
			} );
		}
		return dfd.promise();
	};
	
	/*
	 * Find and ask the user to fix all the incoming links to the disambiguation (&quot;target&quot;)
	 * page from a single &quot;origin&quot; page
	 */
	const doPage = function() {
		if ( pageChanges.length &gt; cfg.historySize ) {
			applyChange( pageChanges.shift() );
		}
		if ( links.length === 0 ) {
			var targetPage = getTargetPage();
			getBacklinks( targetPage ).done( function( backlinks, pageTitles ) {
				var pending = {};
				$.each( pendingSaves, function() {
					pending[this[0]] = true;
				} );
				possibleBacklinkDestinations = $.grep( pageTitles, function( t, ii) {
					if ( t == targetPage ) {
						return true;
					}
					return removeDisam(t) != targetPage;
				} );
				titleRegex = new RegExp('\\[\\[([ _]*?(?:' + possibleBacklinkDestinations.join('|').replaceAll('(', '\\(').replaceAll(')','\\)').replaceAll(' ', '[ _]') + ')[ _]*?)(#.*?)?(?:\\|(.*?))?\\]\\]', 'gi');
				// Only incoming links from pages we haven't seen yet and we aren't currently
				// saving (displayedPages is reset when the tool is closed and opened again,
				// while the list of pending changes isn't; if the edit cooldown is disabled,
				// it will be empty)
				links = $.grep( backlinks, function( el, ii ) {
					return !displayedPages[el] &amp;&amp; !pending[el];
				} );
				if ( links.length === 0 ) {
					updateContext();
				} else {
					doPage();
				}
			} ).fail( error );
		} else {
			currentPageTitle = links.shift();
			displayedPages[currentPageTitle] = true;
			toggleActionButtons( false );
			loadPage( currentPageTitle ).done( function( data ) {
				currentPageParameters = data;
				currentLink = null;
				doLink();
			} ).fail( error );
		}
	};
	
	/*
	 * Find and ask the user to fix a single incoming link to the disambiguation (&quot;target&quot;)
	 * page
	 */
	const doLink = function() {
		if (!currentPageParameters.redirect) {
			var startIndex = currentLink ? currentLink.end : 0;
			currentLink = extractLinkToPage( currentPageParameters.content,
				possibleBacklinkDestinations, startIndex );
			if ( currentLink ) {
				updateContext();
			} else {
				doPage();
			}
		} else {
			doPage();
		}
	};
	
	/*
	 * Replace the target of a link with a different one
	 * pageTitle: New link target
	 * extra: Additional text after the link (optional)
	 * summary: Change summary (optional)
	 */
	const chooseReplacement = function( pageTitle, extra, summary ) {
		if ( choosing ) {
			choosing = false;
			if ( !summary ) {
				if ( pageTitle ) {
					summary = txt.summaryChanged.replace( '$1', pageTitle );		
				} else {
					summary = txt.summaryOmitted;
				}
			}
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			if ( pageTitle &amp;&amp; ( pageTitle !== getTargetPage() || extra ) ) {
				if ( currentPageParameters.redirect ) {
					currentLink.description = pageTitle;
				}
				currentPageParameters.content =
					replaceLink( currentPageParameters.content, pageTitle, currentLink, extra || '' );
			}
			
			// Als er een daadwerkelijke vervanging is gedaan (pageTitle is niet null),
			// resetten we currentLink naar null zodat de zoektocht vanaf 0 herbegimt.
			// De reeds aangepaste link wordt genegeerd, waardoor de volgende dubbele link wél wordt gevonden.
			if ( pageTitle !== null ) {
				currentLink = null;
			}
			
			doLink();
		}
	};
	
	/*
	 * Replace the link with an explicit link to the disambiguation page
	 */
	const chooseIntentionalLink = function() {
		const targetPage = getTargetPage();
		let title = cfg.disamFormat.replace( '$1', targetPage );
		if ( new RegExp( cfg.disamRegExp ).exec( title ) ) {
			title = targetPage;
		}
		chooseReplacement( title, '', txt.summaryIntentional );
	};
	
	/*
	 * Prompt for an alternative link target and use it as a replacement
	 */
	const chooseTitleFromPrompt = function() {
		var title = prompt( txt.titleAsTextPrompt );
		if ( title !== null ) {
			chooseReplacement( title );
		}
	};
	
	/*
	 * Remove the current link, leaving the text unchanged
	 */
	const chooseLinkRemoval = function() {
		if ( choosing ) {
			var summary = txt.summaryRemoved;
			addChange( currentPageTitle, currentPageParameters, currentPageParameters.content, currentLink, summary );
			currentPageParameters.content = removeLink( currentPageParameters.content, currentLink );
			currentLink = null;
			doLink();
		}
	};
	
	/*
	 * Add a &quot;disambiguation needed&quot; template after the link
	 */
	const chooseDisamNeeded = function() {
		chooseReplacement( currentLink.title, cfg.disamNeededText, txt.summaryHelpNeeded );
	};
	
	/*
	 * Undo the last change
	 */
	const undo = function() {
		if ( pageChanges.length !== 0 ) {
			var lastPage = pageChanges[pageChanges.length - 1];
			if ( currentPageTitle !== lastPage.title ) {
				links.unshift( currentPageTitle );
				currentPageTitle = lastPage.title;
			}
			currentPageParameters = lastPage.page;
			currentPageParameters.content = lastPage.contentBefore.pop();
			currentLink = lastPage.links.pop();
			lastPage.summary.pop();
			if ( lastPage.contentBefore.length === 0 ) {
				pageChanges.pop();
			}
			updateContext();
		}
	};
	
	/*
	 * Omit the current link without making a change
	 */
	const omit = function() {
		chooseReplacement( null );
	};
	
	/*
	 * Save all the pending changes and restart the tool.
	 */
	const refresh = function() {
		saveAndEnd();
		start();
	};
	
	/*
	 * Enable or disable the buttons that can perform actions on a page or change the current link.
	 * enabled: Whether to enable or disable the buttons
	 */
	const toggleActionButtons = function( enabled ) {
		var affectedButtons = [ui.omitButton, ui.titleAsTextButton, ui.removeLinkButton,
			ui.intentionalLinkButton, ui.disamNeededButton, ui.undoButton];
		$.each( affectedButtons, function( ii, button ) {
			button?.prop( 'disabled', !enabled );
		} );	
	};
	
	/*
	 * Show or hide the 'no more links' message
	 * show: Whether to show or hide the message
	 */
	const toggleFinishedMessage = function( show ) {
		toggleActionButtons( !show );
		ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
		ui.finishedMessage.toggle( show );
		ui.pageTitleLine.toggle( !show );
		ui.context.toggle( !show );
		if ( show ) console.log(Date.now())
	};
	
	const togglePendingEditBox = function( show ) {
		if ( pendingEditBox === null ) {
			pendingEditBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-pendingeditbox' );
			pendingEditBoxText = $( '&lt;div&gt;' );
			pendingEditBox.append( pendingEditBoxText ).hide();
			if ( editLimit ) {
				pendingEditBox.append( $( '&lt;div&gt;' ).text( txt.pendingEditBoxLimited )
					.addClass( 'disamassist-subtitle' ) );
			}
			$( '#mw-content-text' ).before( pendingEditBox );
			updateEditCounter();
		}
		if ( show ) {
			pendingEditBox.fadeIn();
		} else {
			pendingEditBox.fadeOut();
		}
	};
	
	const notifyCompletion = function() {
		var oldTitle = document.title;
		document.title = txt.notifyCharacter + document.title;
		$( document.body ).one( 'mousemove', function() {
			document.title = oldTitle;
		} );
	};
	
	/*
	 * Update the displayed information to match the current link
	 * or lack thereof
	 */
	const updateContext = function() {
		updateEditCounter();
		if ( !currentLink ) {
			toggleFinishedMessage( true );
		} else {
			ui.pageTitleLine.html( txt.pageTitleLine.replace( '$1',
				mw.util.getUrl( currentPageTitle, {redirect: 'no'} ) ).replace( '$2', mw.html.escape( currentPageTitle ) ) );
			var context = extractContext( currentPageParameters.content, currentLink );
			ui.context.empty()
				.append( $( '&lt;span&gt;' ).text( context[0] ) )
				.append( $( '&lt;span&gt;' ).text( context[1] ).addClass( 'disamassist-inclink' ) )
				.append( $( '&lt;span&gt;' ).text( context[2] ) );

			toggleFinishedMessage( false );
			ui.undoButton?.prop( 'disabled', pageChanges.length === 0 );
			ui.removeLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.intentionalLinkButton?.prop( 'disabled', currentPageParameters.redirect );
			ui.disamNeededButton?.prop( 'disabled', currentPageParameters.redirect || currentLink.hasDisamTemplate );
			choosing = true;
		}
	};
	
	/*
	 * Update the count of pending changes
	 */
	const updateEditCounter = function() {
		if ( ui.pendingEditCounter ) {
			ui.pendingEditCounter.text( txt.pendingEditCounter.replace( '$1', editCount )
				.replace( '$2', countActuallyChangedFullyCheckedPages() ) );
		}
		if ( pendingEditBox ) {
			if ( editCount === 0 &amp;&amp; !running ) {
				togglePendingEditBox( false );
				notifyCompletion();
			}
			var textContent = editCount;
			if ( editLimit ) {
				textContent = txt.pendingEditBoxTimeEstimation.replace( '$1', editCount )
					.replace( '$2', secondsToHHMMSS( cfg.editCooldown * editCount ) );
			}
			pendingEditBoxText.text( txt.pendingEditBox.replace( '$1', textContent ) );
		}
	};
	
	/*
	 * Apply the changes made to an &quot;origin&quot; page
	 * pageChange: Change that will be saved
	 */
	const applyChange = function( pageChange ) {
		if ( pageChange.page.content !== pageChange.contentBefore[0] ) {
			editCount++;
			// Filter duplicates and join
			var changeSummaries = pageChange.summary
				.filter( ( val, i, arr ) =&gt; val &amp;&amp; arr.indexOf( val ) === i )
				.join( txt.summarySeparator );
			var summary = txt.summary.replace( '$1', getTargetPage() ).replace( '$2', changeSummaries );
			var save = editLimit ? saveWithCooldown : savePage;
			save( pageChange.title, pageChange.page, summary, true, true ).always( function() {
				if ( editCount &gt; 0 ) {
					editCount--;
				}
				updateEditCounter();
			} ).fail( error );
			updateEditCounter();
		}
	};
	
	/*
	 * Save all the pending changes
	 */
	const applyAllChanges = function() {
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			applyChange( pageChanges[ii] );
		}
		pageChanges = [];
	};
	
	/*
	 * Record a new pending change
	 * pageTitle: Title of the page
	 * page: Content of the page
	 * oldContent: Content of the page before the change
	 * link: Link that has been changed
	 * summary: Change summary
	 */
	const addChange = function( pageTitle, page, oldContent, link, summary ) {
		if ( ( pageChanges.length === 0 ) || ( pageChanges[pageChanges.length - 1].title !== pageTitle ) ) {
			pageChanges.push( {
				title: pageTitle,
				page: page,
				contentBefore: [],
				links: [],
				summary: []
			} );
		}
		var lastPageChange = pageChanges[pageChanges.length - 1];
		lastPageChange.contentBefore.push( oldContent );
		lastPageChange.links.push( link );
		lastPageChange.summary.push( summary );
	};
	
	/*
	 * Check whether actual changes are stored in the history array
	 */
	const checkActualChanges = function() {
		return countActualChanges() !== 0;
	};
	
	/*
	 * Return the number of entries in the history array that represent actual changes
	 */
	const countActualChanges = function() {
		var changeCount = 0;
		for ( var ii = 0; ii &lt; pageChanges.length; ii++ ) {
			if ( pageChanges[ii].page.content !== pageChanges[ii].contentBefore[0] ) {
				changeCount++;
			}
		}
		return changeCount;		
	};
	
	/*
	 * Return the number of changed pages in the history array, ignoring the last entry
	 * if we aren't done with that page yet
	 */
	const countActuallyChangedFullyCheckedPages = function() {
		var changeCount = countActualChanges();
		if ( pageChanges.length !== 0 ) {
			var lastChange = pageChanges[pageChanges.length - 1];
			if ( lastChange.title === currentPageTitle &amp;&amp; currentLink !== null
					&amp;&amp; lastChange.page.content !== lastChange.contentBefore[0] ) {
				changeCount--;
			}
		}
		return changeCount;
	};
	
	/*
	 * Find the links to disambiguation options in a disambiguation page
	 */
	const getDisamOptions = function() {
		return $( '#mw-content-text a' ).filter( function() {
			return !!extractPageName( $( this ) );
		} );
	};

	/*
	 * Save all the pending changes and close the tool
	 */
	const saveAndEnd = function() {
		applyAllChanges();
		end();
	};
	
	/*
	 * Close the tool
	 */
	const end = function() {
		var currentToolUI = ui.display;
		choosing = false;
		running = false;
		$( '.disamassist-optionmarker' ).remove();
		currentToolUI.fadeOut( { complete: function() {
			currentToolUI.remove();
			if ( editCount !== 0 ) {
				togglePendingEditBox( true );
			}
		} } );
	};
	
	/*
	 * Display an error message
	 */
	const error = function( errorDescription ) {
		var errorBox = $( '&lt;div&gt;' ).addClass( 'disamassist-box disamassist-errorbox' );
		errorBox.text( txt.error.replace( '$1', errorDescription ) );
		errorBox.append( createButton( txt.dismissError, function() {
			errorBox.fadeOut();
		} ).addClass( 'disamassist-errorbutton' ) );
		var uiIsInPlace = ui &amp;&amp; $.contains( document.documentElement, ui.display[0] );
		var nextElement = uiIsInPlace ? ui.display : $( '#mw-content-text' );
		nextElement.before( errorBox );
		errorBox.hide().fadeIn();
	}
	
	/*
	 * Change a link so that it points to the title
	 * text: The wikitext of the whole page
	 * title: The new destination of the link
	 * link: The link that will be modified
	 * extra: Text that will be added after the link (optional)
	 */
	const replaceLink = function( text, title, link, extra ) {
		var anchor = link.anchor || '';
		var newContent;
		if ( link.type === 'sortnaam' ) {
			newContent = '{{sortnaam|' + link.first + '|' + link.last + '|' + title + anchor + '}}';
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + ( extra || '' ) + linkEnd;
		}

		if ( link.type === 'ill' ) {
			newContent = '{{ill|' + title + anchor + '|' + link.lang + '|' + link.other + ( link.rest || '' ) + '}}';
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + ( extra || '' ) + linkEnd;
		}

		if ( isSamePage( title, link.description ) ) {
			// [[B|A]] should be replaced with [[A]] rather than [[A|A]]
			newContent = link.description + anchor;
		} else {
			newContent = title + anchor + '|' + link.description;
		}
		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + '[[' + newContent + ']]' + link.afterDescription + ( extra || '' ) + linkEnd;
	};
	
	/*
	 * Remove a link from the text
	 * text: The wikitext of the whole page
	 * link: The link that will be removed
	 */
	const removeLink = function( text, link ) {
		var anchor = link.anchor || '';

		if ( link.type === 'sortnaam' ) {
			var newContent = '{{sortnaam|' + link.first + '|' + link.last + '}}' + anchor;
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + linkEnd;
		}

		if ( link.type === 'ill' ) {
			var newContent = link.title + anchor;
			var linkStart = text.substring( 0, link.start );
			var linkEnd = text.substring( link.end );
			return linkStart + newContent + link.afterDescription + linkEnd;
		}

		var linkStart = text.substring( 0, link.start );
		var linkEnd = text.substring( link.end );
		return linkStart + link.description + anchor + link.afterDescription + linkEnd;
	};
	
	/*
	 * Extract a link from a string in wiki format,
	 * starting from a given index. Return a link if one can be found,
	 * otherwise return null. The &quot;link&quot; includes &quot;disambiguation needed&quot;
	 * templates inmediately following the link proper
	 * text: Text from which the link will be extracted
	 * lastIndex: Index from which the search will start
	 */
	const extractLink = function( text, lastIndex ) {
		// Zoek eerst naar gewone wikitlinks
		titleRegex.lastIndex = lastIndex;
		var wikiMatch = titleRegex.exec( text );

		// Zoek naar sortnaam-templates (case-insensitief)
		var sortnaamRegex = new RegExp('{{\\s*sortnaam\\s*\\|\\s*([^|]+?)\\s*\\|\\s*([^|]+?)\\s*(?:\\|\\s*([^|#}]*?)\\s*)?(#[^|}]*)?}}', 'gi');
		sortnaamRegex.lastIndex = lastIndex;
		var sortnaamMatch = sortnaamRegex.exec( text );

		// Zoek naar ill-templates
		var illRegex = new RegExp('{{\\s*ill\\s*\\|([\\s\\S]*?)}}', 'gi');
		illRegex.lastIndex = lastIndex;
		var illMatch = illRegex.exec( text );

		var matchType = null;
		var matchIndex = Infinity;

		if ( wikiMatch !== null &amp;&amp; wikiMatch.index &gt;= lastIndex ) {
			matchIndex = wikiMatch.index;
			matchType = 'wiki';
		}

		if ( sortnaamMatch !== null &amp;&amp; sortnaamMatch.index &gt;= lastIndex &amp;&amp; sortnaamMatch.index &lt; matchIndex ) {
			matchIndex = sortnaamMatch.index;
			matchType = 'sortnaam';
		}

		if ( illMatch !== null &amp;&amp; illMatch.index &gt;= lastIndex &amp;&amp; illMatch.index &lt; matchIndex ) {
			matchIndex = illMatch.index;
			matchType = 'ill';
		}

		if ( matchType === 'wiki' ) {
			var possiblyAmbiguous = true;
			var hasDisamTemplate = false;
			var fullMatchStr = wikiMatch[0];
			var anchor = wikiMatch[2] ? wikiMatch[2] : '';
			var end = wikiMatch.index + fullMatchStr.length;
			var afterDescription = '';
			var rest = text.substring( end );
			var templateRegex = /^(\w*[.,:;?!)}\s]*){{\s*([^|{}]+?)\s*(?:\|[^{]*?)?}}/g;
			var templateMatch = templateRegex.exec( rest );
			if ( templateMatch !== null ) {
				var templateTitle = getCanonicalTitle( templateMatch[2] );
				if ( cfg.disamLinkTemplates?.includes( templateTitle ) ) {
					end += templateMatch[0].length;
					afterDescription = templateMatch[1].replace(/\s$/, '');
					hasDisamTemplate = true;
				} else if ( cfg.disamLinkIgnoreTemplates?.includes( templateTitle ) ) {
					possiblyAmbiguous = false;
				}
			}
			return {
				type: 'wiki',
				start: wikiMatch.index,
				end: end,
				possiblyAmbiguous: possiblyAmbiguous,
				hasDisamTemplate: hasDisamTemplate,
				title: wikiMatch[1],
				description: wikiMatch[3] ? wikiMatch[3] : wikiMatch[1],
				anchor: anchor,
				afterDescription: afterDescription
			};
		} else if ( matchType === 'sortnaam' ) {
			var first = sortnaamMatch[1].trim();
			var last = sortnaamMatch[2].trim();
			var explicitTarget = sortnaamMatch[3] ? sortnaamMatch[3].trim() : '';
			var anchor = sortnaamMatch[4] ? sortnaamMatch[4].trim() : '';
			var target = explicitTarget !== '' ? explicitTarget : ( first + ' ' + last );

			return {
				type: 'sortnaam',
				start: sortnaamMatch.index,
				end: sortnaamMatch.index + sortnaamMatch[0].length,
				possiblyAmbiguous: true,
				hasDisamTemplate: false,
				title: target,
				description: sortnaamMatch[0],
				first: first,
				last: last,
				explicitTarget: explicitTarget,
				anchor: anchor,
				afterDescription: ''
			};
		} else if ( matchType === 'ill' ) {
			var inner = illMatch[1];
			var parts = inner.split('|');
			var firstParam = parts[0].trim();
			
			var anchorMatch = firstParam.match(/^(.*?)(#.*)$/);
			var title = anchorMatch ? anchorMatch[1].trim() : firstParam;
			var anchor = anchorMatch ? anchorMatch[2] : '';
			
			var lang = parts[1] ? parts[1].trim() : '';
			var other = parts[2] ? parts[2].trim() : '';
			
			var restParts = parts.slice(3);
			var rest = restParts.length &gt; 0 ? '|' + restParts.join('|') : '';

			return {
				type: 'ill',
				start: illMatch.index,
				end: illMatch.index + illMatch[0].length,
				possiblyAmbiguous: true,
				hasDisamTemplate: false,
				title: title,
				description: title,
				anchor: anchor,
				lang: lang,
				other: other,
				rest: rest,
				afterDescription: ''
			};
		}

		return null;
	};
	
	/*
	 * Extract a link to one of a number of destination pages from a string 
	 * (&quot;text&quot;) in wiki format, starting from a given index (&quot;lastIndex&quot;).
	 * &quot;Disambiguation needed&quot; templates are included as part of the links.
	 * text: Page in wiki format
	 * destinations: Array of page titles to look for
	 * lastIndex: Index from which the search will start
	 */
	const extractLinkToPage = function( text, destinations, lastIndex ) {
		var link, title;
		do {
			link = extractLink( text, lastIndex );
			if ( link !== null ) {
				lastIndex = link.end;
				title = getCanonicalTitle( link.title );
			}
		} while (
			link !== null
			&amp;&amp; ( !link.possiblyAmbiguous || !destinations?.includes( title ) )
		);
		return link;
	};
	
	/*
	 * Find the &quot;target&quot; page: either the one we are in or the &quot;main&quot; one found by extracting
     * the title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const getTargetPage = function() {
		var title = getTitle();
		return forceSamePage ? title : removeDisam( title );
	};
	
	/*
	 * Get the page title, with the namespace prefix if any.
	 */
	const getTitle = function() {
		return mw.config.get( 'wgPageName' ).replace(/_/g, ' ')
	}
	
	/*
	 * Extract a &quot;main&quot; title from &quot;.* (disambiguation)&quot; or whatever the appropiate local format is
	 */
	const removeDisam = function( title ) {
		var match = new RegExp( cfg.disamRegExp ).exec( title );
		return match ? match[1] : title;
	};
	
	/*
	 * Check whether two page titles are the same
	 */
	const isSamePage = function( title1, title2 ) {
		return getCanonicalTitle( title1 ) === getCanonicalTitle( title2 );
	};

	/*
	 * Return the 'canonical title' of a page
	 */
	const getCanonicalTitle = function( title ) {
		try {
			title = new mw.Title( title );

			// Check that page name matches the current namespace
			if ( title.getNamespaceId() !== mw.config.get( 'wgNamespaceNumber' ) ) {
				return;
			}

			const fragment = title.getFragment();
			return title.getPrefixedText() + ( fragment ? `#${ fragment }` : '' );
		} catch ( ex ) {
			// mw.Title seems to be buggy, and some valid titles are rejected
			// FIXME: This may cause false negatives	
		}
	};
	
	/*
	 * Extract the context around a given link in a text string
	 */
	const extractContext = function( text, link ) {
		var contextStart = link.start - cfg.radius;
		var contextEnd = link.end + cfg.radius;
		var contextPrev = text.substring( contextStart, link.start );
		const ellipsis = '…';
		if ( contextStart &gt; 0 ) {
			contextPrev = ellipsis + contextPrev;
		}
		var contextNext = text.substring( link.end, contextEnd );
		if ( contextEnd &lt; text.length ) {
			contextNext = contextNext + ellipsis;
		}
		return [contextPrev, text.substring( link.start, link.end ), contextNext];
	};

	/*
	 * Extract the prefixed page name from a link
	 */
	const extractPageName = function( link ) {
		var pageName = extractPageNameRaw( link );
		if ( pageName ) {
			return getCanonicalTitle( pageName );
		}
		
		return null;
	};
	
	/*
	 * Extract the page name from a link, as is
	 */
	const extractPageNameRaw = function( link ) {
		// Ignore images and interwiki links
		if ( link.hasClass( 'image' ) || link.hasClass( 'extiw' ) ) {
			return null;
		}
		var href = link.attr( 'href' );

		// Red links in old parser format
		if ( link.hasClass( 'new' ) ) {
			const oldRedLink = mw.util.getParamValue( 'title', href );
			if ( oldRedLink !== null ) {
				return oldRedLink;
			}
		}

		// Check that external links are coming from this wiki
		if ( href.indexOf( '//' ) === 0 || href.indexOf( 'https://' ) === 0 ) {
			try {
				const fullUrl = href.indexOf( '//' ) === 0 ? location.protocol + href : href;
				let urlData = new URL( fullUrl );
				if ( urlData.hostname !== location.hostname ) {
					return null;
				}
			} catch( e ) {
				return null;
			}
		}

		var articlePathRegexp = new RegExp(
			mw.config.get( 'wgArticlePath' ).replace( '$1', '([^?]*)' )
		);
		var result = articlePathRegexp.exec( href );
		if ( Array.isArray( result ) &amp;&amp; result.length &gt; 1 ) {
			return decodeURIComponent( result[ 1 ] );
		}

		return null;
	};
	
	/*
	 * Check whether this is a disambiguation page
	 */
	const isDisam = function() {
		const categories = mw.config.get( 'wgCategories', [] );
		return cfg.disamCategories.some( c =&gt; categories.includes( c ) );
	};
	
	const secondsToHHMMSS = function( totalSeconds ) {
		var hhmmss = '';
		var hours = Math.floor( totalSeconds / 3600 );
		var minutes = Math.floor( totalSeconds % 3600 / 60 );
		var seconds = Math.floor( totalSeconds % 3600 % 60 );
		if ( hours &gt;= 1 ) {
			hhmmss = pad( hours, '0', 2 ) + ':';
		}
		hhmmss += pad( minutes, '0', 2 ) + ':' + pad( seconds, '0', 2 );
		return hhmmss;
	};
	
	const pad = function( str, z, width ) {
		str = str.toString();
		if ( str.length &gt;= width ) {
			return str;
		} else {
			return new Array( width - str.length + 1 ).join( z ) + str;
		}
	}
	
	/*
	 * Create a new button
	 * text: Text that will be displayed on the button
	 * onClick: Function that will be called when the button is clicked
	 */
	const createButton = function( text, onClick ) {
		var button = $( '&lt;button&gt;', { 'type': 'button' } );
		button.text( text );
		button.addClass( 'disamassist-button' ).click( onClick );
		return button;
	};
	
	/*
	 * Given a page title and an array of possible redirects {from, to} (&quot;canonical titles&quot;), find the page
	 * at the end of the redirect chain, if there is one. Otherwise, return the page title that was passed
	 */
	const resolveRedirect = function( pageTitle, possibleRedirects ) {
		var appliedRedirect = true;
		var visitedPages = {};
		var currentPage = getCanonicalTitle( pageTitle );
		while ( appliedRedirect ) {
			appliedRedirect = false;
			for ( var ii = 0; ii &lt; possibleRedirects.length; ii++ ) {
				if ( possibleRedirects[ii].from === currentPage ) {
					if ( visitedPages[possibleRedirects[ii].to] ) {
						// Redirect chain detected
						return pageTitle;
					}
					visitedPages[currentPage] = true;
					appliedRedirect = true;
					currentPage = possibleRedirects[ii].to;
				}
			}
		}
		// No redirect rules applied for an iteration of the outer loop:
		// no more redirects. We are done
		return currentPage;
	};
	
	/*
	 * Fetch the incoming links to a page. Returns a jQuery promise
	 * (success - array of titles of pages that contain links to the target page and
	 * array of &quot;canonical titles&quot; of possible destinations of the backlinks (either
	 * the target page or redirects to the target page), failure - error description)
	 * page: Target page
	 */
	const getBacklinks = function( page ) {
		var dfd = new $.Deferred();
		api.get( {
			'action': 'query',
			'list': 'backlinks',
			'bltitle': page,
			'blredirect': true,
			'bllimit': cfg.backlinkLimit,
			'blnamespace': cfg.targetNamespaces,
		} ).done( function( data ) {
			// There might be duplicate entries in some corner cases. We don't care,
			// since we are going to check later, anyway
			var backlinks = [];
			var linkTitles = [getCanonicalTitle( page )];
			$.each( data.query.backlinks, function() {
				backlinks.push( this.title );
				if ( this.redirlinks ) {
					linkTitles.push( this.title );
					$.each( this.redirlinks, function() {
						backlinks.push( this.title );
					} );
				}
			} );
			dfd.resolve( backlinks, linkTitles );
		} ).fail( function( code, data ) {
			dfd.reject( txt.getBacklinksError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download a list of redirects for some pages. Returns a jQuery callback (success -
	 * array of redirects ({from, to}), failure - error description )
	 * pageTitles: Array of page titles
	 */
	const fetchRedirects = function( pageTitles ) {
		var dfd = new $.Deferred();
		var currentTitles = pageTitles.slice( 0, cfg.queryTitleLimit );
		var restTitles = pageTitles.slice( cfg.queryTitleLimit );
		api.get( {
			action: 'query',
			titles: currentTitles,
			redirects: true,
		} ).done( function( data ) {
			var theseRedirects = data.query.redirects ? data.query.redirects : [];
			if ( restTitles.length !== 0 ) {
				fetchRedirects( restTitles ).done( function( redirects ) {
					dfd.resolve( theseRedirects.concat( redirects ) );
				} ).fail( function( description ) {
					dfd.reject( description );
				} );
			} else {
				dfd.resolve( theseRedirects );
			}
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRedirectsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Download the list of user rights for the current user. Returns a
	 * jQuery promise (success - array of right names, error - error description)
	 */
	const fetchRights = function() {
		var dfd = $.Deferred();
		api.get( {
			action: 'query',
			meta: 'userinfo',
			uiprop: 'rights',
		} ).done( function( data ) {
			dfd.resolve( data.query.userinfo.rights );
		} ).fail( function( code, data ) {
			dfd.reject( txt.fetchRightsError.replace( '$1', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Load the raw page text for a given title. Returns a jQuery promise (success - page
	 * content, failure - error description)
	 * pageTitle: Title of the page
	 */
	const loadPage = function( pageTitle ) {
		var dfd = new $.Deferred();
		api.get( {
			action: 'query',
			titles: pageTitle,
			prop: 'revisions',
			rvprop: 'timestamp|content',
			meta: 'tokens',
			type: 'csrf',
		} ).done( function( data ) {
			var pages = data.query.pages;
			for ( var key in pages ) {
				if ( pages.hasOwnProperty( key ) ) {
					break;
				}
			}
			var rawPage = data.query.pages[key];
			var page = {};
			page.missing = rawPage.missing !== undefined;
			if ( rawPage.revisions ) {
				page.content = rawPage.revisions[0]['*'];
				// Assume anything with # at the start is a redirect
				if ( page.content.match( /^#[^\s]*?\s*\[\[/ ) ) {
					page.redirect = true;
				}
				page.baseTimeStamp = rawPage.revisions[0].timestamp;
			} else {
				page.content = '';
				page.baseTimeStamp = null;
			}
			page.startTimeStamp = rawPage.starttimestamp;
			page.editToken = data.query.tokens.csrftoken;
			dfd.resolve( page );
		} ).fail( function( code, data ) {
			dfd.reject( txt.loadPageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	/*
	 * Register changes to a page, to be saved later. Returns a jQuery promise
	 * (success - no params, failure - error description). Takes the same parameters
	 * as savePage 
	 */
	const saveWithCooldown = function() {
		var deferred = new $.Deferred();
		pendingSaves.push( {args: arguments, dfd: deferred} );
		if ( !runningSaves ) {
			checkAndSave();
		}
		return deferred.promise();
	};
	
	/*
	 * Save the first set of changes in the list of pending changes, providing that
	 * enough time has passed since the last edit
	 */
	const checkAndSave = function() {
		if ( pendingSaves.length === 0 ) {
			runningSaves = false;
			return;
		}
		runningSaves = true;
		var millisSinceLast = new Date().getTime() - lastEditMillis;
		if ( millisSinceLast &lt; cfg.editCooldown * 1000 ) {
			setTimeout( checkAndSave, cfg.editCooldown * 1000 - millisSinceLast );
		} else {
			// The last edit started at least cfg.editCooldown seconds ago
			var save = pendingSaves.shift();
			savePage.apply( this, save.args ).done( function() {
				checkAndSave();
				save.dfd.resolve();
			} ).fail( function( description ) {
				checkAndSave();
				save.dfd.reject( description );
			} );
			// We'll use the time since the last edit started
			lastEditMillis = new Date().getTime();
		}
	};
	
	/*
	 * Save the changes made to a page. Returns a jQuery promise (success - no params,
	 * failure - error description)
	 * pageTitle: Title of the page
	 * page: Page data
	 * summary: Summary of the changes made to the page
	 * minorEdit: Whether to mark the edit as 'minor'
	 * botEdit: Whether to mark the edit as 'bot'
	 */
	const savePage = function( pageTitle, page, summary, minorEdit, botEdit ) {
		var dfd = new $.Deferred();
		api.post( {
			action: 'edit',
			title: pageTitle,
			token: page.editToken,
			text: page.content,
			basetimestamp: page.baseTimeStamp,
			starttimestamp: page.startTimeStamp,
			summary: summary,
			watchlist: cfg.watch ? cfg.watch : 'nochange',
			assertuser: mw.config.get( 'wgUserName' ),
			minor: minorEdit,
			bot: botEdit,
		} ).done( function() {
			dfd.resolve();
		} ).fail( function( code, data ) {
			dfd.reject( txt.savePageError.replace( '$1', pageTitle ).replace( '$2', code ) );
		} );
		return dfd.promise();
	};
	
	install();
} )();
// &lt;/nowiki&gt;</text>
      <sha1>pteq4ylrg7tigsjbhkhhmpnoufcs7vg</sha1>
    </revision>
  </page>
  <page>
    <title>User:Rots61/Disamassist.js</title>
    <ns>2</ns>
    <id>189948</id>
    <revision>
      <id>781170</id>
      <timestamp>2026-10-27T15:35:50Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <comment>Created page with &quot;//&lt;syntaxhighlight lang=&quot;javascript&quot;&gt; // Originele code van Qwertyytrewqqwerty ([[:en:User:Qwertyytrewqqwerty]]) // Aanpassingen door Midas02 - augustus 2015 // Aanpassingen door Mbch331 (Interface moderator) - januari 2026  window.DisamAssist = jQuery.extend( true, { 	cfg: { 		/* 		 * Categories where disambiguation pages are added (usually by a template like {{Disambiguation}} 		 */ 		disamCategories: ['Wikipedia:Doorverwijspagina'], 		 		/* 		 * &quot;Canonical names&quot; of t...&quot;</comment>
      <origin>781170</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="5407" sha1="0nz3bavhkbyu1hgpfvfkm5axiuga26v" xml:space="preserve">//&lt;syntaxhighlight lang=&quot;javascript&quot;&gt;
// Originele code van Qwertyytrewqqwerty ([[:en:User:Qwertyytrewqqwerty]])
// Aanpassingen door Midas02 - augustus 2015
// Aanpassingen door Mbch331 (Interface moderator) - januari 2026

window.DisamAssist = jQuery.extend( true, {
	cfg: {
		/*
		 * Categories where disambiguation pages are added (usually by a template like {{Disambiguation}}
		 */
		disamCategories: ['Wikipedia:Doorverwijspagina'],
		
		/*
		 * &quot;Canonical names&quot; of the templates that may appear after ambiguous links
		 * and which should be removed when fixing those links
		 */
		disamLinkTemplates: [],
		
		/*
		 * &quot;Canonical names&quot; of the templates that designate intentional links to
		 * disambiguation pages
		 */
		disamLinkIgnoreTemplates: [],
		
		/*
		 * Format string for &quot;Foo (disambiguation)&quot;-style pages
		 */
		 disamFormat: '$1 (doorverwijspagina)',
		
		/*
		 * Regular expression matching the titles of disambiguation pages (when they are different from
		 * the titles of the primary topics)
		 */
		disamRegExp: '^(.*) \\(doorverwijspagina\\)$',
		
		/*
		 * Text that will be inserted after the link if the user requests help. If the value is null,
		 * the option to request help won't be offered
		 */
		disamNeededText: null,
		
		/*
		 * Content of the &quot;Foo (disambiguation)&quot; pages that will be created automatically when using
		 * DisamAssist from a &quot;Foo&quot; page
		 */
		redirectToDisam: null,
		
		/*
		 * Whether intentional links to disambiguation pages can be explicitly marked by adding &quot; (disambiguation)&quot;
		 */
		intentionalLinkOption: false,
		
		/*
		 * Namespaces that will be searched for incoming links to the disambiguation page (pages in other
		 * namespaces will be ignored)
		 */
		targetNamespaces: [0, 2, 6, 10, 14, 100, 828],
		
		/*
		 * Number of backlinks that will be downloaded at once
		 * When using blredirect, the maximum limit is supposedly halved
		 * (see http://www.mediawiki.org/wiki/API:Backlinks)
		 */
		backlinkLimit: 2000,
		
		/*
		 * Number of titles we can query for at once
		 */
		queryTitleLimit: 50,
	
		/*
		 * Number of characters before and after the incoming link that will be displayed
		 */
		radius: 300,
	
		/*
		 * Height of the context box, in lines
		 */
		numContextLines: 4,
	
		/*
		 * Number of pages that will be stored before saving, so that changes to them can be
		 * undone if need be
		 */
		historySize: 2,
		
		/*
		 * Minimum time in seconds since the last change was saved before a new edit can be made. A
		 * negative value or 0 disables the cooldown. Users with the &quot;bot&quot; right won't be affected by
		 * the cooldown
		 */
		editCooldown: 12,
		
		/*
		 * Specify how the watchlist is affected by DisamAssist edits. Possible values: &quot;watch&quot;, &quot;unwatch&quot;,
		 * &quot;preferences&quot;, &quot;nochange&quot;
		 */
		watch: 'nochange',

		extrafiles: [&quot;bestand&quot;, &quot;file&quot;, &quot;afbeelding&quot;]
	},

	txt: {
		start: 'Links naar doorverwijspagina repareren',
		startMain: 'Repareer links naar hoofdartikel',
		startSame: 'Repareer links naar doorverwijspagina',
		close: 'Sluiten',
		undo: 'Ongedaan maken',
		omit: 'Overslaan',
		refresh: 'Verversen',
		titleAsText: 'Andere link',
		disamNeeded: 'Markeren met {{dn}}',
		intentionalLink: 'Opzettelijke link naar doorverwijspagina',
		titleAsTextPrompt: 'Geef de nieuwe link in:',
		removeLink: 'Verwijder link',
		optionMarker: ' [Link hier]',
		targetOptionMarker: ' [Huidig doelartikel]',
		redirectOptionMarker: ' [Huidig doelartikel (via doorverwijzing)]',
		pageTitleLine: 'In &lt;a href=&quot;$1&quot;&gt;$2&lt;/a&gt;:',
		noMoreLinks: 'Geen links meer ter reparatie.',
		pendingEditCounter: 'Opslaan: $1; in geschiedenis: $2',
		pendingEditBox: 'DisamAssist is bezig de wijzigingen op te slaan ($1).',
		pendingEditBoxTimeEstimation: '$1; geschatte resterende tijd: $2',
		pendingEditBoxLimited: 'Gelieve dit tabblad niet te sluiten zolang de wijzingen niet opgeslagen werden. U kan '
			+ 'Wikipedia verder bewerken in een ander tabblad, maar het is niet aangeraden tezelfdertijd meerdere instanties '
			+ 'van DisamAssist te gebruiken, aangezien een groot aantal wijzingen op korte tijd verstorend kan werken.',
		error: 'Fout: $1',
		fetchRedirectsError: 'Doorverwijzingen ophalen mislukt: &quot;$1&quot;.',
		getBacklinksError: 'Backlinks ophalen mislukt: &quot;$1&quot;.',
		fetchRightsError: 'Ophalen gebruikersrechten mislukt: &quot;$1&quot;,',
		loadPageError: 'Fout bij het laden van $1: &quot;$2&quot;.',
		savePageError: 'Fout bij het opslaan van wijzigingen aan $1: &quot;$2&quot;.',
		dismissError: 'Sluiten',
		pending: 'Er zijn nog onopgeslagen wijzingen in DisamAssist. Om deze op te slaan, gelieve op sluiten te drukken',
		editInProgress: 'DisamAssist is wijzigingen aan het doorvoeren. Indien u het tabblad nu sluit, kunnen die verloren gaan.',
		ellipsis: '...',
		notifyCharacter: '✔',
		summary: 'Link naar doorverwijspagina [[$1]] $2 met [[Gebruiker:Midas02/DisamAssist|DisamAssist]].',
		summaryChanged: 'gewijzigd in [[$1]]',
		summaryOmitted: 'link overgeslagen',
		summaryRemoved: 'link verwijderd',
		summaryIntentional: 'opzettelijke link naar doorverwijspagina',
		summaryHelpNeeded: 'hulp nodig',
		summarySeparator: '; ',
		redirectSummary: 'Creatie doorverwijzing naar [[$1]] met [[Gebruiker:Midas02/DisamAssist|DisamAssist]].'
	}
}, window.DisamAssist || {} );

mw.loader.load( 'https://nl.wikipedia.org/w/index.php?title=User:Rots61/DisamAssist-a.js&amp;action=raw&amp;ctype=text/javascript' );
//&lt;/syntaxhighlight&gt;</text>
      <sha1>0nz3bavhkbyu1hgpfvfkm5axiuga26v</sha1>
    </revision>
    <revision>
      <id>781193</id>
      <parentid>781170</parentid>
      <timestamp>2026-10-27T16:04:42Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <origin>781193</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="5409" sha1="hevpi5ngu35nsmzsuw1zlk41xpksy0a" xml:space="preserve">//&lt;syntaxhighlight lang=&quot;javascript&quot;&gt;
// Originele code van Qwertyytrewqqwerty ([[:en:User:Qwertyytrewqqwerty]])
// Aanpassingen door Midas02 - augustus 2015
// Aanpassingen door Mbch331 (Interface moderator) - januari 2026

window.DisamAssist = jQuery.extend( true, {
	cfg: {
		/*
		 * Categories where disambiguation pages are added (usually by a template like {{Disambiguation}}
		 */
		disamCategories: ['Wikipedia:Doorverwijspagina'],
		
		/*
		 * &quot;Canonical names&quot; of the templates that may appear after ambiguous links
		 * and which should be removed when fixing those links
		 */
		disamLinkTemplates: [],
		
		/*
		 * &quot;Canonical names&quot; of the templates that designate intentional links to
		 * disambiguation pages
		 */
		disamLinkIgnoreTemplates: [],
		
		/*
		 * Format string for &quot;Foo (disambiguation)&quot;-style pages
		 */
		 disamFormat: '$1 (doorverwijspagina)',
		
		/*
		 * Regular expression matching the titles of disambiguation pages (when they are different from
		 * the titles of the primary topics)
		 */
		disamRegExp: '^(.*) \\(doorverwijspagina\\)$',
		
		/*
		 * Text that will be inserted after the link if the user requests help. If the value is null,
		 * the option to request help won't be offered
		 */
		disamNeededText: null,
		
		/*
		 * Content of the &quot;Foo (disambiguation)&quot; pages that will be created automatically when using
		 * DisamAssist from a &quot;Foo&quot; page
		 */
		redirectToDisam: null,
		
		/*
		 * Whether intentional links to disambiguation pages can be explicitly marked by adding &quot; (disambiguation)&quot;
		 */
		intentionalLinkOption: false,
		
		/*
		 * Namespaces that will be searched for incoming links to the disambiguation page (pages in other
		 * namespaces will be ignored)
		 */
		targetNamespaces: [0, 2, 6, 10, 14, 100, 828],
		
		/*
		 * Number of backlinks that will be downloaded at once
		 * When using blredirect, the maximum limit is supposedly halved
		 * (see http://www.mediawiki.org/wiki/API:Backlinks)
		 */
		backlinkLimit: 2000,
		
		/*
		 * Number of titles we can query for at once
		 */
		queryTitleLimit: 50,
	
		/*
		 * Number of characters before and after the incoming link that will be displayed
		 */
		radius: 300,
	
		/*
		 * Height of the context box, in lines
		 */
		numContextLines: 4,
	
		/*
		 * Number of pages that will be stored before saving, so that changes to them can be
		 * undone if need be
		 */
		historySize: 2,
		
		/*
		 * Minimum time in seconds since the last change was saved before a new edit can be made. A
		 * negative value or 0 disables the cooldown. Users with the &quot;bot&quot; right won't be affected by
		 * the cooldown
		 */
		editCooldown: 12,
		
		/*
		 * Specify how the watchlist is affected by DisamAssist edits. Possible values: &quot;watch&quot;, &quot;unwatch&quot;,
		 * &quot;preferences&quot;, &quot;nochange&quot;
		 */
		watch: 'nochange',

		extrafiles: [&quot;bestand&quot;, &quot;file&quot;, &quot;afbeelding&quot;]
	},

	txt: {
		start: 'Links naar doorverwijspagina repareren',
		startMain: 'Repareer links naar hoofdartikel',
		startSame: 'Repareer links naar doorverwijspagina',
		close: 'Sluiten',
		undo: 'Ongedaan maken',
		omit: 'Overslaan',
		refresh: 'Verversen',
		titleAsText: 'Andere link',
		disamNeeded: 'Markeren met {{dn}}',
		intentionalLink: 'Opzettelijke link naar doorverwijspagina',
		titleAsTextPrompt: 'Geef de nieuwe link in:',
		removeLink: 'Verwijder link',
		optionMarker: ' [Link hier]',
		targetOptionMarker: ' [Huidig doelartikel]',
		redirectOptionMarker: ' [Huidig doelartikel (via doorverwijzing)]',
		pageTitleLine: 'In &lt;a href=&quot;$1&quot;&gt;$2&lt;/a&gt;:',
		noMoreLinks: 'Geen links meer ter reparatie.',
		pendingEditCounter: 'Opslaan: $1; in geschiedenis: $2',
		pendingEditBox: 'DisamAssist is bezig de wijzigingen op te slaan ($1).',
		pendingEditBoxTimeEstimation: '$1; geschatte resterende tijd: $2',
		pendingEditBoxLimited: 'Gelieve dit tabblad niet te sluiten zolang de wijzingen niet opgeslagen werden. U kan '
			+ 'Wikipedia verder bewerken in een ander tabblad, maar het is niet aangeraden tezelfdertijd meerdere instanties '
			+ 'van DisamAssist te gebruiken, aangezien een groot aantal wijzingen op korte tijd verstorend kan werken.',
		error: 'Fout: $1',
		fetchRedirectsError: 'Doorverwijzingen ophalen mislukt: &quot;$1&quot;.',
		getBacklinksError: 'Backlinks ophalen mislukt: &quot;$1&quot;.',
		fetchRightsError: 'Ophalen gebruikersrechten mislukt: &quot;$1&quot;,',
		loadPageError: 'Fout bij het laden van $1: &quot;$2&quot;.',
		savePageError: 'Fout bij het opslaan van wijzigingen aan $1: &quot;$2&quot;.',
		dismissError: 'Sluiten',
		pending: 'Er zijn nog onopgeslagen wijzingen in DisamAssist. Om deze op te slaan, gelieve op sluiten te drukken',
		editInProgress: 'DisamAssist is wijzigingen aan het doorvoeren. Indien u het tabblad nu sluit, kunnen die verloren gaan.',
		ellipsis: '...',
		notifyCharacter: '✔',
		summary: 'Link naar doorverwijspagina [[$1]] $2 met [[Gebruiker:Midas02/DisamAssist|DisamAssist]].',
		summaryChanged: 'gewijzigd in [[$1]]',
		summaryOmitted: 'link overgeslagen',
		summaryRemoved: 'link verwijderd',
		summaryIntentional: 'opzettelijke link naar doorverwijspagina',
		summaryHelpNeeded: 'hulp nodig',
		summarySeparator: '; ',
		redirectSummary: 'Creatie doorverwijzing naar [[$1]] met [[Gebruiker:Midas02/DisamAssist|DisamAssist]].'
	}
}, window.DisamAssist || {} );

mw.loader.load( 'https://test.wikipedia.org/w/index.php?title=User:Rots61/DisamAssist-a.js&amp;action=raw&amp;ctype=text/javascript' );
//&lt;/syntaxhighlight&gt;</text>
      <sha1>hevpi5ngu35nsmzsuw1zlk41xpksy0a</sha1>
    </revision>
    <revision>
      <id>781210</id>
      <parentid>781193</parentid>
      <timestamp>2026-10-27T16:34:37Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <origin>781210</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="5405" sha1="pebezv605yvhal7h8lcm4b7x3yrbtzq" xml:space="preserve">//&lt;syntaxhighlight lang=&quot;javascript&quot;&gt;
// Originele code van Qwertyytrewqqwerty ([[:en:User:Qwertyytrewqqwerty]])
// Aanpassingen door Midas02 - augustus 2015
// Aanpassingen door Mbch331 (Interface moderator) - januari 2026

window.DisamAssist = jQuery.extend( true, {
	cfg: {
		/*
		 * Categories where disambiguation pages are added (usually by a template like {{Disambiguation}}
		 */
		disamCategories: ['Wikipedia:Doorverwijspagina'],
		
		/*
		 * &quot;Canonical names&quot; of the templates that may appear after ambiguous links
		 * and which should be removed when fixing those links
		 */
		disamLinkTemplates: [],
		
		/*
		 * &quot;Canonical names&quot; of the templates that designate intentional links to
		 * disambiguation pages
		 */
		disamLinkIgnoreTemplates: [],
		
		/*
		 * Format string for &quot;Foo (disambiguation)&quot;-style pages
		 */
		 disamFormat: '$1 (doorverwijspagina)',
		
		/*
		 * Regular expression matching the titles of disambiguation pages (when they are different from
		 * the titles of the primary topics)
		 */
		disamRegExp: '^(.*) \\(doorverwijspagina\\)$',
		
		/*
		 * Text that will be inserted after the link if the user requests help. If the value is null,
		 * the option to request help won't be offered
		 */
		disamNeededText: null,
		
		/*
		 * Content of the &quot;Foo (disambiguation)&quot; pages that will be created automatically when using
		 * DisamAssist from a &quot;Foo&quot; page
		 */
		redirectToDisam: null,
		
		/*
		 * Whether intentional links to disambiguation pages can be explicitly marked by adding &quot; (disambiguation)&quot;
		 */
		intentionalLinkOption: false,
		
		/*
		 * Namespaces that will be searched for incoming links to the disambiguation page (pages in other
		 * namespaces will be ignored)
		 */
		targetNamespaces: [0, 6, 10, 14, 100, 828],
		
		/*
		 * Number of backlinks that will be downloaded at once
		 * When using blredirect, the maximum limit is supposedly halved
		 * (see http://www.mediawiki.org/wiki/API:Backlinks)
		 */
		backlinkLimit: 2000,
		
		/*
		 * Number of titles we can query for at once
		 */
		queryTitleLimit: 50,
	
		/*
		 * Number of characters before and after the incoming link that will be displayed
		 */
		radius: 300,
	
		/*
		 * Height of the context box, in lines
		 */
		numContextLines: 4,
	
		/*
		 * Number of pages that will be stored before saving, so that changes to them can be
		 * undone if need be
		 */
		historySize: 2,
		
		/*
		 * Minimum time in seconds since the last change was saved before a new edit can be made. A
		 * negative value or 0 disables the cooldown. Users with the &quot;bot&quot; right won't be affected by
		 * the cooldown
		 */
		editCooldown: 0,
		
		/*
		 * Specify how the watchlist is affected by DisamAssist edits. Possible values: &quot;watch&quot;, &quot;unwatch&quot;,
		 * &quot;preferences&quot;, &quot;nochange&quot;
		 */
		watch: 'nochange',

		extrafiles: [&quot;bestand&quot;, &quot;file&quot;, &quot;afbeelding&quot;]
	},

	txt: {
		start: 'Links naar doorverwijspagina repareren',
		startMain: 'Repareer links naar hoofdartikel',
		startSame: 'Repareer links naar doorverwijspagina',
		close: 'Sluiten',
		undo: 'Ongedaan maken',
		omit: 'Overslaan',
		refresh: 'Verversen',
		titleAsText: 'Andere link',
		disamNeeded: 'Markeren met {{dn}}',
		intentionalLink: 'Opzettelijke link naar doorverwijspagina',
		titleAsTextPrompt: 'Geef de nieuwe link in:',
		removeLink: 'Verwijder link',
		optionMarker: ' [Link hier]',
		targetOptionMarker: ' [Huidig doelartikel]',
		redirectOptionMarker: ' [Huidig doelartikel (via doorverwijzing)]',
		pageTitleLine: 'In &lt;a href=&quot;$1&quot;&gt;$2&lt;/a&gt;:',
		noMoreLinks: 'Geen links meer ter reparatie.',
		pendingEditCounter: 'Opslaan: $1; in geschiedenis: $2',
		pendingEditBox: 'DisamAssist is bezig de wijzigingen op te slaan ($1).',
		pendingEditBoxTimeEstimation: '$1; geschatte resterende tijd: $2',
		pendingEditBoxLimited: 'Gelieve dit tabblad niet te sluiten zolang de wijzingen niet opgeslagen werden. U kan '
			+ 'Wikipedia verder bewerken in een ander tabblad, maar het is niet aangeraden tezelfdertijd meerdere instanties '
			+ 'van DisamAssist te gebruiken, aangezien een groot aantal wijzingen op korte tijd verstorend kan werken.',
		error: 'Fout: $1',
		fetchRedirectsError: 'Doorverwijzingen ophalen mislukt: &quot;$1&quot;.',
		getBacklinksError: 'Backlinks ophalen mislukt: &quot;$1&quot;.',
		fetchRightsError: 'Ophalen gebruikersrechten mislukt: &quot;$1&quot;,',
		loadPageError: 'Fout bij het laden van $1: &quot;$2&quot;.',
		savePageError: 'Fout bij het opslaan van wijzigingen aan $1: &quot;$2&quot;.',
		dismissError: 'Sluiten',
		pending: 'Er zijn nog onopgeslagen wijzingen in DisamAssist. Om deze op te slaan, gelieve op sluiten te drukken',
		editInProgress: 'DisamAssist is wijzigingen aan het doorvoeren. Indien u het tabblad nu sluit, kunnen die verloren gaan.',
		ellipsis: '...',
		notifyCharacter: '✔',
		summary: 'Link naar doorverwijspagina [[$1]] $2 met [[Gebruiker:Midas02/DisamAssist|DisamAssist]].',
		summaryChanged: 'gewijzigd in [[$1]]',
		summaryOmitted: 'link overgeslagen',
		summaryRemoved: 'link verwijderd',
		summaryIntentional: 'opzettelijke link naar doorverwijspagina',
		summaryHelpNeeded: 'hulp nodig',
		summarySeparator: '; ',
		redirectSummary: 'Creatie doorverwijzing naar [[$1]] met [[Gebruiker:Midas02/DisamAssist|DisamAssist]].'
	}
}, window.DisamAssist || {} );

mw.loader.load( 'https://test.wikipedia.org/w/index.php?title=User:Rots61/DisamAssist-a.js&amp;action=raw&amp;ctype=text/javascript' );
//&lt;/syntaxhighlight&gt;</text>
      <sha1>pebezv605yvhal7h8lcm4b7x3yrbtzq</sha1>
    </revision>
    <revision>
      <id>781212</id>
      <parentid>781210</parentid>
      <timestamp>2026-10-27T16:36:19Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <origin>781212</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="5416" sha1="f9qp1u4so064qzdaurzubl8czeh93f9" xml:space="preserve">//&lt;syntaxhighlight lang=&quot;javascript&quot;&gt;
// Originele code van Qwertyytrewqqwerty ([[:en:User:Qwertyytrewqqwerty]])
// Aanpassingen door Midas02 - augustus 2015
// Aanpassingen door Mbch331 (Interface moderator) - januari 2026

window.DisamAssist = jQuery.extend( true, {
	cfg: {
		/*
		 * Categories where disambiguation pages are added (usually by a template like {{Disambiguation}}
		 */
		disamCategories: ['Wikipedia:Doorverwijspagina'],
		
		/*
		 * &quot;Canonical names&quot; of the templates that may appear after ambiguous links
		 * and which should be removed when fixing those links
		 */
		disamLinkTemplates: [],
		
		/*
		 * &quot;Canonical names&quot; of the templates that designate intentional links to
		 * disambiguation pages
		 */
		disamLinkIgnoreTemplates: [],
		
		/*
		 * Format string for &quot;Foo (disambiguation)&quot;-style pages
		 */
		 disamFormat: '$1 (doorverwijspagina)',
		
		/*
		 * Regular expression matching the titles of disambiguation pages (when they are different from
		 * the titles of the primary topics)
		 */
		disamRegExp: '^(.*) \\(doorverwijspagina\\)$',
		
		/*
		 * Text that will be inserted after the link if the user requests help. If the value is null,
		 * the option to request help won't be offered
		 */
		disamNeededText: null,
		
		/*
		 * Content of the &quot;Foo (disambiguation)&quot; pages that will be created automatically when using
		 * DisamAssist from a &quot;Foo&quot; page
		 */
		redirectToDisam: null,
		
		/*
		 * Whether intentional links to disambiguation pages can be explicitly marked by adding &quot; (disambiguation)&quot;
		 */
		intentionalLinkOption: false,
		
		/*
		 * Namespaces that will be searched for incoming links to the disambiguation page (pages in other
		 * namespaces will be ignored)
		 */
		targetNamespaces: [0, 6, 10, 14, 100, 828],
		
		/*
		 * Number of backlinks that will be downloaded at once
		 * When using blredirect, the maximum limit is supposedly halved
		 * (see http://www.mediawiki.org/wiki/API:Backlinks)
		 */
		backlinkLimit: 2000,
		
		/*
		 * Number of titles we can query for at once
		 */
		queryTitleLimit: 50,
	
		/*
		 * Number of characters before and after the incoming link that will be displayed
		 */
		radius: 300,
	
		/*
		 * Height of the context box, in lines
		 */
		numContextLines: 4,
	
		/*
		 * Number of pages that will be stored before saving, so that changes to them can be
		 * undone if need be
		 */
		historySize: 2,
		
		/*
		 * Minimum time in seconds since the last change was saved before a new edit can be made. A
		 * negative value or 0 disables the cooldown. Users with the &quot;bot&quot; right won't be affected by
		 * the cooldown
		 */
		editCooldown: 0,
		
		/*
		 * Specify how the watchlist is affected by DisamAssist edits. Possible values: &quot;watch&quot;, &quot;unwatch&quot;,
		 * &quot;preferences&quot;, &quot;nochange&quot;
		 */
		watch: 'nochange',

		extrafiles: [&quot;bestand&quot;, &quot;file&quot;, &quot;afbeelding&quot;]
	},

	txt: {
		start: 'Links naar doorverwijspagina repareren',
		startMain: 'Repareer links naar hoofdartikel',
		startSame: 'Repareer links naar doorverwijspagina',
		close: 'Sluiten',
		undo: 'Ongedaan maken',
		omit: 'Overslaan',
		refresh: 'Verversen',
		titleAsText: 'Andere link',
		disamNeeded: 'Markeren met {{dn}}',
		intentionalLink: 'Opzettelijke link naar doorverwijspagina',
		titleAsTextPrompt: 'Geef de nieuwe link in:',
		removeLink: 'Verwijder link',
		optionMarker: ' [Link hier]',
		targetOptionMarker: ' [Huidig doelartikel]',
		redirectOptionMarker: ' [Huidig doelartikel (via doorverwijzing)]',
		pageTitleLine: 'In &lt;a href=&quot;$1&quot;&gt;$2&lt;/a&gt;:',
		noMoreLinks: 'Geen links meer ter reparatie.',
		pendingEditCounter: 'Opslaan: $1; in geschiedenis: $2',
		pendingEditBox: 'DisamAssist is bezig de wijzigingen op te slaan ($1).',
		pendingEditBoxTimeEstimation: '$1; geschatte resterende tijd: $2',
		pendingEditBoxLimited: 'Gelieve dit tabblad niet te sluiten zolang de wijzingen niet opgeslagen werden. U kan '
			+ 'Wikipedia verder bewerken in een ander tabblad, maar het is niet aangeraden tezelfdertijd meerdere instanties '
			+ 'van DisamAssist te gebruiken, aangezien een groot aantal wijzingen op korte tijd verstorend kan werken.',
		error: 'Fout: $1',
		fetchRedirectsError: 'Doorverwijzingen ophalen mislukt: &quot;$1&quot;.',
		getBacklinksError: 'Backlinks ophalen mislukt: &quot;$1&quot;.',
		fetchRightsError: 'Ophalen gebruikersrechten mislukt: &quot;$1&quot;,',
		loadPageError: 'Fout bij het laden van $1: &quot;$2&quot;.',
		savePageError: 'Fout bij het opslaan van wijzigingen aan $1: &quot;$2&quot;.',
		dismissError: 'Sluiten',
		pending: 'Er zijn nog onopgeslagen wijzingen in DisamAssist. Om deze op te slaan, gelieve op sluiten te drukken',
		editInProgress: 'DisamAssist is wijzigingen aan het doorvoeren. Indien u het tabblad nu sluit, kunnen die verloren gaan.',
		ellipsis: '...',
		notifyCharacter: '✔',
		summary: 'Link naar doorverwijspagina [[$1]] $2 met [[Gebruiker:Midas02/DisamAssist|DisamAssist]].',
		summaryChanged: 'gewijzigd in [[$1]]',
		summaryOmitted: 'link overgeslagen',
		summaryRemoved: 'link verwijderd',
		summaryIntentional: 'opzettelijke link naar doorverwijspagina',
		summaryHelpNeeded: 'hulp nodig',
		summarySeparator: '; ',
		redirectSummary: 'Creatie doorverwijzing naar [[$1]] met [[Gebruiker:Midas02/DisamAssist|DisamAssist]].'
	}
}, window.DisamAssist || {} );

mw.loader.load( 'https://ru.wikipedia.org/w/index.php?title=Участник:Stjn/DisamAssist-core.js&amp;action=raw&amp;ctype=text/javascript' );
//&lt;/syntaxhighlight&gt;</text>
      <sha1>f9qp1u4so064qzdaurzubl8czeh93f9</sha1>
    </revision>
    <revision>
      <id>781217</id>
      <parentid>781212</parentid>
      <timestamp>2026-10-27T16:42:02Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <origin>781217</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="5405" sha1="pebezv605yvhal7h8lcm4b7x3yrbtzq" xml:space="preserve">//&lt;syntaxhighlight lang=&quot;javascript&quot;&gt;
// Originele code van Qwertyytrewqqwerty ([[:en:User:Qwertyytrewqqwerty]])
// Aanpassingen door Midas02 - augustus 2015
// Aanpassingen door Mbch331 (Interface moderator) - januari 2026

window.DisamAssist = jQuery.extend( true, {
	cfg: {
		/*
		 * Categories where disambiguation pages are added (usually by a template like {{Disambiguation}}
		 */
		disamCategories: ['Wikipedia:Doorverwijspagina'],
		
		/*
		 * &quot;Canonical names&quot; of the templates that may appear after ambiguous links
		 * and which should be removed when fixing those links
		 */
		disamLinkTemplates: [],
		
		/*
		 * &quot;Canonical names&quot; of the templates that designate intentional links to
		 * disambiguation pages
		 */
		disamLinkIgnoreTemplates: [],
		
		/*
		 * Format string for &quot;Foo (disambiguation)&quot;-style pages
		 */
		 disamFormat: '$1 (doorverwijspagina)',
		
		/*
		 * Regular expression matching the titles of disambiguation pages (when they are different from
		 * the titles of the primary topics)
		 */
		disamRegExp: '^(.*) \\(doorverwijspagina\\)$',
		
		/*
		 * Text that will be inserted after the link if the user requests help. If the value is null,
		 * the option to request help won't be offered
		 */
		disamNeededText: null,
		
		/*
		 * Content of the &quot;Foo (disambiguation)&quot; pages that will be created automatically when using
		 * DisamAssist from a &quot;Foo&quot; page
		 */
		redirectToDisam: null,
		
		/*
		 * Whether intentional links to disambiguation pages can be explicitly marked by adding &quot; (disambiguation)&quot;
		 */
		intentionalLinkOption: false,
		
		/*
		 * Namespaces that will be searched for incoming links to the disambiguation page (pages in other
		 * namespaces will be ignored)
		 */
		targetNamespaces: [0, 6, 10, 14, 100, 828],
		
		/*
		 * Number of backlinks that will be downloaded at once
		 * When using blredirect, the maximum limit is supposedly halved
		 * (see http://www.mediawiki.org/wiki/API:Backlinks)
		 */
		backlinkLimit: 2000,
		
		/*
		 * Number of titles we can query for at once
		 */
		queryTitleLimit: 50,
	
		/*
		 * Number of characters before and after the incoming link that will be displayed
		 */
		radius: 300,
	
		/*
		 * Height of the context box, in lines
		 */
		numContextLines: 4,
	
		/*
		 * Number of pages that will be stored before saving, so that changes to them can be
		 * undone if need be
		 */
		historySize: 2,
		
		/*
		 * Minimum time in seconds since the last change was saved before a new edit can be made. A
		 * negative value or 0 disables the cooldown. Users with the &quot;bot&quot; right won't be affected by
		 * the cooldown
		 */
		editCooldown: 0,
		
		/*
		 * Specify how the watchlist is affected by DisamAssist edits. Possible values: &quot;watch&quot;, &quot;unwatch&quot;,
		 * &quot;preferences&quot;, &quot;nochange&quot;
		 */
		watch: 'nochange',

		extrafiles: [&quot;bestand&quot;, &quot;file&quot;, &quot;afbeelding&quot;]
	},

	txt: {
		start: 'Links naar doorverwijspagina repareren',
		startMain: 'Repareer links naar hoofdartikel',
		startSame: 'Repareer links naar doorverwijspagina',
		close: 'Sluiten',
		undo: 'Ongedaan maken',
		omit: 'Overslaan',
		refresh: 'Verversen',
		titleAsText: 'Andere link',
		disamNeeded: 'Markeren met {{dn}}',
		intentionalLink: 'Opzettelijke link naar doorverwijspagina',
		titleAsTextPrompt: 'Geef de nieuwe link in:',
		removeLink: 'Verwijder link',
		optionMarker: ' [Link hier]',
		targetOptionMarker: ' [Huidig doelartikel]',
		redirectOptionMarker: ' [Huidig doelartikel (via doorverwijzing)]',
		pageTitleLine: 'In &lt;a href=&quot;$1&quot;&gt;$2&lt;/a&gt;:',
		noMoreLinks: 'Geen links meer ter reparatie.',
		pendingEditCounter: 'Opslaan: $1; in geschiedenis: $2',
		pendingEditBox: 'DisamAssist is bezig de wijzigingen op te slaan ($1).',
		pendingEditBoxTimeEstimation: '$1; geschatte resterende tijd: $2',
		pendingEditBoxLimited: 'Gelieve dit tabblad niet te sluiten zolang de wijzingen niet opgeslagen werden. U kan '
			+ 'Wikipedia verder bewerken in een ander tabblad, maar het is niet aangeraden tezelfdertijd meerdere instanties '
			+ 'van DisamAssist te gebruiken, aangezien een groot aantal wijzingen op korte tijd verstorend kan werken.',
		error: 'Fout: $1',
		fetchRedirectsError: 'Doorverwijzingen ophalen mislukt: &quot;$1&quot;.',
		getBacklinksError: 'Backlinks ophalen mislukt: &quot;$1&quot;.',
		fetchRightsError: 'Ophalen gebruikersrechten mislukt: &quot;$1&quot;,',
		loadPageError: 'Fout bij het laden van $1: &quot;$2&quot;.',
		savePageError: 'Fout bij het opslaan van wijzigingen aan $1: &quot;$2&quot;.',
		dismissError: 'Sluiten',
		pending: 'Er zijn nog onopgeslagen wijzingen in DisamAssist. Om deze op te slaan, gelieve op sluiten te drukken',
		editInProgress: 'DisamAssist is wijzigingen aan het doorvoeren. Indien u het tabblad nu sluit, kunnen die verloren gaan.',
		ellipsis: '...',
		notifyCharacter: '✔',
		summary: 'Link naar doorverwijspagina [[$1]] $2 met [[Gebruiker:Midas02/DisamAssist|DisamAssist]].',
		summaryChanged: 'gewijzigd in [[$1]]',
		summaryOmitted: 'link overgeslagen',
		summaryRemoved: 'link verwijderd',
		summaryIntentional: 'opzettelijke link naar doorverwijspagina',
		summaryHelpNeeded: 'hulp nodig',
		summarySeparator: '; ',
		redirectSummary: 'Creatie doorverwijzing naar [[$1]] met [[Gebruiker:Midas02/DisamAssist|DisamAssist]].'
	}
}, window.DisamAssist || {} );

mw.loader.load( 'https://test.wikipedia.org/w/index.php?title=User:Rots61/DisamAssist-a.js&amp;action=raw&amp;ctype=text/javascript' );
//&lt;/syntaxhighlight&gt;</text>
      <sha1>pebezv605yvhal7h8lcm4b7x3yrbtzq</sha1>
    </revision>
  </page>
  <page>
    <title>User:Rots61/common.js</title>
    <ns>2</ns>
    <id>189949</id>
    <revision>
      <id>781171</id>
      <timestamp>2026-10-27T15:36:31Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <comment>Created page with &quot;importScript('User:Rots61/Disamassist.js');&quot;</comment>
      <origin>781171</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="43" sha1="ieb0tqfnpr8gqmq4xpodtzqr9fuxh9i" xml:space="preserve">importScript('User:Rots61/Disamassist.js');</text>
      <sha1>ieb0tqfnpr8gqmq4xpodtzqr9fuxh9i</sha1>
    </revision>
  </page>
  <page>
    <title>User:Rots61/Disamassist-a.js</title>
    <ns>2</ns>
    <id>189950</id>
    <redirect title="User:Rots61/DisamAssist-a.js" />
    <revision>
      <id>781173</id>
      <timestamp>2026-10-27T15:36:55Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <comment>Rots61 moved page [[User:Rots61/Disamassist-a.js]] to [[User:Rots61/DisamAssist-a.js]]</comment>
      <origin>781173</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="134" sha1="5wtao03fghzo3ria1v7dd8bnhd33c8g" xml:space="preserve">/* #REDIRECT */mw.loader.load(&quot;//test.wikipedia.org/w/index.php?title=User:Rots61/DisamAssist-a.js&amp;action=raw&amp;ctype=text/javascript&quot;);</text>
      <sha1>5wtao03fghzo3ria1v7dd8bnhd33c8g</sha1>
    </revision>
  </page>
  <page>
    <title>Dp space</title>
    <ns>0</ns>
    <id>189951</id>
    <revision>
      <id>781174</id>
      <timestamp>2026-10-27T15:38:47Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <comment>Created page with &quot;{{dpintro}} *[[Test]] *[[Appeltje]] *[[Genot]] *[[Triviaal]] {{dpoutro}}&quot;</comment>
      <origin>781174</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="72" sha1="sr1uiyuh1fvl31pprhpt9kc4xovzvfv" xml:space="preserve">{{dpintro}}
*[[Test]]
*[[Appeltje]]
*[[Genot]]
*[[Triviaal]]
{{dpoutro}}</text>
      <sha1>sr1uiyuh1fvl31pprhpt9kc4xovzvfv</sha1>
    </revision>
    <revision>
      <id>781176</id>
      <parentid>781174</parentid>
      <timestamp>2026-10-27T15:40:19Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <origin>781176</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="110" sha1="ao2hs7fwxkwurjdfhcf0hr0cj6dkgnf" xml:space="preserve">Kan verwijzen naar:
*[[Test]]
*[[Appeltje]]
*[[Genot]]
*[[Triviaal]]
[[Categorie:Wikipedia:Doorverwijspagina]]</text>
      <sha1>ao2hs7fwxkwurjdfhcf0hr0cj6dkgnf</sha1>
    </revision>
    <revision>
      <id>781178</id>
      <parentid>781176</parentid>
      <timestamp>2026-10-27T15:41:01Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <origin>781178</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="109" sha1="mb0c61jxem55ud4jqilphvh6wopwj20" xml:space="preserve">Kan verwijzen naar:
*[[Test]]
*[[Appeltje]]
*[[Genot]]
*[[Triviaal]]
[[Category:Wikipedia:Doorverwijspagina]]</text>
      <sha1>mb0c61jxem55ud4jqilphvh6wopwj20</sha1>
    </revision>
    <revision>
      <id>781182</id>
      <parentid>781178</parentid>
      <timestamp>2026-10-27T15:44:02Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <minor />
      <comment>Rots61 moved page [[Dp]] to [[Dp space]]</comment>
      <origin>781178</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="109" sha1="mb0c61jxem55ud4jqilphvh6wopwj20" xml:space="preserve">Kan verwijzen naar:
*[[Test]]
*[[Appeltje]]
*[[Genot]]
*[[Triviaal]]
[[Category:Wikipedia:Doorverwijspagina]]</text>
      <sha1>mb0c61jxem55ud4jqilphvh6wopwj20</sha1>
    </revision>
  </page>
  <page>
    <title>Template:Dpoutro</title>
    <ns>10</ns>
    <id>189952</id>
    <revision>
      <id>781175</id>
      <timestamp>2026-10-27T15:39:28Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <comment>Created page with &quot;&lt;br style=&quot;clear:both;&quot; /&gt; &lt;div style=&quot;display:flex; margin-bottom:0.25em;&quot;&gt; &lt;div style=&quot;min-width:48px;&quot;&gt;[[Bestand:Vista-xmag.png|left|30px|class=noviewer]]&lt;/div&gt; &lt;div&gt;Bekijk alle artikelen waarvan de titel [[Speciaal:Prefixindex/{{{1|{{#invoke:Doorverwijspagina|getlabel}}}}}|begint met&amp;nbsp;'''{{{1|{{#invoke:Doorverwijspagina|getlabel}}}}}''']] of Speciaal:Zoeken/intitle:&quot;{{{1|{{#invoke:Doorverwijspagina|getlabel}}}}}&quot;|met&amp;nbsp;'''{{{1|{{#invoke:Doorverwijspagina|get...&quot;</comment>
      <origin>781175</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1747" sha1="hj0bhdr42or0rdzueidudeeh3dknapm" xml:space="preserve">&lt;br style=&quot;clear:both;&quot; /&gt;
&lt;div style=&quot;display:flex; margin-bottom:0.25em;&quot;&gt;
&lt;div style=&quot;min-width:48px;&quot;&gt;[[Bestand:Vista-xmag.png|left|30px|class=noviewer]]&lt;/div&gt;
&lt;div&gt;Bekijk alle artikelen waarvan de titel [[Speciaal:Prefixindex/{{{1|{{#invoke:Doorverwijspagina|getlabel}}}}}|begint met&amp;nbsp;'''{{{1|{{#invoke:Doorverwijspagina|getlabel}}}}}''']] of [[Speciaal:Zoeken/intitle:&quot;{{{1|{{#invoke:Doorverwijspagina|getlabel}}}}}&quot;|met&amp;nbsp;'''{{{1|{{#invoke:Doorverwijspagina|getlabel}}}}}'''&amp;nbsp;in&amp;nbsp;de&amp;nbsp;titel]].&lt;/div&gt;
&lt;/div&gt;

&lt;div class=&quot;toccolours disambigbox&quot; role=&quot;note&quot; style=&quot;display:flex; padding:0.7em; border-width:1px 0;&quot;&gt;
&lt;div style=&quot;min-width:44px;&quot;&gt;[[Bestand:Disambig-dark.svg|left|30px|class=noviewer]]&lt;/div&gt;
&lt;div&gt;Dit is een '''[[Wikipedia:Doorverwijspagina|doorverwijspagina]]''', bedoeld om de verschillen in betekenis of gebruik van ''{{{1|{{#invoke:Doorverwijspagina|getlabel}}}}}'' inzichtelijk te maken.

&lt;p&gt;&lt;small&gt;Op deze pagina staat een uitleg van de verschillende betekenissen van ''{{{1|{{#invoke:Doorverwijspagina|getlabel}}}}}'' en [[Speciaal:VerwijzingenNaarHier/{{{1|{{#invoke:Doorverwijspagina|getlabel}}}}}|verwijzingen]] daarnaartoe. Bent u hier via een pagina in Wikipedia terechtgekomen? Pas dan de verwijzing naar deze doorverwijspagina aan, zodat toekomstige bezoekers direct op de juiste pagina terechtkomen.&lt;/small&gt;&lt;/p&gt;&lt;/div&gt;
&lt;/div&gt;&lt;includeonly&gt;{{ #ifeq: {{FULLPAGENAME}} | Wikipedia:Sjablonen voor artikelboodschappen | | 
{{ #ifeq: {{FULLPAGENAME}} | Help:Doorverwijspagina | | 
{{ #ifeq: {{FULLPAGENAME}} | Help:Doorverwijzen | | [[Categorie:Wikipedia:Doorverwijspagina]] __DISAMBIG__
}} }} }}&lt;/includeonly&gt;&lt;noinclude&gt;
{{Documentatie}}

[[Categorie:Wikipedia:Sjablonen doorverwijzing| ]]
&lt;/noinclude&gt;</text>
      <sha1>hj0bhdr42or0rdzueidudeeh3dknapm</sha1>
    </revision>
    <revision>
      <id>781177</id>
      <parentid>781175</parentid>
      <timestamp>2026-10-27T15:40:45Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <comment>Replaced content with &quot;{{delete}}&quot;</comment>
      <origin>781177</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="10" sha1="35r2j9t4ectnt1cmb7mlgcqvwz6h5k6" xml:space="preserve">{{delete}}</text>
      <sha1>35r2j9t4ectnt1cmb7mlgcqvwz6h5k6</sha1>
    </revision>
  </page>
  <page>
    <title>Dp-test</title>
    <ns>0</ns>
    <id>189953</id>
    <revision>
      <id>781179</id>
      <timestamp>2026-10-27T15:41:34Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <comment>Created page with &quot;*{{ill|Gebruiker:Rots61/DisamAssist|en|User:Rots61/DisamAssist}} *[[Gebruiker:Rots61/DisamAssist]] *[[Gebruiker:Rots61/DisamAssist|DisamAssist]] *[[Gebruiker:Rots61/DisamAssist#DisamAssist]] *[[Gebruiker:Rots61/DisamAssist#DisamAssist|DisamAssist]] *{{sortnaam|Gebruiker:Rots61/DisamAssist|}}&quot;</comment>
      <origin>781179</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="292" sha1="4tckc8cor25htj9hpkybeh8xjh1ngri" xml:space="preserve">*{{ill|Gebruiker:Rots61/DisamAssist|en|User:Rots61/DisamAssist}}
*[[Gebruiker:Rots61/DisamAssist]]
*[[Gebruiker:Rots61/DisamAssist|DisamAssist]]
*[[Gebruiker:Rots61/DisamAssist#DisamAssist]]
*[[Gebruiker:Rots61/DisamAssist#DisamAssist|DisamAssist]]
*{{sortnaam|Gebruiker:Rots61/DisamAssist|}}</text>
      <sha1>4tckc8cor25htj9hpkybeh8xjh1ngri</sha1>
    </revision>
    <revision>
      <id>781181</id>
      <parentid>781179</parentid>
      <timestamp>2026-10-27T15:43:17Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <origin>781181</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="164" sha1="elv69a2jufe9f1p946h2xfxv6fh1o55" xml:space="preserve">*{{ill|dp|en|User:Rots61/DisamAssist}}
*[[dp]]
*[[dp|DisamAssist]]
*[[dp#DisamAssist]]
*[[dp#DisamAssist|DisamAssist]]
*{{sortnaam|dp|}}
*{{sortnaam|dp|with space}}</text>
      <sha1>elv69a2jufe9f1p946h2xfxv6fh1o55</sha1>
    </revision>
    <revision>
      <id>781184</id>
      <parentid>781181</parentid>
      <timestamp>2026-10-27T15:44:16Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <origin>781184</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="169" sha1="g168ubel82uk3k8yd15ijj68qv4i9ti" xml:space="preserve">*{{ill|dp|en|User:Rots61/DisamAssist}}
*[[dp]]
*[[dp|DisamAssist]]
*[[dp#DisamAssist]]
*[[dp#DisamAssist|DisamAssist]]
*{{sortnaam|dp|space}}
*{{sortnaam|dp|with space}}</text>
      <sha1>g168ubel82uk3k8yd15ijj68qv4i9ti</sha1>
    </revision>
    <revision>
      <id>781187</id>
      <parentid>781184</parentid>
      <timestamp>2026-10-27T15:52:14Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <minor />
      <comment>Link naar doorverwijspagina [[Dp space]] gewijzigd in [[Test]]; gewijzigd in [[Appeltje]] met [[Gebruiker:Midas02/DisamAssist|DisamAssist]].</comment>
      <origin>781187</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="192" sha1="lf1yfawr5osb792xdneqrf3fr6g4ola" xml:space="preserve">*{{ill|dp|en|User:Rots61/DisamAssist}}
*[[Test|dp]]
*[[Test|DisamAssist]]
*[[Test|dp]]isamAssist]]
*[[Test|DisamAssist]]isamAssist]]
*{{sortnaam|dp|space|Appeltje}}
*{{sortnaam|dp|with space}}</text>
      <sha1>lf1yfawr5osb792xdneqrf3fr6g4ola</sha1>
    </revision>
    <revision>
      <id>781188</id>
      <parentid>781187</parentid>
      <timestamp>2026-10-27T15:53:54Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <comment>Undid revision [[Special:Diff/781187|781187]] by [[Special:Contributions/Rots61|Rots61]] ([[User talk:Rots61|talk]])</comment>
      <origin>781188</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="214" sha1="ickdcu3zs70n7pknfdoe2c8qk8no5pw" xml:space="preserve">*{{ill|dp|en|User:Rots61/DisamAssist}}
*[[dp]]
*[[dp|DisamAssist]]
*[[dp#DisamAssist]]
*[[dp#DisamAssist|DisamAssist]]
*{{sortnaam|dp|space}}
*{{sortnaam|dp|with space}}
*[[dp space#DisamAssist]]
*[[dp with space]]</text>
      <sha1>ickdcu3zs70n7pknfdoe2c8qk8no5pw</sha1>
    </revision>
    <revision>
      <id>781190</id>
      <parentid>781188</parentid>
      <timestamp>2026-10-27T15:57:29Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <origin>781190</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="302" sha1="jl9tpknmdj97i2405vfbnytnxtyv4wp" xml:space="preserve">*{{ill|dp|en|User:Rots61/DisamAssist}}
*[[dp]]
*[[dp|DisamAssist]]
*[[dp#DisamAssist]]
*[[dp#DisamAssist|DisamAssist]]
*{{sortnaam|dp|space}}
*{{sortnaam|dp|with space}}
*{{sortnaam|dp|with space|dp space#appel}}
*[[dp space#DisamAssist]]
*[[dp with space]]
*{{sortnaam|dp|with space|dp#appel}}
*[[dp]]</text>
      <sha1>jl9tpknmdj97i2405vfbnytnxtyv4wp</sha1>
    </revision>
    <revision>
      <id>781196</id>
      <parentid>781190</parentid>
      <timestamp>2026-10-27T16:16:44Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <origin>781196</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="359" sha1="ahue7lbzdvhqnxw8znfsiwf1au0s634" xml:space="preserve">*{{ill|dp|en|User:Rots61/DisamAssist}}
*{{ill|dp|en|User:Rots61/DisamAssist|be|tralala|fr|lol}}
*[[dp]]
*[[dp|DisamAssist]]
*[[dp#DisamAssist]]
*[[dp#DisamAssist|DisamAssist]]
*{{sortnaam|dp|space}}
*{{sortnaam|dp|with space}}
*{{sortnaam|dp|with space|dp space#appel}}
*[[dp space#DisamAssist]]
*[[dp with space]]
*{{sortnaam|dp|with space|dp#appel}}
*[[dp]]</text>
      <sha1>ahue7lbzdvhqnxw8znfsiwf1au0s634</sha1>
    </revision>
    <revision>
      <id>781197</id>
      <parentid>781196</parentid>
      <timestamp>2026-10-27T16:20:15Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <minor />
      <comment>Link naar doorverwijspagina [[Dp space]] gewijzigd in [[Test]]; gewijzigd in [[Appeltje]]; gewijzigd in [[Genot]]; gewijzigd in [[Triviaal]] met [[Gebruiker:Midas02/DisamAssist|DisamAssist]].</comment>
      <origin>781197</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="431" sha1="3qpg78jd4k812bc96on94p7dqjrgtlw" xml:space="preserve">*{{ill|Test|en|User:Rots61/DisamAssist}}
*{{ill|Appeltje|en|User:Rots61/DisamAssist|be|tralala|fr|lol}}
*[[Genot|dp]]
*[[Triviaal|DisamAssist]]
*[[Test#DisamAssist|dp]]
*[[Appeltje#DisamAssist|DisamAssist]]
*{{sortnaam|dp|space|Genot}}
*{{sortnaam|dp|with space|Triviaal}}
*{{sortnaam|dp|with space|Triviaal#appel}}
*[[Genot#DisamAssist|dp space]]
*[[Appeltje|dp with space]]
*{{sortnaam|dp|with space|Test#appel}}
*[[Appeltje|dp]]</text>
      <sha1>3qpg78jd4k812bc96on94p7dqjrgtlw</sha1>
    </revision>
    <revision>
      <id>781199</id>
      <parentid>781197</parentid>
      <timestamp>2026-10-27T16:23:07Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <comment>Undid revision [[Special:Diff/781197|781197]] by [[Special:Contributions/Rots61|Rots61]] ([[User talk:Rots61|talk]])</comment>
      <origin>781199</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="382" sha1="ig66ny1pxp298b004a3s03hy1hfeu4z" xml:space="preserve">*{{ill|dp|en|User:Rots61/DisamAssist}}
*{{ill|dp|en|User:Rots61/DisamAssist|be|tralala|fr|lol}}
*{{ill|dp with space}}
*[[dp]]
*[[dp|DisamAssist]]
*[[dp#DisamAssist]]
*[[dp#DisamAssist|DisamAssist]]
*{{sortnaam|dp|space}}
*{{sortnaam|dp|with space}}
*{{sortnaam|dp|with space|dp space#appel}}
*[[dp space#DisamAssist]]
*[[dp with space]]
*{{sortnaam|dp|with space|dp#appel}}
*[[dp]]</text>
      <sha1>ig66ny1pxp298b004a3s03hy1hfeu4z</sha1>
    </revision>
    <revision>
      <id>781200</id>
      <parentid>781199</parentid>
      <timestamp>2026-10-27T16:24:05Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <minor />
      <comment>Link naar doorverwijspagina [[Dp space]] gewijzigd in [[Test]]; gewijzigd in [[Appeltje]]; gewijzigd in [[Genot]]; gewijzigd in [[Triviaal]] met [[Gebruiker:Midas02/DisamAssist|DisamAssist]].</comment>
      <origin>781200</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="433" sha1="pdt9tl51q3k6tpy4644qx57hpjvrwqd" xml:space="preserve">*{{ill|Test|en|User:Rots61/DisamAssist}}
*{{ill|Appeltje|en|User:Rots61/DisamAssist|be|tralala|fr|lol}}
*{{ill|Genot||}}
*[[dp]]
*[[Triviaal|DisamAssist]]
*[[Triviaal#DisamAssist|dp]]
*[[Genot#DisamAssist|DisamAssist]]
*{{sortnaam|dp|space|Appeltje}}
*{{sortnaam|dp|with space|Test}}
*{{sortnaam|dp|with space|Test#appel}}
*[[dp space#DisamAssist]]
*[[Genot|dp with space]]
*{{sortnaam|dp|with space|Appeltje#appel}}
*[[Triviaal|dp]]</text>
      <sha1>pdt9tl51q3k6tpy4644qx57hpjvrwqd</sha1>
    </revision>
    <revision>
      <id>781201</id>
      <parentid>781200</parentid>
      <timestamp>2026-10-27T16:26:18Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <origin>781201</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="482" sha1="40ystj2sdj4fmj48i8krfoa1nj01y9c" xml:space="preserve">*{{ill|dp|en|User:Rots61/DisamAssist}}
*{{ill|dp|en|User:Rots61/DisamAssist|be|tralala|fr|lol}}
*{{ill|dp with space}}
*[[dp]]
*[[dp|DisamAssist]]
*[[dp#DisamAssist]]
*[[dp#DisamAssist|DisamAssist]]
*{{sortnaam|dp|space}}
*{{sortnaam|dp|with space}}
*{{sortnaam|dp|with space|dp space#appel}}
*[[dp space#DisamAssist]]
*[[dp space#DisamAssist|OEIOEI]]
*[[dp with space#DisamAssist]]
*[[dp with space#DisamAssist|JAJA]]
*[[dp with space]]
*{{sortnaam|dp|with space|dp#appel}}
*[[dp]]</text>
      <sha1>40ystj2sdj4fmj48i8krfoa1nj01y9c</sha1>
    </revision>
    <revision>
      <id>781203</id>
      <parentid>781201</parentid>
      <timestamp>2026-10-27T16:29:16Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <minor />
      <comment>Link naar doorverwijspagina [[Dp space]] gewijzigd in [[Test]]; gewijzigd in [[Appeltje]]; gewijzigd in [[Genot]]; gewijzigd in [[Triviaal]] met [[Gebruiker:Midas02/DisamAssist|DisamAssist]].</comment>
      <origin>781203</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="524" sha1="afwx9hpp6aayp2yn03p4fmkswx97vvc" xml:space="preserve">*{{ill|Test|en|User:Rots61/DisamAssist}}
*{{ill|Appeltje|en|User:Rots61/DisamAssist|be|tralala|fr|lol}}
*{{ill|Test||}}
*[[dp]]
*[[Appeltje|DisamAssist]]
*[[Appeltje#DisamAssist|dp]]
*[[Genot#DisamAssist|DisamAssist]]
*{{sortnaam|dp|space|Test}}
*{{sortnaam|dp|with space|Appeltje}}
*{{sortnaam|dp|with space|Genot#appel}}
*[[dp space#DisamAssist]]
*[[Triviaal#DisamAssist|OEIOEI]]
*[[Genot#DisamAssist|dp with space]]
*[[Appeltje#DisamAssist|JAJA]]
*[[dp with space]]
*{{sortnaam|dp|with space|Test#appel}}
*[[Appeltje|dp]]</text>
      <sha1>afwx9hpp6aayp2yn03p4fmkswx97vvc</sha1>
    </revision>
    <revision>
      <id>781205</id>
      <parentid>781203</parentid>
      <timestamp>2026-10-27T16:29:37Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <comment>Undid revision [[Special:Diff/781203|781203]] by [[Special:Contributions/Rots61|Rots61]] ([[User talk:Rots61|talk]])</comment>
      <origin>781205</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="482" sha1="40ystj2sdj4fmj48i8krfoa1nj01y9c" xml:space="preserve">*{{ill|dp|en|User:Rots61/DisamAssist}}
*{{ill|dp|en|User:Rots61/DisamAssist|be|tralala|fr|lol}}
*{{ill|dp with space}}
*[[dp]]
*[[dp|DisamAssist]]
*[[dp#DisamAssist]]
*[[dp#DisamAssist|DisamAssist]]
*{{sortnaam|dp|space}}
*{{sortnaam|dp|with space}}
*{{sortnaam|dp|with space|dp space#appel}}
*[[dp space#DisamAssist]]
*[[dp space#DisamAssist|OEIOEI]]
*[[dp with space#DisamAssist]]
*[[dp with space#DisamAssist|JAJA]]
*[[dp with space]]
*{{sortnaam|dp|with space|dp#appel}}
*[[dp]]</text>
      <sha1>40ystj2sdj4fmj48i8krfoa1nj01y9c</sha1>
    </revision>
    <revision>
      <id>781208</id>
      <parentid>781205</parentid>
      <timestamp>2026-10-27T16:32:07Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <minor />
      <comment>Link naar doorverwijspagina [[Dp space]] gewijzigd in [[Test]]; gewijzigd in [[Appeltje]]; gewijzigd in [[Genot]] met [[Gebruiker:Midas02/DisamAssist|DisamAssist]].</comment>
      <origin>781208</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="524" sha1="0ns63ojm2hakfogzk8c4qe58im597sj" xml:space="preserve">*{{ill|dp|en|User:Rots61/DisamAssist}}
*{{ill|dp|en|User:Rots61/DisamAssist|be|tralala|fr|lol}}
*{{ill|dp with space}}
*[[Test|dp]]
*[[Appeltje|DisamAssist]]
*[[Genot|dp]]isamAssist]]
*[[Genot|DisamAssist]]isamAssist]]
*{{sortnaam|dp|space}}
*{{sortnaam|dp|with space}}
*{{sortnaam|dp|with space|dp space#appel}}
*[[Genot|dp space]]isamAssist]]
*[[Genot|OEIOEI]]ist|OEIOEI]]
*[[Genot|dp with space]]isamAssist]]
*[[Appeltje|JAJA]]ssist|JAJA]]
*[[Appeltje|dp with space]]
*{{sortnaam|dp|with space|dp#appel}}
*[[Appeltje|dp]]</text>
      <sha1>0ns63ojm2hakfogzk8c4qe58im597sj</sha1>
    </revision>
    <revision>
      <id>781209</id>
      <parentid>781208</parentid>
      <timestamp>2026-10-27T16:32:29Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <comment>Undid revision [[Special:Diff/781208|781208]] by [[Special:Contributions/Rots61|Rots61]] ([[User talk:Rots61|talk]])</comment>
      <origin>781209</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="482" sha1="40ystj2sdj4fmj48i8krfoa1nj01y9c" xml:space="preserve">*{{ill|dp|en|User:Rots61/DisamAssist}}
*{{ill|dp|en|User:Rots61/DisamAssist|be|tralala|fr|lol}}
*{{ill|dp with space}}
*[[dp]]
*[[dp|DisamAssist]]
*[[dp#DisamAssist]]
*[[dp#DisamAssist|DisamAssist]]
*{{sortnaam|dp|space}}
*{{sortnaam|dp|with space}}
*{{sortnaam|dp|with space|dp space#appel}}
*[[dp space#DisamAssist]]
*[[dp space#DisamAssist|OEIOEI]]
*[[dp with space#DisamAssist]]
*[[dp with space#DisamAssist|JAJA]]
*[[dp with space]]
*{{sortnaam|dp|with space|dp#appel}}
*[[dp]]</text>
      <sha1>40ystj2sdj4fmj48i8krfoa1nj01y9c</sha1>
    </revision>
    <revision>
      <id>781211</id>
      <parentid>781209</parentid>
      <timestamp>2026-10-27T16:35:08Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <minor />
      <comment>Link naar doorverwijspagina [[Dp space]] gewijzigd in [[Test]]; gewijzigd in [[Appeltje]]; gewijzigd in [[Genot]]; gewijzigd in [[Triviaal]] met [[Gebruiker:Midas02/DisamAssist|DisamAssist]].</comment>
      <origin>781211</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="526" sha1="subnkzswg0nn7uuefuwr3dou4sch215" xml:space="preserve">*{{ill|dp|en|User:Rots61/DisamAssist}}
*{{ill|dp|en|User:Rots61/DisamAssist|be|tralala|fr|lol}}
*{{ill|dp with space}}
*[[Test|dp]]
*[[Appeltje|DisamAssist]]
*[[Genot|dp]]isamAssist]]
*[[Triviaal|DisamAssist]]isamAssist]]
*{{sortnaam|dp|space}}
*{{sortnaam|dp|with space}}
*{{sortnaam|dp|with space|dp space#appel}}
*[[Genot|dp space]]isamAssist]]
*[[Appeltje|OEIOEI]]ist|OEIOEI]]
*[[Test|dp with space]]isamAssist]]
*[[Appeltje|JAJA]]ssist|JAJA]]
*[[Triviaal|dp with space]]
*{{sortnaam|dp|with space|dp#appel}}
*[[Genot|dp]]</text>
      <sha1>subnkzswg0nn7uuefuwr3dou4sch215</sha1>
    </revision>
    <revision>
      <id>781213</id>
      <parentid>781211</parentid>
      <timestamp>2026-10-27T16:36:44Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <comment>Undid revision [[Special:Diff/781211|781211]] by [[Special:Contributions/Rots61|Rots61]] ([[User talk:Rots61|talk]])</comment>
      <origin>781213</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="482" sha1="40ystj2sdj4fmj48i8krfoa1nj01y9c" xml:space="preserve">*{{ill|dp|en|User:Rots61/DisamAssist}}
*{{ill|dp|en|User:Rots61/DisamAssist|be|tralala|fr|lol}}
*{{ill|dp with space}}
*[[dp]]
*[[dp|DisamAssist]]
*[[dp#DisamAssist]]
*[[dp#DisamAssist|DisamAssist]]
*{{sortnaam|dp|space}}
*{{sortnaam|dp|with space}}
*{{sortnaam|dp|with space|dp space#appel}}
*[[dp space#DisamAssist]]
*[[dp space#DisamAssist|OEIOEI]]
*[[dp with space#DisamAssist]]
*[[dp with space#DisamAssist|JAJA]]
*[[dp with space]]
*{{sortnaam|dp|with space|dp#appel}}
*[[dp]]</text>
      <sha1>40ystj2sdj4fmj48i8krfoa1nj01y9c</sha1>
    </revision>
    <revision>
      <id>781214</id>
      <parentid>781213</parentid>
      <timestamp>2026-10-27T16:37:02Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <minor />
      <comment>Link naar doorverwijspagina [[Dp space]] gewijzigd in [[Test]]; gewijzigd in [[Appeltje]]; gewijzigd in [[Triviaal]]; gewijzigd in [[Genot]] met [[Gebruiker:Midas02/DisamAssist|DisamAssist]].</comment>
      <origin>781214</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="508" sha1="1qofagjb5ekxj6f6cbh41qhzgwrtwp9" xml:space="preserve">*{{ill|dp|en|User:Rots61/DisamAssist}}
*{{ill|dp|en|User:Rots61/DisamAssist|be|tralala|fr|lol}}
*{{ill|dp with space}}
*[[Test|dp]]
*[[Appeltje|DisamAssist]]
*[[dp#DisamAssist]]
*[[dp#DisamAssist|DisamAssist]]
*{{sortnaam|dp|space}}
*{{sortnaam|dp|with space}}
*{{sortnaam|dp|with space|dp space#appel}}
*[[dp space#DisamAssist]]
*[[dp space#DisamAssist|OEIOEI]]
*[[dp with space#DisamAssist]]
*[[dp with space#DisamAssist|JAJA]]
*[[Triviaal|dp with space]]
*{{sortnaam|dp|with space|dp#appel}}
*[[Genot|dp]]</text>
      <sha1>1qofagjb5ekxj6f6cbh41qhzgwrtwp9</sha1>
    </revision>
    <revision>
      <id>781215</id>
      <parentid>781214</parentid>
      <timestamp>2026-10-27T16:37:28Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <comment>Undid revision [[Special:Diff/781214|781214]] by [[Special:Contributions/Rots61|Rots61]] ([[User talk:Rots61|talk]])</comment>
      <origin>781215</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="482" sha1="40ystj2sdj4fmj48i8krfoa1nj01y9c" xml:space="preserve">*{{ill|dp|en|User:Rots61/DisamAssist}}
*{{ill|dp|en|User:Rots61/DisamAssist|be|tralala|fr|lol}}
*{{ill|dp with space}}
*[[dp]]
*[[dp|DisamAssist]]
*[[dp#DisamAssist]]
*[[dp#DisamAssist|DisamAssist]]
*{{sortnaam|dp|space}}
*{{sortnaam|dp|with space}}
*{{sortnaam|dp|with space|dp space#appel}}
*[[dp space#DisamAssist]]
*[[dp space#DisamAssist|OEIOEI]]
*[[dp with space#DisamAssist]]
*[[dp with space#DisamAssist|JAJA]]
*[[dp with space]]
*{{sortnaam|dp|with space|dp#appel}}
*[[dp]]</text>
      <sha1>40ystj2sdj4fmj48i8krfoa1nj01y9c</sha1>
    </revision>
    <revision>
      <id>781218</id>
      <parentid>781215</parentid>
      <timestamp>2026-10-27T16:45:36Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <minor />
      <comment>Link naar doorverwijspagina [[Dp space]] gewijzigd in [[Test]]; gewijzigd in [[Appeltje]]; gewijzigd in [[Genot]]; gewijzigd in [[Triviaal]] met [[Gebruiker:Midas02/DisamAssist|DisamAssist]].</comment>
      <origin>781218</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="531" sha1="l8v0mqad78hqjn6q4mkj0a3zejlmhvz" xml:space="preserve">*{{ill|Test|en|User:Rots61/DisamAssist}}
*{{ill|Appeltje|en|User:Rots61/DisamAssist|be|tralala|fr|lol}}
*{{ill|Genot||}}
*[[dp]]
*[[Test|DisamAssist]]
*[[Appeltje#DisamAssist|dp]]
*[[Genot#DisamAssist|DisamAssist]]
*{{sortnaam|dp|space|Triviaal}}
*{{sortnaam|dp|with space|Genot}}
*{{sortnaam|dp|with space|Appeltje#appel}}
*[[Test#DisamAssist|dp space]]
*[[Appeltje#DisamAssist|OEIOEI]]
*[[Genot#DisamAssist|dp with space]]
*[[Triviaal#DisamAssist|JAJA]]
*[[dp with space]]
*{{sortnaam|dp|with space|Genot#appel}}
*[[Appeltje|dp]]</text>
      <sha1>l8v0mqad78hqjn6q4mkj0a3zejlmhvz</sha1>
    </revision>
    <revision>
      <id>781219</id>
      <parentid>781218</parentid>
      <timestamp>2026-10-27T16:47:49Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <comment>Undid revision [[Special:Diff/781218|781218]] by [[Special:Contributions/Rots61|Rots61]] ([[User talk:Rots61|talk]])</comment>
      <origin>781219</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="555" sha1="gfbznedeho4qn3hykn823sdr3pp3l24" xml:space="preserve">*{{ill|dp|en|User:Rots61/DisamAssist}}
*{{ill|dp|en|User:Rots61/DisamAssist|be|tralala|fr|lol}}
*{{ill|dp with space}}
*[[dp]]
*[[dp|DisamAssist]]
*[[dp|DisamAssist]]
*[[dp|DisamAssist]]
*[[dp#DisamAssist]]
*[[dp#DisamAssist|DisamAssist]]
*{{sortnaam|dp|space}}
*{{sortnaam|dp|with space}}
*{{sortnaam|dp|with space|dp space#appel}}
*[[dp space#DisamAssist]]
*[[dp space#DisamAssist|OEIOEI]]
*[[dp with space#DisamAssist]]
*[[dp with space#DisamAssist|JAJA]]
*[[dp with space]]
*[[dp space]]
*[[dp with space]]
*{{sortnaam|dp|with space|dp#appel}}
*[[dp]]</text>
      <sha1>gfbznedeho4qn3hykn823sdr3pp3l24</sha1>
    </revision>
    <revision>
      <id>781220</id>
      <parentid>781219</parentid>
      <timestamp>2026-10-27T16:48:22Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <minor />
      <comment>Link naar doorverwijspagina [[Dp space]] gewijzigd in [[Test]] met [[Gebruiker:Midas02/DisamAssist|DisamAssist]].</comment>
      <origin>781220</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="575" sha1="kpbsufvoaox1nv9h6lpkj427z1qjo3h" xml:space="preserve">*{{ill|Test|en|User:Rots61/DisamAssist}}
*{{ill|Test|en|User:Rots61/DisamAssist|be|tralala|fr|lol}}
*{{ill|Test||}}
*[[dp]]
*[[Test|DisamAssist]]
*[[Test|DisamAssist]]
*[[Test|DisamAssist]]
*[[Test#DisamAssist|dp]]
*[[Test#DisamAssist|DisamAssist]]
*{{sortnaam|dp|space|Test}}
*{{sortnaam|dp|with space|Test}}
*{{sortnaam|dp|with space|Test#appel}}
*[[dp space#DisamAssist]]
*[[Test#DisamAssist|OEIOEI]]
*[[dp with space#DisamAssist]]
*[[Test#DisamAssist|JAJA]]
*[[dp with space]]
*[[Test|dp space]]
*[[Test|dp with space]]
*{{sortnaam|dp|with space|Test#appel}}
*[[Test|dp]]</text>
      <sha1>kpbsufvoaox1nv9h6lpkj427z1qjo3h</sha1>
    </revision>
    <revision>
      <id>781222</id>
      <parentid>781220</parentid>
      <timestamp>2026-10-27T16:50:19Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <comment>Undid revision [[Special:Diff/781220|781220]] by [[Special:Contributions/Rots61|Rots61]] ([[User talk:Rots61|talk]])</comment>
      <origin>781222</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="555" sha1="gfbznedeho4qn3hykn823sdr3pp3l24" xml:space="preserve">*{{ill|dp|en|User:Rots61/DisamAssist}}
*{{ill|dp|en|User:Rots61/DisamAssist|be|tralala|fr|lol}}
*{{ill|dp with space}}
*[[dp]]
*[[dp|DisamAssist]]
*[[dp|DisamAssist]]
*[[dp|DisamAssist]]
*[[dp#DisamAssist]]
*[[dp#DisamAssist|DisamAssist]]
*{{sortnaam|dp|space}}
*{{sortnaam|dp|with space}}
*{{sortnaam|dp|with space|dp space#appel}}
*[[dp space#DisamAssist]]
*[[dp space#DisamAssist|OEIOEI]]
*[[dp with space#DisamAssist]]
*[[dp with space#DisamAssist|JAJA]]
*[[dp with space]]
*[[dp space]]
*[[dp with space]]
*{{sortnaam|dp|with space|dp#appel}}
*[[dp]]</text>
      <sha1>gfbznedeho4qn3hykn823sdr3pp3l24</sha1>
    </revision>
    <revision>
      <id>781223</id>
      <parentid>781222</parentid>
      <timestamp>2026-10-27T16:50:44Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <minor />
      <comment>Link naar doorverwijspagina [[Dp space]] gewijzigd in [[Appeltje]] met [[Gebruiker:Midas02/DisamAssist|DisamAssist]].</comment>
      <origin>781223</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="679" sha1="9ihozeep1uor2d9n4prq2rzlix9uhg6" xml:space="preserve">*{{ill|Appeltje|en|User:Rots61/DisamAssist}}
*{{ill|Appeltje|en|User:Rots61/DisamAssist|be|tralala|fr|lol}}
*{{ill|Appeltje||}}
*[[Appeltje|dp]]
*[[Appeltje|DisamAssist]]
*[[Appeltje|DisamAssist]]
*[[Appeltje|DisamAssist]]
*[[Appeltje#DisamAssist|dp]]
*[[Appeltje#DisamAssist|DisamAssist]]
*{{sortnaam|dp|space|Appeltje}}
*{{sortnaam|dp|with space|Appeltje}}
*{{sortnaam|dp|with space|Appeltje#appel}}
*[[Appeltje#DisamAssist|dp space]]
*[[Appeltje#DisamAssist|OEIOEI]]
*[[Appeltje#DisamAssist|dp with space]]
*[[Appeltje#DisamAssist|JAJA]]
*[[Appeltje|dp with space]]
*[[Appeltje|dp space]]
*[[Appeltje|dp with space]]
*{{sortnaam|dp|with space|Appeltje#appel}}
*[[Appeltje|dp]]</text>
      <sha1>9ihozeep1uor2d9n4prq2rzlix9uhg6</sha1>
    </revision>
    <revision>
      <id>781224</id>
      <parentid>781223</parentid>
      <timestamp>2026-10-27T16:54:21Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <comment>Undid revision [[Special:Diff/781223|781223]] by [[Special:Contributions/Rots61|Rots61]] ([[User talk:Rots61|talk]])</comment>
      <origin>781224</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="555" sha1="gfbznedeho4qn3hykn823sdr3pp3l24" xml:space="preserve">*{{ill|dp|en|User:Rots61/DisamAssist}}
*{{ill|dp|en|User:Rots61/DisamAssist|be|tralala|fr|lol}}
*{{ill|dp with space}}
*[[dp]]
*[[dp|DisamAssist]]
*[[dp|DisamAssist]]
*[[dp|DisamAssist]]
*[[dp#DisamAssist]]
*[[dp#DisamAssist|DisamAssist]]
*{{sortnaam|dp|space}}
*{{sortnaam|dp|with space}}
*{{sortnaam|dp|with space|dp space#appel}}
*[[dp space#DisamAssist]]
*[[dp space#DisamAssist|OEIOEI]]
*[[dp with space#DisamAssist]]
*[[dp with space#DisamAssist|JAJA]]
*[[dp with space]]
*[[dp space]]
*[[dp with space]]
*{{sortnaam|dp|with space|dp#appel}}
*[[dp]]</text>
      <sha1>gfbznedeho4qn3hykn823sdr3pp3l24</sha1>
    </revision>
    <revision>
      <id>781227</id>
      <parentid>781224</parentid>
      <timestamp>2026-10-27T16:58:39Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <minor />
      <comment>Link naar doorverwijspagina [[Dp space]] link overgeslagen; gewijzigd in [[Test]] met [[Gebruiker:Midas02/DisamAssist|DisamAssist]].</comment>
      <origin>781227</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="548" sha1="8kptgcwqldpj7thi5p2ut80z28o5rp4" xml:space="preserve">*{{ill|dp|en|User:Rots61/DisamAssist}}
*{{ill|dp|en|User:Rots61/DisamAssist|be|tralala|fr|lol}}
*{{ill|Test||}}
*[[dp]]
*[[dp|DisamAssist]]
*[[dp|DisamAssist]]
*[[dp|DisamAssist]]
*[[dp#DisamAssist]]
*[[dp#DisamAssist|DisamAssist]]
*{{sortnaam|dp|space}}
*{{sortnaam|dp|with space}}
*{{sortnaam|dp|with space|dp space#appel}}
*[[dp space#DisamAssist]]
*[[dp space#DisamAssist|OEIOEI]]
*[[dp with space#DisamAssist]]
*[[dp with space#DisamAssist|JAJA]]
*[[dp with space]]
*[[dp space]]
*[[dp with space]]
*{{sortnaam|dp|with space|dp#appel}}
*[[dp]]</text>
      <sha1>8kptgcwqldpj7thi5p2ut80z28o5rp4</sha1>
    </revision>
    <revision>
      <id>781230</id>
      <parentid>781227</parentid>
      <timestamp>2026-10-27T17:05:36Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <comment>Undid revision [[Special:Diff/781227|781227]] by [[Special:Contributions/Rots61|Rots61]] ([[User talk:Rots61|talk]])</comment>
      <origin>781230</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="555" sha1="gfbznedeho4qn3hykn823sdr3pp3l24" xml:space="preserve">*{{ill|dp|en|User:Rots61/DisamAssist}}
*{{ill|dp|en|User:Rots61/DisamAssist|be|tralala|fr|lol}}
*{{ill|dp with space}}
*[[dp]]
*[[dp|DisamAssist]]
*[[dp|DisamAssist]]
*[[dp|DisamAssist]]
*[[dp#DisamAssist]]
*[[dp#DisamAssist|DisamAssist]]
*{{sortnaam|dp|space}}
*{{sortnaam|dp|with space}}
*{{sortnaam|dp|with space|dp space#appel}}
*[[dp space#DisamAssist]]
*[[dp space#DisamAssist|OEIOEI]]
*[[dp with space#DisamAssist]]
*[[dp with space#DisamAssist|JAJA]]
*[[dp with space]]
*[[dp space]]
*[[dp with space]]
*{{sortnaam|dp|with space|dp#appel}}
*[[dp]]</text>
      <sha1>gfbznedeho4qn3hykn823sdr3pp3l24</sha1>
    </revision>
    <revision>
      <id>781231</id>
      <parentid>781230</parentid>
      <timestamp>2026-10-27T17:06:18Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <minor />
      <comment>Link naar doorverwijspagina [[Dp space]] gewijzigd in [[Test]] met [[Gebruiker:Midas02/DisamAssist|DisamAssist]].</comment>
      <origin>781231</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="575" sha1="kpbsufvoaox1nv9h6lpkj427z1qjo3h" xml:space="preserve">*{{ill|Test|en|User:Rots61/DisamAssist}}
*{{ill|Test|en|User:Rots61/DisamAssist|be|tralala|fr|lol}}
*{{ill|Test||}}
*[[dp]]
*[[Test|DisamAssist]]
*[[Test|DisamAssist]]
*[[Test|DisamAssist]]
*[[Test#DisamAssist|dp]]
*[[Test#DisamAssist|DisamAssist]]
*{{sortnaam|dp|space|Test}}
*{{sortnaam|dp|with space|Test}}
*{{sortnaam|dp|with space|Test#appel}}
*[[dp space#DisamAssist]]
*[[Test#DisamAssist|OEIOEI]]
*[[dp with space#DisamAssist]]
*[[Test#DisamAssist|JAJA]]
*[[dp with space]]
*[[Test|dp space]]
*[[Test|dp with space]]
*{{sortnaam|dp|with space|Test#appel}}
*[[Test|dp]]</text>
      <sha1>kpbsufvoaox1nv9h6lpkj427z1qjo3h</sha1>
    </revision>
    <revision>
      <id>781232</id>
      <parentid>781231</parentid>
      <timestamp>2026-10-27T17:06:33Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <minor />
      <comment>Link naar doorverwijspagina [[Dp space]] gewijzigd in [[Test]] met [[Gebruiker:Midas02/DisamAssist|DisamAssist]].</comment>
      <origin>781232</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="595" sha1="m8e3dj9y6ij8a2q1knejvivbsdterph" xml:space="preserve">*{{ill|Test|en|User:Rots61/DisamAssist}}
*{{ill|Test|en|User:Rots61/DisamAssist|be|tralala|fr|lol}}
*{{ill|Test||}}
*[[Test|dp]]
*[[Test|DisamAssist]]
*[[Test|DisamAssist]]
*[[Test|DisamAssist]]
*[[Test#DisamAssist|dp]]
*[[Test#DisamAssist|DisamAssist]]
*{{sortnaam|dp|space|Test}}
*{{sortnaam|dp|with space|Test}}
*{{sortnaam|dp|with space|Test#appel}}
*[[Test#DisamAssist|dp space]]
*[[Test#DisamAssist|OEIOEI]]
*[[Test#DisamAssist|dp with space]]
*[[Test#DisamAssist|JAJA]]
*[[Test|dp with space]]
*[[Test|dp space]]
*[[Test|dp with space]]
*{{sortnaam|dp|with space|Test#appel}}
*[[Test|dp]]</text>
      <sha1>m8e3dj9y6ij8a2q1knejvivbsdterph</sha1>
    </revision>
    <revision>
      <id>781233</id>
      <parentid>781232</parentid>
      <timestamp>2026-10-27T17:08:13Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <origin>781233</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="586" sha1="7oxyrxaxfzlrurcqc9ipg0fq6n0qjc5" xml:space="preserve">*{{ill|dp|en|User:Rots61/DisamAssist}}
*{{ill|dp|en|User:Rots61/DisamAssist|be|tralala|fr|lol}}
*{{ill|dp with space}}
*[[dp]]
*[[dp|DisamAssist]]
*[[dp|DisamAssist]]
*[[dp|DisamAssist]]
*[[dp#DisamAssist]]
*[[dp#DisamAssist|DisamAssist]]
*{{sortnaam|dp|space}}
*{{sortnaam|dp|with space}}
*{{sortnaam|dp|with space|dp space#appel}}
*[[dp space#DisamAssist]]
*[[dp space#DisamAssist|OEIOEI]]
*[[dp with space#DisamAssist]]
*[[dp with space#DisamAssist|JAJA]]
*[[dp with space]]
*[[dp space]]
*[[dp with space]]
*{{sortnaam|dp|with space|dp#appel}}
*[[dp]]
[[File:test.png|[[dp space]]]]</text>
      <sha1>7oxyrxaxfzlrurcqc9ipg0fq6n0qjc5</sha1>
    </revision>
    <revision>
      <id>781234</id>
      <parentid>781233</parentid>
      <timestamp>2026-10-27T17:08:39Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <origin>781234</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="592" sha1="4rm38xlih0bxj6vmkkb3sy3bv3x4rm0" xml:space="preserve">*{{ill|dp|en|User:Rots61/DisamAssist}}
*{{ill|dp|en|User:Rots61/DisamAssist|be|tralala|fr|lol}}
*{{ill|dp with space}}
*[[dp]]
*[[dp|DisamAssist]]
*[[dp|DisamAssist]]
*[[dp|DisamAssist]]
*[[dp#DisamAssist]]
*[[dp#DisamAssist|DisamAssist]]
*{{sortnaam|dp|space}}
*{{sortnaam|dp|with space}}
*{{sortnaam|dp|with space|dp space#appel}}
*[[dp space#DisamAssist]]
*[[dp space#DisamAssist|OEIOEI]]
*[[dp with space#DisamAssist]]
*[[dp with space#DisamAssist|JAJA]]
*[[dp with space]]
*[[dp space]]
*[[dp with space]]
*{{sortnaam|dp|with space|dp#appel}}
*[[dp]]
[[File:test.png|thumb|[[dp space]]]]</text>
      <sha1>4rm38xlih0bxj6vmkkb3sy3bv3x4rm0</sha1>
    </revision>
  </page>
  <page>
    <title>Dp with space</title>
    <ns>0</ns>
    <id>189954</id>
    <redirect title="Dp space" />
    <revision>
      <id>781180</id>
      <timestamp>2026-10-27T15:42:36Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <comment>Redirected page to [[Dp]]</comment>
      <origin>781180</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="15" sha1="hh7ggen5vrxyc235ci6hf3k5s56d2au" xml:space="preserve">#redirect[[dp]]</text>
      <sha1>hh7ggen5vrxyc235ci6hf3k5s56d2au</sha1>
    </revision>
    <revision>
      <id>781185</id>
      <parentid>781180</parentid>
      <timestamp>2026-10-27T15:47:42Z</timestamp>
      <contributor>
        <username>Xqbot</username>
        <id>25938</id>
      </contributor>
      <minor />
      <comment>Fixing double redirect from [[Dp]] to [[Dp space]]</comment>
      <origin>781185</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="22" sha1="03rgtr6mrrf7w58wu3c5wp6tamo85a4" xml:space="preserve">#REDIRECT [[Dp space]]</text>
      <sha1>03rgtr6mrrf7w58wu3c5wp6tamo85a4</sha1>
    </revision>
  </page>
  <page>
    <title>Dp</title>
    <ns>0</ns>
    <id>189955</id>
    <redirect title="Dp space" />
    <revision>
      <id>781183</id>
      <timestamp>2026-10-27T15:44:02Z</timestamp>
      <contributor>
        <username>Rots61</username>
        <id>44293</id>
      </contributor>
      <comment>Rots61 moved page [[Dp]] to [[Dp space]]</comment>
      <origin>781183</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="69" sha1="gnjo2tbgyxasv08gzjf1naou20p46vd" xml:space="preserve">#REDIRECT [[Dp space]]

{{Redirect category shell|
{{R from move}}
}}</text>
      <sha1>gnjo2tbgyxasv08gzjf1naou20p46vd</sha1>
    </revision>
  </page>
  <page>
    <title>Template:User-ainb</title>
    <ns>10</ns>
    <id>189956</id>
    <revision>
      <id>781244</id>
      <timestamp>2026-10-27T19:56:14Z</timestamp>
      <contributor>
        <username>DVRTed</username>
        <id>55993</id>
      </contributor>
      <comment>copying https://en.wikipedia.org/w/index.php?title=Template:User-ainb&amp;action=edit</comment>
      <origin>781244</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="569" sha1="jl959yfojpmlnjjnh3j61rmoqqusj4n" xml:space="preserve">&lt;includeonly&gt;&lt;span class=&quot;plainlinks userlinks ainb-userlinks&quot;&gt;{{User-multi&lt;noinclude&gt;/template&lt;/noinclude&gt;
 | user = {{{1|{{{User|{{{user|}}}}}}}}}
 | noping = {{#if:{{#invoke:IPAddress|isIpOrRange|{{{1|}}}}}|no|yes}}
 | uic = yes
 | 1 = t
 | 2 = c
 | 3 = bl
 | 4 = efl
 | 5 = pg &lt;!-- experimental, page creations --&gt;
 | 6 = ca
 | 7 = ct }}&lt;/span&gt;{{#ifeq:{{NAMESPACE}}|Talk||{{#ifeq:{{NAMESPACE}}|Template||__NOINDEX__}}}}&lt;/includeonly&gt;&lt;noinclude&gt;
{{documentation}}
&lt;!-- Please add categories to the /doc subpage; interwikis go to Wikidata, thank you! --&gt;
&lt;/noinclude&gt;</text>
      <sha1>jl959yfojpmlnjjnh3j61rmoqqusj4n</sha1>
    </revision>
  </page>
  <page>
    <title>Template:User-multi/template</title>
    <ns>10</ns>
    <id>189957</id>
    <revision>
      <id>781246</id>
      <timestamp>2026-10-27T20:00:29Z</timestamp>
      <contributor>
        <username>DVRTed</username>
        <id>55993</id>
      </contributor>
      <comment>copying https://en.wikipedia.org/w/index.php?title=Template:User-multi/template</comment>
      <origin>781246</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="3212" sha1="me1j4w8g7vgwk7qgzl17f6toydfr7vf" xml:space="preserve">{{#invoke:UserLinks|main|user=Example|User=Example}}{{#ifeq:{{{doc&lt;noinclude&gt;|yes&lt;/noinclude&gt;}}}|yes
 |{{documentation
  |content=
{{#ifeq:{{#invoke:High-use|num|x|demo={{ROOTPAGENAME}}}}|many||{{High-use|demo={{ROOTPAGENAME}}}}}}
{{lua|Module:UserLinks}}

This is a user link template for use internally on Wikipedia.

=== Usage ===
The username can be defined via a named or an unnamed parameter, i.e.
* &lt;code&gt;&lt;nowiki&gt;{{&lt;/nowiki&gt;{{BASEPAGENAME}}&lt;nowiki&gt;|&lt;/nowiki&gt;{{#ifeq:{{{User|¬}}}|¬||User}}{{#ifeq:{{{user|¬}}}|¬||user}}&lt;nowiki&gt;=USERNAME}}&lt;/nowiki&gt;&lt;/code&gt; or
* &lt;code&gt;&lt;nowiki&gt;{{&lt;/nowiki&gt;{{BASEPAGENAME}}&lt;nowiki&gt;|USERNAME}}&lt;/nowiki&gt;&lt;/code&gt;

=== Examples ===
* &lt;code&gt;&lt;nowiki&gt;{{&lt;/nowiki&gt;{{BASEPAGENAME}}&lt;nowiki&gt;|Jimbo Wales}}&lt;/nowiki&gt;&lt;/code&gt;  → {{ {{BASEPAGENAME}}|User=Jimbo Wales}}

In cases of usernames which contain = sign, the former syntax should be used, e.g.
* &lt;code&gt;&lt;nowiki&gt;{{&lt;/nowiki&gt;{{BASEPAGENAME}}&lt;nowiki&gt;|&lt;/nowiki&gt;{{#ifeq:{{{User|¬}}}|¬||User}}{{#ifeq:{{{user|¬}}}|¬||user}}&lt;nowiki&gt;=Billbailey=legend}}&lt;/nowiki&gt;&lt;/code&gt; → {{ {{BASEPAGENAME}}|User=Billbailey=legend}}

=== Parameters ===
{{#ifeq:{{{User|¬}}}|¬|
|* ''User'' is a required parameter, e.g. {{para|User|Jimbo Wales}}.
}}{{#ifeq:{{{user|¬}}}|¬|
|* ''user'' is a required parameter, e.g. {{para|user|Jimbo Wales}}.
}}{{#ifeq:{{{Project|¬}}}|¬|
|* ''Project'' defines a [[Wikipedia:Wikimedia sister projects|Wikimedia sister project]] to be used instead of the English Wikipedia, the correct code for the [[Help:Interwikimedia links|interwiki]] link should be used, e.g. {{para|Project|b}}. 
}}{{#ifeq:{{{project|¬}}}|¬|
|* ''project'' defines a [[Wikipedia:Wikimedia sister projects|Wikimedia sister project]] to be used instead of the English Wikipedia, the correct code for the [[Help:Interwikimedia links|interwiki]] link should be used, e.g. {{para|project|b}}.
}}{{#ifeq:{{{Lang|¬}}}|¬|
|* ''Lang'' is the [[Help:Interlanguage links|interlanguage]] code for a project to be used instead of the English Wikipedia, e.g. {{para|Lang|es}}. This can be used in conjunction with the project parameter. 
}}{{#ifeq:{{{lang|¬}}}|¬|
|* ''lang'' is the [[Help:Interlanguage links|interlanguage]] code for a project to be used instead of the English Wikipedia, e.g. {{para|lang|es}}. This can be used in conjunction with the project parameter.
}}{{#ifeq:{{{small|¬}}}|¬|
|* ''small'' causes a smaller text to be used, e.g. {{para|small|yes}}.
}}{{#ifeq:{{{separator|¬}}}|¬|
|* ''separator'' defines the symbol used to separate different links, e.g. {{para|separator|pipe}}. The default is a dot.
}}{{#ifeq:{{{sup|¬}}}|¬|
|* ''sup'' controls whether the output is in superscript, e.g. {{para|sup|yes}}.
}}
{{#ifexist:{{FULLPAGENAME}}/doc|{{{{FULLPAGENAME}}/doc}}}}
{{Userspace linking templates}}
|link box=This documentation is automatically generated by [[Template:User-multi/template]].
&lt;br&gt;Any [[WP:CAT|categories]] and documentation specific to this template should be added to the template's [{{fullurl:{{FULLPAGENAME}}/doc|action=edit&amp;preload=Template:Category_interwiki/preload}} /doc] subpage.
}}
}}&lt;includeonly&gt;{{#ifeq:{{SUBPAGENAME}}|sandbox||[[Category:Username internal link templates]]}}&lt;/includeonly&gt;</text>
      <sha1>me1j4w8g7vgwk7qgzl17f6toydfr7vf</sha1>
    </revision>
  </page>
  <page>
    <title>Truth in Soul</title>
    <ns>0</ns>
    <id>189958</id>
    <revision>
      <id>781247</id>
      <timestamp>2026-10-27T20:01:43Z</timestamp>
      <contributor>
        <username>Jaheim Ember</username>
        <id>76112</id>
      </contributor>
      <comment>Created page with &quot;{{Use mdy dates|date=June 2023}} {{Infobox album | name       = Truth in Soul | type       = Studio | artist     = [[Red Hot and Foo]] | cover      = | alt        = | released   = September 13, 1998 | recorded   = 1997–1998 | studio = [[The Sound Factory]] (Los Angeles) | venue      = | genre      = {{Flatlist| * [[Funk rock]] * [[funk metal]] * [[hard rock]]&lt;ref name=&quot;allmusic&quot;/&gt; * [[ska]]&lt;ref name=&quot;allmusic&quot;/&gt; }} | length     = | label      = [[Sony Records|Sony]] |...&quot;</comment>
      <origin>781247</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1465" sha1="qh7iiqilbpamxhrwjhpdd3sd6ejqoka" xml:space="preserve">{{Use mdy dates|date=June 2023}}
{{Infobox album
| name       = Truth in Soul
| type       = Studio
| artist     = [[Red Hot and Foo]]
| cover      =
| alt        =
| released   = September 13, 1998
| recorded   = 1997–1998
| studio = [[The Sound Factory]] (Los Angeles)
| venue      =
| genre      = {{Flatlist|
* [[Funk rock]]
* [[funk metal]]
* [[hard rock]]&lt;ref name=&quot;allmusic&quot;/&gt;
* [[ska]]&lt;ref name=&quot;allmusic&quot;/&gt;
}}
| length     =
| label      = [[Sony Records|Sony]]
| producer   = [[Lenny Kravitz]
| prev_title = [[Show Me Your Soul (EP)|Show Me Your Soul]]
| prev_year  = 1997
| next_title = [[Set the Body Up Right]]
| next_year  = 2000
| misc       = {{Singles
 | name        = Truth in Soul
 | type        = album
 | single1     = [[True Men Don't Kill Coyotes]]
 | single1date = 1998
 | single2     = [[Istanbul (Not Constantinople) (song)|Istanbul (Not Constantinople)]]
 | single2date = 1998
 | single3     = Taste the Pain
 | single3date = 1998
 | single4     = The Statue Got Me High
 | single4date = 1999
}}
}}

'''''Truth in Soul''''' is the second studio album by American [[Rock music|rock]] band [[Red Hot and Foo]]. It was released on September 13, 1998.

==Recording==

==Promotion==

==Track listing==

==Personnel==

==Charts==

==References==
{{reflist}}

{{Red Hot and Foo}}

{{Authority control}}

[[Category:Red Hot and Foo albums]]
[[Category:1998 albums]]
[[Category:Albums produced by Lenny Kravitz]]
[[Category:Sony Records albums]]</text>
      <sha1>qh7iiqilbpamxhrwjhpdd3sd6ejqoka</sha1>
    </revision>
    <revision>
      <id>781248</id>
      <parentid>781247</parentid>
      <timestamp>2026-10-27T20:01:59Z</timestamp>
      <contributor>
        <username>Jaheim Ember</username>
        <id>76112</id>
      </contributor>
      <origin>781248</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1466" sha1="qaf2n09ptbr93k8vspy5zaxjptynulj" xml:space="preserve">{{Use mdy dates|date=June 2023}}
{{Infobox album
| name       = Truth in Soul
| type       = Studio
| artist     = [[Red Hot and Foo]]
| cover      =
| alt        =
| released   = September 13, 1998
| recorded   = 1997–1998
| studio = [[The Sound Factory]] (Los Angeles)
| venue      =
| genre      = {{Flatlist|
* [[Funk rock]]
* [[funk metal]]
* [[hard rock]]&lt;ref name=&quot;allmusic&quot;/&gt;
* [[ska]]&lt;ref name=&quot;allmusic&quot;/&gt;
}}
| length     =
| label      = [[Sony Records|Sony]]
| producer   = [[Lenny Kravitz]]
| prev_title = [[Show Me Your Soul (EP)|Show Me Your Soul]]
| prev_year  = 1997
| next_title = [[Set the Body Up Right]]
| next_year  = 2000
| misc       = {{Singles
 | name        = Truth in Soul
 | type        = album
 | single1     = [[True Men Don't Kill Coyotes]]
 | single1date = 1998
 | single2     = [[Istanbul (Not Constantinople) (song)|Istanbul (Not Constantinople)]]
 | single2date = 1998
 | single3     = Taste the Pain
 | single3date = 1998
 | single4     = The Statue Got Me High
 | single4date = 1999
}}
}}

'''''Truth in Soul''''' is the second studio album by American [[Rock music|rock]] band [[Red Hot and Foo]]. It was released on September 13, 1998.

==Recording==

==Promotion==

==Track listing==

==Personnel==

==Charts==

==References==
{{reflist}}

{{Red Hot and Foo}}

{{Authority control}}

[[Category:Red Hot and Foo albums]]
[[Category:1998 albums]]
[[Category:Albums produced by Lenny Kravitz]]
[[Category:Sony Records albums]]</text>
      <sha1>qaf2n09ptbr93k8vspy5zaxjptynulj</sha1>
    </revision>
  </page>
  <page>
    <title>Category:Albums produced by Dave Kelly (producer)</title>
    <ns>14</ns>
    <id>189959</id>
    <revision>
      <id>781249</id>
      <timestamp>2026-10-27T20:03:57Z</timestamp>
      <contributor>
        <username>Jaheim Ember</username>
        <id>76112</id>
      </contributor>
      <comment>Created page with &quot;{{Portal|Record production}}  {{DEFAULTSORT:Kelly, Dave}} [[Category:Albums by producer]]&quot;</comment>
      <origin>781249</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="89" sha1="7lvhu1b3s8xuzyfofh25qbcixlk7ppy" xml:space="preserve">{{Portal|Record production}}

{{DEFAULTSORT:Kelly, Dave}}
[[Category:Albums by producer]]</text>
      <sha1>7lvhu1b3s8xuzyfofh25qbcixlk7ppy</sha1>
    </revision>
  </page>
  <page>
    <title>Category:Priarity Records soundtracks</title>
    <ns>14</ns>
    <id>189960</id>
    <revision>
      <id>781250</id>
      <timestamp>2026-10-27T20:05:10Z</timestamp>
      <contributor>
        <username>Jaheim Ember</username>
        <id>76112</id>
      </contributor>
      <comment>Created page with &quot;[[Category:Soundtracks by record label]] [[Category:Priarity Records albums| Soundtrack]]&quot;</comment>
      <origin>781250</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="89" sha1="r9qjb7uud31bnfhlvqdxtbm7yfp8nnl" xml:space="preserve">[[Category:Soundtracks by record label]]
[[Category:Priarity Records albums| Soundtrack]]</text>
      <sha1>r9qjb7uud31bnfhlvqdxtbm7yfp8nnl</sha1>
    </revision>
  </page>
  <page>
    <title>Template:Consent</title>
    <ns>10</ns>
    <id>189961</id>
    <revision>
      <id>781293</id>
      <timestamp>2026-10-28T00:36:50Z</timestamp>
      <contributor>
        <username>UHHEFUH</username>
        <id>76432</id>
      </contributor>
      <comment>Created page with &quot;Test&quot;</comment>
      <origin>781293</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="4" sha1="bop1vj5i98maix36pjrpgep1w6hnxfe" xml:space="preserve">Test</text>
      <sha1>bop1vj5i98maix36pjrpgep1w6hnxfe</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/doppler.css</title>
    <ns>8</ns>
    <id>189962</id>
    <revision>
      <id>781420</id>
      <timestamp>2026-10-28T10:38:48Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781420</origin>
      <model>css</model>
      <format>text/css</format>
      <text bytes="3550" sha1="9xsfpxocuyzt5i5vtv78rrny8ksxuw0" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* =========================================================
 * Hiruwiki module: doppler — stylesheet
 * Colours come from the --hw-* tokens in hiruwiki-shared.css,
 * which the core loads first and which handle dark mode.
 * The .hw-sound__* rules are repeated in every sound module's
 * stylesheet (sound-wave, harmonics, sound-propagation, doppler) because
 * the core loads one CSS file per module; keep them in sync.
 * ========================================================= */

/* Card */
.hw-sound {
	font-family: var(--hw-font);
	font-size: 14px;
	line-height: 1.4;
	color: var(--hw-text-base);
	background: var(--hw-bg-base);
	border: 0.5px solid var(--hw-border);
	border-radius: var(--hw-radius-lg);
	padding: 12px 16px;
	margin: 1em 0 0;
	box-sizing: border-box;
}

.hw-sound__bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 8px;
}

.hw-sound__note,
.hw-sound__axis {
	font-size: 12px;
	color: var(--hw-text-muted);
}

/* Canvas */
.hw-sound__canvas {
	display: block;
	width: 100%;
	border-radius: var(--hw-radius-sm);
	background: var(--hw-bg-subtle);
	touch-action: pan-y;
}

.hw-sound__axis {
	display: flex;
	justify-content: space-between;
	margin: 4px 0 12px;
}

/* Control rows */
.hw-sound__row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 12px;
	margin: 0 0 10px;
}

.hw-sound__row--disabled {
	opacity: 0.4;
}

.hw-sound__label {
	min-width: 110px;
	color: var(--hw-text-muted);
}

.hw-sound__range {
	flex: 1;
	min-width: 120px;
	accent-color: var(--hw-color-primary);
}

.hw-sound__out {
	min-width: 72px;
	text-align: right;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}

/* Buttons and segmented choices */
.hw-sound__seg {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.hw-sound__btn {
	font: inherit;
	font-size: 13px;
	padding: 4px 12px;
	border: 0.5px solid var(--hw-border);
	border-radius: var(--hw-radius-sm);
	background: var(--hw-bg-base);
	color: var(--hw-text-base);
	cursor: pointer;
}

.hw-sound__btn:hover {
	background: var(--hw-bg-subtle);
}

.hw-sound__btn[aria-pressed=&quot;true&quot;] {
	background: var(--hw-color-primary-subtle);
	border-color: var(--hw-color-primary);
	color: var(--hw-color-primary);
}

.hw-sound__btn:focus-visible,
.hw-sound__range:focus-visible {
	outline: 2px solid var(--hw-color-primary);
	outline-offset: 1px;
}

.hw-sound__play {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.hw-sound__icon {
	font-size: 11px;
	width: 12px;
	text-align: center;
}

/* Stat cards */
.hw-sound__stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 8px;
	margin: 8px 0 4px;
}

.hw-sound__stat {
	background: var(--hw-bg-subtle);
	border-radius: var(--hw-radius-sm);
	padding: 8px 10px;
}

.hw-sound__stat span {
	display: block;
	font-size: 12px;
	color: var(--hw-text-muted);
}

.hw-sound__stat b {
	font-size: 17px;
	font-variant-numeric: tabular-nums;
}

@media print {
	.hw-sound__btn {
		display: none;
	}
}

/* Doppler: button pair, draggable canvas */
.hw-sound__btns {
	display: flex;
	gap: 8px;
}

.hw-doppler__canvas {
	cursor: crosshair;
	touch-action: none;
}

.hw-doppler__canvas:focus-visible {
	outline: 2px solid var(--hw-color-primary);
	outline-offset: 2px;
}

.hw-doppler__gap {
	height: 12px;
}</text>
      <sha1>9xsfpxocuyzt5i5vtv78rrny8ksxuw0</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/doppler.js</title>
    <ns>8</ns>
    <id>189963</id>
    <revision>
      <id>781421</id>
      <timestamp>2026-10-28T10:38:51Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781421</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="24798" sha1="prdzn6g9a65oo99n52n7at23mju808n" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* =========================================================
 * Hiruwiki module: doppler
 * Acoustic Doppler effect: a source moves along a line and
 * emits circular wavefronts; the reader drags the listener
 * anywhere and hears the shifted frequency.
 *
 *   &lt;div class=&quot;hiruwiki&quot; data-module=&quot;doppler&quot;
 *        data-speed=&quot;0.5&quot; data-frequency=&quot;400&quot;&gt;&lt;/div&gt;
 *
 *   data-speed     source speed as a Mach number, 0–1.5,
 *                  default 0.5
 *   data-frequency emitted frequency, 200–1000 Hz, default 400
 *
 * Physics: the received frequency is computed from where the
 * source was when the sound now arriving left it (retarded
 * time), f' = f / (1 − M·cos θ), with θ the angle between the
 * source's velocity and the line to the listener. So the shift
 * starts only when the wavefronts reach the listener, there is
 * silence ahead of a supersonic source, and the Mach cone is
 * drawn for M &gt; 1. Volume falls off with distance.
 *
 * The motion on screen is slowed down; the pitch is not, since
 * it depends only on M and θ. Only a moving source and a still
 * listener are modelled.
 *
 * The listener can be dragged, or moved with the arrow keys
 * when the canvas has focus.
 * =========================================================
 * i18n: add a new key to the `messages` object below and
 *       a matching entry for every language code you need.
 *       Banana falls back to 'en' when a key is missing.
 * ========================================================= */

( function () {

/* ── I18N ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var messages = /* I18N_START */ {
    &quot;fr&quot;: {
        &quot;_name&quot;: &quot;Effet Doppler&quot;,
        &quot;hint&quot;: &quot;En approchant, les ondes se resserrent (son plus aigu) ; en s'éloignant, elles s'espacent (plus grave)&quot;,
        &quot;play&quot;: &quot;Écouter&quot;,
        &quot;stop&quot;: &quot;Arrêter&quot;,
        &quot;restart&quot;: &quot;Recommencer&quot;,
        &quot;noAudio&quot;: &quot;Votre navigateur ne peut pas jouer de son&quot;,
        &quot;dragNote&quot;: &quot;Faites glisser l'auditeur · animation ralentie&quot;,
        &quot;speed&quot;: &quot;Vitesse de la source&quot;,
        &quot;emitted&quot;: &quot;Émise par la source&quot;,
        &quot;received&quot;: &quot;Reçue par l'auditeur&quot;,
        &quot;change&quot;: &quot;Variation&quot;,
        &quot;silence&quot;: &quot;Silence&quot;,
        &quot;notArrived&quot;: &quot;Le son n'est pas encore arrivé&quot;,
        &quot;shock&quot;: &quot;Onde de choc !&quot;,
        &quot;pileUp&quot;: &quot;Fronts d'onde empilés&quot;,
        &quot;higher&quot;: &quot;plus aigu&quot;,
        &quot;lower&quot;: &quot;plus grave&quot;,
        &quot;listener&quot;: &quot;auditeur&quot;,
        &quot;source&quot;: &quot;source&quot;,
        &quot;cone&quot;: &quot;Cône de Mach (onde de choc)&quot;,
        &quot;canvasLabel&quot;: &quot;Une source sonore en mouvement et un auditeur. Utilisez les flèches pour déplacer l'auditeur.&quot;
    },
    &quot;eu&quot;: {
        &quot;_name&quot;: &quot;Doppler efektua&quot;,
        &quot;hint&quot;: &quot;Hurbiltzean uhinak estutu egiten dira (goi-soinua); urruntzean, zabaldu (behe-soinua)&quot;,
        &quot;play&quot;: &quot;Entzun&quot;,
        &quot;stop&quot;: &quot;Gelditu&quot;,
        &quot;restart&quot;: &quot;Berriro&quot;,
        &quot;noAudio&quot;: &quot;Zure nabigatzaileak ezin du soinurik erreproduzitu&quot;,
        &quot;dragNote&quot;: &quot;Arrastatu entzulea · animazioa moteldua&quot;,
        &quot;speed&quot;: &quot;Iturriaren abiadura&quot;,
        &quot;emitted&quot;: &quot;Iturriak igorria&quot;,
        &quot;received&quot;: &quot;Entzuleak jasoa&quot;,
        &quot;change&quot;: &quot;Aldaketa&quot;,
        &quot;silence&quot;: &quot;Isiltasuna&quot;,
        &quot;notArrived&quot;: &quot;Soinua ez da iritsi&quot;,
        &quot;shock&quot;: &quot;Talka-uhina!&quot;,
        &quot;pileUp&quot;: &quot;Uhinak pilatuta&quot;,
        &quot;higher&quot;: &quot;altuago&quot;,
        &quot;lower&quot;: &quot;baxuago&quot;,
        &quot;listener&quot;: &quot;entzulea&quot;,
        &quot;source&quot;: &quot;iturria&quot;,
        &quot;cone&quot;: &quot;Mach-en konoa (talka-uhina)&quot;,
        &quot;canvasLabel&quot;: &quot;Mugitzen ari den soinu-iturri bat eta entzule bat. Erabili geziak entzulea mugitzeko.&quot;
    },
    &quot;en&quot;: {
        &quot;_name&quot;: &quot;Doppler effect&quot;,
        &quot;hint&quot;: &quot;Approaching, the waves bunch up (higher pitch); moving away, they spread out (lower pitch)&quot;,
        &quot;play&quot;: &quot;Listen&quot;,
        &quot;stop&quot;: &quot;Stop&quot;,
        &quot;restart&quot;: &quot;Restart&quot;,
        &quot;noAudio&quot;: &quot;Your browser can't play sound&quot;,
        &quot;dragNote&quot;: &quot;Drag the listener · animation slowed down&quot;,
        &quot;speed&quot;: &quot;Source speed&quot;,
        &quot;emitted&quot;: &quot;Emitted by the source&quot;,
        &quot;received&quot;: &quot;Received by the listener&quot;,
        &quot;change&quot;: &quot;Change&quot;,
        &quot;silence&quot;: &quot;Silence&quot;,
        &quot;notArrived&quot;: &quot;The sound hasn't arrived yet&quot;,
        &quot;shock&quot;: &quot;Shock wave!&quot;,
        &quot;pileUp&quot;: &quot;Wavefronts piled up&quot;,
        &quot;higher&quot;: &quot;higher&quot;,
        &quot;lower&quot;: &quot;lower&quot;,
        &quot;listener&quot;: &quot;listener&quot;,
        &quot;source&quot;: &quot;source&quot;,
        &quot;cone&quot;: &quot;Mach cone (shock wave)&quot;,
        &quot;canvasLabel&quot;: &quot;A moving sound source and a listener. Use the arrow keys to move the listener.&quot;
    },
    &quot;qqq&quot;: {
        &quot;_name&quot;: &quot;Name of the Doppler module&quot;,
        &quot;hint&quot;: &quot;Instruction text shown in the footer.&quot;,
        &quot;play&quot;: &quot;Label of the button that starts the sound.&quot;,
        &quot;stop&quot;: &quot;Label of the button that stops the sound.&quot;,
        &quot;restart&quot;: &quot;Button that restarts the source's pass from the left.&quot;,
        &quot;noAudio&quot;: &quot;Shown when the browser has no Web Audio support.&quot;,
        &quot;dragNote&quot;: &quot;Note above the canvas: the listener can be dragged; the motion is slowed down.&quot;,
        &quot;speed&quot;: &quot;Label of the source speed slider (shown in m/s and as a Mach number).&quot;,
        &quot;emitted&quot;: &quot;Stat card: frequency emitted by the source.&quot;,
        &quot;received&quot;: &quot;Stat card: frequency heard by the listener.&quot;,
        &quot;change&quot;: &quot;Stat card: percentage change between emitted and received frequency.&quot;,
        &quot;silence&quot;: &quot;Received-frequency value when no sound has reached the listener.&quot;,
        &quot;notArrived&quot;: &quot;Change value when no sound has reached the listener.&quot;,
        &quot;shock&quot;: &quot;Received-frequency value at the moment the shock wave arrives.&quot;,
        &quot;pileUp&quot;: &quot;Change value at the moment the shock wave arrives.&quot;,
        &quot;higher&quot;: &quot;Suffix after a positive percentage change (higher pitch).&quot;,
        &quot;lower&quot;: &quot;Suffix after a negative percentage change (lower pitch).&quot;,
        &quot;listener&quot;: &quot;Canvas label above the listener dot.&quot;,
        &quot;source&quot;: &quot;Canvas label under the moving source.&quot;,
        &quot;cone&quot;: &quot;Canvas label for the Mach cone, shown above Mach 1.&quot;,
        &quot;canvasLabel&quot;: &quot;Accessible label of the canvas, including the keyboard hint.&quot;
    },
    &quot;es&quot;: {
        &quot;_name&quot;: &quot;Efecto Doppler&quot;,
        &quot;hint&quot;: &quot;Al acercarse, las ondas se apiñan (sonido más agudo); al alejarse, se separan (más grave)&quot;,
        &quot;play&quot;: &quot;Escuchar&quot;,
        &quot;stop&quot;: &quot;Detener&quot;,
        &quot;restart&quot;: &quot;Reiniciar&quot;,
        &quot;noAudio&quot;: &quot;Tu navegador no puede reproducir sonido&quot;,
        &quot;dragNote&quot;: &quot;Arrastra al oyente · animación ralentizada&quot;,
        &quot;speed&quot;: &quot;Velocidad de la fuente&quot;,
        &quot;emitted&quot;: &quot;Emitida por la fuente&quot;,
        &quot;received&quot;: &quot;Recibida por el oyente&quot;,
        &quot;change&quot;: &quot;Cambio&quot;,
        &quot;silence&quot;: &quot;Silencio&quot;,
        &quot;notArrived&quot;: &quot;El sonido aún no ha llegado&quot;,
        &quot;shock&quot;: &quot;¡Onda de choque!&quot;,
        &quot;pileUp&quot;: &quot;Frentes de onda apilados&quot;,
        &quot;higher&quot;: &quot;más agudo&quot;,
        &quot;lower&quot;: &quot;más grave&quot;,
        &quot;listener&quot;: &quot;oyente&quot;,
        &quot;source&quot;: &quot;fuente&quot;,
        &quot;cone&quot;: &quot;Cono de Mach (onda de choque)&quot;,
        &quot;canvasLabel&quot;: &quot;Una fuente de sonido en movimiento y un oyente. Usa las flechas para mover al oyente.&quot;
    }
} /* I18N_END */
var lang = (window.mw &amp;&amp; mw.config.get('wgUserLanguage')) || 'en';
var banana = new Banana(lang.split('-')[0]);
banana.load(messages);

function t(key, vars) {
    var args = Array.isArray(vars) ? vars : [];
    var str = banana.i18n(key, ...args);
    if (vars &amp;&amp; typeof vars === 'object' &amp;&amp; !Array.isArray(vars)) {
        Object.keys(vars).forEach(function(k) {
            str = str.replace(new RegExp('\\{' + k + '\\}', 'g'), vars[k]);
        });
    }
    return str;
}

function t( key, params ) {
	return banana.i18n.apply( banana, [ key ].concat( params || [] ) );
}

/* ── Constants ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var H_PX     = 300;   /* canvas height (px)                          */
var C_VIS    = 90;    /* on-screen speed of sound (px per real s)    */
var EMIT     = 0.3;   /* interval between drawn wavefronts (s)       */
var PATH_Y   = 0.6;   /* source path, as a fraction of the height    */
var V_SOUND  = 343;   /* m/s, for the speed readout                  */
var MAX_GAIN = 0.13;  /* never louder than this                      */
var MAX_F    = 4000;  /* cap on the played frequency (Hz)            */
var KEY_STEP = 10;    /* listener move per arrow-key press (px)      */
var uid = 0;

/* ── Shared helpers ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
function el( tag, cls, text ) {
	var e = document.createElement( tag );
	if ( cls ) { e.className = cls; }
	if ( text !== undefined ) { e.textContent = text; }
	return e;
}

function num( v, min, max, def ) {
	var n = parseFloat( v );
	if ( isNaN( n ) ) { return def; }
	return Math.max( min, Math.min( max, n ) );
}

function fmt( n, d ) {
	try {
		return n.toLocaleString( lang, { minimumFractionDigits: d, maximumFractionDigits: d } );
	} catch ( e ) {
		return n.toFixed( d );
	}
}

function isDark() {
	var root = document.documentElement;
	return root.classList.contains( 'skin-theme-clientpref-night' ) ||
		root.classList.contains( 'client-dark-mode' ) ||
		document.body.classList.contains( 'mw-dark-mode' ) ||
		( root.classList.contains( 'skin-theme-clientpref-os' ) &amp;&amp;
			window.matchMedia &amp;&amp; window.matchMedia( '(prefers-color-scheme: dark)' ).matches );
}

function palette() {
	var d = isDark();
	return {
		wave:     d ? '93,202,165' : '15,110,86', /* rgb, alpha added per wavefront */
		source:   d ? '#FAC775' : '#BA7517',
		listener: d ? '#AFA9EC' : '#534AB7',
		cone:     d ? '#F0997B' : '#D85A30',
		path:     d ? '#4a4a47' : '#c9c7be',
		text:     d ? '#B4B2A9' : '#5F5E5A'
	};
}

function audioHub() {
	window.hiruwiki = window.hiruwiki || {};
	if ( !window.hiruwiki.audio ) {
		var hub = {
			ctx: null,
			current: null,
			context: function () {
				if ( !hub.ctx ) {
					var AC = window.AudioContext || window.webkitAudioContext;
					if ( !AC ) { return null; }
					hub.ctx = new AC();
				}
				if ( hub.ctx.state === 'suspended' ) { hub.ctx.resume(); }
				return hub.ctx;
			},
			claim: function ( owner ) {
				if ( hub.current &amp;&amp; hub.current !== owner ) { hub.current.stop(); }
				hub.current = owner;
			},
			release: function ( owner ) {
				if ( hub.current === owner ) { hub.current = null; }
			}
		};
		document.addEventListener( 'visibilitychange', function () {
			if ( document.hidden &amp;&amp; hub.current ) { hub.current.stop(); }
		} );
		window.hiruwiki.audio = hub;
	}
	return window.hiruwiki.audio;
}

function makeFooter( container, text ) {
	var footer = el( 'div', 'hw-footer' );
	var logo = el( 'a', 'hw-footer-icon' );
	logo.href = ( window.mw &amp;&amp; mw.util &amp;&amp; mw.util.getUrl( 'Wikipedia:Hiruwiki' ) ) || '#';
	logo.title = 'Hiruwiki';
	if ( window.hiruwiki &amp;&amp; window.hiruwiki.getLogoSvg ) {
		logo.insertAdjacentHTML( 'beforeend', window.hiruwiki.getLogoSvg( 22 ) );
	}
	footer.appendChild( logo );
	footer.appendChild( el( 'span', 'hw-footer__text', text ) );
	container.appendChild( footer );
}

function makeSlider( parent, label, min, max, step, value ) {
	var id = 'hw-sound-' + ( ++uid );
	var row = el( 'div', 'hw-sound__row' );
	var lab = el( 'label', 'hw-sound__label', label );
	lab.htmlFor = id;
	var input = el( 'input', 'hw-sound__range' );
	input.type = 'range'; input.id = id;
	input.min = min; input.max = max; input.step = step; input.value = value;
	var out = el( 'output', 'hw-sound__out' );
	out.setAttribute( 'for', id );
	row.appendChild( lab ); row.appendChild( input ); row.appendChild( out );
	parent.appendChild( row );
	return { row: row, input: input, out: out };
}

function makeButton( label, iconText ) {
	var b = el( 'button', 'hw-sound__btn hw-sound__play' );
	b.type = 'button';
	var icon = el( 'span', 'hw-sound__icon', iconText );
	icon.setAttribute( 'aria-hidden', 'true' );
	var txt = el( 'span', null, label );
	b.appendChild( icon ); b.appendChild( txt );
	return { el: b, icon: icon, txt: txt };
}

function animator( target, frame ) {
	var visible = true, raf = null, last = 0;
	var reduce = window.matchMedia &amp;&amp; window.matchMedia( '(prefers-reduced-motion: reduce)' ).matches;
	function tick( now ) {
		raf = null;
		var dt = last ? Math.min( ( now - last ) / 1000, 0.05 ) : 0;
		last = now;
		frame( reduce ? 0 : dt );
		if ( visible &amp;&amp; !reduce ) { raf = requestAnimationFrame( tick ); }
	}
	function start() {
		if ( !raf ) { last = 0; raf = requestAnimationFrame( tick ); }
	}
	if ( 'IntersectionObserver' in window ) {
		new IntersectionObserver( function ( entries ) {
			visible = entries[ 0 ].isIntersecting;
			if ( visible ) { start(); }
		} ).observe( target );
	}
	start();
	return { redraw: function () { frame( 0 ); }, reduced: reduce };
}

/* ── Build widget ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
function buildWidget( container ) {
	var ds = container.dataset;
	var F0 = num( ds.frequency, 200, 1000, 400 );
	var state = {
		mach: num( ds.speed, 0, 1.5, 0.5 ),
		t: 0,          /* simulated time (s)                        */
		sx: 0,         /* source x (px)                             */
		nextEmit: 0,   /* time of the next drawn wavefront          */
		fronts: [],    /* drawn wavefronts: { t, x }                */
		hist: [],      /* source track for retarded time: { t, x }  */
		obs: { fx: 0.72, fy: 0.25 }  /* listener, as fractions of W, H */
	};
	var W = 600;

	container.innerHTML = '';
	var root = el( 'div', 'hw-sound' );
	container.appendChild( root );

	/* -- top bar -- */
	var bar = el( 'div', 'hw-sound__bar' );
	var btns = el( 'div', 'hw-sound__btns' );
	var play = makeButton( t( 'play' ), '▶' );
	var restart = makeButton( t( 'restart' ), '↺' );
	play.el.setAttribute( 'aria-pressed', 'false' );
	btns.appendChild( play.el );
	btns.appendChild( restart.el );
	bar.appendChild( btns );
	bar.appendChild( el( 'span', 'hw-sound__note', t( 'dragNote' ) ) );
	root.appendChild( bar );

	/* -- canvas -- */
	var canvas = el( 'canvas', 'hw-sound__canvas hw-doppler__canvas' );
	canvas.style.height = H_PX + 'px';
	canvas.tabIndex = 0;
	canvas.setAttribute( 'role', 'img' );
	canvas.setAttribute( 'aria-label', t( 'canvasLabel' ) );
	root.appendChild( canvas );
	var ctx = canvas.getContext( '2d' );

	root.appendChild( el( 'div', 'hw-doppler__gap' ) );

	/* -- speed slider -- */
	var mSlider = makeSlider( root, t( 'speed' ), 0, 150, 1, Math.round( state.mach * 100 ) );
	mSlider.input.addEventListener( 'input', function () {
		state.mach = +mSlider.input.value / 100;
		updateSpeed();
	} );

	/* -- stat cards -- */
	var stats = el( 'div', 'hw-sound__stats' );
	function stat( label ) {
		var c = el( 'div', 'hw-sound__stat' );
		c.appendChild( el( 'span', null, label ) );
		var b = el( 'b' );
		c.appendChild( b );
		stats.appendChild( c );
		return b;
	}
	var sEmitted = stat( t( 'emitted' ) );
	var sReceived = stat( t( 'received' ) );
	var sChange = stat( t( 'change' ) );
	sEmitted.textContent = fmt( F0, 0 ) + ' Hz';
	sReceived.setAttribute( 'aria-live', 'off' );
	root.appendChild( stats );

	makeFooter( container, t( 'hint' ) );

	/* -- simulation -- */
	function pathY() { return H_PX * PATH_Y; }
	function obsPt() { return { x: state.obs.fx * W, y: state.obs.fy * H_PX }; }
	function diag() { return Math.hypot( W, H_PX ); }

	function reset() {
		state.t = 0;
		state.sx = -30;
		state.nextEmit = 0;
		state.fronts = [];
		state.hist = [];
	}

	function step( dt ) {
		state.t += dt;
		state.sx += state.mach * C_VIS * dt;
		state.hist.push( { t: state.t, x: state.sx } );
		var maxAge = diag() / C_VIS + 1;
		while ( state.hist.length &amp;&amp; state.t - state.hist[ 0 ].t &gt; maxAge ) { state.hist.shift(); }
		while ( state.t &gt;= state.nextEmit ) {
			state.fronts.push( { t: state.nextEmit, x: state.sx } );
			state.nextEmit += EMIT;
		}
		state.fronts = state.fronts.filter( function ( f ) {
			return C_VIS * ( state.t - f.t ) &lt; diag() + 40;
		} );
		/* restart once the source has left and its last waves have cleared */
		if ( state.sx &gt; W + 30 &amp;&amp; !state.fronts.length ) { reset(); }
	}

	/* Retarded time: find the source position whose sound is reaching the
	 * listener now, i.e. where c·(t − tₑ) = |listener − source(tₑ)|.
	 * Scanning from the newest sample backwards returns the latest
	 * emission, which is unique below Mach 1. Returns null for silence. */
	function received() {
		var o = obsPt(), y = pathY(), h = state.hist;
		for ( var i = h.length - 1; i &gt; 0; i-- ) {
			var a = h[ i ], b = h[ i - 1 ];
			var ga = C_VIS * ( state.t - a.t ) - Math.hypot( o.x - a.x, o.y - y );
			var gb = C_VIS * ( state.t - b.t ) - Math.hypot( o.x - b.x, o.y - y );
			if ( ga &lt;= 0 &amp;&amp; gb &gt; 0 ) {
				var k = ga / ( ga - gb );
				var ex = a.x + ( b.x - a.x ) * k;
				var d = Math.hypot( o.x - ex, o.y - y ) || 1;
				var den = 1 - state.mach * ( o.x - ex ) / d;
				return { f: den &gt; 0.05 ? F0 / den : null, d: d };
			}
		}
		return null;
	}

	/* -- drawing -- */
	function draw() {
		var p = palette(), y = pathY(), o = obsPt(), sx = state.sx, M = state.mach;
		ctx.clearRect( 0, 0, W, H_PX );

		ctx.strokeStyle = p.path;
		ctx.lineWidth = 1;
		ctx.setLineDash( [ 4, 6 ] );
		ctx.beginPath(); ctx.moveTo( 0, y ); ctx.lineTo( W, y ); ctx.stroke();
		ctx.setLineDash( [] );

		state.fronts.forEach( function ( f ) {
			var r = C_VIS * ( state.t - f.t );
			var a = Math.max( 0.12, 1 - r / ( W * 0.9 ) );
			ctx.strokeStyle = 'rgba(' + p.wave + ',' + a.toFixed( 3 ) + ')';
			ctx.lineWidth = 1.6;
			ctx.beginPath(); ctx.arc( f.x, y, r, 0, 2 * Math.PI ); ctx.stroke();
		} );

		ctx.font = '12px sans-serif';
		if ( M &gt; 1 ) {
			var ang = Math.asin( 1 / M ), L = diag();
			ctx.strokeStyle = p.cone;
			ctx.lineWidth = 2;
			[ 1, -1 ].forEach( function ( s ) {
				ctx.beginPath();
				ctx.moveTo( sx, y );
				ctx.lineTo( sx - L * Math.cos( ang ), y + s * L * Math.sin( ang ) );
				ctx.stroke();
			} );
			ctx.fillStyle = p.cone;
			ctx.textAlign = 'left';
			ctx.fillText( t( 'cone' ), 10, H_PX - 10 );
		}

		/* source + direction arrow */
		ctx.fillStyle = p.source;
		ctx.beginPath(); ctx.arc( sx, y, 8, 0, 2 * Math.PI ); ctx.fill();
		if ( M &gt; 0 ) {
			ctx.strokeStyle = p.source;
			ctx.lineWidth = 2;
			ctx.beginPath();
			ctx.moveTo( sx + 12, y ); ctx.lineTo( sx + 30, y );
			ctx.lineTo( sx + 25, y - 4 ); ctx.moveTo( sx + 30, y ); ctx.lineTo( sx + 25, y + 4 );
			ctx.stroke();
		}

		/* listener */
		ctx.fillStyle = p.listener;
		ctx.beginPath(); ctx.arc( o.x, o.y, 9, 0, 2 * Math.PI ); ctx.fill();
		if ( document.activeElement === canvas ) {
			ctx.strokeStyle = p.listener;
			ctx.lineWidth = 1.5;
			ctx.beginPath(); ctx.arc( o.x, o.y, 14, 0, 2 * Math.PI ); ctx.stroke();
		}

		ctx.fillStyle = p.text;
		ctx.textAlign = 'center';
		ctx.fillText( t( 'listener' ), o.x, o.y - 16 );
		ctx.fillText( t( 'source' ), sx, y + 24 );
	}

	/* -- readouts and audio -- */
	function setText( node, text ) {
		if ( node.textContent !== text ) { node.textContent = text; }
	}

	function readouts() {
		var r = received();
		if ( !r ) {
			setText( sReceived, t( 'silence' ) );
			setText( sChange, t( 'notArrived' ) );
		} else if ( r.f === null ) {
			setText( sReceived, t( 'shock' ) );
			setText( sChange, t( 'pileUp' ) );
		} else {
			setText( sReceived, fmt( r.f, 0 ) + ' Hz' );
			var pct = ( r.f / F0 - 1 ) * 100;
			var word = pct &gt; 0.5 ? ' (' + t( 'higher' ) + ')' : ( pct &lt; -0.5 ? ' (' + t( 'lower' ) + ')' : '' );
			setText( sChange, ( pct &gt;= 0 ? '+' : '−' ) + fmt( Math.abs( pct ), 0 ) + ' %' + word );
		}
		voice.follow( r );
	}

	var voice = {
		playing: false, osc: null, gain: null, ac: null,
		start: function () {
			var hub = audioHub();
			var ac = hub.context();
			if ( !ac ) { play.el.title = t( 'noAudio' ); return; }
			hub.claim( voice );
			voice.ac = ac;
			voice.osc = ac.createOscillator();
			voice.osc.type = 'triangle';
			voice.osc.frequency.value = F0;
			voice.gain = ac.createGain();
			voice.gain.gain.value = 0;
			voice.osc.connect( voice.gain ).connect( ac.destination );
			voice.osc.start();
			voice.playing = true;
			setPlayUI();
		},
		stop: function () {
			if ( !voice.playing ) { return; }
			var o = voice.osc;
			voice.gain.gain.setTargetAtTime( 0, voice.ac.currentTime, 0.02 );
			setTimeout( function () { o.stop(); o.disconnect(); }, 150 );
			voice.playing = false;
			audioHub().release( voice );
			setPlayUI();
		},
		follow: function ( r ) {
			if ( !voice.playing ) { return; }
			var now = voice.ac.currentTime;
			if ( r &amp;&amp; r.f ) {
				voice.osc.frequency.setTargetAtTime( Math.min( r.f, MAX_F ), now, 0.03 );
				voice.gain.gain.setTargetAtTime( MAX_GAIN * Math.min( 1, 120 / r.d ), now, 0.05 );
			} else {
				voice.gain.gain.setTargetAtTime( 0, now, 0.03 );
			}
		}
	};

	function setPlayUI() {
		play.icon.textContent = voice.playing ? '❚❚' : '▶';
		play.txt.textContent = voice.playing ? t( 'stop' ) : t( 'play' );
		play.el.setAttribute( 'aria-pressed', voice.playing ? 'true' : 'false' );
	}

	function updateSpeed() {
		mSlider.out.textContent = fmt( state.mach * V_SOUND, 0 ) + ' m/s · Mach ' + fmt( state.mach, 2 );
		if ( anim &amp;&amp; anim.reduced ) { prerun(); }
		if ( anim ) { anim.redraw(); }
	}

	/* With reduced motion, show one frozen moment of a pass instead. */
	function prerun() {
		reset();
		var target = ( W * 0.45 + 30 ) / Math.max( state.mach * C_VIS, 1 );
		target = Math.min( target, 4 );
		for ( var s = 0; s &lt; target; s += 0.02 ) { step( 0.02 ); }
	}

	function frame( dt ) {
		if ( dt &gt; 0 ) { step( dt ); }
		draw();
		readouts();
	}

	/* -- events -- */
	play.el.addEventListener( 'click', function () {
		if ( voice.playing ) { voice.stop(); } else { voice.start(); }
	} );
	restart.el.addEventListener( 'click', function () {
		if ( anim.reduced ) { prerun(); } else { reset(); }
		anim.redraw();
	} );

	var dragging = false;
	function moveTo( e ) {
		var rect = canvas.getBoundingClientRect();
		var x = Math.max( 10, Math.min( W - 10, e.clientX - rect.left ) );
		var y = Math.max( 10, Math.min( H_PX - 10, e.clientY - rect.top ) );
		state.obs.fx = x / W;
		state.obs.fy = y / H_PX;
		anim.redraw();
	}
	canvas.addEventListener( 'pointerdown', function ( e ) {
		dragging = true;
		canvas.setPointerCapture( e.pointerId );
		moveTo( e );
	} );
	canvas.addEventListener( 'pointermove', function ( e ) { if ( dragging ) { moveTo( e ); } } );
	canvas.addEventListener( 'pointerup', function () { dragging = false; } );
	canvas.addEventListener( 'pointercancel', function () { dragging = false; } );

	canvas.addEventListener( 'keydown', function ( e ) {
		var o = obsPt(), dx = 0, dy = 0;
		if ( e.key === 'ArrowLeft' ) { dx = -KEY_STEP; }
		else if ( e.key === 'ArrowRight' ) { dx = KEY_STEP; }
		else if ( e.key === 'ArrowUp' ) { dy = -KEY_STEP; }
		else if ( e.key === 'ArrowDown' ) { dy = KEY_STEP; }
		else { return; }
		e.preventDefault();
		state.obs.fx = Math.max( 10, Math.min( W - 10, o.x + dx ) ) / W;
		state.obs.fy = Math.max( 10, Math.min( H_PX - 10, o.y + dy ) ) / H_PX;
		anim.redraw();
	} );
	canvas.addEventListener( 'focus', function () { anim.redraw(); } );
	canvas.addEventListener( 'blur', function () { anim.redraw(); } );

	function resize() {
		var dpr = window.devicePixelRatio || 1;
		W = canvas.clientWidth || W;
		canvas.width = Math.round( W * dpr );
		canvas.height = Math.round( H_PX * dpr );
		ctx.setTransform( dpr, 0, 0, dpr, 0, 0 );
		if ( anim.reduced ) { prerun(); }
		anim.redraw();
	}

	reset();
	var anim = animator( canvas, frame );
	new ResizeObserver( resize ).observe( canvas );

	/* dark-mode live update (MediaWiki) */
	var mo = new MutationObserver( function () { anim.redraw(); } );
	mo.observe( document.documentElement, { attributes: true, attributeFilter: [ 'class' ] } );
	mo.observe( document.body, { attributes: true, attributeFilter: [ 'class' ] } );

	setPlayUI();
	updateSpeed();
}

/* ----------------------------------------------------------
 * Initialise all matching containers on the page
 * ---------------------------------------------------------- */
document.querySelectorAll( '.hiruwiki[data-module=&quot;doppler&quot;]' ).forEach( buildWidget );

}() );</text>
      <sha1>prdzn6g9a65oo99n52n7at23mju808n</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/echo.css</title>
    <ns>8</ns>
    <id>189964</id>
    <revision>
      <id>781422</id>
      <timestamp>2026-10-28T10:38:54Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781422</origin>
      <model>css</model>
      <format>text/css</format>
      <text bytes="3329" sha1="monjnhdx7rxptaul74abltixchpz4yf" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* =========================================================
 * Hiruwiki module: echo — stylesheet
 * Colours come from the --hw-* tokens in hiruwiki-shared.css,
 * which the core loads first and which handle dark mode.
 * The .hw-sound__* rules are repeated in every sound module's
 * stylesheet (sound-wave, harmonics, sound-propagation, doppler, echo) because
 * the core loads one CSS file per module; keep them in sync.
 * ========================================================= */

/* Card */
.hw-sound {
	font-family: var(--hw-font);
	font-size: 14px;
	line-height: 1.4;
	color: var(--hw-text-base);
	background: var(--hw-bg-base);
	border: 0.5px solid var(--hw-border);
	border-radius: var(--hw-radius-lg);
	padding: 12px 16px;
	margin: 1em 0 0;
	box-sizing: border-box;
}

.hw-sound__bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 8px;
}

.hw-sound__note,
.hw-sound__axis {
	font-size: 12px;
	color: var(--hw-text-muted);
}

/* Canvas */
.hw-sound__canvas {
	display: block;
	width: 100%;
	border-radius: var(--hw-radius-sm);
	background: var(--hw-bg-subtle);
	touch-action: pan-y;
}

.hw-sound__axis {
	display: flex;
	justify-content: space-between;
	margin: 4px 0 12px;
}

/* Control rows */
.hw-sound__row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 12px;
	margin: 0 0 10px;
}

.hw-sound__row--disabled {
	opacity: 0.4;
}

.hw-sound__label {
	min-width: 110px;
	color: var(--hw-text-muted);
}

.hw-sound__range {
	flex: 1;
	min-width: 120px;
	accent-color: var(--hw-color-primary);
}

.hw-sound__out {
	min-width: 72px;
	text-align: right;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}

/* Buttons and segmented choices */
.hw-sound__seg {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.hw-sound__btn {
	font: inherit;
	font-size: 13px;
	padding: 4px 12px;
	border: 0.5px solid var(--hw-border);
	border-radius: var(--hw-radius-sm);
	background: var(--hw-bg-base);
	color: var(--hw-text-base);
	cursor: pointer;
}

.hw-sound__btn:hover {
	background: var(--hw-bg-subtle);
}

.hw-sound__btn[aria-pressed=&quot;true&quot;] {
	background: var(--hw-color-primary-subtle);
	border-color: var(--hw-color-primary);
	color: var(--hw-color-primary);
}

.hw-sound__btn:focus-visible,
.hw-sound__range:focus-visible {
	outline: 2px solid var(--hw-color-primary);
	outline-offset: 1px;
}

.hw-sound__play {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.hw-sound__icon {
	font-size: 11px;
	width: 12px;
	text-align: center;
}

/* Stat cards */
.hw-sound__stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 8px;
	margin: 8px 0 4px;
}

.hw-sound__stat {
	background: var(--hw-bg-subtle);
	border-radius: var(--hw-radius-sm);
	padding: 8px 10px;
}

.hw-sound__stat span {
	display: block;
	font-size: 12px;
	color: var(--hw-text-muted);
}

.hw-sound__stat b {
	font-size: 17px;
	font-variant-numeric: tabular-nums;
}

@media print {
	.hw-sound__btn {
		display: none;
	}
}

/* Echo: space between canvas and slider */
.hw-echo__gap {
	height: 12px;
}</text>
      <sha1>monjnhdx7rxptaul74abltixchpz4yf</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/echo.js</title>
    <ns>8</ns>
    <id>189965</id>
    <revision>
      <id>781423</id>
      <timestamp>2026-10-28T10:38:57Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781423</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="24741" sha1="9vreyam34kj0f2x7dv5p81m3vaqo4kz" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* =========================================================
 * Hiruwiki module: echo
 * Echo and reverberation. A person claps in front of a wall;
 * the reader sets the wall distance and hears the clap and its
 * reflection with the real delay, t = 2d / v.
 *
 *   top    — side view: the wavefront leaves the person, hits
 *            the wall and comes back (drawn with the image-source
 *            method: the reflection is a circle centred on the
 *            person's mirror image behind the wall)
 *   bottom — timeline with the direct clap at 0 and the echo at
 *            2d/v; the first 0,1 s is shaded as the zone where
 *            the ear fuses both into one longer sound
 *
 *   &lt;div class=&quot;hiruwiki&quot; data-module=&quot;echo&quot; data-distance=&quot;25&quot;&gt;&lt;/div&gt;
 *
 *   data-distance  wall distance in metres, 1–500, default 25
 *
 * Real time: the wave moves at the speed of sound and is driven
 * by the audio clock, so what the reader sees and hears happens
 * together. At a few metres the round trip lasts a blink; at a
 * few hundred metres (a valley, a cliff) it takes seconds. The
 * scene zooms so the wall stays in view, and the slider is
 * logarithmic so short and long distances are both easy to pick.
 *
 * Threshold: the ear separates two sounds about 0,1 s apart, so
 * the wall must be more than 343 × 0,1 / 2 ≈ 17 m away (air at
 * 20 °C). Closer than that the reflection merges with the clap
 * (reverberation); further away it is heard as an echo.
 *
 * With reduced motion the module draws a static picture and
 * still plays the sound.
 * =========================================================
 * i18n: add a new key to the `messages` object below and
 *       a matching entry for every language code you need.
 *       Banana falls back to 'en' when a key is missing.
 * ========================================================= */

( function () {

/* ── I18N ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var messages = /* I18N_START */ {
    &quot;fr&quot;: {
        &quot;_name&quot;: &quot;Écho et réverbération&quot;,
        &quot;hint&quot;: &quot;L'oreille a besoin d'environ 0,1 s entre deux sons pour les distinguer : le mur doit être à plus de 17 m pour entendre un écho&quot;,
        &quot;clap&quot;: &quot;Taper dans les mains&quot;,
        &quot;noAudio&quot;: &quot;Votre navigateur ne peut pas jouer de son&quot;,
        &quot;note&quot;: &quot;Son et onde en temps réel&quot;,
        &quot;distance&quot;: &quot;Distance au mur&quot;,
        &quot;delay&quot;: &quot;Retard de l'écho&quot;,
        &quot;heard&quot;: &quot;Ce que vous entendez&quot;,
        &quot;echo&quot;: &quot;Écho : deux sons&quot;,
        &quot;reverb&quot;: &quot;Réverbération : un son plus long&quot;,
        &quot;person&quot;: &quot;vous&quot;,
        &quot;wall&quot;: &quot;mur&quot;,
        &quot;timeAxis&quot;: &quot;temps (ms)&quot;,
        &quot;fusion&quot;: &quot;fusionnés par l'oreille&quot;,
        &quot;direct&quot;: &quot;claquement&quot;,
        &quot;reflected&quot;: &quot;écho&quot;,
        &quot;canvasLabel&quot;: &quot;Une personne devant un mur, et une ligne de temps avec le claquement et son écho.&quot;
    },
    &quot;eu&quot;: {
        &quot;_name&quot;: &quot;Oihartzuna eta erreberberazioa&quot;,
        &quot;hint&quot;: &quot;Belarriak 0,1 s inguru behar ditu bi soinu bereizteko: horma 17 m baino urrunago egon behar da oihartzuna entzuteko&quot;,
        &quot;clap&quot;: &quot;Txalo egin&quot;,
        &quot;noAudio&quot;: &quot;Zure nabigatzaileak ezin du soinurik erreproduzitu&quot;,
        &quot;note&quot;: &quot;Soinua eta uhina denbora errealean&quot;,
        &quot;distance&quot;: &quot;Hormarainoko distantzia&quot;,
        &quot;delay&quot;: &quot;Oihartzunaren atzerapena&quot;,
        &quot;heard&quot;: &quot;Entzuten duzuna&quot;,
        &quot;echo&quot;: &quot;Oihartzuna: bi soinu&quot;,
        &quot;reverb&quot;: &quot;Erreberberazioa: soinu luzeago bat&quot;,
        &quot;person&quot;: &quot;zu&quot;,
        &quot;wall&quot;: &quot;horma&quot;,
        &quot;timeAxis&quot;: &quot;denbora (ms)&quot;,
        &quot;fusion&quot;: &quot;belarriak batzen ditu&quot;,
        &quot;direct&quot;: &quot;txaloa&quot;,
        &quot;reflected&quot;: &quot;oihartzuna&quot;,
        &quot;canvasLabel&quot;: &quot;Pertsona bat horma baten aurrean, eta denbora-lerro bat txaloarekin eta haren oihartzunarekin.&quot;
    },
    &quot;en&quot;: {
        &quot;_name&quot;: &quot;Echo and reverberation&quot;,
        &quot;hint&quot;: &quot;The ear needs about 0.1 s between two sounds to tell them apart: the wall must be more than 17 m away to hear an echo&quot;,
        &quot;clap&quot;: &quot;Clap&quot;,
        &quot;noAudio&quot;: &quot;Your browser can't play sound&quot;,
        &quot;note&quot;: &quot;Sound and wave in real time&quot;,
        &quot;distance&quot;: &quot;Distance to the wall&quot;,
        &quot;delay&quot;: &quot;Echo delay&quot;,
        &quot;heard&quot;: &quot;What you hear&quot;,
        &quot;echo&quot;: &quot;Echo: two sounds&quot;,
        &quot;reverb&quot;: &quot;Reverberation: one longer sound&quot;,
        &quot;person&quot;: &quot;you&quot;,
        &quot;wall&quot;: &quot;wall&quot;,
        &quot;timeAxis&quot;: &quot;time (ms)&quot;,
        &quot;fusion&quot;: &quot;fused by the ear&quot;,
        &quot;direct&quot;: &quot;clap&quot;,
        &quot;reflected&quot;: &quot;echo&quot;,
        &quot;canvasLabel&quot;: &quot;A person in front of a wall, and a timeline with the clap and its echo.&quot;
    },
    &quot;qqq&quot;: {
        &quot;_name&quot;: &quot;Name of the Echo module&quot;,
        &quot;hint&quot;: &quot;Instruction text shown in the footer. Explains the 0.1 s / 17 m threshold.&quot;,
        &quot;clap&quot;: &quot;Button that plays a hand clap and its echo, and starts the animation.&quot;,
        &quot;noAudio&quot;: &quot;Shown when the browser has no Web Audio support.&quot;,
        &quot;note&quot;: &quot;Note above the canvas: the sound and the drawn wave both run in real time.&quot;,
        &quot;distance&quot;: &quot;Label of the wall distance slider.&quot;,
        &quot;delay&quot;: &quot;Stat card: time between the clap and its echo.&quot;,
        &quot;heard&quot;: &quot;Stat card: whether the reflection is heard as an echo or as reverberation.&quot;,
        &quot;echo&quot;: &quot;Stat value when the delay is 0.1 s or more.&quot;,
        &quot;reverb&quot;: &quot;Stat value when the delay is under 0.1 s.&quot;,
        &quot;person&quot;: &quot;Canvas label under the person who claps (addressing the reader).&quot;,
        &quot;wall&quot;: &quot;Canvas label under the wall.&quot;,
        &quot;timeAxis&quot;: &quot;Label of the timeline's horizontal axis.&quot;,
        &quot;fusion&quot;: &quot;Label of the shaded first 0.1 s on the timeline, where two sounds merge.&quot;,
        &quot;direct&quot;: &quot;Timeline label of the original clap.&quot;,
        &quot;reflected&quot;: &quot;Timeline label of the reflected sound.&quot;,
        &quot;canvasLabel&quot;: &quot;Accessible label of the canvas.&quot;
    },
    &quot;es&quot;: {
        &quot;_name&quot;: &quot;Eco y reverberación&quot;,
        &quot;hint&quot;: &quot;El oído necesita unos 0,1 s entre dos sonidos para distinguirlos: la pared debe estar a más de 17 m para oír eco&quot;,
        &quot;clap&quot;: &quot;Dar una palmada&quot;,
        &quot;noAudio&quot;: &quot;Tu navegador no puede reproducir sonido&quot;,
        &quot;note&quot;: &quot;Sonido y onda en tiempo real&quot;,
        &quot;distance&quot;: &quot;Distancia a la pared&quot;,
        &quot;delay&quot;: &quot;Retraso del eco&quot;,
        &quot;heard&quot;: &quot;Lo que oyes&quot;,
        &quot;echo&quot;: &quot;Eco: dos sonidos&quot;,
        &quot;reverb&quot;: &quot;Reverberación: un sonido más largo&quot;,
        &quot;person&quot;: &quot;tú&quot;,
        &quot;wall&quot;: &quot;pared&quot;,
        &quot;timeAxis&quot;: &quot;tiempo (ms)&quot;,
        &quot;fusion&quot;: &quot;el oído los une&quot;,
        &quot;direct&quot;: &quot;palmada&quot;,
        &quot;reflected&quot;: &quot;eco&quot;,
        &quot;canvasLabel&quot;: &quot;Una persona frente a una pared y una línea de tiempo con la palmada y su eco.&quot;
    }
} /* I18N_END */
var lang = (window.mw &amp;&amp; mw.config.get('wgUserLanguage')) || 'en';
var banana = new Banana(lang.split('-')[0]);
banana.load(messages);

function t(key, vars) {
    var args = Array.isArray(vars) ? vars : [];
    var str = banana.i18n(key, ...args);
    if (vars &amp;&amp; typeof vars === 'object' &amp;&amp; !Array.isArray(vars)) {
        Object.keys(vars).forEach(function(k) {
            str = str.replace(new RegExp('\\{' + k + '\\}', 'g'), vars[k]);
        });
    }
    return str;
}

function t( key, params ) {
	return banana.i18n.apply( banana, [ key ].concat( params || [] ) );
}

/* ── Constants ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var H_PX      = 300;    /* canvas height (px)                         */
var V_SOUND   = 343;    /* m/s, air at 20 °C                          */
var FUSION    = 0.1;    /* s, minimum gap the ear can separate        */
var D_MIN     = 1;      /* wall distance slider (m), logarithmic      */
var D_MAX     = 500;
var VIEW_MIN  = 25;     /* narrowest scene width (m)                  */
var WALL_AT   = 0.8;    /* wall position as a fraction of the scene   */
var MAX_GAIN  = 0.5;    /* clap peak gain (noise burst)               */
var LEAD      = 0.06;   /* s between the click and the clap           */
var SCENE_Y   = 128;    /* ground line of the side view (px)          */
var PERSON_X  = 44;     /* person position (px)                       */
var TL_TOP    = 176;    /* timeline band (px)                         */
var TL_BOT    = 270;
var TL_X0     = 44;
var uid = 0;

/* ── Shared helpers ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
function el( tag, cls, text ) {
	var e = document.createElement( tag );
	if ( cls ) { e.className = cls; }
	if ( text !== undefined ) { e.textContent = text; }
	return e;
}

function num( v, min, max, def ) {
	var n = parseFloat( v );
	if ( isNaN( n ) ) { return def; }
	return Math.max( min, Math.min( max, n ) );
}

function fmt( n, d ) {
	try {
		return n.toLocaleString( lang, { minimumFractionDigits: d, maximumFractionDigits: d } );
	} catch ( e ) {
		return n.toFixed( d );
	}
}

function isDark() {
	var root = document.documentElement;
	return root.classList.contains( 'skin-theme-clientpref-night' ) ||
		root.classList.contains( 'client-dark-mode' ) ||
		document.body.classList.contains( 'mw-dark-mode' ) ||
		( root.classList.contains( 'skin-theme-clientpref-os' ) &amp;&amp;
			window.matchMedia &amp;&amp; window.matchMedia( '(prefers-color-scheme: dark)' ).matches );
}

function palette() {
	var d = isDark();
	return {
		wave:    d ? '93,202,165' : '15,110,86',  /* rgb, alpha added per front */
		echo:    d ? '#FAC775' : '#BA7517',
		person:  d ? '#AFA9EC' : '#534AB7',
		wall:    d ? '#888780' : '#5F5E5A',
		ground:  d ? '#4a4a47' : '#c9c7be',
		fusion:  d ? 'rgba(175,169,236,.14)' : 'rgba(83,74,183,.08)',
		cursor:  d ? '#E8E6DC' : '#1A1A18',
		text:    d ? '#B4B2A9' : '#5F5E5A'
	};
}

function audioHub() {
	window.hiruwiki = window.hiruwiki || {};
	if ( !window.hiruwiki.audio ) {
		var hub = {
			ctx: null,
			current: null,
			context: function () {
				if ( !hub.ctx ) {
					var AC = window.AudioContext || window.webkitAudioContext;
					if ( !AC ) { return null; }
					hub.ctx = new AC();
				}
				if ( hub.ctx.state === 'suspended' ) { hub.ctx.resume(); }
				return hub.ctx;
			},
			claim: function ( owner ) {
				if ( hub.current &amp;&amp; hub.current !== owner ) { hub.current.stop(); }
				hub.current = owner;
			},
			release: function ( owner ) {
				if ( hub.current === owner ) { hub.current = null; }
			}
		};
		document.addEventListener( 'visibilitychange', function () {
			if ( document.hidden &amp;&amp; hub.current ) { hub.current.stop(); }
		} );
		window.hiruwiki.audio = hub;
	}
	return window.hiruwiki.audio;
}

function makeFooter( container, text ) {
	var footer = el( 'div', 'hw-footer' );
	var logo = el( 'a', 'hw-footer-icon' );
	logo.href = ( window.mw &amp;&amp; mw.util &amp;&amp; mw.util.getUrl( 'Wikipedia:Hiruwiki' ) ) || '#';
	logo.title = 'Hiruwiki';
	if ( window.hiruwiki &amp;&amp; window.hiruwiki.getLogoSvg ) {
		logo.insertAdjacentHTML( 'beforeend', window.hiruwiki.getLogoSvg( 22 ) );
	}
	footer.appendChild( logo );
	footer.appendChild( el( 'span', 'hw-footer__text', text ) );
	container.appendChild( footer );
}

function makeSlider( parent, label, min, max, step, value ) {
	var id = 'hw-sound-' + ( ++uid );
	var row = el( 'div', 'hw-sound__row' );
	var lab = el( 'label', 'hw-sound__label', label );
	lab.htmlFor = id;
	var input = el( 'input', 'hw-sound__range' );
	input.type = 'range'; input.id = id;
	input.min = min; input.max = max; input.step = step; input.value = value;
	var out = el( 'output', 'hw-sound__out' );
	out.setAttribute( 'for', id );
	row.appendChild( lab ); row.appendChild( input ); row.appendChild( out );
	parent.appendChild( row );
	return { row: row, input: input, out: out };
}

/* ── Module-specific helpers ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
function echoDelay( d ) { return 2 * d / V_SOUND; }

/* Reflection loudness relative to the clap: falls with distance but
 * stays audible. Pedagogical, not a room-acoustics model. */
function echoLevel( d ) { return Math.max( 0.18, 0.7 * 10 / ( 10 + d ) ); }

/* Logarithmic slider: 0–1000 ↔ D_MIN–D_MAX metres. */
function sliderToDist( v ) {
	var d = D_MIN * Math.pow( D_MAX / D_MIN, v / 1000 );
	return d &lt; 10 ? Math.round( d * 10 ) / 10 : Math.round( d );
}
function distToSlider( d ) {
	return Math.round( 1000 * Math.log( d / D_MIN ) / Math.log( D_MAX / D_MIN ) );
}
function fmtDist( d ) { return fmt( d, d &lt; 10 ? 1 : 0 ) + ' m'; }

/* Timeline length: at least 400 ms, else the echo plus some room. */
function timelineMax( d ) { return Math.max( 0.4, echoDelay( d ) * 1.25 + 0.08 ); }
function tickStep( tmax ) { return tmax &lt;= 0.5 ? 0.1 : ( tmax &lt;= 1.5 ? 0.25 : 0.5 ); }

/* One second of white noise, cached on the shared AudioContext. */
function noiseBuffer( ac ) {
	if ( !ac.hwNoise ) {
		var buf = ac.createBuffer( 1, ac.sampleRate, ac.sampleRate );
		var data = buf.getChannelData( 0 );
		for ( var i = 0; i &lt; data.length; i++ ) { data[ i ] = Math.random() * 2 - 1; }
		ac.hwNoise = buf;
	}
	return ac.hwNoise;
}

/* A hand clap: a band-passed noise burst with a fast decay. The
 * reflection gets a lower filter, as walls absorb high frequencies. */
function clap( ac, at, gain, freq, nodes ) {
	var src = ac.createBufferSource();
	src.buffer = noiseBuffer( ac );
	var bp = ac.createBiquadFilter();
	bp.type = 'bandpass';
	bp.frequency.value = freq;
	bp.Q.value = 0.9;
	var g = ac.createGain();
	g.gain.setValueAtTime( 0, at );
	g.gain.linearRampToValueAtTime( gain, at + 0.002 );
	g.gain.exponentialRampToValueAtTime( 0.0005, at + 0.14 );
	src.connect( bp ).connect( g ).connect( ac.destination );
	src.start( at, Math.random() * 0.5 );
	src.stop( at + 0.16 );
	nodes.push( src );
}

/* ── Build widget ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
function buildWidget( container ) {
	var ds = container.dataset;
	var state = {
		d: num( ds.distance, D_MIN, D_MAX, 25 ),
		running: false,
		clock: null,   /* returns seconds since the clap, from the audio clock */
		now: 0         /* seconds since the clap at the current frame */
	};
	var W = 600;
	var reduce = window.matchMedia &amp;&amp; window.matchMedia( '(prefers-reduced-motion: reduce)' ).matches;

	container.innerHTML = '';
	var root = el( 'div', 'hw-sound' );
	container.appendChild( root );

	/* -- top bar -- */
	var bar = el( 'div', 'hw-sound__bar' );
	var clapBtn = el( 'button', 'hw-sound__btn hw-sound__play' );
	clapBtn.type = 'button';
	var icon = el( 'span', 'hw-sound__icon', '▶' );
	icon.setAttribute( 'aria-hidden', 'true' );
	clapBtn.appendChild( icon );
	clapBtn.appendChild( el( 'span', null, t( 'clap' ) ) );
	bar.appendChild( clapBtn );
	bar.appendChild( el( 'span', 'hw-sound__note', t( 'note' ) ) );
	root.appendChild( bar );

	/* -- canvas -- */
	var canvas = el( 'canvas', 'hw-sound__canvas' );
	canvas.style.height = H_PX + 'px';
	canvas.setAttribute( 'role', 'img' );
	canvas.setAttribute( 'aria-label', t( 'canvasLabel' ) );
	root.appendChild( canvas );
	var ctx = canvas.getContext( '2d' );
	root.appendChild( el( 'div', 'hw-echo__gap' ) );

	/* -- distance slider (logarithmic) -- */
	var dSlider = makeSlider( root, t( 'distance' ), 0, 1000, 1, distToSlider( state.d ) );
	dSlider.input.addEventListener( 'input', function () {
		state.d = sliderToDist( +dSlider.input.value );
		state.running = false;
		update();
	} );

	/* -- stat cards -- */
	var stats = el( 'div', 'hw-sound__stats' );
	function stat( label ) {
		var c = el( 'div', 'hw-sound__stat' );
		c.appendChild( el( 'span', null, label ) );
		var b = el( 'b' );
		c.appendChild( b );
		stats.appendChild( c );
		return b;
	}
	var sDelay = stat( t( 'delay' ) );
	var sHeard = stat( t( 'heard' ) );
	root.appendChild( stats );

	makeFooter( container, t( 'hint' ) );

	/* -- geometry: the scene zooms so the wall sits near WALL_AT -- */
	function viewMetres() { return Math.max( VIEW_MIN, state.d / WALL_AT ); }
	function scale() { return ( W - PERSON_X - 24 ) / viewMetres(); }   /* px per metre */
	function wallX() { return PERSON_X + state.d * scale(); }
	function tlMax() { return timelineMax( state.d ); }
	function tlX( sec ) { return TL_X0 + ( W - TL_X0 - 16 ) * sec / tlMax(); }

	/* -- drawing -- */
	function drawScene( p ) {
		var xw = wallX(), yc = SCENE_Y - 34, sc = scale();

		/* ground */
		ctx.strokeStyle = p.ground;
		ctx.lineWidth = 1;
		ctx.beginPath(); ctx.moveTo( 0, SCENE_Y ); ctx.lineTo( W, SCENE_Y ); ctx.stroke();
		ctx.font = '11px sans-serif';
		ctx.textAlign = 'center';

		/* 17 m threshold tick, while it is a readable distance from the person */
		var thr = V_SOUND * FUSION / 2, xt = PERSON_X + thr * sc;
		if ( xt - PERSON_X &gt; 24 &amp;&amp; xt &lt; W - 10 ) {
			ctx.setLineDash( [ 3, 3 ] );
			ctx.beginPath(); ctx.moveTo( xt, SCENE_Y - 6 ); ctx.lineTo( xt, SCENE_Y + 6 ); ctx.stroke();
			ctx.setLineDash( [] );
			ctx.fillStyle = p.text;
			ctx.fillText( fmt( thr, 0 ) + ' m', xt, SCENE_Y + ( Math.abs( xw - xt ) &lt; 34 ? 32 : 18 ) );
		}

		/* wavefronts, clipped to the air in front of the wall */
		if ( state.running ) {
			var r = V_SOUND * state.now * sc;
			var gap = xw - PERSON_X;
			ctx.save();
			ctx.beginPath(); ctx.rect( 0, 0, xw, SCENE_Y ); ctx.clip();
			ctx.lineWidth = 3;
			if ( r &gt; 0 &amp;&amp; r &lt; gap + W ) {
				ctx.strokeStyle = 'rgba(' + p.wave + ',' + Math.max( 0.2, 1 - r / ( 1.4 * W ) ).toFixed( 3 ) + ')';
				ctx.beginPath(); ctx.arc( PERSON_X, yc, r, 0, 2 * Math.PI ); ctx.stroke();
			}
			if ( r &gt; gap ) {
				ctx.strokeStyle = p.echo;
				ctx.globalAlpha = Math.max( 0.45, echoLevel( state.d ) * 1.4 );
				ctx.beginPath(); ctx.arc( 2 * xw - PERSON_X, yc, r, 0, 2 * Math.PI ); ctx.stroke();
				ctx.globalAlpha = 1;
			}
			ctx.restore();
		}

		/* wall */
		ctx.fillStyle = p.wall;
		ctx.fillRect( xw, SCENE_Y - 104, 9, 104 );
		ctx.strokeStyle = isDark() ? '#2C2C2A' : '#ffffff';
		ctx.lineWidth = 1;
		for ( var by = SCENE_Y - 104 + 10; by &lt; SCENE_Y; by += 12 ) {
			ctx.beginPath(); ctx.moveTo( xw, by ); ctx.lineTo( xw + 9, by ); ctx.stroke();
		}

		/* person: head and body */
		ctx.fillStyle = p.person;
		ctx.beginPath(); ctx.arc( PERSON_X, SCENE_Y - 46, 7, 0, 2 * Math.PI ); ctx.fill();
		ctx.fillRect( PERSON_X - 5, SCENE_Y - 37, 10, 37 );

		ctx.fillStyle = p.text;
		ctx.textAlign = 'center';
		ctx.fillText( t( 'person' ), PERSON_X, SCENE_Y + 18 );
		ctx.fillText( t( 'wall' ), xw + 4, SCENE_Y + 18 );
		if ( xw - PERSON_X &gt; 40 ) {
			ctx.fillText( fmtDist( state.d ), ( PERSON_X + xw ) / 2, SCENE_Y - 112 );
			ctx.strokeStyle = p.text;
			ctx.beginPath();
			ctx.moveTo( PERSON_X + 10, SCENE_Y - 106 ); ctx.lineTo( xw - 2, SCENE_Y - 106 );
			ctx.stroke();
		}
	}

	function pulse( p, at, height, color, label, reveal ) {
		var x0 = tlX( at ), base = TL_BOT, h = height * ( TL_BOT - TL_TOP - 18 );
		var end = Math.min( at + 0.07, tlMax() );
		if ( reveal !== undefined &amp;&amp; reveal &lt; at ) { return; }
		var stopAt = reveal === undefined ? end : Math.min( end, reveal );
		ctx.fillStyle = color;
		ctx.globalAlpha = 0.85;
		ctx.beginPath();
		ctx.moveTo( x0, base );
		for ( var s = at; s &lt;= stopAt; s += 0.001 ) {
			ctx.lineTo( tlX( s ), base - h * Math.exp( -( s - at ) / 0.012 ) );
		}
		ctx.lineTo( tlX( stopAt ), base );
		ctx.closePath();
		ctx.fill();
		ctx.globalAlpha = 1;
		ctx.fillStyle = color;
		ctx.textAlign = 'left';
		ctx.fillText( label, x0 + 4, base - h - 4 );
	}

	function drawTimeline( p ) {
		var delay = echoDelay( state.d ), tmax = tlMax(), step = tickStep( tmax );

		/* fusion zone */
		ctx.fillStyle = p.fusion;
		ctx.fillRect( tlX( 0 ), TL_TOP, tlX( FUSION ) - tlX( 0 ), TL_BOT - TL_TOP );
		ctx.fillStyle = p.text;
		ctx.font = '11px sans-serif';
		ctx.textAlign = tlX( FUSION ) - tlX( 0 ) &gt; 110 ? 'center' : 'left';
		ctx.fillText( t( 'fusion' ),
			ctx.textAlign === 'center' ? ( tlX( 0 ) + tlX( FUSION ) ) / 2 : tlX( 0 ), TL_TOP - 6 );

		/* axis and ticks */
		ctx.strokeStyle = p.ground;
		ctx.lineWidth = 1;
		ctx.beginPath(); ctx.moveTo( TL_X0, TL_BOT ); ctx.lineTo( W - 16, TL_BOT ); ctx.stroke();
		ctx.fillStyle = p.text;
		ctx.textAlign = 'center';
		for ( var s = 0; s &lt;= tmax + 1e-9; s += step ) {
			var x = tlX( s );
			ctx.beginPath(); ctx.moveTo( x, TL_BOT ); ctx.lineTo( x, TL_BOT + 4 ); ctx.stroke();
			ctx.fillText( String( Math.round( s * 1000 ) ), x, TL_BOT + 16 );
		}
		ctx.textAlign = 'right';
		ctx.fillText( t( 'timeAxis' ), W - 16, TL_BOT + 28 );

		/* pulses: revealed in step with the sound while running */
		var reveal = state.running ? state.now : undefined;
		pulse( p, 0, 1, 'rgb(' + p.wave + ')', t( 'direct' ), reveal );
		pulse( p, delay, echoLevel( state.d ) * 1.2, p.echo, t( 'reflected' ), reveal );

		if ( state.running &amp;&amp; reveal &gt;= 0 &amp;&amp; reveal &lt;= tmax ) {
			var cx = tlX( reveal );
			ctx.strokeStyle = p.cursor;
			ctx.beginPath(); ctx.moveTo( cx, TL_TOP ); ctx.lineTo( cx, TL_BOT ); ctx.stroke();
		}
	}

	function draw() {
		var p = palette();
		ctx.clearRect( 0, 0, W, H_PX );
		drawScene( p );
		drawTimeline( p );
	}

	/* -- animation: driven by the audio clock, so sight and sound agree -- */
	var raf = null, visible = true;
	function tick() {
		raf = null;
		state.now = state.clock();
		var r = V_SOUND * state.now * scale();
		var echoGone = r &gt; 2 * ( wallX() - PERSON_X ) + W;
		var timelineDone = state.now &gt; Math.max( echoDelay( state.d ) + 0.07, 0.12 );
		if ( echoGone &amp;&amp; timelineDone ) { state.running = false; }
		draw();
		if ( state.running &amp;&amp; visible ) { raf = requestAnimationFrame( tick ); }
	}
	function animate( clock ) {
		if ( reduce ) { draw(); return; }
		state.clock = clock;
		state.running = true;
		if ( !raf ) { raf = requestAnimationFrame( tick ); }
	}
	if ( 'IntersectionObserver' in window ) {
		new IntersectionObserver( function ( entries ) {
			visible = entries[ 0 ].isIntersecting;
			if ( visible &amp;&amp; state.running &amp;&amp; !raf ) { raf = requestAnimationFrame( tick ); }
		} ).observe( canvas );
	}

	/* -- audio -- */
	var voice = {
		nodes: [],
		stop: function () {
			voice.nodes.forEach( function ( n ) { try { n.stop(); } catch ( e ) {} } );
			voice.nodes = [];
			audioHub().release( voice );
		}
	};

	/* Schedules the clap and its echo; returns a clock that reads
	 * seconds since the clap. Falls back to the page clock without audio. */
	function playClap() {
		var hub = audioHub();
		var ac = hub.context();
		if ( !ac ) {
			clapBtn.title = t( 'noAudio' );
			var t0 = performance.now() / 1000 + LEAD;
			return function () { return performance.now() / 1000 - t0; };
		}
		hub.claim( voice );
		voice.nodes = [];
		var at = ac.currentTime + LEAD;
		clap( ac, at, MAX_GAIN, 1800, voice.nodes );
		clap( ac, at + echoDelay( state.d ), MAX_GAIN * echoLevel( state.d ), 1200, voice.nodes );
		/* outputLatency (where supported) aligns the picture with what
		 * reaches the speakers, not with what leaves the audio graph */
		var lat = ac.outputLatency || ac.baseLatency || 0;
		return function () { return ac.currentTime - at - lat; };
	}

	clapBtn.addEventListener( 'click', function () {
		animate( playClap() );
	} );

	/* -- readouts -- */
	function update() {
		var delay = echoDelay( state.d );
		dSlider.out.textContent = fmtDist( state.d );
		sDelay.textContent = String( Math.round( delay * 1000 ) ) + ' ms';
		sHeard.textContent = delay &gt;= FUSION ? t( 'echo' ) : t( 'reverb' );
		draw();
	}

	function resize() {
		var dpr = window.devicePixelRatio || 1;
		W = canvas.clientWidth || W;
		canvas.width = Math.round( W * dpr );
		canvas.height = Math.round( H_PX * dpr );
		ctx.setTransform( dpr, 0, 0, dpr, 0, 0 );
		draw();
	}
	new ResizeObserver( resize ).observe( canvas );

	/* dark-mode live update (MediaWiki) */
	var mo = new MutationObserver( draw );
	mo.observe( document.documentElement, { attributes: true, attributeFilter: [ 'class' ] } );
	mo.observe( document.body, { attributes: true, attributeFilter: [ 'class' ] } );

	update();
}

/* ----------------------------------------------------------
 * Initialise all matching containers on the page
 * ---------------------------------------------------------- */
document.querySelectorAll( '.hiruwiki[data-module=&quot;echo&quot;]' ).forEach( buildWidget );

}() );</text>
      <sha1>9vreyam34kj0f2x7dv5p81m3vaqo4kz</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/harmonics.css</title>
    <ns>8</ns>
    <id>189966</id>
    <revision>
      <id>781428</id>
      <timestamp>2026-10-28T10:39:15Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781428</origin>
      <model>css</model>
      <format>text/css</format>
      <text bytes="4257" sha1="byczla1upe2ox32t32jsno3m0y1fv36" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* =========================================================
 * Hiruwiki module: harmonics — stylesheet
 * Colours come from the --hw-* tokens in hiruwiki-shared.css,
 * which the core loads first and which handle dark mode.
 * The .hw-sound__* rules are repeated in every sound module's
 * stylesheet (sound-wave, harmonics, sound-propagation) because
 * the core loads one CSS file per module; keep them in sync.
 * ========================================================= */

/* Card */
.hw-sound {
	font-family: var(--hw-font);
	font-size: 14px;
	line-height: 1.4;
	color: var(--hw-text-base);
	background: var(--hw-bg-base);
	border: 0.5px solid var(--hw-border);
	border-radius: var(--hw-radius-lg);
	padding: 12px 16px;
	margin: 1em 0 0;
	box-sizing: border-box;
}

.hw-sound__bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 8px;
}

.hw-sound__note,
.hw-sound__axis {
	font-size: 12px;
	color: var(--hw-text-muted);
}

/* Canvas */
.hw-sound__canvas {
	display: block;
	width: 100%;
	border-radius: var(--hw-radius-sm);
	background: var(--hw-bg-subtle);
	touch-action: pan-y;
}

.hw-sound__axis {
	display: flex;
	justify-content: space-between;
	margin: 4px 0 12px;
}

/* Control rows */
.hw-sound__row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 12px;
	margin: 0 0 10px;
}

.hw-sound__row--disabled {
	opacity: 0.4;
}

.hw-sound__label {
	min-width: 110px;
	color: var(--hw-text-muted);
}

.hw-sound__range {
	flex: 1;
	min-width: 120px;
	accent-color: var(--hw-color-primary);
}

.hw-sound__out {
	min-width: 72px;
	text-align: right;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}

/* Buttons and segmented choices */
.hw-sound__seg {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.hw-sound__btn {
	font: inherit;
	font-size: 13px;
	padding: 4px 12px;
	border: 0.5px solid var(--hw-border);
	border-radius: var(--hw-radius-sm);
	background: var(--hw-bg-base);
	color: var(--hw-text-base);
	cursor: pointer;
}

.hw-sound__btn:hover {
	background: var(--hw-bg-subtle);
}

.hw-sound__btn[aria-pressed=&quot;true&quot;] {
	background: var(--hw-color-primary-subtle);
	border-color: var(--hw-color-primary);
	color: var(--hw-color-primary);
}

.hw-sound__btn:focus-visible,
.hw-sound__range:focus-visible {
	outline: 2px solid var(--hw-color-primary);
	outline-offset: 1px;
}

.hw-sound__play {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.hw-sound__icon {
	font-size: 11px;
	width: 12px;
	text-align: center;
}

/* Stat cards */
.hw-sound__stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 8px;
	margin: 8px 0 4px;
}

.hw-sound__stat {
	background: var(--hw-bg-subtle);
	border-radius: var(--hw-radius-sm);
	padding: 8px 10px;
}

.hw-sound__stat span {
	display: block;
	font-size: 12px;
	color: var(--hw-text-muted);
}

.hw-sound__stat b {
	font-size: 17px;
	font-variant-numeric: tabular-nums;
}

@media print {
	.hw-sound__btn {
		display: none;
	}
}

/* Header row above the harmonic sliders */
.hw-sound__row--split {
	justify-content: space-between;
	margin-top: 14px;
}

.hw-sound__check {
	font-size: 13px;
	color: var(--hw-text-muted);
	cursor: pointer;
}

/* Eight vertical harmonic sliders */
.hw-sound__harm {
	display: grid;
	grid-template-columns: repeat(8, minmax(0, 1fr));
	gap: 4px;
	margin: 4px 0 12px;
}

.hw-sound__h {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
	font-size: 11px;
	color: var(--hw-text-muted);
	font-variant-numeric: tabular-nums;
}

.hw-sound__h input {
	writing-mode: vertical-lr;
	direction: rtl;
	width: 24px;
	height: 110px;
	margin: 0;
	accent-color: var(--hw-color-primary);
}

.hw-sound__h input:focus-visible {
	outline: 2px solid var(--hw-color-primary);
	outline-offset: 1px;
}

.hw-sound__h b {
	font-size: 13px;
	color: var(--hw-text-base);
}

.hw-sound__h.is-off b {
	color: var(--hw-text-muted);
	text-decoration: line-through;
}

@media print {
	.hw-sound__check {
		display: none;
	}
}</text>
      <sha1>byczla1upe2ox32t32jsno3m0y1fv36</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/harmonics.js</title>
    <ns>8</ns>
    <id>189967</id>
    <revision>
      <id>781429</id>
      <timestamp>2026-10-28T10:39:18Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781429</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="20777" sha1="scir9zwp42ig50jas9f5d2ib8h5divp" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* =========================================================
 * Hiruwiki module: harmonics
 * Additive synthesis: eight harmonic sliders (f, 2f … 8f),
 * the resulting waveform, optional component curves, timbre
 * presets, a &quot;remove the fundamental&quot; button and real audio.
 *
 *   &lt;div class=&quot;hiruwiki&quot; data-module=&quot;harmonics&quot;
 *        data-preset=&quot;sine&quot; data-fundamental=&quot;220&quot;&gt;&lt;/div&gt;
 *
 *   data-preset      sine | flute | clarinet | violin | oboe
 *   data-fundamental 110–440 Hz, default 220
 *   data-harmonics   optional custom start: eight comma-
 *                    separated values 0–1 (&quot;1,0,0.33,0,0.2&quot;)
 *
 * Audio uses a PeriodicWave, which the browser normalises,
 * so every preset sounds at roughly the same loudness: same
 * pitch, same intensity, different timbre.
 *
 * The presets are stylised spectra, not measurements. Real
 * instruments vary with register, dynamics and player.
 * =========================================================
 * i18n: add a new key to the `messages` object below and
 *       a matching entry for every language code you need.
 *       Banana falls back to 'en' when a key is missing.
 * ========================================================= */

( function () {

/* ── I18N ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var messages = /* I18N_START */ {
    &quot;fr&quot;: {
        &quot;_name&quot;: &quot;Harmoniques et timbre&quot;,
        &quot;hint&quot;: &quot;Même hauteur et même intensité, timbre différent : modifiez les harmoniques et écoutez&quot;,
        &quot;play&quot;: &quot;Écouter&quot;,
        &quot;stop&quot;: &quot;Arrêter&quot;,
        &quot;noAudio&quot;: &quot;Votre navigateur ne peut pas jouer de son&quot;,
        &quot;showComponents&quot;: &quot;Afficher les composantes&quot;,
        &quot;presets&quot;: &quot;Préréglages&quot;,
        &quot;presetSine&quot;: &quot;Sinus pur&quot;,
        &quot;presetFlute&quot;: &quot;Flûte&quot;,
        &quot;presetClarinet&quot;: &quot;Clarinette&quot;,
        &quot;presetViolin&quot;: &quot;Violon&quot;,
        &quot;presetOboe&quot;: &quot;Hautbois&quot;,
        &quot;harmonics&quot;: &quot;Harmoniques (intensité)&quot;,
        &quot;removeFundamental&quot;: &quot;Supprimer la fondamentale&quot;,
        &quot;harmonicAria&quot;: &quot;Intensité de l'harmonique $1&quot;,
        &quot;fundamental&quot;: &quot;Fréquence fondamentale&quot;,
        &quot;periods&quot;: &quot;3 périodes&quot;,
        &quot;timeAxis&quot;: &quot;temps →&quot;,
        &quot;silence&quot;: &quot;Silence : toutes les harmoniques sont à zéro&quot;
    },
    &quot;eu&quot;: {
        &quot;_name&quot;: &quot;Harmonikoak eta tinbrea&quot;,
        &quot;hint&quot;: &quot;Altuera eta intentsitate bera, tinbre desberdina: aldatu harmonikoak eta entzun&quot;,
        &quot;play&quot;: &quot;Entzun&quot;,
        &quot;stop&quot;: &quot;Gelditu&quot;,
        &quot;noAudio&quot;: &quot;Zure nabigatzaileak ezin du soinurik erreproduzitu&quot;,
        &quot;showComponents&quot;: &quot;Osagaiak erakutsi&quot;,
        &quot;presets&quot;: &quot;Aurrezarpenak&quot;,
        &quot;presetSine&quot;: &quot;Sinu hutsa&quot;,
        &quot;presetFlute&quot;: &quot;Txirula&quot;,
        &quot;presetClarinet&quot;: &quot;Klarinetea&quot;,
        &quot;presetViolin&quot;: &quot;Biolina&quot;,
        &quot;presetOboe&quot;: &quot;Oboea&quot;,
        &quot;harmonics&quot;: &quot;Harmonikoak (indarra)&quot;,
        &quot;removeFundamental&quot;: &quot;Oinarrizkoa kendu&quot;,
        &quot;harmonicAria&quot;: &quot;$1. harmonikoaren indarra&quot;,
        &quot;fundamental&quot;: &quot;Oinarrizko maiztasuna&quot;,
        &quot;periods&quot;: &quot;3 periodo&quot;,
        &quot;timeAxis&quot;: &quot;denbora →&quot;,
        &quot;silence&quot;: &quot;Isiltasuna: harmoniko guztiak zeroan&quot;
    },
    &quot;en&quot;: {
        &quot;_name&quot;: &quot;Harmonics and timbre&quot;,
        &quot;hint&quot;: &quot;Same pitch and loudness, different timbre: change the harmonics and listen&quot;,
        &quot;play&quot;: &quot;Listen&quot;,
        &quot;stop&quot;: &quot;Stop&quot;,
        &quot;noAudio&quot;: &quot;Your browser can't play sound&quot;,
        &quot;showComponents&quot;: &quot;Show components&quot;,
        &quot;presets&quot;: &quot;Presets&quot;,
        &quot;presetSine&quot;: &quot;Pure sine&quot;,
        &quot;presetFlute&quot;: &quot;Flute&quot;,
        &quot;presetClarinet&quot;: &quot;Clarinet&quot;,
        &quot;presetViolin&quot;: &quot;Violin&quot;,
        &quot;presetOboe&quot;: &quot;Oboe&quot;,
        &quot;harmonics&quot;: &quot;Harmonics (strength)&quot;,
        &quot;removeFundamental&quot;: &quot;Remove the fundamental&quot;,
        &quot;harmonicAria&quot;: &quot;Strength of harmonic $1&quot;,
        &quot;fundamental&quot;: &quot;Fundamental frequency&quot;,
        &quot;periods&quot;: &quot;3 periods&quot;,
        &quot;timeAxis&quot;: &quot;time →&quot;,
        &quot;silence&quot;: &quot;Silence: every harmonic is at zero&quot;
    },
    &quot;qqq&quot;: {
        &quot;_name&quot;: &quot;Name of the Harmonics module&quot;,
        &quot;hint&quot;: &quot;Instruction text shown in the footer.&quot;,
        &quot;play&quot;: &quot;Label of the button that starts the sound.&quot;,
        &quot;stop&quot;: &quot;Label of the button that stops the sound.&quot;,
        &quot;noAudio&quot;: &quot;Shown when the browser has no Web Audio support.&quot;,
        &quot;showComponents&quot;: &quot;Checkbox: draw each harmonic as a faint curve under the total.&quot;,
        &quot;presets&quot;: &quot;Label of the preset selector.&quot;,
        &quot;presetSine&quot;: &quot;Preset: only the fundamental.&quot;,
        &quot;presetFlute&quot;: &quot;Preset: stylised flute spectrum.&quot;,
        &quot;presetClarinet&quot;: &quot;Preset: stylised clarinet spectrum (odd harmonics only).&quot;,
        &quot;presetViolin&quot;: &quot;Preset: stylised violin spectrum (all harmonics, 1/n).&quot;,
        &quot;presetOboe&quot;: &quot;Preset: stylised oboe spectrum (weak fundamental).&quot;,
        &quot;harmonics&quot;: &quot;Label above the eight harmonic sliders.&quot;,
        &quot;removeFundamental&quot;: &quot;Button that sets the first harmonic to zero (missing-fundamental demo).&quot;,
        &quot;harmonicAria&quot;: &quot;Accessible label of each harmonic slider. $1 = harmonic number.&quot;,
        &quot;fundamental&quot;: &quot;Label of the fundamental frequency slider.&quot;,
        &quot;periods&quot;: &quot;Left label under the graph: how many periods are shown.&quot;,
        &quot;timeAxis&quot;: &quot;Centre label under the graph.&quot;,
        &quot;silence&quot;: &quot;Canvas message when all harmonics are zero.&quot;
    },
    &quot;es&quot;: {
        &quot;_name&quot;: &quot;Armónicos y timbre&quot;,
        &quot;hint&quot;: &quot;Misma altura e intensidad, distinto timbre: cambia los armónicos y escucha&quot;,
        &quot;play&quot;: &quot;Escuchar&quot;,
        &quot;stop&quot;: &quot;Detener&quot;,
        &quot;noAudio&quot;: &quot;Tu navegador no puede reproducir sonido&quot;,
        &quot;showComponents&quot;: &quot;Mostrar componentes&quot;,
        &quot;presets&quot;: &quot;Ajustes&quot;,
        &quot;presetSine&quot;: &quot;Seno puro&quot;,
        &quot;presetFlute&quot;: &quot;Flauta&quot;,
        &quot;presetClarinet&quot;: &quot;Clarinete&quot;,
        &quot;presetViolin&quot;: &quot;Violín&quot;,
        &quot;presetOboe&quot;: &quot;Oboe&quot;,
        &quot;harmonics&quot;: &quot;Armónicos (intensidad)&quot;,
        &quot;removeFundamental&quot;: &quot;Quitar la fundamental&quot;,
        &quot;harmonicAria&quot;: &quot;Intensidad del armónico $1&quot;,
        &quot;fundamental&quot;: &quot;Frecuencia fundamental&quot;,
        &quot;periods&quot;: &quot;3 periodos&quot;,
        &quot;timeAxis&quot;: &quot;tiempo →&quot;,
        &quot;silence&quot;: &quot;Silencio: todos los armónicos están a cero&quot;
    }
} /* I18N_END */
var lang = (window.mw &amp;&amp; mw.config.get('wgUserLanguage')) || 'en';
var banana = new Banana(lang.split('-')[0]);
banana.load(messages);

function t(key, vars) {
    var args = Array.isArray(vars) ? vars : [];
    var str = banana.i18n(key, ...args);
    if (vars &amp;&amp; typeof vars === 'object' &amp;&amp; !Array.isArray(vars)) {
        Object.keys(vars).forEach(function(k) {
            str = str.replace(new RegExp('\\{' + k + '\\}', 'g'), vars[k]);
        });
    }
    return str;
}

function t( key, params ) {
	return banana.i18n.apply( banana, [ key ].concat( params || [] ) );
}

/* ── Constants ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var H_PX     = 200;  /* canvas height (px)      */
var N        = 8;    /* number of harmonics     */
var PERIODS  = 3;    /* periods shown           */
var MAX_GAIN = 0.12; /* never louder than this  */
var PRESETS = {
	sine:     [ 1, 0, 0, 0, 0, 0, 0, 0 ],
	flute:    [ 1, 0.45, 0.12, 0.06, 0.03, 0, 0, 0 ],
	clarinet: [ 1, 0, 0.33, 0, 0.2, 0, 0.14, 0 ],
	violin:   [ 1, 0.5, 0.33, 0.25, 0.2, 0.17, 0.14, 0.12 ],
	oboe:     [ 0.4, 0.8, 1, 0.55, 0.35, 0.3, 0.15, 0.1 ]
};
var PRESET_KEYS = { sine: 'presetSine', flute: 'presetFlute', clarinet: 'presetClarinet', violin: 'presetViolin', oboe: 'presetOboe' };
var uid = 0;

/* ── Shared helpers ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
function el( tag, cls, text ) {
	var e = document.createElement( tag );
	if ( cls ) { e.className = cls; }
	if ( text !== undefined ) { e.textContent = text; }
	return e;
}

function num( v, min, max, def ) {
	var n = parseFloat( v );
	if ( isNaN( n ) ) { return def; }
	return Math.max( min, Math.min( max, n ) );
}

function fmt( n, d ) {
	try {
		return n.toLocaleString( lang, { minimumFractionDigits: d, maximumFractionDigits: d } );
	} catch ( e ) {
		return n.toFixed( d );
	}
}

function isDark() {
	var root = document.documentElement;
	return root.classList.contains( 'skin-theme-clientpref-night' ) ||
		root.classList.contains( 'client-dark-mode' ) ||
		document.body.classList.contains( 'mw-dark-mode' ) ||
		( root.classList.contains( 'skin-theme-clientpref-os' ) &amp;&amp;
			window.matchMedia &amp;&amp; window.matchMedia( '(prefers-color-scheme: dark)' ).matches );
}

function palette() {
	var d = isDark();
	return {
		wave: d ? '#5DCAA5' : '#0F6E56',
		comp: d ? 'rgba(175,169,236,.55)' : 'rgba(83,74,183,.45)',
		grid: d ? '#3a3a38' : '#e2e0d8',
		axis: d ? '#6b6a65' : '#a8a69e',
		text: d ? '#B4B2A9' : '#5F5E5A'
	};
}

function audioHub() {
	window.hiruwiki = window.hiruwiki || {};
	if ( !window.hiruwiki.audio ) {
		var hub = {
			ctx: null,
			current: null,
			context: function () {
				if ( !hub.ctx ) {
					var AC = window.AudioContext || window.webkitAudioContext;
					if ( !AC ) { return null; }
					hub.ctx = new AC();
				}
				if ( hub.ctx.state === 'suspended' ) { hub.ctx.resume(); }
				return hub.ctx;
			},
			claim: function ( owner ) {
				if ( hub.current &amp;&amp; hub.current !== owner ) { hub.current.stop(); }
				hub.current = owner;
			},
			release: function ( owner ) {
				if ( hub.current === owner ) { hub.current = null; }
			}
		};
		document.addEventListener( 'visibilitychange', function () {
			if ( document.hidden &amp;&amp; hub.current ) { hub.current.stop(); }
		} );
		window.hiruwiki.audio = hub;
	}
	return window.hiruwiki.audio;
}

function makeFooter( container, text ) {
	var footer = el( 'div', 'hw-footer' );
	var logo = el( 'a', 'hw-footer-icon' );
	logo.href = ( window.mw &amp;&amp; mw.util &amp;&amp; mw.util.getUrl( 'Wikipedia:Hiruwiki' ) ) || '#';
	logo.title = 'Hiruwiki';
	if ( window.hiruwiki &amp;&amp; window.hiruwiki.getLogoSvg ) {
		logo.insertAdjacentHTML( 'beforeend', window.hiruwiki.getLogoSvg( 22 ) );
	}
	footer.appendChild( logo );
	footer.appendChild( el( 'span', 'hw-footer__text', text ) );
	container.appendChild( footer );
}

function makeSlider( parent, label, min, max, step, value ) {
	var id = 'hw-sound-' + ( ++uid );
	var row = el( 'div', 'hw-sound__row' );
	var lab = el( 'label', 'hw-sound__label', label );
	lab.htmlFor = id;
	var input = el( 'input', 'hw-sound__range' );
	input.type = 'range'; input.id = id;
	input.min = min; input.max = max; input.step = step; input.value = value;
	var out = el( 'output', 'hw-sound__out' );
	out.setAttribute( 'for', id );
	row.appendChild( lab ); row.appendChild( input ); row.appendChild( out );
	parent.appendChild( row );
	return { row: row, input: input, out: out };
}

function makeSegment( parent, label, options, value, onChange ) {
	var id = 'hw-sound-' + ( ++uid );
	var row = el( 'div', 'hw-sound__row' );
	var lab = el( 'span', 'hw-sound__label', label );
	lab.id = id;
	var seg = el( 'div', 'hw-sound__seg' );
	seg.setAttribute( 'role', 'group' );
	seg.setAttribute( 'aria-labelledby', id );
	var buttons = options.map( function ( o ) {
		var b = el( 'button', 'hw-sound__btn', o.label );
		b.type = 'button';
		b.addEventListener( 'click', function () { set( o.value ); onChange( o.value ); } );
		seg.appendChild( b );
		return { b: b, v: o.value };
	} );
	function set( v ) {
		buttons.forEach( function ( x ) { x.b.setAttribute( 'aria-pressed', x.v === v ? 'true' : 'false' ); } );
	}
	set( value );
	row.appendChild( lab ); row.appendChild( seg );
	parent.appendChild( row );
	return { row: row, set: set };
}

function makePlayButton( onClick ) {
	var b = el( 'button', 'hw-sound__btn hw-sound__play' );
	b.type = 'button';
	var icon = el( 'span', 'hw-sound__icon' );
	icon.setAttribute( 'aria-hidden', 'true' );
	var txt = el( 'span' );
	b.appendChild( icon ); b.appendChild( txt );
	b.addEventListener( 'click', onClick );
	return {
		el: b,
		set: function ( on, onLabel, offLabel ) {
			icon.textContent = on ? '❚❚' : '▶';
			txt.textContent = on ? onLabel : offLabel;
			b.setAttribute( 'aria-pressed', on ? 'true' : 'false' );
		}
	};
}

/* ── Build widget ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
function buildWidget( container ) {
	var ds = container.dataset;
	var preset = PRESETS[ ds.preset ] ? ds.preset : 'sine';
	var h = PRESETS[ preset ].slice();
	if ( ds.harmonics ) {
		var custom = ds.harmonics.split( ',' ).map( function ( s ) { return num( s, 0, 1, 0 ); } );
		if ( custom.length ) {
			h = [];
			for ( var c = 0; c &lt; N; c++ ) { h.push( custom[ c ] || 0 ); }
			preset = null;
		}
	}
	var state = { f0: num( ds.fundamental, 110, 440, 220 ), showComp: false };

	container.innerHTML = '';
	var root = el( 'div', 'hw-sound' );
	container.appendChild( root );

	/* -- top bar -- */
	var bar = el( 'div', 'hw-sound__bar' );
	var play = makePlayButton( function () { if ( voice.playing ) { voice.stop(); } else { voice.start(); } } );
	bar.appendChild( play.el );
	var compLabel = el( 'label', 'hw-sound__check' );
	var compBox = el( 'input' );
	compBox.type = 'checkbox';
	compBox.addEventListener( 'change', function () { state.showComp = compBox.checked; draw(); } );
	compLabel.appendChild( compBox );
	compLabel.appendChild( document.createTextNode( ' ' + t( 'showComponents' ) ) );
	bar.appendChild( compLabel );
	root.appendChild( bar );

	/* -- canvas -- */
	var canvas = el( 'canvas', 'hw-sound__canvas' );
	canvas.style.height = H_PX + 'px';
	canvas.setAttribute( 'role', 'img' );
	canvas.setAttribute( 'aria-label', t( '_name' ) );
	root.appendChild( canvas );
	var ctx = canvas.getContext( '2d' );

	var axis = el( 'div', 'hw-sound__axis' );
	axis.appendChild( el( 'span', null, t( 'periods' ) ) );
	axis.appendChild( el( 'span', null, t( 'timeAxis' ) ) );
	var axisEnd = el( 'span' );
	axis.appendChild( axisEnd );
	root.appendChild( axis );

	/* -- presets -- */
	var presetSeg = makeSegment( root, t( 'presets' ),
		Object.keys( PRESETS ).map( function ( k ) { return { value: k, label: t( PRESET_KEYS[ k ] ) }; } ),
		preset, function ( k ) { h = PRESETS[ k ].slice(); syncSliders(); update(); } );

	/* -- harmonic sliders -- */
	var head = el( 'div', 'hw-sound__row hw-sound__row--split' );
	head.appendChild( el( 'span', 'hw-sound__label', t( 'harmonics' ) ) );
	var missBtn = el( 'button', 'hw-sound__btn', t( 'removeFundamental' ) );
	missBtn.type = 'button';
	missBtn.addEventListener( 'click', function () { h[ 0 ] = 0; presetSeg.set( null ); syncSliders(); update(); } );
	head.appendChild( missBtn );
	root.appendChild( head );

	var grid = el( 'div', 'hw-sound__harm' );
	var cols = [];
	for ( var i = 0; i &lt; N; i++ ) {
		( function ( k ) {
			var col = el( 'div', 'hw-sound__h' );
			var val = el( 'span' );
			var input = el( 'input' );
			input.type = 'range'; input.min = 0; input.max = 100; input.step = 1;
			input.setAttribute( 'aria-label', t( 'harmonicAria', [ k + 1 ] ) );
			input.addEventListener( 'input', function () {
				h[ k ] = +input.value / 100;
				presetSeg.set( null );
				update();
			} );
			var name = el( 'b', null, ( k + 1 ) + 'f' );
			var hz = el( 'span' );
			col.appendChild( val ); col.appendChild( input ); col.appendChild( name ); col.appendChild( hz );
			grid.appendChild( col );
			cols.push( { col: col, val: val, input: input, hz: hz } );
		}( i ) );
	}
	root.appendChild( grid );

	/* -- fundamental -- */
	var fSlider = makeSlider( root, t( 'fundamental' ), 110, 440, 1, state.f0 );
	fSlider.input.addEventListener( 'input', function () { state.f0 = +fSlider.input.value; update(); } );

	makeFooter( container, t( 'hint' ) );

	function syncSliders() {
		cols.forEach( function ( c, k ) { c.input.value = Math.round( h[ k ] * 100 ); } );
	}
	function anyOn() {
		return h.some( function ( x ) { return x &gt; 0; } );
	}

	/* -- audio -- */
	var voice = {
		playing: false, osc: null, gain: null, ac: null,
		wave: function () {
			var re = new Float32Array( N + 1 ), im = new Float32Array( N + 1 );
			for ( var k = 0; k &lt; N; k++ ) { im[ k + 1 ] = h[ k ]; }
			return voice.ac.createPeriodicWave( re, im );
		},
		start: function () {
			var hub = audioHub();
			var ac = hub.context();
			if ( !ac ) { play.el.title = t( 'noAudio' ); return; }
			hub.claim( voice );
			voice.ac = ac;
			voice.osc = ac.createOscillator();
			voice.gain = ac.createGain();
			voice.gain.gain.value = 0;
			voice.osc.frequency.value = state.f0;
			if ( anyOn() ) { voice.osc.setPeriodicWave( voice.wave() ); }
			voice.osc.connect( voice.gain ).connect( ac.destination );
			voice.osc.start();
			voice.playing = true;
			voice.refresh();
			play.set( true, t( 'stop' ), t( 'play' ) );
		},
		stop: function () {
			if ( !voice.playing ) { return; }
			var o = voice.osc;
			voice.gain.gain.setTargetAtTime( 0, voice.ac.currentTime, 0.02 );
			setTimeout( function () { o.stop(); o.disconnect(); }, 150 );
			voice.playing = false;
			audioHub().release( voice );
			play.set( false, t( 'stop' ), t( 'play' ) );
		},
		refresh: function () {
			if ( !voice.playing ) { return; }
			var on = anyOn(), now = voice.ac.currentTime;
			voice.osc.frequency.setTargetAtTime( state.f0, now, 0.02 );
			if ( on ) { voice.osc.setPeriodicWave( voice.wave() ); }
			voice.gain.gain.setTargetAtTime( on ? MAX_GAIN : 0, now, 0.02 );
		}
	};
	play.set( false, t( 'stop' ), t( 'play' ) );

	/* -- drawing -- */
	function sum( x ) {
		var s = 0;
		for ( var k = 0; k &lt; N; k++ ) { s += h[ k ] * Math.sin( 2 * Math.PI * ( k + 1 ) * x ); }
		return s;
	}

	function draw() {
		var p = palette();
		var W = canvas.clientWidth, H = H_PX, mid = H / 2, R = H / 2 - 14;
		var px, k, y;
		ctx.clearRect( 0, 0, W, H );

		ctx.lineWidth = 1;
		ctx.strokeStyle = p.grid;
		for ( var i = 1; i &lt; PERIODS; i++ ) {
			ctx.beginPath(); ctx.moveTo( W * i / PERIODS, 0 ); ctx.lineTo( W * i / PERIODS, H ); ctx.stroke();
		}
		ctx.strokeStyle = p.axis;
		ctx.beginPath(); ctx.moveTo( 0, mid ); ctx.lineTo( W, mid ); ctx.stroke();

		/* normalise the drawing to the curve's own peak, as the audio does */
		var mx = 0;
		for ( px = 0; px &lt;= W; px++ ) { mx = Math.max( mx, Math.abs( sum( px / W * PERIODS ) ) ); }
		if ( mx &lt; 1e-6 ) {
			ctx.fillStyle = p.text;
			ctx.font = '13px sans-serif';
			ctx.textAlign = 'center';
			ctx.fillText( t( 'silence' ), W / 2, mid - 10 );
			return;
		}

		if ( state.showComp ) {
			ctx.strokeStyle = p.comp;
			ctx.lineWidth = 1;
			for ( k = 0; k &lt; N; k++ ) {
				if ( !h[ k ] ) { continue; }
				ctx.beginPath();
				for ( px = 0; px &lt;= W; px++ ) {
					y = mid - h[ k ] * Math.sin( 2 * Math.PI * ( k + 1 ) * px / W * PERIODS ) / mx * R;
					if ( px ) { ctx.lineTo( px, y ); } else { ctx.moveTo( px, y ); }
				}
				ctx.stroke();
			}
		}

		ctx.strokeStyle = p.wave;
		ctx.lineWidth = 2.4;
		ctx.beginPath();
		for ( px = 0; px &lt;= W; px++ ) {
			y = mid - sum( px / W * PERIODS ) / mx * R;
			if ( px ) { ctx.lineTo( px, y ); } else { ctx.moveTo( px, y ); }
		}
		ctx.stroke();
	}

	function update() {
		fSlider.out.textContent = fmt( state.f0, 0 ) + ' Hz';
		axisEnd.textContent = fmt( PERIODS * 1000 / state.f0, 1 ) + ' ms';
		cols.forEach( function ( c, k ) {
			c.val.textContent = fmt( h[ k ] * 100, 0 );
			c.hz.textContent = fmt( state.f0 * ( k + 1 ), 0 );
			c.col.classList.toggle( 'is-off', h[ k ] === 0 );
		} );
		voice.refresh();
		draw();
	}

	function resize() {
		var dpr = window.devicePixelRatio || 1;
		canvas.width = Math.round( canvas.clientWidth * dpr );
		canvas.height = Math.round( H_PX * dpr );
		ctx.setTransform( dpr, 0, 0, dpr, 0, 0 );
		draw();
	}

	new ResizeObserver( resize ).observe( canvas );

	/* dark-mode live update (MediaWiki) */
	var mo = new MutationObserver( draw );
	mo.observe( document.documentElement, { attributes: true, attributeFilter: [ 'class' ] } );
	mo.observe( document.body, { attributes: true, attributeFilter: [ 'class' ] } );

	syncSliders();
	update();
}

/* ----------------------------------------------------------
 * Initialise all matching containers on the page
 * ---------------------------------------------------------- */
document.querySelectorAll( '.hiruwiki[data-module=&quot;harmonics&quot;]' ).forEach( buildWidget );

}() );</text>
      <sha1>scir9zwp42ig50jas9f5d2ib8h5divp</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/sound-propagation.css</title>
    <ns>8</ns>
    <id>189968</id>
    <revision>
      <id>781445</id>
      <timestamp>2026-10-28T10:40:11Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781445</origin>
      <model>css</model>
      <format>text/css</format>
      <text bytes="3249" sha1="rkd6v69vyohbye9shqpge0m0ooghyna" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* =========================================================
 * Hiruwiki module: sound-propagation — stylesheet
 * Colours come from the --hw-* tokens in hiruwiki-shared.css,
 * which the core loads first and which handle dark mode.
 * The .hw-sound__* rules are repeated in every sound module's
 * stylesheet (sound-wave, harmonics, sound-propagation) because
 * the core loads one CSS file per module; keep them in sync.
 * ========================================================= */

/* Card */
.hw-sound {
	font-family: var(--hw-font);
	font-size: 14px;
	line-height: 1.4;
	color: var(--hw-text-base);
	background: var(--hw-bg-base);
	border: 0.5px solid var(--hw-border);
	border-radius: var(--hw-radius-lg);
	padding: 12px 16px;
	margin: 1em 0 0;
	box-sizing: border-box;
}

.hw-sound__bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 8px;
}

.hw-sound__note,
.hw-sound__axis {
	font-size: 12px;
	color: var(--hw-text-muted);
}

/* Canvas */
.hw-sound__canvas {
	display: block;
	width: 100%;
	border-radius: var(--hw-radius-sm);
	background: var(--hw-bg-subtle);
	touch-action: pan-y;
}

.hw-sound__axis {
	display: flex;
	justify-content: space-between;
	margin: 4px 0 12px;
}

/* Control rows */
.hw-sound__row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 12px;
	margin: 0 0 10px;
}

.hw-sound__row--disabled {
	opacity: 0.4;
}

.hw-sound__label {
	min-width: 110px;
	color: var(--hw-text-muted);
}

.hw-sound__range {
	flex: 1;
	min-width: 120px;
	accent-color: var(--hw-color-primary);
}

.hw-sound__out {
	min-width: 72px;
	text-align: right;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}

/* Buttons and segmented choices */
.hw-sound__seg {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.hw-sound__btn {
	font: inherit;
	font-size: 13px;
	padding: 4px 12px;
	border: 0.5px solid var(--hw-border);
	border-radius: var(--hw-radius-sm);
	background: var(--hw-bg-base);
	color: var(--hw-text-base);
	cursor: pointer;
}

.hw-sound__btn:hover {
	background: var(--hw-bg-subtle);
}

.hw-sound__btn[aria-pressed=&quot;true&quot;] {
	background: var(--hw-color-primary-subtle);
	border-color: var(--hw-color-primary);
	color: var(--hw-color-primary);
}

.hw-sound__btn:focus-visible,
.hw-sound__range:focus-visible {
	outline: 2px solid var(--hw-color-primary);
	outline-offset: 1px;
}

.hw-sound__play {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.hw-sound__icon {
	font-size: 11px;
	width: 12px;
	text-align: center;
}

/* Stat cards */
.hw-sound__stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 8px;
	margin: 8px 0 4px;
}

.hw-sound__stat {
	background: var(--hw-bg-subtle);
	border-radius: var(--hw-radius-sm);
	padding: 8px 10px;
}

.hw-sound__stat span {
	display: block;
	font-size: 12px;
	color: var(--hw-text-muted);
}

.hw-sound__stat b {
	font-size: 17px;
	font-variant-numeric: tabular-nums;
}

@media print {
	.hw-sound__btn {
		display: none;
	}
}</text>
      <sha1>rkd6v69vyohbye9shqpge0m0ooghyna</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/sound-propagation.js</title>
    <ns>8</ns>
    <id>189969</id>
    <revision>
      <id>781446</id>
      <timestamp>2026-10-28T10:40:14Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781446</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="19098" sha1="poh4i11kuicak8wzxhzt9zqv41mn28u" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* =========================================================
 * Hiruwiki module: sound-propagation
 * A longitudinal wave shown two ways on the same distance axis:
 *   top    — particles oscillating around their rest positions
 *            ξ = A·sin(kx₀ − ωt); one highlighted tracer particle
 *            shows that matter stays put while the wave travels
 *   bottom — pressure, p ∝ −∂ξ/∂x, peaks under the compressions
 *
 * Controls: medium (air, water, steel), frequency, and air
 * temperature (v = 331,3 + 0,606·T, the article's formula).
 * The time slowdown is the same for every medium, so in steel
 * the wave visibly races ~15× faster than in air, and at the
 * same frequency its wavelength stretches.
 *
 *   &lt;div class=&quot;hiruwiki&quot; data-module=&quot;sound-propagation&quot;
 *        data-medium=&quot;air&quot; data-frequency=&quot;800&quot;
 *        data-temperature=&quot;20&quot;&gt;&lt;/div&gt;
 *
 *   data-medium      air | water | steel
 *   data-frequency   200–4000 Hz, default 800
 *   data-temperature −20–40 °C, default 20
 *
 * Particle displacement is exaggerated (real air molecules move
 * micrometres) and capped at λ/7 so neighbours never cross.
 * Particle positions are seeded, so every load looks the same.
 * No audio: the heard pitch is identical in every medium.
 * =========================================================
 * i18n: add a new key to the `messages` object below and
 *       a matching entry for every language code you need.
 *       Banana falls back to 'en' when a key is missing.
 * ========================================================= */

( function () {

/* ── I18N ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var messages = /* I18N_START */ {
    &quot;fr&quot;: {
        &quot;_name&quot;: &quot;Propagation du son&quot;,
        &quot;hint&quot;: &quot;La particule mise en évidence n'avance pas : elle vibre sur place. C'est l'onde qui se propage.&quot;,
        &quot;pause&quot;: &quot;Pause&quot;,
        &quot;resume&quot;: &quot;Reprendre&quot;,
        &quot;slowNote&quot;: &quot;Animation ralentie 500 fois (de la même façon dans tous les milieux)&quot;,
        &quot;medium&quot;: &quot;Milieu&quot;,
        &quot;air&quot;: &quot;Air&quot;,
        &quot;water&quot;: &quot;Eau&quot;,
        &quot;steel&quot;: &quot;Acier&quot;,
        &quot;frequency&quot;: &quot;Fréquence&quot;,
        &quot;temperature&quot;: &quot;Température de l'air&quot;,
        &quot;speed&quot;: &quot;Vitesse du son&quot;,
        &quot;wavelength&quot;: &quot;Longueur d'onde (λ = v / f)&quot;,
        &quot;time100&quot;: &quot;Temps pour parcourir 100 m&quot;,
        &quot;distanceAxis&quot;: &quot;distance →&quot;,
        &quot;particles&quot;: &quot;particules&quot;,
        &quot;pressure&quot;: &quot;pression&quot;,
        &quot;compression&quot;: &quot;compression&quot;,
        &quot;rarefaction&quot;: &quot;raréfaction&quot;
    },
    &quot;eu&quot;: {
        &quot;_name&quot;: &quot;Soinuaren hedapena&quot;,
        &quot;hint&quot;: &quot;Nabarmendutako partikula ez da aurrera joaten: bere lekuan dardaratzen da. Uhina da hedatzen dena.&quot;,
        &quot;pause&quot;: &quot;Pausatu&quot;,
        &quot;resume&quot;: &quot;Jarraitu&quot;,
        &quot;slowNote&quot;: &quot;Animazioa 500 aldiz moteldua (ingurune guztietan berdin)&quot;,
        &quot;medium&quot;: &quot;Ingurunea&quot;,
        &quot;air&quot;: &quot;Airea&quot;,
        &quot;water&quot;: &quot;Ura&quot;,
        &quot;steel&quot;: &quot;Altzairua&quot;,
        &quot;frequency&quot;: &quot;Maiztasuna&quot;,
        &quot;temperature&quot;: &quot;Airearen tenperatura&quot;,
        &quot;speed&quot;: &quot;Soinuaren abiadura&quot;,
        &quot;wavelength&quot;: &quot;Uhin-luzera (λ = v / f)&quot;,
        &quot;time100&quot;: &quot;100 m egiteko denbora&quot;,
        &quot;distanceAxis&quot;: &quot;distantzia →&quot;,
        &quot;particles&quot;: &quot;partikulak&quot;,
        &quot;pressure&quot;: &quot;presioa&quot;,
        &quot;compression&quot;: &quot;konpresioa&quot;,
        &quot;rarefaction&quot;: &quot;enrarezimendua&quot;
    },
    &quot;en&quot;: {
        &quot;_name&quot;: &quot;Sound propagation&quot;,
        &quot;hint&quot;: &quot;The highlighted particle doesn't move forward: it vibrates in place. What travels is the wave.&quot;,
        &quot;pause&quot;: &quot;Pause&quot;,
        &quot;resume&quot;: &quot;Resume&quot;,
        &quot;slowNote&quot;: &quot;Animation slowed down 500× (equally in every medium)&quot;,
        &quot;medium&quot;: &quot;Medium&quot;,
        &quot;air&quot;: &quot;Air&quot;,
        &quot;water&quot;: &quot;Water&quot;,
        &quot;steel&quot;: &quot;Steel&quot;,
        &quot;frequency&quot;: &quot;Frequency&quot;,
        &quot;temperature&quot;: &quot;Air temperature&quot;,
        &quot;speed&quot;: &quot;Speed of sound&quot;,
        &quot;wavelength&quot;: &quot;Wavelength (λ = v / f)&quot;,
        &quot;time100&quot;: &quot;Time to travel 100 m&quot;,
        &quot;distanceAxis&quot;: &quot;distance →&quot;,
        &quot;particles&quot;: &quot;particles&quot;,
        &quot;pressure&quot;: &quot;pressure&quot;,
        &quot;compression&quot;: &quot;compression&quot;,
        &quot;rarefaction&quot;: &quot;rarefaction&quot;
    },
    &quot;qqq&quot;: {
        &quot;_name&quot;: &quot;Name of the Sound propagation module&quot;,
        &quot;hint&quot;: &quot;Instruction text shown in the footer.&quot;,
        &quot;pause&quot;: &quot;Button that pauses the animation.&quot;,
        &quot;resume&quot;: &quot;Button that resumes the animation.&quot;,
        &quot;slowNote&quot;: &quot;Note above the graph explaining the time scale.&quot;,
        &quot;medium&quot;: &quot;Label of the medium selector.&quot;,
        &quot;air&quot;: &quot;Medium option: air (speed depends on temperature).&quot;,
        &quot;water&quot;: &quot;Medium option: water at about 20 °C (1482 m/s).&quot;,
        &quot;steel&quot;: &quot;Medium option: steel (5100 m/s, thin-bar value).&quot;,
        &quot;frequency&quot;: &quot;Label of the frequency slider.&quot;,
        &quot;temperature&quot;: &quot;Label of the air temperature slider (only active for air).&quot;,
        &quot;speed&quot;: &quot;Stat card: speed of sound in the chosen medium.&quot;,
        &quot;wavelength&quot;: &quot;Stat card: wavelength.&quot;,
        &quot;time100&quot;: &quot;Stat card: time sound needs to travel 100 metres.&quot;,
        &quot;distanceAxis&quot;: &quot;Centre label under the horizontal axis.&quot;,
        &quot;particles&quot;: &quot;Canvas label above the particle band.&quot;,
        &quot;pressure&quot;: &quot;Canvas label above the pressure curve.&quot;,
        &quot;compression&quot;: &quot;Canvas label at the top of the pressure axis.&quot;,
        &quot;rarefaction&quot;: &quot;Canvas label at the bottom of the pressure axis.&quot;
    },
    &quot;es&quot;: {
        &quot;_name&quot;: &quot;Propagación del sonido&quot;,
        &quot;hint&quot;: &quot;La partícula resaltada no avanza: vibra en su sitio. Lo que viaja es la onda.&quot;,
        &quot;pause&quot;: &quot;Pausar&quot;,
        &quot;resume&quot;: &quot;Continuar&quot;,
        &quot;slowNote&quot;: &quot;Animación ralentizada 500 veces (igual en todos los medios)&quot;,
        &quot;medium&quot;: &quot;Medio&quot;,
        &quot;air&quot;: &quot;Aire&quot;,
        &quot;water&quot;: &quot;Agua&quot;,
        &quot;steel&quot;: &quot;Acero&quot;,
        &quot;frequency&quot;: &quot;Frecuencia&quot;,
        &quot;temperature&quot;: &quot;Temperatura del aire&quot;,
        &quot;speed&quot;: &quot;Velocidad del sonido&quot;,
        &quot;wavelength&quot;: &quot;Longitud de onda (λ = v / f)&quot;,
        &quot;time100&quot;: &quot;Tiempo para recorrer 100 m&quot;,
        &quot;distanceAxis&quot;: &quot;distancia →&quot;,
        &quot;particles&quot;: &quot;partículas&quot;,
        &quot;pressure&quot;: &quot;presión&quot;,
        &quot;compression&quot;: &quot;compresión&quot;,
        &quot;rarefaction&quot;: &quot;rarefacción&quot;
    }
} /* I18N_END */
var lang = (window.mw &amp;&amp; mw.config.get('wgUserLanguage')) || 'en';
var banana = new Banana(lang.split('-')[0]);
banana.load(messages);

function t(key, vars) {
    var args = Array.isArray(vars) ? vars : [];
    var str = banana.i18n(key, ...args);
    if (vars &amp;&amp; typeof vars === 'object' &amp;&amp; !Array.isArray(vars)) {
        Object.keys(vars).forEach(function(k) {
            str = str.replace(new RegExp('\\{' + k + '\\}', 'g'), vars[k]);
        });
    }
    return str;
}

function t( key, params ) {
	return banana.i18n.apply( banana, [ key ].concat( params || [] ) );
}

/* ── Constants ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var H_PX  = 300;      /* canvas height (px)                         */
var L     = 3;        /* visible distance (m)                       */
var SLOW  = 1 / 500;  /* simulated seconds per real second          */
var BAND  = 150;      /* particle band height (px)                  */
var TOP   = 16;       /* top margin above the band (px)             */
var PR    = 46;       /* pressure curve half-height (px)            */
/* Steel: 5100 m/s is the article's value (thin bar); bulk steel
 * is ~5900 m/s. Water: 1482 m/s at ~20 °C. */
var MEDIA = { water: 1482, steel: 5100 };
var MEDIA_KEYS = [ 'air', 'water', 'steel' ];
var uid = 0;

/* Seeded particle field: positions as fractions of the band, so the
 * picture is identical on every load and in print/PDF. */
var FIELD = ( function () {
	var seed = 7, pts = [];
	function rnd() { seed = ( seed * 16807 ) % 2147483647; return seed / 2147483647; }
	for ( var i = 0; i &lt; 1400; i++ ) { pts.push( { x: rnd(), y: rnd() } ); }
	return pts;
}() );

/* ── Shared helpers ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
function el( tag, cls, text ) {
	var e = document.createElement( tag );
	if ( cls ) { e.className = cls; }
	if ( text !== undefined ) { e.textContent = text; }
	return e;
}

function num( v, min, max, def ) {
	var n = parseFloat( v );
	if ( isNaN( n ) ) { return def; }
	return Math.max( min, Math.min( max, n ) );
}

function fmt( n, d ) {
	try {
		return n.toLocaleString( lang, { minimumFractionDigits: d, maximumFractionDigits: d } );
	} catch ( e ) {
		return n.toFixed( d );
	}
}

function isDark() {
	var root = document.documentElement;
	return root.classList.contains( 'skin-theme-clientpref-night' ) ||
		root.classList.contains( 'client-dark-mode' ) ||
		document.body.classList.contains( 'mw-dark-mode' ) ||
		( root.classList.contains( 'skin-theme-clientpref-os' ) &amp;&amp;
			window.matchMedia &amp;&amp; window.matchMedia( '(prefers-color-scheme: dark)' ).matches );
}

function palette() {
	var d = isDark();
	return {
		wave:     d ? '#5DCAA5' : '#0F6E56',
		tracer:   d ? '#F0997B' : '#D85A30',
		particle: d ? '#B4B2A9' : '#5F5E5A',
		grid:     d ? '#3a3a38' : '#e2e0d8',
		axis:     d ? '#6b6a65' : '#a8a69e',
		text:     d ? '#B4B2A9' : '#5F5E5A'
	};
}

function makeFooter( container, text ) {
	var footer = el( 'div', 'hw-footer' );
	var logo = el( 'a', 'hw-footer-icon' );
	logo.href = ( window.mw &amp;&amp; mw.util &amp;&amp; mw.util.getUrl( 'Wikipedia:Hiruwiki' ) ) || '#';
	logo.title = 'Hiruwiki';
	if ( window.hiruwiki &amp;&amp; window.hiruwiki.getLogoSvg ) {
		logo.insertAdjacentHTML( 'beforeend', window.hiruwiki.getLogoSvg( 22 ) );
	}
	footer.appendChild( logo );
	footer.appendChild( el( 'span', 'hw-footer__text', text ) );
	container.appendChild( footer );
}

function makeSlider( parent, label, min, max, step, value ) {
	var id = 'hw-sound-' + ( ++uid );
	var row = el( 'div', 'hw-sound__row' );
	var lab = el( 'label', 'hw-sound__label', label );
	lab.htmlFor = id;
	var input = el( 'input', 'hw-sound__range' );
	input.type = 'range'; input.id = id;
	input.min = min; input.max = max; input.step = step; input.value = value;
	var out = el( 'output', 'hw-sound__out' );
	out.setAttribute( 'for', id );
	row.appendChild( lab ); row.appendChild( input ); row.appendChild( out );
	parent.appendChild( row );
	return { row: row, input: input, out: out };
}

function makeSegment( parent, label, options, value, onChange ) {
	var id = 'hw-sound-' + ( ++uid );
	var row = el( 'div', 'hw-sound__row' );
	var lab = el( 'span', 'hw-sound__label', label );
	lab.id = id;
	var seg = el( 'div', 'hw-sound__seg' );
	seg.setAttribute( 'role', 'group' );
	seg.setAttribute( 'aria-labelledby', id );
	var buttons = options.map( function ( o ) {
		var b = el( 'button', 'hw-sound__btn', o.label );
		b.type = 'button';
		b.addEventListener( 'click', function () { set( o.value ); onChange( o.value ); } );
		seg.appendChild( b );
		return { b: b, v: o.value };
	} );
	function set( v ) {
		buttons.forEach( function ( x ) { x.b.setAttribute( 'aria-pressed', x.v === v ? 'true' : 'false' ); } );
	}
	set( value );
	row.appendChild( lab ); row.appendChild( seg );
	parent.appendChild( row );
	return { row: row, set: set };
}

function animator( target, frame ) {
	var visible = true, raf = null, last = 0;
	var reduce = window.matchMedia &amp;&amp; window.matchMedia( '(prefers-reduced-motion: reduce)' ).matches;
	function tick( now ) {
		raf = null;
		var dt = last ? Math.min( ( now - last ) / 1000, 0.05 ) : 0;
		last = now;
		frame( reduce ? 0 : dt );
		if ( visible &amp;&amp; !reduce ) { raf = requestAnimationFrame( tick ); }
	}
	function start() {
		if ( !raf ) { last = 0; raf = requestAnimationFrame( tick ); }
	}
	if ( 'IntersectionObserver' in window ) {
		new IntersectionObserver( function ( entries ) {
			visible = entries[ 0 ].isIntersecting;
			if ( visible ) { start(); }
		} ).observe( target );
	}
	start();
	return { redraw: function () { frame( 0 ); }, reduced: reduce };
}

/* ── Build widget ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
function buildWidget( container ) {
	var ds = container.dataset;
	var state = {
		medium: MEDIA_KEYS.indexOf( ds.medium ) &gt;= 0 ? ds.medium : 'air',
		f: num( ds.frequency, 200, 4000, 800 ),
		T: num( ds.temperature, -20, 40, 20 ),
		time: 0,
		run: true
	};

	function speed() {
		return state.medium === 'air' ? 331.3 + 0.606 * state.T : MEDIA[ state.medium ];
	}

	container.innerHTML = '';
	var root = el( 'div', 'hw-sound' );
	container.appendChild( root );

	/* -- top bar -- */
	var bar = el( 'div', 'hw-sound__bar' );
	var pauseBtn = el( 'button', 'hw-sound__btn hw-sound__play' );
	pauseBtn.type = 'button';
	var pIcon = el( 'span', 'hw-sound__icon' );
	pIcon.setAttribute( 'aria-hidden', 'true' );
	var pText = el( 'span' );
	pauseBtn.appendChild( pIcon ); pauseBtn.appendChild( pText );
	function setPauseUI() {
		pIcon.textContent = state.run ? '❚❚' : '▶';
		pText.textContent = state.run ? t( 'pause' ) : t( 'resume' );
	}
	pauseBtn.addEventListener( 'click', function () { state.run = !state.run; setPauseUI(); } );
	bar.appendChild( pauseBtn );
	bar.appendChild( el( 'span', 'hw-sound__note', t( 'slowNote' ) ) );
	root.appendChild( bar );

	/* -- canvas -- */
	var canvas = el( 'canvas', 'hw-sound__canvas' );
	canvas.style.height = H_PX + 'px';
	canvas.setAttribute( 'role', 'img' );
	canvas.setAttribute( 'aria-label', t( '_name' ) );
	root.appendChild( canvas );
	var ctx = canvas.getContext( '2d' );

	var axis = el( 'div', 'hw-sound__axis' );
	axis.appendChild( el( 'span', null, '0 m' ) );
	axis.appendChild( el( 'span', null, t( 'distanceAxis' ) ) );
	axis.appendChild( el( 'span', null, fmt( L, 0 ) + ' m' ) );
	root.appendChild( axis );

	/* -- controls -- */
	makeSegment( root, t( 'medium' ), MEDIA_KEYS.map( function ( m ) { return { value: m, label: t( m ) }; } ),
		state.medium, function ( m ) { state.medium = m; update(); } );
	var fSlider = makeSlider( root, t( 'frequency' ), 200, 4000, 10, state.f );
	fSlider.input.addEventListener( 'input', function () { state.f = +fSlider.input.value; update(); } );
	var tSlider = makeSlider( root, t( 'temperature' ), -20, 40, 1, state.T );
	tSlider.input.addEventListener( 'input', function () { state.T = +tSlider.input.value; update(); } );

	/* -- stat cards -- */
	var stats = el( 'div', 'hw-sound__stats' );
	function stat( label ) {
		var c = el( 'div', 'hw-sound__stat' );
		c.appendChild( el( 'span', null, label ) );
		var b = el( 'b' );
		c.appendChild( b );
		stats.appendChild( c );
		return b;
	}
	var sSpeed = stat( t( 'speed' ) );
	var sLambda = stat( t( 'wavelength' ) );
	var sTime = stat( t( 'time100' ) );
	root.appendChild( stats );

	makeFooter( container, t( 'hint' ) );

	/* -- drawing -- */
	function draw() {
		var p = palette();
		var W = canvas.clientWidth, H = H_PX;
		var v = speed(), lam = v / state.f;
		var k = 2 * Math.PI / lam, w = 2 * Math.PI * state.f, sx = W / L;
		var A = Math.min( lam / 7, 0.06 );
		var tt = state.time, px, x, xi, y, i;
		ctx.clearRect( 0, 0, W, H );

		/* half-metre grid */
		ctx.lineWidth = 1;
		ctx.strokeStyle = p.grid;
		for ( var m = 0.5; m &lt; L; m += 0.5 ) {
			ctx.beginPath(); ctx.moveTo( m * sx, 0 ); ctx.lineTo( m * sx, H ); ctx.stroke();
		}

		ctx.fillStyle = p.text;
		ctx.font = '11px sans-serif';
		ctx.textAlign = 'left';
		ctx.fillText( t( 'particles' ), 8, TOP - 4 );

		/* particles — density scales with width */
		var count = Math.min( FIELD.length, Math.round( W * 0.8 ) );
		ctx.fillStyle = p.particle;
		for ( i = 0; i &lt; count; i++ ) {
			x = FIELD[ i ].x * L;
			xi = A * Math.sin( k * x - w * tt );
			y = TOP + 8 + FIELD[ i ].y * ( BAND - 16 );
			ctx.beginPath(); ctx.arc( ( x + xi ) * sx, y, 2.2, 0, 2 * Math.PI ); ctx.fill();
		}

		/* tracer particle + its rest position */
		var tx = L / 2, txi = A * Math.sin( k * tx - w * tt );
		ctx.strokeStyle = p.tracer;
		ctx.setLineDash( [ 3, 3 ] );
		ctx.beginPath(); ctx.moveTo( tx * sx, TOP ); ctx.lineTo( tx * sx, TOP + BAND ); ctx.stroke();
		ctx.setLineDash( [] );
		ctx.fillStyle = p.tracer;
		ctx.beginPath(); ctx.arc( ( tx + txi ) * sx, TOP + BAND / 2, 5.5, 0, 2 * Math.PI ); ctx.fill();

		/* pressure curve: p ∝ −∂ξ/∂x = −A·k·cos(kx − ωt) */
		var mid = TOP + BAND + 70;
		ctx.strokeStyle = p.axis;
		ctx.beginPath(); ctx.moveTo( 0, mid ); ctx.lineTo( W, mid ); ctx.stroke();
		ctx.fillStyle = p.text;
		ctx.fillText( t( 'pressure' ), 8, TOP + BAND + 16 );
		ctx.textAlign = 'right';
		ctx.fillText( t( 'compression' ), W - 8, mid - PR - 6 );
		ctx.fillText( t( 'rarefaction' ), W - 8, mid + PR + 14 );

		ctx.strokeStyle = p.wave;
		ctx.lineWidth = 2.2;
		ctx.beginPath();
		for ( px = 0; px &lt;= W; px += 2 ) {
			x = px / sx;
			y = mid + Math.cos( k * x - w * tt ) * PR;
			if ( px ) { ctx.lineTo( px, y ); } else { ctx.moveTo( px, y ); }
		}
		ctx.stroke();
	}

	function frame( dt ) {
		if ( state.run ) { state.time += dt * SLOW; }
		draw();
	}

	function update() {
		var v = speed(), lam = v / state.f, t100 = 100 / v;
		fSlider.out.textContent = fmt( state.f, 0 ) + ' Hz';
		tSlider.out.textContent = fmt( state.T, 0 ) + ' °C';
		tSlider.input.disabled = state.medium !== 'air';
		tSlider.row.classList.toggle( 'hw-sound__row--disabled', state.medium !== 'air' );
		sSpeed.textContent = fmt( Math.round( v ), 0 ) + ' m/s';
		sLambda.textContent = lam &gt;= 1 ? fmt( lam, 2 ) + ' m' : fmt( lam * 100, 0 ) + ' cm';
		sTime.textContent = t100 &gt;= 0.1 ? fmt( t100, 2 ) + ' s' : fmt( t100 * 1000, 1 ) + ' ms';
		anim.redraw();
	}

	function resize() {
		var dpr = window.devicePixelRatio || 1;
		canvas.width = Math.round( canvas.clientWidth * dpr );
		canvas.height = Math.round( H_PX * dpr );
		ctx.setTransform( dpr, 0, 0, dpr, 0, 0 );
		anim.redraw();
	}

	var anim = animator( canvas, frame );
	if ( anim.reduced ) { state.run = false; }
	setPauseUI();
	new ResizeObserver( resize ).observe( canvas );

	/* dark-mode live update (MediaWiki) */
	var mo = new MutationObserver( function () { anim.redraw(); } );
	mo.observe( document.documentElement, { attributes: true, attributeFilter: [ 'class' ] } );
	mo.observe( document.body, { attributes: true, attributeFilter: [ 'class' ] } );

	update();
}

/* ----------------------------------------------------------
 * Initialise all matching containers on the page
 * ---------------------------------------------------------- */
document.querySelectorAll( '.hiruwiki[data-module=&quot;sound-propagation&quot;]' ).forEach( buildWidget );

}() );</text>
      <sha1>poh4i11kuicak8wzxhzt9zqv41mn28u</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/sound-wave.css</title>
    <ns>8</ns>
    <id>189970</id>
    <revision>
      <id>781447</id>
      <timestamp>2026-10-28T10:40:18Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781447</origin>
      <model>css</model>
      <format>text/css</format>
      <text bytes="3242" sha1="3ra7wx3v3psn6a6gy8yy6vhsw06gcni" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* =========================================================
 * Hiruwiki module: sound-wave — stylesheet
 * Colours come from the --hw-* tokens in hiruwiki-shared.css,
 * which the core loads first and which handle dark mode.
 * The .hw-sound__* rules are repeated in every sound module's
 * stylesheet (sound-wave, harmonics, sound-propagation) because
 * the core loads one CSS file per module; keep them in sync.
 * ========================================================= */

/* Card */
.hw-sound {
	font-family: var(--hw-font);
	font-size: 14px;
	line-height: 1.4;
	color: var(--hw-text-base);
	background: var(--hw-bg-base);
	border: 0.5px solid var(--hw-border);
	border-radius: var(--hw-radius-lg);
	padding: 12px 16px;
	margin: 1em 0 0;
	box-sizing: border-box;
}

.hw-sound__bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 8px;
}

.hw-sound__note,
.hw-sound__axis {
	font-size: 12px;
	color: var(--hw-text-muted);
}

/* Canvas */
.hw-sound__canvas {
	display: block;
	width: 100%;
	border-radius: var(--hw-radius-sm);
	background: var(--hw-bg-subtle);
	touch-action: pan-y;
}

.hw-sound__axis {
	display: flex;
	justify-content: space-between;
	margin: 4px 0 12px;
}

/* Control rows */
.hw-sound__row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 12px;
	margin: 0 0 10px;
}

.hw-sound__row--disabled {
	opacity: 0.4;
}

.hw-sound__label {
	min-width: 110px;
	color: var(--hw-text-muted);
}

.hw-sound__range {
	flex: 1;
	min-width: 120px;
	accent-color: var(--hw-color-primary);
}

.hw-sound__out {
	min-width: 72px;
	text-align: right;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}

/* Buttons and segmented choices */
.hw-sound__seg {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.hw-sound__btn {
	font: inherit;
	font-size: 13px;
	padding: 4px 12px;
	border: 0.5px solid var(--hw-border);
	border-radius: var(--hw-radius-sm);
	background: var(--hw-bg-base);
	color: var(--hw-text-base);
	cursor: pointer;
}

.hw-sound__btn:hover {
	background: var(--hw-bg-subtle);
}

.hw-sound__btn[aria-pressed=&quot;true&quot;] {
	background: var(--hw-color-primary-subtle);
	border-color: var(--hw-color-primary);
	color: var(--hw-color-primary);
}

.hw-sound__btn:focus-visible,
.hw-sound__range:focus-visible {
	outline: 2px solid var(--hw-color-primary);
	outline-offset: 1px;
}

.hw-sound__play {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.hw-sound__icon {
	font-size: 11px;
	width: 12px;
	text-align: center;
}

/* Stat cards */
.hw-sound__stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 8px;
	margin: 8px 0 4px;
}

.hw-sound__stat {
	background: var(--hw-bg-subtle);
	border-radius: var(--hw-radius-sm);
	padding: 8px 10px;
}

.hw-sound__stat span {
	display: block;
	font-size: 12px;
	color: var(--hw-text-muted);
}

.hw-sound__stat b {
	font-size: 17px;
	font-variant-numeric: tabular-nums;
}

@media print {
	.hw-sound__btn {
		display: none;
	}
}</text>
      <sha1>3ra7wx3v3psn6a6gy8yy6vhsw06gcni</sha1>
    </revision>
  </page>
  <page>
    <title>MediaWiki:Hiruwiki/modules/sound-wave.js</title>
    <ns>8</ns>
    <id>189971</id>
    <revision>
      <id>781448</id>
      <timestamp>2026-10-28T10:40:21Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Repo at ea48ed0: Deployment update</comment>
      <origin>781448</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="21987" sha1="sxvxwi7gi3fnsjaec6w9o463btz3lt0" xml:space="preserve">/* 
 * DO NOT EDIT THIS PAGE DIRECTLY ON-WIKI!
 * This page is automatically deployed from GitHub.
 * Any changes made here will be overwritten by the next deployment.
 * Source: https://github.com/ItsNyoty/Hiruwiki
 */
/* =========================================================
 * Hiruwiki module: sound-wave
 * A single oscillator: pressure–time graph plus real audio.
 * Controls: frequency (log scale, 50–2000 Hz), amplitude,
 * waveform (sine, triangle, square, sawtooth).
 *
 * The same module can be embedded several times, each
 * instance showing only the controls its section needs:
 *
 *   &lt;div class=&quot;hiruwiki&quot; data-module=&quot;sound-wave&quot;
 *        data-controls=&quot;frequency,amplitude,waveform&quot;
 *        data-frequency=&quot;440&quot; data-amplitude=&quot;70&quot;
 *        data-waveform=&quot;sine&quot;&gt;&lt;/div&gt;
 *
 *   data-controls  comma list; any of frequency, amplitude,
 *                  waveform (default: all three)
 *   data-frequency 50–2000, default 440
 *   data-amplitude 0–100, default 70
 *   data-waveform  sine | triangle | square | sawtooth
 *
 * Time axis: fixed 10 ms window. The animation advances time
 * at a constant slowed-down rate, so the scroll speed is the
 * same at every frequency.
 * =========================================================
 * i18n: add a new key to the `messages` object below and
 *       a matching entry for every language code you need.
 *       Banana falls back to 'en' when a key is missing.
 *       `octaveOffset` shifts octave numbers: 0 gives A4 = 440 Hz
 *       (scientific), -1 gives La3 = 440 Hz (Franco-Spanish).
 * ========================================================= */

( function () {

/* ── I18N ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var messages = /* I18N_START */ {
    &quot;fr&quot;: {
        &quot;_name&quot;: &quot;Onde sonore&quot;,
        &quot;hint&quot;: &quot;Déplacez les curseurs et appuyez sur « Écouter » pour entendre le changement&quot;,
        &quot;play&quot;: &quot;Écouter&quot;,
        &quot;stop&quot;: &quot;Arrêter&quot;,
        &quot;noAudio&quot;: &quot;Votre navigateur ne peut pas jouer de son&quot;,
        &quot;frequency&quot;: &quot;Fréquence&quot;,
        &quot;amplitude&quot;: &quot;Amplitude&quot;,
        &quot;waveform&quot;: &quot;Forme d'onde&quot;,
        &quot;sine&quot;: &quot;Sinusoïdale&quot;,
        &quot;triangle&quot;: &quot;Triangulaire&quot;,
        &quot;square&quot;: &quot;Carrée&quot;,
        &quot;sawtooth&quot;: &quot;Dent de scie&quot;,
        &quot;period&quot;: &quot;Période&quot;,
        &quot;wavelength&quot;: &quot;Longueur d'onde dans l'air&quot;,
        &quot;note&quot;: &quot;Note la plus proche&quot;,
        &quot;window&quot;: &quot;Fenêtre temporelle : 10 ms · animation ralentie&quot;,
        &quot;timeAxis&quot;: &quot;temps →&quot;,
        &quot;pressurePlus&quot;: &quot;+ pression&quot;,
        &quot;pressureMinus&quot;: &quot;− pression&quot;,
        &quot;amplitudeMark&quot;: &quot;amplitude&quot;,
        &quot;noteNames&quot;: &quot;Do Do♯ Ré Ré♯ Mi Fa Fa♯ Sol Sol♯ La La♯ Si&quot;,
        &quot;octaveOffset&quot;: &quot;-1&quot;
    },
    &quot;eu&quot;: {
        &quot;_name&quot;: &quot;Soinu-uhina&quot;,
        &quot;hint&quot;: &quot;Mugitu graduatzaileak eta sakatu «Entzun» aldaketa entzuteko&quot;,
        &quot;play&quot;: &quot;Entzun&quot;,
        &quot;stop&quot;: &quot;Gelditu&quot;,
        &quot;noAudio&quot;: &quot;Zure nabigatzaileak ezin du soinurik erreproduzitu&quot;,
        &quot;frequency&quot;: &quot;Maiztasuna&quot;,
        &quot;amplitude&quot;: &quot;Anplitudea&quot;,
        &quot;waveform&quot;: &quot;Uhin mota&quot;,
        &quot;sine&quot;: &quot;Sinusoidala&quot;,
        &quot;triangle&quot;: &quot;Triangeluarra&quot;,
        &quot;square&quot;: &quot;Karratua&quot;,
        &quot;sawtooth&quot;: &quot;Zerra-hortza&quot;,
        &quot;period&quot;: &quot;Periodoa&quot;,
        &quot;wavelength&quot;: &quot;Uhin-luzera airean&quot;,
        &quot;note&quot;: &quot;Nota hurbilena&quot;,
        &quot;window&quot;: &quot;Denbora-leihoa: 10 ms · animazioa moteldua&quot;,
        &quot;timeAxis&quot;: &quot;denbora →&quot;,
        &quot;pressurePlus&quot;: &quot;+ presioa&quot;,
        &quot;pressureMinus&quot;: &quot;− presioa&quot;,
        &quot;amplitudeMark&quot;: &quot;anplitudea&quot;,
        &quot;noteNames&quot;: &quot;Do Do♯ Re Re♯ Mi Fa Fa♯ Sol Sol♯ La La♯ Si&quot;,
        &quot;octaveOffset&quot;: &quot;-1&quot;
    },
    &quot;en&quot;: {
        &quot;_name&quot;: &quot;Sound wave&quot;,
        &quot;hint&quot;: &quot;Move the sliders and press “Listen” to hear the change&quot;,
        &quot;play&quot;: &quot;Listen&quot;,
        &quot;stop&quot;: &quot;Stop&quot;,
        &quot;noAudio&quot;: &quot;Your browser can't play sound&quot;,
        &quot;frequency&quot;: &quot;Frequency&quot;,
        &quot;amplitude&quot;: &quot;Amplitude&quot;,
        &quot;waveform&quot;: &quot;Waveform&quot;,
        &quot;sine&quot;: &quot;Sine&quot;,
        &quot;triangle&quot;: &quot;Triangle&quot;,
        &quot;square&quot;: &quot;Square&quot;,
        &quot;sawtooth&quot;: &quot;Sawtooth&quot;,
        &quot;period&quot;: &quot;Period&quot;,
        &quot;wavelength&quot;: &quot;Wavelength in air&quot;,
        &quot;note&quot;: &quot;Nearest note&quot;,
        &quot;window&quot;: &quot;Time window: 10 ms · animation slowed down&quot;,
        &quot;timeAxis&quot;: &quot;time →&quot;,
        &quot;pressurePlus&quot;: &quot;+ pressure&quot;,
        &quot;pressureMinus&quot;: &quot;− pressure&quot;,
        &quot;amplitudeMark&quot;: &quot;amplitude&quot;,
        &quot;noteNames&quot;: &quot;C C♯ D D♯ E F F♯ G G♯ A A♯ B&quot;,
        &quot;octaveOffset&quot;: &quot;0&quot;
    },
    &quot;qqq&quot;: {
        &quot;_name&quot;: &quot;Name of the Sound wave module&quot;,
        &quot;hint&quot;: &quot;Instruction text shown in the footer.&quot;,
        &quot;play&quot;: &quot;Label of the button that starts the sound.&quot;,
        &quot;stop&quot;: &quot;Label of the button that stops the sound.&quot;,
        &quot;noAudio&quot;: &quot;Shown when the browser has no Web Audio support.&quot;,
        &quot;frequency&quot;: &quot;Label of the frequency slider.&quot;,
        &quot;amplitude&quot;: &quot;Label of the amplitude slider.&quot;,
        &quot;waveform&quot;: &quot;Label of the waveform selector.&quot;,
        &quot;sine&quot;: &quot;Waveform option: sine wave.&quot;,
        &quot;triangle&quot;: &quot;Waveform option: triangle wave.&quot;,
        &quot;square&quot;: &quot;Waveform option: square wave.&quot;,
        &quot;sawtooth&quot;: &quot;Waveform option: sawtooth wave.&quot;,
        &quot;period&quot;: &quot;Stat card: duration of one cycle.&quot;,
        &quot;wavelength&quot;: &quot;Stat card: wavelength in air at 343 m/s.&quot;,
        &quot;note&quot;: &quot;Stat card: nearest musical note.&quot;,
        &quot;window&quot;: &quot;Note above the graph explaining the time scale.&quot;,
        &quot;timeAxis&quot;: &quot;Label under the horizontal axis.&quot;,
        &quot;pressurePlus&quot;: &quot;Canvas label at the top of the vertical axis.&quot;,
        &quot;pressureMinus&quot;: &quot;Canvas label at the bottom of the vertical axis.&quot;,
        &quot;amplitudeMark&quot;: &quot;Canvas label next to the dashed amplitude line.&quot;,
        &quot;noteNames&quot;: &quot;Twelve note names from C upwards, separated by single spaces.&quot;,
        &quot;octaveOffset&quot;: &quot;Integer added to octave numbers. 0 = A4 is 440 Hz; -1 = La3 is 440 Hz.&quot;
    },
    &quot;es&quot;: {
        &quot;_name&quot;: &quot;Onda sonora&quot;,
        &quot;hint&quot;: &quot;Mueve los controles y pulsa «Escuchar» para oír el cambio&quot;,
        &quot;play&quot;: &quot;Escuchar&quot;,
        &quot;stop&quot;: &quot;Detener&quot;,
        &quot;noAudio&quot;: &quot;Tu navegador no puede reproducir sonido&quot;,
        &quot;frequency&quot;: &quot;Frecuencia&quot;,
        &quot;amplitude&quot;: &quot;Amplitud&quot;,
        &quot;waveform&quot;: &quot;Forma de onda&quot;,
        &quot;sine&quot;: &quot;Sinusoidal&quot;,
        &quot;triangle&quot;: &quot;Triangular&quot;,
        &quot;square&quot;: &quot;Cuadrada&quot;,
        &quot;sawtooth&quot;: &quot;Diente de sierra&quot;,
        &quot;period&quot;: &quot;Periodo&quot;,
        &quot;wavelength&quot;: &quot;Longitud de onda en el aire&quot;,
        &quot;note&quot;: &quot;Nota más cercana&quot;,
        &quot;window&quot;: &quot;Ventana de tiempo: 10 ms · animación ralentizada&quot;,
        &quot;timeAxis&quot;: &quot;tiempo →&quot;,
        &quot;pressurePlus&quot;: &quot;+ presión&quot;,
        &quot;pressureMinus&quot;: &quot;− presión&quot;,
        &quot;amplitudeMark&quot;: &quot;amplitud&quot;,
        &quot;noteNames&quot;: &quot;Do Do♯ Re Re♯ Mi Fa Fa♯ Sol Sol♯ La La♯ Si&quot;,
        &quot;octaveOffset&quot;: &quot;-1&quot;
    }
} /* I18N_END */
var lang = (window.mw &amp;&amp; mw.config.get('wgUserLanguage')) || 'en';
var banana = new Banana(lang.split('-')[0]);
banana.load(messages);

function t(key, vars) {
    var args = Array.isArray(vars) ? vars : [];
    var str = banana.i18n(key, ...args);
    if (vars &amp;&amp; typeof vars === 'object' &amp;&amp; !Array.isArray(vars)) {
        Object.keys(vars).forEach(function(k) {
            str = str.replace(new RegExp('\\{' + k + '\\}', 'g'), vars[k]);
        });
    }
    return str;
}

function t( key, params ) {
	return banana.i18n.apply( banana, [ key ].concat( params || [] ) );
}

/* ── Constants ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
var H_PX      = 220;     /* canvas height (px)                       */
var F_MIN     = 50;      /* frequency slider range (Hz)              */
var F_MAX     = 2000;
var WIN       = 0.010;   /* visible time window (s)                  */
var SLOW      = WIN / 4; /* simulated seconds per real second        */
var V_AIR     = 343;     /* speed of sound for the wavelength card   */
var MAX_GAIN  = 0.15;    /* never louder than this                   */
var WAVEFORMS = [ 'sine', 'triangle', 'square', 'sawtooth' ];
var uid = 0;

/* ── Shared helpers ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
function el( tag, cls, text ) {
	var e = document.createElement( tag );
	if ( cls ) { e.className = cls; }
	if ( text !== undefined ) { e.textContent = text; }
	return e;
}

function num( v, min, max, def ) {
	var n = parseFloat( v );
	if ( isNaN( n ) ) { return def; }
	return Math.max( min, Math.min( max, n ) );
}

function fmt( n, d ) {
	try {
		return n.toLocaleString( lang, { minimumFractionDigits: d, maximumFractionDigits: d } );
	} catch ( e ) {
		return n.toFixed( d );
	}
}

function isDark() {
	var root = document.documentElement;
	return root.classList.contains( 'skin-theme-clientpref-night' ) ||
		root.classList.contains( 'client-dark-mode' ) ||
		document.body.classList.contains( 'mw-dark-mode' ) ||
		( root.classList.contains( 'skin-theme-clientpref-os' ) &amp;&amp;
			window.matchMedia &amp;&amp; window.matchMedia( '(prefers-color-scheme: dark)' ).matches );
}

function palette() {
	var d = isDark();
	return {
		wave:   d ? '#5DCAA5' : '#0F6E56',
		accent: d ? '#FAC775' : '#BA7517',
		grid:   d ? '#3a3a38' : '#e2e0d8',
		axis:   d ? '#6b6a65' : '#a8a69e',
		text:   d ? '#B4B2A9' : '#5F5E5A'
	};
}

/* One AudioContext for every Hiruwiki sound module on the page,
 * created on the first click; only one module sounds at a time. */
function audioHub() {
	window.hiruwiki = window.hiruwiki || {};
	if ( !window.hiruwiki.audio ) {
		var hub = {
			ctx: null,
			current: null,
			context: function () {
				if ( !hub.ctx ) {
					var AC = window.AudioContext || window.webkitAudioContext;
					if ( !AC ) { return null; }
					hub.ctx = new AC();
				}
				if ( hub.ctx.state === 'suspended' ) { hub.ctx.resume(); }
				return hub.ctx;
			},
			claim: function ( owner ) {
				if ( hub.current &amp;&amp; hub.current !== owner ) { hub.current.stop(); }
				hub.current = owner;
			},
			release: function ( owner ) {
				if ( hub.current === owner ) { hub.current = null; }
			}
		};
		document.addEventListener( 'visibilitychange', function () {
			if ( document.hidden &amp;&amp; hub.current ) { hub.current.stop(); }
		} );
		window.hiruwiki.audio = hub;
	}
	return window.hiruwiki.audio;
}

function makeFooter( container, text ) {
	var footer = el( 'div', 'hw-footer' );
	var logo = el( 'a', 'hw-footer-icon' );
	logo.href = ( window.mw &amp;&amp; mw.util &amp;&amp; mw.util.getUrl( 'Wikipedia:Hiruwiki' ) ) || '#';
	logo.title = 'Hiruwiki';
	if ( window.hiruwiki &amp;&amp; window.hiruwiki.getLogoSvg ) {
		logo.insertAdjacentHTML( 'beforeend', window.hiruwiki.getLogoSvg( 22 ) );
	}
	footer.appendChild( logo );
	footer.appendChild( el( 'span', 'hw-footer__text', text ) );
	container.appendChild( footer );
}

function makeSlider( parent, label, min, max, step, value ) {
	var id = 'hw-sound-' + ( ++uid );
	var row = el( 'div', 'hw-sound__row' );
	var lab = el( 'label', 'hw-sound__label', label );
	lab.htmlFor = id;
	var input = el( 'input', 'hw-sound__range' );
	input.type = 'range'; input.id = id;
	input.min = min; input.max = max; input.step = step; input.value = value;
	var out = el( 'output', 'hw-sound__out' );
	out.setAttribute( 'for', id );
	row.appendChild( lab ); row.appendChild( input ); row.appendChild( out );
	parent.appendChild( row );
	return { row: row, input: input, out: out };
}

function makeSegment( parent, label, options, value, onChange ) {
	var id = 'hw-sound-' + ( ++uid );
	var row = el( 'div', 'hw-sound__row' );
	var lab = el( 'span', 'hw-sound__label', label );
	lab.id = id;
	var seg = el( 'div', 'hw-sound__seg' );
	seg.setAttribute( 'role', 'group' );
	seg.setAttribute( 'aria-labelledby', id );
	var buttons = options.map( function ( o ) {
		var b = el( 'button', 'hw-sound__btn', o.label );
		b.type = 'button';
		b.addEventListener( 'click', function () { set( o.value ); onChange( o.value ); } );
		seg.appendChild( b );
		return { b: b, v: o.value };
	} );
	function set( v ) {
		buttons.forEach( function ( x ) { x.b.setAttribute( 'aria-pressed', x.v === v ? 'true' : 'false' ); } );
	}
	set( value );
	row.appendChild( lab ); row.appendChild( seg );
	parent.appendChild( row );
	return { row: row, set: set };
}

function makePlayButton( onClick ) {
	var b = el( 'button', 'hw-sound__btn hw-sound__play' );
	b.type = 'button';
	var icon = el( 'span', 'hw-sound__icon' );
	icon.setAttribute( 'aria-hidden', 'true' );
	var txt = el( 'span' );
	b.appendChild( icon ); b.appendChild( txt );
	b.addEventListener( 'click', onClick );
	return {
		el: b,
		set: function ( on, onLabel, offLabel ) {
			icon.textContent = on ? '❚❚' : '▶';
			txt.textContent = on ? onLabel : offLabel;
			b.setAttribute( 'aria-pressed', on ? 'true' : 'false' );
		}
	};
}

/* rAF loop that only runs while the widget is on screen and
 * draws a single static frame when reduced motion is requested. */
function animator( target, frame ) {
	var visible = true, raf = null, last = 0;
	var reduce = window.matchMedia &amp;&amp; window.matchMedia( '(prefers-reduced-motion: reduce)' ).matches;
	function tick( now ) {
		raf = null;
		var dt = last ? Math.min( ( now - last ) / 1000, 0.05 ) : 0;
		last = now;
		frame( reduce ? 0 : dt );
		if ( visible &amp;&amp; !reduce ) { raf = requestAnimationFrame( tick ); }
	}
	function start() {
		if ( !raf ) { last = 0; raf = requestAnimationFrame( tick ); }
	}
	if ( 'IntersectionObserver' in window ) {
		new IntersectionObserver( function ( entries ) {
			visible = entries[ 0 ].isIntersecting;
			if ( visible ) { start(); }
		} ).observe( target );
	}
	start();
	return { redraw: function () { frame( 0 ); } };
}

/* ── Module-specific helpers ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
function waveValue( type, x ) {
	var p = x - Math.floor( x );
	if ( type === 'sine' ) { return Math.sin( 2 * Math.PI * x ); }
	if ( type === 'square' ) { return p &lt; 0.5 ? 1 : -1; }
	if ( type === 'triangle' ) { return p &lt; 0.25 ? 4 * p : ( p &lt; 0.75 ? 2 - 4 * p : 4 * p - 4 ); }
	return 2 * p - 1; /* sawtooth */
}

function noteName( f ) {
	var names = t( 'noteNames' ).split( ' ' );
	var off = parseInt( t( 'octaveOffset' ), 10 ) || 0;
	var n = Math.round( 12 * Math.log2( f / 440 ) ) + 57;
	return names[ ( ( n % 12 ) + 12 ) % 12 ] + ( Math.floor( n / 12 ) + off );
}

function sliderToFreq( v ) { return F_MIN * Math.pow( F_MAX / F_MIN, v / 1000 ); }
function freqToSlider( f ) { return Math.round( 1000 * Math.log( f / F_MIN ) / Math.log( F_MAX / F_MIN ) ); }

/* ── Build widget ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ── */
function buildWidget( container ) {
	var ds = container.dataset;
	var controls = ( ds.controls || 'frequency,amplitude,waveform' ).split( ',' ).map( function ( s ) { return s.trim(); } );
	var state = {
		f: num( ds.frequency, F_MIN, F_MAX, 440 ),
		a: num( ds.amplitude, 0, 100, 70 ) / 100,
		type: WAVEFORMS.indexOf( ds.waveform ) &gt;= 0 ? ds.waveform : 'sine',
		phase: 0
	};

	container.innerHTML = '';
	var root = el( 'div', 'hw-sound' );
	container.appendChild( root );

	/* -- top bar -- */
	var bar = el( 'div', 'hw-sound__bar' );
	var play = makePlayButton( function () { if ( voice.playing ) { voice.stop(); } else { voice.start(); } } );
	bar.appendChild( play.el );
	bar.appendChild( el( 'span', 'hw-sound__note', t( 'window' ) ) );
	root.appendChild( bar );

	/* -- canvas -- */
	var canvas = el( 'canvas', 'hw-sound__canvas' );
	canvas.style.height = H_PX + 'px';
	canvas.setAttribute( 'role', 'img' );
	canvas.setAttribute( 'aria-label', t( '_name' ) );
	root.appendChild( canvas );
	var ctx = canvas.getContext( '2d' );

	var axis = el( 'div', 'hw-sound__axis' );
	axis.appendChild( el( 'span', null, '0 ms' ) );
	axis.appendChild( el( 'span', null, t( 'timeAxis' ) ) );
	axis.appendChild( el( 'span', null, fmt( WIN * 1000, 0 ) + ' ms' ) );
	root.appendChild( axis );

	/* -- controls -- */
	var fSlider, aSlider;
	if ( controls.indexOf( 'frequency' ) &gt;= 0 ) {
		fSlider = makeSlider( root, t( 'frequency' ), 0, 1000, 1, freqToSlider( state.f ) );
		fSlider.input.addEventListener( 'input', function () { state.f = sliderToFreq( +fSlider.input.value ); update(); } );
	}
	if ( controls.indexOf( 'amplitude' ) &gt;= 0 ) {
		aSlider = makeSlider( root, t( 'amplitude' ), 0, 100, 1, Math.round( state.a * 100 ) );
		aSlider.input.addEventListener( 'input', function () { state.a = +aSlider.input.value / 100; update(); } );
	}
	if ( controls.indexOf( 'waveform' ) &gt;= 0 ) {
		makeSegment( root, t( 'waveform' ), WAVEFORMS.map( function ( w ) { return { value: w, label: t( w ) }; } ),
			state.type, function ( w ) { state.type = w; voice.retype(); anim.redraw(); } );
	}

	/* -- stat cards -- */
	var stats = el( 'div', 'hw-sound__stats' );
	function stat( label ) {
		var c = el( 'div', 'hw-sound__stat' );
		c.appendChild( el( 'span', null, label ) );
		var b = el( 'b' );
		c.appendChild( b );
		stats.appendChild( c );
		return b;
	}
	var sPeriod = stat( t( 'period' ) );
	var sLambda = stat( t( 'wavelength' ) );
	var sNote = stat( t( 'note' ) );
	root.appendChild( stats );

	makeFooter( container, t( 'hint' ) );

	/* -- audio -- */
	function level() {
		return state.a * MAX_GAIN * ( state.type === 'square' || state.type === 'sawtooth' ? 0.5 : 1 );
	}
	var voice = {
		playing: false, osc: null, gain: null, ac: null,
		start: function () {
			var hub = audioHub();
			var ac = hub.context();
			if ( !ac ) { play.el.title = t( 'noAudio' ); return; }
			hub.claim( voice );
			voice.ac = ac;
			voice.osc = ac.createOscillator();
			voice.gain = ac.createGain();
			voice.osc.type = state.type;
			voice.osc.frequency.value = state.f;
			voice.gain.gain.value = 0;
			voice.osc.connect( voice.gain ).connect( ac.destination );
			voice.osc.start();
			voice.gain.gain.setTargetAtTime( level(), ac.currentTime, 0.02 );
			voice.playing = true;
			play.set( true, t( 'stop' ), t( 'play' ) );
		},
		stop: function () {
			if ( !voice.playing ) { return; }
			var o = voice.osc;
			voice.gain.gain.setTargetAtTime( 0, voice.ac.currentTime, 0.02 );
			setTimeout( function () { o.stop(); o.disconnect(); }, 150 );
			voice.playing = false;
			audioHub().release( voice );
			play.set( false, t( 'stop' ), t( 'play' ) );
		},
		retune: function () {
			if ( !voice.playing ) { return; }
			voice.osc.frequency.setTargetAtTime( state.f, voice.ac.currentTime, 0.02 );
			voice.gain.gain.setTargetAtTime( level(), voice.ac.currentTime, 0.02 );
		},
		retype: function () {
			if ( !voice.playing ) { return; }
			voice.osc.type = state.type;
			voice.gain.gain.setTargetAtTime( level(), voice.ac.currentTime, 0.02 );
		}
	};
	play.set( false, t( 'stop' ), t( 'play' ) );

	/* -- drawing -- */
	function draw() {
		var p = palette();
		var W = canvas.clientWidth, H = H_PX, mid = H / 2, R = H / 2 - 18;
		var px, y;
		ctx.clearRect( 0, 0, W, H );

		ctx.lineWidth = 1;
		ctx.strokeStyle = p.grid;
		for ( var i = 1; i &lt; 10; i++ ) {
			ctx.beginPath(); ctx.moveTo( W * i / 10, 0 ); ctx.lineTo( W * i / 10, H ); ctx.stroke();
		}
		ctx.strokeStyle = p.axis;
		ctx.beginPath(); ctx.moveTo( 0, mid ); ctx.lineTo( W, mid ); ctx.stroke();

		ctx.fillStyle = p.text;
		ctx.font = '11px sans-serif';
		ctx.textAlign = 'left';
		ctx.fillText( t( 'pressurePlus' ), 8, 14 );
		ctx.fillText( t( 'pressureMinus' ), 8, H - 8 );

		ctx.strokeStyle = p.wave;
		ctx.lineWidth = 2.2;
		ctx.beginPath();
		for ( px = 0; px &lt;= W; px++ ) {
			y = mid - waveValue( state.type, state.f * ( px / W * WIN ) - state.phase ) * state.a * R;
			if ( px ) { ctx.lineTo( px, y ); } else { ctx.moveTo( px, y ); }
		}
		ctx.stroke();

		if ( state.a &gt; 0 ) {
			ctx.setLineDash( [ 4, 4 ] );
			ctx.strokeStyle = p.accent;
			ctx.lineWidth = 1;
			[ mid - state.a * R, mid + state.a * R ].forEach( function ( yy ) {
				ctx.beginPath(); ctx.moveTo( 0, yy ); ctx.lineTo( W, yy ); ctx.stroke();
			} );
			ctx.setLineDash( [] );
			ctx.fillStyle = p.accent;
			ctx.textAlign = 'right';
			ctx.fillText( t( 'amplitudeMark' ), W - 8, mid - state.a * R - 5 );
		}
	}

	function frame( dt ) {
		state.phase = ( state.phase + state.f * SLOW * dt ) % 1e6;
		draw();
	}

	function update() {
		if ( fSlider ) { fSlider.out.textContent = fmt( state.f, 0 ) + ' Hz'; }
		if ( aSlider ) { aSlider.out.textContent = fmt( state.a * 100, 0 ) + ' %'; }
		sPeriod.textContent = fmt( 1000 / state.f, 2 ) + ' ms';
		var l = V_AIR / state.f;
		sLambda.textContent = l &gt;= 1 ? fmt( l, 2 ) + ' m' : fmt( l * 100, 0 ) + ' cm';
		sNote.textContent = noteName( state.f );
		voice.retune();
		anim.redraw();
	}

	function resize() {
		var dpr = window.devicePixelRatio || 1;
		canvas.width = Math.round( canvas.clientWidth * dpr );
		canvas.height = Math.round( H_PX * dpr );
		ctx.setTransform( dpr, 0, 0, dpr, 0, 0 );
		anim.redraw();
	}

	var anim = animator( canvas, frame );
	new ResizeObserver( resize ).observe( canvas );

	/* dark-mode live update (MediaWiki) */
	var mo = new MutationObserver( function () { anim.redraw(); } );
	mo.observe( document.documentElement, { attributes: true, attributeFilter: [ 'class' ] } );
	mo.observe( document.body, { attributes: true, attributeFilter: [ 'class' ] } );

	update();
}

/* ----------------------------------------------------------
 * Initialise all matching containers on the page
 * ---------------------------------------------------------- */
document.querySelectorAll( '.hiruwiki[data-module=&quot;sound-wave&quot;]' ).forEach( buildWidget );

}() );</text>
      <sha1>sxvxwi7gi3fnsjaec6w9o463btz3lt0</sha1>
    </revision>
  </page>
  <page>
    <title>Template:Hiruwiki</title>
    <ns>10</ns>
    <id>189972</id>
    <revision>
      <id>781456</id>
      <timestamp>2026-10-28T10:49:58Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Created page with &quot;&lt;div class=&quot;hiruwiki&quot; data-module=&quot;{{{module|{{{1|}}}}}}&quot;&gt;&lt;/div&gt; &lt;includeonly&gt;[[Category:Wikipedia:Hiruwiki]]&lt;/includeonly&gt;&quot;</comment>
      <origin>781456</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="123" sha1="a0s2p29w0wecgcojos8846hiwh7c7op" xml:space="preserve">&lt;div class=&quot;hiruwiki&quot; data-module=&quot;{{{module|{{{1|}}}}}}&quot;&gt;&lt;/div&gt;
&lt;includeonly&gt;[[Category:Wikipedia:Hiruwiki]]&lt;/includeonly&gt;</text>
      <sha1>a0s2p29w0wecgcojos8846hiwh7c7op</sha1>
    </revision>
  </page>
  <page>
    <title>Hiruwiki</title>
    <ns>0</ns>
    <id>189973</id>
    <revision>
      <id>781457</id>
      <timestamp>2026-10-28T10:51:46Z</timestamp>
      <contributor>
        <username>ItsNyoty</username>
        <id>68948</id>
      </contributor>
      <comment>Created page with &quot;See [[mw:Hiruwiki|Hiruwiki on mediawiki]] for documentation.   {{Hiruwiki|angle-guess}}{{Hiruwiki|angles}}{{Hiruwiki|circle-proof}}{{Hiruwiki|circumcentre}}{{Hiruwiki|dividend}}{{Hiruwiki|doppler}}{{Hiruwiki|echo}}{{Hiruwiki|euler-line}}{{Hiruwiki|factors}}{{Hiruwiki|fibonacci}}{{Hiruwiki|gauss-legendre}}{{Hiruwiki|harmonics}}{{Hiruwiki|hexagon-angles}}{{Hiruwiki|incentre}}{{Hiruwiki|integer-coordinates}}{{Hiruwiki|marble-jar}}{{Hiruwiki|monte-carlo}}{{Hiruwiki|nine-poin...&quot;</comment>
      <origin>781457</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="915" sha1="mutzhhcj4t8zslvhf8sp2kco19p4sn6" xml:space="preserve">See [[mw:Hiruwiki|Hiruwiki on mediawiki]] for documentation.


{{Hiruwiki|angle-guess}}{{Hiruwiki|angles}}{{Hiruwiki|circle-proof}}{{Hiruwiki|circumcentre}}{{Hiruwiki|dividend}}{{Hiruwiki|doppler}}{{Hiruwiki|echo}}{{Hiruwiki|euler-line}}{{Hiruwiki|factors}}{{Hiruwiki|fibonacci}}{{Hiruwiki|gauss-legendre}}{{Hiruwiki|harmonics}}{{Hiruwiki|hexagon-angles}}{{Hiruwiki|incentre}}{{Hiruwiki|integer-coordinates}}{{Hiruwiki|marble-jar}}{{Hiruwiki|monte-carlo}}{{Hiruwiki|nine-point-circle}}{{Hiruwiki|orthocentre}}{{Hiruwiki|pentagon-angles}}{{Hiruwiki|percent}}{{Hiruwiki|positive-coordinates}}{{Hiruwiki|pythagoras}}{{Hiruwiki|quadrangle-angles}}{{Hiruwiki|quadrangles}}{{Hiruwiki|radian}}{{Hiruwiki|slope}}{{Hiruwiki|sound-propagation}}{{Hiruwiki|sound-wave}}{{Hiruwiki|transformation}}{{Hiruwiki|triangle-angles}}{{Hiruwiki|triangle-area}}{{Hiruwiki|triangle-centroid}}{{Hiruwiki|triangles}}{{Hiruwiki|trigonometry}}</text>
      <sha1>mutzhhcj4t8zslvhf8sp2kco19p4sn6</sha1>
    </revision>
  </page>
</mediawiki>