Function: provideStore()

provideStore(options?): object

Defined in: libs/angular/src/lib/provide-store.function.ts:57

provideStore takes in a ConfigureStateAdaptOptions object and returns a provider for StateAdapt that you can add to the providers array in your AppModule or main.ts file to make adapt and watch available to use in your components and services.

Example: Using provideStore in AppModule for devtools setup without selectors

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { actionSanitizer, stateSanitizer } from '@state-adapt/core';
import { provideStore } from '@state-adapt/angular';

import { AppComponent } from './app.component';

@NgModule({
  imports: [BrowserModule],
  declarations: [AppComponent],
  providers: [
    provideStore({
      devtools: (window as any)?.__REDUX_DEVTOOLS_EXTENSION__?.({
        actionSanitizer,
        stateSanitizer,
      }),
      showSelectors: false,
    }),
  ],
})
export class AppModule {}

Example: Using provideStore in a main.ts file for no devtools

import { bootstrapApplication } from '@angular/platform-browser';
import { actionSanitizer, stateSanitizer } from '@state-adapt/core';
import { provideStore } from '@state-adapt/angular';

import { AppComponent } from './app/app.component';

bootstrapApplication(AppComponent, {
  providers: [
    provideStore({}),
    // ...
  ]
});

Parameters

options?

ConfigureStateAdaptOptions

Returns

object

provide

provide: InjectionToken<StateAdapt<any>> = StateAdaptToken

useFactory()

useFactory: () => Pick<StateAdapt<any>, "adapt" | "watch">

Returns

Pick<StateAdapt<any>, "adapt" | "watch">