@flareapp/react 1.2.0 → 2.0.1

package/.oxlintrc.json

@@ -0,0 +1,8 @@
+{
+    "$schema": "../../node_modules/oxlint/configuration_schema.json",
+    "extends": ["../../.oxlintrc.json"],
+    "plugins": ["react"],
+    "env": {
+        "browser": true
+    }
+}

package/CHANGELOG.md

@@ -1,12 +1,17 @@
-# @flareapp/react
+## 2.0.0
 
-## 1.2.0
+### Breaking changes
 
-### Changed
-- Peer dependency on `@flareapp/js` tightened from `^1.0.0` to `^1.2.0`. Consumers must upgrade `@flareapp/js` in lock-step so the v2-wire-format mapper is present at the egress boundary.
+- Bumps peer dependency `@flareapp/js` to `^2.0.0`. See its CHANGELOG for wire format changes.
+- `flareReactErrorHandler` no longer passes a third `extraSolutionParameters` arg to `flare.report` (solutions API removed in `@flareapp/js` v2).
+- The React component stack now lands on the report as `attributes['context.custom'].react.componentStack` and `attributes['context.custom'].react.componentStackFrames` (was nested under `context.react.*`).
 
-No functional changes in this package.
+### New
 
-## 1.0.1
-
-Initial release tracked here. Prior history is in git.
+- **`FlareErrorBoundary` lifecycle hooks.** `beforeEvaluate`, `beforeSubmit`, and `afterSubmit` props give full control over the report pipeline from within the boundary.
+- **`resetKeys` prop.** Mirrors `react-error-boundary`'s contract: when any element changes by `Object.is`, the boundary auto-resets. Pairs with the `onReset` callback.
+- **`FlareErrorBoundaryFallbackProps`** now includes `resetErrorBoundary()` for programmatic reset from fallback UI.
+- **`flareReactErrorHandler()` lifecycle hooks.** Same `beforeEvaluate`, `beforeSubmit`, and `afterSubmit` options, for use with third-party error boundaries.
+- Non-`Error` values passed to `flareReactErrorHandler` are coerced to `Error`.
+- The package self-identifies via `flare.setSdkInfo({ name: '@flareapp/react', version })` and `flare.setFramework({ name: 'React', version: React.version })` on import.
+- New exported types: `ComponentStackFrame`, `FlareReactContext`, `FlareReactErrorHandlerCallback`, `FlareReactErrorHandlerOptions`.

package/README.md

@@ -1,5 +1,43 @@
-# The JavaScript client for Flare to catch frontend errors
+# @flareapp/react
 
-Read the JavaScript error tracking section in [the Flare documentation](https://flareapp.io/docs/javascript-error-tracking/installation) for more information.
+React integration for [Flare](https://flareapp.io) error tracking. Provides an error boundary component and a React 19+
+error handler for catching and reporting React component errors to Flare.
 
-Flare client: https://www.npmjs.com/package/@flareapp/js
+## Installation
+
+```bash
+npm install @flareapp/react @flareapp/js
+```
+
+## Quick start
+
+Initialize the Flare client and wrap your component tree with the error boundary:
+
+```tsx
+import { flare } from '@flareapp/js';
+import { FlareErrorBoundary } from '@flareapp/react';
+
+flare.light('YOUR_FLARE_API_KEY');
+
+function App() {
+    return (
+        <FlareErrorBoundary fallback={<p>Something went wrong.</p>}>
+            <MyComponent />
+        </FlareErrorBoundary>
+    );
+}
+```
+
+## Documentation
+
+Full documentation on the error boundary, the React 19+ error handler, lifecycle callbacks, and more is available
+at [flareapp.io/docs/react/general/installation](https://flareapp.io/docs/react/general/installation).
+
+## Compatibility
+
+- React 16, 17, 18, 19
+- `flareReactErrorHandler` requires React 19+
+
+## License
+
+The MIT License (MIT). Please see [License File](../../LICENSE.md) for more information.

package/dist/index.cjs

@@ -0,0 +1,194 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+//#region \0rolldown/runtime.js
+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 __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+			key = keys[i];
+			if (!__hasOwnProp.call(to, key) && key !== except) {
+				__defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+		}
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+
+//#endregion
+let _flareapp_js = require("@flareapp/js");
+let react = require("react");
+react = __toESM(react);
+
+//#region src/constants.ts
+const CHROMIUM_STACK_REGEX = /^at\s+(\S+)(?:\s+\((.+):(\d+):(\d+)\))?$/;
+const FIREFOX_SAFARI_STACK_REGEX = /^(\S+?)@(.+):(\d+):(\d+)$/;
+const PACKAGE_VERSION = typeof process !== "undefined" && true ? "2.0.1" : "?";
+
+//#endregion
+//#region src/identify.ts
+let registered = false;
+function registerReactSdkIdentity() {
+	if (registered) return;
+	registered = true;
+	_flareapp_js.flare.setSdkInfo({
+		name: "@flareapp/react",
+		version: PACKAGE_VERSION
+	});
+	_flareapp_js.flare.setFramework({
+		name: "React",
+		version: react.version
+	});
+}
+
+//#endregion
+//#region src/contextToAttributes.ts
+function contextToAttributes(context) {
+	return { "context.custom": { react: {
+		componentStack: context.react.componentStack,
+		componentStackFrames: context.react.componentStackFrames
+	} } };
+}
+
+//#endregion
+//#region src/formatComponentStack.ts
+function formatComponentStack(stack) {
+	return stack.split(/\s*\n\s*/g).filter((line) => line.length > 0);
+}
+
+//#endregion
+//#region src/parseComponentStack.ts
+function parseComponentStack(stack) {
+	return stack.split(/\s*\n\s*/g).filter((line) => line.length > 0).map((line) => {
+		const chromeMatch = line.match(CHROMIUM_STACK_REGEX);
+		if (chromeMatch) return {
+			component: chromeMatch[1],
+			file: chromeMatch[2] ?? null,
+			line: chromeMatch[3] ? Number(chromeMatch[3]) : null,
+			column: chromeMatch[4] ? Number(chromeMatch[4]) : null
+		};
+		const firefoxSafariMatch = line.match(FIREFOX_SAFARI_STACK_REGEX);
+		if (firefoxSafariMatch) return {
+			component: firefoxSafariMatch[1],
+			file: firefoxSafariMatch[2],
+			line: Number(firefoxSafariMatch[3]),
+			column: Number(firefoxSafariMatch[4])
+		};
+		return {
+			component: line.replace(/^at\s+/, ""),
+			file: null,
+			line: null,
+			column: null
+		};
+	});
+}
+
+//#endregion
+//#region src/FlareErrorBoundary.ts
+var FlareErrorBoundary = class extends react.Component {
+	state = {
+		error: null,
+		componentStack: []
+	};
+	static getDerivedStateFromError(error) {
+		return { error };
+	}
+	componentDidCatch(error, errorInfo) {
+		this.props.beforeEvaluate?.({
+			error,
+			errorInfo
+		});
+		const rawStack = errorInfo.componentStack ?? "";
+		const context = { react: {
+			componentStack: formatComponentStack(rawStack),
+			componentStackFrames: parseComponentStack(rawStack)
+		} };
+		const finalContext = this.props.beforeSubmit?.({
+			error,
+			errorInfo,
+			context
+		}) ?? context;
+		this.setState({ componentStack: finalContext.react.componentStack });
+		_flareapp_js.flare.reportSilently(error, contextToAttributes(finalContext));
+		this.props.afterSubmit?.({
+			error,
+			errorInfo,
+			context: finalContext
+		});
+	}
+	componentDidUpdate(prevProps) {
+		if (this.state.error === null || !this.props.resetKeys) return;
+		const prevKeys = prevProps.resetKeys;
+		const nextKeys = this.props.resetKeys;
+		const lengthChanged = prevKeys?.length !== nextKeys.length;
+		const valuesChanged = nextKeys.some((key, i) => !Object.is(key, prevKeys?.[i]));
+		if (lengthChanged || valuesChanged) this.reset();
+	}
+	reset = () => {
+		const { error } = this.state;
+		this.props.onReset?.(error);
+		this.setState({
+			error: null,
+			componentStack: []
+		});
+	};
+	render() {
+		const { error } = this.state;
+		if (error !== null) {
+			const { fallback } = this.props;
+			if (typeof fallback === "function") return fallback({
+				error,
+				componentStack: this.state.componentStack,
+				resetErrorBoundary: this.reset
+			});
+			return fallback ?? null;
+		}
+		return this.props.children;
+	}
+};
+
+//#endregion
+//#region src/flareReactErrorHandler.ts
+function flareReactErrorHandler(options) {
+	return (error, errorInfo) => {
+		const errorObject = (0, _flareapp_js.convertToError)(error);
+		options?.beforeEvaluate?.({
+			error: errorObject,
+			errorInfo
+		});
+		const rawStack = errorInfo.componentStack ?? "";
+		const context = { react: {
+			componentStack: formatComponentStack(rawStack),
+			componentStackFrames: parseComponentStack(rawStack)
+		} };
+		const finalContext = options?.beforeSubmit?.({
+			error: errorObject,
+			errorInfo,
+			context
+		}) ?? context;
+		_flareapp_js.flare.reportSilently(errorObject, contextToAttributes(finalContext));
+		options?.afterSubmit?.({
+			error: errorObject,
+			errorInfo,
+			context: finalContext
+		});
+	};
+}
+
+//#endregion
+//#region src/index.ts
+registerReactSdkIdentity();
+
+//#endregion
+exports.FlareErrorBoundary = FlareErrorBoundary;
+exports.flareReactErrorHandler = flareReactErrorHandler;

package/dist/index.d.cts

@@ -0,0 +1,83 @@
+import { Component, ErrorInfo, PropsWithChildren, ReactNode } from "react";
+
+//#region src/types.d.ts
+type ComponentStackFrame = {
+  component: string;
+  file: string | null;
+  line: number | null;
+  column: number | null;
+};
+type FlareReactContext = {
+  react: {
+    componentStack: string[];
+    componentStackFrames: ComponentStackFrame[];
+  };
+};
+//#endregion
+//#region src/FlareErrorBoundary.d.ts
+type FlareErrorBoundaryFallbackProps = {
+  error: Error;
+  componentStack: string[];
+  resetErrorBoundary: () => void;
+};
+type FlareErrorBoundaryProps = PropsWithChildren<{
+  fallback?: ReactNode | ((props: FlareErrorBoundaryFallbackProps) => ReactNode);
+  resetKeys?: unknown[];
+  beforeEvaluate?: (params: {
+    error: Error;
+    errorInfo: ErrorInfo;
+  }) => void;
+  beforeSubmit?: (params: {
+    error: Error;
+    errorInfo: ErrorInfo;
+    context: FlareReactContext;
+  }) => FlareReactContext;
+  afterSubmit?: (params: {
+    error: Error;
+    errorInfo: ErrorInfo;
+    context: FlareReactContext;
+  }) => void;
+  onReset?: (error: Error | null) => void;
+}>;
+type FlareErrorBoundaryState = {
+  error: Error | null;
+  componentStack: string[];
+};
+declare class FlareErrorBoundary extends Component<FlareErrorBoundaryProps, FlareErrorBoundaryState> {
+  state: FlareErrorBoundaryState;
+  static getDerivedStateFromError(error: Error): Partial<FlareErrorBoundaryState>;
+  componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+  componentDidUpdate(prevProps: FlareErrorBoundaryProps): void;
+  reset: () => void;
+  render(): ReactNode;
+}
+//#endregion
+//#region src/flareReactErrorHandler.d.ts
+type FlareReactErrorHandlerCallback = (error: unknown, errorInfo: {
+  componentStack?: string;
+}) => void;
+type FlareReactErrorHandlerOptions = {
+  beforeEvaluate?: (params: {
+    error: Error;
+    errorInfo: {
+      componentStack?: string;
+    };
+  }) => void;
+  beforeSubmit?: (params: {
+    error: Error;
+    errorInfo: {
+      componentStack?: string;
+    };
+    context: FlareReactContext;
+  }) => FlareReactContext;
+  afterSubmit?: (params: {
+    error: Error;
+    errorInfo: {
+      componentStack?: string;
+    };
+    context: FlareReactContext;
+  }) => void;
+};
+declare function flareReactErrorHandler(options?: FlareReactErrorHandlerOptions): FlareReactErrorHandlerCallback;
+//#endregion
+export { type ComponentStackFrame, FlareErrorBoundary, type FlareErrorBoundaryFallbackProps, type FlareErrorBoundaryProps, type FlareReactContext, type FlareReactErrorHandlerCallback, type FlareReactErrorHandlerOptions, flareReactErrorHandler };

package/dist/index.d.mts

@@ -1,9 +1,83 @@
-import * as react from 'react';
-import { Component, PropsWithChildren } from 'react';
+import { Component, ErrorInfo, PropsWithChildren, ReactNode } from "react";
 
-declare class FlareErrorBoundary extends Component<PropsWithChildren> {
-    componentDidCatch(error: Error, reactErrorInfo: React.ErrorInfo): void;
-    render(): react.ReactNode;
+//#region src/types.d.ts
+type ComponentStackFrame = {
+  component: string;
+  file: string | null;
+  line: number | null;
+  column: number | null;
+};
+type FlareReactContext = {
+  react: {
+    componentStack: string[];
+    componentStackFrames: ComponentStackFrame[];
+  };
+};
+//#endregion
+//#region src/FlareErrorBoundary.d.ts
+type FlareErrorBoundaryFallbackProps = {
+  error: Error;
+  componentStack: string[];
+  resetErrorBoundary: () => void;
+};
+type FlareErrorBoundaryProps = PropsWithChildren<{
+  fallback?: ReactNode | ((props: FlareErrorBoundaryFallbackProps) => ReactNode);
+  resetKeys?: unknown[];
+  beforeEvaluate?: (params: {
+    error: Error;
+    errorInfo: ErrorInfo;
+  }) => void;
+  beforeSubmit?: (params: {
+    error: Error;
+    errorInfo: ErrorInfo;
+    context: FlareReactContext;
+  }) => FlareReactContext;
+  afterSubmit?: (params: {
+    error: Error;
+    errorInfo: ErrorInfo;
+    context: FlareReactContext;
+  }) => void;
+  onReset?: (error: Error | null) => void;
+}>;
+type FlareErrorBoundaryState = {
+  error: Error | null;
+  componentStack: string[];
+};
+declare class FlareErrorBoundary extends Component<FlareErrorBoundaryProps, FlareErrorBoundaryState> {
+  state: FlareErrorBoundaryState;
+  static getDerivedStateFromError(error: Error): Partial<FlareErrorBoundaryState>;
+  componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+  componentDidUpdate(prevProps: FlareErrorBoundaryProps): void;
+  reset: () => void;
+  render(): ReactNode;
 }
-
-export { FlareErrorBoundary };
+//#endregion
+//#region src/flareReactErrorHandler.d.ts
+type FlareReactErrorHandlerCallback = (error: unknown, errorInfo: {
+  componentStack?: string;
+}) => void;
+type FlareReactErrorHandlerOptions = {
+  beforeEvaluate?: (params: {
+    error: Error;
+    errorInfo: {
+      componentStack?: string;
+    };
+  }) => void;
+  beforeSubmit?: (params: {
+    error: Error;
+    errorInfo: {
+      componentStack?: string;
+    };
+    context: FlareReactContext;
+  }) => FlareReactContext;
+  afterSubmit?: (params: {
+    error: Error;
+    errorInfo: {
+      componentStack?: string;
+    };
+    context: FlareReactContext;
+  }) => void;
+};
+declare function flareReactErrorHandler(options?: FlareReactErrorHandlerOptions): FlareReactErrorHandlerCallback;
+//#endregion
+export { type ComponentStackFrame, FlareErrorBoundary, type FlareErrorBoundaryFallbackProps, type FlareErrorBoundaryProps, type FlareReactContext, type FlareReactErrorHandlerCallback, type FlareReactErrorHandlerOptions, flareReactErrorHandler };

package/dist/index.mjs

@@ -1,22 +1,165 @@
-// src/index.ts
-import { flare } from "@flareapp/js";
+import { convertToError, flare } from "@flareapp/js";
+import * as React from "react";
 import { Component } from "react";
+
+//#region src/constants.ts
+const CHROMIUM_STACK_REGEX = /^at\s+(\S+)(?:\s+\((.+):(\d+):(\d+)\))?$/;
+const FIREFOX_SAFARI_STACK_REGEX = /^(\S+?)@(.+):(\d+):(\d+)$/;
+const PACKAGE_VERSION = typeof process !== "undefined" && true ? "2.0.1" : "?";
+
+//#endregion
+//#region src/identify.ts
+let registered = false;
+function registerReactSdkIdentity() {
+	if (registered) return;
+	registered = true;
+	flare.setSdkInfo({
+		name: "@flareapp/react",
+		version: PACKAGE_VERSION
+	});
+	flare.setFramework({
+		name: "React",
+		version: React.version
+	});
+}
+
+//#endregion
+//#region src/contextToAttributes.ts
+function contextToAttributes(context) {
+	return { "context.custom": { react: {
+		componentStack: context.react.componentStack,
+		componentStackFrames: context.react.componentStackFrames
+	} } };
+}
+
+//#endregion
+//#region src/formatComponentStack.ts
+function formatComponentStack(stack) {
+	return stack.split(/\s*\n\s*/g).filter((line) => line.length > 0);
+}
+
+//#endregion
+//#region src/parseComponentStack.ts
+function parseComponentStack(stack) {
+	return stack.split(/\s*\n\s*/g).filter((line) => line.length > 0).map((line) => {
+		const chromeMatch = line.match(CHROMIUM_STACK_REGEX);
+		if (chromeMatch) return {
+			component: chromeMatch[1],
+			file: chromeMatch[2] ?? null,
+			line: chromeMatch[3] ? Number(chromeMatch[3]) : null,
+			column: chromeMatch[4] ? Number(chromeMatch[4]) : null
+		};
+		const firefoxSafariMatch = line.match(FIREFOX_SAFARI_STACK_REGEX);
+		if (firefoxSafariMatch) return {
+			component: firefoxSafariMatch[1],
+			file: firefoxSafariMatch[2],
+			line: Number(firefoxSafariMatch[3]),
+			column: Number(firefoxSafariMatch[4])
+		};
+		return {
+			component: line.replace(/^at\s+/, ""),
+			file: null,
+			line: null,
+			column: null
+		};
+	});
+}
+
+//#endregion
+//#region src/FlareErrorBoundary.ts
 var FlareErrorBoundary = class extends Component {
-  componentDidCatch(error, reactErrorInfo) {
-    const context = {
-      react: {
-        componentStack: formatReactComponentStack(reactErrorInfo?.componentStack ?? "")
-      }
-    };
-    flare.report(error, context, { react: { errorInfo: reactErrorInfo } });
-  }
-  render() {
-    return this.props.children;
-  }
+	state = {
+		error: null,
+		componentStack: []
+	};
+	static getDerivedStateFromError(error) {
+		return { error };
+	}
+	componentDidCatch(error, errorInfo) {
+		this.props.beforeEvaluate?.({
+			error,
+			errorInfo
+		});
+		const rawStack = errorInfo.componentStack ?? "";
+		const context = { react: {
+			componentStack: formatComponentStack(rawStack),
+			componentStackFrames: parseComponentStack(rawStack)
+		} };
+		const finalContext = this.props.beforeSubmit?.({
+			error,
+			errorInfo,
+			context
+		}) ?? context;
+		this.setState({ componentStack: finalContext.react.componentStack });
+		flare.reportSilently(error, contextToAttributes(finalContext));
+		this.props.afterSubmit?.({
+			error,
+			errorInfo,
+			context: finalContext
+		});
+	}
+	componentDidUpdate(prevProps) {
+		if (this.state.error === null || !this.props.resetKeys) return;
+		const prevKeys = prevProps.resetKeys;
+		const nextKeys = this.props.resetKeys;
+		const lengthChanged = prevKeys?.length !== nextKeys.length;
+		const valuesChanged = nextKeys.some((key, i) => !Object.is(key, prevKeys?.[i]));
+		if (lengthChanged || valuesChanged) this.reset();
+	}
+	reset = () => {
+		const { error } = this.state;
+		this.props.onReset?.(error);
+		this.setState({
+			error: null,
+			componentStack: []
+		});
+	};
+	render() {
+		const { error } = this.state;
+		if (error !== null) {
+			const { fallback } = this.props;
+			if (typeof fallback === "function") return fallback({
+				error,
+				componentStack: this.state.componentStack,
+				resetErrorBoundary: this.reset
+			});
+			return fallback ?? null;
+		}
+		return this.props.children;
+	}
 };
-function formatReactComponentStack(stack) {
-  return stack.split(/\s*\n\s*/g).filter((line) => line.length > 0);
+
+//#endregion
+//#region src/flareReactErrorHandler.ts
+function flareReactErrorHandler(options) {
+	return (error, errorInfo) => {
+		const errorObject = convertToError(error);
+		options?.beforeEvaluate?.({
+			error: errorObject,
+			errorInfo
+		});
+		const rawStack = errorInfo.componentStack ?? "";
+		const context = { react: {
+			componentStack: formatComponentStack(rawStack),
+			componentStackFrames: parseComponentStack(rawStack)
+		} };
+		const finalContext = options?.beforeSubmit?.({
+			error: errorObject,
+			errorInfo,
+			context
+		}) ?? context;
+		flare.reportSilently(errorObject, contextToAttributes(finalContext));
+		options?.afterSubmit?.({
+			error: errorObject,
+			errorInfo,
+			context: finalContext
+		});
+	};
 }
-export {
-  FlareErrorBoundary
-};
+
+//#endregion
+//#region src/index.ts
+registerReactSdkIdentity();
+
+//#endregion
+export { FlareErrorBoundary, flareReactErrorHandler };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@flareapp/react",
-    "version": "1.2.0",
+    "version": "2.0.1",
     "description": "React client for flareapp.io",
     "homepage": "https://flareapp.io",
     "bugs": "https://github.com/spatie/flare-client-js/issues",
@@ -9,31 +9,55 @@
         "url": "git+https://github.com/spatie/flare-client-js.git"
     },
     "license": "MIT",
-    "author": "adriaan@spatie.be",
-    "main": "./dist/index.js",
+    "author": {
+        "name": "Spatie",
+        "email": "info@spatie.be"
+    },
+    "contributors": [
+        "Adriaan Marain <adriaan@spatie.be>",
+        "Alex Vanderbist <alex@spatie.be>",
+        "Dries Heyninck <dries@spatie.be>",
+        "Freek Van der Herten <freek@spatie.be>",
+        "Sebastian De Deyne <sebastian@spatie.be>",
+        "Sébastien Henau <seba@spatie.be>"
+    ],
+    "main": "./dist/index.cjs",
     "module": "./dist/index.mjs",
-    "types": "./dist/index.d.ts",
+    "types": "./dist/index.d.cts",
     "exports": {
         ".": {
-            "require": "./dist/index.js",
-            "import": "./dist/index.mjs"
+            "import": {
+                "types": "./dist/index.d.mts",
+                "default": "./dist/index.mjs"
+            },
+            "require": {
+                "types": "./dist/index.d.cts",
+                "default": "./dist/index.cjs"
+            }
         }
     },
     "scripts": {
         "prepublishOnly": "npm run build",
-        "build": "tsup src/index.ts --format cjs,esm --dts --clean",
+        "build": "tsdown src/index.ts --format cjs,esm --dts --env.PACKAGE_VERSION=$(node -p \"require('./package.json').version\") --clean",
+        "test": "vitest run",
         "typescript": "tsc --noEmit",
-        "release": "npx release-it"
+        "release": "release-it"
     },
     "devDependencies": {
         "@flareapp/js": "file:../js",
-        "@types/react": "^18.2.47",
+        "@testing-library/jest-dom": "^6.9.1",
+        "@testing-library/react": "^16.0.0",
+        "@types/react": "^19.0.0",
+        "@types/react-dom": "^19.0.0",
+        "jsdom": "^26.1.0",
         "react": "^19.0.0",
-        "tsup": "^8.0.1",
-        "typescript": "^5.3.3"
+        "react-dom": "^19.0.0",
+        "tsdown": "^0.20.3",
+        "typescript": "^5.7.0",
+        "vitest": "^4.0.0"
     },
     "peerDependencies": {
-        "@flareapp/js": "^1.2.0",
+        "@flareapp/js": "^2.0.1",
         "react": "^16.0.0||^17.0.0||^18.0.0||^19.0.0"
     },
     "publishConfig": {

package/.release-it.json

@@ -1,16 +0,0 @@
-{
-    "git": {
-        "commitMessage": "Release @flareapp/react v${version}",
-        "tagName": "@flareapp/react@${version}",
-        "tagAnnotation": "Release @flareapp/react v${version}"
-    },
-    "github": {
-        "release": false
-    },
-    "npm": {
-        "publish": true
-    },
-    "hooks": {
-        "after:bump": "npm run build"
-    }
-}

package/dist/index.d.ts

@@ -1,9 +0,0 @@
-import * as react from 'react';
-import { Component, PropsWithChildren } from 'react';
-
-declare class FlareErrorBoundary extends Component<PropsWithChildren> {
-    componentDidCatch(error: Error, reactErrorInfo: React.ErrorInfo): void;
-    render(): react.ReactNode;
-}
-
-export { FlareErrorBoundary };

package/dist/index.js

@@ -1,47 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  FlareErrorBoundary: () => FlareErrorBoundary
-});
-module.exports = __toCommonJS(index_exports);
-var import_js = require("@flareapp/js");
-var import_react = require("react");
-var FlareErrorBoundary = class extends import_react.Component {
-  componentDidCatch(error, reactErrorInfo) {
-    const context = {
-      react: {
-        componentStack: formatReactComponentStack(reactErrorInfo?.componentStack ?? "")
-      }
-    };
-    import_js.flare.report(error, context, { react: { errorInfo: reactErrorInfo } });
-  }
-  render() {
-    return this.props.children;
-  }
-};
-function formatReactComponentStack(stack) {
-  return stack.split(/\s*\n\s*/g).filter((line) => line.length > 0);
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  FlareErrorBoundary
-});

package/src/index.ts

@@ -1,28 +0,0 @@
-import { flare } from '@flareapp/js';
-import { Component, PropsWithChildren } from 'react';
-
-interface Context {
-    react: {
-        componentStack: Array<String>;
-    };
-}
-
-export class FlareErrorBoundary extends Component<PropsWithChildren> {
-    componentDidCatch(error: Error, reactErrorInfo: React.ErrorInfo) {
-        const context: Context = {
-            react: {
-                componentStack: formatReactComponentStack(reactErrorInfo?.componentStack ?? ''),
-            },
-        };
-
-        flare.report(error, context, { react: { errorInfo: reactErrorInfo } });
-    }
-
-    render() {
-        return this.props.children;
-    }
-}
-
-function formatReactComponentStack(stack: string) {
-    return stack.split(/\s*\n\s*/g).filter((line) => line.length > 0);
-}

package/tsconfig.json

@@ -1,4 +0,0 @@
-{
-    "extends": "../../tsconfig.json",
-    "include": ["src"]
-}