@module-federation/runtime 0.0.12 → 0.0.13

package/dist/index.cjs.js

@@ -561,27 +561,38 @@ function preloadAssets(remoteInfo, host, assets) {
         });
         const fragment = document.createDocumentFragment();
         cssAssets.forEach((cssUrl)=>{
-            const cssEl = document.createElement('link');
-            cssEl.setAttribute('rel', 'preload');
-            cssEl.setAttribute('href', cssUrl);
-            cssEl.setAttribute('as', 'style');
-            fragment.appendChild(cssEl);
+            const { link: cssEl, needAttach } = sdk.createLink(cssUrl, ()=>{}, {
+                rel: 'preload',
+                as: 'style'
+            }, (url)=>{
+                const res = host.loaderHook.lifecycle.createLink.emit({
+                    url
+                });
+                if (res instanceof HTMLLinkElement) {
+                    return res;
+                }
+                return;
+            });
+            needAttach && fragment.appendChild(cssEl);
         });
-        document.head.appendChild(fragment);
         jsAssetsWithoutEntry.forEach((jsUrl)=>{
-            const { script: scriptEl } = sdk.createScript(jsUrl, ()=>{
+            const { link: linkEl, needAttach } = sdk.createLink(jsUrl, ()=>{
             // noop
-            }, {}, (url)=>{
-                const res = host.loaderHook.lifecycle.createScript.emit({
+            }, {
+                rel: 'preload',
+                as: 'script'
+            }, (url)=>{
+                const res = host.loaderHook.lifecycle.createLink.emit({
                     url
                 });
-                if (res instanceof HTMLScriptElement) {
+                if (res instanceof HTMLLinkElement) {
                     return res;
                 }
                 return;
             });
-            document.head.appendChild(scriptEl);
+            needAttach && document.head.appendChild(linkEl);
         });
+        document.head.appendChild(fragment);
     }
 }
 
@@ -1579,12 +1590,13 @@ class FederationHost {
             // not used yet
             afterPreloadRemote: new AsyncHook()
         });
-        this.version = "0.0.12";
+        this.version = "0.0.13";
         this.moduleCache = new Map();
         this.loaderHook = new PluginSystem({
             // FIXME: may not be suitable , not open to the public yet
             getModuleInfo: new SyncHook(),
             createScript: new SyncHook(),
+            createLink: new SyncHook(),
             // only work for manifest , so not open to the public yet
             fetch: new AsyncHook('fetch')
         });

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 import { g as getGlobalHostPlugins, D as DEFAULT_REMOTE_TYPE, a as DEFAULT_SCOPE, b as globalLoading, c as getRemoteEntryExports, d as assert, s as safeToString, e as getFMId, i as isObject, f as error, w as warn, h as isPlainObject, j as isRemoteInfoWithEntry, k as isPureRemoteEntry, l as getRegisteredShare, m as getInfoWithoutType, n as getPreloaded, o as setPreloaded, p as getGlobalSnapshotInfoByModuleInfo, q as addGlobalSnapshot, r as setGlobalSnapshotInfoByModuleInfo, t as getGlobalSnapshot, G as Global, u as getGlobalShareScope, v as formatShareConfigs, x as isBrowserEnv, y as getBuilderId, z as addUniqueItem, A as setGlobalFederationConstructor, B as getGlobalFederationInstance, C as getGlobalFederationConstructor, E as setGlobalFederationInstance } from './share.esm.js';
 export { F as registerGlobalPlugins } from './share.esm.js';
-import { composeKeyWithSeparator, loadScriptNode, loadScript, createScript, getResourceUrl, isManifestProvider, generateSnapshotFromManifest } from '@module-federation/sdk';
+import { composeKeyWithSeparator, loadScriptNode, loadScript, createLink, getResourceUrl, isManifestProvider, generateSnapshotFromManifest } from '@module-federation/sdk';
 export { loadScript } from '@module-federation/sdk';
 
 // Function to match a remote with its name and expose
@@ -559,27 +559,38 @@ function preloadAssets(remoteInfo, host, assets) {
         });
         const fragment = document.createDocumentFragment();
         cssAssets.forEach((cssUrl)=>{
-            const cssEl = document.createElement('link');
-            cssEl.setAttribute('rel', 'preload');
-            cssEl.setAttribute('href', cssUrl);
-            cssEl.setAttribute('as', 'style');
-            fragment.appendChild(cssEl);
+            const { link: cssEl, needAttach } = createLink(cssUrl, ()=>{}, {
+                rel: 'preload',
+                as: 'style'
+            }, (url)=>{
+                const res = host.loaderHook.lifecycle.createLink.emit({
+                    url
+                });
+                if (res instanceof HTMLLinkElement) {
+                    return res;
+                }
+                return;
+            });
+            needAttach && fragment.appendChild(cssEl);
         });
-        document.head.appendChild(fragment);
         jsAssetsWithoutEntry.forEach((jsUrl)=>{
-            const { script: scriptEl } = createScript(jsUrl, ()=>{
+            const { link: linkEl, needAttach } = createLink(jsUrl, ()=>{
             // noop
-            }, {}, (url)=>{
-                const res = host.loaderHook.lifecycle.createScript.emit({
+            }, {
+                rel: 'preload',
+                as: 'script'
+            }, (url)=>{
+                const res = host.loaderHook.lifecycle.createLink.emit({
                     url
                 });
-                if (res instanceof HTMLScriptElement) {
+                if (res instanceof HTMLLinkElement) {
                     return res;
                 }
                 return;
             });
-            document.head.appendChild(scriptEl);
+            needAttach && document.head.appendChild(linkEl);
         });
+        document.head.appendChild(fragment);
     }
 }
 
@@ -1577,12 +1588,13 @@ class FederationHost {
             // not used yet
             afterPreloadRemote: new AsyncHook()
         });
-        this.version = "0.0.12";
+        this.version = "0.0.13";
         this.moduleCache = new Map();
         this.loaderHook = new PluginSystem({
             // FIXME: may not be suitable , not open to the public yet
             getModuleInfo: new SyncHook(),
             createScript: new SyncHook(),
+            createLink: new SyncHook(),
             // only work for manifest , so not open to the public yet
             fetch: new AsyncHook('fetch')
         });

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/runtime",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "author": "zhouxiao <codingzx@gmail.com>",
   "main": "./index.cjs.js",
   "module": "./index.esm.js",

package/dist/share.cjs.js

@@ -176,7 +176,7 @@ function getGlobalFederationConstructor() {
 function setGlobalFederationConstructor(FederationConstructor, isDebug = isDebugMode()) {
     if (isDebug) {
         globalThis.__FEDERATION__.__DEBUG_CONSTRUCTOR__ = FederationConstructor;
-        globalThis.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.0.12";
+        globalThis.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.0.13";
     }
 }
 // eslint-disable-next-line @typescript-eslint/ban-types

package/dist/share.esm.js

@@ -174,7 +174,7 @@ function getGlobalFederationConstructor() {
 function setGlobalFederationConstructor(FederationConstructor, isDebug = isDebugMode()) {
     if (isDebug) {
         globalThis.__FEDERATION__.__DEBUG_CONSTRUCTOR__ = FederationConstructor;
-        globalThis.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.0.12";
+        globalThis.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.0.13";
     }
 }
 // eslint-disable-next-line @typescript-eslint/ban-types

package/dist/src/core.d.ts

@@ -126,6 +126,9 @@ export declare class FederationHost {
         createScript: SyncHook<[{
             url: string;
         }], void | HTMLScriptElement>;
+        createLink: SyncHook<[{
+            url: string;
+        }], void | HTMLLinkElement>;
         fetch: AsyncHook<[string, RequestInit], false | void | Promise<Response>>;
     }>;
     constructor(userOptions: UserOptions);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/runtime",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "author": "zhouxiao <codingzx@gmail.com>",
   "main": "./dist/index.cjs",
   "module": "./dist/index.esm.js",
@@ -45,6 +45,6 @@
     }
   },
   "dependencies": {
-    "@module-federation/sdk": "0.0.12"
+    "@module-federation/sdk": "0.0.13"
   }
 }