loopable-cli 0.1.0

package/.output/server/_ssr/new-DfKyd2Wa.mjs

@@ -0,0 +1,169 @@
+import { U as require_jsx_runtime } from "../_libs/@base-ui/react+[...].mjs";
+import { f as Link, p as useNavigate } from "../_libs/@tanstack/react-router+[...].mjs";
+import { a as connectorManifest, n as allWorkflows, s as connectorWorkflow } from "./connections-qnw2GVlP.mjs";
+import { B as ArrowLeft, z as ArrowRight } from "../_libs/lucide-react.mjs";
+import { C as Button$1, I as Badge, L as Card, R as CardContent, a as Route$9 } from "./router-3WmpE5b_.mjs";
+import { t as ConnectorIcon } from "./connector-icon-DZXQLLFo.mjs";
+import { t as LoopForm } from "./loop-form-DlObSewZ.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/new-DfKyd2Wa.js
+var import_jsx_runtime = require_jsx_runtime();
+/**
+* One of a connector's workflows, as a loop nobody has saved yet.
+*
+* Nothing here touches the database, which is the point: choosing a workflow
+* used to create the loop, so a look around the page left a live loop behind,
+* enabled and with none of its questions answered. Now choosing only fills a
+* form in, and the loop begins at Save.
+*
+* Deliberately client-safe, so the form can be filled in without a round trip
+* and without anything on the server having to remember a half-made loop.
+*/
+function draftForWorkflow(connectorId, workflowId) {
+	const workflow = connectorWorkflow(connectorId, workflowId);
+	if (!workflow) throw new Error(`Unknown workflow: ${workflowId}`);
+	return {
+		id: null,
+		name: workflow.name,
+		connectorId,
+		workflowId,
+		prompt: workflow.prompt,
+		guidance: null,
+		agentId: null,
+		settings: {},
+		actionConnectorId: workflow.actionConnectorId ?? connectorId,
+		actionId: workflow.actionId,
+		actionTarget: workflow.actionTarget ?? {},
+		pollEveryMs: workflow.pollEveryMs ?? null,
+		enabled: true
+	};
+}
+function NewLoopPage() {
+	const { connector, workflow } = Route$9.useSearch();
+	const chosen = connector && workflow && connectorWorkflow(connector, workflow) ? {
+		connector,
+		workflow
+	} : null;
+	return chosen ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ShapeLoop, {
+		connectorId: chosen.connector,
+		workflowId: chosen.workflow
+	}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChooseWorkflow, {});
+}
+/**
+* The second step, and the one that makes a loop.
+*
+* Nothing has been written down yet: the draft is worked out here from the
+* workflow the URL names, and the loop begins when the form is saved. Picking
+* a workflow used to create it, which meant a look around this page left a
+* live loop behind, enabled and with none of its questions answered.
+*/
+function ShapeLoop({ connectorId, workflowId }) {
+	const workflow = connectorWorkflow(connectorId, workflowId);
+	const connector = connectorManifest(connectorId);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-6",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Link, {
+				to: "/loops/new",
+				className: "flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowLeft, { className: "size-4" }), "New loop"]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", {
+				className: "flex items-start gap-4",
+				children: [connector ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ConnectorIcon, {
+					icon: connector.icon,
+					accent: connector.accent
+				}) : null, /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
+					className: "text-2xl font-semibold tracking-tight",
+					children: workflow.name
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+					className: "mt-1 text-sm text-muted-foreground",
+					children: ["Nothing is watched for until you add this. ", workflow.summary]
+				})] })]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoopForm, { loop: draftForWorkflow(connectorId, workflowId) })
+		]
+	});
+}
+/**
+* There is no blank loop to write any more. Every loop is one of the
+* workflows a connector offers, already knowing its own job, so choosing is
+* the first half of making one and the settings are the second.
+*/
+function ChooseWorkflow() {
+	const { loops } = Route$9.useLoaderData();
+	const navigate = useNavigate();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-6",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Link, {
+				to: "/loops",
+				className: "flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowLeft, { className: "size-4" }), "Loops"]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
+				className: "text-2xl font-semibold tracking-tight",
+				children: "New loop"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				className: "mt-1 text-sm text-muted-foreground",
+				children: "Pick what you want done. You can narrow it down to certain repositories, and add anything particular to your team, on the next screen."
+			})] }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "flex flex-col gap-3",
+				children: allWorkflows().map(({ connector, workflow }) => {
+					const existing = loops.filter((loop) => loop.workflowId === workflow.id).length;
+					return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardContent, {
+						className: "flex items-start gap-4 pt-6",
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ConnectorIcon, {
+								icon: connector.icon,
+								accent: connector.accent
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "flex min-w-0 flex-1 flex-col gap-1",
+								children: [
+									/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+										className: "flex flex-wrap items-center gap-2",
+										children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+											className: "font-medium",
+											children: workflow.name
+										}), existing > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
+											variant: "secondary",
+											children: existing === 1 ? "Already have one" : `Already have ${existing}`
+										}) : null]
+									}),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+										className: "text-sm text-muted-foreground",
+										children: workflow.summary
+									}),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+										className: "mt-1 flex items-start gap-1.5 text-xs text-muted-foreground",
+										children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowRight, { className: "mt-0.5 size-3.5 shrink-0" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+											"When ",
+											workflow.trigger,
+											", it writes ",
+											workflow.writes,
+											"."
+										] })]
+									})
+								]
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+								variant: "outline",
+								onClick: () => void navigate({
+									to: "/loops/new",
+									search: {
+										connector: connector.id,
+										workflow: workflow.id
+									}
+								}),
+								children: "Set up"
+							})
+						]
+					}) }, workflow.id);
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { NewLoopPage as component };