Second step of the visual-redesign (tokens -> primitives -> surfaces): a small set of shared, token-driven primitives in @trails-cool/ui so both apps compose from one styled vocabulary instead of hand-rolling bg-white/text-gray-* per screen. - @trails-cool/ui now ships React components (Button variants+sizes, Badge tones, Card raised/subtle, Input) plus a tiny cn() helper. React is a peer dep; package builds with no bundling step. - Co-located jsdom unit tests (@testing-library/react) assert roles, token classes, variant switching, and behavior — run in the existing Unit Tests gate, cross-platform, no snapshot baseline needed. - Tailwind @source directive in both apps' styles.css so the package's token utility classes get generated. - Dev-only /dev/ui gallery route in the planner renders every primitive in all states — a zero-dependency stand-in for Storybook. Excluded from production builds (NODE_ENV guard in routes.ts). No app surfaces are refactored yet; adopting the primitives in the topbar/sidebar/etc. is the surface task groups. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
17 lines
755 B
TypeScript
17 lines
755 B
TypeScript
import { type RouteConfig, index, route } from "@react-router/dev/routes";
|
|
|
|
export default [
|
|
index("routes/home.tsx"),
|
|
route("new", "routes/new.tsx"),
|
|
route("api/sessions", "routes/api.sessions.ts"),
|
|
route("api/route", "routes/api.route.ts"),
|
|
route("api/route-segments", "routes/api.route-segments.ts"),
|
|
route("api/pois", "routes/api.pois.ts"),
|
|
route("api/save-to-journal", "routes/api.save-to-journal.ts"),
|
|
route("session/:id", "routes/session.$id.tsx"),
|
|
// Dev-only component gallery for the shared @trails-cool/ui primitives —
|
|
// our lightweight stand-in for Storybook. Not compiled in production builds.
|
|
...(process.env.NODE_ENV === "production"
|
|
? []
|
|
: [route("dev/ui", "routes/dev.ui.tsx")]),
|
|
] satisfies RouteConfig;
|