工作流GLIMPSE缓存扩展
Chrome扩展程序,通过WebSocket向Python MCP工作流服务器提供DOM提取的GLIMPSE数据。
建筑
WebSocket通信:
- 扩展连接到
ws://localhost:8765(Python MCP服务器) - Python发送请求:
{"action": "extract_dom", "node_id": "uuid"} - 扩展遍历DOM并以全树结构响应
- Python使用此数据而不是API获取(绕过200K节点传输)
组件:
background.js-维护WebSocket连接,中继消息content.js-从Workflowy页面提取DOM树结构manifest.json-扩展配置
安装
方法1:无包装加载(开发)
- 打开Chrome浏览器并导航到
chrome://extensions/ - 启用“开发人员模式”(在右上角切换)
- 点击“加载解包”
- 选择此目录:
E:\__daniel347x\__Obsidian\__Inking into Mind\--TypingMind\Projects - All\Projects - Individual\TODO\Chrome_Extensions\workflowy-glimpse-cache
方法2:构建和安装(生产)
TODO:如果需要,添加构建过程(目前使用解包是可以的)
图标占位符
扩展名当前引用了尚不存在的图标文件:
icon16.png(16x16)icon48.png(48x48)icon128.png(128x128)
你可以:
- 创建简单的占位符图标
- 或者从manifest.json中删除“icons”部分(Chrome将使用默认值)
测试
- 安装扩展件(无包装装载)
- 在浏览器中打开工作流
- 检查扩展控制台:应看到“已连接到Python MCP服务器”
- 展开工作流中的一些节点
- 在TypingMind代理中,呼叫
workflowy_glimpse(node_id) - Python日志应显示“GLIMPSE通过WebSocket成功”
依赖项
Python端要求: pip install websockets
运作原理
- 打开工作流页面时加载扩展
- 后台脚本连接到
ws://localhost:8765 - 当Python调用
workflowy_glimpse():
- Python向扩展发送WS请求 - 扩展从请求的节点开始遍历DOM - 扩展通过WebSocket发送JSON响应 - Python向代理返回数据(透明)
- 如果WebSocket不可用,Python将返回到API获取
丹什么也不做——完全看不见!
