import { defineStore } from 'pinia';
import { ref, type Ref } from 'vue';

const stores: Map<string, boolean> = new Map();

export default function get<T1=any>(key: string, def: T1 | undefined = undefined, prefix = '') {
  let retval = def;
  try {
    retval = JSON.parse(localStorage[`${prefix}${key}`]);
  } catch (ex) {
    // ok
  }
  return retval;
}

export interface Store<T1=any | undefined> {
    prefix: string;
    get: (key: string, def: T1 | undefined) => T1 | undefined;
    put: (key: string, value: T1 | undefined) => void
}

function getWithStorage<T1=any | undefined>(storage: Storage, prefix: string) {
    const get = function(key: string, def: T1 | undefined = undefined): T1 | undefined {
        let retval = def;
        try {
            retval = JSON.parse(storage[`${prefix}${key}`]);
        } catch (ex) {
            // ok
        }
        return retval;
    }
    return get
}

function putWithStorage<T1=any | undefined>(storage: Storage, prefix: string) {
  const put = function(key: string, value: T1 | undefined) {
        storage[`${prefix}${key}`] = JSON.stringify(value);
    }
    return put
}

export function makeStore<T1=any | undefined>(storage: Storage, label: string, prefix: string) {
  const prefixRef: Ref<string> = ref(prefix);
  const get = getWithStorage<T1>(storage, prefix);
  const put = putWithStorage<T1>(storage, prefix);

  if (stores.get(label) === true) {
    throw new Error(`Store with label ${label} already exists.`);
  }

  stores.set(label, true);
  return defineStore(label, () => ({
    prefix: prefixRef.value,
    get,
    put
  }));
}

export const useLocalStorageStore = makeStore<any>(localStorage, 'localstorage', 'app');
export const useSessionStorageStore = makeStore<any>(sessionStorage,'sessionstorage', 'app');