chore: update genesis timestamp, fix import paths, clean compiled JS files, and adjust mock path - Update devnet genesis timestamp to 1766400877 - Add Receipt model for zk-proof generation with receiptId, miner, coordinator fields - Fix import paths from settings to config across service modules (access_control, audit_logging, encryption, hsm_key_manager, key_management, zk_proofs) - Remove compiled JavaScript files from explorer-web components and lib directories - Update mock data base path
2.7 KiB
2.7 KiB
Marketplace Web – Task Breakdown
Status (2025-12-22)
- Stage 1: ✅ DEPLOYED - Marketplace Web successfully deployed in production at https://aitbc.bubuit.net/marketplace/
- Vite + TypeScript project with API layer, auth scaffolding, and mock/live data toggle
- Offer list, bid form, stats cards implemented
- Mock data fixtures with API abstraction
- nginx proxy configured at
/marketplace/route
- Stage 2: ✅ Completed - Connected to coordinator endpoints with feature flags for live mode rollout.
Stage 1 (MVP) - COMPLETED
-
Project Initialization
- ✅ Scaffold Vite + TypeScript project under
apps/marketplace-web/. - ✅ Define
package.json,tsconfig.json,vite.config.ts, and.env.examplewithVITE_API_BASE,VITE_FEATURE_WALLET. - ✅ Configure ESLint/Prettier presets.
- ✅ Scaffold Vite + TypeScript project under
-
API Layer
- ✅ Implement
src/api/http.tsfor base fetch wrapper with mock vs real toggle. - ✅ Create
src/api/marketplace.tswith typed functions for offers, bids, stats, wallet. - ✅ Provide mock JSON files under
public/mock/for development.
- ✅ Implement
-
State Management
- ✅ Implement lightweight store in
src/lib/api.tswith pub/sub and caching. - ✅ Define shared TypeScript interfaces in
src/lib/types.ts.
- ✅ Implement lightweight store in
-
Views & Components
- ✅ Build router in
src/main.tsand bootstrap application. - ✅ Implement views: offer list, bid form, stats cards.
- ✅ Create components with validation and responsive design.
- ✅ Add filters (region, hardware, price, latency).
- ✅ Build router in
-
Styling & UX
- ✅ Create CSS system implementing design and responsive layout.
- ✅ Ensure accessibility: semantic HTML, focus states, keyboard navigation.
- ✅ Add toast notifications and form validation messaging.
-
Authentication
- ✅ Implement auth/session scaffolding in
src/lib/auth.ts. - ✅ Add feature flags for marketplace actions.
- ✅ Implement auth/session scaffolding in
-
Documentation
- ✅ Update
apps/marketplace-web/README.mdwith instructions for dev/build, mock API usage, and configuration.
- ✅ Update
Production Deployment Details
- Container: Incus container 'aitbc' at
/var/www/aitbc.bubuit.net/marketplace/ - Build: Vite + TypeScript build process
- Port: Static files served by nginx
- Access: https://aitbc.bubuit.net/marketplace/
- Features: Offer list, bid form, stats cards, responsive design
- Mock Data: JSON fixtures in
public/mock/directory
Stage 2+ - IN PROGRESS
- 🔄 Integrate real coordinator/pool hub endpoints and authentication.
- 🔄 Add WebSocket updates for live offer/pricing changes.
- 🔄 Implement i18n support with dictionaries in
public/i18n/. - 🔄 Add Vitest test suite for utilities and API modules.