litlyx/dashboard/composables/Projects.ts

import type { TProject } from "@schema/ProjectSchema";

const projects = useFetch<TProject[]>('/api/project/list', {
    key: 'projectslist', ...signHeaders()
});

export function useProjectsList() {
    return { ...projects, projects: projects.data }
}

const guestProjects = useFetch<TProject[]>('/api/project/list_guest', {
    key: 'guestProjectslist', ...signHeaders()
});

export function useGuestProjectsList() {
    return { ...guestProjects, guestProjects: guestProjects.data }
}

const activeProjectId = useFetch<string>(`/api/user/active_project`, {
    key: 'activeProjectId', ...signHeaders(),
});

export const isGuest = computed(() => {
    if (!guestProjects.data.value) return false;
    const guestTarget = guestProjects.data.value.find(e => e._id.toString() == activeProjectId.data.value);
    if (guestTarget) return true;
    return false;
});

export function useActiveProjectId() {
    return { ...activeProjectId, pid: activeProjectId.data }
}

export function useActiveProject() {
    if (isLiveDemo()) {
        const { data: liveDemoProject } = useLiveDemo();
        return liveDemoProject;
    }
    return computed(() => {
        if (!projects.data.value) return;
        if (!activeProjectId.data.value) return;
        const target = projects.data.value.find(e => e._id.toString() == activeProjectId.data.value);
        if (target) return target;
        if (!guestProjects.data.value) return;
        const guestTarget = guestProjects.data.value.find(e => e._id.toString() == activeProjectId.data.value);
        return guestTarget;
    });
}


export async function setActiveProject(project_id: string) {
    changingProject.value = true;
    await new Promise(e => setTimeout(e, 500));
    await $fetch<string>(`/api/user/set_active_project?project_id=${project_id}`, signHeaders());
    await activeProjectId.refresh();
    changingProject.value = false;
}

export const changingProject = ref<boolean>(false);