@constela/start 1.2.10 → 1.2.13

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

@@ -2217,6 +2217,7 @@ import { join as join9, dirname as dirname5, relative as relative3, basename as
 import * as esbuild from "esbuild";
 import { existsSync as existsSync7 } from "fs";
 import { mkdir, readFile } from "fs/promises";
+import { createRequire } from "module";
 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));
@@ -2250,6 +2251,7 @@ async function bundleRuntime(options) {
 async function bundleCSS(options) {
   const cssFiles = Array.isArray(options.css) ? options.css : [options.css];
   const outFile = join8(options.outDir, "_constela", "styles.css");
+  const shouldMinify = options.minify ?? true;
   await mkdir(dirname4(outFile), { recursive: true });
   const resolvedCssFiles = cssFiles.map((f) => isAbsolute2(f) ? f : join8(process.cwd(), f));
   for (const fullPath of resolvedCssFiles) {
@@ -2258,50 +2260,64 @@ async function bundleCSS(options) {
     }
   }
   if (options.content !== void 0) {
+    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");
+    }
+    const require2 = createRequire(import.meta.url);
     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 tailwindcssCssPath = require2.resolve("tailwindcss/index.css");
+      cssContent = cssContent.replace(
+        /@import\s+["']tailwindcss["']/g,
+        `@import "${tailwindcssCssPath}"`
+      );
+    } catch {
+    }
+    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 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 sourceDir = dirname4(firstCssFile);
+    const sourceDirectives = options.content.map((contentPath) => {
+      const absolutePath = isAbsolute2(contentPath) ? contentPath : join8(process.cwd(), contentPath);
+      const srcPath = absolutePath.includes("*") ? dirname4(absolutePath.split("*")[0] ?? absolutePath) : absolutePath;
+      const relativePath = relative2(sourceDir, srcPath);
+      return `@source "${relativePath}";`;
+    }).join("\n");
+    const processedCssInput = sourceDirectives + "\n" + cssContent;
+    const postcss = (await import("postcss")).default;
+    let tailwindPostcss;
+    try {
+      tailwindPostcss = (await import("@tailwindcss/postcss")).default;
+    } catch {
+      throw new Error(
+        "PostCSS processing requires @tailwindcss/postcss. Please install it: npm install @tailwindcss/postcss"
+      );
+    }
+    try {
       const result = await postcss([
         tailwindPostcss({
-          base: baseDir,
-          optimize: options.minify ?? true
+          // base determines where to look for source files and resolve paths
+          base: sourceDir,
+          optimize: shouldMinify
         })
       ]).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")
+        // from must be the actual CSS file path for correct package resolution
+        from: firstCssFile
       });
       await esbuild.build({
         stdin: {
@@ -2311,7 +2327,7 @@ async function bundleCSS(options) {
         },
         bundle: true,
         outfile: outFile,
-        minify: options.minify ?? true,
+        minify: shouldMinify,
         conditions: ["style"]
       });
     } catch (error) {
@@ -2325,7 +2341,7 @@ async function bundleCSS(options) {
           entryPoints: resolvedCssFiles,
           bundle: true,
           outfile: outFile,
-          minify: options.minify ?? true,
+          minify: shouldMinify,
           loader: { ".css": "css" },
           conditions: ["style"]
         });
@@ -2339,7 +2355,7 @@ async function bundleCSS(options) {
           },
           bundle: true,
           outfile: outFile,
-          minify: options.minify ?? true,
+          minify: shouldMinify,
           conditions: ["style"]
         });
       }
@@ -2795,6 +2811,9 @@ async function resolveConfig(fileConfig, cliOptions) {
   }
   const result = { ...fileConfig };
   if (cliOptions.css !== void 0) result.css = cliOptions.css;
+  if (cliOptions.cssContent !== void 0) {
+    result.cssContent = cliOptions.cssContent.split(",").map((s) => s.trim()).filter(Boolean);
+  }
   if (cliOptions.layoutsDir !== void 0) result.layoutsDir = cliOptions.layoutsDir;
   if (cliOptions.routesDir !== void 0) result.routesDir = cliOptions.routesDir;
   if (cliOptions.publicDir !== void 0) result.publicDir = cliOptions.publicDir;

package/dist/cli/index.d.ts

@@ -11,6 +11,7 @@ type DevHandler = (options: {
 type BuildHandler = (options: {
     outDir?: string | undefined;
     css?: string | undefined;
+    cssContent?: string[] | undefined;
     layoutsDir?: string | undefined;
 }) => Promise<void>;
 type StartHandler = (options: {

package/dist/cli/index.js

@@ -3,7 +3,7 @@ import {
   createDevServer,
   loadConfig,
   resolveConfig
-} from "../chunk-SC6WWHJ6.js";
+} from "../chunk-O7RPEMZJ.js";
 import "../chunk-PUTC5BCP.js";
 
 // src/cli/index.ts
@@ -31,7 +31,8 @@ var buildHandler = async (options) => {
   await build({
     outDir: options.outDir,
     layoutsDir: options.layoutsDir,
-    css: options.css
+    css: options.css,
+    cssContent: options.cssContent
   });
   console.log("Build complete");
 };
@@ -68,11 +69,12 @@ function createCLI() {
   program.command("dev").description("Start development server").option("-p, --port <port>", "Port number", "3000").option("-h, --host <host>", "Host address").option("-c, --css <path>", "CSS entry point for Vite processing").option("-l, --layoutsDir <path>", "Layouts directory for layout composition").action(async (options) => {
     await devHandler(options);
   });
-  program.command("build").description("Build for production").option("-o, --outDir <outDir>", "Output directory").option("-c, --css <path>", "CSS entry point for Vite processing").option("-l, --layoutsDir <path>", "Layouts directory for layout composition").action(async (options) => {
+  program.command("build").description("Build for production").option("-o, --outDir <outDir>", "Output directory").option("-c, --css <path>", "CSS entry point for Vite processing").option("--cssContent <paths>", "Content paths for Tailwind CSS class scanning (comma-separated)").option("-l, --layoutsDir <path>", "Layouts directory for layout composition").action(async (options) => {
     const fileConfig = await loadConfig(process.cwd());
     const resolved = await resolveConfig(fileConfig, {
       outDir: options.outDir,
       css: options.css,
+      cssContent: options.cssContent,
       layoutsDir: options.layoutsDir
     });
     const mergedOptions = {};
@@ -80,6 +82,8 @@ function createCLI() {
     if (outDirValue !== void 0) mergedOptions.outDir = outDirValue;
     const cssValue = options.css ?? (typeof resolved.css === "string" ? resolved.css : resolved.css?.[0]);
     if (cssValue !== void 0) mergedOptions.css = cssValue;
+    const cssContentValue = resolved.cssContent;
+    if (cssContentValue !== void 0) mergedOptions.cssContent = cssContentValue;
     const layoutsDirValue = options.layoutsDir ?? resolved.layoutsDir;
     if (layoutsDirValue !== void 0) mergedOptions.layoutsDir = layoutsDirValue;
     await buildHandler(mergedOptions);

package/dist/index.d.ts

@@ -526,6 +526,7 @@ declare class DataLoader {
 
 interface ConstelaConfigFile {
     css?: string | string[];
+    cssContent?: string[];
     layoutsDir?: string;
     routesDir?: string;
     publicDir?: string;
@@ -539,6 +540,7 @@ interface ConstelaConfigFile {
 }
 interface CLIOptions {
     css?: string | undefined;
+    cssContent?: string | undefined;
     layoutsDir?: string | undefined;
     routesDir?: string | undefined;
     publicDir?: string | undefined;

package/dist/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@constela/start",
-  "version": "1.2.10",
+  "version": "1.2.13",
   "description": "Meta-framework for Constela applications",
   "type": "module",
   "main": "./dist/index.js",
@@ -44,10 +44,10 @@
     "@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/core": "0.7.0"
+    "@constela/server": "3.0.1"
   },
   "devDependencies": {
     "@types/mdast": "^4.0.4",