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

package/index.d.ts

@@ -5,7 +5,11 @@ import { RefAttributes } from 'react';
 
 export declare const CodeEditor: ForwardRefExoticComponent<CodeEditorProps & RefAttributes<CodeEditorHandle>>;
 
-export declare type CodeEditorAction = 'copy' | 'find' | 'format' | 'fullscreen' | 'redo' | 'undo';
+export declare type CodeEditorAction = 'copy' | 'clear' | 'export' | 'find' | 'format' | 'fullscreen' | 'import' | 'recover' | 'redo' | 'theme' | 'undo';
+
+export declare type CodeEditorActionPreset = 'create' | 'view' | 'update' | 'logs';
+
+export declare const codeEditorActionPresets: Record<CodeEditorActionPreset, readonly CodeEditorAction[]>;
 
 export declare interface CodeEditorDiagnostic {
     readonly severity: CodeEditorDiagnosticSeverity;
@@ -32,10 +36,19 @@ export declare interface CodeEditorLabels {
     readonly copy: string;
     readonly copied: string;
     readonly copyFailed: string;
+    readonly clear?: string;
+    readonly export?: string;
     readonly find: string;
     readonly format: string;
     readonly fullscreen: string;
     readonly exitFullscreen: string;
+    readonly import?: string;
+    readonly importFailed?: string;
+    readonly recover?: string;
+    readonly theme?: string;
+    readonly themeSystem?: string;
+    readonly themeLight?: string;
+    readonly themeDark?: string;
     readonly undo: string;
     readonly redo: string;
     readonly loading: string;
@@ -56,15 +69,36 @@ export declare interface CodeEditorProps {
     readonly readOnly?: boolean;
     readonly disabled?: boolean;
     readonly height?: number | string;
+    /** Show Monaco's code overview without changing the default for existing consumers. */
+    readonly minimap?: boolean;
     readonly actions?: readonly CodeEditorAction[];
     readonly labels?: Partial<CodeEditorLabels>;
     readonly error?: string | null;
     readonly onDiagnostics?: (diagnostics: readonly CodeEditorDiagnostic[]) => void;
+    readonly originalValue?: string;
+    /** Controlled comparison view; originalValue remains the consumer's baseline. */
+    readonly diffMode?: boolean;
+    readonly importAccept?: string;
+    readonly exportFileName?: string;
+    readonly onImportText?: (text: string, file: File) => void;
+    readonly onExport?: (value: string) => void;
+    readonly onRecover?: (originalValue: string) => void;
+    readonly onClear?: () => void;
+    readonly themeMode?: CodeEditorThemeMode;
+    readonly onThemeModeChange?: (mode: CodeEditorThemeMode) => void;
+    /** Reports package-owned fullscreen state changes to feature consumers. */
+    readonly onFullscreenChange?: (fullscreen: boolean) => void;
+    /** Feature-owned side panel rendered inside the editor surface. */
+    readonly sidebar?: ReactNode;
     readonly toolbarStart?: ReactNode;
+    /** Additional feature-owned controls rendered inside the editor toolbar. */
+    readonly toolbarActions?: ReactNode;
     readonly toolbarEnd?: ReactNode;
 }
 
-export declare function DiffCodeEditor({ originalValue, value, onChange, language, originalModelPath, modelPath, ariaLabel, readOnly, height, }: DiffCodeEditorProps): JSX.Element;
+export declare type CodeEditorThemeMode = 'system' | 'light' | 'dark';
+
+export declare function DiffCodeEditor({ originalValue, value, onChange, language, originalModelPath, modelPath, ariaLabel, readOnly, height, sidebar, }: DiffCodeEditorProps): JSX.Element;
 
 export declare interface DiffCodeEditorProps {
     readonly originalValue: string;
@@ -76,6 +110,8 @@ export declare interface DiffCodeEditorProps {
     readonly ariaLabel: string;
     readonly readOnly?: boolean;
     readonly height?: number | string;
+    /** Feature-owned side panel rendered inside the editor surface. */
+    readonly sidebar?: ReactNode;
 }
 
 export { }

package/index.js

@@ -1,12 +1,12 @@
-import { i as loadMonacoRuntime, n as useCodeEditorThemeMode, r as acquireModelOwnership, t as CodeEditor } from "./chunks/CodeEditor-BI8PAcmS.js";
+import { a as loadMonacoRuntime, i as acquireModelOwnership, n as codeEditorActionPresets, r as useCodeEditorThemeMode, t as CodeEditor } from "./chunks/CodeEditor-DhYaoBaC.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 { jsx, jsxs } from "react/jsx-runtime";
 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 }) {
+function DiffCodeEditor({ originalValue, value, onChange, language, originalModelPath, modelPath, ariaLabel, readOnly = false, height = 400, sidebar }) {
 	const appearanceMode = useCodeEditorThemeMode();
 	const ownerId = useId();
 	const contentListenerRef = useRef(null);
@@ -66,37 +66,55 @@ function DiffCodeEditor({ originalValue, value, onChange, language, originalMode
 			minHeight: 160,
 			overflow: "hidden"
 		},
-		children: /* @__PURE__ */ jsx(DiffEditor, {
-			height: "100%",
-			language,
-			original: originalValue,
-			modified: value,
-			originalModelPath,
-			modifiedModelPath: modelPath,
-			theme: appearanceMode === "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);
-				});
+		children: /* @__PURE__ */ jsxs(Box, {
+			sx: {
+				display: "flex",
+				height: "100%",
+				minHeight: 0,
+				overflow: "hidden"
 			},
-			options: {
-				ariaLabel,
-				automaticLayout: true,
-				minimap: { enabled: false },
-				originalEditable: false,
-				readOnly,
-				renderSideBySide: true,
-				scrollBeyondLastLine: false
-			}
+			children: [/* @__PURE__ */ jsx(Box, {
+				sx: {
+					flex: sidebar ? "2 1 0%" : "1 1 auto",
+					minWidth: 0,
+					minHeight: 0,
+					overflow: "hidden",
+					px: 1.5,
+					pb: 1.5
+				},
+				children: /* @__PURE__ */ jsx(DiffEditor, {
+					height: "100%",
+					language,
+					original: originalValue,
+					modified: value,
+					originalModelPath,
+					modifiedModelPath: modelPath,
+					theme: appearanceMode === "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
+					}
+				})
+			}), sidebar]
 		})
 	});
 }
 //#endregion
-export { CodeEditor, DiffCodeEditor };
+export { CodeEditor, DiffCodeEditor, codeEditorActionPresets };
 
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +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 { 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';\nimport { useCodeEditorThemeMode } from './themeAppearance';\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 appearanceMode = useCodeEditorThemeMode();\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={appearanceMode === '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,iBAAiB,uBAAuB;CAC9C,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,mBAAmB,SAAS,YAAY;GAC/C,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"}
+{"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 { useEffect, useId, useRef, useState, type ReactNode } 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';\nimport { useCodeEditorThemeMode } from './themeAppearance';\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  /** Feature-owned side panel rendered inside the editor surface. */\n  readonly sidebar?: ReactNode;\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  sidebar,\n}: DiffCodeEditorProps) {\n  const appearanceMode = useCodeEditorThemeMode();\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      <Box sx={{ display: 'flex', height: '100%', minHeight: 0, overflow: 'hidden' }}>\n        <Box sx={{ flex: sidebar ? '2 1 0%' : '1 1 auto', minWidth: 0, minHeight: 0, overflow: 'hidden', px: 1.5, pb: 1.5 }}>\n          <DiffEditor\n        height=\"100%\"\n        language={language}\n        original={originalValue}\n        modified={value}\n        originalModelPath={originalModelPath}\n        modifiedModelPath={modelPath}\n        theme={appearanceMode === '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        {sidebar}\n      </Box>\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;AA0BA,SAAgB,eAAe,EAC7B,eACA,OACA,UACA,UACA,mBACA,WACA,WACA,WAAW,OACX,SAAS,KACT,WACsB;CACtB,MAAM,iBAAiB,uBAAuB;CAC9C,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,qBAAC,KAAD;GAAK,IAAI;IAAE,SAAS;IAAQ,QAAQ;IAAQ,WAAW;IAAG,UAAU;GAAS;aAA7E,CACE,oBAAC,KAAD;IAAK,IAAI;KAAE,MAAM,UAAU,WAAW;KAAY,UAAU;KAAG,WAAW;KAAG,UAAU;KAAU,IAAI;KAAK,IAAI;IAAI;cAChH,oBAAC,YAAD;KACF,QAAO;KACG;KACV,UAAU;KACV,UAAU;KACS;KACnB,mBAAmB;KACnB,OAAO,mBAAmB,SAAS,YAAY;KAC/C,0BAAA;KACA,0BAAA;KACA,UAAS,WAAU;MACjB,mBAAmB,SAAS,QAAQ;MACpC,MAAM,iBAAiB,OAAO,kBAAkB;MAChD,mBAAmB,UAAU,eAC1B,8BAA8B;OAC7B,MAAM,YAAY,eAAe,SAAS;OAC1C,IAAI,cAAc,SAAS,SAAS,WAAW,SAAS;MAC1D,CAAC;KACL;KACA,SAAS;MACP;MACA,iBAAiB;MACjB,SAAS,EAAE,SAAS,MAAM;MAC1B,kBAAkB;MAClB;MACA,kBAAkB;MAClB,sBAAsB;KACxB;IACG,CAAA;GACE,CAAA,GACJ,OACE;;CACF,CAAA;AAET"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alauda/react-code-editor",
-  "version": "0.1.0-next.20260903.1788425608",
+  "version": "0.1.0-next.20261021.1792553055",
   "description": "React Monaco code editor with schema-aware YAML support.",
   "type": "module",
   "main": "./index.js",
@@ -36,6 +36,7 @@
   "peerDependencies": {
     "@emotion/react": "^11.0.0",
     "@emotion/styled": "^11.0.0",
+    "@mui/icons-material": "^9.2.0",
     "@mui/material": "^9.2.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"

package/yaml/index.d.ts

@@ -2,7 +2,7 @@ import { ForwardRefExoticComponent } from 'react';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
 
-declare type CodeEditorAction = 'copy' | 'find' | 'format' | 'fullscreen' | 'redo' | 'undo';
+declare type CodeEditorAction = 'copy' | 'clear' | 'export' | 'find' | 'format' | 'fullscreen' | 'import' | 'recover' | 'redo' | 'theme' | 'undo';
 
 declare interface CodeEditorDiagnostic {
     readonly severity: CodeEditorDiagnosticSeverity;
@@ -33,10 +33,19 @@ declare interface CodeEditorLabels {
     readonly copy: string;
     readonly copied: string;
     readonly copyFailed: string;
+    readonly clear?: string;
+    readonly export?: string;
     readonly find: string;
     readonly format: string;
     readonly fullscreen: string;
     readonly exitFullscreen: string;
+    readonly import?: string;
+    readonly importFailed?: string;
+    readonly recover?: string;
+    readonly theme?: string;
+    readonly themeSystem?: string;
+    readonly themeLight?: string;
+    readonly themeDark?: string;
     readonly undo: string;
     readonly redo: string;
     readonly loading: string;
@@ -57,14 +66,35 @@ declare interface CodeEditorProps {
     readonly readOnly?: boolean;
     readonly disabled?: boolean;
     readonly height?: number | string;
+    /** Show Monaco's code overview without changing the default for existing consumers. */
+    readonly minimap?: boolean;
     readonly actions?: readonly CodeEditorAction[];
     readonly labels?: Partial<CodeEditorLabels>;
     readonly error?: string | null;
     readonly onDiagnostics?: (diagnostics: readonly CodeEditorDiagnostic[]) => void;
+    readonly originalValue?: string;
+    /** Controlled comparison view; originalValue remains the consumer's baseline. */
+    readonly diffMode?: boolean;
+    readonly importAccept?: string;
+    readonly exportFileName?: string;
+    readonly onImportText?: (text: string, file: File) => void;
+    readonly onExport?: (value: string) => void;
+    readonly onRecover?: (originalValue: string) => void;
+    readonly onClear?: () => void;
+    readonly themeMode?: CodeEditorThemeMode;
+    readonly onThemeModeChange?: (mode: CodeEditorThemeMode) => void;
+    /** Reports package-owned fullscreen state changes to feature consumers. */
+    readonly onFullscreenChange?: (fullscreen: boolean) => void;
+    /** Feature-owned side panel rendered inside the editor surface. */
+    readonly sidebar?: ReactNode;
     readonly toolbarStart?: ReactNode;
+    /** Additional feature-owned controls rendered inside the editor toolbar. */
+    readonly toolbarActions?: ReactNode;
     readonly toolbarEnd?: ReactNode;
 }
 
+declare type CodeEditorThemeMode = 'system' | 'light' | 'dark';
+
 export declare type JsonPrimitive = boolean | number | string | null;
 
 export declare type JsonValue = JsonPrimitive | readonly JsonValue[] | {

package/yaml/index.js

@@ -1,22 +1,26 @@
-import { a as getSharedRuntimeState, i as loadMonacoRuntime, t as CodeEditor } from "../chunks/CodeEditor-BI8PAcmS.js";
+import { a as loadMonacoRuntime, o as getSharedRuntimeState, t as CodeEditor } from "../chunks/CodeEditor-DhYaoBaC.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";
+import { forwardRef, useEffect, useId, useRef, useState } from "react";
 //#region src/yaml/yamlRuntime.ts
 function getYamlRuntime() {
 	const runtime = getSharedRuntimeState();
 	runtime.yaml ??= { owners: /* @__PURE__ */ new Map() };
 	return runtime.yaml;
 }
+function schemaUri(id, modelPath) {
+	const encode = (value) => Array.from(new TextEncoder().encode(value), (byte) => byte.toString(16).padStart(2, "0")).join("");
+	return `alauda://schemas/${encode(id)}/${encode(modelPath)}`;
+}
 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)}`,
+			uri: schemaUri(schema.id, schema.modelPath),
 			fileMatch: [schema.modelPath],
 			schema: schema.schema
 		});

package/yaml/index.js.map

@@ -1 +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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"}
+{"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\n// Percent-encoded slashes are decoded by the language service's URI normalizer.\n// Use an ASCII identity that remains identical before/after normalization, and\n// include the model so same-GVK editors cannot overwrite each other's schema.\nfunction schemaUri(id: string, modelPath: string): string {\n  const encode = (value: string) => Array.from(new TextEncoder().encode(value), byte => byte.toString(16).padStart(2, '0')).join('');\n  return `alauda://schemas/${encode(id)}/${encode(modelPath)}`;\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: schemaUri(schema.id, schema.modelPath),\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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"}