Before deploy

Author: JsnEvt

package-lock.json

@@ -6,7 +6,7 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "next lint -- --fix"
   },
   "dependencies": {
     "@hookform/resolvers": "^3.1.0",
@@ -20,6 +20,7 @@
     "dayjs": "^1.11.7",
     "eslint": "8.39.0",
     "eslint-config-next": "13.3.1",
+    "googleapis": "^118.0.0",
     "next": "13.3.1",
     "next-auth": "^4.22.1",
     "nookies": "^2.5.2",

package.json

@@ -0,0 +1,55 @@
+import dayjs from 'dayjs'
+import { prisma } from './prisma'
+import { google } from 'googleapis'
+
+export async function getGoogleOAuthToken(userId: string) {
+  const account = await prisma.account.findFirstOrThrow({
+    where: {
+      provider: 'google',
+      user_id: userId,
+    },
+  })
+  const auth = new google.auth.OAuth2(
+    process.env.GOOGLE_CLIENT_ID,
+    process.env.GOOGLE_CLIENT_SECRETS,
+  )
+
+  auth.setCredentials({
+    access_token: account.access_token,
+    refresh_token: account.refresh_token,
+    expiry_date: account.expires_at ? account.expires_at * 1000 : null,
+  })
+
+  if (!account.expires_at) {
+    return auth
+  }
+
+  const isTokenExpired = dayjs(account.expires_at * 1000).isBefore(new Date())
+
+  if (isTokenExpired) {
+    const { credentials } = await auth.refreshAccessToken()
+    const {
+      access_token,
+      expiry_date,
+      id_token,
+      refresh_token,
+      scope,
+      token_type,
+    } = credentials
+
+    await prisma.account.update({
+      where: {
+        id: account.id,
+      },
+      data: {
+        access_token,
+        expires_at: expiry_date ? Math.floor(expiry_date / 1000) : null,
+        id_token,
+        refresh_token,
+        scope,
+        token_type,
+      },
+    })
+  }
+  return auth
+}

src/lib/google.ts

@@ -1,3 +1,5 @@
+/* eslint-disable @next/next/no-page-custom-font */
+/* eslint-disable @next/next/no-document-import-in-page */
 import { getCssText } from '@ignite-ui/react'
 import { Head, Html, Main, NextScript } from 'next/document'
 

src/pages/_document.page.tsx

@@ -16,6 +16,9 @@ export function buildNextAuthOptions(
         clientSecret: process.env.GOOGLE_CLIENT_SECRET ?? '',
         authorization: {
           params: {
+            prompt: 'consent',
+            access_type: 'offline',
+            response_type: 'code',
             scope:
               'https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/calendar',
           },

src/pages/api/_document.page.tsx

@@ -50,7 +50,7 @@ export default async function handle(
 
   const possibleTimes = Array.from({ length: endHour - startHour }).map(
     (_, i) => {
-      return startHour + 1
+      return startHour + i
     },
   )
 

src/pages/api/auth/[...nextauth].api.ts

@@ -2,6 +2,8 @@ import { prisma } from '@/lib/prisma'
 import { z } from 'zod'
 import { NextApiRequest, NextApiResponse } from 'next'
 import dayjs from 'dayjs'
+import { google } from 'googleapis'
+import { getGoogleOAuthToken } from '@/lib/google'
 
 export default async function handle(
   req: NextApiRequest,
@@ -55,7 +57,7 @@ export default async function handle(
     })
   }
 
-  await prisma.scheduling.create({
+  const scheduling = await prisma.scheduling.create({
     data: {
       name,
       email,
@@ -65,5 +67,34 @@ export default async function handle(
     },
   })
 
+  const calendar = google.calendar({
+    version: 'v3',
+    auth: await getGoogleOAuthToken(user.id),
+  })
+
+  await calendar.events.insert({
+    calendarId: 'primary',
+    conferenceDataVersion: 1,
+    requestBody: {
+      summary: `IgniteCall: ${name}`,
+      description: observations,
+      start: {
+        dateTime: schedulingDate.format(),
+      },
+      end: {
+        dateTime: schedulingDate.add(1, 'hour').format(),
+      },
+      attendees: [{ email, displayName: name }],
+      conferenceData: {
+        createRequest: {
+          requestId: scheduling.id,
+          conferenceSolutionKey: {
+            type: 'hangoutsMeet',
+          },
+        },
+      },
+    },
+  })
+
   return res.status(201).end()
 }

src/pages/api/users/[username]/availability.api.ts

@@ -41,7 +41,7 @@ export function ConfirmStep({
   async function handleConfirmScheduling(data: ConfirmFormData) {
     const { name, email, observations } = data
 
-    await api.post(`/user/${username}/schedule`, {
+    await api.post(`/users/${username}/schedule`, {
       name,
       email,
       observations,
@@ -77,7 +77,7 @@ export function ConfirmStep({
         )}
       </label>
       <label>
-        <Text size={'sm'}>Nome completo</Text>
+        <Text size={'sm'}>Email</Text>
         <TextInput
           type="email"
           placeholder="[email protected]"