console/src/lib/commandCenter/subPanels.ts

import type { SvelteComponentDev } from 'svelte/internal';
import { writable } from 'svelte/store';

export type SubPanel = {
    name: string;
    component: typeof SvelteComponentDev;
};

type CastSubPanel = Omit<SubPanel, 'component'> & {
    component: unknown;
};

export const subPanels = writable<Array<SubPanel>>([]);

export function addSubPanel(subPanel: CastSubPanel) {
    subPanels.update((curr) => {
        curr.push(subPanel as SubPanel);
        return curr;
    });
}

export function popSubPanel() {
    subPanels.update((curr) => {
        curr = curr.slice(0, -1);
        return curr;
    });
}

export function clearSubPanels() {
    subPanels.set([]);
}