Design + architecture refresh (#31)

* feat: add shadcn config and button component * feat: add input component and remove mui from time section * feat: replace box, textfield, and button from pace section * chore: add popover and command components * Revert "feat: replace box, textfield, and button from pace section" This reverts commit eab3ee9. * feat: add select component and use in pace section * feat: remove mui components from pace section * chore: prettier * feat: remove mui components from distance section * feat: remove form tag from time form * chore: delete textfield component * chore: remove box from splits table * chore(shadcn): add table * feat: use shadcn table for splits table * feat: tailwind theme * feat: add check prop to select item * feat: add spacing * feat: splits button styles * feat: add xs breakpoint to theme * feat: remove the rest of mui components * feat: remove theme provider * feat: remove material deps * fix: rename index to Main * chore: rename start command to dev * chore: fix typescript errors * fix: styles import path * fix: typescript error * feat: add theme provider, gradient background * feat: card component * feat: layout and styling updates * feat: theme switcher * test: fix tests * chore: lint * chore: format * fix: build
djm158 · Feb 3, 2025 · 5ac4051 · 5ac4051
1 parent 4f1c8e6
commit 5ac4051
Show file tree

Hide file tree

Showing 48 changed files with 3,427 additions and 832 deletions.
diff --git a/components.json b/components.json
@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "default",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.js",
+    "css": "src/styles.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "iconLibrary": "lucide"
+}
diff --git a/eslint.config.js b/eslint.config.js
@@ -34,13 +34,24 @@ export default tseslint.config(
         {
           "newlines-between": "always",
           groups: [
-            "builtin",
             "external",
+            "builtin",
             "internal",
-            "parent",
             "sibling",
+            "parent",
             "index",
           ],
+          pathGroups: [
+            {
+              pattern: "@/**",
+              group: "internal",
+            },
+          ],
+          pathGroupsExcludedImportTypes: ["internal"],
+          alphabetize: {
+            order: "asc",
+            caseInsensitive: true,
+          },
         },
       ],
     },

diff --git a/index.html b/index.html
@@ -23,6 +23,6 @@
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
-    <script type="module" src="/src/index.tsx"></script>
+    <script type="module" src="/src/Main.tsx"></script>
   </body>
 </html>
diff --git a/package.json b/package.json
@@ -8,14 +8,23 @@
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
-    "@mui/material": "^6.2.1",
-    "@mui/styles": "^6.2.1",
+    "@radix-ui/react-dialog": "^1.1.4",
+    "@radix-ui/react-dropdown-menu": "^2.1.5",
+    "@radix-ui/react-popover": "^1.1.4",
+    "@radix-ui/react-select": "^2.1.4",
+    "@radix-ui/react-slot": "^1.1.1",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "1.0.0",
     "formik": "^2.4.6",
+    "lucide-react": "^0.473.0",
     "react": "^18.0.2",
-    "react-dom": "^18.0.2"
+    "react-dom": "^18.0.2",
+    "tailwind-merge": "^2.6.0",
+    "tailwindcss-animate": "^1.0.7"
   },
   "scripts": {
-    "start": "vite",
+    "dev": "vite",
     "build": "vite build",
     "serve": "vite preview",
     "test": "vitest run",
@@ -24,6 +33,7 @@
     "format": "prettier --write ./src",
     "prettier": "prettier --check ./src",
     "typecheck": "tsc --noEmit",
+    "typecheck:watch": "tsc -b --watch",
     "checks": "pnpm run lint && pnpm run prettier && pnpm run typecheck"
   },
   "browserslist": [
@@ -37,10 +47,12 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^14.3.1",
     "@testing-library/user-event": "^14.5.2",
+    "@types/node": "^22.10.7",
     "@types/react": "^18.0.2",
     "@types/react-dom": "^18.0.2",
     "@vitejs/plugin-react": "^4.3.4",
     "@vitejs/plugin-react-swc": "^3.7.2",
+    "autoprefixer": "^10.4.20",
     "eslint": "^9.18.0",
     "eslint-config-prettier": "^10.0.1",
     "eslint-import-resolver-typescript": "^3.7.0",
@@ -50,7 +62,9 @@
     "eslint-plugin-react-refresh": "^0.4.18",
     "globals": "^15.14.0",
     "jsdom": "^26.0.0",
+    "postcss": "^8.5.1",
     "prettier": "^3.4.2",
+    "tailwindcss": "^3.4.17",
     "ts-node": "^10.9.2",
     "typescript": "~5.6.2",
     "typescript-eslint": "^8.20.0",