工作日早上 7 点读 AI,周日早上 8 点读周报订阅邮件

METAL LAB

runmedev/web

6TypeScriptApache-2.0

把Runme的终端界面打包成可复用的React组件

runmedev/web是一个用pnpm工作区管理的monorepo,包含Runme项目里与Web/React相关的代码。核心产出是@runmedev/react-console,一个显示与Runme执行相连的终端界面的React组件。仓库里还有一个更底层的renderers包,是这个终端组件的基础。

它做什么

  1. 仓库内组织了两个包:packages/renderers(基础网页组件库)和packages/react-console(终端风格的控制台组件)
  2. 使用pnpm工作区并配置Buf这个专用npm注册表来安装和构建依赖
  3. 提供全量构建、单包构建(build:renderers、build:console)、开发示例服务器、单元测试,以及针对前端和后端不可用提示的浏览器烟雾测试脚本
  4. 将@runmedev/react-console做成可发布到npm的包,方便其他应用直接嵌入Runme执行终端界面

为什么重要

想在自己的网页应用里嵌入实时执行终端的开发者,可以直接复用这个现成的React组件,而不必从零搭建。这个monorepo结构也提供了用pnpm工作区管理多个共享网页组件库的具体范例。

本仓库术语

  • pnpm工作区monorepo · 用pnpm包管理器的工作区功能,把多个相关的包统一放在一个仓库里管理
  • @runmedev/react-console · 展示与Runme代码执行相连的终端窗口的React组件库
  • Buf注册表 · buf.build提供的兼容npm的包仓库,这里用来获取自动生成的代码依赖
  • 浏览器烟雾测试 · 对运行中的网页应用基本功能做一次快速自动检查,不做深入测试

仓库简介(英文)

Monorepo for Web & React Components

在 GitHub 打开

相关报道

热门仓库

全部仓库 →

METAL LAB 最新报道