Edge Mining Frontend

This template should help get you started developing with Vue 3 in Vite.

Recommended IDE Setup

VSCode + Volar (and disable Vetur).

Type Support for .vue Imports in TS

TypeScript cannot handle type information for .vue imports by default, so we replace the tsc CLI with vue-tsc for type checking. In editors, we need Volar to make the TypeScript language service aware of .vue types.

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Type-Check, Compile and Minify for Production

npm run build

Lint with ESLint

npm run lint

TODO

• Add the missing routes (GET/POST/DELETE for policies and rules etc.).
• Complete Actions in Stores: Implement the missing API calls in Pinia actions (update/delete/activate policy etc.).
• Polling/WebSockets: Implement a mechanism to update the miner status in real-time on the dashboard (e.g., setInterval in the miners store or use WebSockets but it needs to be implemented into backend).
• Improve Forms: Add more robust validation to the forms, especially the rules form (perhaps with separate inputs for key/value condition instead of raw JSON).
• UI Error Handling: Display API errors to the user more clearly (e.g., using a notification/toast component).
• Loading States: Show more granular loading indicators during API calls.
• Styling: Apply a more refined style.
• Testing: Add unit and integration tests.