loopable-cli 0.1.0 → 0.2.1

package/.output/server/{_connectorId-8nb5yOzG.mjs → _connectorId-C9yydJrC.mjs}

@@ -1,16 +1,16 @@
 import { i as __toESM } from "./_runtime.mjs";
 import { U as require_jsx_runtime, W as require_react, a as AvatarFallback$1, o as AvatarImage$1, s as AvatarRoot } from "./_libs/@base-ui/react+[...].mjs";
 import { f as Link, m as useRouter } from "./_libs/@tanstack/react-router+[...].mjs";
-import { a as connectorManifest } from "./_ssr/connections-qnw2GVlP.mjs";
-import { a as registrableCallbackUrl } from "./_ssr/callback-CUINvl7M.mjs";
+import { i as connectionNoun, o as connectorManifest } from "./_ssr/connections-Df-aDpfJ.mjs";
+import { l as registrableCallbackUrl } from "./_ssr/access-DTttr563.mjs";
 import { B as ArrowLeft, C as ExternalLink, M as CircleAlert, c as RotateCcw, g as Loader, i as Trash2, l as RefreshCw } from "./_libs/lucide-react.mjs";
 import { n as toast } from "./_libs/sonner.mjs";
-import { B as CardTitle, C as Button$1, F as verifyConnection, I as Badge, L as Card, M as continueQrLogin, N as disconnectConnection, P as saveConnectionSettings, R as CardContent, V as cn, j as beginQrLogin, u as Route$14, x as Separator$1, z as CardHeader } from "./_ssr/router-3WmpE5b_.mjs";
-import { r as initialFieldValues, t as SettingFieldInputs } from "./_ssr/setting-fields-8vKFj4df.mjs";
-import { t as ConnectionStatusBadge } from "./_ssr/connection-status-Bi5peUAk.mjs";
-import { t as ConnectorIcon } from "./_ssr/connector-icon-DZXQLLFo.mjs";
-import { n as AlertDescription, r as AlertTitle, t as Alert } from "./_ssr/alert-NEiOCTOl.mjs";
-//#region node_modules/.nitro/vite/services/ssr/assets/_connectorId-8nb5yOzG.js
+import { B as Card, F as disconnectConnection, H as CardHeader, I as saveConnectionSettings, L as verifyConnection, M as beginQrLogin, N as connectWithToken, P as continueQrLogin, R as Badge, S as Input$1, U as CardTitle, V as CardContent, W as cn, b as Label, u as Route$14, x as Separator$1, z as Button$1 } from "./_ssr/router-54IDWTVz.mjs";
+import { n as initialFieldValues, t as SettingFieldInputs } from "./_ssr/setting-fields-DzBlslan.mjs";
+import { t as ConnectionStatusBadge } from "./_ssr/connection-status-BZr3Y-IC.mjs";
+import { t as ConnectorIcon } from "./_ssr/connector-icon-WvxwZ5TF.mjs";
+import { n as AlertDescription, r as AlertTitle, t as Alert } from "./_ssr/alert-DQvzE7bu.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/_connectorId-C9yydJrC.js
 var import_react = /* @__PURE__ */ __toESM(require_react());
 var import_jsx_runtime = require_jsx_runtime();
 /** Renders a connector's settings from its manifest, so no page knows the fields. */
@@ -162,6 +162,72 @@ function QrConnect({ connectorId, note, onDone }) {
 		]
 	}) });
 }
+/**
+* A secret someone already has, pasted once.
+*
+* The token reaches this form and is sent to the server; it is never written
+* back. There is no consent screen and no account login.
+*/
+function TokenConnect({ connectorId, fields, note, helpUrl, onDone }) {
+	const router = useRouter();
+	const [values, setValues] = (0, import_react.useState)(() => Object.fromEntries(fields.map((field) => [field.key, ""])));
+	const [saving, setSaving] = (0, import_react.useState)(false);
+	const save = async () => {
+		setSaving(true);
+		try {
+			const result = await connectWithToken({ data: {
+				connectorId,
+				fields: values
+			} });
+			toast.success(`Connected ${result.accountLabel ?? connectorId}`);
+			await router.invalidate();
+			onDone?.();
+		} catch (error) {
+			toast.error(error instanceof Error ? error.message : String(error));
+		} finally {
+			setSaving(false);
+		}
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardContent, {
+		className: "flex flex-col gap-4 py-6",
+		children: [
+			note ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				className: "text-sm text-muted-foreground",
+				children: note
+			}) : null,
+			helpUrl ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
+				href: helpUrl,
+				target: "_blank",
+				rel: "noreferrer",
+				className: "text-sm text-muted-foreground hover:text-foreground",
+				children: "Open the app dashboard"
+			}) : null,
+			fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col gap-1.5",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, {
+					htmlFor: `token-${field.key}`,
+					children: field.label
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input$1, {
+					id: `token-${field.key}`,
+					type: field.secret ? "password" : "text",
+					autoComplete: "off",
+					spellCheck: false,
+					placeholder: field.placeholder,
+					value: values[field.key] ?? "",
+					onChange: (event) => setValues((prev) => ({
+						...prev,
+						[field.key]: event.target.value
+					}))
+				})]
+			}, field.key)),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+				onClick: save,
+				disabled: saving,
+				children: saving ? "Connecting..." : "Connect"
+			}) })
+		]
+	}) });
+}
 function Avatar$1({ className, size = "default", ...props }) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarRoot, {
 		"data-slot": "avatar",
@@ -190,7 +256,9 @@ function ConnectorDetailPage() {
 	const manifest = connectorManifest(connectorId);
 	const canAddAccount = manifest.allowsMultipleAccounts || state.connections.length === 0;
 	const scans = manifest.auth.kind === "qr_scan";
+	const tokens = manifest.auth.kind === "token";
 	const [scanning, setScanning] = (0, import_react.useState)(false);
+	const [pasting, setPasting] = (0, import_react.useState)(false);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		className: "flex flex-col gap-6",
 		children: [
@@ -220,6 +288,9 @@ function ConnectorDetailPage() {
 					state.readiness.ready && canAddAccount ? scans ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
 						onClick: () => setScanning((open) => !open),
 						children: scanning ? "Cancel" : "Connect"
+					}) : tokens ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+						onClick: () => setPasting((open) => !open),
+						children: pasting ? "Cancel" : "Add bot"
 					}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
 						render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: `/api/connectors/${connectorId}/authorize` }),
 						children: state.connections.length > 0 ? "Add another account" : "Connect"
@@ -231,6 +302,13 @@ function ConnectorDetailPage() {
 				note: manifest.auth.note,
 				onDone: () => setScanning(false)
 			}) : null,
+			pasting && manifest.auth.kind === "token" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TokenConnect, {
+				connectorId,
+				fields: manifest.auth.fields,
+				note: manifest.auth.note,
+				helpUrl: manifest.auth.helpUrl,
+				onDone: () => setPasting(false)
+			}) : null,
 			!state.readiness.ready ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Alert, {
 				variant: "destructive",
 				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertTitle, { children: [manifest.name, " is not available in this build"] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertDescription, {
@@ -245,10 +323,12 @@ function ConnectorDetailPage() {
 					]
 				})]
 			}) : null,
-			state.connections.length === 0 && state.readiness.ready && !scanning ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardContent, {
+			state.connections.length === 0 && state.readiness.ready && !scanning && !pasting ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardContent, {
 				className: "py-8 text-center text-sm text-muted-foreground",
 				children: [
-					"No account connected yet.",
+					"No ",
+					connectionNoun(connectorId),
+					" connected yet.",
 					manifest.auth.kind === "oauth_redirect" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
 						" ",
 						"Connecting opens ",
@@ -258,7 +338,8 @@ function ConnectorDetailPage() {
 						manifest.auth.scopes.join(", "),
 						"."
 					] }) : null,
-					manifest.auth.kind === "qr_scan" ? " Connecting shows a code to scan." : null
+					manifest.auth.kind === "qr_scan" ? " Connecting shows a code to scan." : null,
+					manifest.auth.kind === "token" ? " Connecting asks for app credentials, not a personal login." : null
 				]
 			}) }) : null,
 			state.connections.map((connection) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ConnectionCard, {