@jsenv/plugin-supervisor 1.6.6 → 1.6.8

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/jsenv_plugin_supervisor.js

@@ -3,11 +3,9 @@ import process$1 from "node:process";
 import os from "node:os";
 import tty from "node:tty";
 import "string-width";
-import { pathToFileURL, fileURLToPath } from "node:url";
 import { createRequire } from "node:module";
 import { existsSync, readFileSync, realpathSync } from "node:fs";
-import "node:path";
-import "node:crypto";
+import { fileURLToPath, pathToFileURL } from "node:url";
 
 // From: https://github.com/sindresorhus/has-flag/blob/main/index.js
 /// function hasFlag(flag, argv = globalThis.Deno?.args ?? process.argv) {
@@ -156,6 +154,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 +251,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 +463,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"
@@ -497,30 +495,6 @@ const injectQueryParams = (url, params) => {
   return normalizeUrl(urlWithParams);
 };
 
-const isFileSystemPath = value => {
-  if (typeof value !== "string") {
-    throw new TypeError("isFileSystemPath first arg must be a string, got ".concat(value));
-  }
-  if (value[0] === "/") {
-    return true;
-  }
-  return startsWithWindowsDriveLetter(value);
-};
-const startsWithWindowsDriveLetter = string => {
-  const firstChar = string[0];
-  if (!/[a-zA-Z]/.test(firstChar)) return false;
-  const secondChar = string[1];
-  if (secondChar !== ":") return false;
-  return true;
-};
-
-const fileSystemPathToUrl = value => {
-  if (!isFileSystemPath(value)) {
-    throw new Error("value must be a filesystem path, got ".concat(value));
-  }
-  return String(pathToFileURL(value));
-};
-
 const getCommonPathname = (pathname, otherPathname) => {
   if (pathname === otherPathname) {
     return pathname;
@@ -605,41 +579,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
 
@@ -648,12 +587,6 @@ const requireSourcemap = () => {
   return namespace;
 };
 
-/*
- * https://github.com/mozilla/source-map#sourcemapgenerator
- */
-
-requireSourcemap();
-
 // https://github.com/mozilla/source-map#sourcemapconsumerprototypeoriginalpositionforgeneratedposition
 const getOriginalPosition = ({
   sourcemap,
@@ -1227,7 +1160,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;
           }
@@ -1416,7 +1349,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"];
 
@@ -1555,6 +1488,7 @@ const applyBrowserFieldResolution = (specifier, resolutionContext) => {
   if (url) {
     return {
       type: "field:browser",
+      isMain: true,
       packageDirectoryUrl,
       packageJson,
       url
@@ -1784,6 +1718,7 @@ const applyPackageTargetResolution = (target, resolutionContext) => {
       }
       return {
         type: isImport ? "field:imports" : "field:exports",
+        isMain: subpath === "" || subpath === ".",
         packageDirectoryUrl,
         packageJson,
         url: pattern ? targetUrl.replaceAll("*", subpath) : new URL(subpath, targetUrl).href
@@ -1966,6 +1901,7 @@ const applyLegacySubpathResolution = (packageSubpath, resolutionContext) => {
   }
   return {
     type: "subpath",
+    isMain: packageSubpath === ".",
     packageDirectoryUrl,
     packageJson,
     url: new URL(packageSubpath, packageDirectoryUrl).href
@@ -1986,6 +1922,7 @@ const applyLegacyMainResolution = (packageSubpath, resolutionContext) => {
     if (resolved) {
       return {
         type: resolved.type,
+        isMain: resolved.isMain,
         packageDirectoryUrl,
         packageJson,
         url: new URL(resolved.path, packageDirectoryUrl).href
@@ -1995,6 +1932,7 @@ const applyLegacyMainResolution = (packageSubpath, resolutionContext) => {
   return {
     type: "field:main",
     // the absence of "main" field
+    isMain: true,
     packageDirectoryUrl,
     packageJson,
     url: new URL("index.js", packageDirectoryUrl).href
@@ -2007,18 +1945,21 @@ const mainLegacyResolvers = {
     if (typeof packageJson.module === "string") {
       return {
         type: "field:module",
+        isMain: true,
         path: packageJson.module
       };
     }
     if (typeof packageJson.jsnext === "string") {
       return {
         type: "field:jsnext",
+        isMain: true,
         path: packageJson.jsnext
       };
     }
     if (typeof packageJson.main === "string") {
       return {
         type: "field:main",
+        isMain: true,
         path: packageJson.main
       };
     }
@@ -2041,6 +1982,7 @@ const mainLegacyResolvers = {
       if (typeof packageJson.module === "string") {
         return {
           type: "field:module",
+          isMain: true,
           path: packageJson.module
         };
       }
@@ -2049,6 +1991,7 @@ const mainLegacyResolvers = {
     if (typeof packageJson.module !== "string" || packageJson.module === browserMain) {
       return {
         type: "field:browser",
+        isMain: true,
         path: browserMain
       };
     }
@@ -2057,11 +2000,13 @@ const mainLegacyResolvers = {
     if (/typeof exports\s*==/.test(content) && /typeof module\s*==/.test(content) || /module\.exports\s*=/.test(content)) {
       return {
         type: "field:module",
+        isMain: true,
         path: packageJson.module
       };
     }
     return {
       type: "field:browser",
+      isMain: true,
       path: browserMain
     };
   },
@@ -2071,6 +2016,7 @@ const mainLegacyResolvers = {
     if (typeof packageJson.main === "string") {
       return {
         type: "field:main",
+        isMain: true,
         path: packageJson.main
       };
     }
@@ -2114,35 +2060,6 @@ const resolvePackageSymlink = packageDirectoryUrl => {
   return "".concat(packageDirectoryResolvedUrl, "/");
 };
 
-process.platform === "win32";
-fileSystemPathToUrl(process.cwd());
-
-/*
- * - stats object documentation on Node.js
- *   https://nodejs.org/docs/latest-v13.x/api/fs.html#fs_class_fs_stats
- */
-
-process.platform === "win32";
-
-/*
- * - stats object documentation on Node.js
- *   https://nodejs.org/docs/latest-v13.x/api/fs.html#fs_class_fs_stats
- */
-
-process.platform === "win32";
-
-process.platform === "win32";
-
-process.platform === "win32";
-
-process.platform === "win32";
-
-process.platform === "linux";
-
-process.platform === "darwin";
-process.platform === "linux";
-process.platform === "freebsd";
-
 /*
  * This plugin provides a way for jsenv to supervisor js execution:
  * - Know how many js are executed, when they are done, collect errors, etc...
@@ -2195,13 +2112,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 +2132,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,13 +2144,12 @@ 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) {
             const original = getOriginalPosition({
               sourcemap,
-              url: file,
               line,
               column
             });
@@ -2265,8 +2182,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 +2201,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 +2244,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.6",
+  "version": "1.6.8",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -25,11 +25,13 @@
     "/src/",
     "/dist/"
   ],
+  "sideEffects": [
+    "./src/client/supervisor.js"
+  ],
   "dependencies": {
-    "@jsenv/ast": "6.5.2",
-    "@jsenv/urls": "2.6.0",
-    "@jsenv/sourcemap": "1.2.30",
-    "launch-editor": "2.9.1"
+    "@jsenv/ast": "6.6.1",
+    "@jsenv/urls": "2.6.2",
+    "@jsenv/sourcemap": "1.3.1"
   },
   "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({