jekyll-theme-ascii 0.1.4 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c1f17a0869e02037b27d7eaf386318be1aac55e7e2516b52296846f0f462a46b
-  data.tar.gz: dcb5ef2abb390080f3efc5e07c03b64512cdbc33766c424f35dd1409aac8a854
+  metadata.gz: ec677fbdfae2e8d8bd566c7fc4acb5a9df07368efe1da0a6be4853c83741282b
+  data.tar.gz: f75072c1f6925413b879a7a390679de6725eb8c7c86d17e39b6d96265b7ea327
 SHA512:
-  metadata.gz: 49b11c453d56b28389a5f24e5f659c23934b1240d95afd9312ffb03d8f652f4af64431ddd8c86ac2b136053db6c578bdb1df62b91684caedc94e0a35f5b3258b
-  data.tar.gz: ba594eeddf43a487178593d885e500de27df06e7b6e553ce40f1e29e941f27a5b8206882970df4823272c3dfd643e86d2446cea3fd46da2330a6f6d52a6e17f4
+  metadata.gz: 851d4e8e684a43324d0257beb645190a1edd7b93b92219336f551709bd7915020e70a9b601c057c67b648a67fa87760283bd64b20b39433fcd1787a067fa2a0f
+  data.tar.gz: 27728c86a76274b08e624cc7d5c7cd9d8c76a75d148981e93340e9b6cacf5e295eb841cc452b769cee4ddb053d4c00273c9e170b19529010903b192b95c283be

data/_includes/mastodon_comments.html

@@ -0,0 +1,10 @@
+{%- assign mastodon_host = page.mastodon_comments.host | default: site.mastodon_comments.host -%}
+<div style="border-top: dashed 1px rgba(219, 219, 219, 0.9)">
+    <h2>Comments in Mastodon</h2>
+    <div id="mastodon_comments_list" style="margin-top: 22px;">
+    </div>
+</div>
+<script src="/assets/js/mastodon_comments.js"></script>
+<script>
+    window.onload = mastodon_comments_load('{{ mastodon_host }}', '{{ page.mastodon_comments.toot_id }}', 'mastodon_comments_list')
+</script>

data/_layouts/post.html

@@ -8,7 +8,7 @@ layout: default
 
 {{ content }}
 
-{%- if page.mastodon_comments.toot_id -%}
+{%- if page.mastodon_comments.toot_id and (page.mastodon_comments.host or site.mastodon_comments.host) -%}
 {%- include mastodon_comments.html -%}
 {%- endif -%}
 

data/assets/js/mastodon_comments.js

@@ -0,0 +1,73 @@
+function mastodon_comments_load(host, toot_id, element) {
+  fetch(`https://${host}/api/v1/statuses/${toot_id}`)
+    .then(function (response) {
+      return response.json()
+    })
+    .then(function (data) {
+      mastodon_comment_render(data, element)
+      fetch(`https://${host}/api/v1/statuses/${toot_id}/context`)
+        .then(function (response) {
+          return response.json()
+        })
+        .then(function (data) {
+          if (data['descendants'] && Array.isArray(data['descendants']) && data['descendants'].length > 0) {
+            data['descendants'].forEach(function (reply) {
+              mastodon_comment_render(reply, element)
+            })
+          }
+        })
+    })
+}
+
+function mastodon_comment_render(toot, element) {
+  console.log('Comment:')
+  console.log(toot)
+  container = document.createElement('a')
+  container.href = toot.url
+  container.style.textDecoration = 'none'
+  comment = document.createElement('div')
+  comment.style.lineHeight = 'normal'
+  comment.style.background = '#111111'
+  comment.style.borderRadius = '10px'
+  comment.style.padding = '10px'
+  comment.style.marginBottom = '10px'
+  comment.style.paddingBottom = '1px'
+  comment.append(mastodon_comment_create_author(toot.account))
+  comment_content = document.createElement('div')
+  comment_content.innerHTML = toot.content
+  comment.append(comment_content)
+  container.append(comment)
+  document.getElementById(element).append(container)
+}
+
+function mastodon_comment_create_author(account) {
+  author = document.createElement('a')
+  author.style.display = 'flex'
+  author.style.gap = '10px'
+  author.href = account.url
+  author_avatar = document.createElement('img')
+  author_avatar.src = account.avatar
+  author_avatar.width = 46
+  author_avatar.height = 46
+  author_avatar.style.borderRadius = '5px'
+  author.append(author_avatar)
+  author_info = document.createElement('span')
+  author_display_name = document.createElement('strong')
+  author_display_name.style.display = 'block'
+  author_display_name.append(document.createTextNode(account.display_name))
+  author_info.append(author_display_name)
+  author_account = document.createElement('span')
+  author_account.append(document.createTextNode(mastodon_acct_full(account)))
+  author_info.append(author_account)
+  author.append(author_info)
+  return author
+}
+
+function mastodon_acct_full(account) {
+  acct = account.acct
+  if (acct.indexOf('@') == -1) {
+    account_url = new URL(account.url)
+    acct += '@' + account_url.hostname
+  }
+  return '@' + acct
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-ascii
 version: !ruby/object:Gem::Version
-  version: 0.1.4
+  version: 0.2.0
 platform: ruby
 authors:
 - Antonio Vázquez Blanco
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-11-24 00:00:00.000000000 Z
+date: 2022-11-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -96,6 +96,7 @@ files:
 - _includes/google-analytics.html
 - _includes/head.html
 - _includes/header.html
+- _includes/mastodon_comments.html
 - _layouts/default.html
 - _layouts/home.html
 - _layouts/page.html
@@ -104,6 +105,7 @@ files:
 - _sass/jekyll-theme-ascii/skins/classic-highlighting.scss
 - _sass/jekyll-theme-ascii/skins/classic.scss
 - assets/css/style.scss
+- assets/js/mastodon_comments.js
 homepage: https://github.com/antoniovazquezblanco/jekyll-theme-ascii
 licenses:
 - MIT