trying out seia to render webmentions

Author: jackdbd

README.md

@@ -141,7 +141,7 @@ See [SECURITY.md](./SECURITY.md).
 
 ### Production dependencies
 
-This project has **52** `dependencies`.
+This project has **53** `dependencies`.
 
 | Package | Version |
 |---|---|
@@ -186,6 +186,7 @@ This project has **52** `dependencies`.
 | [postcss](https://www.npmjs.com/package/postcss) | `^8.4.47` |
 | [postcss-cli](https://www.npmjs.com/package/postcss-cli) | `^11.0.0` |
 | [sanitize-html](https://www.npmjs.com/package/sanitize-html) | `^2.13.1` |
+| [seia](https://www.npmjs.com/package/seia) | `^0.2.2` |
 | [slugify](https://www.npmjs.com/package/slugify) | `^1.6.6` |
 | [stripe](https://www.npmjs.com/package/stripe) | `^17.2.1` |
 | [tailwindcss](https://www.npmjs.com/package/tailwindcss) | `^3.4.14` |

config/eleventy.mjs

@@ -335,7 +335,9 @@ export default function (eleventyConfig) {
     'node_modules/@11ty/is-land/is-land.js': 'assets/js/is-land.js',
     'node_modules/@11ty/is-land/is-land-autoinit.js':
       'assets/js/is-land-autoinit.js',
-    'node_modules/instant.page/instantpage.js': 'assets/js/instantpage.js'
+    'node_modules/instant.page/instantpage.js': 'assets/js/instantpage.js',
+    'node_modules/seia/dist/seia.js': 'assets/js/seia.js',
+    'node_modules/seia/dist/styles': 'assets/css/seia/styles'
   })
 
   // https://www.11ty.dev/docs/shortcodes/

package-lock.json

@@ -118,6 +118,7 @@
     "postcss": "^8.4.47",
     "postcss-cli": "^11.0.0",
     "sanitize-html": "^2.13.1",
+    "seia": "^0.2.2",
     "slugify": "^1.6.6",
     "stripe": "^17.2.1",
     "tailwindcss": "^3.4.14",

package.json

@@ -133,8 +133,9 @@ const main = async () => {
     'connect-src': [
       'self',
       'cloudflareinsights.com',
+      `https://webmention.io/${domain}/webmention`,
       'res.cloudinary.com',
-      `https://webmention.io/${domain}/webmention`
+      'webmention.io'
     ],
 
     'default-src': ['none'],

scripts/headers.mjs

@@ -50,6 +50,8 @@ section: post
     <call-to-action></call-to-action>
     {% endrenderTemplate %}
 
+    <s-e-i-a css=".h-cite{padding:1rem};"></s-e-i-a>
+
     {% renderTemplate "webc" %}
     <webmentions-section></webmentions-section>
     {% endrenderTemplate %}
@@ -76,3 +78,4 @@ section: post
 
 {# external JS assets #}
 <script data-helmet async src="/assets/js/sw-registration.js"></script>
+<script data-helmet async src="/assets/js/seia.js" type="module"></script>