fix(web): import builtin plugin from external url

web/src/beta/lib/core/Crust/Infobox/Block/builtin/unsafeBlocks.ts

@@ -14,7 +14,7 @@ function processUnsafeBuiltinBlocks(plugin?: UnsafeBuiltinPlugin[]) {
 
   const unsafeBlocks: UnsafeBuiltinBlocks<Component> | undefined = plugin
     .map(p =>
-      p.widgets.map(w => {
+      p.blocks?.map(w => {
         return {
           widgetId: `${p.id}/${w.extensionId}`,
           ...w,
@@ -23,11 +23,11 @@ function processUnsafeBuiltinBlocks(plugin?: UnsafeBuiltinPlugin[]) {
     )
     .reduce((a, b) => {
       const newObject: { [key: string]: Component } = {};
-      b.forEach(w => {
+      b?.forEach(w => {
         newObject[w.widgetId] = w.component;
       });
       return merge(a, newObject);
     }, {});
 
-  return unsafeBlocks;
+  return unsafeBlocks || [];
 }

web/src/beta/lib/core/Crust/Widgets/Widget/builtin/unsafeWidgets.ts

@@ -16,7 +16,7 @@ function processUnsafeBuiltinWidgets(plugin?: UnsafeBuiltinPlugin[]) {
 
   const unsafeWidgets: UnsafeBuiltinWidgets<Component> | undefined = plugin
     .map(p =>
-      p.widgets.map(w => {
+      p.widgets?.map(w => {
         return {
           widgetId: `${p.id}/${w.extensionId}`,
           ...w,
@@ -25,11 +25,11 @@ function processUnsafeBuiltinWidgets(plugin?: UnsafeBuiltinPlugin[]) {
     )
     .reduce((a, b) => {
       const newObject: { [key: string]: Component } = {};
-      b.forEach(w => {
+      b?.forEach(w => {
         newObject[w.widgetId] = w.component;
       });
       return merge(a, newObject);
     }, {});
 
-  return unsafeWidgets;
+  return unsafeWidgets || [];
 }

web/src/beta/lib/unsafeBuiltinPlugins/index.ts

@@ -1,5 +1,5 @@
-// import { default as myExampleUnsafePlugin } from "./myExampleUnsafePlugin/index.jsx";
+import { loadPlugins } from "./load";
 
-// export default [myExampleUnsafePlugin];
+export * from "./types";
 
-export default [];
+export default await loadPlugins();

web/src/beta/lib/unsafeBuiltinPlugins/load.ts

@@ -0,0 +1,20 @@
+import { UnsafeBuiltinPlugin } from "./types";
+
+export const loadPlugins = async () => {
+  const urls = window.REEARTH_CONFIG?.unsafePluginUrls;
+  return urls
+    ? (
+        await Promise.all(
+          urls.map(async url => {
+            try {
+              const plugin: UnsafeBuiltinPlugin = (await import(/* @vite-ignore */ url)).default;
+              console.log("Hello", plugin);
+              return plugin;
+            } catch (e) {
+              throw new Error(`Specified unsafe built-in module could not find: ${url} ${e}`);
+            }
+          }),
+        )
+      ).filter(Boolean)
+    : [];
+};

web/src/beta/lib/unsafeBuiltinPlugins/types.ts

@@ -0,0 +1,21 @@
+import type { FC } from "react";
+
+export type UnsafeBuiltinPlugin = {
+  id: string;
+  name: string;
+  widgets?: UnsafeBuiltinWidget[];
+  blocks?: UnsafeBuiltinBlock[];
+};
+
+type UnsafeBuiltinWidget = UnsafeBuiltinPluginExtension<"widget">;
+
+type UnsafeBuiltinBlock = UnsafeBuiltinPluginExtension<"block">;
+
+type UnsafeBuiltinPluginExtension<T extends "widget" | "block"> = {
+  type: T;
+  extensionId: string;
+  name: string;
+  component: FC;
+};
+
+export type UnsafeBuiltinWidgets<T = unknown> = Record<string, T>;

web/src/services/config/index.ts

@@ -44,6 +44,7 @@ export type Config = {
   documentationUrl?: string;
   marketplaceUrl?: string;
   extensionUrls?: string[];
+  unsafePluginUrls?: string[];
   extensions?: Extensions;
   unsafeBuiltinPlugins?: UnsafeBuiltinPlugin[];
 };
@@ -80,9 +81,9 @@ export default async function loadConfig() {
     config.extensions = extensions;
   }
 
-  config.unsafeBuiltinPlugins = await loadUnsafeBuiltinPlugins();
-
   window.REEARTH_CONFIG = config;
+
+  config.unsafeBuiltinPlugins = await loadUnsafeBuiltinPlugins();
 }
 
 export function config(): Config | undefined {

web/src/services/config/unsafeBuiltinPlugin.ts

@@ -1,22 +1,6 @@
-export type UnsafeBuiltinPlugin = {
-  id: string;
-  name: string;
-  widgets: UnsafeBuiltinWidget[];
-  blocks: UnsafeBuiltinBlock[];
-};
+import type { UnsafeBuiltinPlugin } from "../../beta/lib/unsafeBuiltinPlugins";
 
-type UnsafeBuiltinWidget = UnsafeBuiltinPluginExtension<"widget">;
-
-type UnsafeBuiltinBlock = UnsafeBuiltinPluginExtension<"block">;
-
-type UnsafeBuiltinPluginExtension<T extends "widget" | "block"> = {
-  type: T;
-  extensionId: string;
-  name: string;
-  component: React.FC;
-};
-
-export type UnsafeBuiltinWidgets<T = unknown> = Record<string, T>;
+export type { UnsafeBuiltinPlugin } from "../../beta/lib/unsafeBuiltinPlugins";
 
 export async function loadUnsafeBuiltinPlugins() {
   try {