Repository navigation
Daniel_F_24_Set-up-global-styles - #26
Conversation
…oject description Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
…olve npm run lint error Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
…sconfig Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
…bal-styles Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
There was a problem hiding this comment.
Pull Request Overview
This PR establishes a comprehensive global styling system and React component library for the Chess Variant Simulator application. The changes include restructuring the project to separate client and server code, implementing a complete SCSS-based design system with reusable components, and adding corresponding unit tests.
Key Changes:
- Implemented a complete SCSS design system with abstracts (variables, mixins, functions), base styles, and 15+ styled components
- Created 21 reusable React components with TypeScript including forms, navigation, modals, alerts, and UI elements
- Added comprehensive unit test coverage for all React components using Vitest and React Testing Library
- Restructured project to separate client code into
src/clientsubdirectory and movedindex.htmltosrc - Updated build configuration (Vite, TypeScript) with path aliases and improved settings
Reviewed Changes
Copilot reviewed 81 out of 165 changed files in this pull request and generated 5 comments.
Show a summary per file
| File | Description |
|---|---|
| vitest.config.ts | Added jsdom environment, test setup file, and path aliases for client/server/shared code |
| vite.config.js | Configured new root directory, path aliases, and output directory for restructured project |
| tsconfig.*.json | Updated include paths to reflect new directory structure |
| src/client/styles/ | Complete SCSS architecture with variables, mixins, component styles, and utility classes |
| src/client/components/ | 21 React components (Alert, Badge, Button, Card, Form elements, Modal, etc.) |
| tests/client/components/ | Comprehensive unit tests for all React components |
| src/index.html | Moved HTML entry point to src directory with React app mounting |
| package.json | Added dependencies: classnames, normalize.css, @testing-library/jest-dom, jsdom |
Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.
Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
There was a problem hiding this comment.
Pull Request Overview
Copilot reviewed 81 out of 165 changed files in this pull request and generated 8 comments.
Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.
Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
Signed-off-by: Daniel Freer <deletes_minimal.0w@icloud.com>
|
wait no undo |
|
i didnt realize it had react and scss hang on |
|
I was too visually distracted by the funny cats |

Uh oh!
There was an error while loading. Please reload this page.