@stacksjs/stx 0.2.120 → 0.2.121

package/dist/client-script-bundler.d.ts

@@ -9,6 +9,19 @@
  * - `import { ... } from '@composables'` (handled by transformStoreImports)
  */
 export declare function hasUserImports(code: string): boolean;
+/**
+ * Run one client bundle build at a time.
+ *
+ * Bun.build can return transient "Unseekable reading file" failures when
+ * separate builds concurrently traverse the same linked workspace dependency.
+ * Dashboard renders commonly compile the layout and page controllers together,
+ * so distinct content hashes still share much of their dependency graph.
+ *
+ * Cache reads remain concurrent and identical builds still share one promise.
+ * Only cold Bun.build work is queued, and a rejected task cannot stall the next
+ * build.
+ */
+export declare function queueClientBundleBuild<T>(task: () => Promise<T>): Promise<T>;
 export declare function bundleClientScript(code: string, filePath: string, options?: {
     projectRoot?: string
     minify?: boolean

package/dist/client-script-bundler.js

@@ -98,10 +98,27 @@ function createBundlePlugin(projectRoot, templateDir, tmpEntry, inputFiles) {
         console.warn(`[stx:bundler] could not resolve ${args.path[0]}/ import:`, args.path);
         return { path: resolved };
       });
+      build.onLoad({ filter: /\.(?:[cm]?[jt]sx?|json)$/ }, (args) => {
+        const extension = path.extname(args.path).toLowerCase(), loader = extension === ".json" ? "json" : extension === ".tsx" ? "tsx" : extension === ".jsx" ? "jsx" : extension === ".ts" || extension === ".mts" || extension === ".cts" ? "ts" : "js";
+        inputFiles.add(args.path);
+        return {
+          contents: fs.readFileSync(args.path, "utf8"),
+          loader
+        };
+      });
     }
   };
 }
-const inFlightBundles = new Map;
+const inFlightBundles = new Map, CLIENT_BUNDLE_QUEUE = Symbol.for("stx.client-bundle-build-queue");
+export function queueClientBundleBuild(task) {
+  const shared = globalThis, result = (shared[CLIENT_BUNDLE_QUEUE] ?? Promise.resolve()).then(task, task);
+  shared[CLIENT_BUNDLE_QUEUE] = result.then(() => {
+    return;
+  }, () => {
+    return;
+  });
+  return result;
+}
 export async function bundleClientScript(code, filePath, options = {}) {
   const projectRoot = options.projectRoot || process.cwd(), minify = options.minify ?? !1, cacheDir = options.cacheDir || stateDir(projectRoot, "bundle-cache"), hasher = new Bun.CryptoHasher("md5");
   hasher.update(`${BUNDLE_CACHE_VERSION}\x00${code}\x00${filePath}`);
@@ -136,7 +153,7 @@ export async function bundleClientScript(code, filePath, options = {}) {
   const running = inFlightBundles.get(hash);
   if (running)
     return await running;
-  const build = buildBundle(code, filePath, { projectRoot, minify, cacheDir, hash, cachePath, depsPath });
+  const build = queueClientBundleBuild(() => buildBundle(code, filePath, { projectRoot, minify, cacheDir, hash, cachePath, depsPath }));
   inFlightBundles.set(hash, build);
   try {
     return await build;

package/dist/component-library.js

@@ -58,7 +58,13 @@ function extractClientMethods(source, file) {
   for (const script of scripts) {
     if (!/\bclient\b/i.test(script[1]) || /\bcomponent\b|\bstx:component\b/i.test(script[1]))
       continue;
-    const code = script[2], functionPattern = /(?:export\s+)?(?:async\s+)?function\s+([A-Za-z_$][\w$]*)\s*\(([^)]*)\)\s*\{/g;
+    let code;
+    try {
+      code = new Bun.Transpiler({ loader: "ts" }).transformSync(script[2]);
+    } catch (error) {
+      throw Error(`${file}: failed to transpile <script client> (${error.message})`);
+    }
+    const functionPattern = /(?:export\s+)?(?:async\s+)?function\s+([A-Za-z_$][\w$]*)\s*\(([^)]*)\)\s*\{/g;
     let match;
     while (match = functionPattern.exec(code)) {
       const name = match[1];
@@ -673,17 +679,29 @@ ${components.map((component) => `import type { ${component.name}Props } from './
   let bundle;
   if (config.bundle !== !1) {
     bundle = path.join(outputDir, "bundle.js");
-    const result = await Bun.build({
-      entrypoints: [path.join(outputDir, "index.js")],
-      outdir: outputDir,
-      naming: "bundle.js",
-      target: "browser",
-      format: "esm",
-      minify: config.minify ?? !0,
-      sourcemap: config.sourcemap || "none"
-    });
-    if (!result.success)
-      throw AggregateError(result.logs, "Failed to bundle component library");
+    let result;
+    try {
+      result = await Bun.build({
+        entrypoints: [path.join(outputDir, "index.js")],
+        outdir: outputDir,
+        naming: "bundle.js",
+        target: "browser",
+        format: "esm",
+        minify: config.minify ?? !0,
+        sourcemap: config.sourcemap || "none"
+      });
+    } catch (error) {
+      const logs = error instanceof AggregateError ? error.errors : [error], details = logs.map((log) => String(log).trim()).filter(Boolean).join(`
+`);
+      throw AggregateError(logs, `Failed to bundle component library${details ? `
+${details}` : ""}`);
+    }
+    if (!result.success) {
+      const details = result.logs.map((log) => String(log).trim()).filter(Boolean).join(`
+`);
+      throw AggregateError(result.logs, `Failed to bundle component library${details ? `
+${details}` : ""}`);
+    }
     files.push(bundle);
     if (config.sourcemap === "external")
       files.push(`${bundle}.map`);