#Runtime API

type InitOptions {
    // 当前 host 的名称
    name: string;
    // 依赖远程模块的列表
    // tip: 在运行时配置的 remotes 和构建插件传入的类型和数据并不完全一致
    remotes: Array<RemoteInfo>;
    // 当前 host 需要共享出去的依赖列表
    // 在使用构建插件时，用户可以在构建插件中配置需要共享的依赖，构建插件将会将需要共享的依赖注入到运行时的 shared 配置中
    // shared 在运行时传入时必须要要手动传入版本实例引用，因为在运行时无法直接
    shared?: {
      [pkgName: string]: ShareArgs | ShareArgs[];
    };
};

type ShareArgs =
  | (SharedBaseArgs & { get: SharedGetter })
  | (SharedBaseArgs & { lib: () => Module });

type SharedBaseArgs = {
  version: string;
  shareConfig?: SharedConfig;
  scope?: string | Array<string>;
  deps?: Array<string>;
  strategy?: 'version-first' | 'loaded-first';
};

type SharedGetter = (() => () => Module) | (() => Promise<() => Module>);

type RemoteInfo = {
  alias?: string;
};

interface RemotesWithEntry {
  name: string;
  entry: string;
}

type ShareInfos = {
  // 依赖的包名和依赖的基础信息、共享策略
  [pkgName: string]: Share;
};

type Share = {
  // 共享依赖的版本
  version: string;
  // 当前的共享依赖被哪些模块消费了
  useIn?: Array<string>;
  // 共享的依赖来自哪个模块
  from?: string;
  // 获取共享依赖的实例的工厂函数，当无法加载缓存的共享实例时将加载自身的共享依赖
  lib: () => Module;
  // 共享策略，将以一个什么策略来决定共享依赖的复用
  shareConfig?: SharedConfig;
  // share 间的依赖
  deps?: Array<string>;
  // 当前共享依赖放在什么 scope 下面，默认为 default
  scope?: string | Array<string>;
};

import { init, preloadRemote } from '@module-federation/enhanced/runtime';
init({
    name: 'mf_host',
    remotes: [
        {
            name: 'sub1',
            entry: "http://localhost:2001/mf-manifest.json"
        },
        {
            name: 'sub2',
            entry: "http://localhost:2002/mf-manifest.json"
        },
        {
            name: 'sub3',
            entry: "http://localhost:2003/mf-manifest.json"
        },
    ],
});

// 预加载 @demo/sub1 模块
// 过滤资源名称中携带 ignore 的资源信息
// 只预加载子依赖的 @demo/sub1-button 模块
preloadRemote([
    {
        nameOrAlias: 'sub1',
        filter(assetUrl) {
            return assetUrl.indexOf('ignore') === -1;
        },
        depsRemote: [{ nameOrAlias: 'sub1-button' }],
    },
]);


// 预加载 @demo/sub2 模块
// 预加载 @demo/sub2 下的所有 expose
// 预加载 @demo/sub2 的同步资源和异步资源
preloadRemote([
    {
        nameOrAlias: 'sub2',
        resourceCategory: 'all',
    },
]);

// 预加载 @demo/sub3 模块的 add expose
preloadRemote([
    {
        nameOrAlias: 'sub3',
        resourceCategory: 'all',
        exposes: ['add'],
    },
]);

import { init, registerRemotes } from '@module-federation/enhanced/runtime';

init({
  name: 'mf_host',
  remotes: [
    {
      name: 'sub1',
      entry: 'http://localhost:2001/mf-manifest.json',
    }
  ],
});

// 增加新的 remote @demo/sub2
registerRemotes([
  {
      name: 'sub2',
      entry: 'http://localhost:2002/mf-manifest.json',
  }
]);

// 覆盖之前的 remote @demo/sub1
registerRemotes([
  {
      name: 'sub1',
      entry: 'http://localhost:2003/mf-manifest.json',
  }
],{ force:true });

import { init, registerPlugins } from '@module-federation/enhanced/runtime';
import runtimePlugin from './custom-runtime-plugin';

init({
  name: 'mf_host',
  remotes: [
    {
      name: 'sub1',
      entry: 'http://localhost:2001/mf-manifest.json',
    }
  ],
});

// 增加新的运行时插件
registerPlugins([runtimePlugin()]);

registerPlugins([
  {
    name: 'custom-plugin-runtime',
    beforeInit(args) {
      const { userOptions, origin } = args;
      if (origin.options.name && origin.options.name !== userOptions.name) {
        userOptions.name = origin.options.name;
      }
      console.log('[build time inject] beforeInit: ', args);
      return args;
    },
    beforeLoadShare(args) {
      console.log('[build time inject] beforeLoadShare: ', args);
      return args;
    },
    createLink({ url }) {
      const link = document.createElement('link');
      link.setAttribute('href', url);
      link.setAttribute('rel', 'preload');
      link.setAttribute('as', 'script');
      link.setAttribute('crossorigin', 'anonymous');
      return link;
    },
  }
]);