smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-05-03 10:00:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

persist mermaid data to storage

Browse source
This commit is contained in:
Aakansha Doshi 2023-08-24 12:29:26 +05:30
parent f85f890b25
commit 6518e05cab
3 changed files with 39 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

36
src/components/MermaidToExcalidraw.tsx
View file

@ -18,6 +18,31 @@ import {
import { NonDeletedExcalidrawElement } from "../element/types";
import { canvasToBlob } from "../data/blob";
const LOCAL_STORAGE_KEY_MERMAID_TO_EXCALIDRAW = "mermaid-to-excalidraw";
const saveMermaidDataToStorage = (data: string) => {
try {
localStorage.setItem(LOCAL_STORAGE_KEY_MERMAID_TO_EXCALIDRAW, data);
} catch (error: any) {
// Unable to access window.localStorage
console.error(error);
}
};
const importMermaidDataFromStorage = () => {
try {
const data = localStorage.getItem(LOCAL_STORAGE_KEY_MERMAID_TO_EXCALIDRAW);
if (data) {
return data;
}
} catch (error: any) {
// Unable to access localStorage
console.error(error);
}
return null;
};
const MermaidToExcalidraw = ({
appState,
elements,
@ -34,6 +59,13 @@ const MermaidToExcalidraw = ({
const canvasRef = useRef<HTMLDivElement>(null);
const app = useApp();
useEffect(() => {
const data = importMermaidDataFromStorage();
if (data) {
setText(data);
}
}, []);
useEffect(() => {
const canvasNode = canvasRef.current;
if (!canvasNode) {
@ -86,13 +118,11 @@ const MermaidToExcalidraw = ({
}, [text]);
const setAppState = useExcalidrawSetAppState();
if (appState?.activeTool?.type !== "mermaid") {
return null;
}
const onClose = () => {
const activeTool = updateActiveTool(appState, { type: "selection" });
setAppState({ activeTool });
saveMermaidDataToStorage(text);
};
const onSelect = () => {