@constela/start 1.2.7 → 1.2.9

package/dist/{chunk-RA772QBZ.js → chunk-APCF5VWN.js}

@@ -1523,7 +1523,7 @@ async function loadJsonPage(baseDir, pagePath, options) {
   validateVersion(page.version);
   const pageDir = dirname2(filePath);
   const resolvedImports = await resolveImports(pageDir, page.imports, baseDir);
-  const patternBaseDir = options?.routesDir ?? pageDir;
+  const patternBaseDir = pageDir;
   const normalizedData = normalizeDataSourcePatterns(baseDir, patternBaseDir, page.data);
   const loadedData = await loadPageData(baseDir, normalizedData, { imports: resolvedImports });
   const widgets = await loadWidgets(pageDir, page.widgets, baseDir);
@@ -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,92 @@ 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 result = await postcss([
+        tailwindPostcss({
+          base: sourceDir,
+          optimize: options.minify ?? true
+        })
+      ]).process(processedCssInput, {
+        // Use __dirname for package resolution (tailwindcss is a peer dependency of this package)
+        from: join8(__dirname, "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";
 }
@@ -2414,6 +2473,76 @@ function normalizeViewNode(node) {
   }
   return nodeObj;
 }
+function substituteLayoutParamsInExpr(expr, layoutParams) {
+  if (!expr || typeof expr !== "object") {
+    return expr;
+  }
+  const exprObj = expr;
+  if (exprObj["expr"] === "param" && typeof exprObj["name"] === "string") {
+    const paramName = exprObj["name"];
+    const paramValue = layoutParams[paramName];
+    if (paramValue !== void 0) {
+      if (typeof exprObj["path"] === "string") {
+        return {
+          expr: "get",
+          base: paramValue,
+          path: exprObj["path"]
+        };
+      }
+      return paramValue;
+    }
+  }
+  const result = {};
+  for (const [key, value] of Object.entries(exprObj)) {
+    if (key === "expr") {
+      result[key] = value;
+    } else if (value && typeof value === "object") {
+      if (Array.isArray(value)) {
+        result[key] = value.map((item) => substituteLayoutParamsInExpr(item, layoutParams));
+      } else {
+        result[key] = substituteLayoutParamsInExpr(value, layoutParams);
+      }
+    } else {
+      result[key] = value;
+    }
+  }
+  return result;
+}
+function substituteLayoutParamsInNode(node, layoutParams) {
+  if (!node || typeof node !== "object") {
+    return node;
+  }
+  const nodeObj = node;
+  const result = {};
+  for (const [key, value] of Object.entries(nodeObj)) {
+    if (key === "children" && Array.isArray(value)) {
+      result[key] = value.map((child) => substituteLayoutParamsInNode(child, layoutParams));
+    } else if (key === "props" && value && typeof value === "object") {
+      const props = {};
+      for (const [propKey, propValue] of Object.entries(value)) {
+        props[propKey] = substituteLayoutParamsInExpr(propValue, layoutParams);
+      }
+      result[key] = props;
+    } else if (key === "value" && value && typeof value === "object") {
+      result[key] = substituteLayoutParamsInExpr(value, layoutParams);
+    } else if (key === "items" && value && typeof value === "object") {
+      result[key] = substituteLayoutParamsInExpr(value, layoutParams);
+    } else if (key === "condition" && value && typeof value === "object") {
+      result[key] = substituteLayoutParamsInExpr(value, layoutParams);
+    } else if (key === "content" && value && typeof value === "object") {
+      result[key] = substituteLayoutParamsInExpr(value, layoutParams);
+    } else if (key === "then" && value && typeof value === "object") {
+      result[key] = substituteLayoutParamsInNode(value, layoutParams);
+    } else if (key === "else" && value && typeof value === "object") {
+      result[key] = substituteLayoutParamsInNode(value, layoutParams);
+    } else if (key === "body" && value && typeof value === "object") {
+      result[key] = substituteLayoutParamsInNode(value, layoutParams);
+    } else {
+      result[key] = value;
+    }
+  }
+  return result;
+}
 function replaceSlot(node, content) {
   if (!node || typeof node !== "object") {
     return node;
@@ -2437,7 +2566,11 @@ async function processLayouts(pageInfo, layoutsDir) {
   }
   const layout = await loadLayout2(layoutName, layoutsDir);
   const normalizedLayoutView = normalizeViewNode(structuredClone(layout.view));
-  const wrappedView = applyLayout(pageInfo.page.view, normalizedLayoutView);
+  let wrappedView = applyLayout(pageInfo.page.view, normalizedLayoutView);
+  const layoutParams = pageInfo.page.route?.layoutParams;
+  if (layoutParams && Object.keys(layoutParams).length > 0) {
+    wrappedView = substituteLayoutParamsInNode(wrappedView, layoutParams);
+  }
   let updatedRoute;
   if (pageInfo.page.route) {
     const { layout: _layout, ...routeWithoutLayout } = pageInfo.page.route;
@@ -2558,14 +2691,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-RA772QBZ.js";
+} from "../chunk-APCF5VWN.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-RA772QBZ.js";
+} from "./chunk-APCF5VWN.js";
 import {
   generateHydrationScript,
   renderPage,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@constela/start",
-  "version": "1.2.7",
+  "version": "1.2.9",
   "description": "Meta-framework for Constela applications",
   "type": "module",
   "main": "./dist/index.js",
@@ -40,9 +40,12 @@
     "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/server": "3.0.1",
+    "@constela/core": "0.7.0",
     "@constela/runtime": "0.10.1",
     "@constela/router": "8.0.0"
   },