Browse Source

update all pacakges for react 19 stable

Milo Schwartz 7 months ago
parent
commit
91d314c4cc
3 changed files with 151 additions and 149 deletions
  1. 60 58
      package.json
  2. 1 1
      src/components/ui/dialog.tsx
  3. 90 90
      src/components/ui/drawer.tsx

+ 60 - 58
package.json

@@ -13,95 +13,97 @@
         "email": "email dev --dir server/emails/templates --port 3005"
     },
     "dependencies": {
-        "@hookform/resolvers": "3.9.0",
-        "@node-rs/argon2": "1.8.3",
+        "@hookform/resolvers": "3.9.1",
+        "@node-rs/argon2": "2.0.2",
         "@oslojs/crypto": "1.0.1",
         "@oslojs/encoding": "1.1.0",
-        "@radix-ui/react-avatar": "1.1.1",
-        "@radix-ui/react-checkbox": "1.1.2",
-        "@radix-ui/react-dialog": "1.1.2",
-        "@radix-ui/react-dropdown-menu": "2.1.2",
-        "@radix-ui/react-icons": "1.3.0",
-        "@radix-ui/react-label": "2.1.0",
-        "@radix-ui/react-popover": "1.1.2",
-        "@radix-ui/react-radio-group": "1.2.1",
-        "@radix-ui/react-select": "2.1.2",
-        "@radix-ui/react-separator": "1.1.0",
-        "@radix-ui/react-slot": "1.1.0",
-        "@radix-ui/react-switch": "1.1.1",
-        "@radix-ui/react-tabs": "1.1.1",
-        "@radix-ui/react-toast": "1.2.2",
-        "@react-email/components": "0.0.28",
-        "@react-email/tailwind": "1.0.2",
-        "@tanstack/react-table": "8.20.5",
-        "axios": "1.7.7",
-        "better-sqlite3": "11.3.0",
-        "class-variance-authority": "0.7.0",
+        "@radix-ui/react-avatar": "1.1.2",
+        "@radix-ui/react-checkbox": "1.1.3",
+        "@radix-ui/react-dialog": "1.1.4",
+        "@radix-ui/react-dropdown-menu": "2.1.4",
+        "@radix-ui/react-icons": "1.3.2",
+        "@radix-ui/react-label": "2.1.1",
+        "@radix-ui/react-popover": "1.1.4",
+        "@radix-ui/react-radio-group": "1.2.2",
+        "@radix-ui/react-select": "2.1.4",
+        "@radix-ui/react-separator": "1.1.1",
+        "@radix-ui/react-slot": "1.1.1",
+        "@radix-ui/react-switch": "1.1.2",
+        "@radix-ui/react-tabs": "1.1.2",
+        "@radix-ui/react-toast": "1.2.4",
+        "@react-email/components": "0.0.31",
+        "@react-email/tailwind": "1.0.4",
+        "@tanstack/react-table": "8.20.6",
+        "axios": "1.7.9",
+        "better-sqlite3": "11.7.0",
+        "class-variance-authority": "0.7.1",
         "clsx": "2.1.1",
-        "cmdk": "1.0.0",
-        "cookie-parser": "1.4.6",
+        "cmdk": "1.0.4",
+        "cookie-parser": "1.4.7",
         "cors": "2.8.5",
-        "drizzle-orm": "0.33.0",
-        "emblor": "1.4.6",
-        "eslint": "9.15.0",
-        "eslint-config-next": "15.0.3",
-        "express": "4.21.0",
-        "express-rate-limit": "7.4.0",
+        "drizzle-orm": "0.38.3",
+        "emblor": "1.4.7",
+        "eslint": "9.17.0",
+        "eslint-config-next": "15.1.3",
+        "express": "4.21.2",
+        "express-rate-limit": "7.5.0",
         "glob": "11.0.0",
-        "helmet": "7.1.0",
+        "helmet": "8.0.0",
         "http-errors": "2.0.0",
-        "input-otp": "1.2.4",
+        "input-otp": "1.4.1",
         "js-yaml": "4.1.0",
-        "lucide-react": "0.447.0",
+        "lucide-react": "0.469.0",
         "moment": "2.30.1",
-        "next": "15.0.1",
-        "next-themes": "0.3.0",
+        "next": "15.1.3",
+        "next-themes": "0.4.4",
         "node-fetch": "3.3.2",
-        "nodemailer": "6.9.15",
+        "nodemailer": "6.9.16",
         "oslo": "1.2.1",
         "qrcode.react": "4.2.0",
-        "react": "19.0.0-rc.1",
-        "react-dom": "19.0.0-rc.1",
-        "react-hook-form": "7.53.0",
+        "react": "19.0.0",
+        "react-dom": "19.0.0",
+        "react-hook-form": "7.54.2",
         "rebuild": "0.1.2",
         "semver": "7.6.3",
-        "tailwind-merge": "2.5.3",
+        "tailwind-merge": "2.6.0",
         "tailwindcss-animate": "1.0.7",
-        "vaul": "1.1.1",
-        "winston": "3.14.2",
+        "vaul": "1.1.2",
+        "winston": "3.17.0",
         "winston-daily-rotate-file": "5.0.0",
         "ws": "8.18.0",
-        "zod": "3.23.8",
+        "zod": "3.24.1",
         "zod-validation-error": "3.4.0"
     },
     "devDependencies": {
-        "@dotenvx/dotenvx": "1.14.2",
+        "@dotenvx/dotenvx": "1.32.0",
         "@esbuild-plugins/tsconfig-paths": "0.1.2",
-        "@types/better-sqlite3": "7.6.11",
-        "@types/cookie-parser": "1.4.7",
+        "@types/better-sqlite3": "7.6.12",
+        "@types/cookie-parser": "1.4.8",
         "@types/cors": "2.8.17",
         "@types/express": "5.0.0",
         "@types/js-yaml": "4.0.9",
-        "@types/node": "^20",
-        "@types/nodemailer": "6.4.16",
-        "@types/react": "npm:types-react@19.0.0-rc.1",
-        "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
+        "@types/node": "^22",
+        "@types/nodemailer": "6.4.17",
+        "@types/react": "19.0.2",
+        "@types/react-dom": "19.0.2",
         "@types/semver": "7.5.8",
         "@types/ws": "8.5.13",
         "@types/yargs": "17.0.33",
-        "drizzle-kit": "0.24.2",
-        "esbuild": "0.20.1",
-        "esbuild-node-externals": "1.13.0",
+        "drizzle-kit": "0.30.1",
+        "esbuild": "0.24.2",
+        "esbuild-node-externals": "1.16.0",
         "postcss": "^8",
-        "react-email": "3.0.2",
-        "tailwindcss": "^3.4.1",
+        "react-email": "3.0.4",
+        "tailwindcss": "^3.4.17",
         "tsc-alias": "1.8.10",
-        "tsx": "4.19.1",
+        "tsx": "4.19.2",
         "typescript": "^5",
         "yargs": "17.7.2"
     },
     "overrides": {
-        "@types/react": "npm:types-react@19.0.0-rc.1",
-        "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
+        "emblor": {
+            "react": "19.0.0",
+            "react-dom": "19.0.0"
+        }
     }
 }

+ 1 - 1
src/components/ui/dialog.tsx

@@ -118,5 +118,5 @@ export {
     DialogHeader,
     DialogFooter,
     DialogTitle,
-    DialogDescription,
+    DialogDescription
 };

+ 90 - 90
src/components/ui/drawer.tsx

@@ -1,118 +1,118 @@
-"use client"
+"use client";
 
-import * as React from "react"
-import { Drawer as DrawerPrimitive } from "vaul"
+import * as React from "react";
+import { Drawer as DrawerPrimitive } from "vaul";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 const Drawer = ({
-  shouldScaleBackground = true,
-  ...props
+    shouldScaleBackground = true,
+    ...props
 }: React.ComponentProps<typeof DrawerPrimitive.Root>) => (
-  <DrawerPrimitive.Root
-    shouldScaleBackground={shouldScaleBackground}
-    {...props}
-  />
-)
-Drawer.displayName = "Drawer"
+    <DrawerPrimitive.Root
+        shouldScaleBackground={shouldScaleBackground}
+        {...props}
+    />
+);
+Drawer.displayName = "Drawer";
 
-const DrawerTrigger = DrawerPrimitive.Trigger
+const DrawerTrigger = DrawerPrimitive.Trigger;
 
-const DrawerPortal = DrawerPrimitive.Portal
+const DrawerPortal = DrawerPrimitive.Portal;
 
-const DrawerClose = DrawerPrimitive.Close
+const DrawerClose = DrawerPrimitive.Close;
 
 const DrawerOverlay = React.forwardRef<
-  React.ElementRef<typeof DrawerPrimitive.Overlay>,
-  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay>
+    React.ElementRef<typeof DrawerPrimitive.Overlay>,
+    React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay>
 >(({ className, ...props }, ref) => (
-  <DrawerPrimitive.Overlay
-    ref={ref}
-    className={cn("fixed inset-0 z-50 bg-black/80", className)}
-    {...props}
-  />
-))
-DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName
+    <DrawerPrimitive.Overlay
+        ref={ref}
+        className={cn("fixed inset-0 z-50 bg-black/80", className)}
+        {...props}
+    />
+));
+DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
 
 const DrawerContent = React.forwardRef<
-  React.ElementRef<typeof DrawerPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>
+    React.ElementRef<typeof DrawerPrimitive.Content>,
+    React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>
 >(({ className, children, ...props }, ref) => (
-  <DrawerPortal>
-    <DrawerOverlay />
-    <DrawerPrimitive.Content
-      ref={ref}
-      className={cn(
-        "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
-        className
-      )}
-      {...props}
-    >
-      <div className="mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" />
-      {children}
-    </DrawerPrimitive.Content>
-  </DrawerPortal>
-))
-DrawerContent.displayName = "DrawerContent"
+    <DrawerPortal>
+        <DrawerOverlay />
+        <DrawerPrimitive.Content
+            ref={ref}
+            className={cn(
+                "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
+                className
+            )}
+            {...props}
+        >
+            <div className="mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" />
+            {children}
+        </DrawerPrimitive.Content>
+    </DrawerPortal>
+));
+DrawerContent.displayName = "DrawerContent";
 
 const DrawerHeader = ({
-  className,
-  ...props
+    className,
+    ...props
 }: React.HTMLAttributes<HTMLDivElement>) => (
-  <div
-    className={cn("grid gap-1.5 p-4 text-center sm:text-left", className)}
-    {...props}
-  />
-)
-DrawerHeader.displayName = "DrawerHeader"
+    <div
+        className={cn("grid gap-1.5 p-4 text-center sm:text-left", className)}
+        {...props}
+    />
+);
+DrawerHeader.displayName = "DrawerHeader";
 
 const DrawerFooter = ({
-  className,
-  ...props
+    className,
+    ...props
 }: React.HTMLAttributes<HTMLDivElement>) => (
-  <div
-    className={cn("mt-auto flex flex-col gap-2 p-4", className)}
-    {...props}
-  />
-)
-DrawerFooter.displayName = "DrawerFooter"
+    <div
+        className={cn("mt-auto flex flex-col gap-2 p-4", className)}
+        {...props}
+    />
+);
+DrawerFooter.displayName = "DrawerFooter";
 
 const DrawerTitle = React.forwardRef<
-  React.ElementRef<typeof DrawerPrimitive.Title>,
-  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>
+    React.ElementRef<typeof DrawerPrimitive.Title>,
+    React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>
 >(({ className, ...props }, ref) => (
-  <DrawerPrimitive.Title
-    ref={ref}
-    className={cn(
-      "text-lg font-semibold leading-none tracking-tight",
-      className
-    )}
-    {...props}
-  />
-))
-DrawerTitle.displayName = DrawerPrimitive.Title.displayName
+    <DrawerPrimitive.Title
+        ref={ref}
+        className={cn(
+            "text-lg font-semibold leading-none tracking-tight",
+            className
+        )}
+        {...props}
+    />
+));
+DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
 
 const DrawerDescription = React.forwardRef<
-  React.ElementRef<typeof DrawerPrimitive.Description>,
-  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>
+    React.ElementRef<typeof DrawerPrimitive.Description>,
+    React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>
 >(({ className, ...props }, ref) => (
-  <DrawerPrimitive.Description
-    ref={ref}
-    className={cn("text-sm text-muted-foreground", className)}
-    {...props}
-  />
-))
-DrawerDescription.displayName = DrawerPrimitive.Description.displayName
+    <DrawerPrimitive.Description
+        ref={ref}
+        className={cn("text-sm text-muted-foreground", className)}
+        {...props}
+    />
+));
+DrawerDescription.displayName = DrawerPrimitive.Description.displayName;
 
 export {
-  Drawer,
-  DrawerPortal,
-  DrawerOverlay,
-  DrawerTrigger,
-  DrawerClose,
-  DrawerContent,
-  DrawerHeader,
-  DrawerFooter,
-  DrawerTitle,
-  DrawerDescription,
-}
+    Drawer,
+    DrawerPortal,
+    DrawerOverlay,
+    DrawerTrigger,
+    DrawerClose,
+    DrawerContent,
+    DrawerHeader,
+    DrawerFooter,
+    DrawerTitle,
+    DrawerDescription
+};