@constela/start 1.2.8 → 1.2.10

package/dist/{chunk-ZJMQ6IJY.js → chunk-SC6WWHJ6.js}

@@ -2211,13 +2211,13 @@ h1 { color: #666; }
 // src/build/index.ts
 import { existsSync as existsSync8, readFileSync as readFileSync5 } from "fs";
 import { mkdir as mkdir2, writeFile, cp, readdir } from "fs/promises";
-import { join as join9, dirname as dirname5, relative as relative2, basename as basename4, isAbsolute as isAbsolute3, resolve as resolve4 } from "path";
+import { join as join9, dirname as dirname5, relative as relative3, basename as basename4, isAbsolute as isAbsolute3, resolve as resolve4 } from "path";
 
 // src/build/bundler.ts
 import * as esbuild from "esbuild";
 import { existsSync as existsSync7 } from "fs";
-import { mkdir } from "fs/promises";
-import { join as join8, dirname as dirname4, isAbsolute as isAbsolute2 } from "path";
+import { mkdir, readFile } from "fs/promises";
+import { join as join8, dirname as dirname4, isAbsolute as isAbsolute2, relative as relative2 } from "path";
 import { fileURLToPath } from "url";
 var __dirname = dirname4(fileURLToPath(import.meta.url));
 async function bundleRuntime(options) {
@@ -2257,33 +2257,96 @@ async function bundleCSS(options) {
       throw new Error(`CSS file not found: ${fullPath}`);
     }
   }
-  try {
-    if (resolvedCssFiles.length === 1) {
-      await esbuild.build({
-        entryPoints: resolvedCssFiles,
-        bundle: true,
-        outfile: outFile,
-        minify: options.minify ?? true,
-        loader: { ".css": "css" },
-        conditions: ["style"]
+  if (options.content !== void 0) {
+    try {
+      const firstCssFile = resolvedCssFiles[0];
+      if (!firstCssFile) {
+        throw new Error("No CSS files provided");
+      }
+      let cssContent;
+      if (resolvedCssFiles.length === 1) {
+        cssContent = await readFile(firstCssFile, "utf-8");
+      } else {
+        cssContent = resolvedCssFiles.map((f) => `@import "${f}";`).join("\n");
+      }
+      if (options.content.length > 0) {
+        const fg4 = (await import("fast-glob")).default;
+        const resolvedContentPaths = options.content.map(
+          (p) => isAbsolute2(p) ? p : join8(process.cwd(), p)
+        );
+        const matchedFiles = await fg4(resolvedContentPaths, { onlyFiles: true });
+        if (matchedFiles.length === 0) {
+          throw new Error(
+            `No content files matched the provided patterns: ${options.content.join(", ")}`
+          );
+        }
+      }
+      const sourceDir = dirname4(firstCssFile);
+      const sourceDirectives = options.content.map((contentPath) => {
+        const absolutePath = isAbsolute2(contentPath) ? contentPath : join8(process.cwd(), contentPath);
+        const relativePath = relative2(sourceDir, absolutePath);
+        return `@source "${relativePath}";`;
+      }).join("\n");
+      const processedCssInput = sourceDirectives + "\n" + cssContent;
+      const postcss = (await import("postcss")).default;
+      const tailwindPostcss = (await import("@tailwindcss/postcss")).default;
+      const projectRoot = process.cwd();
+      const isWithinProject = firstCssFile.startsWith(projectRoot);
+      const baseDir = isWithinProject ? sourceDir : projectRoot;
+      const result = await postcss([
+        tailwindPostcss({
+          base: baseDir,
+          optimize: options.minify ?? true
+        })
+      ]).process(processedCssInput, {
+        // Use a path within project root for package resolution
+        // This ensures tailwindcss can be resolved from node_modules
+        from: isWithinProject ? firstCssFile : join8(projectRoot, "styles.css")
       });
-    } else {
-      const virtualEntry = resolvedCssFiles.map((f) => `@import "${f}";`).join("\n");
       await esbuild.build({
         stdin: {
-          contents: virtualEntry,
+          contents: result.css,
           loader: "css",
-          resolveDir: process.cwd()
+          resolveDir: sourceDir
         },
         bundle: true,
         outfile: outFile,
         minify: options.minify ?? true,
         conditions: ["style"]
       });
+    } catch (error) {
+      const message = error instanceof Error ? error.message : String(error);
+      throw new Error(`Failed to process CSS with PostCSS/Tailwind: ${message}`);
+    }
+  } else {
+    try {
+      if (resolvedCssFiles.length === 1) {
+        await esbuild.build({
+          entryPoints: resolvedCssFiles,
+          bundle: true,
+          outfile: outFile,
+          minify: options.minify ?? true,
+          loader: { ".css": "css" },
+          conditions: ["style"]
+        });
+      } else {
+        const virtualEntry = resolvedCssFiles.map((f) => `@import "${f}";`).join("\n");
+        await esbuild.build({
+          stdin: {
+            contents: virtualEntry,
+            loader: "css",
+            resolveDir: process.cwd()
+          },
+          bundle: true,
+          outfile: outFile,
+          minify: options.minify ?? true,
+          conditions: ["style"]
+        });
+      }
+    } catch (error) {
+      const message = error instanceof Error ? error.message : String(error);
+      throw new Error(`Failed to bundle CSS to ${outFile}: ${message}`);
     }
-  } catch (error) {
-    const message = error instanceof Error ? error.message : String(error);
-    throw new Error(`Failed to bundle CSS to ${outFile}: ${message}`);
   }
   return "/_constela/styles.css";
 }
@@ -2632,14 +2695,15 @@ async function build2(options) {
   if (options?.css) {
     cssPath = await bundleCSS({
       outDir,
-      css: options.css
+      css: options.css,
+      ...options.cssContent ? { content: options.cssContent } : {}
     });
   }
   const absoluteRoutesDir = isAbsolute3(routesDir) ? routesDir : resolve4(routesDir);
   const projectRoot = dirname5(dirname5(absoluteRoutesDir));
   for (const route of jsonPages) {
-    const relPathFromRoutesDir = relative2(absoluteRoutesDir, route.file);
-    const relPathFromProjectRoot = relative2(projectRoot, route.file);
+    const relPathFromRoutesDir = relative3(absoluteRoutesDir, route.file);
+    const relPathFromProjectRoot = relative3(projectRoot, route.file);
     const content = readFileSync5(route.file, "utf-8");
     const page = validateJsonPage(content, route.file);
     if (isDynamicRoute(route.pattern)) {

package/dist/cli/index.js

@@ -3,7 +3,7 @@ import {
   createDevServer,
   loadConfig,
   resolveConfig
-} from "../chunk-ZJMQ6IJY.js";
+} from "../chunk-SC6WWHJ6.js";
 import "../chunk-PUTC5BCP.js";
 
 // src/cli/index.ts

package/dist/index.d.ts

@@ -101,8 +101,10 @@ interface BuildOptions {
     routesDir?: string | undefined;
     publicDir?: string | undefined;
     layoutsDir?: string | undefined;
-    /** CSS entry point(s) for Vite middleware processing */
+    /** CSS entry point(s) for bundling */
     css?: string | string[] | undefined;
+    /** Content paths for Tailwind CSS class scanning (enables PostCSS processing) */
+    cssContent?: string[] | undefined;
     target?: 'node' | 'edge' | undefined;
 }
 

package/dist/index.js

@@ -23,7 +23,7 @@ import {
   transformCsv,
   transformMdx,
   transformYaml
-} from "./chunk-ZJMQ6IJY.js";
+} from "./chunk-SC6WWHJ6.js";
 import {
   generateHydrationScript,
   renderPage,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@constela/start",
-  "version": "1.2.8",
+  "version": "1.2.10",
   "description": "Meta-framework for Constela applications",
   "type": "module",
   "main": "./dist/index.js",
@@ -40,11 +40,14 @@
     "remark-parse": "^11.0.0",
     "unified": "^11.0.0",
     "vite": "^6.0.0",
+    "postcss": "^8.5.0",
+    "@tailwindcss/postcss": "^4.0.0",
+    "tailwindcss": "^4.0.0",
     "@constela/compiler": "0.7.0",
-    "@constela/core": "0.7.0",
     "@constela/router": "8.0.0",
+    "@constela/server": "3.0.1",
     "@constela/runtime": "0.10.1",
-    "@constela/server": "3.0.1"
+    "@constela/core": "0.7.0"
   },
   "devDependencies": {
     "@types/mdast": "^4.0.4",