Deno oak v10.5.1 context.cookies never being set

Question

When attempting to set cookies in oak, the cookies property of the context is never changed and the value is always returned undefined even when using the example in their docs.

app.use(async ctx => {
    try {
        const lastVisit = await ctx.cookies.get('lastVisit')
        console.log(lastVisit)
        await ctx.cookies.set('lastVisit', new Date().toISOString())
        if (lastVisit) {
            console.log(`Welcome back. You were last here at ${lastVisit}.`)
        } else {
            console.log(`Welcome, I haven't seen your before.`)
        }
    } catch (error) {
        console.error(error)
    }
})

Am I not accessing the cookies the correct way?

Answer 1

Here's an example based on the code you shared which shows how to read and set a cookie (and also store data in the context's state) using Oak. You can simply copy + paste into a playground or project on Deno Deploy to try it:

import {
  Application,
  type Context,
  type Middleware,
  Router,
} from "https://deno.land/x/[email protected]/mod.ts";

// The shape of the state for this server app
// It can hold the last visited timestamp as a Date object
type State = {
  lastVisit?: Date | undefined;
};

const cookieMiddleWare: Middleware<
  State,
  Context<State, State>
> = async (ctx, next) => {
  // Get cookie value (if it exists)
  const lastVisit = await ctx.cookies.get("last_visit");
  // If it does, parse as a Date and set it to the context state
  if (lastVisit) ctx.state.lastVisit = new Date(lastVisit);
  // Update the cookie with the current timestamp
  await ctx.cookies.set("last_visit", new Date().toISOString());
  // Continue with next middleware
  await next();
};

// Handle visits to the root path only
const router = new Router<State>()
  .get("/", (ctx) => {
    // If the last visit date is on the state, stringify it
    // else set it to null
    const lastVisit = ctx.state.lastVisit
      ? ctx.state.lastVisit.toISOString()
      : null;

    ctx.response.body = lastVisit
      ? `Welcome back. Your last visit was: ${lastVisit}`
      : `Welcome. I haven't seen you before.`;
  });

const app = new Application<State>()
  .use(cookieMiddleWare)
  .use(router.routes())
  .use(router.allowedMethods());

app.addEventListener("listen", ({ hostname, port, secure }) => {
  console.log(`Listening at http${secure ? "s" : ""}://${hostname}:${port}/`);
});

await app.listen({ port: 8080 });