@purr-react-core/components.error-boundary 0.0.11

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Dinh Thien Phuc
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.cjs

@@ -0,0 +1 @@
+'use strict';var o=require('react');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var o__default=/*#__PURE__*/_interopDefault(o);var t=class extends o.Component{constructor(r){super(r),this.state={error:null,errorInfo:null};}componentDidCatch(r,e){this.setState({error:r,errorInfo:e});}render(){if(this.state.error){if(this.props.FallbackComponent){let r=this.props.FallbackComponent;return o__default.default.createElement(r,null)}return o__default.default.createElement("div",null,o__default.default.createElement("h1",null,"Whoops!"),o__default.default.createElement("p",null,"Stuck in a blind spot. Reload to see the magic!"),o__default.default.createElement("button",{onClick:this.props.onReset},"Reload"))}return this.props.children}};exports.ErrorBoundary=t;

package/dist/index.d.cts

@@ -0,0 +1,42 @@
+import React, { ReactNode, ComponentType, Component } from 'react';
+import { TAny } from '@purr-react-core/utils.definitions';
+
+/**
+ * The props for the ErrorBoundary component.
+ *
+ * @interface IErrorBoundaryProps
+ * @property {function} onReset - The function to reset the error.
+ * @property {ReactNode} children - The children of the component.
+ * @property {ComponentType | null} [FallbackComponent] - The fallback component.
+ */
+interface IErrorBoundaryProps {
+    onReset: () => void;
+    children: ReactNode;
+    FallbackComponent?: ComponentType | null;
+}
+/**
+ * The state for the ErrorBoundary component.
+ *
+ * @interface IErrorBoundaryState
+ * @property {TAny} error - The error.
+ * @property {TAny} errorInfo - The error info.
+ */
+interface IErrorBoundaryState {
+    error: TAny;
+    errorInfo: TAny;
+}
+
+/**
+ * The ErrorBoundary component.
+ *
+ * @param {IErrorBoundaryProps} props - The props for the component.
+ * @param {IErrorBoundaryState} state - The state for the component.
+ * @returns {ReactNode} The component.
+ */
+declare class ErrorBoundary extends Component<IErrorBoundaryProps, IErrorBoundaryState> {
+    constructor(props: IErrorBoundaryProps);
+    componentDidCatch(error: any, errorInfo: any): void;
+    render(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
+}
+
+export { ErrorBoundary, type IErrorBoundaryProps, type IErrorBoundaryState };

package/dist/index.d.ts

@@ -0,0 +1,42 @@
+import React, { ReactNode, ComponentType, Component } from 'react';
+import { TAny } from '@purr-react-core/utils.definitions';
+
+/**
+ * The props for the ErrorBoundary component.
+ *
+ * @interface IErrorBoundaryProps
+ * @property {function} onReset - The function to reset the error.
+ * @property {ReactNode} children - The children of the component.
+ * @property {ComponentType | null} [FallbackComponent] - The fallback component.
+ */
+interface IErrorBoundaryProps {
+    onReset: () => void;
+    children: ReactNode;
+    FallbackComponent?: ComponentType | null;
+}
+/**
+ * The state for the ErrorBoundary component.
+ *
+ * @interface IErrorBoundaryState
+ * @property {TAny} error - The error.
+ * @property {TAny} errorInfo - The error info.
+ */
+interface IErrorBoundaryState {
+    error: TAny;
+    errorInfo: TAny;
+}
+
+/**
+ * The ErrorBoundary component.
+ *
+ * @param {IErrorBoundaryProps} props - The props for the component.
+ * @param {IErrorBoundaryState} state - The state for the component.
+ * @returns {ReactNode} The component.
+ */
+declare class ErrorBoundary extends Component<IErrorBoundaryProps, IErrorBoundaryState> {
+    constructor(props: IErrorBoundaryProps);
+    componentDidCatch(error: any, errorInfo: any): void;
+    render(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
+}
+
+export { ErrorBoundary, type IErrorBoundaryProps, type IErrorBoundaryState };

package/dist/index.js

@@ -0,0 +1 @@
+import o,{Component}from'react';var t=class extends Component{constructor(r){super(r),this.state={error:null,errorInfo:null};}componentDidCatch(r,e){this.setState({error:r,errorInfo:e});}render(){if(this.state.error){if(this.props.FallbackComponent){let r=this.props.FallbackComponent;return o.createElement(r,null)}return o.createElement("div",null,o.createElement("h1",null,"Whoops!"),o.createElement("p",null,"Stuck in a blind spot. Reload to see the magic!"),o.createElement("button",{onClick:this.props.onReset},"Reload"))}return this.props.children}};export{t as ErrorBoundary};

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@purr-react-core/components.error-boundary",
+  "version": "0.0.11",
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0"
+  },
+  "author": "@DinhThienPhuc",
+  "license": "ISC",
+  "description": "",
+  "sideEffects": false,
+  "dependencies": {
+    "@purr-react-core/utils.definitions": "0.0.14"
+  },
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "tsc && vite build",
+    "build:vite": "tsc && vite build",
+    "build:tsup": "tsup",
+    "lint": "eslint . --ext ts,tsx --max-warnings 0"
+  }
+}