bun-plugin-stx 0.2.321 → 0.2.322

package/dist/serve.d.ts

@@ -246,9 +246,17 @@ export declare function serve(options: ServeOptions): Promise<void>;
 /**
  * Whether any `.stx` template under `root` uses `<StxImage>` or `@image`.
  *
- * Stops at the first hit. Skips dependencies, build output and hidden
- * directories (the stx state directory among them), so it reads the project's
- * own templates, including a framework's templates vendored into it.
+ * Skips dependencies, build output and hidden directories (the stx state
+ * directory among them), so it reads the project's own templates, including a
+ * framework's templates vendored into it.
+ *
+ * A component that wraps `<StxImage>` counts only when something renders it.
+ * Stacks vendors its `Image.stx` component into every app, twice (the
+ * framework defaults and the pantry install tree), so reading a definition as
+ * a use turned the pass on for every Stacks app: one that only ever wrote
+ * plain `<img>` tags spent over seven minutes of each cold boot encoding
+ * 213MB of variants that no page could ask for. A use is followed through
+ * wrappers of wrappers, and a page, layout or partial using one counts.
  */
 export declare function projectUsesImageBuiltins(root: string): Promise<boolean>;
 /**

package/dist/serve.js

@@ -10396,9 +10396,10 @@ ${block}`;
       const publicRoot = nodePath.resolve(process19.cwd(), publicDir);
       const [placeholderResult, deliveryResult] = await Promise.allSettled([
         stx.warmImagePlaceholders(publicRoot, {
-          cachePath: imagePlaceholderCachePath
+          cachePath: imagePlaceholderCachePath,
+          offThread: true
         }),
-        stx.prepareImageDelivery(publicRoot, imageDeliveryOutputDir)
+        stx.prepareImageDelivery(publicRoot, imageDeliveryOutputDir, { offThread: true })
       ]);
       const derived = placeholderResult.status === "fulfilled" ? placeholderResult.value : 0;
       if (derived > 0 && !production)
@@ -11214,8 +11215,20 @@ if (import.meta.main) {
 }
 var IMAGE_BUILTIN_PATTERN = /<(?:StxImage|Image|stx-image|stx-img)[\s/>]|@image\s*\(/;
 var TEMPLATE_SCAN_SKIP = new Set(["node_modules", "dist", "build", "coverage", "vendor"]);
+function escapeRegExp(value) {
+  return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function kebabCase(name) {
+  return name.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([A-Z])([A-Z][a-z])/g, "$1-$2").toLowerCase();
+}
+function usesComponent(source, name) {
+  const kebab = kebabCase(name);
+  const spellings = (kebab.includes("-") ? [name, kebab] : [name]).map(escapeRegExp).join("|");
+  return new RegExp(`<(?:${spellings})[\\s/>]|@component\\(\\s*['"](?:${spellings})['"]`).test(source);
+}
 async function projectUsesImageBuiltins(root) {
   const { readdir: readdir4, readFile } = await import("fs/promises");
+  const templates = [];
   const pending = [root];
   while (pending.length > 0) {
     const dir = pending.pop();
@@ -11236,10 +11249,38 @@ async function projectUsesImageBuiltins(root) {
       }
       if (!entry.isFile() || !entry.name.endsWith(".stx"))
         continue;
+      let source;
       try {
-        if (IMAGE_BUILTIN_PATTERN.test(await readFile(full, "utf8")))
-          return true;
-      } catch {}
+        source = await readFile(full, "utf8");
+      } catch {
+        continue;
+      }
+      const inComponents = nodePath.relative(root, dir).split(nodePath.sep).includes("components");
+      const component = inComponents ? entry.name.slice(0, -".stx".length) : undefined;
+      if (!component && IMAGE_BUILTIN_PATTERN.test(source))
+        return true;
+      templates.push({ source, component });
+    }
+  }
+  const imageComponents = new Set;
+  const queue = [];
+  for (const template of templates) {
+    if (template.component && IMAGE_BUILTIN_PATTERN.test(template.source) && !imageComponents.has(template.component)) {
+      imageComponents.add(template.component);
+      queue.push(template.component);
+    }
+  }
+  while (queue.length > 0) {
+    const name = queue.shift();
+    for (const template of templates) {
+      if (template.component === name || !usesComponent(template.source, name))
+        continue;
+      if (!template.component)
+        return true;
+      if (!imageComponents.has(template.component)) {
+        imageComponents.add(template.component);
+        queue.push(template.component);
+      }
     }
   }
   return false;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bun-plugin-stx",
   "type": "module",
-  "version": "0.2.321",
+  "version": "0.2.322",
   "description": "A Bun plugin that allows for using Laravel Blade-like syntax.",
   "author": "Chris Breuer <chris@stacksjs.org>",
   "license": "MIT",