render entries in productchangelog and add rss feed

Author: KianNH

src/components/ProductChangelog.astro

@@ -2,39 +2,51 @@
 import { getChangelogs, type GetChangelogsOptions } from "~/util/changelog";
 import { reference } from "astro:content";
 import { z } from "astro:schema";
-import { getCollection } from "astro:content";
+import { getCollection, render } from "astro:content";
+import { slug } from "github-slugger";
+import { LinkButton } from "@astrojs/starlight/components";
 
-const props = z.object({
-	products: z.array(reference("products")),
-}).or(z.object({
-	area: z.string()
-}));
+const props = z
+	.object({
+		product: reference("products"),
+	})
+	.or(
+		z.object({
+			area: z.string(),
+		}),
+	);
 
 const input = await props.parseAsync(Astro.props);
 
 let filter: GetChangelogsOptions["filter"];
+let rss: string;
+
+if ("product" in input) {
+	rss = `/changelog/rss/${input.product}.xml`;
 
-if ("products" in input) {
 	filter = (e) => {
-		return e.data.products.some((x) => input.products.some((y) => x.id === y.id))
-	}
+		return e.data.products.some(({ id }) => id === input.product.id);
+	};
 } else {
+	rss = `/changelog/rss/${slug(input.area)}.xml`;
+
 	const products = await getCollection("products", (e) => {
 		return e.data.product.group === input.area;
 	});
 
 	filter = (e) => {
-		return e.data.products.some((x) => products.some((y) => x.id === y.id))
-	}
+		return e.data.products.some((x) => products.some((y) => x.id === y.id));
+	};
 }
 
 const changelogs = await getChangelogs({ filter });
 ---
 
+<LinkButton href={rss} target="_blank">Subscribe to RSS</LinkButton>
+
 {
-	changelogs.map((entry) => (
-		<h3>{entry.data.date.toISOString().slice(0, 10)}</h3>
-		<h4>{entry.data.description}</h4>
-		<p>For more information, refer to the <a href={`/changelog/${entry.id}`}>dedicated changelog post</a>.</p>
-	))
-}
+	changelogs.map(async (entry) => {
+		const { Content } = await render(entry);
+		return <Content />;
+	})
+}

src/content/docs/cloudflare-one/changelog/access.mdx

@@ -10,4 +10,4 @@ description: Review recent changes to Cloudflare Access.
 
 import { ProductChangelog } from "~/components"
 
-<ProductChangelog products={["access"]} />
+<ProductChangelog product="access" />

src/content/docs/cloudflare-one/changelog/browser-isolation.mdx

@@ -10,4 +10,4 @@ description: Review recent changes to Cloudflare Browser Isolation.
 
 import { ProductChangelog } from "~/components"
 
-<ProductChangelog products={["browser-isolation"]} />
+<ProductChangelog product="browser-isolation" />

src/content/docs/cloudflare-one/changelog/casb.mdx

@@ -10,4 +10,4 @@ description: Review recent changes to Cloudflare CASB.
 
 import { ProductChangelog } from "~/components"
 
-<ProductChangelog products={["casb"]} />
+<ProductChangelog product="casb" />

src/content/docs/cloudflare-one/changelog/dex.mdx

@@ -10,4 +10,4 @@ description: Review recent changes to Digital Experience Monitoring.
 
 import { ProductChangelog } from "~/components"
 
-<ProductChangelog products={["dex"]} />
+<ProductChangelog product="dex" />

src/content/docs/cloudflare-one/changelog/dlp.mdx

@@ -10,4 +10,4 @@ description: Review recent changes to Cloudflare DLP.
 
 import { ProductChangelog } from "~/components"
 
-<ProductChangelog products={["dlp"]} />
+<ProductChangelog product="dlp" />

src/content/docs/cloudflare-one/changelog/email-security.mdx

@@ -5,4 +5,4 @@ title: Email Security
 
 import { ProductChangelog } from "~/components"
 
-<ProductChangelog products={["email-security"]} />
+<ProductChangelog product="email-security" />

src/content/docs/cloudflare-one/changelog/gateway.mdx

@@ -10,4 +10,4 @@ description: Review recent changes to Cloudflare Gateway.
 
 import { ProductChangelog } from "~/components"
 
-<ProductChangelog products={["gateway"]} />
+<ProductChangelog product="gateway" />

src/content/docs/cloudflare-one/changelog/risk-score.mdx

@@ -9,4 +9,4 @@ description: Review recent changes to Cloudflare Zero Trust user risk scoring.
 
 import { ProductChangelog } from "~/components"
 
-<ProductChangelog products={["risk-score"]} />
+<ProductChangelog product="risk-score" />

src/content/docs/cloudflare-one/changelog/tunnel.mdx

@@ -10,4 +10,4 @@ description: Review recent changes to Cloudflare Tunnel.
 
 import { ProductChangelog } from "~/components"
 
-<ProductChangelog products={["tunnel"]} />
+<ProductChangelog product="tunnel" />