import { ExcalidrawElement } from "../element/types"; import { AppState } from "../types"; import { clearAppStateForLocalStorage, getDefaultAppState } from "../appState"; import { STORAGE_KEYS } from "../constants"; export const saveUsernameToLocalStorage = (username: string) => { try { localStorage.setItem( STORAGE_KEYS.LOCAL_STORAGE_COLLAB, JSON.stringify({ username }), ); } catch (error) { // Unable to access window.localStorage console.error(error); } }; export const importUsernameFromLocalStorage = (): string | null => { try { const data = localStorage.getItem(STORAGE_KEYS.LOCAL_STORAGE_COLLAB); if (data) { return JSON.parse(data).username; } } catch (error) { // Unable to access localStorage console.error(error); } return null; }; export const saveToLocalStorage = ( elements: readonly ExcalidrawElement[], appState: AppState, ) => { try { localStorage.setItem( STORAGE_KEYS.LOCAL_STORAGE_ELEMENTS, JSON.stringify(elements.filter((element) => !element.isDeleted)), ); localStorage.setItem( STORAGE_KEYS.LOCAL_STORAGE_APP_STATE, JSON.stringify(clearAppStateForLocalStorage(appState)), ); } catch (error) { // Unable to access window.localStorage console.error(error); } }; export const importFromLocalStorage = () => { let savedElements = null; let savedState = null; try { savedElements = localStorage.getItem(STORAGE_KEYS.LOCAL_STORAGE_ELEMENTS); savedState = localStorage.getItem(STORAGE_KEYS.LOCAL_STORAGE_APP_STATE); } catch (error) { // Unable to access localStorage console.error(error); } let elements = []; if (savedElements) { try { elements = JSON.parse(savedElements); } catch (error) { console.error(error); // Do nothing because elements array is already empty } } let appState = null; if (savedState) { try { appState = { ...getDefaultAppState(), ...clearAppStateForLocalStorage( JSON.parse(savedState) as Partial, ), }; } catch (error) { console.error(error); // Do nothing because appState is already null } } return { elements, appState }; };