[PR #551] [MERGED] refactor: migrate shadcn-components to Svelte 5 and TW4 #732

Closed
opened 2025-10-07 00:21:26 +03:00 by OVERLORD · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/pocket-id/pocket-id/pull/551
Author: @kmendell
Created: 5/20/2025
Status: Merged
Merged: 5/21/2025
Merged by: @kmendell

Base: v1.0.0Head: chore/svelte5


📝 Commits (10+)

  • afa111b chore(svelet5): migrate to svelte 5 syntax
  • cbd75a1 chore(svelte5): upgrade sahdcn utilities
  • 1fd5c42 chore(svelte5): upgrade lucide-svelte to @lucide/svelte
  • f07822d chore(svelte5): upgrade bits ui dep
  • 310e854 chore(svelte5): upgrade alert component
  • 82cf593 chore(svelte5): upgrade button component
  • e1274ab chore(svelte5): upgrade alert-dialog component
  • 5314552 chore(svelte5): upgrade avatar component
  • 4390c16 chore(svelte5): upgrade badge component
  • 25441c5 chore(svelte5): upgrade calendar and popover components

📊 Changes

197 files changed (+8133 additions, -7462 deletions)

View changed files

📝 .vscode/settings.json (+2 -1)
📝 frontend/components.json (+7 -3)
📝 frontend/package-lock.json (+5526 -5304)
📝 frontend/package.json (+59 -59)
📝 frontend/src/app.css (+173 -80)
📝 frontend/src/lib/components/advanced-table.svelte (+30 -31)
📝 frontend/src/lib/components/audit-log-list.svelte (+1 -1)
📝 frontend/src/lib/components/collapsible-card.svelte (+5 -8)
📝 frontend/src/lib/components/confirm-dialog/confirm-dialog.svelte (+12 -10)
📝 frontend/src/lib/components/copy-to-clipboard.svelte (+14 -14)
📝 frontend/src/lib/components/error.svelte (+2 -2)
📝 frontend/src/lib/components/form/auto-complete-input.svelte (+9 -8)
📝 frontend/src/lib/components/form/custom-claims-input.svelte (+6 -6)
📝 frontend/src/lib/components/form/date-picker.svelte (+64 -26)
📝 frontend/src/lib/components/form/form-input.svelte (+3 -2)
📝 frontend/src/lib/components/form/profile-picture-settings.svelte (+7 -7)
📝 frontend/src/lib/components/form/searchable-select.svelte (+8 -9)
📝 frontend/src/lib/components/glass-row-item.svelte (+36 -32)
📝 frontend/src/lib/components/header/header-avatar.svelte (+8 -7)
📝 frontend/src/lib/components/header/header.svelte (+1 -1)

...and 80 more files

📄 Description

Svelte 5

Components

  • Alert
  • Alert Dialog
  • Avatar
  • Badge
  • Button
  • Calendar
  • Card
  • Checkbox
  • Command
  • Dialog 
  • Dropdown Menu
  • Form
  • Input
  • Label
  • Pagination
  • Popover
  • Select
  • Separator
  • Sonner
  • Table
  • Tabs
  • Tooltip

Dependencies

  • bits-ui - ^1.0.0
  • svelte-sonner - ^1.0.0
  • @lucide/svelte - ^0.482.0
  • mode-watcher - ^1.0.0
  • cmdk-sv - deprecated in favor of Bits UI's Command component
  • svelte-headless-table - deprecated in favor of @tanstack/table-core
  • lucide-svelte - replaced with @lucide/svelte

Tailwind V4 Migration

  • Upgrade app.css
  • Remove tailwind.config.ts
  • Update w-* andd h-* to size-*
  • Update Utils and Deps
  • Confirm Styles

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/pocket-id/pocket-id/pull/551 **Author:** [@kmendell](https://github.com/kmendell) **Created:** 5/20/2025 **Status:** ✅ Merged **Merged:** 5/21/2025 **Merged by:** [@kmendell](https://github.com/kmendell) **Base:** `v1.0.0` ← **Head:** `chore/svelte5` --- ### 📝 Commits (10+) - [`afa111b`](https://github.com/pocket-id/pocket-id/commit/afa111be14a03d3738ae681c00429b1db9cfbec9) chore(svelet5): migrate to svelte 5 syntax - [`cbd75a1`](https://github.com/pocket-id/pocket-id/commit/cbd75a1a4ca9d7686b624f1c74f99998ffd431d7) chore(svelte5): upgrade sahdcn utilities - [`1fd5c42`](https://github.com/pocket-id/pocket-id/commit/1fd5c42ef723efd1c7284e5af4b61d52df9e9bcf) chore(svelte5): upgrade lucide-svelte to @lucide/svelte - [`f07822d`](https://github.com/pocket-id/pocket-id/commit/f07822db5847f34432b3baf8b84c39d244223f2a) chore(svelte5): upgrade bits ui dep - [`310e854`](https://github.com/pocket-id/pocket-id/commit/310e85402cc74ed6bee3e0e842d2277beb85717d) chore(svelte5): upgrade alert component - [`82cf593`](https://github.com/pocket-id/pocket-id/commit/82cf593524b3bc14308b8c4b28620cea49ca5122) chore(svelte5): upgrade button component - [`e1274ab`](https://github.com/pocket-id/pocket-id/commit/e1274ab53d0447c49201a8a528a0e9a289f32203) chore(svelte5): upgrade alert-dialog component - [`5314552`](https://github.com/pocket-id/pocket-id/commit/53145524c9e3ba36100a2fc1018f0726d108cd81) chore(svelte5): upgrade avatar component - [`4390c16`](https://github.com/pocket-id/pocket-id/commit/4390c164fba4dfbea46ccc2fd7c1afdb2f550c20) chore(svelte5): upgrade badge component - [`25441c5`](https://github.com/pocket-id/pocket-id/commit/25441c5fb11ade981ad4fdc9b78b24983ee242e1) chore(svelte5): upgrade calendar and popover components ### 📊 Changes **197 files changed** (+8133 additions, -7462 deletions) <details> <summary>View changed files</summary> 📝 `.vscode/settings.json` (+2 -1) 📝 `frontend/components.json` (+7 -3) 📝 `frontend/package-lock.json` (+5526 -5304) 📝 `frontend/package.json` (+59 -59) 📝 `frontend/src/app.css` (+173 -80) 📝 `frontend/src/lib/components/advanced-table.svelte` (+30 -31) 📝 `frontend/src/lib/components/audit-log-list.svelte` (+1 -1) 📝 `frontend/src/lib/components/collapsible-card.svelte` (+5 -8) 📝 `frontend/src/lib/components/confirm-dialog/confirm-dialog.svelte` (+12 -10) 📝 `frontend/src/lib/components/copy-to-clipboard.svelte` (+14 -14) 📝 `frontend/src/lib/components/error.svelte` (+2 -2) 📝 `frontend/src/lib/components/form/auto-complete-input.svelte` (+9 -8) 📝 `frontend/src/lib/components/form/custom-claims-input.svelte` (+6 -6) 📝 `frontend/src/lib/components/form/date-picker.svelte` (+64 -26) 📝 `frontend/src/lib/components/form/form-input.svelte` (+3 -2) 📝 `frontend/src/lib/components/form/profile-picture-settings.svelte` (+7 -7) 📝 `frontend/src/lib/components/form/searchable-select.svelte` (+8 -9) 📝 `frontend/src/lib/components/glass-row-item.svelte` (+36 -32) 📝 `frontend/src/lib/components/header/header-avatar.svelte` (+8 -7) 📝 `frontend/src/lib/components/header/header.svelte` (+1 -1) _...and 80 more files_ </details> ### 📄 Description # Svelte 5 ### Components - [X] Alert - [X] Alert Dialog - [X] Avatar - [X] Badge - [X] Button - [X] Calendar - [X] Card - [X] Checkbox - [X] Command - [X] Dialog  - [X] Dropdown Menu - [X] Form - [X] Input - [X] Label - [X] Pagination - [X] Popover - [X] Select - [X] Separator - [X] Sonner - [X] Table - [X] Tabs - [X] Tooltip ### Dependencies - [X] bits-ui - ^1.0.0 - [X] svelte-sonner - ^1.0.0 - [X] @lucide/svelte - ^0.482.0 - [X] mode-watcher - ^1.0.0 - [X] cmdk-sv - deprecated in favor of Bits UI's Command component - [X] svelte-headless-table - deprecated in favor of @tanstack/table-core - [X] lucide-svelte - replaced with @lucide/svelte <hr /> # Tailwind V4 Migration - [X] Upgrade app.css - [X] Remove tailwind.config.ts - [X] Update `w-*` andd `h-*` to `size-*` - [X] Update Utils and Deps - [X] Confirm Styles --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
OVERLORD added the pull-request label 2025-10-07 00:21:26 +03:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/pocket-id#732