LLWiki正在建设中,欢迎加入我们

“MediaWiki:Gadget-inspect.js”的版本间差异

来自LLWiki
跳转到导航 跳转到搜索
(撤销Bhsd讨论)的版本22041)
标签撤销
 
(未显示2个用户的28个中间版本)
第4行: 第4行:
* @Function: 在页面内快速编辑和预览
* @Function: 在页面内快速编辑和预览
* @Author: [[User:Bhsd]]
* @Author: [[User:Bhsd]]
* @Translation: [[User:Lakejason0]]
*/
*/
"use strict";
"use strict";
/*global OO, CodeMirror, wgULS*/
/*global OO, CodeMirror, wgULS*/
$(() => { // 避免全局变量
$(() => { // 避免全局变量
let nextid, list = mw.storage.getObject( 'inspect-category' ), flag;
let nextid, list = mw.storage.getObject( 'inspect-category' ), flag;
const id = mw.config.get( 'wgArticleId' ),
const id = mw.config.get( 'wgArticleId' ),
curRevid = mw.config.get( 'wgCurRevisionId' ),
page = mw.config.get( 'wgPageName' ), // 这里未转义,后面应用时需要注意
page = mw.config.get( 'wgPageName' ), // 这里未转义,后面应用时需要注意
isCode = mw.config.get( 'wgPageContentModel' ) != 'wikitext', // javascript/css/Scribunto/json
gadgets = mw.gadgets || {},
isCode = mw.config.get( 'wgPageContentModel' ) != 'wikitext', // javascript/css/Scribunto/json
gadgets = mw.gadgets || {},
charInsert = gadgets.charinsert || {},
charInsert = gadgets.charinsert || {},
src = charInsert.src || 'special:mypage/edittools',
// 由于resizable,left, top, height必须加!important,width不可加!important
src = charInsert.src || 'special:我的用户页/edittools',
cssHide = mw.util.addCSS( `#inspector { position:fixed; bottom:0; right:24px; left:auto !important;
// 由于resizable,left, top, height必须加!important,width不可加!important
top:auto !important; height:auto !important; width:calc(50% - 7rem - 0.5px); }
cssHide = mw.util.addCSS( `#inspector { position:fixed; bottom:0; right:24px; left:unset !important;
div.start-screen { bottom:40px; }` ),
top:unset !important; height:unset !important; width:calc(50% - 7rem - 0.5px); }
$content = $('#mw-content-text, #mw-imagepage-content').last(),
.start-screen { bottom:40px; }` ),
// wikitext/Scribunto对应.mw-parser-output,javascript/css对应.mw-code,json对应.mw-json
$content = $('#mw-content-text, #mw-imagepage-content').last(),
$original = $content.children('.mw-json, .mw-code, .mw-parser-output'),
// wikitext/Scribunto对应.mw-parser-output,javascript/css对应.mw-code,json对应.mw-json
$outer = $('<div>', {id: 'inspector', class: 'mw-ajax-loader'}).insertBefore( $original ),
$original = $content.children('.mw-json, .mw-code, .mw-parser-output'),
api = new mw.Api();
$outer = $('<div>', {id: 'inspector', class: 'mw-ajax-loader'}).insertBefore( $original ),
if (!list) { nextid = id + 1; }
api = new mw.Api();
else {
if (!list) { nextid = id + 1; }
flag = list[0][ list[1] ] == id;
else {
flag = list[0][ list[1] ] == id;
if (flag) { list[1]++; }
if (flag) { list[1]++; }
nextid = list[0][ list[1] ];
}
nextid = list[0][ list[1] ];
const btnGo = new OO.ui.ButtonWidget({flags: 'progressive', icon: 'next', href: `/zh?redirect=no&curid=${nextid}`,
}
disabled: !nextid}),
const btnGo = new OO.ui.ButtonWidget({flags: 'progressive', icon: 'next', href: `/zh?redirect=no&curid=${nextid}`,
initList = (pages, ctn) => {
disabled: !nextid}),
initList = (pages, ctn) => {
console.info({pages: pages, ctn: ctn, id: id});
flag = pages[0] == id || ctn && pages.includes(id); // &&的优先级高于||
console.info({pages: pages, ctn: ctn, id: id});
flag = pages[0] == id || ctn && pages.includes(id); // &&的优先级高于||
list = [pages, flag ? pages.indexOf(id) + 1 : 0];
if (ctn && !flag) { mw.notify(wgULS('当前页面并不属于该分类或命名空间!', '目前的頁面並不屬於此分類或命名空間!'),
list = [pages, flag ? pages.indexOf(id) + 1 : 0];
{type: 'warn'}); }
if (ctn && !flag) { mw.notify(wgULS('当前页面并不属于该分类或名字空间!', '當前頁面並不屬於該分類或名字空間!'),
mw.storage.setObject( 'inspect-category', [pages, list[1] - flag] );
{type: 'warn'}); }
btnGo.setHref( `/zh?redirect=no&curid=${pages[ list[1] ]}` ).setDisabled( false );
mw.storage.setObject( 'inspect-category', [pages, list[1] - flag] );
},
btnGo.setHref( `/zh?redirect=no&curid=${pages[ list[1] ]}` ).setDisabled( false );
dialog = new OO.ui.MessageDialog(),
},
dialog = new OO.ui.MessageDialog(),
actionC = new OO.ui.ActionWidget({action: 'cancel', label: '取消'}),
actionC = new OO.ui.ActionWidget({label: '取消'}),
actionG = new OO.ui.ActionWidget({action: 'go', label: wgULS('确定', '確認'), flags: 'progressive'}),
textInput = new OO.ui.TextInputWidget(),
actionG = new OO.ui.ActionWidget({label: wgULS('确定', '確認'), flags: 'progressive'}),
textInput = new OO.ui.TextInputWidget(),
fromHere = new OO.ui.CheckboxInputWidget(),
message = [ $('<p>', {text: wgULS('请输入分类名或命名空间编号:', '請輸入分類名或命名空間編號:')}),
fromHere = new OO.ui.CheckboxInputWidget(),
textInput.$element,
message = [ $('<p>', {text: wgULS('请输入分类名或名字空间编号:', '請輸入分類名或名字空間編號:')}),
new OO.ui.FieldLayout(fromHere, {label: wgULS('从当前页面继续', '從目前的頁面繼續'), align: 'inline'}).$element
textInput.$element,
],
new OO.ui.FieldLayout(fromHere, {label: wgULS('从当前页面继续', '從當前頁面繼續'), align: 'inline'}).$element
updateCat = function(cat, ctn) {
],
// 输入空白则清除分类
updateCat = function(cat, ctn) {
if (cat === '') {
// 输入空白则清除分类
mw.storage.remove( 'inspect-category' );
if (cat === '') {
btnGo.setHref( `/zh?redirect=no&curid=${id + 1}` ).setDisabled( false );
mw.storage.remove( 'inspect-category' );
return;
btnGo.setHref( `/zh?redirect=no&curid=${id + 1}` ).setDisabled( false );
}
return;
// 输入数字对应命名空间
}
if (!isNaN(cat)) {
// 输入数字对应名字空间
if (!Object.keys( mw.config.get( 'wgFormattedNamespaces' ) ).includes(cat)) {
if (!isNaN(cat)) {
mw.notify(wgULS('错误的命名空间编号!', '錯誤的命名空間編號!'), {type: 'error'});
if (!Object.keys( mw.config.get( 'wgFormattedNamespaces' ) ).includes(cat)) {
return;
mw.notify(wgULS('错误的名字空间编号!', '錯誤的名字空間編號!'), {type: 'error'});
}
return;
mw.timedQuery(api, {list: 'allpages', apnamespace: cat, apfilterredir: 'nonredirects', aplimit: 'max'},
}
wgULS('该命名空间的页面列表', '此命名空間的頁面清單')).then(ap => {
mw.timedQuery(api, {list: 'allpages', apnamespace: cat, apfilterredir: 'nonredirects', aplimit: 'max'},
const pages = ap.query.allpages.map(ele => ele.pageid).sort((a, b) => a < b); // 由新到旧排列
wgULS('该名字空间的页面列表', '該名字空間的頁面列表')).then(ap => {
if (pages.length === 0) {
const pages = ap.query.allpages.map(ele => ele.pageid).sort((a, b) => a < b); // 由新到旧排列
mw.notify( wgULS('该命名空间沒有非重定向的页面!', '此命名空間沒有非重新導向的頁面!'), {type: 'warn'} );
if (pages.length === 0) {
return;
mw.notify( wgULS('该名字空间沒有非重定向的页面!', '該名字空間沒有非重定向的頁面!'), {type: 'warn'} );
}
return;
initList(pages, ctn);
}
}, () => {}); // mw.timedQuery已经通知过错误信息,这里只要一个空函数处理reject,下同
initList(pages, ctn);
return;
}, () => {}); // mw.timedQuery已经通知过错误信息,这里只要一个空函数处理reject,下同
}
return;
if (!/^(category|分[类類]):/i.test( cat )) { cat = `Category:${cat}`; }
}
// cmtitle参数不可自动转换,所以需要先获得转换后的正确标题
if (!/^(category|分[类類]):/i.test( cat )) { cat = `Category:${cat}`; }
mw.timedQuery(api, {titles: cat, converttitles: 1}, wgULS('标准页面名称', '標準頁面名稱')).then(r => {
// cmtitle参数不可自动转换,所以需要先获得转换后的正确标题
const target = r.query.pages[0];
mw.timedQuery(api, {titles: cat, converttitles: 1}, wgULS('标准页面名称', '標準頁面名稱')).then(r => {
if (target.missing) {
const target = r.query.pages[0];
mw.notify(wgULS('错误的分类名!', '錯誤的分類名!'), {type: 'error'});
if (target.missing) {
return;
mw.notify(wgULS('错误的分类名!', '錯誤的分類名!'), {type: 'error'});
}
return;
mw.timedQuery(api, {list: 'categorymembers', cmtitle: target.title, cmprop: 'ids', cmlimit: 'max',
}
cmsort: 'timestamp', cmdir: 'older'}, wgULS('分类下的页面列表', '分類下的頁面清單')).then(cm => {
mw.timedQuery(api, {list: 'categorymembers', cmtitle: target.title, cmprop: 'ids', cmlimit: 'max',
const pages = cm.query.categorymembers.map(ele => ele.pageid);
cmsort: 'timestamp', cmdir: 'older'}, wgULS('分类下的页面列表', '分類下的頁面列表')).then(cm => {
if (pages.length === 0) {
const pages = cm.query.categorymembers.map(ele => ele.pageid);
mw.notify( wgULS('该分类下无页面!', '此分類下無頁面!'), {type: 'warn'} );
if (pages.length === 0) {
return;
mw.notify( wgULS('该分类下无页面!', '該分類下無頁面!'), {type: 'warn'} );
}
return;
initList(pages, ctn);
}
}, () => {});
initList(pages, ctn);
}, () => {});
}, () => {});
};
}, () => {});
// 这个click事件不能绑到btnGo上,否则会禁用href跳转
};
btnGo.$element.click(() => { if (list && flag) { mw.storage.setObject( 'inspect-category', list ); } })
// 这个click事件不能绑到btnGo上,否则会禁用href跳转
.contextmenu(e => {
btnGo.$element.click(() => { if (list && flag) { mw.storage.setObject( 'inspect-category', list ); } })
e.preventDefault();
.contextmenu(e => {
mw.dialog(dialog, [actionC, actionG], message).then(action => {
e.preventDefault();
if (action == 'go') { updateCat( textInput.getValue(), fromHere.isSelected() ); }
mw.dialog(dialog, [actionC, actionG], message).then(() => {
});
actionG.$button.click(() => { updateCat( textInput.getValue(), fromHere.isSelected() ); });
});
});
// 模板、JavaScript、CSS、Lua、JSON只需要箭头按钮
});
if (mw.config.get( 'wgNamespaceNumber' ) == 10 && !page.endsWith( '/doc' ) || isCode) {
// 模板、JavaScript、CSS、Lua、JSON只需要箭头按钮
$outer.removeClass( 'mw-ajax-loader' ).append( $('<div>', {id: 'inspector-btns', html: btnGo.$element}) );
if (mw.config.get( 'wgNamespaceNumber' ) == 10 && !page.endsWith( '/doc' ) || isCode) {
$outer.removeClass( 'mw-ajax-loader' ).append( $('<div>', {id: 'inspector-btns', html: btnGo.$element}) );
mw.loader.addStyleTag( '#inspector-btns { width:auto; }' );
return;
mw.loader.addStyleTag( '#inspector-btns { width:auto; }' );
}
return;
// 先提交Ajax请求,这里手动设置cache: true
}
const getJSON = mw.loader.using('ext.CodeMirror.data'),
// 先提交Ajax请求,这里手动设置cache: true
getExt = mw.loader.using(['ext.CodeMirror.lib', 'ext.CodeMirror.mode.mediawiki']);
const getJSON = $.get({ dataType: 'json', cache: true,
// 生成通用的API请求
url: '/zh?title=mediawiki:gadget-CodeMirror.json&action=raw&ctype=application/json' }),
mw.standardQuery(api);
getExt = mw.loader.using(['ext.CodeMirror.lib', 'ext.CodeMirror.mode.mediawiki']);
let text, editor, $wrapper, $replace, $charinsert, prefix, ns, section, secTitle, summary,
// 生成通用的API请求
lang = mw.config.get( 'wgUserVariant' );
mw.standardQuery(api);
$original.find( ':header:has(.mw-editsection)' ).dblclick(function() {
let text, editor, $wrapper, $replace, $charinsert, prefix, ns, section, secTitle, summary,
section = mw.util.getParamValue( 'section', $(this).find( '.mw-editsection > a' ).attr('href') );
lang = mw.config.get( 'wgUserVariant' );
mw.sectionQuery(api, section).then(r => {
$original.find( ':header:has(.mw-editsection)' ).dblclick(function() {
editor.setValue( r.parse.wikitext );
section = mw.util.getParamValue( 'section', $(this).find( '.mw-editsection > a' ).attr('href') );
secTitle = r.parse.sections[0].anchor.replaceAll(' ', '_');
mw.sectionQuery(api, section).then(r => {
}, () => {});
editor.setValue( r.parse.wikitext );
});
secTitle = r.parse.sections[0].line;
// 标注<p>标签
}, () => {});
const css = mw.util.addCSS( `.empty { border:1px solid rgba(253,220,154,0.5); box-shadow:0 0 0.5em #fddc9a; }
});
#mw-content-text .mw-parser-output { display:flow-root; max-height:100vh; overflow:auto;
// 标注<p>标签
word-wrap:break-word; }` );
const css = mw.util.addCSS( `.empty { border:1px solid rgba(253,220,154,0.5); box-shadow:0 0 0.5em #fddc9a; }
css.disabled = true;
#mw-content-text .mw-parser-output { display:flow-root; overflow-x:auto; word-wrap:break-word; }` );
// 也可以使用user.options,这里使用其他方法绕过
css.disabled = true;
const isGadget = (name) => ['loaded', 'loading', 'ready'].includes( mw.loader.getState(`ext.gadget.${name}`) ),
// 也可以使用user.options,这里使用其他方法绕过
isBackup = isGadget('contentBackup'),
const isGadget = (name) => ['loaded', 'loading', 'ready'].includes( mw.loader.getState(`ext.gadget.${name}`) ),
backupObj = isBackup ? Object.fromEntries( mw.storage.getObject( 'LLWiki-contentBackup' ) || [] ) : {},
isBackup = isGadget('contentBackup'),
backup = isBackup ? () => {
backupObj = isBackup ? Object.fromEntries( mw.storage.getObject( 'LLWiki-contentBackup' ) || [] ) : {},
backupObj[id] = [mw.now(), editor.getValue()];
backup = isBackup ? () => {
mw.storage.setObject( 'LLWiki-contentBackup', Object.entries(backupObj) );
backupObj[id] = [mw.now(), editor.getValue()];
} : () => {},
mw.storage.setObject( 'LLWiki-contentBackup', Object.entries(backupObj) );
} : () => {},
loadBackup = () => {
const backupContent = (backupObj[id] || [])[1];
loadBackup = () => {
const backupContent = (backupObj[id] || [])[1];
if (!backupContent) {
mw.notify(wgULS('当前页面尚未备份!', '目前的頁面尚未備份!'), {type: 'warn'});
if (!backupContent) {
return;
mw.notify(wgULS('当前页面尚未备份!', '當前頁面尚未備份!'), {type: 'warn'});
}
return;
mw.confirm( wgULS('要加载备份吗?', '要載入備份嗎?'), 'progressive' ).then(confirm => {
}
if (!confirm) { return; }
mw.confirm( wgULS('要加载备份吗?', '要加載備份嗎?'), 'progressive' ).then(confirm => {
editor.setValue( backupContent );
if (!confirm) { return; }
mw.notify(wgULS('已还原备份!', '已還原備份!'), {type: 'success'});
editor.setValue( backupContent );
});
mw.notify(wgULS('已还原备份!', '已復原備份!'), {type: 'success'});
},
});
pEmpty = ($div) => {
},
$div.find( 'p:not(:has(script))' ).filter(function() { return !/\S/.test( this.textContent ); })
pEmpty = ($div) => {
.addClass('empty');
$div.find( 'p:not(:has(script))' ).filter(function() { return !/\S/.test( this.textContent ); })
},
.addClass('empty');
placeholder = [
},
$('<div>', {class: "mw-parser-output"}).css('display', 'none'),
placeholder = [
$('<div>', {class: "mw-parser-output"}).css('display', 'none'),
$('<h1>', {id: 'firstHeading', class: 'firstHeading'}),
$('<h1>', {id: 'firstHeading', class: 'firstHeading'}),
$('<div>', {id: 'catlinks'}).css('display', 'none'),
$('.mw-indicators')
$('<div>', {id: 'catlinks'}).css('display', 'none'),
], // 用于替换时保留原始数据
$('.mw-indicators')
$warning = $('<div>', {html: [wgULS("确定要还原为未编辑的状态吗?", "確認要還原為未編輯的狀態嗎?"), '<br>',
], // 用于替换时保留原始数据
wgULS("建议您做好编辑内容备份。", "建議您做好編輯內容備份。")]}),
$warning = $('<div>', {html: [wgULS("确定要还原为未编辑的状态吗?", "確認要復原為未編輯的狀態嗎?"), '<br>',
$heading = $('#firstHeading'),
wgULS("建议您做好编辑内容备份。", "建議您做好編輯內容備份。")]}),
$heading = $('#firstHeading'),
$cat = $('#catlinks'),
$cat = $('#catlinks'),
$indicator = $('.mw-indicator'),
btns = [new OO.ui.ButtonWidget({label: '提交', flags: ['primary', 'progressive']}).on('click', () => {
$indicator = $('.mw-indicator'),
backup();
btns = [new OO.ui.ButtonWidget({label: '提交', flags: ['primary', 'progressive']}).on('click', () => {
// 改变CSS样式表示提交中
backup();
btns[0].setDisabled( true );
// 改变CSS样式表示提交中
mw.safeEdit(api, {pageid: id, text: editor.getValue(), section: section,
btns[0].setDisabled( true );
summary: (section === undefined ? '' : `/* ${secTitle} */ `) + (summary ? `${summary} //` : '//') +
mw.safeEdit(api, curRevid, {pageid: id, text: editor.getValue(), section: section,
wgULS( '使用[[help:小工具/页面文本对比查看器|页面/文本对比查看器]]快速编辑',
summary: (section === undefined ? '' : `/* ${secTitle} */ `) + (summary ? `${summary} //` : '//') +
wgULS( '使用[[help:小工具/页面文本对比查看器|面/文本对查看器]]快速编辑',
'使用[[help:小工具/页面文本对比查看器|面/文字對檢視器]]快速編輯')}, isBackup)
.then(() => { location.href = mw.util.getUrl( page ); },
'使用[[help:小工具/页面文本对比查看器|頁面/文本對比察看器]]快速編輯')}, isBackup)
reason => { btns[0].setDisabled( reason == 'editConflict' ); }); // 编辑冲突必须刷新页面,不应重复提交
.then(() => { location.reload(); },
}), new OO.ui.ButtonWidget({label: wgULS('预览', '預覽')}).on('click', () => {
reason => { btns[0].setDisabled( reason == 'editConflict' ); }); // 编辑冲突必须刷新页面,不应重复提交
backup();
}), new OO.ui.ButtonWidget({label: wgULS('预览', '預覽')}).on('click', () => {
// 改变CSS样式表示预览中
backup();
btns[1].setDisabled( true );
// 改变CSS样式表示预览中
mw.timedParse(api, {text: editor.getValue(), uselang: lang,
btns[1].setDisabled( true );
mw.timedParse(api, {text: editor.getValue(), uselang: lang, prop: 'text|categories|displaytitle|indicators'},
prop: 'text|categorieshtml|displaytitle|indicators|modules|headitems'
wgULS('预览', '預覽')).then(r => {
}, wgULS('预览', '預覽')).then(r => {
mw.loader.load( r.parse.modulestyles );
if ($.contains( $content[0], $original[0] )) {
const tabsStyles = r.parse.headitems.find(function(ele) { return ele.tag === 'TabsStyles'; });
$original.after( placeholder[0] ).detach();
if (tabsStyles) {
$heading.after( placeholder[1] ).detach();
$('head').append(tabsStyles.content); // 可能重复,但重复也没关系
$cat.after( placeholder[2] ).detach();
}
$indicator.detach();
if ($.contains( $content[0], $original[0] )) {
}
$original.after( placeholder[0] ).detach();
$content.children( '.mw-parser-output' ).replaceWith( r.parse.text );
$heading.after( placeholder[1] ).detach();
pEmpty( $content.children( '.mw-parser-output' ) );
$cat.after( placeholder[2] ).detach();
if (mw.resizeLyrics) { mw.resizeLyrics(); }
$indicator.detach();
mw.hook( 'wikipage.content' ).fire($content);
}
placeholder[1].html( r.parse.displaytitle );
$content.children( '.mw-parser-output' ).replaceWith( r.parse.text );
placeholder[3].html( Object.entries( r.parse.indicators ).map(ele =>
pEmpty( $content.children( '.mw-parser-output' ) );
$('<div>', {class: 'mw-indicator', id: `mw-indicator-${ele[0]}`, html: ele[1]})) );
if (mw.resizeLyrics) { mw.resizeLyrics(); }
const showhidden = mw.user.options.get( 'showhiddencats' ),
mw.hook( 'wikipage.content' ).fire($content);
normalCats = r.parse.categories.filter(ele => !ele.hidden).map(ele => ele.category),
$('#catlinks').replaceWith( r.parse.categorieshtml );
hiddenCats = (showhidden ? r.parse.categories.filter(ele => ele.hidden) : []).map(ele => ele.category);
placeholder[1].html( r.parse.displaytitle );
if (normalCats.length + hiddenCats.length === 0) { return; }
placeholder[3].html( Object.entries( r.parse.indicators ).map(ele =>
const $parseCat = $('<div>', {id: 'catlinks', class: 'catlinks', 'data-mw': 'interface'});
$('<div>', {class: 'mw-indicator', id: `mw-indicator-${ele[0]}`, html: ele[1]})) );
if (normalCats.length) {
}, () => {}).then(() => { btns[1].setDisabled( false ); });
$parseCat.append( $('<div>', {id: 'mw-normal-catlinks', class: 'mw-normal-catlinks', html: [
$('<a>', {title: wgULS('页面分类', '頁面分類'), text: wgULS('分类', '分類'),
}), new OO.ui.ButtonWidget({label: wgULS('还原', '還原'), flags: 'destructive', disabled: true}).on('click', () => {
mw.confirm($warning, ['primary', 'destructive']).then(confirm => {
href: '/zh/special:页面分类'}),
if (!confirm) { return; }
':',
section = undefined;
$('<ul>', {html: normalCats.map(ele => $('<li>', {html: $('<a>', {href: mw.util.getUrl(ele),
editor.setValue( text );
title: `Category:${ele}`, text: ele})}))})
if ($.contains( $content[0], $original[0] )) { return; } // 无事发生
]}) );
$content.children( '.mw-parser-output' ).replaceWith( $original );
}
placeholder[1].replaceWith( $heading );
if (hiddenCats.length) {
$('#catlinks').replaceWith( $cat );
$parseCat.append( $('<div>', {id: 'mw-hidden-catlinks',
placeholder[3].html( $indicator );
class: 'mw-hidden-catlinks mw-hidden-cats-user-shown', html: [
if (mw.resizeLyrics) { mw.resizeLyrics(); }
wgULS('隐藏分类:', '隱藏分類:'),
});
$('<ul>', {html: hiddenCats.map(ele => $('<li>', {html: $('<a>', {href: mw.util.getUrl(ele),
}), new OO.ui.ButtonWidget({label: wgULS('显示', '顯示')}).on('click', () => {
title: `Category:${ele}`, text: ele})}))})
css.disabled = !css.disabled;
]}) );
cssHide.disabled = !cssHide.disabled;
}
$wrapper.toggle();
$('#catlinks').replaceWith( $parseCat );
editor.setSize();
}, () => {}).then(() => { btns[1].setDisabled( false ); });
btns[3].setLabel( css.disabled ? wgULS('显示', '顯示') : wgULS('隐藏', '隱藏'));
}), new OO.ui.ButtonWidget({label: wgULS('还原', '復原'), flags: 'destructive', disabled: true}).on('click', () => {
btns[2].setDisabled( css.disabled ); // 折叠时无法更新textarea
mw.confirm($warning, ['primary', 'destructive']).then(confirm => {
if (mw.resizeLyrics) { mw.resizeLyrics(); }
if (!confirm) { return; }
}), btnGo],
section = undefined;
options = $('<div>', {text: wgULS('查找替换', '尋找取代')}).click(() => {
editor.setValue( text );
if ($replace) {
if ($.contains( $content[0], $original[0] )) { return; } // 无事发生
$replace.show();
$content.children( '.mw-parser-output' ).replaceWith( $original );
return;
placeholder[1].replaceWith( $heading );
}
$('#catlinks').replaceWith( $cat );
let replaceBackup;
placeholder[3].html( $indicator );
const enable = () => { replaceBtn.setDisabled( false ); },
if (mw.resizeLyrics) { mw.resizeLyrics(); }
ptn = new OO.ui.TextInputWidget().on('change', enable),
});
}), new OO.ui.ButtonWidget({label: wgULS('显示', '顯示')}).on('click', () => {
val = new OO.ui.MultilineTextInputWidget({autosize: true, maxRows: 3}).on('change', enable),
regex = new OO.ui.CheckboxInputWidget().on('change', enable),
css.disabled = !css.disabled;
modifier = new OO.ui.CheckboxInputWidget().on('change', enable),
cssHide.disabled = !cssHide.disabled;
undoBtn = new OO.ui.ButtonWidget({label: wgULS('撤销', '復原'), disabled: true, flags: ['destructive']})
$wrapper.toggle();
.on('click', () => {
editor.setSize();
editor.setValue( replaceBackup );
btns[3].setLabel( css.disabled ? wgULS('显示', '顯示') : wgULS('隐藏', '隱藏'));
enable();
btns[2].setDisabled( css.disabled ); // 折叠时无法更新textarea
}),
if (mw.resizeLyrics) { mw.resizeLyrics(); }
replaceBtn = new OO.ui.ButtonWidget({label: wgULS('替换', '取代'), flags: ['progressive']})
}), btnGo],
.on('click', () => {
options = $('<div>', {text: wgULS('查找替换', '查找替換')}).click(() => {
const pattern = ptn.getValue(),
if ($replace) {
regexp = new RegExp(regex.isSelected() ? pattern : mw.util.escapeRegExp(pattern),
$replace.show();
'g' + (modifier.isSelected() ? 'i' : ''));
return;
replaceBackup = editor.getValue();
}
undoBtn.setDisabled( false );
let replaceBackup;
const enable = () => { replaceBtn.setDisabled( false ); },
replaceBtn.setDisabled( true ); // 防止连续点击造成无法撤销
editor.setValue( replaceBackup.replace(regexp, val.getValue()) );
ptn = new OO.ui.TextInputWidget().on('change', enable),
}),
val = new OO.ui.MultilineTextInputWidget({autosize: true, maxRows: 3}).on('change', enable),
regex = new OO.ui.CheckboxInputWidget().on('change', enable),
hideBtn = new OO.ui.ButtonWidget({label: wgULS('关闭', '關閉')})
.on('click', () => {
modifier = new OO.ui.CheckboxInputWidget().on('change', enable),
$replace.hide();
undoBtn = new OO.ui.ButtonWidget({label: wgULS('撤销', '撤銷'), disabled: true, flags: ['destructive']})
enable();
.on('click', () => {
});
editor.setValue( replaceBackup );
$replace = $('<div>', {class: 'inspector-field', html: [
enable();
$('<div>', {html: [wgULS('查找:', '尋找:' ), ptn.$element]}),
}),
replaceBtn = new OO.ui.ButtonWidget({label: wgULS('替换', '替換'), flags: ['progressive']})
$('<div>', {html: [wgULS('替换', '取代:'), val.$element]}),
$('<div>', {html: [
.on('click', () => {
new OO.ui.FieldLayout(regex, {label: wgULS('正则', '正規表達式'), align: 'inline'}).$element,
const pattern = ptn.getValue(),
new OO.ui.FieldLayout(modifier, {label: $('<i>', {text: 'i'}), align: 'inline'}).$element,
regexp = new RegExp(regex.isSelected() ? pattern : mw.util.escapeRegExp(pattern),
replaceBtn.$element, undoBtn.$element, hideBtn.$element
'g' + (modifier.isSelected() ? 'i' : ''));
]})
replaceBackup = editor.getValue();
]}).appendTo( 'body' ).draggable();
undoBtn.setDisabled( false );
}).add(isGadget('charinsert') ? $('<div>', {text: '快速插入'}).click(() => {
replaceBtn.setDisabled( true ); // 防止连续点击造成无法撤销
if ($charinsert) {
editor.setValue( replaceBackup.replace(regexp, val.getValue()) );
$charinsert.show();
}),
return;
hideBtn = new OO.ui.ButtonWidget({label: wgULS('关闭', '關閉')})
}
.on('click', () => {
$charinsert = $('<div>', {html: $('<div>', {text: '快速插入工具', id: 'inspector-field-title'}),
$replace.hide();
class: 'inspector-field mw-ajax-loader'}).appendTo('body').draggable().contextmenu(e => {
enable();
e.preventDefault();
});
$charinsert.hide();
$replace = $('<div>', {class: 'inspector-field', html: [
}).on('click', '.mw-charinsert-item', function() {
$('<div>', {html: ['查找:', ptn.$element]}),
const $this = $(this),
$('<div>', {html: [wgULS('替换:', '替換:'), val.$element]}),
start = $this.data('mw-charinsert-start') || $this.data('start') || '',
$('<div>', {html: [
end = $this.data('mw-charinsert-end') || $this.data('end') || '';
new OO.ui.FieldLayout(regex, {label: wgULS('正则', '正則'), align: 'inline'}).$element,
editor.replaceSelection( start + editor.getSelection() + end );
new OO.ui.FieldLayout(modifier, {label: $('<i>', {text: 'i'}), align: 'inline'}).$element,
editor.focus();
replaceBtn.$element, undoBtn.$element, hideBtn.$element
});
]})
// 为了充分利用浏览器缓存,这里不使用API;注意url转义,这里不需要简化'/mediawiki/index.php'
]}).appendTo( 'body' ).draggable();
$.get({url: mw.util.getUrl(src, {variant: mw.config.get( 'wgUserLanguage' )}),
}).add(isGadget('charinsert') ? $('<div>', {text: '快速插入'}).click(() => {
cache: charInsert.cache !== false, dataType: 'text'}).then(doc => {
if ($charinsert) {
$charinsert.append( $( doc.match(/<body[\s\S]+<\/body>/)[0] ).find( '.mw-parser-output' ) );
$charinsert.show();
}, () => {
return;
mw.notify([
}
wgULS('无法加载', '無法載入'),
$charinsert = $('<div>', {html: $('<div>', {text: '快速插入工具', id: 'inspector-field-title'}),
$('<a>', {text: src, href: mw.util.getUrl(src)}),
class: 'inspector-field mw-ajax-loader'}).appendTo('body').draggable().contextmenu(e => {
wgULS('!请检查该页面是否存在。', '!請檢查此頁面是否存在。')
e.preventDefault();
], {type: 'error', autoHideSeconds: 'long'});
$charinsert.hide();
}).then(() => { $charinsert.removeClass( 'mw-ajax-loader' ); });
}).on('click', '.mw-charinsert-item', function() {
}) : null),
const $this = $(this),
$dropdown = $('<div>', {class: "inspector-menu", html: options}),
start = $this.data('mw-charinsert-start') || $this.data('start') || '',
$hints = $('<div>', {class: "inspector-menu"}).on('click', '.inspector-hint', function() {
end = $this.data('mw-charinsert-end') || $this.data('end') || '';
const cursor = editor.getCursor();
editor.replaceSelection( start + editor.getSelection() + end );
editor.replaceRange(this.textContent + (ns > 0 ? '}}' : ']]'),
editor.focus();
{line: cursor.line, ch: cursor.ch - prefix.length + 1}, cursor);
});
// 随后再次执行updateHints时会自行stop
// 为了充分利用浏览器缓存,这里不使用API;注意url转义,这里不需要简化'/mediawiki/index.php'
editor.focus();
$.get({url: mw.util.getUrl(src, {variant: mw.config.get( 'wgUserLanguage' )}),
}),
cache: charInsert.cache !== false, dataType: 'text'}).then(doc => {
// 判别模板时可能会误处理解析器函数
$charinsert.append( $( doc.match(/<body[\s\S]+<\/body>/)[0] ).find( '.mw-parser-output' ) );
regexps = {0: /\[\[\s*:?([^|[\]{}<>]*)$/i, 10: /{{\s*([^|[\]{}<>#]*)$/i,
}, () => {
828: /{{\s*#invoke:\s*([^|[\]{}<>#:]*)$/i, 274: /{{\s*#widget:\s*([^|[\]{}<>#:]*)$/i},
mw.notify([
$noHint = $('<span>', {class: 'error'}),
wgULS('无法加载', '無法加載'),
nsPrefixes = {0: '', 10: 'Template:', 828: '模块:', 274: 'Widget:'},
$('<a>', {text: src, href: mw.util.getUrl(src)}),
autocomplete = isGadget('autocomplete') ? e => {
wgULS('!请检查该页面是否存在。', '!請檢查該頁面是否存在。')
if (![9, 27].includes( e.keyCode )) { return; } // tab和esc
], {type: 'error', autoHideSeconds: 'long'});
let $cursor, before, sections, title;
}).then(() => { $charinsert.removeClass( 'mw-ajax-loader' ); });
const cursor = editor.getCursor(),
}) : null),
line = editor.getLine( cursor.line ),
$dropdown = $('<div>', {class: "inspector-menu", html: options}),
after = line.slice( cursor.ch );
$hints = $('<div>', {class: "inspector-menu"}).on('click', '.inspector-hint', function() {
const cursor = editor.getCursor();
before = line.slice(0, cursor.ch);
const cursorActivity = () => {
editor.replaceRange(this.textContent + (ns > 0 ? '}}' : ']]'),
const newCursor = editor.getCursor(),
{line: cursor.line, ch: cursor.ch - prefix.length}, cursor);
newLine = editor.getLine( newCursor.line ),
// 随后再次执行updateHints时会自行stop
newAfter = newLine.slice( newCursor.ch );
editor.focus();
// 如果光标改变过位置
}),
if (newCursor.line != cursor.line || newAfter != after) {
// 判别模板时可能会误处理解析器函数
stop();
regexps = {0: /\[\[\s*:?([^|[\]{}<>]*)$/i, 10: /{{\s*([^|[\]{}<>#]*)$/i,
return;
828: /{{\s*#invoke:\s*([^|[\]{}<>#:]*)$/i, 274: /{{\s*#widget:\s*([^|[\]{}<>#:]*)$/i},
}
$noHint = $('<span>', {class: 'error'}),
before = newLine.slice(0, newCursor.ch);
nsPrefixes = {0: '', 10: 'Template:', 828: '模块:', 274: 'Widget:'},
updateHints();
autocomplete = isGadget('autocomplete') ? e => {
},
if (![9, 27].includes( e.keyCode )) { return; } // tab和esc
stop = () => {
let $cursor, before, sections, title;
$hints.slideUp('fast');
const cursor = editor.getCursor(),
editor.off('cursorActivity', cursorActivity);
line = editor.getLine( cursor.line ),
},
after = line.slice( cursor.ch );
updateHints = mw.util.debounce(500, () => {
before = line.slice(0, cursor.ch);
if (!regexps[ns].test( before )) {
const cursorActivity = () => {
stop();
const newCursor = editor.getCursor(),
return;
newLine = editor.getLine( newCursor.line ),
}
newAfter = newLine.slice( newCursor.ch );
$cursor = $wrapper.find( '.CodeMirror-cursor' );
// 如果光标改变过位置
prefix = before.match( regexps[ns] )[1];
if (newCursor.line != cursor.line || newAfter != after) {
if (prefix === "" || prefix.startsWith('#')) { return; }
stop();
if (ns == '0' && prefix.includes('#')) {
return;
const capture = prefix.match(/^(.+)#(.*)$/);
}
prefix = capture[2];
before = newLine.slice(0, newCursor.ch);
(title == capture[1] ? Promise.resolve() : mw.timedQuery(api, {action: 'parse', page: capture[1],
updateHints();
prop: 'sections'}, wgULS('段落标题', '段落標題')).then(r => {
},
title = capture[1];
stop = () => {
sections = r.parse.sections.map(ele => $('<div>', {class: 'inspector-hint', text: ele.line}));
$hints.slideUp('fast');
}, () => { throw null; })).then(() => {
editor.off('cursorActivity', cursorActivity);
$hints.html( sections.filter(ele => ele.text().startsWith( prefix )) )
},
.show().position({my: 'left top', of: $cursor, within: $wrapper, collision: 'fit'});
updateHints = mw.util.debounce(500, () => {
if ($hints.children().length === 0) {
if (!regexps[ns].test( before )) {
$noHint.text(wgULS('不存在对应段落!', '不存在對應段落!')).appendTo( $hints );
stop();
}
return;
}, stop);
}
return;
$cursor = $wrapper.find( '.CodeMirror-cursor' );
}
prefix = before.match( regexps[ns] )[1];
mw.timedQuery(api, {list: 'prefixsearch', pssearch: prefix, psnamespace: ns},
if (prefix === "" || prefix.startsWith('#')) { return; }
wgULS('前缀相符的页面', '前綴相符的頁面')).then(r => {
if (ns == '0' && prefix.includes('#')) {
$hints.html( r.query.prefixsearch.map(ele =>
const capture = prefix.match(/^(.+)#(.*)$/);
$('<div>', {class: 'inspector-hint', text: ele.title.slice( nsPrefixes[ns].length )})
prefix = capture[2];
) ).show().position({my: 'left top', of: $cursor, within: $wrapper, collision: 'fit'});
(title == capture[1] ? Promise.resolve() : mw.timedQuery(api, {action: 'parse', page: capture[1],
if ($hints.children().length === 0) {
prop: 'sections'}, wgULS('段落标题', '段落標題')).then(r => {
$noHint.text(wgULS('不存在对应页面!', '不存在對應頁面!')).appendTo( $hints );
title = capture[1];
}
sections = r.parse.sections.map(ele => $('<div>', {class: 'inspector-hint', text: ele.line}));
}, stop);
}, () => { throw null; })).then(() => {
});
$hints.html( sections.filter(ele => ele.text().startsWith( prefix )) )
if (e.keyCode == 27) {
.show().position({my: 'left top', of: $cursor, within: $wrapper, collision: 'fit'});
stop();
if ($hints.children().length === 0) {
return;
$noHint.text(wgULS('不存在对应段落!', '不存在對應段落!')).appendTo( $hints );
}
}
editor.execCommand( 'delCharBefore' ); // 删掉新增的\t
}, stop);
$.each(regexps, (k, v) => { if (v.test(before)) { ns = k; } });
return;
}
if (!ns) { return; }
mw.notify(wgULS('开启自动补全提示。', '開啟自動補全提示。'), {tag: 'autocomplete'});
mw.timedQuery(api, {list: 'prefixsearch', pssearch: prefix, psnamespace: ns},
editor.on('cursorActivity', cursorActivity);
wgULS('前缀相符的页面', '前綴相符的頁面')).then(r => {
// 实际上updateHints总是延迟500ms执行,因此下一行代码的位置影响不大
$hints.html( r.query.prefixsearch.map(ele =>
updateHints();
$('<div>', {class: 'inspector-hint', text: ele.title.slice( nsPrefixes[ns].length )})
} : () => {};
) ).show().position({my: 'left top', of: $cursor, within: $wrapper, collision: 'fit'});
mw.loader.using(['jquery.ui', 'user.options']).then(() => {
if ($hints.children().length === 0) {
const actionP = new OO.ui.ActionWidget({label: '是', target: '_blank', flags: 'progressive'}),
$noHint.text(wgULS('不存在对应页面!', '不存在對應頁面!')).appendTo( $hints );
actionD = new OO.ui.ActionWidget({label: '否'}),
}
$url = $('<a>'), // 桌面版CSS不必需href
}, stop);
label = [wgULS('要在新标签页打开', '要在新分頁打開'), $url, wgULS('吗?', '嗎?')];
});
$outer.on('contextmenu', '.cm-mw-template-name', function() {
if (e.keyCode == 27) {
const template = '模板:' + $(this).text();
stop();
// 这里增加一次确认界面是因为部分浏览器不允许JS直接打开新标签页。
return;
$url.text( template );
}
actionP.setHref( mw.util.getUrl(template) ); // 注意url转义
editor.execCommand( 'delCharBefore' ); // 删掉新增的\t
mw.dialog(dialog, [actionD, actionP], label).catch(() => {});
$.each(regexps, (k, v) => { if (v.test(before)) { ns = k; } });
return false; // 这里需要同时执行stopImmediatePropagation()和preventDefault()
if (!ns) { return; }
}).on('contextmenu', '.CodeMirror', e => {
mw.notify(wgULS('开启自动补全提示。', '開啟自動補全提示。'), {tag: 'autocomplete'});
e.preventDefault();
editor.on('cursorActivity', cursorActivity);
// 使用jquery.ui让菜单总是落在CodeMirror内,此时slideDown效果不生效
// 实际上updateHints总是延迟500ms执行,因此下一行代码的位置影响不大
$dropdown.show().position({my: 'left top', of: e, within: $wrapper, collision: 'fit'});
updateHints();
}).on('keydown', '.CodeMirror', autocomplete).resizable( {handles: 'w', minWidth: 350} );
} : () => {};
});
mw.loader.using(['jquery.ui', 'user.options']).then(() => {
$('body').click(() => { $dropdown.slideUp('fast'); });
const actionP = new OO.ui.ActionWidget({label: '是', target: '_blank', flags: 'progressive'}),
btns[0].$element.contextmenu(e => {
actionD = new OO.ui.ActionWidget({label: '否'}),
e.preventDefault();
$url = $('<a>'), // 桌面版CSS不必需href
OO.ui.prompt( wgULS('请输入编辑摘要:', '請輸入編輯摘要:') , {textInput: {value: summary}} ).then(input => {
label = [wgULS('要在新标签页打开', '要在新標籤頁打開'), $url, wgULS('吗?', '嗎?')];
if (input !== null) { summary = input; }
$outer.on('contextmenu', '.cm-mw-template-name', function() {
});
const template = '模板:' + $(this).text();
});
// 这里增加一次确认界面是因为部分浏览器不允许JS直接打开新标签页。
if (isBackup) {
$url.text( template );
btns[2].$element.contextmenu(e => {
actionP.setHref( mw.util.getUrl(template) ); // 注意url转义
e.preventDefault();
mw.dialog(dialog, [actionD, actionP], label);
loadBackup();
return false; // 这里需要同时执行stopImmediatePropagation()和preventDefault()
});
}).on('contextmenu', '.CodeMirror', e => {
}
e.preventDefault();
if (isGadget( 'PreviewWithVariant' ) ) {
// 使用jquery.ui让菜单总是落在CodeMirror内,此时slideDown效果不生效
const options = [{label: "大陆简体", data: "zh-cn"}, {label: "香港繁體", data: "zh-hk"},
$dropdown.show().position({my: 'left top', of: e, within: $wrapper, collision: 'fit'});
{label: "澳門繁體", data: "zh-mo"}, {label: "大马简体", data: "zh-my"},
}).on('keydown', '.CodeMirror', autocomplete).resizable( {handles: 'w', minWidth: 350} );
{label: "新加坡简体", data: "zh-sg"}, {label: "臺灣正體", data: "zh-tw"}],
});
select = new OO.ui.DropdownInputWidget({classes: ['inspector-variant'], options: options, value: lang})
$('body').click(() => { $dropdown.slideUp('fast'); });
.on('change', () => { lang = select.getValue(); }),
btns[0].$element.contextmenu(e => {
menu = select.$element.find( '.oo-ui-menuSelectWidget' )
e.preventDefault();
.click(() => { menu.addClass( 'oo-ui-element-hidden' ); });
OO.ui.prompt( '请输入编辑摘要:' , {textInput: {value: summary}} ).then(input => { summary = input; });
select.$element.prependTo( btns[1].$element );
});
btns[1].$element.contextmenu(e => {
if (isBackup) {
e.preventDefault();
btns[2].$element.contextmenu(e => {
menu.removeClass( 'oo-ui-element-hidden' );
e.preventDefault();
}).children('a').blur(() => { menu.addClass( 'oo-ui-element-hidden' ); });
loadBackup();
}
});
pEmpty( $original );
}
// $.when很容易出错,这里保险起见用Promise.all
if (isGadget( 'PreviewWithVariant' ) ) {
Promise.all([getJSON, mw.request, getExt]).then(data => {
const options = [{label: "大陆简体", data: "zh-cn"}, {label: "香港繁體", data: "zh-hk"},
mw.hook( 'codemirror.config' ).fire();
{label: "澳門繁體", data: "zh-mo"}, {label: "马来西亚简体", data: "zh-my"},
text = data[1].query.pages[0].revisions[0].content;
{label: "新加坡简体", data: "zh-sg"}, {label: "臺灣繁體", data: "zh-tw"}],
editor = new CodeMirror($outer[0], {value: text, mode: 'text/mediawiki',
select = new OO.ui.DropdownInputWidget({classes: ['inspector-variant'], options: options, value: lang})
mwConfig: mw.config.get('extCodeMirrorConfig'), lineWrapping: true, lineNumbers: true
.on('change', () => { lang = select.getValue(); }),
});
menu = select.$element.find( '.oo-ui-menuSelectWidget' )
$wrapper = $( editor.getWrapperElement() ).toggle().append( [$dropdown, $hints] );
.click(() => { menu.addClass( 'oo-ui-element-hidden' ); });
select.$element.prependTo( btns[1].$element );
$('<div>', {id: 'inspector-btns', html: btns.map(ele => ele.$element)}).appendTo( $outer );
// 处理页面上方的差异
btns[1].$element.contextmenu(e => {
$('.diff').click(e => {
e.preventDefault();
const row = $( e.target ).closest('tr');
menu.removeClass( 'oo-ui-element-hidden' );
if (row.hasClass( 'diff-title' )) { return; }
}).children('a').blur(() => { menu.addClass( 'oo-ui-element-hidden' ); });
const isLineno = row.children( '.diff-lineno' ).length ? 1 : 0,
}
rowLineno = isLineno ? row : row.prevAll( ':has(.diff-lineno)' ).first(),
pEmpty( $original );
n = parseInt( rowLineno.children().last().text().match(/\d+/) ) + row.index() - rowLineno.index()
// $.when很容易出错,这里保险起见用Promise.all
- 2 + isLineno, // 使用parseInt规避可能的程序错误,注意CodeMirror的行号从0开始
Promise.all([getJSON, mw.request, getExt]).then(data => {
nLine = editor.lastLine();
mw.config.set('extCodeMirrorConfig', data[0]);
if (nLine >= n) {
mw.hook( 'codemirror.config' ).fire();
editor.scrollIntoView(nLine);
text = data[1].query.pages[0].revisions[0].content;
editor.scrollIntoView(n);
editor = new CodeMirror($outer[0], {value: text, mode: 'text/mediawiki', mwConfig: data[0],
}
lineWrapping: true, lineNumbers: true});
else { mw.notify( wgULS('当前不存在该行!', '目前不存在此行!'), {type: 'warn'} ); }
$wrapper = $( editor.getWrapperElement() ).toggle().append( [$dropdown, $hints] );
});
$('<div>', {id: 'inspector-btns', html: btns.map(ele => ele.$element)}).appendTo( $outer );
}, reason => { mw.apiFailure(reason, `CodeMirror${wgULS('设置或页面', '設定或頁面')}Wikitext`); })
// 处理页面上方的差异
.then(() => { $outer.removeClass( 'mw-ajax-loader' ); });
$('.diff').click(e => {
const row = $( e.target ).closest('tr'),
isLineno = row.children( '.diff-lineno' ).length ? 1 : 0,
rowLineno = isLineno ? row : row.prevAll( ':has(.diff-lineno)' ).first(),
n = parseInt( rowLineno.children().last().text().match(/\d+/) ) + row.index() - rowLineno.index()
- 2 + isLineno, // 使用parseInt规避可能的程序错误,注意CodeMirror的行号从0开始
nLine = editor.lastLine();
if (nLine >= n) {
editor.scrollIntoView(nLine);
editor.scrollIntoView(n);
}
else { mw.notify( wgULS('当前不存在该行!', '當前不存在該行!'), {type: 'warn'} ); }
});
}, reason => { mw.apiFailure(reason, `CodeMirror${wgULS('设置或页面', '設置或頁面')}Wikitext`); })
.then(() => { $outer.removeClass( 'mw-ajax-loader' ); });
});
});
//</nowiki>
//</nowiki>

2023年3月27日 (一) 13:11的最新版本

//<nowiki>
// 由[[mediawiki:gadget-inspect-loader.js]]调用,可以使用ES6语法
/**
 * @Function: 在页面内快速编辑和预览
 * @Author: [[User:Bhsd]]
 * @Translation: [[User:Lakejason0]]
 */
"use strict";
/*global OO, CodeMirror, wgULS*/
$(() => { // 避免全局变量
	let nextid, list = mw.storage.getObject( 'inspect-category' ), flag;
	const id = mw.config.get( 'wgArticleId' ),
		page = mw.config.get( 'wgPageName' ), // 这里未转义,后面应用时需要注意
		isCode = mw.config.get( 'wgPageContentModel' ) != 'wikitext', // javascript/css/Scribunto/json
		gadgets = mw.gadgets || {},
		charInsert = gadgets.charinsert || {},
		src = charInsert.src || 'special:mypage/edittools',
		// 由于resizable,left, top, height必须加!important,width不可加!important
		cssHide = mw.util.addCSS( `#inspector { position:fixed; bottom:0; right:24px; left:auto !important;
		top:auto !important; height:auto !important; width:calc(50% - 7rem - 0.5px); }
		div.start-screen { bottom:40px; }` ),
		$content = $('#mw-content-text, #mw-imagepage-content').last(),
		// wikitext/Scribunto对应.mw-parser-output,javascript/css对应.mw-code,json对应.mw-json
		$original = $content.children('.mw-json, .mw-code, .mw-parser-output'),
		$outer = $('<div>', {id: 'inspector', class: 'mw-ajax-loader'}).insertBefore( $original ),
		api = new mw.Api();
	if (!list) { nextid = id + 1; }
	else {
		flag = list[0][ list[1] ] == id;
		if (flag) { list[1]++; }
		nextid = list[0][ list[1] ];
	}
	const btnGo = new OO.ui.ButtonWidget({flags: 'progressive', icon: 'next', href: `/zh?redirect=no&curid=${nextid}`,
		disabled: !nextid}),
		initList = (pages, ctn) => {
		console.info({pages: pages, ctn: ctn, id: id});
		flag = pages[0] == id || ctn && pages.includes(id); // &&的优先级高于||
		list = [pages, flag ? pages.indexOf(id) + 1 : 0];
		if (ctn && !flag) { mw.notify(wgULS('当前页面并不属于该分类或命名空间!', '目前的頁面並不屬於此分類或命名空間!'),
			{type: 'warn'}); }
		mw.storage.setObject( 'inspect-category', [pages, list[1] - flag] );
		btnGo.setHref( `/zh?redirect=no&curid=${pages[ list[1] ]}` ).setDisabled( false );
	},
		dialog = new OO.ui.MessageDialog(),
		actionC = new OO.ui.ActionWidget({action: 'cancel', label: '取消'}),
		actionG = new OO.ui.ActionWidget({action: 'go', label: wgULS('确定', '確認'), flags: 'progressive'}),
		textInput = new OO.ui.TextInputWidget(),
		fromHere = new OO.ui.CheckboxInputWidget(),
		message = [ $('<p>', {text: wgULS('请输入分类名或命名空间编号:', '請輸入分類名或命名空間編號:')}),
		textInput.$element,
		new OO.ui.FieldLayout(fromHere, {label: wgULS('从当前页面继续', '從目前的頁面繼續'), align: 'inline'}).$element
	],
		updateCat = function(cat, ctn) {
		// 输入空白则清除分类
		if (cat === '') {
			mw.storage.remove( 'inspect-category' );
			btnGo.setHref( `/zh?redirect=no&curid=${id + 1}` ).setDisabled( false );
			return;
		}
		// 输入数字对应命名空间
		if (!isNaN(cat)) {
			if (!Object.keys( mw.config.get( 'wgFormattedNamespaces' ) ).includes(cat)) {
				mw.notify(wgULS('错误的命名空间编号!', '錯誤的命名空間編號!'), {type: 'error'});
				return;
			}
			mw.timedQuery(api, {list: 'allpages', apnamespace: cat, apfilterredir: 'nonredirects', aplimit: 'max'},
				wgULS('该命名空间的页面列表', '此命名空間的頁面清單')).then(ap => {
				const pages = ap.query.allpages.map(ele => ele.pageid).sort((a, b) => a < b); // 由新到旧排列
				if (pages.length === 0) {
					mw.notify( wgULS('该命名空间沒有非重定向的页面!', '此命名空間沒有非重新導向的頁面!'), {type: 'warn'} );
					return;
				}
				initList(pages, ctn);
			}, () => {}); // mw.timedQuery已经通知过错误信息,这里只要一个空函数处理reject,下同
			return;
		}
		if (!/^(category|分[类類]):/i.test( cat )) { cat = `Category:${cat}`; }
		// cmtitle参数不可自动转换,所以需要先获得转换后的正确标题
		mw.timedQuery(api, {titles: cat, converttitles: 1}, wgULS('标准页面名称', '標準頁面名稱')).then(r => {
			const target = r.query.pages[0];
			if (target.missing) {
				mw.notify(wgULS('错误的分类名!', '錯誤的分類名!'), {type: 'error'});
				return;
			}
			mw.timedQuery(api, {list: 'categorymembers', cmtitle: target.title, cmprop: 'ids', cmlimit: 'max',
				cmsort: 'timestamp', cmdir: 'older'}, wgULS('分类下的页面列表', '分類下的頁面清單')).then(cm => {
				const pages = cm.query.categorymembers.map(ele => ele.pageid);
				if (pages.length === 0) {
					mw.notify( wgULS('该分类下无页面!', '此分類下無頁面!'), {type: 'warn'} );
					return;
				}
				initList(pages, ctn);
			}, () => {});
		}, () => {});
	};
	// 这个click事件不能绑到btnGo上,否则会禁用href跳转
	btnGo.$element.click(() => { if (list && flag) { mw.storage.setObject( 'inspect-category', list ); } })
		.contextmenu(e => {
		e.preventDefault();
		mw.dialog(dialog, [actionC, actionG], message).then(action => {
			if (action == 'go') { updateCat( textInput.getValue(), fromHere.isSelected() ); }
		});
	});
	// 模板、JavaScript、CSS、Lua、JSON只需要箭头按钮
	if (mw.config.get( 'wgNamespaceNumber' ) == 10 && !page.endsWith( '/doc' ) || isCode) {
		$outer.removeClass( 'mw-ajax-loader' ).append( $('<div>', {id: 'inspector-btns', html: btnGo.$element}) );
		mw.loader.addStyleTag( '#inspector-btns { width:auto; }' );
		return;
	}
	// 先提交Ajax请求,这里手动设置cache: true
	const getJSON = mw.loader.using('ext.CodeMirror.data'),
		getExt = mw.loader.using(['ext.CodeMirror.lib', 'ext.CodeMirror.mode.mediawiki']);
	// 生成通用的API请求
	mw.standardQuery(api);
	let text, editor, $wrapper, $replace, $charinsert, prefix, ns, section, secTitle, summary,
		lang = mw.config.get( 'wgUserVariant' );
	$original.find( ':header:has(.mw-editsection)' ).dblclick(function() {
		section = mw.util.getParamValue( 'section', $(this).find( '.mw-editsection > a' ).attr('href') );
		mw.sectionQuery(api, section).then(r => {
			editor.setValue( r.parse.wikitext );
			secTitle = r.parse.sections[0].anchor.replaceAll(' ', '_');
		}, () => {});
	});
	// 标注<p>标签
	const css = mw.util.addCSS( `.empty { border:1px solid rgba(253,220,154,0.5); box-shadow:0 0 0.5em #fddc9a; }
		#mw-content-text .mw-parser-output { display:flow-root; max-height:100vh; overflow:auto;
		word-wrap:break-word; }` );
	css.disabled = true;
	// 也可以使用user.options,这里使用其他方法绕过
	const isGadget = (name) => ['loaded', 'loading', 'ready'].includes( mw.loader.getState(`ext.gadget.${name}`) ),
		isBackup = isGadget('contentBackup'),
		backupObj = isBackup ? Object.fromEntries( mw.storage.getObject( 'LLWiki-contentBackup' ) || [] ) : {},
		backup = isBackup ? () => {
		backupObj[id] = [mw.now(), editor.getValue()];
		mw.storage.setObject( 'LLWiki-contentBackup', Object.entries(backupObj) );
	} : () => {},
		loadBackup = () => {
		const backupContent = (backupObj[id] || [])[1];
		if (!backupContent) {
			mw.notify(wgULS('当前页面尚未备份!', '目前的頁面尚未備份!'), {type: 'warn'});
			return;
		}
		mw.confirm( wgULS('要加载备份吗?', '要載入備份嗎?'), 'progressive' ).then(confirm => {
			if (!confirm) { return; }
			editor.setValue( backupContent );
			mw.notify(wgULS('已还原备份!', '已還原備份!'), {type: 'success'});
		});
	},
		pEmpty = ($div) => {
		$div.find( 'p:not(:has(script))' ).filter(function() { return !/\S/.test( this.textContent ); })
			.addClass('empty');
	},
		placeholder = [
		$('<div>', {class: "mw-parser-output"}).css('display', 'none'),
		$('<h1>', {id: 'firstHeading', class: 'firstHeading'}),
		$('<div>', {id: 'catlinks'}).css('display', 'none'),
		$('.mw-indicators')
	], // 用于替换时保留原始数据
		$warning = $('<div>', {html: [wgULS("确定要还原为未编辑的状态吗?", "確認要還原為未編輯的狀態嗎?"), '<br>',
			wgULS("建议您做好编辑内容备份。", "建議您做好編輯內容備份。")]}),
		$heading = $('#firstHeading'),
		$cat = $('#catlinks'),
		$indicator = $('.mw-indicator'),
		btns = [new OO.ui.ButtonWidget({label: '提交', flags: ['primary', 'progressive']}).on('click', () => {
		backup();
		// 改变CSS样式表示提交中
		btns[0].setDisabled( true );
		mw.safeEdit(api, {pageid: id, text: editor.getValue(), section: section,
			summary: (section === undefined ? '' : `/* ${secTitle} */ `) + (summary ? `${summary} //` : '//') +
				wgULS( '使用[[help:小工具/页面文本对比查看器|页面/文本对比查看器]]快速编辑',
				'使用[[help:小工具/页面文本对比查看器|頁面/文字對比檢視器]]快速編輯')}, isBackup)
			.then(() => { location.href = mw.util.getUrl( page ); },
			reason => { btns[0].setDisabled( reason == 'editConflict' ); }); // 编辑冲突必须刷新页面,不应重复提交
	}), new OO.ui.ButtonWidget({label: wgULS('预览', '預覽')}).on('click', () => {
		backup();
		// 改变CSS样式表示预览中
		btns[1].setDisabled( true );
		mw.timedParse(api, {text: editor.getValue(), uselang: lang,
			prop: 'text|categorieshtml|displaytitle|indicators|modules|headitems'
		}, wgULS('预览', '預覽')).then(r => {
			mw.loader.load( r.parse.modulestyles );
			const tabsStyles = r.parse.headitems.find(function(ele) { return ele.tag === 'TabsStyles'; });
			if (tabsStyles) {
				$('head').append(tabsStyles.content); // 可能重复,但重复也没关系
			}
			if ($.contains( $content[0], $original[0] )) {
				$original.after( placeholder[0] ).detach();
				$heading.after( placeholder[1] ).detach();
				$cat.after( placeholder[2] ).detach();
				$indicator.detach();
			}
			$content.children( '.mw-parser-output' ).replaceWith( r.parse.text );
			pEmpty( $content.children( '.mw-parser-output' ) );
			if (mw.resizeLyrics) { mw.resizeLyrics(); }
			mw.hook( 'wikipage.content' ).fire($content);
			$('#catlinks').replaceWith( r.parse.categorieshtml );
			placeholder[1].html( r.parse.displaytitle );
			placeholder[3].html( Object.entries( r.parse.indicators ).map(ele =>
				$('<div>', {class: 'mw-indicator', id: `mw-indicator-${ele[0]}`, html: ele[1]})) );
		}, () => {}).then(() => { btns[1].setDisabled( false ); });
	}), new OO.ui.ButtonWidget({label: wgULS('还原', '還原'), flags: 'destructive', disabled: true}).on('click', () => {
		mw.confirm($warning, ['primary', 'destructive']).then(confirm => {
			if (!confirm) { return; }
			section = undefined;
			editor.setValue( text );
			if ($.contains( $content[0], $original[0] )) { return; } // 无事发生
			$content.children( '.mw-parser-output' ).replaceWith( $original );
			placeholder[1].replaceWith( $heading );
			$('#catlinks').replaceWith( $cat );
			placeholder[3].html( $indicator );
			if (mw.resizeLyrics) { mw.resizeLyrics(); }
		});
	}), new OO.ui.ButtonWidget({label: wgULS('显示', '顯示')}).on('click', () => {
		css.disabled = !css.disabled;
		cssHide.disabled = !cssHide.disabled;
		$wrapper.toggle();
		editor.setSize();
		btns[3].setLabel( css.disabled ? wgULS('显示', '顯示') : wgULS('隐藏', '隱藏'));
		btns[2].setDisabled( css.disabled ); // 折叠时无法更新textarea
		if (mw.resizeLyrics) { mw.resizeLyrics(); }
	}), btnGo],
		options = $('<div>', {text: wgULS('查找替换', '尋找取代')}).click(() => {
		if ($replace) {
			$replace.show();
			return;
		}
		let replaceBackup;
		const enable = () => { replaceBtn.setDisabled( false ); },
			ptn = new OO.ui.TextInputWidget().on('change', enable),
			val = new OO.ui.MultilineTextInputWidget({autosize: true, maxRows: 3}).on('change', enable),
			regex = new OO.ui.CheckboxInputWidget().on('change', enable),
			modifier = new OO.ui.CheckboxInputWidget().on('change', enable),
			undoBtn = new OO.ui.ButtonWidget({label: wgULS('撤销', '復原'), disabled: true, flags: ['destructive']})
			.on('click', () => {
			editor.setValue( replaceBackup );
			enable();
		}),
			replaceBtn = new OO.ui.ButtonWidget({label: wgULS('替换', '取代'), flags: ['progressive']})
			.on('click', () => {
			const pattern = ptn.getValue(),
				regexp = new RegExp(regex.isSelected() ? pattern : mw.util.escapeRegExp(pattern),
				'g' + (modifier.isSelected() ? 'i' : ''));
			replaceBackup = editor.getValue();
			undoBtn.setDisabled( false );
			replaceBtn.setDisabled( true ); // 防止连续点击造成无法撤销
			editor.setValue( replaceBackup.replace(regexp, val.getValue()) );
		}),
			hideBtn = new OO.ui.ButtonWidget({label: wgULS('关闭', '關閉')})
			.on('click', () => {
			$replace.hide();
			enable();
		});
		$replace = $('<div>', {class: 'inspector-field', html: [
			$('<div>', {html: [wgULS('查找:', '尋找:' ), ptn.$element]}),
			$('<div>', {html: [wgULS('替换:', '取代:'), val.$element]}),
			$('<div>', {html: [
				new OO.ui.FieldLayout(regex, {label: wgULS('正则', '正規表達式'), align: 'inline'}).$element,
				new OO.ui.FieldLayout(modifier, {label: $('<i>', {text: 'i'}), align: 'inline'}).$element,
				replaceBtn.$element, undoBtn.$element, hideBtn.$element
			]})
		]}).appendTo( 'body' ).draggable();
	}).add(isGadget('charinsert') ? $('<div>', {text: '快速插入'}).click(() => {
		if ($charinsert) {
			$charinsert.show();
			return;
		}
		$charinsert = $('<div>', {html: $('<div>', {text: '快速插入工具', id: 'inspector-field-title'}),
			class: 'inspector-field mw-ajax-loader'}).appendTo('body').draggable().contextmenu(e => {
			e.preventDefault();
			$charinsert.hide();
		}).on('click', '.mw-charinsert-item', function() {
			const $this = $(this),
				start = $this.data('mw-charinsert-start') || $this.data('start') || '',
				end = $this.data('mw-charinsert-end') || $this.data('end') || '';
			editor.replaceSelection( start + editor.getSelection() + end );
			editor.focus();
		});
		// 为了充分利用浏览器缓存,这里不使用API;注意url转义,这里不需要简化'/mediawiki/index.php'
		$.get({url: mw.util.getUrl(src, {variant: mw.config.get( 'wgUserLanguage' )}),
			cache: charInsert.cache !== false, dataType: 'text'}).then(doc => {
			$charinsert.append( $( doc.match(/<body[\s\S]+<\/body>/)[0] ).find( '.mw-parser-output' ) );
		}, () => {
			mw.notify([
				wgULS('无法加载', '無法載入'),
				$('<a>', {text: src, href: mw.util.getUrl(src)}),
				wgULS('!请检查该页面是否存在。', '!請檢查此頁面是否存在。')
			], {type: 'error', autoHideSeconds: 'long'});
		}).then(() => { $charinsert.removeClass( 'mw-ajax-loader' ); });
	}) : null),
		$dropdown = $('<div>', {class: "inspector-menu", html: options}),
		$hints = $('<div>', {class: "inspector-menu"}).on('click', '.inspector-hint', function() {
		const cursor = editor.getCursor();
		editor.replaceRange(this.textContent + (ns > 0 ? '}}' : ']]'),
			{line: cursor.line, ch: cursor.ch - prefix.length + 1}, cursor);
		// 随后再次执行updateHints时会自行stop
		editor.focus();
	}),
		// 判别模板时可能会误处理解析器函数
		regexps = {0: /\[\[\s*:?([^|[\]{}<>]*)$/i, 10: /{{\s*([^|[\]{}<>#]*)$/i,
		828: /{{\s*#invoke:\s*([^|[\]{}<>#:]*)$/i, 274: /{{\s*#widget:\s*([^|[\]{}<>#:]*)$/i},
		$noHint = $('<span>', {class: 'error'}),
		nsPrefixes = {0: '', 10: 'Template:', 828: '模块:', 274: 'Widget:'},
		autocomplete = isGadget('autocomplete') ? e => {
		if (![9, 27].includes( e.keyCode )) { return; } // tab和esc
		let $cursor, before, sections, title;
		const cursor = editor.getCursor(),
			line = editor.getLine( cursor.line ),
			after = line.slice( cursor.ch );
		before = line.slice(0, cursor.ch);
		const cursorActivity = () => {
			const newCursor = editor.getCursor(),
				newLine = editor.getLine( newCursor.line ),
				newAfter = newLine.slice( newCursor.ch );
			// 如果光标改变过位置
			if (newCursor.line != cursor.line || newAfter != after) {
				stop();
				return;
			}
			before = newLine.slice(0, newCursor.ch);
			updateHints();
		},
			stop = () => {
			$hints.slideUp('fast');
			editor.off('cursorActivity', cursorActivity);
		},
			updateHints = mw.util.debounce(500, () => {
			if (!regexps[ns].test( before )) {
				stop();
				return;
			}
			$cursor = $wrapper.find( '.CodeMirror-cursor' );
			prefix = before.match( regexps[ns] )[1];
			if (prefix === "" || prefix.startsWith('#')) { return; }
			if (ns == '0' && prefix.includes('#')) {
				const capture = prefix.match(/^(.+)#(.*)$/);
				prefix = capture[2];
				(title == capture[1] ? Promise.resolve() : mw.timedQuery(api, {action: 'parse', page: capture[1],
					prop: 'sections'}, wgULS('段落标题', '段落標題')).then(r => {
					title = capture[1];
					sections = r.parse.sections.map(ele => $('<div>', {class: 'inspector-hint', text: ele.line}));
				}, () => { throw null; })).then(() => {
					$hints.html( sections.filter(ele => ele.text().startsWith( prefix )) )
						.show().position({my: 'left top', of: $cursor, within: $wrapper, collision: 'fit'});
					if ($hints.children().length === 0) {
						$noHint.text(wgULS('不存在对应段落!', '不存在對應段落!')).appendTo( $hints );
					}
				}, stop);
				return;
			}
			mw.timedQuery(api, {list: 'prefixsearch', pssearch: prefix, psnamespace: ns},
				wgULS('前缀相符的页面', '前綴相符的頁面')).then(r => {
				$hints.html( r.query.prefixsearch.map(ele =>
					$('<div>', {class: 'inspector-hint', text: ele.title.slice( nsPrefixes[ns].length )})
				) ).show().position({my: 'left top', of: $cursor, within: $wrapper, collision: 'fit'});
				if ($hints.children().length === 0) {
					$noHint.text(wgULS('不存在对应页面!', '不存在對應頁面!')).appendTo( $hints );
				}
			}, stop);
		});
		if (e.keyCode == 27) {
			stop();
			return;
		}
		editor.execCommand( 'delCharBefore' ); // 删掉新增的\t
		$.each(regexps, (k, v) => { if (v.test(before)) { ns = k; } });
		if (!ns) { return; }
		mw.notify(wgULS('开启自动补全提示。', '開啟自動補全提示。'), {tag: 'autocomplete'});
		editor.on('cursorActivity', cursorActivity);
		// 实际上updateHints总是延迟500ms执行,因此下一行代码的位置影响不大
		updateHints();
	} : () => {};
	mw.loader.using(['jquery.ui', 'user.options']).then(() => {
		const actionP = new OO.ui.ActionWidget({label: '是', target: '_blank', flags: 'progressive'}),
			actionD = new OO.ui.ActionWidget({label: '否'}),
			$url = $('<a>'), // 桌面版CSS不必需href
			label = [wgULS('要在新标签页打开', '要在新分頁打開'), $url, wgULS('吗?', '嗎?')];
		$outer.on('contextmenu', '.cm-mw-template-name', function() {
			const template = '模板:' + $(this).text();
			// 这里增加一次确认界面是因为部分浏览器不允许JS直接打开新标签页。
			$url.text( template );
			actionP.setHref( mw.util.getUrl(template) ); // 注意url转义
			mw.dialog(dialog, [actionD, actionP], label).catch(() => {});
			return false; // 这里需要同时执行stopImmediatePropagation()和preventDefault()
		}).on('contextmenu', '.CodeMirror', e => {
			e.preventDefault();
			// 使用jquery.ui让菜单总是落在CodeMirror内,此时slideDown效果不生效
			$dropdown.show().position({my: 'left top', of: e, within: $wrapper, collision: 'fit'});
		}).on('keydown', '.CodeMirror', autocomplete).resizable( {handles: 'w', minWidth: 350} );
	});
	$('body').click(() => { $dropdown.slideUp('fast'); });
	btns[0].$element.contextmenu(e => {
		e.preventDefault();
		OO.ui.prompt( wgULS('请输入编辑摘要:', '請輸入編輯摘要:') , {textInput: {value: summary}} ).then(input => {
			if (input !== null) { summary = input; }
		});
	});
	if (isBackup) {
		btns[2].$element.contextmenu(e => {
			e.preventDefault();
			loadBackup();
		});
	}
	if (isGadget( 'PreviewWithVariant' ) ) {
		const options = [{label: "大陆简体", data: "zh-cn"}, {label: "香港繁體", data: "zh-hk"},
			{label: "澳門繁體", data: "zh-mo"}, {label: "大马简体", data: "zh-my"},
			{label: "新加坡简体", data: "zh-sg"}, {label: "臺灣正體", data: "zh-tw"}],
			select = new OO.ui.DropdownInputWidget({classes: ['inspector-variant'], options: options, value: lang})
			.on('change', () => { lang = select.getValue(); }),
			menu = select.$element.find( '.oo-ui-menuSelectWidget' )
			.click(() => { menu.addClass( 'oo-ui-element-hidden' ); });
		select.$element.prependTo( btns[1].$element );
		btns[1].$element.contextmenu(e => {
			e.preventDefault();
			menu.removeClass( 'oo-ui-element-hidden' );
		}).children('a').blur(() => { menu.addClass( 'oo-ui-element-hidden' ); });
	}
	pEmpty( $original );
	// $.when很容易出错,这里保险起见用Promise.all
	Promise.all([getJSON, mw.request, getExt]).then(data => {
		mw.hook( 'codemirror.config' ).fire();
		text = data[1].query.pages[0].revisions[0].content;
		editor = new CodeMirror($outer[0], {value: text, mode: 'text/mediawiki',
			mwConfig: mw.config.get('extCodeMirrorConfig'), lineWrapping: true, lineNumbers: true
		});
		$wrapper = $( editor.getWrapperElement() ).toggle().append( [$dropdown, $hints] );
		$('<div>', {id: 'inspector-btns', html: btns.map(ele => ele.$element)}).appendTo( $outer );
		// 处理页面上方的差异
		$('.diff').click(e => {
			const row = $( e.target ).closest('tr');
			if (row.hasClass( 'diff-title' )) { return; }
			const isLineno = row.children( '.diff-lineno' ).length ? 1 : 0,
				rowLineno = isLineno ? row : row.prevAll( ':has(.diff-lineno)' ).first(),
				n = parseInt( rowLineno.children().last().text().match(/\d+/) ) + row.index() - rowLineno.index()
				- 2 + isLineno, // 使用parseInt规避可能的程序错误,注意CodeMirror的行号从0开始
				nLine = editor.lastLine();
			if (nLine >= n) {
				editor.scrollIntoView(nLine);
				editor.scrollIntoView(n);
			}
			else { mw.notify( wgULS('当前不存在该行!', '目前不存在此行!'), {type: 'warn'} ); }
		});
	}, reason => { mw.apiFailure(reason, `CodeMirror${wgULS('设置或页面', '設定或頁面')}Wikitext`); })
		.then(() => { $outer.removeClass( 'mw-ajax-loader' ); });
});
//</nowiki>
// [[category:维护工具]] [[category:桌面版小工具]] [[category:需要自确用户权限的小工具]] [[category:不作为模块的小工具]]
// {{DEFAULTSORT:inspect.js}}