oferitz Comments - Convex Community

oferitz

Posts Comments

CCConvex Community

•Created by niels on 5/2/2024 in #general

If applicable, can anyone tell me why

https://www.youtube.com/watch?v=O_HXVAMPEbc

18 replies

CCConvex Community

•Created by noob saibot on 4/17/2024 in #general

How can I run the equivalent of this

Not sure if you have the same use case but maybe you will find this helpful: https://discord.com/channels/1019350475847499849/1019350478817079338/1220796223666257980

2 replies

CCConvex Community

•Created by Ross on 3/29/2024 in #general

resend problems

4. and finally the Next.js API route:

import { Resend } from 'resend'
import jwt from 'jsonwebtoken'
import { YourEmailTemplate } from '~/emails/YourEmailTemplate'
import type React from 'react'
import { NextResponse } from 'next/server'


export const dynamic = 'force-dynamic'
export const revalidate = 0
export async function POST(req: Request) {
  const publicKey = process.env.CLERK_JWT_PK as string
  const resend = new Resend(process.env.RESEND_API_KEY)
  const bearerToken = req.headers.get('Authorization')
  if (bearerToken === undefined) {
    return NextResponse.json(
      {
        error: 'Not signed in'
      },
      {
        status: 401
      }
    )
  }
  try {
    if (bearerToken) {
      const token = bearerToken.split(' ')[1]
      jwt.verify(token, publicKey)
      const body = await req.json()
      const { from, to, subject, data } = body
      const emailResponse = await resend.emails.send({
        from,
        to,
        subject,
        react: <YourEmailTemplate data={data} />
      })
      return NextResponse.json(
        {
          ...emailResponse
        },
        {
          status: 200
        }
      )
    }
  } catch (error) {
    return NextResponse.json(
      {
        error: 'Not signed in'
      },
      {
        status: 400
      }
    )
  }
}

import { Resend } from 'resend'
import jwt from 'jsonwebtoken'
import { YourEmailTemplate } from '~/emails/YourEmailTemplate'
import type React from 'react'
import { NextResponse } from 'next/server'


export const dynamic = 'force-dynamic'
export const revalidate = 0
export async function POST(req: Request) {
  const publicKey = process.env.CLERK_JWT_PK as string
  const resend = new Resend(process.env.RESEND_API_KEY)
  const bearerToken = req.headers.get('Authorization')
  if (bearerToken === undefined) {
    return NextResponse.json(
      {
        error: 'Not signed in'
      },
      {
        status: 401
      }
    )
  }
  try {
    if (bearerToken) {
      const token = bearerToken.split(' ')[1]
      jwt.verify(token, publicKey)
      const body = await req.json()
      const { from, to, subject, data } = body
      const emailResponse = await resend.emails.send({
        from,
        to,
        subject,
        react: <YourEmailTemplate data={data} />
      })
      return NextResponse.json(
        {
          ...emailResponse
        },
        {
          status: 200
        }
      )
    }
  } catch (error) {
    return NextResponse.json(
      {
        error: 'Not signed in'
      },
      {
        status: 400
      }
    )
  }
}

12 replies

CCConvex Community

•Created by Ross on 3/29/2024 in #general

resend problems

3. The internal action:

export const sendEmailToUser = internalAction({
  args: {
    from: v.string(),
    to: v.string(),
    subject: v.string(),
    data: v.any(),
    token: v.string()
  },
  handler: async (_, payload) => {
    try {
      const res = await fetch('https://your-nextjs-app-domain/api/sendEmail', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json',
          Authorization: `Bearer ${payload.token}`
        },
        body: JSON.stringify(payload)
      })
      const json = await res.json()
      return json
    } catch (error: any) {
      console.error('Error sending email', error?.message)
      return false
    }
  }
})

export const sendEmailToUser = internalAction({
  args: {
    from: v.string(),
    to: v.string(),
    subject: v.string(),
    data: v.any(),
    token: v.string()
  },
  handler: async (_, payload) => {
    try {
      const res = await fetch('https://your-nextjs-app-domain/api/sendEmail', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json',
          Authorization: `Bearer ${payload.token}`
        },
        body: JSON.stringify(payload)
      })
      const json = await res.json()
      return json
    } catch (error: any) {
      console.error('Error sending email', error?.message)
      return false
    }
  }
})

12 replies

CCConvex Community

•Created by Ross on 3/29/2024 in #general

resend problems

This is how I've implemented it, and it's probably not the best/efficient/clean way to do it, since you need to "curry" the JWT token all the way from the frontend through convex action to your Next.js API endpoint. This solution is only relevant if your trigger to send an email starts from a frontend action. For my use case, this is what I needed, and it is working. So here it goes: When you want to trigger your action, you need to grab the JWT token (I'm using Clerk, but there should be an equivalent hook for any other provider as well):

import { useAuth } from '@clerk/nextjs'
const { getToken } = useAuth()
 const yourConvexAction = useAction(api.actions.yourConvexAction)

const doSomeAction = async () => {
   const token = await getToken()
   await yourConvexAction({ ...otherParams, token })
}

import { useAuth } from '@clerk/nextjs'
const { getToken } = useAuth()
 const yourConvexAction = useAction(api.actions.yourConvexAction)

const doSomeAction = async () => {
   const token = await getToken()
   await yourConvexAction({ ...otherParams, token })
}

2. In your Convex action:

export const yourConvexAction = action({
  args: {
    // other params ...
    token: v.union(v.string(), v.null())
  },
  handler: async (
      {runAction },
      { token }
  ) => {

    // do some logic and fetch some data for the email

    await runAction(internal.email.sendEmailToUser, {
      subject: 'Your email subject,
      from: 'from',
      to: 'user.email',
      data: {
        // data inside the email body
      },
      token
    })
  }
})

export const yourConvexAction = action({
  args: {
    // other params ...
    token: v.union(v.string(), v.null())
  },
  handler: async (
      {runAction },
      { token }
  ) => {

    // do some logic and fetch some data for the email

    await runAction(internal.email.sendEmailToUser, {
      subject: 'Your email subject,
      from: 'from',
      to: 'user.email',
      data: {
        // data inside the email body
      },
      token
    })
  }
})

12 replies

CCConvex Community

•Created by oferitz on 3/22/2024 in #general

How would you perform a "contains" query

@Lee How would you do pagination in this case?

await Promise.all(categories.map(catgoryId => getManyFrom(db, 'items', 'by_catgoryId', catgoryId)))

await Promise.all(categories.map(catgoryId => getManyFrom(db, 'items', 'by_catgoryId', catgoryId)))

8 replies

CCConvex Community

•Created by oferitz on 3/22/2024 in #general

How would you perform a "contains" query

You can also collect all items and do the filtering in typescript like you suggested in the article.

export const findItemsByMultipleCategories = query({
  args: { catIds: v.array(v.id('categories')) },
  handler: async ({ db }, { catIds }) => {
    const allItems = await db.query('items').collect()
    return allTech.filter((item) => catIds.includes(item.categoryId))
  }
})

export const findItemsByMultipleCategories = query({
  args: { catIds: v.array(v.id('categories')) },
  handler: async ({ db }, { catIds }) => {
    const allItems = await db.query('items').collect()
    return allTech.filter((item) => catIds.includes(item.categoryId))
  }
})

But that will probably be a disaster if you have more than a couple of hundred items.

8 replies

CCConvex Community

•Created by oferitz on 3/22/2024 in #general

How would you perform a "contains" query

Yeah exactly, that's what i did, but it was a good read anyway.

8 replies

CCConvex Community

•Created by oferitz on 3/22/2024 in #general

How would you perform a "contains" query

Thanks! Don't know how i missed that, that's pretty new, right?

8 replies

CCConvex Community

•Created by tiernacity on 2/21/2024 in #support-community

Problem integrating react-email into an internal action

@Michal Srb Thanks, appreciate the effort to help, but I have fully moved to a solution where Convex is sending an API request to my Next.js backend (https://discord.com/channels/1019350475847499849/1019350478817079338/1214518908623654972), which handles the actual email sending. This also eliminates the CSS files limitation mentioned above.

42 replies

CCConvex Community

•Created by oferitz on 3/5/2024 in #general

Using JWT in actions

Thanks. I figured so. Can I suggest exposing the JWT token on the auth object as a feature request? This way, I can avoid carrying it from the client to the backend, as Convex is already aware of the token in the function/action context.

4 replies