create-miro-app/dist/targets/universal/nextjs/src/utils/initMiroAPI.js

Create Miro app

import { Miro } from '@mirohq/miro-api'; 
import { cookies } from 'next/headers'; 

const tokensCookie = 'miro_tokens'; 

export default function initMiroAPI() {
    const cookieInstance = cookies(); 
    
    const getCookieValue = (key = tokensCookie) => {
        // Load state (tokens) from a cookie if it's set
        try { 
            return JSON.parse(cookieInstance.get(key)?.value); 
        }
        catch (err) { 
            return null; 
        } 
    }; 
    
    // setup a Miro instance that loads tokens from cookies
    return {
        miro: new Miro({
            storage: {
                get: () => {
                    return getCookieValue(); 
                },
                set: (_, state) => {
                    cookieInstance.set(tokensCookie, JSON.stringify(state), {
                        path: '/',
                        httpOnly: true,
                        sameSite: 'none',
                        secure: true, 
                    }); 
                }, 
            }, 
        }),
        // User id might be undefined if the user is not logged in yet, we will know it after the redirect happened
        userId: getCookieValue()?.userId || '', 
    }; 
}