atomaric 0.0.2 → 0.0.4

package/build/atomaric.js

@@ -1,46 +1,59 @@
-class h {
-  constructor(s, o) {
+const u = {};
+window.addEventListener("storage", (e) => {
+  e.key === null || u[e.key] === void 0 || u[e.key](e);
+});
+class g {
+  constructor(s, i) {
     if (this._defaultValue = s, this.subscribers = /* @__PURE__ */ 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, r) => {
-      const i = typeof e == "function" ? e(this.value) : e;
-      i === this.value || i === void 0 || typeof i == "number" && isNaN(i) || (this.value = i, this.subscribers.forEach(this.invokeSubscriber, this), r !== !0 && this.save(i));
-    }, o !== void 0) {
-      const e = `atom/${o}`;
-      this.value = e in localStorage ? JSON.parse(localStorage[e]) : s, this.save = (r) => {
-        if (r === s) {
-          this.reset();
-          return;
-        }
-        localStorage[e] = JSON.stringify(r);
-      }, this.reset = () => {
-        delete localStorage[e], this.set(s, !0);
-      };
-    } else
-      this.value = s, this.reset = () => {
-        this.set(s, !0), this.subscribers.forEach(this.invokeSubscriber, this);
-      };
-    typeof s != "boolean" && (this.toggle = () => {
+    }, 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, l) => {
+      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), l !== !0 && this.save(o));
+    }, 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);
+    }, i == null) return;
+    let n = null, a = !0, h = !0;
+    if (typeof i == "string" ? n = i : i.storeKey !== void 0 && (a = i.warnOnDuplicateStoreKey ?? !0, h = i.listenStorageChanges ?? !0, n = i.storeKey), n === null) return;
+    const r = `atom/${n}`;
+    this.value = r in localStorage ? JSON.parse(localStorage[r]) : s, this.save = (t) => {
+      if (t === s) {
+        this.reset();
+        return;
+      }
+      localStorage[r] = JSON.stringify(t);
+    }, this.reset = () => {
+      delete localStorage[r], this.set(s, !0);
+    }, a && u[r] !== void 0 && console.warn("Duplicate Atom key", i), h && (u[r] = (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 n = () => {
-  throw "you meed pass react useSyncExternalStore hook func in registerReactUseSyncExternalStoreHookFunc() before all ";
+let c = () => {
+  throw "you meed pass react useSyncExternalStore hook func in registerReactHooks() before all actions";
 };
-const a = (t) => n = t, c = (t) => n(t.subscribe, t.get), u = (t) => t.set, b = (t) => t.get, l = (t) => t.toggle, g = (t) => t.inkrement, S = (t) => [c(t), u(t)], v = (t, s) => new h(t, s);
+const f = (e) => c = e.useSyncExternalStore, b = (e) => c(e.subscribe, e.get), S = (e) => e.set, k = (e) => e.get, m = (e) => e.toggle, v = (e) => e.inkrement, y = (e) => [b(e), S(e)], w = (e, s) => new g(e, s);
 export {
-  h as Atom,
-  v as atom,
-  a as registerReactUseSyncExternalStoreHookFunc,
-  S as useAtom,
-  b as useAtomGet,
-  g as useAtomInkrement,
-  u as useAtomSet,
-  l as useAtomToggle,
-  c as useAtomValue
+  g as Atom,
+  w as atom,
+  f as registerReactHooks,
+  y as useAtom,
+  k as useAtomGet,
+  v as useAtomInkrement,
+  S as useAtomSet,
+  m as useAtomToggle,
+  b as useAtomValue
 };

package/build/atomaric.umd.cjs

@@ -1 +1 @@
-(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";class o{constructor(i,a){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,r)=>{const n=typeof t=="function"?t(this.value):t;n===this.value||n===void 0||typeof n=="number"&&isNaN(n)||(this.value=n,this.subscribers.forEach(this.invokeSubscriber,this),r!==!0&&this.save(n))},a!==void 0){const t=`atom/${a}`;this.value=t in localStorage?JSON.parse(localStorage[t]):i,this.save=r=>{if(r===i){this.reset();return}localStorage[t]=JSON.stringify(r)},this.reset=()=>{delete localStorage[t],this.set(i,!0)}}else this.value=i,this.reset=()=>{this.set(i,!0),this.subscribers.forEach(this.invokeSubscriber,this)};typeof i!="boolean"&&(this.toggle=()=>{}),typeof i!="number"&&(this.inkrement=()=>{})}get defaultValue(){return this._defaultValue}}let u=()=>{throw"you meed pass react useSyncExternalStore hook func in registerReactUseSyncExternalStoreHookFunc() before all "};const l=e=>u=e,c=e=>u(e.subscribe,e.get),h=e=>e.set,m=e=>e.get,b=e=>e.toggle,f=e=>e.inkrement,g=e=>[c(e),h(e)],S=(e,i)=>new o(e,i);s.Atom=o,s.atom=S,s.registerReactUseSyncExternalStoreHookFunc=l,s.useAtom=g,s.useAtomGet=m,s.useAtomInkrement=f,s.useAtomSet=h,s.useAtomToggle=b,s.useAtomValue=c,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});
+(function(s,n){typeof exports=="object"&&typeof module<"u"?n(exports):typeof define=="function"&&define.amd?define(["exports"],n):(s=typeof globalThis<"u"?globalThis:s||self,n(s.atomaric={}))})(this,function(s){"use strict";const n={};window.addEventListener("storage",e=>{e.key===null||n[e.key]===void 0||n[e.key](e)});class a{constructor(i,o){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,b)=>{const u=typeof t=="function"?t(this.value):t;u===this.value||u===void 0||typeof u=="number"&&isNaN(u)||(this.value=u,this.subscribers.forEach(this.invokeSubscriber,this),b!==!0&&this.save(u))},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)},o==null)return;let l=null,g=!0,m=!0;if(typeof o=="string"?l=o:o.storeKey!==void 0&&(g=o.warnOnDuplicateStoreKey??!0,m=o.listenStorageChanges??!0,l=o.storeKey),l===null)return;const r=`atom/${l}`;this.value=r in localStorage?JSON.parse(localStorage[r]):i,this.save=t=>{if(t===i){this.reset();return}localStorage[r]=JSON.stringify(t)},this.reset=()=>{delete localStorage[r],this.set(i,!0)},g&&n[r]!==void 0&&console.warn("Duplicate Atom key",o),m&&(n[r]=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 c=()=>{throw"you meed pass react useSyncExternalStore hook func in registerReactHooks() before all actions"};const S=e=>c=e.useSyncExternalStore,h=e=>c(e.subscribe,e.get),f=e=>e.set,d=e=>e.get,y=e=>e.toggle,k=e=>e.inkrement,v=e=>[h(e),f(e)],A=(e,i)=>new a(e,i);s.Atom=a,s.atom=A,s.registerReactHooks=S,s.useAtom=v,s.useAtomGet=d,s.useAtomInkrement=k,s.useAtomSet=f,s.useAtomToggle=y,s.useAtomValue=h,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});

package/package.json

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

package/types/model.d.ts

@@ -1,7 +1,17 @@
 type Sunscriber<Value> = (value: Value) => void;
 
+export type AtomStoreKey = `${string}${string}:${string}${string}`;
+
+export type AtomOptions = {
+  storeKey?: AtomStoreKey;
+  /** **default: true** */
+  warnOnDuplicateStoreKey?: boolean;
+  /** **default: true** */
+  listenStorageChanges?: boolean;
+};
+
 export class Atom<Value> {
-  constructor(defaultValue: Value, storeKey: `${string}${string}:${string}${string}` | undefined);
+  constructor(defaultValue: Value, storeKeyOrOptions: AtomStoreKey | undefined | AtomOptions);
 
   readonly defaultValue: Value;
   readonly get: () => Value;
@@ -20,6 +30,9 @@ 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, storeKey?: `${string}${string}:${string}${string}`): Atom<Value>;
+export function atom<Value>(
+  value: Value,
+  storeKeyOrOptions?: `${string}${string}:${string}${string}` | AtomOptions,
+): Atom<Value>;
 
-export function registerReactUseSyncExternalStoreHookFunc(hook: typeof useSyncExternalStore): void;
+export function registerReactHooks(hooks: { useSyncExternalStore: typeof useSyncExternalStore }): void;