53 lines
1.2 KiB
JavaScript
53 lines
1.2 KiB
JavaScript
import useLocalStorage from './useLocalStorage';
|
|
import set from 'lodash.set'
|
|
import unset from 'lodash.unset'
|
|
import defaultSettings from 'shared/components/workbench/default-settings.js'
|
|
|
|
// Generates a default design gist to start from
|
|
const defaultGist = (design, locale='en') => {
|
|
const gist = {
|
|
design: design.config.name,
|
|
version: design.config.version,
|
|
...defaultSettings,
|
|
_state: {view: 'draft'}
|
|
}
|
|
if (locale) gist.locale = locale
|
|
|
|
return gist
|
|
}
|
|
|
|
function reducer(gistState, {path, value, type='set'}) {
|
|
const newGist = {... gistState};
|
|
|
|
switch(type) {
|
|
case 'replace' :
|
|
return value;
|
|
case 'unset' :
|
|
unset(newGist, path);
|
|
break;
|
|
case 'merge' :
|
|
Object.assign(newGist, value);
|
|
break;
|
|
default:
|
|
set(newGist, path, value);
|
|
}
|
|
return newGist;
|
|
}
|
|
|
|
export function useGist(design, app) {
|
|
const [gist, setGist, gistReady] = useLocalStorage(`${design.config.name}_gist`, defaultGist(design, app.locale), reducer);
|
|
|
|
const unsetGist = (path) => {
|
|
setGist({path, type: 'unset'})
|
|
}
|
|
|
|
const replaceGist = (newGist) => {
|
|
setGist({type: 'replace', value: newGist});
|
|
}
|
|
|
|
const clearGist = () => {
|
|
replaceGist(defaultGist(design, gist.locale))
|
|
}
|
|
|
|
return {gist, setGist, unsetGist, replaceGist, clearGist, gistReady};
|
|
}
|