@ohbug/react 2.0.6 → 2.0.8

package/dist/index.d.mts

@@ -0,0 +1,23 @@
+import { OhbugBaseDetail, OhbugClient } from '@ohbug/types';
+import React from 'react';
+
+interface ReactErrorDetail extends OhbugBaseDetail {
+    name: string;
+    stack?: string;
+    errorInfo: any;
+}
+interface ErrorBoundaryProp {
+    client: OhbugClient;
+    FallbackComponent?: React.ReactElement;
+    children?: React.ReactNode;
+}
+interface ErrorBoundaryState {
+    error: any;
+}
+declare class OhbugErrorBoundary extends React.Component<ErrorBoundaryProp, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProp);
+    componentDidCatch(error: Error, info: any): void;
+    render(): string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined;
+}
+
+export { OhbugErrorBoundary, ReactErrorDetail };

package/dist/index.d.ts

@@ -17,7 +17,7 @@ interface ErrorBoundaryState {
 declare class OhbugErrorBoundary extends React.Component<ErrorBoundaryProp, ErrorBoundaryState> {
     constructor(props: ErrorBoundaryProp);
     componentDidCatch(error: Error, info: any): void;
-    render(): string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment | null | undefined;
+    render(): string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined;
 }
 
 export { OhbugErrorBoundary, ReactErrorDetail };

package/dist/index.js

@@ -1 +1,75 @@
-"use strict";var m=Object.create;var a=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var d=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var h=(t,e)=>{for(var r in e)a(t,r,{get:e[r],enumerable:!0})},c=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of y(e))!f.call(t,n)&&n!==r&&a(t,n,{get:()=>e[n],enumerable:!(o=u(e,n))||o.enumerable});return t};var E=(t,e,r)=>(r=t!=null?m(d(t)):{},c(e||!t||!t.__esModule?a(r,"default",{value:t,enumerable:!0}):r,t)),g=t=>c(a({},"__esModule",{value:!0}),t);var R={};h(R,{OhbugErrorBoundary:()=>s});module.exports=g(R);var i=E(require("react")),l=require("@ohbug/core"),s=class extends i.default.Component{constructor(e){super(e),this.state={error:null}}componentDidCatch(e,r){let{client:o}=this.props,n={name:e.name,message:e.message,stack:e.stack,errorInfo:r},p=o.createEvent({category:"error",type:l.EventTypes.REACT,detail:n});o.notify(p),this.setState({error:e})}render(){let{error:e}=this.state,{FallbackComponent:r,children:o}=this.props;return e?r||null:o}};0&&(module.exports={OhbugErrorBoundary});
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  OhbugErrorBoundary: () => OhbugErrorBoundary
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/OhbugErrorBoundary.ts
+var import_react = __toESM(require("react"));
+var import_core = require("@ohbug/core");
+var OhbugErrorBoundary = class extends import_react.default.Component {
+  constructor(props) {
+    super(props);
+    this.state = { error: null };
+  }
+  componentDidCatch(error, info) {
+    const { client } = this.props;
+    const detail = {
+      name: error.name,
+      message: error.message,
+      stack: error.stack,
+      errorInfo: info
+    };
+    const event = client.createEvent({
+      category: "error",
+      type: import_core.EventTypes.REACT,
+      detail
+    });
+    client.notify(event);
+    this.setState({ error });
+  }
+  render() {
+    const { error } = this.state;
+    const { FallbackComponent, children } = this.props;
+    if (error) {
+      if (FallbackComponent)
+        return FallbackComponent;
+      return null;
+    }
+    return children;
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  OhbugErrorBoundary
+});

package/dist/index.mjs

@@ -1 +1,38 @@
-import s from"react";import{EventTypes as c}from"@ohbug/core";var o=class extends s.Component{constructor(e){super(e),this.state={error:null}}componentDidCatch(e,t){let{client:r}=this.props,n={name:e.name,message:e.message,stack:e.stack,errorInfo:t},a=r.createEvent({category:"error",type:c.REACT,detail:n});r.notify(a),this.setState({error:e})}render(){let{error:e}=this.state,{FallbackComponent:t,children:r}=this.props;return e?t||null:r}};export{o as OhbugErrorBoundary};
+// src/OhbugErrorBoundary.ts
+import React from "react";
+import { EventTypes } from "@ohbug/core";
+var OhbugErrorBoundary = class extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = { error: null };
+  }
+  componentDidCatch(error, info) {
+    const { client } = this.props;
+    const detail = {
+      name: error.name,
+      message: error.message,
+      stack: error.stack,
+      errorInfo: info
+    };
+    const event = client.createEvent({
+      category: "error",
+      type: EventTypes.REACT,
+      detail
+    });
+    client.notify(event);
+    this.setState({ error });
+  }
+  render() {
+    const { error } = this.state;
+    const { FallbackComponent, children } = this.props;
+    if (error) {
+      if (FallbackComponent)
+        return FallbackComponent;
+      return null;
+    }
+    return children;
+  }
+};
+export {
+  OhbugErrorBoundary
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ohbug/react",
-  "version": "2.0.6",
+  "version": "2.0.8",
   "description": "Ohbug SDK for React",
   "license": "Apache-2.0",
   "author": "chenyueban <jasonchan0527@gmail.com>",
@@ -30,12 +30,12 @@
     "react": "^16.8.6"
   },
   "dependencies": {
-    "@ohbug/core": "2.1.0",
-    "@ohbug/types": "2.1.0"
+    "@ohbug/types": "2.2.0",
+    "@ohbug/core": "2.2.0"
   },
   "devDependencies": {
-    "@ohbug/browser": "2.0.6",
-    "@types/react": "^18.0.15"
+    "@types/react": "^18.2.14",
+    "@ohbug/browser": "2.5.0"
   },
   "publishConfig": {
     "access": "public"
@@ -43,6 +43,5 @@
   "scripts": {
     "build": "tsup",
     "dev": "tsup --watch"
-  },
-  "readme": "# `@ohbug/react`\n\n[![npm](https://img.shields.io/npm/v/@ohbug/react.svg?style=flat-square)](https://www.npmjs.com/package/@ohbug/react)\n[![npm bundle size](https://img.shields.io/bundlephobia/min/@ohbug/react?style=flat-square)](https://bundlephobia.com/result?p=@ohbug/react)\n\nEnglish | [简体中文](./README-zh_CN.md)\n\n## Installation\n\n```\npnpm instal @ohbug/browser @ohbug/react\n```\n\n## Usage\n\n```jsx\nimport React from 'react'\nimport Ohbug from '@ohbug/browser'\nimport { OhbugErrorBoundary } from '@ohbug/react'\n\nconst client = Ohbug.setup({ apiKey: 'YOUR_API_KEY' })\n\nfunction App() {\n  return (\n    <div className=\"App\">\n      <OhbugErrorBoundary client={client}>\n        <HelloWorld />\n      </OhbugErrorBoundary>\n    </div>\n  )\n}\n```\n"
+  }
 }