import type { IStorage } from '@/core';
import { constructClient } from 'iframe-shared-storage';
import { hasDOM } from './const';
/**
 * Creates a web storage implementation using IndexedDB.
 * Must only be called in a browser environment (requires `document` for iframe injection).
 * @returns IStorage implementation for browser environments
 */
export const createWebStorage = (opts = { enableLog: false }): IStorage => {
  if (!hasDOM) throw new Error('createWebStorage can only be used in a browser environment');

  const client = constructClient({
    iframe: {
      src: 'https://iframe-shared-storage.vercel.app/hub.html',
      messagingOptions: {
        enableLog: opts.enableLog ? 'both' : undefined,
      },

      iframeReadyTimeoutMs: 30_000, // if the iframe is not initied during this interval AND a reuqest is made, such request will throw an error
      methodCallTimeoutMs: 10_000, // if a method call is not answered during this interval, the call will throw an error
      methodCallRetries: 3, // number of retries for a method call if it times out
    },
  });

  const indexedDBKeyval = client.indexedDBKeyval;
  return {
    getItem: async (name: string) => {
      // IndexedDBKeyval returns undefined if not found, but we want null (a json-deserialized value is expected)
      return (await indexedDBKeyval.get(name)) ?? null;
    },
    setItem: async (name: string, value: any) => {
      await indexedDBKeyval.set(name, value);
    },
    removeItem: async (name: string) => {
      await indexedDBKeyval.del(name);
    },
  };
};

export function createSsrStorage(): IStorage {
  // TODO: consider doing something like wagmi's cookies storage for SSR - this in-memory storage will not persist across requests, but it also won't throw errors if accessed in SSR (e.g. during getServerSideProps in Next.js)
  // https://wagmi.sh/react/guides/ssr#_1-set-up-cookie-storage
  console.warn('using no-op server-side SSR storage');
  return {
    getItem: async () => null,
    setItem: async () => {},
    removeItem: async () => {},
  };
}