asterui 0.12.79 → 0.12.81

package/dist/codeeditor.d.ts

@@ -0,0 +1 @@
+export { CodeEditor, type CodeEditorProps, type CodeEditorLanguage } from './components/CodeEditor';

package/dist/codeeditor.js

@@ -0,0 +1,5 @@
+import { CodeEditor as d } from "./components/CodeEditor.js";
+export {
+  d as CodeEditor
+};
+//# sourceMappingURL=codeeditor.js.map

package/dist/codeeditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"codeeditor.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/CodeEditor.d.ts

@@ -0,0 +1,47 @@
+import { default as React } from 'react';
+import { Extension } from '@codemirror/state';
+import { EditorView } from '@codemirror/view';
+export type CodeEditorLanguage = 'javascript' | 'typescript' | 'jsx' | 'tsx' | 'python' | 'html' | 'css' | 'json' | 'markdown' | 'sql' | 'xml' | 'plaintext';
+export interface CodeEditorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Code content */
+    value?: string;
+    /** Callback when content changes */
+    onChange?: (value: string) => void;
+    /** Programming language for syntax highlighting */
+    language?: CodeEditorLanguage;
+    /** Placeholder text when empty */
+    placeholder?: string;
+    /** Make editor read-only */
+    readOnly?: boolean;
+    /** Auto focus on mount */
+    autoFocus?: boolean;
+    /** Show line numbers */
+    lineNumbers?: boolean;
+    /** Enable code folding */
+    foldGutter?: boolean;
+    /** Highlight active line */
+    highlightActiveLine?: boolean;
+    /** Enable bracket matching */
+    bracketMatching?: boolean;
+    /** Enable auto-closing brackets */
+    closeBrackets?: boolean;
+    /** Enable autocompletion */
+    autocompletion?: boolean;
+    /** Allow tab key for indentation */
+    indentWithTab?: boolean;
+    /** Minimum height of the editor */
+    minHeight?: string | number;
+    /** Maximum height of the editor (enables scrolling) */
+    maxHeight?: string | number;
+    /** Editor size variant */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Show border around editor */
+    bordered?: boolean;
+    /** Additional CodeMirror extensions */
+    extensions?: Extension[];
+    /** Callback with editor view instance */
+    onEditorReady?: (view: EditorView) => void;
+    'data-testid'?: string;
+}
+export declare const CodeEditor: React.ForwardRefExoticComponent<CodeEditorProps & React.RefAttributes<HTMLDivElement>>;
+export default CodeEditor;

package/dist/components/CodeEditor.js

@@ -0,0 +1,244 @@
+import { jsx as N } from "react/jsx-runtime";
+import { forwardRef as W, useRef as d, useEffect as g } from "react";
+import { EditorState as b } from "@codemirror/state";
+import { EditorView as e, highlightSpecialChars as _, drawSelection as D, dropCursor as I, rectangularSelection as J, crosshairCursor as P, keymap as R, lineNumbers as Q, highlightActiveLine as U, highlightActiveLineGutter as X } from "@codemirror/view";
+import { indentOnInput as Y, syntaxHighlighting as Z, defaultHighlightStyle as tt, foldKeymap as et, foldGutter as ot, bracketMatching as rt } from "@codemirror/language";
+import { history as it, defaultKeymap as nt, historyKeymap as ct, indentWithTab as st } from "@codemirror/commands";
+import { highlightSelectionMatches as lt, searchKeymap as at } from "@codemirror/search";
+import { closeBracketsKeymap as ut, completionKeymap as mt, closeBrackets as ft, autocompletion as pt } from "@codemirror/autocomplete";
+import { lintKeymap as ht } from "@codemirror/lint";
+import { javascript as s } from "@codemirror/lang-javascript";
+import { python as dt } from "@codemirror/lang-python";
+import { html as gt } from "@codemirror/lang-html";
+import { css as bt } from "@codemirror/lang-css";
+import { json as yt } from "@codemirror/lang-json";
+import { markdown as vt } from "@codemirror/lang-markdown";
+import { sql as St } from "@codemirror/lang-sql";
+import { xml as kt } from "@codemirror/lang-xml";
+import { useConfig as xt } from "../providers/ConfigProvider.js";
+const Ct = {
+  xs: { fontSize: "11px", lineHeight: "1.4" },
+  sm: { fontSize: "12px", lineHeight: "1.5" },
+  md: { fontSize: "14px", lineHeight: "1.6" },
+  lg: { fontSize: "16px", lineHeight: "1.6" },
+  xl: { fontSize: "18px", lineHeight: "1.7" }
+};
+function zt(o) {
+  switch (o) {
+    case "javascript":
+      return s();
+    case "typescript":
+      return s({ typescript: !0 });
+    case "jsx":
+      return s({ jsx: !0 });
+    case "tsx":
+      return s({ jsx: !0, typescript: !0 });
+    case "python":
+      return dt();
+    case "html":
+      return gt();
+    case "css":
+      return bt();
+    case "json":
+      return yt();
+    case "markdown":
+      return vt();
+    case "sql":
+      return St();
+    case "xml":
+      return kt();
+    default:
+      return null;
+  }
+}
+const wt = e.theme({
+  "&": {
+    backgroundColor: "oklch(var(--b1))",
+    color: "oklch(var(--bc))"
+  },
+  ".cm-content": {
+    caretColor: "oklch(var(--bc))",
+    fontFamily: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace'
+  },
+  ".cm-cursor, .cm-dropCursor": {
+    borderLeftColor: "oklch(var(--bc))"
+  },
+  "&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection": {
+    backgroundColor: "oklch(var(--p) / 0.2)"
+  },
+  ".cm-activeLine": {
+    backgroundColor: "oklch(var(--bc) / 0.05)"
+  },
+  ".cm-activeLineGutter": {
+    backgroundColor: "oklch(var(--bc) / 0.05)"
+  },
+  ".cm-gutters": {
+    backgroundColor: "oklch(var(--b2))",
+    color: "oklch(var(--bc) / 0.5)",
+    borderRight: "1px solid oklch(var(--b3))"
+  },
+  ".cm-lineNumbers .cm-gutterElement": {
+    padding: "0 8px 0 16px"
+  },
+  ".cm-foldGutter .cm-gutterElement": {
+    padding: "0 4px"
+  },
+  ".cm-scroller": {
+    overflow: "auto"
+  },
+  ".cm-placeholder": {
+    color: "oklch(var(--bc) / 0.4)",
+    fontStyle: "italic"
+  }
+}), jt = W(
+  ({
+    value: o = "",
+    onChange: l,
+    language: y = "plaintext",
+    placeholder: i,
+    readOnly: v = !1,
+    autoFocus: S = !1,
+    lineNumbers: k = !0,
+    foldGutter: x = !0,
+    highlightActiveLine: C = !0,
+    bracketMatching: z = !0,
+    closeBrackets: w = !0,
+    autocompletion: j = !0,
+    indentWithTab: E = !0,
+    minHeight: a = 200,
+    maxHeight: n,
+    size: $,
+    bordered: G = !0,
+    extensions: H = [],
+    onEditorReady: u,
+    className: B = "",
+    "data-testid": q = "code-editor",
+    ...A
+  }, T) => {
+    const { componentSize: V } = xt(), K = $ ?? V ?? "md", m = d(null), f = d(null), p = d(l);
+    g(() => {
+      p.current = l;
+    }, [l]), g(() => {
+      if (!m.current) return;
+      const t = [
+        wt,
+        _(),
+        it(),
+        D(),
+        I(),
+        b.allowMultipleSelections.of(!0),
+        Y(),
+        Z(tt, { fallback: !0 }),
+        J(),
+        P(),
+        lt(),
+        R.of([
+          ...ut,
+          ...nt,
+          ...at,
+          ...ct,
+          ...et,
+          ...mt,
+          ...ht
+        ])
+      ];
+      k && t.push(Q()), x && t.push(ot()), C && (t.push(U()), t.push(X())), z && t.push(rt()), w && t.push(ft()), j && t.push(pt()), E && t.push(R.of([st]));
+      const r = zt(y);
+      r && t.push(r), i && (t.push(e.contentAttributes.of({ "aria-placeholder": i })), t.push(
+        e.theme({
+          ".cm-content:has(.cm-line:only-child:empty)::before": {
+            content: `"${i}"`,
+            position: "absolute",
+            color: "oklch(var(--bc) / 0.4)",
+            fontStyle: "italic",
+            pointerEvents: "none"
+          }
+        })
+      )), v && (t.push(b.readOnly.of(!0)), t.push(e.editable.of(!1))), t.push(
+        e.updateListener.of((M) => {
+          M.docChanged && p.current && p.current(M.state.doc.toString());
+        })
+      );
+      const h = Ct[K];
+      t.push(
+        e.theme({
+          ".cm-content": {
+            fontSize: h.fontSize,
+            lineHeight: h.lineHeight
+          },
+          ".cm-gutters": {
+            fontSize: h.fontSize
+          }
+        })
+      ), t.push(...H);
+      const O = b.create({
+        doc: o,
+        extensions: t
+      }), c = new e({
+        state: O,
+        parent: m.current
+      });
+      return f.current = c, S && c.focus(), u && u(c), () => {
+        c.destroy(), f.current = null;
+      };
+    }, [
+      y,
+      i,
+      v,
+      k,
+      x,
+      C,
+      z,
+      w,
+      j,
+      E,
+      K,
+      S,
+      H,
+      u
+    ]), g(() => {
+      const t = f.current;
+      if (!t) return;
+      const r = t.state.doc.toString();
+      o !== r && t.dispatch({
+        changes: {
+          from: 0,
+          to: r.length,
+          insert: o
+        }
+      });
+    }, [o]);
+    const F = typeof a == "number" ? `${a}px` : a, L = n ? typeof n == "number" ? `${n}px` : n : void 0;
+    return /* @__PURE__ */ N(
+      "div",
+      {
+        ref: T,
+        className: `
+          bg-base-100 rounded-lg overflow-hidden
+          ${G ? "border border-base-300" : ""}
+          ${B}
+        `,
+        "data-testid": q,
+        ...A,
+        children: /* @__PURE__ */ N(
+          "div",
+          {
+            ref: m,
+            className: "[&_.cm-editor]:outline-none",
+            style: {
+              minHeight: F,
+              maxHeight: L,
+              overflow: L ? "auto" : void 0
+            }
+          }
+        )
+      }
+    );
+  }
+);
+jt.displayName = "CodeEditor";
+export {
+  jt as CodeEditor,
+  jt as default
+};
+//# sourceMappingURL=CodeEditor.js.map

package/dist/components/CodeEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeEditor.js","sources":["../../src/components/CodeEditor.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef } from 'react'\nimport { EditorState, type Extension } from '@codemirror/state'\nimport { EditorView, keymap, lineNumbers, highlightActiveLine, highlightActiveLineGutter, drawSelection, dropCursor, rectangularSelection, crosshairCursor, highlightSpecialChars } from '@codemirror/view'\nimport { defaultHighlightStyle, syntaxHighlighting, indentOnInput, bracketMatching, foldGutter, foldKeymap } from '@codemirror/language'\nimport { defaultKeymap, history, historyKeymap, indentWithTab } from '@codemirror/commands'\nimport { searchKeymap, highlightSelectionMatches } from '@codemirror/search'\nimport { autocompletion, completionKeymap, closeBrackets, closeBracketsKeymap } from '@codemirror/autocomplete'\nimport { lintKeymap } from '@codemirror/lint'\nimport { javascript } from '@codemirror/lang-javascript'\nimport { python } from '@codemirror/lang-python'\nimport { html } from '@codemirror/lang-html'\nimport { css } from '@codemirror/lang-css'\nimport { json } from '@codemirror/lang-json'\nimport { markdown } from '@codemirror/lang-markdown'\nimport { sql } from '@codemirror/lang-sql'\nimport { xml } from '@codemirror/lang-xml'\nimport { useConfig } from '../providers/ConfigProvider'\n\nexport type CodeEditorLanguage =\n  | 'javascript'\n  | 'typescript'\n  | 'jsx'\n  | 'tsx'\n  | 'python'\n  | 'html'\n  | 'css'\n  | 'json'\n  | 'markdown'\n  | 'sql'\n  | 'xml'\n  | 'plaintext'\n\nexport interface CodeEditorProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /** Code content */\n  value?: string\n  /** Callback when content changes */\n  onChange?: (value: string) => void\n  /** Programming language for syntax highlighting */\n  language?: CodeEditorLanguage\n  /** Placeholder text when empty */\n  placeholder?: string\n  /** Make editor read-only */\n  readOnly?: boolean\n  /** Auto focus on mount */\n  autoFocus?: boolean\n  /** Show line numbers */\n  lineNumbers?: boolean\n  /** Enable code folding */\n  foldGutter?: boolean\n  /** Highlight active line */\n  highlightActiveLine?: boolean\n  /** Enable bracket matching */\n  bracketMatching?: boolean\n  /** Enable auto-closing brackets */\n  closeBrackets?: boolean\n  /** Enable autocompletion */\n  autocompletion?: boolean\n  /** Allow tab key for indentation */\n  indentWithTab?: boolean\n  /** Minimum height of the editor */\n  minHeight?: string | number\n  /** Maximum height of the editor (enables scrolling) */\n  maxHeight?: string | number\n  /** Editor size variant */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  /** Show border around editor */\n  bordered?: boolean\n  /** Additional CodeMirror extensions */\n  extensions?: Extension[]\n  /** Callback with editor view instance */\n  onEditorReady?: (view: EditorView) => void\n  'data-testid'?: string\n}\n\nconst sizeClasses = {\n  xs: { fontSize: '11px', lineHeight: '1.4' },\n  sm: { fontSize: '12px', lineHeight: '1.5' },\n  md: { fontSize: '14px', lineHeight: '1.6' },\n  lg: { fontSize: '16px', lineHeight: '1.6' },\n  xl: { fontSize: '18px', lineHeight: '1.7' },\n}\n\nfunction getLanguageExtension(language: CodeEditorLanguage): Extension | null {\n  switch (language) {\n    case 'javascript':\n      return javascript()\n    case 'typescript':\n      return javascript({ typescript: true })\n    case 'jsx':\n      return javascript({ jsx: true })\n    case 'tsx':\n      return javascript({ jsx: true, typescript: true })\n    case 'python':\n      return python()\n    case 'html':\n      return html()\n    case 'css':\n      return css()\n    case 'json':\n      return json()\n    case 'markdown':\n      return markdown()\n    case 'sql':\n      return sql()\n    case 'xml':\n      return xml()\n    case 'plaintext':\n    default:\n      return null\n  }\n}\n\nconst baseTheme = EditorView.theme({\n  '&': {\n    backgroundColor: 'oklch(var(--b1))',\n    color: 'oklch(var(--bc))',\n  },\n  '.cm-content': {\n    caretColor: 'oklch(var(--bc))',\n    fontFamily: 'ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace',\n  },\n  '.cm-cursor, .cm-dropCursor': {\n    borderLeftColor: 'oklch(var(--bc))',\n  },\n  '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': {\n    backgroundColor: 'oklch(var(--p) / 0.2)',\n  },\n  '.cm-activeLine': {\n    backgroundColor: 'oklch(var(--bc) / 0.05)',\n  },\n  '.cm-activeLineGutter': {\n    backgroundColor: 'oklch(var(--bc) / 0.05)',\n  },\n  '.cm-gutters': {\n    backgroundColor: 'oklch(var(--b2))',\n    color: 'oklch(var(--bc) / 0.5)',\n    borderRight: '1px solid oklch(var(--b3))',\n  },\n  '.cm-lineNumbers .cm-gutterElement': {\n    padding: '0 8px 0 16px',\n  },\n  '.cm-foldGutter .cm-gutterElement': {\n    padding: '0 4px',\n  },\n  '.cm-scroller': {\n    overflow: 'auto',\n  },\n  '.cm-placeholder': {\n    color: 'oklch(var(--bc) / 0.4)',\n    fontStyle: 'italic',\n  },\n})\n\nexport const CodeEditor = forwardRef<HTMLDivElement, CodeEditorProps>(\n  (\n    {\n      value = '',\n      onChange,\n      language = 'plaintext',\n      placeholder,\n      readOnly = false,\n      autoFocus = false,\n      lineNumbers: showLineNumbers = true,\n      foldGutter: showFoldGutter = true,\n      highlightActiveLine: showHighlightActiveLine = true,\n      bracketMatching: enableBracketMatching = true,\n      closeBrackets: enableCloseBrackets = true,\n      autocompletion: enableAutocompletion = true,\n      indentWithTab: enableIndentWithTab = true,\n      minHeight = 200,\n      maxHeight,\n      size,\n      bordered = true,\n      extensions: additionalExtensions = [],\n      onEditorReady,\n      className = '',\n      'data-testid': testId = 'code-editor',\n      ...rest\n    },\n    ref\n  ) => {\n    const { componentSize } = useConfig()\n    const effectiveSize = size ?? componentSize ?? 'md'\n\n    const containerRef = useRef<HTMLDivElement>(null)\n    const viewRef = useRef<EditorView | null>(null)\n    const onChangeRef = useRef(onChange)\n\n    // Keep onChange ref updated\n    useEffect(() => {\n      onChangeRef.current = onChange\n    }, [onChange])\n\n    // Create and manage editor\n    useEffect(() => {\n      if (!containerRef.current) return\n\n      const extensions: Extension[] = [\n        baseTheme,\n        highlightSpecialChars(),\n        history(),\n        drawSelection(),\n        dropCursor(),\n        EditorState.allowMultipleSelections.of(true),\n        indentOnInput(),\n        syntaxHighlighting(defaultHighlightStyle, { fallback: true }),\n        rectangularSelection(),\n        crosshairCursor(),\n        highlightSelectionMatches(),\n        keymap.of([\n          ...closeBracketsKeymap,\n          ...defaultKeymap,\n          ...searchKeymap,\n          ...historyKeymap,\n          ...foldKeymap,\n          ...completionKeymap,\n          ...lintKeymap,\n        ]),\n      ]\n\n      if (showLineNumbers) {\n        extensions.push(lineNumbers())\n      }\n\n      if (showFoldGutter) {\n        extensions.push(foldGutter())\n      }\n\n      if (showHighlightActiveLine) {\n        extensions.push(highlightActiveLine())\n        extensions.push(highlightActiveLineGutter())\n      }\n\n      if (enableBracketMatching) {\n        extensions.push(bracketMatching())\n      }\n\n      if (enableCloseBrackets) {\n        extensions.push(closeBrackets())\n      }\n\n      if (enableAutocompletion) {\n        extensions.push(autocompletion())\n      }\n\n      if (enableIndentWithTab) {\n        extensions.push(keymap.of([indentWithTab]))\n      }\n\n      const langExtension = getLanguageExtension(language)\n      if (langExtension) {\n        extensions.push(langExtension)\n      }\n\n      if (placeholder) {\n        extensions.push(EditorView.contentAttributes.of({ 'aria-placeholder': placeholder }))\n        extensions.push(\n          EditorView.theme({\n            '.cm-content:has(.cm-line:only-child:empty)::before': {\n              content: `\"${placeholder}\"`,\n              position: 'absolute',\n              color: 'oklch(var(--bc) / 0.4)',\n              fontStyle: 'italic',\n              pointerEvents: 'none',\n            },\n          })\n        )\n      }\n\n      if (readOnly) {\n        extensions.push(EditorState.readOnly.of(true))\n        extensions.push(EditorView.editable.of(false))\n      }\n\n      // Update listener\n      extensions.push(\n        EditorView.updateListener.of((update) => {\n          if (update.docChanged && onChangeRef.current) {\n            onChangeRef.current(update.state.doc.toString())\n          }\n        })\n      )\n\n      // Size styling\n      const sizeStyle = sizeClasses[effectiveSize]\n      extensions.push(\n        EditorView.theme({\n          '.cm-content': {\n            fontSize: sizeStyle.fontSize,\n            lineHeight: sizeStyle.lineHeight,\n          },\n          '.cm-gutters': {\n            fontSize: sizeStyle.fontSize,\n          },\n        })\n      )\n\n      // Add user extensions\n      extensions.push(...additionalExtensions)\n\n      const state = EditorState.create({\n        doc: value,\n        extensions,\n      })\n\n      const view = new EditorView({\n        state,\n        parent: containerRef.current,\n      })\n\n      viewRef.current = view\n\n      if (autoFocus) {\n        view.focus()\n      }\n\n      if (onEditorReady) {\n        onEditorReady(view)\n      }\n\n      return () => {\n        view.destroy()\n        viewRef.current = null\n      }\n    }, [\n      language,\n      placeholder,\n      readOnly,\n      showLineNumbers,\n      showFoldGutter,\n      showHighlightActiveLine,\n      enableBracketMatching,\n      enableCloseBrackets,\n      enableAutocompletion,\n      enableIndentWithTab,\n      effectiveSize,\n      autoFocus,\n      additionalExtensions,\n      onEditorReady,\n    ])\n\n    // Sync value prop changes\n    useEffect(() => {\n      const view = viewRef.current\n      if (!view) return\n\n      const currentValue = view.state.doc.toString()\n      if (value !== currentValue) {\n        view.dispatch({\n          changes: {\n            from: 0,\n            to: currentValue.length,\n            insert: value,\n          },\n        })\n      }\n    }, [value])\n\n    const minHeightStyle = typeof minHeight === 'number' ? `${minHeight}px` : minHeight\n    const maxHeightStyle = maxHeight\n      ? typeof maxHeight === 'number'\n        ? `${maxHeight}px`\n        : maxHeight\n      : undefined\n\n    return (\n      <div\n        ref={ref}\n        className={`\n          bg-base-100 rounded-lg overflow-hidden\n          ${bordered ? 'border border-base-300' : ''}\n          ${className}\n        `}\n        data-testid={testId}\n        {...rest}\n      >\n        <div\n          ref={containerRef}\n          className=\"[&_.cm-editor]:outline-none\"\n          style={{\n            minHeight: minHeightStyle,\n            maxHeight: maxHeightStyle,\n            overflow: maxHeightStyle ? 'auto' : undefined,\n          }}\n        />\n      </div>\n    )\n  }\n)\n\nCodeEditor.displayName = 'CodeEditor'\n\nexport default CodeEditor\n"],"names":["sizeClasses","getLanguageExtension","language","javascript","python","html","css","json","markdown","sql","xml","baseTheme","EditorView","CodeEditor","forwardRef","value","onChange","placeholder","readOnly","autoFocus","showLineNumbers","showFoldGutter","showHighlightActiveLine","enableBracketMatching","enableCloseBrackets","enableAutocompletion","enableIndentWithTab","minHeight","maxHeight","size","bordered","additionalExtensions","onEditorReady","className","testId","rest","ref","componentSize","useConfig","effectiveSize","containerRef","useRef","viewRef","onChangeRef","useEffect","extensions","highlightSpecialChars","history","drawSelection","dropCursor","EditorState","indentOnInput","syntaxHighlighting","defaultHighlightStyle","rectangularSelection","crosshairCursor","highlightSelectionMatches","keymap","closeBracketsKeymap","defaultKeymap","searchKeymap","historyKeymap","foldKeymap","completionKeymap","lintKeymap","lineNumbers","foldGutter","highlightActiveLine","highlightActiveLineGutter","bracketMatching","closeBrackets","autocompletion","indentWithTab","langExtension","update","sizeStyle","state","view","currentValue","minHeightStyle","maxHeightStyle","jsx"],"mappings":"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"}

package/dist/components/Terminal.d.ts

@@ -0,0 +1,40 @@
+import { default as React } from 'react';
+import { Terminal as XTermType, ITerminalOptions, ITerminalInitOnlyOptions } from '@xterm/xterm';
+export interface TerminalRef {
+    /** The underlying xterm.js Terminal instance */
+    terminal: XTermType | null;
+    /** Write data to the terminal */
+    write: (data: string) => void;
+    /** Write a line to the terminal (with newline) */
+    writeln: (data: string) => void;
+    /** Clear the terminal */
+    clear: () => void;
+    /** Focus the terminal */
+    focus: () => void;
+    /** Fit the terminal to its container */
+    fit: () => void;
+    /** Command history (only available with readline mode) */
+    history: string[];
+    /** Clear command history (only available with readline mode) */
+    clearHistory: () => void;
+}
+export interface TerminalProps {
+    /** Callback when user types in the terminal (raw input) */
+    onData?: (data: string) => void;
+    /** Callback when terminal is ready */
+    onReady?: (terminal: XTermType) => void;
+    /** Enable readline mode with line editing and history */
+    readline?: boolean;
+    /** Prompt string for readline mode (supports ANSI colors) */
+    prompt?: string;
+    /** Callback when user submits a line in readline mode */
+    onLine?: (line: string) => void;
+    /** xterm.js options (theme is auto-applied unless you override it) */
+    options?: ITerminalOptions & ITerminalInitOnlyOptions;
+    /** Additional CSS classes for the container */
+    className?: string;
+    /** Container style */
+    style?: React.CSSProperties;
+    'data-testid'?: string;
+}
+export declare const Terminal: React.ForwardRefExoticComponent<TerminalProps & React.RefAttributes<TerminalRef>>;

package/dist/components/Terminal.js

@@ -0,0 +1,150 @@
+import { jsx as D } from "react/jsx-runtime";
+import { forwardRef as S, useRef as x, useImperativeHandle as M, useEffect as v } from "react";
+import * as b from "@xterm/xterm";
+import * as p from "@xterm/addon-fit";
+import { useTheme as H } from "../hooks/useTheme.js";
+const O = b.Terminal ?? b.default?.Terminal ?? b, $ = p.FitAddon ?? p.default?.FitAddon ?? p;
+let B = !1;
+function j() {
+  if (B || typeof document > "u") return;
+  B = !0;
+  const s = document.createElement("style");
+  s.setAttribute("data-xterm", ""), s.textContent = ".xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;right:0;left:0;top:0;bottom:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{position:absolute;left:0;top:0;bottom:0;right:0;z-index:10;color:transparent;pointer-events:none}.xterm .xterm-accessibility-tree:not(.debug) *::selection{color:transparent}.xterm .xterm-accessibility-tree{user-select:text;white-space:pre}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:.5}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}", document.head.appendChild(s);
+}
+const X = S(({
+  onData: s,
+  onReady: k,
+  readline: g = !1,
+  prompt: c = "$ ",
+  onLine: z,
+  options: I = {},
+  className: A = "",
+  style: F,
+  "data-testid": C
+}, R) => {
+  const a = x(null), o = x(null), m = x(null), { isDark: l, colors: n } = H(), f = x({
+    buffer: "",
+    cursor: 0,
+    history: [],
+    historyIndex: -1,
+    savedBuffer: ""
+  }), y = () => ({
+    background: n.background,
+    foreground: n.foreground,
+    cursor: n.primary,
+    cursorAccent: n.background,
+    selectionBackground: n.primary + "40",
+    selectionForeground: n.foreground,
+    black: l ? "#000000" : "#2e3436",
+    red: n.error,
+    green: n.success,
+    yellow: n.warning,
+    blue: n.info,
+    magenta: n.secondary,
+    cyan: n.accent,
+    white: l ? "#d3d7cf" : "#eeeeec",
+    brightBlack: "#555753",
+    brightRed: n.error,
+    brightGreen: n.success,
+    brightYellow: n.warning,
+    brightBlue: n.info,
+    brightMagenta: n.secondary,
+    brightCyan: n.accent,
+    brightWhite: l ? "#eeeeec" : "#ffffff"
+  });
+  M(R, () => ({
+    terminal: o.current,
+    write: (r) => o.current?.write(r),
+    writeln: (r) => o.current?.writeln(r),
+    clear: () => o.current?.clear(),
+    focus: () => o.current?.focus(),
+    fit: () => m.current?.fit(),
+    history: f.current.history,
+    clearHistory: () => {
+      f.current.history = [];
+    }
+  }), []);
+  const u = () => {
+    const r = o.current;
+    if (!r) return;
+    const t = f.current;
+    r.write("\r\x1B[K" + c + t.buffer);
+    const e = t.buffer.length - t.cursor;
+    e > 0 && r.write(`\x1B[${e}D`);
+  }, T = (r) => {
+    const t = o.current;
+    if (!t) return;
+    const e = f.current;
+    if (r === "\x1B[A") {
+      e.history.length > 0 && e.historyIndex < e.history.length - 1 && (e.historyIndex === -1 && (e.savedBuffer = e.buffer), e.historyIndex++, e.buffer = e.history[e.history.length - 1 - e.historyIndex], e.cursor = e.buffer.length, u());
+      return;
+    }
+    if (r === "\x1B[B") {
+      e.historyIndex > -1 && (e.historyIndex--, e.buffer = e.historyIndex === -1 ? e.savedBuffer : e.history[e.history.length - 1 - e.historyIndex], e.cursor = e.buffer.length, u());
+      return;
+    }
+    if (r === "\x1B[C") {
+      e.cursor < e.buffer.length && (e.cursor++, t.write("\x1B[C"));
+      return;
+    }
+    if (r === "\x1B[D") {
+      e.cursor > 0 && (e.cursor--, t.write("\x1B[D"));
+      return;
+    }
+    if (r === "\x1B[H" || r === "\x1BOH" || r === "\x1B[1~") {
+      e.cursor > 0 && (t.write(`\x1B[${e.cursor}D`), e.cursor = 0);
+      return;
+    }
+    if (r === "\x1B[F" || r === "\x1BOF" || r === "\x1B[4~") {
+      e.cursor < e.buffer.length && (t.write(`\x1B[${e.buffer.length - e.cursor}C`), e.cursor = e.buffer.length);
+      return;
+    }
+    if (r === "\x1B[3~") {
+      e.cursor < e.buffer.length && (e.buffer = e.buffer.slice(0, e.cursor) + e.buffer.slice(e.cursor + 1), u());
+      return;
+    }
+    if (!r.startsWith("\x1B"))
+      if (r === "\r") {
+        t.writeln("");
+        const i = e.buffer;
+        i.trim() && e.history.push(i), e.buffer = "", e.cursor = 0, e.historyIndex = -1, e.savedBuffer = "", z?.(i), t.write(c);
+      } else r === "" || r === "\b" ? e.cursor > 0 && (e.buffer = e.buffer.slice(0, e.cursor - 1) + e.buffer.slice(e.cursor), e.cursor--, u()) : r === "" ? (t.writeln("^C"), e.buffer = "", e.cursor = 0, e.historyIndex = -1, t.write(c)) : (r >= " " || r === "	") && (e.buffer = e.buffer.slice(0, e.cursor) + r + e.buffer.slice(e.cursor), e.cursor += r.length, u());
+  };
+  return v(() => {
+    if (!a.current) return;
+    j();
+    const r = a.current;
+    let t = null, e = null, i = null, h = !1;
+    const w = () => {
+      if (h || !r) return;
+      const d = r.getBoundingClientRect();
+      d.width === 0 || d.height === 0 || (h = !0, t = new O({
+        theme: y(),
+        cursorBlink: !0,
+        fontFamily: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace',
+        fontSize: 14,
+        ...I
+      }), e = new $(), t.loadAddon(e), t.open(r), e.fit(), o.current = t, m.current = e, g ? t.onData(T) : s && t.onData(s), k?.(t), g && t.write(c));
+    };
+    return i = new ResizeObserver((d) => {
+      d[0] && (h ? e && e.fit() : w());
+    }), i.observe(r), requestAnimationFrame(w), () => {
+      i?.disconnect(), t?.dispose(), o.current = null, m.current = null;
+    };
+  }, []), v(() => {
+    o.current && (o.current.options.theme = y());
+  }, [l, n]), /* @__PURE__ */ D(
+    "div",
+    {
+      ref: a,
+      className: A,
+      style: { width: "100%", height: "100%", ...F },
+      "data-testid": C
+    }
+  );
+});
+X.displayName = "Terminal";
+export {
+  X as Terminal
+};
+//# sourceMappingURL=Terminal.js.map

package/dist/components/Terminal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Terminal.js","sources":["../../src/components/Terminal.tsx"],"sourcesContent":["import React, { useEffect, useRef, useImperativeHandle, forwardRef } from 'react'\nimport * as XTermPkg from '@xterm/xterm'\nimport * as FitAddonPkg from '@xterm/addon-fit'\nimport type { Terminal as XTermType, ITerminalOptions, ITerminalInitOnlyOptions } from '@xterm/xterm'\nimport type { FitAddon as FitAddonType } from '@xterm/addon-fit'\nimport { useTheme } from '../hooks/useTheme'\n\n// Handle both ESM and CJS module formats\nconst XTerm = (XTermPkg as { Terminal?: typeof XTermType }).Terminal\n  ?? (XTermPkg as { default?: { Terminal: typeof XTermType } }).default?.Terminal\n  ?? (XTermPkg as unknown as typeof XTermType)\nconst FitAddon = (FitAddonPkg as { FitAddon?: typeof FitAddonType }).FitAddon\n  ?? (FitAddonPkg as { default?: { FitAddon: typeof FitAddonType } }).default?.FitAddon\n  ?? (FitAddonPkg as unknown as typeof FitAddonType)\n\n// Inject xterm.css once (inlined for reliability across bundlers)\nlet cssInjected = false\nfunction injectXtermCSS() {\n  if (cssInjected || typeof document === 'undefined') return\n  cssInjected = true\n\n  const style = document.createElement('style')\n  style.setAttribute('data-xterm', '')\n  style.textContent = `.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;right:0;left:0;top:0;bottom:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{position:absolute;left:0;top:0;bottom:0;right:0;z-index:10;color:transparent;pointer-events:none}.xterm .xterm-accessibility-tree:not(.debug) *::selection{color:transparent}.xterm .xterm-accessibility-tree{user-select:text;white-space:pre}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:.5}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}`\n  document.head.appendChild(style)\n}\n\nexport interface TerminalRef {\n  /** The underlying xterm.js Terminal instance */\n  terminal: XTermType | null\n  /** Write data to the terminal */\n  write: (data: string) => void\n  /** Write a line to the terminal (with newline) */\n  writeln: (data: string) => void\n  /** Clear the terminal */\n  clear: () => void\n  /** Focus the terminal */\n  focus: () => void\n  /** Fit the terminal to its container */\n  fit: () => void\n  /** Command history (only available with readline mode) */\n  history: string[]\n  /** Clear command history (only available with readline mode) */\n  clearHistory: () => void\n}\n\nexport interface TerminalProps {\n  /** Callback when user types in the terminal (raw input) */\n  onData?: (data: string) => void\n  /** Callback when terminal is ready */\n  onReady?: (terminal: XTermType) => void\n  /** Enable readline mode with line editing and history */\n  readline?: boolean\n  /** Prompt string for readline mode (supports ANSI colors) */\n  prompt?: string\n  /** Callback when user submits a line in readline mode */\n  onLine?: (line: string) => void\n  /** xterm.js options (theme is auto-applied unless you override it) */\n  options?: ITerminalOptions & ITerminalInitOnlyOptions\n  /** Additional CSS classes for the container */\n  className?: string\n  /** Container style */\n  style?: React.CSSProperties\n  'data-testid'?: string\n}\n\nexport const Terminal = forwardRef<TerminalRef, TerminalProps>(({\n  onData,\n  onReady,\n  readline = false,\n  prompt = '$ ',\n  onLine,\n  options = {},\n  className = '',\n  style,\n  'data-testid': testId,\n}, ref) => {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const terminalRef = useRef<XTermType | null>(null)\n  const fitAddonRef = useRef<FitAddonType | null>(null)\n  const { isDark, colors } = useTheme()\n\n  // Readline state\n  const readlineState = useRef({\n    buffer: '',\n    cursor: 0,\n    history: [] as string[],\n    historyIndex: -1,\n    savedBuffer: '',\n  })\n\n  // Build theme from DaisyUI colors\n  const getTheme = () => ({\n    background: colors.background,\n    foreground: colors.foreground,\n    cursor: colors.primary,\n    cursorAccent: colors.background,\n    selectionBackground: colors.primary + '40',\n    selectionForeground: colors.foreground,\n    black: isDark ? '#000000' : '#2e3436',\n    red: colors.error,\n    green: colors.success,\n    yellow: colors.warning,\n    blue: colors.info,\n    magenta: colors.secondary,\n    cyan: colors.accent,\n    white: isDark ? '#d3d7cf' : '#eeeeec',\n    brightBlack: '#555753',\n    brightRed: colors.error,\n    brightGreen: colors.success,\n    brightYellow: colors.warning,\n    brightBlue: colors.info,\n    brightMagenta: colors.secondary,\n    brightCyan: colors.accent,\n    brightWhite: isDark ? '#eeeeec' : '#ffffff',\n  })\n\n  useImperativeHandle(ref, () => ({\n    terminal: terminalRef.current,\n    write: (data: string) => terminalRef.current?.write(data),\n    writeln: (data: string) => terminalRef.current?.writeln(data),\n    clear: () => terminalRef.current?.clear(),\n    focus: () => terminalRef.current?.focus(),\n    fit: () => fitAddonRef.current?.fit(),\n    history: readlineState.current.history,\n    clearHistory: () => { readlineState.current.history = [] },\n  }), [])\n\n  // Redraw the current line in readline mode\n  const redrawLine = () => {\n    const term = terminalRef.current\n    if (!term) return\n    const s = readlineState.current\n    // Move to start of line, clear line, write prompt + buffer, position cursor\n    term.write('\\r\\x1b[K' + prompt + s.buffer)\n    // Move cursor to correct position\n    const moveBack = s.buffer.length - s.cursor\n    if (moveBack > 0) {\n      term.write(`\\x1b[${moveBack}D`)\n    }\n  }\n\n  // Handle readline input\n  const handleReadlineData = (data: string) => {\n    const term = terminalRef.current\n    if (!term) return\n    const s = readlineState.current\n\n    // Handle escape sequences (arrow keys)\n    if (data === '\\x1b[A') {\n      // Up arrow - history previous\n      if (s.history.length > 0 && s.historyIndex < s.history.length - 1) {\n        if (s.historyIndex === -1) s.savedBuffer = s.buffer\n        s.historyIndex++\n        s.buffer = s.history[s.history.length - 1 - s.historyIndex]\n        s.cursor = s.buffer.length\n        redrawLine()\n      }\n      return\n    }\n    if (data === '\\x1b[B') {\n      // Down arrow - history next\n      if (s.historyIndex > -1) {\n        s.historyIndex--\n        s.buffer = s.historyIndex === -1 ? s.savedBuffer : s.history[s.history.length - 1 - s.historyIndex]\n        s.cursor = s.buffer.length\n        redrawLine()\n      }\n      return\n    }\n    if (data === '\\x1b[C') {\n      // Right arrow\n      if (s.cursor < s.buffer.length) {\n        s.cursor++\n        term.write('\\x1b[C')\n      }\n      return\n    }\n    if (data === '\\x1b[D') {\n      // Left arrow\n      if (s.cursor > 0) {\n        s.cursor--\n        term.write('\\x1b[D')\n      }\n      return\n    }\n    if (data === '\\x1b[H' || data === '\\x1bOH' || data === '\\x1b[1~') {\n      // Home - move to start of line\n      if (s.cursor > 0) {\n        term.write(`\\x1b[${s.cursor}D`)\n        s.cursor = 0\n      }\n      return\n    }\n    if (data === '\\x1b[F' || data === '\\x1bOF' || data === '\\x1b[4~') {\n      // End - move to end of line\n      if (s.cursor < s.buffer.length) {\n        term.write(`\\x1b[${s.buffer.length - s.cursor}C`)\n        s.cursor = s.buffer.length\n      }\n      return\n    }\n    if (data === '\\x1b[3~') {\n      // Delete key - delete character at cursor\n      if (s.cursor < s.buffer.length) {\n        s.buffer = s.buffer.slice(0, s.cursor) + s.buffer.slice(s.cursor + 1)\n        redrawLine()\n      }\n      return\n    }\n\n    // Ignore other escape sequences\n    if (data.startsWith('\\x1b')) return\n\n    if (data === '\\r') {\n      // Enter\n      term.writeln('')\n      const line = s.buffer\n      if (line.trim()) {\n        s.history.push(line)\n      }\n      s.buffer = ''\n      s.cursor = 0\n      s.historyIndex = -1\n      s.savedBuffer = ''\n      onLine?.(line)\n      term.write(prompt)\n    } else if (data === '\\x7f' || data === '\\b') {\n      // Backspace\n      if (s.cursor > 0) {\n        s.buffer = s.buffer.slice(0, s.cursor - 1) + s.buffer.slice(s.cursor)\n        s.cursor--\n        redrawLine()\n      }\n    } else if (data === '\\x03') {\n      // Ctrl+C\n      term.writeln('^C')\n      s.buffer = ''\n      s.cursor = 0\n      s.historyIndex = -1\n      term.write(prompt)\n    } else if (data >= ' ' || data === '\\t') {\n      // Printable characters\n      s.buffer = s.buffer.slice(0, s.cursor) + data + s.buffer.slice(s.cursor)\n      s.cursor += data.length\n      redrawLine()\n    }\n  }\n\n  // Initialize terminal\n  useEffect(() => {\n    if (!containerRef.current) return\n\n    injectXtermCSS()\n\n    const container = containerRef.current\n    let terminal: XTermType | null = null\n    let fitAddon: FitAddonType | null = null\n    let resizeObserver: ResizeObserver | null = null\n    let initialized = false\n\n    const initTerminal = () => {\n      if (initialized || !container) return\n\n      // Check container has dimensions before opening\n      const rect = container.getBoundingClientRect()\n      if (rect.width === 0 || rect.height === 0) return\n\n      initialized = true\n\n      terminal = new XTerm({\n        theme: getTheme(),\n        cursorBlink: true,\n        fontFamily: 'ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace',\n        fontSize: 14,\n        ...options,\n      })\n      fitAddon = new FitAddon()\n\n      terminal.loadAddon(fitAddon)\n      terminal.open(container)\n      fitAddon.fit()\n\n      terminalRef.current = terminal\n      fitAddonRef.current = fitAddon\n\n      if (readline) {\n        terminal.onData(handleReadlineData)\n      } else if (onData) {\n        terminal.onData(onData)\n      }\n\n      onReady?.(terminal)\n\n      // Write initial prompt after onReady so welcome messages appear first\n      if (readline) {\n        terminal.write(prompt)\n      }\n    }\n\n    // Use ResizeObserver to wait for container to have dimensions\n    resizeObserver = new ResizeObserver((entries) => {\n      const entry = entries[0]\n      if (!entry) return\n\n      if (!initialized) {\n        initTerminal()\n      } else if (fitAddon) {\n        fitAddon.fit()\n      }\n    })\n    resizeObserver.observe(container)\n\n    // Also try immediately in case container already has dimensions\n    requestAnimationFrame(initTerminal)\n\n    return () => {\n      resizeObserver?.disconnect()\n      terminal?.dispose()\n      terminalRef.current = null\n      fitAddonRef.current = null\n    }\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  // Update theme when colors change\n  useEffect(() => {\n    if (!terminalRef.current) return\n    terminalRef.current.options.theme = getTheme()\n  }, [isDark, colors]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  return (\n    <div\n      ref={containerRef}\n      className={className}\n      style={{ width: '100%', height: '100%', ...style }}\n      data-testid={testId}\n    />\n  )\n})\n\nTerminal.displayName = 'Terminal'\n"],"names":["XTerm","XTermPkg","FitAddon","FitAddonPkg","cssInjected","injectXtermCSS","style","Terminal","forwardRef","onData","onReady","readline","prompt","onLine","options","className","testId","ref","containerRef","useRef","terminalRef","fitAddonRef","isDark","colors","useTheme","readlineState","getTheme","useImperativeHandle","data","redrawLine","term","s","moveBack","handleReadlineData","line","useEffect","container","terminal","fitAddon","resizeObserver","initialized","initTerminal","rect","entries","jsx"],"mappings":"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"}

package/dist/index.d.ts

@@ -172,6 +172,8 @@ export { Tabs } from './components/Tabs';
 export type { TabsProps, TabPanelProps, TabItem, TabsVariant, TabsSize, TabsPosition } from './components/Tabs';
 export { Textarea } from './components/Textarea';
 export type { TextareaProps } from './components/Textarea';
+export { Terminal } from './components/Terminal';
+export type { TerminalProps, TerminalRef } from './components/Terminal';
 export { TextRotate } from './components/TextRotate';
 export type { TextRotateProps, TextRotateDuration } from './components/TextRotate';
 export { Tag, CheckableTag, TagLiveRegion } from './components/Tag';

package/dist/index.js

@@ -1,11 +1,11 @@
 import { Affix as e } from "./components/Affix.js";
 import { AspectRatio as p } from "./components/AspectRatio.js";
-import { Anchor as m } from "./components/Anchor.js";
+import { Anchor as f } from "./components/Anchor.js";
 import { Alert as a } from "./components/Alert.js";
 import { Autocomplete as n } from "./components/Autocomplete.js";
 import { Avatar as u, AvatarGroup as l } from "./components/Avatar.js";
 import { Badge as C } from "./components/Badge.js";
-import { Breadcrumb as g } from "./components/Breadcrumb.js";
+import { Breadcrumb as T } from "./components/Breadcrumb.js";
 import { Button as S } from "./components/Button.js";
 import { SizeContext as h, SizeProvider as k, useSize as v } from "./contexts/SizeContext.js";
 import { CopyButton as D } from "./components/CopyButton.js";
@@ -23,12 +23,12 @@ import { ContextMenu as Z } from "./components/ContextMenu.js";
 import { Countdown as $ } from "./components/Countdown.js";
 import { DatePicker as ro } from "./components/DatePicker.js";
 import { DateOfBirth as to, dateOfBirthRequired as po } from "./components/DateOfBirth.js";
-import { MonthCalendar as mo } from "./components/MonthCalendar.js";
+import { MonthCalendar as fo } from "./components/MonthCalendar.js";
 import { WeekCalendar as ao } from "./components/WeekCalendar.js";
 import { Descriptions as no } from "./components/Descriptions.js";
 import { Diff as uo } from "./components/Diff.js";
 import { Dock as Co } from "./components/Dock.js";
-import { Divider as go } from "./components/Divider.js";
+import { Divider as To } from "./components/Divider.js";
 import { Drawer as So } from "./components/Drawer.js";
 import { ResponsiveDrawer as ho } from "./components/ResponsiveDrawer.js";
 import { Fieldset as vo } from "./components/Fieldset.js";
@@ -47,13 +47,13 @@ import { Empty as Zo } from "./components/Empty.js";
 import { Input as $o } from "./components/Input.js";
 import { InputNumber as rr } from "./components/InputNumber.js";
 import { Join as tr } from "./components/Join.js";
-import { Kbd as fr } from "./components/Kbd.js";
+import { Kbd as mr } from "./components/Kbd.js";
 import { Layout as xr, useSiderContext as ar } from "./components/Layout.js";
 import { List as nr } from "./components/List.js";
 import { Loading as ur } from "./components/Loading.js";
 import { Mask as dr } from "./components/Mask.js";
 import { Masonry as cr } from "./components/Masonry.js";
-import { Mention as Tr } from "./components/Mention.js";
+import { Mention as gr } from "./components/Mention.js";
 import { Menu as Pr } from "./components/Menu.js";
 import { Browser as kr } from "./components/Browser.js";
 import { Code as Rr } from "./components/Code.js";
@@ -73,72 +73,73 @@ import { RadialProgress as Zr } from "./components/RadialProgress.js";
 import { Range as $r } from "./components/Range.js";
 import { Rating as re } from "./components/Rating.js";
 import { Result as te } from "./components/Result.js";
-import { Select as fe } from "./components/Select.js";
+import { Select as me } from "./components/Select.js";
 import { Segmented as xe } from "./components/Segmented.js";
 import { Skeleton as se } from "./components/Skeleton.js";
 import { Space as ie } from "./components/Space.js";
 import { Splitter as le } from "./components/Splitter.js";
 import { Stats as Ce } from "./components/Stat.js";
-import { Status as ge } from "./components/Status.js";
+import { Status as Te } from "./components/Status.js";
 import { Steps as Se } from "./components/Steps.js";
 import { Table as he } from "./components/Table.js";
 import { Tabs as ve } from "./components/Tabs.js";
 import { Textarea as De } from "./components/Textarea.js";
-import { TextRotate as Be } from "./components/TextRotate.js";
-import { CheckableTag as we, Tag as ye, TagLiveRegion as Me } from "./components/Tag.js";
-import { ThemeController as Le } from "./components/ThemeController.js";
-import { ThemeProvider as ze, useHasThemeProvider as He, useThemeContext as We } from "./providers/ThemeProvider.js";
-import { TimePicker as Ke } from "./components/TimePicker.js";
-import { Timeline as Ee } from "./components/Timeline.js";
-import { Toggle as Je } from "./components/Toggle.js";
-import { Tour as je } from "./components/Tour.js";
-import { Tooltip as Qe } from "./components/Tooltip.js";
-import { Transfer as Xe } from "./components/Transfer.js";
-import { Tree as Ze } from "./components/Tree.js";
-import { TreeSelect as $e, TreeSelectComponent as ot } from "./components/TreeSelect.js";
-import { Typography as et } from "./components/Typography.js";
-import { Upload as pt } from "./components/Upload.js";
-import { Watermark as mt } from "./components/Watermark.js";
-import { Hide as at, Show as st } from "./components/Responsive.js";
-import { useBreakpoint as it } from "./hooks/useBreakpoint.js";
-import { useDisclosure as lt } from "./hooks/useDisclosure.js";
-import { useClipboard as Ct } from "./hooks/useClipboard.js";
-import { useLocalStorage as gt } from "./hooks/useLocalStorage.js";
-import { useDebounce as St } from "./hooks/useDebounce.js";
-import { useClickOutside as ht } from "./hooks/useClickOutside.js";
-import { usePrevious as vt } from "./hooks/usePrevious.js";
-import { useHover as Dt } from "./hooks/useHover.js";
-import { useKeyPress as Bt, useKeyPressCallback as Ft } from "./hooks/useKeyPress.js";
-import { useWindowSize as yt } from "./hooks/useWindowSize.js";
-import { useTheme as At } from "./hooks/useTheme.js";
-import { default as It } from "./locale/en-US.js";
-import { default as Ht } from "./locale/en-GB.js";
-import { default as Gt } from "./locale/en-CA.js";
-import { default as Ot } from "./locale/zh-CN.js";
-import { default as Nt } from "./locale/es-ES.js";
-import { default as Ut } from "./locale/ja-JP.js";
-import { default as qt } from "./locale/pt-BR.js";
-import { default as Vt } from "./locale/de-DE.js";
-import { default as Yt } from "./locale/fr-FR.js";
-import { default as _t } from "./locale/ko-KR.js";
-import { useWatch as op } from "react-hook-form";
+import { Terminal as Be } from "./components/Terminal.js";
+import { TextRotate as we } from "./components/TextRotate.js";
+import { CheckableTag as Me, Tag as Ae, TagLiveRegion as Le } from "./components/Tag.js";
+import { ThemeController as ze } from "./components/ThemeController.js";
+import { ThemeProvider as We, useHasThemeProvider as Ge, useThemeContext as Ke } from "./providers/ThemeProvider.js";
+import { TimePicker as Ee } from "./components/TimePicker.js";
+import { Timeline as Je } from "./components/Timeline.js";
+import { Toggle as je } from "./components/Toggle.js";
+import { Tour as Qe } from "./components/Tour.js";
+import { Tooltip as Xe } from "./components/Tooltip.js";
+import { Transfer as Ze } from "./components/Transfer.js";
+import { Tree as $e } from "./components/Tree.js";
+import { TreeSelect as rt, TreeSelectComponent as et } from "./components/TreeSelect.js";
+import { Typography as pt } from "./components/Typography.js";
+import { Upload as ft } from "./components/Upload.js";
+import { Watermark as at } from "./components/Watermark.js";
+import { Hide as nt, Show as it } from "./components/Responsive.js";
+import { useBreakpoint as lt } from "./hooks/useBreakpoint.js";
+import { useDisclosure as Ct } from "./hooks/useDisclosure.js";
+import { useClipboard as Tt } from "./hooks/useClipboard.js";
+import { useLocalStorage as St } from "./hooks/useLocalStorage.js";
+import { useDebounce as ht } from "./hooks/useDebounce.js";
+import { useClickOutside as vt } from "./hooks/useClickOutside.js";
+import { usePrevious as Dt } from "./hooks/usePrevious.js";
+import { useHover as Bt } from "./hooks/useHover.js";
+import { useKeyPress as wt, useKeyPressCallback as yt } from "./hooks/useKeyPress.js";
+import { useWindowSize as At } from "./hooks/useWindowSize.js";
+import { useTheme as It } from "./hooks/useTheme.js";
+import { default as Ht } from "./locale/en-US.js";
+import { default as Gt } from "./locale/en-GB.js";
+import { default as Ot } from "./locale/en-CA.js";
+import { default as Nt } from "./locale/zh-CN.js";
+import { default as Ut } from "./locale/es-ES.js";
+import { default as qt } from "./locale/ja-JP.js";
+import { default as Vt } from "./locale/pt-BR.js";
+import { default as Yt } from "./locale/de-DE.js";
+import { default as _t } from "./locale/fr-FR.js";
+import { default as op } from "./locale/ko-KR.js";
+import { useWatch as ep } from "react-hook-form";
 export {
   e as Affix,
   a as Alert,
-  m as Anchor,
+  f as Anchor,
   p as AspectRatio,
   n as Autocomplete,
   u as Avatar,
   l as AvatarGroup,
   C as Badge,
-  g as Breadcrumb,
+  T as Breadcrumb,
   kr as Browser,
   S as Button,
   L as Card,
   z as Carousel,
   W as Cascader,
   w as Chat,
-  we as CheckableTag,
+  Me as CheckableTag,
   B as Checkbox,
   Rr as Code,
   Ko as Col,
@@ -155,7 +156,7 @@ export {
   ro as DatePicker,
   no as Descriptions,
   uo as Diff,
-  go as Divider,
+  To as Divider,
   Co as Dock,
   So as Drawer,
   Xo as Dropdown,
@@ -169,23 +170,23 @@ export {
   zo as Form,
   Oo as Grid,
   Jo as Hero,
-  at as Hide,
+  nt as Hide,
   jo as HoverGallery,
   Qo as Image,
   $o as Input,
   rr as InputNumber,
   tr as Join,
-  fr as Kbd,
+  mr as Kbd,
   xr as Layout,
   nr as List,
   ur as Loading,
   dr as Mask,
   cr as Masonry,
-  Tr as Mention,
+  gr as Mention,
   Pr as Menu,
   Hr as MessageManager,
   yr as Modal,
-  mo as MonthCalendar,
+  fo as MonthCalendar,
   Ar as Navbar,
   Kr as OTPInput,
   Er as Pagination,
@@ -201,72 +202,73 @@ export {
   te as Result,
   Eo as Row,
   xe as Segmented,
-  fe as Select,
-  st as Show,
+  me as Select,
+  it as Show,
   h as SizeContext,
   k as SizeProvider,
   se as Skeleton,
   ie as Space,
   le as Splitter,
   Ce as Stats,
-  ge as Status,
+  Te as Status,
   Se as Steps,
   he as Table,
   ve as Tabs,
-  ye as Tag,
-  Me as TagLiveRegion,
-  Be as TextRotate,
+  Ae as Tag,
+  Le as TagLiveRegion,
+  Be as Terminal,
+  we as TextRotate,
   De as Textarea,
-  Le as ThemeController,
-  ze as ThemeProvider,
-  Ke as TimePicker,
-  Ee as Timeline,
-  Je as Toggle,
-  Qe as Tooltip,
-  je as Tour,
-  Xe as Transfer,
-  Ze as Tree,
-  $e as TreeSelect,
-  ot as TreeSelectComponent,
-  et as Typography,
-  pt as Upload,
-  mt as Watermark,
+  ze as ThemeController,
+  We as ThemeProvider,
+  Ee as TimePicker,
+  Je as Timeline,
+  je as Toggle,
+  Xe as Tooltip,
+  Qe as Tour,
+  Ze as Transfer,
+  $e as Tree,
+  rt as TreeSelect,
+  et as TreeSelectComponent,
+  pt as Typography,
+  ft as Upload,
+  at as Watermark,
   ao as WeekCalendar,
   Fr as Window,
   po as dateOfBirthRequired,
-  Vt as deDE,
-  Gt as enCA,
-  Ht as enGB,
-  It as enUS,
-  Nt as esES,
-  Yt as frFR,
-  Ut as jaJP,
-  _t as koKR,
+  Yt as deDE,
+  Ot as enCA,
+  Gt as enGB,
+  Ht as enUS,
+  Ut as esES,
+  _t as frFR,
+  qt as jaJP,
+  op as koKR,
   Wr as message,
   Ir as notification,
-  qt as ptBR,
-  it as useBreakpoint,
-  ht as useClickOutside,
-  Ct as useClipboard,
+  Vt as ptBR,
+  lt as useBreakpoint,
+  vt as useClickOutside,
+  Tt as useClipboard,
   E as useComponentLocale,
   N as useConfig,
-  St as useDebounce,
-  lt as useDisclosure,
+  ht as useDebounce,
+  Ct as useDisclosure,
   Ho as useForm,
   Wo as useFormInstance,
-  He as useHasThemeProvider,
-  Dt as useHover,
-  Bt as useKeyPress,
-  Ft as useKeyPressCallback,
-  gt as useLocalStorage,
+  Ge as useHasThemeProvider,
+  Bt as useHover,
+  wt as useKeyPress,
+  yt as useKeyPressCallback,
+  St as useLocalStorage,
   J as useLocale,
-  vt as usePrevious,
+  Dt as usePrevious,
   ar as useSiderContext,
   v as useSize,
-  At as useTheme,
-  We as useThemeContext,
-  op as useWatch,
-  yt as useWindowSize,
-  Ot as zhCN
+  It as useTheme,
+  Ke as useThemeContext,
+  ep as useWatch,
+  At as useWindowSize,
+  Nt as zhCN
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/terminal.d.ts

@@ -0,0 +1 @@
+export { Terminal, type TerminalProps, type TerminalRef } from './components/Terminal';

package/dist/terminal.js

@@ -0,0 +1,5 @@
+import { Terminal as m } from "./components/Terminal.js";
+export {
+  m as Terminal
+};
+//# sourceMappingURL=terminal.js.map

package/dist/terminal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"terminal.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "asterui",
-  "version": "0.12.79",
+  "version": "0.12.81",
   "description": "React UI component library with DaisyUI",
   "homepage": "https://asterui.com",
   "repository": {
@@ -34,6 +34,14 @@
     "./editor": {
       "import": "./dist/editor.js",
       "types": "./dist/editor.d.ts"
+    },
+    "./terminal": {
+      "import": "./dist/terminal.js",
+      "types": "./dist/terminal.d.ts"
+    },
+    "./codeeditor": {
+      "import": "./dist/codeeditor.js",
+      "types": "./dist/codeeditor.d.ts"
     }
   },
   "files": [
@@ -44,6 +52,8 @@
     "react-hook-form": "^7.0.0"
   },
   "peerDependencies": {
+    "@xterm/xterm": "^5.0.0",
+    "@xterm/addon-fit": "^0.10.0",
     "@tanstack/react-virtual": "^3.0.0",
     "@tiptap/extension-link": "^2.0.0",
     "@tiptap/extension-placeholder": "^2.0.0",
@@ -53,9 +63,30 @@
     "apexcharts": "^5.3.6",
     "qrcode": "^1.5.4",
     "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "@codemirror/autocomplete": "^6.0.0",
+    "@codemirror/commands": "^6.0.0",
+    "@codemirror/lang-css": "^6.0.0",
+    "@codemirror/lang-html": "^6.0.0",
+    "@codemirror/lang-javascript": "^6.0.0",
+    "@codemirror/lang-json": "^6.0.0",
+    "@codemirror/lang-markdown": "^6.0.0",
+    "@codemirror/lang-python": "^6.0.0",
+    "@codemirror/lang-sql": "^6.0.0",
+    "@codemirror/lang-xml": "^6.0.0",
+    "@codemirror/language": "^6.0.0",
+    "@codemirror/lint": "^6.0.0",
+    "@codemirror/search": "^6.0.0",
+    "@codemirror/state": "^6.0.0",
+    "@codemirror/view": "^6.0.0"
   },
   "peerDependenciesMeta": {
+    "@xterm/xterm": {
+      "optional": true
+    },
+    "@xterm/addon-fit": {
+      "optional": true
+    },
     "@tanstack/react-virtual": {
       "optional": true
     },
@@ -79,11 +110,73 @@
     },
     "qrcode": {
       "optional": true
+    },
+    "@codemirror/autocomplete": {
+      "optional": true
+    },
+    "@codemirror/commands": {
+      "optional": true
+    },
+    "@codemirror/lang-css": {
+      "optional": true
+    },
+    "@codemirror/lang-html": {
+      "optional": true
+    },
+    "@codemirror/lang-javascript": {
+      "optional": true
+    },
+    "@codemirror/lang-json": {
+      "optional": true
+    },
+    "@codemirror/lang-markdown": {
+      "optional": true
+    },
+    "@codemirror/lang-python": {
+      "optional": true
+    },
+    "@codemirror/lang-sql": {
+      "optional": true
+    },
+    "@codemirror/lang-xml": {
+      "optional": true
+    },
+    "@codemirror/language": {
+      "optional": true
+    },
+    "@codemirror/lint": {
+      "optional": true
+    },
+    "@codemirror/search": {
+      "optional": true
+    },
+    "@codemirror/state": {
+      "optional": true
+    },
+    "@codemirror/view": {
+      "optional": true
     }
   },
   "devDependencies": {
+    "@codemirror/autocomplete": "^6.18.6",
+    "@codemirror/commands": "^6.8.1",
+    "@codemirror/lang-css": "^6.3.1",
+    "@codemirror/lang-html": "^6.4.9",
+    "@codemirror/lang-javascript": "^6.2.3",
+    "@codemirror/lang-json": "^6.0.1",
+    "@codemirror/lang-markdown": "^6.3.2",
+    "@codemirror/lang-python": "^6.1.7",
+    "@codemirror/lang-sql": "^6.8.0",
+    "@codemirror/lang-xml": "^6.1.0",
+    "@codemirror/language": "^6.11.0",
+    "@codemirror/lint": "^6.8.5",
+    "@codemirror/search": "^6.5.10",
+    "@codemirror/state": "^6.5.2",
+    "@codemirror/view": "^6.36.5",
     "@tailwindcss/vite": "^4.1.18",
     "@tanstack/react-virtual": "^3.13.13",
+    "@xterm/xterm": "^5.5.0",
+    "@xterm/addon-fit": "^0.10.0",
     "@tiptap/extension-link": "^2.11.5",
     "@tiptap/extension-placeholder": "^2.11.5",
     "@tiptap/extension-underline": "^2.11.5",