All Projects → ykfe → Imove

ykfe / Imove

Licence: mit
Move your mouse, generate code from flow chart

Programming Languages

javascript
184084 projects - #8 most used programming language
typescript
32286 projects
Less
1899 projects

Projects that are alternatives of or similar to Imove

imove
INACTIVE: Move your mouse, generate code from flow chart
Stars: ✭ 3,598 (+9.63%)
Mutual labels:  logic, flowchart, xstate, lowcode, x6
Acl2
ACL2 System and Books as Maintained by the Community
Stars: ✭ 200 (-93.91%)
Mutual labels:  logic
Nomnoml
The sassy UML diagram renderer
Stars: ✭ 1,685 (-48.66%)
Mutual labels:  flowchart
Flowchart Vue
flowchart的vue版本
Stars: ✭ 136 (-95.86%)
Mutual labels:  flowchart
Jsplumb Example
Draw a flow chart with vue and jsplumb
Stars: ✭ 121 (-96.31%)
Mutual labels:  flowchart
Flowchart Fun
Easily generate flowcharts and diagrams from text ⿻
Stars: ✭ 2,311 (-29.59%)
Mutual labels:  flowchart
Butterfly
🦋Butterfly,A JavaScript/React/Vue2 Diagramming library which concentrate on flow layout field. (基于JavaScript/React/Vue2的流程图组件)
Stars: ✭ 2,343 (-28.61%)
Mutual labels:  flowchart
Latte
LaTTe : a Laboratory for Type Theory experiments (in clojure)
Stars: ✭ 210 (-93.6%)
Mutual labels:  logic
Mesecons
Mod for minetest that adds digital circuitry [=minecraft redstone]
Stars: ✭ 165 (-94.97%)
Mutual labels:  logic
Editor.md
The open source embeddable online markdown editor (component).
Stars: ✭ 11,741 (+257.74%)
Mutual labels:  flowchart
Flowchart Vue
Flowchart & designer component for Vue.js.
Stars: ✭ 132 (-95.98%)
Mutual labels:  flowchart
Hexo Filter Flowchart
Generate flowchart diagrams for Hexo.
Stars: ✭ 121 (-96.31%)
Mutual labels:  flowchart
Cypress Realworld App
A payment application to demonstrate real-world usage of Cypress testing methods, patterns, and workflows.
Stars: ✭ 2,888 (-12%)
Mutual labels:  xstate
Lbox
Stars: ✭ 116 (-96.47%)
Mutual labels:  logic
Philosophy
A list of philosophy books and resources.
Stars: ✭ 206 (-93.72%)
Mutual labels:  logic
X6
🚀 JavaScript diagramming library that uses SVG and HTML for rendering.
Stars: ✭ 2,686 (-18.16%)
Mutual labels:  flowchart
Dls Schematics
Schematics for DLS - The Digital Logic Simulator game http://makingartstudios.itch.io/dls
Stars: ✭ 124 (-96.22%)
Mutual labels:  logic
Vditor
♏ 一款浏览器端的 Markdown 编辑器。
Stars: ✭ 1,742 (-46.92%)
Mutual labels:  flowchart
Useauth
The simplest way to add authentication to your React app. Supports various providers.
Stars: ✭ 2,532 (-22.85%)
Mutual labels:  xstate
Wireflow
Wireflow - user flow chart real-time collaborative tool
Stars: ✭ 2,788 (-15.05%)
Mutual labels:  flowchart

gitter NPM version build status Test coverage PR's Welcome

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

English | 简体中文

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

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

特性

  • 流程可视化:上手简单,绘图方便,逻辑表达更直观,易于理解
  • 逻辑复用:iMove 节点支持复用,单节点支持参数配置
  • 灵活可扩展:仅需写一个函数,节点可扩展,支持插件集成
  • 适用于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

开发者交流群

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].