@tanstack/solid-store 0.2.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Tanner Linsley
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/build/legacy/index.cjs

@@ -0,0 +1,48 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  useStore: () => useStore
+});
+module.exports = __toCommonJS(src_exports);
+var import_solid_js = require("solid-js");
+var import_store = require("solid-js/store");
+__reExport(src_exports, require("@tanstack/store"), module.exports);
+function useStore(store, selector = (d) => d) {
+  const [slice, setSlice] = (0, import_store.createStore)({
+    value: selector(store.state)
+  });
+  const unsub = store.subscribe(() => {
+    const newValue = selector(store.state);
+    setSlice("value", (0, import_store.reconcile)(newValue));
+  });
+  (0, import_solid_js.onCleanup)(() => {
+    unsub();
+  });
+  return () => slice.value;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useStore,
+  ...require("@tanstack/store")
+});
+//# sourceMappingURL=index.cjs.map

package/build/legacy/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import type { AnyUpdater, Store } from '@tanstack/store'\nimport type { Accessor} from 'solid-js';\nimport { onCleanup } from 'solid-js'\nimport { createStore, reconcile } from 'solid-js/store'\n\nexport * from '@tanstack/store'\n\nexport type NoInfer<T> = [T][T extends any ? 0 : never]\n\nexport function useStore<\n  TState,\n  TSelected = NoInfer<TState>,\n  TUpdater extends AnyUpdater = AnyUpdater,\n>(\n  store: Store<TState, TUpdater>,\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,sBAA0B;AAC1B,mBAAuC;AAEvC,wBAAc,4BALd;AASO,SAAS,SAKd,OACA,WAAkD,CAAC,MAAM,GACpC;AACrB,QAAM,CAAC,OAAO,QAAQ,QAAI,0BAAY;AAAA,IACpC,OAAO,SAAS,MAAM,KAAK;AAAA,EAC7B,CAAC;AAED,QAAM,QAAQ,MAAM,UAAU,MAAM;AAClC,UAAM,WAAW,SAAS,MAAM,KAAK;AACrC,aAAS,aAAS,wBAAU,QAAQ,CAAC;AAAA,EACvC,CAAC;AAED,iCAAU,MAAM;AACd,UAAM;AAAA,EACR,CAAC;AAED,SAAO,MAAM,MAAM;AACrB;","names":[]}

package/build/legacy/index.d.cts

@@ -0,0 +1,8 @@
+import { AnyUpdater, Store } from '@tanstack/store';
+export * from '@tanstack/store';
+import { Accessor } from 'solid-js';
+
+type NoInfer<T> = [T][T extends any ? 0 : never];
+declare function useStore<TState, TSelected = NoInfer<TState>, TUpdater extends AnyUpdater = AnyUpdater>(store: Store<TState, TUpdater>, selector?: (state: NoInfer<TState>) => TSelected): Accessor<TSelected>;
+
+export { NoInfer, useStore };

package/build/legacy/index.d.ts

@@ -0,0 +1,8 @@
+import { AnyUpdater, Store } from '@tanstack/store';
+export * from '@tanstack/store';
+import { Accessor } from 'solid-js';
+
+type NoInfer<T> = [T][T extends any ? 0 : never];
+declare function useStore<TState, TSelected = NoInfer<TState>, TUpdater extends AnyUpdater = AnyUpdater>(store: Store<TState, TUpdater>, selector?: (state: NoInfer<TState>) => TSelected): Accessor<TSelected>;
+
+export { NoInfer, useStore };

package/build/legacy/index.js

@@ -0,0 +1,21 @@
+// src/index.ts
+import { onCleanup } from "solid-js";
+import { createStore, reconcile } from "solid-js/store";
+export * from "@tanstack/store";
+function useStore(store, selector = (d) => d) {
+  const [slice, setSlice] = createStore({
+    value: selector(store.state)
+  });
+  const unsub = store.subscribe(() => {
+    const newValue = selector(store.state);
+    setSlice("value", reconcile(newValue));
+  });
+  onCleanup(() => {
+    unsub();
+  });
+  return () => slice.value;
+}
+export {
+  useStore
+};
+//# sourceMappingURL=index.js.map

package/build/legacy/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import type { AnyUpdater, Store } from '@tanstack/store'\nimport type { Accessor} from 'solid-js';\nimport { onCleanup } from 'solid-js'\nimport { createStore, reconcile } from 'solid-js/store'\n\nexport * from '@tanstack/store'\n\nexport type NoInfer<T> = [T][T extends any ? 0 : never]\n\nexport function useStore<\n  TState,\n  TSelected = NoInfer<TState>,\n  TUpdater extends AnyUpdater = AnyUpdater,\n>(\n  store: Store<TState, TUpdater>,\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"],"mappings":";AAEA,SAAS,iBAAiB;AAC1B,SAAS,aAAa,iBAAiB;AAEvC,cAAc;AAIP,SAAS,SAKd,OACA,WAAkD,CAAC,MAAM,GACpC;AACrB,QAAM,CAAC,OAAO,QAAQ,IAAI,YAAY;AAAA,IACpC,OAAO,SAAS,MAAM,KAAK;AAAA,EAC7B,CAAC;AAED,QAAM,QAAQ,MAAM,UAAU,MAAM;AAClC,UAAM,WAAW,SAAS,MAAM,KAAK;AACrC,aAAS,SAAS,UAAU,QAAQ,CAAC;AAAA,EACvC,CAAC;AAED,YAAU,MAAM;AACd,UAAM;AAAA,EACR,CAAC;AAED,SAAO,MAAM,MAAM;AACrB;","names":[]}

package/build/modern/index.cjs

@@ -0,0 +1,48 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  useStore: () => useStore
+});
+module.exports = __toCommonJS(src_exports);
+var import_solid_js = require("solid-js");
+var import_store = require("solid-js/store");
+__reExport(src_exports, require("@tanstack/store"), module.exports);
+function useStore(store, selector = (d) => d) {
+  const [slice, setSlice] = (0, import_store.createStore)({
+    value: selector(store.state)
+  });
+  const unsub = store.subscribe(() => {
+    const newValue = selector(store.state);
+    setSlice("value", (0, import_store.reconcile)(newValue));
+  });
+  (0, import_solid_js.onCleanup)(() => {
+    unsub();
+  });
+  return () => slice.value;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useStore,
+  ...require("@tanstack/store")
+});
+//# sourceMappingURL=index.cjs.map

package/build/modern/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import type { AnyUpdater, Store } from '@tanstack/store'\nimport type { Accessor} from 'solid-js';\nimport { onCleanup } from 'solid-js'\nimport { createStore, reconcile } from 'solid-js/store'\n\nexport * from '@tanstack/store'\n\nexport type NoInfer<T> = [T][T extends any ? 0 : never]\n\nexport function useStore<\n  TState,\n  TSelected = NoInfer<TState>,\n  TUpdater extends AnyUpdater = AnyUpdater,\n>(\n  store: Store<TState, TUpdater>,\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,sBAA0B;AAC1B,mBAAuC;AAEvC,wBAAc,4BALd;AASO,SAAS,SAKd,OACA,WAAkD,CAAC,MAAM,GACpC;AACrB,QAAM,CAAC,OAAO,QAAQ,QAAI,0BAAY;AAAA,IACpC,OAAO,SAAS,MAAM,KAAK;AAAA,EAC7B,CAAC;AAED,QAAM,QAAQ,MAAM,UAAU,MAAM;AAClC,UAAM,WAAW,SAAS,MAAM,KAAK;AACrC,aAAS,aAAS,wBAAU,QAAQ,CAAC;AAAA,EACvC,CAAC;AAED,iCAAU,MAAM;AACd,UAAM;AAAA,EACR,CAAC;AAED,SAAO,MAAM,MAAM;AACrB;","names":[]}

package/build/modern/index.d.cts

@@ -0,0 +1,8 @@
+import { AnyUpdater, Store } from '@tanstack/store';
+export * from '@tanstack/store';
+import { Accessor } from 'solid-js';
+
+type NoInfer<T> = [T][T extends any ? 0 : never];
+declare function useStore<TState, TSelected = NoInfer<TState>, TUpdater extends AnyUpdater = AnyUpdater>(store: Store<TState, TUpdater>, selector?: (state: NoInfer<TState>) => TSelected): Accessor<TSelected>;
+
+export { NoInfer, useStore };

package/build/modern/index.d.ts

@@ -0,0 +1,8 @@
+import { AnyUpdater, Store } from '@tanstack/store';
+export * from '@tanstack/store';
+import { Accessor } from 'solid-js';
+
+type NoInfer<T> = [T][T extends any ? 0 : never];
+declare function useStore<TState, TSelected = NoInfer<TState>, TUpdater extends AnyUpdater = AnyUpdater>(store: Store<TState, TUpdater>, selector?: (state: NoInfer<TState>) => TSelected): Accessor<TSelected>;
+
+export { NoInfer, useStore };

package/build/modern/index.js

@@ -0,0 +1,21 @@
+// src/index.ts
+import { onCleanup } from "solid-js";
+import { createStore, reconcile } from "solid-js/store";
+export * from "@tanstack/store";
+function useStore(store, selector = (d) => d) {
+  const [slice, setSlice] = createStore({
+    value: selector(store.state)
+  });
+  const unsub = store.subscribe(() => {
+    const newValue = selector(store.state);
+    setSlice("value", reconcile(newValue));
+  });
+  onCleanup(() => {
+    unsub();
+  });
+  return () => slice.value;
+}
+export {
+  useStore
+};
+//# sourceMappingURL=index.js.map

package/build/modern/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import type { AnyUpdater, Store } from '@tanstack/store'\nimport type { Accessor} from 'solid-js';\nimport { onCleanup } from 'solid-js'\nimport { createStore, reconcile } from 'solid-js/store'\n\nexport * from '@tanstack/store'\n\nexport type NoInfer<T> = [T][T extends any ? 0 : never]\n\nexport function useStore<\n  TState,\n  TSelected = NoInfer<TState>,\n  TUpdater extends AnyUpdater = AnyUpdater,\n>(\n  store: Store<TState, TUpdater>,\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"],"mappings":";AAEA,SAAS,iBAAiB;AAC1B,SAAS,aAAa,iBAAiB;AAEvC,cAAc;AAIP,SAAS,SAKd,OACA,WAAkD,CAAC,MAAM,GACpC;AACrB,QAAM,CAAC,OAAO,QAAQ,IAAI,YAAY;AAAA,IACpC,OAAO,SAAS,MAAM,KAAK;AAAA,EAC7B,CAAC;AAED,QAAM,QAAQ,MAAM,UAAU,MAAM;AAClC,UAAM,WAAW,SAAS,MAAM,KAAK;AACrC,aAAS,SAAS,UAAU,QAAQ,CAAC;AAAA,EACvC,CAAC;AAED,YAAU,MAAM;AACd,UAAM;AAAA,EACR,CAAC;AAED,SAAO,MAAM,MAAM;AACrB;","names":[]}

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@tanstack/solid-store",
+  "author": "Tanner Linsley",
+  "version": "0.2.1",
+  "license": "MIT",
+  "repository": "tanstack/solid-store",
+  "homepage": "https://tanstack.com/",
+  "description": "",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "keywords": [
+    "store",
+    "solid",
+    "typescript"
+  ],
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/tannerlinsley"
+  },
+  "files": [
+    "build",
+    "src"
+  ],
+  "type": "module",
+  "types": "build/legacy/index.d.ts",
+  "main": "build/legacy/index.cjs",
+  "module": "build/legacy/index.js",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./build/modern/index.d.ts",
+        "default": "./build/modern/index.js"
+      },
+      "require": {
+        "types": "./build/modern/index.d.cts",
+        "default": "./build/modern/index.cjs"
+      }
+    },
+    "./package.json": "./package.json"
+  },
+  "sideEffects": false,
+  "peerDependencies": {
+    "solid-js": "^1.6.0"
+  },
+  "dependencies": {
+    "@tanstack/store": "0.1.3"
+  },
+  "scripts": {
+    "clean": "rimraf ./build && rimraf ./coverage",
+    "test:eslint": "eslint --ext .ts,.tsx ./src",
+    "test:types": "tsc",
+    "test:lib": "vitest run --coverage",
+    "test:lib:dev": "pnpm run test:lib --watch",
+    "test:build": "publint --strict",
+    "build": "tsup"
+  }
+}

package/src/__tests__/index.test.tsx

@@ -0,0 +1,43 @@
+import { render, renderHook } from '@solidjs/testing-library'
+import '@testing-library/jest-dom'
+import { Store } from '@tanstack/store'
+import { useStore } from '../index'
+
+describe('useStore', () => {
+  it.todo('allows us to select state using a selector', async () => {
+    const store = new Store({
+      select: 0,
+      ignored: 1,
+    })
+
+    function Comp() {
+      const storeVal = useStore(store, (state) => state.select)
+
+      return <p>Store: {storeVal()}</p>
+    }
+
+    const { getByText } = render(() => <Comp />)
+    expect(getByText('Store: 0')).toBeInTheDocument()
+  })
+
+  it('allows us to select state using a selector', () => {
+    const store = new Store({
+      select: 0,
+      ignored: 1,
+    })
+
+    const { result } = renderHook(() => useStore(store, (state) => state.select))
+    
+    expect(result()).toBe(0)
+  })
+
+  it('updates accessor value when state is updated', () => {
+    const store = new Store(0)
+
+    const { result } = renderHook(() => useStore(store))
+    
+    store.setState((prev) => prev + 1)
+
+    expect(result()).toBe(1)
+  })
+})

package/src/index.ts

@@ -0,0 +1,32 @@
+import type { AnyUpdater, Store } from '@tanstack/store'
+import type { Accessor} from 'solid-js';
+import { onCleanup } from 'solid-js'
+import { createStore, reconcile } from 'solid-js/store'
+
+export * from '@tanstack/store'
+
+export type NoInfer<T> = [T][T extends any ? 0 : never]
+
+export function useStore<
+  TState,
+  TSelected = NoInfer<TState>,
+  TUpdater extends AnyUpdater = AnyUpdater,
+>(
+  store: Store<TState, TUpdater>,
+  selector: (state: NoInfer<TState>) => TSelected = (d) => d as any,
+): Accessor<TSelected> {
+  const [slice, setSlice] = createStore({
+    value: selector(store.state)
+  })
+
+  const unsub = store.subscribe(() => {
+    const newValue = selector(store.state)
+    setSlice('value', reconcile(newValue))
+  })
+
+  onCleanup(() => {
+    unsub()
+  })
+
+  return () => slice.value
+}