@xyo-network/react-error 2.81.9 → 2.82.0

package/src/components/ErrorRender/ErrorAlert.stories.tsx

@@ -0,0 +1,41 @@
+import { Meta, StoryFn } from '@storybook/react'
+import React from 'react'
+
+import { ErrorAlert } from './ErrorAlert.tsx'
+
+const StorybookEntry: Meta = {
+  argTypes: {},
+  component: ErrorAlert,
+  parameters: {
+    docs: {
+      page: null,
+    },
+  },
+  title: 'error/ErrorAlert',
+}
+
+const Template: StoryFn<typeof ErrorAlert> = (props) => {
+  return <ErrorAlert {...props} />
+}
+
+const Default = Template.bind({})
+Default.args = {}
+
+const WithTitle = Template.bind({})
+WithTitle.args = { title: 'Oh No!' }
+
+const WithError = Template.bind({})
+WithError.args = { error: 'An error happened' }
+
+const WithScope = Template.bind({})
+WithScope.args = { scope: 'Storybook' }
+
+const WithErrorAndScope = Template.bind({})
+WithErrorAndScope.args = { error: 'An error happened', scope: 'Storybook' }
+
+const WithErrorAndScopeAndTitle = Template.bind({})
+WithErrorAndScopeAndTitle.args = { error: 'An error happened', scope: 'Storybook', title: 'Oh No!' }
+
+export { Default, WithError, WithErrorAndScope, WithErrorAndScopeAndTitle, WithScope, WithTitle }
+
+export default StorybookEntry

package/src/components/ErrorRender/ErrorAlert.tsx

@@ -2,40 +2,51 @@ import { ExitToApp as ExitIcon } from '@mui/icons-material'
 import { Alert, AlertProps, AlertTitle, Typography } from '@mui/material'
 import { ButtonEx } from '@xylabs/react-button'
 import { ModuleError } from '@xyo-network/payload-model'
+import React from 'react'
 
 export interface ErrorAlertProps extends AlertProps {
-  error?: ModuleError | Error
+  error?: ModuleError | Error | string
+  /** @deprecated use scope instead */
   errorContext?: string
   onCancel?: () => void
   scope?: string
 }
 
-export const ErrorAlert: React.FC<ErrorAlertProps> = ({ onCancel, error, errorContext, scope, ...props }) => {
+export const ErrorAlert: React.FC<ErrorAlertProps> = ({
+  title = 'Whoops! Something went wrong',
+  onCancel,
+  error = 'An unknown error occurred',
+  errorContext,
+  scope,
+  ...props
+}) => {
+  const finalScope = scope ?? errorContext
   return (
     <Alert severity="error" {...props}>
-      <AlertTitle>Whoops! Something went wrong</AlertTitle>
-      {errorContext ?
-        <Typography variant="caption" my={0.5} lineHeight="1" display="block">
-          {errorContext}
+      <AlertTitle>{title}</AlertTitle>
+      {finalScope
+        ? (
+            <div>
+              <Typography variant="caption" mr={0.5} fontWeight="bold">
+                Scope:
+              </Typography>
+              <Typography variant="caption">{finalScope}</Typography>
+            </div>
+          )
+        : null}
+      <div>
+        <Typography variant="caption" mr={0.5} fontWeight="bold">
+          Error:
         </Typography>
-      : null}
-      {scope ?
-        <>
-          <Typography variant="caption" mr={0.5} fontWeight="bold">
-            Scope:
-          </Typography>
-          <Typography variant="caption">{scope}</Typography>
-        </>
-      : null}
-      <Typography variant="caption" mr={0.5} fontWeight="bold">
-        Error:
-      </Typography>
-      <Typography variant="caption">{error?.message}</Typography>
-      {onCancel ?
-        <ButtonEx variant="outlined" size="small" onClick={onCancel} position="absolute" style={{ right: 8, top: 8 }}>
-          <ExitIcon fontSize="small" />
-        </ButtonEx>
-      : null}
+        <Typography variant="caption">{typeof error === 'string' ? error : error?.message}</Typography>
+      </div>
+      {onCancel
+        ? (
+            <ButtonEx variant="outlined" size="small" onClick={onCancel} position="absolute" style={{ right: 8, top: 8 }}>
+              <ExitIcon fontSize="small" />
+            </ButtonEx>
+          )
+        : null}
     </Alert>
   )
 }

package/src/components/ErrorRender/Render.tsx

@@ -1,8 +1,8 @@
 import { FlexCol } from '@xylabs/react-flexbox'
-import { useEffect } from 'react'
+import React, { useEffect } from 'react'
 
-import { ErrorAlert } from './ErrorAlert.js'
-import { ErrorRenderProps } from './Props.js'
+import { ErrorAlert } from './ErrorAlert.tsx'
+import { ErrorRenderProps } from './Props.ts'
 
 export const ErrorRender: React.FC<ErrorRenderProps> = ({
   onCancel,
@@ -27,14 +27,17 @@ export const ErrorRender: React.FC<ErrorRenderProps> = ({
     }
   }, [location])
 
-  return error ?
-      <FlexCol alignItems="stretch" {...props}>
-        {noErrorDisplay ?
-          customError
-        : <FlexCol alignItems="center" {...props}>
-            <ErrorAlert error={error} errorContext={errorContext} onCancel={onCancel} scope={scope} />
-          </FlexCol>
-        }
-      </FlexCol>
+  return error
+    ? (
+        <FlexCol alignItems="stretch" {...props}>
+          {noErrorDisplay
+            ? customError
+            : (
+                <FlexCol alignItems="center" {...props}>
+                  <ErrorAlert error={error} errorContext={errorContext} onCancel={onCancel} scope={scope} />
+                </FlexCol>
+              )}
+        </FlexCol>
+      )
     : (<>{children}</> ?? null)
 }

package/src/components/ErrorRender/index.ts

@@ -1,3 +1,3 @@
-export * from './ErrorAlert.js'
-export * from './Props.js'
-export * from './Render.js'
+export * from './ErrorAlert.tsx'
+export * from './Props.ts'
+export * from './Render.tsx'

package/src/components/index.ts

@@ -1,2 +1,2 @@
-export * from './ErrorBoundary/index.js'
-export * from './ErrorRender/index.js'
+export * from './ErrorBoundary/index.ts'
+export * from './ErrorRender/index.ts'

package/src/contexts/ErrorReporter/Context.ts

@@ -1,5 +1,5 @@
 import { createContext } from 'react'
 
-import { ErrorReporterContextState } from './State.js'
+import { ErrorReporterContextState } from './State.ts'
 
 export const ErrorReporterContext = createContext<ErrorReporterContextState>({})

package/src/contexts/ErrorReporter/Provider.stories.tsx

@@ -1,9 +1,10 @@
 import { Typography } from '@mui/material'
 import { Meta, StoryFn } from '@storybook/react'
+import React from 'react'
 import Rollbar from 'rollbar'
 
-import { ErrorReporterProvider } from './Provider.js'
-import { useRollbar } from './useRollbar.js'
+import { ErrorReporterProvider } from './Provider.tsx'
+import { useRollbar } from './useRollbar.tsx'
 
 const StorybookEntry = {
   argTypes: {},
@@ -20,7 +21,14 @@ const RollbarComponent = () => {
   const { rollbar } = useRollbar()
   const rollbarFound = typeof rollbar?.error === 'function'
 
-  return <Typography color={rollbarFound ? 'green' : 'red'}>Rollbar instance {rollbarFound ? '' : 'NOT'} found from context!</Typography>
+  return (
+    <Typography color={rollbarFound ? 'green' : 'red'}>
+      Rollbar instance
+      {rollbarFound ? '' : 'NOT'}
+      {' '}
+      found from context!
+    </Typography>
+  )
 }
 
 const Template: StoryFn<typeof ErrorReporterProvider> = () => {
@@ -36,5 +44,4 @@ const Default = Template.bind({})
 
 export { Default }
 
-// eslint-disable-next-line import/no-default-export
 export default StorybookEntry

package/src/contexts/ErrorReporter/Provider.tsx

@@ -1,8 +1,8 @@
 import { WithChildren } from '@xylabs/react-shared'
-import { useEffect, useState } from 'react'
+import React, { useEffect, useState } from 'react'
 import Rollbar from 'rollbar'
 
-import { ErrorReporterContext } from './Context.js'
+import { ErrorReporterContext } from './Context.ts'
 
 export interface ErrorReporterProviderProps {
   rollbar: Rollbar
@@ -17,6 +17,7 @@ const ErrorReporterProvider: React.FC<WithChildren<ErrorReporterProviderProps>>
     }
   }, [rollbar, rollbarInstance])
 
+  // eslint-disable-next-line @eslint-react/no-unstable-context-value
   return <ErrorReporterContext.Provider value={{ rollbar }}>{children}</ErrorReporterContext.Provider>
 }
 

package/src/contexts/ErrorReporter/index.ts

@@ -1,3 +1,3 @@
-export * from './Provider.js'
-export * from './State.js'
-export * from './useRollbar.js'
+export * from './Provider.tsx'
+export * from './State.ts'
+export * from './useRollbar.tsx'

package/src/contexts/ErrorReporter/useRollbar.tsx

@@ -1,6 +1,6 @@
 import { useContext } from 'react'
 
-import { ErrorReporterContext } from './Context.js'
+import { ErrorReporterContext } from './Context.ts'
 
 const useRollbar = () => {
   const context = useContext(ErrorReporterContext)

package/src/contexts/index.ts

@@ -1 +1 @@
-export * from './ErrorReporter/index.js'
+export * from './ErrorReporter/index.ts'

package/src/index.ts

@@ -1,2 +1,2 @@
-export * from './components/index.js'
-export * from './contexts/index.js'
+export * from './components/index.ts'
+export * from './contexts/index.ts'

package/dist/browser/index.js

@@ -1,121 +0,0 @@
-// src/components/ErrorBoundary/ThrownErrorBoundary.tsx
-import { ModuleErrorSchema } from "@xyo-network/payload-model";
-import { Component } from "react";
-
-// src/components/ErrorRender/ErrorAlert.tsx
-import { ExitToApp as ExitIcon } from "@mui/icons-material";
-import { Alert, AlertTitle, Typography } from "@mui/material";
-import { ButtonEx } from "@xylabs/react-button";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var ErrorAlert = ({ onCancel, error, errorContext, scope, ...props }) => {
-  return /* @__PURE__ */ jsxs(Alert, { severity: "error", ...props, children: [
-    /* @__PURE__ */ jsx(AlertTitle, { children: "Whoops! Something went wrong" }),
-    errorContext ? /* @__PURE__ */ jsx(Typography, { variant: "caption", my: 0.5, lineHeight: "1", display: "block", children: errorContext }) : null,
-    scope ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "caption", mr: 0.5, fontWeight: "bold", children: "Scope:" }),
-      /* @__PURE__ */ jsx(Typography, { variant: "caption", children: scope })
-    ] }) : null,
-    /* @__PURE__ */ jsx(Typography, { variant: "caption", mr: 0.5, fontWeight: "bold", children: "Error:" }),
-    /* @__PURE__ */ jsx(Typography, { variant: "caption", children: error?.message }),
-    onCancel ? /* @__PURE__ */ jsx(ButtonEx, { variant: "outlined", size: "small", onClick: onCancel, position: "absolute", style: { right: 8, top: 8 }, children: /* @__PURE__ */ jsx(ExitIcon, { fontSize: "small" }) }) : null
-  ] });
-};
-
-// src/components/ErrorRender/Render.tsx
-import { FlexCol } from "@xylabs/react-flexbox";
-import { useEffect } from "react";
-import { Fragment as Fragment2, jsx as jsx2 } from "react/jsx-runtime";
-var ErrorRender = ({
-  onCancel,
-  error,
-  noErrorDisplay = false,
-  customError = null,
-  children,
-  errorContext,
-  scope,
-  useLocation,
-  ...props
-}) => {
-  const location = useLocation?.();
-  useEffect(() => {
-    if (location) {
-      location.state = {
-        from: {
-          pathname: window.location.pathname
-        }
-      };
-    }
-  }, [location]);
-  return error ? /* @__PURE__ */ jsx2(FlexCol, { alignItems: "stretch", ...props, children: noErrorDisplay ? customError : /* @__PURE__ */ jsx2(FlexCol, { alignItems: "center", ...props, children: /* @__PURE__ */ jsx2(ErrorAlert, { error, errorContext, onCancel, scope }) }) }) : /* @__PURE__ */ jsx2(Fragment2, { children }) ?? null;
-};
-
-// src/components/ErrorBoundary/ThrownErrorBoundary.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-var ThrownErrorBoundary = class _ThrownErrorBoundary extends Component {
-  state = {
-    xyoError: void 0
-  };
-  static getDerivedStateFromError(error) {
-    return { hasError: true, xyoError: _ThrownErrorBoundary.normalizeError(error) };
-  }
-  static normalizeError(error) {
-    return error.schema === ModuleErrorSchema ? error : { message: error.message, schema: ModuleErrorSchema, sources: [] };
-  }
-  componentDidCatch(error, errorInfo) {
-    const { rethrow, rollbar } = this.props;
-    const { xyoError } = this.state;
-    rollbar?.error(error);
-    console.error("Error:", xyoError, errorInfo);
-    if (rethrow) {
-      throw error;
-    }
-  }
-  render() {
-    const { xyoError } = this.state;
-    const { children, boundaryName, errorComponent, scope } = this.props;
-    if (xyoError) {
-      if (errorComponent) {
-        return errorComponent(xyoError);
-      }
-      return /* @__PURE__ */ jsx3(ErrorRender, { error: xyoError, errorContext: `${boundaryName} Boundary`, scope });
-    }
-    return children;
-  }
-};
-
-// src/contexts/ErrorReporter/Provider.tsx
-import { useEffect as useEffect2, useState } from "react";
-
-// src/contexts/ErrorReporter/Context.ts
-import { createContext } from "react";
-var ErrorReporterContext = createContext({});
-
-// src/contexts/ErrorReporter/Provider.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-var ErrorReporterProvider = ({ children, rollbar }) => {
-  const [rollbarInstance, setRollBarInstance] = useState();
-  useEffect2(() => {
-    if (rollbarInstance) {
-      setRollBarInstance(rollbarInstance);
-    }
-  }, [rollbar, rollbarInstance]);
-  return /* @__PURE__ */ jsx4(ErrorReporterContext.Provider, { value: { rollbar }, children });
-};
-
-// src/contexts/ErrorReporter/useRollbar.tsx
-import { useContext } from "react";
-var useRollbar = () => {
-  const context = useContext(ErrorReporterContext);
-  if (context === void 0) {
-    console.warn("useRollbar must be used within a ErrorReporterContext");
-  }
-  return context ?? {};
-};
-export {
-  ErrorAlert,
-  ErrorRender,
-  ErrorReporterProvider,
-  ThrownErrorBoundary,
-  useRollbar
-};
-//# sourceMappingURL=index.js.map

package/dist/browser/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../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/useRollbar.tsx"],"sourcesContent":["import { ModuleError, ModuleErrorSchema } from '@xyo-network/payload-model'\nimport { Component, ErrorInfo, ReactNode } from 'react'\nimport Rollbar from 'rollbar'\n\nimport { ErrorRender } from '../ErrorRender/index.js'\n\nexport interface ThrownErrorBoundaryProps {\n  boundaryName?: string\n  children: ReactNode\n  errorComponent?: (e: ModuleError, boundaryName?: string) => ReactNode\n  rethrow?: boolean\n  rollbar?: Rollbar\n  scope?: string\n}\n\nexport interface ThrownErrorBoundaryState {\n  xyoError?: ModuleError\n}\n\nexport class ThrownErrorBoundary extends Component<ThrownErrorBoundaryProps, ThrownErrorBoundaryState> {\n  override state: ThrownErrorBoundaryState = {\n    xyoError: undefined,\n  }\n\n  static getDerivedStateFromError(error: Error) {\n    return { hasError: true, xyoError: ThrownErrorBoundary.normalizeError(error) } as ThrownErrorBoundaryState\n  }\n\n  static normalizeError(error: Error | ModuleError): ModuleError {\n    return (\n      (error as ModuleError).schema === ModuleErrorSchema ?\n        error\n      : { message: error.message, schema: ModuleErrorSchema, sources: [] }) as ModuleError\n  }\n\n  override componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    const { rethrow, rollbar } = this.props\n    const { xyoError } = this.state\n\n    rollbar?.error(error)\n\n    console.error('Error:', xyoError, errorInfo)\n    if (rethrow) {\n      throw error\n    }\n  }\n\n  override render() {\n    const { xyoError } = this.state\n    const { children, boundaryName, errorComponent, scope } = this.props\n    if (xyoError) {\n      if (errorComponent) {\n        return errorComponent(xyoError)\n      }\n      return <ErrorRender error={xyoError} errorContext={`${boundaryName} Boundary`} scope={scope} />\n    }\n\n    return children\n  }\n}\n","import { ExitToApp as ExitIcon } from '@mui/icons-material'\nimport { Alert, AlertProps, AlertTitle, Typography } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { ModuleError } from '@xyo-network/payload-model'\n\nexport interface ErrorAlertProps extends AlertProps {\n  error?: ModuleError | Error\n  errorContext?: string\n  onCancel?: () => void\n  scope?: string\n}\n\nexport const ErrorAlert: React.FC<ErrorAlertProps> = ({ onCancel, error, errorContext, scope, ...props }) => {\n  return (\n    <Alert severity=\"error\" {...props}>\n      <AlertTitle>Whoops! Something went wrong</AlertTitle>\n      {errorContext ?\n        <Typography variant=\"caption\" my={0.5} lineHeight=\"1\" display=\"block\">\n          {errorContext}\n        </Typography>\n      : null}\n      {scope ?\n        <>\n          <Typography variant=\"caption\" mr={0.5} fontWeight=\"bold\">\n            Scope:\n          </Typography>\n          <Typography variant=\"caption\">{scope}</Typography>\n        </>\n      : null}\n      <Typography variant=\"caption\" mr={0.5} fontWeight=\"bold\">\n        Error:\n      </Typography>\n      <Typography variant=\"caption\">{error?.message}</Typography>\n      {onCancel ?\n        <ButtonEx variant=\"outlined\" size=\"small\" onClick={onCancel} position=\"absolute\" style={{ right: 8, top: 8 }}>\n          <ExitIcon fontSize=\"small\" />\n        </ButtonEx>\n      : null}\n    </Alert>\n  )\n}\n","import { FlexCol } from '@xylabs/react-flexbox'\nimport { useEffect } from 'react'\n\nimport { ErrorAlert } from './ErrorAlert.js'\nimport { ErrorRenderProps } from './Props.js'\n\nexport const ErrorRender: React.FC<ErrorRenderProps> = ({\n  onCancel,\n  error,\n  noErrorDisplay = false,\n  customError = null,\n  children,\n  errorContext,\n  scope,\n  useLocation,\n  ...props\n}) => {\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 = {\n        from: {\n          pathname: window.location.pathname,\n        },\n      }\n    }\n  }, [location])\n\n  return error ?\n      <FlexCol alignItems=\"stretch\" {...props}>\n        {noErrorDisplay ?\n          customError\n        : <FlexCol alignItems=\"center\" {...props}>\n            <ErrorAlert error={error} errorContext={errorContext} onCancel={onCancel} scope={scope} />\n          </FlexCol>\n        }\n      </FlexCol>\n    : (<>{children}</> ?? null)\n}\n","import { WithChildren } from '@xylabs/react-shared'\nimport { useEffect, useState } from 'react'\nimport Rollbar from 'rollbar'\n\nimport { ErrorReporterContext } from './Context.js'\n\nexport interface ErrorReporterProviderProps {\n  rollbar: Rollbar\n}\n\nconst ErrorReporterProvider: React.FC<WithChildren<ErrorReporterProviderProps>> = ({ children, rollbar }) => {\n  const [rollbarInstance, setRollBarInstance] = useState<Rollbar>()\n\n  useEffect(() => {\n    if (rollbarInstance) {\n      setRollBarInstance(rollbarInstance)\n    }\n  }, [rollbar, rollbarInstance])\n\n  return <ErrorReporterContext.Provider value={{ rollbar }}>{children}</ErrorReporterContext.Provider>\n}\n\nexport { ErrorReporterProvider }\n","import { createContext } from 'react'\n\nimport { ErrorReporterContextState } from './State.js'\n\nexport const ErrorReporterContext = createContext<ErrorReporterContextState>({})\n","import { useContext } from 'react'\n\nimport { ErrorReporterContext } from './Context.js'\n\nconst useRollbar = () => {\n  const context = useContext(ErrorReporterContext)\n  if (context === undefined) {\n    console.warn('useRollbar must be used within a ErrorReporterContext')\n  }\n\n  return context ?? {}\n}\n\nexport { useRollbar }\n"],"mappings":"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","names":["Fragment","jsx","jsx","useEffect","jsx","useEffect"]}

package/dist/neutral/index.js

@@ -1,121 +0,0 @@
-// src/components/ErrorBoundary/ThrownErrorBoundary.tsx
-import { ModuleErrorSchema } from "@xyo-network/payload-model";
-import { Component } from "react";
-
-// src/components/ErrorRender/ErrorAlert.tsx
-import { ExitToApp as ExitIcon } from "@mui/icons-material";
-import { Alert, AlertTitle, Typography } from "@mui/material";
-import { ButtonEx } from "@xylabs/react-button";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var ErrorAlert = ({ onCancel, error, errorContext, scope, ...props }) => {
-  return /* @__PURE__ */ jsxs(Alert, { severity: "error", ...props, children: [
-    /* @__PURE__ */ jsx(AlertTitle, { children: "Whoops! Something went wrong" }),
-    errorContext ? /* @__PURE__ */ jsx(Typography, { variant: "caption", my: 0.5, lineHeight: "1", display: "block", children: errorContext }) : null,
-    scope ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "caption", mr: 0.5, fontWeight: "bold", children: "Scope:" }),
-      /* @__PURE__ */ jsx(Typography, { variant: "caption", children: scope })
-    ] }) : null,
-    /* @__PURE__ */ jsx(Typography, { variant: "caption", mr: 0.5, fontWeight: "bold", children: "Error:" }),
-    /* @__PURE__ */ jsx(Typography, { variant: "caption", children: error?.message }),
-    onCancel ? /* @__PURE__ */ jsx(ButtonEx, { variant: "outlined", size: "small", onClick: onCancel, position: "absolute", style: { right: 8, top: 8 }, children: /* @__PURE__ */ jsx(ExitIcon, { fontSize: "small" }) }) : null
-  ] });
-};
-
-// src/components/ErrorRender/Render.tsx
-import { FlexCol } from "@xylabs/react-flexbox";
-import { useEffect } from "react";
-import { Fragment as Fragment2, jsx as jsx2 } from "react/jsx-runtime";
-var ErrorRender = ({
-  onCancel,
-  error,
-  noErrorDisplay = false,
-  customError = null,
-  children,
-  errorContext,
-  scope,
-  useLocation,
-  ...props
-}) => {
-  const location = useLocation?.();
-  useEffect(() => {
-    if (location) {
-      location.state = {
-        from: {
-          pathname: window.location.pathname
-        }
-      };
-    }
-  }, [location]);
-  return error ? /* @__PURE__ */ jsx2(FlexCol, { alignItems: "stretch", ...props, children: noErrorDisplay ? customError : /* @__PURE__ */ jsx2(FlexCol, { alignItems: "center", ...props, children: /* @__PURE__ */ jsx2(ErrorAlert, { error, errorContext, onCancel, scope }) }) }) : /* @__PURE__ */ jsx2(Fragment2, { children }) ?? null;
-};
-
-// src/components/ErrorBoundary/ThrownErrorBoundary.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-var ThrownErrorBoundary = class _ThrownErrorBoundary extends Component {
-  state = {
-    xyoError: void 0
-  };
-  static getDerivedStateFromError(error) {
-    return { hasError: true, xyoError: _ThrownErrorBoundary.normalizeError(error) };
-  }
-  static normalizeError(error) {
-    return error.schema === ModuleErrorSchema ? error : { message: error.message, schema: ModuleErrorSchema, sources: [] };
-  }
-  componentDidCatch(error, errorInfo) {
-    const { rethrow, rollbar } = this.props;
-    const { xyoError } = this.state;
-    rollbar?.error(error);
-    console.error("Error:", xyoError, errorInfo);
-    if (rethrow) {
-      throw error;
-    }
-  }
-  render() {
-    const { xyoError } = this.state;
-    const { children, boundaryName, errorComponent, scope } = this.props;
-    if (xyoError) {
-      if (errorComponent) {
-        return errorComponent(xyoError);
-      }
-      return /* @__PURE__ */ jsx3(ErrorRender, { error: xyoError, errorContext: `${boundaryName} Boundary`, scope });
-    }
-    return children;
-  }
-};
-
-// src/contexts/ErrorReporter/Provider.tsx
-import { useEffect as useEffect2, useState } from "react";
-
-// src/contexts/ErrorReporter/Context.ts
-import { createContext } from "react";
-var ErrorReporterContext = createContext({});
-
-// src/contexts/ErrorReporter/Provider.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-var ErrorReporterProvider = ({ children, rollbar }) => {
-  const [rollbarInstance, setRollBarInstance] = useState();
-  useEffect2(() => {
-    if (rollbarInstance) {
-      setRollBarInstance(rollbarInstance);
-    }
-  }, [rollbar, rollbarInstance]);
-  return /* @__PURE__ */ jsx4(ErrorReporterContext.Provider, { value: { rollbar }, children });
-};
-
-// src/contexts/ErrorReporter/useRollbar.tsx
-import { useContext } from "react";
-var useRollbar = () => {
-  const context = useContext(ErrorReporterContext);
-  if (context === void 0) {
-    console.warn("useRollbar must be used within a ErrorReporterContext");
-  }
-  return context ?? {};
-};
-export {
-  ErrorAlert,
-  ErrorRender,
-  ErrorReporterProvider,
-  ThrownErrorBoundary,
-  useRollbar
-};
-//# sourceMappingURL=index.js.map

package/dist/neutral/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../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/useRollbar.tsx"],"sourcesContent":["import { ModuleError, ModuleErrorSchema } from '@xyo-network/payload-model'\nimport { Component, ErrorInfo, ReactNode } from 'react'\nimport Rollbar from 'rollbar'\n\nimport { ErrorRender } from '../ErrorRender/index.js'\n\nexport interface ThrownErrorBoundaryProps {\n  boundaryName?: string\n  children: ReactNode\n  errorComponent?: (e: ModuleError, boundaryName?: string) => ReactNode\n  rethrow?: boolean\n  rollbar?: Rollbar\n  scope?: string\n}\n\nexport interface ThrownErrorBoundaryState {\n  xyoError?: ModuleError\n}\n\nexport class ThrownErrorBoundary extends Component<ThrownErrorBoundaryProps, ThrownErrorBoundaryState> {\n  override state: ThrownErrorBoundaryState = {\n    xyoError: undefined,\n  }\n\n  static getDerivedStateFromError(error: Error) {\n    return { hasError: true, xyoError: ThrownErrorBoundary.normalizeError(error) } as ThrownErrorBoundaryState\n  }\n\n  static normalizeError(error: Error | ModuleError): ModuleError {\n    return (\n      (error as ModuleError).schema === ModuleErrorSchema ?\n        error\n      : { message: error.message, schema: ModuleErrorSchema, sources: [] }) as ModuleError\n  }\n\n  override componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    const { rethrow, rollbar } = this.props\n    const { xyoError } = this.state\n\n    rollbar?.error(error)\n\n    console.error('Error:', xyoError, errorInfo)\n    if (rethrow) {\n      throw error\n    }\n  }\n\n  override render() {\n    const { xyoError } = this.state\n    const { children, boundaryName, errorComponent, scope } = this.props\n    if (xyoError) {\n      if (errorComponent) {\n        return errorComponent(xyoError)\n      }\n      return <ErrorRender error={xyoError} errorContext={`${boundaryName} Boundary`} scope={scope} />\n    }\n\n    return children\n  }\n}\n","import { ExitToApp as ExitIcon } from '@mui/icons-material'\nimport { Alert, AlertProps, AlertTitle, Typography } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { ModuleError } from '@xyo-network/payload-model'\n\nexport interface ErrorAlertProps extends AlertProps {\n  error?: ModuleError | Error\n  errorContext?: string\n  onCancel?: () => void\n  scope?: string\n}\n\nexport const ErrorAlert: React.FC<ErrorAlertProps> = ({ onCancel, error, errorContext, scope, ...props }) => {\n  return (\n    <Alert severity=\"error\" {...props}>\n      <AlertTitle>Whoops! Something went wrong</AlertTitle>\n      {errorContext ?\n        <Typography variant=\"caption\" my={0.5} lineHeight=\"1\" display=\"block\">\n          {errorContext}\n        </Typography>\n      : null}\n      {scope ?\n        <>\n          <Typography variant=\"caption\" mr={0.5} fontWeight=\"bold\">\n            Scope:\n          </Typography>\n          <Typography variant=\"caption\">{scope}</Typography>\n        </>\n      : null}\n      <Typography variant=\"caption\" mr={0.5} fontWeight=\"bold\">\n        Error:\n      </Typography>\n      <Typography variant=\"caption\">{error?.message}</Typography>\n      {onCancel ?\n        <ButtonEx variant=\"outlined\" size=\"small\" onClick={onCancel} position=\"absolute\" style={{ right: 8, top: 8 }}>\n          <ExitIcon fontSize=\"small\" />\n        </ButtonEx>\n      : null}\n    </Alert>\n  )\n}\n","import { FlexCol } from '@xylabs/react-flexbox'\nimport { useEffect } from 'react'\n\nimport { ErrorAlert } from './ErrorAlert.js'\nimport { ErrorRenderProps } from './Props.js'\n\nexport const ErrorRender: React.FC<ErrorRenderProps> = ({\n  onCancel,\n  error,\n  noErrorDisplay = false,\n  customError = null,\n  children,\n  errorContext,\n  scope,\n  useLocation,\n  ...props\n}) => {\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 = {\n        from: {\n          pathname: window.location.pathname,\n        },\n      }\n    }\n  }, [location])\n\n  return error ?\n      <FlexCol alignItems=\"stretch\" {...props}>\n        {noErrorDisplay ?\n          customError\n        : <FlexCol alignItems=\"center\" {...props}>\n            <ErrorAlert error={error} errorContext={errorContext} onCancel={onCancel} scope={scope} />\n          </FlexCol>\n        }\n      </FlexCol>\n    : (<>{children}</> ?? null)\n}\n","import { WithChildren } from '@xylabs/react-shared'\nimport { useEffect, useState } from 'react'\nimport Rollbar from 'rollbar'\n\nimport { ErrorReporterContext } from './Context.js'\n\nexport interface ErrorReporterProviderProps {\n  rollbar: Rollbar\n}\n\nconst ErrorReporterProvider: React.FC<WithChildren<ErrorReporterProviderProps>> = ({ children, rollbar }) => {\n  const [rollbarInstance, setRollBarInstance] = useState<Rollbar>()\n\n  useEffect(() => {\n    if (rollbarInstance) {\n      setRollBarInstance(rollbarInstance)\n    }\n  }, [rollbar, rollbarInstance])\n\n  return <ErrorReporterContext.Provider value={{ rollbar }}>{children}</ErrorReporterContext.Provider>\n}\n\nexport { ErrorReporterProvider }\n","import { createContext } from 'react'\n\nimport { ErrorReporterContextState } from './State.js'\n\nexport const ErrorReporterContext = createContext<ErrorReporterContextState>({})\n","import { useContext } from 'react'\n\nimport { ErrorReporterContext } from './Context.js'\n\nconst useRollbar = () => {\n  const context = useContext(ErrorReporterContext)\n  if (context === undefined) {\n    console.warn('useRollbar must be used within a ErrorReporterContext')\n  }\n\n  return context ?? {}\n}\n\nexport { useRollbar }\n"],"mappings":"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","names":["Fragment","jsx","jsx","useEffect","jsx","useEffect"]}