stremio-web/src/common/Platform/Platform.tsx

import React, { createContext, useContext } from 'react';
import useShell from './useShell';
import { WHITELISTED_HOSTS } from 'stremio/common/CONSTANTS';

interface PlatformContext {
    openExternal: (url: string) => void,
};

const PlatformContext = createContext<PlatformContext | null>(null);

type Props = {
    children: JSX.Element,
};

const PlatformProvider = ({ children }: Props) => {
    const shell = useShell();

    const openExternal = (url: string) => {
        try {
            const { hostname } = new URL(url);
            const isWhitelisted = WHITELISTED_HOSTS.some((host: string) => hostname.endsWith(host));
            const finalUrl = !isWhitelisted ? 'https://www.stremio.com/warning#' + encodeURIComponent(url) : url;
        
            if (shell.active) {
                shell.send('open-external', finalUrl);
            } else {
                window.open(finalUrl, '_blank');
            }
        } catch (e) {
            console.error('Failed to parse external url:', e);
        }        
    };

    return (
        <PlatformContext.Provider value={{ openExternal }}>
            {children}
        </PlatformContext.Provider>
    );
};

const usePlatform = () => {
    return useContext(PlatformContext);
};

export {
    PlatformProvider,
    usePlatform,
};