@oomol-lab/open-flow 0.1.0-alpha.8 → 0.1.0-beta.1

package/dist/browser/flow-authoring.js

@@ -1,72 +1,244 @@
-//#region src/flow/common/edgeChanges.ts
-function e(e, t, r) {
-	let i = {
-		source: r.source,
-		sourceHandle: r.sourceHandle,
-		target: r.target,
-		targetHandle: r.targetHandle
-	}, a = n(e, t)?.nodes[r.target], o = a != null && "inputs" in a ? a.inputs[r.targetHandle] : void 0;
-	return o?.kind == "sources" && o.sources.some((e) => e.kind == "node" && e.nodeId == r.source && e.output == r.sourceHandle) ? [] : [{
-		edge: i,
-		kind: "graph.edge.connect",
-		target: t
-	}];
-}
-function t(e, t, r) {
-	let i = {
-		source: r.source,
-		sourceHandle: r.sourceHandle,
-		target: r.target,
-		targetHandle: r.targetHandle
-	}, a = n(e, t)?.nodes[r.target], o = a != null && "inputs" in a ? a.inputs[r.targetHandle] : void 0;
-	return o?.kind != "sources" || !o.sources.some((e) => e.kind == "node" && e.nodeId == r.source && e.output == r.sourceHandle) ? [] : [{
-		edge: i,
-		kind: "graph.edge.disconnect",
-		target: t
-	}];
+//#region ../../node_modules/.bun/nanoid@6.0.1/node_modules/nanoid/index.browser.js
+var e = (e) => crypto.getRandomValues(new Uint8Array(e)), t = (e, t, n) => {
+	let r = 256 - 256 % e.length;
+	if (r === 256) {
+		let r = e.length - 1;
+		return (i = t) => {
+			if (!i) return "";
+			let a = "";
+			for (;;) {
+				let t = n(i), o = i;
+				for (; o--;) if (a += e[t[o] & r], a.length >= i) return a;
+			}
+		};
+	}
+	let i = Math.ceil(409.6 * t / r);
+	return (a = t) => {
+		if (!a) return "";
+		let o = "";
+		for (;;) {
+			let t = n(i), s = i;
+			for (; s--;) if (t[s] < r && (o += e[t[s] % e.length], o.length >= a)) return o;
+		}
+	};
+}, n = (n, r = 21) => t(n, r | 0, e), r = class extends Error {};
+function i() {
+	throw new r();
 }
-function n(e, t) {
-	return t.kind == "flow" ? e.document.graph : e.document.subflows[t.id]?.graph;
+function a(e, t) {
+	if (t.kind == "flow") return e.graph;
+	let n = e.subflows[t.id];
+	return n ?? i(), n.graph;
 }
-//#endregion
-//#region src/flow/common/moduleChanges.ts
-async function r(e) {
-	try {
-		let { parse: t } = await import("./lib-GrGxYjsJ.js"), n = t(e, {
-			errorRecovery: !0,
-			sourceType: "module"
-		}).program, r = /* @__PURE__ */ new Set();
-		for (let e of n.body) {
-			if (e.type != "ImportDeclaration") continue;
-			let t = /^\.\/(.+)\.mjs$/.exec(e.source.value);
-			t?.[1] != null && r.add(t[1]);
+function o(e, t, n) {
+	if (t.kind == "flow") return {
+		...e,
+		graph: n
+	};
+	let r = e.subflows[t.id];
+	return r ?? i(), {
+		...e,
+		subflows: {
+			...e.subflows,
+			[t.id]: {
+				...r,
+				graph: n
+			}
 		}
-		return [...r].toSorted();
-	} catch {
-		return [];
-	}
+	};
 }
-function i(e, t, n) {
-	return [{
-		imports: n,
-		kind: "module.source.replace",
-		moduleId: e,
-		source: t
-	}];
+function s(e, t) {
+	if (!("inputs" in e)) return e;
+	let n = { ...e.inputs };
+	for (let [e, r] of Object.entries(n)) {
+		if (r.kind != "sources") continue;
+		let i = r.sources.filter((e) => e.kind != "node" || !t.has(e.nodeId));
+		i.length == 0 ? delete n[e] : n[e] = {
+			kind: "sources",
+			sources: i
+		};
+	}
+	return {
+		...e,
+		inputs: n
+	};
 }
-function a(e, t) {
-	return [{
-		kind: "module.rename",
-		moduleId: e,
-		name: t
-	}];
+function c(e, t) {
+	let n = { ...e.document }, r = { ...e.modules };
+	for (let e of t) switch (e.kind) {
+		case "binding.create":
+			n.bindings[e.bindingId] != null && i(), n.bindings = {
+				...n.bindings,
+				[e.bindingId]: e.binding
+			};
+			break;
+		case "binding.replace":
+			n.bindings[e.bindingId] ?? i(), n.bindings = {
+				...n.bindings,
+				[e.bindingId]: e.binding
+			};
+			break;
+		case "binding.delete": {
+			n.bindings[e.bindingId] ?? i();
+			let t = { ...n.bindings };
+			delete t[e.bindingId], n.bindings = t;
+			break;
+		}
+		case "graph.edge.connect": {
+			let t = a(n, e.target);
+			t.nodes[e.edge.source] ?? i();
+			let r = t.nodes[e.edge.target];
+			(r == null || !("inputs" in r)) && i();
+			let s = r.inputs[e.edge.targetHandle], c = {
+				kind: "node",
+				nodeId: e.edge.source,
+				output: e.edge.sourceHandle
+			}, l = s?.kind == "sources" ? s.sources.filter((e) => e.kind != "binding" || n.bindings[e.bindingId]?.kind != "variable") : [];
+			l.some((e) => e.kind == "node" && e.nodeId == c.nodeId && e.output == c.output) && i();
+			let u = {
+				...r,
+				inputs: {
+					...r.inputs,
+					[e.edge.targetHandle]: {
+						kind: "sources",
+						sources: [...l, c]
+					}
+				}
+			};
+			Object.assign(n, o(n, e.target, { nodes: {
+				...t.nodes,
+				[e.edge.target]: u
+			} }));
+			break;
+		}
+		case "graph.edge.disconnect": {
+			let t = a(n, e.target), r = t.nodes[e.edge.target];
+			(r == null || !("inputs" in r)) && i();
+			let s = r.inputs[e.edge.targetHandle];
+			s?.kind != "sources" && i();
+			let c = s.sources.filter((t) => t.kind != "node" || t.nodeId != e.edge.source || t.output != e.edge.sourceHandle);
+			c.length == s.sources.length && i();
+			let l = { ...r.inputs };
+			c.length == 0 ? delete l[e.edge.targetHandle] : l[e.edge.targetHandle] = {
+				kind: "sources",
+				sources: c
+			}, Object.assign(n, o(n, e.target, { nodes: {
+				...t.nodes,
+				[e.edge.target]: {
+					...r,
+					inputs: l
+				}
+			} }));
+			break;
+		}
+		case "graph.node.create": {
+			let t = a(n, e.target);
+			(t.nodes[e.nodeId] != null || e.target.kind == "subflow" && !("inputs" in e.node)) && i(), Object.assign(n, o(n, e.target, { nodes: {
+				...t.nodes,
+				[e.nodeId]: e.node
+			} }));
+			break;
+		}
+		case "graph.node.delete": {
+			let t = a(n, e.target);
+			t.nodes[e.nodeId] ?? i();
+			let r = /* @__PURE__ */ new Set([e.nodeId]), c = Object.fromEntries(Object.entries(t.nodes).flatMap(([e, t]) => r.has(e) ? [] : [[e, s(t, r)]]));
+			if (Object.assign(n, o(n, e.target, { nodes: c })), e.target.kind == "subflow") {
+				let t = n.subflows[e.target.id], i = t.outputs.map((e) => ({
+					...e,
+					sources: e.sources.filter((e) => e.kind != "node" || !r.has(e.nodeId))
+				}));
+				n.subflows = {
+					...n.subflows,
+					[e.target.id]: {
+						...t,
+						outputs: i
+					}
+				};
+			}
+			break;
+		}
+		case "graph.node.replace": {
+			let t = a(n, e.target);
+			(t.nodes[e.nodeId] == null || e.target.kind == "subflow" && !("inputs" in e.node)) && i(), Object.assign(n, o(n, e.target, { nodes: {
+				...t.nodes,
+				[e.nodeId]: e.node
+			} }));
+			break;
+		}
+		case "module.create":
+			r[e.moduleId] != null && i(), r[e.moduleId] = e.module;
+			break;
+		case "module.delete":
+			r[e.moduleId] ?? i(), delete r[e.moduleId];
+			break;
+		case "module.rename": {
+			let t = r[e.moduleId];
+			t ?? i(), r[e.moduleId] = {
+				...t,
+				name: e.name
+			};
+			break;
+		}
+		case "module.source.replace": {
+			let t = r[e.moduleId];
+			t ?? i(), r[e.moduleId] = {
+				...t,
+				imports: e.imports,
+				source: e.source
+			};
+			break;
+		}
+		case "subflow.create":
+			n.subflows[e.subflowId] != null && i(), n.subflows = {
+				...n.subflows,
+				[e.subflowId]: e.subflow
+			};
+			break;
+		case "subflow.definition.replace": {
+			let t = n.subflows[e.subflowId];
+			t ?? i(), n.subflows = {
+				...n.subflows,
+				[e.subflowId]: {
+					...e.definition,
+					graph: t.graph
+				}
+			};
+			break;
+		}
+		case "subflow.delete": {
+			n.subflows[e.subflowId] ?? i();
+			let t = { ...n.subflows };
+			delete t[e.subflowId], n.subflows = t;
+			break;
+		}
+		case "task.create":
+			n.tasks[e.taskId] != null && i(), n.tasks = {
+				...n.tasks,
+				[e.taskId]: e.task
+			};
+			break;
+		case "task.delete": {
+			n.tasks[e.taskId] ?? i();
+			let t = { ...n.tasks };
+			delete t[e.taskId], n.tasks = t;
+			break;
+		}
+		case "task.replace": n.tasks[e.taskId] ?? i(), n.tasks = {
+			...n.tasks,
+			[e.taskId]: e.task
+		};
+	}
+	return {
+		document: n,
+		modelVersion: e.modelVersion,
+		modules: r
+	};
 }
 //#endregion
 //#region src/flow/common/nodeChanges.ts
-function o(e, t, n, r = {
-	imports: [],
-	source: "export default function run(input) {\n  return { result: input.value }\n}\n"
-}, i = {
+var l = "export default async function (input, context) {\n  return { result: input.value }\n}\n";
+function u(e, t, n, r = void 0, i = {
 	inputs: [{
 		handle: "value",
 		jsonSchema: {},
@@ -82,7 +254,10 @@ function o(e, t, n, r = {
 	return [{
 		kind: "module.create",
 		module: {
-			...r,
+			...r ?? {
+				imports: [],
+				source: l
+			},
 			name: n
 		},
 		moduleId: t.moduleId
@@ -90,7 +265,7 @@ function o(e, t, n, r = {
 		kind: "graph.node.create",
 		node: {
 			concurrency: 1,
-			inputs: b(i.inputs),
+			inputs: D(i.inputs),
 			kind: "task",
 			name: n,
 			task: {
@@ -104,7 +279,7 @@ function o(e, t, n, r = {
 		target: e
 	}];
 }
-function s(e, t, n) {
+function d(e, t, n) {
 	return [{
 		kind: "task.create",
 		task: n,
@@ -113,7 +288,7 @@ function s(e, t, n) {
 		kind: "graph.node.create",
 		node: {
 			concurrency: 1,
-			inputs: b(n.inputs),
+			inputs: D(n.inputs),
 			kind: "task",
 			name: n.name,
 			taskId: t.taskId
@@ -122,9 +297,9 @@ function s(e, t, n) {
 		target: e
 	}];
 }
-function c(e, t, n, r, i, a = {}) {
+function f(e, t, n, r, i, a = {}) {
 	let o = a.inputs ?? {};
-	return s(e, t, {
+	return d(e, t, {
 		executor: {
 			kind: "llm",
 			mode: r
@@ -137,13 +312,13 @@ function c(e, t, n, r, i, a = {}) {
 					type: "array"
 				},
 				nullable: !0,
-				value: x(o, "messages", null)
+				value: O(o, "messages", null)
 			},
 			{
 				handle: "input",
 				jsonSchema: { type: "string" },
 				nullable: !1,
-				value: x(o, "input", "Alex")
+				value: O(o, "input", "Alex")
 			},
 			{
 				handle: "template",
@@ -153,7 +328,7 @@ function c(e, t, n, r, i, a = {}) {
 					type: "array"
 				},
 				nullable: !1,
-				value: x(o, "template", [{
+				value: O(o, "template", [{
 					content: "Hello, I'm {{input}}",
 					role: "user"
 				}])
@@ -162,7 +337,7 @@ function c(e, t, n, r, i, a = {}) {
 				handle: "model",
 				jsonSchema: { type: "object" },
 				nullable: !1,
-				value: x(o, "model", { model: "deepseek-v4-flash" })
+				value: O(o, "model", { model: "deepseek-v4-flash" })
 			}
 		],
 		name: n,
@@ -175,7 +350,7 @@ function c(e, t, n, r, i, a = {}) {
 		}]
 	});
 }
-function l(e, t, n) {
+function p(e, t, n) {
 	return [{
 		kind: "graph.node.create",
 		node: {
@@ -206,7 +381,7 @@ function l(e, t, n) {
 		target: e
 	}];
 }
-function u(e, t, n) {
+function m(e, t, n) {
 	return [{
 		kind: "graph.node.create",
 		node: {
@@ -225,7 +400,7 @@ function u(e, t, n) {
 		target: e
 	}];
 }
-function d(e, t, n) {
+function h(e, t, n) {
 	return [{
 		kind: "graph.node.create",
 		node: n,
@@ -233,7 +408,7 @@ function d(e, t, n) {
 		target: e
 	}];
 }
-function f(e, t, n, r) {
+function g(e, t, n, r) {
 	let i = r.name ?? n.displayName, a = n.type == "poll" ? {
 		bindingId: t.bindingId,
 		config: r.config,
@@ -266,8 +441,8 @@ function f(e, t, n, r) {
 		target: e
 	}];
 }
-function p(e, t, n) {
-	let r = y(e, t)?.nodes;
+function _(e, t, n) {
+	let r = E(e, t)?.nodes;
 	if (r == null) return [];
 	let i = new Set(n), a = n.flatMap((e) => {
 		let n = r[e];
@@ -280,7 +455,7 @@ function p(e, t, n) {
 			moduleId: n.task.moduleId
 		}] : []];
 	});
-	if (t.kind == "subflow") return a;
+	if (t.kind == "subflow") return x(e, a);
 	let o = new Set(n.flatMap((e) => {
 		let t = r[e];
 		return t?.kind == "poll" || t?.kind == "integration" ? [t.bindingId] : [];
@@ -289,31 +464,81 @@ function p(e, t, n) {
 		bindingId: t,
 		kind: "binding.delete"
 	});
-	return a;
+	return x(e, a);
 }
-function m(e, t, n, r) {
-	let i = y(e, t)?.nodes[n];
+function v(e, t, n, r) {
+	let i = E(e, t)?.nodes[n];
 	if (i == null || !("inputs" in i)) return;
 	let { concurrency: a, name: o, timeoutMs: s, ...c } = i;
-	return S(t, n, {
+	return k(t, n, {
 		...c,
 		...r
 	});
 }
-function h(e, t, n, r) {
-	let i = y(e, t)?.nodes[n];
+function y(e, t, n, r) {
+	let i = E(e, t)?.nodes[n];
 	if (i == null || !("inputs" in i)) return;
 	let a = { ...i.inputs };
 	for (let [e, t] of Object.entries(r)) t === void 0 ? delete a[e] : a[e] = {
 		kind: "value",
 		value: t
 	};
-	return S(t, n, {
+	return x(e, k(t, n, {
 		...i,
 		inputs: a
-	});
+	}));
+}
+function b(e, t, n, r, i, a) {
+	let o = E(e, t)?.nodes[n];
+	if (o == null || !("inputs" in o)) return;
+	let s = o.inputs[r], c = s?.kind == "sources" && s.sources.length == 1 && s.sources[0]?.kind == "binding" ? s.sources[0].bindingId : void 0, l = c == null ? void 0 : e.document.bindings[c], u = S(e.document);
+	if (c != null && l?.kind == "variable" && (u.get(c) ?? 0) == 1) return l.target == i ? [] : [{
+		binding: {
+			kind: "variable",
+			target: i
+		},
+		bindingId: c,
+		kind: "binding.replace"
+	}];
+	let d = {
+		...o.inputs,
+		[r]: {
+			kind: "sources",
+			sources: [{
+				bindingId: a,
+				kind: "binding"
+			}]
+		}
+	};
+	return [{
+		binding: {
+			kind: "variable",
+			target: i
+		},
+		bindingId: a,
+		kind: "binding.create"
+	}, ...x(e, k(t, n, {
+		...o,
+		inputs: d
+	}))];
 }
-function g(e, t, n) {
+function x(e, t) {
+	let n = S(e.document), r = c(e, t), i = S(r.document);
+	return [...t, ...[...n.keys()].flatMap((e) => i.has(e) || r.document.bindings[e]?.kind != "variable" ? [] : [{
+		bindingId: e,
+		kind: "binding.delete"
+	}])];
+}
+function S(e) {
+	let t = /* @__PURE__ */ new Map(), n = (e) => {
+		t.set(e, (t.get(e) ?? 0) + 1);
+	};
+	for (let t of [e.graph, ...Object.values(e.subflows).map((e) => e.graph)]) for (let e of Object.values(t.nodes)) if ((e.kind == "poll" || e.kind == "integration") && n(e.bindingId), "inputs" in e) {
+		for (let t of Object.values(e.inputs)) if (t.kind == "sources") for (let e of t.sources) e.kind == "binding" && n(e.bindingId);
+	}
+	return t;
+}
+function C(e, t, n) {
 	let r = e.document.tasks[t];
 	if (!(r == null || !("executor" in r) || r.executor.kind != "connector")) return [{
 		kind: "task.replace",
@@ -327,7 +552,7 @@ function g(e, t, n) {
 		taskId: t
 	}];
 }
-function _(e, t, n, r) {
+function w(e, t, n, r) {
 	let i = e.document.graph.nodes[n];
 	if (i == null) return;
 	let a = {
@@ -374,9 +599,9 @@ function _(e, t, n, r) {
 				config: r.config
 			};
 	}
-	return S(t, n, o);
+	return k(t, n, o);
 }
-function v(e, t, n, r) {
+function T(e, t, n, r) {
 	let i = e.document.graph.nodes[n];
 	if (!(i == null || i.kind != "poll" && i.kind != "integration") && e.document.bindings[i.bindingId]?.kind == "connection") return [{
 		binding: {
@@ -387,19 +612,19 @@ function v(e, t, n, r) {
 		kind: "binding.replace"
 	}];
 }
-function y(e, t) {
+function E(e, t) {
 	return t.kind == "flow" ? e.document.graph : e.document.subflows[t.id]?.graph;
 }
-function b(e) {
-	return Object.fromEntries(e.flatMap((e) => Object.hasOwn(e, "value") ? [[e.handle, {
+function D(e) {
+	return Object.fromEntries(e.flatMap((e) => "handle" in e && Object.hasOwn(e, "value") ? [[e.handle, {
 		kind: "value",
 		value: e.value
 	}]] : []));
 }
-function x(e, t, n) {
+function O(e, t, n) {
 	return e != null && Object.hasOwn(e, t) ? e[t] : n;
 }
-function S(e, t, n) {
+function k(e, t, n) {
 	return [{
 		kind: "graph.node.replace",
 		node: n,
@@ -408,4 +633,69 @@ function S(e, t, n) {
 	}];
 }
 //#endregion
-export { e as connect, d as createBuiltinTrigger, o as createCodeTask, l as createCondition, c as createLlmTask, s as createManagedTask, f as createProviderTrigger, u as createValue, p as deleteNodes, t as disconnect, r as moduleImports, a as renameModule, i as replaceModuleSource, g as setConnectorConnection, h as setInputValues, v as setTriggerConnection, m as updateSettings, _ as updateTrigger };
+//#region src/flow/common/edgeChanges.ts
+function A(e, t, n) {
+	let r = {
+		source: n.source,
+		sourceHandle: n.sourceHandle,
+		target: n.target,
+		targetHandle: n.targetHandle
+	}, i = M(e, t)?.nodes[n.target], a = i != null && "inputs" in i ? i.inputs[n.targetHandle] : void 0;
+	return a?.kind == "sources" && a.sources.some((e) => e.kind == "node" && e.nodeId == n.source && e.output == n.sourceHandle) ? [] : x(e, [{
+		edge: r,
+		kind: "graph.edge.connect",
+		target: t
+	}]);
+}
+function j(e, t, n) {
+	let r = {
+		source: n.source,
+		sourceHandle: n.sourceHandle,
+		target: n.target,
+		targetHandle: n.targetHandle
+	}, i = M(e, t)?.nodes[n.target], a = i != null && "inputs" in i ? i.inputs[n.targetHandle] : void 0;
+	return a?.kind != "sources" || !a.sources.some((e) => e.kind == "node" && e.nodeId == n.source && e.output == n.sourceHandle) ? [] : [{
+		edge: r,
+		kind: "graph.edge.disconnect",
+		target: t
+	}];
+}
+function M(e, t) {
+	return t.kind == "flow" ? e.document.graph : e.document.subflows[t.id]?.graph;
+}
+//#endregion
+//#region src/flow/common/moduleChanges.ts
+async function N(e) {
+	try {
+		let { parse: t } = await import("./lib-GrGxYjsJ.js"), n = t(e, {
+			errorRecovery: !0,
+			sourceType: "module"
+		}).program, r = /* @__PURE__ */ new Set();
+		for (let e of n.body) {
+			if (e.type != "ImportDeclaration") continue;
+			let t = /^\.\/(.+)\.mjs$/.exec(e.source.value);
+			t?.[1] != null && r.add(t[1]);
+		}
+		return [...r].toSorted();
+	} catch {
+		return [];
+	}
+}
+function P(e, t, n) {
+	return [{
+		imports: n,
+		kind: "module.source.replace",
+		moduleId: e,
+		source: t
+	}];
+}
+function F(e, t) {
+	return [{
+		kind: "module.rename",
+		moduleId: e,
+		name: t
+	}];
+}
+var I = n("23456789abcdefghjkmnpqrstuvwxyz", 10);
+//#endregion
+export { x as cleanVariableBindings, A as connect, I as createAuthoringId, h as createBuiltinTrigger, u as createCodeTask, p as createCondition, f as createLlmTask, d as createManagedTask, g as createProviderTrigger, m as createValue, _ as deleteNodes, j as disconnect, N as moduleImports, F as renameModule, P as replaceModuleSource, C as setConnectorConnection, y as setInputValues, b as setInputVariable, T as setTriggerConnection, v as updateSettings, w as updateTrigger };

package/dist/browser/flow-change.d.ts

@@ -4,6 +4,7 @@ export type JsonValue = null | boolean | number | string | readonly JsonValue[]
 export declare const resourceNameMaxLength = 80;
 export type ResourceNameIssue = 'controlCharacter' | 'empty' | 'specialCharacter' | 'tooLong';
 export declare function resourceNameIssue(value: string): ResourceNameIssue | undefined;
+export declare function validVariableName(value: string): boolean;
 export interface PortDefinition {
     readonly description?: string;
     readonly jsonSchema: JsonValue;
@@ -18,7 +19,11 @@ export interface Port extends PortDefinition {
 export interface InputPort extends InputPortDefinition {
     readonly handle: string;
 }
-export declare function portsByHandle<Value extends Port>(ports: readonly Value[]): Readonly<Record<string, Value>>;
+export interface Group {
+    readonly collapsed?: boolean;
+    readonly group: string;
+}
+export declare function portsByHandle<Value extends Port>(ports: readonly (Value | Group)[]): Readonly<Record<string, Value>>;
 export interface NodeSource {
     readonly kind: 'node';
     readonly nodeId: string;
@@ -89,9 +94,9 @@ export interface ConnectorCapability {
     readonly kind: 'connector';
 }
 interface TaskDefinitionBase {
-    readonly inputs: readonly InputPort[];
+    readonly inputs: readonly (InputPort | Group)[];
     readonly name: string;
-    readonly outputs: readonly Port[];
+    readonly outputs: readonly (Port | Group)[];
 }
 export interface InlineTaskDefinition extends TaskDefinitionBase {
     readonly capabilities?: readonly ConnectorCapability[];
@@ -190,7 +195,7 @@ export type TriggerNode = (TriggerNodeBase & {
 export type GraphNode = ConditionNode | SubflowNode | TaskNode | TriggerNode | ValueNode;
 export interface FlowDocument {
     readonly bindings: Readonly<Record<string, {
-        readonly kind: 'connection' | 'secret';
+        readonly kind: 'connection' | 'variable';
         readonly target: string;
     }>>;
     readonly graph: Graph;