@tanstack/store 0.0.1-beta.84 → 0.0.1-beta.86

package/build/cjs/index.js

@@ -14,8 +14,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 class Store {
   listeners = new Set();
-  batching = false;
-  queue = [];
+  #batching = false;
+  #flushing = 0;
   constructor(initialState, options) {
     this.state = initialState;
     this.options = options;
@@ -33,21 +33,23 @@ class Store {
     this.state = this.options?.updateFn ? this.options.updateFn(previous)(updater) : updater(previous);
     if (this.state === previous) return;
     this.options?.onUpdate?.(this.state, previous);
-    this.queue.push(() => {
-      this.listeners.forEach(listener => listener(this.state, previous));
-    });
-    this.#flush();
+    this.#flush(previous);
   };
-  #flush = () => {
-    if (this.batching) return;
-    this.queue.forEach(cb => cb());
-    this.queue = [];
+  #flush = previous => {
+    if (this.#batching) return;
+    const flushId = ++this.#flushing;
+    this.listeners.forEach(listener => {
+      if (this.#flushing !== flushId) return;
+      listener(this.state, previous);
+    });
   };
   batch = cb => {
-    this.batching = true;
+    if (this.#batching) return cb();
+    const previous = this.state;
+    this.#batching = true;
     cb();
-    this.batching = false;
-    this.#flush();
+    this.#batching = false;
+    this.#flush(previous);
   };
 }
 

package/build/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["export type AnyUpdater = (...args: any[]) => any\n\nexport type Listener<TState> = (next: TState, prev: TState) => void\n\ninterface StoreOptions<\n  TState,\n  TUpdater extends AnyUpdater = (cb: TState) => TState,\n> {\n  updateFn?: (previous: TState) => (updater: TUpdater) => TState\n  onSubscribe?: (\n    listener: Listener<TState>,\n    store: Store<TState, TUpdater>,\n  ) => () => void\n  onUpdate?: (next: TState, prev: TState) => void\n}\n\nexport class Store<\n  TState,\n  TUpdater extends AnyUpdater = (cb: TState) => TState,\n> {\n  listeners = new Set<Listener<TState>>()\n  state: TState\n  options?: StoreOptions<TState, TUpdater>\n  batching = false\n  queue: ((...args: any[]) => void)[] = []\n\n  constructor(initialState: TState, options?: StoreOptions<TState, TUpdater>) {\n    this.state = initialState\n    this.options = options\n  }\n\n  subscribe = (listener: Listener<TState>) => {\n    this.listeners.add(listener)\n    const unsub = this.options?.onSubscribe?.(listener, this)\n    return () => {\n      this.listeners.delete(listener)\n      unsub?.()\n    }\n  }\n\n  setState = (updater: TUpdater) => {\n    const previous = this.state\n    this.state = this.options?.updateFn\n      ? this.options.updateFn(previous)(updater)\n      : (updater as any)(previous)\n\n    if (this.state === previous) return\n\n    this.options?.onUpdate?.(this.state, previous)\n\n    this.queue.push(() => {\n      this.listeners.forEach((listener) => listener(this.state, previous))\n    })\n    this.#flush()\n  }\n\n  #flush = () => {\n    if (this.batching) return\n    this.queue.forEach((cb) => cb())\n    this.queue = []\n  }\n\n  batch = (cb: () => void) => {\n    this.batching = true\n    cb()\n    this.batching = false\n    this.#flush()\n  }\n}\n"],"names":["Store","listeners","Set","batching","queue","constructor","initialState","options","state","subscribe","listener","add","unsub","onSubscribe","delete","setState","updater","previous","updateFn","onUpdate","push","forEach","cb","batch"],"mappings":";;;;;;;;;;;;;;AAgBO,MAAMA,KAAK,CAGhB;EACAC,SAAS,GAAG,IAAIC,GAAG,EAAoB,CAAA;AAGvCC,EAAAA,QAAQ,GAAG,KAAK,CAAA;AAChBC,EAAAA,KAAK,GAAiC,EAAE,CAAA;AAExCC,EAAAA,WAAW,CAACC,YAAoB,EAAEC,OAAwC,EAAE;IAC1E,IAAI,CAACC,KAAK,GAAGF,YAAY,CAAA;IACzB,IAAI,CAACC,OAAO,GAAGA,OAAO,CAAA;AACxB,GAAA;EAEAE,SAAS,GAAIC,QAA0B,IAAK;AAC1C,IAAA,IAAI,CAACT,SAAS,CAACU,GAAG,CAACD,QAAQ,CAAC,CAAA;IAC5B,MAAME,KAAK,GAAG,IAAI,CAACL,OAAO,EAAEM,WAAW,GAAGH,QAAQ,EAAE,IAAI,CAAC,CAAA;AACzD,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,CAACT,SAAS,CAACa,MAAM,CAACJ,QAAQ,CAAC,CAAA;AAC/BE,MAAAA,KAAK,IAAI,CAAA;KACV,CAAA;GACF,CAAA;EAEDG,QAAQ,GAAIC,OAAiB,IAAK;AAChC,IAAA,MAAMC,QAAQ,GAAG,IAAI,CAACT,KAAK,CAAA;IAC3B,IAAI,CAACA,KAAK,GAAG,IAAI,CAACD,OAAO,EAAEW,QAAQ,GAC/B,IAAI,CAACX,OAAO,CAACW,QAAQ,CAACD,QAAQ,CAAC,CAACD,OAAO,CAAC,GACvCA,OAAO,CAASC,QAAQ,CAAC,CAAA;AAE9B,IAAA,IAAI,IAAI,CAACT,KAAK,KAAKS,QAAQ,EAAE,OAAA;IAE7B,IAAI,CAACV,OAAO,EAAEY,QAAQ,GAAG,IAAI,CAACX,KAAK,EAAES,QAAQ,CAAC,CAAA;AAE9C,IAAA,IAAI,CAACb,KAAK,CAACgB,IAAI,CAAC,MAAM;AACpB,MAAA,IAAI,CAACnB,SAAS,CAACoB,OAAO,CAAEX,QAAQ,IAAKA,QAAQ,CAAC,IAAI,CAACF,KAAK,EAAES,QAAQ,CAAC,CAAC,CAAA;AACtE,KAAC,CAAC,CAAA;IACF,IAAI,CAAC,MAAM,EAAE,CAAA;GACd,CAAA;EAED,MAAM,GAAG,MAAM;IACb,IAAI,IAAI,CAACd,QAAQ,EAAE,OAAA;IACnB,IAAI,CAACC,KAAK,CAACiB,OAAO,CAAEC,EAAE,IAAKA,EAAE,EAAE,CAAC,CAAA;IAChC,IAAI,CAAClB,KAAK,GAAG,EAAE,CAAA;GAChB,CAAA;EAEDmB,KAAK,GAAID,EAAc,IAAK;IAC1B,IAAI,CAACnB,QAAQ,GAAG,IAAI,CAAA;AACpBmB,IAAAA,EAAE,EAAE,CAAA;IACJ,IAAI,CAACnB,QAAQ,GAAG,KAAK,CAAA;IACrB,IAAI,CAAC,MAAM,EAAE,CAAA;GACd,CAAA;AACH;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["export type AnyUpdater = (...args: any[]) => any\n\nexport type Listener<TState> = (next: TState, prev: TState) => void\n\ninterface StoreOptions<\n  TState,\n  TUpdater extends AnyUpdater = (cb: TState) => TState,\n> {\n  updateFn?: (previous: TState) => (updater: TUpdater) => TState\n  onSubscribe?: (\n    listener: Listener<TState>,\n    store: Store<TState, TUpdater>,\n  ) => () => void\n  onUpdate?: (next: TState, prev: TState) => void\n}\n\nexport class Store<\n  TState,\n  TUpdater extends AnyUpdater = (cb: TState) => TState,\n> {\n  listeners = new Set<Listener<TState>>()\n  state: TState\n  options?: StoreOptions<TState, TUpdater>\n  #batching = false\n  #flushing = 0\n\n  constructor(initialState: TState, options?: StoreOptions<TState, TUpdater>) {\n    this.state = initialState\n    this.options = options\n  }\n\n  subscribe = (listener: Listener<TState>) => {\n    this.listeners.add(listener)\n    const unsub = this.options?.onSubscribe?.(listener, this)\n    return () => {\n      this.listeners.delete(listener)\n      unsub?.()\n    }\n  }\n\n  setState = (updater: TUpdater) => {\n    const previous = this.state\n    this.state = this.options?.updateFn\n      ? this.options.updateFn(previous)(updater)\n      : (updater as any)(previous)\n\n    if (this.state === previous) return\n\n    this.options?.onUpdate?.(this.state, previous)\n\n    this.#flush(previous)\n  }\n\n  #flush = (previous: TState) => {\n    if (this.#batching) return\n    const flushId = ++this.#flushing\n    this.listeners.forEach((listener) => {\n      if (this.#flushing !== flushId) return\n      listener(this.state, previous)\n    })\n  }\n\n  batch = (cb: () => void) => {\n    if (this.#batching) return cb()\n    const previous = this.state\n    this.#batching = true\n    cb()\n    this.#batching = false\n    this.#flush(previous)\n  }\n}\n"],"names":["Store","listeners","Set","constructor","initialState","options","state","subscribe","listener","add","unsub","onSubscribe","delete","setState","updater","previous","updateFn","onUpdate","flushId","forEach","batch","cb"],"mappings":";;;;;;;;;;;;;;AAgBO,MAAMA,KAAK,CAGhB;EACAC,SAAS,GAAG,IAAIC,GAAG,EAAoB,CAAA;EAGvC,SAAS,GAAG,KAAK,CAAA;EACjB,SAAS,GAAG,CAAC,CAAA;AAEbC,EAAAA,WAAW,CAACC,YAAoB,EAAEC,OAAwC,EAAE;IAC1E,IAAI,CAACC,KAAK,GAAGF,YAAY,CAAA;IACzB,IAAI,CAACC,OAAO,GAAGA,OAAO,CAAA;AACxB,GAAA;EAEAE,SAAS,GAAIC,QAA0B,IAAK;AAC1C,IAAA,IAAI,CAACP,SAAS,CAACQ,GAAG,CAACD,QAAQ,CAAC,CAAA;IAC5B,MAAME,KAAK,GAAG,IAAI,CAACL,OAAO,EAAEM,WAAW,GAAGH,QAAQ,EAAE,IAAI,CAAC,CAAA;AACzD,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,CAACP,SAAS,CAACW,MAAM,CAACJ,QAAQ,CAAC,CAAA;AAC/BE,MAAAA,KAAK,IAAI,CAAA;KACV,CAAA;GACF,CAAA;EAEDG,QAAQ,GAAIC,OAAiB,IAAK;AAChC,IAAA,MAAMC,QAAQ,GAAG,IAAI,CAACT,KAAK,CAAA;IAC3B,IAAI,CAACA,KAAK,GAAG,IAAI,CAACD,OAAO,EAAEW,QAAQ,GAC/B,IAAI,CAACX,OAAO,CAACW,QAAQ,CAACD,QAAQ,CAAC,CAACD,OAAO,CAAC,GACvCA,OAAO,CAASC,QAAQ,CAAC,CAAA;AAE9B,IAAA,IAAI,IAAI,CAACT,KAAK,KAAKS,QAAQ,EAAE,OAAA;IAE7B,IAAI,CAACV,OAAO,EAAEY,QAAQ,GAAG,IAAI,CAACX,KAAK,EAAES,QAAQ,CAAC,CAAA;AAE9C,IAAA,IAAI,CAAC,MAAM,CAACA,QAAQ,CAAC,CAAA;GACtB,CAAA;EAED,MAAM,GAAIA,QAAgB,IAAK;AAC7B,IAAA,IAAI,IAAI,CAAC,SAAS,EAAE,OAAA;AACpB,IAAA,MAAMG,OAAO,GAAG,EAAE,IAAI,CAAC,SAAS,CAAA;AAChC,IAAA,IAAI,CAACjB,SAAS,CAACkB,OAAO,CAAEX,QAAQ,IAAK;AACnC,MAAA,IAAI,IAAI,CAAC,SAAS,KAAKU,OAAO,EAAE,OAAA;AAChCV,MAAAA,QAAQ,CAAC,IAAI,CAACF,KAAK,EAAES,QAAQ,CAAC,CAAA;AAChC,KAAC,CAAC,CAAA;GACH,CAAA;EAEDK,KAAK,GAAIC,EAAc,IAAK;AAC1B,IAAA,IAAI,IAAI,CAAC,SAAS,EAAE,OAAOA,EAAE,EAAE,CAAA;AAC/B,IAAA,MAAMN,QAAQ,GAAG,IAAI,CAACT,KAAK,CAAA;AAC3B,IAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAA;AACrBe,IAAAA,EAAE,EAAE,CAAA;AACJ,IAAA,IAAI,CAAC,SAAS,GAAG,KAAK,CAAA;AACtB,IAAA,IAAI,CAAC,MAAM,CAACN,QAAQ,CAAC,CAAA;GACtB,CAAA;AACH;;;;"}

package/build/esm/index.js

@@ -10,8 +10,8 @@
  */
 class Store {
   listeners = new Set();
-  batching = false;
-  queue = [];
+  #batching = false;
+  #flushing = 0;
   constructor(initialState, options) {
     this.state = initialState;
     this.options = options;
@@ -29,21 +29,23 @@ class Store {
     this.state = this.options?.updateFn ? this.options.updateFn(previous)(updater) : updater(previous);
     if (this.state === previous) return;
     this.options?.onUpdate?.(this.state, previous);
-    this.queue.push(() => {
-      this.listeners.forEach(listener => listener(this.state, previous));
-    });
-    this.#flush();
+    this.#flush(previous);
   };
-  #flush = () => {
-    if (this.batching) return;
-    this.queue.forEach(cb => cb());
-    this.queue = [];
+  #flush = previous => {
+    if (this.#batching) return;
+    const flushId = ++this.#flushing;
+    this.listeners.forEach(listener => {
+      if (this.#flushing !== flushId) return;
+      listener(this.state, previous);
+    });
   };
   batch = cb => {
-    this.batching = true;
+    if (this.#batching) return cb();
+    const previous = this.state;
+    this.#batching = true;
     cb();
-    this.batching = false;
-    this.#flush();
+    this.#batching = false;
+    this.#flush(previous);
   };
 }
 

package/build/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["export type AnyUpdater = (...args: any[]) => any\n\nexport type Listener<TState> = (next: TState, prev: TState) => void\n\ninterface StoreOptions<\n  TState,\n  TUpdater extends AnyUpdater = (cb: TState) => TState,\n> {\n  updateFn?: (previous: TState) => (updater: TUpdater) => TState\n  onSubscribe?: (\n    listener: Listener<TState>,\n    store: Store<TState, TUpdater>,\n  ) => () => void\n  onUpdate?: (next: TState, prev: TState) => void\n}\n\nexport class Store<\n  TState,\n  TUpdater extends AnyUpdater = (cb: TState) => TState,\n> {\n  listeners = new Set<Listener<TState>>()\n  state: TState\n  options?: StoreOptions<TState, TUpdater>\n  batching = false\n  queue: ((...args: any[]) => void)[] = []\n\n  constructor(initialState: TState, options?: StoreOptions<TState, TUpdater>) {\n    this.state = initialState\n    this.options = options\n  }\n\n  subscribe = (listener: Listener<TState>) => {\n    this.listeners.add(listener)\n    const unsub = this.options?.onSubscribe?.(listener, this)\n    return () => {\n      this.listeners.delete(listener)\n      unsub?.()\n    }\n  }\n\n  setState = (updater: TUpdater) => {\n    const previous = this.state\n    this.state = this.options?.updateFn\n      ? this.options.updateFn(previous)(updater)\n      : (updater as any)(previous)\n\n    if (this.state === previous) return\n\n    this.options?.onUpdate?.(this.state, previous)\n\n    this.queue.push(() => {\n      this.listeners.forEach((listener) => listener(this.state, previous))\n    })\n    this.#flush()\n  }\n\n  #flush = () => {\n    if (this.batching) return\n    this.queue.forEach((cb) => cb())\n    this.queue = []\n  }\n\n  batch = (cb: () => void) => {\n    this.batching = true\n    cb()\n    this.batching = false\n    this.#flush()\n  }\n}\n"],"names":["Store","listeners","Set","batching","queue","constructor","initialState","options","state","subscribe","listener","add","unsub","onSubscribe","delete","setState","updater","previous","updateFn","onUpdate","push","forEach","cb","batch"],"mappings":";;;;;;;;;;AAgBO,MAAMA,KAAK,CAGhB;EACAC,SAAS,GAAG,IAAIC,GAAG,EAAoB,CAAA;AAGvCC,EAAAA,QAAQ,GAAG,KAAK,CAAA;AAChBC,EAAAA,KAAK,GAAiC,EAAE,CAAA;AAExCC,EAAAA,WAAW,CAACC,YAAoB,EAAEC,OAAwC,EAAE;IAC1E,IAAI,CAACC,KAAK,GAAGF,YAAY,CAAA;IACzB,IAAI,CAACC,OAAO,GAAGA,OAAO,CAAA;AACxB,GAAA;EAEAE,SAAS,GAAIC,QAA0B,IAAK;AAC1C,IAAA,IAAI,CAACT,SAAS,CAACU,GAAG,CAACD,QAAQ,CAAC,CAAA;IAC5B,MAAME,KAAK,GAAG,IAAI,CAACL,OAAO,EAAEM,WAAW,GAAGH,QAAQ,EAAE,IAAI,CAAC,CAAA;AACzD,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,CAACT,SAAS,CAACa,MAAM,CAACJ,QAAQ,CAAC,CAAA;AAC/BE,MAAAA,KAAK,IAAI,CAAA;KACV,CAAA;GACF,CAAA;EAEDG,QAAQ,GAAIC,OAAiB,IAAK;AAChC,IAAA,MAAMC,QAAQ,GAAG,IAAI,CAACT,KAAK,CAAA;IAC3B,IAAI,CAACA,KAAK,GAAG,IAAI,CAACD,OAAO,EAAEW,QAAQ,GAC/B,IAAI,CAACX,OAAO,CAACW,QAAQ,CAACD,QAAQ,CAAC,CAACD,OAAO,CAAC,GACvCA,OAAO,CAASC,QAAQ,CAAC,CAAA;AAE9B,IAAA,IAAI,IAAI,CAACT,KAAK,KAAKS,QAAQ,EAAE,OAAA;IAE7B,IAAI,CAACV,OAAO,EAAEY,QAAQ,GAAG,IAAI,CAACX,KAAK,EAAES,QAAQ,CAAC,CAAA;AAE9C,IAAA,IAAI,CAACb,KAAK,CAACgB,IAAI,CAAC,MAAM;AACpB,MAAA,IAAI,CAACnB,SAAS,CAACoB,OAAO,CAAEX,QAAQ,IAAKA,QAAQ,CAAC,IAAI,CAACF,KAAK,EAAES,QAAQ,CAAC,CAAC,CAAA;AACtE,KAAC,CAAC,CAAA;IACF,IAAI,CAAC,MAAM,EAAE,CAAA;GACd,CAAA;EAED,MAAM,GAAG,MAAM;IACb,IAAI,IAAI,CAACd,QAAQ,EAAE,OAAA;IACnB,IAAI,CAACC,KAAK,CAACiB,OAAO,CAAEC,EAAE,IAAKA,EAAE,EAAE,CAAC,CAAA;IAChC,IAAI,CAAClB,KAAK,GAAG,EAAE,CAAA;GAChB,CAAA;EAEDmB,KAAK,GAAID,EAAc,IAAK;IAC1B,IAAI,CAACnB,QAAQ,GAAG,IAAI,CAAA;AACpBmB,IAAAA,EAAE,EAAE,CAAA;IACJ,IAAI,CAACnB,QAAQ,GAAG,KAAK,CAAA;IACrB,IAAI,CAAC,MAAM,EAAE,CAAA;GACd,CAAA;AACH;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["export type AnyUpdater = (...args: any[]) => any\n\nexport type Listener<TState> = (next: TState, prev: TState) => void\n\ninterface StoreOptions<\n  TState,\n  TUpdater extends AnyUpdater = (cb: TState) => TState,\n> {\n  updateFn?: (previous: TState) => (updater: TUpdater) => TState\n  onSubscribe?: (\n    listener: Listener<TState>,\n    store: Store<TState, TUpdater>,\n  ) => () => void\n  onUpdate?: (next: TState, prev: TState) => void\n}\n\nexport class Store<\n  TState,\n  TUpdater extends AnyUpdater = (cb: TState) => TState,\n> {\n  listeners = new Set<Listener<TState>>()\n  state: TState\n  options?: StoreOptions<TState, TUpdater>\n  #batching = false\n  #flushing = 0\n\n  constructor(initialState: TState, options?: StoreOptions<TState, TUpdater>) {\n    this.state = initialState\n    this.options = options\n  }\n\n  subscribe = (listener: Listener<TState>) => {\n    this.listeners.add(listener)\n    const unsub = this.options?.onSubscribe?.(listener, this)\n    return () => {\n      this.listeners.delete(listener)\n      unsub?.()\n    }\n  }\n\n  setState = (updater: TUpdater) => {\n    const previous = this.state\n    this.state = this.options?.updateFn\n      ? this.options.updateFn(previous)(updater)\n      : (updater as any)(previous)\n\n    if (this.state === previous) return\n\n    this.options?.onUpdate?.(this.state, previous)\n\n    this.#flush(previous)\n  }\n\n  #flush = (previous: TState) => {\n    if (this.#batching) return\n    const flushId = ++this.#flushing\n    this.listeners.forEach((listener) => {\n      if (this.#flushing !== flushId) return\n      listener(this.state, previous)\n    })\n  }\n\n  batch = (cb: () => void) => {\n    if (this.#batching) return cb()\n    const previous = this.state\n    this.#batching = true\n    cb()\n    this.#batching = false\n    this.#flush(previous)\n  }\n}\n"],"names":["Store","listeners","Set","constructor","initialState","options","state","subscribe","listener","add","unsub","onSubscribe","delete","setState","updater","previous","updateFn","onUpdate","flushId","forEach","batch","cb"],"mappings":";;;;;;;;;;AAgBO,MAAMA,KAAK,CAGhB;EACAC,SAAS,GAAG,IAAIC,GAAG,EAAoB,CAAA;EAGvC,SAAS,GAAG,KAAK,CAAA;EACjB,SAAS,GAAG,CAAC,CAAA;AAEbC,EAAAA,WAAW,CAACC,YAAoB,EAAEC,OAAwC,EAAE;IAC1E,IAAI,CAACC,KAAK,GAAGF,YAAY,CAAA;IACzB,IAAI,CAACC,OAAO,GAAGA,OAAO,CAAA;AACxB,GAAA;EAEAE,SAAS,GAAIC,QAA0B,IAAK;AAC1C,IAAA,IAAI,CAACP,SAAS,CAACQ,GAAG,CAACD,QAAQ,CAAC,CAAA;IAC5B,MAAME,KAAK,GAAG,IAAI,CAACL,OAAO,EAAEM,WAAW,GAAGH,QAAQ,EAAE,IAAI,CAAC,CAAA;AACzD,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,CAACP,SAAS,CAACW,MAAM,CAACJ,QAAQ,CAAC,CAAA;AAC/BE,MAAAA,KAAK,IAAI,CAAA;KACV,CAAA;GACF,CAAA;EAEDG,QAAQ,GAAIC,OAAiB,IAAK;AAChC,IAAA,MAAMC,QAAQ,GAAG,IAAI,CAACT,KAAK,CAAA;IAC3B,IAAI,CAACA,KAAK,GAAG,IAAI,CAACD,OAAO,EAAEW,QAAQ,GAC/B,IAAI,CAACX,OAAO,CAACW,QAAQ,CAACD,QAAQ,CAAC,CAACD,OAAO,CAAC,GACvCA,OAAO,CAASC,QAAQ,CAAC,CAAA;AAE9B,IAAA,IAAI,IAAI,CAACT,KAAK,KAAKS,QAAQ,EAAE,OAAA;IAE7B,IAAI,CAACV,OAAO,EAAEY,QAAQ,GAAG,IAAI,CAACX,KAAK,EAAES,QAAQ,CAAC,CAAA;AAE9C,IAAA,IAAI,CAAC,MAAM,CAACA,QAAQ,CAAC,CAAA;GACtB,CAAA;EAED,MAAM,GAAIA,QAAgB,IAAK;AAC7B,IAAA,IAAI,IAAI,CAAC,SAAS,EAAE,OAAA;AACpB,IAAA,MAAMG,OAAO,GAAG,EAAE,IAAI,CAAC,SAAS,CAAA;AAChC,IAAA,IAAI,CAACjB,SAAS,CAACkB,OAAO,CAAEX,QAAQ,IAAK;AACnC,MAAA,IAAI,IAAI,CAAC,SAAS,KAAKU,OAAO,EAAE,OAAA;AAChCV,MAAAA,QAAQ,CAAC,IAAI,CAACF,KAAK,EAAES,QAAQ,CAAC,CAAA;AAChC,KAAC,CAAC,CAAA;GACH,CAAA;EAEDK,KAAK,GAAIC,EAAc,IAAK;AAC1B,IAAA,IAAI,IAAI,CAAC,SAAS,EAAE,OAAOA,EAAE,EAAE,CAAA;AAC/B,IAAA,MAAMN,QAAQ,GAAG,IAAI,CAACT,KAAK,CAAA;AAC3B,IAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAA;AACrBe,IAAAA,EAAE,EAAE,CAAA;AACJ,IAAA,IAAI,CAAC,SAAS,GAAG,KAAK,CAAA;AACtB,IAAA,IAAI,CAAC,MAAM,CAACN,QAAQ,CAAC,CAAA;GACtB,CAAA;AACH;;;;"}

package/build/stats-html.html

@@ -4024,7 +4024,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"name":"packages/store/src/index.ts","uid":"5b7b-1"}]}],"isRoot":true},"nodeParts":{"5b7b-1":{"renderedLength":1071,"gzipLength":382,"brotliLength":0,"mainUid":"5b7b-0"}},"nodeMetas":{"5b7b-0":{"id":"/packages/store/src/index.ts","moduleParts":{"index.production.js":"5b7b-1"},"imported":[],"importedBy":[],"isEntry":true}},"env":{"rollup":"2.79.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"name":"packages/store/src/index.ts","uid":"1628-1"}]}],"isRoot":true},"nodeParts":{"1628-1":{"renderedLength":1178,"gzipLength":392,"brotliLength":0,"mainUid":"1628-0"}},"nodeMetas":{"1628-0":{"id":"/packages/store/src/index.ts","moduleParts":{"index.production.js":"1628-1"},"imported":[],"importedBy":[],"isEntry":true}},"env":{"rollup":"2.79.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/build/stats-react.json

@@ -8,7 +8,7 @@
         "children": [
           {
             "name": "packages/store/src/index.ts",
-            "uid": "5b7b-3"
+            "uid": "1628-3"
           }
         ]
       }
@@ -16,18 +16,18 @@
     "isRoot": true
   },
   "nodeParts": {
-    "5b7b-3": {
-      "renderedLength": 1071,
-      "gzipLength": 382,
+    "1628-3": {
+      "renderedLength": 1178,
+      "gzipLength": 392,
       "brotliLength": 0,
-      "mainUid": "5b7b-2"
+      "mainUid": "1628-2"
     }
   },
   "nodeMetas": {
-    "5b7b-2": {
+    "1628-2": {
       "id": "/packages/store/src/index.ts",
       "moduleParts": {
-        "index.production.js": "5b7b-3"
+        "index.production.js": "1628-3"
       },
       "imported": [],
       "importedBy": [],

package/build/types/index.d.ts

@@ -20,8 +20,6 @@ declare class Store<TState, TUpdater extends AnyUpdater = (cb: TState) => TState
     listeners: Set<Listener<TState>>;
     state: TState;
     options?: StoreOptions<TState, TUpdater>;
-    batching: boolean;
-    queue: ((...args: any[]) => void)[];
     constructor(initialState: TState, options?: StoreOptions<TState, TUpdater>);
     subscribe: (listener: Listener<TState>) => () => void;
     setState: (updater: TUpdater) => void;

package/build/umd/index.development.js

@@ -16,8 +16,8 @@
 
   class Store {
     listeners = new Set();
-    batching = false;
-    queue = [];
+    #batching = false;
+    #flushing = 0;
     constructor(initialState, options) {
       this.state = initialState;
       this.options = options;
@@ -35,21 +35,23 @@
       this.state = this.options?.updateFn ? this.options.updateFn(previous)(updater) : updater(previous);
       if (this.state === previous) return;
       this.options?.onUpdate?.(this.state, previous);
-      this.queue.push(() => {
-        this.listeners.forEach(listener => listener(this.state, previous));
-      });
-      this.#flush();
+      this.#flush(previous);
     };
-    #flush = () => {
-      if (this.batching) return;
-      this.queue.forEach(cb => cb());
-      this.queue = [];
+    #flush = previous => {
+      if (this.#batching) return;
+      const flushId = ++this.#flushing;
+      this.listeners.forEach(listener => {
+        if (this.#flushing !== flushId) return;
+        listener(this.state, previous);
+      });
     };
     batch = cb => {
-      this.batching = true;
+      if (this.#batching) return cb();
+      const previous = this.state;
+      this.#batching = true;
       cb();
-      this.batching = false;
-      this.#flush();
+      this.#batching = false;
+      this.#flush(previous);
     };
   }
 

package/build/umd/index.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.development.js","sources":["../../src/index.ts"],"sourcesContent":["export type AnyUpdater = (...args: any[]) => any\n\nexport type Listener<TState> = (next: TState, prev: TState) => void\n\ninterface StoreOptions<\n  TState,\n  TUpdater extends AnyUpdater = (cb: TState) => TState,\n> {\n  updateFn?: (previous: TState) => (updater: TUpdater) => TState\n  onSubscribe?: (\n    listener: Listener<TState>,\n    store: Store<TState, TUpdater>,\n  ) => () => void\n  onUpdate?: (next: TState, prev: TState) => void\n}\n\nexport class Store<\n  TState,\n  TUpdater extends AnyUpdater = (cb: TState) => TState,\n> {\n  listeners = new Set<Listener<TState>>()\n  state: TState\n  options?: StoreOptions<TState, TUpdater>\n  batching = false\n  queue: ((...args: any[]) => void)[] = []\n\n  constructor(initialState: TState, options?: StoreOptions<TState, TUpdater>) {\n    this.state = initialState\n    this.options = options\n  }\n\n  subscribe = (listener: Listener<TState>) => {\n    this.listeners.add(listener)\n    const unsub = this.options?.onSubscribe?.(listener, this)\n    return () => {\n      this.listeners.delete(listener)\n      unsub?.()\n    }\n  }\n\n  setState = (updater: TUpdater) => {\n    const previous = this.state\n    this.state = this.options?.updateFn\n      ? this.options.updateFn(previous)(updater)\n      : (updater as any)(previous)\n\n    if (this.state === previous) return\n\n    this.options?.onUpdate?.(this.state, previous)\n\n    this.queue.push(() => {\n      this.listeners.forEach((listener) => listener(this.state, previous))\n    })\n    this.#flush()\n  }\n\n  #flush = () => {\n    if (this.batching) return\n    this.queue.forEach((cb) => cb())\n    this.queue = []\n  }\n\n  batch = (cb: () => void) => {\n    this.batching = true\n    cb()\n    this.batching = false\n    this.#flush()\n  }\n}\n"],"names":["Store","listeners","Set","batching","queue","constructor","initialState","options","state","subscribe","listener","add","unsub","onSubscribe","delete","setState","updater","previous","updateFn","onUpdate","push","forEach","cb","batch"],"mappings":";;;;;;;;;;;;;;;;EAgBO,MAAMA,KAAK,CAGhB;IACAC,SAAS,GAAG,IAAIC,GAAG,EAAoB,CAAA;EAGvCC,EAAAA,QAAQ,GAAG,KAAK,CAAA;EAChBC,EAAAA,KAAK,GAAiC,EAAE,CAAA;EAExCC,EAAAA,WAAW,CAACC,YAAoB,EAAEC,OAAwC,EAAE;MAC1E,IAAI,CAACC,KAAK,GAAGF,YAAY,CAAA;MACzB,IAAI,CAACC,OAAO,GAAGA,OAAO,CAAA;EACxB,GAAA;IAEAE,SAAS,GAAIC,QAA0B,IAAK;EAC1C,IAAA,IAAI,CAACT,SAAS,CAACU,GAAG,CAACD,QAAQ,CAAC,CAAA;MAC5B,MAAME,KAAK,GAAG,IAAI,CAACL,OAAO,EAAEM,WAAW,GAAGH,QAAQ,EAAE,IAAI,CAAC,CAAA;EACzD,IAAA,OAAO,MAAM;EACX,MAAA,IAAI,CAACT,SAAS,CAACa,MAAM,CAACJ,QAAQ,CAAC,CAAA;EAC/BE,MAAAA,KAAK,IAAI,CAAA;OACV,CAAA;KACF,CAAA;IAEDG,QAAQ,GAAIC,OAAiB,IAAK;EAChC,IAAA,MAAMC,QAAQ,GAAG,IAAI,CAACT,KAAK,CAAA;MAC3B,IAAI,CAACA,KAAK,GAAG,IAAI,CAACD,OAAO,EAAEW,QAAQ,GAC/B,IAAI,CAACX,OAAO,CAACW,QAAQ,CAACD,QAAQ,CAAC,CAACD,OAAO,CAAC,GACvCA,OAAO,CAASC,QAAQ,CAAC,CAAA;EAE9B,IAAA,IAAI,IAAI,CAACT,KAAK,KAAKS,QAAQ,EAAE,OAAA;MAE7B,IAAI,CAACV,OAAO,EAAEY,QAAQ,GAAG,IAAI,CAACX,KAAK,EAAES,QAAQ,CAAC,CAAA;EAE9C,IAAA,IAAI,CAACb,KAAK,CAACgB,IAAI,CAAC,MAAM;EACpB,MAAA,IAAI,CAACnB,SAAS,CAACoB,OAAO,CAAEX,QAAQ,IAAKA,QAAQ,CAAC,IAAI,CAACF,KAAK,EAAES,QAAQ,CAAC,CAAC,CAAA;EACtE,KAAC,CAAC,CAAA;MACF,IAAI,CAAC,MAAM,EAAE,CAAA;KACd,CAAA;IAED,MAAM,GAAG,MAAM;MACb,IAAI,IAAI,CAACd,QAAQ,EAAE,OAAA;MACnB,IAAI,CAACC,KAAK,CAACiB,OAAO,CAAEC,EAAE,IAAKA,EAAE,EAAE,CAAC,CAAA;MAChC,IAAI,CAAClB,KAAK,GAAG,EAAE,CAAA;KAChB,CAAA;IAEDmB,KAAK,GAAID,EAAc,IAAK;MAC1B,IAAI,CAACnB,QAAQ,GAAG,IAAI,CAAA;EACpBmB,IAAAA,EAAE,EAAE,CAAA;MACJ,IAAI,CAACnB,QAAQ,GAAG,KAAK,CAAA;MACrB,IAAI,CAAC,MAAM,EAAE,CAAA;KACd,CAAA;EACH;;;;;;;;;;"}
+{"version":3,"file":"index.development.js","sources":["../../src/index.ts"],"sourcesContent":["export type AnyUpdater = (...args: any[]) => any\n\nexport type Listener<TState> = (next: TState, prev: TState) => void\n\ninterface StoreOptions<\n  TState,\n  TUpdater extends AnyUpdater = (cb: TState) => TState,\n> {\n  updateFn?: (previous: TState) => (updater: TUpdater) => TState\n  onSubscribe?: (\n    listener: Listener<TState>,\n    store: Store<TState, TUpdater>,\n  ) => () => void\n  onUpdate?: (next: TState, prev: TState) => void\n}\n\nexport class Store<\n  TState,\n  TUpdater extends AnyUpdater = (cb: TState) => TState,\n> {\n  listeners = new Set<Listener<TState>>()\n  state: TState\n  options?: StoreOptions<TState, TUpdater>\n  #batching = false\n  #flushing = 0\n\n  constructor(initialState: TState, options?: StoreOptions<TState, TUpdater>) {\n    this.state = initialState\n    this.options = options\n  }\n\n  subscribe = (listener: Listener<TState>) => {\n    this.listeners.add(listener)\n    const unsub = this.options?.onSubscribe?.(listener, this)\n    return () => {\n      this.listeners.delete(listener)\n      unsub?.()\n    }\n  }\n\n  setState = (updater: TUpdater) => {\n    const previous = this.state\n    this.state = this.options?.updateFn\n      ? this.options.updateFn(previous)(updater)\n      : (updater as any)(previous)\n\n    if (this.state === previous) return\n\n    this.options?.onUpdate?.(this.state, previous)\n\n    this.#flush(previous)\n  }\n\n  #flush = (previous: TState) => {\n    if (this.#batching) return\n    const flushId = ++this.#flushing\n    this.listeners.forEach((listener) => {\n      if (this.#flushing !== flushId) return\n      listener(this.state, previous)\n    })\n  }\n\n  batch = (cb: () => void) => {\n    if (this.#batching) return cb()\n    const previous = this.state\n    this.#batching = true\n    cb()\n    this.#batching = false\n    this.#flush(previous)\n  }\n}\n"],"names":["Store","listeners","Set","constructor","initialState","options","state","subscribe","listener","add","unsub","onSubscribe","delete","setState","updater","previous","updateFn","onUpdate","flushId","forEach","batch","cb"],"mappings":";;;;;;;;;;;;;;;;EAgBO,MAAMA,KAAK,CAGhB;IACAC,SAAS,GAAG,IAAIC,GAAG,EAAoB,CAAA;IAGvC,SAAS,GAAG,KAAK,CAAA;IACjB,SAAS,GAAG,CAAC,CAAA;EAEbC,EAAAA,WAAW,CAACC,YAAoB,EAAEC,OAAwC,EAAE;MAC1E,IAAI,CAACC,KAAK,GAAGF,YAAY,CAAA;MACzB,IAAI,CAACC,OAAO,GAAGA,OAAO,CAAA;EACxB,GAAA;IAEAE,SAAS,GAAIC,QAA0B,IAAK;EAC1C,IAAA,IAAI,CAACP,SAAS,CAACQ,GAAG,CAACD,QAAQ,CAAC,CAAA;MAC5B,MAAME,KAAK,GAAG,IAAI,CAACL,OAAO,EAAEM,WAAW,GAAGH,QAAQ,EAAE,IAAI,CAAC,CAAA;EACzD,IAAA,OAAO,MAAM;EACX,MAAA,IAAI,CAACP,SAAS,CAACW,MAAM,CAACJ,QAAQ,CAAC,CAAA;EAC/BE,MAAAA,KAAK,IAAI,CAAA;OACV,CAAA;KACF,CAAA;IAEDG,QAAQ,GAAIC,OAAiB,IAAK;EAChC,IAAA,MAAMC,QAAQ,GAAG,IAAI,CAACT,KAAK,CAAA;MAC3B,IAAI,CAACA,KAAK,GAAG,IAAI,CAACD,OAAO,EAAEW,QAAQ,GAC/B,IAAI,CAACX,OAAO,CAACW,QAAQ,CAACD,QAAQ,CAAC,CAACD,OAAO,CAAC,GACvCA,OAAO,CAASC,QAAQ,CAAC,CAAA;EAE9B,IAAA,IAAI,IAAI,CAACT,KAAK,KAAKS,QAAQ,EAAE,OAAA;MAE7B,IAAI,CAACV,OAAO,EAAEY,QAAQ,GAAG,IAAI,CAACX,KAAK,EAAES,QAAQ,CAAC,CAAA;EAE9C,IAAA,IAAI,CAAC,MAAM,CAACA,QAAQ,CAAC,CAAA;KACtB,CAAA;IAED,MAAM,GAAIA,QAAgB,IAAK;EAC7B,IAAA,IAAI,IAAI,CAAC,SAAS,EAAE,OAAA;EACpB,IAAA,MAAMG,OAAO,GAAG,EAAE,IAAI,CAAC,SAAS,CAAA;EAChC,IAAA,IAAI,CAACjB,SAAS,CAACkB,OAAO,CAAEX,QAAQ,IAAK;EACnC,MAAA,IAAI,IAAI,CAAC,SAAS,KAAKU,OAAO,EAAE,OAAA;EAChCV,MAAAA,QAAQ,CAAC,IAAI,CAACF,KAAK,EAAES,QAAQ,CAAC,CAAA;EAChC,KAAC,CAAC,CAAA;KACH,CAAA;IAEDK,KAAK,GAAIC,EAAc,IAAK;EAC1B,IAAA,IAAI,IAAI,CAAC,SAAS,EAAE,OAAOA,EAAE,EAAE,CAAA;EAC/B,IAAA,MAAMN,QAAQ,GAAG,IAAI,CAACT,KAAK,CAAA;EAC3B,IAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAA;EACrBe,IAAAA,EAAE,EAAE,CAAA;EACJ,IAAA,IAAI,CAAC,SAAS,GAAG,KAAK,CAAA;EACtB,IAAA,IAAI,CAAC,MAAM,CAACN,QAAQ,CAAC,CAAA;KACtB,CAAA;EACH;;;;;;;;;;"}

package/build/umd/index.production.js

@@ -8,5 +8,5 @@
  *
  * @license MIT
  */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).Store={})}(this,(function(t){"use strict";t.Store=class{listeners=new Set;batching=!1;queue=[];constructor(t,e){this.state=t,this.options=e}subscribe=t=>{this.listeners.add(t);const e=this.options?.onSubscribe?.(t,this);return()=>{this.listeners.delete(t),e?.()}};setState=t=>{const e=this.state;this.state=this.options?.updateFn?this.options.updateFn(e)(t):t(e),this.state!==e&&(this.options?.onUpdate?.(this.state,e),this.queue.push((()=>{this.listeners.forEach((t=>t(this.state,e)))})),this.#t())};#t=()=>{this.batching||(this.queue.forEach((t=>t())),this.queue=[])};batch=t=>{this.batching=!0,t(),this.batching=!1,this.#t()}},Object.defineProperty(t,"__esModule",{value:!0})}));
+!function(t,s){"object"==typeof exports&&"undefined"!=typeof module?s(exports):"function"==typeof define&&define.amd?define(["exports"],s):s((t="undefined"!=typeof globalThis?globalThis:t||self).Store={})}(this,(function(t){"use strict";t.Store=class{listeners=new Set;#t=!1;#s=0;constructor(t,s){this.state=t,this.options=s}subscribe=t=>{this.listeners.add(t);const s=this.options?.onSubscribe?.(t,this);return()=>{this.listeners.delete(t),s?.()}};setState=t=>{const s=this.state;this.state=this.options?.updateFn?this.options.updateFn(s)(t):t(s),this.state!==s&&(this.options?.onUpdate?.(this.state,s),this.#e(s))};#e=t=>{if(this.#t)return;const s=++this.#s;this.listeners.forEach((e=>{this.#s===s&&e(this.state,t)}))};batch=t=>{if(this.#t)return t();const s=this.state;this.#t=!0,t(),this.#t=!1,this.#e(s)}},Object.defineProperty(t,"__esModule",{value:!0})}));
 //# sourceMappingURL=index.production.js.map

package/build/umd/index.production.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.production.js","sources":["../../src/index.ts"],"sourcesContent":["export type AnyUpdater = (...args: any[]) => any\n\nexport type Listener<TState> = (next: TState, prev: TState) => void\n\ninterface StoreOptions<\n  TState,\n  TUpdater extends AnyUpdater = (cb: TState) => TState,\n> {\n  updateFn?: (previous: TState) => (updater: TUpdater) => TState\n  onSubscribe?: (\n    listener: Listener<TState>,\n    store: Store<TState, TUpdater>,\n  ) => () => void\n  onUpdate?: (next: TState, prev: TState) => void\n}\n\nexport class Store<\n  TState,\n  TUpdater extends AnyUpdater = (cb: TState) => TState,\n> {\n  listeners = new Set<Listener<TState>>()\n  state: TState\n  options?: StoreOptions<TState, TUpdater>\n  batching = false\n  queue: ((...args: any[]) => void)[] = []\n\n  constructor(initialState: TState, options?: StoreOptions<TState, TUpdater>) {\n    this.state = initialState\n    this.options = options\n  }\n\n  subscribe = (listener: Listener<TState>) => {\n    this.listeners.add(listener)\n    const unsub = this.options?.onSubscribe?.(listener, this)\n    return () => {\n      this.listeners.delete(listener)\n      unsub?.()\n    }\n  }\n\n  setState = (updater: TUpdater) => {\n    const previous = this.state\n    this.state = this.options?.updateFn\n      ? this.options.updateFn(previous)(updater)\n      : (updater as any)(previous)\n\n    if (this.state === previous) return\n\n    this.options?.onUpdate?.(this.state, previous)\n\n    this.queue.push(() => {\n      this.listeners.forEach((listener) => listener(this.state, previous))\n    })\n    this.#flush()\n  }\n\n  #flush = () => {\n    if (this.batching) return\n    this.queue.forEach((cb) => cb())\n    this.queue = []\n  }\n\n  batch = (cb: () => void) => {\n    this.batching = true\n    cb()\n    this.batching = false\n    this.#flush()\n  }\n}\n"],"names":["listeners","Set","batching","queue","constructor","initialState","options","this","state","subscribe","listener","add","unsub","onSubscribe","delete","setState","updater","previous","updateFn","onUpdate","push","forEach","flush","cb","batch"],"mappings":";;;;;;;;;;qPAgBO,MAILA,UAAY,IAAIC,IAGhBC,UAAW,EACXC,MAAsC,GAEtCC,YAAYC,EAAsBC,GAChCC,KAAKC,MAAQH,EACbE,KAAKD,QAAUA,CACjB,CAEAG,UAAaC,IACXH,KAAKP,UAAUW,IAAID,GACnB,MAAME,EAAQL,KAAKD,SAASO,cAAcH,EAAUH,MACpD,MAAO,KACLA,KAAKP,UAAUc,OAAOJ,GACtBE,KAAS,CACV,EAGHG,SAAYC,IACV,MAAMC,EAAWV,KAAKC,MACtBD,KAAKC,MAAQD,KAAKD,SAASY,SACvBX,KAAKD,QAAQY,SAASD,EAAtBV,CAAgCS,GAC/BA,EAAgBC,GAEjBV,KAAKC,QAAUS,IAEnBV,KAAKD,SAASa,WAAWZ,KAAKC,MAAOS,GAErCV,KAAKJ,MAAMiB,MAAK,KACdb,KAAKP,UAAUqB,SAASX,GAAaA,EAASH,KAAKC,MAAOS,IAAU,IAEtEV,MAAKe,IAAQ,EAGfA,GAAS,KACHf,KAAKL,WACTK,KAAKJ,MAAMkB,SAASE,GAAOA,MAC3BhB,KAAKJ,MAAQ,GAAE,EAGjBqB,MAASD,IACPhB,KAAKL,UAAW,EAChBqB,IACAhB,KAAKL,UAAW,EAChBK,MAAKe,GAAQ"}
+{"version":3,"file":"index.production.js","sources":["../../src/index.ts"],"sourcesContent":["export type AnyUpdater = (...args: any[]) => any\n\nexport type Listener<TState> = (next: TState, prev: TState) => void\n\ninterface StoreOptions<\n  TState,\n  TUpdater extends AnyUpdater = (cb: TState) => TState,\n> {\n  updateFn?: (previous: TState) => (updater: TUpdater) => TState\n  onSubscribe?: (\n    listener: Listener<TState>,\n    store: Store<TState, TUpdater>,\n  ) => () => void\n  onUpdate?: (next: TState, prev: TState) => void\n}\n\nexport class Store<\n  TState,\n  TUpdater extends AnyUpdater = (cb: TState) => TState,\n> {\n  listeners = new Set<Listener<TState>>()\n  state: TState\n  options?: StoreOptions<TState, TUpdater>\n  #batching = false\n  #flushing = 0\n\n  constructor(initialState: TState, options?: StoreOptions<TState, TUpdater>) {\n    this.state = initialState\n    this.options = options\n  }\n\n  subscribe = (listener: Listener<TState>) => {\n    this.listeners.add(listener)\n    const unsub = this.options?.onSubscribe?.(listener, this)\n    return () => {\n      this.listeners.delete(listener)\n      unsub?.()\n    }\n  }\n\n  setState = (updater: TUpdater) => {\n    const previous = this.state\n    this.state = this.options?.updateFn\n      ? this.options.updateFn(previous)(updater)\n      : (updater as any)(previous)\n\n    if (this.state === previous) return\n\n    this.options?.onUpdate?.(this.state, previous)\n\n    this.#flush(previous)\n  }\n\n  #flush = (previous: TState) => {\n    if (this.#batching) return\n    const flushId = ++this.#flushing\n    this.listeners.forEach((listener) => {\n      if (this.#flushing !== flushId) return\n      listener(this.state, previous)\n    })\n  }\n\n  batch = (cb: () => void) => {\n    if (this.#batching) return cb()\n    const previous = this.state\n    this.#batching = true\n    cb()\n    this.#batching = false\n    this.#flush(previous)\n  }\n}\n"],"names":["listeners","Set","batching","flushing","constructor","initialState","options","this","state","subscribe","listener","add","unsub","onSubscribe","delete","setState","updater","previous","updateFn","onUpdate","flush","flushId","forEach","batch","cb"],"mappings":";;;;;;;;;;qPAgBO,MAILA,UAAY,IAAIC,IAGhBC,IAAY,EACZC,GAAY,EAEZC,YAAYC,EAAsBC,GAChCC,KAAKC,MAAQH,EACbE,KAAKD,QAAUA,CACjB,CAEAG,UAAaC,IACXH,KAAKP,UAAUW,IAAID,GACnB,MAAME,EAAQL,KAAKD,SAASO,cAAcH,EAAUH,MACpD,MAAO,KACLA,KAAKP,UAAUc,OAAOJ,GACtBE,KAAS,CACV,EAGHG,SAAYC,IACV,MAAMC,EAAWV,KAAKC,MACtBD,KAAKC,MAAQD,KAAKD,SAASY,SACvBX,KAAKD,QAAQY,SAASD,EAAtBV,CAAgCS,GAC/BA,EAAgBC,GAEjBV,KAAKC,QAAUS,IAEnBV,KAAKD,SAASa,WAAWZ,KAAKC,MAAOS,GAErCV,MAAKa,EAAOH,GAAS,EAGvBG,GAAUH,IACR,GAAIV,MAAKL,EAAW,OACpB,MAAMmB,IAAYd,MAAKJ,EACvBI,KAAKP,UAAUsB,SAASZ,IAClBH,MAAKJ,IAAckB,GACvBX,EAASH,KAAKC,MAAOS,EAAS,GAC9B,EAGJM,MAASC,IACP,GAAIjB,MAAKL,EAAW,OAAOsB,IAC3B,MAAMP,EAAWV,KAAKC,MACtBD,MAAKL,GAAY,EACjBsB,IACAjB,MAAKL,GAAY,EACjBK,MAAKa,EAAOH,EAAS"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tanstack/store",
   "author": "Tanner Linsley",
-  "version": "0.0.1-beta.84",
+  "version": "0.0.1-beta.86",
   "license": "MIT",
   "repository": "tanstack/store",
   "homepage": "https://tanstack.com/store",
@@ -28,5 +28,8 @@
     "build/**",
     "src"
   ],
-  "sideEffects": false
+  "sideEffects": false,
+  "scripts": {
+    "build": "rollup --config rollup.config.js"
+  }
 }

package/src/index.ts

@@ -21,8 +21,8 @@ export class Store<
   listeners = new Set<Listener<TState>>()
   state: TState
   options?: StoreOptions<TState, TUpdater>
-  batching = false
-  queue: ((...args: any[]) => void)[] = []
+  #batching = false
+  #flushing = 0
 
   constructor(initialState: TState, options?: StoreOptions<TState, TUpdater>) {
     this.state = initialState
@@ -48,22 +48,24 @@ export class Store<
 
     this.options?.onUpdate?.(this.state, previous)
 
-    this.queue.push(() => {
-      this.listeners.forEach((listener) => listener(this.state, previous))
-    })
-    this.#flush()
+    this.#flush(previous)
   }
 
-  #flush = () => {
-    if (this.batching) return
-    this.queue.forEach((cb) => cb())
-    this.queue = []
+  #flush = (previous: TState) => {
+    if (this.#batching) return
+    const flushId = ++this.#flushing
+    this.listeners.forEach((listener) => {
+      if (this.#flushing !== flushId) return
+      listener(this.state, previous)
+    })
   }
 
   batch = (cb: () => void) => {
-    this.batching = true
+    if (this.#batching) return cb()
+    const previous = this.state
+    this.#batching = true
     cb()
-    this.batching = false
-    this.#flush()
+    this.#batching = false
+    this.#flush(previous)
   }
 }