dishui 0.0.75 → 0.0.77

package/dist/components/pro/RichTextEditor/extensions/FloatingDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingDialog.js","names":[],"sources":["../../../../../src/components/pro/RichTextEditor/extensions/FloatingDialog.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback, useEffect } from 'react';\nimport { cn } from '../../../../utils/cn';\nimport { Node, mergeAttributes } from '@tiptap/react';\nimport { NodeViewWrapper, NodeViewContent, ReactNodeViewRenderer } from '@tiptap/react';\nimport type { NodeViewProps } from '@tiptap/react';\nimport { useNodeEditable } from './MarkdownBlock';\n\ntype DialogLayout = 'block' | 'wrap-left' | 'wrap-right' | 'float';\n\ninterface DialogAttrs {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  borderColor: string;\n  bgColor: string;\n  title: string;\n  layout: DialogLayout;\n  zIndex: number;\n}\n\nconst DIALOG_COLORS = [\n  { label: 'Blue', border: '#3b82f6', bg: '#eff6ff' },\n  { label: 'Green', border: '#22c55e', bg: '#f0fdf4' },\n  { label: 'Orange', border: '#f97316', bg: '#fff7ed' },\n  { label: 'Red', border: '#ef4444', bg: '#fef2f2' },\n  { label: 'Purple', border: '#8b5cf6', bg: '#faf5ff' },\n  { label: 'Gray', border: '#6b7280', bg: '#f9fafb' },\n];\n\nconst LAYOUT_OPTIONS: { key: DialogLayout; label: string; icon: React.ReactNode }[] = [\n  {\n    key: 'block', label: 'Block',\n    icon: <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\" /><line x1=\"3\" y1=\"3\" x2=\"21\" y2=\"3\" /><line x1=\"3\" y1=\"21\" x2=\"21\" y2=\"21\" /></svg>,\n  },\n  {\n    key: 'wrap-left', label: 'Wrap Left',\n    icon: <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><rect x=\"2\" y=\"4\" width=\"10\" height=\"8\" rx=\"1\" /><line x1=\"15\" y1=\"5\" x2=\"22\" y2=\"5\" /><line x1=\"15\" y1=\"8\" x2=\"22\" y2=\"8\" /><line x1=\"15\" y1=\"11\" x2=\"22\" y2=\"11\" /><line x1=\"2\" y1=\"15\" x2=\"22\" y2=\"15\" /><line x1=\"2\" y1=\"18\" x2=\"22\" y2=\"18\" /></svg>,\n  },\n  {\n    key: 'wrap-right', label: 'Wrap Right',\n    icon: <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><rect x=\"12\" y=\"4\" width=\"10\" height=\"8\" rx=\"1\" /><line x1=\"2\" y1=\"5\" x2=\"9\" y2=\"5\" /><line x1=\"2\" y1=\"8\" x2=\"9\" y2=\"8\" /><line x1=\"2\" y1=\"11\" x2=\"9\" y2=\"11\" /><line x1=\"2\" y1=\"15\" x2=\"22\" y2=\"15\" /><line x1=\"2\" y1=\"18\" x2=\"22\" y2=\"18\" /></svg>,\n  },\n  {\n    key: 'float', label: 'Float',\n    icon: <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><rect x=\"6\" y=\"6\" width=\"12\" height=\"12\" rx=\"2\" /><path d=\"M2 2h4M18 2h4M2 22h4M18 22h4\" strokeDasharray=\"2 2\" /><line x1=\"2\" y1=\"12\" x2=\"6\" y2=\"12\" strokeDasharray=\"2 2\" /><line x1=\"18\" y1=\"12\" x2=\"22\" y2=\"12\" strokeDasharray=\"2 2\" /></svg>,\n  },\n];\n\n/** Scan the document and return all zIndex values of float-layout floatingDialog nodes */\nfunction collectFloatZIndices(editor: NodeViewProps['editor']): number[] {\n  const indices: number[] = [];\n  editor.state.doc.descendants((node) => {\n    if (node.type.name === 'floatingDialog' && node.attrs.layout === 'float') {\n      indices.push(node.attrs.zIndex ?? 10);\n    }\n  });\n  return indices;\n}\n\nconst FloatingDialogView: React.FC<NodeViewProps> = ({\n  node,\n  editor,\n  updateAttributes: writeAttributes,\n  deleteNode,\n  selected,\n}) => {\n  const editable = useNodeEditable(editor);\n  const updateAttributes = useCallback((attributes: Record<string, unknown>) => {\n    if (!editor.isDestroyed && editor.isEditable) writeAttributes(attributes);\n  }, [editor, writeAttributes]);\n  const gestureCleanup = useRef<(() => void) | null>(null);\n  const attrs = node.attrs as DialogAttrs;\n  const layout = attrs.layout || 'block';\n  const isFloat = layout === 'float';\n  const zIndex = attrs.zIndex ?? 10;\n\n  const [editingTitle, setEditingTitle] = useState(false);\n  const [localTitle, setLocalTitle] = useState(attrs.title);\n  const [showColorPicker, setShowColorPicker] = useState(false);\n  const [showLayoutPicker, setShowLayoutPicker] = useState(false);\n  const dragStart = useRef({ mx: 0, my: 0, x: 0, y: 0 });\n  const resizeStart = useRef({ mx: 0, my: 0, w: 0, h: 0 });\n  const colorRef = useRef<HTMLDivElement>(null);\n  const layoutRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    setLocalTitle(attrs.title);\n  }, [attrs.title]);\n\n  useEffect(() => {\n    if (!editable) {\n      gestureCleanup.current?.();\n      setEditingTitle(false);\n      setLocalTitle(attrs.title);\n      setShowColorPicker(false);\n      setShowLayoutPicker(false);\n    }\n  }, [editable, attrs.title]);\n\n  useEffect(() => {\n    const cleanup = () => gestureCleanup.current?.();\n    editor.on('destroy', cleanup);\n    window.addEventListener('blur', cleanup);\n    return () => {\n      cleanup();\n      editor.off('destroy', cleanup);\n      window.removeEventListener('blur', cleanup);\n    };\n  }, [editor]);\n\n  useEffect(() => {\n    const handler = (e: MouseEvent) => {\n      if (colorRef.current && !colorRef.current.contains(e.target as globalThis.Node)) {\n        setShowColorPicker(false);\n      }\n      if (layoutRef.current && !layoutRef.current.contains(e.target as globalThis.Node)) {\n        setShowLayoutPicker(false);\n      }\n    };\n    document.addEventListener('mousedown', handler);\n    return () => document.removeEventListener('mousedown', handler);\n  }, []);\n\n  const onDragStart = useCallback((e: React.MouseEvent) => {\n    if (!isFloat || editor.isDestroyed || !editor.isEditable || e.button !== 0) return;\n    gestureCleanup.current?.();\n    e.preventDefault();\n    e.stopPropagation();\n    dragStart.current = { mx: e.clientX, my: e.clientY, x: attrs.x, y: attrs.y };\n\n    const onMove = (ev: MouseEvent) => {\n      const dx = ev.clientX - dragStart.current.mx;\n      const dy = ev.clientY - dragStart.current.my;\n      updateAttributes({\n        x: dragStart.current.x + dx,\n        y: dragStart.current.y + dy,\n      });\n    };\n    const onUp = () => {\n      document.removeEventListener('mousemove', onMove);\n      document.removeEventListener('mouseup', onUp);\n    };\n    document.addEventListener('mousemove', onMove);\n    document.addEventListener('mouseup', onUp);\n    gestureCleanup.current = onUp;\n  }, [editor, isFloat, attrs.x, attrs.y, updateAttributes]);\n\n  const onResizeStart = useCallback((e: React.MouseEvent) => {\n    if (editor.isDestroyed || !editor.isEditable || e.button !== 0) return;\n    gestureCleanup.current?.();\n    e.preventDefault();\n    e.stopPropagation();\n    resizeStart.current = { mx: e.clientX, my: e.clientY, w: attrs.width, h: attrs.height };\n\n    const onMove = (ev: MouseEvent) => {\n      const dw = ev.clientX - resizeStart.current.mx;\n      const dh = ev.clientY - resizeStart.current.my;\n      updateAttributes({\n        width: Math.max(160, resizeStart.current.w + dw),\n        height: Math.max(80, resizeStart.current.h + dh),\n      });\n    };\n    const onUp = () => {\n      document.removeEventListener('mousemove', onMove);\n      document.removeEventListener('mouseup', onUp);\n    };\n    document.addEventListener('mousemove', onMove);\n    document.addEventListener('mouseup', onUp);\n    gestureCleanup.current = onUp;\n  }, [editor, attrs.width, attrs.height, updateAttributes]);\n\n  const saveTitle = useCallback(() => {\n    updateAttributes({ title: localTitle });\n    setEditingTitle(false);\n  }, [localTitle, updateAttributes]);\n\n  const bringForward = useCallback(() => {\n    const all = collectFloatZIndices(editor);\n    const maxZ = Math.max(...all);\n    if (zIndex < maxZ) {\n      updateAttributes({ zIndex: maxZ + 1 });\n    }\n  }, [editor, zIndex, updateAttributes]);\n\n  const sendBackward = useCallback(() => {\n    const all = collectFloatZIndices(editor);\n    const minZ = Math.min(...all);\n    if (zIndex > minZ) {\n      updateAttributes({ zIndex: minZ - 1 });\n    } else if (zIndex > 1) {\n      updateAttributes({ zIndex: zIndex - 1 });\n    }\n  }, [editor, zIndex, updateAttributes]);\n\n  const wrapperClass = cn(\n    'rte-float-dialog',\n    `rte-float-dialog--${layout}`,\n    selected && 'rte-float-dialog--selected',\n  );\n\n  const wrapperStyle: React.CSSProperties = isFloat\n    ? { position: 'absolute', left: attrs.x, top: attrs.y, zIndex }\n    : {};\n\n  const boxStyle: React.CSSProperties = {\n    width: layout === 'block' ? '100%' : attrs.width,\n    minHeight: attrs.height,\n    borderColor: attrs.borderColor,\n    backgroundColor: attrs.bgColor,\n  };\n\n  const layoutIcon = LAYOUT_OPTIONS.find((l) => l.key === layout)?.icon;\n\n  return (\n    <NodeViewWrapper className={wrapperClass} style={wrapperStyle}>\n      <div className=\"rte-float-dialog__box\" style={boxStyle}>\n        {/* Title bar */}\n        <div\n          className=\"rte-float-dialog__titlebar\"\n          style={{ borderBottomColor: attrs.borderColor }}\n          onMouseDown={onDragStart}\n          contentEditable={false}\n        >\n          {isFloat && (\n            <span className=\"rte-float-dialog__drag-icon\">\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                <circle cx=\"9\" cy=\"5\" r=\"1.5\" /><circle cx=\"15\" cy=\"5\" r=\"1.5\" />\n                <circle cx=\"9\" cy=\"12\" r=\"1.5\" /><circle cx=\"15\" cy=\"12\" r=\"1.5\" />\n                <circle cx=\"9\" cy=\"19\" r=\"1.5\" /><circle cx=\"15\" cy=\"19\" r=\"1.5\" />\n              </svg>\n            </span>\n          )}\n\n          {editingTitle && editable ? (\n            <input\n              className=\"rte-float-dialog__title-input\"\n              value={localTitle}\n              onChange={(e) => setLocalTitle(e.target.value)}\n              placeholder=\"Title...\"\n              onMouseDown={(e) => e.stopPropagation()}\n              onBlur={saveTitle}\n              onKeyDown={(e) => { if (e.key === 'Enter' || e.key === 'Escape') saveTitle(); }}\n              autoFocus\n            />\n          ) : (\n            <span className=\"rte-float-dialog__title\" onDoubleClick={() => { if (!editor.isDestroyed && editor.isEditable) setEditingTitle(true); }}>\n              {attrs.title || 'Dialog'}\n            </span>\n          )}\n\n          {editable && <div className=\"rte-float-dialog__actions\">\n            {/* Z-order controls — only for float layout */}\n            {isFloat && (\n              <div className=\"rte-float-dialog__zorder\">\n                <button\n                  type=\"button\"\n                  className=\"rte-float-dialog__action-btn\"\n                  onClick={(e) => { e.stopPropagation(); bringForward(); }}\n                  title=\"Bring to Front\"\n                  onMouseDown={(e) => e.stopPropagation()}\n                >\n                  <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                    <rect x=\"8\" y=\"2\" width=\"13\" height=\"13\" rx=\"2\" />\n                    <rect x=\"3\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" opacity=\"0.4\" />\n                  </svg>\n                </button>\n                <button\n                  type=\"button\"\n                  className=\"rte-float-dialog__action-btn\"\n                  onClick={(e) => { e.stopPropagation(); sendBackward(); }}\n                  title=\"Send to Back\"\n                  onMouseDown={(e) => e.stopPropagation()}\n                >\n                  <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                    <rect x=\"3\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" />\n                    <rect x=\"8\" y=\"2\" width=\"13\" height=\"13\" rx=\"2\" opacity=\"0.4\" />\n                  </svg>\n                </button>\n              </div>\n            )}\n\n            {/* Layout picker */}\n            <div ref={layoutRef} style={{ position: 'relative' }}>\n              <button\n                type=\"button\"\n                className=\"rte-float-dialog__action-btn\"\n                onClick={(e) => { e.stopPropagation(); setShowLayoutPicker(!showLayoutPicker); }}\n                title={`Layout: ${layout}`}\n                onMouseDown={(e) => e.stopPropagation()}\n              >\n                {layoutIcon}\n              </button>\n              {showLayoutPicker && (\n                <div className=\"rte-float-dialog__layout-dropdown\" onMouseDown={(e) => e.stopPropagation()}>\n                  {LAYOUT_OPTIONS.map((opt) => (\n                    <button\n                      key={opt.key}\n                      type=\"button\"\n                      className={`rte-float-dialog__layout-option ${layout === opt.key ? 'rte-float-dialog__layout-option--active' : ''}`}\n                      onClick={() => { updateAttributes({ layout: opt.key }); setShowLayoutPicker(false); }}\n                      title={opt.label}\n                    >\n                      {opt.icon}\n                      <span>{opt.label}</span>\n                    </button>\n                  ))}\n                </div>\n              )}\n            </div>\n\n            {/* Color picker */}\n            <div ref={colorRef} style={{ position: 'relative' }}>\n              <button\n                type=\"button\"\n                className=\"rte-float-dialog__action-btn\"\n                onClick={(e) => { e.stopPropagation(); setShowColorPicker(!showColorPicker); }}\n                title=\"Color\"\n                onMouseDown={(e) => e.stopPropagation()}\n              >\n                <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill={attrs.borderColor} stroke={attrs.borderColor} strokeWidth=\"2\">\n                  <circle cx=\"12\" cy=\"12\" r=\"8\" />\n                </svg>\n              </button>\n              {showColorPicker && (\n                <div className=\"rte-float-dialog__color-dropdown\" onMouseDown={(e) => e.stopPropagation()}>\n                  {DIALOG_COLORS.map((c) => (\n                    <button\n                      key={c.label}\n                      type=\"button\"\n                      className=\"rte-float-dialog__color-swatch\"\n                      style={{ backgroundColor: c.border }}\n                      onClick={() => { updateAttributes({ borderColor: c.border, bgColor: c.bg }); setShowColorPicker(false); }}\n                      title={c.label}\n                    />\n                  ))}\n                </div>\n              )}\n            </div>\n\n            {/* Delete */}\n            <button\n              type=\"button\"\n              className=\"rte-float-dialog__action-btn rte-float-dialog__action-btn--danger\"\n              onClick={(e) => { e.stopPropagation(); if (!editor.isDestroyed && editor.isEditable) deleteNode(); }}\n              title=\"Delete\"\n              onMouseDown={(e) => e.stopPropagation()}\n            >\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" /><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n              </svg>\n            </button>\n          </div>}\n        </div>\n\n        {/* Rich text body — Tiptap editable content */}\n        <NodeViewContent className=\"rte-float-dialog__body\" />\n\n        {/* Resize handle */}\n        {editable && <div className=\"rte-float-dialog__resize-handle\" onMouseDown={onResizeStart} contentEditable={false}>\n          <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"currentColor\">\n            <circle cx=\"8\" cy=\"8\" r=\"1.2\" /><circle cx=\"4\" cy=\"8\" r=\"1.2\" /><circle cx=\"8\" cy=\"4\" r=\"1.2\" />\n          </svg>\n        </div>}\n      </div>\n    </NodeViewWrapper>\n  );\n};\n\n/** Scan document for the highest zIndex among existing float dialogs */\nexport function getNextFloatZIndex(editor: { state: { doc: { descendants: (cb: (node: { type: { name: string }; attrs: Record<string, unknown> }) => void) => void } } }): number {\n  let maxZ = 9;\n  editor.state.doc.descendants((node) => {\n    if (node.type.name === 'floatingDialog' && node.attrs.layout === 'float') {\n      const z = (node.attrs.zIndex as number) ?? 10;\n      if (z > maxZ) maxZ = z;\n    }\n  });\n  return maxZ + 1;\n}\n\nexport const FloatingDialogExtension = Node.create({\n  name: 'floatingDialog',\n  group: 'block',\n  content: 'block+',\n  draggable: true,\n  isolating: true,\n  defining: true,\n\n  addAttributes() {\n    return {\n      title: { default: 'Note' },\n      x: { default: 20 },\n      y: { default: 0 },\n      width: { default: 280 },\n      height: { default: 120 },\n      borderColor: { default: '#3b82f6' },\n      bgColor: { default: '#eff6ff' },\n      layout: { default: 'block' },\n      zIndex: { default: 10 },\n    };\n  },\n\n  parseHTML() {\n    return [{ tag: 'div[data-type=\"floating-dialog\"]' }];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return ['div', mergeAttributes(HTMLAttributes, { 'data-type': 'floating-dialog' }), 0];\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(FloatingDialogView);\n  },\n});\n\nexport default FloatingDialogExtension;\n"],"mappings":"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"}
+{"version":3,"file":"FloatingDialog.js","names":[],"sources":["../../../../../src/components/pro/RichTextEditor/extensions/FloatingDialog.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback, useEffect } from 'react';\nimport { cn } from '../../../../utils/cn';\nimport { Node, mergeAttributes } from '@tiptap/react';\nimport { NodeViewWrapper, NodeViewContent, ReactNodeViewRenderer } from '@tiptap/react';\nimport type { NodeViewProps } from '@tiptap/react';\nimport { useNodeEditable } from './MarkdownBlock';\n\ntype DialogLayout = 'block' | 'wrap-left' | 'wrap-right' | 'float';\n\ninterface DialogAttrs {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  borderColor: string;\n  bgColor: string;\n  title: string;\n  layout: DialogLayout;\n  zIndex: number;\n}\n\nconst DIALOG_COLORS = [\n  { label: 'Blue', border: '#3b82f6', bg: '#eff6ff' },\n  { label: 'Green', border: '#22c55e', bg: '#f0fdf4' },\n  { label: 'Orange', border: '#f97316', bg: '#fff7ed' },\n  { label: 'Red', border: '#ef4444', bg: '#fef2f2' },\n  { label: 'Purple', border: '#8b5cf6', bg: '#faf5ff' },\n  { label: 'Gray', border: '#6b7280', bg: '#f9fafb' },\n];\n\nconst LAYOUT_OPTIONS: { key: DialogLayout; label: string; icon: React.ReactNode }[] = [\n  {\n    key: 'block', label: 'Block',\n    icon: <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\" /><line x1=\"3\" y1=\"3\" x2=\"21\" y2=\"3\" /><line x1=\"3\" y1=\"21\" x2=\"21\" y2=\"21\" /></svg>,\n  },\n  {\n    key: 'wrap-left', label: 'Wrap Left',\n    icon: <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><rect x=\"2\" y=\"4\" width=\"10\" height=\"8\" rx=\"1\" /><line x1=\"15\" y1=\"5\" x2=\"22\" y2=\"5\" /><line x1=\"15\" y1=\"8\" x2=\"22\" y2=\"8\" /><line x1=\"15\" y1=\"11\" x2=\"22\" y2=\"11\" /><line x1=\"2\" y1=\"15\" x2=\"22\" y2=\"15\" /><line x1=\"2\" y1=\"18\" x2=\"22\" y2=\"18\" /></svg>,\n  },\n  {\n    key: 'wrap-right', label: 'Wrap Right',\n    icon: <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><rect x=\"12\" y=\"4\" width=\"10\" height=\"8\" rx=\"1\" /><line x1=\"2\" y1=\"5\" x2=\"9\" y2=\"5\" /><line x1=\"2\" y1=\"8\" x2=\"9\" y2=\"8\" /><line x1=\"2\" y1=\"11\" x2=\"9\" y2=\"11\" /><line x1=\"2\" y1=\"15\" x2=\"22\" y2=\"15\" /><line x1=\"2\" y1=\"18\" x2=\"22\" y2=\"18\" /></svg>,\n  },\n  {\n    key: 'float', label: 'Float',\n    icon: <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><rect x=\"6\" y=\"6\" width=\"12\" height=\"12\" rx=\"2\" /><path d=\"M2 2h4M18 2h4M2 22h4M18 22h4\" strokeDasharray=\"2 2\" /><line x1=\"2\" y1=\"12\" x2=\"6\" y2=\"12\" strokeDasharray=\"2 2\" /><line x1=\"18\" y1=\"12\" x2=\"22\" y2=\"12\" strokeDasharray=\"2 2\" /></svg>,\n  },\n];\n\n/** Scan the document and return all zIndex values of float-layout floatingDialog nodes */\nfunction collectFloatZIndices(editor: NodeViewProps['editor']): number[] {\n  const indices: number[] = [];\n  editor.state.doc.descendants((node) => {\n    if (node.type.name === 'floatingDialog' && node.attrs.layout === 'float') {\n      indices.push(node.attrs.zIndex ?? 10);\n    }\n  });\n  return indices;\n}\n\nconst FloatingDialogView: React.FC<NodeViewProps> = ({\n  node,\n  editor,\n  updateAttributes: writeAttributes,\n  deleteNode,\n  selected,\n}) => {\n  const editable = useNodeEditable(editor);\n  const updateAttributes = useCallback((attributes: Record<string, unknown>) => {\n    if (!editor.isDestroyed && editor.isEditable) writeAttributes(attributes);\n  }, [editor, writeAttributes]);\n  const gestureCleanup = useRef<(() => void) | null>(null);\n  const attrs = node.attrs as DialogAttrs;\n  const layout = attrs.layout || 'block';\n  const isFloat = layout === 'float';\n  const zIndex = attrs.zIndex ?? 10;\n\n  const [editingTitle, setEditingTitle] = useState(false);\n  const [localTitle, setLocalTitle] = useState(attrs.title);\n  const [showColorPicker, setShowColorPicker] = useState(false);\n  const [showLayoutPicker, setShowLayoutPicker] = useState(false);\n\n  const colorRef = useRef<HTMLDivElement>(null);\n  const layoutRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    setLocalTitle(attrs.title);\n  }, [attrs.title]);\n\n  useEffect(() => {\n    if (!editable) {\n      gestureCleanup.current?.();\n      setEditingTitle(false);\n      setLocalTitle(attrs.title);\n      setShowColorPicker(false);\n      setShowLayoutPicker(false);\n    }\n  }, [editable, attrs.title]);\n\n  useEffect(() => {\n    const cleanup = () => gestureCleanup.current?.();\n    editor.on('destroy', cleanup);\n    window.addEventListener('blur', cleanup);\n    return () => {\n      cleanup();\n      editor.off('destroy', cleanup);\n      window.removeEventListener('blur', cleanup);\n    };\n  }, [editor]);\n\n  useEffect(() => {\n    const handler = (e: MouseEvent) => {\n      if (colorRef.current && !colorRef.current.contains(e.target as globalThis.Node)) {\n        setShowColorPicker(false);\n      }\n      if (layoutRef.current && !layoutRef.current.contains(e.target as globalThis.Node)) {\n        setShowLayoutPicker(false);\n      }\n    };\n    document.addEventListener('mousedown', handler);\n    return () => document.removeEventListener('mousedown', handler);\n  }, []);\n\n  const startGesture = useCallback((e: React.PointerEvent<HTMLDivElement>, resize: boolean) => {\n    if (editor.isDestroyed || !editor.isEditable || !e.isPrimary || e.button !== 0) return;\n    if (!resize && (!isFloat || (e.target as HTMLElement).closest('button, input'))) return;\n    gestureCleanup.current?.();\n    e.preventDefault();\n    e.stopPropagation();\n\n    const target = e.currentTarget;\n    const doc = target.ownerDocument;\n    const pointerId = e.pointerId;\n    const { clientX, clientY } = e;\n    let lastX = resize ? attrs.width : attrs.x;\n    let lastY = resize ? attrs.height : attrs.y;\n    const startX = lastX;\n    const startY = lastY;\n\n    const onMove = (ev: PointerEvent) => {\n      if (ev.pointerId !== pointerId) return;\n      const x = resize ? Math.max(160, startX + ev.clientX - clientX) : startX + ev.clientX - clientX;\n      const y = resize ? Math.max(80, startY + ev.clientY - clientY) : startY + ev.clientY - clientY;\n      if (x === lastX && y === lastY) return;\n      lastX = x;\n      lastY = y;\n      updateAttributes(resize ? { width: x, height: y } : { x, y });\n    };\n    const cleanup = () => {\n      doc.removeEventListener('pointermove', onMove);\n      doc.removeEventListener('pointerup', onEnd);\n      doc.removeEventListener('pointercancel', onEnd);\n      target.removeEventListener('lostpointercapture', onEnd);\n      gestureCleanup.current = null;\n      if (target.hasPointerCapture(pointerId)) target.releasePointerCapture(pointerId);\n    };\n    const onEnd = (ev: PointerEvent) => {\n      if (ev.pointerId === pointerId) cleanup();\n    };\n    // Capture keeps the gesture paired even when a finger leaves the handle.\n    target.setPointerCapture(pointerId);\n    doc.addEventListener('pointermove', onMove);\n    doc.addEventListener('pointerup', onEnd);\n    doc.addEventListener('pointercancel', onEnd);\n    target.addEventListener('lostpointercapture', onEnd);\n    gestureCleanup.current = cleanup;\n  }, [editor, isFloat, attrs.x, attrs.y, attrs.width, attrs.height, updateAttributes]);\n\n  const saveTitle = useCallback(() => {\n    updateAttributes({ title: localTitle });\n    setEditingTitle(false);\n  }, [localTitle, updateAttributes]);\n\n  const bringForward = useCallback(() => {\n    const all = collectFloatZIndices(editor);\n    const maxZ = Math.max(...all);\n    if (zIndex < maxZ) {\n      updateAttributes({ zIndex: maxZ + 1 });\n    }\n  }, [editor, zIndex, updateAttributes]);\n\n  const sendBackward = useCallback(() => {\n    const all = collectFloatZIndices(editor);\n    const minZ = Math.min(...all);\n    if (zIndex > minZ) {\n      updateAttributes({ zIndex: minZ - 1 });\n    } else if (zIndex > 1) {\n      updateAttributes({ zIndex: zIndex - 1 });\n    }\n  }, [editor, zIndex, updateAttributes]);\n\n  const wrapperClass = cn(\n    'rte-float-dialog',\n    `rte-float-dialog--${layout}`,\n    selected && 'rte-float-dialog--selected',\n  );\n\n  const wrapperStyle: React.CSSProperties = isFloat\n    ? { position: 'absolute', left: attrs.x, top: attrs.y, zIndex }\n    : {};\n\n  const boxStyle: React.CSSProperties = {\n    width: layout === 'block' ? '100%' : attrs.width,\n    minHeight: attrs.height,\n    borderColor: attrs.borderColor,\n    backgroundColor: attrs.bgColor,\n  };\n\n  const layoutIcon = LAYOUT_OPTIONS.find((l) => l.key === layout)?.icon;\n\n  return (\n    <NodeViewWrapper className={wrapperClass} style={wrapperStyle}>\n      <div className=\"rte-float-dialog__box\" style={boxStyle}>\n        {/* Title bar */}\n        <div\n          className=\"rte-float-dialog__titlebar\"\n          style={{ borderBottomColor: attrs.borderColor, touchAction: isFloat && editable ? 'none' : undefined }}\n          onPointerDown={(e) => startGesture(e, false)}\n          contentEditable={false}\n        >\n          {isFloat && (\n            <span className=\"rte-float-dialog__drag-icon\">\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                <circle cx=\"9\" cy=\"5\" r=\"1.5\" /><circle cx=\"15\" cy=\"5\" r=\"1.5\" />\n                <circle cx=\"9\" cy=\"12\" r=\"1.5\" /><circle cx=\"15\" cy=\"12\" r=\"1.5\" />\n                <circle cx=\"9\" cy=\"19\" r=\"1.5\" /><circle cx=\"15\" cy=\"19\" r=\"1.5\" />\n              </svg>\n            </span>\n          )}\n\n          {editingTitle && editable ? (\n            <input\n              className=\"rte-float-dialog__title-input\"\n              value={localTitle}\n              onChange={(e) => setLocalTitle(e.target.value)}\n              placeholder=\"Title...\"\n              onMouseDown={(e) => e.stopPropagation()}\n              onPointerDown={(e) => e.stopPropagation()}\n              onBlur={saveTitle}\n              onKeyDown={(e) => { if (e.key === 'Enter' || e.key === 'Escape') saveTitle(); }}\n              autoFocus\n            />\n          ) : (\n            <span className=\"rte-float-dialog__title\" onDoubleClick={() => { if (!editor.isDestroyed && editor.isEditable) setEditingTitle(true); }}>\n              {attrs.title || 'Dialog'}\n            </span>\n          )}\n\n          {editable && <div className=\"rte-float-dialog__actions\" onPointerDown={(e) => e.stopPropagation()}>\n            {/* Z-order controls — only for float layout */}\n            {isFloat && (\n              <div className=\"rte-float-dialog__zorder\">\n                <button\n                  type=\"button\"\n                  className=\"rte-float-dialog__action-btn\"\n                  onClick={(e) => { e.stopPropagation(); bringForward(); }}\n                  title=\"Bring to Front\"\n                  onMouseDown={(e) => e.stopPropagation()}\n                >\n                  <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                    <rect x=\"8\" y=\"2\" width=\"13\" height=\"13\" rx=\"2\" />\n                    <rect x=\"3\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" opacity=\"0.4\" />\n                  </svg>\n                </button>\n                <button\n                  type=\"button\"\n                  className=\"rte-float-dialog__action-btn\"\n                  onClick={(e) => { e.stopPropagation(); sendBackward(); }}\n                  title=\"Send to Back\"\n                  onMouseDown={(e) => e.stopPropagation()}\n                >\n                  <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                    <rect x=\"3\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" />\n                    <rect x=\"8\" y=\"2\" width=\"13\" height=\"13\" rx=\"2\" opacity=\"0.4\" />\n                  </svg>\n                </button>\n              </div>\n            )}\n\n            {/* Layout picker */}\n            <div ref={layoutRef} style={{ position: 'relative' }}>\n              <button\n                type=\"button\"\n                className=\"rte-float-dialog__action-btn\"\n                onClick={(e) => { e.stopPropagation(); setShowLayoutPicker(!showLayoutPicker); }}\n                title={`Layout: ${layout}`}\n                onMouseDown={(e) => e.stopPropagation()}\n              >\n                {layoutIcon}\n              </button>\n              {showLayoutPicker && (\n                <div className=\"rte-float-dialog__layout-dropdown\" onMouseDown={(e) => e.stopPropagation()}>\n                  {LAYOUT_OPTIONS.map((opt) => (\n                    <button\n                      key={opt.key}\n                      type=\"button\"\n                      className={`rte-float-dialog__layout-option ${layout === opt.key ? 'rte-float-dialog__layout-option--active' : ''}`}\n                      onClick={() => { updateAttributes({ layout: opt.key }); setShowLayoutPicker(false); }}\n                      title={opt.label}\n                    >\n                      {opt.icon}\n                      <span>{opt.label}</span>\n                    </button>\n                  ))}\n                </div>\n              )}\n            </div>\n\n            {/* Color picker */}\n            <div ref={colorRef} style={{ position: 'relative' }}>\n              <button\n                type=\"button\"\n                className=\"rte-float-dialog__action-btn\"\n                onClick={(e) => { e.stopPropagation(); setShowColorPicker(!showColorPicker); }}\n                title=\"Color\"\n                onMouseDown={(e) => e.stopPropagation()}\n              >\n                <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill={attrs.borderColor} stroke={attrs.borderColor} strokeWidth=\"2\">\n                  <circle cx=\"12\" cy=\"12\" r=\"8\" />\n                </svg>\n              </button>\n              {showColorPicker && (\n                <div className=\"rte-float-dialog__color-dropdown\" onMouseDown={(e) => e.stopPropagation()}>\n                  {DIALOG_COLORS.map((c) => (\n                    <button\n                      key={c.label}\n                      type=\"button\"\n                      className=\"rte-float-dialog__color-swatch\"\n                      style={{ backgroundColor: c.border }}\n                      onClick={() => { updateAttributes({ borderColor: c.border, bgColor: c.bg }); setShowColorPicker(false); }}\n                      title={c.label}\n                    />\n                  ))}\n                </div>\n              )}\n            </div>\n\n            {/* Delete */}\n            <button\n              type=\"button\"\n              className=\"rte-float-dialog__action-btn rte-float-dialog__action-btn--danger\"\n              onClick={(e) => { e.stopPropagation(); if (!editor.isDestroyed && editor.isEditable) deleteNode(); }}\n              title=\"Delete\"\n              onMouseDown={(e) => e.stopPropagation()}\n            >\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" /><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n              </svg>\n            </button>\n          </div>}\n        </div>\n\n        {/* Rich text body — Tiptap editable content */}\n        <NodeViewContent className=\"rte-float-dialog__body\" />\n\n        {/* Resize handle */}\n        {editable && <div className=\"rte-float-dialog__resize-handle\" onPointerDown={(e) => startGesture(e, true)} contentEditable={false}>\n          <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"currentColor\">\n            <circle cx=\"8\" cy=\"8\" r=\"1.2\" /><circle cx=\"4\" cy=\"8\" r=\"1.2\" /><circle cx=\"8\" cy=\"4\" r=\"1.2\" />\n          </svg>\n        </div>}\n      </div>\n    </NodeViewWrapper>\n  );\n};\n\n/** Scan document for the highest zIndex among existing float dialogs */\nexport function getNextFloatZIndex(editor: { state: { doc: { descendants: (cb: (node: { type: { name: string }; attrs: Record<string, unknown> }) => void) => void } } }): number {\n  let maxZ = 9;\n  editor.state.doc.descendants((node) => {\n    if (node.type.name === 'floatingDialog' && node.attrs.layout === 'float') {\n      const z = (node.attrs.zIndex as number) ?? 10;\n      if (z > maxZ) maxZ = z;\n    }\n  });\n  return maxZ + 1;\n}\n\nexport const FloatingDialogExtension = Node.create({\n  name: 'floatingDialog',\n  group: 'block',\n  content: 'block+',\n  draggable: true,\n  isolating: true,\n  defining: true,\n\n  addAttributes() {\n    return {\n      title: { default: 'Note' },\n      x: { default: 20 },\n      y: { default: 0 },\n      width: { default: 280 },\n      height: { default: 120 },\n      borderColor: { default: '#3b82f6' },\n      bgColor: { default: '#eff6ff' },\n      layout: { default: 'block' },\n      zIndex: { default: 10 },\n    };\n  },\n\n  parseHTML() {\n    return [{ tag: 'div[data-type=\"floating-dialog\"]' }];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return ['div', mergeAttributes(HTMLAttributes, { 'data-type': 'floating-dialog' }), 0];\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(FloatingDialogView);\n  },\n});\n\nexport default FloatingDialogExtension;\n"],"mappings":"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"}

package/dist/components/pro/RichTextEditor/extensions/MarkdownBlock.js

@@ -1,24 +1,25 @@
-import { useCallback as e, useEffect as t, useRef as n, useState as r, useSyncExternalStore as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Prism as s } from "react-syntax-highlighter";
-import { oneLight as c } from "react-syntax-highlighter/dist/esm/styles/prism";
-import l from "react-markdown";
-import u from "remark-gfm";
-import d from "rehype-katex";
-import f from "remark-math";
-import p from "mermaid";
+import { normalizeLegacyMermaid as e } from "./legacyMermaid.js";
+import { useCallback as t, useEffect as n, useRef as r, useState as i, useSyncExternalStore as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Prism as c } from "react-syntax-highlighter";
+import { oneLight as l } from "react-syntax-highlighter/dist/esm/styles/prism";
+import u from "react-markdown";
+import d from "remark-gfm";
+import f from "rehype-katex";
+import p from "remark-math";
+import m from "mermaid";
 import "katex/dist/katex.min.css";
-import { Node as m, NodeViewWrapper as h, ReactNodeViewRenderer as g, mergeAttributes as _ } from "@tiptap/react";
+import { Node as h, NodeViewWrapper as g, ReactNodeViewRenderer as _, mergeAttributes as v } from "@tiptap/react";
 //#region src/components/pro/RichTextEditor/extensions/MarkdownBlock.tsx
-function v(t) {
-	let n = e((e) => (t.on("update", e), t.on("transaction", e), t.on("destroy", e), () => {
-		t.off("update", e), t.off("transaction", e), t.off("destroy", e);
-	}), [t]);
-	return i(n, () => !t.isDestroyed && t.isEditable, () => !1);
+function y(e) {
+	let n = t((t) => (e.on("update", t), e.on("transaction", t), e.on("destroy", t), () => {
+		e.off("update", t), e.off("transaction", t), e.off("destroy", t);
+	}), [e]);
+	return a(n, () => !e.isDestroyed && e.isEditable, () => !1);
 }
-var y = Promise.resolve();
-function b(e, t) {
-	let n = y.then(() => (p.initialize({
+var b = Promise.resolve();
+function x(e, t) {
+	let n = b.then(() => (m.initialize({
 		startOnLoad: !1,
 		theme: "default",
 		securityLevel: "strict",
@@ -28,35 +29,35 @@ function b(e, t) {
 			useMaxWidth: !0,
 			htmlLabels: !1
 		}
-	}), p.mermaidAPI.render(e, t)));
-	return y = n.catch(() => void 0), n;
+	}), m.mermaidAPI.render(e, t)));
+	return b = n.catch(() => void 0), n;
 }
-var x = ({ code: e }) => {
-	let r = n(null);
-	return t(() => {
-		if (!r.current || (r.current.replaceChildren(), !e.trim())) return;
-		let t = !1;
+var S = ({ code: t }) => {
+	let i = r(null);
+	return n(() => {
+		if (!i.current || (i.current.replaceChildren(), !t.trim())) return;
+		let n = !1;
 		return (async () => {
 			try {
-				let { svg: n } = await b(`mermaid-md-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`, e);
-				!t && r.current && (r.current.innerHTML = n);
+				let { svg: r } = await x(`mermaid-md-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`, e(t));
+				!n && i.current && (i.current.innerHTML = r);
 			} catch (e) {
-				!t && r.current && (r.current.textContent = String(e));
+				!n && i.current && (i.current.textContent = String(e));
 			}
 		})(), () => {
-			t = !0;
+			n = !0;
 		};
-	}, [e]), /* @__PURE__ */ a("div", {
-		ref: r,
+	}, [t]), /* @__PURE__ */ o("div", {
+		ref: i,
 		className: "rte-mermaid-container"
 	});
-}, S = ({ content: e }) => /* @__PURE__ */ a(l, {
-	remarkPlugins: [u, f],
-	rehypePlugins: [d],
+}, C = ({ content: e }) => /* @__PURE__ */ o(u, {
+	remarkPlugins: [d, p],
+	rehypePlugins: [f],
 	components: { code({ className: e, children: t, ...n }) {
 		let r = /language-(\w+)/.exec(e || "")?.[1], i = String(t).replace(/\n$/, "");
-		return r === "mermaid" ? /* @__PURE__ */ a(x, { code: i }) : r ? /* @__PURE__ */ a(s, {
-			style: c,
+		return r === "mermaid" ? /* @__PURE__ */ o(S, { code: i }) : r ? /* @__PURE__ */ o(c, {
+			style: l,
 			language: r,
 			PreTag: "div",
 			customStyle: {
@@ -66,51 +67,51 @@ var x = ({ code: e }) => {
 				margin: "0.5em 0"
 			},
 			children: i
-		}) : /* @__PURE__ */ a("code", {
+		}) : /* @__PURE__ */ o("code", {
 			className: e,
 			...n,
 			children: t
 		});
 	} },
 	children: e
-}), C = ({ node: i, editor: s, updateAttributes: c, selected: l }) => {
-	let u = v(s), [d, f] = r(!1), [p, m] = r(i.attrs.content || ""), g = n(null);
-	t(() => {
-		m(i.attrs.content || ""), f(!1);
-	}, [i.attrs.content, u]), t(() => {
-		d && g.current && (g.current.focus(), _(g.current));
+}), w = ({ node: e, editor: a, updateAttributes: c, selected: l }) => {
+	let u = y(a), [d, f] = i(!1), [p, m] = i(e.attrs.content || ""), h = r(null);
+	n(() => {
+		m(e.attrs.content || ""), f(!1);
+	}, [e.attrs.content, u]), n(() => {
+		d && h.current && (h.current.focus(), _(h.current));
 	}, [d]);
 	let _ = (e) => {
 		e.style.height = "auto", e.style.height = e.scrollHeight + "px";
-	}, y = e((e) => {
+	}, v = t((e) => {
 		m(e.target.value), _(e.target);
-	}, []), b = e(() => {
-		!s.isDestroyed && s.isEditable && c({ content: p }), f(!1);
+	}, []), b = t(() => {
+		!a.isDestroyed && a.isEditable && c({ content: p }), f(!1);
 	}, [
-		s,
+		a,
 		p,
 		c
-	]), x = e((e) => {
+	]), x = t((e) => {
 		e.key === "Escape" && b();
-	}, [b]), C = p || "# Markdown Block\n\nWrite your **markdown** here.\n\n```mermaid\ngraph LR\n    A[Start] --> B[End]\n```\n";
-	return /* @__PURE__ */ o(h, {
+	}, [b]), S = p || "# Markdown Block\n\nWrite your **markdown** here.\n\n```mermaid\ngraph LR\n    A[Start] --> B[End]\n```\n";
+	return /* @__PURE__ */ s(g, {
 		contentEditable: !1,
 		className: `rte-markdown-block ${l ? "rte-markdown-block--selected" : ""}`,
-		children: [/* @__PURE__ */ o("div", {
+		children: [/* @__PURE__ */ s("div", {
 			className: "rte-markdown-block__header",
-			children: [/* @__PURE__ */ a("span", {
+			children: [/* @__PURE__ */ o("span", {
 				className: "rte-markdown-block__label",
 				children: "Markdown"
-			}), /* @__PURE__ */ o("button", {
+			}), /* @__PURE__ */ s("button", {
 				type: "button",
 				className: `rte-markdown-block__toggle ${d ? "rte-markdown-block__toggle--active" : ""}`,
 				disabled: !u,
 				onMouseDown: (e) => e.preventDefault(),
 				onClick: () => {
-					!s.isDestroyed && s.isEditable && (d && c({ content: p }), f(!d));
+					!a.isDestroyed && a.isEditable && (d && c({ content: p }), f(!d));
 				},
 				title: d ? "Preview" : "Edit",
-				children: [d ? /* @__PURE__ */ o("svg", {
+				children: [d ? /* @__PURE__ */ s("svg", {
 					width: "14",
 					height: "14",
 					viewBox: "0 0 24 24",
@@ -119,12 +120,12 @@ var x = ({ code: e }) => {
 					strokeWidth: "2",
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
-					children: [/* @__PURE__ */ a("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }), /* @__PURE__ */ a("circle", {
+					children: [/* @__PURE__ */ o("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }), /* @__PURE__ */ o("circle", {
 						cx: "12",
 						cy: "12",
 						r: "3"
 					})]
-				}) : /* @__PURE__ */ o("svg", {
+				}) : /* @__PURE__ */ s("svg", {
 					width: "14",
 					height: "14",
 					viewBox: "0 0 24 24",
@@ -133,33 +134,33 @@ var x = ({ code: e }) => {
 					strokeWidth: "2",
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
-					children: [/* @__PURE__ */ a("path", { d: "M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7" }), /* @__PURE__ */ a("path", { d: "M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z" })]
-				}), /* @__PURE__ */ a("span", { children: d ? "Preview" : "Edit" })]
+					children: [/* @__PURE__ */ o("path", { d: "M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7" }), /* @__PURE__ */ o("path", { d: "M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z" })]
+				}), /* @__PURE__ */ o("span", { children: d ? "Preview" : "Edit" })]
 			})]
-		}), /* @__PURE__ */ a("div", {
+		}), /* @__PURE__ */ o("div", {
 			className: "rte-markdown-block__body",
-			children: d && u ? /* @__PURE__ */ a("textarea", {
-				ref: g,
+			children: d && u ? /* @__PURE__ */ o("textarea", {
+				ref: h,
 				className: "rte-markdown-block__editor",
 				value: p,
-				onChange: y,
+				onChange: v,
 				onBlur: b,
 				onKeyDown: x,
 				placeholder: "Enter Markdown content...",
 				rows: 5
-			}) : /* @__PURE__ */ a("div", {
+			}) : /* @__PURE__ */ o("div", {
 				className: "rte-markdown-block__preview prose",
 				onDoubleClick: () => {
-					!s.isDestroyed && s.isEditable && f(!0);
+					!a.isDestroyed && a.isEditable && f(!0);
 				},
-				children: C.trim() ? /* @__PURE__ */ a(S, { content: C }) : /* @__PURE__ */ a("p", {
+				children: S.trim() ? /* @__PURE__ */ o(C, { content: S }) : /* @__PURE__ */ o("p", {
 					className: "rte-markdown-block__placeholder",
 					children: "Double-click to edit Markdown content..."
 				})
 			})
 		})]
 	});
-}, w = m.create({
+}, T = h.create({
 	name: "markdownBlock",
 	group: "block",
 	atom: !0,
@@ -171,13 +172,13 @@ var x = ({ code: e }) => {
 		return [{ tag: "div[data-type=\"markdown-block\"]" }];
 	},
 	renderHTML({ HTMLAttributes: e }) {
-		return ["div", _(e, { "data-type": "markdown-block" })];
+		return ["div", v(e, { "data-type": "markdown-block" })];
 	},
 	addNodeView() {
-		return g(C);
+		return _(w);
 	}
 });
 //#endregion
-export { w as MarkdownBlockExtension, w as default, x as MermaidRenderer, v as useNodeEditable };
+export { T as MarkdownBlockExtension, T as default, S as MermaidRenderer, y as useNodeEditable };
 
 //# sourceMappingURL=MarkdownBlock.js.map

package/dist/components/pro/RichTextEditor/extensions/MarkdownBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownBlock.js","names":[],"sources":["../../../../../src/components/pro/RichTextEditor/extensions/MarkdownBlock.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback, useSyncExternalStore } from 'react';\nimport { Node, mergeAttributes } from '@tiptap/react';\nimport { NodeViewWrapper, ReactNodeViewRenderer } from '@tiptap/react';\nimport type { NodeViewProps } from '@tiptap/react';\nimport ReactMarkdown from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\nimport remarkMath from 'remark-math';\nimport rehypeKatex from 'rehype-katex';\n\nimport { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';\nimport { oneLight } from 'react-syntax-highlighter/dist/esm/styles/prism';\nimport mermaid from 'mermaid';\nimport 'katex/dist/katex.min.css';\n\nexport function useNodeEditable(editor: NodeViewProps['editor']) {\n  const subscribe = useCallback((notify: () => void) => {\n    // setEditable emits update, not transaction, in Tiptap 3.\n    editor.on('update', notify);\n    editor.on('transaction', notify);\n    editor.on('destroy', notify);\n    return () => {\n      editor.off('update', notify);\n      editor.off('transaction', notify);\n      editor.off('destroy', notify);\n    };\n  }, [editor]);\n  return useSyncExternalStore(subscribe, () => !editor.isDestroyed && editor.isEditable, () => false);\n}\n\nlet renderQueue: Promise<unknown> = Promise.resolve();\n\nfunction renderMermaid(id: string, code: string) {\n  const result = renderQueue.then(() => {\n    // Capture strict config when rendering starts, not before Mermaid's global queue runs.\n    mermaid.initialize({\n      startOnLoad: false,\n      theme: 'default',\n      securityLevel: 'strict',\n      suppressErrorRendering: true,\n      fontFamily: 'inherit',\n      flowchart: { useMaxWidth: true, htmlLabels: false },\n    });\n    return mermaid.mermaidAPI.render(id, code);\n  });\n  renderQueue = result.catch(() => undefined);\n  return result;\n}\n\nexport const MermaidRenderer: React.FC<{ code: string }> = ({ code }) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!containerRef.current) return;\n    containerRef.current.replaceChildren();\n    if (!code.trim()) return;\n\n    let cancelled = false;\n    const render = async () => {\n      try {\n        const id = `mermaid-md-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`;\n        const { svg } = await renderMermaid(id, code);\n        if (!cancelled && containerRef.current) {\n          containerRef.current.innerHTML = svg;\n        }\n      } catch (err) {\n        if (!cancelled && containerRef.current) {\n          containerRef.current.textContent = String(err);\n        }\n      }\n    };\n    render();\n    return () => { cancelled = true; };\n  }, [code]);\n\n  return <div ref={containerRef} className=\"rte-mermaid-container\" />;\n};\n\nconst MarkdownPreview: React.FC<{ content: string }> = ({ content }) => {\n  return (\n    <ReactMarkdown\n      remarkPlugins={[remarkGfm, remarkMath]}\n      rehypePlugins={[rehypeKatex]}\n      components={{\n        code({ className, children, ...props }) {\n          const match = /language-(\\w+)/.exec(className || '');\n          const lang = match?.[1];\n          const text = String(children).replace(/\\n$/, '');\n\n          if (lang === 'mermaid') {\n            return <MermaidRenderer code={text} />;\n          }\n\n          if (lang) {\n            return (\n              <SyntaxHighlighter\n                style={oneLight as Record<string, React.CSSProperties>}\n                language={lang}\n                PreTag=\"div\"\n                customStyle={{\n                  borderRadius: '0.5rem',\n                  fontSize: '0.875em',\n                  padding: '1em',\n                  margin: '0.5em 0',\n                }}\n              >\n                {text}\n              </SyntaxHighlighter>\n            );\n          }\n          return <code className={className} {...props}>{children}</code>;\n        },\n      }}\n    >\n      {content}\n    </ReactMarkdown>\n  );\n};\n\nconst MarkdownBlockView: React.FC<NodeViewProps> = ({\n  node,\n  editor,\n  updateAttributes,\n  selected,\n}) => {\n  const editable = useNodeEditable(editor);\n  const [isEditing, setIsEditing] = useState(false);\n  const [localContent, setLocalContent] = useState(node.attrs.content || '');\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n  useEffect(() => {\n    setLocalContent(node.attrs.content || '');\n    setIsEditing(false);\n  }, [node.attrs.content, editable]);\n\n  useEffect(() => {\n    if (isEditing && textareaRef.current) {\n      textareaRef.current.focus();\n      adjustTextareaHeight(textareaRef.current);\n    }\n  }, [isEditing]);\n\n  const adjustTextareaHeight = (el: HTMLTextAreaElement) => {\n    el.style.height = 'auto';\n    el.style.height = el.scrollHeight + 'px';\n  };\n\n  const handleChange = useCallback((e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    setLocalContent(e.target.value);\n    adjustTextareaHeight(e.target);\n  }, []);\n\n  const handleBlur = useCallback(() => {\n    if (!editor.isDestroyed && editor.isEditable) updateAttributes({ content: localContent });\n    setIsEditing(false);\n  }, [editor, localContent, updateAttributes]);\n\n  const handleKeyDown = useCallback((e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      handleBlur();\n    }\n  }, [handleBlur]);\n\n  const defaultContent = `# Markdown Block\n\nWrite your **markdown** here.\n\n\\`\\`\\`mermaid\ngraph LR\n    A[Start] --> B[End]\n\\`\\`\\`\n`;\n\n  const displayContent = localContent || defaultContent;\n\n  return (\n    <NodeViewWrapper contentEditable={false} className={`rte-markdown-block ${selected ? 'rte-markdown-block--selected' : ''}`}>\n      <div className=\"rte-markdown-block__header\">\n        <span className=\"rte-markdown-block__label\">Markdown</span>\n        <button\n          type=\"button\"\n          className={`rte-markdown-block__toggle ${isEditing ? 'rte-markdown-block__toggle--active' : ''}`}\n          disabled={!editable}\n          onMouseDown={(e) => e.preventDefault()}\n          onClick={() => {\n            if (editor.isDestroyed || !editor.isEditable) return;\n            if (isEditing) {\n              updateAttributes({ content: localContent });\n            }\n            setIsEditing(!isEditing);\n          }}\n          title={isEditing ? 'Preview' : 'Edit'}\n        >\n          {isEditing ? (\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n              <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" />\n              <circle cx=\"12\" cy=\"12\" r=\"3\" />\n            </svg>\n          ) : (\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n              <path d=\"M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7\" />\n              <path d=\"M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z\" />\n            </svg>\n          )}\n          <span>{isEditing ? 'Preview' : 'Edit'}</span>\n        </button>\n      </div>\n\n      <div className=\"rte-markdown-block__body\">\n        {isEditing && editable ? (\n          <textarea\n            ref={textareaRef}\n            className=\"rte-markdown-block__editor\"\n            value={localContent}\n            onChange={handleChange}\n            onBlur={handleBlur}\n            onKeyDown={handleKeyDown}\n            placeholder=\"Enter Markdown content...\"\n            rows={5}\n          />\n        ) : (\n          <div\n            className=\"rte-markdown-block__preview prose\"\n            onDoubleClick={() => { if (!editor.isDestroyed && editor.isEditable) setIsEditing(true); }}\n          >\n            {displayContent.trim() ? (\n              <MarkdownPreview content={displayContent} />\n            ) : (\n              <p className=\"rte-markdown-block__placeholder\">\n                Double-click to edit Markdown content...\n              </p>\n            )}\n          </div>\n        )}\n      </div>\n    </NodeViewWrapper>\n  );\n};\n\nexport const MarkdownBlockExtension = Node.create({\n  name: 'markdownBlock',\n  group: 'block',\n  atom: true,\n  draggable: true,\n\n  addAttributes() {\n    return {\n      content: {\n        default: '',\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'div[data-type=\"markdown-block\"]',\n      },\n    ];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return ['div', mergeAttributes(HTMLAttributes, { 'data-type': 'markdown-block' })];\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(MarkdownBlockView);\n  },\n});\n\nexport default MarkdownBlockExtension;\n"],"mappings":"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"}
+{"version":3,"file":"MarkdownBlock.js","names":[],"sources":["../../../../../src/components/pro/RichTextEditor/extensions/MarkdownBlock.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback, useSyncExternalStore } from 'react';\nimport { Node, mergeAttributes } from '@tiptap/react';\nimport { NodeViewWrapper, ReactNodeViewRenderer } from '@tiptap/react';\nimport type { NodeViewProps } from '@tiptap/react';\nimport ReactMarkdown from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\nimport remarkMath from 'remark-math';\nimport rehypeKatex from 'rehype-katex';\n\nimport { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';\nimport { oneLight } from 'react-syntax-highlighter/dist/esm/styles/prism';\nimport mermaid from 'mermaid';\nimport { normalizeLegacyMermaid } from './legacyMermaid';\nimport 'katex/dist/katex.min.css';\n\nexport function useNodeEditable(editor: NodeViewProps['editor']) {\n  const subscribe = useCallback((notify: () => void) => {\n    // setEditable emits update, not transaction, in Tiptap 3.\n    editor.on('update', notify);\n    editor.on('transaction', notify);\n    editor.on('destroy', notify);\n    return () => {\n      editor.off('update', notify);\n      editor.off('transaction', notify);\n      editor.off('destroy', notify);\n    };\n  }, [editor]);\n  return useSyncExternalStore(subscribe, () => !editor.isDestroyed && editor.isEditable, () => false);\n}\n\nlet renderQueue: Promise<unknown> = Promise.resolve();\n\nfunction renderMermaid(id: string, code: string) {\n  const result = renderQueue.then(() => {\n    // Capture strict config when rendering starts, not before Mermaid's global queue runs.\n    mermaid.initialize({\n      startOnLoad: false,\n      theme: 'default',\n      securityLevel: 'strict',\n      suppressErrorRendering: true,\n      fontFamily: 'inherit',\n      flowchart: { useMaxWidth: true, htmlLabels: false },\n    });\n    return mermaid.mermaidAPI.render(id, code);\n  });\n  renderQueue = result.catch(() => undefined);\n  return result;\n}\n\nexport const MermaidRenderer: React.FC<{ code: string }> = ({ code }) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!containerRef.current) return;\n    containerRef.current.replaceChildren();\n    if (!code.trim()) return;\n\n    let cancelled = false;\n    const render = async () => {\n      try {\n        const id = `mermaid-md-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`;\n        const { svg } = await renderMermaid(id, normalizeLegacyMermaid(code));\n        if (!cancelled && containerRef.current) {\n          containerRef.current.innerHTML = svg;\n        }\n      } catch (err) {\n        if (!cancelled && containerRef.current) {\n          containerRef.current.textContent = String(err);\n        }\n      }\n    };\n    render();\n    return () => { cancelled = true; };\n  }, [code]);\n\n  return <div ref={containerRef} className=\"rte-mermaid-container\" />;\n};\n\nconst MarkdownPreview: React.FC<{ content: string }> = ({ content }) => {\n  return (\n    <ReactMarkdown\n      remarkPlugins={[remarkGfm, remarkMath]}\n      rehypePlugins={[rehypeKatex]}\n      components={{\n        code({ className, children, ...props }) {\n          const match = /language-(\\w+)/.exec(className || '');\n          const lang = match?.[1];\n          const text = String(children).replace(/\\n$/, '');\n\n          if (lang === 'mermaid') {\n            return <MermaidRenderer code={text} />;\n          }\n\n          if (lang) {\n            return (\n              <SyntaxHighlighter\n                style={oneLight as Record<string, React.CSSProperties>}\n                language={lang}\n                PreTag=\"div\"\n                customStyle={{\n                  borderRadius: '0.5rem',\n                  fontSize: '0.875em',\n                  padding: '1em',\n                  margin: '0.5em 0',\n                }}\n              >\n                {text}\n              </SyntaxHighlighter>\n            );\n          }\n          return <code className={className} {...props}>{children}</code>;\n        },\n      }}\n    >\n      {content}\n    </ReactMarkdown>\n  );\n};\n\nconst MarkdownBlockView: React.FC<NodeViewProps> = ({\n  node,\n  editor,\n  updateAttributes,\n  selected,\n}) => {\n  const editable = useNodeEditable(editor);\n  const [isEditing, setIsEditing] = useState(false);\n  const [localContent, setLocalContent] = useState(node.attrs.content || '');\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n  useEffect(() => {\n    setLocalContent(node.attrs.content || '');\n    setIsEditing(false);\n  }, [node.attrs.content, editable]);\n\n  useEffect(() => {\n    if (isEditing && textareaRef.current) {\n      textareaRef.current.focus();\n      adjustTextareaHeight(textareaRef.current);\n    }\n  }, [isEditing]);\n\n  const adjustTextareaHeight = (el: HTMLTextAreaElement) => {\n    el.style.height = 'auto';\n    el.style.height = el.scrollHeight + 'px';\n  };\n\n  const handleChange = useCallback((e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    setLocalContent(e.target.value);\n    adjustTextareaHeight(e.target);\n  }, []);\n\n  const handleBlur = useCallback(() => {\n    if (!editor.isDestroyed && editor.isEditable) updateAttributes({ content: localContent });\n    setIsEditing(false);\n  }, [editor, localContent, updateAttributes]);\n\n  const handleKeyDown = useCallback((e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      handleBlur();\n    }\n  }, [handleBlur]);\n\n  const defaultContent = `# Markdown Block\n\nWrite your **markdown** here.\n\n\\`\\`\\`mermaid\ngraph LR\n    A[Start] --> B[End]\n\\`\\`\\`\n`;\n\n  const displayContent = localContent || defaultContent;\n\n  return (\n    <NodeViewWrapper contentEditable={false} className={`rte-markdown-block ${selected ? 'rte-markdown-block--selected' : ''}`}>\n      <div className=\"rte-markdown-block__header\">\n        <span className=\"rte-markdown-block__label\">Markdown</span>\n        <button\n          type=\"button\"\n          className={`rte-markdown-block__toggle ${isEditing ? 'rte-markdown-block__toggle--active' : ''}`}\n          disabled={!editable}\n          onMouseDown={(e) => e.preventDefault()}\n          onClick={() => {\n            if (editor.isDestroyed || !editor.isEditable) return;\n            if (isEditing) {\n              updateAttributes({ content: localContent });\n            }\n            setIsEditing(!isEditing);\n          }}\n          title={isEditing ? 'Preview' : 'Edit'}\n        >\n          {isEditing ? (\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n              <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" />\n              <circle cx=\"12\" cy=\"12\" r=\"3\" />\n            </svg>\n          ) : (\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n              <path d=\"M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7\" />\n              <path d=\"M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z\" />\n            </svg>\n          )}\n          <span>{isEditing ? 'Preview' : 'Edit'}</span>\n        </button>\n      </div>\n\n      <div className=\"rte-markdown-block__body\">\n        {isEditing && editable ? (\n          <textarea\n            ref={textareaRef}\n            className=\"rte-markdown-block__editor\"\n            value={localContent}\n            onChange={handleChange}\n            onBlur={handleBlur}\n            onKeyDown={handleKeyDown}\n            placeholder=\"Enter Markdown content...\"\n            rows={5}\n          />\n        ) : (\n          <div\n            className=\"rte-markdown-block__preview prose\"\n            onDoubleClick={() => { if (!editor.isDestroyed && editor.isEditable) setIsEditing(true); }}\n          >\n            {displayContent.trim() ? (\n              <MarkdownPreview content={displayContent} />\n            ) : (\n              <p className=\"rte-markdown-block__placeholder\">\n                Double-click to edit Markdown content...\n              </p>\n            )}\n          </div>\n        )}\n      </div>\n    </NodeViewWrapper>\n  );\n};\n\nexport const MarkdownBlockExtension = Node.create({\n  name: 'markdownBlock',\n  group: 'block',\n  atom: true,\n  draggable: true,\n\n  addAttributes() {\n    return {\n      content: {\n        default: '',\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'div[data-type=\"markdown-block\"]',\n      },\n    ];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return ['div', mergeAttributes(HTMLAttributes, { 'data-type': 'markdown-block' })];\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(MarkdownBlockView);\n  },\n});\n\nexport default MarkdownBlockExtension;\n"],"mappings":"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"}

package/dist/components/pro/RichTextEditor/extensions/legacyMermaid.d.ts

@@ -0,0 +1,2 @@
+/** Convert only explicit legacy headers. Unsupported syntax fails rather than changing meaning. */
+export declare function normalizeLegacyMermaid(source: string): string;

package/dist/components/pro/RichTextEditor/extensions/legacyMermaid.js

@@ -0,0 +1,96 @@
+//#region src/components/pro/RichTextEditor/extensions/legacyMermaid.ts
+function e(e) {
+	return Array.from(e, (e) => /[\p{L}\p{N} ,.!?_-]/u.test(e) ? e : `#${e.codePointAt(0)};`).join("");
+}
+function t(t) {
+	let n = t.split(/\r?\n/), r = n[0].trim();
+	if (r !== "flow" && r !== "seq") return t;
+	let i = (e, t) => {
+		throw Error(`Legacy ${r}, line ${e + 1}: ${t}`);
+	}, a = n.map((e, t) => ({
+		value: e.trim(),
+		line: t
+	})).slice(1).filter(({ value: e }) => e && !e.startsWith("#"));
+	if (a.length || i(0, "Empty diagram"), r === "seq") {
+		let t = /* @__PURE__ */ new Map(), n = (e, n) => (e = e.trim(), (!e || /[\r\n:<>]/.test(e)) && i(n, "Invalid participant name"), t.has(e) || t.set(e, `p${t.size}`), t.get(e)), r = [], o = {
+			"->": "->>",
+			"-->": "-->>",
+			"->>": "->",
+			"-->>": "-->"
+		};
+		for (let { value: t, line: s } of a) {
+			let a = /^Note\s+(right of|left of|over)\s+([^:]+):\s*(.*)$/i.exec(t);
+			if (a) {
+				let t = a[1].toLowerCase(), o = a[2].split(",");
+				o.length > (t === "over" ? 2 : 1) && i(s, "Unsupported note participants"), r.push(`Note ${t} ${o.map((e) => n(e, s)).join(",")}: ${e(a[3])}`);
+				continue;
+			}
+			let c = /^([^:<>]+?)(-->>|->>|-->|->)([^:<>]+):\s*(.*)$/.exec(t);
+			(!c || /[-]$/.test(c[1].trim())) && i(s, "Unsupported sequence statement or arrow"), r.push(`${n(c[1], s)}${o[c[2]]}${n(c[3], s)}: ${e(c[4])}`);
+		}
+		return [
+			"sequenceDiagram",
+			...Array.from(t, ([t, n]) => `participant ${n} as ${e(t)}`),
+			...r
+		].join("\n");
+	}
+	let o = /* @__PURE__ */ new Map(), s = [], c = [], l = {
+		start: ["([", "])"],
+		end: ["([", "])"],
+		operation: ["[", "]"],
+		condition: ["{", "}"],
+		inputoutput: ["[/", "/]"],
+		subroutine: ["[[", "]]"]
+	};
+	for (let { value: t, line: n } of a) {
+		if (!t.includes("=>")) continue;
+		let r = /^([A-Za-z_][\w]*)=>([a-z]+)(?::\s*(.*))?$/.exec(t);
+		(!r || !Object.hasOwn(l, r[2])) && i(n, "Unsupported node declaration/type");
+		let [, a, c, u] = r;
+		o.has(a) && i(n, `Duplicate node: ${a}`), u && /\||:>/.test(u) && i(n, "Node styles and links are unsupported");
+		let d = `n${o.size}`;
+		o.set(a, {
+			id: d,
+			type: c
+		});
+		let [f, p] = l[c];
+		s.push(`${d}${f}"${e(u ?? c)}"${p}`);
+	}
+	let u, d = {
+		right: "LR",
+		left: "RL",
+		top: "BT",
+		bottom: "TD"
+	};
+	for (let { value: e, line: t } of a) {
+		if (e.includes("=>")) continue;
+		let n = e.split("->");
+		n.length < 2 && i(t, "Unsupported flow statement");
+		let r = n.map((e) => {
+			let n = /^\s*([A-Za-z_][\w]*)(?:\(([^()]+)\))?\s*$/.exec(e);
+			return (!n || !o.has(n[1])) && i(t, "Invalid or undefined node reference"), {
+				node: o.get(n[1]),
+				options: n[2]?.split(",").map((e) => e.trim()) ?? []
+			};
+		});
+		for (let e = 0; e < r.length; e++) {
+			let { node: n, options: a } = r[e];
+			if (e === r.length - 1) {
+				a.length && i(t, "Options on a terminal reference are unsupported");
+				break;
+			}
+			let o, s;
+			for (let e of a) (e === "yes" || e === "no") && n.type === "condition" && !o ? o = e : Object.hasOwn(d, e) && !s ? s = d[e] : i(t, `Unsupported branch/direction: ${e}`);
+			s && (u && u !== s && i(t, "Mixed edge directions cannot be represented reliably"), u = s), c.push(`${n.id} -->${o ? `|${o}|` : ""} ${r[e + 1].node.id}`);
+		}
+	}
+	return o.size || i(0, "No node declarations"), [
+		`flowchart ${u ?? "TD"}`,
+		...s,
+		...c
+	].join("\n");
+}
+//#endregion
+export { t as normalizeLegacyMermaid };
+
+//# sourceMappingURL=legacyMermaid.js.map

package/dist/components/pro/RichTextEditor/extensions/legacyMermaid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"legacyMermaid.js","names":[],"sources":["../../../../../src/components/pro/RichTextEditor/extensions/legacyMermaid.ts"],"sourcesContent":["// Encode user text before embedding it in Mermaid syntax (including entity-like input).\nfunction text(value: string): string {\n  return Array.from(value, char => /[\\p{L}\\p{N} ,.!?_-]/u.test(char)\n    ? char : `#${char.codePointAt(0)};`).join('');\n}\n\n/** Convert only explicit legacy headers. Unsupported syntax fails rather than changing meaning. */\nexport function normalizeLegacyMermaid(source: string): string {\n  const lines = source.split(/\\r?\\n/);\n  const kind = lines[0].trim();\n  if (kind !== 'flow' && kind !== 'seq') return source;\n  const fail = (line: number, reason: string): never => {\n    throw new Error(`Legacy ${kind}, line ${line + 1}: ${reason}`);\n  };\n  const body = lines.map((value, line) => ({ value: value.trim(), line }))\n    .slice(1).filter(({ value }) => value && !value.startsWith('#'));\n  if (!body.length) fail(0, 'Empty diagram');\n\n  if (kind === 'seq') {\n    const actors = new Map<string, string>();\n    const actor = (name: string, line: number) => {\n      name = name.trim();\n      if (!name || /[\\r\\n:<>]/.test(name)) fail(line, 'Invalid participant name');\n      if (!actors.has(name)) actors.set(name, `p${actors.size}`);\n      return actors.get(name)!;\n    };\n    const output: string[] = [];\n    const arrows: Record<string, string> = { '->': '->>', '-->': '-->>', '->>': '->', '-->>': '-->' };\n    for (const { value, line } of body) {\n      const note = /^Note\\s+(right of|left of|over)\\s+([^:]+):\\s*(.*)$/i.exec(value);\n      if (note) {\n        const placement = note[1].toLowerCase();\n        const names = note[2].split(',');\n        if (names.length > (placement === 'over' ? 2 : 1)) fail(line, 'Unsupported note participants');\n        output.push(`Note ${placement} ${names.map(name => actor(name, line)).join(',')}: ${text(note[3])}`);\n        continue;\n      }\n      const message = /^([^:<>]+?)(-->>|->>|-->|->)([^:<>]+):\\s*(.*)$/.exec(value);\n      if (!message || /[-]$/.test(message[1].trim())) fail(line, 'Unsupported sequence statement or arrow');\n      output.push(`${actor(message![1], line)}${arrows[message![2]]}${actor(message![3], line)}: ${text(message![4])}`);\n    }\n    return ['sequenceDiagram', ...Array.from(actors, ([name, id]) => `participant ${id} as ${text(name)}`), ...output].join('\\n');\n  }\n\n  const nodes = new Map<string, { id: string; type: string }>();\n  const declarations: string[] = [];\n  const edges: string[] = [];\n  const shapes: Record<string, [string, string]> = {\n    start: ['([', '])'], end: ['([', '])'], operation: ['[', ']'],\n    condition: ['{', '}'], inputoutput: ['[/', '/]'], subroutine: ['[[', ']]'],\n  };\n  for (const { value, line } of body) {\n    if (!value.includes('=>')) continue;\n    const match = /^([A-Za-z_][\\w]*)=>([a-z]+)(?::\\s*(.*))?$/.exec(value);\n    if (!match || !Object.hasOwn(shapes, match[2])) fail(line, 'Unsupported node declaration/type');\n    const [, name, type, label] = match!;\n    if (nodes.has(name)) fail(line, `Duplicate node: ${name}`);\n    // flowchart.js uses these as state/link metadata, not literal label text.\n    if (label && /\\||:>/.test(label)) fail(line, 'Node styles and links are unsupported');\n    const id = `n${nodes.size}`;\n    nodes.set(name, { id, type });\n    const [open, close] = shapes[type];\n    declarations.push(`${id}${open}\"${text(label ?? type)}\"${close}`);\n  }\n  let direction: string | undefined;\n  const directions: Record<string, string> = { right: 'LR', left: 'RL', top: 'BT', bottom: 'TD' };\n  for (const { value, line } of body) {\n    if (value.includes('=>')) continue;\n    const parts = value.split('->');\n    if (parts.length < 2) fail(line, 'Unsupported flow statement');\n    const refs = parts.map(part => {\n      const match = /^\\s*([A-Za-z_][\\w]*)(?:\\(([^()]+)\\))?\\s*$/.exec(part);\n      if (!match || !nodes.has(match[1])) fail(line, 'Invalid or undefined node reference');\n      return { node: nodes.get(match![1])!, options: match![2]?.split(',').map(option => option.trim()) ?? [] };\n    });\n    for (let i = 0; i < refs.length; i++) {\n      const { node, options } = refs[i];\n      if (i === refs.length - 1) {\n        if (options.length) fail(line, 'Options on a terminal reference are unsupported');\n        break;\n      }\n      let branch: string | undefined;\n      let hint: string | undefined;\n      for (const option of options) {\n        if ((option === 'yes' || option === 'no') && node.type === 'condition' && !branch) branch = option;\n        else if (Object.hasOwn(directions, option) && !hint) hint = directions[option];\n        else fail(line, `Unsupported branch/direction: ${option}`);\n      }\n      if (hint) {\n        if (direction && direction !== hint) fail(line, 'Mixed edge directions cannot be represented reliably');\n        direction = hint;\n      }\n      edges.push(`${node.id} -->${branch ? `|${branch}|` : ''} ${refs[i + 1].node.id}`);\n    }\n  }\n  if (!nodes.size) fail(0, 'No node declarations');\n  return [`flowchart ${direction ?? 'TD'}`, ...declarations, ...edges].join('\\n');\n}\n"],"mappings":"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"}