fix!: dep-check tsx and jsx (#1661)

Adds configuration to dependency-check command to check for unused dependencies properly in jsx & tsx files.

BREAKING CHANGE: `.tsx` and `.jsx` files are now checked for missing/unused dependencies

Author: SgtPooki

src/dependency-check.js

@@ -41,7 +41,9 @@ const tasks = new Listr(
         const productionOnlyResult = await depcheck(cwd(), {
           parsers: {
             '**/*.js': depcheck.parser.es6,
+            '**/*.jsx': depcheck.parser.jsx,
             '**/*.ts': depcheck.parser.typescript,
+            '**/*.tsx': depcheck.parser.jsx,
             '**/*.cjs': depcheck.parser.es6,
             '**/*.mjs': depcheck.parser.es6
           },

test/dependency-check.js

@@ -137,4 +137,40 @@ describe('dependency check', () => {
       })
     ).to.eventually.be.fulfilled()
   })
+
+  it('should pass for jsx files', async () => {
+    await expect(
+      execa(bin, ['dependency-check'], {
+        cwd: path.join(__dirname, 'fixtures/dependency-check/jsx-pass')
+      })
+    ).to.eventually.be.fulfilled()
+  })
+
+  it('should fail for jsx files', async () => {
+    await expect(
+      execa(bin, ['dependency-check'], {
+        cwd: path.join(__dirname, 'fixtures/dependency-check/jsx-fail')
+      })
+    ).to.eventually.be.rejected()
+      .with.property('message')
+      .that.include('react-icons')
+  })
+
+  it('should pass for tsx files', async () => {
+    await expect(
+      execa(bin, ['dependency-check'], {
+        cwd: path.join(__dirname, 'fixtures/dependency-check/tsx-pass')
+      })
+    ).to.eventually.be.fulfilled()
+  })
+
+  it('should fail for tsx files', async () => {
+    await expect(
+      execa(bin, ['dependency-check'], {
+        cwd: path.join(__dirname, 'fixtures/dependency-check/tsx-fail')
+      })
+    ).to.eventually.be.rejected()
+      .with.property('message')
+      .that.include('react-icons')
+  })
 })

test/fixtures/dependency-check/jsx-fail/package.json

@@ -0,0 +1,13 @@
+{
+    "name": "jsx-dep-check-fail",
+    "version": "1.0.0",
+    "main": "index.jsx",
+    "type": "module",
+    "dependencies": {
+        "react": "18.3.1",
+        "react-icons": "5.3.0"
+    },
+    "devDependencies": {
+        "@types/react": "^18.3.12"
+    }
+}

test/fixtures/dependency-check/jsx-fail/src/index.jsx

@@ -0,0 +1,10 @@
+// @ts-expect-error - not installed
+// eslint-disable-next-line no-unused-vars
+import React from 'react'
+
+// @ts-expect-error - not installed
+// eslint-disable-next-line no-unused-vars
+const Component = () => (<div>Hello, world!</div>)
+const App = () => (<Component />)
+
+export default App

test/fixtures/dependency-check/jsx-pass/package.json

@@ -0,0 +1,12 @@
+{
+    "name": "jsx-dep-check-fail",
+    "version": "1.0.0",
+    "main": "index.jsx",
+    "type": "module",
+    "dependencies": {
+        "react": "18.3.1"
+    },
+    "devDependencies": {
+        "@types/react": "^18.3.12"
+    }
+}

test/fixtures/dependency-check/jsx-pass/src/index.jsx

@@ -0,0 +1,10 @@
+// @ts-expect-error - not installed
+// eslint-disable-next-line no-unused-vars
+import React from 'react'
+
+// @ts-expect-error - not installed
+// eslint-disable-next-line no-unused-vars
+const Component = () => (<div>Hello, world!</div>)
+const App = () => (<Component />)
+
+export default App

test/fixtures/dependency-check/tsx-fail/package.json

@@ -0,0 +1,13 @@
+{
+    "name": "tsx-dep-check-fail",
+    "version": "1.0.0",
+    "main": "index.tsx",
+    "type": "module",
+    "dependencies": {
+        "react": "18.3.1",
+        "react-icons": "5.3.0"
+    },
+    "devDependencies": {
+        "@types/react": "^18.3.12"
+    }
+}

test/fixtures/dependency-check/tsx-fail/src/index.tsx

@@ -0,0 +1,8 @@
+// @ts-expect-error - not installed
+import React from 'react'
+
+// @ts-expect-error - not installed
+const Component: React.FC = () => (<div>Hello, world!</div>)
+const App: React.FC = () => (<Component />)
+
+export default App

test/fixtures/dependency-check/tsx-pass/package.json

@@ -0,0 +1,12 @@
+{
+    "name": "tsx-dep-check-pass",
+    "version": "1.0.0",
+    "main": "index.tsx",
+    "type": "module",
+    "dependencies": {
+        "react": "18.3.1"
+    },
+    "devDependencies": {
+        "@types/react": "^18.3.12"
+    }
+}

test/fixtures/dependency-check/tsx-pass/src/index.tsx

@@ -0,0 +1,8 @@
+// @ts-expect-error - not installed
+import React from 'react'
+
+// @ts-expect-error - not installed
+const Component: React.FC = () => (<div>Hello, world!</div>)
+const App: React.FC = () => (<Component />)
+
+export default App

tsconfig.json

@@ -2,7 +2,8 @@
     "extends": "./src/config/tsconfig.aegir.json",
     "compilerOptions": {
         "outDir": "dist",
-        "emitDeclarationOnly": true
+        "emitDeclarationOnly": true,
+        "jsx": "preserve"
     },
     "include": [
       "package.json",