Lines 293-333javascript
293 id: "unused-dependencies",
294 category: "Performance & Bundle Size",
296 file: "package.json", line: 1,
297 message: `${unused.length} dependenc${unused.length === 1 ? "y" : "ies"} in package.json appear unused: ${shown.join(", ")}${unused.length > shown.length ? ", …" : ""}.`,
298 why: "Unused deps still get installed, audited, and (if imported anywhere transitively) can end up in the bundle. They also slow every CI install and confuse new contributors.",
299 fix: "Verify each one, then `npm uninstall <pkg>` for the true zombies. Move build-only tools to devDependencies.",
300 aiPrompt: `The following dependencies have no import in the source tree: ${unused.join(", ")}. For each, decide whether to remove it (unused), move it to devDependencies (build/tool-only), or add the missing import (mistakenly deleted).`,
303 // Code-splitting heuristic: many routes, zero dynamic imports
304 const routeFiles = _files.filter((f) => /\/(routes|pages|app)\//.test(f) && /\.(tsx|jsx)$/.test(f));
305 const dynamicImportHits = (importHaystack.match(/\bReact\.lazy\s*\(|\blazy\s*\(\s*\(\s*\)\s*=>\s*import\(|\bimport\(\s*["']/g) ?? []).length;
306 if (routeFiles.length >= 12 && dynamicImportHits === 0) {
308 id: "no-code-splitting",
309 category: "Performance & Bundle Size",
311 file: "src", line: 1,
312 message: `${routeFiles.length} routes/pages and zero dynamic imports — everything ships in one bundle.`,
313 why: "Without code-splitting, a visitor to your landing page also downloads the admin dashboard, the settings screens, and every modal. First paint gets slower with every feature you add.",
314 fix: "Wrap heavy or rarely-used routes in React.lazy(() => import('./Route')) + <Suspense>, or use your router's built-in lazy() API. Split third-party charts, editors and 3D scenes the same way.",
315 aiPrompt: `This project has ${routeFiles.length} route files but no dynamic import()/React.lazy usage. Identify the largest / least-visited routes (admin, settings, editors, charts) and refactor them to React.lazy() + <Suspense fallback={...}> so they code-split out of the initial bundle.`,
MediumDynamic Require
Package source references dynamic require/import behavior.
dist/scanner/repo-checks.jsView on unpkg · L313 319 // ─────────────────────────────────────────────────────────────────────
320 // Unused CSS classes (skip Tailwind / CSS-modules)
321 // ─────────────────────────────────────────────────────────────────────
322 const cssFiles = await fg(["**/*.css", "!**/node_modules/**", "!**/dist/**", "!**/build/**", "!**/.next/**", "!**/.output/**", "!**/*.module.css"], { cwd: root, absolute: true, dot: false });
323 if (cssFiles.length) {
324 // Build a haystack of everything CSS classes might be referenced from.
325 let refHaystack = "";
326 for (const abs of _files) {
327 if (!/\.(tsx|jsx|ts|js|mjs|cjs|svelte|vue|astro|html?|mdx?)$/.test(abs))
329 const chunk = await readMaybe(abs);
331 refHaystack += chunk + "\n";
333 for (const cssAbs of cssFiles) {