test.js

//
// ImmortalDB - A resilient key-value storage library for browsers.
//
// Ansgar Grunseid
// grunseid.com
// grunseid@gmail.com
//
// License: MIT
//

const cl = console.log
const CookieStore = ImmortalDB.CookieStore
const ImmortalStorage = ImmortalDB.ImmortalStorage
const idb = new idbKeyval.Store('ImmortalDB', 'key-value-pairs')
const idbExpires = new idbKeyval.Store('ImmortalDB', 'key-value-expires')


const POLL_TIMEOUT = 300 // Milliseconds.
const PREFIX = ImmortalDB.DEFAULT_KEY_PREFIX

let db = ImmortalDB.ImmortalDB

function sleep (ms) {
  return new Promise(resolve => setTimeout(resolve, ms))
}

function $ele (id) {
    return document.getElementById(id)
}

;(async () => {
  const cookieStore = await new CookieStore()
  const cookieDb = await new ImmortalStorage([cookieStore])

  $ele('database-selection').addEventListener('change', evt => {
    if (evt.target.value === 'CookieStorage') {
      db = cookieDb
    } else {
      db = ImmortalDB
    }
  })

  const $key = $ele('key')
  const $value = $ele('value')
  const $expires = $ele('expires')

  $ele('get').addEventListener(
    'click', async () => $value.value = await db.get($key.value), false)
  $ele('set').addEventListener(
    'click', async () => {
      const expires = +$expires.value
      await db.set($key.value, $value.value, { expires })
    }, false)
  $ele('remove').addEventListener('click', async () => {
    await db.remove($key.value)
    $value.value = ''
  }, false)

  $ele('removeCookie').addEventListener(
    'click', () => Cookies.remove(PREFIX + $key.value))
  $ele('removeIndexedDB').addEventListener(
    'click', async () => await idbKeyval.del(PREFIX + $key.value, idb))
  $ele('removeLocalStorage').addEventListener(
    'click', () => localStorage.removeItem(PREFIX + $key.value))
  $ele('removeSessionStorage').addEventListener(
    'click', () => sessionStorage.removeItem(PREFIX + $key.value))

  ;(async function pollKeyLoop () {
    const $cookies = $ele('cookies')
    const $indexedDB = $ele('indexedDB')
    const $localStorage = $ele('localStorage')
    const $sessionStorage = $ele('sessionStorage')

    while (true) {
      const key = PREFIX + $key.value

      $cookies.value = Cookies.get(key)
      $indexedDB.value = await idbKeyval.get(key, idb)
      $localStorage.value = localStorage.getItem(key)
      $sessionStorage.value = sessionStorage.getItem(key)

      await sleep(POLL_TIMEOUT)
    }
  })()
})()