bug fixes

packages/ui-default/lazyload.ts

@@ -8,6 +8,7 @@ export default async function load(name: string) {
   if (lazyModules[name]) return lazyModules[name];
   const tag = document.createElement('script');
   tag.src = `/lazy/${window.lazyloadMetadata[`${name}.lazy.js`]}/${name}.lazy.js`;
+  console.log('loading module: ', name);
   lazyModules[name] = new Promise((resolve, reject) => {
     tag.onerror = reject;
     const timeout = setTimeout(reject, 30000);
@@ -19,16 +20,50 @@ export default async function load(name: string) {
   document.body.appendChild(tag);
   return lazyModules[name];
 }
+
+const val: Record<string, any> = {};
+/** @deprecated */
+async function legacyLoadExternalModule(target: string) {
+  if (val[target]) return val[target];
+  const ele = document.createElement('script');
+  ele.src = target;
+  await new Promise((resolve, reject) => {
+    ele.onload = resolve;
+    ele.onerror = reject;
+    document.head.appendChild(ele);
+  });
+  val[target] = window.exports;
+  return val[target];
+}
+
 export { load };
 export async function getFeatures(name: string) {
   const legacy = Object.keys(window.externalModules).filter((i) => i === name || i.startsWith(`${name}@`))
     .map((i) => window.externalModules[i]);
   const c = Object.keys(features).filter((i) => i === name || i.startsWith(`${name}@`))
     .map((i) => features[i]);
-  console.log(legacy, c, features);
+  console.log('query features for:', name, 'legacy:', legacy, 'selected:', c, 'all:', features);
   return c.concat(legacy);
 }
 
-export function provideFeature(name: string, content: string | (() => Promise<any>)) {
-  features[name] = content;
+export const loaded = [];
+export async function loadFeatures(name: string, ...args: any[]) {
+  if (loaded.includes(name)) return;
+  loaded.push(name);
+  for (const item of await getFeatures(name)) {
+    let apply = typeof item === 'function'
+      ? item
+      : (item.startsWith('http') || item.startsWith('/'))
+        ? await legacyLoadExternalModule(item)
+        : (await load(item)).apply;
+    if (typeof apply !== 'function') apply = apply.default || apply.apply;
+    if (typeof apply === 'function') await apply(...args);
+  }
+}
+
+export function provideFeature(name: string, content: string | (() => Promise<any>)) {
+  console.debug('Providing feature', name);
+  if (features[name]) console.warn('Feature', name, 'already provided');
+  features[name] = content;
+  if (loaded.includes(name)) console.warn('Feature', name, 'already loaded');
 }