@tanstack/angular-store 0.4.0 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":["../../src/index.ts"],"sourcesContent":["import {\n effect,\n signal,\n type CreateSignalOptions,\n Injector,\n assertInInjectionContext,\n inject,\n runInInjectionContext,\n} from '@angular/core'\nimport type { AnyUpdater, Store } from '@tanstack/store'\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 slice = signal(selector(store.state), options)\n\n effect(\n (onCleanup) => {\n const unsub = store.subscribe(() => {\n slice.set(selector(store.state))\n })\n onCleanup(unsub)\n },\n { allowSignalWrites: true },\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 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":["assertInInjectionContext","inject","Injector","runInInjectionContext","signal","effect"],"mappings":";;;AAaO,SAAS,YAKd,OACA,WAAkD,CAAC,MAAM,GACzD,UAAoE;AAAA,EAClE,OAAO;AACT,GACA;AACC,GAAA,QAAQ,YAAYA,KAAA,yBAAyB,WAAW;AAErD,MAAA,CAAC,QAAQ,UAAU;AACb,YAAA,WAAWC,YAAOC,KAAAA,QAAQ;AAAA,EACpC;AAEO,SAAAC,KAAA,sBAAsB,QAAQ,UAAU,MAAM;AACnD,UAAM,QAAQC,KAAAA,OAAO,SAAS,MAAM,KAAK,GAAG,OAAO;AAEnDC,SAAA;AAAA,MACE,CAAC,cAAc;AACP,cAAA,QAAQ,MAAM,UAAU,MAAM;AAClC,gBAAM,IAAI,SAAS,MAAM,KAAK,CAAC;AAAA,QAAA,CAChC;AACD,kBAAU,KAAK;AAAA,MACjB;AAAA,MACA,EAAE,mBAAmB,KAAK;AAAA,IAAA;AAG5B,WAAO,MAAM;EAAW,CACzB;AACH;AAEA,SAAS,QAAW,MAAS,MAAS;AACpC,MAAI,OAAO,GAAG,MAAM,IAAI,GAAG;AAClB,WAAA;AAAA,EACT;AAGE,MAAA,OAAO,SAAS,YAChB,SAAS,QACT,OAAO,SAAS,YAChB,SAAS,MACT;AACO,WAAA;AAAA,EACT;AAEM,QAAA,QAAQ,OAAO,KAAK,IAAI;AAC9B,MAAI,MAAM,WAAW,OAAO,KAAK,IAAI,EAAE,QAAQ;AACtC,WAAA;AAAA,EACT;AAEA,WAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;AAEnC,QAAA,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;AACO,aAAA;AAAA,IACT;AAAA,EACF;AACO,SAAA;AACT;;"}
1
+ {"version":3,"file":"index.cjs","sources":["../../src/index.ts"],"sourcesContent":["import {\n Injector,\n assertInInjectionContext,\n effect,\n inject,\n runInInjectionContext,\n signal,\n} from '@angular/core'\nimport type { AnyUpdater, Store } from '@tanstack/store'\nimport type { CreateSignalOptions } from '@angular/core'\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 slice = signal(selector(store.state), options)\n\n effect(\n (onCleanup) => {\n const unsub = store.subscribe(() => {\n slice.set(selector(store.state))\n })\n onCleanup(unsub)\n },\n { allowSignalWrites: true },\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 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":["assertInInjectionContext","inject","Injector","runInInjectionContext","signal","effect"],"mappings":";;;AAaO,SAAS,YAKd,OACA,WAAkD,CAAC,MAAM,GACzD,UAAoE;AAAA,EAClE,OAAO;AACT,GACA;AACC,GAAA,QAAQ,YAAYA,KAAA,yBAAyB,WAAW;AAErD,MAAA,CAAC,QAAQ,UAAU;AACb,YAAA,WAAWC,YAAOC,KAAAA,QAAQ;AAAA,EACpC;AAEO,SAAAC,KAAA,sBAAsB,QAAQ,UAAU,MAAM;AACnD,UAAM,QAAQC,KAAAA,OAAO,SAAS,MAAM,KAAK,GAAG,OAAO;AAEnDC,SAAA;AAAA,MACE,CAAC,cAAc;AACP,cAAA,QAAQ,MAAM,UAAU,MAAM;AAClC,gBAAM,IAAI,SAAS,MAAM,KAAK,CAAC;AAAA,QAAA,CAChC;AACD,kBAAU,KAAK;AAAA,MACjB;AAAA,MACA,EAAE,mBAAmB,KAAK;AAAA,IAAA;AAG5B,WAAO,MAAM;EAAW,CACzB;AACH;AAEA,SAAS,QAAW,MAAS,MAAS;AACpC,MAAI,OAAO,GAAG,MAAM,IAAI,GAAG;AAClB,WAAA;AAAA,EACT;AAGE,MAAA,OAAO,SAAS,YAChB,SAAS,QACT,OAAO,SAAS,YAChB,SAAS,MACT;AACO,WAAA;AAAA,EACT;AAEM,QAAA,QAAQ,OAAO,KAAK,IAAI;AAC9B,MAAI,MAAM,WAAW,OAAO,KAAK,IAAI,EAAE,QAAQ;AACtC,WAAA;AAAA,EACT;AAEA,WAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;AAEnC,QAAA,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;AACO,aAAA;AAAA,IACT;AAAA,EACF;AACO,SAAA;AACT;;"}
@@ -1,7 +1,8 @@
1
- import { type CreateSignalOptions, Injector } from '@angular/core';
2
- import type { AnyUpdater, Store } from '@tanstack/store';
1
+ import { Injector, CreateSignalOptions } from '@angular/core';
2
+ import { AnyUpdater, Store } from '@tanstack/store';
3
+
3
4
  type NoInfer<T> = [T][T extends any ? 0 : never];
4
5
  export declare function injectStore<TState, TSelected = NoInfer<TState>, TUpdater extends AnyUpdater = AnyUpdater>(store: Store<TState, TUpdater>, selector?: (state: NoInfer<TState>) => TSelected, options?: CreateSignalOptions<TSelected> & {
5
6
  injector?: Injector;
6
- }): import("@angular/core").Signal<TSelected>;
7
+ }): import('@angular/core').Signal<TSelected>;
7
8
  export {};
@@ -1,7 +1,8 @@
1
- import { type CreateSignalOptions, Injector } from '@angular/core';
2
- import type { AnyUpdater, Store } from '@tanstack/store';
1
+ import { Injector, CreateSignalOptions } from '@angular/core';
2
+ import { AnyUpdater, Store } from '@tanstack/store';
3
+
3
4
  type NoInfer<T> = [T][T extends any ? 0 : never];
4
5
  export declare function injectStore<TState, TSelected = NoInfer<TState>, TUpdater extends AnyUpdater = AnyUpdater>(store: Store<TState, TUpdater>, selector?: (state: NoInfer<TState>) => TSelected, options?: CreateSignalOptions<TSelected> & {
5
6
  injector?: Injector;
6
- }): import("@angular/core").Signal<TSelected>;
7
+ }): import('@angular/core').Signal<TSelected>;
7
8
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["import {\n effect,\n signal,\n type CreateSignalOptions,\n Injector,\n assertInInjectionContext,\n inject,\n runInInjectionContext,\n} from '@angular/core'\nimport type { AnyUpdater, Store } from '@tanstack/store'\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 slice = signal(selector(store.state), options)\n\n effect(\n (onCleanup) => {\n const unsub = store.subscribe(() => {\n slice.set(selector(store.state))\n })\n onCleanup(unsub)\n },\n { allowSignalWrites: true },\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 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":";AAaO,SAAS,YAKd,OACA,WAAkD,CAAC,MAAM,GACzD,UAAoE;AAAA,EAClE,OAAO;AACT,GACA;AACC,GAAA,QAAQ,YAAY,yBAAyB,WAAW;AAErD,MAAA,CAAC,QAAQ,UAAU;AACb,YAAA,WAAW,OAAO,QAAQ;AAAA,EACpC;AAEO,SAAA,sBAAsB,QAAQ,UAAU,MAAM;AACnD,UAAM,QAAQ,OAAO,SAAS,MAAM,KAAK,GAAG,OAAO;AAEnD;AAAA,MACE,CAAC,cAAc;AACP,cAAA,QAAQ,MAAM,UAAU,MAAM;AAClC,gBAAM,IAAI,SAAS,MAAM,KAAK,CAAC;AAAA,QAAA,CAChC;AACD,kBAAU,KAAK;AAAA,MACjB;AAAA,MACA,EAAE,mBAAmB,KAAK;AAAA,IAAA;AAG5B,WAAO,MAAM;EAAW,CACzB;AACH;AAEA,SAAS,QAAW,MAAS,MAAS;AACpC,MAAI,OAAO,GAAG,MAAM,IAAI,GAAG;AAClB,WAAA;AAAA,EACT;AAGE,MAAA,OAAO,SAAS,YAChB,SAAS,QACT,OAAO,SAAS,YAChB,SAAS,MACT;AACO,WAAA;AAAA,EACT;AAEM,QAAA,QAAQ,OAAO,KAAK,IAAI;AAC9B,MAAI,MAAM,WAAW,OAAO,KAAK,IAAI,EAAE,QAAQ;AACtC,WAAA;AAAA,EACT;AAEA,WAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;AAEnC,QAAA,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;AACO,aAAA;AAAA,IACT;AAAA,EACF;AACO,SAAA;AACT;"}
1
+ {"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["import {\n Injector,\n assertInInjectionContext,\n effect,\n inject,\n runInInjectionContext,\n signal,\n} from '@angular/core'\nimport type { AnyUpdater, Store } from '@tanstack/store'\nimport type { CreateSignalOptions } from '@angular/core'\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 slice = signal(selector(store.state), options)\n\n effect(\n (onCleanup) => {\n const unsub = store.subscribe(() => {\n slice.set(selector(store.state))\n })\n onCleanup(unsub)\n },\n { allowSignalWrites: true },\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 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":";AAaO,SAAS,YAKd,OACA,WAAkD,CAAC,MAAM,GACzD,UAAoE;AAAA,EAClE,OAAO;AACT,GACA;AACC,GAAA,QAAQ,YAAY,yBAAyB,WAAW;AAErD,MAAA,CAAC,QAAQ,UAAU;AACb,YAAA,WAAW,OAAO,QAAQ;AAAA,EACpC;AAEO,SAAA,sBAAsB,QAAQ,UAAU,MAAM;AACnD,UAAM,QAAQ,OAAO,SAAS,MAAM,KAAK,GAAG,OAAO;AAEnD;AAAA,MACE,CAAC,cAAc;AACP,cAAA,QAAQ,MAAM,UAAU,MAAM;AAClC,gBAAM,IAAI,SAAS,MAAM,KAAK,CAAC;AAAA,QAAA,CAChC;AACD,kBAAU,KAAK;AAAA,MACjB;AAAA,MACA,EAAE,mBAAmB,KAAK;AAAA,IAAA;AAG5B,WAAO,MAAM;EAAW,CACzB;AACH;AAEA,SAAS,QAAW,MAAS,MAAS;AACpC,MAAI,OAAO,GAAG,MAAM,IAAI,GAAG;AAClB,WAAA;AAAA,EACT;AAGE,MAAA,OAAO,SAAS,YAChB,SAAS,QACT,OAAO,SAAS,YAChB,SAAS,MACT;AACO,WAAA;AAAA,EACT;AAEM,QAAA,QAAQ,OAAO,KAAK,IAAI;AAC9B,MAAI,MAAM,WAAW,OAAO,KAAK,IAAI,EAAE,QAAQ;AACtC,WAAA;AAAA,EACT;AAEA,WAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;AAEnC,QAAA,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;AACO,aAAA;AAAA,IACT;AAAA,EACF;AACO,SAAA;AACT;"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@tanstack/angular-store",
3
3
  "author": "Tanner Linsley",
4
- "version": "0.4.0",
4
+ "version": "0.5.0",
5
5
  "license": "MIT",
6
6
  "repository": "tanstack/store",
7
7
  "homepage": "https://tanstack.com/store",
@@ -41,14 +41,14 @@
41
41
  "src"
42
42
  ],
43
43
  "dependencies": {
44
- "@tanstack/store": "0.3.1"
44
+ "@tanstack/store": "0.5.0"
45
45
  },
46
46
  "devDependencies": {
47
- "@analogjs/vite-plugin-angular": "^0.2.32",
48
- "@angular/core": "^17.1.2",
47
+ "@analogjs/vite-plugin-angular": "^1.5.0",
49
48
  "@angular/common": "^17.1.2",
50
49
  "@angular/compiler": "^17.1.2",
51
50
  "@angular/compiler-cli": "^17.1.2",
51
+ "@angular/core": "^17.1.2",
52
52
  "@angular/platform-browser": "^17.1.2",
53
53
  "@angular/platform-browser-dynamic": "^17.1.2",
54
54
  "zone.js": "^0.14.3"
@@ -57,13 +57,5 @@
57
57
  "@angular/core": ">=16 < 18",
58
58
  "@angular/common": ">=16 < 18"
59
59
  },
60
- "scripts": {
61
- "clean": "rimraf ./dist && rimraf ./coverage",
62
- "test:eslint": "eslint --ext .ts,.tsx ./src",
63
- "test:types": "tsc",
64
- "test:lib": "vitest",
65
- "test:lib:dev": "pnpm run test:lib --watch",
66
- "test:build": "publint --strict",
67
- "build": "vite build"
68
- }
60
+ "scripts": {}
69
61
  }
package/src/index.ts CHANGED
@@ -1,13 +1,13 @@
1
1
  import {
2
- effect,
3
- signal,
4
- type CreateSignalOptions,
5
2
  Injector,
6
3
  assertInInjectionContext,
4
+ effect,
7
5
  inject,
8
6
  runInInjectionContext,
7
+ signal,
9
8
  } from '@angular/core'
10
9
  import type { AnyUpdater, Store } from '@tanstack/store'
10
+ import type { CreateSignalOptions } from '@angular/core'
11
11
 
12
12
  type NoInfer<T> = [T][T extends any ? 0 : never]
13
13
 
@@ -1,3 +1,4 @@
1
+ import { describe, expect, test } from 'vitest'
1
2
  import { Component, effect } from '@angular/core'
2
3
  import { TestBed } from '@angular/core/testing'
3
4
  import { By } from '@angular/platform-browser'