Skip to content

Commit

Permalink
Straighten diagram
Browse files Browse the repository at this point in the history
  • Loading branch information
Nick Chen committed Jun 2, 2018
1 parent 65c1ca9 commit 1138a45
Showing 1 changed file with 68 additions and 68 deletions.
136 changes: 68 additions & 68 deletions packages/salesforcedx-webview-ui/README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,74 +18,74 @@ components, and we expose them as panels inside VS Code.
# Architecture

```
┌────────────────────────────────────────────────────┐
│ │
│ ┌───────────────────────────────────────────┐ │
│ │ │ │
│ │ ┌──────────────────┐ ┌──────────────────┐ │ │
│ │ │ │ │ │ │ │
│ │ │ Component #A │ │ Component #B │ │ │
│ │ │ │ │ │ │ │
│ │ │ │ │ │ │ │
│ │ └──────────────────┘ └──────────────────┘ │ │
│ │ ┌───────────────────────────────────────┐ │ │
│ │ │ │ │ │
│ │ │ Component #E │ │ │
│ │ │ │ │ │
│ │ │ │ │ │
│ │ └───────────────────────────────────────┘ │ │
│ │ │ │
│ │ │ │
│ │ │ │ ┌─────────────────────────┐
│ │ ┌─────────────────┐ │ │ ┌───────────┐ │ │
│ │ │ │ │ │ │postMessage│ │ ┌─────────────────┐ │
│ │ │ │ │ ──┼──────┴───────────┴───────┼▶ │ │ │
│ │ │ ┌─────────────┐ │ │ │ │ │ │ │
│ │ │ │EventListener│ │ │ │ │ │ ┌─────────────┐ │ │
│ │ │ └─────────────┘ │ │ │ │ │ │EventListener│ │ │
│ │ │ │ │ │ │ │ └─────────────┘ │ │
│ │ │ │ │ ◀─┼──────┬───────────┬───────┼─ │ │ │
│ │ ◀──────────┘ │ │ │postMessage│ │ │ │ │
│ │ │ │ └───────────┘ │ ◀──────────┘ │
│ └───────────────────────────────────────────┘ │ │ │
│ HTML Page #1 │ │ │
│ │ │ │
└────────────────────────────────────────────────────┘ │ │
WebviewPanel #1 │ │
│ │ ─
┌────────────────────────────────────────────────────┐ │ │
│ │ │ │
│ ┌───────────────────────────────────────────┐ │ │ │ ┌────────────────┐
│ │ │ │ │ ◀┼─────▶ F/S │
│ │ ┌──────────────────┐ ┌──────────────────┐ │ │ │ │ └────────────────┘
│ │ │ │ │ │ │ │ │ │ ┌────────────────┐
│ │ │ Component #B │ │ Component #A │ │ │ │ ◀┼─────▶ Web │
│ │ │ │ │ │ │ │ │ │ └────────────────┘
│ │ │ │ │ │ │ │ │ │ ┌────────────────┐
│ │ └──────────────────┘ └──────────────────┘ │ │ │ ◀┼─────▶ Salesforce CLI │
│ │ ┌───────────────────────────────────────┐ │ │ │ │ └────────────────┘
│ │ │ │ │ │ │ │
│ │ │ Component #C │ │ │ │ │
│ │ │ │ │ │ │ │
│ │ │ │ │ │ │ │
│ │ └───────────────────────────────────────┘ │ │ │ │
│ │ │ │ │ │
│ │ │ │ │ │
│ │ │ │ │ │
│ │ ┌─────────────────┐ │ │ │ ┌─────────────────┐ │
│ │ │ │ │ │ ┌───────────┐ │ │ │ │
│ │ │ │ │ │ │postMessage│ │ │ │ │
│ │ │ ┌─────────────┐ │ │ ──┼──────┴───────────┴───────┼▶ │ ┌─────────────┐ │ │
│ │ │ │EventListener│ │ │ │ │ │ │EventListener│ │ │
│ │ │ └─────────────┘ │ │ │ │ │ └─────────────┘ │ │
│ │ │ │ │ │ │ │ │ │
│ │ │ │ │ │ │ │ │ │
│ │ ◀──────────┘ │ ◀─┼──────┬───────────┬───────┼─ ◀──────────┘ │
│ │ │ │ │postMessage│ │ │
│ └───────────────────────────────────────────┘ │ └───────────┘ │ │
│ HTML Page #2 │ └─────────────────────────┘
│ │
└────────────────────────────────────────────────────┘ VS Code Extension
+----------------------------------------------------+
| |
| +-------------------------------------------+ |
| | | |
| | +------------------+ +------------------+ | |
| | | | | | | |
| | | Component #A | | Component #B | | |
| | | | | | | |
| | | | | | | |
| | +------------------+ +------------------+ | |
| | +---------------------------------------+ | |
| | | | | |
| | | Component #E | | |
| | | | | |
| | | | | |
| | +---------------------------------------+ | |
| | | |
| | | |
| | | | +-------------------------+
| | +-----------------+ | | +-----------+ | |
| | | | | | |postMessage| | +-----------------+ |
| | | | | --+------+-----------+-------+> | | |
| | | +-------------+ | | | | | | |
| | | |EventListener| | | | | | +-------------+ | |
| | | +-------------+ | | | | | |EventListener| | |
| | | | | | | | +-------------+ | |
| | | | | <-+------+-----------+-------+- | | |
| | <----------+ | | |postMessage| | | | |
| | | | +-----------+ | <----------+ |
| +-------------------------------------------+ | | |
| HTML Page #1 | | |
| | | |
+----------------------------------------------------+ | |
WebviewPanel #1 | |
| | -
+----------------------------------------------------+ | |
| | | |
| +-------------------------------------------+ | | | +----------------+
| | | | | <+-----> F/S |
| | +------------------+ +------------------+ | | | | +----------------+
| | | | | | | | | | +----------------+
| | | Component #B | | Component #A | | | | <+-----> Web |
| | | | | | | | | | +----------------+
| | | | | | | | | | +----------------+
| | +------------------+ +------------------+ | | | <+-----> Salesforce CLI |
| | +---------------------------------------+ | | | | +----------------+
| | | | | | | |
| | | Component #C | | | | |
| | | | | | | |
| | | | | | | |
| | +---------------------------------------+ | | | |
| | | | | |
| | | | | |
| | | | | |
| | +-----------------+ | | | +-----------------+ |
| | | | | | +-----------+ | | | |
| | | | | | |postMessage| | | | |
| | | +-------------+ | | --+------+-----------+-------+> | +-------------+ | |
| | | |EventListener| | | | | | |EventListener| | |
| | | +-------------+ | | | | | +-------------+ | |
| | | | | | | | | |
| | | | | | | | | |
| | <----------+ | <-+------+-----------+-------+- <----------+ |
| | | | |postMessage| | |
| +-------------------------------------------+ | +-----------+ | |
| HTML Page #2 | +-------------------------+
| |
+----------------------------------------------------+ VS Code Extension
WebviewPanel #2
Created with Monodraw
Expand Down

0 comments on commit 1138a45

Please sign in to comment.