byre/web/dist/project.js

import { get, post } from "./api.js";
import { errorText, h, replace, showAlert } from "./dom.js";
import { markdown } from "./markdown.js";
import { models } from "./task.js";
import { currentSession, focusedProject, focusTask, on, onEach, state, taskState } from "./state.js";
import { taskStyle } from "./taskcolor.js";
const refreshKinds = new Set(["task.merged", "project.created"]);
export function mountProject(root) {
    const todos = new Map();
    const starting = new Set();
    let disposed = false;
    const render = () => {
        const scrollTop = root.querySelector(".project-view")?.scrollTop ?? 0;
        const p = focusedProject();
        replace(root, h("div", { class: "project-view" }, p ? projectBlock(p, todos.get(p.id), starting, start) : h("div", { class: "empty" }, "No project selected.")));
        root.querySelector(".project-view").scrollTop = scrollTop;
    };
    const load = async (projectId) => {
        try {
            const todo = await get("/api/projects/{projectId}/todo", { path: { projectId } });
            todos.set(projectId, todo);
        }
        catch (err) {
            todos.set(projectId, `Couldn't read TODO.md: ${errorText(err)}`);
        }
        if (!disposed) {
            render();
        }
    };
    const refresh = () => {
        const p = focusedProject();
        if (p) {
            void load(p.id);
        }
    };
    const start = async (project, item, discuss) => {
        const key = `${project.id}\n${item.title}`;
        starting.add(key);
        render();
        try {
            await post("/api/projects/{projectId}/todo/tasks", { path: { projectId: project.id }, body: { title: item.title, model: models[0], discuss } });
        }
        catch (err) {
            void showAlert(errorText(err));
        }
        starting.delete(key);
        if (!disposed) {
            render();
        }
    };
    const offs = [
        on("event", (detail) => {
            const ev = detail;
            if (!refreshKinds.has(ev.kind)) {
                return;
            }
            if (ev.project_id) {
                void load(ev.project_id);
            }
        }),
        on("connection", () => {
            if (state.connected) {
                refresh();
            }
        }),
        on("projects", refresh),
        onEach(["focus", "selection"], () => {
            render();
            const p = focusedProject();
            if (p && !todos.has(p.id)) {
                void load(p.id);
            }
        }),
        onEach(["tasks", "sessions", "inbox"], render),
    ];
    render();
    refresh();
    return () => {
        disposed = true;
        for (const off of offs) {
            off();
        }
    };
}
function projectBlock(project, todo, starting, start) {
    const active = (state.tasks.get(project.id) ?? []).filter((t) => t.status === "active");
    return h("section", { class: "project" }, h("h2", {}, project.name, " ", h("span", { class: "repo" }, project.default_branch)), h("h3", {}, "Tasks"), tasksBlock(active), h("h3", {}, "TODO"), ...todoBlock(project, todo, active, starting, start));
}
function tasksBlock(active) {
    if (active.length === 0) {
        return h("p", { class: "empty-row" }, "No active tasks.");
    }
    return h("ul", { class: "task-list" }, ...active.map((task) => {
        const ts = taskState(task);
        const count = state.inbox.filter((item) => item.task_id === task.id).length;
        return h("li", { class: task.id === state.selectedTaskId ? "selected" : "", style: taskStyle(task.id) }, h("a", {
            href: `#/task/${task.id}`,
            onclick: (e) => {
                e.preventDefault();
                focusTask(task.id);
            },
        }, h("span", { class: `dot ${ts ?? "none"}`, title: ts ?? "no session" }), h("span", { class: "task-title task-name" }, task.title), count > 0 && h("span", { class: "badge", title: "inbox items" }, count), task.merge_queued_at !== undefined && h("span", { class: "task-state warn", title: "Waiting for the merge in progress in this project to finish" }, "merge held"), h("span", { class: "task-state" }, ts ?? "no agent")));
    }));
}
function todoBlock(project, todo, active, starting, start) {
    if (todo === undefined) {
        return [h("p", { class: "empty-row" }, "Loading…")];
    }
    if (typeof todo === "string") {
        return [h("p", { class: "empty-row error-text" }, todo)];
    }
    if (!todo.exists) {
        return [h("p", { class: "empty-row" }, `No TODO.md on ${project.default_branch}.`)];
    }
    if (todo.items.length === 0) {
        return [h("p", { class: "empty-row" }, "TODO.md has no items.")];
    }
    const children = [];
    let section = "";
    let list;
    for (const item of todo.items) {
        if (!list || item.section !== section) {
            section = item.section;
            if (section) {
                children.push(h("h4", { class: "todo-section" }, section));
            }
            list = h("ul", { class: "todo-list" });
            children.push(list);
        }
        const task = active.find((t) => t.todo_item === item.title);
        let action;
        if (task) {
            const sess = currentSession(task.id);
            action = h("a", {
                class: "todo-task",
                href: `#/task/${task.id}`,
                onclick: (e) => {
                    e.preventDefault();
                    focusTask(task.id);
                },
            }, h("span", { class: `dot ${sess?.state ?? "none"}`, title: sess?.state ?? "no session" }), sess?.state ?? "no agent");
        }
        else {
            const busy = starting.has(`${project.id}\n${item.title}`);
            const startButton = h("button", { disabled: busy, title: "Start a task that gets straight to work" }, busy ? "Starting…" : "Start");
            startButton.onclick = () => void start(project, item, false);
            const discussButton = h("button", { disabled: busy, title: "Start a task that discusses it with you in chat before building anything" }, "Discuss");
            discussButton.onclick = () => void start(project, item, true);
            action = h("span", { class: "todo-buttons" }, startButton, discussButton);
        }
        list.append(h("li", { class: task && task.id === state.selectedTaskId ? "selected" : "", style: task ? taskStyle(task.id) : "" }, h("div", { class: "todo-head" }, h("span", { class: task ? "todo-title task-name" : "todo-title" }, item.title), action), item.body && markdown(item.body, "md todo-body")));
    }
    return children;
}
//# sourceMappingURL=project.js.map