@alauda/react-code-editor 0.1.0-next.20260812.1786527360

package/README.md

@@ -0,0 +1,62 @@
+# `@alauda/react-code-editor`
+
+面向 React 应用的 Monaco 代码编辑器。根入口提供受控 `CodeEditor` 和 `DiffCodeEditor`；
+`@alauda/react-code-editor/yaml` 提供按需加载的 YAML Schema、diagnostics 和 Kubernetes mode。
+
+首版支持 JSON、Markdown、纯文本和 YAML。调用方负责提供受控值、稳定的 `modelPath`、Schema、文案
+以及数据获取和提交逻辑；本包不依赖 Console SDK，不获取 Kubernetes 资源，也不执行 mutation。
+
+本包是 Code Editor 的唯一公共 package，不属于 `@alauda/console-ui`，也不通过 `console-ui` 二次封装。
+Console 业务 plugin 直接消费本包；`console-ui` 可以提供编辑器外围的页面、表单和反馈组件，但不拥有
+Monaco、worker、language service 或 Code Editor 公共 API。
+
+独立拆包依据、OCP Code Editor 对比和最终选型见
+[Code Editor 独立拆包与 OCP 调研结论](docs/research/code-editor-package-and-ocp-evaluation.md)。
+
+在 ACP Console Host 和业务 plugin 中安装、配置 Module Federation、处理 Rsbuild worker 路径及进行
+生产验收时，请参阅 [ACP Console 接入指南](docs/guides/console-integration.md)。
+
+## 使用方式
+
+```tsx
+import { CodeEditor, DiffCodeEditor } from '@alauda/react-code-editor';
+import { ResourceYamlEditor } from '@alauda/react-code-editor/yaml';
+```
+
+- 根入口：受控编辑器、Diff 编辑器、语义 handle、diagnostics、toolbar actions 和 labels。
+- `./yaml`：调用方提供 JSON-compatible Schema、稳定 `modelPath` 和可选 Kubernetes mode；本包管理
+  YAML language service、Schema owner 和 worker 生命周期。
+- 不要从 `src/**` 或 `dist/**` 深层导入。
+
+## Module Federation
+
+普通 React 应用可以直接使用本包。用于 Module Federation Host/remote 时，双方应把 React、MUI、
+Emotion、`@monaco-editor/react`、`monaco-editor` 和 `monaco-yaml` 配置为 singleton。不同 remote 中的
+package module 即使被重复执行，也会通过全局 registry 合并 Monaco loader、model 和 Schema lifecycle。
+
+## 本地验证
+
+启动可交互 playground：
+
+```sh
+yarn install
+yarn dev
+```
+
+打开 `http://localhost:9001`，可以切换 YAML、JSON、Markdown、纯文本和 Diff 场景，并验证只读模式与
+light/dark theme。`yarn build:demo` 用于验证 playground 的生产构建和 worker 产物；demo 不进入 npm
+发布包。
+
+完整检查：
+
+```sh
+yarn typecheck
+yarn lint
+yarn test
+yarn build:demo
+yarn build
+yarn check
+yarn pack:dry-run
+```
+
+构建后的可发布目录为 `dist/package`。实际发布前应由 CI 注入正式版本并完成审批。

package/chunks/CodeEditor-CEfhCmSA.js

@@ -0,0 +1,431 @@
+import Editor, { 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 Tooltip from "@mui/material/Tooltip";
+import Typography from "@mui/material/Typography";
+import { useTheme } from "@mui/material/styles";
+import { forwardRef, useCallback, useEffect, useId, useImperativeHandle, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#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));
+		if (label === "json") return new Worker(new URL("monaco-editor/esm/vs/language/json/json.worker.js", import.meta.url));
+		return new Worker(new URL("monaco-editor/esm/vs/editor/editor.worker.js", import.meta.url));
+	} };
+}
+//#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/CodeEditor.tsx
+const defaultLabels = {
+	copy: "Copy",
+	copied: "Copied",
+	copyFailed: "Copy failed",
+	find: "Search",
+	format: "Format",
+	fullscreen: "Enter fullscreen",
+	exitFullscreen: "Exit fullscreen",
+	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 paths = {
+	copy: "M16 1H4a2 2 0 0 0-2 2v14h2V3h12zm3 4H8a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2m0 16H8V7h11z",
+	find: "M9.5 3a6.5 6.5 0 1 0 3.98 11.64L19.85 21 21 19.85l-6.36-6.37A6.5 6.5 0 0 0 9.5 3m0 2a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9",
+	format: "M3 5h18v2H3zm0 6h12v2H3zm0 6h18v2H3z",
+	fullscreen: "M4 4h6v2H6v4H4zm10 0h6v6h-2V6h-4zM4 14h2v4h4v2H4zm14 0h2v6h-6v-2h4z",
+	redo: "M15 6V3l5 5-5 5v-3c-4 0-7 1-9 5 1-6 4-9 9-9",
+	undo: "M9 6V3L4 8l5 5v-3c4 0 7 1 9 5-1-6-4-9-9-9"
+};
+const ToolIcon = ({ path }) => /* @__PURE__ */ jsx(Box, {
+	component: "svg",
+	"aria-hidden": "true",
+	viewBox: "0 0 24 24",
+	sx: {
+		width: 20,
+		height: 20,
+		fill: "currentColor"
+	},
+	children: /* @__PURE__ */ jsx("path", { d: path })
+});
+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, actions = defaultActions, labels: labelOverrides, error, onDiagnostics, toolbarStart, toolbarEnd }, ref) {
+	const theme = useTheme();
+	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 [position, setPosition] = useState({
+		lineNumber: 1,
+		column: 1
+	});
+	const [diagnosticCount, setDiagnosticCount] = useState(0);
+	const [copyState, setCopyState] = useState("idle");
+	const [fullscreen, setFullscreen] = useState(false);
+	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;
+			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 (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) => {
+		editorRef.current = editor;
+		synchronizeExternalValue(editor, valueRef.current);
+		disposablesRef.current.forEach((disposable) => disposable.dispose());
+		disposablesRef.current = [editor.onDidChangeCursorPosition((event) => setPosition(event.position)), editor.onDidBlurEditorText(() => onBlur?.())];
+		const currentPosition = editor.getPosition();
+		if (currentPosition) setPosition(currentPosition);
+	};
+	const copy = async () => {
+		try {
+			await navigator.clipboard.writeText(editorRef.current?.getModel()?.getValue() ?? valueRef.current);
+			setCopyState("copied");
+		} catch {
+			setCopyState("failed");
+		}
+	};
+	const runAction = (action) => {
+		if (action === "find") find();
+		if (action === "copy") copy();
+		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") setFullscreen((current) => !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];
+	};
+	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: "column",
+			height: fullscreen ? "100dvh" : height,
+			minHeight: 160,
+			overflow: "hidden",
+			bgcolor: "background.paper",
+			border: 1,
+			borderColor: error ? "error.main" : "divider",
+			borderRadius: fullscreen ? 0 : 1
+		},
+		children: [
+			/* @__PURE__ */ jsxs(Box, {
+				sx: {
+					display: "flex",
+					alignItems: "center",
+					gap: 1,
+					minHeight: 40,
+					px: 1,
+					borderBottom: 1,
+					borderColor: "divider"
+				},
+				children: [
+					toolbarStart,
+					/* @__PURE__ */ jsx(Box, { sx: { flex: 1 } }),
+					actions.map((action) => /* @__PURE__ */ jsx(Tooltip, {
+						title: actionLabel(action),
+						children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, {
+							"aria-label": actionLabel(action),
+							"aria-pressed": action === "fullscreen" ? fullscreen : void 0,
+							disabled: disabled || readOnly && [
+								"format",
+								"undo",
+								"redo"
+							].includes(action),
+							size: "small",
+							onClick: () => runAction(action),
+							children: /* @__PURE__ */ jsx(ToolIcon, { path: paths[action] })
+						}) })
+					}, action)),
+					toolbarEnd
+				]
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				sx: {
+					flex: "1 1 auto",
+					minHeight: 0,
+					overflow: "hidden"
+				},
+				children: /* @__PURE__ */ jsx(Editor, {
+					height: "100%",
+					language,
+					path: modelPath,
+					theme: theme.palette.mode === "dark" ? "vs-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;
+						setDiagnosticCount(diagnostics.filter((item) => item.severity === "error").length);
+						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: false },
+						padding: {
+							top: 12,
+							bottom: 12
+						},
+						readOnly: readOnly || disabled,
+						renderValidationDecorations: "on",
+						scrollBeyondLastLine: false,
+						tabSize: 2
+					}
+				})
+			}),
+			/* @__PURE__ */ jsxs(Box, {
+				"aria-live": "polite",
+				sx: {
+					display: "flex",
+					justifyContent: "space-between",
+					gap: 2,
+					minHeight: 28,
+					px: 1.5,
+					py: .5,
+					borderTop: 1,
+					borderColor: "divider"
+				},
+				children: [
+					/* @__PURE__ */ jsx(Typography, {
+						variant: "caption",
+						children: language.toUpperCase()
+					}),
+					/* @__PURE__ */ jsx(Typography, {
+						variant: "caption",
+						color: error || diagnosticCount ? "error" : "text.secondary",
+						children: error ?? (diagnosticCount ? labels.errors(diagnosticCount) : labels.valid)
+					}),
+					/* @__PURE__ */ jsx(Typography, {
+						variant: "caption",
+						children: labels.lineColumn(position.lineNumber, position.column)
+					})
+				]
+			})
+		]
+	});
+});
+//#endregion
+export { getSharedRuntimeState as i, acquireModelOwnership as n, loadMonacoRuntime as r, CodeEditor as t };
+
+//# sourceMappingURL=CodeEditor-CEfhCmSA.js.map

package/chunks/CodeEditor-CEfhCmSA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeEditor-CEfhCmSA.js","names":[],"sources":["../../../src/monacoEnvironment.ts","../../../src/runtime/runtimeState.ts","../../../src/runtime/loadMonaco.ts","../../../src/runtime/modelOwnership.ts","../../../src/CodeEditor.tsx"],"sourcesContent":["declare global {\n  interface Window {\n    MonacoEnvironment: {\n      getWorker: (_moduleId: string, label: string) => Worker;\n    };\n  }\n}\n\nexport function configureMonacoEnvironment(): void {\n  if (typeof window === 'undefined') return;\n  const existing = Reflect.get(window, 'MonacoEnvironment') as\n    | { readonly getWorker?: unknown }\n    | undefined;\n  if (typeof existing?.getWorker === 'function') return;\n\n  window.MonacoEnvironment = {\n    getWorker: (_moduleId, label) => {\n      if (label === 'yaml') {\n        return new Worker(new URL('./yaml/yaml.worker.js', import.meta.url));\n      }\n      if (label === 'json') {\n        return new Worker(new URL(\n          'monaco-editor/esm/vs/language/json/json.worker.js',\n          import.meta.url,\n        ));\n      }\n      return new Worker(new URL(\n        'monaco-editor/esm/vs/editor/editor.worker.js',\n        import.meta.url,\n      ));\n    },\n  };\n}\n","import type * as Monaco from 'monaco-editor/esm/vs/editor/editor.main.js';\n\nexport interface SharedCodeEditorRuntimeState {\n  monaco?: typeof Monaco;\n  monacoPromise?: Promise<typeof Monaco>;\n  models?: Map<string, unknown>;\n  yaml?: unknown;\n}\n\nconst runtimeKey = Symbol.for('alauda.react-code-editor.runtime');\n\nexport function getSharedRuntimeState(): SharedCodeEditorRuntimeState {\n  const target = globalThis as typeof globalThis & {\n    [runtimeKey]?: SharedCodeEditorRuntimeState;\n  };\n  target[runtimeKey] ??= {};\n  return target[runtimeKey];\n}\n","import { loader } from '@monaco-editor/react';\nimport type * as Monaco from 'monaco-editor/esm/vs/editor/editor.main.js';\n\nimport { configureMonacoEnvironment } from '../monacoEnvironment';\nimport { getSharedRuntimeState } from './runtimeState';\n\nexport function loadMonacoRuntime(): Promise<typeof Monaco> {\n  const runtime = getSharedRuntimeState();\n  if (runtime.monacoPromise) return runtime.monacoPromise;\n  const promise = (async () => {\n    configureMonacoEnvironment();\n    const monaco = await import(\n      'monaco-editor/esm/vs/editor/editor.main.js'\n    );\n    loader.config({ monaco });\n    runtime.monaco = monaco;\n    return monaco;\n  })();\n  runtime.monacoPromise = promise;\n  void promise.catch(() => {\n    if (runtime.monacoPromise === promise) runtime.monacoPromise = undefined;\n  });\n  return promise;\n}\n","import type * as Monaco from 'monaco-editor/esm/vs/editor/editor.main.js';\n\nimport { getSharedRuntimeState } from './runtimeState';\n\ninterface ModelOwnership {\n  readonly language: string;\n  readonly owners: Set<string>;\n  readonly uri: Monaco.Uri;\n  readonly ownedByPackage: boolean;\n}\n\nfunction ownershipRegistry(): Map<string, ModelOwnership> {\n  const runtime = getSharedRuntimeState();\n  runtime.models ??= new Map();\n  return runtime.models as Map<string, ModelOwnership>;\n}\n\nexport function acquireModelOwnership(\n  monaco: typeof Monaco,\n  ownerId: string,\n  modelPath: string,\n  language: string,\n): () => void {\n  const registry = ownershipRegistry();\n  const existing = registry.get(modelPath);\n  if (existing && existing.language !== language) {\n    throw new Error(\n      `Conflicting editor languages for ${modelPath}: `\n      + `${existing.language} and ${language}`,\n    );\n  }\n\n  const ownership = existing ?? (() => {\n    const uri = monaco.Uri.parse(modelPath);\n    return {\n      language,\n      owners: new Set<string>(),\n      uri,\n      ownedByPackage: !monaco.editor.getModel(uri),\n    } satisfies ModelOwnership;\n  })();\n  ownership.owners.add(ownerId);\n  registry.set(modelPath, ownership);\n\n  let active = true;\n  return () => {\n    if (!active) return;\n    active = false;\n    ownership.owners.delete(ownerId);\n    if (ownership.owners.size > 0) return;\n    registry.delete(modelPath);\n    if (ownership.ownedByPackage) {\n      monaco.editor.getModel(ownership.uri)?.dispose();\n    }\n  };\n}\n","import Editor, { type OnMount } from '@monaco-editor/react';\nimport Alert from '@mui/material/Alert';\nimport Box from '@mui/material/Box';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport { useTheme } from '@mui/material/styles';\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useRef,\n  useState,\n  type FC,\n  type ReactNode,\n} from 'react';\nimport type * as Monaco from 'monaco-editor/esm/vs/editor/editor.main.js';\n\nimport { loadMonacoRuntime } from './runtime/loadMonaco';\nimport { acquireModelOwnership } from './runtime/modelOwnership';\n\nexport type CodeEditorLanguage =\n  | 'json'\n  | 'markdown'\n  | 'plaintext'\n  | 'yaml';\n\nexport type CodeEditorAction =\n  | 'copy'\n  | 'find'\n  | 'format'\n  | 'fullscreen'\n  | 'redo'\n  | 'undo';\n\nexport type CodeEditorDiagnosticSeverity =\n  | 'error'\n  | 'warning'\n  | 'info'\n  | 'hint';\n\nexport interface CodeEditorDiagnostic {\n  readonly severity: CodeEditorDiagnosticSeverity;\n  readonly message: string;\n  readonly line: number;\n  readonly column: number;\n  readonly endLine: number;\n  readonly endColumn: number;\n  readonly code?: string;\n}\n\nexport interface CodeEditorLabels {\n  readonly copy: string;\n  readonly copied: string;\n  readonly copyFailed: string;\n  readonly find: string;\n  readonly format: string;\n  readonly fullscreen: string;\n  readonly exitFullscreen: string;\n  readonly undo: string;\n  readonly redo: string;\n  readonly loading: string;\n  readonly valid: string;\n  readonly errors: (count: number) => string;\n  readonly lineColumn: (line: number, column: number) => string;\n}\n\nexport interface CodeEditorHandle {\n  focus(): void;\n  find(): Promise<void>;\n  format(): Promise<void>;\n  undo(): void;\n  redo(): void;\n  validate(): Promise<readonly CodeEditorDiagnostic[]>;\n}\n\nexport interface CodeEditorProps {\n  readonly value: string;\n  readonly onChange: (value: string) => void;\n  readonly onBlur?: () => void;\n  readonly language: CodeEditorLanguage;\n  readonly modelPath: string;\n  readonly ariaLabel: string;\n  readonly readOnly?: boolean;\n  readonly disabled?: boolean;\n  readonly height?: number | string;\n  readonly actions?: readonly CodeEditorAction[];\n  readonly labels?: Partial<CodeEditorLabels>;\n  readonly error?: string | null;\n  readonly onDiagnostics?: (\n    diagnostics: readonly CodeEditorDiagnostic[],\n  ) => void;\n  readonly toolbarStart?: ReactNode;\n  readonly toolbarEnd?: ReactNode;\n}\n\nconst defaultLabels: CodeEditorLabels = {\n  copy: 'Copy',\n  copied: 'Copied',\n  copyFailed: 'Copy failed',\n  find: 'Search',\n  format: 'Format',\n  fullscreen: 'Enter fullscreen',\n  exitFullscreen: 'Exit fullscreen',\n  undo: 'Undo',\n  redo: 'Redo',\n  loading: 'Loading editor',\n  valid: 'Validation passed',\n  errors: count => `${count} validation error${count === 1 ? '' : 's'}`,\n  lineColumn: (line, column) => `Ln ${line}, Col ${column}`,\n};\n\nconst defaultActions: readonly CodeEditorAction[] = [\n  'find',\n  'copy',\n  'format',\n  'undo',\n  'redo',\n  'fullscreen',\n];\n\nconst paths = {\n  copy: 'M16 1H4a2 2 0 0 0-2 2v14h2V3h12zm3 4H8a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2m0 16H8V7h11z',\n  find: 'M9.5 3a6.5 6.5 0 1 0 3.98 11.64L19.85 21 21 19.85l-6.36-6.37A6.5 6.5 0 0 0 9.5 3m0 2a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9',\n  format: 'M3 5h18v2H3zm0 6h12v2H3zm0 6h18v2H3z',\n  fullscreen: 'M4 4h6v2H6v4H4zm10 0h6v6h-2V6h-4zM4 14h2v4h4v2H4zm14 0h2v6h-6v-2h4z',\n  redo: 'M15 6V3l5 5-5 5v-3c-4 0-7 1-9 5 1-6 4-9 9-9',\n  undo: 'M9 6V3L4 8l5 5v-3c4 0 7 1 9 5-1-6-4-9-9-9',\n} satisfies Record<CodeEditorAction, string>;\n\nconst ToolIcon: FC<{ readonly path: string }> = ({ path }) => (\n  <Box\n    component=\"svg\"\n    aria-hidden=\"true\"\n    viewBox=\"0 0 24 24\"\n    sx={{ width: 20, height: 20, fill: 'currentColor' }}\n  >\n    <path d={path} />\n  </Box>\n);\n\nfunction markerSeverity(\n  marker: Monaco.editor.IMarker,\n  monaco: typeof Monaco,\n): CodeEditorDiagnosticSeverity {\n  if (marker.severity === monaco.MarkerSeverity.Error) return 'error';\n  if (marker.severity === monaco.MarkerSeverity.Warning) return 'warning';\n  if (marker.severity === monaco.MarkerSeverity.Info) return 'info';\n  return 'hint';\n}\n\nfunction mapDiagnostics(\n  markers: readonly Monaco.editor.IMarker[],\n  monaco: typeof Monaco,\n): readonly CodeEditorDiagnostic[] {\n  return markers.map(marker => ({\n    severity: markerSeverity(marker, monaco),\n    message: marker.message,\n    line: marker.startLineNumber,\n    column: marker.startColumn,\n    endLine: marker.endLineNumber,\n    endColumn: marker.endColumn,\n    ...(marker.code === undefined ? {} : { code: String(marker.code) }),\n  }));\n}\n\nexport const CodeEditor = forwardRef<CodeEditorHandle, CodeEditorProps>(\n  function CodeEditor({\n    value,\n    onChange,\n    onBlur,\n    language,\n    modelPath,\n    ariaLabel,\n    readOnly = false,\n    disabled = false,\n    height = 400,\n    actions = defaultActions,\n    labels: labelOverrides,\n    error,\n    onDiagnostics,\n    toolbarStart,\n    toolbarEnd,\n  }, ref) {\n    const theme = useTheme();\n    const ownerId = useId();\n    const editorRef = useRef<Monaco.editor.IStandaloneCodeEditor | null>(null);\n    const disposablesRef = useRef<Monaco.IDisposable[]>([]);\n    const diagnosticsRef = useRef<readonly CodeEditorDiagnostic[]>([]);\n    const externalValueSyncRef = useRef(false);\n    const pendingLocalValuesRef = useRef<string[]>([]);\n    const modelPathRef = useRef(modelPath);\n    const valueRef = useRef(value);\n    const [monaco, setMonaco] = useState<typeof Monaco | null>(null);\n    const [runtimeError, setRuntimeError] = useState<string>();\n    const [position, setPosition] = useState({ lineNumber: 1, column: 1 });\n    const [diagnosticCount, setDiagnosticCount] = useState(0);\n    const [copyState, setCopyState] = useState<'idle' | 'copied' | 'failed'>('idle');\n    const [fullscreen, setFullscreen] = useState(false);\n    const labels = { ...defaultLabels, ...labelOverrides };\n    valueRef.current = value;\n\n    const synchronizeExternalValue = useCallback((\n      editor: Monaco.editor.IStandaloneCodeEditor,\n      nextValue: string,\n    ): void => {\n      const model = editor.getModel();\n      if (!model) return;\n\n      const pending = pendingLocalValuesRef.current;\n      const acknowledgedIndex = pending.lastIndexOf(nextValue);\n      if (acknowledgedIndex >= 0) {\n        pending.splice(0, acknowledgedIndex + 1);\n        return;\n      }\n      if (model.getValue() === nextValue) return;\n\n      pending.length = 0;\n      const selections = editor.getSelections();\n      const scrollPosition = {\n        scrollLeft: editor.getScrollLeft(),\n        scrollTop: editor.getScrollTop(),\n      };\n      externalValueSyncRef.current = true;\n      try {\n        editor.pushUndoStop();\n        const applied = editor.executeEdits(\n          'alauda.react-code-editor.external-value',\n          [{\n            range: model.getFullModelRange(),\n            text: nextValue,\n            forceMoveMarkers: true,\n          }],\n          selections ?? undefined,\n        );\n        if (!applied) model.setValue(nextValue);\n        editor.pushUndoStop();\n        if (selections) editor.setSelections(selections);\n        editor.setScrollPosition(scrollPosition);\n      } finally {\n        externalValueSyncRef.current = false;\n      }\n    }, []);\n\n    useEffect(() => {\n      let active = true;\n      let release: (() => void) | undefined;\n      setMonaco(null);\n      setRuntimeError(undefined);\n      void loadMonacoRuntime()\n        .then(instance => {\n          if (!active) return;\n          release = acquireModelOwnership(\n            instance,\n            ownerId,\n            modelPath,\n            language,\n          );\n          if (active) setMonaco(instance);\n          else release();\n        })\n        .catch(errorValue => {\n          if (active) {\n            setRuntimeError(\n              errorValue instanceof Error\n                ? errorValue.message\n                : String(errorValue),\n            );\n          }\n        });\n      return () => {\n        active = false;\n        release?.();\n      };\n    }, [language, modelPath, ownerId]);\n\n    useEffect(() => () => {\n      disposablesRef.current.forEach(disposable => disposable.dispose());\n      disposablesRef.current = [];\n      editorRef.current = null;\n    }, []);\n\n    useEffect(() => {\n      if (modelPathRef.current !== modelPath) {\n        modelPathRef.current = modelPath;\n        pendingLocalValuesRef.current = [];\n      }\n      const editor = editorRef.current;\n      if (editor) synchronizeExternalValue(editor, value);\n    }, [modelPath, synchronizeExternalValue, value]);\n\n    const find = async (): Promise<void> => {\n      editorRef.current?.focus();\n      await editorRef.current?.getAction('actions.find')?.run();\n    };\n    const format = async (): Promise<void> => {\n      editorRef.current?.focus();\n      await editorRef.current?.getAction('editor.action.formatDocument')?.run();\n    };\n\n    useImperativeHandle(ref, () => ({\n      focus: () => editorRef.current?.focus(),\n      find,\n      format,\n      undo: () => editorRef.current?.trigger('code-editor', 'undo', null),\n      redo: () => editorRef.current?.trigger('code-editor', 'redo', null),\n      validate: async () => diagnosticsRef.current,\n    }));\n\n    const onMount: OnMount = editor => {\n      editorRef.current = editor;\n      synchronizeExternalValue(editor, valueRef.current);\n      disposablesRef.current.forEach(disposable => disposable.dispose());\n      disposablesRef.current = [\n        editor.onDidChangeCursorPosition(event => setPosition(event.position)),\n        editor.onDidBlurEditorText(() => onBlur?.()),\n      ];\n      const currentPosition = editor.getPosition();\n      if (currentPosition) setPosition(currentPosition);\n    };\n\n    const copy = async (): Promise<void> => {\n      try {\n        await navigator.clipboard.writeText(\n          editorRef.current?.getModel()?.getValue() ?? valueRef.current,\n        );\n        setCopyState('copied');\n      } catch {\n        setCopyState('failed');\n      }\n    };\n\n    const runAction = (action: CodeEditorAction): void => {\n      if (action === 'find') void find();\n      if (action === 'copy') void copy();\n      if (action === 'format') void format();\n      if (action === 'undo') {\n        editorRef.current?.trigger('code-editor', 'undo', null);\n      }\n      if (action === 'redo') {\n        editorRef.current?.trigger('code-editor', 'redo', null);\n      }\n      if (action === 'fullscreen') setFullscreen(current => !current);\n    };\n\n    const actionLabel = (action: CodeEditorAction): string => {\n      if (action === 'copy' && copyState === 'copied') return labels.copied;\n      if (action === 'copy' && copyState === 'failed') return labels.copyFailed;\n      if (action === 'fullscreen' && fullscreen) return labels.exitFullscreen;\n      return labels[action];\n    };\n\n    if (runtimeError) {\n      return <Alert severity=\"error\" role=\"alert\">{runtimeError}</Alert>;\n    }\n\n    if (!monaco) {\n      return (\n        <Box\n          role=\"status\"\n          aria-label={labels.loading}\n          sx={{ display: 'grid', height, minHeight: 160, placeItems: 'center' }}\n        >\n          <CircularProgress aria-hidden=\"true\" />\n        </Box>\n      );\n    }\n\n    return (\n      <Box\n        role=\"region\"\n        aria-label={`${ariaLabel} editor`}\n        sx={{\n          position: fullscreen ? 'fixed' : 'relative',\n          inset: fullscreen ? 0 : undefined,\n          zIndex: fullscreen ? theme.zIndex.modal : undefined,\n          display: 'flex',\n          flexDirection: 'column',\n          height: fullscreen ? '100dvh' : height,\n          minHeight: 160,\n          overflow: 'hidden',\n          bgcolor: 'background.paper',\n          border: 1,\n          borderColor: error ? 'error.main' : 'divider',\n          borderRadius: fullscreen ? 0 : 1,\n        }}\n      >\n        <Box\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: 1,\n            minHeight: 40,\n            px: 1,\n            borderBottom: 1,\n            borderColor: 'divider',\n          }}\n        >\n          {toolbarStart}\n          <Box sx={{ flex: 1 }} />\n          {actions.map(action => (\n            <Tooltip key={action} title={actionLabel(action)}>\n              <span>\n                <IconButton\n                  aria-label={actionLabel(action)}\n                  aria-pressed={action === 'fullscreen' ? fullscreen : undefined}\n                  disabled={disabled || (\n                    readOnly && ['format', 'undo', 'redo'].includes(action)\n                  )}\n                  size=\"small\"\n                  onClick={() => runAction(action)}\n                >\n                  <ToolIcon path={paths[action]} />\n                </IconButton>\n              </span>\n            </Tooltip>\n          ))}\n          {toolbarEnd}\n        </Box>\n        <Box sx={{ flex: '1 1 auto', minHeight: 0, overflow: 'hidden' }}>\n          <Editor\n            height=\"100%\"\n            language={language}\n            path={modelPath}\n            theme={theme.palette.mode === 'dark' ? 'vs-dark' : 'vs'}\n            defaultValue={value}\n            keepCurrentModel\n            onMount={onMount}\n            onChange={nextValue => {\n              if (externalValueSyncRef.current) return;\n              const normalized = nextValue ?? '';\n              const pending = pendingLocalValuesRef.current;\n              if (pending.at(-1) !== normalized) {\n                pending.push(normalized);\n                if (pending.length > 64) {\n                  pending.splice(0, pending.length - 64);\n                }\n              }\n              onChange(normalized);\n            }}\n            onValidate={markers => {\n              const diagnostics = mapDiagnostics(markers, monaco);\n              diagnosticsRef.current = diagnostics;\n              setDiagnosticCount(diagnostics.filter(item => (\n                item.severity === 'error'\n              )).length);\n              onDiagnostics?.(diagnostics);\n            }}\n            options={{\n              ariaLabel,\n              automaticLayout: true,\n              bracketPairColorization: { enabled: true },\n              folding: true,\n              fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace',\n              fontSize: 13,\n              formatOnPaste: true,\n              insertSpaces: true,\n              lineHeight: 22,\n              minimap: { enabled: false },\n              padding: { top: 12, bottom: 12 },\n              readOnly: readOnly || disabled,\n              renderValidationDecorations: 'on',\n              scrollBeyondLastLine: false,\n              tabSize: 2,\n            }}\n          />\n        </Box>\n        <Box\n          aria-live=\"polite\"\n          sx={{\n            display: 'flex',\n            justifyContent: 'space-between',\n            gap: 2,\n            minHeight: 28,\n            px: 1.5,\n            py: 0.5,\n            borderTop: 1,\n            borderColor: 'divider',\n          }}\n        >\n          <Typography variant=\"caption\">{language.toUpperCase()}</Typography>\n          <Typography\n            variant=\"caption\"\n            color={error || diagnosticCount ? 'error' : 'text.secondary'}\n          >\n            {error ?? (\n              diagnosticCount ? labels.errors(diagnosticCount) : labels.valid\n            )}\n          </Typography>\n          <Typography variant=\"caption\">\n            {labels.lineColumn(position.lineNumber, position.column)}\n          </Typography>\n        </Box>\n      </Box>\n    );\n  },\n);\n"],"mappings":"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"}

package/chunks/yaml/yaml.worker.js

@@ -0,0 +1 @@
+import "monaco-yaml/yaml.worker";

package/index.d.ts

@@ -0,0 +1,81 @@
+import { ForwardRefExoticComponent } from 'react';
+import { JSX } from 'react';
+import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
+
+export declare const CodeEditor: ForwardRefExoticComponent<CodeEditorProps & RefAttributes<CodeEditorHandle>>;
+
+export declare type CodeEditorAction = 'copy' | 'find' | 'format' | 'fullscreen' | 'redo' | 'undo';
+
+export declare interface CodeEditorDiagnostic {
+    readonly severity: CodeEditorDiagnosticSeverity;
+    readonly message: string;
+    readonly line: number;
+    readonly column: number;
+    readonly endLine: number;
+    readonly endColumn: number;
+    readonly code?: string;
+}
+
+export declare type CodeEditorDiagnosticSeverity = 'error' | 'warning' | 'info' | 'hint';
+
+export declare interface CodeEditorHandle {
+    focus(): void;
+    find(): Promise<void>;
+    format(): Promise<void>;
+    undo(): void;
+    redo(): void;
+    validate(): Promise<readonly CodeEditorDiagnostic[]>;
+}
+
+export declare interface CodeEditorLabels {
+    readonly copy: string;
+    readonly copied: string;
+    readonly copyFailed: string;
+    readonly find: string;
+    readonly format: string;
+    readonly fullscreen: string;
+    readonly exitFullscreen: string;
+    readonly undo: string;
+    readonly redo: string;
+    readonly loading: string;
+    readonly valid: string;
+    readonly errors: (count: number) => string;
+    readonly lineColumn: (line: number, column: number) => string;
+}
+
+export declare type CodeEditorLanguage = 'json' | 'markdown' | 'plaintext' | 'yaml';
+
+export declare interface CodeEditorProps {
+    readonly value: string;
+    readonly onChange: (value: string) => void;
+    readonly onBlur?: () => void;
+    readonly language: CodeEditorLanguage;
+    readonly modelPath: string;
+    readonly ariaLabel: string;
+    readonly readOnly?: boolean;
+    readonly disabled?: boolean;
+    readonly height?: number | string;
+    readonly actions?: readonly CodeEditorAction[];
+    readonly labels?: Partial<CodeEditorLabels>;
+    readonly error?: string | null;
+    readonly onDiagnostics?: (diagnostics: readonly CodeEditorDiagnostic[]) => void;
+    readonly toolbarStart?: ReactNode;
+    readonly toolbarEnd?: ReactNode;
+}
+
+export declare function DiffCodeEditor({ originalValue, value, onChange, language, originalModelPath, modelPath, ariaLabel, readOnly, height, }: DiffCodeEditorProps): JSX.Element;
+
+export declare interface DiffCodeEditorProps {
+    readonly originalValue: string;
+    readonly value: string;
+    readonly onChange?: (value: string) => void;
+    readonly language: CodeEditorLanguage;
+    readonly originalModelPath: string;
+    readonly modelPath: string;
+    readonly ariaLabel: string;
+    readonly readOnly?: boolean;
+    readonly height?: number | string;
+}
+
+export { }

package/index.js

@@ -0,0 +1,103 @@
+import { n as acquireModelOwnership, r as loadMonacoRuntime, t as CodeEditor } from "./chunks/CodeEditor-CEfhCmSA.js";
+import { DiffEditor } from "@monaco-editor/react";
+import Alert from "@mui/material/Alert";
+import Box from "@mui/material/Box";
+import CircularProgress from "@mui/material/CircularProgress";
+import { useTheme } from "@mui/material/styles";
+import { useEffect, useId, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/DiffCodeEditor.tsx
+function DiffCodeEditor({ originalValue, value, onChange, language, originalModelPath, modelPath, ariaLabel, readOnly = false, height = 400 }) {
+	const theme = useTheme();
+	const ownerId = useId();
+	const contentListenerRef = useRef(null);
+	const valueRef = useRef(value);
+	const [ready, setReady] = useState(false);
+	const [runtimeError, setRuntimeError] = useState();
+	valueRef.current = value;
+	useEffect(() => {
+		let active = true;
+		const releases = [];
+		setReady(false);
+		setRuntimeError(void 0);
+		loadMonacoRuntime().then((monaco) => {
+			if (!active) return;
+			if (originalModelPath === modelPath) throw new Error("Diff editor model paths must be different");
+			releases.push(acquireModelOwnership(monaco, `${ownerId}:original`, originalModelPath, language));
+			releases.push(acquireModelOwnership(monaco, `${ownerId}:modified`, modelPath, language));
+			if (active) setReady(true);
+			else releases.splice(0).reverse().forEach((release) => release());
+		}).catch((errorValue) => {
+			releases.splice(0).reverse().forEach((release) => release());
+			if (active) setRuntimeError(errorValue instanceof Error ? errorValue.message : String(errorValue));
+		});
+		return () => {
+			active = false;
+			contentListenerRef.current?.dispose();
+			contentListenerRef.current = null;
+			releases.splice(0).reverse().forEach((release) => release());
+		};
+	}, [
+		language,
+		modelPath,
+		originalModelPath,
+		ownerId
+	]);
+	if (runtimeError) return /* @__PURE__ */ jsx(Alert, {
+		severity: "error",
+		role: "alert",
+		children: runtimeError
+	});
+	if (!ready) return /* @__PURE__ */ jsx(Box, {
+		role: "status",
+		"aria-label": `Loading ${ariaLabel}`,
+		sx: {
+			display: "grid",
+			height,
+			minHeight: 160,
+			placeItems: "center"
+		},
+		children: /* @__PURE__ */ jsx(CircularProgress, { "aria-hidden": "true" })
+	});
+	return /* @__PURE__ */ jsx(Box, {
+		role: "region",
+		"aria-label": ariaLabel,
+		sx: {
+			height,
+			minHeight: 160,
+			overflow: "hidden"
+		},
+		children: /* @__PURE__ */ jsx(DiffEditor, {
+			height: "100%",
+			language,
+			original: originalValue,
+			modified: value,
+			originalModelPath,
+			modifiedModelPath: modelPath,
+			theme: theme.palette.mode === "dark" ? "vs-dark" : "vs",
+			keepCurrentOriginalModel: true,
+			keepCurrentModifiedModel: true,
+			onMount: (editor) => {
+				contentListenerRef.current?.dispose();
+				const modifiedEditor = editor.getModifiedEditor();
+				contentListenerRef.current = modifiedEditor.onDidChangeModelContent(() => {
+					const nextValue = modifiedEditor.getValue();
+					if (nextValue !== valueRef.current) onChange?.(nextValue);
+				});
+			},
+			options: {
+				ariaLabel,
+				automaticLayout: true,
+				minimap: { enabled: false },
+				originalEditable: false,
+				readOnly,
+				renderSideBySide: true,
+				scrollBeyondLastLine: false
+			}
+		})
+	});
+}
+//#endregion
+export { CodeEditor, DiffCodeEditor };
+
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/DiffCodeEditor.tsx"],"sourcesContent":["import { DiffEditor } from '@monaco-editor/react';\nimport Alert from '@mui/material/Alert';\nimport Box from '@mui/material/Box';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport { useTheme } from '@mui/material/styles';\nimport { useEffect, useId, useRef, useState } from 'react';\nimport type * as Monaco from 'monaco-editor/esm/vs/editor/editor.main.js';\n\nimport type { CodeEditorLanguage } from './CodeEditor';\nimport { loadMonacoRuntime } from './runtime/loadMonaco';\nimport { acquireModelOwnership } from './runtime/modelOwnership';\n\nexport interface DiffCodeEditorProps {\n  readonly originalValue: string;\n  readonly value: string;\n  readonly onChange?: (value: string) => void;\n  readonly language: CodeEditorLanguage;\n  readonly originalModelPath: string;\n  readonly modelPath: string;\n  readonly ariaLabel: string;\n  readonly readOnly?: boolean;\n  readonly height?: number | string;\n}\n\nexport function DiffCodeEditor({\n  originalValue,\n  value,\n  onChange,\n  language,\n  originalModelPath,\n  modelPath,\n  ariaLabel,\n  readOnly = false,\n  height = 400,\n}: DiffCodeEditorProps) {\n  const theme = useTheme();\n  const ownerId = useId();\n  const contentListenerRef = useRef<Monaco.IDisposable | null>(null);\n  const valueRef = useRef(value);\n  const [ready, setReady] = useState(false);\n  const [runtimeError, setRuntimeError] = useState<string>();\n  valueRef.current = value;\n\n  useEffect(() => {\n    let active = true;\n    const releases: Array<() => void> = [];\n    setReady(false);\n    setRuntimeError(undefined);\n    void loadMonacoRuntime()\n      .then(monaco => {\n        if (!active) return;\n        if (originalModelPath === modelPath) {\n          throw new Error('Diff editor model paths must be different');\n        }\n        releases.push(acquireModelOwnership(\n          monaco,\n          `${ownerId}:original`,\n          originalModelPath,\n          language,\n        ));\n        releases.push(acquireModelOwnership(\n          monaco,\n          `${ownerId}:modified`,\n          modelPath,\n          language,\n        ));\n        if (active) setReady(true);\n        else releases.splice(0).reverse().forEach(release => release());\n      })\n      .catch(errorValue => {\n        releases.splice(0).reverse().forEach(release => release());\n        if (active) {\n          setRuntimeError(\n            errorValue instanceof Error\n              ? errorValue.message\n              : String(errorValue),\n          );\n        }\n      });\n    return () => {\n      active = false;\n      contentListenerRef.current?.dispose();\n      contentListenerRef.current = null;\n      releases.splice(0).reverse().forEach(release => release());\n    };\n  }, [language, modelPath, originalModelPath, ownerId]);\n\n  if (runtimeError) {\n    return <Alert severity=\"error\" role=\"alert\">{runtimeError}</Alert>;\n  }\n\n  if (!ready) {\n    return (\n      <Box\n        role=\"status\"\n        aria-label={`Loading ${ariaLabel}`}\n        sx={{ display: 'grid', height, minHeight: 160, placeItems: 'center' }}\n      >\n        <CircularProgress aria-hidden=\"true\" />\n      </Box>\n    );\n  }\n\n  return (\n    <Box\n      role=\"region\"\n      aria-label={ariaLabel}\n      sx={{ height, minHeight: 160, overflow: 'hidden' }}\n    >\n      <DiffEditor\n        height=\"100%\"\n        language={language}\n        original={originalValue}\n        modified={value}\n        originalModelPath={originalModelPath}\n        modifiedModelPath={modelPath}\n        theme={theme.palette.mode === 'dark' ? 'vs-dark' : 'vs'}\n        keepCurrentOriginalModel\n        keepCurrentModifiedModel\n        onMount={editor => {\n          contentListenerRef.current?.dispose();\n          const modifiedEditor = editor.getModifiedEditor();\n          contentListenerRef.current = modifiedEditor\n            .onDidChangeModelContent(() => {\n              const nextValue = modifiedEditor.getValue();\n              if (nextValue !== valueRef.current) onChange?.(nextValue);\n            });\n        }}\n        options={{\n          ariaLabel,\n          automaticLayout: true,\n          minimap: { enabled: false },\n          originalEditable: false,\n          readOnly,\n          renderSideBySide: true,\n          scrollBeyondLastLine: false,\n        }}\n      />\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;AAwBA,SAAgB,eAAe,EAC7B,eACA,OACA,UACA,UACA,mBACA,WACA,WACA,WAAW,OACX,SAAS,OACa;CACtB,MAAM,QAAQ,SAAS;CACvB,MAAM,UAAU,MAAM;CACtB,MAAM,qBAAqB,OAAkC,IAAI;CACjE,MAAM,WAAW,OAAO,KAAK;CAC7B,MAAM,CAAC,OAAO,YAAY,SAAS,KAAK;CACxC,MAAM,CAAC,cAAc,mBAAmB,SAAiB;CACzD,SAAS,UAAU;CAEnB,gBAAgB;EACd,IAAI,SAAS;EACb,MAAM,WAA8B,CAAC;EACrC,SAAS,KAAK;EACd,gBAAgB,KAAA,CAAS;EACzB,kBAAuB,CAAC,CACrB,MAAK,WAAU;GACd,IAAI,CAAC,QAAQ;GACb,IAAI,sBAAsB,WACxB,MAAM,IAAI,MAAM,2CAA2C;GAE7D,SAAS,KAAK,sBACZ,QACA,GAAG,QAAQ,YACX,mBACA,QACF,CAAC;GACD,SAAS,KAAK,sBACZ,QACA,GAAG,QAAQ,YACX,WACA,QACF,CAAC;GACD,IAAI,QAAQ,SAAS,IAAI;QACpB,SAAS,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,SAAQ,YAAW,QAAQ,CAAC;EAChE,CAAC,CAAC,CACD,OAAM,eAAc;GACnB,SAAS,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,SAAQ,YAAW,QAAQ,CAAC;GACzD,IAAI,QACF,gBACE,sBAAsB,QAClB,WAAW,UACX,OAAO,UAAU,CACvB;EAEJ,CAAC;EACH,aAAa;GACX,SAAS;GACT,mBAAmB,SAAS,QAAQ;GACpC,mBAAmB,UAAU;GAC7B,SAAS,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,SAAQ,YAAW,QAAQ,CAAC;EAC3D;CACF,GAAG;EAAC;EAAU;EAAW;EAAmB;CAAO,CAAC;CAEpD,IAAI,cACF,OAAO,oBAAC,OAAD;EAAO,UAAS;EAAQ,MAAK;YAAS;CAAoB,CAAA;CAGnE,IAAI,CAAC,OACH,OACE,oBAAC,KAAD;EACE,MAAK;EACL,cAAY,WAAW;EACvB,IAAI;GAAE,SAAS;GAAQ;GAAQ,WAAW;GAAK,YAAY;EAAS;YAEpE,oBAAC,kBAAD,EAAkB,eAAY,OAAQ,CAAA;CACnC,CAAA;CAIT,OACE,oBAAC,KAAD;EACE,MAAK;EACL,cAAY;EACZ,IAAI;GAAE;GAAQ,WAAW;GAAK,UAAU;EAAS;YAEjD,oBAAC,YAAD;GACE,QAAO;GACG;GACV,UAAU;GACV,UAAU;GACS;GACnB,mBAAmB;GACnB,OAAO,MAAM,QAAQ,SAAS,SAAS,YAAY;GACnD,0BAAA;GACA,0BAAA;GACA,UAAS,WAAU;IACjB,mBAAmB,SAAS,QAAQ;IACpC,MAAM,iBAAiB,OAAO,kBAAkB;IAChD,mBAAmB,UAAU,eAC1B,8BAA8B;KAC7B,MAAM,YAAY,eAAe,SAAS;KAC1C,IAAI,cAAc,SAAS,SAAS,WAAW,SAAS;IAC1D,CAAC;GACL;GACA,SAAS;IACP;IACA,iBAAiB;IACjB,SAAS,EAAE,SAAS,MAAM;IAC1B,kBAAkB;IAClB;IACA,kBAAkB;IAClB,sBAAsB;GACxB;EACD,CAAA;CACE,CAAA;AAET"}

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@alauda/react-code-editor",
+  "version": "0.1.0-next.20260812.1786527360",
+  "description": "React Monaco code editor with schema-aware YAML support.",
+  "type": "module",
+  "main": "./index.js",
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js",
+      "default": "./index.js"
+    },
+    "./yaml": {
+      "types": "./yaml/index.d.ts",
+      "import": "./yaml/index.js",
+      "default": "./yaml/index.js"
+    }
+  },
+  "files": [
+    "index.js",
+    "index.js.map",
+    "index.d.ts",
+    "yaml/index.js",
+    "yaml/index.js.map",
+    "yaml/index.d.ts",
+    "chunks",
+    "README.md"
+  ],
+  "dependencies": {
+    "@monaco-editor/react": "^4.7.0",
+    "monaco-editor": "^0.54.0",
+    "monaco-yaml": "^5.5.1"
+  },
+  "peerDependencies": {
+    "@emotion/react": "^11.0.0",
+    "@emotion/styled": "^11.0.0",
+    "@mui/material": "^9.2.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/yaml/index.d.ts

@@ -0,0 +1,87 @@
+import { ForwardRefExoticComponent } from 'react';
+import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
+
+declare type CodeEditorAction = 'copy' | 'find' | 'format' | 'fullscreen' | 'redo' | 'undo';
+
+declare interface CodeEditorDiagnostic {
+    readonly severity: CodeEditorDiagnosticSeverity;
+    readonly message: string;
+    readonly line: number;
+    readonly column: number;
+    readonly endLine: number;
+    readonly endColumn: number;
+    readonly code?: string;
+}
+
+declare type CodeEditorDiagnosticSeverity = 'error' | 'warning' | 'info' | 'hint';
+
+declare interface CodeEditorHandle {
+    focus(): void;
+    find(): Promise<void>;
+    format(): Promise<void>;
+    undo(): void;
+    redo(): void;
+    validate(): Promise<readonly CodeEditorDiagnostic[]>;
+}
+
+export declare type CodeEditorJsonSchema = {
+    readonly [key: string]: JsonValue;
+};
+
+declare interface CodeEditorLabels {
+    readonly copy: string;
+    readonly copied: string;
+    readonly copyFailed: string;
+    readonly find: string;
+    readonly format: string;
+    readonly fullscreen: string;
+    readonly exitFullscreen: string;
+    readonly undo: string;
+    readonly redo: string;
+    readonly loading: string;
+    readonly valid: string;
+    readonly errors: (count: number) => string;
+    readonly lineColumn: (line: number, column: number) => string;
+}
+
+declare type CodeEditorLanguage = 'json' | 'markdown' | 'plaintext' | 'yaml';
+
+declare interface CodeEditorProps {
+    readonly value: string;
+    readonly onChange: (value: string) => void;
+    readonly onBlur?: () => void;
+    readonly language: CodeEditorLanguage;
+    readonly modelPath: string;
+    readonly ariaLabel: string;
+    readonly readOnly?: boolean;
+    readonly disabled?: boolean;
+    readonly height?: number | string;
+    readonly actions?: readonly CodeEditorAction[];
+    readonly labels?: Partial<CodeEditorLabels>;
+    readonly error?: string | null;
+    readonly onDiagnostics?: (diagnostics: readonly CodeEditorDiagnostic[]) => void;
+    readonly toolbarStart?: ReactNode;
+    readonly toolbarEnd?: ReactNode;
+}
+
+export declare type JsonPrimitive = boolean | number | string | null;
+
+export declare type JsonValue = JsonPrimitive | readonly JsonValue[] | {
+    readonly [key: string]: JsonValue;
+};
+
+export declare const ResourceYamlEditor: ForwardRefExoticComponent<ResourceYamlEditorProps & RefAttributes<CodeEditorHandle>>;
+
+export declare interface ResourceYamlEditorProps extends Omit<CodeEditorProps, 'language'> {
+    readonly schemas?: readonly YamlSchemaRegistration[];
+    readonly isKubernetes?: boolean;
+}
+
+export declare interface YamlSchemaRegistration {
+    readonly id: string;
+    readonly modelPath: string;
+    readonly schema: CodeEditorJsonSchema;
+}
+
+export { }

package/yaml/index.js

@@ -0,0 +1,158 @@
+import { i as getSharedRuntimeState, r as loadMonacoRuntime, t as CodeEditor } from "../chunks/CodeEditor-CEfhCmSA.js";
+import Alert from "@mui/material/Alert";
+import Box from "@mui/material/Box";
+import CircularProgress from "@mui/material/CircularProgress";
+import { forwardRef, useEffect, useId, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/yaml/yamlRuntime.ts
+function getYamlRuntime() {
+	const runtime = getSharedRuntimeState();
+	runtime.yaml ??= { owners: /* @__PURE__ */ new Map() };
+	return runtime.yaml;
+}
+function yamlOptions(owners) {
+	const registrations = [...owners];
+	const schemas = /* @__PURE__ */ new Map();
+	for (const registration of registrations) for (const schema of registration.schemas) {
+		const key = `${schema.id}\u0000${schema.modelPath}`;
+		schemas.set(key, {
+			uri: `alauda://schemas/${encodeURIComponent(schema.id)}`,
+			fileMatch: [schema.modelPath],
+			schema: schema.schema
+		});
+	}
+	return {
+		completion: true,
+		enableSchemaRequest: false,
+		format: {
+			enable: true,
+			printWidth: 120
+		},
+		hover: true,
+		isKubernetes: registrations.some((item) => item.isKubernetes),
+		validate: true,
+		yamlVersion: "1.2",
+		schemas: [...schemas.values()]
+	};
+}
+async function updateYamlRuntime() {
+	const runtime = getYamlRuntime();
+	runtime.updatePromise = (runtime.updatePromise ?? Promise.resolve()).catch(() => void 0).then(async () => {
+		await runtime.controller?.update(yamlOptions(runtime.owners.values()));
+	});
+	await runtime.updatePromise;
+}
+function ensureYamlRuntime(monaco) {
+	const runtime = getYamlRuntime();
+	if (runtime.promise) return runtime.promise;
+	const promise = import("monaco-yaml").then(({ configureMonacoYaml }) => {
+		runtime.controller = configureMonacoYaml(monaco, yamlOptions(runtime.owners.values()));
+	});
+	runtime.promise = promise;
+	promise.catch(() => {
+		if (runtime.promise === promise) runtime.promise = void 0;
+	});
+	return promise;
+}
+function schemaSignature(schemas) {
+	return JSON.stringify(schemas.map((schema) => ({
+		id: schema.id,
+		modelPath: schema.modelPath,
+		schema: schema.schema
+	})));
+}
+async function registerYamlOwner(ownerId, registration) {
+	const runtime = getYamlRuntime();
+	if ([...runtime.owners.entries()].find(([otherOwner, item]) => otherOwner !== ownerId && item.modelPath === registration.modelPath && schemaSignature(item.schemas) !== schemaSignature(registration.schemas))) throw new Error(`Conflicting YAML schema ownership for ${registration.modelPath}`);
+	runtime.owners.set(ownerId, registration);
+	try {
+		await updateYamlRuntime();
+	} catch (error) {
+		runtime.owners.delete(ownerId);
+		updateYamlRuntime();
+		throw error;
+	}
+	let active = true;
+	return () => {
+		if (!active) return;
+		active = false;
+		runtime.owners.delete(ownerId);
+		updateYamlRuntime();
+	};
+}
+//#endregion
+//#region src/yaml/ResourceYamlEditor.tsx
+const emptySchemas = [];
+const ResourceYamlEditor = forwardRef(function ResourceYamlEditor({ schemas = emptySchemas, isKubernetes = false, modelPath, height = 400, ...props }, ref) {
+	const ownerId = useId();
+	const schemaKey = JSON.stringify(schemas);
+	const schemasRef = useRef({
+		key: schemaKey,
+		value: schemas
+	});
+	if (schemasRef.current.key !== schemaKey) schemasRef.current = {
+		key: schemaKey,
+		value: schemas
+	};
+	const stableSchemas = schemasRef.current.value;
+	const [ready, setReady] = useState(false);
+	const [runtimeError, setRuntimeError] = useState();
+	useEffect(() => {
+		let active = true;
+		let release;
+		loadMonacoRuntime().then(async (monaco) => {
+			await ensureYamlRuntime(monaco);
+			if (!active) return;
+			release = await registerYamlOwner(ownerId, {
+				modelPath,
+				schemas: stableSchemas,
+				isKubernetes
+			});
+			if (active) {
+				setRuntimeError(void 0);
+				setReady(true);
+			} else release();
+		}).catch((error) => {
+			if (active) {
+				setReady(false);
+				setRuntimeError(error instanceof Error ? error.message : String(error));
+			}
+		});
+		return () => {
+			active = false;
+			release?.();
+		};
+	}, [
+		isKubernetes,
+		modelPath,
+		ownerId,
+		stableSchemas
+	]);
+	if (runtimeError) return /* @__PURE__ */ jsx(Alert, {
+		severity: "error",
+		role: "alert",
+		children: runtimeError
+	});
+	if (!ready) return /* @__PURE__ */ jsx(Box, {
+		role: "status",
+		"aria-label": "Loading YAML editor",
+		sx: {
+			display: "grid",
+			height,
+			minHeight: 160,
+			placeItems: "center"
+		},
+		children: /* @__PURE__ */ jsx(CircularProgress, { "aria-hidden": "true" })
+	});
+	return /* @__PURE__ */ jsx(CodeEditor, {
+		...props,
+		ref,
+		height,
+		language: "yaml",
+		modelPath
+	});
+});
+//#endregion
+export { ResourceYamlEditor };
+
+//# sourceMappingURL=index.js.map

package/yaml/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/yaml/yamlRuntime.ts","../../../src/yaml/ResourceYamlEditor.tsx"],"sourcesContent":["import type * as Monaco from 'monaco-editor/esm/vs/editor/editor.main.js';\nimport type {\n  MonacoYaml,\n  MonacoYamlOptions,\n} from 'monaco-yaml';\n\nimport { getSharedRuntimeState } from '../runtime/runtimeState';\nimport type { YamlSchemaRegistration } from './types';\n\ninterface YamlOwnerRegistration {\n  readonly modelPath: string;\n  readonly schemas: readonly YamlSchemaRegistration[];\n  readonly isKubernetes: boolean;\n}\n\ninterface SharedYamlRuntime {\n  controller?: MonacoYaml;\n  promise?: Promise<void>;\n  updatePromise?: Promise<void>;\n  readonly owners: Map<string, YamlOwnerRegistration>;\n}\n\nfunction getYamlRuntime(): SharedYamlRuntime {\n  const runtime = getSharedRuntimeState();\n  runtime.yaml ??= { owners: new Map() } satisfies SharedYamlRuntime;\n  return runtime.yaml as SharedYamlRuntime;\n}\n\nfunction yamlOptions(\n  owners: Iterable<YamlOwnerRegistration>,\n): MonacoYamlOptions {\n  const registrations = [...owners];\n  const schemas = new Map<string, {\n    uri: string;\n    fileMatch: string[];\n    schema: import('monaco-yaml').JSONSchema;\n  }>();\n  for (const registration of registrations) {\n    for (const schema of registration.schemas) {\n      const key = `${schema.id}\\u0000${schema.modelPath}`;\n      schemas.set(key, {\n        uri: `alauda://schemas/${encodeURIComponent(schema.id)}`,\n        fileMatch: [schema.modelPath],\n        schema: schema.schema as import('monaco-yaml').JSONSchema,\n      });\n    }\n  }\n  return {\n    completion: true,\n    enableSchemaRequest: false,\n    format: { enable: true, printWidth: 120 },\n    hover: true,\n    isKubernetes: registrations.some(item => item.isKubernetes),\n    validate: true,\n    yamlVersion: '1.2',\n    schemas: [...schemas.values()],\n  };\n}\n\nasync function updateYamlRuntime(): Promise<void> {\n  const runtime = getYamlRuntime();\n  runtime.updatePromise = (runtime.updatePromise ?? Promise.resolve())\n    .catch(() => undefined)\n    .then(async () => {\n      await runtime.controller?.update(yamlOptions(runtime.owners.values()));\n    });\n  await runtime.updatePromise;\n}\n\nexport function ensureYamlRuntime(monaco: typeof Monaco): Promise<void> {\n  const runtime = getYamlRuntime();\n  if (runtime.promise) return runtime.promise;\n  const promise = import('monaco-yaml').then(({ configureMonacoYaml }) => {\n    runtime.controller = configureMonacoYaml(\n      monaco,\n      yamlOptions(runtime.owners.values()),\n    );\n  });\n  runtime.promise = promise;\n  void promise.catch(() => {\n    if (runtime.promise === promise) runtime.promise = undefined;\n  });\n  return promise;\n}\n\nfunction schemaSignature(\n  schemas: readonly YamlSchemaRegistration[],\n): string {\n  return JSON.stringify(schemas.map(schema => ({\n    id: schema.id,\n    modelPath: schema.modelPath,\n    schema: schema.schema,\n  })));\n}\n\nexport async function registerYamlOwner(\n  ownerId: string,\n  registration: YamlOwnerRegistration,\n): Promise<() => void> {\n  const runtime = getYamlRuntime();\n  const conflict = [...runtime.owners.entries()].find(([otherOwner, item]) => (\n    otherOwner !== ownerId\n    && item.modelPath === registration.modelPath\n    && schemaSignature(item.schemas) !== schemaSignature(registration.schemas)\n  ));\n  if (conflict) {\n    throw new Error(\n      `Conflicting YAML schema ownership for ${registration.modelPath}`,\n    );\n  }\n\n  runtime.owners.set(ownerId, registration);\n  try {\n    await updateYamlRuntime();\n  } catch (error) {\n    runtime.owners.delete(ownerId);\n    void updateYamlRuntime();\n    throw error;\n  }\n  let active = true;\n  return () => {\n    if (!active) return;\n    active = false;\n    runtime.owners.delete(ownerId);\n    void updateYamlRuntime();\n  };\n}\n","import Alert from '@mui/material/Alert';\nimport Box from '@mui/material/Box';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport {\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from 'react';\n\nimport {\n  CodeEditor,\n  type CodeEditorHandle,\n  type CodeEditorProps,\n} from '../CodeEditor';\nimport { loadMonacoRuntime } from '../runtime/loadMonaco';\nimport type { YamlSchemaRegistration } from './types';\nimport {\n  ensureYamlRuntime,\n  registerYamlOwner,\n} from './yamlRuntime';\n\nexport interface ResourceYamlEditorProps extends Omit<\n  CodeEditorProps,\n  'language'\n> {\n  readonly schemas?: readonly YamlSchemaRegistration[];\n  readonly isKubernetes?: boolean;\n}\n\nconst emptySchemas: readonly YamlSchemaRegistration[] = [];\n\nexport const ResourceYamlEditor = forwardRef<\nCodeEditorHandle,\nResourceYamlEditorProps\n>(function ResourceYamlEditor({\n  schemas = emptySchemas,\n  isKubernetes = false,\n  modelPath,\n  height = 400,\n  ...props\n}, ref) {\n  const ownerId = useId();\n  const schemaKey = JSON.stringify(schemas);\n  const schemasRef = useRef({ key: schemaKey, value: schemas });\n  if (schemasRef.current.key !== schemaKey) {\n    schemasRef.current = { key: schemaKey, value: schemas };\n  }\n  const stableSchemas = schemasRef.current.value;\n  const [ready, setReady] = useState(false);\n  const [runtimeError, setRuntimeError] = useState<string>();\n\n  useEffect(() => {\n    let active = true;\n    let release: (() => void) | undefined;\n    void loadMonacoRuntime()\n      .then(async monaco => {\n        await ensureYamlRuntime(monaco);\n        if (!active) return;\n        release = await registerYamlOwner(ownerId, {\n          modelPath,\n          schemas: stableSchemas,\n          isKubernetes,\n        });\n        if (active) {\n          setRuntimeError(undefined);\n          setReady(true);\n        } else {\n          release();\n        }\n      })\n      .catch(error => {\n        if (active) {\n          setReady(false);\n          setRuntimeError(\n            error instanceof Error ? error.message : String(error),\n          );\n        }\n      });\n    return () => {\n      active = false;\n      release?.();\n    };\n  }, [isKubernetes, modelPath, ownerId, stableSchemas]);\n\n  if (runtimeError) {\n    return <Alert severity=\"error\" role=\"alert\">{runtimeError}</Alert>;\n  }\n\n  if (!ready) {\n    return (\n      <Box\n        role=\"status\"\n        aria-label=\"Loading YAML editor\"\n        sx={{ display: 'grid', height, minHeight: 160, placeItems: 'center' }}\n      >\n        <CircularProgress aria-hidden=\"true\" />\n      </Box>\n    );\n  }\n\n  return (\n    <CodeEditor\n      {...props}\n      ref={ref}\n      height={height}\n      language=\"yaml\"\n      modelPath={modelPath}\n    />\n  );\n});\n"],"mappings":"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"}