dishui 0.0.72 → 0.0.73

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';\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,\n  deleteNode,\n  selected,\n}) => {\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    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) return;\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  }, [isFloat, attrs.x, attrs.y, updateAttributes]);\n\n  const onResizeStart = useCallback((e: React.MouseEvent) => {\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  }, [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 ? (\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={() => setEditingTitle(true)}>\n              {attrs.title || 'Dialog'}\n            </span>\n          )}\n\n          <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(); 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        <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  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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"}

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

@@ -1,6 +1,9 @@
 import { Extension as e } from "@tiptap/react";
 //#region src/components/pro/RichTextEditor/extensions/FontSize.ts
-var t = e.create({
+function t(e) {
+	return typeof e == "string" && /^(?:0|(?:\d+(?:\.\d+)?|\.\d+)(?:px|pt|pc|em|rem|ex|ch|%|vw|vh|vmin|vmax)|xx-small|x-small|small|medium|large|x-large|xx-large|xxx-large|smaller|larger|inherit|initial|unset|revert)$/i.test(e);
+}
+var n = e.create({
 	name: "fontSize",
 	addOptions() {
 		return { types: ["textStyle"] };
@@ -11,18 +14,18 @@ var t = e.create({
 			attributes: { fontSize: {
 				default: null,
 				parseHTML: (e) => e.style.fontSize?.replace(/['"]+/g, "") || null,
-				renderHTML: (e) => e.fontSize ? { style: `font-size: ${e.fontSize}` } : {}
+				renderHTML: (e) => t(e.fontSize) ? { style: `font-size: ${e.fontSize}` } : {}
 			} }
 		}];
 	},
 	addCommands() {
 		return {
-			setFontSize: (e) => ({ chain: t }) => t().setMark("textStyle", { fontSize: e }).run(),
-			unsetFontSize: () => ({ chain: e }) => e().setMark("textStyle", { fontSize: null }).removeEmptyTextStyle().run()
+			setFontSize: (e) => ({ chain: n, editor: r }) => !r.isEditable || !t(e) ? !1 : n().setMark("textStyle", { fontSize: e }).run(),
+			unsetFontSize: () => ({ chain: e, editor: t }) => t.isEditable ? e().setMark("textStyle", { fontSize: null }).removeEmptyTextStyle().run() : !1
 		};
 	}
 });
 //#endregion
-export { t as default };
+export { n as default };
 
 //# sourceMappingURL=FontSize.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FontSize.js","names":[],"sources":["../../../../../src/components/pro/RichTextEditor/extensions/FontSize.ts"],"sourcesContent":["import { Extension } from '@tiptap/react';\n\nexport type FontSizeOptions = {\n  types: string[];\n};\n\ndeclare module '@tiptap/react' {\n  interface Commands<ReturnType> {\n    fontSize: {\n      setFontSize: (size: string) => ReturnType;\n      unsetFontSize: () => ReturnType;\n    };\n  }\n}\n\nconst FontSize = Extension.create<FontSizeOptions>({\n  name: 'fontSize',\n\n  addOptions() {\n    return {\n      types: ['textStyle'],\n    };\n  },\n\n  addGlobalAttributes() {\n    return [\n      {\n        types: this.options.types,\n        attributes: {\n          fontSize: {\n            default: null,\n            parseHTML: (element) => element.style.fontSize?.replace(/['\"]+/g, '') || null,\n            renderHTML: (attributes) => {\n              if (!attributes.fontSize) return {};\n              return { style: `font-size: ${attributes.fontSize}` };\n            },\n          },\n        },\n      },\n    ];\n  },\n\n  addCommands() {\n    return {\n      setFontSize:\n        (fontSize: string) =>\n        ({ chain }) => {\n          return chain().setMark('textStyle', { fontSize }).run();\n        },\n      unsetFontSize:\n        () =>\n        ({ chain }) => {\n          return chain().setMark('textStyle', { fontSize: null }).removeEmptyTextStyle().run();\n        },\n    };\n  },\n});\n\nexport default FontSize;\n"],"mappings":";;AAeA,IAAM,IAAW,EAAU,OAAwB;CACjD,MAAM;CAEN,aAAa;EACX,OAAO,EACL,OAAO,CAAC,WAAW,EACrB;CACF;CAEA,sBAAsB;EACpB,OAAO,CACL;GACE,OAAO,KAAK,QAAQ;GACpB,YAAY,EACV,UAAU;IACR,SAAS;IACT,YAAY,MAAY,EAAQ,MAAM,UAAU,QAAQ,UAAU,EAAE,KAAK;IACzE,aAAa,MACN,EAAW,WACT,EAAE,OAAO,cAAc,EAAW,WAAW,IADnB,CAAC;GAGtC,EACF;EACF,CACF;CACF;CAEA,cAAc;EACZ,OAAO;GACL,cACG,OACA,EAAE,eACM,EAAM,CAAC,CAAC,QAAQ,aAAa,EAAE,YAAS,CAAC,CAAC,CAAC,IAAI;GAE1D,sBAEG,EAAE,eACM,EAAM,CAAC,CAAC,QAAQ,aAAa,EAAE,UAAU,KAAK,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,IAAI;EAEzF;CACF;AACF,CAAC"}
+{"version":3,"file":"FontSize.js","names":[],"sources":["../../../../../src/components/pro/RichTextEditor/extensions/FontSize.ts"],"sourcesContent":["import { Extension } from '@tiptap/react';\n\nexport type FontSizeOptions = {\n  types: string[];\n};\n\ndeclare module '@tiptap/react' {\n  interface Commands<ReturnType> {\n    fontSize: {\n      setFontSize: (size: string) => ReturnType;\n      unsetFontSize: () => ReturnType;\n    };\n  }\n}\n\nfunction isFontSize(value: unknown): value is string {\n  return typeof value === 'string' && /^(?:0|(?:\\d+(?:\\.\\d+)?|\\.\\d+)(?:px|pt|pc|em|rem|ex|ch|%|vw|vh|vmin|vmax)|xx-small|x-small|small|medium|large|x-large|xx-large|xxx-large|smaller|larger|inherit|initial|unset|revert)$/i.test(value);\n}\n\nconst FontSize = Extension.create<FontSizeOptions>({\n  name: 'fontSize',\n\n  addOptions() {\n    return {\n      types: ['textStyle'],\n    };\n  },\n\n  addGlobalAttributes() {\n    return [\n      {\n        types: this.options.types,\n        attributes: {\n          fontSize: {\n            default: null,\n            parseHTML: (element) => element.style.fontSize?.replace(/['\"]+/g, '') || null,\n            renderHTML: (attributes) => {\n              if (!isFontSize(attributes.fontSize)) return {};\n              return { style: `font-size: ${attributes.fontSize}` };\n            },\n          },\n        },\n      },\n    ];\n  },\n\n  addCommands() {\n    return {\n      setFontSize:\n        (fontSize: string) =>\n        ({ chain, editor }) => {\n          if (!editor.isEditable || !isFontSize(fontSize)) return false;\n          return chain().setMark('textStyle', { fontSize }).run();\n        },\n      unsetFontSize:\n        () =>\n        ({ chain, editor }) => {\n          if (!editor.isEditable) return false;\n          return chain().setMark('textStyle', { fontSize: null }).removeEmptyTextStyle().run();\n        },\n    };\n  },\n});\n\nexport default FontSize;\n"],"mappings":";;AAeA,SAAS,EAAW,GAAiC;CACnD,OAAO,OAAO,KAAU,YAAY,yLAAyL,KAAK,CAAK;AACzO;AAEA,IAAM,IAAW,EAAU,OAAwB;CACjD,MAAM;CAEN,aAAa;EACX,OAAO,EACL,OAAO,CAAC,WAAW,EACrB;CACF;CAEA,sBAAsB;EACpB,OAAO,CACL;GACE,OAAO,KAAK,QAAQ;GACpB,YAAY,EACV,UAAU;IACR,SAAS;IACT,YAAY,MAAY,EAAQ,MAAM,UAAU,QAAQ,UAAU,EAAE,KAAK;IACzE,aAAa,MACN,EAAW,EAAW,QAAQ,IAC5B,EAAE,OAAO,cAAc,EAAW,WAAW,IADP,CAAC;GAGlD,EACF;EACF,CACF;CACF;CAEA,cAAc;EACZ,OAAO;GACL,cACG,OACA,EAAE,UAAO,gBACJ,CAAC,EAAO,cAAc,CAAC,EAAW,CAAQ,IAAU,KACjD,EAAM,CAAC,CAAC,QAAQ,aAAa,EAAE,YAAS,CAAC,CAAC,CAAC,IAAI;GAE1D,sBAEG,EAAE,UAAO,gBACH,EAAO,aACL,EAAM,CAAC,CAAC,QAAQ,aAAa,EAAE,UAAU,KAAK,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,IAAI,IADpD;EAGrC;CACF;AACF,CAAC"}

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

@@ -1,3 +1,9 @@
+import React from 'react';
 import { Node } from '@tiptap/react';
+import type { NodeViewProps } from '@tiptap/react';
+export declare function useNodeEditable(editor: NodeViewProps['editor']): boolean;
+export declare const MermaidRenderer: React.FC<{
+    code: string;
+}>;
 export declare const MarkdownBlockExtension: Node<any, any>;
 export default MarkdownBlockExtension;

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

@@ -1,56 +1,62 @@
-import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Prism as o } from "react-syntax-highlighter";
-import { oneLight as s } from "react-syntax-highlighter/dist/esm/styles/prism";
-import c from "react-markdown";
-import l from "remark-gfm";
-import u from "rehype-katex";
-import d from "rehype-raw";
+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 "katex/dist/katex.min.css";
 import { Node as m, NodeViewWrapper as h, ReactNodeViewRenderer as g, mergeAttributes as _ } from "@tiptap/react";
 //#region src/components/pro/RichTextEditor/extensions/MarkdownBlock.tsx
-var v = !1;
-function y() {
-	v ||= (p.initialize({
+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);
+}
+var y = Promise.resolve();
+function b(e, t) {
+	let n = y.then(() => (p.initialize({
 		startOnLoad: !1,
 		theme: "default",
-		securityLevel: "loose",
+		securityLevel: "strict",
+		suppressErrorRendering: !0,
 		fontFamily: "inherit",
 		flowchart: {
 			useMaxWidth: !0,
-			htmlLabels: !0
+			htmlLabels: !1
 		}
-	}), !0);
+	}), p.mermaidAPI.render(e, t)));
+	return y = n.catch(() => void 0), n;
 }
-var b = ({ code: e }) => {
+var x = ({ code: e }) => {
 	let r = n(null);
 	return t(() => {
-		if (!e.trim() || !r.current) return;
-		y();
+		if (!r.current || (r.current.replaceChildren(), !e.trim())) return;
 		let t = !1;
 		return (async () => {
 			try {
-				let n = `mermaid-md-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`, { svg: i } = await p.render(n, e);
-				!t && r.current && (r.current.innerHTML = i);
+				let { svg: n } = await b(`mermaid-md-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`, e);
+				!t && r.current && (r.current.innerHTML = n);
 			} catch (e) {
-				!t && r.current && (r.current.innerHTML = `<pre style="color:red;font-size:12px;">${String(e)}</pre>`);
+				!t && r.current && (r.current.textContent = String(e));
 			}
 		})(), () => {
 			t = !0;
 		};
-	}, [e]), /* @__PURE__ */ i("div", {
+	}, [e]), /* @__PURE__ */ a("div", {
 		ref: r,
 		className: "rte-mermaid-container"
 	});
-}, x = ({ content: e }) => /* @__PURE__ */ i(c, {
-	remarkPlugins: [l, f],
-	rehypePlugins: [u, d],
+}, S = ({ content: e }) => /* @__PURE__ */ a(l, {
+	remarkPlugins: [u, f],
+	rehypePlugins: [d],
 	components: { code({ className: e, children: t, ...n }) {
-		let r = /language-(\w+)/.exec(e || "")?.[1], a = String(t).replace(/\n$/, "");
-		return r === "mermaid" ? /* @__PURE__ */ i(b, { code: a }) : r ? /* @__PURE__ */ i(o, {
-			style: s,
+		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,
 			language: r,
 			PreTag: "div",
 			customStyle: {
@@ -59,45 +65,52 @@ var b = ({ code: e }) => {
 				padding: "1em",
 				margin: "0.5em 0"
 			},
-			children: a
-		}) : /* @__PURE__ */ i("code", {
+			children: i
+		}) : /* @__PURE__ */ a("code", {
 			className: e,
 			...n,
 			children: t
 		});
 	} },
 	children: e
-}), S = ({ node: o, updateAttributes: s, selected: c }) => {
-	let [l, u] = r(!1), [d, f] = r(o.attrs.content || ""), p = n(null);
+}), 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(() => {
-		f(o.attrs.content || "");
-	}, [o.attrs.content]), t(() => {
-		l && p.current && (p.current.focus(), m(p.current));
-	}, [l]);
-	let m = (e) => {
+		m(i.attrs.content || ""), f(!1);
+	}, [i.attrs.content, u]), t(() => {
+		d && g.current && (g.current.focus(), _(g.current));
+	}, [d]);
+	let _ = (e) => {
 		e.style.height = "auto", e.style.height = e.scrollHeight + "px";
-	}, g = e((e) => {
-		f(e.target.value), m(e.target);
-	}, []), _ = e(() => {
-		s({ content: d }), u(!1);
-	}, [d, s]), v = e((e) => {
-		e.key === "Escape" && (s({ content: d }), u(!1));
-	}, [d, s]), y = d || "# Markdown Block\n\nWrite your **markdown** here.\n\n```mermaid\ngraph LR\n    A[Start] --> B[End]\n```\n";
-	return /* @__PURE__ */ a(h, {
-		className: `rte-markdown-block ${c ? "rte-markdown-block--selected" : ""}`,
-		children: [/* @__PURE__ */ a("div", {
+	}, y = e((e) => {
+		m(e.target.value), _(e.target);
+	}, []), b = e(() => {
+		!s.isDestroyed && s.isEditable && c({ content: p }), f(!1);
+	}, [
+		s,
+		p,
+		c
+	]), x = e((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, {
+		contentEditable: !1,
+		className: `rte-markdown-block ${l ? "rte-markdown-block--selected" : ""}`,
+		children: [/* @__PURE__ */ o("div", {
 			className: "rte-markdown-block__header",
-			children: [/* @__PURE__ */ i("span", {
+			children: [/* @__PURE__ */ a("span", {
 				className: "rte-markdown-block__label",
 				children: "Markdown"
-			}), /* @__PURE__ */ a("button", {
+			}), /* @__PURE__ */ o("button", {
 				type: "button",
-				className: `rte-markdown-block__toggle ${l ? "rte-markdown-block__toggle--active" : ""}`,
+				className: `rte-markdown-block__toggle ${d ? "rte-markdown-block__toggle--active" : ""}`,
+				disabled: !u,
+				onMouseDown: (e) => e.preventDefault(),
 				onClick: () => {
-					l && s({ content: d }), u(!l);
+					!s.isDestroyed && s.isEditable && (d && c({ content: p }), f(!d));
 				},
-				title: l ? "Preview" : "Edit",
-				children: [l ? /* @__PURE__ */ a("svg", {
+				title: d ? "Preview" : "Edit",
+				children: [d ? /* @__PURE__ */ o("svg", {
 					width: "14",
 					height: "14",
 					viewBox: "0 0 24 24",
@@ -106,12 +119,12 @@ var b = ({ code: e }) => {
 					strokeWidth: "2",
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
-					children: [/* @__PURE__ */ i("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }), /* @__PURE__ */ i("circle", {
+					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", {
 						cx: "12",
 						cy: "12",
 						r: "3"
 					})]
-				}) : /* @__PURE__ */ a("svg", {
+				}) : /* @__PURE__ */ o("svg", {
 					width: "14",
 					height: "14",
 					viewBox: "0 0 24 24",
@@ -120,31 +133,33 @@ var b = ({ code: e }) => {
 					strokeWidth: "2",
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
-					children: [/* @__PURE__ */ i("path", { d: "M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7" }), /* @__PURE__ */ i("path", { d: "M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z" })]
-				}), /* @__PURE__ */ i("span", { children: l ? "Preview" : "Edit" })]
+					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" })]
 			})]
-		}), /* @__PURE__ */ i("div", {
+		}), /* @__PURE__ */ a("div", {
 			className: "rte-markdown-block__body",
-			children: l ? /* @__PURE__ */ i("textarea", {
-				ref: p,
+			children: d && u ? /* @__PURE__ */ a("textarea", {
+				ref: g,
 				className: "rte-markdown-block__editor",
-				value: d,
-				onChange: g,
-				onBlur: _,
-				onKeyDown: v,
+				value: p,
+				onChange: y,
+				onBlur: b,
+				onKeyDown: x,
 				placeholder: "Enter Markdown content...",
 				rows: 5
-			}) : /* @__PURE__ */ i("div", {
+			}) : /* @__PURE__ */ a("div", {
 				className: "rte-markdown-block__preview prose",
-				onDoubleClick: () => u(!0),
-				children: y.trim() ? /* @__PURE__ */ i(x, { content: y }) : /* @__PURE__ */ i("p", {
+				onDoubleClick: () => {
+					!s.isDestroyed && s.isEditable && f(!0);
+				},
+				children: C.trim() ? /* @__PURE__ */ a(S, { content: C }) : /* @__PURE__ */ a("p", {
 					className: "rte-markdown-block__placeholder",
 					children: "Double-click to edit Markdown content..."
 				})
 			})
 		})]
 	});
-}, C = m.create({
+}, w = m.create({
 	name: "markdownBlock",
 	group: "block",
 	atom: !0,
@@ -156,17 +171,13 @@ var b = ({ code: e }) => {
 		return [{ tag: "div[data-type=\"markdown-block\"]" }];
 	},
 	renderHTML({ HTMLAttributes: e }) {
-		return [
-			"div",
-			_(e, { "data-type": "markdown-block" }),
-			0
-		];
+		return ["div", _(e, { "data-type": "markdown-block" })];
 	},
 	addNodeView() {
-		return g(S);
+		return g(C);
 	}
 });
 //#endregion
-export { C as MarkdownBlockExtension, C as default };
+export { w as MarkdownBlockExtension, w as default, x as MermaidRenderer, v 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 } 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';\nimport rehypeRaw from 'rehype-raw';\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\nlet mermaidInitialized = false;\n\nfunction initMermaid() {\n  if (!mermaidInitialized) {\n    mermaid.initialize({\n      startOnLoad: false,\n      theme: 'default',\n      securityLevel: 'loose',\n      fontFamily: 'inherit',\n      flowchart: { useMaxWidth: true, htmlLabels: true },\n    });\n    mermaidInitialized = true;\n  }\n}\n\nconst MermaidRenderer: React.FC<{ code: string }> = ({ code }) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!code.trim() || !containerRef.current) return;\n    initMermaid();\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 mermaid.render(id, code);\n        if (!cancelled && containerRef.current) {\n          containerRef.current.innerHTML = svg;\n        }\n      } catch (err) {\n        if (!cancelled && containerRef.current) {\n          containerRef.current.innerHTML = `<pre style=\"color:red;font-size:12px;\">${String(err)}</pre>`;\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, rehypeRaw]}\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  updateAttributes,\n  selected,\n}) => {\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  }, [node.attrs.content]);\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    updateAttributes({ content: localContent });\n    setIsEditing(false);\n  }, [localContent, updateAttributes]);\n\n  const handleKeyDown = useCallback((e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      updateAttributes({ content: localContent });\n      setIsEditing(false);\n    }\n  }, [localContent, updateAttributes]);\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 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          onClick={() => {\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 ? (\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={() => 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' }), 0];\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 '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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"}

package/dist/components/pro/RichTextEditor/searchUtils.d.ts

@@ -0,0 +1,23 @@
+import type { Editor } from '@tiptap/core';
+import type { Node } from '@tiptap/pm/model';
+import { Plugin, PluginKey } from '@tiptap/pm/state';
+export interface SearchMatch {
+    from: number;
+    to: number;
+}
+export interface SearchState {
+    query: string;
+    caseSensitive: boolean;
+    matches: SearchMatch[];
+    active: number;
+}
+export declare function bindSearchShortcuts(editor: Editor, options: {
+    contains: (target: globalThis.Node) => boolean;
+    isOpen: () => boolean;
+    open: () => void;
+    close: () => void;
+}): () => void;
+export declare function findSearchMatches(doc: Node, query: string, caseSensitive?: boolean): SearchMatch[];
+export declare function createSearchPlugin(key: PluginKey<SearchState>): Plugin<SearchState>;
+export declare function navigateSearch(editor: Editor, key: PluginKey<SearchState>, direction: number): void;
+export declare function replaceSearch(editor: Editor, key: PluginKey<SearchState>, replacement: string, all?: boolean): boolean;