feat: add Declare missing attributes snippet codefix

Author: zardoy

package.json

@@ -1,6 +1,7 @@
 {
     "name": "ts-essential-plugins",
     "displayName": "TypeScript Essential Plugins",
+    "description": "50+ features: TS extension for professionals",
     "version": "0.0.0-dev",
     "license": "MIT",
     "web": true,

typescript/src/codeActions/extended/declareMissingAttributes.ts

@@ -0,0 +1,44 @@
+import { ExtendedCodeAction } from '../getCodeActions'
+
+const errorCodes = [
+    // ts.Diagnostics.Property_0_does_not_exist_on_type_1.code,
+    // ts.Diagnostics.Property_0_does_not_exist_on_type_1_Did_you_mean_2.code,
+    // ts.Diagnostics.Property_0_is_missing_in_type_1_but_required_in_type_2.code,
+    // ts.Diagnostics.Type_0_is_missing_the_following_properties_from_type_1_Colon_2.code,
+    // ts.Diagnostics.Type_0_is_missing_the_following_properties_from_type_1_Colon_2_and_3_more.code,
+    // // ts.Diagnostics.Argument_of_type_0_is_not_assignable_to_parameter_of_type_1.code,
+    // // ts.Diagnostics.Cannot_find_name_0.code,
+    2339, 2551, 2741, 2739, 2740 /*  2345, 2304, */,
+]
+
+export default {
+    codes: errorCodes,
+    kind: 'quickfix',
+    title: 'Declare missing attributes',
+    tryToApply({ sourceFile, node, c, languageService, position, formatOptions, range }) {
+        // todo maybe cache from prev request?
+        if (!node) return
+        const codeFixes = languageService.getCodeFixesAtPosition(
+            sourceFile.fileName,
+            node.getStart(),
+            range?.end ?? node.getStart(),
+            errorCodes,
+            formatOptions ?? {},
+            {},
+        )
+        const fix = codeFixes.find(codeFix => codeFix.fixName === 'fixMissingAttributes')
+        if (fix && fix.changes[0]?.textChanges.length === 1) {
+            const changes = fix.changes[0]!.textChanges
+            let i = 1
+            return {
+                snippetEdits: [
+                    {
+                        newText: changes[0]!.newText.replaceAll('$', '\\$').replaceAll('={undefined}', () => `={$${i++}}`),
+                        span: fix.changes[0]!.textChanges[0]!.span,
+                    },
+                ],
+            }
+        }
+        return
+    },
+} as ExtendedCodeAction

typescript/src/codeActions/getCodeActions.ts

@@ -11,6 +11,7 @@ import { renameParameterToNameFromType, renameAllParametersToNameFromType } from
 import addDestructure_1 from './custom/addDestructure/addDestructure'
 import fromDestructure_1 from './custom/fromDestructure/fromDestructure'
 import fixClosingTagName from './custom/fixClosingTagName'
+import declareMissingAttributes from './extended/declareMissingAttributes'
 
 const codeActions: CodeAction[] = [
     addDestructure_1,
@@ -22,7 +23,7 @@ const codeActions: CodeAction[] = [
     renameAllParametersToNameFromType,
     fixClosingTagName,
 ]
-const extendedCodeActions: ExtendedCodeAction[] = [declareMissingProperties]
+const extendedCodeActions: ExtendedCodeAction[] = [declareMissingProperties, declareMissingAttributes]
 
 type SimplifiedRefactorInfo =
     | {

typescript/src/codeFixes.ts

@@ -103,14 +103,14 @@ export default (proxy: ts.LanguageService, languageService: ts.LanguageService,
         // #endregion
 
         const semanticDiagnostics = languageService.getSemanticDiagnostics(fileName)
-        const syntacicDiagnostics = languageService.getSyntacticDiagnostics(fileName)
+        const syntacticDiagnostics = languageService.getSyntacticDiagnostics(fileName)
 
         // https://github.com/Microsoft/TypeScript/blob/v4.5.5/src/compiler/diagnosticMessages.json#L458
         const findDiagnosticByCode = (codes: number[]) => {
             const errorCode = codes.find(code => errorCodes.includes(code))
             if (!errorCode) return
             const diagnosticPredicate = ({ code, start: localStart }) => code === errorCode && localStart === start
-            return syntacicDiagnostics.find(diagnosticPredicate) || semanticDiagnostics.find(diagnosticPredicate)
+            return syntacticDiagnostics.find(diagnosticPredicate) || semanticDiagnostics.find(diagnosticPredicate)
         }
 
         const wrapBlockDiagnostics = findDiagnosticByCode([1156, 1157])