@tanstack/solid-store 0.7.1 → 0.7.2

package/dist/cjs/index.cjs

@@ -1,21 +1,54 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const solidJs = require("solid-js");
-const store$1 = require("solid-js/store");
 const store = require("@tanstack/store");
 function useStore(store2, selector = (d) => d) {
-  const [slice, setSlice] = store$1.createStore({
-    value: selector(store2.state)
-  });
+  const [signal, setSignal] = solidJs.createSignal(selector(store2.state));
   const unsub = store2.subscribe(() => {
-    const newValue = selector(store2.state);
-    setSlice("value", store$1.reconcile(newValue));
+    const data = selector(store2.state);
+    if (shallow(signal(), data)) {
+      return;
+    }
+    setSignal(() => data);
   });
   solidJs.onCleanup(() => {
     unsub();
   });
-  return () => slice.value;
+  return signal;
+}
+function shallow(objA, objB) {
+  if (Object.is(objA, objB)) {
+    return true;
+  }
+  if (typeof objA !== "object" || objA === null || typeof objB !== "object" || objB === null) {
+    return false;
+  }
+  if (objA instanceof Map && objB instanceof Map) {
+    if (objA.size !== objB.size) return false;
+    for (const [k, v] of objA) {
+      if (!objB.has(k) || !Object.is(v, objB.get(k))) return false;
+    }
+    return true;
+  }
+  if (objA instanceof Set && objB instanceof Set) {
+    if (objA.size !== objB.size) return false;
+    for (const v of objA) {
+      if (!objB.has(v)) return false;
+    }
+    return true;
+  }
+  const keysA = Object.keys(objA);
+  if (keysA.length !== Object.keys(objB).length) {
+    return false;
+  }
+  for (let i = 0; i < keysA.length; i++) {
+    if (!Object.prototype.hasOwnProperty.call(objB, keysA[i]) || !Object.is(objA[keysA[i]], objB[keysA[i]])) {
+      return false;
+    }
+  }
+  return true;
 }
+exports.shallow = shallow;
 exports.useStore = useStore;
 Object.keys(store).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {

package/dist/cjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/index.tsx"],"sourcesContent":["import { onCleanup } from 'solid-js'\nimport { createStore, reconcile } from 'solid-js/store'\nimport type { Derived, Store } from '@tanstack/store'\nimport type { Accessor } from 'solid-js'\n\nexport * from '@tanstack/store'\n\n/**\n * @private\n */\nexport type NoInfer<T> = [T][T extends any ? 0 : never]\n\nexport function useStore<TState, TSelected = NoInfer<TState>>(\n  store: Store<TState, any>,\n  selector?: (state: NoInfer<TState>) => TSelected,\n): Accessor<TSelected>\nexport function useStore<TState, TSelected = NoInfer<TState>>(\n  store: Derived<TState, any>,\n  selector?: (state: NoInfer<TState>) => TSelected,\n): Accessor<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): Accessor<TSelected> {\n  const [slice, setSlice] = createStore({\n    value: selector(store.state),\n  })\n\n  const unsub = store.subscribe(() => {\n    const newValue = selector(store.state)\n    setSlice('value', reconcile(newValue))\n  })\n\n  onCleanup(() => {\n    unsub()\n  })\n\n  return () => slice.value\n}\n"],"names":["useStore","store","selector","d","slice","setSlice","createStore","value","state","unsub","subscribe","newValue","reconcile","onCleanup"],"mappings":";;;;;AAoBO,SAASA,SACdC,QACAC,WAAmDC,CAAAA,MAAMA,GACpC;AACrB,QAAM,CAACC,OAAOC,QAAQ,IAAIC,oBAAY;AAAA,IACpCC,OAAOL,SAASD,OAAMO,KAAK;AAAA,EAAA,CAC5B;AAEKC,QAAAA,QAAQR,OAAMS,UAAU,MAAM;AAC5BC,UAAAA,WAAWT,SAASD,OAAMO,KAAK;AAC5B,aAAA,SAASI,kBAAUD,QAAQ,CAAC;AAAA,EAAA,CACtC;AAEDE,UAAAA,UAAU,MAAM;AACR,UAAA;AAAA,EAAA,CACP;AAED,SAAO,MAAMT,MAAMG;AACrB;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../src/index.tsx"],"sourcesContent":["import { createSignal, onCleanup } from 'solid-js'\nimport type { Derived, Store } from '@tanstack/store'\nimport type { Accessor } from 'solid-js'\n\nexport * from '@tanstack/store'\n\n/**\n * @private\n */\nexport type NoInfer<T> = [T][T extends any ? 0 : never]\n\nexport function useStore<TState, TSelected = NoInfer<TState>>(\n  store: Store<TState, any>,\n  selector?: (state: NoInfer<TState>) => TSelected,\n): Accessor<TSelected>\nexport function useStore<TState, TSelected = NoInfer<TState>>(\n  store: Derived<TState, any>,\n  selector?: (state: NoInfer<TState>) => TSelected,\n): Accessor<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): Accessor<TSelected> {\n  const [signal, setSignal] = createSignal(selector(store.state))\n\n  const unsub = store.subscribe(() => {\n    const data = selector(store.state)\n    if (shallow(signal(), data)) {\n      return\n    }\n    setSignal(() => data)\n  })\n\n  onCleanup(() => {\n    unsub()\n  })\n\n  return signal\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  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":["useStore","store","selector","d","signal","setSignal","createSignal","state","unsub","subscribe","data","shallow","onCleanup","objA","objB","Object","is","Map","size","k","v","has","get","Set","keysA","keys","length","i","prototype","hasOwnProperty","call"],"mappings":";;;;AAmBO,SAASA,SACdC,QACAC,WAAmDC,CAAAA,MAAMA,GACpC;AACrB,QAAM,CAACC,QAAQC,SAAS,IAAIC,QAAAA,aAAaJ,SAASD,OAAMM,KAAK,CAAC;AAE9D,QAAMC,QAAQP,OAAMQ,UAAU,MAAM;AAClC,UAAMC,OAAOR,SAASD,OAAMM,KAAK;AACjC,QAAII,QAAQP,UAAUM,IAAI,GAAG;AAC3B;AAAA,IAAA;AAEFL,cAAU,MAAMK,IAAI;AAAA,EAAA,CACrB;AAEDE,UAAAA,UAAU,MAAM;AACdJ,UAAAA;AAAAA,EAAM,CACP;AAED,SAAOJ;AACT;AAEO,SAASO,QAAWE,MAASC,MAAS;AAC3C,MAAIC,OAAOC,GAAGH,MAAMC,IAAI,GAAG;AACzB,WAAO;AAAA,EAAA;AAGT,MACE,OAAOD,SAAS,YAChBA,SAAS,QACT,OAAOC,SAAS,YAChBA,SAAS,MACT;AACA,WAAO;AAAA,EAAA;AAGT,MAAID,gBAAgBI,OAAOH,gBAAgBG,KAAK;AAC9C,QAAIJ,KAAKK,SAASJ,KAAKI,KAAM,QAAO;AACpC,eAAW,CAACC,GAAGC,CAAC,KAAKP,MAAM;AACzB,UAAI,CAACC,KAAKO,IAAIF,CAAC,KAAK,CAACJ,OAAOC,GAAGI,GAAGN,KAAKQ,IAAIH,CAAC,CAAC,EAAG,QAAO;AAAA,IAAA;AAEzD,WAAO;AAAA,EAAA;AAGT,MAAIN,gBAAgBU,OAAOT,gBAAgBS,KAAK;AAC9C,QAAIV,KAAKK,SAASJ,KAAKI,KAAM,QAAO;AACpC,eAAWE,KAAKP,MAAM;AACpB,UAAI,CAACC,KAAKO,IAAID,CAAC,EAAG,QAAO;AAAA,IAAA;AAE3B,WAAO;AAAA,EAAA;AAGT,QAAMI,QAAQT,OAAOU,KAAKZ,IAAI;AAC9B,MAAIW,MAAME,WAAWX,OAAOU,KAAKX,IAAI,EAAEY,QAAQ;AAC7C,WAAO;AAAA,EAAA;AAGT,WAASC,IAAI,GAAGA,IAAIH,MAAME,QAAQC,KAAK;AACrC,QACE,CAACZ,OAAOa,UAAUC,eAAeC,KAAKhB,MAAMU,MAAMG,CAAC,CAAW,KAC9D,CAACZ,OAAOC,GAAGH,KAAKW,MAAMG,CAAC,CAAY,GAAGb,KAAKU,MAAMG,CAAC,CAAY,CAAC,GAC/D;AACA,aAAO;AAAA,IAAA;AAAA,EACT;AAEF,SAAO;AACT;;;;;;;;;"}

package/dist/cjs/index.d.cts

@@ -7,3 +7,4 @@ export * from '@tanstack/store';
 export type NoInfer<T> = [T][T extends any ? 0 : never];
 export declare function useStore<TState, TSelected = NoInfer<TState>>(store: Store<TState, any>, selector?: (state: NoInfer<TState>) => TSelected): Accessor<TSelected>;
 export declare function useStore<TState, TSelected = NoInfer<TState>>(store: Derived<TState, any>, selector?: (state: NoInfer<TState>) => TSelected): Accessor<TSelected>;
+export declare function shallow<T>(objA: T, objB: T): boolean;

package/dist/esm/index.d.ts

@@ -7,3 +7,4 @@ export * from '@tanstack/store';
 export type NoInfer<T> = [T][T extends any ? 0 : never];
 export declare function useStore<TState, TSelected = NoInfer<TState>>(store: Store<TState, any>, selector?: (state: NoInfer<TState>) => TSelected): Accessor<TSelected>;
 export declare function useStore<TState, TSelected = NoInfer<TState>>(store: Derived<TState, any>, selector?: (state: NoInfer<TState>) => TSelected): Accessor<TSelected>;
+export declare function shallow<T>(objA: T, objB: T): boolean;

package/dist/esm/index.js

@@ -1,20 +1,53 @@
-import { onCleanup } from "solid-js";
-import { createStore, reconcile } from "solid-js/store";
+import { createSignal, onCleanup } from "solid-js";
 export * from "@tanstack/store";
 function useStore(store, selector = (d) => d) {
-  const [slice, setSlice] = createStore({
-    value: selector(store.state)
-  });
+  const [signal, setSignal] = createSignal(selector(store.state));
   const unsub = store.subscribe(() => {
-    const newValue = selector(store.state);
-    setSlice("value", reconcile(newValue));
+    const data = selector(store.state);
+    if (shallow(signal(), data)) {
+      return;
+    }
+    setSignal(() => data);
   });
   onCleanup(() => {
     unsub();
   });
-  return () => slice.value;
+  return signal;
+}
+function shallow(objA, objB) {
+  if (Object.is(objA, objB)) {
+    return true;
+  }
+  if (typeof objA !== "object" || objA === null || typeof objB !== "object" || objB === null) {
+    return false;
+  }
+  if (objA instanceof Map && objB instanceof Map) {
+    if (objA.size !== objB.size) return false;
+    for (const [k, v] of objA) {
+      if (!objB.has(k) || !Object.is(v, objB.get(k))) return false;
+    }
+    return true;
+  }
+  if (objA instanceof Set && objB instanceof Set) {
+    if (objA.size !== objB.size) return false;
+    for (const v of objA) {
+      if (!objB.has(v)) return false;
+    }
+    return true;
+  }
+  const keysA = Object.keys(objA);
+  if (keysA.length !== Object.keys(objB).length) {
+    return false;
+  }
+  for (let i = 0; i < keysA.length; i++) {
+    if (!Object.prototype.hasOwnProperty.call(objB, keysA[i]) || !Object.is(objA[keysA[i]], objB[keysA[i]])) {
+      return false;
+    }
+  }
+  return true;
 }
 export {
+  shallow,
   useStore
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/index.tsx"],"sourcesContent":["import { onCleanup } from 'solid-js'\nimport { createStore, reconcile } from 'solid-js/store'\nimport type { Derived, Store } from '@tanstack/store'\nimport type { Accessor } from 'solid-js'\n\nexport * from '@tanstack/store'\n\n/**\n * @private\n */\nexport type NoInfer<T> = [T][T extends any ? 0 : never]\n\nexport function useStore<TState, TSelected = NoInfer<TState>>(\n  store: Store<TState, any>,\n  selector?: (state: NoInfer<TState>) => TSelected,\n): Accessor<TSelected>\nexport function useStore<TState, TSelected = NoInfer<TState>>(\n  store: Derived<TState, any>,\n  selector?: (state: NoInfer<TState>) => TSelected,\n): Accessor<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): Accessor<TSelected> {\n  const [slice, setSlice] = createStore({\n    value: selector(store.state),\n  })\n\n  const unsub = store.subscribe(() => {\n    const newValue = selector(store.state)\n    setSlice('value', reconcile(newValue))\n  })\n\n  onCleanup(() => {\n    unsub()\n  })\n\n  return () => slice.value\n}\n"],"names":["useStore","store","selector","d","slice","setSlice","createStore","value","state","unsub","subscribe","newValue","reconcile","onCleanup"],"mappings":";;;AAoBO,SAASA,SACdC,OACAC,WAAmDC,CAAAA,MAAMA,GACpC;AACrB,QAAM,CAACC,OAAOC,QAAQ,IAAIC,YAAY;AAAA,IACpCC,OAAOL,SAASD,MAAMO,KAAK;AAAA,EAAA,CAC5B;AAEKC,QAAAA,QAAQR,MAAMS,UAAU,MAAM;AAC5BC,UAAAA,WAAWT,SAASD,MAAMO,KAAK;AAC5B,aAAA,SAASI,UAAUD,QAAQ,CAAC;AAAA,EAAA,CACtC;AAEDE,YAAU,MAAM;AACR,UAAA;AAAA,EAAA,CACP;AAED,SAAO,MAAMT,MAAMG;AACrB;"}
+{"version":3,"file":"index.js","sources":["../../src/index.tsx"],"sourcesContent":["import { createSignal, onCleanup } from 'solid-js'\nimport type { Derived, Store } from '@tanstack/store'\nimport type { Accessor } from 'solid-js'\n\nexport * from '@tanstack/store'\n\n/**\n * @private\n */\nexport type NoInfer<T> = [T][T extends any ? 0 : never]\n\nexport function useStore<TState, TSelected = NoInfer<TState>>(\n  store: Store<TState, any>,\n  selector?: (state: NoInfer<TState>) => TSelected,\n): Accessor<TSelected>\nexport function useStore<TState, TSelected = NoInfer<TState>>(\n  store: Derived<TState, any>,\n  selector?: (state: NoInfer<TState>) => TSelected,\n): Accessor<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): Accessor<TSelected> {\n  const [signal, setSignal] = createSignal(selector(store.state))\n\n  const unsub = store.subscribe(() => {\n    const data = selector(store.state)\n    if (shallow(signal(), data)) {\n      return\n    }\n    setSignal(() => data)\n  })\n\n  onCleanup(() => {\n    unsub()\n  })\n\n  return signal\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  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":["useStore","store","selector","d","signal","setSignal","createSignal","state","unsub","subscribe","data","shallow","onCleanup","objA","objB","Object","is","Map","size","k","v","has","get","Set","keysA","keys","length","i","prototype","hasOwnProperty","call"],"mappings":";;AAmBO,SAASA,SACdC,OACAC,WAAmDC,CAAAA,MAAMA,GACpC;AACrB,QAAM,CAACC,QAAQC,SAAS,IAAIC,aAAaJ,SAASD,MAAMM,KAAK,CAAC;AAE9D,QAAMC,QAAQP,MAAMQ,UAAU,MAAM;AAClC,UAAMC,OAAOR,SAASD,MAAMM,KAAK;AACjC,QAAII,QAAQP,UAAUM,IAAI,GAAG;AAC3B;AAAA,IAAA;AAEFL,cAAU,MAAMK,IAAI;AAAA,EAAA,CACrB;AAEDE,YAAU,MAAM;AACdJ,UAAAA;AAAAA,EAAM,CACP;AAED,SAAOJ;AACT;AAEO,SAASO,QAAWE,MAASC,MAAS;AAC3C,MAAIC,OAAOC,GAAGH,MAAMC,IAAI,GAAG;AACzB,WAAO;AAAA,EAAA;AAGT,MACE,OAAOD,SAAS,YAChBA,SAAS,QACT,OAAOC,SAAS,YAChBA,SAAS,MACT;AACA,WAAO;AAAA,EAAA;AAGT,MAAID,gBAAgBI,OAAOH,gBAAgBG,KAAK;AAC9C,QAAIJ,KAAKK,SAASJ,KAAKI,KAAM,QAAO;AACpC,eAAW,CAACC,GAAGC,CAAC,KAAKP,MAAM;AACzB,UAAI,CAACC,KAAKO,IAAIF,CAAC,KAAK,CAACJ,OAAOC,GAAGI,GAAGN,KAAKQ,IAAIH,CAAC,CAAC,EAAG,QAAO;AAAA,IAAA;AAEzD,WAAO;AAAA,EAAA;AAGT,MAAIN,gBAAgBU,OAAOT,gBAAgBS,KAAK;AAC9C,QAAIV,KAAKK,SAASJ,KAAKI,KAAM,QAAO;AACpC,eAAWE,KAAKP,MAAM;AACpB,UAAI,CAACC,KAAKO,IAAID,CAAC,EAAG,QAAO;AAAA,IAAA;AAE3B,WAAO;AAAA,EAAA;AAGT,QAAMI,QAAQT,OAAOU,KAAKZ,IAAI;AAC9B,MAAIW,MAAME,WAAWX,OAAOU,KAAKX,IAAI,EAAEY,QAAQ;AAC7C,WAAO;AAAA,EAAA;AAGT,WAASC,IAAI,GAAGA,IAAIH,MAAME,QAAQC,KAAK;AACrC,QACE,CAACZ,OAAOa,UAAUC,eAAeC,KAAKhB,MAAMU,MAAMG,CAAC,CAAW,KAC9D,CAACZ,OAAOC,GAAGH,KAAKW,MAAMG,CAAC,CAAY,GAAGb,KAAKU,MAAMG,CAAC,CAAY,CAAC,GAC/D;AACA,aAAO;AAAA,IAAA;AAAA,EACT;AAEF,SAAO;AACT;"}

package/dist/source/index.d.ts

@@ -7,3 +7,4 @@ export * from '@tanstack/store';
 export type NoInfer<T> = [T][T extends any ? 0 : never];
 export declare function useStore<TState, TSelected = NoInfer<TState>>(store: Store<TState, any>, selector?: (state: NoInfer<TState>) => TSelected): Accessor<TSelected>;
 export declare function useStore<TState, TSelected = NoInfer<TState>>(store: Derived<TState, any>, selector?: (state: NoInfer<TState>) => TSelected): Accessor<TSelected>;
+export declare function shallow<T>(objA: T, objB: T): boolean;

package/dist/source/index.jsx

@@ -1,17 +1,57 @@
-import { onCleanup } from 'solid-js';
-import { createStore, reconcile } from 'solid-js/store';
+import { createSignal, onCleanup } from 'solid-js';
 export * from '@tanstack/store';
 export function useStore(store, selector = (d) => d) {
-    const [slice, setSlice] = createStore({
-        value: selector(store.state),
-    });
+    const [signal, setSignal] = createSignal(selector(store.state));
     const unsub = store.subscribe(() => {
-        const newValue = selector(store.state);
-        setSlice('value', reconcile(newValue));
+        const data = selector(store.state);
+        if (shallow(signal(), data)) {
+            return;
+        }
+        setSignal(() => data);
     });
     onCleanup(() => {
         unsub();
     });
-    return () => slice.value;
+    return signal;
+}
+export function shallow(objA, objB) {
+    if (Object.is(objA, objB)) {
+        return true;
+    }
+    if (typeof objA !== 'object' ||
+        objA === null ||
+        typeof objB !== 'object' ||
+        objB === null) {
+        return false;
+    }
+    if (objA instanceof Map && objB instanceof Map) {
+        if (objA.size !== objB.size)
+            return false;
+        for (const [k, v] of objA) {
+            if (!objB.has(k) || !Object.is(v, objB.get(k)))
+                return false;
+        }
+        return true;
+    }
+    if (objA instanceof Set && objB instanceof Set) {
+        if (objA.size !== objB.size)
+            return false;
+        for (const v of objA) {
+            if (!objB.has(v))
+                return false;
+        }
+        return true;
+    }
+    const keysA = Object.keys(objA);
+    if (keysA.length !== Object.keys(objB).length) {
+        return false;
+    }
+    for (let i = 0; i < keysA.length; i++) {
+        if (!Object.prototype.hasOwnProperty.call(objB, keysA[i]) ||
+            !Object.is(objA[keysA[i]], objB[keysA[i]])) {
+            return false;
+        }
+    }
+    return true;
 }
 //# sourceMappingURL=index.jsx.map

package/dist/source/index.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AACpC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAIvD,cAAc,iBAAiB,CAAA;AAe/B,MAAM,UAAU,QAAQ,CACtB,KAAgD,EAChD,WAAkD,CAAC,CAAC,EAAE,EAAE,CAAC,CAAQ;IAEjE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,WAAW,CAAC;QACpC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;KAC7B,CAAC,CAAA;IAEF,MAAM,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjC,MAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QACtC,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAA;IACxC,CAAC,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,EAAE,CAAA;IACT,CAAC,CAAC,CAAA;IAEF,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAA;AAC1B,CAAC"}
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/solid-store",
-  "version": "0.7.1",
+  "version": "0.7.2",
   "description": "Framework agnostic type-safe store w/ reactive framework adapters",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -46,15 +46,28 @@
     "src"
   ],
   "dependencies": {
-    "@tanstack/store": "0.7.1"
+    "@tanstack/store": "0.7.2"
   },
   "devDependencies": {
     "@solidjs/testing-library": "^0.8.10",
     "solid-js": "^1.9.7",
-    "vite-plugin-solid": "^2.11.6"
+    "vite-plugin-solid": "^2.11.7"
   },
   "peerDependencies": {
     "solid-js": "^1.6.0"
   },
-  "scripts": {}
+  "scripts": {
+    "clean": "premove ./dist ./coverage",
+    "test:eslint": "eslint ./src ./tests",
+    "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:lib": "vitest",
+    "test:lib:dev": "pnpm run test:lib --watch",
+    "test:build": "publint --strict",
+    "build": "vite build && tsc -p tsconfig.build.json"
+  }
 }

package/src/index.tsx

@@ -1,5 +1,4 @@
-import { onCleanup } from 'solid-js'
-import { createStore, reconcile } from 'solid-js/store'
+import { createSignal, onCleanup } from 'solid-js'
 import type { Derived, Store } from '@tanstack/store'
 import type { Accessor } from 'solid-js'
 
@@ -22,18 +21,65 @@ export function useStore<TState, TSelected = NoInfer<TState>>(
   store: Store<TState, any> | Derived<TState, any>,
   selector: (state: NoInfer<TState>) => TSelected = (d) => d as any,
 ): Accessor<TSelected> {
-  const [slice, setSlice] = createStore({
-    value: selector(store.state),
-  })
+  const [signal, setSignal] = createSignal(selector(store.state))
 
   const unsub = store.subscribe(() => {
-    const newValue = selector(store.state)
-    setSlice('value', reconcile(newValue))
+    const data = selector(store.state)
+    if (shallow(signal(), data)) {
+      return
+    }
+    setSignal(() => data)
   })
 
   onCleanup(() => {
     unsub()
   })
 
-  return () => slice.value
+  return signal
+}
+
+export function shallow<T>(objA: T, objB: T) {
+  if (Object.is(objA, objB)) {
+    return true
+  }
+
+  if (
+    typeof objA !== 'object' ||
+    objA === null ||
+    typeof objB !== 'object' ||
+    objB === null
+  ) {
+    return false
+  }
+
+  if (objA instanceof Map && objB instanceof Map) {
+    if (objA.size !== objB.size) return false
+    for (const [k, v] of objA) {
+      if (!objB.has(k) || !Object.is(v, objB.get(k))) return false
+    }
+    return true
+  }
+
+  if (objA instanceof Set && objB instanceof Set) {
+    if (objA.size !== objB.size) return false
+    for (const v of objA) {
+      if (!objB.has(v)) return false
+    }
+    return true
+  }
+
+  const keysA = Object.keys(objA)
+  if (keysA.length !== Object.keys(objB).length) {
+    return false
+  }
+
+  for (let i = 0; i < keysA.length; i++) {
+    if (
+      !Object.prototype.hasOwnProperty.call(objB, keysA[i] as string) ||
+      !Object.is(objA[keysA[i] as keyof T], objB[keysA[i] as keyof T])
+    ) {
+      return false
+    }
+  }
+  return true
 }