busya
27435e4d92
Svelte 5 compiler fails to detect Proxy-based i18n store `t` as a store in deeply nested/complex templates and in `.svelte.ts` model files, generating `ReferenceError: $t is not defined` at runtime. Fix: replace `$t.` references with: - Template: `_t.` where `const _t = $derived(getT())` - Script: `getT()?.` direct function call Applied to: - translate/[id]/+page.svelte (the failing page) - TranslationJobModel.svelte.ts ($derived.by() in `tabs`) - 12 translate components (ConfigTabForm, ScheduleConfig, TranslationPreview, TargetTabForm, RunTabContent, BulkReplaceModal, TranslationRunProgress, TranslationRunResult, TermCorrectionPopup, BulkCorrectionSidebar, TranslationMetricsDashboard, CorrectionCell, TranslationRunGlobalIndicator) Verified all 5 tabs render correctly in browser: Config, Preview, Target, Run, Schedule. Build clean, 698/698 tests pass, 0 color violations.
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.