import { reactive } from "vue";

export const addToCollectionMenuState = reactive({
    open: false,
    x: 0,
    y: 0,
    assets: [],
});

function broadcastCloseAllMenus() {
    try {
        window.dispatchEvent(new CustomEvent("mjr-close-all-menus"));
    } catch (e) {
        console.debug?.(e);
    }
}

export function openAddToCollectionMenu({ x = 0, y = 0, assets = [] } = {}) {
    broadcastCloseAllMenus();
    addToCollectionMenuState.open = Array.isArray(assets) && assets.length > 0;
    addToCollectionMenuState.x = Number(x) || 0;
    addToCollectionMenuState.y = Number(y) || 0;
    addToCollectionMenuState.assets = Array.isArray(assets) ? [...assets] : [];
}

export function closeAddToCollectionMenu() {
    addToCollectionMenuState.open = false;
    addToCollectionMenuState.x = 0;
    addToCollectionMenuState.y = 0;
    addToCollectionMenuState.assets = [];
}