Unknown view
Applies to ${hashes.length} torrent(s).
`, +
+
+
+
+ ${f.esc(cur?.savePath || '—')}
Moves the torrent's files now. Unchecked, files you + moved individually keep their relative path (or stay put if moved elsewhere). + Applies to ${hashes.length} torrent(s).
`, [{ label: 'Cancel', act: closeModal }, { label: 'Apply', primary: true, act: () => guard(async () => { const savePath = document.getElementById('locPath').value.trim(); - if (savePath) await api.action('setSavePath', hashes, { savePath }); + const reset = document.getElementById('locReset').checked; + if (savePath) await api.action('setSavePath', hashes, { savePath, reset }); closeModal(); }, 'Failed to set location'), }]); @@ -802,9 +816,10 @@ function showContextMenu(x, y, items) { function closeContextMenu() { document.getElementById('ctxmenu')?.remove(); } /* ===================== RSS view ===================== */ -async function renderRssView(host) { +async function renderRssView(host, seq) { host.innerHTML = 'Loading feeds…
Feeds
@@ -842,6 +857,213 @@ function renderRule(r) {This script exposes no settings.
+ Call
`;
+ return ``;
+}
+
+async function renderAutomationView(host, seq) {
+ host.innerHTML = 'naut.define_settings{…} in the script to add configurable
+ variables here.Loading automation script…
Unable to load script status
${label}${value ?? 0}
`;
+ const source = script.source || '';
+ host.innerHTML = `
+
`;
+ bindSettingsPanel(script);
+ const editor = document.getElementById('scriptEditor');
+ const highlight = document.getElementById('scriptHighlight');
+ const saveBtn = document.getElementById('saveScript');
+ const refreshBtn = document.getElementById('refreshScript');
+ const status = document.getElementById('scriptSaveStatus');
+ let initialSource = script.loaded ? source : editor.value;
+ let saving = false;
+ const setStatus = (message, kind = '') => {
+ status.textContent = message;
+ status.className = `script-save-status ${kind}`;
+ };
+ const updateDirty = (preserveStatus = false) => {
+ const dirty = editor.value !== initialSource;
+ saveBtn.disabled = !script.loaded || !dirty || saving;
+ if (!saving && !preserveStatus) setStatus(dirty ? 'Unsaved changes' : '', dirty ? 'dirty' : '');
+ };
+ syncScriptHighlight(editor, highlight);
+ editor.addEventListener('input', () => {
+ syncScriptHighlight(editor, highlight);
+ updateDirty();
+ });
+ editor.addEventListener('scroll', () => syncScriptHighlight(editor, highlight));
+ editor.addEventListener('keydown', (e) => {
+ if (e.key === 'Tab') {
+ e.preventDefault();
+ editor.setRangeText(' ', editor.selectionStart, editor.selectionEnd, 'end');
+ editor.dispatchEvent(new Event('input'));
+ } else if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === 's') {
+ e.preventDefault();
+ if (!saveBtn.disabled) saveBtn.click();
+ }
+ });
+ saveBtn.addEventListener('click', async () => {
+ saving = true;
+ saveBtn.disabled = true;
+ setStatus('Saving…');
+ try {
+ const updated = await api.saveScript(editor.value);
+ initialSource = updated.source || editor.value;
+ editor.value = initialSource;
+ syncScriptHighlight(editor, highlight);
+ script = updated;
+ saving = false;
+ updateDirty(true);
+ setStatus('Saved', 'ok');
+ toast('Script saved', 'ok');
+ } catch (e) {
+ console.error(e);
+ saving = false;
+ updateDirty(true);
+ setStatus('Save failed', 'err');
+ toast('Script save failed', 'err');
+ }
+ });
+ refreshBtn.addEventListener('click', () => renderAutomationView(host, viewRenderSeq));
+ updateDirty();
+}
+
+// Wire the script-settings form: collect values by key and save them, without
+// touching the script source.
+function bindSettingsPanel(script) {
+ const form = document.getElementById('settingsForm');
+ const saveBtn = document.getElementById('saveSettings');
+ const status = document.getElementById('settingsSaveStatus');
+ if (!form || !saveBtn) return;
+ const setStatus = (msg, kind = '') => {
+ status.textContent = msg;
+ status.className = `script-save-status ${kind}`;
+ };
+ const collect = () => {
+ const out = {};
+ form.querySelectorAll('[data-skey]').forEach((el) => {
+ out[el.dataset.skey] = el.dataset.stype === 'bool'
+ ? (el.checked ? 'true' : 'false')
+ : el.value;
+ });
+ return out;
+ };
+ form.addEventListener('input', () => setStatus('Unsaved changes', 'dirty'));
+ saveBtn.addEventListener('click', async () => {
+ saveBtn.disabled = true;
+ setStatus('Saving…');
+ try {
+ await api.saveScriptSettings(collect());
+ setStatus('Saved', 'ok');
+ toast('Settings saved', 'ok');
+ } catch (e) {
+ console.error(e);
+ setStatus('Save failed', 'err');
+ toast('Settings save failed', 'err');
+ } finally {
+ saveBtn.disabled = false;
+ }
+ });
+}
+
/* ===================== Search view ===================== */
function renderSearchView(host) {
const plugins = state.meta.searchPlugins.map((p) =>
@@ -997,8 +1219,10 @@ function bindGlobal() {
doAction(a);
}));
- document.querySelectorAll('.vtab').forEach((b) =>
- b.addEventListener('click', () => switchViewTab(b.dataset.view)));
+ document.getElementById('viewtabs').addEventListener('click', (e) => {
+ const tab = e.target.closest('.vtab[data-view]');
+ if (tab) switchViewTab(tab.dataset.view);
+ });
const qf = document.getElementById('quickFilter');
qf.addEventListener('input', () => { state.quick = qf.value; if (state.view === 'torrents') renderGrid(); });
diff --git a/public/js/detail.js b/public/js/detail.js
index 0334947..8a401cb 100644
--- a/public/js/detail.js
+++ b/public/js/detail.js
@@ -2,8 +2,9 @@
import { api } from './api.js';
import * as f from './format.js';
+import { pluginDetailTabs, renderPluginDetailPanels, renderPluginDetailTab } from './plugins.js';
-const TABS = ['general', 'trackers', 'peers', 'content', 'pieces'];
+const BUILTIN_TABS = ['general', 'trackers', 'peers', 'content', 'pieces'];
let activeTab = 'general';
let currentHash = null;
let refreshTimer = null;
@@ -22,7 +23,7 @@ export function renderDetailShell(hash, host) {
+
+ ${settingsPanel(script.settings)}
+
+
+
+
+ Automation Script
+${script.loaded ? f.esc(script.path || 'loaded') : 'No script loaded'}
+
+
+
+
+
+
+ ${stat('Queued', script.queued)}
+ ${stat('Handled', script.handled)}
+ ${stat('Dropped', script.dropped)}
+ ${stat('Errors', script.errors)}
+ ${stat('Move requests', script.move_requests)}
+
+ ${script.last_error ? `Last error
` : ''}
+ ${f.esc(script.last_error)}
+
+
+
+
- ${TABS.map((t) => ``).join('')}
+ ${detailTabs().map((t) => ``).join('')}
@@ -39,6 +40,13 @@ function tabLabel(t) {
return { general: 'General', trackers: 'Trackers', peers: 'Peers', content: 'Content', pieces: 'Pieces' }[t];
}
+function detailTabs() {
+ return [
+ ...BUILTIN_TABS.map((id) => ({ id, label: tabLabel(id) })),
+ ...pluginDetailTabs().map((tab) => ({ id: tab.id, label: tab.label })),
+ ];
+}
+
export function closeDetail() {
currentHash = null;
if (refreshTimer) clearInterval(refreshTimer);
@@ -58,6 +66,7 @@ async function loadTab() {
else if (activeTab === 'peers') body.innerHTML = renderPeers(await api.peers(currentHash));
else if (activeTab === 'content') { body.innerHTML = renderFiles(await api.files(currentHash)); bindFilePriorities(body); }
else if (activeTab === 'pieces') body.innerHTML = renderPieces(await api.pieces(currentHash));
+ else await renderPluginDetailTab(activeTab, body, { api, f, hash: currentHash });
} catch { /* ignore transient */ }
};
await render();
@@ -107,6 +116,7 @@ function renderGeneral(t) {
${row('Auto TMM', t.autoTMM ? 'On' : 'Off')}
${row('Force start', t.forceStart ? 'On' : 'Off')}
${t.comment ? row('Comment', f.esc(t.comment)) : ''}
+ ${renderPluginDetailPanels(t, { api, f, hash: t.hash })}
+
`)
+ .join('');
+}
+
+export function mountPluginSidebarSections(root, context) {
+ for (const section of registry.sidebarSections) {
+ const el = root.querySelector(`[data-plugin-sidebar="${CSS.escape(`${section.plugin.id}:${section.id}`)}"]`);
+ if (el && typeof section.onMount === 'function') section.onMount(el, context);
+ }
+}
+
+export function pluginDetailTabs() {
+ return registry.detailTabs.filter((t) => t.id && t.label && typeof t.render === 'function');
+}
+
+export async function renderPluginDetailTab(id, host, context) {
+ const tab = pluginDetailTabs().find((t) => t.id === id);
+ if (!tab) return false;
+ await tab.render(host, context);
+ return true;
+}
+
+export function renderPluginDetailPanels(torrent, context) {
+ return registry.detailPanels
+ .filter((p) => p.title && typeof p.render === 'function')
+ .map((p) => {
+ try {
+ return `${context.f.esc(s.title)}
${s.render(context) || ''}
+ ${context.f.esc(p.title)}
${p.render(torrent, context) || ''}`;
+ } catch (e) {
+ console.error(`Failed to render plugin panel ${p.plugin.id}:${p.id || p.title}`, e);
+ return '';
+ }
+ })
+ .join('');
+}
diff --git a/public/plugins/health.js b/public/plugins/health.js
new file mode 100644
index 0000000..cc70b72
--- /dev/null
+++ b/public/plugins/health.js
@@ -0,0 +1,95 @@
+window.Naut.registerPlugin({
+ id: 'health',
+ name: 'Health Overview',
+
+ views: [{
+ id: 'health',
+ label: 'Health',
+ render(host, { state, f }) {
+ const torrents = state.snapshot.torrents;
+ const lowAvailability = torrents.filter((t) => t.availability < 1.05);
+ const idleComplete = torrents.filter((t) => t.progress >= 1 && t.upspeed === 0);
+ const slowDownloads = torrents.filter((t) => t.progress < 1 && t.dlspeed < 32 * 1024);
+ const rows = [...lowAvailability, ...slowDownloads]
+ .filter((t, i, arr) => arr.findIndex((x) => x.hash === t.hash) === i)
+ .sort((a, b) => a.availability - b.availability)
+ .slice(0, 18);
+
+ host.innerHTML = `
+
`;
+ },
+ }],
+
+ sidebarSections: [{
+ id: 'health',
+ title: 'Health',
+ render({ state }) {
+ const torrents = state.snapshot.torrents;
+ const attention = torrents.filter((t) => t.availability < 1.05 || (t.progress < 1 && t.dlspeed < 32 * 1024)).length;
+ return `
+ ${metric('Low availability', lowAvailability.length)}
+ ${metric('Idle completed', idleComplete.length)}
+ ${metric('Slow downloads', slowDownloads.length)}
+
+
+
+ Torrents needing attention
+ ${rows.length ? table(rows, f) : 'No health issues in the current snapshot
'}
+
+ +Needs attention${attention}
+
`;
+ },
+ onMount(root, { setView }) {
+ root.querySelector('[data-health-open]')?.addEventListener('click', () => setView('health'));
+ },
+ }],
+
+ detailTabs: [{
+ id: 'health-detail',
+ label: 'Health',
+ async render(host, { api, hash, f }) {
+ const t = await api.torrent(hash);
+ host.innerHTML = `
+
`;
+ },
+ }],
+
+ detailPanels: [{
+ id: 'health-summary',
+ title: 'Plugin: Health',
+ render(t, { f }) {
+ const flags = [];
+ if (t.availability < 1.05) flags.push('low availability');
+ if (t.progress < 1 && t.dlspeed < 32 * 1024) flags.push('slow download');
+ if (t.progress >= 1 && t.upspeed === 0) flags.push('idle seeding');
+ return `${prop('Attention', flags.length ? flags.join(', ') : 'none')}
+ ${prop('Last activity', f.ago(t.lastActivity))}`;
+ },
+ }],
+});
+
+function metric(label, value) {
+ return `Health
+ ${prop('Availability', t.availability.toFixed(3))}
+ ${prop('Connected seeds', `${t.seeds} / ${t.seedsTotal}`)}
+ ${prop('Connected peers', `${t.peers} / ${t.peersTotal}`)}
+ ${prop('Last activity', f.ago(t.lastActivity))}
+ ${prop('Transfer state', t.dlspeed || t.upspeed ? 'active' : 'idle')}
+ ${label}
${value}
${k}${v}
`;
+}
+
+function table(rows, f) {
+ return `| Name | Done | Availability | Down | Up | +
|---|---|---|---|---|
| ${f.esc(t.name)} | +${f.pct(t.progress)} | +${t.availability.toFixed(2)} | +${f.rate(t.dlspeed)} | +${f.rate(t.upspeed)} | +