OpenClawDocs
View as MarkdownView this page as plain textOpen in ChatGPTAsk questions about this pageOpen in ClaudeAsk questions about this page

Get started

Canvas 外掛重構

Canvas 外掛重構

Canvas 使用率低且仍處於實驗階段。應將其視為隨附外掛，而非核心功能。核心可以保留通用的閘道、節點、HTTP、驗證、設定及原生用戶端管線，但 Canvas 特有的行為應置於 extensions/canvas 下。

目標

將 Canvas 的所有權移至 extensions/canvas，同時保留目前的配對節點行為：

  • 面向代理程式的 canvas 工具由 Canvas 外掛註冊
  • 只有在 Canvas 外掛註冊 Canvas 節點命令時，才允許使用這些命令
  • A2UI 主機／原始碼檔案位於 Canvas 外掛下
  • Canvas 文件具現化功能位於 Canvas 外掛下
  • 命令列介面命令實作位於 Canvas 外掛下，或透過外掛擁有的執行階段匯出入口委派
  • 文件與外掛清單將 Canvas 描述為實驗性且由外掛提供支援

非目標

  • 此次重構不會重新設計原生應用程式的 Canvas 使用者介面。
  • 除非另有產品決策認定應刪除 Canvas，否則不會移除 iOS、Android 或 macOS 的 Canvas 協定／用戶端支援。
  • 除非至少另一個隨附外掛也需要相同介面，否則不會只為 Canvas 建立廣泛的外掛服務框架。

目前分支狀態

已完成：

  • 已在 extensions/canvas 新增隨附外掛套件。
  • 已新增 extensions/canvas/openclaw.plugin.json。
  • 已將代理程式的 canvas 工具從 src/agents/tools/canvas-tool.ts 移至 extensions/canvas/src/tool.ts。
  • 已從 src/agents/openclaw-tools.ts 移除核心對 createCanvasTool 的註冊。
  • 已將 Canvas 主機實作從 src/canvas-host 移至 extensions/canvas/src/host。
  • 保留 extensions/canvas/runtime-api.ts 作為外掛擁有的相容性匯出入口，供測試、封裝及外部公開 Canvas 輔助函式使用。
  • 已將 Canvas 文件具現化功能從 src/gateway/canvas-documents.ts 移至 extensions/canvas/src/documents.ts。
  • 已將 Canvas 命令列介面實作及 A2UI JSONL 輔助函式移至 extensions/canvas/src/cli.ts。
  • 已將 Canvas 主機 URL 及具範圍限制的能力輔助函式移至 extensions/canvas/src。
  • 已將 Canvas 節點命令預設值移出硬編碼的核心清單，改置於外掛的 nodeInvokePolicies。
  • 已在 plugins.entries.canvas.config.host 新增外掛擁有的 Canvas 主機設定。
  • 已將 Canvas 與 A2UI HTTP 服務置於 Canvas 外掛的 HTTP 路由註冊之後。
  • 已為外掛擁有的 HTTP 路由新增通用外掛 WebSocket 升級分派。
  • 已使用通用託管外掛介面及節點能力輔助函式，取代 Canvas 特有的閘道主機 URL 與節點能力驗證。
  • 已新增外掛擁有的託管媒體解析器，使 Canvas 文件 URL 透過 Canvas 外掛解析，而非由核心匯入 Canvas 文件內部實作。
  • 已新增 api.registerNodeCliFeature(...)，讓 Canvas 可將 openclaw nodes canvas 宣告為外掛擁有的節點功能，而無須手動寫出父命令路徑。
  • 已移除正式環境 src/** 對 extensions/canvas/runtime-api.js 的匯入。
  • 已將 A2UI 套件組合原始碼從 apps/shared/OpenClawKit/Tools/CanvasA2UI 移至 extensions/canvas/src/host/a2ui-app。
  • 已將 A2UI 建置／複製實作移至 extensions/canvas/scripts 下，並以通用隨附外掛資產掛鉤取代根目錄建置接線。
  • 已移除執行階段舊版頂層 canvasHost 設定別名。
  • 保留 Canvas doctor 遷移，讓 openclaw doctor --fix 將舊的 canvasHost 設定重寫為 plugins.entries.canvas.config.host。
  • 已在閘道協定 v4 後移除舊版代理程式 Canvas 協定相容性。原生用戶端與閘道現在僅使用 pluginSurfaceUrls.canvas 加上 node.pluginSurface.refresh；此次實驗性重構刻意不支援已棄用的 canvasHostUrl、canvasCapability 及 node.canvas.capability.refresh 路徑。
  • 已更新產生的外掛清單以納入 Canvas。
  • 已在 docs/plugins/reference/canvas.md 新增外掛參考文件。

已知仍由核心擁有的 Canvas 介面：

  • apps/ 下的原生應用程式 Canvas 處理常式仍刻意使用 Canvas 外掛介面
  • apps/ 下的原生應用程式 Canvas 協定／用戶端處理常式
  • 為了向後相容的執行階段查找，已發布成品的輸出仍使用 dist/canvas-host/a2ui，但複製步驟現在由外掛擁有

目標形態

extensions/canvas 應擁有：

  • 外掛資訊清單與套件中繼資料
  • 代理程式工具註冊
  • 節點叫用命令原則
  • Canvas 主機與 A2UI 執行階段
  • Canvas A2UI 套件組合原始碼及資產建置／複製指令碼
  • Canvas 文件建立及資產解析
  • Canvas 命令列介面實作
  • Canvas 文件頁面及外掛清單項目

核心只應擁有通用介面：

  • 外掛探索與註冊
  • 通用代理程式工具登錄
  • 通用節點叫用原則登錄
  • 通用閘道 HTTP／驗證及 WebSocket 升級分派
  • 通用託管外掛介面 URL 解析
  • 通用託管媒體解析器註冊
  • 通用節點能力傳輸
  • 通用設定管線
  • 通用隨附外掛資產掛鉤探索

原生應用程式可保留 Canvas 命令處理常式，作為協定的用戶端。它們不是外掛執行階段的擁有者。

遷移步驟

  1. 將 plugins.entries.canvas.config.host 視為外掛擁有的設定介面。
  2. 更新文件，將 Canvas 描述為實驗性隨附外掛。
  3. 執行聚焦的 Canvas 測試、外掛清單檢查、外掛 SDK API 檢查，以及受執行階段邊界影響的建置／型別關卡。

稽核檢查清單

在宣布重構完成之前：

  • rg "src/canvas-host|../canvas-host" 不會傳回任何仍在使用的原始碼匯入。
  • rg "canvas-tool|createCanvasTool" src 找不到任何由核心擁有的 Canvas 工具實作。
  • rg "canvas.present|canvas.snapshot|canvas.a2ui" src/gateway 找不到通用外掛原則測試之外的硬編碼允許清單預設值。
  • rg "extensions/canvas/runtime-api" src --glob '!**/*.test.ts' 的結果為空。
  • rg "canvas-documents" src 的結果為空。
  • rg "registerNodesCanvasCommands|nodes-canvas" src 的結果為空；Canvas 外掛透過巢狀外掛命令列介面中繼資料註冊 openclaw nodes canvas。
  • rg "createCanvasHostHandler|handleA2uiHttpRequest" src/gateway 不會傳回任何由閘道執行階段擁有的實作。
  • rg "apps/shared/OpenClawKit/Tools/CanvasA2UI|canvas-a2ui-copy|extensions/canvas/src/host/a2ui" scripts .github package.json 只會找到相容性包裝器或外掛擁有的路徑。
  • pnpm plugins:inventory:check 通過。
  • pnpm plugin-sdk:api:check 通過，或已刻意更新並審查產生的 API 基準。
  • 目標 Canvas 測試通過。
  • Canvas 主機／A2UI 路徑的變更通道測試通過。
  • PR 內容明確指出 Canvas 為實驗性且由外掛提供支援。

驗證命令

反覆開發時使用目標明確的本機檢查：

sh
pnpm test extensions/canvas/src/host/server.test.ts extensions/canvas/src/host/server.state-dir.test.ts extensions/canvas/src/host/file-resolver.test.tspnpm test src/gateway/server.plugin-node-capability-auth.test.ts src/gateway/server-import-boundary.test.tspnpm test extensions/canvas/src/config-migration.test.ts src/commands/doctor-legacy-config.migrations.test.tspnpm test test/scripts/changed-lanes.test.ts test/scripts/build-all.test.ts extensions/canvas/scripts/bundle-a2ui.test.ts test/scripts/bundled-plugin-assets.test.ts extensions/canvas/scripts/copy-a2ui.test.ts src/infra/run-node.test.tspnpm tsgo:extensionspnpm plugins:inventory:checkpnpm plugin-sdk:api:check

若執行階段匯出入口、延遲匯入、封裝或已發布的外掛介面有所變更，請在推送前執行 pnpm build。

Was this useful?
On this page

On this page