@object-ui/react 3.3.1 → 3.4.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @object-ui/react
 
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [f1ca238]
+- Updated dependencies [de881ef]
+  - @object-ui/types@3.4.0
+  - @object-ui/core@3.4.0
+  - @object-ui/data-objectstack@3.4.0
+  - @object-ui/i18n@3.4.0
+
+## 3.3.2
+
+### Patch Changes
+
+- @object-ui/types@3.3.2
+- @object-ui/core@3.3.2
+- @object-ui/i18n@3.3.2
+- @object-ui/data-objectstack@3.3.2
+
 ## 3.3.1
 
 ### Patch Changes

package/dist/SchemaRenderer.js

@@ -6,7 +6,7 @@ import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-run
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React, { forwardRef, useContext, useMemo, Component } from 'react';
+import React, { forwardRef, useContext, useMemo, useEffect, useReducer, useState, Component } from 'react';
 import { ComponentRegistry, ExpressionEvaluator, isObjectUIError, ERROR_CODES, debugLog, debugTime, debugTimeEnd, DebugCollector, } from '@object-ui/core';
 import { SchemaRendererContext } from './context/SchemaRendererContext';
 import { resolveI18nLabel } from './utils/i18n';
@@ -66,6 +66,11 @@ export class SchemaErrorBoundary extends Component {
 export const SchemaRenderer = forwardRef(({ schema, ...props }, _ref) => {
     const context = useContext(SchemaRendererContext);
     const dataSource = context?.dataSource || {};
+    // Re-render trigger when the global ComponentRegistry mutates (e.g. a
+    // lazy-loaded plugin finishes registering its components).
+    const [, forceUpdate] = useReducer((n) => n + 1, 0);
+    useEffect(() => ComponentRegistry.subscribe(forceUpdate), []);
+    const [lazyError, setLazyError] = useState(null);
     // Evaluate schema expressions against the data source
     const evaluatedSchema = useMemo(() => {
         if (!schema || typeof schema === 'string')
@@ -135,9 +140,21 @@ export const SchemaRenderer = forwardRef(({ schema, ...props }, _ref) => {
     debugLog('schema', 'Rendering schema node', { type: evaluatedSchema.type, id: evaluatedSchema.id });
     const Component = ComponentRegistry.get(evaluatedSchema.type);
     if (!Component) {
+        // If a lazy loader is registered for this type, kick it off — the
+        // registry will notify us via subscribe() once the plugin module's
+        // top-level register() side-effects have run.
+        if (!lazyError && ComponentRegistry.hasLazy(evaluatedSchema.type)) {
+            const pending = ComponentRegistry.loadLazy(evaluatedSchema.type);
+            if (pending) {
+                pending.catch((err) => {
+                    setLazyError(err instanceof Error ? err : new Error(String(err)));
+                });
+                return (_jsxs("div", { className: "p-2 text-sm text-muted-foreground animate-pulse", role: "status", "aria-live": "polite", "data-lazy-loading": evaluatedSchema.type, children: ["Loading ", _jsx("code", { children: evaluatedSchema.type }), "\u2026"] }));
+            }
+        }
         debugLog('schema', 'Component not found in registry', { type: evaluatedSchema.type });
         const errorInfo = ERROR_CODES['OBJUI-001'];
-        return (_jsxs("div", { className: "p-4 border border-red-500 rounded text-red-500 bg-red-50 my-2", role: "alert", children: [_jsxs("p", { className: "font-medium", children: ["Unknown component type: ", _jsx("strong", { children: evaluatedSchema.type })] }), globalThis.process?.env?.NODE_ENV !== 'production' && (_jsxs("p", { className: "text-xs mt-1", children: ["\uD83D\uDCA1 ", errorInfo.suggestion, " (OBJUI-001)"] })), _jsx("pre", { className: "text-xs mt-2 overflow-auto", children: JSON.stringify(evaluatedSchema, null, 2) })] }));
+        return (_jsxs("div", { className: "p-4 border border-red-500 rounded text-red-500 bg-red-50 my-2", role: "alert", children: [_jsxs("p", { className: "font-medium", children: ["Unknown component type: ", _jsx("strong", { children: evaluatedSchema.type })] }), lazyError && (_jsxs("p", { className: "text-xs mt-1", children: ["Failed to load plugin: ", lazyError.message] })), globalThis.process?.env?.NODE_ENV !== 'production' && (_jsxs("p", { className: "text-xs mt-1", children: ["\uD83D\uDCA1 ", errorInfo.suggestion, " (OBJUI-001)"] })), _jsx("pre", { className: "text-xs mt-2 overflow-auto", children: JSON.stringify(evaluatedSchema, null, 2) })] }));
     }
     // Note: We don't forward the ref to the Component because components in the registry
     // may not support refs. The SchemaRenderer itself can still receive refs for its own use.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@object-ui/react",
-  "version": "3.3.1",
+  "version": "3.4.0",
   "type": "module",
   "license": "MIT",
   "description": "React bindings and SchemaRenderer component for Object UI",
@@ -26,10 +26,10 @@
   "dependencies": {
     "@objectstack/spec": "^4.0.4",
     "react-hook-form": "^7.75.0",
-    "@object-ui/core": "3.3.1",
-    "@object-ui/data-objectstack": "3.3.1",
-    "@object-ui/i18n": "3.3.1",
-    "@object-ui/types": "3.3.1"
+    "@object-ui/core": "3.4.0",
+    "@object-ui/data-objectstack": "3.4.0",
+    "@object-ui/i18n": "3.4.0",
+    "@object-ui/types": "3.4.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",