Skip to content

Commit 42c223a

Browse files
kkratterfclaude
andcommitted
feat(playground): add syntax highlighting and improve console output
- Add CodeMirror editor with FratmScript syntax highlighting - Custom color theme matching COSS UI (pink keywords, green strings, etc.) - Line numbers, active line highlight, Ctrl+Enter to run - Improved console output with Chrome DevTools-like styling - Icons for log/warn/error entries - Color-coded values (strings green, numbers amber, etc.) - Better error display with suggestions Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
1 parent c268375 commit 42c223a

File tree

4 files changed

+388
-96
lines changed

4 files changed

+388
-96
lines changed

packages/playground/package.json

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,11 @@
1010
},
1111
"dependencies": {
1212
"@base-ui/react": "^1.0.0-alpha.10",
13+
"@codemirror/commands": "^6.10.1",
14+
"@codemirror/language": "^6.12.1",
15+
"@codemirror/state": "^6.5.4",
16+
"@codemirror/view": "^6.39.11",
17+
"@lezer/highlight": "^1.2.3",
1318
"class-variance-authority": "^0.7.1",
1419
"clsx": "^2.1.1",
1520
"lucide-react": "^0.468.0",

packages/playground/pnpm-lock.yaml

Lines changed: 93 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)