From 1138a4540b2b944c43ebe09c85227d14abdec0c3 Mon Sep 17 00:00:00 2001 From: Nick Chen Date: Fri, 1 Jun 2018 20:37:40 -0700 Subject: [PATCH] Straighten diagram --- packages/salesforcedx-webview-ui/README.md | 136 ++++++++++----------- 1 file changed, 68 insertions(+), 68 deletions(-) diff --git a/packages/salesforcedx-webview-ui/README.md b/packages/salesforcedx-webview-ui/README.md index 21e1de1ce0..32fc449a79 100644 --- a/packages/salesforcedx-webview-ui/README.md +++ b/packages/salesforcedx-webview-ui/README.md @@ -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