save copy settings #21

src/common/types.ts

@@ -157,3 +157,11 @@ export type Context = {
     scores: ContextScore[];
   };
 };
+
+export type CopySettings = {
+  output: Output;
+  writeContext: boolean;
+  writeDisplayNames: boolean;
+  writeFileNames: boolean;
+  writeStartTimes: boolean;
+};

src/main/ipc.ts

@@ -10,7 +10,14 @@ import Store from 'electron-store';
 import { rm } from 'fs/promises';
 import detectUsb from 'detect-usb';
 import path from 'path';
-import { Context, Output, Replay, Set, StartggSet } from '../common/types';
+import {
+  Context,
+  CopySettings,
+  Output,
+  Replay,
+  Set,
+  StartggSet,
+} from '../common/types';
 import {
   getEvent,
   getPhase,
@@ -274,6 +281,30 @@ export default function setupIPCs(mainWindow: BrowserWindow): void {
     },
   );
 
+  ipcMain.removeHandler('getCopySettings');
+  ipcMain.handle('getCopySettings', () => {
+    if (store.has('copySettings')) {
+      return store.get('copySettings') as CopySettings;
+    }
+    const newCopySettings: CopySettings = {
+      output: Output.ZIP,
+      writeContext: false,
+      writeDisplayNames: true,
+      writeFileNames: false,
+      writeStartTimes: true,
+    };
+    store.set('copySettings', newCopySettings);
+    return newCopySettings;
+  });
+
+  ipcMain.removeHandler('setCopySettings');
+  ipcMain.handle(
+    'setCopySettings',
+    (event: IpcMainInvokeEvent, newCopySettings: CopySettings) => {
+      store.set('copySettings', newCopySettings);
+    },
+  );
+
   ipcMain.removeHandler('copyToClipboard');
   ipcMain.handle(
     'copyToClipboard',

src/main/preload.ts

@@ -1,6 +1,7 @@
 import { IpcRendererEvent, contextBridge, ipcRenderer } from 'electron';
 import {
   Context,
+  CopySettings,
   EnforceResult,
   Event,
   Output,
@@ -74,6 +75,10 @@ const electronHandler = {
   getUseEnforcer: (): Promise<boolean> => ipcRenderer.invoke('getUseEnforcer'),
   setUseEnforcer: (useEnforcer: boolean): Promise<void> =>
     ipcRenderer.invoke('setUseEnforcer', useEnforcer),
+  getCopySettings: (): Promise<CopySettings> =>
+    ipcRenderer.invoke('getCopySettings'),
+  setCopySettings: (copySettings: CopySettings): Promise<void> =>
+    ipcRenderer.invoke('setCopySettings', copySettings),
   copyToClipboard: (text: string): Promise<void> =>
     ipcRenderer.invoke('copyToClipboard', text),
   getVersion: (): Promise<string> => ipcRenderer.invoke('getVersion'),

src/renderer/App.tsx

@@ -37,6 +37,7 @@ import {
   Context,
   ContextScore,
   ContextSlot,
+  CopySettings,
   Event,
   Output,
   Phase,
@@ -111,6 +112,14 @@ function Hello() {
   const [useEnforcer, setUseEnforcer] = useState(false);
   const [appVersion, setAppVersion] = useState('');
   const [latestAppVersion, setLatestAppVersion] = useState('');
+  // copy settigns
+  const [copySettings, setCopySettings] = useState<CopySettings>({
+    output: Output.FILES,
+    writeContext: false,
+    writeDisplayNames: false,
+    writeFileNames: false,
+    writeStartTimes: false,
+  });
   useEffect(() => {
     const inner = async () => {
       const appVersionPromise = window.electron.getVersion();
@@ -119,12 +128,14 @@ function Hello() {
       const autoDetectUsbPromise = window.electron.getAutoDetectUsb();
       const scrollToBottomPromise = window.electron.getScrollToBottom();
       const useEnforcerPromise = window.electron.getUseEnforcer();
+      const copySettingsPromise = window.electron.getCopySettings();
       setAppVersion(await appVersionPromise);
       setLatestAppVersion(await latestAppVersionPromise);
       setStartggApiKey(await startggKeyPromise);
       setAutoDetectUsb(await autoDetectUsbPromise);
       setScrollToBottom(await scrollToBottomPromise);
       setUseEnforcer(await useEnforcerPromise);
+      setCopySettings(await copySettingsPromise);
       setGotSettings(true);
     };
     inner();
@@ -862,19 +873,14 @@ function Hello() {
   const [copyDir, setCopyDir] = useState('');
   const [copyError, setCopyError] = useState('');
   const [copyErrorDialogOpen, setCopyErrorDialogOpen] = useState(false);
-  const [copyOutput, setCopyOutput] = useState(Output.ZIP);
   const [copySuccess, setCopySuccess] = useState('');
-  const [copyWriteContext, setCopyWriteContext] = useState(false);
-  const [copyWriteDisplayNames, setCopyWriteDisplayNames] = useState(true);
-  const [copyWriteFileNames, setCopyWriteFileNames] = useState(false);
-  const [copyWriteStartTimes, setCopyWriteStartTimes] = useState(true);
 
   const onCopy = async () => {
     setIsCopying(true);
 
     let offsetMs = 0;
     let startDate = new Date(selectedReplays[0].startAt);
-    if (copyWriteStartTimes) {
+    if (copySettings.writeStartTimes) {
       const lastReplay = selectedReplays[selectedReplays.length - 1];
       const lastStartMs = new Date(lastReplay.startAt).getTime();
       const lastDurationMs = Math.round((lastReplay.lastFrame + 124) / 0.05994);
@@ -888,9 +894,9 @@ function Hello() {
     let subdir = '';
     let context: Context | undefined;
     if (
-      copyWriteFileNames ||
-      copyOutput === Output.FOLDER ||
-      copyOutput === Output.ZIP
+      copySettings.writeFileNames ||
+      copySettings.output === Output.FOLDER ||
+      copySettings.output === Output.ZIP
     ) {
       const nameObjs = selectedReplays.map((replay) =>
         replay.players.map(
@@ -900,7 +906,7 @@ function Hello() {
                   characterName: characterNames.get(
                     player.externalCharacterId,
                   )!,
-                  displayName: copyWriteDisplayNames
+                  displayName: copySettings.writeDisplayNames
                     ? player.playerOverrides.displayName || player.displayName
                     : player.displayName,
                   nametag: player.nametag,
@@ -919,7 +925,10 @@ function Hello() {
         return nameObj.characterName;
       };
 
-      if (copyOutput === Output.FOLDER || copyOutput === Output.ZIP) {
+      if (
+        copySettings.output === Output.FOLDER ||
+        copySettings.output === Output.ZIP
+      ) {
         const folderLabels = nameObjs
           .reduce(
             (namesObj, game): NamesObj[] => {
@@ -988,12 +997,12 @@ function Hello() {
         subdir = `${writeStartAt} ${folderLabels}`;
       }
 
-      if (copyWriteFileNames) {
+      if (copySettings.writeFileNames) {
         fileNames = nameObjs.map((game, i) => {
           let prefix = `${i + 1}`;
-          if (copyOutput === Output.FILES) {
+          if (copySettings.output === Output.FILES) {
             const { startAt } = selectedReplays[i];
-            const writeStartDate = copyWriteStartTimes
+            const writeStartDate = copySettings.writeStartTimes
               ? new Date(new Date(startAt).getTime() + offsetMs)
               : new Date(startAt);
             const writeStartAt = format(writeStartDate, "yyyyMMdd'T'HHmmss");
@@ -1007,7 +1016,7 @@ function Hello() {
         });
       }
 
-      if (selectedSet.id && copyWriteContext) {
+      if (selectedSet.id && copySettings.writeContext) {
         const contextEvent = tournament.events.find(
           (event) => event.id === selectedSetChain.eventId,
         )!;
@@ -1097,7 +1106,7 @@ function Hello() {
     }
 
     let startTimes: string[] = [];
-    if (copyWriteStartTimes) {
+    if (copySettings.writeStartTimes) {
       startTimes = selectedReplays.map((replay) =>
         new Date(new Date(replay.startAt).getTime() + offsetMs).toISOString(),
       );
@@ -1107,11 +1116,11 @@ function Hello() {
       await window.electron.writeReplays(
         copyDir,
         fileNames,
-        copyOutput,
+        copySettings.output,
         selectedReplays,
         startTimes,
         subdir,
-        copyWriteDisplayNames,
+        copySettings.writeDisplayNames,
         context,
       );
       setCopySuccess('Success!');
@@ -1317,17 +1326,12 @@ function Hello() {
             hasSelectedReplays={selectedReplays.length > 0}
             isCopying={isCopying}
             onCopy={onCopy}
-            output={copyOutput}
-            setOutput={setCopyOutput}
             success={copySuccess}
-            writeContext={copyWriteContext}
-            setWriteContext={setCopyWriteContext}
-            writeDisplayNames={copyWriteDisplayNames}
-            setWriteDisplayNames={setCopyWriteDisplayNames}
-            writeFileNames={copyWriteFileNames}
-            setWriteFileNames={setCopyWriteFileNames}
-            writeStartTimes={copyWriteStartTimes}
-            setWriteStartTimes={setCopyWriteStartTimes}
+            copySettings={copySettings}
+            setCopySettings={async (newCopySettings: CopySettings) => {
+              await window.electron.setCopySettings(newCopySettings);
+              setCopySettings(newCopySettings);
+            }}
           />
           <div ref={copyControlsRef} />
         </TopColumn>

src/renderer/CopyControls.tsx

@@ -10,7 +10,7 @@ import {
   Tooltip,
   Typography,
 } from '@mui/material';
-import { Output } from '../common/types';
+import { CopySettings, Output } from '../common/types';
 import ErrorDialog from './ErrorDialog';
 import LabeledCheckbox from './LabeledCheckbox';
 
@@ -24,17 +24,9 @@ export default function CopyControls({
   hasSelectedReplays,
   isCopying,
   onCopy,
-  output,
-  setOutput,
   success,
-  writeContext,
-  setWriteContext,
-  writeDisplayNames,
-  setWriteDisplayNames,
-  writeFileNames,
-  setWriteFileNames,
-  writeStartTimes,
-  setWriteStartTimes,
+  copySettings,
+  setCopySettings,
 }: {
   dir: string;
   setDir: (dir: string) => void;
@@ -45,17 +37,9 @@ export default function CopyControls({
   hasSelectedReplays: boolean;
   isCopying: boolean;
   onCopy: () => Promise<void>;
-  output: Output;
-  setOutput: (output: Output) => void;
   success: string;
-  writeContext: boolean;
-  setWriteContext: (writeContext: boolean) => void;
-  writeDisplayNames: boolean;
-  setWriteDisplayNames: (writeDisplayNames: boolean) => void;
-  writeFileNames: boolean;
-  setWriteFileNames: (writeFileNames: boolean) => void;
-  writeStartTimes: boolean;
-  setWriteStartTimes: (writeStartTimes: boolean) => void;
+  copySettings: CopySettings;
+  setCopySettings: (newCopySettings: CopySettings) => Promise<void>;
 }) {
   const chooseDir = async () => {
     const newDir = await window.electron.chooseCopyDir();
@@ -89,10 +73,14 @@ export default function CopyControls({
             >
               <div>
                 <LabeledCheckbox
-                  checked={writeContext}
-                  disabled={output === Output.FILES}
+                  checked={copySettings.writeContext}
+                  disabled={copySettings.output === Output.FILES}
                   label="Write context.json"
-                  set={setWriteContext}
+                  set={(checked: boolean) => {
+                    const newCopySettings = { ...copySettings };
+                    newCopySettings.writeContext = checked;
+                    setCopySettings(newCopySettings);
+                  }}
                 />
               </div>
             </Tooltip>
@@ -104,9 +92,13 @@ export default function CopyControls({
             >
               <div>
                 <LabeledCheckbox
-                  checked={writeDisplayNames}
+                  checked={copySettings.writeDisplayNames}
                   label="Overwrite Display Names"
-                  set={setWriteDisplayNames}
+                  set={(checked: boolean) => {
+                    const newCopySettings = { ...copySettings };
+                    newCopySettings.writeDisplayNames = checked;
+                    setCopySettings(newCopySettings);
+                  }}
                 />
               </div>
             </Tooltip>
@@ -116,9 +108,13 @@ export default function CopyControls({
             >
               <div>
                 <LabeledCheckbox
-                  checked={writeFileNames}
+                  checked={copySettings.writeFileNames}
                   label="Overwrite File Names"
-                  set={setWriteFileNames}
+                  set={(checked: boolean) => {
+                    const newCopySettings = { ...copySettings };
+                    newCopySettings.writeFileNames = checked;
+                    setCopySettings(newCopySettings);
+                  }}
                 />
               </div>
             </Tooltip>
@@ -130,20 +126,26 @@ export default function CopyControls({
             >
               <div>
                 <LabeledCheckbox
-                  checked={writeStartTimes}
+                  checked={copySettings.writeStartTimes}
                   label="Overwrite Start Times"
-                  set={setWriteStartTimes}
+                  set={(checked: boolean) => {
+                    const newCopySettings = { ...copySettings };
+                    newCopySettings.writeStartTimes = checked;
+                    setCopySettings(newCopySettings);
+                  }}
                 />
               </div>
             </Tooltip>
             <TextField
               label="Output"
-              onChange={(event) =>
-                setOutput(parseInt(event.target.value, 10) as Output)
-              }
+              onChange={(event) => {
+                const newCopySettings = { ...copySettings };
+                newCopySettings.output = parseInt(event.target.value, 10);
+                setCopySettings(newCopySettings);
+              }}
               select
               size="small"
-              value={output}
+              value={copySettings.output}
             >
               <MenuItem value={Output.FILES}>Separate Files</MenuItem>
               <MenuItem value={Output.FOLDER}>Make Subfolder</MenuItem>