Added Disqus feature

Author: linkdotnet

src/LinkDotNet.Blog.Web/AppConfiguration.cs

@@ -30,4 +30,8 @@ public record AppConfiguration
     public GiscusConfiguration GiscusConfiguration { get; init; }
 
     public bool IsGiscusEnabled => GiscusConfiguration != null;
-}
+
+    public DisqusConfiguration DisqusConfiguration { get; init; }
+
+    public bool IsDisqusEnabled => DisqusConfiguration != null;
+}

src/LinkDotNet.Blog.Web/AppConfigurationFactory.cs

@@ -1,4 +1,5 @@
-using LinkDotNet.Blog.Domain;
+using System;
+using LinkDotNet.Blog.Domain;
 using LinkDotNet.Blog.Web.Shared.Services;
 using Microsoft.Extensions.Configuration;
 
@@ -10,6 +11,7 @@ public static AppConfiguration Create(IConfiguration config)
     {
         var profileInformation = config.GetSection("AboutMeProfileInformation").Get<ProfileInformation>();
         var giscus = config.GetSection("Giscus").Get<GiscusConfiguration>();
+        var disqus = config.GetSection("Disqus").Get<DisqusConfiguration>();
         var configuration = new AppConfiguration
         {
             BlogName = config["BlogName"],
@@ -21,8 +23,9 @@ public static AppConfiguration Create(IConfiguration config)
             BlogPostsPerPage = int.Parse(config["BlogPostsPerPage"]),
             ProfileInformation = profileInformation,
             GiscusConfiguration = giscus,
+            DisqusConfiguration = disqus,
         };
 
         return configuration;
     }
-}
+}

src/LinkDotNet.Blog.Web/LinkDotNet.Blog.Web.csproj

@@ -40,11 +40,18 @@
 		<InternalsVisibleTo Include="LinkDotNet.Blog.IntegrationTests" />
 	</ItemGroup>
 
+	<ItemGroup>
+	  <None Update="Shared\Disqus.razor.js">
+	    <DependentUpon>Disqus.razor</DependentUpon>
+	  </None>
+	</ItemGroup>
+
     <ItemGroup>
-      <None Update="Shared\Giscus.razor.js">
-        <DependentUpon>Giscus.razor</DependentUpon>
-      </None>
+        <None Update="Shared\Giscus.razor.js">
+            <DependentUpon>Giscus.razor</DependentUpon>
+        </None>
     </ItemGroup>
+    
     <PropertyGroup>
         <CodeAnalysisRuleSet>..\..\stylecop.analyzers.ruleset</CodeAnalysisRuleSet>
     </PropertyGroup>

src/LinkDotNet.Blog.Web/Pages/BlogPostPage.razor

@@ -40,8 +40,8 @@ else
             <div class="d-flex justify-content-between py-2">
                 <Like BlogPost="@BlogPost" OnBlogPostLiked="@UpdateLikes"></Like>
                 <ShareBlogPost></ShareBlogPost>
-            </div>            
-            <Giscus></Giscus>
+            </div>
+            <CommentSection></CommentSection>
         </div>
     </div>
 }

src/LinkDotNet.Blog.Web/Shared/CommentSection.razor

@@ -0,0 +1,22 @@
+@inject AppConfiguration appConfiguration
+
+@if (MultipleCommentPlugins)
+{
+    <div class="alert alert-danger" role="alert">
+        There are multiple comment sections configured. Please set up the configuration so that only one comment section is active.
+    </div>
+}
+
+@if (appConfiguration.IsDisqusEnabled)
+{
+    <Disqus></Disqus>
+}
+@if (appConfiguration.IsGiscusEnabled)
+{
+    <Giscus></Giscus>
+}
+
+@code {
+    private bool MultipleCommentPlugins => appConfiguration.IsDisqusEnabled && appConfiguration.IsGiscusEnabled;
+
+}

src/LinkDotNet.Blog.Web/Shared/Disqus.razor

@@ -0,0 +1,15 @@
+@inject IJSRuntime jsRuntime
+@inject AppConfiguration appConfiguration
+<div id="disqus_thread">
+</div>
+
+@code {
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        if (firstRender && appConfiguration.IsDisqusEnabled)
+        {
+            await jsRuntime.InvokeAsync<IJSObjectReference>("import", "./Shared/Disqus.razor.js");
+            await jsRuntime.InvokeVoidAsync("initDisqus", appConfiguration.DisqusConfiguration);
+        }
+    }
+}

src/LinkDotNet.Blog.Web/Shared/Disqus.razor.js

@@ -0,0 +1,8 @@
+window.initDisqus = (disqus) => {
+    var d = document, s = d.createElement('script');
+
+    s.src = `https://${disqus.shortname}.disqus.com/embed.js`;
+
+    s.setAttribute('data-timestamp', +new Date());
+    d.body.appendChild(s);
+}

src/LinkDotNet.Blog.Web/Shared/Services/DisqusConfiguration.cs

@@ -0,0 +1,6 @@
+namespace LinkDotNet.Blog.Web.Shared.Services;
+
+public record DisqusConfiguration
+{
+    public string Shortname { get; init; }
+}

src/LinkDotNet.Blog.Web/appsettings.json

@@ -34,5 +34,8 @@
     "RepositoryId": "",
     "Category": "",
     "CategoryId": ""
+  },
+  "Disqus": {
+    "Shortname": "debug-blog-test"
   }
 }