@pushwoosh/spa-context 3.5.0 → 3.6.1

package/RemoteComponent.d.ts

@@ -1,4 +1,6 @@
 import { type FormEvent, type ReactNode } from 'react';
+/** `load`: a failed import or a missing or non-component export; `render`: an error the boundary caught. */
+export type RemoteErrorPhase = 'load' | 'render';
 export type RemoteComponentProps = {
     /** Import-map name of the module. */
     module: string;
@@ -8,8 +10,8 @@ export type RemoteComponentProps = {
     fallback?: ReactNode;
     /** Rendered when the component throws while rendering. */
     errorFallback?: ReactNode;
-    /** A failed import, a missing or non-component export, or a render error. */
-    onError?: (error: Error) => void;
+    /** A failed import, a missing or non-component export (`load`), or a render error (`render`). */
+    onError?: (error: Error, phase: RemoteErrorPhase) => void;
     /** The component has rendered. */
     onReady?: () => void;
     [prop: string]: unknown;

package/RemoteComponent.js

@@ -32,7 +32,7 @@ export const RemoteComponent = ({
   useEffect(() => {
     if (state.status !== 'failed') return;
     console.error(state.error);
-    onError?.(state.error);
+    onError?.(state.error, 'load');
   }, [state]); // eslint-disable-line react-hooks/exhaustive-deps
   let content = null;
   if (state.status === 'loading') content = fallback;
@@ -41,7 +41,7 @@ export const RemoteComponent = ({
       key: `${module}\n${component}`,
       module,
       fallback: errorFallback,
-      onError: error => onError?.(error)
+      onError: error => onError?.(error, 'render')
     }, createElement(SPAContext, {
       value: spaContext
     }, createElement(state.Component, {

package/index.d.ts

@@ -1,7 +1,7 @@
 import { stateOfVersion } from './approvals';
 import type { ApprovalState, DecidedRequest, VersionState } from './approvals';
 import { loadModule } from './loadModule';
-import { RemoteComponent, type RemoteComponentProps } from './RemoteComponent';
+import { RemoteComponent, type RemoteComponentProps, type RemoteErrorPhase } from './RemoteComponent';
 import { SimpleEventEmitter } from './SimpleEventEmitter';
 import type { Environment, SPAContextType } from './types';
 import { UniversalKeyValueStore } from './UniversalKeyValueStore';
@@ -10,6 +10,6 @@ import { useMemoryKey, useMemoryKeySlim } from './useMemoryKey';
 import { type RemoteComponentState, useRemoteComponent } from './useRemoteComponent';
 import { useSession } from './useSession';
 import { useSPAContext } from './useSPAContext';
-export type { Environment, SPAContextType, ApprovalState, DecidedRequest, VersionState, RemoteComponentProps, RemoteComponentState, };
+export type { Environment, SPAContextType, ApprovalState, DecidedRequest, VersionState, RemoteComponentProps, RemoteComponentState, RemoteErrorPhase, };
 export { useSPAContext, useSession, useEventValue, useMemoryKey, useMemoryKeySlim, SimpleEventEmitter, UniversalKeyValueStore, stateOfVersion, RemoteComponent, useRemoteComponent, loadModule, };
 export declare const SPAContextProvider: import("react").Provider<SPAContextType | undefined>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/spa-context",
-  "version": "3.5.0",
+  "version": "3.6.1",
   "description": "React context giving every micro-frontend its HTTP/RPC clients, session store, routing, event bus and key-value storage",
   "repository": {
     "type": "git",
@@ -28,9 +28,9 @@
     "idb-keyval": "^6.2.2"
   },
   "devDependencies": {
-    "@pushwoosh/http-client": "^2.12.0",
+    "@pushwoosh/http-client": "^2.13.1",
     "@pushwoosh/rpc-v2-http-api-data": "^0.2.534",
-    "@pushwoosh/session-store": "^2.14.0",
+    "@pushwoosh/session-store": "^2.15.1",
     "@types/history": "^4.7.11",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",