bas.sh
forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 馃挮
1import React from 'react'
2
3import * as persisted from '#/state/persisted'
4
5type StateContext = persisted.Schema['constellationInstance']
6type SetContext = (v: persisted.Schema['constellationInstance']) => void
7
8const stateContext = React.createContext<StateContext>(
9 persisted.defaults.constellationInstance,
10)
11const setContext = React.createContext<SetContext>(
12 (_: persisted.Schema['constellationInstance']) => {},
13)
14
15export function Provider({children}: React.PropsWithChildren<{}>) {
16 const [state, setState] = React.useState(
17 persisted.get('constellationInstance'),
18 )
19
20 const setStateWrapped = React.useCallback(
21 (constellationInstance: persisted.Schema['constellationInstance']) => {
22 setState(constellationInstance)
23 persisted.write('constellationInstance', constellationInstance)
24 },
25 [setState],
26 )
27
28 React.useEffect(() => {
29 return persisted.onUpdate(
30 'constellationInstance',
31 nextConstellationInstance => {
32 setState(nextConstellationInstance)
33 },
34 )
35 }, [setStateWrapped])
36
37 return (
38 <stateContext.Provider value={state}>
39 <setContext.Provider value={setStateWrapped}>
40 {children}
41 </setContext.Provider>
42 </stateContext.Provider>
43 )
44}
45
46export function useConstellationInstance() {
47 return (
48 React.useContext(stateContext) ?? persisted.defaults.constellationInstance!
49 )
50}
51
52export function useSetConstellationInstance() {
53 return React.useContext(setContext)
54}