Skip to content

Commit

Permalink
Link to community UI instead
Browse files Browse the repository at this point in the history
  • Loading branch information
bergie committed Jan 12, 2024
1 parent 5e773e2 commit a5d2f47
Show file tree
Hide file tree
Showing 13 changed files with 22 additions and 21 deletions.
4 changes: 2 additions & 2 deletions documentation/_posts/2013-07-09-tooling.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,12 +6,12 @@ categories:
---
NoFlo itself is just a library for implementing flow-based programs in JavaScript. There is an ecosystem of tools around NoFlo and the [fbp protocol](https://flowbased.github.io/fbp-protocol/) that make it more powerful. Here are some of them:

* [Flowhub](https://app.flowhub.io) -- browser-based visual programming **IDE** for NoFlo and other flow-based systems
* [NoFlo UI](https://app.noflojs.org) -- browser-based visual programming **IDE** for NoFlo and other flow-based systems
* [noflo-nodejs](https://github.com/noflo/noflo-nodejs) -- command-line interface for **running NoFlo programs on Node.js**
* [noflo-browser-app](https://github.com/noflo/noflo-browser-app) -- template for building NoFlo programs for **the web**
* [noflo-assembly](https://github.com/noflo/noflo-assembly) -- **industrial approach** for designing NoFlo programs
* [fbp-spec](https://github.com/flowbased/fbp-spec) -- **data-driven tests** for NoFlo and other FBP environments
* [flowtrace](https://github.com/flowbased/flowtrace) -- tool for **retroactive debugging** of NoFlo programs. Supports visual replay with Flowhub
* [flowtrace](https://github.com/flowbased/flowtrace) -- tool for **retroactive debugging** of NoFlo programs. Supports visual replay with NoFlo UI
* [fbp-diff](https://github.com/flowbased/fbp-diff) -- Tool for **visualizing changes** between versions of a NoFlo graph

See also the [list of reusable NoFlo modules on NPM](/component/).
4 changes: 2 additions & 2 deletions documentation/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -180,7 +180,7 @@ This will show all the various events happening inside the graph:
* Data being sent through the connections
* Connections being closed

Looking at this is useful in order to understand how information flows through a NoFlo network. Visual tools like [Flowhub](https://flowhub.io/ide/) can give an even better view at how the graph looks and behaves.
Looking at this is useful in order to understand how information flows through a NoFlo network. Visual tools like [NoFlo UI](https://app.noflojs.org/) can give an even better view at how the graph looks and behaves.

### Running NoFlo in the browser

Expand Down Expand Up @@ -226,7 +226,7 @@ Read more in [noflo-component-loader documentation](https://github.com/noflo/nof
For faster project setup, we have a template for creating NoFlo browser applications: **[noflo-browser-app](https://github.com/noflo/noflo-browser-app)**. To use it, follow these steps:
* Fork the project
* Import the repository in [Flowhub](https://app.flowhub.io/ide/)
* Import the repository in [NoFlo UI](https://app.noflojs.org/)
* Make changes, synchronize to GitHub
* If you need additional modules, use `npm install --add`
Expand Down
2 changes: 1 addition & 1 deletion example/_posts/2013-09-09-clock.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ tags:
- browser
source: "https://gist.github.com/bergie/86a28c01d66cd8bf672f4e0a3e1ba851"
blog: "http://www.forresto.com/2013/09/noflo-clock-demo/"
demo: "https://app.flowhub.io/#gist/86a28c01d66cd8bf672f4e0a3e1ba851"
demo: "https://app.noflojs.org/#gist/86a28c01d66cd8bf672f4e0a3e1ba851"
image: /img/example/clock.png
---
Analog clock implemented using NoFlo's timers and CSS manipulation components.
2 changes: 1 addition & 1 deletion example/_posts/2014-05-27-react.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ title: React TODO list with NoFlo
tags:
- browser
source: "https://gist.github.com/bergie/c111454c9fd2f74d37d1e8a4e739adfd"
demo: "https://app.flowhub.io/#gist/c111454c9fd2f74d37d1e8a4e739adfd"
demo: "https://app.noflojs.org/#gist/c111454c9fd2f74d37d1e8a4e739adfd"
blog: "https://plus.google.com/+HenriBergius/posts/eUMtHgw6bG9"
image: /img/example/react.png
---
Expand Down
2 changes: 1 addition & 1 deletion example/_posts/2014-08-05-webaudio.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ title: WebAudio with NoFlo
tags:
- browser
source: "https://gist.github.com/bergie/6724a6eb8a1aaf351866e7a43c3ecd43"
demo: "https://app.flowhub.io/#gist/6724a6eb8a1aaf351866e7a43c3ecd43"
demo: "https://app.noflojs.org/#gist/6724a6eb8a1aaf351866e7a43c3ecd43"
blog: "http://meemoo.org/blog/2014-08-05-first-steps-for-noflo-webaudio"
image: /img/example/webaudio.png
---
Expand Down
2 changes: 1 addition & 1 deletion example/_posts/2016-03-29-ingress-table.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ tags:
- nodejs
source: "https://github.com/c-base/ingress-table"
blog: "http://bergie.iki.fi/blog/ingress-table/"
flowhub: "https://app.flowhub.io/#github/c-base/ingress-table"
flowhub: "https://app.noflojs.org/#github/c-base/ingress-table"
image: /img/example/ingress-table.png
---
An Internet of Things project build with NoFlo and [MicroFlo](http://microflo.org/) to visualize [Ingress](https://www.ingress.com/) gameplay around the [c-base hackerspace](https://c-base.org/) in Berlin.
2 changes: 1 addition & 1 deletion example/_posts/2017-07-09-station-announcer.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ title: c-base station announcer
tags:
- nodejs
source: "https://github.com/c-base/station-announcer"
flowhub: "https://app.flowhub.io/#github/c-base/station-announcer"
flowhub: "https://app.noflojs.org/#github/c-base/station-announcer"
image: /img/example/station-announcer.jpg
---
System for generating random announcements at the [c-base space station](https://c-base.org). These announcements can be converted to audio or displayed on various information screens.
Expand Down
4 changes: 2 additions & 2 deletions example/_posts/2017-11-24-flowhub.md
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
---
layout: demo
title: Flowhub
title: NoFlo UI
tags:
- browser
source: "https://github.com/noflo/noflo-ui"
demo: "https://app.flowhub.io"
demo: "https://app.noflojs.org"
blog: "https://www.kickstarter.com/projects/noflo/noflo-development-environment"
image: /img/example/noflo-ui.png
---
Expand Down
2 changes: 1 addition & 1 deletion example/_posts/2020-12-30-xpress-demo.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ tags:
- nodejs
source: "https://github.com/bergie/xpress-demo"
video: "https://youtu.be/x_nhh3yg-Cs"
flowhub: "https://app.flowhub.io/#github/bergie/xpress-demo"
flowhub: "https://app.noflojs.org/#github/bergie/xpress-demo"
image: /img/example/xpress-demo.jpg
---
Simple example of building a database-backed REST API with NoFlo and noflo-xpress. Demonstrates using middlewares, and integrating request handling with regular NoFlo components.
2 changes: 1 addition & 1 deletion example/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -60,7 +60,7 @@ <h3 class="demo__title">{{ example.title }}</h3>
<a href="{{ example.demo }}" class="btn btn-primary big-button demo__button">Run Demo</a>
{% endif %}
{% if example.flowhub %}
<a href="{{ example.flowhub }}" class="btn btn-primary big-button demo__button">Open in Flowhub</a>
<a href="{{ example.flowhub }}" class="btn btn-primary big-button demo__button">Open in NoFlo UI</a>
{% endif %}
<h4>Related Resources </h4>
{% if example.blog %}
Expand Down
10 changes: 5 additions & 5 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -65,7 +65,7 @@ <h2>Understand and design software visually</h2>
in a graph. This makes it possible to split your problem in logical areas that make sense,
and to see how they connect with each other.</p>

<p>NoFlo applications can be designed using <a href="https://flowhub.io/ide/">Flowhub's</a> integrated
<p>NoFlo applications can be designed using <a href="https://app.noflojs.org">NoFlo UI's</a> integrated
web-based graph editor.</p>
</div>
<div class="understanding-noflo__image span10">
Expand All @@ -78,10 +78,10 @@ <h2>Understand and design software visually</h2>

<section class="row-fluid homepage-section">
<div class="flowhub-promo">
<a class="flowhub-promo-logo" href="https://app.flowhub.io/"><img src="{{ site.basedir }}/img/flowhub-logo.png" alt="Flowhub"></a>
<h1 class="flowhub-promo-title">Live program NoFlo with Flowhub</h1>
<p class="flowhub-promo-text">Funded by Kickstarter and developed by the community, Flowhub is a visual programming IDE for NoFlo and other Flow-Based Programming frameworks.</p>
<a href="https://app.flowhub.io/" class="btn btn-primary flowhub-promo-button download-button">Get started</a>
<a class="flowhub-promo-logo" href="https://app.noflojs.org/"><img src="{{ site.basedir }}/img/flowhub-logo.png" alt="Flowhub"></a>
<h1 class="flowhub-promo-title">Live program NoFlo with NoFlo UI</h1>
<p class="flowhub-promo-text">Funded by Kickstarter and developed by the community, NoFlo UI is a visual programming IDE for NoFlo and other Flow-Based Programming frameworks.</p>
<a href="https://app.noflojs.org/" class="btn btn-primary flowhub-promo-button download-button">Get started</a>
</div>
</section>

Expand Down
4 changes: 2 additions & 2 deletions kickstarter/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -8,11 +8,11 @@
<div class="main">
<img src="{{ site.baseurl}}/img/kickstarter-funded.png" alt="Funded on Kickstarter" />
<h2>Thank You!</h2>
<p>Together we funded the NoFlo Development Environment &mdash; <a href="https://flowhub.io">Flowhub</a> &mdash; <a href="https://www.kickstarter.com/projects/noflo/noflo-development-environment/description">on Kickstarter</a>.</p>
<p>Together we funded the NoFlo Development Environment &mdash; <a href="https://app.noflojs.org">NoFlo UI</a> &mdash; <a href="https://www.kickstarter.com/projects/noflo/noflo-development-environment/description">on Kickstarter</a>.</p>

<div class="call-to-actions">
<a href="https://www.kickstarter.com/projects/noflo/noflo-development-environment/description" class="btn btn-primary">Watch the video</a>
<a href="https://app.flowhub.io/" class="btn btn-primary">Get started</a>
<a href="https://app.noflojs.org/" class="btn btn-primary">Get started</a>
</div>
</div>
</div>
Expand Down
3 changes: 2 additions & 1 deletion license/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,8 @@ <h1>NoFlo license</h1>
</div>
<div class="content span8">
<p>
Copyright &copy; 2013-2017 <a href="https://flowhub.io">Flowhub UG</a><br/>
Copyright &copy; 2021-2024 <a href="http://bergie.iki.fi/">Henri Bergius</a>
Copyright &copy; 2013-2020 <a href="https://flowhub.io">Flowhub UG</a><br/>
Copyright &copy; 2011-2012 <a href="http://bergie.iki.fi/">Henri Bergius</a>
</p>

Expand Down

0 comments on commit a5d2f47

Please sign in to comment.