@flareapp/react 2.4.0 → 2.5.1

package/dist/index.mjs

@@ -1,198 +1,9 @@
-import { convertToError, flare } from "@flareapp/js";
-import * as React from "react";
-import { Component, version } from "react";
+import { i as registerReactSdkIdentity, n as FlareErrorBoundary, r as registerDefaultFlare, t as flareReactErrorHandler } from "./flareReactErrorHandler-FqJ6hQZc.mjs";
+import { flare } from "@flareapp/js";
 
-//#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.4.0" : "?";
-
-//#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/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/parseMinifiedReactError.ts
-const NUMBER_PATTERN = /Minified React error #(\d+)/;
-const ARG_PATTERN = /args\[\]=([^&\s]*)/g;
-const URL_PATTERN = /(https?:\/\/\S+)/;
-function safeDecode(value) {
-	try {
-		return decodeURIComponent(value);
-	} catch {
-		return value;
-	}
-}
-function parseMinifiedReactError(error) {
-	const message = error?.message;
-	if (!message) return null;
-	const numberMatch = message.match(NUMBER_PATTERN);
-	if (!numberMatch) return null;
-	const args = [];
-	for (const match of message.matchAll(ARG_PATTERN)) args.push(safeDecode(match[1]));
-	const urlMatch = message.match(URL_PATTERN);
-	return {
-		number: Number(numberMatch[1]),
-		args,
-		url: urlMatch ? urlMatch[1] : null
-	};
-}
-
-//#endregion
-//#region src/buildReactContext.ts
-function buildReactContext(rawStack, error) {
-	const minifiedError = parseMinifiedReactError(error);
-	return { react: {
-		componentStack: formatComponentStack(rawStack),
-		componentStackFrames: parseComponentStack(rawStack),
-		version,
-		...minifiedError ? { minifiedError } : {}
-	} };
-}
-
-//#endregion
-//#region src/contextToAttributes.ts
-function contextToAttributes(context) {
-	return { "context.custom": { react: {
-		componentStack: context.react.componentStack,
-		componentStackFrames: context.react.componentStackFrames,
-		...context.react.version ? { version: context.react.version } : {},
-		...context.react.minifiedError ? { minifiedError: context.react.minifiedError } : {}
-	} } };
-}
-
-//#endregion
-//#region src/FlareErrorBoundary.ts
-var FlareErrorBoundary = class extends Component {
-	state = {
-		error: null,
-		componentStack: []
-	};
-	static getDerivedStateFromError(error) {
-		return { error };
-	}
-	componentDidCatch(error, errorInfo) {
-		this.props.beforeEvaluate?.({
-			error,
-			errorInfo
-		});
-		const context = buildReactContext(errorInfo.componentStack ?? "", error);
-		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;
-	}
-};
-
-//#endregion
-//#region src/flareReactErrorHandler.ts
-function flareReactErrorHandler(options) {
-	return (error, errorInfo) => {
-		const errorObject = convertToError(error);
-		options?.beforeEvaluate?.({
-			error: errorObject,
-			errorInfo
-		});
-		const context = buildReactContext(errorInfo.componentStack ?? "", errorObject);
-		const finalContext = options?.beforeSubmit?.({
-			error: errorObject,
-			errorInfo,
-			context
-		}) ?? context;
-		flare.reportSilently(errorObject, contextToAttributes(finalContext));
-		options?.afterSubmit?.({
-			error: errorObject,
-			errorInfo,
-			context: finalContext
-		});
-	};
-}
-
-//#endregion
 //#region src/index.ts
-registerReactSdkIdentity();
+registerDefaultFlare(() => flare);
+registerReactSdkIdentity(flare);
 
 //#endregion
 export { FlareErrorBoundary, flareReactErrorHandler };

package/dist/inject.cjs

@@ -0,0 +1,5 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_flareReactErrorHandler = require('./flareReactErrorHandler-BECMhASE.cjs');
+
+exports.FlareErrorBoundary = require_flareReactErrorHandler.FlareErrorBoundary;
+exports.flareReactErrorHandler = require_flareReactErrorHandler.flareReactErrorHandler;

package/dist/inject.d.cts

@@ -0,0 +1,2 @@
+import { a as FlareErrorBoundaryFallbackProps, c as FlareReactContext, i as FlareErrorBoundary, l as MinifiedReactError, n as FlareReactErrorHandlerOptions, o as FlareErrorBoundaryProps, r as flareReactErrorHandler, s as ComponentStackFrame, t as FlareReactErrorHandlerCallback } from "./flareReactErrorHandler-4Vgqlths.cjs";
+export { type ComponentStackFrame, FlareErrorBoundary, type FlareErrorBoundaryFallbackProps, type FlareErrorBoundaryProps, type FlareReactContext, type FlareReactErrorHandlerCallback, type FlareReactErrorHandlerOptions, type MinifiedReactError, flareReactErrorHandler };

package/dist/inject.d.mts

@@ -0,0 +1,2 @@
+import { a as FlareErrorBoundaryFallbackProps, c as FlareReactContext, i as FlareErrorBoundary, l as MinifiedReactError, n as FlareReactErrorHandlerOptions, o as FlareErrorBoundaryProps, r as flareReactErrorHandler, s as ComponentStackFrame, t as FlareReactErrorHandlerCallback } from "./flareReactErrorHandler-BcVYRMtC.mjs";
+export { type ComponentStackFrame, FlareErrorBoundary, type FlareErrorBoundaryFallbackProps, type FlareErrorBoundaryProps, type FlareReactContext, type FlareReactErrorHandlerCallback, type FlareReactErrorHandlerOptions, type MinifiedReactError, flareReactErrorHandler };

package/dist/inject.mjs

@@ -0,0 +1,3 @@
+import { n as FlareErrorBoundary, t as flareReactErrorHandler } from "./flareReactErrorHandler-FqJ6hQZc.mjs";
+
+export { FlareErrorBoundary, flareReactErrorHandler };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@flareapp/react",
-    "version": "2.4.0",
+    "version": "2.5.1",
     "description": "React client for flareapp.io",
     "homepage": "https://flareapp.io",
     "bugs": "https://github.com/spatie/flare-client-js/issues",
@@ -27,6 +27,10 @@
     "main": "./dist/index.cjs",
     "module": "./dist/index.mjs",
     "types": "./dist/index.d.cts",
+    "sideEffects": [
+        "./dist/index.cjs",
+        "./dist/index.mjs"
+    ],
     "exports": {
         ".": {
             "import": {
@@ -37,16 +41,31 @@
                 "types": "./dist/index.d.cts",
                 "default": "./dist/index.cjs"
             }
+        },
+        "./inject": {
+            "import": {
+                "types": "./dist/inject.d.mts",
+                "default": "./dist/inject.mjs"
+            },
+            "require": {
+                "types": "./dist/inject.d.cts",
+                "default": "./dist/inject.cjs"
+            }
         }
     },
     "scripts": {
         "prepublishOnly": "npm run build",
-        "build": "tsdown src/index.ts --format cjs,esm --dts --env.PACKAGE_VERSION=$(node -p \"require('./package.json').version\") --clean",
+        "build": "tsdown src/index.ts src/inject.ts --format cjs,esm --dts --env.PACKAGE_VERSION=$(node -p \"require('./package.json').version\") --clean",
         "test": "vitest run",
         "typescript": "tsc --noEmit",
+        "verify:inject": "node scripts/verify-inject-no-root.mjs",
         "release": "release-it"
     },
+    "dependencies": {
+        "@flareapp/core": "2.5.1"
+    },
     "devDependencies": {
+        "@flareapp/electron": "file:../electron",
         "@flareapp/js": "file:../js",
         "@testing-library/jest-dom": "^6.9.1",
         "@testing-library/react": "^16.0.0",
@@ -60,7 +79,7 @@
         "vitest": "^4.0.0"
     },
     "peerDependencies": {
-        "@flareapp/js": "^2.4.0",
+        "@flareapp/js": "^2.5.1",
         "react": "^16.0.0||^17.0.0||^18.0.0||^19.0.0"
     },
     "publishConfig": {