@faasjs/react 0.0.3-beta.91 → 0.0.3-beta.93

package/dist/index.d.mts

@@ -2,6 +2,30 @@ import { Response, Options, ResponseError } from '@faasjs/browser';
 export { FaasBrowserClient, Options, Response, ResponseError, ResponseHeaders } from '@faasjs/browser';
 import { FaasAction, FaasData, FaasParams } from '@faasjs/types';
 export { FaasAction, FaasData, FaasParams } from '@faasjs/types';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode, ReactElement, Component } from 'react';
+
+interface ErrorBoundaryProps {
+    children?: ReactNode;
+    onError?: (error: Error | null, info: any) => void;
+    errorChildren?: ReactElement<ErrorChildrenProps>;
+}
+type ErrorChildrenProps = {
+    error?: Error;
+    info?: any;
+    errorMessage?: string;
+    errorDescription?: string;
+};
+declare class ErrorBoundary extends Component<ErrorBoundaryProps, {
+    error?: Error;
+    info?: {
+        componentStack?: string;
+    };
+}> {
+    constructor(props: ErrorBoundaryProps);
+    componentDidCatch(error: Error | null, info: any): void;
+    render(): string | number | boolean | Iterable<ReactNode> | react_jsx_runtime.JSX.Element;
+}
 
 /**
  * Injects FaasData props.
@@ -119,4 +143,4 @@ declare function useFaas<PathOrData extends FaasAction>(action: string | PathOrD
  */
 declare function FaasDataWrapper<PathOrData extends FaasAction>(props: FaasDataWrapperProps<PathOrData>): JSX.Element;
 
-export { FaasDataInjection, FaasDataWrapper, FaasDataWrapperProps, FaasReactClient, FaasReactClientInstance, faas, getClient, useFaas };
+export { ErrorBoundary, ErrorBoundaryProps, ErrorChildrenProps, FaasDataInjection, FaasDataWrapper, FaasDataWrapperProps, FaasReactClient, FaasReactClientInstance, faas, getClient, useFaas };

package/dist/index.d.ts

@@ -2,6 +2,30 @@ import { Response, Options, ResponseError } from '@faasjs/browser';
 export { FaasBrowserClient, Options, Response, ResponseError, ResponseHeaders } from '@faasjs/browser';
 import { FaasAction, FaasData, FaasParams } from '@faasjs/types';
 export { FaasAction, FaasData, FaasParams } from '@faasjs/types';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode, ReactElement, Component } from 'react';
+
+interface ErrorBoundaryProps {
+    children?: ReactNode;
+    onError?: (error: Error | null, info: any) => void;
+    errorChildren?: ReactElement<ErrorChildrenProps>;
+}
+type ErrorChildrenProps = {
+    error?: Error;
+    info?: any;
+    errorMessage?: string;
+    errorDescription?: string;
+};
+declare class ErrorBoundary extends Component<ErrorBoundaryProps, {
+    error?: Error;
+    info?: {
+        componentStack?: string;
+    };
+}> {
+    constructor(props: ErrorBoundaryProps);
+    componentDidCatch(error: Error | null, info: any): void;
+    render(): string | number | boolean | Iterable<ReactNode> | react_jsx_runtime.JSX.Element;
+}
 
 /**
  * Injects FaasData props.
@@ -119,4 +143,4 @@ declare function useFaas<PathOrData extends FaasAction>(action: string | PathOrD
  */
 declare function FaasDataWrapper<PathOrData extends FaasAction>(props: FaasDataWrapperProps<PathOrData>): JSX.Element;
 
-export { FaasDataInjection, FaasDataWrapper, FaasDataWrapperProps, FaasReactClient, FaasReactClientInstance, faas, getClient, useFaas };
+export { ErrorBoundary, ErrorBoundaryProps, ErrorChildrenProps, FaasDataInjection, FaasDataWrapper, FaasDataWrapperProps, FaasReactClient, FaasReactClientInstance, faas, getClient, useFaas };

package/dist/index.js

@@ -2,6 +2,45 @@
 
 var browser = require('@faasjs/browser');
 var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/index.tsx
+var ErrorBoundary = class extends react.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      error: void 0,
+      info: { componentStack: "" }
+    };
+  }
+  componentDidCatch(error, info) {
+    this.setState({
+      error,
+      info
+    });
+  }
+  render() {
+    var _a;
+    const errorMessage = (this.state.error || "").toString();
+    const errorDescription = ((_a = this.state.info) == null ? void 0 : _a.componentStack) ? this.state.info.componentStack : null;
+    if (this.state.error) {
+      if (this.props.onError)
+        this.props.onError(this.state.error, this.state.info);
+      if (this.props.errorChildren)
+        return react.cloneElement(this.props.errorChildren, {
+          error: this.state.error,
+          info: this.state.info,
+          errorMessage,
+          errorDescription
+        });
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { children: errorMessage }),
+        /* @__PURE__ */ jsxRuntime.jsx("pre", { children: errorDescription })
+      ] });
+    }
+    return this.props.children;
+  }
+};
 
 // src/index.tsx
 var clients = {};
@@ -159,6 +198,7 @@ Object.defineProperty(exports, 'FaasBrowserClient', {
   enumerable: true,
   get: function () { return browser.FaasBrowserClient; }
 });
+exports.ErrorBoundary = ErrorBoundary;
 exports.FaasDataWrapper = FaasDataWrapper;
 exports.FaasReactClient = FaasReactClient;
 exports.faas = faas;

package/dist/index.mjs

@@ -1,6 +1,45 @@
 import { FaasBrowserClient } from '@faasjs/browser';
 export { FaasBrowserClient } from '@faasjs/browser';
-import { useState, useEffect, createElement, cloneElement } from 'react';
+import { Component, cloneElement, useState, useEffect, createElement } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/index.tsx
+var ErrorBoundary = class extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      error: void 0,
+      info: { componentStack: "" }
+    };
+  }
+  componentDidCatch(error, info) {
+    this.setState({
+      error,
+      info
+    });
+  }
+  render() {
+    var _a;
+    const errorMessage = (this.state.error || "").toString();
+    const errorDescription = ((_a = this.state.info) == null ? void 0 : _a.componentStack) ? this.state.info.componentStack : null;
+    if (this.state.error) {
+      if (this.props.onError)
+        this.props.onError(this.state.error, this.state.info);
+      if (this.props.errorChildren)
+        return cloneElement(this.props.errorChildren, {
+          error: this.state.error,
+          info: this.state.info,
+          errorMessage,
+          errorDescription
+        });
+      return /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { children: errorMessage }),
+        /* @__PURE__ */ jsx("pre", { children: errorDescription })
+      ] });
+    }
+    return this.props.children;
+  }
+};
 
 // src/index.tsx
 var clients = {};
@@ -154,4 +193,4 @@ function FaasDataWrapper(props) {
   return createElement(client.FaasDataWrapper, props);
 }
 
-export { FaasDataWrapper, FaasReactClient, faas, getClient, useFaas };
+export { ErrorBoundary, FaasDataWrapper, FaasReactClient, faas, getClient, useFaas };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faasjs/react",
-  "version": "0.0.3-beta.91",
+  "version": "0.0.3-beta.93",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -22,7 +22,7 @@
     "dist"
   ],
   "dependencies": {
-    "@faasjs/browser": "^0.0.3-beta.91"
+    "@faasjs/browser": "0.0.3-beta.93"
   },
   "peerDependencies": {
     "react": "*"