mirror of
https://github.com/jhd3197/ServerKit.git
synced 2026-10-30 08:36:55 +09:00
Juan DenisandClaude Opus 4.8
e24f834ada
Per docs/plans/FRONTEND_UX_TAILWIND_CLEANUP_PLAN.md Phase 2. Removes the Tailwind CSS v4 dependency entirely; the internal SCSS design system is now the single styling source (aligns with AGENTS.md / project policy). Build wiring: - Remove @tailwindcss/vite plugin from vite.config.js. - Drop tailwindcss, @tailwindcss/vite, tailwind-merge, tailwindcss-animate from package.json (+ lockfile). - Delete src/globals.css and its import in main.jsx. --radius was already redefined in _theme-variables.scss (loaded after globals), so nothing breaks; repointed the 3 var(--color-primary) refs in _wordpress-pipeline.scss to var(--accent-primary). Font stack now resolves to IBM Plex (SCSS) — the Inter/JetBrains globals.css vars were unused. - lib/utils.js: cn() now uses clsx only (no tailwind-merge). Primitives (components/ui/*) converted to SCSS-only classes (.ui-*): - dropdown-menu.jsx, command.jsx → new .ui-dropdown-* / .ui-command-* classes. - skeleton.jsx → .ui-skeleton; popover.jsx → .ui-popover-panel. - dialog/alert-dialog/select/sheet → dropped the tailwindcss-animate veneer; enter/exit animation now handled by SCSS [data-state] keyframes in _ui.scss. - alert-dialog AlertDialogAction gained a `variant` prop so non-danger confirms keep their primary (not destructive) button. - Modal.jsx → .sk-modal*; ConfirmDialog.jsx → .sk-confirm* (icon containers, colors via theme tokens, layout) — the two heaviest raw-Tailwind components. SCSS: - _utilities.scss: extended the existing shim with a "Tailwind-removal compatibility" layer covering every remaining utility class still referenced in pages/components (positioning, sizing, spacing, semantic colors mapped to theme tokens, sr-only, the handful of sm:/lg:/hover: variants actually used). - _ui.scss: .ui-dropdown-*, .ui-command-*, .ui-skeleton, .ui-popover-panel, .sk-modal*, .sk-confirm*, and [data-state] enter/exit animations. Verified: - npm run build passes; CSS shrank ~16kB (Tailwind utility layer gone). - Completeness audit (scratchpad script): 0 un-styled Tailwind tokens remain (only SCSS-nested BEM false positives). - Visual smoke test (screenshots skill, mock data): dashboard / docker / servers render correctly with full theming. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
61 lines
2.0 KiB
JSON
61 lines
2.0 KiB
JSON
{
|
|
"name": "serverkit-frontend",
|
|
"private": true,
|
|
"version": "0.1.0",
|
|
"type": "module",
|
|
"scripts": {
|
|
"dev": "vite",
|
|
"build": "vite build",
|
|
"lint": "eslint .",
|
|
"preview": "vite preview"
|
|
},
|
|
"optionalDependencies": {
|
|
"@rollup/rollup-win32-x64-msvc": "^4.62.2"
|
|
},
|
|
"dependencies": {
|
|
"@radix-ui/react-accordion": "^1.2.12",
|
|
"@radix-ui/react-alert-dialog": "^1.1.15",
|
|
"@radix-ui/react-avatar": "^1.1.11",
|
|
"@radix-ui/react-checkbox": "^1.3.3",
|
|
"@radix-ui/react-dialog": "^1.1.15",
|
|
"@radix-ui/react-dropdown-menu": "^2.1.16",
|
|
"@radix-ui/react-label": "^2.1.8",
|
|
"@radix-ui/react-popover": "^1.1.15",
|
|
"@radix-ui/react-progress": "^1.1.8",
|
|
"@radix-ui/react-scroll-area": "^1.2.10",
|
|
"@radix-ui/react-select": "^2.2.6",
|
|
"@radix-ui/react-separator": "^1.1.8",
|
|
"@radix-ui/react-slot": "^1.2.4",
|
|
"@radix-ui/react-switch": "^1.2.6",
|
|
"@radix-ui/react-tabs": "^1.1.13",
|
|
"@radix-ui/react-tooltip": "^1.2.8",
|
|
"@xterm/addon-fit": "^0.10.0",
|
|
"@xterm/addon-web-links": "^0.11.0",
|
|
"@xterm/xterm": "^5.5.0",
|
|
"@xyflow/react": "^12.10.0",
|
|
"class-variance-authority": "^0.7.1",
|
|
"clsx": "^2.1.1",
|
|
"cmdk": "^1.1.1",
|
|
"lucide-react": "^0.363.0",
|
|
"react": "^18.3.1",
|
|
"react-dom": "^18.3.1",
|
|
"react-icons": "^5.6.0",
|
|
"react-router-dom": "^6.22.3",
|
|
"recharts": "^2.12.3",
|
|
"socket.io-client": "^4.7.2",
|
|
"sonner": "^2.0.7"
|
|
},
|
|
"devDependencies": {
|
|
"@types/react": "^18.3.3",
|
|
"@types/react-dom": "^18.3.0",
|
|
"@vitejs/plugin-react": "^4.3.1",
|
|
"eslint": "^9.9.0",
|
|
"eslint-plugin-react": "^7.35.0",
|
|
"eslint-plugin-react-hooks": "^5.1.0-rc.0",
|
|
"eslint-plugin-react-refresh": "^0.4.9",
|
|
"globals": "^15.9.0",
|
|
"sass": "^1.86.0",
|
|
"vite": "^5.4.1"
|
|
}
|
|
}
|