ActiveDocumentation Architecture Client side

• The codebase is built on React framework.
• The packages reflect the packages in the source code.
• The arrow shows calls/dependencies between components.
• Constants are not shown in the diagram.
• The data is transferred through websocket. The data is received in src/core/webSocketManager.js (See here) and sent by Utility methods in src/core/utilities.js.
• The system uses React Redux as the central state storage (See here).
• Some components can read data from the redux store (marked by red dots).
• Some components can change the data in the redux store by calling actions (marked by blue dots).
• Mining Rules packages are still under construction.
• filterComponent.js is unused right now.