logo
1
0
WeChat Login
新建文件 README.md

CNB Workspace Trae 按钮

在 CNB (cnb.cool) 工作空间页面添加 Trae IDE 快捷启动按钮的用户脚本。

功能

  • 在工作空间页面自动添加 Trae 按钮到 IDE 选项区域
  • 支持国内版 (trae-cn://) 和国际版 (trae://) 两种 URL Scheme
  • 自动获取 SSH 连接信息,一键打开 Trae IDE
  • 自动适应页面布局,支持 SPA 路由跳转
  • 开发环境回收时显示友好提示

截图

┌─────────────────────────────────────┐ │ [Trae图标] Trae → │ │ 需安装 Remote-SSH │ │ 国际版 → │ └─────────────────────────────────────┘

安装

前置要求

  1. 安装 ScriptCat 浏览器扩展
  2. 安装 Trae IDE 并配置 Remote-SSH

安装脚本

  1. 点击 ScriptCat 图标 → 添加新脚本
  2. 粘贴脚本代码 → 保存

使用

点击行为

点击区域URL Scheme说明
主按钮trae-cn://打开国内版 Trae
右下角"国际版"标签trae://打开国际版 Trae

工作原理

  1. 从当前 URL 解析 pipelineId 和项目路径
  2. 请求 API 获取 SSH 连接信息
    GET /{owner}/{repo}/-/workspace/all-schema?pipelineId={pipelineId}
  3. vscode:// URL Scheme 替换为 trae://trae-cn://
  4. 通过 URL Scheme 唤起 Trae IDE

API 响应示例

{ "vscode": "vscode://vscode-remote/ssh-remote+xxx@cnb.space/workspace/", "cursor": "cursor://vscode-remote/ssh-remote+xxx@cnb.space/workspace/", "ssh": "ssh xxx@cnb.space" }

错误处理

当开发环境已回收时(API 返回 {"errcode": 404}),会在页面顶部显示提示:

⚠️ 开发环境已回收

兼容性

  • 支持浏览器:Chrome、Firefox、Edge(需安装 ScriptCat)
  • 支持页面:https://cnb.cool/*/*/-/workspace/*
  • 支持 SPA 路由跳转

配置

无需手动配置,脚本会自动从当前页面获取必要参数。

更新日志

v2.1.0

  • 精简代码,优化性能
  • 添加开发环境回收提示
  • 支持 SPA 路由跳转

v2.0.0

  • 重构为克隆按钮方式
  • 添加两行布局支持
  • 支持国内版和国际版

v1.0.0

  • 初始版本
  • 基础按钮功能

许可证

MIT