Merge branch 'production' into max/gw/sandbox-demo

Author: maxvp

package-lock.json

@@ -27,29 +27,29 @@
 	"devDependencies": {
 		"@astro-community/astro-embed-youtube": "^0.5.6",
 		"@astrojs/check": "^0.9.4",
-		"@astrojs/react": "^3.6.2",
+		"@astrojs/react": "^3.6.3",
 		"@astrojs/rss": "^4.0.9",
 		"@astrojs/sitemap": "^3.2.1",
 		"@astrojs/starlight": "^0.29.2",
 		"@astrojs/starlight-docsearch": "^0.3.0",
 		"@astrojs/starlight-tailwind": "^2.0.3",
-		"@astrojs/tailwind": "^5.1.2",
+		"@astrojs/tailwind": "^5.1.3",
 		"@cloudflare/puppeteer": "^0.0.14",
 		"@cloudflare/vitest-pool-workers": "^0.5.36",
 		"@cloudflare/workers-types": "^4.20241112.0",
 		"@codingheads/sticky-header": "^1.0.2",
 		"@iarna/toml": "^2.2.5",
-		"@iconify-json/material-symbols": "^1.2.8",
+		"@iconify-json/material-symbols": "^1.2.10",
 		"@stoplight/json-schema-tree": "^4.0.0",
 		"@types/dompurify": "^3.2.0",
 		"@types/hast": "^3.0.4",
 		"@types/he": "^1.2.3",
 		"@types/node": "^22.10.1",
 		"@types/react": "^18.3.12",
 		"@types/react-dom": "^18.3.1",
-		"algoliasearch": "^5.15.0",
+		"algoliasearch": "^5.17.0",
 		"astro": "^4.16.17",
-		"astro-breadcrumbs": "^3.2.2",
+		"astro-breadcrumbs": "^3.3.1",
 		"astro-icon": "^1.1.2",
 		"astro-live-code": "^0.0.4",
 		"date-fns": "^4.1.0",

package.json

@@ -33,23 +33,20 @@ if (!res.ok) {
 	throw new Error(`[GitHubCode] Received ${res.status} from Worker.`);
 }
 
-let content = await res.text();
+const content = await res.text();
+let contentLines = content.split("\n");
 
 if (lines) {
 	const [start, end] = lines;
 
-	const contentLines = content.split("\n");
-
 	if (contentLines.length < end - 1) {
 		throw new Error(
 			`[GitHubCode] End line requested is beyond content length (${contentLines.length}).`,
 		);
 	}
 
-	content = contentLines.slice(start - 1, end).join("\n");
+	contentLines = contentLines.slice(start - 1, end);
 } else if (tag) {
-	const contentLines = content.split("\n");
-
 	const startTag = contentLines.findIndex((x) =>
 		x.includes(`<docs-tag name="${tag}">`),
 	);
@@ -61,8 +58,12 @@ if (lines) {
 		throw new Error(`[GitHubCode] Unable to find a region using tag "${tag}".`);
 	}
 
-	content = contentLines.slice(startTag + 1, endTag).join("\n");
+	contentLines = contentLines.slice(startTag + 1, endTag);
 }
+
+contentLines = contentLines.filter(
+	(line) => !/<[\/]?docs-tag name=".*">/.test(line),
+);
 ---
 
-<Code code={content} lang={lang} />
+<Code code={contentLines.join("\n")} lang={lang} />

public/core-services-preview.png

@@ -44,6 +44,7 @@ if (currentSection) {
 				content: "",
 			});
 		}
+
 		if (product.data.product.title) {
 			const productName = product.data.product.title;
 			Astro.props.entry.data.head.push({
@@ -63,7 +64,58 @@ if (currentSection) {
 				content: "",
 			});
 		}
+
 		if (product.data.product.group) {
+			const group = product.data.product.group.toLowerCase();
+
+			let ogImage = "https://developers.cloudflare.com/cf-twitter-card.png";
+			const images: Record<string, string> = {
+				"cloudflare essentials":
+					"https://developers.cloudflare.com/core-services-preview.png",
+				"cloudflare one": "https://developers.cloudflare.com/zt-preview.png",
+				"developer platform":
+					"https://developers.cloudflare.com/dev-products-preview.png",
+				"network security":
+					"https://developers.cloudflare.com/core-services-preview.png",
+				"application performance":
+					"https://developers.cloudflare.com/core-services-preview.png",
+				"application security":
+					"https://developers.cloudflare.com/core-services-preview.png",
+			};
+
+			if (images[group]) {
+				ogImage = images[group];
+			}
+
+			const tags = [
+				{
+					tag: "meta",
+					attrs: {
+						name: "image",
+						content: ogImage,
+					},
+					content: "",
+				},
+				{
+					tag: "meta",
+					attrs: {
+						name: "og:image",
+						content: ogImage,
+					},
+					content: "",
+				},
+				{
+					tag: "meta",
+					attrs: {
+						name: "twitter:image",
+						content: ogImage,
+					},
+					content: "",
+				},
+			] as const;
+
+			Astro.props.entry.data.head.push(...tags);
+
 			Astro.props.entry.data.head.push({
 				tag: "meta",
 				attrs: {

public/dev-products-preview.png

@@ -5,6 +5,12 @@ productLink: "/hyperdrive/"
 productArea: Developer platform
 productAreaLink: /workers/platform/changelog/platform/
 entries:
+  - publish_date: "2024-12-11"
+    title: Hyperdrive now caches queries in all Cloudflare locations decreasing cache hit latency by up to 90%
+    description: |-
+      Hyperdrive query caching now happens in all locations where Hyperdrive can be accessed. When making a query in a location that has cached the query result, your latency may be decreased by up to 90%.
+
+      Refer to [documentation on how Hyperdrive caches query results](/hyperdrive/configuration/how-hyperdrive-works/#query-caching).
   - publish_date: "2024-11-19"
     title: Hyperdrive now supports clear-text password authentication
     description: |-

public/zt-preview.png

@@ -47,6 +47,6 @@ const innerHtml = await page.evaluate(() => {
 
 Keep in mind that `page.evaluate` can only return primitive types like strings, numbers, etc.
 
-Returning an `HTMLElement` won't work.
+Returning an `HTMLElement` will not work.
 
 :::

src/components/GitHubCode.astro

@@ -3,9 +3,10 @@ pcx_content_type: navigation
 title: Get started
 sidebar:
   order: 2
-
+  group:
+    hideIndex: true
 ---
 
-import { DirectoryListing } from "~/components"
+import { DirectoryListing } from "~/components";
 
 <DirectoryListing />