@alauda/react-code-editor 0.1.0-next.20260903.1788425608 → 0.1.0-next.20261021.1792553055

package/chunks/CodeEditor-DhYaoBaC.js

@@ -0,0 +1,892 @@
+import Editor, { DiffEditor, loader } from "@monaco-editor/react";
+import Alert from "@mui/material/Alert";
+import Box from "@mui/material/Box";
+import CircularProgress from "@mui/material/CircularProgress";
+import IconButton from "@mui/material/IconButton";
+import Menu from "@mui/material/Menu";
+import MenuItem from "@mui/material/MenuItem";
+import Tooltip from "@mui/material/Tooltip";
+import FormatAlignLeftRoundedIcon from "@mui/icons-material/FormatAlignLeftRounded";
+import RedoRoundedIcon from "@mui/icons-material/RedoRounded";
+import UndoRoundedIcon from "@mui/icons-material/UndoRounded";
+import { SvgIcon } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTheme } from "@mui/material/styles";
+import { forwardRef, useCallback, useEffect, useId, useImperativeHandle, useRef, useState, useSyncExternalStore } from "react";
+//#region src/icons/CodeEditorIcon.tsx
+/**
+* Minimal AUI icon subset used by the Angular-compatible Code Editor toolbar.
+*
+* AUI paths are extracted from @alauda/ui@10.0.1 (MIT), source commit
+* 7453f1274bb2f4e7f9ca34481ba788b1ec84d8c7. The rollback path is extracted
+* from Angular Console's prod-icons.js at pinned source commit
+* 46ec7ae9f48d95db84d7d1207c2d8199ff18a7cb.
+* This module intentionally has no Angular runtime dependency.
+*/
+const codeEditorIconPaths = {
+	file_import: {
+		source: "aui:file_import",
+		paths: ["M723.2 64h1.92a76.8 76.8 0 0 1 74.88 74.88V307.2h-76.8V140.8H384V384H140.8v499.2h582.4v-64h76.8v65.92A76.8 76.8 0 0 1 725.12 960H138.88a76.8 76.8 0 0 1-73.472-62.08L65.088 896H64V307.2L307.2 64h416zM640 384l54.336 54.336L607.808 524.8H960v76.8H607.808l86.528 86.528L640 742.4 460.8 563.2 640 384zM313.6 172.608L172.608 313.6H313.6V172.608z"]
+	},
+	file_export: {
+		source: "aui:file_export",
+		paths: ["M723.2 64h1.92a76.8 76.8 0 0 1 74.88 74.88V307.2h-76.8V140.8H384V384H140.8v499.2h582.4v-64h76.8v65.92A76.8 76.8 0 0 1 725.12 960H138.88a76.8 76.8 0 0 1-73.472-62.08L65.088 896H64V307.2L307.2 64h416z m57.6 320L960 563.2l-179.2 179.2-54.336-54.272L812.992 601.6H460.8V524.8h352.192L726.4 438.4 780.8 384zM313.6 172.608L172.608 313.6H313.6V172.608z"]
+	},
+	xmark_circle: {
+		source: "aui:xmark_circle",
+		paths: ["M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m0 71.424a440.576 440.576 0 1 0 0 881.152A440.576 440.576 0 0 0 512 71.424z m134.72 238.528l67.328 67.328L579.328 512l134.72 134.72-67.328 67.328L512 579.328l-134.72 134.72-67.328-67.328L444.672 512 309.952 377.28l67.328-67.328L512 444.672l134.72-134.72z"]
+	},
+	magnifier: {
+		source: "aui:magnifier",
+		paths: ["M499.2 70.4a428.8 428.8 0 0 1 335.296 696.128L1011.2 943.36 943.36 1011.2l-176.832-176.704A428.8 428.8 0 1 1 499.2 70.4z m0 96a332.8 332.8 0 1 0 0 665.6 332.8 332.8 0 0 0 0-665.6z"]
+	},
+	copy: {
+		source: "aui:copy",
+		paths: ["M524.8 192L768 435.2v512a76.8 76.8 0 0 1-74.88 76.8H140.8A76.8 76.8 0 0 1 64 947.2V266.88A76.8 76.8 0 0 1 138.88 192H524.8zM448 435.2V268.8H140.8v678.4h550.4V512H524.8A76.8 76.8 0 0 1 448 435.2zM716.8 0L960 243.2v513.92A76.8 76.8 0 0 1 885.12 832h-40.32v-76.8h38.4V275.008L684.992 76.8H332.8v38.4H256v-40.32A76.8 76.8 0 0 1 330.88 0h385.92z m-192 300.608V435.2h134.592L524.8 300.608z"]
+	},
+	computer: {
+		source: "aui:computer",
+		paths: ["M883.2 102.4A76.8 76.8 0 0 1 960 179.2v486.4a76.8 76.8 0 0 1-76.8 76.8H550.4v102.4H473.6v-102.4H140.8A76.8 76.8 0 0 1 64 665.6V179.2a76.8 76.8 0 0 1 76.8-76.8h742.4z m0 76.8H140.8v486.4h742.4V179.2zM256 844.8h512v76.8H256v-76.8z"]
+	},
+	sun: {
+		source: "aui:sun",
+		paths: ["M556.8 870.4V1024H467.2v-153.6h89.6z m-329.92-136.64l63.36 63.36-108.608 108.608-63.36-63.36 108.608-108.608z m570.24 0l108.608 108.608-63.36 63.36-108.608-108.608 63.36-63.36zM512 230.4a281.6 281.6 0 1 1 0 563.2 281.6 281.6 0 0 1 0-563.2z m0 96a185.6 185.6 0 1 0 0 371.2 185.6 185.6 0 0 0 0-371.2z m512 140.8v89.6h-153.6V467.2H1024z m-870.4 0v89.6H0V467.2h153.6z m688.768-348.928l63.36 63.36-108.608 108.608-63.36-63.36 108.608-108.608z m-660.736 0l108.608 108.608-63.36 63.36-108.608-108.608 63.36-63.36zM556.8 0v153.6H467.2V0h89.6z"]
+	},
+	moon: {
+		source: "aui:moon",
+		paths: ["M470.4 64a60.16 60.16 0 0 1 25.216 5.76c8.448 3.904 14.72 9.344 18.944 16.384 4.928 9.152 6.528 17.92 4.736 26.432a74.24 74.24 0 0 1-8.96 23.168 268.096 268.096 0 0 0-46.336 98.176 272.64 272.64 0 0 0 31.616 200.512c18.24 30.272 42.496 56.64 72.64 79.168a262.528 262.528 0 0 0 160.064 54.848c28.096 0 55.808-4.544 83.2-13.696a248.768 248.768 0 0 0 75.84-41.152 38.592 38.592 0 0 1 25.28-10.048 41.152 41.152 0 0 1 22.784 4.928l1.408 0.896c7.04 4.224 12.608 10.368 16.832 18.432 4.224 8.128 6.336 15.36 6.336 21.632a508.224 508.224 0 0 1-17.92 88.704c-8.384 28.8-19.456 56.064-33.152 81.792a496.128 496.128 0 0 1-47.936 73.344 448.256 448.256 0 0 1-63.168 63.296 451.2 451.2 0 0 1-281.92 103.36L510.336 960H470.4a427.136 427.136 0 0 1-170.56-51.712 458.048 458.048 0 0 1-132.672-109.76 454.592 454.592 0 0 1-82.176-152 438.784 438.784 0 0 1-19.392-171.648l0.448-5.632a427.008 427.008 0 0 1 40-151.936 442.24 442.24 0 0 1 87.424-125.632A441.152 441.152 0 0 1 318.72 104.128 424.576 424.576 0 0 1 470.4 64zM389.504 171.648l-1.92 0.64a330.176 330.176 0 0 0-30.72 12.8 351.616 351.616 0 0 0-100.096 69.888A353.536 353.536 0 0 0 186.88 355.84a336.256 336.256 0 0 0-31.168 115.392l-0.512 6.144c-4.48 49.984 0.512 96.896 15.04 141.824a365.12 365.12 0 0 0 65.984 122.368 368.512 368.512 0 0 0 107.008 88.384 336.384 336.384 0 0 0 130.304 40.32l1.216 0.128h35.584c40 0 78.912-6.464 117.184-19.456l4.992-1.728a353.28 353.28 0 0 0 108.288-61.76c17.856-14.72 33.6-30.208 47.232-46.528l2.944-3.584 3.328-4.288c12.16-16 23.104-32.64 32.704-50.048l2.88-5.248c6.592-12.416 12.48-25.408 17.6-39.04l0.704-1.92-3.648 1.28-4.608 1.664a350.528 350.528 0 0 1-321.984-51.84l-7.296-5.568a366.08 366.08 0 0 1-89.216-97.472l-2.56-4.16-0.448-0.768a362.24 362.24 0 0 1-42.88-260.544l1.024-5.12 0.32-1.28c3.072-12.928 6.912-25.664 11.456-38.144l1.216-3.2z"]
+	},
+	expand: {
+		source: "aui:expand",
+		paths: ["M960 640v243.2a76.8 76.8 0 0 1-74.88 76.8H640v-76.8h243.2V640H960zM387.264 576l54.336 54.336-250.624 250.624h195.264v76.8h-320v-320h76.8v182.464L387.264 576zM960 64v320h-76.8V201.472L638.976 445.76l-54.336-54.336L835.264 140.8H640V64h320zM384 64v76.8H140.8V384H64V140.8A76.8 76.8 0 0 1 138.88 64H384z"]
+	},
+	compress: {
+		source: "aui:compress",
+		paths: ["M960 640v243.2a76.8 76.8 0 0 1-74.88 76.8H640v-76.8h243.2V640H960zM460.8 563.2v320H384v-179.84l-243.2 243.2-63.36-63.36 243.2-243.2H140.8V563.2h320z m422.4-485.76l63.36 63.36-243.2 243.2h179.84v76.8h-320v-320H640v179.84l243.2-243.2zM384 64v76.8H140.8V384H64V140.8A76.8 76.8 0 0 1 138.88 64H384z"]
+	},
+	rollback: {
+		source: "prod:rollback",
+		paths: ["M505.728 25.6C777.728 25.6 998.4 243.2 998.4 512c0 268.8-220.672 486.4-492.672 486.4-192.256 0-364.416-109.76-445.312-278.08l-2.432-5.12 69.568-32.448C194.88 827.072 341.504 921.6 505.728 921.6c229.76 0 415.872-183.488 415.872-409.6 0-226.112-186.048-409.6-415.872-409.6a417.6 417.6 0 0 0-354.816 195.712L268.8 416H0V147.2l95.36 95.36A494.656 494.656 0 0 1 505.728 25.6zM588.8 268.8v332.8h-192V524.8H512v-256h76.8z"]
+	}
+};
+function CodeEditorIcon({ name, ...props }) {
+	const icon = codeEditorIconPaths[name];
+	return /* @__PURE__ */ jsx(SvgIcon, {
+		...props,
+		sx: {
+			width: 14,
+			height: 14,
+			...props.sx
+		},
+		viewBox: "0 0 1024 1024",
+		"data-aui-icon": icon.source,
+		children: icon.paths.map((path) => /* @__PURE__ */ jsx("path", { d: path }, path))
+	});
+}
+//#endregion
+//#region src/monacoEnvironment.ts
+function configureMonacoEnvironment() {
+	if (typeof window === "undefined") return;
+	if (typeof Reflect.get(window, "MonacoEnvironment")?.getWorker === "function") return;
+	window.MonacoEnvironment = { getWorker: (_moduleId, label) => {
+		if (label === "yaml") return new Worker(new URL("./yaml/yaml.worker.js", import.meta.url), { type: "module" });
+		if (label === "json") return new Worker(new URL("monaco-editor/esm/vs/language/json/json.worker.js", import.meta.url), { type: "module" });
+		return new Worker(new URL("monaco-editor/esm/vs/editor/editor.worker.js", import.meta.url), { type: "module" });
+	} };
+}
+//#endregion
+//#region src/runtime/runtimeState.ts
+const runtimeKey = Symbol.for("alauda.react-code-editor.runtime");
+function getSharedRuntimeState() {
+	const target = globalThis;
+	target[runtimeKey] ??= {};
+	return target[runtimeKey];
+}
+//#endregion
+//#region src/runtime/loadMonaco.ts
+function loadMonacoRuntime() {
+	const runtime = getSharedRuntimeState();
+	if (runtime.monacoPromise) return runtime.monacoPromise;
+	const promise = (async () => {
+		configureMonacoEnvironment();
+		const monaco = await import("monaco-editor/esm/vs/editor/editor.main.js");
+		loader.config({ monaco });
+		runtime.monaco = monaco;
+		return monaco;
+	})();
+	runtime.monacoPromise = promise;
+	promise.catch(() => {
+		if (runtime.monacoPromise === promise) runtime.monacoPromise = void 0;
+	});
+	return promise;
+}
+//#endregion
+//#region src/runtime/modelOwnership.ts
+function ownershipRegistry() {
+	const runtime = getSharedRuntimeState();
+	runtime.models ??= /* @__PURE__ */ new Map();
+	return runtime.models;
+}
+function acquireModelOwnership(monaco, ownerId, modelPath, language) {
+	const registry = ownershipRegistry();
+	const existing = registry.get(modelPath);
+	if (existing && existing.language !== language) throw new Error(`Conflicting editor languages for ${modelPath}: ${existing.language} and ${language}`);
+	const ownership = existing ?? (() => {
+		const uri = monaco.Uri.parse(modelPath);
+		return {
+			language,
+			owners: /* @__PURE__ */ new Set(),
+			uri,
+			ownedByPackage: !monaco.editor.getModel(uri)
+		};
+	})();
+	ownership.owners.add(ownerId);
+	registry.set(modelPath, ownership);
+	let active = true;
+	return () => {
+		if (!active) return;
+		active = false;
+		ownership.owners.delete(ownerId);
+		if (ownership.owners.size > 0) return;
+		registry.delete(modelPath);
+		if (ownership.ownedByPackage) monaco.editor.getModel(ownership.uri)?.dispose();
+	};
+}
+//#endregion
+//#region src/themeAppearance.ts
+const systemDarkQuery = "(prefers-color-scheme: dark)";
+function hostThemeSelection() {
+	if (typeof document === "undefined") return void 0;
+	const value = document.documentElement.dataset.auiThemeMode;
+	return value === "light" || value === "dark" || value === "system" ? value : void 0;
+}
+function prefersDark() {
+	return typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia(systemDarkQuery).matches;
+}
+function resolveCodeEditorThemeMode(selection, fallback, systemPrefersDark) {
+	if (selection === "dark") return "dark";
+	if (selection === "light") return "light";
+	if (selection === "system") return systemPrefersDark ? "dark" : "light";
+	return fallback;
+}
+function readEffectiveThemeMode(fallback) {
+	return resolveCodeEditorThemeMode(hostThemeSelection(), fallback, prefersDark());
+}
+function subscribeToThemeAppearance(listener) {
+	if (typeof document === "undefined") return () => void 0;
+	const root = document.documentElement;
+	const observer = typeof MutationObserver === "undefined" ? void 0 : new MutationObserver((records) => {
+		if (records.some((record) => record.attributeName === "data-aui-theme-mode")) listener();
+	});
+	observer?.observe(root, {
+		attributes: true,
+		attributeFilter: ["data-aui-theme-mode"]
+	});
+	const mediaQuery = typeof window !== "undefined" && typeof window.matchMedia === "function" ? window.matchMedia(systemDarkQuery) : void 0;
+	const mediaListener = () => listener();
+	mediaQuery?.addEventListener("change", mediaListener);
+	return () => {
+		observer?.disconnect();
+		mediaQuery?.removeEventListener("change", mediaListener);
+	};
+}
+/**
+* Reads the Host's CSS-backed appearance while retaining MUI compatibility for
+* standalone consumers that do not publish data-aui-theme-mode.
+*/
+function useCodeEditorThemeMode() {
+	const fallback = useTheme().palette.mode;
+	return useSyncExternalStore(subscribeToThemeAppearance, () => readEffectiveThemeMode(fallback), () => fallback);
+}
+//#endregion
+//#region src/CodeEditor.tsx
+const codeEditorActionPresets = {
+	create: [
+		"import",
+		"export",
+		"clear",
+		"find",
+		"copy",
+		"theme",
+		"fullscreen"
+	],
+	view: [
+		"export",
+		"find",
+		"copy",
+		"theme",
+		"fullscreen"
+	],
+	update: [
+		"import",
+		"export",
+		"recover",
+		"clear",
+		"find",
+		"copy",
+		"theme",
+		"fullscreen"
+	],
+	logs: [
+		"export",
+		"find",
+		"copy",
+		"theme",
+		"fullscreen"
+	]
+};
+const defaultLabels = {
+	copy: "Copy",
+	copied: "Copied",
+	copyFailed: "Copy failed",
+	clear: "Clear",
+	export: "Export",
+	find: "Find",
+	format: "Format",
+	fullscreen: "Full Screen",
+	exitFullscreen: "Exit",
+	import: "Import",
+	importFailed: "Unable to read file",
+	recover: "Recover",
+	theme: "Theme",
+	themeSystem: "Auto",
+	themeLight: "Light",
+	themeDark: "Dark",
+	undo: "Undo",
+	redo: "Redo",
+	loading: "Loading editor",
+	valid: "Validation passed",
+	errors: (count) => `${count} validation error${count === 1 ? "" : "s"}`,
+	lineColumn: (line, column) => `Ln ${line}, Col ${column}`
+};
+const defaultActions = [
+	"find",
+	"copy",
+	"format",
+	"undo",
+	"redo",
+	"fullscreen"
+];
+const exportFormats = {
+	json: {
+		mime: "application/json",
+		extension: "json"
+	},
+	markdown: {
+		mime: "text/markdown",
+		extension: "md"
+	},
+	plaintext: {
+		mime: "text/plain",
+		extension: "txt"
+	},
+	yaml: {
+		mime: "text/yaml",
+		extension: "yaml"
+	}
+};
+function markerSeverity(marker, monaco) {
+	if (marker.severity === monaco.MarkerSeverity.Error) return "error";
+	if (marker.severity === monaco.MarkerSeverity.Warning) return "warning";
+	if (marker.severity === monaco.MarkerSeverity.Info) return "info";
+	return "hint";
+}
+function mapDiagnostics(markers, monaco) {
+	return markers.map((marker) => ({
+		severity: markerSeverity(marker, monaco),
+		message: marker.message,
+		line: marker.startLineNumber,
+		column: marker.startColumn,
+		endLine: marker.endLineNumber,
+		endColumn: marker.endColumn,
+		...marker.code === void 0 ? {} : { code: String(marker.code) }
+	}));
+}
+const CodeEditor = forwardRef(function CodeEditor({ value, onChange, onBlur, language, modelPath, ariaLabel, readOnly = false, disabled = false, height = 400, minimap = false, actions = defaultActions, labels: labelOverrides, error, onDiagnostics, originalValue, diffMode = false, importAccept, exportFileName, onImportText, onExport, onRecover, onClear, themeMode: controlledThemeMode, onThemeModeChange, onFullscreenChange, sidebar, toolbarStart, toolbarActions, toolbarEnd }, ref) {
+	const theme = useTheme();
+	const appearanceMode = useCodeEditorThemeMode();
+	const ownerId = useId();
+	const editorRef = useRef(null);
+	const disposablesRef = useRef([]);
+	const diagnosticsRef = useRef([]);
+	const externalValueSyncRef = useRef(false);
+	const pendingLocalValuesRef = useRef([]);
+	const modelPathRef = useRef(modelPath);
+	const valueRef = useRef(value);
+	const [monaco, setMonaco] = useState(null);
+	const [runtimeError, setRuntimeError] = useState();
+	const [copyState, setCopyState] = useState("idle");
+	const [fullscreen, setFullscreen] = useState(false);
+	const importRevision = useRef(0);
+	const importTarget = useRef({
+		readOnly,
+		disabled,
+		modelPath,
+		onImportText,
+		onChange
+	});
+	importTarget.current = {
+		readOnly,
+		disabled,
+		modelPath,
+		onImportText,
+		onChange
+	};
+	const [importError, setImportError] = useState(false);
+	useEffect(() => {
+		importRevision.current += 1;
+		return () => {
+			importRevision.current += 1;
+		};
+	}, [
+		modelPath,
+		readOnly,
+		disabled,
+		value
+	]);
+	const [themeMenuAnchor, setThemeMenuAnchor] = useState(null);
+	const [localThemeMode, setLocalThemeMode] = useState("system");
+	const importInputRef = useRef(null);
+	const themeButtonRef = useRef(null);
+	const selectedThemeMode = controlledThemeMode ?? localThemeMode;
+	const resolvedTheme = selectedThemeMode === "system" ? appearanceMode : selectedThemeMode;
+	const editorColors = resolvedTheme === "dark" ? {
+		surface: "#181B27",
+		content: "#242733",
+		text: "#EEEFF3",
+		secondary: "#C8C9CD",
+		border: "#5C5F6B",
+		hover: "rgba(238,239,243,0.08)"
+	} : {
+		surface: "#F7F9FC",
+		content: "#FFFFFF",
+		text: "#323437",
+		secondary: "#646669",
+		border: "#D4D6D9",
+		hover: "rgba(50,52,55,0.04)"
+	};
+	const labels = {
+		...defaultLabels,
+		...labelOverrides
+	};
+	valueRef.current = value;
+	const synchronizeExternalValue = useCallback((editor, nextValue) => {
+		const model = editor.getModel();
+		if (!model) return;
+		const pending = pendingLocalValuesRef.current;
+		const acknowledgedIndex = pending.lastIndexOf(nextValue);
+		if (acknowledgedIndex >= 0) {
+			pending.splice(0, acknowledgedIndex + 1);
+			return;
+		}
+		if (model.getValue() === nextValue) return;
+		pending.length = 0;
+		const selections = editor.getSelections();
+		const scrollPosition = {
+			scrollLeft: editor.getScrollLeft(),
+			scrollTop: editor.getScrollTop()
+		};
+		externalValueSyncRef.current = true;
+		try {
+			editor.pushUndoStop();
+			if (!editor.executeEdits("alauda.react-code-editor.external-value", [{
+				range: model.getFullModelRange(),
+				text: nextValue,
+				forceMoveMarkers: true
+			}], selections ?? void 0)) model.setValue(nextValue);
+			editor.pushUndoStop();
+			if (selections) editor.setSelections(selections);
+			editor.setScrollPosition(scrollPosition);
+		} finally {
+			externalValueSyncRef.current = false;
+		}
+	}, []);
+	useEffect(() => {
+		let active = true;
+		let release;
+		setMonaco(null);
+		setRuntimeError(void 0);
+		loadMonacoRuntime().then((instance) => {
+			if (!active) return;
+			instance.editor.defineTheme("alauda-dark", {
+				base: "vs-dark",
+				inherit: true,
+				rules: [],
+				colors: {
+					"editor.background": "#242733",
+					"minimap.background": "#242733"
+				}
+			});
+			release = acquireModelOwnership(instance, ownerId, modelPath, language);
+			if (active) setMonaco(instance);
+			else release();
+		}).catch((errorValue) => {
+			if (active) setRuntimeError(errorValue instanceof Error ? errorValue.message : String(errorValue));
+		});
+		return () => {
+			active = false;
+			release?.();
+		};
+	}, [
+		language,
+		modelPath,
+		ownerId
+	]);
+	useEffect(() => () => {
+		disposablesRef.current.forEach((disposable) => disposable.dispose());
+		disposablesRef.current = [];
+		editorRef.current = null;
+	}, []);
+	useEffect(() => {
+		if (!monaco || !diffMode) return;
+		return acquireModelOwnership(monaco, `${ownerId}:original`, `${modelPath}.original`, language);
+	}, [
+		diffMode,
+		language,
+		modelPath,
+		monaco,
+		ownerId
+	]);
+	useEffect(() => {
+		if (modelPathRef.current !== modelPath) {
+			modelPathRef.current = modelPath;
+			pendingLocalValuesRef.current = [];
+		}
+		const editor = editorRef.current;
+		if (editor) synchronizeExternalValue(editor, value);
+	}, [
+		modelPath,
+		synchronizeExternalValue,
+		value
+	]);
+	const find = async () => {
+		editorRef.current?.focus();
+		await editorRef.current?.getAction("actions.find")?.run();
+	};
+	const format = async () => {
+		editorRef.current?.focus();
+		await editorRef.current?.getAction("editor.action.formatDocument")?.run();
+	};
+	useImperativeHandle(ref, () => ({
+		focus: () => editorRef.current?.focus(),
+		find,
+		format,
+		undo: () => editorRef.current?.trigger("code-editor", "undo", null),
+		redo: () => editorRef.current?.trigger("code-editor", "redo", null),
+		validate: async () => diagnosticsRef.current
+	}));
+	const onMount = (editor, instance) => {
+		editorRef.current = editor;
+		synchronizeExternalValue(editor, valueRef.current);
+		disposablesRef.current.forEach((disposable) => disposable.dispose());
+		disposablesRef.current = [editor.onDidBlurEditorText(() => onBlur?.())];
+		if (instance.editor?.onDidChangeMarkers) {
+			const publish = () => {
+				const model = editor.getModel();
+				if (!model) return;
+				const diagnostics = mapDiagnostics(instance.editor.getModelMarkers({ resource: model.uri }), instance);
+				diagnosticsRef.current = diagnostics;
+				onDiagnostics?.(diagnostics);
+			};
+			disposablesRef.current.push(instance.editor.onDidChangeMarkers((uris) => {
+				const uri = editor.getModel()?.uri.toString();
+				if (uris.some((changed) => changed.toString() === uri)) publish();
+			}));
+			publish();
+		}
+	};
+	const copy = async () => {
+		try {
+			await navigator.clipboard.writeText(editorRef.current?.getModel()?.getValue() ?? valueRef.current);
+			setCopyState("copied");
+		} catch {
+			setCopyState("failed");
+		}
+	};
+	const exportValue = () => {
+		if (onExport) {
+			onExport(valueRef.current);
+			return;
+		}
+		const format = exportFormats[language];
+		const basename = modelPath.split(/[?#]/)[0]?.split("/").at(-1) || "document";
+		const filename = exportFileName ?? (/\.[^./]+$/.test(basename) ? basename : `${basename}.${format.extension}`);
+		const blob = new Blob([valueRef.current], { type: `${format.mime};charset=utf-8` });
+		const url = URL.createObjectURL(blob);
+		const link = document.createElement("a");
+		link.href = url;
+		link.download = filename;
+		link.click();
+		URL.revokeObjectURL(url);
+	};
+	const importFile = (event) => {
+		const file = event.target.files?.[0];
+		event.target.value = "";
+		if (!file || readOnly || disabled) return;
+		const revision = ++importRevision.current;
+		const owner = modelPath;
+		setImportError(false);
+		file.text().then((text) => {
+			const target = importTarget.current;
+			if (revision !== importRevision.current || target.modelPath !== owner || target.readOnly || target.disabled) return;
+			if (target.onImportText) target.onImportText(text, file);
+			else target.onChange(text);
+		}).catch(() => {
+			if (revision === importRevision.current) setImportError(true);
+		});
+	};
+	const runAction = (action) => {
+		if (action === "find") find();
+		if (action === "copy") copy();
+		if (action === "clear") if (onClear) onClear();
+		else onChange("");
+		if (action === "export") exportValue();
+		if (action === "format") format();
+		if (action === "undo") editorRef.current?.trigger("code-editor", "undo", null);
+		if (action === "redo") editorRef.current?.trigger("code-editor", "redo", null);
+		if (action === "fullscreen") {
+			const next = !fullscreen;
+			setFullscreen(next);
+			onFullscreenChange?.(next);
+		}
+		if (action === "import") importInputRef.current?.click();
+		if (action === "recover") {
+			const nextValue = originalValue ?? "";
+			if (onRecover) onRecover(nextValue);
+			else onChange(nextValue);
+		}
+		if (action === "theme") setThemeMenuAnchor(themeButtonRef.current);
+	};
+	const actionLabel = (action) => {
+		if (action === "copy" && copyState === "copied") return labels.copied;
+		if (action === "copy" && copyState === "failed") return labels.copyFailed;
+		if (action === "fullscreen" && fullscreen) return labels.exitFullscreen;
+		return labels[action] ?? action;
+	};
+	const chooseTheme = (mode) => {
+		setLocalThemeMode(mode);
+		onThemeModeChange?.(mode);
+		setThemeMenuAnchor(null);
+	};
+	const actionIcon = (action) => {
+		const size = {
+			width: 14,
+			height: 14
+		};
+		if (action === "clear") return /* @__PURE__ */ jsx(CodeEditorIcon, {
+			name: "xmark_circle",
+			sx: size
+		});
+		if (action === "copy") return /* @__PURE__ */ jsx(CodeEditorIcon, {
+			name: "copy",
+			sx: size
+		});
+		if (action === "export") return /* @__PURE__ */ jsx(CodeEditorIcon, {
+			name: "file_export",
+			sx: size
+		});
+		if (action === "find") return /* @__PURE__ */ jsx(CodeEditorIcon, {
+			name: "magnifier",
+			sx: size
+		});
+		if (action === "format") return /* @__PURE__ */ jsx(FormatAlignLeftRoundedIcon, { sx: size });
+		if (action === "fullscreen") return /* @__PURE__ */ jsx(CodeEditorIcon, {
+			name: fullscreen ? "compress" : "expand",
+			sx: size
+		});
+		if (action === "import") return /* @__PURE__ */ jsx(CodeEditorIcon, {
+			name: "file_import",
+			sx: size
+		});
+		if (action === "recover") return /* @__PURE__ */ jsx(CodeEditorIcon, {
+			name: "rollback",
+			sx: size
+		});
+		if (action === "redo") return /* @__PURE__ */ jsx(RedoRoundedIcon, { sx: size });
+		if (action === "theme") {
+			if (selectedThemeMode === "dark") return /* @__PURE__ */ jsx(CodeEditorIcon, {
+				name: "moon",
+				sx: size
+			});
+			if (selectedThemeMode === "light") return /* @__PURE__ */ jsx(CodeEditorIcon, {
+				name: "sun",
+				sx: size
+			});
+			return /* @__PURE__ */ jsx(CodeEditorIcon, {
+				name: "computer",
+				sx: size
+			});
+		}
+		return /* @__PURE__ */ jsx(UndoRoundedIcon, { sx: size });
+	};
+	if (runtimeError) return /* @__PURE__ */ jsx(Alert, {
+		severity: "error",
+		role: "alert",
+		children: runtimeError
+	});
+	if (!monaco) return /* @__PURE__ */ jsx(Box, {
+		role: "status",
+		"aria-label": labels.loading,
+		sx: {
+			display: "grid",
+			height,
+			minHeight: 160,
+			placeItems: "center"
+		},
+		children: /* @__PURE__ */ jsx(CircularProgress, { "aria-hidden": "true" })
+	});
+	return /* @__PURE__ */ jsxs(Box, {
+		role: "region",
+		"aria-label": `${ariaLabel} editor`,
+		sx: {
+			position: fullscreen ? "fixed" : "relative",
+			inset: fullscreen ? 0 : void 0,
+			zIndex: fullscreen ? theme.zIndex.modal : void 0,
+			display: "flex",
+			flexDirection: sidebar ? "row" : "column",
+			height: fullscreen ? "100dvh" : height,
+			minHeight: 160,
+			overflow: "hidden",
+			bgcolor: "transparent"
+		},
+		children: [/* @__PURE__ */ jsxs(Box, {
+			"data-code-editor-appearance": resolvedTheme,
+			sx: {
+				display: "flex",
+				flex: sidebar ? "2 1 0%" : "1 1 auto",
+				flexDirection: "column",
+				minWidth: 0,
+				minHeight: 0,
+				bgcolor: editorColors.surface,
+				color: editorColors.text,
+				padding: "0 12px 12px",
+				border: 0,
+				borderRadius: fullscreen ? 0 : 1,
+				overflow: "hidden"
+			},
+			children: [
+				/* @__PURE__ */ jsxs(Box, {
+					sx: {
+						display: "flex",
+						alignItems: "center",
+						gap: 1,
+						flexWrap: "wrap",
+						minHeight: 22,
+						flexShrink: 0,
+						px: 2,
+						py: 3,
+						"& .MuiIconButton-root, & .MuiCheckbox-root": { color: editorColors.secondary },
+						"& .MuiCheckbox-root": { padding: "5px" },
+						"& .MuiIconButton-root:hover": { bgcolor: editorColors.hover },
+						"& .MuiFormControlLabel-root": { color: editorColors.text }
+					},
+					children: [
+						toolbarStart,
+						/* @__PURE__ */ jsx(Box, { sx: { flex: 1 } }),
+						actions.filter((action) => {
+							if (readOnly && [
+								"import",
+								"recover",
+								"clear",
+								"format",
+								"undo",
+								"redo"
+							].includes(action)) return false;
+							if (action === "recover" && originalValue === void 0) return false;
+							if ([
+								"export",
+								"find",
+								"copy",
+								"clear"
+							].includes(action)) return Boolean(value);
+							return true;
+						}).map((action) => /* @__PURE__ */ jsx(Tooltip, {
+							title: actionLabel(action),
+							children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, {
+								ref: action === "theme" ? themeButtonRef : void 0,
+								"aria-label": actionLabel(action),
+								"aria-pressed": action === "fullscreen" ? fullscreen : void 0,
+								disabled: disabled || readOnly && [
+									"format",
+									"undo",
+									"redo",
+									"clear",
+									"recover",
+									"import"
+								].includes(action),
+								size: "small",
+								sx: {
+									width: 28,
+									height: 28
+								},
+								onClick: () => runAction(action),
+								children: actionIcon(action)
+							}) })
+						}, action)),
+						toolbarEnd,
+						toolbarActions
+					]
+				}),
+				importError ? /* @__PURE__ */ jsx(Alert, {
+					severity: "error",
+					role: "alert",
+					children: labels.importFailed
+				}) : null,
+				/* @__PURE__ */ jsx("input", {
+					ref: importInputRef,
+					hidden: true,
+					type: "file",
+					accept: importAccept,
+					onChange: importFile
+				}),
+				/* @__PURE__ */ jsxs(Menu, {
+					anchorEl: themeMenuAnchor,
+					open: Boolean(themeMenuAnchor),
+					onClose: () => setThemeMenuAnchor(null),
+					slotProps: { paper: { sx: {
+						bgcolor: editorColors.surface,
+						color: editorColors.text
+					} } },
+					children: [
+						/* @__PURE__ */ jsxs(MenuItem, {
+							selected: selectedThemeMode === "system",
+							onClick: () => chooseTheme("system"),
+							children: [/* @__PURE__ */ jsx(CodeEditorIcon, {
+								name: "computer",
+								sx: {
+									width: 14,
+									height: 14,
+									mr: 1
+								}
+							}), labels.themeSystem]
+						}),
+						/* @__PURE__ */ jsxs(MenuItem, {
+							selected: selectedThemeMode === "light",
+							onClick: () => chooseTheme("light"),
+							children: [/* @__PURE__ */ jsx(CodeEditorIcon, {
+								name: "sun",
+								sx: {
+									width: 14,
+									height: 14,
+									mr: 1
+								}
+							}), labels.themeLight]
+						}),
+						/* @__PURE__ */ jsxs(MenuItem, {
+							selected: selectedThemeMode === "dark",
+							onClick: () => chooseTheme("dark"),
+							children: [/* @__PURE__ */ jsx(CodeEditorIcon, {
+								name: "moon",
+								sx: {
+									width: 14,
+									height: 14,
+									mr: 1
+								}
+							}), labels.themeDark]
+						})
+					]
+				}),
+				error ? /* @__PURE__ */ jsx(Alert, {
+					severity: "error",
+					role: "alert",
+					children: error
+				}) : null,
+				/* @__PURE__ */ jsx(Box, {
+					sx: {
+						display: "flex",
+						flex: "1 1 auto",
+						minHeight: 0,
+						overflow: "hidden",
+						px: 0,
+						pb: 0
+					},
+					children: /* @__PURE__ */ jsx(Box, {
+						sx: {
+							flex: "1 1 auto",
+							minWidth: 0,
+							minHeight: 0,
+							overflow: "hidden",
+							border: 1,
+							borderColor: error ? "error.main" : editorColors.border,
+							borderRadius: 1
+						},
+						children: diffMode ? /* @__PURE__ */ jsx(DiffEditor, {
+							height: "100%",
+							language,
+							original: originalValue ?? "",
+							modified: value,
+							originalModelPath: `${modelPath}.original`,
+							modifiedModelPath: modelPath,
+							theme: resolvedTheme === "dark" ? "alauda-dark" : "vs",
+							keepCurrentOriginalModel: true,
+							keepCurrentModifiedModel: true,
+							onMount: (diffEditor, instance) => {
+								const modified = diffEditor.getModifiedEditor();
+								onMount(modified, instance);
+								disposablesRef.current.push(modified.onDidChangeModelContent(() => {
+									if (!externalValueSyncRef.current) onChange(modified.getValue());
+								}));
+							},
+							options: {
+								ariaLabel,
+								automaticLayout: true,
+								originalEditable: false,
+								readOnly: readOnly || disabled,
+								renderSideBySide: true,
+								scrollBeyondLastLine: false,
+								minimap: { enabled: minimap }
+							}
+						}) : /* @__PURE__ */ jsx(Editor, {
+							height: "100%",
+							language,
+							path: modelPath,
+							theme: resolvedTheme === "dark" ? "alauda-dark" : "vs",
+							defaultValue: value,
+							keepCurrentModel: true,
+							onMount,
+							onChange: (nextValue) => {
+								if (externalValueSyncRef.current) return;
+								const normalized = nextValue ?? "";
+								const pending = pendingLocalValuesRef.current;
+								if (pending.at(-1) !== normalized) {
+									pending.push(normalized);
+									if (pending.length > 64) pending.splice(0, pending.length - 64);
+								}
+								onChange(normalized);
+							},
+							onValidate: (markers) => {
+								const diagnostics = mapDiagnostics(markers, monaco);
+								diagnosticsRef.current = diagnostics;
+								onDiagnostics?.(diagnostics);
+							},
+							options: {
+								ariaLabel,
+								automaticLayout: true,
+								bracketPairColorization: { enabled: true },
+								folding: true,
+								fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
+								fontSize: 13,
+								formatOnPaste: true,
+								insertSpaces: true,
+								lineHeight: 22,
+								minimap: { enabled: minimap },
+								padding: {
+									top: 12,
+									bottom: 12
+								},
+								readOnly: readOnly || disabled,
+								renderValidationDecorations: "on",
+								scrollBeyondLastLine: false,
+								tabSize: 2
+							}
+						})
+					})
+				})
+			]
+		}), sidebar]
+	});
+});
+//#endregion
+export { loadMonacoRuntime as a, acquireModelOwnership as i, codeEditorActionPresets as n, getSharedRuntimeState as o, useCodeEditorThemeMode as r, CodeEditor as t };
+
+//# sourceMappingURL=CodeEditor-DhYaoBaC.js.map