Implement a new Git environment timeline component to visualize dashboard versions across different deployment stages (Development, Pre-production, and Production). This includes new backend endpoints and frontend services to support historical data retrieval and version comparison. - Add `get_branch_commits` and `get_commit_diff` endpoints to backend API and Git service. - Implement `GitEnvironmentTimeline` Svelte component for visual representation of deployment history. - Update `GitManagerModel` to manage timeline state, including environment histories and version selection for comparison. - Add `getBranchCommits` and `getCommitDiff` methods to `gitService`. - Improve UX by separating the branch selector from the version map. - Add comprehensive i18n support for the new visualization features.
Superset Tools Frontend (SvelteKit)
This is the frontend for the Superset Tools application, built with SvelteKit in SPA mode.
Development
-
Install dependencies:
npm install -
Run development server:
npm run devThe frontend will be available at
http://localhost:5173. It is configured to proxy API requests tohttp://localhost:8000.
Production Build
-
Build the static SPA:
npm run buildThis generates a static SPA in the
build/directory. -
Serve with Backend: The Python backend is configured to serve the files from
frontend/build/. Ensure the backend is running:cd ../backend python src/app.py
Architecture
- Routing: File-based routing in
src/routes/. - Layouts: Shared UI in
src/routes/+layout.svelte. - Data Loading:
loadfunctions in+page.tsfor efficient data fetching. - API Client: Centralized API logic in
src/lib/api.js. - Styling: Tailwind CSS.