@sheetxl/scripting-mui 0.7.23-beta.2

package/browser/esm/index.mjs

@@ -0,0 +1,927 @@
+/**
+* @license @sheetxl/scripting-mui - Scripting MUI - MUI script workspace, toolbar and run-script plugin for SheetXL. - v0.7.23-beta.2
+*
+* (C) 2026-present SheetXL Inc. & Michael T. Ford
+* License: The license can be found at https://www.sheetxl.com/license.
+*/
+import e, { createElement as t, forwardRef as n, memo as r, useCallback as i, useEffect as a, useMemo as o, useReducer as s, useRef as c, useState as l } from "react";
+import { Box as u, Button as d, CircularProgress as f, Paper as p, Typography as m, useTheme as h } from "@mui/material";
+import { Command as g, CommandButtonType as _, DefaultCommandButtonRegistry as v, DefaultIconService as y, DynamicIcon as b, KeyCodes as x, ReactUtils as S, useCallbackRef as C, useCommandButtonEntry as w, useCommands as T, useImperativeElement as E, useTranslator as D } from "@sheetxl/utils-react";
+import { AnimatedLoadingPanel as ee, CommandButton as O, CommandPopupButton as k, CommandToolbar as A, ExhibitDivider as j, ExhibitMenuItem as M, OverflowPalette as N, defaultCreatePopupPanel as P, raisedSurface as F } from "@sheetxl/utils-mui";
+import { DefaultTaskPaneRegistry as I, InputClipboardInjector as L, useWorkbook as R } from "@sheetxl/react";
+import { Fragment as z, jsx as B, jsxs as V } from "react/jsx-runtime";
+import { alpha as H } from "@mui/system";
+import { ChainedError as U } from "@sheetxl/utils";
+import { ScriptEditor as te, ScriptingReactPlugin as ne } from "@sheetxl/scripting-react";
+function W(e) {
+	var t, n, r = "";
+	if (typeof e == "string" || typeof e == "number") r += e;
+	else if (typeof e == "object") if (Array.isArray(e)) {
+		var i = e.length;
+		for (t = 0; t < i; t++) e[t] && (n = W(e[t])) && (r && (r += " "), r += n);
+	} else for (n in e) e[n] && (r && (r += " "), r += n);
+	return r;
+}
+function G() {
+	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = W(e)) && (r && (r += " "), r += t);
+	return r;
+}
+var re = {
+	"insertFunction.fallbackLabel": "Function",
+	"insertFunction.insertNamed": "Insert {name}",
+	"runScript.executeNamed": "Execute {name}",
+	"runScript.fallbackLabel": "Macro",
+	"templateSelect.blankSummary": "Start with an empty script.",
+	"templateSelect.blankTitle": "Blank Template...",
+	"templateSelect.errorTitle": "Error loading Templates",
+	"templateSelect.intro": "Choose from a template to provide a starting point to automate tasks or create user defined functions.",
+	"templateSelect.intro2": "Templates provide a foundation to customize and meet your specific needs.",
+	"templateSelect.loadFailed": "Failed to load scripts",
+	"templateSelect.title": "Script Template",
+	"templateSelect.untitled": "Untitled"
+}, { DefaultCommandCatalogService: ie } = g, K = !1;
+function q() {
+	K || (K = !0, ie.registerFromManifest("@sheetxl/scripting-mui", import.meta.url, { messages: re }));
+}
+q();
+var J = r(n((e, n) => {
+	let { groupKey: r, ...i } = e, o = R(), s = D(), [c, d] = l([]), [f, p] = l(!1);
+	a(() => {
+		let e = o?.getScripts();
+		e && (async () => {
+			p(!0);
+			let t = await e.searchFunctions({ type: "macro" });
+			d(t), p(!1);
+		})();
+	}, [o]);
+	let m = {
+		variant: _.Menuitem,
+		groupKey: "scriptsOptions",
+		shortcut: void 0
+	}, h = [], g = c ? c.length : 0;
+	for (let e = 0; e < g; e++) {
+		let t = c[e];
+		h.push(B(O, {
+			...m,
+			commandKey: "executeScript",
+			commandState: { declaration: t },
+			propsTooltip: { description: s("runScript.executeNamed", { name: t.getName() ?? s("runScript.fallbackLabel") }) },
+			icon: B(b, { iconKey: "ScriptMacro" }),
+			label: t.getName() ?? s("runScript.fallbackLabel")
+		}, `macro-${t.getName()}-${e}`));
+	}
+	let v = V(u, {
+		ref: n,
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			flex: "1 1 100%",
+			overflow: "hidden"
+		},
+		children: [h.length > 0 ? V(z, { children: [B(u, {
+			sx: {
+				overflow: "auto",
+				flex: "1 1 100%"
+			},
+			children: h
+		}), B(j, { orientation: "horizontal" })] }) : null, t(O, {
+			...m,
+			key: "show-editor",
+			commandKey: "showScriptEditor"
+		})]
+	});
+	return P({
+		...i,
+		children: v
+	});
+}));
+J.displayName = "RunScriptPopupPanel";
+var ae = r(n((e, t) => {
+	let { groupKey: n, disabled: r, ...a } = e, o = T(["showScriptEditor"])[0], s = w("scriptsOptions");
+	return B(k, {
+		ref: t,
+		disabled: r,
+		createPopupPanel: i((e) => {
+			let t = B(J, {
+				disabled: r,
+				groupKey: n,
+				...e
+			});
+			return P({
+				...e,
+				children: t
+			});
+		}, [r, n]),
+		selected: o?.getState(),
+		label: s?.getLabel?.(),
+		tooltip: s?.getDescription?.(),
+		quickCommand: "showScriptEditor",
+		...a
+	});
+})), oe = "https://unpkg.com/@sheetxl/scripting-templates/dist", se = (e, t) => {
+	try {
+		return new URL(t).href;
+	} catch {}
+	if (t.startsWith("/") || /^[a-zA-Z]:/.test(t)) return t;
+	let n = e.startsWith("http") ? e : `file:///${e.replace(/\\/g, "/")}`;
+	return n.endsWith("/") || (n += "/"), new URL(t, n).href;
+}, ce = (e) => {
+	if (e.metadata?.name) return e.metadata.name;
+	let t = (e.path.split("/").pop() || "").replace(/\.[^/.]+$/, "");
+	return e.metadata?.icon === "formula" ? t.toUpperCase() : (t = t.replace(/([a-z])([A-Z])/g, "$1 $2"), t.replace(/[-_]/g, " ").trim().split(/\s+/).map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" "));
+}, le = async (e) => {
+	let t = se(e, "./manifest.json"), n = await fetch(t);
+	if (!n.ok) throw new U(`Failed to retrieve directory at '${e}': ${n.statusText}`);
+	let r = await n.text();
+	if (r.trim().toLowerCase().startsWith("<!doctype html") || r.trim().toLowerCase().startsWith("<html")) throw new U(`Failed to retrieve directory at '${e}'`);
+	let i;
+	try {
+		i = JSON.parse(r);
+	} catch (e) {
+		throw Error(`Failed to parse directory: ${e.message}. Ensure the file is valid JSON.`);
+	}
+	let a = i.map(async (t) => {
+		try {
+			let n = se(e, t.path), r = await fetch(n);
+			if (!r.ok) throw Error(`Failed to fetch file at '${t.path}': ${r.statusText}`);
+			let i = await r.text(), a = t.metadata;
+			return a?.title || (a = {
+				title: ce(t),
+				...a
+			}), {
+				path: t.path,
+				content: i,
+				metadata: a
+			};
+		} catch (e) {
+			console.error(e.message);
+		}
+		return null;
+	});
+	return (await Promise.all(a)).filter((e) => e !== null);
+}, Y = { marginRight: "4px" }, X = "1em", ue = r((e) => {
+	let { disabled: t, snippet: n, description: r, handleInsert: i, sx: a, ...o } = e, s, c = n.metadata?.icon;
+	return s = B(b, c === "formula" ? {
+		iconKey: "ScriptFormula",
+		size: X,
+		style: Y
+	} : c === "macro" ? {
+		iconKey: "ScriptMacro",
+		size: X,
+		style: Y
+	} : {
+		iconKey: "ScriptAutoRun",
+		size: X,
+		style: Y
+	}), B(M, {
+		sx: {
+			maxWidth: "460px",
+			display: "flex",
+			"*": { lineHeight: "1.2" },
+			...a
+		},
+		disabled: t,
+		icon: s,
+		onMouseDown: (e) => {
+			e.button === 0 && e.preventDefault();
+		},
+		onMouseUp: (e) => {
+			e.button === 0 && i(n);
+		},
+		onKeyDown: (e) => {
+			e.keyCode !== x.Enter && e.keyCode !== x.Space || i(n);
+		},
+		...o,
+		children: V(u, {
+			sx: {
+				display: "flex",
+				flex: "1 1 100%",
+				flexDirection: "column",
+				overflow: "hidden"
+			},
+			children: [B(m, {
+				component: "div",
+				children: n.metadata?.title ?? n.path
+			}), B(m, {
+				variant: "caption",
+				component: "div",
+				sx: {
+					color: (e) => H(e.palette.text.secondary ?? e.palette.text.primary, .6),
+					overflow: "hidden",
+					textOverflow: "ellipsis"
+				},
+				children: n.metadata?.summary
+			})]
+		})
+	});
+}), de = r(n((e, n) => {
+	let { groupKey: r, disabled: o, scriptPath: s = oe, ...c } = e, [d, f] = l([]), [p, m] = l(!0), [h] = T(["insertScript"]);
+	a(() => {
+		(async () => {
+			try {
+				let e = await le(s);
+				f(e);
+			} catch {} finally {
+				m(!1);
+			}
+		})();
+	}, [s]);
+	let g = i((e) => {
+		if (p) return B("div", { children: "Loading..." });
+		let n = {
+			variant: _.Menuitem,
+			groupKey: "scriptsOptions",
+			disabled: o
+		}, r = (t) => {
+			h?.execute(t.content), e.closeFloat?.();
+		}, i = [];
+		for (let e = 0; e < d.length; e++) {
+			let t = d[e];
+			t && i.push(B(ue, {
+				handleInsert: r,
+				snippet: t
+			}, t.path));
+		}
+		let a = V(u, {
+			sx: {
+				display: "flex",
+				flexDirection: "column",
+				flex: "1 1 100%",
+				overflow: "hidden"
+			},
+			children: [
+				i.length > 0 ? V(z, { children: [B(u, {
+					sx: {
+						overflow: "auto",
+						flex: "1 1 100%"
+					},
+					children: i
+				}), B(j, { orientation: "horizontal" })] }) : null,
+				t(O, {
+					...n,
+					key: "showKeyboardShortcuts",
+					commandKey: "showKeyboardShortcuts"
+				}),
+				t(O, {
+					...n,
+					key: "scriptingHelp",
+					commandKey: "scriptingHelp"
+				})
+			]
+		});
+		return P({
+			...e,
+			children: a
+		});
+	}, [
+		o,
+		r,
+		p,
+		h
+	]);
+	return B(k, {
+		ref: n,
+		disabled: o,
+		groupKey: r,
+		label: h?.getLabel(r) ?? "Insert Script",
+		tooltip: h?.getDescription(),
+		createPopupPanel: g,
+		icon: h?.getIcon() ?? "ScriptInsert",
+		...c
+	});
+})), Z = r(n((e, t) => {
+	let { propsCommandButton: n, ...r } = e;
+	return B(A, {
+		ref: t,
+		propsCommandButton: n,
+		renderToolbarPalette: C((e) => {
+			let { propsCommandButton: t, propsCommandPopup: n } = e;
+			return B(z, { children: V("div", {
+				style: {
+					display: "flex",
+					flex: "1 1 100%"
+				},
+				children: [
+					B("div", { children: B(N, {
+						style: {},
+						children: B(O, {
+							...t,
+							commandKey: "saveScripts"
+						})
+					}) }),
+					B("div", { style: { flex: "1 1 100%" } }),
+					B("div", { children: B(N, {
+						style: {},
+						children: B(de, { ...t })
+					}) })
+				]
+			}) });
+		}, []),
+		...r
+	});
+}));
+Z.displayName = "ScriptEditorToolbar", q();
+var fe = r(n((e, t) => {
+	let { scriptPath: n = oe, onScriptSelect: r, sx: i = S.EmptyCssProperties, className: o, buttonMinWidth: s = 210, buttonMinHeight: c = 80, gap: p = 12, ...h } = e, g = D(), [_, v] = l([]), [y, x] = l(!0), [C, w] = l(null);
+	if (a(() => {
+		(async () => {
+			let e = [{
+				path: null,
+				metadata: {
+					title: g("templateSelect.blankTitle"),
+					summary: g("templateSelect.blankSummary")
+				},
+				content: ""
+			}];
+			try {
+				x(!0), w(null);
+				let t = await le(n);
+				for (let n = 0; n < t.length; n++) {
+					let r = t[n];
+					r && e.push(r);
+				}
+			} catch (e) {
+				w(e instanceof Error ? e.message : g("templateSelect.loadFailed")), e instanceof U || console.error("Error loading scripts:", e);
+			} finally {
+				v(e), x(!1);
+			}
+		})();
+	}, [n, g]), y) return B(u, {
+		className: G(o, "script-select"),
+		...h,
+		sx: [{
+			display: "flex",
+			justifyContent: "center",
+			alignItems: "center",
+			height: "100%",
+			background: (e) => e.palette.background.paper,
+			zIndex: 1e3,
+			backgroundImage: F,
+			...Array.isArray(i) ? {} : i
+		}, ...Array.isArray(i) ? i : []],
+		children: B(f, {})
+	});
+	let T = null;
+	C && (T = V(u, {
+		className: G(o, "script-select", "error-results"),
+		...h,
+		sx: [{
+			display: "flex",
+			justifyContent: "center",
+			alignItems: "center",
+			background: (e) => e.palette.error.light,
+			flex: "0",
+			zIndex: 1e3,
+			flexDirection: "column",
+			padding: (e) => e.spacing(1),
+			border: (e) => `1px solid ${e.palette.error.main}`,
+			borderBottomLeftRadius: 1,
+			borderBottomRightRadius: 1,
+			backgroundImage: F
+		}, ...Array.isArray(i) ? i : [i]],
+		children: [B(m, {
+			color: "error",
+			variant: "h6",
+			component: "div",
+			gutterBottom: !0,
+			children: g("templateSelect.errorTitle")
+		}), B(m, {
+			color: "error",
+			component: "div",
+			children: C
+		})]
+	}));
+	let E = (e) => {
+		let t = e.metadata?.icon;
+		return t === "macro" ? B(b, {
+			iconKey: "ScriptMacro",
+			size: "1em"
+		}) : t === "formula" ? B(b, {
+			iconKey: "ScriptFormula",
+			size: "1em"
+		}) : t === "autostart" ? B(b, {
+			iconKey: "ScriptAutoRun",
+			size: "1em"
+		}) : null;
+	};
+	return V(u, {
+		ref: t,
+		className: G(o, "script-select"),
+		sx: {
+			background: (e) => e.palette.background.paper,
+			zIndex: 1e3,
+			backgroundImage: F,
+			...i
+		},
+		...h,
+		children: [V(u, {
+			className: "script-select-content",
+			sx: {
+				p: 3,
+				overflow: "auto",
+				flex: "1 1 auto"
+			},
+			children: [
+				B(m, {
+					variant: "h6",
+					gutterBottom: !0,
+					children: g("templateSelect.title")
+				}),
+				B(m, {
+					variant: "body2",
+					component: "div",
+					gutterBottom: !0,
+					sx: { color: "text.secondary" },
+					children: g("templateSelect.intro")
+				}),
+				B(m, {
+					variant: "body2",
+					component: "div",
+					gutterBottom: !0,
+					sx: { color: "text.secondary" },
+					children: g("templateSelect.intro2")
+				}),
+				B(u, {
+					sx: {
+						display: "grid",
+						gridTemplateColumns: `repeat(auto-fill, minmax(${s}px, 1fr))`,
+						gap: `${p}px`,
+						padding: 2,
+						paddingLeft: "0px",
+						paddingRight: "0px"
+					},
+					children: _.map((e, t) => V(d, {
+						variant: "outlined",
+						sx: {
+							minWidth: s,
+							minHeight: c,
+							display: "flex",
+							flexDirection: "column",
+							justifyContent: "flex-start",
+							alignItems: "flex-start",
+							textAlign: "left",
+							padding: 2,
+							textTransform: "none",
+							overflow: "hidden",
+							...t === 0 && {
+								borderStyle: "dashed",
+								marginBottom: "8px"
+							},
+							...t === 1 && { gridColumn: "1" }
+						},
+						onClick: () => r?.(e),
+						children: [V(u, {
+							sx: {
+								display: "flex",
+								flexDirection: "row",
+								justifyContent: "space-between",
+								alignItems: "center",
+								width: "100%",
+								marginBottom: .5
+							},
+							children: [B(m, {
+								variant: "subtitle2",
+								component: "div",
+								children: e.metadata?.title || e.path?.split("/").pop()?.replace(/\.\w+$/, "") || g("templateSelect.untitled")
+							}), E(e)]
+						}), e.metadata?.summary && B(m, {
+							variant: "body2",
+							component: "div",
+							sx: {
+								color: "text.secondary",
+								overflow: "hidden",
+								display: "flex",
+								flexDirection: "column",
+								textOverflow: "ellipsis",
+								alignItems: "flex-start"
+							},
+							children: e.metadata.summary
+						})]
+					}, `${e.path}-${t}`))
+				})
+			]
+		}), T]
+	});
+}));
+fe.displayName = "TemplateSelectPanel";
+var Q = r(n((e, t) => {
+	let { className: n, sx: r, propsScriptEditor: s, readOnly: d = !1, frame: f, autoFocusSel: g, autoFocus: _ = !0, scripts: v, ...y } = e, b = h(), [x, S] = l(!1), w = c(!1), [T, D] = l({
+		message: "Loading",
+		cursor: "",
+		dirty: !1
+	}), [O, k] = l(null);
+	a(() => {
+		let e = !1;
+		return k(null), async function() {
+			if (v && (await v.start(), !e)) {
+				let e = v.getModules().getItems()[0]?.getSource();
+				k({ source: e || null });
+			}
+		}(), () => {
+			e = !0;
+		};
+	}, [v]);
+	let A = i((e) => {
+		D((t) => ({
+			...t,
+			...e
+		}));
+	}, []), j = c(null), [M, N] = l(null), P = c(null), F = C((e) => {
+		if (M) return M.focus(e), !0;
+		if (g) {
+			let t = j.current?.querySelectorAll?.(g);
+			if (t && t.length > 0) return t[0]?.focus?.(e), !0;
+		}
+		return j.current?.focus?.(e), !1;
+	}, [
+		M,
+		g,
+		_
+	]), I = o(() => B(ee, {
+		transitionDelay: "160ms",
+		style: {
+			position: "absolute",
+			width: "100%",
+			height: "100%"
+		},
+		transparentBackground: !1
+	}), []), L = o(() => B(p, {
+		elevation: 1,
+		tabIndex: 0,
+		sx: {
+			display: "flex",
+			alignItems: "center",
+			userSelect: "none",
+			flexGrow: 1,
+			marginLeft: (e) => e.spacing(.5),
+			marginRight: (e) => e.spacing(.5),
+			marginTop: (e) => e.spacing(1),
+			marginBottom: (e) => e.spacing(1)
+		},
+		children: B(Z, {})
+	}), [b]), R = o(() => B(u, {
+		className: G("script-status-panel", "status-panel"),
+		sx: {
+			display: "flex",
+			alignItems: "stretch",
+			flexDirection: "row",
+			flex: "0",
+			paddingLeft: "12px",
+			paddingRight: "12px",
+			gap: "8px",
+			paddingTop: "1px",
+			minHeight: "calc(1em + 8px)",
+			margin: 0,
+			borderTop: `solid 1px ${b.palette.divider}`
+		},
+		children: V("div", {
+			style: {
+				flex: "1 1 100%",
+				display: "flex",
+				alignItems: "center",
+				flexDirection: "row",
+				justifyContent: "center"
+			},
+			children: [
+				B(m, {
+					component: "div",
+					sx: {
+						userSelect: "none",
+						whiteSpace: "pre",
+						overflow: "hidden",
+						textOverflow: "ellipsis",
+						flex: "1 1 100%",
+						color: (e) => e.palette.text.secondary
+					},
+					variant: "caption",
+					children: T.message
+				}),
+				B(m, {
+					component: "div",
+					sx: {
+						userSelect: "none",
+						whiteSpace: "pre",
+						overflow: "hidden",
+						textOverflow: "ellipsis",
+						flex: "none",
+						color: (e) => e.palette.text.secondary
+					},
+					variant: "caption",
+					children: T.dirty ? "Unsaved" : ""
+				}),
+				B(m, {
+					component: "div",
+					sx: {
+						userSelect: "none",
+						whiteSpace: "pre",
+						overflow: "hidden",
+						textOverflow: "ellipsis",
+						flex: "none",
+						marginLeft: "8px",
+						minWidth: "90px",
+						display: "flex",
+						justifyContent: "end",
+						color: (e) => e.palette.text.secondary
+					},
+					variant: "caption",
+					children: T.cursor
+				})
+			]
+		})
+	}), [T]), z = o(() => V(u, {
+		className: G("script-editor-content"),
+		sx: {
+			display: "flex",
+			flex: "1 1 100%",
+			width: "100%",
+			flexDirection: "column",
+			boxSizing: "border-box"
+		},
+		children: [
+			L,
+			B(u, {
+				sx: {
+					display: "flex",
+					flex: "1 1 100%",
+					width: "100%",
+					flexDirection: "row",
+					position: "relative",
+					boxSizing: "border-box"
+				},
+				children: B(te, {
+					ref: j,
+					loadingPanel: I,
+					readOnly: d,
+					frame: f,
+					scripts: v,
+					autoFocus: _,
+					onStatusChange: A,
+					darkMode: b.palette.mode === "dark",
+					...s
+				})
+			}),
+			R
+		]
+	}), [
+		b,
+		L,
+		R,
+		x,
+		I,
+		d,
+		s,
+		_,
+		g,
+		f,
+		A
+	]), H = o(() => {
+		let e;
+		return O === null ? I : (O.source === null && (e = B(fe, {
+			sx: {
+				display: "flex",
+				flex: "1 1 100%",
+				flexDirection: "column",
+				overflow: "hidden",
+				position: "absolute",
+				boxSizing: "border-box",
+				width: "100%",
+				height: "100%"
+			},
+			onScriptSelect: (e) => {
+				j.current?.insertSnippet(e.content), k({ source: e.content ?? "" }), requestAnimationFrame(() => j.current?.focus());
+			}
+		})), B(u, {
+			tabIndex: 0,
+			className: G("script-workspace", n),
+			sx: {
+				display: "flex",
+				flex: "1 1 100%",
+				flexDirection: "column",
+				overflow: "hidden",
+				alignItems: "stretch",
+				userSelect: "none",
+				flexGrow: 0,
+				outline: "none"
+			},
+			onPointerDown: (e) => {
+				e.isDefaultPrevented() || j.current?.focus();
+			},
+			children: V(u, {
+				sx: {
+					flex: "1 1 100%",
+					position: "relative",
+					display: "flex"
+				},
+				children: [B(u, {
+					sx: {
+						display: "flex",
+						flex: "1 1 100%",
+						minWidth: 0,
+						minHeight: 0,
+						visibility: e ? "hidden" : "visible"
+					},
+					children: z
+				}), e]
+			})
+		}));
+	}, [
+		L,
+		z,
+		n,
+		O,
+		I
+	]), U = E(t, () => ({
+		isScriptWorkspaceElement: () => !0,
+		focus: (e) => {
+			F(e);
+		}
+	}), []);
+	return B(u, {
+		sx: {
+			display: "flex",
+			flexDirection: "row",
+			flex: "1 1 100%",
+			position: "relative",
+			...r
+		},
+		ref: U,
+		...y,
+		onFocus: (e) => {
+			S(!0), w.current = !0, U.current?.contains(e.target) && e.target !== U.current && N(e.target), e.relatedTarget && !P.current && (P.current = e.relatedTarget), y?.onFocus?.(e);
+		},
+		onBlur: (e) => {
+			U?.current?.contains(e.relatedTarget) || U?.current === e.relatedTarget || (P.current = null, w.current = !1, S(!1)), y?.onBlur?.(e);
+		},
+		children: H
+	});
+}));
+Q.displayName = "ScriptWorkspace";
+var { FocusActivation: pe, CommandScopeProvider: me, CommandAnchorProvider: he, useCommandScope: ge } = g, _e = { scopeName: "scriptEditor" }, ve = ({ children: e }) => {
+	let t = ge(), n = c(null);
+	return t ? B(me, {
+		spec: _e,
+		elementRef: n,
+		region: !0,
+		children: B(ye, {
+			paneRef: n,
+			children: e
+		})
+	}) : e;
+}, ye = ({ paneRef: e, children: t }) => {
+	let n = ge(), r = o(() => n ? new pe(n.getRoot(), n) : null, [n]);
+	return r ? V(he, {
+		tracker: r,
+		keyBindings: !1,
+		debounce: 100,
+		elementRef: e,
+		children: [B(L, {}), B("div", {
+			className: "script-editor-pane",
+			style: { display: "contents" },
+			ref: e,
+			children: t
+		})]
+	}) : t;
+}, be = (e) => {
+	let { model: t, entryKey: n, frame: r, ref: i, ...a } = e;
+	return B(ve, { children: B(Q, {
+		ref: i,
+		readOnly: !1,
+		frame: r,
+		scripts: (R() ?? t)?.getScripts(),
+		...a
+	}) });
+}, $ = r((e) => {
+	let { alwaysShow: t = !1, ...n } = e, [r, i] = s((e) => e + 1, 0), [o] = T(["showScriptEditor"], { onChange: () => i() }), c = R(), [u, d] = l(t);
+	return a(() => {
+		if (t) return void d(!0);
+		let e = c?.getScripts();
+		if (!e || !o) return void d(!1);
+		let n = async () => {
+			let t = !1;
+			o.getState() || (t = ((await e.searchFunctions({ type: "macro" }))?.length ?? 0) > 0), d(t || !!o.getState());
+		};
+		n();
+		let r = e.addListeners({ onChange: () => {
+			n();
+		} });
+		return () => {
+			r();
+		};
+	}, [
+		t,
+		c,
+		o,
+		r
+	]), u ? V(z, { children: [B(j, {}), B(ae, { ...n })] }) : null;
+});
+$.displayName = "RunScriptContribution", q();
+var xe = r(n((e, n) => {
+	let { ...r } = e, i = R(), o = D(), [s, c] = l([]);
+	a(() => {
+		let e = i?.getScripts();
+		if (!e) return;
+		let t = !1, n = async () => {
+			let n = await e.searchFunctions({ type: "formula" });
+			t || c(n);
+		};
+		n();
+		let r = e.addListeners({ onChange: () => {
+			n();
+		} });
+		return () => {
+			t = !0, r();
+		};
+	}, [i]);
+	let d = {
+		variant: _.Menuitem,
+		shortcut: void 0
+	}, f = [], p = s ? s.length : 0;
+	for (let e = 0; e < p; e++) {
+		let t = s[e];
+		f.push(B(O, {
+			...d,
+			commandKey: "insertFunction",
+			commandState: t,
+			propsTooltip: { description: o("insertFunction.insertNamed", { name: t.getName() ?? o("insertFunction.fallbackLabel") }) },
+			icon: B(b, { iconKey: "FormulaCustom" }),
+			label: t.getName() ?? o("insertFunction.fallbackLabel")
+		}, `function-${t.getName()}-${e}`));
+	}
+	let m = V(u, {
+		ref: n,
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			flex: "1 1 100%",
+			overflow: "hidden"
+		},
+		children: [f.length > 0 ? V(z, { children: [B(u, {
+			sx: {
+				overflow: "auto",
+				flex: "1 1 100%"
+			},
+			children: f
+		}), B(j, { orientation: "horizontal" })] }) : null, t(O, {
+			...d,
+			key: "show-editor",
+			commandKey: "showScriptEditor"
+		})]
+	});
+	return P({
+		...r,
+		children: m
+	});
+}));
+xe.displayName = "InsertFunctionPopupPanel";
+var Se = r(n((e, t) => {
+	let { disabled: n, groupKey: r, ...a } = e, o = w("customFunctionOptions");
+	return B(k, {
+		ref: t,
+		disabled: n,
+		createPopupPanel: i((e) => {
+			let t = B(xe, {
+				disabled: n,
+				groupKey: r,
+				...e
+			});
+			return P({
+				...e,
+				children: t
+			});
+		}, [n, r]),
+		label: o?.getLabel?.(),
+		tooltip: o?.getDescription?.(),
+		icon: "FormulaCustom",
+		...a
+	});
+}));
+Se.displayName = "InsertFunctionContribution";
+var Ce = () => {
+	ne(), y.register("plugin-scripts", { icons: {} }), I.registerTaskPane({
+		key: "scriptEditor",
+		getTitle: () => "Script (Typescript)",
+		getIcon: () => "ScriptRun",
+		component: be,
+		keepMounted: !0
+	}, !0), v.register({ key: "scriptsOptions" }, !0), v.register({ key: "customFunctionOptions" }, !0), v.register({
+		key: "scripting.runScript.home",
+		contributions: { homeToolbar: {} },
+		render: (t) => e.createElement($, { ...t })
+	}, !0), v.register({
+		key: "scripting.runScript.view",
+		contributions: { viewToolbar: { order: 10 } },
+		render: (t) => e.createElement($, {
+			...t,
+			groupKey: "view",
+			alwaysShow: !0
+		})
+	}, !0), v.register({
+		key: "scripting.insertFunction.formula",
+		contributions: { formulaToolbar: {
+			anchor: "formulaCategory.web",
+			order: 1
+		} },
+		render: (t) => e.createElement(Se, { ...t })
+	}, !0);
+};
+export { de as InsertScriptCommandButton, ae as RunScriptCommandButton, Z as ScriptEditorToolbar, be as ScriptTaskPane, Q as ScriptWorkspace, Ce as ScriptingPlugin };