update productchangelog props

Author: KianNH

src/components/ProductChangelog.astro

@@ -1,30 +1,34 @@
 <!-- ---
-import { getChangelogs } from "~/util/changelogs";
-import { getEntry } from "astro:content";
+import { getChangelogs, type GetChangelogsOptions } from "~/util/changelogs";
+import { getEntries, reference } from "astro:content";
+import { z } from "astro:schema";
+import { getCollection } from "astro:content";
 
-const page = await getEntry("docs", Astro.params.slug!);
+const props = z.object({
+	products: z.array(reference("products")),
+}).or(z.object({
+	area: z.string()
+}));
 
-if (!page) {
-	throw new Error(
-		`[ProductChangelog] Unable to find entry for ${Astro.params.slug}`,
-	);
-}
+const input = await props.parseAsync(Astro.props);
+
+let filter: GetChangelogsOptions["filter"];
 
-const { changelog } = page.data;
+if ("products" in input) {
+	filter = (e) => {
+		return e.data.products.some((x) => input.products.some((y) => x.id === y.id))
+	}
+} else {
+	const products = await getCollection("products", (e) => {
+		return e.data.product.group === input.area;
+	});
 
-if (!changelog || !changelog.products) {
-	throw new Error(
-		`[ProductChangelog] ${Astro.params.slug} must have a "changelog" entry in frontmatter`,
-	);
+	filter = (e) => {
+		return e.data.products.some((x) => products.some((y) => x.id === y.id))
+	}
 }
 
-const changelogs = await getChangelogs({
-	filter: (e) => {
-		return e.data.products.some((p) =>
-			changelog.products?.some((v) => v.id === p.id),
-		);
-	},
-});
+const changelogs = await getChangelogs({ filter });
 ---
 
 {

src/content/docs/workers/platform/changelog/index.mdx

@@ -17,4 +17,4 @@ This is *different* from [compatibility dates](/workers/configuration/compatibil
 
 {/* <!-- Actual content lives in /src/content/changelogs/workers.yaml. Update the file there for new entries to appear here. For more details, refer to https://developers.cloudflare.com/style-guide/documentation-content-strategy/content-types/changelog/#yaml-file --> */}
 
-<ProductChangelog />
+<ProductChangelog area="Developer platform" />

src/util/changelogs.ts

@@ -80,7 +80,7 @@ function docsToChangelog({
 	};
 }
 
-type GetChangelogsOptions = {
+export type GetChangelogsOptions = {
 	filter?: (entry: CollectionEntry<"changelogs-next">) => boolean;
 };