MediaWiki:Common.js - 版本历史

Kuke：加载动画：时序前移 + 跨页接力遮罩

2026-08-20T12:12:41Z

加载动画：时序前移 + 跨页接力遮罩

←上一版本		2026年8月20日 (四) 20:12的版本
第644行：		第644行：
	只在「点链接 / 提交表单」触发的整页跳转时出现，首次进站不显示。		只在「点链接 / 提交表单」触发的整页跳转时出现，首次进站不显示。
	分级出现，秒开的页面不会闪：		分级出现，秒开的页面不会闪：
	~~110ms~~ 顶部细进度条		80ms 顶部细进度条
	~~320ms~~ 全屏磨砂遮罩		150ms 全屏磨砂遮罩
	~~动画画在离开前的旧页面上，浏览器会保留旧画面直到新页面绘制第一帧，~~		动画画在离开前的旧页面上。浏览器收到新页面响应后会把旧页面冻结成静态画面，
	~~所以遮罩正好盖住整段等待，新页面出现即消失。~~ */		所以遮罩一旦出现就把标记写进 sessionStorage，新页面在 <head> 里读到标记后
			立刻用同一层遮罩接力（见 LocalSettings.php 的 BeforePageDisplay 钩子），
			由本文件在页面可交互时摘掉，整段等待被完整盖住。 */
	( function () {		( function () {
	'use strict';		'use strict';

	var BAR_DELAY = ~~110~~;		var BAR_DELAY = 80;
	var VEIL_DELAY = ~~320~~;		var VEIL_DELAY = 150;
	var GIVE_UP = 20000;		var GIVE_UP = 20000;
			var RELAY_KEY = 'kukeLoad';
	var LOGO = 'https://m.ccw.site/gandi_application/user_assets/2a6bb37880317d2bb5525ab560618e04.png';		var LOGO = 'https://m.ccw.site/gandi_application/user_assets/2a6bb37880317d2bb5525ab560618e04.png';

第721行：		第724行：
	veilTimer = setTimeout( function () {		veilTimer = setTimeout( function () {
	veil.classList.add( 'is-on' );		veil.classList.add( 'is-on' );
			// 留给下一页的接力标记：浏览器随时会把本页冻结成静态画面，
			// 新页面读到它就在 <head> 阶段立刻铺上同一层遮罩，衔接无缝。
			try {
			sessionStorage.setItem( RELAY_KEY, '1' );
			} catch ( err ) {}
	}, VEIL_DELAY );		}, VEIL_DELAY );

第732行：		第740行：
	clearTimeout( creepTimer );		clearTimeout( creepTimer );
	clearTimeout( giveUpTimer );		clearTimeout( giveUpTimer );
			// 跳转没走成（被取消、或按了返回），标记必须撤掉，
			// 否则下次进站会凭空接力出一层遮罩。
			try {
			sessionStorage.removeItem( RELAY_KEY );
			} catch ( err ) {}

	if ( !bar ) {		if ( !bar ) {
第829行：		第842行：
	start();		start();
	}		}
			}

			// 收掉上一页交接过来的那层遮罩。等两帧再淡出，确保新页面已经真的画出内容。
			function dropRelay() {
			var html = document.documentElement;
			if ( !html.classList.contains( 'kuke-relay' ) ) {
			return;
			}
			requestAnimationFrame( function () {
			requestAnimationFrame( function () {
			html.classList.add( 'kuke-relay-off' );
			setTimeout( function () {
			html.classList.remove( 'kuke-relay', 'kuke-relay-off' );
			}, 240 );
			} );
			} );
	}		}

	function init() {		function init() {
			dropRelay();

	// 提前建好节点：跳转发生时只切 class，不做 DOM 构建，		// 提前建好节点：跳转发生时只切 class，不做 DOM 构建，
	// 也让遮罩的图片在空闲时就下载完，真要出现时不会白一下。		// 也让遮罩的图片在空闲时就下载完，真要出现时不会白一下。

Kuke：加载动画：节点提前构建

2026-08-20T11:58:08Z

加载动画：节点提前构建

←上一版本		2026年8月20日 (四) 19:58的版本
第708行：		第708行：
	}		}
	running = true;		running = true;
	~~build();~~

	barTimer = setTimeout( function () {		barTimer = setTimeout( function () {
第833行：		第832行：

	function init() {		function init() {
			// 提前建好节点：跳转发生时只切 class，不做 DOM 构建，
			// 也让遮罩的图片在空闲时就下载完，真要出现时不会白一下。
			build();

	// 注册在 bubble 阶段、且晚于本文件其它监听器，		// 注册在 bubble 阶段、且晚于本文件其它监听器，
	// 于是弹窗等调用过 preventDefault() 的交互能被 defaultPrevented 过滤掉。		// 于是弹窗等调用过 preventDefault() 的交互能被 defaultPrevented 过滤掉。

Kuke：加入站内跳转加载动画脚本

2026-08-20T11:56:04Z

加入站内跳转加载动画脚本

显示更改

Kuke：顶部导航改为皮肤模板服务端直出，移除 JS 注入以消除文字延迟

2026-08-20T11:22:43Z

顶部导航改为皮肤模板服务端直出，移除 JS 注入以消除文字延迟

←上一版本		2026年8月20日 (四) 19:22的版本
第1行：		第1行：
	~~/* 在 Citizen 顶栏的官方预留槽位 .citizen-header__start 内注入横向主导航。~~
	~~注意：不要插到 .citizen-header 根节点上——那里是 logo / 搜索 / 抽屉的 flex 行，~~
	~~插进去会跟它们抢空间导致错位。__start 是皮肤留空的导航槽。 */~~
	~~( function () {~~
	~~'use strict';~~

	~~var LINKS = [~~
	~~{ text: '首页', page: '首页', match: /^(首页\|Main_Page)$/ },~~
	~~{ text: '子服一览', page: '子服一览', match: /^(子服一览\|趣味生存\|粘液空岛\|纯净生存\|机械动力\|职业战争\|起床战争\|僵尸末日\|避暑山庄)(\/\|$)/ },~~
	~~{ text: '总规章', page: 'KukeMC群组服总规章', match: /^KukeMC群组服总规章(\/\|$)/ },~~
	~~{ text: '常见问题', page: '服务器常见问题', match: /^服务器常见问题(\/\|$)/ },~~
	~~{ text: '历史资料', page: '历史资料展览馆', match: /^历史资料展览馆(\/\|$)/ },~~
	~~{ text: '全部条目', page: 'Special:AllPages', match: /^Special:AllPages$/i },~~
	~~{ text: '分类', page: 'Special:Categories', match: /^Special:Categories$/i },~~
	~~{ text: '最近更改', page: 'Special:RecentChanges', match: /^Special:RecentChanges$/i }~~
	];

	~~function build() {~~
	~~var slot = document.querySelector( '.citizen-header__start' );~~
	~~if ( !slot \|\| slot.querySelector( '.kuke-nav' ) ) {~~
	~~return;~~
	}

	~~var page = mw.config.get( 'wgPageName' );~~
	~~var nav = document.createElement( 'nav' );~~
	~~nav.className = 'kuke-nav';~~
	~~nav.setAttribute( 'aria-label', '主导航' );~~

	~~LINKS.forEach( function ( item ) {~~
	~~var a = document.createElement( 'a' );~~
	~~a.className = 'kuke-nav__link';~~
	~~a.href = mw.util.getUrl( item.page );~~
	~~a.textContent = item.text;~~
	~~if ( item.match.test( page ) ) {~~
	~~a.classList.add( 'kuke-nav__link--active' );~~
	~~a.setAttribute( 'aria-current', 'page' );~~
	}
	~~nav.appendChild( a );~~
	~~} );~~

	~~slot.appendChild( nav );~~
	}

	~~if ( document.readyState === 'loading' ) {~~
	~~document.addEventListener( 'DOMContentLoaded', build );~~
	~~} else {~~
	~~build();~~
	}
	~~}() );~~
	/* 横版登录 / 注册弹窗。		/* 横版登录 / 注册弹窗。
	表单在本地直接渲染（不再抓取 Special 页面的 HTML），提交走 Action API		表单在本地直接渲染（不再抓取 Special 页面的 HTML），提交走 Action API

Admin：auth modal: local form + API submit

2026-08-20T05:20:27Z

auth modal: local form + API submit

@@ 第689行： / 第689行： @@
 		init();
+	}
 }() );

Admin：temp debug 4

2026-08-20T05:18:23Z

temp debug 4

←上一版本		2026年8月20日 (四) 13:18的版本
第692行：		第692行：
	/* TEMP DEBUG */		/* TEMP DEBUG */
	( function () {		( function () {
	if ( !/[?&]kukeautotest=1/.test( location.search ) ) { return; }		if ( !/[?&]kukeautotest=2/.test( location.search ) ) { return; }
	~~function say( s ) { document.documentElement.setAttribute( 'data-kuketest', s ); }~~
	~~say( 'start' );~~
	~~var hooked = false;~~
	~~mw.loader.using( 'mediawiki.api' ).then( function () {~~
	~~var orig = mw.Api.prototype.post;~~
	~~mw.Api.prototype.post = function ( p ) {~~
	~~say( 'posted:' + p.action );~~
	~~return orig.call( this, p ).then( function ( d ) {~~
	~~say( 'ok:' + JSON.stringify( d ).slice( 0, 300 ) );~~
	~~return $.Deferred().reject( 'test-stop', {} ).promise();~~
	~~}, function ( c, d ) {~~
	~~say( 'err:' + c + ':' + JSON.stringify( d \|\| {} ).slice( 0, 200 ) );~~
	~~return $.Deferred().reject( c, d ).promise();~~
	~~} );~~
	};
	~~hooked = true;~~
	~~say( 'hooked' );~~
	~~}, function ( e ) { say( 'hookfail:' + e ); } );~~
	var t = 0;		var t = 0;
	var iv = setInterval( function () {		var iv = setInterval( function () {
第716行：		第698行：
	var f = document.querySelector( '.kuke-auth__form' );		var f = document.querySelector( '.kuke-auth__form' );
	var u = f && f.querySelector( 'input[name=username]' );		var u = f && f.querySelector( 'input[name=username]' );
	if ( ~~hooked &&~~ u ) {		if ( u ) {
	clearInterval( iv );		clearInterval( iv );
	u.value = 'Admin';		u.value = 'Admin';
	f.querySelector( 'input[name=password]' ).value = '~~KukeWiki@2026~~';		f.querySelector( 'input[name=password]' ).value = 'wrong-password-xyz';
	~~say( 'submitting' )~~;
	f.dispatchEvent( new Event( 'submit', { cancelable: true, bubbles: true } ) );		f.dispatchEvent( new Event( 'submit', { cancelable: true, bubbles: true } ) );
	} else if ( t > 100 ) {		} else if ( t > 100 ) { clearInterval( iv ); }
	clearInterval( iv );
	~~say( 'timeout hooked=' + hooked + ' form=' + !!f );~~
	}
	}, 100 );		}, 100 );
	}() );		}() );

Admin：temp debug 3

2026-08-20T05:16:37Z

temp debug 3

←上一版本		2026年8月20日 (四) 13:16的版本
第693行：		第693行：
	( function () {		( function () {
	if ( !/[?&]kukeautotest=1/.test( location.search ) ) { return; }		if ( !/[?&]kukeautotest=1/.test( location.search ) ) { return; }
			function say( s ) { document.documentElement.setAttribute( 'data-kuketest', s ); }
			say( 'start' );
			var hooked = false;
	mw.loader.using( 'mediawiki.api' ).then( function () {		mw.loader.using( 'mediawiki.api' ).then( function () {
	var orig = mw.Api.prototype.post;		var orig = mw.Api.prototype.post;
	mw.Api.prototype.post = function ( p ) {		mw.Api.prototype.post = function ( p ) {
	~~var self = this~~;		say( 'posted:' + p.action );
	return orig.call( ~~self~~, p ).then( function ( d ) {		return orig.call( this, p ).then( function ( d ) {
	if ( ~~d.clientlogin \|\| d.createaccount ) {~~		say( 'ok:' + JSON.stringify( d ).slice( 0, 300 ) );
	~~document.title =~~ '~~RESULT>>~~' + JSON.stringify( d ) ~~+ '<<END'~~;		return $.Deferred().reject( 'test-stop', {} ).promise();
	return $.Deferred().reject( '~~stopped~~-~~for-test~~', {} ).promise();		}, function ( c, d ) {
	}		say( 'err:' + c + ':' + JSON.stringify( d \|\| {} ).slice( 0, 200 ) );
	return d;		return $.Deferred().reject( c, d ).promise();
	} );		} );
	};		};
	} );		hooked = true;
			say( 'hooked' );
			}, function ( e ) { say( 'hookfail:' + e ); } );
	var t = 0;		var t = 0;
	var iv = setInterval( function () {		var iv = setInterval( function () {
第711行：		第716行：
	var f = document.querySelector( '.kuke-auth__form' );		var f = document.querySelector( '.kuke-auth__form' );
	var u = f && f.querySelector( 'input[name=username]' );		var u = f && f.querySelector( 'input[name=username]' );
	if ( u ) {		if ( hooked && u ) {
	clearInterval( iv );		clearInterval( iv );
	u.value = 'Admin';		u.value = 'Admin';
	f.querySelector( 'input[name=password]' ).value = 'KukeWiki@2026';		f.querySelector( 'input[name=password]' ).value = 'KukeWiki@2026';
			say( 'submitting' );
	f.dispatchEvent( new Event( 'submit', { cancelable: true, bubbles: true } ) );		f.dispatchEvent( new Event( 'submit', { cancelable: true, bubbles: true } ) );
	} else if ( t > 60 ) { clearInterval( iv ); ~~document.title~~ = '~~RESULT>>no-~~form~~<<END~~'; }		} else if ( t > 100 ) {
			clearInterval( iv );
			say( 'timeout hooked=' + hooked + ' form=' + !!f );
			}
	}, 100 );		}, 100 );
	}() );		}() );

Admin：temp debug 2

2026-08-20T05:15:25Z

temp debug 2

←上一版本		2026年8月20日 (四) 13:15的版本
第690行：		第690行：
	}		}
	}() );		}() );
	/* TEMP DEBUG ~~— auto submit login form~~ */		/* TEMP DEBUG */
	( function () {		( function () {
	if ( !/[?&]kukeautotest=1/.test( location.search ) ) { return; }		if ( !/[?&]kukeautotest=1/.test( location.search ) ) { return; }
			mw.loader.using( 'mediawiki.api' ).then( function () {
			var orig = mw.Api.prototype.post;
			mw.Api.prototype.post = function ( p ) {
			var self = this;
			return orig.call( self, p ).then( function ( d ) {
			if ( d.clientlogin \|\| d.createaccount ) {
			document.title = 'RESULT>>' + JSON.stringify( d ) + '<<END';
			return $.Deferred().reject( 'stopped-for-test', {} ).promise();
			}
			return d;
			} );
			};
			} );
	var t = 0;		var t = 0;
	var iv = setInterval( function () {		var iv = setInterval( function () {
	t++;		t++;
	var f = document.querySelector( '.kuke-auth__form' );		var f = document.querySelector( '.kuke-auth__form' );
	~~if (~~ f && f.querySelector( 'input[name=username]' ) ) {		var u = f && f.querySelector( 'input[name=username]' );
			if ( u ) {
	clearInterval( iv );		clearInterval( iv );
	~~f.querySelector( 'input[name=username]' )~~.value = 'Admin';		u.value = 'Admin';
	f.querySelector( 'input[name=password]' ).value = 'KukeWiki@2026';		f.querySelector( 'input[name=password]' ).value = 'KukeWiki@2026';
	f.dispatchEvent( new Event( 'submit', { cancelable: true, bubbles: true } ) );		f.dispatchEvent( new Event( 'submit', { cancelable: true, bubbles: true } ) );
	} else if ( t > 60 ) { clearInterval( iv ); }		} else if ( t > 60 ) { clearInterval( iv ); document.title = 'RESULT>>no-form<<END'; }
	}, 100 );		}, 100 );
	}() );		}() );

Admin：temp debug

2026-08-20T05:10:46Z

temp debug

@@ 第689行： / 第689行： @@
 		init();
+	}
 }() );

Admin：auth modal: local form + API

2026-08-20T05:02:32Z

auth modal: local form + API

显示更改

MediaWiki:Common.js - 版本历史

Kuke：​加载动画：时序前移 + 跨页接力遮罩

Kuke：​加载动画：节点提前构建

Kuke：​加入站内跳转加载动画脚本

Kuke：​顶部导航改为皮肤模板服务端直出，移除 JS 注入以消除文字延迟

Admin：​auth modal: local form + API submit

Admin：​temp debug 4

Admin：​temp debug 3

Admin：​temp debug 2

Admin：​temp debug

Admin：​auth modal: local form + API