@tanstack/angular-store - npm Package Compare versions

Comparing version 0.6.0 to 0.7.0

dist/fesm2022/tanstack-angular-store.mjs

 import { assertInInjectionContext, inject, Injector, runInInjectionContext, DestroyRef, linkedSignal } from '@angular/core';
+export * from '@tanstack/store';
 
@@ -3,0 +4,0 @@ function injectStore(store, selector = (d) => d, options = {

dist/fesm2022/tanstack-angular-store.mjs.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"tanstack-angular-store.mjs","sources":["../../src/index.ts","../../src/tanstack-angular-store.ts"],"sourcesContent":["import {\n  DestroyRef,\n  Injector,\n  assertInInjectionContext,\n  inject,\n  linkedSignal,\n  runInInjectionContext,\n} from '@angular/core'\nimport type { AnyUpdater, Store } from '@tanstack/store'\nimport type { CreateSignalOptions } from '@angular/core'\n\n/**\n * @private\n */\ntype NoInfer<T> = [T][T extends any ? 0 : never]\n\nexport function injectStore<\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 TSelected,\n  options: CreateSignalOptions<TSelected> & { injector?: Injector } = {\n    equal: shallow,\n  },\n) {\n  !options.injector && assertInInjectionContext(injectStore)\n\n  if (!options.injector) {\n    options.injector = inject(Injector)\n  }\n\n  return runInInjectionContext(options.injector, () => {\n    const destroyRef = inject(DestroyRef)\n    const slice = linkedSignal(() => selector(store.state), options)\n\n    const unsubscribe = store.subscribe(() => {\n      slice.set(selector(store.state))\n    })\n\n    destroyRef.onDestroy(() => {\n      unsubscribe()\n    })\n\n    return slice.asReadonly()\n  })\n}\n\nfunction 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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"tanstack-angular-store.mjs","sources":["../../src/index.ts","../../src/tanstack-angular-store.ts"],"sourcesContent":["import {\n  DestroyRef,\n  Injector,\n  assertInInjectionContext,\n  inject,\n  linkedSignal,\n  runInInjectionContext,\n} from '@angular/core'\nimport type { Derived, Store } from '@tanstack/store'\nimport type { CreateSignalOptions, Signal } from '@angular/core'\n\nexport * from '@tanstack/store'\n\n/**\n * @private\n */\ntype NoInfer<T> = [T][T extends any ? 0 : never]\n\nexport function injectStore<TState, TSelected = NoInfer<TState>>(\n  store: Store<TState, any>,\n  selector?: (state: NoInfer<TState>) => TSelected,\n  options?: CreateSignalOptions<TSelected> & { injector?: Injector },\n): Signal<TSelected>\nexport function injectStore<TState, TSelected = NoInfer<TState>>(\n  store: Derived<TState, any>,\n  selector?: (state: NoInfer<TState>) => TSelected,\n  options?: CreateSignalOptions<TSelected> & { injector?: Injector },\n): Signal<TSelected>\nexport function injectStore<TState, TSelected = NoInfer<TState>>(\n  store: Store<TState, any> | Derived<TState, any>,\n  selector: (state: NoInfer<TState>) => TSelected = (d) => d as TSelected,\n  options: CreateSignalOptions<TSelected> & { injector?: Injector } = {\n    equal: shallow,\n  },\n): Signal<TSelected> {\n  !options.injector && assertInInjectionContext(injectStore)\n\n  if (!options.injector) {\n    options.injector = inject(Injector)\n  }\n\n  return runInInjectionContext(options.injector, () => {\n    const destroyRef = inject(DestroyRef)\n    const slice = linkedSignal(() => selector(store.state), options)\n\n    const unsubscribe = store.subscribe(() => {\n      slice.set(selector(store.state))\n    })\n\n    destroyRef.onDestroy(() => {\n      unsubscribe()\n    })\n\n    return slice.asReadonly()\n  })\n}\n\nfunction 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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

dist/index.d.ts

 import { Injector } from '@angular/core';
-import type { AnyUpdater, Store } from '@tanstack/store';
-import type { CreateSignalOptions } from '@angular/core';
+import type { Derived, Store } from '@tanstack/store';
+import type { CreateSignalOptions, Signal } from '@angular/core';
+export * from '@tanstack/store';
 /**
@@ -8,5 +9,7 @@ * @private
 type NoInfer<T> = [T][T extends any ? 0 : never];
-export declare function injectStore<TState, TSelected = NoInfer<TState>, TUpdater extends AnyUpdater = AnyUpdater>(store: Store<TState, TUpdater>, selector?: (state: NoInfer<TState>) => TSelected, options?: CreateSignalOptions<TSelected> & {
+export declare function injectStore<TState, TSelected = NoInfer<TState>>(store: Store<TState, any>, selector?: (state: NoInfer<TState>) => TSelected, options?: CreateSignalOptions<TSelected> & {
     injector?: Injector;
-}): import("@angular/core").Signal<TSelected>;
-export {};
+}): Signal<TSelected>;
+export declare function injectStore<TState, TSelected = NoInfer<TState>>(store: Derived<TState, any>, selector?: (state: NoInfer<TState>) => TSelected, options?: CreateSignalOptions<TSelected> & {
+    injector?: Injector;
+}): Signal<TSelected>;

package.json

 {
   "name": "@tanstack/angular-store",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "Framework agnostic type-safe store w/ reactive framework adapters",
@@ -42,12 +42,12 @@ "author": "Tanner Linsley",
     "tslib": "^2.8.1",
-    "@tanstack/store": "0.6.0"
+    "@tanstack/store": "0.7.0"
   },
   "devDependencies": {
-    "@analogjs/vite-plugin-angular": "^1.9.4",
-    "@angular/common": "^19.0.0",
-    "@angular/compiler": "^19.0.0",
-    "@angular/compiler-cli": "^19.0.0",
-    "@angular/core": "^19.0.0",
-    "@angular/platform-browser": "^19.0.0",
-    "@angular/platform-browser-dynamic": "^19.0.0",
+    "@analogjs/vite-plugin-angular": "^1.10.3",
+    "@angular/common": "^19.0.5",
+    "@angular/compiler": "^19.0.5",
+    "@angular/compiler-cli": "^19.0.5",
+    "@angular/core": "^19.0.5",
+    "@angular/platform-browser": "^19.0.5",
+    "@angular/platform-browser-dynamic": "^19.0.5",
     "ng-packagr": "^19.0.1",
@@ -54,0 +54,0 @@ "zone.js": "^0.15.0"

src/index.ts

@@ -9,5 +9,7 @@ import {
 } from '@angular/core'
-import type { AnyUpdater, Store } from '@tanstack/store'
-import type { CreateSignalOptions } from '@angular/core'
+import type { Derived, Store } from '@tanstack/store'
+import type { CreateSignalOptions, Signal } from '@angular/core'
 
+export * from '@tanstack/store'
+
 /**
@@ -18,8 +20,14 @@ * @private
 
-export function injectStore<
-  TState,
-  TSelected = NoInfer<TState>,
-  TUpdater extends AnyUpdater = AnyUpdater,
->(
-  store: Store<TState, TUpdater>,
+export function injectStore<TState, TSelected = NoInfer<TState>>(
+  store: Store<TState, any>,
+  selector?: (state: NoInfer<TState>) => TSelected,
+  options?: CreateSignalOptions<TSelected> & { injector?: Injector },
+): Signal<TSelected>
+export function injectStore<TState, TSelected = NoInfer<TState>>(
+  store: Derived<TState, any>,
+  selector?: (state: NoInfer<TState>) => TSelected,
+  options?: CreateSignalOptions<TSelected> & { injector?: Injector },
+): Signal<TSelected>
+export function injectStore<TState, TSelected = NoInfer<TState>>(
+  store: Store<TState, any> | Derived<TState, any>,
   selector: (state: NoInfer<TState>) => TSelected = (d) => d as TSelected,
@@ -29,3 +37,3 @@ options: CreateSignalOptions<TSelected> & { injector?: Injector } = {
   },
-) {
+): Signal<TSelected> {
   !options.injector && assertInInjectionContext(injectStore)
@@ -32,0 +40,0 @@

No alert changes

Improved metrics

Total package byte prevSize

13081

10.55%

Lines of code

168

7.01%

Dependency changes

• + Added

  @tanstack/store@0.7.0
  (transitive)

• - Removed

  @tanstack/store@0.6.0
  (transitive)

• Updated

  @tanstack/store@0.7.0