diff --git a/src/features/extensions/components/ExtensionFilters.svelte b/src/features/extensions/components/ExtensionFilters.svelte index ca87901..48f7920 100644 --- a/src/features/extensions/components/ExtensionFilters.svelte +++ b/src/features/extensions/components/ExtensionFilters.svelte @@ -1,5 +1,5 @@ @@ -57,6 +59,11 @@ + {#if updateCount > 0} + + {/if} @@ -90,6 +97,8 @@ .search { background: var(--bg-raised); border: 1px solid var(--border-dim); border-radius: var(--radius-md); padding: 5px 10px 5px 26px; color: var(--text-primary); font-size: var(--text-sm); width: 160px; outline: none; transition: border-color var(--t-base); } .search::placeholder { color: var(--text-faint); } .search:focus { border-color: var(--border-strong); } + .icon-btn.update-badge { color: var(--accent-fg); } + .icon-btn.update-badge:hover:not(:disabled) { background: var(--accent-muted); } .lang-bar { display: flex; align-items: center; gap: 4px; padding: var(--sp-2) var(--sp-6); flex-shrink: 0; flex-wrap: wrap; border-bottom: 1px solid var(--border-dim); } .lang-pill { font-family: var(--font-ui); font-size: var(--text-2xs); letter-spacing: var(--tracking-wider); text-transform: uppercase; padding: 3px 9px; border-radius: var(--radius-sm); border: 1px solid var(--border-dim); background: none; color: var(--text-faint); cursor: pointer; transition: color var(--t-fast), background var(--t-fast), border-color var(--t-fast); } .lang-pill:hover { color: var(--text-muted); border-color: var(--border-strong); background: var(--bg-raised); } diff --git a/src/features/extensions/components/Extensions.svelte b/src/features/extensions/components/Extensions.svelte index b30a211..4798379 100644 --- a/src/features/extensions/components/Extensions.svelte +++ b/src/features/extensions/components/Extensions.svelte @@ -29,6 +29,7 @@ let search = $state(""); let langFilter = $state(null); let working = $state(new Set()); + let updatingAll = $state(false); let expanded = $state(new Set()); let panel = $state(null); @@ -124,6 +125,15 @@ } } + async function updateAll() { + const pending = extensions.filter((e) => e.hasUpdate); + if (!pending.length || updatingAll) return; + updatingAll = true; + for (const ext of pending) await mutate(ext.pkgName, "update"); + updatingAll = false; + addToast({ kind: "success", title: "All extensions updated", body: `${pending.length} extension${pending.length === 1 ? "" : "s"} updated` }); + } + async function installExternal() { const url = externalUrl.trim(); const err = validateUrl(url, ".apk"); @@ -206,13 +216,14 @@
search = q} onLang={(l) => langFilter = l} onPanel={openPanel} onRefresh={fetchFromRepo} + onUpdateAll={updateAll} /> {#if panel === "apk"}