show diff between bgm.tv wiki versions
目前為
// ==UserScript== // @name bgm-wiki-rev-diff // @name:zh 显示条目信息版本差异 // @namespace https://trim21.me/ // @version 0.1.4 // @author Trim21 <[email protected]> // @source https://github.com/Trim21/bgm-wiki-rev-diff // @supportURL https://github.com/Trim21/bgm-wiki-rev-diff/issues // @license MIT // @match https://bgm.tv/subject/*/edit* // @match https://bangumi.tv/subject/*/edit* // @match https://chii.in/subject/*/edit* // @require https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js // @require https://cdn.jsdelivr.net/npm/[email protected]/bundles/js/diff2html.min.js // @require https://cdn.jsdelivr.net/npm/[email protected]/dist/diff.min.js // @connect bgm.tv // @connect bangumi.tv // @run-at document-end // @description show diff between bgm.tv wiki versions // ==/UserScript== /******/ (function() { // webpackBootstrap /******/ "use strict"; /******/ var __webpack_modules__ = ({ /***/ "./src/compare.ts": /***/ (function(__unused_webpack_module, exports, __webpack_require__) { var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) { function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } return new (P || (P = Promise))(function (resolve, reject) { function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } step((generator = generator.apply(thisArg, _arguments || [])).next()); }); }; Object.defineProperty(exports, "__esModule", ({ value: true })); exports.compare = void 0; const parser_1 = __webpack_require__("./src/parser.ts"); const differ_1 = __webpack_require__("./src/differ.ts"); const ui_1 = __webpack_require__("./src/ui.ts"); const model_1 = __webpack_require__("./src/model.ts"); function compare(revID1, revID2) { (0, ui_1.clear)(); (0, ui_1.show)('<h2>loading versions...</h2>'); const rev1 = (0, parser_1.getRevInfo)(revID1); const rev2 = (0, parser_1.getRevInfo)(revID2); if (!rev1) { throw new Error(`error finding ${revID1}`); } const ps = [fetchRev(rev1), fetchRev(rev2)]; Promise.all(ps) .then((values) => { const d = (0, differ_1.diff)(values[1], values[0]); const rendered = (0, ui_1.render)(d); return (0, ui_1.show)(rendered); }) .catch((e) => { console.log(e); (0, ui_1.show)('<h2 style="color:red">loading versions error</h2>'); }); } exports.compare = compare; const _cache = {}; function fetchRev(rev) { return __awaiter(this, void 0, void 0, function* () { if (!rev) { return new model_1.Commit({ id: '0', comment: '', date: '', url: '', }, { title: '', rawInfo: '', description: '', }); } if (!_cache[rev.id]) { const res = yield fetch(rev.url); _cache[rev.id] = new model_1.Commit(rev, (0, parser_1.parseRevDetails)(yield res.text())); } return _cache[rev.id]; }); } /***/ }), /***/ "./src/differ.ts": /***/ (function(__unused_webpack_module, exports, __webpack_require__) { Object.defineProperty(exports, "__esModule", ({ value: true })); exports.diff = void 0; const Diff = __webpack_require__("diff"); function diff(revOld, revNew) { console.log(revOld); console.log(revNew); const d = [ titleDiff(revOld, revNew), infoDiff(revOld, revNew), descriptionDiff(revOld, revNew), ].join('\n'); console.log(d); return d; } exports.diff = diff; function titleDiff(rev1, rev2) { if (rev1.details.title === rev2.details.title) { return ''; } return Diff.createPatch('条目名', rev1.details.title, rev2.details.title, rev1.rev.date, rev2.rev.date); } function infoDiff(rev1, rev2) { if (rev1.details.rawInfo === rev2.details.rawInfo) { return ''; } return Diff.createPatch('相关信息', rev1.details.rawInfo, rev2.details.rawInfo, rev1.rev.date, rev2.rev.date); } function descriptionDiff(rev1, rev2) { if (rev1.details.description === rev2.details.description) { return ''; } return Diff.createPatch('简介', rev1.details.description, rev2.details.description, rev1.rev.date, rev2.rev.date); } /***/ }), /***/ "./src/index.ts": /***/ (function(__unused_webpack_module, exports, __webpack_require__) { var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) { function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } return new (P || (P = Promise))(function (resolve, reject) { function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } step((generator = generator.apply(thisArg, _arguments || [])).next()); }); }; Object.defineProperty(exports, "__esModule", ({ value: true })); const $ = __webpack_require__("jquery"); const parser_1 = __webpack_require__("./src/parser.ts"); const compare_1 = __webpack_require__("./src/compare.ts"); function main() { return __awaiter(this, void 0, void 0, function* () { console.log('start bgm-wiki-rev-diff UserScript'); yield initUI(); }); } const style = ` <style> #show-trim21-cn .d2h-code-line { width: calc(100% - 8em); padding-right: 0; } #show-trim21-cn .d2h-code-line-ctn { width: calc(100% - 8em); } #columnInSubjectA .rev-trim21-cn { margin: 0 0.2em; } ul#pagehistory > li > * { vertical-align: middle; } </style> `; function initUI() { return __awaiter(this, void 0, void 0, function* () { $('#columnInSubjectA > hr.board').after(style + '<div id="show-trim21-cn"></div>'); const revs = $('#pagehistory li').map(function (e) { return (0, parser_1.parseRevEl)($(this)).id; }); $('#pagehistory li').each(function (index) { const el = $(this); try { const rev = (0, parser_1.parseRevEl)(el); el.prepend(`<input type="radio" class="rev-trim21-cn" name="rev-right" label="select to compare" value="${rev.id}">`); el.prepend(`<input type="radio" class="rev-trim21-cn" name="rev-left" label="select to compare" value="${rev.id}">`); const previous = revs[index + 1]; el.prepend(`(<a href="#" data-rev="${rev.id}" data-previous="${previous}" class="l compare-previous-trim21-cn">显示修改</a>) `); } catch (e) { } }); const typeRevert = { 'rev-left': 'rev-right', 'rev-right': 'rev-left', }; $('input[type="radio"]').on('change', function (e) { const name = e.target.getAttribute('name'); if (!name) { return; } const selectName = typeRevert[name]; const rev = e.target.getAttribute('value'); if (rev) { $(`input[name="${selectName}"][value="${rev}"]`).css('visibility', 'hidden'); $(`input[name="${selectName}"][value!="${rev}"]`).css('visibility', 'visible'); } }); $('.compare-previous-trim21-cn').on('click', function () { const el = $(this); const left = String(el.data('rev')); const right = String(el.data('previous')); $('input[name="rev-left"]').attr('checked', null); $(`input[name="rev-left"][value="${left}"]`) .attr('checked', 'true') .trigger('change'); $('input[name="rev-right"]').attr('checked', null); $(`input[name="rev-right"][value="${right}"]`) .attr('checked', 'true') .trigger('change'); (0, compare_1.compare)(left, right); }); $('#columnInSubjectA span.text').append('<a href="#" id="compare-trim21-cn" class="l"> > 比较选中的版本</a>'); $('#compare-trim21-cn').on('click', function () { const selectedRevs = getSelectedVersion(); (0, compare_1.compare)(selectedRevs[0], selectedRevs[1]); }); $('head').append('<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/diff2html/bundles/css/diff2html.min.css" />'); }); } function getSelectedVersion() { const selectedVersion = []; const selectedRev = $('.rev-trim21-cn:checked'); if (selectedRev.length < 2) { window.alert('请选中两个版本进行比较'); throw new Error(); } selectedRev.each(function () { const val = $(this).val(); selectedVersion.push(val); }); selectedVersion.sort((a, b) => parseInt(b) - parseInt(a)); return selectedVersion; } main().catch(console.error); /***/ }), /***/ "./src/model.ts": /***/ (function(__unused_webpack_module, exports) { Object.defineProperty(exports, "__esModule", ({ value: true })); exports.Commit = void 0; class Commit { constructor(rev, detail) { this.rev = rev; this.details = detail; } } exports.Commit = Commit; /***/ }), /***/ "./src/parser.ts": /***/ (function(__unused_webpack_module, exports, __webpack_require__) { Object.defineProperty(exports, "__esModule", ({ value: true })); exports.getRevInfo = exports.parseRevEl = exports.parseRevDetails = void 0; const $ = __webpack_require__("jquery"); function parseRevDetails(html) { var _a, _b, _c, _d, _e, _f; const jq = $(html); const rawInfo = (_b = (_a = jq.find('#subject_infobox').val()) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : ''; const title = (_d = (_c = jq.find('input[name="subject_title"]').val()) === null || _c === void 0 ? void 0 : _c.toString()) !== null && _d !== void 0 ? _d : ''; const description = (_f = (_e = jq.find('textarea#subject_summary').val()) === null || _e === void 0 ? void 0 : _e.toString()) !== null && _f !== void 0 ? _f : ''; return { title, rawInfo, description, }; } exports.parseRevDetails = parseRevDetails; function parseRevEl(el) { const date = el.find('a:not(.compare-previous-trim21-cn)').first().html(); const revEL = el.find('a.l:contains("恢复")'); const revCommentEl = el.find('span.comment'); let comment = ''; if (revCommentEl.length > 0) { comment = revCommentEl.html(); comment = comment.substring(1, comment.length - 1); } const revHref = revEL.attr('href'); if (!revHref) { throw new Error(); } const revID = revHref.split('/').pop(); if (!revID) { throw new Error(`can't parse rev id from ${revHref}`); } return { id: revID, comment, date, url: revHref, }; } exports.parseRevEl = parseRevEl; function getRevs() { const revs = []; $('#pagehistory li').each(function () { const el = $(this); try { revs.push(parseRevEl(el)); } catch (e) { } }); return revs; } function getRevInfo(revID) { for (const rev of getRevs()) { if (rev.id === revID) { return rev; } } } exports.getRevInfo = getRevInfo; /***/ }), /***/ "./src/ui.ts": /***/ (function(__unused_webpack_module, exports, __webpack_require__) { Object.defineProperty(exports, "__esModule", ({ value: true })); exports.clear = exports.show = exports.render = void 0; const Diff2Html = __webpack_require__("diff2html"); const $ = __webpack_require__("jquery"); function render(diff) { return Diff2Html.html(diff); } exports.render = render; function show(html) { $('#show-trim21-cn').html(html); } exports.show = show; function clear() { $('#show-trim21-cn').html(''); } exports.clear = clear; /***/ }), /***/ "jquery": /***/ (function(module) { module.exports = $; /***/ }), /***/ "diff": /***/ (function(module) { module.exports = Diff; /***/ }), /***/ "diff2html": /***/ (function(module) { module.exports = Diff2Html; /***/ }) /******/ }); /************************************************************************/ /******/ // The module cache /******/ var __webpack_module_cache__ = {}; /******/ /******/ // The require function /******/ function __webpack_require__(moduleId) { /******/ // Check if module is in cache /******/ var cachedModule = __webpack_module_cache__[moduleId]; /******/ if (cachedModule !== undefined) { /******/ return cachedModule.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].call(module.exports, module, module.exports, __webpack_require__); /******/ /******/ // Return the exports of the module /******/ return module.exports; /******/ } /******/ /************************************************************************/ /******/ /******/ // startup /******/ // Load entry module and return exports /******/ // This entry module is referenced by other modules so it can't be inlined /******/ var __webpack_exports__ = __webpack_require__("./src/index.ts"); /******/ /******/ })() ;
