Initialize SvelteKit project with complete modern web development stack: ## Core Framework - SvelteKit 2.0 with Svelte 5 and TypeScript strict mode - Vite 5 for blazing fast dev server and builds - Node.js 20 standardized via .nvmrc ## Styling & Theming - Tailwind CSS 3.4 with utility-first approach - DaisyUI 4.0 with custom CS2 themes (cs2dark/cs2light) - CS2-branded color palette (T-side orange, CT-side blue) - PostCSS for CSS processing ## Code Quality & Tooling - ESLint 8 with TypeScript + Svelte plugins - Prettier 3 with Svelte + Tailwind plugins - Stylelint 16 for CSS linting - Husky 9 + lint-staged for pre-commit hooks - TypeScript 5.3 with all strict flags enabled ## Testing Infrastructure - Vitest 1.0 for unit/component tests with jsdom - Playwright 1.40 for E2E tests (3 browsers) - Testing Library for component testing - MSW 2.0 for API mocking - Coverage thresholds set to 80% ## Project Structure - Organized src/ with lib/, routes/, mocks/, tests/ - Component directories: layout, ui, charts, match, player - Path aliases configured: $lib, $components, $stores, $types, $api - Separate test directories: unit, integration, e2e ## CI/CD & Deployment - Updated Woodpecker CI pipeline with quality gates - Pipeline steps: install → lint → type-check → test → build - Deploy targets: master (prod), dev (staging), cs2-port (preview) ## Documentation - Comprehensive README.md with setup guide - API.md with complete backend documentation (12 endpoints) - TODO.md updated with Phase 0 & 1 completion - Environment variables template (.env.example) ## Development Experience - Hot module reloading configured - Dev server running on port 5173 - All npm scripts defined for dev, test, build workflows - Pre-commit hooks prevent broken code commits Project is now ready for feature development (Phase 2+). 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
55 lines
977 B
JavaScript
55 lines
977 B
JavaScript
import js from '@eslint/js';
|
|
import ts from 'typescript-eslint';
|
|
import svelte from 'eslint-plugin-svelte';
|
|
import prettier from 'eslint-config-prettier';
|
|
import globals from 'globals';
|
|
|
|
/** @type {import('eslint').Linter.FlatConfig[]} */
|
|
export default [
|
|
js.configs.recommended,
|
|
...ts.configs.recommended,
|
|
...svelte.configs['flat/recommended'],
|
|
prettier,
|
|
...svelte.configs['flat/prettier'],
|
|
{
|
|
languageOptions: {
|
|
globals: {
|
|
...globals.browser,
|
|
...globals.node
|
|
}
|
|
}
|
|
},
|
|
{
|
|
files: ['**/*.svelte'],
|
|
languageOptions: {
|
|
parserOptions: {
|
|
parser: ts.parser
|
|
}
|
|
}
|
|
},
|
|
{
|
|
ignores: [
|
|
'build/',
|
|
'.svelte-kit/',
|
|
'dist/',
|
|
'node_modules/',
|
|
'**/*.cjs',
|
|
'*.config.js',
|
|
'*.config.ts'
|
|
]
|
|
},
|
|
{
|
|
rules: {
|
|
'@typescript-eslint/no-unused-vars': [
|
|
'error',
|
|
{
|
|
argsIgnorePattern: '^_',
|
|
varsIgnorePattern: '^_'
|
|
}
|
|
],
|
|
'@typescript-eslint/no-explicit-any': 'error',
|
|
'svelte/no-at-html-tags': 'warn'
|
|
}
|
|
}
|
|
];
|