@pietervdwerk/auth-astro/src/integration.ts

Auth Astro is the easiest way to add Authentication to your Astro Project. It wraps the core of [Auth.js](https://authjs.dev/) into an Astro integration which automatically adds the endpoints and handles everything else.

import type { AstroIntegration } from 'astro'
import { dirname, join } from 'path'
import { type AstroAuthConfig, virtualConfigModule } from './config'

export default (config: AstroAuthConfig): AstroIntegration => ({
	name: 'astro-auth',
	hooks: {
		'astro:config:setup': ({ config: astroConfig, injectRoute, injectScript, updateConfig }) => {
			if (astroConfig.output === 'static')
				throw new Error(
					'auth-astro requires server-side rendering. Please set output to "server" & install an adapter. See https://docs.astro.build/en/guides/deploy/#adding-an-adapter-for-ssr'
				)

			updateConfig({
				vite: {
					plugins: [virtualConfigModule(config)],
				},
			})

			config.prefix ??= '/api/auth'

			if (config.injectEndpoints !== false) {
				const currentDir = dirname(import.meta.url)
				injectRoute({
					pattern: config.prefix + '/[...auth]',
					entryPoint: join(currentDir + '/api/[...auth].ts'),
				})
			}

			const edge = ['@astrojs/vercel/edge', '@astrojs/cloudflare'].includes(
				astroConfig.adapter.name
			)

			if (!edge && globalThis.process && process.versions.node < '19.0.0' || (process.env.NODE_ENV === 'development' && edge)) {
				injectScript(
					'page-ssr',
					`import crypto from "node:crypto";
if (!globalThis.crypto) globalThis.crypto = crypto;
if (typeof globalThis.crypto.subtle === "undefined") globalThis.crypto.subtle = crypto.webcrypto.subtle;
if (typeof globalThis.crypto.randomUUID === "undefined") globalThis.crypto.randomUUID = crypto.randomUUID;
`
				)
			}
		},
	},
})