@nice-code/action 0.2.12 → 0.2.14

package/build/devtools/server/index.js

@@ -156,10 +156,7 @@ function extractMeta(context) {
 class ActionDevtoolsCore {
   _entries = [];
   _listeners = new Set;
-  _maxEntries;
-  constructor(options = {}) {
-    this._maxEntries = options.maxEntries ?? 100;
-  }
+  constructor(_options = {}) {}
   attachToDomain(domain) {
     return domain.addActionListener((update) => {
       const { runningAction, type, time } = update;
@@ -173,9 +170,11 @@ class ActionDevtoolsCore {
           startTime: time,
           input: runningAction.state?.request?.input,
           progressUpdates: [],
-          meta: extractMeta(runningAction.context)
+          meta: extractMeta(runningAction.context),
+          parentCuid: runningAction.parentCuid,
+          callSite: runningAction.callSite
         };
-        this._entries = [entry, ...this._entries].slice(0, this._maxEntries);
+        this._entries = [entry, ...this._entries];
         this._notify();
       } else if (type === "progress" /* progress */) {
         this._updateEntry(runningAction.cuid, (e) => ({
@@ -195,9 +194,13 @@ class ActionDevtoolsCore {
             return { ...base, status: "success", output: update.response?.result?.output };
           }
           if (finishType === "failed" /* failed */) {
-            return { ...base, status: "failed", error: update.error };
+            const rawError = update.error;
+            const errorStack2 = rawError instanceof Error ? rawError.stack : undefined;
+            return { ...base, status: "failed", error: rawError, errorStack: errorStack2 };
           }
-          return { ...base, status: "aborted", abortReason: update.reason };
+          const abortReason = update.reason;
+          const errorStack = abortReason instanceof Error ? abortReason.stack : undefined;
+          return { ...base, status: "aborted", abortReason, errorStack };
         });
       }
     });

package/build/index.js

@@ -271,6 +271,7 @@ class ActionPayload_Result extends ActionPayload {
 // src/ActionDefinition/Action/Payload/ActionPayload_Request.ts
 class ActionPayload_Request extends ActionPayload {
   input;
+  _callSite;
   constructor(params, input, data) {
     super(params.context, "request" /* request */, data);
     this.input = input;
@@ -310,6 +311,7 @@ class ActionPayload_Request extends ActionPayload {
     return value.waitForResultPayload();
   }
   async run(options) {
+    this._callSite = new Error().stack;
     return this._domain.runAction(this, options);
   }
 }
@@ -396,6 +398,8 @@ class RunningAction {
   _domain;
   domain;
   allDomains;
+  parentCuid;
+  callSite;
   _resultPayloadPromise;
   _resolveResult;
   _rejectResult;
@@ -409,6 +413,8 @@ class RunningAction {
     this.domain = initialState.context.domain;
     this.allDomains = initialState.context.allDomains;
     this._domain = initialState.context._domain;
+    this.parentCuid = initialState.parentCuid;
+    this.callSite = initialState.callSite;
     this._resultPayloadPromise = new Promise((resolve, reject) => {
       this._resolveResult = resolve;
       this._rejectResult = reject;
@@ -1044,6 +1050,18 @@ function getDefaultActionRuntime() {
   return runtimeState.defaultLocalRuntime;
 }
 
+// src/ActionRuntime/HandlerCallStack.ts
+var _stack = [];
+function pushHandlerCuid(cuid) {
+  _stack.push(cuid);
+}
+function popHandlerCuid() {
+  _stack.pop();
+}
+function peekHandlerCuid() {
+  return _stack[_stack.length - 1];
+}
+
 // src/ActionRuntime/Handler/ActionHandler.ts
 import { nanoid as nanoid3 } from "nanoid";
 
@@ -1093,7 +1111,12 @@ class ActionLocalHandler extends ActionHandler {
       handler: this.toHandlerRouteItem(),
       time: Date.now()
     });
-    const runningAction = new RunningAction({ context: action.context, request: action });
+    const runningAction = new RunningAction({
+      context: action.context,
+      request: action,
+      parentCuid: peekHandlerCuid(),
+      callSite: action._callSite ?? new Error().stack
+    });
     this._handleRunningAction(handler, runningAction).catch((err2) => runningAction._abort(err2));
     return runningAction;
   }
@@ -1102,17 +1125,22 @@ class ActionLocalHandler extends ActionHandler {
     if (state.result != null) {
       return;
     }
-    const rawResult = await handler(state.request);
-    let result;
-    if (rawResult instanceof ActionPayload_Result) {
-      result = rawResult;
-    } else if (rawResult != null && isActionPayload_Result_JsonObject(rawResult)) {
-      const domain = this.actionRouter.domainManager.getActionDomainOrThrow(state.request);
-      result = domain.hydrateResultPayload(rawResult);
-    } else {
-      result = state.request.successResult(rawResult);
+    pushHandlerCuid(runningAction.cuid);
+    try {
+      const rawResult = await handler(state.request);
+      let result;
+      if (rawResult instanceof ActionPayload_Result) {
+        result = rawResult;
+      } else if (rawResult != null && isActionPayload_Result_JsonObject(rawResult)) {
+        const domain = this.actionRouter.domainManager.getActionDomainOrThrow(state.request);
+        result = domain.hydrateResultPayload(rawResult);
+      } else {
+        result = state.request.successResult(rawResult);
+      }
+      runningAction._completeWithResult(result);
+    } finally {
+      popHandlerCuid();
     }
-    runningAction._completeWithResult(result);
   }
   async handlePayloadWireOrThrow(wire, config) {
     const hydratedAction = this.actionRouter.domainManager.hydrateActionPayload(wire);
@@ -2179,6 +2207,8 @@ class ActionExternalClientHandler extends ActionHandler {
     const localRuntime = config?.targetLocalRuntime ?? ActionRuntime.getDefault();
     const localClient = localRuntime.coordinate;
     const incomingTimeout = config?.timeout ?? this._defaultTimeout;
+    const parentCuid = peekHandlerCuid();
+    const callSite = action._callSite ?? new Error().stack;
     const { methods, transport } = await this.transportManager.getReadyTransport({
       action,
       localClient,
@@ -2189,7 +2219,7 @@ class ActionExternalClientHandler extends ActionHandler {
       handler: this.toHandlerRouteItem(transport),
       time: Date.now()
     });
-    const runningAction = new RunningAction({ context: action.context, request: action });
+    const runningAction = new RunningAction({ context: action.context, request: action, parentCuid, callSite });
     localRuntime.registerRunningAction(runningAction);
     const routeActionParams = {
       action,

package/build/types/ActionDefinition/Action/Payload/ActionPayload_Request.d.ts

@@ -10,6 +10,7 @@ import { ActionPayload_Progress } from "./ActionPayload_Progress";
 import { ActionPayload_Result } from "./ActionPayload_Result";
 export declare class ActionPayload_Request<DOM extends IActionDomain, ID extends keyof DOM["actionSchema"] & string = keyof DOM["actionSchema"] & string> extends ActionPayload<EActionPayloadType.request, DOM, ID> {
     readonly input: TInferInputFromSchema<DOM["actionSchema"][ID]>["Input"];
+    _callSite?: string;
     constructor(params: {
         context: ActionContext<DOM, ID>;
     }, input: TInferInputFromSchema<DOM["actionSchema"][ID]>["Input"], data: IActionPayload_Data_Base);

package/build/types/ActionDefinition/Action/RunningAction.d.ts

@@ -13,6 +13,8 @@ export declare class RunningAction<DOM extends IActionDomain, ID extends keyof D
     readonly _domain: ActionDomain<DOM>;
     readonly domain: DOM["domain"];
     readonly allDomains: DOM["allDomains"];
+    readonly parentCuid?: string;
+    readonly callSite?: string;
     private readonly _resultPayloadPromise;
     private _resolveResult;
     private _rejectResult;

package/build/types/ActionDefinition/Action/RunningAction.types.d.ts

@@ -20,6 +20,8 @@ export interface IRunningActionState_ConstructorParams<DOM extends IActionDomain
     request: ActionPayload_Request<DOM, ID>;
     progress?: ActionPayload_Progress<DOM, ID>[];
     result?: ActionPayload_Result<DOM, ID>;
+    parentCuid?: string;
+    callSite?: string;
 }
 export declare enum ERunningActionUpdateType {
     started = "started",

package/build/types/ActionRuntime/HandlerCallStack.d.ts

@@ -0,0 +1,3 @@
+export declare function pushHandlerCuid(cuid: string): void;
+export declare function popHandlerCuid(): void;
+export declare function peekHandlerCuid(): string | undefined;

package/build/types/devtools/browser/components/ActionDetailPanel.d.ts

@@ -0,0 +1,7 @@
+import type { IDevtoolsActionEntry } from "../../core/ActionDevtools.types";
+export declare function ActionDetailPanel({ entry, parent, childEntries, onSelectEntry, }: {
+    entry: IDevtoolsActionEntry;
+    parent: IDevtoolsActionEntry | null;
+    childEntries: IDevtoolsActionEntry[];
+    onSelectEntry: (cuid: string) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/build/types/devtools/browser/components/ActionEntryRow.d.ts

@@ -0,0 +1,11 @@
+import type { IDevtoolsActionEntry } from "../../core/ActionDevtools.types";
+export declare function ActionEntryRow({ entry, isSelected, onClick, groupCount, isSubEntry, isLatest, latestTime, childExternalLabels, }: {
+    entry: IDevtoolsActionEntry;
+    isSelected: boolean;
+    onClick: () => void;
+    groupCount?: number;
+    isSubEntry?: boolean;
+    isLatest?: boolean;
+    latestTime?: number;
+    childExternalLabels?: string[];
+}): import("react/jsx-runtime").JSX.Element;

package/build/types/devtools/browser/components/CallStackSection.d.ts

@@ -0,0 +1,8 @@
+import type { IDevtoolsActionEntry } from "../../core/ActionDevtools.types";
+export declare function CallStackSection({ parent, childEntries, focusedChildCuid, onFocusChild, onSelectParent, }: {
+    parent: IDevtoolsActionEntry | null;
+    childEntries: IDevtoolsActionEntry[];
+    focusedChildCuid: string | null;
+    onFocusChild: (cuid: string) => void;
+    onSelectParent: (cuid: string) => void;
+}): import("react/jsx-runtime").JSX.Element | null;

package/build/types/devtools/browser/components/ChildDispatchChips.d.ts

@@ -0,0 +1,4 @@
+export declare function ChildDispatchChips({ labels, size, }: {
+    labels?: string[];
+    size?: "sm" | "md";
+}): import("react/jsx-runtime").JSX.Element | null;

package/build/types/devtools/browser/components/Chip.d.ts

@@ -0,0 +1,11 @@
+import type { CSSProperties, ReactNode } from "react";
+interface IChipProps {
+    color: string;
+    borderColor: string;
+    fontSize?: string;
+    padding?: string;
+    children: ReactNode;
+    style?: CSSProperties;
+}
+export declare function Chip({ color, borderColor, fontSize, padding, children, style, }: IChipProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/build/types/devtools/browser/components/DetailSection.d.ts

@@ -0,0 +1,5 @@
+export declare function DetailSection({ label, value, color, }: {
+    label: string;
+    value: unknown;
+    color?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/build/types/devtools/browser/components/DomainChip.d.ts

@@ -0,0 +1,15 @@
+export interface IDomainTooltipCtx {
+    show: (rect: DOMRect, allDomains: string[]) => void;
+    hide: () => void;
+}
+export declare const DomainTooltipCtx: import("react").Context<IDomainTooltipCtx | null>;
+export declare function DomainHierarchyTooltip({ allDomains, anchor, }: {
+    allDomains: string[];
+    anchor: DOMRect;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DomainChip({ subtle, domain, allDomains, size, }: {
+    subtle?: boolean;
+    domain: string;
+    allDomains?: string[];
+    size: "sm" | "md";
+}): import("react/jsx-runtime").JSX.Element;

package/build/types/devtools/browser/components/HandlerChips.d.ts

@@ -0,0 +1,8 @@
+import type { IDevtoolsActionEntry, IDevtoolsRouteItem } from "../../core/ActionDevtools.types";
+export declare function getExternalLabel(hop: IDevtoolsRouteItem): string | null;
+interface IHandlerChipsProps {
+    entry: IDevtoolsActionEntry;
+    size: "sm" | "md";
+}
+export declare function HandlerChips({ entry, size }: IHandlerChipsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/build/types/devtools/browser/components/MetaSection.d.ts

@@ -0,0 +1,4 @@
+import type { IDevtoolsActionEntry } from "../../core/ActionDevtools.types";
+export declare function MetaSection({ entry }: {
+    entry: IDevtoolsActionEntry;
+}): import("react/jsx-runtime").JSX.Element;

package/build/types/devtools/browser/components/PanelChrome.d.ts

@@ -0,0 +1,14 @@
+import type { TDevtoolsPosition } from "../../core/ActionDevtools.types";
+export type TDockSide = "top" | "bottom" | "left" | "right";
+export declare function getDockSide(pos: TDevtoolsPosition): TDockSide | null;
+export declare function PanelHeader({ position, onPositionChange, onClose, onClear, }: {
+    position: TDevtoolsPosition;
+    onPositionChange: (p: TDevtoolsPosition) => void;
+    onClose: () => void;
+    onClear?: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ResizeHandle({ dockSide, dockedSize, onChange, }: {
+    dockSide: TDockSide;
+    dockedSize: number;
+    onChange: (size: number) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/build/types/devtools/browser/components/RoutingSection.d.ts

@@ -0,0 +1,5 @@
+import type { IDevtoolsActionEntry } from "../../core/ActionDevtools.types";
+export declare function RoutingSection({ entry, minHopCount, }: {
+    entry: IDevtoolsActionEntry;
+    minHopCount?: number;
+}): import("react/jsx-runtime").JSX.Element | null;

package/build/types/devtools/browser/components/RunningTimer.d.ts

@@ -0,0 +1,7 @@
+import type { IDevtoolsActionEntry } from "../../core/ActionDevtools.types";
+export declare function RunningTimer({ startTime }: {
+    startTime: number;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DurationDisplay({ entry }: {
+    entry: IDevtoolsActionEntry;
+}): import("react/jsx-runtime").JSX.Element;

package/build/types/devtools/browser/components/SectionLabel.d.ts

@@ -0,0 +1,4 @@
+export declare function SectionLabel({ label, color }: {
+    label: string;
+    color?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/build/types/devtools/browser/components/StackTraceSection.d.ts

@@ -0,0 +1,5 @@
+export declare function StackTraceSection({ label, stack, color, }: {
+    label: string;
+    stack: string | undefined;
+    color?: string;
+}): import("react/jsx-runtime").JSX.Element | null;

package/build/types/devtools/browser/components/utils.d.ts

@@ -0,0 +1,7 @@
+import type { IDevtoolsActionEntry, TDevtoolsActionStatus } from "../../core/ActionDevtools.types";
+export declare const STATUS_COLOR: Record<TDevtoolsActionStatus, string>;
+export declare const STATUS_SYMBOL: Record<TDevtoolsActionStatus, string>;
+export declare function safeStringify(value: unknown, indent?: number): string;
+export declare function formatRelativeAge(ms: number): string;
+export declare function formatDuration(entry: IDevtoolsActionEntry): string | null;
+export declare function formatTimestamp(startTime: number): string;

package/build/types/devtools/core/ActionDevtools.types.d.ts

@@ -39,6 +39,9 @@ export interface IDevtoolsActionEntry {
     abortReason?: unknown;
     progressUpdates: TActionProgress[];
     meta: IDevtoolsActionMeta;
+    parentCuid?: string;
+    callSite?: string;
+    errorStack?: string;
 }
 export type TDevtoolsListener = (entries: readonly IDevtoolsActionEntry[]) => void;
 export interface IDevtoolsObservableDomain {

package/build/types/devtools/core/ActionDevtoolsCore.d.ts

@@ -1,12 +1,10 @@
 import type { IDevtoolsActionEntry, IDevtoolsObservableDomain, TDevtoolsListener } from "./ActionDevtools.types";
 export interface IActionDevtoolsCoreOptions {
-    maxEntries?: number;
 }
 export declare class ActionDevtoolsCore {
     private _entries;
     private _listeners;
-    private readonly _maxEntries;
-    constructor(options?: IActionDevtoolsCoreOptions);
+    constructor(_options?: IActionDevtoolsCoreOptions);
     attachToDomain(domain: IDevtoolsObservableDomain): () => void;
     getEntries(): readonly IDevtoolsActionEntry[];
     subscribe(listener: TDevtoolsListener): () => void;

package/build/types/devtools/core/devtools_colors.d.ts

@@ -0,0 +1,4 @@
+export declare const DEVTOOL_COLOR_HANDLER_LOCAL_TEXT = "#34bb89";
+export declare const DEVTOOL_COLOR_HANDLER_LOCAL_BORDER = "#144427";
+export declare const DEVTOOL_COLOR_HANDLER_EXTERNAL_TEXT = "#cfa12a";
+export declare const DEVTOOL_COLOR_HANDLER_EXTERNAL_BORDER = "#723917";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nice-code/action",
-  "version": "0.2.12",
+  "version": "0.2.14",
   "private": false,
   "type": "module",
   "exports": {
@@ -44,8 +44,8 @@
     "build-types": "tsc --project tsconfig.build.json"
   },
   "dependencies": {
-    "@nice-code/common-errors": "0.2.12",
-    "@nice-code/error": "0.2.12",
+    "@nice-code/common-errors": "0.2.14",
+    "@nice-code/error": "0.2.14",
     "@standard-schema/spec": "^1.1.0",
     "@tanstack/react-virtual": "^3.13.26",
     "http-status-codes": "^2.3.0",