@@ -11,15 +11,14 @@ For only using the onEditor and onBrowser SVG generation follow the <a href="htt
1111- Write Javascript.
1212- Select a function or object or entire file.
1313- Hit ctrl-f1.
14- - Choose either 'Flowmake onEditor' or 'Flowmake onEditor'.
15- - 'Flowmake onEditor' generates the SVG layout in side column of editor itself.
16- - 'Flowmake onBrowser' strats a node server on localhost with port 8080 to view and download the SVG code.
14+ - Choose 'Flowmake magic'.
15+ - 'Flowmake magic' generates the SVG layout in side column of editor itself.
1716
1817## Installation
1918
2019Clone the source locally:
2120```
22- $ git clone https://github.com/aryaminus/flowmaker
21+ $ git clone -b livepreview https://github.com/aryaminus/flowmaker/tree/livepreview
2322$ cd flowmaker
2423$ npm install
2524```
@@ -28,39 +27,28 @@ $ npm install
2827```
2928hit Ctrl+f5
3029hit Fn+f1 or F1
31- choose Flowmake onEditor or Flowmake onBrowser
30+ choose ' Flowmake Magic'
3231```
3332or from VS-Code Market:
3433```
35- downlodd Flowmaker extension
34+ download Flowmaker extension
3635hit Fn+f1 or F1
37- choose Flowmake onEditor or Flowmake onBrowser
36+ choose Flowmake onEditor
3837```
3938## Packages:
40391 . <a href =" https://github.com/Bogdan-Lyashenko/js-code-to-svg-flowchart " target =" _blank " >js2flowchart</a >
41402 . <a href =" https://github.com/GramParallelo/atom-js-code-to-svg-to-preview " target =" _blank " >atom-js-code-to-svg-to-preview</a >
42- 3 . <a href =" https://github.com/expressjs/express " target =" _blank " >express</a >
43- 4 . <a href =" https://github.com/socketio/socket.io " target =" _blank " >socket.io</a >
4441
4542## Features
4643
4744[ ![ onEditor demo] ( https://i.imgur.com/F3LC8LA.png )] ( https://i.imgur.com/F3LC8LA.png )
4845
49- [ ![ onBrowser demo] ( https://i.imgur.com/Hw9SZ5M.png )] ( https://i.imgur.com/Hw9SZ5M.png )
50-
5146### TODO:
5247- [ ] JSX support
5348- [ ] Flow,CLI and Typescript support
5449- [ ] Chrome extension for dev-tools
5550- [ ] Fetching SVG to generate and manipulate code to genrate code from flowchart
5651
57- ## Requirements
58-
59- 1 . Node server installed
60- 2 . Socket.io and express installed ie.
61- ```
62- npm install --save express socket.io
63- ```
6452
6553-----------------------------------------------------------------------------------------------------------
6654
0 commit comments