fix(javascript): add logger statements for null values #81

Add logger statements to handle null values in ReactPsiUtil and ReactAutoPage files. This will help in identifying and debugging issues related to null values.

Author: phodal

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

@@ -34,6 +34,7 @@ class GenPageAction : ChatBaseIntention() {
         val selectedText = editor.selectionModel.selectedText ?: return
 
         val reactAutoPage = ReactAutoPage(project, selectedText, editor)
+
         sendToChatPanel(project) { contentPanel, _ ->
             val llmProvider = LlmFactory().create(project)
             val context = AutoPageContext.build(reactAutoPage)

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

@@ -7,13 +7,15 @@ import com.intellij.lang.javascript.TypeScriptJSXFileType
 import com.intellij.lang.javascript.dialects.ECMA6LanguageDialect
 import com.intellij.lang.javascript.dialects.TypeScriptJSXLanguageDialect
 import com.intellij.lang.javascript.psi.JSFile
+import com.intellij.openapi.diagnostic.logger
 import com.intellij.openapi.editor.Editor
 import com.intellij.openapi.project.Project
 import com.intellij.openapi.project.guessProjectDir
 import com.intellij.psi.search.FileTypeIndex
 import com.intellij.psi.search.GlobalSearchScope
 import com.intellij.psi.search.ProjectScope
 // keep this import
+import kotlinx.serialization.decodeFromString
 import kotlinx.serialization.json.Json
 
 enum class RouterFile(val filename: String) {
@@ -78,14 +80,22 @@ class ReactAutoPage(
 
     override fun getComponents(): List<DsComponent> = components
 
-    private fun buildComponent(jsFile: JSFile) = when (jsFile.language) {
-        is TypeScriptJSXLanguageDialect,
-        is ECMA6LanguageDialect
-        -> {
-            ReactPsiUtil.tsxComponentToComponent(jsFile)
+    private fun buildComponent(jsFile: JSFile): List<DsComponent>? {
+        return when (jsFile.language) {
+            is TypeScriptJSXLanguageDialect,
+            is ECMA6LanguageDialect
+            -> {
+                val dsComponents = ReactPsiUtil.tsxComponentToComponent(jsFile)
+                if (dsComponents.isEmpty()) {
+                    logger<ReactAutoPage>().warn("no component found in ${jsFile.name}")
+                }
+                dsComponents
+            }
+            else -> {
+                logger<ReactAutoPage>().warn("unknown language: ${jsFile.language}")
+                null
+            }
         }
-
-        else -> null
     }
 
     override fun getRoutes(): List<String> = routes

javascript/src/main/kotlin/cc/unitmesh/ide/javascript/util/ReactPsiUtil.kt

@@ -10,6 +10,7 @@ import com.intellij.lang.javascript.psi.JSReferenceExpression
 import com.intellij.lang.javascript.psi.JSVariable
 import com.intellij.lang.javascript.psi.ecma6.*
 import com.intellij.lang.javascript.psi.resolve.JSResolveResult
+import com.intellij.openapi.diagnostic.logger
 import com.intellij.psi.PsiNameIdentifierOwner
 import com.intellij.psi.util.PsiTreeUtil
 
@@ -39,8 +40,12 @@ object ReactPsiUtil {
     }
 
     fun tsxComponentToComponent(jsFile: JSFile): List<DsComponent> = getExportElements(jsFile).map { psiElement ->
-        val name = psiElement.name ?: return@map null
-        val path = jsFile.virtualFile.canonicalPath ?: return@map null
+        val name = psiElement.name
+        if (name == null) {
+            logger<ReactPsiUtil>().warn("name is null")
+            return@map null
+        }
+        val path = jsFile.virtualFile.canonicalPath ?: ""
         return@map when (psiElement) {
             is TypeScriptFunction -> {
                 DsComponent(name = name, path)

src/main/resources/genius/page/page-gen-clarify.vm

@@ -2,7 +2,7 @@ You are a professional Frontend developer.
 According to the user's requirements, you should choose the best components for the user in List.
 
 - Framework: React
-- User component: ${context.components}
+- User component: ${context.componentNames}, ${context.pageNames}
 
 For example: