uniswap/ai-toolkit/analyze-bundle

cat package.json | grep -A5 '"scripts"'

# Vite / generic
find dist -name "*.js" -mtime -1 2>/dev/null | head -20
ls -lhS dist/ 2>/dev/null | head -20
 
# Next.js
ls -lhS .next/static/chunks/ 2>/dev/null | head -20
 
# Create React App / webpack
ls -lhS build/static/js/ 2>/dev/null | head -20

# Using vite-bundle-visualizer (preferred if available)
npx vite-bundle-visualizer --output /tmp/bundle-report.json 2>/dev/null
 
# Fallback: build with rollup options to emit stats
npm run build -- --mode production 2>/dev/null

cat dist/.vite/manifest.json 2>/dev/null | head -100

# Generate stats.json
npx webpack --config webpack.config.js --profile --json > /tmp/webpack-stats.json 2>/dev/null
 
# If that fails, check if webpack is configured in package.json scripts
npm run build -- --stats 2>/dev/null

npx webpack-bundle-analyzer /tmp/webpack-stats.json --mode static --report /tmp/bundle-report.html --no-open 2>/dev/null

# Check if @next/bundle-analyzer is configured
grep -r "bundle-analyzer\|withBundleAnalyzer" next.config.* 2>/dev/null
 
# Run with ANALYZE flag if configured
ANALYZE=true npm run build 2>/dev/null
 
# Fallback: analyze .next/static/chunks directly
ls -lhS .next/static/chunks/*.js 2>/dev/null | head -30

# Ensure source maps exist
ls dist/*.js.map build/static/js/*.js.map .next/static/chunks/*.js.map 2>/dev/null | head -5
 
# Run source-map-explorer on the detected build output (use only the matching path to
# avoid the second command silently overwriting the first report)
if [ -d dist ]; then
  npx source-map-explorer 'dist/*.js' --json > /tmp/sme-report.json 2>/dev/null
elif [ -d build/static/js ]; then
  npx source-map-explorer 'build/static/js/*.js' --json > /tmp/sme-report.json 2>/dev/null
fi

# Raw sizes sorted by size
find dist build .next/static/chunks -name "*.js" -not -name "*.map" 2>/dev/null \
  | xargs du -h | sort -rh | head -20
 
# Gzip estimate (multiply raw size by ~0.3 for a rough gzip estimate)
find dist -name "*.js" -not -name "*.map" 2>/dev/null \
  | xargs gzip -c | wc -c

# Preferred: use npm/pnpm/yarn to report all resolved versions — this catches nested
# hoisting conflicts that a flat node_modules scan would miss
npm ls --all --json 2>/dev/null | node -e "
const data = JSON.parse(require('fs').readFileSync('/dev/stdin','utf8'));
const seen = {};
function walk(node, depth) {
  if (!node || depth > 10) return;
  if (node.name && node.version) {
    if (!seen[node.name]) seen[node.name] = new Set();
    seen[node.name].add(node.version);
  }
  for (const dep of Object.values(node.dependencies || {})) walk(dep, depth+1);
}
walk(data, 0);
Object.entries(seen).filter(([,vs])=>vs.size>1)
  .forEach(([n,vs])=>console.log(n+': '+[...vs].join(', ')));
" 2>/dev/null | head -20
 
# Fallback if npm ls is too slow: flat scan (note: excludes nested node_modules,
# so it may miss hoisted duplicates — use npm ls output for authoritative results)
find node_modules -maxdepth 2 -name "package.json" \
  | xargs node -e "
const fs=require('fs');
const map={};
process.argv.slice(1).forEach(f=>{
  try{
    const p=JSON.parse(fs.readFileSync(f,'utf8'));
    if(!map[p.name]) map[p.name]=[];
    map[p.name].push(p.version);
  }catch(e){}
});
Object.entries(map).filter(([,vs])=>vs.length>1)
  .forEach(([n,vs])=>console.log(n+': '+vs.join(', ')));
" 2>/dev/null | head -20

# Namespace imports (import * as X) — barrel imports that pull in everything
grep -r "import \* as" src/ --include="*.ts" --include="*.tsx" --include="*.js" --include="*.jsx" 2>/dev/null | head -20
 
# Default imports from packages known to have named exports (lodash, date-fns, ramda)
grep -r "import _ from 'lodash'" src/ --include="*.ts" --include="*.tsx" 2>/dev/null | head -5
grep -r "import moment from 'moment'" src/ --include="*.ts" --include="*.tsx" 2>/dev/null | head -5
 
# Check if problematic packages have tree-shakeable alternatives
grep -r "\"moment\":\|\"lodash\":\|\"rxjs\":" package.json 2>/dev/null

# Route components loaded eagerly in React Router / Next.js
grep -r "import.*from.*pages\|import.*Router\|createBrowserRouter" src/ --include="*.tsx" --include="*.ts" 2>/dev/null | grep -v "lazy\|dynamic" | head -15
 
# Heavy components not yet lazy-loaded
grep -r "^import " src/ --include="*.tsx" 2>/dev/null \
  | grep -v "from 'react'\|from '@types'\|\.module\." \
  | awk '{print $NF}' | sort | uniq -c | sort -rn | head -20
 
# Check if React.lazy / dynamic() is already used
grep -r "React\.lazy\|import()\|next/dynamic" src/ --include="*.tsx" --include="*.ts" 2>/dev/null | wc -l

Bundler:              [detected bundler]
Total raw size:       X KB / X MB
Total gzip estimate:  X KB / X MB  (×0.28 compression ratio)
Largest chunk:        [filename] — X KB
Number of chunks:     N
Analysis method:      [tool used or "raw file sizes"]
Build artifacts:      [fresh / regenerated / not found]

1. react-dom              — 130 KB (gzip: 42 KB)  production dep, required
2. @mui/material          — 98 KB  (gzip: 31 KB)  production dep — consider tree-shaking named imports only
3. lodash                 — 71 KB  (gzip: 25 KB)  production dep — NAMESPACE IMPORT detected; switch to named imports or lodash-es
4. moment                 — 67 KB  (gzip: 22 KB)  production dep — replace with date-fns (~6 KB gzip) or day.js (~2 KB gzip)
5. [application code]...

## Critical (>20 KB gzip saving each)
 
### Replace `moment` with `day.js`
  Current: 67 KB raw / 22 KB gzip
  Target:  ~7 KB raw / 2.5 KB gzip
  Saving:  ~20 KB gzip
  Effort:  Medium — API is compatible; use codemod or search/replace
  Fix:     npm uninstall moment && npm install dayjs
           Replace: import moment from 'moment' → import dayjs from 'dayjs'
 
### Fix lodash namespace import
  Current: 71 KB raw (full lodash bundle)
  Target:  ~15 KB raw (only used functions)
  Saving:  ~15 KB gzip
  Effort:  Low — change import style
  Fix:     Replace `import _ from 'lodash'` with named imports: `import { debounce, cloneDeep } from 'lodash-es'`
 
## High (5–20 KB gzip saving each)
 
### Lazy-load SettingsPage and AdminDashboard routes
  These components are only needed for authenticated admin users but are in the main bundle.
  Saving:  ~8 KB gzip estimated
  Effort:  Low
  Fix:     const SettingsPage = React.lazy(() => import('./pages/SettingsPage'))
 
## Low (<5 KB gzip saving each)
 
### [smaller items]