@wular/coder 0.4.7 → 0.4.8

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/settings/[tab]/secrets-list.35fa72bf3f00d1af.js

@@ -0,0 +1,136 @@
+"use client";
+import { useState } from "../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
+import { client } from "../../../../../utils/client.d25e6dcc6704eb60.js";
+import { toastFailure, useAction } from "../../../../../utils/action.568346602027ac74.js";
+import { Card } from "../../../../../comps/ui/card.6227f43fc0ae4bd1.js";
+import { Badge } from "../../../../../comps/ui/badge.3d9163a51e6f6d6e.js";
+import { Select } from "../../../../../comps/ui/select.7f481669998074f8.js";
+import { Row } from "./list.6d6180438e2bd0c8.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+const SCOPES = [["me", "Just me"], ["", "Workspace"]];
+/** Secrets tasks read as environment variables; Enter adds one, and a broken one takes a new value in place. */
+export function TaskSecrets({ first, local, admin }) {
+	const [rows, setRows] = useState(first);
+	const [adding, setAdding] = useState(false);
+	const [scope, setScope] = useState(admin || local ? "" : "me");
+	const [renewing, setRenewing] = useState("");
+	const action = useAction();
+	const busy = Boolean(action.pending);
+	const open = adding || !rows.length;
+	const put = (row) => setRows((now) => now.some((each) => each.id === row.id) ? now.map((each) => each.id === row.id ? row : each) : [...now, row]);
+	return /* @__PURE__ */ _jsx(Card, {
+		title: "Task secrets",
+		count: rows.length || undefined,
+		actions: open ? null : /* @__PURE__ */ _jsx("button", {
+			type: "button",
+			class: "btn ghost sm",
+			onClick: () => setAdding(true),
+			children: "Add"
+		}),
+		children: /* @__PURE__ */ _jsxs("div", {
+			class: "cred-engine",
+			children: [
+				/* @__PURE__ */ _jsx("p", {
+					class: "muted cred-note",
+					children: "Tasks read these as environment variables, like a test API key or a deploy token."
+				}),
+				rows.length ? /* @__PURE__ */ _jsx("table", {
+					class: "rows creds",
+					children: /* @__PURE__ */ _jsx("tbody", { children: rows.map((row) => /* @__PURE__ */ _jsx(Row, {
+						title: row.env ?? row.name,
+						badges: /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Badge, { children: row.owner ? row.mine ? "personal" : "member" : "workspace" }), row.status === "ok" ? null : /* @__PURE__ */ _jsx(Badge, {
+							tone: "warn",
+							children: "needs a new value"
+						})] }),
+						actions: renewing === row.id ? /* @__PURE__ */ _jsxs("form", {
+							class: "cred-add",
+							method: "post",
+							onSubmit: (event) => {
+								event.preventDefault();
+								const key = String(new FormData(event.currentTarget).get("key") ?? "");
+								if (!key.trim()) return;
+								void action.run("renew", async () => {
+									put(await client.connections.update(row.id, { key: key.trim() }));
+									setRenewing("");
+								});
+							},
+							children: [/* @__PURE__ */ _jsx("input", {
+								name: "key",
+								type: "password",
+								"aria-label": `New value for ${row.env ?? row.name}`,
+								placeholder: "New value, then Enter",
+								autocomplete: "off",
+								"aria-busy": busy,
+								ref: (input) => input?.focus()
+							}), /* @__PURE__ */ _jsx("button", { hidden: true })]
+						}) : /* @__PURE__ */ _jsx("button", {
+							type: "button",
+							class: "btn ghost sm",
+							onClick: () => setRenewing(row.id),
+							children: row.status === "ok" ? "Replace" : "Reconnect"
+						}),
+						remove: {
+							title: `Remove ${row.env ?? row.name}?`,
+							body: "Tasks stop getting it, and its value is deleted.",
+							onRemove: () => client.connections.remove(row.id).then(() => setRows((now) => now.filter((each) => each.id !== row.id)), toastFailure)
+						}
+					}, row.id)) })
+				}) : null,
+				open ? /* @__PURE__ */ _jsx("div", {
+					class: "cred-new",
+					children: /* @__PURE__ */ _jsxs("form", {
+						class: "cred-add",
+						method: "post",
+						onSubmit: (event) => {
+							event.preventDefault();
+							const box = event.currentTarget;
+							const values = new FormData(box);
+							const env = String(values.get("env") ?? "").trim();
+							const key = String(values.get("key") ?? "").trim();
+							if (!env || !key) return;
+							void action.run("add", async () => {
+								put(await client.connections.add({
+									name: env,
+									provider: "env",
+									key,
+									keyIn: { env },
+									...scope ? { owner: "me" } : {}
+								}));
+								box.reset();
+								setAdding(false);
+							});
+						},
+						children: [
+							/* @__PURE__ */ _jsx("input", {
+								name: "env",
+								class: "mono cred-var",
+								"aria-label": "Secret variable",
+								placeholder: "STRIPE_SECRET_KEY",
+								pattern: "[A-Za-z_][A-Za-z0-9_]*",
+								autocomplete: "off",
+								spellcheck: false,
+								required: true
+							}),
+							/* @__PURE__ */ _jsx("input", {
+								name: "key",
+								type: "password",
+								"aria-label": "Secret value",
+								placeholder: "Value, then Enter",
+								autocomplete: "off",
+								"aria-busy": busy,
+								required: true
+							}),
+							admin && !local ? /* @__PURE__ */ _jsx(Select, {
+								label: "Who can use this secret",
+								options: SCOPES,
+								value: scope,
+								onChange: setScope
+							}) : null,
+							/* @__PURE__ */ _jsx("button", { hidden: true })
+						]
+					})
+				}) : null
+			]
+		})
+	});
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/settings/layout.3a17085fb262e4ab.js

@@ -0,0 +1,49 @@
+import { Suspense } from "../../../../../../../../../node_modules/preact/compat/dist/compat.mjs";
+import { load, orgOf } from "../../../../api/load.4f942c7f68b2e273.js";
+import { Page } from "../../../../comps/frame/page-head.e5d2185c1cdac740.js";
+import { Tabs } from "../../../../comps/ui/tabs.66b2e54963f6901b.js";
+import { SETTINGS, SettingsHead } from "./settings-head.a14b9796a8af62dc.js";
+import { RememberedBack } from "../../../../comps/nav/back.af528135d7e33d6d.js";
+import { rememberedBack } from "../../../../comps/nav/back-cookie.942c0904e944d8d6.js";
+import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+async function Members({ me }) {
+	const url = (await me.catch(() => undefined))?.manageMembersUrl;
+	return url ? /* @__PURE__ */ _jsx("a", {
+		class: "btn outline",
+		href: url,
+		target: "_blank",
+		rel: "noreferrer",
+		children: "Members in Wular Auth ↗"
+	}) : null;
+}
+/** Settings' head and tabs around the open tab; a tab switch keeps them and swaps only the tab. */
+export default function SettingsTabsLayout({ request, children }) {
+	if (!request) return null;
+	const org = orgOf(request);
+	const me = load(request).me();
+	const back = rememberedBack(request.headers.get("cookie") ?? "");
+	return /* @__PURE__ */ _jsxs(Page, { children: [
+		/* @__PURE__ */ _jsx(SettingsHead, {
+			back: /* @__PURE__ */ _jsx(RememberedBack, { initial: back }),
+			actions: /* @__PURE__ */ _jsx(Suspense, {
+				fallback: null,
+				children: /* @__PURE__ */ _jsx(Members, { me })
+			})
+		}),
+		/* @__PURE__ */ _jsx(Tabs, {
+			label: "Settings",
+			items: SETTINGS.map(({ tab, label }) => ({
+				href: "/dash/[org]/settings/[tab]",
+				params: {
+					org,
+					tab
+				},
+				label
+			}))
+		}),
+		/* @__PURE__ */ _jsx("div", {
+			class: "tab-body",
+			children
+		})
+	] });
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/settings/page.bac05d6e87953d0e.js

@@ -0,0 +1,11 @@
+import { redirect } from "../../../../../../../../../node_modules/@wular/pnext/src/api/navigation.ts";
+import { orgOf } from "../../../../api/load.4f942c7f68b2e273.js";
+/** Settings opens on its first tab. */
+export default function SettingsPage({ request }) {
+	if (!request) return null;
+	const org = orgOf(request);
+	redirect("/dash/[org]/settings/[tab]", { params: {
+		org,
+		tab: "connections"
+	} });
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/{settings/settings-head.d0f5ac9cbf170a77.js → [org]/settings/settings-head.a14b9796a8af62dc.js}

@@ -1,6 +1,10 @@
-import { PageHead } from "../../../comps/frame/page-head.a2336c95004aed4b.js";
-import { jsx as _jsx } from "../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+import { PageHead } from "../../../../comps/frame/page-head.e5d2185c1cdac740.js";
+import { jsx as _jsx } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 export const SETTINGS = [
+	{
+		tab: "connections",
+		label: "Connections"
+	},
 	{
 		tab: "credentials",
 		label: "Credentials"
@@ -13,18 +17,15 @@ export const SETTINGS = [
 		tab: "engines",
 		label: "Engines"
 	},
-	{
-		tab: "mcp",
-		label: "MCP"
-	},
 	{
 		tab: "runners",
 		label: "Runners"
 	}
 ];
 /** Settings' head; members are managed in Wular. */
-export function SettingsHead({ actions }) {
+export function SettingsHead({ actions, back }) {
 	return /* @__PURE__ */ _jsx(PageHead, {
+		back,
 		title: "Settings",
 		lead: "What every task runs with. Changes apply to the next task.",
 		actions

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/{settings/tunnel-guide.f6685b045ccccdcd.js → [org]/settings/tunnel-guide.1fd664df1fd0e3c1.js}

@@ -1,9 +1,11 @@
-import { Card } from "../../../comps/ui/card.b0873d38765c9d20.js";
-import { jsxs as _jsxs, jsx as _jsx } from "../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+import { FoldCard } from "../../../../comps/ui/card.6227f43fc0ae4bd1.js";
+import { jsxs as _jsxs, jsx as _jsx } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** How a server on this machine receives platform events: a public tunnel to its port, then PUBLIC_URL. */
 export function TunnelGuide({ port }) {
-	return /* @__PURE__ */ _jsx(Card, {
+	return /* @__PURE__ */ _jsx(FoldCard, {
 		title: "Receive platform events",
+		note: `Expose port ${port} so platforms can reach this server`,
+		open: "Show",
 		children: /* @__PURE__ */ _jsxs("div", {
 			class: "guide",
 			children: [

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/setup/create-link.3acdd50e1cc0c729.js

@@ -0,0 +1,34 @@
+"use client";
+import { useEffect, useState } from "../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
+import { client } from "../../../../utils/client.d25e6dcc6704eb60.js";
+import { toastFailure } from "../../../../utils/action.568346602027ac74.js";
+import { Loading } from "../../../../comps/ui/card.6227f43fc0ae4bd1.js";
+import { CreateDialog, createForm } from "../agents/[slug]/(tabs)/platforms/platform-actions.4b14873a20ebd56c.js";
+import { jsx as _jsx } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+/** A create link opened outside the Platforms tab: its form here, or the platform's own. */
+export function CreateLink({ integration, state, info }) {
+	const [failed, setFailed] = useState(false);
+	const [open, setOpen] = useState(true);
+	const [step, setStep] = useState();
+	const start = () => client.apps.start(integration, state);
+	useEffect(() => {
+		void createForm(info?.create, state, start).then(setStep).catch((reason) => {
+			setFailed(true);
+			toastFailure(reason);
+		});
+	}, []);
+	if (failed) return null;
+	if (!step) return /* @__PURE__ */ _jsx(Loading, { label: `Opening ${info?.name ?? integration}` });
+	return open ? /* @__PURE__ */ _jsx(CreateDialog, {
+		integration,
+		step,
+		start,
+		unreachable: info?.unreachable,
+		onClose: () => setOpen(false)
+	}) : /* @__PURE__ */ _jsx("button", {
+		type: "button",
+		class: "btn",
+		onClick: () => setOpen(true),
+		children: step.submit
+	});
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/setup/outcome-dialog.d730e0bfbe0cf2f8.js

@@ -0,0 +1,32 @@
+"use client";
+import { toChildArray } from "../../../../../../../../../node_modules/preact/dist/preact.mjs";
+import { iAlert, iCheck } from "../../../../comps/ui/icons.868385119bf2de28.js";
+import { Modal } from "../../../../comps/ui/modal.92432959e3a3e2c0.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+/** A flow's outcome, open on load, with its next steps as `children`; closing drops it from the address. */
+export function OutcomeDialog({ ok, title, text, issues, cancel = "Close", children }) {
+	const steps = toChildArray(children);
+	const report = !ok && issues ? /* @__PURE__ */ _jsx("a", {
+		class: "btn outline",
+		href: `${issues}?${new URLSearchParams({
+			title,
+			body: text
+		})}`,
+		target: "_blank",
+		rel: "noreferrer",
+		children: "Report issue"
+	}) : null;
+	return /* @__PURE__ */ _jsx(Modal, {
+		class: "outcome-dialog",
+		tone: ok ? "success" : "error",
+		title,
+		icon: ok ? iCheck : iAlert,
+		cancel,
+		actions: report || steps.length ? /* @__PURE__ */ _jsxs(_Fragment, { children: [report, steps] }) : undefined,
+		onClose: () => history.replaceState(history.state, "", location.pathname),
+		children: /* @__PURE__ */ _jsx("p", {
+			role: "status",
+			children: text
+		})
+	});
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/setup/outcome.cbbc8cd1bbbee01b.js

@@ -0,0 +1,71 @@
+import "./outcome.2a3073f895357275.css.pnext-asset.js";
+import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+/** The outcome a create, install or link flow put in the URL. */
+export function readOutcome(search) {
+	const status = search.get("status");
+	if (!status) return undefined;
+	const value = (name) => search.get(name) ?? undefined;
+	return {
+		status,
+		platform: value("platform"),
+		account: value("account"),
+		app: value("app"),
+		appId: value("appId"),
+		error: value("error")
+	};
+}
+export const succeeded = ({ status }) => status === "connected" || status === "created" || status === "linked";
+/** How a flow ended, as a dialog's title. */
+export function outcomeTitle({ status }, name) {
+	switch (status) {
+		case "connected": return `Connected to ${name}`;
+		case "created": return `${name} app created`;
+		case "linked": return `Linked on ${name}`;
+		case "disconnected": return `Disconnected from ${name}`;
+		case "create-expired":
+		case "invalid-field":
+		case "no-public-url":
+		case "unknown-integration": return `${name} app not created`;
+		default: return `${name} not connected`;
+	}
+}
+/** The platform's display name for `outcome`. */
+export const outcomeName = (outcome, catalog) => catalog.find((entry) => entry.id === outcome.platform)?.name ?? outcome.platform ?? "the platform";
+export function outcomeText({ status, account, app, error }, name) {
+	switch (status) {
+		case "connected": return account ? `Connected to ${account} on ${name}.` : `Connected ${name}.`;
+		case "created": return `Created ${app ?? "the app"} on ${name}. Every workspace on this server can now connect it from its dashboard.`;
+		case "linked": return `Linked ${account ?? "your account"} on ${name} to your Coder account. Mention the agent again to start.`;
+		case "cancelled": return `The ${name} install was cancelled, so nothing was connected.`;
+		case "install-expired": return `This ${name} install link expired or was already used, so nothing was connected. If an admin approved the app since, install again to finish.`;
+		case "create-expired": return `This ${name} app creation link expired or was already used. Start again from the agent's Platforms tab.`;
+		case "link-expired": return "This link is invalid or has expired.";
+		case "unknown-integration": return `This server has no ${name} integration.`;
+		case "no-public-url": return "PUBLIC_URL is not set on this server. Set it to the address platforms should call and restart.";
+		case "unknown-app": return `This ${name} install does not match any app on this server. Create the app first.`;
+		case "installation-taken": return `This ${name} installation is already connected to another workspace. Disconnect it there first.`;
+		case "installation-bound": return `${account ?? "This account"} is already connected to another agent through this server's ${name} app, in this or another workspace. Disconnect it there first.`;
+		case "account-taken": return `That ${name} account is connected to someone else.`;
+		case "not-member": return "Only members of the workspace this agent works for can link here.";
+		case "other-workspace": return "This app belongs to another Coder workspace. Ask its owner to invite you.";
+		case "disconnected": return `This ${name} installation is no longer connected.`;
+		case "platform-error": return `${name} answered ${error ?? "with an error"}, so nothing was connected.`;
+		case "missing-code": return `${name} sent no authorization code back, so nothing was connected. Try again.`;
+		case "invalid-field": return `The ${error ?? "form"} value is not valid. Create the app again.`;
+		case "not-yours": return `That ${name} installation is not one of yours, so nothing was connected.`;
+		case "wrong-account": return `That ${name} account belongs to another organization than the app.`;
+		case "no-refresh-token": return `${name} sent no refresh token. Remove the app's access from your ${name} account and connect again.`;
+		default: return `Setting up ${name} failed. Try again.`;
+	}
+}
+/** A flow's outcome in plain words, with its next steps as `children`. */
+export function Outcome({ outcome, catalog, children }) {
+	return /* @__PURE__ */ _jsxs("div", {
+		class: "outcome",
+		children: [/* @__PURE__ */ _jsx("p", {
+			class: succeeded(outcome) ? "flash" : "flash err",
+			role: "status",
+			children: outcomeText(outcome, outcomeName(outcome, catalog))
+		}), children]
+	});
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/setup/page.079600422889e725.js

@@ -0,0 +1,44 @@
+import { dynamic } from "../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
+import { Link } from "../../../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
+import { load, orgOf } from "../../../../api/load.4f942c7f68b2e273.js";
+import { Page, PageHead } from "../../../../comps/frame/page-head.e5d2185c1cdac740.js";
+import { Settle } from "../../../../comps/frame/stream.2fea238dc4f4f9a4.js";
+import { TunnelGuide } from "../settings/tunnel-guide.1fd664df1fd0e3c1.js";
+import { Outcome, readOutcome } from "./outcome.cbbc8cd1bbbee01b.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+const CreateLink = dynamic(() => import("./create-link.3acdd50e1cc0c729.js").then((m) => m.CreateLink), undefined, {
+	"file": decodeURIComponent(new URL("../../../../../../../../../../../../src/server/dash/app/dash/[org]/setup/create-link.tsx", import.meta.url).pathname),
+	"exportName": "CreateLink",
+	"id": "c-9ee5b947b9"
+});
+/** Where a create link starts, and where create, install and link flows end when they know no agent. */
+export default function SetupPage({ request }) {
+	if (!request) return null;
+	const url = new URL(request.url);
+	const integration = url.searchParams.get("create");
+	const state = Object.fromEntries([...url.searchParams].filter(([key]) => key !== "create"));
+	const catalog = load(request).integrations.list().catch(() => []);
+	return /* @__PURE__ */ _jsxs(Page, {
+		narrow: true,
+		children: [/* @__PURE__ */ _jsx(PageHead, { title: integration ? "Create app" : "Platform setup" }), /* @__PURE__ */ _jsx(Settle, { load: () => catalog.then((entries) => {
+			const info = entries.find((entry) => entry.id === integration);
+			return integration ? /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(CreateLink, {
+				integration,
+				state,
+				info
+			}), info?.unreachable ? /* @__PURE__ */ _jsx("div", {
+				id: "tunnel",
+				children: /* @__PURE__ */ _jsx(TunnelGuide, { port: url.port || "8787" })
+			}) : null] }) : /* @__PURE__ */ _jsx(Outcome, {
+				outcome: readOutcome(url.searchParams) ?? { status: "failed" },
+				catalog: entries,
+				children: /* @__PURE__ */ _jsx(Link, {
+					class: "btn sm outline",
+					href: "/dash/[org]/agents",
+					params: { org: orgOf(request) },
+					children: "Open agents"
+				})
+			});
+		}) })]
+	});
+}