@marko/run 0.4.5 → 0.4.6

package/dist/adapter/index.cjs

@@ -31,6 +31,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var adapter_exports = {};
 __export(adapter_exports, {
   createDevServer: () => createDevServer,
+  createErrorMiddleware: () => createErrorMiddleware,
   createViteDevServer: () => createViteDevServer,
   default: () => adapter,
   getDevGlobal: () => getDevGlobal
@@ -42,12 +43,13 @@ var import_url = require("url");
 var __importMetaURL = (0, import_url.pathToFileURL)(__filename);
 
 // src/adapter/index.ts
-var import_path = __toESM(require("path"), 1);
+var import_path2 = __toESM(require("path"), 1);
 var import_fs2 = __toESM(require("fs"), 1);
 var import_inspector2 = __toESM(require("inspector"), 1);
 var import_url2 = require("url");
 
 // src/adapter/dev-server.ts
+var import_path = __toESM(require("path"), 1);
 var import_vite = require("vite");
 
 // src/adapter/polyfill.ts
@@ -157,6 +159,13 @@ function copyResponseHeaders(response, headers) {
     appendHeader(response, "set-cookie", setCookies);
   }
 }
+function normalizeError(error) {
+  if (error.cause && !error.message) {
+    error.message = error.cause.message;
+    error.stack || (error.stack = error.cause.stack);
+  }
+  return error;
+}
 function createMiddleware(fetch2, options) {
   const {
     origin = process.env.ORIGIN,
@@ -184,13 +193,14 @@ function createMiddleware(fetch2, options) {
       }
     }
     function onSignalAborted() {
+      const error = normalizeError(signal.reason);
       if (next) {
-        next(signal.reason);
+        next(error);
       } else {
         if (!res.destroyed && res.socket) {
           res.socket.destroySoon();
         }
-        console.error(signal.reason);
+        console.error(error);
       }
     }
     if (process.env.NODE_ENV !== "production" && globalThis.__marko_run_dev__ && ((_a = req.headers.accept) == null ? void 0 : _a.includes("text/html"))) {
@@ -201,7 +211,7 @@ function createMiddleware(fetch2, options) {
           signal.addEventListener("abort", sendError);
         }
         function sendError() {
-          const { message, stack = "" } = signal.reason;
+          const { message, stack = "" } = normalizeError(signal.reason);
           ws.send(
             JSON.stringify({
               type: "error",
@@ -235,6 +245,7 @@ function createMiddleware(fetch2, options) {
     try {
       response = await fetch2(request, platform);
     } catch (err) {
+      normalizeError(err);
       if (next) {
         next(err);
       } else {
@@ -281,7 +292,7 @@ async function writeResponse(reader, res, controller) {
   }
 }
 var bodyConsumedErrorStream = new ReadableStream({
-  start(controller) {
+  pull(controller) {
     controller.error(
       new Error(
         "The request body stream was already consumed by something before Marko Run."
@@ -290,9 +301,6 @@ var bodyConsumedErrorStream = new ReadableStream({
   }
 });
 
-// src/adapter/dev-server.ts
-var import_util = require("util");
-
 // src/adapter/logger.ts
 var import_kleur = __toESM(require("kleur"), 1);
 var import_draftlog = __toESM(require("draftlog"), 1);
@@ -487,130 +495,35 @@ function createAnimationManager(options = {}) {
   };
 }
 
-// src/adapter/dev-server.ts
-async function createViteDevServer(config2) {
-  const devServer = await (0, import_vite.createServer)({
-    ...config2,
-    appType: "custom",
-    server: { ...config2 == null ? void 0 : config2.server, middlewareMode: true }
-  });
-  getDevGlobal().addDevServer(devServer);
-  devServer.middlewares.use(logger_default());
-  return devServer;
-}
-async function createDevServer(config2) {
-  const devServer = await createViteDevServer(config2);
-  const routerMiddleware = createMiddleware(
-    (request, platform) => globalThis.__marko_run__.fetch(request, platform)
+// src/adapter/utils.ts
+var import_supports_color = __toESM(require("supports-color"), 1);
+var import_kleur2 = __toESM(require("kleur"), 1);
+function stripAnsi(string) {
+  return string.replace(
+    /([\u001b\u009b][[()#;?]*(?:[0-9]{1,4}(?:;[0-9]{0,4})*)?[0-9A-ORZcf-nqry=><])/g,
+    ""
   );
-  devServer.middlewares.use(async (req, res, next) => {
-    function handleNext(err) {
-      var _a;
-      if (err) {
-        if (err instanceof Error) {
-          devServer.ssrFixStacktrace(err);
-        }
-        console.error(err);
-        if (res.headersSent) {
-          if (!res.destroyed) {
-            (_a = res.socket) == null ? void 0 : _a.destroySoon();
-          }
-        } else {
-          res.statusCode = 500;
-          res.end(
-            (0, import_util.inspect)(err).replace(
-              /([\u001b\u009b][[()#;?]*(?:[0-9]{1,4}(?:;[0-9]{0,4})*)?[0-9A-ORZcf-nqry=><])/g,
-              ""
-            )
-          );
-        }
-      } else {
-        next == null ? void 0 : next();
-      }
-    }
-    try {
-      await devServer.ssrLoadModule("@marko/run/router");
-    } catch (err) {
-      return handleNext(err);
-    }
-    routerMiddleware(req, res, handleNext);
-  });
-  return devServer;
 }
-var ClientIdCookieName = "marko-run-client-id";
-function getClientId(req) {
-  if (req.headers.cookie) {
-    const cookie = req.headers.cookie.split(/;\s+/).find((c) => c.startsWith(ClientIdCookieName));
-    if (cookie) {
-      return cookie.slice(ClientIdCookieName.length + 1);
-    }
-  }
+function cleanStack(stack) {
+  return stack.split(/\n/).filter((l) => /^\s*at/.test(l)).join("\n");
 }
-var devGlobal;
-function getDevGlobal() {
-  if (!devGlobal) {
-    let handleConnection2 = function(ws, req) {
-      if (callbacks == null ? void 0 : callbacks.length) {
-        const id = getClientId(req);
-        const now = Date.now();
-        const nextCallbacks = [];
-        for (const entry of callbacks) {
-          if (entry.id === id) {
-            entry.callback(ws);
-          } else if (entry.expires > now) {
-            nextCallbacks.push(entry);
-          }
-        }
-        callbacks = nextCallbacks;
-      }
-    };
-    var handleConnection = handleConnection2;
-    const devServers = /* @__PURE__ */ new Set();
-    let callbacks = [];
-    globalThis.__marko_run_dev__ = devGlobal = {
-      devServers,
-      addDevServer(devServer) {
-        const originalClose = devServer.close;
-        devServer.close = () => {
-          devServers.delete(devServer);
-          return originalClose.call(devServer);
-        };
-        devServers.add(devServer);
-        devServer.ws.on("connection", handleConnection2);
-      },
-      clear() {
-        callbacks = [];
-        for (const devServer of devServers) {
-          devServer.ws.off("connection", handleConnection2);
-          devServer.close();
-        }
-      },
-      onClient(res, callback) {
-        const expires = Date.now() + 1e3;
-        const id = Math.floor(Math.random() * expires).toString(36);
-        callbacks.push({
-          id,
-          expires,
-          callback
-        });
-        res.setHeader(
-          "set-cookie",
-          `${ClientIdCookieName}=${id}; Path=/; Max-Age=100; HttpOnly`
-        );
-      }
-    };
-  }
-  return devGlobal;
+function prepareError(err) {
+  var _a;
+  return {
+    message: stripAnsi(err.message),
+    stack: stripAnsi(cleanStack(err.stack || "")),
+    id: err.id,
+    frame: stripAnsi(err.frame || ""),
+    plugin: err.plugin,
+    pluginCode: (_a = err.pluginCode) == null ? void 0 : _a.toString(),
+    loc: err.loc
+  };
 }
-
-// src/adapter/utils.ts
-var import_supports_color = __toESM(require("supports-color"), 1);
-var import_kleur2 = __toESM(require("kleur"), 1);
 function logInfoBox(address, explorer) {
   const color = !!import_supports_color.default.stdout;
   let message = import_kleur2.default.bold("Marko Run");
   if (true) {
-    message += ` v${"0.4.5"}`;
+    message += ` v${"0.4.6"}`;
   }
   message += "\n\n";
   message += import_kleur2.default.dim("Server listening at");
@@ -749,6 +662,137 @@ B\u2572   \u2572 GG\u203E\u203E\u203E\u203E O\u2571   \u2571 P\u2571   \u2571
   return { lines, width };
 }
 
+// src/adapter/dev-server.ts
+async function createViteDevServer(config2) {
+  const devServer = await (0, import_vite.createServer)({
+    ...config2,
+    appType: "custom",
+    server: { ...config2 == null ? void 0 : config2.server, middlewareMode: true }
+  });
+  getDevGlobal().addDevServer(devServer);
+  devServer.middlewares.use(logger_default());
+  return devServer;
+}
+async function createDevServer(config2) {
+  const devServer = await createViteDevServer(config2);
+  const routerMiddleware = createMiddleware(
+    (request, platform) => globalThis.__marko_run__.fetch(request, platform)
+  );
+  devServer.middlewares.use(async (req, res, next) => {
+    try {
+      await devServer.ssrLoadModule("@marko/run/router");
+    } catch (err) {
+      return next(err);
+    }
+    routerMiddleware(req, res, next);
+  }).use(createErrorMiddleware(devServer));
+  return devServer;
+}
+var ClientIdCookieName = "marko-run-client-id";
+function getClientId(req) {
+  if (req.headers.cookie) {
+    const cookie = req.headers.cookie.split(/;\s+/).find((c) => c.startsWith(ClientIdCookieName));
+    if (cookie) {
+      return cookie.slice(ClientIdCookieName.length + 1);
+    }
+  }
+}
+var devGlobal;
+function getDevGlobal() {
+  if (!devGlobal) {
+    let handleConnection2 = function(ws, req) {
+      if (callbacks == null ? void 0 : callbacks.length) {
+        const id = getClientId(req);
+        const now = Date.now();
+        const nextCallbacks = [];
+        for (const entry of callbacks) {
+          if (entry.id === id) {
+            entry.callback(ws);
+          } else if (entry.expires > now) {
+            nextCallbacks.push(entry);
+          }
+        }
+        callbacks = nextCallbacks;
+      }
+    };
+    var handleConnection = handleConnection2;
+    const devServers = /* @__PURE__ */ new Set();
+    let callbacks = [];
+    globalThis.__marko_run_dev__ = devGlobal = {
+      devServers,
+      addDevServer(devServer) {
+        const originalClose = devServer.close;
+        devServer.close = () => {
+          devServers.delete(devServer);
+          return originalClose.call(devServer);
+        };
+        devServers.add(devServer);
+        devServer.ws.on("connection", handleConnection2);
+      },
+      clear() {
+        callbacks = [];
+        for (const devServer of devServers) {
+          devServer.ws.off("connection", handleConnection2);
+          devServer.close();
+        }
+      },
+      onClient(res, callback) {
+        const expires = Date.now() + 1e3;
+        const id = Math.floor(Math.random() * expires).toString(36);
+        callbacks.push({
+          id,
+          expires,
+          callback
+        });
+        res.setHeader(
+          "set-cookie",
+          `${ClientIdCookieName}=${id}; Path=/; Max-Age=100; HttpOnly`
+        );
+      }
+    };
+  }
+  return devGlobal;
+}
+function createErrorMiddleware(devServer) {
+  return function errorMiddleware(error, _req, res, _next) {
+    if (!error.id) {
+      devServer.config.logger.error((0, import_vite.buildErrorMessage)(error, [`\x1B[31;1mRequest failed with error: ${error.message}\x1B[0m`]));
+    }
+    res.statusCode = 500;
+    res.end(`
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>Error</title>
+    <script type="module">
+      const error = ${JSON.stringify(prepareError(error)).replace(
+      /</g,
+      "\\u003c"
+    )}
+      try {
+        const { ErrorOverlay } = await import(${JSON.stringify(import_path.default.posix.join(devServer.config.base, "/@vite/client"))})
+        document.body.appendChild(new ErrorOverlay(error))
+      } catch {
+        const h = (tag, text) => {
+          const el = document.createElement(tag)
+          el.textContent = text
+          return el
+        }
+        document.body.appendChild(h('h1', 'Internal Server Error'))
+        document.body.appendChild(h('h2', error.message))
+        document.body.appendChild(h('pre', error.stack))
+        document.body.appendChild(h('p', '(Error overlay failed to load)'))
+      }
+    </script>
+  </head>
+  <body>
+  </body>
+</html>
+    `);
+  };
+}
+
 // src/vite/utils/server.ts
 var import_net = __toESM(require("net"), 1);
 var import_child_process = __toESM(require("child_process"), 1);
@@ -921,9 +965,9 @@ var markoRunFilePrefix = "__marko-run__";
 var virtualFilePrefix = "virtual:marko-run";
 
 // src/adapter/index.ts
-var __dirname = import_path.default.dirname((0, import_url2.fileURLToPath)(__importMetaURL));
-var defaultEntry = import_path.default.join(__dirname, "default-entry");
-var loadDevWorker = import_path.default.join(__dirname, "load-dev-worker.mjs");
+var __dirname = import_path2.default.dirname((0, import_url2.fileURLToPath)(__importMetaURL));
+var defaultEntry = import_path2.default.join(__dirname, "default-entry");
+var loadDevWorker = import_path2.default.join(__dirname, "load-dev-worker.mjs");
 function adapter() {
   return {
     name: "base-adapter",
@@ -974,9 +1018,9 @@ function adapter() {
       }
       const devServer = await createDevServer(config2);
       envFile && await loadEnv(envFile);
-      const inspect2 = getInspectOptions(options.args);
-      if (inspect2) {
-        import_inspector2.default.open(inspect2.port, inspect2.host, inspect2.wait);
+      const inspect = getInspectOptions(options.args);
+      if (inspect) {
+        import_inspector2.default.open(inspect.port, inspect.host, inspect.wait);
       }
       const listen = new Promise((resolve) => {
         const listener = devServer.middlewares.listen(port, () => {
@@ -1021,8 +1065,8 @@ function adapter() {
         return;
       }
       const promises = [];
-      const cacheDir = import_path.default.resolve(__dirname, "../../.cache/explorer");
-      const codeDir = import_path.default.join(cacheDir, "code");
+      const cacheDir = import_path2.default.resolve(__dirname, "../../.cache/explorer");
+      const codeDir = import_path2.default.join(cacheDir, "code");
       if (import_fs2.default.existsSync(codeDir)) {
         await import_fs2.default.promises.rm(codeDir, { recursive: true });
       }
@@ -1044,7 +1088,7 @@ function adapter() {
         }
         if (fileName) {
           promises.push(
-            import_fs2.default.promises.writeFile(import_path.default.join(codeDir, fileName), code, {})
+            import_fs2.default.promises.writeFile(import_path2.default.join(codeDir, fileName), code, {})
           );
         }
       }
@@ -1056,7 +1100,7 @@ function adapter() {
       }
       promises.push(
         import_fs2.default.promises.writeFile(
-          import_path.default.join(cacheDir, "data.json"),
+          import_path2.default.join(cacheDir, "data.json"),
           JSON.stringify(data),
           {}
         )
@@ -1074,6 +1118,7 @@ async function startExplorer() {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   createDevServer,
+  createErrorMiddleware,
   createViteDevServer,
   getDevGlobal
 });

package/dist/adapter/index.d.ts

@@ -1,7 +1,7 @@
 import type { Adapter } from "../vite";
 import { type MarkoRunDev } from "./dev-server";
 import { type SpawnedServer } from "../vite/utils/server";
-export { getDevGlobal, createDevServer, createViteDevServer, type MarkoRunDev, } from "./dev-server";
+export { getDevGlobal, createDevServer, createViteDevServer, createErrorMiddleware, type MarkoRunDev, } from "./dev-server";
 export type { Adapter, SpawnedServer };
 export type { NodePlatformInfo } from "./middleware";
 export type MarkoRunDevAccessor = () => MarkoRunDev;