Socket
Socket
Sign inDemoInstall

@ngrx/component-store

Package Overview
Dependencies
5
Maintainers
4
Versions
70
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install
Previous124567Next

15.1.0

Diff

Changelog

Source

15.1.0 (2022-12-21)

Bug Fixes

  • component-store: revert throwError usages with factory for RxJS 6 compatibility (726dfb7)
  • data: revert throwError usages with factory for RxJS 6 compatibility (a137b59), closes #3702
  • eslint-plugin: remove @angular-devkit/schematics dependency (#3710) (f0ae915), closes #3709
  • schematics: disable package json peer dep updates during build (#3692) (9cfc103), closes #3691
  • store: support using createActionGroup with props typed as unions (#3713) (e75fa1a), closes #3712

Features

<a name="15.0.0"></a>

brandonroberts
published 15.0.0 •

Changelog

Source

15.0.0 (2022-11-29)

Features

<a name="15.0.0-rc.0"></a>

brandonroberts
published 15.0.0-rc.0 •

Changelog

Source

15.0.0-rc.0 (2022-11-23)

Features

  • component: clear LetDirective view when replaced observable is in suspense state (#3671) (ec59c4b)
  • component: remove $ prefix from LetViewContext property names (#3670) (b3b21e6)

BREAKING CHANGES

  • component: The LetDirective view will be cleared when the replaced observable is in a suspense state. Also, the suspense property is removed from the LetViewContext because it would always be false when the LetDirective view is rendered. Instead of suspense property, use the suspense template to handle the suspense state.

BEFORE:

The LetDirective view will not be cleared when the replaced observable is in a suspense state and the suspense template is not passed:

@Component({
  template: `
    <!-- When button is clicked, the 'LetDirective' view won't be cleared. -->
    <!-- Instead, the value of 'o' will be 'undefined' until the replaced -->
    <!-- observable emits the first value (after 1 second). -->
    <p *ngrxLet="obs$ as o">{{ o }}</p>
    <button (click)="replaceObs()">Replace Observable</button>
  `,
})
export class TestComponent {
  obs$ = of(1);

  replaceObs(): void {
    this.obs$ = of(2).pipe(delay(1000));
  }
}

AFTER:

The LetDirective view will be cleared when the replaced observable is in a suspense state and the suspense template is not passed:

@Component({
  template: `
    <!-- When button is clicked, the 'LetDirective' view will be cleared. -->
    <!-- The view will be created again when the replaced observable -->
    <!-- emits the first value (after 1 second). -->
    <p *ngrxLet="obs$ as o">{{ o }}</p>
    <button (click)="replaceObs()">Replace Observable</button>
  `,
})
export class TestComponent {
  obs$ = of(1);

  replaceObs(): void {
    this.obs$ = of(2).pipe(delay(1000));
  }
}
  • component: The $ prefix is removed from LetViewContext property names.

BEFORE:

<ng-container *ngrxLet="obs$; $error as e; $complete as c"> ... </ng-container>

AFTER:

<ng-container *ngrxLet="obs$; error as e; complete as c"> ... </ng-container>

<a name="15.0.0-beta.1"></a>

brandonroberts
published 15.0.0-beta.1 •

Changelog

Source

15.0.0-beta.1 (2022-11-18)

Features

  • data: add initial standalone APIs (#3647) (aa7ed66), closes #3553
  • data: add withEffects feature for provideEntityData (#3656) (a6959e8)
  • effects: forRoot and forFeature accept spreaded array (#3638) (0eaa536)
  • router-store: return resolved title via selectTitle (#3648) (cc04e2f), closes #3622
  • schematics: add display block flag (e0d368d)
  • schematics: add standalone flag (b0bd2ff)
  • schematics: replace environments usage with isDevMode (#3645) (4f61b63), closes #3618

BREAKING CHANGES

  • router-store: Property title: string | undefined is added to the MinimalActivatedRouteSnapshot interface.

BEFORE:

The MinimalActivatedRouteSnapshot interface doesn't contain the title property.

AFTER:

The MinimalActivatedRouteSnapshot interface contains the required title property.

<a name="15.0.0-beta.0"></a>

brandonroberts
published 15.0.0-beta.0 •

Changelog

Source

15.0.0-beta.0 (2022-11-03)

Features

BREAKING CHANGES

  • component: ReactiveComponentModule is removed in favor of LetModule and PushModule.

BEFORE:

import { ReactiveComponentModule } from '@ngrx/component';

@NgModule({
  imports: [
    // ... other imports
    ReactiveComponentModule,
  ],
})
export class MyFeatureModule {}

AFTER:

import { LetModule, PushModule } from '@ngrx/component';

@NgModule({
  imports: [
    // ... other imports
    LetModule,
    PushModule,
  ],
})
export class MyFeatureModule {}
  • store: The projector method has become strict

BEFORE:

You could pass any arguments to the projector method

const selector = createSelector( selectString, // returning a string selectNumber, // returning a number (s, n, prefix: string) => { return prefix + s.repeat(n); } )

// you could pass any argument selector.projector(1, 'a', true);

AFTER:

const selector = createSelector( selectString, // returning a string selectNumber, // returning a number (s, n, prefix: string) => { return prefix + s.repeat(n); } )

// this throws selector.projector(1, 'a', true); // this does not throw because the arguments have the correct type selector.projector(1, 'a', 'prefix');

  • store: The projector function on the selector is type-safe by default.

BEFORE:

The projector is not type-safe by default, allowing for potential mismatch types in the projector function.

const mySelector = createSelector(
  () => 'one',
  () => 2,
  (one, two) => 3
);

mySelector.projector(); // <- type is projector(...args: any[]): number

AFTER:

The projector is strict by default, but can be bypassed with an any generic parameter.

const mySelector = createSelector(
  () => 'one',
  () => 2,
  (one, two) => 3
);

mySelector.projector(); // <- Results in type error. Type is projector(s1: string, s2: number): number

To retain previous behavior

const mySelector = createSelector(
  () => 'one',
  () => 2,
  (one, two) => 3
)(mySelector.projector as any)();
  • effects: The @Effect decorator is removed

BEFORE:

Defining an effect is done with @Effect

@Effect() data$ = this.actions$.pipe();

AFTER:

Defining an effect is done with createEffect

data$ = createEffect(() => this.actions$.pipe());

  • effects: The signature of provideEffects is changed to expect a spreaded array of effects.

BEFORE:

provideEffects expecteded the effects to be passed as an array.

// single effect
provideEffects([MyEffect])

// multiple effects
provideEffects([MyEffect, MySecondEffect])
```ts

AFTER:

`provideEffects` expects the effects as a spreaded array as argument.

```ts
// single effect
provideEffects(MyEffect)

// multiple effects
provideEffects(MyEffect, MySecondEffect)
```ts



<a name="14.3.2"></a>
brandonroberts
published 14.3.2 •

Changelog

Source

14.3.2 (2022-10-04)

Bug Fixes

  • component: replace animationFrameScheduler with requestAnimationFrame (#3592) (0a4d2dd), closes #3591
  • component-store: use asapScheduler to schedule lifecycle hooks check (#3580) (02431b4), closes #3573
  • eslint-plugin: avoid-combining-selectors with arrays should warn (#3566) (4b0c6de)
  • router-store: set undefined for unserializable route title (#3593) (8eb4001), closes #3495
  • store: fix typing of on fn (#3577) (d054aa9), closes #3576

<a name="14.3.1"></a>

brandonroberts
published 14.3.1 •

Changelog

Source

14.3.1 (2022-09-08)

Bug Fixes

<a name="14.3.0"></a>

brandonroberts
published 14.3.0 •

Changelog

Source

14.3.0 (2022-08-25)

Features

<a name="14.2.0"></a>

brandonroberts
published 14.2.0 •

Changelog

Source

14.2.0 (2022-08-18)

Bug Fixes

  • component-store: make synchronous updater errors catchable (#3490) (1a906fd)
  • component-store: move isInitialized check to queueScheduler context on state update (#3492) (53636e4), closes #2991

Features

  • component-store: handle errors in next callback (#3533) (551c8eb)

<a name="14.1.0"></a>

brandonroberts
published 14.1.0 •

Changelog

Source

14.1.0 (2022-08-09)

Bug Fixes

  • eslint-plugin: allow sequential dispatches in a different block context (#3515) (faf446f), closes #3513
  • eslint-plugin: Remove the md suffix from the docsUrl path (#3518) (71d4d4b)
  • store: improve error for forbidden characters in createActionGroup (#3496) (398fbed)

Features

  • component: add RenderScheduler to the public API (#3516) (4642919)
  • component: replace markDirty with custom TickScheduler (#3488) (3fcd8af)

Performance Improvements

  • component: do not schedule render for synchronous events (#3487) (bb9071c)

<a name="14.0.2"></a>

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc