A "Raw data" button at the bottom right of each card opens a modal with the full activity/laps/assignment JSON (embedded RawJSON strings parsed back into objects for readability), to make it easier to inspect exactly what data is available when iterating on the charts. Phase band colors (warm-up/effort/recovery/cool-down) previously reused the same blue/red as the pace/HR accent colors, making them hard to tell apart. New palette (amber/pink/teal/violet) avoids both accents entirely.
React + TypeScript + Vite
This template provides a minimal setup to get React working in Vite with HMR and some Oxlint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Oxc
- @vitejs/plugin-react-swc uses SWC
React Compiler
The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see this documentation.
Expanding the Oxlint configuration
If you are developing a production application, we recommend enabling type-aware lint rules by installing oxlint-tsgolint and editing .oxlintrc.json:
{
"$schema": "./node_modules/oxlint/configuration_schema.json",
"plugins": ["react", "typescript", "oxc"],
"options": {
"typeAware": true
},
"rules": {
"react/rules-of-hooks": "error",
"react/only-export-components": ["warn", { "allowConstantExport": true }]
}
}
See the Oxlint rules documentation for the full list of rules and categories.