Kaggle 数据导入
15000 人进场

爸爸提前 1 周从 Kaggle 下好。Cursor 左树看到(.local 灰色 · gitignore 挡)。

右键 → New Folder → scripts · 里面 New File → import-kaggle.ts。第一行 #!/usr/bin/env tsx(可选 · 仪式感)。

import { readFile, writeFile } from 'node:fs/promises'; import { resolve } from 'node:path'; type Player = { name, rating, position, nationality, club: string }。

const CSV_PATH = process.argv[2] ?? '.local/kaggle/players.csv'; async function main() { const text = await readFile(resolve(process.cwd(), CSV_PATH), 'utf-8'); console.log(`read ${text.length} chars`); } main().catch(...)。终端 pnpm tsx scripts/import-kaggle.ts · 看到 read 18M+ chars。

课文里的整段抄进去 · 别展开。本质点是脚本跑通 · 不是 parser 实现。Phase 3 用 papaparse 库就免抄。

header = rows[0]; idx = { short_name, overall, player_positions, nationality_name, club_name } 各 indexOf。for (r = 1; ...) 读每行 · 清洗:position split(',')[0] · club 空 → 'Free Agent' · rating Number()。NaN / 缺名字 跳过。

await writeFile(resolve(process.cwd(), 'app/data/players-full.json'), JSON.stringify(players, null, 2), 'utf-8')。console.log 出 parsed N players + wrote 路径。

终端跑。应该看到 parsed 15000+ players + wrote app/data/players-full.json。今天的「哇」。

几 MB 文件 · 打开稍慢。看前几行是不是 [{ name, rating, position, ... }, ...]。注意:全英文。

import fullData from '@/app/data/players-full.json'; export const playersFull: Player[] = fullData as Player[]; export const playersTop100 = playersFull.slice().sort((a,b) => b.rating - a.rating).slice(0, 100)。

import { playersTop100 as players } from '@/lib/players' 替原来的 import { players } from ...。刷新 /fantasy 看 100 张顶级球员卡。顺畅。

Cursor Cmd+F 在 JSON 里搜 Haaland(英文)。E. Haaland · 91 · ST · Norway · Manchester City。

改 import 用 playersFull · 浏览器卡 1-3 秒。看清楚 DOM 不能塞太多。改回 playersTop100。Phase 3+ 虚拟列表才解。

终端 parsed 15234 + Cursor 打开 players-full.json 头几行。存 2026-XX-XX-15000人进场.png · Phase 2 第九张。