integrations/better-auth

[giscus[bot]]

integrations/better-auth

We may use @better-auth/cli to generate auth schema and migrate our database as well.

https://elysiajs.com/integrations/better-auth

[lucass3na]

Remember, don’t forget to add the OpenAPI plugin before following these instructions:
https://elysiajs.com/integrations/better-auth#swagger-openapi

import { betterAuth } from "better-auth";
import { openAPI } from "better-auth/plugins";

export const auth = betterAuth({
plugins: [openAPI()]
}

[gokaybiz]

I'm using Elysia.js and have the following setup:

export const authRoutes = new Elysia({ prefix: "/auth" }).all(
  "/*",
  ({ request }) => auth.handler(request),
);

And let's say we have a structure like this.

const app = new Elysia()
  .use(elysiaLogger)
  .use(cors())
  .group("/api/v1", (app) => {
    return app.use(authRoutes);
  })
  .listen(3000);

How do I access the routes defined in authRoutes?
What would the full URL be for these endpoints?

My instinct was to access better auth endpoints at /api/v1/auth/* like /api/v1/auth/get-session, but it’s not working...

[lucass3na]

@gokaybiz check if this works for you.
http://localhost:3000/api/v1/auth/get-session

export const auth = betterAuth({
  basePath: "/auth",
})

const app = new Elysia()
  .use(elysiaLogger)
  .use(cors())
  .mount("/api/v1", auth.handler)
  .listen(3000);

[gokaybiz]

@gokaybiz check if this works for you. http://localhost:3000/api/v1/auth/get-session

export const auth = betterAuth({
  basePath: "/auth",
})

const app = new Elysia()
  .use(elysiaLogger)
  .use(cors())
  .mount("/api/v1", auth.handler)
  .listen(3000);

Hey!
Yeah, it worked that way, thanks!

export const auth = betterAuth({
  basePath: "/auth",
})

export const authRoutes = new Elysia().mount("/", auth.handler);

export const app = new Elysia()
  .use(elysiaLogger)
  .use(cors())
  .get("/", () => "Hello Elysia")
  .group("/api/v1", (app) => {
    return app.use(authRoutes);
  })
  .listen(3000);

But honestly, It feels a bit confusing for future maintenance 😅

[typed-sigterm]

.mount('/foo', auth.handler) is incorrect, I just opened #576 to fix the tutorial.

[Pastequee]

Using the given macro that checks for user authentication, it returns a status(401).
But when using Eden Treaty, the 401 does not appear in the possible error responses, do you know a way to make the types work ?

[dodiz]

I just return null from the resolve and handle the unauthorized at route level

[DEV-Thierry]

I am receiving an error in a route file when trying to use the auth macro.

I configured Better Auth.

// better-auth.ts
import { auth } from "@/auth";
import Elysia from "elysia";

export const betterAuthPlugin = new Elysia({ name: "better-auth" })
  .mount(auth.handler)
  .macro({
    auth: {
      async resolve({ status, request: { headers } }) {
        const session = await auth.api.getSession({
          headers,
        });
        if (!session) return status(401);
        return {
          user: session.user,
          session: session.session,
        };
      },
    },
  });

let _schema: ReturnType<typeof auth.api.generateOpenAPISchema>
const getSchema = async () => {
  if (!_schema) {
    _schema = auth.api.generateOpenAPISchema()
  }
  return _schema;
}

export const OpenAPI = {
  getPaths: (prefix = '/api') =>
    getSchema().then(({ paths }) => {
      const reference: typeof paths = Object.create(null)

      for (const path of Object.keys(paths)) {
        const key = prefix + path
        reference[key] = paths[path]

        for (const method of Object.keys(paths[path])) {
          const operation = (reference[key] as any)[method]

          operation.tags = ['Better Auth']
        }
      }

      return reference
    }) as Promise<any>,
  components: getSchema().then(({ components }) => components) as Promise<any>
} as const

I used the plugin in my index.ts

// index.ts
export const app = new Elysia()
  .use(openapi({
    documentation: {
      components: await OpenAPI.components,
      paths: await OpenAPI.getPaths()
    }
  }))
  .use(betterAuthPlugin)
  .use(todoRoute)
  .listen(3333);

but on my route I can't receive the typing when I put the auth macro

// todoRoute.ts
export const todoRoute = new Elysia()
  .get("/", () => {
    return [
      { id: 1, title: "Estudar Bun" },
      { id: 2, title: "Aprender Elysia" }
    ];
  }, {
    auth: true // error message 'Object literal may only specify known properties ...
  });

What am I doing wrong?

[mjjabarullah]

// todoRoute.ts
export const todoRoute = new Elysia()
  .use(betterAuthPlugin)
  .get("/", () => {
    return [
      { id: 1, title: "Estudar Bun" },
      { id: 2, title: "Aprender Elysia" }
    ];
  }, {
    auth: true // error message 'Object literal may only specify known properties ...
  });

try this, since elysia using method chaining to do type safety. So that you need to make use of auth plugin in every elysia instance. Duplication of plugin will be handled by elysia automaticlaly.