feat: reactUnstableActions

Author: zardoy

package.json

@@ -740,7 +740,7 @@
     "devDependencies": {
         "@types/lodash": "^4.14.190",
         "@types/node": "^16.11.26",
-        "@types/vscode": "^1.66.0",
+        "@types/vscode": "^1.76.0",
         "@zardoy/tsconfig": "^1.4.0",
         "eslint": "^8.11.0",
         "eslint-config-zardoy": "^0.2.11",

pnpm-lock.yaml

@@ -0,0 +1,32 @@
+import * as vscode from 'vscode'
+import { makeOutlineChainFromPos } from '@zardoy/vscode-utils/build/outline'
+
+export default () => {
+    vscode.languages.registerCodeActionsProvider(['javascriptreact', 'typescriptreact'], {
+        async provideCodeActions(document, range, context, token) {
+            document.getWordRangeAtPosition(range.start, /<[A-Z][-\da-zA-Z]+/)
+            const diagnostic = context.diagnostics.find(d => d.message.startsWith('Cannot find name'))
+            if (!diagnostic) return
+            const componentName = /'(.+?)'/.exec(diagnostic.message)?.[1]
+            if (!componentName) return
+            const outline = await vscode.commands.executeCommand<vscode.DocumentSymbol[] | undefined>('vscode.executeDocumentSymbolProvider', document.uri)
+            if (!outline) return
+            const topItem = makeOutlineChainFromPos(outline, range.start)[0]
+            if (!topItem) return
+            const edit = new vscode.WorkspaceEdit()
+            const textEdit = new vscode.SnippetTextEdit(
+                new vscode.Range(topItem.range.end, topItem.range.end),
+                new vscode.SnippetString(`\n\nfunction ${componentName}() {\n\treturn \${1:<div>$0</div>}\n}\n`),
+            )
+            edit.set(document.uri, [textEdit])
+            return [
+                {
+                    title: 'Declare Component Below',
+                    kind: vscode.CodeActionKind.QuickFix,
+                    isPreferred: true,
+                    edit,
+                },
+            ]
+        },
+    })
+}