Akita 8 Angular devtools

[jongbonga]

I think the previous implementation of AkitaNgDevtools was pretty simple, one-liner environment.production ? [] : AkitaNgDevtools.forRoot() in the app module import.

Since I have updated to Akita 8, I can't figure out how to use the new implementation for Angular. where do you place the provided code snippet?

Can someone guide me to the right direction please?

[Den-dp]

Call provideAkitaDevtools() inside your providers array like that:

akita/packages/ng-playground/src/app/app.module.ts

Lines 32 to 38 in dc91896

	@NgModule({
	declarations: [AppComponent, NavComponent, ProductPageComponent],
	imports: [BrowserModule, ReactiveFormsModule, AppRoutingModule, HttpClientModule, BrowserAnimationsModule, ProductsModule, CartModule, AuthModule, AkitaNgRouterStoreModule],
	providers: [
	AuthGuard,
	provideAkitaDevtools(),
	{

[C-Dub1978]

Since i have Angular 13, i dont have ENVIRONMENT_INJECTOR and am trying to provide an alternate token

function provdieAkitaDevtools(options: Partial = {}) {
const DEVTOOLS_INITIALIZER: InjectionToken = new InjectionToken('Akita Devtools');
return {
provide: DEVTOOLS_INITIALIZER,
multi: true,
useFactory() {
return () => {
return environment.production ? null : akitaDevtools(inject(NgZone), options)
}
}
}
}

Should this work or am I bypassing functionality?