fix(blog): make changelog urls clickable

Author: ReenigneArcher

_config_theme.yml

@@ -100,31 +100,43 @@ paginate: 5
 kramdown:
   input: GFM
 
+# Common defaults using YAML anchors
+ALL_PAGES: &ALL_PAGES
+  after-content:
+    - donate.html
+  footer-extra:
+    - footer-extra.html
+ALL_POSTS: &ALL_POSTS
+  comments: true  # add comments to all blog posts
+  social-share: true  # add social media sharing buttons to all blog posts
+  css:
+    - "/assets/css/show-search.css"
+
 # Default YAML values (more information on Jekyll's site)
 defaults:
   - scope:
       path: ""
       type: "posts"
     values:
       layout: "post"
-      after-content:
-        - donate.html
-      footer-extra:
-        - footer-extra.html
-      comments: true  # add comments to all blog posts
-      social-share: true  # add social media sharing buttons to all blog posts
-      css:
-        - "/assets/css/show-search.css"
+      <<: *ALL_PAGES
+      <<: *ALL_POSTS
+  - scope:
+      path: "_posts/releases"
+      type: "posts"
+    values:
+      layout: "post"
+      <<: *ALL_PAGES
+      <<: *ALL_POSTS
+      js:
+        - "/assets/js/changelog-links.js"
   - scope:
       path: ""  # any file that's not a post will be a "page" layout by default
     values:
       layout: "page"
-      after-content:
-        - donate.html
-      footer-extra:
-        - footer-extra.html
+      <<: *ALL_PAGES
 
-# Exclude these files from production site
+# Exclude these files from the production site
 exclude:
   - Dockerfile
   - Gemfile

assets/js/changelog-links.js

@@ -0,0 +1,50 @@
+/**
+ * Convert Full Changelog URLs to clickable links in GitHub release notes
+ */
+(function() {
+    'use strict';
+
+    function makeChangelogLinksClickable() {
+        // Find all paragraphs that contain "Full Changelog" text and a GitHub compare URL
+        const paragraphs = document.querySelectorAll('p');
+
+        // Loop through paragraphs in reverse order and break after the first match
+        for (let i = paragraphs.length - 1; i >= 0; i--) {
+            const paragraph = paragraphs[i];
+            const text = paragraph.textContent || paragraph.innerText;
+
+            // Check if this paragraph contains "Full Changelog" and a GitHub compare URL
+            if (
+                text.includes('Full Changelog') &&
+                text.includes('https://github.com/') &&
+                text.includes('/compare/') &&
+                text.includes('…')
+            ) {
+                // Extract the URL from the text
+                const urlMatch = text.match(/(https:\/\/github\.com\/\S+)/);
+
+                if (!urlMatch) {
+                    continue;
+                }
+
+                const url = urlMatch[1];
+
+                // Update the paragraph's innerHTML with a clickable link
+                paragraph.innerHTML = paragraph.innerHTML.replace(
+                    url,
+                    `<a href="${url}" target="_blank" rel="noopener noreferrer">${url}</a>`
+                );
+
+                // Break after first match
+                break;
+            }
+        }
+    }
+
+    // Run when DOM is ready
+    if (document.readyState === 'loading') {
+        document.addEventListener('DOMContentLoaded', makeChangelogLinksClickable);
+    } else {
+        makeChangelogLinksClickable();
+    }
+})();