PronounsPage/composables/useLinkUtils.ts

import { clearUrl } from '../src/helpers.ts';

import type { LinkMetadata } from '~/src/profile.ts';

interface LinkProvider {
    regex?: string;
    icon: string;
    iconSet?: 'l' | 's' | 'b';
    homepage?: string;
    name?: string;
}

const LINK_PROVIDERS: Record<string, LinkProvider> = {
    twitter: {
        regex: '^https?://(?:www.)?twitter.com/([^/]+)',
        icon: 'twitter',
        iconSet: 'b',
    },
    facebook: {
        regex: '^https?://(?:www.)?facebook.com/([^/]+)',
        icon: 'facebook',
        iconSet: 'b',
    },
    instagram: {
        regex: '^https?://(?:www.)?instagram.com/([^/]+)',
        icon: 'instagram',
        iconSet: 'b',
    },
    email: {
        regex: '^mailto:([^/]+)',
        icon: 'envelope',
    },
    reddit: {
        regex: '^https?://(?:www.)?reddit.com/u/([^/]+)',
        icon: 'reddit',
        iconSet: 'b',
    },
    telegram: {
        regex: '^https?://(?:www.)?t.me/([^/]+)',
        icon: 'telegram',
        iconSet: 'b',
    },
    paypal: {
        regex: '^https?://(?:www.)?paypal.me/([^/]+)',
        icon: 'paypal',
        iconSet: 'b',
    },
    discord: {
        regex: '^https?://(?:www.)?discord.gg/([^/]+)',
        icon: 'discord',
        iconSet: 'b',
    },
    cake: {
        regex: '^https://cake.avris.it/([bgoprc][A-E][0-6])$',
        icon: 'https://cake.avris.it/favicon.png',
        homepage: 'https://cake.avris.it',
        name: 'Attraction Layer Cake',
    },
    spectrum: {
        regex: '^https://spectrum.avris.it/([A-Za-z0-9]{4})$',
        icon: 'https://spectrum.avris.it/favicon.png',
    },
    orcid: {
        regex: '^https?://(?:www.)?orcid.org/([^/]+)',
        icon: 'https://orcid.org/assets/icons/favicon.ico',
    },
    kofi: {
        regex: '^https?://(?:www.)?ko-fi.com/([^/]+)',
        icon: 'https://ko-fi.com/favicon.png',
    },
    linktree: {
        regex: '^https?://(?:www.)?linktr.ee/([^/]+)',
        icon: 'https://linktr.ee/favicon.ico',
    },
    blogger: {
        regex: '^https?://([^/]+).(?:blogger|blogspot).com',
        icon: 'https://www.blogger.com/about/favicon/favicon.ico',
    },
    twitch: {
        regex: '^https?://(?:www.)?twitch.tv/([^/]+)',
        icon: 'twitch',
        iconSet: 'b',
    },
    mastodon: {
        icon: 'mastodon',
        iconSet: 'b',
    },
    matrix: {
        regex: '^https?://(?:www.)?matrix\\.to/#/([^/?]+)',
        icon: 'https://raw.githubusercontent.com/vector-im/logos/master/matrix/matrix-favicon.png',
    },
};

export interface NiceLink extends Omit<LinkProvider, 'icon'> {
    icon: (string | undefined)[] | string;
    text: string;
}

interface LinkComposable {
    linkProviders: Record<string, LinkProvider>;
    recommendedLinkProviders: Record<string, LinkProvider>;
    beautifyLink(
        link: string,
        expand?: boolean,
        verifiedBy?: string | undefined,
        metadata?: LinkMetadata | undefined,
    ): NiceLink;
}

export default (): LinkComposable => ({
    linkProviders: LINK_PROVIDERS,
    recommendedLinkProviders: {
        cake: LINK_PROVIDERS.cake,
    },
    beautifyLink(
        link,
        expand = false,
        verifiedBy = undefined,
        metadata = undefined,
    ): NiceLink {
        for (const [name, provider] of Object.entries(LINK_PROVIDERS)) {
            if (provider.regex) {
                const m = link.match(provider.regex);
                if (m) {
                    return {
                        ...provider,
                        text: expand ? clearUrl(link) : m[1],
                    };
                }
            }
            if (verifiedBy === name) {
                return {
                    ...provider,
                    text: clearUrl(link),
                };
            }
        }

        return {
            icon: [metadata?.favicon ?? undefined, 'globe-europe'],
            text: clearUrl(link),
        };
    },
});