feat: Add Delete All Apps option to Danger Zone

- Add deleteAllApps IPC method and handler for deleting all apps
- Update settings page with Delete All Apps button and confirmation dialog
- Add loading spinners to danger zone buttons during operations
- Fix TypeScript compilation errors for terminal output
- Update django settings to use secure SECRET_KEY generation
- Enhance backend framework support and full-stack app creation

Author: SFARPak

scaffold-backend/django/config/settings.py

@@ -3,7 +3,8 @@
 
 BASE_DIR = Path(__file__).resolve().parent.parent
 
-SECRET_KEY = os.environ.get('SECRET_KEY', 'CHANGE_THIS_SECRET_KEY_IN_PRODUCTION')
+from django.core.management.utils import get_random_secret_key
+SECRET_KEY = os.environ.get('SECRET_KEY', get_random_secret_key())
 
 DEBUG = os.environ.get('DEBUG', 'True') == 'True'
 

src/ipc/handlers/app_handlers.ts

@@ -1396,6 +1396,54 @@ export function registerAppHandlers() {
     },
   );
 
+  ipcMain.handle("delete-all-apps", async (): Promise<void> => {
+    logger.log("start: deleting all apps and their files.");
+    // Stop all running apps first
+    logger.log("stopping all running apps...");
+    const runningAppIds = Array.from(runningApps.keys());
+    for (const appId of runningAppIds) {
+      try {
+        const appInfo = runningApps.get(appId)!;
+        await stopAppByInfo(appId, appInfo);
+      } catch (error) {
+        logger.error(`Error stopping app ${appId} during delete all:`, error);
+        // Continue with deletion even if stopping fails
+      }
+    }
+    logger.log("all running apps stopped.");
+
+    // Get all apps
+    const allApps = await db.query.apps.findMany();
+
+    // Delete all apps from database
+    logger.log("deleting all apps from database...");
+    try {
+      await db.delete(apps);
+      // Note: Associated chats will cascade delete
+    } catch (error: any) {
+      logger.error("Error deleting all apps from database:", error);
+      throw new Error(`Failed to delete apps from database: ${error.message}`);
+    }
+    logger.log("all apps deleted from database.");
+
+    // Delete all app files
+    logger.log("deleting all app files...");
+    for (const app of allApps) {
+      const appPath = getDyadAppPath(app.path);
+      if (fs.existsSync(appPath)) {
+        try {
+          await fsPromises.rm(appPath, { recursive: true, force: true });
+          logger.log(`Deleted app files for ${app.name} at ${appPath}`);
+        } catch (error: any) {
+          logger.warn(`Error deleting app files for ${app.name}:`, error);
+          // Continue with other apps even if one fails
+        }
+      }
+    }
+    logger.log("all app files deleted.");
+    logger.log("delete all apps complete.");
+  });
+
   ipcMain.handle(
     "rename-app",
     async (

src/ipc/handlers/createFromTemplate.ts

@@ -1172,21 +1172,47 @@ export async function setupBackendFramework(backendPath: string, framework: stri
   logger.info(`Setting up ${framework} framework in ${backendPath}`);
 
   try {
-    switch (framework) {
-      case 'django':
-        await setupDjango(backendPath);
-        break;
-      case 'fastapi':
-        await setupFastAPI(backendPath);
-        break;
-      case 'flask':
-        await setupFlask(backendPath);
-        break;
-      case 'nodejs':
-        await setupNodeJS(backendPath);
-        break;
-      default:
-        logger.warn(`Unknown backend framework: ${framework}`);
+    // Check if scaffold-backend exists for this framework
+    const scaffoldPath = path.join("/Volumes/Farhan/Desktop/AliFullstack", "scaffold-backend", framework);
+
+    if (fs.existsSync(scaffoldPath)) {
+      logger.info(`Found scaffold for ${framework} at ${scaffoldPath}, copying to ${backendPath}`);
+
+      // Copy the scaffold-backend directory to backendPath
+      await fs.copy(scaffoldPath, backendPath, {
+        overwrite: true,
+        filter: (src, dest) => {
+          // Exclude .DS_Store and other unwanted files
+          const relativePath = path.relative(scaffoldPath, src);
+          const shouldExclude = relativePath === '.DS_Store' || relativePath.includes('.git');
+          if (shouldExclude) {
+            logger.debug(`Excluding ${src} from copy`);
+          }
+          return !shouldExclude;
+        }
+      });
+
+      logger.info(`Successfully copied ${framework} scaffold from ${scaffoldPath} to ${backendPath}`);
+    } else {
+      logger.warn(`Scaffold not found for ${framework} at ${scaffoldPath}, falling back to programmatic setup`);
+
+      // Fallback to programmatic setup if scaffold doesn't exist
+      switch (framework) {
+        case 'django':
+          await setupDjango(backendPath);
+          break;
+        case 'fastapi':
+          await setupFastAPI(backendPath);
+          break;
+        case 'flask':
+          await setupFlask(backendPath);
+          break;
+        case 'nodejs':
+          await setupNodeJS(backendPath);
+          break;
+        default:
+          logger.warn(`Unknown backend framework: ${framework}`);
+      }
     }
 
     // Install dependencies after setting up the framework

src/ipc/ipc_client.ts

@@ -604,6 +604,11 @@ export class IpcClient {
     await this.ipcRenderer.invoke("delete-app", { appId });
   }
 
+  // Delete all apps and all their files
+  public async deleteAllApps(): Promise<void> {
+    await this.ipcRenderer.invoke("delete-all-apps");
+  }
+
   // Rename an app (update name and path)
   public async renameApp({
     appId,

src/ipc/processors/response_processor.ts

@@ -28,6 +28,7 @@ import {
   getDyadExecuteSqlTags,
   getDyadRunBackendTerminalCmdTags,
   getDyadRunFrontendTerminalCmdTags,
+  getDyadRunTerminalCmdTags,
 } from "../utils/dyad_tag_parser";
 import { runShellCommand } from "../utils/runShellCommand";
 import { storeDbTimestampAtCurrentVersion } from "../utils/neon_timestamp_utils";
@@ -125,6 +126,7 @@ export async function processFullResponseActions(
       : [];
     const dyadRunBackendTerminalCmdTags = getDyadRunBackendTerminalCmdTags(fullResponse);
     const dyadRunFrontendTerminalCmdTags = getDyadRunFrontendTerminalCmdTags(fullResponse);
+    const dyadRunTerminalCmdTags = getDyadRunTerminalCmdTags(fullResponse);
 
     const message = await db.query.messages.findFirst({
       where: and(
@@ -262,6 +264,47 @@ export async function processFullResponseActions(
       logger.log(`Executed ${dyadRunFrontendTerminalCmdTags.length} frontend terminal commands`);
      }
 
+     // Handle general terminal command tags
+     if (dyadRunTerminalCmdTags.length > 0) {
+       for (const cmdTag of dyadRunTerminalCmdTags) {
+         try {
+           const cwd = cmdTag.cwd ? path.join(appPath, cmdTag.cwd) : appPath;
+
+           logger.log(`Executing general terminal command: ${cmdTag.command} in ${cwd}`);
+
+           const result = await runShellCommand(`cd "${cwd}" && ${cmdTag.command}`);
+
+           if (result === null) {
+             errors.push({
+               message: `Terminal command failed: ${cmdTag.description || cmdTag.command}`,
+               error: `Command execution failed in ${cwd}`,
+             });
+             // Add error to backend terminal
+             addTerminalOutput(chatWithApp.app.id, "backend", `❌ Error: ${cmdTag.description || cmdTag.command}`, "error");
+           } else {
+             logger.log(`Terminal command succeeded: ${cmdTag.description || cmdTag.command}`);
+
+             // Add command and result to backend terminal
+             addTerminalOutput(chatWithApp.app.id, "backend", `$ ${cmdTag.command}`, "command");
+
+             if (result.trim()) {
+               addTerminalOutput(chatWithApp.app.id, "backend", result, "output");
+             }
+
+             addTerminalOutput(chatWithApp.app.id, "backend", `✅ ${cmdTag.description || cmdTag.command} completed successfully`, "success");
+           }
+         } catch (error) {
+           errors.push({
+             message: `Terminal command failed: ${cmdTag.description || cmdTag.command}`,
+             error: error,
+           });
+           // Add error to backend terminal
+           addTerminalOutput(chatWithApp.app.id, "backend", `❌ Error: ${error}`, "error");
+         }
+       }
+       logger.log(`Executed ${dyadRunTerminalCmdTags.length} general terminal commands`);
+      }
+
     // Handle add dependency tags
     if (dyadAddDependencyPackages.length > 0) {
       try {

src/ipc/utils/dyad_tag_parser.ts

@@ -195,3 +195,32 @@ export function getDyadRunFrontendTerminalCmdTags(fullResponse: string): {
 
   return commands;
 }
+
+export function getDyadRunTerminalCmdTags(fullResponse: string): {
+  command: string;
+  cwd?: string;
+  description?: string;
+}[] {
+  const dyadRunTerminalCmdRegex =
+    /<run_terminal_cmd([^>]*)>([\s\S]*?)<\/run_terminal_cmd>/g;
+  const cwdRegex = /cwd="([^"]+)"/;
+  const descriptionRegex = /description="([^"]+)"/;
+
+  let match;
+  const commands: { command: string; cwd?: string; description?: string }[] = [];
+
+  while ((match = dyadRunTerminalCmdRegex.exec(fullResponse)) !== null) {
+    const attributesString = match[1];
+    const command = match[2].trim();
+
+    const cwdMatch = cwdRegex.exec(attributesString);
+    const descriptionMatch = descriptionRegex.exec(attributesString);
+
+    const cwd = cwdMatch?.[1];
+    const description = descriptionMatch?.[1];
+
+    commands.push({ command, cwd, description });
+  }
+
+  return commands;
+}

src/pages/settings.tsx

@@ -11,7 +11,7 @@ import { ThinkingBudgetSelector } from "@/components/ThinkingBudgetSelector";
 import { useSettings } from "@/hooks/useSettings";
 import { useAppVersion } from "@/hooks/useAppVersion";
 import { Button } from "@/components/ui/button";
-import { ArrowLeft } from "lucide-react";
+import { ArrowLeft, Loader2 } from "lucide-react";
 import { useRouter } from "@tanstack/react-router";
 import { GitHubIntegration } from "@/components/GitHubIntegration";
 import { VercelIntegration } from "@/components/VercelIntegration";
@@ -28,6 +28,8 @@ import { RuntimeModeSelector } from "@/components/RuntimeModeSelector";
 export default function SettingsPage() {
   const [isResetDialogOpen, setIsResetDialogOpen] = useState(false);
   const [isResetting, setIsResetting] = useState(false);
+  const [isDeleteAllAppsDialogOpen, setIsDeleteAllAppsDialogOpen] = useState(false);
+  const [isDeletingAllApps, setIsDeletingAllApps] = useState(false);
   const appVersion = useAppVersion();
   const { settings, updateSettings } = useSettings();
   const router = useRouter();
@@ -49,6 +51,23 @@ export default function SettingsPage() {
     }
   };
 
+  const handleDeleteAllApps = async () => {
+    setIsDeletingAllApps(true);
+    try {
+      const ipcClient = IpcClient.getInstance();
+      await ipcClient.deleteAllApps();
+      showSuccess("Successfully deleted all apps.");
+    } catch (error) {
+      console.error("Error deleting all apps:", error);
+      showError(
+        error instanceof Error ? error.message : "An unknown error occurred",
+      );
+    } finally {
+      setIsDeletingAllApps(false);
+      setIsDeleteAllAppsDialogOpen(false);
+    }
+  };
+
   return (
     <div className="min-h-screen px-8 py-4">
       <div className="max-w-5xl mx-auto">
@@ -169,6 +188,26 @@ export default function SettingsPage() {
             </h2>
 
             <div className="space-y-4">
+              <div className="flex items-start justify-between flex-col sm:flex-row sm:items-center gap-4">
+                <div>
+                  <h3 className="text-sm font-medium text-gray-900 dark:text-white">
+                    Delete All Apps
+                  </h3>
+                  <p className="text-xs text-gray-500 dark:text-gray-400 mt-1">
+                    This will delete all your apps and their files. This action
+                    cannot be undone.
+                  </p>
+                </div>
+                <button
+                  onClick={() => setIsDeleteAllAppsDialogOpen(true)}
+                  disabled={isDeletingAllApps}
+                  className="rounded-md border border-transparent bg-red-600 px-4 py-2 text-sm font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2"
+                >
+                  {isDeletingAllApps && <Loader2 className="h-4 w-4 animate-spin" />}
+                  {isDeletingAllApps ? "Deleting..." : "Delete All Apps"}
+                </button>
+              </div>
+
               <div className="flex items-start justify-between flex-col sm:flex-row sm:items-center gap-4">
                 <div>
                   <h3 className="text-sm font-medium text-gray-900 dark:text-white">
@@ -182,8 +221,9 @@ export default function SettingsPage() {
                 <button
                   onClick={() => setIsResetDialogOpen(true)}
                   disabled={isResetting}
-                  className="rounded-md border border-transparent bg-red-600 px-4 py-2 text-sm font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed"
+                  className="rounded-md border border-transparent bg-red-600 px-4 py-2 text-sm font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2"
                 >
+                  {isResetting && <Loader2 className="h-4 w-4 animate-spin" />}
                   {isResetting ? "Resetting..." : "Reset Everything"}
                 </button>
               </div>
@@ -192,6 +232,16 @@ export default function SettingsPage() {
         </div>
       </div>
 
+      <ConfirmationDialog
+        isOpen={isDeleteAllAppsDialogOpen}
+        title="Delete All Apps"
+        message="Are you sure you want to delete all apps? This will delete all your apps and their files. This action cannot be undone."
+        confirmText="Delete All Apps"
+        cancelText="Cancel"
+        onConfirm={handleDeleteAllApps}
+        onCancel={() => setIsDeleteAllAppsDialogOpen(false)}
+      />
+
       <ConfirmationDialog
         isOpen={isResetDialogOpen}
         title="Reset Everything"

src/preload.ts

@@ -42,6 +42,7 @@ const validInvokeChannels = [
   "checkout-version",
   "get-current-branch",
   "delete-app",
+  "delete-all-apps",
   "rename-app",
   "get-user-settings",
   "set-user-settings",