DeterminateSystems
diff --git a/‎package-lock.json‎
Lines changed: 31 additions & 0 deletions b/‎package-lock.json‎
Lines changed: 31 additions & 0 deletions
diff --git a/‎package.json‎
Lines changed: 2 additions & 0 deletions b/‎package.json‎
Lines changed: 2 additions & 0 deletions
diff --git a/‎src/components/Head.astro‎
Lines changed: 6 additions & 2 deletions b/‎src/components/Head.astro‎
Lines changed: 6 additions & 2 deletions
diff --git a/‎src/lib/utils.ts‎
Lines changed: 7 additions & 0 deletions b/‎src/lib/utils.ts‎
Lines changed: 7 additions & 0 deletions
@@ -41,8 +41,10 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "rehype-external-links": "^3.0.0",
+    "remark": "^15.0.1",
     "remark-emoji": "^5.0.2",
     "remark-heading-id": "^1.0.1",
+    "strip-markdown": "^6.0.0",
     "typescript": "^5.9.3"
   },
   "devDependencies": {
 
@@ -19,6 +19,10 @@ const { title: siteTitle, description: siteDescription } = site;
 
 const { title, description, tags, markdownNegotiation = false } = Astro.props;
 
+const plainDescription = description
+  ? (await plainText(description)).trim()
+  : siteDescription;
+
 const image = `${root}favicon.png`;
 ---
 
@@ -53,7 +57,7 @@ const image = `${root}favicon.png`;
 <SEO
   charset="utf-8"
   title={title ?? siteTitle}
-  description={description ? plainText(description) : siteDescription}
+  description={plainDescription}
   {canonical}
   openGraph={{
     basic: {
@@ -66,7 +70,7 @@ const image = `${root}favicon.png`;
   twitter={{
     site: root,
     title: title ?? siteTitle,
-    description,
+    description: plainDescription,
     image,
     card: "summary",
   }}
 
@@ -1,4 +1,6 @@
 import { marked } from "marked";
+import { remark } from "remark";
+import strip from 'strip-markdown';
 
 export const conceptPagePath = (slug: string): string => {
   return pagePath("concepts", slug);
@@ -12,6 +14,11 @@ export const startPagePath = (slug: string): string => {
   return pagePath("start", slug.substring(1));
 };
 
+export const plainText = async (md: string): Promise<string> => {
+  const file = await remark().use(strip).process(md);
+  return String(file).trim();
+};
+
 const pagePath = (collection: string, slug: string): string => {
   return `/${collection}/${slug}`;
 };