Fix renderer overlay loading and modularize renderer

2026-02-28 06:22:45 -08:00 · 2026-02-11 18:27:29 -08:00
parent 44b0e3604e
commit 8787d905b2
29 changed files with 3150 additions and 2741 deletions
--- a/src/renderer/utils/dom.ts
+++ b/src/renderer/utils/dom.ts
@@ -0,0 +1,131 @@
+export type RendererDom = {
+  subtitleRoot: HTMLElement;
+  subtitleContainer: HTMLElement;
+  overlay: HTMLElement;
+  secondarySubContainer: HTMLElement;
+  secondarySubRoot: HTMLElement;
+
+  jimakuModal: HTMLDivElement;
+  jimakuTitleInput: HTMLInputElement;
+  jimakuSeasonInput: HTMLInputElement;
+  jimakuEpisodeInput: HTMLInputElement;
+  jimakuSearchButton: HTMLButtonElement;
+  jimakuCloseButton: HTMLButtonElement;
+  jimakuStatus: HTMLDivElement;
+  jimakuEntriesSection: HTMLDivElement;
+  jimakuEntriesList: HTMLUListElement;
+  jimakuFilesSection: HTMLDivElement;
+  jimakuFilesList: HTMLUListElement;
+  jimakuBroadenButton: HTMLButtonElement;
+
+  kikuModal: HTMLDivElement;
+  kikuCard1: HTMLDivElement;
+  kikuCard2: HTMLDivElement;
+  kikuCard1Expression: HTMLDivElement;
+  kikuCard2Expression: HTMLDivElement;
+  kikuCard1Sentence: HTMLDivElement;
+  kikuCard2Sentence: HTMLDivElement;
+  kikuCard1Meta: HTMLDivElement;
+  kikuCard2Meta: HTMLDivElement;
+  kikuConfirmButton: HTMLButtonElement;
+  kikuCancelButton: HTMLButtonElement;
+  kikuDeleteDuplicateCheckbox: HTMLInputElement;
+  kikuSelectionStep: HTMLDivElement;
+  kikuPreviewStep: HTMLDivElement;
+  kikuPreviewJson: HTMLPreElement;
+  kikuPreviewCompactButton: HTMLButtonElement;
+  kikuPreviewFullButton: HTMLButtonElement;
+  kikuPreviewError: HTMLDivElement;
+  kikuBackButton: HTMLButtonElement;
+  kikuFinalConfirmButton: HTMLButtonElement;
+  kikuFinalCancelButton: HTMLButtonElement;
+  kikuHint: HTMLDivElement;
+
+  runtimeOptionsModal: HTMLDivElement;
+  runtimeOptionsClose: HTMLButtonElement;
+  runtimeOptionsList: HTMLUListElement;
+  runtimeOptionsStatus: HTMLDivElement;
+
+  subsyncModal: HTMLDivElement;
+  subsyncCloseButton: HTMLButtonElement;
+  subsyncEngineAlass: HTMLInputElement;
+  subsyncEngineFfsubsync: HTMLInputElement;
+  subsyncSourceLabel: HTMLLabelElement;
+  subsyncSourceSelect: HTMLSelectElement;
+  subsyncRunButton: HTMLButtonElement;
+  subsyncStatus: HTMLDivElement;
+};
+
+function getRequiredElement<T extends HTMLElement>(id: string): T {
+  const element = document.getElementById(id);
+  if (!element) {
+    throw new Error(`Missing required DOM element #${id}`);
+  }
+  return element as T;
+}
+
+export function resolveRendererDom(): RendererDom {
+  return {
+    subtitleRoot: getRequiredElement<HTMLElement>("subtitleRoot"),
+    subtitleContainer: getRequiredElement<HTMLElement>("subtitleContainer"),
+    overlay: getRequiredElement<HTMLElement>("overlay"),
+    secondarySubContainer:
+      getRequiredElement<HTMLElement>("secondarySubContainer"),
+    secondarySubRoot: getRequiredElement<HTMLElement>("secondarySubRoot"),
+
+    jimakuModal: getRequiredElement<HTMLDivElement>("jimakuModal"),
+    jimakuTitleInput: getRequiredElement<HTMLInputElement>("jimakuTitle"),
+    jimakuSeasonInput: getRequiredElement<HTMLInputElement>("jimakuSeason"),
+    jimakuEpisodeInput: getRequiredElement<HTMLInputElement>("jimakuEpisode"),
+    jimakuSearchButton: getRequiredElement<HTMLButtonElement>("jimakuSearch"),
+    jimakuCloseButton: getRequiredElement<HTMLButtonElement>("jimakuClose"),
+    jimakuStatus: getRequiredElement<HTMLDivElement>("jimakuStatus"),
+    jimakuEntriesSection: getRequiredElement<HTMLDivElement>("jimakuEntriesSection"),
+    jimakuEntriesList: getRequiredElement<HTMLUListElement>("jimakuEntries"),
+    jimakuFilesSection: getRequiredElement<HTMLDivElement>("jimakuFilesSection"),
+    jimakuFilesList: getRequiredElement<HTMLUListElement>("jimakuFiles"),
+    jimakuBroadenButton: getRequiredElement<HTMLButtonElement>("jimakuBroaden"),
+
+    kikuModal: getRequiredElement<HTMLDivElement>("kikuFieldGroupingModal"),
+    kikuCard1: getRequiredElement<HTMLDivElement>("kikuCard1"),
+    kikuCard2: getRequiredElement<HTMLDivElement>("kikuCard2"),
+    kikuCard1Expression: getRequiredElement<HTMLDivElement>("kikuCard1Expression"),
+    kikuCard2Expression: getRequiredElement<HTMLDivElement>("kikuCard2Expression"),
+    kikuCard1Sentence: getRequiredElement<HTMLDivElement>("kikuCard1Sentence"),
+    kikuCard2Sentence: getRequiredElement<HTMLDivElement>("kikuCard2Sentence"),
+    kikuCard1Meta: getRequiredElement<HTMLDivElement>("kikuCard1Meta"),
+    kikuCard2Meta: getRequiredElement<HTMLDivElement>("kikuCard2Meta"),
+    kikuConfirmButton: getRequiredElement<HTMLButtonElement>("kikuConfirmButton"),
+    kikuCancelButton: getRequiredElement<HTMLButtonElement>("kikuCancelButton"),
+    kikuDeleteDuplicateCheckbox:
+      getRequiredElement<HTMLInputElement>("kikuDeleteDuplicate"),
+    kikuSelectionStep: getRequiredElement<HTMLDivElement>("kikuSelectionStep"),
+    kikuPreviewStep: getRequiredElement<HTMLDivElement>("kikuPreviewStep"),
+    kikuPreviewJson: getRequiredElement<HTMLPreElement>("kikuPreviewJson"),
+    kikuPreviewCompactButton:
+      getRequiredElement<HTMLButtonElement>("kikuPreviewCompact"),
+    kikuPreviewFullButton: getRequiredElement<HTMLButtonElement>("kikuPreviewFull"),
+    kikuPreviewError: getRequiredElement<HTMLDivElement>("kikuPreviewError"),
+    kikuBackButton: getRequiredElement<HTMLButtonElement>("kikuBackButton"),
+    kikuFinalConfirmButton:
+      getRequiredElement<HTMLButtonElement>("kikuFinalConfirmButton"),
+    kikuFinalCancelButton:
+      getRequiredElement<HTMLButtonElement>("kikuFinalCancelButton"),
+    kikuHint: getRequiredElement<HTMLDivElement>("kikuHint"),
+
+    runtimeOptionsModal: getRequiredElement<HTMLDivElement>("runtimeOptionsModal"),
+    runtimeOptionsClose: getRequiredElement<HTMLButtonElement>("runtimeOptionsClose"),
+    runtimeOptionsList: getRequiredElement<HTMLUListElement>("runtimeOptionsList"),
+    runtimeOptionsStatus: getRequiredElement<HTMLDivElement>("runtimeOptionsStatus"),
+
+    subsyncModal: getRequiredElement<HTMLDivElement>("subsyncModal"),
+    subsyncCloseButton: getRequiredElement<HTMLButtonElement>("subsyncClose"),
+    subsyncEngineAlass: getRequiredElement<HTMLInputElement>("subsyncEngineAlass"),
+    subsyncEngineFfsubsync:
+      getRequiredElement<HTMLInputElement>("subsyncEngineFfsubsync"),
+    subsyncSourceLabel: getRequiredElement<HTMLLabelElement>("subsyncSourceLabel"),
+    subsyncSourceSelect: getRequiredElement<HTMLSelectElement>("subsyncSourceSelect"),
+    subsyncRunButton: getRequiredElement<HTMLButtonElement>("subsyncRun"),
+    subsyncStatus: getRequiredElement<HTMLDivElement>("subsyncStatus"),
+  };
+}