@flareapp/react 2.5.1 → 2.7.0

package/README.md

@@ -44,22 +44,24 @@ flare.logger.info('Checkout started', { cartId: cart.id, total: cart.total });
 ## Minified production errors
 
 In production, React throws minified errors like `Minified React error #418; visit https://react.dev/errors/418?args[]=Foo`.
-The client parses these into structured fields and attaches them, along with the running React version, to the report
-context:
+The client parses these into a single self-contained field, `flare.exception.react_minified_error`, carrying the running
+React version alongside the parsed pieces:
 
 ```ts
-react: {
-    version: '19.0.0',
-    minifiedError: {
-        number: 418,
-        args: ['Foo', 'Bar'],
-        url: 'https://react.dev/errors/418?args[]=Foo&args[]=Bar',
-    },
+'flare.exception.react_minified_error': {
+    number: 418,
+    args: ['Foo', 'Bar'],
+    url: 'https://react.dev/errors/418?args[]=Foo&args[]=Bar',
+    react_version: '19.0.0',
 }
 ```
 
-Flare uses `react.minifiedError` and `react.version` on the backend to look up React's error-code map and surface the
-full, human-readable message. No error-code map is bundled into the client. Non-minified errors are reported unchanged.
+Flare reads this field on the backend to look up React's error-code map (keyed on `react_version`) and surface the full,
+human-readable message. It is a Flare-internal field, not part of the display context, so it is emitted only when an
+error actually parses as a minified React error and cannot be stripped by a `beforeSubmit` hook. No error-code map is
+bundled into the client. Non-minified errors are reported unchanged.
+
+`context.custom.react` continues to carry `componentStack`, `componentStackFrames` and `version` for display.
 
 ## Identifying users
 

package/dist/{flareReactErrorHandler-4Vgqlths.d.cts → flareReactErrorHandler-CLRs3ATb.d.mts}

@@ -1,5 +1,5 @@
-import { Flare } from "@flareapp/js/browser";
 import { Component, ErrorInfo, PropsWithChildren, ReactNode } from "react";
+import { Flare } from "@flareapp/js/browser";
 
 //#region src/types.d.ts
 type ComponentStackFrame = {
@@ -18,7 +18,6 @@ type FlareReactContext = {
     componentStack: string[];
     componentStackFrames: ComponentStackFrame[];
     version?: string;
-    minifiedError?: MinifiedReactError;
   };
 };
 //#endregion

package/dist/{flareReactErrorHandler-BcVYRMtC.d.mts → flareReactErrorHandler-DDsrRIsz.d.cts}

@@ -1,5 +1,5 @@
-import { Component, ErrorInfo, PropsWithChildren, ReactNode } from "react";
 import { Flare } from "@flareapp/js/browser";
+import { Component, ErrorInfo, PropsWithChildren, ReactNode } from "react";
 
 //#region src/types.d.ts
 type ComponentStackFrame = {
@@ -18,7 +18,6 @@ type FlareReactContext = {
     componentStack: string[];
     componentStackFrames: ComponentStackFrame[];
     version?: string;
-    minifiedError?: MinifiedReactError;
   };
 };
 //#endregion

package/dist/{flareReactErrorHandler-BECMhASE.cjs → flareReactErrorHandler-e8mBB8Lg.cjs}

@@ -32,7 +32,7 @@ let _flareapp_core = require("@flareapp/core");
 //#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.5.1" : "?";
+const PACKAGE_VERSION = typeof process !== "undefined" && true ? "2.7.0" : "?";
 
 //#endregion
 //#region src/identify.ts
@@ -114,6 +114,34 @@ function parseComponentStack(stack) {
 	});
 }
 
+//#endregion
+//#region src/buildReactContext.ts
+function buildReactContext(rawStack) {
+	return { react: {
+		componentStack: formatComponentStack(rawStack),
+		componentStackFrames: parseComponentStack(rawStack),
+		version: react.version
+	} };
+}
+
+//#endregion
+//#region src/contextToAttributes.ts
+function contextToAttributes(context, minifiedError) {
+	return {
+		"context.custom": { react: {
+			componentStack: context.react.componentStack,
+			componentStackFrames: context.react.componentStackFrames,
+			...context.react.version ? { version: context.react.version } : {}
+		} },
+		...minifiedError ? { "flare.exception.react_minified_error": {
+			number: minifiedError.number,
+			args: minifiedError.args,
+			url: minifiedError.url,
+			react_version: react.version
+		} } : {}
+	};
+}
+
 //#endregion
 //#region src/parseMinifiedReactError.ts
 const NUMBER_PATTERN = /Minified React error #(\d+)/;
@@ -141,29 +169,6 @@ function parseMinifiedReactError(error) {
 	};
 }
 
-//#endregion
-//#region src/buildReactContext.ts
-function buildReactContext(rawStack, error) {
-	const minifiedError = parseMinifiedReactError(error);
-	return { react: {
-		componentStack: formatComponentStack(rawStack),
-		componentStackFrames: parseComponentStack(rawStack),
-		version: react.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 react.Component {
@@ -185,14 +190,14 @@ var FlareErrorBoundary = class extends react.Component {
 			error,
 			errorInfo
 		});
-		const context = buildReactContext(errorInfo.componentStack ?? "", error);
+		const context = buildReactContext(errorInfo.componentStack ?? "");
 		const finalContext = this.props.beforeSubmit?.({
 			error,
 			errorInfo,
 			context
 		}) ?? context;
 		this.setState({ componentStack: finalContext.react.componentStack });
-		this.flare.reportSilently(error, contextToAttributes(finalContext));
+		this.flare.reportSilently(error, contextToAttributes(finalContext, parseMinifiedReactError(error)));
 		this.props.afterSubmit?.({
 			error,
 			errorInfo,
@@ -241,13 +246,13 @@ function flareReactErrorHandler(options) {
 			error: errorObject,
 			errorInfo
 		});
-		const context = buildReactContext(errorInfo.componentStack ?? "", errorObject);
+		const context = buildReactContext(errorInfo.componentStack ?? "");
 		const finalContext = options?.beforeSubmit?.({
 			error: errorObject,
 			errorInfo,
 			context
 		}) ?? context;
-		flare.reportSilently(errorObject, contextToAttributes(finalContext));
+		flare.reportSilently(errorObject, contextToAttributes(finalContext, parseMinifiedReactError(errorObject)));
 		options?.afterSubmit?.({
 			error: errorObject,
 			errorInfo,

package/dist/{flareReactErrorHandler-FqJ6hQZc.mjs → flareReactErrorHandler-zU02JsUc.mjs}

@@ -5,7 +5,7 @@ import { convertToError } from "@flareapp/core";
 //#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.5.1" : "?";
+const PACKAGE_VERSION = typeof process !== "undefined" && true ? "2.7.0" : "?";
 
 //#endregion
 //#region src/identify.ts
@@ -87,6 +87,34 @@ function parseComponentStack(stack) {
 	});
 }
 
+//#endregion
+//#region src/buildReactContext.ts
+function buildReactContext(rawStack) {
+	return { react: {
+		componentStack: formatComponentStack(rawStack),
+		componentStackFrames: parseComponentStack(rawStack),
+		version
+	} };
+}
+
+//#endregion
+//#region src/contextToAttributes.ts
+function contextToAttributes(context, minifiedError) {
+	return {
+		"context.custom": { react: {
+			componentStack: context.react.componentStack,
+			componentStackFrames: context.react.componentStackFrames,
+			...context.react.version ? { version: context.react.version } : {}
+		} },
+		...minifiedError ? { "flare.exception.react_minified_error": {
+			number: minifiedError.number,
+			args: minifiedError.args,
+			url: minifiedError.url,
+			react_version: version
+		} } : {}
+	};
+}
+
 //#endregion
 //#region src/parseMinifiedReactError.ts
 const NUMBER_PATTERN = /Minified React error #(\d+)/;
@@ -114,29 +142,6 @@ function parseMinifiedReactError(error) {
 	};
 }
 
-//#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 {
@@ -158,14 +163,14 @@ var FlareErrorBoundary = class extends Component {
 			error,
 			errorInfo
 		});
-		const context = buildReactContext(errorInfo.componentStack ?? "", error);
+		const context = buildReactContext(errorInfo.componentStack ?? "");
 		const finalContext = this.props.beforeSubmit?.({
 			error,
 			errorInfo,
 			context
 		}) ?? context;
 		this.setState({ componentStack: finalContext.react.componentStack });
-		this.flare.reportSilently(error, contextToAttributes(finalContext));
+		this.flare.reportSilently(error, contextToAttributes(finalContext, parseMinifiedReactError(error)));
 		this.props.afterSubmit?.({
 			error,
 			errorInfo,
@@ -214,13 +219,13 @@ function flareReactErrorHandler(options) {
 			error: errorObject,
 			errorInfo
 		});
-		const context = buildReactContext(errorInfo.componentStack ?? "", errorObject);
+		const context = buildReactContext(errorInfo.componentStack ?? "");
 		const finalContext = options?.beforeSubmit?.({
 			error: errorObject,
 			errorInfo,
 			context
 		}) ?? context;
-		flare.reportSilently(errorObject, contextToAttributes(finalContext));
+		flare.reportSilently(errorObject, contextToAttributes(finalContext, parseMinifiedReactError(errorObject)));
 		options?.afterSubmit?.({
 			error: errorObject,
 			errorInfo,

package/dist/index.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_flareReactErrorHandler = require('./flareReactErrorHandler-BECMhASE.cjs');
+const require_flareReactErrorHandler = require('./flareReactErrorHandler-e8mBB8Lg.cjs');
 let _flareapp_js = require("@flareapp/js");
 
 //#region src/index.ts

package/dist/index.d.cts

@@ -1,2 +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";
+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-DDsrRIsz.cjs";
 export { type ComponentStackFrame, FlareErrorBoundary, type FlareErrorBoundaryFallbackProps, type FlareErrorBoundaryProps, type FlareReactContext, type FlareReactErrorHandlerCallback, type FlareReactErrorHandlerOptions, type MinifiedReactError, flareReactErrorHandler };

package/dist/index.d.mts

@@ -1,2 +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";
+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-CLRs3ATb.mjs";
 export { type ComponentStackFrame, FlareErrorBoundary, type FlareErrorBoundaryFallbackProps, type FlareErrorBoundaryProps, type FlareReactContext, type FlareReactErrorHandlerCallback, type FlareReactErrorHandlerOptions, type MinifiedReactError, flareReactErrorHandler };

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { i as registerReactSdkIdentity, n as FlareErrorBoundary, r as registerDefaultFlare, t as flareReactErrorHandler } from "./flareReactErrorHandler-FqJ6hQZc.mjs";
+import { i as registerReactSdkIdentity, n as FlareErrorBoundary, r as registerDefaultFlare, t as flareReactErrorHandler } from "./flareReactErrorHandler-zU02JsUc.mjs";
 import { flare } from "@flareapp/js";
 
 //#region src/index.ts

package/dist/inject.cjs

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

package/dist/inject.d.cts

@@ -1,2 +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";
+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-DDsrRIsz.cjs";
 export { type ComponentStackFrame, FlareErrorBoundary, type FlareErrorBoundaryFallbackProps, type FlareErrorBoundaryProps, type FlareReactContext, type FlareReactErrorHandlerCallback, type FlareReactErrorHandlerOptions, type MinifiedReactError, flareReactErrorHandler };

package/dist/inject.d.mts

@@ -1,2 +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";
+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-CLRs3ATb.mjs";
 export { type ComponentStackFrame, FlareErrorBoundary, type FlareErrorBoundaryFallbackProps, type FlareErrorBoundaryProps, type FlareReactContext, type FlareReactErrorHandlerCallback, type FlareReactErrorHandlerOptions, type MinifiedReactError, flareReactErrorHandler };

package/dist/inject.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@flareapp/react",
-    "version": "2.5.1",
+    "version": "2.7.0",
     "description": "React client for flareapp.io",
     "homepage": "https://flareapp.io",
     "bugs": "https://github.com/spatie/flare-client-js/issues",
@@ -62,7 +62,7 @@
         "release": "release-it"
     },
     "dependencies": {
-        "@flareapp/core": "2.5.1"
+        "@flareapp/core": "2.7.0"
     },
     "devDependencies": {
         "@flareapp/electron": "file:../electron",
@@ -79,7 +79,7 @@
         "vitest": "^4.0.0"
     },
     "peerDependencies": {
-        "@flareapp/js": "^2.5.1",
+        "@flareapp/js": "^2.7.0",
         "react": "^16.0.0||^17.0.0||^18.0.0||^19.0.0"
     },
     "publishConfig": {