Comments (8)
Hi @hobojoe,
You can do anything you want. The Total.js Flow application is completely open-source and customizable.
Notes
Embedding into the Angular app
Only as an iframe, or you must completely rewrite the entire flow UI logic in Angular. It will take a lot of time on your side.
After the user creates the flow, I would run in on my server from time to time.
I don't see any problem with it. A generated FlowStream can be provided as a server-less application.
ideally it would be nice to customize the UI (embedded) and limit some of the "nodes" the user can use
Not a problem.
Thank you!
from flow.
ideally it would be nice to customize the UI (embedded) and limit some of the "nodes" the user can use
Not a problem.
Is there any example on how to do it?
Thanks!
from flow.
@hobojoe No, we don't have an example. We can assist you with our support services, however. You can contact us at [email protected] if you are interested.
from flow.
I would like to eventually do this as well. It would be very nice if the whole interface for Flow was made in such a way that it could be embedded into another application. I have had some thoughts about this and one thing I could see that would make this at least a bit easier, would be to made Flow use a specific URL rather than be based off of root (/).
Loading up the editor via /flows/ or something like that would allow people to serve a service or page off of root. The problem with this appears to be that current Flow doesn't allow overlapping paths like most other services. Support would need to be added so that flows have an order of precedence based off of the path the way that most web servers operate. This way someone could have / serve a page and /api handle API calls from the page allowing them to visually build both sides of an application.
Other than that, if you designed the frontend part of Flow to be a component which has a configurable server URL that it does API calls to and then had a separate component for the backend server you could decouple them and allow for more use cases. Having a Flow server and Flow editor as separate components I imagine wouldn't be too hard to accomplish. Adding some UI into the editor to allow for storing the Flow Server API Urls of different servers would be handy allowing users to use a single editor to connect to different instances. I would suggest that feature be something configurable though, because if you are to have the frontend separate, some use cases would want to use the editor but prevent access to changing it to use another backend server opting to have it a configured value of what server it connects to.
from flow.
Loading up the editor via /flows/ or something like that would allow people to serve a service or page off of root.
It's possible, you need to update /config
by adding: https://docs.totaljs.com/total4/4047c001sd51c/#4c0f0001bc51c
... then had a separate component for the backend server you could decouple
We have it, it's called FlowStream. https://github.com/totaljs/flowstream it uses an external designer provided by our server, but it can be provided by your server: https://github.com/totaljs/flowstreamdesigner... but of course, that project is quite special, it is dedicated to advanced customization. From there, Total.js Flow is built.
BTW: Check out two other projects:
from flow.
What's the main differences between FlowStream and Flow? I thought that Flow v10 was the evolution of Flow v4 -> FlowStream -> Flow v10 and that Flow v10 would replace FlowStream so I never really bothered with it.
from flow.
FlowStream (inspired partially by the older Flow) was first released before Flow v10. We needed to create a new "Flow" version targeted at customizations. The old Flow wasn't suitable for it. I started with a brand-new designer: https://componentator.com/components/j-flow/ and then I inserted the fixed core directly into the Total.js framework -- it's called FlowStream, and we use it in a lot of places, including alarms, rule engines, etc.. And we knew that we needed a more modern version of the Flow and this was the fastest way to do it. And I wanted to add multi-threading to every flow, and now it works ... It was really a coincidence. So that's the background story.
So now we can customize Flow for everything. There are unlimited possibilities.
from flow.
@ColtonMcInroy We have updated Total.js Flow by adding support for Total.js Web Components. You can test it. Also, I have released a newly stable version of the Total.js framework to NPM.
Thank you
from flow.
Related Issues (20)
- [Security] Stored XSS in platform name HOT 2
- Cannot install on a read only volume HOT 2
- add a sliding panel on flow.html HOT 1
- In a code component how do you "send" data from inside a loop HOT 3
- Designer render not correct after reload HOT 12
- Performance Issue with Large Flows HOT 16
- Exporting as a Component Performance HOT 5
- Message data values HOT 1
- How to use flow library with Angular 16? HOT 1
- Feature: Annotations on canavs. HOT 1
- Code Component Suggestion HOT 2
- Code Multiplexer Component HOT 4
- Function Component HOT 4
- Ques : Is there a way, we can just publish only flow and not designer section, so flow become read only HOT 2
- npm ERR! Missing script: "start" HOT 4
- Possible bug with messages HOT 5
- Docker Persistent storage example HOT 3
- Zooming bug
- can not localization HOT 1
- How would you use servicemode? HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from flow.