@qiankunjs/shared 0.0.1-rc.1 → 0.0.1-rc.3

package/dist/cjs/assets-transpilers/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_link","_interopRequireDefault","require","_script","transpileAssets","node","baseURI","opts","htmlElement","tagName","transpileScript","transpileLink"],"sources":["../../../src/assets-transpilers/index.ts"],"sourcesContent":["/**\n * @author Kuitos\n * @since 2023-03-14\n */\nimport transpileLink from './link';\nimport transpileScript from './script';\nimport type { AssetsTranspilerOpts } from './types';\n\nexport function transpileAssets<T extends Node>(node: T, baseURI: string, opts: AssetsTranspilerOpts): T {\n  const htmlElement = (node as unknown) as HTMLElement;\n  const { tagName } = htmlElement;\n\n  switch (tagName) {\n    case 'SCRIPT': {\n      return (transpileScript(htmlElement as HTMLScriptElement, baseURI, opts) as unknown) as T;\n    }\n\n    case 'LINK': {\n      return (transpileLink(htmlElement as HTMLLinkElement, baseURI, opts) as unknown) as T;\n    }\n\n    default:\n      break;\n  }\n\n  // TODO need to deal with the text scenario of script\n  // const { nodeType } = node;\n  // switch (nodeType) {\n  //   case Node.TEXT_NODE: {\n  //     if (node.parentNode?.nodeName === 'script') {\n  //       break;\n  //     }\n  //     }\n  //\n  //   }\n  // }\n  return node;\n}\n\nexport type * from './types';\n"],"mappings":";;;;;;;AAIA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AALA;AACA;AACA;AACA;;AAKO,SAASE,eAAeA,CAAiBC,IAAO,EAAEC,OAAe,EAAEC,IAA0B,EAAK;EACvG,IAAMC,WAAW,GAAIH,IAA+B;EACpD,IAAQI,OAAO,GAAKD,WAAW,CAAvBC,OAAO;EAEf,QAAQA,OAAO;IACb,KAAK,QAAQ;MAAE;QACb,OAAQ,IAAAC,eAAe,EAACF,WAAW,EAAuBF,OAAO,EAAEC,IAAI,CAAC;MAC1E;IAEA,KAAK,MAAM;MAAE;QACX,OAAQ,IAAAI,aAAa,EAACH,WAAW,EAAqBF,OAAO,EAAEC,IAAI,CAAC;MACtE;IAEA;MACE;EACJ;;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OAAOF,IAAI;AACb"}
+{"version":3,"names":["_link","_interopRequireDefault","require","_script","transpileAssets","node","baseURI","opts","htmlElement","tagName","transpileScript","transpileLink"],"sources":["../../../src/assets-transpilers/index.ts"],"sourcesContent":["/**\n * @author Kuitos\n * @since 2023-03-14\n */\nimport transpileLink from './link';\nimport transpileScript from './script';\nimport type { AssetsTranspilerOpts } from './types';\n\nexport function transpileAssets<T extends Node>(node: T, baseURI: string, opts: AssetsTranspilerOpts): T {\n  const htmlElement = node as unknown as HTMLElement;\n  const { tagName } = htmlElement;\n\n  switch (tagName) {\n    case 'SCRIPT': {\n      return transpileScript(htmlElement as HTMLScriptElement, baseURI, opts) as unknown as T;\n    }\n\n    case 'LINK': {\n      return transpileLink(htmlElement as HTMLLinkElement, baseURI, opts) as unknown as T;\n    }\n\n    default:\n      break;\n  }\n\n  // TODO need to deal with the text scenario of script\n  // const { nodeType } = node;\n  // switch (nodeType) {\n  //   case Node.TEXT_NODE: {\n  //     if (node.parentNode?.nodeName === 'script') {\n  //       break;\n  //     }\n  //     }\n  //\n  //   }\n  // }\n  return node;\n}\n\nexport type * from './types';\n"],"mappings":";;;;;;;AAIA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AALA;AACA;AACA;AACA;;AAKO,SAASE,eAAeA,CAAiBC,IAAO,EAAEC,OAAe,EAAEC,IAA0B,EAAK;EACvG,IAAMC,WAAW,GAAGH,IAA8B;EAClD,IAAQI,OAAO,GAAKD,WAAW,CAAvBC,OAAO;EAEf,QAAQA,OAAO;IACb,KAAK,QAAQ;MAAE;QACb,OAAO,IAAAC,eAAe,EAACF,WAAW,EAAuBF,OAAO,EAAEC,IAAI,CAAC;MACzE;IAEA,KAAK,MAAM;MAAE;QACX,OAAO,IAAAI,aAAa,EAACH,WAAW,EAAqBF,OAAO,EAAEC,IAAI,CAAC;MACrE;IAEA;MACE;EACJ;;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OAAOF,IAAI;AACb"}

package/dist/cjs/assets-transpilers/link.js

@@ -9,22 +9,25 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
 var _utils = require("../utils");
 var _script = require("./script");
 var _types = require("./types");
+var _utils2 = require("./utils");
 /**
  * @author Kuitos
  * @since 2023-04-26
  */
 
-var preTranspile = function preTranspile(link, baseURI, opts) {
+var preTranspileStyleSheetLink = function preTranspileStyleSheetLink(link, baseURI, opts) {
   var sandbox = opts.sandbox,
     moduleResolver = opts.moduleResolver;
-  var href = link.href;
+  var href = link.href,
+    rel = link.rel;
   if (sandbox) {
-    if (href) {
+    // filter preload links
+    if (href && rel === 'stylesheet') {
       var linkHref = (0, _utils.getEntireUrl)(href, baseURI);
       var matchedAssets = moduleResolver === null || moduleResolver === void 0 ? void 0 : moduleResolver(linkHref);
       if (matchedAssets) {
         return {
-          mode: _types.Mode.CACHE_FROM_SANDBOX,
+          mode: _types.Mode.REUSED_DEP_IN_SANDBOX,
           result: (0, _objectSpread2.default)({
             src: linkHref
           }, matchedAssets)
@@ -36,26 +39,9 @@ var preTranspile = function preTranspile(link, baseURI, opts) {
     mode: _types.Mode.NONE
   };
 };
-
-/**
- * While the assets are transpiling in sandbox, it means they will be evaluated with manual fetching,
- * thus we need to set the attribute `as` to fetch instead of script or style to avoid preload cache missing.
- * see https://stackoverflow.com/questions/52635660/can-link-rel-preload-be-made-to-work-with-fetch/63814972#63814972
- */
 var postProcessPreloadLink = function postProcessPreloadLink(link, baseURI, opts) {
   var as = link.as,
     href = link.href;
-  var revokeAfterLoaded = function revokeAfterLoaded(objectURL, link) {
-    var revoke = function revoke() {
-      return URL.revokeObjectURL(objectURL);
-    };
-    link.addEventListener('load', revoke, {
-      once: true
-    });
-    link.addEventListener('error', revoke, {
-      once: true
-    });
-  };
   switch (as) {
     case 'script':
       {
@@ -65,19 +51,20 @@ var postProcessPreloadLink = function postProcessPreloadLink(link, baseURI, opts
           mode = _preTranspileScript.mode,
           result = _preTranspileScript.result;
         switch (mode) {
-          case _types.Mode.REMOTE_FROM_SANDBOX:
+          /**
+           * While the assets are transpiling in sandbox, it means they will be evaluated with manual fetching,
+           * thus we need to set the attribute `as` to fetch instead of script or style to avoid preload cache missing.
+           * see https://stackoverflow.com/questions/52635660/can-link-rel-preload-be-made-to-work-with-fetch/63814972#63814972
+           */
+          case _types.Mode.REMOTE_ASSETS_IN_SANDBOX:
             {
               link.as = 'fetch';
               break;
             }
-          case _types.Mode.CACHE_FROM_SANDBOX:
+          case _types.Mode.REUSED_DEP_IN_SANDBOX:
             {
               var url = result.url;
-              var objectURL = URL.createObjectURL(new Blob(["// ".concat(href, " is reusing the execution result of ").concat(url)], {
-                type: 'text/javascript'
-              }));
-              link.href = objectURL;
-              revokeAfterLoaded(objectURL, link);
+              link.href = (0, _utils2.createReusingObjectUrl)(href, url, 'text/javascript');
               break;
             }
         }
@@ -85,20 +72,17 @@ var postProcessPreloadLink = function postProcessPreloadLink(link, baseURI, opts
       }
     case 'style':
       {
-        var _preTranspile = preTranspile({
-            href: href
+        var _preTranspileStyleShe = preTranspileStyleSheetLink({
+            href: href,
+            rel: 'stylesheet'
           }, baseURI, opts),
-          _mode = _preTranspile.mode,
-          _result = _preTranspile.result;
+          _mode = _preTranspileStyleShe.mode,
+          _result = _preTranspileStyleShe.result;
         switch (_mode) {
-          case _types.Mode.CACHE_FROM_SANDBOX:
+          case _types.Mode.REUSED_DEP_IN_SANDBOX:
             {
               var _url = _result.url;
-              var _objectURL = URL.createObjectURL(new Blob(["// ".concat(href, " is reusing the execution result of ").concat(_url)], {
-                type: 'text/css'
-              }));
-              link.href = _objectURL;
-              revokeAfterLoaded(_objectURL, link);
+              link.href = (0, _utils2.createReusingObjectUrl)(href, _url, 'text/css');
               break;
             }
         }
@@ -110,22 +94,21 @@ var postProcessPreloadLink = function postProcessPreloadLink(link, baseURI, opts
 };
 function transpileLink(link, baseURI, opts) {
   var hrefAttribute = link.getAttribute('href');
-  var _preTranspile2 = preTranspile({
-      href: hrefAttribute || undefined
+  var _preTranspileStyleShe2 = preTranspileStyleSheetLink({
+      href: hrefAttribute || undefined,
+      rel: link.rel
     }, baseURI, opts),
-    mode = _preTranspile2.mode,
-    result = _preTranspile2.result;
+    mode = _preTranspileStyleShe2.mode,
+    result = _preTranspileStyleShe2.result;
   switch (mode) {
-    case _types.Mode.CACHE_FROM_SANDBOX:
+    case _types.Mode.REUSED_DEP_IN_SANDBOX:
       {
         var src = result.src,
           version = result.version,
           url = result.url;
         link.dataset.href = src;
         link.dataset.version = version;
-        link.href = URL.createObjectURL(new Blob(["// ".concat(src, " is reusing the execution result of ").concat(url)], {
-          type: 'text/css'
-        }));
+        link.href = (0, _utils2.createReusingObjectUrl)(src, url, 'text/css');
         return link;
       }
     case _types.Mode.NONE:

package/dist/cjs/assets-transpilers/link.js.map

@@ -1 +1 @@
-{"version":3,"names":["_utils","require","_script","_types","preTranspile","link","baseURI","opts","sandbox","moduleResolver","href","linkHref","getEntireUrl","matchedAssets","mode","Mode","CACHE_FROM_SANDBOX","result","_objectSpread2","default","src","NONE","postProcessPreloadLink","as","revokeAfterLoaded","objectURL","revoke","URL","revokeObjectURL","addEventListener","once","_preTranspileScript","preTranspileScript","REMOTE_FROM_SANDBOX","url","createObjectURL","Blob","concat","type","_preTranspile","transpileLink","hrefAttribute","getAttribute","_preTranspile2","undefined","version","dataset","rel"],"sources":["../../../src/assets-transpilers/link.ts"],"sourcesContent":["/**\n * @author Kuitos\n * @since 2023-04-26\n */\nimport type { MatchResult } from '../module-resolver';\nimport { getEntireUrl } from '../utils';\nimport { preTranspile as preTranspileScript } from './script';\nimport type { AssetsTranspilerOpts, BaseTranspilerOpts } from './types';\nimport { Mode } from './types';\n\ntype PreTranspileResult =\n  | { mode: Mode.CACHE_FROM_SANDBOX; result: { src: string } & MatchResult }\n  | { mode: Mode.NONE; result?: never };\nconst preTranspile = (\n  link: Partial<Pick<HTMLLinkElement, 'href'>>,\n  baseURI: string,\n  opts: BaseTranspilerOpts,\n): PreTranspileResult => {\n  const { sandbox, moduleResolver } = opts;\n  const { href } = link;\n\n  if (sandbox) {\n    if (href) {\n      const linkHref = getEntireUrl(href, baseURI);\n\n      const matchedAssets = moduleResolver?.(linkHref);\n      if (matchedAssets) {\n        return {\n          mode: Mode.CACHE_FROM_SANDBOX,\n          result: { src: linkHref, ...matchedAssets },\n        };\n      }\n    }\n  }\n\n  return {\n    mode: Mode.NONE,\n  };\n};\n\n/**\n * While the assets are transpiling in sandbox, it means they will be evaluated with manual fetching,\n * thus we need to set the attribute `as` to fetch instead of script or style to avoid preload cache missing.\n * see https://stackoverflow.com/questions/52635660/can-link-rel-preload-be-made-to-work-with-fetch/63814972#63814972\n */\nconst postProcessPreloadLink = (link: HTMLLinkElement, baseURI: string, opts: AssetsTranspilerOpts): void => {\n  const { as, href } = link;\n\n  const revokeAfterLoaded = (objectURL: string, link: HTMLLinkElement) => {\n    const revoke = () => URL.revokeObjectURL(objectURL);\n    link.addEventListener('load', revoke, { once: true });\n    link.addEventListener('error', revoke, { once: true });\n  };\n\n  switch (as) {\n    case 'script': {\n      const { mode, result } = preTranspileScript({ src: href }, baseURI, opts);\n\n      switch (mode) {\n        case Mode.REMOTE_FROM_SANDBOX: {\n          link.as = 'fetch';\n          break;\n        }\n\n        case Mode.CACHE_FROM_SANDBOX: {\n          const { url } = result;\n          const objectURL = URL.createObjectURL(\n            new Blob([`// ${href} is reusing the execution result of ${url}`], {\n              type: 'text/javascript',\n            }),\n          );\n          link.href = objectURL;\n          revokeAfterLoaded(objectURL, link);\n\n          break;\n        }\n      }\n\n      break;\n    }\n\n    case 'style': {\n      const { mode, result } = preTranspile({ href }, baseURI, opts);\n\n      switch (mode) {\n        case Mode.CACHE_FROM_SANDBOX: {\n          const { url } = result;\n          const objectURL = URL.createObjectURL(\n            new Blob([`// ${href} is reusing the execution result of ${url}`], {\n              type: 'text/css',\n            }),\n          );\n          link.href = objectURL;\n          revokeAfterLoaded(objectURL, link);\n          break;\n        }\n      }\n\n      break;\n    }\n\n    default:\n      break;\n  }\n};\n\nexport default function transpileLink(\n  link: HTMLLinkElement,\n  baseURI: string,\n  opts: AssetsTranspilerOpts,\n): HTMLLinkElement {\n  const hrefAttribute = link.getAttribute('href');\n  const { mode, result } = preTranspile(\n    {\n      href: hrefAttribute || undefined,\n    },\n    baseURI,\n    opts,\n  );\n\n  switch (mode) {\n    case Mode.CACHE_FROM_SANDBOX: {\n      const { src, version, url } = result;\n      link.dataset.href = src;\n      link.dataset.version = version;\n      link.href = URL.createObjectURL(\n        new Blob([`// ${src} is reusing the execution result of ${url}`], {\n          type: 'text/css',\n        }),\n      );\n\n      return link;\n    }\n\n    case Mode.NONE:\n    default: {\n      if (hrefAttribute) {\n        link.href = getEntireUrl(hrefAttribute, baseURI);\n\n        if (link.rel === 'preload') {\n          postProcessPreloadLink(link, baseURI, opts);\n        }\n\n        return link;\n      }\n\n      return link;\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["_utils","require","_script","_types","_utils2","preTranspileStyleSheetLink","link","baseURI","opts","sandbox","moduleResolver","href","rel","linkHref","getEntireUrl","matchedAssets","mode","Mode","REUSED_DEP_IN_SANDBOX","result","_objectSpread2","default","src","NONE","postProcessPreloadLink","as","_preTranspileScript","preTranspileScript","REMOTE_ASSETS_IN_SANDBOX","url","createReusingObjectUrl","_preTranspileStyleShe","transpileLink","hrefAttribute","getAttribute","_preTranspileStyleShe2","undefined","version","dataset"],"sources":["../../../src/assets-transpilers/link.ts"],"sourcesContent":["/**\n * @author Kuitos\n * @since 2023-04-26\n */\nimport type { MatchResult } from '../module-resolver';\nimport { getEntireUrl } from '../utils';\nimport { preTranspile as preTranspileScript } from './script';\nimport type { AssetsTranspilerOpts, BaseTranspilerOpts } from './types';\nimport { Mode } from './types';\nimport { createReusingObjectUrl } from './utils';\n\ntype PreTranspileResult =\n  | { mode: Mode.REUSED_DEP_IN_SANDBOX; result: { src: string } & MatchResult }\n  | { mode: Mode.NONE; result?: never };\nconst preTranspileStyleSheetLink = (\n  link: Partial<Pick<HTMLLinkElement, 'href' | 'rel'>>,\n  baseURI: string,\n  opts: BaseTranspilerOpts,\n): PreTranspileResult => {\n  const { sandbox, moduleResolver } = opts;\n  const { href, rel } = link;\n\n  if (sandbox) {\n    // filter preload links\n    if (href && rel === 'stylesheet') {\n      const linkHref = getEntireUrl(href, baseURI);\n\n      const matchedAssets = moduleResolver?.(linkHref);\n      if (matchedAssets) {\n        return {\n          mode: Mode.REUSED_DEP_IN_SANDBOX,\n          result: { src: linkHref, ...matchedAssets },\n        };\n      }\n    }\n  }\n\n  return {\n    mode: Mode.NONE,\n  };\n};\n\nconst postProcessPreloadLink = (link: HTMLLinkElement, baseURI: string, opts: AssetsTranspilerOpts): void => {\n  const { as, href } = link;\n  switch (as) {\n    case 'script': {\n      const { mode, result } = preTranspileScript({ src: href }, baseURI, opts);\n\n      switch (mode) {\n        /**\n         * While the assets are transpiling in sandbox, it means they will be evaluated with manual fetching,\n         * thus we need to set the attribute `as` to fetch instead of script or style to avoid preload cache missing.\n         * see https://stackoverflow.com/questions/52635660/can-link-rel-preload-be-made-to-work-with-fetch/63814972#63814972\n         */\n        case Mode.REMOTE_ASSETS_IN_SANDBOX: {\n          link.as = 'fetch';\n          break;\n        }\n\n        case Mode.REUSED_DEP_IN_SANDBOX: {\n          const { url } = result;\n          link.href = createReusingObjectUrl(href, url, 'text/javascript');\n\n          break;\n        }\n      }\n\n      break;\n    }\n\n    case 'style': {\n      const { mode, result } = preTranspileStyleSheetLink({ href, rel: 'stylesheet' }, baseURI, opts);\n\n      switch (mode) {\n        case Mode.REUSED_DEP_IN_SANDBOX: {\n          const { url } = result;\n          link.href = createReusingObjectUrl(href, url, 'text/css');\n          break;\n        }\n      }\n\n      break;\n    }\n\n    default:\n      break;\n  }\n};\n\nexport default function transpileLink(\n  link: HTMLLinkElement,\n  baseURI: string,\n  opts: AssetsTranspilerOpts,\n): HTMLLinkElement {\n  const hrefAttribute = link.getAttribute('href');\n  const { mode, result } = preTranspileStyleSheetLink(\n    {\n      href: hrefAttribute || undefined,\n      rel: link.rel,\n    },\n    baseURI,\n    opts,\n  );\n\n  switch (mode) {\n    case Mode.REUSED_DEP_IN_SANDBOX: {\n      const { src, version, url } = result;\n      link.dataset.href = src;\n      link.dataset.version = version;\n      link.href = createReusingObjectUrl(src, url, 'text/css');\n\n      return link;\n    }\n\n    case Mode.NONE:\n    default: {\n      if (hrefAttribute) {\n        link.href = getEntireUrl(hrefAttribute, baseURI);\n\n        if (link.rel === 'preload') {\n          postProcessPreloadLink(link, baseURI, opts);\n        }\n\n        return link;\n      }\n\n      return link;\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/cjs/assets-transpilers/script.d.ts

@@ -6,17 +6,17 @@ import type { MatchResult } from '../module-resolver';
 import type { AssetsTranspilerOpts } from './types';
 import { Mode } from './types';
 type PreTranspileResult = {
-    mode: Mode.REMOTE_FROM_SANDBOX;
+    mode: Mode.REMOTE_ASSETS_IN_SANDBOX;
     result: {
         src: string;
     };
 } | {
-    mode: Mode.CACHE_FROM_SANDBOX;
+    mode: Mode.REUSED_DEP_IN_SANDBOX;
     result: {
         src: string;
     } & MatchResult;
 } | {
-    mode: Mode.INLINE_FROM_SANDBOX;
+    mode: Mode.INLINE_CODE_IN_SANDBOX;
     result: {
         code: string;
     };

package/dist/cjs/assets-transpilers/script.js

@@ -9,6 +9,7 @@ exports.preTranspile = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _utils = require("../utils");
 var _types = require("./types");
+var _utils2 = require("./utils");
 /**
  * @author Kuitos
  * @since 2023-03-16
@@ -39,14 +40,14 @@ var preTranspile = function preTranspile(script, baseURI, opts) {
       var matchedScript = moduleResolver === null || moduleResolver === void 0 ? void 0 : moduleResolver(entireUrl);
       if (matchedScript) {
         return {
-          mode: _types.Mode.CACHE_FROM_SANDBOX,
+          mode: _types.Mode.REUSED_DEP_IN_SANDBOX,
           result: (0, _objectSpread2.default)({
             src: entireUrl
           }, matchedScript)
         };
       }
       return {
-        mode: _types.Mode.REMOTE_FROM_SANDBOX,
+        mode: _types.Mode.REMOTE_ASSETS_IN_SANDBOX,
         result: {
           src: entireUrl
         }
@@ -58,7 +59,7 @@ var preTranspile = function preTranspile(script, baseURI, opts) {
       var code = scriptNode.textContent;
       if (code) {
         return {
-          mode: _types.Mode.INLINE_FROM_SANDBOX,
+          mode: _types.Mode.INLINE_CODE_IN_SANDBOX,
           result: {
             code: code
           }
@@ -85,7 +86,7 @@ function transpileScript(script, baseURI, opts) {
     mode = _preTranspile.mode,
     result = _preTranspile.result;
   switch (mode) {
-    case _types.Mode.REMOTE_FROM_SANDBOX:
+    case _types.Mode.REMOTE_ASSETS_IN_SANDBOX:
       {
         var src = result.src;
 
@@ -113,7 +114,7 @@ function transpileScript(script, baseURI, opts) {
         });
         return script;
       }
-    case _types.Mode.INLINE_FROM_SANDBOX:
+    case _types.Mode.INLINE_CODE_IN_SANDBOX:
       {
         var rawNode = opts.rawNode;
         var scriptNode = script.textContent ? script : rawNode.childNodes[0];
@@ -123,7 +124,7 @@ function transpileScript(script, baseURI, opts) {
         script.dataset.consumed = 'true';
         return script;
       }
-    case _types.Mode.CACHE_FROM_SANDBOX:
+    case _types.Mode.REUSED_DEP_IN_SANDBOX:
       {
         var url = result.url,
           version = result.version,
@@ -137,9 +138,7 @@ function transpileScript(script, baseURI, opts) {
         }
 
         // When the script hits the dependency reuse logic, the current script is not executed, and an empty script is returned directly
-        script.src = URL.createObjectURL(new Blob(["// ".concat(_src, " is reusing the execution result of ").concat(url)], {
-          type: 'text/javascript'
-        }));
+        script.src = (0, _utils2.createReusingObjectUrl)(_src, url, 'text/javascript');
         return script;
       }
     case _types.Mode.NONE:

package/dist/cjs/assets-transpilers/script.js.map

@@ -1 +1 @@
-{"version":3,"names":["_utils","require","_types","isValidJavaScriptType","type","handleTypes","indexOf","getCredentials","crossOrigin","undefined","preTranspile","script","baseURI","opts","sandbox","moduleResolver","src","entireUrl","getEntireUrl","matchedScript","mode","Mode","CACHE_FROM_SANDBOX","result","_objectSpread2","default","REMOTE_FROM_SANDBOX","rawNode","scriptNode","textContent","childNodes","code","INLINE_FROM_SANDBOX","NONE","exports","transpileScript","srcAttribute","getAttribute","fetch","_preTranspile","removeAttribute","dataset","syncMode","hasAttribute","priority","credentials","then","res","text","codeFactory","makeEvaluateFactory","fetchPriority","URL","createObjectURL","Blob","consumed","url","version","concat"],"sources":["../../../src/assets-transpilers/script.ts"],"sourcesContent":["/**\n * @author Kuitos\n * @since 2023-03-16\n */\n\nimport type { MatchResult } from '../module-resolver';\nimport { getEntireUrl } from '../utils';\nimport type { AssetsTranspilerOpts } from './types';\nimport { Mode } from './types';\n\nconst isValidJavaScriptType = (type?: string): boolean => {\n  const handleTypes = [\n    'text/javascript',\n    'module',\n    'application/javascript',\n    'text/ecmascript',\n    'application/ecmascript',\n  ];\n  return !type || handleTypes.indexOf(type) !== -1;\n};\n\nconst getCredentials = (crossOrigin: string | null): RequestInit['credentials'] | undefined => {\n  switch (crossOrigin) {\n    case 'anonymous':\n      return 'same-origin';\n    case 'use-credentials':\n      return 'include';\n    default:\n      return undefined;\n  }\n};\n\ntype PreTranspileResult =\n  | { mode: Mode.REMOTE_FROM_SANDBOX; result: { src: string } }\n  | { mode: Mode.CACHE_FROM_SANDBOX; result: { src: string } & MatchResult }\n  | { mode: Mode.INLINE_FROM_SANDBOX; result: { code: string } }\n  | { mode: Mode.NONE; result?: never };\n\nexport const preTranspile = (\n  script: Partial<Pick<HTMLScriptElement, 'src' | 'type' | 'textContent'>>,\n  baseURI: string,\n  opts: AssetsTranspilerOpts,\n): PreTranspileResult => {\n  const { sandbox, moduleResolver } = opts;\n\n  const { src, type } = script;\n\n  if (sandbox) {\n    if (src) {\n      const entireUrl = getEntireUrl(src, baseURI);\n      const matchedScript = moduleResolver?.(entireUrl);\n      if (matchedScript) {\n        return {\n          mode: Mode.CACHE_FROM_SANDBOX,\n          result: { src: entireUrl, ...matchedScript },\n        };\n      }\n\n      return {\n        mode: Mode.REMOTE_FROM_SANDBOX,\n        result: { src: entireUrl },\n      };\n    }\n\n    if (isValidJavaScriptType(type)) {\n      const rawNode = opts.rawNode as HTMLScriptElement;\n      const scriptNode = script.textContent ? script : rawNode.childNodes[0];\n\n      const code = scriptNode.textContent;\n      if (code) {\n        return {\n          mode: Mode.INLINE_FROM_SANDBOX,\n          result: {\n            code,\n          },\n        };\n      }\n    }\n  }\n\n  return { mode: Mode.NONE };\n};\n\nexport default function transpileScript(\n  script: HTMLScriptElement,\n  baseURI: string,\n  opts: AssetsTranspilerOpts,\n): HTMLScriptElement {\n  // Can't use script.src directly, because it will be resolved to absolute path by browser with Node.baseURI\n  // Such as <script src=\"./foo.js\"></script> will be resolved to http://localhost:8000/foo.js while read script.src\n  const srcAttribute = script.getAttribute('src');\n  const { sandbox, fetch } = opts;\n\n  const { mode, result } = preTranspile(\n    {\n      src: srcAttribute || undefined,\n      type: script.type,\n      textContent: script.textContent,\n    },\n    baseURI,\n    opts,\n  );\n\n  switch (mode) {\n    case Mode.REMOTE_FROM_SANDBOX: {\n      const { src } = result;\n\n      // We must remove script src to avoid self execution as we need to fetch the script content and transpile it\n      script.removeAttribute('src');\n      script.dataset.src = src;\n\n      const syncMode = !script.hasAttribute('async');\n      const priority: Priority = syncMode ? 'high' : 'low';\n      const credentials = getCredentials(script.crossOrigin);\n\n      void fetch(src, { credentials, priority })\n        .then((res) => res.text())\n        .then((code) => {\n          const codeFactory = sandbox!.makeEvaluateFactory(code, src);\n\n          // HTMLScriptElement default fetchPriority is 'auto', we should set it to 'high' to make it execute earlier while it's not async script\n          if (syncMode) {\n            script.fetchPriority = 'high';\n          }\n\n          script.src = URL.createObjectURL(new Blob([codeFactory], { type: 'text/javascript' }));\n        });\n\n      return script;\n    }\n\n    case Mode.INLINE_FROM_SANDBOX: {\n      const rawNode = opts.rawNode as HTMLScriptElement;\n      const scriptNode = script.textContent ? script : rawNode.childNodes[0];\n      const { code } = result;\n\n      scriptNode.textContent = sandbox!.makeEvaluateFactory(code, baseURI);\n      // mark the script have consumed\n      script.dataset.consumed = 'true';\n\n      return script;\n    }\n\n    case Mode.CACHE_FROM_SANDBOX: {\n      const { url, version, src } = result;\n\n      script.dataset.src = src;\n      script.dataset.version = version;\n\n      const syncMode = !script.getAttribute('async');\n      // HTMLScriptElement default fetchPriority is 'auto', we should set it to 'high' to make it execute earlier while it's not async script\n      if (syncMode) {\n        script.fetchPriority = 'high';\n      }\n\n      // When the script hits the dependency reuse logic, the current script is not executed, and an empty script is returned directly\n      script.src = URL.createObjectURL(\n        new Blob([`// ${src} is reusing the execution result of ${url}`], {\n          type: 'text/javascript',\n        }),\n      );\n\n      return script;\n    }\n\n    case Mode.NONE:\n    default: {\n      if (srcAttribute) {\n        script.src = getEntireUrl(srcAttribute, baseURI);\n        return script;\n      }\n\n      return script;\n    }\n  }\n\n  // TODO find entry exports\n}\n"],"mappings":"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"}
+{"version":3,"names":["_utils","require","_types","_utils2","isValidJavaScriptType","type","handleTypes","indexOf","getCredentials","crossOrigin","undefined","preTranspile","script","baseURI","opts","sandbox","moduleResolver","src","entireUrl","getEntireUrl","matchedScript","mode","Mode","REUSED_DEP_IN_SANDBOX","result","_objectSpread2","default","REMOTE_ASSETS_IN_SANDBOX","rawNode","scriptNode","textContent","childNodes","code","INLINE_CODE_IN_SANDBOX","NONE","exports","transpileScript","srcAttribute","getAttribute","fetch","_preTranspile","removeAttribute","dataset","syncMode","hasAttribute","priority","credentials","then","res","text","codeFactory","makeEvaluateFactory","fetchPriority","URL","createObjectURL","Blob","consumed","url","version","createReusingObjectUrl"],"sources":["../../../src/assets-transpilers/script.ts"],"sourcesContent":["/**\n * @author Kuitos\n * @since 2023-03-16\n */\n\nimport type { MatchResult } from '../module-resolver';\nimport { getEntireUrl } from '../utils';\nimport type { AssetsTranspilerOpts } from './types';\nimport { Mode } from './types';\nimport { createReusingObjectUrl } from './utils';\n\nconst isValidJavaScriptType = (type?: string): boolean => {\n  const handleTypes = [\n    'text/javascript',\n    'module',\n    'application/javascript',\n    'text/ecmascript',\n    'application/ecmascript',\n  ];\n  return !type || handleTypes.indexOf(type) !== -1;\n};\n\nconst getCredentials = (crossOrigin: string | null): RequestInit['credentials'] | undefined => {\n  switch (crossOrigin) {\n    case 'anonymous':\n      return 'same-origin';\n    case 'use-credentials':\n      return 'include';\n    default:\n      return undefined;\n  }\n};\n\ntype PreTranspileResult =\n  | { mode: Mode.REMOTE_ASSETS_IN_SANDBOX; result: { src: string } }\n  | { mode: Mode.REUSED_DEP_IN_SANDBOX; result: { src: string } & MatchResult }\n  | { mode: Mode.INLINE_CODE_IN_SANDBOX; result: { code: string } }\n  | { mode: Mode.NONE; result?: never };\n\nexport const preTranspile = (\n  script: Partial<Pick<HTMLScriptElement, 'src' | 'type' | 'textContent'>>,\n  baseURI: string,\n  opts: AssetsTranspilerOpts,\n): PreTranspileResult => {\n  const { sandbox, moduleResolver } = opts;\n\n  const { src, type } = script;\n\n  if (sandbox) {\n    if (src) {\n      const entireUrl = getEntireUrl(src, baseURI);\n      const matchedScript = moduleResolver?.(entireUrl);\n      if (matchedScript) {\n        return {\n          mode: Mode.REUSED_DEP_IN_SANDBOX,\n          result: { src: entireUrl, ...matchedScript },\n        };\n      }\n\n      return {\n        mode: Mode.REMOTE_ASSETS_IN_SANDBOX,\n        result: { src: entireUrl },\n      };\n    }\n\n    if (isValidJavaScriptType(type)) {\n      const rawNode = opts.rawNode as HTMLScriptElement;\n      const scriptNode = script.textContent ? script : rawNode.childNodes[0];\n\n      const code = scriptNode.textContent;\n      if (code) {\n        return {\n          mode: Mode.INLINE_CODE_IN_SANDBOX,\n          result: {\n            code,\n          },\n        };\n      }\n    }\n  }\n\n  return { mode: Mode.NONE };\n};\n\nexport default function transpileScript(\n  script: HTMLScriptElement,\n  baseURI: string,\n  opts: AssetsTranspilerOpts,\n): HTMLScriptElement {\n  // Can't use script.src directly, because it will be resolved to absolute path by browser with Node.baseURI\n  // Such as <script src=\"./foo.js\"></script> will be resolved to http://localhost:8000/foo.js while read script.src\n  const srcAttribute = script.getAttribute('src');\n  const { sandbox, fetch } = opts;\n\n  const { mode, result } = preTranspile(\n    {\n      src: srcAttribute || undefined,\n      type: script.type,\n      textContent: script.textContent,\n    },\n    baseURI,\n    opts,\n  );\n\n  switch (mode) {\n    case Mode.REMOTE_ASSETS_IN_SANDBOX: {\n      const { src } = result;\n\n      // We must remove script src to avoid self execution as we need to fetch the script content and transpile it\n      script.removeAttribute('src');\n      script.dataset.src = src;\n\n      const syncMode = !script.hasAttribute('async');\n      const priority: Priority = syncMode ? 'high' : 'low';\n      const credentials = getCredentials(script.crossOrigin);\n\n      void fetch(src, { credentials, priority })\n        .then((res) => res.text())\n        .then((code) => {\n          const codeFactory = sandbox!.makeEvaluateFactory(code, src);\n\n          // HTMLScriptElement default fetchPriority is 'auto', we should set it to 'high' to make it execute earlier while it's not async script\n          if (syncMode) {\n            script.fetchPriority = 'high';\n          }\n\n          script.src = URL.createObjectURL(new Blob([codeFactory], { type: 'text/javascript' }));\n        });\n\n      return script;\n    }\n\n    case Mode.INLINE_CODE_IN_SANDBOX: {\n      const rawNode = opts.rawNode as HTMLScriptElement;\n      const scriptNode = script.textContent ? script : rawNode.childNodes[0];\n      const { code } = result;\n\n      scriptNode.textContent = sandbox!.makeEvaluateFactory(code, baseURI);\n      // mark the script have consumed\n      script.dataset.consumed = 'true';\n\n      return script;\n    }\n\n    case Mode.REUSED_DEP_IN_SANDBOX: {\n      const { url, version, src } = result;\n\n      script.dataset.src = src;\n      script.dataset.version = version;\n\n      const syncMode = !script.getAttribute('async');\n      // HTMLScriptElement default fetchPriority is 'auto', we should set it to 'high' to make it execute earlier while it's not async script\n      if (syncMode) {\n        script.fetchPriority = 'high';\n      }\n\n      // When the script hits the dependency reuse logic, the current script is not executed, and an empty script is returned directly\n      script.src = createReusingObjectUrl(src, url, 'text/javascript');\n\n      return script;\n    }\n\n    case Mode.NONE:\n    default: {\n      if (srcAttribute) {\n        script.src = getEntireUrl(srcAttribute, baseURI);\n        return script;\n      }\n\n      return script;\n    }\n  }\n\n  // TODO find entry exports\n}\n"],"mappings":";;;;;;;;;AAMA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AATA;AACA;AACA;AACA;;AAQA,IAAMG,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,IAAa,EAAc;EACxD,IAAMC,WAAW,GAAG,CAClB,iBAAiB,EACjB,QAAQ,EACR,wBAAwB,EACxB,iBAAiB,EACjB,wBAAwB,CACzB;EACD,OAAO,CAACD,IAAI,IAAIC,WAAW,CAACC,OAAO,CAACF,IAAI,CAAC,KAAK,CAAC,CAAC;AAClD,CAAC;AAED,IAAMG,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,WAA0B,EAA6C;EAC7F,QAAQA,WAAW;IACjB,KAAK,WAAW;MACd,OAAO,aAAa;IACtB,KAAK,iBAAiB;MACpB,OAAO,SAAS;IAClB;MACE,OAAOC,SAAS;EACpB;AACF,CAAC;AAQM,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CACvBC,MAAwE,EACxEC,OAAe,EACfC,IAA0B,EACH;EACvB,IAAQC,OAAO,GAAqBD,IAAI,CAAhCC,OAAO;IAAEC,cAAc,GAAKF,IAAI,CAAvBE,cAAc;EAE/B,IAAQC,GAAG,GAAWL,MAAM,CAApBK,GAAG;IAAEZ,IAAI,GAAKO,MAAM,CAAfP,IAAI;EAEjB,IAAIU,OAAO,EAAE;IACX,IAAIE,GAAG,EAAE;MACP,IAAMC,SAAS,GAAG,IAAAC,mBAAY,EAACF,GAAG,EAAEJ,OAAO,CAAC;MAC5C,IAAMO,aAAa,GAAGJ,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAGE,SAAS,CAAC;MACjD,IAAIE,aAAa,EAAE;QACjB,OAAO;UACLC,IAAI,EAAEC,WAAI,CAACC,qBAAqB;UAChCC,MAAM,MAAAC,cAAA,CAAAC,OAAA;YAAIT,GAAG,EAAEC;UAAS,GAAKE,aAAa;QAC5C,CAAC;MACH;MAEA,OAAO;QACLC,IAAI,EAAEC,WAAI,CAACK,wBAAwB;QACnCH,MAAM,EAAE;UAAEP,GAAG,EAAEC;QAAU;MAC3B,CAAC;IACH;IAEA,IAAId,qBAAqB,CAACC,IAAI,CAAC,EAAE;MAC/B,IAAMuB,OAAO,GAAGd,IAAI,CAACc,OAA4B;MACjD,IAAMC,UAAU,GAAGjB,MAAM,CAACkB,WAAW,GAAGlB,MAAM,GAAGgB,OAAO,CAACG,UAAU,CAAC,CAAC,CAAC;MAEtE,IAAMC,IAAI,GAAGH,UAAU,CAACC,WAAW;MACnC,IAAIE,IAAI,EAAE;QACR,OAAO;UACLX,IAAI,EAAEC,WAAI,CAACW,sBAAsB;UACjCT,MAAM,EAAE;YACNQ,IAAI,EAAJA;UACF;QACF,CAAC;MACH;IACF;EACF;EAEA,OAAO;IAAEX,IAAI,EAAEC,WAAI,CAACY;EAAK,CAAC;AAC5B,CAAC;AAACC,OAAA,CAAAxB,YAAA,GAAAA,YAAA;AAEa,SAASyB,eAAeA,CACrCxB,MAAyB,EACzBC,OAAe,EACfC,IAA0B,EACP;EACnB;EACA;EACA,IAAMuB,YAAY,GAAGzB,MAAM,CAAC0B,YAAY,CAAC,KAAK,CAAC;EAC/C,IAAQvB,OAAO,GAAYD,IAAI,CAAvBC,OAAO;IAAEwB,KAAK,GAAKzB,IAAI,CAAdyB,KAAK;EAEtB,IAAAC,aAAA,GAAyB7B,YAAY,CACnC;MACEM,GAAG,EAAEoB,YAAY,IAAI3B,SAAS;MAC9BL,IAAI,EAAEO,MAAM,CAACP,IAAI;MACjByB,WAAW,EAAElB,MAAM,CAACkB;IACtB,CAAC,EACDjB,OAAO,EACPC,IACF,CAAC;IAROO,IAAI,GAAAmB,aAAA,CAAJnB,IAAI;IAAEG,MAAM,GAAAgB,aAAA,CAANhB,MAAM;EAUpB,QAAQH,IAAI;IACV,KAAKC,WAAI,CAACK,wBAAwB;MAAE;QAClC,IAAQV,GAAG,GAAKO,MAAM,CAAdP,GAAG;;QAEX;QACAL,MAAM,CAAC6B,eAAe,CAAC,KAAK,CAAC;QAC7B7B,MAAM,CAAC8B,OAAO,CAACzB,GAAG,GAAGA,GAAG;QAExB,IAAM0B,QAAQ,GAAG,CAAC/B,MAAM,CAACgC,YAAY,CAAC,OAAO,CAAC;QAC9C,IAAMC,QAAkB,GAAGF,QAAQ,GAAG,MAAM,GAAG,KAAK;QACpD,IAAMG,WAAW,GAAGtC,cAAc,CAACI,MAAM,CAACH,WAAW,CAAC;QAEtD,KAAK8B,KAAK,CAACtB,GAAG,EAAE;UAAE6B,WAAW,EAAXA,WAAW;UAAED,QAAQ,EAARA;QAAS,CAAC,CAAC,CACvCE,IAAI,CAAC,UAACC,GAAG;UAAA,OAAKA,GAAG,CAACC,IAAI,CAAC,CAAC;QAAA,EAAC,CACzBF,IAAI,CAAC,UAACf,IAAI,EAAK;UACd,IAAMkB,WAAW,GAAGnC,OAAO,CAAEoC,mBAAmB,CAACnB,IAAI,EAAEf,GAAG,CAAC;;UAE3D;UACA,IAAI0B,QAAQ,EAAE;YACZ/B,MAAM,CAACwC,aAAa,GAAG,MAAM;UAC/B;UAEAxC,MAAM,CAACK,GAAG,GAAGoC,GAAG,CAACC,eAAe,CAAC,IAAIC,IAAI,CAAC,CAACL,WAAW,CAAC,EAAE;YAAE7C,IAAI,EAAE;UAAkB,CAAC,CAAC,CAAC;QACxF,CAAC,CAAC;QAEJ,OAAOO,MAAM;MACf;IAEA,KAAKU,WAAI,CAACW,sBAAsB;MAAE;QAChC,IAAML,OAAO,GAAGd,IAAI,CAACc,OAA4B;QACjD,IAAMC,UAAU,GAAGjB,MAAM,CAACkB,WAAW,GAAGlB,MAAM,GAAGgB,OAAO,CAACG,UAAU,CAAC,CAAC,CAAC;QACtE,IAAQC,IAAI,GAAKR,MAAM,CAAfQ,IAAI;QAEZH,UAAU,CAACC,WAAW,GAAGf,OAAO,CAAEoC,mBAAmB,CAACnB,IAAI,EAAEnB,OAAO,CAAC;QACpE;QACAD,MAAM,CAAC8B,OAAO,CAACc,QAAQ,GAAG,MAAM;QAEhC,OAAO5C,MAAM;MACf;IAEA,KAAKU,WAAI,CAACC,qBAAqB;MAAE;QAC/B,IAAQkC,GAAG,GAAmBjC,MAAM,CAA5BiC,GAAG;UAAEC,OAAO,GAAUlC,MAAM,CAAvBkC,OAAO;UAAEzC,IAAG,GAAKO,MAAM,CAAdP,GAAG;QAEzBL,MAAM,CAAC8B,OAAO,CAACzB,GAAG,GAAGA,IAAG;QACxBL,MAAM,CAAC8B,OAAO,CAACgB,OAAO,GAAGA,OAAO;QAEhC,IAAMf,SAAQ,GAAG,CAAC/B,MAAM,CAAC0B,YAAY,CAAC,OAAO,CAAC;QAC9C;QACA,IAAIK,SAAQ,EAAE;UACZ/B,MAAM,CAACwC,aAAa,GAAG,MAAM;QAC/B;;QAEA;QACAxC,MAAM,CAACK,GAAG,GAAG,IAAA0C,8BAAsB,EAAC1C,IAAG,EAAEwC,GAAG,EAAE,iBAAiB,CAAC;QAEhE,OAAO7C,MAAM;MACf;IAEA,KAAKU,WAAI,CAACY,IAAI;IACd;MAAS;QACP,IAAIG,YAAY,EAAE;UAChBzB,MAAM,CAACK,GAAG,GAAG,IAAAE,mBAAY,EAACkB,YAAY,EAAExB,OAAO,CAAC;UAChD,OAAOD,MAAM;QACf;QAEA,OAAOA,MAAM;MACf;EACF;;EAEA;AACF"}

package/dist/cjs/assets-transpilers/types.d.ts

@@ -13,8 +13,8 @@ export type AssetsTranspilerOpts = BaseTranspilerOpts & {
     rawNode: Node;
 };
 export declare enum Mode {
-    REMOTE_FROM_SANDBOX = "REMOTE_FROM_SANDBOX",
-    CACHE_FROM_SANDBOX = "CACHE_IN_SANDBOX",
-    INLINE_FROM_SANDBOX = "INLINE_FROM_SANDBOX",
+    REMOTE_ASSETS_IN_SANDBOX = "RAIS",
+    REUSED_DEP_IN_SANDBOX = "RDIS",
+    INLINE_CODE_IN_SANDBOX = "ICIS",
     NONE = "NONE"
 }

package/dist/cjs/assets-transpilers/types.js

@@ -9,9 +9,9 @@ exports.Mode = void 0;
  * @since 2023-08-26
  */
 var Mode = /*#__PURE__*/function (Mode) {
-  Mode["REMOTE_FROM_SANDBOX"] = "REMOTE_FROM_SANDBOX";
-  Mode["CACHE_FROM_SANDBOX"] = "CACHE_IN_SANDBOX";
-  Mode["INLINE_FROM_SANDBOX"] = "INLINE_FROM_SANDBOX";
+  Mode["REMOTE_ASSETS_IN_SANDBOX"] = "RAIS";
+  Mode["REUSED_DEP_IN_SANDBOX"] = "RDIS";
+  Mode["INLINE_CODE_IN_SANDBOX"] = "ICIS";
   Mode["NONE"] = "NONE";
   return Mode;
 }({});

package/dist/cjs/assets-transpilers/types.js.map

@@ -1 +1 @@
-{"version":3,"names":["Mode","exports"],"sources":["../../../src/assets-transpilers/types.ts"],"sourcesContent":["/**\n * @author Kuitos\n * @since 2023-08-26\n */\nimport type { Sandbox } from '@qiankunjs/sandbox';\nimport type { BaseLoaderOpts } from '../common';\n\nimport type { MatchResult } from '../module-resolver';\n\nexport type BaseTranspilerOpts = BaseLoaderOpts & {\n  moduleResolver?: (url: string) => MatchResult | undefined;\n  sandbox?: Sandbox;\n};\n\nexport type AssetsTranspilerOpts = BaseTranspilerOpts & { rawNode: Node };\n\nexport enum Mode {\n  REMOTE_FROM_SANDBOX = 'REMOTE_FROM_SANDBOX',\n  CACHE_FROM_SANDBOX = 'CACHE_IN_SANDBOX',\n  INLINE_FROM_SANDBOX = 'INLINE_FROM_SANDBOX',\n  NONE = 'NONE',\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAHA,IAgBYA,IAAI,0BAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAA,OAAJA,IAAI;AAAA;AAAAC,OAAA,CAAAD,IAAA,GAAAA,IAAA"}
+{"version":3,"names":["Mode","exports"],"sources":["../../../src/assets-transpilers/types.ts"],"sourcesContent":["/**\n * @author Kuitos\n * @since 2023-08-26\n */\nimport type { Sandbox } from '@qiankunjs/sandbox';\nimport type { BaseLoaderOpts } from '../common';\n\nimport type { MatchResult } from '../module-resolver';\n\nexport type BaseTranspilerOpts = BaseLoaderOpts & {\n  moduleResolver?: (url: string) => MatchResult | undefined;\n  sandbox?: Sandbox;\n};\n\nexport type AssetsTranspilerOpts = BaseTranspilerOpts & { rawNode: Node };\n\nexport enum Mode {\n  REMOTE_ASSETS_IN_SANDBOX = 'RAIS',\n  REUSED_DEP_IN_SANDBOX = 'RDIS',\n  INLINE_CODE_IN_SANDBOX = 'ICIS',\n  NONE = 'NONE',\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAHA,IAgBYA,IAAI,0BAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAA,OAAJA,IAAI;AAAA;AAAAC,OAAA,CAAAD,IAAA,GAAAA,IAAA"}

package/dist/cjs/assets-transpilers/utils.d.ts

@@ -0,0 +1 @@
+export declare const createReusingObjectUrl: ((src: string, url: string, type: 'text/javascript' | 'text/css') => string) & import("lodash").MemoizedFunction;

package/dist/cjs/assets-transpilers/utils.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createReusingObjectUrl = void 0;
+var _memoize2 = _interopRequireDefault(require("lodash/memoize"));
+/**
+ * @author Kuitos
+ * @since 2023-10-09
+ */
+
+var createReusingObjectUrl = (0, _memoize2.default)(function (src, url, type) {
+  return URL.createObjectURL(new Blob(["/* ".concat(src, " is reusing the execution result of ").concat(url, " */")], {
+    type: type
+  }));
+}, function (src, url, type) {
+  return "".concat(src, "#").concat(url, "#").concat(type);
+});
+exports.createReusingObjectUrl = createReusingObjectUrl;
+//# sourceMappingURL=utils.js.map

package/dist/cjs/assets-transpilers/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createReusingObjectUrl","_memoize2","default","src","url","type","URL","createObjectURL","Blob","concat","exports"],"sources":["../../../src/assets-transpilers/utils.ts"],"sourcesContent":["/**\n * @author Kuitos\n * @since 2023-10-09\n */\nimport { memoize } from 'lodash';\n\nexport const createReusingObjectUrl = memoize(\n  (src: string, url: string, type: 'text/javascript' | 'text/css'): string => {\n    return URL.createObjectURL(\n      new Blob([`/* ${src} is reusing the execution result of ${url} */`], {\n        type,\n      }),\n    );\n  },\n  (src, url, type) => `${src}#${url}#${type}`,\n);\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;;AAGO,IAAMA,sBAAsB,GAAG,IAAAC,SAAA,CAAAC,OAAA,EACpC,UAACC,GAAW,EAAEC,GAAW,EAAEC,IAAoC,EAAa;EAC1E,OAAOC,GAAG,CAACC,eAAe,CACxB,IAAIC,IAAI,CAAC,OAAAC,MAAA,CAAON,GAAG,0CAAAM,MAAA,CAAuCL,GAAG,SAAM,EAAE;IACnEC,IAAI,EAAJA;EACF,CAAC,CACH,CAAC;AACH,CAAC,EACD,UAACF,GAAG,EAAEC,GAAG,EAAEC,IAAI;EAAA,UAAAI,MAAA,CAAQN,GAAG,OAAAM,MAAA,CAAIL,GAAG,OAAAK,MAAA,CAAIJ,IAAI;AAAA,CAC3C,CAAC;AAACK,OAAA,CAAAV,sBAAA,GAAAA,sBAAA"}

package/dist/esm/assets-transpilers/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["transpileLink","transpileScript","transpileAssets","node","baseURI","opts","htmlElement","tagName"],"sources":["../../../src/assets-transpilers/index.ts"],"sourcesContent":["/**\n * @author Kuitos\n * @since 2023-03-14\n */\nimport transpileLink from './link';\nimport transpileScript from './script';\nimport type { AssetsTranspilerOpts } from './types';\n\nexport function transpileAssets<T extends Node>(node: T, baseURI: string, opts: AssetsTranspilerOpts): T {\n  const htmlElement = (node as unknown) as HTMLElement;\n  const { tagName } = htmlElement;\n\n  switch (tagName) {\n    case 'SCRIPT': {\n      return (transpileScript(htmlElement as HTMLScriptElement, baseURI, opts) as unknown) as T;\n    }\n\n    case 'LINK': {\n      return (transpileLink(htmlElement as HTMLLinkElement, baseURI, opts) as unknown) as T;\n    }\n\n    default:\n      break;\n  }\n\n  // TODO need to deal with the text scenario of script\n  // const { nodeType } = node;\n  // switch (nodeType) {\n  //   case Node.TEXT_NODE: {\n  //     if (node.parentNode?.nodeName === 'script') {\n  //       break;\n  //     }\n  //     }\n  //\n  //   }\n  // }\n  return node;\n}\n\nexport type * from './types';\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA,OAAOA,aAAa;AACpB,OAAOC,eAAe;AAGtB,OAAO,SAASC,eAAeA,CAAiBC,IAAO,EAAEC,OAAe,EAAEC,IAA0B,EAAK;EACvG,IAAMC,WAAW,GAAIH,IAA+B;EACpD,IAAQI,OAAO,GAAKD,WAAW,CAAvBC,OAAO;EAEf,QAAQA,OAAO;IACb,KAAK,QAAQ;MAAE;QACb,OAAQN,eAAe,CAACK,WAAW,EAAuBF,OAAO,EAAEC,IAAI,CAAC;MAC1E;IAEA,KAAK,MAAM;MAAE;QACX,OAAQL,aAAa,CAACM,WAAW,EAAqBF,OAAO,EAAEC,IAAI,CAAC;MACtE;IAEA;MACE;EACJ;;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OAAOF,IAAI;AACb"}
+{"version":3,"names":["transpileLink","transpileScript","transpileAssets","node","baseURI","opts","htmlElement","tagName"],"sources":["../../../src/assets-transpilers/index.ts"],"sourcesContent":["/**\n * @author Kuitos\n * @since 2023-03-14\n */\nimport transpileLink from './link';\nimport transpileScript from './script';\nimport type { AssetsTranspilerOpts } from './types';\n\nexport function transpileAssets<T extends Node>(node: T, baseURI: string, opts: AssetsTranspilerOpts): T {\n  const htmlElement = node as unknown as HTMLElement;\n  const { tagName } = htmlElement;\n\n  switch (tagName) {\n    case 'SCRIPT': {\n      return transpileScript(htmlElement as HTMLScriptElement, baseURI, opts) as unknown as T;\n    }\n\n    case 'LINK': {\n      return transpileLink(htmlElement as HTMLLinkElement, baseURI, opts) as unknown as T;\n    }\n\n    default:\n      break;\n  }\n\n  // TODO need to deal with the text scenario of script\n  // const { nodeType } = node;\n  // switch (nodeType) {\n  //   case Node.TEXT_NODE: {\n  //     if (node.parentNode?.nodeName === 'script') {\n  //       break;\n  //     }\n  //     }\n  //\n  //   }\n  // }\n  return node;\n}\n\nexport type * from './types';\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA,OAAOA,aAAa;AACpB,OAAOC,eAAe;AAGtB,OAAO,SAASC,eAAeA,CAAiBC,IAAO,EAAEC,OAAe,EAAEC,IAA0B,EAAK;EACvG,IAAMC,WAAW,GAAGH,IAA8B;EAClD,IAAQI,OAAO,GAAKD,WAAW,CAAvBC,OAAO;EAEf,QAAQA,OAAO;IACb,KAAK,QAAQ;MAAE;QACb,OAAON,eAAe,CAACK,WAAW,EAAuBF,OAAO,EAAEC,IAAI,CAAC;MACzE;IAEA,KAAK,MAAM;MAAE;QACX,OAAOL,aAAa,CAACM,WAAW,EAAqBF,OAAO,EAAEC,IAAI,CAAC;MACrE;IAEA;MACE;EACJ;;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OAAOF,IAAI;AACb"}

package/dist/esm/assets-transpilers/link.js

@@ -7,17 +7,20 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { getEntireUrl } from "../utils";
 import { preTranspile as preTranspileScript } from "./script";
 import { Mode } from "./types";
-var preTranspile = function preTranspile(link, baseURI, opts) {
+import { createReusingObjectUrl } from "./utils";
+var preTranspileStyleSheetLink = function preTranspileStyleSheetLink(link, baseURI, opts) {
   var sandbox = opts.sandbox,
     moduleResolver = opts.moduleResolver;
-  var href = link.href;
+  var href = link.href,
+    rel = link.rel;
   if (sandbox) {
-    if (href) {
+    // filter preload links
+    if (href && rel === 'stylesheet') {
       var linkHref = getEntireUrl(href, baseURI);
       var matchedAssets = moduleResolver === null || moduleResolver === void 0 ? void 0 : moduleResolver(linkHref);
       if (matchedAssets) {
         return {
-          mode: Mode.CACHE_FROM_SANDBOX,
+          mode: Mode.REUSED_DEP_IN_SANDBOX,
           result: _objectSpread({
             src: linkHref
           }, matchedAssets)
@@ -29,26 +32,9 @@ var preTranspile = function preTranspile(link, baseURI, opts) {
     mode: Mode.NONE
   };
 };
-
-/**
- * While the assets are transpiling in sandbox, it means they will be evaluated with manual fetching,
- * thus we need to set the attribute `as` to fetch instead of script or style to avoid preload cache missing.
- * see https://stackoverflow.com/questions/52635660/can-link-rel-preload-be-made-to-work-with-fetch/63814972#63814972
- */
 var postProcessPreloadLink = function postProcessPreloadLink(link, baseURI, opts) {
   var as = link.as,
     href = link.href;
-  var revokeAfterLoaded = function revokeAfterLoaded(objectURL, link) {
-    var revoke = function revoke() {
-      return URL.revokeObjectURL(objectURL);
-    };
-    link.addEventListener('load', revoke, {
-      once: true
-    });
-    link.addEventListener('error', revoke, {
-      once: true
-    });
-  };
   switch (as) {
     case 'script':
       {
@@ -58,19 +44,20 @@ var postProcessPreloadLink = function postProcessPreloadLink(link, baseURI, opts
           mode = _preTranspileScript.mode,
           result = _preTranspileScript.result;
         switch (mode) {
-          case Mode.REMOTE_FROM_SANDBOX:
+          /**
+           * While the assets are transpiling in sandbox, it means they will be evaluated with manual fetching,
+           * thus we need to set the attribute `as` to fetch instead of script or style to avoid preload cache missing.
+           * see https://stackoverflow.com/questions/52635660/can-link-rel-preload-be-made-to-work-with-fetch/63814972#63814972
+           */
+          case Mode.REMOTE_ASSETS_IN_SANDBOX:
             {
               link.as = 'fetch';
               break;
             }
-          case Mode.CACHE_FROM_SANDBOX:
+          case Mode.REUSED_DEP_IN_SANDBOX:
             {
               var url = result.url;
-              var objectURL = URL.createObjectURL(new Blob(["// ".concat(href, " is reusing the execution result of ").concat(url)], {
-                type: 'text/javascript'
-              }));
-              link.href = objectURL;
-              revokeAfterLoaded(objectURL, link);
+              link.href = createReusingObjectUrl(href, url, 'text/javascript');
               break;
             }
         }
@@ -78,20 +65,17 @@ var postProcessPreloadLink = function postProcessPreloadLink(link, baseURI, opts
       }
     case 'style':
       {
-        var _preTranspile = preTranspile({
-            href: href
+        var _preTranspileStyleShe = preTranspileStyleSheetLink({
+            href: href,
+            rel: 'stylesheet'
           }, baseURI, opts),
-          _mode = _preTranspile.mode,
-          _result = _preTranspile.result;
+          _mode = _preTranspileStyleShe.mode,
+          _result = _preTranspileStyleShe.result;
         switch (_mode) {
-          case Mode.CACHE_FROM_SANDBOX:
+          case Mode.REUSED_DEP_IN_SANDBOX:
             {
               var _url = _result.url;
-              var _objectURL = URL.createObjectURL(new Blob(["// ".concat(href, " is reusing the execution result of ").concat(_url)], {
-                type: 'text/css'
-              }));
-              link.href = _objectURL;
-              revokeAfterLoaded(_objectURL, link);
+              link.href = createReusingObjectUrl(href, _url, 'text/css');
               break;
             }
         }
@@ -103,22 +87,21 @@ var postProcessPreloadLink = function postProcessPreloadLink(link, baseURI, opts
 };
 export default function transpileLink(link, baseURI, opts) {
   var hrefAttribute = link.getAttribute('href');
-  var _preTranspile2 = preTranspile({
-      href: hrefAttribute || undefined
+  var _preTranspileStyleShe2 = preTranspileStyleSheetLink({
+      href: hrefAttribute || undefined,
+      rel: link.rel
     }, baseURI, opts),
-    mode = _preTranspile2.mode,
-    result = _preTranspile2.result;
+    mode = _preTranspileStyleShe2.mode,
+    result = _preTranspileStyleShe2.result;
   switch (mode) {
-    case Mode.CACHE_FROM_SANDBOX:
+    case Mode.REUSED_DEP_IN_SANDBOX:
       {
         var src = result.src,
           version = result.version,
           url = result.url;
         link.dataset.href = src;
         link.dataset.version = version;
-        link.href = URL.createObjectURL(new Blob(["// ".concat(src, " is reusing the execution result of ").concat(url)], {
-          type: 'text/css'
-        }));
+        link.href = createReusingObjectUrl(src, url, 'text/css');
         return link;
       }
     case Mode.NONE:

package/dist/esm/assets-transpilers/link.js.map

@@ -1 +1 @@
-{"version":3,"names":["getEntireUrl","preTranspile","preTranspileScript","Mode","link","baseURI","opts","sandbox","moduleResolver","href","linkHref","matchedAssets","mode","CACHE_FROM_SANDBOX","result","_objectSpread","src","NONE","postProcessPreloadLink","as","revokeAfterLoaded","objectURL","revoke","URL","revokeObjectURL","addEventListener","once","_preTranspileScript","REMOTE_FROM_SANDBOX","url","createObjectURL","Blob","concat","type","_preTranspile","transpileLink","hrefAttribute","getAttribute","_preTranspile2","undefined","version","dataset","rel"],"sources":["../../../src/assets-transpilers/link.ts"],"sourcesContent":["/**\n * @author Kuitos\n * @since 2023-04-26\n */\nimport type { MatchResult } from '../module-resolver';\nimport { getEntireUrl } from '../utils';\nimport { preTranspile as preTranspileScript } from './script';\nimport type { AssetsTranspilerOpts, BaseTranspilerOpts } from './types';\nimport { Mode } from './types';\n\ntype PreTranspileResult =\n  | { mode: Mode.CACHE_FROM_SANDBOX; result: { src: string } & MatchResult }\n  | { mode: Mode.NONE; result?: never };\nconst preTranspile = (\n  link: Partial<Pick<HTMLLinkElement, 'href'>>,\n  baseURI: string,\n  opts: BaseTranspilerOpts,\n): PreTranspileResult => {\n  const { sandbox, moduleResolver } = opts;\n  const { href } = link;\n\n  if (sandbox) {\n    if (href) {\n      const linkHref = getEntireUrl(href, baseURI);\n\n      const matchedAssets = moduleResolver?.(linkHref);\n      if (matchedAssets) {\n        return {\n          mode: Mode.CACHE_FROM_SANDBOX,\n          result: { src: linkHref, ...matchedAssets },\n        };\n      }\n    }\n  }\n\n  return {\n    mode: Mode.NONE,\n  };\n};\n\n/**\n * While the assets are transpiling in sandbox, it means they will be evaluated with manual fetching,\n * thus we need to set the attribute `as` to fetch instead of script or style to avoid preload cache missing.\n * see https://stackoverflow.com/questions/52635660/can-link-rel-preload-be-made-to-work-with-fetch/63814972#63814972\n */\nconst postProcessPreloadLink = (link: HTMLLinkElement, baseURI: string, opts: AssetsTranspilerOpts): void => {\n  const { as, href } = link;\n\n  const revokeAfterLoaded = (objectURL: string, link: HTMLLinkElement) => {\n    const revoke = () => URL.revokeObjectURL(objectURL);\n    link.addEventListener('load', revoke, { once: true });\n    link.addEventListener('error', revoke, { once: true });\n  };\n\n  switch (as) {\n    case 'script': {\n      const { mode, result } = preTranspileScript({ src: href }, baseURI, opts);\n\n      switch (mode) {\n        case Mode.REMOTE_FROM_SANDBOX: {\n          link.as = 'fetch';\n          break;\n        }\n\n        case Mode.CACHE_FROM_SANDBOX: {\n          const { url } = result;\n          const objectURL = URL.createObjectURL(\n            new Blob([`// ${href} is reusing the execution result of ${url}`], {\n              type: 'text/javascript',\n            }),\n          );\n          link.href = objectURL;\n          revokeAfterLoaded(objectURL, link);\n\n          break;\n        }\n      }\n\n      break;\n    }\n\n    case 'style': {\n      const { mode, result } = preTranspile({ href }, baseURI, opts);\n\n      switch (mode) {\n        case Mode.CACHE_FROM_SANDBOX: {\n          const { url } = result;\n          const objectURL = URL.createObjectURL(\n            new Blob([`// ${href} is reusing the execution result of ${url}`], {\n              type: 'text/css',\n            }),\n          );\n          link.href = objectURL;\n          revokeAfterLoaded(objectURL, link);\n          break;\n        }\n      }\n\n      break;\n    }\n\n    default:\n      break;\n  }\n};\n\nexport default function transpileLink(\n  link: HTMLLinkElement,\n  baseURI: string,\n  opts: AssetsTranspilerOpts,\n): HTMLLinkElement {\n  const hrefAttribute = link.getAttribute('href');\n  const { mode, result } = preTranspile(\n    {\n      href: hrefAttribute || undefined,\n    },\n    baseURI,\n    opts,\n  );\n\n  switch (mode) {\n    case Mode.CACHE_FROM_SANDBOX: {\n      const { src, version, url } = result;\n      link.dataset.href = src;\n      link.dataset.version = version;\n      link.href = URL.createObjectURL(\n        new Blob([`// ${src} is reusing the execution result of ${url}`], {\n          type: 'text/css',\n        }),\n      );\n\n      return link;\n    }\n\n    case Mode.NONE:\n    default: {\n      if (hrefAttribute) {\n        link.href = getEntireUrl(hrefAttribute, baseURI);\n\n        if (link.rel === 'preload') {\n          postProcessPreloadLink(link, baseURI, opts);\n        }\n\n        return link;\n      }\n\n      return link;\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["getEntireUrl","preTranspile","preTranspileScript","Mode","createReusingObjectUrl","preTranspileStyleSheetLink","link","baseURI","opts","sandbox","moduleResolver","href","rel","linkHref","matchedAssets","mode","REUSED_DEP_IN_SANDBOX","result","_objectSpread","src","NONE","postProcessPreloadLink","as","_preTranspileScript","REMOTE_ASSETS_IN_SANDBOX","url","_preTranspileStyleShe","transpileLink","hrefAttribute","getAttribute","_preTranspileStyleShe2","undefined","version","dataset"],"sources":["../../../src/assets-transpilers/link.ts"],"sourcesContent":["/**\n * @author Kuitos\n * @since 2023-04-26\n */\nimport type { MatchResult } from '../module-resolver';\nimport { getEntireUrl } from '../utils';\nimport { preTranspile as preTranspileScript } from './script';\nimport type { AssetsTranspilerOpts, BaseTranspilerOpts } from './types';\nimport { Mode } from './types';\nimport { createReusingObjectUrl } from './utils';\n\ntype PreTranspileResult =\n  | { mode: Mode.REUSED_DEP_IN_SANDBOX; result: { src: string } & MatchResult }\n  | { mode: Mode.NONE; result?: never };\nconst preTranspileStyleSheetLink = (\n  link: Partial<Pick<HTMLLinkElement, 'href' | 'rel'>>,\n  baseURI: string,\n  opts: BaseTranspilerOpts,\n): PreTranspileResult => {\n  const { sandbox, moduleResolver } = opts;\n  const { href, rel } = link;\n\n  if (sandbox) {\n    // filter preload links\n    if (href && rel === 'stylesheet') {\n      const linkHref = getEntireUrl(href, baseURI);\n\n      const matchedAssets = moduleResolver?.(linkHref);\n      if (matchedAssets) {\n        return {\n          mode: Mode.REUSED_DEP_IN_SANDBOX,\n          result: { src: linkHref, ...matchedAssets },\n        };\n      }\n    }\n  }\n\n  return {\n    mode: Mode.NONE,\n  };\n};\n\nconst postProcessPreloadLink = (link: HTMLLinkElement, baseURI: string, opts: AssetsTranspilerOpts): void => {\n  const { as, href } = link;\n  switch (as) {\n    case 'script': {\n      const { mode, result } = preTranspileScript({ src: href }, baseURI, opts);\n\n      switch (mode) {\n        /**\n         * While the assets are transpiling in sandbox, it means they will be evaluated with manual fetching,\n         * thus we need to set the attribute `as` to fetch instead of script or style to avoid preload cache missing.\n         * see https://stackoverflow.com/questions/52635660/can-link-rel-preload-be-made-to-work-with-fetch/63814972#63814972\n         */\n        case Mode.REMOTE_ASSETS_IN_SANDBOX: {\n          link.as = 'fetch';\n          break;\n        }\n\n        case Mode.REUSED_DEP_IN_SANDBOX: {\n          const { url } = result;\n          link.href = createReusingObjectUrl(href, url, 'text/javascript');\n\n          break;\n        }\n      }\n\n      break;\n    }\n\n    case 'style': {\n      const { mode, result } = preTranspileStyleSheetLink({ href, rel: 'stylesheet' }, baseURI, opts);\n\n      switch (mode) {\n        case Mode.REUSED_DEP_IN_SANDBOX: {\n          const { url } = result;\n          link.href = createReusingObjectUrl(href, url, 'text/css');\n          break;\n        }\n      }\n\n      break;\n    }\n\n    default:\n      break;\n  }\n};\n\nexport default function transpileLink(\n  link: HTMLLinkElement,\n  baseURI: string,\n  opts: AssetsTranspilerOpts,\n): HTMLLinkElement {\n  const hrefAttribute = link.getAttribute('href');\n  const { mode, result } = preTranspileStyleSheetLink(\n    {\n      href: hrefAttribute || undefined,\n      rel: link.rel,\n    },\n    baseURI,\n    opts,\n  );\n\n  switch (mode) {\n    case Mode.REUSED_DEP_IN_SANDBOX: {\n      const { src, version, url } = result;\n      link.dataset.href = src;\n      link.dataset.version = version;\n      link.href = createReusingObjectUrl(src, url, 'text/css');\n\n      return link;\n    }\n\n    case Mode.NONE:\n    default: {\n      if (hrefAttribute) {\n        link.href = getEntireUrl(hrefAttribute, baseURI);\n\n        if (link.rel === 'preload') {\n          postProcessPreloadLink(link, baseURI, opts);\n        }\n\n        return link;\n      }\n\n      return link;\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/esm/assets-transpilers/script.d.ts

@@ -6,17 +6,17 @@ import type { MatchResult } from '../module-resolver';
 import type { AssetsTranspilerOpts } from './types';
 import { Mode } from './types';
 type PreTranspileResult = {
-    mode: Mode.REMOTE_FROM_SANDBOX;
+    mode: Mode.REMOTE_ASSETS_IN_SANDBOX;
     result: {
         src: string;
     };
 } | {
-    mode: Mode.CACHE_FROM_SANDBOX;
+    mode: Mode.REUSED_DEP_IN_SANDBOX;
     result: {
         src: string;
     } & MatchResult;
 } | {
-    mode: Mode.INLINE_FROM_SANDBOX;
+    mode: Mode.INLINE_CODE_IN_SANDBOX;
     result: {
         code: string;
     };

package/dist/esm/assets-transpilers/script.js

@@ -6,6 +6,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 
 import { getEntireUrl } from "../utils";
 import { Mode } from "./types";
+import { createReusingObjectUrl } from "./utils";
 var isValidJavaScriptType = function isValidJavaScriptType(type) {
   var handleTypes = ['text/javascript', 'module', 'application/javascript', 'text/ecmascript', 'application/ecmascript'];
   return !type || handleTypes.indexOf(type) !== -1;
@@ -31,14 +32,14 @@ export var preTranspile = function preTranspile(script, baseURI, opts) {
       var matchedScript = moduleResolver === null || moduleResolver === void 0 ? void 0 : moduleResolver(entireUrl);
       if (matchedScript) {
         return {
-          mode: Mode.CACHE_FROM_SANDBOX,
+          mode: Mode.REUSED_DEP_IN_SANDBOX,
           result: _objectSpread({
             src: entireUrl
           }, matchedScript)
         };
       }
       return {
-        mode: Mode.REMOTE_FROM_SANDBOX,
+        mode: Mode.REMOTE_ASSETS_IN_SANDBOX,
         result: {
           src: entireUrl
         }
@@ -50,7 +51,7 @@ export var preTranspile = function preTranspile(script, baseURI, opts) {
       var code = scriptNode.textContent;
       if (code) {
         return {
-          mode: Mode.INLINE_FROM_SANDBOX,
+          mode: Mode.INLINE_CODE_IN_SANDBOX,
           result: {
             code: code
           }
@@ -76,7 +77,7 @@ export default function transpileScript(script, baseURI, opts) {
     mode = _preTranspile.mode,
     result = _preTranspile.result;
   switch (mode) {
-    case Mode.REMOTE_FROM_SANDBOX:
+    case Mode.REMOTE_ASSETS_IN_SANDBOX:
       {
         var src = result.src;
 
@@ -104,7 +105,7 @@ export default function transpileScript(script, baseURI, opts) {
         });
         return script;
       }
-    case Mode.INLINE_FROM_SANDBOX:
+    case Mode.INLINE_CODE_IN_SANDBOX:
       {
         var rawNode = opts.rawNode;
         var scriptNode = script.textContent ? script : rawNode.childNodes[0];
@@ -114,7 +115,7 @@ export default function transpileScript(script, baseURI, opts) {
         script.dataset.consumed = 'true';
         return script;
       }
-    case Mode.CACHE_FROM_SANDBOX:
+    case Mode.REUSED_DEP_IN_SANDBOX:
       {
         var url = result.url,
           version = result.version,
@@ -128,9 +129,7 @@ export default function transpileScript(script, baseURI, opts) {
         }
 
         // When the script hits the dependency reuse logic, the current script is not executed, and an empty script is returned directly
-        script.src = URL.createObjectURL(new Blob(["// ".concat(_src, " is reusing the execution result of ").concat(url)], {
-          type: 'text/javascript'
-        }));
+        script.src = createReusingObjectUrl(_src, url, 'text/javascript');
         return script;
       }
     case Mode.NONE:

package/dist/esm/assets-transpilers/script.js.map

@@ -1 +1 @@
-{"version":3,"names":["getEntireUrl","Mode","isValidJavaScriptType","type","handleTypes","indexOf","getCredentials","crossOrigin","undefined","preTranspile","script","baseURI","opts","sandbox","moduleResolver","src","entireUrl","matchedScript","mode","CACHE_FROM_SANDBOX","result","_objectSpread","REMOTE_FROM_SANDBOX","rawNode","scriptNode","textContent","childNodes","code","INLINE_FROM_SANDBOX","NONE","transpileScript","srcAttribute","getAttribute","fetch","_preTranspile","removeAttribute","dataset","syncMode","hasAttribute","priority","credentials","then","res","text","codeFactory","makeEvaluateFactory","fetchPriority","URL","createObjectURL","Blob","consumed","url","version","concat"],"sources":["../../../src/assets-transpilers/script.ts"],"sourcesContent":["/**\n * @author Kuitos\n * @since 2023-03-16\n */\n\nimport type { MatchResult } from '../module-resolver';\nimport { getEntireUrl } from '../utils';\nimport type { AssetsTranspilerOpts } from './types';\nimport { Mode } from './types';\n\nconst isValidJavaScriptType = (type?: string): boolean => {\n  const handleTypes = [\n    'text/javascript',\n    'module',\n    'application/javascript',\n    'text/ecmascript',\n    'application/ecmascript',\n  ];\n  return !type || handleTypes.indexOf(type) !== -1;\n};\n\nconst getCredentials = (crossOrigin: string | null): RequestInit['credentials'] | undefined => {\n  switch (crossOrigin) {\n    case 'anonymous':\n      return 'same-origin';\n    case 'use-credentials':\n      return 'include';\n    default:\n      return undefined;\n  }\n};\n\ntype PreTranspileResult =\n  | { mode: Mode.REMOTE_FROM_SANDBOX; result: { src: string } }\n  | { mode: Mode.CACHE_FROM_SANDBOX; result: { src: string } & MatchResult }\n  | { mode: Mode.INLINE_FROM_SANDBOX; result: { code: string } }\n  | { mode: Mode.NONE; result?: never };\n\nexport const preTranspile = (\n  script: Partial<Pick<HTMLScriptElement, 'src' | 'type' | 'textContent'>>,\n  baseURI: string,\n  opts: AssetsTranspilerOpts,\n): PreTranspileResult => {\n  const { sandbox, moduleResolver } = opts;\n\n  const { src, type } = script;\n\n  if (sandbox) {\n    if (src) {\n      const entireUrl = getEntireUrl(src, baseURI);\n      const matchedScript = moduleResolver?.(entireUrl);\n      if (matchedScript) {\n        return {\n          mode: Mode.CACHE_FROM_SANDBOX,\n          result: { src: entireUrl, ...matchedScript },\n        };\n      }\n\n      return {\n        mode: Mode.REMOTE_FROM_SANDBOX,\n        result: { src: entireUrl },\n      };\n    }\n\n    if (isValidJavaScriptType(type)) {\n      const rawNode = opts.rawNode as HTMLScriptElement;\n      const scriptNode = script.textContent ? script : rawNode.childNodes[0];\n\n      const code = scriptNode.textContent;\n      if (code) {\n        return {\n          mode: Mode.INLINE_FROM_SANDBOX,\n          result: {\n            code,\n          },\n        };\n      }\n    }\n  }\n\n  return { mode: Mode.NONE };\n};\n\nexport default function transpileScript(\n  script: HTMLScriptElement,\n  baseURI: string,\n  opts: AssetsTranspilerOpts,\n): HTMLScriptElement {\n  // Can't use script.src directly, because it will be resolved to absolute path by browser with Node.baseURI\n  // Such as <script src=\"./foo.js\"></script> will be resolved to http://localhost:8000/foo.js while read script.src\n  const srcAttribute = script.getAttribute('src');\n  const { sandbox, fetch } = opts;\n\n  const { mode, result } = preTranspile(\n    {\n      src: srcAttribute || undefined,\n      type: script.type,\n      textContent: script.textContent,\n    },\n    baseURI,\n    opts,\n  );\n\n  switch (mode) {\n    case Mode.REMOTE_FROM_SANDBOX: {\n      const { src } = result;\n\n      // We must remove script src to avoid self execution as we need to fetch the script content and transpile it\n      script.removeAttribute('src');\n      script.dataset.src = src;\n\n      const syncMode = !script.hasAttribute('async');\n      const priority: Priority = syncMode ? 'high' : 'low';\n      const credentials = getCredentials(script.crossOrigin);\n\n      void fetch(src, { credentials, priority })\n        .then((res) => res.text())\n        .then((code) => {\n          const codeFactory = sandbox!.makeEvaluateFactory(code, src);\n\n          // HTMLScriptElement default fetchPriority is 'auto', we should set it to 'high' to make it execute earlier while it's not async script\n          if (syncMode) {\n            script.fetchPriority = 'high';\n          }\n\n          script.src = URL.createObjectURL(new Blob([codeFactory], { type: 'text/javascript' }));\n        });\n\n      return script;\n    }\n\n    case Mode.INLINE_FROM_SANDBOX: {\n      const rawNode = opts.rawNode as HTMLScriptElement;\n      const scriptNode = script.textContent ? script : rawNode.childNodes[0];\n      const { code } = result;\n\n      scriptNode.textContent = sandbox!.makeEvaluateFactory(code, baseURI);\n      // mark the script have consumed\n      script.dataset.consumed = 'true';\n\n      return script;\n    }\n\n    case Mode.CACHE_FROM_SANDBOX: {\n      const { url, version, src } = result;\n\n      script.dataset.src = src;\n      script.dataset.version = version;\n\n      const syncMode = !script.getAttribute('async');\n      // HTMLScriptElement default fetchPriority is 'auto', we should set it to 'high' to make it execute earlier while it's not async script\n      if (syncMode) {\n        script.fetchPriority = 'high';\n      }\n\n      // When the script hits the dependency reuse logic, the current script is not executed, and an empty script is returned directly\n      script.src = URL.createObjectURL(\n        new Blob([`// ${src} is reusing the execution result of ${url}`], {\n          type: 'text/javascript',\n        }),\n      );\n\n      return script;\n    }\n\n    case Mode.NONE:\n    default: {\n      if (srcAttribute) {\n        script.src = getEntireUrl(srcAttribute, baseURI);\n        return script;\n      }\n\n      return script;\n    }\n  }\n\n  // TODO find entry exports\n}\n"],"mappings":"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"}
+{"version":3,"names":["getEntireUrl","Mode","createReusingObjectUrl","isValidJavaScriptType","type","handleTypes","indexOf","getCredentials","crossOrigin","undefined","preTranspile","script","baseURI","opts","sandbox","moduleResolver","src","entireUrl","matchedScript","mode","REUSED_DEP_IN_SANDBOX","result","_objectSpread","REMOTE_ASSETS_IN_SANDBOX","rawNode","scriptNode","textContent","childNodes","code","INLINE_CODE_IN_SANDBOX","NONE","transpileScript","srcAttribute","getAttribute","fetch","_preTranspile","removeAttribute","dataset","syncMode","hasAttribute","priority","credentials","then","res","text","codeFactory","makeEvaluateFactory","fetchPriority","URL","createObjectURL","Blob","consumed","url","version"],"sources":["../../../src/assets-transpilers/script.ts"],"sourcesContent":["/**\n * @author Kuitos\n * @since 2023-03-16\n */\n\nimport type { MatchResult } from '../module-resolver';\nimport { getEntireUrl } from '../utils';\nimport type { AssetsTranspilerOpts } from './types';\nimport { Mode } from './types';\nimport { createReusingObjectUrl } from './utils';\n\nconst isValidJavaScriptType = (type?: string): boolean => {\n  const handleTypes = [\n    'text/javascript',\n    'module',\n    'application/javascript',\n    'text/ecmascript',\n    'application/ecmascript',\n  ];\n  return !type || handleTypes.indexOf(type) !== -1;\n};\n\nconst getCredentials = (crossOrigin: string | null): RequestInit['credentials'] | undefined => {\n  switch (crossOrigin) {\n    case 'anonymous':\n      return 'same-origin';\n    case 'use-credentials':\n      return 'include';\n    default:\n      return undefined;\n  }\n};\n\ntype PreTranspileResult =\n  | { mode: Mode.REMOTE_ASSETS_IN_SANDBOX; result: { src: string } }\n  | { mode: Mode.REUSED_DEP_IN_SANDBOX; result: { src: string } & MatchResult }\n  | { mode: Mode.INLINE_CODE_IN_SANDBOX; result: { code: string } }\n  | { mode: Mode.NONE; result?: never };\n\nexport const preTranspile = (\n  script: Partial<Pick<HTMLScriptElement, 'src' | 'type' | 'textContent'>>,\n  baseURI: string,\n  opts: AssetsTranspilerOpts,\n): PreTranspileResult => {\n  const { sandbox, moduleResolver } = opts;\n\n  const { src, type } = script;\n\n  if (sandbox) {\n    if (src) {\n      const entireUrl = getEntireUrl(src, baseURI);\n      const matchedScript = moduleResolver?.(entireUrl);\n      if (matchedScript) {\n        return {\n          mode: Mode.REUSED_DEP_IN_SANDBOX,\n          result: { src: entireUrl, ...matchedScript },\n        };\n      }\n\n      return {\n        mode: Mode.REMOTE_ASSETS_IN_SANDBOX,\n        result: { src: entireUrl },\n      };\n    }\n\n    if (isValidJavaScriptType(type)) {\n      const rawNode = opts.rawNode as HTMLScriptElement;\n      const scriptNode = script.textContent ? script : rawNode.childNodes[0];\n\n      const code = scriptNode.textContent;\n      if (code) {\n        return {\n          mode: Mode.INLINE_CODE_IN_SANDBOX,\n          result: {\n            code,\n          },\n        };\n      }\n    }\n  }\n\n  return { mode: Mode.NONE };\n};\n\nexport default function transpileScript(\n  script: HTMLScriptElement,\n  baseURI: string,\n  opts: AssetsTranspilerOpts,\n): HTMLScriptElement {\n  // Can't use script.src directly, because it will be resolved to absolute path by browser with Node.baseURI\n  // Such as <script src=\"./foo.js\"></script> will be resolved to http://localhost:8000/foo.js while read script.src\n  const srcAttribute = script.getAttribute('src');\n  const { sandbox, fetch } = opts;\n\n  const { mode, result } = preTranspile(\n    {\n      src: srcAttribute || undefined,\n      type: script.type,\n      textContent: script.textContent,\n    },\n    baseURI,\n    opts,\n  );\n\n  switch (mode) {\n    case Mode.REMOTE_ASSETS_IN_SANDBOX: {\n      const { src } = result;\n\n      // We must remove script src to avoid self execution as we need to fetch the script content and transpile it\n      script.removeAttribute('src');\n      script.dataset.src = src;\n\n      const syncMode = !script.hasAttribute('async');\n      const priority: Priority = syncMode ? 'high' : 'low';\n      const credentials = getCredentials(script.crossOrigin);\n\n      void fetch(src, { credentials, priority })\n        .then((res) => res.text())\n        .then((code) => {\n          const codeFactory = sandbox!.makeEvaluateFactory(code, src);\n\n          // HTMLScriptElement default fetchPriority is 'auto', we should set it to 'high' to make it execute earlier while it's not async script\n          if (syncMode) {\n            script.fetchPriority = 'high';\n          }\n\n          script.src = URL.createObjectURL(new Blob([codeFactory], { type: 'text/javascript' }));\n        });\n\n      return script;\n    }\n\n    case Mode.INLINE_CODE_IN_SANDBOX: {\n      const rawNode = opts.rawNode as HTMLScriptElement;\n      const scriptNode = script.textContent ? script : rawNode.childNodes[0];\n      const { code } = result;\n\n      scriptNode.textContent = sandbox!.makeEvaluateFactory(code, baseURI);\n      // mark the script have consumed\n      script.dataset.consumed = 'true';\n\n      return script;\n    }\n\n    case Mode.REUSED_DEP_IN_SANDBOX: {\n      const { url, version, src } = result;\n\n      script.dataset.src = src;\n      script.dataset.version = version;\n\n      const syncMode = !script.getAttribute('async');\n      // HTMLScriptElement default fetchPriority is 'auto', we should set it to 'high' to make it execute earlier while it's not async script\n      if (syncMode) {\n        script.fetchPriority = 'high';\n      }\n\n      // When the script hits the dependency reuse logic, the current script is not executed, and an empty script is returned directly\n      script.src = createReusingObjectUrl(src, url, 'text/javascript');\n\n      return script;\n    }\n\n    case Mode.NONE:\n    default: {\n      if (srcAttribute) {\n        script.src = getEntireUrl(srcAttribute, baseURI);\n        return script;\n      }\n\n      return script;\n    }\n  }\n\n  // TODO find entry exports\n}\n"],"mappings":"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"}

package/dist/esm/assets-transpilers/types.d.ts

@@ -13,8 +13,8 @@ export type AssetsTranspilerOpts = BaseTranspilerOpts & {
     rawNode: Node;
 };
 export declare enum Mode {
-    REMOTE_FROM_SANDBOX = "REMOTE_FROM_SANDBOX",
-    CACHE_FROM_SANDBOX = "CACHE_IN_SANDBOX",
-    INLINE_FROM_SANDBOX = "INLINE_FROM_SANDBOX",
+    REMOTE_ASSETS_IN_SANDBOX = "RAIS",
+    REUSED_DEP_IN_SANDBOX = "RDIS",
+    INLINE_CODE_IN_SANDBOX = "ICIS",
     NONE = "NONE"
 }

package/dist/esm/assets-transpilers/types.js

@@ -4,9 +4,9 @@
  */
 
 export var Mode = /*#__PURE__*/function (Mode) {
-  Mode["REMOTE_FROM_SANDBOX"] = "REMOTE_FROM_SANDBOX";
-  Mode["CACHE_FROM_SANDBOX"] = "CACHE_IN_SANDBOX";
-  Mode["INLINE_FROM_SANDBOX"] = "INLINE_FROM_SANDBOX";
+  Mode["REMOTE_ASSETS_IN_SANDBOX"] = "RAIS";
+  Mode["REUSED_DEP_IN_SANDBOX"] = "RDIS";
+  Mode["INLINE_CODE_IN_SANDBOX"] = "ICIS";
   Mode["NONE"] = "NONE";
   return Mode;
 }({});

package/dist/esm/assets-transpilers/types.js.map

@@ -1 +1 @@
-{"version":3,"names":["Mode"],"sources":["../../../src/assets-transpilers/types.ts"],"sourcesContent":["/**\n * @author Kuitos\n * @since 2023-08-26\n */\nimport type { Sandbox } from '@qiankunjs/sandbox';\nimport type { BaseLoaderOpts } from '../common';\n\nimport type { MatchResult } from '../module-resolver';\n\nexport type BaseTranspilerOpts = BaseLoaderOpts & {\n  moduleResolver?: (url: string) => MatchResult | undefined;\n  sandbox?: Sandbox;\n};\n\nexport type AssetsTranspilerOpts = BaseTranspilerOpts & { rawNode: Node };\n\nexport enum Mode {\n  REMOTE_FROM_SANDBOX = 'REMOTE_FROM_SANDBOX',\n  CACHE_FROM_SANDBOX = 'CACHE_IN_SANDBOX',\n  INLINE_FROM_SANDBOX = 'INLINE_FROM_SANDBOX',\n  NONE = 'NONE',\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;;AAaA,WAAYA,IAAI,0BAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAA,OAAJA,IAAI;AAAA"}
+{"version":3,"names":["Mode"],"sources":["../../../src/assets-transpilers/types.ts"],"sourcesContent":["/**\n * @author Kuitos\n * @since 2023-08-26\n */\nimport type { Sandbox } from '@qiankunjs/sandbox';\nimport type { BaseLoaderOpts } from '../common';\n\nimport type { MatchResult } from '../module-resolver';\n\nexport type BaseTranspilerOpts = BaseLoaderOpts & {\n  moduleResolver?: (url: string) => MatchResult | undefined;\n  sandbox?: Sandbox;\n};\n\nexport type AssetsTranspilerOpts = BaseTranspilerOpts & { rawNode: Node };\n\nexport enum Mode {\n  REMOTE_ASSETS_IN_SANDBOX = 'RAIS',\n  REUSED_DEP_IN_SANDBOX = 'RDIS',\n  INLINE_CODE_IN_SANDBOX = 'ICIS',\n  NONE = 'NONE',\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;;AAaA,WAAYA,IAAI,0BAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAA,OAAJA,IAAI;AAAA"}

package/dist/esm/assets-transpilers/utils.d.ts

@@ -0,0 +1 @@
+export declare const createReusingObjectUrl: ((src: string, url: string, type: 'text/javascript' | 'text/css') => string) & import("lodash").MemoizedFunction;

package/dist/esm/assets-transpilers/utils.js

@@ -0,0 +1,13 @@
+import _memoize from "lodash/memoize";
+/**
+ * @author Kuitos
+ * @since 2023-10-09
+ */
+export var createReusingObjectUrl = _memoize(function (src, url, type) {
+  return URL.createObjectURL(new Blob(["/* ".concat(src, " is reusing the execution result of ").concat(url, " */")], {
+    type: type
+  }));
+}, function (src, url, type) {
+  return "".concat(src, "#").concat(url, "#").concat(type);
+});
+//# sourceMappingURL=utils.js.map

package/dist/esm/assets-transpilers/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createReusingObjectUrl","_memoize","src","url","type","URL","createObjectURL","Blob","concat"],"sources":["../../../src/assets-transpilers/utils.ts"],"sourcesContent":["/**\n * @author Kuitos\n * @since 2023-10-09\n */\nimport { memoize } from 'lodash';\n\nexport const createReusingObjectUrl = memoize(\n  (src: string, url: string, type: 'text/javascript' | 'text/css'): string => {\n    return URL.createObjectURL(\n      new Blob([`/* ${src} is reusing the execution result of ${url} */`], {\n        type,\n      }),\n    );\n  },\n  (src, url, type) => `${src}#${url}#${type}`,\n);\n"],"mappings":";AAAA;AACA;AACA;AACA;AAGA,OAAO,IAAMA,sBAAsB,GAAGC,QAAA,CACpC,UAACC,GAAW,EAAEC,GAAW,EAAEC,IAAoC,EAAa;EAC1E,OAAOC,GAAG,CAACC,eAAe,CACxB,IAAIC,IAAI,CAAC,OAAAC,MAAA,CAAON,GAAG,0CAAAM,MAAA,CAAuCL,GAAG,SAAM,EAAE;IACnEC,IAAI,EAAJA;EACF,CAAC,CACH,CAAC;AACH,CAAC,EACD,UAACF,GAAG,EAAEC,GAAG,EAAEC,IAAI;EAAA,UAAAI,MAAA,CAAQN,GAAG,OAAAM,MAAA,CAAIL,GAAG,OAAAK,MAAA,CAAIJ,IAAI;AAAA,CAC3C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qiankunjs/shared",
-  "version": "0.0.1-rc.1",
+  "version": "0.0.1-rc.3",
   "description": "",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
@@ -12,7 +12,7 @@
     "@babel/runtime": "^7.10.5",
     "lodash": "^4.17.11",
     "semver": "^7.5.3",
-    "@qiankunjs/sandbox": "^0.0.1-rc.1"
+    "@qiankunjs/sandbox": "^0.0.1-rc.3"
   },
   "files": [
     "dist",

package/src/assets-transpilers/index.ts

@@ -7,16 +7,16 @@ import transpileScript from './script';
 import type { AssetsTranspilerOpts } from './types';
 
 export function transpileAssets<T extends Node>(node: T, baseURI: string, opts: AssetsTranspilerOpts): T {
-  const htmlElement = (node as unknown) as HTMLElement;
+  const htmlElement = node as unknown as HTMLElement;
   const { tagName } = htmlElement;
 
   switch (tagName) {
     case 'SCRIPT': {
-      return (transpileScript(htmlElement as HTMLScriptElement, baseURI, opts) as unknown) as T;
+      return transpileScript(htmlElement as HTMLScriptElement, baseURI, opts) as unknown as T;
     }
 
     case 'LINK': {
-      return (transpileLink(htmlElement as HTMLLinkElement, baseURI, opts) as unknown) as T;
+      return transpileLink(htmlElement as HTMLLinkElement, baseURI, opts) as unknown as T;
     }
 
     default:

package/src/assets-transpilers/link.ts

@@ -7,26 +7,28 @@ import { getEntireUrl } from '../utils';
 import { preTranspile as preTranspileScript } from './script';
 import type { AssetsTranspilerOpts, BaseTranspilerOpts } from './types';
 import { Mode } from './types';
+import { createReusingObjectUrl } from './utils';
 
 type PreTranspileResult =
-  | { mode: Mode.CACHE_FROM_SANDBOX; result: { src: string } & MatchResult }
+  | { mode: Mode.REUSED_DEP_IN_SANDBOX; result: { src: string } & MatchResult }
   | { mode: Mode.NONE; result?: never };
-const preTranspile = (
-  link: Partial<Pick<HTMLLinkElement, 'href'>>,
+const preTranspileStyleSheetLink = (
+  link: Partial<Pick<HTMLLinkElement, 'href' | 'rel'>>,
   baseURI: string,
   opts: BaseTranspilerOpts,
 ): PreTranspileResult => {
   const { sandbox, moduleResolver } = opts;
-  const { href } = link;
+  const { href, rel } = link;
 
   if (sandbox) {
-    if (href) {
+    // filter preload links
+    if (href && rel === 'stylesheet') {
       const linkHref = getEntireUrl(href, baseURI);
 
       const matchedAssets = moduleResolver?.(linkHref);
       if (matchedAssets) {
         return {
-          mode: Mode.CACHE_FROM_SANDBOX,
+          mode: Mode.REUSED_DEP_IN_SANDBOX,
           result: { src: linkHref, ...matchedAssets },
         };
       }
@@ -38,39 +40,26 @@ const preTranspile = (
   };
 };
 
-/**
- * While the assets are transpiling in sandbox, it means they will be evaluated with manual fetching,
- * thus we need to set the attribute `as` to fetch instead of script or style to avoid preload cache missing.
- * see https://stackoverflow.com/questions/52635660/can-link-rel-preload-be-made-to-work-with-fetch/63814972#63814972
- */
 const postProcessPreloadLink = (link: HTMLLinkElement, baseURI: string, opts: AssetsTranspilerOpts): void => {
   const { as, href } = link;
-
-  const revokeAfterLoaded = (objectURL: string, link: HTMLLinkElement) => {
-    const revoke = () => URL.revokeObjectURL(objectURL);
-    link.addEventListener('load', revoke, { once: true });
-    link.addEventListener('error', revoke, { once: true });
-  };
-
   switch (as) {
     case 'script': {
       const { mode, result } = preTranspileScript({ src: href }, baseURI, opts);
 
       switch (mode) {
-        case Mode.REMOTE_FROM_SANDBOX: {
+        /**
+         * While the assets are transpiling in sandbox, it means they will be evaluated with manual fetching,
+         * thus we need to set the attribute `as` to fetch instead of script or style to avoid preload cache missing.
+         * see https://stackoverflow.com/questions/52635660/can-link-rel-preload-be-made-to-work-with-fetch/63814972#63814972
+         */
+        case Mode.REMOTE_ASSETS_IN_SANDBOX: {
           link.as = 'fetch';
           break;
         }
 
-        case Mode.CACHE_FROM_SANDBOX: {
+        case Mode.REUSED_DEP_IN_SANDBOX: {
           const { url } = result;
-          const objectURL = URL.createObjectURL(
-            new Blob([`// ${href} is reusing the execution result of ${url}`], {
-              type: 'text/javascript',
-            }),
-          );
-          link.href = objectURL;
-          revokeAfterLoaded(objectURL, link);
+          link.href = createReusingObjectUrl(href, url, 'text/javascript');
 
           break;
         }
@@ -80,18 +69,12 @@ const postProcessPreloadLink = (link: HTMLLinkElement, baseURI: string, opts: As
     }
 
     case 'style': {
-      const { mode, result } = preTranspile({ href }, baseURI, opts);
+      const { mode, result } = preTranspileStyleSheetLink({ href, rel: 'stylesheet' }, baseURI, opts);
 
       switch (mode) {
-        case Mode.CACHE_FROM_SANDBOX: {
+        case Mode.REUSED_DEP_IN_SANDBOX: {
           const { url } = result;
-          const objectURL = URL.createObjectURL(
-            new Blob([`// ${href} is reusing the execution result of ${url}`], {
-              type: 'text/css',
-            }),
-          );
-          link.href = objectURL;
-          revokeAfterLoaded(objectURL, link);
+          link.href = createReusingObjectUrl(href, url, 'text/css');
           break;
         }
       }
@@ -110,24 +93,21 @@ export default function transpileLink(
   opts: AssetsTranspilerOpts,
 ): HTMLLinkElement {
   const hrefAttribute = link.getAttribute('href');
-  const { mode, result } = preTranspile(
+  const { mode, result } = preTranspileStyleSheetLink(
     {
       href: hrefAttribute || undefined,
+      rel: link.rel,
     },
     baseURI,
     opts,
   );
 
   switch (mode) {
-    case Mode.CACHE_FROM_SANDBOX: {
+    case Mode.REUSED_DEP_IN_SANDBOX: {
       const { src, version, url } = result;
       link.dataset.href = src;
       link.dataset.version = version;
-      link.href = URL.createObjectURL(
-        new Blob([`// ${src} is reusing the execution result of ${url}`], {
-          type: 'text/css',
-        }),
-      );
+      link.href = createReusingObjectUrl(src, url, 'text/css');
 
       return link;
     }

package/src/assets-transpilers/script.ts

@@ -7,6 +7,7 @@ import type { MatchResult } from '../module-resolver';
 import { getEntireUrl } from '../utils';
 import type { AssetsTranspilerOpts } from './types';
 import { Mode } from './types';
+import { createReusingObjectUrl } from './utils';
 
 const isValidJavaScriptType = (type?: string): boolean => {
   const handleTypes = [
@@ -31,9 +32,9 @@ const getCredentials = (crossOrigin: string | null): RequestInit['credentials']
 };
 
 type PreTranspileResult =
-  | { mode: Mode.REMOTE_FROM_SANDBOX; result: { src: string } }
-  | { mode: Mode.CACHE_FROM_SANDBOX; result: { src: string } & MatchResult }
-  | { mode: Mode.INLINE_FROM_SANDBOX; result: { code: string } }
+  | { mode: Mode.REMOTE_ASSETS_IN_SANDBOX; result: { src: string } }
+  | { mode: Mode.REUSED_DEP_IN_SANDBOX; result: { src: string } & MatchResult }
+  | { mode: Mode.INLINE_CODE_IN_SANDBOX; result: { code: string } }
   | { mode: Mode.NONE; result?: never };
 
 export const preTranspile = (
@@ -51,13 +52,13 @@ export const preTranspile = (
       const matchedScript = moduleResolver?.(entireUrl);
       if (matchedScript) {
         return {
-          mode: Mode.CACHE_FROM_SANDBOX,
+          mode: Mode.REUSED_DEP_IN_SANDBOX,
           result: { src: entireUrl, ...matchedScript },
         };
       }
 
       return {
-        mode: Mode.REMOTE_FROM_SANDBOX,
+        mode: Mode.REMOTE_ASSETS_IN_SANDBOX,
         result: { src: entireUrl },
       };
     }
@@ -69,7 +70,7 @@ export const preTranspile = (
       const code = scriptNode.textContent;
       if (code) {
         return {
-          mode: Mode.INLINE_FROM_SANDBOX,
+          mode: Mode.INLINE_CODE_IN_SANDBOX,
           result: {
             code,
           },
@@ -102,7 +103,7 @@ export default function transpileScript(
   );
 
   switch (mode) {
-    case Mode.REMOTE_FROM_SANDBOX: {
+    case Mode.REMOTE_ASSETS_IN_SANDBOX: {
       const { src } = result;
 
       // We must remove script src to avoid self execution as we need to fetch the script content and transpile it
@@ -129,7 +130,7 @@ export default function transpileScript(
       return script;
     }
 
-    case Mode.INLINE_FROM_SANDBOX: {
+    case Mode.INLINE_CODE_IN_SANDBOX: {
       const rawNode = opts.rawNode as HTMLScriptElement;
       const scriptNode = script.textContent ? script : rawNode.childNodes[0];
       const { code } = result;
@@ -141,7 +142,7 @@ export default function transpileScript(
       return script;
     }
 
-    case Mode.CACHE_FROM_SANDBOX: {
+    case Mode.REUSED_DEP_IN_SANDBOX: {
       const { url, version, src } = result;
 
       script.dataset.src = src;
@@ -154,11 +155,7 @@ export default function transpileScript(
       }
 
       // When the script hits the dependency reuse logic, the current script is not executed, and an empty script is returned directly
-      script.src = URL.createObjectURL(
-        new Blob([`// ${src} is reusing the execution result of ${url}`], {
-          type: 'text/javascript',
-        }),
-      );
+      script.src = createReusingObjectUrl(src, url, 'text/javascript');
 
       return script;
     }

package/src/assets-transpilers/types.ts

@@ -15,8 +15,8 @@ export type BaseTranspilerOpts = BaseLoaderOpts & {
 export type AssetsTranspilerOpts = BaseTranspilerOpts & { rawNode: Node };
 
 export enum Mode {
-  REMOTE_FROM_SANDBOX = 'REMOTE_FROM_SANDBOX',
-  CACHE_FROM_SANDBOX = 'CACHE_IN_SANDBOX',
-  INLINE_FROM_SANDBOX = 'INLINE_FROM_SANDBOX',
+  REMOTE_ASSETS_IN_SANDBOX = 'RAIS',
+  REUSED_DEP_IN_SANDBOX = 'RDIS',
+  INLINE_CODE_IN_SANDBOX = 'ICIS',
   NONE = 'NONE',
 }

package/src/assets-transpilers/utils.ts

@@ -0,0 +1,16 @@
+/**
+ * @author Kuitos
+ * @since 2023-10-09
+ */
+import { memoize } from 'lodash';
+
+export const createReusingObjectUrl = memoize(
+  (src: string, url: string, type: 'text/javascript' | 'text/css'): string => {
+    return URL.createObjectURL(
+      new Blob([`/* ${src} is reusing the execution result of ${url} */`], {
+        type,
+      }),
+    );
+  },
+  (src, url, type) => `${src}#${url}#${type}`,
+);