dharma-core 0.5.0 → 0.6.1

package/README.md

@@ -30,3 +30,5 @@ 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

@@ -12,7 +12,7 @@ export type Store<TState extends object, TActions extends object> = {
     /** Subscribes to changes in the state of the store. Returns an unsubscribe function. */
     subscribe: (listener: Listener<TState>) => () => void;
 };
-export type EventHandlerContext<TState extends object> = {
+export type StoreEventContext<TState extends object> = {
     /** The current state of the store. */
     state: TState;
     /** Sets the state of the store. */
@@ -20,9 +20,9 @@ export type EventHandlerContext<TState extends object> = {
     /** Resets the state of the store to its initial value. */
     reset: () => TState;
 };
-export type StoreEventHandler<TState extends object> = (context: EventHandlerContext<TState>) => void;
+export type StoreEventHandler<TState extends object> = (context: StoreEventContext<TState>) => void;
 export type StateModifier<TState extends object> = Partial<TState> | ((state: TState) => Partial<TState>);
-export type StateFunctions<TState extends object> = {
+export type StateHandler<TState extends object> = {
     /** Returns the current state of the store. */
     get: () => TState;
     /** Sets the state of the store. */
@@ -30,8 +30,8 @@ export type StateFunctions<TState extends object> = {
     /** Resets the state of the store to its initial value. */
     reset: () => TState;
 };
-export type DefineActions<TState extends object, TActions> = (stateFunctions: StateFunctions<TState>) => TActions;
-export type StoreConfiguration<TState extends object, TActions extends object> = {
+export type DefineActions<TState extends object, TActions> = (stateHandler: StateHandler<TState>) => TActions;
+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 getPersistHandler = require('./getPersistHandler.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,34 +23,100 @@ 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;
     let state = initialState;
-    const listeners = new Set();
     const get = () => state;
     const setSilently = (stateModifier) => {
         state = merge.merge(state, stateModifier);
         return state;
     };
-    const resetSilently = () => setSilently(initialState);
-    const dispatch = () => {
-        onChange?.({ state, set: setSilently, reset: resetSilently });
-        listeners.forEach((listener) => listener(state));
-    };
     const set = (stateModifier) => {
         setSilently(stateModifier);
         dispatch();
         return state;
     };
+    const resetSilently = () => setSilently(initialState);
     const reset = () => {
         resetSilently();
         dispatch();
         return state;
     };
+    const listeners = new Set();
+    const actions = defineActions
+        ? defineActions({ set, get, reset })
+        : {};
+    const IS_BROWSER = typeof window !== "undefined";
+    const persistHandler = getPersistHandler.getPersistHandler(config, IS_BROWSER, get, set);
     const subscribe = (listener) => {
         if (listeners.size === 0) {
             onAttach?.({ state, set, reset });
+            persistHandler?.updateState();
+            if (IS_BROWSER && persistHandler) {
+                window.addEventListener("focus", persistHandler.updateState);
+            }
         }
         listener(state);
         listeners.add(listener);
@@ -56,13 +124,23 @@ const createStore = (config) => {
             listeners.delete(listener);
             if (listeners.size === 0) {
                 onDetach?.({ state, set, reset });
+                if (IS_BROWSER && persistHandler) {
+                    window.removeEventListener("focus", persistHandler.updateState);
+                }
             }
         };
     };
-    const actions = defineActions
-        ? defineActions({ set, get, reset })
-        : {};
+    const dispatch = () => {
+        onChange?.({
+            state,
+            set: setSilently,
+            reset: resetSilently,
+        });
+        persistHandler?.updateSnapshot(state);
+        listeners.forEach((listener) => listener(state));
+    };
     onLoad?.({ state, set, reset });
+    persistHandler?.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 { getPersistHandler } from \"./getPersistHandler\";\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 StoreEventContext<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: StoreEventContext<TState>,\n) => void;\n\nexport type StateModifier<TState extends object> =\n  | Partial<TState>\n  | ((state: TState) => Partial<TState>);\n\nexport type StateHandler<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  stateHandler: StateHandler<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\n  const get = () => state;\n\n  const setSilently = (stateModifier: StateModifier<TState>) => {\n    state = merge(state, stateModifier);\n    return state;\n  };\n\n  const set = (stateModifier: StateModifier<TState>) => {\n    setSilently(stateModifier);\n    dispatch();\n    return state;\n  };\n\n  const resetSilently = () => setSilently(initialState);\n\n  const reset = () => {\n    resetSilently();\n    dispatch();\n    return state;\n  };\n\n  const listeners = new Set<Listener<TState>>();\n  const actions = defineActions\n    ? defineActions({ set, get, reset })\n    : ({} as TActions);\n  const IS_BROWSER = typeof window !== \"undefined\";\n  const persistHandler = getPersistHandler(config, IS_BROWSER, get, set);\n\n  const subscribe = (listener: Listener<TState>) => {\n    if (listeners.size === 0) {\n      onAttach?.({ state, set, reset });\n      persistHandler?.updateState();\n\n      if (IS_BROWSER && persistHandler) {\n        window.addEventListener(\"focus\", persistHandler.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 && persistHandler) {\n          window.removeEventListener(\"focus\", persistHandler.updateState);\n        }\n      }\n    };\n  };\n\n  const dispatch = () => {\n    onChange?.({\n      state,\n      set: setSilently,\n      reset: resetSilently,\n    });\n    persistHandler?.updateSnapshot(state);\n    listeners.forEach((listener) => listener(state));\n  };\n\n  onLoad?.({ state, set, reset });\n  persistHandler?.initializeSnapshots();\n\n  return {\n    get,\n    set,\n    reset,\n    subscribe,\n    actions,\n  };\n};\n"],"names":["merge","getPersistHandler"],"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;AAExB,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;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,aAAa,GAAG,MAAM,WAAW,CAAC,YAAY,CAAC;IAErD,MAAM,KAAK,GAAG,MAAK;AACjB,QAAA,aAAa,EAAE;AACf,QAAA,QAAQ,EAAE;AACV,QAAA,OAAO,KAAK;AACd,IAAA,CAAC;AAED,IAAA,MAAM,SAAS,GAAG,IAAI,GAAG,EAAoB;IAC7C,MAAM,OAAO,GAAG;UACZ,aAAa,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE;UAChC,EAAe;AACpB,IAAA,MAAM,UAAU,GAAG,OAAO,MAAM,KAAK,WAAW;AAChD,IAAA,MAAM,cAAc,GAAGC,mCAAiB,CAAC,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,CAAC;AAEtE,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,cAAc,EAAE,WAAW,EAAE;AAE7B,YAAA,IAAI,UAAU,IAAI,cAAc,EAAE;gBAChC,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC,WAAW,CAAC;YAC9D;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,cAAc,EAAE;oBAChC,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,cAAc,CAAC,WAAW,CAAC;gBACjE;YACF;AACF,QAAA,CAAC;AACH,IAAA,CAAC;IAED,MAAM,QAAQ,GAAG,MAAK;AACpB,QAAA,QAAQ,GAAG;YACT,KAAK;AACL,YAAA,GAAG,EAAE,WAAW;AAChB,YAAA,KAAK,EAAE,aAAa;AACrB,SAAA,CAAC;AACF,QAAA,cAAc,EAAE,cAAc,CAAC,KAAK,CAAC;AACrC,QAAA,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC,KAAK,CAAC,CAAC;AAClD,IAAA,CAAC;IAED,MAAM,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;IAC/B,cAAc,EAAE,mBAAmB,EAAE;IAErC,OAAO;QACL,GAAG;QACH,GAAG;QACH,KAAK;QACL,SAAS;QACT,OAAO;KACR;AACH;;;;"}

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

@@ -0,0 +1,6 @@
+import { SetState, StoreConfig } from "./createStore";
+export declare const getPersistHandler: <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/getPersistHandler.js

@@ -0,0 +1,42 @@
+'use strict';
+
+const getPersistHandler = (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.getPersistHandler = getPersistHandler;
+//# sourceMappingURL=getPersistHandler.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getPersistHandler.js","sources":["../../../src/lib/getPersistHandler.ts"],"sourcesContent":["import { SetState, StoreConfig } from \"./createStore\";\n\nexport const getPersistHandler = <\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,iBAAiB,GAAG,CAI/B,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/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

@@ -12,7 +12,7 @@ export type Store<TState extends object, TActions extends object> = {
     /** Subscribes to changes in the state of the store. Returns an unsubscribe function. */
     subscribe: (listener: Listener<TState>) => () => void;
 };
-export type EventHandlerContext<TState extends object> = {
+export type StoreEventContext<TState extends object> = {
     /** The current state of the store. */
     state: TState;
     /** Sets the state of the store. */
@@ -20,9 +20,9 @@ export type EventHandlerContext<TState extends object> = {
     /** Resets the state of the store to its initial value. */
     reset: () => TState;
 };
-export type StoreEventHandler<TState extends object> = (context: EventHandlerContext<TState>) => void;
+export type StoreEventHandler<TState extends object> = (context: StoreEventContext<TState>) => void;
 export type StateModifier<TState extends object> = Partial<TState> | ((state: TState) => Partial<TState>);
-export type StateFunctions<TState extends object> = {
+export type StateHandler<TState extends object> = {
     /** Returns the current state of the store. */
     get: () => TState;
     /** Sets the state of the store. */
@@ -30,8 +30,8 @@ export type StateFunctions<TState extends object> = {
     /** Resets the state of the store to its initial value. */
     reset: () => TState;
 };
-export type DefineActions<TState extends object, TActions> = (stateFunctions: StateFunctions<TState>) => TActions;
-export type StoreConfiguration<TState extends object, TActions extends object> = {
+export type DefineActions<TState extends object, TActions> = (stateHandler: StateHandler<TState>) => TActions;
+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 { getPersistHandler } from './getPersistHandler.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,34 +21,100 @@ 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;
     let state = initialState;
-    const listeners = new Set();
     const get = () => state;
     const setSilently = (stateModifier) => {
         state = merge(state, stateModifier);
         return state;
     };
-    const resetSilently = () => setSilently(initialState);
-    const dispatch = () => {
-        onChange?.({ state, set: setSilently, reset: resetSilently });
-        listeners.forEach((listener) => listener(state));
-    };
     const set = (stateModifier) => {
         setSilently(stateModifier);
         dispatch();
         return state;
     };
+    const resetSilently = () => setSilently(initialState);
     const reset = () => {
         resetSilently();
         dispatch();
         return state;
     };
+    const listeners = new Set();
+    const actions = defineActions
+        ? defineActions({ set, get, reset })
+        : {};
+    const IS_BROWSER = typeof window !== "undefined";
+    const persistHandler = getPersistHandler(config, IS_BROWSER, get, set);
     const subscribe = (listener) => {
         if (listeners.size === 0) {
             onAttach?.({ state, set, reset });
+            persistHandler?.updateState();
+            if (IS_BROWSER && persistHandler) {
+                window.addEventListener("focus", persistHandler.updateState);
+            }
         }
         listener(state);
         listeners.add(listener);
@@ -54,13 +122,23 @@ const createStore = (config) => {
             listeners.delete(listener);
             if (listeners.size === 0) {
                 onDetach?.({ state, set, reset });
+                if (IS_BROWSER && persistHandler) {
+                    window.removeEventListener("focus", persistHandler.updateState);
+                }
             }
         };
     };
-    const actions = defineActions
-        ? defineActions({ set, get, reset })
-        : {};
+    const dispatch = () => {
+        onChange?.({
+            state,
+            set: setSilently,
+            reset: resetSilently,
+        });
+        persistHandler?.updateSnapshot(state);
+        listeners.forEach((listener) => listener(state));
+    };
     onLoad?.({ state, set, reset });
+    persistHandler?.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 { getPersistHandler } from \"./getPersistHandler\";\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 StoreEventContext<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: StoreEventContext<TState>,\n) => void;\n\nexport type StateModifier<TState extends object> =\n  | Partial<TState>\n  | ((state: TState) => Partial<TState>);\n\nexport type StateHandler<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  stateHandler: StateHandler<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\n  const get = () => state;\n\n  const setSilently = (stateModifier: StateModifier<TState>) => {\n    state = merge(state, stateModifier);\n    return state;\n  };\n\n  const set = (stateModifier: StateModifier<TState>) => {\n    setSilently(stateModifier);\n    dispatch();\n    return state;\n  };\n\n  const resetSilently = () => setSilently(initialState);\n\n  const reset = () => {\n    resetSilently();\n    dispatch();\n    return state;\n  };\n\n  const listeners = new Set<Listener<TState>>();\n  const actions = defineActions\n    ? defineActions({ set, get, reset })\n    : ({} as TActions);\n  const IS_BROWSER = typeof window !== \"undefined\";\n  const persistHandler = getPersistHandler(config, IS_BROWSER, get, set);\n\n  const subscribe = (listener: Listener<TState>) => {\n    if (listeners.size === 0) {\n      onAttach?.({ state, set, reset });\n      persistHandler?.updateState();\n\n      if (IS_BROWSER && persistHandler) {\n        window.addEventListener(\"focus\", persistHandler.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 && persistHandler) {\n          window.removeEventListener(\"focus\", persistHandler.updateState);\n        }\n      }\n    };\n  };\n\n  const dispatch = () => {\n    onChange?.({\n      state,\n      set: setSilently,\n      reset: resetSilently,\n    });\n    persistHandler?.updateSnapshot(state);\n    listeners.forEach((listener) => listener(state));\n  };\n\n  onLoad?.({ state, set, reset });\n  persistHandler?.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;AAExB,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;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,aAAa,GAAG,MAAM,WAAW,CAAC,YAAY,CAAC;IAErD,MAAM,KAAK,GAAG,MAAK;AACjB,QAAA,aAAa,EAAE;AACf,QAAA,QAAQ,EAAE;AACV,QAAA,OAAO,KAAK;AACd,IAAA,CAAC;AAED,IAAA,MAAM,SAAS,GAAG,IAAI,GAAG,EAAoB;IAC7C,MAAM,OAAO,GAAG;UACZ,aAAa,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE;UAChC,EAAe;AACpB,IAAA,MAAM,UAAU,GAAG,OAAO,MAAM,KAAK,WAAW;AAChD,IAAA,MAAM,cAAc,GAAG,iBAAiB,CAAC,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,CAAC;AAEtE,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,cAAc,EAAE,WAAW,EAAE;AAE7B,YAAA,IAAI,UAAU,IAAI,cAAc,EAAE;gBAChC,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC,WAAW,CAAC;YAC9D;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,cAAc,EAAE;oBAChC,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,cAAc,CAAC,WAAW,CAAC;gBACjE;YACF;AACF,QAAA,CAAC;AACH,IAAA,CAAC;IAED,MAAM,QAAQ,GAAG,MAAK;AACpB,QAAA,QAAQ,GAAG;YACT,KAAK;AACL,YAAA,GAAG,EAAE,WAAW;AAChB,YAAA,KAAK,EAAE,aAAa;AACrB,SAAA,CAAC;AACF,QAAA,cAAc,EAAE,cAAc,CAAC,KAAK,CAAC;AACrC,QAAA,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC,KAAK,CAAC,CAAC;AAClD,IAAA,CAAC;IAED,MAAM,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;IAC/B,cAAc,EAAE,mBAAmB,EAAE;IAErC,OAAO;QACL,GAAG;QACH,GAAG;QACH,KAAK;QACL,SAAS;QACT,OAAO;KACR;AACH;;;;"}

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

@@ -0,0 +1,6 @@
+import { SetState, StoreConfig } from "./createStore";
+export declare const getPersistHandler: <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/getPersistHandler.js

@@ -0,0 +1,40 @@
+const getPersistHandler = (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 { getPersistHandler };
+//# sourceMappingURL=getPersistHandler.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getPersistHandler.js","sources":["../../../src/lib/getPersistHandler.ts"],"sourcesContent":["import { SetState, StoreConfig } from \"./createStore\";\n\nexport const getPersistHandler = <\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,iBAAiB,GAAG,CAI/B,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/package.json

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

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

@@ -1,63 +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 if available. */
-    storage?: StorageAPI;
-    /** 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 {PersistentStoreConfiguration<TState, TActions>} config - The configuration for the persistent store.
- *
- * @returns {Store<TState, TActions>} The created store.
- *
- * @example
- * Basic usage:
- * ```ts
- * import { createPersistentStore } from "dharma-core";
- *
- * const store = createPersistentStore({
- *   key: "count",
- *   initialState: { count: 0 },
- *   defineActions: ({ 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({
- *   key: "count",
- *   initialState: { count: 0 },
- *   defineActions: ({ set }) => ({
- *     increment: () => set((state) => ({ count: state.count + 1 })),
- *     decrement: () => set((state) => ({ count: state.count - 1 })),
- *     reset: () => set({ count: 0 }),
- *   }),
- *   serializer: superjson,
- *   storage: sessionStorage,
- * });
- * ```
- */
-export declare const createPersistentStore: <TState extends object, TActions extends object = Record<never, never>>(config: PersistentStoreConfiguration<TState, TActions>) => Store<TState, TActions>;

package/dist/cjs/lib/createPersistentStore.js

@@ -1,103 +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 {PersistentStoreConfiguration<TState, TActions>} config - The configuration for the persistent store.
- *
- * @returns {Store<TState, TActions>} The created store.
- *
- * @example
- * Basic usage:
- * ```ts
- * import { createPersistentStore } from "dharma-core";
- *
- * const store = createPersistentStore({
- *   key: "count",
- *   initialState: { count: 0 },
- *   defineActions: ({ 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({
- *   key: "count",
- *   initialState: { count: 0 },
- *   defineActions: ({ set }) => ({
- *     increment: () => set((state) => ({ count: state.count + 1 })),
- *     decrement: () => set((state) => ({ count: state.count - 1 })),
- *     reset: () => set({ count: 0 }),
- *   }),
- *   serializer: superjson,
- *   storage: sessionStorage,
- * });
- * ```
- */
-const createPersistentStore = (config) => {
-    const { key, initialState, storage: customStorage, serializer = JSON, onAttach, onDetach, onChange, ...rest } = config;
-    const IS_BROWSER = typeof window !== "undefined";
-    const storage = customStorage ?? (IS_BROWSER ? localStorage : undefined);
-    if (!storage) {
-        return createStore.createStore(config);
-    }
-    const initialStateKey = `init_${key}`;
-    const initialStateSnapshot = storage.getItem(initialStateKey);
-    const initialStateString = serializer.stringify(initialState);
-    if (initialStateSnapshot !== initialStateString) {
-        storage.setItem(initialStateKey, 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(store.get())) {
-            store.set(serializer.parse(currentSnapshot));
-        }
-    };
-    const store = createStore.createStore({
-        initialState,
-        onAttach: (ctx) => {
-            onAttach?.(ctx);
-            updateState();
-            if (IS_BROWSER) {
-                window.addEventListener("focus", updateState);
-            }
-        },
-        onDetach: (ctx) => {
-            onDetach?.(ctx);
-            if (IS_BROWSER) {
-                window.removeEventListener("focus", updateState);
-            }
-        },
-        onChange: ({ state, ...ctx }) => {
-            onChange?.({ state, ...ctx });
-            updateSnapshot(state);
-        },
-        ...rest,
-    });
-    return store;
-};
-
-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 if available. */\n  storage?: StorageAPI;\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 {PersistentStoreConfiguration<TState, TActions>} config - The configuration 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({\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 *     reset: () => set({ count: 0 }),\n *   }),\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 *   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 *     reset: () => set({ count: 0 }),\n *   }),\n *   serializer: superjson,\n *   storage: sessionStorage,\n * });\n * ```\n */\nexport const createPersistentStore = <\n  TState extends object,\n  TActions extends object = Record<never, never>,\n>(\n  config: PersistentStoreConfiguration<TState, TActions>,\n): Store<TState, TActions> => {\n  const {\n    key,\n    initialState,\n    storage: customStorage,\n    serializer = JSON,\n    onAttach,\n    onDetach,\n    onChange,\n    ...rest\n  } = config;\n\n  const IS_BROWSER = typeof window !== \"undefined\";\n  const storage = customStorage ?? (IS_BROWSER ? localStorage : undefined);\n\n  if (!storage) {\n    return createStore(config);\n  }\n\n  const initialStateKey = `init_${key}`;\n\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(key);\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 (\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      if (IS_BROWSER) {\n        window.addEventListener(\"focus\", updateState);\n      }\n    },\n    onDetach: (ctx) => {\n      onDetach?.(ctx);\n      if (IS_BROWSER) {\n        window.removeEventListener(\"focus\", updateState);\n      }\n    },\n    onChange: ({ state, ...ctx }) => {\n      onChange?.({ state, ...ctx });\n      updateSnapshot(state);\n    },\n    ...rest,\n  });\n\n  return store;\n};\n"],"names":["createStore"],"mappings":";;;;AAyBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CG;AACI,MAAM,qBAAqB,GAAG,CAInC,MAAsD,KAC3B;IAC3B,MAAM,EACJ,GAAG,EACH,YAAY,EACZ,OAAO,EAAE,aAAa,EACtB,UAAU,GAAG,IAAI,EACjB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,IAAI,EACR,GAAG,MAAM;AAEV,IAAA,MAAM,UAAU,GAAG,OAAO,MAAM,KAAK,WAAW;AAChD,IAAA,MAAM,OAAO,GAAG,aAAa,KAAK,UAAU,GAAG,YAAY,GAAG,SAAS,CAAC;IAExE,IAAI,CAAC,OAAO,EAAE;AACZ,QAAA,OAAOA,uBAAW,CAAC,MAAM,CAAC;IAC5B;AAEA,IAAA,MAAM,eAAe,GAAG,CAAA,KAAA,EAAQ,GAAG,EAAE;IAErC,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,GAAG,CAAC;IACzB;AAEA,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,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;YACb,IAAI,UAAU,EAAE;AACd,gBAAA,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC;YAC/C;QACF,CAAC;AACD,QAAA,QAAQ,EAAE,CAAC,GAAG,KAAI;AAChB,YAAA,QAAQ,GAAG,GAAG,CAAC;YACf,IAAI,UAAU,EAAE;AACd,gBAAA,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC;YAClD;QACF,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;;;;"}

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

@@ -1,63 +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 if available. */
-    storage?: StorageAPI;
-    /** 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 {PersistentStoreConfiguration<TState, TActions>} config - The configuration for the persistent store.
- *
- * @returns {Store<TState, TActions>} The created store.
- *
- * @example
- * Basic usage:
- * ```ts
- * import { createPersistentStore } from "dharma-core";
- *
- * const store = createPersistentStore({
- *   key: "count",
- *   initialState: { count: 0 },
- *   defineActions: ({ 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({
- *   key: "count",
- *   initialState: { count: 0 },
- *   defineActions: ({ set }) => ({
- *     increment: () => set((state) => ({ count: state.count + 1 })),
- *     decrement: () => set((state) => ({ count: state.count - 1 })),
- *     reset: () => set({ count: 0 }),
- *   }),
- *   serializer: superjson,
- *   storage: sessionStorage,
- * });
- * ```
- */
-export declare const createPersistentStore: <TState extends object, TActions extends object = Record<never, never>>(config: PersistentStoreConfiguration<TState, TActions>) => Store<TState, TActions>;

package/dist/esm/lib/createPersistentStore.js

@@ -1,101 +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 {PersistentStoreConfiguration<TState, TActions>} config - The configuration for the persistent store.
- *
- * @returns {Store<TState, TActions>} The created store.
- *
- * @example
- * Basic usage:
- * ```ts
- * import { createPersistentStore } from "dharma-core";
- *
- * const store = createPersistentStore({
- *   key: "count",
- *   initialState: { count: 0 },
- *   defineActions: ({ 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({
- *   key: "count",
- *   initialState: { count: 0 },
- *   defineActions: ({ set }) => ({
- *     increment: () => set((state) => ({ count: state.count + 1 })),
- *     decrement: () => set((state) => ({ count: state.count - 1 })),
- *     reset: () => set({ count: 0 }),
- *   }),
- *   serializer: superjson,
- *   storage: sessionStorage,
- * });
- * ```
- */
-const createPersistentStore = (config) => {
-    const { key, initialState, storage: customStorage, serializer = JSON, onAttach, onDetach, onChange, ...rest } = config;
-    const IS_BROWSER = typeof window !== "undefined";
-    const storage = customStorage ?? (IS_BROWSER ? localStorage : undefined);
-    if (!storage) {
-        return createStore(config);
-    }
-    const initialStateKey = `init_${key}`;
-    const initialStateSnapshot = storage.getItem(initialStateKey);
-    const initialStateString = serializer.stringify(initialState);
-    if (initialStateSnapshot !== initialStateString) {
-        storage.setItem(initialStateKey, 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(store.get())) {
-            store.set(serializer.parse(currentSnapshot));
-        }
-    };
-    const store = createStore({
-        initialState,
-        onAttach: (ctx) => {
-            onAttach?.(ctx);
-            updateState();
-            if (IS_BROWSER) {
-                window.addEventListener("focus", updateState);
-            }
-        },
-        onDetach: (ctx) => {
-            onDetach?.(ctx);
-            if (IS_BROWSER) {
-                window.removeEventListener("focus", updateState);
-            }
-        },
-        onChange: ({ state, ...ctx }) => {
-            onChange?.({ state, ...ctx });
-            updateSnapshot(state);
-        },
-        ...rest,
-    });
-    return store;
-};
-
-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 if available. */\n  storage?: StorageAPI;\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 {PersistentStoreConfiguration<TState, TActions>} config - The configuration 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({\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 *     reset: () => set({ count: 0 }),\n *   }),\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 *   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 *     reset: () => set({ count: 0 }),\n *   }),\n *   serializer: superjson,\n *   storage: sessionStorage,\n * });\n * ```\n */\nexport const createPersistentStore = <\n  TState extends object,\n  TActions extends object = Record<never, never>,\n>(\n  config: PersistentStoreConfiguration<TState, TActions>,\n): Store<TState, TActions> => {\n  const {\n    key,\n    initialState,\n    storage: customStorage,\n    serializer = JSON,\n    onAttach,\n    onDetach,\n    onChange,\n    ...rest\n  } = config;\n\n  const IS_BROWSER = typeof window !== \"undefined\";\n  const storage = customStorage ?? (IS_BROWSER ? localStorage : undefined);\n\n  if (!storage) {\n    return createStore(config);\n  }\n\n  const initialStateKey = `init_${key}`;\n\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(key);\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 (\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      if (IS_BROWSER) {\n        window.addEventListener(\"focus\", updateState);\n      }\n    },\n    onDetach: (ctx) => {\n      onDetach?.(ctx);\n      if (IS_BROWSER) {\n        window.removeEventListener(\"focus\", updateState);\n      }\n    },\n    onChange: ({ state, ...ctx }) => {\n      onChange?.({ state, ...ctx });\n      updateSnapshot(state);\n    },\n    ...rest,\n  });\n\n  return store;\n};\n"],"names":[],"mappings":";;AAyBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CG;AACI,MAAM,qBAAqB,GAAG,CAInC,MAAsD,KAC3B;IAC3B,MAAM,EACJ,GAAG,EACH,YAAY,EACZ,OAAO,EAAE,aAAa,EACtB,UAAU,GAAG,IAAI,EACjB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,IAAI,EACR,GAAG,MAAM;AAEV,IAAA,MAAM,UAAU,GAAG,OAAO,MAAM,KAAK,WAAW;AAChD,IAAA,MAAM,OAAO,GAAG,aAAa,KAAK,UAAU,GAAG,YAAY,GAAG,SAAS,CAAC;IAExE,IAAI,CAAC,OAAO,EAAE;AACZ,QAAA,OAAO,WAAW,CAAC,MAAM,CAAC;IAC5B;AAEA,IAAA,MAAM,eAAe,GAAG,CAAA,KAAA,EAAQ,GAAG,EAAE;IAErC,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,GAAG,CAAC;IACzB;AAEA,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,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;YACb,IAAI,UAAU,EAAE;AACd,gBAAA,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC;YAC/C;QACF,CAAC;AACD,QAAA,QAAQ,EAAE,CAAC,GAAG,KAAI;AAChB,YAAA,QAAQ,GAAG,GAAG,CAAC;YACf,IAAI,UAAU,EAAE;AACd,gBAAA,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC;YAClD;QACF,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;;;;"}