@constela/start 1.2.10 → 1.2.12

package/dist/{chunk-SC6WWHJ6.js → chunk-323JPB5R.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"]
         });
       }

package/dist/cli/index.js

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

package/dist/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@constela/start",
-  "version": "1.2.10",
+  "version": "1.2.12",
   "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/router": "8.0.0",
-    "@constela/server": "3.0.1",
+    "@constela/core": "0.7.0",
     "@constela/runtime": "0.10.1",
-    "@constela/core": "0.7.0"
+    "@constela/router": "8.0.0",
+    "@constela/server": "3.0.1"
   },
   "devDependencies": {
     "@types/mdast": "^4.0.4",