Merge pull request #2 from aligneddev/toReact

To react

Author: aligneddev

.specify/memory/constitution.md

@@ -7,7 +7,7 @@ Scaffolded starter structure for a local-first Bike Tracking application.
 - .NET 10 Aspire AppHost orchestration
 - .NET 10 Minimal API backend with hello endpoints
 - F# domain project placeholder
-- Aurelia 2 frontend (Vite) with a simple hello screen
+- React frontend (Vite) with a simple hello screen
 - No business logic implemented yet
 - No database schema created yet
 
@@ -17,7 +17,7 @@ Scaffolded starter structure for a local-first Bike Tracking application.
 - src/BikeTracking.Api - Minimal API service
 - src/BikeTracking.ServiceDefaults - Shared Aspire defaults/telemetry wiring
 - src/BikeTracking.Domain.FSharp - Domain layer starter project (F#)
-- src/BikeTracking.Frontend - Aurelia 2 frontend app
+- src/BikeTracking.Frontend - React frontend app
 
 ## Prerequisites
 
@@ -41,7 +41,7 @@ dotnet run --project src/BikeTracking.AppHost
 ```
 
 3. Open Aspire dashboard and launch services:
-- `frontend` for the Aurelia hello screen
+- `frontend` for the React hello screen
 - `api` for the Minimal API
 
 ## API starter endpoints

README.md

@@ -5,12 +5,8 @@
     .WithHttpHealthCheck("/health")
     .WithExternalHttpEndpoints();
 
-// AddViteApp was not working with Aurelia
 var webFrontend = builder
-    .AddNodeApp("frontend", "../BikeTracking.Frontend", "node_modules/vite/bin/vite.js")
-    .WithNpm()
-    .WithRunScript("preview")
-    .WithHttpEndpoint(port: 5173, env: "PORT")
+    .AddViteApp("frontend", "../BikeTracking.Frontend")
     .WithReference(apiService)
     .WaitFor(apiService);
 

src/BikeTracking.AppHost/AppHost.cs

@@ -1,36 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
 
-# You may want to customise this file depending on your Operating System
-# and the editor that you use.
-#
-# We recommend that you use a Global Gitignore for files that are not related
-# to the project. (https://help.github.com/articles/ignoring-files/#create-a-global-gitignore)
-
-# OS
-#
-# Ref: https://github.com/github/gitignore/blob/master/Global/macOS.gitignore
-# Ref: https://github.com/github/gitignore/blob/master/Global/Windows.gitignore
-# Ref: https://github.com/github/gitignore/blob/master/Global/Linux.gitignore
-.DS_STORE
-Thumbs.db
+node_modules
+dist
+dist-ssr
+*.local
 
-# Editors
-#
-# Ref: https://github.com/github/gitignore/blob/master/Global
-# Ref: https://github.com/github/gitignore/blob/master/Global/JetBrains.gitignore
-# Ref: https://github.com/github/gitignore/blob/master/Global/VisualStudioCode.gitignore
-.idea
-.chrome
-/*.log
+# Editor directories and files
 .vscode/*
-!.vscode/settings.json
-!.vscode/tasks.json
-!.vscode/launch.json
 !.vscode/extensions.json
-
-# Dependencies
-node_modules
-
-# Compiled files
-/dist
-/.nyc_output
-/coverage
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

src/BikeTracking.Frontend/.gitignore

@@ -1,19 +1,73 @@
-# bike-tracking-frontend
+# React + TypeScript + Vite
 
-This project is bootstrapped by [aurelia/new](https://github.com/aurelia/new).
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
 
-## Quick start
+Currently, two official plugins are available:
 
-    npm install
-    npm start
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Oxc](https://oxc.rs)
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/)
 
+## React Compiler
 
-## Start dev web server
+The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
 
-    npm start
+## Expanding the ESLint configuration
 
-## Build the app in production mode
+If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
 
-    npm run build
+```js
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
 
+      // Remove tseslint.configs.recommended and replace with this
+      tseslint.configs.recommendedTypeChecked,
+      // Alternatively, use this for stricter rules
+      tseslint.configs.strictTypeChecked,
+      // Optionally, add this for stylistic rules
+      tseslint.configs.stylisticTypeChecked,
 
+      // Other configs...
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```
+
+You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+
+```js
+// eslint.config.js
+import reactX from 'eslint-plugin-react-x'
+import reactDom from 'eslint-plugin-react-dom'
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+      // Enable lint rules for React
+      reactX.configs['recommended-typescript'],
+      // Enable lint rules for React DOM
+      reactDom.configs.recommended,
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```

src/BikeTracking.Frontend/.stylelintrc.json

@@ -0,0 +1,23 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
+import { defineConfig, globalIgnores } from 'eslint/config'
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      js.configs.recommended,
+      tseslint.configs.recommended,
+      reactHooks.configs.flat.recommended,
+      reactRefresh.configs.vite,
+    ],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+  },
+])