oscarama•3y ago

cookies, headers and authentication

in express I can do something like res.cookie("name", "value") for example. alternatively I can do res.set"set-cookie", "name=value"). how can I do something one of the two above with trpc? or is there another, standardized way to do auth? I'm using trpc v10 and sveltekit

9 Replies

Unknown User•3y ago

Message Not Public

oscaramaOP•3y ago

ok, thank you! I'll try it out my create context stuff is ran in hooks.server.ts like:

export const handle: Handle = async ({ event, resolve }) => {
    if (event.url.pathname.startsWith(`${trpcPathBase}/`)) {
        const response = await fetchRequestHandler({
            // ...
            createContext: () => {
                return createContext(event);
            },
        });

        return response;
    }

    // ...
};

export const handle: Handle = async ({ event, resolve }) => {
    if (event.url.pathname.startsWith(`${trpcPathBase}/`)) {
        const response = await fetchRequestHandler({
            // ...
            createContext: () => {
                return createContext(event);
            },
        });

        return response;
    }

    // ...
};

but a res object is nowhere to be found. any idea how I can access it?

Unknown User•3y ago

Message Not Public

SmoothNanners•3y ago

I tried to pass the SvelteKit cookies object into the context, but it didn't work since SvelteKit resolves the response separately. I was able to set cookies directly in the response (not using SvelteKit's cookies object) in responseMeta by checking the response and paths, but that's kinda messy. I recommend keeping the auth logic on a +page.server.js or +server.js endpoint. tRPC for everything else.

SmoothNanners•3y ago

There is the Lucia auth lib for SvelteKit: https://lucia-auth.vercel.app/ It sets some locals, it might be able to be passed to tRPC, but I haven't used it. I have a repo for a custom auth with GitHub OAuth using endpoints as well and passes the session to the tRPC context, feel free to check it out https://github.com/austins/sveltekit-customauth

GitHub

GitHub - austins/sveltekit-customauth: An experiment.

An experiment. Contribute to austins/sveltekit-customauth development by creating an account on GitHub.

oscaramaOP•3y ago

that helps, thank you a bit annoying to do in the +page.server.ts but works 🤷‍♂️

oscaramaOP•3y ago

https://twitter.com/balazsorban44/status/1603082914362986496?t=A3E4izkLf7de4J6zIvvdfA&s=19

Balázs Orbán (@balazsorban44)

Announcing Auth.js! 🔒Authentication for the Web. - Brand new @auth/core package, - Runtime/framework agnostic - Web standard APIs - Builds on NextAuth.js conventions/API - Decoupled from Next.js & Node.js. We're adding official support for new frameworks...

Likes

412

Twitter

oscaramaOP•3y ago

arrived right on time

SmoothNanners•3y ago

That's awesome, thanks for sharing!

cookies, headers and authentication

Did you find this page helpful?