Filter row above the VOD grid lets the user search the loaded archive by title. Concrete user pain: streamers commonly have hundreds of VODs and the current UI only supported scrolling. - vodFilterInput / vodFilterClearBtn / vodFilterCount in index.html - localized placeholder + clear-button title (DE + EN) - vodFilterQuery state persisted to localStorage as twitch-vod-manager:vod-filter so the search bar survives reloads - renderVODs split: it now caches lastLoadedVods + lastLoadedStreamer and delegates to renderVodGridFromCurrentState which applies filterVodsByQuery on every input event (no re-fetch) - empty-state DOM is now built with createElement + textContent (via setVodGridEmptyState) instead of an innerHTML template, even for locale-only strings — defence in depth - keyboard: Ctrl/Cmd+F focuses the filter when the VODs tab is active (Electron has no native find bar, so the default is suppressed). Esc clears the filter when the input has focus and content. Esc still closes modals first if any are open. docs/IMPROVEMENT_LOG.md: Cycle 3 dated section. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
13 KiB
13 KiB
Improvement Log
Dated entries from improvement cycles. Newest at top.
2026-05-03 — Cycle 3: clip hardening + VOD filter + cancel-cross-talk fix
Three independent improvements landed this cycle.
1. download-clip IPC: integrity, cancellation, sanitization (server defensive)
- File:
src/main.ts—download-clipIPC handler, newactiveClipProcessesmap. - Problem: The handler reported
success: trueon streamlink exit code 0 even when the resulting file was empty / a few hundred bytes (Twitch occasionally returns a manifest with no segments). The path passedclipInfo.broadcaster_namestraight topath.join— Twitch returns the broadcaster's display name, which can carry unicode, spaces, or punctuation that produced surprising directory layouts on Windows. The spawned streamlink process was tracked nowhere, sowindow-all-closedleft it orphaned. - Fix:
safeBroadcasterruns throughsanitizeFilenamePart.safeTitlefalls back toclipwhen the title sanitises to empty. The output filename now goes throughensureUniqueFilename(path, clipId)so retrying a clip with the same title doesn't overwrite the previous download. After streamlink exits, the file is rejected if smaller than 16 KiB or ifvalidateDownloadedFileIntegrityfails (no video stream / unreadable). The proc is tracked in a newactiveClipProcessesmap and killed bywindow-all-closed.
2. VOD list filter / search (client feature: VM/state + UI + persistence + keyboard)
- Files:
src/renderer-streamers.ts,src/renderer.ts,src/renderer-texts.ts,src/index.html,src/renderer-locale-de.ts,src/renderer-locale-en.ts. - Problem: A streamer can have hundreds of VODs (the test fixture alone has 37 cards). There was no way to find a specific VOD by title — only scroll. With a long archive this is genuinely painful.
- Fix: Filter row above the VOD grid (
vodFilterInput, clear button, match counter). State (vodFilterQuery) is persisted tolocalStoragevialoadPersistedVodFilter/persistVodFilter, so the search bar survives an app restart. The render path was split:renderVODsnow storeslastLoadedVods+lastLoadedStreamerand delegates torenderVodGridFromCurrentState, which appliesfilterVodsByQueryon every input event without re-fetching. Empty-state DOM is built viasetVodGridEmptyStateusingcreateElement+textContent(noinnerHTMLfor locale strings — defense-in-depth even though the strings are trusted). Keyboard:Ctrl+F/Cmd+Ffocuses the filter (only when the VODs tab is active and Electron's no-op default is suppressed);Escclears the filter when the input has focus and content;Escstill closes modals first if any are open.
3. Decouple currentProcess from queue downloads (server cleanup + race fix)
- File:
src/main.ts— global rename and assignment removal. - Problem: A single
currentProcess: ChildProcess | nullwas shared bycutVideo,mergeVideos,splitMergedFile, ANDdownloadVODPart. With parallel downloads the global was constantly overwritten between siblings, but the cross-talk that mattered was different: if a queue download was running and the user kicked off a video cut, the cutter ffmpeg ran into the same global. Pressing the queue's cancel-download button then iteratedactiveDownloads(correct) AND calledcurrentProcess.kill()(incorrect — that was the cutter ffmpeg by then), killing the unrelated cut. - Fix:
currentProcessrenamed tocurrentEditorProcessand confined to the editor pipeline (cutter / merger / splitter).downloadVODPartno longer assigns to it —activeDownloadsis the sole source of truth for queue children. The fallbackif (currentProcess) currentProcess.kill()was removed fromremove-from-queue,pause-download, andcancel-download.window-all-closedstill kills it (so a cutter ffmpeg gets cleaned up on app exit) and now also killsactiveClipProcessesintroduced by Pick 1.
Regression
npm run build— clean (TypeScript strict, 0 errors).npm run test:e2e:update-logic— passed.npm run test:e2e— passed (issues: []).npm run test:e2e:guide— passed (failures: []).npm run test:merge-split— passed.npm run test:e2e:full— passed (failures: [],runtimeIssues: []; flows: language switch, queue add, duplicate prevention, runtime metrics, clip queue, pause/resume, retry, reorder, media cut/merge, update check).
2026-05-03 — Cycle 2: release pipeline + defensive parsing
Three independent improvements landed this cycle.
1. scripts/release_gitea.mjs skips rebuild when artifacts exist (release pipeline)
- File:
scripts/release_gitea.mjs. - Problem: The script unconditionally ran
npm run dist:win(full test suite + electron-builder) even when the version's artifacts were already on disk underrelease/. Whennpm run test:e2ewas broken (cycle 1 follow-up), the release path was unusable — the previous cycle had to bypass the script with direct API uploads via PowerShell. Every future agent would hit the same wall. - Fix: New
--skip-buildflag. The script now also auto-detects whether all 3 required artifacts (Setup-<v>.exe,Setup-<v>.exe.blockmap,latest.yml) exist for the requested version and skipsdist:winaccordingly. The auto-skip is the safe default — explicit--skip-builddocuments intent. Help text updated to describe the new flag and the auto-skip behaviour.
2. playwright in devDependencies + simplified test scripts (release pipeline)
- Files:
package.json(+package-lock.json). - Problem:
npm exec --yes --package=playwright -- node scripts/smoke-test*.jsfailed withMODULE_NOT_FOUNDin environments wherenpm execcouldn't resolve playwright on the fly (clean caches, locked CI runners). Cycle 1 worked around it withnpm install --no-save playwright. Result: the documented test path was unreliable. - Fix:
playwright ^1.59.1added todevDependencies.test:e2e,test:e2e:guide,test:e2e:fullnow invokenode scripts/smoke-test*.jsdirectly —require('playwright')resolves locally. No browser binary install needed because the smoke tests drive Electron via_electron, not a browser.
3. Defensive parsing in loadConfig and loadQueue (server-side correctness)
- File:
src/main.ts— newisPlainObject/isValidQueueStatus/sanitizeCustomClip/sanitizeMergeGroup/sanitizeQueueItemhelpers; rewrittenloadConfigandloadQueue. - Problem:
loadConfigblindly spreadJSON.parse(data)over the defaults. If the config file ever held a non-object (corrupt, manually edited to an array, partial write before Cycle 1's fsync landed), the spread either dropped values silently (primitives) or polluted the config object (arrays became numeric keys).loadQueueonly validatedid,url,statusare strings — it acceptedcustomClip/mergeGroupof any shape, never validatedprogresswas a finite number, and notably never normalized stalestatus: 'downloading'items. After a hard kill mid-download, those items came back marked as still downloading with no actual download running, andstart-downloadonly resurrectedpauseditems, leaving them stuck. - Fix:
loadConfigchecksisPlainObject(parsed)before spread; non-objects are logged and ignored, defaults used.loadQueueruns every entry throughsanitizeQueueItemwhich validates thestatusenum, normalizesprogressto[0, 100], validates and normalizescustomClip/mergeGroupshapes, and demotes stalestatus: 'downloading'topendingwithprogress = 0so the user can actually resume the queue. Invalid items are dropped with a count logged. As a bonus, the previously-unusedCustomClipandMergeGroupItemtype imports now have call sites.
Regression
npm run build— clean (TypeScript strict, 0 errors).npm run test:e2e:update-logic— passed.npm run test:e2e— passed via the new direct script path (nonpm execworkaround),issues: [].npm run test:e2e:guide— passed.npm run test:merge-split— passed.npm run test:e2e:full— passed (failures: [],runtimeIssues: []; flows: language switch, queue, duplicate prevention, runtime metrics, clip queue, pause/resume, retry, reorder, media cut/merge, update check).
2026-05-03 — Cycle 1: stability & UX polish
Three independent improvements landed this cycle.
1. Atomic file writes survive power loss / crash mid-write (correctness)
- Files:
src/main.ts— newwriteFileAtomicSynchelper,saveConfig,writeQueueToDisk. - Problem:
saveConfigandwriteQueueToDiskusedwriteFileSync+renameSync. Node'swriteFileSyncdoes NOT callfsync— the OS may report the rename complete while the file content still sits in the write cache. A power loss / kernel panic betweenwriteFileSyncandrenameSynccould leave the renamed file empty or truncated. On next launch,JSON.parsethrows and the app silently falls back to defaults (config) or[](queue). Users would see "settings reset" / "queue lost" with no diagnostic in the debug log beyond aconsole.error. - Fix:
openSync(tmp, 'w')→writeSync(fd, buffer, 0, len, 0)→fsyncSync(fd)→closeSync(fd)→renameSync. ThefsyncSyncis wrapped in an inner try (some filesystems reject it, e.g. network shares); failure there is non-fatal but the close + rename order is always preserved. The Windows copy/unlink fallback for "rename failed because target locked" is kept.
2. Per-item filename claims fix parallel-download race (race condition + dead-code cleanup)
- Files:
src/main.ts—ensureUniqueFilename, newreleaseClaimedFilenamesForItem, every download call site,splitMergedFilesignature. - Problem:
claimedFilenameswas a globalSet<string>andprocessOneQueueItemdidclaimedFilenames.clear()in itsfinally. With parallel downloads enabled (max 2), when item A finished, theclear()wiped item B's reservations too. In the narrow window between B claiming a filename viaensureUniqueFilenameand streamlink actually writing the first bytes to disk, a third item entering the freed slot could compute the SAME filename (claim set empty, file not yet on disk) → both downloads would race writing the same path. The deadreleaseClaimedFilename(filePath)function was defined at line 722 but never called from anywhere. - Fix: New
Map<itemId, Set<filename>>tracks which item claimed which filenames.ensureUniqueFilename(filePath, itemId)registers per-item;releaseClaimedFilenamesForItem(itemId)removes only that item's claims.splitMergedFilegained anitemIdparameter so split-phase claims register correctly. The deadreleaseClaimedFilenameis gone, replaced by the per-item variant.
3. Renderer UX polish — robust progress lookup, persisted active tab, keyboard shortcuts (client-side feature)
- Files:
src/renderer-queue.ts,src/renderer.ts. - Problem(s) (small wins bundled as one coherent UX improvement):
updateQueueItemProgressindexedbyId('queueList').children[idx]by array position — fragile if the queue array and DOM ever diverged for a frame (queue mutated after render-fingerprint shortcut, or during the throttled queue-sync window).- The active tab always reset to
vodson app launch — annoying for users who live insettings,cutter, ormerge. - No way to dismiss any of the three modals (
clipModal,templateGuideModal,updateModal) without clicking the close button. - No keyboard navigation between tabs (only
DelandSwere wired). - The page title used to show the streamer name even when the user was on Settings or Cutter, because
showTabalways preferredcurrentStreamerover the tab title.
- Fix:
- Look up queue items by
[data-id="..."]selector instead of array index. Resilient to mutation between renders. Determinate / indeterminate progress class logic tightened (isDeterminate = progress > 0 && progress <= 100). - Active tab persisted to
localStorageon everyshowTab; restored on init vialoadPersistedActiveTab, whitelisted to known tab IDs (vods | clips | cutter | merge | settings) so a future rename can't strand users on a missing tab. Title logic fixed: streamer name only appears in the page title when the VODs tab is active. Escapecloses the topmost open modal regardless of focus (priority order: clip dialog → template guide → update modal). Works while typing in a modal input.Ctrl+1..5(orCmd+1..5on macOS) jumps directly to a tab. ExistingDel(delete selected) andS(start/pause) shortcuts continue to work and remain blocked while typing in inputs.
- Look up queue items by
Regression
npm run build— clean (TypeScript strict, 0 errors, 0 new warnings).node scripts/smoke-test-update-version-logic.js— passed.node scripts/smoke-test-merge-split-logic.js— passed.node scripts/smoke-test.js— passed (37 VODs listed, queue add OK, preflight green,issues: []).node scripts/smoke-test-template-guide.js— passed (17 variable rows, live preview reactive,failures: []).node scripts/smoke-test-full.js— passed (failures: [],runtimeIssues: []; flows verified: language switch, queue add, duplicate prevention, runtime metrics, clip queue, pause/resume, retry, reorder, media cut/merge, update check).
ESLint reports 36 pre-existing warnings and 1 pre-existing error (control-character regex in sanitizeFilenamePart); none new from this cycle.