@asaidimu/react-store 5.1.1 → 5.2.0

package/README.md

@@ -1,6 +1,6 @@
 # @asaidimu/react-store
 
-[![npm version](https://img.shields.io/npm/v/@asaidimu/react-store.svg?style=flat-square)](https://www.npmjs.com/package/@asaidimu/react-store)
+[![npm version](https://img.shields.io/npm/v/@asaidimu/react-store/latest.svg?style=flat-square)](https://www.npmjs.com/package/@asaidimu/react-store)
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg?style=flat-square)](https://opensource.org/licenses/MIT)
 [![Build Status](https://img.shields.io/github/actions/workflow/status/asaidimu/node-react/ci.yml?branch=main&style=flat-square)](https://github.com/asaidimu/node-react/actions)
 [![TypeScript](https://img.shields.io/badge/typescript-5.x-blue.svg?style=flat-square)](https://www.typescriptlang.org/)
@@ -50,16 +50,16 @@ Designed with modern React in mind, it leverages `useSyncExternalStore` for opti
 
 ### Key Features
 
-*   📊 **Reactive State Management**: Automatically tracks dependencies to optimize component renders and ensure efficient updates using `useSyncExternalStore`.
-*   🛡️ **Type-Safe**: Developed entirely in TypeScript, providing strict type checking for state, actions, artifacts, and middleware.
-*   ⚙️ **Middleware Pipeline**: Implement custom logic to `transform` or `validate` state changes before they are applied.
-*   💾 **Built-in Persistence**: Seamlessly integrate with web storage mechanisms like `IndexedDB` and `WebStorage` (localStorage/sessionStorage), including cross-tab synchronization.
+*   📊 **Reactive State Management**: Automatically tracks dependencies to optimize component renders and ensure efficient updates using React's `useSyncExternalStore` hook.
+*   🛡️ **Type-Safe**: Developed entirely in TypeScript, providing strict type checking for state, actions, artifacts, and middleware, minimizing runtime errors.
+*   ⚙️ **Middleware Pipeline**: Implement custom logic to `transform` or `validate` state changes before they are applied, with full access to the `ActionContext` including current state and artifact resolution.
+*   💾 **Built-in Persistence**: Seamlessly integrate with web storage mechanisms like `IndexedDB` and `WebStorage` (localStorage/sessionStorage) via `@asaidimu/utils-persistence`, including cross-tab synchronization.
 *   🔍 **Deep Observability**: Gain profound insights into your application's state with built-in metrics, detailed event logging, state history, and time-travel debugging capabilities via the `StoreObserver` instance.
-*   🚀 **Artifact Management**: Define and reactively resolve asynchronous resources, services, or derived data, enabling advanced dependency injection patterns and lazy loading of complex logic.
-*   ⚡ **Performance Optimized**: Features intelligent selector caching and debounced actions with configurable immediate execution to prevent rapid successive calls and ensure smooth application performance.
-*   ⏱️ **Action Loading States**: Track the real-time loading status of individual actions, providing immediate feedback on asynchronous operations.
+*   🚀 **Artifact Management**: Define and reactively resolve asynchronous resources, services, or derived data using `@asaidimu/utils-artifacts`, enabling advanced dependency injection patterns and lazy loading of complex logic.
+*   ⚡ **Performance Optimized**: Features intelligent selector caching and debounced actions with configurable immediate execution (`debounceTime: 0`) to prevent rapid successive calls and ensure smooth application performance.
+*   ⏱️ **Action Loading States**: Track the real-time loading status of individual actions via the `watch` function, providing immediate feedback on asynchronous operations in the UI.
 *   ⚛️ **React 19+ Ready**: Fully compatible with the latest React versions, leveraging modern APIs for enhanced performance and development ergonomics.
-*   🗑️ **Explicit Deletions**: Use `Symbol.for("delete")` to explicitly remove properties from nested state objects.
+*   🗑️ **Explicit Deletions**: Use `Symbol.for("delete")` to explicitly remove properties from nested state objects, providing a clear and type-safe way to manage deletions.
 
 ## Installation & Setup
 
@@ -297,6 +297,18 @@ import { useEffect, useMemo } from 'react';
 import { BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer } from 'recharts';
 import { useStore, Product, CartItem, Order, ECommerceState } from './store';
 
+// Assuming Card, CardHeader, CardTitle, CardContent, CardFooter, Button are defined elsewhere
+const Card = ({ children }: { children: React.ReactNode }) => <div className="bg-white rounded-lg shadow-md p-4 flex flex-col">{children}</div>;
+const CardHeader = ({ children }: { children: React.ReactNode }) => <div className="mb-2">{children}</div>;
+const CardTitle = ({ children }: { children: React.ReactNode }) => <h3 className="text-lg font-bold">{children}</h3>;
+const CardContent = ({ children, className }: { children: React.ReactNode, className?: string }) => <div className={`flex-grow ${className || ''}`}>{children}</div>;
+const CardFooter = ({ children }: { children: React.ReactNode }) => <div className="mt-4">{children}</div>;
+const Button = ({ children, onClick, className, disabled }: { children: React.ReactNode, onClick: () => void, className?: string, disabled?: boolean }) => (
+  <button onClick={onClick} className={`bg-blue-500 text-white px-4 py-2 rounded-md hover:bg-blue-600 ${className || ''}`} disabled={disabled}>
+    {children}
+  </button>
+);
+
 
 const ProductCatalog = () => {
   const { select, actions, resolve } = useStore();
@@ -365,13 +377,10 @@ function App() {
             <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
                 <div className="lg:col-span-2 space-y-6">
                     <ProductCatalog />
-                    {/* <LiveInventoryChart /> */}
+                    {/* Placeholder for other components */}
                 </div>
                 <div className="space-y-6">
-                    {/* <ShoppingCart /> */}
-                    {/* <UserAnalytics /> */}
-                    {/* <TopSellingProducts /> */}
-                    {/* <RecentOrdersFeed /> */}
+                    {/* Placeholder for other components */}
                 </div>
             </div>
         </main>
@@ -439,7 +448,8 @@ async function runDeleteExample() {
   // After clearing all except ID: { id: 'product-123' }
 }
 
-runDeleteExample();
+// In a real application, you would call runDeleteExample() in a component's useEffect or similar.
+// runDeleteExample(); 
 ```
 
 ### Persistence
@@ -538,6 +548,7 @@ function AppWithPersistence() {
     </div>
   );
 }
+// Render AppWithPersistence in your React app.
 ```
 
 ### Middleware (Transform & Validate)
@@ -626,6 +637,7 @@ function CartComponent() {
     </div>
   );
 }
+// Render CartComponent in your React app.
 ```
 
 ### Artifact Management
@@ -744,6 +756,7 @@ function ArtifactConsumer() {
     </div>
   );
 }
+// Render ArtifactConsumer in your React app.
 ```
 
 ### Observability
@@ -829,6 +842,7 @@ function DebugPanel() {
     </div>
   );
 }
+// Render DebugPanel in your React app.
 ```
 
 ### Remote Observability
@@ -1002,6 +1016,7 @@ function EventMonitor() {
     </div>
   );
 }
+// Render EventMonitor in your React app.
 ```
 
 ### Watching Action Loading States
@@ -1059,6 +1074,7 @@ function DataLoader() {
     </div>
   );
 }
+// Render DataLoader in your React app.
 ```
 
 ### Advanced Hook Properties
@@ -1147,9 +1163,9 @@ This library leverages the following `@asaidimu` packages for its core functiona
 ### Data Flow
 
 1.  **Action Dispatch**: A React component calls a bound action (e.g., `actions.addItem()`).
-2.  **Action Debouncing**: Actions are debounced by default (configurable), preventing rapid successive calls.
+2.  **Action Debouncing**: Actions are debounced by default (configurable via `debounceTime` in `StoreOptions`), preventing rapid successive calls.
 3.  **Action Loading State Update**: The store immediately updates the loading state for the dispatched action to `true` via an internal `ReactiveDataStore`.
-4.  **Action Execution Tracking**: The `ActionTracker` records the action's details (name, parameters, start time).
+4.  **Action Execution Tracking**: The `ActionTracker` records the action's details (name, parameters, start time) if `enableMetrics` is true.
 5.  **State Update Request**: The action's implementation (receiving `ActionContext` with `state` and `resolve`) returns a partial state update or a promise resolving to one.
 6.  **Transaction Context**: If the action is wrapped within `store.transaction()`, the current state is snapshotted to enable potential rollback.
 7.  **Validator Middleware**: The update first passes through any registered `validate` middleware. If any validator returns `false` or throws an error, the update is halted, and the state remains unchanged (and rolled back if in a transaction).
@@ -1189,8 +1205,9 @@ We welcome contributions! Please follow the guidelines below.
 ### Scripts
 
 *   `bun ci`: Installs dependencies, typically used in CI/CD environments to ensure a clean install.
-*   `bun test`: Runs all unit tests using `Vitest` in interactive watch mode.
 *   `bun test:ci`: Runs all unit tests once, suitable for CI/CD pipelines.
+*   `bun test:watch`: Runs all unit tests using `Vitest` in interactive watch mode.
+*   `bun test`: Runs all unit tests once using `Vitest`.
 *   `bun clean`: Removes the `dist` directory, cleaning up previous build artifacts.
 *   `bun prebuild`: Pre-build step that cleans the `dist` directory and runs an internal package synchronization script (`.sync-package.ts`).
 *   `bun build`: Compiles the TypeScript source into `dist/` for CJS and ESM formats, generates type definitions, and minifies the code using `Terser`.
@@ -1206,7 +1223,7 @@ To run tests:
 ```bash
 bun test
 # or to run in watch mode
-bun test --watch
+bun test:watch
 ```
 
 ### Contributing Guidelines

package/index.cjs

@@ -1 +1 @@
-"use strict";var e=require("react"),t=require("@asaidimu/utils-store"),r=require("@asaidimu/utils-artifacts"),s=class{executions=[];maxHistory=100;listeners=new Set;track(e){this.executions.unshift(e),this.executions.length>this.maxHistory&&this.executions.pop(),this.notify()}getExecutions(){return[...this.executions]}subscribe(e){return this.listeners.add(e),()=>this.listeners.delete(e)}notify(){this.listeners.forEach(e=>e())}};exports.createStore=function(a,{enableMetrics:n,...i}={}){const c=new t.ReactiveDataStore(a.state,i.persistence),o=Object.keys(a.actions).reduce((e,t)=>(e[t]=!1,e),{}),u=new t.ReactiveDataStore(o),l=n?new t.StoreObserver(c,i):void 0,d=n?new s:void 0;c.on("action:start",({name:e})=>{u.set(()=>({[e]:!0}))}),c.on("action:complete",e=>{u.set(()=>({[e.name]:!1})),n&&d&&d.track({id:e.actionId,name:e.name,params:e.params,startTime:e.startTime,endTime:e.endTime,duration:e.duration,status:"success",result:e.result})}),c.on("action:error",e=>{u.set(()=>({[e.name]:!1})),n&&d&&d.track({id:e.actionId,name:e.name,params:e.params,startTime:e.startTime,endTime:e.endTime,duration:e.duration,status:"error",error:e.error})});const m=e=>(c.isReady()&&e(),c.on("persistence:ready",e)),h=()=>c.isReady(),y=new r.ArtifactContainer(c),b=y.resolve.bind(y);a.artifacts&&Object.entries(a.artifacts).forEach(([e,t])=>{y.register({key:e,factory:t.factory,scope:t.scope,lazy:t.lazy})}),a.transform&&Object.entries(a.transform).forEach(([e,t])=>{c.use({name:e,action:(e,r)=>t({state:e,resolve:b},r)})}),a.validate&&Object.entries(a.validate).forEach(([e,t])=>{c.use({block:!0,name:e,action:(e,r)=>t({state:e,resolve:b},r)})});const f=Object.entries(a.actions).reduce((e,[t,r])=>(c.register({name:t,fn:(e,...t)=>r({state:e,resolve:b},...t)}),e[t]=(...e)=>c.dispatch(t,...e),e),{});return function(){const t=()=>e.useSyncExternalStore(e=>c.watch("",e),()=>c.get(),()=>c.get()),r=e.useSyncExternalStore(m,h,h);return{select:t=>{const r=c.select(t);return e.useSyncExternalStore(e=>r.subscribe(e),()=>r.get(),()=>r.get())},watch:t=>{const r=u.select(e=>e[t]);return e.useSyncExternalStore(e=>r.subscribe(e),()=>r.get(),()=>r.get())},resolve:t=>{const r=y.watch(t);return e.useSyncExternalStore(e=>r.subscribe(()=>e()),()=>r.get(),()=>r.get())},actions:f,isReady:r,store:c,observer:l,actionTracker:d,get state(){return t}}}};
+"use strict";var e=require("react"),t=require("@asaidimu/utils-store"),r=require("@asaidimu/utils-artifacts"),s=class{executions=[];maxHistory=100;listeners=new Set;track(e){this.executions.unshift(e),this.executions.length>this.maxHistory&&this.executions.pop(),this.notify()}getExecutions(){return[...this.executions]}subscribe(e){return this.listeners.add(e),()=>this.listeners.delete(e)}notify(){this.listeners.forEach(e=>e())}};exports.createStore=function(a,n){const{enableMetrics:i,...c}=n||{},o=new t.ReactiveDataStore(a.state,c.persistence),u=Object.keys(a.actions).reduce((e,t)=>(e[t]=!1,e),{}),l=new t.ReactiveDataStore(u),d=i?new t.StoreObserver(o,c):void 0,m=i?new s:void 0;o.on("action:start",({name:e})=>{l.set(()=>({[e]:!0}))}),o.on("action:complete",e=>{l.set(()=>({[e.name]:!1})),i&&m&&m.track({id:e.actionId,name:e.name,params:e.params,startTime:e.startTime,endTime:e.endTime,duration:e.duration,status:"success",result:e.result})}),o.on("action:error",e=>{l.set(()=>({[e.name]:!1})),i&&m&&m.track({id:e.actionId,name:e.name,params:e.params,startTime:e.startTime,endTime:e.endTime,duration:e.duration,status:"error",error:e.error})});const h=e=>(o.isReady()&&e(),o.on("persistence:ready",e)),y=()=>o.isReady(),b=new r.ArtifactContainer(o),f=b.resolve.bind(b);a.artifacts&&Object.entries(a.artifacts).forEach(([e,t])=>{b.register({key:e,factory:t.factory,scope:t.scope,lazy:t.lazy})}),a.transform&&Object.entries(a.transform).forEach(([e,t])=>{o.use({name:e,action:(e,r)=>t({state:e,resolve:f},r)})}),a.validate&&Object.entries(a.validate).forEach(([e,t])=>{o.use({block:!0,name:e,action:(e,r)=>t({state:e,resolve:f},r)})});const S=Object.entries(a.actions).reduce((e,[t,r])=>(o.register({name:t,fn:(e,...t)=>r({state:e,resolve:f},...t)}),e[t]=(...e)=>o.dispatch(t,...e),e),{});return function(t){t&&o.set(t);const r=()=>e.useSyncExternalStore(e=>o.watch("",e),()=>o.get(),()=>o.get()),s=e.useSyncExternalStore(h,y,y);return{select:t=>{const r=o.select(t);return e.useSyncExternalStore(e=>r.subscribe(e),()=>r.get(),()=>r.get())},watch:t=>{const r=l.select(e=>e[t]);return e.useSyncExternalStore(e=>r.subscribe(e),()=>r.get(),()=>r.get())},resolve:t=>{const r=b.watch(t);return e.useSyncExternalStore(e=>r.subscribe(()=>e()),()=>r.get(),()=>r.get())},actions:S,isReady:s,store:o,observer:d,actionTracker:m,get state(){return r}}}};

package/index.d.cts

@@ -96,9 +96,9 @@ type LoadingState<TActions> = Partial<Record<keyof TActions, boolean>>;
  *
  * @template T The shape of the store state.
  */
-type StoreOptions<T> = ObserverOptions & {
+type StoreOptions<TState extends Object> = ObserverOptions & {
     enableMetrics?: boolean;
-    persistence?: SimplePersistence<T>;
+    persistence?: SimplePersistence<TState>;
 };
 /**
  * A function that transforms a state update before it is committed.
@@ -147,7 +147,7 @@ interface StoreDefinition<TState extends object, TArtifactsMap extends Artifacts
  * @template TArtifactsMap The map of artifact definitions.
  * @template TActions The map of action definitions.
  */
-type StoreHook<TState extends object, TArtifactsMap extends ArtifactsMap<TState>, TActions extends ActionMap<TState, TArtifactsMap>> = () => {
+type StoreHook<TState extends object, TArtifactsMap extends ArtifactsMap<TState>, TActions extends ActionMap<TState, TArtifactsMap>> = (defaults?: DeepPartial<TState>) => {
     /** Internal store instance. */
     store: ReactiveDataStore<TState>;
     /** Internal observer instance. */
@@ -186,6 +186,6 @@ type StoreHook<TState extends object, TArtifactsMap extends ArtifactsMap<TState>
     state: () => TState;
 };
 
-declare function createStore<TState extends Record<string, unknown>, TArtifactsMap extends ArtifactsMap<TState>, TActions extends ActionMap<TState, TArtifactsMap>>(definition: StoreDefinition<TState, TArtifactsMap, TActions>, { enableMetrics, ...options }?: StoreOptions<TState>): StoreHook<TState, TArtifactsMap, TActions>;
+declare function createStore<TState extends Record<string, unknown>, TArtifactsMap extends ArtifactsMap<TState>, TActions extends ActionMap<TState, TArtifactsMap>>(definition: StoreDefinition<TState, TArtifactsMap, TActions>, config?: StoreOptions<any>): StoreHook<TState, TArtifactsMap, TActions>;
 
 export { type ActionContext, type ActionImplementation, type ActionMap, type ArtifactScope, type ArtifactsMap, type BoundActions, type LoadingState, type StoreDefinition, type StoreHook, type StoreOptions, type Transformer, type Validator, createStore };

package/index.d.ts

@@ -96,9 +96,9 @@ type LoadingState<TActions> = Partial<Record<keyof TActions, boolean>>;
  *
  * @template T The shape of the store state.
  */
-type StoreOptions<T> = ObserverOptions & {
+type StoreOptions<TState extends Object> = ObserverOptions & {
     enableMetrics?: boolean;
-    persistence?: SimplePersistence<T>;
+    persistence?: SimplePersistence<TState>;
 };
 /**
  * A function that transforms a state update before it is committed.
@@ -147,7 +147,7 @@ interface StoreDefinition<TState extends object, TArtifactsMap extends Artifacts
  * @template TArtifactsMap The map of artifact definitions.
  * @template TActions The map of action definitions.
  */
-type StoreHook<TState extends object, TArtifactsMap extends ArtifactsMap<TState>, TActions extends ActionMap<TState, TArtifactsMap>> = () => {
+type StoreHook<TState extends object, TArtifactsMap extends ArtifactsMap<TState>, TActions extends ActionMap<TState, TArtifactsMap>> = (defaults?: DeepPartial<TState>) => {
     /** Internal store instance. */
     store: ReactiveDataStore<TState>;
     /** Internal observer instance. */
@@ -186,6 +186,6 @@ type StoreHook<TState extends object, TArtifactsMap extends ArtifactsMap<TState>
     state: () => TState;
 };
 
-declare function createStore<TState extends Record<string, unknown>, TArtifactsMap extends ArtifactsMap<TState>, TActions extends ActionMap<TState, TArtifactsMap>>(definition: StoreDefinition<TState, TArtifactsMap, TActions>, { enableMetrics, ...options }?: StoreOptions<TState>): StoreHook<TState, TArtifactsMap, TActions>;
+declare function createStore<TState extends Record<string, unknown>, TArtifactsMap extends ArtifactsMap<TState>, TActions extends ActionMap<TState, TArtifactsMap>>(definition: StoreDefinition<TState, TArtifactsMap, TActions>, config?: StoreOptions<any>): StoreHook<TState, TArtifactsMap, TActions>;
 
 export { type ActionContext, type ActionImplementation, type ActionMap, type ArtifactScope, type ArtifactsMap, type BoundActions, type LoadingState, type StoreDefinition, type StoreHook, type StoreOptions, type Transformer, type Validator, createStore };

package/index.js

@@ -1 +1 @@
-import{useSyncExternalStore as e}from"react";import{ReactiveDataStore as t,StoreObserver as s}from"@asaidimu/utils-store";import{ArtifactContainer as r}from"@asaidimu/utils-artifacts";var a=class{executions=[];maxHistory=100;listeners=new Set;track(e){this.executions.unshift(e),this.executions.length>this.maxHistory&&this.executions.pop(),this.notify()}getExecutions(){return[...this.executions]}subscribe(e){return this.listeners.add(e),()=>this.listeners.delete(e)}notify(){this.listeners.forEach(e=>e())}};function i(i,{enableMetrics:n,...o}={}){const c=new t(i.state,o.persistence),u=Object.keys(i.actions).reduce((e,t)=>(e[t]=!1,e),{}),m=new t(u),d=n?new s(c,o):void 0,l=n?new a:void 0;c.on("action:start",({name:e})=>{m.set(()=>({[e]:!0}))}),c.on("action:complete",e=>{m.set(()=>({[e.name]:!1})),n&&l&&l.track({id:e.actionId,name:e.name,params:e.params,startTime:e.startTime,endTime:e.endTime,duration:e.duration,status:"success",result:e.result})}),c.on("action:error",e=>{m.set(()=>({[e.name]:!1})),n&&l&&l.track({id:e.actionId,name:e.name,params:e.params,startTime:e.startTime,endTime:e.endTime,duration:e.duration,status:"error",error:e.error})});const f=e=>(c.isReady()&&e(),c.on("persistence:ready",e)),h=()=>c.isReady(),b=new r(c),p=b.resolve.bind(b);i.artifacts&&Object.entries(i.artifacts).forEach(([e,t])=>{b.register({key:e,factory:t.factory,scope:t.scope,lazy:t.lazy})}),i.transform&&Object.entries(i.transform).forEach(([e,t])=>{c.use({name:e,action:(e,s)=>t({state:e,resolve:p},s)})}),i.validate&&Object.entries(i.validate).forEach(([e,t])=>{c.use({block:!0,name:e,action:(e,s)=>t({state:e,resolve:p},s)})});const y=Object.entries(i.actions).reduce((e,[t,s])=>(c.register({name:t,fn:(e,...t)=>s({state:e,resolve:p},...t)}),e[t]=(...e)=>c.dispatch(t,...e),e),{});return function(){const t=()=>e(e=>c.watch("",e),()=>c.get(),()=>c.get()),s=e(f,h,h);return{select:t=>{const s=c.select(t);return e(e=>s.subscribe(e),()=>s.get(),()=>s.get())},watch:t=>{const s=m.select(e=>e[t]);return e(e=>s.subscribe(e),()=>s.get(),()=>s.get())},resolve:t=>{const s=b.watch(t);return e(e=>s.subscribe(()=>e()),()=>s.get(),()=>s.get())},actions:y,isReady:s,store:c,observer:d,actionTracker:l,get state(){return t}}}}export{i as createStore};
+import{useSyncExternalStore as e}from"react";import{ReactiveDataStore as t,StoreObserver as s}from"@asaidimu/utils-store";import{ArtifactContainer as r}from"@asaidimu/utils-artifacts";var a=class{executions=[];maxHistory=100;listeners=new Set;track(e){this.executions.unshift(e),this.executions.length>this.maxHistory&&this.executions.pop(),this.notify()}getExecutions(){return[...this.executions]}subscribe(e){return this.listeners.add(e),()=>this.listeners.delete(e)}notify(){this.listeners.forEach(e=>e())}};function i(i,n){const{enableMetrics:o,...c}=n||{},u=new t(i.state,c.persistence),m=Object.keys(i.actions).reduce((e,t)=>(e[t]=!1,e),{}),d=new t(m),l=o?new s(u,c):void 0,f=o?new a:void 0;u.on("action:start",({name:e})=>{d.set(()=>({[e]:!0}))}),u.on("action:complete",e=>{d.set(()=>({[e.name]:!1})),o&&f&&f.track({id:e.actionId,name:e.name,params:e.params,startTime:e.startTime,endTime:e.endTime,duration:e.duration,status:"success",result:e.result})}),u.on("action:error",e=>{d.set(()=>({[e.name]:!1})),o&&f&&f.track({id:e.actionId,name:e.name,params:e.params,startTime:e.startTime,endTime:e.endTime,duration:e.duration,status:"error",error:e.error})});const h=e=>(u.isReady()&&e(),u.on("persistence:ready",e)),b=()=>u.isReady(),p=new r(u),y=p.resolve.bind(p);i.artifacts&&Object.entries(i.artifacts).forEach(([e,t])=>{p.register({key:e,factory:t.factory,scope:t.scope,lazy:t.lazy})}),i.transform&&Object.entries(i.transform).forEach(([e,t])=>{u.use({name:e,action:(e,s)=>t({state:e,resolve:y},s)})}),i.validate&&Object.entries(i.validate).forEach(([e,t])=>{u.use({block:!0,name:e,action:(e,s)=>t({state:e,resolve:y},s)})});const g=Object.entries(i.actions).reduce((e,[t,s])=>(u.register({name:t,fn:(e,...t)=>s({state:e,resolve:y},...t)}),e[t]=(...e)=>u.dispatch(t,...e),e),{});return function(t){t&&u.set(t);const s=()=>e(e=>u.watch("",e),()=>u.get(),()=>u.get()),r=e(h,b,b);return{select:t=>{const s=u.select(t);return e(e=>s.subscribe(e),()=>s.get(),()=>s.get())},watch:t=>{const s=d.select(e=>e[t]);return e(e=>s.subscribe(e),()=>s.get(),()=>s.get())},resolve:t=>{const s=p.watch(t);return e(e=>s.subscribe(()=>e()),()=>s.get(),()=>s.get())},actions:g,isReady:r,store:u,observer:l,actionTracker:f,get state(){return s}}}}export{i as createStore};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asaidimu/react-store",
-  "version": "5.1.1",
+  "version": "5.2.0",
   "description": "Efficient react state manager.",
   "main": "index.js",
   "types": "index.d.ts",
@@ -26,8 +26,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@asaidimu/utils-artifacts": "^3.1.4",
-    "@asaidimu/utils-persistence": "^2.2.2",
+    "@asaidimu/utils-artifacts": "^3.1.7",
+    "@asaidimu/utils-persistence": "^3.0.0",
     "@asaidimu/utils-store": "^7.0.1",
     "react": "^19.2.1"
   }