@xyo-network/react-error 7.4.1 → 7.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/browser/components/ErrorBoundary/ThrownErrorBoundary.stories.d.ts +2 -2
- package/dist/browser/components/ErrorBoundary/ThrownErrorBoundary.stories.d.ts.map +1 -1
- package/dist/browser/components/ErrorRender/ErrorAlert.stories.d.ts +6 -6
- package/dist/browser/components/ErrorRender/ErrorAlert.stories.d.ts.map +1 -1
- package/dist/browser/contexts/ErrorReporter/Provider.stories.d.ts +1 -1
- package/dist/browser/index.mjs +91 -80
- package/dist/browser/index.mjs.map +1 -1
- package/package.json +19 -19
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { Meta } from '@storybook/react-vite';
|
|
2
2
|
declare const StorybookEntry: Meta;
|
|
3
|
-
declare const Default: import("
|
|
4
|
-
declare const CustomErrorComponent: import("
|
|
3
|
+
declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@xylabs/react-error").ThrownErrorBoundaryProps<import("@xyo-network/payload-model").ModuleError>>;
|
|
4
|
+
declare const CustomErrorComponent: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@xylabs/react-error").ThrownErrorBoundaryProps<import("@xyo-network/payload-model").ModuleError>>;
|
|
5
5
|
export { CustomErrorComponent, Default };
|
|
6
6
|
export default StorybookEntry;
|
|
7
7
|
//# sourceMappingURL=ThrownErrorBoundary.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThrownErrorBoundary.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ErrorBoundary/ThrownErrorBoundary.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;AAK1D,QAAA,MAAM,cAAc,EAAE,IAGrB,CAAA;AA0BD,QAAA,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"ThrownErrorBoundary.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ErrorBoundary/ThrownErrorBoundary.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;AAK1D,QAAA,MAAM,cAAc,EAAE,IAGrB,CAAA;AA0BD,QAAA,MAAM,OAAO,uMAAoB,CAAA;AAGjC,QAAA,MAAM,oBAAoB,uMAAoB,CAAA;AAU9C,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,CAAA;AAExC,eAAe,cAAc,CAAA"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import type { Meta } from '@storybook/react-vite';
|
|
2
2
|
declare const StorybookEntry: Meta;
|
|
3
|
-
declare const Default: import("
|
|
4
|
-
declare const WithTitle: import("
|
|
5
|
-
declare const WithError: import("
|
|
6
|
-
declare const WithScope: import("
|
|
7
|
-
declare const WithErrorAndScope: import("
|
|
8
|
-
declare const WithErrorAndScopeAndTitle: import("
|
|
3
|
+
declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Readonly<import("./ErrorAlert.tsx").ErrorAlertProps<unknown>>>;
|
|
4
|
+
declare const WithTitle: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Readonly<import("./ErrorAlert.tsx").ErrorAlertProps<unknown>>>;
|
|
5
|
+
declare const WithError: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Readonly<import("./ErrorAlert.tsx").ErrorAlertProps<unknown>>>;
|
|
6
|
+
declare const WithScope: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Readonly<import("./ErrorAlert.tsx").ErrorAlertProps<unknown>>>;
|
|
7
|
+
declare const WithErrorAndScope: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Readonly<import("./ErrorAlert.tsx").ErrorAlertProps<unknown>>>;
|
|
8
|
+
declare const WithErrorAndScopeAndTitle: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Readonly<import("./ErrorAlert.tsx").ErrorAlertProps<unknown>>>;
|
|
9
9
|
export { Default, WithError, WithErrorAndScope, WithErrorAndScopeAndTitle, WithScope, WithTitle, };
|
|
10
10
|
export default StorybookEntry;
|
|
11
11
|
//# sourceMappingURL=ErrorAlert.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorAlert.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ErrorRender/ErrorAlert.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;AAK1D,QAAA,MAAM,cAAc,EAAE,IAKrB,CAAA;AAMD,QAAA,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"ErrorAlert.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ErrorRender/ErrorAlert.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;AAK1D,QAAA,MAAM,cAAc,EAAE,IAKrB,CAAA;AAMD,QAAA,MAAM,OAAO,4JAAoB,CAAA;AAGjC,QAAA,MAAM,SAAS,4JAAoB,CAAA;AAGnC,QAAA,MAAM,SAAS,4JAAoB,CAAA;AAGnC,QAAA,MAAM,SAAS,4JAAoB,CAAA;AAGnC,QAAA,MAAM,iBAAiB,4JAAoB,CAAA;AAG3C,QAAA,MAAM,yBAAyB,4JAAoB,CAAA;AAKnD,OAAO,EACL,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,SAAS,EAAE,SAAS,GACvF,CAAA;AAED,eAAe,cAAc,CAAA"}
|
|
@@ -2,7 +2,7 @@ import type { Meta } from '@storybook/react-vite';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { ErrorReporterProvider } from './Provider.tsx';
|
|
4
4
|
declare const StorybookEntry: Meta<typeof ErrorReporterProvider>;
|
|
5
|
-
declare const Default: import("
|
|
5
|
+
declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Provider.tsx").ErrorReporterProviderProps & {
|
|
6
6
|
children?: React.ReactNode | undefined;
|
|
7
7
|
}>;
|
|
8
8
|
export { Default };
|
package/dist/browser/index.mjs
CHANGED
|
@@ -1,15 +1,24 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
|
|
1
4
|
// src/components/ErrorBoundary.tsx
|
|
2
5
|
import { Typography } from "@mui/material";
|
|
3
6
|
import { FlexCol } from "@xylabs/react-flexbox";
|
|
4
|
-
import { Component } from "react";
|
|
5
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
|
+
import React, { Component } from "react";
|
|
6
8
|
var ErrorBoundary = class extends Component {
|
|
9
|
+
static {
|
|
10
|
+
__name(this, "ErrorBoundary");
|
|
11
|
+
}
|
|
7
12
|
constructor(props) {
|
|
8
13
|
super(props);
|
|
9
|
-
this.state = {
|
|
14
|
+
this.state = {
|
|
15
|
+
error: void 0
|
|
16
|
+
};
|
|
10
17
|
}
|
|
11
18
|
static getDerivedStateFromError(error) {
|
|
12
|
-
return {
|
|
19
|
+
return {
|
|
20
|
+
error
|
|
21
|
+
};
|
|
13
22
|
}
|
|
14
23
|
componentDidCatch(error, errorInfo) {
|
|
15
24
|
console.error(`${error}: ${errorInfo}`);
|
|
@@ -19,19 +28,13 @@ var ErrorBoundary = class extends Component {
|
|
|
19
28
|
if (this.props.fallbackWithError) {
|
|
20
29
|
return this.props.fallbackWithError(this.state.error);
|
|
21
30
|
}
|
|
22
|
-
return this.props.fallback ?? /* @__PURE__ */
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
/* @__PURE__ */ jsxs(Typography, { variant: "body1", children: [
|
|
30
|
-
"[",
|
|
31
|
-
this.state.error?.message,
|
|
32
|
-
"]"
|
|
33
|
-
] })
|
|
34
|
-
] });
|
|
31
|
+
return this.props.fallback ?? /* @__PURE__ */ React.createElement(FlexCol, null, /* @__PURE__ */ React.createElement(Typography, {
|
|
32
|
+
variant: "h1"
|
|
33
|
+
}, "Something went wrong."), this.props.scope && /* @__PURE__ */ React.createElement(Typography, {
|
|
34
|
+
variant: "h2"
|
|
35
|
+
}, "[", this.props.scope, "]"), /* @__PURE__ */ React.createElement(Typography, {
|
|
36
|
+
variant: "body1"
|
|
37
|
+
}, "[", this.state.error?.message, "]"));
|
|
35
38
|
}
|
|
36
39
|
return this.props.children;
|
|
37
40
|
}
|
|
@@ -39,92 +42,96 @@ var ErrorBoundary = class extends Component {
|
|
|
39
42
|
|
|
40
43
|
// src/components/ErrorBoundary/ThrownErrorBoundary.tsx
|
|
41
44
|
import { ThrownErrorBoundary as ThrownErrorBoundaryBase } from "@xylabs/react-error";
|
|
42
|
-
import
|
|
43
|
-
var ThrownErrorBoundary = (props) => {
|
|
44
|
-
return /* @__PURE__ */
|
|
45
|
-
};
|
|
45
|
+
import React2 from "react";
|
|
46
|
+
var ThrownErrorBoundary = /* @__PURE__ */ __name((props) => {
|
|
47
|
+
return /* @__PURE__ */ React2.createElement(ThrownErrorBoundaryBase, props);
|
|
48
|
+
}, "ThrownErrorBoundary");
|
|
46
49
|
|
|
47
50
|
// src/components/ErrorRender/ErrorAlert.tsx
|
|
48
51
|
import { ExitToApp as ExitIcon } from "@mui/icons-material";
|
|
49
|
-
import {
|
|
50
|
-
Alert,
|
|
51
|
-
AlertTitle,
|
|
52
|
-
Typography as Typography2
|
|
53
|
-
} from "@mui/material";
|
|
52
|
+
import { Alert, AlertTitle, Typography as Typography2 } from "@mui/material";
|
|
54
53
|
import { ButtonEx } from "@xylabs/react-button";
|
|
55
|
-
import
|
|
56
|
-
function ErrorAlert({
|
|
57
|
-
title = "Whoops! Something went wrong",
|
|
58
|
-
onCancel,
|
|
59
|
-
error = "An unknown error occurred",
|
|
60
|
-
errorContext,
|
|
61
|
-
scope,
|
|
62
|
-
...props
|
|
63
|
-
}) {
|
|
54
|
+
import React3 from "react";
|
|
55
|
+
function ErrorAlert({ title = "Whoops! Something went wrong", onCancel, error = "An unknown error occurred", errorContext, scope, ...props }) {
|
|
64
56
|
const finalScope = scope ?? errorContext;
|
|
65
|
-
return /* @__PURE__ */
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
57
|
+
return /* @__PURE__ */ React3.createElement(Alert, {
|
|
58
|
+
severity: "error",
|
|
59
|
+
...props
|
|
60
|
+
}, /* @__PURE__ */ React3.createElement(AlertTitle, null, title), finalScope ? /* @__PURE__ */ React3.createElement("div", null, /* @__PURE__ */ React3.createElement(Typography2, {
|
|
61
|
+
variant: "caption",
|
|
62
|
+
mr: 0.5,
|
|
63
|
+
fontWeight: "bold"
|
|
64
|
+
}, "Scope:"), /* @__PURE__ */ React3.createElement(Typography2, {
|
|
65
|
+
variant: "caption"
|
|
66
|
+
}, finalScope)) : null, /* @__PURE__ */ React3.createElement("div", null, /* @__PURE__ */ React3.createElement(Typography2, {
|
|
67
|
+
variant: "caption",
|
|
68
|
+
mr: 0.5,
|
|
69
|
+
fontWeight: "bold"
|
|
70
|
+
}, "Error:"), /* @__PURE__ */ React3.createElement(Typography2, {
|
|
71
|
+
variant: "caption"
|
|
72
|
+
}, typeof error === "string" ? error : error?.message)), onCancel ? /* @__PURE__ */ React3.createElement(ButtonEx, {
|
|
73
|
+
variant: "outlined",
|
|
74
|
+
size: "small",
|
|
75
|
+
onClick: onCancel,
|
|
76
|
+
position: "absolute",
|
|
77
|
+
style: {
|
|
78
|
+
right: 8,
|
|
79
|
+
top: 8
|
|
80
|
+
}
|
|
81
|
+
}, /* @__PURE__ */ React3.createElement(ExitIcon, {
|
|
82
|
+
fontSize: "small"
|
|
83
|
+
})) : null);
|
|
87
84
|
}
|
|
85
|
+
__name(ErrorAlert, "ErrorAlert");
|
|
88
86
|
|
|
89
87
|
// src/components/ErrorRender/Render.tsx
|
|
90
88
|
import { FlexCol as FlexCol2 } from "@xylabs/react-flexbox";
|
|
91
|
-
import { useEffect } from "react";
|
|
92
|
-
|
|
93
|
-
function ErrorRender({
|
|
94
|
-
onCancel,
|
|
95
|
-
error,
|
|
96
|
-
noErrorDisplay = false,
|
|
97
|
-
customError = null,
|
|
98
|
-
children,
|
|
99
|
-
errorContext,
|
|
100
|
-
scope,
|
|
101
|
-
useLocation,
|
|
102
|
-
...props
|
|
103
|
-
}) {
|
|
89
|
+
import React4, { useEffect } from "react";
|
|
90
|
+
function ErrorRender({ onCancel, error, noErrorDisplay = false, customError = null, children, errorContext, scope, useLocation, ...props }) {
|
|
104
91
|
const location = useLocation?.();
|
|
105
92
|
useEffect(() => {
|
|
106
93
|
if (location) {
|
|
107
|
-
location.state = {
|
|
94
|
+
location.state = {
|
|
95
|
+
from: {
|
|
96
|
+
pathname: globalThis.location.pathname
|
|
97
|
+
}
|
|
98
|
+
};
|
|
108
99
|
}
|
|
109
|
-
}, [
|
|
100
|
+
}, [
|
|
101
|
+
location
|
|
102
|
+
]);
|
|
110
103
|
useEffect(() => {
|
|
111
104
|
if (error) {
|
|
112
105
|
globalThis.rollbar?.error(error);
|
|
113
106
|
}
|
|
114
|
-
}, [
|
|
115
|
-
|
|
107
|
+
}, [
|
|
108
|
+
error
|
|
109
|
+
]);
|
|
110
|
+
return error ? /* @__PURE__ */ React4.createElement(FlexCol2, {
|
|
111
|
+
alignItems: "stretch",
|
|
112
|
+
...props
|
|
113
|
+
}, noErrorDisplay ? customError : /* @__PURE__ */ React4.createElement(FlexCol2, {
|
|
114
|
+
alignItems: "center",
|
|
115
|
+
...props
|
|
116
|
+
}, /* @__PURE__ */ React4.createElement(ErrorAlert, {
|
|
117
|
+
error,
|
|
118
|
+
errorContext,
|
|
119
|
+
onCancel,
|
|
120
|
+
scope
|
|
121
|
+
}))) : /* @__PURE__ */ React4.createElement(React4.Fragment, null, children);
|
|
116
122
|
}
|
|
123
|
+
__name(ErrorRender, "ErrorRender");
|
|
117
124
|
|
|
118
125
|
// src/contexts/ErrorReporter/Provider.tsx
|
|
119
126
|
import { useRollbar } from "@rollbar/react";
|
|
127
|
+
import React5 from "react";
|
|
120
128
|
|
|
121
129
|
// src/contexts/ErrorReporter/Context.ts
|
|
122
130
|
import { createContext } from "react";
|
|
123
131
|
var ErrorReporterContext = createContext({});
|
|
124
132
|
|
|
125
133
|
// src/contexts/ErrorReporter/Provider.tsx
|
|
126
|
-
|
|
127
|
-
var ErrorReporterProvider = ({ children, rollbar: rollbarProp }) => {
|
|
134
|
+
var ErrorReporterProvider = /* @__PURE__ */ __name(({ children, rollbar: rollbarProp }) => {
|
|
128
135
|
let rollbarFromHook;
|
|
129
136
|
try {
|
|
130
137
|
rollbarFromHook = useRollbar();
|
|
@@ -134,18 +141,22 @@ var ErrorReporterProvider = ({ children, rollbar: rollbarProp }) => {
|
|
|
134
141
|
if (!rollbar) {
|
|
135
142
|
throw new Error("ErrorReporterProvider unable to find a Rollbar instance either passed as prop or from Provider");
|
|
136
143
|
}
|
|
137
|
-
return /* @__PURE__ */
|
|
138
|
-
|
|
144
|
+
return /* @__PURE__ */ React5.createElement(ErrorReporterContext, {
|
|
145
|
+
value: {
|
|
146
|
+
rollbar
|
|
147
|
+
}
|
|
148
|
+
}, children);
|
|
149
|
+
}, "ErrorReporterProvider");
|
|
139
150
|
|
|
140
151
|
// src/contexts/ErrorReporter/useErrorReporter.tsx
|
|
141
152
|
import { use } from "react";
|
|
142
|
-
var useErrorReporter = () => {
|
|
153
|
+
var useErrorReporter = /* @__PURE__ */ __name(() => {
|
|
143
154
|
const context = use(ErrorReporterContext);
|
|
144
155
|
if (context === void 0) {
|
|
145
156
|
console.warn("useErrorReporter must be used within a ErrorReporterContext");
|
|
146
157
|
}
|
|
147
158
|
return context ?? {};
|
|
148
|
-
};
|
|
159
|
+
}, "useErrorReporter");
|
|
149
160
|
export {
|
|
150
161
|
ErrorAlert,
|
|
151
162
|
ErrorBoundary,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/ErrorBoundary.tsx","../../src/components/ErrorBoundary/ThrownErrorBoundary.tsx","../../src/components/ErrorRender/ErrorAlert.tsx","../../src/components/ErrorRender/Render.tsx","../../src/contexts/ErrorReporter/Provider.tsx","../../src/contexts/ErrorReporter/Context.ts","../../src/contexts/ErrorReporter/useErrorReporter.tsx"],"sourcesContent":["import { Typography } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport type { ErrorInfo, ReactNode } from 'react'\nimport React, { Component } from 'react'\n\n/** @deprecated use from @xylabs/react-error instead */\nexport interface ErrorBoundaryProps {\n children: ReactNode\n // fallback as a static ReactNode value\n fallback?: ReactNode\n // fallback element that can receive the error as a prop\n fallbackWithError?: (error: Error) => ReactNode\n scope?: string\n}\n\n/** @deprecated use from @xylabs/react-error instead */\nexport interface ErrorBoundaryState {\n error?: Error\n}\n\n/** @deprecated use from @xylabs/react-error instead */\nexport class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n constructor(props: ErrorBoundaryProps) {\n super(props)\n this.state = { error: undefined }\n }\n\n static getDerivedStateFromError(error: Error) {\n return { error }\n }\n\n override componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n console.error(`${error}: ${errorInfo}`)\n }\n\n override render() {\n if (this.state.error) {\n if (this.props.fallbackWithError) {\n return this.props.fallbackWithError(this.state.error)\n }\n return (\n this.props.fallback ?? (\n <FlexCol>\n <Typography variant=\"h1\">Something went wrong.</Typography>\n {this.props.scope && (\n <Typography variant=\"h2\">\n [\n {this.props.scope}\n ]\n </Typography>\n )}\n <Typography variant=\"body1\">\n [\n {this.state.error?.message}\n ]\n </Typography>\n </FlexCol>\n )\n )\n }\n\n return this.props.children\n }\n}\n","import type { ThrownErrorBoundaryProps } from '@xylabs/react-error'\nimport { ThrownErrorBoundary as ThrownErrorBoundaryBase } from '@xylabs/react-error'\nimport type { ModuleError } from '@xyo-network/payload-model'\nimport type { FC } from 'react'\nimport React from 'react'\n\nexport const ThrownErrorBoundary: FC<ThrownErrorBoundaryProps<ModuleError>> = (props) => {\n return <ThrownErrorBoundaryBase<ModuleError> {...props} />\n}\n","import { ExitToApp as ExitIcon } from '@mui/icons-material'\nimport type { AlertProps } from '@mui/material'\nimport {\n Alert, AlertTitle, Typography,\n} from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport React from 'react'\n\nexport interface ErrorAlertProps<T = void> extends AlertProps {\n error?: T | Error | string\n /** @deprecated use scope instead */\n errorContext?: string\n onCancel?: () => void\n scope?: string\n}\n\nexport function ErrorAlert<T = void>({\n title = 'Whoops! Something went wrong',\n onCancel,\n error = 'An unknown error occurred',\n errorContext,\n scope,\n ...props\n}: Readonly<ErrorAlertProps<T>>) {\n const finalScope = scope ?? errorContext\n return (\n <Alert severity=\"error\" {...props}>\n <AlertTitle>{title}</AlertTitle>\n {finalScope\n ? (\n <div>\n <Typography variant=\"caption\" mr={0.5} fontWeight=\"bold\">\n Scope:\n </Typography>\n <Typography variant=\"caption\">{finalScope}</Typography>\n </div>\n )\n : null}\n <div>\n <Typography variant=\"caption\" mr={0.5} fontWeight=\"bold\">\n Error:\n </Typography>\n <Typography variant=\"caption\">{typeof error === 'string' ? error : (error as Error)?.message}</Typography>\n </div>\n {onCancel\n ? (\n <ButtonEx\n variant=\"outlined\"\n size=\"small\"\n onClick={onCancel}\n position=\"absolute\"\n style={{ right: 8, top: 8 }}\n >\n <ExitIcon fontSize=\"small\" />\n </ButtonEx>\n )\n : null}\n </Alert>\n )\n}\n","import { FlexCol } from '@xylabs/react-flexbox'\nimport React, { useEffect } from 'react'\n\nimport { ErrorAlert } from './ErrorAlert.tsx'\nimport type { ErrorRenderProps } from './Props.ts'\n\nexport function ErrorRender<T = void>({\n onCancel,\n error,\n noErrorDisplay = false,\n customError = null,\n children,\n errorContext,\n scope,\n useLocation,\n ...props\n}: ErrorRenderProps<T>) {\n const location = useLocation?.()\n useEffect(() => {\n if (location) {\n // ensure we end up at the same place we are now after logging in\n location.state = { from: { pathname: globalThis.location.pathname } }\n }\n }, [location])\n\n useEffect(() => {\n if (error) {\n globalThis.rollbar?.error(error)\n }\n }, [error])\n\n return error\n ? (\n <FlexCol alignItems=\"stretch\" {...props}>\n {noErrorDisplay\n ? customError\n : (\n <FlexCol alignItems=\"center\" {...props}>\n <ErrorAlert error={error} errorContext={errorContext} onCancel={onCancel} scope={scope} />\n </FlexCol>\n )}\n </FlexCol>\n )\n : <>{children}</>\n}\n","import { useRollbar } from '@rollbar/react'\nimport type { PropsWithChildren } from 'react'\nimport React from 'react'\nimport type Rollbar from 'rollbar'\n\nimport { ErrorReporterContext } from './Context.ts'\n\n/** @deprecated use from @xylabs/react-error instead */\nexport interface ErrorReporterProviderProps {\n rollbar: Rollbar\n}\n/** @deprecated use from @xylabs/react-error instead */\nexport const ErrorReporterProvider: React.FC<PropsWithChildren<ErrorReporterProviderProps>> = ({ children, rollbar: rollbarProp }) => {\n let rollbarFromHook: Rollbar | undefined\n // safely call the hook\n try {\n rollbarFromHook = useRollbar()\n } catch {}\n\n const rollbar = rollbarProp ?? rollbarFromHook\n\n if (!rollbar) {\n throw new Error('ErrorReporterProvider unable to find a Rollbar instance either passed as prop or from Provider')\n }\n\n return <ErrorReporterContext value={{ rollbar }}>{children}</ErrorReporterContext>\n}\n","import { createContext } from 'react'\n\nimport type { ErrorReporterContextState } from './State.ts'\n\n/** @deprecated use from @xylabs/react-error instead */\nexport const ErrorReporterContext = createContext<ErrorReporterContextState>({})\n","import { use } from 'react'\n\nimport { ErrorReporterContext } from './Context.ts'\n\n/** @deprecated use from @xylabs/react-error instead */\nexport const useErrorReporter = () => {\n const context = use(ErrorReporterContext)\n if (context === undefined) {\n console.warn('useErrorReporter must be used within a ErrorReporterContext')\n }\n\n return context ?? {}\n}\n"],"mappings":"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","names":["jsx","Typography","jsx","jsxs","FlexCol","jsx","FlexCol","jsx"]}
|
|
1
|
+
{"version":3,"sources":["../../src/components/ErrorBoundary.tsx","../../src/components/ErrorBoundary/ThrownErrorBoundary.tsx","../../src/components/ErrorRender/ErrorAlert.tsx","../../src/components/ErrorRender/Render.tsx","../../src/contexts/ErrorReporter/Provider.tsx","../../src/contexts/ErrorReporter/Context.ts","../../src/contexts/ErrorReporter/useErrorReporter.tsx"],"sourcesContent":["import { Typography } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport type { ErrorInfo, ReactNode } from 'react'\nimport React, { Component } from 'react'\n\n/** @deprecated use from @xylabs/react-error instead */\nexport interface ErrorBoundaryProps {\n children: ReactNode\n // fallback as a static ReactNode value\n fallback?: ReactNode\n // fallback element that can receive the error as a prop\n fallbackWithError?: (error: Error) => ReactNode\n scope?: string\n}\n\n/** @deprecated use from @xylabs/react-error instead */\nexport interface ErrorBoundaryState {\n error?: Error\n}\n\n/** @deprecated use from @xylabs/react-error instead */\nexport class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n constructor(props: ErrorBoundaryProps) {\n super(props)\n this.state = { error: undefined }\n }\n\n static getDerivedStateFromError(error: Error) {\n return { error }\n }\n\n override componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n console.error(`${error}: ${errorInfo}`)\n }\n\n override render() {\n if (this.state.error) {\n if (this.props.fallbackWithError) {\n return this.props.fallbackWithError(this.state.error)\n }\n return (\n this.props.fallback ?? (\n <FlexCol>\n <Typography variant=\"h1\">Something went wrong.</Typography>\n {this.props.scope && (\n <Typography variant=\"h2\">\n [\n {this.props.scope}\n ]\n </Typography>\n )}\n <Typography variant=\"body1\">\n [\n {this.state.error?.message}\n ]\n </Typography>\n </FlexCol>\n )\n )\n }\n\n return this.props.children\n }\n}\n","import type { ThrownErrorBoundaryProps } from '@xylabs/react-error'\nimport { ThrownErrorBoundary as ThrownErrorBoundaryBase } from '@xylabs/react-error'\nimport type { ModuleError } from '@xyo-network/payload-model'\nimport type { FC } from 'react'\nimport React from 'react'\n\nexport const ThrownErrorBoundary: FC<ThrownErrorBoundaryProps<ModuleError>> = (props) => {\n return <ThrownErrorBoundaryBase<ModuleError> {...props} />\n}\n","import { ExitToApp as ExitIcon } from '@mui/icons-material'\nimport type { AlertProps } from '@mui/material'\nimport {\n Alert, AlertTitle, Typography,\n} from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport React from 'react'\n\nexport interface ErrorAlertProps<T = void> extends AlertProps {\n error?: T | Error | string\n /** @deprecated use scope instead */\n errorContext?: string\n onCancel?: () => void\n scope?: string\n}\n\nexport function ErrorAlert<T = void>({\n title = 'Whoops! Something went wrong',\n onCancel,\n error = 'An unknown error occurred',\n errorContext,\n scope,\n ...props\n}: Readonly<ErrorAlertProps<T>>) {\n const finalScope = scope ?? errorContext\n return (\n <Alert severity=\"error\" {...props}>\n <AlertTitle>{title}</AlertTitle>\n {finalScope\n ? (\n <div>\n <Typography variant=\"caption\" mr={0.5} fontWeight=\"bold\">\n Scope:\n </Typography>\n <Typography variant=\"caption\">{finalScope}</Typography>\n </div>\n )\n : null}\n <div>\n <Typography variant=\"caption\" mr={0.5} fontWeight=\"bold\">\n Error:\n </Typography>\n <Typography variant=\"caption\">{typeof error === 'string' ? error : (error as Error)?.message}</Typography>\n </div>\n {onCancel\n ? (\n <ButtonEx\n variant=\"outlined\"\n size=\"small\"\n onClick={onCancel}\n position=\"absolute\"\n style={{ right: 8, top: 8 }}\n >\n <ExitIcon fontSize=\"small\" />\n </ButtonEx>\n )\n : null}\n </Alert>\n )\n}\n","import { FlexCol } from '@xylabs/react-flexbox'\nimport React, { useEffect } from 'react'\n\nimport { ErrorAlert } from './ErrorAlert.tsx'\nimport type { ErrorRenderProps } from './Props.ts'\n\nexport function ErrorRender<T = void>({\n onCancel,\n error,\n noErrorDisplay = false,\n customError = null,\n children,\n errorContext,\n scope,\n useLocation,\n ...props\n}: ErrorRenderProps<T>) {\n const location = useLocation?.()\n useEffect(() => {\n if (location) {\n // ensure we end up at the same place we are now after logging in\n location.state = { from: { pathname: globalThis.location.pathname } }\n }\n }, [location])\n\n useEffect(() => {\n if (error) {\n globalThis.rollbar?.error(error)\n }\n }, [error])\n\n return error\n ? (\n <FlexCol alignItems=\"stretch\" {...props}>\n {noErrorDisplay\n ? customError\n : (\n <FlexCol alignItems=\"center\" {...props}>\n <ErrorAlert error={error} errorContext={errorContext} onCancel={onCancel} scope={scope} />\n </FlexCol>\n )}\n </FlexCol>\n )\n : <>{children}</>\n}\n","import { useRollbar } from '@rollbar/react'\nimport type { PropsWithChildren } from 'react'\nimport React from 'react'\nimport type Rollbar from 'rollbar'\n\nimport { ErrorReporterContext } from './Context.ts'\n\n/** @deprecated use from @xylabs/react-error instead */\nexport interface ErrorReporterProviderProps {\n rollbar: Rollbar\n}\n/** @deprecated use from @xylabs/react-error instead */\nexport const ErrorReporterProvider: React.FC<PropsWithChildren<ErrorReporterProviderProps>> = ({ children, rollbar: rollbarProp }) => {\n let rollbarFromHook: Rollbar | undefined\n // safely call the hook\n try {\n rollbarFromHook = useRollbar()\n } catch {}\n\n const rollbar = rollbarProp ?? rollbarFromHook\n\n if (!rollbar) {\n throw new Error('ErrorReporterProvider unable to find a Rollbar instance either passed as prop or from Provider')\n }\n\n return <ErrorReporterContext value={{ rollbar }}>{children}</ErrorReporterContext>\n}\n","import { createContext } from 'react'\n\nimport type { ErrorReporterContextState } from './State.ts'\n\n/** @deprecated use from @xylabs/react-error instead */\nexport const ErrorReporterContext = createContext<ErrorReporterContextState>({})\n","import { use } from 'react'\n\nimport { ErrorReporterContext } from './Context.ts'\n\n/** @deprecated use from @xylabs/react-error instead */\nexport const useErrorReporter = () => {\n const context = use(ErrorReporterContext)\n if (context === undefined) {\n console.warn('useErrorReporter must be used within a ErrorReporterContext')\n }\n\n return context ?? {}\n}\n"],"mappings":"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","names":["Typography","FlexCol","React","Component","ErrorBoundary","Component","props","state","error","undefined","getDerivedStateFromError","componentDidCatch","errorInfo","console","render","fallbackWithError","fallback","FlexCol","Typography","variant","scope","message","children","ThrownErrorBoundary","ThrownErrorBoundaryBase","React","ThrownErrorBoundary","props","React","ThrownErrorBoundaryBase","ExitToApp","ExitIcon","Alert","AlertTitle","Typography","ButtonEx","React","ErrorAlert","title","onCancel","error","errorContext","scope","props","finalScope","React","Alert","severity","AlertTitle","div","Typography","variant","mr","fontWeight","message","ButtonEx","size","onClick","position","style","right","top","ExitIcon","fontSize","FlexCol","React","useEffect","ErrorRender","onCancel","error","noErrorDisplay","customError","children","errorContext","scope","useLocation","props","location","useEffect","state","from","pathname","globalThis","rollbar","React","FlexCol","alignItems","ErrorAlert","useRollbar","React","createContext","ErrorReporterContext","ErrorReporterProvider","children","rollbar","rollbarProp","rollbarFromHook","useRollbar","Error","React","ErrorReporterContext","value","use","useErrorReporter","context","use","ErrorReporterContext","undefined","console","warn"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xyo-network/react-error",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.5.0",
|
|
4
4
|
"description": "Common React library for all XYO projects that use React",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"xyo",
|
|
@@ -44,28 +44,28 @@
|
|
|
44
44
|
],
|
|
45
45
|
"dependencies": {
|
|
46
46
|
"@rollbar/react": "~1.0.0",
|
|
47
|
-
"@xylabs/react-button": "~7.1.
|
|
48
|
-
"@xylabs/react-error": "~7.1.
|
|
49
|
-
"@xylabs/react-flexbox": "~7.1.
|
|
50
|
-
"@xyo-network/payload-model": "~5.2
|
|
47
|
+
"@xylabs/react-button": "~7.1.9",
|
|
48
|
+
"@xylabs/react-error": "~7.1.9",
|
|
49
|
+
"@xylabs/react-flexbox": "~7.1.9",
|
|
50
|
+
"@xyo-network/payload-model": "~5.3.2"
|
|
51
51
|
},
|
|
52
52
|
"devDependencies": {
|
|
53
|
-
"@mui/icons-material": "~7.3.
|
|
54
|
-
"@mui/material": "~7.3.
|
|
55
|
-
"@storybook/react-vite": "~10.1
|
|
56
|
-
"@types/react": "^19.2.
|
|
57
|
-
"@xylabs/ts-scripts-yarn3": "~7.2
|
|
58
|
-
"@xylabs/tsconfig": "~7.2
|
|
59
|
-
"@xylabs/tsconfig-dom": "~7.2
|
|
60
|
-
"@xylabs/tsconfig-react": "~7.2
|
|
53
|
+
"@mui/icons-material": "~7.3.7",
|
|
54
|
+
"@mui/material": "~7.3.7",
|
|
55
|
+
"@storybook/react-vite": "~10.2.1",
|
|
56
|
+
"@types/react": "^19.2.10",
|
|
57
|
+
"@xylabs/ts-scripts-yarn3": "~7.3.2",
|
|
58
|
+
"@xylabs/tsconfig": "~7.3.2",
|
|
59
|
+
"@xylabs/tsconfig-dom": "~7.3.2",
|
|
60
|
+
"@xylabs/tsconfig-react": "~7.3.2",
|
|
61
61
|
"prop-types": "~15.8.1",
|
|
62
|
-
"react": "^19.2.
|
|
63
|
-
"react-dom": "^19.2.
|
|
64
|
-
"react-router-dom": "^7.
|
|
62
|
+
"react": "^19.2.4",
|
|
63
|
+
"react-dom": "^19.2.4",
|
|
64
|
+
"react-router-dom": "^7.13.0",
|
|
65
65
|
"rollbar": "~2.26.5",
|
|
66
|
-
"storybook": "~10.1
|
|
66
|
+
"storybook": "~10.2.1",
|
|
67
67
|
"typescript": "^5.9.3",
|
|
68
|
-
"vite": "~7.
|
|
68
|
+
"vite": "~7.3.1"
|
|
69
69
|
},
|
|
70
70
|
"peerDependencies": {
|
|
71
71
|
"@mui/icons-material": ">=6 <8",
|
|
@@ -84,4 +84,4 @@
|
|
|
84
84
|
"access": "public"
|
|
85
85
|
},
|
|
86
86
|
"docs": "dist/docs.json"
|
|
87
|
-
}
|
|
87
|
+
}
|