Skip to content

Update website dependencies to latest versions #282

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 12 commits into from
Aug 6, 2025

Conversation

kiwicopple
Copy link
Member

Summary

  • Updated all website dependencies to their latest compatible versions
  • Fixed breaking changes from major version upgrades
  • Ensured build and lint processes pass successfully

Key Updates

  • Next.js: 15.2.4 → 15.4.5
  • React/React-DOM: 18.2.0 → 18.3.1
  • TypeScript: 4.9.5 → 5.9.2
  • Supabase client: 2.49.8 → 2.53.0
  • TanStack React Query: 4.24.6 → 4.40.1
  • All Radix UI components updated to latest versions
  • Other dependencies updated to compatible latest versions

Breaking Changes Fixed

  • react-markdown v9: Removed inline and linkTarget props - implemented workarounds
  • TypeScript strict mode: Fixed type annotations in zod form validator utils
  • Component refs: Fixed incorrect HTMLElement types in typography components
  • A component: Now handles target="_blank" by default

Test Plan

  • Build passes successfully (npm run build)
  • Linting passes (npm run lint)
  • All breaking changes resolved
  • Components maintain expected functionality

🤖 Generated with Claude Code

- Upgraded Next.js from 15.2.4 to 15.4.5
- Updated React and React-DOM to 18.3.1
- Upgraded TypeScript from 4.9.5 to 5.9.2
- Updated all Radix UI components to latest versions
- Upgraded Supabase client from 2.49.8 to 2.53.0
- Updated TanStack React Query from 4.24.6 to 4.40.1
- Updated all other dependencies to compatible latest versions

Breaking changes resolved:
- Fixed react-markdown v9 compatibility (removed inline/linkTarget props)
- Fixed TypeScript strict mode issues in zod form validator
- Corrected HTML element types in typography components
- Updated A component to handle target="_blank" by default

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>
Copy link

vercel bot commented Aug 5, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
dbdev ✅ Ready (Inspect) Visit Preview 💬 Add feedback Aug 6, 2025 9:58am

Copy link

supabase bot commented Aug 5, 2025

This pull request has been ignored for the connected project xmuptpplfviifrbwmmtv because there are no changes detected in supabase directory. You can change this behaviour in Project Integrations Settings ↗︎.


Preview Branches by Supabase.
Learn more about Supabase Branching ↗︎.

@kiwicopple
Copy link
Member Author

FYI - just paving the way for some layout improvements

Major updates:
- Updated all core components (Button, Avatar, Tabs, DropdownMenu, etc.) to latest shadcn/ui versions
- Added modern components: Skeleton, Badge, Card, Separator, Toast with hooks
- Modernized typography components to use semantic CSS variables (text-foreground, text-primary)
- Replaced custom Loader with Skeleton component for better animations
- Enhanced CopyButton using modern Button component patterns
- Updated Spinner with size variants and consistent theming
- Fixed import system to use lowercase naming convention and named exports
- Improved theming with CSS variables instead of hardcoded dark mode classes
- Added better accessibility features across all components

Breaking changes resolved:
- Updated Avatar component size handling with CSS classes
- Fixed component imports to use named exports where required
- Resolved case-sensitivity issues in file naming
- Updated toast system path references

All components now follow latest shadcn/ui conventions and patterns.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>
- Add conditional environment variable handling in supabase-admin.ts
- Update static-path-queries.ts to gracefully handle missing admin client
- Add proper error handling and logging for build-time scenarios
- Enable fallback generation when environment variables are unavailable
- Maintain full functionality at runtime with proper environment setup

Resolves build failures in CI/development environments while preserving
production static generation capabilities.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>
…ld always be provided

This reverts commit 985e49f. The SUPABASE_SERVICE_ROLE_KEY environment variable
should be properly configured in all build environments rather than being
handled as optional.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>
Add missing dependencies (router, handle, profile.avatar_url) to useEffect
dependency array to resolve exhaustive-deps ESLint warning.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>
kiwicopple and others added 2 commits August 6, 2025 09:00
Add optional chaining to profile.avatar_url in useEffect dependency
array to handle case where profile could be undefined.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>
- Recreate missing shadcn components (button, avatar, tabs, label) with proper lowercase naming
- Remove old uppercase component files that were causing import conflicts
- Update pnpm-lock.yaml with latest dependencies

This resolves the Vercel build error where components couldn't be found
due to case sensitivity issues between local (macOS) and Vercel (Linux).

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>
- Rename UI components to lowercase for consistency (PascalCase → lowercase)
- Update all imports throughout the codebase
- Remove unused @radix-ui/react-hover-card dependency

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>
Regenerated lockfile to remove @radix-ui/react-hover-card that was causing Vercel build errors

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>
Copy link
Member

@alaister alaister left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!

- Change copyright to "Supabase, Inc."
- Remove FAQ link (page doesn't exist)
- Rename "Privacy Settings" to "Privacy"
- Add GitHub link to dbdev repository
- Restructure layout with left/right sections using flex justify-between

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>
@kiwicopple kiwicopple merged commit 1f780a4 into master Aug 6, 2025
8 checks passed
@kiwicopple kiwicopple deleted the update-website-dependencies branch August 6, 2025 10:05
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants