☰

bgm-wiki-rev-diff

show diff between bgm.tv wiki versions

目前為 2021-09-09 提交的版本，檢視 最新版本。

  1. // ==UserScript==
  2. // @name         bgm-wiki-rev-diff
  3. // @namespace    https://trim21.me/
  4. // @version      0.1.0
  5. // @author       Trim21 <i@trim21.me>
  6. // @source       https://github.com/Trim21/bgm-wiki-rev-diff
  7. // @supportURL   https://github.com/Trim21/bgm-wiki-rev-diff/issues
  8. // @license      MIT
  9. // @match        https://bgm.tv/subject/*/edit*
  10. // @match        https://bangumi.tv/subject/*/edit*
  11. // @require      https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js
  12. // @require      https://cdn.jsdelivr.net/npm/diff2html@3.4.9/bundles/js/diff2html.min.js
  13. // @require      https://cdn.jsdelivr.net/npm/diff@5.0.0/dist/diff.min.js
  14. // @connect      bgm.tv
  15. // @connect      bangumi.tv
  16. // @run-at       document-end
  17. // @description show diff between bgm.tv wiki versions
  18. // ==/UserScript==
  19.  
  20.  
  21. /******/ (function() { // webpackBootstrap
  22. /******/ 	"use strict";
  23. /******/ 	var __webpack_modules__ = ({
  24.  
  25. /***/ "./src/compare.ts":
  26. /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
  27.  
  28.  
  29. var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
  30.     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
  31.     return new (P || (P = Promise))(function (resolve, reject) {
  32.         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
  33.         function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
  34.         function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
  35.         step((generator = generator.apply(thisArg, _arguments || [])).next());
  36.     });
  37. };
  38. Object.defineProperty(exports, "__esModule", ({ value: true }));
  39. exports.compare = void 0;
  40. const parser_1 = __webpack_require__("./src/parser.ts");
  41. const differ_1 = __webpack_require__("./src/differ.ts");
  42. const ui_1 = __webpack_require__("./src/ui.ts");
  43. const model_1 = __webpack_require__("./src/model.ts");
  44. function compare(revID1, revID2) {
  45.     ui_1.clear();
  46.     ui_1.show('<h2>loading versions...</h2>');
  47.     const rev1 = parser_1.getRevInfo(revID1);
  48.     const rev2 = parser_1.getRevInfo(revID2);
  49.     if (!rev1) {
  50.         throw new Error(`error finding ${revID1}`);
  51.     }
  52.     const ps = [fetchRev(rev1), fetchRev(rev2)];
  53.     Promise.all(ps)
  54.         .then((values) => {
  55.         const d = differ_1.diff(values[1], values[0]);
  56.         const rendered = ui_1.render(d);
  57.         return ui_1.show(rendered);
  58.     })
  59.         .catch((e) => {
  60.         console.log(e);
  61.         ui_1.show('<h2 style="color:red">loading versions error</h2>');
  62.     });
  63. }
  64. exports.compare = compare;
  65. function fetchRev(rev) {
  66.     return __awaiter(this, void 0, void 0, function* () {
  67.         if (!rev) {
  68.             return new model_1.Comment({ id: '0', comment: '', date: '', url: '' }, { title: '', rawInfo: '', description: '' });
  69.         }
  70.         const res = yield fetch(rev.url);
  71.         return new model_1.Comment(rev, parser_1.parseRevDetails(yield res.text()));
  72.     });
  73. }
  74.  
  75.  
  76. /***/ }),
  77.  
  78. /***/ "./src/differ.ts":
  79. /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
  80.  
  81.  
  82. Object.defineProperty(exports, "__esModule", ({ value: true }));
  83. exports.diff = void 0;
  84. const Diff = __webpack_require__("diff");
  85. function diff(rev1, rev2) {
  86.     return `${titleDiff(rev1, rev2)}\n${infoDiff(rev1, rev2)}\n${descriptionDiff(rev1, rev2)}`;
  87. }
  88. exports.diff = diff;
  89. function titleDiff(rev1, rev2) {
  90.     if (rev1.details.title === rev2.details.title) {
  91.         return '';
  92.     }
  93.     return Diff.createTwoFilesPatch('title', 'title', rev1.details.title, rev2.details.title, rev1.rev.date, rev2.rev.date);
  94. }
  95. function infoDiff(rev1, rev2) {
  96.     if (rev1.details.rawInfo === rev2.details.rawInfo) {
  97.         return '';
  98.     }
  99.     return Diff.createTwoFilesPatch('info', 'info', rev1.details.rawInfo, rev2.details.rawInfo, rev1.rev.date, rev2.rev.date);
  100. }
  101. function descriptionDiff(rev1, rev2) {
  102.     if (rev1.details.description === rev2.details.description) {
  103.         return '';
  104.     }
  105.     return Diff.createTwoFilesPatch('description', 'description', rev1.details.description, rev2.details.description, rev1.rev.date, rev2.rev.date);
  106. }
  107.  
  108.  
  109. /***/ }),
  110.  
  111. /***/ "./src/index.ts":
  112. /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
  113.  
  114.  
  115. var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
  116.     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
  117.     return new (P || (P = Promise))(function (resolve, reject) {
  118.         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
  119.         function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
  120.         function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
  121.         step((generator = generator.apply(thisArg, _arguments || [])).next());
  122.     });
  123. };
  124. Object.defineProperty(exports, "__esModule", ({ value: true }));
  125. const $ = __webpack_require__("jquery");
  126. const parser_1 = __webpack_require__("./src/parser.ts");
  127. const compare_1 = __webpack_require__("./src/compare.ts");
  128. function main() {
  129.     return __awaiter(this, void 0, void 0, function* () {
  130.         console.log('start bgm-wiki-rev-diff UserScript');
  131.         yield initUI();
  132.     });
  133. }
  134. function initUI() {
  135.     return __awaiter(this, void 0, void 0, function* () {
  136.         $('#columnInSubjectA').prepend('<div id="show-trim21-cn"></dev>');
  137.         const revs = $('#pagehistory li').map(function (e) {
  138.             return parser_1.parseRevEl($(this)).id;
  139.         });
  140.         $('#pagehistory li').each(function (index) {
  141.             const el = $(this);
  142.             try {
  143.                 const rev = parser_1.parseRevEl(el);
  144.                 el.prepend(`<input type="checkbox" class="rev-trim21-cn" name="rev" label="select to compare" value="${rev.id}">`);
  145.                 el.prepend(`(<a href="#" data-rev="${rev.id}" data-previous="${revs[index + 1]}" class="l compare-previous-trim21-cn">show diff</a>) `);
  146.             }
  147.             catch (e) { }
  148.         });
  149.         $('.compare-previous-trim21-cn').on('click', function () {
  150.             const el = $(this);
  151.             compare_1.compare(el.data('rev').toString(), el.data('previous').toString());
  152.         });
  153.         $('#columnInSubjectA span.text').append('<a href="#" id="compare-trim21-cn" tar class="l"> > 比较选中的版本</a>');
  154.         $('#compare-trim21-cn').on('click', function () {
  155.             const selectedRevs = getSelectedVersion();
  156.             compare_1.compare(selectedRevs[0], selectedRevs[1]);
  157.         });
  158.         $('head').append('<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/diff2html/bundles/css/diff2html.min.css" />');
  159.     });
  160. }
  161. function getSelectedVersion() {
  162.     const selectedVersion = [];
  163.     const selectedRev = $('.rev-trim21-cn:checked');
  164.     if (selectedRev.length < 2) {
  165.         window.alert('请选中两个版本进行比较');
  166.     }
  167.     if (selectedRev.length > 2) {
  168.         window.alert('只能比较两个版本');
  169.     }
  170.     selectedRev.each(function () {
  171.         const val = $(this).val();
  172.         selectedVersion.push(val);
  173.     });
  174.     selectedVersion.sort((a, b) => parseInt(b) - parseInt(a));
  175.     return selectedVersion;
  176. }
  177. main().catch(console.error);
  178.  
  179.  
  180. /***/ }),
  181.  
  182. /***/ "./src/model.ts":
  183. /***/ (function(__unused_webpack_module, exports) {
  184.  
  185.  
  186. Object.defineProperty(exports, "__esModule", ({ value: true }));
  187. exports.Comment = void 0;
  188. class Comment {
  189.     constructor(rev, detail) {
  190.         this.rev = rev;
  191.         this.details = detail;
  192.     }
  193. }
  194. exports.Comment = Comment;
  195.  
  196.  
  197. /***/ }),
  198.  
  199. /***/ "./src/parser.ts":
  200. /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
  201.  
  202.  
  203. Object.defineProperty(exports, "__esModule", ({ value: true }));
  204. exports.getRevInfo = exports.parseRevEl = exports.parseRevDetails = void 0;
  205. const $ = __webpack_require__("jquery");
  206. function parseRevDetails(html) {
  207.     var _a, _b, _c, _d, _e, _f;
  208.     const jq = $(html);
  209.     const rawInfo = (_b = (_a = jq.find('#subject_infobox').val()) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : '';
  210.     const title = (_d = (_c = jq.find('input[name="subject_title"]').val()) === null || _c === void 0 ? void 0 : _c.toString()) !== null && _d !== void 0 ? _d : '';
  211.     const description = (_f = (_e = jq.find('textarea#subject_summary').val()) === null || _e === void 0 ? void 0 : _e.toString()) !== null && _f !== void 0 ? _f : '';
  212.     return { title, rawInfo, description };
  213. }
  214. exports.parseRevDetails = parseRevDetails;
  215. function parseRevEl(el) {
  216.     const date = el.find('a').first().html();
  217.     const revEL = el.find('a.l:contains("恢复")');
  218.     const revCommentEl = el.find('span.comment');
  219.     let comment = '';
  220.     if (revCommentEl.length > 0) {
  221.         comment = revCommentEl.html();
  222.         comment = comment.substring(1, comment.length - 1);
  223.     }
  224.     const revHref = revEL.attr('href');
  225.     if (!revHref) {
  226.         throw new Error();
  227.     }
  228.     const revID = revHref.split('/').pop();
  229.     if (!revID) {
  230.         throw new Error(`can't parse rev id from ${revHref}`);
  231.     }
  232.     return {
  233.         id: revID,
  234.         comment,
  235.         date,
  236.         url: revHref,
  237.     };
  238. }
  239. exports.parseRevEl = parseRevEl;
  240. function getRevs() {
  241.     const revs = [];
  242.     $('#pagehistory li').each(function () {
  243.         const el = $(this);
  244.         try {
  245.             revs.push(parseRevEl(el));
  246.         }
  247.         catch (e) { }
  248.     });
  249.     return revs;
  250. }
  251. function getRevInfo(revID) {
  252.     for (const rev of getRevs()) {
  253.         if (rev.id === revID) {
  254.             return rev;
  255.         }
  256.     }
  257. }
  258. exports.getRevInfo = getRevInfo;
  259.  
  260.  
  261. /***/ }),
  262.  
  263. /***/ "./src/ui.ts":
  264. /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
  265.  
  266.  
  267. Object.defineProperty(exports, "__esModule", ({ value: true }));
  268. exports.clear = exports.show = exports.render = void 0;
  269. const Diff2Html = __webpack_require__("diff2html");
  270. const $ = __webpack_require__("jquery");
  271. function render(diff) {
  272.     return Diff2Html.html(diff);
  273. }
  274. exports.render = render;
  275. function show(html) {
  276.     $('#show-trim21-cn').html(html);
  277. }
  278. exports.show = show;
  279. function clear() {
  280.     $('#show-trim21-cn').html('');
  281. }
  282. exports.clear = clear;
  283.  
  284.  
  285. /***/ }),
  286.  
  287. /***/ "jquery":
  288. /***/ (function(module) {
  289.  
  290. module.exports = $;
  291.  
  292. /***/ }),
  293.  
  294. /***/ "diff":
  295. /***/ (function(module) {
  296.  
  297. module.exports = Diff;
  298.  
  299. /***/ }),
  300.  
  301. /***/ "diff2html":
  302. /***/ (function(module) {
  303.  
  304. module.exports = Diff2Html;
  305.  
  306. /***/ })
  307.  
  308. /******/ 	});
  309. /************************************************************************/
  310. /******/ 	// The module cache
  311. /******/ 	var __webpack_module_cache__ = {};
  312. /******/ 	
  313. /******/ 	// The require function
  314. /******/ 	function __webpack_require__(moduleId) {
  315. /******/ 		// Check if module is in cache
  316. /******/ 		var cachedModule = __webpack_module_cache__[moduleId];
  317. /******/ 		if (cachedModule !== undefined) {
  318. /******/ 			return cachedModule.exports;
  319. /******/ 		}
  320. /******/ 		// Create a new module (and put it into the cache)
  321. /******/ 		var module = __webpack_module_cache__[moduleId] = {
  322. /******/ 			// no module.id needed
  323. /******/ 			// no module.loaded needed
  324. /******/ 			exports: {}
  325. /******/ 		};
  326. /******/ 	
  327. /******/ 		// Execute the module function
  328. /******/ 		__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);
  329. /******/ 	
  330. /******/ 		// Return the exports of the module
  331. /******/ 		return module.exports;
  332. /******/ 	}
  333. /******/ 	
  334. /************************************************************************/
  335. /******/ 	
  336. /******/ 	// startup
  337. /******/ 	// Load entry module and return exports
  338. /******/ 	// This entry module is referenced by other modules so it can't be inlined
  339. /******/ 	var __webpack_exports__ = __webpack_require__("./src/index.ts");
  340. /******/ 	
  341. /******/ })()
  342. ;