ankka-console 0.10.0

package/dist/routes/front.d.ts

@@ -0,0 +1,41 @@
+/**
+ * The front page: who you are, as the control plane sees you, and the organizations you can see —
+ * yours with your role in each, or every one of them for a platform administrator.
+ */
+import { type LoaderFunctionArgs, type MetaFunction } from "react-router";
+import { ConsoleErrorBoundary } from "../ui/errors.tsx";
+export declare const meta: MetaFunction;
+export declare function loader({ context }: LoaderFunctionArgs): Promise<{
+    console: import("../context.ts").ConsolePageData;
+    whoami: {
+        subject: string;
+        name: string | undefined;
+        email: string | undefined;
+        emailVerified: boolean;
+        platformAdmin: boolean;
+        organizations: {
+            id: string;
+            name: string;
+            role: "member" | "owner";
+        }[];
+    };
+    organizations: {
+        id: string;
+        name: string;
+        projects: number;
+        disabled: boolean;
+        role: NonNullable<"member" | "owner"> | undefined;
+        quota: {
+            projects: number | undefined;
+            services: number | undefined;
+            instances: number | undefined;
+        } | undefined;
+        usage: {
+            projects: number;
+            services: number;
+            instances: number;
+        };
+    }[];
+}>;
+export default function Front(): import("react").JSX.Element;
+export declare const ErrorBoundary: typeof ConsoleErrorBoundary;

package/dist/routes/front.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The front page: who you are, as the control plane sees you, and the organizations you can see —
+ * yours with your role in each, or every one of them for a platform administrator.
+ */
+import { useLoaderData } from "react-router";
+import { guard, pageData, useConsoleContext } from "../context.js";
+import { ConsoleErrorBoundary } from "../ui/errors.js";
+import { ConsoleLink, useConsole } from "../ui/console.js";
+import { HostActions } from "../extensions/render.js";
+export const meta = () => [{ title: "Organizations · ankka" }];
+export async function loader({ context }) {
+    const ctx = useConsoleContext(context);
+    return guard(ctx, async () => {
+        const [whoami, organizations] = await Promise.all([ctx.client.whoami(), ctx.client.listOrganizations()]);
+        return { console: await pageData(ctx), whoami, organizations };
+    });
+}
+const roleWords = { owner: "Owner", member: "Member" };
+export default function Front() {
+    const { whoami, organizations } = useLoaderData();
+    const { shows } = useConsole();
+    return (_jsxs("section", { className: "ac-page", children: [_jsx("h1", { children: "Organizations" }), _jsxs("p", { className: "ac-lede", children: ["Signed in as ", _jsx("strong", { children: whoami.name ?? whoami.email ?? whoami.subject }), whoami.email && whoami.name ? ` (${whoami.email})` : null, whoami.platformAdmin ? ", a platform administrator: you see every organization in this installation." : "."] }), organizations.length === 0 ? (_jsxs("p", { className: "ac-empty", children: ["You are not a member of any organization yet. Create one, or ask an owner to invite ", whoami.email ?? "you", "."] })) : (_jsx("div", { className: "ac-table-wrap", children: _jsxs("table", { className: "ac-table", children: [_jsx("caption", { className: "ac-visually-hidden", children: "Organizations you can see" }), _jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { scope: "col", children: "Name" }), _jsx("th", { scope: "col", children: "Id" }), _jsx("th", { scope: "col", children: "Your role" }), _jsx("th", { scope: "col", className: "ac-num", children: "Projects" }), _jsx("th", { scope: "col", children: "State" })] }) }), _jsx("tbody", { children: organizations.map((o) => (_jsxs("tr", { children: [_jsx("td", { children: _jsx(ConsoleLink, { to: `organizations/${encodeURIComponent(o.id)}`, children: o.name }) }), _jsx("td", { children: o.id }), _jsx("td", { children: o.role ? roleWords[o.role] : "Administrator (not a member)" }), _jsx("td", { className: "ac-num", children: o.projects }), _jsx("td", { children: o.disabled ? "Disabled" : "Active" })] }, o.id))) })] }) })), _jsxs("div", { className: "ac-actions", children: [shows("organization.create") ? (_jsx(ConsoleLink, { to: "organizations/new", className: "ac-button", children: "Create an organization" })) : null, _jsx(HostActions, { operation: "organization.create" })] })] }));
+}
+export const ErrorBoundary = ConsoleErrorBoundary;

package/dist/routes/logs.d.ts

@@ -0,0 +1,67 @@
+import { type LoaderFunctionArgs, type MetaFunction } from "react-router";
+import { ConsoleErrorBoundary } from "../ui/errors.tsx";
+export declare const meta: MetaFunction<typeof loader>;
+export declare function loader({ request, params, context }: LoaderFunctionArgs): Promise<{
+    console: import("../context.ts").ConsolePageData;
+    service: {
+        name: string;
+        projectId: string;
+        lifecycle: string;
+        generation: number;
+        image: string;
+        readyInstances: number;
+        desiredInstances: number;
+        detail: string | undefined;
+        confirmed: boolean;
+        database: string | undefined;
+        hostname: string | undefined;
+        exposed: boolean;
+        suspended: boolean;
+        paused: boolean;
+        hosting: string;
+        protocol: string | undefined;
+    };
+    project: {
+        id: string;
+        name: string;
+        organizationId: string;
+        registry: {
+            server: string;
+            username: string;
+            setAt: string | undefined;
+            setBy: string | undefined;
+        } | undefined;
+    };
+    organization: {
+        id: string;
+        name: string;
+        projects: number;
+        disabled: boolean;
+        role: NonNullable<"member" | "owner"> | undefined;
+        quota: {
+            projects: number | undefined;
+            services: number | undefined;
+            instances: number | undefined;
+        } | undefined;
+        usage: {
+            projects: number;
+            services: number;
+            instances: number;
+        };
+    };
+    instances: {
+        instance: string;
+        lines: string[];
+        error?: string;
+    }[];
+    none: string | undefined;
+    query: {
+        instance: string | undefined;
+        previous: boolean;
+        tail: number;
+        since: number | undefined;
+    };
+    known: string[];
+}>;
+export default function Logs(): import("react").JSX.Element;
+export declare const ErrorBoundary: typeof ConsoleErrorBoundary;

package/dist/routes/logs.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * A service's logs, with the CLI's four choices: one instance or all, the container before the last
+ * restart, how many lines, how far back. With scripts running the page follows new lines as they are
+ * written, until the person pauses it; without, it shows what was there when the page was asked for.
+ */
+import { useMemo, useState } from "react";
+import { Form, useLoaderData } from "react-router";
+import { guard, pageData, useConsoleContext } from "../context.js";
+import { ControlPlaneError } from "../client/errors.js";
+import { ConsoleErrorBoundary } from "../ui/errors.js";
+import { Breadcrumbs, useConsole } from "../ui/console.js";
+import { useServiceStream } from "../ui/use-stream.js";
+import { lines } from "../stream/log-follow.js";
+export const meta = ({ loaderData }) => [{ title: `Logs of ${loaderData?.service.name ?? "a service"} · ankka` }];
+export async function loader({ request, params, context }) {
+    const ctx = useConsoleContext(context);
+    const { projectId, name } = params;
+    const q = new URL(request.url).searchParams;
+    const query = {
+        instance: q.get("instance") || undefined,
+        previous: q.get("previous") === "true",
+        tail: q.get("tail") ? Number(q.get("tail")) : 200,
+        since: q.get("since") ? Number(q.get("since")) : undefined,
+    };
+    return guard(ctx, async () => {
+        const [service, project, page] = await Promise.all([ctx.client.getService(projectId, name), ctx.client.getProject(projectId), pageData(ctx)]);
+        const organization = await ctx.client.getOrganization(project.organizationId);
+        let instances = [];
+        let none;
+        try {
+            const logs = await ctx.client.logs(projectId, name, query);
+            instances = logs.instances.map((i) => ({ instance: i.instance, lines: lines(i.output), error: i.error }));
+        }
+        catch (e) {
+            if (e instanceof ControlPlaneError && e.status === 404)
+                none = e.reason;
+            else
+                throw e;
+        }
+        // Every instance the service has had output from, for the choice; the current read may be of one.
+        const known = query.instance ? [query.instance, ...instances.map((i) => i.instance).filter((i) => i !== query.instance)] : instances.map((i) => i.instance);
+        return { console: page, service, project, organization, instances, none, query, known };
+    });
+}
+export default function Logs() {
+    const { service, project: p, organization: o, instances, none, query, known } = useLoaderData();
+    const { mount } = useConsole();
+    const [follow, setFollow] = useState(true);
+    const initial = useMemo(() => Object.fromEntries(instances.map((i) => [i.instance, { lines: i.lines, error: i.error }])), [instances]);
+    const params = new URLSearchParams();
+    if (query.instance)
+        params.set("instance", query.instance);
+    if (query.previous)
+        params.set("previous", "true");
+    params.set("tail", String(query.tail));
+    const { byInstance, state } = useServiceStream(p.id, service.name, service, {
+        follow: follow && !query.previous,
+        query: params.toString(),
+        tail: query.tail,
+        initial,
+    });
+    const shown = Object.entries(byInstance);
+    return (_jsxs("section", { className: "ac-page", children: [_jsx(Breadcrumbs, { trail: [
+                    { label: "Organizations", to: "" },
+                    { label: o.name, to: `organizations/${encodeURIComponent(o.id)}` },
+                    { label: p.name, to: `projects/${encodeURIComponent(p.id)}` },
+                    { label: service.name, to: `projects/${encodeURIComponent(p.id)}/services/${encodeURIComponent(service.name)}` },
+                    { label: "Logs" },
+                ] }), _jsxs("h1", { children: ["Logs of ", service.name] }), _jsxs(Form, { method: "get", className: "ac-inline", "aria-label": "Which logs", children: [_jsxs("div", { className: "ac-field", children: [_jsx("label", { htmlFor: "instance", children: "Instance" }), _jsxs("select", { id: "instance", name: "instance", defaultValue: query.instance ?? "", children: [_jsx("option", { value: "", children: "Every instance" }), known.map((i) => (_jsx("option", { value: i, children: i }, i)))] })] }), _jsxs("div", { className: "ac-field", children: [_jsx("label", { htmlFor: "tail", children: "Last lines" }), _jsx("input", { id: "tail", name: "tail", type: "number", min: 1, max: 5000, defaultValue: query.tail })] }), _jsxs("div", { className: "ac-field", children: [_jsx("label", { htmlFor: "since", children: "Last seconds" }), _jsx("input", { id: "since", name: "since", type: "number", min: 1, defaultValue: query.since, placeholder: "Any" })] }), _jsx("div", { className: "ac-field", children: _jsxs("label", { children: [_jsx("input", { type: "checkbox", name: "previous", value: "true", defaultChecked: query.previous }), " The container before the last restart"] }) }), _jsx("button", { type: "submit", className: "ac-button", children: "Show" })] }), query.previous ? null : (_jsxs("p", { className: "ac-actions", children: [follow ? _jsx("span", { className: state === "live" ? "ac-live" : undefined, children: state === "live" ? "Following new lines" : "Connecting to follow new lines" }) : _jsx("span", { children: "Paused" }), _jsx("button", { type: "button", className: "ac-button ac-button-quiet", onClick: () => setFollow((f) => !f), hidden: state === "off" && !follow ? false : undefined, children: follow ? "Pause following" : "Follow new lines" }), _jsx("noscript", { children: _jsx("a", { href: `${mount}projects/${encodeURIComponent(p.id)}/services/${encodeURIComponent(service.name)}/logs?${params}`, children: "Refresh" }) })] })), none ? _jsxs("p", { className: "ac-empty", children: [none, ". Logs exist only while an instance runs."] }) : null, !none && shown.length === 0 ? _jsx("p", { className: "ac-empty", children: "No output yet." }) : null, shown.map(([instance, log]) => (_jsxs("section", { "aria-labelledby": `log-${instance}`, children: [_jsx("h2", { id: `log-${instance}`, children: instance }), log.error ? _jsx("p", { className: "ac-refusal", children: log.error }) : null, _jsx("pre", { className: "ac-log", tabIndex: 0, "data-instance": instance, children: log.lines.join("\n") })] }, instance)))] }));
+}
+export const ErrorBoundary = ConsoleErrorBoundary;

package/dist/routes/members.d.ts

@@ -0,0 +1,45 @@
+/**
+ * An organization's members and the invitations waiting to be claimed. Everyone in it sees the
+ * list; only owners see the controls. A machine — a deploy token — is a member like anyone else,
+ * and is shown as the machine it is.
+ */
+import { type ActionFunctionArgs, type LoaderFunctionArgs, type MetaFunction } from "react-router";
+import { ConsoleErrorBoundary } from "../ui/errors.tsx";
+export declare const meta: MetaFunction;
+export declare function loader({ params, context }: LoaderFunctionArgs): Promise<{
+    members: {
+        subject: string;
+        role: "member" | "owner";
+        email: string | undefined;
+        display: string | undefined;
+        since: string | undefined;
+        addedBy: string | undefined;
+    }[];
+    invitations: {
+        email: string;
+        role: "member" | "owner";
+        invitedAt: string | undefined;
+        invitedBy: string | undefined;
+    }[];
+    console: import("../context.ts").ConsolePageData;
+    organization: {
+        id: string;
+        name: string;
+        projects: number;
+        disabled: boolean;
+        role: NonNullable<"member" | "owner"> | undefined;
+        quota: {
+            projects: number | undefined;
+            services: number | undefined;
+            instances: number | undefined;
+        } | undefined;
+        usage: {
+            projects: number;
+            services: number;
+            instances: number;
+        };
+    };
+}>;
+export declare function action({ request, params, context }: ActionFunctionArgs): Promise<import("react-router").UNSAFE_DataWithResponseInit<import("../context.ts").ActionRefusal> | Response>;
+export default function Members(): import("react").JSX.Element;
+export declare const ErrorBoundary: typeof ConsoleErrorBoundary;

package/dist/routes/members.js

@@ -0,0 +1,59 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * An organization's members and the invitations waiting to be claimed. Everyone in it sees the
+ * list; only owners see the controls. A machine — a deploy token — is a member like anyone else,
+ * and is shown as the machine it is.
+ */
+import { redirect, useLoaderData } from "react-router";
+import { act, guard, pageData, text, useConsoleContext } from "../context.js";
+import { ConsoleErrorBoundary } from "../ui/errors.js";
+import { Breadcrumbs, ConsoleForm, Field, Submit, useConsole, when } from "../ui/console.js";
+import { Refused, useRefusal } from "../ui/refused.js";
+import { HostActions } from "../extensions/render.js";
+export const meta = () => [{ title: "Members · ankka" }];
+export async function loader({ params, context }) {
+    const ctx = useConsoleContext(context);
+    const id = params.organizationId;
+    return guard(ctx, async () => {
+        const [organization, members, page] = await Promise.all([ctx.client.getOrganization(id), ctx.client.members(id), pageData(ctx)]);
+        return { console: page, organization, ...members };
+    });
+}
+const role = (form) => (text(form, "role") === "owner" ? "owner" : "member");
+export async function action({ request, params, context }) {
+    const ctx = useConsoleContext(context);
+    const id = params.organizationId;
+    const form = await request.formData();
+    const intent = text(form, "intent");
+    const self = ctx.href(`organizations/${encodeURIComponent(id)}/members`);
+    return act(ctx, intent, form, async () => {
+        switch (intent) {
+            case "invite":
+                await ctx.client.invite(id, text(form, "email"), role(form));
+                return redirect(self);
+            case "role":
+                await ctx.client.changeRole(id, text(form, "subject"), role(form));
+                return redirect(self);
+            case "remove":
+                await ctx.client.removeMember(id, text(form, "subject"));
+                return redirect(self);
+            case "withdraw":
+                await ctx.client.withdrawInvitation(id, text(form, "email"));
+                return redirect(self);
+            default:
+                throw new Response(`unknown operation '${intent}'`, { status: 400 });
+        }
+    });
+}
+const roleWord = (r) => (r === "owner" ? "Owner" : "Member");
+export default function Members() {
+    const { organization: o, members, invitations, console: page } = useLoaderData();
+    const { shows } = useConsole();
+    const owner = o.role === "owner" || (page.principal?.platformAdmin ?? false);
+    const inviteRefusal = useRefusal("invite");
+    return (_jsxs("section", { className: "ac-page", children: [_jsx(Breadcrumbs, { trail: [{ label: "Organizations", to: "" }, { label: o.name, to: `organizations/${encodeURIComponent(o.id)}` }, { label: "Members" }] }), _jsxs("h1", { children: ["Members of ", o.name] }), _jsx("p", { className: "ac-lede", children: "Owners manage members and deploy tokens; every member can deploy." }), _jsx("div", { className: "ac-table-wrap", children: _jsxs("table", { className: "ac-table", children: [_jsx("caption", { className: "ac-visually-hidden", children: "Members" }), _jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { scope: "col", children: "Who" }), _jsx("th", { scope: "col", children: "Role" }), _jsx("th", { scope: "col", children: "Since" }), _jsx("th", { scope: "col", children: "Added by" }), owner ? _jsx("th", { scope: "col", children: "Change" }) : null] }) }), _jsx("tbody", { children: members.map((m) => {
+                                const machine = m.subject.startsWith("token:");
+                                return (_jsxs("tr", { "data-member": m.subject, children: [_jsxs("td", { children: [machine ? "Deploy token " : null, _jsx("strong", { children: m.display ?? m.email ?? m.subject }), m.email && m.display ? _jsx("div", { className: "ac-hint", children: m.email }) : null, _jsx("div", { className: "ac-hint", children: m.subject })] }), _jsx("td", { children: roleWord(m.role) }), _jsx("td", { children: when(m.since) }), _jsx("td", { children: m.addedBy ?? "—" }), owner ? (_jsx("td", { children: machine ? (_jsx("span", { className: "ac-hint", children: "Revoke it on the deploy tokens page" })) : (_jsxs("div", { className: "ac-actions", children: [shows("member.role") ? (_jsxs(ConsoleForm, { intent: "role", children: [_jsx("input", { type: "hidden", name: "subject", value: m.subject }), _jsx("input", { type: "hidden", name: "role", value: m.role === "owner" ? "member" : "owner" }), _jsx(Submit, { intent: "role", children: m.role === "owner" ? "Make member" : "Make owner" })] })) : null, shows("member.remove") ? (_jsxs(ConsoleForm, { intent: "remove", children: [_jsx("input", { type: "hidden", name: "subject", value: m.subject }), _jsx(Submit, { intent: "remove", danger: true, children: "Remove" })] })) : null] })) })) : null] }, m.subject));
+                            }) })] }) }), _jsx(Refused, { intent: "role" }), _jsx(Refused, { intent: "remove" }), _jsx("h2", { children: "Invitations" }), invitations.length === 0 ? (_jsx("p", { className: "ac-empty", children: "No invitations are waiting." })) : (_jsx("div", { className: "ac-table-wrap", children: _jsxs("table", { className: "ac-table", children: [_jsx("caption", { className: "ac-visually-hidden", children: "Invitations waiting to be claimed" }), _jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { scope: "col", children: "Email" }), _jsx("th", { scope: "col", children: "Role" }), _jsx("th", { scope: "col", children: "Invited" }), owner ? _jsx("th", { scope: "col", children: "Change" }) : null] }) }), _jsx("tbody", { children: invitations.map((i) => (_jsxs("tr", { "data-invitation": i.email, children: [_jsx("td", { children: i.email }), _jsx("td", { children: roleWord(i.role) }), _jsxs("td", { children: [when(i.invitedAt), i.invitedBy ? ` by ${i.invitedBy}` : ""] }), owner ? (_jsx("td", { children: shows("invitation.withdraw") ? (_jsxs(ConsoleForm, { intent: "withdraw", children: [_jsx("input", { type: "hidden", name: "email", value: i.email }), _jsx(Submit, { intent: "withdraw", children: "Withdraw" })] })) : null })) : null] }, i.email))) })] }) })), _jsx(Refused, { intent: "withdraw" }), owner && shows("member.invite") ? (_jsxs(_Fragment, { children: [_jsx("h2", { children: "Invite someone" }), _jsx("p", { children: "They become a member the first time they sign in with this email address, once the identity provider has verified it." }), _jsxs(ConsoleForm, { intent: "invite", className: "ac-inline", children: [_jsx(Field, { label: "Email", name: "email", type: "email", required: true, autoComplete: "off", defaultValue: inviteRefusal?.values.email }), _jsxs("div", { className: "ac-field", children: [_jsx("label", { htmlFor: "invite-role", children: "Role" }), _jsxs("select", { id: "invite-role", name: "role", defaultValue: inviteRefusal?.values.role ?? "member", children: [_jsx("option", { value: "member", children: "Member" }), _jsx("option", { value: "owner", children: "Owner" })] })] }), _jsx(Submit, { intent: "invite", children: "Invite" })] }), _jsx(Refused, { intent: "invite" }), _jsx("div", { className: "ac-actions", children: _jsx(HostActions, { operation: "member.invite", entity: o }) })] })) : null] }));
+}
+export const ErrorBoundary = ConsoleErrorBoundary;

package/dist/routes/organization-new.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Creates an organization. Its id is permanent and never reused; the person creating it becomes its
+ * first owner. On success the page goes to the organization itself, read by id, because the listing
+ * is a projection and may not show it yet.
+ */
+import { type ActionFunctionArgs, type LoaderFunctionArgs, type MetaFunction } from "react-router";
+import { ConsoleErrorBoundary } from "../ui/errors.tsx";
+export declare const meta: MetaFunction;
+export declare function loader({ context }: LoaderFunctionArgs): Promise<{
+    console: import("../context.ts").ConsolePageData;
+}>;
+export declare function action({ request, context }: ActionFunctionArgs): Promise<import("react-router").UNSAFE_DataWithResponseInit<import("../context.ts").ActionRefusal> | Response>;
+export default function NewOrganization(): import("react").JSX.Element;
+export declare const ErrorBoundary: typeof ConsoleErrorBoundary;

package/dist/routes/organization-new.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Creates an organization. Its id is permanent and never reused; the person creating it becomes its
+ * first owner. On success the page goes to the organization itself, read by id, because the listing
+ * is a projection and may not show it yet.
+ */
+import { redirect } from "react-router";
+import { act, guard, pageData, text, useConsoleContext } from "../context.js";
+import { ConsoleErrorBoundary } from "../ui/errors.js";
+import { Breadcrumbs, ConsoleForm, Field, Submit } from "../ui/console.js";
+import { Refused, useRefusal } from "../ui/refused.js";
+export const meta = () => [{ title: "Create an organization · ankka" }];
+export async function loader({ context }) {
+    const ctx = useConsoleContext(context);
+    return guard(ctx, async () => ({ console: await pageData(ctx) }));
+}
+export async function action({ request, context }) {
+    const ctx = useConsoleContext(context);
+    const form = await request.formData();
+    const id = text(form, "id");
+    return act(ctx, "create", form, async () => {
+        await ctx.client.createOrganization(id, { name: text(form, "name") });
+        return redirect(ctx.href(`organizations/${encodeURIComponent(id)}`));
+    });
+}
+export default function NewOrganization() {
+    const refusal = useRefusal("create");
+    return (_jsxs("section", { className: "ac-page", children: [_jsx(Breadcrumbs, { trail: [{ label: "Organizations", to: "" }, { label: "New organization" }] }), _jsx("h1", { children: "Create an organization" }), _jsx("p", { className: "ac-lede", children: "You become its first owner. Invite others once it exists." }), _jsxs(ConsoleForm, { to: "organizations/new", intent: "create", className: "ac-form", children: [_jsx(Field, { label: "Id", name: "id", required: true, pattern: "[a-z]([\\-a-z0-9]{0,61}[a-z0-9])?", hint: "Lowercase letters, digits and hyphens, starting with a letter. It cannot be changed, and once deleted it cannot be used again.", defaultValue: refusal?.values.id, autoComplete: "off" }), _jsx(Field, { label: "Name", name: "name", required: true, hint: "What people see. You can rename it later.", defaultValue: refusal?.values.name }), _jsx(Refused, { intent: "create" }), _jsx("div", { children: _jsx(Submit, { intent: "create", children: "Create organization" }) })] })] }));
+}
+export const ErrorBoundary = ConsoleErrorBoundary;

package/dist/routes/organization.d.ts

@@ -0,0 +1,43 @@
+/**
+ * An organization: its projects, and what its owners and the platform administrator may do to it.
+ */
+import { type ActionFunctionArgs, type LoaderFunctionArgs, type MetaFunction } from "react-router";
+import { ConsoleErrorBoundary } from "../ui/errors.tsx";
+export declare const meta: MetaFunction<typeof loader>;
+export declare function loader({ params, context }: LoaderFunctionArgs): Promise<{
+    console: import("../context.ts").ConsolePageData;
+    organization: {
+        id: string;
+        name: string;
+        projects: number;
+        disabled: boolean;
+        role: NonNullable<"member" | "owner"> | undefined;
+        quota: {
+            projects: number | undefined;
+            services: number | undefined;
+            instances: number | undefined;
+        } | undefined;
+        usage: {
+            projects: number;
+            services: number;
+            instances: number;
+        };
+    };
+    projects: {
+        id: string;
+        name: string;
+        organizationId: string;
+        services: number;
+        registry: {
+            server: string;
+            username: string;
+            setAt: string | undefined;
+            setBy: string | undefined;
+        } | undefined;
+    }[];
+    ownerless: boolean;
+    panels: import("../extensions/render.tsx").LoadedPanels;
+}>;
+export declare function action({ request, params, context }: ActionFunctionArgs): Promise<import("react-router").UNSAFE_DataWithResponseInit<import("../context.ts").ActionRefusal> | Response>;
+export default function Organization(): import("react").JSX.Element;
+export declare const ErrorBoundary: typeof ConsoleErrorBoundary;

package/dist/routes/organization.js

@@ -0,0 +1,82 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * An organization: its projects, and what its owners and the platform administrator may do to it.
+ */
+import { redirect, useLoaderData } from "react-router";
+import { act, guard, pageData, text, useConsoleContext } from "../context.js";
+import { ConsoleErrorBoundary } from "../ui/errors.js";
+import { Breadcrumbs, ConsoleForm, ConsoleLink, Field, Submit, useConsole } from "../ui/console.js";
+import { Refused, useRefusal } from "../ui/refused.js";
+import { HostActions, loadPanels, Panels } from "../extensions/render.js";
+export const meta = ({ loaderData }) => [{ title: `${loaderData?.organization.name ?? "Organization"} · ankka` }];
+export async function loader({ params, context }) {
+    const ctx = useConsoleContext(context);
+    const id = params.organizationId;
+    return guard(ctx, async () => {
+        const [organization, projects, page] = await Promise.all([ctx.client.getOrganization(id), ctx.client.listProjects(), pageData(ctx)]);
+        // An organization whose owners have all left can be given one by an administrator.
+        const ownerless = page.principal?.platformAdmin ? !(await ctx.client.members(id)).members.some((m) => m.role === "owner") : false;
+        return {
+            console: page,
+            organization,
+            projects: projects.filter((p) => p.organizationId === id),
+            ownerless,
+            panels: await loadPanels(ctx, "organization", organization),
+        };
+    });
+}
+const quotaValue = (form, name) => {
+    const v = text(form, name);
+    return v === "" ? undefined : Number(v);
+};
+export async function action({ request, params, context }) {
+    const ctx = useConsoleContext(context);
+    const id = params.organizationId;
+    const form = await request.formData();
+    const intent = text(form, "intent");
+    const self = ctx.href(`organizations/${encodeURIComponent(id)}`);
+    return act(ctx, intent, form, async () => {
+        switch (intent) {
+            case "rename":
+                await ctx.client.renameOrganization(id, text(form, "name"));
+                return redirect(self);
+            case "delete":
+                await ctx.client.deleteOrganization(id);
+                return redirect(ctx.href(""));
+            case "disable":
+                await ctx.client.disableOrganization(id);
+                return redirect(self);
+            case "enable":
+                await ctx.client.enableOrganization(id);
+                return redirect(self);
+            case "quota-set": {
+                const quota = { projects: quotaValue(form, "projects"), services: quotaValue(form, "services"), instances: quotaValue(form, "instances") };
+                await ctx.client.setQuota(id, quota);
+                return redirect(self);
+            }
+            case "quota-clear":
+                await ctx.client.clearQuota(id);
+                return redirect(self);
+            case "repair":
+                await ctx.client.repair(id, text(form, "subject"), "owner");
+                return redirect(self);
+            default:
+                throw new Response(`unknown operation '${intent}'`, { status: 400 });
+        }
+    });
+}
+const limit = (n, what) => (n === undefined ? `any number of ${what}` : `${n} ${what}`);
+export default function Organization() {
+    const { organization: o, projects, ownerless, panels, console: page } = useLoaderData();
+    const { shows } = useConsole();
+    const admin = page.principal?.platformAdmin ?? false;
+    const owner = o.role === "owner" || admin;
+    const renameRefusal = useRefusal("rename");
+    const deleteRefusal = useRefusal("delete");
+    const adminRefused = [useRefusal("disable"), useRefusal("enable"), useRefusal("quota-set"), useRefusal("quota-clear"), useRefusal("repair")].some(Boolean);
+    const path = `organizations/${encodeURIComponent(o.id)}`;
+    return (_jsxs("section", { className: "ac-page", children: [_jsx(Breadcrumbs, { trail: [{ label: "Organizations", to: "" }, { label: o.name }] }), _jsx("h1", { children: o.name }), _jsxs("dl", { className: "ac-facts", children: [_jsx("dt", { children: "Id" }), _jsx("dd", { children: o.id }), _jsx("dt", { children: "Your role" }), _jsx("dd", { children: o.role === "owner" ? "Owner" : o.role === "member" ? "Member" : "Administrator (not a member)" }), _jsx("dt", { children: "State" }), _jsx("dd", { children: o.disabled ? "Disabled: its services are suspended and every change is refused" : "Active" }), _jsx("dt", { children: "Holds" }), _jsxs("dd", { children: [o.usage.projects, " projects, ", o.usage.services, " services, ", o.usage.instances, " instances"] }), o.quota ? (_jsxs(_Fragment, { children: [_jsx("dt", { children: "Quota" }), _jsxs("dd", { children: [limit(o.quota.projects, "projects"), ", ", limit(o.quota.services, "services"), ", ", limit(o.quota.instances, "instances")] })] })) : null] }), _jsxs("nav", { "aria-label": "Organization", className: "ac-actions", children: [_jsx(ConsoleLink, { to: `${path}/members`, children: "Members" }), o.role === "owner" || admin ? _jsx(ConsoleLink, { to: `${path}/tokens`, children: "Deploy tokens" }) : null] }), _jsx("h2", { children: "Projects" }), projects.length === 0 ? (_jsx("p", { className: "ac-empty", children: "No projects yet. A project groups services and gives them a namespace of their own." })) : (_jsx("div", { className: "ac-table-wrap", children: _jsxs("table", { className: "ac-table", children: [_jsxs("caption", { className: "ac-visually-hidden", children: ["Projects in ", o.name] }), _jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { scope: "col", children: "Name" }), _jsx("th", { scope: "col", children: "Id" }), _jsx("th", { scope: "col", className: "ac-num", children: "Services" }), _jsx("th", { scope: "col", children: "Registry" })] }) }), _jsx("tbody", { children: projects.map((p) => (_jsxs("tr", { children: [_jsx("td", { children: _jsx(ConsoleLink, { to: `projects/${encodeURIComponent(p.id)}`, children: p.name }) }), _jsx("td", { children: p.id }), _jsx("td", { className: "ac-num", children: p.services }), _jsx("td", { children: p.registry ? p.registry.server : "Public images only" })] }, p.id))) })] }) })), _jsxs("div", { className: "ac-actions", children: [shows("project.create") ? (_jsx(ConsoleLink, { to: `${path}/projects/new`, className: "ac-button", children: "Create a project" })) : null, _jsx(HostActions, { operation: "project.create", entity: o })] }), _jsx(Panels, { kind: "organization", entity: o, loaded: panels }), owner && (shows("organization.rename") || shows("organization.delete")) ? (_jsxs("details", { className: "ac-more", open: renameRefusal !== undefined || deleteRefusal !== undefined || undefined, children: [_jsx("summary", { children: "Rename or delete" }), shows("organization.rename") ? (_jsxs(ConsoleForm, { intent: "rename", className: "ac-inline", children: [_jsx(Field, { label: "New name", name: "name", required: true, defaultValue: renameRefusal?.values.name ?? o.name }), _jsx(Submit, { intent: "rename", children: "Rename" })] })) : null, _jsx(Refused, { intent: "rename" }), shows("organization.delete") ? (_jsxs("div", { className: "ac-danger-zone", children: [_jsxs("p", { children: ["Deleting ", o.name, " is permanent, and its id can never be used again. It must have no projects."] }), _jsx(ConsoleForm, { intent: "delete", children: _jsx(Submit, { intent: "delete", danger: true, children: "Delete organization" }) }), _jsx(Refused, { intent: "delete" })] })) : null, _jsx(HostActions, { operation: "organization.delete", entity: o })] })) : null, admin ? (_jsxs("details", { className: "ac-more", open: adminRefused || undefined, children: [_jsx("summary", { children: "Platform administration" }), _jsx("div", { className: "ac-actions", children: o.disabled
+                            ? shows("organization.enable") && (_jsx(ConsoleForm, { intent: "enable", children: _jsx(Submit, { intent: "enable", children: "Enable organization" }) }))
+                            : shows("organization.disable") && (_jsx(ConsoleForm, { intent: "disable", children: _jsx(Submit, { intent: "disable", danger: true, children: "Disable organization" }) })) }), _jsx(Refused, { intent: "disable" }), _jsx(Refused, { intent: "enable" }), shows("organization.quota.set") ? (_jsxs(ConsoleForm, { intent: "quota-set", className: "ac-inline", "aria-label": "Quota", children: [_jsx(Field, { label: "Projects", name: "projects", type: "number", min: 0, defaultValue: o.quota?.projects, hint: "Empty for no limit" }), _jsx(Field, { label: "Services", name: "services", type: "number", min: 0, defaultValue: o.quota?.services }), _jsx(Field, { label: "Instances", name: "instances", type: "number", min: 0, defaultValue: o.quota?.instances }), _jsx(Submit, { intent: "quota-set", children: "Set quota" })] })) : null, _jsx(Refused, { intent: "quota-set" }), o.quota && shows("organization.quota.clear") ? (_jsx(ConsoleForm, { intent: "quota-clear", children: _jsx(Submit, { intent: "quota-clear", children: "Clear quota" }) })) : null, ownerless && shows("member.repair") ? (_jsxs(ConsoleForm, { intent: "repair", className: "ac-inline", children: [_jsx(Field, { label: "Subject to make owner", name: "subject", required: true, hint: "This organization has no owner. Name the subject of the person to make one." }), _jsx(Submit, { intent: "repair", children: "Add owner" })] })) : null, _jsx(Refused, { intent: "repair" })] })) : null] }));
+}
+export const ErrorBoundary = ConsoleErrorBoundary;

package/dist/routes/project-new.d.ts

@@ -0,0 +1,27 @@
+/** Creates a project in an organization, then goes to it, read by id. */
+import { type ActionFunctionArgs, type LoaderFunctionArgs, type MetaFunction } from "react-router";
+import { ConsoleErrorBoundary } from "../ui/errors.tsx";
+export declare const meta: MetaFunction;
+export declare function loader({ params, context }: LoaderFunctionArgs): Promise<{
+    console: import("../context.ts").ConsolePageData;
+    organization: {
+        id: string;
+        name: string;
+        projects: number;
+        disabled: boolean;
+        role: NonNullable<"member" | "owner"> | undefined;
+        quota: {
+            projects: number | undefined;
+            services: number | undefined;
+            instances: number | undefined;
+        } | undefined;
+        usage: {
+            projects: number;
+            services: number;
+            instances: number;
+        };
+    };
+}>;
+export declare function action({ request, params, context }: ActionFunctionArgs): Promise<import("react-router").UNSAFE_DataWithResponseInit<import("../context.ts").ActionRefusal> | Response>;
+export default function NewProject(): import("react").JSX.Element;
+export declare const ErrorBoundary: typeof ConsoleErrorBoundary;

package/dist/routes/project-new.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Creates a project in an organization, then goes to it, read by id. */
+import { redirect, useLoaderData } from "react-router";
+import { act, guard, pageData, text, useConsoleContext } from "../context.js";
+import { ConsoleErrorBoundary } from "../ui/errors.js";
+import { Breadcrumbs, ConsoleForm, Field, Submit } from "../ui/console.js";
+import { Refused, useRefusal } from "../ui/refused.js";
+export const meta = () => [{ title: "Create a project · ankka" }];
+export async function loader({ params, context }) {
+    const ctx = useConsoleContext(context);
+    return guard(ctx, async () => ({ console: await pageData(ctx), organization: await ctx.client.getOrganization(params.organizationId) }));
+}
+export async function action({ request, params, context }) {
+    const ctx = useConsoleContext(context);
+    const form = await request.formData();
+    const id = text(form, "id");
+    return act(ctx, "create", form, async () => {
+        await ctx.client.createProject(id, text(form, "name"), params.organizationId);
+        return redirect(ctx.href(`projects/${encodeURIComponent(id)}`));
+    });
+}
+export default function NewProject() {
+    const { organization: o } = useLoaderData();
+    const refusal = useRefusal("create");
+    return (_jsxs("section", { className: "ac-page", children: [_jsx(Breadcrumbs, { trail: [{ label: "Organizations", to: "" }, { label: o.name, to: `organizations/${encodeURIComponent(o.id)}` }, { label: "New project" }] }), _jsxs("h1", { children: ["Create a project in ", o.name] }), _jsx("p", { className: "ac-lede", children: "A project gets a namespace of its own; each of its services gets its own database." }), _jsxs(ConsoleForm, { intent: "create", className: "ac-form", children: [_jsx(Field, { label: "Id", name: "id", required: true, pattern: "[a-z]([\\-a-z0-9]{0,61}[a-z0-9])?", hint: "Lowercase letters, digits and hyphens, starting with a letter. Part of every exposed service's address, and never reusable once deleted.", defaultValue: refusal?.values.id, autoComplete: "off" }), _jsx(Field, { label: "Name", name: "name", required: true, defaultValue: refusal?.values.name }), _jsx(Refused, { intent: "create" }), _jsx("div", { children: _jsx(Submit, { intent: "create", children: "Create project" }) })] })] }));
+}
+export const ErrorBoundary = ConsoleErrorBoundary;

package/dist/routes/project.d.ts

@@ -0,0 +1,59 @@
+/**
+ * A project: its services, kept current while the page is open, and its registry credential.
+ */
+import { type ActionFunctionArgs, type LoaderFunctionArgs, type MetaFunction } from "react-router";
+import { ConsoleErrorBoundary } from "../ui/errors.tsx";
+export declare const meta: MetaFunction<typeof loader>;
+export declare function loader({ params, context }: LoaderFunctionArgs): Promise<{
+    console: import("../context.ts").ConsolePageData;
+    project: {
+        id: string;
+        name: string;
+        organizationId: string;
+        registry: {
+            server: string;
+            username: string;
+            setAt: string | undefined;
+            setBy: string | undefined;
+        } | undefined;
+    };
+    organization: {
+        id: string;
+        name: string;
+        projects: number;
+        disabled: boolean;
+        role: NonNullable<"member" | "owner"> | undefined;
+        quota: {
+            projects: number | undefined;
+            services: number | undefined;
+            instances: number | undefined;
+        } | undefined;
+        usage: {
+            projects: number;
+            services: number;
+            instances: number;
+        };
+    };
+    services: {
+        name: string;
+        projectId: string;
+        lifecycle: string;
+        generation: number;
+        image: string;
+        readyInstances: number;
+        desiredInstances: number;
+        detail: string | undefined;
+        confirmed: boolean;
+        database: string | undefined;
+        hostname: string | undefined;
+        exposed: boolean;
+        suspended: boolean;
+        paused: boolean;
+        hosting: string;
+        protocol: string | undefined;
+    }[];
+    panels: import("../extensions/render.tsx").LoadedPanels;
+}>;
+export declare function action({ request, params, context }: ActionFunctionArgs): Promise<import("react-router").UNSAFE_DataWithResponseInit<import("../context.ts").ActionRefusal> | Response>;
+export default function Project(): import("react").JSX.Element;
+export declare const ErrorBoundary: typeof ConsoleErrorBoundary;