@stackable-labs/sdk-extension-react 1.57.0 → 1.58.1

package/dist/index.d.ts

@@ -9,6 +9,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface CreateExtensionOptions {
     extensionId?: string;
+    onError?: (error: Error) => void;
 }
 /**
  * Bootstrap an extension. Call this as the entry point of your extension bundle.

package/dist/index.js

@@ -1,7 +1,7 @@
-import React2, { createContext, useContext, useCallback, useSyncExternalStore, useEffect, useState, useRef } from 'react';
+import React2, { createContext, useContext, useCallback, useSyncExternalStore, useEffect, useState, useRef, Component } from 'react';
 import { createRoot } from 'react-dom/client';
 import { WebCrypto } from '@agnostack/verifyd/esm';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -128,6 +128,24 @@ var ReadySignal = ({ extensionId }) => {
   }, [extensionId]);
   return null;
 };
+var ExtensionErrorBoundary = class extends Component {
+  state = { error: null };
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  componentDidCatch(error) {
+    const { onError } = this.props;
+    onError?.(error);
+  }
+  render() {
+    const { error } = this.state;
+    if (error) {
+      return null;
+    }
+    const { children } = this.props;
+    return children;
+  }
+};
 var createExtension = (factory, options) => {
   const injectedId = window.__STACKABLE_EXTENSION_ID__ ?? new URLSearchParams(window.location.search).get("__extensionId") ?? void 0;
   const extensionId = injectedId ?? options?.extensionId ?? "unknown";
@@ -139,10 +157,10 @@ var createExtension = (factory, options) => {
   const container = document.getElementById("extension-root") ?? document.body;
   const root = createRoot(container);
   root.render(
-    /* @__PURE__ */ jsxs(ExtensionContext.Provider, { value: contextValue, children: [
+    /* @__PURE__ */ jsx(ExtensionErrorBoundary, { onError: options?.onError, children: /* @__PURE__ */ jsxs(ExtensionContext.Provider, { value: contextValue, children: [
       factory(),
       /* @__PURE__ */ jsx(ReadySignal, { extensionId })
-    ] })
+    ] }) })
   );
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stackable-labs/sdk-extension-react",
-  "version": "1.57.0",
+  "version": "1.58.1",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",
@@ -15,7 +15,7 @@
     "@agnostack/verifyd": "alpha",
     "@remote-dom/core": "1.x",
     "@remote-dom/react": "1.x",
-    "@stackable-labs/sdk-extension-contracts": "1.57.0"
+    "@stackable-labs/sdk-extension-contracts": "1.58.1"
   },
   "peerDependencies": {
     "react": ">=18.0.0 <19.0.0",