atomaric 0.0.15 → 0.0.17

package/build/atomaric.js

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

package/build/atomaric.umd.cjs

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

package/package.json

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

package/types/model.d.ts

@@ -13,12 +13,15 @@ export type AtomOptions<Value, Actions extends Record<string, Function> = {}> =
   parseValue?: (stringifiedValue: string) => Value;
   /** map Value to localStorage string value */
   stringifyValue?: (value: Value) => string;
+  /** make your localStorage value unchangable */
+  unchangable?: true;
 } & (
   | {
       /** save in localStorage by this key */
       storeKey: AtomStoreKey;
     }
   | {
+      /** declare your custom actions */
       do: (get: () => Value, set: (value: Value, isPreventSave?: boolean) => void) => Actions;
     }
 );
@@ -57,8 +60,8 @@ export type ArrayActions<Value> = UpdateAction<Value[]> & {
   filter: (filter?: (value: Value, index: number, array: Value[]) => any) => void;
 };
 
-export type DefaultActions<Value> = Value extends Set<infer V>
-  ? SetActions<V>
+export type DefaultActions<Value> = Value extends Set<infer Val>
+  ? SetActions<Val>
   : Value extends boolean
   ? BooleanActions<Value>
   : Value extends (infer Val)[]
@@ -68,27 +71,36 @@ export type DefaultActions<Value> = Value extends Set<infer V>
   : {};
 
 export class Atom<Value, Actions extends Record<string, Function> = {}> {
-  constructor(defaultValue: Value, storeKeyOrOptions: AtomStoreKey | undefined | AtomOptions<Value, Actions>);
+  constructor(defaultValue: Value, storeKeyOrOptions: StoreKeyOrOptions<Value, Actions> | undefined);
 
   readonly defaultValue: Value;
   readonly get: () => Value;
   readonly set: AtomSetMethod<Value>;
   readonly setDeferred: AtomSetDeferredMethod<Value>;
+  /** set default (initial) value as current */
   readonly reset: () => void;
+  /** subscribe on value changes */
   readonly subscribe: AtomSubscribeMethod<Value>;
-  do: Actions & DefaultActions<Value>;
+  /** your custom actions */
+  readonly do: Actions & DefaultActions<Value>;
 }
 
+export function useAtom<Value>(atom: Atom<Value>): [Value, AtomSetMethod<Value>];
+
+/** observable atom value */
 export function useAtomValue<Value>(atom: Atom<Value>): Value;
-export function useAtomSet<Value>(atom: Atom<Value>): (typeof atom)['set'];
-export function useAtomSetDeferred<Value>(atom: Atom<Value>): (typeof atom)['setDeferred'];
-export function useAtomGet<Value>(atom: Atom<Value>): (typeof atom)['get'];
-export function useAtomDo<Value>(atom: Atom<Value>): (typeof atom)['do'];
 
-export function useAtom<Value>(atom: Atom<Value>): [Value, (typeof atom)['set']];
+export function useAtomSet<Value>(atom: Atom<Value>): AtomSetMethod<Value>;
+export function useAtomSetDeferred<Value>(atom: Atom<Value>): AtomSetDeferredMethod<Value>;
+export function useAtomGet<Value>(atom: Atom<Value>): () => Value;
+
+/** get your custom actions */
+export function useAtomDo<Value, Actions extends Record<string, Function> = {}>(
+  atom: Atom<Value, Actions>,
+): Actions & DefaultActions<Value>;
 
 export type StoreKeyOrOptions<Value, Actions extends Record<string, Function> = {}> =
-  | `${string}${string}:${string}${string}`
+  | AtomStoreKey
   | AtomOptions<Value, Actions>;
 
 export function atom<Value, Actions extends Record<string, Function> = {}>(
@@ -96,4 +108,4 @@ export function atom<Value, Actions extends Record<string, Function> = {}>(
   storeKeyOrOptions?: StoreKeyOrOptions<Value, Actions>,
 ): Atom<Value, Actions>;
 
-export function configureAtomaric(hooks: { useSyncExternalStore: typeof useSyncExternalStore }): void;
+export function configureAtomaric(options: { useSyncExternalStore: typeof useSyncExternalStore }): void;