Add CodeEditor and Terminal components (v0.12.80)

- CodeEditor: syntax-highlighted code editing built on CodeMirror
  - 12 languages: JS, TS, JSX, TSX, Python, HTML, CSS, JSON, Markdown, SQL, XML
  - Line numbers, code folding, bracket matching, autocompletion
  - DaisyUI theme integration, size variants, read-only mode

- Terminal: terminal emulation built on xterm.js

- Documentation for both components
- Updated component counts to 105

Author: edadma

README.md

@@ -138,7 +138,7 @@ export default function App() {
 
 ## Components
 
-103 components including forms, data display, navigation, feedback, and layout. See the full list at [asterui.com/components](https://asterui.com/components).
+105 components including forms, data display, navigation, feedback, and layout. See the full list at [asterui.com/components](https://asterui.com/components).
 
 ## Optional Components
 
@@ -156,13 +156,17 @@ import { QRCode } from 'asterui/qrcode'
 # For VirtualList component
 npm install @tanstack/react-virtual
 import { VirtualList } from 'asterui/virtuallist'
+
+# For CodeEditor component
+npm install @codemirror/autocomplete @codemirror/commands @codemirror/language @codemirror/lint @codemirror/search @codemirror/state @codemirror/view @codemirror/lang-javascript @codemirror/lang-python @codemirror/lang-html @codemirror/lang-css @codemirror/lang-json @codemirror/lang-markdown @codemirror/lang-sql @codemirror/lang-xml
+import { CodeEditor } from 'asterui/codeeditor'
 ```
 
 ## Development
 
 This is a pnpm monorepo with the following packages:
 
-- `packages/asterui` - The component library (103 components)
+- `packages/asterui` - The component library (105 components)
 - `packages/create-asterui` - Project scaffolding CLI
 - `packages/docs` - Documentation website (asterui.com)
 - `packages/examples` - Example apps for testing components

package.json

@@ -6,6 +6,7 @@
   "scripts": {
     "build": "pnpm -r build",
     "dev": "pnpm --filter docs dev",
+    "preview": "pnpm --filter docs build && pnpm --filter docs preview",
     "test": "pnpm -r test",
     "publish": "pnpm --filter asterui publish --access public",
     "publish:create": "pnpm --filter create-asterui publish --access public",

packages/asterui/CHANGELOG.md

@@ -7,6 +7,26 @@ description: All notable changes to AsterUI
 
 All notable changes to AsterUI are documented here.
 
+## v0.12.80 (2025-01-21)
+
+### Components
+
+- **CodeEditor**: New optional component for syntax-highlighted code editing built on CodeMirror
+  - Supports 12 languages: JavaScript, TypeScript, JSX, TSX, Python, HTML, CSS, JSON, Markdown, SQL, XML, plaintext
+  - Features: line numbers, code folding, bracket matching, auto-closing brackets, autocompletion, active line highlighting
+  - Size variants (xs/sm/md/lg/xl), read-only mode, controlled value support
+  - DaisyUI theme integration
+  - Custom CodeMirror extensions via `extensions` prop
+  - Import: `import { CodeEditor } from 'asterui/codeeditor'`
+
+- **Terminal**: New optional component for terminal emulation built on xterm.js
+  - Import: `import { Terminal } from 'asterui/terminal'`
+
+### Documentation
+
+- Added CodeEditor documentation page with 10 interactive examples
+- Added CodeEditor to Data Entry category in sidebar
+
 ## v0.12.79 (2025-12-28)
 
 ### Internal

packages/asterui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "asterui",
-  "version": "0.12.79",
+  "version": "0.12.80",
   "description": "React UI component library with DaisyUI",
   "homepage": "https://asterui.com",
   "repository": {
@@ -38,6 +38,10 @@
     "./terminal": {
       "import": "./dist/terminal.js",
       "types": "./dist/terminal.d.ts"
+    },
+    "./codeeditor": {
+      "import": "./dist/codeeditor.js",
+      "types": "./dist/codeeditor.d.ts"
     }
   },
   "files": [
@@ -64,7 +68,22 @@
     "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": {
@@ -96,9 +115,69 @@
     },
     "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",

packages/asterui/src/codeeditor.ts

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