docs(docs): add mermaid architecture diagram

meetalva · Sep 11, 2018 · 1b72e70 · 1b72e70
1 parent 86fc361
commit 1b72e70
Showing 1 changed file with 40 additions and 0 deletions.
diff --git a/architecture-diagram.md b/architecture-diagram.md
@@ -0,0 +1,40 @@
+```mermaid
+graph BT
+    subgraph ElectronNode
+        fs(FileSystem)
+        express(Express)
+        persistence(Persistence)
+        analyzer(Analyzer)
+        mainContext(MainContext)
+        webpack(Webpack)
+
+        fs-->persistence
+        fs-->analyzer
+        persistence-->mainContext
+
+        subgraph Analyzer
+            webpack---analyzer
+        end
+
+        analyzer-->mainContext
+    end
+
+    express-- Initial Html -->clientContext
+    express-- Initial Html -->previewContext
+
+    sms(Sender MobxSync Serde)
+    mainContext-->sms
+        sms-->clientContext
+        sms-->previewContext
+        previewContext-->sms
+        clientContext-->sms
+    sms-->mainContext
+
+    subgraph BrowserWindow
+        clientContext(ClientContext)
+
+        subgraph PreviewIFrame
+            previewContext(PreviewContext)
+        end
+    end
+```