@float.js/core 2.0.7 → 2.2.0

package/dist/cli/index.js

@@ -1,6 +1,12 @@
 #!/usr/bin/env node
 var __defProp = Object.defineProperty;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
 var __esm = (fn, res) => function __init() {
   return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
 };
@@ -730,7 +736,7 @@ function generateAPIResponse(state) {
 function createDevDashboard(options = {}) {
   const {
     enabled = process.env.NODE_ENV !== "production",
-    path: path7 = "/__float",
+    path: path10 = "/__float",
     auth
   } = options;
   if (!enabled) {
@@ -738,7 +744,7 @@ function createDevDashboard(options = {}) {
   }
   return (req, res, next) => {
     const url = req.url || "";
-    if (!url.startsWith(path7)) {
+    if (!url.startsWith(path10)) {
       return next();
     }
     if (auth) {
@@ -757,7 +763,7 @@ function createDevDashboard(options = {}) {
         return;
       }
     }
-    const subPath = url.slice(path7.length);
+    const subPath = url.slice(path10.length);
     if (subPath === "" || subPath === "/") {
       res.setHeader("Content-Type", "text/html");
       res.end(generateDashboardHTML(dashboardState));
@@ -868,14 +874,14 @@ var init_devtools = __esm({
 // src/cli/index.ts
 init_esm_shims();
 import { cac } from "cac";
-import pc4 from "picocolors";
+import pc5 from "picocolors";
 
 // src/server/dev-server.ts
 init_esm_shims();
 import http from "http";
-import fs2 from "fs";
-import path4 from "path";
-import pc from "picocolors";
+import fs5 from "fs";
+import path7 from "path";
+import pc2 from "picocolors";
 import chokidar from "chokidar";
 import { WebSocketServer, WebSocket } from "ws";
 import mime from "mime-types";
@@ -937,6 +943,26 @@ function findLayouts(routePath, allLayouts) {
   }
   return layouts;
 }
+function findLoading(routePath, allLoading) {
+  const segments = routePath.split("/").filter(Boolean);
+  for (let i = segments.length; i >= 0; i--) {
+    const currentPath = i === 0 ? "/" : "/" + segments.slice(0, i).join("/");
+    if (allLoading.has(currentPath)) {
+      return allLoading.get(currentPath);
+    }
+  }
+  return void 0;
+}
+function findError(routePath, allErrors) {
+  const segments = routePath.split("/").filter(Boolean);
+  for (let i = segments.length; i >= 0; i--) {
+    const currentPath = i === 0 ? "/" : "/" + segments.slice(0, i).join("/");
+    if (allErrors.has(currentPath)) {
+      return allErrors.get(currentPath);
+    }
+  }
+  return void 0;
+}
 async function scanRoutes(rootDir, options = {}) {
   const opts = { ...DEFAULT_OPTIONS, ...options };
   const appDir = path2.join(rootDir, opts.appDir);
@@ -948,12 +974,20 @@ async function scanRoutes(rootDir, options = {}) {
     ignore: ["**/node_modules/**", "**/_*/**"]
   });
   const layoutMap = /* @__PURE__ */ new Map();
+  const loadingMap = /* @__PURE__ */ new Map();
+  const errorMap = /* @__PURE__ */ new Map();
   for (const file of files) {
     const type = getRouteType(file);
+    const { urlPath } = filePathToUrlPath(file, "");
     if (type === "layout") {
-      const { urlPath } = filePathToUrlPath(file, "");
       const layoutPath = urlPath === "/" ? "/" : urlPath.replace(/\/layout$/, "") || "/";
       layoutMap.set(layoutPath, path2.join(appDir, file));
+    } else if (type === "loading") {
+      const loadingPath = urlPath === "/" ? "/" : urlPath.replace(/\/loading$/, "") || "/";
+      loadingMap.set(loadingPath, path2.join(appDir, file));
+    } else if (type === "error") {
+      const errorPath = urlPath === "/" ? "/" : urlPath.replace(/\/error$/, "") || "/";
+      errorMap.set(errorPath, path2.join(appDir, file));
     }
   }
   const routes = [];
@@ -971,7 +1005,9 @@ async function scanRoutes(rootDir, options = {}) {
       params,
       isCatchAll,
       isOptionalCatchAll,
-      layouts: type === "page" ? findLayouts(urlPath, layoutMap) : []
+      layouts: type === "page" ? findLayouts(urlPath, layoutMap) : [],
+      loading: type === "page" ? findLoading(urlPath, loadingMap) : void 0,
+      error: type === "page" ? findError(urlPath, errorMap) : void 0
     };
     routes.push(route);
   }
@@ -1029,23 +1065,222 @@ import { Writable } from "stream";
 // src/build/transform.ts
 init_esm_shims();
 import * as esbuild from "esbuild";
+import fs2 from "fs";
+import path4 from "path";
+import { pathToFileURL } from "url";
+
+// src/build/persistent-cache.ts
+init_esm_shims();
 import fs from "fs";
 import path3 from "path";
-import { pathToFileURL } from "url";
+import crypto from "crypto";
+var PersistentCache = class {
+  cacheDir;
+  manifestPath;
+  manifest;
+  constructor(rootDir = process.cwd()) {
+    this.cacheDir = path3.join(rootDir, ".float", "cache");
+    this.manifestPath = path3.join(this.cacheDir, "manifest.json");
+    fs.mkdirSync(this.cacheDir, { recursive: true });
+    this.manifest = this.loadManifest();
+  }
+  loadManifest() {
+    if (fs.existsSync(this.manifestPath)) {
+      try {
+        const data = fs.readFileSync(this.manifestPath, "utf-8");
+        return JSON.parse(data);
+      } catch {
+      }
+    }
+    return {
+      version: "1.0",
+      entries: {}
+    };
+  }
+  saveManifest() {
+    fs.writeFileSync(
+      this.manifestPath,
+      JSON.stringify(this.manifest, null, 2)
+    );
+  }
+  /**
+   * Generate hash for content
+   */
+  hash(content) {
+    return crypto.createHash("sha256").update(content).digest("hex").slice(0, 16);
+  }
+  /**
+   * Get cache key path
+   */
+  getKeyPath(key) {
+    const safeKey = key.replace(/[^a-z0-9_-]/gi, "_");
+    return path3.join(this.cacheDir, `${safeKey}.cache`);
+  }
+  /**
+   * Check if cache entry is valid
+   */
+  has(key, contentHash) {
+    const entry = this.manifest.entries[key];
+    if (!entry) return false;
+    const cachePath = this.getKeyPath(key);
+    if (!fs.existsSync(cachePath)) {
+      delete this.manifest.entries[key];
+      this.saveManifest();
+      return false;
+    }
+    if (contentHash && entry.hash !== contentHash) {
+      return false;
+    }
+    return true;
+  }
+  /**
+   * Get cached value
+   */
+  get(key) {
+    if (!this.has(key)) return null;
+    try {
+      const cachePath = this.getKeyPath(key);
+      const data = fs.readFileSync(cachePath, "utf-8");
+      const entry = JSON.parse(data);
+      return entry.value;
+    } catch {
+      return null;
+    }
+  }
+  /**
+   * Set cache value
+   */
+  set(key, value, content) {
+    const entry = {
+      key,
+      value,
+      timestamp: Date.now(),
+      hash: content ? this.hash(content) : this.hash(JSON.stringify(value))
+    };
+    const cachePath = this.getKeyPath(key);
+    const data = JSON.stringify(entry);
+    fs.writeFileSync(cachePath, data);
+    this.manifest.entries[key] = {
+      hash: entry.hash,
+      timestamp: entry.timestamp,
+      size: Buffer.byteLength(data)
+    };
+    this.saveManifest();
+  }
+  /**
+   * Delete cache entry
+   */
+  delete(key) {
+    const cachePath = this.getKeyPath(key);
+    if (fs.existsSync(cachePath)) {
+      fs.unlinkSync(cachePath);
+    }
+    if (this.manifest.entries[key]) {
+      delete this.manifest.entries[key];
+      this.saveManifest();
+      return true;
+    }
+    return false;
+  }
+  /**
+   * Clear all cache
+   */
+  clear() {
+    if (fs.existsSync(this.cacheDir)) {
+      fs.rmSync(this.cacheDir, { recursive: true });
+      fs.mkdirSync(this.cacheDir, { recursive: true });
+    }
+    this.manifest = {
+      version: "1.0",
+      entries: {}
+    };
+    this.saveManifest();
+  }
+  /**
+   * Get cache statistics
+   */
+  stats() {
+    const entries = Object.values(this.manifest.entries);
+    const size = entries.reduce((acc, e) => acc + e.size, 0);
+    const timestamps = entries.map((e) => e.timestamp);
+    return {
+      entries: entries.length,
+      size,
+      oldestEntry: timestamps.length > 0 ? Math.min(...timestamps) : null,
+      newestEntry: timestamps.length > 0 ? Math.max(...timestamps) : null
+    };
+  }
+  /**
+   * Clean old entries (older than maxAge milliseconds)
+   */
+  prune(maxAge = 7 * 24 * 60 * 60 * 1e3) {
+    const now = Date.now();
+    let cleaned = 0;
+    for (const [key, entry] of Object.entries(this.manifest.entries)) {
+      if (now - entry.timestamp > maxAge) {
+        this.delete(key);
+        cleaned++;
+      }
+    }
+    return cleaned;
+  }
+};
+var globalCache = null;
+function getCache(rootDir) {
+  if (!globalCache) {
+    globalCache = new PersistentCache(rootDir);
+  }
+  return globalCache;
+}
+
+// src/build/transform.ts
 var moduleCache = /* @__PURE__ */ new Map();
-async function transformFile(filePath) {
-  const absolutePath = path3.isAbsolute(filePath) ? filePath : path3.resolve(filePath);
-  if (!fs.existsSync(absolutePath)) {
+async function transformFile(filePath, useCache = true) {
+  const absolutePath = path4.isAbsolute(filePath) ? filePath : path4.resolve(filePath);
+  if (!fs2.existsSync(absolutePath)) {
     throw new Error(`File not found: ${absolutePath}`);
   }
-  const stats = fs.statSync(absolutePath);
+  const stats = fs2.statSync(absolutePath);
   const mtime = stats.mtimeMs;
   const cached = moduleCache.get(absolutePath);
   if (cached && cached.mtime === mtime) {
     return cached.module;
   }
-  const source = fs.readFileSync(absolutePath, "utf-8");
-  const ext = path3.extname(absolutePath);
+  if (useCache) {
+    const cache = getCache();
+    const source2 = fs2.readFileSync(absolutePath, "utf-8");
+    const sourceHash = __require("crypto").createHash("sha256").update(source2).digest("hex").slice(0, 16);
+    const cacheKey = `transform_${absolutePath}_${sourceHash}`;
+    if (cache.has(cacheKey)) {
+      const cachedCode = cache.get(cacheKey);
+      if (cachedCode) {
+        const tempDir2 = path4.join(process.cwd(), ".float", ".cache");
+        fs2.mkdirSync(tempDir2, { recursive: true });
+        const tempFile2 = path4.join(tempDir2, `${path4.basename(absolutePath, path4.extname(absolutePath))}_${Date.now()}.mjs`);
+        fs2.writeFileSync(tempFile2, cachedCode);
+        try {
+          const module = await import(pathToFileURL(tempFile2).href);
+          moduleCache.set(absolutePath, { module, mtime });
+          setImmediate(() => {
+            try {
+              fs2.unlinkSync(tempFile2);
+            } catch {
+            }
+          });
+          return module;
+        } catch (error) {
+          setImmediate(() => {
+            try {
+              fs2.unlinkSync(tempFile2);
+            } catch {
+            }
+          });
+        }
+      }
+    }
+  }
+  const source = fs2.readFileSync(absolutePath, "utf-8");
+  const ext = path4.extname(absolutePath);
   const loader = getLoader(ext);
   const result = await esbuild.transform(source, {
     loader,
@@ -1055,25 +1290,31 @@ async function transformFile(filePath) {
     sourcemap: "inline",
     sourcefile: absolutePath
   });
-  const tempDir = path3.join(process.cwd(), ".float", ".cache");
-  fs.mkdirSync(tempDir, { recursive: true });
-  const tempFile = path3.join(tempDir, `${path3.basename(absolutePath, ext)}_${Date.now()}.mjs`);
+  const tempDir = path4.join(process.cwd(), ".float", ".cache");
+  fs2.mkdirSync(tempDir, { recursive: true });
+  const tempFile = path4.join(tempDir, `${path4.basename(absolutePath, ext)}_${Date.now()}.mjs`);
   let code = result.code;
-  code = rewriteImports(code, path3.dirname(absolutePath));
-  fs.writeFileSync(tempFile, code);
+  code = rewriteImports(code, path4.dirname(absolutePath));
+  fs2.writeFileSync(tempFile, code);
   try {
     const module = await import(pathToFileURL(tempFile).href);
     moduleCache.set(absolutePath, { module, mtime });
+    if (useCache) {
+      const cache = getCache();
+      const sourceHash = __require("crypto").createHash("sha256").update(source).digest("hex").slice(0, 16);
+      const cacheKey = `transform_${absolutePath}_${sourceHash}`;
+      cache.set(cacheKey, code, source);
+    }
     setImmediate(() => {
       try {
-        fs.unlinkSync(tempFile);
+        fs2.unlinkSync(tempFile);
       } catch {
       }
     });
     return module;
   } catch (error) {
     try {
-      fs.unlinkSync(tempFile);
+      fs2.unlinkSync(tempFile);
     } catch {
     }
     throw error;
@@ -1102,18 +1343,18 @@ function getLoader(ext) {
 function rewriteImports(code, baseDir) {
   const importRegex = /from\s+['"](\.[^'"]+)['"]/g;
   return code.replace(importRegex, (match, importPath) => {
-    let resolvedPath = path3.resolve(baseDir, importPath);
+    let resolvedPath = path4.resolve(baseDir, importPath);
     const extensions = [".tsx", ".ts", ".jsx", ".js", ".mjs", ""];
     let found = false;
     for (const ext of extensions) {
       const tryPath = resolvedPath + ext;
-      if (fs.existsSync(tryPath)) {
+      if (fs2.existsSync(tryPath)) {
         resolvedPath = tryPath;
         found = true;
         break;
       }
-      const indexPath = path3.join(resolvedPath, `index${ext}`);
-      if (fs.existsSync(indexPath)) {
+      const indexPath = path4.join(resolvedPath, `index${ext}`);
+      if (fs2.existsSync(indexPath)) {
         resolvedPath = indexPath;
         found = true;
         break;
@@ -2464,11 +2705,214 @@ function generateExamplesPage() {
 ` + footer;
 }
 
+// src/build/css-processor.ts
+init_esm_shims();
+import fs4 from "fs";
+import path6 from "path";
+
+// src/build/tailwind-setup.ts
+init_esm_shims();
+import fs3 from "fs";
+import path5 from "path";
+import pc from "picocolors";
+function checkTailwindSetup(rootDir) {
+  const possibleConfigs = [
+    "tailwind.config.js",
+    "tailwind.config.ts",
+    "tailwind.config.mjs",
+    "tailwind.config.cjs"
+  ];
+  let configPath = null;
+  for (const config of possibleConfigs) {
+    const fullPath = path5.join(rootDir, config);
+    if (fs3.existsSync(fullPath)) {
+      configPath = fullPath;
+      break;
+    }
+  }
+  const globalsPath = path5.join(rootDir, "app", "globals.css");
+  const hasGlobals = fs3.existsSync(globalsPath);
+  return {
+    hasTailwind: !!configPath,
+    configPath,
+    globalsPath: hasGlobals ? globalsPath : null,
+    needsSetup: !configPath || !hasGlobals
+  };
+}
+async function setupTailwind(rootDir, options = {}) {
+  const { force = false, silent = false } = options;
+  const config = checkTailwindSetup(rootDir);
+  if (!force && !config.needsSetup) {
+    return;
+  }
+  if (!silent) {
+    console.log(pc.cyan("\n\u{1F3A8} Setting up Tailwind CSS..."));
+  }
+  if (!config.configPath || force) {
+    const tailwindConfig = `/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    './app/**/*.{js,ts,jsx,tsx}',
+    './components/**/*.{js,ts,jsx,tsx}',
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
+`;
+    const configPath = path5.join(rootDir, "tailwind.config.js");
+    fs3.writeFileSync(configPath, tailwindConfig);
+    if (!silent) {
+      console.log(pc.green("  \u2713 Created tailwind.config.js"));
+    }
+  }
+  const postcssPath = path5.join(rootDir, "postcss.config.js");
+  if (!fs3.existsSync(postcssPath) || force) {
+    const postcssConfig = `export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
+`;
+    fs3.writeFileSync(postcssPath, postcssConfig);
+    if (!silent) {
+      console.log(pc.green("  \u2713 Created postcss.config.js"));
+    }
+  }
+  const appDir = path5.join(rootDir, "app");
+  if (!fs3.existsSync(appDir)) {
+    fs3.mkdirSync(appDir, { recursive: true });
+  }
+  const globalsPath = path5.join(appDir, "globals.css");
+  if (!fs3.existsSync(globalsPath) || force) {
+    const globalsCss = `@tailwind base;
+@tailwind components;
+@tailwind utilities;
+`;
+    fs3.writeFileSync(globalsPath, globalsCss);
+    if (!silent) {
+      console.log(pc.green("  \u2713 Created app/globals.css"));
+    }
+  }
+  const layoutPath = path5.join(appDir, "layout.tsx");
+  if (!fs3.existsSync(layoutPath)) {
+    const layoutContent = `import './globals.css'
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  )
+}
+`;
+    fs3.writeFileSync(layoutPath, layoutContent);
+    if (!silent) {
+      console.log(pc.green("  \u2713 Created app/layout.tsx"));
+    }
+  }
+  if (!silent) {
+    console.log(pc.green("\n\u2728 Tailwind CSS ready!\n"));
+  }
+}
+function checkTailwindDeps(rootDir) {
+  const packageJsonPath = path5.join(rootDir, "package.json");
+  if (!fs3.existsSync(packageJsonPath)) {
+    return {
+      hasPackageJson: false,
+      hasTailwind: false,
+      hasPostCSS: false,
+      hasAutoprefixer: false
+    };
+  }
+  const packageJson = JSON.parse(fs3.readFileSync(packageJsonPath, "utf-8"));
+  const allDeps = {
+    ...packageJson.dependencies,
+    ...packageJson.devDependencies
+  };
+  return {
+    hasPackageJson: true,
+    hasTailwind: !!allDeps["tailwindcss"],
+    hasPostCSS: !!allDeps["postcss"],
+    hasAutoprefixer: !!allDeps["autoprefixer"]
+  };
+}
+function getTailwindInstallCommand(rootDir) {
+  const deps = checkTailwindDeps(rootDir);
+  if (!deps.hasPackageJson) {
+    return null;
+  }
+  const missing = [];
+  if (!deps.hasTailwind) missing.push("tailwindcss");
+  if (!deps.hasPostCSS) missing.push("postcss");
+  if (!deps.hasAutoprefixer) missing.push("autoprefixer");
+  if (missing.length === 0) {
+    return null;
+  }
+  const hasYarnLock = fs3.existsSync(path5.join(rootDir, "yarn.lock"));
+  const hasPnpmLock = fs3.existsSync(path5.join(rootDir, "pnpm-lock.yaml"));
+  const hasBunLock = fs3.existsSync(path5.join(rootDir, "bun.lockb"));
+  let pm = "npm install -D";
+  if (hasBunLock) pm = "bun add -d";
+  else if (hasPnpmLock) pm = "pnpm add -D";
+  else if (hasYarnLock) pm = "yarn add -D";
+  return `${pm} ${missing.join(" ")}`;
+}
+
+// src/build/css-processor.ts
+async function processCSS(filePath, rootDir = process.cwd()) {
+  const content = fs4.readFileSync(filePath, "utf-8");
+  const tailwindConfig = checkTailwindSetup(rootDir);
+  if (!tailwindConfig.hasTailwind) {
+    return { code: content };
+  }
+  try {
+    const postcss = await import("postcss").then((m) => m.default);
+    const tailwindcss = await import("tailwindcss").then((m) => m.default);
+    const autoprefixer = await import("autoprefixer").then((m) => m.default);
+    const configPath = tailwindConfig.configPath || path6.join(rootDir, "tailwind.config.js");
+    let tailwindConfigModule = {};
+    if (fs4.existsSync(configPath)) {
+      const configUrl = new URL(`file://${configPath}`);
+      tailwindConfigModule = await import(configUrl.href).then((m) => m.default || m);
+    }
+    const result = await postcss([
+      tailwindcss(tailwindConfigModule),
+      autoprefixer()
+    ]).process(content, {
+      from: filePath,
+      to: filePath,
+      map: { inline: false }
+    });
+    return {
+      code: result.css,
+      map: result.map?.toString()
+    };
+  } catch (error) {
+    console.warn("CSS processing failed, serving raw CSS:", error);
+    return { code: content };
+  }
+}
+function needsCSSProcessing(filePath, rootDir) {
+  const config = checkTailwindSetup(rootDir);
+  if (!config.hasTailwind) {
+    return false;
+  }
+  const content = fs4.readFileSync(filePath, "utf-8");
+  return content.includes("@tailwind") || content.includes("@apply");
+}
+
 // src/server/dev-server.ts
 async function createDevServer(options) {
   const { port, host, open } = options;
   const rootDir = process.cwd();
-  const publicDir = path4.join(rootDir, "public");
+  const publicDir = path7.join(rootDir, "public");
   let routes = [];
   let server = null;
   let wss = null;
@@ -2476,9 +2920,20 @@ async function createDevServer(options) {
   async function refreshRoutes() {
     try {
       routes = await scanRoutes(rootDir);
-      console.log(pc.dim(`  \u{1F4C1} Found ${routes.length} routes`));
+      console.log(pc2.dim(`  \u{1F4C1} Found ${routes.length} routes`));
+      const tailwindConfig = checkTailwindSetup(rootDir);
+      if (tailwindConfig.needsSetup) {
+        console.log(pc2.yellow("  \u26A0\uFE0F  Tailwind not configured"));
+        const installCmd = getTailwindInstallCommand(rootDir);
+        if (installCmd) {
+          console.log(pc2.dim(`  \u{1F4A1} Run: ${installCmd}`));
+          console.log(pc2.dim(`  \u{1F4A1} Then: npx float dev`));
+        } else {
+          await setupTailwind(rootDir);
+        }
+      }
     } catch (error) {
-      console.error(pc.red("Failed to scan routes:"), error);
+      console.error(pc2.red("Failed to scan routes:"), error);
     }
   }
   function notifyClients(type, data) {
@@ -2539,16 +2994,46 @@ ${FLOAT_ERROR_OVERLAY}
   async function handleRequest(req, res) {
     const url = new URL(req.url || "/", `http://${host}:${port}`);
     const pathname = url.pathname;
-    console.log(pc.dim(`  ${req.method} ${pathname}`));
+    console.log(pc2.dim(`  ${req.method} ${pathname}`));
     try {
-      const publicFilePath = path4.join(publicDir, pathname);
-      if (fs2.existsSync(publicFilePath) && fs2.statSync(publicFilePath).isFile()) {
-        const content = fs2.readFileSync(publicFilePath);
+      const publicFilePath = path7.join(publicDir, pathname);
+      if (fs5.existsSync(publicFilePath) && fs5.statSync(publicFilePath).isFile()) {
+        const content = fs5.readFileSync(publicFilePath);
         const contentType = mime.lookup(publicFilePath) || "application/octet-stream";
         res.writeHead(200, { "Content-Type": contentType });
         res.end(content);
         return;
       }
+      if (pathname.endsWith(".css")) {
+        const cssPath = path7.join(rootDir, "app", pathname.replace(/^\//, ""));
+        if (fs5.existsSync(cssPath)) {
+          try {
+            const needsProcessing = needsCSSProcessing(cssPath, rootDir);
+            if (needsProcessing) {
+              const result = await processCSS(cssPath, rootDir);
+              res.writeHead(200, {
+                "Content-Type": "text/css",
+                "Cache-Control": "no-cache"
+              });
+              res.end(result.code);
+            } else {
+              const content = fs5.readFileSync(cssPath, "utf-8");
+              res.writeHead(200, {
+                "Content-Type": "text/css",
+                "Cache-Control": "no-cache"
+              });
+              res.end(content);
+            }
+            return;
+          } catch (error) {
+            console.error(pc2.red("CSS processing error:"), error);
+            const content = fs5.readFileSync(cssPath, "utf-8");
+            res.writeHead(200, { "Content-Type": "text/css" });
+            res.end(content);
+            return;
+          }
+        }
+      }
       if (pathname.startsWith("/_float/")) {
         res.writeHead(200, { "Content-Type": "application/javascript" });
         res.end("// Float.js internal asset");
@@ -2613,7 +3098,7 @@ ${FLOAT_ERROR_OVERLAY}
       });
       res.end(html);
     } catch (error) {
-      console.error(pc.red("Request error:"), error);
+      console.error(pc2.red("Request error:"), error);
       res.writeHead(500, { "Content-Type": "text/html" });
       res.end(createErrorPage(error));
     }
@@ -2642,7 +3127,7 @@ ${FLOAT_ERROR_OVERLAY}
       const responseBody = await response.text();
       res.end(responseBody);
     } catch (error) {
-      console.error(pc.red("API route error:"), error);
+      console.error(pc2.red("API route error:"), error);
       res.writeHead(500, { "Content-Type": "application/json" });
       res.end(JSON.stringify({ error: "Internal server error" }));
     }
@@ -2657,9 +3142,9 @@ ${FLOAT_ERROR_OVERLAY}
     });
     const watcher = chokidar.watch(
       [
-        path4.join(rootDir, "app/**/*.{ts,tsx,js,jsx}"),
-        path4.join(rootDir, "components/**/*.{ts,tsx,js,jsx}"),
-        path4.join(rootDir, "lib/**/*.{ts,tsx,js,jsx}")
+        path7.join(rootDir, "app/**/*.{ts,tsx,js,jsx}"),
+        path7.join(rootDir, "components/**/*.{ts,tsx,js,jsx}"),
+        path7.join(rootDir, "lib/**/*.{ts,tsx,js,jsx}")
       ],
       {
         ignored: /node_modules/,
@@ -2667,8 +3152,8 @@ ${FLOAT_ERROR_OVERLAY}
       }
     );
     watcher.on("change", async (filePath) => {
-      console.log(pc.yellow(`
-  \u26A1 File changed: ${path4.relative(rootDir, filePath)}`));
+      console.log(pc2.yellow(`
+  \u26A1 File changed: ${path7.relative(rootDir, filePath)}`));
       if (filePath.includes("/app/")) {
         await refreshRoutes();
       }
@@ -2676,31 +3161,31 @@ ${FLOAT_ERROR_OVERLAY}
     });
     watcher.on("add", async (filePath) => {
       if (filePath.includes("/app/")) {
-        console.log(pc.green(`
-  \u2795 File added: ${path4.relative(rootDir, filePath)}`));
+        console.log(pc2.green(`
+  \u2795 File added: ${path7.relative(rootDir, filePath)}`));
         await refreshRoutes();
         notifyClients("reload");
       }
     });
     watcher.on("unlink", async (filePath) => {
       if (filePath.includes("/app/")) {
-        console.log(pc.red(`
-  \u2796 File removed: ${path4.relative(rootDir, filePath)}`));
+        console.log(pc2.red(`
+  \u2796 File removed: ${path7.relative(rootDir, filePath)}`));
         await refreshRoutes();
         notifyClients("reload");
       }
     });
     return new Promise((resolve, reject) => {
       server.listen(port, host, () => {
-        console.log(pc.green(`  \u2705 Server running at ${pc.cyan(`http://${host}:${port}`)}`));
-        console.log(pc.dim(`  \u26A1 HMR enabled on ws://${host}:${port + 1}
+        console.log(pc2.green(`  \u2705 Server running at ${pc2.cyan(`http://${host}:${port}`)}`));
+        console.log(pc2.dim(`  \u26A1 HMR enabled on ws://${host}:${port + 1}
 `));
-        console.log(pc.bold("  Routes:"));
+        console.log(pc2.bold("  Routes:"));
         routes.forEach((route) => {
           if (route.type === "page") {
-            console.log(pc.dim(`    ${pc.green("\u25CF")} ${route.path}`));
+            console.log(pc2.dim(`    ${pc2.green("\u25CF")} ${route.path}`));
           } else if (route.type === "api") {
-            console.log(pc.dim(`    ${pc.blue("\u25C6")} ${route.path} (API)`));
+            console.log(pc2.dim(`    ${pc2.blue("\u25C6")} ${route.path} (API)`));
           }
         });
         console.log("");
@@ -2820,9 +3305,9 @@ function escapeHtml2(text) {
 // src/build/index.ts
 init_esm_shims();
 import * as esbuild2 from "esbuild";
-import fs3 from "fs";
-import path5 from "path";
-import pc2 from "picocolors";
+import fs6 from "fs";
+import path8 from "path";
+import pc3 from "picocolors";
 var DEFAULT_BUILD_OPTIONS = {
   analyze: false,
   minify: true,
@@ -2832,27 +3317,27 @@ async function build2(options = {}) {
   const opts = { ...DEFAULT_BUILD_OPTIONS, ...options };
   const startTime = Date.now();
   const rootDir = process.cwd();
-  const outputDir = path5.join(rootDir, ".float");
-  if (fs3.existsSync(outputDir)) {
-    fs3.rmSync(outputDir, { recursive: true });
-  }
-  fs3.mkdirSync(outputDir, { recursive: true });
-  fs3.mkdirSync(path5.join(outputDir, "pages"), { recursive: true });
-  fs3.mkdirSync(path5.join(outputDir, "static"), { recursive: true });
-  fs3.mkdirSync(path5.join(outputDir, "server"), { recursive: true });
-  console.log(pc2.dim("  Scanning routes..."));
+  const outputDir = path8.join(rootDir, ".float");
+  if (fs6.existsSync(outputDir)) {
+    fs6.rmSync(outputDir, { recursive: true });
+  }
+  fs6.mkdirSync(outputDir, { recursive: true });
+  fs6.mkdirSync(path8.join(outputDir, "pages"), { recursive: true });
+  fs6.mkdirSync(path8.join(outputDir, "static"), { recursive: true });
+  fs6.mkdirSync(path8.join(outputDir, "server"), { recursive: true });
+  console.log(pc3.dim("  Scanning routes..."));
   const routes = await scanRoutes(rootDir);
   const pageRoutes = routes.filter((r) => r.type === "page" && !r.params.length);
   const dynamicRoutes = routes.filter((r) => r.type === "page" && r.params.length > 0);
   const apiRoutes = routes.filter((r) => r.type === "api");
-  console.log(pc2.dim(`  Found ${pageRoutes.length} static pages, ${dynamicRoutes.length} dynamic routes, ${apiRoutes.length} API routes`));
-  console.log(pc2.dim("  Building client bundle..."));
+  console.log(pc3.dim(`  Found ${pageRoutes.length} static pages, ${dynamicRoutes.length} dynamic routes, ${apiRoutes.length} API routes`));
+  console.log(pc3.dim("  Building client bundle..."));
   const clientEntryPoints = routes.filter((r) => r.type === "page").map((r) => r.absolutePath);
   if (clientEntryPoints.length > 0) {
     await esbuild2.build({
       entryPoints: clientEntryPoints,
       bundle: true,
-      outdir: path5.join(outputDir, "static", "_float"),
+      outdir: path8.join(outputDir, "static", "_float"),
       format: "esm",
       splitting: true,
       minify: opts.minify,
@@ -2874,13 +3359,13 @@ async function build2(options = {}) {
       metafile: opts.analyze
     });
   }
-  console.log(pc2.dim("  Building server bundle..."));
+  console.log(pc3.dim("  Building server bundle..."));
   const serverEntryPoints = routes.map((r) => r.absolutePath);
   if (serverEntryPoints.length > 0) {
     await esbuild2.build({
       entryPoints: serverEntryPoints,
       bundle: true,
-      outdir: path5.join(outputDir, "server"),
+      outdir: path8.join(outputDir, "server"),
       format: "esm",
       platform: "node",
       target: ["node18"],
@@ -2897,26 +3382,26 @@ async function build2(options = {}) {
       external: ["react", "react-dom", "@float/core"]
     });
   }
-  console.log(pc2.dim("  Pre-rendering static pages..."));
+  console.log(pc3.dim("  Pre-rendering static pages..."));
   const prerenderedPages = [];
   for (const route of pageRoutes) {
     try {
       const html = await renderPage(route, {}, { isDev: false });
-      const outputPath = route.path === "/" ? path5.join(outputDir, "pages", "index.html") : path5.join(outputDir, "pages", route.path, "index.html");
-      fs3.mkdirSync(path5.dirname(outputPath), { recursive: true });
-      fs3.writeFileSync(outputPath, html);
+      const outputPath = route.path === "/" ? path8.join(outputDir, "pages", "index.html") : path8.join(outputDir, "pages", route.path, "index.html");
+      fs6.mkdirSync(path8.dirname(outputPath), { recursive: true });
+      fs6.writeFileSync(outputPath, html);
       prerenderedPages.push(route.path);
-      console.log(pc2.dim(`    \u2713 ${route.path}`));
+      console.log(pc3.dim(`    \u2713 ${route.path}`));
     } catch (error) {
-      console.log(pc2.yellow(`    \u26A0 ${route.path} (will render at runtime)`));
+      console.log(pc3.yellow(`    \u26A0 ${route.path} (will render at runtime)`));
     }
   }
-  console.log(pc2.dim("  Building API routes..."));
+  console.log(pc3.dim("  Building API routes..."));
   for (const route of apiRoutes) {
     await esbuild2.build({
       entryPoints: [route.absolutePath],
       bundle: true,
-      outfile: path5.join(outputDir, "server", "api", `${route.path.replace(/\//g, "_")}.js`),
+      outfile: path8.join(outputDir, "server", "api", `${route.path.replace(/\//g, "_")}.js`),
       format: "esm",
       platform: "neutral",
       // Edge compatible
@@ -2924,10 +3409,10 @@ async function build2(options = {}) {
       minify: true
     });
   }
-  const publicDir = path5.join(rootDir, "public");
-  if (fs3.existsSync(publicDir)) {
-    console.log(pc2.dim("  Copying public assets..."));
-    copyDir(publicDir, path5.join(outputDir, "static"));
+  const publicDir = path8.join(rootDir, "public");
+  if (fs6.existsSync(publicDir)) {
+    console.log(pc3.dim("  Copying public assets..."));
+    copyDir(publicDir, path8.join(outputDir, "static"));
   }
   const manifest = {
     version: 1,
@@ -2936,19 +3421,19 @@ async function build2(options = {}) {
       path: r.path,
       type: r.type,
       filePath: r.filePath,
-      absolutePath: path5.relative(rootDir, r.absolutePath),
+      absolutePath: path8.relative(rootDir, r.absolutePath),
       params: r.params,
       isCatchAll: r.isCatchAll,
       isOptionalCatchAll: r.isOptionalCatchAll,
-      layouts: r.layouts.map((l) => path5.relative(rootDir, l)),
+      layouts: r.layouts.map((l) => path8.relative(rootDir, l)),
       prerendered: prerenderedPages.includes(r.path)
     })),
     staticPages: prerenderedPages,
     dynamicRoutes: dynamicRoutes.map((r) => r.path),
     apiRoutes: apiRoutes.map((r) => r.path)
   };
-  fs3.writeFileSync(
-    path5.join(outputDir, "routes-manifest.json"),
+  fs6.writeFileSync(
+    path8.join(outputDir, "routes-manifest.json"),
     JSON.stringify(manifest, null, 2)
   );
   const duration = Date.now() - startTime;
@@ -2958,16 +3443,16 @@ async function build2(options = {}) {
     routes: routes.length,
     pages: prerenderedPages.length
   };
-  fs3.writeFileSync(
-    path5.join(outputDir, "build-info.json"),
+  fs6.writeFileSync(
+    path8.join(outputDir, "build-info.json"),
     JSON.stringify(buildInfo, null, 2)
   );
   console.log("");
-  console.log(pc2.bold("  Build Summary:"));
-  console.log(pc2.dim(`    Static Pages:   ${prerenderedPages.length}`));
-  console.log(pc2.dim(`    Dynamic Routes: ${dynamicRoutes.length}`));
-  console.log(pc2.dim(`    API Routes:     ${apiRoutes.length}`));
-  console.log(pc2.dim(`    Output:         .float/`));
+  console.log(pc3.bold("  Build Summary:"));
+  console.log(pc3.dim(`    Static Pages:   ${prerenderedPages.length}`));
+  console.log(pc3.dim(`    Dynamic Routes: ${dynamicRoutes.length}`));
+  console.log(pc3.dim(`    API Routes:     ${apiRoutes.length}`));
+  console.log(pc3.dim(`    Output:         .float/`));
   return {
     routes,
     duration,
@@ -2977,15 +3462,15 @@ async function build2(options = {}) {
   };
 }
 function copyDir(src, dest) {
-  fs3.mkdirSync(dest, { recursive: true });
-  const entries = fs3.readdirSync(src, { withFileTypes: true });
+  fs6.mkdirSync(dest, { recursive: true });
+  const entries = fs6.readdirSync(src, { withFileTypes: true });
   for (const entry of entries) {
-    const srcPath = path5.join(src, entry.name);
-    const destPath = path5.join(dest, entry.name);
+    const srcPath = path8.join(src, entry.name);
+    const destPath = path8.join(dest, entry.name);
     if (entry.isDirectory()) {
       copyDir(srcPath, destPath);
     } else {
-      fs3.copyFileSync(srcPath, destPath);
+      fs6.copyFileSync(srcPath, destPath);
     }
   }
 }
@@ -2993,45 +3478,45 @@ function copyDir(src, dest) {
 // src/server/prod-server.ts
 init_esm_shims();
 import http2 from "http";
-import fs4 from "fs";
-import path6 from "path";
-import pc3 from "picocolors";
+import fs7 from "fs";
+import path9 from "path";
+import pc4 from "picocolors";
 import mime2 from "mime-types";
 var cachedRoutes = [];
 var pageCache = /* @__PURE__ */ new Map();
 async function startProductionServer(options) {
   const { port, host } = options;
   const rootDir = process.cwd();
-  const distDir = path6.join(rootDir, ".float");
-  const publicDir = path6.join(rootDir, "public");
-  const manifestPath = path6.join(distDir, "routes-manifest.json");
-  if (fs4.existsSync(manifestPath)) {
-    const manifest = JSON.parse(fs4.readFileSync(manifestPath, "utf-8"));
+  const distDir = path9.join(rootDir, ".float");
+  const publicDir = path9.join(rootDir, "public");
+  const manifestPath = path9.join(distDir, "routes-manifest.json");
+  if (fs7.existsSync(manifestPath)) {
+    const manifest = JSON.parse(fs7.readFileSync(manifestPath, "utf-8"));
     cachedRoutes = manifest.routes;
-    console.log(pc3.dim(`  \u{1F4E6} Loaded ${cachedRoutes.length} routes from manifest`));
+    console.log(pc4.dim(`  \u{1F4E6} Loaded ${cachedRoutes.length} routes from manifest`));
   } else {
-    console.error(pc3.red("  \u274C No build manifest found. Run `float build` first."));
+    console.error(pc4.red("  \u274C No build manifest found. Run `float build` first."));
     process.exit(1);
   }
-  const pagesDir = path6.join(distDir, "pages");
-  if (fs4.existsSync(pagesDir)) {
-    const prerenderedFiles = fs4.readdirSync(pagesDir, { recursive: true });
+  const pagesDir = path9.join(distDir, "pages");
+  if (fs7.existsSync(pagesDir)) {
+    const prerenderedFiles = fs7.readdirSync(pagesDir, { recursive: true });
     for (const file of prerenderedFiles) {
       if (file.endsWith(".html")) {
         const routePath = "/" + file.replace(/\.html$/, "").replace(/index$/, "");
-        const content = fs4.readFileSync(path6.join(pagesDir, file), "utf-8");
+        const content = fs7.readFileSync(path9.join(pagesDir, file), "utf-8");
         pageCache.set(routePath, content);
       }
     }
-    console.log(pc3.dim(`  \u{1F4C4} Loaded ${pageCache.size} pre-rendered pages`));
+    console.log(pc4.dim(`  \u{1F4C4} Loaded ${pageCache.size} pre-rendered pages`));
   }
   const server = http2.createServer(async (req, res) => {
     const url = new URL(req.url || "/", `http://${host}:${port}`);
     const pathname = url.pathname;
     try {
-      const staticPath = path6.join(distDir, "static", pathname);
-      if (fs4.existsSync(staticPath) && fs4.statSync(staticPath).isFile()) {
-        const content = fs4.readFileSync(staticPath);
+      const staticPath = path9.join(distDir, "static", pathname);
+      if (fs7.existsSync(staticPath) && fs7.statSync(staticPath).isFile()) {
+        const content = fs7.readFileSync(staticPath);
         const contentType = mime2.lookup(staticPath) || "application/octet-stream";
         res.writeHead(200, {
           "Content-Type": contentType,
@@ -3040,9 +3525,9 @@ async function startProductionServer(options) {
         res.end(content);
         return;
       }
-      const publicFilePath = path6.join(publicDir, pathname);
-      if (fs4.existsSync(publicFilePath) && fs4.statSync(publicFilePath).isFile()) {
-        const content = fs4.readFileSync(publicFilePath);
+      const publicFilePath = path9.join(publicDir, pathname);
+      if (fs7.existsSync(publicFilePath) && fs7.statSync(publicFilePath).isFile()) {
+        const content = fs7.readFileSync(publicFilePath);
         const contentType = mime2.lookup(publicFilePath) || "application/octet-stream";
         res.writeHead(200, { "Content-Type": contentType });
         res.end(content);
@@ -3075,13 +3560,13 @@ async function startProductionServer(options) {
       });
       res.end(html);
     } catch (error) {
-      console.error(pc3.red("Request error:"), error);
+      console.error(pc4.red("Request error:"), error);
       res.writeHead(500, { "Content-Type": "text/html" });
       res.end("<h1>500 - Internal Server Error</h1>");
     }
   });
   server.listen(port, host, () => {
-    console.log(pc3.green(`  \u2705 Production server running at ${pc3.cyan(`http://${host}:${port}`)}
+    console.log(pc4.green(`  \u2705 Production server running at ${pc4.cyan(`http://${host}:${port}`)}
 `));
   });
 }
@@ -3093,14 +3578,14 @@ var VERSION = "2.0.4";
 // src/cli/index.ts
 var cli = cac("float");
 var banner = `
-${pc4.cyan("\u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557")}
-${pc4.cyan("\u2551")}  ${pc4.bold(pc4.magenta("\u26A1 Float.js"))} ${pc4.dim(`v${VERSION}`)}                  ${pc4.cyan("\u2551")}
-${pc4.cyan("\u2551")}  ${pc4.dim("Ultra Modern Web Framework")}          ${pc4.cyan("\u2551")}
-${pc4.cyan("\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255D")}
+${pc5.cyan("\u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557")}
+${pc5.cyan("\u2551")}  ${pc5.bold(pc5.magenta("\u26A1 Float.js"))} ${pc5.dim(`v${VERSION}`)}                  ${pc5.cyan("\u2551")}
+${pc5.cyan("\u2551")}  ${pc5.dim("Ultra Modern Web Framework")}          ${pc5.cyan("\u2551")}
+${pc5.cyan("\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255D")}
 `;
 cli.command("dev", "Start development server").option("-p, --port <port>", "Port to listen on", { default: 3e3 }).option("-h, --host <host>", "Host to bind to", { default: "localhost" }).option("--open", "Open browser on start", { default: false }).action(async (options) => {
   console.log(banner);
-  console.log(pc4.cyan("\u{1F680} Starting development server...\n"));
+  console.log(pc5.cyan("\u{1F680} Starting development server...\n"));
   try {
     const server = await createDevServer({
       port: Number(options.port),
@@ -3109,45 +3594,45 @@ cli.command("dev", "Start development server").option("-p, --port <port>", "Port
     });
     await server.start();
   } catch (error) {
-    console.error(pc4.red("\u274C Failed to start dev server:"), error);
+    console.error(pc5.red("\u274C Failed to start dev server:"), error);
     process.exit(1);
   }
 });
 cli.command("build", "Build for production").option("--analyze", "Analyze bundle size", { default: false }).action(async (options) => {
   console.log(banner);
-  console.log(pc4.cyan("\u{1F4E6} Building for production...\n"));
+  console.log(pc5.cyan("\u{1F4E6} Building for production...\n"));
   try {
     const startTime = Date.now();
     await build2({ analyze: options.analyze });
     const duration = Date.now() - startTime;
-    console.log(pc4.green(`
+    console.log(pc5.green(`
 \u2705 Build completed in ${duration}ms`));
   } catch (error) {
-    console.error(pc4.red("\u274C Build failed:"), error);
+    console.error(pc5.red("\u274C Build failed:"), error);
     process.exit(1);
   }
 });
 cli.command("start", "Start production server").option("-p, --port <port>", "Port to listen on", { default: 3e3 }).option("-h, --host <host>", "Host to bind to", { default: "0.0.0.0" }).action(async (options) => {
   console.log(banner);
-  console.log(pc4.cyan("\u{1F310} Starting production server...\n"));
+  console.log(pc5.cyan("\u{1F310} Starting production server...\n"));
   try {
     await startProductionServer({
       port: Number(options.port),
       host: options.host
     });
   } catch (error) {
-    console.error(pc4.red("\u274C Failed to start server:"), error);
+    console.error(pc5.red("\u274C Failed to start server:"), error);
     process.exit(1);
   }
 });
 cli.command("info", "Show environment information").action(() => {
   console.log(banner);
-  console.log(pc4.bold("Environment Info:\n"));
-  console.log(`  ${pc4.dim("Float.js:")}    v${VERSION}`);
-  console.log(`  ${pc4.dim("Node.js:")}     ${process.version}`);
-  console.log(`  ${pc4.dim("Platform:")}    ${process.platform}`);
-  console.log(`  ${pc4.dim("Arch:")}        ${process.arch}`);
-  console.log(`  ${pc4.dim("CWD:")}         ${process.cwd()}`);
+  console.log(pc5.bold("Environment Info:\n"));
+  console.log(`  ${pc5.dim("Float.js:")}    v${VERSION}`);
+  console.log(`  ${pc5.dim("Node.js:")}     ${process.version}`);
+  console.log(`  ${pc5.dim("Platform:")}    ${process.platform}`);
+  console.log(`  ${pc5.dim("Arch:")}        ${process.arch}`);
+  console.log(`  ${pc5.dim("CWD:")}         ${process.cwd()}`);
 });
 cli.help();
 cli.version(VERSION);