How to use @ngxs/storage-plugin - 10 common examples
To help you get started, we’ve selected a few @ngxs/storage-plugin examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
xmlking / ngx-starter-kit / libs / core / src / lib / core.module.ts View on Github 
}
/** @dynamic */
@NgModule({
imports: [
CommonModule,
HttpClientModule,
FontAwesomeModule,
MatSnackBarModule,
NgxPageScrollCoreModule.forRoot({ _logLevel: 3 }),
NavigatorModule.forRoot(defaultMenu),
// NOTE: NGXS: If you have feature modules they need to be imported after the root module.
NgxsModule.forRoot([MenuState, PreferenceState, ProfileState, AppState], {
developmentMode: !environment.production,
}),
NgxsStoragePluginModule.forRoot({
// FIXME: https://github.com/ngxs/store/issues/902
key: ['preference', 'app.installed', 'auth.isLoggedIn'],
}),
NgxsFormPluginModule.forRoot(),
NgxsWebsocketPluginModule.forRoot({
url: environment.WS_EVENT_BUS_URL,
}),
NgxsRouterPluginModule.forRoot(),
AuthModule.forRoot(),
// OidcModule.forRoot({
// providerConfig: { ...environment.auth, provider: OidcProvider.Keycloak },
// initConfig: {
// onLoad: OidcOnLoad.CheckSso,
// flow: OidcFlow.Standard,
// },
// resourceInterceptorConfig: {useFactory: getInitialData,
},
{
provide: APP_INITIALIZER,
multi: true,
deps: [Injector],
useFactory: localeInitializer,
},
],
};
};
CoreModule.decorators = [
{ type: NgModule, args: [{
imports: [
NgxsModule.forFeature([ProfileState, SessionState, ConfigState]),
NgxsStoragePluginModule.forRoot({ key: 'SessionState' }),
NgxsRouterPluginModule.forRoot(),
CommonModule,
HttpClientModule,
FormsModule,
ReactiveFormsModule,
RouterModule,
],
declarations: [
RouterOutletComponent,
DynamicLayoutComponent,
AutofocusDirective,
EllipsisDirective,
FormSubmitDirective,
LocalizationPipe,
PermissionDirective,
VisibilityDirective,import { NgxsReduxDevtoolsPluginModule } from '@ngxs/devtools-plugin';
import { NgxsFormPluginModule } from '@ngxs/form-plugin';
import { NgxsLoggerPluginModule } from '@ngxs/logger-plugin';
import { NgxsStoragePluginModule } from '@ngxs/storage-plugin';
import { NgxsWebsocketPluginModule } from '@ngxs/websocket-plugin';
import { NgxsRouterPluginModule } from '@ngxs/router-plugin';
import { AppState } from './app.state';
@NgModule({
imports: [
NgxsModule.forRoot([AppState]),
NgxsReduxDevtoolsPluginModule.forRoot(),
NgxsFormPluginModule.forRoot(),
NgxsLoggerPluginModule.forRoot(),
NgxsStoragePluginModule.forRoot(),
NgxsWebsocketPluginModule.forRoot(),
NgxsRouterPluginModule.forRoot()
],
exports: [NgxsModule]
})
export class StoreModule {}},
{
provide: APP_INITIALIZER,
multi: true,
deps: [Injector],
useFactory: localeInitializer,
},
],
};
}
}
CoreModule.decorators = [
{ type: NgModule, args: [{
imports: [
NgxsModule.forFeature([ProfileState, SessionState, ConfigState]),
NgxsStoragePluginModule.forRoot({ key: 'SessionState' }),
NgxsRouterPluginModule.forRoot(),
CommonModule,
HttpClientModule,
FormsModule,
ReactiveFormsModule,
RouterModule,
],
declarations: [
RouterOutletComponent,
DynamicLayoutComponent,
AutofocusDirective,
EllipsisDirective,
FormSubmitDirective,
LocalizationPipe,
PermissionDirective,
VisibilityDirective,import { AppRoutingModule } from './app-routing.module';
import { NgxsStoragePluginModule } from '@ngxs/storage-plugin';
@NgModule({
imports: [
CommonModule,
BrowserModule,
BrowserAnimationsModule,
HttpClientModule,
AuthModule.forRoot(),
AppRoutingModule,
NgxsModule.forRoot(AppStates, {
developmentMode: !environment.production,
}),
NgxsStoragePluginModule.forRoot({
key: ['auth.status', 'books'],
}),
NgxsRouterPluginModule.forRoot(),
NgxsReduxDevtoolsPluginModule.forRoot({
name: 'Ngxs Book Store DevTools',
}),
NgxsLoggerPluginModule.forRoot({
disabled: environment.production,
}),
CoreModule.forRoot(),
],
bootstrap: [AppComponent],
})
export class AppModule {}},
{
provide: APP_INITIALIZER,
multi: true,
deps: [Injector],
useFactory: localeInitializer,
},
],
};
}
}
CoreModule.decorators = [
{ type: NgModule, args: [{
imports: [
NgxsModule.forFeature([ProfileState, SessionState, ConfigState]),
NgxsStoragePluginModule.forRoot({ key: 'SessionState' }),
NgxsRouterPluginModule.forRoot(),
CommonModule,
HttpClientModule,
FormsModule,
ReactiveFormsModule,
RouterModule,
],
declarations: [
RouterOutletComponent,
DynamicLayoutComponent,
AutofocusDirective,
EllipsisDirective,
ForDirective,
FormSubmitDirective,
LocalizationPipe,
PermissionDirective,declarations: [
...COMPONENTS
],
imports: [
...MODULES,
ContextMenuModule.forRoot({
autoFocus: true
}),
NgxsModule.forRoot(states),
NgxsLoggerPluginModule.forRoot({
collapsed: false,
logger: console
}),
NgxsRouterPluginModule.forRoot(),
NgxsStoragePluginModule.forRoot({
key: [
'ddbfilters',
'ddbschemas',
'ddbviews',
'prefs',
's3color',
's3filter',
's3view',
'window'
],
storage: StorageOption.LocalStorage
}),
NgxsReduxDevtoolsPluginModule.forRoot({disabled: !window['DEV_MODE']}),
RouterModule.forRoot(ROUTES, { enableTracing: false, useHash: true })
],useFactory: getInitialData,
},
{
provide: APP_INITIALIZER,
multi: true,
deps: [Injector],
useFactory: localeInitializer,
},
],
};
};
CoreModule.decorators = [
{ type: NgModule, args: [{
imports: [
NgxsModule.forFeature([ProfileState, SessionState, ConfigState]),
NgxsStoragePluginModule.forRoot({ key: 'SessionState' }),
NgxsRouterPluginModule.forRoot(),
CommonModule,
HttpClientModule,
FormsModule,
ReactiveFormsModule,
RouterModule,
],
declarations: [
RouterOutletComponent,
DynamicLayoutComponent,
AutofocusDirective,
EllipsisDirective,
ForDirective,
FormSubmitDirective,
LocalizationPipe,
PermissionDirective,declarations: [
...COMPONENTS
],
imports: [
...MODULES,
ContextMenuModule.forRoot({
autoFocus: true
}),
NgxsModule.forRoot(states),
NgxsLoggerPluginModule.forRoot({
collapsed: false,
logger: console
}),
NgxsStoragePluginModule.forRoot({
key: ['layout', 'tabs', 'window'],
storage: StorageOption.LocalStorage
}),
NgxsReduxDevtoolsPluginModule.forRoot({disabled: !window['DEV_MODE']})
],
providers: [
...SERVICES
]
})
export class ELTermModule { }@ngxs/storage-plugin
extendable storage plugin for @ngxs/store
