refactor(report): add typecheck for all apps (#1019)

* refactor(report): add typecheck for all apps

* chore(report): remove unused hoverMaskColor variable and clean up pnpm-lock.yaml

Author: quanru

apps/android-playground/rsbuild.config.ts

@@ -5,6 +5,7 @@ import { pluginLess } from '@rsbuild/plugin-less';
 import { pluginNodePolyfill } from '@rsbuild/plugin-node-polyfill';
 import { pluginReact } from '@rsbuild/plugin-react';
 import { pluginSvgr } from '@rsbuild/plugin-svgr';
+import { pluginTypeCheck } from '@rsbuild/plugin-type-check';
 
 const copyAndroidPlaygroundStatic = () => ({
   name: 'copy-android-playground-static',
@@ -71,5 +72,6 @@ export default defineConfig({
     pluginLess(),
     pluginSvgr(),
     copyAndroidPlaygroundStatic(),
+    pluginTypeCheck(),
   ],
 });

apps/android-playground/src/App.tsx

@@ -84,7 +84,7 @@ export default function App() {
       socket.emit('get-devices');
     });
 
-    socket.on('disconnect', (reason: string) => {
+    socket.on('disconnect', (_reason: string) => {
       setLoadingDevices(true);
     });
 

apps/android-playground/src/adb-device/index.tsx

@@ -36,7 +36,7 @@ export interface AdbDeviceProps {
 
 const AdbDevice: React.FC<AdbDeviceProps> = ({
   devices,
-  loadingDevices,
+  loadingDevices: _loadingDevices,
   selectedDeviceId,
   onDeviceSelect,
   socketRef,

apps/android-playground/src/index.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import ReactDOM from 'react-dom/client';
 import App from './App';
 

apps/android-playground/src/scrcpy-player/index.tsx

@@ -209,7 +209,7 @@ export const ScrcpyPlayer = forwardRef<ScrcpyRefMethods, ScrcpyProps>(
     };
 
     // setup video stream processing
-    const setupVideoStream = (metadata: VideoMetadata) => {
+    const setupVideoStream = (_metadata: VideoMetadata) => {
       // for tracking if the configuration frame has been received
       let configurationPacketSent = false;
       let pendingDataPackets: any[] = [];

apps/chrome-extension/rsbuild.config.ts

@@ -90,9 +90,6 @@ export default defineConfig({
     pluginNodePolyfill(),
     pluginLess(),
     pluginSvgr(),
-    // pluginTypeCheck({
-    //   // Enable type checking for both development and production builds
-    //   enable: true,
-    // }),
+    pluginTypeCheck(),
   ],
 });

apps/chrome-extension/src/extension/bridge.tsx

@@ -126,7 +126,7 @@ export default function Bridge() {
     const loadMessages = async () => {
       try {
         const messages = await getBridgeMsgsFromStorage();
-        setMessageList(messages);
+        setMessageList(messages as BridgeMessageItem[]);
       } catch (error) {
         console.error('Failed to load bridge messages from storage:', error);
       }

apps/recorder-form/rsbuild.config.ts

@@ -1,10 +1,11 @@
 import { defineConfig } from '@rsbuild/core';
 import { pluginNodePolyfill } from '@rsbuild/plugin-node-polyfill';
 import { pluginReact } from '@rsbuild/plugin-react';
+import { pluginTypeCheck } from '@rsbuild/plugin-type-check';
 
 export default defineConfig({
   server: {
     port: 3001,
   },
-  plugins: [pluginReact(), pluginNodePolyfill()],
+  plugins: [pluginReact(), pluginNodePolyfill(), pluginTypeCheck()],
 });

apps/recorder-form/src/components/CanvasSelector.tsx

@@ -1,4 +1,3 @@
-import { Button, Space } from 'antd';
 import { useEffect, useRef, useState } from 'react';
 
 interface CanvasElement {
@@ -279,14 +278,6 @@ const CanvasSelector: React.FC<CanvasSelectorProps> = ({
     setStartPoint(null);
   };
 
-  const handleDelete = () => {
-    if (!selectedElement) return;
-    const newElements = elements.filter((el) => el.id !== selectedElement.id);
-    setElements(newElements);
-    setSelectedElement(null);
-    onChange?.(newElements);
-  };
-
   return (
     <div>
       <canvas

apps/report/rsbuild.config.ts

@@ -6,6 +6,7 @@ import { pluginLess } from '@rsbuild/plugin-less';
 import { pluginNodePolyfill } from '@rsbuild/plugin-node-polyfill';
 import { pluginReact } from '@rsbuild/plugin-react';
 import { pluginSvgr } from '@rsbuild/plugin-svgr';
+import { pluginTypeCheck } from '@rsbuild/plugin-type-check';
 
 // Read all JSON files from test-data directory
 const testDataDir = path.join(__dirname, 'test-data');
@@ -156,5 +157,6 @@ export default defineConfig({
     pluginNodePolyfill(),
     pluginSvgr(),
     copyReportTemplate(),
+    pluginTypeCheck(),
   ],
 });