@vesk/vesk-cli 0.2.62 → 0.2.63

package/dist/cli.js

@@ -49922,6 +49922,30 @@ init_vsk_collision();
 init_vsk_imports();
 init_md_inline();
 init_module_imports();
+import { availableParallelism } from "node:os";
+async function mapWithConcurrency(items, limit, fn) {
+  const out = new Array(items.length);
+  let next = 0;
+  let firstError = null;
+  const worker = async () => {
+    for (; ; ) {
+      const i = next++;
+      if (i >= items.length) return;
+      if (firstError !== null) return;
+      try {
+        out[i] = await fn(items[i], i);
+      } catch (e) {
+        if (firstError === null) firstError = e;
+        return;
+      }
+    }
+  };
+  const workers = [];
+  for (let i = 0; i < Math.min(limit, items.length); i++) workers.push(worker());
+  await Promise.all(workers);
+  if (firstError !== null) throw firstError;
+  return out;
+}
 var __dirname3 = dirname8(fileURLToPath2(import.meta.url));
 function fileUnchanged(filePath, cached) {
   try {
@@ -50340,6 +50364,13 @@ function removeCompiledNodes(code, isTarget) {
   }
   return code;
 }
+var SHARED_CHUNK_NAME = "shared.js";
+function buildChunkName(appDir, node) {
+  const dir = relative2(appDir, node.sourceDir || "");
+  const parts = dir.split(sep).filter(Boolean);
+  const slug = parts.length > 0 ? parts.join("-") : "index";
+  return slug.replace(/[\[\]]/g, "_");
+}
 async function generateClientBundle(routeTree, appDir, componentMap, options) {
   const runtimeDir = findRuntimeSrc2(appDir);
   let seen = /* @__PURE__ */ new Set();
@@ -50348,6 +50379,7 @@ async function generateClientBundle(routeTree, appDir, componentMap, options) {
   const runtimeImportNames = /* @__PURE__ */ new Set();
   const cache2 = options?.cache;
   const only = options?.only && options.only.length > 0 ? new Set(options.only) : null;
+  const onlyRoutes = options?.onlyRoutes && options.onlyRoutes.length > 0 ? new Set(options.onlyRoutes) : null;
   const returnEdited = !!options?.returnEditedSources && !!only;
   const editedSources = returnEdited ? /* @__PURE__ */ new Map() : void 0;
   const editedNames = returnEdited ? /* @__PURE__ */ new Map() : void 0;
@@ -50481,12 +50513,6 @@ async function generateClientBundle(routeTree, appDir, componentMap, options) {
       });
     }
   }
-  function buildChunkName(node) {
-    const dir = relative2(appDir, node.sourceDir || "");
-    const parts = dir.split(sep).filter(Boolean);
-    const slug = parts.length > 0 ? parts.join("-") : "index";
-    return slug.replace(/[\[\]]/g, "_");
-  }
   const codeSplit = !!options?.codeSplit;
   const transformPlugins = options?.plugins || [];
   const componentOwners = new VskComponentOwners();
@@ -50536,21 +50562,25 @@ async function generateClientBundle(routeTree, appDir, componentMap, options) {
           compileFile2(loadingPath, node.loading, chunkCode, chunkImports);
         }
         if (chunkCode.length > 0) {
-          const chunkName = `page-${buildChunkName(node)}.js`;
-          if (!chunkImports.ok) console.error("[vesk] chunk import merge aborted for", chunkName + ":", chunkImports.reason);
-          const head = chunkImports.render();
-          const code = (head ? head + "\n\n" : "") + chunkCode.join("\n\n");
-          chunkEntries.push({ name: chunkName, code, node, importsTable: chunkImports, imports: chunkHasImports(head.length, !chunkImports.ok) });
+          const chunkName = `page-${buildChunkName(appDir, node)}.js`;
+          if (!onlyRoutes || onlyRoutes.has(node.fullPath)) {
+            if (!chunkImports.ok) console.error("[vesk] chunk import merge aborted for", chunkName + ":", chunkImports.reason);
+            const head = chunkImports.render();
+            const code = (head ? head + "\n\n" : "") + chunkCode.join("\n\n");
+            chunkEntries.push({ name: chunkName, code, node, importsTable: chunkImports, imports: chunkHasImports(head.length, !chunkImports.ok) });
+          }
         }
         walkSplit2(node.children || [], [..._chain, node]);
       }
     }, annotate2 = function(nodes) {
       for (const node of nodes) {
-        const chunkName = `page-${buildChunkName(node)}.js`;
+        const chunkName = `page-${buildChunkName(appDir, node)}.js`;
         const emitted = chunks.find((c) => c.name === chunkName && c.code.trim());
         if (emitted) {
           const fileName = options?.hmr ? chunkName : hashedName(chunkName, emitted.code);
           node.chunk = `/_vesk/static/${fileName}`;
+        } else if (options?.skipRouteChunks) {
+          node.chunk = `/_vesk/static/${chunkName}`;
         }
         annotate2(node.children || []);
       }
@@ -50569,7 +50599,7 @@ async function generateClientBundle(routeTree, appDir, componentMap, options) {
       if (!sharedImports.ok) console.error("[vesk] chunk import merge aborted for shared.js:", sharedImports.reason);
       const head = sharedImports.render();
       const code = (head ? head + "\n\n" : "") + sharedCode.join("\n\n");
-      chunkEntries.push({ name: "shared.js", code, node: null, importsTable: sharedImports, imports: chunkHasImports(head.length, !sharedImports.ok) });
+      chunkEntries.push({ name: SHARED_CHUNK_NAME, code, node: null, importsTable: sharedImports, imports: chunkHasImports(head.length, !sharedImports.ok) });
     }
     const chunkIIFE = (body) => `(()=>{
 const __components = globalThis.__components || (globalThis.__components = {});
@@ -50669,8 +50699,8 @@ ${body}
         });
       }
     } : null;
-    for (const entry of chunkEntries) {
-      if (!entry.code.trim()) continue;
+    const buildChunkEntry = async (entry) => {
+      if (!entry.code.trim()) return null;
       let finalCode;
       if (entry.imports) {
         const tmpBase = mkdtempSync(join7(resolve10(appDir, ".."), "tmp-vesk-chunk-"));
@@ -50728,7 +50758,13 @@ ${entry.code}
       } else {
         finalCode = chunkIIFE(demoteExports(entry.code));
       }
-      chunks.push({ name: entry.name, code: finalCode });
+      return { name: entry.name, code: finalCode };
+    };
+    const effectiveChunkEntries = options?.skipRouteChunks ? chunkEntries.filter((e) => e.name === SHARED_CHUNK_NAME) : chunkEntries;
+    const CHUNK_CONCURRENCY = Math.max(1, Math.min(6, (availableParallelism?.() ?? 4) - 1));
+    const built = await mapWithConcurrency(effectiveChunkEntries, CHUNK_CONCURRENCY, buildChunkEntry);
+    for (const c of built) {
+      if (c !== null) chunks.push(c);
     }
     annotate2(routeTree);
     sharedModuleBundle = sharedBundleCode;
@@ -56237,6 +56273,35 @@ init_vsk_collision();
 init_vsk_imports();
 init_md_inline();
 init_module_imports();
+import { availableParallelism as availableParallelism2 } from "node:os";
+async function mapWithConcurrency2(items, limit, fn) {
+  const out = new Array(items.length);
+  let next = 0;
+  let firstError = null;
+  const worker = async () => {
+    for (; ; ) {
+      const i = next++;
+      if (i >= items.length)
+        return;
+      if (firstError !== null)
+        return;
+      try {
+        out[i] = await fn(items[i], i);
+      } catch (e) {
+        if (firstError === null)
+          firstError = e;
+        return;
+      }
+    }
+  };
+  const workers = [];
+  for (let i = 0; i < Math.min(limit, items.length); i++)
+    workers.push(worker());
+  await Promise.all(workers);
+  if (firstError !== null)
+    throw firstError;
+  return out;
+}
 var __dirname7 = dirname18(fileURLToPath6(import.meta.url));
 function fileUnchanged2(filePath, cached) {
   try {
@@ -56705,6 +56770,13 @@ function removeCompiledNodes2(code, isTarget) {
   }
   return code;
 }
+var SHARED_CHUNK_NAME2 = "shared.js";
+function buildChunkName2(appDir, node) {
+  const dir = relative6(appDir, node.sourceDir || "");
+  const parts = dir.split(sep3).filter(Boolean);
+  const slug = parts.length > 0 ? parts.join("-") : "index";
+  return slug.replace(/[\[\]]/g, "_");
+}
 async function generateClientBundle2(routeTree, appDir, componentMap, options) {
   const runtimeDir = findRuntimeSrc3(appDir);
   let seen = /* @__PURE__ */ new Set();
@@ -56713,6 +56785,7 @@ async function generateClientBundle2(routeTree, appDir, componentMap, options) {
   const runtimeImportNames = /* @__PURE__ */ new Set();
   const cache2 = options?.cache;
   const only = options?.only && options.only.length > 0 ? new Set(options.only) : null;
+  const onlyRoutes = options?.onlyRoutes && options.onlyRoutes.length > 0 ? new Set(options.onlyRoutes) : null;
   const returnEdited = !!options?.returnEditedSources && !!only;
   const editedSources = returnEdited ? /* @__PURE__ */ new Map() : void 0;
   const editedNames = returnEdited ? /* @__PURE__ */ new Map() : void 0;
@@ -56856,12 +56929,6 @@ async function generateClientBundle2(routeTree, appDir, componentMap, options) {
       });
     }
   }
-  function buildChunkName(node) {
-    const dir = relative6(appDir, node.sourceDir || "");
-    const parts = dir.split(sep3).filter(Boolean);
-    const slug = parts.length > 0 ? parts.join("-") : "index";
-    return slug.replace(/[\[\]]/g, "_");
-  }
   const codeSplit = !!options?.codeSplit;
   const transformPlugins = options?.plugins || [];
   const componentOwners = new VskComponentOwners();
@@ -56913,22 +56980,26 @@ async function generateClientBundle2(routeTree, appDir, componentMap, options) {
           compileFile2(loadingPath, node.loading, chunkCode, chunkImports);
         }
         if (chunkCode.length > 0) {
-          const chunkName = `page-${buildChunkName(node)}.js`;
-          if (!chunkImports.ok)
-            console.error("[vesk] chunk import merge aborted for", chunkName + ":", chunkImports.reason);
-          const head = chunkImports.render();
-          const code = (head ? head + "\n\n" : "") + chunkCode.join("\n\n");
-          chunkEntries.push({ name: chunkName, code, node, importsTable: chunkImports, imports: chunkHasImports2(head.length, !chunkImports.ok) });
+          const chunkName = `page-${buildChunkName2(appDir, node)}.js`;
+          if (!onlyRoutes || onlyRoutes.has(node.fullPath)) {
+            if (!chunkImports.ok)
+              console.error("[vesk] chunk import merge aborted for", chunkName + ":", chunkImports.reason);
+            const head = chunkImports.render();
+            const code = (head ? head + "\n\n" : "") + chunkCode.join("\n\n");
+            chunkEntries.push({ name: chunkName, code, node, importsTable: chunkImports, imports: chunkHasImports2(head.length, !chunkImports.ok) });
+          }
         }
         walkSplit2(node.children || [], [..._chain, node]);
       }
     }, annotate2 = function(nodes) {
       for (const node of nodes) {
-        const chunkName = `page-${buildChunkName(node)}.js`;
+        const chunkName = `page-${buildChunkName2(appDir, node)}.js`;
         const emitted = chunks.find((c) => c.name === chunkName && c.code.trim());
         if (emitted) {
           const fileName = options?.hmr ? chunkName : hashedName(chunkName, emitted.code);
           node.chunk = `/_vesk/static/${fileName}`;
+        } else if (options?.skipRouteChunks) {
+          node.chunk = `/_vesk/static/${chunkName}`;
         }
         annotate2(node.children || []);
       }
@@ -56948,7 +57019,7 @@ async function generateClientBundle2(routeTree, appDir, componentMap, options) {
         console.error("[vesk] chunk import merge aborted for shared.js:", sharedImports.reason);
       const head = sharedImports.render();
       const code = (head ? head + "\n\n" : "") + sharedCode.join("\n\n");
-      chunkEntries.push({ name: "shared.js", code, node: null, importsTable: sharedImports, imports: chunkHasImports2(head.length, !sharedImports.ok) });
+      chunkEntries.push({ name: SHARED_CHUNK_NAME2, code, node: null, importsTable: sharedImports, imports: chunkHasImports2(head.length, !sharedImports.ok) });
     }
     const chunkIIFE = (body) => `(()=>{
 const __components = globalThis.__components || (globalThis.__components = {});
@@ -57051,9 +57122,9 @@ ${body}
         });
       }
     } : null;
-    for (const entry of chunkEntries) {
+    const buildChunkEntry = async (entry) => {
       if (!entry.code.trim())
-        continue;
+        return null;
       let finalCode;
       if (entry.imports) {
         const tmpBase = mkdtempSync2(join20(resolve24(appDir, ".."), "tmp-vesk-chunk-"));
@@ -57111,7 +57182,14 @@ ${entry.code}
       } else {
         finalCode = chunkIIFE(demoteExports2(entry.code));
       }
-      chunks.push({ name: entry.name, code: finalCode });
+      return { name: entry.name, code: finalCode };
+    };
+    const effectiveChunkEntries = options?.skipRouteChunks ? chunkEntries.filter((e) => e.name === SHARED_CHUNK_NAME2) : chunkEntries;
+    const CHUNK_CONCURRENCY = Math.max(1, Math.min(6, (availableParallelism2?.() ?? 4) - 1));
+    const built = await mapWithConcurrency2(effectiveChunkEntries, CHUNK_CONCURRENCY, buildChunkEntry);
+    for (const c of built) {
+      if (c !== null)
+        chunks.push(c);
     }
     annotate2(routeTree);
     sharedModuleBundle = sharedBundleCode;
@@ -64116,6 +64194,43 @@ async function startDevServer(port, projectDir, config, host) {
     for (const c of chunks) next.set(`/_vesk/static/${c.name}`, c.code);
     clientChunks = next;
   }
+  const routeChunksBuilt = /* @__PURE__ */ new Set();
+  let clientGeneration = 0;
+  async function ensureRouteChunk(fullPath) {
+    if (routeChunksBuilt.has(fullPath)) return;
+    routeChunksBuilt.add(fullPath);
+    const generation = clientGeneration;
+    const { chunks } = await generateClientBundle2(routeTree, appDirPath, /* @__PURE__ */ new Map(), {
+      importRuntime: true,
+      hmr: true,
+      codeSplit: true,
+      cache: bundleCache,
+      onlyRoutes: [fullPath],
+      ...config.routeDataCache !== void 0 ? { routeDataCache: config.routeDataCache } : {}
+    });
+    if (generation !== clientGeneration) {
+      routeChunksBuilt.delete(fullPath);
+      return;
+    }
+    const next = new Map(clientChunks);
+    for (const c of chunks) next.set(`/_vesk/static/${c.name}`, c.code);
+    clientChunks = next;
+  }
+  function routeFullPathForChunk(chunkName) {
+    let found = null;
+    const walk9 = (nodes) => {
+      for (const node of nodes) {
+        if (found) return;
+        if (`page-${buildChunkName2(appDirPath, node)}.js` === chunkName) {
+          found = node.fullPath;
+          return;
+        }
+        walk9(node.children || []);
+      }
+    };
+    walk9(routeTree);
+    return found;
+  }
   async function buildClientBundle() {
     try {
       const { main, chunks } = await generateClientBundle2(routeTree, appDirPath, /* @__PURE__ */ new Map(), {
@@ -64123,6 +64238,11 @@ async function startDevServer(port, projectDir, config, host) {
         hmr: true,
         codeSplit: true,
         cache: bundleCache,
+        // Startup cost otherwise scales with app size: one self-contained
+        // compile + esbuild pass per route. A dev session visits a handful of
+        // routes, so each route's chunk is built on first request instead
+        // (see ensureRouteChunk).
+        skipRouteChunks: true,
         ...config.routeDataCache !== void 0 ? { routeDataCache: config.routeDataCache } : {}
       });
       clientBundle = main;
@@ -64144,6 +64264,10 @@ async function startDevServer(port, projectDir, config, host) {
         returnEditedSources: true,
         ...config.routeDataCache !== void 0 ? { routeDataCache: config.routeDataCache } : {}
       });
+      const keepShared = (name) => name === SHARED_CHUNK_NAME2;
+      clientChunks = new Map([...clientChunks].filter(([url]) => keepShared(url.slice(url.lastIndexOf("/") + 1))));
+      routeChunksBuilt.clear();
+      clientGeneration++;
       storeChunks(chunks);
       return { err: null, editedSource: editedSources?.get(fullPath) ?? null, actualName: editedNames?.get(fullPath) ?? null };
     } catch (e) {
@@ -64634,7 +64758,19 @@ Object.defineProperty(__components, ${JSON.stringify(cname)}, { get: () => __com
       return;
     }
     if (url.pathname.startsWith("/_vesk/static/") && url.pathname.endsWith(".js")) {
-      const code = clientChunks.get(url.pathname);
+      let code = clientChunks.get(url.pathname);
+      if (code === void 0) {
+        const name = url.pathname.slice(url.pathname.lastIndexOf("/") + 1);
+        const fullPath = routeFullPathForChunk(name);
+        if (fullPath) {
+          try {
+            await ensureRouteChunk(fullPath);
+          } catch (e) {
+            LOG.err(`client chunk build failed for ${name}:`, e.message);
+          }
+          code = clientChunks.get(url.pathname);
+        }
+      }
       if (code !== void 0) {
         res.writeHead(200, { "Content-Type": "application/javascript", "Cache-Control": "no-store" });
         res.end(code);
@@ -64842,6 +64978,16 @@ Object.defineProperty(__components, ${JSON.stringify(cname)}, { get: () => __com
     }
     const matched = match;
     const forData = req.headers["x-vesk-data"] === "1";
+    if (!forData && matched && Array.isArray(matched.nodes)) {
+      const leaf2 = matched.nodes.find((n) => n.page);
+      if (leaf2 && typeof leaf2.fullPath === "string") {
+        try {
+          await ensureRouteChunk(leaf2.fullPath);
+        } catch (e) {
+          LOG.err(`client chunk build failed for ${leaf2.fullPath}:`, e.message);
+        }
+      }
+    }
     async function renderSSR() {
       const ssg2 = globalThis;
       ssg2.__vsk_ssr_data = {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vesk/vesk-cli",
-  "version": "0.2.62",
+  "version": "0.2.63",
   "type": "module",
   "description": "Vesk — compiler-first framework for the post-VDOM web. vesk dev, vesk build.",
   "bin": {
@@ -8,10 +8,10 @@
   },
   "main": "./dist/cli.js",
   "dependencies": {
-    "@vesk/adapter": "^0.2.62",
-    "@vesk/compiler": "^0.2.62",
-    "@vesk/plugin-tailwind": "^0.2.62",
-    "@vesk/runtime": "^0.2.62",
+    "@vesk/adapter": "^0.2.63",
+    "@vesk/compiler": "^0.2.63",
+    "@vesk/plugin-tailwind": "^0.2.63",
+    "@vesk/runtime": "^0.2.63",
     "esrap": "^2.3.0",
     "typescript": "^5.8.0",
     "ws": "^8.18.0",