Merge pull request #659 from DuendeSoftware/open-graph-images

Add dynamic Open Graph image handling

Author: khalidabuhakmeh

.github/workflows/link-checker.yml

@@ -33,5 +33,5 @@ jobs:
         env:
           GITHUB_TOKEN: ${{secrets.GITHUB_TOKEN}}
         with:
-          args: "--no-progress --max-concurrency 8 --accept 200,429 --exclude-path root/llms.txt --exclude-path root/llms-full.txt --exclude-path root/llms-small.txt --exclude-loopback --require-https --exclude sample.duendesoftware.com --exclude docs.duendesoftware.com --exclude sitemap --exclude \"https://github.com/DuendeArchive/IdentityModel.AspNetCore/\" --root-dir \"$PWD/root\" root/**"
+          args: "--no-progress --max-concurrency 8 --skip-missing --accept 200,429 --exclude-path root/llms.txt --exclude-path root/llms-full.txt --exclude-path root/llms-small.txt --exclude-loopback --require-https --exclude sample.duendesoftware.com --exclude docs.duendesoftware.com --exclude sitemap --exclude \"https://github.com/DuendeArchive/IdentityModel.AspNetCore/\" --root-dir \"$PWD/root\" root/**"
           fail: true

astro.config.mjs

@@ -11,6 +11,9 @@ import rehypeAutolinkHeadings from "rehype-autolink-headings";
 import starlightHeadingBadges from "starlight-heading-badges";
 import starlightLlmsTxt from "starlight-llms-txt";
 import rehypeAstroRelativeMarkdownLinks from "astro-rehype-relative-markdown-links";
+import opengraphImages from "astro-opengraph-images";
+import { duendeOpenGraphImage } from "./src/components/duende-og-image.js";
+import * as fs from "node:fs";
 
 // https://astro.build/config
 export default defineConfig({
@@ -123,6 +126,7 @@ export default defineConfig({
       components: {
         SkipLink: "./src/components/SkipLink.astro",
         Banner: "./src/components/Banner.astro",
+        Head: "./src/components/Head.astro",
       },
       sidebar: [
         {
@@ -162,6 +166,21 @@ export default defineConfig({
     redirectFrom({
       contentDir: "./src/content/docs",
     }),
+    opengraphImages({
+      options: {
+        fonts: [
+          {
+            name: "Roboto",
+            weight: 400,
+            style: "normal",
+            data: fs.readFileSync(
+              "node_modules/@fontsource/roboto/files/roboto-latin-400-normal.woff",
+            ),
+          },
+        ],
+      },
+      render: duendeOpenGraphImage,
+    }),
   ],
   markdown: {
     rehypePlugins: [