Add component interface rule

Author: owjs3901

src/configs/__tests__/__snapshots__/recommended.test.ts.snap

@@ -14196,8 +14196,6 @@ See https://tkdodo.eu/blog/react-query-fa-qs#2-the-queryclient-is-not-stable",
     "rules": {
       "@devup/app-page": "error",
       "@devup/component": "error",
-      "@devup/css-ts": "error",
-      "@devup/layout": "error",
       "@devup/rsc-api": "error",
       "@typescript-eslint/ban-ts-comment": "off",
       "@typescript-eslint/explicit-module-boundary-types": "off",

src/configs/recommended.ts

@@ -124,11 +124,9 @@ export default [
             markers: ['/'],
           },
         ],
-        '@devup/layout': 'error',
         '@devup/rsc-api': 'error',
         '@devup/app-page': 'error',
         '@devup/component': 'error',
-        '@devup/css-ts': 'error',
         ...hooksPlugin.configs.recommended.rules,
         // Fix eslint 15 bug
         '@typescript-eslint/no-unused-expressions': [

src/rules/component-interface/__tests__/index.test.ts

@@ -57,6 +57,46 @@ describe('component rule', () => {
           },
         ],
       },
+      {
+        code: 'function Hello({}){return <></>}\nfunction Hello2({}){return <></>}',
+        output:
+          'interface HelloProps{}\nfunction Hello({}:HelloProps){return <></>}\ninterface Hello2Props{}\nfunction Hello2({}:Hello2Props){return <></>}',
+        filename: 'src/components/hello.tsx',
+        errors: [
+          {
+            messageId:
+              'componentPropsShouldHaveTypeAnnotationWhenEmptyObjectPattern',
+          },
+          {
+            messageId:
+              'componentPropsShouldHaveTypeAnnotationWhenEmptyObjectPattern',
+          },
+        ],
+      },
+      {
+        code: 'function Hello({}){return <></>}\nfunction Hello2({}){return <></>}\nexport function Hello3({}){return <></>}\nexport default function Hello4({}){return <></>}',
+        output:
+          'interface HelloProps{}\nfunction Hello({}:HelloProps){return <></>}\ninterface Hello2Props{}\nfunction Hello2({}:Hello2Props){return <></>}\ninterface Hello3Props{}\nexport function Hello3({}:Hello3Props){return <></>}\ninterface Hello4Props{}\nexport default function Hello4({}:Hello4Props){return <></>}',
+        filename: 'src/components/hello.tsx',
+        errors: [
+          {
+            messageId:
+              'componentPropsShouldHaveTypeAnnotationWhenEmptyObjectPattern',
+          },
+          {
+            messageId:
+              'componentPropsShouldHaveTypeAnnotationWhenEmptyObjectPattern',
+          },
+          {
+            messageId:
+              'componentPropsShouldHaveTypeAnnotationWhenEmptyObjectPattern',
+          },
+          {
+            messageId:
+              'componentPropsShouldHaveTypeAnnotationWhenEmptyObjectPattern',
+          },
+        ],
+      },
     ],
   })
 })

src/rules/component-interface/index.ts

@@ -50,7 +50,7 @@ export const componentInterface = createRule({
                 fixer.insertTextAfter(node.params[0], `:${funcName}Props`),
                 // 1줄 전
                 fixer.insertTextBefore(
-                  node.parent ?? node,
+                  node.parent.type === 'Program' ? node : node.parent,
                   `interface ${funcName}Props{}\n`,
                 ),
               ]