runnable 可运行单元 积木 串起来就是链 抽象概念，llm，提示词模板，工具调用，检索器，自定义函数，都可以抽象成runnable 通过管道符 | 将各组件串联起来，（python语义中是或运算符，通过运算符重载重写了该功能） # 自定义一个简单的类 class MyComponent: def __init__(self, name): self.name = name # 重载 | 运算符（定义__or__魔法方法） def __or__(self, other): # 自定义逻辑：返回两个组件的串联说明 return f"先执行{self.name}，再执行{other...

通过前面几篇文章，我们深入学习了 Yjs 的核心概念、y-protocols 协议、y-websocket 网络同步和 y-indexeddb 本地持久化。现在让我们把这些知识串联起来，从零开始构建一个真实可用的协同流程图编辑器。想象一下这样的场景：多个用户同时打开同一个流程图，拖动节点、创建连接、实时看到彼此的光标位置，就像在同一块白板上协作一样流畅。这就是我们要实现的效果。这个案例会涵盖协同编辑的核心场景：数据同步、状态管理、光标协同，以及前后端的完整实现。项目架构让我们先看看整体架构。这个协同流程图应用由三个核心部分组成：前端使用 React + ReactFlow 构建可视化流程图界面...