feat(markdown): add Markdown preview support

Introduce MarkdownPreviewSketchProvider and MarkdownPreviewHighlightSketch for rendering Markdown content. Remove redundant Markdown preview logic from CodeHighlightSketch and refactor TextBlockView to use MarkdownViewer's base component.

Author: phodal

core/src/223/main/resources/META-INF/autodev-core.xml

@@ -253,6 +253,7 @@
         <langSketchProvider implementation="cc.unitmesh.devti.sketch.ui.patch.DiffLangSketchProvider"/>
         <langSketchProvider implementation="cc.unitmesh.devti.sketch.ui.webview.WebpageSketchProvider"/>
         <langSketchProvider implementation="cc.unitmesh.devti.sketch.ui.openapi.OpenAPISketchProvider"/>
+        <langSketchProvider implementation="cc.unitmesh.devti.sketch.ui.MarkdownPreviewSketchProvider"/>
 
         <toolchainFunctionProvider implementation="cc.unitmesh.devti.bridge.archview.ComponentViewFunctionProvider"/>
         <toolchainFunctionProvider implementation="cc.unitmesh.devti.bridge.archview.ContainerViewFunctionProvider"/>

core/src/233/main/kotlin/com/intellij/temporary/gui/block/TextBlockView.kt

@@ -5,17 +5,14 @@ import cc.unitmesh.devti.gui.chat.message.ChatRole
 import cc.unitmesh.devti.sketch.ui.code.MarkdownViewer
 import cc.unitmesh.devti.util.parser.convertMarkdownToHtml
 import com.intellij.ide.BrowserUtil
-import com.intellij.openapi.util.text.StringUtil
 import com.intellij.util.ui.ExtendableHTMLViewFactory
-import com.intellij.util.ui.HTMLEditorKitBuilder
 import com.intellij.xml.util.XmlStringUtil
 import java.awt.Component
 import java.awt.event.MouseAdapter
 import java.awt.event.MouseEvent
 import javax.swing.JEditorPane
 import javax.swing.SizeRequirements
 import javax.swing.event.HyperlinkEvent
-import javax.swing.text.DefaultCaret
 import javax.swing.text.Element
 import javax.swing.text.View
 import javax.swing.text.html.ParagraphView
@@ -41,7 +38,7 @@ class TextBlockView(private val block: MessageBlock) : MessageBlockView {
     override fun getComponent(): Component = component
 
     private fun createComponent(): JEditorPane {
-        val jEditorPane = createBaseComponent()
+        val jEditorPane = MarkdownViewer.createBaseComponent()
         jEditorPane.addHyperlinkListener {
             if (it.eventType == HyperlinkEvent.EventType.ACTIVATED) {
                 BrowserUtil.browse(it.url)
@@ -63,10 +60,6 @@ class TextBlockView(private val block: MessageBlock) : MessageBlockView {
 
         return XmlStringUtil.escapeString(txt)
     }
-
-    companion object {
-        fun createBaseComponent(): JEditorPane = MarkdownViewer.createBaseComponent()
-    }
 }
 
 

core/src/233/main/resources/META-INF/autodev-core.xml

@@ -254,6 +254,7 @@
         <langSketchProvider implementation="cc.unitmesh.devti.sketch.ui.patch.DiffLangSketchProvider"/>
         <langSketchProvider implementation="cc.unitmesh.devti.sketch.ui.webview.WebpageSketchProvider"/>
         <langSketchProvider implementation="cc.unitmesh.devti.sketch.ui.openapi.OpenAPISketchProvider"/>
+        <langSketchProvider implementation="cc.unitmesh.devti.sketch.ui.MarkdownPreviewSketchProvider"/>
 
         <toolchainFunctionProvider implementation="cc.unitmesh.devti.bridge.archview.ComponentViewFunctionProvider"/>
         <toolchainFunctionProvider implementation="cc.unitmesh.devti.bridge.archview.ContainerViewFunctionProvider"/>

core/src/main/kotlin/cc/unitmesh/devti/sketch/SketchToolWindow.kt

@@ -12,6 +12,7 @@ import cc.unitmesh.devti.inline.fullWidth
 import cc.unitmesh.devti.sketch.ui.ExtensionLangSketch
 import cc.unitmesh.devti.sketch.ui.LangSketch
 import cc.unitmesh.devti.sketch.ui.LanguageSketchProvider
+import cc.unitmesh.devti.sketch.ui.MarkdownPreviewHighlightSketch
 import cc.unitmesh.devti.sketch.ui.code.CodeHighlightSketch
 import cc.unitmesh.devti.util.AutoDevCoroutineScope
 import cc.unitmesh.devti.util.parser.CodeFence
@@ -40,9 +41,6 @@ import kotlinx.coroutines.launch
 import org.jetbrains.annotations.NonNls
 import java.awt.BorderLayout
 import java.awt.Dimension
-import java.awt.GradientPaint
-import java.awt.Graphics
-import java.awt.Graphics2D
 import java.awt.Toolkit
 import java.awt.datatransfer.StringSelection
 import java.awt.event.KeyAdapter
@@ -310,6 +308,12 @@ open class SketchToolWindow(
                             ?.create(project, codeFence.text)
                     }
 
+                    val isCanHtml =
+                        codeFence.language == PlainTextLanguage.INSTANCE || codeFence.language.displayName.lowercase() == "markdown"
+                    if (isCanHtml && codeFence.isComplete && blockViews[index] !is ExtensionLangSketch) {
+                        langSketch = MarkdownPreviewHighlightSketch(project, codeFence.text)
+                    }
+
                     if (langSketch != null) {
                         val oldComponent = blockViews[index]
                         blockViews[index] = langSketch

core/src/main/kotlin/cc/unitmesh/devti/sketch/ui/MarkdownPreviewHighlightSketch.kt

@@ -0,0 +1,56 @@
+package cc.unitmesh.devti.sketch.ui
+
+import cc.unitmesh.devti.fullWidth
+import cc.unitmesh.devti.sketch.ui.code.MarkdownViewer
+import cc.unitmesh.devti.util.parser.convertMarkdownToHtml
+import com.intellij.ide.BrowserUtil
+import com.intellij.lang.Language
+import com.intellij.openapi.project.Project
+import com.intellij.ui.dsl.builder.panel
+import java.awt.event.MouseAdapter
+import java.awt.event.MouseEvent
+import javax.swing.JComponent
+import javax.swing.event.HyperlinkEvent
+
+class MarkdownPreviewHighlightSketch(val project: Project, var text: String) : ExtensionLangSketch {
+    override fun getExtensionName(): String = "Markdown Highlight"
+    override fun getViewText(): String = text
+
+    private val editorPane = MarkdownViewer.createBaseComponent().apply {
+        addHyperlinkListener {
+            if (it.eventType == HyperlinkEvent.EventType.ACTIVATED) {
+                BrowserUtil.browse(it.url)
+            }
+        }
+        addMouseListener(object : MouseAdapter() {
+            override fun mouseClicked(e: MouseEvent?) {
+                if (e == null) return
+                parent?.dispatchEvent(e)
+            }
+        })
+    }
+
+    val previewPanel = panel {
+        row {
+            cell(editorPane).fullWidth()
+        }.resizableRow()
+    }.apply {
+        border = javax.swing.BorderFactory.createEmptyBorder(8, 8, 8, 8)
+    }
+
+    override fun updateViewText(text: String, complete: Boolean) {
+        editorPane.text = convertMarkdownToHtml(text)
+        editorPane.invalidate()
+        editorPane.repaint()
+        this.text = text
+    }
+
+    override fun getComponent(): JComponent {
+        return previewPanel
+    }
+
+    override fun updateLanguage(language: Language?, originLanguage: String?) {}
+
+    override fun dispose() {
+    }
+}

core/src/main/kotlin/cc/unitmesh/devti/sketch/ui/MarkdownPreviewSketchProvider.kt

@@ -0,0 +1,11 @@
+package cc.unitmesh.devti.sketch.ui
+
+import com.intellij.openapi.project.Project
+
+class MarkdownPreviewSketchProvider : LanguageSketchProvider {
+    override fun isSupported(lang: String): Boolean {
+        return lang.lowercase() == "markdown"
+    }
+
+    override fun create(project: Project, content: String): ExtensionLangSketch = MarkdownPreviewHighlightSketch(project, content)
+}

core/src/main/kotlin/cc/unitmesh/devti/sketch/ui/code/CodeHighlightSketch.kt

@@ -79,13 +79,7 @@ open class CodeHighlightSketch(
         if (hasSetupAction) return
         hasSetupAction = true
 
-        val shouldBeMarkdownView =
-            (ideaLanguage == null) || ideaLanguage == PlainTextLanguage.INSTANCE || ideaLanguage?.displayName == "Markdown"
-        val editor = if (shouldBeMarkdownView) {
-            createMarkdownPreviewEditor(text) ?: createCodeViewerEditor(project, text, ideaLanguage, fileName, this)
-        } else {
-            createCodeViewerEditor(project, text, ideaLanguage, fileName, this)
-        }
+        val editor = createCodeViewerEditor(project, text, ideaLanguage, fileName, this)
 
         border = JBEmptyBorder(8)
         layout = BorderLayout(JBUI.scale(8), 0)
@@ -107,24 +101,6 @@ open class CodeHighlightSketch(
         }
     }
 
-    private fun createMarkdownPreviewEditor(text: String): EditorEx? {
-        val editorProvider =
-            FileEditorProvider.EP_FILE_EDITOR_PROVIDER.extensionList.firstOrNull {
-                it.javaClass.simpleName == "MarkdownSplitEditorProvider"
-            }
-
-        val file = LightVirtualFile(AutoDevSnippetFile.naming("md"), text)
-        val createEditor = editorProvider?.createEditor(project, file)
-
-        val preview = createEditor as? TextEditorWithPreview ?: return null
-        var editor = preview?.editor as? EditorEx ?: return null
-        configEditor(editor, project, file, false)
-//        previewEditor = preview.previewEditor
-//        previewEditor?.component?.isOpaque = true
-//        previewEditor?.component?.minimumSize = JBUI.size(0, 0)
-        return editor
-    }
-
     override fun getViewText(): String {
         return editorFragment?.editor?.document?.text ?: ""
     }