chore: bump dependencies

.github/workflows/deploy.yml

@@ -27,7 +27,6 @@ jobs:
         uses: pnpm/action-setup@v4
         with:
           run_install: false
-          version: 9
 
       - name: ⎔ Setup node
         uses: actions/setup-node@v4
@@ -56,7 +55,6 @@ jobs:
         uses: pnpm/action-setup@v4
         with:
           run_install: false
-          version: 9
 
       - name: ⎔ Setup node
         uses: actions/setup-node@v4
@@ -82,7 +80,6 @@ jobs:
         uses: pnpm/action-setup@v4
         with:
           run_install: false
-          version: 9
 
       - name: ⎔ Setup node
         uses: actions/setup-node@v4

app/components/ui/button.tsx

@@ -5,7 +5,7 @@ import * as React from 'react'
 import { cn } from '~/utils/misc'
 
 const buttonVariants = cva(
-  'inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium text-sm transition-colors disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring',
+  'inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium text-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50',
   {
     variants: {
       variant: {

app/components/ui/checkbox.tsx

@@ -11,7 +11,7 @@ const Checkbox = React.forwardRef<
   <CheckboxPrimitive.Root
     ref={ref}
     className={cn(
-      'peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow disabled:cursor-not-allowed data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground disabled:opacity-50 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring',
+      'peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground',
       className,
     )}
     {...props}

app/components/ui/input.tsx

@@ -10,7 +10,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
       <input
         type={type}
         className={cn(
-          'flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors disabled:cursor-not-allowed file:border-0 file:bg-transparent file:font-medium file:text-sm placeholder:text-muted-foreground disabled:opacity-50 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring',
+          'flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:font-medium file:text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50',
           className,
         )}
         ref={ref}

app/routes/_index.tsx

@@ -15,7 +15,7 @@ export default function Index() {
   return (
     <main className="relative min-h-screen bg-white sm:flex sm:items-center sm:justify-center">
       <div className="relative sm:pt-8 sm:pb-16">
-        <div className="mx-auto max-w-7xl lg:px-8 sm:px-6">
+        <div className="mx-auto max-w-7xl sm:px-6 lg:px-8">
           <div className="relative shadow-xl sm:overflow-hidden sm:rounded-2xl">
             <div className="absolute inset-0">
               <img
@@ -25,8 +25,8 @@ export default function Index() {
               />
               <div className="absolute inset-0 bg-[color:rgba(254,204,27,0.5)] mix-blend-multiply" />
             </div>
-            <div className="relative px-4 pt-16 pb-8 lg:px-8 sm:px-6 lg:pt-32 sm:pt-24 lg:pb-20 sm:pb-14">
-              <h1 className="text-center font-extrabold text-6xl tracking-tight lg:text-9xl sm:text-8xl">
+            <div className="relative px-4 pt-16 pb-8 sm:px-6 sm:pt-24 sm:pb-14 lg:px-8 lg:pt-32 lg:pb-20">
+              <h1 className="text-center font-extrabold text-6xl tracking-tight sm:text-8xl lg:text-9xl">
                 <span className="block text-yellow-500 uppercase drop-shadow-md">
                   House Stack
                 </span>
@@ -71,7 +71,7 @@ export default function Index() {
           </div>
         </div>
 
-        <div className="mx-auto max-w-7xl px-4 py-2 lg:px-8 sm:px-6">
+        <div className="mx-auto max-w-7xl px-4 py-2 sm:px-6 lg:px-8">
           <div className="mt-6 flex flex-wrap justify-center gap-8">
             {[
               {
@@ -128,7 +128,7 @@ export default function Index() {
               <a
                 key={img.href}
                 href={img.href}
-                className="flex h-16 w-32 justify-center p-1 grayscale transition focus:grayscale-0 hover:grayscale-0"
+                className="flex h-16 w-32 justify-center p-1 grayscale transition hover:grayscale-0 focus:grayscale-0"
               >
                 <img alt={img.alt} src={img.src} className="object-contain" />
               </a>

app/routes/notes.$noteId.tsx

@@ -42,7 +42,7 @@ export default function NoteDetailsPage() {
       <Form method="post">
         <button
           type="submit"
-          className="rounded bg-blue-500 px-4 py-2 text-white focus:bg-blue-400 hover:bg-blue-600"
+          className="rounded bg-blue-500 px-4 py-2 text-white hover:bg-blue-600 focus:bg-blue-400"
         >
           Delete
         </button>

app/routes/notes.new.tsx

@@ -99,7 +99,7 @@ export default function NewNotePage() {
       <div className="text-right">
         <button
           type="submit"
-          className="rounded bg-blue-500 px-4 py-2 text-white focus:bg-blue-400 hover:bg-blue-600"
+          className="rounded bg-blue-500 px-4 py-2 text-white hover:bg-blue-600 focus:bg-blue-400"
         >
           Save
         </button>

app/routes/notes.tsx

@@ -26,7 +26,7 @@ export default function NotesPage() {
         <Form action="/logout" method="post">
           <button
             type="submit"
-            className="rounded bg-slate-600 px-4 py-2 text-blue-100 active:bg-blue-600 hover:bg-blue-500"
+            className="rounded bg-slate-600 px-4 py-2 text-blue-100 hover:bg-blue-500 active:bg-blue-600"
           >
             Logout
           </button>

package.json

@@ -13,7 +13,7 @@
     "db:studio": "drizzle-kit studio",
     "dev": "remix vite:dev",
     "dev:mocks": "cross-env MOCKS=true remix vite:dev",
-    "fix": "biome check --unsafe .",
+    "fix": "biome check --write --unsafe .",
     "lint": "biome check .",
     "setup": "pnpm db:seed",
     "start": "remix-serve ./build/server/index.js",
@@ -26,59 +26,60 @@
     "typecheck": "tsc"
   },
   "dependencies": {
-    "@libsql/client": "^0.6.2",
-    "@radix-ui/react-checkbox": "^1.0.4",
+    "@libsql/client": "^0.7.0",
+    "@radix-ui/react-checkbox": "^1.1.1",
     "@radix-ui/react-icons": "^1.3.0",
-    "@radix-ui/react-label": "^2.0.2",
-    "@radix-ui/react-slot": "^1.0.2",
-    "@remix-run/css-bundle": "^2.9.2",
-    "@remix-run/node": "^2.9.2",
-    "@remix-run/react": "^2.9.2",
-    "@remix-run/serve": "^2.9.2",
-    "@sentry/remix": "^8.9.2",
-    "@sentry/vite-plugin": "^2.18.0",
+    "@radix-ui/react-label": "^2.1.0",
+    "@radix-ui/react-slot": "^1.1.0",
+    "@remix-run/css-bundle": "^2.10.0",
+    "@remix-run/node": "^2.10.0",
+    "@remix-run/react": "^2.10.0",
+    "@remix-run/serve": "^2.10.0",
+    "@sentry/remix": "^8.13.0",
+    "@sentry/vite-plugin": "^2.20.1",
     "bcryptjs": "^2.4.3",
-    "better-sqlite3": "^11.0.0",
+    "better-sqlite3": "^11.1.2",
     "binode": "^1.0.5",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "dotenv": "^16.4.5",
     "drizzle-orm": "^0.31.2",
-    "isbot": "^5.1.9",
+    "isbot": "^5.1.11",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "tailwind-merge": "^2.3.0",
     "tailwindcss-animate": "^1.0.7",
     "zod": "^3.23.8"
   },
   "devDependencies": {
-    "@biomejs/biome": "1.8.1",
+    "@biomejs/biome": "~1.8.3",
     "@faker-js/faker": "^8.4.1",
     "@flydotio/dockerfile": "^0.5.7",
-    "@playwright/test": "^1.44.1",
-    "@remix-run/dev": "^2.9.2",
+    "@playwright/test": "^1.45.1",
+    "@remix-run/dev": "^2.10.0",
     "@testing-library/jest-dom": "^6.4.6",
     "@types/bcryptjs": "^2.4.6",
-    "@types/node": "^20.14.2",
+    "@types/node": "^20.14.9",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.3.1",
     "@vitest/coverage-v8": "^1.6.0",
     "autoprefixer": "^10.4.19",
     "cross-env": "^7.0.3",
-    "drizzle-kit": "^0.22.7",
-    "happy-dom": "^14.12.0",
+    "drizzle-kit": "^0.22.8",
+    "happy-dom": "^14.12.3",
     "msw": "^2.3.1",
-    "postcss": "^8.4.38",
+    "postcss": "^8.4.39",
     "start-server-and-test": "^2.0.4",
     "tailwindcss": "^3.4.4",
-    "typescript": "~5.4.5",
-    "vite": "^5.3.1",
+    "typescript": "~5.5.3",
+    "vite": "^5.3.2",
     "vite-tsconfig-paths": "^4.3.2",
     "vitest": "^1.6.0"
   },
   "engines": {
     "node": "20",
     "pnpm": "9"
-  }
+  },
+  "packageManager": "pnpm@9.15.1+sha512.1acb565e6193efbebda772702950469150cf12bcc764262e7587e71d19dc98a423dff9536e57ea44c49bdf790ff694e83c27be5faa23d67e0c033b583be4bfcf"
 }

vite.config.ts

@@ -5,7 +5,13 @@ import tsconfigPaths from 'vite-tsconfig-paths'
 
 export default defineConfig({
   plugins: [
-    remix(),
+    remix({
+      future: {
+        v3_fetcherPersist: true,
+        v3_relativeSplatPath: true,
+        v3_throwAbortReason: true,
+      },
+    }),
     tsconfigPaths(),
     process.env.SENTRY_AUTH_TOKEN
       ? sentryVitePlugin({