RocketChat/Rocket.Chat

import type { Keys as IconName } from '@rocket.chat/icons';
import type { LocationPathname } from '@rocket.chat/ui-contexts';
import type { ReactElement } from 'react';

export type Item = {
    i18nLabel: string;
    href?: LocationPathname | `https://go.rocket.chat/i/${string}`;
    icon?: IconName;
    tag?: 'Alpha' | 'Beta';
    permissionGranted?: () => boolean;
    pathSection?: string;
    name?: string;
    externalUrl?: boolean;
    badge?: () => ReactElement;
};
export type SidebarDivider = { divider: boolean; i18nLabel: string };
export type SidebarItem = Item | SidebarDivider;
export const isSidebarItem = (item: SidebarItem): item is Item => !('divider' in item);

export const isGoRocketChatLink = (link: string): link is `https://go.rocket.chat/i/${string}` =>
    link.startsWith('https://go.rocket.chat/i/');

export const createSidebarItems = (
    initialItems: SidebarItem[] = [],
): {
    registerSidebarItem: (item: SidebarItem) => void;
    unregisterSidebarItem: (i18nLabel: SidebarItem['i18nLabel']) => void;
    getSidebarItems: () => SidebarItem[];
    subscribeToSidebarItems: (callback: () => void) => () => void;
} => {
    const items = initialItems;
    let updateCb: () => void = () => undefined;

    const getSidebarItems = (): SidebarItem[] => items;

    const subscribeToSidebarItems = (cb: () => void): (() => void) => {
        updateCb = cb;
        return (): void => {
            updateCb = (): void => undefined;
        };
    };

    const registerSidebarItem = (item: SidebarItem): void => {
        items.push(item);
        updateCb();
    };

    const unregisterSidebarItem = (i18nLabel: SidebarItem['i18nLabel']): void => {
        const index = items.findIndex((item) => item.i18nLabel === i18nLabel);
        delete items[index];
        updateCb();
    };

    return {
        registerSidebarItem,
        unregisterSidebarItem,
        getSidebarItems,
        subscribeToSidebarItems,
    };
};