Text.js:用 React 写应用,界面直接画在浏览器控制台里

Text.js 应用在 Chrome DevTools 控制台中的渲染效果

Text.js 是一个 React 框架,写出来的应用不渲染到网页上,而是直接画在浏览器的开发者控制台里。打开控制台,就能看到一个带布局、表格、图表和输入框的完整应用,还能用键盘上下键交互。

它用 React 19 + App Router 的写法,文件夹即路由,支持 Suspense 和错误边界;每一帧先用 Yoga 排版、再编码成 %c 样式片段、一次 console.log 输出,没变的帧直接跳过不输出。配套有表格、折线图、进度条、命令面板等组件,也能把路由放到服务端渲染,浏览器只加载一个 21KB 的帧播放器。

上手很简单:bunx create-text-app@latest,装好依赖跑起来,打开 localhost:3000 再打开浏览器控制台就能看到。需要 Bun 1.2+ 或 Node.js 22+,支持 Chrome、Edge、Firefox 和 Safari 桌面版。仓库 MIT 开源,11 月 2 日才建仓,目前 144 星,还很新。

适合拿来做控制台里的小工具、仪表盘,或者给 AI 智能体一个不用 DOM 的操作界面——它还自带 OpenCode 桥接,能在控制台里直接跑 OpenCode。相关阅读:Hex:按住快捷键说句话,松开就是文字,识别全程在 Mac 本机完成(同为 anomalyco 出品)、Rune:Rust 写的原生 GPU 界面框架,自带渲染器,智能体还能无头跑起来自己出图验效果。

官网:textjs.org;仓库:github.com/anomalyco/textjs

来源:Hacker News @nateb2022,原文:https://news.ycombinator.com/item?id=50361657

请登录后发表评论

    没有回复内容