@float.js/core 2.0.7 → 2.2.0

package/dist/server/index.js

@@ -1,5 +1,11 @@
 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;
 };
@@ -729,7 +735,7 @@ function generateAPIResponse(state) {
 function createDevDashboard(options = {}) {
   const {
     enabled = process.env.NODE_ENV !== "production",
-    path: path6 = "/__float",
+    path: path9 = "/__float",
     auth
   } = options;
   if (!enabled) {
@@ -737,7 +743,7 @@ function createDevDashboard(options = {}) {
   }
   return (req, res, next) => {
     const url = req.url || "";
-    if (!url.startsWith(path6)) {
+    if (!url.startsWith(path9)) {
       return next();
     }
     if (auth) {
@@ -756,7 +762,7 @@ function createDevDashboard(options = {}) {
         return;
       }
     }
-    const subPath = url.slice(path6.length);
+    const subPath = url.slice(path9.length);
     if (subPath === "" || subPath === "/") {
       res.setHeader("Content-Type", "text/html");
       res.end(generateDashboardHTML(dashboardState));
@@ -870,9 +876,9 @@ init_esm_shims();
 // 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";
@@ -934,6 +940,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);
@@ -945,12 +971,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 = [];
@@ -968,7 +1002,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);
   }
@@ -1026,23 +1062,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,
@@ -1052,25 +1287,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;
@@ -1099,18 +1340,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;
@@ -2494,11 +2735,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;
@@ -2506,9 +2950,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) {
@@ -2569,16 +3024,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");
@@ -2643,7 +3128,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));
     }
@@ -2672,7 +3157,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" }));
     }
@@ -2687,9 +3172,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/,
@@ -2697,8 +3182,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();
       }
@@ -2706,31 +3191,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("");
@@ -2850,45 +3335,45 @@ function escapeHtml2(text) {
 // src/server/prod-server.ts
 init_esm_shims();
 import http2 from "http";
-import fs3 from "fs";
-import path5 from "path";
-import pc2 from "picocolors";
+import fs6 from "fs";
+import path8 from "path";
+import pc3 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 = path5.join(rootDir, ".float");
-  const publicDir = path5.join(rootDir, "public");
-  const manifestPath = path5.join(distDir, "routes-manifest.json");
-  if (fs3.existsSync(manifestPath)) {
-    const manifest = JSON.parse(fs3.readFileSync(manifestPath, "utf-8"));
+  const distDir = path8.join(rootDir, ".float");
+  const publicDir = path8.join(rootDir, "public");
+  const manifestPath = path8.join(distDir, "routes-manifest.json");
+  if (fs6.existsSync(manifestPath)) {
+    const manifest = JSON.parse(fs6.readFileSync(manifestPath, "utf-8"));
     cachedRoutes = manifest.routes;
-    console.log(pc2.dim(`  \u{1F4E6} Loaded ${cachedRoutes.length} routes from manifest`));
+    console.log(pc3.dim(`  \u{1F4E6} Loaded ${cachedRoutes.length} routes from manifest`));
   } else {
-    console.error(pc2.red("  \u274C No build manifest found. Run `float build` first."));
+    console.error(pc3.red("  \u274C No build manifest found. Run `float build` first."));
     process.exit(1);
   }
-  const pagesDir = path5.join(distDir, "pages");
-  if (fs3.existsSync(pagesDir)) {
-    const prerenderedFiles = fs3.readdirSync(pagesDir, { recursive: true });
+  const pagesDir = path8.join(distDir, "pages");
+  if (fs6.existsSync(pagesDir)) {
+    const prerenderedFiles = fs6.readdirSync(pagesDir, { recursive: true });
     for (const file of prerenderedFiles) {
       if (file.endsWith(".html")) {
         const routePath = "/" + file.replace(/\.html$/, "").replace(/index$/, "");
-        const content = fs3.readFileSync(path5.join(pagesDir, file), "utf-8");
+        const content = fs6.readFileSync(path8.join(pagesDir, file), "utf-8");
         pageCache.set(routePath, content);
       }
     }
-    console.log(pc2.dim(`  \u{1F4C4} Loaded ${pageCache.size} pre-rendered pages`));
+    console.log(pc3.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 = path5.join(distDir, "static", pathname);
-      if (fs3.existsSync(staticPath) && fs3.statSync(staticPath).isFile()) {
-        const content = fs3.readFileSync(staticPath);
+      const staticPath = path8.join(distDir, "static", pathname);
+      if (fs6.existsSync(staticPath) && fs6.statSync(staticPath).isFile()) {
+        const content = fs6.readFileSync(staticPath);
         const contentType = mime2.lookup(staticPath) || "application/octet-stream";
         res.writeHead(200, {
           "Content-Type": contentType,
@@ -2897,9 +3382,9 @@ async function startProductionServer(options) {
         res.end(content);
         return;
       }
-      const publicFilePath = path5.join(publicDir, pathname);
-      if (fs3.existsSync(publicFilePath) && fs3.statSync(publicFilePath).isFile()) {
-        const content = fs3.readFileSync(publicFilePath);
+      const publicFilePath = path8.join(publicDir, pathname);
+      if (fs6.existsSync(publicFilePath) && fs6.statSync(publicFilePath).isFile()) {
+        const content = fs6.readFileSync(publicFilePath);
         const contentType = mime2.lookup(publicFilePath) || "application/octet-stream";
         res.writeHead(200, { "Content-Type": contentType });
         res.end(content);
@@ -2932,13 +3417,13 @@ async function startProductionServer(options) {
       });
       res.end(html);
     } catch (error) {
-      console.error(pc2.red("Request error:"), error);
+      console.error(pc3.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(pc2.green(`  \u2705 Production server running at ${pc2.cyan(`http://${host}:${port}`)}
+    console.log(pc3.green(`  \u2705 Production server running at ${pc3.cyan(`http://${host}:${port}`)}
 `));
   });
 }