@jsenv/core 28.0.0 → 28.1.0

package/dist/main.js

@@ -23,7 +23,7 @@ import v8, { takeCoverage } from "node:v8";
 import wrapAnsi from "wrap-ansi";
 import stripAnsi from "strip-ansi";
 import cuid from "cuid";
-import { runInNewContext, Script } from "node:vm";
+import { runInNewContext } from "node:vm";
 import { fork } from "node:child_process";
 
 /*
@@ -94,7 +94,7 @@ const urlToScheme$1 = url => {
   return scheme;
 };
 
-const urlToRessource$1 = url => {
+const urlToResource = url => {
   const scheme = urlToScheme$1(url);
 
   if (scheme === "file") {
@@ -115,25 +115,25 @@ const urlToRessource$1 = url => {
 };
 
 const urlToPathname$1 = url => {
-  const ressource = urlToRessource$1(url);
-  const pathname = ressourceToPathname$1(ressource);
+  const resource = urlToResource(url);
+  const pathname = resourceToPathname(resource);
   return pathname;
 };
 
-const ressourceToPathname$1 = ressource => {
-  const searchSeparatorIndex = ressource.indexOf("?");
+const resourceToPathname = resource => {
+  const searchSeparatorIndex = resource.indexOf("?");
 
   if (searchSeparatorIndex > -1) {
-    return ressource.slice(0, searchSeparatorIndex);
+    return resource.slice(0, searchSeparatorIndex);
   }
 
-  const hashIndex = ressource.indexOf("#");
+  const hashIndex = resource.indexOf("#");
 
   if (hashIndex > -1) {
-    return ressource.slice(0, hashIndex);
+    return resource.slice(0, hashIndex);
   }
 
-  return ressource;
+  return resource;
 };
 
 const urlToFilename$1 = url => {
@@ -616,8 +616,8 @@ const urlToRelativeUrl = (url, baseUrl) => {
   } = urlObject;
 
   if (pathname === "/") {
-    const baseUrlRessourceWithoutLeadingSlash = baseUrlObject.pathname.slice(1);
-    return baseUrlRessourceWithoutLeadingSlash;
+    const baseUrlResourceWithoutLeadingSlash = baseUrlObject.pathname.slice(1);
+    return baseUrlResourceWithoutLeadingSlash;
   }
 
   const basePathname = baseUrlObject.pathname;
@@ -1159,7 +1159,7 @@ const removeNoop = () => {};
  */
 const Abort = {
   isAbortError: error => {
-    return error.name === "AbortError";
+    return error && error.name === "AbortError";
   },
   startOperation: () => {
     return createOperation();
@@ -1475,52 +1475,44 @@ const readDirectory = async (url, {
   emfileMaxWait = 1000
 } = {}) => {
   const directoryUrl = assertAndNormalizeDirectoryUrl(url);
-  const directoryPath = urlToFileSystemPath(directoryUrl);
+  const directoryUrlObject = new URL(directoryUrl);
   const startMs = Date.now();
   let attemptCount = 0;
 
-  const attempt = () => {
-    return readdirNaive(directoryPath, {
-      handleTooManyFilesOpenedError: async error => {
+  const attempt = async () => {
+    try {
+      const names = await new Promise((resolve, reject) => {
+        readdir(directoryUrlObject, (error, names) => {
+          if (error) {
+            reject(error);
+          } else {
+            resolve(names);
+          }
+        });
+      });
+      return names.map(encodeURIComponent);
+    } catch (e) {
+      // https://nodejs.org/dist/latest-v13.x/docs/api/errors.html#errors_common_system_errors
+      if (e.code === "EMFILE" || e.code === "ENFILE") {
         attemptCount++;
         const nowMs = Date.now();
         const timeSpentWaiting = nowMs - startMs;
 
         if (timeSpentWaiting > emfileMaxWait) {
-          throw error;
+          throw e;
         }
 
-        return new Promise(resolve => {
-          setTimeout(() => {
-            resolve(attempt());
-          }, attemptCount);
-        });
+        await new Promise(resolve => setTimeout(resolve), attemptCount);
+        return await attempt();
       }
-    });
+
+      throw e;
+    }
   };
 
   return attempt();
 };
 
-const readdirNaive = (directoryPath, {
-  handleTooManyFilesOpenedError = null
-} = {}) => {
-  return new Promise((resolve, reject) => {
-    readdir(directoryPath, (error, names) => {
-      if (error) {
-        // https://nodejs.org/dist/latest-v13.x/docs/api/errors.html#errors_common_system_errors
-        if (handleTooManyFilesOpenedError && (error.code === "EMFILE" || error.code === "ENFILE")) {
-          resolve(handleTooManyFilesOpenedError(error));
-        } else {
-          reject(error);
-        }
-      } else {
-        resolve(names);
-      }
-    });
-  });
-};
-
 const comparePathnames = (leftPathame, rightPathname) => {
   const leftPartArray = leftPathame.split("/");
   const rightPartArray = rightPathname.split("/");
@@ -2006,10 +1998,10 @@ const ensureWindowsDriveLetter = (url, baseUrl) => {
   return `file:///${driveLetter}:${afterProtocol}`;
 };
 
-const extractDriveLetter = ressource => {
+const extractDriveLetter = resource => {
   // we still have the windows drive letter
-  if (/[a-zA-Z]/.test(ressource[1]) && ressource[2] === ":") {
-    return ressource[1];
+  if (/[a-zA-Z]/.test(resource[1]) && resource[2] === ":") {
+    return resource[1];
   }
 
   return null;
@@ -2136,7 +2128,7 @@ const createWatcher = (sourcePath, options) => {
   return watcher;
 };
 
-const trackRessources = () => {
+const trackResources = () => {
   const callbackArray = [];
 
   const registerCleanupCallback = callback => {
@@ -2244,7 +2236,7 @@ const registerDirectoryLifecycle = (source, {
     return watch;
   };
 
-  const tracker = trackRessources();
+  const tracker = trackResources();
   const infoMap = new Map();
 
   const readEntryInfo = url => {
@@ -2380,7 +2372,7 @@ const registerDirectoryLifecycle = (source, {
 
     if (entryInfo.type !== previousInfo.type) {
       // it existed and was replaced by something else
-      // we don't handle this as an update. We rather say the ressource
+      // we don't handle this as an update. We rather say the resource
       // is lost and something else is found (call removed() then added())
       handleEntryLost(previousInfo);
       handleEntryFound(entryInfo);
@@ -2591,7 +2583,7 @@ const registerFileLifecycle = (source, {
     }
   }
 
-  const tracker = trackRessources();
+  const tracker = trackResources();
 
   const handleFileFound = ({
     existent
@@ -3080,6 +3072,7 @@ const FAILURE_RAW = canUseUnicode ? `✖` : `×`;
 const DEBUG_RAW = canUseUnicode ? `◆` : `♦`;
 const INFO_RAW = canUseUnicode ? `ℹ` : `i`;
 const WARNING_RAW = canUseUnicode ? `⚠` : `‼`;
+const CIRCLE_CROSS_RAW = canUseUnicode ? `ⓧ` : `(×)`;
 const COMMAND = ANSI.color(COMMAND_RAW, ANSI.GREY); // ANSI_MAGENTA)
 
 const OK = ANSI.color(OK_RAW, ANSI.GREEN);
@@ -3087,6 +3080,7 @@ const FAILURE = ANSI.color(FAILURE_RAW, ANSI.RED);
 const DEBUG = ANSI.color(DEBUG_RAW, ANSI.GREY);
 const INFO = ANSI.color(INFO_RAW, ANSI.BLUE);
 const WARNING = ANSI.color(WARNING_RAW, ANSI.YELLOW);
+const CIRCLE_CROSS = ANSI.color(CIRCLE_CROSS_RAW, ANSI.RED);
 const UNICODE = {
   COMMAND,
   OK,
@@ -3094,12 +3088,14 @@ const UNICODE = {
   DEBUG,
   INFO,
   WARNING,
+  CIRCLE_CROSS,
   COMMAND_RAW,
   OK_RAW,
   FAILURE_RAW,
   DEBUG_RAW,
   INFO_RAW,
   WARNING_RAW,
+  CIRCLE_CROSS_RAW,
   supported: canUseUnicode
 };
 
@@ -4014,10 +4010,10 @@ const createUrlGraph = ({
     }
 
     references.forEach(reference => {
-      if (reference.isRessourceHint) {
-        // ressource hint are a special kind of reference.
+      if (reference.isResourceHint) {
+        // resource hint are a special kind of reference.
         // They are a sort of weak reference to an url.
-        // We ignore them so that url referenced only by ressource hints
+        // We ignore them so that url referenced only by resource hints
         // have url.dependents.size === 0 and can be considered as not used
         // It means html won't consider url referenced solely
         // by <link> as dependency and it's fine
@@ -4243,7 +4239,7 @@ const parseAndTransformHtmlUrls = async (urlInfo, context) => {
         crossorigin,
         integrity
       } = readFetchMetas(node);
-      const isRessourceHint = ["preconnect", "dns-prefetch", "prefetch", "preload", "modulepreload"].includes(subtype);
+      const isResourceHint = ["preconnect", "dns-prefetch", "prefetch", "preload", "modulepreload"].includes(subtype);
       const [reference] = referenceUtils.found({
         type,
         expectedType,
@@ -4252,7 +4248,7 @@ const parseAndTransformHtmlUrls = async (urlInfo, context) => {
         specifier,
         specifierLine: line,
         specifierColumn: column,
-        isRessourceHint,
+        isResourceHint,
         crossorigin,
         integrity
       });
@@ -4305,12 +4301,12 @@ const visitHtmlUrls = ({
     attributeName,
     specifier
   }) => {
-    const generatedFromInlineContent = getHtmlNodeAttribute(node, "generated-from-inline-content") !== undefined;
+    const isContentCooked = getHtmlNodeAttribute(node, "jsenv-plugin-action") === "content_cooked";
     let position;
 
-    if (generatedFromInlineContent) {
+    if (isContentCooked) {
       // when generated from inline content,
-      // line, column is not "src" nor "generated-from-src" but "original-position"
+      // line, column is not "src" nor "inlined-from-src" but "original-position"
       position = getHtmlNodePosition(node);
     } else {
       position = getHtmlNodeAttributePosition(node, attributeName);
@@ -4342,9 +4338,9 @@ const visitHtmlUrls = ({
     const value = getHtmlNodeAttribute(node, attributeName);
 
     if (value) {
-      const generatedBy = getHtmlNodeAttribute(node, "generated-by");
+      const jsenvPluginOwner = getHtmlNodeAttribute(node, "jsenv-plugin-owner");
 
-      if (generatedBy !== undefined) {
+      if (jsenvPluginOwner === "jsenv:importmap") {
         // during build the importmap is inlined
         // and shoud not be considered as a dependency anymore
         return;
@@ -4353,17 +4349,17 @@ const visitHtmlUrls = ({
       addDependency({ ...rest,
         node,
         attributeName,
-        specifier: attributeName === "generated-from-src" || attributeName === "generated-from-href" ? new URL(value, url).href : value
+        specifier: attributeName === "inlined-from-src" || attributeName === "inlined-from-href" ? new URL(value, url).href : value
       });
     } else if (attributeName === "src") {
       visitAttributeAsUrlSpecifier({ ...rest,
         node,
-        attributeName: "generated-from-src"
+        attributeName: "inlined-from-src"
       });
     } else if (attributeName === "href") {
       visitAttributeAsUrlSpecifier({ ...rest,
         node,
-        attributeName: "generated-from-href"
+        attributeName: "inlined-from-href"
       });
     }
   };
@@ -4413,6 +4409,7 @@ const visitHtmlUrls = ({
       if (type === "text") {
         // ignore <script type="whatever" src="./file.js">
         // per HTML spec https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script#attr-type
+        // this will be handled by jsenv_plugin_html_inline_content
         return;
       }
 
@@ -4669,7 +4666,7 @@ const jsenvPluginUrlAnalysis = ({
         return;
       }
 
-      if (reference.specifier[0] === "#" && // For Html, css and in general "#" refer to a ressource in the page
+      if (reference.specifier[0] === "#" && // For Html, css and in general "#" refer to a resource in the page
       // so that urls must be kept intact
       // However for js import specifiers they have a different meaning and we want
       // to resolve them (https://nodejs.org/api/packages.html#imports for instance)
@@ -5001,7 +4998,8 @@ const jsenvPluginHtmlInlineContent = ({
               });
               setHtmlNodeText(styleNode, inlineStyleUrlInfo.content);
               setHtmlNodeAttributes(styleNode, {
-                "generated-by": "jsenv:html_inline_content"
+                "jsenv-plugin-owner": "jsenv:html_inline_content",
+                "jsenv-plugin-action": "content_cooked"
               });
             });
           },
@@ -5015,13 +5013,13 @@ const jsenvPluginHtmlInlineContent = ({
             // - we want to avoid cooking twice a script during build
 
 
-            const generatedBy = getHtmlNodeAttribute(scriptNode, "generated-by");
+            const jsenvPluginOwner = getHtmlNodeAttribute(scriptNode, "jsenv-plugin-owner");
 
-            if (generatedBy === "jsenv:as_js_classic_html" && !analyzeConvertedScripts) {
+            if (jsenvPluginOwner === "jsenv:as_js_classic_html" && !analyzeConvertedScripts) {
               return;
             }
 
-            if (generatedBy === "jsenv:html_supervisor") {
+            if (jsenvPluginOwner === "jsenv:supervisor") {
               return;
             }
 
@@ -5067,7 +5065,8 @@ const jsenvPluginHtmlInlineContent = ({
               });
               setHtmlNodeText(scriptNode, inlineScriptUrlInfo.content);
               setHtmlNodeAttributes(scriptNode, {
-                "generated-by": "jsenv:html_inline_content",
+                "jsenv-plugin-owner": "jsenv:html_inline_content",
+                "jsenv-plugin-action": "content_cooked",
                 ...(extension ? {
                   type: type === "js_module" ? "module" : undefined
                 } : {})
@@ -5605,7 +5604,7 @@ const jsenvPluginDataUrls = () => {
         }
 
         const specifier = DATA_URL.stringify({
-          contentType: urlInfo.headers["content-type"],
+          contentType: urlInfo.contentType,
           base64Flag: urlInfo.data.base64Flag,
           data: urlInfo.data.base64Flag ? dataToBase64(urlInfo.content) : String(urlInfo.content)
         });
@@ -5825,10 +5824,10 @@ const jsenvPluginAsJsClassicHtml = ({
         const convertedUrls = [];
 
         const getReferenceAsJsClassic = async (reference, {
-          // we don't cook ressource hints
-          // because they might refer to ressource that will be modified during build
+          // we don't cook resource hints
+          // because they might refer to resource that will be modified during build
           // It also means something else HAVE to reference that url in order to cook it
-          // so that the preload is deleted by "resync_ressource_hints.js" otherwise
+          // so that the preload is deleted by "resync_resource_hints.js" otherwise
           cookIt = false
         } = {}) => {
           const newReferenceProps = {
@@ -5943,7 +5942,8 @@ const jsenvPluginAsJsClassicHtml = ({
               setHtmlNodeText(moduleScriptNode, newUrlInfo.content);
               setHtmlNodeAttributes(moduleScriptNode, {
                 "type": undefined,
-                "generated-by": "jsenv:as_js_classic_html"
+                "jsenv-plugin-owner": "jsenv:as_js_classic_html",
+                "jsenv-plugin-action": "content_cooked"
               });
             });
           }
@@ -6010,10 +6010,9 @@ const jsenvPluginAsJsClassicHtml = ({
               specifier: systemJsClientFileUrl
             });
             injectScriptNodeAsEarlyAsPossible(htmlAst, createHtmlNode({
-              "tagName": "script",
-              "src": systemJsReference.generatedSpecifier,
-              "injected-by": "jsenv:as_js_classic_html"
-            }));
+              tagName: "script",
+              src: systemJsReference.generatedSpecifier
+            }), "jsenv:as_js_classic_html");
           }
         }
 
@@ -10409,7 +10408,7 @@ function default_1({
  * and prefer to unique identifier based solely on the specifier basename for instance
  */
 const jsenvPluginAsJsClassic = ({
-  systemJsInjection
+  systemJsInjection = true
 }) => {
   const systemJsClientFileUrl = new URL("./js/s.js", import.meta.url).href;
   return [jsenvPluginAsJsClassicConversion({
@@ -10451,7 +10450,7 @@ const jsenvPluginAsJsClassicConversion = ({
       // - import specifier (static/dynamic import + re-export)
       // - url specifier when inside System.register/_context.import()
       //   (because it's the transpiled equivalent of static and dynamic imports)
-      // And not other references otherwise we could try to transform inline ressources
+      // And not other references otherwise we could try to transform inline resources
       // or specifiers inside new URL()...
       js_import_export: propagateJsClassicSearchParam,
       js_url_specifier: (reference, context) => {
@@ -10468,7 +10467,7 @@ const jsenvPluginAsJsClassicConversion = ({
         context,
         searchParam: "as_js_classic",
         // override the expectedType to "js_module"
-        // because when there is ?as_js_classic it means the underlying ressource
+        // because when there is ?as_js_classic it means the underlying resource
         // is a js_module
         expectedType: "js_module"
       });
@@ -10483,7 +10482,7 @@ const jsenvPluginAsJsClassicConversion = ({
       // - the reference contains ?entry_point
       // When js is entry point there can be no HTML to inject systemjs
       // and systemjs must be injected into the js file
-      originalUrlInfo.isEntryPoint && // if it's an entry point without dependency (it does not use import)
+      urlInfo.isEntryPoint && // if it's an entry point without dependency (it does not use import)
       // then we can use UMD, otherwise we have to use systemjs
       // because it is imported by systemjs
       !originalUrlInfo.data.usesImport ? "umd" : "system";
@@ -10493,7 +10492,8 @@ const jsenvPluginAsJsClassicConversion = ({
       } = await convertJsModuleToJsClassic({
         systemJsInjection,
         systemJsClientFileUrl,
-        urlInfo: originalUrlInfo,
+        urlInfo,
+        originalUrlInfo,
         jsClassicFormat
       });
       urlInfo.data.jsClassicFormat = jsClassicFormat;
@@ -10537,6 +10537,7 @@ const convertJsModuleToJsClassic = async ({
   systemJsInjection,
   systemJsClientFileUrl,
   urlInfo,
+  originalUrlInfo,
   jsClassicFormat
 }) => {
   const {
@@ -10550,9 +10551,9 @@ const convertJsModuleToJsClassic = async ({
     }]] : [[requireBabelPlugin("babel-plugin-transform-async-to-promises"), {
       topLevelAwait: "simple"
     }], babelPluginTransformImportMetaUrl, requireFromJsenv("@babel/plugin-transform-modules-umd")])],
-    urlInfo
+    urlInfo: originalUrlInfo
   });
-  let sourcemap = urlInfo.sourcemap;
+  let sourcemap = originalUrlInfo.sourcemap;
   sourcemap = await composeTwoSourcemaps(sourcemap, map);
 
   if (systemJsInjection && jsClassicFormat === "system" && urlInfo.isEntryPoint) {
@@ -11397,7 +11398,8 @@ const jsenvPluginImportmap = () => {
           });
           setHtmlNodeText(importmap, inlineImportmapUrlInfo.content);
           setHtmlNodeAttributes(importmap, {
-            "generated-by": "jsenv:importmap"
+            "jsenv-plugin-owner": "jsenv:importmap",
+            "jsenv-plugin-action": "content_cooked"
           });
           onHtmlImportmapParsed(JSON.parse(inlineImportmapUrlInfo.content), htmlUrlInfo.url);
         };
@@ -11417,8 +11419,9 @@ const jsenvPluginImportmap = () => {
           setHtmlNodeText(importmap, importmapUrlInfo.content);
           setHtmlNodeAttributes(importmap, {
             "src": undefined,
-            "generated-by": "jsenv:importmap",
-            "generated-from-src": src
+            "jsenv-plugin-owner": "jsenv:importmap",
+            "jsenv-plugin-action": "inlined",
+            "inlined-from-src": src
           });
           const {
             line,
@@ -11531,26 +11534,26 @@ const getParentUrl = url => {
   if (url.startsWith("file://")) {
     // With node.js new URL('../', 'file:///C:/').href
     // returns "file:///C:/" instead of "file:///"
-    const ressource = url.slice("file://".length);
-    const slashLastIndex = ressource.lastIndexOf("/");
+    const resource = url.slice("file://".length);
+    const slashLastIndex = resource.lastIndexOf("/");
 
     if (slashLastIndex === -1) {
       return url;
     }
 
-    const lastCharIndex = ressource.length - 1;
+    const lastCharIndex = resource.length - 1;
 
     if (slashLastIndex === lastCharIndex) {
-      const slashBeforeLastIndex = ressource.lastIndexOf("/", slashLastIndex - 1);
+      const slashBeforeLastIndex = resource.lastIndexOf("/", slashLastIndex - 1);
 
       if (slashBeforeLastIndex === -1) {
         return url;
       }
 
-      return `file://${ressource.slice(0, slashBeforeLastIndex + 1)}`;
+      return `file://${resource.slice(0, slashBeforeLastIndex + 1)}`;
     }
 
-    return `file://${ressource.slice(0, slashLastIndex + 1)}`;
+    return `file://${resource.slice(0, slashLastIndex + 1)}`;
   }
 
   return new URL(url.endsWith("/") ? "../" : "./", url).href;
@@ -12862,7 +12865,7 @@ const jsenvPluginNodeEsmResolution = ({
       }
     },
     resolveUrl: {
-      js_import_export: (reference, context) => {
+      js_import_export: reference => {
         const {
           parentUrl,
           specifier
@@ -12882,16 +12885,7 @@ const jsenvPluginNodeEsmResolution = ({
         // changes
 
         const dependsOnPackageJson = type !== "relative_specifier" && type !== "absolute_specifier" && type !== "node_builtin_specifier";
-        const relatedUrlInfos = context.urlGraph.getRelatedUrlInfos(reference.parentUrl);
-        relatedUrlInfos.forEach(relatedUrlInfo => {
-          if (relatedUrlInfo.dependsOnPackageJson) {
-            // the url may depend due to an other reference
-            // in that case keep dependsOnPackageJson to true
-            return;
-          }
-
-          relatedUrlInfo.dependsOnPackageJson = dependsOnPackageJson;
-        });
+        reference.dependsOnPackageJson = dependsOnPackageJson;
         return url;
       }
     },
@@ -13173,29 +13167,69 @@ const jsenvPluginHttpUrls = () => {
 };
 
 /*
- * Things happening here
- * - html supervisor module injection
- * - scripts are wrapped to be supervised
+ * Jsenv needs to wait for all js execution inside an HTML page before killing the browser.
+ * A naive approach would consider execution done when "load" event is dispatched on window but:
+ *
+ * scenario                                    | covered by window "load"
+ * ------------------------------------------- | -------------------------
+ * js referenced by <script src>               | yes
+ * js inlined into <script>                    | yes
+ * js referenced by <script type="module" src> | partially (not for import and top level await)
+ * js inlined into <script type="module">      | not at all
+ *
+ * This plugin provides a way for jsenv to know when js execution is done
+ * As a side effect this plugin enables ability to hot reload js inlined into <script hot-accept>
+ *
+ * <script src="file.js">
+ * becomes
+ * <script>
+ *   window.__supervisor__.superviseScript({ src: 'file.js' })
+ * </script>
+ *
+ * <script>
+ *    console.log(42)
+ * </script>
+ * becomes
+ * <script>
+ *   window.__supervisor__.superviseScript({ src: 'main.html@L10-L13.js' })
+ * </script>
+ *
+ * <script type="module" src="module.js"></script>
+ * becomes
+ * <script type="module">
+ *   import { superviseScriptTypeModule } from 'supervisor'
+ *   superviseScriptTypeModule({ src: "module.js" })
+ * </script>
+ *
+ * <script type="module">
+ *   console.log(42)
+ * </script>
+ * becomes
+ * <script type="module">
+ *   import { superviseScriptTypeModule } from 'supervisor'
+ *   superviseScriptTypeModule({ src: 'main.html@L10-L13.js' })
+ * </script>
  */
-const jsenvPluginHtmlSupervisor = ({
+const jsenvPluginSupervisor = ({
   logs = false,
   measurePerf = false,
   errorOverlay = true,
   openInEditor = true,
   errorBaseUrl
 }) => {
-  const htmlSupervisorSetupFileUrl = new URL("./js/html_supervisor_setup.js", import.meta.url).href;
-  const htmlSupervisorInstallerFileUrl = new URL("./js/html_supervisor_installer.js", import.meta.url).href;
+  const supervisorFileUrl = new URL("./js/supervisor.js", import.meta.url).href;
+  const scriptTypeModuleSupervisorFileUrl = new URL("./js/script_type_module_supervisor.js", import.meta.url).href;
   return {
-    name: "jsenv:html_supervisor",
+    name: "jsenv:supervisor",
     appliesDuring: "dev",
     serve: async (request, context) => {
-      if (request.ressource.startsWith("/__get_code_frame__/")) {
+      if (request.pathname.startsWith("/__get_code_frame__/")) {
         const {
           pathname,
           searchParams
         } = new URL(request.url);
-        const urlWithLineAndColumn = pathname.slice("/__get_code_frame__/".length);
+        let urlWithLineAndColumn = pathname.slice("/__get_code_frame__/".length);
+        urlWithLineAndColumn = decodeURIComponent(urlWithLineAndColumn);
         const match = urlWithLineAndColumn.match(/:([0-9]+):([0-9]+)$/);
 
         if (!match) {
@@ -13212,7 +13246,10 @@ const jsenvPluginHtmlSupervisor = ({
 
         if (!urlInfo) {
           return {
-            status: 404
+            status: 204,
+            headers: {
+              "cache-control": "no-store"
+            }
           };
         }
 
@@ -13222,14 +13259,20 @@ const jsenvPluginHtmlSupervisor = ({
           const sourcemap = urlInfo.sourcemap;
 
           if (sourcemap) {
-            const original = await getOriginalPosition({
+            const original = getOriginalPosition({
               sourcemap,
               url: file,
               line,
               column
             });
-            line = original.line;
-            column = original.column;
+
+            if (original.line !== null) {
+              line = original.line;
+
+              if (original.column !== null) {
+                column = original.column;
+              }
+            }
           }
         }
 
@@ -13242,6 +13285,7 @@ const jsenvPluginHtmlSupervisor = ({
         return {
           status: 200,
           headers: {
+            "cache-control": "no-store",
             "content-type": "text/plain",
             "content-length": Buffer.byteLength(codeFrame)
           },
@@ -13249,8 +13293,9 @@ const jsenvPluginHtmlSupervisor = ({
         };
       }
 
-      if (request.ressource.startsWith("/__get_error_cause__/")) {
-        const file = request.ressource.slice("/__get_error_cause__/".length);
+      if (request.pathname.startsWith("/__get_error_cause__/")) {
+        let file = request.pathname.slice("/__get_error_cause__/".length);
+        file = decodeURIComponent(file);
 
         if (!file) {
           return {
@@ -13301,7 +13346,7 @@ const jsenvPluginHtmlSupervisor = ({
         return {
           status: 200,
           headers: {
-            "cache-control": "no-cache",
+            "cache-control": "no-store",
             "content-type": "application/json",
             "content-length": Buffer.byteLength(body)
           },
@@ -13309,8 +13354,9 @@ const jsenvPluginHtmlSupervisor = ({
         };
       }
 
-      if (request.ressource.startsWith("/__open_in_editor__/")) {
-        const file = request.ressource.slice("/__open_in_editor__/".length);
+      if (request.pathname.startsWith("/__open_in_editor__/")) {
+        let file = request.pathname.slice("/__open_in_editor__/".length);
+        file = decodeURIComponent(file);
 
         if (!file) {
           return {
@@ -13396,9 +13442,6 @@ const jsenvPluginHtmlSupervisor = ({
           const crossorigin = getHtmlNodeAttribute(node, "crossorigin") !== undefined;
           const defer = getHtmlNodeAttribute(node, "defer") !== undefined;
           const async = getHtmlNodeAttribute(node, "async") !== undefined;
-          setHtmlNodeAttributes(node, {
-            src: undefined
-          });
           scriptsToSupervise.push({
             node,
             type,
@@ -13420,15 +13463,15 @@ const jsenvPluginHtmlSupervisor = ({
               return;
             }
 
-            const injectedBy = getHtmlNodeAttribute(node, "injected-by");
+            const jsenvPluginOwner = getHtmlNodeAttribute(node, "jsenv-plugin-owner");
 
-            if (injectedBy !== undefined) {
+            if (jsenvPluginOwner !== undefined) {
               return;
             }
 
-            const noHtmlSupervisor = getHtmlNodeAttribute(node, "no-html-supervisor");
+            const noSupervisor = getHtmlNodeAttribute(node, "no-supervisor");
 
-            if (noHtmlSupervisor !== undefined) {
+            if (noSupervisor !== undefined) {
               return;
             }
 
@@ -13447,36 +13490,33 @@ const jsenvPluginHtmlSupervisor = ({
             }
           }
         });
-        const [htmlSupervisorInstallerFileReference] = context.referenceUtils.inject({
+        const [scriptTypeModuleSupervisorFileReference] = context.referenceUtils.inject({
           type: "js_import_export",
           expectedType: "js_module",
-          specifier: htmlSupervisorInstallerFileUrl
+          specifier: scriptTypeModuleSupervisorFileUrl
+        });
+        const [supervisorFileReference] = context.referenceUtils.inject({
+          type: "script_src",
+          expectedType: "js_classic",
+          specifier: supervisorFileUrl
         });
         injectScriptNodeAsEarlyAsPossible(htmlAst, createHtmlNode({
-          "tagName": "script",
-          "type": "module",
-          "textContent": `
-      import { installHtmlSupervisor } from ${htmlSupervisorInstallerFileReference.generatedSpecifier}
-      installHtmlSupervisor(${JSON.stringify({
+          tagName: "script",
+          textContent: `
+      window.__supervisor__.setup(${JSON.stringify({
             rootDirectoryUrl: context.rootDirectoryUrl,
             errorBaseUrl,
             logs,
             measurePerf,
             errorOverlay,
             openInEditor
-          }, null, "        ")})`,
-          "injected-by": "jsenv:html_supervisor"
-        }));
-        const [htmlSupervisorSetupFileReference] = context.referenceUtils.inject({
-          type: "script_src",
-          expectedType: "js_classic",
-          specifier: htmlSupervisorSetupFileUrl
-        });
+          }, null, "        ")})
+    `
+        }), "jsenv:supervisor");
         injectScriptNodeAsEarlyAsPossible(htmlAst, createHtmlNode({
-          "tagName": "script",
-          "src": htmlSupervisorSetupFileReference.generatedSpecifier,
-          "injected-by": "jsenv:html_supervisor"
-        }));
+          tagName: "script",
+          src: supervisorFileReference.generatedSpecifier
+        }), "jsenv:supervisor");
         scriptsToSupervise.forEach(({
           node,
           isInline,
@@ -13487,25 +13527,39 @@ const jsenvPluginHtmlSupervisor = ({
           integrity,
           crossorigin
         }) => {
-          setHtmlNodeText(node, generateCodeToSuperviseScript({
-            type,
+          const paramsAsJson = JSON.stringify({
             src,
             isInline,
             defer,
             async,
             integrity,
-            crossorigin,
-            htmlSupervisorInstallerSpecifier: htmlSupervisorInstallerFileReference.generatedSpecifier
-          }));
-          setHtmlNodeAttributes(node, {
-            "generated-by": "jsenv:html_supervisor",
-            ...(src ? {
-              "generated-from-src": src
-            } : {}),
-            ...(isInline ? {
-              "generated-from-inline-content": ""
-            } : {})
+            crossorigin
           });
+
+          if (type === "js_module") {
+            setHtmlNodeText(node, `
+      import { superviseScriptTypeModule } from ${scriptTypeModuleSupervisorFileReference.generatedSpecifier}
+      superviseScriptTypeModule(${paramsAsJson})
+        `);
+          } else {
+            setHtmlNodeText(node, `
+      window.__supervisor__.superviseScript(${paramsAsJson})
+        `);
+          }
+
+          if (src) {
+            setHtmlNodeAttributes(node, {
+              "jsenv-plugin-owner": "jsenv:supervisor",
+              "jsenv-plugin-action": "inlined",
+              "src": undefined,
+              "inlined-from-src": src
+            });
+          } else {
+            setHtmlNodeAttributes(node, {
+              "jsenv-plugin-owner": "jsenv:supervisor",
+              "jsenv-plugin-action": "content_cooked"
+            });
+          }
         });
         const htmlModified = stringifyHtmlAst(htmlAst);
         return {
@@ -13514,38 +13568,6 @@ const jsenvPluginHtmlSupervisor = ({
       }
     }
   };
-}; // Ideally jsenv should take into account eventual
-// "integrity" and "crossorigin" attribute during supervision
-
-const generateCodeToSuperviseScript = ({
-  type,
-  src,
-  isInline,
-  defer,
-  async,
-  integrity,
-  crossorigin,
-  htmlSupervisorInstallerSpecifier
-}) => {
-  const paramsAsJson = JSON.stringify({
-    src,
-    isInline,
-    defer,
-    async,
-    integrity,
-    crossorigin
-  });
-
-  if (type === "js_module") {
-    return `
-      import { superviseScriptTypeModule } from ${htmlSupervisorInstallerSpecifier}
-      superviseScriptTypeModule(${paramsAsJson})
-`;
-  }
-
-  return `
-      window.__html_supervisor__.superviseScript(${paramsAsJson})
-`;
 };
 
 /*
@@ -14053,11 +14075,7 @@ export default inlineContent.text`,
 };
 
 const babelPluginInstrument = (api, {
-  rootDirectoryUrl,
-  useInlineSourceMaps = false,
-  coverageConfig = {
-    "./**/*": true
-  }
+  useInlineSourceMaps = false
 }) => {
   const {
     programVisitor
@@ -14065,17 +14083,6 @@ const babelPluginInstrument = (api, {
   const {
     types
   } = api;
-  const associations = URL_META.resolveAssociations({
-    cover: coverageConfig
-  }, rootDirectoryUrl);
-
-  const shouldInstrument = url => {
-    return URL_META.applyAssociations({
-      url,
-      associations
-    }).cover;
-  };
-
   return {
     name: "transform-instrument",
     visitor: {
@@ -14087,19 +14094,6 @@ const babelPluginInstrument = (api, {
           const {
             opts
           } = file;
-
-          if (!opts.sourceFileName) {
-            console.warn(`cannot instrument file when "sourceFileName" option is not set`);
-            return;
-          }
-
-          const fileUrl = fileSystemPathToUrl$1(opts.sourceFileName);
-
-          if (!shouldInstrument(fileUrl)) {
-            return;
-          }
-
-          this.__dv__ = null;
           let inputSourceMap;
 
           if (useInlineSourceMaps) {
@@ -15078,13 +15072,13 @@ const babelPluginNewStylesheetAsJsenvImport = (babel, {
   return {
     name: "new-stylesheet-as-jsenv-import",
     visitor: {
-      Program: (programPath, {
-        filename
-      }) => {
-        const fileUrl = pathToFileURL(filename).href;
+      Program: (programPath, babelState) => {
+        if (babelState.filename) {
+          const fileUrl = pathToFileURL(babelState.filename).href;
 
-        if (fileUrl === newStylesheetClientFileUrl) {
-          return;
+          if (fileUrl === newStylesheetClientFileUrl) {
+            return;
+          }
         }
 
         let usesNewStylesheet = false;
@@ -15318,10 +15312,17 @@ const jsenvPluginBabel = ({
       const requestHeaders = context.request.headers;
 
       if (requestHeaders["x-coverage-instanbul"]) {
-        babelPluginStructure["transform-instrument"] = [babelPluginInstrument, {
-          rootDirectoryUrl: context.rootDirectoryUrl,
-          coverageConfig: JSON.parse(requestHeaders["x-coverage-instanbul"])
-        }];
+        const coverageConfig = JSON.parse(requestHeaders["x-coverage-instanbul"]);
+        const associations = URL_META.resolveAssociations({
+          cover: coverageConfig
+        }, context.rootDirectoryUrl);
+
+        if (URL_META.applyAssociations({
+          url: urlInfo.url,
+          associations
+        }).cover) {
+          babelPluginStructure["transform-instrument"] = [babelPluginInstrument];
+        }
       }
     }
 
@@ -15481,7 +15482,6 @@ const jsenvPluginTranspilation = ({
   importAssertions = true,
   css = true,
   jsModuleAsJsClassic = true,
-  systemJsInjection = true,
   topLevelAwait = true,
   babelHelpersAsImport = true,
   getCustomBabelPlugins
@@ -15490,6 +15490,10 @@ const jsenvPluginTranspilation = ({
     importAssertions = {};
   }
 
+  if (jsModuleAsJsClassic === true) {
+    jsModuleAsJsClassic = {};
+  }
+
   return [// import assertions we want it all the time
   ...(importAssertions ? [jsenvPluginImportAssertions(importAssertions)] : []), // babel also so that rollup can bundle babel helpers for instance
   jsenvPluginBabel({
@@ -15500,9 +15504,7 @@ const jsenvPluginTranspilation = ({
   // we want to do it after bundling
   // so the build function will disable jsModuleAsJsClassic during build
   // and enable it manually during postbuild
-  ...(jsModuleAsJsClassic ? [jsenvPluginAsJsClassic({
-    systemJsInjection
-  })] : []), // topLevelAwait must come after js_module_as_js_classic because it's related to the module format
+  ...(jsModuleAsJsClassic ? [jsenvPluginAsJsClassic(jsModuleAsJsClassic)] : []), // topLevelAwait must come after js_module_as_js_classic because it's related to the module format
   // so we want to wait to know the module format before transforming things related to top level await
   ...(topLevelAwait ? [jsenvPluginTopLevelAwait()] : []), ...(css ? [jsenvPluginCssParcel()] : [])];
 };
@@ -16315,7 +16317,7 @@ const collectHotDataFromHtmlAst = htmlAst => {
       });
       visitUrlSpecifierAttribute({
         node,
-        attributeName: "generated-from-href",
+        attributeName: "inlined-from-href",
         hotAccepted
       });
     }
@@ -16328,7 +16330,7 @@ const collectHotDataFromHtmlAst = htmlAst => {
       });
       visitUrlSpecifierAttribute({
         node,
-        attributeName: "generated-from-src",
+        attributeName: "inlined-from-src",
         hotAccepted
       });
     }
@@ -16397,7 +16399,7 @@ const htmlNodeCanHotReload = node => {
   if (node.nodeName === "link") {
     const {
       isStylesheet,
-      isRessourceHint,
+      isResourceHint,
       rel
     } = analyzeLinkNode(node);
 
@@ -16406,9 +16408,9 @@ const htmlNodeCanHotReload = node => {
       return true;
     }
 
-    if (isRessourceHint) {
-      // for ressource hints html will be notified the underlying ressource has changed
-      // but we won't do anything (if the ressource is deleted we should?)
+    if (isResourceHint) {
+      // for resource hints html will be notified the underlying resource has changed
+      // but we won't do anything (if the resource is deleted we should?)
       return true;
     }
 
@@ -16643,10 +16645,7 @@ import.meta.hot = createImportMetaHot(import.meta.url)
 const jsenvPluginHmr = () => {
   return {
     name: "jsenv:hmr",
-    appliesDuring: {
-      dev: true,
-      test: false
-    },
+    appliesDuring: "dev",
     redirectUrl: reference => {
       const urlObject = new URL(reference.url);
 
@@ -16689,10 +16688,7 @@ const jsenvPluginAutoreloadClient = () => {
   const autoreloadClientFileUrl = new URL("./js/autoreload.js", import.meta.url).href;
   return {
     name: "jsenv:autoreload_client",
-    appliesDuring: {
-      dev: true,
-      test: false
-    },
+    appliesDuring: "dev",
     transformUrlContent: {
       html: (htmlUrlInfo, context) => {
         const htmlAst = parseHtmlString(htmlUrlInfo.content);
@@ -16702,11 +16698,10 @@ const jsenvPluginAutoreloadClient = () => {
           specifier: autoreloadClientFileUrl
         });
         injectScriptNodeAsEarlyAsPossible(htmlAst, createHtmlNode({
-          "tagName": "script",
-          "type": "module",
-          "src": autoreloadClientReference.generatedSpecifier,
-          "injected-by": "jsenv:autoreload_client"
-        }));
+          tagName: "script",
+          type: "module",
+          src: autoreloadClientReference.generatedSpecifier
+        }), "jsenv:autoreload_client");
         const htmlModified = stringifyHtmlAst(htmlAst);
         return {
           content: htmlModified
@@ -16722,10 +16717,7 @@ const jsenvPluginAutoreloadServer = ({
 }) => {
   return {
     name: "jsenv:autoreload_server",
-    appliesDuring: {
-      dev: true,
-      test: false
-    },
+    appliesDuring: "dev",
     serverEvents: {
       reload: ({
         sendServerEvent,
@@ -16887,7 +16879,7 @@ const jsenvPluginAutoreloadServer = ({
           firstUrlInfo
         }) => {
           const mainHotUpdate = propagateUpdate(firstUrlInfo);
-          const cause = `following files are no longer referenced: ${prunedUrlInfos.map(prunedUrlInfo => formatUrlForClient(prunedUrlInfo.url))}`; // now check if we can hot update the main ressource
+          const cause = `following files are no longer referenced: ${prunedUrlInfos.map(prunedUrlInfo => formatUrlForClient(prunedUrlInfo.url))}`; // now check if we can hot update the main resource
           // then if we can hot update all dependencies
 
           if (mainHotUpdate.declined) {
@@ -16934,7 +16926,7 @@ const jsenvPluginAutoreloadServer = ({
       rootDirectoryUrl,
       urlGraph
     }) => {
-      if (request.ressource === "/__graph__") {
+      if (request.pathname === "/__graph__") {
         const graphJson = JSON.stringify(urlGraph.toJSON(rootDirectoryUrl));
         return {
           status: 200,
@@ -17004,7 +16996,7 @@ const jsenvPluginExplorer = ({
     serve: async (request, {
       rootDirectoryUrl
     }) => {
-      if (request.ressource !== "/") {
+      if (request.pathname !== "/") {
         return null;
       }
 
@@ -17057,7 +17049,7 @@ const getCorePlugins = ({
   rootDirectoryUrl,
   runtimeCompat,
   urlAnalysis = {},
-  htmlSupervisor,
+  supervisor,
   nodeEsmResolution = true,
   fileSystemMagicResolution,
   directoryReferenceAllowed,
@@ -17069,8 +17061,8 @@ const getCorePlugins = ({
   clientFilesPruneCallbackList,
   explorer
 } = {}) => {
-  if (htmlSupervisor === true) {
-    htmlSupervisor = {};
+  if (supervisor === true) {
+    supervisor = {};
   }
 
   if (nodeEsmResolution === true) {
@@ -17088,7 +17080,7 @@ const getCorePlugins = ({
   return [jsenvPluginUrlAnalysis({
     rootDirectoryUrl,
     ...urlAnalysis
-  }), jsenvPluginTranspilation(transpilation), ...(htmlSupervisor ? [jsenvPluginHtmlSupervisor(htmlSupervisor)] : []), // before inline as it turns inline <script> into <script src>
+  }), jsenvPluginTranspilation(transpilation), ...(supervisor ? [jsenvPluginSupervisor(supervisor)] : []), // before inline as it turns inline <script> into <script src>
   jsenvPluginImportmap(), // before node esm to handle bare specifiers
   // + before node esm to handle importmap before inline content
   jsenvPluginInline(), // before "file urls" to resolve and load inline urls
@@ -17978,7 +17970,7 @@ const nodeStreamToObservable = nodeStream => {
     // safe measure, ensure the readable stream gets
     // used in the next ${readableStreamLifetimeInSeconds} otherwise destroys it
     const timeout = setTimeout(() => {
-      process.emitWarning(`Readable stream not used after ${readableStreamLifetimeInSeconds} seconds. It will be destroyed to release ressources`, {
+      process.emitWarning(`Readable stream not used after ${readableStreamLifetimeInSeconds} seconds. It will be destroyed to release resources`, {
         CODE: "READABLE_STREAM_TIMEOUT",
         // url is for http client request
         detail: `path: ${nodeStream.path}, fd: ${nodeStream.fd}, url: ${nodeStream.url}`
@@ -18058,8 +18050,8 @@ const fromNodeRequest = (nodeRequest, {
     signal,
     http2: Boolean(nodeRequest.stream),
     origin: requestOrigin,
-    ...getPropertiesFromRessource({
-      ressource: nodeRequest.url,
+    ...getPropertiesFromResource({
+      resource: nodeRequest.url,
       baseUrl: requestOrigin
     }),
     method: nodeRequest.method,
@@ -18068,13 +18060,13 @@ const fromNodeRequest = (nodeRequest, {
   });
 };
 const applyRedirectionToRequest = (request, {
-  ressource,
+  resource,
   pathname,
   ...rest
 }) => {
   return { ...request,
-    ...(ressource ? getPropertiesFromRessource({
-      ressource,
+    ...(resource ? getPropertiesFromResource({
+      resource,
       baseUrl: request.url
     }) : pathname ? getPropertiesFromPathname({
       pathname,
@@ -18084,16 +18076,16 @@ const applyRedirectionToRequest = (request, {
   };
 };
 
-const getPropertiesFromRessource = ({
-  ressource,
+const getPropertiesFromResource = ({
+  resource,
   baseUrl
 }) => {
-  const urlObject = new URL(ressource, baseUrl);
+  const urlObject = new URL(resource, baseUrl);
   let pathname = urlObject.pathname;
   return {
     url: String(urlObject),
     pathname,
-    ressource
+    resource
   };
 };
 
@@ -18101,8 +18093,8 @@ const getPropertiesFromPathname = ({
   pathname,
   baseUrl
 }) => {
-  return getPropertiesFromRessource({
-    ressource: `${pathname}${new URL(baseUrl).search}`,
+  return getPropertiesFromResource({
+    resource: `${pathname}${new URL(baseUrl).search}`,
     baseUrl
   });
 };
@@ -18130,11 +18122,11 @@ const createPushRequest = (request, {
 const getHeadersInheritedByPushRequest = request => {
   const headersInherited = { ...request.headers
   }; // mtime sent by the client in request headers concerns the main request
-  // Time remains valid for request to other ressources so we keep it
+  // Time remains valid for request to other resources so we keep it
   // in child requests
   // delete childHeaders["if-modified-since"]
   // eTag sent by the client in request headers concerns the main request
-  // A request made to an other ressource must not inherit the eTag
+  // A request made to an other resource must not inherit the eTag
 
   delete headersInherited["if-none-match"];
   return headersInherited;
@@ -18961,7 +18953,7 @@ const startServer = async ({
     requestWaitingMs
   }) => {
     warn(createDetailedMessage$1(`still no response found for request after ${requestWaitingMs} ms`, {
-      "request url": `${request.origin}${request.ressource}`,
+      "request url": request.url,
       "request headers": JSON.stringify(request.headers, null, "  ")
     }));
   }
@@ -19385,7 +19377,7 @@ const startServer = async ({
         const onPushStreamError = e => {
           addRequestLog(requestNode, {
             type: "error",
-            value: createDetailedMessage$1(`An error occured while pushing a stream to the response for ${request.ressource}`, {
+            value: createDetailedMessage$1(`An error occured while pushing a stream to the response for ${request.resource}`, {
               "error stack": e.stack
             })
           });
@@ -19489,7 +19481,7 @@ const startServer = async ({
 
         addRequestLog(requestNode, {
           type: "info",
-          value: request.parent ? `Push ${request.ressource}` : `${request.method} ${request.origin}${request.ressource}`
+          value: request.parent ? `Push ${request.resource}` : `${request.method} ${request.url}`
         });
 
         const warn = value => {
@@ -19809,7 +19801,7 @@ const startServer = async ({
       const websocketClients = new Set();
       const {
         WebSocketServer
-      } = await import("./js/wrapper.mjs");
+      } = await import("./js/ws.js");
       let websocketServer = new WebSocketServer({
         noServer: true
       });
@@ -20307,7 +20299,7 @@ const fetchFileSystem = async (filesystemUrl, {
 
     rootDirectoryUrl = rootDirectoryUrlString;
   } // here you might be tempted to add || cacheControl === 'no-cache'
-  // but no-cache means ressource can be cache but must be revalidated (yeah naming is strange)
+  // but no-cache means resource can be cache but must be revalidated (yeah naming is strange)
   // https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Cache-Control#Cacheability
 
 
@@ -20448,7 +20440,7 @@ const getClientCacheResponse = async ({
   sourceUrl
 }) => {
   // here you might be tempted to add || headers["cache-control"] === "no-cache"
-  // but no-cache means ressource can be cache but must be revalidated (yeah naming is strange)
+  // but no-cache means resource can be cache but must be revalidated (yeah naming is strange)
   // https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Cache-Control#Cacheability
   if (headers["cache-control"] === "no-store" || // let's disable it on no-cache too
   headers["cache-control"] === "no-cache") {
@@ -21156,8 +21148,8 @@ const flattenAndFilterPlugins = (plugins, {
       }
 
       if (typeof appliesDuring === "string") {
-        if (!["dev", "test", "build"].includes(appliesDuring)) {
-          throw new Error(`"appliesDuring" must be "dev", "test" or "build", got ${appliesDuring}`);
+        if (!["dev", "build"].includes(appliesDuring)) {
+          throw new Error(`"appliesDuring" must be "dev" or "build", got ${appliesDuring}`);
         }
 
         if (scenarios[appliesDuring]) {
@@ -21366,6 +21358,10 @@ const createUrlInfoTransformer = ({
 
     if (!SOURCEMAP.enabledOnContentType(urlInfo.contentType)) {
       return;
+    }
+
+    if (urlInfo.generatedUrl.startsWith("data:")) {
+      return;
     } // sourcemap is a special kind of reference:
     // It's a reference to a content generated dynamically the content itself.
     // For this reason sourcemap are not added to urlInfo.references
@@ -21472,7 +21468,7 @@ const createUrlInfoTransformer = ({
       await applyIntermediateTransformations(urlInfo, transformations);
     }
 
-    if (sourcemapsEnabled && urlInfo.sourcemap) {
+    if (sourcemapsEnabled && urlInfo.sourcemap && !urlInfo.generatedUrl.startsWith("data:")) {
       // during build this function can be called after the file is cooked
       // - to update content and sourcemap after "optimize" hook
       // - to inject versioning into the entry point content
@@ -21849,7 +21845,7 @@ const validateResponseIntegrity = ({
     return true;
   }
 
-  const error = new Error(`Integrity validation failed for ressource "${url}". The integrity found for this ressource is "${strongestAlgo}-${actualBase64Value}"`);
+  const error = new Error(`Integrity validation failed for resource "${url}". The integrity found for this resource is "${strongestAlgo}-${actualBase64Value}"`);
   error.code = "EINTEGRITY";
   error.algorithm = strongestAlgo;
   error.found = actualBase64Value;
@@ -21961,7 +21957,8 @@ const createKitchen = ({
     isEntryPoint = false,
     isInline = false,
     injected = false,
-    isRessourceHint = false,
+    isResourceHint = false,
+    dependsOnPackageJson,
     content,
     contentType,
     assert,
@@ -21999,8 +21996,9 @@ const createKitchen = ({
       isEntryPoint,
       isInline,
       injected,
-      isRessourceHint,
-      // for inline ressources the reference contains the content
+      isResourceHint,
+      dependsOnPackageJson,
+      // for inline resources the reference contains the content
       content,
       contentType,
       timing: {},
@@ -22016,9 +22014,9 @@ const createKitchen = ({
     newReference.original = reference.original || reference; //  newReference.isEntryPoint = reference.isEntryPoint
   };
 
-  const resolveReference = reference => {
+  const resolveReference = (reference, context = kitchenContext) => {
     try {
-      let resolvedUrl = pluginController.callHooksUntil("resolveUrl", reference, kitchenContext);
+      let resolvedUrl = pluginController.callHooksUntil("resolveUrl", reference, context);
 
       if (!resolvedUrl) {
         throw new Error(`NO_RESOLVE`);
@@ -22026,7 +22024,7 @@ const createKitchen = ({
 
       resolvedUrl = normalizeUrl(resolvedUrl);
       reference.url = resolvedUrl;
-      pluginController.callHooks("redirectUrl", reference, kitchenContext, returnValue => {
+      pluginController.callHooks("redirectUrl", reference, context, returnValue => {
         const normalizedReturnValue = normalizeUrl(returnValue);
 
         if (normalizedReturnValue === reference.url) {
@@ -22047,20 +22045,20 @@ const createKitchen = ({
       }
 
       const urlInfo = urlGraph.reuseOrCreateUrlInfo(reference.url);
-      applyReferenceEffectsOnUrlInfo(reference, urlInfo, kitchenContext); // This hook must touch reference.generatedUrl, NOT reference.url
+      applyReferenceEffectsOnUrlInfo(reference, urlInfo, context); // This hook must touch reference.generatedUrl, NOT reference.url
       // And this is because this hook inject query params used to:
       // - bypass browser cache (?v)
       // - convey information (?hmr)
-      // But do not represent an other ressource, it is considered as
-      // the same ressource under the hood
+      // But do not represent an other resource, it is considered as
+      // the same resource under the hood
 
-      pluginController.callHooks("transformUrlSearchParams", reference, kitchenContext, returnValue => {
+      pluginController.callHooks("transformUrlSearchParams", reference, context, returnValue => {
         Object.keys(returnValue).forEach(key => {
           referenceUrlObject.searchParams.set(key, returnValue[key]);
         });
         reference.generatedUrl = normalizeUrl(referenceUrlObject.href);
       });
-      const returnValue = pluginController.callHooksUntil("formatUrl", reference, kitchenContext);
+      const returnValue = pluginController.callHooksUntil("formatUrl", reference, context);
       reference.generatedSpecifier = returnValue || reference.generatedUrl;
       reference.generatedSpecifier = urlSpecifierEncoding.encode(reference);
       return urlInfo;
@@ -22257,7 +22255,7 @@ const createKitchen = ({
           ...props
         });
         references.push(reference);
-        const referencedUrlInfo = resolveReference(reference);
+        const referencedUrlInfo = resolveReference(reference, context);
         return [reference, referencedUrlInfo];
       };
 
@@ -22332,7 +22330,7 @@ const createKitchen = ({
           });
           references[index] = nextReference;
           mutateReference(previousReference, nextReference);
-          const newUrlInfo = resolveReference(nextReference);
+          const newUrlInfo = resolveReference(nextReference, context);
           const currentUrlInfo = context.urlGraph.getUrlInfo(currentReference.url);
 
           if (currentUrlInfo && currentUrlInfo !== newUrlInfo && currentUrlInfo.dependents.size === 0) {
@@ -22528,7 +22526,8 @@ const createKitchen = ({
       reference: originalReference
     });
 
-    if (originalUrlInfo.dependents.size === 0) {
+    if (originalUrlInfo.dependents.size === 0 // && context.scenarios.build
+    ) {
       context.urlGraph.deleteUrlInfo(originalUrlInfo.url);
     }
 
@@ -22632,6 +22631,21 @@ const applyReferenceEffectsOnUrlInfo = (reference, urlInfo, context) => {
     urlInfo.originalContent = context.scenarios.build ? urlInfo.originalContent === undefined ? reference.content : urlInfo.originalContent : reference.content;
     urlInfo.content = reference.content;
   }
+
+  const {
+    dependsOnPackageJson
+  } = reference;
+  urlInfo.dependsOnPackageJson = dependsOnPackageJson;
+  const relatedUrlInfos = context.urlGraph.getRelatedUrlInfos(reference.parentUrl);
+  relatedUrlInfos.forEach(relatedUrlInfo => {
+    if (relatedUrlInfo.dependsOnPackageJson) {
+      // the url may depend due to an other reference
+      // in that case keep dependsOnPackageJson to true
+      return;
+    }
+
+    relatedUrlInfo.dependsOnPackageJson = dependsOnPackageJson;
+  });
 };
 
 const adjustUrlSite = (urlInfo, {
@@ -22861,11 +22875,11 @@ const loadUrlGraph = async ({
       references
     } = urlInfo;
     references.forEach(reference => {
-      // we don't cook ressource hints
-      // because they might refer to ressource that will be modified during build
+      // we don't cook resource hints
+      // because they might refer to resource that will be modified during build
       // It also means something else have to reference that url in order to cook it
-      // so that the preload is deleted by "resync_ressource_hints.js" otherwise
-      if (reference.isRessourceHint) {
+      // so that the preload is deleted by "resync_resource_hints.js" otherwise
+      if (reference.isResourceHint) {
         return;
       } // we use reference.generatedUrl to mimic what a browser would do:
       // do a fetch to the specifier as found in the file
@@ -23371,12 +23385,11 @@ const injectors = {
       storeOriginalPositions: false
     });
     injectScriptNodeAsEarlyAsPossible(htmlAst, createHtmlNode({
-      "tagName": "script",
-      "textContent": generateClientCodeForVersionMappings(versionMappings, {
+      tagName: "script",
+      textContent: generateClientCodeForVersionMappings(versionMappings, {
         globalName: "window"
-      }),
-      "injected-by": "jsenv:versioning"
-    }));
+      })
+    }), "jsenv:versioning");
     return {
       content: stringifyHtmlAst(htmlAst)
     };
@@ -23530,23 +23543,23 @@ self.serviceWorkerUrls = ${JSON.stringify(serviceWorkerUrls, null, "  ")};
 /*
  * Update <link rel="preload"> and friends after build (once we know everything)
  *
- * - Used to remove ressource hint targeting an url that is no longer used:
+ * - Used to remove resource hint targeting an url that is no longer used:
  *   - Happens because of import assertions transpilation (file is inlined into JS)
  */
-const resyncRessourceHints = async ({
+const resyncResourceHints = async ({
   logger,
   finalGraphKitchen,
   finalGraph,
   rawUrls,
   postBuildRedirections
 }) => {
-  const ressourceHintActions = [];
+  const resourceHintActions = [];
   GRAPH.forEach(finalGraph, urlInfo => {
     if (urlInfo.type !== "html") {
       return;
     }
 
-    ressourceHintActions.push(async () => {
+    resourceHintActions.push(async () => {
       const htmlAst = parseHtmlString(urlInfo.content, {
         storeOriginalPositions: false
       });
@@ -23558,9 +23571,9 @@ const resyncRessourceHints = async ({
         }
 
         const rel = getHtmlNodeAttribute(linkNode, "rel");
-        const isRessourceHint = ["preconnect", "dns-prefetch", "prefetch", "preload", "modulepreload"].includes(rel);
+        const isresourceHint = ["preconnect", "dns-prefetch", "prefetch", "preload", "modulepreload"].includes(rel);
 
-        if (!isRessourceHint) {
+        if (!isresourceHint) {
           return;
         }
 
@@ -23574,7 +23587,7 @@ const resyncRessourceHints = async ({
         }
 
         if (!buildUrl) {
-          logger.warn(`remove ressource hint because cannot find "${href}"`);
+          logger.warn(`remove resource hint because cannot find "${href}"`);
           actions.push(() => {
             removeHtmlNode(linkNode);
           });
@@ -23585,7 +23598,7 @@ const resyncRessourceHints = async ({
         const urlInfo = finalGraph.getUrlInfo(buildUrl);
 
         if (!urlInfo) {
-          logger.warn(`remove ressource hint because cannot find "${buildUrl}" in the graph`);
+          logger.warn(`remove resource hint because cannot find "${buildUrl}" in the graph`);
           actions.push(() => {
             removeHtmlNode(linkNode);
           });
@@ -23593,7 +23606,7 @@ const resyncRessourceHints = async ({
         }
 
         if (urlInfo.dependents.size === 0) {
-          logger.info(`remove ressource hint because "${href}" not used anymore`);
+          logger.info(`remove resource hint because "${href}" not used anymore`);
           actions.push(() => {
             removeHtmlNode(linkNode);
           });
@@ -23625,7 +23638,7 @@ const resyncRessourceHints = async ({
       }
     });
   });
-  await Promise.all(ressourceHintActions.map(ressourceHintAction => ressourceHintAction()));
+  await Promise.all(resourceHintActions.map(resourceHintAction => resourceHintAction()));
 };
 
 /*
@@ -23906,10 +23919,10 @@ build ${entryPointKeys.length} entry points`);
             addToBundlerIfAny(dependencyUrlInfo);
           });
           rawUrlInfo.references.forEach(reference => {
-            if (reference.isRessourceHint && reference.expectedType === "js_module") {
+            if (reference.isResourceHint && reference.expectedType === "js_module") {
               const referencedUrlInfo = rawGraph.getUrlInfo(reference.url);
 
-              if (referencedUrlInfo && // something else than the ressource hint is using this url
+              if (referencedUrlInfo && // something else than the resource hint is using this url
               referencedUrlInfo.dependents.size > 0) {
                 addToBundlerIfAny(referencedUrlInfo);
               }
@@ -24202,7 +24215,7 @@ build ${entryPointKeys.length} entry points`);
             throw new Error(`urls should be inside build directory at this stage, found "${reference.url}"`);
           }
 
-          if (reference.isRessourceHint) {
+          if (reference.isResourceHint) {
             // return the raw url, we will resync at the end
             return rawUrls[reference.url];
           } // remove eventual search params and hash
@@ -24306,7 +24319,7 @@ build ${entryPointKeys.length} entry points`);
         kitchen: finalGraphKitchen,
         outDirectoryUrl: new URL(".jsenv/postbuild/", rootDirectoryUrl),
         writeGeneratedFiles,
-        skipRessourceHint: true,
+        skipResourceHint: true,
         startLoading: cookEntryFile => {
           entryUrls.forEach(entryUrl => {
             const [, postBuildEntryUrlInfo] = cookEntryFile({
@@ -24378,7 +24391,7 @@ ${Array.from(finalGraph.urlInfoMap.keys()).join("\n")}`);
       urlInfo.data.buildUrlIsVersioned = useVersionedUrl;
       urlInfo.data.buildUrlSpecifier = buildUrlSpecifier;
     });
-    await resyncRessourceHints({
+    await resyncResourceHints({
       logger,
       finalGraphKitchen,
       finalGraph,
@@ -24722,7 +24735,7 @@ const applyUrlVersioning = async ({
             return null;
           }
 
-          if (reference.isRessourceHint) {
+          if (reference.isResourceHint) {
             return null;
           } // specifier comes from "normalize" hook done a bit earlier in this file
           // we want to get back their build url to access their infos
@@ -24783,7 +24796,7 @@ const applyUrlVersioning = async ({
       operation: buildOperation,
       urlGraph: finalGraph,
       kitchen: versioningKitchen,
-      skipRessourceHint: true,
+      skipResourceHint: true,
       writeGeneratedFiles,
       startLoading: cookEntryFile => {
         postBuildEntryUrls.forEach(postBuildEntryUrl => {
@@ -25033,11 +25046,10 @@ const jsenvPluginServerEventsClientInjection = () => {
           specifier: serverEventsClientFileUrl
         });
         injectScriptNodeAsEarlyAsPossible(htmlAst, createHtmlNode({
-          "tagName": "script",
-          "type": "module",
-          "src": serverEventsClientFileReference.generatedSpecifier,
-          "injected-by": "jsenv:server_events"
-        }));
+          tagName: "script",
+          type: "module",
+          src: serverEventsClientFileReference.generatedSpecifier
+        }), "jsenv:server_events");
         const htmlModified = stringifyHtmlAst(htmlAst);
         return {
           content: htmlModified
@@ -25083,7 +25095,7 @@ const createFileService = ({
   runtimeCompat,
   plugins,
   urlAnalysis,
-  htmlSupervisor,
+  supervisor,
   nodeEsmResolution,
   fileSystemMagicResolution,
   transpilation,
@@ -25197,7 +25209,7 @@ const createFileService = ({
         rootDirectoryUrl,
         runtimeCompat,
         urlAnalysis,
-        htmlSupervisor,
+        supervisor,
         nodeEsmResolution,
         fileSystemMagicResolution,
         transpilation,
@@ -25265,7 +25277,7 @@ const createFileService = ({
 
   return async request => {
     // serve file inside ".jsenv" directory
-    const requestFileUrl = new URL(request.ressource.slice(1), rootDirectoryUrl).href;
+    const requestFileUrl = new URL(request.resource.slice(1), rootDirectoryUrl).href;
 
     if (urlIsInsideOf(requestFileUrl, jsenvDirectoryUrl)) {
       return fetchFileSystem(requestFileUrl, {
@@ -25289,7 +25301,7 @@ const createFileService = ({
     const parentUrl = inferParentFromRequest(request, rootDirectoryUrl);
 
     if (parentUrl) {
-      reference = urlGraph.inferReference(request.ressource, parentUrl);
+      reference = urlGraph.inferReference(request.resource, parentUrl);
     }
 
     if (!reference) {
@@ -25299,7 +25311,7 @@ const createFileService = ({
         },
         parentUrl: parentUrl || rootDirectoryUrl,
         type: "http_request",
-        specifier: request.ressource
+        specifier: request.resource
       });
       reference = entryPoint[0];
     }
@@ -25476,7 +25488,7 @@ const startOmegaServer = async ({
   runtimeCompat,
   plugins,
   urlAnalysis,
-  htmlSupervisor,
+  supervisor,
   nodeEsmResolution,
   fileSystemMagicResolution,
   transpilation,
@@ -25529,7 +25541,7 @@ const startOmegaServer = async ({
         runtimeCompat,
         plugins,
         urlAnalysis,
-        htmlSupervisor,
+        supervisor,
         nodeEsmResolution,
         fileSystemMagicResolution,
         transpilation,
@@ -25637,7 +25649,7 @@ const startDevServer = async ({
   runtimeCompat = defaultRuntimeCompat,
   plugins = [],
   urlAnalysis = {},
-  htmlSupervisor = true,
+  supervisor = true,
   nodeEsmResolution,
   fileSystemMagicResolution,
   transpilation,
@@ -25763,7 +25775,7 @@ const startDevServer = async ({
     runtimeCompat,
     plugins,
     urlAnalysis,
-    htmlSupervisor,
+    supervisor,
     nodeEsmResolution,
     fileSystemMagicResolution,
     transpilation,
@@ -26158,9 +26170,7 @@ const relativeUrlToEmptyCoverage = async (relativeUrl, {
     const {
       metadata
     } = await applyBabelPlugins({
-      babelPlugins: [[babelPluginInstrument, {
-        rootDirectoryUrl
-      }]],
+      babelPlugins: [babelPluginInstrument],
       urlInfo: {
         originalUrl: fileUrl,
         content
@@ -26395,7 +26405,11 @@ const run = async ({
   runtime,
   runtimeParams
 }) => {
-  const result = {};
+  const result = {
+    status: "pending",
+    errors: [],
+    namespace: null
+  };
   const callbacks = [];
   const onConsoleRef = {
     current: () => {}
@@ -26406,25 +26420,14 @@ const run = async ({
   const runtimeLabel = `${runtime.name}/${runtime.version}`;
   const runOperation = Abort.startOperation();
   runOperation.addAbortSignal(signal);
+  let timeoutAbortSource;
 
   if ( // ideally we would rather log than the timeout is ignored
   // when keepRunning is true
   !keepRunning && typeof allocatedMs === "number" && allocatedMs !== Infinity) {
-    const timeoutAbortSource = runOperation.timeout(allocatedMs);
-    callbacks.push(() => {
-      if (result.status === "errored" && Abort.isAbortError(result.error) && timeoutAbortSource.signal.aborted) {
-        result.status = "timedout";
-        delete result.error;
-      }
-    });
+    timeoutAbortSource = runOperation.timeout(allocatedMs);
   }
 
-  callbacks.push(() => {
-    if (result.status === "errored" && Abort.isAbortError(result.error)) {
-      result.status = "aborted";
-      delete result.error;
-    }
-  });
   const consoleCalls = [];
 
   onConsoleRef.current = ({
@@ -26448,9 +26451,7 @@ const run = async ({
   };
 
   if (collectConsole) {
-    callbacks.push(() => {
-      result.consoleCalls = consoleCalls;
-    });
+    result.consoleCalls = consoleCalls;
   } // we do not keep coverage in memory, it can grow very big
   // instead we store it on the filesystem
   // and they can be read later at "coverageFileUrl"
@@ -26517,35 +26518,35 @@ const run = async ({
     const {
       status,
       namespace,
-      error,
+      errors,
       performance
     } = winner.data;
     result.status = status;
-
-    if (status === "errored") {
-      result.error = error;
-    } else {
-      result.namespace = namespace;
-    }
+    result.errors.push(...errors);
+    result.namespace = namespace;
 
     if (collectPerformance) {
       result.performance = performance;
     }
-
-    callbacks.forEach(callback => {
-      callback();
-    });
-    return result;
   } catch (e) {
-    result.status = "errored";
-    result.error = e;
-    callbacks.forEach(callback => {
-      callback();
-    });
-    return result;
+    if (Abort.isAbortError(e)) {
+      if (timeoutAbortSource && timeoutAbortSource.signal.aborted) {
+        result.status = "timedout";
+      } else {
+        result.status = "aborted";
+      }
+    } else {
+      result.status = "errored";
+      result.errors.push(e);
+    }
   } finally {
     await runOperation.end();
   }
+
+  callbacks.forEach(callback => {
+    callback();
+  });
+  return result;
 };
 
 const pingServer = async url => {
@@ -26694,9 +26695,10 @@ const createExecutionLog = ({
 
   const {
     consoleCalls = [],
-    error
+    errors = []
   } = executionResult;
   const consoleOutput = formatConsoleCalls(consoleCalls);
+  const errorsOutput = formatErrors(errors);
   return formatExecution({
     label: `${description}${summary}`,
     details: {
@@ -26706,14 +26708,39 @@ const createExecutionLog = ({
       } : {}),
       ...(logEachDuration ? {
         duration: status === "executing" ? msAsEllapsedTime(Date.now() - startMs) : msAsDuration(endMs - startMs)
-      } : {}),
-      ...(error ? {
-        error: error.stack || error.message || error
       } : {})
     },
-    consoleOutput
+    consoleOutput,
+    errorsOutput
   });
 };
+
+const formatErrors = errors => {
+  if (errors.length === 0) {
+    return "";
+  }
+
+  const formatError = error => error.stack || error.message || error;
+
+  if (errors.length === 1) {
+    return `${ANSI.color(`-------- error --------`, ANSI.RED)}
+${formatError(errors[0])}
+${ANSI.color(`-------------------------`, ANSI.RED)}`;
+  }
+
+  let output = [];
+  errors.forEach(error => {
+    output.push(prefixFirstAndIndentRemainingLines({
+      prefix: `${UNICODE.CIRCLE_CROSS} `,
+      indentation: "   ",
+      text: formatError(error)
+    }));
+  });
+  return `${ANSI.color(`-------- errors (${errors.length}) --------`, ANSI.RED)}
+${output.join(`\n`)}
+${ANSI.color(`-------------------------`, ANSI.RED)}`;
+};
+
 const createSummaryLog = summary => `-------------- summary -----------------
 ${createAllExecutionsSummary(summary)}
 total duration: ${msAsDuration(summary.duration)}
@@ -26918,6 +26945,7 @@ const formatConsoleOutput = consoleCalls => {
     const textFormatted = prefixFirstAndIndentRemainingLines({
       prefix: CONSOLE_ICONS[regroupedCall.type],
       text,
+      trimLines: true,
       trimLastLine: index === regroupedCalls.length - 1
     });
     consoleOutput += textFormatted;
@@ -26927,17 +26955,18 @@ const formatConsoleOutput = consoleCalls => {
 
 const prefixFirstAndIndentRemainingLines = ({
   prefix,
+  indentation = "  ",
   text,
+  trimLines,
   trimLastLine
 }) => {
   const lines = text.split(/\r?\n/);
   const firstLine = lines.shift();
   let result = `${prefix} ${firstLine}`;
   let i = 0;
-  const indentation = `  `;
 
   while (i < lines.length) {
-    const line = lines[i].trim();
+    const line = trimLines ? lines[i].trim() : lines[i];
     i++;
     result += line.length ? `\n${indentation}${line}` : trimLastLine && i === lines.length ? "" : `\n`;
   }
@@ -26988,7 +27017,8 @@ const formatConsoleSummary = repartition => {
 const formatExecution = ({
   label,
   details = {},
-  consoleOutput
+  consoleOutput,
+  errorsOutput
 }) => {
   let message = ``;
   message += label;
@@ -26998,8 +27028,11 @@ ${key}: ${details[key]}`;
   });
 
   if (consoleOutput) {
-    message += `
-${consoleOutput}`;
+    message += `\n${consoleOutput}`;
+  }
+
+  if (errorsOutput) {
+    message += `\n${errorsOutput}`;
   }
 
   return message;
@@ -27009,6 +27042,7 @@ const executePlan = async (plan, {
   signal,
   handleSIGINT,
   logger,
+  logRefresh,
   logRuntime,
   logEachDuration,
   logSummary,
@@ -27181,7 +27215,7 @@ const executePlan = async (plan, {
 
     const debugLogsEnabled = loggerToLevels(logger).debug;
     const executionLogsEnabled = loggerToLevels(logger).info;
-    const executionSpinner = !debugLogsEnabled && executionLogsEnabled && process.stdout.isTTY && // if there is an error during execution npm will mess up the output
+    const executionSpinner = logRefresh && !debugLogsEnabled && executionLogsEnabled && process.stdout.isTTY && // if there is an error during execution npm will mess up the output
     // (happens when npm runs several command in a workspace)
     // so we enable spinner only when !process.exitCode (no error so far)
     process.exitCode !== 1;
@@ -27281,7 +27315,7 @@ const executePlan = async (plan, {
         } else {
           executionResult = {
             status: "errored",
-            error: new Error(`No file at ${fileRelativeUrl} for execution "${executionName}"`)
+            errors: [new Error(`No file at ${fileRelativeUrl} for execution "${executionName}"`)]
           };
         }
 
@@ -27527,6 +27561,7 @@ const executeTestPlan = async ({
   signal = new AbortController().signal,
   handleSIGINT = true,
   logLevel = "info",
+  logRefresh = true,
   logRuntime = true,
   logEachDuration = true,
   logSummary = true,
@@ -27617,7 +27652,7 @@ const executeTestPlan = async ({
     signal,
     handleSIGINT,
     logger,
-    logLevel,
+    logRefresh,
     logSummary,
     logRuntime,
     logEachDuration,
@@ -27699,54 +27734,6 @@ const executeTestPlan = async ({
   };
 };
 
-const escapeChars = (string, replacements) => {
-  const charsToEscape = Object.keys(replacements);
-  let result = "";
-  let last = 0;
-  let i = 0;
-
-  while (i < string.length) {
-    const char = string[i];
-    i++;
-
-    if (charsToEscape.includes(char) && !isEscaped(i - 1, string)) {
-      if (last === i - 1) {
-        result += replacements[char];
-      } else {
-        result += `${string.slice(last, i - 1)}${replacements[char]}`;
-      }
-
-      last = i;
-    }
-  }
-
-  if (last !== string.length) {
-    result += string.slice(last);
-  }
-
-  return result;
-};
-
-const escapeRegexpSpecialChars = string => {
-  return escapeChars(String(string), {
-    "/": "\\/",
-    "^": "\\^",
-    "\\": "\\\\",
-    "[": "\\[",
-    "]": "\\]",
-    "(": "\\(",
-    ")": "\\)",
-    "{": "\\{",
-    "}": "\\}",
-    "?": "\\?",
-    "+": "\\+",
-    "*": "\\*",
-    ".": "\\.",
-    "|": "\\|",
-    "$": "\\$"
-  });
-};
-
 const createRuntimeFromPlaywright = ({
   browserName,
   browserVersion,
@@ -27862,7 +27849,11 @@ const createRuntimeFromPlaywright = ({
       }
     };
 
-    const result = {};
+    const result = {
+      status: "pending",
+      namespace: null,
+      errors: []
+    };
     const callbacks = [];
 
     if (coverageEnabled) {
@@ -27984,19 +27975,18 @@ const createRuntimeFromPlaywright = ({
           });
         },
         // https://github.com/GoogleChrome/puppeteer/blob/v1.4.0/docs/api.md#event-pageerror
-        pageerror: cb => {
-          return registerEvent({
-            object: page,
-            eventType: "pageerror",
-            callback: error => {
-              if (ignoreErrorHook(error)) {
-                return;
-              }
-
-              cb(transformErrorHook(error));
-            }
-          });
-        },
+        // pageerror: () => {
+        //   return registerEvent({
+        //     object: page,
+        //     eventType: "pageerror",
+        //     callback: (error) => {
+        //       if (ignoreErrorHook(error)) {
+        //         return
+        //       }
+        //       result.errors.push(transformErrorHook(error))
+        //     },
+        //   })
+        // },
         closed: cb => {
           // https://github.com/GoogleChrome/puppeteer/blob/v1.4.0/docs/api.md#event-disconnected
           if (isBrowserDedicatedToExecution) {
@@ -28042,39 +28032,15 @@ const createRuntimeFromPlaywright = ({
 
             /* istanbul ignore next */
             () => {
-              if (!window.__html_supervisor__) {
-                throw new Error(`window.__html_supervisor__ not found`);
+              if (!window.__supervisor__) {
+                throw new Error(`window.__supervisor__ not found`);
               }
 
-              return window.__html_supervisor__.getScriptExecutionResults();
+              return window.__supervisor__.getScriptExecutionResults();
             }
             /* eslint-enable no-undef */
             );
-            const {
-              status,
-              scriptExecutionResults
-            } = returnValue;
-
-            if (status === "errored") {
-              const {
-                exceptionSource
-              } = returnValue;
-              const error = evalException(exceptionSource, {
-                rootDirectoryUrl,
-                devServerOrigin,
-                transformErrorHook
-              });
-              cb({
-                status: "errored",
-                error,
-                namespace: scriptExecutionResults
-              });
-            } else {
-              cb({
-                status: "completed",
-                namespace: scriptExecutionResults
-              });
-            }
+            cb(returnValue);
           } catch (e) {
             reject(e);
           }
@@ -28082,47 +28048,48 @@ const createRuntimeFromPlaywright = ({
       }, resolve);
     });
 
-    const getResult = async () => {
+    const writeResult = async () => {
       const winner = await winnerPromise;
 
       if (winner.name === "aborted") {
-        return {
-          status: "aborted"
-        };
+        result.status = "aborted";
+        return;
       }
 
-      if (winner.name === "error" || winner.name === "pageerror") {
-        const error = winner.data;
-        return {
-          status: "errored",
-          error
-        };
+      if (winner.name === "error") {
+        let error = winner.data;
+        result.status = "errored";
+        result.errors.push(error);
+        return;
       }
 
       if (winner.name === "closed") {
-        return {
-          status: "errored",
-          error: isBrowserDedicatedToExecution ? new Error(`browser disconnected during execution`) : new Error(`page closed during execution`)
-        };
-      }
+        result.status = "errored";
+        result.errors.push(isBrowserDedicatedToExecution ? new Error(`browser disconnected during execution`) : new Error(`page closed during execution`));
+        return;
+      } // winner.name = 'response'
+
 
-      return winner.data;
+      const {
+        executionResults
+      } = winner.data;
+      result.status = "completed";
+      result.namespace = executionResults;
+      Object.keys(executionResults).forEach(key => {
+        const executionResult = executionResults[key];
+
+        if (executionResult.status === "errored") {
+          result.status = "errored";
+          result.errors.push({ ...executionResult.exception,
+            stack: executionResult.exception.text
+          });
+        }
+      });
+      return;
     };
 
     try {
-      const {
-        status,
-        error,
-        namespace,
-        performance
-      } = await getResult();
-      result.status = status;
-
-      if (status === "errored") {
-        result.error = error;
-      } else {
-        result.namespace = namespace;
-      }
+      await writeResult();
 
       if (collectPerformance) {
         result.performance = performance;
@@ -28134,7 +28101,7 @@ const createRuntimeFromPlaywright = ({
       }, Promise.resolve());
     } catch (e) {
       result.status = "errored";
-      result.error = e;
+      result.errors = [e];
     }
 
     if (keepRunning) {
@@ -28295,25 +28262,6 @@ const registerEvent = ({
   };
 };
 
-const evalException = (exceptionSource, {
-  rootDirectoryUrl,
-  devServerOrigin,
-  transformErrorHook
-}) => {
-  const script = new Script(exceptionSource, {
-    filename: ""
-  });
-  const error = script.runInThisContext();
-
-  if (error && error instanceof Error) {
-    const remoteRootRegexp = new RegExp(escapeRegexpSpecialChars(`${devServerOrigin}/`), "g");
-    error.stack = error.stack.replace(remoteRootRegexp, rootDirectoryUrl);
-    error.message = error.message.replace(remoteRootRegexp, rootDirectoryUrl);
-  }
-
-  return transformErrorHook(error);
-};
-
 const chromium = createRuntimeFromPlaywright({
   browserName: "chromium",
   browserVersion: "104.0.5112.48",
@@ -28809,8 +28757,13 @@ nodeChildProcess.run = async ({
       }
     }, resolve);
   });
+  const result = {
+    status: "executing",
+    errors: [],
+    namespace: null
+  };
 
-  const getResult = async () => {
+  const writeResult = async () => {
     actionOperation.throwIfAborted();
     await childProcessReadyPromise;
     actionOperation.throwIfAborted();
@@ -28833,18 +28786,16 @@ nodeChildProcess.run = async ({
     const winner = await winnerPromise;
 
     if (winner.name === "aborted") {
-      return {
-        status: "aborted"
-      };
+      result.status = "aborted";
+      return;
     }
 
     if (winner.name === "error") {
       const error = winner.data;
       removeOutputListener();
-      return {
-        status: "errored",
-        error
-      };
+      result.status = "errored";
+      result.errors.push(error);
+      return;
     }
 
     if (winner.name === "exit") {
@@ -28854,25 +28805,22 @@ nodeChildProcess.run = async ({
       await cleanup("process exit");
 
       if (code === 12) {
-        return {
-          status: "errored",
-          error: new Error(`node process exited with 12 (the forked child process wanted to use a non-available port for debug)`)
-        };
+        result.status = "errored";
+        result.errors.push(new Error(`node process exited with 12 (the forked child process wanted to use a non-available port for debug)`));
+        return;
       }
 
       if (code === null || code === 0 || code === EXIT_CODES.SIGINT || code === EXIT_CODES.SIGTERM || code === EXIT_CODES.SIGABORT) {
-        return {
-          status: "errored",
-          error: new Error(`node process exited during execution`)
-        };
+        result.status = "errored";
+        result.errors.push(new Error(`node process exited during execution`));
+        return;
       } // process.exit(1) in child process or process.exitCode = 1 + process.exit()
       // means there was an error even if we don't know exactly what.
 
 
-      return {
-        status: "errored",
-        error: new Error(`node process exited with code ${code} during execution`)
-      };
+      result.status = "errored";
+      result.errors.push(new Error(`node process exited with code ${code} during execution`));
+      return;
     }
 
     const {
@@ -28881,27 +28829,27 @@ nodeChildProcess.run = async ({
     } = winner.data;
 
     if (status === "action-failed") {
-      return {
-        status: "errored",
-        error: value
-      };
+      result.status = "errored";
+      result.errors.push(value);
+      return;
     }
 
-    return {
-      status: "completed",
-      ...value
-    };
+    const {
+      namespace,
+      performance,
+      coverage
+    } = value;
+    result.status = "completed";
+    result.namespace = namespace;
+    result.performance = performance;
+    result.coverage = coverage;
   };
 
-  let result;
-
   try {
-    result = await getResult();
+    await writeResult();
   } catch (e) {
-    result = {
-      status: "errored",
-      error: e
-    };
+    result.status = "errored";
+    result.errors.push(e);
   }
 
   if (keepRunning) {
@@ -29108,8 +29056,13 @@ nodeWorkerThread.run = async ({
       }
     }, resolve);
   });
+  const result = {
+    status: "executing",
+    errors: [],
+    namespace: null
+  };
 
-  const getResult = async () => {
+  const writeResult = async () => {
     actionOperation.throwIfAborted();
     await workerThreadReadyPromise;
     actionOperation.throwIfAborted();
@@ -29132,18 +29085,16 @@ nodeWorkerThread.run = async ({
     const winner = await winnerPromise;
 
     if (winner.name === "aborted") {
-      return {
-        status: "aborted"
-      };
+      result.status = "aborted";
+      return;
     }
 
     if (winner.name === "error") {
       const error = winner.data;
       removeOutputListener();
-      return {
-        status: "errored",
-        error
-      };
+      result.status = "errored";
+      result.errors.push(error);
+      return;
     }
 
     if (winner.name === "exit") {
@@ -29153,25 +29104,21 @@ nodeWorkerThread.run = async ({
       await cleanup("process exit");
 
       if (code === 12) {
-        return {
-          status: "errored",
-          error: new Error(`node process exited with 12 (the forked child process wanted to use a non-available port for debug)`)
-        };
+        result.status = "errored";
+        result.errors.push(new Error(`node process exited with 12 (the forked child process wanted to use a non-available port for debug)`));
+        return;
       }
 
       if (code === null || code === 0 || code === EXIT_CODES.SIGINT || code === EXIT_CODES.SIGTERM || code === EXIT_CODES.SIGABORT) {
-        return {
-          status: "errored",
-          error: new Error(`node worker thread exited during execution`)
-        };
+        result.status = "errored";
+        result.errors.push(new Error(`node worker thread exited during execution`));
+        return;
       } // process.exit(1) in child process or process.exitCode = 1 + process.exit()
       // means there was an error even if we don't know exactly what.
 
 
-      return {
-        status: "errored",
-        error: new Error(`node worker thread exited with code ${code} during execution`)
-      };
+      result.status = "errored";
+      result.errors.push(new Error(`node worker thread exited with code ${code} during execution`));
     }
 
     const {
@@ -29180,10 +29127,9 @@ nodeWorkerThread.run = async ({
     } = winner.data;
 
     if (status === "action-failed") {
-      return {
-        status: "errored",
-        error: value
-      };
+      result.status = "errored";
+      result.errors.push(value);
+      return;
     }
 
     const {
@@ -29191,23 +29137,17 @@ nodeWorkerThread.run = async ({
       performance,
       coverage
     } = value;
-    return {
-      status: "completed",
-      namespace,
-      performance,
-      coverage
-    };
+    result.status = "completed";
+    result.namespace = namespace;
+    result.performance = performance;
+    result.coverage = coverage;
   };
 
-  let result;
-
   try {
-    result = await getResult();
+    await writeResult();
   } catch (e) {
-    result = {
-      status: "errored",
-      error: e
-    };
+    result.status = "errored";
+    result.errors.push(e);
   }
 
   if (keepRunning) {
@@ -29486,15 +29426,15 @@ const createBuildFilesService = ({
   buildIndexPath
 }) => {
   return request => {
-    const urlIsVersioned = new URL(request.ressource, request.origin).searchParams.has("v");
+    const urlIsVersioned = new URL(request.url).searchParams.has("v");
 
-    if (buildIndexPath && request.ressource === "/") {
+    if (buildIndexPath && request.resource === "/") {
       request = { ...request,
-        ressource: `/${buildIndexPath}`
+        resource: `/${buildIndexPath}`
       };
     }
 
-    return fetchFileSystem(new URL(request.ressource.slice(1), buildDirectoryUrl), {
+    return fetchFileSystem(new URL(request.resource.slice(1), buildDirectoryUrl), {
       headers: request.headers,
       cacheControl: urlIsVersioned ? `private,max-age=${SECONDS_IN_30_DAYS},immutable` : "private,max-age=0,must-revalidate",
       etagEnabled: true,
@@ -29594,7 +29534,7 @@ const execute = async ({
       */
 
 
-      throw result.error;
+      throw result.errors[result.errors.length - 1];
     }
 
     return result;
@@ -29627,10 +29567,9 @@ const globalInjectorOnHtml = async (urlInfo, globals) => {
     isWebWorker: false
   });
   injectScriptNodeAsEarlyAsPossible(htmlAst, createHtmlNode({
-    "tagName": "script",
-    "textContent": clientCode,
-    "injected-by": "jsenv:inject_globals"
-  }));
+    tagName: "script",
+    textContent: clientCode
+  }), "jsenv:inject_globals");
   return stringifyHtmlAst(htmlAst);
 };