@principal-ai/subsystems-react 0.21.0 → 0.22.0

package/dist/components/state-view/PipelineView.d.ts

@@ -1,14 +0,0 @@
-/**
- * PipelineView Component
- *
- * A state-driven visualization showing data flowing through pipeline stages.
- * Demonstrates the state view pattern with animations.
- */
-import React from 'react';
-import type { PipelineEvent, EventSource } from './types';
-export interface PipelineViewProps {
-    eventSource: EventSource<PipelineEvent>;
-    title?: string;
-}
-export declare function PipelineView({ eventSource, title }: PipelineViewProps): React.JSX.Element;
-//# sourceMappingURL=PipelineView.d.ts.map

package/dist/components/state-view/PipelineView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PipelineView.d.ts","sourceRoot":"","sources":["../../../src/components/state-view/PipelineView.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAEV,aAAa,EAEb,WAAW,EAEZ,MAAM,SAAS,CAAC;AAmLjB,MAAM,WAAW,iBAAiB;IAChC,WAAW,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,YAAY,CAAC,EAAE,WAAW,EAAE,KAAuB,EAAE,EAAE,iBAAiB,qBAoJvF"}

package/dist/components/state-view/PipelineView.js

@@ -1,195 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useStateView } from './useStateView';
-// =============================================================================
-// Reducer
-// =============================================================================
-const initialPipelineState = {
-    stages: {
-        disk: { id: 'disk', label: 'Disk', lastEventTime: null, isActive: false },
-        watch: { id: 'watch', label: 'Watch', lastEventTime: null, isActive: false },
-        cache: { id: 'cache', label: 'Cache', lastEventTime: null, isActive: false, count: 0 },
-        event: { id: 'event', label: 'Events', lastEventTime: null, isActive: false, count: 0 },
-    },
-    repos: new Map(),
-    totalEvents: 0,
-};
-function pipelineReducer(state, event) {
-    const now = event.timestamp;
-    switch (event.type) {
-        case 'FS_CHANGE':
-            return {
-                ...state,
-                stages: {
-                    ...state.stages,
-                    disk: { ...state.stages.disk, lastEventTime: now, isActive: true },
-                },
-                totalEvents: state.totalEvents + 1,
-            };
-        case 'WATCH_DETECTED':
-            return {
-                ...state,
-                stages: {
-                    ...state.stages,
-                    watch: { ...state.stages.watch, lastEventTime: now, isActive: true },
-                },
-            };
-        case 'CACHE_REBUILD':
-        case 'CACHE_HIT': {
-            const newRepos = new Map(state.repos);
-            if (event.payload.repo) {
-                newRepos.set(event.payload.repo, {
-                    path: event.payload.repo,
-                    lastEventTime: now,
-                    lastEventType: event.type,
-                });
-            }
-            return {
-                ...state,
-                stages: {
-                    ...state.stages,
-                    cache: {
-                        ...state.stages.cache,
-                        lastEventTime: now,
-                        isActive: true,
-                        count: (state.stages.cache.count ?? 0) + 1,
-                    },
-                },
-                repos: newRepos,
-            };
-        }
-        case 'EVENT_BROADCAST':
-            return {
-                ...state,
-                stages: {
-                    ...state.stages,
-                    event: {
-                        ...state.stages.event,
-                        lastEventTime: now,
-                        isActive: true,
-                        count: (state.stages.event.count ?? 0) + 1,
-                    },
-                },
-            };
-        default:
-            return state;
-    }
-}
-// =============================================================================
-// Transitions
-// =============================================================================
-const pipelineTransitions = [
-    { watch: 'stages.disk.lastEventTime', condition: 'changed', animate: 'pulse', target: 'stage-disk' },
-    { watch: 'stages.watch.lastEventTime', condition: 'changed', animate: 'pulse', target: 'stage-watch' },
-    { watch: 'stages.cache.lastEventTime', condition: 'changed', animate: 'pulse', target: 'stage-cache' },
-    { watch: 'stages.event.lastEventTime', condition: 'changed', animate: 'pulse', target: 'stage-event' },
-    { watch: 'stages.event.count', condition: 'increased', animate: 'particle-flow', target: 'flow-cache-event' },
-];
-function StageBox({ stage, isAnimating }) {
-    const baseStyle = {
-        display: 'flex',
-        flexDirection: 'column',
-        alignItems: 'center',
-        justifyContent: 'center',
-        width: 100,
-        height: 80,
-        borderRadius: 8,
-        backgroundColor: stage.isActive ? '#3b82f6' : '#374151',
-        color: 'white',
-        fontFamily: 'system-ui, sans-serif',
-        transition: 'all 0.3s ease',
-        boxShadow: isAnimating ? '0 0 20px rgba(59, 130, 246, 0.8)' : 'none',
-        transform: isAnimating ? 'scale(1.05)' : 'scale(1)',
-    };
-    return (_jsxs("div", { id: `stage-${stage.id}`, style: baseStyle, children: [_jsx("div", { style: { fontWeight: 'bold', fontSize: 14 }, children: stage.label }), stage.count !== undefined && (_jsx("div", { style: { fontSize: 20, fontWeight: 'bold' }, children: stage.count })), stage.lastEventTime && (_jsx("div", { style: { fontSize: 10, opacity: 0.7 }, children: formatTimeAgo(stage.lastEventTime) }))] }));
-}
-function FlowArrow({ id, isAnimating }) {
-    const style = {
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        width: 60,
-        height: 40,
-        color: isAnimating ? '#3b82f6' : '#6b7280',
-        fontSize: 24,
-        transition: 'color 0.3s ease',
-    };
-    return (_jsx("div", { id: id, style: style, children: isAnimating ? (_jsx("span", { style: { animation: 'pulse 0.5s ease-in-out' }, children: "\u2192\u2192\u2192" })) : ('→') }));
-}
-function formatTimeAgo(timestamp) {
-    const seconds = Math.floor((Date.now() - timestamp) / 1000);
-    if (seconds < 60)
-        return `${seconds}s ago`;
-    const minutes = Math.floor(seconds / 60);
-    if (minutes < 60)
-        return `${minutes}m ago`;
-    const hours = Math.floor(minutes / 60);
-    return `${hours}h ago`;
-}
-export function PipelineView({ eventSource, title = 'Pipeline View' }) {
-    const { state, animations, isReplay, reset } = useStateView({
-        initialState: initialPipelineState,
-        reducer: pipelineReducer,
-        eventSource,
-        transitions: pipelineTransitions,
-    });
-    const isStageAnimating = (stageId) => animations.some((a) => a.target === `stage-${stageId}`);
-    const isFlowAnimating = (flowId) => animations.some((a) => a.target === flowId);
-    const containerStyle = {
-        fontFamily: 'system-ui, sans-serif',
-        backgroundColor: '#1f2937',
-        color: 'white',
-        padding: 24,
-        borderRadius: 12,
-        minWidth: 600,
-    };
-    const headerStyle = {
-        display: 'flex',
-        justifyContent: 'space-between',
-        alignItems: 'center',
-        marginBottom: 24,
-    };
-    const pipelineStyle = {
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        gap: 8,
-        marginBottom: 24,
-    };
-    const statsStyle = {
-        display: 'flex',
-        gap: 24,
-        justifyContent: 'center',
-        padding: '16px 0',
-        borderTop: '1px solid #374151',
-    };
-    const statBoxStyle = {
-        textAlign: 'center',
-    };
-    const repoListStyle = {
-        marginTop: 16,
-        padding: 16,
-        backgroundColor: '#111827',
-        borderRadius: 8,
-        maxHeight: 200,
-        overflowY: 'auto',
-    };
-    return (_jsxs("div", { style: containerStyle, children: [_jsxs("div", { style: headerStyle, children: [_jsx("h2", { style: { margin: 0 }, children: title }), _jsxs("div", { style: { display: 'flex', gap: 8, alignItems: 'center' }, children: [isReplay && (_jsx("span", { style: { fontSize: 12, color: '#f59e0b' }, children: "REPLAY" })), _jsx("button", { onClick: reset, style: {
-                                    padding: '4px 12px',
-                                    borderRadius: 4,
-                                    border: 'none',
-                                    backgroundColor: '#374151',
-                                    color: 'white',
-                                    cursor: 'pointer',
-                                }, children: "Reset" })] })] }), _jsxs("div", { style: pipelineStyle, children: [_jsx(StageBox, { stage: state.stages.disk, isAnimating: isStageAnimating('disk') }), _jsx(FlowArrow, { id: "flow-disk-watch", isAnimating: isFlowAnimating('flow-disk-watch') }), _jsx(StageBox, { stage: state.stages.watch, isAnimating: isStageAnimating('watch') }), _jsx(FlowArrow, { id: "flow-watch-cache", isAnimating: isFlowAnimating('flow-watch-cache') }), _jsx(StageBox, { stage: state.stages.cache, isAnimating: isStageAnimating('cache') }), _jsx(FlowArrow, { id: "flow-cache-event", isAnimating: isFlowAnimating('flow-cache-event') }), _jsx(StageBox, { stage: state.stages.event, isAnimating: isStageAnimating('event') })] }), _jsxs("div", { style: statsStyle, children: [_jsxs("div", { style: statBoxStyle, children: [_jsx("div", { style: { fontSize: 24, fontWeight: 'bold' }, children: state.repos.size }), _jsx("div", { style: { fontSize: 12, color: '#9ca3af' }, children: "Repos" })] }), _jsxs("div", { style: statBoxStyle, children: [_jsx("div", { style: { fontSize: 24, fontWeight: 'bold' }, children: state.stages.cache.count }), _jsx("div", { style: { fontSize: 12, color: '#9ca3af' }, children: "Cache Ops" })] }), _jsxs("div", { style: statBoxStyle, children: [_jsx("div", { style: { fontSize: 24, fontWeight: 'bold' }, children: state.stages.event.count }), _jsx("div", { style: { fontSize: 12, color: '#9ca3af' }, children: "Events" })] }), _jsxs("div", { style: statBoxStyle, children: [_jsx("div", { style: { fontSize: 24, fontWeight: 'bold' }, children: state.totalEvents }), _jsx("div", { style: { fontSize: 12, color: '#9ca3af' }, children: "Total" })] })] }), state.repos.size > 0 && (_jsxs("div", { style: repoListStyle, children: [_jsx("div", { style: { fontSize: 12, color: '#9ca3af', marginBottom: 8 }, children: "Active Repositories" }), Array.from(state.repos.values()).map((repo) => (_jsxs("div", { style: {
-                            display: 'flex',
-                            justifyContent: 'space-between',
-                            padding: '4px 0',
-                            borderBottom: '1px solid #374151',
-                        }, children: [_jsx("span", { style: { fontSize: 13 }, children: repo.path }), _jsxs("span", { style: { fontSize: 11, color: '#9ca3af' }, children: [repo.lastEventType, " - ", formatTimeAgo(repo.lastEventTime)] })] }, repo.path)))] })), _jsx("style", { children: `
-        @keyframes pulse {
-          0%, 100% { opacity: 1; }
-          50% { opacity: 0.5; }
-        }
-      ` })] }));
-}
-//# sourceMappingURL=PipelineView.js.map

package/dist/components/state-view/PipelineView.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PipelineView.js","sourceRoot":"","sources":["../../../src/components/state-view/PipelineView.tsx"],"names":[],"mappings":"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"}

package/dist/components/state-view/index.d.ts

@@ -1,14 +0,0 @@
-/**
- * State View Components
- *
- * A pattern for state-driven visualizations where:
- * - Telemetry events are processed into state changes
- * - State has a defined shape
- * - State changes trigger animations/transitions
- */
-export * from './types';
-export { useStateView } from './useStateView';
-export type { UseStateViewOptions, UseStateViewResult } from './useStateView';
-export { PipelineView } from './PipelineView';
-export type { PipelineViewProps } from './PipelineView';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/state-view/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/state-view/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/state-view/index.js

@@ -1,12 +0,0 @@
-/**
- * State View Components
- *
- * A pattern for state-driven visualizations where:
- * - Telemetry events are processed into state changes
- * - State has a defined shape
- * - State changes trigger animations/transitions
- */
-export * from './types';
-export { useStateView } from './useStateView';
-export { PipelineView } from './PipelineView';
-//# sourceMappingURL=index.js.map

package/dist/components/state-view/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/state-view/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/state-view/types.d.ts

@@ -1,188 +0,0 @@
-/**
- * State View Types
- *
- * A state-based visualization system where:
- * - Telemetry events are processed into state changes
- * - State has a defined shape
- * - State changes trigger animations/transitions
- */
-/**
- * A state event extracted from telemetry (OTEL spans, etc.)
- */
-export interface StateEvent<TPayload = Record<string, unknown>> {
-    /** Event type identifier */
-    type: string;
-    /** When this event occurred */
-    timestamp: number;
-    /** Event-specific data */
-    payload: TPayload;
-    /** Optional trace correlation */
-    traceId?: string;
-    spanId?: string;
-}
-/**
- * Source of events - can be live (IPC/WebSocket) or replay (from storage)
- */
-export interface EventSource<TEvent extends StateEvent = StateEvent> {
-    /** Subscribe to events, returns unsubscribe function */
-    subscribe(handler: (event: TEvent) => void): () => void;
-    /** Optional: current mode */
-    mode?: 'live' | 'replay';
-}
-/**
- * A reducer that applies events to state
- */
-export type StateReducer<TState, TEvent extends StateEvent> = (state: TState, event: TEvent) => TState;
-/**
- * Describes what changed between two states (for animations)
- */
-export interface StateDiff<TState> {
-    /** Previous state */
-    prev: TState;
-    /** New state */
-    next: TState;
-    /** Which paths changed (dot notation) */
-    changedPaths: string[];
-    /** The event that caused this change */
-    event: StateEvent;
-}
-export type AnimationType = 'pulse' | 'glow' | 'flash' | 'shake' | 'slide-in' | 'slide-out' | 'fade-in' | 'fade-out' | 'particle-flow' | 'increment' | 'decrement' | 'bar-change';
-export interface TransitionDefinition {
-    /** Condition: which state path to watch */
-    watch: string;
-    /** Condition type */
-    condition: 'changed' | 'increased' | 'decreased' | 'added' | 'removed';
-    /** Animation to trigger */
-    animate: AnimationType;
-    /** Target element (CSS selector or element ID) */
-    target?: string;
-    /** Duration in ms */
-    duration?: number;
-    /** Additional params */
-    params?: Record<string, unknown>;
-}
-export interface ActiveAnimation {
-    id: string;
-    type: AnimationType;
-    target: string;
-    startTime: number;
-    duration: number;
-    params?: Record<string, unknown>;
-}
-export interface ReplayControls {
-    /** Current playback state */
-    state: 'playing' | 'paused' | 'stopped';
-    /** Playback speed multiplier */
-    speed: number;
-    /** Current replay time (event time, not wall time) */
-    currentTime: number;
-    /** Start of replay range */
-    startTime: number;
-    /** End of replay range */
-    endTime: number;
-    /** Control methods */
-    play: () => void;
-    pause: () => void;
-    stop: () => void;
-    seek: (time: number) => void;
-    setSpeed: (speed: number) => void;
-}
-export interface PipelineStage {
-    id: string;
-    label: string;
-    lastEventTime: number | null;
-    isActive: boolean;
-    count?: number;
-}
-export interface PipelineRepoState {
-    path: string;
-    lastEventTime: number;
-    lastEventType: string;
-}
-export interface PipelineState {
-    stages: Record<string, PipelineStage>;
-    repos: Map<string, PipelineRepoState>;
-    totalEvents: number;
-}
-export type PipelineEventType = 'FS_CHANGE' | 'WATCH_DETECTED' | 'CACHE_REBUILD' | 'CACHE_HIT' | 'EVENT_BROADCAST';
-export interface PipelineEvent extends StateEvent {
-    type: PipelineEventType;
-    payload: {
-        repo?: string;
-        stage?: string;
-        slice?: string;
-        eventType?: string;
-    };
-}
-export interface RoomState {
-    id: string;
-    userCount: number;
-    users: Set<string>;
-}
-export interface ActivityState {
-    rooms: Map<string, RoomState>;
-    totalUsers: number;
-    syncRatePerMinute: number;
-    recentSyncs: number[];
-}
-export type ActivityEventType = 'ROOM_JOIN' | 'ROOM_LEAVE' | 'SYNC_BROADCAST';
-export interface ActivityEvent extends StateEvent {
-    type: ActivityEventType;
-    payload: {
-        roomId?: string;
-        userId?: string;
-        userLogin?: string;
-        syncType?: string;
-    };
-}
-export interface UserQuotaState {
-    userId: number;
-    userLogin: string;
-    remaining: number;
-    limit: number;
-    resetTime: number;
-    callsThisHour: number;
-    cacheHits: number;
-    byOperation: Map<string, {
-        total: number;
-        apiCalls: number;
-    }>;
-    byRepo: Map<string, {
-        total: number;
-        apiCalls: number;
-    }>;
-}
-export interface QuotaDistributionState {
-    users: Map<number, UserQuotaState>;
-    serverRemaining: number;
-    serverResetTime: number;
-}
-export type QuotaEventType = 'GITHUB_REQUEST';
-export interface QuotaEvent extends StateEvent {
-    type: QuotaEventType;
-    payload: {
-        userId?: number;
-        userLogin?: string;
-        tokenType: 'user' | 'server';
-        operation: string;
-        repoOwner?: string;
-        repoName?: string;
-        cacheHit: boolean;
-        cacheTier?: string;
-        ratelimitRemaining?: number;
-        ratelimitLimit?: number;
-        ratelimitReset?: number;
-    };
-}
-export interface StateViewDefinition<TState, TEvent extends StateEvent> {
-    id: string;
-    name: string;
-    description?: string;
-    /** Initial state */
-    initialState: TState;
-    /** Reducer function or reference */
-    reducer: StateReducer<TState, TEvent>;
-    /** Transition definitions for animations */
-    transitions?: TransitionDefinition[];
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/components/state-view/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/state-view/types.ts"],"names":[],"mappings":"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"}

package/dist/components/state-view/types.js

@@ -1,10 +0,0 @@
-/**
- * State View Types
- *
- * A state-based visualization system where:
- * - Telemetry events are processed into state changes
- * - State has a defined shape
- * - State changes trigger animations/transitions
- */
-export {};
-//# sourceMappingURL=types.js.map

package/dist/components/state-view/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/state-view/types.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG"}

package/dist/components/state-view/useStateView.d.ts

@@ -1,32 +0,0 @@
-/**
- * useStateView Hook
- *
- * Manages state accumulation from events and provides replay controls.
- */
-import type { StateEvent, EventSource, StateReducer, StateDiff, ReplayControls, ActiveAnimation, TransitionDefinition } from './types';
-export interface UseStateViewOptions<TState, TEvent extends StateEvent> {
-    /** Initial state */
-    initialState: TState;
-    /** Reducer to apply events */
-    reducer: StateReducer<TState, TEvent>;
-    /** Event source (live or replay) */
-    eventSource: EventSource<TEvent>;
-    /** Transition definitions for animations */
-    transitions?: TransitionDefinition[];
-    /** Callback when state changes */
-    onStateChange?: (diff: StateDiff<TState>) => void;
-}
-export interface UseStateViewResult<TState> {
-    /** Current state */
-    state: TState;
-    /** Active animations */
-    animations: ActiveAnimation[];
-    /** Whether we're in replay mode */
-    isReplay: boolean;
-    /** Replay controls (if in replay mode) */
-    replayControls?: ReplayControls;
-    /** Reset state to initial */
-    reset: () => void;
-}
-export declare function useStateView<TState, TEvent extends StateEvent>({ initialState, reducer, eventSource, transitions, onStateChange, }: UseStateViewOptions<TState, TEvent>): UseStateViewResult<TState>;
-//# sourceMappingURL=useStateView.d.ts.map

package/dist/components/state-view/useStateView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useStateView.d.ts","sourceRoot":"","sources":["../../../src/components/state-view/useStateView.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EACV,UAAU,EACV,WAAW,EACX,YAAY,EACZ,SAAS,EACT,cAAc,EACd,eAAe,EACf,oBAAoB,EACrB,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,mBAAmB,CAAC,MAAM,EAAE,MAAM,SAAS,UAAU;IACpE,oBAAoB;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,8BAA8B;IAC9B,OAAO,EAAE,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,oCAAoC;IACpC,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACjC,4CAA4C;IAC5C,WAAW,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACrC,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;CACnD;AAED,MAAM,WAAW,kBAAkB,CAAC,MAAM;IACxC,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,UAAU,EAAE,eAAe,EAAE,CAAC;IAC9B,mCAAmC;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,0CAA0C;IAC1C,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,6BAA6B;IAC7B,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AA6ED,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,SAAS,UAAU,EAAE,EAC9D,YAAY,EACZ,OAAO,EACP,WAAW,EACX,WAAgB,EAChB,aAAa,GACd,EAAE,mBAAmB,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAgFlE"}

package/dist/components/state-view/useStateView.js

@@ -1,129 +0,0 @@
-/**
- * useStateView Hook
- *
- * Manages state accumulation from events and provides replay controls.
- */
-import { useState, useEffect, useRef, useCallback } from 'react';
-/**
- * Get changed paths between two objects (shallow comparison)
- */
-function getChangedPaths(prev, next, prefix = '') {
-    const paths = [];
-    if (prev === next)
-        return paths;
-    if (typeof prev !== 'object' ||
-        typeof next !== 'object' ||
-        prev === null ||
-        next === null) {
-        return prefix ? [prefix] : [];
-    }
-    const prevObj = prev;
-    const nextObj = next;
-    const allKeys = new Set([...Object.keys(prevObj), ...Object.keys(nextObj)]);
-    for (const key of allKeys) {
-        const path = prefix ? `${prefix}.${key}` : key;
-        if (prevObj[key] !== nextObj[key]) {
-            paths.push(path);
-        }
-    }
-    return paths;
-}
-/**
- * Check if a transition should fire based on state change
- */
-function shouldTriggerTransition(transition, prev, next, changedPaths) {
-    // Check if the watched path changed
-    if (!changedPaths.some((p) => p.startsWith(transition.watch))) {
-        return false;
-    }
-    const prevValue = getValueAtPath(prev, transition.watch);
-    const nextValue = getValueAtPath(next, transition.watch);
-    switch (transition.condition) {
-        case 'changed':
-            return prevValue !== nextValue;
-        case 'increased':
-            return typeof nextValue === 'number' && typeof prevValue === 'number' && nextValue > prevValue;
-        case 'decreased':
-            return typeof nextValue === 'number' && typeof prevValue === 'number' && nextValue < prevValue;
-        case 'added':
-            return prevValue === undefined && nextValue !== undefined;
-        case 'removed':
-            return prevValue !== undefined && nextValue === undefined;
-        default:
-            return false;
-    }
-}
-function getValueAtPath(obj, path) {
-    const parts = path.split('.');
-    let current = obj;
-    for (const part of parts) {
-        if (current === null || current === undefined)
-            return undefined;
-        current = current[part];
-    }
-    return current;
-}
-export function useStateView({ initialState, reducer, eventSource, transitions = [], onStateChange, }) {
-    const [state, setState] = useState(initialState);
-    const [animations, setAnimations] = useState([]);
-    const prevStateRef = useRef(initialState);
-    const animationIdRef = useRef(0);
-    const triggerAnimation = useCallback((transition, _event) => {
-        const id = `anim-${++animationIdRef.current}`;
-        const duration = transition.duration ?? 500;
-        const animation = {
-            id,
-            type: transition.animate,
-            target: transition.target ?? transition.watch,
-            startTime: Date.now(),
-            duration,
-            params: transition.params,
-        };
-        setAnimations((prev) => [...prev, animation]);
-        // Auto-remove after duration
-        setTimeout(() => {
-            setAnimations((prev) => prev.filter((a) => a.id !== id));
-        }, duration);
-    }, []);
-    const handleEvent = useCallback((event) => {
-        setState((prevState) => {
-            const nextState = reducer(prevState, event);
-            const changedPaths = getChangedPaths(prevState, nextState);
-            // Trigger animations based on transitions
-            for (const transition of transitions) {
-                if (shouldTriggerTransition(transition, prevState, nextState, changedPaths)) {
-                    triggerAnimation(transition, event);
-                }
-            }
-            // Notify listener
-            if (onStateChange && changedPaths.length > 0) {
-                onStateChange({
-                    prev: prevState,
-                    next: nextState,
-                    changedPaths,
-                    event,
-                });
-            }
-            prevStateRef.current = nextState;
-            return nextState;
-        });
-    }, [reducer, transitions, onStateChange, triggerAnimation]);
-    // Subscribe to event source
-    useEffect(() => {
-        const unsubscribe = eventSource.subscribe(handleEvent);
-        return unsubscribe;
-    }, [eventSource, handleEvent]);
-    const reset = useCallback(() => {
-        setState(initialState);
-        setAnimations([]);
-        prevStateRef.current = initialState;
-    }, [initialState]);
-    const isReplay = eventSource.mode === 'replay';
-    return {
-        state,
-        animations,
-        isReplay,
-        reset,
-    };
-}
-//# sourceMappingURL=useStateView.js.map