Modernize graph assets management, based on Diagram-as-code, so you can create, share and edit diagram. Support for import Mermaid, PlantUML, Excalidraw, Dot and more.

Chinese introduction: Feakin 是一个图形资产管理工具，基于图表即代码 的思想体系，支持导入 Mermaid, PlantUML, Excalidraw, Dot 等图形资产格式。

• 适用场景：架构图管理、知识管理、流程图等。
• 不适用场景：图表

特性：

• 跨图工具转换。支持导入 Mermaid, PlantUML, Excalidraw, Dot 等图形资产格式，并基于 Graph MIR 进行转换。
• 广泛的图表格式导出。
  • Drawio
  • Excalidraw
• 模板创建。支持创建模板，并基于 Graph MIR 进行转换，转换成其它图表格式。
• 在线协作编辑。基于 Rope 架构模型和 Graph MIR 进行在线协作编辑。
  • Server
  • Protocol
  • Editor
• 多样化图形布局。支持 Dagre、ELK、Cola 等布局。
  • Dagre
• 手绘风格。
  • Rough.js sample

Try Online demo: https://online.feakin.com/ Or install @feakin/cli for diagrams converter:

npm install -g @feakin/cli

feakin --input software-development.md.drawio --output sd.excalidraw

• Render
  • Layout Engine (TODO: split to standalone module)
    • dagre
    • ELK
    • cola.js
  • Canvas
    • Konva.js, react: react-konva
  • Style
    • roughjs: sketchy, hand-drawn-like, style
• Editor
  • text Editor with Monaco Editor
  • interactive Editor with Graphical Editor
• Parser
  • Jison with Mermaid
• collaboration
  • Rope Architecture Model
    • Rope
  • State Management
• CLI
  • upgrade publish script
• Architecture Features
  • Playground: https://online.feakin.com/
  • ComponentLess architecture
    • WebComponent, like <feakin data="" layout="" import="" import-type=""></feakin>
  • Templates
    • DDD ?
    • Layered Architecture
    • Test Pyramid
  • Export and Import
    • MxGraph
    • Excalidraw
    • PlantUML
• Libraries
  • compatible Excalidraw libraries : https://libraries.excalidraw.com/?theme=light&sort=default

We use nx.js for mono-repo architecture.

1. install

npm install --legacy-peer-deps

Note: nx.js use Craco, which will need --legacy-peer-deps.

2. development exporter, can just run by tests

• Flow parser based on mermaid.js
• Excalidraw's type based on excalidraw

@2022 Thoughtworks This code is distributed under the MPL license. See LICENSE in this directory.