[FEATURE] Allow to provide other secure storage

[ms-emp]

Description

I would like to use a different capacitor plugin for secure storage. for example: capacitor-secure-storage

Proposed solution

It should be a way to provide a different secure storage

Alternatives considered

No response

[Badisi]

Already supported : https://github.com/Badisi/auth-js/blob/main/projects/auth-js/oidc/mobile/mobile-storage.ts#L27

As long as you have the package installed, the library will use it 😉

[Badisi]

@ms-emp, did it worked ?

[ms-emp]

Hi @Badisi

The library looks for this specific plugin, my question is if we can provide a different secure plugin or use a custom implementation for saving/retrieving the tokens.

[Badisi]

Sorry I misread the name of the plugin you mentioned as it's quite similar with capacitor-secure-storage-plugin.

So you can provide your own implementation, either:

1. By using the initialization settings:

import { InMemoryWebStorage, WebStorageStateStore } from 'oidc-client-ts';
import { AuthUtils } from '@badisi/auth-js'; // or '@badisi/ngx-auth'

initAuth({
  ...,
  internal: {
    userStore: new WebStorageStateStore({
      store: AuthUtils.isNativeMobile() ? new MyMobileStorage() : new InMemoryWebStorage()
      // or simply "store: new MyMobileStorage()" if you are only developing for mobile
    })
  }
}

2. By overriding one of the reference the library is using:

// Example
window.Capacitor.Plugins.SecureStoragePlugin = new MyMobileStorage()

And in your case maybe:

import { SecureStorage } from '@aparajita/capacitor-secure-storage';
...
  store: new SecureStorage()
...

// or

window.Capacitor.Plugins.SecureStoragePlugin = window.Capacitor.Plugins.AparajitaCapacitorSecureStorage;

[Badisi]

Let me know how it goes 😉