@asla/vio

A web terminal that provides a variety of graphical controls. You can interact with processes in the browser


License
MIT
Install
npm install @asla/vio@0.3.0

Documentation

JSR version NPM version Node version Install size

API Document

Web 终端

提供各种图形化的控件。通过基于 WebSocket 的 RPC (cpcall) 通信,在浏览器中与进程进行交互

上图的示例见 /vio/examples/run_server.ts

Usage

Node

import vio, { VioHttpServer } from "@asla/vio";

Deno

权限

  • --allow-net:启动 web 服务器
  • --allow-read:web 服务器读取文件
import vio, { VioHttpServer } from "jsr:@asla/vio";
import vio, { VioHttpServer } from "npm:@asla/vio";

需要注意的是,如果通过 jsr 导入,启动的服务器将不会包含静态资源文件,你可以查看 自定义前端

Examples

import vio, { VioHttpServer } from "@asla/vio";

const server = new VioHttpServer(vio);
await server.listen(8887, "127.0.0.1");
console.log(`server started: http://127.0.0.1:8887`);

let i = 0;
setInterval(() => {
  vio.writeText("输出一段文本" + i++);
}, 2000);

在浏览器访问 https://127.0.0.1:8887,你看到的就是 vio 的 WEB 终端。你可以与其进行交互

输出图表的示例
WEB终端 输出与输入示例