busya
a697ff2c3d
Root cause: onchange on native <select> passes a DOM Event. The parent handler used e.detail, which is always 0 for native events. Sequence: 1. bind:value sets environmentId correctly 2. onchange fires -> handleEnvChange(0) overwrites to falsy 3. <select> re-renders showing 'Select environment...' Fix: - ConfigTabForm: onchange now passes e.target.value (the actual envId) - +page.svelte: callback receives the envId string directly, not e.detail @RATIONALE bind:value on <select> fires on the same change event. The handler must not re-set the same bindable to a stale value. Verification: browser reconfirmed — ss-dev stays selected after click.
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.