From b9e7e938ba9de0d9a92fc618d5f988fa88ba769e Mon Sep 17 00:00:00 2001
From: Oliver Booth <me@olivr.me>
Date: Tue, 8 Aug 2023 01:17:23 +0100
Subject: [PATCH] refactor: remove references to hljs

---
 OliverBooth/Pages/Blog/Article.cshtml    | 44 +++++++++++++++++++++++-
 OliverBooth/Pages/Blog/Article.cshtml.cs | 10 +++++-
 src/ts/app.ts                            |  2 --
 3 files changed, 52 insertions(+), 4 deletions(-)

diff --git a/OliverBooth/Pages/Blog/Article.cshtml b/OliverBooth/Pages/Blog/Article.cshtml
index 5f04d8a..3454f21 100644
--- a/OliverBooth/Pages/Blog/Article.cshtml
+++ b/OliverBooth/Pages/Blog/Article.cshtml
@@ -1,9 +1,14 @@
-@page "/blog/{year:int}/{month:int}/{day:int}/{slug}"
+@page "/blog/{year:int}/{month:int}/{day:int}/{slug}"
 @using Humanizer
 @model OliverBooth.Pages.Blog.Article
 
 @if (Model.Post is { } post)
 {
+    bool isLegacyPost = Model.IsWordPressLegacyPost;
+    string disqusDomain = isLegacyPost ? "https://blog.oliverbooth.dev" : "https://oliverbooth.dev/blog";
+    string disqusId = isLegacyPost ? $"{post.WordPressId} {disqusDomain}/?p={post.WordPressId}" : post.Id.ToString();
+    var disqusUrl = $"{disqusDomain}/{post.Published:yyyy/MM/dd}/{post.Slug}/";
+
     <nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
         <ol class="breadcrumb">
             <li class="breadcrumb-item">
@@ -21,6 +26,11 @@
         <abbr data-bs-toggle="tooltip" data-bs-title="@post.Published.ToString("f")">
             @post.Published.Humanize()
         </abbr>
+        @if (post.EnableComments)
+        {
+            <span>&bull;</span>
+            <a href="#disqus_thread" data-disqus-identifier="@disqusId">0 Comments</a>
+        }
     </p>
 
     <article>
@@ -29,4 +39,36 @@
 
     <hr>
 
+    @if (post.EnableComments)
+    {
+        <div id="disqus_thread"></div>
+        <script>
+             var disqus_config = function () {
+                 this.page.url = "@(disqusUrl)";
+                 this.page.identifier = "@(disqusId)";
+                 this.page.title = "@(post.Title)";
+                 this.page.postId = "@(post.WordPressId ?? post.Id)";
+             };
+            
+            (function() {
+                const d = document, s = d.createElement("script");
+                s.async = true;
+                s.type = "text/javascript";
+                s.src = "https://oliverbooth-dev.disqus.com/embed.js";
+                s.setAttribute("data-timestamp", + new Date());
+                (d.head || d.body).appendChild(s);
+            })();
+        </script>
+        <script id="dsq-count-scr" src="https://oliverbooth-dev.disqus.com/count.js" async></script>
+        <noscript>
+            Please enable JavaScript to view the
+            <a href="https://disqus.com/?ref_noscript" rel="nofollow">
+                comments powered by Disqus.
+            </a>
+        </noscript>
+    }
+    else
+    {
+        <p class="text-center text-muted">Comments are not enabled for this post.</p>
+    }
 }
\ No newline at end of file
diff --git a/OliverBooth/Pages/Blog/Article.cshtml.cs b/OliverBooth/Pages/Blog/Article.cshtml.cs
index 5fa96e4..0d1166e 100644
--- a/OliverBooth/Pages/Blog/Article.cshtml.cs
+++ b/OliverBooth/Pages/Blog/Article.cshtml.cs
@@ -1,4 +1,4 @@
-using Markdig;
+using Markdig;
 using Microsoft.AspNetCore.Mvc;
 using Microsoft.AspNetCore.Mvc.RazorPages;
 using Microsoft.EntityFrameworkCore;
@@ -20,6 +20,14 @@ public class Article : PageModel
 
     public Author Author { get; private set; }
 
+    /// <summary>
+    ///     Gets a value indicating whether the post is a legacy WordPress post.
+    /// </summary>
+    /// <value>
+    ///     <see langword="true" /> if the post is a legacy WordPress post; otherwise, <see langword="false" />.
+    /// </value>
+    public bool IsWordPressLegacyPost => Post?.WordPressId.HasValue ?? false;
+
     public BlogPost Post { get; private set; } = new();
 
     public string SanitizeContent(string content)
diff --git a/src/ts/app.ts b/src/ts/app.ts
index 7494145..5084b91 100644
--- a/src/ts/app.ts
+++ b/src/ts/app.ts
@@ -1,5 +1,3 @@
-declare const hljs: any;
 
 (() => {
-    hljs.highlightAll();
 })();