@jsenv/core 28.0.2 → 28.1.2

package/dist/js/script_type_module_supervisor.js

@@ -0,0 +1,122 @@
+// https://twitter.com/damienmaillard/status/1554752482273787906
+const isWebkitOrSafari = typeof window.webkitConvertPointFromNodeToPage === "function";
+const superviseScriptTypeModule = async ({
+  src,
+  async
+}) => {
+  const currentScript = document.querySelector(`script[type="module"][inlined-from-src="${src}"]`);
+  const execute = isWebkitOrSafari ? createExecuteWithDynamicImport({
+    src
+  }) : createExecuteWithScript({
+    currentScript,
+    src
+  });
+
+  if (!async) {
+    await window.__supervisor__.getPreviousExecutionDonePromise();
+  }
+
+  const execution = window.__supervisor__.createExecution({
+    src,
+    async,
+    type: "js_module",
+    execute
+  });
+
+  return execution.start();
+};
+
+const createExecuteWithScript = ({
+  currentScript,
+  src
+}) => {
+  const parentNode = currentScript.parentNode;
+  let nodeToReplace;
+  let currentScriptClone;
+  return async ({
+    isReload
+  }) => {
+    const urlObject = new URL(src, window.location);
+    const loadPromise = new Promise((resolve, reject) => {
+      currentScriptClone = document.createElement("script"); // browsers set async by default when creating script(s)
+      // we want an exact copy to preserves how code is executed
+
+      currentScriptClone.async = false;
+      Array.from(currentScript.attributes).forEach(attribute => {
+        currentScriptClone.setAttribute(attribute.nodeName, attribute.nodeValue);
+      });
+
+      if (isReload) {
+        urlObject.searchParams.set("hmr", Date.now());
+        nodeToReplace = currentScriptClone;
+        currentScriptClone.src = urlObject.href;
+      } else {
+        currentScriptClone.removeAttribute("jsenv-plugin-owner");
+        currentScriptClone.removeAttribute("jsenv-plugin-action");
+        currentScriptClone.removeAttribute("inlined-from-src");
+        currentScriptClone.removeAttribute("original-position");
+        currentScriptClone.removeAttribute("original-src-position");
+        nodeToReplace = currentScript;
+        currentScriptClone.src = src;
+      }
+
+      currentScriptClone.addEventListener("error", reject);
+      currentScriptClone.addEventListener("load", resolve);
+      parentNode.replaceChild(currentScriptClone, nodeToReplace);
+    });
+
+    try {
+      await loadPromise;
+    } catch (e) {
+      // eslint-disable-next-line no-throw-literal
+      throw {
+        message: `Failed to fetch module: ${urlObject.href}`,
+        reportedBy: "script_error_event",
+        url: urlObject.href,
+        // window.error won't be dispatched for this error
+        needsReport: true
+      };
+    } // do not resolve right away, wait for top level execution
+
+
+    try {
+      const namespace = await import(urlObject.href);
+      return namespace;
+    } catch (e) {
+      e.reportedBy = "dynamic_import";
+      throw e;
+    }
+  };
+};
+
+const createExecuteWithDynamicImport = ({
+  src
+}) => {
+  return async ({
+    isReload
+  }) => {
+    const urlObject = new URL(src, window.location);
+
+    if (isReload) {
+      urlObject.searchParams.set("hmr", Date.now());
+    }
+
+    try {
+      const namespace = await import(urlObject.href);
+      return namespace;
+    } catch (e) {
+      e.reportedBy = "dynamic_import"; // dynamic import would hide the error to the browser
+      // so it must be re-reported using window.reportError
+
+      if (typeof window.reportError === "function") {
+        window.reportError(e);
+      } else {
+        console.error(e);
+      }
+
+      throw e;
+    }
+  };
+};
+
+export { superviseScriptTypeModule };