@langchain/macaw-components 1.0.0-beta.0

package/dist/components/Code/index.js

@@ -0,0 +1,140 @@
+import { cn } from "../../utils/cn.js";
+import zIndices from "../../utils/zIndices.js";
+import { useZIndex } from "../../utils/useZIndex.js";
+import { Banner } from "../Banner/Banner.js";
+import "../Banner/index.js";
+import { useColorScheme } from "../../hooks/useColorScheme.js";
+import { Button } from "../Button/Button.js";
+import { getLanguageExtension, getSyntaxTheme, useEditorTheme } from "./Code.utils.js";
+import { useCodeMirror } from "../../utils/useCodeMirror.js";
+import "./constants.js";
+import { getImageReplacerExtensions } from "./ImageReplacerExtension.js";
+import { getNonce } from "../../utils/csp-nonce.js";
+import { CopyButton } from "../CopyButton/CopyButton.js";
+import { ErrorBoundary } from "../ErrorBoundary.js";
+import { PlainTextEditor } from "../PlainTextEditor/index.js";
+import { useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region packages/components/src/components/Code/index.tsx
+/**
+* Renders syntax-highlighted code with optional editing and copy support.
+*
+* Import directly from `@langchain/macaw-components/Code` so the CodeMirror
+* dependency is only loaded by surfaces that use it.
+*/
+var Code = ({ value, readOnly, onChange, autoFocus, placeholder, language, extensions, converterExtensions, height, maxHeight, omitMaxHeight, width, fontSize, onCreateEditor, variant = "full", testId, showCopyButton }) => {
+	const cm = useCodeMirror();
+	const { isDarkMode } = useColorScheme();
+	const copyButtonZIndex = useZIndex(zIndices.floatingBar);
+	const [ignoreWarning, setIgnoreWarning] = useState(false);
+	const lineCount = value?.split("\n").length ?? 0;
+	const imageReplacerExtensions = useMemo(() => cm ? getImageReplacerExtensions(cm) : null, [cm]);
+	const editorTheme = useEditorTheme(cm, { variant });
+	const langExt = useMemo(() => cm ? getLanguageExtension(cm, language) : null, [cm, language]);
+	const syntaxTheme = useMemo(() => cm ? getSyntaxTheme(cm, isDarkMode) : null, [cm, isDarkMode]);
+	const nonce = getNonce();
+	const mExtensions = useMemo(() => {
+		if (!cm || !imageReplacerExtensions || !langExt || !editorTheme) return [];
+		const { keymap, defaultKeymap, EditorView } = cm;
+		const { decorationStateField, imageReplacerPlugin } = imageReplacerExtensions;
+		return [
+			keymap.of([{
+				key: "Mod-Enter",
+				run: () => true
+			}, ...defaultKeymap]),
+			langExt.language,
+			...extensions ?? [],
+			...lineCount <= 500 ? converterExtensions ?? langExt.extensions ?? [] : [],
+			imageReplacerPlugin,
+			decorationStateField,
+			EditorView.lineWrapping,
+			editorTheme,
+			...readOnly ? [EditorView.editable.of(false)] : [],
+			...nonce ? [EditorView.cspNonce.of(nonce)] : []
+		];
+	}, [
+		cm,
+		imageReplacerExtensions,
+		langExt,
+		editorTheme,
+		extensions,
+		converterExtensions,
+		lineCount,
+		readOnly,
+		nonce
+	]);
+	if (value == null) return null;
+	if (lineCount > 5e3 && !ignoreWarning) return /* @__PURE__ */ jsx(Banner, {
+		intent: "warning",
+		action: /* @__PURE__ */ jsx(Button, {
+			variant: "underlined",
+			color: "secondary",
+			size: "sm",
+			onClick: () => setIgnoreWarning(true),
+			children: "Open anyway"
+		}),
+		children: "This content might be too long to display in the editor."
+	});
+	if (!cm || !syntaxTheme) return /* @__PURE__ */ jsx("div", {
+		"data-testid": testId,
+		className: cn("group relative text-xs", height && "h-full"),
+		children: /* @__PURE__ */ jsx(PlainTextEditor, {
+			value,
+			readOnly: true,
+			placeholder,
+			className: cn("font-mono text-xs", height && "h-full overflow-auto", maxHeight && !omitMaxHeight && `max-h-[${maxHeight}]`)
+		})
+	});
+	const { CodeMirror } = cm;
+	return /* @__PURE__ */ jsxs("div", {
+		"data-testid": testId,
+		className: cn("group relative text-xs", height && "h-full"),
+		children: [/* @__PURE__ */ jsx(ErrorBoundary, {
+			fallback: () => /* @__PURE__ */ jsx("div", { children: "Error showing code" }),
+			children: /* @__PURE__ */ jsx(CodeMirror, {
+				value,
+				readOnly,
+				autoFocus,
+				placeholder,
+				height,
+				maxHeight: omitMaxHeight ? void 0 : maxHeight ?? "50vh",
+				width,
+				style: {
+					fontSize,
+					backgroundColor: "var(--bg-surface-level-2)",
+					borderRadius: "8px",
+					cursor: readOnly ? "default" : "text",
+					...height ? { height } : {},
+					...width ? { width } : {}
+				},
+				extensions: mExtensions,
+				onCreateEditor,
+				onChange: (code) => {
+					if (!readOnly) onChange?.(code);
+				},
+				theme: syntaxTheme,
+				basicSetup: {
+					highlightActiveLine: false,
+					highlightActiveLineGutter: false,
+					defaultKeymap: false,
+					...variant === "plain" && {
+						lineNumbers: false,
+						highlightSelectionMatches: false
+					}
+				}
+			})
+		}), showCopyButton && value && /* @__PURE__ */ jsx("div", {
+			onMouseDown: (e) => e.preventDefault(),
+			className: "absolute right-1 top-1 opacity-0 transition-opacity duration-300 group-hover:opacity-100",
+			style: { zIndex: copyButtonZIndex },
+			children: /* @__PURE__ */ jsx(CopyButton, {
+				copy: value,
+				variant: "icon"
+			})
+		})]
+	});
+};
+//#endregion
+export { Code };
+
+//# sourceMappingURL=index.js.map

package/dist/components/Code/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Code/index.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\n\nimport type { Extension } from '@codemirror/state';\nimport type { EditorView } from '@codemirror/view';\n\nimport { useColorScheme } from '../../hooks/useColorScheme';\nimport { cn } from '../../utils/cn';\nimport { getNonce } from '../../utils/csp-nonce';\nimport { useCodeMirror } from '../../utils/useCodeMirror';\nimport { useZIndex } from '../../utils/useZIndex';\nimport zIndices from '../../utils/zIndices';\nimport { Banner } from '../Banner';\nimport { Button } from '../Button';\nimport { CopyButton } from '../CopyButton';\nimport { ErrorBoundary } from '../ErrorBoundary';\nimport { PlainTextEditor } from '../PlainTextEditor';\nimport {\n  getLanguageExtension,\n  getSyntaxTheme,\n  useEditorTheme,\n} from './Code.utils';\nimport { MAX_CODE_LENGTH } from './constants';\nimport { getImageReplacerExtensions } from './ImageReplacerExtension';\nimport type { CodeLanguageType } from './types';\n\n/** Props for the syntax-highlighted CodeMirror block. */\nexport interface CodeProps {\n  language: CodeLanguageType;\n  extensions?: Extension[];\n  value: string | undefined;\n  onChange?: (code: string) => void;\n  readOnly?: boolean;\n  autoFocus?: boolean;\n  height?: string;\n  maxHeight?: string;\n  omitMaxHeight?: boolean;\n  width?: string;\n  fontSize?: string;\n  placeholder?: string;\n  showCopyButton?: boolean;\n  testId?: string;\n  variant?: 'plain' | 'full';\n  onCreateEditor?: (view: EditorView) => void;\n  converterExtensions?: Extension[];\n}\n\n/**\n * Renders syntax-highlighted code with optional editing and copy support.\n *\n * Import directly from `@langchain/macaw-components/Code` so the CodeMirror\n * dependency is only loaded by surfaces that use it.\n */\nexport const Code = ({\n  value,\n  readOnly,\n  onChange,\n  autoFocus,\n  placeholder,\n  language,\n  extensions,\n  converterExtensions,\n  height,\n  maxHeight,\n  omitMaxHeight,\n  width,\n  fontSize,\n  onCreateEditor,\n  variant = 'full',\n  testId,\n  showCopyButton,\n}: CodeProps) => {\n  const cm = useCodeMirror();\n  const { isDarkMode } = useColorScheme();\n  const copyButtonZIndex = useZIndex(zIndices.floatingBar);\n\n  const [ignoreWarning, setIgnoreWarning] = useState(false);\n\n  const lineCount = value?.split('\\n').length ?? 0;\n\n  // Stable CM-derived values — memoized so StateField/ViewPlugin instances are\n  // created once and not recreated on every render (which resets editor state).\n  const imageReplacerExtensions = useMemo(\n    () => (cm ? getImageReplacerExtensions(cm) : null),\n    [cm]\n  );\n  const editorTheme = useEditorTheme(cm, { variant });\n  const langExt = useMemo(\n    () => (cm ? getLanguageExtension(cm, language) : null),\n    [cm, language]\n  );\n  const syntaxTheme = useMemo(\n    () => (cm ? getSyntaxTheme(cm, isDarkMode) : null),\n    [cm, isDarkMode]\n  );\n\n  const nonce = getNonce();\n\n  const mExtensions = useMemo(() => {\n    if (!cm || !imageReplacerExtensions || !langExt || !editorTheme) return [];\n    const { keymap, defaultKeymap, EditorView } = cm;\n    const { decorationStateField, imageReplacerPlugin } =\n      imageReplacerExtensions;\n    return [\n      keymap.of([{ key: 'Mod-Enter', run: () => true }, ...defaultKeymap]),\n      langExt.language,\n      ...(extensions ?? []),\n      // YAML folding blocks rendering for large files, so cap it at 500 lines.\n      ...(lineCount <= 500\n        ? (converterExtensions ?? langExt.extensions ?? [])\n        : []),\n      imageReplacerPlugin,\n      decorationStateField,\n      EditorView.lineWrapping,\n      editorTheme,\n      ...(readOnly ? [EditorView.editable.of(false)] : []),\n      ...(nonce ? [EditorView.cspNonce.of(nonce)] : []),\n    ];\n    // extensions/converterExtensions are caller-provided arrays. Include them\n    // directly so changes propagate.\n  }, [\n    cm,\n    imageReplacerExtensions,\n    langExt,\n    editorTheme,\n    extensions,\n    converterExtensions,\n    lineCount,\n    readOnly,\n    nonce,\n  ]);\n\n  if (value == null) return null;\n\n  // Avoid mounting CodeMirror by default when style recomputation could block rendering.\n  if (lineCount > MAX_CODE_LENGTH && !ignoreWarning)\n    return (\n      <Banner\n        intent=\"warning\"\n        action={\n          <Button\n            variant=\"underlined\"\n            color=\"secondary\"\n            size=\"sm\"\n            onClick={() => setIgnoreWarning(true)}\n          >\n            Open anyway\n          </Button>\n        }\n      >\n        This content might be too long to display in the editor.\n      </Banner>\n    );\n\n  if (!cm || !syntaxTheme) {\n    return (\n      <div\n        data-testid={testId}\n        className={cn('group relative text-xs', height && 'h-full')}\n      >\n        <PlainTextEditor\n          value={value}\n          readOnly={true}\n          placeholder={placeholder}\n          className={cn(\n            'font-mono text-xs',\n            height && 'h-full overflow-auto',\n            maxHeight && !omitMaxHeight && `max-h-[${maxHeight}]`\n          )}\n        />\n      </div>\n    );\n  }\n\n  const { CodeMirror } = cm;\n\n  return (\n    <div\n      data-testid={testId}\n      className={cn('group relative text-xs', height && 'h-full')}\n    >\n      <ErrorBoundary fallback={() => <div>Error showing code</div>}>\n        <CodeMirror\n          value={value}\n          readOnly={readOnly}\n          autoFocus={autoFocus}\n          placeholder={placeholder}\n          height={height}\n          maxHeight={omitMaxHeight ? undefined : (maxHeight ?? '50vh')}\n          width={width}\n          style={{\n            fontSize,\n            backgroundColor: 'var(--bg-surface-level-2)',\n            borderRadius: '8px',\n            cursor: readOnly ? 'default' : 'text',\n            ...(height ? { height } : {}),\n            ...(width ? { width } : {}),\n          }}\n          extensions={mExtensions}\n          onCreateEditor={onCreateEditor}\n          onChange={(code) => {\n            if (!readOnly) {\n              onChange?.(code);\n            }\n          }}\n          theme={syntaxTheme}\n          basicSetup={{\n            highlightActiveLine: false,\n            highlightActiveLineGutter: false,\n            defaultKeymap: false,\n            ...(variant === 'plain' && {\n              lineNumbers: false,\n              highlightSelectionMatches: false,\n            }),\n          }}\n        />\n      </ErrorBoundary>\n      {showCopyButton && value && (\n        <div\n          onMouseDown={(e) => e.preventDefault()}\n          className=\"absolute right-1 top-1 opacity-0 transition-opacity duration-300 group-hover:opacity-100\"\n          style={{ zIndex: copyButtonZIndex }}\n        >\n          <CopyButton copy={value} variant=\"icon\" />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/Code/languages/json.d.ts

@@ -0,0 +1 @@
+export declare const jsonLanguage: import("@codemirror/language").LanguageSupport;

package/dist/components/Code/languages/json.js

@@ -0,0 +1,7 @@
+import { json } from "@codemirror/lang-json";
+//#region packages/components/src/components/Code/languages/json.tsx
+var jsonLanguage = json();
+//#endregion
+export { jsonLanguage };
+
+//# sourceMappingURL=json.js.map

package/dist/components/Code/languages/json.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"json.js","names":[],"sources":["../../../../src/components/Code/languages/json.tsx"],"sourcesContent":["import { json as jsonFn } from '@codemirror/lang-json';\n\nexport const jsonLanguage = jsonFn();\n"],"mappings":";;AAEA,IAAa,eAAe,KAAO"}

package/dist/components/Code/languages/languages.d.ts

@@ -0,0 +1,7 @@
+export declare const LANGUAGES: {
+    readonly typescript: Promise<import("@codemirror/language").LanguageSupport>;
+    readonly python: Promise<import("@codemirror/language").LanguageSupport>;
+    readonly shell: Promise<import("@codemirror/language").StreamLanguage<import("./shell.js").ShellState>>;
+    readonly yaml: Promise<import("@codemirror/language").LanguageSupport>;
+    readonly json: Promise<import("@codemirror/language").LanguageSupport>;
+};

package/dist/components/Code/languages/languages.js

@@ -0,0 +1,12 @@
+//#region packages/components/src/components/Code/languages/languages.tsx
+var LANGUAGES = {
+	typescript: import("./typescript.js").then((module) => module.typescriptLanguage),
+	python: import("./python.js").then((module) => module.pythonLanguage),
+	shell: import("./shell.js").then((module) => module.shellLanguage),
+	yaml: import("./yaml.js").then((module) => module.yamlLanguage),
+	json: import("./json.js").then((module) => module.jsonLanguage)
+};
+//#endregion
+export { LANGUAGES };
+
+//# sourceMappingURL=languages.js.map

package/dist/components/Code/languages/languages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"languages.js","names":[],"sources":["../../../../src/components/Code/languages/languages.tsx"],"sourcesContent":["export const LANGUAGES = {\n  typescript: import('./typescript').then(\n    (module) => module.typescriptLanguage\n  ),\n  python: import('./python').then((module) => module.pythonLanguage),\n  shell: import('./shell').then((module) => module.shellLanguage),\n  yaml: import('./yaml').then((module) => module.yamlLanguage),\n  json: import('./json').then((module) => module.jsonLanguage),\n} as const;\n"],"mappings":";AAAA,IAAa,YAAY;CACvB,YAAY,OAAO,kBAAe,CAAC,MAChC,WAAW,OAAO,kBACrB;CACA,QAAQ,OAAO,cAAW,CAAC,MAAM,WAAW,OAAO,cAAc;CACjE,OAAO,OAAO,aAAU,CAAC,MAAM,WAAW,OAAO,aAAa;CAC9D,MAAM,OAAO,YAAS,CAAC,MAAM,WAAW,OAAO,YAAY;CAC3D,MAAM,OAAO,YAAS,CAAC,MAAM,WAAW,OAAO,YAAY;AAC7D"}

package/dist/components/Code/languages/python.d.ts

@@ -0,0 +1 @@
+export declare const pythonLanguage: import("@codemirror/language").LanguageSupport;

package/dist/components/Code/languages/python.js

@@ -0,0 +1,7 @@
+import { python } from "@codemirror/lang-python";
+//#region packages/components/src/components/Code/languages/python.tsx
+var pythonLanguage = python();
+//#endregion
+export { pythonLanguage };
+
+//# sourceMappingURL=python.js.map

package/dist/components/Code/languages/python.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"python.js","names":[],"sources":["../../../../src/components/Code/languages/python.tsx"],"sourcesContent":["import { python as pythonFn } from '@codemirror/lang-python';\n\nexport const pythonLanguage = pythonFn();\n"],"mappings":";;AAEA,IAAa,iBAAiB,OAAS"}

package/dist/components/Code/languages/shell.d.ts

@@ -0,0 +1,7 @@
+import { StreamLanguage, type StringStream } from '@codemirror/language';
+export type ShellState = {
+    tokens: Tokenizer[];
+};
+type Tokenizer = (stream: StringStream, state: ShellState) => string | null;
+export declare const shellLanguage: StreamLanguage<ShellState>;
+export {};

package/dist/components/Code/languages/shell.js

@@ -0,0 +1,241 @@
+import { StreamLanguage } from "@codemirror/language";
+//#region packages/components/src/components/Code/languages/shell.tsx
+var words = {};
+function define(style, dict) {
+	for (let i = 0; i < dict.length; i++) words[dict[i]] = style;
+}
+var commonAtoms = ["true", "false"];
+var commonKeywords = [
+	"if",
+	"then",
+	"do",
+	"else",
+	"elif",
+	"while",
+	"until",
+	"for",
+	"in",
+	"esac",
+	"fi",
+	"fin",
+	"fil",
+	"done",
+	"exit",
+	"set",
+	"unset",
+	"export",
+	"function"
+];
+var commonCommands = [
+	"ab",
+	"awk",
+	"bash",
+	"beep",
+	"cat",
+	"cc",
+	"cd",
+	"chown",
+	"chmod",
+	"chroot",
+	"clear",
+	"cp",
+	"curl",
+	"cut",
+	"diff",
+	"echo",
+	"find",
+	"gawk",
+	"gcc",
+	"get",
+	"git",
+	"grep",
+	"hg",
+	"kill",
+	"killall",
+	"ln",
+	"ls",
+	"make",
+	"mkdir",
+	"openssl",
+	"mv",
+	"nc",
+	"nl",
+	"node",
+	"npm",
+	"ping",
+	"ps",
+	"restart",
+	"rm",
+	"rmdir",
+	"sed",
+	"service",
+	"sh",
+	"shopt",
+	"shred",
+	"source",
+	"sort",
+	"sleep",
+	"ssh",
+	"start",
+	"stop",
+	"su",
+	"sudo",
+	"svn",
+	"tee",
+	"telnet",
+	"top",
+	"touch",
+	"vi",
+	"vim",
+	"wall",
+	"wc",
+	"wget",
+	"who",
+	"write",
+	"yes",
+	"zsh",
+	"uv",
+	"poetry",
+	"pip",
+	"pipenv",
+	"pipx",
+	"pnpm",
+	"bun",
+	"yarn",
+	"deno"
+];
+define("atom", commonAtoms);
+define("keyword", commonKeywords);
+define("builtin", commonCommands);
+function tokenBase(stream, state) {
+	if (stream.eatSpace()) return null;
+	const sol = stream.sol();
+	const ch = stream.next();
+	if (ch == null) return null;
+	if (ch === "\\") {
+		stream.next();
+		return null;
+	}
+	if (ch === "'" || ch === "\"" || ch === "`") {
+		state.tokens.unshift(tokenString(ch, ch === "`" ? "quote" : "string"));
+		return tokenize(stream, state);
+	}
+	if (ch === "#") {
+		if (sol && stream.eat("!")) {
+			stream.skipToEnd();
+			return "meta";
+		}
+		stream.skipToEnd();
+		return "comment";
+	}
+	if (ch === "$") {
+		state.tokens.unshift(tokenDollar);
+		return tokenize(stream, state);
+	}
+	if (ch === "+" || ch === "=") return "operator";
+	if (ch === "-") {
+		stream.eat("-");
+		stream.eatWhile(/\w/);
+		return "attribute";
+	}
+	if (ch == "<") {
+		if (stream.match("<<")) return "operator";
+		const heredoc = stream.match(/^<-?\s*(?:['"]([^'"]*)['"]|([^'"\s]*))/);
+		if (Array.isArray(heredoc)) {
+			state.tokens.unshift(tokenHeredoc(heredoc[1] || heredoc[2]));
+			return "string.special";
+		}
+	}
+	if (/\d/.test(ch)) {
+		stream.eatWhile(/\d/);
+		const next = stream.peek();
+		if (stream.eol() || next === void 0 || !/\w/.test(next)) return "number";
+	}
+	stream.eatWhile(/[\w-]/);
+	const cur = stream.current();
+	if (stream.peek() === "=" && /\w+/.test(cur)) return "def";
+	return Object.prototype.hasOwnProperty.call(words, cur) ? words[cur] : null;
+}
+function tokenString(quote, style) {
+	const close = quote === "(" ? ")" : quote === "{" ? "}" : quote;
+	return function(stream, state) {
+		let next, escaped = false;
+		while ((next = stream.next()) != null) {
+			if (next === close && !escaped) {
+				state.tokens.shift();
+				break;
+			} else if (next === "$" && !escaped && quote !== "'" && stream.peek() != close) {
+				escaped = true;
+				stream.backUp(1);
+				state.tokens.unshift(tokenDollar);
+				break;
+			} else if (!escaped && quote !== close && next === quote) {
+				state.tokens.unshift(tokenString(quote, style));
+				return tokenize(stream, state);
+			} else if (!escaped && /['"]/.test(next) && !/['"]/.test(quote)) {
+				state.tokens.unshift(tokenStringStart(next, "string"));
+				stream.backUp(1);
+				break;
+			}
+			escaped = !escaped && next === "\\";
+		}
+		return style;
+	};
+}
+function tokenStringStart(quote, style) {
+	return function(stream, state) {
+		state.tokens[0] = tokenString(quote, style);
+		stream.next();
+		return tokenize(stream, state);
+	};
+}
+var tokenDollar = function(stream, state) {
+	if (state.tokens.length > 1) stream.eat("$");
+	const ch = stream.next();
+	if (ch == null) {
+		state.tokens.shift();
+		return "def";
+	}
+	if (/['"({]/.test(ch)) {
+		state.tokens[0] = tokenString(ch, ch === "(" ? "quote" : ch === "{" ? "def" : "string");
+		return tokenize(stream, state);
+	}
+	if (!/\d/.test(ch)) stream.eatWhile(/\w/);
+	state.tokens.shift();
+	return "def";
+};
+function tokenHeredoc(delim) {
+	return function(stream, state) {
+		if (stream.sol() && stream.string === delim) state.tokens.shift();
+		stream.skipToEnd();
+		return "string.special";
+	};
+}
+function tokenize(stream, state) {
+	return (state.tokens[0] || tokenBase)(stream, state);
+}
+var shellLanguage = StreamLanguage.define({
+	name: "shell",
+	startState() {
+		return { tokens: [] };
+	},
+	token(stream, state) {
+		return tokenize(stream, state);
+	},
+	languageData: {
+		autocomplete: commonAtoms.concat(commonKeywords, commonCommands),
+		closeBrackets: { brackets: [
+			"(",
+			"[",
+			"{",
+			"'",
+			"\"",
+			"`"
+		] },
+		commentTokens: { line: "#" }
+	}
+});
+//#endregion
+export { shellLanguage };
+
+//# sourceMappingURL=shell.js.map

package/dist/components/Code/languages/shell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell.js","names":[],"sources":["../../../../src/components/Code/languages/shell.tsx"],"sourcesContent":["// Inline of `@codemirror/legacy-modes/mode/shell` to add additional common commands\nimport { StreamLanguage, type StringStream } from '@codemirror/language';\n\nexport type ShellState = {\n  tokens: Tokenizer[];\n};\n\ntype Tokenizer = (stream: StringStream, state: ShellState) => string | null;\n\nconst words: Record<string, string> = {};\nfunction define(style: string, dict: readonly string[]) {\n  for (let i = 0; i < dict.length; i++) {\n    words[dict[i]] = style;\n  }\n}\n\nconst commonAtoms = ['true', 'false'];\nconst commonKeywords = [\n  'if',\n  'then',\n  'do',\n  'else',\n  'elif',\n  'while',\n  'until',\n  'for',\n  'in',\n  'esac',\n  'fi',\n  'fin',\n  'fil',\n  'done',\n  'exit',\n  'set',\n  'unset',\n  'export',\n  'function',\n];\nconst commonCommands = [\n  'ab',\n  'awk',\n  'bash',\n  'beep',\n  'cat',\n  'cc',\n  'cd',\n  'chown',\n  'chmod',\n  'chroot',\n  'clear',\n  'cp',\n  'curl',\n  'cut',\n  'diff',\n  'echo',\n  'find',\n  'gawk',\n  'gcc',\n  'get',\n  'git',\n  'grep',\n  'hg',\n  'kill',\n  'killall',\n  'ln',\n  'ls',\n  'make',\n  'mkdir',\n  'openssl',\n  'mv',\n  'nc',\n  'nl',\n  'node',\n  'npm',\n  'ping',\n  'ps',\n  'restart',\n  'rm',\n  'rmdir',\n  'sed',\n  'service',\n  'sh',\n  'shopt',\n  'shred',\n  'source',\n  'sort',\n  'sleep',\n  'ssh',\n  'start',\n  'stop',\n  'su',\n  'sudo',\n  'svn',\n  'tee',\n  'telnet',\n  'top',\n  'touch',\n  'vi',\n  'vim',\n  'wall',\n  'wc',\n  'wget',\n  'who',\n  'write',\n  'yes',\n  'zsh',\n\n  'uv',\n  'poetry',\n  'pip',\n  'pipenv',\n  'pipx',\n\n  'pnpm',\n  'bun',\n  'yarn',\n  'deno',\n];\n\ndefine('atom', commonAtoms);\ndefine('keyword', commonKeywords);\ndefine('builtin', commonCommands);\n\nfunction tokenBase(stream: StringStream, state: ShellState): string | null {\n  if (stream.eatSpace()) return null;\n\n  const sol = stream.sol();\n  const ch = stream.next();\n  if (ch == null) return null;\n\n  if (ch === '\\\\') {\n    stream.next();\n    return null;\n  }\n  if (ch === \"'\" || ch === '\"' || ch === '`') {\n    state.tokens.unshift(tokenString(ch, ch === '`' ? 'quote' : 'string'));\n    return tokenize(stream, state);\n  }\n  if (ch === '#') {\n    if (sol && stream.eat('!')) {\n      stream.skipToEnd();\n      return 'meta';\n    }\n    stream.skipToEnd();\n    return 'comment';\n  }\n  if (ch === '$') {\n    state.tokens.unshift(tokenDollar);\n    return tokenize(stream, state);\n  }\n  if (ch === '+' || ch === '=') {\n    return 'operator';\n  }\n  if (ch === '-') {\n    stream.eat('-');\n    stream.eatWhile(/\\w/);\n    return 'attribute';\n  }\n  if (ch == '<') {\n    if (stream.match('<<')) return 'operator';\n    const heredoc = stream.match(/^<-?\\s*(?:['\"]([^'\"]*)['\"]|([^'\"\\s]*))/);\n    if (Array.isArray(heredoc)) {\n      state.tokens.unshift(tokenHeredoc(heredoc[1] || heredoc[2]));\n      return 'string.special';\n    }\n  }\n  if (/\\d/.test(ch)) {\n    stream.eatWhile(/\\d/);\n    const next = stream.peek();\n    if (stream.eol() || next === undefined || !/\\w/.test(next)) {\n      return 'number';\n    }\n  }\n  stream.eatWhile(/[\\w-]/);\n  const cur = stream.current();\n  if (stream.peek() === '=' && /\\w+/.test(cur)) return 'def';\n  return Object.prototype.hasOwnProperty.call(words, cur) ? words[cur] : null;\n}\n\nfunction tokenString(quote: string, style: string): Tokenizer {\n  const close = quote === '(' ? ')' : quote === '{' ? '}' : quote;\n  return function (stream: StringStream, state: ShellState) {\n    let next,\n      escaped = false;\n    while ((next = stream.next()) != null) {\n      if (next === close && !escaped) {\n        state.tokens.shift();\n        break;\n      } else if (\n        next === '$' &&\n        !escaped &&\n        quote !== \"'\" &&\n        stream.peek() != close\n      ) {\n        escaped = true;\n        stream.backUp(1);\n        state.tokens.unshift(tokenDollar);\n        break;\n      } else if (!escaped && quote !== close && next === quote) {\n        state.tokens.unshift(tokenString(quote, style));\n        return tokenize(stream, state);\n      } else if (!escaped && /['\"]/.test(next) && !/['\"]/.test(quote)) {\n        state.tokens.unshift(tokenStringStart(next, 'string'));\n        stream.backUp(1);\n        break;\n      }\n      escaped = !escaped && next === '\\\\';\n    }\n    return style;\n  };\n}\n\nfunction tokenStringStart(quote: string, style: string): Tokenizer {\n  return function (stream: StringStream, state: ShellState) {\n    state.tokens[0] = tokenString(quote, style);\n    stream.next();\n    return tokenize(stream, state);\n  };\n}\n\nconst tokenDollar: Tokenizer = function (stream, state) {\n  if (state.tokens.length > 1) stream.eat('$');\n  const ch = stream.next();\n  if (ch == null) {\n    state.tokens.shift();\n    return 'def';\n  }\n  if (/['\"({]/.test(ch)) {\n    state.tokens[0] = tokenString(\n      ch,\n      ch === '(' ? 'quote' : ch === '{' ? 'def' : 'string'\n    );\n    return tokenize(stream, state);\n  }\n  if (!/\\d/.test(ch)) stream.eatWhile(/\\w/);\n  state.tokens.shift();\n  return 'def';\n};\n\nfunction tokenHeredoc(delim: string | undefined): Tokenizer {\n  return function (stream: StringStream, state: ShellState) {\n    if (stream.sol() && stream.string === delim) state.tokens.shift();\n    stream.skipToEnd();\n    return 'string.special';\n  };\n}\n\nfunction tokenize(stream: StringStream, state: ShellState): string | null {\n  return (state.tokens[0] || tokenBase)(stream, state);\n}\n\nexport const shellLanguage = StreamLanguage.define<ShellState>({\n  name: 'shell',\n  startState() {\n    return { tokens: [] };\n  },\n  token(stream, state) {\n    return tokenize(stream, state);\n  },\n  languageData: {\n    autocomplete: commonAtoms.concat(commonKeywords, commonCommands),\n    closeBrackets: { brackets: ['(', '[', '{', \"'\", '\"', '`'] },\n    commentTokens: { line: '#' },\n  },\n});\n"],"mappings":";;AASA,IAAM,QAAgC,CAAC;AACvC,SAAS,OAAO,OAAe,MAAyB;CACtD,KAAK,IAAI,IAAI,GAAG,IAAI,KAAK,QAAQ,KAC/B,MAAM,KAAK,MAAM;AAErB;AAEA,IAAM,cAAc,CAAC,QAAQ,OAAO;AACpC,IAAM,iBAAiB;CACrB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AACA,IAAM,iBAAiB;CACrB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CAEA;CACA;CACA;CACA;CACA;CAEA;CACA;CACA;CACA;AACF;AAEA,OAAO,QAAQ,WAAW;AAC1B,OAAO,WAAW,cAAc;AAChC,OAAO,WAAW,cAAc;AAEhC,SAAS,UAAU,QAAsB,OAAkC;CACzE,IAAI,OAAO,SAAS,GAAG,OAAO;CAE9B,MAAM,MAAM,OAAO,IAAI;CACvB,MAAM,KAAK,OAAO,KAAK;CACvB,IAAI,MAAM,MAAM,OAAO;CAEvB,IAAI,OAAO,MAAM;EACf,OAAO,KAAK;EACZ,OAAO;CACT;CACA,IAAI,OAAO,OAAO,OAAO,QAAO,OAAO,KAAK;EAC1C,MAAM,OAAO,QAAQ,YAAY,IAAI,OAAO,MAAM,UAAU,QAAQ,CAAC;EACrE,OAAO,SAAS,QAAQ,KAAK;CAC/B;CACA,IAAI,OAAO,KAAK;EACd,IAAI,OAAO,OAAO,IAAI,GAAG,GAAG;GAC1B,OAAO,UAAU;GACjB,OAAO;EACT;EACA,OAAO,UAAU;EACjB,OAAO;CACT;CACA,IAAI,OAAO,KAAK;EACd,MAAM,OAAO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"}

package/dist/components/Code/languages/typescript.d.ts

@@ -0,0 +1 @@
+export declare const typescriptLanguage: import("@codemirror/language").LanguageSupport;

package/dist/components/Code/languages/typescript.js

@@ -0,0 +1,7 @@
+import { javascript } from "@codemirror/lang-javascript";
+//#region packages/components/src/components/Code/languages/typescript.tsx
+var typescriptLanguage = javascript({ typescript: true });
+//#endregion
+export { typescriptLanguage };
+
+//# sourceMappingURL=typescript.js.map

package/dist/components/Code/languages/typescript.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typescript.js","names":[],"sources":["../../../../src/components/Code/languages/typescript.tsx"],"sourcesContent":["import { javascript as javascriptFn } from '@codemirror/lang-javascript';\n\nexport const typescriptLanguage = javascriptFn({ typescript: true });\n"],"mappings":";;AAEA,IAAa,qBAAqB,WAAa,EAAE,YAAY,KAAK,CAAC"}

package/dist/components/Code/languages/yaml.d.ts

@@ -0,0 +1,2 @@
+import { LanguageSupport } from '@codemirror/language';
+export declare const yamlLanguage: LanguageSupport;

package/dist/components/Code/languages/yaml.js

@@ -0,0 +1,44 @@
+import { LRLanguage, LanguageSupport, delimitedIndent, foldInside, foldNodeProp, indentNodeProp } from "@codemirror/language";
+import { parser } from "@lezer/yaml";
+//#region packages/components/src/components/Code/languages/yaml.tsx
+var yamlLanguage = new LanguageSupport(LRLanguage.define({
+	name: "yaml",
+	parser: parser.configure({ props: [indentNodeProp.add({
+		Stream: (cx) => {
+			for (let before = cx.node.resolve(cx.pos, -1); before && before.to >= cx.pos; before = before.parent) {
+				if (before.name == "BlockLiteralContent" && before.from < before.to) return cx.baseIndentFor(before);
+				if (before.name == "BlockLiteral") return cx.baseIndentFor(before) + cx.unit;
+				if (before.name == "BlockSequence" || before.name == "BlockMapping") return cx.column(before.from, 1);
+				if (before.name == "QuotedLiteral") return null;
+				if (before.name == "Literal") {
+					const col = cx.column(before.from, 1);
+					if (col == cx.lineIndent(before.from, 1)) return col;
+					if (before.to > cx.pos) return null;
+				}
+			}
+			return null;
+		},
+		FlowMapping: delimitedIndent({ closing: "}" }),
+		FlowSequence: delimitedIndent({ closing: "]" })
+	}), foldNodeProp.add({
+		"FlowMapping FlowSequence": foldInside,
+		"Item Pair BlockLiteral": (node, state) => {
+			if (state == null) return {
+				from: node.from,
+				to: node.to
+			};
+			return {
+				from: state.doc.lineAt(node.from).to,
+				to: node.to
+			};
+		}
+	})] }),
+	languageData: {
+		commentTokens: { line: "#" },
+		indentOnInput: /^\s*[\]}]$/
+	}
+}));
+//#endregion
+export { yamlLanguage };
+
+//# sourceMappingURL=yaml.js.map

package/dist/components/Code/languages/yaml.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"yaml.js","names":[],"sources":["../../../../src/components/Code/languages/yaml.tsx"],"sourcesContent":["import {\n  LRLanguage,\n  LanguageSupport,\n  delimitedIndent,\n  foldInside,\n  foldNodeProp,\n  indentNodeProp,\n} from '@codemirror/language';\nimport type { SyntaxNode } from '@lezer/common';\nimport { parser as yamlParser } from '@lezer/yaml';\n\nexport const yamlLanguage = new LanguageSupport(\n  LRLanguage.define({\n    name: 'yaml',\n    parser: yamlParser.configure({\n      props: [\n        indentNodeProp.add({\n          Stream: (cx) => {\n            for (\n              let before = cx.node.resolve(cx.pos, -1) as SyntaxNode | null;\n              before && before.to >= cx.pos;\n              before = before.parent\n            ) {\n              if (\n                before.name == 'BlockLiteralContent' &&\n                before.from < before.to\n              )\n                return cx.baseIndentFor(before);\n              if (before.name == 'BlockLiteral')\n                return cx.baseIndentFor(before) + cx.unit;\n              if (\n                before.name == 'BlockSequence' ||\n                before.name == 'BlockMapping'\n              )\n                return cx.column(before.from, 1);\n              if (before.name == 'QuotedLiteral') return null;\n              if (before.name == 'Literal') {\n                const col = cx.column(before.from, 1);\n                if (col == cx.lineIndent(before.from, 1)) return col; // Start on own line\n                if (before.to > cx.pos) return null;\n              }\n            }\n            return null;\n          },\n          FlowMapping: delimitedIndent({ closing: '}' }),\n          FlowSequence: delimitedIndent({ closing: ']' }),\n        }),\n        foldNodeProp.add({\n          'FlowMapping FlowSequence': foldInside,\n          'Item Pair BlockLiteral': (node, state) => {\n            // Only applies when running with EditorLite\n            if (state == null) return { from: node.from, to: node.to };\n            return { from: state.doc.lineAt(node.from).to, to: node.to };\n          },\n        }),\n      ],\n    }),\n    languageData: {\n      commentTokens: { line: '#' },\n      indentOnInput: /^\\s*[\\]}]$/,\n    },\n  })\n);\n"],"mappings":";;;AAWA,IAAa,eAAe,IAAI,gBAC9B,WAAW,OAAO;CAChB,MAAM;CACN,QAAQ,OAAW,UAAU,EAC3B,OAAO,CACL,eAAe,IAAI;EACjB,SAAS,OAAO;GACd,KACE,IAAI,SAAS,GAAG,KAAK,QAAQ,GAAG,KAAK,EAAE,GACvC,UAAU,OAAO,MAAM,GAAG,KAC1B,SAAS,OAAO,QAChB;IACA,IACE,OAAO,QAAQ,yBACf,OAAO,OAAO,OAAO,IAErB,OAAO,GAAG,cAAc,MAAM;IAChC,IAAI,OAAO,QAAQ,gBACjB,OAAO,GAAG,cAAc,MAAM,IAAI,GAAG;IACvC,IACE,OAAO,QAAQ,mBACf,OAAO,QAAQ,gBAEf,OAAO,GAAG,OAAO,OAAO,MAAM,CAAC;IACjC,IAAI,OAAO,QAAQ,iBAAiB,OAAO;IAC3C,IAAI,OAAO,QAAQ,WAAW;KAC5B,MAAM,MAAM,GAAG,OAAO,OAAO,MAAM,CAAC;KACpC,IAAI,OAAO,GAAG,WAAW,OAAO,MAAM,CAAC,GAAG,OAAO;KACjD,IAAI,OAAO,KAAK,GAAG,KAAK,OAAO;IACjC;GACF;GACA,OAAO;EACT;EACA,aAAa,gBAAgB,EAAE,SAAS,IAAI,CAAC;EAC7C,cAAc,gBAAgB,EAAE,SAAS,IAAI,CAAC;CAChD,CAAC,GACD,aAAa,IAAI;EACf,4BAA4B;EAC5B,2BAA2B,MAAM,UAAU;GAEzC,IAAI,SAAS,MAAM,OAAO;IAAE,MAAM,KAAK;IAAM,IAAI,KAAK;GAAG;GACzD,OAAO;IAAE,MAAM,MAAM,IAAI,OAAO,KAAK,IAAI,CAAC,CAAC;IAAI,IAAI,KAAK;GAAG;EAC7D;CACF,CAAC,CACH,EACF,CAAC;CACD,cAAc;EACZ,eAAe,EAAE,MAAM,IAAI;EAC3B,eAAe;CACjB;AACF,CAAC,CACH"}

package/dist/components/Code/types.d.ts

@@ -0,0 +1,8 @@
+export type CodeLanguageType = 'yaml' | 'json' | 'javascript' | 'typescript' | 'python' | 'shell' | 'markdown';
+export type SyntaxHighlighterRow = {
+    type: string;
+    tagName: string;
+    children: SyntaxHighlighterRow[];
+    properties: Record<string, unknown>;
+    value?: string;
+};

package/dist/components/Code/utils.d.ts

@@ -0,0 +1,4 @@
+import type { SyntaxHighlighterRow } from './types.js';
+export declare function isValidUrl(string: string): boolean;
+export declare function getMimeTypeFromDataUrl(string: string): string | null;
+export declare function calculateTotalHeight(rows: SyntaxHighlighterRow[], containerWidth?: number): number;

package/dist/components/Code/utils.js

@@ -0,0 +1,27 @@
+import "./constants.js";
+//#region packages/components/src/components/Code/utils.tsx
+var DATA_URL_BASE64_REGEX = /^data:([^;,]+);base64,/i;
+function isValidUrl(string) {
+	try {
+		const path = new URL(string).pathname.toLowerCase();
+		return /\/[^/]+\.(jpg|jpeg|png|gif|svg|webp)$/i.test(path);
+	} catch {
+		return false;
+	}
+}
+function getMimeTypeFromDataUrl(string) {
+	return string.match(DATA_URL_BASE64_REGEX)?.[1] ?? null;
+}
+function calculateTotalHeight(rows, containerWidth) {
+	const height = rows.reduce((sum, row) => {
+		const text = row.children.map((child) => child.children?.[0]?.value || "").join("");
+		const charsPerLine = containerWidth ? Math.floor(containerWidth / 8) : 80;
+		const additionalRows = Math.floor(text.length / charsPerLine);
+		return sum + 1 + additionalRows;
+	}, 0) * 20;
+	return Math.min(height, 450);
+}
+//#endregion
+export { calculateTotalHeight, getMimeTypeFromDataUrl, isValidUrl };
+
+//# sourceMappingURL=utils.js.map

package/dist/components/Code/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":[],"sources":["../../../src/components/Code/utils.tsx"],"sourcesContent":["import { MAX_CODE_HEIGHT, ROW_HEIGHT, ROW_WIDTH } from './constants';\nimport type { SyntaxHighlighterRow } from './types';\n\nconst DATA_URL_BASE64_REGEX = /^data:([^;,]+);base64,/i;\n\nexport function isValidUrl(string: string) {\n  try {\n    const url = new URL(string);\n    const path = url.pathname.toLowerCase();\n    return /\\/[^/]+\\.(jpg|jpeg|png|gif|svg|webp)$/i.test(path);\n  } catch {\n    return false;\n  }\n}\n\nexport function getMimeTypeFromDataUrl(string: string): string | null {\n  const match = string.match(DATA_URL_BASE64_REGEX);\n  return match?.[1] ?? null;\n}\n\nexport function calculateTotalHeight(\n  rows: SyntaxHighlighterRow[],\n  containerWidth?: number\n) {\n  const totalRows = rows.reduce((sum, row) => {\n    const text = row.children\n      .map((child) => child.children?.[0]?.value || '')\n      .join('');\n\n    const charsPerLine = containerWidth\n      ? Math.floor(containerWidth / 8)\n      : ROW_WIDTH;\n    const additionalRows = Math.floor(text.length / charsPerLine);\n    return sum + 1 + additionalRows;\n  }, 0);\n\n  const height = totalRows * ROW_HEIGHT;\n\n  return Math.min(height, MAX_CODE_HEIGHT);\n}\n"],"mappings":";;AAGA,IAAM,wBAAwB;AAE9B,SAAgB,WAAW,QAAgB;CACzC,IAAI;EAEF,MAAM,OAAO,IADG,IAAI,MACP,CAAA,CAAI,SAAS,YAAY;EACtC,OAAO,yCAAyC,KAAK,IAAI;CAC3D,QAAQ;EACN,OAAO;CACT;AACF;AAEA,SAAgB,uBAAuB,QAA+B;CAEpE,OADc,OAAO,MAAM,qBACpB,CAAA,GAAQ,MAAM;AACvB;AAEA,SAAgB,qBACd,MACA,gBACA;CAaA,MAAM,SAZY,KAAK,QAAQ,KAAK,QAAQ;EAC1C,MAAM,OAAO,IAAI,SACd,KAAK,UAAU,MAAM,WAAW,EAAE,EAAE,SAAS,EAAE,CAAC,CAChD,KAAK,EAAE;EAEV,MAAM,eAAe,iBACjB,KAAK,MAAM,iBAAiB,CAAC,IAAA;EAEjC,MAAM,iBAAiB,KAAK,MAAM,KAAK,SAAS,YAAY;EAC5D,OAAO,MAAM,IAAI;CACnB,GAAG,CAEY,IAAA;CAEf,OAAO,KAAK,IAAI,QAAA,GAAuB;AACzC"}