Skip to content

Commit a70dc20

Browse files
authored
chore: release 16.0.0 (#344)
## Build - Bump package version to `16.0.0` ## Documentation - Log `16.0.0` changes
2 parents 37855d2 + 9292188 commit a70dc20

File tree

2 files changed

+35
-35
lines changed

2 files changed

+35
-35
lines changed

CHANGELOG.md

Lines changed: 34 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,26 @@
11
# Router Component Store changelog
22

3+
## 16.0.0 (2025-08-19)
4+
5+
### Features
6+
7+
- Add `RouterStore#selectRouteDataParam(param: string)` to match NgRx Router Store selector name ([#341](https://github.com/ngworker/router-component-store/pull/341))
8+
9+
**Deprecations**
10+
11+
- Deprecate `RouterStore#selectRouteData`
12+
- Use `RouterStore#selectRouteDataParam` instead
13+
- To be removed in version 18
14+
15+
**BREAKING CHANGES**
16+
17+
**Compatibility**
18+
19+
- Require Angular 16.0
20+
- Require `@ngrx/component-store` 16.0
21+
- Require RxJS 7.5
22+
- Require TypeScript 4.9
23+
324
## 15.0.0 (2025-08-14)
425

526
First stable release. No functional or API changes from 15.0.0-rc.2.
@@ -58,9 +79,7 @@ import { RouterStore } from '@ngworker/router-component-store';
5879
export class ShirtsComponent {
5980
#routerStore = inject(RouterStore);
6081

61-
size$: Observable<string> = this.#routerStore.queryParams$.pipe(
62-
map((params) => params['size'])
63-
);
82+
size$: Observable<string> = this.#routerStore.queryParams$.pipe(map((params) => params['size']));
6483
}
6584
```
6685

@@ -121,12 +140,10 @@ import { RouterStore } from '@ngworker/router-component-store';
121140
export class ShirtsComponent {
122141
#routerStore = inject(RouterStore);
123142

124-
size$: Observable<readonly string[]> = this.#routerStore
125-
.selectQueryParam('size')
126-
.pipe(
127-
map((size) => size ?? []),
128-
map((size) => (Array.isArray(size) ? size : [size]))
129-
);
143+
size$: Observable<readonly string[]> = this.#routerStore.selectQueryParam('size').pipe(
144+
map((size) => size ?? []),
145+
map((size) => (Array.isArray(size) ? size : [size]))
146+
);
130147
}
131148
```
132149

@@ -260,9 +277,7 @@ import { RouterStore } from '@ngworker/router-component-store';
260277
})
261278
export class HeroesComponent {
262279
#routerStore = inject(RouterStore);
263-
limit$: Observable<number> = this.#routerStore.routeData$.pipe(
264-
map((routeData) => routeData['limit'])
265-
);
280+
limit$: Observable<number> = this.#routerStore.routeData$.pipe(map((routeData) => routeData['limit']));
266281
}
267282
```
268283
@@ -300,9 +315,7 @@ import { RouterStore } from '@ngworker/router-component-store';
300315
export class DashboardComponent {
301316
#routerStore = inject(RouterStore);
302317

303-
limit$: Observable<number> = this.#routerStore.routeParams$.pipe(
304-
map((params) => params['limit'])
305-
);
318+
limit$: Observable<number> = this.#routerStore.routeParams$.pipe(map((params) => params['limit']));
306319
}
307320
```
308321
@@ -319,9 +332,7 @@ import { RouterStore } from '@ngworker/router-component-store';
319332
export class DashboardComponent {
320333
#routerStore = inject(RouterStore);
321334

322-
limit$: Observable<number> = this.#routerStore.routeParams$.pipe(
323-
map((params) => Number(params['limit'] ?? 10))
324-
);
335+
limit$: Observable<number> = this.#routerStore.routeParams$.pipe(map((params) => Number(params['limit'] ?? 10)));
325336
}
326337
```
327338
@@ -366,9 +377,7 @@ import { RouterStore } from '@ngworker/router-component-store';
366377
export class DashboardComponent {
367378
#routerStore = inject(RouterStore);
368379

369-
limit$: Observable<number> = this.#routerStore.routeData$.pipe(
370-
map((data) => Number(data['limit']))
371-
);
380+
limit$: Observable<number> = this.#routerStore.routeData$.pipe(map((data) => Number(data['limit'])));
372381
}
373382
```
374383
@@ -389,9 +398,7 @@ import { RouterStore } from '@ngworker/router-component-store';
389398
export class DashboardComponent {
390399
#routerStore = inject(RouterStore);
391400

392-
limit$: Observable<number> = this.#routerStore.queryParams$.pipe(
393-
map((params) => params['limit'])
394-
);
401+
limit$: Observable<number> = this.#routerStore.queryParams$.pipe(map((params) => params['limit']));
395402
}
396403
```
397404
@@ -408,9 +415,7 @@ import { RouterStore } from '@ngworker/router-component-store';
408415
export class DashboardComponent {
409416
#routerStore = inject(RouterStore);
410417

411-
limit$: Observable<number> = this.#routerStore.queryParams$.pipe(
412-
map((params) => Number(params['limit'] ?? 10))
413-
);
418+
limit$: Observable<number> = this.#routerStore.queryParams$.pipe(map((params) => Number(params['limit'] ?? 10)));
414419
}
415420
```
416421
@@ -530,9 +535,7 @@ After:
530535
531536
```typescript
532537
// Emitted values are implicitly of type `string | undefined` and are only changeable through operators
533-
const filter$ = routerStore
534-
.selectQueryParam('filter')
535-
.pipe(map((filter) => filter ?? null));
538+
const filter$ = routerStore.selectQueryParam('filter').pipe(map((filter) => filter ?? null));
536539
```
537540
538541
#### Stricter signature for selectRouteParam
@@ -622,10 +625,7 @@ After:
622625
```typescript
623626
// hero-detail.component.ts
624627
// (...)
625-
import {
626-
provideLocalRouterStore,
627-
RouterStore,
628-
} from '@ngworker/router-component-store';
628+
import { provideLocalRouterStore, RouterStore } from '@ngworker/router-component-store';
629629

630630
@Component({
631631
// (...)

packages/router-component-store/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@ngworker/router-component-store",
3-
"version": "16.0.0-alpha.0",
3+
"version": "16.0.0",
44
"description": "A strictly typed lightweight alternative to NgRx Router Store (@ngrx/router-store) and ActivatedRoute",
55
"license": "MIT",
66
"sideEffects": false,

0 commit comments

Comments
 (0)