atomaric 0.0.12 → 0.0.14

package/build/atomaric.js

@@ -1,192 +1,129 @@
 class C {
-  constructor(s) {
-    this.value = s;
-  }
-  getValue() {
-    return this.value;
-  }
-  setValue(s) {
-    this.value = s;
-  }
-}
-class T extends C {
-  constructor(s, n) {
-    super(s), this._defaultValue = s, this.subscribers = /* @__PURE__ */ new Set(), this.save = () => {
-    }, this.invokeSubscriber = (e) => e(this.get()), this.do = {}, this.get = () => super.getValue(), this.subscribe = (e) => (this.subscribers.add(e), () => {
-      this.subscribers.delete(e);
-    }), this.set = (e, i) => {
-      const l = typeof e == "function" ? e(this.get()) : e;
-      l === this.get() || l === void 0 || typeof l == "number" && isNaN(l) || (super.setValue(l), this.subscribers.forEach(this.invokeSubscriber, this), i !== !0 && this.save(l));
-    }, this.setDeferred = (e, i = 500, l, k = !0) => {
-      k && this.debounceTimeout === void 0 && this.set(e, l), clearTimeout(this.debounceTimeout), this.debounceTimeout = setTimeout(() => {
-        this.set(e, l), delete this.debounceTimeout;
-      }, i);
+  constructor(n, o) {
+    let A = n, g, b = () => {
     };
-    const c = (e, i) => i;
-    let h = null;
-    typeof s == "number" && (h = c(s, {
-      increment: (e) => {
-        this.set(+this.get() + (e ?? 0));
-      }
-    })), typeof s == "boolean" && (h = c(s, {
-      toggle: () => {
-        this.set(!this.get());
-      }
-    })), Array.isArray(s) && (h = c(s, {
-      push: (e) => {
-        this.set([...this.get(), e]);
-      },
-      unshift: (e) => {
-        this.set([e, ...this.get()]);
-      },
-      update: (e) => {
-        const i = [...this.get()];
-        e(i), this.set(i);
-      },
-      filter: (e) => {
-        this.set(this.get().filter(e ?? U));
-      }
-    })), s instanceof Set && (h = c(s, {
-      add: (e) => {
-        const i = new Set(this.get());
-        i.add(e), this.set(i);
-      },
-      delete: (e) => {
-        const i = new Set(this.get());
-        i.delete(e), this.set(i);
-      },
-      clear: () => {
-        this.set(/* @__PURE__ */ new Set());
-      },
-      update: (e) => {
-        const i = new Set(this.get());
-        e(i), this.set(i);
-      }
-    }));
-    const E = typeof n == "object" && "do" in n ? n.do(
-      () => this.get(),
-      (e, i) => this.set(e, i)
-    ) : {};
-    if (this.do = {
-      ...E,
-      ...h
-    }, this.reset = () => {
-      this.set(s, !0), this.subscribers.forEach(this.invokeSubscriber, this);
-    }, n == null) return;
-    let d = null, m = !0, S = !0, b = !1, g = s instanceof Set ? (e) => new Set(JSON.parse(e)) : (e) => JSON.parse(e), f = 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 n == "string" ? d = n : "storeKey" in n && (m = n.warnOnDuplicateStoreKey ?? !0, S = n.listenStorageChanges ?? !0, d = n.storeKey, g = n.parseValue ?? g, f = n.stringifyValue ?? f, b = n.unchangable ?? b), d === null) return;
-    const o = `atom/${d}`;
-    let v = !0;
-    if (this.get = () => {
-      if (this.get = () => super.getValue(), v) {
-        v = !1;
+    const _ = (t) => A = t, y = () => A;
+    this.get = () => y();
+    let p = () => {
+      const t = (s, i) => i;
+      let c = null;
+      typeof n == "number" && (c = t(n, {
+        increment: (s) => {
+          r(+this.get() + (s ?? 0));
+        }
+      })), typeof n == "boolean" && (c = t(n, {
+        toggle: () => {
+          r(!this.get());
+        }
+      })), Array.isArray(n) && (c = t(n, {
+        push: (...s) => {
+          r([this.get()].flat().concat(s));
+        },
+        unshift: (...s) => {
+          r(s.concat(this.get()));
+        },
+        update: (s) => {
+          const i = [...this.get()];
+          s(i), r(i);
+        },
+        filter: (s) => {
+          r(this.get().filter(s ?? I));
+        }
+      })), n instanceof Set && (c = t(n, {
+        add: (s) => {
+          const i = new Set(this.get());
+          i.add(s), r(i);
+        },
+        delete: (s) => {
+          const i = new Set(this.get());
+          i.delete(s), r(i);
+        },
+        clear: () => {
+          r(/* @__PURE__ */ new Set());
+        },
+        update: (s) => {
+          const i = new Set(this.get());
+          s(i), r(i);
+        }
+      }));
+      const d = {
+        ...typeof o == "object" && "do" in o ? o.do(
+          () => this.get(),
+          (s, i) => r(s, i)
+        ) : {},
+        ...c
+      };
+      return p = () => d, d;
+    };
+    Object.defineProperty(this, "do", { get: () => p() }), Object.defineProperty(this, "defaultValue", { get: () => n });
+    const S = /* @__PURE__ */ new Set(), D = (t) => t(this.get());
+    this.subscribe = (t) => (S.add(t), () => (S.delete(t), void 0));
+    const r = (t, c) => {
+      const l = typeof t == "function" ? t(this.get()) : t;
+      l === this.get() || l === void 0 || typeof l == "number" && isNaN(l) || (_(l), S.forEach(D, this), c !== !0 && b(l));
+    };
+    if (this.set = (t, c) => r(t, c), this.reset = () => {
+      r(n, !0), S.forEach(D, this);
+    }, this.setDeferred = (t, c = 500, l, d = !0) => {
+      d && g === void 0 && r(t, l), clearTimeout(g), g = setTimeout(() => {
+        r(t, l), g = void 0;
+      }, c);
+    }, o == null) return;
+    let u = null, N = !0, j = !0, w = n instanceof Set ? (t) => new Set(JSON.parse(t)) : (t) => JSON.parse(t), m = n instanceof Set ? (t) => {
+      if (t instanceof Set) return JSON.stringify(Array.from(t));
+      throw console.error(t), "The value is not Set instance";
+    } : (t) => JSON.stringify(t);
+    if (typeof o == "string" ? u = o : "storeKey" in o && (N = o.warnOnDuplicateStoreKey ?? !0, j = o.listenStorageChanges ?? !0, u = o.storeKey, w = o.parseValue ?? w, m = o.stringifyValue ?? m), u === null) return;
+    const a = `atom/${u}`;
+    let k = !0;
+    this.get = () => {
+      if (this.get = () => y(), k) {
+        k = !1;
         try {
-          super.setValue(o in r ? g(r[o]) : s);
+          _(a in h ? w(h[a]) : n);
         } catch {
-          console.warn("Invalid json value", r[o]);
+          console.warn("Invalid json value", h[a]);
         }
       }
-      return super.getValue();
-    }, this.save = (e) => {
-      if (e === s) {
+      return y();
+    }, b = (t) => {
+      if (t === n) {
         this.reset();
         return;
       }
-      r[o] = f(e), I(o);
+      h[a] = m(t);
     }, this.reset = () => {
-      delete r[o], this.set(s, !0);
-    }, m && u[o] !== void 0 && console.warn("Duplicate Atom key", d), u[o] = {}, S)
-      if (b) {
-        let e, i = !1;
-        u[o].updateUnchangable = () => {
-          try {
-            this.set(g(r[o]), !0);
-          } catch {
-          }
-        }, a[o] = () => {
-          i || (i = !0, r[o] = f(this.get()), clearTimeout(e), e = setTimeout(() => i = !1, 100));
-        }, N();
-      } else
-        u[o].updatable = (e) => {
-          if (e.newValue === null) {
-            this.reset();
-            return;
-          }
-          try {
-            this.set(g(e.newValue));
-          } catch {
-            console.warn("Invalid json value", e.newValue);
-          }
-        };
-  }
-  get defaultValue() {
-    return this._defaultValue;
+      delete h[a], r(n, !0);
+    }, N && f[a] !== void 0 && console.warn("Duplicate Atom key", u), j && (f[a] = (t) => {
+      if (t.newValue === null) {
+        this.reset();
+        return;
+      }
+      try {
+        r(w(t.newValue));
+      } catch {
+        console.warn("Invalid json value", t.newValue);
+      }
+    });
   }
 }
-const r = window.localStorage, u = {}, a = {};
-window.addEventListener("storage", (t) => {
-  var s, n, c;
-  t.key === null || t.newValue === t.oldValue || ((s = a[t.key]) == null || s.call(a), (c = (n = u[t.key]) == null ? void 0 : n.updatable) == null || c.call(n, t));
-});
-const A = new BroadcastChannel("unchangableChanged");
-A.addEventListener("message", (t) => {
-  var s, n;
-  (n = (s = u[t.data]) == null ? void 0 : s.updateUnchangable) == null || n.call(s);
+const h = window.localStorage, f = {}, I = (e) => e;
+window.addEventListener("storage", (e) => {
+  var n;
+  e.key === null || e.newValue === e.oldValue || (n = f[e.key]) == null || n.call(f, e);
 });
-const I = (t) => {
-  A.postMessage(t);
-}, D = r.setItem.bind(r), L = r.removeItem.bind(r), j = r.clear.bind(r);
-r.setItem = (t, s) => {
-  a[t] === void 0 && D.call(r, t, s);
-};
-r.removeItem = (t) => {
-  a[t] === void 0 && L.call(r, t);
-};
-r.clear = () => {
-  j(), w();
-};
-let p = r.length;
-const w = () => {
-  p !== r.length && (p = r.length, Object.keys(a).forEach((t) => {
-    t in r || (I(t), a[t]());
-  }));
-}, N = /* @__PURE__ */ (() => {
-  let t = !1;
-  return () => {
-    if (t) return;
-    t = !0;
-    let s;
-    const n = () => {
-      clearInterval(s), s = setInterval(w, 0), w();
-    };
-    n(), window.addEventListener("focus", () => clearInterval(s), !0), window.addEventListener("focus", () => clearInterval(s), !1), window.addEventListener("click", () => clearInterval(s), !1), window.addEventListener("click", () => clearInterval(s), !0), window.addEventListener("blur", n, !0);
-  };
-})();
-(() => {
-  const t = (n) => {
-    var c;
-    n in r || (c = a[n]) == null || c.call(a);
-  }, s = () => Object.keys(u).forEach(t);
-  Object.defineProperty(window, "localStorage", {
-    get: () => (Promise.resolve().then(s), r)
-  });
-})();
-const U = (t) => t;
-let y = () => {
+let E = () => {
   throw "call configureAtomaric() before all!";
 };
-const J = (t) => y = t.useSyncExternalStore, V = (t) => y(t.subscribe, t.get), x = (t) => t.set, B = (t) => t.setDeferred, G = (t) => t.get, M = (t) => t.do, P = (t) => [V(t), x(t)], R = (t, s) => new T(t, s);
+const x = (e) => E = e.useSyncExternalStore, J = (e) => E(e.subscribe, e.get), T = (e) => e.set, v = (e) => e.setDeferred, F = (e) => e.get, G = (e) => e.do, L = (e) => [J(e), T(e)], P = (e, n) => new C(e, n);
 export {
-  T as Atom,
-  R as atom,
-  J as configureAtomaric,
-  P as useAtom,
-  M as useAtomDo,
-  G as useAtomGet,
-  x as useAtomSet,
-  B as useAtomSetDeferred,
-  V as useAtomValue
+  C as Atom,
+  P as atom,
+  x as configureAtomaric,
+  L as useAtom,
+  G as useAtomDo,
+  F as useAtomGet,
+  T as useAtomSet,
+  v as useAtomSetDeferred,
+  J as useAtomValue
 };

package/build/atomaric.umd.cjs

@@ -1 +1 @@
-(function(o,d){typeof exports=="object"&&typeof module<"u"?d(exports):typeof define=="function"&&define.amd?define(["exports"],d):(o=typeof globalThis<"u"?globalThis:o||self,d(o.atomaric={}))})(this,function(o){"use strict";class d{constructor(s){this.value=s}getValue(){return this.value}setValue(s){this.value=s}}class v extends d{constructor(s,n){super(s),this._defaultValue=s,this.subscribers=new Set,this.save=()=>{},this.invokeSubscriber=e=>e(this.get()),this.do={},this.get=()=>super.getValue(),this.subscribe=e=>(this.subscribers.add(e),()=>{this.subscribers.delete(e)}),this.set=(e,r)=>{const l=typeof e=="function"?e(this.get()):e;l===this.get()||l===void 0||typeof l=="number"&&isNaN(l)||(super.setValue(l),this.subscribers.forEach(this.invokeSubscriber,this),r!==!0&&this.save(l))},this.setDeferred=(e,r=500,l,$=!0)=>{$&&this.debounceTimeout===void 0&&this.set(e,l),clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{this.set(e,l),delete this.debounceTimeout},r)};const u=(e,r)=>r;let f=null;typeof s=="number"&&(f=u(s,{increment:e=>{this.set(+this.get()+(e??0))}})),typeof s=="boolean"&&(f=u(s,{toggle:()=>{this.set(!this.get())}})),Array.isArray(s)&&(f=u(s,{push:e=>{this.set([...this.get(),e])},unshift:e=>{this.set([e,...this.get()])},update:e=>{const r=[...this.get()];e(r),this.set(r)},filter:e=>{this.set(this.get().filter(e??U))}})),s instanceof Set&&(f=u(s,{add:e=>{const r=new Set(this.get());r.add(e),this.set(r)},delete:e=>{const r=new Set(this.get());r.delete(e),this.set(r)},clear:()=>{this.set(new Set)},update:e=>{const r=new Set(this.get());e(r),this.set(r)}}));const W=typeof n=="object"&&"do"in n?n.do(()=>this.get(),(e,r)=>this.set(e,r)):{};if(this.do={...W,...f},this.reset=()=>{this.set(s,!0),this.subscribers.forEach(this.invokeSubscriber,this)},n==null)return;let g=null,D=!0,k=!0,w=!1,m=s instanceof Set?e=>new Set(JSON.parse(e)):e=>JSON.parse(e),b=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 n=="string"?g=n:"storeKey"in n&&(D=n.warnOnDuplicateStoreKey??!0,k=n.listenStorageChanges??!0,g=n.storeKey,m=n.parseValue??m,b=n.stringifyValue??b,w=n.unchangable??w),g===null)return;const a=`atom/${g}`;let C=!0;if(this.get=()=>{if(this.get=()=>super.getValue(),C){C=!1;try{super.setValue(a in i?m(i[a]):s)}catch{console.warn("Invalid json value",i[a])}}return super.getValue()},this.save=e=>{if(e===s){this.reset();return}i[a]=b(e),p(a)},this.reset=()=>{delete i[a],this.set(s,!0)},D&&h[a]!==void 0&&console.warn("Duplicate Atom key",g),h[a]={},k)if(w){let e,r=!1;h[a].updateUnchangable=()=>{try{this.set(m(i[a]),!0)}catch{}},c[a]=()=>{r||(r=!0,i[a]=b(this.get()),clearTimeout(e),e=setTimeout(()=>r=!1,100))},N()}else h[a].updatable=e=>{if(e.newValue===null){this.reset();return}try{this.set(m(e.newValue))}catch{console.warn("Invalid json value",e.newValue)}}}get defaultValue(){return this._defaultValue}}const i=window.localStorage,h={},c={};window.addEventListener("storage",t=>{var s,n,u;t.key===null||t.newValue===t.oldValue||((s=c[t.key])==null||s.call(c),(u=(n=h[t.key])==null?void 0:n.updatable)==null||u.call(n,t))});const A=new BroadcastChannel("unchangableChanged");A.addEventListener("message",t=>{var s,n;(n=(s=h[t.data])==null?void 0:s.updateUnchangable)==null||n.call(s)});const p=t=>{A.postMessage(t)},j=i.setItem.bind(i),L=i.removeItem.bind(i),V=i.clear.bind(i);i.setItem=(t,s)=>{c[t]===void 0&&j.call(i,t,s)},i.removeItem=t=>{c[t]===void 0&&L.call(i,t)},i.clear=()=>{V(),S()};let y=i.length;const S=()=>{y!==i.length&&(y=i.length,Object.keys(c).forEach(t=>{t in i||(p(t),c[t]())}))},N=(()=>{let t=!1;return()=>{if(t)return;t=!0;let s;const n=()=>{clearInterval(s),s=setInterval(S,0),S()};n(),window.addEventListener("focus",()=>clearInterval(s),!0),window.addEventListener("focus",()=>clearInterval(s),!1),window.addEventListener("click",()=>clearInterval(s),!1),window.addEventListener("click",()=>clearInterval(s),!0),window.addEventListener("blur",n,!0)}})();(()=>{const t=n=>{var u;n in i||(u=c[n])==null||u.call(c)},s=()=>Object.keys(h).forEach(t);Object.defineProperty(window,"localStorage",{get:()=>(Promise.resolve().then(s),i)})})();const U=t=>t;let I=()=>{throw"call configureAtomaric() before all!"};const J=t=>I=t.useSyncExternalStore,E=t=>I(t.subscribe,t.get),T=t=>t.set,G=t=>t.setDeferred,M=t=>t.get,P=t=>t.do,B=t=>[E(t),T(t)],R=(t,s)=>new v(t,s);o.Atom=v,o.atom=R,o.configureAtomaric=J,o.useAtom=B,o.useAtomDo=P,o.useAtomGet=M,o.useAtomSet=T,o.useAtomSetDeferred=G,o.useAtomValue=E,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})});
+(function(r,f){typeof exports=="object"&&typeof module<"u"?f(exports):typeof define=="function"&&define.amd?define(["exports"],f):(r=typeof globalThis<"u"?globalThis:r||self,f(r.atomaric={}))})(this,function(r){"use strict";class f{constructor(n,c){let T=n,S,p=()=>{};const N=e=>T=e,y=()=>T;this.get=()=>y();let k=()=>{const e=(i,s)=>s;let u=null;typeof n=="number"&&(u=e(n,{increment:i=>{o(+this.get()+(i??0))}})),typeof n=="boolean"&&(u=e(n,{toggle:()=>{o(!this.get())}})),Array.isArray(n)&&(u=e(n,{push:(...i)=>{o([this.get()].flat().concat(i))},unshift:(...i)=>{o(i.concat(this.get()))},update:i=>{const s=[...this.get()];i(s),o(s)},filter:i=>{o(this.get().filter(i??v))}})),n instanceof Set&&(u=e(n,{add:i=>{const s=new Set(this.get());s.add(i),o(s)},delete:i=>{const s=new Set(this.get());s.delete(i),o(s)},clear:()=>{o(new Set)},update:i=>{const s=new Set(this.get());i(s),o(s)}}));const A={...typeof c=="object"&&"do"in c?c.do(()=>this.get(),(i,s)=>o(i,s)):{},...u};return k=()=>A,A};Object.defineProperty(this,"do",{get:()=>k()}),Object.defineProperty(this,"defaultValue",{get:()=>n});const m=new Set,E=e=>e(this.get());this.subscribe=e=>(m.add(e),()=>(m.delete(e),void 0));const o=(e,u)=>{const l=typeof e=="function"?e(this.get()):e;l===this.get()||l===void 0||typeof l=="number"&&isNaN(l)||(N(l),m.forEach(E,this),u!==!0&&p(l))};if(this.set=(e,u)=>o(e,u),this.reset=()=>{o(n,!0),m.forEach(E,this)},this.setDeferred=(e,u=500,l,A=!0)=>{A&&S===void 0&&o(e,l),clearTimeout(S),S=setTimeout(()=>{o(e,l),S=void 0},u)},c==null)return;let d=null,C=!0,I=!0,w=n instanceof Set?e=>new Set(JSON.parse(e)):e=>JSON.parse(e),b=n 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 c=="string"?d=c:"storeKey"in c&&(C=c.warnOnDuplicateStoreKey??!0,I=c.listenStorageChanges??!0,d=c.storeKey,w=c.parseValue??w,b=c.stringifyValue??b),d===null)return;const a=`atom/${d}`;let J=!0;this.get=()=>{if(this.get=()=>y(),J){J=!1;try{N(a in h?w(h[a]):n)}catch{console.warn("Invalid json value",h[a])}}return y()},p=e=>{if(e===n){this.reset();return}h[a]=b(e)},this.reset=()=>{delete h[a],o(n,!0)},C&&g[a]!==void 0&&console.warn("Duplicate Atom key",d),I&&(g[a]=e=>{if(e.newValue===null){this.reset();return}try{o(w(e.newValue))}catch{console.warn("Invalid json value",e.newValue)}})}}const h=window.localStorage,g={},v=t=>t;window.addEventListener("storage",t=>{var n;t.key===null||t.newValue===t.oldValue||(n=g[t.key])==null||n.call(g,t)});let _=()=>{throw"call configureAtomaric() before all!"};const G=t=>_=t.useSyncExternalStore,D=t=>_(t.subscribe,t.get),j=t=>t.set,P=t=>t.setDeferred,F=t=>t.get,L=t=>t.do,M=t=>[D(t),j(t)],$=(t,n)=>new f(t,n);r.Atom=f,r.atom=$,r.configureAtomaric=G,r.useAtom=M,r.useAtomDo=L,r.useAtomGet=F,r.useAtomSet=j,r.useAtomSetDeferred=P,r.useAtomValue=D,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "atomaric",
   "description": "Manage your project state",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "type": "module",
   "main": "./build/atomaric.umd.cjs",
   "module": "./build/atomaric.js",

package/types/model.d.ts

@@ -13,10 +13,6 @@ export type AtomOptions<Value, Actions extends Record<string, Function> = {}> =
   parseValue?: (stringifiedValue: string) => Value;
   /** map Value to localStorage string value */
   stringifyValue?: (value: Value) => string;
-  /** can not to change localStorage value in dev tools
-   * **default: false**
-   */
-  unchangable?: boolean;
 } & (
   | {
       /** save in localStorage by this key */
@@ -56,8 +52,8 @@ export type SetActions<Value> = UpdateAction<Value> & {
 };
 
 export type ArrayActions<Value> = UpdateAction<Value[]> & {
-  push: (value: Value) => void;
-  unshift: (value: Value) => void;
+  push: (...values: Value[]) => void;
+  unshift: (...values: Value[]) => void;
   filter: (filter?: (value: Value, index: number, array: Value[]) => any) => void;
 };