Merge pull request #37 from AutoMaker-Org/refactor/monorepo-restructure

Refactor/monorepo restructure

.github/workflows/pr-check.yml

@@ -22,12 +22,12 @@ jobs:
         with:
           node-version: "20"
           cache: "npm"
-          cache-dependency-path: app/package-lock.json
+          cache-dependency-path: package-lock.json
 
       - name: Install dependencies
-        working-directory: ./app
-        run: npm ci
+        # Use npm install instead of npm ci to correctly resolve platform-specific
+        # optional dependencies (e.g., @tailwindcss/oxide, lightningcss binaries)
+        run: npm install
 
       - name: Run build:electron
-        working-directory: ./app
         run: npm run build:electron

.github/workflows/release.yml

@@ -3,13 +3,13 @@ name: Build and Release Electron App
 on:
   push:
     tags:
-      - 'v*.*.*'  # Triggers on version tags like v1.0.0
-  workflow_dispatch:  # Allows manual triggering
+      - "v*.*.*" # Triggers on version tags like v1.0.0
+  workflow_dispatch: # Allows manual triggering
     inputs:
       version:
-        description: 'Version to release (e.g., v1.0.0)'
+        description: "Version to release (e.g., v1.0.0)"
         required: true
-        default: 'v0.1.0'
+        default: "v0.1.0"
 
 jobs:
   build-and-release:
@@ -36,31 +36,29 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20'
-          cache: 'npm'
-          cache-dependency-path: app/package-lock.json
+          node-version: "20"
+          cache: "npm"
+          cache-dependency-path: package-lock.json
 
       - name: Install dependencies
-        working-directory: ./app
-        run: npm ci
+        # Use npm install instead of npm ci to correctly resolve platform-specific
+        # optional dependencies (e.g., @tailwindcss/oxide, lightningcss binaries)
+        run: npm install
 
       - name: Build Electron App (macOS)
         if: matrix.os == 'macos-latest'
-        working-directory: ./app
         env:
           GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         run: npm run build:electron -- --mac --x64 --arm64
 
       - name: Build Electron App (Windows)
         if: matrix.os == 'windows-latest'
-        working-directory: ./app
         env:
           GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         run: npm run build:electron -- --win --x64
 
       - name: Build Electron App (Linux)
         if: matrix.os == 'ubuntu-latest'
-        working-directory: ./app
         env:
           GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         run: npm run build:electron -- --linux --x64
@@ -70,12 +68,12 @@ jobs:
         with:
           tag_name: ${{ github.event.inputs.version || github.ref_name }}
           files: |
-            app/dist/*.exe
-            app/dist/*.dmg
-            app/dist/*.AppImage
-            app/dist/*.zip
-            app/dist/*.deb
-            app/dist/*.rpm
+            apps/app/dist/*.exe
+            apps/app/dist/*.dmg
+            apps/app/dist/*.AppImage
+            apps/app/dist/*.zip
+            apps/app/dist/*.deb
+            apps/app/dist/*.rpm
           draft: false
           prerelease: false
         env:

.gitignore

@@ -1,2 +1,9 @@
-#added by trueheads > will remove once supercombo adds multi-os support
+#added by trueheads > will remove once supercombo adds multi-os support
 launch.sh
+
+# Dependencies
+node_modules/
+
+# Build outputs
+dist/
+.next/

.npmrc

@@ -0,0 +1,10 @@
+# Cross-platform compatibility for Tailwind CSS v4 and lightningcss
+# These packages use platform-specific optional dependencies that npm
+# automatically resolves based on your OS (macOS, Linux, Windows, WSL)
+#
+# IMPORTANT: When switching platforms or getting platform mismatch errors:
+# 1. Delete node_modules: rm -rf node_modules apps/*/node_modules
+# 2. Run: npm install
+#
+# In CI/CD: Use "npm install" instead of "npm ci" to allow npm to resolve
+# the correct platform-specific binaries at install time.

apps/app/electron/main.js

@@ -42,7 +42,10 @@ function createWindow() {
   const isDev = !app.isPackaged;
   if (isDev) {
     mainWindow.loadURL("http://localhost:3007");
-    // mainWindow.webContents.openDevTools();
+    // Open DevTools if OPEN_DEVTOOLS environment variable is set
+    if (process.env.OPEN_DEVTOOLS === "true") {
+      mainWindow.webContents.openDevTools();
+    }
   } else {
     mainWindow.loadFile(path.join(__dirname, "../.next/server/app/index.html"));
   }
@@ -894,12 +897,9 @@ ipcMain.handle(
   async (_, { featureId, status, projectPath, summary }) => {
     try {
       const featureLoader = require("./services/feature-loader");
-      await featureLoader.updateFeatureStatus(
-        featureId,
-        status,
-        projectPath,
-        { summary }
-      );
+      await featureLoader.updateFeatureStatus(featureId, status, projectPath, {
+        summary,
+      });
 
       // Notify renderer if window is available
       if (mainWindow && !mainWindow.isDestroyed()) {
@@ -931,51 +931,59 @@ let suggestionsExecution = null;
  * @param {string} projectPath - The path to the project
  * @param {string} suggestionType - Type of suggestions: "features", "refactoring", "security", "performance"
  */
-ipcMain.handle("suggestions:generate", async (_, { projectPath, suggestionType = "features" }) => {
-  try {
-    // Check if already running
-    if (suggestionsExecution && suggestionsExecution.isActive()) {
-      return {
-        success: false,
-        error: "Suggestions generation is already running",
-      };
-    }
-
-    // Create execution context
-    suggestionsExecution = {
-      abortController: null,
-      query: null,
-      isActive: () => suggestionsExecution !== null,
-    };
-
-    const sendToRenderer = (data) => {
-      if (mainWindow && !mainWindow.isDestroyed()) {
-        mainWindow.webContents.send("suggestions:event", data);
+ipcMain.handle(
+  "suggestions:generate",
+  async (_, { projectPath, suggestionType = "features" }) => {
+    try {
+      // Check if already running
+      if (suggestionsExecution && suggestionsExecution.isActive()) {
+        return {
+          success: false,
+          error: "Suggestions generation is already running",
+        };
       }
-    };
 
-    // Start generating suggestions (runs in background)
-    featureSuggestionsService
-      .generateSuggestions(projectPath, sendToRenderer, suggestionsExecution, suggestionType)
-      .catch((error) => {
-        console.error("[IPC] suggestions:generate background error:", error);
-        sendToRenderer({
-          type: "suggestions_error",
-          error: error.message,
+      // Create execution context
+      suggestionsExecution = {
+        abortController: null,
+        query: null,
+        isActive: () => suggestionsExecution !== null,
+      };
+
+      const sendToRenderer = (data) => {
+        if (mainWindow && !mainWindow.isDestroyed()) {
+          mainWindow.webContents.send("suggestions:event", data);
+        }
+      };
+
+      // Start generating suggestions (runs in background)
+      featureSuggestionsService
+        .generateSuggestions(
+          projectPath,
+          sendToRenderer,
+          suggestionsExecution,
+          suggestionType
+        )
+        .catch((error) => {
+          console.error("[IPC] suggestions:generate background error:", error);
+          sendToRenderer({
+            type: "suggestions_error",
+            error: error.message,
+          });
+        })
+        .finally(() => {
+          suggestionsExecution = null;
         });
-      })
-      .finally(() => {
-        suggestionsExecution = null;
-      });
 
-    // Return immediately
-    return { success: true };
-  } catch (error) {
-    console.error("[IPC] suggestions:generate error:", error);
-    suggestionsExecution = null;
-    return { success: false, error: error.message };
+      // Return immediately
+      return { success: true };
+    } catch (error) {
+      console.error("[IPC] suggestions:generate error:", error);
+      suggestionsExecution = null;
+      return { success: false, error: error.message };
+    }
   }
-});
+);
 
 /**
  * Stop the current suggestions generation
@@ -1248,7 +1256,10 @@ ipcMain.handle(
 
       // Check if already running
       if (specRegenerationExecution && specRegenerationExecution.isActive()) {
-        return { success: false, error: "Spec regeneration is already running" };
+        return {
+          success: false,
+          error: "Spec regeneration is already running",
+        };
       }
 
       // Create execution context
@@ -1266,7 +1277,11 @@ ipcMain.handle(
 
       // Start generating features (runs in background)
       specRegenerationService
-        .generateFeaturesOnly(projectPath, sendToRenderer, specRegenerationExecution)
+        .generateFeaturesOnly(
+          projectPath,
+          sendToRenderer,
+          specRegenerationExecution
+        )
         .catch((error) => {
           console.error(
             "[IPC] spec-regeneration:generate-features background error:",
@@ -1788,7 +1803,10 @@ ipcMain.handle(
       }
 
       const featureLoader = require("./services/feature-loader");
-      const content = await featureLoader.getAgentOutput(projectPath, featureId);
+      const content = await featureLoader.getAgentOutput(
+        projectPath,
+        featureId
+      );
       return { success: true, content };
     } catch (error) {
       console.error("[IPC] features:getAgentOutput error:", error);

apps/app/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "automaker",
+  "name": "@automaker/app",
   "version": "0.1.0",
   "description": "An autonomous AI development studio that helps you build software faster using AI-powered agents",
   "homepage": "https://github.com/AutoMaker-Org/automaker",
@@ -18,6 +18,7 @@
     "dev": "next dev -p 3007",
     "dev:web": "next dev -p 3007",
     "dev:electron": "concurrently \"next dev -p 3007\" \"wait-on http://localhost:3007 && electron .\"",
+    "dev:electron:debug": "concurrently \"next dev -p 3007\" \"wait-on http://localhost:3007 && OPEN_DEVTOOLS=true electron .\"",
     "build": "next build",
     "build:electron": "next build && electron-builder",
     "start": "next start",
@@ -47,6 +48,7 @@
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "dotenv": "^17.2.3",
+    "geist": "^1.5.1",
     "lucide-react": "^0.556.0",
     "next": "16.0.7",
     "react": "19.2.0",
@@ -76,6 +78,7 @@
   "build": {
     "appId": "com.automaker.app",
     "productName": "Automaker",
+    "artifactName": "${productName}-${version}-${arch}.${ext}",
     "directories": {
       "output": "dist"
     },
@@ -143,7 +146,8 @@
       ],
       "category": "Development",
       "icon": "public/logo_larger.png",
-      "maintainer": "webdevcody@gmail.com"
+      "maintainer": "webdevcody@gmail.com",
+      "executableName": "automaker"
     },
     "nsis": {
       "oneClick": false,

apps/app/src/app/layout.tsx

@@ -1,18 +1,8 @@
 import type { Metadata } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
+import { GeistSans } from "geist/font/sans";
+import { GeistMono } from "geist/font/mono";
 import { Toaster } from "sonner";
 import "./globals.css";
-
-const geistSans = Geist({
-  variable: "--font-geist-sans",
-  subsets: ["latin"],
-});
-
-const geistMono = Geist_Mono({
-  variable: "--font-geist-mono",
-  subsets: ["latin"],
-});
-
 export const metadata: Metadata = {
   title: "Automaker - Autonomous AI Development Studio",
   description: "Build software autonomously with intelligent orchestration",
@@ -26,7 +16,7 @@ export default function RootLayout({
   return (
     <html lang="en" suppressHydrationWarning>
       <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
+        className={`${GeistSans.variable} ${GeistMono.variable} antialiased`}
       >
         {children}
         <Toaster richColors position="bottom-right" />

apps/app/src/components/views/board-view.tsx

@@ -2322,11 +2322,11 @@ export function BoardView() {
               <div className="flex items-center space-x-2">
                 <Checkbox
                   id="skip-tests"
-                  checked={newFeature.skipTests}
+                  checked={!newFeature.skipTests}
                   onCheckedChange={(checked) =>
                     setNewFeature({
                       ...newFeature,
-                      skipTests: checked === true,
+                      skipTests: checked !== true,
                     })
                   }
                   data-testid="skip-tests-checkbox"
@@ -2336,14 +2336,14 @@ export function BoardView() {
                     htmlFor="skip-tests"
                     className="text-sm cursor-pointer"
                   >
-                    Skip automated testing
+                    Enable automated testing
                   </Label>
                   <FlaskConical className="w-3.5 h-3.5 text-muted-foreground" />
                 </div>
               </div>
               <p className="text-xs text-muted-foreground">
-                When enabled, this feature will require manual verification
-                instead of automated TDD.
+                When enabled, this feature will use automated TDD. When
+                disabled, it will require manual verification.
               </p>
 
               {/* Verification Steps - Only shown when skipTests is enabled */}
@@ -2742,11 +2742,11 @@ export function BoardView() {
                 <div className="flex items-center space-x-2">
                   <Checkbox
                     id="edit-skip-tests"
-                    checked={editingFeature.skipTests ?? false}
+                    checked={!(editingFeature.skipTests ?? false)}
                     onCheckedChange={(checked) =>
                       setEditingFeature({
                         ...editingFeature,
-                        skipTests: checked === true,
+                        skipTests: checked !== true,
                       })
                     }
                     data-testid="edit-skip-tests-checkbox"
@@ -2756,14 +2756,14 @@ export function BoardView() {
                       htmlFor="edit-skip-tests"
                       className="text-sm cursor-pointer"
                     >
-                      Skip automated testing
+                      Enable automated testing
                     </Label>
                     <FlaskConical className="w-3.5 h-3.5 text-muted-foreground" />
                   </div>
                 </div>
                 <p className="text-xs text-muted-foreground">
-                  When enabled, this feature will require manual verification
-                  instead of automated TDD.
+                  When enabled, this feature will use automated TDD. When
+                  disabled, it will require manual verification.
                 </p>
 
                 {/* Verification Steps - Only shown when skipTests is enabled */}