syntax highlighting (#9179)

lyndaidaii · web-flow · commit a405a0584a2c · 2022-08-05T12:06:10.000-07:00
* synatx highlighting
diff --git a/src/AccountDeleter/EmptyFeatureFlagService.cs b/src/AccountDeleter/EmptyFeatureFlagService.cs
@@ -146,6 +146,11 @@ public bool IsMarkdigMdRenderingEnabled()
             throw new NotImplementedException();
         }
 
+        public bool IsMarkdigMdSyntaxHighlightEnabled()
+        {
+            throw new NotImplementedException();
+        }
+
         public bool IsNewAccount2FAEnforcementEnabled()
         {
             throw new NotImplementedException();
diff --git a/src/Bootstrap/dist/css/bootstrap-theme.css b/src/Bootstrap/dist/css/bootstrap-theme.css
diff --git a/src/Bootstrap/less/theme/common-readme.less b/src/Bootstrap/less/theme/common-readme.less
@@ -41,6 +41,10 @@
   blockquote {
     font-size: @font-size-base;
   }
+
+  pre code.hljs{
+    background-color: #f6f8fa;
+  }
 } 
 
 #readme-preview {
diff --git a/src/GitHubVulnerabilities2Db/Fakes/FakeFeatureFlagService.cs b/src/GitHubVulnerabilities2Db/Fakes/FakeFeatureFlagService.cs
@@ -125,6 +125,11 @@ public bool IsMarkdigMdRenderingEnabled()
             throw new NotImplementedException();
         }
 
+        public bool IsMarkdigMdSyntaxHighlightEnabled()
+        {
+            throw new NotImplementedException();
+        }
+
         public bool IsODataDatabaseReadOnlyEnabled()
         {
             throw new NotImplementedException();
diff --git a/src/NuGetGallery.Services/Configuration/FeatureFlagService.cs b/src/NuGetGallery.Services/Configuration/FeatureFlagService.cs
@@ -46,6 +46,7 @@ public class FeatureFlagService : IFeatureFlagService
         private const string EmbeddedReadmeFlightName = GalleryPrefix + "EmbeddedReadmes";
         private const string LicenseMdRenderingFlightName = GalleryPrefix + "LicenseMdRendering";
         private const string MarkdigMdRenderingFlightName = GalleryPrefix + "MarkdigMdRendering";
+        private const string MarkdigMdSyntaxHighlightFlightName = GalleryPrefix + "MarkdigMdSyntaxHighlight";
         private const string DeletePackageApiFlightName = GalleryPrefix + "DeletePackageApi";
         private const string ImageAllowlistFlightName = GalleryPrefix + "ImageAllowlist";
         private const string DisplayBannerFlightName = GalleryPrefix + "Banner";
@@ -335,6 +336,11 @@ public bool IsMarkdigMdRenderingEnabled()
             return _client.IsEnabled(MarkdigMdRenderingFlightName, defaultValue: false);
         }
 
+        public bool IsMarkdigMdSyntaxHighlightEnabled()
+        {
+            return _client.IsEnabled(MarkdigMdSyntaxHighlightFlightName, defaultValue: false);
+        }
+
         public bool IsDeletePackageApiEnabled(User user)
         {
             return _client.IsEnabled(DeletePackageApiFlightName, user, defaultValue: false);
diff --git a/src/NuGetGallery.Services/Configuration/IFeatureFlagService.cs b/src/NuGetGallery.Services/Configuration/IFeatureFlagService.cs
@@ -263,6 +263,12 @@ public interface IFeatureFlagService
         /// </summary>
         bool IsMarkdigMdRenderingEnabled();
 
+        /// <summary>
+        /// Whether rendering Markdown fenced code with syntax highlighting
+        /// </summary>
+        bool IsMarkdigMdSyntaxHighlightEnabled();
+
+        /// <summary>
         /// Whether or not the user can delete a package through the API.
         /// </summary>
         bool IsDeletePackageApiEnabled(User user);
diff --git a/src/NuGetGallery/App_Code/ViewHelpers.cshtml b/src/NuGetGallery/App_Code/ViewHelpers.cshtml
@@ -730,4 +730,11 @@ var hlp = new AccordionHelper(name, formModelStatePrefix, expanded, page);
     {
         return MvcHtmlString.Create(UriExtensions.GetExternalUrlAnchorTag(data, link));
     }
+}
+
+@helper  IncludeSyntaxHighlightScript()
+{
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/styles/github.min.css" integrity="sha512-0aPQyyeZrWj9sCA46UlmWgKOP0mUipLQ6OZXu8l4IcAmD2u31EPEy9VcIMvl7SoAaKe8bLXZhYoMaE/in+gcgA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    @* highlight.js build includes support for:: bash, c, cpp, csharp, css, diff, go, ini, java, json, javascript, kotlin, less, lua, makefile, xml, markdown, perl, php, objectivec, plaintext, python, r, ruby,rust, scss, shell, sql, swift, vbnet, yaml*@
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/highlight.min.js" integrity="sha512-gU7kztaQEl7SHJyraPfZLQCNnrKdaQi5ndOyt4L4UPL/FHDd/uB9Je6KDARIqwnNNE27hnqoWLBq+Kpe4iHfeQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
 }
diff --git a/src/NuGetGallery/App_Data/Files/Content/flags.json b/src/NuGetGallery/App_Data/Files/Content/flags.json
@@ -29,6 +29,7 @@
     "NuGetGallery.PatternSetTfmHeuristics": "Enabled",
     "NuGetGallery.EmbeddedIcons": "Enabled",
     "NuGetGallery.MarkdigMdRendering": "Enabled",
+    "NuGetGallery.MarkdigMdSyntaxHighlight": "Enabled",
     "NuGetGallery.ImageAllowlist": "Enabled",
     "NuGetGallery.ShowReportAbuseSafetyChanges": "Enabled",
     "NuGetGallery.ComputeTargetFramework": "Enabled",
diff --git a/src/NuGetGallery/Controllers/PackagesController.cs b/src/NuGetGallery/Controllers/PackagesController.cs
@@ -259,6 +259,7 @@ public virtual async Task<ActionResult> UploadPackage()
             var model = new SubmitPackageRequest();
             model.IsSymbolsUploadEnabled = _contentObjectService.SymbolsConfiguration.IsSymbolsUploadEnabledForUser(currentUser);
             model.IsUserLocked = currentUser.IsLocked;
+            model.IsMarkdigMdSyntaxHighlightEnabled = _featureFlagService.IsMarkdigMdSyntaxHighlightEnabled();
             PackageMetadata packageMetadata;
 
             using (var uploadedFile = await _uploadFileService.GetUploadFileAsync(currentUser.Key))
@@ -373,6 +374,7 @@ private async Task<ActionResult> UploadPackageInternal(SubmitPackageRequest mode
             verifyRequest.LicenseFileContents = await GetLicenseFileContentsOrNullAsync(packageMetadata, packageArchiveReader);
             verifyRequest.LicenseExpressionSegments = GetLicenseExpressionSegmentsOrNull(packageMetadata.LicenseMetadata);
             verifyRequest.ReadmeFileContents = await GetReadmeFileContentsOrNullAsync(packageMetadata, packageArchiveReader);
+            verifyRequest.IsMarkdigMdSyntaxHighlightEnabled = _featureFlagService.IsMarkdigMdSyntaxHighlightEnabled();
 
             model.InProgressUpload = verifyRequest;
             return View(model);
@@ -655,6 +657,7 @@ private async Task<JsonResult> GetVerifyPackageView(User currentUser,
             var model = new VerifyPackageRequest(packageMetadata, accountsAllowedOnBehalfOf, existingPackageRegistration);
             model.IsSymbolsPackage = isSymbolsPackageUpload;
             model.HasExistingAvailableSymbols = hasExistingSymbolsPackageAvailable;
+            model.IsMarkdigMdSyntaxHighlightEnabled = _featureFlagService.IsMarkdigMdSyntaxHighlightEnabled();
             model.Warnings.AddRange(packageContentData.Warnings.Select(w => new JsonValidationMessage(w)));
             model.LicenseFileContents = packageContentData.LicenseFileContents;
 
@@ -950,6 +953,7 @@ public virtual async Task<ActionResult> DisplayPackage(string id, string version
             model.IsRecentPackagesNoIndexEnabled = _featureFlagService.IsRecentPackagesNoIndexEnabled();
             model.IsDisplayTargetFrameworkEnabled = _featureFlagService.IsDisplayTargetFrameworkEnabled(currentUser);
             model.IsComputeTargetFrameworkEnabled = _featureFlagService.IsComputeTargetFrameworkEnabled();
+            model.IsMarkdigMdSyntaxHighlightEnabled = _featureFlagService.IsMarkdigMdSyntaxHighlightEnabled();
 
             if (model.IsComputeTargetFrameworkEnabled || model.IsDisplayTargetFrameworkEnabled)
             {
@@ -1801,7 +1805,8 @@ public virtual async Task<ActionResult> Manage(string id, string version = null)
                 ReportMyPackageReasons,
                 Url,
                 await _readMeService.GetReadMeMdAsync(package),
-                _featureFlagService.IsManageDeprecationEnabled(currentUser, package.PackageRegistration));
+                _featureFlagService.IsManageDeprecationEnabled(currentUser, package.PackageRegistration),
+                _featureFlagService.IsMarkdigMdSyntaxHighlightEnabled());
 
             if (!model.CanEdit && !model.CanManageOwners && !model.CanUnlistOrRelist)
             {
diff --git a/src/NuGetGallery/Helpers/ViewModelExtensions/ManagePackageViewModelFactory.cs b/src/NuGetGallery/Helpers/ViewModelExtensions/ManagePackageViewModelFactory.cs
@@ -25,10 +25,11 @@ public ManagePackageViewModel Create(
             IReadOnlyList<ReportPackageReason> reasons,
             UrlHelper url,
             string readMe,
-            bool isManageDeprecationEnabled)
+            bool isManageDeprecationEnabled,
+            bool isMarkdigMdSyntaxHighlightEnabled)
         {
             var viewModel = new ManagePackageViewModel();
-            return Setup(viewModel, package, currentUser, reasons, url, readMe, isManageDeprecationEnabled);
+            return Setup(viewModel, package, currentUser, reasons, url, readMe, isManageDeprecationEnabled, isMarkdigMdSyntaxHighlightEnabled);
         }
 
         public ManagePackageViewModel Setup(
@@ -38,10 +39,11 @@ public ManagePackageViewModel Setup(
             IReadOnlyList<ReportPackageReason> reasons,
             UrlHelper url,
             string readMe,
-            bool isManageDeprecationEnabled)
+            bool isManageDeprecationEnabled,
+            bool isMarkdigMdSyntaxHighlightEnabled)
         {
             _listPackageItemViewModelFactory.Setup(viewModel, package, currentUser);
-            return SetupInternal(viewModel, package, currentUser, reasons, url, readMe, isManageDeprecationEnabled);
+            return SetupInternal(viewModel, package, currentUser, reasons, url, readMe, isManageDeprecationEnabled, isMarkdigMdSyntaxHighlightEnabled);
         }
 
         private ManagePackageViewModel SetupInternal(
@@ -51,7 +53,8 @@ private ManagePackageViewModel SetupInternal(
             IReadOnlyList<ReportPackageReason> reasons,
             UrlHelper url,
             string readMe,
-            bool isManageDeprecationEnabled)
+            bool isManageDeprecationEnabled,
+            bool isMarkdigMdSyntaxHighlightEnabled)
         {
             viewModel.IsCurrentUserAnAdmin = currentUser != null && currentUser.IsAdministrator;
 
@@ -71,6 +74,7 @@ private ManagePackageViewModel SetupInternal(
             viewModel.IsLocked = package.PackageRegistration.IsLocked;
 
             viewModel.IsManageDeprecationEnabled = isManageDeprecationEnabled;
+            viewModel.IsMarkdigMdSyntaxHighlightEnabled = isMarkdigMdSyntaxHighlightEnabled;
 
             var versionSelectPackages = package.PackageRegistration.Packages
                 .Where(p => p.PackageStatusKey == PackageStatus.Available || p.PackageStatusKey == PackageStatus.Validating)
diff --git a/src/NuGetGallery/RequestModels/SubmitPackageRequest.cs b/src/NuGetGallery/RequestModels/SubmitPackageRequest.cs
@@ -12,5 +12,7 @@ public class SubmitPackageRequest
         public bool IsSymbolsUploadEnabled { get; set; }
 
         public bool IsUserLocked { get; set; }
+
+        public bool IsMarkdigMdSyntaxHighlightEnabled { get; set; }
     }
 }
diff --git a/src/NuGetGallery/RequestModels/VerifyPackageRequest.cs b/src/NuGetGallery/RequestModels/VerifyPackageRequest.cs
@@ -118,6 +118,7 @@ public VerifyPackageRequest(PackageMetadata packageMetadata, IEnumerable<User> p
         public string Title { get; set; }
         public bool IsSymbolsPackage { get; set; }
         public bool HasExistingAvailableSymbols { get; set; }
+        public bool IsMarkdigMdSyntaxHighlightEnabled { get; set; }
 
         public List<JsonValidationMessage> Warnings { get; set; } = new List<JsonValidationMessage>();
 
diff --git a/src/NuGetGallery/Scripts/gallery/async-file-upload.js b/src/NuGetGallery/Scripts/gallery/async-file-upload.js
@@ -311,6 +311,10 @@
                 BindReadMeDataManager.bindReadMeData(model);
             }
 
+            if (model != null && model.IsMarkdigMdSyntaxHighlightEnabled) {
+                syntaxHighlight();
+            }
+
             document.getElementById("validation-failure-container").scrollIntoView();
         }
 
diff --git a/src/NuGetGallery/Scripts/gallery/page-edit-readme.js b/src/NuGetGallery/Scripts/gallery/page-edit-readme.js
@@ -315,6 +315,9 @@ var BindReadMeDataManager = (function () {
                 success: function (response, resultCodeString, fullResponse) {
                     clearReadMeError();
                     displayReadMePreview(response);
+                    if (response.IsMarkdigMdSyntaxHighlightEnabled) {
+                        syntaxHighlight();
+                    }
                 },
                 error: function (jqXHR, exception) {
                     var message = "";
diff --git a/src/NuGetGallery/Scripts/gallery/syntaxhighlight.js b/src/NuGetGallery/Scripts/gallery/syntaxhighlight.js
@@ -0,0 +1,5 @@
+﻿function syntaxHighlight() {
+    document.querySelectorAll('pre code').forEach((el) => {
+        hljs.highlightElement(el);
+    });
+}
diff --git a/src/NuGetGallery/Services/MarkdownService.cs b/src/NuGetGallery/Services/MarkdownService.cs
@@ -81,7 +81,8 @@ private RenderedMarkdownResult GetHtmlFromMarkdownCommonMark(string markdownStri
             {
                 ImagesRewritten = false,
                 Content = "",
-                ImageSourceDisallowed = false
+                ImageSourceDisallowed = false,
+                IsMarkdigMdSyntaxHighlightEnabled = false
             };
 
             var markdownWithoutComments = HtmlCommentPattern.Replace(markdownString, "");
@@ -173,6 +174,8 @@ private RenderedMarkdownResult GetHtmlFromMarkdownCommonMark(string markdownStri
                 }
             }
 
+            output.IsMarkdigMdSyntaxHighlightEnabled = _features.IsMarkdigMdSyntaxHighlightEnabled();
+
             // CommonMark.Net does not support link attributes, so manually inject nofollow.
             using (var htmlWriter = new StringWriter())
             {
@@ -189,7 +192,8 @@ private RenderedMarkdownResult GetHtmlFromMarkdownMarkdig(string markdownString,
             {
                 ImagesRewritten = false,
                 Content = "",
-                ImageSourceDisallowed = false
+                ImageSourceDisallowed = false,
+                IsMarkdigMdSyntaxHighlightEnabled = false
             };
 
             var markdownWithoutComments = HtmlCommentPattern.Replace(markdownString, "");
@@ -276,6 +280,8 @@ private RenderedMarkdownResult GetHtmlFromMarkdownMarkdig(string markdownString,
 
                 renderer.Render(document);
                 output.Content = htmlWriter.ToString().Trim();
+
+                output.IsMarkdigMdSyntaxHighlightEnabled = _features.IsMarkdigMdSyntaxHighlightEnabled();
                 return output;
             }
         }
diff --git a/src/NuGetGallery/Services/ReadMeService.cs b/src/NuGetGallery/Services/ReadMeService.cs
@@ -93,7 +93,8 @@ public async Task<RenderedMarkdownResult> GetReadMeHtmlAsync(Package package)
             {
                 Content = readMeMd,
                 ImagesRewritten = false,
-                ImageSourceDisallowed = false
+                ImageSourceDisallowed = false, 
+                IsMarkdigMdSyntaxHighlightEnabled = false
             };
 
             return string.IsNullOrEmpty(readMeMd) ?
@@ -116,7 +117,8 @@ public async Task<RenderedMarkdownResult> GetReadMeHtmlAsync(string readmeFileNa
             {
                 Content = readmeMd,
                 ImagesRewritten = false,
-                ImageSourceDisallowed = false
+                ImageSourceDisallowed = false,
+                IsMarkdigMdSyntaxHighlightEnabled = false
             };
 
             return string.IsNullOrEmpty(readmeMd) ?
diff --git a/src/NuGetGallery/Services/RenderedMarkdownResult.cs b/src/NuGetGallery/Services/RenderedMarkdownResult.cs
@@ -1,6 +1,8 @@
 ﻿// Copyright (c) .NET Foundation. All rights reserved.
 // Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
 
+using System.Diagnostics.Eventing.Reader;
+
 namespace NuGetGallery
 {
     public class RenderedMarkdownResult
@@ -10,5 +12,7 @@ public class RenderedMarkdownResult
         public bool ImagesRewritten { get; set; }
 
         public bool ImageSourceDisallowed { get; set; }
+
+        public bool IsMarkdigMdSyntaxHighlightEnabled { get; set; }
     }
 }
diff --git a/src/NuGetGallery/ViewModels/DisplayPackageViewModel.cs b/src/NuGetGallery/ViewModels/DisplayPackageViewModel.cs
@@ -42,6 +42,7 @@ public class DisplayPackageViewModel : ListPackageItemViewModel
         public bool IsGitHubUsageEnabled { get; set; }
         public bool IsPackageDependentsEnabled { get; set; }
         public bool IsRecentPackagesNoIndexEnabled { get; set; }
+        public bool IsMarkdigMdSyntaxHighlightEnabled { get; set; }
         public NuGetPackageGitHubInformation GitHubDependenciesInformation { get; set; }
         public bool HasEmbeddedIcon { get; set; }
         public bool HasEmbeddedReadmeFile { get; set; }
diff --git a/src/NuGetGallery/ViewModels/ManagePackageViewModel.cs b/src/NuGetGallery/ViewModels/ManagePackageViewModel.cs
@@ -12,6 +12,7 @@ public class ManagePackageViewModel : ListPackageItemViewModel
         public bool IsCurrentUserAnAdmin { get; set; }
         public DeletePackagesRequest DeletePackagesRequest { get; set; }
         public bool IsLocked { get; set; }
+        public bool IsMarkdigMdSyntaxHighlightEnabled { get; set; } 
         public EditPackageVersionReadMeRequest ReadMe { get; set; }
         public IReadOnlyDictionary<string, VersionListedState> VersionListedStateDictionary { get; set; }
         public IReadOnlyDictionary<string, VersionReadMeState> VersionReadMeStateDictionary { get; set; }
diff --git a/src/NuGetGallery/Views/Packages/DisplayPackage.cshtml b/src/NuGetGallery/Views/Packages/DisplayPackage.cshtml
@@ -1340,5 +1340,18 @@
         var packageManagers = @Html.ToJson(packageManagers.Select(pm => pm.Id).ToList());
     </script>
 
+    @if (Model.IsMarkdigMdSyntaxHighlightEnabled) 
+    { 
+        @ViewHelpers.IncludeSyntaxHighlightScript();
+
+        <script>
+        document.addEventListener('DOMContentLoaded', (event) => {
+            document.querySelectorAll('pre code').forEach((el) => {
+                hljs.highlightElement(el);
+            });
+        });
+        </script>
+    }
+
     @Scripts.Render("~/Scripts/gallery/page-display-package.min.js")
 }
diff --git a/src/NuGetGallery/Views/Packages/Manage.cshtml b/src/NuGetGallery/Views/Packages/Manage.cshtml
@@ -105,7 +105,7 @@
             EditReadMeManager.init(
                 readMeModel,
                 '@Url.PreviewReadMe()');
-            
+
             // Set up delete section
             var deleteVersionSelect = $('.page-delete-package #input-select-version');
             deleteVersionSelect.change(function () {
@@ -136,9 +136,17 @@
                 '@Url.GetDeprecationAlternatePackageVersions()');
         });
     </script>
+
+
+    @if (Model.IsMarkdigMdSyntaxHighlightEnabled)
+    {
+        @ViewHelpers.IncludeSyntaxHighlightScript();
+    }
+    
     @ViewHelpers.SectionsScript(this)
     @Scripts.Render("~/Scripts/gallery/page-manage-owners.min.js")
     @Scripts.Render("~/Scripts/gallery/page-manage-deprecation.min.js")
     @Scripts.Render("~/Scripts/gallery/page-delete-package.min.js")
     @Scripts.Render("~/Scripts/gallery/page-edit-readme.min.js")
+    @Scripts.Render("~/Scripts/gallery/syntaxhighlight.js")
 }
diff --git a/src/NuGetGallery/Views/Packages/UploadPackage.cshtml b/src/NuGetGallery/Views/Packages/UploadPackage.cshtml
@@ -90,6 +90,7 @@
     @* Right now this is the only page that uses this script. If we increase our usage of it, we should put it in our bundles *@
     @Scripts.Render("~/Scripts/gallery/page-edit-readme.min.js")
     @Scripts.Render("~/Scripts/gallery/async-file-upload.min.js")
+    @Scripts.Render("~/Scripts/gallery/syntaxhighlight.js") 
     <script type="text/javascript">
         var InProgressPackage = @Html.Raw(Json.Encode(Model.InProgressUpload));
         window.nuget.configureExpanderHeading("upload-package-form");
@@ -107,4 +108,9 @@
                 '@Url.PreviewReadMe()');
         });
     </script>
+
+    @if (Model != null && Model.IsMarkdigMdSyntaxHighlightEnabled)
+    {
+        @ViewHelpers.IncludeSyntaxHighlightScript()
+    }
 }
diff --git a/src/NuGetGallery/Views/Packages/_VerifyMetadata.cshtml b/src/NuGetGallery/Views/Packages/_VerifyMetadata.cshtml
@@ -268,7 +268,9 @@
                 <!-- ko if: $data.ReadmeFileContents.ImageSourceDisallowed -->
                 @ViewHelpers.AlertWarning(@<text>Some images are not displayed as they are not from <a href='https://aka.ms/nuget-org-readme#allowed-domains-for-images-and-badges'>trusted domains</a>.</text>)
                 <!-- /ko -->
-                <div class="readme-container" data-bind="html: $data.ReadmeFileContents.Content"></div>
+                <div class="readme-common">
+                    <div class="readme-container" data-bind="html: $data.ReadmeFileContents.Content"></div>
+                </div>
             </div>
             <!-- /ko -->
             <!-- /ko -->
diff --git a/src/VerifyMicrosoftPackage/Fakes/FakeFeatureFlagService.cs b/src/VerifyMicrosoftPackage/Fakes/FakeFeatureFlagService.cs

Original file line number	Diff line number	Diff line change
`@@ -146,6 +146,11 @@ public bool IsMarkdigMdRenderingEnabled()`
`146`	`146`	`throw new NotImplementedException();`
`147`	`147`	`}`
`148`	`148`
	`149`	`+ public bool IsMarkdigMdSyntaxHighlightEnabled()`
	`150`	`+ {`
	`151`	`+ throw new NotImplementedException();`
	`152`	`+ }`
	`153`	`+`
`149`	`154`	`public bool IsNewAccount2FAEnforcementEnabled()`
`150`	`155`	`{`
`151`	`156`	`throw new NotImplementedException();`
Original file line number	Diff line number	Diff line change
`@@ -41,6 +41,10 @@`
`41`	`41`	`blockquote {`
`42`	`42`	`font-size: @font-size-base;`
`43`	`43`	`}`
	`44`	`+`
	`45`	`+ pre code.hljs{`
	`46`	`+ background-color: #f6f8fa;`
	`47`	`+ }`
`44`	`48`	`}`
`45`	`49`
`46`	`50`	`#readme-preview {`
Original file line number	Diff line number	Diff line change
`@@ -125,6 +125,11 @@ public bool IsMarkdigMdRenderingEnabled()`
`125`	`125`	`throw new NotImplementedException();`
`126`	`126`	`}`
`127`	`127`
	`128`	`+ public bool IsMarkdigMdSyntaxHighlightEnabled()`
	`129`	`+ {`
	`130`	`+ throw new NotImplementedException();`
	`131`	`+ }`
	`132`	`+`
`128`	`133`	`public bool IsODataDatabaseReadOnlyEnabled()`
`129`	`134`	`{`
`130`	`135`	`throw new NotImplementedException();`
Original file line number	Diff line number	Diff line change
`@@ -730,4 +730,11 @@ var hlp = new AccordionHelper(name, formModelStatePrefix, expanded, page);`
`730`	`730`	`{`
`731`	`731`	`return MvcHtmlString.Create(UriExtensions.GetExternalUrlAnchorTag(data, link));`
`732`	`732`	`}`
	`733`	`+}`
	`734`	`+`
	`735`	`+@helper IncludeSyntaxHighlightScript()`
	`736`	`+{`
	`737`	`+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/styles/github.min.css" integrity="sha512-0aPQyyeZrWj9sCA46UlmWgKOP0mUipLQ6OZXu8l4IcAmD2u31EPEy9VcIMvl7SoAaKe8bLXZhYoMaE/in+gcgA==" crossorigin="anonymous" referrerpolicy="no-referrer" />`
	`738`	`+ @* highlight.js build includes support for:: bash, c, cpp, csharp, css, diff, go, ini, java, json, javascript, kotlin, less, lua, makefile, xml, markdown, perl, php, objectivec, plaintext, python, r, ruby,rust, scss, shell, sql, swift, vbnet, yaml*@`
	`739`	`+ <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/highlight.min.js" integrity="sha512-gU7kztaQEl7SHJyraPfZLQCNnrKdaQi5ndOyt4L4UPL/FHDd/uB9Je6KDARIqwnNNE27hnqoWLBq+Kpe4iHfeQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>`
`733`	`740`	`}`