Merge pull request #39 from AutoMaker-Org/copilot/fix-build-issues

webdevcody · web-flow · commit 193627e16611 · 2025-12-11T22:46:55.000-05:00
Fix build issues by switching from Google Fonts to local fonts
diff --git a/.github/workflows/pr-check.yml b/.github/workflows/pr-check.yml
@@ -25,7 +25,9 @@ jobs:
           cache-dependency-path: package-lock.json
 
       - name: Install dependencies
-        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
         run: npm run build:electron
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
@@ -41,7 +41,9 @@ jobs:
           cache-dependency-path: package-lock.json
 
       - name: Install dependencies
-        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'
diff --git a/.npmrc b/.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.
diff --git a/apps/app/package.json b/apps/app/package.json
@@ -43,13 +43,12 @@
     "@radix-ui/react-slot": "^1.2.4",
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-tooltip": "^1.2.8",
-    "@tailwindcss/oxide-linux-x64-gnu": "^4.1.17",
     "@tanstack/react-query": "^5.90.12",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "dotenv": "^17.2.3",
-    "lightningcss-linux-x64-gnu": "^1.30.2",
+    "geist": "^1.5.1",
     "lucide-react": "^0.556.0",
     "next": "16.0.7",
     "react": "19.2.0",
diff --git a/apps/app/src/app/layout.tsx b/apps/app/src/app/layout.tsx
@@ -1,18 +1,11 @@
 import type { Metadata } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
+import { GeistSans as GeistSansFont } from "geist/font/sans";
+import { GeistMono as GeistMonoFont } 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"],
-});
-
+const GeistSans = GeistSansFont({ variable: "--font-geist-sans" });
+const GeistMono = GeistMonoFont({ variable: "--font-geist-mono" });
 export const metadata: Metadata = {
   title: "Automaker - Autonomous AI Development Studio",
   description: "Build software autonomously with intelligent orchestration",
@@ -26,7 +19,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" />
diff --git a/package-lock.json b/package-lock.json
