move to new file

Author: KianNH

src/components/overrides/Head.astro

@@ -5,7 +5,7 @@ import { differenceInCalendarDays } from "date-fns";
 import "tippy.js/dist/tippy.css";
 
 import { getEntry } from "astro:content";
-import { getOgImage } from "~/util/props";
+import { getOgImage } from "~/util/og";
 import type { CollectionEntry } from "astro:content";
 
 // grab the current top-level folder. Remove . characters for 1.1.1.1 URL

src/util/og.ts

@@ -0,0 +1,55 @@
+import { getImage } from "astro:assets";
+import { type CollectionEntry, getEntry } from "astro:content";
+
+const DEFAULT_OG_IMAGE = "/cf-twitter-card.png";
+
+const CHANGELOG_OG_IMAGE = "/changelog-preview.png";
+
+const PRODUCT_AREA_OG_IMAGES: Record<string, string> = {
+	"cloudflare essentials": "/core-services-preview.png",
+	"cloudflare one": "/zt-preview.png",
+	"developer platform": "/dev-products-preview.png",
+	"network security": "/core-services-preview.png",
+	"application performance": "/core-services-preview.png",
+	"application security": "/core-services-preview.png",
+};
+
+export async function getOgImage(entry: CollectionEntry<"docs" | "changelog">) {
+	if (entry.data.cover) {
+		if (!entry.data.cover.src) {
+			throw new Error(
+				`${entry.id} has a cover property in frontmatter that is not a valid image path`,
+			);
+		}
+
+		const image = await getImage({
+			src: entry.data.cover,
+			format: "png",
+		});
+
+		return image.src;
+	}
+
+	if (entry.collection === "changelog") {
+		return CHANGELOG_OG_IMAGE;
+	}
+
+	const section = entry.id.split("/").filter(Boolean).at(0);
+
+	if (!section) {
+		return DEFAULT_OG_IMAGE;
+	}
+
+	const product = await getEntry("products", section);
+
+	if (product && product.data.product.group) {
+		const image =
+			PRODUCT_AREA_OG_IMAGES[product.data.product.group.toLowerCase()];
+
+		if (image) {
+			return image;
+		}
+	}
+
+	return DEFAULT_OG_IMAGE;
+}

src/util/props.ts

@@ -4,8 +4,6 @@ import he from "he";
 import { remark } from "remark";
 import strip from "strip-markdown";
 import { rehypeExternalLinksOptions } from "~/plugins/rehype/external-links";
-import { getImage } from "astro:assets";
-import { getEntry, type CollectionEntry } from "astro:content";
 
 type TableOfContentsItems = NonNullable<Props["toc"]>["items"];
 
@@ -90,56 +88,3 @@ export async function generateDescription({
 		?.replaceAll(rehypeExternalLinksOptions.content.value, "")
 		.trim();
 }
-
-const DEFAULT_OG_IMAGE = "/cf-twitter-card.png";
-
-const CHANGELOG_OG_IMAGE = "/changelog-preview.png";
-
-const PRODUCT_AREA_OG_IMAGES: Record<string, string> = {
-	"cloudflare essentials": "/core-services-preview.png",
-	"cloudflare one": "/zt-preview.png",
-	"developer platform": "/dev-products-preview.png",
-	"network security": "/core-services-preview.png",
-	"application performance": "/core-services-preview.png",
-	"application security": "/core-services-preview.png",
-};
-
-export async function getOgImage(entry: CollectionEntry<"docs" | "changelog">) {
-	if (entry.data.cover) {
-		if (!entry.data.cover.src) {
-			throw new Error(
-				`${entry.id} has a cover property in frontmatter that is not a valid image path`,
-			);
-		}
-
-		const image = await getImage({
-			src: entry.data.cover,
-			format: "png",
-		});
-
-		return image.src;
-	}
-
-	if (entry.collection === "changelog") {
-		return CHANGELOG_OG_IMAGE;
-	}
-
-	const section = entry.id.split("/").filter(Boolean).at(0);
-
-	if (!section) {
-		return DEFAULT_OG_IMAGE;
-	}
-
-	const product = await getEntry("products", section);
-
-	if (product && product.data.product.group) {
-		const image =
-			PRODUCT_AREA_OG_IMAGES[product.data.product.group.toLowerCase()];
-
-		if (image) {
-			return image;
-		}
-	}
-
-	return DEFAULT_OG_IMAGE;
-}