Upgrade to 0.4.0 (#16)

Author: benoitgrelard

package-lock.json

@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "@radix-ui/react-icons": "^1.3.0",
-    "@radix-ui/themes": "^3.0.0-rc.18-patch.2",
-    "@workos-inc/nextjs": "0.3.0",
+    "@radix-ui/themes": "^3.0.1",
+    "@workos-inc/authkit-nextjs": "0.4.0",
     "next": "14.1.3",
     "react": "^18",
     "react-dom": "^18"

package.json

@@ -1,5 +1,5 @@
-import { getUser } from "@workos-inc/nextjs";
-import { Text, Heading, TextFieldInput, Flex, Box } from "@radix-ui/themes";
+import { getUser } from "@workos-inc/authkit-nextjs";
+import { Text, Heading, TextField, Flex, Box } from "@radix-ui/themes";
 
 export default async function AccountPage() {
   const { user, role } = await getUser({ ensureSignedIn: true });
@@ -33,7 +33,7 @@ export default async function AccountPage() {
                 </Text>
 
                 <Box flexGrow="1">
-                  <TextFieldInput value={value || ""} readOnly />
+                  <TextField.Root value={value || ""} readOnly />
                 </Box>
               </label>
             </Flex>

src/app/account/page.tsx

@@ -1 +1,3 @@
-export { authkitCallbackRoute as GET } from "@workos-inc/nextjs";
+import { handleAuth } from "@workos-inc/authkit-nextjs";
+
+export const GET = handleAuth();

src/app/callback/route.ts

@@ -1,4 +1,4 @@
-import { getSignInUrl, getUser, signOut } from "@workos-inc/nextjs";
+import { getSignInUrl, getUser, signOut } from "@workos-inc/authkit-nextjs";
 import { Button, Flex } from "@radix-ui/themes";
 
 export async function SignInButton({ large }: { large?: boolean }) {

src/app/components/sign-in-button.tsx

@@ -6,7 +6,7 @@ import NextLink from "next/link";
 import { Theme, Card, Container, Flex, Button, Box } from "@radix-ui/themes";
 import { Footer } from "./components/footer";
 import { SignInButton } from "./components/sign-in-button";
-import { Impersonation } from "@workos-inc/nextjs";
+import { Impersonation } from "@workos-inc/authkit-nextjs";
 
 export const metadata: Metadata = {
   title: "Example AuthKit Authenticated App",

src/app/layout.tsx

@@ -1,5 +1,5 @@
 import NextLink from "next/link";
-import { getUser } from "@workos-inc/nextjs";
+import { getUser } from "@workos-inc/authkit-nextjs";
 import { Button, Flex, Heading, Text } from "@radix-ui/themes";
 import { SignInButton } from "./components/sign-in-button";
 

src/app/page.tsx

@@ -1,4 +1,4 @@
-import { authkitMiddleware } from "@workos-inc/nextjs";
+import { authkitMiddleware } from "@workos-inc/authkit-nextjs";
 
 export default authkitMiddleware();