dharma-core 0.4.0 → 0.6.0

package/README.md

@@ -1 +1,34 @@
-# Dharma Core
+# dharma-core
+
+[![Version](https://img.shields.io/npm/v/dharma-core)](https://npmjs.com/package/dharma-core)
+[![Downloads](https://img.shields.io/npm/dm/dharma-core.svg)](https://npmjs.com/package/dharma-core)
+[![Minzipped size](https://img.shields.io/bundlephobia/minzip/dharma-core)](https://bundlephobia.com/package/dharma-core)
+
+A simple and lightweight state management solution for JavaScript and TypeScript applications.
+
+## Basic usage
+
+```ts
+import { createStore } from "dharma-core";
+
+const store = createStore({
+  initialState: { count: 0 },
+  defineActions: ({ set }) => ({
+    increment: () => set((state) => ({ count: state.count + 1 })),
+    decrement: () => set((state) => ({ count: state.count - 1 })),
+  }),
+});
+
+const { increment, decrement } = store.actions;
+
+// Subscribe to state changes
+const unsubscribe = store.subscribe((state) => console.log(state.count));
+// Update the state
+increment();
+// { count: 1 }
+decrement();
+// { count: 0 }
+unsubscribe();
+```
+
+[Read the documentation](https://fransek.github.io/dharma/modules/dharma-core.html)

package/dist/cjs/index.d.ts

@@ -1,3 +1,2 @@
-export * from "./lib/createPersistentStore";
 export * from "./lib/createStore";
 export * from "./lib/merge";

package/dist/cjs/index.js

@@ -1,12 +1,10 @@
 'use strict';
 
-var createPersistentStore = require('./lib/createPersistentStore.js');
 var createStore = require('./lib/createStore.js');
 var merge = require('./lib/merge.js');
 
 
 
-exports.createPersistentStore = createPersistentStore.createPersistentStore;
 exports.createStore = createStore.createStore;
 exports.merge = merge.merge;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/cjs/lib/createStore.d.ts

@@ -31,7 +31,7 @@ export type StateFunctions<TState extends object> = {
     reset: () => TState;
 };
 export type DefineActions<TState extends object, TActions> = (stateFunctions: StateFunctions<TState>) => TActions;
-export type StoreConfiguration<TState extends object, TActions extends object> = {
+type BaseConfig<TState extends object, TActions extends object> = {
     /** The initial state of the store. */
     initialState: TState;
     /** A function that defines actions that can modify the state. */
@@ -45,18 +45,104 @@ export type StoreConfiguration<TState extends object, TActions extends object> =
     /** Invoked whenever the state changes. */
     onChange?: StoreEventHandler<TState>;
 };
+export type StorageAPI = {
+    getItem: (key: string) => string | null;
+    setItem: (key: string, value: string) => void;
+    removeItem: (key: string) => void;
+};
+export type Serializer<T = any> = {
+    stringify: (value: T) => string;
+    parse: (value: string) => T;
+};
+type NonPersistentConfig = {
+    /** Whether to persist the state of the store. */
+    persist?: false;
+};
+type PersistentConfig<TState extends object> = {
+    /** Whether to persist the state of the store. */
+    persist: true;
+    /** The unique key used to identify this store in storage. */
+    key: string;
+    /** The storage to use for persisting the state. Defaults to local storage if available. */
+    storage?: StorageAPI;
+    /** The serializer to use for storing the state. Defaults to JSON. */
+    serializer?: Serializer<TState>;
+};
+export type StoreConfig<TState extends object, TActions extends object> = BaseConfig<TState, TActions> & (NonPersistentConfig | PersistentConfig<TState>);
 /**
  * Creates a store with an initial state and actions that can modify the state.
  *
- * @param {StoreConfiguration<TState>} [config] - The configuration for the store.
+ * @param {StoreConfig<TState, TActions>} [config] - The configuration for the store.
  *
  * @returns {Store<TState, TActions>} The created store with state management methods.
  *
  * @example
+ * Basic usage:
+ * ```ts
+ * import { createStore } from "dharma-core";
+ *
+ * const store = createStore({
+ *   initialState: { count: 0 },
+ *   defineActions: ({ set }) => ({
+ *     increment: () => set((state) => ({ count: state.count + 1 })),
+ *     decrement: () => set((state) => ({ count: state.count - 1 })),
+ *   }),
+ * });
+ * ```
+ *
+ * @example
+ * With event handlers:
+ * ```ts
+ * import { createStore } from "dharma-core";
+ * import { State } from "./types";
+ *
+ * const initialState: State = { data: null, loading: true, error: null };
+ *
+ * const store = createStore({
+ *   initialState,
+ *   onAttach: async ({ set }) => {
+ *     try {
+ *       const response = await fetch("https://api.example.com/data");
+ *       const data = await response.json();
+ *       set({ data, loading: false });
+ *     } catch (error) {
+ *       set({ error, loading: false });
+ *     }
+ *   },
+ *   onDetach: ({ reset }) => reset(),
+ * });
+ * ```
+ *
+ * @example
+ * Persistent store (uses local storage by default):
+ * ```ts
+ * import { createStore } from "dharma-core";
+ *
+ * const store = createStore({
+ *   persist: true,
+ *   key: "count",
+ *   initialState: { count: 0 },
+ *   defineActions: ({ set }) => ({
+ *     increment: () => set((state) => ({ count: state.count + 1 })),
+ *     decrement: () => set((state) => ({ count: state.count - 1 })),
+ *   }),
+ * });
+ * ```
+ *
+ * **Note:** The state needs to be serializable by whatever serializer you choose (JSON by default).
+ * If you need something more versatile I would recommend using a library like [superjson](https://github.com/flightcontrolhq/superjson).
+ *
+ * @example
+ * With superjson serialization and session storage:
  * ```ts
  * import { createStore } from "dharma-core";
+ * import superjson from "superjson";
  *
  * const store = createStore({
+ *   persist: true,
+ *   key: "count",
+ *   serializer: superjson,
+ *   storage: sessionStorage,
  *   initialState: { count: 0 },
  *   defineActions: ({ set }) => ({
  *     increment: () => set((state) => ({ count: state.count + 1 })),
@@ -65,5 +151,5 @@ export type StoreConfiguration<TState extends object, TActions extends object> =
  * });
  * ```
  */
-export declare const createStore: <TState extends object, TActions extends object = Record<never, never>>(config: StoreConfiguration<TState, TActions>) => Store<TState, TActions>;
+export declare const createStore: <TState extends object, TActions extends object = Record<never, never>>(config: StoreConfig<TState, TActions>) => Store<TState, TActions>;
 export {};

package/dist/cjs/lib/createStore.js

@@ -1,15 +1,17 @@
 'use strict';
 
+var getPersistenceHandlers = require('./getPersistenceHandlers.js');
 var merge = require('./merge.js');
 
 /**
  * Creates a store with an initial state and actions that can modify the state.
  *
- * @param {StoreConfiguration<TState>} [config] - The configuration for the store.
+ * @param {StoreConfig<TState, TActions>} [config] - The configuration for the store.
  *
  * @returns {Store<TState, TActions>} The created store with state management methods.
  *
  * @example
+ * Basic usage:
  * ```ts
  * import { createStore } from "dharma-core";
  *
@@ -21,6 +23,67 @@ var merge = require('./merge.js');
  *   }),
  * });
  * ```
+ *
+ * @example
+ * With event handlers:
+ * ```ts
+ * import { createStore } from "dharma-core";
+ * import { State } from "./types";
+ *
+ * const initialState: State = { data: null, loading: true, error: null };
+ *
+ * const store = createStore({
+ *   initialState,
+ *   onAttach: async ({ set }) => {
+ *     try {
+ *       const response = await fetch("https://api.example.com/data");
+ *       const data = await response.json();
+ *       set({ data, loading: false });
+ *     } catch (error) {
+ *       set({ error, loading: false });
+ *     }
+ *   },
+ *   onDetach: ({ reset }) => reset(),
+ * });
+ * ```
+ *
+ * @example
+ * Persistent store (uses local storage by default):
+ * ```ts
+ * import { createStore } from "dharma-core";
+ *
+ * const store = createStore({
+ *   persist: true,
+ *   key: "count",
+ *   initialState: { count: 0 },
+ *   defineActions: ({ set }) => ({
+ *     increment: () => set((state) => ({ count: state.count + 1 })),
+ *     decrement: () => set((state) => ({ count: state.count - 1 })),
+ *   }),
+ * });
+ * ```
+ *
+ * **Note:** The state needs to be serializable by whatever serializer you choose (JSON by default).
+ * If you need something more versatile I would recommend using a library like [superjson](https://github.com/flightcontrolhq/superjson).
+ *
+ * @example
+ * With superjson serialization and session storage:
+ * ```ts
+ * import { createStore } from "dharma-core";
+ * import superjson from "superjson";
+ *
+ * const store = createStore({
+ *   persist: true,
+ *   key: "count",
+ *   serializer: superjson,
+ *   storage: sessionStorage,
+ *   initialState: { count: 0 },
+ *   defineActions: ({ set }) => ({
+ *     increment: () => set((state) => ({ count: state.count + 1 })),
+ *     decrement: () => set((state) => ({ count: state.count - 1 })),
+ *   }),
+ * });
+ * ```
  */
 const createStore = (config) => {
     const { initialState, defineActions, onLoad, onAttach, onDetach, onChange } = config;
@@ -34,6 +97,7 @@ const createStore = (config) => {
     const resetSilently = () => setSilently(initialState);
     const dispatch = () => {
         onChange?.({ state, set: setSilently, reset: resetSilently });
+        persistenceHandlers?.updateSnapshot(state);
         listeners.forEach((listener) => listener(state));
     };
     const set = (stateModifier) => {
@@ -49,6 +113,10 @@ const createStore = (config) => {
     const subscribe = (listener) => {
         if (listeners.size === 0) {
             onAttach?.({ state, set, reset });
+            persistenceHandlers?.updateState();
+            if (IS_BROWSER && persistenceHandlers) {
+                window.addEventListener("focus", persistenceHandlers.updateState);
+            }
         }
         listener(state);
         listeners.add(listener);
@@ -56,13 +124,19 @@ const createStore = (config) => {
             listeners.delete(listener);
             if (listeners.size === 0) {
                 onDetach?.({ state, set, reset });
+                if (IS_BROWSER && persistenceHandlers) {
+                    window.removeEventListener("focus", persistenceHandlers.updateState);
+                }
             }
         };
     };
     const actions = defineActions
         ? defineActions({ set, get, reset })
         : {};
+    const IS_BROWSER = typeof window !== "undefined";
+    const persistenceHandlers = getPersistenceHandlers.getPersistenceHandlers(config, IS_BROWSER, get, set);
     onLoad?.({ state, set, reset });
+    persistenceHandlers?.initializeSnapshots();
     return {
         get,
         set,

package/dist/cjs/lib/createStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"createStore.js","sources":["../../../src/lib/createStore.ts"],"sourcesContent":["import { merge } from \"./merge\";\n\ntype Listener<TState extends object> = (state: TState) => void;\n\nexport type SetState<TState extends object> = (\n  stateModifier: StateModifier<TState>,\n) => TState;\n\nexport type Store<TState extends object, TActions extends object> = {\n  /** Returns the current state of the store. */\n  get: () => TState;\n  /** Sets the state of the store. */\n  set: SetState<TState>;\n  /** Resets the state of the store to its initial value. */\n  reset: () => TState;\n  /** Actions that can modify the state of the store. */\n  actions: TActions;\n  /** Subscribes to changes in the state of the store. Returns an unsubscribe function. */\n  subscribe: (listener: Listener<TState>) => () => void;\n};\n\nexport type EventHandlerContext<TState extends object> = {\n  /** The current state of the store. */\n  state: TState;\n  /** Sets the state of the store. */\n  set: SetState<TState>;\n  /** Resets the state of the store to its initial value. */\n  reset: () => TState;\n};\n\nexport type StoreEventHandler<TState extends object> = (\n  context: EventHandlerContext<TState>,\n) => void;\n\nexport type StateModifier<TState extends object> =\n  | Partial<TState>\n  | ((state: TState) => Partial<TState>);\n\nexport type StateFunctions<TState extends object> = {\n  /** Returns the current state of the store. */\n  get: () => TState;\n  /** Sets the state of the store. */\n  set: SetState<TState>;\n  /** Resets the state of the store to its initial value. */\n  reset: () => TState;\n};\n\nexport type DefineActions<TState extends object, TActions> = (\n  stateFunctions: StateFunctions<TState>,\n) => TActions;\n\nexport type StoreConfiguration<\n  TState extends object,\n  TActions extends object,\n> = {\n  /** The initial state of the store. */\n  initialState: TState;\n  /** A function that defines actions that can modify the state. */\n  defineActions?: DefineActions<TState, TActions>;\n  /** Invoked when the store is created. */\n  onLoad?: StoreEventHandler<TState>;\n  /** Invoked when the store is subscribed to. */\n  onAttach?: StoreEventHandler<TState>;\n  /** Invoked when the store is unsubscribed from. */\n  onDetach?: StoreEventHandler<TState>;\n  /** Invoked whenever the state changes. */\n  onChange?: StoreEventHandler<TState>;\n};\n\n/**\n * Creates a store with an initial state and actions that can modify the state.\n *\n * @param {StoreConfiguration<TState>} [config] - The configuration for the store.\n *\n * @returns {Store<TState, TActions>} The created store with state management methods.\n *\n * @example\n * ```ts\n * import { createStore } from \"dharma-core\";\n *\n * const store = createStore({\n *   initialState: { count: 0 },\n *   defineActions: ({ set }) => ({\n *     increment: () => set((state) => ({ count: state.count + 1 })),\n *     decrement: () => set((state) => ({ count: state.count - 1 })),\n *   }),\n * });\n * ```\n */\nexport const createStore = <\n  TState extends object,\n  TActions extends object = Record<never, never>,\n>(\n  config: StoreConfiguration<TState, TActions>,\n): Store<TState, TActions> => {\n  const { initialState, defineActions, onLoad, onAttach, onDetach, onChange } =\n    config;\n\n  let state = initialState;\n  const listeners = new Set<Listener<TState>>();\n\n  const get = () => state;\n\n  const setSilently = (stateModifier: StateModifier<TState>) => {\n    state = merge(state, stateModifier);\n    return state;\n  };\n\n  const resetSilently = () => setSilently(initialState);\n\n  const dispatch = () => {\n    onChange?.({ state, set: setSilently, reset: resetSilently });\n    listeners.forEach((listener) => listener(state));\n  };\n\n  const set = (stateModifier: StateModifier<TState>) => {\n    setSilently(stateModifier);\n    dispatch();\n    return state;\n  };\n\n  const reset = () => {\n    resetSilently();\n    dispatch();\n    return state;\n  };\n\n  const subscribe = (listener: Listener<TState>) => {\n    if (listeners.size === 0) {\n      onAttach?.({ state, set, reset });\n    }\n\n    listener(state);\n    listeners.add(listener);\n\n    return () => {\n      listeners.delete(listener);\n\n      if (listeners.size === 0) {\n        onDetach?.({ state, set, reset });\n      }\n    };\n  };\n\n  const actions = defineActions\n    ? defineActions({ set, get, reset })\n    : ({} as TActions);\n\n  onLoad?.({ state, set, reset });\n\n  return {\n    get,\n    set,\n    reset,\n    subscribe,\n    actions,\n  };\n};\n"],"names":["merge"],"mappings":";;;;AAqEA;;;;;;;;;;;;;;;;;;;AAmBG;AACI,MAAM,WAAW,GAAG,CAIzB,MAA4C,KACjB;AAC3B,IAAA,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GACzE,MAAM;IAER,IAAI,KAAK,GAAG,YAAY;AACxB,IAAA,MAAM,SAAS,GAAG,IAAI,GAAG,EAAoB;AAE7C,IAAA,MAAM,GAAG,GAAG,MAAM,KAAK;AAEvB,IAAA,MAAM,WAAW,GAAG,CAAC,aAAoC,KAAI;AAC3D,QAAA,KAAK,GAAGA,WAAK,CAAC,KAAK,EAAE,aAAa,CAAC;AACnC,QAAA,OAAO,KAAK;AACd,IAAA,CAAC;IAED,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC,YAAY,CAAC;IAErD,MAAM,QAAQ,GAAG,MAAK;AACpB,QAAA,QAAQ,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC;AAC7D,QAAA,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC,KAAK,CAAC,CAAC;AAClD,IAAA,CAAC;AAED,IAAA,MAAM,GAAG,GAAG,CAAC,aAAoC,KAAI;QACnD,WAAW,CAAC,aAAa,CAAC;AAC1B,QAAA,QAAQ,EAAE;AACV,QAAA,OAAO,KAAK;AACd,IAAA,CAAC;IAED,MAAM,KAAK,GAAG,MAAK;AACjB,QAAA,aAAa,EAAE;AACf,QAAA,QAAQ,EAAE;AACV,QAAA,OAAO,KAAK;AACd,IAAA,CAAC;AAED,IAAA,MAAM,SAAS,GAAG,CAAC,QAA0B,KAAI;AAC/C,QAAA,IAAI,SAAS,CAAC,IAAI,KAAK,CAAC,EAAE;YACxB,QAAQ,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;QACnC;QAEA,QAAQ,CAAC,KAAK,CAAC;AACf,QAAA,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC;AAEvB,QAAA,OAAO,MAAK;AACV,YAAA,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC;AAE1B,YAAA,IAAI,SAAS,CAAC,IAAI,KAAK,CAAC,EAAE;gBACxB,QAAQ,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;YACnC;AACF,QAAA,CAAC;AACH,IAAA,CAAC;IAED,MAAM,OAAO,GAAG;UACZ,aAAa,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE;UAChC,EAAe;IAEpB,MAAM,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;IAE/B,OAAO;QACL,GAAG;QACH,GAAG;QACH,KAAK;QACL,SAAS;QACT,OAAO;KACR;AACH;;;;"}
+{"version":3,"file":"createStore.js","sources":["../../../src/lib/createStore.ts"],"sourcesContent":["import { getPersistenceHandlers } from \"./getPersistenceHandlers\";\nimport { merge } from \"./merge\";\n\ntype Listener<TState extends object> = (state: TState) => void;\n\nexport type SetState<TState extends object> = (\n  stateModifier: StateModifier<TState>,\n) => TState;\n\nexport type Store<TState extends object, TActions extends object> = {\n  /** Returns the current state of the store. */\n  get: () => TState;\n  /** Sets the state of the store. */\n  set: SetState<TState>;\n  /** Resets the state of the store to its initial value. */\n  reset: () => TState;\n  /** Actions that can modify the state of the store. */\n  actions: TActions;\n  /** Subscribes to changes in the state of the store. Returns an unsubscribe function. */\n  subscribe: (listener: Listener<TState>) => () => void;\n};\n\nexport type EventHandlerContext<TState extends object> = {\n  /** The current state of the store. */\n  state: TState;\n  /** Sets the state of the store. */\n  set: SetState<TState>;\n  /** Resets the state of the store to its initial value. */\n  reset: () => TState;\n};\n\nexport type StoreEventHandler<TState extends object> = (\n  context: EventHandlerContext<TState>,\n) => void;\n\nexport type StateModifier<TState extends object> =\n  | Partial<TState>\n  | ((state: TState) => Partial<TState>);\n\nexport type StateFunctions<TState extends object> = {\n  /** Returns the current state of the store. */\n  get: () => TState;\n  /** Sets the state of the store. */\n  set: SetState<TState>;\n  /** Resets the state of the store to its initial value. */\n  reset: () => TState;\n};\n\nexport type DefineActions<TState extends object, TActions> = (\n  stateFunctions: StateFunctions<TState>,\n) => TActions;\n\ntype BaseConfig<TState extends object, TActions extends object> = {\n  /** The initial state of the store. */\n  initialState: TState;\n  /** A function that defines actions that can modify the state. */\n  defineActions?: DefineActions<TState, TActions>;\n  /** Invoked when the store is created. */\n  onLoad?: StoreEventHandler<TState>;\n  /** Invoked when the store is subscribed to. */\n  onAttach?: StoreEventHandler<TState>;\n  /** Invoked when the store is unsubscribed from. */\n  onDetach?: StoreEventHandler<TState>;\n  /** Invoked whenever the state changes. */\n  onChange?: StoreEventHandler<TState>;\n};\n\nexport type StorageAPI = {\n  getItem: (key: string) => string | null;\n  setItem: (key: string, value: string) => void;\n  removeItem: (key: string) => void;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type Serializer<T = any> = {\n  stringify: (value: T) => string;\n  parse: (value: string) => T;\n};\n\ntype NonPersistentConfig = {\n  /** Whether to persist the state of the store. */\n  persist?: false;\n};\n\ntype PersistentConfig<TState extends object> = {\n  /** Whether to persist the state of the store. */\n  persist: true;\n  /** The unique key used to identify this store in storage. */\n  key: string;\n  /** The storage to use for persisting the state. Defaults to local storage if available. */\n  storage?: StorageAPI;\n  /** The serializer to use for storing the state. Defaults to JSON. */\n  serializer?: Serializer<TState>;\n};\n\nexport type StoreConfig<\n  TState extends object,\n  TActions extends object,\n> = BaseConfig<TState, TActions> &\n  (NonPersistentConfig | PersistentConfig<TState>);\n\n/**\n * Creates a store with an initial state and actions that can modify the state.\n *\n * @param {StoreConfig<TState, TActions>} [config] - The configuration for the store.\n *\n * @returns {Store<TState, TActions>} The created store with state management methods.\n *\n * @example\n * Basic usage:\n * ```ts\n * import { createStore } from \"dharma-core\";\n *\n * const store = createStore({\n *   initialState: { count: 0 },\n *   defineActions: ({ set }) => ({\n *     increment: () => set((state) => ({ count: state.count + 1 })),\n *     decrement: () => set((state) => ({ count: state.count - 1 })),\n *   }),\n * });\n * ```\n *\n * @example\n * With event handlers:\n * ```ts\n * import { createStore } from \"dharma-core\";\n * import { State } from \"./types\";\n *\n * const initialState: State = { data: null, loading: true, error: null };\n *\n * const store = createStore({\n *   initialState,\n *   onAttach: async ({ set }) => {\n *     try {\n *       const response = await fetch(\"https://api.example.com/data\");\n *       const data = await response.json();\n *       set({ data, loading: false });\n *     } catch (error) {\n *       set({ error, loading: false });\n *     }\n *   },\n *   onDetach: ({ reset }) => reset(),\n * });\n * ```\n *\n * @example\n * Persistent store (uses local storage by default):\n * ```ts\n * import { createStore } from \"dharma-core\";\n *\n * const store = createStore({\n *   persist: true,\n *   key: \"count\",\n *   initialState: { count: 0 },\n *   defineActions: ({ set }) => ({\n *     increment: () => set((state) => ({ count: state.count + 1 })),\n *     decrement: () => set((state) => ({ count: state.count - 1 })),\n *   }),\n * });\n * ```\n *\n * **Note:** The state needs to be serializable by whatever serializer you choose (JSON by default).\n * If you need something more versatile I would recommend using a library like [superjson](https://github.com/flightcontrolhq/superjson).\n *\n * @example\n * With superjson serialization and session storage:\n * ```ts\n * import { createStore } from \"dharma-core\";\n * import superjson from \"superjson\";\n *\n * const store = createStore({\n *   persist: true,\n *   key: \"count\",\n *   serializer: superjson,\n *   storage: sessionStorage,\n *   initialState: { count: 0 },\n *   defineActions: ({ set }) => ({\n *     increment: () => set((state) => ({ count: state.count + 1 })),\n *     decrement: () => set((state) => ({ count: state.count - 1 })),\n *   }),\n * });\n * ```\n */\nexport const createStore = <\n  TState extends object,\n  TActions extends object = Record<never, never>,\n>(\n  config: StoreConfig<TState, TActions>,\n): Store<TState, TActions> => {\n  const { initialState, defineActions, onLoad, onAttach, onDetach, onChange } =\n    config;\n\n  let state = initialState;\n  const listeners = new Set<Listener<TState>>();\n\n  const get = () => state;\n\n  const setSilently = (stateModifier: StateModifier<TState>) => {\n    state = merge(state, stateModifier);\n    return state;\n  };\n\n  const resetSilently = () => setSilently(initialState);\n\n  const dispatch = () => {\n    onChange?.({ state, set: setSilently, reset: resetSilently });\n    persistenceHandlers?.updateSnapshot(state);\n    listeners.forEach((listener) => listener(state));\n  };\n\n  const set = (stateModifier: StateModifier<TState>) => {\n    setSilently(stateModifier);\n    dispatch();\n    return state;\n  };\n\n  const reset = () => {\n    resetSilently();\n    dispatch();\n    return state;\n  };\n\n  const subscribe = (listener: Listener<TState>) => {\n    if (listeners.size === 0) {\n      onAttach?.({ state, set, reset });\n      persistenceHandlers?.updateState();\n\n      if (IS_BROWSER && persistenceHandlers) {\n        window.addEventListener(\"focus\", persistenceHandlers.updateState);\n      }\n    }\n\n    listener(state);\n    listeners.add(listener);\n\n    return () => {\n      listeners.delete(listener);\n\n      if (listeners.size === 0) {\n        onDetach?.({ state, set, reset });\n\n        if (IS_BROWSER && persistenceHandlers) {\n          window.removeEventListener(\"focus\", persistenceHandlers.updateState);\n        }\n      }\n    };\n  };\n\n  const actions = defineActions\n    ? defineActions({ set, get, reset })\n    : ({} as TActions);\n\n  const IS_BROWSER = typeof window !== \"undefined\";\n  const persistenceHandlers = getPersistenceHandlers<TState, TActions>(\n    config,\n    IS_BROWSER,\n    get,\n    set,\n  );\n\n  onLoad?.({ state, set, reset });\n  persistenceHandlers?.initializeSnapshots();\n\n  return {\n    get,\n    set,\n    reset,\n    subscribe,\n    actions,\n  };\n};\n"],"names":["merge","getPersistenceHandlers"],"mappings":";;;;;AAqGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiFG;AACI,MAAM,WAAW,GAAG,CAIzB,MAAqC,KACV;AAC3B,IAAA,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GACzE,MAAM;IAER,IAAI,KAAK,GAAG,YAAY;AACxB,IAAA,MAAM,SAAS,GAAG,IAAI,GAAG,EAAoB;AAE7C,IAAA,MAAM,GAAG,GAAG,MAAM,KAAK;AAEvB,IAAA,MAAM,WAAW,GAAG,CAAC,aAAoC,KAAI;AAC3D,QAAA,KAAK,GAAGA,WAAK,CAAC,KAAK,EAAE,aAAa,CAAC;AACnC,QAAA,OAAO,KAAK;AACd,IAAA,CAAC;IAED,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC,YAAY,CAAC;IAErD,MAAM,QAAQ,GAAG,MAAK;AACpB,QAAA,QAAQ,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC;AAC7D,QAAA,mBAAmB,EAAE,cAAc,CAAC,KAAK,CAAC;AAC1C,QAAA,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC,KAAK,CAAC,CAAC;AAClD,IAAA,CAAC;AAED,IAAA,MAAM,GAAG,GAAG,CAAC,aAAoC,KAAI;QACnD,WAAW,CAAC,aAAa,CAAC;AAC1B,QAAA,QAAQ,EAAE;AACV,QAAA,OAAO,KAAK;AACd,IAAA,CAAC;IAED,MAAM,KAAK,GAAG,MAAK;AACjB,QAAA,aAAa,EAAE;AACf,QAAA,QAAQ,EAAE;AACV,QAAA,OAAO,KAAK;AACd,IAAA,CAAC;AAED,IAAA,MAAM,SAAS,GAAG,CAAC,QAA0B,KAAI;AAC/C,QAAA,IAAI,SAAS,CAAC,IAAI,KAAK,CAAC,EAAE;YACxB,QAAQ,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;YACjC,mBAAmB,EAAE,WAAW,EAAE;AAElC,YAAA,IAAI,UAAU,IAAI,mBAAmB,EAAE;gBACrC,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,mBAAmB,CAAC,WAAW,CAAC;YACnE;QACF;QAEA,QAAQ,CAAC,KAAK,CAAC;AACf,QAAA,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC;AAEvB,QAAA,OAAO,MAAK;AACV,YAAA,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC;AAE1B,YAAA,IAAI,SAAS,CAAC,IAAI,KAAK,CAAC,EAAE;gBACxB,QAAQ,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;AAEjC,gBAAA,IAAI,UAAU,IAAI,mBAAmB,EAAE;oBACrC,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,mBAAmB,CAAC,WAAW,CAAC;gBACtE;YACF;AACF,QAAA,CAAC;AACH,IAAA,CAAC;IAED,MAAM,OAAO,GAAG;UACZ,aAAa,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE;UAChC,EAAe;AAEpB,IAAA,MAAM,UAAU,GAAG,OAAO,MAAM,KAAK,WAAW;AAChD,IAAA,MAAM,mBAAmB,GAAGC,6CAAsB,CAChD,MAAM,EACN,UAAU,EACV,GAAG,EACH,GAAG,CACJ;IAED,MAAM,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;IAC/B,mBAAmB,EAAE,mBAAmB,EAAE;IAE1C,OAAO;QACL,GAAG;QACH,GAAG;QACH,KAAK;QACL,SAAS;QACT,OAAO;KACR;AACH;;;;"}

package/dist/cjs/lib/getPersistenceHandlers.d.ts

@@ -0,0 +1,6 @@
+import { SetState, StoreConfig } from "./createStore";
+export declare const getPersistenceHandlers: <TState extends object, TActions extends object = Record<never, never>>(config: StoreConfig<TState, TActions>, isBrowser: boolean, get: () => TState, set: SetState<TState>) => {
+    initializeSnapshots: () => void;
+    updateSnapshot: (newState: TState) => void;
+    updateState: () => void;
+} | null;

package/dist/cjs/lib/getPersistenceHandlers.js

@@ -0,0 +1,42 @@
+'use strict';
+
+const getPersistenceHandlers = (config, isBrowser, get, set) => {
+    if (!config.persist) {
+        return null;
+    }
+    const storage = config.storage ?? (isBrowser ? localStorage : undefined);
+    if (!storage) {
+        return null;
+    }
+    const { key, serializer = JSON, initialState } = config;
+    const initKey = `init_${key}`;
+    const initializeSnapshots = () => {
+        const initialStateSnapshot = storage.getItem(initKey);
+        const initialStateString = serializer.stringify(initialState);
+        if (initialStateSnapshot !== initialStateString) {
+            storage.setItem(initKey, initialStateString);
+            storage.removeItem(key);
+        }
+    };
+    const updateSnapshot = (newState) => {
+        const currentSnapshot = storage.getItem(key);
+        const newSnapshot = serializer.stringify(newState);
+        if (newSnapshot !== currentSnapshot) {
+            storage.setItem(key, newSnapshot);
+        }
+    };
+    const updateState = () => {
+        const currentSnapshot = storage.getItem(key);
+        if (currentSnapshot && currentSnapshot !== serializer.stringify(get())) {
+            set(serializer.parse(currentSnapshot));
+        }
+    };
+    return {
+        initializeSnapshots,
+        updateSnapshot,
+        updateState,
+    };
+};
+
+exports.getPersistenceHandlers = getPersistenceHandlers;
+//# sourceMappingURL=getPersistenceHandlers.js.map

package/dist/cjs/lib/getPersistenceHandlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getPersistenceHandlers.js","sources":["../../../src/lib/getPersistenceHandlers.ts"],"sourcesContent":["import { SetState, StoreConfig } from \"./createStore\";\n\nexport const getPersistenceHandlers = <\n  TState extends object,\n  TActions extends object = Record<never, never>,\n>(\n  config: StoreConfig<TState, TActions>,\n  isBrowser: boolean,\n  get: () => TState,\n  set: SetState<TState>,\n) => {\n  if (!config.persist) {\n    return null;\n  }\n\n  const storage = config.storage ?? (isBrowser ? localStorage : undefined);\n\n  if (!storage) {\n    return null;\n  }\n\n  const { key, serializer = JSON, initialState } = config;\n  const initKey = `init_${key}`;\n\n  const initializeSnapshots = () => {\n    const initialStateSnapshot = storage.getItem(initKey);\n    const initialStateString = serializer.stringify(initialState);\n\n    if (initialStateSnapshot !== initialStateString) {\n      storage.setItem(initKey, initialStateString);\n      storage.removeItem(key);\n    }\n  };\n\n  const updateSnapshot = (newState: TState) => {\n    const currentSnapshot = storage.getItem(key);\n    const newSnapshot = serializer.stringify(newState);\n\n    if (newSnapshot !== currentSnapshot) {\n      storage.setItem(key, newSnapshot);\n    }\n  };\n\n  const updateState = () => {\n    const currentSnapshot = storage.getItem(key);\n\n    if (currentSnapshot && currentSnapshot !== serializer.stringify(get())) {\n      set(serializer.parse(currentSnapshot));\n    }\n  };\n\n  return {\n    initializeSnapshots,\n    updateSnapshot,\n    updateState,\n  };\n};\n"],"names":[],"mappings":";;AAEO,MAAM,sBAAsB,GAAG,CAIpC,MAAqC,EACrC,SAAkB,EAClB,GAAiB,EACjB,GAAqB,KACnB;AACF,IAAA,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;AACnB,QAAA,OAAO,IAAI;IACb;AAEA,IAAA,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,KAAK,SAAS,GAAG,YAAY,GAAG,SAAS,CAAC;IAExE,IAAI,CAAC,OAAO,EAAE;AACZ,QAAA,OAAO,IAAI;IACb;IAEA,MAAM,EAAE,GAAG,EAAE,UAAU,GAAG,IAAI,EAAE,YAAY,EAAE,GAAG,MAAM;AACvD,IAAA,MAAM,OAAO,GAAG,CAAA,KAAA,EAAQ,GAAG,EAAE;IAE7B,MAAM,mBAAmB,GAAG,MAAK;QAC/B,MAAM,oBAAoB,GAAG,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC;QACrD,MAAM,kBAAkB,GAAG,UAAU,CAAC,SAAS,CAAC,YAAY,CAAC;AAE7D,QAAA,IAAI,oBAAoB,KAAK,kBAAkB,EAAE;AAC/C,YAAA,OAAO,CAAC,OAAO,CAAC,OAAO,EAAE,kBAAkB,CAAC;AAC5C,YAAA,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC;QACzB;AACF,IAAA,CAAC;AAED,IAAA,MAAM,cAAc,GAAG,CAAC,QAAgB,KAAI;QAC1C,MAAM,eAAe,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC;QAC5C,MAAM,WAAW,GAAG,UAAU,CAAC,SAAS,CAAC,QAAQ,CAAC;AAElD,QAAA,IAAI,WAAW,KAAK,eAAe,EAAE;AACnC,YAAA,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,WAAW,CAAC;QACnC;AACF,IAAA,CAAC;IAED,MAAM,WAAW,GAAG,MAAK;QACvB,MAAM,eAAe,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC;AAE5C,QAAA,IAAI,eAAe,IAAI,eAAe,KAAK,UAAU,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,EAAE;YACtE,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;QACxC;AACF,IAAA,CAAC;IAED,OAAO;QACL,mBAAmB;QACnB,cAAc;QACd,WAAW;KACZ;AACH;;;;"}

package/dist/cjs/lib/merge.d.ts

@@ -3,8 +3,8 @@ import { StateModifier } from "./createStore";
  * Merges the current state with a state modifier.
  * Useful for creating custom set functions.
  *
- * @param {T} stateModifier - A function or object that modifies the state.
- * @param {StateModifier<T>} stateModifier - The current state object.
+ * @param {T} currentState - The current state object.
+ * @param {StateModifier<T>} stateModifier - A function or object that modifies the state.
  * @returns {T} The new state object, which is a combination of the current state and the state modifier.
  *
  * @example

package/dist/cjs/lib/merge.js

@@ -4,8 +4,8 @@
  * Merges the current state with a state modifier.
  * Useful for creating custom set functions.
  *
- * @param {T} stateModifier - A function or object that modifies the state.
- * @param {StateModifier<T>} stateModifier - The current state object.
+ * @param {T} currentState - The current state object.
+ * @param {StateModifier<T>} stateModifier - A function or object that modifies the state.
  * @returns {T} The new state object, which is a combination of the current state and the state modifier.
  *
  * @example

package/dist/cjs/lib/merge.js.map

@@ -1 +1 @@
-{"version":3,"file":"merge.js","sources":["../../../src/lib/merge.ts"],"sourcesContent":["import { StateModifier } from \"./createStore\";\n\n/**\n * Merges the current state with a state modifier.\n * Useful for creating custom set functions.\n *\n * @param {T} stateModifier - A function or object that modifies the state.\n * @param {StateModifier<T>} stateModifier - The current state object.\n * @returns {T} The new state object, which is a combination of the current state and the state modifier.\n *\n * @example\n * ```ts\n * import { createStore, merge, StateModifier } from \"dharma-core\";\n *\n * const store = createStore({\n *   initialState: {\n *     counter: {\n *       count: 0,\n *     },\n *     // ...\n *   },\n *   defineActions: ({ set }) => {\n *     const setCounter = (counter: StateModifier<{ count: number }>) =>\n *       set((state) => ({\n *         counter: merge(state.counter, counter),\n *       }));\n *\n *     return {\n *       increment: () => setCounter((state) => ({ count: state.count + 1 })),\n *       decrement: () => setCounter((state) => ({ count: state.count - 1 })),\n *       reset: () => setCounter({ count: 0 }),\n *       // ...\n *     };\n *   },\n * });\n * ```\n */\nexport const merge = <T extends object>(\n  currentState: T,\n  stateModifier: StateModifier<T>,\n): T => {\n  const newState =\n    typeof stateModifier === \"function\"\n      ? stateModifier(currentState)\n      : stateModifier;\n  return { ...currentState, ...newState };\n};\n"],"names":[],"mappings":";;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCG;MACU,KAAK,GAAG,CACnB,YAAe,EACf,aAA+B,KAC1B;AACL,IAAA,MAAM,QAAQ,GACZ,OAAO,aAAa,KAAK;AACvB,UAAE,aAAa,CAAC,YAAY;UAC1B,aAAa;AACnB,IAAA,OAAO,EAAE,GAAG,YAAY,EAAE,GAAG,QAAQ,EAAE;AACzC;;;;"}
+{"version":3,"file":"merge.js","sources":["../../../src/lib/merge.ts"],"sourcesContent":["import { StateModifier } from \"./createStore\";\n\n/**\n * Merges the current state with a state modifier.\n * Useful for creating custom set functions.\n *\n * @param {T} currentState - The current state object.\n * @param {StateModifier<T>} stateModifier - A function or object that modifies the state.\n * @returns {T} The new state object, which is a combination of the current state and the state modifier.\n *\n * @example\n * ```ts\n * import { createStore, merge, StateModifier } from \"dharma-core\";\n *\n * const store = createStore({\n *   initialState: {\n *     counter: {\n *       count: 0,\n *     },\n *     // ...\n *   },\n *   defineActions: ({ set }) => {\n *     const setCounter = (counter: StateModifier<{ count: number }>) =>\n *       set((state) => ({\n *         counter: merge(state.counter, counter),\n *       }));\n *\n *     return {\n *       increment: () => setCounter((state) => ({ count: state.count + 1 })),\n *       decrement: () => setCounter((state) => ({ count: state.count - 1 })),\n *       reset: () => setCounter({ count: 0 }),\n *       // ...\n *     };\n *   },\n * });\n * ```\n */\nexport const merge = <T extends object>(\n  currentState: T,\n  stateModifier: StateModifier<T>,\n): T => {\n  const newState =\n    typeof stateModifier === \"function\"\n      ? stateModifier(currentState)\n      : stateModifier;\n  return { ...currentState, ...newState };\n};\n"],"names":[],"mappings":";;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCG;MACU,KAAK,GAAG,CACnB,YAAe,EACf,aAA+B,KAC1B;AACL,IAAA,MAAM,QAAQ,GACZ,OAAO,aAAa,KAAK;AACvB,UAAE,aAAa,CAAC,YAAY;UAC1B,aAAa;AACnB,IAAA,OAAO,EAAE,GAAG,YAAY,EAAE,GAAG,QAAQ,EAAE;AACzC;;;;"}

package/dist/esm/index.d.ts

@@ -1,3 +1,2 @@
-export * from "./lib/createPersistentStore";
 export * from "./lib/createStore";
 export * from "./lib/merge";

package/dist/esm/index.js

@@ -1,4 +1,3 @@
-export { createPersistentStore } from './lib/createPersistentStore.js';
 export { createStore } from './lib/createStore.js';
 export { merge } from './lib/merge.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/esm/lib/createStore.d.ts

@@ -31,7 +31,7 @@ export type StateFunctions<TState extends object> = {
     reset: () => TState;
 };
 export type DefineActions<TState extends object, TActions> = (stateFunctions: StateFunctions<TState>) => TActions;
-export type StoreConfiguration<TState extends object, TActions extends object> = {
+type BaseConfig<TState extends object, TActions extends object> = {
     /** The initial state of the store. */
     initialState: TState;
     /** A function that defines actions that can modify the state. */
@@ -45,18 +45,104 @@ export type StoreConfiguration<TState extends object, TActions extends object> =
     /** Invoked whenever the state changes. */
     onChange?: StoreEventHandler<TState>;
 };
+export type StorageAPI = {
+    getItem: (key: string) => string | null;
+    setItem: (key: string, value: string) => void;
+    removeItem: (key: string) => void;
+};
+export type Serializer<T = any> = {
+    stringify: (value: T) => string;
+    parse: (value: string) => T;
+};
+type NonPersistentConfig = {
+    /** Whether to persist the state of the store. */
+    persist?: false;
+};
+type PersistentConfig<TState extends object> = {
+    /** Whether to persist the state of the store. */
+    persist: true;
+    /** The unique key used to identify this store in storage. */
+    key: string;
+    /** The storage to use for persisting the state. Defaults to local storage if available. */
+    storage?: StorageAPI;
+    /** The serializer to use for storing the state. Defaults to JSON. */
+    serializer?: Serializer<TState>;
+};
+export type StoreConfig<TState extends object, TActions extends object> = BaseConfig<TState, TActions> & (NonPersistentConfig | PersistentConfig<TState>);
 /**
  * Creates a store with an initial state and actions that can modify the state.
  *
- * @param {StoreConfiguration<TState>} [config] - The configuration for the store.
+ * @param {StoreConfig<TState, TActions>} [config] - The configuration for the store.
  *
  * @returns {Store<TState, TActions>} The created store with state management methods.
  *
  * @example
+ * Basic usage:
+ * ```ts
+ * import { createStore } from "dharma-core";
+ *
+ * const store = createStore({
+ *   initialState: { count: 0 },
+ *   defineActions: ({ set }) => ({
+ *     increment: () => set((state) => ({ count: state.count + 1 })),
+ *     decrement: () => set((state) => ({ count: state.count - 1 })),
+ *   }),
+ * });
+ * ```
+ *
+ * @example
+ * With event handlers:
+ * ```ts
+ * import { createStore } from "dharma-core";
+ * import { State } from "./types";
+ *
+ * const initialState: State = { data: null, loading: true, error: null };
+ *
+ * const store = createStore({
+ *   initialState,
+ *   onAttach: async ({ set }) => {
+ *     try {
+ *       const response = await fetch("https://api.example.com/data");
+ *       const data = await response.json();
+ *       set({ data, loading: false });
+ *     } catch (error) {
+ *       set({ error, loading: false });
+ *     }
+ *   },
+ *   onDetach: ({ reset }) => reset(),
+ * });
+ * ```
+ *
+ * @example
+ * Persistent store (uses local storage by default):
+ * ```ts
+ * import { createStore } from "dharma-core";
+ *
+ * const store = createStore({
+ *   persist: true,
+ *   key: "count",
+ *   initialState: { count: 0 },
+ *   defineActions: ({ set }) => ({
+ *     increment: () => set((state) => ({ count: state.count + 1 })),
+ *     decrement: () => set((state) => ({ count: state.count - 1 })),
+ *   }),
+ * });
+ * ```
+ *
+ * **Note:** The state needs to be serializable by whatever serializer you choose (JSON by default).
+ * If you need something more versatile I would recommend using a library like [superjson](https://github.com/flightcontrolhq/superjson).
+ *
+ * @example
+ * With superjson serialization and session storage:
  * ```ts
  * import { createStore } from "dharma-core";
+ * import superjson from "superjson";
  *
  * const store = createStore({
+ *   persist: true,
+ *   key: "count",
+ *   serializer: superjson,
+ *   storage: sessionStorage,
  *   initialState: { count: 0 },
  *   defineActions: ({ set }) => ({
  *     increment: () => set((state) => ({ count: state.count + 1 })),
@@ -65,5 +151,5 @@ export type StoreConfiguration<TState extends object, TActions extends object> =
  * });
  * ```
  */
-export declare const createStore: <TState extends object, TActions extends object = Record<never, never>>(config: StoreConfiguration<TState, TActions>) => Store<TState, TActions>;
+export declare const createStore: <TState extends object, TActions extends object = Record<never, never>>(config: StoreConfig<TState, TActions>) => Store<TState, TActions>;
 export {};

package/dist/esm/lib/createStore.js

@@ -1,13 +1,15 @@
+import { getPersistenceHandlers } from './getPersistenceHandlers.js';
 import { merge } from './merge.js';
 
 /**
  * Creates a store with an initial state and actions that can modify the state.
  *
- * @param {StoreConfiguration<TState>} [config] - The configuration for the store.
+ * @param {StoreConfig<TState, TActions>} [config] - The configuration for the store.
  *
  * @returns {Store<TState, TActions>} The created store with state management methods.
  *
  * @example
+ * Basic usage:
  * ```ts
  * import { createStore } from "dharma-core";
  *
@@ -19,6 +21,67 @@ import { merge } from './merge.js';
  *   }),
  * });
  * ```
+ *
+ * @example
+ * With event handlers:
+ * ```ts
+ * import { createStore } from "dharma-core";
+ * import { State } from "./types";
+ *
+ * const initialState: State = { data: null, loading: true, error: null };
+ *
+ * const store = createStore({
+ *   initialState,
+ *   onAttach: async ({ set }) => {
+ *     try {
+ *       const response = await fetch("https://api.example.com/data");
+ *       const data = await response.json();
+ *       set({ data, loading: false });
+ *     } catch (error) {
+ *       set({ error, loading: false });
+ *     }
+ *   },
+ *   onDetach: ({ reset }) => reset(),
+ * });
+ * ```
+ *
+ * @example
+ * Persistent store (uses local storage by default):
+ * ```ts
+ * import { createStore } from "dharma-core";
+ *
+ * const store = createStore({
+ *   persist: true,
+ *   key: "count",
+ *   initialState: { count: 0 },
+ *   defineActions: ({ set }) => ({
+ *     increment: () => set((state) => ({ count: state.count + 1 })),
+ *     decrement: () => set((state) => ({ count: state.count - 1 })),
+ *   }),
+ * });
+ * ```
+ *
+ * **Note:** The state needs to be serializable by whatever serializer you choose (JSON by default).
+ * If you need something more versatile I would recommend using a library like [superjson](https://github.com/flightcontrolhq/superjson).
+ *
+ * @example
+ * With superjson serialization and session storage:
+ * ```ts
+ * import { createStore } from "dharma-core";
+ * import superjson from "superjson";
+ *
+ * const store = createStore({
+ *   persist: true,
+ *   key: "count",
+ *   serializer: superjson,
+ *   storage: sessionStorage,
+ *   initialState: { count: 0 },
+ *   defineActions: ({ set }) => ({
+ *     increment: () => set((state) => ({ count: state.count + 1 })),
+ *     decrement: () => set((state) => ({ count: state.count - 1 })),
+ *   }),
+ * });
+ * ```
  */
 const createStore = (config) => {
     const { initialState, defineActions, onLoad, onAttach, onDetach, onChange } = config;
@@ -32,6 +95,7 @@ const createStore = (config) => {
     const resetSilently = () => setSilently(initialState);
     const dispatch = () => {
         onChange?.({ state, set: setSilently, reset: resetSilently });
+        persistenceHandlers?.updateSnapshot(state);
         listeners.forEach((listener) => listener(state));
     };
     const set = (stateModifier) => {
@@ -47,6 +111,10 @@ const createStore = (config) => {
     const subscribe = (listener) => {
         if (listeners.size === 0) {
             onAttach?.({ state, set, reset });
+            persistenceHandlers?.updateState();
+            if (IS_BROWSER && persistenceHandlers) {
+                window.addEventListener("focus", persistenceHandlers.updateState);
+            }
         }
         listener(state);
         listeners.add(listener);
@@ -54,13 +122,19 @@ const createStore = (config) => {
             listeners.delete(listener);
             if (listeners.size === 0) {
                 onDetach?.({ state, set, reset });
+                if (IS_BROWSER && persistenceHandlers) {
+                    window.removeEventListener("focus", persistenceHandlers.updateState);
+                }
             }
         };
     };
     const actions = defineActions
         ? defineActions({ set, get, reset })
         : {};
+    const IS_BROWSER = typeof window !== "undefined";
+    const persistenceHandlers = getPersistenceHandlers(config, IS_BROWSER, get, set);
     onLoad?.({ state, set, reset });
+    persistenceHandlers?.initializeSnapshots();
     return {
         get,
         set,

package/dist/esm/lib/createStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"createStore.js","sources":["../../../src/lib/createStore.ts"],"sourcesContent":["import { merge } from \"./merge\";\n\ntype Listener<TState extends object> = (state: TState) => void;\n\nexport type SetState<TState extends object> = (\n  stateModifier: StateModifier<TState>,\n) => TState;\n\nexport type Store<TState extends object, TActions extends object> = {\n  /** Returns the current state of the store. */\n  get: () => TState;\n  /** Sets the state of the store. */\n  set: SetState<TState>;\n  /** Resets the state of the store to its initial value. */\n  reset: () => TState;\n  /** Actions that can modify the state of the store. */\n  actions: TActions;\n  /** Subscribes to changes in the state of the store. Returns an unsubscribe function. */\n  subscribe: (listener: Listener<TState>) => () => void;\n};\n\nexport type EventHandlerContext<TState extends object> = {\n  /** The current state of the store. */\n  state: TState;\n  /** Sets the state of the store. */\n  set: SetState<TState>;\n  /** Resets the state of the store to its initial value. */\n  reset: () => TState;\n};\n\nexport type StoreEventHandler<TState extends object> = (\n  context: EventHandlerContext<TState>,\n) => void;\n\nexport type StateModifier<TState extends object> =\n  | Partial<TState>\n  | ((state: TState) => Partial<TState>);\n\nexport type StateFunctions<TState extends object> = {\n  /** Returns the current state of the store. */\n  get: () => TState;\n  /** Sets the state of the store. */\n  set: SetState<TState>;\n  /** Resets the state of the store to its initial value. */\n  reset: () => TState;\n};\n\nexport type DefineActions<TState extends object, TActions> = (\n  stateFunctions: StateFunctions<TState>,\n) => TActions;\n\nexport type StoreConfiguration<\n  TState extends object,\n  TActions extends object,\n> = {\n  /** The initial state of the store. */\n  initialState: TState;\n  /** A function that defines actions that can modify the state. */\n  defineActions?: DefineActions<TState, TActions>;\n  /** Invoked when the store is created. */\n  onLoad?: StoreEventHandler<TState>;\n  /** Invoked when the store is subscribed to. */\n  onAttach?: StoreEventHandler<TState>;\n  /** Invoked when the store is unsubscribed from. */\n  onDetach?: StoreEventHandler<TState>;\n  /** Invoked whenever the state changes. */\n  onChange?: StoreEventHandler<TState>;\n};\n\n/**\n * Creates a store with an initial state and actions that can modify the state.\n *\n * @param {StoreConfiguration<TState>} [config] - The configuration for the store.\n *\n * @returns {Store<TState, TActions>} The created store with state management methods.\n *\n * @example\n * ```ts\n * import { createStore } from \"dharma-core\";\n *\n * const store = createStore({\n *   initialState: { count: 0 },\n *   defineActions: ({ set }) => ({\n *     increment: () => set((state) => ({ count: state.count + 1 })),\n *     decrement: () => set((state) => ({ count: state.count - 1 })),\n *   }),\n * });\n * ```\n */\nexport const createStore = <\n  TState extends object,\n  TActions extends object = Record<never, never>,\n>(\n  config: StoreConfiguration<TState, TActions>,\n): Store<TState, TActions> => {\n  const { initialState, defineActions, onLoad, onAttach, onDetach, onChange } =\n    config;\n\n  let state = initialState;\n  const listeners = new Set<Listener<TState>>();\n\n  const get = () => state;\n\n  const setSilently = (stateModifier: StateModifier<TState>) => {\n    state = merge(state, stateModifier);\n    return state;\n  };\n\n  const resetSilently = () => setSilently(initialState);\n\n  const dispatch = () => {\n    onChange?.({ state, set: setSilently, reset: resetSilently });\n    listeners.forEach((listener) => listener(state));\n  };\n\n  const set = (stateModifier: StateModifier<TState>) => {\n    setSilently(stateModifier);\n    dispatch();\n    return state;\n  };\n\n  const reset = () => {\n    resetSilently();\n    dispatch();\n    return state;\n  };\n\n  const subscribe = (listener: Listener<TState>) => {\n    if (listeners.size === 0) {\n      onAttach?.({ state, set, reset });\n    }\n\n    listener(state);\n    listeners.add(listener);\n\n    return () => {\n      listeners.delete(listener);\n\n      if (listeners.size === 0) {\n        onDetach?.({ state, set, reset });\n      }\n    };\n  };\n\n  const actions = defineActions\n    ? defineActions({ set, get, reset })\n    : ({} as TActions);\n\n  onLoad?.({ state, set, reset });\n\n  return {\n    get,\n    set,\n    reset,\n    subscribe,\n    actions,\n  };\n};\n"],"names":[],"mappings":";;AAqEA;;;;;;;;;;;;;;;;;;;AAmBG;AACI,MAAM,WAAW,GAAG,CAIzB,MAA4C,KACjB;AAC3B,IAAA,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GACzE,MAAM;IAER,IAAI,KAAK,GAAG,YAAY;AACxB,IAAA,MAAM,SAAS,GAAG,IAAI,GAAG,EAAoB;AAE7C,IAAA,MAAM,GAAG,GAAG,MAAM,KAAK;AAEvB,IAAA,MAAM,WAAW,GAAG,CAAC,aAAoC,KAAI;AAC3D,QAAA,KAAK,GAAG,KAAK,CAAC,KAAK,EAAE,aAAa,CAAC;AACnC,QAAA,OAAO,KAAK;AACd,IAAA,CAAC;IAED,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC,YAAY,CAAC;IAErD,MAAM,QAAQ,GAAG,MAAK;AACpB,QAAA,QAAQ,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC;AAC7D,QAAA,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC,KAAK,CAAC,CAAC;AAClD,IAAA,CAAC;AAED,IAAA,MAAM,GAAG,GAAG,CAAC,aAAoC,KAAI;QACnD,WAAW,CAAC,aAAa,CAAC;AAC1B,QAAA,QAAQ,EAAE;AACV,QAAA,OAAO,KAAK;AACd,IAAA,CAAC;IAED,MAAM,KAAK,GAAG,MAAK;AACjB,QAAA,aAAa,EAAE;AACf,QAAA,QAAQ,EAAE;AACV,QAAA,OAAO,KAAK;AACd,IAAA,CAAC;AAED,IAAA,MAAM,SAAS,GAAG,CAAC,QAA0B,KAAI;AAC/C,QAAA,IAAI,SAAS,CAAC,IAAI,KAAK,CAAC,EAAE;YACxB,QAAQ,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;QACnC;QAEA,QAAQ,CAAC,KAAK,CAAC;AACf,QAAA,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC;AAEvB,QAAA,OAAO,MAAK;AACV,YAAA,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC;AAE1B,YAAA,IAAI,SAAS,CAAC,IAAI,KAAK,CAAC,EAAE;gBACxB,QAAQ,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;YACnC;AACF,QAAA,CAAC;AACH,IAAA,CAAC;IAED,MAAM,OAAO,GAAG;UACZ,aAAa,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE;UAChC,EAAe;IAEpB,MAAM,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;IAE/B,OAAO;QACL,GAAG;QACH,GAAG;QACH,KAAK;QACL,SAAS;QACT,OAAO;KACR;AACH;;;;"}
+{"version":3,"file":"createStore.js","sources":["../../../src/lib/createStore.ts"],"sourcesContent":["import { getPersistenceHandlers } from \"./getPersistenceHandlers\";\nimport { merge } from \"./merge\";\n\ntype Listener<TState extends object> = (state: TState) => void;\n\nexport type SetState<TState extends object> = (\n  stateModifier: StateModifier<TState>,\n) => TState;\n\nexport type Store<TState extends object, TActions extends object> = {\n  /** Returns the current state of the store. */\n  get: () => TState;\n  /** Sets the state of the store. */\n  set: SetState<TState>;\n  /** Resets the state of the store to its initial value. */\n  reset: () => TState;\n  /** Actions that can modify the state of the store. */\n  actions: TActions;\n  /** Subscribes to changes in the state of the store. Returns an unsubscribe function. */\n  subscribe: (listener: Listener<TState>) => () => void;\n};\n\nexport type EventHandlerContext<TState extends object> = {\n  /** The current state of the store. */\n  state: TState;\n  /** Sets the state of the store. */\n  set: SetState<TState>;\n  /** Resets the state of the store to its initial value. */\n  reset: () => TState;\n};\n\nexport type StoreEventHandler<TState extends object> = (\n  context: EventHandlerContext<TState>,\n) => void;\n\nexport type StateModifier<TState extends object> =\n  | Partial<TState>\n  | ((state: TState) => Partial<TState>);\n\nexport type StateFunctions<TState extends object> = {\n  /** Returns the current state of the store. */\n  get: () => TState;\n  /** Sets the state of the store. */\n  set: SetState<TState>;\n  /** Resets the state of the store to its initial value. */\n  reset: () => TState;\n};\n\nexport type DefineActions<TState extends object, TActions> = (\n  stateFunctions: StateFunctions<TState>,\n) => TActions;\n\ntype BaseConfig<TState extends object, TActions extends object> = {\n  /** The initial state of the store. */\n  initialState: TState;\n  /** A function that defines actions that can modify the state. */\n  defineActions?: DefineActions<TState, TActions>;\n  /** Invoked when the store is created. */\n  onLoad?: StoreEventHandler<TState>;\n  /** Invoked when the store is subscribed to. */\n  onAttach?: StoreEventHandler<TState>;\n  /** Invoked when the store is unsubscribed from. */\n  onDetach?: StoreEventHandler<TState>;\n  /** Invoked whenever the state changes. */\n  onChange?: StoreEventHandler<TState>;\n};\n\nexport type StorageAPI = {\n  getItem: (key: string) => string | null;\n  setItem: (key: string, value: string) => void;\n  removeItem: (key: string) => void;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type Serializer<T = any> = {\n  stringify: (value: T) => string;\n  parse: (value: string) => T;\n};\n\ntype NonPersistentConfig = {\n  /** Whether to persist the state of the store. */\n  persist?: false;\n};\n\ntype PersistentConfig<TState extends object> = {\n  /** Whether to persist the state of the store. */\n  persist: true;\n  /** The unique key used to identify this store in storage. */\n  key: string;\n  /** The storage to use for persisting the state. Defaults to local storage if available. */\n  storage?: StorageAPI;\n  /** The serializer to use for storing the state. Defaults to JSON. */\n  serializer?: Serializer<TState>;\n};\n\nexport type StoreConfig<\n  TState extends object,\n  TActions extends object,\n> = BaseConfig<TState, TActions> &\n  (NonPersistentConfig | PersistentConfig<TState>);\n\n/**\n * Creates a store with an initial state and actions that can modify the state.\n *\n * @param {StoreConfig<TState, TActions>} [config] - The configuration for the store.\n *\n * @returns {Store<TState, TActions>} The created store with state management methods.\n *\n * @example\n * Basic usage:\n * ```ts\n * import { createStore } from \"dharma-core\";\n *\n * const store = createStore({\n *   initialState: { count: 0 },\n *   defineActions: ({ set }) => ({\n *     increment: () => set((state) => ({ count: state.count + 1 })),\n *     decrement: () => set((state) => ({ count: state.count - 1 })),\n *   }),\n * });\n * ```\n *\n * @example\n * With event handlers:\n * ```ts\n * import { createStore } from \"dharma-core\";\n * import { State } from \"./types\";\n *\n * const initialState: State = { data: null, loading: true, error: null };\n *\n * const store = createStore({\n *   initialState,\n *   onAttach: async ({ set }) => {\n *     try {\n *       const response = await fetch(\"https://api.example.com/data\");\n *       const data = await response.json();\n *       set({ data, loading: false });\n *     } catch (error) {\n *       set({ error, loading: false });\n *     }\n *   },\n *   onDetach: ({ reset }) => reset(),\n * });\n * ```\n *\n * @example\n * Persistent store (uses local storage by default):\n * ```ts\n * import { createStore } from \"dharma-core\";\n *\n * const store = createStore({\n *   persist: true,\n *   key: \"count\",\n *   initialState: { count: 0 },\n *   defineActions: ({ set }) => ({\n *     increment: () => set((state) => ({ count: state.count + 1 })),\n *     decrement: () => set((state) => ({ count: state.count - 1 })),\n *   }),\n * });\n * ```\n *\n * **Note:** The state needs to be serializable by whatever serializer you choose (JSON by default).\n * If you need something more versatile I would recommend using a library like [superjson](https://github.com/flightcontrolhq/superjson).\n *\n * @example\n * With superjson serialization and session storage:\n * ```ts\n * import { createStore } from \"dharma-core\";\n * import superjson from \"superjson\";\n *\n * const store = createStore({\n *   persist: true,\n *   key: \"count\",\n *   serializer: superjson,\n *   storage: sessionStorage,\n *   initialState: { count: 0 },\n *   defineActions: ({ set }) => ({\n *     increment: () => set((state) => ({ count: state.count + 1 })),\n *     decrement: () => set((state) => ({ count: state.count - 1 })),\n *   }),\n * });\n * ```\n */\nexport const createStore = <\n  TState extends object,\n  TActions extends object = Record<never, never>,\n>(\n  config: StoreConfig<TState, TActions>,\n): Store<TState, TActions> => {\n  const { initialState, defineActions, onLoad, onAttach, onDetach, onChange } =\n    config;\n\n  let state = initialState;\n  const listeners = new Set<Listener<TState>>();\n\n  const get = () => state;\n\n  const setSilently = (stateModifier: StateModifier<TState>) => {\n    state = merge(state, stateModifier);\n    return state;\n  };\n\n  const resetSilently = () => setSilently(initialState);\n\n  const dispatch = () => {\n    onChange?.({ state, set: setSilently, reset: resetSilently });\n    persistenceHandlers?.updateSnapshot(state);\n    listeners.forEach((listener) => listener(state));\n  };\n\n  const set = (stateModifier: StateModifier<TState>) => {\n    setSilently(stateModifier);\n    dispatch();\n    return state;\n  };\n\n  const reset = () => {\n    resetSilently();\n    dispatch();\n    return state;\n  };\n\n  const subscribe = (listener: Listener<TState>) => {\n    if (listeners.size === 0) {\n      onAttach?.({ state, set, reset });\n      persistenceHandlers?.updateState();\n\n      if (IS_BROWSER && persistenceHandlers) {\n        window.addEventListener(\"focus\", persistenceHandlers.updateState);\n      }\n    }\n\n    listener(state);\n    listeners.add(listener);\n\n    return () => {\n      listeners.delete(listener);\n\n      if (listeners.size === 0) {\n        onDetach?.({ state, set, reset });\n\n        if (IS_BROWSER && persistenceHandlers) {\n          window.removeEventListener(\"focus\", persistenceHandlers.updateState);\n        }\n      }\n    };\n  };\n\n  const actions = defineActions\n    ? defineActions({ set, get, reset })\n    : ({} as TActions);\n\n  const IS_BROWSER = typeof window !== \"undefined\";\n  const persistenceHandlers = getPersistenceHandlers<TState, TActions>(\n    config,\n    IS_BROWSER,\n    get,\n    set,\n  );\n\n  onLoad?.({ state, set, reset });\n  persistenceHandlers?.initializeSnapshots();\n\n  return {\n    get,\n    set,\n    reset,\n    subscribe,\n    actions,\n  };\n};\n"],"names":[],"mappings":";;;AAqGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiFG;AACI,MAAM,WAAW,GAAG,CAIzB,MAAqC,KACV;AAC3B,IAAA,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GACzE,MAAM;IAER,IAAI,KAAK,GAAG,YAAY;AACxB,IAAA,MAAM,SAAS,GAAG,IAAI,GAAG,EAAoB;AAE7C,IAAA,MAAM,GAAG,GAAG,MAAM,KAAK;AAEvB,IAAA,MAAM,WAAW,GAAG,CAAC,aAAoC,KAAI;AAC3D,QAAA,KAAK,GAAG,KAAK,CAAC,KAAK,EAAE,aAAa,CAAC;AACnC,QAAA,OAAO,KAAK;AACd,IAAA,CAAC;IAED,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC,YAAY,CAAC;IAErD,MAAM,QAAQ,GAAG,MAAK;AACpB,QAAA,QAAQ,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC;AAC7D,QAAA,mBAAmB,EAAE,cAAc,CAAC,KAAK,CAAC;AAC1C,QAAA,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC,KAAK,CAAC,CAAC;AAClD,IAAA,CAAC;AAED,IAAA,MAAM,GAAG,GAAG,CAAC,aAAoC,KAAI;QACnD,WAAW,CAAC,aAAa,CAAC;AAC1B,QAAA,QAAQ,EAAE;AACV,QAAA,OAAO,KAAK;AACd,IAAA,CAAC;IAED,MAAM,KAAK,GAAG,MAAK;AACjB,QAAA,aAAa,EAAE;AACf,QAAA,QAAQ,EAAE;AACV,QAAA,OAAO,KAAK;AACd,IAAA,CAAC;AAED,IAAA,MAAM,SAAS,GAAG,CAAC,QAA0B,KAAI;AAC/C,QAAA,IAAI,SAAS,CAAC,IAAI,KAAK,CAAC,EAAE;YACxB,QAAQ,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;YACjC,mBAAmB,EAAE,WAAW,EAAE;AAElC,YAAA,IAAI,UAAU,IAAI,mBAAmB,EAAE;gBACrC,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,mBAAmB,CAAC,WAAW,CAAC;YACnE;QACF;QAEA,QAAQ,CAAC,KAAK,CAAC;AACf,QAAA,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC;AAEvB,QAAA,OAAO,MAAK;AACV,YAAA,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC;AAE1B,YAAA,IAAI,SAAS,CAAC,IAAI,KAAK,CAAC,EAAE;gBACxB,QAAQ,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;AAEjC,gBAAA,IAAI,UAAU,IAAI,mBAAmB,EAAE;oBACrC,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,mBAAmB,CAAC,WAAW,CAAC;gBACtE;YACF;AACF,QAAA,CAAC;AACH,IAAA,CAAC;IAED,MAAM,OAAO,GAAG;UACZ,aAAa,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE;UAChC,EAAe;AAEpB,IAAA,MAAM,UAAU,GAAG,OAAO,MAAM,KAAK,WAAW;AAChD,IAAA,MAAM,mBAAmB,GAAG,sBAAsB,CAChD,MAAM,EACN,UAAU,EACV,GAAG,EACH,GAAG,CACJ;IAED,MAAM,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;IAC/B,mBAAmB,EAAE,mBAAmB,EAAE;IAE1C,OAAO;QACL,GAAG;QACH,GAAG;QACH,KAAK;QACL,SAAS;QACT,OAAO;KACR;AACH;;;;"}

package/dist/esm/lib/getPersistenceHandlers.d.ts

@@ -0,0 +1,6 @@
+import { SetState, StoreConfig } from "./createStore";
+export declare const getPersistenceHandlers: <TState extends object, TActions extends object = Record<never, never>>(config: StoreConfig<TState, TActions>, isBrowser: boolean, get: () => TState, set: SetState<TState>) => {
+    initializeSnapshots: () => void;
+    updateSnapshot: (newState: TState) => void;
+    updateState: () => void;
+} | null;

package/dist/esm/lib/getPersistenceHandlers.js

@@ -0,0 +1,40 @@
+const getPersistenceHandlers = (config, isBrowser, get, set) => {
+    if (!config.persist) {
+        return null;
+    }
+    const storage = config.storage ?? (isBrowser ? localStorage : undefined);
+    if (!storage) {
+        return null;
+    }
+    const { key, serializer = JSON, initialState } = config;
+    const initKey = `init_${key}`;
+    const initializeSnapshots = () => {
+        const initialStateSnapshot = storage.getItem(initKey);
+        const initialStateString = serializer.stringify(initialState);
+        if (initialStateSnapshot !== initialStateString) {
+            storage.setItem(initKey, initialStateString);
+            storage.removeItem(key);
+        }
+    };
+    const updateSnapshot = (newState) => {
+        const currentSnapshot = storage.getItem(key);
+        const newSnapshot = serializer.stringify(newState);
+        if (newSnapshot !== currentSnapshot) {
+            storage.setItem(key, newSnapshot);
+        }
+    };
+    const updateState = () => {
+        const currentSnapshot = storage.getItem(key);
+        if (currentSnapshot && currentSnapshot !== serializer.stringify(get())) {
+            set(serializer.parse(currentSnapshot));
+        }
+    };
+    return {
+        initializeSnapshots,
+        updateSnapshot,
+        updateState,
+    };
+};
+
+export { getPersistenceHandlers };
+//# sourceMappingURL=getPersistenceHandlers.js.map

package/dist/esm/lib/getPersistenceHandlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getPersistenceHandlers.js","sources":["../../../src/lib/getPersistenceHandlers.ts"],"sourcesContent":["import { SetState, StoreConfig } from \"./createStore\";\n\nexport const getPersistenceHandlers = <\n  TState extends object,\n  TActions extends object = Record<never, never>,\n>(\n  config: StoreConfig<TState, TActions>,\n  isBrowser: boolean,\n  get: () => TState,\n  set: SetState<TState>,\n) => {\n  if (!config.persist) {\n    return null;\n  }\n\n  const storage = config.storage ?? (isBrowser ? localStorage : undefined);\n\n  if (!storage) {\n    return null;\n  }\n\n  const { key, serializer = JSON, initialState } = config;\n  const initKey = `init_${key}`;\n\n  const initializeSnapshots = () => {\n    const initialStateSnapshot = storage.getItem(initKey);\n    const initialStateString = serializer.stringify(initialState);\n\n    if (initialStateSnapshot !== initialStateString) {\n      storage.setItem(initKey, initialStateString);\n      storage.removeItem(key);\n    }\n  };\n\n  const updateSnapshot = (newState: TState) => {\n    const currentSnapshot = storage.getItem(key);\n    const newSnapshot = serializer.stringify(newState);\n\n    if (newSnapshot !== currentSnapshot) {\n      storage.setItem(key, newSnapshot);\n    }\n  };\n\n  const updateState = () => {\n    const currentSnapshot = storage.getItem(key);\n\n    if (currentSnapshot && currentSnapshot !== serializer.stringify(get())) {\n      set(serializer.parse(currentSnapshot));\n    }\n  };\n\n  return {\n    initializeSnapshots,\n    updateSnapshot,\n    updateState,\n  };\n};\n"],"names":[],"mappings":"AAEO,MAAM,sBAAsB,GAAG,CAIpC,MAAqC,EACrC,SAAkB,EAClB,GAAiB,EACjB,GAAqB,KACnB;AACF,IAAA,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;AACnB,QAAA,OAAO,IAAI;IACb;AAEA,IAAA,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,KAAK,SAAS,GAAG,YAAY,GAAG,SAAS,CAAC;IAExE,IAAI,CAAC,OAAO,EAAE;AACZ,QAAA,OAAO,IAAI;IACb;IAEA,MAAM,EAAE,GAAG,EAAE,UAAU,GAAG,IAAI,EAAE,YAAY,EAAE,GAAG,MAAM;AACvD,IAAA,MAAM,OAAO,GAAG,CAAA,KAAA,EAAQ,GAAG,EAAE;IAE7B,MAAM,mBAAmB,GAAG,MAAK;QAC/B,MAAM,oBAAoB,GAAG,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC;QACrD,MAAM,kBAAkB,GAAG,UAAU,CAAC,SAAS,CAAC,YAAY,CAAC;AAE7D,QAAA,IAAI,oBAAoB,KAAK,kBAAkB,EAAE;AAC/C,YAAA,OAAO,CAAC,OAAO,CAAC,OAAO,EAAE,kBAAkB,CAAC;AAC5C,YAAA,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC;QACzB;AACF,IAAA,CAAC;AAED,IAAA,MAAM,cAAc,GAAG,CAAC,QAAgB,KAAI;QAC1C,MAAM,eAAe,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC;QAC5C,MAAM,WAAW,GAAG,UAAU,CAAC,SAAS,CAAC,QAAQ,CAAC;AAElD,QAAA,IAAI,WAAW,KAAK,eAAe,EAAE;AACnC,YAAA,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,WAAW,CAAC;QACnC;AACF,IAAA,CAAC;IAED,MAAM,WAAW,GAAG,MAAK;QACvB,MAAM,eAAe,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC;AAE5C,QAAA,IAAI,eAAe,IAAI,eAAe,KAAK,UAAU,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,EAAE;YACtE,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;QACxC;AACF,IAAA,CAAC;IAED,OAAO;QACL,mBAAmB;QACnB,cAAc;QACd,WAAW;KACZ;AACH;;;;"}

package/dist/esm/lib/merge.d.ts

@@ -3,8 +3,8 @@ import { StateModifier } from "./createStore";
  * Merges the current state with a state modifier.
  * Useful for creating custom set functions.
  *
- * @param {T} stateModifier - A function or object that modifies the state.
- * @param {StateModifier<T>} stateModifier - The current state object.
+ * @param {T} currentState - The current state object.
+ * @param {StateModifier<T>} stateModifier - A function or object that modifies the state.
  * @returns {T} The new state object, which is a combination of the current state and the state modifier.
  *
  * @example

package/dist/esm/lib/merge.js

@@ -2,8 +2,8 @@
  * Merges the current state with a state modifier.
  * Useful for creating custom set functions.
  *
- * @param {T} stateModifier - A function or object that modifies the state.
- * @param {StateModifier<T>} stateModifier - The current state object.
+ * @param {T} currentState - The current state object.
+ * @param {StateModifier<T>} stateModifier - A function or object that modifies the state.
  * @returns {T} The new state object, which is a combination of the current state and the state modifier.
  *
  * @example

package/dist/esm/lib/merge.js.map

@@ -1 +1 @@
-{"version":3,"file":"merge.js","sources":["../../../src/lib/merge.ts"],"sourcesContent":["import { StateModifier } from \"./createStore\";\n\n/**\n * Merges the current state with a state modifier.\n * Useful for creating custom set functions.\n *\n * @param {T} stateModifier - A function or object that modifies the state.\n * @param {StateModifier<T>} stateModifier - The current state object.\n * @returns {T} The new state object, which is a combination of the current state and the state modifier.\n *\n * @example\n * ```ts\n * import { createStore, merge, StateModifier } from \"dharma-core\";\n *\n * const store = createStore({\n *   initialState: {\n *     counter: {\n *       count: 0,\n *     },\n *     // ...\n *   },\n *   defineActions: ({ set }) => {\n *     const setCounter = (counter: StateModifier<{ count: number }>) =>\n *       set((state) => ({\n *         counter: merge(state.counter, counter),\n *       }));\n *\n *     return {\n *       increment: () => setCounter((state) => ({ count: state.count + 1 })),\n *       decrement: () => setCounter((state) => ({ count: state.count - 1 })),\n *       reset: () => setCounter({ count: 0 }),\n *       // ...\n *     };\n *   },\n * });\n * ```\n */\nexport const merge = <T extends object>(\n  currentState: T,\n  stateModifier: StateModifier<T>,\n): T => {\n  const newState =\n    typeof stateModifier === \"function\"\n      ? stateModifier(currentState)\n      : stateModifier;\n  return { ...currentState, ...newState };\n};\n"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCG;MACU,KAAK,GAAG,CACnB,YAAe,EACf,aAA+B,KAC1B;AACL,IAAA,MAAM,QAAQ,GACZ,OAAO,aAAa,KAAK;AACvB,UAAE,aAAa,CAAC,YAAY;UAC1B,aAAa;AACnB,IAAA,OAAO,EAAE,GAAG,YAAY,EAAE,GAAG,QAAQ,EAAE;AACzC;;;;"}
+{"version":3,"file":"merge.js","sources":["../../../src/lib/merge.ts"],"sourcesContent":["import { StateModifier } from \"./createStore\";\n\n/**\n * Merges the current state with a state modifier.\n * Useful for creating custom set functions.\n *\n * @param {T} currentState - The current state object.\n * @param {StateModifier<T>} stateModifier - A function or object that modifies the state.\n * @returns {T} The new state object, which is a combination of the current state and the state modifier.\n *\n * @example\n * ```ts\n * import { createStore, merge, StateModifier } from \"dharma-core\";\n *\n * const store = createStore({\n *   initialState: {\n *     counter: {\n *       count: 0,\n *     },\n *     // ...\n *   },\n *   defineActions: ({ set }) => {\n *     const setCounter = (counter: StateModifier<{ count: number }>) =>\n *       set((state) => ({\n *         counter: merge(state.counter, counter),\n *       }));\n *\n *     return {\n *       increment: () => setCounter((state) => ({ count: state.count + 1 })),\n *       decrement: () => setCounter((state) => ({ count: state.count - 1 })),\n *       reset: () => setCounter({ count: 0 }),\n *       // ...\n *     };\n *   },\n * });\n * ```\n */\nexport const merge = <T extends object>(\n  currentState: T,\n  stateModifier: StateModifier<T>,\n): T => {\n  const newState =\n    typeof stateModifier === \"function\"\n      ? stateModifier(currentState)\n      : stateModifier;\n  return { ...currentState, ...newState };\n};\n"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCG;MACU,KAAK,GAAG,CACnB,YAAe,EACf,aAA+B,KAC1B;AACL,IAAA,MAAM,QAAQ,GACZ,OAAO,aAAa,KAAK;AACvB,UAAE,aAAa,CAAC,YAAY;UAC1B,aAAa;AACnB,IAAA,OAAO,EAAE,GAAG,YAAY,EAAE,GAAG,QAAQ,EAAE;AACzC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dharma-core",
-  "version": "0.4.0",
+  "version": "0.6.0",
   "author": "Frans Ekman <fransedvinekman@gmail.com>",
   "license": "MIT",
   "description": "My package description",

package/dist/cjs/lib/createPersistentStore.d.ts

@@ -1,64 +0,0 @@
-import { Store, StoreConfiguration } from "./createStore";
-export type StorageAPI = {
-    getItem: (key: string) => string | null;
-    setItem: (key: string, value: string) => void;
-    removeItem: (key: string) => void;
-};
-export type Serializer<T = any> = {
-    stringify: (value: T) => string;
-    parse: (value: string) => T;
-};
-export type PersistentStoreConfiguration<TState extends object, TActions extends object> = StoreConfiguration<TState, TActions> & {
-    key: string;
-    /** The storage to use for persisting the state. Defaults to local storage. */
-    storage?: StorageAPI | "local" | "session";
-    /** The serializer to use for storing the state. Defaults to JSON. */
-    serializer?: Serializer<TState>;
-};
-/**
- * Creates a store that persists its state in local or session storage.
- * Defaults to local storage but this can be changed in the options.
- *
- * **Note:** The state needs to be serializable by whatever serializer you use. (JSON by default)
- * If you need something more versatile I would recommend using a library like [superjson](https://github.com/flightcontrolhq/superjson).
- *
- * @param {string} key - A unique key to identify the store in storage.
- * @param {TState} initialState - The initial state of the store.
- * @param {DefineActions<TState, TActions>} [defineActions] - A function to define actions for the store.
- * @param {PersistentStoreConfiguration<TState>} [options] - Additional options for the persistent store.
- *
- * @returns {Store<TState, TActions>} The created store.
- *
- * @example
- * Basic usage:
- * ```ts
- * import { createPersistentStore } from "dharma-core";
- *
- * const store = createPersistentStore("count", { count: 0 }, ({ set }) => ({
- *   increment: () => set((state) => ({ count: state.count + 1 })),
- *   decrement: () => set((state) => ({ count: state.count - 1 })),
- *   reset: () => set({ count: 0 }),
- * }));
- * ```
- * @example
- * With superjson serialization and session storage:
- * ```ts
- * import { createPersistentStore } from "dharma-core";
- * import superjson from "superjson";
- *
- * const store = createPersistentStore(
- *   "count",
- *   { count: 0 },
- *   ({ set }) => ({
- *     increment: () => set((state) => ({ count: state.count + 1 })),
- *     decrement: () => set((state) => ({ count: state.count - 1 })),
- *     reset: () => set({ count: 0 }),
- *   }),
- *   {
- *     serializer: superjson,
- *     storage: "session",
- *   },
- * );
- * ```
- */
-export declare const createPersistentStore: <TState extends object, TActions extends object = Record<never, never>>(options: PersistentStoreConfiguration<TState, TActions>) => Store<TState, TActions>;

package/dist/cjs/lib/createPersistentStore.js

@@ -1,110 +0,0 @@
-'use strict';
-
-var createStore = require('./createStore.js');
-
-/**
- * Creates a store that persists its state in local or session storage.
- * Defaults to local storage but this can be changed in the options.
- *
- * **Note:** The state needs to be serializable by whatever serializer you use. (JSON by default)
- * If you need something more versatile I would recommend using a library like [superjson](https://github.com/flightcontrolhq/superjson).
- *
- * @param {string} key - A unique key to identify the store in storage.
- * @param {TState} initialState - The initial state of the store.
- * @param {DefineActions<TState, TActions>} [defineActions] - A function to define actions for the store.
- * @param {PersistentStoreConfiguration<TState>} [options] - Additional options for the persistent store.
- *
- * @returns {Store<TState, TActions>} The created store.
- *
- * @example
- * Basic usage:
- * ```ts
- * import { createPersistentStore } from "dharma-core";
- *
- * const store = createPersistentStore("count", { count: 0 }, ({ set }) => ({
- *   increment: () => set((state) => ({ count: state.count + 1 })),
- *   decrement: () => set((state) => ({ count: state.count - 1 })),
- *   reset: () => set({ count: 0 }),
- * }));
- * ```
- * @example
- * With superjson serialization and session storage:
- * ```ts
- * import { createPersistentStore } from "dharma-core";
- * import superjson from "superjson";
- *
- * const store = createPersistentStore(
- *   "count",
- *   { count: 0 },
- *   ({ set }) => ({
- *     increment: () => set((state) => ({ count: state.count + 1 })),
- *     decrement: () => set((state) => ({ count: state.count - 1 })),
- *     reset: () => set({ count: 0 }),
- *   }),
- *   {
- *     serializer: superjson,
- *     storage: "session",
- *   },
- * );
- * ```
- */
-const createPersistentStore = (options) => {
-    if (typeof window === "undefined") {
-        return createStore.createStore(options);
-    }
-    const { key, initialState, storage: _storage = "local", serializer = JSON, onAttach, onDetach, onChange, ...rest } = options;
-    const storage = getStorage(_storage);
-    const stateKey = `store_${key}`;
-    const initialStateKey = `init_${key}`;
-    const initialStateSnapshot = storage.getItem(initialStateKey);
-    const initialStateString = serializer.stringify(initialState);
-    if (initialStateSnapshot !== initialStateString) {
-        storage.setItem(initialStateKey, initialStateString);
-        storage.removeItem(stateKey);
-    }
-    const updateSnapshot = (newState) => {
-        const currentSnapshot = storage.getItem(stateKey);
-        const newSnapshot = serializer.stringify(newState);
-        if (newSnapshot !== currentSnapshot) {
-            storage.setItem(stateKey, newSnapshot);
-        }
-    };
-    const updateState = () => {
-        const currentSnapshot = storage.getItem(stateKey);
-        if (currentSnapshot &&
-            currentSnapshot !== serializer.stringify(store.get())) {
-            store.set(serializer.parse(currentSnapshot));
-        }
-    };
-    const store = createStore.createStore({
-        initialState,
-        onAttach: (ctx) => {
-            onAttach?.(ctx);
-            updateState();
-            window.addEventListener("focus", updateState);
-        },
-        onDetach: (ctx) => {
-            onDetach?.(ctx);
-            window.removeEventListener("focus", updateState);
-        },
-        onChange: ({ state, ...ctx }) => {
-            onChange?.({ state, ...ctx });
-            updateSnapshot(state);
-        },
-        ...rest,
-    });
-    return store;
-};
-const getStorage = (storage) => {
-    switch (storage) {
-        case "local":
-            return localStorage;
-        case "session":
-            return sessionStorage;
-        default:
-            return storage;
-    }
-};
-
-exports.createPersistentStore = createPersistentStore;
-//# sourceMappingURL=createPersistentStore.js.map

package/dist/cjs/lib/createPersistentStore.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"createPersistentStore.js","sources":["../../../src/lib/createPersistentStore.ts"],"sourcesContent":["import { createStore, Store, StoreConfiguration } from \"./createStore\";\n\nexport type StorageAPI = {\n  getItem: (key: string) => string | null;\n  setItem: (key: string, value: string) => void;\n  removeItem: (key: string) => void;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type Serializer<T = any> = {\n  stringify: (value: T) => string;\n  parse: (value: string) => T;\n};\n\nexport type PersistentStoreConfiguration<\n  TState extends object,\n  TActions extends object,\n> = StoreConfiguration<TState, TActions> & {\n  key: string;\n  /** The storage to use for persisting the state. Defaults to local storage. */\n  storage?: StorageAPI | \"local\" | \"session\";\n  /** The serializer to use for storing the state. Defaults to JSON. */\n  serializer?: Serializer<TState>;\n};\n\n/**\n * Creates a store that persists its state in local or session storage.\n * Defaults to local storage but this can be changed in the options.\n *\n * **Note:** The state needs to be serializable by whatever serializer you use. (JSON by default)\n * If you need something more versatile I would recommend using a library like [superjson](https://github.com/flightcontrolhq/superjson).\n *\n * @param {string} key - A unique key to identify the store in storage.\n * @param {TState} initialState - The initial state of the store.\n * @param {DefineActions<TState, TActions>} [defineActions] - A function to define actions for the store.\n * @param {PersistentStoreConfiguration<TState>} [options] - Additional options for the persistent store.\n *\n * @returns {Store<TState, TActions>} The created store.\n *\n * @example\n * Basic usage:\n * ```ts\n * import { createPersistentStore } from \"dharma-core\";\n *\n * const store = createPersistentStore(\"count\", { count: 0 }, ({ set }) => ({\n *   increment: () => set((state) => ({ count: state.count + 1 })),\n *   decrement: () => set((state) => ({ count: state.count - 1 })),\n *   reset: () => set({ count: 0 }),\n * }));\n * ```\n * @example\n * With superjson serialization and session storage:\n * ```ts\n * import { createPersistentStore } from \"dharma-core\";\n * import superjson from \"superjson\";\n *\n * const store = createPersistentStore(\n *   \"count\",\n *   { count: 0 },\n *   ({ set }) => ({\n *     increment: () => set((state) => ({ count: state.count + 1 })),\n *     decrement: () => set((state) => ({ count: state.count - 1 })),\n *     reset: () => set({ count: 0 }),\n *   }),\n *   {\n *     serializer: superjson,\n *     storage: \"session\",\n *   },\n * );\n * ```\n */\nexport const createPersistentStore = <\n  TState extends object,\n  TActions extends object = Record<never, never>,\n>(\n  options: PersistentStoreConfiguration<TState, TActions>,\n): Store<TState, TActions> => {\n  if (typeof window === \"undefined\") {\n    return createStore(options);\n  }\n\n  const {\n    key,\n    initialState,\n    storage: _storage = \"local\",\n    serializer = JSON,\n    onAttach,\n    onDetach,\n    onChange,\n    ...rest\n  } = options;\n\n  const storage = getStorage(_storage);\n  const stateKey = `store_${key}`;\n  const initialStateKey = `init_${key}`;\n  const initialStateSnapshot = storage.getItem(initialStateKey);\n  const initialStateString = serializer.stringify(initialState);\n\n  if (initialStateSnapshot !== initialStateString) {\n    storage.setItem(initialStateKey, initialStateString);\n    storage.removeItem(stateKey);\n  }\n\n  const updateSnapshot = (newState: TState) => {\n    const currentSnapshot = storage.getItem(stateKey);\n    const newSnapshot = serializer.stringify(newState);\n\n    if (newSnapshot !== currentSnapshot) {\n      storage.setItem(stateKey, newSnapshot);\n    }\n  };\n\n  const updateState = () => {\n    const currentSnapshot = storage.getItem(stateKey);\n\n    if (\n      currentSnapshot &&\n      currentSnapshot !== serializer.stringify(store.get())\n    ) {\n      store.set(serializer.parse(currentSnapshot));\n    }\n  };\n\n  const store = createStore({\n    initialState,\n    onAttach: (ctx) => {\n      onAttach?.(ctx);\n      updateState();\n      window.addEventListener(\"focus\", updateState);\n    },\n    onDetach: (ctx) => {\n      onDetach?.(ctx);\n      window.removeEventListener(\"focus\", updateState);\n    },\n    onChange: ({ state, ...ctx }) => {\n      onChange?.({ state, ...ctx });\n      updateSnapshot(state);\n    },\n    ...rest,\n  });\n\n  return store;\n};\n\nconst getStorage = (storage: StorageAPI | \"local\" | \"session\"): StorageAPI => {\n  switch (storage) {\n    case \"local\":\n      return localStorage;\n    case \"session\":\n      return sessionStorage;\n    default:\n      return storage;\n  }\n};\n"],"names":["createStore"],"mappings":";;;;AAyBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CG;AACI,MAAM,qBAAqB,GAAG,CAInC,OAAuD,KAC5B;AAC3B,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AACjC,QAAA,OAAOA,uBAAW,CAAC,OAAO,CAAC;IAC7B;IAEA,MAAM,EACJ,GAAG,EACH,YAAY,EACZ,OAAO,EAAE,QAAQ,GAAG,OAAO,EAC3B,UAAU,GAAG,IAAI,EACjB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,IAAI,EACR,GAAG,OAAO;AAEX,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,QAAQ,CAAC;AACpC,IAAA,MAAM,QAAQ,GAAG,CAAA,MAAA,EAAS,GAAG,EAAE;AAC/B,IAAA,MAAM,eAAe,GAAG,CAAA,KAAA,EAAQ,GAAG,EAAE;IACrC,MAAM,oBAAoB,GAAG,OAAO,CAAC,OAAO,CAAC,eAAe,CAAC;IAC7D,MAAM,kBAAkB,GAAG,UAAU,CAAC,SAAS,CAAC,YAAY,CAAC;AAE7D,IAAA,IAAI,oBAAoB,KAAK,kBAAkB,EAAE;AAC/C,QAAA,OAAO,CAAC,OAAO,CAAC,eAAe,EAAE,kBAAkB,CAAC;AACpD,QAAA,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC;IAC9B;AAEA,IAAA,MAAM,cAAc,GAAG,CAAC,QAAgB,KAAI;QAC1C,MAAM,eAAe,GAAG,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC;QACjD,MAAM,WAAW,GAAG,UAAU,CAAC,SAAS,CAAC,QAAQ,CAAC;AAElD,QAAA,IAAI,WAAW,KAAK,eAAe,EAAE;AACnC,YAAA,OAAO,CAAC,OAAO,CAAC,QAAQ,EAAE,WAAW,CAAC;QACxC;AACF,IAAA,CAAC;IAED,MAAM,WAAW,GAAG,MAAK;QACvB,MAAM,eAAe,GAAG,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC;AAEjD,QAAA,IACE,eAAe;YACf,eAAe,KAAK,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,EACrD;YACA,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;QAC9C;AACF,IAAA,CAAC;IAED,MAAM,KAAK,GAAGA,uBAAW,CAAC;QACxB,YAAY;AACZ,QAAA,QAAQ,EAAE,CAAC,GAAG,KAAI;AAChB,YAAA,QAAQ,GAAG,GAAG,CAAC;AACf,YAAA,WAAW,EAAE;AACb,YAAA,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC;QAC/C,CAAC;AACD,QAAA,QAAQ,EAAE,CAAC,GAAG,KAAI;AAChB,YAAA,QAAQ,GAAG,GAAG,CAAC;AACf,YAAA,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC;QAClD,CAAC;QACD,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,GAAG,EAAE,KAAI;YAC9B,QAAQ,GAAG,EAAE,KAAK,EAAE,GAAG,GAAG,EAAE,CAAC;YAC7B,cAAc,CAAC,KAAK,CAAC;QACvB,CAAC;AACD,QAAA,GAAG,IAAI;AACR,KAAA,CAAC;AAEF,IAAA,OAAO,KAAK;AACd;AAEA,MAAM,UAAU,GAAG,CAAC,OAAyC,KAAgB;IAC3E,QAAQ,OAAO;AACb,QAAA,KAAK,OAAO;AACV,YAAA,OAAO,YAAY;AACrB,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,cAAc;AACvB,QAAA;AACE,YAAA,OAAO,OAAO;;AAEpB,CAAC;;;;"}

package/dist/esm/lib/createPersistentStore.d.ts

@@ -1,64 +0,0 @@
-import { Store, StoreConfiguration } from "./createStore";
-export type StorageAPI = {
-    getItem: (key: string) => string | null;
-    setItem: (key: string, value: string) => void;
-    removeItem: (key: string) => void;
-};
-export type Serializer<T = any> = {
-    stringify: (value: T) => string;
-    parse: (value: string) => T;
-};
-export type PersistentStoreConfiguration<TState extends object, TActions extends object> = StoreConfiguration<TState, TActions> & {
-    key: string;
-    /** The storage to use for persisting the state. Defaults to local storage. */
-    storage?: StorageAPI | "local" | "session";
-    /** The serializer to use for storing the state. Defaults to JSON. */
-    serializer?: Serializer<TState>;
-};
-/**
- * Creates a store that persists its state in local or session storage.
- * Defaults to local storage but this can be changed in the options.
- *
- * **Note:** The state needs to be serializable by whatever serializer you use. (JSON by default)
- * If you need something more versatile I would recommend using a library like [superjson](https://github.com/flightcontrolhq/superjson).
- *
- * @param {string} key - A unique key to identify the store in storage.
- * @param {TState} initialState - The initial state of the store.
- * @param {DefineActions<TState, TActions>} [defineActions] - A function to define actions for the store.
- * @param {PersistentStoreConfiguration<TState>} [options] - Additional options for the persistent store.
- *
- * @returns {Store<TState, TActions>} The created store.
- *
- * @example
- * Basic usage:
- * ```ts
- * import { createPersistentStore } from "dharma-core";
- *
- * const store = createPersistentStore("count", { count: 0 }, ({ set }) => ({
- *   increment: () => set((state) => ({ count: state.count + 1 })),
- *   decrement: () => set((state) => ({ count: state.count - 1 })),
- *   reset: () => set({ count: 0 }),
- * }));
- * ```
- * @example
- * With superjson serialization and session storage:
- * ```ts
- * import { createPersistentStore } from "dharma-core";
- * import superjson from "superjson";
- *
- * const store = createPersistentStore(
- *   "count",
- *   { count: 0 },
- *   ({ set }) => ({
- *     increment: () => set((state) => ({ count: state.count + 1 })),
- *     decrement: () => set((state) => ({ count: state.count - 1 })),
- *     reset: () => set({ count: 0 }),
- *   }),
- *   {
- *     serializer: superjson,
- *     storage: "session",
- *   },
- * );
- * ```
- */
-export declare const createPersistentStore: <TState extends object, TActions extends object = Record<never, never>>(options: PersistentStoreConfiguration<TState, TActions>) => Store<TState, TActions>;

package/dist/esm/lib/createPersistentStore.js

@@ -1,108 +0,0 @@
-import { createStore } from './createStore.js';
-
-/**
- * Creates a store that persists its state in local or session storage.
- * Defaults to local storage but this can be changed in the options.
- *
- * **Note:** The state needs to be serializable by whatever serializer you use. (JSON by default)
- * If you need something more versatile I would recommend using a library like [superjson](https://github.com/flightcontrolhq/superjson).
- *
- * @param {string} key - A unique key to identify the store in storage.
- * @param {TState} initialState - The initial state of the store.
- * @param {DefineActions<TState, TActions>} [defineActions] - A function to define actions for the store.
- * @param {PersistentStoreConfiguration<TState>} [options] - Additional options for the persistent store.
- *
- * @returns {Store<TState, TActions>} The created store.
- *
- * @example
- * Basic usage:
- * ```ts
- * import { createPersistentStore } from "dharma-core";
- *
- * const store = createPersistentStore("count", { count: 0 }, ({ set }) => ({
- *   increment: () => set((state) => ({ count: state.count + 1 })),
- *   decrement: () => set((state) => ({ count: state.count - 1 })),
- *   reset: () => set({ count: 0 }),
- * }));
- * ```
- * @example
- * With superjson serialization and session storage:
- * ```ts
- * import { createPersistentStore } from "dharma-core";
- * import superjson from "superjson";
- *
- * const store = createPersistentStore(
- *   "count",
- *   { count: 0 },
- *   ({ set }) => ({
- *     increment: () => set((state) => ({ count: state.count + 1 })),
- *     decrement: () => set((state) => ({ count: state.count - 1 })),
- *     reset: () => set({ count: 0 }),
- *   }),
- *   {
- *     serializer: superjson,
- *     storage: "session",
- *   },
- * );
- * ```
- */
-const createPersistentStore = (options) => {
-    if (typeof window === "undefined") {
-        return createStore(options);
-    }
-    const { key, initialState, storage: _storage = "local", serializer = JSON, onAttach, onDetach, onChange, ...rest } = options;
-    const storage = getStorage(_storage);
-    const stateKey = `store_${key}`;
-    const initialStateKey = `init_${key}`;
-    const initialStateSnapshot = storage.getItem(initialStateKey);
-    const initialStateString = serializer.stringify(initialState);
-    if (initialStateSnapshot !== initialStateString) {
-        storage.setItem(initialStateKey, initialStateString);
-        storage.removeItem(stateKey);
-    }
-    const updateSnapshot = (newState) => {
-        const currentSnapshot = storage.getItem(stateKey);
-        const newSnapshot = serializer.stringify(newState);
-        if (newSnapshot !== currentSnapshot) {
-            storage.setItem(stateKey, newSnapshot);
-        }
-    };
-    const updateState = () => {
-        const currentSnapshot = storage.getItem(stateKey);
-        if (currentSnapshot &&
-            currentSnapshot !== serializer.stringify(store.get())) {
-            store.set(serializer.parse(currentSnapshot));
-        }
-    };
-    const store = createStore({
-        initialState,
-        onAttach: (ctx) => {
-            onAttach?.(ctx);
-            updateState();
-            window.addEventListener("focus", updateState);
-        },
-        onDetach: (ctx) => {
-            onDetach?.(ctx);
-            window.removeEventListener("focus", updateState);
-        },
-        onChange: ({ state, ...ctx }) => {
-            onChange?.({ state, ...ctx });
-            updateSnapshot(state);
-        },
-        ...rest,
-    });
-    return store;
-};
-const getStorage = (storage) => {
-    switch (storage) {
-        case "local":
-            return localStorage;
-        case "session":
-            return sessionStorage;
-        default:
-            return storage;
-    }
-};
-
-export { createPersistentStore };
-//# sourceMappingURL=createPersistentStore.js.map

package/dist/esm/lib/createPersistentStore.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"createPersistentStore.js","sources":["../../../src/lib/createPersistentStore.ts"],"sourcesContent":["import { createStore, Store, StoreConfiguration } from \"./createStore\";\n\nexport type StorageAPI = {\n  getItem: (key: string) => string | null;\n  setItem: (key: string, value: string) => void;\n  removeItem: (key: string) => void;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type Serializer<T = any> = {\n  stringify: (value: T) => string;\n  parse: (value: string) => T;\n};\n\nexport type PersistentStoreConfiguration<\n  TState extends object,\n  TActions extends object,\n> = StoreConfiguration<TState, TActions> & {\n  key: string;\n  /** The storage to use for persisting the state. Defaults to local storage. */\n  storage?: StorageAPI | \"local\" | \"session\";\n  /** The serializer to use for storing the state. Defaults to JSON. */\n  serializer?: Serializer<TState>;\n};\n\n/**\n * Creates a store that persists its state in local or session storage.\n * Defaults to local storage but this can be changed in the options.\n *\n * **Note:** The state needs to be serializable by whatever serializer you use. (JSON by default)\n * If you need something more versatile I would recommend using a library like [superjson](https://github.com/flightcontrolhq/superjson).\n *\n * @param {string} key - A unique key to identify the store in storage.\n * @param {TState} initialState - The initial state of the store.\n * @param {DefineActions<TState, TActions>} [defineActions] - A function to define actions for the store.\n * @param {PersistentStoreConfiguration<TState>} [options] - Additional options for the persistent store.\n *\n * @returns {Store<TState, TActions>} The created store.\n *\n * @example\n * Basic usage:\n * ```ts\n * import { createPersistentStore } from \"dharma-core\";\n *\n * const store = createPersistentStore(\"count\", { count: 0 }, ({ set }) => ({\n *   increment: () => set((state) => ({ count: state.count + 1 })),\n *   decrement: () => set((state) => ({ count: state.count - 1 })),\n *   reset: () => set({ count: 0 }),\n * }));\n * ```\n * @example\n * With superjson serialization and session storage:\n * ```ts\n * import { createPersistentStore } from \"dharma-core\";\n * import superjson from \"superjson\";\n *\n * const store = createPersistentStore(\n *   \"count\",\n *   { count: 0 },\n *   ({ set }) => ({\n *     increment: () => set((state) => ({ count: state.count + 1 })),\n *     decrement: () => set((state) => ({ count: state.count - 1 })),\n *     reset: () => set({ count: 0 }),\n *   }),\n *   {\n *     serializer: superjson,\n *     storage: \"session\",\n *   },\n * );\n * ```\n */\nexport const createPersistentStore = <\n  TState extends object,\n  TActions extends object = Record<never, never>,\n>(\n  options: PersistentStoreConfiguration<TState, TActions>,\n): Store<TState, TActions> => {\n  if (typeof window === \"undefined\") {\n    return createStore(options);\n  }\n\n  const {\n    key,\n    initialState,\n    storage: _storage = \"local\",\n    serializer = JSON,\n    onAttach,\n    onDetach,\n    onChange,\n    ...rest\n  } = options;\n\n  const storage = getStorage(_storage);\n  const stateKey = `store_${key}`;\n  const initialStateKey = `init_${key}`;\n  const initialStateSnapshot = storage.getItem(initialStateKey);\n  const initialStateString = serializer.stringify(initialState);\n\n  if (initialStateSnapshot !== initialStateString) {\n    storage.setItem(initialStateKey, initialStateString);\n    storage.removeItem(stateKey);\n  }\n\n  const updateSnapshot = (newState: TState) => {\n    const currentSnapshot = storage.getItem(stateKey);\n    const newSnapshot = serializer.stringify(newState);\n\n    if (newSnapshot !== currentSnapshot) {\n      storage.setItem(stateKey, newSnapshot);\n    }\n  };\n\n  const updateState = () => {\n    const currentSnapshot = storage.getItem(stateKey);\n\n    if (\n      currentSnapshot &&\n      currentSnapshot !== serializer.stringify(store.get())\n    ) {\n      store.set(serializer.parse(currentSnapshot));\n    }\n  };\n\n  const store = createStore({\n    initialState,\n    onAttach: (ctx) => {\n      onAttach?.(ctx);\n      updateState();\n      window.addEventListener(\"focus\", updateState);\n    },\n    onDetach: (ctx) => {\n      onDetach?.(ctx);\n      window.removeEventListener(\"focus\", updateState);\n    },\n    onChange: ({ state, ...ctx }) => {\n      onChange?.({ state, ...ctx });\n      updateSnapshot(state);\n    },\n    ...rest,\n  });\n\n  return store;\n};\n\nconst getStorage = (storage: StorageAPI | \"local\" | \"session\"): StorageAPI => {\n  switch (storage) {\n    case \"local\":\n      return localStorage;\n    case \"session\":\n      return sessionStorage;\n    default:\n      return storage;\n  }\n};\n"],"names":[],"mappings":";;AAyBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CG;AACI,MAAM,qBAAqB,GAAG,CAInC,OAAuD,KAC5B;AAC3B,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AACjC,QAAA,OAAO,WAAW,CAAC,OAAO,CAAC;IAC7B;IAEA,MAAM,EACJ,GAAG,EACH,YAAY,EACZ,OAAO,EAAE,QAAQ,GAAG,OAAO,EAC3B,UAAU,GAAG,IAAI,EACjB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,IAAI,EACR,GAAG,OAAO;AAEX,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,QAAQ,CAAC;AACpC,IAAA,MAAM,QAAQ,GAAG,CAAA,MAAA,EAAS,GAAG,EAAE;AAC/B,IAAA,MAAM,eAAe,GAAG,CAAA,KAAA,EAAQ,GAAG,EAAE;IACrC,MAAM,oBAAoB,GAAG,OAAO,CAAC,OAAO,CAAC,eAAe,CAAC;IAC7D,MAAM,kBAAkB,GAAG,UAAU,CAAC,SAAS,CAAC,YAAY,CAAC;AAE7D,IAAA,IAAI,oBAAoB,KAAK,kBAAkB,EAAE;AAC/C,QAAA,OAAO,CAAC,OAAO,CAAC,eAAe,EAAE,kBAAkB,CAAC;AACpD,QAAA,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC;IAC9B;AAEA,IAAA,MAAM,cAAc,GAAG,CAAC,QAAgB,KAAI;QAC1C,MAAM,eAAe,GAAG,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC;QACjD,MAAM,WAAW,GAAG,UAAU,CAAC,SAAS,CAAC,QAAQ,CAAC;AAElD,QAAA,IAAI,WAAW,KAAK,eAAe,EAAE;AACnC,YAAA,OAAO,CAAC,OAAO,CAAC,QAAQ,EAAE,WAAW,CAAC;QACxC;AACF,IAAA,CAAC;IAED,MAAM,WAAW,GAAG,MAAK;QACvB,MAAM,eAAe,GAAG,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC;AAEjD,QAAA,IACE,eAAe;YACf,eAAe,KAAK,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,EACrD;YACA,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;QAC9C;AACF,IAAA,CAAC;IAED,MAAM,KAAK,GAAG,WAAW,CAAC;QACxB,YAAY;AACZ,QAAA,QAAQ,EAAE,CAAC,GAAG,KAAI;AAChB,YAAA,QAAQ,GAAG,GAAG,CAAC;AACf,YAAA,WAAW,EAAE;AACb,YAAA,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC;QAC/C,CAAC;AACD,QAAA,QAAQ,EAAE,CAAC,GAAG,KAAI;AAChB,YAAA,QAAQ,GAAG,GAAG,CAAC;AACf,YAAA,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC;QAClD,CAAC;QACD,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,GAAG,EAAE,KAAI;YAC9B,QAAQ,GAAG,EAAE,KAAK,EAAE,GAAG,GAAG,EAAE,CAAC;YAC7B,cAAc,CAAC,KAAK,CAAC;QACvB,CAAC;AACD,QAAA,GAAG,IAAI;AACR,KAAA,CAAC;AAEF,IAAA,OAAO,KAAK;AACd;AAEA,MAAM,UAAU,GAAG,CAAC,OAAyC,KAAgB;IAC3E,QAAQ,OAAO;AACb,QAAA,KAAK,OAAO;AACV,YAAA,OAAO,YAAY;AACrB,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,cAAc;AACvB,QAAA;AACE,YAAA,OAAO,OAAO;;AAEpB,CAAC;;;;"}