Add an example for implementation with NextAuth (#204)

.gitignore

@@ -7,6 +7,7 @@ docs/.vuepress/.temp
 .next/
 .expo
 expo-env.d.ts
+next-env.d.ts
 .open-next
 
 .dev.vars

admin-panel/app/[lang]/users/[authId]/page.tsx

@@ -556,7 +556,7 @@ const Page = () => {
                         id={`role-${role.id}`}
                         data-testid='roleInput'
                         onChange={() => handleToggleUserRole(role.name)}
-                        checked={userRoles?.includes(role.name)}
+                        checked={userRoles?.includes(role.name) ?? false}
                       />
                       <Label
                         htmlFor={`role-${role.id}`}

admin-panel/package.json

@@ -21,14 +21,14 @@
     "classnames": "^2.5.1",
     "flowbite-react": "^0.10.1",
     "hono": "^4.6.14",
-    "next": "14.2.14",
+    "next": "14.2.21",
     "next-intl": "^3.15.0",
     "react": "^18",
     "react-dom": "^18",
     "react-redux": "^9.1.2"
   },
   "devDependencies": {
-    "@opennextjs/cloudflare": "https://pkg.pr.new/@opennextjs/cloudflare@experimental",
+    "@opennextjs/cloudflare": "^0.3.2",
     "@rtk-query/codegen-openapi": "^1.2.0",
     "@testing-library/jest-dom": "^6.5.0",
     "@testing-library/react": "^16.0.1",

admin-panel/vitest.config.mts

@@ -2,7 +2,7 @@ import { defineConfig } from 'vitest/config'
 import tsconfigPaths from 'vite-tsconfig-paths'
 
 export default defineConfig({
-  plugins: [tsconfigPaths()],
+  plugins: [tsconfigPaths({ root: './' })],
   esbuild: {
     jsxInject: `import React from 'react'`,
   },

admin-panel/wrangler.toml

@@ -1,5 +1,5 @@
 name = "melody-auth-admin-panel"
-main = ".open-next/worker.ts"
+main = ".open-next/worker.js"
 compatibility_date = "2024-09-23"
 compatibility_flags = ["nodejs_compat"]
 

examples/next-auth-js-example/next-auth.d.ts

@@ -0,0 +1,24 @@
+import {
+  DefaultSession, TokenSet,
+} from 'next-auth'
+import { DefaultJWT } from 'next-auth/jwt'
+
+declare module 'next-auth' {
+  interface Session extends DefaultSession {
+    accessToken?: string;
+    refreshToken?: string;
+    refreshTokenExpiresOn?: number;
+  }
+
+  interface Account extends Partial<TokenSet> {
+    refresh_token_expires_on?: number;
+  }
+}
+
+declare module 'next-auth/jwt' {
+  interface JWT extends DefaultJWT {
+    accessToken?: string;
+    refreshToken?: string;
+    refreshTokenExpiresOn?: number;
+  }
+}

examples/next-auth-js-example/next.config.ts

@@ -0,0 +1,5 @@
+import type { NextConfig } from 'next'
+
+const nextConfig: NextConfig = {}
+
+export default nextConfig