Feat(providers): Add Loops Email Provider and Documentation

[Whats-A-MattR]

☕️ Reasoning

Email / Magic Token Auth is great.
Loops.so make a great product for Email that goes beyond just transactional emails, I use them as my provider and love the platform.

🧢 Checklist

• Documentation
• Tests
• Ready to be merged

🎫 Affected issues

Fixes: This Feature Request

📌 Resources

• Security guidelines
• Contributing guidelines
• Code of conduct
• Contributing to Open Source

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
auth-docs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 23, 2024 6:36pm

1 Skipped Deployment

Name	Status	Preview	Comments	Updated (UTC)
next-auth-docs	⬜️ Ignored (Inspect)	Visit Preview		Aug 23, 2024 6:36pm

[vercel]

@Whats-A-MattR is attempting to deploy a commit to the authjs Team on Vercel.

A member of the Team first needs to authorize it.

[Whats-A-MattR]

Pls approve.

[ndom91]

Thanks, this looks great! I made some tiny edits regarding the loops.svg image file.

Could you update the svelte examples (in both mdx files) regarding the environment variables? Unfortunately SvelteKit doesn't expose a process.env. You have to either import env or the variables themselves. More details. I realize this needs updated on the other magic link providers docs as well.

Soemthing like:

import { SvelteKitAuth } from "@auth/sveltekit"
import Loops from "@auth/sveltekit/providers/loops"
import { env } from "$env/dynamic/prviate"

export const { handle, signIn, signOut } = SvelteKitAuth({
  providers: [
    Loops({
      apiKey: env.AUTH_LOOPS_KEY,
      transactionalId: env.AUTH_LOOPS_TRANSACTIONAL_ID,
    })
  ]
})

[Whats-A-MattR]

Hey, @ndom91 I've updated in-line with the docs provided by Svelte
https://learn.svelte.dev/tutorial/env-static-private

[Whats-A-MattR]

@ndom91 Hey, how are we feeling about merging this one?

[ndom91]

If transactionalId is required, let's not make it optional in the types 👍