|
|
| (10 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | /**
| + | $.ajax({ |
| − | * @name WikiForum.core
| + | url: 'http://127.0.0.1:5500/dev/WikiForum.core.js', |
| − | * @author 机智的小鱼君 <dragon-fish@qq.com>
| + | dataType: 'script', |
| − | * @description Provide a front-end structured discussion page with JavaScript.
| + | cache: false |
| − | * Similar to Community Feed and support wikitext.
| + | }).catch(function(){ |
| − | *
| + | mw.loader.load('https://proj.wjghj.cn/Gadget-WikiForum/dist/WikiForum.core.min.js') |
| − | * @license MIT
| + | }) |
| − | * @url https://github.com/Wjghj-Project/Gadget-WikiForum
| |
| − | */
| |
| − | | |
| − | /******/ (function() { // webpackBootstrap
| |
| − | /******/ var __webpack_modules__ = ({
| |
| − | | |
| − | /***/ "./module/actionGet.js":
| |
| − | /*!*****************************!*\
| |
| − | !*** ./module/actionGet.js ***! | |
| − | \*****************************/
| |
| − | /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
| |
| − | | |
| − | var _require = __webpack_require__(/*! ./mw */ "./module/mw.js"),
| |
| − | api = _require.api,
| |
| − | conf = _require.conf;
| |
| − | | |
| − | module.exports = function () {
| |
| − | var page = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : conf.wgPageName;
| |
| − | return $.get(api, {
| |
| − | format: 'json',
| |
| − | action: 'parse',
| |
| − | prop: 'text|wikitext',
| |
| − | page: page
| |
| − | });
| |
| − | };
| |
| − | | |
| − | /***/ }),
| |
| − | | |
| − | /***/ "./module/log.js":
| |
| − | /*!***********************!*\ | |
| − | !*** ./module/log.js ***!
| |
| − | \***********************/
| |
| − | /***/ (function(module) {
| |
| − | | |
| − | function log() {
| |
| − | var _console;
| |
| − | | |
| − | for (var _len = arguments.length, data = new Array(_len), _key = 0; _key < _len; _key++) {
| |
| − | data[_key] = arguments[_key];
| |
| − | }
| |
| − | | |
| − | (_console = console).info.apply(_console, ['[WikiForum] [INFO]'].concat(data));
| |
| − | }
| |
| − | | |
| − | function warn() {
| |
| − | var _console2;
| |
| − | | |
| − | for (var _len2 = arguments.length, data = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
| |
| − | data[_key2] = arguments[_key2];
| |
| − | }
| |
| − | | |
| − | (_console2 = console).warn.apply(_console2, ['[WikiForum] [WARN]'].concat(data));
| |
| − | }
| |
| − | | |
| − | function error() {
| |
| − | var _console3;
| |
| − | | |
| − | for (var _len3 = arguments.length, data = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
| |
| − | data[_key3] = arguments[_key3];
| |
| − | }
| |
| − | | |
| − | (_console3 = console).error.apply(_console3, ['[WikiForum] [ERR]'].concat(data));
| |
| − | }
| |
| − | | |
| − | module.exports = {
| |
| − | log: log,
| |
| − | info: log,
| |
| − | warn: warn,
| |
| − | error: error,
| |
| − | err: error
| |
| − | };
| |
| − | | |
| − | /***/ }),
| |
| − | | |
| − | /***/ "./module/mw.js":
| |
| − | /*!**********************!*\
| |
| − | !*** ./module/mw.js ***!
| |
| − | \**********************/
| |
| − | /***/ (function(module) {
| |
| − | | |
| − | module.exports = {
| |
| − | api: mw.util.wikiScript('api'),
| |
| − | conf: mw.config.get(),
| |
| − | editToken: mw.user.tokens.get('editToken'),
| |
| − | util: mw.util
| |
| − | };
| |
| − | | |
| − | /***/ }),
| |
| − | | |
| − | /***/ "./module/parser.js":
| |
| − | /*!**************************!*\
| |
| − | !*** ./module/parser.js ***!
| |
| − | \**************************/
| |
| − | /***/ (function(module) {
| |
| − | | |
| − | /**
| |
| − | * @function parseForums 从源代码解析可能存在的全部主题
| |
| − | * @param {Element} code
| |
| − | * @param {String} title
| |
| − | */
| |
| − | function parseForums(code, title) {
| |
| − | var $root = $(code);
| |
| − | var forums = [];
| |
| − | | |
| − | if (!$root.hasClass('wiki-forum')) {
| |
| − | $root = $root.find('.wiki-forum');
| |
| − | }
| |
| − | | |
| − | $root.each(function (index, forum) {
| |
| − | forums.push({
| |
| − | id: String(index + 1),
| |
| − | title: $(forum).data('title') || title + (index + 1),
| |
| − | depthMax: $(forum).data('depthMax') || 3,
| |
| − | threads: parseThreads(forum)
| |
| − | });
| |
| − | });
| |
| − | return forums;
| |
| − | }
| |
| − | /**
| |
| − | * @function parseThreads 递归全部的帖子
| |
| − | * @param {Element} forum
| |
| − | * @param {String} prefix
| |
| − | */
| |
| − | | |
| − | | |
| − | function parseThreads(forum) {
| |
| − | var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
| |
| − | var $forum = $(forum);
| |
| − | if (prefix) prefix += '-';
| |
| − | var threads = [];
| |
| − | $threads = getThreads($forum);
| |
| − | $.each($threads, function (index, thread) {
| |
| − | var threadObj = {
| |
| − | id: String(prefix + (index + 1)),
| |
| − | content: getContent(thread),
| |
| − | meta: getMeta(thread)
| |
| − | };
| |
| − | | |
| − | if (getThreads(thread).length > 0) {
| |
| − | threadObj.threads = parseThreads(thread, threadObj.id);
| |
| − | }
| |
| − | | |
| − | threads.push(threadObj);
| |
| − | });
| |
| − | return threads;
| |
| − | }
| |
| − | /**
| |
| − | * @function getContent 获取帖子可能存在的回复的结构
| |
| − | * @param {Element} thread
| |
| − | */
| |
| − | | |
| − | | |
| − | function getThreads(thread) {
| |
| − | var $thread = $(thread);
| |
| − | return $thread.find('> .forum-thread');
| |
| − | }
| |
| − | /**
| |
| − | * @function getContent 获取帖子内容
| |
| − | * @param {Element} thread
| |
| − | */
| |
| − | | |
| − | | |
| − | function getContent(thread) {
| |
| − | var $thread = $(thread);
| |
| − | var $content = $thread.find('> .forum-content').html() || '';
| |
| − | return $content;
| |
| − | }
| |
| − | /**
| |
| − | * @function getMeta 获取帖子的源信息
| |
| − | * @param {Element} thread
| |
| − | */
| |
| − | | |
| − | | |
| − | function getMeta(thread) {
| |
| − | var $thread = $(thread);
| |
| − | var $data = $thread.data();
| |
| − | return $data;
| |
| − | }
| |
| − | /**
| |
| − | * @function getUser 获取帖子发帖者信息
| |
| − | * @param {Element} thread
| |
| − | */
| |
| − | | |
| − | | |
| − | function getUser(thread) {
| |
| − | var $thread = $(thread);
| |
| − | var author = $thread.data('userAuthor') || '';
| |
| − | var last = $thread.data('userLast') || author;
| |
| − | return {
| |
| − | author: author,
| |
| − | last: last
| |
| − | };
| |
| − | }
| |
| − | /**
| |
| − | * @function getTime 获取帖子发帖时间信息
| |
| − | * @param {Element} thread
| |
| − | */
| |
| − | | |
| − | | |
| − | function getTime(thread) {
| |
| − | var $thread = $(thread);
| |
| − | var publish = $thread.data('timePublish') || '';
| |
| − | var modify = $thread.data('timeModify') || publish;
| |
| − | return {
| |
| − | publish: publish,
| |
| − | modify: modify
| |
| − | };
| |
| − | }
| |
| − | /**
| |
| − | * @module fromApi 解析 MediaWiki API 返回的信息
| |
| − | * @param {Object} data 来自 API 的结果：api.php?action=parse&prop=wikitext|text&page=<pageName>
| |
| − | */
| |
| − | | |
| − | | |
| − | function fromApi(data) {
| |
| − | var title = data.title;
| |
| − | var wikitext = data.parse.wikitext['*'];
| |
| − | var html = data.parse.text['*']; // 防止输出没有根元素
| |
| − | | |
| − | var $wikitext = $('<div>' + wikitext + '</div>');
| |
| − | var $html = $('<div>' + html + '</div>'); // 高版本输出自带根元素，低版本没有
| |
| − | | |
| − | if ($html.find('> .mw-parser-output').length > 0) {
| |
| − | $html = $html.find('> .mw-parser-output');
| |
| − | }
| |
| − | | |
| − | var Obj = {
| |
| − | wikitext: parseForums($wikitext, title),
| |
| − | html: parseForums($html, title)
| |
| − | }; // 缓存全部forum
| |
| − | | |
| − | window.WikiForum = window.WikiForum || {};
| |
| − | window.WikiForum.cache = window.WikiForum.cache || {};
| |
| − | window.WikiForum.cache.pages = window.WikiForum.cache.pages || {};
| |
| − | window.WikiForum.cache.pages[title] = Obj;
| |
| − | return Obj;
| |
| − | }
| |
| − | /**
| |
| − | * @module fromHtml 从 HTML 源代码解析
| |
| − | * @param {String|Element} code
| |
| − | */
| |
| − | | |
| − | | |
| − | function fromHtml(code) {
| |
| − | var title = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
| |
| − | var $code = $(code);
| |
| − | return parseForums($code);
| |
| − | }
| |
| − | | |
| − | module.exports = {
| |
| − | fromApi: fromApi,
| |
| − | fromHtml: fromHtml
| |
| − | };
| |
| − | | |
| − | /***/ }),
| |
| − | | |
| − | /***/ "./module/renderer.js":
| |
| − | /*!****************************!*\
| |
| − | !*** ./module/renderer.js ***!
| |
| − | \****************************/
| |
| − | /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
| |
| − | | |
| − | var _require = __webpack_require__(/*! ./parser */ "./module/parser.js"),
| |
| − | fromApi = _require.fromApi;
| |
| − | | |
| − | var actionGet = __webpack_require__(/*! ./actionGet */ "./module/actionGet.js");
| |
| − | | |
| − | var _require2 = __webpack_require__(/*! ./mw */ "./module/mw.js"),
| |
| − | util = _require2.util;
| |
| − | | |
| − | var log = __webpack_require__(/*! ./log */ "./module/log.js");
| |
| − | | |
| − | function getThread(_ref) {
| |
| − | var forumEl = _ref.forumEl,
| |
| − | _ref$forumid = _ref.forumid,
| |
| − | forumid = _ref$forumid === void 0 ? '1' : _ref$forumid,
| |
| − | threadid = _ref.threadid;
| |
| − | // 将 id 调整为程序可读的 index
| |
| − | forumid = Number(forumid);
| |
| − | forumid--;
| |
| − | var forum = forumEl[forumid];
| |
| − | threadid = threadid.split('-');
| |
| − | $.each(threadid, function (index, item) {
| |
| − | item = Number(item);
| |
| − | item--;
| |
| − | threadid[index] = item;
| |
| − | }); // 开始递归 threads
| |
| − | | |
| − | var thread = forum;
| |
| − | $.each(threadid, function (_, id) {
| |
| − | log.log('thread', thread.threads[id]);
| |
| − | thread = thread.threads[id];
| |
| − | });
| |
| − | return thread;
| |
| − | }
| |
| − | | |
| − | function getContent(ctx) {
| |
| − | var thread = getThread(ctx);
| |
| − | return thread.content;
| |
| − | }
| |
| − | | |
| − | function getMeta(ctx) {
| |
| − | var thread = getThread(ctx);
| |
| − | return thread.meta;
| |
| − | }
| |
| − | | |
| − | function renderAllForums(_ref2) {
| |
| − | var forumEl = _ref2.forumEl,
| |
| − | theme = _ref2.theme;
| |
| − | $root = $('<div>', { | |
| − | "class": 'wiki-forum-all-container'
| |
| − | });
| |
| − | $.each(forumEl, function (index, forum) {
| |
| − | $root.append(renderForum({
| |
| − | forumid: forum.id,
| |
| − | forumEl: forum,
| |
| − | theme: theme
| |
| − | }));
| |
| − | }); | |
| − | return $root;
| |
| − | }
| |
| − | | |
| − | function renderForum(_ref3) {
| |
| − | var forumEl = _ref3.forumEl,
| |
| − | theme = _ref3.theme,
| |
| − | $root = _ref3.$root;
| |
| − | var threads = forumEl.threads;
| |
| − | $root = $root || $(theme.forumContainer());
| |
| − | $.each(threads, function (index, item) {
| |
| − | var $thread = theme.normalThread({
| |
| − | meta: item.meta,
| |
| − | content: item.content,
| |
| − | fn: {
| |
| − | newThreadArea: 'newThreadArea',
| |
| − | newReplyArea: 'newReplyArea'
| |
| − | }
| |
| − | });
| |
| − | | |
| − | if (index === 0 && forumEl.title) {
| |
| − | $thread = theme.firstThread({
| |
| − | title: forumEl.title,
| |
| − | meta: item.meta,
| |
| − | content: item.content,
| |
| − | fn: {
| |
| − | newThreadArea: 'newThreadArea',
| |
| − | newReplyArea: 'newReplyArea'
| |
| − | }
| |
| − | });
| |
| − | }
| |
| − | | |
| − | if (item.threads && item.threads.length > 0) {
| |
| − | $thread.append(renderForum({
| |
| − | forumEl: item,
| |
| − | $root: $thread,
| |
| − | theme: theme
| |
| − | }));
| |
| − | }
| |
| − | | |
| − | $root.append($thread);
| |
| − | });
| |
| − | log.log($root);
| |
| − | return $root;
| |
| − | }
| |
| − | | |
| − | function generageNewReplyArea(_ref4) {
| |
| − | var forumEl = _ref4.forumEl,
| |
| − | forumid = _ref4.forumid,
| |
| − | threadid = _ref4.threadid;
| |
| − | var $textArea = $('<textarea>', {
| |
| − | "class": 'forum-edit-textarea'
| |
| − | });
| |
| − | var $submitBtn = $('<button>', {
| |
| − | "class": 'forum-edit-submit-btn'
| |
| − | });
| |
| − | return $('<div>', {
| |
| − | "class": 'forum-new-reply-area'
| |
| − | }).append($('<div>', {
| |
| − | "class": 'forum-modify-container'
| |
| − | }), $('<label>', {
| |
| − | "class": 'forum-edit-label'
| |
| − | }).append($('<div>').append($textArea), $('<div>').append($submitBtn)));
| |
| − | }
| |
| − | | |
| − | function fromPage() { | |
| − | var page = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : util.wgPageName; | |
| − | var target = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '#mw-content-text';
| |
| − | log.info('Strat to load page data', page);
| |
| − | actionGet(page).then(function (data) {
| |
| − | log.info('Page data ready', page);
| |
| − | var obj = fromApi(data);
| |
| − | toPage(obj.html, target);
| |
| − | }, function (err) {
| |
| − | log.err('Failed to load page data', err);
| |
| − | });
| |
| − | }
| |
| − | | |
| − | function toHtml(forumEl) {
| |
| − | log.log('renderHTML');
| |
| − | mw.hook('WikiForum.theme').fire(function (theme) {
| |
| − | return renderAllForums({
| |
| − | forumEl: forumEl,
| |
| − | theme: theme
| |
| − | });
| |
| − | });
| |
| − | }
| |
| − | /**
| |
| − | * @module toPage
| |
| − | * @param {Object} forumEl WikiForum-Element
| |
| − | * @param {String|Element} target 渲染的根元素
| |
| − | */
| |
| − | | |
| − | | |
| − | function toPage(forumEl) {
| |
| − | var target = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '#mw-content-text';
| |
| − | | |
| − | /**
| |
| − | * 触发主题函数
| |
| − | * @param {Object} ctx 传入的上下文
| |
| − | * @param {Functon} next 返回的主题渲染器
| |
| − | */
| |
| − | mw.hook('WikiForum.theme').fire(function (theme) {
| |
| − | $(target).html(renderAllForums({
| |
| − | forumEl: forumEl,
| |
| − | theme: theme
| |
| − | }));
| |
| − | });
| |
| − | }
| |
| − | | |
| − | module.exports = {
| |
| − | toPage: toPage,
| |
| − | toHtml: toHtml,
| |
| − | fromPage: fromPage,
| |
| − | getContent: getContent,
| |
| − | getMeta: getMeta
| |
| − | };
| |
| − | | |
| − | /***/ }), | |
| − | | |
| − | /***/ "./module/updater.js":
| |
| − | /*!***************************!*\
| |
| − | !*** ./module/updater.js ***!
| |
| − | \***************************/
| |
| − | /***/ (function(module) {
| |
| − | | |
| − | function newThread(_ref) {
| |
| − | var meta = _ref.meta,
| |
| − | content = _ref.content;
| |
| − | return $('<div>', {
| |
| − | "class": 'forum-thread'
| |
| − | }).data(meta).append($('<div>', {
| |
| − | "class": 'forum-content',
| |
| − | html: content
| |
| − | }));
| |
| − | }
| |
| − | | |
| − | function updateThread(_ref2) {
| |
| − | var _ref2$forumid = _ref2.forumid,
| |
| − | forumid = _ref2$forumid === void 0 ? '1' : _ref2$forumid,
| |
| − | threadid = _ref2.threadid,
| |
| − | content = _ref2.content,
| |
| − | user = _ref2.user;
| |
| − | }
| |
| − | | |
| − | function addReply(_ref3) {
| |
| − | var _ref3$forumid = _ref3.forumid,
| |
| − | forumid = _ref3$forumid === void 0 ? '1' : _ref3$forumid,
| |
| − | threadid = _ref3.threadid;
| |
| − | }
| |
| − | | |
| − | module.exports = function () {
| |
| − | return 'hello, updater';
| |
| − | };
| |
| − | | |
| − | /***/ })
| |
| − | | |
| − | /******/ });
| |
| − | /************************************************************************/
| |
| − | /******/ // The module cache
| |
| − | /******/ var __webpack_module_cache__ = {};
| |
| − | /******/
| |
| − | /******/ // The require function
| |
| − | /******/ function __webpack_require__(moduleId) {
| |
| − | /******/ // Check if module is in cache
| |
| − | /******/ if(__webpack_module_cache__[moduleId]) {
| |
| − | /******/ return __webpack_module_cache__[moduleId].exports;
| |
| − | /******/ }
| |
| − | /******/ // Create a new module (and put it into the cache)
| |
| − | /******/ var module = __webpack_module_cache__[moduleId] = {
| |
| − | /******/ // no module.id needed
| |
| − | /******/ // no module.loaded needed
| |
| − | /******/ exports: {}
| |
| − | /******/ };
| |
| − | /******/
| |
| − | /******/ // Execute the module function
| |
| − | /******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
| |
| − | /******/
| |
| − | /******/ // Return the exports of the module
| |
| − | /******/ return module.exports;
| |
| − | /******/ }
| |
| − | /******/
| |
| − | /************************************************************************/
| |
| − | !function() {
| |
| − | "use strict";
| |
| − | /*!******************!*\
| |
| − | !*** ./index.js ***!
| |
| − | \******************/
| |
| − | | |
| − | | |
| − | var log = __webpack_require__(/*! ./module/log */ "./module/log.js");
| |
| − | /**
| |
| − | * @name WikiForum
| |
| − | | |
| − | * @description Provide a front-end structured discussion page with JavaScript.
| |
| − | * Similar to Community Feed and support wikitext.
| |
| − | *
| |
| − | * @license CC BY-SA
| |
| − | * @url https://github.com/Wjghj-Project/Gadget-WikiForum
| |
| − | */
| |
| − | | |
| − | | |
| − | mw.loader.using(['mediawiki.api', 'mediawiki.util', 'mediawiki.user'], function () {
| |
| − | // init global variable
| |
| − | var Core = {
| |
| − | parser: __webpack_require__(/*! ./module/parser */ "./module/parser.js"),
| |
| − | renderer: __webpack_require__(/*! ./module/renderer */ "./module/renderer.js"),
| |
| − | updater: __webpack_require__(/*! ./module/updater */ "./module/updater.js")
| |
| − | };
| |
| − | window.WikiForum = $.extend({}, window.WikiForum, Core);
| |
| − | log.log('Ready!');
| |
| − | });
| |
| − | }(); | |
| − | /******/ })()
| |
| − | ;
| |
