atomaric 0.0.6 → 0.0.8

package/build/atomaric.js

@@ -1,44 +1,61 @@
-const h = {};
-window.addEventListener("storage", (e) => {
-  e.key === null || h[e.key] === void 0 || h[e.key](e);
+const a = {};
+window.addEventListener("storage", (t) => {
+  t.key === null || a[t.key] === void 0 || a[t.key](t);
 });
-class f {
-  constructor(s, r) {
+class m {
+  constructor(s, i) {
     if (this._defaultValue = s, this.subscribers = /* @__PURE__ */ new Set(), this.save = () => {
-    }, this.invokeSubscriber = (t) => t(this.value), this.get = () => this.value, this.toggle = () => this.set(!this.value), this.inkrement = (t) => this.set(this.value + t), this.subscribe = (t) => (this.subscribers.add(t), () => {
-      this.subscribers.delete(t);
-    }), this.set = (t, u) => {
-      const i = typeof t == "function" ? t(this.value) : t;
-      i === this.value || i === void 0 || typeof i == "number" && isNaN(i) || (this.value = i, this.subscribers.forEach(this.invokeSubscriber, this), u !== !0 && this.save(i));
-    }, this.setDeferred = (t, u = 500, i, b = !0) => {
-      b && this.debounceTimeout === void 0 && this.set(t, i), clearTimeout(this.debounceTimeout), this.debounceTimeout = setTimeout(() => {
-        this.set(t, i), delete this.debounceTimeout;
-      }, u);
+    }, this.invokeSubscriber = (e) => e(this.value), this.get = () => this.value, this.toggle = () => this.set(!this.value), this.inkrement = (e) => this.set(this.value + e), this.subscribe = (e) => (this.subscribers.add(e), () => {
+      this.subscribers.delete(e);
+    }), this.set = (e, l) => {
+      const r = typeof e == "function" ? e(this.value) : e;
+      r === this.value || r === void 0 || typeof r == "number" && isNaN(r) || (this.value = r, this.subscribers.forEach(this.invokeSubscriber, this), l !== !0 && this.save(r));
+    }, this.setDeferred = (e, l = 500, r, S = !0) => {
+      S && this.debounceTimeout === void 0 && this.set(e, r), clearTimeout(this.debounceTimeout), this.debounceTimeout = setTimeout(() => {
+        this.set(e, r), delete this.debounceTimeout;
+      }, l);
     }, this.value = s, typeof s != "boolean" && (this.toggle = () => {
     }), typeof s != "number" && (this.inkrement = () => {
     }), this.reset = () => {
       this.set(s, !0), this.subscribers.forEach(this.invokeSubscriber, this);
-    }, r == null) return;
-    let n = null, c = !0, l = !0;
-    if (typeof r == "string" ? n = r : r.storeKey !== void 0 && (c = r.warnOnDuplicateStoreKey ?? !0, l = r.listenStorageChanges ?? !0, n = r.storeKey), n === null) return;
-    const o = `atom/${n}`;
-    this.value = o in localStorage ? JSON.parse(localStorage[o]) : s, this.save = (t) => {
-      if (t === s) {
+    }, i == null) return;
+    let o = null, h = !0, f = !0, u = s instanceof Set ? (e) => new Set(JSON.parse(e)) : (e) => JSON.parse(e), c = s instanceof Set ? (e) => {
+      if (e instanceof Set) return JSON.stringify(Array.from(e));
+      throw console.error(e), "The value is not Set instance";
+    } : (e) => JSON.stringify(e);
+    if (typeof i == "string" ? o = i : i.storeKey !== void 0 && (h = i.warnOnDuplicateStoreKey ?? !0, f = i.listenStorageChanges ?? !0, o = i.storeKey, u = i.parseValue ?? u, c = i.stringifyValue ?? c), o === null) return;
+    const n = `atom/${o}`;
+    let g = !0;
+    this.get = () => {
+      if (this.get = () => this.value, g) {
+        g = !1;
+        try {
+          this.value = n in localStorage ? u(localStorage[n]) : s;
+        } catch {
+          console.warn("Invalid json value", localStorage[n]);
+        }
+      }
+      return this.value;
+    }, this.save = (e) => {
+      if (e === s) {
         this.reset();
         return;
       }
-      localStorage[o] = JSON.stringify(t);
+      localStorage[n] = c(e);
     }, this.reset = () => {
-      delete localStorage[o], this.set(s, !0);
-    }, c && h[o] !== void 0 && console.warn("Duplicate Atom key", r), l && (h[o] = (t) => {
-      if (t.newValue === null) {
+      delete localStorage[n], this.set(s, !0);
+    }, h && a[n] !== void 0 && console.warn(
+      "Duplicate Atom key",
+      typeof i == "string" ? i : i.storeKey
+    ), f && (a[n] = (e) => {
+      if (e.newValue === null) {
         this.reset();
         return;
       }
       try {
-        this.set(JSON.parse(t.newValue));
+        this.set(u(e.newValue));
       } catch {
-        console.warn("Invalid json value", t.newValue);
+        console.warn("Invalid json value", e.newValue);
       }
     });
   }
@@ -46,19 +63,19 @@ class f {
     return this._defaultValue;
   }
 }
-let a = () => {
+let b = () => {
   throw "call configureAtomaric() before all!";
 };
-const S = (e) => a = e.useSyncExternalStore, g = (e) => a(e.subscribe, e.get), m = (e) => e.set, d = (e) => e.setDeferred, v = (e) => e.get, k = (e) => e.toggle, w = (e) => e.inkrement, y = (e) => [g(e), m(e)], A = (e, s) => new f(e, s);
+const w = (t) => b = t.useSyncExternalStore, d = (t) => b(t.subscribe, t.get), v = (t) => t.set, y = (t) => t.setDeferred, k = (t) => t.get, A = (t) => t.toggle, T = (t) => t.inkrement, D = (t) => [d(t), v(t)], N = (t, s) => new m(t, s);
 export {
-  f as Atom,
-  A as atom,
-  S as configureAtomaric,
-  y as useAtom,
-  v as useAtomGet,
-  w as useAtomInkrement,
-  m as useAtomSet,
-  d as useAtomSetDeferred,
-  k as useAtomToggle,
-  g as useAtomValue
+  m as Atom,
+  N as atom,
+  w as configureAtomaric,
+  D as useAtom,
+  k as useAtomGet,
+  T as useAtomInkrement,
+  v as useAtomSet,
+  y as useAtomSetDeferred,
+  A as useAtomToggle,
+  d as useAtomValue
 };

package/build/atomaric.umd.cjs

@@ -1 +1 @@
-(function(s,r){typeof exports=="object"&&typeof module<"u"?r(exports):typeof define=="function"&&define.amd?define(["exports"],r):(s=typeof globalThis<"u"?globalThis:s||self,r(s.atomaric={}))})(this,function(s){"use strict";const r={};window.addEventListener("storage",e=>{e.key===null||r[e.key]===void 0||r[e.key](e)});class l{constructor(i,n){if(this._defaultValue=i,this.subscribers=new Set,this.save=()=>{},this.invokeSubscriber=t=>t(this.value),this.get=()=>this.value,this.toggle=()=>this.set(!this.value),this.inkrement=t=>this.set(this.value+t),this.subscribe=t=>(this.subscribers.add(t),()=>{this.subscribers.delete(t)}),this.set=(t,h)=>{const o=typeof t=="function"?t(this.value):t;o===this.value||o===void 0||typeof o=="number"&&isNaN(o)||(this.value=o,this.subscribers.forEach(this.invokeSubscriber,this),h!==!0&&this.save(o))},this.setDeferred=(t,h=500,o,T=!0)=>{T&&this.debounceTimeout===void 0&&this.set(t,o),clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{this.set(t,o),delete this.debounceTimeout},h)},this.value=i,typeof i!="boolean"&&(this.toggle=()=>{}),typeof i!="number"&&(this.inkrement=()=>{}),this.reset=()=>{this.set(i,!0),this.subscribers.forEach(this.invokeSubscriber,this)},n==null)return;let c=null,b=!0,d=!0;if(typeof n=="string"?c=n:n.storeKey!==void 0&&(b=n.warnOnDuplicateStoreKey??!0,d=n.listenStorageChanges??!0,c=n.storeKey),c===null)return;const u=`atom/${c}`;this.value=u in localStorage?JSON.parse(localStorage[u]):i,this.save=t=>{if(t===i){this.reset();return}localStorage[u]=JSON.stringify(t)},this.reset=()=>{delete localStorage[u],this.set(i,!0)},b&&r[u]!==void 0&&console.warn("Duplicate Atom key",n),d&&(r[u]=t=>{if(t.newValue===null){this.reset();return}try{this.set(JSON.parse(t.newValue))}catch{console.warn("Invalid json value",t.newValue)}})}get defaultValue(){return this._defaultValue}}let a=()=>{throw"call configureAtomaric() before all!"};const g=e=>a=e.useSyncExternalStore,f=e=>a(e.subscribe,e.get),m=e=>e.set,S=e=>e.setDeferred,A=e=>e.get,y=e=>e.toggle,v=e=>e.inkrement,k=e=>[f(e),m(e)],w=(e,i)=>new l(e,i);s.Atom=l,s.atom=w,s.configureAtomaric=g,s.useAtom=k,s.useAtomGet=A,s.useAtomInkrement=v,s.useAtomSet=m,s.useAtomSetDeferred=S,s.useAtomToggle=y,s.useAtomValue=f,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});
+(function(s,o){typeof exports=="object"&&typeof module<"u"?o(exports):typeof define=="function"&&define.amd?define(["exports"],o):(s=typeof globalThis<"u"?globalThis:s||self,o(s.atomaric={}))})(this,function(s){"use strict";const o={};window.addEventListener("storage",t=>{t.key===null||o[t.key]===void 0||o[t.key](t)});class f{constructor(i,n){if(this._defaultValue=i,this.subscribers=new Set,this.save=()=>{},this.invokeSubscriber=e=>e(this.value),this.get=()=>this.value,this.toggle=()=>this.set(!this.value),this.inkrement=e=>this.set(this.value+e),this.subscribe=e=>(this.subscribers.add(e),()=>{this.subscribers.delete(e)}),this.set=(e,a)=>{const r=typeof e=="function"?e(this.value):e;r===this.value||r===void 0||typeof r=="number"&&isNaN(r)||(this.value=r,this.subscribers.forEach(this.invokeSubscriber,this),a!==!0&&this.save(r))},this.setDeferred=(e,a=500,r,E=!0)=>{E&&this.debounceTimeout===void 0&&this.set(e,r),clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{this.set(e,r),delete this.debounceTimeout},a)},this.value=i,typeof i!="boolean"&&(this.toggle=()=>{}),typeof i!="number"&&(this.inkrement=()=>{}),this.reset=()=>{this.set(i,!0),this.subscribers.forEach(this.invokeSubscriber,this)},n==null)return;let l=null,b=!0,d=!0,c=i instanceof Set?e=>new Set(JSON.parse(e)):e=>JSON.parse(e),h=i instanceof Set?e=>{if(e instanceof Set)return JSON.stringify(Array.from(e));throw console.error(e),"The value is not Set instance"}:e=>JSON.stringify(e);if(typeof n=="string"?l=n:n.storeKey!==void 0&&(b=n.warnOnDuplicateStoreKey??!0,d=n.listenStorageChanges??!0,l=n.storeKey,c=n.parseValue??c,h=n.stringifyValue??h),l===null)return;const u=`atom/${l}`;let A=!0;this.get=()=>{if(this.get=()=>this.value,A){A=!1;try{this.value=u in localStorage?c(localStorage[u]):i}catch{console.warn("Invalid json value",localStorage[u])}}return this.value},this.save=e=>{if(e===i){this.reset();return}localStorage[u]=h(e)},this.reset=()=>{delete localStorage[u],this.set(i,!0)},b&&o[u]!==void 0&&console.warn("Duplicate Atom key",typeof n=="string"?n:n.storeKey),d&&(o[u]=e=>{if(e.newValue===null){this.reset();return}try{this.set(c(e.newValue))}catch{console.warn("Invalid json value",e.newValue)}})}get defaultValue(){return this._defaultValue}}let m=()=>{throw"call configureAtomaric() before all!"};const y=t=>m=t.useSyncExternalStore,g=t=>m(t.subscribe,t.get),S=t=>t.set,v=t=>t.setDeferred,w=t=>t.get,k=t=>t.toggle,T=t=>t.inkrement,D=t=>[g(t),S(t)],N=(t,i)=>new f(t,i);s.Atom=f,s.atom=N,s.configureAtomaric=y,s.useAtom=D,s.useAtomGet=w,s.useAtomInkrement=T,s.useAtomSet=S,s.useAtomSetDeferred=v,s.useAtomToggle=k,s.useAtomValue=g,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "atomaric",
   "description": "Manage your project state",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "type": "module",
   "main": "./build/atomaric.umd.cjs",
   "module": "./build/atomaric.js",
@@ -23,7 +23,7 @@
     "manager"
   ],
   "scripts": {
-    "dev": "vite",
+    "start": "vite --port 8378 --host",
     "build": "tsc && vite build",
     "preview": "vite preview"
   },
@@ -31,8 +31,11 @@
     "@types/md5": "^2.3.5",
     "@types/node": "^22.15.1",
     "@types/react": "^19.1.2",
-    "vite": "^6.3.1",
+    "@types/react-dom": "^19.1.8",
+    "@vitejs/plugin-react": "^4.7.0",
     "react": "^19.1.0",
+    "react-dom": "^19.1.1",
+    "vite": "^6.3.1",
     "vite-plugin-eslint": "^1.8.1"
   },
   "dependencies": {

package/types/model.d.ts

@@ -2,12 +2,14 @@ type Sunscriber<Value> = (value: Value) => void;
 
 export type AtomStoreKey = `${string}${string}:${string}${string}`;
 
-export type AtomOptions = {
+export type AtomOptions<Value> = {
   storeKey?: AtomStoreKey;
   /** **default: true** */
   warnOnDuplicateStoreKey?: boolean;
   /** **default: true** */
   listenStorageChanges?: boolean;
+  parseValue?: (stringifiedValue: string) => Value;
+  stringifyValue?: (value: Value) => string;
 };
 
 export type AtomSetMethod<Value> = (value: Value | ((prev: Value) => Value), isPreventSave?: boolean) => void;
@@ -21,7 +23,7 @@ export type AtomSetDeferredMethod<Value> = (
 export type AtomSubscribeMethod<Value> = (subscriber: Sunscriber<Value>) => () => void;
 
 export class Atom<Value> {
-  constructor(defaultValue: Value, storeKeyOrOptions: AtomStoreKey | undefined | AtomOptions);
+  constructor(defaultValue: Value, storeKeyOrOptions: AtomStoreKey | undefined | AtomOptions<Value>);
 
   readonly defaultValue: Value;
   readonly get: () => Value;
@@ -42,9 +44,8 @@ export function useAtomInkrement(atom: Atom<number>): (typeof atom)['inkrement']
 
 export function useAtom<Value>(atom: Atom<Value>): [Value, (typeof atom)['set']];
 
-export function atom<Value>(
-  value: Value,
-  storeKeyOrOptions?: `${string}${string}:${string}${string}` | AtomOptions,
-): Atom<Value>;
+export type StoreKeyOrOptions<Value> = `${string}${string}:${string}${string}` | AtomOptions<Value>;
+
+export function atom<Value>(value: Value, storeKeyOrOptions?: StoreKeyOrOptions<Value>): Atom<Value>;
 
 export function configureAtomaric(hooks: { useSyncExternalStore: typeof useSyncExternalStore }): void;