@builderos/create-agent-os 0.0.4 → 0.0.5

package/bin/cli.js

@@ -94,7 +94,10 @@ async function init() {
                     "@builderos/agent-os-ui": "*", // Use workspace version
                     "lucide-react": "^0.469.0",
                     "clsx": "^2.1.0",
-                    "tailwind-merge": "^2.2.0"
+                    "tailwind-merge": "^2.2.0",
+                    "autoprefixer": "^10.4.20",
+                    "postcss": "^8.4.49",
+                    "tailwindcss": "^3.4.17"
                 };
 
                 // Inject App Template (App.tsx, vite.config.ts) - we need to make sure these exist in template dir or just write them
@@ -111,6 +114,17 @@ async function init() {
                 if (fs.existsSync(path.join(appTemplateDir, 'vite.config.ts'))) {
                     fs.copyFileSync(path.join(appTemplateDir, 'vite.config.ts'), path.join(appDir, 'vite.config.ts'));
                 }
+                // Copy Tailwind config
+                if (fs.existsSync(path.join(appTemplateDir, 'postcss.config.js'))) {
+                    fs.copyFileSync(path.join(appTemplateDir, 'postcss.config.js'), path.join(appDir, 'postcss.config.js'));
+                }
+                if (fs.existsSync(path.join(appTemplateDir, 'tailwind.config.js'))) {
+                    fs.copyFileSync(path.join(appTemplateDir, 'tailwind.config.js'), path.join(appDir, 'tailwind.config.js'));
+                }
+                // Copy CSS
+                if (fs.existsSync(path.join(appTemplateDir, 'index.css'))) {
+                    fs.copyFileSync(path.join(appTemplateDir, 'index.css'), path.join(appDir, 'src/index.css'));
+                }
 
 
                 fs.writeFileSync(appPkgPath, JSON.stringify(appPkg, null, 2));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@builderos/create-agent-os",
-    "version": "0.0.4",
+    "version": "0.0.5",
     "description": "Scaffolding tool for Agent OS applications",
     "type": "module",
     "bin": {

package/src/template/agent-os-ui/package.json

@@ -39,11 +39,11 @@
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "@vitejs/plugin-react": "^4.2.1",
-    "autoprefixer": "^10.4.16",
-    "postcss": "^8.4.32",
+    "autoprefixer": "^10.4.20",
+    "postcss": "^8.4.49",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "tailwindcss": "^3.4.0",
+    "tailwindcss": "^3.4.17",
     "tailwindcss-animate": "^1.0.7",
     "typescript": "^5.3.3",
     "vite": "^5.0.10",

package/src/template/agent-os-ui/tailwind.config.js

@@ -1,50 +1,11 @@
 /** @type {import('tailwindcss').Config} */
 export default {
     content: [
+        "./index.html",
         "./src/**/*.{js,ts,jsx,tsx}",
     ],
-    darkMode: 'class',
     theme: {
-        extend: {
-            colors: {
-                border: "hsl(var(--border))",
-                input: "hsl(var(--input))",
-                ring: "hsl(var(--ring))",
-                background: "hsl(var(--background))",
-                foreground: "hsl(var(--foreground))",
-                primary: {
-                    DEFAULT: "hsl(var(--primary))",
-                    foreground: "hsl(var(--primary-foreground))",
-                },
-                secondary: {
-                    DEFAULT: "hsl(var(--secondary))",
-                    foreground: "hsl(var(--secondary-foreground))",
-                },
-                destructive: {
-                    DEFAULT: "hsl(var(--destructive))",
-                    foreground: "hsl(var(--destructive-foreground))",
-                },
-                muted: {
-                    DEFAULT: "hsl(var(--muted))",
-                    foreground: "hsl(var(--muted-foreground))",
-                },
-                accent: {
-                    DEFAULT: "hsl(var(--accent))",
-                    foreground: "hsl(var(--accent-foreground))",
-                },
-                popover: {
-                    DEFAULT: "hsl(var(--popover))",
-                    foreground: "hsl(var(--popover-foreground))",
-                },
-                card: {
-                    DEFAULT: "hsl(var(--card))",
-                    foreground: "hsl(var(--card-foreground))",
-                },
-            },
-        },
+        extend: {},
     },
-    plugins: [
-        require('tailwindcss-animate'),
-        require('@tailwindcss/typography'),
-    ],
+    plugins: [],
 }

package/src/template/control-center/frontend/package.json

@@ -30,13 +30,15 @@
     "@types/react": "^19.2.5",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^5.1.1",
+    "autoprefixer": "^10.4.23",
     "eslint": "^9.39.1",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.24",
     "globals": "^16.5.0",
-    "tailwindcss": "^4.1.18",
+    "postcss": "^8.5.6",
+    "tailwindcss": "^3.4.17",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.46.4",
     "vite": "^7.2.4"
   }
-}
+}

package/src/template/control-center/frontend/postcss.config.js

@@ -0,0 +1,6 @@
+export default {
+    plugins: {
+        tailwindcss: {},
+        autoprefixer: {},
+    },
+}

package/src/template/control-center/frontend/tailwind.config.js

@@ -0,0 +1,14 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+    content: [
+        "./index.html",
+        "./src/**/*.{js,ts,jsx,tsx}",
+        "../../packages/agent-os-ui/src/**/*.{js,ts,jsx,tsx}"
+    ],
+    theme: {
+        extend: {},
+    },
+    plugins: [
+        require('@tailwindcss/typography'),
+    ],
+}

package/src/template/control-center/frontend/vite.config.ts

@@ -1,12 +1,11 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
-import tailwindcss from '@tailwindcss/vite'
+
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     react(),
-    tailwindcss(),
   ],
   server: {
     port: parseInt(process.env.PORT || '5173'),

package/src/template/design/package.json

@@ -39,9 +39,11 @@
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.24",
     "globals": "^16.5.0",
-    "tw-animate-css": "^1.4.0",
-    "typescript": "~5.9.3",
+    "autoprefixer": "^10.4.20",
+    "postcss": "^8.4.49",
+    "tailwindcss": "^3.4.17",
     "typescript-eslint": "^8.46.4",
     "vite": "^7.2.4"
   }
 }
+```

package/src/template/design/postcss.config.js

@@ -0,0 +1,6 @@
+export default {
+    plugins: {
+        tailwindcss: {},
+        autoprefixer: {},
+    },
+}

package/src/template/design/tailwind.config.js

@@ -0,0 +1,13 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+    content: [
+        "./index.html",
+        "./src/**/*.{js,ts,jsx,tsx}",
+    ],
+    theme: {
+        extend: {},
+    },
+    plugins: [
+        require('@tailwindcss/typography'),
+    ],
+}

package/src/template/design/vite.config.ts

@@ -1,11 +1,10 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
-import tailwindcss from '@tailwindcss/vite'
 import path from 'path'
 
 // https://vite.dev/config/
 export default defineConfig({
-  plugins: [react(), tailwindcss()],
+  plugins: [react()],
   resolve: {
     alias: {
       '@': path.resolve(__dirname, './src'),

package/src/template/index.css

@@ -0,0 +1,7 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+    font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+}

package/src/template/postcss.config.js

@@ -0,0 +1,6 @@
+export default {
+    plugins: {
+        tailwindcss: {},
+        autoprefixer: {},
+    },
+}

package/src/template/tailwind.config.js

@@ -0,0 +1,11 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+    content: [
+        "./index.html",
+        "./src/**/*.{js,ts,jsx,tsx}",
+    ],
+    theme: {
+        extend: {},
+    },
+    plugins: [],
+}