meta updates

.eleventy.js

@@ -1,63 +1,69 @@
 const syntaxHighlight = require('@11ty/eleventy-plugin-syntaxhighlight')
 const markdownIt = require('markdown-it')
 const markdownItAnchor = require('markdown-it-anchor')
+const filters = require('./config/filters.js')
 
-module.exports = function(eleventyConfig) {
-  // Plugins
-  eleventyConfig.addPlugin(syntaxHighlight)
-  
-  // To enable merging of tags
-  eleventyConfig.setDataDeepMerge(true)
+module.exports = function (eleventyConfig) {
+    // Plugins
+    eleventyConfig.addPlugin(syntaxHighlight)
 
-  // Copy these static files to _site folder
-  eleventyConfig.addPassthroughCopy('src/assets')
-  eleventyConfig.addPassthroughCopy('src/manifest.json')
-
-  // To create excerpts
-  eleventyConfig.setFrontMatterParsingOptions({
-    excerpt: true,
-    excerpt_alias: 'post_excerpt',
-    excerpt_separator: '<!-- excerpt -->'
-  })
-
-  // To create a filter to determine duration of post
-  eleventyConfig.addFilter('readTime', (value) => {
-    const content = value
-    const textOnly = content.replace(/(<([^>]+)>)/gi, '')
-    const readingSpeedPerMin = 450
-    return Math.max(1, Math.floor(textOnly.length / readingSpeedPerMin))
-  })
-
-  // Enable us to iterate over all the tags, excluding posts and all
-  eleventyConfig.addCollection('tagList', collection => {
-    const tagsSet = new Set()
-    collection.getAll().forEach(item => {
-      if (!item.data.tags) return
-      item.data.tags
-        .filter(tag => !['posts', 'all'].includes(tag))
-        .forEach(tag => tagsSet.add(tag))
+    // filters
+    Object.keys(filters).forEach((filterName) => {
+        eleventyConfig.addFilter(filterName, filters[filterName])
     })
-    return Array.from(tagsSet).sort()
-  })
 
-  const md = markdownIt({ html: true, linkify: true })
-  md.use(markdownItAnchor, { 
-    level: [1, 2], 
-    permalink: markdownItAnchor.permalink.headerLink({ 
-      safariReaderFix: true,
-      class: 'header-anchor',
+    // To enable merging of tags
+    eleventyConfig.setDataDeepMerge(true)
+
+    // Copy these static files to _site folder
+    eleventyConfig.addPassthroughCopy('src/assets')
+    eleventyConfig.addPassthroughCopy('src/manifest.json')
+
+    // To create excerpts
+    eleventyConfig.setFrontMatterParsingOptions({
+        excerpt: true,
+        excerpt_alias: 'post_excerpt',
+        excerpt_separator: '<!-- excerpt -->',
     })
-  })
-  eleventyConfig.setLibrary('md', md)
 
-  // asset_img shortcode
-  eleventyConfig.addLiquidShortcode('asset_img', (filename, alt) => {
-    return `<img class="my-4" src="/assets/img/posts/${filename}" alt="${alt}" />`
-  })
+    // To create a filter to determine duration of post
+    eleventyConfig.addFilter('readTime', (value) => {
+        const content = value
+        const textOnly = content.replace(/(<([^>]+)>)/gi, '')
+        const readingSpeedPerMin = 450
+        return Math.max(1, Math.floor(textOnly.length / readingSpeedPerMin))
+    })
 
-  return {
-    dir: {
-      input: 'src'
+    // Enable us to iterate over all the tags, excluding posts and all
+    eleventyConfig.addCollection('tagList', (collection) => {
+        const tagsSet = new Set()
+        collection.getAll().forEach((item) => {
+            if (!item.data.tags) return
+            item.data.tags
+                .filter((tag) => !['posts', 'all'].includes(tag))
+                .forEach((tag) => tagsSet.add(tag))
+        })
+        return Array.from(tagsSet).sort()
+    })
+
+    const md = markdownIt({ html: true, linkify: true })
+    md.use(markdownItAnchor, {
+        level: [1, 2],
+        permalink: markdownItAnchor.permalink.headerLink({
+            safariReaderFix: true,
+            class: 'header-anchor',
+        }),
+    })
+    eleventyConfig.setLibrary('md', md)
+
+    // asset_img shortcode
+    eleventyConfig.addLiquidShortcode('asset_img', (filename, alt) => {
+        return `<img class="my-4" src="/assets/img/posts/${filename}" alt="${alt}" />`
+    })
+
+    return {
+        dir: {
+            input: 'src',
+        },
     }
-  }
 }

config/filters.js

@@ -0,0 +1,62 @@
+const sanitizeHTML = require('sanitize-html')
+
+module.exports = {
+    trim: (string, limit) => {
+        return string.length <= limit ? string : `${string.slice(0, limit)}...`
+    },
+    postPath: (path) => {
+        if (path.includes('micro/')) return path
+        return `/micro/${path}`
+    },
+    stripIndex: (path) => {
+        return path.replace('/index.html', '/')
+    },
+    getFirstAttachment: (post) => {
+        if (post && post.attachments && post.attachments.length > 0) {
+            return post.attachments[0].url ? post.attachments[0].url : post.attachments[0]
+        }
+
+        return '/assets/img/social-card.png'
+    },
+    webmentionsByUrl: (webmentions, url) => {
+        const allowedTypes = ['mention-of', 'in-reply-to', 'like-of', 'repost-of']
+
+        const data = {
+            'like-of': [],
+            'repost-of': [],
+            'in-reply-to': [],
+        }
+
+        const hasRequiredFields = (entry) => {
+            const { author, published, content } = entry
+            return author.name && published && content
+        }
+
+        const filtered = webmentions
+            .filter((entry) => entry['wm-target'] === `https://coryd.dev${url}`)
+            .filter((entry) => allowedTypes.includes(entry['wm-property']))
+
+        filtered.forEach((m) => {
+            if (data[m['wm-property']]) {
+                const isReply = m['wm-property'] === 'in-reply-to'
+                const isValidReply = isReply && hasRequiredFields(m)
+                if (isReply) {
+                    if (isValidReply) {
+                        m.sanitized = sanitizeHTML(m.content.html)
+                        data[m['wm-property']].unshift(m)
+                    }
+
+                    return
+                }
+
+                data[m['wm-property']].unshift(m)
+            }
+        })
+
+        data['in-reply-to'].sort((a, b) =>
+            a.published > b.published ? 1 : b.published > a.published ? -1 : 0
+        )
+
+        return data
+    },
+}

package.json

@@ -24,6 +24,7 @@
         "postcss": "^8.4.5",
         "prettier": "^2.8.4",
         "prettier-plugin-tailwindcss": "^0.2.4",
+        "sanitize-html": "^2.10.0",
         "vercel-submodules": "^1.0.10"
     },
     "dependencies": {

src/_includes/base.liquid

@@ -1,10 +1,15 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <title>{{ site.title }}</title>
+    <title>{{ title }}</title>
     <meta charset="utf-8">
   	<meta name='viewport' content='width=device-width'>
-    <meta name='description' content={{ site.description }}>
+    <meta property="og:title" content="{{ title }}" />
+    <meta property="description" content="{% if excerpt %}{{ excerpt}}{% else %}{{ site.description }}{% endif %}" />
+    <meta property="og:description" content="{% if excerpt %}{{ excerpt}}{% else %}{{ site.description }}{% endif %}" />
+    <meta property="og:type" content="article" />
+    <meta property="og:url" content="https://coryd.dev{{ page.url }}" />
+    <meta property="og:image" content="{{ post | getFirstAttachment }}">
     <meta name="theme-color" content="#bd93f9"/>
     <link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicon/favicon-32x32.png">
     <link rel="apple-touch-icon" href="/assets/img/favicon/apple-touch-icon.png">
@@ -12,6 +17,9 @@
     <link href="/assets/styles/tailwind.css" rel="stylesheet" />
     <link href="/assets/styles/prism.css" rel="stylesheet" />
     <link href="/assets/styles/index.css" rel="stylesheet" />
+    <script src="https://breezy-restored.coryd.dev/script.js" data-site="RHNGSUXO" defer></script>
+    <link rel="webmention" href="https://webmention.io/coryd.dev/webmention" />
+    <link rel="pingback" href="https://webmention.io/coryd.dev/xmlrpc" />
     <script>
       const isDarkMode = () => localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches);
       if (isDarkMode()) {

yarn.lock

@@ -635,6 +635,11 @@ deep-is@^0.1.3:
   resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
   integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
 
+deepmerge@^4.2.2:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.3.0.tgz#65491893ec47756d44719ae520e0e2609233b59b"
+  integrity sha512-z2wJZXrmeHdvYJp/Ux55wIjqo81G5Bp4c+oELTW+7ar6SogWHajt5a9gO3s3IDaGSAXjDk0vlQKN3rms8ab3og==
+
 defined@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/defined/-/defined-1.0.1.tgz#c0b9db27bfaffd95d6f61399419b893df0f91ebf"
@@ -1232,7 +1237,7 @@ htmlparser2@^7.1.1:
     domutils "^2.8.0"
     entities "^3.0.1"
 
-htmlparser2@^8.0.1:
+htmlparser2@^8.0.0, htmlparser2@^8.0.1:
   version "8.0.1"
   resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-8.0.1.tgz#abaa985474fcefe269bc761a779b544d7196d010"
   integrity sha512-4lVbmc1diZC7GUJQtRQ5yBAeUCL1exyMwmForWkRLnwyzWBFxN633SALPMGYaWZvKe9j1pRZJpauvmxENSp/EA==
@@ -1350,6 +1355,11 @@ is-path-inside@^3.0.3:
   resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.3.tgz#d231362e53a07ff2b0e0ea7fed049161ffd16283"
   integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
 
+is-plain-object@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/is-plain-object/-/is-plain-object-5.0.0.tgz#4427f50ab3429e9025ea7d52e9043a9ef4159344"
+  integrity sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==
+
 is-promise@^2.0.0:
   version "2.2.2"
   resolved "https://registry.yarnpkg.com/is-promise/-/is-promise-2.2.2.tgz#39ab959ccbf9a774cf079f7b40c7a26f763135f1"
@@ -1947,7 +1957,7 @@ postcss-value-parser@^4.0.0, postcss-value-parser@^4.2.0:
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
   integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
 
-postcss@^8.0.9, postcss@^8.4.5:
+postcss@^8.0.9, postcss@^8.3.11, postcss@^8.4.5:
   version "8.4.21"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.21.tgz#c639b719a57efc3187b13a1d765675485f4134f4"
   integrity sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==
@@ -2233,6 +2243,18 @@ run-parallel@^1.1.9:
   dependencies:
     queue-microtask "^1.2.2"
 
+sanitize-html@^2.10.0:
+  version "2.10.0"
+  resolved "https://registry.yarnpkg.com/sanitize-html/-/sanitize-html-2.10.0.tgz#74d28848dfcf72c39693139131895c78900ab452"
+  integrity sha512-JqdovUd81dG4k87vZt6uA6YhDfWkUGruUu/aPmXLxXi45gZExnt9Bnw/qeQU8oGf82vPyaE0vO4aH0PbobB9JQ==
+  dependencies:
+    deepmerge "^4.2.2"
+    escape-string-regexp "^4.0.0"
+    htmlparser2 "^8.0.0"
+    is-plain-object "^5.0.0"
+    parse-srcset "^1.0.2"
+    postcss "^8.3.11"
+
 section-matter@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/section-matter/-/section-matter-1.0.0.tgz#e9041953506780ec01d59f292a19c7b850b84167"