feat(javascript): add GenComponentAction and GenComponentFlow #81

Add GenComponentAction and GenComponentFlow classes to handle generating components in JavaScript files. The GenComponentAction class is responsible for initiating the generation process when a specific text is selected in the editor. The GenComponentFlow class handles the flow of generating the component and interacts with the user through a chat coding panel.

Author: phodal

javascript/src/main/kotlin/cc/unitmesh/ide/javascript/actions/GenComponentAction.kt

@@ -1,10 +1,18 @@
 package cc.unitmesh.ide.javascript.actions
 
 import cc.unitmesh.devti.AutoDevBundle
+import cc.unitmesh.devti.gui.chat.ChatCodingPanel
+import cc.unitmesh.devti.gui.sendToChatPanel
 import cc.unitmesh.devti.intentions.action.base.ChatBaseIntention
+import cc.unitmesh.devti.llms.LLMProvider
+import cc.unitmesh.devti.llms.LlmFactory
 import cc.unitmesh.ide.javascript.flow.ReactAutoPage
 import cc.unitmesh.ide.javascript.util.LanguageApplicableUtil
 import com.intellij.openapi.editor.Editor
+import com.intellij.openapi.progress.ProgressIndicator
+import com.intellij.openapi.progress.ProgressManager
+import com.intellij.openapi.progress.Task
+import com.intellij.openapi.progress.impl.BackgroundableProcessIndicator
 import com.intellij.openapi.project.Project
 import com.intellij.psi.PsiFile
 
@@ -23,8 +31,25 @@ class GenComponentAction : ChatBaseIntention() {
         val selectedText = editor.selectionModel.selectedText ?: return
 
         val reactAutoPage = ReactAutoPage(project, selectedText, editor)
-        val pages = reactAutoPage.getPages()
+        sendToChatPanel(project) { contentPanel, _ ->
+            val llmProvider = LlmFactory().create(project)
+            val prompter = GenComponentFlow(reactAutoPage, contentPanel, llmProvider)
+
+            val task = GenComponentTask(project, prompter, editor)
+            ProgressManager.getInstance()
+                .runProcessWithProgressAsynchronously(task, BackgroundableProcessIndicator(task))
+        }
+
+    }
+}
+
+class GenComponentTask(val project: Project, val prompter: GenComponentFlow, val editor: Editor) :
+    Task.Backgroundable(project, "Gen Component", true) {
+    override fun run(indicator: ProgressIndicator) {
 
-        println(pages)
     }
 }
+
+class GenComponentFlow(val pages: ReactAutoPage, val contentPanel: ChatCodingPanel, val llmProvider: LLMProvider) {
+
+}

javascript/src/main/kotlin/cc/unitmesh/ide/javascript/flow/ReactAutoPage.kt

@@ -55,16 +55,12 @@ class ReactAutoPage(
             if (jsFile.isTestFile) return@forEach
 
             when {
-                path.contains("pages") -> {
-                    buildComponent(jsFile)?.let {
-                        pages += it
-                    }
+                path.contains("pages") -> buildComponent(jsFile)?.let {
+                    pages += it
                 }
 
-                path.contains("components") -> {
-                    buildComponent(jsFile)?.let {
-                        components += it
-                    }
+                path.contains("components") -> buildComponent(jsFile)?.let {
+                    components += it
                 }
 
                 else -> {
@@ -74,8 +70,6 @@ class ReactAutoPage(
                 }
             }
         }
-
-        println("pages: $pages")
     }