@sheetxl/scripting-react 0.8.0-beta.1 → 0.8.0-beta.3

package/node/esm/index.mjs

@@ -1,19 +1,20 @@
 /**
-* @license @sheetxl/scripting-react - Scripting React - Monaco based script editor and scripting UI for SheetXL. - v0.8.0-beta.1
+* @license @sheetxl/scripting-react - Scripting React - Monaco based script editor and scripting UI for SheetXL. - v0.8.0-beta.3
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
 */
-import { Suspense as e, forwardRef as t, lazy as n, memo as r, useEffect as o, useMemo as i, useRef as s, useState as a } from "react";
-import { createRoot as c } from "react-dom/client";
-import l from "clsx";
-import { mergeRefs as u } from "react-merge-refs";
-import { CommonUtils as d, TimerUtils as p, messageKey as g } from "@sheetxl/utils";
+import { Suspense as e, forwardRef as t, memo as n, useEffect as r, useMemo as o, useRef as i, useState as s } from "react";
+import { createRoot as a } from "react-dom/client";
+import c from "clsx";
+import { mergeRefs as l } from "react-merge-refs";
+import { CommonUtils as u, TimerUtils as d, defineLazyModule as p, messageKey as g } from "@sheetxl/utils";
 import { DocTags as m } from "@sheetxl/scripting";
-import { Command as f, useCallbackRef as y, useCommands as h, useImperativeElement as b, useNotifier as w, useTranslator as k } from "@sheetxl/utils-react";
-import { DefaultTaskPaneRegistry as x, useModelListener as v, useTaskPaneArea as S, useWorkbook as C } from "@sheetxl/react";
-import { jsx as N, jsxs as E } from "react/jsx-runtime";
-var L = {
+import { IScript as f } from "@sheetxl/sdk";
+import { Command as y, lazyComponent as h, useCallbackRef as b, useCommands as w, useImperativeElement as k, useLazyRetry as x, useNotifier as v, useTranslator as S } from "@sheetxl/utils-react";
+import { jsx as C, jsxs as N } from "react/jsx-runtime";
+import { DefaultTaskPaneRegistry as E, useModelListener as L, useTaskPaneArea as M, useWorkbook as D } from "@sheetxl/react";
+var O = {
 	defaultToken: "invalid",
 	tokenPostfix: ".ts",
 	keywords: [
@@ -354,7 +355,7 @@ var L = {
 			{ include: "common" }
 		]
 	}
-}, M = {
+}, T = {
 	lightbulb: { enabled: !1 },
 	tabSize: 2,
 	acceptSuggestionOnCommitCharacter: !0,
@@ -417,8 +418,11 @@ var L = {
 	wordWrapColumn: 80,
 	wordWrapMinified: !0,
 	wrappingIndent: "none"
-}, I = "_script-editor_1kuph_5";
-var D, T = n(async () => (function() {
+}, A = "_script-editor_1kuph_5", R = (e) => {
+	const t = e?.getModules();
+	return t ? (t.getByName(f.DEFAULT_MODULE), f.DEFAULT_MODULE) : f.DEFAULT_MODULE;
+}, I = (e) => e?.getModules()?.getByName(R(e)) ?? null;
+var F, P = p("scripting-react:monaco", async () => (function() {
 	if ("undefined" == typeof window) return;
 	const e = window;
 	if (e.__sxlDefineShim) return;
@@ -438,14 +442,31 @@ var D, T = n(async () => (function() {
 			} catch {}
 		}
 	});
-}(), import("@monaco-editor/react"))), O = ["define", "require"], A = !1, R = "@0.8.0-beta.1";
-"@local" !== R && "@0.0.0" !== R || (R = "");
-var F = `https://cdn.jsdelivr.net/npm/@sheetxl/sdk${R}/types/scripting.d.ts`, P = (e) => {
+}(), import("@monaco-editor/react")), { prefetch: !1 }), _ = ({ error: e }) => {
+	const t = x(), n = S();
+	return N("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			alignItems: "center",
+			justifyContent: "center",
+			gap: "8px",
+			flex: "1 1 100%"
+		},
+		children: [C("span", { children: e instanceof Error ? e.message : String(e) }), t ? C("button", {
+			type: "button",
+			onClick: t,
+			children: n("scriptEditor.retry")
+		}) : null]
+	});
+}, $ = h(P.load, { renderError: (e) => C(_, { error: e }) }), W = ["define", "require"], V = !1, B = "@0.8.0-beta.3";
+"@local" !== B && "@0.0.0" !== B || (B = "");
+var U = `https://cdn.jsdelivr.net/npm/@sheetxl/sdk${B}/types/scripting.d.ts`, j = (e) => {
 	try {
-		e.languages.setMonarchTokensProvider("typescript", L);
+		e.languages.setMonarchTokensProvider("typescript", O);
 	} catch (e) {}
-}, $ = !1;
-function W(e, t) {
+}, H = !1;
+function K(e, t) {
 	let n = null;
 	const r = e.length;
 	for (let o = 0; !n && o < r; o++) {
@@ -454,48 +475,48 @@ function W(e, t) {
 	}
 	return n ? n.getContext() : "formula";
 }
-function _(e, t, n, r, o = []) {
+function q(e, t, n, r, o = []) {
 	if ("function" === r.kind && "export" === r.kindModifiers) {
 		const t = r.spans[0].start, i = e.getPositionAt(t);
 		o.push({
 			name: r.text,
-			type: W(n, r),
+			type: K(n, r),
 			lineNumber: i.lineNumber
 		});
 	}
-	if (r.childItems) for (const i of r.childItems) _(e, t, n, i, o);
+	if (r.childItems) for (const i of r.childItems) q(e, t, n, i, o);
 	return o;
 }
-function V(e, t, n = "function", r) {
+function z(e, t, n = "function", r) {
 	const o = e.spans, i = o.length;
 	for (let s = 0; s < i; s++) {
 		const i = o[s];
 		if (i.start <= t && t < i.start + i.length) {
 			if (e.kind === n && (!r || e.kindModifiers === r)) return e;
 			for (const o of e.childItems || []) {
-				const e = V(o, t, n, r);
+				const e = z(o, t, n, r);
 				if (e) return e;
 			}
 		}
 		return null;
 	}
 }
-function B(e) {
+function G(e) {
 	return "comment" === e.kind;
 }
-var H = null, j = null, U = null, K = null, q = !1, z = !1, G = !1, Z = { current: null }, J = (e, t) => {
-	j = {
+var Z = null, J = null, X = null, Y = null, Q = !1, ee = !1, te = !1, ne = { current: null }, re = (e, t) => {
+	J = {
 		editor: e,
 		monaco: t
-	}, U && (K = U(e, t));
-}, X = (e) => {
-	if (G) return;
-	G = !0, e.languages.typescript.typescriptDefaults.setDiagnosticsOptions({
+	}, X && (Y = X(e, t));
+}, oe = (e) => {
+	if (te) return;
+	te = !0, e.languages.typescript.typescriptDefaults.setDiagnosticsOptions({
 		noSemanticValidation: !0,
 		noSyntaxValidation: !1,
 		diagnosticCodesToIgnore: [2307]
-	}), e.languages.typescript.typescriptDefaults.setEagerModelSync(!0), e.languages.json.jsonDefaults.setDiagnosticsOptions({ validate: !0 }), P(e), ((e) => {
-		$ || ($ = !0, e.languages.registerCompletionItemProvider("typescript", {
+	}), e.languages.typescript.typescriptDefaults.setEagerModelSync(!0), e.languages.json.jsonDefaults.setDiagnosticsOptions({ validate: !0 }), j(e), ((e) => {
+		H || (H = !0, e.languages.registerCompletionItemProvider("typescript", {
 			triggerCharacters: ["@"],
 			provideCompletionItems: (t, n) => {
 				const r = t.getValueInRange({
@@ -573,7 +594,7 @@ var H = null, j = null, U = null, K = null, q = !1, z = !1, G = !1, Z = { curren
 	(async () => {
 		let t = !1;
 		try {
-			const n = await (async () => await (await fetch(F)).text())(), r = e.Uri.parse("inmemory://model/\"sheetxl-models\".d.ts");
+			const n = await (async () => await (await fetch(U)).text())(), r = e.Uri.parse("inmemory://model/\"sheetxl-models\".d.ts");
 			let o = e.editor.getModel(r);
 			o ? t = !0 : o = e.editor.createModel(n, "typescript", r), e.editor.setModelMarkers(o, "default", []);
 		} catch (e) {
@@ -593,7 +614,7 @@ var H = null, j = null, U = null, K = null, q = !1, z = !1, G = !1, Z = { curren
 							const g = d[d.length - 1];
 							"`" !== g && "'" !== g && "\"" !== g || (c++, d = d.substring(0, d.length - 1));
 							try {
-								Z.current?.getRanges(d) && r.push({
+								ne.current?.getRanges(d) && r.push({
 									range: {
 										endColumn: l,
 										endLineNumber: n,
@@ -611,7 +632,7 @@ var H = null, j = null, U = null, K = null, q = !1, z = !1, G = !1, Z = { curren
 			} }), e.editor.registerLinkOpener({ open(e) {
 				if (e?.path?.startsWith("/range/")) {
 					try {
-						Z.current?.getRanges(e.path.substring(7))?.select();
+						ne.current?.getRanges(e.path.substring(7))?.select();
 					} catch (e) {
 						console.warn("invalid range", e);
 					}
@@ -628,6 +649,7 @@ var H = null, j = null, U = null, K = null, q = !1, z = !1, G = !1, Z = { curren
 						"es2020",
 						"esnext.asynciterable"
 					],
+					strict: !0,
 					downlevelIteration: !0,
 					moduleResolution: e.languages.typescript.ModuleResolutionKind.NodeJs,
 					allowSyntheticDefaultImports: !0,
@@ -645,105 +667,105 @@ var H = null, j = null, U = null, K = null, q = !1, z = !1, G = !1, Z = { curren
 			})();
 		}
 	})();
-}, Y = (e) => {
+}, ie = (e) => {
 	let t = !1;
 	const n = e ? e.length : 0;
 	for (let r = 0; !t && r < n; r++) 8 === e[r].severity && (t = !0);
-}, Q = () => {
-	const [t, n] = a(() => H.props);
-	return o(() => (H && (H.setProps = n), () => {
-		H && (H.setProps = null);
-	}), []), N("div", {
+}, se = () => {
+	const [t, n] = s(() => Z.props);
+	return r(() => (Z && (Z.setProps = n), () => {
+		Z && (Z.setProps = null);
+	}), []), C("div", {
 		style: {
 			display: "flex",
 			flex: "1 1 100%",
 			width: "100%",
 			height: "100%"
 		},
-		children: N(e, { children: N(T, {
+		children: C(e, { children: C($, {
 			theme: t.theme,
 			options: t.options,
 			language: "typescript",
 			value: t.value,
 			onValidate: t.onValidate,
 			beforeMount: t.beforeMount,
-			onMount: J
+			onMount: re
 		}) })
 	});
-}, ee = r(t((e, t) => {
-	const { className: n, style: r, readOnly: m = !1, darkMode: x, loadingPanel: S, autoFocus: L = !0, frame: T, scripts: R, onStatusChange: F, ...$ } = e, W = k(), G = s(null), [J, ee] = a(!1), te = C(), [ne] = h(["insertFunction"]), [re, oe] = a({
+}, ae = n(t((e, t) => {
+	const { className: n, style: p, readOnly: m = !1, darkMode: f, loadingPanel: h, autoFocus: x = !0, frame: E, scripts: M, onStatusChange: O, ...P } = e, _ = S(), $ = i(null), [B, U] = s(!1), H = D(), [K] = w(["insertFunction"]), [te, re] = s({
 		message: "Loading",
 		cursor: "",
 		dirty: !1
-	}), [ie, se] = a({
+	}), [ae, ce] = s({
 		loading: !1,
 		compiling: !1,
 		errors: [],
 		warnings: []
-	}), ae = y((e) => {
-		oe((t) => {
+	}), le = b((e) => {
+		re((t) => {
 			const n = {
 				...t,
 				...e
 			};
-			return d.deepEqual(n, t) ? t : (ee(n.dirty ?? !1), n);
+			return u.deepEqual(n, t) ? t : (U(n.dirty ?? !1), n);
 		});
-	}, [F]);
-	o(() => {
-		F?.(re);
-	}, [F, re]);
-	const ce = w(), le = y(async (e) => {
+	}, [O]);
+	r(() => {
+		O?.(te);
+	}, [O, te]);
+	const ue = v(), de = b(async (e) => {
 		let t = null, n = null;
 		try {
-			e && (n = await ce.showBusy(W("scriptEditor.saving")), t = await R.createModule({ source: e })), R.addModule("scripts", t, { replace: !0 }), n?.();
+			e && (n = await ue.showBusy(_("scriptEditor.saving")), t = await M.createModule({ source: e })), M.addModule(R(M), t, { replace: !0 }), n?.();
 		} catch (e) {
-			n?.(), console.warn("Unable to compile", e), ce.showError(e);
+			n?.(), console.warn("Unable to compile", e), ue.showError(e);
 		}
 		return t;
-	}, [R]), ue = y(async () => {
-		if (!G.current) return;
-		const e = G.current.editor;
+	}, [M]), pe = b(async () => {
+		if (!$.current || m) return;
+		const e = $.current.editor;
 		let t;
-		if (re.dirty) {
+		if (te.dirty) {
 			const n = e.getValue();
-			await le(n), t = R.getModules().getByName("scripts");
+			await de(n), t = I(M);
 			const r = t?.getSource(), o = e.getValue(), i = (r?.length ?? 0) !== n.length || r !== o;
-			ae({ dirty: i });
-		} else t = R.getModules().getByName("scripts");
+			le({ dirty: i });
+		} else t = I(M);
 		return t;
-	}, [re, R]);
-	o(() => {
-		const e = T?.addListener({ onBeforeHide: async () => (await ue(), !0) });
+	}, [te, M]);
+	r(() => {
+		const e = E?.addListener({ onBeforeHide: async () => (await pe(), !0) });
 		return () => {
 			e?.();
 		};
-	}, [T]), o(() => {
-		if (R) return R.addListeners({ onBeforeSearch: () => ue() });
-	}, [R]), v(te, {
+	}, [E]), r(() => {
+		if (M) return M.addListeners({ onBeforeSearch: () => pe() });
+	}, [M]), L(H, {
 		onBeforeSave: async () => {
-			await ue();
+			await pe();
 		},
 		onLoad: () => {
-			const e = G.current?.editor;
-			e && e.setValue(R?.getModules().getItems()[0]?.getSource() ?? "");
+			const e = $.current?.editor;
+			e && e.setValue(I(M)?.getSource() ?? "");
 		}
 	});
-	const de = y(async (e) => {
-		if (!R) return;
+	const ge = b(async (e) => {
+		if (!M) return;
 		const t = "string" == typeof e ? { functionName: e } : e ?? {};
 		let n = null;
 		if (t?.declaration || t?.functionName) {
 			const e = t.declaration ? t.declaration.getName() : t.functionName;
-			(await R.searchFunctions({ name: e })).length > 0 && (n = e);
+			(await M.searchFunctions({ name: e })).length > 0 && (n = e);
 		}
 		if (n) try {
-			await R.executeMacro(n);
+			await M.executeMacro(n);
 		} catch (e) {
-			ce.showError(e);
+			ue.showError(e);
 		}
-	}, [R, ce]), [pe, ge] = a(!1), me = y(async () => {
-		if (!G.current) return null;
-		const e = G.current, t = e.editor;
+	}, [M, ue]), [me, fe] = s(!1), ye = b(async () => {
+		if (!$.current) return null;
+		const e = $.current, t = e.editor;
 		if (!t) return null;
 		const r = await (async (e, t, n = "export") => {
 			const r = e.getModel();
@@ -753,7 +775,7 @@ var H = null, j = null, U = null, K = null, q = !1, z = !1, G = !1, Z = { curren
 			if (!s) return null;
 			const a = s.startLineNumber === s.endLineNumber && s.startColumn === s.endColumn ? r.getLineCount() : Math.min(s.endLineNumber, r.getLineCount());
 			for (let e = s.startLineNumber; !i && e <= a; e++) {
-				const t = V(o, r.getOffsetAt({
+				const t = z(o, r.getOffsetAt({
 					lineNumber: e,
 					column: 1
 				}), "function", n);
@@ -761,25 +783,25 @@ var H = null, j = null, U = null, K = null, q = !1, z = !1, G = !1, Z = { curren
 			}
 			return i;
 		})(t, e.monaco);
-		return ae({ message: (r ?? "").toUpperCase() }), r ? {
+		return le({ message: (r ?? "").toUpperCase() }), r ? {
 			source: t.getValue(),
 			name: r
 		} : null;
 	}, []);
-	y(p.debounce(ue, 200), []);
-	const fe = y(async (e, t, n) => {
-		se((e) => ({
+	b(d.debounce(pe, 200), []);
+	const he = b(async (e, t, n) => {
+		ce((e) => ({
 			...e,
 			compiling: !0
 		}));
 		let r = null;
 		try {
-			if (r = await R.createModule({
+			if (r = await M.createModule({
 				source: n?.getValue(),
 				declarationsOnly: !0
 			}), !r) return;
 		} catch (e) {}
-		const o = r ? r.getDiagnostics() : d.EmptyArray;
+		const o = r ? r.getDiagnostics() : u.EmptyArray;
 		(function(e, t, n) {
 			const r = (n ?? []).map((n) => {
 				const r = e.getPositionAt(n.start), o = e.getPositionAt(n.start + Math.max(n.length, 1));
@@ -795,9 +817,9 @@ var H = null, j = null, U = null, K = null, q = !1, z = !1, G = !1, Z = { curren
 			});
 			t.editor.setModelMarkers(e, "sheetxl", r);
 		})(e, t, o), async function(e, t, n, r) {
-			const o = _(e, t, r, await (await (await t.languages.typescript.getTypeScriptWorker())(e.uri)).getNavigationTree(e.uri.toString())).map((e) => {
+			const o = q(e, t, r, await (await (await t.languages.typescript.getTypeScriptWorker())(e.uri)).getNavigationTree(e.uri.toString())).map((e) => {
 				let n = null, r = null;
-				return "formula" === e.type ? (n = "formula.margin-icon", r = W("scriptEditor.glyph.formula")) : "macro" === e.type ? (n = "macro.margin-icon", r = W("scriptEditor.glyph.macro")) : "autoRun" === e.type && (n = "autorun.margin-icon", r = W("scriptEditor.glyph.autoRun")), {
+				return "formula" === e.type ? (n = "formula.margin-icon", r = _("scriptEditor.glyph.formula")) : "macro" === e.type ? (n = "macro.margin-icon", r = _("scriptEditor.glyph.macro")) : "autoRun" === e.type && (n = "autorun.margin-icon", r = _("scriptEditor.glyph.autoRun")), {
 					range: new t.Range(e.lineNumber, 1, e.lineNumber, 1),
 					options: {
 						isWholeLine: !1,
@@ -807,33 +829,33 @@ var H = null, j = null, U = null, K = null, q = !1, z = !1, G = !1, Z = { curren
 					}
 				};
 			});
-			Ce.current && Ce.current.clear(), Ce.current = n.createDecorationsCollection(o);
-		}(e, t, n, r ? r.getFunctions().getItems() : d.EmptyArray), se((e) => ({
+			Ee.current && Ee.current.clear(), Ee.current = n.createDecorationsCollection(o);
+		}(e, t, n, r ? r.getFunctions().getItems() : u.EmptyArray), ce((e) => ({
 			...e,
 			compiling: !1,
 			errors: o.filter((e) => "error" === e.severity).map((e) => `${e.code}: ${e.message}`),
 			warnings: o.filter((e) => "warning" === e.severity).map((e) => `${e.code}: ${e.message}`)
 		}));
-	}, [R]), ye = y(p.debounce(fe, 580), []), he = y(async (e) => {
-		if (!G.current) return;
-		const t = G.current.editor.getPosition(), n = { cursor: t ? t.toString() : "" };
-		void 0 !== e && (n.message = e), ae(n);
+	}, [M]), be = b(d.debounce(he, 580), []), we = b(async (e) => {
+		if (!$.current) return;
+		const t = $.current.editor.getPosition(), n = { cursor: t ? t.toString() : "" };
+		void 0 !== e && (n.message = e), le(n);
 	}, []);
-	o(() => {}, [ie]);
-	const be = s(null), we = y(async () => {
-		await ue(), T?.close();
-	}, [T]), ke = y((e) => {
-		const t = G.current?.editor;
+	r(() => {}, [ae]);
+	const ke = i(null), xe = b(async () => {
+		await pe(), E?.close();
+	}, [E]), ve = b((e) => {
+		const t = $.current?.editor;
 		return !!t && (t.focus(e), !0);
-	}, [re]), xe = y(async () => {
-		const e = G.current?.editor, t = e?.getModel(), n = e?.getSelection();
+	}, [te]), Se = b(async () => {
+		const e = $.current?.editor, t = e?.getModel(), n = e?.getSelection();
 		if (!t || !n) return;
 		const r = n.isEmpty() ? t.getLineContent(n.positionLineNumber) + "\n" : t.getValueInRange(n);
 		try {
 			await navigator.clipboard?.writeText(r);
 		} catch {}
-	}, []), ve = y(async () => {
-		const e = G.current, t = e?.editor, n = t?.getModel(), r = t?.getSelection();
+	}, []), Ce = b(async () => {
+		const e = $.current, t = e?.editor, n = t?.getModel(), r = t?.getSelection();
 		if (!n || !r) return;
 		const o = r.isEmpty() ? new e.monaco.Range(r.positionLineNumber, 1, r.positionLineNumber + 1, 1) : r, i = n.getValueInRange(o);
 		try {
@@ -846,8 +868,8 @@ var H = null, j = null, U = null, K = null, q = !1, z = !1, G = !1, Z = { curren
 			text: "",
 			forceMoveMarkers: !0
 		}]), t.pushUndoStop(), t.focus();
-	}, []), Se = y(async () => {
-		const e = G.current?.editor;
+	}, []), Ne = b(async () => {
+		const e = $.current?.editor;
 		if (!e) return;
 		let t;
 		try {
@@ -862,16 +884,16 @@ var H = null, j = null, U = null, K = null, q = !1, z = !1, G = !1, Z = { curren
 			text: t,
 			forceMoveMarkers: !0
 		}]), e.pushUndoStop(), e.focus();
-	}, []), Ce = s(null), Ne = y((e, t) => {
-		G.current = {
+	}, []), Ee = i(null), Le = b((e, t) => {
+		$.current = {
 			monaco: t,
 			editor: e
-		}, Z.current = te ?? null;
+		}, ne.current = H ?? null;
 		const n = e.getModel(), r = [];
-		ge(!0);
-		const o = R?.getModules().getItems()[0]?.getSource() ?? "";
-		return e.getValue() !== o && e.setValue(o), q ? (he(""), ye(n, t, e), P(t)) : (q = !0, he("Loading Types"), import("monaco-editor-auto-typings/custom-editor.js").then(async (n) => {
-			he(""), n.AutoTypings.create(e, {
+		fe(!0);
+		const o = I(M)?.getSource() ?? "";
+		return e.getValue() !== o && e.setValue(o), Q ? (we(""), be(n, t, e), j(t)) : (Q = !0, we("Loading Types"), import("monaco-editor-auto-typings/custom-editor.js").then(async (n) => {
+			we(""), n.AutoTypings.create(e, {
 				shareCache: !0,
 				dontAdaptEditorOptions: !0,
 				monaco: t,
@@ -888,8 +910,8 @@ var H = null, j = null, U = null, K = null, q = !1, z = !1, G = !1, Z = { curren
 					"Not implemented yet" === e && (e = "Compile Errors"), console.warn("Error compiling types", e);
 				}
 			}).then((n) => {
-				be.current = n, ye(e.getModel(), t, e), (() => {
-					if (A) return;
+				ke.current = n, be(e.getModel(), t, e), (() => {
+					if (V) return;
 					const e = (e, t) => {
 						try {
 							if (void 0 === t) try {
@@ -901,15 +923,17 @@ var H = null, j = null, U = null, K = null, q = !1, z = !1, G = !1, Z = { curren
 							}
 							else globalThis[e] = t;
 						} catch (e) {}
-					}, t = O.length;
+					}, t = W.length;
 					for (let n = 0; n < t; n++) {
-						const t = O[n];
-						e(t, D[t]);
+						const t = W[n];
+						e(t, F[t]);
 					}
-					D = void 0, A = !0;
-				})(), P(t);
+					F = void 0, V = !0;
+				})(), j(t);
 			});
-		})), z || (z = !0, function(e, t) {
+		}).catch((e) => {
+			Q = !1, we(""), console.warn("Auto typings could not be loaded:", e);
+		})), ee || (ee = !0, function(e, t) {
 			t.languages.registerInlayHintsProvider("typescript", { provideInlayHints(e, n, r) {
 				const o = [];
 				for (let n = 1; n < e.getLineCount() + 1; n++) {
@@ -938,109 +962,109 @@ var H = null, j = null, U = null, K = null, q = !1, z = !1, G = !1, Z = { curren
 			label: "Execute",
 			keybindings: [t.KeyCode.F8],
 			run: async (e) => {
-				const t = await me();
-				de(t);
+				const t = await ye();
+				ge(t);
 			}
 		})), r.push(e.addAction({
 			id: "saveScript",
 			label: "Save Script",
 			keybindings: [t.KeyMod.CtrlCmd | t.KeyCode.KeyS],
 			run: (e) => {
-				ue();
+				pe();
 			}
 		})), r.push(e.onMouseDown(async (e) => {
 			if (e.target.type === t.editor.MouseTargetType.GUTTER_GLYPH_MARGIN) {
 				e.event.browserEvent.preventDefault();
-				const r = e.target.position.lineNumber, o = await (await (await t.languages.typescript.getTypeScriptWorker())(n.uri)).getNavigationTree(n.uri.toString()), i = await ue();
+				const r = e.target.position.lineNumber, o = await (await (await t.languages.typescript.getTypeScriptWorker())(n.uri)).getNavigationTree(n.uri.toString()), i = await pe();
 				if (!i) return;
-				const s = i.getFunctions().getItems(), a = _(n, t, s, o).find((e) => e.lineNumber === r);
+				const s = i.getFunctions().getItems(), a = q(n, t, s, o).find((e) => e.lineNumber === r);
 				if (a) {
 					const t = e.event.browserEvent.button;
 					if (0 === t) {
-						if ("macro" === a.type || "autoRun" === a.type) de({ functionName: a.name });
+						if ("macro" === a.type || "autoRun" === a.type) ge({ functionName: a.name });
 						else if ("formula" === a.type) {
 							const e = s?.find((e) => e.getName() === a.name);
-							e && ne?.execute(e);
+							e && K?.execute(e);
 						}
 					} else 2 === t && (console.log("Context menu for function:", a.name), e.event.browserEvent.preventDefault());
 				}
 			}
 		})), r.push(e.onDidChangeModelContent(() => {
-			ae({ dirty: !0 }), ye(n, t, e);
+			le({ dirty: !0 }), be(n, t, e);
 		})), r.push(t.editor.onDidChangeMarkers((e) => {
 			e.some((e) => e.toString() === n.uri.toString());
 		})), r.push(n.onDidChangeContent((t) => {
-			const n = R.getModules().getByName("scripts")?.getSource(), r = e.getValue(), o = (n?.length ?? 0) !== r.length || n !== r;
-			ae({ dirty: o });
+			const n = I(M)?.getSource(), r = e.getValue(), o = (n?.length ?? 0) !== r.length || n !== r;
+			le({ dirty: o });
 		})), r.push(e.onDidChangeCursorPosition((e) => {
-			he();
+			we();
 		})), () => {
 			for (const e of r) try {
 				e.dispose();
 			} catch {}
 		};
-	}, [R, te]), Ee = i(() => pe ? null : S || N("div", {
+	}, [M, H]), Me = o(() => me ? null : h || C("div", {
 		style: {
 			position: "absolute",
 			width: "100%",
 			height: "100%"
 		},
-		children: W("scriptEditor.loading")
-	}), [pe, S]), Le = i(() => ({
-		...M,
+		children: _("scriptEditor.loading")
+	}), [me, h]), De = o(() => ({
+		...T,
 		fixedOverflowWidgets: !1,
 		contextmenu: !1,
 		readOnly: m
-	}), [m]), Me = s(null);
-	o(() => {
+	}), [m]), Oe = i(null);
+	r(() => {
 		const e = {
-			theme: x ? "extended-dark" : "extended",
-			options: Le,
-			value: R?.getModules()?.getByName("scripts")?.getSource() ?? "",
-			beforeMount: X,
-			onValidate: Y
+			theme: f ? "extended-dark" : "extended",
+			options: De,
+			value: I(M)?.getSource() ?? "",
+			beforeMount: oe,
+			onValidate: ie
 		}, t = ((e) => {
-			if (H) return H;
-			if (!D) {
-				D = {};
-				const e = O.length;
+			if (Z) return Z;
+			if (!F) {
+				F = {};
+				const e = W.length;
 				for (let t = 0; t < e; t++) {
-					const e = O[t];
-					D[e] = globalThis[e];
+					const e = W[t];
+					F[e] = globalThis[e];
 				}
 			}
 			const t = document.createElement("div");
 			t.style.display = "none";
 			const n = document.createElement("div");
 			n.style.width = "100%", n.style.height = "100%", n.style.display = "flex", n.style.flex = "1 1 100%", t.appendChild(n), document.body.appendChild(t);
-			const r = c(n);
-			return H = {
+			const r = a(n);
+			return Z = {
 				root: r,
 				hostEl: n,
 				stashEl: t,
 				props: e,
 				setProps: null
-			}, r.render(N(Q, {})), H;
+			}, r.render(C(se, {})), Z;
 		})(e);
-		return t.props = e, t.setProps?.(e), U = (e, t) => Ne(e, t), Me.current?.appendChild(t.hostEl), j && (K = Ne(j.editor, j.monaco)), () => {
-			K?.(), K = null, U = null, G.current = null, H?.stashEl.appendChild(H.hostEl);
+		return t.props = e, t.setProps?.(e), X = (e, t) => Le(e, t), Oe.current?.appendChild(t.hostEl), J && (Y = Le(J.editor, J.monaco)), () => {
+			Y?.(), Y = null, X = null, $.current = null, Z?.stashEl.appendChild(Z.hostEl);
 		};
-	}, []), o(() => {
-		if (!H) return;
+	}, []), r(() => {
+		if (!Z) return;
 		const e = {
-			...H.props,
-			theme: x ? "extended-dark" : "extended",
-			options: Le
+			...Z.props,
+			theme: f ? "extended-dark" : "extended",
+			options: De
 		};
-		H.props = e, H.setProps?.(e);
-	}, [x, Le]), o(() => {
-		const e = G.current, t = e?.editor;
+		Z.props = e, Z.setProps?.(e);
+	}, [f, De]), r(() => {
+		const e = $.current, t = e?.editor;
 		if (!t) return;
-		Z.current = te ?? null;
-		const n = R?.getModules().getItems()[0]?.getSource() ?? "";
-		t.getValue() !== n && (t.setValue(n), ye(t.getModel(), e.monaco, t), ae({ dirty: !1 }));
-	}, [R, te]);
-	const Ie = E("div", {
+		ne.current = H ?? null;
+		const n = I(M)?.getSource() ?? "";
+		t.getValue() !== n && (t.setValue(n), be(t.getModel(), e.monaco, t), le({ dirty: !1 }));
+	}, [M, H]);
+	const Te = N("div", {
 		style: {
 			display: "flex",
 			flex: "1 1 100%",
@@ -1049,26 +1073,26 @@ var H = null, j = null, U = null, K = null, q = !1, z = !1, G = !1, Z = { curren
 			position: "relative",
 			boxSizing: "border-box"
 		},
-		children: [N("div", {
-			ref: Me,
+		children: [C("div", {
+			ref: Oe,
 			style: {
 				display: "flex",
 				flex: "1 1 100%",
 				width: "100%",
 				position: "relative"
 			}
-		}), Ee]
-	}), De = b(t, () => ({
+		}), Me]
+	}), Ae = k(t, () => ({
 		isScriptEditorElement: () => !0,
 		showCommandPalette: () => {
-			G.current?.editor && G.current.editor.trigger("keyboard", "editor.action.quickCommand", null);
+			$.current?.editor && $.current.editor.trigger("keyboard", "editor.action.quickCommand", null);
 		},
-		getScripts: () => R,
+		getScripts: () => M,
 		focus: (e) => {
-			ke(e);
+			ve(e);
 		},
-		close: () => we(),
-		insertSnippet: (e) => G.current?.editor ? (async (e, t, n) => {
+		close: () => xe(),
+		insertSnippet: (e) => $.current?.editor ? (async (e, t, n) => {
 			const r = e.getModel();
 			if (!r) return;
 			const o = await (await (await t.languages.typescript.getTypeScriptWorker())(r.uri)).getNavigationTree(r.uri.toString()), i = e.getPosition();
@@ -1076,11 +1100,11 @@ var H = null, j = null, U = null, K = null, q = !1, z = !1, G = !1, Z = { curren
 			s.lineNumber = 1, s.column = 1;
 			let a = !1;
 			for (let e = i.lineNumber; e >= 1; e--) if ("" === r.getLineContent(e).trim()) {
-				const t = V(o, r.getOffsetAt({
+				const t = z(o, r.getOffsetAt({
 					lineNumber: e,
 					column: 1
 				}), "function");
-				if (!t || B(t)) {
+				if (!t || G(t)) {
 					a = !0, s.lineNumber = e + 1;
 					break;
 				}
@@ -1104,71 +1128,78 @@ var H = null, j = null, U = null, K = null, q = !1, z = !1, G = !1, Z = { curren
 				endLineNumber: p.startLineNumber,
 				endColumn: p.startColumn
 			});
-		})(G.current.editor, G.current.monaco, e) : Promise.resolve(),
+		})($.current.editor, $.current.monaco, e) : Promise.resolve(),
 		saveSource: async () => {
-			await ue();
+			await pe();
 		},
 		runAction: (e) => {
-			const t = G.current?.editor;
+			const t = $.current?.editor;
 			t && (t.focus(), t.trigger("source", e, null));
 		},
-		copy: () => xe(),
-		cut: () => ve(),
-		paste: () => Se()
-	}), [te]), [Te, Oe] = a(null), Ae = y((e) => {
-		null !== e && Oe(e);
-	}, []), Re = f.useCommandScope();
-	return o(() => {
-		if (!Re || !Te) return;
-		const e = Re.contribution();
+		copy: () => Se(),
+		cut: () => Ce(),
+		paste: () => Ne()
+	}), [H]), [Re, Ie] = s(null), Fe = b((e) => {
+		null !== e && Ie(e);
+	}, []), Pe = y.useCommandScope();
+	return r(() => {
+		if (!Pe || !Re) return;
+		const e = Pe.contribution();
 		return function(e, t) {
 			const n = t.scriptEditor, r = t;
 			e.updateCommand("scriptingHelp", { callback: () => {
 				window?.open("https://www.sheetxl.com/docs/guides/concepts/scripting");
 			} }), e.updateCommand("showScriptingCommands", { callback: () => {
 				n.showCommandPalette();
-			} }), e.updateCommand("insertScript", { callback: (e) => n.insertSnippet(e ?? "") }), e.updateCommand("saveScripts", {
-				disabledReasons: r?.isDirty ? [] : [g("reason.noChangesToSave")],
+			} });
+			const o = r?.readOnly ? [g("reason.scriptsReadOnly")] : [];
+			e.updateCommand("insertScript", {
+				disabledReasons: o,
+				callback: (e) => n.insertSnippet(e ?? "")
+			}), e.updateCommand("saveScripts", {
+				disabledReasons: [...o, ...r?.isDirty ? [] : [g("reason.noChangesToSave")]],
 				callback: async () => {
 					await n.saveSource();
 				}
 			}), e.updateCommand("copy", { callback: () => n.copy() }), e.updateCommand("cut", { callback: () => n.cut() }), e.updateCommand("paste", { callback: () => n.paste() }), e.updateCommand("selectAll", { callback: () => n.runAction("editor.action.selectAll") }), e.updateCommand("find", { callback: () => n.runAction("actions.find") }), e.updateCommand("findReplace", { callback: () => n.runAction("editor.action.startFindReplaceAction") }), e.updateCommand("goto", { callback: () => n.runAction("editor.action.gotoLine") });
 		}(e, {
-			scriptEditor: Te,
-			isDirty: J
+			scriptEditor: Re,
+			isDirty: B,
+			readOnly: m
 		}), () => {
 			e.remove();
 		};
 	}, [
+		Pe,
 		Re,
-		Te,
-		J
-	]), o(() => (L && requestAnimationFrame(() => {
-		De.current?.focus();
+		B,
+		m
+	]), r(() => (x && requestAnimationFrame(() => {
+		Ae.current?.focus();
 	}), () => {
-		G.current?.editor && requestAnimationFrame(() => {
-			De.current?.contains(document.activeElement) && De.current?.focus();
+		$.current?.editor && requestAnimationFrame(() => {
+			Ae.current?.contains(document.activeElement) && Ae.current?.focus();
 		});
-	}), []), N("div", {
-		className: l("script-editor", I, n),
+	}), []), C("div", {
+		className: c("script-editor", A, n),
 		style: {
 			display: "flex",
 			flexDirection: "row",
 			flex: "1 1 100%",
 			position: "relative",
-			...r
+			...p
 		},
-		ref: u([De, Ae]),
-		...$,
-		children: Ie
+		ref: l([Ae, Fe]),
+		...P,
+		children: Te
 	});
-})), te = null, ne = (e) => {
-	te = e;
-}, re = () => te, oe = r((e) => {
-	const { scope: t, data: n } = e, { workbook: r } = n, i = w(), s = S(), a = s.getOpen(), c = y(async (e) => {
-		if (!r) return;
+})), ce = null, le = (e) => {
+	ce = e;
+}, ue = () => ce, de = n((e) => {
+	const { scope: t, data: n } = e, { workbook: o } = n, i = v(), s = M(), a = s.getOpen(), c = b(async (e) => {
+		if (!o) return;
 		let t = null;
-		const n = r.getScripts();
+		const n = o.getScripts();
 		if (e?.declaration || e?.functionName) {
 			const r = e.declaration ? e.declaration.getName() : e.functionName;
 			(await n.searchFunctions({ name: r })).length > 0 && (t = r);
@@ -1179,11 +1210,11 @@ var H = null, j = null, U = null, K = null, q = !1, z = !1, G = !1, Z = { curren
 			i.showError(e);
 			return;
 		}
-	}, [r, i]), l = y(() => {
-		const e = re();
-		e ? r && e({ workbook: r }) : s.getOpen().includes("scriptEditor") ? s.close("scriptEditor") : s.activate("scriptEditor", {});
-	}, [r, s]), u = a.includes("scriptEditor");
-	return o(() => {
+	}, [o, i]), l = b(() => {
+		const e = ue();
+		e ? o && e({ workbook: o }) : s.getOpen().includes("scriptEditor") ? s.close("scriptEditor") : s.activate("scriptEditor", {});
+	}, [o, s]), u = a.includes("scriptEditor");
+	return r(() => {
 		if (!t) return;
 		const e = t.contribution();
 		return e.updateCommand("showScriptEditor", {
@@ -1197,22 +1228,24 @@ var H = null, j = null, U = null, K = null, q = !1, z = !1, G = !1, Z = { curren
 	}, [
 		t,
 		u,
-		r,
+		o,
 		c,
 		l
-	]), v(r, { onLoad: () => {
-		r?.getScripts().start();
+	]), L(o, { onLoad: () => {
+		o?.getScripts().start();
 	} }), null;
 });
-oe.displayName = "WorkbookScriptCommands";
-var ie = {
+de.displayName = "WorkbookScriptCommands";
+var pe = {
 	"reason.noChangesToSave": "No changes to save",
+	"reason.scriptsReadOnly": "Scripts can't be changed while the workbook structure is protected.",
 	"scriptEditor.glyph.autoRun": "Auto Run",
 	"scriptEditor.glyph.formula": "Formula",
 	"scriptEditor.glyph.macro": "Macro",
 	"scriptEditor.loading": "Loading...",
+	"scriptEditor.retry": "Retry",
 	"scriptEditor.saving": "Saving Scripts..."
-}, se = [
+}, ge = [
 	{
 		sourceId: "groups",
 		catalog: {
@@ -1294,30 +1327,30 @@ var ie = {
 			}
 		}
 	}
-], { DefaultCommandCatalogService: ae } = f, ce = !1;
-var le = (e) => {
+], { DefaultCommandCatalogService: me } = y, fe = !1;
+var ye = (e) => {
 	const { model: t, entryKey: n, frame: r, ref: o, ...i } = e;
-	return N(ee, {
+	return C(ae, {
 		ref: o,
 		frame: r,
 		scripts: t?.getScripts(),
 		...i
 	});
-}, ue = () => {
-	x.registerTaskPane({
+}, he = () => {
+	E.registerTaskPane({
 		key: "scriptEditor",
 		getTitle: () => "Script (Typescript)",
 		getIcon: () => "ScriptRun",
-		component: le,
+		component: ye,
 		keepMounted: !0
 	}, !0), function() {
-		if (ce) return;
-		ce = !0;
-		const e = ae;
+		if (fe) return;
+		fe = !0;
+		const e = me;
 		e.registerFromManifest("@sheetxl/scripting-react", import.meta.url, {
-			messages: ie,
-			catalogs: se
+			messages: pe,
+			catalogs: ge
 		}), e.prefetch();
-	}(), f.DefaultCommandRegistry.registerDynamic("workbook", oe);
+	}(), y.DefaultCommandRegistry.registerDynamic("workbook", de);
 };
-export { ee as ScriptEditor, ue as ScriptingReactPlugin, oe as WorkbookScriptCommands, re as getScriptEditorOpener, ne as setScriptEditorOpener };
+export { ae as ScriptEditor, he as ScriptingReactPlugin, de as WorkbookScriptCommands, ue as getScriptEditorOpener, le as setScriptEditorOpener };