@tanstack/vue-store - npm Package Compare versions

Comparing version 0.8.1 to 0.9.0

dist/cjs/index.cjs

@@ -6,3 +6,3 @@ "use strict";
 function useStore(store2, selector = (d) => d, options = {}) {
-  const slice = vueDemi.ref(selector(store2.state));
+  const slice = vueDemi.ref(selector(store2.get()));
   const equal = options.equal ?? shallow;
@@ -12,4 +12,4 @@ vueDemi.watch(
     (value, _oldValue, onCleanup) => {
-      const unsub = value.subscribe(() => {
-        const data = selector(value.state);
+      const unsub = value.subscribe((s) => {
+        const data = selector(s);
         if (equal(vueDemi.toRaw(slice.value), data)) {
@@ -19,3 +19,3 @@ return;
         slice.value = data;
-      });
+      }).unsubscribe;
       onCleanup(() => {
@@ -22,0 +22,0 @@ unsub();

dist/cjs/index.cjs.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/index.ts"],"sourcesContent":["import { readonly, ref, toRaw, watch } from 'vue-demi'\nimport type { Derived, Store } from '@tanstack/store'\nimport type { Ref } from 'vue-demi'\n\nexport * from '@tanstack/store'\n\n/**\n * @private\n */\nexport type NoInfer<T> = [T][T extends any ? 0 : never]\ntype EqualityFn<T> = (objA: T, objB: T) => boolean\ninterface UseStoreOptions<T> {\n  equal?: EqualityFn<T>\n}\n\nexport function useStore<TState, TSelected = NoInfer<TState>>(\n  store: Store<TState, any>,\n  selector?: (state: NoInfer<TState>) => TSelected,\n  options?: UseStoreOptions<TSelected>,\n): Readonly<Ref<TSelected>>\nexport function useStore<TState, TSelected = NoInfer<TState>>(\n  store: Derived<TState, any>,\n  selector?: (state: NoInfer<TState>) => TSelected,\n  options?: UseStoreOptions<TSelected>,\n): Readonly<Ref<TSelected>>\nexport function useStore<TState, TSelected = NoInfer<TState>>(\n  store: Store<TState, any> | Derived<TState, any>,\n  selector: (state: NoInfer<TState>) => TSelected = (d) => d as any,\n  options: UseStoreOptions<TSelected> = {},\n): Readonly<Ref<TSelected>> {\n  const slice = ref(selector(store.state)) as Ref<TSelected>\n  const equal = options.equal ?? shallow\n\n  watch(\n    () => store,\n    (value, _oldValue, onCleanup) => {\n      const unsub = value.subscribe(() => {\n        const data = selector(value.state)\n        if (equal(toRaw(slice.value), data)) {\n          return\n        }\n        slice.value = data\n      })\n\n      onCleanup(() => {\n        unsub()\n      })\n    },\n    { immediate: true },\n  )\n\n  return readonly(slice) as never\n}\n\nexport function shallow<T>(objA: T, objB: T) {\n  if (Object.is(objA, objB)) {\n    return true\n  }\n\n  if (\n    typeof objA !== 'object' ||\n    objA === null ||\n    typeof objB !== 'object' ||\n    objB === null\n  ) {\n    return false\n  }\n\n  if (objA instanceof Map && objB instanceof Map) {\n    if (objA.size !== objB.size) return false\n    for (const [k, v] of objA) {\n      if (!objB.has(k) || !Object.is(v, objB.get(k))) return false\n    }\n    return true\n  }\n\n  if (objA instanceof Set && objB instanceof Set) {\n    if (objA.size !== objB.size) return false\n    for (const v of objA) {\n      if (!objB.has(v)) return false\n    }\n    return true\n  }\n\n  if (objA instanceof Date && objB instanceof Date) {\n    if (objA.getTime() !== objB.getTime()) return false\n    return true\n  }\n\n  const keysA = Object.keys(objA)\n  if (keysA.length !== Object.keys(objB).length) {\n    return false\n  }\n\n  for (let i = 0; i < keysA.length; i++) {\n    if (\n      !Object.prototype.hasOwnProperty.call(objB, keysA[i] as string) ||\n      !Object.is(objA[keysA[i] as keyof T], objB[keysA[i] as keyof T])\n    ) {\n      return false\n    }\n  }\n  return true\n}\n"],"names":["store","ref","watch","toRaw","readonly"],"mappings":";;;;AAyBO,SAAS,SACdA,QACA,WAAkD,CAAC,MAAM,GACzD,UAAsC,IACZ;AAC1B,QAAM,QAAQC,QAAAA,IAAI,SAASD,OAAM,KAAK,CAAC;AACvC,QAAM,QAAQ,QAAQ,SAAS;AAE/BE,UAAAA;AAAAA,IACE,MAAMF;AAAA,IACN,CAAC,OAAO,WAAW,cAAc;AAC/B,YAAM,QAAQ,MAAM,UAAU,MAAM;AAClC,cAAM,OAAO,SAAS,MAAM,KAAK;AACjC,YAAI,MAAMG,QAAAA,MAAM,MAAM,KAAK,GAAG,IAAI,GAAG;AACnC;AAAA,QACF;AACA,cAAM,QAAQ;AAAA,MAChB,CAAC;AAED,gBAAU,MAAM;AACd,cAAA;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,EAAE,WAAW,KAAA;AAAA,EAAK;AAGpB,SAAOC,QAAAA,SAAS,KAAK;AACvB;AAEO,SAAS,QAAW,MAAS,MAAS;AAC3C,MAAI,OAAO,GAAG,MAAM,IAAI,GAAG;AACzB,WAAO;AAAA,EACT;AAEA,MACE,OAAO,SAAS,YAChB,SAAS,QACT,OAAO,SAAS,YAChB,SAAS,MACT;AACA,WAAO;AAAA,EACT;AAEA,MAAI,gBAAgB,OAAO,gBAAgB,KAAK;AAC9C,QAAI,KAAK,SAAS,KAAK,KAAM,QAAO;AACpC,eAAW,CAAC,GAAG,CAAC,KAAK,MAAM;AACzB,UAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,KAAK,IAAI,CAAC,CAAC,EAAG,QAAO;AAAA,IACzD;AACA,WAAO;AAAA,EACT;AAEA,MAAI,gBAAgB,OAAO,gBAAgB,KAAK;AAC9C,QAAI,KAAK,SAAS,KAAK,KAAM,QAAO;AACpC,eAAW,KAAK,MAAM;AACpB,UAAI,CAAC,KAAK,IAAI,CAAC,EAAG,QAAO;AAAA,IAC3B;AACA,WAAO;AAAA,EACT;AAEA,MAAI,gBAAgB,QAAQ,gBAAgB,MAAM;AAChD,QAAI,KAAK,QAAA,MAAc,KAAK,QAAA,EAAW,QAAO;AAC9C,WAAO;AAAA,EACT;AAEA,QAAM,QAAQ,OAAO,KAAK,IAAI;AAC9B,MAAI,MAAM,WAAW,OAAO,KAAK,IAAI,EAAE,QAAQ;AAC7C,WAAO;AAAA,EACT;AAEA,WAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;AACrC,QACE,CAAC,OAAO,UAAU,eAAe,KAAK,MAAM,MAAM,CAAC,CAAW,KAC9D,CAAC,OAAO,GAAG,KAAK,MAAM,CAAC,CAAY,GAAG,KAAK,MAAM,CAAC,CAAY,CAAC,GAC/D;AACA,aAAO;AAAA,IACT;AAAA,EACF;AACA,SAAO;AACT;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../src/index.ts"],"sourcesContent":["import { readonly, ref, toRaw, watch } from 'vue-demi'\nimport type { Atom, ReadonlyAtom } from '@tanstack/store'\nimport type { Ref } from 'vue-demi'\n\nexport * from '@tanstack/store'\n\ntype EqualityFn<T> = (objA: T, objB: T) => boolean\ninterface UseStoreOptions<T> {\n  equal?: EqualityFn<T>\n}\n\nexport function useStore<TState, TSelected = NoInfer<TState>>(\n  store: Atom<TState> | ReadonlyAtom<TState>,\n  selector: (state: NoInfer<TState>) => TSelected = (d) => d as any,\n  options: UseStoreOptions<TSelected> = {},\n): Readonly<Ref<TSelected>> {\n  const slice = ref(selector(store.get())) as Ref<TSelected>\n  const equal = options.equal ?? shallow\n\n  watch(\n    () => store,\n    (value, _oldValue, onCleanup) => {\n      const unsub = value.subscribe((s) => {\n        const data = selector(s)\n        if (equal(toRaw(slice.value), data)) {\n          return\n        }\n        slice.value = data\n      }).unsubscribe\n\n      onCleanup(() => {\n        unsub()\n      })\n    },\n    { immediate: true },\n  )\n\n  return readonly(slice) as never\n}\n\nexport function shallow<T>(objA: T, objB: T) {\n  if (Object.is(objA, objB)) {\n    return true\n  }\n\n  if (\n    typeof objA !== 'object' ||\n    objA === null ||\n    typeof objB !== 'object' ||\n    objB === null\n  ) {\n    return false\n  }\n\n  if (objA instanceof Map && objB instanceof Map) {\n    if (objA.size !== objB.size) return false\n    for (const [k, v] of objA) {\n      if (!objB.has(k) || !Object.is(v, objB.get(k))) return false\n    }\n    return true\n  }\n\n  if (objA instanceof Set && objB instanceof Set) {\n    if (objA.size !== objB.size) return false\n    for (const v of objA) {\n      if (!objB.has(v)) return false\n    }\n    return true\n  }\n\n  if (objA instanceof Date && objB instanceof Date) {\n    if (objA.getTime() !== objB.getTime()) return false\n    return true\n  }\n\n  const keysA = Object.keys(objA)\n  if (keysA.length !== Object.keys(objB).length) {\n    return false\n  }\n\n  for (let i = 0; i < keysA.length; i++) {\n    if (\n      !Object.prototype.hasOwnProperty.call(objB, keysA[i] as string) ||\n      !Object.is(objA[keysA[i] as keyof T], objB[keysA[i] as keyof T])\n    ) {\n      return false\n    }\n  }\n  return true\n}\n"],"names":["store","ref","watch","toRaw","readonly"],"mappings":";;;;AAWO,SAAS,SACdA,QACA,WAAkD,CAAC,MAAM,GACzD,UAAsC,IACZ;AAC1B,QAAM,QAAQC,QAAAA,IAAI,SAASD,OAAM,IAAA,CAAK,CAAC;AACvC,QAAM,QAAQ,QAAQ,SAAS;AAE/BE,UAAAA;AAAAA,IACE,MAAMF;AAAA,IACN,CAAC,OAAO,WAAW,cAAc;AAC/B,YAAM,QAAQ,MAAM,UAAU,CAAC,MAAM;AACnC,cAAM,OAAO,SAAS,CAAC;AACvB,YAAI,MAAMG,QAAAA,MAAM,MAAM,KAAK,GAAG,IAAI,GAAG;AACnC;AAAA,QACF;AACA,cAAM,QAAQ;AAAA,MAChB,CAAC,EAAE;AAEH,gBAAU,MAAM;AACd,cAAA;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,EAAE,WAAW,KAAA;AAAA,EAAK;AAGpB,SAAOC,QAAAA,SAAS,KAAK;AACvB;AAEO,SAAS,QAAW,MAAS,MAAS;AAC3C,MAAI,OAAO,GAAG,MAAM,IAAI,GAAG;AACzB,WAAO;AAAA,EACT;AAEA,MACE,OAAO,SAAS,YAChB,SAAS,QACT,OAAO,SAAS,YAChB,SAAS,MACT;AACA,WAAO;AAAA,EACT;AAEA,MAAI,gBAAgB,OAAO,gBAAgB,KAAK;AAC9C,QAAI,KAAK,SAAS,KAAK,KAAM,QAAO;AACpC,eAAW,CAAC,GAAG,CAAC,KAAK,MAAM;AACzB,UAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,KAAK,IAAI,CAAC,CAAC,EAAG,QAAO;AAAA,IACzD;AACA,WAAO;AAAA,EACT;AAEA,MAAI,gBAAgB,OAAO,gBAAgB,KAAK;AAC9C,QAAI,KAAK,SAAS,KAAK,KAAM,QAAO;AACpC,eAAW,KAAK,MAAM;AACpB,UAAI,CAAC,KAAK,IAAI,CAAC,EAAG,QAAO;AAAA,IAC3B;AACA,WAAO;AAAA,EACT;AAEA,MAAI,gBAAgB,QAAQ,gBAAgB,MAAM;AAChD,QAAI,KAAK,QAAA,MAAc,KAAK,QAAA,EAAW,QAAO;AAC9C,WAAO;AAAA,EACT;AAEA,QAAM,QAAQ,OAAO,KAAK,IAAI;AAC9B,MAAI,MAAM,WAAW,OAAO,KAAK,IAAI,EAAE,QAAQ;AAC7C,WAAO;AAAA,EACT;AAEA,WAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;AACrC,QACE,CAAC,OAAO,UAAU,eAAe,KAAK,MAAM,MAAM,CAAC,CAAW,KAC9D,CAAC,OAAO,GAAG,KAAK,MAAM,CAAC,CAAY,GAAG,KAAK,MAAM,CAAC,CAAY,CAAC,GAC/D;AACA,aAAO;AAAA,IACT;AAAA,EACF;AACA,SAAO;AACT;;;;;;;;;"}

dist/cjs/index.d.cts

@@ -1,8 +0,4 @@
-import { Derived, Store } from '@tanstack/store';
+import { Atom, ReadonlyAtom } from '@tanstack/store';
 import { Ref } from 'vue-demi';
 export * from '@tanstack/store';
-/**
- * @private
- */
-export type NoInfer<T> = [T][T extends any ? 0 : never];
 type EqualityFn<T> = (objA: T, objB: T) => boolean;
@@ -12,4 +8,3 @@ interface UseStoreOptions<T> {
 }
-export declare function useStore<TState, TSelected = NoInfer<TState>>(store: Store<TState, any>, selector?: (state: NoInfer<TState>) => TSelected, options?: UseStoreOptions<TSelected>): Readonly<Ref<TSelected>>;
-export declare function useStore<TState, TSelected = NoInfer<TState>>(store: Derived<TState, any>, selector?: (state: NoInfer<TState>) => TSelected, options?: UseStoreOptions<TSelected>): Readonly<Ref<TSelected>>;
+export declare function useStore<TState, TSelected = NoInfer<TState>>(store: Atom<TState> | ReadonlyAtom<TState>, selector?: (state: NoInfer<TState>) => TSelected, options?: UseStoreOptions<TSelected>): Readonly<Ref<TSelected>>;
 export declare function shallow<T>(objA: T, objB: T): boolean;

dist/esm/index.d.ts

@@ -1,8 +0,4 @@
-import { Derived, Store } from '@tanstack/store';
+import { Atom, ReadonlyAtom } from '@tanstack/store';
 import { Ref } from 'vue-demi';
 export * from '@tanstack/store';
-/**
- * @private
- */
-export type NoInfer<T> = [T][T extends any ? 0 : never];
 type EqualityFn<T> = (objA: T, objB: T) => boolean;
@@ -12,4 +8,3 @@ interface UseStoreOptions<T> {
 }
-export declare function useStore<TState, TSelected = NoInfer<TState>>(store: Store<TState, any>, selector?: (state: NoInfer<TState>) => TSelected, options?: UseStoreOptions<TSelected>): Readonly<Ref<TSelected>>;
-export declare function useStore<TState, TSelected = NoInfer<TState>>(store: Derived<TState, any>, selector?: (state: NoInfer<TState>) => TSelected, options?: UseStoreOptions<TSelected>): Readonly<Ref<TSelected>>;
+export declare function useStore<TState, TSelected = NoInfer<TState>>(store: Atom<TState> | ReadonlyAtom<TState>, selector?: (state: NoInfer<TState>) => TSelected, options?: UseStoreOptions<TSelected>): Readonly<Ref<TSelected>>;
 export declare function shallow<T>(objA: T, objB: T): boolean;

dist/esm/index.js

 import { ref, watch, toRaw, readonly } from "vue-demi";
 export * from "@tanstack/store";
 function useStore(store, selector = (d) => d, options = {}) {
-  const slice = ref(selector(store.state));
+  const slice = ref(selector(store.get()));
   const equal = options.equal ?? shallow;
@@ -9,4 +9,4 @@ watch(
     (value, _oldValue, onCleanup) => {
-      const unsub = value.subscribe(() => {
-        const data = selector(value.state);
+      const unsub = value.subscribe((s) => {
+        const data = selector(s);
         if (equal(toRaw(slice.value), data)) {
@@ -16,3 +16,3 @@ return;
         slice.value = data;
-      });
+      }).unsubscribe;
       onCleanup(() => {
@@ -19,0 +19,0 @@ unsub();

dist/esm/index.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["import { readonly, ref, toRaw, watch } from 'vue-demi'\nimport type { Derived, Store } from '@tanstack/store'\nimport type { Ref } from 'vue-demi'\n\nexport * from '@tanstack/store'\n\n/**\n * @private\n */\nexport type NoInfer<T> = [T][T extends any ? 0 : never]\ntype EqualityFn<T> = (objA: T, objB: T) => boolean\ninterface UseStoreOptions<T> {\n  equal?: EqualityFn<T>\n}\n\nexport function useStore<TState, TSelected = NoInfer<TState>>(\n  store: Store<TState, any>,\n  selector?: (state: NoInfer<TState>) => TSelected,\n  options?: UseStoreOptions<TSelected>,\n): Readonly<Ref<TSelected>>\nexport function useStore<TState, TSelected = NoInfer<TState>>(\n  store: Derived<TState, any>,\n  selector?: (state: NoInfer<TState>) => TSelected,\n  options?: UseStoreOptions<TSelected>,\n): Readonly<Ref<TSelected>>\nexport function useStore<TState, TSelected = NoInfer<TState>>(\n  store: Store<TState, any> | Derived<TState, any>,\n  selector: (state: NoInfer<TState>) => TSelected = (d) => d as any,\n  options: UseStoreOptions<TSelected> = {},\n): Readonly<Ref<TSelected>> {\n  const slice = ref(selector(store.state)) as Ref<TSelected>\n  const equal = options.equal ?? shallow\n\n  watch(\n    () => store,\n    (value, _oldValue, onCleanup) => {\n      const unsub = value.subscribe(() => {\n        const data = selector(value.state)\n        if (equal(toRaw(slice.value), data)) {\n          return\n        }\n        slice.value = data\n      })\n\n      onCleanup(() => {\n        unsub()\n      })\n    },\n    { immediate: true },\n  )\n\n  return readonly(slice) as never\n}\n\nexport function shallow<T>(objA: T, objB: T) {\n  if (Object.is(objA, objB)) {\n    return true\n  }\n\n  if (\n    typeof objA !== 'object' ||\n    objA === null ||\n    typeof objB !== 'object' ||\n    objB === null\n  ) {\n    return false\n  }\n\n  if (objA instanceof Map && objB instanceof Map) {\n    if (objA.size !== objB.size) return false\n    for (const [k, v] of objA) {\n      if (!objB.has(k) || !Object.is(v, objB.get(k))) return false\n    }\n    return true\n  }\n\n  if (objA instanceof Set && objB instanceof Set) {\n    if (objA.size !== objB.size) return false\n    for (const v of objA) {\n      if (!objB.has(v)) return false\n    }\n    return true\n  }\n\n  if (objA instanceof Date && objB instanceof Date) {\n    if (objA.getTime() !== objB.getTime()) return false\n    return true\n  }\n\n  const keysA = Object.keys(objA)\n  if (keysA.length !== Object.keys(objB).length) {\n    return false\n  }\n\n  for (let i = 0; i < keysA.length; i++) {\n    if (\n      !Object.prototype.hasOwnProperty.call(objB, keysA[i] as string) ||\n      !Object.is(objA[keysA[i] as keyof T], objB[keysA[i] as keyof T])\n    ) {\n      return false\n    }\n  }\n  return true\n}\n"],"names":[],"mappings":";;AAyBO,SAAS,SACd,OACA,WAAkD,CAAC,MAAM,GACzD,UAAsC,IACZ;AAC1B,QAAM,QAAQ,IAAI,SAAS,MAAM,KAAK,CAAC;AACvC,QAAM,QAAQ,QAAQ,SAAS;AAE/B;AAAA,IACE,MAAM;AAAA,IACN,CAAC,OAAO,WAAW,cAAc;AAC/B,YAAM,QAAQ,MAAM,UAAU,MAAM;AAClC,cAAM,OAAO,SAAS,MAAM,KAAK;AACjC,YAAI,MAAM,MAAM,MAAM,KAAK,GAAG,IAAI,GAAG;AACnC;AAAA,QACF;AACA,cAAM,QAAQ;AAAA,MAChB,CAAC;AAED,gBAAU,MAAM;AACd,cAAA;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,EAAE,WAAW,KAAA;AAAA,EAAK;AAGpB,SAAO,SAAS,KAAK;AACvB;AAEO,SAAS,QAAW,MAAS,MAAS;AAC3C,MAAI,OAAO,GAAG,MAAM,IAAI,GAAG;AACzB,WAAO;AAAA,EACT;AAEA,MACE,OAAO,SAAS,YAChB,SAAS,QACT,OAAO,SAAS,YAChB,SAAS,MACT;AACA,WAAO;AAAA,EACT;AAEA,MAAI,gBAAgB,OAAO,gBAAgB,KAAK;AAC9C,QAAI,KAAK,SAAS,KAAK,KAAM,QAAO;AACpC,eAAW,CAAC,GAAG,CAAC,KAAK,MAAM;AACzB,UAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,KAAK,IAAI,CAAC,CAAC,EAAG,QAAO;AAAA,IACzD;AACA,WAAO;AAAA,EACT;AAEA,MAAI,gBAAgB,OAAO,gBAAgB,KAAK;AAC9C,QAAI,KAAK,SAAS,KAAK,KAAM,QAAO;AACpC,eAAW,KAAK,MAAM;AACpB,UAAI,CAAC,KAAK,IAAI,CAAC,EAAG,QAAO;AAAA,IAC3B;AACA,WAAO;AAAA,EACT;AAEA,MAAI,gBAAgB,QAAQ,gBAAgB,MAAM;AAChD,QAAI,KAAK,QAAA,MAAc,KAAK,QAAA,EAAW,QAAO;AAC9C,WAAO;AAAA,EACT;AAEA,QAAM,QAAQ,OAAO,KAAK,IAAI;AAC9B,MAAI,MAAM,WAAW,OAAO,KAAK,IAAI,EAAE,QAAQ;AAC7C,WAAO;AAAA,EACT;AAEA,WAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;AACrC,QACE,CAAC,OAAO,UAAU,eAAe,KAAK,MAAM,MAAM,CAAC,CAAW,KAC9D,CAAC,OAAO,GAAG,KAAK,MAAM,CAAC,CAAY,GAAG,KAAK,MAAM,CAAC,CAAY,CAAC,GAC/D;AACA,aAAO;AAAA,IACT;AAAA,EACF;AACA,SAAO;AACT;"}
+{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["import { readonly, ref, toRaw, watch } from 'vue-demi'\nimport type { Atom, ReadonlyAtom } from '@tanstack/store'\nimport type { Ref } from 'vue-demi'\n\nexport * from '@tanstack/store'\n\ntype EqualityFn<T> = (objA: T, objB: T) => boolean\ninterface UseStoreOptions<T> {\n  equal?: EqualityFn<T>\n}\n\nexport function useStore<TState, TSelected = NoInfer<TState>>(\n  store: Atom<TState> | ReadonlyAtom<TState>,\n  selector: (state: NoInfer<TState>) => TSelected = (d) => d as any,\n  options: UseStoreOptions<TSelected> = {},\n): Readonly<Ref<TSelected>> {\n  const slice = ref(selector(store.get())) as Ref<TSelected>\n  const equal = options.equal ?? shallow\n\n  watch(\n    () => store,\n    (value, _oldValue, onCleanup) => {\n      const unsub = value.subscribe((s) => {\n        const data = selector(s)\n        if (equal(toRaw(slice.value), data)) {\n          return\n        }\n        slice.value = data\n      }).unsubscribe\n\n      onCleanup(() => {\n        unsub()\n      })\n    },\n    { immediate: true },\n  )\n\n  return readonly(slice) as never\n}\n\nexport function shallow<T>(objA: T, objB: T) {\n  if (Object.is(objA, objB)) {\n    return true\n  }\n\n  if (\n    typeof objA !== 'object' ||\n    objA === null ||\n    typeof objB !== 'object' ||\n    objB === null\n  ) {\n    return false\n  }\n\n  if (objA instanceof Map && objB instanceof Map) {\n    if (objA.size !== objB.size) return false\n    for (const [k, v] of objA) {\n      if (!objB.has(k) || !Object.is(v, objB.get(k))) return false\n    }\n    return true\n  }\n\n  if (objA instanceof Set && objB instanceof Set) {\n    if (objA.size !== objB.size) return false\n    for (const v of objA) {\n      if (!objB.has(v)) return false\n    }\n    return true\n  }\n\n  if (objA instanceof Date && objB instanceof Date) {\n    if (objA.getTime() !== objB.getTime()) return false\n    return true\n  }\n\n  const keysA = Object.keys(objA)\n  if (keysA.length !== Object.keys(objB).length) {\n    return false\n  }\n\n  for (let i = 0; i < keysA.length; i++) {\n    if (\n      !Object.prototype.hasOwnProperty.call(objB, keysA[i] as string) ||\n      !Object.is(objA[keysA[i] as keyof T], objB[keysA[i] as keyof T])\n    ) {\n      return false\n    }\n  }\n  return true\n}\n"],"names":[],"mappings":";;AAWO,SAAS,SACd,OACA,WAAkD,CAAC,MAAM,GACzD,UAAsC,IACZ;AAC1B,QAAM,QAAQ,IAAI,SAAS,MAAM,IAAA,CAAK,CAAC;AACvC,QAAM,QAAQ,QAAQ,SAAS;AAE/B;AAAA,IACE,MAAM;AAAA,IACN,CAAC,OAAO,WAAW,cAAc;AAC/B,YAAM,QAAQ,MAAM,UAAU,CAAC,MAAM;AACnC,cAAM,OAAO,SAAS,CAAC;AACvB,YAAI,MAAM,MAAM,MAAM,KAAK,GAAG,IAAI,GAAG;AACnC;AAAA,QACF;AACA,cAAM,QAAQ;AAAA,MAChB,CAAC,EAAE;AAEH,gBAAU,MAAM;AACd,cAAA;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,EAAE,WAAW,KAAA;AAAA,EAAK;AAGpB,SAAO,SAAS,KAAK;AACvB;AAEO,SAAS,QAAW,MAAS,MAAS;AAC3C,MAAI,OAAO,GAAG,MAAM,IAAI,GAAG;AACzB,WAAO;AAAA,EACT;AAEA,MACE,OAAO,SAAS,YAChB,SAAS,QACT,OAAO,SAAS,YAChB,SAAS,MACT;AACA,WAAO;AAAA,EACT;AAEA,MAAI,gBAAgB,OAAO,gBAAgB,KAAK;AAC9C,QAAI,KAAK,SAAS,KAAK,KAAM,QAAO;AACpC,eAAW,CAAC,GAAG,CAAC,KAAK,MAAM;AACzB,UAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,KAAK,IAAI,CAAC,CAAC,EAAG,QAAO;AAAA,IACzD;AACA,WAAO;AAAA,EACT;AAEA,MAAI,gBAAgB,OAAO,gBAAgB,KAAK;AAC9C,QAAI,KAAK,SAAS,KAAK,KAAM,QAAO;AACpC,eAAW,KAAK,MAAM;AACpB,UAAI,CAAC,KAAK,IAAI,CAAC,EAAG,QAAO;AAAA,IAC3B;AACA,WAAO;AAAA,EACT;AAEA,MAAI,gBAAgB,QAAQ,gBAAgB,MAAM;AAChD,QAAI,KAAK,QAAA,MAAc,KAAK,QAAA,EAAW,QAAO;AAC9C,WAAO;AAAA,EACT;AAEA,QAAM,QAAQ,OAAO,KAAK,IAAI;AAC9B,MAAI,MAAM,WAAW,OAAO,KAAK,IAAI,EAAE,QAAQ;AAC7C,WAAO;AAAA,EACT;AAEA,WAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;AACrC,QACE,CAAC,OAAO,UAAU,eAAe,KAAK,MAAM,MAAM,CAAC,CAAW,KAC9D,CAAC,OAAO,GAAG,KAAK,MAAM,CAAC,CAAY,GAAG,KAAK,MAAM,CAAC,CAAY,CAAC,GAC/D;AACA,aAAO;AAAA,IACT;AAAA,EACF;AACA,SAAO;AACT;"}

package.json

 {
   "name": "@tanstack/vue-store",
-  "version": "0.8.1",
+  "version": "0.9.0",
   "description": "Framework agnostic type-safe store w/ reactive framework adapters",
@@ -46,7 +46,7 @@ "author": "Tanner Linsley",
     "vue-demi": "^0.14.10",
-    "@tanstack/store": "0.8.1"
+    "@tanstack/store": "0.9.0"
   },
   "devDependencies": {
     "@testing-library/vue": "^8.1.0",
-    "@vitejs/plugin-vue": "^5.2.4",
+    "@vitejs/plugin-vue": "^6.0.3",
     "@vue/composition-api": "^1.7.2",
@@ -70,7 +70,6 @@ "vue": "^3.5.22",
     "test:types": "pnpm run \"/^test:types:ts[0-9]{2}$/\"",
-    "test:types:ts50": "node ../../node_modules/typescript50/lib/tsc.js",
-    "test:types:ts51": "node ../../node_modules/typescript51/lib/tsc.js",
-    "test:types:ts52": "node ../../node_modules/typescript52/lib/tsc.js",
-    "test:types:ts53": "node ../../node_modules/typescript53/lib/tsc.js",
-    "test:types:ts54": "tsc",
+    "test:types:ts56": "node ../../node_modules/typescript56/lib/tsc.js",
+    "test:types:ts57": "node ../../node_modules/typescript57/lib/tsc.js",
+    "test:types:ts58": "node ../../node_modules/typescript58/lib/tsc.js",
+    "test:types:ts59": "tsc",
     "test:lib": "pnpm run test:lib:3",
@@ -77,0 +76,0 @@ "test:lib:2": "vue-demi-switch 2 vue2 && vitest",

src/index.ts

 import { readonly, ref, toRaw, watch } from 'vue-demi'
-import type { Derived, Store } from '@tanstack/store'
+import type { Atom, ReadonlyAtom } from '@tanstack/store'
 import type { Ref } from 'vue-demi'
@@ -7,6 +7,2 @@
 
-/**
- * @private
- */
-export type NoInfer<T> = [T][T extends any ? 0 : never]
 type EqualityFn<T> = (objA: T, objB: T) => boolean
@@ -18,17 +14,7 @@ interface UseStoreOptions<T> {
 export function useStore<TState, TSelected = NoInfer<TState>>(
-  store: Store<TState, any>,
-  selector?: (state: NoInfer<TState>) => TSelected,
-  options?: UseStoreOptions<TSelected>,
-): Readonly<Ref<TSelected>>
-export function useStore<TState, TSelected = NoInfer<TState>>(
-  store: Derived<TState, any>,
-  selector?: (state: NoInfer<TState>) => TSelected,
-  options?: UseStoreOptions<TSelected>,
-): Readonly<Ref<TSelected>>
-export function useStore<TState, TSelected = NoInfer<TState>>(
-  store: Store<TState, any> | Derived<TState, any>,
+  store: Atom<TState> | ReadonlyAtom<TState>,
   selector: (state: NoInfer<TState>) => TSelected = (d) => d as any,
   options: UseStoreOptions<TSelected> = {},
 ): Readonly<Ref<TSelected>> {
-  const slice = ref(selector(store.state)) as Ref<TSelected>
+  const slice = ref(selector(store.get())) as Ref<TSelected>
   const equal = options.equal ?? shallow
@@ -39,4 +25,4 @@
     (value, _oldValue, onCleanup) => {
-      const unsub = value.subscribe(() => {
-        const data = selector(value.state)
+      const unsub = value.subscribe((s) => {
+        const data = selector(s)
         if (equal(toRaw(slice.value), data)) {
@@ -46,3 +32,3 @@ return
         slice.value = data
-      })
+      }).unsubscribe
 
@@ -49,0 +35,0 @@ onCleanup(() => {

No alert changes

Worsened metrics

Total package byte prevSize

18125

-10.48%

Lines of code

220

-7.95%

Dependency changes

• + Added

  @tanstack/store@0.9.0
  (transitive)

• + Added

  @vue/compiler-core@3.5.38
  (transitive)

• + Added

  @vue/compiler-dom@3.5.38
  (transitive)

• + Added

  @vue/compiler-sfc@3.5.38
  (transitive)

• + Added

  @vue/compiler-ssr@3.5.38
  (transitive)

• + Added

  @vue/reactivity@3.5.38
  (transitive)

• + Added

  @vue/runtime-core@3.5.38
  (transitive)

• + Added

  @vue/runtime-dom@3.5.38
  (transitive)

• + Added

  @vue/server-renderer@3.5.38
  (transitive)

• + Added

  @vue/shared@3.5.38
  (transitive)

• + Added

  vue@3.5.38
  (transitive)

• - Removed

  @tanstack/store@0.8.1
  (transitive)

• - Removed

  @vue/compiler-core@3.5.39
  (transitive)

• - Removed

  @vue/compiler-dom@3.5.39
  (transitive)

• - Removed

  @vue/compiler-sfc@3.5.39
  (transitive)

• - Removed

  @vue/compiler-ssr@3.5.39
  (transitive)

• - Removed

  @vue/reactivity@3.5.39
  (transitive)

• - Removed

  @vue/runtime-core@3.5.39
  (transitive)

• - Removed

  @vue/runtime-dom@3.5.39
  (transitive)

• - Removed

  @vue/server-renderer@3.5.39
  (transitive)

• - Removed

  @vue/shared@3.5.39
  (transitive)

• - Removed

  vue@3.5.39
  (transitive)

• Updated

  @tanstack/store@0.9.0