2023-12-12 06:02:51 +00:00
|
|
|
import { ExcalidrawElement } from "../../packages/excalidraw/element/types";
|
|
|
|
import { AppState } from "../../packages/excalidraw/types";
|
2020-12-05 14:30:53 +00:00
|
|
|
import {
|
|
|
|
clearAppStateForLocalStorage,
|
|
|
|
getDefaultAppState,
|
2023-12-12 06:02:51 +00:00
|
|
|
} from "../../packages/excalidraw/appState";
|
|
|
|
import { clearElementsForLocalStorage } from "../../packages/excalidraw/element";
|
2022-01-27 12:21:55 +00:00
|
|
|
import { STORAGE_KEYS } from "../app_constants";
|
2023-12-12 06:02:51 +00:00
|
|
|
import { ImportedDataState } from "../../packages/excalidraw/data/types";
|
2020-04-11 16:13:10 +00:00
|
|
|
|
2020-05-20 13:21:37 +00:00
|
|
|
export const saveUsernameToLocalStorage = (username: string) => {
|
2020-04-11 16:13:10 +00:00
|
|
|
try {
|
|
|
|
localStorage.setItem(
|
2020-10-30 20:01:41 +00:00
|
|
|
STORAGE_KEYS.LOCAL_STORAGE_COLLAB,
|
2020-04-11 16:13:10 +00:00
|
|
|
JSON.stringify({ username }),
|
|
|
|
);
|
2021-11-02 12:24:16 +00:00
|
|
|
} catch (error: any) {
|
2020-04-11 16:13:10 +00:00
|
|
|
// Unable to access window.localStorage
|
|
|
|
console.error(error);
|
|
|
|
}
|
2020-05-20 13:21:37 +00:00
|
|
|
};
|
2020-04-11 16:13:10 +00:00
|
|
|
|
2020-08-26 10:45:54 +00:00
|
|
|
export const importUsernameFromLocalStorage = (): string | null => {
|
2020-04-11 16:13:10 +00:00
|
|
|
try {
|
2020-10-30 20:01:41 +00:00
|
|
|
const data = localStorage.getItem(STORAGE_KEYS.LOCAL_STORAGE_COLLAB);
|
2020-04-11 16:13:10 +00:00
|
|
|
if (data) {
|
|
|
|
return JSON.parse(data).username;
|
|
|
|
}
|
2021-11-02 12:24:16 +00:00
|
|
|
} catch (error: any) {
|
2020-04-11 16:13:10 +00:00
|
|
|
// Unable to access localStorage
|
|
|
|
console.error(error);
|
|
|
|
}
|
|
|
|
|
|
|
|
return null;
|
2020-05-20 13:21:37 +00:00
|
|
|
};
|
2020-03-07 15:20:38 +00:00
|
|
|
|
2020-08-26 10:45:54 +00:00
|
|
|
export const importFromLocalStorage = () => {
|
2020-04-07 10:09:37 +00:00
|
|
|
let savedElements = null;
|
|
|
|
let savedState = null;
|
|
|
|
|
|
|
|
try {
|
2020-10-30 20:01:41 +00:00
|
|
|
savedElements = localStorage.getItem(STORAGE_KEYS.LOCAL_STORAGE_ELEMENTS);
|
|
|
|
savedState = localStorage.getItem(STORAGE_KEYS.LOCAL_STORAGE_APP_STATE);
|
2021-11-02 12:24:16 +00:00
|
|
|
} catch (error: any) {
|
2020-04-07 10:09:37 +00:00
|
|
|
// Unable to access localStorage
|
|
|
|
console.error(error);
|
|
|
|
}
|
2020-03-07 15:20:38 +00:00
|
|
|
|
2020-11-11 14:55:22 +00:00
|
|
|
let elements: ExcalidrawElement[] = [];
|
2020-03-07 15:20:38 +00:00
|
|
|
if (savedElements) {
|
|
|
|
try {
|
2020-11-11 14:55:22 +00:00
|
|
|
elements = clearElementsForLocalStorage(JSON.parse(savedElements));
|
2021-11-02 12:24:16 +00:00
|
|
|
} catch (error: any) {
|
2020-07-11 11:09:40 +00:00
|
|
|
console.error(error);
|
2020-03-07 15:20:38 +00:00
|
|
|
// Do nothing because elements array is already empty
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
let appState = null;
|
|
|
|
if (savedState) {
|
|
|
|
try {
|
2020-07-11 11:09:40 +00:00
|
|
|
appState = {
|
|
|
|
...getDefaultAppState(),
|
|
|
|
...clearAppStateForLocalStorage(
|
|
|
|
JSON.parse(savedState) as Partial<AppState>,
|
|
|
|
),
|
|
|
|
};
|
2021-11-02 12:24:16 +00:00
|
|
|
} catch (error: any) {
|
2020-07-11 11:09:40 +00:00
|
|
|
console.error(error);
|
2020-03-07 15:20:38 +00:00
|
|
|
// Do nothing because appState is already null
|
|
|
|
}
|
|
|
|
}
|
2020-08-26 10:45:54 +00:00
|
|
|
return { elements, appState };
|
2020-05-20 13:21:37 +00:00
|
|
|
};
|
2020-12-04 23:18:21 +00:00
|
|
|
|
2020-12-07 16:35:16 +00:00
|
|
|
export const getElementsStorageSize = () => {
|
2020-12-11 16:13:13 +00:00
|
|
|
try {
|
|
|
|
const elements = localStorage.getItem(STORAGE_KEYS.LOCAL_STORAGE_ELEMENTS);
|
2021-04-01 09:19:31 +00:00
|
|
|
const elementsSize = elements?.length || 0;
|
2020-12-11 16:13:13 +00:00
|
|
|
return elementsSize;
|
2021-11-02 12:24:16 +00:00
|
|
|
} catch (error: any) {
|
2020-12-11 16:13:13 +00:00
|
|
|
console.error(error);
|
|
|
|
return 0;
|
|
|
|
}
|
2020-12-07 16:35:16 +00:00
|
|
|
};
|
|
|
|
|
2020-12-04 23:18:21 +00:00
|
|
|
export const getTotalStorageSize = () => {
|
2020-12-11 16:13:13 +00:00
|
|
|
try {
|
|
|
|
const appState = localStorage.getItem(STORAGE_KEYS.LOCAL_STORAGE_APP_STATE);
|
|
|
|
const collab = localStorage.getItem(STORAGE_KEYS.LOCAL_STORAGE_COLLAB);
|
2022-01-06 16:07:33 +00:00
|
|
|
const library = localStorage.getItem(STORAGE_KEYS.LOCAL_STORAGE_LIBRARY);
|
2020-12-04 23:18:21 +00:00
|
|
|
|
2021-04-01 09:19:31 +00:00
|
|
|
const appStateSize = appState?.length || 0;
|
|
|
|
const collabSize = collab?.length || 0;
|
|
|
|
const librarySize = library?.length || 0;
|
2020-12-04 23:18:21 +00:00
|
|
|
|
2020-12-11 16:13:13 +00:00
|
|
|
return appStateSize + collabSize + librarySize + getElementsStorageSize();
|
2021-11-02 12:24:16 +00:00
|
|
|
} catch (error: any) {
|
2020-12-11 16:13:13 +00:00
|
|
|
console.error(error);
|
|
|
|
return 0;
|
|
|
|
}
|
2020-12-04 23:18:21 +00:00
|
|
|
};
|
2022-01-27 12:21:55 +00:00
|
|
|
|
|
|
|
export const getLibraryItemsFromStorage = () => {
|
|
|
|
try {
|
2022-04-20 12:40:03 +00:00
|
|
|
const libraryItems: ImportedDataState["libraryItems"] = JSON.parse(
|
|
|
|
localStorage.getItem(STORAGE_KEYS.LOCAL_STORAGE_LIBRARY) as string,
|
|
|
|
);
|
2022-01-27 12:21:55 +00:00
|
|
|
|
2022-04-20 12:40:03 +00:00
|
|
|
return libraryItems || [];
|
|
|
|
} catch (error) {
|
|
|
|
console.error(error);
|
2022-01-27 12:21:55 +00:00
|
|
|
return [];
|
|
|
|
}
|
|
|
|
};
|