How totaljs-es/flow works
Total.js Flow v11 is a web application for designing and operating FlowStreams. Users reach the designer through the web interface, while the server exposes stream-management actions and a WebSocket entry point to the Flow runtime. Stream definitions are loaded from and saved to a JSON database; authentication, OpenPlatform access, settings, variables, and bookmarks provide supporting capabilities. The README gives little product detail, so the map follows the sampled routes and actions; unsampled UI and extension relationships are left unconnected where their wiring is not shown.
Main entry points: default.js Web and socket routes · openplatform.js OpenPlatform integration · streams.js Stream management · flowstream.js Stream database
Components 19
Web interface
- Web app shell
views/index.html - Flow designer
views/designer.html - Browser SPA
public/spa.min@20.js - Syntax highlighting
public/highlight.min@1020.js
Flow management
- Web and socket routes
controllers/default.js - Stream management
actions/streams.js - Flow runtime
- Stream database
definitions/flowstream.js
Access and platform
- Login actions
actions/auth.js - Authentication
definitions/auth.js - OpenPlatform integration
modules/openplatform.js
Extensions and settings
- Settings actions
actions/settings.js - Variable actions
actions/variables.js - Console actions
actions/console.js - Bookmarks plugin
plugins/bookmarks/index.js - CDN downloader
modules/cdn.js - Extension loader
extensions.js
Other components
- User
- OpenPlatform service
Connections 7
- Web and socket routes → Flow designer: renders
controllers/default.js - Web and socket routes → Flow runtime: dispatches sockets
controllers/default.js - Stream management → Flow runtime: manages streams
actions/streams.js - Stream database → Flow runtime: loads and saves
definitions/flowstream.js - Authentication → OpenPlatform integration: delegates auth
definitions/auth.js - OpenPlatform integration → OpenPlatform service: requests sessions
modules/openplatform.js - User → Web app shell: uses