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

2020年12月18日 (五) 01:07的版本

// 由[[special:mypage/vector.js]]调用，可以使用ES6语法
/**
 * @dependencies: mediawiki.api, mediawiki.util, oojs-ui-core, ext.CodeMirror.lib, ext.CodeMirror.mode.mediawiki
 */
"use strict";
/*global mw, $, OO, CodeMirror*/
mw.util.addCSS( '#mw-content-text > .mw-parser-output, .CodeMirror { display:inline-block; width:49%; }' +
    '.CodeMirror { float:right; position:sticky; top:7px; border:1px solid; height:90vh; }' +
    '.oo-ui-buttonWidget { margin:0.5em; }');
$.getJSON( '/zh?title=mediawiki:gadget-CodeMirror.json&action=raw&ctype=application/json', config => {
    let text = '';
    const $content = $('#mw-content-text'),
        id = mw.config.get( 'wgArticleId' ),
        api = new mw.Api(),
        editor = new CodeMirror($content[0], {mode: 'text/mediawiki', mwConfig: config, lineWrapping: true}),
        btn1 = new OO.ui.ButtonWidget({label: '提交', flags: ['primary', 'progressive']}).on('click', () => {
        console.log('API request: 查询最新编辑时间戳');
        const now = mw.now();
        api.get({action: 'query', prop: 'revisions', pageids: id, rvlimit: 1, rvprop: 'timestamp', formatversion: 2})
            .then(res => {
            console.log(`End API request: 已获得最新编辑时间戳，用时 ${mw.now() - now} ms`);
            if (new Date(res.query.pages[0].revisions[0].timestamp) > new Date(mw.request.curtimestamp)) {
                mw.notify('编辑冲突！', {type: 'error'});
                return;
            }
            api.postWithEditToken({action: 'edit', pageid: id, text: editor.getValue()}).then(() => {
                window.location.reload();
            }, reason => { mw.notify(`编辑失败！错误信息：${reason}`, {type: 'error'}); });
        }, reason => { mw.notify(`无法获得最新编辑时间戳！错误信息：${reason}`, {type: 'error'}); });
    }),
        btn2 = new OO.ui.ButtonWidget({label: '预览'}).on('click', () => {
        console.log('API request: 请求预览');
        const now = mw.now();
        api.parse( editor.getValue(), { disablelimitreport: 1, disableeditsection: 1} ).then(html => {
            console.log(`End API request: 已生成预览，用时 ${mw.now() - now} ms`);
            $content.children( '.mw-parser-output' ).replaceWith( html );
        }, reason => { mw.notify(`无法生成预览！错误信息：${reason}`, {type: 'error'}); });
    }),
        btn3 = new OO.ui.ButtonWidget({label: '还原', flags: ['destructive']}).on('click', () => {
        editor.setValue( text );
    });
    $('<div>', {html: [btn1.$element, btn2.$element, btn3.$element]}).appendTo( $content )
        .css({float: 'right', clear: 'right'});
    mw.request = mw.request || api.get({action: 'query', revids: mw.config.get('wgRevisionId'), prop: 'revisions',
        rvprop: 'content', curtimestamp: 1, formatversion: 2});
    mw.request.then(data => {
        console.log('End API request: 已获得页面Wikitext');
        text = data.query.pages[0].revisions[0].content;
        editor.setValue( text );
    }, reason => { mw.notify(`无法获得页面Wikitext！错误原因${reason}`, {type: 'error'}); });
});