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

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

@@ -1,3 +1,11 @@
 import type { AssetsTranspilerOpts } from './types';
+/**
+ * transpile the assets to support micro frontend
+ * @param node the original node
+ * @param baseURI the baseURI of the node
+ * @param opts
+ * @returns original node after transpiled
+ */
 export declare function transpileAssets<T extends Node>(node: T, baseURI: string, opts: AssetsTranspilerOpts): T;
 export type * from './types';
+export { isValidJavaScriptType } from './utils';

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

@@ -4,14 +4,28 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "isValidJavaScriptType", {
+  enumerable: true,
+  get: function get() {
+    return _utils.isValidJavaScriptType;
+  }
+});
 exports.transpileAssets = transpileAssets;
 var _link = _interopRequireDefault(require("./link"));
 var _script = _interopRequireDefault(require("./script"));
+var _utils = require("./utils");
 /**
  * @author Kuitos
  * @since 2023-03-14
  */
 
+/**
+ * transpile the assets to support micro frontend
+ * @param node the original node
+ * @param baseURI the baseURI of the node
+ * @param opts
+ * @returns original node after transpiled
+ */
 function transpileAssets(node, baseURI, opts) {
   var htmlElement = node;
   var tagName = htmlElement.tagName;

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","_utils","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\n/**\n * transpile the assets to support micro frontend\n * @param node the original node\n * @param baseURI the baseURI of the node\n * @param opts\n * @returns original node after transpiled\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\nexport { isValidJavaScriptType } from './utils';\n"],"mappings":";;;;;;;;;;;;;AAIA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AA2CA,IAAAE,MAAA,GAAAF,OAAA;AAhDA;AACA;AACA;AACA;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,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

@@ -6,56 +6,42 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = transpileLink;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _reporter = require("../reporter");
 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;
-  if (sandbox) {
-    if (href) {
-      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,
-          result: (0, _objectSpread2.default)({
-            src: linkHref
-          }, matchedAssets)
-        };
-      }
+  var href = link.href,
+    rel = link.rel;
+
+  // 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: sandbox ? _types.Mode.REUSED_DEP_IN_SANDBOX : _types.Mode.REUSED_DEP,
+        result: (0, _objectSpread2.default)({
+          src: linkHref
+        }, matchedAssets)
+      };
     }
   }
   return {
     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,24 @@ 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:
             {
+              if (process.env.NODE_ENV === 'development' && !link.hasAttribute('crossorigin')) {
+                (0, _reporter.warn)("crossorigin attribute of script ".concat(href, " is not specified, that will make preload invalid, see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel/preload#cors-enabled_fetches"));
+              }
               link.as = 'fetch';
               break;
             }
-          case _types.Mode.CACHE_FROM_SANDBOX:
+          case _types.Mode.REUSED_DEP_IN_SANDBOX:
+          case _types.Mode.REUSED_DEP:
             {
               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 +76,18 @@ 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:
+          case _types.Mode.REUSED_DEP:
             {
               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 +99,22 @@ 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:
+    case _types.Mode.REUSED_DEP:
       {
         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":["_reporter","require","_utils","_script","_types","_utils2","preTranspileStyleSheetLink","link","baseURI","opts","sandbox","moduleResolver","href","rel","linkHref","getEntireUrl","matchedAssets","mode","Mode","REUSED_DEP_IN_SANDBOX","REUSED_DEP","result","_objectSpread2","default","src","NONE","postProcessPreloadLink","as","_preTranspileScript","preTranspileScript","REMOTE_ASSETS_IN_SANDBOX","process","env","NODE_ENV","hasAttribute","warn","concat","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 { warn } from '../reporter';\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 | Mode.REUSED_DEP; 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  // 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: sandbox ? Mode.REUSED_DEP_IN_SANDBOX : Mode.REUSED_DEP,\n        result: { src: linkHref, ...matchedAssets },\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          if (process.env.NODE_ENV === 'development' && !link.hasAttribute('crossorigin')) {\n            warn(\n              `crossorigin attribute of script ${href} is not specified, that will make preload invalid, see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel/preload#cors-enabled_fetches`,\n            );\n          }\n          link.as = 'fetch';\n          break;\n        }\n\n        case Mode.REUSED_DEP_IN_SANDBOX:\n        case Mode.REUSED_DEP: {\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        case Mode.REUSED_DEP: {\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    case Mode.REUSED_DEP: {\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

@@ -3,20 +3,20 @@
  * @since 2023-03-16
  */
 import type { MatchResult } from '../module-resolver';
-import type { AssetsTranspilerOpts } from './types';
+import type { AssetsTranspilerOpts, ScriptTranspilerOpts } from './types';
 import { Mode } from './types';
 type PreTranspileResult = {
-    mode: Mode.REMOTE_FROM_SANDBOX;
+    mode: Mode.REMOTE_ASSETS_IN_SANDBOX | Mode.REMOTE_ASSETS;
     result: {
         src: string;
     };
 } | {
-    mode: Mode.CACHE_FROM_SANDBOX;
+    mode: Mode.REUSED_DEP_IN_SANDBOX | Mode.REUSED_DEP;
     result: {
         src: string;
     } & MatchResult;
 } | {
-    mode: Mode.INLINE_FROM_SANDBOX;
+    mode: Mode.INLINE_CODE_IN_SANDBOX;
     result: {
         code: string;
     };
@@ -25,5 +25,5 @@ type PreTranspileResult = {
     result?: never;
 };
 export declare const preTranspile: (script: Partial<Pick<HTMLScriptElement, 'src' | 'type' | 'textContent'>>, baseURI: string, opts: AssetsTranspilerOpts) => PreTranspileResult;
-export default function transpileScript(script: HTMLScriptElement, baseURI: string, opts: AssetsTranspilerOpts): HTMLScriptElement;
+export default function transpileScript(script: HTMLScriptElement, baseURI: string, opts: ScriptTranspilerOpts): HTMLScriptElement;
 export {};

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

@@ -6,18 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = transpileScript;
 exports.preTranspile = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 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
  */
 
-var isValidJavaScriptType = function isValidJavaScriptType(type) {
-  var handleTypes = ['text/javascript', 'module', 'application/javascript', 'text/ecmascript', 'application/ecmascript'];
-  return !type || handleTypes.indexOf(type) !== -1;
-};
 var getCredentials = function getCredentials(crossOrigin) {
   switch (crossOrigin) {
     case 'anonymous':
@@ -28,131 +27,192 @@ var getCredentials = function getCredentials(crossOrigin) {
       return undefined;
   }
 };
-var preTranspile = function preTranspile(script, baseURI, opts) {
+var preTranspile = exports.preTranspile = function preTranspile(script, baseURI, opts) {
   var sandbox = opts.sandbox,
     moduleResolver = opts.moduleResolver;
   var src = script.src,
     type = script.type;
-  if (sandbox) {
-    if (src) {
-      var entireUrl = (0, _utils.getEntireUrl)(src, baseURI);
-      var matchedScript = moduleResolver === null || moduleResolver === void 0 ? void 0 : moduleResolver(entireUrl);
-      if (matchedScript) {
-        return {
-          mode: _types.Mode.CACHE_FROM_SANDBOX,
-          result: (0, _objectSpread2.default)({
-            src: entireUrl
-          }, matchedScript)
-        };
-      }
+  if (src) {
+    var entireUrl = (0, _utils.getEntireUrl)(src, baseURI);
+    var matchedScript = moduleResolver === null || moduleResolver === void 0 ? void 0 : moduleResolver(entireUrl);
+    if (matchedScript) {
       return {
-        mode: _types.Mode.REMOTE_FROM_SANDBOX,
-        result: {
+        mode: sandbox ? _types.Mode.REUSED_DEP_IN_SANDBOX : _types.Mode.REUSED_DEP,
+        result: (0, _objectSpread2.default)({
           src: entireUrl
-        }
+        }, matchedScript)
       };
     }
-    if (isValidJavaScriptType(type)) {
-      var rawNode = opts.rawNode;
-      var scriptNode = script.textContent ? script : rawNode.childNodes[0];
-      var code = scriptNode.textContent;
-      if (code) {
-        return {
-          mode: _types.Mode.INLINE_FROM_SANDBOX,
-          result: {
-            code: code
-          }
-        };
+    return {
+      mode: sandbox ? _types.Mode.REMOTE_ASSETS_IN_SANDBOX : _types.Mode.REMOTE_ASSETS,
+      result: {
+        src: entireUrl
       }
+    };
+  }
+  if ((0, _utils2.isValidJavaScriptType)(type) && sandbox) {
+    var rawNode = opts.rawNode;
+    var scriptNode = script.textContent ? script : rawNode.childNodes[0];
+    var code = scriptNode.textContent;
+    if (code) {
+      return {
+        mode: _types.Mode.INLINE_CODE_IN_SANDBOX,
+        result: {
+          code: code
+        }
+      };
     }
   }
   return {
     mode: _types.Mode.NONE
   };
 };
-exports.preTranspile = preTranspile;
 function transpileScript(script, baseURI, opts) {
   // Can't use script.src directly, because it will be resolved to absolute path by browser with Node.baseURI
   // Such as <script src="./foo.js"></script> will be resolved to http://localhost:8000/foo.js while read script.src
   var srcAttribute = script.getAttribute('src');
   var sandbox = opts.sandbox,
-    fetch = opts.fetch;
-  var _preTranspile = preTranspile({
-      src: srcAttribute || undefined,
-      type: script.type,
-      textContent: script.textContent
-    }, baseURI, opts),
-    mode = _preTranspile.mode,
-    result = _preTranspile.result;
-  switch (mode) {
-    case _types.Mode.REMOTE_FROM_SANDBOX:
-      {
-        var src = result.src;
+    scriptTranspiledDeferred = opts.scriptTranspiledDeferred;
 
-        // We must remove script src to avoid self execution as we need to fetch the script content and transpile it
-        script.removeAttribute('src');
-        script.dataset.src = src;
-        var syncMode = !script.hasAttribute('async');
-        var priority = syncMode ? 'high' : 'low';
-        var credentials = getCredentials(script.crossOrigin);
-        void fetch(src, {
-          credentials: credentials,
-          priority: priority
-        }).then(function (res) {
-          return res.text();
-        }).then(function (code) {
-          var codeFactory = sandbox.makeEvaluateFactory(code, src);
+  // To prevent webpack from skipping reload logic and causing the js not to re-execute when a micro app is loaded multiple times, the data-webpack attribute of the script must be removed.
+  // see https://github.com/webpack/webpack/blob/1f13ff9fe587e094df59d660b4611b1bd19aed4c/lib/runtime/LoadScriptRuntimeModule.js#L131-L136
+  // FIXME We should determine whether the current micro application is being loaded for the second time. If not, this removal should not be performed.
+  script.removeAttribute('data-webpack');
+  try {
+    var _preTranspile = preTranspile({
+        src: srcAttribute || undefined,
+        type: script.type,
+        textContent: script.textContent
+      }, baseURI, opts),
+      mode = _preTranspile.mode,
+      result = _preTranspile.result;
+    switch (mode) {
+      case _types.Mode.REMOTE_ASSETS_IN_SANDBOX:
+        {
+          var fetch = opts.fetch;
+          var src = result.src;
 
+          // We must remove script src to avoid self execution as we need to fetch the script content and transpile it
+          script.removeAttribute('src');
+          script.dataset.src = src;
+          var syncMode = !script.hasAttribute('async');
+          var priority = syncMode ? 'high' : 'low';
+          var credentials = getCredentials(script.crossOrigin);
+          void fetch(src, {
+            credentials: credentials,
+            priority: priority
+          }).then(function (res) {
+            return res.text();
+          }).then( /*#__PURE__*/function () {
+            var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(code) {
+              var prevScriptTranspiledDeferred, beforeScriptExecuteEvent, beforeExecutedListenerScript, codeFactory;
+              return _regenerator.default.wrap(function _callee$(_context) {
+                while (1) switch (_context.prev = _context.next) {
+                  case 0:
+                    prevScriptTranspiledDeferred = opts.prevScriptTranspiledDeferred; // add preprocess code to dispatch a CustomEvent before the script is executed
+                    beforeScriptExecuteEvent = 'q:bse';
+                    beforeExecutedListenerScript = ";(function(){var s=document.currentScript;var e=new CustomEvent('".concat(beforeScriptExecuteEvent, "',{detail:{s:s}});window.dispatchEvent(e);})();");
+                    codeFactory = beforeExecutedListenerScript + sandbox.makeEvaluateFactory(code, src);
+                    if (!syncMode) {
+                      _context.next = 9;
+                      break;
+                    }
+                    if (!(prevScriptTranspiledDeferred && !prevScriptTranspiledDeferred.isSettled())) {
+                      _context.next = 8;
+                      break;
+                    }
+                    _context.next = 8;
+                    return (0, _utils.waitUntilSettled)(prevScriptTranspiledDeferred.promise);
+                  case 8:
+                    // HTMLScriptElement default fetchPriority is 'auto', we should set it to 'high' to make it execute earlier while it's not async script
+                    script.fetchPriority = 'high';
+                  case 9:
+                    // change the script src to the blob url to make it execute in the sandbox
+                    script.src = URL.createObjectURL(new Blob([codeFactory], {
+                      type: 'text/javascript'
+                    }));
+                    window.addEventListener(beforeScriptExecuteEvent, function listener(evt) {
+                      var _ref2 = evt.detail,
+                        s = _ref2.s;
+                      if (s === script) {
+                        URL.revokeObjectURL(s.src);
+                        // change the script src to the original src while the script is executing
+                        // thus the script behavior can be more consistent with the native browser logic
+                        s.src = src;
+                        s.dataset.consumed = 'true';
+                        delete s.dataset.src;
+                        window.removeEventListener(beforeScriptExecuteEvent, listener);
+                      }
+                    });
+                    scriptTranspiledDeferred === null || scriptTranspiledDeferred === void 0 || scriptTranspiledDeferred.resolve();
+                  case 12:
+                  case "end":
+                    return _context.stop();
+                }
+              }, _callee);
+            }));
+            return function (_x) {
+              return _ref.apply(this, arguments);
+            };
+          }()).catch(function (e) {
+            scriptTranspiledDeferred === null || scriptTranspiledDeferred === void 0 || scriptTranspiledDeferred.reject();
+            throw e;
+          });
+          return script;
+        }
+      case _types.Mode.INLINE_CODE_IN_SANDBOX:
+        {
+          var rawNode = opts.rawNode;
+          var scriptNode = script.textContent ? script : rawNode.childNodes[0];
+          var code = result.code;
+          scriptNode.textContent = sandbox.makeEvaluateFactory(code);
+          // mark the script have consumed
+          script.dataset.consumed = 'true';
+          scriptTranspiledDeferred === null || scriptTranspiledDeferred === void 0 || scriptTranspiledDeferred.resolve();
+          return script;
+        }
+      case _types.Mode.REUSED_DEP_IN_SANDBOX:
+      case _types.Mode.REUSED_DEP:
+        {
+          var url = result.url,
+            version = result.version,
+            _src = result.src;
+          script.dataset.src = _src;
+          script.dataset.version = version;
+          var _syncMode = !script.getAttribute('async');
           // HTMLScriptElement default fetchPriority is 'auto', we should set it to 'high' to make it execute earlier while it's not async script
-          if (syncMode) {
+          if (_syncMode) {
             script.fetchPriority = 'high';
           }
-          script.src = URL.createObjectURL(new Blob([codeFactory], {
-            type: 'text/javascript'
-          }));
-        });
-        return script;
-      }
-    case _types.Mode.INLINE_FROM_SANDBOX:
-      {
-        var rawNode = opts.rawNode;
-        var scriptNode = script.textContent ? script : rawNode.childNodes[0];
-        var code = result.code;
-        scriptNode.textContent = sandbox.makeEvaluateFactory(code, baseURI);
-        // mark the script have consumed
-        script.dataset.consumed = 'true';
-        return script;
-      }
-    case _types.Mode.CACHE_FROM_SANDBOX:
-      {
-        var url = result.url,
-          version = result.version,
-          _src = result.src;
-        script.dataset.src = _src;
-        script.dataset.version = version;
-        var _syncMode = !script.getAttribute('async');
-        // HTMLScriptElement default fetchPriority is 'auto', we should set it to 'high' to make it execute earlier while it's not async script
-        if (_syncMode) {
-          script.fetchPriority = 'high';
-        }
 
-        // 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'
-        }));
-        return script;
-      }
-    case _types.Mode.NONE:
-    default:
-      {
-        if (srcAttribute) {
-          script.src = (0, _utils.getEntireUrl)(srcAttribute, baseURI);
+          // When the script hits the dependency reuse logic, the current script is not executed, and an empty script is returned directly
+          script.src = (0, _utils2.createReusingObjectUrl)(_src, url, 'text/javascript');
+          var onScriptComplete = function onScriptComplete(prevListener, event) {
+            script.onload = script.onerror = null;
+            script.src = _src;
+            script.dataset.consumed = 'true';
+            script.dataset.src = url;
+            prevListener === null || prevListener === void 0 || prevListener.call(script, event);
+          };
+          script.onload = onScriptComplete.bind(null, script.onload);
+          script.onerror = onScriptComplete.bind(null, script.onerror);
+          scriptTranspiledDeferred === null || scriptTranspiledDeferred === void 0 || scriptTranspiledDeferred.resolve();
           return script;
         }
-        return script;
-      }
+      case _types.Mode.REMOTE_ASSETS:
+      case _types.Mode.NONE:
+      default:
+        {
+          if (result !== null && result !== void 0 && result.src) {
+            script.src = result.src;
+          }
+          scriptTranspiledDeferred === null || scriptTranspiledDeferred === void 0 || scriptTranspiledDeferred.resolve();
+          return script;
+        }
+    }
+  } catch (e) {
+    scriptTranspiledDeferred === null || scriptTranspiledDeferred === void 0 || scriptTranspiledDeferred.reject(e);
+    throw e;
   }
-
-  // TODO find entry exports
 }
 //# sourceMappingURL=script.js.map