From 2686b5d35d151493ef83392fadc019103d5af0f8 Mon Sep 17 00:00:00 2001
From: Roberto T <61755417+RobertGlobant20@users.noreply.github.com>
Date: Tue, 16 Aug 2022 00:45:02 -0500
Subject: [PATCH] Dyn 5106 webview2 documentation browser (#13212)

* DYN-5106-WebView2-DocumentationBrowser

I replaced the WebBrowser component by WebView2 in the file DocumentationBrowserView.xaml, also I added some functions for initializing WebView2,
The method ShouldAllowNavigation was modified due that WebView2 doesn't have the Navigating event and also the event handler receive different parameters then modified the function to implement the same behavior than the previous one.
Also I noticed that WebView2 CORS was blocking to load the jpg images that are shown for several nodes, then I had to create a mapped virtual directory in this way the html will be able to load the images and show them in the web page.
Finally I removed a tag in all the html that was making the web page compatible for IE based browsers (due that now we are using WebView2 a Chromium based browser).

* DYN-5106-WebView2-DocumentationBrowser Code Review

Due that the fallback_doc directory path can change depending if Dynamo is executed as Sandbox or if is over Revit then the path can be different so I added a code that will create the virtual directory depending of the correct fallback_doc directory path.
Also I modified the Md2Html class so now it will be inserting in the image source (<img src) the prefix "http://appassets" so it can be loaded from a virtual directory created by the DocumentationBrowser.

* DYN-5106-WebView2-DocumentationBrowser Code Review

- changing the visibility for the property FallbackDirectoryName
- renaming coreDir by docsDir

* DYN-5106-WebView2-DocumentationBrowser Code Review

Fixing CanCreateNodeDocumenationHtmlFromNodeAnnotationEventArgsWithPackageNodeWithAddtionalDocumentation test due that it was using and old format of the html <img> tab, then I updated the image to use the virtual folder and http.

Co-authored-by: Aaron (Qilong) <173288704@qq.com>
---
 .../Docs/ArgumentNullException.html           |  4 +-
 .../Docs/CustomNodeNotLoaded.html             |  4 +-
 .../Docs/Deprecated.html                      |  4 +-
 .../Docs/DereferencingNonPointer.html         |  4 +-
 .../Docs/ErrorPageTemplate.html               |  4 +-
 .../Docs/ExcelNotInstalled.html               |  4 +-
 .../Docs/FailedToCastFromNull.html            |  4 +-
 .../Docs/FileNotFound.html                    |  4 +-
 .../Docs/IntegerOverflow.html                 |  4 +-
 .../Docs/InternalError.html                   |  4 +-
 .../Docs/InvalidArrayIndexType.html           |  4 +-
 .../Docs/InvalidKeysLenghtErrorMessage.html   |  4 +-
 .../Docs/MarkdownStyling.html                 |  4 +-
 .../Docs/MessageErrorOpeningFileGeneral.html  |  4 +-
 .../MessageFailedToOpenCorruptedFile.html     |  4 +-
 .../Docs/NoContent.html                       |  4 +-
 .../NonOverloadMethodResolutionError.html     |  4 +-
 .../Docs/NothingIsSelectedWarning.html        |  4 +-
 .../Docs/OperationFailType1.html              |  4 +-
 .../Docs/RunCompletedWithWarningsMessage.html |  4 +-
 .../Docs/UnhandledException.html              |  4 +-
 .../UnhandledExceptionInDynamoEngine.html     |  4 +-
 ...GCoreCannotMakePolycurveFromEmptyList.html |  4 +-
 .../Docs/errorLibGCorePolycurveBranching.html |  4 +-
 ...errorLibGCorePolycurveMoreThanOneWIRE.html |  4 +-
 .../Docs/errorLibGCoreUnableToLoft.html       |  4 +-
 ...errorLibGCoreUnableUpdateSolidBySweep.html |  4 +-
 .../Docs/kArrayOverIndexed.html               |  4 +-
 .../Docs/kConvertArrayToNonArray.html         |  4 +-
 .../Docs/kCyclicDependency.html               |  4 +-
 .../Docs/kIndexOutOfRange.html                |  4 +-
 .../Docs/kMethodHasInvalidArguments.html      |  4 +-
 .../Docs/kMethodNotFound.html                 |  4 +-
 .../Docs/kMultipleSymbolFound.html            |  4 +-
 .../Docs/kPropertyOfClassNotFound.html        |  4 +-
 .../DocumentationBrowserView.xaml             | 11 ++--
 .../DocumentationBrowserView.xaml.cs          | 50 +++++++++++++------
 .../DocumentationBrowserViewExtension.cs      | 22 ++++++++
 .../DocumentationBrowserViewExtension.csproj  |  3 ++
 src/Tools/Md2Html/Md2Html.cs                  |  9 ++--
 .../DocumentationBrowserViewExtensionTests.cs |  6 +--
 41 files changed, 143 insertions(+), 98 deletions(-)

diff --git a/src/DocumentationBrowserViewExtension/Docs/ArgumentNullException.html b/src/DocumentationBrowserViewExtension/Docs/ArgumentNullException.html
index 40532f958e8..8f18bf5bf66 100644
--- a/src/DocumentationBrowserViewExtension/Docs/ArgumentNullException.html
+++ b/src/DocumentationBrowserViewExtension/Docs/ArgumentNullException.html
@@ -10,9 +10,9 @@
     Dynamo Dictionary: https://github.com/DynamoDS/DynamoDictionary_React
 -->
 
-<!-- These headers are required to force the browser embedded in the DocumentationBrowser extension to render in modern IE11 mode. -->
+
 <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    
     <meta charset="UTF-8" />
 </head>
 
diff --git a/src/DocumentationBrowserViewExtension/Docs/CustomNodeNotLoaded.html b/src/DocumentationBrowserViewExtension/Docs/CustomNodeNotLoaded.html
index 5c869ea0bb8..ea7183c3004 100644
--- a/src/DocumentationBrowserViewExtension/Docs/CustomNodeNotLoaded.html
+++ b/src/DocumentationBrowserViewExtension/Docs/CustomNodeNotLoaded.html
@@ -10,9 +10,9 @@
     Dynamo Dictionary: https://github.com/DynamoDS/DynamoDictionary_React
 -->
 
-<!-- These headers are required to force the browser embedded in the DocumentationBrowser extension to render in modern IE11 mode. -->
+
 <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    
     <meta charset="UTF-8" />
 </head>
 
diff --git a/src/DocumentationBrowserViewExtension/Docs/Deprecated.html b/src/DocumentationBrowserViewExtension/Docs/Deprecated.html
index 554a6aa32e8..1093a3cfa73 100644
--- a/src/DocumentationBrowserViewExtension/Docs/Deprecated.html
+++ b/src/DocumentationBrowserViewExtension/Docs/Deprecated.html
@@ -10,9 +10,9 @@
     Dynamo Dictionary: https://github.com/DynamoDS/DynamoDictionary_React
 -->
 
-<!-- These headers are required to force the browser embedded in the DocumentationBrowser extension to render in modern IE11 mode. -->
+
 <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    
     <meta charset="UTF-8" />
 </head>
 
diff --git a/src/DocumentationBrowserViewExtension/Docs/DereferencingNonPointer.html b/src/DocumentationBrowserViewExtension/Docs/DereferencingNonPointer.html
index 5cfd91746d0..18490ed0202 100644
--- a/src/DocumentationBrowserViewExtension/Docs/DereferencingNonPointer.html
+++ b/src/DocumentationBrowserViewExtension/Docs/DereferencingNonPointer.html
@@ -10,9 +10,9 @@
     Dynamo Dictionary: https://github.com/DynamoDS/DynamoDictionary_React
 -->
 
-<!-- These headers are required to force the browser embedded in the DocumentationBrowser extension to render in modern IE11 mode. -->
+
 <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    
     <meta charset="UTF-8" />
 </head>
 
diff --git a/src/DocumentationBrowserViewExtension/Docs/ErrorPageTemplate.html b/src/DocumentationBrowserViewExtension/Docs/ErrorPageTemplate.html
index b73f235be6a..e8da7ccac94 100644
--- a/src/DocumentationBrowserViewExtension/Docs/ErrorPageTemplate.html
+++ b/src/DocumentationBrowserViewExtension/Docs/ErrorPageTemplate.html
@@ -10,9 +10,9 @@
     Dynamo Dictionary: https://github.com/DynamoDS/DynamoDictionary_React
 -->
 
-<!-- These headers are required to force the browser embedded in the DocumentationBrowser extension to render in modern IE11 mode. -->
+
 <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    
     <meta charset="UTF-8" />
 </head>
 
diff --git a/src/DocumentationBrowserViewExtension/Docs/ExcelNotInstalled.html b/src/DocumentationBrowserViewExtension/Docs/ExcelNotInstalled.html
index b4c1c7421d3..f79311b8ae4 100644
--- a/src/DocumentationBrowserViewExtension/Docs/ExcelNotInstalled.html
+++ b/src/DocumentationBrowserViewExtension/Docs/ExcelNotInstalled.html
@@ -10,9 +10,9 @@
     Dynamo Dictionary: https://github.com/DynamoDS/DynamoDictionary_React
 -->
 
-<!-- These headers are required to force the browser embedded in the DocumentationBrowser extension to render in modern IE11 mode. -->
+
 <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    
     <meta charset="UTF-8" />
 </head>
 
diff --git a/src/DocumentationBrowserViewExtension/Docs/FailedToCastFromNull.html b/src/DocumentationBrowserViewExtension/Docs/FailedToCastFromNull.html
index 045a4ffd147..051f47089ab 100644
--- a/src/DocumentationBrowserViewExtension/Docs/FailedToCastFromNull.html
+++ b/src/DocumentationBrowserViewExtension/Docs/FailedToCastFromNull.html
@@ -10,9 +10,9 @@
     Dynamo Dictionary: https://github.com/DynamoDS/DynamoDictionary_React
 -->
 
-<!-- These headers are required to force the browser embedded in the DocumentationBrowser extension to render in modern IE11 mode. -->
+
 <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    
     <meta charset="UTF-8" />
 </head>
 
diff --git a/src/DocumentationBrowserViewExtension/Docs/FileNotFound.html b/src/DocumentationBrowserViewExtension/Docs/FileNotFound.html
index 8f26b2db110..b93122f025c 100644
--- a/src/DocumentationBrowserViewExtension/Docs/FileNotFound.html
+++ b/src/DocumentationBrowserViewExtension/Docs/FileNotFound.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 
-<!-- These headers are required to force the browser embedded in the DocumentationBrowser extension to render in modern IE11 mode. -->
+
 <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    
     <meta charset="UTF-8" />
 </head>
 
diff --git a/src/DocumentationBrowserViewExtension/Docs/IntegerOverflow.html b/src/DocumentationBrowserViewExtension/Docs/IntegerOverflow.html
index bcab5024323..56fbe2167cd 100644
--- a/src/DocumentationBrowserViewExtension/Docs/IntegerOverflow.html
+++ b/src/DocumentationBrowserViewExtension/Docs/IntegerOverflow.html
@@ -1,6 +1,6 @@
-<!-- These headers are required to force the browser embedded in the DocumentationBrowser extension to render in modern IE11 mode. -->
+
 <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    
     <meta charset="UTF-8" />
 </head>
 
diff --git a/src/DocumentationBrowserViewExtension/Docs/InternalError.html b/src/DocumentationBrowserViewExtension/Docs/InternalError.html
index b022914b2ac..2c77e28a709 100644
--- a/src/DocumentationBrowserViewExtension/Docs/InternalError.html
+++ b/src/DocumentationBrowserViewExtension/Docs/InternalError.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 
-<!-- These headers are required to force the browser embedded in the DocumentationBrowser extension to render in modern IE11 mode. -->
+
 <head>
-  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  
   <meta charset="UTF-8" />
 </head>
 
diff --git a/src/DocumentationBrowserViewExtension/Docs/InvalidArrayIndexType.html b/src/DocumentationBrowserViewExtension/Docs/InvalidArrayIndexType.html
index 9910efe3950..63ca69720c5 100644
--- a/src/DocumentationBrowserViewExtension/Docs/InvalidArrayIndexType.html
+++ b/src/DocumentationBrowserViewExtension/Docs/InvalidArrayIndexType.html
@@ -10,9 +10,9 @@
     Dynamo Dictionary: https://github.com/DynamoDS/DynamoDictionary_React
 -->
 
-<!-- These headers are required to force the browser embedded in the DocumentationBrowser extension to render in modern IE11 mode. -->
+
 <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    
     <meta charset="UTF-8" />
 </head>
 
diff --git a/src/DocumentationBrowserViewExtension/Docs/InvalidKeysLenghtErrorMessage.html b/src/DocumentationBrowserViewExtension/Docs/InvalidKeysLenghtErrorMessage.html
index 6877be45a48..847cf705b5e 100644
--- a/src/DocumentationBrowserViewExtension/Docs/InvalidKeysLenghtErrorMessage.html
+++ b/src/DocumentationBrowserViewExtension/Docs/InvalidKeysLenghtErrorMessage.html
@@ -10,9 +10,9 @@
     Dynamo Dictionary: https://github.com/DynamoDS/DynamoDictionary_React
 -->
 
-<!-- These headers are required to force the browser embedded in the DocumentationBrowser extension to render in modern IE11 mode. -->
+
 <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    
     <meta charset="UTF-8" />
 </head>
 
diff --git a/src/DocumentationBrowserViewExtension/Docs/MarkdownStyling.html b/src/DocumentationBrowserViewExtension/Docs/MarkdownStyling.html
index 84ede560890..431d5cacea0 100644
--- a/src/DocumentationBrowserViewExtension/Docs/MarkdownStyling.html
+++ b/src/DocumentationBrowserViewExtension/Docs/MarkdownStyling.html
@@ -1,6 +1,6 @@
-<!-- These headers are required to force the browser embedded in the DocumentationBrowser extension to render in modern IE11 mode. -->
+
 <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <style>
diff --git a/src/DocumentationBrowserViewExtension/Docs/MessageErrorOpeningFileGeneral.html b/src/DocumentationBrowserViewExtension/Docs/MessageErrorOpeningFileGeneral.html
index 14377ac4b8c..0bdbe752f64 100644
--- a/src/DocumentationBrowserViewExtension/Docs/MessageErrorOpeningFileGeneral.html
+++ b/src/DocumentationBrowserViewExtension/Docs/MessageErrorOpeningFileGeneral.html
@@ -10,9 +10,9 @@
     Dynamo Dictionary: https://github.com/DynamoDS/DynamoDictionary_React
 -->
 
-<!-- These headers are required to force the browser embedded in the DocumentationBrowser extension to render in modern IE11 mode. -->
+
 <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    
     <meta charset="UTF-8" />
 </head>
 
diff --git a/src/DocumentationBrowserViewExtension/Docs/MessageFailedToOpenCorruptedFile.html b/src/DocumentationBrowserViewExtension/Docs/MessageFailedToOpenCorruptedFile.html
index 0637e47fa92..e7498c519b3 100644
--- a/src/DocumentationBrowserViewExtension/Docs/MessageFailedToOpenCorruptedFile.html
+++ b/src/DocumentationBrowserViewExtension/Docs/MessageFailedToOpenCorruptedFile.html
@@ -10,9 +10,9 @@
     Dynamo Dictionary: https://github.com/DynamoDS/DynamoDictionary_React
 -->
 
-<!-- These headers are required to force the browser embedded in the DocumentationBrowser extension to render in modern IE11 mode. -->
+
 <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    
     <meta charset="UTF-8" />
 </head>
 
diff --git a/src/DocumentationBrowserViewExtension/Docs/NoContent.html b/src/DocumentationBrowserViewExtension/Docs/NoContent.html
index 11dc38fa926..be0c83ac480 100644
--- a/src/DocumentationBrowserViewExtension/Docs/NoContent.html
+++ b/src/DocumentationBrowserViewExtension/Docs/NoContent.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 
-<!-- These headers are required to force the browser embedded in the DocumentationBrowser extension to render in modern IE11 mode. -->
+
 <head>
-  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  
   <meta charset="UTF-8" />
 </head>
 
diff --git a/src/DocumentationBrowserViewExtension/Docs/NonOverloadMethodResolutionError.html b/src/DocumentationBrowserViewExtension/Docs/NonOverloadMethodResolutionError.html
index 24f9eaf1c20..7834859866c 100644
--- a/src/DocumentationBrowserViewExtension/Docs/NonOverloadMethodResolutionError.html
+++ b/src/DocumentationBrowserViewExtension/Docs/NonOverloadMethodResolutionError.html
@@ -10,9 +10,9 @@
     Dynamo Dictionary: https://github.com/DynamoDS/DynamoDictionary_React
 -->
 
-<!-- These headers are required to force the browser embedded in the DocumentationBrowser extension to render in modern IE11 mode. -->
+
 <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    
     <meta charset="UTF-8" />
 </head>
 
diff --git a/src/DocumentationBrowserViewExtension/Docs/NothingIsSelectedWarning.html b/src/DocumentationBrowserViewExtension/Docs/NothingIsSelectedWarning.html
index 9f4447b1d77..39e10c1b518 100644
--- a/src/DocumentationBrowserViewExtension/Docs/NothingIsSelectedWarning.html
+++ b/src/DocumentationBrowserViewExtension/Docs/NothingIsSelectedWarning.html
@@ -10,9 +10,9 @@
     Dynamo Dictionary: https://github.com/DynamoDS/DynamoDictionary_React
 -->
 
-<!-- These headers are required to force the browser embedded in the DocumentationBrowser extension to render in modern IE11 mode. -->
+
 <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    
     <meta charset="UTF-8" />
 </head>
 
diff --git a/src/DocumentationBrowserViewExtension/Docs/OperationFailType1.html b/src/DocumentationBrowserViewExtension/Docs/OperationFailType1.html
index 740981cc297..103777059a3 100644
--- a/src/DocumentationBrowserViewExtension/Docs/OperationFailType1.html
+++ b/src/DocumentationBrowserViewExtension/Docs/OperationFailType1.html
@@ -10,9 +10,9 @@
     Dynamo Dictionary: https://github.com/DynamoDS/DynamoDictionary_React
 -->
 
-<!-- These headers are required to force the browser embedded in the DocumentationBrowser extension to render in modern IE11 mode. -->
+
 <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    
     <meta charset="UTF-8" />
 </head>
 
diff --git a/src/DocumentationBrowserViewExtension/Docs/RunCompletedWithWarningsMessage.html b/src/DocumentationBrowserViewExtension/Docs/RunCompletedWithWarningsMessage.html
index 592b3e46e05..95979d8f8d6 100644
--- a/src/DocumentationBrowserViewExtension/Docs/RunCompletedWithWarningsMessage.html
+++ b/src/DocumentationBrowserViewExtension/Docs/RunCompletedWithWarningsMessage.html
@@ -10,9 +10,9 @@
     Dynamo Dictionary: https://github.com/DynamoDS/DynamoDictionary_React
 -->
 
-<!-- These headers are required to force the browser embedded in the DocumentationBrowser extension to render in modern IE11 mode. -->
+
 <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    
     <meta charset="UTF-8" />
 </head>
 
diff --git a/src/DocumentationBrowserViewExtension/Docs/UnhandledException.html b/src/DocumentationBrowserViewExtension/Docs/UnhandledException.html
index 6ae21490a57..17dcf747a80 100644
--- a/src/DocumentationBrowserViewExtension/Docs/UnhandledException.html
+++ b/src/DocumentationBrowserViewExtension/Docs/UnhandledException.html
@@ -10,9 +10,9 @@
     Dynamo Dictionary: https://github.com/DynamoDS/DynamoDictionary_React
 -->
 
-<!-- These headers are required to force the browser embedded in the DocumentationBrowser extension to render in modern IE11 mode. -->
+
 <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    
     <meta charset="UTF-8" />
 </head>
 
diff --git a/src/DocumentationBrowserViewExtension/Docs/UnhandledExceptionInDynamoEngine.html b/src/DocumentationBrowserViewExtension/Docs/UnhandledExceptionInDynamoEngine.html
index bf066f0d7e1..8ef61b24a67 100644
--- a/src/DocumentationBrowserViewExtension/Docs/UnhandledExceptionInDynamoEngine.html
+++ b/src/DocumentationBrowserViewExtension/Docs/UnhandledExceptionInDynamoEngine.html
@@ -10,9 +10,9 @@
     Dynamo Dictionary: https://github.com/DynamoDS/DynamoDictionary_React
 -->
 
-<!-- These headers are required to force the browser embedded in the DocumentationBrowser extension to render in modern IE11 mode. -->
+
 <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    
     <meta charset="UTF-8" />
 </head>
 
diff --git a/src/DocumentationBrowserViewExtension/Docs/errorLibGCoreCannotMakePolycurveFromEmptyList.html b/src/DocumentationBrowserViewExtension/Docs/errorLibGCoreCannotMakePolycurveFromEmptyList.html
index 487d8ffe83a..1d1ed5e7457 100644
--- a/src/DocumentationBrowserViewExtension/Docs/errorLibGCoreCannotMakePolycurveFromEmptyList.html
+++ b/src/DocumentationBrowserViewExtension/Docs/errorLibGCoreCannotMakePolycurveFromEmptyList.html
@@ -10,9 +10,9 @@
     Dynamo Dictionary: https://github.com/DynamoDS/DynamoDictionary_React
 -->
 
-<!-- These headers are required to force the browser embedded in the DocumentationBrowser extension to render in modern IE11 mode. -->
+
 <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    
     <meta charset="UTF-8" />
 </head>
 
diff --git a/src/DocumentationBrowserViewExtension/Docs/errorLibGCorePolycurveBranching.html b/src/DocumentationBrowserViewExtension/Docs/errorLibGCorePolycurveBranching.html
index ded34a0d70f..3c84a357f12 100644
--- a/src/DocumentationBrowserViewExtension/Docs/errorLibGCorePolycurveBranching.html
+++ b/src/DocumentationBrowserViewExtension/Docs/errorLibGCorePolycurveBranching.html
@@ -10,9 +10,9 @@
     Dynamo Dictionary: https://github.com/DynamoDS/DynamoDictionary_React
 -->
 
-<!-- These headers are required to force the browser embedded in the DocumentationBrowser extension to render in modern IE11 mode. -->
+
 <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    
     <meta charset="UTF-8" />
 </head>
 
diff --git a/src/DocumentationBrowserViewExtension/Docs/errorLibGCorePolycurveMoreThanOneWIRE.html b/src/DocumentationBrowserViewExtension/Docs/errorLibGCorePolycurveMoreThanOneWIRE.html
index 3cd20847909..485111488a1 100644
--- a/src/DocumentationBrowserViewExtension/Docs/errorLibGCorePolycurveMoreThanOneWIRE.html
+++ b/src/DocumentationBrowserViewExtension/Docs/errorLibGCorePolycurveMoreThanOneWIRE.html
@@ -10,9 +10,9 @@
     Dynamo Dictionary: https://github.com/DynamoDS/DynamoDictionary_React
 -->
 
-<!-- These headers are required to force the browser embedded in the DocumentationBrowser extension to render in modern IE11 mode. -->
+
 <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    
     <meta charset="UTF-8" />
 </head>
 
diff --git a/src/DocumentationBrowserViewExtension/Docs/errorLibGCoreUnableToLoft.html b/src/DocumentationBrowserViewExtension/Docs/errorLibGCoreUnableToLoft.html
index 8bf0291d662..63c0244cf41 100644
--- a/src/DocumentationBrowserViewExtension/Docs/errorLibGCoreUnableToLoft.html
+++ b/src/DocumentationBrowserViewExtension/Docs/errorLibGCoreUnableToLoft.html
@@ -10,9 +10,9 @@
     Dynamo Dictionary: https://github.com/DynamoDS/DynamoDictionary_React
 -->
 
-<!-- These headers are required to force the browser embedded in the DocumentationBrowser extension to render in modern IE11 mode. -->
+
 <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    
     <meta charset="UTF-8" />
 </head>
 
diff --git a/src/DocumentationBrowserViewExtension/Docs/errorLibGCoreUnableUpdateSolidBySweep.html b/src/DocumentationBrowserViewExtension/Docs/errorLibGCoreUnableUpdateSolidBySweep.html
index 239d05bbae7..a3694581594 100644
--- a/src/DocumentationBrowserViewExtension/Docs/errorLibGCoreUnableUpdateSolidBySweep.html
+++ b/src/DocumentationBrowserViewExtension/Docs/errorLibGCoreUnableUpdateSolidBySweep.html
@@ -10,9 +10,9 @@
     Dynamo Dictionary: https://github.com/DynamoDS/DynamoDictionary_React
 -->
 
-<!-- These headers are required to force the browser embedded in the DocumentationBrowser extension to render in modern IE11 mode. -->
+
 <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    
     <meta charset="UTF-8" />
 </head>
 
diff --git a/src/DocumentationBrowserViewExtension/Docs/kArrayOverIndexed.html b/src/DocumentationBrowserViewExtension/Docs/kArrayOverIndexed.html
index a7be5f88cb1..835a60a01db 100644
--- a/src/DocumentationBrowserViewExtension/Docs/kArrayOverIndexed.html
+++ b/src/DocumentationBrowserViewExtension/Docs/kArrayOverIndexed.html
@@ -10,9 +10,9 @@
     Dynamo Dictionary: https://github.com/DynamoDS/DynamoDictionary_React
 -->
 
-<!-- These headers are required to force the browser embedded in the DocumentationBrowser extension to render in modern IE11 mode. -->
+
 <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    
     <meta charset="UTF-8" />
 </head>
 
diff --git a/src/DocumentationBrowserViewExtension/Docs/kConvertArrayToNonArray.html b/src/DocumentationBrowserViewExtension/Docs/kConvertArrayToNonArray.html
index ab2baec3db5..c6ba55bc876 100644
--- a/src/DocumentationBrowserViewExtension/Docs/kConvertArrayToNonArray.html
+++ b/src/DocumentationBrowserViewExtension/Docs/kConvertArrayToNonArray.html
@@ -10,9 +10,9 @@
     Dynamo Dictionary: https://github.com/DynamoDS/DynamoDictionary_React
 -->
 
-<!-- These headers are required to force the browser embedded in the DocumentationBrowser extension to render in modern IE11 mode. -->
+
 <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    
     <meta charset="UTF-8" />
 </head>
 
diff --git a/src/DocumentationBrowserViewExtension/Docs/kCyclicDependency.html b/src/DocumentationBrowserViewExtension/Docs/kCyclicDependency.html
index b29ea12ee24..6305976bfe5 100644
--- a/src/DocumentationBrowserViewExtension/Docs/kCyclicDependency.html
+++ b/src/DocumentationBrowserViewExtension/Docs/kCyclicDependency.html
@@ -10,9 +10,9 @@
     Dynamo Dictionary: https://github.com/DynamoDS/DynamoDictionary_React
 -->
 
-<!-- These headers are required to force the browser embedded in the DocumentationBrowser extension to render in modern IE11 mode. -->
+
 <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    
     <meta charset="UTF-8" />
 </head>
 
diff --git a/src/DocumentationBrowserViewExtension/Docs/kIndexOutOfRange.html b/src/DocumentationBrowserViewExtension/Docs/kIndexOutOfRange.html
index dda573a182d..385476356c1 100644
--- a/src/DocumentationBrowserViewExtension/Docs/kIndexOutOfRange.html
+++ b/src/DocumentationBrowserViewExtension/Docs/kIndexOutOfRange.html
@@ -10,9 +10,9 @@
     Dynamo Dictionary: https://github.com/DynamoDS/DynamoDictionary_React
 -->
 
-<!-- These headers are required to force the browser embedded in the DocumentationBrowser extension to render in modern IE11 mode. -->
+
 <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    
     <meta charset="UTF-8" />
 </head>
 
diff --git a/src/DocumentationBrowserViewExtension/Docs/kMethodHasInvalidArguments.html b/src/DocumentationBrowserViewExtension/Docs/kMethodHasInvalidArguments.html
index fc504ed51f4..86746174680 100644
--- a/src/DocumentationBrowserViewExtension/Docs/kMethodHasInvalidArguments.html
+++ b/src/DocumentationBrowserViewExtension/Docs/kMethodHasInvalidArguments.html
@@ -10,9 +10,9 @@
     Dynamo Dictionary: https://github.com/DynamoDS/DynamoDictionary_React
 -->
 
-<!-- These headers are required to force the browser embedded in the DocumentationBrowser extension to render in modern IE11 mode. -->
+
 <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    
     <meta charset="UTF-8" />
 </head>
 
diff --git a/src/DocumentationBrowserViewExtension/Docs/kMethodNotFound.html b/src/DocumentationBrowserViewExtension/Docs/kMethodNotFound.html
index 97b25d3b22e..c108cb13717 100644
--- a/src/DocumentationBrowserViewExtension/Docs/kMethodNotFound.html
+++ b/src/DocumentationBrowserViewExtension/Docs/kMethodNotFound.html
@@ -10,9 +10,9 @@
     Dynamo Dictionary: https://github.com/DynamoDS/DynamoDictionary_React
 -->
 
-<!-- These headers are required to force the browser embedded in the DocumentationBrowser extension to render in modern IE11 mode. -->
+
 <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    
     <meta charset="UTF-8" />
 </head>
 
diff --git a/src/DocumentationBrowserViewExtension/Docs/kMultipleSymbolFound.html b/src/DocumentationBrowserViewExtension/Docs/kMultipleSymbolFound.html
index 651c62a2248..13465813b20 100644
--- a/src/DocumentationBrowserViewExtension/Docs/kMultipleSymbolFound.html
+++ b/src/DocumentationBrowserViewExtension/Docs/kMultipleSymbolFound.html
@@ -10,9 +10,9 @@
     Dynamo Dictionary: https://github.com/DynamoDS/DynamoDictionary_React
 -->
 
-<!-- These headers are required to force the browser embedded in the DocumentationBrowser extension to render in modern IE11 mode. -->
+
 <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    
     <meta charset="UTF-8" />
 </head>
 
diff --git a/src/DocumentationBrowserViewExtension/Docs/kPropertyOfClassNotFound.html b/src/DocumentationBrowserViewExtension/Docs/kPropertyOfClassNotFound.html
index c2d5bb39385..cffe1f02bd7 100644
--- a/src/DocumentationBrowserViewExtension/Docs/kPropertyOfClassNotFound.html
+++ b/src/DocumentationBrowserViewExtension/Docs/kPropertyOfClassNotFound.html
@@ -10,9 +10,9 @@
     Dynamo Dictionary: https://github.com/DynamoDS/DynamoDictionary_React
 -->
 
-<!-- These headers are required to force the browser embedded in the DocumentationBrowser extension to render in modern IE11 mode. -->
+
 <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    
     <meta charset="UTF-8" />
 </head>
 
diff --git a/src/DocumentationBrowserViewExtension/DocumentationBrowserView.xaml b/src/DocumentationBrowserViewExtension/DocumentationBrowserView.xaml
index 646a2906787..a5690cca527 100644
--- a/src/DocumentationBrowserViewExtension/DocumentationBrowserView.xaml
+++ b/src/DocumentationBrowserViewExtension/DocumentationBrowserView.xaml
@@ -4,6 +4,7 @@
              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
              xmlns:ui="clr-namespace:Dynamo.UI;assembly=DynamoCoreWpf"
+             xmlns:wv2="clr-namespace:Microsoft.Web.WebView2.Wpf;assembly=Microsoft.Web.WebView2.Wpf"
              mc:Ignorable="d" 
              HorizontalAlignment="Stretch"
              VerticalAlignment="Stretch"
@@ -21,11 +22,9 @@
         <Grid.RowDefinitions>
             <RowDefinition Height="*"/>
         </Grid.RowDefinitions>
-
-        <WebBrowser 
-            Name="documentationBrowser"
-            Grid.Row="0"
-            HorizontalAlignment="Stretch"
-            Visibility="{Binding Path=ShowBrowser,Converter={StaticResource BooleanToVisibilityConverter}}"/>
+        <wv2:WebView2 Name="documentationBrowser"
+                      Grid.Row="0"
+                      HorizontalAlignment="Stretch"
+                      Visibility="{Binding Path=ShowBrowser,Converter={StaticResource BooleanToVisibilityConverter}}"/>
     </Grid>
 </UserControl>
diff --git a/src/DocumentationBrowserViewExtension/DocumentationBrowserView.xaml.cs b/src/DocumentationBrowserViewExtension/DocumentationBrowserView.xaml.cs
index 09acc4e5e56..91b6747b5aa 100644
--- a/src/DocumentationBrowserViewExtension/DocumentationBrowserView.xaml.cs
+++ b/src/DocumentationBrowserViewExtension/DocumentationBrowserView.xaml.cs
@@ -1,6 +1,12 @@
 using Dynamo.Logging;
+using Dynamo.Utilities;
+using Microsoft.Web.WebView2.Core;
+using Microsoft.Web.WebView2.Wpf;
 using System;
 using System.Diagnostics;
+using System.IO;
+using System.Reflection;
+using System.Web;
 using System.Windows;
 using System.Windows.Controls;
 using System.Windows.Navigation;
@@ -14,6 +20,10 @@ public partial class DocumentationBrowserView : UserControl, IDisposable
     {
         private const string ABOUT_BLANK_URI = "about:blank";
         private readonly DocumentationBrowserViewModel viewModel;
+        private const string VIRTUAL_FOLDER_MAPPING = "appassets";
+        static readonly string HTML_IMAGE_PATH_PREFIX = @"http://";
+
+        internal string FallbackDirectoryName { get; set; }
 
         /// <summary>
         /// Construct a new DocumentationBrowserView given an appropriate viewmodel.
@@ -28,10 +38,9 @@ public DocumentationBrowserView(DocumentationBrowserViewModel viewModel)
             // subscribe to the link changed event on the view model
             // so we know when to navigate to a new documentation page/document
             viewModel.LinkChanged += NavigateToPage;
-
             // handle browser component events & disable certain features that are not needed
             this.documentationBrowser.AllowDrop = false;
-            this.documentationBrowser.Navigating += ShouldAllowNavigation;
+            this.documentationBrowser.NavigationStarting += ShouldAllowNavigation;
             this.documentationBrowser.DpiChanged += DocumentationBrowser_DpiChanged;
         }
 
@@ -41,7 +50,7 @@ private void DocumentationBrowser_DpiChanged(object sender, DpiChangedEventArgs
             {
                 // it's possible we're trying to invoke this before the adaptDPI function is
                 // injected into the script scope, wrap this in a try catch.
-                documentationBrowser.InvokeScript("adaptDPI()");
+                documentationBrowser.ExecuteScriptAsync("adaptDPI()");
             }
             catch (Exception e)
             {
@@ -53,12 +62,11 @@ private void DocumentationBrowser_DpiChanged(object sender, DpiChangedEventArgs
         /// </summary>
         /// <param name="sender"></param>
         /// <param name="e"></param>
-        private void ShouldAllowNavigation(object sender, NavigatingCancelEventArgs e)
+        private void ShouldAllowNavigation(object sender, CoreWebView2NavigationStartingEventArgs e)
         {
-            // do not allow refreshes, back or forward navigation
-            if (e.NavigationMode != NavigationMode.New)
+            // if is not an URL then we should return otherwise it will crash when trying to open the URL in the default Web Browser
+            if(!e.Uri.StartsWith(HTML_IMAGE_PATH_PREFIX.Substring(0,4)))
             {
-                e.Cancel = true;
                 return;
             }
 
@@ -68,7 +76,7 @@ private void ShouldAllowNavigation(object sender, NavigatingCancelEventArgs e)
 
             // we want to cancel navigation when a clicked link would navigate 
             // away from the page the ViewModel wants to display
-            var isAboutBlankLink = e.Uri.OriginalString.Equals(ABOUT_BLANK_URI);
+            var isAboutBlankLink = e.Uri.ToString().Equals(ABOUT_BLANK_URI);
             var isRemoteLinkFromLocalDocument = !e.Uri.Equals(this.viewModel.Link);
 
             if (isAboutBlankLink || isRemoteLinkFromLocalDocument)
@@ -76,7 +84,7 @@ private void ShouldAllowNavigation(object sender, NavigatingCancelEventArgs e)
                 // in either of these two cases, cancel the navigation 
                 // and redirect it to a new process that starts the default OS browser
                 e.Cancel = true;
-                Process.Start(new ProcessStartInfo(e.Uri.AbsoluteUri));
+                Process.Start(new ProcessStartInfo(e.Uri));
             }
         }
 
@@ -88,17 +96,14 @@ private void ShouldAllowNavigation(object sender, NavigatingCancelEventArgs e)
         /// <param name="link"></param>
         public void NavigateToPage(Uri link)
         {
-            Dispatcher.BeginInvoke(new Action(() =>
-            {
-                this.documentationBrowser.NavigateToString(this.viewModel.GetContent());
-            }));
+            InitializeAsync();
         }
 
         protected virtual void Dispose(bool disposing)
         {
             // Cleanup
             this.viewModel.LinkChanged -= NavigateToPage;
-            this.documentationBrowser.Navigating -= ShouldAllowNavigation;
+            this.documentationBrowser.NavigationStarting -= ShouldAllowNavigation;
             // Note to test writers
             // Disposing the document browser will cause future tests
             // that uses the Browser component to crash
@@ -109,6 +114,23 @@ protected virtual void Dispose(bool disposing)
             this.documentationBrowser.DpiChanged -= DocumentationBrowser_DpiChanged;
         }
 
+        async void InitializeAsync()
+        {
+            //Initialize the CoreWebView2 component otherwise we can't navigate to a web page
+            await documentationBrowser.EnsureCoreWebView2Async();
+
+            //Due that the Web Browser(WebView2 - Chromium) security CORS is blocking the load of resources like images then we need to create a virtual folder in which the image are located.
+            this.documentationBrowser.CoreWebView2.SetVirtualHostNameToFolderMapping(VIRTUAL_FOLDER_MAPPING, FallbackDirectoryName, CoreWebView2HostResourceAccessKind.DenyCors);
+
+            //This will remove special characters in paths (like <img src="/path")
+            string htmlContent = HttpUtility.UrlDecode(this.viewModel.GetContent());
+
+            Dispatcher.BeginInvoke(new Action(() =>
+            {
+                this.documentationBrowser.NavigateToString(htmlContent);
+            }));
+        }
+
         /// <summary>
         /// Dispose function for DocumentationBrowser
         /// </summary>
diff --git a/src/DocumentationBrowserViewExtension/DocumentationBrowserViewExtension.cs b/src/DocumentationBrowserViewExtension/DocumentationBrowserViewExtension.cs
index a5ed6aa345c..369458b92f3 100644
--- a/src/DocumentationBrowserViewExtension/DocumentationBrowserViewExtension.cs
+++ b/src/DocumentationBrowserViewExtension/DocumentationBrowserViewExtension.cs
@@ -1,5 +1,6 @@
 using System;
 using System.ComponentModel;
+using System.IO;
 using System.Linq;
 using System.Windows;
 using System.Windows.Controls;
@@ -20,6 +21,9 @@ public class DocumentationBrowserViewExtension : ViewExtensionBase, IViewExtensi
         private ViewLoadedParams viewLoadedParamsReference;
         private MenuItem documentationBrowserMenuItem;
         private PackageManagerExtension pmExtension;
+        private const string FALLBACK_DOC_DIRECTORY_NAME = "fallback_docs";
+        //these fields should only be directly set by tests.
+        internal DirectoryInfo fallbackDocPath;
 
         internal DocumentationBrowserView BrowserView { get; private set; }
         internal DocumentationBrowserViewModel ViewModel { get; private set; }
@@ -57,6 +61,24 @@ public override void Startup(ViewStartupParams viewStartupParams)
         {
             pmExtension = viewStartupParams.ExtensionManager.Extensions.OfType<PackageManagerExtension>().FirstOrDefault();
             PackageDocumentationManager.Instance.AddDynamoPaths(viewStartupParams.PathManager);
+
+            var pathManager = viewStartupParams.PathManager;
+            if (!string.IsNullOrEmpty(pathManager.DynamoCoreDirectory))
+            {
+                var docsDir = new DirectoryInfo(Path.Combine(pathManager.DynamoCoreDirectory, FALLBACK_DOC_DIRECTORY_NAME));
+                fallbackDocPath = docsDir.Exists ? docsDir : null;
+            }
+
+            if (!string.IsNullOrEmpty(pathManager.HostApplicationDirectory))
+            {
+                var docsDir = new DirectoryInfo(Path.Combine(pathManager.HostApplicationDirectory, FALLBACK_DOC_DIRECTORY_NAME));
+                fallbackDocPath = docsDir.Exists ? docsDir : null;
+            }
+
+            if(this.BrowserView != null)
+            {
+                this.BrowserView.FallbackDirectoryName = fallbackDocPath.FullName;
+            }
         }
 
         public override void Loaded(ViewLoadedParams viewLoadedParams)
diff --git a/src/DocumentationBrowserViewExtension/DocumentationBrowserViewExtension.csproj b/src/DocumentationBrowserViewExtension/DocumentationBrowserViewExtension.csproj
index 5271e4a4d72..b53cee80afd 100644
--- a/src/DocumentationBrowserViewExtension/DocumentationBrowserViewExtension.csproj
+++ b/src/DocumentationBrowserViewExtension/DocumentationBrowserViewExtension.csproj
@@ -111,6 +111,9 @@
   <ItemGroup>
     <EmbeddedResource Include="Docs\syntaxHighlight.html" />
   </ItemGroup>
+  <ItemGroup>
+    <PackageReference Include="Microsoft.Web.WebView2" Version="1.0.1264.42" />
+  </ItemGroup>
   <ItemGroup>
     <Compile Update="Properties\Resources.Designer.cs">
       <AutoGen>True</AutoGen>
diff --git a/src/Tools/Md2Html/Md2Html.cs b/src/Tools/Md2Html/Md2Html.cs
index 6fc9c9f18ff..fb6f2f9ddad 100644
--- a/src/Tools/Md2Html/Md2Html.cs
+++ b/src/Tools/Md2Html/Md2Html.cs
@@ -16,6 +16,8 @@ internal class Md2Html
     {
         private readonly MarkdownPipeline pipeline;
         private static Md2Html instance;
+        static readonly string HTTP_IMAGE_PATH_PREFIX = @"http://";
+        private const string VIRTUAL_FOLDER_MAPPING = "appassets";
 
         internal static Md2Html Instance
         {
@@ -79,12 +81,9 @@ private static void ConvertRelativeLocalImagePathsToAbsolute(string mdFilePath,
                     continue;
 
                 var imageName = Path.GetFileName(image.Url);
-                var dir = Path.GetDirectoryName(mdFilePath);
+                var absoluteImagePath = Path.Combine(VIRTUAL_FOLDER_MAPPING, imageName);
 
-                var htmlImagePathPrefix = @"file:///";
-                var absoluteImagePath = Path.Combine(dir, imageName);
-
-                image.Url = $"{htmlImagePathPrefix}{absoluteImagePath}";
+                image.Url = $"{HTTP_IMAGE_PATH_PREFIX}{absoluteImagePath}";
             }
         }
 
diff --git a/test/DynamoCoreWpfTests/ViewExtensions/DocumentationBrowserViewExtensionTests.cs b/test/DynamoCoreWpfTests/ViewExtensions/DocumentationBrowserViewExtensionTests.cs
index cf84c543555..ad7bde5e564 100644
--- a/test/DynamoCoreWpfTests/ViewExtensions/DocumentationBrowserViewExtensionTests.cs
+++ b/test/DynamoCoreWpfTests/ViewExtensions/DocumentationBrowserViewExtensionTests.cs
@@ -497,14 +497,13 @@ public void CanCreateNodeDocumenationHtmlFromNodeAnnotationEventArgsWithPackageN
 
             var testDirectory = GetTestDirectory(this.ExecutingDirectory);
             var localImagePath = Path.Combine(testDirectory, @"core\docbrowser\pkgs\PackageWithNodeDocumentation\doc\icon.png");
-            var localImagePathHtml = localImagePath.Replace("\\", @"%5C");
-            
+
             var docBrowserviewExtension = this.View.viewExtensionManager.ViewExtensions.OfType<DocumentationBrowserViewExtension>().FirstOrDefault();
             var nodeName = "Package.Hello";
             var expectedNodeDocumentationTitle = $"<h1>{nodeName}</h1>";
             var expectedNodeDocumentationNamespace = $"<p><i>Package.{nodeName}</i></p>";
             var expectedAddtionalNodeDocumentationHeader = @"<h1 id=""hello-dynamo"">Hello Dynamo!</h1>";
-            var expectedAddtionalNodeDocumentationImage = String.Format(@"<p><img src=""file:///{0}"" alt=""Dynamo Icon image"" /></p>",localImagePathHtml);
+            var expectedAddtionalNodeDocumentationImage = String.Format(@"<p><img src=""http://appassets/{0}"" alt=""Dynamo Icon image"" /></p>", Path.GetFileName(localImagePath));
 
             // Act
 
@@ -520,6 +519,7 @@ public void CanCreateNodeDocumenationHtmlFromNodeAnnotationEventArgsWithPackageN
             docBrowserviewExtension.HandleRequestOpenDocumentationLink(nodeAnnotationEventArgs);
             var tabsAfterExternalEventTrigger = this.View.ExtensionTabItems.Count;
             var htmlContent = GetSidebarDocsBrowserContents();
+            htmlContent = htmlContent.Replace(@"%5C", "/");
 
             // Assert
             Assert.AreEqual(0, tabsBeforeExternalEventTrigger);