Fix input/textarea themes

[github/Chocobozzz/PeerTube.git] / client / src / app / shared / misc / peertube-web-storage.ts

// Thanks: https://github.com/capaj/localstorage-polyfill

const valuesMap = new Map()

class MemoryStorage {
  [key: string]: any
  [index: number]: string

  getItem (key: any) {
    const stringKey = String(key)
    if (valuesMap.has(key)) {
      return String(valuesMap.get(stringKey))
    }

    return null
  }

  setItem (key: any, val: any) {
    valuesMap.set(String(key), String(val))
  }

  removeItem (key: any) {
    valuesMap.delete(key)
  }

  clear () {
    valuesMap.clear()
  }

  key (i: any) {
    if (arguments.length === 0) {
      throw new TypeError('Failed to execute "key" on "Storage": 1 argument required, but only 0 present.')
    }

    const arr = Array.from(valuesMap.keys())
    return arr[i]
  }

  get length () {
    return valuesMap.size
  }
}

let peertubeLocalStorage: Storage
let peertubeSessionStorage: Storage
try {
  peertubeLocalStorage = localStorage
  peertubeSessionStorage = sessionStorage
} catch (err) {
  const instanceLocalStorage = new MemoryStorage()
  const instanceSessionStorage = new MemoryStorage()

  function proxify (instance: MemoryStorage) {
    return new Proxy(instance, {
      set: function (obj, prop: string | number, value) {
        if (MemoryStorage.prototype.hasOwnProperty(prop)) {
          instance[prop] = value
        } else {
          instance.setItem(prop, value)
        }
        return true
      },
      get: function (target, name: string | number) {
        if (MemoryStorage.prototype.hasOwnProperty(name)) {
          return instance[name]
        }
        if (valuesMap.has(name)) {
          return instance.getItem(name)
        }
      }
    })
  }

  peertubeLocalStorage = proxify(instanceLocalStorage)
  peertubeSessionStorage = proxify(instanceSessionStorage)
}

export {
  peertubeLocalStorage,
  peertubeSessionStorage
}