Support async storage for persistence decorator

[SteveLemire]

I was able to manage our own storage service that provides functionality to support async storage with the help of StorageMap library that use IndexedDb and AsyncStorageEngine.

1. Install StorageMap .

2. Install AsyncStorageEngine

3. Create a new storage service and implement AsyncStorageEngine with missing members like this:

   export class StorageService implements AsyncStorageEngine {
   constructor(private storageMap: StorageMap}

4. In your app.module.ts, configure your NgxsModule and other packages like this:

   NgxsModule.forRoot(
     [
       // Add your state classes here
     ],
     {
       developmentMode: !environment.production,
       selectorOptions: {
         // https://www.ngxs.io/concepts/select#selector-options
         // These Selector Settings are recommended in preparation for NGXS v4
         suppressErrors: false,
         injectContainerState: false,
       },
     },
   ),
   // https://github.com/ngxs-labs/async-storage-plugin
   NgxsAsyncStoragePluginModule.forRoot(StorageService),
   // https://github.com/ngxs-labs/data
   NgxsDataPluginModule.forRoot([NGXS_DATA_STORAGE_PLUGIN]),

5. In your state class, add the following decorators:

   @Persistence({
   useClass: StorageService,
   })
   @StateRepository()
   @State<MyStateModel>({...

Et voilà! You can now use your async StorageService with NGXS!

Note: This will not work with IE11 and target type ES5 because ngxs-lab/data @Persistence decorator use the Package class that is only available with ES6 (ES2015). I was not able get this work event if I tried with the following packages:

• https://github.com/GoogleChrome/proxy-polyfill
• https://github.com/tvcutsem/harmony-reflect

[splincode]

Ohh, great)) you are awesome

What do you think about that is, we could develop adapters in this plugin, with good support

import { NGXS_DATA_ASYNC_STORAGE_PLUGIN } from '@ngxs-labs/data/async-storage';

NgxsDataPluginModule.forRoot([
   NGXS_DATA_ASYNC_STORAGE_PLUGIN,
   NGXS_DATA_STORAGE_PLUGIN
])

instead NgxsAsyncStoragePluginModule

You could contribute and send PR )

[floinay]

hi, do you have any plans for this?

[splincode]

Move to https://github.com/Angular-RU/angular-ru-sdk/issues/864