@antv/infographic 0.2.14 → 0.2.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (101) hide show
  1. package/README.md +39 -5
  2. package/README.zh-CN.md +39 -5
  3. package/dist/infographic.min.js +168 -166
  4. package/dist/infographic.min.js.map +1 -1
  5. package/esm/designs/structures/index.d.ts +1 -0
  6. package/esm/designs/structures/index.js +1 -0
  7. package/esm/designs/structures/relation-dagre-flow.js +4 -139
  8. package/esm/designs/structures/sequence-interaction.d.ts +54 -0
  9. package/esm/designs/structures/sequence-interaction.js +461 -0
  10. package/esm/designs/structures/sequence-timeline.d.ts +1 -0
  11. package/esm/designs/structures/sequence-timeline.js +4 -2
  12. package/esm/designs/utils/geometry.d.ts +44 -0
  13. package/esm/designs/utils/geometry.js +244 -0
  14. package/esm/designs/utils/index.d.ts +1 -0
  15. package/esm/designs/utils/index.js +1 -0
  16. package/esm/editor/managers/sync-registry.d.ts +2 -1
  17. package/esm/editor/types/editor.d.ts +2 -1
  18. package/esm/editor/types/sync.d.ts +2 -1
  19. package/esm/editor/utils/object.js +46 -39
  20. package/esm/exporter/png.js +2 -2
  21. package/esm/exporter/svg.js +9 -1
  22. package/esm/exporter/types.d.ts +10 -0
  23. package/esm/options/types.d.ts +6 -0
  24. package/esm/runtime/Infographic.js +20 -7
  25. package/esm/syntax/index.js +40 -20
  26. package/esm/syntax/parser.js +80 -3
  27. package/esm/syntax/relations.js +26 -2
  28. package/esm/syntax/schema.js +1 -0
  29. package/esm/templates/built-in.js +5 -4
  30. package/esm/templates/sequence-interaction.d.ts +2 -0
  31. package/esm/templates/sequence-interaction.js +76 -0
  32. package/esm/types/data.d.ts +1 -0
  33. package/esm/utils/index.d.ts +1 -0
  34. package/esm/utils/index.js +1 -0
  35. package/esm/utils/measure-text.js +31 -3
  36. package/esm/utils/types.d.ts +16 -0
  37. package/esm/utils/types.js +12 -0
  38. package/esm/version.d.ts +1 -1
  39. package/esm/version.js +1 -1
  40. package/lib/designs/structures/index.d.ts +1 -0
  41. package/lib/designs/structures/index.js +1 -0
  42. package/lib/designs/structures/relation-dagre-flow.js +5 -140
  43. package/lib/designs/structures/sequence-interaction.d.ts +54 -0
  44. package/lib/designs/structures/sequence-interaction.js +465 -0
  45. package/lib/designs/structures/sequence-timeline.d.ts +1 -0
  46. package/lib/designs/structures/sequence-timeline.js +4 -2
  47. package/lib/designs/utils/geometry.d.ts +44 -0
  48. package/lib/designs/utils/geometry.js +256 -0
  49. package/lib/designs/utils/index.d.ts +1 -0
  50. package/lib/designs/utils/index.js +1 -0
  51. package/lib/editor/managers/sync-registry.d.ts +2 -1
  52. package/lib/editor/types/editor.d.ts +2 -1
  53. package/lib/editor/types/sync.d.ts +2 -1
  54. package/lib/editor/utils/object.js +45 -38
  55. package/lib/exporter/png.js +2 -2
  56. package/lib/exporter/svg.js +9 -1
  57. package/lib/exporter/types.d.ts +10 -0
  58. package/lib/options/types.d.ts +6 -0
  59. package/lib/runtime/Infographic.js +19 -6
  60. package/lib/syntax/index.js +40 -20
  61. package/lib/syntax/parser.js +80 -3
  62. package/lib/syntax/relations.js +26 -2
  63. package/lib/syntax/schema.js +1 -0
  64. package/lib/templates/built-in.js +5 -4
  65. package/lib/templates/sequence-interaction.d.ts +2 -0
  66. package/lib/templates/sequence-interaction.js +79 -0
  67. package/lib/types/data.d.ts +1 -0
  68. package/lib/utils/index.d.ts +1 -0
  69. package/lib/utils/index.js +1 -0
  70. package/lib/utils/measure-text.js +30 -2
  71. package/lib/utils/types.d.ts +16 -0
  72. package/lib/utils/types.js +13 -0
  73. package/lib/version.d.ts +1 -1
  74. package/lib/version.js +1 -1
  75. package/package.json +1 -1
  76. package/src/designs/structures/index.ts +1 -0
  77. package/src/designs/structures/relation-dagre-flow.tsx +14 -178
  78. package/src/designs/structures/sequence-interaction.tsx +931 -0
  79. package/src/designs/structures/sequence-timeline.tsx +18 -15
  80. package/src/designs/utils/geometry.tsx +315 -0
  81. package/src/designs/utils/index.ts +1 -0
  82. package/src/editor/managers/sync-registry.ts +2 -1
  83. package/src/editor/types/editor.ts +2 -1
  84. package/src/editor/types/sync.ts +3 -1
  85. package/src/editor/utils/object.ts +50 -40
  86. package/src/exporter/png.ts +3 -2
  87. package/src/exporter/svg.ts +14 -1
  88. package/src/exporter/types.ts +10 -0
  89. package/src/options/types.ts +7 -0
  90. package/src/runtime/Infographic.tsx +27 -17
  91. package/src/syntax/index.ts +51 -18
  92. package/src/syntax/parser.ts +101 -3
  93. package/src/syntax/relations.ts +29 -2
  94. package/src/syntax/schema.ts +1 -0
  95. package/src/templates/built-in.ts +4 -2
  96. package/src/templates/sequence-interaction.ts +101 -0
  97. package/src/types/data.ts +1 -0
  98. package/src/utils/index.ts +1 -0
  99. package/src/utils/measure-text.ts +35 -3
  100. package/src/utils/types.ts +61 -0
  101. package/src/version.ts +1 -1
package/README.md CHANGED
@@ -34,7 +34,7 @@
34
34
  <a href="https://infographic.antv.vision/gallery">
35
35
  <img src="https://img.shields.io/badge/Gallery-13C2C2?style=for-the-badge" alt="Gallery" />
36
36
  </a>
37
- <a href="https://github.com/antvis/Infographic/tree/main/.skills">
37
+ <a href="https://github.com/antvis/Infographic/tree/main/skills">
38
38
  <img src="https://img.shields.io/badge/Skills-FA8C16?style=for-the-badge" alt="Skills" />
39
39
  </a>
40
40
  <a href="https://infographic.antv.vision/ai">
@@ -121,12 +121,19 @@ AntV Infographic provides skills to integrate with AI agents:
121
121
 
122
122
  ### Claude Code
123
123
 
124
- > We don't have a Claude marketplace entry yet, so install manually.
124
+ > Claude marketplace is now available. You can install from marketplace, or keep using manual install.
125
+
126
+ ```bash
127
+ /plugin marketplace add https://github.com/antvis/Infographic.git
128
+ /plugin install antv-infographic-skills@antv-infographic
129
+ ```
130
+
131
+ Manual install:
125
132
 
126
133
  ```bash
127
134
  set -e
128
135
 
129
- VERSION=0.2.4 # Replace with the latest tag, e.g. 0.2.4
136
+ VERSION=0.2.4 # Replace with the latest tag, e.g. 0.2.14
130
137
  BASE_URL=https://github.com/antvis/Infographic/releases/download
131
138
  mkdir -p .claude/skills
132
139
 
@@ -141,10 +148,37 @@ rm -f skills.zip
141
148
 
142
149
  ```codex
143
150
  # Replace <SKILL> with the skill name, e.g. infographic-creator
144
- # https://github.com/antvis/Infographic/tree/main/.skills/<SKILL>
145
- $skill-installer install https://github.com/antvis/Infographic/tree/main/.skills/infographic-creator
151
+ # https://github.com/antvis/Infographic/tree/main/skills/<SKILL>
152
+ $skill-installer install https://github.com/antvis/Infographic/tree/main/skills/infographic-creator
146
153
  ```
147
154
 
155
+ ## 🌐 Ecosystem
156
+
157
+ Community projects and products powered by AntV Infographic:
158
+
159
+ - 💼 **Products**
160
+ - [Alma](https://alma.now/) — Desktop AI provider orchestration app with Infographic
161
+ - [Chrome Extension](https://github.com/xicilion/markdown-viewer-extension) — Markdown viewer with Infographic support, export to Word
162
+ - [InfographicAI](https://infographic-ai.tuntun.site/) — Generate PPT slides powered by Infographic
163
+ - [LangChat Slides](https://github.com/TyCoding/langchat-slides) — Next-Gen AI Slide Generator using @antv/infographic
164
+ - [Nowledge Mem](https://mem.nowledge.co/) — AI Memory Bank with Presentation Creator supporting Infographic
165
+ - [WeChat Markdown Editor](https://md.doocs.org/) — Markdown to WeChat article editor with Infographic
166
+ - [Welight](https://waer.ltd/) — WeChat article creation platform with Infographic support
167
+ - [Zojo](https://zojo.ai/infographic) — Generate professional infographics with simple syntax
168
+ - 📦 **Libraries**
169
+ - [astro-koharu](https://github.com/cosZone/astro-koharu) — Anime blog theme (Astro) with Infographic support
170
+ - [docsify-infographic](https://github.com/bulexu/docsify-infographic) — Plugin to render Infographic diagrams in Docsify
171
+ - [feffery-infographic](https://github.com/HogaStack/feffery-infographic) — Create infographics in Python with Plotly Dash
172
+ - [infographic-cli](https://github.com/lyw405/infographic-cli) — CLI tool to generate SVG infographics
173
+ - [infographic-for-react](https://github.com/lyw405/infographic-for-react) — React component wrapper for @antv/infographic
174
+ - [markdown-it-infographic](https://github.com/hcg1023/markdown-it-infographic) — markdown-it plugin for @antv/infographic
175
+ - [markstream-vue](https://github.com/Simon-He95/markstream-vue) — Streaming Markdown rendering for Vue 3 with Infographic
176
+ - [obsidian-infographic](https://github.com/hcg1023/obsidian-infographic) — Obsidian plugin for @antv/infographic
177
+ - [slidev-addon-infographic](https://github.com/fxss5201/slidev-addon-infographic) — @antv/infographic component for Slidev
178
+ - [VSCode Extension](https://github.com/liwx2000/infographic-vscode-extension) — Preview Infographic in VSCode Markdown files
179
+
180
+ > 💡 Have a project using AntV Infographic? Share it in [Issue #99](https://github.com/antvis/Infographic/issues/99)!
181
+
148
182
  ## 💬 Community & Communication
149
183
 
150
184
  - Submit your questions or suggestions on GitHub
package/README.zh-CN.md CHANGED
@@ -34,7 +34,7 @@
34
34
  <a href="https://infographic.antv.vision/gallery">
35
35
  <img src="https://img.shields.io/badge/%E7%A4%BA%E4%BE%8B-13C2C2?style=for-the-badge" alt="示例" />
36
36
  </a>
37
- <a href="https://github.com/antvis/Infographic/tree/main/.skills">
37
+ <a href="https://github.com/antvis/Infographic/tree/main/skills">
38
38
  <img src="https://img.shields.io/badge/Skills-FA8C16?style=for-the-badge" alt="Skills" />
39
39
  </a>
40
40
  <a href="https://infographic.antv.vision/ai">
@@ -121,12 +121,19 @@ AntV Infographic 提供了多项能力，便于与 AI 大模型集成：
121
121
 
122
122
  ### Claude Code
123
123
 
124
- > 我们暂未提供 claude marketplace，因此需要手动集成。
124
+ > 已提供 Claude marketplace，可通过 marketplace 安装，也可继续手动集成。
125
+
126
+ ```bash
127
+ /plugin marketplace add https://github.com/antvis/Infographic.git
128
+ /plugin install antv-infographic-skills@antv-infographic
129
+ ```
130
+
131
+ 手动集成：
125
132
 
126
133
  ```bash
127
134
  set -e
128
135
 
129
- VERSION=0.2.4 # 替换为最新版本号，例如 0.2.4
136
+ VERSION=0.2.4 # 替换为最新版本号，例如 0.2.14
130
137
  BASE_URL=https://github.com/antvis/Infographic/releases/download
131
138
  mkdir -p .claude/skills
132
139
 
@@ -141,10 +148,37 @@ rm -f skills.zip
141
148
 
142
149
  ```codex
143
150
  # 将 <SKILL> 替换为需要安装的 skill 名称，例如 infographic-creator
144
- # https://github.com/antvis/Infographic/tree/main/.skills/<SKILL>
145
- $skill-installer install https://github.com/antvis/Infographic/tree/main/.skills/infographic-creator
151
+ # https://github.com/antvis/Infographic/tree/main/skills/<SKILL>
152
+ $skill-installer install https://github.com/antvis/Infographic/tree/main/skills/infographic-creator
146
153
  ```
147
154
 
155
+ ## 🌐 生态周边
156
+
157
+ 社区基于 AntV Infographic 构建的项目和产品：
158
+
159
+ - 💼 **商业产品**
160
+ - [Alma](https://alma.now/) — 集成信息图的桌面 AI 多模型管理应用
161
+ - [Chrome 插件](https://github.com/xicilion/markdown-viewer-extension) — 支持信息图的 Markdown 查看器，支持导出 Word
162
+ - [InfographicAI](https://infographic-ai.tuntun.site/) — 基于信息图生成 PPT 的在线工具
163
+ - [LangChat Slides](https://github.com/TyCoding/langchat-slides) — 基于 @antv/infographic 的新一代 AI 幻灯片生成器
164
+ - [Nowledge Mem](https://mem.nowledge.co/) — 支持信息图演示创作的 AI 记忆库
165
+ - [微信 Markdown 编辑器](https://md.doocs.org/) — 支持信息图的 Markdown 转微信图文编辑器
166
+ - [Welight](https://waer.ltd/) — 支持信息图的微信公众号创作平台
167
+ - [Zojo](https://zojo.ai/infographic) — 使用简单语法生成专业信息图
168
+ - 📦 **技术库**
169
+ - [astro-koharu](https://github.com/cosZone/astro-koharu) — 支持信息图的 Astro 动漫风格博客主题
170
+ - [docsify-infographic](https://github.com/bulexu/docsify-infographic) — 在 Docsify 中渲染信息图的插件
171
+ - [feffery-infographic](https://github.com/HogaStack/feffery-infographic) — 基于 Plotly Dash 在 Python 中创建信息图
172
+ - [infographic-cli](https://github.com/lyw405/infographic-cli) — 命令行生成 SVG 信息图的 CLI 工具
173
+ - [infographic-for-react](https://github.com/lyw405/infographic-for-react) — @antv/infographic 的 React 组件封装
174
+ - [markdown-it-infographic](https://github.com/hcg1023/markdown-it-infographic) — @antv/infographic 的 markdown-it 插件
175
+ - [markstream-vue](https://github.com/Simon-He95/markstream-vue) — 支持信息图的 Vue 3 流式 Markdown 渲染库
176
+ - [obsidian-infographic](https://github.com/hcg1023/obsidian-infographic) — @antv/infographic 的 Obsidian 插件
177
+ - [slidev-addon-infographic](https://github.com/fxss5201/slidev-addon-infographic) — 适用于 Slidev 的 @antv/infographic 组件
178
+ - [VSCode 插件](https://github.com/liwx2000/infographic-vscode-extension) — 在 VSCode Markdown 文件中预览信息图
179
+
180
+ > 💡 有使用 AntV Infographic 的项目？欢迎在 [Issue #99](https://github.com/antvis/Infographic/issues/99) 中分享！
181
+
148
182
  ## 💬 社区与交流
149
183
 
150
184
  - 在 GitHub 提交你的问题或建议