This commit implements significant portions of Phase 5 (Feature Delivery) including: Chart Components (src/lib/components/charts/): - LineChart.svelte: Line charts with Chart.js integration - BarChart.svelte: Vertical/horizontal bar charts with stacking - PieChart.svelte: Pie/Doughnut charts with legend - All charts use Svelte 5 runes ($effect) for reactivity - Responsive design with customizable options Data Display Components (src/lib/components/data-display/): - DataTable.svelte: Generic sortable, filterable table component - TypeScript generics support for type safety - Custom formatters and renderers - Sort indicators and column alignment options Match Detail Pages: - Match layout with header, tabs, and score display - Economy tab: Equipment value charts, buy type classification, round-by-round table - Details tab: Multi-kill distribution charts, team performance, top performers - Chat tab: Chronological messages with filtering, search, and round grouping Additional Components: - SearchBar, ThemeToggle (layout components) - MatchCard, PlayerCard (domain components) - Modal, Skeleton, Tabs, Tooltip (UI components) - Player profile page with stats and recent matches Dependencies: - Installed chart.js for data visualization - Created Svelte 5 compatible chart wrappers Phase 4 marked as complete, Phase 5 at 50% completion. Flashes and Damage tabs deferred for future implementation. Note: Minor linting warnings to be addressed in follow-up commit. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
80 lines
2.1 KiB
JSON
80 lines
2.1 KiB
JSON
{
|
|
"name": "cs2wtf",
|
|
"version": "2.0.0",
|
|
"description": "Statistics for CS2 matchmaking matches",
|
|
"private": true,
|
|
"type": "module",
|
|
"scripts": {
|
|
"dev": "vite dev",
|
|
"build": "vite build",
|
|
"preview": "vite preview",
|
|
"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
|
|
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
|
|
"lint": "prettier --check . && eslint .",
|
|
"lint:fix": "prettier --write . && eslint --fix .",
|
|
"format": "prettier --write .",
|
|
"test": "vitest run",
|
|
"test:watch": "vitest",
|
|
"test:coverage": "vitest run --coverage",
|
|
"test:e2e": "playwright test",
|
|
"test:e2e:ui": "playwright test --ui",
|
|
"test:e2e:debug": "playwright test --debug",
|
|
"prepare": "husky"
|
|
},
|
|
"dependencies": {
|
|
"@sveltejs/kit": "^2.0.0",
|
|
"axios": "^1.6.0",
|
|
"chart.js": "^4.5.1",
|
|
"svelte": "^5.0.0",
|
|
"zod": "^3.22.0"
|
|
},
|
|
"devDependencies": {
|
|
"@playwright/test": "^1.40.0",
|
|
"@sveltejs/adapter-auto": "^3.0.0",
|
|
"@sveltejs/adapter-node": "^5.0.0",
|
|
"@sveltejs/vite-plugin-svelte": "^4.0.0",
|
|
"@testing-library/jest-dom": "^6.0.0",
|
|
"@testing-library/svelte": "^5.0.0",
|
|
"@types/node": "^20.10.0",
|
|
"@typescript-eslint/eslint-plugin": "^7.0.0",
|
|
"@typescript-eslint/parser": "^7.0.0",
|
|
"@vitest/coverage-v8": "^1.0.0",
|
|
"autoprefixer": "^10.4.0",
|
|
"daisyui": "^4.0.0",
|
|
"eslint": "^8.57.0",
|
|
"eslint-config-prettier": "^9.1.0",
|
|
"eslint-plugin-svelte": "^2.35.0",
|
|
"globals": "^15.0.0",
|
|
"husky": "^9.0.0",
|
|
"jsdom": "^24.0.0",
|
|
"lint-staged": "^15.0.0",
|
|
"lucide-svelte": "^0.400.0",
|
|
"msw": "^2.0.0",
|
|
"postcss": "^8.4.0",
|
|
"prettier": "^3.2.0",
|
|
"prettier-plugin-svelte": "^3.1.0",
|
|
"prettier-plugin-tailwindcss": "^0.5.0",
|
|
"stylelint": "^16.0.0",
|
|
"stylelint-config-standard": "^36.0.0",
|
|
"svelte-check": "^4.0.0",
|
|
"tailwindcss": "^3.4.0",
|
|
"tslib": "^2.6.0",
|
|
"typescript": "^5.3.0",
|
|
"typescript-eslint": "^8.0.0",
|
|
"vite": "^5.0.0",
|
|
"vitest": "^1.0.0"
|
|
},
|
|
"lint-staged": {
|
|
"*.{js,ts,svelte}": [
|
|
"prettier --write",
|
|
"eslint --fix"
|
|
],
|
|
"*.{json,css,md}": [
|
|
"prettier --write"
|
|
]
|
|
},
|
|
"engines": {
|
|
"node": ">=18.0.0"
|
|
}
|
|
}
|