DynamoDS · sm6srw · Dec 2, 2020 · Sep 17, 2020 · Sep 17, 2020 · Sep 17, 2020
diff --git a/src/DocumentationBrowserViewExtension/Docs/MarkdownStyling.html b/src/DocumentationBrowserViewExtension/Docs/MarkdownStyling.html
@@ -0,0 +1,250 @@
+<!-- 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>
+        /* PrismJS 1.21.0
+        https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript+bash+c+csharp+cpp+ini+java+javadoc+javadoclike+javastacktrace+json+json5+jsonp+jsstacktrace+js-templates+markdown+powershell+python+sql+typescript+typoscript+xml-doc */
+        /**
+        * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML
+        * Based on https://github.com/chriskempson/tomorrow-theme
+        * @author Rose Pritchard
+        */
+        code[class*=language-], pre[class*=language-] {
+            color: #ccc;
+            background: 0 0;
+            font-family: Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;
+            font-size: 1em;
+            text-align: left;
+            white-space: pre;
+            word-spacing: normal;
+            word-break: normal;
+            word-wrap: normal;
+            line-height: 1.5;
+            -moz-tab-size: 4;
+            -o-tab-size: 4;
+            tab-size: 4;
+            -webkit-hyphens: none;
+            -moz-hyphens: none;
+            -ms-hyphens: none;
+            hyphens: none
+        }
+
+        pre[class*=language-] {
+            padding: 1em;
+            margin: .5em 0;
+            overflow: auto
+        }
+
+        :not(pre) > code[class*=language-], pre[class*=language-] {
+            background: #1e1e1e
+        }
+
+        :not(pre) > code[class*=language-] {
+            padding: .1em;
+            border-radius: .3em;
+            white-space: normal
+        }
+
+        .token.block-comment, .token.cdata, .token.comment, .token.doctype, .token.prolog {
+            color: #999
+        }
+
+        .token.punctuation {
+            color: #ccc
+        }
+
+        .token.attr-name, .token.deleted, .token.namespace, .token.tag {
+            color: #e2777a
+        }
+
+        .token.function-name {
+            color: #6196cc
+        }
+
+        .token.boolean, .token.function, .token.number {
+            color: #f08d49
+        }
+
+        .token.class-name, .token.constant, .token.property, .token.symbol {
+            color: #f8c555
+        }
+
+        .token.atrule, .token.builtin, .token.important, .token.keyword, .token.selector {
+            color: #cc99cd
+        }
+
+        .token.attr-value, .token.char, .token.regex, .token.string, .token.variable {
+            color: #7ec699
+        }
+
+        .token.entity, .token.operator, .token.url {
+            color: #67cdcc
+        }
+
+        .token.bold, .token.important {
+            font-weight: 700
+        }
+
+        .token.italic {
+            font-style: italic
+        }
+
+        .token.entity {
+            cursor: help
+        }
+
+        .token.inserted {
+            color: green
+        }
+    </style>
+    <style>
+        h1{
+            margin-top:0;
+        }
+
+        body {
+            color: #fff;
+            font-size: 14px;
+            font-family: "Artifakt Element";
+            src: url(fonts/ArtifaktElement-Regular.woff) format("woff");
+            padding: 1%;
+            background-color: #353535;
+            font-family: 'Artifakt Element','Open Sans'
+        }
+
+        a {
+            color: #d3d3d3;
+            cursor: pointer;
+            background-color: transparent
+        }
+
+        table {
+            border-collapse: collapse;
+            border: 1px solid #fff
+        }
+
+        td, th {
+            border: 1px solid #fff;
+            padding-right: 10px;
+            padding-left: 10px;
+            padding-bottom: 10px;
+            padding-top: 10px
+        }
+
+        samp {
+            margin-top: 10px;
+            display: block;
+            color: #d3d3d3
+        }
+
+        thead {
+            text-align: center
+        }
+
+        .hidden-lg {
+            display: none
+        }
+
+        .table--noborder {
+            border: none
+        }
+
+            .table--noborder td, .table--noborder th {
+                border: none
+            }
+
+        img {
+            width: 100%;
+            height: auto
+        }
+
+        code,
+        pre {
+            color: #ccc;
+            background: 0 0;
+            font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+            font-size: 1em;
+            text-align: left;
+            white-space: pre;
+            word-spacing: normal;
+            word-break: normal;
+            word-wrap: normal;
+            line-height: 1.5;
+            -moz-tab-size: 4;
+            -o-tab-size: 4;
+            tab-size: 4;
+            -webkit-hyphens: none;
+            -moz-hyphens: none;
+            -ms-hyphens: none;
+            hyphens: none;
+            background: #1e1e1e !important;
+        }
+
+        pre {
+            padding: 1em;
+            margin: .5em 0;
+            overflow: auto
+        }
+
+        :not(pre) > code {
+            background: #1e1e1e;
+            padding: .1em;
+            border-radius: .3em;
+            white-space: normal;
+        }
+
+        @media screen and (max-width:600px) {
+            table {
+                width: 100%
+            }
+
+            table, td, th {
+                border: none
+            }
+
+            tr {
+                border: 1px solid #fff;
+                display: block
+            }
+
+            td, th {
+                display: block
+            }
+
+            .hidden-lg {
+                display: block;
+                font-weight: 700;
+                text-align: center;
+                border-bottom: 1px solid #fff
+            }
+
+            .hidden-sm {
+                display: none
+            }
+
+            .spaced-sm {
+                margin-top: 20px
+            }
+
+            tbody tr:first-of-type {
+                border-bottom: none
+            }
+
+            .button {
+                background-color: transparent;
+                border-color: #3c3c3c;
+                color: #bbb
+            }
+
+                .button:hover {
+                    border-color: #656565;
+                    background-color: #373737;
+                    opacity: 1
+                }
+        }
+    </style>
+</head>
+
+
diff --git a/src/DocumentationBrowserViewExtension/Docs/NodeAnnotationNotFound.md b/src/DocumentationBrowserViewExtension/Docs/NodeAnnotationNotFound.md
@@ -0,0 +1,3 @@
+## No further documentation provided for this node.
+
+For more information on how to add extended documentation to your custom nodes, have a look [here](https://github.com/DynamoDS/Dynamo/wiki).
diff --git a/src/DocumentationBrowserViewExtension/Docs/syntaxHighlight.html b/src/DocumentationBrowserViewExtension/Docs/syntaxHighlight.html
diff --git a/src/DocumentationBrowserViewExtension/DocumentationBrowserUtils.cs b/src/DocumentationBrowserViewExtension/DocumentationBrowserUtils.cs
@@ -0,0 +1,88 @@
+using System.IO;
+using System.Reflection;
+using System.Text.RegularExpressions;
+using Ganss.XSS;
+
+namespace Dynamo.DocumentationBrowser
+{
+    /// <summary>
+    /// Common utilities used across classes in the DocumentationBrowserViewExtension.
+    /// </summary>
+    internal static class DocumentationBrowserUtils
+    {
+        private const string DPISCRIPT = @"<script> 
+        function getDPIScale()
+        {
+            var dpi = 96.0;
+            if (window.screen.deviceXDPI != undefined)
+            {
+                dpi = window.screen.deviceXDPI;
+            }
+            else
+            {
+                var tmpNode = document.createElement('DIV');
+                tmpNode.style.cssText = 'width:1in;height:1in;position:absolute;left:0px;top:0px;z-index:99;visibility:hidden';
+                document.body.appendChild(tmpNode);
+                dpi = parseInt(tmpNode.offsetWidth);
+                tmpNode.parentNode.removeChild(tmpNode);
+            }
+
+            return dpi / 96.0;
+        }
+
+        function adaptDPI()
+        {
+            var dpiScale = getDPIScale();
+            document.body.style.zoom = dpiScale;
+
+            var widthPercentage = ((100.0 / dpiScale)-5).toString() + '%';
+            document.body.style.width = widthPercentage;
+        }
+        adaptDPI() 
+        </script>";
+        private static HtmlSanitizer htmlSanitizer = new HtmlSanitizer();
+
+        /// <summary>
+        /// Clean up possible dangerous HTML content from the content string.
+        /// </summary>
+        /// <param name="content"></param>
+        /// <returns>Returns true if any content was removed from the content string</returns>
+        internal static bool RemoveScriptTagsFromString(ref string content)
+        {
+            var sanitizedContent = htmlSanitizer.Sanitize(content);
+            if (content.Equals(sanitizedContent))
+                return false;
+
+            content = sanitizedContent;
+            return true;
+        }
+
+        /// <summary>
+        /// Returns the DPIScript
+        /// </summary>
+        /// <param name="content"></param>
+        internal static string GetDPIScript()
+        {
+            return DPISCRIPT;
+        }
+
+        /// <summary>
+        /// Returns the content of an embedded resource file.
+        /// </summary>
+        /// <param name="resourceName"></param>
+        /// <returns></returns>
+        internal static string GetContentFromEmbeddedResource(string resourceName)
+        {
+            var assembly = Assembly.GetExecutingAssembly();
+            var result = "";
+
+            using (Stream stream = assembly.GetManifestResourceStream(resourceName))
+            using (StreamReader reader = new StreamReader(stream))
+            {
+                result = reader.ReadToEnd();
+            }
+
+            return result;
+        }
+    }
+}
diff --git a/src/DocumentationBrowserViewExtension/DocumentationBrowserView.xaml.cs b/src/DocumentationBrowserViewExtension/DocumentationBrowserView.xaml.cs
@@ -29,6 +29,8 @@ public DocumentationBrowserView(DocumentationBrowserViewModel viewModel)
             // so we know when to navigate to a new documentation page/document
             viewModel.LinkChanged += NavigateToPage;
 
+            viewModel.ContentChanged += OnContentChanged;
+
             // handle browser component events & disable certain features that are not needed
             this.documentationBrowser.AllowDrop = false;
             this.documentationBrowser.Navigating += ShouldAllowNavigation;
@@ -88,13 +90,17 @@ private void ShouldAllowNavigation(object sender, NavigatingCancelEventArgs e)
         /// <param name="link"></param>
         public void NavigateToPage(Uri link)
         {
-            this.documentationBrowser.NavigateToString(this.viewModel.GetContent());
+            Dispatcher.BeginInvoke(new Action(() =>
+            {
+                this.documentationBrowser.NavigateToString(this.viewModel.GetContent());
+            }));
         }
 
         protected virtual void Dispose(bool disposing)
         {
             // Cleanup
             this.viewModel.LinkChanged -= NavigateToPage;
+            this.viewModel.ContentChanged -= OnContentChanged;
             this.documentationBrowser.Navigating -= ShouldAllowNavigation;
             this.documentationBrowser.Dispose();
             this.documentationBrowser.DpiChanged -= DocumentationBrowser_DpiChanged;