合并是实验功能：会在浏览器内加载 ffmpeg.wasm，文件大、耗内存；失败时会自动导出合并命令。
打开 B 站视频页后选择下载内容，再点“预览清单”或“开始”。
`;
document.documentElement.appendChild(panel);
fillSelect(panel.querySelector(`#${MODE_ID}`), modes, localStorage.getItem(STORAGE_MODE_KEY) || "full_merge");
fillSelect(panel.querySelector(`#${SCOPE_ID}`), scopes, localStorage.getItem(STORAGE_SCOPE_KEY) || "current");
panel.querySelector(`#${MODE_ID}`).addEventListener("change", (event) => {
localStorage.setItem(STORAGE_MODE_KEY, event.target.value);
});
panel.querySelector(`#${SCOPE_ID}`).addEventListener("change", (event) => {
localStorage.setItem(STORAGE_SCOPE_KEY, event.target.value);
});
panel.querySelector(".bf-toggle").addEventListener("click", () => {
panel.classList.toggle("is-collapsed");
panel.querySelector(".bf-toggle").textContent = panel.classList.contains("is-collapsed") ? "+" : "-";
});
panel.querySelector("#bilifetch-scriptcat-preview").addEventListener("click", () => {
previewSelectedMode().catch(showError);
});
panel.querySelector("#bilifetch-scriptcat-start").addEventListener("click", () => {
runSelectedMode().catch(showError);
});
panel.querySelector("#bilifetch-scriptcat-diagnose").addEventListener("click", () => {
copyDiagnostics().catch(showError);
});
panel.querySelector("#bilifetch-scriptcat-settings").addEventListener("click", () => {
openSettingsPanel();
});
showChangelogIfNeeded();
}
function fillSelect(select, items, selectedValue) {
for (const [value, label] of items) {
const option = document.createElement("option");
option.value = value;
option.textContent = label;
option.selected = value === selectedValue;
select.appendChild(option);
}
}
function selectedMode() {
const select = document.getElementById(MODE_ID);
return select ? select.value : "full_merge";
}
function selectedScope() {
const select = document.getElementById(SCOPE_ID);
return select ? select.value : "current";
}
function loadSettings() {
try {
const raw = localStorage.getItem(STORAGE_SETTINGS_KEY);
if (!raw) {
return Object.assign({}, DEFAULT_SETTINGS);
}
return Object.assign({}, DEFAULT_SETTINGS, JSON.parse(raw));
} catch (error) {
console.warn("[BiliFetch] settings load failed", error);
return Object.assign({}, DEFAULT_SETTINGS);
}
}
function saveSettings(settings) {
localStorage.setItem(STORAGE_SETTINGS_KEY, JSON.stringify(Object.assign({}, DEFAULT_SETTINGS, settings)));
}
function openSettingsPanel() {
const old = document.querySelector(".bilifetch-settings-backdrop");
if (old) {
old.remove();
}
const settings = loadSettings();
const backdrop = document.createElement("div");
backdrop.className = "bilifetch-settings-backdrop";
backdrop.innerHTML = `