// ==UserScript==
// @name bgm-wiki-rev-diff
// @namespace https://trim21.me/
// @version 0.1.0
// @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*
// @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) {
ui_1.clear();
ui_1.show('<h2>loading versions...</h2>');
const rev1 = parser_1.getRevInfo(revID1);
const rev2 = 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 = differ_1.diff(values[1], values[0]);
const rendered = ui_1.render(d);
return ui_1.show(rendered);
})
.catch((e) => {
console.log(e);
ui_1.show('<h2 style="color:red">loading versions error</h2>');
});
}
exports.compare = compare;
function fetchRev(rev) {
return __awaiter(this, void 0, void 0, function* () {
if (!rev) {
return new model_1.Comment({ id: '0', comment: '', date: '', url: '' }, { title: '', rawInfo: '', description: '' });
}
const res = yield fetch(rev.url);
return new model_1.Comment(rev, parser_1.parseRevDetails(yield res.text()));
});
}
/***/ }),
/***/ "./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(rev1, rev2) {
return `${titleDiff(rev1, rev2)}\n${infoDiff(rev1, rev2)}\n${descriptionDiff(rev1, rev2)}`;
}
exports.diff = diff;
function titleDiff(rev1, rev2) {
if (rev1.details.title === rev2.details.title) {
return '';
}
return Diff.createTwoFilesPatch('title', 'title', 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.createTwoFilesPatch('info', 'info', 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.createTwoFilesPatch('description', 'description', 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();
});
}
function initUI() {
return __awaiter(this, void 0, void 0, function* () {
$('#columnInSubjectA').prepend('<div id="show-trim21-cn"></dev>');
const revs = $('#pagehistory li').map(function (e) {
return parser_1.parseRevEl($(this)).id;
});
$('#pagehistory li').each(function (index) {
const el = $(this);
try {
const rev = parser_1.parseRevEl(el);
el.prepend(`<input type="checkbox" class="rev-trim21-cn" name="rev" label="select to compare" value="${rev.id}">`);
el.prepend(`(<a href="#" data-rev="${rev.id}" data-previous="${revs[index + 1]}" class="l compare-previous-trim21-cn">show diff</a>) `);
}
catch (e) { }
});
$('.compare-previous-trim21-cn').on('click', function () {
const el = $(this);
compare_1.compare(el.data('rev').toString(), el.data('previous').toString());
});
$('#columnInSubjectA span.text').append('<a href="#" id="compare-trim21-cn" tar class="l"> > 比较选中的版本</a>');
$('#compare-trim21-cn').on('click', function () {
const selectedRevs = getSelectedVersion();
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('请选中两个版本进行比较');
}
if (selectedRev.length > 2) {
window.alert('只能比较两个版本');
}
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.Comment = void 0;
class Comment {
constructor(rev, detail) {
this.rev = rev;
this.details = detail;
}
}
exports.Comment = Comment;
/***/ }),
/***/ "./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').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");
/******/
/******/ })()
;
