MCPcopy
hub / github.com/i5ting/imove

github.com/i5ting/imove @v0.3.9 sqlite

repository ↗ · DeepWiki ↗ · release v0.3.9 ↗
371 symbols 740 edges 137 files 0 documented · 0%
README

gitter NPM version build status Test coverage PR's Welcome

iMove 是一个逻辑可复用的,面向函数的,流程可视化的 JavaScript 工具库。

English | 简体中文

iMove是一个面向前端开发者的逻辑编排工具,核心解决的是复杂逻辑复用的问题。

iMove由2部分组成:画布和imove-sdk。通过本地起一个http服务运行画布,在画布上完成代码编写和节点编排,最终将流程导出dsl,放到项目中,通过imove-sdk调用执行。

特性

  • [x] 流程可视化:上手简单,绘图方便,逻辑表达更直观,易于理解
  • [x] 逻辑复用:iMove 节点支持复用,单节点支持参数配置
  • [x] 灵活可扩展:仅需写一个函数,节点可扩展,支持插件集成
  • [x] 适用于JavaScript所有场景:比如前端点击事件,Ajax 请求和 Node.js 后端 API等
  • [ ] 多语言编译:无语言编译出码限制(例:支持 JavaScript, Java 编译出码)

使用场景

usage

  1. 前端流程:比如点击事件,组件生命周期回调等。
  2. 后端流程:比如 Node.js 或 Serverless 领域。
  3. 前端+后端:比如前端点击事件,Ajax 请求和后端 API。

快速开始

步骤 1. 准备

下载仓库,安装并启动

$ git clone https://github.com/ykfe/imove.git
$ cd imove/example
$ npm install
$ npm start

此时浏览器会自动打开 http://localhost:8000/ ,可以看到运行效果。

步骤 2. 绘制流程图

从左侧拖动节点至中央画布,绘制流程图

flowchart

步骤 3. 配置节点

选择节点,修改节点名,编辑节点代码

flowchart-usage1

flowchart-usage2

Authors

  • qilei0529 - 飞羽「Leader」
  • SmallStoneSK - 菉竹「Core Team」
  • suanmei - 拾邑「Core Team」
  • iloveyou11 - 冷卉「Core Team」
  • i5ting - 狼叔「Core Team」

团队博客,各种原理,设计初衷,实现,思考等都在这里: https://www.yuque.com/imove/blog

See also the list of contributors who participated in this project.

贡献

  1. Fork 仓库
  2. 创建分支 (git checkout -b my-new-feature)
  3. 提交修改 (git commit -am 'Add some feature')
  4. 推送 (git push origin my-new-feature)
  5. 创建 PR

欢迎 fork 和反馈

如有建议或意见,欢迎在 github issues 区提问

协议

本仓库遵循 MIT 协议

贡献者 ✨

感谢 蚂蚁 X6 团队 提供的绘图引擎

感谢所有贡献的人 (emoji key):

本仓库遵循 all-contributors 规范,欢迎贡献!

项目 Star 数增长趋势

Stargazers over time

开发者交流群

Extension points exported contracts — how you extend this code

FRProps (Interface)
(no doc)
packages/core/src/typings.d.ts
DSL (Interface)
(no doc)
packages/compile-code/src/compileForProject.ts
IProps (Interface)
(no doc)
packages/core/src/index.tsx
IOutput (Interface)
(no doc)
packages/compile-code/src/compileForProject.ts
IconFontProps (Interface)
(no doc)
packages/core/src/components/xIcon/index.tsx
DSL (Interface)
(no doc)
packages/compile-code/src/compileForOnline.ts
IProps (Interface)
(no doc)
packages/core/src/components/codeEditor/index.tsx
DSL (Interface)
(no doc)
packages/compile-code/src/extractNodeFns.ts

Core symbols most depended-on inside this repo

getSelectedNodes
called by 15
packages/core/src/utils/flowChartUtils.ts
safeGet
called by 15
packages/core/src/utils/index.ts
makeBtnWidget
called by 11
packages/core/src/mods/toolBar/widgets/common/makeBtnWidget.tsx
makeDropdownWidget
called by 8
packages/core/src/mods/toolBar/widgets/common/makeDropdownWidget.tsx
onChange
called by 8
packages/core/src/mods/toolBar/widgets/common/makeDropdownWidget.tsx
z
called by 8
packages/core/src/common/previewCell/branch.tsx
hasNodeSelected
called by 7
packages/core/src/utils/flowChartUtils.ts
renderCode
called by 5
packages/core/src/mods/header/guide/guideModal.tsx

Shape

Function 249
Interface 87
Method 20
Class 12
Enum 3

Languages

TypeScript100%

Modules by API surface

packages/core/src/mods/settingBar/components/json/index.tsx16 symbols
packages/core/src/components/console/index.tsx14 symbols
packages/core/src/mods/header/guide/guideModal.tsx11 symbols
packages/core/src/mods/settingBar/mods/basic/index.tsx10 symbols
packages/core/src/api/index.ts10 symbols
packages/core/src/mods/flowChart/codeEditorModal/index.tsx9 symbols
packages/core/src/components/codeRun/inputPanel/index.tsx9 symbols
packages/cli/src/cmd/editor/index.js9 symbols
packages/core/src/mods/flowChart/index.tsx7 symbols
packages/compile-code/src/compileForOnline.ts7 symbols
packages/cli/src/cmd/dev/index.js7 symbols
packages/core/src/utils/flowChartUtils.ts6 symbols

Dependencies from manifests, versioned

@ant-design/icons4.0.6 · 1×
@ant-design/pro-layout6.5.0 · 1×
@antv/x61.7.12 · 1×
@imove/compile-code0.1.0 · 1×
@imove/core0.3.9 · 1×
@monaco-editor/react3.7.4 · 1×
@rollup/plugin-commonjs11.0.2 · 1×
@rollup/plugin-json4.0.3 · 1×
@rollup/plugin-node-resolve7.1.3 · 1×
@rollup/plugin-strip1.3.2 · 1×
@types/jest26.0.16 · 1×
@types/lodash.merge4.6.6 · 1×

For agents

$ claude mcp add imove \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact