Fixing front matter

Author: alex72508

src/content.config.ts

@@ -10,7 +10,14 @@ export const collections = {
         page_id: z.string().uuid(),
         relatedArticles: z.string().array().optional().nullable(),
         app_context: z.array(z.any()).optional(),
-        social_sharing_image_url: z.string().optional()
+        social_sharing_image_url: z.string().optional(),
+        ai_summary: z.string().optional(),
+        keywords: z.array(z.string()).optional().nullable(),
+        description: z.string().optional(),
+        sdk: z.union([z.string(), z.array(z.string())]).optional().nullable(),
+        languages: z.union([z.string(), z.array(z.string())]).optional().nullable(),
+        audience: z.union([z.string(), z.array(z.string())]).optional(),
+        complexity: z.string().optional()
       })
     })
   }),

src/pages/docs-suggestions.json.ts

@@ -9,7 +9,14 @@ export const GET: APIRoute = () => {
         page_id: docs[url].frontmatter.page_id,
         title: docs[url].frontmatter.title,
         url: "https://docs.kinde.com" + url.split("/content/docs")[1].split(".")[0] + "/",
-        app_context: docs[url].frontmatter.app_context
+        app_context: docs[url].frontmatter?.app_context,
+        ai_summary: docs[url].frontmatter?.ai_summary,
+        keywords: docs[url].frontmatter?.keywords,
+        description: docs[url].frontmatter?.description,
+        sdk: docs[url].frontmatter?.sdk,
+        languages: docs[url].frontmatter?.languages,
+        audience: docs[url].frontmatter?.audience,
+        complexity: docs[url].frontmatter?.complexity
       })),
       null,
       2

src/starlight-overrides/Head.astro

@@ -5,6 +5,10 @@ import type {Props} from "@astrojs/starlight/props";
 const hasCustomOGImage = Astro.props.entry.data.head.find((t) =>
   t.attrs.property === "og:image" ? true : false
 );
+
+// Extract frontmatter data for meta tags
+const { entry } = Astro.props;
+const frontmatter = entry.data;
 ---
 
 {
@@ -18,3 +22,26 @@ const hasCustomOGImage = Astro.props.entry.data.head.find((t) =>
 </Default>
 
 {!hasCustomOGImage && <meta property="og:image" content={`${Astro.url.href}og-image.png`} />}
+
+{/* Add meta tags for the new fields */}
+{frontmatter.ai_summary && (
+  <meta name="ai-summary" content={frontmatter.ai_summary} />
+)}
+{frontmatter.keywords && (
+  <meta name="keywords" content={frontmatter.keywords.join(', ')} />
+)}
+{frontmatter.description && (
+  <meta name="description" content={frontmatter.description} />
+)}
+{frontmatter.sdk && (
+  <meta name="sdk" content={Array.isArray(frontmatter.sdk) ? frontmatter.sdk.join(', ') : frontmatter.sdk} />
+)}
+{frontmatter.languages && (
+  <meta name="languages" content={Array.isArray(frontmatter.languages) ? frontmatter.languages.join(', ') : frontmatter.languages} />
+)}
+{frontmatter.audience && (
+  <meta name="audience" content={Array.isArray(frontmatter.audience) ? frontmatter.audience.join(', ') : frontmatter.audience} />
+)}
+{frontmatter.complexity && (
+  <meta name="complexity" content={frontmatter.complexity} />
+)}