feat: add fullstack environment and database integration

- Enhance runShellCommand.ts with proper working directory management
- Update backendFrameworks.ts with database support for all frameworks
- Add SQLite database configuration for Django, FastAPI, Flask, Node.js
- Improve proxy server configuration for fullstack communication
- Update templates.ts to include 3D template support

Author: SFARPak

src/ipc/utils/runShellCommand.ts

@@ -3,8 +3,11 @@ import log from "electron-log";
 
 const logger = log.scope("runShellCommand");
 
-export function runShellCommand(command: string, cwd?: string): Promise<string | null> {
-  logger.log(`Running command: ${command}${cwd ? ` in ${cwd}` : ''}`);
+export function runShellCommand(
+  command: string,
+  cwd?: string,
+): Promise<string | null> {
+  logger.log(`Running command: ${command}${cwd ? ` in ${cwd}` : ""}`);
   return new Promise((resolve) => {
     let output = "";
     const process = spawn(command, [], {

src/ipc/utils/start_proxy_server.ts

@@ -10,9 +10,14 @@ import { addTerminalOutput } from "../handlers/terminal_handlers";
 const logger = log.scope("start_proxy_server");
 
 // Helper function to log to both electron-log and console
-function logToConsole(message: string, level: "info" | "warn" | "error" | "debug" = "info") {
+function logToConsole(
+  message: string,
+  level: "info" | "warn" | "error" | "debug" = "info",
+) {
   logger[level](message);
-  console.log(`[${new Date().toISOString()}] [${level.toUpperCase()}] ${message}`);
+  console.log(
+    `[${new Date().toISOString()}] [${level.toUpperCase()}] ${message}`,
+  );
 }
 
 export async function startProxy(
@@ -44,7 +49,14 @@ export async function startProxy(
 
   if (electron && !process.env.NODE_ENV?.includes("development")) {
     // In production/built app, use the app's resource path
-    workerPath = path.resolve(__dirname, "..", "..", "..", "worker", "proxy_server.js");
+    workerPath = path.resolve(
+      __dirname,
+      "..",
+      "..",
+      "..",
+      "worker",
+      "proxy_server.js",
+    );
   } else {
     // In development, use the project root
     workerPath = path.resolve(process.cwd(), "worker", "proxy_server.js");
@@ -68,7 +80,7 @@ export async function startProxy(
       if (!m.startsWith("proxy-server-start url=")) {
         // Determine which terminal to route to based on terminalType
         let targetTerminals: ("frontend" | "backend")[] = [];
-        
+
         if (terminalType === "frontend") {
           targetTerminals = ["frontend"];
         } else if (terminalType === "backend") {

src/shared/backendFrameworks.ts

@@ -10,29 +10,33 @@ export const backendFrameworksData: BackendFramework[] = [
   {
     id: "django",
     title: "Django",
-    description: "High-level Python web framework that encourages rapid development and clean, pragmatic design.",
+    description:
+      "High-level Python web framework that encourages rapid development and clean, pragmatic design.",
     imageUrl: "assets/backend-frameworks/django-screenshot.svg",
     language: "Python",
   },
   {
     id: "fastapi",
     title: "FastAPI",
-    description: "Modern, fast web framework for building APIs with Python 3.7+ based on standard Python type hints.",
+    description:
+      "Modern, fast web framework for building APIs with Python 3.7+ based on standard Python type hints.",
     imageUrl: "assets/backend-frameworks/fastapi-screenshot.svg",
     language: "Python",
   },
   {
     id: "flask",
     title: "Flask",
-    description: "Lightweight WSGI web application framework designed to make getting started quick and easy.",
+    description:
+      "Lightweight WSGI web application framework designed to make getting started quick and easy.",
     imageUrl: "assets/backend-frameworks/flask-screenshot.svg",
     language: "Python",
   },
   {
     id: "nodejs",
     title: "Node.js + Express",
-    description: "JavaScript runtime built on Chrome's V8 JavaScript engine with Express.js web application framework.",
+    description:
+      "JavaScript runtime built on Chrome's V8 JavaScript engine with Express.js web application framework.",
     imageUrl: "assets/backend-frameworks/nodejs-screenshot.svg",
     language: "JavaScript",
   },
-];
+];

src/shared/templates.ts

@@ -60,7 +60,8 @@ export const localTemplatesData: Template[] = [
   {
     id: "3d-nextjs",
     title: "3D Landing Page Template",
-    description: "Modern 3D landing page using Next.js, React Three Fiber, Framer Motion, and Tailwind CSS.",
+    description:
+      "Modern 3D landing page using Next.js, React Three Fiber, Framer Motion, and Tailwind CSS.",
     imageUrl:
       "https://github.com/user-attachments/assets/96258e4f-abce-4910-a62a-a9dff77965f2",
     githubUrl: "https://github.com/SFARPak/3d-nextjs-template",