34529a9432
ElevationChart (1013 lines) split into: - elevation-chart-draw.ts — pure drawElevationChart(ctx, w, h, params) function - use-elevation-data.ts — useElevationData(routeData) hook - ElevationChart.tsx — ~300 lines, interaction + render only PlannerMap (869 lines) split into: - MapHelpers.tsx — 7 Leaflet sub-components (MapExposer, RouteFitter, MapClickHandler, CursorTracker, NoGoAreaButton, OverlaySync, PoiRefresher) - use-waypoint-manager.ts — all waypoint CRUD + route data sync - use-gpx-drop.ts — GPX drag-and-drop hook - PlannerMap.tsx — ~200 lines, orchestration only Add Vitest browser visual regression tests for drawElevationChart via @vitest/browser + Playwright (toMatchScreenshot). Tests cover plain, grade, elevation, surface color modes plus hover and drag-select states. Add update-visual-snapshots.yml workflow: triggered by workflow_dispatch or the `update-snapshots` PR label; commits snapshots back to the branch. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
64 lines
2 KiB
JSON
64 lines
2 KiB
JSON
{
|
|
"name": "@trails-cool/planner",
|
|
"private": true,
|
|
"version": "0.0.1",
|
|
"type": "module",
|
|
"scripts": {
|
|
"dev": "react-router dev",
|
|
"build": "react-router build",
|
|
"start": "node server.ts",
|
|
"typecheck": "react-router typegen && tsc",
|
|
"lint": "eslint .",
|
|
"test": "vitest run",
|
|
"test:visual": "vitest run --config vitest.browser.config.ts",
|
|
"test:visual:update": "vitest run --config vitest.browser.config.ts --update-snapshots"
|
|
},
|
|
"dependencies": {
|
|
"@codemirror/commands": "^6.10.3",
|
|
"@codemirror/language": "^6.12.3",
|
|
"@codemirror/state": "^6.6.0",
|
|
"@codemirror/view": "^6.42.1",
|
|
"@geoman-io/leaflet-geoman-free": "^2.19.3",
|
|
"@react-router/node": "catalog:",
|
|
"@react-router/serve": "catalog:",
|
|
"@sentry/node": "catalog:",
|
|
"@sentry/react": "catalog:",
|
|
"@trails-cool/db": "workspace:*",
|
|
"@trails-cool/gpx": "workspace:*",
|
|
"@trails-cool/i18n": "workspace:*",
|
|
"@trails-cool/jobs": "workspace:*",
|
|
"@trails-cool/map": "workspace:*",
|
|
"@trails-cool/map-core": "workspace:*",
|
|
"@trails-cool/sentry-config": "workspace:*",
|
|
"@trails-cool/types": "workspace:*",
|
|
"@trails-cool/ui": "workspace:*",
|
|
"codemirror": "^6.0.2",
|
|
"drizzle-orm": "catalog:",
|
|
"isbot": "^5.1.40",
|
|
"lib0": "^0.2.117",
|
|
"pino": "^10.3.1",
|
|
"prom-client": "^15.1.3",
|
|
"react": "catalog:",
|
|
"react-dom": "catalog:",
|
|
"react-router": "catalog:",
|
|
"ws": "^8.20.0",
|
|
"y-codemirror.next": "^0.3.5",
|
|
"y-protocols": "^1.0.7",
|
|
"y-websocket": "^3.0.0",
|
|
"yjs": "^13.6.30"
|
|
},
|
|
"devDependencies": {
|
|
"@react-router/dev": "catalog:",
|
|
"@tailwindcss/vite": "catalog:",
|
|
"@types/leaflet.markercluster": "^1.5.6",
|
|
"@types/react": "catalog:",
|
|
"@types/react-dom": "catalog:",
|
|
"@types/ws": "^8.18.1",
|
|
"@vitest/browser": "^4.1.5",
|
|
"leaflet.markercluster": "^1.5.3",
|
|
"pino-pretty": "^13.1.3",
|
|
"tailwindcss": "catalog:",
|
|
"typescript": "catalog:",
|
|
"vite": "catalog:"
|
|
}
|
|
}
|