fix lint errors

Author: Boshen

.oxlintrc.json

@@ -6,8 +6,9 @@
     "react"
   ],
   "categories": {
-    "correctness": "warn",
-    "suspicious": "warn"
+    "correctness": "deny",
+    "suspicious": "warn",
+    "perf": "deny"
   },
   "rules": {
     "react/react-in-jsx-scope": "off"

apps/dashboard/src/components/minification/CompressionRatioChart.tsx

@@ -42,7 +42,7 @@ export function CompressionRatioChart({ data }: CompressionRatioChartProps) {
           <LabelList
             dataKey='value'
             position='top'
-            formatter={(label: React.ReactNode) => `${label}%`}
+            formatter={(label) => `${label}%`}
             style={{ fontSize: '10px', fill: '#94a3b8' }}
           />
         </Bar>

apps/dashboard/src/components/minification/MinificationTimeChart.tsx

@@ -39,7 +39,7 @@ export function MinificationTimeChart({ data }: MinificationTimeChartProps) {
           <LabelList
             dataKey='value'
             position='top'
-            formatter={(label: React.ReactNode) => `${label}ms`}
+            formatter={(label) => `${label}ms`}
             style={{ fontSize: '12px', fill: '#94a3b8' }}
           />
         </Bar>

apps/dashboard/src/components/rolldown/BuildTimeChart.tsx

@@ -49,7 +49,7 @@ export function BuildTimeChart() {
           <LabelList
             dataKey='value'
             position='top'
-            formatter={(label: React.ReactNode) => `${label}ms`}
+            formatter={(label) => `${label}ms`}
             style={{ fontSize: '11px', fill: '#94a3b8' }}
           />
         </Bar>

apps/dashboard/src/pages/DependentsPage.tsx

@@ -143,7 +143,7 @@ function DependentsPage() {
                     const repoName = dep.url.replace('https://github.com/', '');
                     return (
                       <tr
-                        key={index}
+                        key={dep.url}
                         className='border-b border-slate-100 dark:border-slate-800 transition-colors duration-150 bg-white dark:bg-slate-950 hover:bg-blue-50 dark:hover:bg-blue-950/40'
                       >
                         <td className='py-2 px-2 text-slate-500 dark:text-slate-400'>

apps/dashboard/src/pages/HomePage.tsx

@@ -4,6 +4,32 @@ import { ArrowRight, BarChart3, GitBranch, Package, Sparkles, Zap } from 'lucide
 import { Link } from 'react-router-dom';
 import { PageContainer } from '../components/layout/PageContainer';
 
+const getColorClasses = (color: string) => {
+  const colors: Record<string, { bg: string; icon: string; hover: string }> = {
+    blue: {
+      bg: 'bg-blue-50 dark:bg-blue-900/20',
+      icon: 'text-blue-600 dark:text-blue-400',
+      hover: 'hover:border-blue-300 dark:hover:border-blue-700',
+    },
+    amber: {
+      bg: 'bg-amber-50 dark:bg-amber-900/20',
+      icon: 'text-amber-600 dark:text-amber-400',
+      hover: 'hover:border-amber-300 dark:hover:border-amber-700',
+    },
+    green: {
+      bg: 'bg-green-50 dark:bg-green-900/20',
+      icon: 'text-green-600 dark:text-green-400',
+      hover: 'hover:border-green-300 dark:hover:border-green-700',
+    },
+    purple: {
+      bg: 'bg-purple-50 dark:bg-purple-900/20',
+      icon: 'text-purple-600 dark:text-purple-400',
+      hover: 'hover:border-purple-300 dark:hover:border-purple-700',
+    },
+  };
+  return colors[color] || colors.blue;
+};
+
 function HomePage() {
   const features = [
     {
@@ -36,32 +62,6 @@ function HomePage() {
     },
   ];
 
-  const getColorClasses = (color: string) => {
-    const colors: Record<string, { bg: string; icon: string; hover: string }> = {
-      blue: {
-        bg: 'bg-blue-50 dark:bg-blue-900/20',
-        icon: 'text-blue-600 dark:text-blue-400',
-        hover: 'hover:border-blue-300 dark:hover:border-blue-700',
-      },
-      amber: {
-        bg: 'bg-amber-50 dark:bg-amber-900/20',
-        icon: 'text-amber-600 dark:text-amber-400',
-        hover: 'hover:border-amber-300 dark:hover:border-amber-700',
-      },
-      green: {
-        bg: 'bg-green-50 dark:bg-green-900/20',
-        icon: 'text-green-600 dark:text-green-400',
-        hover: 'hover:border-green-300 dark:hover:border-green-700',
-      },
-      purple: {
-        bg: 'bg-purple-50 dark:bg-purple-900/20',
-        icon: 'text-purple-600 dark:text-purple-400',
-        hover: 'hover:border-purple-300 dark:hover:border-purple-700',
-      },
-    };
-    return colors[color] || colors.blue;
-  };
-
   return (
     <PageContainer>
       <div className='text-center mb-12'>

tools/fetch-github-dependents.mjs

@@ -38,11 +38,13 @@ async function fetchDependents() {
   const allDependents = {};
 
   // Process each repository and its packages
+  const allFetches = [];
+
   for (const [repoPath, packagesConfig] of Object.entries(repositories)) {
     console.log(`\n📦 Processing repository: ${repoPath}`);
     allDependents[repoPath] = {};
 
-    for (const [pkg, dependentType] of Object.entries(packagesConfig)) {
+    const packageFetches = Object.entries(packagesConfig).map(async ([pkg, dependentType]) => {
       console.log(`  → Fetching dependents for package: ${pkg} (type: ${dependentType})`);
 
       try {
@@ -76,9 +78,13 @@ async function fetchDependents() {
         console.error(`  ❌ Error fetching dependents for ${pkg}:`, error.message);
         allDependents[repoPath][pkg] = [];
       }
-    }
+    });
+
+    allFetches.push(...packageFetches);
   }
 
+  await Promise.all(allFetches);
+
   // Save all results to a single JSON file
   const outputPath = path.join(__dirname, '..', 'data', 'dependents.json');