@xyo-network/react-error 2.78.0 → 2.78.2

package/dist/browser/index.cjs

@@ -1,2 +1,137 @@
-"use strict";var E=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var B=Object.prototype.hasOwnProperty;var F=(o,r)=>{for(var e in r)E(o,e,{get:r[e],enumerable:!0})},I=(o,r,e,t)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of M(r))!B.call(o,n)&&n!==e&&E(o,n,{get:()=>r[n],enumerable:!(t=S(r,n))||t.enumerable});return o};var N=o=>I(E({},"__esModule",{value:!0}),o);var k={};F(k,{ErrorAlert:()=>d,ErrorRender:()=>u,ErrorReporterProvider:()=>z,ThrownErrorBoundary:()=>h,useRollbar:()=>W});module.exports=N(k);var f=require("@xyo-network/payload-model"),v=require("react");var y=require("@mui/icons-material"),i=require("@mui/material"),C=require("@xylabs/react-button"),a=require("react/jsx-runtime"),d=({onCancel:o,error:r,errorContext:e,...t})=>(0,a.jsxs)(i.Alert,{severity:"error",...t,children:[(0,a.jsx)(i.AlertTitle,{children:"Whoops! Something went wrong"}),e?(0,a.jsx)(i.Typography,{variant:"caption",my:.5,lineHeight:"1",display:"block",children:e}):null,(0,a.jsx)(i.Typography,{variant:"caption",mr:.5,fontWeight:"bold",children:"Error:"}),(0,a.jsx)(i.Typography,{variant:"caption",children:r?.message}),o?(0,a.jsx)(C.ButtonEx,{variant:"outlined",size:"small",onClick:o,position:"absolute",style:{right:8,top:8},children:(0,a.jsx)(y.ExitToApp,{fontSize:"small"})}):null]});var c=require("@xylabs/react-flexbox"),b=require("react"),g=require("react-router-dom");var l=require("react/jsx-runtime"),u=({onCancel:o,error:r,noErrorDisplay:e=!1,customError:t=null,children:n,errorContext:m,...x})=>{let R=(0,g.useLocation)();return(0,b.useEffect)(()=>{R.state={from:{pathname:window.location.pathname}}},[R]),r?(0,l.jsx)(c.FlexCol,{alignItems:"stretch",...x,children:e?t:(0,l.jsx)(c.FlexCol,{alignItems:"center",...x,children:(0,l.jsx)(d,{error:r,errorContext:m,onCancel:o})})}):(0,l.jsx)(l.Fragment,{children:n})??null};var P=require("react/jsx-runtime"),h=class o extends v.Component{state={xyoError:void 0};static getDerivedStateFromError(r){return{hasError:!0,xyoError:o.normalizeError(r)}}static normalizeError(r){return r.schema===f.ModuleErrorSchema?r:{message:r.message,schema:f.ModuleErrorSchema,sources:[]}}componentDidCatch(r,e){let{rethrow:t,rollbar:n}=this.props,{xyoError:m}=this.state;if(n?.error(r),console.error("Error:",m,e),t)throw r}render(){let{xyoError:r}=this.state,{children:e,boundaryName:t,errorComponent:n}=this.props;return r?n?n(r):(0,P.jsx)(u,{error:r,errorContext:`${t} Boundary`}):e}};var s=require("react");var w=require("react"),p=(0,w.createContext)({});var T=require("react/jsx-runtime"),z=({children:o,rollbar:r})=>{let[e,t]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&t(e)},[r,e]),(0,T.jsx)(p.Provider,{value:{rollbar:r},children:o})};var A=require("react");var W=()=>{let o=(0,A.useContext)(p);return o===void 0&&console.warn("useRollbar must be used within a ErrorReporterContext"),o??{}};
+"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 src_exports = {};
+__export(src_exports, {
+  ErrorAlert: () => ErrorAlert,
+  ErrorRender: () => ErrorRender,
+  ErrorReporterProvider: () => ErrorReporterProvider,
+  ThrownErrorBoundary: () => ThrownErrorBoundary,
+  useRollbar: () => useRollbar
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/components/ErrorBoundary/ThrownErrorBoundary.tsx
+var import_payload_model = require("@xyo-network/payload-model");
+var import_react2 = require("react");
+
+// src/components/ErrorRender/ErrorAlert.tsx
+var import_icons_material = require("@mui/icons-material");
+var import_material = require("@mui/material");
+var import_react_button = require("@xylabs/react-button");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ErrorAlert = ({ onCancel, error, errorContext, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Alert, { severity: "error", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.AlertTitle, { children: "Whoops! Something went wrong" }),
+    errorContext ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "caption", my: 0.5, lineHeight: "1", display: "block", children: errorContext }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "caption", mr: 0.5, fontWeight: "bold", children: "Error:" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "caption", children: error?.message }),
+    onCancel ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_button.ButtonEx, { variant: "outlined", size: "small", onClick: onCancel, position: "absolute", style: { right: 8, top: 8 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.ExitToApp, { fontSize: "small" }) }) : null
+  ] });
+};
+
+// src/components/ErrorRender/Render.tsx
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react = require("react");
+var import_react_router_dom = require("react-router-dom");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var ErrorRender = ({
+  onCancel,
+  error,
+  noErrorDisplay = false,
+  customError = null,
+  children,
+  errorContext,
+  ...props
+}) => {
+  const location = (0, import_react_router_dom.useLocation)();
+  (0, import_react.useEffect)(() => {
+    location.state = {
+      from: {
+        pathname: window.location.pathname
+      }
+    };
+  }, [location]);
+  return error ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_flexbox.FlexCol, { alignItems: "stretch", ...props, children: noErrorDisplay ? customError : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_flexbox.FlexCol, { alignItems: "center", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ErrorAlert, { error, errorContext, onCancel }) }) }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children }) ?? null;
+};
+
+// src/components/ErrorBoundary/ThrownErrorBoundary.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var ThrownErrorBoundary = class _ThrownErrorBoundary extends import_react2.Component {
+  state = {
+    xyoError: void 0
+  };
+  static getDerivedStateFromError(error) {
+    return { hasError: true, xyoError: _ThrownErrorBoundary.normalizeError(error) };
+  }
+  static normalizeError(error) {
+    return error.schema === import_payload_model.ModuleErrorSchema ? error : { message: error.message, schema: import_payload_model.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 } = this.props;
+    if (xyoError) {
+      if (errorComponent) {
+        return errorComponent(xyoError);
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ErrorRender, { error: xyoError, errorContext: `${boundaryName} Boundary` });
+    }
+    return children;
+  }
+};
+
+// src/contexts/ErrorReporter/Provider.tsx
+var import_react4 = require("react");
+
+// src/contexts/ErrorReporter/Context.ts
+var import_react3 = require("react");
+var ErrorReporterContext = (0, import_react3.createContext)({});
+
+// src/contexts/ErrorReporter/Provider.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var ErrorReporterProvider = ({ children, rollbar }) => {
+  const [rollbarInstance, setRollBarInstance] = (0, import_react4.useState)();
+  (0, import_react4.useEffect)(() => {
+    if (rollbarInstance) {
+      setRollBarInstance(rollbarInstance);
+    }
+  }, [rollbar, rollbarInstance]);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ErrorReporterContext.Provider, { value: { rollbar }, children });
+};
+
+// src/contexts/ErrorReporter/useRollbar.tsx
+var import_react5 = require("react");
+var useRollbar = () => {
+  const context = (0, import_react5.useContext)(ErrorReporterContext);
+  if (context === void 0) {
+    console.warn("useRollbar must be used within a ErrorReporterContext");
+  }
+  return context ?? {};
+};
 //# sourceMappingURL=index.cjs.map

package/dist/browser/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts","../../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":["export * from './components'\nexport * from './contexts'\n","import { ModuleError, ModuleErrorSchema } from '@xyo-network/payload-model'\nimport { Component, ErrorInfo, ReactNode } from 'react'\nimport Rollbar from 'rollbar'\n\nimport { ErrorRender } from '../ErrorRender'\n\nexport interface ThrownErrorBoundaryProps {\n  boundaryName?: string\n  children: ReactNode\n  errorComponent?: (e: ModuleError, boundaryName?: string) => ReactNode\n  rethrow?: boolean\n  rollbar?: Rollbar\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 } = this.props\n    if (xyoError) {\n      if (errorComponent) {\n        return errorComponent(xyoError)\n      }\n      return <ErrorRender error={xyoError} errorContext={`${boundaryName} Boundary`} />\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}\n\nexport const ErrorAlert: React.FC<ErrorAlertProps> = ({ onCancel, error, errorContext, ...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      <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'\nimport { useLocation } from 'react-router-dom'\n\nimport { ErrorAlert } from './ErrorAlert'\nimport { ErrorRenderProps } from './Props'\n\nexport const ErrorRender: React.FC<ErrorRenderProps> = ({\n  onCancel,\n  error,\n  noErrorDisplay = false,\n  customError = null,\n  children,\n  errorContext,\n  ...props\n}) => {\n  const location = useLocation()\n  useEffect(() => {\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  }, [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} />\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'\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'\n\nexport const ErrorReporterContext = createContext<ErrorReporterContextState>({})\n","import { useContext } from 'react'\n\nimport { ErrorReporterContext } from './Context'\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":["src_exports","__export","ErrorAlert","ErrorRender","ErrorReporterProvider","ThrownErrorBoundary","useRollbar","__toCommonJS","import_payload_model","import_react","import_icons_material","import_material","import_react_button","import_jsx_runtime","ErrorAlert","onCancel","error","errorContext","props","ExitIcon","import_react_flexbox","import_react","import_react_router_dom","import_jsx_runtime","ErrorRender","onCancel","error","noErrorDisplay","customError","children","errorContext","props","location","ErrorAlert","import_jsx_runtime","ThrownErrorBoundary","_ThrownErrorBoundary","error","errorInfo","rethrow","rollbar","xyoError","children","boundaryName","errorComponent","ErrorRender","import_react","import_react","ErrorReporterContext","import_jsx_runtime","ErrorReporterProvider","children","rollbar","rollbarInstance","setRollBarInstance","ErrorReporterContext","import_react","useRollbar","context","ErrorReporterContext"]}
+{"version":3,"sources":["../../src/index.ts","../../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":["export * from './components'\nexport * from './contexts'\n","import { ModuleError, ModuleErrorSchema } from '@xyo-network/payload-model'\nimport { Component, ErrorInfo, ReactNode } from 'react'\nimport Rollbar from 'rollbar'\n\nimport { ErrorRender } from '../ErrorRender'\n\nexport interface ThrownErrorBoundaryProps {\n  boundaryName?: string\n  children: ReactNode\n  errorComponent?: (e: ModuleError, boundaryName?: string) => ReactNode\n  rethrow?: boolean\n  rollbar?: Rollbar\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 } = this.props\n    if (xyoError) {\n      if (errorComponent) {\n        return errorComponent(xyoError)\n      }\n      return <ErrorRender error={xyoError} errorContext={`${boundaryName} Boundary`} />\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}\n\nexport const ErrorAlert: React.FC<ErrorAlertProps> = ({ onCancel, error, errorContext, ...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      <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'\nimport { useLocation } from 'react-router-dom'\n\nimport { ErrorAlert } from './ErrorAlert'\nimport { ErrorRenderProps } from './Props'\n\nexport const ErrorRender: React.FC<ErrorRenderProps> = ({\n  onCancel,\n  error,\n  noErrorDisplay = false,\n  customError = null,\n  children,\n  errorContext,\n  ...props\n}) => {\n  const location = useLocation()\n  useEffect(() => {\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  }, [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} />\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'\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'\n\nexport const ErrorReporterContext = createContext<ErrorReporterContextState>({})\n","import { useContext } from 'react'\n\nimport { ErrorReporterContext } from './Context'\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":["import_react","ExitIcon","import_jsx_runtime","import_jsx_runtime","import_react","import_react","import_jsx_runtime","import_react"]}

package/dist/browser/index.js

@@ -1,2 +1,114 @@
-import{ModuleErrorSchema as f}from"@xyo-network/payload-model";import{Component as w}from"react";import{ExitToApp as x}from"@mui/icons-material";import{Alert as R,AlertTitle as y,Typography as s}from"@mui/material";import{ButtonEx as C}from"@xylabs/react-button";import{jsx as a,jsxs as b}from"react/jsx-runtime";var d=({onCancel:e,error:r,errorContext:o,...t})=>b(R,{severity:"error",...t,children:[a(y,{children:"Whoops! Something went wrong"}),o?a(s,{variant:"caption",my:.5,lineHeight:"1",display:"block",children:o}):null,a(s,{variant:"caption",mr:.5,fontWeight:"bold",children:"Error:"}),a(s,{variant:"caption",children:r?.message}),e?a(C,{variant:"outlined",size:"small",onClick:e,position:"absolute",style:{right:8,top:8},children:a(x,{fontSize:"small"})}):null]});import{FlexCol as c}from"@xylabs/react-flexbox";import{useEffect as g}from"react";import{useLocation as v}from"react-router-dom";import{Fragment as P,jsx as i}from"react/jsx-runtime";var u=({onCancel:e,error:r,noErrorDisplay:o=!1,customError:t=null,children:n,errorContext:p,...m})=>{let E=v();return g(()=>{E.state={from:{pathname:window.location.pathname}}},[E]),r?i(c,{alignItems:"stretch",...m,children:o?t:i(c,{alignItems:"center",...m,children:i(d,{error:r,errorContext:p,onCancel:e})})}):i(P,{children:n})??null};import{jsx as T}from"react/jsx-runtime";var h=class e extends w{state={xyoError:void 0};static getDerivedStateFromError(r){return{hasError:!0,xyoError:e.normalizeError(r)}}static normalizeError(r){return r.schema===f?r:{message:r.message,schema:f,sources:[]}}componentDidCatch(r,o){let{rethrow:t,rollbar:n}=this.props,{xyoError:p}=this.state;if(n?.error(r),console.error("Error:",p,o),t)throw r}render(){let{xyoError:r}=this.state,{children:o,boundaryName:t,errorComponent:n}=this.props;return r?n?n(r):T(u,{error:r,errorContext:`${t} Boundary`}):o}};import{useEffect as S,useState as M}from"react";import{createContext as A}from"react";var l=A({});import{jsx as B}from"react/jsx-runtime";var er=({children:e,rollbar:r})=>{let[o,t]=M();return S(()=>{o&&t(o)},[r,o]),B(l.Provider,{value:{rollbar:r},children:e})};import{useContext as F}from"react";var lr=()=>{let e=F(l);return e===void 0&&console.warn("useRollbar must be used within a ErrorReporterContext"),e??{}};export{d as ErrorAlert,u as ErrorRender,er as ErrorReporterProvider,h as ThrownErrorBoundary,lr as useRollbar};
+// 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 { jsx, jsxs } from "react/jsx-runtime";
+var ErrorAlert = ({ onCancel, error, errorContext, ...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,
+    /* @__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 { useLocation } from "react-router-dom";
+import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
+var ErrorRender = ({
+  onCancel,
+  error,
+  noErrorDisplay = false,
+  customError = null,
+  children,
+  errorContext,
+  ...props
+}) => {
+  const location = useLocation();
+  useEffect(() => {
+    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 }) }) }) : /* @__PURE__ */ jsx2(Fragment, { 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 } = this.props;
+    if (xyoError) {
+      if (errorComponent) {
+        return errorComponent(xyoError);
+      }
+      return /* @__PURE__ */ jsx3(ErrorRender, { error: xyoError, errorContext: `${boundaryName} Boundary` });
+    }
+    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 +1 @@
-{"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'\n\nexport interface ThrownErrorBoundaryProps {\n  boundaryName?: string\n  children: ReactNode\n  errorComponent?: (e: ModuleError, boundaryName?: string) => ReactNode\n  rethrow?: boolean\n  rollbar?: Rollbar\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 } = this.props\n    if (xyoError) {\n      if (errorComponent) {\n        return errorComponent(xyoError)\n      }\n      return <ErrorRender error={xyoError} errorContext={`${boundaryName} Boundary`} />\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}\n\nexport const ErrorAlert: React.FC<ErrorAlertProps> = ({ onCancel, error, errorContext, ...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      <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'\nimport { useLocation } from 'react-router-dom'\n\nimport { ErrorAlert } from './ErrorAlert'\nimport { ErrorRenderProps } from './Props'\n\nexport const ErrorRender: React.FC<ErrorRenderProps> = ({\n  onCancel,\n  error,\n  noErrorDisplay = false,\n  customError = null,\n  children,\n  errorContext,\n  ...props\n}) => {\n  const location = useLocation()\n  useEffect(() => {\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  }, [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} />\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'\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'\n\nexport const ErrorReporterContext = createContext<ErrorReporterContextState>({})\n","import { useContext } from 'react'\n\nimport { ErrorReporterContext } from './Context'\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":["ModuleErrorSchema","Component","ExitIcon","Alert","AlertTitle","Typography","ButtonEx","jsx","jsxs","ErrorAlert","onCancel","error","errorContext","props","FlexCol","useEffect","useLocation","Fragment","jsx","ErrorRender","onCancel","error","noErrorDisplay","customError","children","errorContext","props","location","useLocation","useEffect","FlexCol","ErrorAlert","jsx","ThrownErrorBoundary","_ThrownErrorBoundary","Component","error","ModuleErrorSchema","errorInfo","rethrow","rollbar","xyoError","children","boundaryName","errorComponent","ErrorRender","useEffect","useState","createContext","ErrorReporterContext","jsx","ErrorReporterProvider","children","rollbar","rollbarInstance","setRollBarInstance","useState","useEffect","ErrorReporterContext","useContext","useRollbar","context","useContext","ErrorReporterContext"]}
+{"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'\n\nexport interface ThrownErrorBoundaryProps {\n  boundaryName?: string\n  children: ReactNode\n  errorComponent?: (e: ModuleError, boundaryName?: string) => ReactNode\n  rethrow?: boolean\n  rollbar?: Rollbar\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 } = this.props\n    if (xyoError) {\n      if (errorComponent) {\n        return errorComponent(xyoError)\n      }\n      return <ErrorRender error={xyoError} errorContext={`${boundaryName} Boundary`} />\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}\n\nexport const ErrorAlert: React.FC<ErrorAlertProps> = ({ onCancel, error, errorContext, ...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      <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'\nimport { useLocation } from 'react-router-dom'\n\nimport { ErrorAlert } from './ErrorAlert'\nimport { ErrorRenderProps } from './Props'\n\nexport const ErrorRender: React.FC<ErrorRenderProps> = ({\n  onCancel,\n  error,\n  noErrorDisplay = false,\n  customError = null,\n  children,\n  errorContext,\n  ...props\n}) => {\n  const location = useLocation()\n  useEffect(() => {\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  }, [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} />\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'\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'\n\nexport const ErrorReporterContext = createContext<ErrorReporterContextState>({})\n","import { useContext } from 'react'\n\nimport { ErrorReporterContext } from './Context'\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":["jsx","jsx","useEffect","jsx","useEffect"]}

package/dist/neutral/index.cjs

@@ -1,2 +1,137 @@
-"use strict";var E=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var B=Object.prototype.hasOwnProperty;var F=(o,r)=>{for(var e in r)E(o,e,{get:r[e],enumerable:!0})},I=(o,r,e,t)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of M(r))!B.call(o,n)&&n!==e&&E(o,n,{get:()=>r[n],enumerable:!(t=S(r,n))||t.enumerable});return o};var N=o=>I(E({},"__esModule",{value:!0}),o);var k={};F(k,{ErrorAlert:()=>d,ErrorRender:()=>u,ErrorReporterProvider:()=>z,ThrownErrorBoundary:()=>h,useRollbar:()=>W});module.exports=N(k);var f=require("@xyo-network/payload-model"),v=require("react");var y=require("@mui/icons-material"),i=require("@mui/material"),C=require("@xylabs/react-button"),a=require("react/jsx-runtime"),d=({onCancel:o,error:r,errorContext:e,...t})=>(0,a.jsxs)(i.Alert,{severity:"error",...t,children:[(0,a.jsx)(i.AlertTitle,{children:"Whoops! Something went wrong"}),e?(0,a.jsx)(i.Typography,{variant:"caption",my:.5,lineHeight:"1",display:"block",children:e}):null,(0,a.jsx)(i.Typography,{variant:"caption",mr:.5,fontWeight:"bold",children:"Error:"}),(0,a.jsx)(i.Typography,{variant:"caption",children:r?.message}),o?(0,a.jsx)(C.ButtonEx,{variant:"outlined",size:"small",onClick:o,position:"absolute",style:{right:8,top:8},children:(0,a.jsx)(y.ExitToApp,{fontSize:"small"})}):null]});var c=require("@xylabs/react-flexbox"),b=require("react"),g=require("react-router-dom");var l=require("react/jsx-runtime"),u=({onCancel:o,error:r,noErrorDisplay:e=!1,customError:t=null,children:n,errorContext:m,...x})=>{let R=(0,g.useLocation)();return(0,b.useEffect)(()=>{R.state={from:{pathname:window.location.pathname}}},[R]),r?(0,l.jsx)(c.FlexCol,{alignItems:"stretch",...x,children:e?t:(0,l.jsx)(c.FlexCol,{alignItems:"center",...x,children:(0,l.jsx)(d,{error:r,errorContext:m,onCancel:o})})}):(0,l.jsx)(l.Fragment,{children:n})??null};var P=require("react/jsx-runtime"),h=class o extends v.Component{state={xyoError:void 0};static getDerivedStateFromError(r){return{hasError:!0,xyoError:o.normalizeError(r)}}static normalizeError(r){return r.schema===f.ModuleErrorSchema?r:{message:r.message,schema:f.ModuleErrorSchema,sources:[]}}componentDidCatch(r,e){let{rethrow:t,rollbar:n}=this.props,{xyoError:m}=this.state;if(n?.error(r),console.error("Error:",m,e),t)throw r}render(){let{xyoError:r}=this.state,{children:e,boundaryName:t,errorComponent:n}=this.props;return r?n?n(r):(0,P.jsx)(u,{error:r,errorContext:`${t} Boundary`}):e}};var s=require("react");var w=require("react"),p=(0,w.createContext)({});var T=require("react/jsx-runtime"),z=({children:o,rollbar:r})=>{let[e,t]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&t(e)},[r,e]),(0,T.jsx)(p.Provider,{value:{rollbar:r},children:o})};var A=require("react");var W=()=>{let o=(0,A.useContext)(p);return o===void 0&&console.warn("useRollbar must be used within a ErrorReporterContext"),o??{}};
+"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 src_exports = {};
+__export(src_exports, {
+  ErrorAlert: () => ErrorAlert,
+  ErrorRender: () => ErrorRender,
+  ErrorReporterProvider: () => ErrorReporterProvider,
+  ThrownErrorBoundary: () => ThrownErrorBoundary,
+  useRollbar: () => useRollbar
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/components/ErrorBoundary/ThrownErrorBoundary.tsx
+var import_payload_model = require("@xyo-network/payload-model");
+var import_react2 = require("react");
+
+// src/components/ErrorRender/ErrorAlert.tsx
+var import_icons_material = require("@mui/icons-material");
+var import_material = require("@mui/material");
+var import_react_button = require("@xylabs/react-button");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ErrorAlert = ({ onCancel, error, errorContext, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Alert, { severity: "error", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.AlertTitle, { children: "Whoops! Something went wrong" }),
+    errorContext ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "caption", my: 0.5, lineHeight: "1", display: "block", children: errorContext }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "caption", mr: 0.5, fontWeight: "bold", children: "Error:" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "caption", children: error?.message }),
+    onCancel ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_button.ButtonEx, { variant: "outlined", size: "small", onClick: onCancel, position: "absolute", style: { right: 8, top: 8 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.ExitToApp, { fontSize: "small" }) }) : null
+  ] });
+};
+
+// src/components/ErrorRender/Render.tsx
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react = require("react");
+var import_react_router_dom = require("react-router-dom");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var ErrorRender = ({
+  onCancel,
+  error,
+  noErrorDisplay = false,
+  customError = null,
+  children,
+  errorContext,
+  ...props
+}) => {
+  const location = (0, import_react_router_dom.useLocation)();
+  (0, import_react.useEffect)(() => {
+    location.state = {
+      from: {
+        pathname: window.location.pathname
+      }
+    };
+  }, [location]);
+  return error ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_flexbox.FlexCol, { alignItems: "stretch", ...props, children: noErrorDisplay ? customError : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_flexbox.FlexCol, { alignItems: "center", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ErrorAlert, { error, errorContext, onCancel }) }) }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children }) ?? null;
+};
+
+// src/components/ErrorBoundary/ThrownErrorBoundary.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var ThrownErrorBoundary = class _ThrownErrorBoundary extends import_react2.Component {
+  state = {
+    xyoError: void 0
+  };
+  static getDerivedStateFromError(error) {
+    return { hasError: true, xyoError: _ThrownErrorBoundary.normalizeError(error) };
+  }
+  static normalizeError(error) {
+    return error.schema === import_payload_model.ModuleErrorSchema ? error : { message: error.message, schema: import_payload_model.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 } = this.props;
+    if (xyoError) {
+      if (errorComponent) {
+        return errorComponent(xyoError);
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ErrorRender, { error: xyoError, errorContext: `${boundaryName} Boundary` });
+    }
+    return children;
+  }
+};
+
+// src/contexts/ErrorReporter/Provider.tsx
+var import_react4 = require("react");
+
+// src/contexts/ErrorReporter/Context.ts
+var import_react3 = require("react");
+var ErrorReporterContext = (0, import_react3.createContext)({});
+
+// src/contexts/ErrorReporter/Provider.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var ErrorReporterProvider = ({ children, rollbar }) => {
+  const [rollbarInstance, setRollBarInstance] = (0, import_react4.useState)();
+  (0, import_react4.useEffect)(() => {
+    if (rollbarInstance) {
+      setRollBarInstance(rollbarInstance);
+    }
+  }, [rollbar, rollbarInstance]);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ErrorReporterContext.Provider, { value: { rollbar }, children });
+};
+
+// src/contexts/ErrorReporter/useRollbar.tsx
+var import_react5 = require("react");
+var useRollbar = () => {
+  const context = (0, import_react5.useContext)(ErrorReporterContext);
+  if (context === void 0) {
+    console.warn("useRollbar must be used within a ErrorReporterContext");
+  }
+  return context ?? {};
+};
 //# sourceMappingURL=index.cjs.map

package/dist/neutral/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts","../../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":["export * from './components'\nexport * from './contexts'\n","import { ModuleError, ModuleErrorSchema } from '@xyo-network/payload-model'\nimport { Component, ErrorInfo, ReactNode } from 'react'\nimport Rollbar from 'rollbar'\n\nimport { ErrorRender } from '../ErrorRender'\n\nexport interface ThrownErrorBoundaryProps {\n  boundaryName?: string\n  children: ReactNode\n  errorComponent?: (e: ModuleError, boundaryName?: string) => ReactNode\n  rethrow?: boolean\n  rollbar?: Rollbar\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 } = this.props\n    if (xyoError) {\n      if (errorComponent) {\n        return errorComponent(xyoError)\n      }\n      return <ErrorRender error={xyoError} errorContext={`${boundaryName} Boundary`} />\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}\n\nexport const ErrorAlert: React.FC<ErrorAlertProps> = ({ onCancel, error, errorContext, ...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      <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'\nimport { useLocation } from 'react-router-dom'\n\nimport { ErrorAlert } from './ErrorAlert'\nimport { ErrorRenderProps } from './Props'\n\nexport const ErrorRender: React.FC<ErrorRenderProps> = ({\n  onCancel,\n  error,\n  noErrorDisplay = false,\n  customError = null,\n  children,\n  errorContext,\n  ...props\n}) => {\n  const location = useLocation()\n  useEffect(() => {\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  }, [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} />\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'\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'\n\nexport const ErrorReporterContext = createContext<ErrorReporterContextState>({})\n","import { useContext } from 'react'\n\nimport { ErrorReporterContext } from './Context'\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":["src_exports","__export","ErrorAlert","ErrorRender","ErrorReporterProvider","ThrownErrorBoundary","useRollbar","__toCommonJS","import_payload_model","import_react","import_icons_material","import_material","import_react_button","import_jsx_runtime","ErrorAlert","onCancel","error","errorContext","props","ExitIcon","import_react_flexbox","import_react","import_react_router_dom","import_jsx_runtime","ErrorRender","onCancel","error","noErrorDisplay","customError","children","errorContext","props","location","ErrorAlert","import_jsx_runtime","ThrownErrorBoundary","_ThrownErrorBoundary","error","errorInfo","rethrow","rollbar","xyoError","children","boundaryName","errorComponent","ErrorRender","import_react","import_react","ErrorReporterContext","import_jsx_runtime","ErrorReporterProvider","children","rollbar","rollbarInstance","setRollBarInstance","ErrorReporterContext","import_react","useRollbar","context","ErrorReporterContext"]}
+{"version":3,"sources":["../../src/index.ts","../../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":["export * from './components'\nexport * from './contexts'\n","import { ModuleError, ModuleErrorSchema } from '@xyo-network/payload-model'\nimport { Component, ErrorInfo, ReactNode } from 'react'\nimport Rollbar from 'rollbar'\n\nimport { ErrorRender } from '../ErrorRender'\n\nexport interface ThrownErrorBoundaryProps {\n  boundaryName?: string\n  children: ReactNode\n  errorComponent?: (e: ModuleError, boundaryName?: string) => ReactNode\n  rethrow?: boolean\n  rollbar?: Rollbar\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 } = this.props\n    if (xyoError) {\n      if (errorComponent) {\n        return errorComponent(xyoError)\n      }\n      return <ErrorRender error={xyoError} errorContext={`${boundaryName} Boundary`} />\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}\n\nexport const ErrorAlert: React.FC<ErrorAlertProps> = ({ onCancel, error, errorContext, ...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      <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'\nimport { useLocation } from 'react-router-dom'\n\nimport { ErrorAlert } from './ErrorAlert'\nimport { ErrorRenderProps } from './Props'\n\nexport const ErrorRender: React.FC<ErrorRenderProps> = ({\n  onCancel,\n  error,\n  noErrorDisplay = false,\n  customError = null,\n  children,\n  errorContext,\n  ...props\n}) => {\n  const location = useLocation()\n  useEffect(() => {\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  }, [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} />\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'\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'\n\nexport const ErrorReporterContext = createContext<ErrorReporterContextState>({})\n","import { useContext } from 'react'\n\nimport { ErrorReporterContext } from './Context'\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":["import_react","ExitIcon","import_jsx_runtime","import_jsx_runtime","import_react","import_react","import_jsx_runtime","import_react"]}

package/dist/neutral/index.js

@@ -1,2 +1,114 @@
-import{ModuleErrorSchema as f}from"@xyo-network/payload-model";import{Component as w}from"react";import{ExitToApp as x}from"@mui/icons-material";import{Alert as R,AlertTitle as y,Typography as s}from"@mui/material";import{ButtonEx as C}from"@xylabs/react-button";import{jsx as a,jsxs as b}from"react/jsx-runtime";var d=({onCancel:e,error:r,errorContext:o,...t})=>b(R,{severity:"error",...t,children:[a(y,{children:"Whoops! Something went wrong"}),o?a(s,{variant:"caption",my:.5,lineHeight:"1",display:"block",children:o}):null,a(s,{variant:"caption",mr:.5,fontWeight:"bold",children:"Error:"}),a(s,{variant:"caption",children:r?.message}),e?a(C,{variant:"outlined",size:"small",onClick:e,position:"absolute",style:{right:8,top:8},children:a(x,{fontSize:"small"})}):null]});import{FlexCol as c}from"@xylabs/react-flexbox";import{useEffect as g}from"react";import{useLocation as v}from"react-router-dom";import{Fragment as P,jsx as i}from"react/jsx-runtime";var u=({onCancel:e,error:r,noErrorDisplay:o=!1,customError:t=null,children:n,errorContext:p,...m})=>{let E=v();return g(()=>{E.state={from:{pathname:window.location.pathname}}},[E]),r?i(c,{alignItems:"stretch",...m,children:o?t:i(c,{alignItems:"center",...m,children:i(d,{error:r,errorContext:p,onCancel:e})})}):i(P,{children:n})??null};import{jsx as T}from"react/jsx-runtime";var h=class e extends w{state={xyoError:void 0};static getDerivedStateFromError(r){return{hasError:!0,xyoError:e.normalizeError(r)}}static normalizeError(r){return r.schema===f?r:{message:r.message,schema:f,sources:[]}}componentDidCatch(r,o){let{rethrow:t,rollbar:n}=this.props,{xyoError:p}=this.state;if(n?.error(r),console.error("Error:",p,o),t)throw r}render(){let{xyoError:r}=this.state,{children:o,boundaryName:t,errorComponent:n}=this.props;return r?n?n(r):T(u,{error:r,errorContext:`${t} Boundary`}):o}};import{useEffect as S,useState as M}from"react";import{createContext as A}from"react";var l=A({});import{jsx as B}from"react/jsx-runtime";var er=({children:e,rollbar:r})=>{let[o,t]=M();return S(()=>{o&&t(o)},[r,o]),B(l.Provider,{value:{rollbar:r},children:e})};import{useContext as F}from"react";var lr=()=>{let e=F(l);return e===void 0&&console.warn("useRollbar must be used within a ErrorReporterContext"),e??{}};export{d as ErrorAlert,u as ErrorRender,er as ErrorReporterProvider,h as ThrownErrorBoundary,lr as useRollbar};
+// 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 { jsx, jsxs } from "react/jsx-runtime";
+var ErrorAlert = ({ onCancel, error, errorContext, ...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,
+    /* @__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 { useLocation } from "react-router-dom";
+import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
+var ErrorRender = ({
+  onCancel,
+  error,
+  noErrorDisplay = false,
+  customError = null,
+  children,
+  errorContext,
+  ...props
+}) => {
+  const location = useLocation();
+  useEffect(() => {
+    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 }) }) }) : /* @__PURE__ */ jsx2(Fragment, { 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 } = this.props;
+    if (xyoError) {
+      if (errorComponent) {
+        return errorComponent(xyoError);
+      }
+      return /* @__PURE__ */ jsx3(ErrorRender, { error: xyoError, errorContext: `${boundaryName} Boundary` });
+    }
+    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 +1 @@
-{"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'\n\nexport interface ThrownErrorBoundaryProps {\n  boundaryName?: string\n  children: ReactNode\n  errorComponent?: (e: ModuleError, boundaryName?: string) => ReactNode\n  rethrow?: boolean\n  rollbar?: Rollbar\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 } = this.props\n    if (xyoError) {\n      if (errorComponent) {\n        return errorComponent(xyoError)\n      }\n      return <ErrorRender error={xyoError} errorContext={`${boundaryName} Boundary`} />\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}\n\nexport const ErrorAlert: React.FC<ErrorAlertProps> = ({ onCancel, error, errorContext, ...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      <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'\nimport { useLocation } from 'react-router-dom'\n\nimport { ErrorAlert } from './ErrorAlert'\nimport { ErrorRenderProps } from './Props'\n\nexport const ErrorRender: React.FC<ErrorRenderProps> = ({\n  onCancel,\n  error,\n  noErrorDisplay = false,\n  customError = null,\n  children,\n  errorContext,\n  ...props\n}) => {\n  const location = useLocation()\n  useEffect(() => {\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  }, [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} />\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'\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'\n\nexport const ErrorReporterContext = createContext<ErrorReporterContextState>({})\n","import { useContext } from 'react'\n\nimport { ErrorReporterContext } from './Context'\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":["ModuleErrorSchema","Component","ExitIcon","Alert","AlertTitle","Typography","ButtonEx","jsx","jsxs","ErrorAlert","onCancel","error","errorContext","props","FlexCol","useEffect","useLocation","Fragment","jsx","ErrorRender","onCancel","error","noErrorDisplay","customError","children","errorContext","props","location","useLocation","useEffect","FlexCol","ErrorAlert","jsx","ThrownErrorBoundary","_ThrownErrorBoundary","Component","error","ModuleErrorSchema","errorInfo","rethrow","rollbar","xyoError","children","boundaryName","errorComponent","ErrorRender","useEffect","useState","createContext","ErrorReporterContext","jsx","ErrorReporterProvider","children","rollbar","rollbarInstance","setRollBarInstance","useState","useEffect","ErrorReporterContext","useContext","useRollbar","context","useContext","ErrorReporterContext"]}
+{"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'\n\nexport interface ThrownErrorBoundaryProps {\n  boundaryName?: string\n  children: ReactNode\n  errorComponent?: (e: ModuleError, boundaryName?: string) => ReactNode\n  rethrow?: boolean\n  rollbar?: Rollbar\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 } = this.props\n    if (xyoError) {\n      if (errorComponent) {\n        return errorComponent(xyoError)\n      }\n      return <ErrorRender error={xyoError} errorContext={`${boundaryName} Boundary`} />\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}\n\nexport const ErrorAlert: React.FC<ErrorAlertProps> = ({ onCancel, error, errorContext, ...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      <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'\nimport { useLocation } from 'react-router-dom'\n\nimport { ErrorAlert } from './ErrorAlert'\nimport { ErrorRenderProps } from './Props'\n\nexport const ErrorRender: React.FC<ErrorRenderProps> = ({\n  onCancel,\n  error,\n  noErrorDisplay = false,\n  customError = null,\n  children,\n  errorContext,\n  ...props\n}) => {\n  const location = useLocation()\n  useEffect(() => {\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  }, [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} />\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'\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'\n\nexport const ErrorReporterContext = createContext<ErrorReporterContextState>({})\n","import { useContext } from 'react'\n\nimport { ErrorReporterContext } from './Context'\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":["jsx","jsx","useEffect","jsx","useEffect"]}

package/dist/node/index.cjs

@@ -1,2 +1,145 @@
-"use strict";var E=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var B=Object.prototype.hasOwnProperty;var F=(o,r)=>{for(var e in r)E(o,e,{get:r[e],enumerable:!0})},I=(o,r,e,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of M(r))!B.call(o,t)&&t!==e&&E(o,t,{get:()=>r[t],enumerable:!(n=S(r,t))||n.enumerable});return o};var N=o=>I(E({},"__esModule",{value:!0}),o);var k={};F(k,{ErrorAlert:()=>d,ErrorRender:()=>u,ErrorReporterProvider:()=>z,ThrownErrorBoundary:()=>h,useRollbar:()=>W});module.exports=N(k);var f=require("@xyo-network/payload-model"),v=require("react");var y=require("@mui/icons-material"),i=require("@mui/material"),C=require("@xylabs/react-button"),a=require("react/jsx-runtime"),d=({onCancel:o,error:r,errorContext:e,...n})=>(0,a.jsxs)(i.Alert,{severity:"error",...n,children:[(0,a.jsx)(i.AlertTitle,{children:"Whoops! Something went wrong"}),e?(0,a.jsx)(i.Typography,{variant:"caption",my:.5,lineHeight:"1",display:"block",children:e}):null,(0,a.jsx)(i.Typography,{variant:"caption",mr:.5,fontWeight:"bold",children:"Error:"}),(0,a.jsx)(i.Typography,{variant:"caption",children:r==null?void 0:r.message}),o?(0,a.jsx)(C.ButtonEx,{variant:"outlined",size:"small",onClick:o,position:"absolute",style:{right:8,top:8},children:(0,a.jsx)(y.ExitToApp,{fontSize:"small"})}):null]});var c=require("@xylabs/react-flexbox"),g=require("react"),b=require("react-router-dom");var l=require("react/jsx-runtime"),u=({onCancel:o,error:r,noErrorDisplay:e=!1,customError:n=null,children:t,errorContext:m,...x})=>{let R=(0,b.useLocation)();return(0,g.useEffect)(()=>{R.state={from:{pathname:window.location.pathname}}},[R]),r?(0,l.jsx)(c.FlexCol,{alignItems:"stretch",...x,children:e?n:(0,l.jsx)(c.FlexCol,{alignItems:"center",...x,children:(0,l.jsx)(d,{error:r,errorContext:m,onCancel:o})})}):(0,l.jsx)(l.Fragment,{children:t})??null};var P=require("react/jsx-runtime"),h=class o extends v.Component{state={xyoError:void 0};static getDerivedStateFromError(r){return{hasError:!0,xyoError:o.normalizeError(r)}}static normalizeError(r){return r.schema===f.ModuleErrorSchema?r:{message:r.message,schema:f.ModuleErrorSchema,sources:[]}}componentDidCatch(r,e){let{rethrow:n,rollbar:t}=this.props,{xyoError:m}=this.state;if(t==null||t.error(r),console.error("Error:",m,e),n)throw r}render(){let{xyoError:r}=this.state,{children:e,boundaryName:n,errorComponent:t}=this.props;return r?t?t(r):(0,P.jsx)(u,{error:r,errorContext:`${n} Boundary`}):e}};var s=require("react");var w=require("react"),p=(0,w.createContext)({});var T=require("react/jsx-runtime"),z=({children:o,rollbar:r})=>{let[e,n]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&n(e)},[r,e]),(0,T.jsx)(p.Provider,{value:{rollbar:r},children:o})};var A=require("react");var W=()=>{let o=(0,A.useContext)(p);return o===void 0&&console.warn("useRollbar must be used within a ErrorReporterContext"),o??{}};0&&(module.exports={ErrorAlert,ErrorRender,ErrorReporterProvider,ThrownErrorBoundary,useRollbar});
+"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 src_exports = {};
+__export(src_exports, {
+  ErrorAlert: () => ErrorAlert,
+  ErrorRender: () => ErrorRender,
+  ErrorReporterProvider: () => ErrorReporterProvider,
+  ThrownErrorBoundary: () => ThrownErrorBoundary,
+  useRollbar: () => useRollbar
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/components/ErrorBoundary/ThrownErrorBoundary.tsx
+var import_payload_model = require("@xyo-network/payload-model");
+var import_react2 = require("react");
+
+// src/components/ErrorRender/ErrorAlert.tsx
+var import_icons_material = require("@mui/icons-material");
+var import_material = require("@mui/material");
+var import_react_button = require("@xylabs/react-button");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ErrorAlert = ({ onCancel, error, errorContext, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Alert, { severity: "error", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.AlertTitle, { children: "Whoops! Something went wrong" }),
+    errorContext ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "caption", my: 0.5, lineHeight: "1", display: "block", children: errorContext }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "caption", mr: 0.5, fontWeight: "bold", children: "Error:" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "caption", children: error == null ? void 0 : error.message }),
+    onCancel ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_button.ButtonEx, { variant: "outlined", size: "small", onClick: onCancel, position: "absolute", style: { right: 8, top: 8 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.ExitToApp, { fontSize: "small" }) }) : null
+  ] });
+};
+
+// src/components/ErrorRender/Render.tsx
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react = require("react");
+var import_react_router_dom = require("react-router-dom");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var ErrorRender = ({
+  onCancel,
+  error,
+  noErrorDisplay = false,
+  customError = null,
+  children,
+  errorContext,
+  ...props
+}) => {
+  const location = (0, import_react_router_dom.useLocation)();
+  (0, import_react.useEffect)(() => {
+    location.state = {
+      from: {
+        pathname: window.location.pathname
+      }
+    };
+  }, [location]);
+  return error ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_flexbox.FlexCol, { alignItems: "stretch", ...props, children: noErrorDisplay ? customError : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_flexbox.FlexCol, { alignItems: "center", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ErrorAlert, { error, errorContext, onCancel }) }) }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children }) ?? null;
+};
+
+// src/components/ErrorBoundary/ThrownErrorBoundary.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var ThrownErrorBoundary = class _ThrownErrorBoundary extends import_react2.Component {
+  state = {
+    xyoError: void 0
+  };
+  static getDerivedStateFromError(error) {
+    return { hasError: true, xyoError: _ThrownErrorBoundary.normalizeError(error) };
+  }
+  static normalizeError(error) {
+    return error.schema === import_payload_model.ModuleErrorSchema ? error : { message: error.message, schema: import_payload_model.ModuleErrorSchema, sources: [] };
+  }
+  componentDidCatch(error, errorInfo) {
+    const { rethrow, rollbar } = this.props;
+    const { xyoError } = this.state;
+    rollbar == null ? void 0 : rollbar.error(error);
+    console.error("Error:", xyoError, errorInfo);
+    if (rethrow) {
+      throw error;
+    }
+  }
+  render() {
+    const { xyoError } = this.state;
+    const { children, boundaryName, errorComponent } = this.props;
+    if (xyoError) {
+      if (errorComponent) {
+        return errorComponent(xyoError);
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ErrorRender, { error: xyoError, errorContext: `${boundaryName} Boundary` });
+    }
+    return children;
+  }
+};
+
+// src/contexts/ErrorReporter/Provider.tsx
+var import_react4 = require("react");
+
+// src/contexts/ErrorReporter/Context.ts
+var import_react3 = require("react");
+var ErrorReporterContext = (0, import_react3.createContext)({});
+
+// src/contexts/ErrorReporter/Provider.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var ErrorReporterProvider = ({ children, rollbar }) => {
+  const [rollbarInstance, setRollBarInstance] = (0, import_react4.useState)();
+  (0, import_react4.useEffect)(() => {
+    if (rollbarInstance) {
+      setRollBarInstance(rollbarInstance);
+    }
+  }, [rollbar, rollbarInstance]);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ErrorReporterContext.Provider, { value: { rollbar }, children });
+};
+
+// src/contexts/ErrorReporter/useRollbar.tsx
+var import_react5 = require("react");
+var useRollbar = () => {
+  const context = (0, import_react5.useContext)(ErrorReporterContext);
+  if (context === void 0) {
+    console.warn("useRollbar must be used within a ErrorReporterContext");
+  }
+  return context ?? {};
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ErrorAlert,
+  ErrorRender,
+  ErrorReporterProvider,
+  ThrownErrorBoundary,
+  useRollbar
+});
 //# sourceMappingURL=index.cjs.map

package/dist/node/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts","../../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":["export * from './components'\nexport * from './contexts'\n","import { ModuleError, ModuleErrorSchema } from '@xyo-network/payload-model'\nimport { Component, ErrorInfo, ReactNode } from 'react'\nimport Rollbar from 'rollbar'\n\nimport { ErrorRender } from '../ErrorRender'\n\nexport interface ThrownErrorBoundaryProps {\n  boundaryName?: string\n  children: ReactNode\n  errorComponent?: (e: ModuleError, boundaryName?: string) => ReactNode\n  rethrow?: boolean\n  rollbar?: Rollbar\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 } = this.props\n    if (xyoError) {\n      if (errorComponent) {\n        return errorComponent(xyoError)\n      }\n      return <ErrorRender error={xyoError} errorContext={`${boundaryName} Boundary`} />\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}\n\nexport const ErrorAlert: React.FC<ErrorAlertProps> = ({ onCancel, error, errorContext, ...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      <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'\nimport { useLocation } from 'react-router-dom'\n\nimport { ErrorAlert } from './ErrorAlert'\nimport { ErrorRenderProps } from './Props'\n\nexport const ErrorRender: React.FC<ErrorRenderProps> = ({\n  onCancel,\n  error,\n  noErrorDisplay = false,\n  customError = null,\n  children,\n  errorContext,\n  ...props\n}) => {\n  const location = useLocation()\n  useEffect(() => {\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  }, [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} />\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'\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'\n\nexport const ErrorReporterContext = createContext<ErrorReporterContextState>({})\n","import { useContext } from 'react'\n\nimport { ErrorReporterContext } from './Context'\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":["src_exports","__export","ErrorAlert","ErrorRender","ErrorReporterProvider","ThrownErrorBoundary","useRollbar","__toCommonJS","import_payload_model","import_react","import_icons_material","import_material","import_react_button","import_jsx_runtime","ErrorAlert","onCancel","error","errorContext","props","ExitIcon","import_react_flexbox","import_react","import_react_router_dom","import_jsx_runtime","ErrorRender","onCancel","error","noErrorDisplay","customError","children","errorContext","props","location","ErrorAlert","import_jsx_runtime","ThrownErrorBoundary","_ThrownErrorBoundary","error","errorInfo","rethrow","rollbar","xyoError","children","boundaryName","errorComponent","ErrorRender","import_react","import_react","ErrorReporterContext","import_jsx_runtime","ErrorReporterProvider","children","rollbar","rollbarInstance","setRollBarInstance","ErrorReporterContext","import_react","useRollbar","context","ErrorReporterContext"]}
+{"version":3,"sources":["../../src/index.ts","../../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":["export * from './components'\nexport * from './contexts'\n","import { ModuleError, ModuleErrorSchema } from '@xyo-network/payload-model'\nimport { Component, ErrorInfo, ReactNode } from 'react'\nimport Rollbar from 'rollbar'\n\nimport { ErrorRender } from '../ErrorRender'\n\nexport interface ThrownErrorBoundaryProps {\n  boundaryName?: string\n  children: ReactNode\n  errorComponent?: (e: ModuleError, boundaryName?: string) => ReactNode\n  rethrow?: boolean\n  rollbar?: Rollbar\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 } = this.props\n    if (xyoError) {\n      if (errorComponent) {\n        return errorComponent(xyoError)\n      }\n      return <ErrorRender error={xyoError} errorContext={`${boundaryName} Boundary`} />\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}\n\nexport const ErrorAlert: React.FC<ErrorAlertProps> = ({ onCancel, error, errorContext, ...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      <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'\nimport { useLocation } from 'react-router-dom'\n\nimport { ErrorAlert } from './ErrorAlert'\nimport { ErrorRenderProps } from './Props'\n\nexport const ErrorRender: React.FC<ErrorRenderProps> = ({\n  onCancel,\n  error,\n  noErrorDisplay = false,\n  customError = null,\n  children,\n  errorContext,\n  ...props\n}) => {\n  const location = useLocation()\n  useEffect(() => {\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  }, [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} />\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'\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'\n\nexport const ErrorReporterContext = createContext<ErrorReporterContextState>({})\n","import { useContext } from 'react'\n\nimport { ErrorReporterContext } from './Context'\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":["import_react","ExitIcon","import_jsx_runtime","import_jsx_runtime","import_react","import_react","import_jsx_runtime","import_react"]}

package/dist/node/index.js

@@ -1,2 +1,114 @@
-import{ModuleErrorSchema as f}from"@xyo-network/payload-model";import{Component as w}from"react";import{ExitToApp as x}from"@mui/icons-material";import{Alert as R,AlertTitle as y,Typography as s}from"@mui/material";import{ButtonEx as C}from"@xylabs/react-button";import{jsx as a,jsxs as g}from"react/jsx-runtime";var d=({onCancel:e,error:r,errorContext:o,...t})=>g(R,{severity:"error",...t,children:[a(y,{children:"Whoops! Something went wrong"}),o?a(s,{variant:"caption",my:.5,lineHeight:"1",display:"block",children:o}):null,a(s,{variant:"caption",mr:.5,fontWeight:"bold",children:"Error:"}),a(s,{variant:"caption",children:r==null?void 0:r.message}),e?a(C,{variant:"outlined",size:"small",onClick:e,position:"absolute",style:{right:8,top:8},children:a(x,{fontSize:"small"})}):null]});import{FlexCol as c}from"@xylabs/react-flexbox";import{useEffect as b}from"react";import{useLocation as v}from"react-router-dom";import{Fragment as P,jsx as i}from"react/jsx-runtime";var u=({onCancel:e,error:r,noErrorDisplay:o=!1,customError:t=null,children:n,errorContext:p,...m})=>{let E=v();return b(()=>{E.state={from:{pathname:window.location.pathname}}},[E]),r?i(c,{alignItems:"stretch",...m,children:o?t:i(c,{alignItems:"center",...m,children:i(d,{error:r,errorContext:p,onCancel:e})})}):i(P,{children:n})??null};import{jsx as T}from"react/jsx-runtime";var h=class e extends w{state={xyoError:void 0};static getDerivedStateFromError(r){return{hasError:!0,xyoError:e.normalizeError(r)}}static normalizeError(r){return r.schema===f?r:{message:r.message,schema:f,sources:[]}}componentDidCatch(r,o){let{rethrow:t,rollbar:n}=this.props,{xyoError:p}=this.state;if(n==null||n.error(r),console.error("Error:",p,o),t)throw r}render(){let{xyoError:r}=this.state,{children:o,boundaryName:t,errorComponent:n}=this.props;return r?n?n(r):T(u,{error:r,errorContext:`${t} Boundary`}):o}};import{useEffect as S,useState as M}from"react";import{createContext as A}from"react";var l=A({});import{jsx as B}from"react/jsx-runtime";var er=({children:e,rollbar:r})=>{let[o,t]=M();return S(()=>{o&&t(o)},[r,o]),B(l.Provider,{value:{rollbar:r},children:e})};import{useContext as F}from"react";var lr=()=>{let e=F(l);return e===void 0&&console.warn("useRollbar must be used within a ErrorReporterContext"),e??{}};export{d as ErrorAlert,u as ErrorRender,er as ErrorReporterProvider,h as ThrownErrorBoundary,lr as useRollbar};
+// 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 { jsx, jsxs } from "react/jsx-runtime";
+var ErrorAlert = ({ onCancel, error, errorContext, ...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,
+    /* @__PURE__ */ jsx(Typography, { variant: "caption", mr: 0.5, fontWeight: "bold", children: "Error:" }),
+    /* @__PURE__ */ jsx(Typography, { variant: "caption", children: error == null ? void 0 : 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 { useLocation } from "react-router-dom";
+import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
+var ErrorRender = ({
+  onCancel,
+  error,
+  noErrorDisplay = false,
+  customError = null,
+  children,
+  errorContext,
+  ...props
+}) => {
+  const location = useLocation();
+  useEffect(() => {
+    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 }) }) }) : /* @__PURE__ */ jsx2(Fragment, { 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 == null ? void 0 : rollbar.error(error);
+    console.error("Error:", xyoError, errorInfo);
+    if (rethrow) {
+      throw error;
+    }
+  }
+  render() {
+    const { xyoError } = this.state;
+    const { children, boundaryName, errorComponent } = this.props;
+    if (xyoError) {
+      if (errorComponent) {
+        return errorComponent(xyoError);
+      }
+      return /* @__PURE__ */ jsx3(ErrorRender, { error: xyoError, errorContext: `${boundaryName} Boundary` });
+    }
+    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/node/index.js.map

@@ -1 +1 @@
-{"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'\n\nexport interface ThrownErrorBoundaryProps {\n  boundaryName?: string\n  children: ReactNode\n  errorComponent?: (e: ModuleError, boundaryName?: string) => ReactNode\n  rethrow?: boolean\n  rollbar?: Rollbar\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 } = this.props\n    if (xyoError) {\n      if (errorComponent) {\n        return errorComponent(xyoError)\n      }\n      return <ErrorRender error={xyoError} errorContext={`${boundaryName} Boundary`} />\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}\n\nexport const ErrorAlert: React.FC<ErrorAlertProps> = ({ onCancel, error, errorContext, ...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      <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'\nimport { useLocation } from 'react-router-dom'\n\nimport { ErrorAlert } from './ErrorAlert'\nimport { ErrorRenderProps } from './Props'\n\nexport const ErrorRender: React.FC<ErrorRenderProps> = ({\n  onCancel,\n  error,\n  noErrorDisplay = false,\n  customError = null,\n  children,\n  errorContext,\n  ...props\n}) => {\n  const location = useLocation()\n  useEffect(() => {\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  }, [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} />\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'\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'\n\nexport const ErrorReporterContext = createContext<ErrorReporterContextState>({})\n","import { useContext } from 'react'\n\nimport { ErrorReporterContext } from './Context'\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":["ModuleErrorSchema","Component","ExitIcon","Alert","AlertTitle","Typography","ButtonEx","jsx","jsxs","ErrorAlert","onCancel","error","errorContext","props","FlexCol","useEffect","useLocation","Fragment","jsx","ErrorRender","onCancel","error","noErrorDisplay","customError","children","errorContext","props","location","useLocation","useEffect","FlexCol","ErrorAlert","jsx","ThrownErrorBoundary","_ThrownErrorBoundary","Component","error","ModuleErrorSchema","errorInfo","rethrow","rollbar","xyoError","children","boundaryName","errorComponent","ErrorRender","useEffect","useState","createContext","ErrorReporterContext","jsx","ErrorReporterProvider","children","rollbar","rollbarInstance","setRollBarInstance","useState","useEffect","ErrorReporterContext","useContext","useRollbar","context","useContext","ErrorReporterContext"]}
+{"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'\n\nexport interface ThrownErrorBoundaryProps {\n  boundaryName?: string\n  children: ReactNode\n  errorComponent?: (e: ModuleError, boundaryName?: string) => ReactNode\n  rethrow?: boolean\n  rollbar?: Rollbar\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 } = this.props\n    if (xyoError) {\n      if (errorComponent) {\n        return errorComponent(xyoError)\n      }\n      return <ErrorRender error={xyoError} errorContext={`${boundaryName} Boundary`} />\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}\n\nexport const ErrorAlert: React.FC<ErrorAlertProps> = ({ onCancel, error, errorContext, ...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      <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'\nimport { useLocation } from 'react-router-dom'\n\nimport { ErrorAlert } from './ErrorAlert'\nimport { ErrorRenderProps } from './Props'\n\nexport const ErrorRender: React.FC<ErrorRenderProps> = ({\n  onCancel,\n  error,\n  noErrorDisplay = false,\n  customError = null,\n  children,\n  errorContext,\n  ...props\n}) => {\n  const location = useLocation()\n  useEffect(() => {\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  }, [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} />\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'\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'\n\nexport const ErrorReporterContext = createContext<ErrorReporterContextState>({})\n","import { useContext } from 'react'\n\nimport { ErrorReporterContext } from './Context'\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":["jsx","jsx","useEffect","jsx","useEffect"]}

package/package.json

@@ -13,7 +13,7 @@
     "@xylabs/react-button": "^3.1.7",
     "@xylabs/react-flexbox": "^3.1.7",
     "@xylabs/react-shared": "^3.1.7",
-    "@xyo-network/payload-model": "^2.107.0",
+    "@xyo-network/payload-model": "^2.107.6",
     "react-router-dom": "^6.24.0"
   },
   "peerDependencies": {
@@ -26,8 +26,8 @@
   },
   "devDependencies": {
     "@storybook/react": "^7.6.20",
-    "@xylabs/ts-scripts-yarn3": "^3.11.8",
-    "@xylabs/tsconfig-react": "^3.11.8",
+    "@xylabs/ts-scripts-yarn3": "^3.11.12",
+    "@xylabs/tsconfig-react": "^3.11.12",
     "typescript": "^5.5.2"
   },
   "peerDependenciesMeta": {
@@ -86,6 +86,6 @@
   },
   "sideEffects": false,
   "types": "dist/browser/index.d.ts",
-  "version": "2.78.0",
+  "version": "2.78.2",
   "type": "module"
 }