dishui 0.0.64 → 0.0.66

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

@@ -1 +1 @@
-{"version":3,"file":"CodeBlockView.js","names":[],"sources":["../../../../../src/components/pro/RichTextEditor/extensions/CodeBlockView.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport { Node, mergeAttributes, textblockTypeInputRule } from '@tiptap/react';\nimport { Plugin, PluginKey } from '@tiptap/pm/state';\nimport { NodeViewWrapper, NodeViewContent, ReactNodeViewRenderer } from '@tiptap/react';\nimport type { NodeViewProps } from '@tiptap/react';\nimport { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';\nimport { oneLight } from 'react-syntax-highlighter/dist/esm/styles/prism';\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 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-cb-${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:#ef4444;font-size:12px;padding:8px;\">${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 KatexRenderer: React.FC<{ code: string }> = ({ code }) => {\n  const wrapped = code.includes('$$') ? code : `$$\\n${code}\\n$$`;\n  return (\n    <ReactMarkdown\n      remarkPlugins={[remarkMath]}\n      rehypePlugins={[rehypeKatex]}\n    >\n      {wrapped}\n    </ReactMarkdown>\n  );\n};\n\nconst MarkdownRenderer: React.FC<{ code: string }> = ({ code }) => {\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') return <MermaidRenderer code={text} />;\n\n          if (lang) {\n            return (\n              <SyntaxHighlighter\n                style={oneLight as Record<string, React.CSSProperties>}\n                language={lang}\n                PreTag=\"div\"\n                customStyle={{ borderRadius: '0.5rem', fontSize: '0.875em', padding: '1em', margin: '0.5em 0' }}\n              >\n                {text}\n              </SyntaxHighlighter>\n            );\n          }\n          return <code className={className} {...props}>{children}</code>;\n        },\n      }}\n    >\n      {code}\n    </ReactMarkdown>\n  );\n};\n\nconst RENDER_LANGUAGES = ['r-markdown', 'r-mermaid', 'r-math'];\n\nconst HIGHLIGHT_LANGUAGES = [\n  '', 'javascript', 'typescript', 'python', 'rust', 'go', 'java', 'c', 'cpp',\n  'csharp', 'ruby', 'php', 'swift', 'kotlin', 'sql', 'bash', 'shell',\n  'html', 'css', 'json', 'yaml', 'toml', 'xml', 'markdown', 'mermaid', 'math',\n  'docker', 'graphql', 'latex', 'tex',\n];\n\nconst ALL_LANGUAGES = [...HIGHLIGHT_LANGUAGES, ...RENDER_LANGUAGES];\n\nfunction isRenderLang(lang: string): boolean {\n  return RENDER_LANGUAGES.includes(lang);\n}\n\nfunction highlightLang(lang: string): string {\n  if (lang === 'math' || lang === 'latex' || lang === 'tex') return 'latex';\n  return lang;\n}\n\nconst CodeBlockNodeView: React.FC<NodeViewProps> = ({\n  node,\n  updateAttributes,\n}) => {\n  const language = node.attrs.language || '';\n  const textContent = node.textContent;\n  const hasLanguage = !!language;\n  const isRenderable = isRenderLang(language);\n\n  const [isEditing, setIsEditing] = useState(true);\n\n  useEffect(() => {\n    if (!hasLanguage) setIsEditing(true);\n  }, [language, hasLanguage]);\n\n  const editIcon = (\n    <svg width=\"12\" height=\"12\" 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  const previewIcon = (\n    <svg width=\"12\" height=\"12\" 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\n  const renderPreview = () => {\n    if (language === 'r-mermaid') {\n      return textContent.trim()\n        ? <MermaidRenderer code={textContent} />\n        : <p className=\"rte-codeblock__placeholder\">Enter mermaid diagram code...</p>;\n    }\n    if (language === 'r-math') {\n      return textContent.trim()\n        ? <KatexRenderer code={textContent} />\n        : <p className=\"rte-codeblock__placeholder\">Enter KaTeX math formula...</p>;\n    }\n    if (language === 'r-markdown') {\n      return textContent.trim()\n        ? <MarkdownRenderer code={textContent} />\n        : <p className=\"rte-codeblock__placeholder\">Enter Markdown content...</p>;\n    }\n    return null;\n  };\n\n  const displayLabel = language.startsWith('r-') ? language.slice(2) + ' (render)' : language || 'plain text';\n\n  return (\n    <NodeViewWrapper className={`rte-codeblock-wrapper ${!isEditing && hasLanguage ? 'rte-codeblock-wrapper--preview' : ''}`}>\n      {isEditing ? (\n        <>\n          <div className=\"rte-codeblock__header\">\n            <select\n              className=\"rte-codeblock__lang-select\"\n              value={language}\n              onChange={(e) => {\n                updateAttributes({ language: e.target.value });\n                if (!e.target.value) setIsEditing(true);\n              }}\n              contentEditable={false}\n            >\n              <option value=\"\">Plain text</option>\n              <optgroup label=\"Syntax Highlight\">\n                {HIGHLIGHT_LANGUAGES.filter(Boolean).map((lang) => (\n                  <option key={lang} value={lang}>{lang}</option>\n                ))}\n              </optgroup>\n              <optgroup label=\"Live Render\">\n                {RENDER_LANGUAGES.map((lang) => (\n                  <option key={lang} value={lang}>{lang}</option>\n                ))}\n              </optgroup>\n            </select>\n            {hasLanguage && (\n              <button\n                type=\"button\"\n                className=\"rte-codeblock__preview-btn\"\n                onClick={() => setIsEditing(false)}\n                contentEditable={false}\n              >\n                {previewIcon} Preview\n              </button>\n            )}\n          </div>\n          <pre className=\"rte-codeblock__editable-pre\">\n            <NodeViewContent as={'code' as any} />\n          </pre>\n        </>\n      ) : isRenderable ? (\n        <div\n          className=\"rte-codeblock__render-preview\"\n          contentEditable={false}\n          onDoubleClick={() => setIsEditing(true)}\n        >\n          <div className=\"rte-codeblock__preview-toolbar\" contentEditable={false}>\n            <span className=\"rte-codeblock__preview-label\">{displayLabel}</span>\n            <button\n              type=\"button\"\n              className=\"rte-codeblock__preview-edit-btn\"\n              onClick={() => setIsEditing(true)}\n            >\n              {editIcon} Edit\n            </button>\n          </div>\n          <div className=\"rte-codeblock__render-body\">\n            {renderPreview()}\n          </div>\n        </div>\n      ) : (\n        <div\n          className=\"rte-codeblock__syntax-preview\"\n          contentEditable={false}\n          onDoubleClick={() => setIsEditing(true)}\n        >\n          <div className=\"rte-codeblock__preview-toolbar\" contentEditable={false}>\n            <span className=\"rte-codeblock__preview-label\">{displayLabel}</span>\n            <button\n              type=\"button\"\n              className=\"rte-codeblock__preview-edit-btn\"\n              onClick={() => setIsEditing(true)}\n            >\n              {editIcon} Edit\n            </button>\n          </div>\n          <SyntaxHighlighter\n            style={oneLight as Record<string, React.CSSProperties>}\n            language={highlightLang(language)}\n            PreTag=\"div\"\n            customStyle={{\n              borderRadius: '0 0 0.5rem 0.5rem',\n              fontSize: '0.875em',\n              padding: '1em',\n              margin: '0',\n            }}\n          >\n            {textContent || ' '}\n          </SyntaxHighlighter>\n        </div>\n      )}\n    </NodeViewWrapper>\n  );\n};\n\nconst backtickInputRegex = /^```([a-z-]*)[\\s\\n]$/;\nconst tildeInputRegex = /^~~~([a-z-]*)[\\s\\n]$/;\nconst tableShortcutRegex = /^(?:```|~~~)table(?:(\\d+)[x×X\\*](\\d+))?\\s?$/;\n\nexport const CodeBlockExtension = Node.create({\n  name: 'codeBlock',\n  group: 'block',\n  content: 'text*',\n  marks: '',\n  code: true,\n  defining: true,\n\n  addAttributes() {\n    return {\n      language: {\n        default: null,\n        parseHTML: (element) => {\n          const classAttr = element.querySelector('code')?.className ||\n                            element.className || '';\n          const match = /language-([\\w-]+)/.exec(classAttr);\n          return match?.[1] || element.getAttribute('data-language') || null;\n        },\n        renderHTML: (attributes) => {\n          if (!attributes.language) return {};\n          return { 'data-language': attributes.language };\n        },\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'pre',\n        preserveWhitespace: 'full',\n      },\n    ];\n  },\n\n  renderHTML({ node, HTMLAttributes }) {\n    return [\n      'pre',\n      mergeAttributes(HTMLAttributes, { 'data-language': node.attrs.language }),\n      ['code', { class: node.attrs.language ? `language-${node.attrs.language}` : undefined }, 0],\n    ];\n  },\n\n  addInputRules() {\n    return [\n      textblockTypeInputRule({\n        find: backtickInputRegex,\n        type: this.type,\n        getAttributes: (match) => {\n          if (match[1]?.startsWith('table')) return false;\n          return { language: match[1] || null };\n        },\n      }),\n      textblockTypeInputRule({\n        find: tildeInputRegex,\n        type: this.type,\n        getAttributes: (match) => {\n          if (match[1]?.startsWith('table')) return false;\n          return { language: match[1] || null };\n        },\n      }),\n    ];\n  },\n\n  addProseMirrorPlugins() {\n    const editorRef = this.editor;\n    return [\n      new Plugin({\n        key: new PluginKey('tableShortcut'),\n        props: {\n          handleTextInput(view, from, to, text) {\n            if (text !== ' ') return false;\n            const { state } = view;\n            const $from = state.doc.resolve(from);\n            const blockStart = $from.start();\n            const textBefore = state.doc.textBetween(blockStart, from, '\\0');\n            const full = textBefore + ' ';\n            const m = tableShortcutRegex.exec(full);\n            if (!m) return false;\n\n            const rows = Math.min(Math.max(parseInt(m[1], 10) || 3, 1), 20);\n            const cols = Math.min(Math.max(parseInt(m[2], 10) || 3, 1), 20);\n            dispatchTable(view, blockStart, to, rows, cols);\n            return true;\n          },\n          handleKeyDown(view, event) {\n            if (event.key !== 'Enter') return false;\n            const { state } = view;\n            const { $from } = state.selection;\n            if (!$from.parent.isTextblock) return false;\n            const blockStart = $from.start();\n            const textBefore = state.doc.textBetween(blockStart, $from.pos, '\\0');\n            const m = tableShortcutRegex.exec(textBefore);\n            if (!m) return false;\n\n            event.preventDefault();\n            const rows = Math.min(Math.max(parseInt(m[1], 10) || 3, 1), 20);\n            const cols = Math.min(Math.max(parseInt(m[2], 10) || 3, 1), 20);\n            dispatchTable(view, blockStart, $from.pos, rows, cols);\n            return true;\n          },\n        },\n      }),\n    ];\n\n    function dispatchTable(view: typeof editorRef.view, from: number, to: number, rows: number, cols: number) {\n      const { state } = view;\n      const $from = state.doc.resolve(from);\n      const blockNode = $from.parent;\n      const blockPos = $from.before();\n\n      const tableType = state.schema.nodes.table;\n      const rowType = state.schema.nodes.tableRow;\n      const headerType = state.schema.nodes.tableHeader;\n      const cellType = state.schema.nodes.tableCell;\n      if (!tableType || !rowType || !cellType) return;\n\n      const emptyParagraph = state.schema.nodes.paragraph.create();\n      const buildRow = (isHeader: boolean) => {\n        const type = isHeader && headerType ? headerType : cellType;\n        const cells = Array.from({ length: cols }, () => type.create(null, emptyParagraph));\n        return rowType.create(null, cells);\n      };\n\n      const tableRows = [\n        buildRow(true),\n        ...Array.from({ length: rows - 1 }, () => buildRow(false)),\n      ];\n      const table = tableType.create(null, tableRows);\n      const tr = state.tr.replaceWith(blockPos, blockPos + blockNode.nodeSize, table);\n      view.dispatch(tr);\n    }\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      'Mod-Alt-c': () => this.editor.commands.toggleNode('codeBlock', 'paragraph'),\n      Tab: ({ editor }) => {\n        if (editor.isActive('codeBlock')) {\n          editor.commands.insertContent('\\t');\n          return true;\n        }\n        return false;\n      },\n      Enter: ({ editor }) => {\n        if (!editor.isActive('codeBlock')) return false;\n        editor.commands.newlineInCode();\n        return true;\n      },\n      ArrowDown: ({ editor }) => {\n        if (!editor.isActive('codeBlock')) return false;\n        const { $from } = editor.state.selection;\n        const isAtEnd = $from.parentOffset === $from.parent.content.size;\n        if (!isAtEnd) return false;\n        const after = $from.after();\n        if (after === undefined) return false;\n        const nodeAfter = editor.state.doc.nodeAt(after);\n        if (nodeAfter) return false;\n        editor.commands.exitCode();\n        return true;\n      },\n    };\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(CodeBlockNodeView);\n  },\n});\n\nexport default CodeBlockExtension;\n"],"mappings":"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"}
+{"version":3,"file":"CodeBlockView.js","names":[],"sources":["../../../../../src/components/pro/RichTextEditor/extensions/CodeBlockView.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport { Node, mergeAttributes, textblockTypeInputRule } from '@tiptap/react';\nimport { Plugin, PluginKey } from '@tiptap/pm/state';\nimport { NodeViewWrapper, NodeViewContent, ReactNodeViewRenderer } from '@tiptap/react';\nimport type { NodeViewProps } from '@tiptap/react';\nimport { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';\nimport { oneLight } from 'react-syntax-highlighter/dist/esm/styles/prism';\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 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-cb-${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:#ef4444;font-size:12px;padding:8px;\">${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 KatexRenderer: React.FC<{ code: string }> = ({ code }) => {\n  const wrapped = code.includes('$$') ? code : `$$\\n${code}\\n$$`;\n  return (\n    <ReactMarkdown\n      remarkPlugins={[remarkMath]}\n      rehypePlugins={[rehypeKatex]}\n    >\n      {wrapped}\n    </ReactMarkdown>\n  );\n};\n\nconst MarkdownRenderer: React.FC<{ code: string }> = ({ code }) => {\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') return <MermaidRenderer code={text} />;\n\n          if (lang) {\n            return (\n              <SyntaxHighlighter\n                style={oneLight as Record<string, React.CSSProperties>}\n                language={lang}\n                PreTag=\"div\"\n                customStyle={{ borderRadius: '0.5rem', fontSize: '0.875em', padding: '1em', margin: '0.5em 0' }}\n              >\n                {text}\n              </SyntaxHighlighter>\n            );\n          }\n          return <code className={className} {...props}>{children}</code>;\n        },\n      }}\n    >\n      {code}\n    </ReactMarkdown>\n  );\n};\n\nconst RENDER_LANGUAGES = ['r-markdown', 'r-mermaid', 'r-math'];\n\nconst HIGHLIGHT_LANGUAGES = [\n  '', 'javascript', 'typescript', 'python', 'rust', 'go', 'java', 'c', 'cpp',\n  'csharp', 'ruby', 'php', 'swift', 'kotlin', 'sql', 'bash', 'shell',\n  'html', 'css', 'json', 'yaml', 'toml', 'xml', 'markdown', 'mermaid', 'math',\n  'docker', 'graphql', 'latex', 'tex',\n];\n\nconst ALL_LANGUAGES = [...HIGHLIGHT_LANGUAGES, ...RENDER_LANGUAGES];\n\nfunction isRenderLang(lang: string): boolean {\n  return RENDER_LANGUAGES.includes(lang);\n}\n\nfunction highlightLang(lang: string): string {\n  if (lang === 'math' || lang === 'latex' || lang === 'tex') return 'latex';\n  return lang;\n}\n\nconst CodeBlockNodeView: React.FC<NodeViewProps> = ({\n  node,\n  updateAttributes,\n}) => {\n  const language = node.attrs.language || '';\n  const textContent = node.textContent;\n  const hasLanguage = !!language;\n  const isRenderable = isRenderLang(language);\n\n  const [isEditing, setIsEditing] = useState(true);\n\n  useEffect(() => {\n    if (!hasLanguage) setIsEditing(true);\n  }, [language, hasLanguage]);\n\n  const editIcon = (\n    <svg width=\"12\" height=\"12\" 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  const previewIcon = (\n    <svg width=\"12\" height=\"12\" 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\n  const renderPreview = () => {\n    if (language === 'r-mermaid') {\n      return textContent.trim()\n        ? <MermaidRenderer code={textContent} />\n        : <p className=\"rte-codeblock__placeholder\">Enter mermaid diagram code...</p>;\n    }\n    if (language === 'r-math') {\n      return textContent.trim()\n        ? <KatexRenderer code={textContent} />\n        : <p className=\"rte-codeblock__placeholder\">Enter KaTeX math formula...</p>;\n    }\n    if (language === 'r-markdown') {\n      return textContent.trim()\n        ? <MarkdownRenderer code={textContent} />\n        : <p className=\"rte-codeblock__placeholder\">Enter Markdown content...</p>;\n    }\n    return null;\n  };\n\n  const displayLabel = language.startsWith('r-') ? language.slice(2) + ' (render)' : language || 'plain text';\n\n  return (\n    <NodeViewWrapper className={`rte-codeblock-wrapper ${!isEditing && hasLanguage ? 'rte-codeblock-wrapper--preview' : ''}`}>\n      {isEditing ? (\n        <>\n          <div className=\"rte-codeblock__header\">\n            <select\n              className=\"rte-codeblock__lang-select\"\n              value={language}\n              onChange={(e) => {\n                updateAttributes({ language: e.target.value });\n                if (!e.target.value) setIsEditing(true);\n              }}\n              contentEditable={false}\n            >\n              <option value=\"\">Plain text</option>\n              <optgroup label=\"Syntax Highlight\">\n                {HIGHLIGHT_LANGUAGES.filter(Boolean).map((lang) => (\n                  <option key={lang} value={lang}>{lang}</option>\n                ))}\n              </optgroup>\n              <optgroup label=\"Live Render\">\n                {RENDER_LANGUAGES.map((lang) => (\n                  <option key={lang} value={lang}>{lang}</option>\n                ))}\n              </optgroup>\n            </select>\n            {hasLanguage && (\n              <button\n                type=\"button\"\n                className=\"rte-codeblock__preview-btn\"\n                onClick={() => setIsEditing(false)}\n                contentEditable={false}\n              >\n                {previewIcon} Preview\n              </button>\n            )}\n          </div>\n          <pre className=\"rte-codeblock__editable-pre\">\n            <NodeViewContent as={'code' as any} />\n          </pre>\n        </>\n      ) : isRenderable ? (\n        <div\n          className=\"rte-codeblock__render-preview\"\n          contentEditable={false}\n          onDoubleClick={() => setIsEditing(true)}\n        >\n          <div className=\"rte-codeblock__preview-toolbar\" contentEditable={false}>\n            <span className=\"rte-codeblock__preview-label\">{displayLabel}</span>\n            <button\n              type=\"button\"\n              className=\"rte-codeblock__preview-edit-btn\"\n              onClick={() => setIsEditing(true)}\n            >\n              {editIcon} Edit\n            </button>\n          </div>\n          <div className=\"rte-codeblock__render-body\">\n            {renderPreview()}\n          </div>\n        </div>\n      ) : (\n        <div\n          className=\"rte-codeblock__syntax-preview\"\n          contentEditable={false}\n          onDoubleClick={() => setIsEditing(true)}\n        >\n          <div className=\"rte-codeblock__preview-toolbar\" contentEditable={false}>\n            <span className=\"rte-codeblock__preview-label\">{displayLabel}</span>\n            <button\n              type=\"button\"\n              className=\"rte-codeblock__preview-edit-btn\"\n              onClick={() => setIsEditing(true)}\n            >\n              {editIcon} Edit\n            </button>\n          </div>\n          <SyntaxHighlighter\n            style={oneLight as Record<string, React.CSSProperties>}\n            language={highlightLang(language)}\n            PreTag=\"div\"\n            customStyle={{\n              borderRadius: '0 0 0.5rem 0.5rem',\n              fontSize: '0.875em',\n              padding: '1em',\n              margin: '0',\n            }}\n          >\n            {textContent || ' '}\n          </SyntaxHighlighter>\n        </div>\n      )}\n    </NodeViewWrapper>\n  );\n};\n\nconst backtickInputRegex = /^```([a-z-]*)[\\s\\n]$/;\nconst tildeInputRegex = /^~~~([a-z-]*)[\\s\\n]$/;\nconst tableShortcutRegex = /^(?:```|~~~)table(?:(\\d+)[x×X*](\\d+))?\\s?$/;\n\nexport const CodeBlockExtension = Node.create({\n  name: 'codeBlock',\n  group: 'block',\n  content: 'text*',\n  marks: '',\n  code: true,\n  defining: true,\n\n  addAttributes() {\n    return {\n      language: {\n        default: null,\n        parseHTML: (element) => {\n          const classAttr = element.querySelector('code')?.className ||\n                            element.className || '';\n          const match = /language-([\\w-]+)/.exec(classAttr);\n          return match?.[1] || element.getAttribute('data-language') || null;\n        },\n        renderHTML: (attributes) => {\n          if (!attributes.language) return {};\n          return { 'data-language': attributes.language };\n        },\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'pre',\n        preserveWhitespace: 'full',\n      },\n    ];\n  },\n\n  renderHTML({ node, HTMLAttributes }) {\n    return [\n      'pre',\n      mergeAttributes(HTMLAttributes, { 'data-language': node.attrs.language }),\n      ['code', { class: node.attrs.language ? `language-${node.attrs.language}` : undefined }, 0],\n    ];\n  },\n\n  addInputRules() {\n    return [\n      textblockTypeInputRule({\n        find: backtickInputRegex,\n        type: this.type,\n        getAttributes: (match) => {\n          if (match[1]?.startsWith('table')) return false;\n          return { language: match[1] || null };\n        },\n      }),\n      textblockTypeInputRule({\n        find: tildeInputRegex,\n        type: this.type,\n        getAttributes: (match) => {\n          if (match[1]?.startsWith('table')) return false;\n          return { language: match[1] || null };\n        },\n      }),\n    ];\n  },\n\n  addProseMirrorPlugins() {\n    const editorRef = this.editor;\n    return [\n      new Plugin({\n        key: new PluginKey('tableShortcut'),\n        props: {\n          handleTextInput(view, from, to, text) {\n            if (text !== ' ') return false;\n            const { state } = view;\n            const $from = state.doc.resolve(from);\n            const blockStart = $from.start();\n            const textBefore = state.doc.textBetween(blockStart, from, '\\0');\n            const full = textBefore + ' ';\n            const m = tableShortcutRegex.exec(full);\n            if (!m) return false;\n\n            const rows = Math.min(Math.max(parseInt(m[1], 10) || 3, 1), 20);\n            const cols = Math.min(Math.max(parseInt(m[2], 10) || 3, 1), 20);\n            dispatchTable(view, blockStart, to, rows, cols);\n            return true;\n          },\n          handleKeyDown(view, event) {\n            if (event.key !== 'Enter') return false;\n            const { state } = view;\n            const { $from } = state.selection;\n            if (!$from.parent.isTextblock) return false;\n            const blockStart = $from.start();\n            const textBefore = state.doc.textBetween(blockStart, $from.pos, '\\0');\n            const m = tableShortcutRegex.exec(textBefore);\n            if (!m) return false;\n\n            event.preventDefault();\n            const rows = Math.min(Math.max(parseInt(m[1], 10) || 3, 1), 20);\n            const cols = Math.min(Math.max(parseInt(m[2], 10) || 3, 1), 20);\n            dispatchTable(view, blockStart, $from.pos, rows, cols);\n            return true;\n          },\n        },\n      }),\n    ];\n\n    function dispatchTable(view: typeof editorRef.view, from: number, to: number, rows: number, cols: number) {\n      const { state } = view;\n      const $from = state.doc.resolve(from);\n      const blockNode = $from.parent;\n      const blockPos = $from.before();\n\n      const tableType = state.schema.nodes.table;\n      const rowType = state.schema.nodes.tableRow;\n      const headerType = state.schema.nodes.tableHeader;\n      const cellType = state.schema.nodes.tableCell;\n      if (!tableType || !rowType || !cellType) return;\n\n      const emptyParagraph = state.schema.nodes.paragraph.create();\n      const buildRow = (isHeader: boolean) => {\n        const type = isHeader && headerType ? headerType : cellType;\n        const cells = Array.from({ length: cols }, () => type.create(null, emptyParagraph));\n        return rowType.create(null, cells);\n      };\n\n      const tableRows = [\n        buildRow(true),\n        ...Array.from({ length: rows - 1 }, () => buildRow(false)),\n      ];\n      const table = tableType.create(null, tableRows);\n      const tr = state.tr.replaceWith(blockPos, blockPos + blockNode.nodeSize, table);\n      view.dispatch(tr);\n    }\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      'Mod-Alt-c': () => this.editor.commands.toggleNode('codeBlock', 'paragraph'),\n      Tab: ({ editor }) => {\n        if (editor.isActive('codeBlock')) {\n          editor.commands.insertContent('\\t');\n          return true;\n        }\n        return false;\n      },\n      Enter: ({ editor }) => {\n        if (!editor.isActive('codeBlock')) return false;\n        editor.commands.newlineInCode();\n        return true;\n      },\n      ArrowDown: ({ editor }) => {\n        if (!editor.isActive('codeBlock')) return false;\n        const { $from } = editor.state.selection;\n        const isAtEnd = $from.parentOffset === $from.parent.content.size;\n        if (!isAtEnd) return false;\n        const after = $from.after();\n        if (after === undefined) return false;\n        const nodeAfter = editor.state.doc.nodeAt(after);\n        if (nodeAfter) return false;\n        editor.commands.exitCode();\n        return true;\n      },\n    };\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(CodeBlockNodeView);\n  },\n});\n\nexport default CodeBlockExtension;\n"],"mappings":"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"}

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

@@ -1,42 +1,41 @@
-import { Mark as r, mergeAttributes as a } from "@tiptap/react";
-var n = r.create({
-  name: "comment",
-  inclusive: !1,
-  excludes: "",
-  addAttributes() {
-    return {
-      commentId: {
-        default: null,
-        parseHTML: (e) => e.getAttribute("data-comment-id"),
-        renderHTML: (e) => e.commentId ? { "data-comment-id": e.commentId } : {}
-      },
-      resolved: {
-        default: !1,
-        parseHTML: (e) => e.getAttribute("data-resolved") === "true",
-        renderHTML: (e) => e.resolved ? { "data-resolved": "true" } : {}
-      }
-    };
-  },
-  parseHTML() {
-    return [{ tag: "span[data-comment-id]" }];
-  },
-  renderHTML({ HTMLAttributes: e }) {
-    return [
-      "span",
-      a(e, { class: `rte-comment-mark ${e["data-resolved"] === "true" ? "rte-comment-mark--resolved" : ""}` }),
-      0
-    ];
-  },
-  addCommands() {
-    return {
-      setComment: (e) => ({ commands: t }) => t.setMark(this.name, { commentId: e }),
-      unsetComment: () => ({ commands: e }) => e.unsetMark(this.name)
-    };
-  }
+import { Mark as e, mergeAttributes as t } from "@tiptap/react";
+//#region src/components/pro/RichTextEditor/extensions/CommentMark.ts
+var n = e.create({
+	name: "comment",
+	inclusive: !1,
+	excludes: "",
+	addAttributes() {
+		return {
+			commentId: {
+				default: null,
+				parseHTML: (e) => e.getAttribute("data-comment-id"),
+				renderHTML: (e) => e.commentId ? { "data-comment-id": e.commentId } : {}
+			},
+			resolved: {
+				default: !1,
+				parseHTML: (e) => e.getAttribute("data-resolved") === "true",
+				renderHTML: (e) => e.resolved ? { "data-resolved": "true" } : {}
+			}
+		};
+	},
+	parseHTML() {
+		return [{ tag: "span[data-comment-id]" }];
+	},
+	renderHTML({ HTMLAttributes: e }) {
+		return [
+			"span",
+			t(e, { class: `rte-comment-mark ${e["data-resolved"] === "true" ? "rte-comment-mark--resolved" : ""}` }),
+			0
+		];
+	},
+	addCommands() {
+		return {
+			setComment: (e) => ({ commands: t }) => t.setMark(this.name, { commentId: e }),
+			unsetComment: () => ({ commands: e }) => e.unsetMark(this.name)
+		};
+	}
 });
-export {
-  n as CommentMark,
-  n as default
-};
+//#endregion
+export { n as CommentMark, n as default };
 
 //# sourceMappingURL=CommentMark.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommentMark.js","names":[],"sources":["../../../../../src/components/pro/RichTextEditor/extensions/CommentMark.ts"],"sourcesContent":["import { Mark, mergeAttributes } from '@tiptap/react';\n\nexport interface CommentThread {\n  id: string;\n  resolved: boolean;\n  comments: CommentItem[];\n  createdAt: number;\n}\n\nexport interface CommentItem {\n  id: string;\n  author: string;\n  text: string;\n  createdAt: number;\n}\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    commentMark: {\n      setComment: (id: string) => ReturnType;\n      unsetComment: () => ReturnType;\n    };\n  }\n}\n\nexport const CommentMark = Mark.create({\n  name: 'comment',\n  inclusive: false,\n  excludes: '',\n\n  addAttributes() {\n    return {\n      commentId: {\n        default: null,\n        parseHTML: (el) => el.getAttribute('data-comment-id'),\n        renderHTML: (attrs) => {\n          if (!attrs.commentId) return {};\n          return { 'data-comment-id': attrs.commentId };\n        },\n      },\n      resolved: {\n        default: false,\n        parseHTML: (el) => el.getAttribute('data-resolved') === 'true',\n        renderHTML: (attrs) => {\n          if (!attrs.resolved) return {};\n          return { 'data-resolved': 'true' };\n        },\n      },\n    };\n  },\n\n  parseHTML() {\n    return [{ tag: 'span[data-comment-id]' }];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return ['span', mergeAttributes(HTMLAttributes, {\n      class: `rte-comment-mark ${HTMLAttributes['data-resolved'] === 'true' ? 'rte-comment-mark--resolved' : ''}`,\n    }), 0];\n  },\n\n  addCommands() {\n    return {\n      setComment: (id: string) => ({ commands }) => {\n        return commands.setMark(this.name, { commentId: id });\n      },\n      unsetComment: () => ({ commands }) => {\n        return commands.unsetMark(this.name);\n      },\n    };\n  },\n});\n\nexport default CommentMark;\n"],"mappings":";AAyBA,IAAa,IAAc,EAAK,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,WAAW;AAAA,EACX,UAAU;AAAA,EAEV,gBAAgB;AACd,WAAO;AAAA,MACL,WAAW;AAAA,QACT,SAAS;AAAA,QACT,WAAA,CAAY,MAAO,EAAG,aAAa,iBAAiB;AAAA,QACpD,YAAA,CAAa,MACN,EAAM,YACJ,EAAE,mBAAmB,EAAM,UAAU,IADf,CAAC;AAAA,MAGlC;AAAA,MACA,UAAU;AAAA,QACR,SAAS;AAAA,QACT,WAAA,CAAY,MAAO,EAAG,aAAa,eAAe,MAAM;AAAA,QACxD,YAAA,CAAa,MACN,EAAM,WACJ,EAAE,iBAAiB,OAAO,IADL,CAAC;AAAA,MAGjC;AAAA,IACF;AAAA,EACF;AAAA,EAEA,YAAY;AACV,WAAO,CAAC,EAAE,KAAK,wBAAwB,CAAC;AAAA,EAC1C;AAAA,EAEA,WAAW,EAAE,gBAAA,EAAA,GAAkB;AAC7B,WAAO;AAAA,MAAC;AAAA,MAAQ,EAAgB,GAAgB,EAC9C,OAAO,oBAAoB,EAAe,eAAA,MAAqB,SAAS,+BAA+B,EAAA,GACzG,CAAC;AAAA,MAAG;AAAA,IAAC;AAAA,EACP;AAAA,EAEA,cAAc;AACZ,WAAO;AAAA,MACL,YAAA,CAAa,MAAA,CAAgB,EAAE,UAAA,EAAA,MACtB,EAAS,QAAQ,KAAK,MAAM,EAAE,WAAW,EAAG,CAAC;AAAA,MAEtD,cAAA,MAAA,CAAqB,EAAE,UAAA,EAAA,MACd,EAAS,UAAU,KAAK,IAAI;AAAA,IAEvC;AAAA,EACF;AACF,CAAC"}
+{"version":3,"file":"CommentMark.js","names":[],"sources":["../../../../../src/components/pro/RichTextEditor/extensions/CommentMark.ts"],"sourcesContent":["import { Mark, mergeAttributes } from '@tiptap/react';\n\nexport interface CommentThread {\n  id: string;\n  resolved: boolean;\n  comments: CommentItem[];\n  createdAt: number;\n}\n\nexport interface CommentItem {\n  id: string;\n  author: string;\n  text: string;\n  createdAt: number;\n}\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    commentMark: {\n      setComment: (id: string) => ReturnType;\n      unsetComment: () => ReturnType;\n    };\n  }\n}\n\nexport const CommentMark = Mark.create({\n  name: 'comment',\n  inclusive: false,\n  excludes: '',\n\n  addAttributes() {\n    return {\n      commentId: {\n        default: null,\n        parseHTML: (el) => el.getAttribute('data-comment-id'),\n        renderHTML: (attrs) => {\n          if (!attrs.commentId) return {};\n          return { 'data-comment-id': attrs.commentId };\n        },\n      },\n      resolved: {\n        default: false,\n        parseHTML: (el) => el.getAttribute('data-resolved') === 'true',\n        renderHTML: (attrs) => {\n          if (!attrs.resolved) return {};\n          return { 'data-resolved': 'true' };\n        },\n      },\n    };\n  },\n\n  parseHTML() {\n    return [{ tag: 'span[data-comment-id]' }];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return ['span', mergeAttributes(HTMLAttributes, {\n      class: `rte-comment-mark ${HTMLAttributes['data-resolved'] === 'true' ? 'rte-comment-mark--resolved' : ''}`,\n    }), 0];\n  },\n\n  addCommands() {\n    return {\n      setComment: (id: string) => ({ commands }) => {\n        return commands.setMark(this.name, { commentId: id });\n      },\n      unsetComment: () => ({ commands }) => {\n        return commands.unsetMark(this.name);\n      },\n    };\n  },\n});\n\nexport default CommentMark;\n"],"mappings":";;AAyBA,IAAa,IAAc,EAAK,OAAO;CACrC,MAAM;CACN,WAAW;CACX,UAAU;CAEV,gBAAgB;EACd,OAAO;GACL,WAAW;IACT,SAAS;IACT,YAAY,MAAO,EAAG,aAAa,iBAAiB;IACpD,aAAa,MACN,EAAM,YACJ,EAAE,mBAAmB,EAAM,UAAU,IADf,CAAC;GAGlC;GACA,UAAU;IACR,SAAS;IACT,YAAY,MAAO,EAAG,aAAa,eAAe,MAAM;IACxD,aAAa,MACN,EAAM,WACJ,EAAE,iBAAiB,OAAO,IADL,CAAC;GAGjC;EACF;CACF;CAEA,YAAY;EACV,OAAO,CAAC,EAAE,KAAK,wBAAwB,CAAC;CAC1C;CAEA,WAAW,EAAE,qBAAkB;EAC7B,OAAO;GAAC;GAAQ,EAAgB,GAAgB,EAC9C,OAAO,oBAAoB,EAAe,qBAAqB,SAAS,+BAA+B,KACzG,CAAC;GAAG;EAAC;CACP;CAEA,cAAc;EACZ,OAAO;GACL,aAAa,OAAgB,EAAE,kBACtB,EAAS,QAAQ,KAAK,MAAM,EAAE,WAAW,EAAG,CAAC;GAEtD,qBAAqB,EAAE,kBACd,EAAS,UAAU,KAAK,IAAI;EAEvC;CACF;AACF,CAAC"}