Storage gets cleared every other day (iOS)

[danielehrhardt]

Bug report

https://forum.ionicframework.com/t/storage-gets-cleared-every-other-day-ios14/203254
The Supabase token are in the local storage the problem is that on Ionic Capacitor Apps the iOS Localstorage will be cleared every other day. This is why it need to be saved somewhere else. StorageDB for example.

[kewur]

I have the same issue with angular 18. I am using a custom storage, but storage works fine for one day. the next day, on the first load the stored key isnt accessed (says last accessed the day before) and on page refresh the stored key gets deleted altogether.

[danielehrhardt]

I have the same issue with angular 18. I am using a custom storage, but storage works fine for one day. the next day, on the first load the stored key isnt accessed (says last accessed the day before) and on page refresh the stored key gets deleted altogether.

 const customStorage = {
      getItem: (key: string) => this.storage.get(key),
      setItem: (key: string, value: string) => this.storage.set(key, value),
      removeItem: (key: string) => this.storage.remove(key),
    };

    this.supabase = createClient(environment.supabaseUrl, environment.supabaseKey, {
      auth: {
        storage: customStorage,
      },
    });

[kewur]

doesnt work with angular. I'll create a new ticket then, thanks for the reply anyway

[danielehrhardt]

doesnt work with angular. I'll create a new ticket then, thanks for the reply anyway

The Code is from a angular app

[kewur]

cant use this.storage since that doesnt work with ssr.

[danielehrhardt]

cant use this.storage since that doesnt work with ssr.

you need to add your own indexdb logic

[kewur]

already have that, issue persists.

this is the implementation that we use. SsrCookiService is coming from the package ngx-cookie-service-ssr

import { Inject, Injectable } from '@angular/core';
import { SsrCookieService } from 'ngx-cookie-service-ssr';
import { SupportedStorage } from '@supabase/supabase-js';

@Injectable({
  providedIn: 'root',
})
export class SupabaseStorageService implements SupportedStorage {
  constructor(
    private readonly cookieService: SsrCookieService,
  ) {
  }

  getItem(key: string): string | Promise<string | null> | null {
    return this.cookieService.get(key);
  }

  setItem(key: string, value: string): void | Promise<void> {
    this.cookieService.set(key, value);
  }

  removeItem(key: string): void | Promise<void> {
    this.cookieService.delete(key);
  }
}

[galaxyblur]

Was this solved for anyone? I haven't been able to get a custom storage solution working. On top of that, is that the solution that the Supabase team recommends?

I could understand if Supabase did not support this type of integration (web->native app wrapper via Ionic and Capacitor), but there are literally docs for performing this integration on Supabase's own site. As it stands, those integrations are incomplete because they do not offer a persistent auth solution.