ekzyis/stacker.news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

improve local storage hook implementation

Browse Source
This commit is contained in:
Riccardo Balbo 2024-10-16 17:16:17 +02:00 committed by k00b
parent 86994c4c46
commit 3acad86157
1 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
components/use-local-storage.js
View File

@ -1,6 +1,6 @@
import { SSR } from '@/lib/constants'
import { useMe } from './me'
import { useEffect, useState } from 'react'
import { useEffect, useRef } from 'react'
import createTaskQueue from '@/lib/task-queue'
const VERSION = 1
@ -18,24 +18,24 @@ export default function useLocalStorage ({ database = 'default', namespace = ['d
const { me } = useMe()
if (!Array.isArray(namespace)) namespace = [namespace]
const joinedNamespace = namespace.join(':')
const [storage, setStorage] = useState(openLocalStorage({ database, userId: me?.id, namespace }))
const storage = useRef(openLocalStorage({ database, userId: me?.id, namespace }))
useEffect(() => {
const currentStorage = storage
const currentStorage = storage.current
const newStorage = openLocalStorage({ database, userId: me?.id, namespace })
setStorage(newStorage)
if (currentStorage) currentStorage.close()
storage.current = newStorage
if (currentStorage)currentStorage.close()
return () => {
newStorage.close()
}
}, [me, database, joinedNamespace])
return [{
set: storage.set,
get: storage.get,
unset: storage.unset,
clear: storage.clear,
list: storage.list
set: (key, value) => storage.current.set(key, value),
get: (key) => storage.current.get(key),
unset: (key) => storage.current.unset(key),
clear: () => storage.current.clear(),
list: () => storage.current.list()
}]
}