initMiro.ts

import {Miro} from '@mirohq/miro-api';
import {serialize} from 'cookie';

function getSerializedCookie(name: string, value: string) {
  return serialize(name, value, {
    path: '/',
    httpOnly: true,
    sameSite: 'none',
    secure: true,
  });
}

export default function initMiro(
  request: {cookies: Record<string, undefined | string>},
  response?: {setHeader(name: string, value: string[]): void},
) {
  const tokensCookie = 'miro_tokens';

  // setup a Miro instance that loads tokens from cookies
  return {
    miro: new Miro({
      storage: {
        get: () => {
          // Load state (tokens) from a cookie if it's set
          try {
            return JSON.parse(request.cookies[tokensCookie] || 'null');
          } catch (err) {
            return null;
          }
        },
        set: (_, state) => {
          if (!response)
            throw new Error(
              'initMiro should be invoked with a response object',
            );
          // store state (tokens) in the cookie
          response.setHeader('Set-Cookie', [
            getSerializedCookie(tokensCookie, JSON.stringify(state)),
          ]);
        },
      },
    }),
  };
}