Adds a sort selector next to the existing filter input. Five modes: newest first (default), oldest first, most viewed, longest first, shortest first. Concrete user pain — long archives previously had no way to find the longest stream, the most-watched, or to scroll back to the start chronologically. - vodSortKey state persisted to localStorage as twitch-vod-manager:vod-sort and validated against an enum on load, so an unknown stored value falls back to date_desc - renderVodGridFromCurrentState now applies sortVods before filterVodsByQuery so the filter sees the sort and the match counter is consistent - sortVods uses created_at timestamps for date sorts, view_count for views, and a tiny vodDurationToSeconds parser (XhYmZs) for duration - DE + EN labels for both the "Sort:" prefix and the five option texts; refreshVodSortSelectLabels re-runs on language switch - syncVodSortSelect on init preselects the persisted value before any VOD load so the dropdown reflects state immediately Browser-default keyboard nav (arrows, type-ahead) covers keyboard access for the select. docs/IMPROVEMENT_LOG.md: Cycle 4 dated section. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
17 KiB
17 KiB
Improvement Log
Dated entries from improvement cycles. Newest at top.
2026-05-03 — Cycle 4: GQL retry + VOD sort + shutdown consolidation
Three independent improvements landed this cycle.
1. Public Twitch GQL fallback retries on transient failures (defensive error handling)
- File:
src/main.ts— newisTransientAxiosError+ retry loop infetchPublicTwitchGql. - Problem:
fetchPublicTwitchGqlswallowed every network error withcatch (e) { console.error(...); return null; }. The public-API fallback path is what users without a Twitch client_id/secret hit on every VOD list load — a single TCP RST or a transient503fromgql.twitch.tvproduced an empty list and the user had to click refresh. - Fix: Up to 3 attempts with exponential backoff (
400ms × 2^(attempt-1)+ jitter, capped by attempt count). Retries cover transient HTTP (408,429,5xx) and pure network failures (no response). GraphQL errors inerrors[]are still returned without retry — those are application-level rejections of the query itself. Recovery is logged viaappendDebugLog('public-gql-recovered', ...)so we can later see in logs whether the retries actually pay off.
2. VOD list sort dropdown with persistence (client feature: VM/state + UI + persistence)
- 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: VODs always rendered in the order Twitch returned them (
sort:TIMEdesc). With long archives users had no way to find the longest stream, the most-watched, or the oldest. - Fix:
vodSortSelectdropdown next to the filter input. Five sort modes: newest first, oldest first, most viewed, longest first, shortest first. State (vodSortKey) persisted tolocalStorageundertwitch-vod-manager:vod-sortand validated against an enum on load — an unknown stored value falls back todate_descso a future rename can't strand the user.renderVodGridFromCurrentStatenow appliessortVodsbeforefilterVodsByQueryso the filter sees the sort order and the match-counter is consistent. Sort labels and the "Sort:" prefix label are localized (DE + EN), andrefreshVodSortSelectLabelsre-runs on language switch so the option labels stay in the active language. Browser-default keyboard nav on the select (arrow keys, type-ahead) covers keyboard access.
3. shutdownCleanup() consolidates window-all-closed + before-quit (cleanup of meaningful size)
- File:
src/main.ts. - Problem: Both lifecycle handlers ran nearly identical cleanup blocks but had drifted:
window-all-closedkilled children and was platform-aware (app.quit()on non-darwin),before-quitonly stopped timers and saved state. There was no single place to add a new "must run on exit" step — every future addition had to be pasted into both handlers and inevitably one would diverge. - Fix: Single
shutdownCleanup(reason)helper, gated by an idempotentshutdownCleanupDoneflag so abefore-quitimmediately following awindow-all-closedis a no-op. The helper killsactiveDownloads,activeClipProcesses, andcurrentEditorProcess(with try/catch so an already-exited proc doesn't throw), persists config + queue, then stops timers. Debug-log flush is reordered to run AFTERsaveConfig/flushQueueSaveso any error in those persistence calls actually reaches the log file before the flush timer is gone. Bothapp.on(...)handlers shrank to one line each.
Regression
npm run build— clean (TypeScript strict, 0 errors).npm run test:e2e:update-logic— passed.npm run test:merge-split— passed.npm run test:e2e— passed (issues: []).npm run test:e2e:guide— passed (failures: []).npm run test:e2e:full— passed (failures: [],runtimeIssues: []).
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.