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

2020年12月30日 (三) 05:51的版本

// 由ResourceLoader直接调用，不可使用ES6语法
/**
 * @Author: [[User:Bhsd]]
 */
"use strict";
/*global mw, $, OO, CodeMirror, wgULS*/
const id = mw.config.get( 'wgArticleId' ),
    curRevid = mw.config.get( 'wgCurRevisionId' ),
    script = mw.config.get('wgScript'),
    page = mw.config.get( 'wgPageName' ),
    gadgets = mw.gadgets || {},
    inspect = gadgets.inspect || {},
    rule = inspect.rule || true;
if (rule && id > 0 && (![10, 274].includes( mw.config.get( 'wgNamespaceNumber' ) ) || page.endsWith( '/doc' )) &&
    mw.config.get('wgAction') == 'view' && mw.config.get( 'wgPageContentModel' ) == 'wikitext' &&
    !mw.config.get( 'wgIsRedirect' ) && !mw.config.get( 'wgDiffNewId' ) && !mw.util.getParamValue( 'oldid' )) {
    const api = new mw.Api(),
        getJSON = $.ajax({ dataType: 'json', cache: true,
        url: script + '?title=mediawiki:gadget-CodeMirror.json&action=raw&ctype=application/json' });
    mw.request = mw.request || mw.standardQuery(api);
    const css = mw.util.addCSS( '#mw-content-text .mw-parser-output p { border:1px dashed; }' +
        '#mw-content-text .mw-parser-output { display:flow-root; overflow:hidden; word-wrap:break-word; }'),
        cssHide = mw.util.addCSS( '#inspector-btns { margin-bottom:0.5em; }' +
        '#inspector { position:fixed; right:24px; left:unset !important; width:calc(50% - 7rem - 0.5px); }' );
    css.disabled = true;
    var dialog, actionP, actionD, text, editor, wrapper, nextid;
    const $content = $('#mw-content-text, #mw-imagepage-content').last(),
        original = $content.children( '.mw-parser-output' ),
        placeholder = $('<div>', {class: "mw-parser-output"}).css('display', 'none'),
        urlDisplay = $('<a>', {href: "#"}).click(function(e) { e.preventDefault(); }),
        warning = $('<div>', {html: [wgULS("您确定要还原为未编辑的状态吗？", "您確認要復原為未編輯的狀態嗎？"), '<br>',
            wgULS("建议您做好编辑内容备份。", "建議您做好編輯內容備份。")]}),
        outer = $('<div>', {id: 'inspector', class: 'mw-ajax-loader'}).insertBefore( original )
        .on('contextmenu', '.cm-mw-template-name, .cm-mw-link-pagename', function(e) {
        e.preventDefault();
        const ele = $(this);
        var url = ele.text();
        if (ele.hasClass( 'cm-mw-template-name' )) { url = '模板:' + url; }
        else if (ele.next( '.cm-mw-link' ).text() == '#') {
            url += '#' + ele.next().next( '.cm-mw-link-tosection' ).text();
        }
        urlDisplay.text( url );
        if (!mw.windowManager) {
            mw.windowManager = new OO.ui.WindowManager();
            $('body').append( mw.windowManager.$element );
        }
        if (!dialog) {
            dialog = new OO.ui.MessageDialog();
            actionP = new OO.ui.ActionWidget({label: '是', target: '_blank', flags: 'progressive'});
            actionD = new OO.ui.ActionWidget({label: '否', flags: 'destructive'});
            mw.windowManager.addWindows( [dialog] );
            dialog.message.$label.html( [wgULS('要在新标签页打开', '要在新標籤頁打開'), urlDisplay, wgULS('吗？', '嗎？')] );
        }
        actionP.setHref( script + '/' + url );
        mw.windowManager.openWindow( dialog, {actions: [actionP, actionD]}).opening.then(function() {
            actionP.$button.off( 'click' ).click(function() { dialog.close(); });
        });
    }).resizable( {handles: 'w', minWidth: 350} ),
        btns = [new OO.ui.ButtonWidget({label: '提交', flags: ['primary', 'progressive']}).on('click', function() {
        btns[0].setDisabled( true );
        mw.safeEdit(api, curRevid, {pageid: id, text: editor.getValue(),
            summary: wgULS('使用页面/文本对比查看器快速编辑', '使用頁面/文本對比察看器快速編輯')}).then(function() {
            setTimeout(window.location.reload(), 500);
        }, function(reason) { if (reason != 'editConflict') { btns[0].setDisabled( false ); }
        });
    }), new OO.ui.ButtonWidget({label: wgULS('预览', '預覽')}).on('click', function() {
        btns[1].setDisabled( true );
        console.log('API request: 请求预览');
        const now = mw.now();
        api.parse( editor.getValue(), {title: page, disablelimitreport: 1, disableeditsection: 1} )
            .then(function(html) {
            console.log('End API request: 已生成预览，用时 ' + (mw.now() - now) + ' ms');
            if ($.contains( $content[0], original[0] )) { original.after( placeholder ).detach(); }
            $content.children( '.mw-parser-output' ).replaceWith( html );
            if (mw.resizeLyrics) { mw.resizeLyrics(); }
            mw.hook( 'wikipage.content' ).fire($content);
        }, function(reason) { mw.apiFailure(reason, wgULS('预览', '預覽')); }).then(function() {
            btns[1].setDisabled( false );
        });
    }), new OO.ui.ButtonWidget({label: wgULS('还原', '復原'), flags: 'destructive'}).on('click', function() {
        OO.ui.confirm(warning, {actions: [{label: "否"},
            {label: "是", flags: ['primary', 'destructive'], action: 'accept'}]}).then(function(confirm) {
            if (!confirm) { return; }
            editor.setValue( text );
            $content.children( '.mw-parser-output' ).replaceWith( original );
            if (mw.resizeLyrics) { mw.resizeLyrics(); }
        });
    }), new OO.ui.ButtonWidget({label: wgULS('显示', '顯示')}).on('click', function() {
        css.disabled = !css.disabled;
        cssHide.disabled = !cssHide.disabled;
        wrapper.toggle();
        btns[3].setLabel( css.disabled ? wgULS('显示', '顯示') : wgULS('隐藏', '隱藏'));
        if (mw.resizeLyrics) { mw.resizeLyrics(); }
    }), new OO.ui.ButtonWidget({flags: 'progressive', icon: 'next'})],
        list = mw.storage.getObject( 'inspect-category' );
    if (!list) { nextid = id + 1; }
    else {
        if (list[0][ list[1] ] == id) {
            list[1]++;
            mw.storage.setObject( 'inspect-category', list );
        }
        nextid = list[0][ list[1] ];
    }
    btns[4].setHref( '/?redirect=no&curid=' + nextid ).setDisabled( !nextid ).$element.contextmenu(function(e) {
        e.preventDefault();
        OO.ui.prompt( wgULS('请输入分类名或名字空间编号：', '請輸入分類名或名字空間編號：') ).then(function(cat) {
            if (cat === null) { return; }
            if (cat === '') {
                mw.storage.remove( 'inspect-category' );
                btns[4].setHref( '/?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;
                }
                console.log('API request: 查询该名字空间的页面列表');
                now = mw.now();
                api.get({action: 'query', list: 'allpages', apnamespace: cat, apfilterredir: 'nonredirects',
                    aplimit: 'max', formatversion: 2}).then(function(ap) {
                    console.log('End API request: 已获得该名字空间的页面列表，用时 ' + (mw.now() - now) + ' ms');
                    const pages = ap.query.allpages.map(function(ele) { return ele.pageid; })
                        .sort(function(a, b) { return a < b; });
                    if (pages.length === 0) {
                        mw.notify( wgULS('该名字空间沒有非重定向的页面！', '該名字空間沒有非重定向的頁面'), {type: 'warn'} );
                        return;
                    }
                    const currentIndex = pages[0] == id ? 1 : 0;
                    mw.storage.setObject( 'inspect-category', [pages, currentIndex] );
                    btns[4].setHref( '/?redirect=no&curid=' + pages[ currentIndex ] ).setDisabled( false );
                }, function(reason) { mw.apiFailure(reason, wgULS('该名字空间的页面列表', '該名字空間的頁面列表')); });
                return;
            }
            if (!/^([Cc]ategory|分[类類]):/.test( cat )) { cat = 'Category:' + cat; }
            console.log('API request: 查询标准的页面名');
            var now = mw.now();
            api.get({action: 'query', titles: cat, converttitles: 1, formatversion: 2}).then(function(response) {
                const target = response.query.pages[0];
                if (target.missing) {
                    mw.notify(wgULS('错误的分类名！', '錯誤的分類名！'), {type: 'error'});
                    return;
                }
                console.log('End API request: 已获得标准的页面名，用时 ' + (mw.now() - now) + ' ms');
                console.log('API request: 查询分类下的页面列表');
                now = mw.now();
                api.get({action: 'query', list: 'categorymembers', cmtitle: target.title, cmprop: 'ids',
                    cmlimit: 'max', cmsort: 'timestamp', cmdir: 'older', formatversion: 2}).then(function(cm) {
                    console.log('End API request: 已获得分类下的页面列表，用时 ' + (mw.now() - now) + ' ms');
                    const pages = cm.query.categorymembers.map(function(ele) { return ele.pageid; });
                    if (pages.length === 0) {
                        mw.notify( wgULS('该分类下无页面！', '該分類下無頁面！'), {type: 'warn'} );
                        return;
                    }
                    const currentIndex = pages[0] == id ? 1 : 0;
                    mw.storage.setObject( 'inspect-category', [pages, currentIndex] );
                    btns[4].setHref( '/?redirect=no&curid=' + pages[ currentIndex ] ).setDisabled( false );
                }, function(reason) { mw.apiFailure(reason, wgULS('该分类下的页面列表', '該分類下的頁面列表')); });
            }, function(reason) { mw.apiFailure(reason, wgULS('标准页面名称', '標準頁面名稱')); });
        });
    });
    $.when(getJSON, mw.request).then(function(config, data) {
        console.log('End API request: 已获得页面Wikitext');
        text = data[0].query.pages[0].revisions[0].content;
        outer.removeClass( 'mw-ajax-loader' );
        editor = new CodeMirror(outer[0], {value: text, mode: 'text/mediawiki', mwConfig: config[0],
            lineWrapping: true, lineNumbers: true});
        wrapper = $( editor.getWrapperElement() ).toggle();
        $('<div>', {id: 'inspector-btns', html: btns.map(function(ele) { return ele.$element; })}).appendTo( outer );
    }, function(reason) { mw.apiFailure(reason, 'CodeMirror' + wgULS('设置或页面', '設置或頁面') + 'Wikitext'); });
}