ms-teams-init

gistfile1.ts

import { SendErrorToSentry } from '~/plugins/sentry.client';
import { app, authentication } from '@microsoft/teams-js';

async function isInMobileTeamsApp() {
    await app.initialize();
    const context = await app.getContext();

    const userAgent = navigator.userAgent || navigator.vendor || window.opera;

    if (!context?.app?.appLaunchId) {
        return false;
    }

    // Check for mobile-specific keywords in the user agent
    const isMobile = /TeamsMobile|TeamsiOS|TeamsAndroid/i.test(userAgent);

    console.log('Is in mobile Teams app:', isMobile);
    return isMobile;
}


export function useMSTeams() {
    const isInTeams = useState('isInTeams', () => false);
    const teamsInitialized = useState('teamsInitialized', () => false);

    async function initializeMsTeams() {
        try {
            if (teamsInitialized.value) return;
            await app.initialize();
            const context = await app.getContext();
            
            isInTeams.value = true;
        } catch (e) {
            console.error(e);
            isInTeams.value = false;

            SendErrorToSentry(e);
        }
    }

    async function startAuthFlow() {
        try {
            const authResult = await authentication.authenticate({
                url: '/auth?useRedirect=true&isInTeams=true',
                isExternal: await isInMobileTeamsApp(),
            });
            console.log(authResult);
        } catch (e) {
            console.error(e);
            SendErrorToSentry(e);
        }
    }

    return {
        isInTeams,
        initializeMsTeams,
        startAuthFlow,
    };
}