Load and save

components/contexts/GroupProvider.tsx

@@ -2,6 +2,7 @@ import {createContext, FC, useCallback, useContext, useMemo} from "react";
 import {Group} from "../../src/types";
 import {useLocalStorage} from "../../src/hooks/useLocalStorage";
 import {ReactNodeLike} from "prop-types";
+import pako from "pako";
 
 interface Props {
   children: ReactNodeLike
@@ -23,8 +24,10 @@ interface GroupContextType {
   renameGroup(name: string, newName: string): void
 
   setFactories(name: string, factories: string[], type: 'exports'|'malls'): void
-
   getInputType(uid: string): 'base'|'produced'|'unknown'
+
+  store(): Uint8Array
+  load(str: Uint8Array): void
 }
 
 const defaultValues: GroupContextType = {
@@ -43,12 +46,21 @@ const defaultValues: GroupContextType = {
   renameGroup() {},
 
   setFactories() {},
-  getInputType() {return 'unknown'}
+  getInputType() {return 'unknown'},
+
+  store() {return new Uint8Array(0)},
+  load() {}
 }
 
 const GroupContext = createContext<GroupContextType>(defaultValues);
 export const useGroups = () => useContext(GroupContext)
 
+interface StoredFile {
+  groups: Record<string, Group>,
+  basicValues: string[],
+  excludedSuggestions: string[]
+}
+
 export const GroupProvider: FC<Props> = ({children}) => {
   const [excludedSuggestions, setExcludedSuggestions] = useLocalStorage<string[]>('excludedSuggestions', [])
   const [basicValues, setBasicValues] = useLocalStorage<string[]>('basicValues', [])
@@ -97,6 +109,25 @@ export const GroupProvider: FC<Props> = ({children}) => {
     else return 'unknown'
   }, [basicValues, exportedFactories])
 
+  const store = useCallback(() => {
+    const btoa = (bin: Uint8Array) => Buffer.from(bin).toString('base64')
+    const value: StoredFile = {
+      groups, basicValues, excludedSuggestions
+    }
+    const uncompressed = JSON.stringify(value)
+    return pako.deflate(uncompressed)
+  }, [basicValues, excludedSuggestions, groups])
+
+  const load = useCallback((compressed: Uint8Array) => {
+    const atob = (str: string) => Buffer.from(str, 'base64')
+    const uncompressed = pako.inflate(compressed, {to: "string"})
+    const value: StoredFile = JSON.parse(uncompressed)
+    if (!value.groups || !value.basicValues || !value.excludedSuggestions) return
+    setGroups(value.groups)
+    setBasicValues(value.basicValues)
+    setExcludedSuggestions(value.excludedSuggestions)
+  }, [setBasicValues, setExcludedSuggestions, setGroups])
+
   const value: GroupContextType = useMemo(() => ({
     doNotSuggest,
     exportedFactories,
@@ -113,7 +144,10 @@ export const GroupProvider: FC<Props> = ({children}) => {
     renameGroup,
 
     setFactories,
-    getInputType
-  }), [addGroup, basicValues, doNotSuggest, excludedSuggestions, exportedFactories, getInputType, groups, removeGroup, renameGroup, setBasicValues, setExcludedSuggestions, setFactories])
+    getInputType,
+
+    store,
+    load
+  }), [addGroup, basicValues, doNotSuggest, excludedSuggestions, exportedFactories, getInputType, groups, load, removeGroup, renameGroup, setBasicValues, setExcludedSuggestions, setFactories, store])
   return <GroupContext.Provider value={value}>{children}</GroupContext.Provider>
 }