feat: mileage plan builder and splits generator tab (#38)

* chore: add tabs component

* feat: mileage plan builder WIP

* fix: resonsive padding

* fix: label font size

* feat: move splits generator to its own component

- started renaming files with lowercase - syntax
- added mileage planner and splits generator tabs

* chore: rename files

* feat: add distances

* feat(mileage-builder): display entire week in table

* fix: old css for small screens

* refactor: cleanup conversions

* refactor(mileage-builder): variable names, types

* refactor(mileage-builder): reuse code

* fix: undo change

* refactor(splits-generator): magic number

* refactor(pace-calculator): grid layout

* feat(pace-calculator): grid layout

* feat(pace-calculator): layout tweaks

* refactor: extract constants and fix tests

* chore: comments

* fix: accessibility improvements

* fix(mileage-builder): responsive design

* feat(mileage-builder): disable submit until inputs are filled

* feat(mileage-builder): round decimals option, fix long run calculation

* feat(mileage-builder): refactor week function, add recovery percent

* refactor(mileage-builder): break down large component file

* fix: duplicate css cleanup, align select chevron to right

* refactor(mileage-builder): extract week generation logic and add unit tests

* fix(app): center

* fix(mileage-builder): add unit test, fix uncovered bugs, refactor utils

* feat(slits): add unit tests, handle unit change better

* chore: code coverage command

* chore: test cleanup

* refactor: types and content

* refactor: extract function

.gitignore

@@ -1,4 +1,10 @@
 node_modules/
+
+# build output
 dist/
+
 # Local Netlify folder
 .netlify
+
+# code coverage
+coverage/

eslint.config.js

@@ -8,7 +8,7 @@ import importPlugin from "eslint-plugin-import";
 import eslintConfigPrettier from "eslint-config-prettier";
 
 export default tseslint.config(
-  { ignores: ["dist"] },
+  { ignores: ["dist", "coverage"] },
   {
     extends: [js.configs.recommended, ...tseslint.configs.recommended],
     files: ["**/*.{ts,tsx}"],

package.json

@@ -8,11 +8,14 @@
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
+    "@radix-ui/react-checkbox": "^1.1.4",
     "@radix-ui/react-dialog": "^1.1.4",
     "@radix-ui/react-dropdown-menu": "^2.1.5",
+    "@radix-ui/react-label": "^2.1.2",
     "@radix-ui/react-popover": "^1.1.4",
     "@radix-ui/react-select": "^2.1.4",
     "@radix-ui/react-slot": "^1.1.1",
+    "@radix-ui/react-tabs": "^1.1.3",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "1.0.0",
@@ -28,6 +31,7 @@
     "build": "vite build",
     "serve": "vite preview",
     "test": "vitest run",
+    "test:coverage": "vitest run --coverage",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "format": "prettier --write ./src",
@@ -52,6 +56,7 @@
     "@types/react-dom": "^18.0.2",
     "@vitejs/plugin-react": "^4.3.4",
     "@vitejs/plugin-react-swc": "^3.7.2",
+    "@vitest/coverage-v8": "2.1.8",
     "autoprefixer": "^10.4.20",
     "eslint": "^9.18.0",
     "eslint-config-prettier": "^10.0.1",