feat: add automatic practice question bank export
This commit is contained in:
薇星幻海
@@ -0,0 +1,173 @@
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
// 源代码：构建后连同 question-bank-core.js 一起装入单个油猴脚本。
|
||||
if (window.YianQuestionBankExporter) return;
|
||||
const core = window.QuestionBankCore;
|
||||
if (!core) throw new Error('题库提取核心未加载');
|
||||
const config = { autoExport: true, format: 'csv', settleMs: 1800 };
|
||||
const completed = new Set();
|
||||
let state = null;
|
||||
let panel = null;
|
||||
let statusNode = null;
|
||||
let debounceTimer = null;
|
||||
let previousPractice = false;
|
||||
let previousRoot = null;
|
||||
let previousSignature = '';
|
||||
|
||||
function routeInfo() {
|
||||
const url = new URL(location.href);
|
||||
let params = url.searchParams;
|
||||
let path = url.pathname;
|
||||
if (url.hash.startsWith('#/')) {
|
||||
const hashUrl = new URL(url.hash.slice(1), url.origin);
|
||||
params = hashUrl.searchParams;
|
||||
path = hashUrl.pathname;
|
||||
}
|
||||
const root = document.querySelector('app-examtest, .pc_examtest');
|
||||
const local = url.protocol === 'file:';
|
||||
const practice = !!root && (local
|
||||
? /[?&]flag=exercise(?:&|$)/.test(core.savedSourceURL(document))
|
||||
: params.get('flag') === 'exercise' && /\/exam\/[^/]+\/questions\/?$/.test(path));
|
||||
return { practice, root, title: params.get('title') || '', key: path + '|' + (params.get('title') || ''), local };
|
||||
}
|
||||
|
||||
function fingerprint(bank) {
|
||||
return JSON.stringify([bank.title, bank.expectedTotal, bank.questions.map(q =>
|
||||
[q.number, q.type, q.question, q.options, q.answer, q.explanation, q.images])]);
|
||||
}
|
||||
|
||||
function setStatus(message) {
|
||||
if (statusNode && statusNode.textContent !== message) statusNode.textContent = message;
|
||||
}
|
||||
|
||||
function createPanel() {
|
||||
if (panel) return;
|
||||
panel = document.createElement('div');
|
||||
panel.id = 'yian-question-bank-exporter';
|
||||
panel.style.cssText = 'position:fixed;right:16px;bottom:16px;z-index:2147483600;max-width:min(330px,calc(100vw - 32px));padding:14px;border:1px solid #d5dde5;border-radius:12px;background:#fff;color:#233447;box-shadow:0 4px 20px #0002;font:13px/1.6 system-ui,sans-serif;text-align:left';
|
||||
const heading = document.createElement('strong');
|
||||
heading.textContent = '练习题库导出';
|
||||
statusNode = document.createElement('div');
|
||||
statusNode.setAttribute('role', 'status');
|
||||
statusNode.style.cssText = 'margin:6px 0;white-space:pre-line';
|
||||
const actions = document.createElement('div');
|
||||
actions.style.cssText = 'display:flex;gap:6px;flex-wrap:wrap';
|
||||
for (const format of ['csv', 'json', 'txt']) {
|
||||
const button = document.createElement('button');
|
||||
button.type = 'button';
|
||||
button.textContent = '导出 ' + format.toUpperCase();
|
||||
button.style.cssText = 'cursor:pointer;border:1px solid #d5dde5;border-radius:6px;background:#f5f8fa;padding:5px 9px;color:#233447;font:inherit';
|
||||
button.addEventListener('click', () => {
|
||||
try { exportCurrent(format); }
|
||||
catch (error) { setStatus('导出失败：' + error.message); }
|
||||
});
|
||||
actions.append(button);
|
||||
}
|
||||
const label = document.createElement('label');
|
||||
label.style.cssText = 'display:flex;gap:6px;align-items:center;margin-top:8px;cursor:pointer';
|
||||
const checkbox = document.createElement('input');
|
||||
checkbox.type = 'checkbox';
|
||||
checkbox.checked = config.autoExport;
|
||||
checkbox.addEventListener('change', () => {
|
||||
config.autoExport = checkbox.checked;
|
||||
tick();
|
||||
});
|
||||
label.append(checkbox, document.createTextNode('进入练习后自动导出 CSV'));
|
||||
panel.append(heading, statusNode, actions, label);
|
||||
document.body.append(panel);
|
||||
}
|
||||
|
||||
function exportCurrent(format = config.format) {
|
||||
if (!routeInfo().practice) throw new Error('请先进入练习页面');
|
||||
const bank = core.extract(document, location.href);
|
||||
if (!bank.total) throw new Error('页面还没有题目，请稍后重试');
|
||||
// 手动导出可保存不完整内容，文件及提示都会标记缺失。
|
||||
core.download(bank, format);
|
||||
setStatus((bank.complete ? '已发起下载：' : '已发起不完整题库下载：') + bank.title + '\n'
|
||||
+ bank.total + ' 题，' + bank.answered + ' 个答案'
|
||||
+ (bank.complete ? '。' : '，请检查缺失内容。')
|
||||
+ '\n若未出现文件，请点击上方导出按钮。');
|
||||
return bank;
|
||||
}
|
||||
|
||||
function tick() {
|
||||
const route = routeInfo();
|
||||
if (!route.practice) {
|
||||
if (panel) panel.remove();
|
||||
panel = statusNode = null;
|
||||
state = null;
|
||||
previousPractice = false;
|
||||
previousRoot = route.root;
|
||||
return;
|
||||
}
|
||||
createPanel();
|
||||
const bank = core.extract(document, location.href);
|
||||
const signature = fingerprint(bank);
|
||||
const now = Date.now();
|
||||
if (!state || state.key !== route.key) {
|
||||
// SPA 改 URL 后旧题目可能仍留在 DOM，等待题目或组件更新。
|
||||
const transitioning = !!previousRoot && !!(previousPractice || previousSignature)
|
||||
&& previousRoot === route.root && previousSignature === signature;
|
||||
state = { key: route.key, signature, since: now, initialRoot: route.root,
|
||||
initialSignature: signature, waitingForReplacement: transitioning };
|
||||
}
|
||||
if (state.waitingForReplacement && (route.root !== state.initialRoot || signature !== state.initialSignature)) {
|
||||
state.waitingForReplacement = false;
|
||||
state.since = now;
|
||||
}
|
||||
previousPractice = true;
|
||||
previousRoot = route.root;
|
||||
previousSignature = signature;
|
||||
if (state.signature !== signature) {
|
||||
state.signature = signature;
|
||||
state.since = now;
|
||||
}
|
||||
if (state.waitingForReplacement || (route.title && route.title.trim() !== bank.title.trim())) {
|
||||
setStatus('等待本次练习的题目加载…');
|
||||
return;
|
||||
}
|
||||
if (!bank.total || now - state.since < config.settleMs) {
|
||||
setStatus('正在读取题目与隐藏答案…');
|
||||
return;
|
||||
}
|
||||
if (bank.expectedTotal !== null && bank.expectedTotal !== bank.total) {
|
||||
setStatus('已读取 ' + bank.total + ' / ' + bank.expectedTotal + ' 题，等待全部加载。\n若页面分页，请逐页导出；手动导出会标记不完整。');
|
||||
return;
|
||||
}
|
||||
if (!bank.complete) {
|
||||
setStatus('已读取 ' + bank.total + ' 题，缺少 ' + bank.missingAnswers.length + ' 个答案。\n自动导出等待答案加载；可手动保存现有内容。');
|
||||
return;
|
||||
}
|
||||
const exportKey = state.key + '|' + signature;
|
||||
if (completed.has(exportKey)) return;
|
||||
if (!config.autoExport) {
|
||||
setStatus(bank.title + '\n' + bank.total + ' 题，答案齐全，可点击导出。');
|
||||
return;
|
||||
}
|
||||
try {
|
||||
exportCurrent(config.format);
|
||||
completed.add(exportKey);
|
||||
} catch (error) {
|
||||
config.autoExport = false;
|
||||
const checkbox = panel.querySelector('input');
|
||||
if (checkbox) checkbox.checked = false;
|
||||
setStatus('自动下载失败：' + error.message + '\n请点击导出按钮重试。');
|
||||
console.error('[谊安学题库导出]', error);
|
||||
}
|
||||
}
|
||||
|
||||
const observer = new MutationObserver(records => {
|
||||
if (records.every(record => panel && (record.target === panel || panel.contains(record.target)))) return;
|
||||
clearTimeout(debounceTimer);
|
||||
debounceTimer = setTimeout(tick, 300);
|
||||
});
|
||||
observer.observe(document.body, { childList: true, subtree: true, characterData: true });
|
||||
const timer = setInterval(tick, 750); // 同时覆盖 Angular 路由和返回/前进。
|
||||
window.YianQuestionBankExporter = Object.freeze({
|
||||
exportCurrent,
|
||||
collectCurrent: () => core.extract(document, location.href),
|
||||
stop: () => { observer.disconnect(); clearInterval(timer); clearTimeout(debounceTimer); if (panel) panel.remove(); }
|
||||
});
|
||||
tick();
|
||||
})();
|
||||
Reference in New Issue
Block a user