@json-render/react-native 0.5.0 → 0.5.1

package/README.md

@@ -59,7 +59,7 @@ export const { registry } = defineRegistry(catalog, {
 });
 ```
 
-Standard components (Container, Row, Column, Button, TextInput, etc.) are included by default -- you only need to register custom ones.
+Standard components (Container, Row, Column, Button, TextInput, etc.) are included by default. You only need to register custom ones.
 
 ### 3. Render Specs
 

package/dist/index.js

@@ -737,7 +737,7 @@ var schema = (0, import_core5.defineSchema)(
 var elementTreeSchema = schema;
 
 // src/renderer.tsx
-var import_react6 = require("react");
+var import_react6 = __toESM(require("react"));
 var import_core6 = require("@json-render/core");
 
 // src/components/standard.tsx
@@ -1555,6 +1555,28 @@ var modalStyles = import_react_native2.StyleSheet.create({
 
 // src/renderer.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
+var ElementErrorBoundary = class extends import_react6.default.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError() {
+    return { hasError: true };
+  }
+  componentDidCatch(error, info) {
+    console.error(
+      `[json-render] Rendering error in <${this.props.elementType}>:`,
+      error,
+      info.componentStack
+    );
+  }
+  render() {
+    if (this.state.hasError) {
+      return null;
+    }
+    return this.props.children;
+  }
+};
 function ElementRenderer({
   element,
   spec,
@@ -1648,7 +1670,7 @@ function ElementRenderer({
       childKey
     );
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Component, { element: resolvedElement, emit, loading, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ElementErrorBoundary, { elementType: resolvedElement.type, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Component, { element: resolvedElement, emit, loading, children }) });
 }
 function RepeatChildren({
   element,