pinafore/routes/_store/LocalStorageStore.js

40 lines
1007 B
JavaScript

import { Store } from 'svelte/store'
const LS = process.browser && localStorage
export class LocalStorageStore extends Store {
constructor(state, keysToWatch) {
super(state)
if (!process.browser) {
return
}
this._keysToWatch = keysToWatch
this._keysToSave = {}
let newState = {}
for (let i = 0, len = LS.length; i < len; i++) {
let key = LS.key(i)
if (key.startsWith('store_')) {
let item = LS.getItem(key)
newState[key.substring(6)] = item === 'undefined' ? undefined : JSON.parse(item)
}
}
this.set(newState)
this.onchange((state, changed) => {
Object.keys(changed).forEach(change => {
if (this._keysToWatch.has(change)) {
this._keysToSave[change] = true
}
})
})
}
save() {
if (!process.browser) {
return
}
Object.keys(this._keysToSave).forEach(key => {
LS.setItem(`store_${key}`, JSON.stringify(this.get(key)))
})
this._keysToSave = {}
}
}