overleaf/services/web/frontend/js/infrastructure/local-storage.js

/**
 * localStorage can throw browser exceptions, for example if it is full We don't
 * use localStorage for anything critical, so in that case just fail gracefully.
 */

/**
 * Catch, log and otherwise ignore errors.
 *
 * @param {function} fn localStorage function to call
 * @param {string?} key Key passed to the localStorage function (if any)
 * @param {any?} value Value passed to the localStorage function (if any)
 */
const callSafe = function (fn, key, value) {
  try {
    return fn(key, value)
  } catch (e) {
    console.error('localStorage exception', e)
    return null
  }
}

const getItem = function (key) {
  return JSON.parse(localStorage.getItem(key))
}

const setItem = function (key, value) {
  localStorage.setItem(key, JSON.stringify(value))
}

const clear = function () {
  localStorage.clear()
}

const removeItem = function (key) {
  return localStorage.removeItem(key)
}

const customLocalStorage = {
  getItem: key => callSafe(getItem, key),
  setItem: (key, value) => callSafe(setItem, key, value),
  clear: () => callSafe(clear),
  removeItem: key => callSafe(removeItem, key),
}

export default customLocalStorage