Architecture - nodebotschs/nodebotsday-editor GitHub Wiki

This is a visual editor for programming nodebots, the plan is to make the editor capable of creating any nodejs program visually. The architecture of this application will be separated in to a traditional MVC architecture and be de-coupled using palmetto-flow.

• blocks (blockly elements)
• components (views)
• factories (controllers)
• services (models)

The view layer or component layer will reside in the components folder, they will use hyperscript and be stateless, which means they can not manipulate the state of the application, they can only read the state and return virtual dom rendered output.

The controller or factory layer will contain the palmetto-flow client code and provide a simple and clear api to the component layer, using a single store and dispatch model as events are emitted from the ui the components will call the factory which intern will dispatch an event that will modify the state and re-render the application.

The model or services layer will the the palmetto-flow service objects that listen to the client messages and modify the persistence layer and respond back with a success or an error.

The blocks folder will contain the code representation of the custom visual blocks in the editor. A template along with a screencast will be provided on how you might want to approach adding new blocks.