@12-apps/ui 6.10.1 → 6.11.1

package/dist/form/CodeEditor.js

@@ -1,460 +1,12 @@
-import "../chunk-PZ5AY32C.js";
-
-// src/components/form/CodeEditor/CodeEditor.tsx
-import Editor from "@monaco-editor/react";
+import "../chunk-JEBPCAWD.js";
 import {
-  alpha as alpha2,
-  Box as Box2,
-  Paper,
-  styled as styled2,
-  Typography as Typography2
-} from "@mui/material";
-
-// src/components/form/CodeEditor/CodeEditor.helpers.ts
-var makeTestId = (dataTestId) => (suffix) => dataTestId ? `${dataTestId}-${suffix}` : `code-editor-${suffix}`;
-var CODE_EDITOR_DEFAULTS = {
-  height: "400px",
-  theme: "auto",
-  readOnly: false,
-  lineNumbers: true,
-  minimap: false,
-  fontSize: 14,
-  wordWrap: false,
-  showToolbar: true,
-  autoFormat: false
-};
-var resolveCodeEditorProps = (props) => ({
-  ...CODE_EDITOR_DEFAULTS,
-  ...Object.fromEntries(
-    Object.entries(props).filter(([, value]) => value !== void 0)
-  )
-});
-
-// src/components/form/CodeEditor/CodeEditor.hooks.ts
-import { useTheme } from "@mui/material";
-import React, { useEffect, useRef } from "react";
-
-// src/components/form/CodeEditor/CodeEditor.monaco.ts
-var customLightTheme = {
-  base: "vs",
-  inherit: true,
-  rules: [
-    { token: "comment", foreground: "6A737D", fontStyle: "italic" },
-    { token: "keyword", foreground: "D73A49" },
-    { token: "string", foreground: "032F62" },
-    { token: "number", foreground: "005CC5" }
-  ],
-  colors: {
-    "editor.background": "#FFFFFF",
-    "editor.foreground": "#24292E",
-    "editor.lineHighlightBackground": "#F6F8FA",
-    "editorLineNumber.foreground": "#959DA5",
-    "editorIndentGuide.background": "#D1D5DA",
-    "editor.selectionBackground": "#C8E1FF"
-  }
-};
-var customDarkTheme = {
-  base: "vs-dark",
-  inherit: true,
-  rules: [
-    { token: "comment", foreground: "6A737D", fontStyle: "italic" },
-    { token: "keyword", foreground: "F97583" },
-    { token: "string", foreground: "9ECBFF" },
-    { token: "number", foreground: "79B8FF" }
-  ],
-  colors: {
-    "editor.background": "#0D1117",
-    "editor.foreground": "#C9D1D9",
-    "editor.lineHighlightBackground": "#161B22",
-    "editorLineNumber.foreground": "#8B949E",
-    "editorIndentGuide.background": "#21262D",
-    "editor.selectionBackground": "#3392FF44"
-  }
-};
-var AUTO_FORMAT_DELAY_MS = 100;
-var registerEditorThemes = (monaco) => {
-  monaco.editor.defineTheme("custom-light", customLightTheme);
-  monaco.editor.defineTheme("custom-dark", customDarkTheme);
-};
-var configureTypeScriptDefaults = (monaco) => {
-  try {
-    const tsLanguage = monaco.languages.getLanguages().find((language) => language.id === "typescript");
-    if (!tsLanguage) return;
-    monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
-      target: monaco.languages.typescript.ScriptTarget.ES2020,
-      allowNonTsExtensions: true,
-      moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,
-      module: monaco.languages.typescript.ModuleKind.CommonJS,
-      noEmit: true,
-      esModuleInterop: true,
-      jsx: monaco.languages.typescript.JsxEmit.React,
-      reactNamespace: "React",
-      allowJs: true,
-      typeRoots: ["node_modules/@types"]
-    });
-    monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({
-      noSemanticValidation: false,
-      noSyntaxValidation: false,
-      noSuggestionDiagnostics: true
-    });
-  } catch {
-  }
-};
-var scheduleAutoFormat = (mountedEditor, enabled) => {
-  if (!enabled) return;
-  window.setTimeout(() => {
-    mountedEditor.getAction("editor.action.formatDocument")?.run();
-  }, AUTO_FORMAT_DELAY_MS);
-};
-var registerSaveShortcut = (mountedEditor, monaco, onSave) => {
-  mountedEditor.addCommand(monaco.KeyMod.CtrlCmd | monaco.KeyCode.KeyS, () => {
-    onSave?.(mountedEditor.getValue());
-  });
-};
-var resolveEditorTheme = (themeProp, paletteMode) => {
-  const wantsDark = themeProp === "auto" ? paletteMode === "dark" : themeProp === "dark";
-  return wantsDark ? "custom-dark" : "custom-light";
-};
-
-// src/components/form/CodeEditor/CodeEditor.hooks.ts
-var COPIED_FEEDBACK_MS = 2e3;
-var useFullscreen = () => {
-  const [isFullscreen, setIsFullscreen] = React.useState(false);
-  useEffect(() => {
-    if (!isFullscreen) return;
-    const handleEsc = (event) => {
-      if (event.key === "Escape") setIsFullscreen(false);
-    };
-    window.addEventListener("keydown", handleEsc);
-    return () => window.removeEventListener("keydown", handleEsc);
-  }, [isFullscreen]);
-  return { isFullscreen, toggleFullscreen: () => setIsFullscreen((prev) => !prev) };
-};
-var useCodeEditor = ({
-  themeProp,
-  wordWrap,
-  autoFormat,
-  readOnly,
-  onSave
-}) => {
-  const theme = useTheme();
-  const editorRef = useRef(null);
-  const monacoRef = useRef(null);
-  const { isFullscreen, toggleFullscreen } = useFullscreen();
-  const [isWrapped, setIsWrapped] = React.useState(wordWrap);
-  const [isCopied, setIsCopied] = React.useState(false);
-  const editorTheme = React.useMemo(
-    () => resolveEditorTheme(themeProp, theme.palette.mode),
-    [themeProp, theme.palette.mode]
-  );
-  const handleEditorDidMount = (mountedEditor, monaco) => {
-    editorRef.current = mountedEditor;
-    monacoRef.current = monaco;
-    registerEditorThemes(monaco);
-    configureTypeScriptDefaults(monaco);
-    scheduleAutoFormat(mountedEditor, autoFormat && !readOnly);
-    registerSaveShortcut(mountedEditor, monaco, onSave);
-  };
-  const handleCopy = async () => {
-    if (!editorRef.current || !navigator.clipboard?.writeText) return;
-    try {
-      await navigator.clipboard.writeText(editorRef.current.getValue());
-      setIsCopied(true);
-      window.setTimeout(() => setIsCopied(false), COPIED_FEEDBACK_MS);
-    } catch {
-    }
-  };
-  const handleWrapToggle = () => {
-    setIsWrapped(!isWrapped);
-    editorRef.current?.updateOptions({ wordWrap: !isWrapped ? "on" : "off" });
-  };
-  const handleFormat = () => {
-    if (!readOnly) editorRef.current?.getAction("editor.action.formatDocument")?.run();
-  };
-  return {
-    editorTheme,
-    isFullscreen,
-    isWrapped,
-    isCopied,
-    handleEditorDidMount,
-    handleCopy,
-    handleFullscreenToggle: toggleFullscreen,
-    handleWrapToggle,
-    handleFormat
-  };
-};
-
-// src/components/form/CodeEditor/CodeEditorToolbar.tsx
-import CodeIcon from "@mui/icons-material/Code";
-import CopyIcon from "@mui/icons-material/ContentCopy";
-import ExitFullscreenIcon from "@mui/icons-material/FullscreenExit";
-import FullscreenIcon from "@mui/icons-material/Fullscreen";
-import WrapIcon from "@mui/icons-material/WrapText";
-import { Box, IconButton, Stack, Tooltip, Typography } from "@mui/material";
-import { alpha, styled } from "@mui/material";
-import { jsx, jsxs } from "react/jsx-runtime";
-var makeTestId2 = (dataTestId) => (suffix) => dataTestId ? `${dataTestId}-${suffix}` : `code-editor-${suffix}`;
-var Toolbar = styled(Box)(({ theme }) => ({
-  display: "flex",
-  justifyContent: "space-between",
-  alignItems: "center",
-  padding: theme.spacing(1, 2),
-  borderBottom: `1px solid ${alpha(theme.palette.divider, 0.12)}`,
-  background: alpha(theme.palette.background.default, 0.4)
-}));
-var LanguageBadge = styled(Box)(({ theme }) => ({
-  display: "inline-flex",
-  alignItems: "center",
-  gap: theme.spacing(0.5),
-  padding: theme.spacing(0.5, 1),
-  borderRadius: theme.shape.borderRadius,
-  background: alpha(theme.palette.primary.main, 0.1),
-  color: theme.palette.primary.main,
-  fontSize: "0.75rem",
-  fontWeight: 600,
-  textTransform: "uppercase",
-  letterSpacing: "0.05em"
-}));
-var EditorActions = ({
-  copy,
-  readOnly,
-  isWrapped,
-  isCopied,
-  isFullscreen,
-  dataTestId,
-  onFormat,
-  onCopy,
-  onWrapToggle,
-  onFullscreenToggle
-}) => {
-  const testId = makeTestId2(dataTestId);
-  return /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, children: [
-    !readOnly && /* @__PURE__ */ jsx(Tooltip, { title: copy.formatCode, children: /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        size: "small",
-        onClick: onFormat,
-        "data-testid": testId("format-btn"),
-        children: /* @__PURE__ */ jsx(CodeIcon, { fontSize: "small" })
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Tooltip, { title: isWrapped ? copy.disableWrap : copy.enableWrap, children: /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        size: "small",
-        onClick: onWrapToggle,
-        color: isWrapped ? "primary" : "default",
-        "data-testid": testId("wrap-btn"),
-        children: /* @__PURE__ */ jsx(WrapIcon, { fontSize: "small" })
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Tooltip, { title: isCopied ? copy.copied : copy.copyToClipboard, children: /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        size: "small",
-        onClick: onCopy,
-        color: isCopied ? "success" : "default",
-        "data-testid": testId("copy-btn"),
-        children: /* @__PURE__ */ jsx(CopyIcon, { fontSize: "small" })
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Tooltip, { title: isFullscreen ? copy.exitFullscreen : copy.enterFullscreen, children: /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        size: "small",
-        onClick: onFullscreenToggle,
-        "data-testid": testId("fullscreen-btn"),
-        children: isFullscreen ? /* @__PURE__ */ jsx(ExitFullscreenIcon, { fontSize: "small" }) : /* @__PURE__ */ jsx(FullscreenIcon, { fontSize: "small" })
-      }
-    ) })
-  ] });
-};
-var EditorToolbar = ({
-  copy,
-  language,
-  readOnly,
-  isWrapped,
-  isCopied,
-  isFullscreen,
-  dataTestId,
-  onFormat,
-  onCopy,
-  onWrapToggle,
-  onFullscreenToggle
-}) => {
-  const testId = makeTestId2(dataTestId);
-  return /* @__PURE__ */ jsxs(Toolbar, { "data-testid": testId("toolbar"), children: [
-    /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [
-      /* @__PURE__ */ jsxs(LanguageBadge, { "data-testid": testId("language-badge"), children: [
-        /* @__PURE__ */ jsx(CodeIcon, { sx: { fontSize: 14 } }),
-        language
-      ] }),
-      readOnly && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: copy.readOnly })
-    ] }),
-    /* @__PURE__ */ jsx(
-      EditorActions,
-      {
-        copy,
-        readOnly,
-        isWrapped,
-        isCopied,
-        isFullscreen,
-        dataTestId,
-        onFormat,
-        onCopy,
-        onWrapToggle,
-        onFullscreenToggle
-      }
-    )
-  ] });
-};
-
-// src/components/form/CodeEditor/CodeEditor.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var EditorContainer = styled2(Paper)(({ theme }) => ({
-  display: "flex",
-  flexDirection: "column",
-  background: `linear-gradient(135deg, ${alpha2(theme.palette.background.paper, 0.98)} 0%, ${alpha2(theme.palette.background.paper, 0.95)} 100%)`,
-  backdropFilter: "blur(10px)",
-  WebkitBackdropFilter: "blur(10px)",
-  border: `1px solid ${alpha2(theme.palette.divider, 0.18)}`,
-  borderRadius: theme.shape.borderRadius * 2,
-  overflow: "hidden"
-}));
-var EditorWrapper = styled2(Box2, {
-  shouldForwardProp: (prop) => prop !== "fullscreen"
-})(({ theme, fullscreen }) => ({
-  position: "relative",
-  flex: 1,
-  minHeight: 200,
-  ...fullscreen && {
-    position: "fixed",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    zIndex: theme.zIndex.modal,
-    background: theme.palette.background.paper
-  }
-}));
-var PlaceholderOverlay = styled2(Box2)(({ theme }) => ({
-  position: "absolute",
-  top: theme.spacing(2),
-  left: theme.spacing(8),
-  color: theme.palette.text.disabled,
-  fontFamily: 'Monaco, Menlo, "Ubuntu Mono", Consolas, source-code-pro, monospace',
-  fontSize: "0.875rem",
-  pointerEvents: "none",
-  userSelect: "none"
-}));
-var EditorLoading = ({ label }) => /* @__PURE__ */ jsx2(
-  Box2,
-  {
-    sx: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      height: "100%",
-      color: "text.secondary"
-    },
-    children: /* @__PURE__ */ jsx2(Typography2, { variant: "body2", children: label })
-  }
-);
-var buildEditorOptions = ({
-  minimap,
-  fontSize,
-  isWrapped,
-  lineNumbers,
-  readOnly
-}) => ({
-  readOnly,
-  // Explicitly convert minimap to boolean to ensure Monaco receives a definitive value
-  // This prevents undefined from being interpreted differently in various environments
-  minimap: { enabled: minimap === true },
-  fontSize,
-  wordWrap: isWrapped ? "on" : "off",
-  lineNumbers: lineNumbers ? "on" : "off",
-  scrollBeyondLastLine: false,
-  automaticLayout: true,
-  tabSize: 2,
-  insertSpaces: true,
-  folding: true,
-  foldingStrategy: "indentation",
-  showFoldingControls: "mouseover",
-  smoothScrolling: true,
-  cursorBlinking: "smooth",
-  cursorSmoothCaretAnimation: "on",
-  renderWhitespace: "selection",
-  renderLineHighlight: "all",
-  selectOnLineNumbers: true,
-  roundedSelection: true,
-  padding: { top: 16, bottom: 16 },
-  fontFamily: 'Monaco, Menlo, "Ubuntu Mono", Consolas, source-code-pro, monospace',
-  fontLigatures: true
-});
-var CodeEditor = (componentProps) => {
-  const {
-    language,
-    height,
-    theme: themeProp,
-    value,
-    onChange,
-    readOnly,
-    lineNumbers,
-    minimap,
-    fontSize,
-    wordWrap,
-    showToolbar,
-    autoFormat,
-    placeholder,
-    onSave,
-    dataTestId,
-    copy
-  } = resolveCodeEditorProps(componentProps);
-  const testId = makeTestId(dataTestId);
-  const editor = useCodeEditor({ themeProp, wordWrap, autoFormat, readOnly, onSave });
-  const editorOptions = buildEditorOptions({
-    minimap,
-    fontSize,
-    isWrapped: editor.isWrapped,
-    lineNumbers,
-    readOnly
-  });
-  return /* @__PURE__ */ jsxs2(EditorContainer, { elevation: 2, "data-testid": dataTestId || "code-editor", children: [
-    showToolbar && /* @__PURE__ */ jsx2(
-      EditorToolbar,
-      {
-        copy,
-        language,
-        readOnly,
-        isWrapped: editor.isWrapped,
-        isCopied: editor.isCopied,
-        isFullscreen: editor.isFullscreen,
-        dataTestId,
-        onFormat: editor.handleFormat,
-        onCopy: editor.handleCopy,
-        onWrapToggle: editor.handleWrapToggle,
-        onFullscreenToggle: editor.handleFullscreenToggle
-      }
-    ),
-    /* @__PURE__ */ jsxs2(EditorWrapper, { fullscreen: editor.isFullscreen, "data-testid": testId("editor-wrapper"), children: [
-      placeholder && !value && /* @__PURE__ */ jsx2(PlaceholderOverlay, { "data-testid": testId("placeholder"), children: placeholder }),
-      /* @__PURE__ */ jsx2(
-        Editor,
-        {
-          height: editor.isFullscreen ? "100vh" : height,
-          language,
-          value,
-          onChange: (newValue) => onChange?.(newValue || ""),
-          theme: editor.editorTheme,
-          options: editorOptions,
-          onMount: editor.handleEditorDidMount,
-          loading: /* @__PURE__ */ jsx2(EditorLoading, { label: copy.loading })
-        }
-      )
-    ] })
-  ] });
-};
+  CodeEditor
+} from "../chunk-PTHUUYAG.js";
+import "../chunk-7ICBEB3Z.js";
+import "../chunk-QR2GBPYM.js";
+import "../chunk-CMTFAYDY.js";
+import "../chunk-CSSCGM27.js";
+import "../chunk-PZ5AY32C.js";
 export {
   CodeEditor
 };

package/dist/form/CodeEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/form/CodeEditor/CodeEditor.tsx","../../src/components/form/CodeEditor/CodeEditor.helpers.ts","../../src/components/form/CodeEditor/CodeEditor.hooks.ts","../../src/components/form/CodeEditor/CodeEditor.monaco.ts","../../src/components/form/CodeEditor/CodeEditorToolbar.tsx"],"sourcesContent":["import Editor from '@monaco-editor/react';\nimport {\n  alpha,\n  Box,\n  Paper,\n  styled,\n  Typography } from '@mui/material';\nimport type { editor } from 'monaco-editor';\nimport type { FC} from 'react';\nimport React, {  } from 'react';\n\nimport { makeTestId, resolveCodeEditorProps } from './CodeEditor.helpers';\nimport { useCodeEditor } from './CodeEditor.hooks';\nimport type { CodeEditorProps } from './CodeEditor.types';\nimport { EditorToolbar } from './CodeEditorToolbar';\n\n// Styled components\nconst EditorContainer = styled(Paper)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.98)} 0%, ${alpha(theme.palette.background.paper, 0.95)} 100%)`,\n  backdropFilter: 'blur(10px)',\n  WebkitBackdropFilter: 'blur(10px)',\n  border: `1px solid ${alpha(theme.palette.divider, 0.18)}`,\n  borderRadius: theme.shape.borderRadius * 2,\n  overflow: 'hidden' }));\n\nconst EditorWrapper = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'fullscreen' })<{ fullscreen: boolean }>(({ theme, fullscreen }) => ({\n  position: 'relative',\n  flex: 1,\n  minHeight: 200,\n  ...(fullscreen && {\n    position: 'fixed',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    zIndex: theme.zIndex.modal,\n    background: theme.palette.background.paper }) }));\n\nconst PlaceholderOverlay = styled(Box)(({ theme }) => ({\n  position: 'absolute',\n  top: theme.spacing(2),\n  left: theme.spacing(8),\n  color: theme.palette.text.disabled,\n  fontFamily: 'Monaco, Menlo, \"Ubuntu Mono\", Consolas, source-code-pro, monospace',\n  fontSize: '0.875rem',\n  pointerEvents: 'none',\n  userSelect: 'none' }));\n\n// Monaco editor themes\nconst EditorLoading: FC<{ label: string }> = ({ label }) => (\n  <Box\n    sx={{\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      height: '100%',\n      color: 'text.secondary' }}\n  >\n    <Typography variant=\"body2\">{label}</Typography>\n  </Box>\n);\n\nconst buildEditorOptions = ({\n  minimap,\n  fontSize,\n  isWrapped,\n  lineNumbers,\n  readOnly }: {\n  minimap?: boolean;\n  fontSize: number;\n  isWrapped: boolean;\n  lineNumbers: boolean;\n  readOnly: boolean;\n}): editor.IStandaloneEditorConstructionOptions => ({\n    readOnly,\n    // Explicitly convert minimap to boolean to ensure Monaco receives a definitive value\n    // This prevents undefined from being interpreted differently in various environments\n    minimap: { enabled: minimap === true },\n    fontSize,\n    wordWrap: isWrapped ? 'on' : 'off',\n    lineNumbers: lineNumbers ? 'on' : 'off',\n    scrollBeyondLastLine: false,\n    automaticLayout: true,\n    tabSize: 2,\n    insertSpaces: true,\n    folding: true,\n    foldingStrategy: 'indentation',\n    showFoldingControls: 'mouseover',\n    smoothScrolling: true,\n    cursorBlinking: 'smooth',\n    cursorSmoothCaretAnimation: 'on',\n    renderWhitespace: 'selection',\n    renderLineHighlight: 'all',\n    selectOnLineNumbers: true,\n    roundedSelection: true,\n    padding: { top: 16, bottom: 16 },\n    fontFamily: 'Monaco, Menlo, \"Ubuntu Mono\", Consolas, source-code-pro, monospace',\n    fontLigatures: true });\n\nexport const CodeEditor: FC<CodeEditorProps> = (componentProps) => {\n  const {\n    language,\n    height,\n    theme: themeProp,\n    value,\n    onChange,\n    readOnly,\n    lineNumbers,\n    minimap,\n    fontSize,\n    wordWrap,\n    showToolbar,\n    autoFormat,\n    placeholder,\n    onSave,\n    dataTestId,\n    copy } = resolveCodeEditorProps(componentProps);\n\n  const testId = makeTestId(dataTestId);\n  const editor = useCodeEditor({ themeProp, wordWrap, autoFormat, readOnly, onSave });\n\n  const editorOptions = buildEditorOptions({\n    minimap,\n    fontSize,\n    isWrapped: editor.isWrapped,\n    lineNumbers,\n    readOnly });\n\n  return (\n    <EditorContainer elevation={2} data-testid={dataTestId || 'code-editor'}>\n      {showToolbar && (\n        <EditorToolbar\n          copy={copy}\n          language={language}\n          readOnly={readOnly}\n          isWrapped={editor.isWrapped}\n          isCopied={editor.isCopied}\n          isFullscreen={editor.isFullscreen}\n          dataTestId={dataTestId}\n          onFormat={editor.handleFormat}\n          onCopy={editor.handleCopy}\n          onWrapToggle={editor.handleWrapToggle}\n          onFullscreenToggle={editor.handleFullscreenToggle}\n        />\n      )}\n\n      <EditorWrapper fullscreen={editor.isFullscreen} data-testid={testId('editor-wrapper')}>\n        {placeholder && !value && (\n          <PlaceholderOverlay data-testid={testId('placeholder')}>{placeholder}</PlaceholderOverlay>\n        )}\n\n        <Editor\n          height={editor.isFullscreen ? '100vh' : height}\n          language={language}\n          value={value}\n          onChange={(newValue) => onChange?.(newValue || '')}\n          theme={editor.editorTheme}\n          options={editorOptions}\n          onMount={editor.handleEditorDidMount}\n          loading={<EditorLoading label={copy.loading} />}\n        />\n      </EditorWrapper>\n    </EditorContainer>\n  );\n};\n","import type { CodeEditorProps } from './CodeEditor.types';\n\n// Every element repeated the same conditional test id; this is that ternary once.\nexport const makeTestId =\n  (dataTestId?: string) =>\n  (suffix: string): string =>\n    dataTestId ? `${dataTestId}-${suffix}` : `code-editor-${suffix}`;\n\ntype CodeEditorDefaultedKeys =\n  | 'height'\n  | 'theme'\n  | 'readOnly'\n  | 'lineNumbers'\n  | 'minimap'\n  | 'fontSize'\n  | 'wordWrap'\n  | 'showToolbar'\n  | 'autoFormat';\n\ntype ResolvedCodeEditorProps = CodeEditorProps &\n  Required<Pick<CodeEditorProps, CodeEditorDefaultedKeys>>;\n\nconst CODE_EDITOR_DEFAULTS: Pick<CodeEditorProps, CodeEditorDefaultedKeys> = {\n  height: '400px',\n  theme: 'auto',\n  readOnly: false,\n  lineNumbers: true,\n  minimap: false,\n  fontSize: 14,\n  wordWrap: false,\n  showToolbar: true,\n  autoFormat: false,\n};\n\n// Strips explicitly-undefined props before the merge, so `prop={undefined}` still\n// falls back to the default exactly as a destructuring default would. Applied as\n// a merge rather than destructuring defaults, which would otherwise put nine\n// branches into the component's own complexity budget.\nexport const resolveCodeEditorProps = (props: CodeEditorProps): ResolvedCodeEditorProps =>\n  ({\n    ...CODE_EDITOR_DEFAULTS,\n    ...(Object.fromEntries(\n      Object.entries(props).filter(([, value]) => value !== undefined),\n    ) as Partial<CodeEditorProps>),\n  }) as ResolvedCodeEditorProps;\n","import type { Monaco } from '@monaco-editor/react';\nimport { useTheme } from '@mui/material';\nimport type { editor } from 'monaco-editor';\nimport React, { useEffect, useRef } from 'react';\n\nimport {\n  configureTypeScriptDefaults,\n  registerEditorThemes,\n  registerSaveShortcut,\n  resolveEditorTheme,\n  scheduleAutoFormat,\n} from './CodeEditor.monaco';\n\nconst COPIED_FEEDBACK_MS = 2000;\n\n// Escape leaves fullscreen, so the flag and its listener belong together.\nconst useFullscreen = () => {\n  const [isFullscreen, setIsFullscreen] = React.useState(false);\n\n  useEffect(() => {\n    if (!isFullscreen) return;\n\n    const handleEsc = (event: globalThis.KeyboardEvent) => {\n      if (event.key === 'Escape') setIsFullscreen(false);\n    };\n\n    window.addEventListener('keydown', handleEsc);\n    return () => window.removeEventListener('keydown', handleEsc);\n  }, [isFullscreen]);\n\n  return { isFullscreen, toggleFullscreen: () => setIsFullscreen((prev) => !prev) };\n};\n\n// All of the editor's own state: the Monaco handles, the three toggles, and the\n// handlers that drive them.\nexport const useCodeEditor = ({\n  themeProp,\n  wordWrap,\n  autoFormat,\n  readOnly,\n  onSave,\n}: {\n  themeProp: string;\n  wordWrap: boolean;\n  autoFormat: boolean;\n  readOnly: boolean;\n  onSave?: (value: string) => void;\n}) => {\n  const theme = useTheme();\n  const editorRef = useRef<editor.IStandaloneCodeEditor | null>(null);\n  const monacoRef = useRef<Monaco | null>(null);\n  const { isFullscreen, toggleFullscreen } = useFullscreen();\n  const [isWrapped, setIsWrapped] = React.useState(wordWrap);\n  const [isCopied, setIsCopied] = React.useState(false);\n\n  const editorTheme = React.useMemo(\n    () => resolveEditorTheme(themeProp, theme.palette.mode),\n    [themeProp, theme.palette.mode],\n  );\n\n  const handleEditorDidMount = (mountedEditor: editor.IStandaloneCodeEditor, monaco: Monaco) => {\n    editorRef.current = mountedEditor;\n    monacoRef.current = monaco;\n\n    registerEditorThemes(monaco);\n    configureTypeScriptDefaults(monaco);\n    scheduleAutoFormat(mountedEditor, autoFormat && !readOnly);\n    registerSaveShortcut(mountedEditor, monaco, onSave);\n  };\n\n  // No-ops where the clipboard API is unavailable, as in jsdom.\n  const handleCopy = async () => {\n    if (!editorRef.current || !navigator.clipboard?.writeText) return;\n\n    try {\n      await navigator.clipboard.writeText(editorRef.current.getValue());\n      setIsCopied(true);\n      window.setTimeout(() => setIsCopied(false), COPIED_FEEDBACK_MS);\n    } catch {\n      // Silently handle clipboard errors in test environments\n    }\n  };\n\n  const handleWrapToggle = () => {\n    setIsWrapped(!isWrapped);\n    editorRef.current?.updateOptions({ wordWrap: !isWrapped ? 'on' : 'off' });\n  };\n\n  const handleFormat = () => {\n    if (!readOnly) editorRef.current?.getAction('editor.action.formatDocument')?.run();\n  };\n\n  return {\n    editorTheme,\n    isFullscreen,\n    isWrapped,\n    isCopied,\n    handleEditorDidMount,\n    handleCopy,\n    handleFullscreenToggle: toggleFullscreen,\n    handleWrapToggle,\n    handleFormat,\n  };\n};\n","import type { Monaco } from '@monaco-editor/react';\nimport type { editor } from 'monaco-editor';\n\nconst customLightTheme = {\n  base: 'vs' as const,\n  inherit: true,\n  rules: [\n    { token: 'comment', foreground: '6A737D', fontStyle: 'italic' },\n    { token: 'keyword', foreground: 'D73A49' },\n    { token: 'string', foreground: '032F62' },\n    { token: 'number', foreground: '005CC5' },\n  ],\n  colors: {\n    'editor.background': '#FFFFFF',\n    'editor.foreground': '#24292E',\n    'editor.lineHighlightBackground': '#F6F8FA',\n    'editorLineNumber.foreground': '#959DA5',\n    'editorIndentGuide.background': '#D1D5DA',\n    'editor.selectionBackground': '#C8E1FF',\n  },\n};\n\nconst customDarkTheme = {\n  base: 'vs-dark' as const,\n  inherit: true,\n  rules: [\n    { token: 'comment', foreground: '6A737D', fontStyle: 'italic' },\n    { token: 'keyword', foreground: 'F97583' },\n    { token: 'string', foreground: '9ECBFF' },\n    { token: 'number', foreground: '79B8FF' },\n  ],\n  colors: {\n    'editor.background': '#0D1117',\n    'editor.foreground': '#C9D1D9',\n    'editor.lineHighlightBackground': '#161B22',\n    'editorLineNumber.foreground': '#8B949E',\n    'editorIndentGuide.background': '#21262D',\n    'editor.selectionBackground': '#3392FF44',\n  },\n};\n\n// Main component\nconst AUTO_FORMAT_DELAY_MS = 100;\n\nexport const registerEditorThemes = (monaco: Monaco) => {\n  monaco.editor.defineTheme('custom-light', customLightTheme);\n  monaco.editor.defineTheme('custom-dark', customDarkTheme);\n};\n\n// Best-effort: a Monaco build without the TypeScript worker (as in jsdom) throws\n// here, and the editor is still usable without it.\nexport const configureTypeScriptDefaults = (monaco: Monaco) => {\n  try {\n    const tsLanguage = monaco.languages\n      .getLanguages()\n      .find((language) => language.id === 'typescript');\n\n    if (!tsLanguage) return;\n\n    monaco.languages.typescript.typescriptDefaults.setCompilerOptions({\n      target: monaco.languages.typescript.ScriptTarget.ES2020,\n      allowNonTsExtensions: true,\n      moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,\n      module: monaco.languages.typescript.ModuleKind.CommonJS,\n      noEmit: true,\n      esModuleInterop: true,\n      jsx: monaco.languages.typescript.JsxEmit.React,\n      reactNamespace: 'React',\n      allowJs: true,\n      typeRoots: ['node_modules/@types'],\n    });\n\n    monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({\n      noSemanticValidation: false,\n      noSyntaxValidation: false,\n      noSuggestionDiagnostics: true,\n    });\n  } catch {\n    // Silently handle any TypeScript configuration errors in test environments\n  }\n};\n\nexport const scheduleAutoFormat = (mountedEditor: editor.IStandaloneCodeEditor, enabled: boolean) => {\n  if (!enabled) return;\n\n  window.setTimeout(() => {\n    mountedEditor.getAction('editor.action.formatDocument')?.run();\n  }, AUTO_FORMAT_DELAY_MS);\n};\n\nexport const registerSaveShortcut = (\n  mountedEditor: editor.IStandaloneCodeEditor,\n  monaco: Monaco,\n  onSave?: (value: string) => void,\n) => {\n  mountedEditor.addCommand(monaco.KeyMod.CtrlCmd | monaco.KeyCode.KeyS, () => {\n    onSave?.(mountedEditor.getValue());\n  });\n};\n\n// 'auto' follows the MUI palette; otherwise the caller's choice wins.\nexport const resolveEditorTheme = (themeProp: string, paletteMode: string) => {\n  const wantsDark = themeProp === 'auto' ? paletteMode === 'dark' : themeProp === 'dark';\n\n  return wantsDark ? 'custom-dark' : 'custom-light';\n};\n\n// Monaco's options object. Only the first five entries vary with our props; the\n// rest are fixed editor preferences.\n","import CodeIcon from '@mui/icons-material/Code';\nimport CopyIcon from '@mui/icons-material/ContentCopy';\nimport ExitFullscreenIcon from '@mui/icons-material/FullscreenExit';\nimport FullscreenIcon from '@mui/icons-material/Fullscreen';\nimport WrapIcon from '@mui/icons-material/WrapText';\nimport { Box, IconButton, Stack, Tooltip, Typography } from '@mui/material';\nimport { alpha, styled } from '@mui/material';\nimport React from 'react';\n\nimport type { CodeEditorCopy } from '../../../copy';\n\n// Each button repeated the same conditional test id; this is that ternary once.\nconst makeTestId =\n  (dataTestId?: string) =>\n  (suffix: string): string =>\n    dataTestId ? `${dataTestId}-${suffix}` : `code-editor-${suffix}`;\n\nconst Toolbar = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  justifyContent: 'space-between',\n  alignItems: 'center',\n  padding: theme.spacing(1, 2),\n  borderBottom: `1px solid ${alpha(theme.palette.divider, 0.12)}`,\n  background: alpha(theme.palette.background.default, 0.4),\n}));\n\nconst LanguageBadge = styled(Box)(({ theme }) => ({\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: theme.spacing(0.5),\n  padding: theme.spacing(0.5, 1),\n  borderRadius: theme.shape.borderRadius,\n  background: alpha(theme.palette.primary.main, 0.1),\n  color: theme.palette.primary.main,\n  fontSize: '0.75rem',\n  fontWeight: 600,\n  textTransform: 'uppercase',\n  letterSpacing: '0.05em',\n}));\n\nconst EditorActions: React.FC<{\n  copy: CodeEditorCopy;\n  readOnly: boolean;\n  isWrapped: boolean;\n  isCopied: boolean;\n  isFullscreen: boolean;\n  dataTestId?: string;\n  onFormat: () => void;\n  onCopy: () => void;\n  onWrapToggle: () => void;\n  onFullscreenToggle: () => void;\n}> = ({\n  copy,\n  readOnly,\n  isWrapped,\n  isCopied,\n  isFullscreen,\n  dataTestId,\n  onFormat,\n  onCopy,\n  onWrapToggle,\n  onFullscreenToggle,\n}) => {\n  const testId = makeTestId(dataTestId);\n\n  return (\n    <Stack direction=\"row\" spacing={1}>\n    {!readOnly && (\n      <Tooltip title={copy.formatCode}>\n        <IconButton\n          size=\"small\"\n          onClick={onFormat}\n          data-testid={testId('format-btn')}\n        >\n          <CodeIcon fontSize=\"small\" />\n        </IconButton>\n      </Tooltip>\n    )}\n\n    <Tooltip title={isWrapped ? copy.disableWrap : copy.enableWrap}>\n      <IconButton\n        size=\"small\"\n        onClick={onWrapToggle}\n        color={isWrapped ? 'primary' : 'default'}\n        data-testid={testId('wrap-btn')}\n      >\n        <WrapIcon fontSize=\"small\" />\n      </IconButton>\n    </Tooltip>\n\n    <Tooltip title={isCopied ? copy.copied : copy.copyToClipboard}>\n      <IconButton\n        size=\"small\"\n        onClick={onCopy}\n        color={isCopied ? 'success' : 'default'}\n        data-testid={testId('copy-btn')}\n      >\n        <CopyIcon fontSize=\"small\" />\n      </IconButton>\n    </Tooltip>\n\n    <Tooltip title={isFullscreen ? copy.exitFullscreen : copy.enterFullscreen}>\n      <IconButton\n        size=\"small\"\n        onClick={onFullscreenToggle}\n        data-testid={testId('fullscreen-btn')}\n      >\n        {isFullscreen ? (\n          <ExitFullscreenIcon fontSize=\"small\" />\n        ) : (\n          <FullscreenIcon fontSize=\"small\" />\n        )}\n      </IconButton>\n      </Tooltip>\n    </Stack>\n  );\n};\n\n// Language badge, read-only marker and the four action buttons.\nexport const EditorToolbar: React.FC<{\n  copy: CodeEditorCopy;\n  language: string;\n  readOnly: boolean;\n  isWrapped: boolean;\n  isCopied: boolean;\n  isFullscreen: boolean;\n  dataTestId?: string;\n  onFormat: () => void;\n  onCopy: () => void;\n  onWrapToggle: () => void;\n  onFullscreenToggle: () => void;\n}> = ({\n  copy,\n  language,\n  readOnly,\n  isWrapped,\n  isCopied,\n  isFullscreen,\n  dataTestId,\n  onFormat,\n  onCopy,\n  onWrapToggle,\n  onFullscreenToggle,\n}) => {\n  const testId = makeTestId(dataTestId);\n\n  return (\n  <Toolbar data-testid={testId('toolbar')}>\n    <Stack direction=\"row\" spacing={2} alignItems=\"center\">\n      <LanguageBadge data-testid={testId('language-badge')}>\n        <CodeIcon sx={{ fontSize: 14 }} />\n        {language}\n      </LanguageBadge>\n      {readOnly && (\n        <Typography variant=\"caption\" color=\"text.secondary\">\n          {copy.readOnly}\n        </Typography>\n      )}\n    </Stack>\n\n    <EditorActions\n      copy={copy}\n      readOnly={readOnly}\n      isWrapped={isWrapped}\n      isCopied={isCopied}\n      isFullscreen={isFullscreen}\n      dataTestId={dataTestId}\n      onFormat={onFormat}\n      onCopy={onCopy}\n      onWrapToggle={onWrapToggle}\n      onFullscreenToggle={onFullscreenToggle}\n    />\n  </Toolbar>\n  );\n};\n"],"mappings":"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","names":["alpha","Box","styled","Typography","makeTestId","jsx","jsxs","styled","alpha","Box","Typography"]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}