@dxos/app-framework 0.3.11-next.0fb359e → 0.3.11-next.ee2b64c

package/dist/lib/node/index.cjs

@@ -29,7 +29,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var node_exports = {};
 __export(node_exports, {
   ErrorBoundary: () => ErrorBoundary,
-  IntentProvider: () => import_chunk_YWRBMGDT.IntentProvider,
+  IntentProvider: () => import_chunk_FETX4EGX.IntentProvider,
   Layout: () => Layout,
   LayoutAction: () => LayoutAction,
   Plugin: () => Plugin,
@@ -49,8 +49,8 @@ __export(node_exports, {
   isObject: () => isObject,
   parseGraphBuilderPlugin: () => parseGraphBuilderPlugin,
   parseGraphPlugin: () => parseGraphPlugin,
-  parseIntentPlugin: () => import_chunk_YWRBMGDT.parseIntentPlugin,
-  parseIntentResolverPlugin: () => import_chunk_YWRBMGDT.parseIntentResolverPlugin,
+  parseIntentPlugin: () => import_chunk_FETX4EGX.parseIntentPlugin,
+  parseIntentResolverPlugin: () => import_chunk_FETX4EGX.parseIntentResolverPlugin,
   parseLayoutPlugin: () => parseLayoutPlugin,
   parseMetadataRecordsPlugin: () => parseMetadataRecordsPlugin,
   parseMetadataResolverPlugin: () => parseMetadataResolverPlugin,
@@ -61,9 +61,9 @@ __export(node_exports, {
   parseTranslationsPlugin: () => parseTranslationsPlugin,
   pluginMeta: () => pluginMeta,
   resolvePlugin: () => import_chunk_VDKZ7AAF.resolvePlugin,
-  useIntent: () => import_chunk_YWRBMGDT.useIntent,
-  useIntentDispatcher: () => import_chunk_YWRBMGDT.useIntentDispatcher,
-  useIntentResolver: () => import_chunk_YWRBMGDT.useIntentResolver,
+  useIntent: () => import_chunk_FETX4EGX.useIntent,
+  useIntentDispatcher: () => import_chunk_FETX4EGX.useIntentDispatcher,
+  useIntentResolver: () => import_chunk_FETX4EGX.useIntentResolver,
   usePlugin: () => usePlugin,
   usePlugins: () => usePlugins,
   useResolvePlugin: () => useResolvePlugin,
@@ -71,7 +71,7 @@ __export(node_exports, {
 });
 module.exports = __toCommonJS(node_exports);
 var import_chunk_DC3GU6QR = require("./chunk-DC3GU6QR.cjs");
-var import_chunk_YWRBMGDT = require("./chunk-YWRBMGDT.cjs");
+var import_chunk_FETX4EGX = require("./chunk-FETX4EGX.cjs");
 var import_chunk_VDKZ7AAF = require("./chunk-VDKZ7AAF.cjs");
 var import_zod = require("zod");
 var import_zod2 = require("zod");
@@ -146,7 +146,7 @@ var parseTranslationsPlugin = (plugin) => {
 var pluginMeta = (meta) => meta;
 var Plugin;
 (function(Plugin2) {
-  var lazy = Plugin2.lazy = (p, props) => {
+  Plugin2.lazy = (p, props) => {
     return () => p().then(({ default: definition }) => {
       return definition(props);
     });
@@ -170,132 +170,6 @@ var useResolvePlugin = (predicate) => {
   return (0, import_chunk_VDKZ7AAF.resolvePlugin)(plugins, predicate);
 };
 var PluginProvider = PluginContext.Provider;
-var __dxlog_file = "/home/runner/work/dxos/dxos/packages/sdk/app-framework/src/plugins/PluginHost/PluginHost.tsx";
-var parsePluginHost = (plugin) => plugin.provides.plugins ? plugin : void 0;
-var PLUGIN_HOST = "dxos.org/plugin/host";
-var PluginHost = ({ order, plugins: definitions, core = [], defaults = [], fallback = null }) => {
-  const state = new import_local_storage.LocalStorageStore(PLUGIN_HOST, {
-    ready: false,
-    enabled: [
-      ...defaults
-    ],
-    plugins: [],
-    available: order.filter(({ id }) => !core.includes(id)),
-    setPlugin: (id, enabled) => {
-      if (enabled) {
-        state.values.enabled = [
-          ...state.values.enabled,
-          id
-        ];
-      } else {
-        state.values.enabled = state.values.enabled.filter((enabled2) => enabled2 !== id);
-      }
-    }
-  });
-  state.prop(state.values.$enabled, "enabled", import_local_storage.LocalStorageStore.json);
-  return {
-    meta: {
-      id: PLUGIN_HOST,
-      name: "Plugin host"
-    },
-    provides: {
-      plugins: state.values,
-      context: ({ children }) => /* @__PURE__ */ import_react3.default.createElement(PluginProvider, {
-        value: state.values
-      }, children),
-      root: () => {
-        (0, import_react3.useEffect)(() => {
-          (0, import_log.log)("initializing plugins", {
-            enabled: state.values.enabled
-          }, {
-            F: __dxlog_file,
-            L: 67,
-            S: void 0,
-            C: (f, a) => f(...a)
-          });
-          const timeout = setTimeout(async () => {
-            const enabledIds = [
-              ...core,
-              ...state.values.enabled
-            ].sort((a, b) => {
-              const indexA = order.findIndex(({ id }) => id === a);
-              const indexB = order.findIndex(({ id }) => id === b);
-              return indexA - indexB;
-            });
-            const enabled = await Promise.all(enabledIds.map((id) => definitions[id]).filter((definition) => Boolean(definition)).map((definition) => definition()));
-            const plugins = await Promise.all(enabled.map(async (definition) => {
-              const plugin = await initializePlugin(definition).catch((err) => {
-                console.error("Failed to initialize plugin:", definition.meta.id, err);
-                return void 0;
-              });
-              return plugin;
-            })).then((plugins2) => plugins2.filter((plugin) => Boolean(plugin)));
-            (0, import_log.log)("plugins initialized", {
-              plugins
-            }, {
-              F: __dxlog_file,
-              L: 92,
-              S: void 0,
-              C: (f, a) => f(...a)
-            });
-            await Promise.all(enabled.map(async (pluginDefinition) => {
-              await pluginDefinition.ready?.(plugins);
-            }));
-            (0, import_log.log)("plugins ready", {
-              plugins
-            }, {
-              F: __dxlog_file,
-              L: 99,
-              S: void 0,
-              C: (f, a) => f(...a)
-            });
-            state.values.plugins = (0, import_react2.shallow)(plugins);
-            state.values.ready = true;
-          });
-          return () => {
-            clearTimeout(timeout);
-            state.values.ready = false;
-          };
-        }, []);
-        if (!state.values.ready) {
-          return /* @__PURE__ */ import_react3.default.createElement(import_react3.default.Fragment, null, fallback);
-        }
-        const ComposedContext = composeContext(state.values.plugins);
-        return /* @__PURE__ */ import_react3.default.createElement(ComposedContext, null, rootComponents(state.values.plugins));
-      }
-    }
-  };
-};
-var initializePlugin = async (pluginDefinition) => {
-  const provides = await pluginDefinition.initialize?.();
-  return {
-    ...pluginDefinition,
-    provides: {
-      ...pluginDefinition.provides,
-      ...provides
-    }
-  };
-};
-var rootComponents = (plugins) => {
-  return plugins.map((plugin) => {
-    const Component2 = plugin.provides.root;
-    if (Component2) {
-      return /* @__PURE__ */ import_react3.default.createElement(Component2, {
-        key: plugin.meta.id
-      });
-    } else {
-      return null;
-    }
-  }).filter((node) => Boolean(node));
-};
-var composeContext = (plugins) => {
-  return compose(plugins.map((p) => p.provides.context).filter(Boolean));
-};
-var compose = (contexts) => {
-  return [
-    ...contexts
-  ].reduce((Acc, Next) => ({ children }) => /* @__PURE__ */ import_react3.default.createElement(Acc, null, /* @__PURE__ */ import_react3.default.createElement(Next, null, children)));
-};
 var isObject = (data) => !!data && typeof data === "object";
 var ErrorBoundary = class extends import_react4.Component {
   constructor(props) {
@@ -329,7 +203,7 @@ var ErrorBoundary = class extends import_react4.Component {
     });
   }
 };
-var Surface = /* @__PURE__ */ (0, import_react5.forwardRef)(({ role, name = role, fallback, ...rest }, forwardedRef) => {
+var Surface = /* @__PURE__ */ (0, import_react5.forwardRef)(({ role, name = role, fallback, placeholder, ...rest }, forwardedRef) => {
   const props = {
     role,
     name,
@@ -338,16 +212,17 @@ var Surface = /* @__PURE__ */ (0, import_react5.forwardRef)(({ role, name = role
   };
   const context = (0, import_react6.useContext)(SurfaceContext);
   const data = props.data ?? (name && context?.surfaces?.[name]?.data || {});
-  return /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, fallback ? /* @__PURE__ */ import_react5.default.createElement(ErrorBoundary, {
-    data,
-    fallback
-  }, /* @__PURE__ */ import_react5.default.createElement(SurfaceResolver, {
-    ...props,
-    ref: forwardedRef
-  })) : /* @__PURE__ */ import_react5.default.createElement(SurfaceResolver, {
+  const resolver = /* @__PURE__ */ import_react5.default.createElement(SurfaceResolver, {
     ...props,
     ref: forwardedRef
-  }));
+  });
+  const suspense = placeholder ? /* @__PURE__ */ import_react5.default.createElement(import_react5.Suspense, {
+    fallback: placeholder
+  }, resolver) : resolver;
+  return fallback ? /* @__PURE__ */ import_react5.default.createElement(ErrorBoundary, {
+    data,
+    fallback
+  }, suspense) : suspense;
 });
 var SurfaceContext = /* @__PURE__ */ (0, import_react6.createContext)(null);
 var SurfaceResolver = /* @__PURE__ */ (0, import_react5.forwardRef)((props, forwardedRef) => {
@@ -363,7 +238,7 @@ var SurfaceResolver = /* @__PURE__ */ (0, import_react5.forwardRef)((props, forw
   };
   return /* @__PURE__ */ import_react5.default.createElement(SurfaceContext.Provider, {
     value: currentContext
-  }, nodes.length > 0 ? nodes : props.contentFallback ? /* @__PURE__ */ import_react5.default.createElement(props.contentFallback, null) : null);
+  }, nodes);
 });
 var resolveNodes = (components, props, context, forwardedRef) => {
   const data = {
@@ -403,22 +278,178 @@ var resolveNodes = (components, props, context, forwardedRef) => {
   }, result.node));
   return props.limit ? nodes.slice(0, props.limit) : nodes;
 };
+var __dxlog_file = "/home/runner/work/dxos/dxos/packages/sdk/app-framework/src/plugins/PluginHost/PluginHost.tsx";
+var parsePluginHost = (plugin) => plugin.provides.plugins ? plugin : void 0;
+var PLUGIN_HOST = "dxos.org/plugin/host";
+var PluginHost = ({ order, plugins: definitions, core = [], defaults = [], fallback = DefaultFallback, placeholder = null }) => {
+  const state = new import_local_storage.LocalStorageStore(PLUGIN_HOST, {
+    ready: false,
+    enabled: [
+      ...defaults
+    ],
+    plugins: [],
+    available: order.filter(({ id }) => !core.includes(id)),
+    setPlugin: (id, enabled) => {
+      if (enabled) {
+        state.values.enabled = [
+          ...state.values.enabled,
+          id
+        ];
+      } else {
+        state.values.enabled = state.values.enabled.filter((enabled2) => enabled2 !== id);
+      }
+    }
+  });
+  state.prop(state.values.$enabled, "enabled", import_local_storage.LocalStorageStore.json);
+  return {
+    meta: {
+      id: PLUGIN_HOST,
+      name: "Plugin host"
+    },
+    provides: {
+      plugins: state.values,
+      context: ({ children }) => /* @__PURE__ */ import_react3.default.createElement(PluginProvider, {
+        value: state.values
+      }, children),
+      root: () => {
+        return /* @__PURE__ */ import_react3.default.createElement(ErrorBoundary, {
+          fallback
+        }, /* @__PURE__ */ import_react3.default.createElement(Root, {
+          order,
+          core,
+          definitions,
+          state: state.values,
+          placeholder
+        }));
+      }
+    }
+  };
+};
+var DefaultFallback = ({ error }) => {
+  return /* @__PURE__ */ import_react3.default.createElement("div", {
+    style: {
+      padding: "1rem"
+    }
+  }, /* @__PURE__ */ import_react3.default.createElement("h1", {
+    style: {
+      fontSize: "1.2rem",
+      fontWeight: 700,
+      margin: "0.5rem 0"
+    }
+  }, error.message), /* @__PURE__ */ import_react3.default.createElement("pre", null, error.stack));
+};
+var Root = ({ order, core: corePluginIds, definitions, state, placeholder }) => {
+  const [error, setError] = (0, import_react3.useState)();
+  (0, import_react3.useEffect)(() => {
+    (0, import_log.log)("initializing plugins", {
+      enabled: state.enabled
+    }, {
+      F: __dxlog_file,
+      L: 101,
+      S: void 0,
+      C: (f, a) => f(...a)
+    });
+    const timeout = setTimeout(async () => {
+      try {
+        const enabledIds = [
+          ...corePluginIds,
+          ...state.enabled
+        ].sort((a, b) => {
+          const indexA = order.findIndex(({ id }) => id === a);
+          const indexB = order.findIndex(({ id }) => id === b);
+          return indexA - indexB;
+        });
+        const enabled = await Promise.all(enabledIds.map((id) => definitions[id]).filter((definition) => Boolean(definition)).map((definition) => definition()));
+        const plugins = await Promise.all(enabled.map(async (definition) => {
+          const plugin = await initializePlugin(definition).catch((err) => {
+            console.error("Failed to initialize plugin:", definition.meta.id, err);
+            return void 0;
+          });
+          return plugin;
+        })).then((plugins2) => plugins2.filter((plugin) => Boolean(plugin)));
+        (0, import_log.log)("plugins initialized", {
+          plugins
+        }, {
+          F: __dxlog_file,
+          L: 127,
+          S: void 0,
+          C: (f, a) => f(...a)
+        });
+        await Promise.all(enabled.map((pluginDefinition) => pluginDefinition.ready?.(plugins)));
+        (0, import_log.log)("plugins ready", {
+          plugins
+        }, {
+          F: __dxlog_file,
+          L: 130,
+          S: void 0,
+          C: (f, a) => f(...a)
+        });
+        state.plugins = (0, import_react2.shallow)(plugins);
+        state.ready = true;
+      } catch (err) {
+        setError(err);
+      }
+    });
+    return () => {
+      clearTimeout(timeout);
+      state.ready = false;
+    };
+  }, []);
+  if (error) {
+    throw error;
+  }
+  if (!state.ready) {
+    return /* @__PURE__ */ import_react3.default.createElement(import_react3.default.Fragment, null, placeholder);
+  }
+  const ComposedContext = composeContext(state.plugins);
+  return /* @__PURE__ */ import_react3.default.createElement(ComposedContext, null, rootComponents(state.plugins));
+};
+var initializePlugin = async (pluginDefinition) => {
+  const provides = await pluginDefinition.initialize?.();
+  return {
+    ...pluginDefinition,
+    provides: {
+      ...pluginDefinition.provides,
+      ...provides
+    }
+  };
+};
+var rootComponents = (plugins) => {
+  return plugins.map((plugin) => {
+    const Component2 = plugin.provides.root;
+    if (Component2) {
+      return /* @__PURE__ */ import_react3.default.createElement(Component2, {
+        key: plugin.meta.id
+      });
+    } else {
+      return null;
+    }
+  }).filter((node) => Boolean(node));
+};
+var composeContext = (plugins) => {
+  return compose(plugins.map((p) => p.provides.context).filter(Boolean));
+};
+var compose = (contexts) => {
+  return [
+    ...contexts
+  ].reduce((Acc, Next) => ({ children }) => /* @__PURE__ */ import_react3.default.createElement(Acc, null, /* @__PURE__ */ import_react3.default.createElement(Next, null, children)));
+};
 var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/sdk/app-framework/src/App.tsx";
 var createApp = ({ order, plugins, core = order.map(({ id }) => id), ...params }) => {
   const host = PluginHost({
     order: [
       import_chunk_DC3GU6QR.meta_default,
-      import_chunk_YWRBMGDT.meta_default,
+      import_chunk_FETX4EGX.meta_default,
       ...order
     ],
     plugins: {
       ...plugins,
       [import_chunk_DC3GU6QR.meta_default.id]: Plugin.lazy(() => import("./plugin-JGSJGRMS.cjs")),
-      [import_chunk_YWRBMGDT.meta_default.id]: Plugin.lazy(() => import("./plugin-NP3IH5Q3.cjs"))
+      [import_chunk_FETX4EGX.meta_default.id]: Plugin.lazy(() => import("./plugin-HLGHD6N5.cjs"))
     },
     core: [
       import_chunk_DC3GU6QR.meta_default.id,
-      import_chunk_YWRBMGDT.meta_default.id,
+      import_chunk_FETX4EGX.meta_default.id,
       ...core
     ],
     ...params
@@ -442,8 +473,8 @@ var createApp = ({ order, plugins, core = order.map(({ id }) => id), ...params }
     ]
   });
   const Context = host.provides.context;
-  const Root = host.provides.root;
-  return () => /* @__PURE__ */ import_react7.default.createElement(Context, null, /* @__PURE__ */ import_react7.default.createElement(Root, null));
+  const Root2 = host.provides.root;
+  return () => /* @__PURE__ */ import_react7.default.createElement(Context, null, /* @__PURE__ */ import_react7.default.createElement(Root2, null));
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {