@plures/praxis 1.1.1 → 1.1.3

package/src/core/reactive-engine.ts

@@ -1,67 +1,320 @@
 /**
  * Praxis Reactive Logic Engine
  * 
- * A Svelte 5 native implementation of the Praxis Logic Engine.
- * Uses Runes ($state, $derived, $effect) for fine-grained reactivity.
+ * A framework-agnostic reactive implementation of the Praxis Logic Engine.
+ * Uses JavaScript Proxies to provide reactivity without Svelte-specific primitives.
+ * 
+ * This implementation provides:
+ * - Proxy-based state tracking for automatic reactivity
+ * - Subscription-based change notifications
+ * - Computed/derived values support
+ * - Compatible API with Svelte-based implementation
  */
 
-console.log("Reactive Engine Loaded");
-
 export interface ReactiveEngineOptions<TContext> {
     initialContext: TContext;
     initialFacts?: any[];
     initialMeta?: Record<string, unknown>;
 }
 
+/**
+ * Callback type for state change subscribers
+ */
+export type StateChangeCallback<TContext> = (state: {
+    context: TContext;
+    facts: any[];
+    meta: Record<string, unknown>;
+}) => void;
+
+/**
+ * Callback type for unsubscribe function
+ */
+export type UnsubscribeFn = () => void;
+
+/**
+ * Framework-agnostic reactive logic engine using JavaScript Proxies
+ */
 export class ReactiveLogicEngine<TContext extends object> {
-    // The single source of truth, reactive by default
-    // We use $state.raw for things that shouldn't be deeply reactive if needed,
-    // but for context we usually want deep reactivity.
-    state = $state<{
-        context: TContext;
-        facts: any[];
-        meta: Record<string, unknown>;
-    }>({
-        context: {} as TContext,
-        facts: [],
-        meta: {}
-    });
+    private _state: { context: TContext; facts: any[]; meta: Record<string, unknown> };
+    private _subscribers = new Set<StateChangeCallback<TContext>>();
+    private _contextProxy: TContext;
+    private _factsProxy: any[];
+    private _metaProxy: Record<string, unknown>;
+    private _batchDepth = 0;
+    private _pendingNotification = false;
+    private _proxyCache = new WeakMap<object, any>();
+    
+    // Array methods that mutate the array
+    private static readonly ARRAY_MUTATORS = ['push', 'pop', 'shift', 'unshift', 'splice', 'sort', 'reverse'];
 
     constructor(options: ReactiveEngineOptions<TContext>) {
-        this.state.context = options.initialContext;
-        this.state.facts = options.initialFacts ?? [];
-        this.state.meta = options.initialMeta ?? {};
+        // Initialize raw state
+        this._state = {
+            context: options.initialContext,
+            facts: options.initialFacts ?? [],
+            meta: options.initialMeta ?? {},
+        };
+
+        // Create reactive proxies
+        this._contextProxy = this._createReactiveProxy(this._state.context);
+        this._factsProxy = this._createReactiveProxy(this._state.facts);
+        this._metaProxy = this._createReactiveProxy(this._state.meta);
     }
 
     /**
-     * Access the reactive context directly.
-     * Consumers can use this in $derived() or $effect().
+     * Create a reactive proxy that notifies subscribers on changes.
+     * Uses a WeakMap cache to avoid creating multiple proxies for the same object.
      */
-    get context() {
-        return this.state.context;
+    private _createReactiveProxy<T extends object>(target: T): T {
+        // Check cache first
+        const cached = this._proxyCache.get(target);
+        if (cached) {
+            return cached;
+        }
+        
+        const self = this;
+        
+        const handler: ProxyHandler<T> = {
+            get(obj, prop) {
+                const value = Reflect.get(obj, prop);
+                
+                // If the value is an object or array, wrap it in a proxy too
+                if (value && typeof value === 'object') {
+                    return self._createReactiveProxy(value);
+                }
+                
+                // Bind array methods to notify on mutations
+                if (Array.isArray(obj) && typeof value === 'function') {
+                    if (ReactiveLogicEngine.ARRAY_MUTATORS.includes(prop as string)) {
+                        return function(...args: any[]) {
+                            const result = (value as Function).apply(obj, args);
+                            self._notify();
+                            return result;
+                        };
+                    }
+                }
+                
+                return value;
+            },
+            set(obj, prop, value) {
+                const oldValue = (obj as any)[prop];
+                const result = Reflect.set(obj, prop, value);
+                
+                // Only notify if value actually changed
+                if (oldValue !== value) {
+                    self._notify();
+                }
+                
+                return result;
+            },
+            deleteProperty(obj, prop) {
+                const result = Reflect.deleteProperty(obj, prop);
+                self._notify();
+                return result;
+            },
+        };
+        
+        const proxy = new Proxy(target, handler);
+        
+        // Cache the proxy
+        this._proxyCache.set(target, proxy);
+        
+        return proxy;
+    }
+
+    /**
+     * Notify all subscribers of state changes
+     */
+    private _notify() {
+        // If we're in a batch, just mark that we need to notify
+        if (this._batchDepth > 0) {
+            this._pendingNotification = true;
+            return;
+        }
+        
+        // Pass proxy versions to subscribers so they can't bypass reactivity
+        const currentState = {
+            context: this._contextProxy,
+            facts: this._factsProxy,
+            meta: this._metaProxy,
+        };
+        
+        this._subscribers.forEach((callback) => {
+            try {
+                callback(currentState);
+            } catch (error) {
+                console.error('Error in reactive engine subscriber:', error);
+            }
+        });
+    }
+
+    /**
+     * Get the full state object
+     */
+    get state() {
+        return {
+            context: this._contextProxy,
+            facts: this._factsProxy,
+            meta: this._metaProxy,
+        };
+    }
+
+    /**
+     * Access the reactive context.
+     * Changes to this object will trigger subscriber notifications.
+     */
+    get context(): TContext {
+        return this._contextProxy;
     }
 
     /**
      * Access the reactive facts list.
+     * Changes to this array will trigger subscriber notifications.
+     */
+    get facts(): any[] {
+        return this._factsProxy;
+    }
+
+    /**
+     * Access the reactive metadata.
+     * Changes to this object will trigger subscriber notifications.
      */
-    get facts() {
-        return this.state.facts;
+    get meta(): Record<string, unknown> {
+        return this._metaProxy;
     }
 
     /**
      * Apply a mutation to the state.
      * This is the "Action" or "Rule" equivalent.
+     * Mutations are batched - notifications only happen once per apply call.
      * 
      * @param mutator A function that receives the state and modifies it.
      */
-    apply(mutator: (state: { context: TContext; facts: any[]; meta: Record<string, unknown> }) => void) {
-        mutator(this.state);
+    apply(mutator: (state: { context: TContext; facts: any[]; meta: Record<string, unknown> }) => void): void {
+        this._batchDepth++;
+        try {
+            mutator({
+                context: this._contextProxy,
+                facts: this._factsProxy,
+                meta: this._metaProxy,
+            });
+        } finally {
+            this._batchDepth--;
+            if (this._batchDepth === 0 && this._pendingNotification) {
+                this._pendingNotification = false;
+                this._notify();
+            }
+        }
     }
 
     /**
-     * Access the reactive meta.
+     * Subscribe to state changes.
+     * Returns an unsubscribe function.
+     * 
+     * @param callback Function to call when state changes
+     * @returns Unsubscribe function
      */
-    get meta() {
-        return this.state.meta;
+    subscribe(callback: StateChangeCallback<TContext>): UnsubscribeFn {
+        this._subscribers.add(callback);
+        
+        // Immediately call with current state (using proxy versions)
+        try {
+            callback({
+                context: this._contextProxy,
+                facts: this._factsProxy,
+                meta: this._metaProxy,
+            });
+        } catch (error) {
+            console.error('Error in reactive engine subscriber:', error);
+        }
+        
+        // Return unsubscribe function
+        return () => {
+            this._subscribers.delete(callback);
+        };
     }
+
+    /**
+     * Create a derived/computed value from the state.
+     * The selector function will be called whenever the state changes.
+     * 
+     * @param selector Function to extract derived value from state
+     * @returns Object with subscribe method for reactive updates
+     */
+    $derived<TDerived>(
+        selector: (state: { context: TContext; facts: any[]; meta: Record<string, unknown> }) => TDerived
+    ): { subscribe: (callback: (value: TDerived) => void) => UnsubscribeFn } {
+        const subscribers = new Set<(value: TDerived) => void>();
+        let currentValue = selector({
+            context: this._contextProxy,
+            facts: this._factsProxy,
+            meta: this._metaProxy,
+        });
+
+        // Subscribe to state changes and recompute derived value
+        this.subscribe(() => {
+            const newValue = selector({
+                context: this._contextProxy,
+                facts: this._factsProxy,
+                meta: this._metaProxy,
+            });
+            
+            // Only notify if value changed
+            if (newValue !== currentValue) {
+                currentValue = newValue;
+                subscribers.forEach((callback) => {
+                    try {
+                        callback(currentValue);
+                    } catch (error) {
+                        console.error('Error in derived value subscriber:', error);
+                    }
+                });
+            }
+        });
+
+        return {
+            subscribe: (callback: (value: TDerived) => void) => {
+                subscribers.add(callback);
+                try {
+                    callback(currentValue); // Immediately call with current value
+                } catch (error) {
+                    console.error('Error in derived value subscriber:', error);
+                }
+                return () => {
+                    subscribers.delete(callback);
+                };
+            },
+        };
+    }
+}
+
+/**
+ * Create a new reactive logic engine instance.
+ * 
+ * @param options Configuration options for the reactive engine
+ * @returns A new ReactiveLogicEngine instance
+ * 
+ * @example
+ * ```typescript
+ * const engine = createReactiveEngine({
+ *   initialContext: { count: 0 },
+ *   initialFacts: [],
+ *   initialMeta: {}
+ * });
+ * 
+ * // Subscribe to changes
+ * engine.subscribe((state) => {
+ *   console.log('State changed:', state);
+ * });
+ * 
+ * // Mutate state (will trigger subscribers)
+ * engine.apply((state) => {
+ *   state.context.count++;
+ * });
+ * ```
+ */
+export function createReactiveEngine<TContext extends object>(
+    options: ReactiveEngineOptions<TContext>
+): ReactiveLogicEngine<TContext> {
+    return new ReactiveLogicEngine(options);
 }

package/src/index.browser.ts

@@ -33,6 +33,14 @@ export type { PraxisEngineOptions } from './core/engine.js';
 export { LogicEngine, createPraxisEngine } from './core/engine.js';
 export * from './core/reactive-engine.svelte.js';
 
+// Framework-agnostic Reactive Engine
+export {
+  ReactiveLogicEngine as FrameworkAgnosticReactiveEngine,
+  createReactiveEngine as createFrameworkAgnosticReactiveEngine,
+  type ReactiveEngineOptions as FrameworkAgnosticReactiveEngineOptions,
+  type StateChangeCallback,
+} from './core/reactive-engine.js';
+
 // Actors
 export type { Actor } from './core/actors.js';
 export { ActorManager, createTimerActor } from './core/actors.js';
@@ -102,6 +110,8 @@ export {
 export type {
   PraxisDB,
   UnsubscribeFn,
+  PluresDBInstance,
+  PluresDBAdapterConfig,
   EventStreamEntry,
   PraxisDBStoreOptions,
   StoredSchema,
@@ -113,6 +123,8 @@ export type {
 export {
   InMemoryPraxisDB,
   createInMemoryDB,
+  PluresDBPraxisAdapter,
+  createPluresDB,
   PraxisDBStore,
   createPraxisDBStore,
   PRAXIS_PATHS,

package/src/index.ts

@@ -76,6 +76,14 @@ export type { PraxisEngineOptions } from './core/engine.js';
 export { LogicEngine, createPraxisEngine } from './core/engine.js';
 export * from './core/reactive-engine.svelte.js';
 
+// Framework-agnostic Reactive Engine
+export {
+  ReactiveLogicEngine as FrameworkAgnosticReactiveEngine,
+  createReactiveEngine as createFrameworkAgnosticReactiveEngine,
+  type ReactiveEngineOptions as FrameworkAgnosticReactiveEngineOptions,
+  type StateChangeCallback,
+} from './core/reactive-engine.js';
+
 // Actors
 export type { Actor } from './core/actors.js';
 export { ActorManager, createTimerActor } from './core/actors.js';
@@ -156,6 +164,8 @@ export {
 export type {
   PraxisDB,
   UnsubscribeFn,
+  PluresDBInstance,
+  PluresDBAdapterConfig,
   EventStreamEntry,
   PraxisDBStoreOptions,
   StoredSchema,
@@ -167,6 +177,8 @@ export type {
 export {
   InMemoryPraxisDB,
   createInMemoryDB,
+  PluresDBPraxisAdapter,
+  createPluresDB,
   PraxisDBStore,
   createPraxisDBStore,
   PRAXIS_PATHS,

package/src/integrations/pluresdb.ts

@@ -17,8 +17,8 @@ import { PraxisDBStore, createPraxisDBStore } from '../core/pluresdb/store.js';
 
 // Re-export core pluresdb types and implementations
 // Note: Using explicit exports to avoid circular dependency issues
-export { InMemoryPraxisDB, createInMemoryDB } from '../core/pluresdb/adapter.js';
-export type { PraxisDB, UnsubscribeFn } from '../core/pluresdb/adapter.js';
+export { InMemoryPraxisDB, createInMemoryDB, PluresDBPraxisAdapter, createPluresDB } from '../core/pluresdb/adapter.js';
+export type { PraxisDB, UnsubscribeFn, PluresDBInstance, PluresDBAdapterConfig } from '../core/pluresdb/adapter.js';
 export {
   PraxisDBStore,
   createPraxisDBStore,

package/src/integrations/svelte.ts

@@ -7,6 +7,7 @@
  * Features:
  * - Store-based API for backward compatibility
  * - Runes-based composables for Svelte 5
+ * - createReactiveEngine for easy reactive engine setup
  * - Snapshot support for time-travel debugging
  * - History state pattern implementation
  * - Automatic cleanup and subscription management
@@ -15,6 +16,13 @@
 import type { LogicEngine } from '../core/engine.js';
 import type { PraxisEvent, PraxisState } from '../core/protocol.js';
 
+// Re-export the Svelte 5 reactive engine
+export {
+  ReactiveLogicEngine,
+  createReactiveEngine,
+  type ReactiveEngineOptions,
+} from '../core/reactive-engine.svelte.js';
+
 /**
  * Writable store interface (Svelte-compatible)
  */