svelte-storable/storable.js

extending 'writable' from 'svelte/store' with localStorage

// Author: Mats Sommervold - https://github.com/matssom/svelte-storable.git - MIT license

import { writable } from 'svelte/store';

class Store {
    key
    store

    constructor(key, initialValue) {
        if(typeof key === 'undefined') throw new Error('Storables require a key to interact with local storage')
        this.key = key
        this.store = this._exists() ? writable(this._getData()) : writable(initialValue)

        this.set = this.set.bind(this);
        this.update = this.update.bind(this);
        this.subscribe = this.subscribe.bind(this);
        this.detatch = this.detatch.bind(this);
    }

    _exists () { return !!localStorage.getItem(this.key) }

    _getData() {
        const DATA = localStorage.getItem(this.key)
        return JSON.parse(DATA)
    }

    _setData(data) {
        const DATA = JSON.stringify(data)
        localStorage.setItem(this.key, DATA)
    }

    set(data) {
        this._setData(data)
        this.store.set(data)
    }

    update(callback) {
        const update = (data) => {
            const newData = callback(data)
            this._setData(newData)
            return newData
        }
        this.store.update(update);
    }

    subscribe(callback) {
        return this.store.subscribe(callback)
    }

    detatch() {
        localStorage.removeItem(this.key)
        return true
    }
}

export const storable = (key, initialValue) => {
    return new Store(key, initialValue);
}