feat: Add shadcn/ui component library and migrate components - #126
Open
iacapuca wants to merge 5 commits into
Open
feat: Add shadcn/ui component library and migrate components#126iacapuca wants to merge 5 commits into
iacapuca wants to merge 5 commits into
Conversation
…ployment Migrate the entire application from Remix 2.16 to TanStack Start 1.167 with TanStack Router for file-based routing. Configure deployment target to Cloudflare Workers instead of Vercel. Key changes: - Replace @remix-run/* packages with @tanstack/react-start and @tanstack/react-router - Convert all 28 route files to use createFileRoute pattern - Convert all 27 loader files to plain async functions (remove json/defer wrappers) - Replace Remix entry points with TanStack Start client/ssr/router entries - Create __root.tsx with createRootRoute (replaces root.tsx) - Update all component imports from @remix-run/react to @tanstack/react-router - Replace useLocation with useRouterState, useSearchParams with useSearch - Replace remix-utils ClientOnly with inline implementation - Replace Node.js fs/path usage with fetch() for Cloudflare Workers compatibility - Add wrangler.jsonc for Cloudflare Workers deployment - Add @cloudflare/vite-plugin for SSR on Workers - Configure TanStack Start plugin with srcDirectory: "app" - Update .gitignore for routeTree.gen.ts and .wrangler/ Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
…F Workers - Set compatibility_date to 2026-03-17 (latest supported by runtime) - Strip `cache: "force-cache"` from fetch options since Cloudflare Workers doesn't support it Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Remove VercelSponsor component and logo from Footer - Delete vercel.json configuration - Clean up .gitignore (remove .vercel, deduplicate .wrangler) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
…refetching
- Add @tanstack/react-router-with-query for automatic dehydration/hydration
- Update router.tsx to use routerWithQueryClient with shared QueryClient
- Update __root.tsx to use createRootRouteWithContext<{ queryClient }>
- Convert all 27 loader files to export queryOptions() factories
- Update all route loaders to use queryClient.ensureQueryData()
- Update all route components to use useSuspenseQuery() instead of
Route.useLoaderData()
- Await all deferred promises in loaders (no more promise-based returns)
- Remove Await/Suspense wrappers from deferred routes (data is now
pre-loaded on server)
- QueryClient is now managed by the router, not a separate provider
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Set up shadcn/ui with Tailwind CSS integration: - Add CSS variables for theming (primary = ameciclo teal) - Add tailwindcss-animate, class-variance-authority, clsx, tailwind-merge - Create cn() utility for class merging - Remove unused styled-components dependency Create shadcn/ui base components: - Button (with variants: default, destructive, outline, secondary, ghost, link) - Card (Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter) - Dialog (Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription) - Input, Textarea, Label, Select - Alert (with variants: default, destructive, warning, success) - Badge, Tooltip, Skeleton, Breadcrumb Migrate existing components to use shadcn/ui: - ApiAlert: custom modal -> Dialog + Alert (destructive) - PointDetailsModal: custom overlay -> Dialog - CachePermissionModal: custom modal -> Dialog + Button - ContactForm: raw inputs -> Input, Textarea, Label, Select, Button - SelectionFilter: custom select -> Select + Label - ErrorFallback: raw div -> Alert (destructive) + Button - Tooltip: custom CSS tooltip -> shadcn Tooltip wrapper Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
cn()utility, tailwindcss-animate)styled-componentsdependencyComponents migrated
Dialog+Alert(destructive)Dialog+DialogContentDialog+Button<input>/<textarea>/<select>Input,Textarea,Label,Select,ButtonSelect+LabelAlert(destructive) +ButtonTooltipwrapperTheme configuration
#008080(ameciclo teal) mapped to--primaryCSS variableTest plan
/dados/contagensmap point clicks/contatonpm run buildto confirm production build succeeds🤖 Generated with Claude Code