@pstdio/ui 0.4.0 → 0.5.0

package/dist/MermaidComponent-DwEDwpo2.js

@@ -0,0 +1,124 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { Box as n, Flex as S, NumberInput as h, Button as b, Textarea as A, Text as C } from "@chakra-ui/react";
+import { useLexicalComposerContext as H } from "@lexical/react/LexicalComposerContext";
+import { useLexicalEditable as K } from "@lexical/react/useLexicalEditable";
+import { $getNodeByKey as U } from "lexical";
+import $ from "mermaid";
+import { useState as t, useRef as W, useId as q, useEffect as v } from "react";
+import { $ as G } from "./rich-message-BVRk9BSD.js";
+let k = !1;
+function J() {
+  k || ($.initialize({
+    startOnLoad: !1,
+    securityLevel: "strict",
+    theme: "default"
+  }), k = !0);
+}
+function Q(i) {
+  return i instanceof Error ? i.message : "Failed to render mermaid diagram.";
+}
+const N = 0, T = 2, _ = 0.1;
+function ee(i) {
+  return Number(Math.min(T, Math.max(N, i)).toFixed(2));
+}
+function le(i) {
+  const {
+    code: a,
+    nodeKey: X
+  } = i, [Z] = H(), B = K(), [s, m] = t(!1), [u, f] = t(a), [l, y] = t(a), [D, I] = t(""), [g, M] = t(""), [w, E] = t(!1), [F, P] = t(1), [c, R] = t({
+    x: 0,
+    y: 0
+  }), [z, p] = t(!1), d = W({
+    pointerId: -1,
+    x: 0,
+    y: 0
+  }), O = q().replaceAll(":", "-");
+  v(() => {
+    f(a), y(a);
+  }, [a]), v(() => {
+    let e = !1;
+    async function Y() {
+      J(), E(!0), M("");
+      try {
+        const {
+          svg: x
+        } = await $.render(`mermaid-${O}`, l);
+        e || I(x);
+      } catch (x) {
+        e || (I(""), M(Q(x)));
+      } finally {
+        e || E(!1);
+      }
+    }
+    return s || Y(), () => {
+      e = !0;
+    };
+  }, [s, l, O]);
+  const L = () => {
+    Z.update(() => {
+      const e = U(X);
+      G(e) && e.setCode(u);
+    }), y(u), V(), m(!1);
+  }, j = () => {
+    f(l), m(!1);
+  }, V = () => {
+    P(1), R({
+      x: 0,
+      y: 0
+    });
+  };
+  return /* @__PURE__ */ o(n, { borderWidth: "1px", borderColor: "border.muted", borderRadius: "md", overflow: "hidden", width: "100%", children: [
+    /* @__PURE__ */ o(S, { justifyContent: "flex-end", alignItems: "center", gap: "xs", paddingX: "sm", paddingY: "xs", bg: "bg.muted", children: [
+      !s && !g && !w ? /* @__PURE__ */ o(h.Root, { size: "xs", width: "64px", defaultValue: "100", min: N, max: T, step: _, formatOptions: {
+        style: "percent"
+      }, onValueChange: ({
+        valueAsNumber: e
+      }) => {
+        Number.isNaN(e) || P(ee(e));
+      }, children: [
+        /* @__PURE__ */ r(h.Control, {}),
+        /* @__PURE__ */ r(h.Input, { "aria-label": "Zoom percentage" })
+      ] }) : null,
+      B ? s ? /* @__PURE__ */ o(S, { gap: "xs", children: [
+        /* @__PURE__ */ r(b, { size: "xs", variant: "surface", onClick: j, children: "Cancel" }),
+        /* @__PURE__ */ r(b, { size: "xs", onClick: L, children: "Preview" })
+      ] }) : /* @__PURE__ */ r(b, { size: "xs", variant: "surface", onClick: () => m(!0), children: "Edit" }) : null
+    ] }),
+    s ? /* @__PURE__ */ r(n, { padding: "sm", bg: "bg.muted", children: /* @__PURE__ */ r(A, { value: u, onChange: (e) => f(e.target.value), minHeight: "180px", resize: "vertical", fontFamily: "mono", fontSize: "sm", spellCheck: !1 }) }) : /* @__PURE__ */ o(n, { paddingX: "sm", paddingBottom: "sm", background: "bg.muted", children: [
+      w ? /* @__PURE__ */ r(C, { color: "fg.muted", children: "Rendering diagram..." }) : null,
+      g ? /* @__PURE__ */ o(n, { children: [
+        /* @__PURE__ */ r(C, { color: "fg.error", textStyle: "label/S/medium", children: "Mermaid parse failed" }),
+        /* @__PURE__ */ r(C, { color: "fg.muted", textStyle: "label/S/regular", marginTop: "2xs", children: g }),
+        /* @__PURE__ */ r(n, { as: "pre", marginTop: "sm", padding: "sm", borderRadius: "sm", bg: "bg.panel", overflowX: "auto", children: l })
+      ] }) : /* @__PURE__ */ r(n, { borderRadius: "sm", overflow: "hidden", minHeight: "160px", onWheel: (e) => {
+        e.preventDefault(), e.stopPropagation();
+      }, children: /* @__PURE__ */ r(n, { transform: `translate(${c.x}px, ${c.y}px) scale(${F})`, transformOrigin: "top left", cursor: z ? "grabbing" : "grab", touchAction: "none", onPointerDown: (e) => {
+        d.current = {
+          pointerId: e.pointerId,
+          x: e.clientX - c.x,
+          y: e.clientY - c.y
+        }, p(!0), e.currentTarget.setPointerCapture(e.pointerId);
+      }, onPointerMove: (e) => {
+        !z || d.current.pointerId !== e.pointerId || R({
+          x: e.clientX - d.current.x,
+          y: e.clientY - d.current.y
+        });
+      }, onPointerUp: (e) => {
+        d.current.pointerId === e.pointerId && (p(!1), e.currentTarget.releasePointerCapture(e.pointerId));
+      }, onPointerCancel: () => {
+        p(!1);
+      }, css: {
+        "& img": {
+          display: "block",
+          width: "100%",
+          height: "auto",
+          userSelect: "none"
+        }
+      }, children: /* @__PURE__ */ r("img", { alt: "Mermaid diagram", src: `data:image/svg+xml;utf8,${encodeURIComponent(D)}`, draggable: !1 }) }) })
+    ] })
+  ] });
+}
+export {
+  le as default
+};
+//# sourceMappingURL=MermaidComponent-DwEDwpo2.js.map

package/dist/MermaidComponent-DwEDwpo2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MermaidComponent-DwEDwpo2.js","sources":["../src/components/rich-text/shared/plugins/MermaidPlugin/MermaidComponent.tsx"],"sourcesContent":["import { Box, Button, Flex, NumberInput, Text, Textarea } from \"@chakra-ui/react\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport { useLexicalEditable } from \"@lexical/react/useLexicalEditable\";\nimport { $getNodeByKey } from \"lexical\";\nimport mermaid from \"mermaid\";\nimport { useEffect, useId, useRef, useState } from \"react\";\nimport { $isMermaidNode } from \"./MermaidNode\";\n\nlet mermaidInitialized = false;\n\nfunction initializeMermaid() {\n  if (mermaidInitialized) {\n    return;\n  }\n\n  mermaid.initialize({\n    startOnLoad: false,\n    securityLevel: \"strict\",\n    theme: \"default\",\n  });\n\n  mermaidInitialized = true;\n}\n\nfunction formatErrorMessage(error: unknown) {\n  if (!(error instanceof Error)) {\n    return \"Failed to render mermaid diagram.\";\n  }\n\n  return error.message;\n}\n\nconst MIN_ZOOM = 0;\nconst MAX_ZOOM = 2;\nconst ZOOM_STEP = 0.1;\n\nfunction clampZoom(value: number) {\n  return Number(Math.min(MAX_ZOOM, Math.max(MIN_ZOOM, value)).toFixed(2));\n}\n\ninterface MermaidComponentProps {\n  code: string;\n  nodeKey: string;\n}\n\nexport default function MermaidComponent(props: MermaidComponentProps) {\n  const { code, nodeKey } = props;\n  const [editor] = useLexicalComposerContext();\n  const isEditable = useLexicalEditable();\n  const [isEditing, setIsEditing] = useState(false);\n  const [draftCode, setDraftCode] = useState(code);\n  const [previewCode, setPreviewCode] = useState(code);\n  const [svgMarkup, setSvgMarkup] = useState(\"\");\n  const [renderError, setRenderError] = useState(\"\");\n  const [isRendering, setIsRendering] = useState(false);\n  const [zoom, setZoom] = useState(1);\n  const [offset, setOffset] = useState({ x: 0, y: 0 });\n  const [isPanning, setIsPanning] = useState(false);\n  const panStartRef = useRef({ pointerId: -1, x: 0, y: 0 });\n  const renderId = useId().replaceAll(\":\", \"-\");\n\n  useEffect(() => {\n    setDraftCode(code);\n    setPreviewCode(code);\n  }, [code]);\n\n  useEffect(() => {\n    let cancelled = false;\n\n    async function renderDiagram() {\n      initializeMermaid();\n      setIsRendering(true);\n      setRenderError(\"\");\n\n      try {\n        const { svg } = await mermaid.render(`mermaid-${renderId}`, previewCode);\n        if (!cancelled) {\n          setSvgMarkup(svg);\n        }\n      } catch (error) {\n        if (!cancelled) {\n          setSvgMarkup(\"\");\n          setRenderError(formatErrorMessage(error));\n        }\n      } finally {\n        if (!cancelled) {\n          setIsRendering(false);\n        }\n      }\n    }\n\n    if (!isEditing) {\n      void renderDiagram();\n    }\n\n    return () => {\n      cancelled = true;\n    };\n  }, [isEditing, previewCode, renderId]);\n\n  const commitCodeChanges = () => {\n    editor.update(() => {\n      const node = $getNodeByKey(nodeKey);\n      if ($isMermaidNode(node)) {\n        node.setCode(draftCode);\n      }\n    });\n\n    setPreviewCode(draftCode);\n    resetView();\n    setIsEditing(false);\n  };\n\n  const cancelEditing = () => {\n    setDraftCode(previewCode);\n    setIsEditing(false);\n  };\n\n  const resetView = () => {\n    setZoom(1);\n    setOffset({ x: 0, y: 0 });\n  };\n\n  return (\n    <Box borderWidth=\"1px\" borderColor=\"border.muted\" borderRadius=\"md\" overflow=\"hidden\" width=\"100%\">\n      <Flex justifyContent=\"flex-end\" alignItems=\"center\" gap=\"xs\" paddingX=\"sm\" paddingY=\"xs\" bg=\"bg.muted\">\n        {!isEditing && !renderError && !isRendering ? (\n          <NumberInput.Root\n            size=\"xs\"\n            width=\"64px\"\n            defaultValue={\"100\"}\n            min={MIN_ZOOM}\n            max={MAX_ZOOM}\n            step={ZOOM_STEP}\n            formatOptions={{\n              style: \"percent\",\n            }}\n            onValueChange={({ valueAsNumber }) => {\n              if (Number.isNaN(valueAsNumber)) {\n                return;\n              }\n\n              setZoom(clampZoom(valueAsNumber));\n            }}\n          >\n            <NumberInput.Control />\n            <NumberInput.Input aria-label=\"Zoom percentage\" />\n          </NumberInput.Root>\n        ) : null}\n\n        {isEditable ? (\n          isEditing ? (\n            <Flex gap=\"xs\">\n              <Button size=\"xs\" variant=\"surface\" onClick={cancelEditing}>\n                Cancel\n              </Button>\n              <Button size=\"xs\" onClick={commitCodeChanges}>\n                Preview\n              </Button>\n            </Flex>\n          ) : (\n            <Button size=\"xs\" variant=\"surface\" onClick={() => setIsEditing(true)}>\n              Edit\n            </Button>\n          )\n        ) : null}\n      </Flex>\n\n      {isEditing ? (\n        <Box padding=\"sm\" bg=\"bg.muted\">\n          <Textarea\n            value={draftCode}\n            onChange={(event) => setDraftCode(event.target.value)}\n            minHeight=\"180px\"\n            resize=\"vertical\"\n            fontFamily=\"mono\"\n            fontSize=\"sm\"\n            spellCheck={false}\n          />\n        </Box>\n      ) : (\n        <Box paddingX=\"sm\" paddingBottom=\"sm\" background=\"bg.muted\">\n          {isRendering ? <Text color=\"fg.muted\">Rendering diagram...</Text> : null}\n          {renderError ? (\n            <Box>\n              <Text color=\"fg.error\" textStyle=\"label/S/medium\">\n                Mermaid parse failed\n              </Text>\n              <Text color=\"fg.muted\" textStyle=\"label/S/regular\" marginTop=\"2xs\">\n                {renderError}\n              </Text>\n              <Box as=\"pre\" marginTop=\"sm\" padding=\"sm\" borderRadius=\"sm\" bg=\"bg.panel\" overflowX=\"auto\">\n                {previewCode}\n              </Box>\n            </Box>\n          ) : (\n            <Box\n              borderRadius=\"sm\"\n              overflow=\"hidden\"\n              minHeight=\"160px\"\n              onWheel={(event) => {\n                event.preventDefault();\n                event.stopPropagation();\n              }}\n            >\n              <Box\n                transform={`translate(${offset.x}px, ${offset.y}px) scale(${zoom})`}\n                transformOrigin=\"top left\"\n                cursor={isPanning ? \"grabbing\" : \"grab\"}\n                touchAction=\"none\"\n                onPointerDown={(event) => {\n                  panStartRef.current = {\n                    pointerId: event.pointerId,\n                    x: event.clientX - offset.x,\n                    y: event.clientY - offset.y,\n                  };\n                  setIsPanning(true);\n                  event.currentTarget.setPointerCapture(event.pointerId);\n                }}\n                onPointerMove={(event) => {\n                  if (!isPanning || panStartRef.current.pointerId !== event.pointerId) {\n                    return;\n                  }\n\n                  setOffset({\n                    x: event.clientX - panStartRef.current.x,\n                    y: event.clientY - panStartRef.current.y,\n                  });\n                }}\n                onPointerUp={(event) => {\n                  if (panStartRef.current.pointerId !== event.pointerId) {\n                    return;\n                  }\n\n                  setIsPanning(false);\n                  event.currentTarget.releasePointerCapture(event.pointerId);\n                }}\n                onPointerCancel={() => {\n                  setIsPanning(false);\n                }}\n                css={{\n                  \"& img\": {\n                    display: \"block\",\n                    width: \"100%\",\n                    height: \"auto\",\n                    userSelect: \"none\",\n                  },\n                }}\n              >\n                <img\n                  alt=\"Mermaid diagram\"\n                  src={`data:image/svg+xml;utf8,${encodeURIComponent(svgMarkup)}`}\n                  draggable={false}\n                />\n              </Box>\n            </Box>\n          )}\n        </Box>\n      )}\n    </Box>\n  );\n}\n"],"names":["mermaidInitialized","initializeMermaid","mermaid","initialize","startOnLoad","securityLevel","theme","formatErrorMessage","error","Error","message","MIN_ZOOM","MAX_ZOOM","ZOOM_STEP","clampZoom","value","Number","Math","min","max","toFixed","MermaidComponent","props","code","nodeKey","editor","useLexicalComposerContext","isEditable","useLexicalEditable","isEditing","setIsEditing","useState","draftCode","setDraftCode","previewCode","setPreviewCode","svgMarkup","setSvgMarkup","renderError","setRenderError","isRendering","setIsRendering","zoom","setZoom","offset","setOffset","x","y","isPanning","setIsPanning","panStartRef","useRef","pointerId","renderId","useId","replaceAll","useEffect","cancelled","renderDiagram","svg","render","commitCodeChanges","update","node","$getNodeByKey","$isMermaidNode","setCode","resetView","cancelEditing","jsxs","Box","Flex","NumberInput","style","valueAsNumber","isNaN","jsx","Button","Textarea","event","target","Text","preventDefault","stopPropagation","current","clientX","clientY","currentTarget","setPointerCapture","releasePointerCapture","display","width","height","userSelect","encodeURIComponent"],"mappings":"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"}