Ionic - Angular persist state w/ ionicstorage

[peplocanto]

As per title, I'm implementing this library in an Ionic - Angular project.

With Angular I have to use a different strategy to implement ionic storage -> https://github.com/ionic-team/ionic-storage#with-angular
Using a Service to initialize the storage (avoiding multiple instances of storage.create()) and then injecting this service in components or services where I need some storage functionality.
So this answer #248 (comment) is not applicable to Angular (imho).

Any idea?

Tnx in advance to all :)

My solution for now is to create a storage.service.ts

import { Storage } from '@ionic/storage';
import { StateStorage } from '@ngneat/elf-persist-state';

const storage = new Storage();
storage.create();

export const getStorageItem = async <T extends Record<string, any>>(key: string): Promise<T | undefined> =>
  await storage.get(key);

export const setStorageItem = async (key: string, value: Record<string, any>): Promise<void> => {
  await storage.set(key, value);
};

export const removeStorageItem = async (key: string): Promise<void> => {
  await storage.remove(key);
};

export const getStorageKeys = async (): Promise<string[]> => storage.keys();

export const clearStorage = async (): Promise<void> => storage.clear();

export const ionicStateStorage: StateStorage = {
  getItem: getStorageItem,
  setItem: setStorageItem,
  removeItem: removeStorageItem
};

and import it in App.component.ts

import '#core/services/storage/storage.service';
import { Component } from '@angular/core';
@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html',
  styleUrls: ['app.component.scss']
})
export class AppComponent {
  constructor() {}
}

[NetanelBasal]

Yes, that's the way to do it.

[NetanelBasal]

You can do it in app initializer

[peplocanto]

Tnx for the answer Netanel :)
Could you provide an example w/ the app initializer? It was my first implementation but using Classes return a compilation error.
Tnx in advance

[NetanelBasal]

You can register it as a provider. See here - https://opensource.salesforce.com/akita/docs/enhancers/persist-state

[peplocanto]

whoa many tnx!!! I will post a show and tell and link to this issue!

[peplocanto]

Complete implementation could be found HERE