search

alyssaxuu / flowy

The minimal javascript library to create flowcharts ✨
MIT License
11.47k stars 998 forks source link

More advanced demo? #126

Open Matt2012 opened 3 years ago

Matt2012 commented 3 years ago

This looks a great project but the demo is very basic. Has anyone got a version that includes any of these:

  1. Initialising from a saved state
  2. Having input boxes in the blocks that can be saved to the output. Having data from the Right Panel saved to output.
  3. Having the right panel be configured differently depending on each block clicked.
  4. Loading blocks into the left panel from JSON rather than hardcoded into html.
  5. Filtering in left panel working

I know these are all things that can all be achieved with some work - but its a lot of boilerplate for every new person to work on when its core to the simplest implementation.

diogenesjup commented 3 years ago

I'm having this same difficulty, being able to boot with a previously saved state

gunasekharravilla commented 3 years ago

did you cloned and runned in your local machine ? all Functionalities working? other than demo website

This looks a great project but the demo is very basic. Has anyone got a version that includes any of these:

  1. Initialising from a saved state
  2. Having input boxes in the blocks that can be saved to the output. Having data from the Right Panel saved to output.
  3. Having the right panel be configured differently depending on each block clicked.
  4. Loading blocks into the left panel from JSON rather than hardcoded into html.
  5. Filtering in left panel working

I know these are all things that can all be achieved with some work - but its a lot of boilerplate for every new person to work on when its core to the simplest implementation.

diogenesjup commented 3 years ago

I figured out how to do parsing code without minifying. When we run flowy.output() it generates an object with all screen elements, and exactly the shape of that object that needs to be sent to flowy.import(object). So I'm saving the object from flowy.output() and then when my logic needs to import it, I access it again and send it to import (giving a json.PARSE), and that's it. But this is not so clear in the documentation.

sabatale commented 2 years ago

@diogenesjup Would you have an example?

nickjeon commented 1 year ago

I'm currently working on exporting Flowy to TypeScript.

CeloGomesBR commented 1 year ago

Hi @nickjeon Will it be compatible to work with Angular? I see that you have more activity with React, that's why I ask.

lechuhuuha commented 1 year ago

This looks a great project but the demo is very basic. Has anyone got a version that includes any of these:

1. Initialising from a saved state

2. Having input boxes in the blocks that can be saved to the output. Having data from the Right Panel saved to output.

3. Having the right panel be configured differently depending on each block clicked.

4. Loading blocks into the left panel from JSON rather than hardcoded into html.

5. Filtering in left panel working

I know these are all things that can all be achieved with some work - but its a lot of boilerplate for every new person to work on when its core to the simplest implementation.

Hi. Any updated on the advanced demo you talk about? would love to see some improvements