browser-based flow editor library for noflo---Options?

[Santosh Kumar]

Hi, 

I am developing a react application and looking to integrate browser-based flow editor library with my application. Are there any options available?

1. I looked at the-Graph: It doesn't work with React 16.0....Does someone know how to make it work?

2. I like node-red editor look and feel. Is there any easy way to integrate it in a react application.

3. Is there any other editor which I can integrate with my application without much fuss.

Thanks.

[Henri Bergius]

Hi,

On Wed, 29 Nov 2017 at 15:51 Santosh Kumar <lsantos...@gmail.com> wrote:

1. I looked at the-Graph: It doesn't work with React 16.0....Does someone know how to make it work?

Some discussion in https://github.com/flowhub/the-graph/issues/360

 

3. Is there any other editor which I can integrate with my application without much fuss.

Here are some graph drawing widgets listed, from the early days before we started the-graph:

https://github.com/noflo/noflo/issues/1

 

/Henri

[Santosh Kumar]

Hi,

Thanks. Lots of wonderful information to digest. A very nice discussion on various UIs for FBP exists here.

--
You received this message because you are subscribed to a topic in the Google Groups "Flow Based Programming" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/flow-based-programming/15dpS2z_AZo/unsubscribe.
To unsubscribe from this group and all its topics, send an email to flow-based-programming+unsub...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[daudi mungah]

Hello 

I am working on the same and would require some help and mentorship .I have been researching on how do it for over a month and have not gotten any close to even start.

[Paul Morrison]

I must have missed these discussions - very interesting!  Therefore, I would like to add DrawFBP to the list - https://github.com/jpaulm/drawfbp . It provides a lot of function, and is written using Java Swing, so there are no dependencies on other software.  It supports top-down, component-oriented design, and embodies many of the concepts of classical FBP. 

The user is not aware of Java... unless s/he decides to generate the network definitions in Java, and perhaps write some Java components (it also can generate runnable C# networks using C#FBP, as well as JSON and NoFlo .fbp notation).  It can also compile and run Java and C# networks...

Recently, based on a suggestion by Vladimir Sibirov, we have started developing a FBP tutorial - https://github.com/jpaulm/fbp-tutorial-filter-file , which takes the reader from DrawFBP diagrams to working JavaFBP networks.  So far I have received very little feedback...   This kind of work cannot be done effectively in a vacuum!

Please, everyone, take a look at both DrawFBP and/or the tutorial, and tell me what you think. 

J. Paul Rodker Morrison

[Tom Young]

Hi Paul, 

I would like StreamWork to generate a file usable as input by DrawFBP,  but am not sure of the format to use.  I have started to code sw to generate JavaFBP format, but I am not sure that is the best choice.

BNF files would be useful, if available.  

 https://github.com/tyoung3/sw/blob/master/SW.cf

defines the StreamWork network language in labeled BNF. 

I am neither a Java nor a JavaScript maven, so I cannot go very far in those directions alone nor help with your endeavors there.

I intend to continue adding sw functionality and adding new components.   Go skeleton code generation is progressing.

Buffer sizes are specified (optionally) inside the dataflow pointer.  

Seems natural this way. 

 Ex. (BUSY Bee)0  <100-  0(HIGH Pollen.Count);

 I converted the sw collate example into a two partition 'locusts' program.   Locusts generates integers with 13 and 17 year gaps. then matches the generated years with the Collate component to find matches.   Turns out 2019 is the year!  They're here now but we get the next 221 years off.

The second partition does the same but with a two year earlier cohort(brood).   Not sure I have the parameters exactly right.

 Probably could update this to simulate evolving locust patterns over millennia.   Who taught them about prime numbers, anyway?

Both partitions operate in the same Go program concurrently.  

This would be an interesting program to benchmark.  There are sixteen flows and fourteen processes.  The parallelism depends on the number of 'cores' (I am sure you remember the real core.) available.    

  

Cheers!

twy

 

Tom Young
47 MITCHELL ST.
STAMFORD, CT  06902

When bad men combine, the good must associate; ...
  -Edmund Burke 'Thoughts on the cause of the present discontents' , 1770

--
You received this message because you are subscribed to the Google Groups "Flow Based Programming" group.
To unsubscribe from this group and stop receiving emails from it, send an email to flow-based-progra...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/flow-based-programming/CAHttgx5CW3DDm1Rgjh9fAkBnH9F93uCwa41P_AtYuirauaF4xw%40mail.gmail.com.

[Paul Morrison]

Hi Tom,

DrawFBP diagrams are held in html and look like this: https://github.com/jpaulm/fbp-tutorial-filter-file/blob/master/docs/Step1.drw  .

I know it isn't BNF, but it will give you the flavour of my file format.  The schema is at https://github.com/jpaulm/drawfbp/blob/master/lib/drawfbp_file.xsd - I believe it is complete, and I just checked both the XSD and the XML, and they checked out fine...   🙂

I will take a closer look at StreamWork...

Cheers,

Paul M.

To view this discussion on the web visit https://groups.google.com/d/msgid/flow-based-programming/CABv%3DvUdhgo0a5XhEa3JGZuf-dtrzTd4B1Bj-N0vvbJoM5WvZDQ%40mail.gmail.com.

[Tom Young]

Thanks, Paul.  The schema is fine.   Think you'll like StreamWork. 

Tom Young
47 MITCHELL ST.
STAMFORD, CT  06902

When bad men combine, the good must associate; ...
  -Edmund Burke 'Thoughts on the cause of the present discontents' , 1770

To view this discussion on the web visit https://groups.google.com/d/msgid/flow-based-programming/CAHttgx5Nc4DT8qHuGxGUZbO5Nomc_fjbsjsu0EOwV5K0UPLysQ%40mail.gmail.com.