您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
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 <i@trim21.me>
- // @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/jquery@3.6.0/dist/jquery.min.js
- // @require https://cdn.jsdelivr.net/npm/diff2html@3.4.11/bundles/js/diff2html.min.js
- // @require https://cdn.jsdelivr.net/npm/diff@5.0.0/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");
- /******/
- /******/ })()
- ;