@marko/run 0.2.6 → 0.2.8

package/dist/vite/index.cjs

@@ -19,6 +19,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -68,14 +72,15 @@ var import_path2 = __toESM(require("path"), 1);
 var import_crypto = __toESM(require("crypto"), 1);
 var import_fs2 = __toESM(require("fs"), 1);
 var import_glob = __toESM(require("glob"), 1);
+var import_url2 = require("url");
+var import_browserslist = __toESM(require("browserslist"), 1);
+var import_esbuild_plugin_browserslist = require("esbuild-plugin-browserslist");
 var import_vite = require("vite");
 var import_vite2 = __toESM(require("@marko/vite"), 1);
 
 // src/vite/constants.ts
 var markoRunFilePrefix = "__marko-run__";
 var virtualFilePrefix = "virtual:marko-run";
-var virtualRoutesPrefix = `${virtualFilePrefix}/routes`;
-var virtualRuntimePrefix = `${virtualFilePrefix}/internal`;
 var httpVerbs = ["get", "post", "put", "delete"];
 var serverEntryQuery = "?marko-server-entry";
 var RoutableFileTypes = {
@@ -90,7 +95,7 @@ var RoutableFileTypes = {
 
 // src/vite/routes/vdir.ts
 var _dirs, _pathlessDirs;
-var _VDir = class {
+var _VDir = class _VDir {
   constructor(parent, segment, source) {
     __privateAdd(this, _dirs, void 0);
     __privateAdd(this, _pathlessDirs, void 0);
@@ -227,9 +232,9 @@ var _VDir = class {
     return dirs;
   }
 };
-var VDir = _VDir;
 _dirs = new WeakMap();
 _pathlessDirs = new WeakMap();
+var VDir = _VDir;
 
 // src/vite/routes/parse.ts
 function parseFlatRoute(pattern) {
@@ -750,23 +755,35 @@ function renderRouteTemplate(route) {
   if (!route.page) {
     throw new Error(`Route ${route.key} has no page to render`);
   }
+  return renderEntryTemplate(
+    route.entryName,
+    [...route.layouts, route.page].map((file) => `./${file.importPath}`)
+  );
+}
+function renderEntryTemplate(name, files) {
+  if (!name) {
+    throw new Error(`Invalid argument - 'name' cannot be empty`);
+  }
+  if (!files.length) {
+    throw new Error(`Invalid argument - 'files' cannot be empty`);
+  }
   const writer = createStringWriter();
-  writer.writeLines(`// ${virtualFilePrefix}/${route.entryName}.marko`);
+  writer.writeLines(`// ${virtualFilePrefix}/${name}.marko`);
   writer.branch("imports");
   writer.writeLines("");
-  writeRouteTemplateTag(writer, [...route.layouts, route.page]);
+  writeEntryTemplateTag(writer, files);
   return writer.end();
 }
-function writeRouteTemplateTag(writer, [file, ...rest], index = 1) {
+function writeEntryTemplateTag(writer, [file, ...rest], index = 1) {
   if (file) {
     const isLast = !rest.length;
     const tag = isLast ? "page" : `layout${index}`;
-    writer.branch("imports").writeLines(`import ${tag} from './${file.importPath}';`);
+    writer.branch("imports").writeLines(`import ${tag} from '${file}';`);
     if (isLast) {
-      writer.writeLines(`<${tag} ...input />`);
+      writer.writeLines(`<${tag} ...input/>`);
     } else {
       writer.writeBlockStart(`<${tag} ...input>`);
-      writeRouteTemplateTag(writer, rest, index + 1);
+      writeEntryTemplateTag(writer, rest, index + 1);
       writer.writeBlockEnd(`</>`);
     }
   }
@@ -798,7 +815,9 @@ function renderRouteEntry(route) {
   }
   if (runtimeImports.length) {
     imports.writeLines(
-      `import { ${runtimeImports.join(", ")} } from '${virtualRuntimePrefix}';`
+      `import { ${runtimeImports.join(
+        ", "
+      )} } from '${virtualFilePrefix}/runtime/internal';`
     );
   }
   if (middleware.length) {
@@ -912,6 +931,45 @@ function writeRouteEntryHandler(writer, route, verb) {
   continuations.join();
   writer.writeBlockEnd("}");
 }
+function renderErrorRouter(error, options = {
+  trailingSlashes: "RedirectWithout"
+}) {
+  const writer = createStringWriter();
+  writer.write(`
+// @marko/run/router
+import { createContext } from '${virtualFilePrefix}/runtime/internal';
+import errorPage from '${virtualFilePrefix}/${markoRunFilePrefix}error.marko${serverEntryQuery}';
+
+const error = new Error(\`${error.message}\`);
+error.name = '${error.name}';`);
+  if (error.stack) {
+    writer.write(`
+error.stack = \`${error.stack}\`;`);
+  }
+  writer.write(`
+
+globalThis.__marko_run__ = { match, fetch, invoke };
+
+export function match() {
+  return { handler: errorPage, params: {}, meta: {}, path: '/*' }; // /$$
+}
+
+export async function invoke(route, request, platform, url) {
+  const [context, buildInput] = createContext(route, request, platform, url);
+  if (context.request.headers.get('Accept')?.includes('text/html')) {
+    return new Response(errorPage.stream(buildInput({ error })), {
+      status: 500,
+      headers: { "content-type": "text/html;charset=UTF-8" },
+    });
+  }
+  return new Response(error, {
+    status: 500,
+  });
+}
+`);
+  renderFetch(writer, options);
+  return writer.end();
+}
 function renderRouter(routes, options = {
   trailingSlashes: "RedirectWithout"
 }) {
@@ -919,7 +977,7 @@ function renderRouter(routes, options = {
   writer.writeLines(`// @marko/run/router`);
   const imports = writer.branch("imports");
   imports.writeLines(
-    `import { NotHandled, NotMatched, createContext } from 'virtual:marko-run/internal';`
+    `import { NotHandled, NotMatched, createContext } from '${virtualFilePrefix}/runtime/internal';`
   );
   for (const route of routes.list) {
     const verbs = getVerbs(route);
@@ -955,24 +1013,24 @@ globalThis.__marko_run__ = { match, fetch, invoke };
     }
   }
   writer.writeBlockEnd("}").writeLines("return null;").writeBlockEnd("}");
-  writer.write(`
-export async function invoke(route, request, platform, url) {
-  const [context, buildInput] = createContext(route, request, platform, url);
-	try {
-		if (route) {
-      try {
-				const response = await route.handler(context, buildInput);
-				if (response) return response;
-			} catch (error) {
-				if (error === NotHandled) {
-					return;
-				} else if (error !== NotMatched) {
-					throw error;
-				}
-			}
-`);
+  writer.writeLines("").writeBlockStart(
+    "export async function invoke(route, request, platform, url) {"
+  ).writeLines(
+    "const [context, buildInput] = createContext(route, request, platform, url);"
+  );
+  const hasErrorPage = Boolean(routes.special[RoutableFileTypes.Error]);
+  if (hasErrorPage) {
+    writer.writeBlockStart("try {");
+  }
+  writer.writeBlockStart("if (route) {").writeBlockStart("try {").writeLines(
+    "const response = await route.handler(context, buildInput);",
+    "if (response) return response;"
+  ).indent--;
+  writer.writeBlockStart("} catch (error) {").writeLines(
+    "if (error === NotHandled) return;",
+    "if (error !== NotMatched) throw error;"
+  ).writeBlockEnd("}").writeBlockEnd("}");
   if (routes.special[RoutableFileTypes.NotFound]) {
-    writer.indent = 2;
     imports.writeLines(
       `
 const page404ResponseInit = {
@@ -980,33 +1038,31 @@ const page404ResponseInit = {
   headers: { "content-type": "text/html;charset=UTF-8" },
 };`
     );
-    writer.write(
-      `    } else {
-    }
+    writer.write(`    
     if (context.request.headers.get('Accept')?.includes('text/html')) {
       return new Response(page404.stream(buildInput()), page404ResponseInit);
     }
-`
-    );
-  } else {
-    writer.indent = 3;
-    writer.writeBlockEnd("}");
+`);
   }
   writer.indent--;
-  writer.writeBlockStart(`} catch (error) {`);
-  if (routes.special[RoutableFileTypes.Error]) {
+  if (hasErrorPage) {
     imports.writeLines(`
 const page500ResponseInit = {
   status: 500,
   headers: { "content-type": "text/html;charset=UTF-8" },
 };`);
-    writer.writeBlockStart(
+    writer.writeBlockStart(`} catch (error) {`).writeBlockStart(
       `if (context.request.headers.get('Accept')?.includes('text/html')) {`
     ).writeLines(
       `return new Response(page500.stream(buildInput({ error })), page500ResponseInit);`
-    ).writeBlockEnd("}");
+    ).writeBlockEnd("}").writeLines("throw error;").writeBlockEnd("}");
   }
-  writer.writeLines(`throw error;`).writeBlockEnd("}").writeBlockEnd("}").write(`
+  writer.writeBlockEnd("}");
+  renderFetch(writer, options);
+  return writer.end();
+}
+function renderFetch(writer, options) {
+  writer.write(`
 export async function fetch(request, platform) {
   try {
     const url = new URL(request.url);
@@ -1044,15 +1100,22 @@ export async function fetch(request, platform) {
     const route = match(request.method, pathname);
     return await invoke(route, request, platform, url);
   } catch (error) {
-    const body = import.meta.env.DEV
-      ? error.stack || error.message || "Internal Server Error"
-      : null;
-    return new Response(body, {
+    if (import.meta.env.DEV) {
+      let body;
+      if (error.cause) {
+        body = error.cause.stack || error.cause.message || error.cause;
+      } else {
+        body = error.stack || error.message || "Internal Server Error";
+      }
+      return new Response(body, {
+        status: 500
+      });
+    }
+    return new Response(null, {
       status: 500
     });
   }
 }`);
-  return writer.end();
 }
 function writeRouterVerb(writer, trie, verb, level = 0, offset = 1) {
   const { route, dynamic, catchAll } = trie;
@@ -1174,7 +1237,12 @@ function writeRouterVerb(writer, trie, verb, level = 0, offset = 1) {
   }
   if (catchAll) {
     writer.writeLines(
-      `return ${renderMatch(verb, catchAll.route, catchAll.path, String(offset))}; // ${catchAll.path.path}`
+      `return ${renderMatch(
+        verb,
+        catchAll.route,
+        catchAll.path,
+        String(offset)
+      )}; // ${catchAll.path.path}`
     );
   } else if (level === 0) {
     writer.writeLines("return null;");
@@ -1216,7 +1284,9 @@ function renderMiddleware(middleware) {
     `// ${virtualFilePrefix}/${markoRunFilePrefix}middleware.js`
   );
   const imports = writer.branch("imports");
-  imports.writeLines(`import { normalize } from 'virtual:marko-run/internal';`);
+  imports.writeLines(
+    `import { normalize } from '${virtualFilePrefix}/runtime/internal';`
+  );
   writer.writeLines("");
   for (const { id, importPath } of middleware) {
     const importName = `middleware${id}`;
@@ -1534,7 +1604,9 @@ function logRoutesTable(routes, bundle, options) {
           entryType.push(import_kleur.default.yellow("page"));
           size = prettySize(computeRouteSize(getRouteChunkName(route), bundle));
         }
-        const row = [import_kleur.default.bold(HttpVerbColors[verb](verb.toUpperCase()))];
+        const row = [
+          import_kleur.default.bold(HttpVerbColors[verb](verb.toUpperCase()))
+        ];
         if (verbs.length === 1 || firstRow) {
           row.push({ rowSpan: verbs.length, content: prettyPath(path3.path) });
           firstRow = false;
@@ -1572,10 +1644,7 @@ function byteSize(source) {
 }
 function computeChunkSize(chunk, bundle, seen = /* @__PURE__ */ new Set()) {
   if (chunk.type === "asset") {
-    return [
-      byteSize(chunk.source),
-      gzipSize(chunk.source)
-    ];
+    return [byteSize(chunk.source), gzipSize(chunk.source)];
   }
   const size = [byteSize(chunk.code), gzipSize(chunk.code)];
   for (const id of chunk.imports) {
@@ -1622,7 +1691,6 @@ var setExternalPluginOptions = (viteConfig, value) => setConfig(viteConfig, Plug
 var getExternalAdapterOptions = (viteConfig) => getConfig(viteConfig, AdapterConfigKey);
 
 // src/vite/plugin.ts
-var import_url2 = require("url");
 var __dirname = import_path2.default.dirname((0, import_url2.fileURLToPath)(__importMetaURL));
 var PLUGIN_NAME_PREFIX = "marko-run-vite";
 var POSIX_SEP = "/";
@@ -1655,14 +1723,14 @@ function markoRun(opts = {}) {
     routesBuild: 0,
     routesRender: 0
   };
-  async function writeTypesFile() {
-    if (tsConfigExists ?? (tsConfigExists = await globFileExists(
+  async function writeTypesFile(routes2) {
+    if (routes2 && (tsConfigExists ?? (tsConfigExists = await globFileExists(
       root,
       "{.tsconfig*,tsconfig*.json}"
-    ))) {
+    )))) {
       const filepath = import_path2.default.join(typesDir, "routes.d.ts");
       const data = await renderRouteTypeInfo(
-        routes,
+        routes2,
         normalizePath(import_path2.default.relative(typesDir, resolvedRoutesDir)),
         adapter
       );
@@ -1672,65 +1740,93 @@ function markoRun(opts = {}) {
       }
     }
   }
-  async function setVirtualFiles(render = false) {
-    for (const route of routes.list) {
-      if (render && route.handler) {
-        route.handler.verbs = await extractVerbs(route.handler.filePath);
-        if (!route.handler.verbs.length) {
-          console.warn(
-            `Did not find any valid exports in middleware entry file:'${route.handler.filePath}' - expected to find any of 'GET', 'POST', 'PUT' or 'DELETE'`
+  const buildVirtualFiles = single(async (render) => {
+    var _a;
+    const routerOptions = {
+      trailingSlashes: opts.trailingSlashes || "RedirectWithout"
+    };
+    try {
+      if (isStale) {
+        virtualFiles.clear();
+        isRendered = false;
+        const buildStartTime = performance.now();
+        routes = await buildRoutes(
+          createFSWalker(resolvedRoutesDir),
+          routesDir
+        );
+        times.routesBuild = performance.now() - buildStartTime;
+        if (!routes.list.length) {
+          throw new Error("No routes generated");
+        }
+      }
+      const renderStartTime = performance.now();
+      for (const route of routes.list) {
+        if (render && route.handler) {
+          route.handler.verbs = await extractVerbs(route.handler.filePath);
+          if (!route.handler.verbs.length) {
+            throw new Error(
+              `Did not find any valid exports in middleware entry file:'${route.handler.filePath}' - expected to find any of 'GET', 'POST', 'PUT' or 'DELETE'`
+            );
+          }
+        }
+        if (route.page) {
+          virtualFiles.set(
+            import_path2.default.posix.join(root, `${route.entryName}.marko`),
+            render ? renderRouteTemplate(route) : ""
           );
         }
+        virtualFiles.set(
+          import_path2.default.posix.join(root, `${route.entryName}.js`),
+          render ? renderRouteEntry(route) : ""
+        );
       }
-      if (route.page) {
+      for (const route of Object.values(routes.special)) {
         virtualFiles.set(
           import_path2.default.posix.join(root, `${route.entryName}.marko`),
           render ? renderRouteTemplate(route) : ""
         );
       }
+      if (routes.middleware.length) {
+        virtualFiles.set(
+          import_path2.default.posix.join(root, `${markoRunFilePrefix}middleware.js`),
+          render ? renderMiddleware(routes.middleware) : ""
+        );
+      }
       virtualFiles.set(
-        import_path2.default.posix.join(root, `${route.entryName}.js`),
-        render ? renderRouteEntry(route) : ""
+        "@marko/run/router",
+        render ? renderRouter(routes, routerOptions) : ""
       );
-    }
-    for (const route of Object.values(routes.special)) {
+      times.routesRender = performance.now() - renderStartTime;
+      if (render) {
+        await writeTypesFile(routes);
+        if (!isBuild) {
+          await ((_a = opts == null ? void 0 : opts.emitRoutes) == null ? void 0 : _a.call(opts, routes.list));
+        }
+        isRendered = true;
+      }
+    } catch (err) {
+      if (isBuild) {
+        throw err;
+      }
+      console.error(err);
       virtualFiles.set(
-        import_path2.default.posix.join(root, `${route.entryName}.marko`),
-        render ? renderRouteTemplate(route) : ""
+        import_path2.default.posix.join(root, `${markoRunFilePrefix}error.marko`),
+        renderEntryTemplate(`${markoRunFilePrefix}error`, ["<dev-error-page>"])
       );
+      virtualFiles.set(
+        "@marko/run/router",
+        renderErrorRouter(err, routerOptions)
+      );
+      isRendered = true;
     }
-    virtualFiles.set(
-      "@marko/run/router",
-      render ? renderRouter(routes, {
-        trailingSlashes: opts.trailingSlashes || "RedirectWithout"
-      }) : ""
-    );
-    virtualFiles.set(
-      import_path2.default.posix.join(root, `${markoRunFilePrefix}middleware.js`),
-      render ? renderMiddleware(routes.middleware) : ""
-    );
-  }
-  const buildVirtualFiles = single(async () => {
-    const startTime = performance.now();
-    routes = await buildRoutes(createFSWalker(resolvedRoutesDir), routesDir);
-    times.routesBuild = performance.now() - startTime;
-    await setVirtualFiles(false);
     isStale = false;
-    isRendered = false;
-  });
-  const renderVirtualFiles = single(async () => {
-    const startTime = performance.now();
-    await setVirtualFiles(true);
-    await writeTypesFile();
-    times.routesRender = performance.now() - startTime;
-    isRendered = true;
   });
   return [
     {
       name: `${PLUGIN_NAME_PREFIX}:pre`,
       enforce: "pre",
       async config(config2, env) {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         const externalPluginOptions = getExternalPluginOptions(config2);
         if (externalPluginOptions) {
           opts = (0, import_vite.mergeConfig)(opts, externalPluginOptions);
@@ -1756,6 +1852,11 @@ function markoRun(opts = {}) {
         }
         compiler ?? (compiler = await import(opts.compiler || "@marko/compiler"));
         compiler.taglib.register("@marko/run", {
+          "<dev-error-page>": {
+            template: normalizePath(
+              import_path2.default.resolve(__dirname, "../components/dev-error-page.marko")
+            )
+          },
           "<*>": {
             transform: import_path2.default.resolve(
               __dirname,
@@ -1820,11 +1921,26 @@ function markoRun(opts = {}) {
             noExternal: /@marko\/run/
           },
           build: {
+            target: isBuild && !((_g = config2.build) == null ? void 0 : _g.target) ? (0, import_esbuild_plugin_browserslist.resolveToEsbuildTarget)(
+              (0, import_browserslist.default)(void 0, {
+                path: root
+              }),
+              { printUnknownTargets: false }
+            ) : void 0,
             emptyOutDir: isSSRBuild,
+            // Avoid server & client deleting files from each other.
             rollupOptions: {
               output: rollupOutputOptions
             }
           },
+          optimizeDeps: {
+            entries: !((_h = config2.optimizeDeps) == null ? void 0 : _h.entries) ? [
+              "src/pages/**/*+{page,layout}.marko",
+              "!**/__snapshots__/**",
+              `!**/__tests__/**`,
+              `!**/coverage/**`
+            ] : void 0
+          },
           resolve: isBuild ? {
             browserField: isSSRBuild ? false : void 0,
             conditions: [
@@ -1909,40 +2025,35 @@ function markoRun(opts = {}) {
       },
       async resolveId(importee, importer) {
         let resolved;
-        if (importee.startsWith(virtualRuntimePrefix)) {
-          return this.resolve(
-            import_path2.default.resolve(__dirname, "../runtime/internal"),
-            importer,
-            { skipSelf: true }
-          );
-        } else if (importee.startsWith(virtualFilePrefix)) {
-          importee = import_path2.default.resolve(
-            root,
-            importee.slice(virtualFilePrefix.length + 1)
-          );
+        let virtualFilePath;
+        if (importee.startsWith(virtualFilePrefix)) {
+          virtualFilePath = importee.slice(virtualFilePrefix.length + 1);
+          importee = import_path2.default.resolve(root, virtualFilePath);
         } else if (!isBuild && importer && (importer === devEntryFile || normalizePath(importer) === devEntryFilePosix) && importee.startsWith(`/${markoRunFilePrefix}`)) {
           importee = import_path2.default.resolve(root, "." + importee);
         }
         importee = normalizePath(importee);
         if (isStale) {
-          await buildVirtualFiles();
+          await buildVirtualFiles(false);
         }
         if (virtualFiles.has(importee)) {
           resolved = importee;
+        } else if (virtualFilePath) {
+          const filePath = import_path2.default.resolve(__dirname, "..", virtualFilePath);
+          const resolution = await this.resolve(filePath, importer, {
+            skipSelf: true
+          });
+          return resolution;
         }
         return resolved || null;
       },
       async load(id) {
-        var _a;
         if (id.endsWith(serverEntryQuery)) {
           id = id.slice(0, -serverEntryQuery.length);
         }
         if (virtualFiles.has(id)) {
-          if (!isRendered) {
-            await renderVirtualFiles();
-            if (!isBuild) {
-              await ((_a = opts == null ? void 0 : opts.emitRoutes) == null ? void 0 : _a.call(opts, routes.list));
-            }
+          if (isStale || !isRendered) {
+            await buildVirtualFiles(true);
           }
           return virtualFiles.get(id);
         }
@@ -1985,12 +2096,12 @@ function markoRun(opts = {}) {
           }
           await store.set(routeDataFilename, JSON.stringify(routeData));
           await ((_a = opts == null ? void 0 : opts.emitRoutes) == null ? void 0 : _a.call(opts, routes.list));
-        } else if (isBuild) {
+        } else {
           logRoutesTable(routes, bundle, options);
         }
       },
       async closeBundle() {
-        if (isBuild && !isSSRBuild && (adapter == null ? void 0 : adapter.buildEnd)) {
+        if (isBuild && !isSSRBuild && (adapter == null ? void 0 : adapter.buildEnd) && routes) {
           await adapter.buildEnd(
             resolvedConfig,
             routes.list,