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

use types from mermaid-to-excalidraw

Browse Source
This commit is contained in:
Aakansha Doshi 2023-09-07 13:40:06 +05:30
parent 3593cf6a14
commit db163ab89c
3 changed files with 16 additions and 9 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-firefox",
"@excalidraw/mermaid-to-excalidraw": "0.1.0-types",
"@excalidraw/random-username": "1.0.0",
"@radix-ui/react-popover": "1.0.3",
"@radix-ui/react-tabs": "1.0.2",

15
src/components/MermaidToExcalidraw.tsx
View File

@ -4,8 +4,6 @@ import { updateActiveTool } from "../utils";
import { useApp, useExcalidrawSetAppState } from "./App";
import { Button } from "./Button";
import { Dialog } from "./Dialog";
import "./MermaidToExcalidraw.scss";
import { DEFAULT_EXPORT_PADDING, DEFAULT_FONT_SIZE } from "../constants";
import {
convertToExcalidrawElements,
@ -15,6 +13,10 @@ import { NonDeletedExcalidrawElement } from "../element/types";
import { canvasToBlob } from "../data/blob";
import { ArrowRightIcon } from "./icons";
import Spinner from "./Spinner";
import "./MermaidToExcalidraw.scss";
import { MermaidToExcalidrawResult } from "@excalidraw/mermaid-to-excalidraw/dist/interfaces";
import { MermaidOptions } from "@excalidraw/mermaid-to-excalidraw";
const LOCAL_STORAGE_KEY_MERMAID_TO_EXCALIDRAW = "mermaid-to-excalidraw";
const MERMAID_EXAMPLE =
@ -68,7 +70,12 @@ const MermaidToExcalidraw = ({
appState: AppState;
elements: readonly NonDeletedExcalidrawElement[];
}) => {
const mermaidToExcalidrawLib = useRef<any>(null);
const mermaidToExcalidrawLib = useRef<{
parseMermaidToExcalidraw: (
defination: string,
options: MermaidOptions,
) => Promise<MermaidToExcalidrawResult>;
} | null>(null);
const [text, setText] = useState("");
const deferredText = useDeferredValue(text);
const [loading, setLoading] = useState(true);
@ -117,7 +124,7 @@ const MermaidToExcalidraw = ({
useEffect(() => {
const renderExcalidrawPreview = async () => {
const canvasNode = canvasRef.current;
if (!canvasNode) {
if (!canvasNode || !mermaidToExcalidrawLib.current) {
return;
}
try {

8
yarn.lock
View File

@ -1532,10 +1532,10 @@
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-firefox":
version "0.1.0-firefox"
resolved "https://registry.yarnpkg.com/@excalidraw/mermaid-to-excalidraw/-/mermaid-to-excalidraw-0.1.0-firefox.tgz#6b0581fa7b9e3121ff59499782c76f812e9626f5"
integrity sha512-9PVUK2yg9gUavAVFHV4M3ZUBlki4ZcV1Ah/UMd2sdIk4/JPDxXLFKgOeHCuYaxB3cDoilq8sqJGJBLTgk/qIsA==
"@excalidraw/mermaid-to-excalidraw@0.1.0-types":
version "0.1.0-types"
resolved "https://registry.yarnpkg.com/@excalidraw/mermaid-to-excalidraw/-/mermaid-to-excalidraw-0.1.0-types.tgz#dda78a51dbec291bea578ab0c8e95963043bd1ea"
integrity sha512-RGyuh4ZpITZymin1mfYOuHRUw4W3hanDQ6HUJ5B25/cThW0ZAijE65rF+zt87ICe+nbeYBvnbXHsvBMj0Nkh0w==
dependencies:
"@excalidraw/markdown-to-text" "0.1.2"
mermaid "10.2.3"