@jsenv/plugin-supervisor 1.6.5 → 1.6.7

package/dist/js/supervisor.js

@@ -1013,7 +1013,7 @@ window.__supervisor__ = (() => {
               try {
                 if (exception.code === DYNAMIC_IMPORT_FETCH_ERROR || exception.reportedBy === "script_error_event") {
                   const errorCauseFile = exception.site.ownerSite ? exception.site.ownerSite.url : exception.site.url;
-                  const errorCauseAPIUrl = "/__get_error_cause__/".concat(encodeURIComponent(errorCauseFile));
+                  const errorCauseAPIUrl = "/.internal/get_error_cause/".concat(encodeURIComponent(errorCauseFile));
                   const response = await window.fetch(errorCauseAPIUrl);
                   if (response.status !== 200) {
                     return;
@@ -1032,7 +1032,7 @@ window.__supervisor__ = (() => {
                     line: exception.site.ownerSite.inlineLine,
                     column: exception.site.ownerSite.inlineColumn
                   }) : stringifyUrlSite(exception.site);
-                  const errorTraceAPIUrl = "/__get_cause_trace__/".concat(encodeURIComponent(errorTraceFile));
+                  const errorTraceAPIUrl = "/.internal/get_cause_trace/".concat(encodeURIComponent(errorTraceFile));
                   const urlToFetch = new URL(errorTraceAPIUrl, window.origin);
                   if (!exception.stackSourcemapped) {
                     urlToFetch.searchParams.set("remap", "");
@@ -1077,7 +1077,7 @@ window.__supervisor__ = (() => {
             }
             const urlWithLineAndColumn = stringifyUrlSite(urlSite);
             return {
-              href: urlSite.url.startsWith("file:") && openInEditor ? "javascript:window.fetch('/__open_in_editor__/".concat(encodeURIComponent(urlWithLineAndColumn), "')") : urlSite.url,
+              href: urlSite.url.startsWith("file:") && openInEditor ? "javascript:window.fetch('/.internal/open_file/".concat(encodeURIComponent(urlWithLineAndColumn), "')") : urlSite.url,
               text: urlWithLineAndColumn
             };
           }

package/dist/js/vendors.js

@@ -0,0 +1,8 @@
+const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
+const intToChar = new Uint8Array(64); // 64 possible chars.
+const charToInt = new Uint8Array(128); // z is 122 in ASCII
+for (let i = 0; i < chars.length; i++) {
+  const c = chars.charCodeAt(i);
+  intToChar[i] = c;
+  charToInt[c] = i;
+}

package/dist/jsenv_plugin_supervisor.js

@@ -4,6 +4,7 @@ import os from "node:os";
 import tty from "node:tty";
 import "string-width";
 import { pathToFileURL, fileURLToPath } from "node:url";
+import "./js/vendors.js";
 import { createRequire } from "node:module";
 import { existsSync, readFileSync, realpathSync } from "node:fs";
 import "node:path";
@@ -156,6 +157,48 @@ function createSupportsColor(stream, options = {}) {
     isTTY: tty.isatty(2)
   })
 });
+function isUnicodeSupported() {
+  const {
+    env
+  } = process$1;
+  const {
+    TERM,
+    TERM_PROGRAM
+  } = env;
+  if (process$1.platform !== 'win32') {
+    return TERM !== 'linux'; // Linux console (kernel)
+  }
+  return Boolean(env.WT_SESSION) // Windows Terminal
+  || Boolean(env.TERMINUS_SUBLIME) // Terminus (<0.2.27)
+  || env.ConEmuTask === '{cmd::Cmder}' // ConEmu and cmder
+  || TERM_PROGRAM === 'Terminus-Sublime' || TERM_PROGRAM === 'vscode' || TERM === 'xterm-256color' || TERM === 'alacritty' || TERM === 'rxvt-unicode' || TERM === 'rxvt-unicode-256color' || env.TERMINAL_EMULATOR === 'JetBrains-JediTerm';
+}
+
+/* globals WorkerGlobalScope, DedicatedWorkerGlobalScope, SharedWorkerGlobalScope, ServiceWorkerGlobalScope */
+
+const isBrowser = globalThis.window?.document !== undefined;
+globalThis.process?.versions?.node !== undefined;
+globalThis.process?.versions?.bun !== undefined;
+globalThis.Deno?.version?.deno !== undefined;
+globalThis.process?.versions?.electron !== undefined;
+globalThis.navigator?.userAgent?.includes('jsdom') === true;
+typeof WorkerGlobalScope !== 'undefined' && globalThis instanceof WorkerGlobalScope;
+typeof DedicatedWorkerGlobalScope !== 'undefined' && globalThis instanceof DedicatedWorkerGlobalScope;
+typeof SharedWorkerGlobalScope !== 'undefined' && globalThis instanceof SharedWorkerGlobalScope;
+typeof ServiceWorkerGlobalScope !== 'undefined' && globalThis instanceof ServiceWorkerGlobalScope;
+
+// Note: I'm intentionally not DRYing up the other variables to keep them "lazy".
+const platform = globalThis.navigator?.userAgentData?.platform;
+platform === 'macOS' || globalThis.navigator?.platform === 'MacIntel' // Even on Apple silicon Macs.
+|| globalThis.navigator?.userAgent?.includes(' Mac ') === true || globalThis.process?.platform === 'darwin';
+platform === 'Windows' || globalThis.navigator?.platform === 'Win32' || globalThis.process?.platform === 'win32';
+platform === 'Linux' || globalThis.navigator?.platform?.startsWith('Linux') === true || globalThis.navigator?.userAgent?.includes(' Linux ') === true || globalThis.process?.platform === 'linux';
+platform === 'Android' || globalThis.navigator?.platform === 'Android' || globalThis.navigator?.userAgent?.includes(' Android ') === true || globalThis.process?.platform === 'android';
+!isBrowser && process$1.env.TERM_PROGRAM === 'Apple_Terminal';
+!isBrowser && process$1.platform === 'win32';
+isBrowser ? () => {
+  throw new Error('`process.cwd()` only works in Node.js, not the browser.');
+} : process$1.cwd;
 
 // https://github.com/Marak/colors.js/blob/master/lib/styles.js
 // https://stackoverflow.com/a/75985833/2634179
@@ -211,22 +254,6 @@ const ANSI = createAnsi({
   // because stream.isTTY returns false, see https://github.com/actions/runner/issues/241
   process.env.GITHUB_WORKFLOW
 });
-function isUnicodeSupported() {
-  const {
-    env
-  } = process$1;
-  const {
-    TERM,
-    TERM_PROGRAM
-  } = env;
-  if (process$1.platform !== 'win32') {
-    return TERM !== 'linux'; // Linux console (kernel)
-  }
-  return Boolean(env.WT_SESSION) // Windows Terminal
-  || Boolean(env.TERMINUS_SUBLIME) // Terminus (<0.2.27)
-  || env.ConEmuTask === '{cmd::Cmder}' // ConEmu and cmder
-  || TERM_PROGRAM === 'Terminus-Sublime' || TERM_PROGRAM === 'vscode' || TERM === 'xterm-256color' || TERM === 'alacritty' || TERM === 'rxvt-unicode' || TERM === 'rxvt-unicode-256color' || env.TERMINAL_EMULATOR === 'JetBrains-JediTerm';
-}
 
 // see also https://github.com/sindresorhus/figures
 
@@ -439,32 +466,6 @@ const fillLeft = (value, biggestValue, char = " ") => {
   return padded;
 };
 
-/* globals WorkerGlobalScope, DedicatedWorkerGlobalScope, SharedWorkerGlobalScope, ServiceWorkerGlobalScope */
-
-const isBrowser = globalThis.window?.document !== undefined;
-globalThis.process?.versions?.node !== undefined;
-globalThis.process?.versions?.bun !== undefined;
-globalThis.Deno?.version?.deno !== undefined;
-globalThis.process?.versions?.electron !== undefined;
-globalThis.navigator?.userAgent?.includes('jsdom') === true;
-typeof WorkerGlobalScope !== 'undefined' && globalThis instanceof WorkerGlobalScope;
-typeof DedicatedWorkerGlobalScope !== 'undefined' && globalThis instanceof DedicatedWorkerGlobalScope;
-typeof SharedWorkerGlobalScope !== 'undefined' && globalThis instanceof SharedWorkerGlobalScope;
-typeof ServiceWorkerGlobalScope !== 'undefined' && globalThis instanceof ServiceWorkerGlobalScope;
-
-// Note: I'm intentionally not DRYing up the other variables to keep them "lazy".
-const platform = globalThis.navigator?.userAgentData?.platform;
-platform === 'macOS' || globalThis.navigator?.platform === 'MacIntel' // Even on Apple silicon Macs.
-|| globalThis.navigator?.userAgent?.includes(' Mac ') === true || globalThis.process?.platform === 'darwin';
-platform === 'Windows' || globalThis.navigator?.platform === 'Win32' || globalThis.process?.platform === 'win32';
-platform === 'Linux' || globalThis.navigator?.platform?.startsWith('Linux') === true || globalThis.navigator?.userAgent?.includes(' Linux ') === true || globalThis.process?.platform === 'linux';
-platform === 'Android' || globalThis.navigator?.platform === 'Android' || globalThis.navigator?.userAgent?.includes(' Android ') === true || globalThis.process?.platform === 'android';
-!isBrowser && process$1.env.TERM_PROGRAM === 'Apple_Terminal';
-!isBrowser && process$1.platform === 'win32';
-isBrowser ? () => {
-  throw new Error('`process.cwd()` only works in Node.js, not the browser.');
-} : process$1.cwd;
-
 // normalize url search params:
 // Using URLSearchParams to alter the url search params
 // can result into "file:///file.css?css_module"
@@ -605,41 +606,6 @@ const pathnameToParentPathname = pathname => {
   return pathname.slice(0, slashLastIndex + 1);
 };
 
-const urlToFileSystemPath = url => {
-  const urlObject = new URL(url);
-  let {
-    origin,
-    pathname,
-    hash
-  } = urlObject;
-  if (urlObject.protocol === "file:") {
-    origin = "file://";
-  }
-  pathname = pathname.split("/").map(part => {
-    return part.replace(/%(?![0-9A-F][0-9A-F])/g, "%25");
-  }).join("/");
-  if (hash) {
-    pathname += "%23".concat(encodeURIComponent(hash.slice(1)));
-  }
-  const urlString = "".concat(origin).concat(pathname);
-  const fileSystemPath = fileURLToPath(urlString);
-  if (fileSystemPath[fileSystemPath.length - 1] === "/") {
-    // remove trailing / so that nodejs path becomes predictable otherwise it logs
-    // the trailing slash on linux but does not on windows
-    return fileSystemPath.slice(0, -1);
-  }
-  return fileSystemPath;
-};
-
-const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
-const intToChar = new Uint8Array(64); // 64 possible chars.
-const charToInt = new Uint8Array(128); // z is 122 in ASCII
-for (let i = 0; i < chars.length; i++) {
-  const c = chars.charCodeAt(i);
-  intToChar[i] = c;
-  charToInt[c] = i;
-}
-
 const require = createRequire(import.meta.url);
 // consider using https://github.com/7rulnik/source-map-js
 
@@ -1227,7 +1193,7 @@ const injectSupervisorIntoHTML = async ({
         }
         const src = getHtmlNodeAttribute(scriptNode, "src");
         if (src) {
-          const urlObject = new URL(src, "http://example.com/");
+          const urlObject = new URL(src, "http://example.com");
           if (urlObject.searchParams.has("inline")) {
             return;
           }
@@ -1280,7 +1246,7 @@ const generateCodeToSuperviseScriptWithSrc = ({
 // https://nodejs.org/api/packages.html#resolving-user-conditions
 const readCustomConditionsFromProcessArgs = () => {
   const packageConditions = [];
-  process.execArgv.forEach(arg => {
+  for (const arg of process.execArgv) {
     if (arg.includes("-C=")) {
       const packageCondition = arg.slice(0, "-C=".length);
       packageConditions.push(packageCondition);
@@ -1289,7 +1255,7 @@ const readCustomConditionsFromProcessArgs = () => {
       const packageCondition = arg.slice("--conditions=".length);
       packageConditions.push(packageCondition);
     }
-  });
+  }
   return packageConditions;
 };
 
@@ -1416,7 +1382,7 @@ const createPackageImportNotDefinedError = (specifier, {
 const isSpecifierForNodeBuiltin = specifier => {
   return specifier.startsWith("node:") || NODE_BUILTIN_MODULE_SPECIFIERS.includes(specifier);
 };
-const NODE_BUILTIN_MODULE_SPECIFIERS = ["assert", "assert/strict", "async_hooks", "buffer_ieee754", "buffer", "child_process", "cluster", "console", "constants", "crypto", "_debugger", "dgram", "dns", "domain", "events", "freelist", "fs", "fs/promises", "_http_agent", "_http_client", "_http_common", "_http_incoming", "_http_outgoing", "_http_server", "http", "http2", "https", "inspector", "_linklist", "module", "net", "node-inspect/lib/_inspect", "node-inspect/lib/internal/inspect_client", "node-inspect/lib/internal/inspect_repl", "os", "path", "perf_hooks", "process", "punycode", "querystring", "readline", "repl", "smalloc", "_stream_duplex", "_stream_transform", "_stream_wrap", "_stream_passthrough", "_stream_readable", "_stream_writable", "stream", "stream/promises", "string_decoder", "sys", "timers", "_tls_common", "_tls_legacy", "_tls_wrap", "tls", "trace_events", "tty", "url", "util", "v8/tools/arguments", "v8/tools/codemap", "v8/tools/consarray", "v8/tools/csvparser", "v8/tools/logreader", "v8/tools/profile_view", "v8/tools/splaytree", "v8", "vm", "worker_threads", "zlib",
+const NODE_BUILTIN_MODULE_SPECIFIERS = ["assert", "assert/strict", "async_hooks", "buffer_ieee754", "buffer", "child_process", "cluster", "console", "constants", "crypto", "_debugger", "dgram", "dns", "domain", "events", "freelist", "fs", "fsevents", "fs/promises", "_http_agent", "_http_client", "_http_common", "_http_incoming", "_http_outgoing", "_http_server", "http", "http2", "https", "inspector", "_linklist", "module", "net", "node-inspect/lib/_inspect", "node-inspect/lib/internal/inspect_client", "node-inspect/lib/internal/inspect_repl", "os", "path", "perf_hooks", "process", "punycode", "querystring", "readline", "repl", "smalloc", "_stream_duplex", "_stream_transform", "_stream_wrap", "_stream_passthrough", "_stream_readable", "_stream_writable", "stream", "stream/promises", "string_decoder", "sys", "timers", "_tls_common", "_tls_legacy", "_tls_wrap", "tls", "trace_events", "tty", "url", "util", "v8/tools/arguments", "v8/tools/codemap", "v8/tools/consarray", "v8/tools/csvparser", "v8/tools/logreader", "v8/tools/profile_view", "v8/tools/splaytree", "v8", "vm", "worker_threads", "zlib",
 // global is special
 "global"];
 
@@ -2195,13 +2161,14 @@ const jsenvPluginSupervisor = ({
   return {
     name: "jsenv:supervisor",
     appliesDuring: "dev",
-    serve: async serveInfo => {
-      if (serveInfo.request.pathname.startsWith("/__get_cause_trace__/")) {
-        const {
-          pathname,
-          searchParams
-        } = new URL(serveInfo.request.url);
-        const urlWithLineAndColumn = decodeURIComponent(pathname.slice("/__get_cause_trace__/".length));
+    devServerRoutes: [{
+      endpoint: "GET /.internal/get_cause_trace/*",
+      description: "Return source code around the place an error was thrown.",
+      declarationSource: import.meta.url,
+      fetch: async (request, {
+        kitchen
+      }) => {
+        const urlWithLineAndColumn = decodeURIComponent(request.params[0]);
         const result = resolveUrlSite(urlWithLineAndColumn);
         if (!result) {
           return {
@@ -2214,7 +2181,7 @@ const jsenvPluginSupervisor = ({
           line,
           column
         } = result;
-        const urlInfo = serveInfo.kitchen.graph.getUrlInfo(file);
+        const urlInfo = kitchen.graph.getUrlInfo(file);
         if (!urlInfo) {
           return {
             status: 204,
@@ -2226,7 +2193,7 @@ const jsenvPluginSupervisor = ({
         if (!urlInfo.originalContent) {
           await urlInfo.fetchContent();
         }
-        const remap = searchParams.has("remap");
+        const remap = request.searchParams.has("remap");
         if (remap) {
           const sourcemap = urlInfo.sourcemap;
           if (sourcemap) {
@@ -2265,8 +2232,14 @@ const jsenvPluginSupervisor = ({
           body: causeTraceJson
         };
       }
-      if (serveInfo.request.pathname.startsWith("/__get_error_cause__/")) {
-        let file = serveInfo.request.pathname.slice("/__get_error_cause__/".length);
+    }, {
+      endpoint: "GET /.internal/get_error_cause/*",
+      description: "Return the error that occured when a file was served by jsenv dev server or null.",
+      declarationSource: import.meta.url,
+      fetch: (request, {
+        kitchen
+      }) => {
+        let file = decodeURIComponent(request.params[0]);
         file = decodeURIComponent(file);
         if (!file) {
           return {
@@ -2278,12 +2251,12 @@ const jsenvPluginSupervisor = ({
           url
         } = applyNodeEsmResolution({
           conditions: [],
-          parentUrl: serveInfo.rootDirectoryUrl,
+          parentUrl: kitchen.context.rootDirectoryUrl,
           specifier: file
         });
         file = url;
         const getErrorCauseInfo = () => {
-          const urlInfo = serveInfo.kitchen.graph.getUrlInfo(file);
+          const urlInfo = kitchen.graph.getUrlInfo(file);
           if (!urlInfo) {
             return null;
           }
@@ -2321,31 +2294,7 @@ const jsenvPluginSupervisor = ({
           body
         };
       }
-      if (serveInfo.request.pathname.startsWith("/__open_in_editor__/")) {
-        let file = serveInfo.request.pathname.slice("/__open_in_editor__/".length);
-        file = decodeURIComponent(file);
-        if (!file) {
-          return {
-            status: 400,
-            body: "Missing file in url"
-          };
-        }
-        const fileUrl = new URL(file, serveInfo.rootDirectoryUrl);
-        const filePath = urlToFileSystemPath(fileUrl);
-        const require = createRequire(import.meta.url);
-        const launch = require("launch-editor");
-        launch(filePath, () => {
-          // ignore error for now
-        });
-        return {
-          status: 200,
-          headers: {
-            "cache-control": "no-store"
-          }
-        };
-      }
-      return null;
-    },
+    }],
     transformUrlContent: {
       html: htmlUrlInfo => {
         const supervisorFileReference = htmlUrlInfo.dependencies.inject({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsenv/plugin-supervisor",
-  "version": "1.6.5",
+  "version": "1.6.7",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -26,10 +26,9 @@
     "/dist/"
   ],
   "dependencies": {
-    "@jsenv/ast": "6.5.1",
-    "@jsenv/urls": "2.6.0",
-    "@jsenv/sourcemap": "1.2.30",
-    "launch-editor": "2.9.1"
+    "@jsenv/ast": "6.6.0",
+    "@jsenv/urls": "2.6.1",
+    "@jsenv/sourcemap": "1.3.0"
   },
   "scripts": {
     "build": "node ./scripts/build.mjs",

package/src/client/supervisor.js

@@ -1041,7 +1041,7 @@ window.__supervisor__ = (() => {
                   const errorCauseFile = exception.site.ownerSite
                     ? exception.site.ownerSite.url
                     : exception.site.url;
-                  const errorCauseAPIUrl = `/__get_error_cause__/${encodeURIComponent(
+                  const errorCauseAPIUrl = `/.internal/get_error_cause/${encodeURIComponent(
                     errorCauseFile,
                   )}`;
                   const response = await window.fetch(errorCauseAPIUrl);
@@ -1064,7 +1064,7 @@ window.__supervisor__ = (() => {
                         column: exception.site.ownerSite.inlineColumn,
                       })
                     : stringifyUrlSite(exception.site);
-                  const errorTraceAPIUrl = `/__get_cause_trace__/${encodeURIComponent(
+                  const errorTraceAPIUrl = `/.internal/get_cause_trace/${encodeURIComponent(
                     errorTraceFile,
                   )}`;
                   const urlToFetch = new URL(errorTraceAPIUrl, window.origin);
@@ -1107,7 +1107,7 @@ window.__supervisor__ = (() => {
             return {
               href:
                 urlSite.url.startsWith("file:") && openInEditor
-                  ? `javascript:window.fetch('/__open_in_editor__/${encodeURIComponent(
+                  ? `javascript:window.fetch('/.internal/open_file/${encodeURIComponent(
                       urlWithLineAndColumn,
                     )}')`
                   : urlSite.url,

package/src/jsenv_plugin_supervisor.js

@@ -6,8 +6,7 @@
 import { generateContentFrame } from "@jsenv/humanize";
 import { applyNodeEsmResolution } from "@jsenv/node-esm-resolution";
 import { getOriginalPosition } from "@jsenv/sourcemap";
-import { injectQueryParams, urlToFileSystemPath } from "@jsenv/urls";
-import { createRequire } from "node:module";
+import { injectQueryParams } from "@jsenv/urls";
 import {
   injectSupervisorIntoHTML,
   supervisorFileUrl,
@@ -71,161 +70,140 @@ export const jsenvPluginSupervisor = ({
   return {
     name: "jsenv:supervisor",
     appliesDuring: "dev",
-    serve: async (serveInfo) => {
-      if (serveInfo.request.pathname.startsWith("/__get_cause_trace__/")) {
-        const { pathname, searchParams } = new URL(serveInfo.request.url);
-        const urlWithLineAndColumn = decodeURIComponent(
-          pathname.slice("/__get_cause_trace__/".length),
-        );
-        const result = resolveUrlSite(urlWithLineAndColumn);
-        if (!result) {
-          return {
-            status: 400,
-            body: "Missing line and column in url",
-          };
-        }
-        let { file, line, column } = result;
-        const urlInfo = serveInfo.kitchen.graph.getUrlInfo(file);
-        if (!urlInfo) {
-          return {
-            status: 204,
-            headers: {
-              "cache-control": "no-store",
-            },
-          };
-        }
-        if (!urlInfo.originalContent) {
-          await urlInfo.fetchContent();
-        }
-        const remap = searchParams.has("remap");
-        if (remap) {
-          const sourcemap = urlInfo.sourcemap;
-          if (sourcemap) {
-            const original = getOriginalPosition({
-              sourcemap,
-              url: file,
-              line,
-              column,
-            });
-            if (original.line !== null) {
-              line = original.line;
-              if (original.column !== null) {
-                column = original.column;
+    devServerRoutes: [
+      {
+        endpoint: "GET /.internal/get_cause_trace/*",
+        description: "Return source code around the place an error was thrown.",
+        declarationSource: import.meta.url,
+        fetch: async (request, { kitchen }) => {
+          const urlWithLineAndColumn = decodeURIComponent(request.params[0]);
+          const result = resolveUrlSite(urlWithLineAndColumn);
+          if (!result) {
+            return {
+              status: 400,
+              body: "Missing line and column in url",
+            };
+          }
+          let { file, line, column } = result;
+          const urlInfo = kitchen.graph.getUrlInfo(file);
+          if (!urlInfo) {
+            return {
+              status: 204,
+              headers: {
+                "cache-control": "no-store",
+              },
+            };
+          }
+          if (!urlInfo.originalContent) {
+            await urlInfo.fetchContent();
+          }
+          const remap = request.searchParams.has("remap");
+          if (remap) {
+            const sourcemap = urlInfo.sourcemap;
+            if (sourcemap) {
+              const original = getOriginalPosition({
+                sourcemap,
+                url: file,
+                line,
+                column,
+              });
+              if (original.line !== null) {
+                line = original.line;
+                if (original.column !== null) {
+                  column = original.column;
+                }
               }
             }
           }
-        }
-        const causeTrace = {
-          url: file,
-          line,
-          column,
-          codeFrame: generateContentFrame({
+          const causeTrace = {
+            url: file,
             line,
             column,
-            content: urlInfo.originalContent,
-          }),
-        };
-        const causeTraceJson = JSON.stringify(causeTrace, null, "  ");
-        return {
-          status: 200,
-          headers: {
-            "cache-control": "no-store",
-            "content-type": "application/json",
-            "content-length": Buffer.byteLength(causeTraceJson),
-          },
-          body: causeTraceJson,
-        };
-      }
-      if (serveInfo.request.pathname.startsWith("/__get_error_cause__/")) {
-        let file = serveInfo.request.pathname.slice(
-          "/__get_error_cause__/".length,
-        );
-        file = decodeURIComponent(file);
-        if (!file) {
+            codeFrame: generateContentFrame({
+              line,
+              column,
+              content: urlInfo.originalContent,
+            }),
+          };
+          const causeTraceJson = JSON.stringify(causeTrace, null, "  ");
           return {
-            status: 400,
-            body: "Missing file in url",
+            status: 200,
+            headers: {
+              "cache-control": "no-store",
+              "content-type": "application/json",
+              "content-length": Buffer.byteLength(causeTraceJson),
+            },
+            body: causeTraceJson,
           };
-        }
-        const { url } = applyNodeEsmResolution({
-          conditions: [],
-          parentUrl: serveInfo.rootDirectoryUrl,
-          specifier: file,
-        });
-        file = url;
-        const getErrorCauseInfo = () => {
-          const urlInfo = serveInfo.kitchen.graph.getUrlInfo(file);
-          if (!urlInfo) {
-            return null;
-          }
-          const { error } = urlInfo;
-          if (error) {
-            return error;
+        },
+      },
+      {
+        endpoint: "GET /.internal/get_error_cause/*",
+        description:
+          "Return the error that occured when a file was served by jsenv dev server or null.",
+        declarationSource: import.meta.url,
+        fetch: (request, { kitchen }) => {
+          let file = decodeURIComponent(request.params[0]);
+          file = decodeURIComponent(file);
+          if (!file) {
+            return {
+              status: 400,
+              body: "Missing file in url",
+            };
           }
-          // search in direct dependencies (404 or 500)
-          for (const referenceToOther of urlInfo.referenceToOthersSet) {
-            const referencedUrlInfo = referenceToOther.urlInfo;
-            if (referencedUrlInfo.error) {
-              return referencedUrlInfo.error;
+          const { url } = applyNodeEsmResolution({
+            conditions: [],
+            parentUrl: kitchen.context.rootDirectoryUrl,
+            specifier: file,
+          });
+          file = url;
+          const getErrorCauseInfo = () => {
+            const urlInfo = kitchen.graph.getUrlInfo(file);
+            if (!urlInfo) {
+              return null;
             }
-          }
-          return null;
-        };
-        const causeInfo = getErrorCauseInfo();
-        const body = JSON.stringify(
-          causeInfo
-            ? {
-                code: causeInfo.code,
-                name: causeInfo.name,
-                message: causeInfo.message,
-                reason: causeInfo.reason,
-                stack: errorBaseUrl
-                  ? `stack mocked for snapshot`
-                  : causeInfo.stack,
-                trace: causeInfo.trace,
+            const { error } = urlInfo;
+            if (error) {
+              return error;
+            }
+            // search in direct dependencies (404 or 500)
+            for (const referenceToOther of urlInfo.referenceToOthersSet) {
+              const referencedUrlInfo = referenceToOther.urlInfo;
+              if (referencedUrlInfo.error) {
+                return referencedUrlInfo.error;
               }
-            : null,
-          null,
-          "  ",
-        );
-        return {
-          status: 200,
-          headers: {
-            "cache-control": "no-store",
-            "content-type": "application/json",
-            "content-length": Buffer.byteLength(body),
-          },
-          body,
-        };
-      }
-      if (serveInfo.request.pathname.startsWith("/__open_in_editor__/")) {
-        let file = serveInfo.request.pathname.slice(
-          "/__open_in_editor__/".length,
-        );
-        file = decodeURIComponent(file);
-
-        if (!file) {
+            }
+            return null;
+          };
+          const causeInfo = getErrorCauseInfo();
+          const body = JSON.stringify(
+            causeInfo
+              ? {
+                  code: causeInfo.code,
+                  name: causeInfo.name,
+                  message: causeInfo.message,
+                  reason: causeInfo.reason,
+                  stack: errorBaseUrl
+                    ? `stack mocked for snapshot`
+                    : causeInfo.stack,
+                  trace: causeInfo.trace,
+                }
+              : null,
+            null,
+            "  ",
+          );
           return {
-            status: 400,
-            body: "Missing file in url",
+            status: 200,
+            headers: {
+              "cache-control": "no-store",
+              "content-type": "application/json",
+              "content-length": Buffer.byteLength(body),
+            },
+            body,
           };
-        }
-        const fileUrl = new URL(file, serveInfo.rootDirectoryUrl);
-        const filePath = urlToFileSystemPath(fileUrl);
-        const require = createRequire(import.meta.url);
-        const launch = require("launch-editor");
-        launch(filePath, () => {
-          // ignore error for now
-        });
-        return {
-          status: 200,
-          headers: {
-            "cache-control": "no-store",
-          },
-        };
-      }
-      return null;
-    },
+        },
+      },
+    ],
     transformUrlContent: {
       html: (htmlUrlInfo) => {
         const supervisorFileReference = htmlUrlInfo.dependencies.inject({