Dylan/excalidraw
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix markdown error by using named export

Browse Source
This commit is contained in:
Aakansha Doshi 2023-08-22 21:40:25 +05:30
parent 554913c58b
commit efdafc8659
3 changed files with 39 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -20,7 +20,7 @@
},
"dependencies": {
"@braintree/sanitize-url": "6.0.2",
"@excalidraw/mermaid-to-excalidraw": "0.1.0-test",
"@excalidraw/mermaid-to-excalidraw": "0.1.0-test-named-export",
"@excalidraw/random-username": "1.0.0",
"@radix-ui/react-popover": "1.0.3",
"@radix-ui/react-tabs": "1.0.2",

46
src/components/MermaidToExcalidraw.tsx
View File

@ -62,29 +62,34 @@ const MermaidToExcalidraw = ({
});
}, [canvasData, canvasRef]);
useEffect(() => {
const convertMermaidToExcal = async () => {
let mermaidGraphData;
try {
mermaidGraphData = await parseMermaid(text, {
fontSize: DEFAULT_FONT_SIZE,
});
} catch (e) {
// Parse error, displaying error message to users
}
if (mermaidGraphData) {
const { elements, files } = graphToExcalidraw(mermaidGraphData);
setCanvasData({
elements: convertToExcalidrawElements(elements),
files,
});
}
};
convertMermaidToExcal();
}, [text]);
const setAppState = useExcalidrawSetAppState();
if (appState?.activeTool?.type !== "mermaid") {
return null;
}
const onChange = async (event: any) => {
setText(event.target.value);
let mermaidGraphData;
try {
mermaidGraphData = await parseMermaid(event.target.value, {
fontSize: DEFAULT_FONT_SIZE,
});
} catch (e) {
// Parse error, displaying error message to users
}
if (mermaidGraphData) {
const { elements, files } = graphToExcalidraw(mermaidGraphData);
setCanvasData({ elements: convertToExcalidrawElements(elements), files });
}
};
const onClose = () => {
const activeTool = updateActiveTool(appState, { type: "selection" });
setAppState({ activeTool });
@ -102,7 +107,10 @@ const MermaidToExcalidraw = ({
<div className="mermaid-to-excalidraw-wrapper">
<div className="mermaid-to-excalidraw-wrapper-text">
<label>Describe</label>
<textarea onChange={onChange} value={text} />
<textarea
onChange={(event) => setText(event.target.value)}
value={text}
/>
</div>
<div className="mermaid-to-excalidraw-wrapper-preview">
<label>Preview</label>

30
yarn.lock
View File

@ -1527,12 +1527,17 @@
resolved "https://registry.yarnpkg.com/@excalidraw/eslint-config/-/eslint-config-1.0.3.tgz#2122ef7413ae77874ae9848ce0f1c6b3f0d8bbbd"
integrity sha512-GemHNF5Z6ga0BWBSX7GJaNBUchLu6RwTcAB84eX1MeckRNhNasAsPCdelDlFalz27iS4RuYEQh0bPE8SRxJgbQ==
"@excalidraw/mermaid-to-excalidraw@0.1.0-test":
version "0.1.0-test"
resolved "https://registry.yarnpkg.com/@excalidraw/mermaid-to-excalidraw/-/mermaid-to-excalidraw-0.1.0-test.tgz#c35246ddc3d05cec51fb00e7c30a7bb01e0d0a55"
integrity sha512-5JtrJS3KdFVOUXKodU3yCc+eIvblIQc5pixGXUwa3w/ILYrXkZ/LYq6N7KUQFRc4WKbVABq1V69ivSSK6ic3RA==
"@excalidraw/markdown-to-text@^0.1.2":
version "0.1.2"
resolved "https://registry.yarnpkg.com/@excalidraw/markdown-to-text/-/markdown-to-text-0.1.2.tgz#1703705e7da608cf478f17bfe96fb295f55a23eb"
integrity sha512-1nDXBNAojfi3oSFwJswKREkFm5wrSjqay81QlyRv2pkITG/XYB5v+oChENVBQLcxQwX4IUATWvXM5BcaNhPiIg==
"@excalidraw/mermaid-to-excalidraw@0.1.0-test-named-export":
version "0.1.0-test-named-export"
resolved "https://registry.yarnpkg.com/@excalidraw/mermaid-to-excalidraw/-/mermaid-to-excalidraw-0.1.0-test-named-export.tgz#0d8415c36166954f5fbb658d3c3458c27ac2ed4f"
integrity sha512-GmLBqWlT3UEce+9MsdHoNIEBwDhNrE0oXnS6fxoXbqO1bmoOfxpbzVe7M9DBlHt/TYWUFEANzvXzFZqjQCt1UA==
dependencies:
markdown-to-text "0.1.1"
"@excalidraw/markdown-to-text" "^0.1.2"
mermaid "10.2.3"
nanoid "4.0.2"
@ -2504,7 +2509,7 @@
dependencies:
"@types/chai" "*"
"@types/chai@*", "@types/chai@^4.2.14", "@types/chai@^4.3.5":
"@types/chai@*", "@types/chai@^4.3.5":
version "4.3.5"
resolved "https://registry.yarnpkg.com/@types/chai/-/chai-4.3.5.tgz#ae69bcbb1bebb68c4ac0b11e9d8ed04526b3562b"
integrity sha512-mEo1sAde+UCE6b2hxn332f1g1E8WfYRu6p5SvTKr2ZKC1f7gFJXk4h5PyGP9Dt6gCaG8y8XhwnXWC6Iy2cmBng==
@ -2600,11 +2605,6 @@
dependencies:
"@types/unist" "^2"
"@types/mocha@^8.2.0":
version "8.2.3"
resolved "https://registry.yarnpkg.com/@types/mocha/-/mocha-8.2.3.tgz#bbeb55fbc73f28ea6de601fbfa4613f58d785323"
integrity sha512-ekGvFhFgrc2zYQoX4JeZPmVzZxw6Dtllga7iGHzfbYIYkAMUx/sAFP2GdFpLff+vdHXu5fl7WX9AT+TtqYcsyw==
"@types/ms@*":
version "0.7.31"
resolved "https://registry.yarnpkg.com/@types/ms/-/ms-0.7.31.tgz#31b7ca6407128a3d2bbc27fe2d21b345397f6197"
@ -5962,14 +5962,6 @@ make-dir@^4.0.0:
dependencies:
semver "^7.5.3"
markdown-to-text@0.1.1:
version "0.1.1"
resolved "https://registry.yarnpkg.com/markdown-to-text/-/markdown-to-text-0.1.1.tgz#3ee569c75d6340077daa703439f3a318f94e4bde"
integrity sha512-co/J5l8mJ2RK9wD/nQRGwO7JxoeyfvVNtOZll016EdAX2qYkwCWMdtYvJO42b41Ho7GFEJMuly9llf0Nj+ReQw==
dependencies:
"@types/chai" "^4.2.14"
"@types/mocha" "^8.2.0"
mdast-util-from-markdown@^1.3.0:
version "1.3.1"
resolved "https://registry.yarnpkg.com/mdast-util-from-markdown/-/mdast-util-from-markdown-1.3.1.tgz#9421a5a247f10d31d2faed2a30df5ec89ceafcf0"