MediaWiki:Js-InPageEdit-canary.js

/**
 * @license GPL-3.0 GNU GENERAL PUBLIC LICENSE 3.0
 *
 * @name InPageEdit-v2
 * @description A JavaScript-based MediaWiki Plugin: 
 * @author 机智的小鱼君
 * @url https://github.com/Dragon-Fish/InPageEdit-v2
 */
!(function (root, factory) {
  root.InPageEdit = factory(root.jQuery);
}(this, function ($) {
  'use strict';
  /**
   * @description 检查插件是否已经运行，创建全局函数
   */
  window.InPageEdit = window.InPageEdit || {};
  if (typeof (InPageEdit.version) !== 'undefined') { throw '[InPageEdit] 已经有一个IPE插件在执行了'; }
  InPageEdit.isCanary = false;
  InPageEdit.api = {
    analysis: 'https://doc.wjghj.cn/inpageedit-v2/analysis/api/index.php',
    aboutUrl: 'https://dragon-fish.github.io/inpageedit-v2/about/',
    analysisUrl: 'https://dragon-fish.github.io/inpageedit-v2/analysis/',
    updatelogsUrl: 'https://dragon-fish.github.io/inpageedit-v2/update-logs/'
  }
  InPageEdit.version = '2.13.4-5';
  // 冻结重要全局变量
  Object.freeze(InPageEdit.api);
  Object.freeze(InPageEdit.version);

  /**
   * @description 常用变量以及函数
   */
  var config = mw.config.get(),
    _loadScript = function (src) {
      return $.ajax({
        url: src,
        dataType: 'script',
        crossDomain: !0,
        cache: !0
      });
    };

  /**
   * @name 导入依赖
   * @description 加载需要的依赖项，然后进行初始化
   */
  /* 样式表 */
  $('head').prepend(
    // 模态框
    $('<link>', { rel: 'stylesheet', href: 'https://cdn.jsdelivr.net/gh/dragon-fish/inpageedit-v2@master/src/ssi_modal/ssi-modal.min.css' }),
    // FontAwesome
    $('<link>', { rel: 'stylesheet', href: 'https://cdn.jsdelivr.net/npm/[email protected]/css/font-awesome.min.css' }),
    // 覆写
    $('<link>', { rel: 'stylesheet', href: 'https://cdn.jsdelivr.net/gh/dragon-fish/inpageedit-v2@master/src/skin/ipe-default.min.css' })
  );
  /* I18n-js */
  _loadScript('https://cdn.jsdelivr.net/gh/dragon-fish/i18n-js@master/script.min.js'); // 因为留有钩子，无需异步，与模态框同时加载提升速度
  /* 模态框 */
  _loadScript('https://cdn.jsdelivr.net/gh/dragon-fish/inpageedit-v2@master/src/ssi_modal/ssi-modal.min.js').done(() => {
    mw.hook('dfgh.i18n').add(i18nJs => {
      i18nJs.loadMessages('InPageEdit-v2').then(init);
    })
  }).fail((...res) => {
    console.error('[InPageEdit] 初始化时遇到致命错误：', ...res);
  });

  /**
   * @function InPageEdit
   */
  function init(i18n) {
    /**
     * @function i18n模块
     * @param {string} 'message-name', '$1', '$2', ...
     * @example _msg('updatelog-update-success', InPageEdit.version) => InPageEdit <version> has been installed.
     */
    function _msg(...args) {
      var msgName = args.shift();
      return i18n.msg(msgName, ...args).parse();
    }

    /**
     * @description 常用 html 结构
     */
    var $br = '<br>',
      $hr = '<hr>',
      $progress = '<div class="ipe-progress" style="width: 100%"><div class="ipe-progress-bar"></div></div>';

    /**
     * @module 快速编辑模块
     * 
     * @param {Object} options
     * @param {String} options.page edit page (default: wgPageName)
     * @param {Number} options.revision page rev ID
     * @param {Number} options.section edit section
     * @param {Boolean} options.reload if reload page after save successful (default: true)
     */
    InPageEdit.edit = InPageEdit.quickEdit = function (options) {
      mw.hook('InPageEdit.quickEdit').fire();
      /** 获取设定信息，设置缺省值 **/
      var options = options || {};
      if (typeof options === 'string') {
        options = {
          page: options
        }
      }
      var defaultOptions = {
        page: config.wgPageName,
        pageId: -1,
        revision: null,
        summaryRevision: '',
        section: null,
        editText: '',
        editMinor: false,
        editSummary: _msg('preference-summary-default'),
        editNotice: '',
        outSideClose: true,
        jsonGet: {
          action: 'parse',
          page: options.page || config.wgPageName,
          prop: 'wikitext|langlinks|categories|templates|images|sections',
          format: 'json'
        },
        jsonPost: {},
        pageDetail: {},
        jumpTo: '',
        reload: true
      }

      /** 获取用户设置 **/
      var preference = InPageEdit.preference.get();

      /** 缓存时间戳 **/
      var date = new Date(),
        timestamp = date.getTime(),
        now = date.toUTCString();

      /** 将选项合并并标准化 **/
      options = $.extend({}, defaultOptions, options, preference);
      options.page = decodeURIComponent(options.page); // 解码网址 Unicode

      _analysis('quick_edit');

      if (options.revision !== null && options.revision !== '' && options.revision !== config.wgCurRevisionId) {
        ssi_modal.notify('warning', {
          className: 'in-page-edit',
          content: _msg('notify-editing-history'),
          title: _msg('notify-info')
        });
        delete options.jsonGet.page;
        options.jsonGet.oldid = options.revision;
        options.summaryRevision = '(' + _msg('editor-summary-rivision') + '[[Special:Diff/' + options.revision + ']])';
      } else {
        if (options.section !== null && options.section !== '') {
          options.jsonGet.section = options.section;
        }
      }

      // Debug
      console.time('[InPageEdit] 获取页面源代码');
      console.info('[InPageEdit] QuickEdit start with options:');
      console.table(options);

      // 显示主窗口
      ssi_modal.show({
        title: _msg('editor-title-editing') + ': <u class="editPage">' + options.page.replace(/\_/g, ' ') + '</u>',
        content:
          $('<div>').append(
            $progress,
            $('<section>', { class: 'hideBeforeLoaded' }).append(
              // 编辑工具条
              $('<div>', { class: 'editTools' }).append(
                $('<div>', { class: 'btnGroup' }).append(
                  $('<div>', { class: 'toolSelect' }).append(
                    $('<div>', { class: 'label', text: _msg('editor-edittool-header') }),
                    $('<ul>', { class: 'ul-list' }).append(
                      $('<li>', { class: 'editToolBtn', 'data-open': '\n== ', 'data-middle': _msg('editor-edittool-header-text'), 'data-close': ' ==\n', text: 'H2' }),
                      $('<li>', { class: 'editToolBtn', 'data-open': '\n=== ', 'data-middle': _msg('editor-edittool-header-text'), 'data-close': ' ===\n', text: 'H3' }),
                      $('<li>', { class: 'editToolBtn', 'data-open': '\n==== ', 'data-middle': _msg('editor-edittool-header-text'), 'data-close': ' ====\n', text: 'H4' }),
                      $('<li>', { class: 'editToolBtn', 'data-open': '\n===== ', 'data-middle': _msg('editor-edittool-header-text'), 'data-close': ' =====\n', text: 'H5' })
                    )
                  )
                ),
                $('<div>', { class: 'btnGroup' }).append(
                  $('<span>', { class: 'label', text: '格式' }),
                  $('<button>', { class: 'editToolBtn fa fa-bold btn', 'data-open': "'''", 'data-middle': _msg('editor-edittool-bold'), 'data-close': "'''" }),
                  $('<button>', { class: 'editToolBtn fa fa-italic btn', 'data-open': "''", 'data-middle': _msg('editor-edittool-italic'), 'data-close': "''" }),
                  $('<button>', { class: 'editToolBtn fa fa-list-ul btn', 'data-open': '\n* ', 'data-middle': _msg('editor-edittool-list-bulleted'), 'data-close': '\n' }),
                  $('<button>', { class: 'editToolBtn fa fa-list-ol btn', 'data-open': '\n# ', 'data-middle': _msg('editor-edittool-list-numbered'), 'data-close': '\n' }),
                  $('<button>', { class: 'editToolBtn fa fa-won btn', 'data-open': '<' + 'nowiki>', 'data-middle': _msg('editor-edittool-nowiki'), 'data-close': '</nowiki>' }),
                  $('<button>', { class: 'editToolBtn fa fa-level-down fa-rotate-90 btn', 'data-open': '<br>\n', 'data-middle': '', 'data-close': '' })
                ),
                $('<div>', { class: 'btnGroup' }).append(
                  $('<span>', { class: 'label', text: '插入' }),
                  $('<button>', { class: 'editToolBtn fa fa-link btn', 'data-open': '[' + '[', 'data-middle': _msg('editor-edittool-internal-link'), 'data-close': ']]' }),
                  $('<button>', { class: 'editToolBtn fa fa-file-image-o btn', 'data-open': '[' + '[File:', 'data-middle': 'Example.png', 'data-close': '|thumb]]' }),
                  $('<button>', { class: 'editToolBtn btn', 'data-open': '\n<' + 'gallery>\n', 'data-middle': 'Example1.jpg|Description\nExample2.png|Description', 'data-close': '\n</gallery>\n', html: '<span class="fa-stack"><i class="fa fa-picture-o fa-stack-1x"></i><i class="fa fa-picture-o fa-stack-1x" style="left: 2px;top: 2px;text-shadow: 1px 1px 0 #fff;"></i></span>' })
                ),
                $('<div>', { class: 'btnGroup extra', style: 'display: none' }).append(
                  $('<span>', { class: 'label', text: '自定义' })
                ),
                $('<div>', { class: 'btnGroup special-tools', style: 'float: right' }).append(
                  $('<button>', { class: 'btn fa fa-search' }).click(function () {
                    InPageEdit.findAndReplace($('.ipe-editor.timestamp-' + timestamp + ' .editArea'));
                  })
                )
              ),
              // 编辑框
              $('<textarea>', { class: 'editArea', style: 'margin-top: 0;' }),
              // 页面分析
              $('<div>', { class: 'editOptionsLabel hideBeforeLoaded' }).append(
                $('<aside>', { class: 'detailArea' }).append(
                  $('<label>', { class: 'detailToggle', text: _msg('editor-detail-button-toggle') }),
                  $('<div>', { class: 'detailBtnGroup' }).append(
                    $('<a>', { href: 'javascript:;', class: 'detailBtn', id: 'showTemplates', text: _msg('editor-detail-button-templates') }),
                    ' | ',
                    $('<a>', { href: 'javascript:;', class: 'detailBtn', id: 'showImages', text: _msg('editor-detail-button-images') })
                  )
                ),
                // 摘要&小编辑
                $('<label>', { for: 'editSummary', text: _msg('editSummary') }),
                $br,
                $('<input>', { class: 'editSummary', id: 'editSummary', placeholder: 'Edit via InPageEdit~', value: options.editSummary.replace(/\$oldid/ig, options.summaryRevision) }),
                $br,
                $('<label>').append(
                  $('<input>', { type: 'checkbox', class: 'editMinor', id: 'editMinor', checked: options.editMinor }),
                  $('<span>', { text: _msg('markAsMinor') })
                ),
                $br,
                $('<label>').append(
                  $('<input>', { type: 'checkbox', class: 'reloadPage', id: 'reloadPage', checked: options.reload }),
                  $('<span>', { text: _msg('editor-reload-page') })
                )
              )
            )
          ),
        outSideClose: options.outSideClose,
        className: 'in-page-edit ipe-editor timestamp-' + timestamp,
        sizeClass: 'large',

        /* 按钮 */
        buttons: [{
          label: _msg('editor-button-save'),
          className: 'btn btn-primary leftBtn hideBeforeLoaded save-btn',
          method: function (e, modal) {
            var modal = modal;
            ssi_modal.confirm({
              className: 'in-page-edit',
              center: true,
              content: _msg('editor-confirm-save'),
              okBtn: {
                className: 'btn btn-primary',
                label: _msg('confirm')
              },
              cancelBtn: {
                className: 'btn btn-secondary',
                label: _msg('cancel')
              },
            },
              function (result) {
                if (result) {
                  var text = $('.ipe-editor.timestamp-' + timestamp + ' .editArea').val(),
                    minor = $('.ipe-editor.timestamp-' + timestamp + ' .editMinor').prop('checked'),
                    section = options.section,
                    summary = $('.ipe-editor.timestamp-' + timestamp + ' .editSummary').val();
                  postArticle({
                    text: text,
                    page: options.page,
                    minor: minor,
                    section: section,
                    summary: summary
                  }, modal);
                }
              });
          }
        }, {
          label: _msg('editor-button-preview'),
          className: 'btn btn-secondary leftBtn hideBeforeLoaded',
          method: function () {
            _analysis('preview_edit');
            var text = $('.ipe-editor.timestamp-' + timestamp + ' .editArea').val();
            InPageEdit.quickPreview({
              title: options.page,
              text: text,
              pst: true
            });
          }
        }, {
          label: _msg('editor-button-diff'),
          className: 'btn btn-secondary leftBtn hideBeforeLoaded diff-btn',
          method: function () {
            // ...
          }
        }, {
          label: _msg('cancel'),
          className: 'btn btn-danger',
          method: function (e, modal) {
            modal.close();
          }
        }
        ],

        /* 预加载 */
        beforeShow: function () {
          // 设置样式
          $('.ipe-editor.timestamp-' + timestamp + ' .hideBeforeLoaded').hide();
          $('.ipe-editor.timestamp-' + timestamp + ' .ipe-progress').css('margin', Number($(window).height() / 3 - 50) + 'px 0');
          $('.ipe-editor.timestamp-' + timestamp + ' .editArea').css('height', $(window).height() / 3 * 2 - 100);
          $('.ipe-editor.timestamp-' + timestamp + ' .editOptionsLabel').prependTo('.ipe-editor.timestamp-' + timestamp + ' .ssi-buttons');
          $('.ipe-editor.timestamp-' + timestamp + ' .leftBtn').appendTo('.ipe-editor.timestamp-' + timestamp + ' .ssi-leftButtons');
          $('.ipe-editor.timestamp-' + timestamp + ' .ssi-modalTitle').append(
            $('<a>', {
              class: 'showEditNotice',
              href: 'javascript:void(0);',
              html: '<i class="fa fa-info-circle"></i> ' + _msg('editor-has-editNotice'),
              style: 'display: none;'
            }).click(function () {
              ssi_modal.show({
                className: 'in-page-edit',
                center: true,
                title: _msg('editor-title-editNotice'),
                content: '<section class="editNotice">' + $('.ipe-editor.timestamp-' + timestamp).data('editNotice') + '</section>'
              });
            })
          );

          /** Edit-Tool 扩展 **/
          function insertText(strings, obj) {
            var strings = strings,
              textarea = obj || $('.in-page-edit.ipe-editor .editArea')[0],
              start = textarea.selectionStart,
              stop = textarea.selectionEnd,
              selectedText = textarea.value.slice(start, stop);
            textarea.value =
              textarea.value.slice(0, start) +
              (strings.open || '') +
              (selectedText || strings.middle || '') +
              (strings.close || '') +
              textarea.value.slice(stop);
            var selectStart = start + (strings.open.length || 0);
            textarea.setSelectionRange(selectStart, selectStart + (selectedText.length || strings.middle.length || 0));
            textarea.focus();
          }
          // 用户自定义按钮
          if (InPageEdit.buttons) {
            var btns = InPageEdit.buttons;
            $('.ipe-editor.timestamp-' + timestamp + ' .btnGroup.extra').show();
            function addBtn(open, middle, close, icon) {
              var open = open || '',
                middle = middle || '',
                close = close || '',
                icon = 'fa-' + icon || 'fa-wrench';
              $('.ipe-editor.timestamp-' + timestamp + ' .btnGroup.extra').append(
                $('<button>', { class: 'editToolBtn btn', 'data-open': open, 'data-middle': middle, 'data-close': close, html: `<i class="fa ${icon}"></i>` })
              );
            }
            for (var i = 0; i < btns.length; i++) {
              var btn = btns[i];
              addBtn(btn.open, btn.middle, btn.close, btn.text);
            }
          }
          $('.ipe-editor.timestamp-' + timestamp + ' .editToolBtn').click(function (e) {
            e.preventDefault();
            var $this = $(this),
              $open = $this.attr('data-open') || '',
              $middle = $this.attr('data-middle') || '',
              $close = $this.attr('data-close') || '';
            insertText({
              open: $open,
              middle: $middle,
              close: $close
            }, $('.ipe-editor.timestamp-' + timestamp + ' .editArea')[0]);
          });
        },
        /**
         * @event onShow
         * @description 模态框显示后
         */
        onShow: function (a, modal) {
          mw.hook('InPageEdit.quickEdit.modal').fire();
          // 绑定事件，在尝试离开页面时提示
          $('.ipe-editor.timestamp-' + timestamp + ' .editArea').change(function () {
            $(this).attr('data-modifiled', 'true');
            $(window).bind('beforeunload', function () {
              return _msg('window-leave-confirm');
            });
          });
          // 获取权限
          if (_hasRight('edit') === false) {
            ssi_modal.notify('dialog', {
              className: 'in-page-edit',
              position: 'center bottom',
              title: _msg('notify-no-right'),
              content: _msg('editor-no-right'),
              okBtn: {
                label: _msg('ok'),
                className: 'btn btn-primary',
                method: function (e, modal) {
                  modal.close();
                }
              }
            });
            $('.ipe-editor.timestamp-' + timestamp + ' .save-btn').addClass('btn-danger');
          }

          // 解析页面内容
          new mw.Api().get(options.jsonGet).done(function (data) {
            var data = data;
            console.timeEnd('[InPageEdit] 获取页面源代码');
            contentDone(data);
          }).fail(function (a, b, errorThrown) {
            console.timeEnd('[InPageEdit] 获取页面源代码');
            console.warn('[InPageEdit]警告：无法获取页面内容');
            var data = errorThrown;
            contentDone(data);
          });

          // 页面内容获取完毕，后续工作
          function contentDone(data) {
            var data = data;
            options.pageDetail = data;

            if (data.hasOwnProperty('error')) {
              console.warn('[InPageEdit]警告：无法获取页面内容');
              options.editText = '<!-- ' + data.error.info + ' -->';
              options.pageId = -1;
              $('.ipe-editor.timestamp-' + timestamp + ' .detailArea').hide();
            } else {
              options.editText = data.parse.wikitext['*'];
              options.pageId = data.parse.pageid;
            }
            // 设定一堆子样式
            $('.ipe-editor.timestamp-' + timestamp + ' .ipe-progress').hide();
            $('.ipe-editor.timestamp-' + timestamp + ' .hideBeforeLoaded').fadeIn(500);
            $('.ipe-editor.timestamp-' + timestamp + ' .editArea').val(options.editText + '\n');

            if (options.section !== null) {
              var val = $('.ipe-editor.timestamp-' + timestamp + ' .editSummary').val();
              val = val.replace(/\$section/ig, '/* ' + data.parse.sections[0].line + ' */');
              $('.ipe-editor.timestamp-' + timestamp + ' .editSummary').val(val);
              $('.ipe-editor.timestamp-' + timestamp + ' .editPage').after('<span class="editSection">→' + data.parse.sections[0].line + '</span>');
              options.jumpTo = '#' + data.parse.sections[0].anchor;
            } else {
              var val = $('.ipe-editor.timestamp-' + timestamp + ' .editSummary').val();
              val = val.replace(/\$section/ig, '');
              $('.ipe-editor.timestamp-' + timestamp + ' .editSummary').val(val);
              options.jumpTo = '';
            }
            if (options.revision !== null && options.revision !== '' && options.revision !== config.wgCurRevisionId) {
              $('.ipe-editor.timestamp-' + timestamp + ' .editPage').after('<span class="editRevision">(' + _msg('editor-title-editRevision') + '：' + options.revision + ')</span>');
              $('.ipe-editor.timestamp-' + timestamp + ' .diff-btn').click(() => {
                _analysis('quick_diff_edit');
                var text = $('.ipe-editor.timestamp-' + timestamp + ' .editArea').val();
                var diffJson = {
                  fromrev: options.revision,
                  totext: text,
                  hideBtn: true,
                  pageName: options.page,
                  isPreview: true
                }
                if (options.section) {
                  diffJson.fromsection = options.section;
                }
                InPageEdit.quickDiff(diffJson);
              });
            } else {
              $('.ipe-editor.timestamp-' + timestamp + ' .diff-btn').attr('disabled', true);
            }

            // 获取页面基础信息
            console.time('[InPageEdit] 获取页面基础信息');
            var queryJson = {
              action: 'query',
              prop: 'revisions|info',
              inprop: 'protection',
              format: 'json'
            }
            if (options.pageId !== -1) {
              queryJson.pageids = options.pageId;
            } else {
              queryJson.titles = options.page;
            }
            new mw.Api().get(queryJson).done(function (data) {
              var data = data;
              console.info('[InPageEdit] 获取页面基础信息成功');
              console.timeEnd('[InPageEdit] 获取页面基础信息');
              // 记录页面最后编辑时间，防止编辑冲突
              $('.ipe-editor.timestamp-' + timestamp).data('basetimestamp', data['query']['pages'][options.pageId].hasOwnProperty('revisions') ? data['query']['pages'][options.pageId]['revisions'][0]['timestamp'] : now);
              queryDone(data);
            }).fail(function (a, b, errorThrown) {
              var data = errorThrown;
              console.timeEnd('[InPageEdit] 获取页面基础信息');
              console.warn('[InPageEdit] 获取页面基础信息失败');
              $('.ipe-editor.timestamp-' + timestamp).data('basetimestamp', now);
              queryDone(data);
            });

            /** 页面保护等级和编辑提示等 **/
            function queryDone(data) {
              var data = data;
              options.namespace = data.query.pages[options.pageId].ns; // 名字空间ID
              options.protection = data.query.pages[options.pageId]['protection'] || []; // 保护等级
              if (data.query.pages[options.pageId].hasOwnProperty('revisions')) {
                options.revision = data.query.pages[options.pageId]['revisions'][0]['revid']; // 版本号
              }

              // 使页面名标准化
              options.page = data.query.pages[options.pageId].title;
              $('.ipe-editor.timestamp-' + timestamp + ' .editPage').text(options.page);

              if (options.revision) {
                $('.ipe-editor.timestamp-' + timestamp + ' .diff-btn').attr('disabled', false).click(function () {
                  _analysis('quick_diff_edit');
                  var text = $('.ipe-editor.timestamp-' + timestamp + ' .editArea').val();
                  var diffJson = {
                    fromrev: options.revision,
                    totext: text,
                    hideBtn: true,
                    pageName: options.page,
                    isPreview: true
                  }
                  if (options.section) {
                    diffJson.fromsection = options.section;
                  }
                  InPageEdit.quickDiff(diffJson);
                })
              }

              // 页面是否被保护
              if (options.protection.length > 0) {
                for (var i = 0; i < options.protection.length; i++) {
                  if (options.protection[i].type === 'edit') {
                    if (
                      (options.protection[i].level === 'autoconfirmed' && !_hasRight('autoconfirmed')) ||
                      (options.protection[i].level === 'sysop' && !_hasRight('editprotected')) ||
                      (config.wgNamespaceNumber === 8 && !_hasRight('editinterface'))
                    ) {
                      ssi_modal.notify('dialog', {
                        className: 'in-page-edit',
                        position: 'center bottom',
                        title: _msg('notify-no-right'),
                        content: _msg('editor-no-right'),
                        okBtn: {
                          label: _msg('ok'),
                          className: 'btn btn-primary',
                          method: function (e, modal) {
                            modal.close();
                          }
                        }
                      });
                      $('.ipe-editor.timestamp-' + timestamp + ' .save-btn').addClass('btn-danger');
                    }
                  }
                }
              }

              // 获取编辑提示
              var namespaceNoticePage = 'Editnotice-' + options.namespace,
                pageNoticePage = namespaceNoticePage + '-' +
                  options.page
                    .replace(/_/, ' ') // 将页面名里的 _ 转换为空格
                    .replace(config.wgFormattedNamespaces[options.namespace] + ':', ''); // 去掉名字空间

              new mw.Api().get({
                action: 'query',
                meta: 'allmessages',
                ammessages: namespaceNoticePage + '|' + pageNoticePage
              }).done(function (data) {
                var wikitextNs = data.query.allmessages[0]['*'] || '',
                  wikitextPage = data.query.allmessages[1]['*'] || '';
                if (wikitextNs === '' && wikitextPage === '') return; // 没有编辑提示
                // 将编辑提示解析为 html
                new mw.Api().post({
                  action: 'parse',
                  title: options.page,
                  contentmodel: 'wikitext',
                  preview: true,
                  text: wikitextPage + '\n' + wikitextNs
                }).done(function (data) {
                  var data = data;
                  options.editNotice = data.parse.text['*'];
                  var notice = $('.ipe-editor.timestamp-' + timestamp).data('editNotice') || '';
                  notice += '\n' + options.editNotice;
                  $('.ipe-editor.timestamp-' + timestamp).data('editNotice', notice);
                  $('.ipe-editor.timestamp-' + timestamp + ' .showEditNotice').show();
                });
              });

            }
          }
        },

        /* 确认是否取消 */
        beforeClose: function (modal) {
          if ($('.ipe-editor.timestamp-' + timestamp + ' .editArea').attr('data-modifiled') !== 'true') {
            close();
            return;
          } else if ($('.ipe-editor.timestamp-' + timestamp + ' .editArea').attr('data-confirmclose') === 'true') {
            closeNoReload();
            return;
          }
          ssi_modal.confirm({
            className: 'in-page-edit',
            center: true,
            content: _msg('editor-leave-confirm'),
            okBtn: {
              className: 'btn btn-danger',
              label: _msg('confirm')
            },
            cancelBtn: {
              className: 'btn btn-secondary',
              label: _msg('cancel')
            }
          },
            function (result) {
              if (result === true) {
                close();
              }
            });
          function close() {
            $(window).unbind('beforeunload');
            modal.options.keepContent = false;
            modal.options.beforeClose = '';
            modal.close();
            ssi_modal.notify('info', {
              className: 'in-page-edit',
              position: 'right top',
              title: _msg('cancel'),
              content: _msg('notify-no-change')
            });
          }
          function closeNoReload() {
            $(window).unbind('beforeunload');
            modal.options.keepContent = false;
            modal.options.beforeClose = '';
            modal.close();
          }
          return false;
        }
      });

      // 页面详情模块
      $('.ipe-editor.timestamp-' + timestamp + ' .detailBtnGroup .detailBtn').click(function () {
        _analysis('quick_edit_pagedetail');
        var $this = $(this),
          id = $this.attr('id'),
          content = $('<ul>');
        switch (id) {
          case 'showTemplates':
            var templates = options.pageDetail.parse.templates,
              templateName;
            for (var i = 0; i < templates.length; i++) {
              templateName = templates[i]['*'];
              $('<li>').append(
                $('<a>', { href: mw.util.getUrl(templateName), target: '_blank', text: templateName }),
                ' (',
                $('<a>', { href: 'javascript:;', text: _msg('quick-edit'), class: 'quickEditTemplate', 'data-template-name': templateName }),
                ')'
              ).appendTo(content);
            }
            ssi_modal.show({
              className: 'in-page-edit quick-edit-detail',
              sizeClass: 'dialog',
              title: _msg('editor-detail-title-templates'),
              content: content
            });
            break;
          case 'showImages':
            var images = options.pageDetail.parse.images,
              imageName;
            for (var i = 0; i < images.length; i++) {
              imageName = images[i];
              $('<li>').append(
                $('<a>', { href: mw.util.getUrl('File:' + imageName), target: '_balnk', text: imageName }),
                ' (',
                $('<a>', { href: 'javascript:;', class: 'quickViewImage', text: _msg('editor-detail-images-quickview'), 'data-image-name': imageName }),
                ' | ',
                $('<a>', { href: config.wgScript + '?title=Special:Upload&wpDestFile=' + imageName + '&wpForReUpload=1', target: '_balnk', text: _msg('editor-detail-images-upload') }),
                ')'
              ).appendTo(content);
            }
            ssi_modal.show({
              className: 'in-page-edit quick-edit-detail',
              sizeClass: 'dialog',
              title: _msg('editor-detail-title-images'),
              content: content
            });
            break;
        }
        $('.in-page-edit.quick-edit-detail .quickEditTemplate').click(function () {
          _analysis('quick_edit_pagedetail_edit_template');
          var $this = $(this);
          var page = $this.attr('data-template-name');
          InPageEdit.quickEdit({
            page: page
          });
        });
        $('.in-page-edit.quick-edit-detail .quickViewImage').click(function () {
          _analysis('quick_edit_pagedetail_view_image');
          var $this = $(this);
          var imageName = $this.attr('data-image-name');
          ssi_modal.show({
            className: 'in-page-edit quick-view-image',
            center: true,
            title: imageName.replace(/_/g, ' '),
            content: $('<center>', { id: 'imageLayer' }).append(
              $progress
            ),
            buttons: [{
              label: _msg('editor-detail-images-upload'),
              className: 'btn btn-primary',
              method: function (a, modal) { window.open(config.wgScript + '?title=Special:Upload&wpDestFile=' + imageName + '&wpForReUpload=1') }
            }, {
              label: _msg('close'),
              className: 'btn btn-secondary',
              method: function (a, modal) { modal.close() }
            }],
            onShow: function () {
              new mw.Api().get({
                action: 'query',
                format: 'json',
                prop: 'imageinfo',
                titles: 'File:' + imageName.replace(/file:/g, ''),
                iiprop: 'url'
              }).done(function (data) {
                $('.quick-view-image .ipe-progress').hide();
                $('.quick-view-image #imageLayer').append(
                  $('<img>', { src: data.query.pages['-1'].imageinfo[0].url, class: 'loading', style: 'max-width: 80%; max-height: 60vh' })
                );
                $('.quick-view-image #imageLayer img').load(function () {
                  $(this).removeClass('loading');
                });
              })
            }
          });
        });
      });

      // 发布编辑模块
      function postArticle(pValue, modal) {
        var pValue = pValue,
          modal = modal;
        _analysis('quick_edit_save');
        InPageEdit.progress(_msg('editor-title-saving'));
        options.jsonPost = {
          action: 'edit',
          basetimestamp: $('.ipe-editor.timestamp-' + timestamp).data('basetimestamp'),
          starttimestamp: now,
          text: pValue.text,
          title: pValue.page,
          minor: pValue.minor,
          summary: pValue.summary,
          errorformat: 'plaintext'
        }
        if (pValue.section !== undefined && pValue.section !== '' && pValue.section !== null) {
          options.jsonPost.section = pValue.section;
          delete options.jsonPost.basetimestamp;
        }

        new mw.Api().postWithToken('csrf', options.jsonPost).done(saveSuccess).fail(saveError);

        // 保存正常
        function saveSuccess(data, feedback, errorThrown) {
          if (data.edit.result === 'Success') {
            InPageEdit.progress(true);
            // 是否重载页面
            if ($('.ipe-editor.timestamp-' + timestamp + ' .reloadPage').prop('checked')) {
              var content;
              $(window).unbind('beforeunload');
              content = _msg('notify-save-success');
              setTimeout(function () {
                if (pValue.page === config.wgPageName) {
                  window.location = mw.util.getUrl(pValue.page) + options.jumpTo;
                  window.location.reload();
                } else {
                  window.location.reload();
                }
              }, 500);
            } else {
              console.info('[InPageEdit] 将不会重载页面！');
              content = _msg('notify-save-success-noreload');
              setTimeout(function () {
                InPageEdit.progress(false);
                $('.ipe-editor.timestamp-' + timestamp + ' .editArea').attr('data-confirmclose', 'true');
                modal.close();
              }, 1500);
            }

            ssi_modal.notify('success', {
              className: 'in-page-edit',
              position: 'right top',
              title: _msg('notify-success'),
              content: content
            });
          } else {
            saveError(data, feedback, errorThrown)
          }
        }

        // 保存失败
        function saveError(errorCode, feedback, errorThrown) {
          InPageEdit.progress(false);
          var data = errorThrown || errorCode; // 规范错误代码
          var errorCode,
            errorInfo,
            errorMore = '';
          if (data.errors !== undefined) {
            errorCode = data.errors[0].code;
            errorInfo = data.errors[0]['*'];
            errorMore = '';
          } else if (data.edit.result !== 'Success') {
            errorCode = data.edit.code || 'Unknown';
            errorInfo = data.edit.info || 'Reason unknown.';
            errorMore = data.edit.warning || '';
          } else {
            errorCode = 'unknown';
            errorInfo = 'Reason unknown.';
            errorMore = 'Please contact plug-in author or try again.'
          }
          ssi_modal.show({
            className: 'in-page-edit',
            sizeClass: 'dialog',
            center: true,
            title: _msg('editor-save-error'),
            content: errorInfo + '<hr style="clear: both" />' + errorMore
          });
          ssi_modal.notify('error', {
            className: 'in-page-edit',
            position: 'right top',
            closeAfter: {
              time: 15
            },
            title: _msg('notify-error'),
            content: _msg('editor-save-error') + '：<code>' + errorCode + '</code>'
          });

          console.error('[InPageEdit] Submit failed: \nCode: ' + errorCode);
          return;
        }
      }
    }

    /**
     * @module 查找替换模块
     * @param {element} contengut Textarea
     */
    InPageEdit.findAndReplace = function (contengut) {
      if (contengut === this.undefined) contengut = $('.in-page-edit.ipe-editor .editArea');
      var origin = contengut.val();

      ssi_modal.show({
        className: 'in-page-edit',
        sizeClass: 'dialog',
        center: true,
        outSideClose: false,
        // position: 'right bottom',
        title: _msg('fAndR-title'),
        content:
          $('<div>', { class: 'module far-module' }).append(
            $('<div>', { class: 'module_content', id: 'findfielddiv' }).append(
              $('<section>').append(
                $('<h4>', { text: _msg('fAndR-find-text') }),
                $('<textarea>', { id: 'find_this', style: 'margin: 0', rows: 4 }),
                $('<h4>', { text: _msg('fAndR-replace-text') }),
                $('<textarea>', { id: 'replace_with', style: 'margin: 0', rows: 4 })
              ),
              $('<section>', { style: 'padding: 7px 0' }).append(
                $('<label>').append(
                  $('<input>', { type: 'checkbox', id: 'globl', checked: '' }),
                  $('<span>', { text: _msg('fAndR-globl') })
                ),
                $br,
                $('<label>').append(
                  $('<input>', { type: 'checkbox', id: 'case_sen' }),
                  $('<span>', { text: _msg('fAndR-case-sen') })
                ),
                $br,
                $('<label>').append(
                  $('<input>', { type: 'checkbox', id: 'regex_search' }),
                  $('<span>', { text: _msg('fAndR-enable-regex') })
                ),
              )
            )
          ),
        buttons: [
          {
            label: _msg('fAndR-button-undo'),
            className: 'btn btn-danger',
            method: function (e, modal) {
              contengut.val(origin);
              ssi_modal.notify('info', {
                className: 'in-page-edit',
                title: _msg('notify-info'),
                content: _msg('notify-fAndR-undo')
              });
              // modal.close();
            }
          },
          {
            className: 'btn btn-primary',
            label: _msg('fAndR-button-replace'),
            method: function (a, modal) {
              /**
               * 查找替换主函数
               * 借鉴：https://dev.fandom.com/wiki/MediaWiki:FindAndReplace/code.js
               **/
              if ($('#find_this').val() === '') return;
              var searchfor = '',
                searchexp,
                $textarea = contengut,
                replacewith = $('#replace_with').val().replace(/\r/gi, ''),
                text = $textarea.val().replace(/\r/gi, ''),
                flagg = 'g',
                flagi = 'i',
                enableregex = 0;

              if ($('#globl').prop('checked') === false) {
                flagg = '';
              }
              if ($('#case_sen').prop('checked') === true) {
                flagi = '';
              }
              if ($('#regex_search').prop('checked') === true) {
                enableregex = 1;
              }
              var flags = flagg + flagi + 'm';
              if (enableregex === 1) {
                searchfor = $('#find_this').val();
              } else {
                searchfor = $('#find_this').val().replace(/\r/gi, '').replace(/([.*+?^=!:${}()|\[\]\/\\])/g, '\\$1');
              }
              searchexp = new RegExp(searchfor, flags);
              var rcount = 0;
              var matched = text.match(searchexp);
              if (matched !== null) {
                rcount = matched.length;
              }
              text = text.replace(searchexp, replacewith);
              $textarea.val(text);
              ssi_modal.notify('success', {
                className: 'in-page-edit',
                title: _msg('notify-success'),
                content: _msg('notify-fAndR-done', rcount)
              });
              // modal.close();
            }
          }
        ]
      });
    }

    /** 快速重定向模块 **/
    InPageEdit.redirect = InPageEdit.quickRedirect = function (type = 'to') {
      mw.hook('InPageEdit.quickRedirect').fire();
      var text = '#REDIRECT [[:$1]]',
        question,
        target,
        json = {
          action: 'edit',
          minor: InPageEdit.preference.get('editMinor'),
          token: mw.user.tokens.get('editToken'),
          errorformat: 'plaintext'
        },
        summary;

      if (type === 'to') {
        json.title = config.wgPageName;
        question = _msg('redirect-question-to', '<b>' + config.wgPageName.replace(/_/g, ' ') + '</b>');
      } else if (type === 'from') {
        question = _msg('redirect-question-from', '<b>' + config.wgPageName.replace(/_/g, ' ') + '</b>');
        summary = _msg('redirect-summary') + ' → [[:' + config.wgPageName + ']]';
        json.text = text.replace('$1', config.wgPageName);
      } else {
        console.error('[InPageEdit] quickRedirect only accept "from" or "to"');
        return;
      }

      ssi_modal.show({
        outSideClose: false,
        className: 'in-page-edit quick-redirect',
        center: true,
        sizeClass: 'dialog',
        title: _msg('redirect-title'),
        content: $('<div>').append(
          $('<section>').append(
            $('<span>', { html: question }),
            $br,
            $('<input>', { id: 'redirect-page', style: 'width:96%' }).click(function () { $(this).css('box-shadow', '') }),
            $br,
            $('<label>', { for: 'redirect-reason', text: _msg('editSummary') }),
            $('<input>', { id: 'redirect-reason', style: 'width:96%' })
          ),
          $($progress).css('display', 'none')
        ),
        buttons: [{
          label: _msg('confirm'),
          className: 'btn btn-primary btn-single okBtn',
          method: function (a, modal) {
            target = $('.in-page-edit.quick-redirect #redirect-page').val();
            if (target === '' || target.toLowerCase().replace(/_/g, ' ') === config.wgPageName.toLowerCase().replace(/_/g, ' ')) {
              $('.in-page-edit.quick-redirect #redirect-page').css('box-shadow', '0 0 4px #f00');
              return;
            }

            _analysis('quick_redirect');

            if (type === 'to') {
              summary = _msg('redirect-summary') + ' → [[:' + target + ']]';
              json.text = text.replace('$1', target);
            } else if (type === 'from') {
              json.title = target;
            }
            if ($('.in-page-edit.quick-redirect #redirect-reason').val() !== '') {
              summary = summary + ' (' + $('.in-page-edit.quick-redirect #redirect-reason').val() + ')';
            }
            json.summary = summary;

            $('.in-page-edit.quick-redirect .ipe-progress').show();
            $('.in-page-edit.quick-redirect section').hide();
            $('.in-page-edit.quick-redirect .okBtn').attr('disabled', 'disabled');

            new mw.Api().post(json).done(function () {
              $('.in-page-edit.quick-redirect .ipe-progress').addClass('done');
              ssi_modal.notify('success', {
                className: 'in-page-edit',
                content: _msg('notify-redirect-success'),
                title: _msg('notify-success')
              });
              if (type === 'to') {
                window.location.reload();
              } else {
                $('.in-page-edit.quick-redirect .ipe-progress').addClass('done');
                setTimeout(function () { modal.close() }, 2000);
              }
            }).fail(function () {
              $('.in-page-edit.quick-redirect .ipe-progress').hide();
              $('.in-page-edit.quick-redirect section').show();
              $('.in-page-edit.quick-redirect .okBtn').attr('disabled', false);
              $('.in-page-edit.quick-redirect .ipe-progress').addClass('done');
              ssi_modal.notify('error', {
                className: 'in-page-edit',
                content: _msg('notify-redirect-error'),
                title: _msg('notify-error')
              });
            });
          }
        }
        ]
      });
    }

    /** 删除页面模块 **/
    InPageEdit.deletepage = InPageEdit.quickDelete = function (page) {
      mw.hook('InPageEdit.quickDelete').fire();
      var reason,
        page = page || config.wgPageName;

      ssi_modal.show({
        outSideClose: false,
        className: 'in-page-edit quick-delete',
        center: true,
        sizeClass: 'dialog',
        title: _msg('delete-title'),
        content: $('<div>').append(
          $('<section>', { id: 'InPageEditDeletepage' }).append(
            $('<span>', { html: _msg('delete-reason', '<b>' + page.replace(/\_/g, ' ') + '</b>') }),
            $br,
            $('<label>', { for: 'delete-reason', text: _msg('editSummary') }),
            $('<input>', { id: 'delete-reason', style: 'width:96%', onclick: "$(this).css('box-shadow', '')" })
          )
        ),
        beforeShow: function () {
          if (!_hasRight('delete')) {
            ssi_modal.dialog({
              title: _msg('notify-no-right'),
              content: _msg('delete-no-right'),
              className: 'in-page-edit quick-deletepage',
              center: true,
              okBtn: {
                className: 'btn btn-primary btn-single'
              }
            });
            return false;
          }
        },
        buttons: [
          {
            label: _msg('cancel'),
            className: 'btn btn-primary',
            method: function (e, modal) {
              modal.close();
            }
          }, {
            label: _msg('confirm'),
            className: 'btn btn-danger',
            method: function (e, modal) {
              reason = $('#InPageEditDeletepage #delete-reason').val();
              if (reason === '') {
                $('#InPageEditDeletepage #delete-reason').css('box-shadow', '0 0 4px #f00');
                return;
              }
              _analysis('quick_delete');

              ssi_modal.confirm({
                center: true,
                className: 'in-page-edit',
                title: _msg('delete-confirm-title'),
                content: _msg('delete-confirm-content'),
                okBtn: {
                  label: _msg('confirm'),
                  className: 'btn btn-danger'
                },
                cancelBtn: {
                  label: _msg('cancel'),
                  className: 'btn'
                }
              }, function (result) {
                if (result) {
                  reason = _msg('delete-title') + ' (' + reason + ')';
                  new mw.Api().postWithToken('csrf', {
                    action: 'delete',
                    title: page,
                    reason: reason,
                    format: 'json'
                  }).then(function (data) {
                    ssi_modal.notify('success', {
                      className: 'in-page-edit',
                      title: _msg('notify-success'),
                      content: _msg('notify-delete-success', page)
                    });
                  }).fail(function (errorCode, feedback, errorThrown) {
                    ssi_modal.notify('error', {
                      className: 'in-page-edit',
                      title: _msg('notify-error'),
                      content: _msg('notify-delete-error') + ': <br/><span style="font-size:amall">' + errorThrown.error['*'] + '(<code>' + errorThrown.error['code'] + '</code>)</span>'
                    });
                  });
                  modal.close();
                } else {
                  return false;
                }
              });
            }
          }
        ]
      });
    }

    /** 重命名模块 **/
    InPageEdit.renamepage = InPageEdit.quickRename = function (from, to) {
      mw.hook('InPageEdit.quickRename').fire();
      var from = from || config.wgPageName,
        to = to || '',
        reason,
        movetalk,
        movesubpages,
        noredirect,
        ignorewarnings;

      ssi_modal.show({
        outSideClose: false,
        className: 'in-page-edit quick-rename',
        center: true,
        sizeClass: 'dialog',
        title: _msg('rename-title'),
        content:
          $('<section>').append(
            $('<label>', { for: 'move-to', html: _msg('rename-moveTo', '<b>' + from.replace(/\_/g, ' ') + '</b>') }),
            $br,
            $('<input>', { id: 'move-to', style: 'width:96%', onclick: "$(this).css('box-shadow','')" }),
            $br,
            $('<label>', { for: 'move-reason', text: _msg('editSummary') }),
            $br,
            $('<input>', { id: 'move-reason', style: 'width:96%' }),
            $br,
            $('<label>').append(
              $('<input>', { type: 'checkbox', id: 'movetalk', checked: 'checked' }),
              $('<span>', { text: _msg('rename-movetalk') })
            ),
            $br,
            $('<label>').append(
              $('<input>', { type: 'checkbox', id: 'movesubpages', checked: 'checked' }),
              $('<span>', { text: _msg('rename-movesubpages') })
            ),
            $br,

            $('<label>').append(
              $('<input>', { type: 'checkbox', id: 'noredirect' }),
              $('<span>', { text: _msg('rename-noredirect') })
            ),
          ),
        buttons: [{
          label: _msg('cancel'),
          className: 'btn btn-secondary',
          method: function (a, modal) {
            modal.close();
          }
        }, {
          label: _msg('confirm'),
          className: 'btn btn-primary',
          method: function () {
            to = $('.in-page-edit.quick-rename #move-to').val();
            if (to === '' || to === config.wgPageName || to === config.wgPageName.replace(/\_/g, ' ')) {
              $('.in-page-edit.quick-rename #move-to').css('box-shadow', '0 0 4px #f00');
              return;
            }

            _analysis('quick_move');

            InPageEdit.progress(_msg('editor-title-saving'));
            movetalk = $('.in-page-edit.quick-rename #movetalk').prop('checked');
            movesubpages = $('.in-page-edit.quick-rename #movesubpages').prop('checked');
            noredirect = $('.in-page-edit.quick-rename #noredirect').prop('checked');
            reason = $('.in-page-edit.quick-rename #move-reason').val();

            if (reason === '') {
              reason = _msg('rename-summary') + ' → [[:' + to + ']]';
            } else {
              reason = _msg('rename-summary') + ' → [[:' + to + ']] (' + reason + ')';
            }
            new mw.Api().postWithToken('csrf', {
              action: 'move',
              from: from,
              to: to,
              reason: reason,
              movetalk: movetalk,
              movesubpages: movesubpages,
              noredirect: noredirect
            }).done(function () {
              InPageEdit.progress(true);
              ssi_modal.notify('success', {
                className: 'in-page-edit',
                content: _msg('notify-rename-success'),
                title: _msg('notify-success')
              });
              location.href = config.wgArticlePath.replace('$1', to);
            }).fail(function (errorCode, feedback, errorThrown) {
              InPageEdit.progress(false);
              ssi_modal.notify('error', {
                className: 'in-page-edit',
                content: _msg('notify-rename-error') + ': ' + errorThrown.error.info + '<code>' + errorThrown.error.code + '</code>',
                title: _msg('notify-error')
              });
              if (errorThrown.error.code === 'articleexists') {
                ssi_modal.dialog({
                  className: 'in-page-edit',
                  title: _msg('rename-articleexists-title'),
                  center: true,
                  content: _msg('rename-articleexists'),
                  okBtn: {
                    label: _msg('ok'),
                    className: 'btn btn-primary only-btn'
                  }
                });
              }
            });
          }
        }],
        beforeShow: function () {
          if (!_hasRight('move')) {
            ssi_modal.dialog({
              title: _msg('notify-no-right'),
              content: _msg('rename-no-right'),
              className: 'in-page-edit quick-deletepage',
              center: true,
              okBtn: {
                className: 'btn btn-primary btn-single'
              }
            });
            return false;
          }
        }
      });
    }

    /**
     * @module 个人设置模块
     */
    InPageEdit.preference = {
      /**
       * @name 预设值
       * @return {object}
       */
      "default": {
        doNotCollectMyInfo: false,
        doNotShowLocalWarn: false,
        editMinor: false,
        editSummary: _msg('preference-summary-default'),
        lockToolBox: false,
        redLinkQuickEdit: true,
        outSideClose: true,
        watchList: Boolean(mw.user.options.get('watchdefault'))
      },
      /**
       * @name 获取设置 
       * @description 合并保存在用户页的设置以及localStorage的设置，有容错机制
       * @param {string} setting 返回相应的设置，为空时返回全部设置
       * @return {object|string}
       */
      get: function (setting) {
        var setting = setting || undefined;
        var local = localStorage.getItem('InPageEditPreference') || '{}';
        try {
          var local = JSON.parse(local);
        } catch (e) {
          var local = {};
        }
        if (typeof InPageEdit.myPreference === 'object') {
          local = $.extend({}, local, InPageEdit.myPreference);
        }
        var json = $.extend({}, InPageEdit.preference.default, local);
        if (typeof (setting) === 'string' && setting !== '') {
          return json.hasOwnProperty(setting) ? json[setting] : null;
        } else {
          return json;
        }
      },
      /**
       * @name 保存设置
       * @param {Object|string} settingKey
       * @param {any} settingValue
       * @example 可以这样 InPageEdit.preference.set({ key: 'value' }) 也可以 InPageEdit.preference.set('key', 'value')
       */
      set: function (settingKey = {}, settingValue = undefined) {
        var options = {};
        if (typeof settingKey === 'string' && settingValue !== undefined) {
          options[settingKey] = settingValue;
        } else if (typeof settingKey === 'object') {
          options = settingKey;
        } else {
          return;
        }
        options = $.extend({}, InPageEdit.preference.get(), options);
        options = JSON.stringify(options);
        localStorage.setItem('InPageEditPreference', options);
      },
      /**
       * @name 用户图形界面
       * @description 打开可视化设置窗口
       */
      modal: function () {
        // 防止多开设置页面
        if ($('#ipe-preference-form').length > 0) return;

        mw.hook('InPageEdit.preference').fire();
        InPageEdit.preference.set();
        var local = InPageEdit.preference.get();
        _analysis('plugin_setting');

        ssi_modal.show({
          outSideClose: false,
          title: _msg('preference-title') + ' - ' + InPageEdit.version,
          content:
            $('<section>', { id: 'ipe-preference-form', class: 'ipe-preference-form' }).append(
              $('<h4>', { text: _msg('preference-editor-label') }),
              $('<label>').append(
                $('<input>', { id: 'outSideClose', type: 'checkbox' }).prop('checked', local.outSideClose),
                $('<span>', { text: _msg('preference-outSideClose') })
              ),
              $br,
              $('<label>').append(
                $('<input>', { id: 'editMinor', type: 'checkbox' }).prop('checked', local.editMinor),
                $('<span>', { text: _msg('preference-setMinor') })
              ),
              $br,
              $('<h4>', { text: _msg('preference-summary-label') }),
              $('<label>', { for: 'editSummary', style: 'padding-left: 0; font-size: small', html: _msg('preference-editSummary') }),
              $br,
              $('<input>', { id: 'editSummary', style: 'width: 96%', value: local.editSummary, placeholder: 'Edit via InPageEdit, yeah~' }),
              $('<h4>', { text: _msg('preference-analysis-label') }),
              $('<span>', { style: 'font-size: small; line-height: 0.9em', html: _msg('preference-analysis-view', '<a href="' + InPageEdit.api.analysisUrl + '" target="_blank">' + InPageEdit.api.analysisUrl + '</a>') }),
              $('<h4>', { text: _msg('preference-about-label') }),
              $('<button>', { class: 'btn btn-secondary', onclick: "InPageEdit.about()", text: _msg('preference-aboutAndHelp') }),
              $('<button>', { class: 'btn btn-secondary', style: 'margin-left: 1em;', onclick: "InPageEdit.versionInfo()", text: _msg('preference-updatelog') }),
              $('<a>', { href: 'https://ipe.miraheze.org/wiki/', target: '_blank' }).append(
                $('<button>', { class: 'btn btn-secondary', text: _msg('preference-translate'), style: 'margin-left: 1em;' })
              ),
              $('<a>', { href: 'https://discord.gg/VUVAh8w', target: '_blank' }).append(
                $('<button>', { class: 'btn btn-secondary', text: _msg('preference-discord'), style: 'margin-left: 1em;' })
              ),
              $hr,
              $('<strong>', { style: 'font-size: small; line-height: 0.9em', text: _msg('preference-savelocal-label') }),
              $br,
              $('<span>', { style: 'font-size: small; line-height: 0.9em', text: _msg('preference-savelocal') }).append(
                $('<a>', { href: 'javascript:;', id: 'ipeSaveLocalShow', text: _msg('preference-savelocal-btn') }).click(function () {
                  // 永久保存（本地用户页）
                  ssi_modal.dialog({
                    className: 'in-page-edit',
                    center: true,
                    title: _msg('preference-savelocal-popup-title'),
                    content: '<section id="ipeSaveLocal">' + _msg('preference-savelocal-popup') + '<br/><textarea style="font-size: 12px; resize: none; width: 100%; height: 10em;" readonly></textarea><br/>' + _msg('preference-savelocal-popup-notice') + '</section>',
                    okBtn: {
                      className: 'btn btn-primary btn-single',
                      label: _msg('ok')
                    }
                  });
                  $('#ipeSaveLocal textarea').val('/** InPageEdit preference **/\nwindow.InPageEdit = window.InPageEdit || {};\nInPageEdit.myPreference = ' + JSON.stringify($('#ipe-preference-form').data(), null, 2));
                })
              )
            ),
          sizeClass: 'dialog',
          className: 'in-page-edit ipe-preference',
          center: true,
          buttons: [{
            label: _msg('preference-reset'),
            className: 'btn btn-danger',
            method: function (a, modal) {
              ssi_modal.confirm({
                title: _msg('preference-reset-confirm-title'),
                content: _msg('preference-reset-confirm'),
                className: 'in-page-edit',
                center: true,
                okBtn: {
                  label: _msg('ok'),
                  className: 'btn btn-danger'
                },
                cancelBtn: {
                  label: _msg('cancel'),
                  className: 'btn'
                }
              }, (res) => {
                if (res) {
                  InPageEdit.preference.set(InPageEdit.preference.default);
                  modal.close();
                } else {
                  return false;
                }
              });
            }
          }, {
            label: _msg('preference-save'),
            className: 'btn btn-primary',
            method: function (a, modal) {
              InPageEdit.preference.set($('#ipe-preference-form').data());
              modal.close();
            }
          }
          ],
          onShow: function () {
            function setData() {
              if (this.type === 'checkbox') {
                $('#ipe-preference-form').data(this.id, this.checked);
              } else if (this.type === 'text') {
                $('#ipe-preference-form').data(this.id, this.value);
              }
            }
            $('#ipe-preference-form input').each(setData).change(setData);

            if (typeof (InPageEdit.myPreference) !== 'undefined') {
              $('#ipe-preference-form input, .ipe-preference .ssi-modalBtn').attr({ 'disabled': 'disabled' });
              $('#ipe-preference-form').prepend(
                $('<p>', { class: 'has-local-warn', style: 'padding-left: 8px; border-left: 6px solid orange; font-size: small;', html: _msg('preference-savelocal-popup-haslocal', '<a href="' + mw.util.getUrl('Special:Mypage/common.js') + '">' + _msg('preference-savelocal-popup-yourjspage') + '</a>') })
              );
            }
          }
        });
      }
    }

    /**
     * @module quickDiff 快速页面差异模块
     * @param {Object} param standard MediaWiki API params
     */
    InPageEdit.quickDiff = function (param) {
      mw.hook('InPageEdit.quickDiff').fire();
      _analysis('quick_diff');
      if ($('[href*="mediawiki.diff.styles"]').length < 1) {
        mw.loader.load(mw.util.wikiScript('load') + '?modules=mediawiki.legacy.shared|mediawiki.diff.styles&only=styles', 'text/css');
      }
      var $modalTitle,
        $diffArea,
        $loading;
      if ($('.quick-diff').length > 0) {
        console.info('[InPageEdit] Quick diff 正在加载新内容');
        $modalTitle = $('.quick-diff .pageName');
        $diffArea = $('.quick-diff .diffArea');
        $loading = $('.quick-diff .ipe-progress');
        $modalTitle.text(_msg('diff-loading'));
        $diffArea.hide();
        $('.quick-diff').appendTo('body');
      } else {
        $modalTitle = $('<span>', { class: 'pageName', text: _msg('diff-loading') });
        $diffArea = $('<div>', { class: 'diffArea', style: 'display: none' });
        $loading = $($progress);

        ssi_modal.show({
          className: 'in-page-edit quick-diff',
          sizeClass: 'large',
          fixedHeight: true,
          fitScreen: true,
          title: $modalTitle,
          content: $('<div>').append($loading, $diffArea),
          buttons: [{
            label: _msg('diff-button-todiffpage'),
            className: 'btn btn-secondary toDiffPage',
            method: function () {
              // ...
            }
          }]
        });
      }
      $loading.show().css('margin-top', $loading.parent().height() / 2);
      $('.quick-diff .toDiffPage').unbind();
      param.action = 'compare';
      param.prop = 'diff|diffsize|rel|ids|title|user|comment|parsedcomment|size';
      param.format = 'json';
      if (param.totext) {
        param.topst = true;
      } else if (param.fromtext) {
        param.frompst = true;
      }
      new mw.Api().post(param).then(function (data) {
        var diffTable = data.compare['*'];
        $loading.hide();
        if (param.pageName === undefined) {
          var toTitle = data.compare.totitle;
        } else {
          var toTitle = param.pageName;
        }
        var userlink = function (user) {
          return '<a class="diff-user" href="' + mw.util.getUrl('User:' + user) + '">' + user + '</a> (<a href="' + mw.util.getUrl('User_talk:' + user) + '">' + _msg('diff-usertalk') + '</a> | <a href="' + mw.util.getUrl('Special:Contributions/' + user) + '">' + _msg('diff-usercontrib') + '</a> | <a href="' + mw.util.getUrl('Special:Block/' + user) + '">' + _msg('diff-userblock') + '</a>)';
        }
        $modalTitle.html(_msg('diff-title') + ': <u>' + toTitle + '</u>');
        $diffArea.show().html('').append(
          $('<table>', { class: 'diff difftable' }).append(
            $('<colgroup>').append(
              $('<col>', { class: 'diff-marker' }),
              $('<col>', { class: 'diff-content' }),
              $('<col>', { class: 'diff-marker' }),
              $('<col>', { class: 'diff-content' })
            ),
            $('<tbody>').append(
              $('<tr>').append(
                $('<td>', { colspan: 2, class: 'diff-otitle' }).append(
                  $('<a>', { href: config.wgScript + '?oldid=' + data.compare.fromrevid, text: data.compare.fromtitle }),
                  ' (',
                  $('<span>', { class: 'diff-version', text: _msg('diff-version') + data.compare.fromrevid }),
                  ') (',
                  $('<a>', { class: 'editLink', href: config.wgScript + '?action=edit&title=' + data.compare.fromtitle + '&oldid=' + data.compare.fromrevid }),
                  ')',
                  $br,
                  userlink(data.compare.fromuser),
                  $br,
                  ' (',
                  $('<span>', { class: 'diff-comment', text: data.compare.fromparsedcomment }),
                  ') ',
                  $br,
                  $('<a>', { class: 'prevVersion ipe-analysis-quick_diff_modalclick', href: 'javascript:void(0);', text: '←' + _msg('diff-prev') }).click(() => {
                    InPageEdit.quickDiff({
                      fromrev: data.compare.fromrevid,
                      torelative: 'prev'
                    });
                  })
                ),
                $('<td>', { colspan: 2, class: 'diff-ntitle' }).append(
                  $('<a>', { href: config.wgScript + '?oldid=' + data.compare.torevid, text: data.compare.totitle }),
                  ' (',
                  $('<span>', { class: 'diff-version', text: _msg('diff-version') + data.compare.torevid }),
                  ') (',
                  $('<a>', { class: 'editLink', href: config.wgScript + '?action=edit&title=' + data.compare.totitle + '&oldid=' + data.compare.torevid }),
                  ')',
                  $br,
                  userlink(data.compare.touser),
                  $br,
                  ' (',
                  $('<span>', { class: 'diff-comment', text: data.compare.toparsedcomment }),
                  ') ',
                  $br,
                  $('<a>', { class: 'nextVersion ipe-analysis-quick_diff_modalclick', href: 'javascript:void(0);', text: _msg('diff-nextv') + '→' }).click(() => {
                    _analysis('quick_diff_modalclick');
                    InPageEdit.quickDiff({
                      fromrev: data.compare.torevid,
                      torelative: 'next'
                    });
                  })
                )
              ),
              diffTable,
              $('<tr>', { class: 'diffSize', style: 'text-align: center' }).append(
                $('<td>', { colspan: '2', text: data.compare.fromsize + _msg('diff-bytes') }),
                $('<td>', { colspan: '2', text: data.compare.tosize + _msg('diff-bytes') })
              )
            )
          )
        );
        $('.quick-diff button.toDiffPage').click(function () {
          location.href = config.wgScript + '?oldid=' + data.compare.fromrevid + '&diff=' + data.compare.torevid;
        });
        InPageEdit.articleLink($('.quick-diff .editLink'));
        if (param.isPreview === true) {
          $('.quick-diff button.toDiffPage').hide();
          $diffArea.find('.diff-otitle').html('<b>' + _msg('diff-title-original-content') + '</b>');
          $diffArea.find('.diff-ntitle').html('<b>' + _msg('diff-title-your-content') + '</b>');
        }
        if (data.compare.fromsize === undefined || data.compare.tosize === undefined) {
          $diffArea.find('.diffSize').hide();
        }
        // 无上一版本或下一版本
        if (data.compare.fromrevid === undefined && param.isPreview !== true) {
          $diffArea.find('.diff-otitle').html('<span class="noPrevVerson">' + data.warnings.compare['*'] + '</span>');
        } else if (data.compare.torevid === undefined && param.isPreview !== true) {
          $diffArea.find('.diff-ntitle').html('<span class="noNextVerson">' + data.warnings.compare['*'] + '</span>');
        }
        // GitHub@issue#5 修复被隐藏版本的问题
        if (data.compare.fromtexthidden !== undefined) {
          $diffArea.find('.diff-otitle .diff-version').addClass('diff-hidden-history');
        }
        if (data.compare.totexthidden !== undefined) {
          $diffArea.find('.diff-ntitle .diff-version').addClass('diff-hidden-history');
        }
        if (data.compare.fromuserhidden !== undefined) {
          $diffArea.find('.diff-otitle .diff-user').addClass('diff-hidden-history');
        }
        if (data.compare.touserhidden !== undefined) {
          $diffArea.find('.diff-ntitle .diff-user').addClass('diff-hidden-history');
        }
        if (data.compare.fromcommenthidden !== undefined) {
          $diffArea.find('.diff-comment').addClass('diff-hidden-history');
        }
        if (data.compare.tocommenthidden !== undefined) {
          $diffArea.find('.diff-ntitle .diff-comment').addClass('diff-hidden-history');
        }
        if (data.hasOwnProperty('error')) {
          console.warn('[InPageEdit] 快速差异获取时系统告知出现问题');
          $diffArea.html(_msg('diff-error') + ': ' + data.error.info + '(<code>' + data.error.code + '</code>)');
        }
      }).fail(function (errorCode, feedback, errorThrown) {
        console.warn('[InPageEdit] 快速差异获取失败');
        $loading.hide();
        $diffArea.show().html(_msg('diff-error') + ': ' + errorThrown.error['info'] + '(<code>' + errorThrown.error['code'] + '</code>)');
      });
    }
    // 加载预设的快速最近更改模块
    InPageEdit.loadQuickDiff = function () {
      // 最近更改
      function addLink(origin) {
        $('.mw-changeslist-groupdiff, .mw-changeslist-diff, .mw-changeslist-diff-cur, .mw-history-histlinks a').unbind('click', ipeDiffLink);
        var ipeDiffLink = $('.mw-changeslist-groupdiff, .mw-changeslist-diff, .mw-changeslist-diff-cur, .mw-history-histlinks a').click(function (e) {
          e.preventDefault();
          _analysis('quick_diff_recentchanges');
          var $this = $(this),
            href = $this.attr('href'),
            diff = mw.util.getParamValue('diff', href),
            curid = mw.util.getParamValue('curid', href),
            oldid = mw.util.getParamValue('oldid', href);
          if (diff === '0') {
            InPageEdit.quickDiff({ fromrev: oldid, toid: curid });
          } else if (diff === 'prev' || diff === 'next' || diff === 'cur') {
            InPageEdit.quickDiff({ fromrev: oldid, torelative: diff });
          } else {
            InPageEdit.quickDiff({ fromrev: oldid, torev: diff });
          }
        });
      }
      if ($('.mw-rcfilters-enabled').length > 0) {
        setInterval(addLink, 500);
        $('.mw-rcfilters-enabled').addClass('ipe-continuous-active');
      } else {
        addLink();
      }
      // 查看历史页面的比较按钮与快速编辑
      if (config.wgAction === 'history') {
        $('.historysubmit.mw-history-compareselectedversions-button').after(
          $('<button>').text(_msg('quick-diff')).click(function (e) {
            e.preventDefault();
            _analysis('quick_diff_history_page');
            var before = $('.selected.before').attr('data-mw-revid'),
              after = $('.selected.after').attr('data-mw-revid');
            InPageEdit.quickDiff({ fromrev: after, torev: before });
          })
        );
        $('[data-mw-revid]').each(function () {
          var $this = $(this),
            oldid = $this.attr('data-mw-revid');
          $this.find('.mw-history-undo').after(
            $('<span>').html(' | <a class="in-page-edit-article-link" href="javascript:void(0);" onclick="InPageEdit.quickEdit({page:mw.config.get(\'wgPageName\'),revision:' + oldid + '});">' + _msg('quick-edit') + '</a>')
          );
        });
      }
    }

    /**
     * @module 获取段落编辑以及编辑链接
     * @param {Element} element parent element to find edit links
     */
    InPageEdit.articleLink = function (element) {
      if (element === undefined) {
        if (InPageEdit.preference.get('redLinkQuickEdit') === true) {
          element = $('#mw-content-text a');
        } else {
          element = $('#mw-content-text a:not(.new)');
        }
      }
      element.each(function (i) {
        if ($(this).attr('href') === undefined)
          return;
        var url = $(this).attr('href'),
          title = mw.util.getParamValue('title', url),
          section = mw.util.getParamValue('section', url),
          revision = mw.util.getParamValue('oldid', url);

        // 不是本地编辑链接
        if (url.split('/')['2'] !== location.href.split('/')['2'] && url.substr(0, 1) !== '/')
          return;

        // 不是 index.php?title=FOO 形式的url
        if (title === null) {
          var splitStr = config.wgArticlePath.replace('$1', '');
          if (splitStr === '/') {
            splitStr = config.wgServer.substring(config.wgServer.length - 4) + '/';
          }
          title = url.split(splitStr).pop().split('?')['0'];
        }

        if (mw.util.getParamValue('action', url) === 'edit' && title !== undefined) {
          $(this).after(
            $('<span>', {
              'class': 'in-page-edit-article-link-group'
            }).append(
              $('<a>', {
                href: 'javascript:void(0)',
                class: 'in-page-edit-article-link',
                text: _msg('quick-edit')
              }).click(function () {
                var options = {};
                options.page = title;
                if (revision !== null) {
                  options.revision = revision;
                } else if (section !== null) {
                  options.section = section;
                }
                if (!config.wgIsArticle) options.reload = false;
                InPageEdit.quickEdit(options);
              })
            )
          );
        }
      });
    }

    /**
     * @module 快速预览文章页
     * @param params {Object} 
     */
    InPageEdit.quickPreview = function (params, modalSize = 'large', center = false) {
      var defaultOptions = {
        action: 'parse',
        preview: true,
        disableeditsection: true,
        prop: 'text',
        preview: true,
        format: 'json'
      }
      var options = $.extend({}, defaultOptions, params);
      mw.hook('InPageEdit.quickPreview').fire();
      var timestamp = new Date().getTime();
      console.time('[InPageEdit] Request preview');
      ssi_modal.show({
        sizeClass: new RegExp(/dialog|small|smallToMedium|medium|mediumToLarge|large|full|auto/).test(modalSize) ? modalSize : 'large',
        center: Boolean(center),
        className: 'in-page-edit previewbox',
        title: _msg('preview-title'),
        content: $('<section>').append(
          $progress,
          $('<div>', { class: 'InPageEditPreview', 'data-timestamp': timestamp, style: 'display:none', text: _msg('preview-placeholder') })
        ),
        fixedHeight: true,
        fitScreen: true,
        buttons: [{ label: '', className: 'hideThisBtn' }],
        onShow: function (modal) {
          $('.previewbox .ipe-progress').css('margin-top', $('.previewbox .ipe-progress').parent().height() / 2);
          $('.previewbox .hideThisBtn').hide();
          new mw.Api().post(options).then(function (data) {
            console.timeEnd('[InPageEdit] Request preview');
            var content = data.parse.text['*'];
            $('.previewbox .ipe-progress').hide(150);
            $('.InPageEditPreview[data-timestamp="' + timestamp + '"]').fadeIn(500).html(content);
          }).fail(function () {
            console.timeEnd('[InPageEdit] Request preview');
            console.warn('[InPageEdit] 预览失败');
            $('.previewbox .ipe-progress').hide(150);
            $('.InPageEditPreview[data-timestamp="' + timestamp + '"]').fadeIn(500).html(_msg('preview-error'));
          });
        }
      });
    }

    /**
     * @module 载入中模块
     * @param title
     *  - √Boolean× true: Mark top progress box as done; false: Close top progress box
     *  - "String" Show new progress box with title @default 'Loading...'
     */
    InPageEdit.progress = function (title) {
      if (title === true) {
        $('.in-page-edit.loadingbox .ssi-modalTitle').html(_msg('done'));
        $('.in-page-edit.loadingbox .ipe-progress').addClass('done');
      } else if (title === false) {
        if ($('.in-page-edit.loadingbox').length > 0) {
          $('.in-page-edit.loadingbox').appendTo('body');
          ssi_modal.close();
        }
      } else {
        if ($('.in-page-edit.loadingbox').length > 0) return;
        if (typeof title === 'undefined') {
          title = 'Loading...'
        }
        ssi_modal.show({
          title: title,
          content: $progress,
          className: 'in-page-edit loadingbox',
          center: true,
          sizeClass: 'dialog',
          closeIcon: false,
          outSideClose: false
        });
      }
    }

    /**
     * @module 版本信息模块
     * @description Show Update Logs Modal box
     */
    InPageEdit.versionInfo = function () {
      // 显示模态框
      ssi_modal.show({
        className: 'in-page-edit update-logs-modal',
        title: _msg('updatelog-title') + ' - <span id="yourVersion">' + InPageEdit.version + '</span>',
        content: $('<section>').append(
          $('<iframe>', { style: 'margin: 0;padding: 0;width: 100%;height: 80vh;border: 0;', src: 'https://dragon-fish.github.io/inpageedit-v2/update-logs/?iframe=1' })
        ),
        buttons: [{
          label: 'GitHub',
          className: 'btn btn-secondary',
          method: function () {
            window.open('https://github.com/Dragon-Fish/InPageEdit-v2');
          }
        }, {
          label: _msg('updatelog-about'),
          className: 'btn btn-secondary',
          method: function () {
            window.open('https://dragon-fish.github.io/inpageedit-v2/');
          }
        }, {
          label: _msg('close'),
          className: 'btn btn-primary',
          method: function (a, modal) {
            modal.close();
          }
        }]
      });
    };

    /**
     * @module 关于插件模块
     * @description Show "What is" modal box of IPE2
     */
    InPageEdit.about = function () {
      ssi_modal.show({
        title: '关于InPageEdit',
        className: 'in-page-edit in-page-edit-about',
        // sizeClass: 'dialog',
        content: $('<section>').append(
          $('<iframe>', { style: 'margin: 0;padding: 0;width: 100%;height: 80vh;border: 0;', src: 'https://dragon-fish.github.io/inpageedit-v2/about/?iframe=1' })
        )
      });
    }

    /**
     * @module 特别通知
     */
    InPageEdit.specialNotice = function () {
      ssi_modal.notify('dialog', {
        className: 'in-page-edit ipe-special-notice',
        title: _msg('version-notice-title'),
        content: _msg('version-notice'),
        okBtn: {
          label: _msg('updatelog-dismiss'),
          className: 'btn btn-primary'
        }
      }, function (e, modal) {
        localStorage.setItem('InPageEditNoticeId', _msg('noticeid'));
        modal.close();
      });
    }

    /**
     * @module 获取版本更新提示
     */
    !(function () {
      var version = InPageEdit.version;
      // 版本更新
      if (localStorage.getItem('InPageEditVersion') !== version) {
        ssi_modal.notify('', {
          title: _msg('updatelog-update-success-title'),
          content: _msg('updatelog-update-success', version),
          className: 'in-page-edit',
          buttons: [{
            className: 'btn btn-primary',
            label: _msg('updatelog-button-versioninfo'),
            method: function (a, modal) {
              localStorage.InPageEditVersion = version;
              InPageEdit.versionInfo();
              modal.close();
            }
          }],
          closeAfter: {
            time: 30,
            resetOnHover: true
          },
          onClose: function () {
            ssi_modal.notify('', {
              className: 'in-page-edit',
              content: _msg('updatelog-after-close', '<a href="' + InPageEdit.api.updatelogsUrl + '" to="_blank">' + InPageEdit.api.updatelogsUrl + '</a>').replace('$2', '<a href="https://github.com/Dragon-Fish/InPageEdit-v2">' + _msg('updatelog-file-issue') + '</a>'),
              closeAfter: {
                time: 10
              },
              buttons: [{
                className: 'btn btn-primary',
                label: _msg('ok'),
                method: function (a, modal) {
                  modal.close();
                }
              }]
            });
            localStorage.InPageEditVersion = version;
          }
        });
      }
      if (localStorage.getItem('InPageEditNoticeId') !== _msg('noticeid')) {
        InPageEdit.specialNotice();
      }
    }());

    /**
     * @description 获取用户权限信息
     */
    !(function () {
      mw.user.getRights().then(function (rights) {
        console.info('[InPageEdit] 成功获取用户权限信息');
        mw.config.set('wgUserRights', rights);
      }).fail(function () {
        console.warn('[InPageEdit] 警告：无法获取用户权限信息');
        mw.config.set('wgUserRights', []);
      });
      if (mw.user.getName() !== null) {
        new mw.Api().get({
          action: 'query',
          list: 'users',
          usprop: 'blockinfo',
          ususers: mw.user.getName()
        }).then(function (data) {
          if (data.query.users[0].hasOwnProperty('blockid')) {
            mw.config.set('wgUserIsBlocked', true);
          } else {
            mw.config.set('wgUserIsBlocked', false);
          }
        });
      }
    }());

    /** 
     * @module 是否拥有权限
     * @param {String} right
     * @return {Boolean}
     */
    const _hasRight = function (right) {
      if (config.wgUserIsBlocked === true) {
        return false;
      }
      if (mw.config.get('wgUserRights').indexOf(right) > -1) {
        return true;
      } else {
        return false;
      }
    };

    /**
     * @module 提交统计信息模块
     * @description Internal module
     */
    const _analysis = function (functionID) {
      if (InPageEdit.doNotCollectMyInfo === true) {
        // console.info('[InPageEdit] 我们已不再收集您使用插件的信息。');
        // return;
      }
      var submitdata = {
        'action': 'submit',
        'url': config.wgServer + config.wgArticlePath.replace('$1', ''),
        'sitename': config.wgSiteName,
        'username': config.wgUserName,
        'function': functionID
      }
      $.ajax({
        url: InPageEdit.api.analysis,
        data: submitdata,
        type: 'post',
        dataType: 'json'
      }).done(function (data) {
        console.log('[InPageEdit] Analysis response\nStatus: ' + data.status + '\nMessage: ' + data.msg);
      });
    }

    /**
     * @description 页面载入完成，自动加载某些模块
     */
    !(function () {
      // 初始化设定
      InPageEdit.preference.set();
      // 快速页面差异模块
      InPageEdit.loadQuickDiff();
      // 加载段落编辑模块
      InPageEdit.articleLink();
    }());

    /**
     * @module Toolbox模块
     */
    mw.hook('InPageEdit').add(function () {
      // 检测是否为文章页
      if (!config.wgIsArticle || $('#ipe-edit-toolbox').length > 0) {
        console.warn('[InPageEdit] 未载入 Toolbox');
        return;
      }

      /** IPE工具盒 **/
      $('<div>', { id: 'ipe-edit-toolbox' }).append(
        $('<ul>', { class: 'btn-group group1' }).append(
          $('<li>', { class: 'btn-tip-group' }).append(
            $('<div>', { class: 'btn-tip', text: _msg('quick-edit') }),
            $('<button>', { id: 'edit-btn', class: 'ipe-toolbox-btn', html: '<i class="fa fa-pencil"></i>' }).click(function () {
              InPageEdit.quickEdit({
                page: config.wgPageName,
                revision: config.wgRevisionId
              });
            })
          ),
          $('<li>', { class: 'btn-tip-group' }).append(
            $('<div>', { class: 'btn-tip', text: _msg('redirect-from') }),
            $('<button>', { id: 'redirectfrom-btn', class: 'ipe-toolbox-btn', html: '<i class="fa fa-sign-in"></i>' }).click(function () {
              InPageEdit.quickRedirect('from');
            })
          ),
          $('<li>', { class: 'btn-tip-group' }).append(
            $('<div>', { class: 'btn-tip', text: _msg('redirect-to') }),
            $('<button>', { id: 'redirectto-btn', class: 'ipe-toolbox-btn', html: '<i class="fa fa-sign-out"></i>' }).click(function () {
              InPageEdit.quickRedirect('to');
            })
          )
        ),
        $('<ul>', { class: 'btn-group group2' }).append(
          $('<div>', { style: 'display: flex;' }).append(
            $('<li>', { class: 'btn-tip-group' }).append(
              $('<div>', { class: 'btn-tip', text: _msg('quick-delete') }),
              $('<button>', { id: 'deletepage-btn', class: 'ipe-toolbox-btn', html: '<i class="fa fa-trash"></i>' }).click(function () {
                InPageEdit.quickDelete();
              })
            ),
            $('<li>', { class: 'btn-tip-group' }).append(
              $('<div>', { class: 'btn-tip', text: _msg('quick-rename') }),
              $('<button>', { id: 'renamepage-btn', class: 'ipe-toolbox-btn', html: '<i class="fa fa-italic"></i>' }).click(function () {
                InPageEdit.quickRename();
              })
            ),
            $('<li>', { class: 'btn-tip-group' }).append(
              $('<div>', { class: 'btn-tip', text: _msg('ipe-preference') }),
              $('<button>', { id: 'preference-btn', class: 'ipe-toolbox-btn', html: '<i class="fa fa-gear"></i>' }).click(function () {
                InPageEdit.preference.modal();
              })
            )
          )
        ),
        $('<button>', { class: 'ipe-toolbox-btn', id: 'toolbox-toggle', html: '<i class="fa fa-plus"></i>' })
      ).appendTo('body');

      $('#ipe-edit-toolbox .btn-group button').click(function () {
        _analysis('tool_box')
      });

      // 设置开关等
      var toolBoxInner = $('#ipe-edit-toolbox #toolbox-toggle, #ipe-edit-toolbox .btn-group');
      $('#ipe-edit-toolbox #toolbox-toggle').click(function () {
        if ($(this).hasClass('opened') && !$(this).hasClass('click')) {
          InPageEdit.preference.set({ lockToolBox: true });
          toolBoxInner.addClass('click');
        } else if ($(this).hasClass('click')) {
          InPageEdit.preference.set({ lockToolBox: false });
          toolBoxInner.removeClass('click');
        } else {
          InPageEdit.preference.set({ lockToolBox: true });
          toolBoxInner.addClass('click opened');
        }
      });
      // 如果锁定过工具盒，就自动展开
      if (InPageEdit.preference.get('lockToolBox') === true) {
        toolBoxInner.addClass('click opened');
      }
      $('#ipe-edit-toolbox').hover(function () {
        toolBoxInner.addClass('hover opened');
      }, function () {
        toolBoxInner.removeClass('hover');
        if (!$('#ipe-edit-toolbox #toolbox-toggle').hasClass('click')) {
          toolBoxInner.removeClass('opened');
        }
      });
      mw.hook('InPageEdit.toolbox').fire();
    });

    // Init End
  }

  // 花里胡哨的加载提示
  mw.hook('InPageEdit').fire();
  console.info('    ____      ____                   ______    ___ __              _    _____ \n   /  _/___  / __ \\____ _____ ____  / ____/___/ (_) /_            | |  / /__ \\\n   / // __ \\/ /_/ / __ `/ __ `/ _ \\/ __/ / __  / / __/  ______    | | / /__/ /\n _/ // / / / ____/ /_/ / /_/ /  __/ /___/ /_/ / / /_   /_____/    | |/ // __/ \n/___/_/ /_/_/    \\__,_/\\__, /\\___/_____/\\__,_/_/\\__/              |___//____/ \n                      /____/');

  return InPageEdit;

}));