treege 3.0.0-beta.71 → 3.0.0-beta.72

package/dist/{editor-CkCA6_WX.js → editor-Dy_Ul5Mu.js}

@@ -1887,14 +1887,143 @@ var Or = ({ nodeId: e, groupId: t }) => {
 			]
 		})]
 	})] });
-}, zr = 400, Br = (e) => {
+}, zr = [
+	{
+		key: "get",
+		method: "GET"
+	},
+	{
+		key: "post",
+		method: "POST"
+	},
+	{
+		key: "put",
+		method: "PUT"
+	},
+	{
+		key: "delete",
+		method: "DELETE"
+	},
+	{
+		key: "patch",
+		method: "PATCH"
+	}
+], Br = (e) => {
+	if (!e || typeof e != "object") return !1;
+	let t = e;
+	return typeof t.openapi != "string" || !t.openapi.startsWith("3.") ? !1 : !!(t.paths && typeof t.paths == "object");
+}, Vr = (e) => e.startsWith("{"), Hr = async (e) => {
+	let t = await fetch(e);
+	if (!t.ok) throw Error(`HTTP ${t.status} ${t.statusText}`);
+	return t.json();
+}, Ur = (e) => Vr(e) ? Promise.resolve(JSON.parse(e)) : Hr(e), Wr = async (e) => {
+	let t = e.trim();
+	if (!t) throw Error("Empty input");
+	let n = await Ur(t);
+	if (!Br(n)) throw Error("Not a valid OpenAPI 3.x document");
+	return n;
+}, Gr = (e) => {
+	let t = [];
+	for (let [n, r] of Object.entries(e.paths ?? {})) if (r) for (let { key: e, method: i } of zr) {
+		let a = r[e];
+		a && t.push({
+			method: i,
+			operationId: a.operationId,
+			path: n,
+			summary: a.summary
+		});
+	}
+	return t;
+}, Kr = (e) => (e.servers?.[0]?.url ?? "").replace(/\/$/, ""), qr = (e) => {
+	let t = e.components?.securitySchemes ?? {}, n = [];
+	for (let [e, r] of Object.entries(t)) {
+		if (!r || typeof r != "object") continue;
+		let t = r;
+		if (t.type === "http" && t.scheme === "bearer") n.push({
+			name: e,
+			scheme: {
+				bearerFormat: typeof t.bearerFormat == "string" ? t.bearerFormat : void 0,
+				description: typeof t.description == "string" ? t.description : void 0,
+				scheme: "bearer",
+				type: "http"
+			}
+		});
+		else if (t.type === "apiKey" && t.in === "header" && typeof t.name == "string") n.push({
+			name: e,
+			scheme: {
+				description: typeof t.description == "string" ? t.description : void 0,
+				in: "header",
+				name: t.name,
+				type: "apiKey"
+			}
+		});
+		else if (t.type === "oauth2" && t.flows && typeof t.flows == "object") {
+			let r = t.flows.password;
+			r && typeof r.tokenUrl == "string" && n.push({
+				name: e,
+				scheme: {
+					description: typeof t.description == "string" ? t.description : void 0,
+					tokenUrl: r.tokenUrl,
+					type: "oauth2"
+				}
+			});
+		}
+	}
+	return n;
+}, Jr = {
+	baseUrl: "",
+	baseUrlOverride: "",
+	document: null,
+	lastSourceInput: null,
+	routes: [],
+	setBaseUrlOverride: () => {},
+	setDocument: () => {},
+	setLastSourceInput: () => {}
+}, Yr = Ke(null), Xr = ({ children: e, initialDocument: t, initialBaseUrl: n }) => {
+	let [r, i] = V(typeof t == "object" ? t ?? null : null), [a, o] = V(n ?? ""), [s, c] = V(typeof t == "string" ? {
+		mode: "url",
+		value: t
+	} : null), l = B(() => r ? Gr(r) : [], [r]), u = B(() => a.trim().replace(/\/$/, "") || (r ? Kr(r) : ""), [r, a]), d = B(() => ({
+		baseUrl: u,
+		baseUrlOverride: a,
+		document: r,
+		lastSourceInput: s,
+		routes: l,
+		setBaseUrlOverride: o,
+		setDocument: i,
+		setLastSourceInput: c
+	}), [
+		u,
+		a,
+		r,
+		s,
+		l
+	]);
+	return z(() => {
+		if (typeof t != "string") return;
+		let e = t, n = !1;
+		return Wr(e).then((t) => {
+			n || (i(t), c({
+				mode: "url",
+				value: e
+			}));
+		}).catch((e) => {
+			n || J.error(e instanceof Error ? e.message : String(e));
+		}), () => {
+			n = !0;
+		};
+	}, [t]), /* @__PURE__ */ U(Yr.Provider, {
+		value: d,
+		children: e
+	});
+}, Zr = () => Je(Yr) ?? Jr, Qr = 400, $r = (e) => {
 	if (!/^https?:\/\//i.test(e)) return !1;
 	try {
 		return !!new URL(e).hostname;
 	} catch {
 		return !1;
 	}
-}, Vr = ({ value: e, onChange: t }) => {
+}, ei = ({ value: e, onChange: t }) => {
 	let n = Xe(null), r = Xe(null), [i, a] = V(!1), [o, s] = V(e && /^https?:\/\//i.test(e) ? e : ""), c = X(), l = async (e) => {
 		let r = e.target.files?.[0];
 		if (r) try {
@@ -1966,9 +2095,9 @@ var Or = ({ nodeId: e, groupId: t }) => {
 									let i = n.target.value;
 									s(i), r.current && clearTimeout(r.current);
 									let a = i.trim();
-									!Br(a) || a === e || (r.current = setTimeout(() => {
+									!$r(a) || a === e || (r.current = setTimeout(() => {
 										t(a);
-									}, zr));
+									}, Qr));
 								},
 								onKeyDown: (e) => {
 									e.key === "Enter" && (e.preventDefault(), u());
@@ -1990,7 +2119,7 @@ var Or = ({ nodeId: e, groupId: t }) => {
 			})
 		]
 	});
-}, Hr = (e) => !!(e && "type" in e && e.type && qn.includes(e.type)), Ur = new Set(["radio", "checkbox"]), Wr = (e) => {
+}, ti = (e) => !!(e && "type" in e && e.type && qn.includes(e.type)), ni = new Set(["radio", "checkbox"]), ri = (e) => {
 	switch (e) {
 		case "number":
 		case "daterange":
@@ -2000,10 +2129,10 @@ var Or = ({ nodeId: e, groupId: t }) => {
 		case "checkbox": return [];
 		default: return "";
 	}
-}, Gr = (e) => e.replace(/^[a-z][\w+.-]*:\/\/[^/]+/i, "") || e, Kr = ({ nodeId: e, data: t }) => {
-	let [n, r] = V(!1), [a, o] = V(""), [s, c] = V(""), [l, p] = V(""), [m, h] = V(""), [g, _] = V(null), { language: v, headers: ee } = Y(), { updateNodeData: te } = $(), b = X(), x = t?.type;
-	if (!x) return null;
-	let S = Hr(t), C = S ? t.optionsSource?.url : void 0, w = C ?? (x === "http" ? t.httpConfig?.url : void 0), T = S ? t.options ?? [] : [], E = S, D = S, O = d({
+}, ii = (e) => e.replace(/^[a-z][\w+.-]*:\/\/[^/]+/i, "") || e, ai = ({ nodeId: e, data: t }) => {
+	let [n, r] = V(!1), [a, o] = V(""), [s, c] = V(""), [l, p] = V(""), [m, h] = V(""), [g, _] = V(null), { language: v, headers: ee } = Y(), { baseUrl: te } = Zr(), { updateNodeData: b } = $(), x = X(), S = t?.type;
+	if (!S) return null;
+	let C = ti(t), w = C ? t.optionsSource?.url : void 0, T = w ?? (S === "http" ? t.httpConfig?.url : void 0), E = C ? t.options ?? [] : [], D = C, O = C, ne = d({
 		data: t,
 		id: e,
 		position: {
@@ -2011,7 +2140,7 @@ var Or = ({ nodeId: e, groupId: t }) => {
 			y: 0
 		},
 		type: "input"
-	}), ne = {
+	}), re = {
 		data: {
 			...t,
 			name: void 0,
@@ -2023,46 +2152,47 @@ var Or = ({ nodeId: e, groupId: t }) => {
 			y: 0
 		},
 		type: "input"
-	}, re = () => {
+	}, k = () => {
 		o(""), c(""), p(""), h("");
-	}, k = (t) => {
+	}, A = (t) => {
 		t?.preventDefault();
 		let n = a.trim(), i = s.trim();
 		if (!(n || i)) return;
 		let o = m.trim(), c = {
 			label: { [v]: n },
 			value: i,
-			...E && l && { image: l },
-			...D && o && { description: { [v]: o } }
+			...D && l && { image: l },
+			...O && o && { description: { [v]: o } }
 		};
-		te(e, { options: g === null ? [...T, c] : T.map((e, t) => t === g ? c : e) }), re(), _(null), r(!1);
-	}, A = (e) => {
-		r(e), e || (re(), _(null));
+		b(e, { options: g === null ? [...E, c] : E.map((e, t) => t === g ? c : e) }), k(), _(null), r(!1);
 	}, se = (e) => {
-		let t = T[e];
-		t && (o(b(t.label) || ""), c(t.value || ""), p(t.image ?? ""), h(b(t.description) || ""), _(e), r(!0));
-	}, j = (t) => {
-		te(e, { options: T.filter((e, n) => n !== t) });
-	}, ue = (e) => {
-		e.key === "Enter" && (e.preventDefault(), k());
-	}, de = (e) => e.stopPropagation();
-	if (x === "hidden") {
-		let e = Zn(x), n = t.defaultValue?.type === "static" ? t.defaultValue.staticValue : void 0, r = t.defaultValue?.type === "reference" ? t.defaultValue.referenceField : void 0, i = Array.isArray(n) ? n.join(", ") : typeof n == "boolean" ? String(n) : n ?? (r ? `→ ${r}` : "");
+		r(e), e || (k(), _(null));
+	}, j = (e) => {
+		let t = E[e];
+		t && (o(x(t.label) || ""), c(t.value || ""), p(t.image ?? ""), h(x(t.description) || ""), _(e), r(!0));
+	}, ue = (t) => {
+		b(e, { options: E.filter((e, n) => n !== t) });
+	}, de = (e) => {
+		e.key === "Enter" && (e.preventDefault(), A());
+	}, fe = (e) => e.stopPropagation();
+	if (S === "hidden") {
+		let e = Zn(S), n = t.defaultValue?.type === "static" ? t.defaultValue.staticValue : void 0, r = t.defaultValue?.type === "reference" ? t.defaultValue.referenceField : void 0, i = Array.isArray(n) ? n.join(", ") : typeof n == "boolean" ? String(n) : n ?? (r ? `→ ${r}` : "");
 		return /* @__PURE__ */ W("div", {
 			className: "tg:pointer-events-none tg:flex tg:select-none tg:flex-col tg:gap-1 tg:text-sm",
 			children: [/* @__PURE__ */ W("div", {
 				className: "tg:flex tg:items-center tg:gap-1 tg:text-[10px] tg:text-muted-foreground tg:capitalize tg:[&>svg]:size-3",
-				children: [/* @__PURE__ */ U(e, {}), x]
+				children: [/* @__PURE__ */ U(e, {}), S]
 			}), /* @__PURE__ */ U("span", {
 				className: "tg:truncate tg:text-muted-foreground tg:text-xs",
 				children: i || "—"
 			})]
 		});
 	}
-	if (x === "submit") return /* @__PURE__ */ U("div", {
+	if (S === "submit") return /* @__PURE__ */ U("div", {
 		className: "tg:pointer-events-none tg:flex tg:select-none tg:justify-center",
 		children: /* @__PURE__ */ U(f, {
 			value: {
+				baseUrl: te,
 				headers: ee,
 				language: v,
 				optionsDisplayLimit: 10
@@ -2070,10 +2200,10 @@ var Or = ({ nodeId: e, groupId: t }) => {
 			children: /* @__PURE__ */ U(be, { label: i(t.label, v) || void 0 })
 		})
 	});
-	let fe = ge[x];
-	if (!fe) return null;
-	let M = i(t.helperText, v), pe = u(t, v), me = ({ option: e, index: t, variant: n }) => {
-		let r = String(e.value), i = b(e.label) || r;
+	let M = ge[S];
+	if (!M) return null;
+	let pe = i(t.helperText, v), me = u(t, v), he = ({ option: e, index: t, variant: n }) => {
+		let r = String(e.value), i = x(e.label) || r;
 		return /* @__PURE__ */ W(H, { children: [r && r !== i && n !== "card" && /* @__PURE__ */ U("span", {
 			className: "tg:pointer-events-none tg:absolute tg:top-1/2 tg:right-2 tg:max-w-18 tg:-translate-y-1/2 tg:truncate tg:text-[10px] tg:text-muted-foreground/60 tg:group-hover/option:hidden",
 			children: r
@@ -2083,53 +2213,54 @@ var Or = ({ nodeId: e, groupId: t }) => {
 				type: "button",
 				variant: "icon",
 				size: "icon-sm",
-				"aria-label": b("editor.inputNodeForm.editOption"),
+				"aria-label": x("editor.inputNodeForm.editOption"),
 				className: "tg:size-5",
 				onClick: (e) => {
-					e.preventDefault(), e.stopPropagation(), se(t);
+					e.preventDefault(), e.stopPropagation(), j(t);
 				},
 				children: /* @__PURE__ */ U(Vt, {})
 			}), /* @__PURE__ */ U(P, {
 				type: "button",
 				variant: "icon",
 				size: "icon-sm",
-				"aria-label": b("editor.inputNodeForm.deleteOption"),
+				"aria-label": x("editor.inputNodeForm.deleteOption"),
 				className: "tg:size-5 tg:hover:text-destructive",
 				onClick: (e) => {
-					e.preventDefault(), e.stopPropagation(), j(t);
+					e.preventDefault(), e.stopPropagation(), ue(t);
 				},
 				children: /* @__PURE__ */ U(Zt, {})
 			})]
 		})] });
-	}, he = S && !Ur.has(x) && !C;
+	}, _e = C && !ni.has(S) && !w;
 	return /* @__PURE__ */ W(H, { children: [
 		/* @__PURE__ */ U("div", {
 			className: "tg:pointer-events-none tg:flex tg:select-none tg:flex-col tg:gap-1 tg:[&_label:empty]:hidden",
 			children: /* @__PURE__ */ U(f, {
 				value: {
+					baseUrl: te,
 					headers: ee,
 					language: v,
 					optionsDisplayLimit: 10
 				},
-				children: /* @__PURE__ */ U(fe, {
+				children: /* @__PURE__ */ U(M, {
 					field: {
 						id: `${e}-preview`,
-						name: O,
-						placeholder: pe || void 0,
-						value: Wr(x)
+						name: ne,
+						placeholder: me || void 0,
+						value: ri(S)
 					},
 					extra: {
 						compactOptions: !0,
-						helperText: M || void 0,
+						helperText: pe || void 0,
 						missingDependencies: [],
-						node: ne,
-						renderOptionExtras: C ? void 0 : me,
+						node: re,
+						renderOptionExtras: w ? void 0 : he,
 						setValue: () => {}
 					}
-				}, x)
+				}, S)
 			})
 		}),
-		w && /* @__PURE__ */ U(y, { children: /* @__PURE__ */ W(ae, {
+		T && /* @__PURE__ */ U(y, { children: /* @__PURE__ */ W(ae, {
 			disableHoverableContent: !0,
 			children: [/* @__PURE__ */ U(oe, {
 				asChild: !0,
@@ -2137,18 +2268,18 @@ var Or = ({ nodeId: e, groupId: t }) => {
 					className: "nodrag nopan tg:my-1 tg:flex tg:items-center tg:gap-1 tg:text-muted-foreground tg:text-xs",
 					children: [/* @__PURE__ */ U(Ct, { className: "tg:size-3 tg:shrink-0" }), /* @__PURE__ */ U("span", {
 						className: "tg:truncate",
-						children: Gr(w)
+						children: ii(T)
 					})]
 				})
 			}), /* @__PURE__ */ U(Se, {
 				side: "bottom",
-				children: w
+				children: T
 			})]
 		}) }),
-		S && !C && /* @__PURE__ */ W("div", {
+		C && !w && /* @__PURE__ */ W("div", {
 			className: "nodrag nopan tg:my-1 tg:flex tg:flex-col tg:gap-0.5",
-			children: [he && T.map((e, t) => {
-				let n = b(e.label), r = n || e.value || "—", i = `${e.value || "opt"}-${t}`, a = !!e.value && !!n && n !== e.value;
+			children: [_e && E.map((e, t) => {
+				let n = x(e.label), r = n || e.value || "—", i = `${e.value || "opt"}-${t}`, a = !!e.value && !!n && n !== e.value;
 				return /* @__PURE__ */ W("div", {
 					className: "tg:group tg:flex tg:min-h-5 tg:items-center tg:gap-1 tg:text-muted-foreground tg:text-xs",
 					children: [
@@ -2166,20 +2297,20 @@ var Or = ({ nodeId: e, groupId: t }) => {
 								type: "button",
 								variant: "icon",
 								size: "icon-sm",
-								"aria-label": b("editor.inputNodeForm.editOption"),
+								"aria-label": x("editor.inputNodeForm.editOption"),
 								className: "tg:size-5",
 								onClick: (e) => {
-									e.stopPropagation(), se(t);
+									e.stopPropagation(), j(t);
 								},
 								children: /* @__PURE__ */ U(Vt, {})
 							}), /* @__PURE__ */ U(P, {
 								type: "button",
 								variant: "icon",
 								size: "icon-sm",
-								"aria-label": b("editor.inputNodeForm.deleteOption"),
+								"aria-label": x("editor.inputNodeForm.deleteOption"),
 								className: "tg:size-5 tg:hover:text-destructive",
 								onClick: (e) => {
-									e.stopPropagation(), j(t);
+									e.stopPropagation(), ue(t);
 								},
 								children: /* @__PURE__ */ U(Zt, {})
 							})]
@@ -2188,55 +2319,55 @@ var Or = ({ nodeId: e, groupId: t }) => {
 				}, i);
 			}), /* @__PURE__ */ W(ce, {
 				open: n,
-				onOpenChange: A,
+				onOpenChange: se,
 				children: [/* @__PURE__ */ U(ie, {
 					asChild: !0,
-					onClick: de,
+					onClick: fe,
 					children: /* @__PURE__ */ W(P, {
 						type: "button",
 						variant: "link",
 						size: "xs",
 						className: "tg:w-fit tg:p-0! tg:focus-visible:border-transparent! tg:focus-visible:ring-0!",
-						children: [/* @__PURE__ */ U(G, { className: "tg:size-3" }), b("editor.inputNodeForm.addOption")]
+						children: [/* @__PURE__ */ U(G, { className: "tg:size-3" }), x("editor.inputNodeForm.addOption")]
 					})
 				}), /* @__PURE__ */ U(le, {
 					align: "start",
 					className: "tg:w-80 tg:p-3",
-					onClick: de,
+					onClick: fe,
 					children: /* @__PURE__ */ W("form", {
-						onSubmit: k,
+						onSubmit: A,
 						className: "tg:flex tg:flex-col tg:gap-2",
 						children: [
 							/* @__PURE__ */ W("div", {
 								className: "tg:flex tg:items-start tg:gap-2",
 								children: [
-									E && /* @__PURE__ */ U(Vr, {
+									D && /* @__PURE__ */ U(ei, {
 										value: l,
 										onChange: p
 									}),
 									/* @__PURE__ */ U(N, {
 										id: `${e}-option-label`,
 										autoFocus: !0,
-										placeholder: b("editor.inputNodeForm.optionLabel"),
+										placeholder: x("editor.inputNodeForm.optionLabel"),
 										value: a,
 										onChange: (e) => o(e.target.value),
-										onKeyDown: ue
+										onKeyDown: de
 									}),
 									/* @__PURE__ */ U(N, {
 										id: `${e}-option-value`,
-										placeholder: b("editor.inputNodeForm.optionValue"),
+										placeholder: x("editor.inputNodeForm.optionValue"),
 										value: s,
 										onChange: (e) => c(e.target.value),
-										onKeyDown: ue
+										onKeyDown: de
 									})
 								]
 							}),
-							D && /* @__PURE__ */ U(N, {
+							O && /* @__PURE__ */ U(N, {
 								id: `${e}-option-description`,
-								placeholder: b("editor.inputNodeForm.optionDescription"),
+								placeholder: x("editor.inputNodeForm.optionDescription"),
 								value: m,
 								onChange: (e) => h(e.target.value),
-								onKeyDown: ue
+								onKeyDown: de
 							}),
 							/* @__PURE__ */ W("div", {
 								className: "tg:flex tg:gap-2",
@@ -2245,14 +2376,14 @@ var Or = ({ nodeId: e, groupId: t }) => {
 									variant: "outline",
 									size: "sm",
 									className: "tg:flex-1",
-									onClick: () => A(!1),
-									children: b("common.cancel")
+									onClick: () => se(!1),
+									children: x("common.cancel")
 								}), /* @__PURE__ */ U(P, {
 									type: "submit",
 									size: "sm",
 									className: "tg:flex-1",
 									disabled: !(a.trim() || s.trim()),
-									children: b(g === null ? "common.create" : "common.save")
+									children: x(g === null ? "common.create" : "common.save")
 								})]
 							})
 						]
@@ -2261,7 +2392,7 @@ var Or = ({ nodeId: e, groupId: t }) => {
 			})]
 		})
 	] });
-}, qr = ({ nodeId: e, label: t, placeholder: n, className: r, autoFocus: i }) => {
+}, oi = ({ nodeId: e, label: t, placeholder: n, className: r, autoFocus: i }) => {
 	let { language: a } = Y(), { updateNodeData: o, clearSelection: s } = $(), c = X(), l = Xe(null), u = t?.[a] ?? "", d = n || c("editor.treegeNode.labelPlaceholder");
 	return z(() => {
 		if (!i) return;
@@ -2285,7 +2416,7 @@ var Or = ({ nodeId: e, groupId: t }) => {
 		},
 		className: I("nodrag nopan tg:w-full tg:truncate tg:bg-transparent tg:outline-none tg:placeholder:text-muted-foreground/40", r)
 	});
-}, Jr = ({ nodeId: e, className: t }) => {
+}, si = ({ nodeId: e, className: t }) => {
 	let { selectNode: n } = $(), { setIsNodeSheetOpen: r, openDeleteNodeConfirmation: i } = Y(), a = X(), o = (e) => e.stopPropagation();
 	return /* @__PURE__ */ W(Qn, {
 		modal: !1,
@@ -2321,7 +2452,7 @@ var Or = ({ nodeId: e, groupId: t }) => {
 			]
 		})]
 	});
-}, Yr = ({ nodeId: e, required: t }) => {
+}, ci = ({ nodeId: e, required: t }) => {
 	let { updateNodeData: n } = $(), r = X();
 	return /* @__PURE__ */ U(y, { children: /* @__PURE__ */ W(ae, {
 		disableHoverableContent: !0,
@@ -2342,12 +2473,12 @@ var Or = ({ nodeId: e, groupId: t }) => {
 			children: r(t ? "editor.inputNodeForm.required" : "editor.inputNodeForm.optional")
 		})]
 	}) });
-}, Xr = (e) => Symbol.iterator in e, Zr = (e) => "entries" in e, Qr = (e, t) => {
+}, li = (e) => Symbol.iterator in e, ui = (e) => "entries" in e, di = (e, t) => {
 	let n = e instanceof Map ? e : new Map(e.entries()), r = t instanceof Map ? t : new Map(t.entries());
 	if (n.size !== r.size) return !1;
 	for (let [e, t] of n) if (!r.has(e) || !Object.is(t, r.get(e))) return !1;
 	return !0;
-}, $r = (e, t) => {
+}, fi = (e, t) => {
 	let n = e[Symbol.iterator](), r = t[Symbol.iterator](), i = n.next(), a = r.next();
 	for (; !i.done && !a.done;) {
 		if (!Object.is(i.value, a.value)) return !1;
@@ -2355,21 +2486,21 @@ var Or = ({ nodeId: e, groupId: t }) => {
 	}
 	return !!i.done && !!a.done;
 };
-function ei(e, t) {
-	return Object.is(e, t) ? !0 : typeof e != "object" || !e || typeof t != "object" || !t || Object.getPrototypeOf(e) !== Object.getPrototypeOf(t) ? !1 : Xr(e) && Xr(t) ? Zr(e) && Zr(t) ? Qr(e, t) : $r(e, t) : Qr({ entries: () => Object.entries(e) }, { entries: () => Object.entries(t) });
+function pi(e, t) {
+	return Object.is(e, t) ? !0 : typeof e != "object" || !e || typeof t != "object" || !t || Object.getPrototypeOf(e) !== Object.getPrototypeOf(t) ? !1 : li(e) && li(t) ? ui(e) && ui(t) ? di(e, t) : fi(e, t) : di({ entries: () => Object.entries(e) }, { entries: () => Object.entries(t) });
 }
 //#endregion
 //#region node_modules/zustand/esm/react/shallow.mjs
-function ti(e) {
+function mi(e) {
 	let t = Ge.useRef(void 0);
 	return (n) => {
 		let r = e(n);
-		return ei(t.current, r) ? t.current : t.current = r;
+		return pi(t.current, r) ? t.current : t.current = r;
 	};
 }
 //#endregion
 //#region src/editor/hooks/useStackPosition.ts
-var ni = (e) => He(ti((t) => {
+var hi = (e) => He(mi((t) => {
 	let n = Fn(t.edges).get(e) ?? "single";
 	return {
 		isStackHead: n === "first" || n === "single",
@@ -2378,8 +2509,8 @@ var ni = (e) => He(ti((t) => {
 		isStackTail: n === "last" || n === "single",
 		position: n
 	};
-})), ri = ({ nodeId: e, selected: t }) => {
-	let { position: n, isStackSingle: r } = ni(e), { moveStackNodeUp: i, moveStackNodeDown: a } = br(), o = X(), { isDecision: s, isSuccessorDecision: c } = He(ti((t) => {
+})), gi = ({ nodeId: e, selected: t }) => {
+	let { position: n, isStackSingle: r } = hi(e), { moveStackNodeUp: i, moveStackNodeDown: a } = br(), o = X(), { isDecision: s, isSuccessorDecision: c } = He(mi((t) => {
 		let n = t.edges.filter((t) => t.source === e), r = n.length === 1 ? n[0].target : null, i = r ? t.edges.filter((e) => e.source === r).length : 0;
 		return {
 			isDecision: n.length > 1,
@@ -2436,7 +2567,7 @@ var ni = (e) => He(ti((t) => {
 			})]
 		})
 	}) : null;
-}, ii = Object.values(Z), ai = Object.values(Jn), oi = ({ nodeId: e, nodeType: t, subType: n }) => {
+}, _i = Object.values(Z), vi = Object.values(Jn), yi = ({ nodeId: e, nodeType: t, subType: n }) => {
 	let { updateNodeType: r } = $(), { getEdges: i } = Ve(), { openNodeTypeChangeConfirmation: o } = Y(), s = X(), c = (e) => e.stopPropagation(), l = n || t, u = l, d = Zn(l), f = (t, n) => {
 		let s = i().filter((t) => t.source === e).length;
 		if (t === a.ui && s > 1) {
@@ -2466,7 +2597,7 @@ var ni = (e) => He(ti((t) => {
 		className: "treege-scrollbar tg:max-h-80",
 		onClick: c,
 		children: [
-			/* @__PURE__ */ W(tr, { children: [/* @__PURE__ */ U(ir, { children: s("editor.selectNodeType.options.input") }), ii.map((e) => {
+			/* @__PURE__ */ W(tr, { children: [/* @__PURE__ */ U(ir, { children: s("editor.selectNodeType.options.input") }), _i.map((e) => {
 				let r = Zn(e);
 				return /* @__PURE__ */ W(Q, {
 					onClick: () => f(a.input, e),
@@ -2475,7 +2606,7 @@ var ni = (e) => He(ti((t) => {
 				}, e);
 			})] }),
 			/* @__PURE__ */ U(ar, {}),
-			/* @__PURE__ */ W(tr, { children: [/* @__PURE__ */ U(ir, { children: s("editor.selectNodeType.options.ui") }), ai.map((e) => {
+			/* @__PURE__ */ W(tr, { children: [/* @__PURE__ */ U(ir, { children: s("editor.selectNodeType.options.ui") }), vi.map((e) => {
 				let r = Zn(e);
 				return /* @__PURE__ */ W(Q, {
 					onClick: () => f(a.ui, e),
@@ -2485,20 +2616,20 @@ var ni = (e) => He(ti((t) => {
 			})] })
 		]
 	})] });
-}, si = {
+}, bi = {
 	first: "tg:rounded-t-lg tg:rounded-b-none",
 	last: "tg:rounded-b-lg tg:rounded-t-none",
 	middle: "tg:rounded-none",
 	single: "tg:rounded-lg"
-}, ci = ({ children: e, isSubmit: t, stackPosition: n = "single" }) => {
+}, xi = ({ children: e, isSubmit: t, stackPosition: n = "single" }) => {
 	let r = n === "middle" || n === "last";
 	return /* @__PURE__ */ U("div", {
-		className: I("react-flow__node__wrapper tg:group tg:relative", si[n], r && "stacked", t && "submit-type"),
+		className: I("react-flow__node__wrapper tg:group tg:relative", bi[n], r && "stacked", t && "submit-type"),
 		children: e
 	});
-}, li = qe((e) => {
-	let { id: t, isConnectable: n, parentId: r, selected: i, type: a } = e, { position: o, isStackHead: s, isStackTail: c } = ni(t), l = Le((e) => e.inProgress), u = He((e) => e.nodes.filter((e) => e.selected).length > 1), d = e.type === "input" ? e.data : void 0, f = e.type === "ui" ? e.data : void 0, p = d?.type ?? f?.type, m = d?.type === "submit", h = i && !u, g = m || u, _ = !c;
-	return /* @__PURE__ */ W(ci, {
+}, Si = qe((e) => {
+	let { id: t, isConnectable: n, parentId: r, selected: i, type: a } = e, { position: o, isStackHead: s, isStackTail: c } = hi(t), l = Le((e) => e.inProgress), u = He((e) => e.nodes.filter((e) => e.selected).length > 1), d = e.type === "input" ? e.data : void 0, f = e.type === "ui" ? e.data : void 0, p = d?.type ?? f?.type, m = d?.type === "submit", h = i && !u, g = m || u, _ = !c;
+	return /* @__PURE__ */ W(xi, {
 		isSubmit: m,
 		stackPosition: o,
 		children: [
@@ -2514,7 +2645,7 @@ var ni = (e) => He(ti((t) => {
 				className: "tg:mb-1 tg:flex tg:items-center tg:justify-between tg:gap-1",
 				children: [/* @__PURE__ */ W("div", {
 					className: "tg:flex tg:flex-wrap tg:gap-1",
-					children: [/* @__PURE__ */ U(oi, {
+					children: [/* @__PURE__ */ U(yi, {
 						nodeId: t,
 						nodeType: a,
 						subType: p
@@ -2524,23 +2655,23 @@ var ni = (e) => He(ti((t) => {
 					})]
 				}), /* @__PURE__ */ W("div", {
 					className: "tg:flex tg:min-h-6 tg:items-center tg:gap-0.5",
-					children: [d && !m && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(Yr, {
+					children: [d && !m && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(ci, {
 						nodeId: t,
 						required: d.required
 					}), /* @__PURE__ */ U(Rr, {
 						nodeId: t,
 						image: d.image
-					})] }), /* @__PURE__ */ U(Jr, { nodeId: t })]
+					})] }), /* @__PURE__ */ U(si, { nodeId: t })]
 				})]
 			}),
-			/* @__PURE__ */ U(qr, {
+			/* @__PURE__ */ U(oi, {
 				nodeId: t,
 				label: e.data?.label,
 				placeholder: d?.name,
 				autoFocus: h,
 				className: I("tg:py-1", a === "ui" && "tg:capitalize")
 			}),
-			/* @__PURE__ */ U(Kr, {
+			/* @__PURE__ */ U(ai, {
 				nodeId: t,
 				data: d
 			}),
@@ -2551,146 +2682,17 @@ var ni = (e) => He(ti((t) => {
 				canBranch: !!d && !m,
 				isJunction: _
 			}),
-			/* @__PURE__ */ U(ri, {
+			/* @__PURE__ */ U(gi, {
 				nodeId: t,
 				selected: i
 			})
 		]
 	});
-}), ui = {
+}), Ci = {
 	[a.group]: () => null,
-	[a.input]: li,
-	[a.ui]: li
-}, di = [
-	{
-		key: "get",
-		method: "GET"
-	},
-	{
-		key: "post",
-		method: "POST"
-	},
-	{
-		key: "put",
-		method: "PUT"
-	},
-	{
-		key: "delete",
-		method: "DELETE"
-	},
-	{
-		key: "patch",
-		method: "PATCH"
-	}
-], fi = (e) => {
-	if (!e || typeof e != "object") return !1;
-	let t = e;
-	return typeof t.openapi != "string" || !t.openapi.startsWith("3.") ? !1 : !!(t.paths && typeof t.paths == "object");
-}, pi = (e) => e.startsWith("{"), mi = async (e) => {
-	let t = await fetch(e);
-	if (!t.ok) throw Error(`HTTP ${t.status} ${t.statusText}`);
-	return t.json();
-}, hi = (e) => pi(e) ? Promise.resolve(JSON.parse(e)) : mi(e), gi = async (e) => {
-	let t = e.trim();
-	if (!t) throw Error("Empty input");
-	let n = await hi(t);
-	if (!fi(n)) throw Error("Not a valid OpenAPI 3.x document");
-	return n;
-}, _i = (e) => {
-	let t = [];
-	for (let [n, r] of Object.entries(e.paths ?? {})) if (r) for (let { key: e, method: i } of di) {
-		let a = r[e];
-		a && t.push({
-			method: i,
-			operationId: a.operationId,
-			path: n,
-			summary: a.summary
-		});
-	}
-	return t;
-}, vi = (e) => (e.servers?.[0]?.url ?? "").replace(/\/$/, ""), yi = (e) => {
-	let t = e.components?.securitySchemes ?? {}, n = [];
-	for (let [e, r] of Object.entries(t)) {
-		if (!r || typeof r != "object") continue;
-		let t = r;
-		if (t.type === "http" && t.scheme === "bearer") n.push({
-			name: e,
-			scheme: {
-				bearerFormat: typeof t.bearerFormat == "string" ? t.bearerFormat : void 0,
-				description: typeof t.description == "string" ? t.description : void 0,
-				scheme: "bearer",
-				type: "http"
-			}
-		});
-		else if (t.type === "apiKey" && t.in === "header" && typeof t.name == "string") n.push({
-			name: e,
-			scheme: {
-				description: typeof t.description == "string" ? t.description : void 0,
-				in: "header",
-				name: t.name,
-				type: "apiKey"
-			}
-		});
-		else if (t.type === "oauth2" && t.flows && typeof t.flows == "object") {
-			let r = t.flows.password;
-			r && typeof r.tokenUrl == "string" && n.push({
-				name: e,
-				scheme: {
-					description: typeof t.description == "string" ? t.description : void 0,
-					tokenUrl: r.tokenUrl,
-					type: "oauth2"
-				}
-			});
-		}
-	}
-	return n;
-}, bi = {
-	baseUrl: "",
-	baseUrlOverride: "",
-	document: null,
-	lastSourceInput: null,
-	routes: [],
-	setBaseUrlOverride: () => {},
-	setDocument: () => {},
-	setLastSourceInput: () => {}
-}, xi = Ke(null), Si = ({ children: e, initialDocument: t, initialBaseUrl: n }) => {
-	let [r, i] = V(typeof t == "object" ? t ?? null : null), [a, o] = V(n ?? ""), [s, c] = V(typeof t == "string" ? {
-		mode: "url",
-		value: t
-	} : null), l = B(() => r ? _i(r) : [], [r]), u = B(() => a.trim().replace(/\/$/, "") || (r ? vi(r) : ""), [r, a]), d = B(() => ({
-		baseUrl: u,
-		baseUrlOverride: a,
-		document: r,
-		lastSourceInput: s,
-		routes: l,
-		setBaseUrlOverride: o,
-		setDocument: i,
-		setLastSourceInput: c
-	}), [
-		u,
-		a,
-		r,
-		s,
-		l
-	]);
-	return z(() => {
-		if (typeof t != "string") return;
-		let e = t, n = !1;
-		return gi(e).then((t) => {
-			n || (i(t), c({
-				mode: "url",
-				value: e
-			}));
-		}).catch((e) => {
-			n || J.error(e instanceof Error ? e.message : String(e));
-		}), () => {
-			n = !0;
-		};
-	}, [t]), /* @__PURE__ */ U(xi.Provider, {
-		value: d,
-		children: e
-	});
-}, Ci = () => Je(xi) ?? bi, wi = ({ show: e, onToggle: t }) => /* @__PURE__ */ U(Ee, {
+	[a.input]: Si,
+	[a.ui]: Si
+}, wi = ({ show: e, onToggle: t }) => /* @__PURE__ */ U(Ee, {
 	onClick: t,
 	title: e ? "Hide minimap" : "Show minimap",
 	children: U(e ? Lt : It, {})
@@ -2939,7 +2941,7 @@ var ni = (e) => He(ti((t) => {
 	if (!s.access_token) throw Error("Token endpoint did not return an access_token");
 	return ["Authorization", `${s.token_type ? `${s.token_type[0].toUpperCase()}${s.token_type.slice(1).toLowerCase()}` : "Bearer"} ${s.access_token}`];
 }, zi = ({ open: e, onOpenChange: t, onAuthorize: n }) => {
-	let [r, i] = V({}), [a, o] = V(!1), { document: s, baseUrl: c } = Ci(), l = X(), u = B(() => s ? yi(s) : [], [s]), d = (e, t) => t ? `${e}:${t}` : e;
+	let [r, i] = V({}), [a, o] = V(!1), { document: s, baseUrl: c } = Zr(), l = X(), u = B(() => s ? qr(s) : [], [s]), d = (e, t) => t ? `${e}:${t}` : e;
 	return z(() => {
 		e && i({});
 	}, [e]), /* @__PURE__ */ U(v, {
@@ -3141,7 +3143,7 @@ var ni = (e) => He(ti((t) => {
 		})
 	});
 }, Wi = ({ open: e, onOpenChange: t }) => {
-	let [n, r] = V("url"), [i, a] = V(""), [o, s] = V(""), [c, l] = V(""), [u, d] = V(!1), { document: f, baseUrlOverride: p, lastSourceInput: m, setDocument: h, setBaseUrlOverride: g, setLastSourceInput: _ } = Ci(), y = X();
+	let [n, r] = V("url"), [i, a] = V(""), [o, s] = V(""), [c, l] = V(""), [u, d] = V(!1), { document: f, baseUrlOverride: p, lastSourceInput: m, setDocument: h, setBaseUrlOverride: g, setLastSourceInput: _ } = Zr(), y = X();
 	return z(() => {
 		e && (l(p), m ? (r(m.mode), a(m.mode === "url" ? m.value : ""), s(m.mode === "json" ? m.value : "")) : (r("url"), a(""), s("")));
 	}, [
@@ -3233,7 +3235,7 @@ var ni = (e) => He(ti((t) => {
 							}
 							d(!0);
 							try {
-								h(await gi(e)), g(c.trim()), _({
+								h(await Wr(e)), g(c.trim()), _({
 									mode: n,
 									value: e
 								}), J.success(y("editor.openApiDialog.loadSuccess")), t(!1);
@@ -3527,7 +3529,7 @@ var ea = ({ aiConfig: e, onGenerate: t }) => {
 	it: "it",
 	pt: "pt"
 }, sa = dr(), ca = ({ onExportJson: e, onSave: t, extraMenuItems: n, onAuthorize: r, headers: i, onHeadersChange: a }) => {
-	let [o, s] = V(!1), [c, l] = V(!1), [u, d] = V(!1), [f, p] = V(!1), { flowId: m, setFlowId: h, aiConfig: g, language: _, setLanguage: v } = Y(), { document: y } = Ci(), { setNodes: ee, setEdges: te, addNodes: b, screenToFlowPosition: x } = Ve(), S = Object.keys(i ?? {}).length > 0, C = m || sa, w = ze(), T = Re(), E = Xe(null), D = !!y && !f, O = X(), ne = () => {
+	let [o, s] = V(!1), [c, l] = V(!1), [u, d] = V(!1), [f, p] = V(!1), { flowId: m, setFlowId: h, aiConfig: g, language: _, setLanguage: v } = Y(), { document: y } = Zr(), { setNodes: ee, setEdges: te, addNodes: b, screenToFlowPosition: x } = Ve(), S = Object.keys(i ?? {}).length > 0, C = m || sa, w = ze(), T = Re(), E = Xe(null), D = !!y && !f, O = X(), ne = () => {
 		let e = (window.innerWidth || 0) / 2, t = (window.innerHeight || 0) / 2, n = parseInt(getComputedStyle(document.documentElement).getPropertyValue("--node-width"), 10), r = parseInt(getComputedStyle(document.documentElement).getPropertyValue("--node-height"), 10), i = x({
 			x: e - n,
 			y: t - r
@@ -4016,7 +4018,7 @@ var ea = ({ aiConfig: e, onGenerate: t }) => {
 	for (let [e, t] of Object.entries(r)) if (i.push(e), typeof t == "object" && t && !Array.isArray(t)) for (let n of Object.keys(t)) i.push(`${e}.${n}`);
 	return i;
 }, xa = ({ request: e, mapping: r, onMappingChange: i, showOptionalFields: a = !1 }) => {
-	let [o, s] = V(!1), [u, d] = V([]), [f, p] = V(null), { headers: m } = Y(), { baseUrl: h } = Ci(), { url: g, method: _ = "GET", headers: v, queryParams: y, body: ee, responsePath: te = "" } = e, b = X(), C = B(() => u.map((e) => ({
+	let [o, s] = V(!1), [u, d] = V([]), [f, p] = V(null), { headers: m } = Y(), { baseUrl: h } = Zr(), { url: g, method: _ = "GET", headers: v, queryParams: y, body: ee, responsePath: te = "" } = e, b = X(), C = B(() => u.map((e) => ({
 		label: e,
 		value: e
 	})), [u]), T = B(() => {
@@ -4143,7 +4145,7 @@ var ea = ({ aiConfig: e, onGenerate: t }) => {
 	POST: "tg:bg-green-500/15 tg:text-green-700 dark:tg:text-green-300",
 	PUT: "tg:bg-amber-500/15 tg:text-amber-700 dark:tg:text-amber-300"
 }, wa = /^(https?:)?\/\//i, Ta = ({ value: e, onChange: t, placeholder: n, children: r, ...i }) => {
-	let [a, o] = V(!1), { baseUrl: s, routes: c } = Ci(), l = X(), u = (e, n) => {
+	let [a, o] = V(!1), { baseUrl: s, routes: c } = Zr(), l = X(), u = (e, n) => {
 		t(e.startsWith("/") ? e : `/${e}`, n), o(!1);
 	}, d = !!s && e.startsWith(s), f = !!s && (d || !wa.test(e)), p = () => {
 		if (d) {
@@ -4844,7 +4846,7 @@ var ea = ({ aiConfig: e, onGenerate: t }) => {
 		]
 	});
 }, ja = "#/components/schemas/", Ma = (e, t) => {
-	let n = vi(e), r = n && t.startsWith(n) ? t.slice(n.length) : t;
+	let n = Kr(e), r = n && t.startsWith(n) ? t.slice(n.length) : t;
 	return r.startsWith("/") ? r : `/${r}`;
 }, Na = (e, t) => t.startsWith(ja) ? e.components?.schemas?.[t.slice(21)] : void 0, Pa = (e, t, n) => {
 	if (!t) return;
@@ -4877,7 +4879,7 @@ var ea = ({ aiConfig: e, onGenerate: t }) => {
 	"PUT",
 	"PATCH"
 ], La = ({ value: e, onChange: t }) => {
-	let [n, r] = V("en"), { selectedNode: i } = Sr(), a = X(), o = jn(i?.id), { document: s } = Ci(), { Field: c, Subscribe: l, setFieldValue: u } = Ze({
+	let [n, r] = V("en"), { selectedNode: i } = Sr(), a = X(), o = jn(i?.id), { document: s } = Zr(), { Field: c, Subscribe: l, setFieldValue: u } = Ze({
 		defaultValues: {
 			errorMessage: e?.errorMessage || { en: "" },
 			headers: Bi(e?.headers),
@@ -5378,7 +5380,7 @@ function Ua({ ...e }) {
 //#endregion
 //#region src/editor/features/TreegeEditor/forms/InputNodeForm.tsx
 var Wa = (e) => Object.values(oa).includes(e), Ga = () => {
-	let { language: e } = Y(), [t, n] = V(Wa(e) ? e : "en"), { selectedNode: r } = Sr(), { updateSelectedNodeData: i } = $(), a = Hr(r?.data), o = jn(r?.id), s = X(), c = r?.data?.type === "submit", l = r?.data?.type === "hidden", { handleSubmit: u, Field: d, Subscribe: f } = Ze({
+	let { language: e } = Y(), [t, n] = V(Wa(e) ? e : "en"), { selectedNode: r } = Sr(), { updateSelectedNodeData: i } = $(), a = ti(r?.data), o = jn(r?.id), s = X(), c = r?.data?.type === "submit", l = r?.data?.type === "hidden", { handleSubmit: u, Field: d, Subscribe: f } = Ze({
 		defaultValues: {
 			defaultValue: r?.data?.defaultValue,
 			disablePast: r?.data?.disablePast,
@@ -5622,7 +5624,7 @@ var Wa = (e) => Object.values(oa).includes(e), Ga = () => {
 														children: [
 															/* @__PURE__ */ U(d, {
 																name: `options[${r}].image`,
-																children: (e) => /* @__PURE__ */ U(Vr, {
+																children: (e) => /* @__PURE__ */ U(ei, {
 																	value: e.state.value,
 																	onChange: (t) => e.handleChange(t)
 																})
@@ -6328,7 +6330,7 @@ var io = () => {
 			colorMode: r,
 			selectNodesOnDrag: !1,
 			nodesDraggable: !1,
-			nodeTypes: ui,
+			nodeTypes: Ci,
 			edgeTypes: Kn,
 			defaultEdges: e?.edges || [],
 			defaultNodes: e?.nodes || [],
@@ -6386,7 +6388,7 @@ var io = () => {
 				language: v,
 				setLanguage: y
 			},
-			children: /* @__PURE__ */ U(Si, {
+			children: /* @__PURE__ */ U(Xr, {
 				initialDocument: o,
 				initialBaseUrl: s,
 				children: /* @__PURE__ */ U(Pe, { children: /* @__PURE__ */ U(lo, {

package/dist/editor.js

@@ -1,3 +1,3 @@
-import { t as e } from "./editor-CkCA6_WX.js";
+import { t as e } from "./editor-Dy_Ul5Mu.js";
 import { n as t, t as n } from "./ThemeContext-BGeTYtnw.js";
 export { n as ThemeProvider, e as TreegeEditor, t as useTheme };

package/dist/main.js

@@ -1,4 +1,4 @@
-import { t as e } from "./editor-CkCA6_WX.js";
+import { t as e } from "./editor-Dy_Ul5Mu.js";
 import { A as t, B as n, I as r, L as i, R as a, a as o, c as s, g as c, h as l, i as u, k as d, l as f, m as p, n as m, o as h, r as g, s as _, t as v, z as y } from "./ThemeContext-BGeTYtnw.js";
 import { C as b, S as x, _ as S, a as C, b as w, c as T, d as E, g as D, h as O, i as k, m as A, n as j, o as M, r as N, u as P, v as F, x as I, y as L } from "./DefaultSubmitButton-C_141kVj.js";
 import { a as R, c as z, i as B, l as V, n as H, o as U, r as W, s as G } from "./useRenderNode-eqCek6JX.js";

package/package.json

@@ -2,7 +2,7 @@
   "name": "treege",
   "description": "Powerful form generator",
   "license": "ISC",
-  "version": "3.0.0-beta.71",
+  "version": "3.0.0-beta.72",
   "type": "module",
   "types": "./dist/main.d.ts",
   "module": "./dist/main.js",