@cerebral/storage

Install

NPM

npm install @cerebral/storage

Description

This module exposes local storage or session storage as a provider, where it by default parses and serializes to JSON.

Instantiate

import { Module, Controller } from 'cerebral'
import StorageModule from '@cerebral/storage'

const storage = StorageModule({
  // instance of storage, can be window.localStorage / localStorage,
  // window.sessionStorage / sessionStorage, or asyncStorage on
  // react native. Async storage API is automatically managed
  target: localStorage,
  // Serializes and parses to JSON by default
  json: true,
  // Synchronize state when it changes
  sync: {
    'someStorageKey': 'some.state.path'
  },
  // Set prefix for storagekey "somePrefix.someStorageKey"
  prefix: 'somePrefix'
})

const app = Module({
  modules: { storage }
})

const controller = Controller(app)

error

StorageProviderError

import {StorageProviderError} from '@cerebral/storage'

// Error structure
{
  name: 'StorageProviderError',
  message: 'Some storage error'
  stack: '...'  
}

get

Get data from storage.

action

function someAction({storage}) {
  // sync
  const value = storage.get('someKey')
  // async
  return storage.get('someKey')
    .then(value => ({value}))
}

operator

import {state, props} from 'cerebral/tags'
import {getStorage} from '@cerebral/storage/operators'

export default [
  // sync and async
  getStorage('someKey'),
  function someAction ({props}) {
    props.value // Whatever was on "someKey"
  }
]

remove

Remove data from storage.

action

function someAction({storage}) {
  // sync
  storage.remove('someKey')
  // async
  return storage.remove('someKey')
}

operator

import {state} from 'cerebral/tags'
import {removeStorage} from '@cerebral/storage/operators'

export default [
  // sync and async
  removeStorage(state`currentStorageKey`)
]

set

Write data to storage.

action

function someAction({storage}) {
  // sync
  storage.set('someKey', {foo: 'bar'})
  // async
  return storage.set('someKey', {foo: 'bar'})
}

operator

import {state, props} from 'cerebral/tags'
import {setStorage} from '@cerebral/storage/operators'

export default [
  // sync and async
  setStorage(state`currentStorageKey`, props`someData`)
]