@module-federation/runtime 0.0.12 → 0.0.14

package/README.md

@@ -106,7 +106,7 @@ init({
     {
       name: '@demo/app2',
       alias: 'app2',
-      entry: "http://localhost:3006/remoteEntry.js",
+      entry: 'http://localhost:3006/remoteEntry.js',
     },
   ],
 });
@@ -229,32 +229,32 @@ init({
 // Filter resource information that contains ignore in the resource name
 // Only preload sub-dependent @demo/sub1-button modules
 preloadRemote([
-    {
-        nameOrAlias: '@demo/sub1',
-        filter(assetUrl) {
-            return assetUrl.indexOf('ignore') === -1;
-        },
-        depsRemote: [{ nameOrAlias: '@demo/sub1-button' }],
+  {
+    nameOrAlias: '@demo/sub1',
+    filter(assetUrl) {
+      return assetUrl.indexOf('ignore') === -1;
     },
+    depsRemote: [{ nameOrAlias: '@demo/sub1-button' }],
+  },
 ]);
 
 // Preload @demo/sub2 module
 // Preload all exposes under @demo/sub2
 // Preload the synchronous resources and asynchronous resources of @demo/sub2
 preloadRemote([
-    {
-        nameOrAlias: '@demo/sub2',
-        resourceCategory: 'all',
-    },
+  {
+    nameOrAlias: '@demo/sub2',
+    resourceCategory: 'all',
+  },
 ]);
 
 // Preload expose of @demo/sub3 module
 preloadRemote([
-    {
-        nameOrAlias: '@demo/sub3',
-        resourceCategory: 'all',
-        exposes: ['add'],
-    },
+  {
+    nameOrAlias: '@demo/sub3',
+    resourceCategory: 'all',
+    exposes: ['add'],
+  },
 ]);
 ```
 
@@ -262,52 +262,51 @@ preloadRemote([
 
 Lifecycle hooks for FederationHost interaction.
 
-* example
+- example
 
 ```ts
-import { init } from '@module-federation/runtime'
+import { init } from '@module-federation/runtime';
 import type { FederationRuntimePlugin } from '@module-federation/runtime';
 
-const runtimePlugin: () => FederationRuntimePlugin =
-  function () {
-    return {
-      name: 'my-runtime-plugin',
-      beforeInit(args) {
-        console.log('beforeInit: ', args);
-        return args;
-      },
-      beforeRequest(args) {
-        console.log('beforeRequest: ', args);
-        return args;
-      },
-      afterResolve(args) {
-        console.log('afterResolve', args);
-        return args;
-      },
-      onLoad(args) {
-        console.log('onLoad: ', args);
-        return args;
-      },
-      async loadShare(args) {
-        console.log('loadShare:', args);
-      },
-      async beforeLoadShare(args) {
-        console.log('beforeloadShare:', args);
-        return args;
-      },
-    };
+const runtimePlugin: () => FederationRuntimePlugin = function () {
+  return {
+    name: 'my-runtime-plugin',
+    beforeInit(args) {
+      console.log('beforeInit: ', args);
+      return args;
+    },
+    beforeRequest(args) {
+      console.log('beforeRequest: ', args);
+      return args;
+    },
+    afterResolve(args) {
+      console.log('afterResolve', args);
+      return args;
+    },
+    onLoad(args) {
+      console.log('onLoad: ', args);
+      return args;
+    },
+    async loadShare(args) {
+      console.log('loadShare:', args);
+    },
+    async beforeLoadShare(args) {
+      console.log('beforeloadShare:', args);
+      return args;
+    },
   };
+};
 
 init({
-    name: '@demo/app-main',
-    remotes: [
-        {
-            name: "@demo/app2",
-            entry: "http://localhost:3006/remoteEntry.js",
-            alias: "app2"
-        },
-    ],
-    plugins: [runtimePlugin()]
+  name: '@demo/app-main',
+  remotes: [
+    {
+      name: '@demo/app2',
+      entry: 'http://localhost:3006/remoteEntry.js',
+      alias: 'app2',
+    },
+  ],
+  plugins: [runtimePlugin()],
 });
 ```
 
@@ -317,17 +316,17 @@ init({
 
 Updates Federation Host configurations before the initialization process of remote containers.
 
-* type
+- type
 
 ```ts
-function beforeInit(args: BeforeInitOptions): BeforeInitOptions
+function beforeInit(args: BeforeInitOptions): BeforeInitOptions;
 
-type BeforeInitOptions ={
-    userOptions: UserOptions;
-    options: FederationRuntimeOptions;
-    origin: FederationHost;
-    shareInfo: ShareInfos;
-}
+type BeforeInitOptions = {
+  userOptions: UserOptions;
+  options: FederationRuntimeOptions;
+  origin: FederationHost;
+  shareInfo: ShareInfos;
+};
 
 interface FederationRuntimeOptions {
   id?: string;
@@ -346,15 +345,15 @@ interface FederationRuntimeOptions {
 
 Called during the initialization of remote containers.
 
-* type
+- type
 
 ```ts
-function init(args: InitOptions): void
+function init(args: InitOptions): void;
 
-type InitOptions ={
+type InitOptions = {
   options: FederationRuntimeOptions;
   origin: FederationHost;
-}
+};
 ```
 
 ### beforeRequest
@@ -363,16 +362,16 @@ type InitOptions ={
 
 Invoked before resolving a remote container, useful for injecting the container or updating something ahead of the lookup.
 
-* type
+- type
 
 ```ts
-async function beforeRequest(args: BeforeRequestOptions): Promise<BeforeRequestOptions>
+async function beforeRequest(args: BeforeRequestOptions): Promise<BeforeRequestOptions>;
 
-type BeforeRequestOptions ={
+type BeforeRequestOptions = {
   id: string;
   options: FederationRuntimeOptions;
   origin: FederationHost;
-}
+};
 ```
 
 ### afterResolve
@@ -381,12 +380,12 @@ type BeforeRequestOptions ={
 
 Called after resolving a container, allowing redirection or modification of resolved information.
 
-* type
+- type
 
 ```ts
-async function afterResolve(args: AfterResolveOptions): Promise<AfterResolveOptions>
+async function afterResolve(args: AfterResolveOptions): Promise<AfterResolveOptions>;
 
-type AfterResolveOptions ={
+type AfterResolveOptions = {
   id: string;
   pkgNameOrAlias: string;
   expose: string;
@@ -395,7 +394,7 @@ type AfterResolveOptions ={
   origin: FederationHost;
   remoteInfo: RemoteInfo;
   remoteSnapshot?: ModuleInfo;
-}
+};
 ```
 
 ### onLoad
@@ -404,12 +403,12 @@ type AfterResolveOptions ={
 
 Triggered once a federated module is loaded, allowing access and modification to the exports of the loaded file.
 
-* type
+- type
 
 ```ts
-async function onLoad(args: OnLoadOptions): Promise<void>
+async function onLoad(args: OnLoadOptions): Promise<void>;
 
-type OnLoadOptions ={
+type OnLoadOptions = {
   id: string;
   expose: string;
   pkgNameOrAlias: string;
@@ -419,12 +418,12 @@ type OnLoadOptions ={
   exposeModule: any;
   exposeModuleFactory: any;
   moduleInstance: Module;
-}
+};
 
 type ModuleOptions = {
-    remoteInfo: RemoteInfo;
-    host: FederationHost;
-}
+  remoteInfo: RemoteInfo;
+  host: FederationHost;
+};
 
 interface RemoteInfo {
   name: string;
@@ -443,17 +442,17 @@ interface RemoteInfo {
 
 Handles preloading logic for federated modules.
 
-* type
+- type
 
 ```ts
-function handlePreloadModule(args: HandlePreloadModuleOptions): void
+function handlePreloadModule(args: HandlePreloadModuleOptions): void;
 
-type HandlePreloadModuleOptions ={
+type HandlePreloadModuleOptions = {
   id: string;
   name: string;
   remoteSnapshot: ModuleInfo;
   preloadConfig: PreloadRemoteArgs;
-}
+};
 ```
 
 ### errorLoadRemote
@@ -462,52 +461,51 @@ type HandlePreloadModuleOptions ={
 
 Invoked if loading a federated module fails, enabling custom error handling.
 
-* type
+- type
 
 ```ts
-async function errorLoadRemote(args: ErrorLoadRemoteOptions): Promise<void | unknown>
+async function errorLoadRemote(args: ErrorLoadRemoteOptions): Promise<void | unknown>;
 
-type ErrorLoadRemoteOptions ={
+type ErrorLoadRemoteOptions = {
   id: string;
   error: unknown;
   from: 'build' | 'runtime';
   origin: FederationHost;
-}
+};
 ```
-* example 
+
+- example
 
 ```ts
-import { init, loadRemote } from '@module-federation/runtime'
+import { init, loadRemote } from '@module-federation/runtime';
 
 import type { FederationRuntimePlugin } from '@module-federation/runtime';
 
-const fallbackPlugin: () => FederationRuntimePlugin =
-  function () {
-    return {
-      name: 'fallback-plugin',
-      errorLoadRemote(args) {
-        const fallback = 'fallback'
-        return fallback;
-      },
-    };
+const fallbackPlugin: () => FederationRuntimePlugin = function () {
+  return {
+    name: 'fallback-plugin',
+    errorLoadRemote(args) {
+      const fallback = 'fallback';
+      return fallback;
+    },
   };
-
+};
 
 init({
-    name: '@demo/app-main',
-    remotes: [
-        {
-            name: "@demo/app2",
-            entry: "http://localhost:3006/remoteEntry.js",
-            alias: "app2"
-        },
-    ],
-    plugins: [fallbackPlugin()]
+  name: '@demo/app-main',
+  remotes: [
+    {
+      name: '@demo/app2',
+      entry: 'http://localhost:3006/remoteEntry.js',
+      alias: 'app2',
+    },
+  ],
+  plugins: [fallbackPlugin()],
 });
 
-loadRemote('app2/un-existed-module').then(mod=>{
+loadRemote('app2/un-existed-module').then((mod) => {
   expect(mod).toEqual('fallback');
-})
+});
 ```
 
 ### beforeLoadShare
@@ -516,17 +514,17 @@ loadRemote('app2/un-existed-module').then(mod=>{
 
 Called before attempting to load or negotiate shared modules between federated apps.
 
-* type
+- type
 
 ```ts
-async function beforeLoadShare(args: BeforeLoadShareOptions): Promise<BeforeLoadShareOptions>
+async function beforeLoadShare(args: BeforeLoadShareOptions): Promise<BeforeLoadShareOptions>;
 
-type BeforeLoadShareOptions ={
+type BeforeLoadShareOptions = {
   pkgName: string;
   shareInfo?: Shared;
   shared: Options['shared'];
   origin: FederationHost;
-}
+};
 ```
 
 ### resolveShare
@@ -535,70 +533,66 @@ type BeforeLoadShareOptions ={
 
 Allows manual resolution of shared module requests.
 
-* type
+- type
 
 ```ts
-function resolveShare(args: ResolveShareOptions): ResolveShareOptions
+function resolveShare(args: ResolveShareOptions): ResolveShareOptions;
 
-type ResolveShareOptions ={
+type ResolveShareOptions = {
   shareScopeMap: ShareScopeMap;
   scope: string;
   pkgName: string;
   version: string;
   GlobalFederation: Federation;
   resolver: () => Shared | undefined;
-}
+};
 ```
 
-* example 
+- example
 
 ```ts
-import { init, loadRemote } from '@module-federation/runtime'
+import { init, loadRemote } from '@module-federation/runtime';
 
 import type { FederationRuntimePlugin } from '@module-federation/runtime';
 
-const customSharedPlugin: () => FederationRuntimePlugin =
-  function () {
-    return {
-      name: 'custom-shared-plugin',
-      resolveShare(args) {
-        const { shareScopeMap, scope, pkgName, version, GlobalFederation } = args;
-
-        if (
-          pkgName !== 'react' 
-        ) {
-          return args;
-        }
-
-        args.resolver = function () {
-          shareScopeMap[scope][pkgName][version] = window.React; // replace local share scope manually with desired module
-          return shareScopeMap[scope][pkgName][version];
-        };
+const customSharedPlugin: () => FederationRuntimePlugin = function () {
+  return {
+    name: 'custom-shared-plugin',
+    resolveShare(args) {
+      const { shareScopeMap, scope, pkgName, version, GlobalFederation } = args;
+
+      if (pkgName !== 'react') {
         return args;
-      },
-    };
-  };
+      }
 
+      args.resolver = function () {
+        shareScopeMap[scope][pkgName][version] = window.React; // replace local share scope manually with desired module
+        return shareScopeMap[scope][pkgName][version];
+      };
+      return args;
+    },
+  };
+};
 
 init({
-    name: '@demo/app-main',
-    shared: {
-      react: {
-        version: '17.0.0',
-        scope: 'default',
-        lib: () => React,
-        shareConfig: {
-          singleton: true,
-          requiredVersion: '^17.0.0',
-        },
+  name: '@demo/app-main',
+  shared: {
+    react: {
+      version: '17.0.0',
+      scope: 'default',
+      lib: () => React,
+      shareConfig: {
+        singleton: true,
+        requiredVersion: '^17.0.0',
       },
     },
-    plugins: [customSharedPlugin()]
+  },
+  plugins: [customSharedPlugin()],
 });
 
-window.React = ()=> 'Desired Shared';
+window.React = () => 'Desired Shared';
 
-loadShare("react").then((reactFactory)=>{
+loadShare('react').then((reactFactory) => {
   expect(reactFactory()).toEqual(window.React());
 });
 ```
@@ -609,16 +603,16 @@ loadShare("react").then((reactFactory)=>{
 
 Invoked before any preload logic is executed by the preload handler.
 
-* type
+- type
 
 ```ts
-async function beforePreloadRemote(args: BeforePreloadRemoteOptions): BeforePreloadRemoteOptions
+async function beforePreloadRemote(args: BeforePreloadRemoteOptions): BeforePreloadRemoteOptions;
 
-type BeforePreloadRemoteOptions ={
+type BeforePreloadRemoteOptions = {
   preloadOps: Array<PreloadRemoteArgs>;
   options: Options;
   origin: FederationHost;
-}
+};
 ```
 
 ### generatePreloadAssets
@@ -627,19 +621,19 @@ type BeforePreloadRemoteOptions ={
 
 Called for generating preload assets based on configurations.
 
-* type
+- type
 
 ```ts
-async function generatePreloadAssets(args: GeneratePreloadAssetsOptions): Promise<PreloadAssets>
+async function generatePreloadAssets(args: GeneratePreloadAssetsOptions): Promise<PreloadAssets>;
 
-type GeneratePreloadAssetsOptions ={
+type GeneratePreloadAssetsOptions = {
   origin: FederationHost;
   preloadOptions: PreloadOptions[number];
   remote: Remote;
   remoteInfo: RemoteInfo;
   remoteSnapshot: ModuleInfo;
   globalSnapshot: GlobalModuleInfo;
-}
+};
 
 interface PreloadAssets {
   cssAssets: Array<string>;
@@ -656,35 +650,34 @@ Plugin system for module loading operations.
 
 `SyncHook`
 
-* type
+- type
 
 ```ts
-function createScript(args: CreateScriptOptions): HTMLScriptElement | void
+function createScript(args: CreateScriptOptions): HTMLScriptElement | void;
 
-type CreateScriptOptions ={
+type CreateScriptOptions = {
   url: string;
-}
+};
 ```
 
-* example
+- example
 
 ```ts
-import { init } from '@module-federation/runtime'
+import { init } from '@module-federation/runtime';
 import type { FederationRuntimePlugin } from '@module-federation/runtime';
 
-const changeScriptAttributePlugin: () => FederationRuntimePlugin =
-  function () {
-    return {
-      name: 'change-script-attribute',
-      createScript({ url }) {
-        if (url === testRemoteEntry) {
-          let script = document.createElement('script');
-          script.src = testRemoteEntry;
-          script.setAttribute('loader-hooks', 'isTrue');
-          script.setAttribute('crossorigin', 'anonymous');
-          return script;
-        }
+const changeScriptAttributePlugin: () => FederationRuntimePlugin = function () {
+  return {
+    name: 'change-script-attribute',
+    createScript({ url }) {
+      if (url === testRemoteEntry) {
+        let script = document.createElement('script');
+        script.src = testRemoteEntry;
+        script.setAttribute('loader-hooks', 'isTrue');
+        script.setAttribute('crossorigin', 'anonymous');
+        return script;
       }
-    };
+    },
   };
+};
 ```

package/dist/index.cjs.js

@@ -107,7 +107,10 @@ async function loadEsmEntry({ entry, remoteEntryExports }) {
         try {
             if (!remoteEntryExports) {
                 // eslint-disable-next-line no-eval
-                new Function('resolve', `import("${entry}").then((res)=>{resolve(res);}, (error)=> reject(error))`)(resolve);
+                new Function('callbacks', `import("${entry}").then(callbacks[0]).catch(callbacks[1])`)([
+                    resolve,
+                    reject
+                ]);
             } else {
                 resolve(remoteEntryExports);
             }
@@ -136,7 +139,6 @@ async function loadEntryScript({ name, globalName, entry, createScriptHook }) {
         1. '${entry}' is not the correct URL, or the remoteEntry resource or name is incorrect.\n
         2. ${remoteEntryKey} cannot be used to get remoteEntry exports in the window object.
       `);
-            console.log(entryExports);
             return entryExports;
         }).catch((e)=>{
             return e;
@@ -561,27 +563,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);
     }
 }
 
@@ -1265,6 +1278,19 @@ class FederationHost {
         2. The ${pkgName} share was not registered with the 'lib' attribute.\n
       `);
     }
+    initRawContainer(name, url, container) {
+        const remoteInfo = getRemoteInfo({
+            name,
+            entry: url
+        });
+        const module = new Module({
+            host: this,
+            remoteInfo
+        });
+        module.remoteEntryExports = container;
+        this.moduleCache.set(name, module);
+        return module;
+    }
     async _getRemoteModuleAndOptions(id) {
         const loadRemoteArgs = await this.hooks.lifecycle.beforeRequest.emit({
             id,
@@ -1579,12 +1605,13 @@ class FederationHost {
             // not used yet
             afterPreloadRemote: new AsyncHook()
         });
-        this.version = "0.0.12";
+        this.version = "0.0.14";
         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')
         });
@@ -1661,6 +1688,10 @@ Object.defineProperty(exports, 'loadScript', {
   enumerable: true,
   get: function () { return sdk.loadScript; }
 });
+Object.defineProperty(exports, 'loadScriptNode', {
+  enumerable: true,
+  get: function () { return sdk.loadScriptNode; }
+});
 exports.FederationHost = FederationHost;
 exports.init = init;
 exports.loadRemote = loadRemote;

package/dist/index.esm.js

@@ -1,7 +1,7 @@
 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';
-export { loadScript } from '@module-federation/sdk';
+import { composeKeyWithSeparator, loadScriptNode, loadScript, createLink, getResourceUrl, isManifestProvider, generateSnapshotFromManifest } from '@module-federation/sdk';
+export { loadScript, loadScriptNode } from '@module-federation/sdk';
 
 // Function to match a remote with its name and expose
 // id: pkgName(@federation/app1) + expose(button) = @federation/app1/button
@@ -105,7 +105,10 @@ async function loadEsmEntry({ entry, remoteEntryExports }) {
         try {
             if (!remoteEntryExports) {
                 // eslint-disable-next-line no-eval
-                new Function('resolve', `import("${entry}").then((res)=>{resolve(res);}, (error)=> reject(error))`)(resolve);
+                new Function('callbacks', `import("${entry}").then(callbacks[0]).catch(callbacks[1])`)([
+                    resolve,
+                    reject
+                ]);
             } else {
                 resolve(remoteEntryExports);
             }
@@ -134,7 +137,6 @@ async function loadEntryScript({ name, globalName, entry, createScriptHook }) {
         1. '${entry}' is not the correct URL, or the remoteEntry resource or name is incorrect.\n
         2. ${remoteEntryKey} cannot be used to get remoteEntry exports in the window object.
       `);
-            console.log(entryExports);
             return entryExports;
         }).catch((e)=>{
             return e;
@@ -559,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 } = 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);
     }
 }
 
@@ -1263,6 +1276,19 @@ class FederationHost {
         2. The ${pkgName} share was not registered with the 'lib' attribute.\n
       `);
     }
+    initRawContainer(name, url, container) {
+        const remoteInfo = getRemoteInfo({
+            name,
+            entry: url
+        });
+        const module = new Module({
+            host: this,
+            remoteInfo
+        });
+        module.remoteEntryExports = container;
+        this.moduleCache.set(name, module);
+        return module;
+    }
     async _getRemoteModuleAndOptions(id) {
         const loadRemoteArgs = await this.hooks.lifecycle.beforeRequest.emit({
             id,
@@ -1577,12 +1603,13 @@ class FederationHost {
             // not used yet
             afterPreloadRemote: new AsyncHook()
         });
-        this.version = "0.0.12";
+        this.version = "0.0.14";
         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.14",
   "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.14";
     }
 }
 // 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.14";
     }
 }
 // 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);
@@ -133,6 +136,7 @@ export declare class FederationHost {
     initOptions(userOptions: UserOptions): Options;
     loadShare<T>(pkgName: string, customShareInfo?: Partial<Shared>): Promise<false | (() => T | undefined)>;
     loadShareSync<T>(pkgName: string, customShareInfo?: Partial<Shared>): () => T | never;
+    initRawContainer(name: string, url: string, container: RemoteEntryExports): Module;
     private _getRemoteModuleAndOptions;
     loadRemote<T>(id: string, options?: {
         loadFactory?: boolean;

package/dist/src/index.d.ts

@@ -2,7 +2,7 @@ import { FederationHost } from './core';
 import { UserOptions, FederationRuntimePlugin } from './type';
 export { FederationHost } from './core';
 export { registerGlobalPlugins } from './global';
-export { loadScript } from '@module-federation/sdk';
+export { loadScript, loadScriptNode } from '@module-federation/sdk';
 export type { Federation } from './global';
 export type { FederationRuntimePlugin };
 export declare function init(options: UserOptions): FederationHost;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/runtime",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "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.14"
   }
 }