✒️ dot_ix

🚧 这是一个正在开发中的项目

自己试试：(demo_1, demo_2)

原始概念

https://user-images.githubusercontent.com/2993230/253878816-0729970f-651f-45ef-a986-470f383b8018.mp4

用法

将以下内容添加到 Cargo.toml

dot_ix = "0.7.0"

# Enables the `FlexDiag` web component.
dot_ix = { version = "0.7.0", features = ["flex_diag"] }

# Enables server side dot generation.
# Requires graphviz `dot` to be installed server side.
dot_ix = { version = "0.7.0", features = ["server_side_graphviz"] }

开发

cargo install cargo-leptos

# Then, one of:
# * client side rendering -- uses WASM compiled graphviz to generate the graph.
cargo leptos watch
# * server side rendering -- runs `dot` on the server to generate the graph.
#   Requires `graphviz` to be installed.
cargo leptos watch --features "server_side_graphviz" -v

对于服务器端渲染，需要单独传递 "server_side_graphviz" 功能，因为该功能还需要为库编译启用，即。

• 服务器端渲染
  • 库功能："server_side_graphviz"
  • 二进制功能："ssr,server_side_graphviz"
• 客户端渲染
  • 库功能：""
  • 二进制功能：""

待办事项

🦜 随意做这些事情 —— 这个项目不是我的主要关注点，但我应该会积极审查/合并事务。

• 将crate拆分为多个子crate。
• 将 app::info_graph::InfoGraph 拆分成更小的组件。
• 可能删除 main.scss 并替换为 Tailwind CSS 类。
• 在 SVG 中使用内联样式。
• 在 SVG 样式中使用内联字体。
• 将 rt/into_graphviz_dot_src/info_graph.rs 修改为写入缓冲区，而不是单个字符串。
• 获取带有 "type" 的每个节点。
• 接收 Tailwind CSS 类以附加到节点类型。
• 接收主题或与默认主题合并。
• 将 dot_ix 库从 Web 应用程序中分离出来，以便可以嵌入到其他应用程序中。
• GitHub Actions / 自动测试 / 发布 / 发布。
• 游乐场：渲染预写的图形
  • URL 中的图形
  • 链接到 gist