@sheetxl/scripting-mui 0.7.23-beta.2

package/node/esm/index.mjs

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