KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#typescript #ai-agents #developer-tools #claude-code #codex #cli #agent-skills #ai #dsh-plugin #mcp #windows #agent

jsWorkflow

★ 34 Open GitHub ↗

jsWorkflow, a jsPlumb based workfow API, helps to create JavaScript based workflow diagrams for various applications. It abstracts all the complexities involved in designing and managing workflows.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

jsWorkflow - An open source JavaScript based API to manage workflow diagrams in various applications

---------------------------------------------------------------------------------------------------------

A Workflow Diagram is a simple form of Flowchart depicting the flow (tansition) of tasks or actions from one state to another.

Workflow is an important part of many application such as The issue tracking system.

jsPlumb is an API which provides a means for a developer to visually connect elements on their web pages.

jsWorkflow uses jsPlumb to create and maintain workflow diagrams.

jsWorkflow is an abstract layer built on top of jsPlumb to manage workflow diagrams using few simple jsWorkflow methods.

---------------------------------------------------------------------------------------------------------
Screenshots

![alt tag](https://raw.githubusercontent.com/hemantsshetty/jsWorkflow/c4b589d8a2491139e319f1de08c1d854a0abf73c/screenshot/jsWorkflow1.png)

![alt tag](https://raw.githubusercontent.com/hemantsshetty/jsWorkflow/c4b589d8a2491139e319f1de08c1d854a0abf73c/screenshot/jsWorkflow2.png)

![alt tag](https://raw.githubusercontent.com/hemantsshetty/jsWorkflow/c4b589d8a2491139e319f1de08c1d854a0abf73c/screenshot/jsWorkflow3.png)

![alt tag](https://raw.githubusercontent.com/hemantsshetty/jsWorkflow/c4b589d8a2491139e319f1de08c1d854a0abf73c/screenshot/jsWorkflow4.png)

---------------------------------------------------------------------------------------------------------

A list of jsWorkflow methods:

#1 jsWorkflow.Instance() - A constructor to create a new workflow instance.

#2 init() - A method to Initialize the workflow. A workflow can be initialized by passing either 
	a workflow html element's id or the workflow JSON data comprising of details such as 
	State transitions, State names, State positions and workflow container Id.

#3 instance.createStateTrasitions() - A method to establish transitions among all the workflow States by passing the JSON data.

#4 instance.getStateTransitions() - Get a list of all States and their transition (connection) with other States.

#5 instance.getStateNames() - Get a list of all State element Ids with their respective names.

#6 instance.getStatePositions() - Get a list of all State element Ids with their respective css positions (top and left).

#7 instance.getWorkflow() - Get the current workflow object with details such as 
	State transitions, State names, State positions and workflow container Id.

---------------------------------------------------------------------------------------------------------

A sample JSON Workflow object
	
	{
	  "transitions": {
	    "new": "open",
	    "open": "new,in-progress,resolved,closed",
	    "in-progress": "open,resolved,closed",
	    "resolved": "closed,reopened",
	    "reopened": "closed,resolved,in-progress",
	    "closed": "reopened"
	  },
	  "names": {
	    "new": "New",
	    "open": "Open",
	    "in-progress": "In Progress",
	    "resolved": "Resolved",
	    "reopened": "Reopened",
	    "closed": "Closed"
	  },
	  "positions": {
	    "new": {
	      "top": 100,
	      "left": 500
	    },
	    "open": {
	      "top": 200,
	      "left": 500
	    },
	    "in-progress": {
	      "top": 400,
	      "left": 250
	    },
	    "resolved": {
	      "top": 300,
	      "left": 500
	    },
	    "reopened": {
	      "top": 500,
	      "left": 500
	    },
	    "closed": {
	      "top": 400,
	      "left": 750
	    }
	  },
	  "container": "workflow-2"
	}
	
---------------------------------------------------------------------------------------------------------

jsWorkflow 1.0

http://github.com/hemantsshetty/jsWorkflow

Licensed under the MIT

jsWorkflow

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README