@lobehub/editor 4.13.0 → 4.15.0

package/es/codemirror-3POv7f__.js

@@ -0,0 +1,923 @@
+import { n as createDebugLogger, s as init_debug } from "./debug-CIvbNHJu.js";
+import { ActionIcon, Flexbox, InputNumber, MaterialFileTypeIcon, Popover, Select, Text } from "@lobehub/ui";
+import { Check, ChevronDown, ChevronRight, CopyIcon, MoreHorizontalIcon } from "lucide-react";
+import { useCallback, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createStaticStyles, cssVar, cx } from "antd-style";
+import { Switch } from "antd";
+//#region src/codemirror/components/CopyButton.tsx
+const CopyButton = ({ onCopy, labels, className }) => {
+	const [copied, setCopied] = useState(false);
+	return /* @__PURE__ */ jsx(ActionIcon, {
+		active: copied,
+		className: className ?? "cm-hidden-actions",
+		icon: copied ? Check : CopyIcon,
+		onClick: () => {
+			setCopied(true);
+			onCopy();
+			setTimeout(() => setCopied(false), 1e3);
+		},
+		size: "small",
+		title: labels?.copy ?? "Copy"
+	});
+};
+CopyButton.displayName = "CopyButton";
+//#endregion
+//#region src/codemirror/constants.ts
+const LANGUAGES = [
+	{
+		ext: ["agda"],
+		name: "Agda",
+		syntax: "text/x-agda",
+		value: "agda"
+	},
+	{
+		ext: ["ets", "arkts"],
+		name: "ArkTS",
+		syntax: "text/x-arkts",
+		value: "arkts"
+	},
+	{
+		ext: ["bash"],
+		name: "Bash",
+		syntax: "shell",
+		value: "bash"
+	},
+	{
+		ext: ["vbs"],
+		name: "Basic",
+		syntax: "vbscript",
+		value: "basic"
+	},
+	{
+		ext: [
+			"c",
+			"h",
+			"ino"
+		],
+		name: "C",
+		syntax: "text/x-csrc",
+		value: "c"
+	},
+	{
+		ext: [
+			"cpp",
+			"c++",
+			"cc",
+			"cxx",
+			"hpp",
+			"h++",
+			"hh",
+			"hxx"
+		],
+		name: "C++",
+		syntax: "text/x-c++src",
+		value: "cpp"
+	},
+	{
+		ext: ["cs"],
+		name: "C#",
+		syntax: "text/x-csharp",
+		value: "csharp"
+	},
+	{
+		ext: ["css"],
+		name: "CSS",
+		syntax: "css",
+		value: "css"
+	},
+	{
+		ext: ["dart"],
+		name: "Dart",
+		syntax: "dart",
+		value: "dart"
+	},
+	{
+		ext: ["diff", "patch"],
+		name: "Diff",
+		syntax: "diff",
+		value: "diff"
+	},
+	{
+		name: "Dockerfile",
+		syntax: "dockerfile",
+		value: "dockerfile"
+	},
+	{
+		ext: ["erl"],
+		name: "Erlang",
+		syntax: "erlang",
+		value: "erlang"
+	},
+	{
+		ext: ["glsl"],
+		name: "Glsl",
+		syntax: "x-shader/x-vertex",
+		value: "glsl"
+	},
+	{
+		name: "Git",
+		syntax: "shell",
+		value: "git"
+	},
+	{
+		ext: ["go"],
+		name: "Go",
+		syntax: "go",
+		value: "go"
+	},
+	{
+		name: "GraphQL",
+		syntax: "graphql",
+		value: "graphql"
+	},
+	{
+		ext: ["groovy", "gradle"],
+		name: "Groovy",
+		syntax: "groovy",
+		value: "groovy"
+	},
+	{
+		ext: [
+			"html",
+			"htm",
+			"handlebars",
+			"hbs"
+		],
+		name: "HTML",
+		syntax: "htmlmixed",
+		value: "html"
+	},
+	{
+		name: "HTTP",
+		syntax: "http",
+		value: "http"
+	},
+	{
+		ext: ["java"],
+		name: "Java",
+		syntax: "text/x-java",
+		value: "java"
+	},
+	{
+		ext: ["js"],
+		name: "JavaScript",
+		syntax: "text/javascript",
+		value: "javascript"
+	},
+	{
+		ext: ["json", "map"],
+		name: "JSON",
+		syntax: "application/json",
+		value: "json"
+	},
+	{
+		ext: ["jsx"],
+		name: "JSX",
+		syntax: "jsx",
+		value: "jsx"
+	},
+	{
+		name: "KaTeX",
+		syntax: "simplemode",
+		value: "katex"
+	},
+	{
+		ext: ["kt"],
+		name: "Kotlin",
+		syntax: "text/x-kotlin",
+		value: "kotlin"
+	},
+	{
+		ext: ["less"],
+		name: "Less",
+		syntax: "css",
+		value: "less"
+	},
+	{
+		name: "Makefile",
+		syntax: "cmake",
+		value: "makefile"
+	},
+	{
+		ext: [
+			"markdown",
+			"md",
+			"mkd"
+		],
+		name: "Markdown",
+		syntax: "markdown",
+		value: "markdown"
+	},
+	{
+		name: "MATLAB",
+		syntax: "octave",
+		value: "matlab"
+	},
+	{
+		ext: ["conf"],
+		name: "Nginx",
+		syntax: "nginx",
+		value: "nginx"
+	},
+	{
+		ext: ["m"],
+		name: "Objective-C",
+		syntax: "text/x-objectivec",
+		value: "objectivec"
+	},
+	{
+		ext: ["p", "pas"],
+		name: "Pascal",
+		syntax: "pascal",
+		value: "pascal"
+	},
+	{
+		ext: ["pl", "pm"],
+		name: "Perl",
+		syntax: "perl",
+		value: "perl"
+	},
+	{
+		ext: [
+			"php",
+			"php3",
+			"php4",
+			"php5",
+			"php7",
+			"phtml"
+		],
+		name: "PHP",
+		syntax: "text/x-php",
+		value: "php"
+	},
+	{
+		ext: [
+			"ps1",
+			"psd1",
+			"psm1"
+		],
+		name: "PowerShell",
+		syntax: "powershell",
+		value: "powershell"
+	},
+	{
+		ext: ["proto"],
+		name: "Protobuf",
+		syntax: "protobuf",
+		value: "protobuf"
+	},
+	{
+		ext: [
+			"build",
+			"bzl",
+			"py",
+			"pyw"
+		],
+		name: "Python",
+		syntax: "python",
+		value: "python"
+	},
+	{
+		ext: ["r", "R"],
+		name: "R",
+		syntax: "r",
+		value: "r"
+	},
+	{
+		ext: ["rb"],
+		name: "Ruby",
+		syntax: "ruby",
+		value: "ruby"
+	},
+	{
+		ext: ["rs"],
+		name: "Rust",
+		syntax: "rust",
+		value: "rust"
+	},
+	{
+		ext: ["scala"],
+		name: "Scala",
+		syntax: "text/x-scala",
+		value: "scala"
+	},
+	{
+		ext: ["sh", "ksh"],
+		name: "Shell",
+		syntax: "shell",
+		value: "shell"
+	},
+	{
+		ext: ["sql"],
+		name: "SQL",
+		syntax: "text/x-sql",
+		value: "sql"
+	},
+	{
+		name: "PL/SQL",
+		syntax: "text/x-plsql",
+		value: "plsql"
+	},
+	{
+		ext: ["swift"],
+		name: "Swift",
+		syntax: "swift",
+		value: "swift"
+	},
+	{
+		ext: ["ts"],
+		name: "TypeScript",
+		syntax: "text/typescript",
+		value: "typescript"
+	},
+	{
+		ext: ["vb"],
+		name: "VB.net",
+		syntax: "vb",
+		value: "vbnet"
+	},
+	{
+		ext: ["vtl"],
+		name: "Velocity",
+		syntax: "velocity",
+		value: "velocity"
+	},
+	{
+		ext: [
+			"xml",
+			"xsl",
+			"xsd",
+			"svg"
+		],
+		name: "XML",
+		syntax: "xml",
+		value: "xml"
+	},
+	{
+		ext: ["yaml", "yml"],
+		name: "YAML",
+		syntax: "yaml",
+		value: "yaml"
+	},
+	{
+		name: "sTeX",
+		syntax: "text/x-stex",
+		value: "stex"
+	},
+	{
+		ext: [
+			"text",
+			"ltx",
+			"tex"
+		],
+		name: "LaTeX",
+		syntax: "text/x-latex",
+		value: "latex"
+	},
+	{
+		ext: ["sv", "svh"],
+		name: "SystemVerilog",
+		syntax: "text/x-systemverilog",
+		value: "systemverilog"
+	},
+	{
+		ext: ["sass", "scss"],
+		name: "Sass",
+		syntax: "text/x-sass",
+		value: "sass"
+	},
+	{
+		ext: ["tcl"],
+		name: "Tcl",
+		syntax: "text/x-tcl",
+		value: "tcl"
+	},
+	{
+		ext: ["v"],
+		name: "Verilog",
+		syntax: "text/x-verilog",
+		value: "verilog"
+	},
+	{
+		name: "Vue",
+		syntax: "text/x-vue",
+		value: "vue"
+	},
+	{
+		ext: ["lua"],
+		name: "Lua",
+		syntax: "text/x-lua",
+		value: "lua"
+	},
+	{
+		ext: ["hs"],
+		name: "Haskell",
+		syntax: "haskell",
+		value: "haskell"
+	},
+	{
+		ext: [
+			"properties",
+			"ini",
+			"in"
+		],
+		name: "Properties",
+		syntax: "properties",
+		value: "properties"
+	},
+	{
+		ext: ["toml"],
+		name: "TOML",
+		syntax: "toml",
+		value: "toml"
+	},
+	{
+		ext: ["cyp", "cypher"],
+		name: "Cypher",
+		syntax: "cypher",
+		value: "cypher"
+	},
+	{
+		ext: ["tsx"],
+		name: "TSX",
+		syntax: "jsx",
+		value: "tsx"
+	},
+	{
+		ext: ["fs"],
+		name: "F#",
+		syntax: "mllike",
+		value: "f#"
+	},
+	{
+		ext: [
+			"ml",
+			"mli",
+			"mll",
+			"mly"
+		],
+		name: "OCaml",
+		syntax: "mllike",
+		value: "ocaml"
+	},
+	{
+		ext: [
+			"clj",
+			"cljc",
+			"cljx"
+		],
+		name: "Clojure",
+		syntax: "clojure",
+		value: "clojure"
+	},
+	{
+		name: "ABAP",
+		syntax: "abap",
+		value: "abap"
+	},
+	{
+		ext: ["jl"],
+		name: "Julia",
+		syntax: "julia",
+		value: "julia"
+	},
+	{
+		ext: ["cmake"],
+		name: "CMake",
+		syntax: "cmake",
+		value: "cmake"
+	},
+	{
+		ext: ["scm", "ss"],
+		name: "Scheme",
+		syntax: "scheme",
+		value: "scheme"
+	},
+	{
+		ext: [
+			"cl",
+			"lisp",
+			"el"
+		],
+		name: "Lisp",
+		syntax: "commonlisp",
+		value: "commonlisp"
+	},
+	{
+		ext: [
+			"f90",
+			"f95",
+			"f03"
+		],
+		name: "Fortran",
+		syntax: "fortran",
+		value: "fortran"
+	},
+	{
+		ext: ["sol"],
+		name: "Solidity",
+		syntax: "solidity",
+		value: "solidity"
+	}
+];
+LANGUAGES.sort((modeA, modeB) => {
+	const nameA = modeA.name.toLowerCase();
+	const nameB = modeB.name.toLowerCase();
+	if (nameA === nameB) return 0;
+	if (nameA < nameB) return -1;
+	return 1;
+});
+LANGUAGES.unshift({
+	name: "Plain Text",
+	syntax: "simplemode",
+	value: "plain"
+});
+//#endregion
+//#region src/codemirror/components/style.ts
+const styles$1 = createStaticStyles(({ css }) => ({ container: css`
+    min-width: 160px;
+  ` }));
+//#endregion
+//#region src/codemirror/components/LanguageSelect.tsx
+const LanguageSelect = ({ selectedLang, onLanguageChange, options, labels, className }) => {
+	const modes = options ?? LANGUAGES;
+	const languageOptions = useMemo(() => modes.map((mode) => ({
+		aliases: mode.ext || [],
+		label: /* @__PURE__ */ jsxs(Flexbox, {
+			align: "center",
+			gap: 4,
+			horizontal: true,
+			children: [/* @__PURE__ */ jsx(MaterialFileTypeIcon, {
+				fallbackUnknownType: false,
+				filename: mode.ext?.[0] ? `*.${mode.ext[0]}` : `*.${mode.value}`,
+				size: 18,
+				type: "file",
+				variant: "raw"
+			}), /* @__PURE__ */ jsx(Text, {
+				ellipsis: true,
+				fontSize: 13,
+				children: mode.name
+			})]
+		}),
+		title: mode.ext?.length ? mode.ext.map((ext) => `*.${ext}`).join(",") : `*.${mode.value}`,
+		value: mode.value
+	})), [modes]);
+	return /* @__PURE__ */ jsx(Flexbox, {
+		align: "center",
+		className: cx("cm-language-select", className),
+		gap: 4,
+		horizontal: true,
+		onClick: (e) => e.stopPropagation(),
+		children: /* @__PURE__ */ jsx(Select, {
+			className: cx(styles$1.container),
+			filterOption: (input, option) => {
+				const lang = input.toLowerCase();
+				if ((option?.value)?.toLowerCase().startsWith(lang)) return true;
+				if (String(option?.label).toLowerCase().includes(lang)) return true;
+				if (option?.aliases?.some((ext) => ext.toLowerCase().startsWith(lang))) return true;
+				return false;
+			},
+			onChange: onLanguageChange,
+			options: languageOptions,
+			placeholder: labels?.selectLanguage ?? "Select language",
+			showSearch: true,
+			size: "small",
+			value: selectedLang,
+			variant: "borderless"
+		})
+	});
+};
+LanguageSelect.displayName = "LanguageSelect";
+//#endregion
+//#region src/codemirror/components/MoreOptions.tsx
+const MoreOptions = ({ tabSize, onTabSizeChange, useTabs, onUseTabsChange, showLineNumbers, onShowLineNumbersChange, labels }) => {
+	const handleTabSizeChange = useCallback((value = 2) => {
+		onTabSizeChange(value === null ? 2 : value);
+	}, [onTabSizeChange]);
+	return /* @__PURE__ */ jsx(Popover, {
+		arrow: false,
+		content: /* @__PURE__ */ jsxs(Flexbox, {
+			gap: 8,
+			style: { minWidth: 240 },
+			children: [
+				/* @__PURE__ */ jsxs(Flexbox, {
+					align: "center",
+					gap: 8,
+					horizontal: true,
+					justify: "space-between",
+					children: [/* @__PURE__ */ jsx(Text, { children: labels?.tabSize ?? "Tab size" }), /* @__PURE__ */ jsx(InputNumber, {
+						max: 8,
+						min: 1,
+						onChange: handleTabSizeChange,
+						size: "small",
+						value: tabSize
+					})]
+				}),
+				/* @__PURE__ */ jsxs(Flexbox, {
+					align: "center",
+					gap: 8,
+					horizontal: true,
+					justify: "space-between",
+					children: [/* @__PURE__ */ jsx(Text, { children: labels?.useTabs ?? "Use tabs" }), /* @__PURE__ */ jsx(Switch, {
+						checked: useTabs,
+						onChange: onUseTabsChange,
+						size: "small"
+					})]
+				}),
+				/* @__PURE__ */ jsxs(Flexbox, {
+					align: "center",
+					gap: 8,
+					horizontal: true,
+					justify: "space-between",
+					children: [/* @__PURE__ */ jsx(Text, { children: labels?.showLineNumbers ?? "Show line numbers" }), /* @__PURE__ */ jsx(Switch, {
+						checked: showLineNumbers,
+						onChange: onShowLineNumbersChange,
+						size: "small"
+					})]
+				})
+			]
+		}),
+		placement: "bottomRight",
+		trigger: "click",
+		children: /* @__PURE__ */ jsx(ActionIcon, {
+			className: "cm-hidden-actions",
+			icon: MoreHorizontalIcon,
+			size: "small"
+		})
+	});
+};
+MoreOptions.displayName = "MoreOptions";
+//#endregion
+//#region src/codemirror/components/Toolbar.tsx
+const Toolbar = ({ selectedLang, onLanguageChange, onCopy, tabSize, onTabSizeChange, useTabs, onUseTabsChange, showLineNumbers, onShowLineNumbersChange, onClick, expand, toggleExpand, labels, languageOptions }) => {
+	return /* @__PURE__ */ jsxs(Flexbox, {
+		align: "center",
+		className: "cm-header-toolbar",
+		horizontal: true,
+		justify: "space-between",
+		onClick,
+		padding: 4,
+		children: [/* @__PURE__ */ jsx(LanguageSelect, {
+			labels,
+			onLanguageChange,
+			options: languageOptions,
+			selectedLang
+		}), /* @__PURE__ */ jsxs(Flexbox, {
+			gap: 4,
+			horizontal: true,
+			onClick: (e) => e.stopPropagation(),
+			children: [
+				/* @__PURE__ */ jsx(MoreOptions, {
+					labels,
+					onShowLineNumbersChange,
+					onTabSizeChange,
+					onUseTabsChange,
+					showLineNumbers,
+					tabSize,
+					useTabs
+				}),
+				/* @__PURE__ */ jsx(CopyButton, {
+					labels,
+					onCopy
+				}),
+				/* @__PURE__ */ jsx(ActionIcon, {
+					icon: expand ? ChevronDown : ChevronRight,
+					onClick: toggleExpand,
+					size: "small"
+				})
+			]
+		})]
+	});
+};
+Toolbar.displayName = "Toolbar";
+//#endregion
+//#region src/codemirror/loader.ts
+init_debug();
+const logger = createDebugLogger("plugin", "codemirror-loader");
+const DEFAULT_CDN_URL = "https://registry.npmmirror.com/@lobehub/codemirror/1.0.0/files/es/index.js";
+const LOAD_TIMEOUT = 1e4;
+const POLL_INTERVAL = 50;
+let codeMirrorPromise = null;
+function loadScript(src) {
+	return new Promise((resolve, reject) => {
+		if (document.querySelector(`script[src="${src}"]`)) {
+			logger.debug("Script already loaded:", src);
+			resolve();
+			return;
+		}
+		logger.debug("Loading script:", src);
+		const script = document.createElement("script");
+		script.src = src;
+		script.type = "module";
+		script.async = true;
+		script.addEventListener("load", () => {
+			logger.debug("Script loaded successfully:", src);
+			resolve();
+		});
+		script.addEventListener("error", (error) => {
+			logger.error("Failed to load script:", src, error);
+			reject(/* @__PURE__ */ new Error(`Failed to load script: ${src}`));
+		});
+		document.head.append(script);
+	});
+}
+function waitForCodeMirror(timeout = LOAD_TIMEOUT) {
+	return new Promise((resolve, reject) => {
+		const startTime = Date.now();
+		const checkCodeMirror = () => {
+			if (window.CodeMirror) {
+				logger.debug("CodeMirror is ready");
+				resolve();
+				return;
+			}
+			if (Date.now() - startTime > timeout) {
+				logger.error("Timeout waiting for CodeMirror");
+				reject(/* @__PURE__ */ new Error("Timeout: CodeMirror failed to load from CDN"));
+				return;
+			}
+			setTimeout(checkCodeMirror, POLL_INTERVAL);
+		};
+		checkCodeMirror();
+	});
+}
+async function loadCodeMirror(cdnUrl = DEFAULT_CDN_URL) {
+	if (window.CodeMirror?.default) {
+		logger.debug("CodeMirror already available");
+		return window.CodeMirror.default;
+	}
+	if (codeMirrorPromise) {
+		logger.debug("CodeMirror loading in progress, reusing promise");
+		return codeMirrorPromise;
+	}
+	codeMirrorPromise = (async () => {
+		try {
+			logger.debug("Starting CodeMirror load from:", cdnUrl);
+			await loadScript(cdnUrl);
+			await waitForCodeMirror();
+			if (!window.CodeMirror?.default) throw new Error("CodeMirror loaded but not properly initialized");
+			logger.debug("CodeMirror loaded successfully");
+			return window.CodeMirror.default;
+		} catch (error) {
+			codeMirrorPromise = null;
+			logger.error("Failed to load CodeMirror:", error);
+			throw error;
+		}
+	})();
+	return codeMirrorPromise;
+}
+//#endregion
+//#region src/codemirror/style.ts
+const styles = createStaticStyles(({ css, cssVar }) => css`
+    cursor: pointer;
+
+    position: relative;
+
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+
+    width: 100%;
+    margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
+    border-radius: var(--lobe-markdown-border-radius);
+
+    background: ${cssVar.colorFillQuaternary};
+
+    .cm-hidden-actions {
+      opacity: 0;
+      transition: opacity 0.2s ease-in-out;
+    }
+
+    .cm-language-select {
+      opacity: 0.5;
+      filter: grayscale(100%);
+      transition:
+        opacity,
+        grayscale 0.2s ease-in-out;
+    }
+
+    &.selected {
+      user-select: none;
+    }
+
+    &.selected::after {
+      pointer-events: none;
+      content: '';
+
+      position: absolute;
+      z-index: 10;
+      inset: 0;
+
+      width: 100%;
+      height: 100%;
+
+      opacity: 0.2;
+      background: ${cssVar.yellow};
+
+      transition: all 0.3s;
+    }
+
+    .cm-container {
+      position: relative;
+      width: 100%;
+      border-block-start: 1px solid ${cssVar.colorFillQuaternary};
+    }
+
+    .cm-container-collapsed {
+      overflow: hidden;
+      height: 0;
+      border-block-start: none;
+    }
+
+    .cm-textarea {
+      height: 44px;
+      opacity: 0;
+    }
+
+    &:hover {
+      .cm-hidden-actions {
+        opacity: 1;
+      }
+
+      .cm-language-select {
+        opacity: 1;
+        filter: grayscale(0);
+      }
+    }
+  `);
+//#endregion
+//#region src/codemirror/theme.ts
+const lobeTheme = {
+	"&": {
+		"& .cm-cursor": { "border-left-color": cssVar.colorPrimary },
+		"& .cm-cursor.cm-cursor-primary": { "border-inline-start": `2px solid ${cssVar.colorPrimary} !important` },
+		"& .cm-gutters": {
+			"background-color": cssVar.colorBgContainer,
+			"border": "none",
+			"color": cssVar.colorTextQuaternary,
+			"cursor": "default"
+		},
+		"& .cm-line": {
+			"& .cm-atom": { color: cssVar.purple10 },
+			"& .cm-attribute": { color: cssVar.purple10 },
+			"& .cm-builtin": {
+				color: cssVar.volcano10,
+				fontStyle: "italic"
+			},
+			"& .cm-comment": {
+				color: cssVar.colorTextQuaternary,
+				fontStyle: "italic"
+			},
+			"& .cm-foldPlaceholder": {
+				"background": `url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect fill='%23E8E8E8' width='16' height='16' rx='2'/%3E%3Cpath d='M2.75 7.984a.875.875 0 1 0 1.75 0 .875.875 0 0 0-1.75 0Zm4.375 0a.875.875 0 1 0 1.75 0 .875.875 0 0 0-1.75 0Zm4.375 0a.875.875 0 1 0 1.75 0 .875.875 0 0 0-1.75 0Z' fill='%232A3238'/%3E%3C/g%3E%3C/svg%3E") no-repeat`,
+				"border": "none",
+				"color": "transparent",
+				"display": "inline-block",
+				"height": "16px",
+				"padding": 0,
+				"vertical-align": "middle",
+				"width": "16px"
+			},
+			"& .cm-function": { color: cssVar.geekblue10 },
+			"& .cm-header": { color: cssVar.colorInfo },
+			"& .cm-keyword": { color: cssVar.colorInfo },
+			"& .cm-meta": { color: cssVar.colorText },
+			"& .cm-modifier": { color: cssVar.colorInfo },
+			"& .cm-number": { color: cssVar.volcano10 },
+			"& .cm-operator": { color: cssVar.colorInfo },
+			"& .cm-property": { color: cssVar.volcano10 },
+			"& .cm-punctuation": { color: cssVar.colorInfo },
+			"& .cm-qualifier": { color: cssVar.colorWarning },
+			"& .cm-string": { color: cssVar.colorSuccess },
+			"& .cm-string-2": { color: cssVar.colorSuccess },
+			"& .cm-tag": { color: cssVar.volcano10 },
+			"& .cm-tag.cm-bracket": { color: cssVar.colorInfo },
+			"& .cm-type": { color: cssVar.colorWarning },
+			"& .cm-variable": { color: cssVar.colorText },
+			"& .cm-variable-2": { color: cssVar.geekblue10 },
+			"& .cm-variable-3": { color: cssVar.colorWarning },
+			"& .cm-variable.cm-callee": { color: cssVar.geekblue10 },
+			"& .cm-variable.cm-def": { color: cssVar.colorText },
+			"color": cssVar.colorText,
+			"padding-inline": "12px"
+		}
+	},
+	"& .cm-selectionBackground": { background: "transparent" },
+	"& .cm-selectionMatch": { background: `${cssVar.colorFillSecondary} !important` },
+	"&.cm-editor": {
+		"background": "transparent",
+		"cursor": "text",
+		"padding-block": "12px",
+		"width": "100%"
+	},
+	"&.cm-editor span": {
+		"font-family": cssVar.fontFamilyCode,
+		"font-size": "calc(var(--lobe-markdown-font-size) * 0.8)"
+	},
+	"&.cm-editor.cm-focused .cm-selectionBackground": { background: cssVar.colorPrimaryBg },
+	"&.cm-editor.cm-focused .cm-selectionLineGutter": { color: cssVar.colorText },
+	"&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground": { background: cssVar.yellow }
+};
+//#endregion
+export { MoreOptions as a, CopyButton as c, Toolbar as i, styles as n, LanguageSelect as o, loadCodeMirror as r, LANGUAGES as s, lobeTheme as t };