feat: Add Developer menu with clear storage option (#203)

Co-authored-by: Claude <[email protected]>

Author: jonathanlab

apps/array/src/main/index.ts

@@ -139,6 +139,18 @@ function createWindow(): void {
             mainWindow?.webContents.send("new-task");
           },
         },
+        { type: "separator" },
+        {
+          label: "Developer",
+          submenu: [
+            {
+              label: "Clear application storage",
+              click: () => {
+                mainWindow?.webContents.send("clear-storage");
+              },
+            },
+          ],
+        },
       ],
     },
     {

apps/array/src/main/preload.ts

@@ -310,6 +310,8 @@ contextBridge.exposeInMainWorld("electronAPI", {
     createVoidIpcListener("new-task", listener),
   onResetLayout: (listener: () => void): (() => void) =>
     createVoidIpcListener("reset-layout", listener),
+  onClearStorage: (listener: () => void): (() => void) =>
+    createVoidIpcListener("clear-storage", listener),
   getAppVersion: (): Promise<string> => ipcRenderer.invoke("app:get-version"),
   onUpdateReady: (listener: () => void): (() => void) =>
     createVoidIpcListener("updates:ready", listener),

apps/array/src/renderer/components/MainLayout.tsx

@@ -16,6 +16,7 @@ import { TaskInput } from "@features/task-detail/components/TaskInput";
 import { TaskList } from "@features/task-list/components/TaskList";
 import { useIntegrations } from "@hooks/useIntegrations";
 import { Box, Flex } from "@radix-ui/themes";
+import { clearApplicationStorage } from "@renderer/lib/clearStorage";
 import type { Task } from "@shared/types";
 import { useNavigationStore } from "@stores/navigationStore";
 import { useCallback, useEffect, useState } from "react";
@@ -50,6 +51,10 @@ export function MainLayout() {
     window.location.reload();
   }, [clearAllLayouts]);
 
+  const handleClearStorage = useCallback(() => {
+    clearApplicationStorage();
+  }, []);
+
   useHotkeys("mod+k", () => setCommandMenuOpen((prev) => !prev), {
     enabled: !commandMenuOpen,
   });
@@ -79,12 +84,22 @@ export function MainLayout() {
       handleResetLayout();
     });
 
+    const unsubscribeClearStorage = window.electronAPI?.onClearStorage(() => {
+      handleClearStorage();
+    });
+
     return () => {
       unsubscribeSettings?.();
       unsubscribeNewTask?.();
       unsubscribeResetLayout?.();
+      unsubscribeClearStorage?.();
     };
-  }, [handleOpenSettings, handleFocusTaskMode, handleResetLayout]);
+  }, [
+    handleOpenSettings,
+    handleFocusTaskMode,
+    handleResetLayout,
+    handleClearStorage,
+  ]);
 
   useEffect(() => {
     const handleMouseButton = (event: MouseEvent) => {

apps/array/src/renderer/features/settings/components/SettingsView.tsx

@@ -19,6 +19,7 @@ import {
   Switch,
   Text,
 } from "@radix-ui/themes";
+import { clearApplicationStorage } from "@renderer/lib/clearStorage";
 import { logger } from "@renderer/lib/logger";
 import type { CloudRegion } from "@shared/types/oauth";
 import { useSettingsStore as useTerminalLayoutStore } from "@stores/settingsStore";
@@ -302,24 +303,7 @@ export function SettingsView() {
                   variant="soft"
                   color="red"
                   size="1"
-                  onClick={() => {
-                    const confirmed = window.confirm(
-                      "Are you sure you want to clear all application storage?\n\nThis will remove:\n• All registered folders\n• UI state (sidebar preferences, etc.)\n• Task directory mappings\n\nYour files will not be deleted from your computer.",
-                    );
-
-                    if (confirmed) {
-                      window.electronAPI.folders
-                        .clearAllData()
-                        .then(() => {
-                          localStorage.clear();
-                          window.location.reload();
-                        })
-                        .catch((error: unknown) => {
-                          log.error("Failed to clear storage:", error);
-                          alert("Failed to clear storage. Please try again.");
-                        });
-                    }
-                  }}
+                  onClick={clearApplicationStorage}
                   style={{ alignSelf: "flex-start" }}
                 >
                   Clear all data

apps/array/src/renderer/lib/clearStorage.ts

@@ -0,0 +1,22 @@
+import { logger } from "./logger";
+
+const log = logger.scope("clear-storage");
+
+export function clearApplicationStorage(): void {
+  const confirmed = window.confirm(
+    "Are you sure you want to clear all application storage?\n\nThis will remove:\n• All registered folders\n• UI state (sidebar preferences, etc.)\n• Task directory mappings\n\nYour files will not be deleted from your computer.",
+  );
+
+  if (confirmed) {
+    window.electronAPI.folders
+      .clearAllData()
+      .then(() => {
+        localStorage.clear();
+        window.location.reload();
+      })
+      .catch((error: unknown) => {
+        log.error("Failed to clear storage:", error);
+        alert("Failed to clear storage. Please try again.");
+      });
+  }
+}

apps/array/src/renderer/types/electron.d.ts

@@ -221,6 +221,7 @@ declare global {
     onOpenSettings: (listener: () => void) => () => void;
     onNewTask: (listener: () => void) => () => void;
     onResetLayout: (listener: () => void) => () => void;
+    onClearStorage: (listener: () => void) => () => void;
     getAppVersion: () => Promise<string>;
     onUpdateReady: (listener: () => void) => () => void;
     installUpdate: () => Promise<{ installed: boolean }>;