Merge branch 'production' into ranbel/tunnel-onoma

Author: ranbel

.github/CODEOWNERS

@@ -21,7 +21,7 @@
 # AI
 
 /src/content/docs/agents/ @irvinebroque @rita3ko @elithrar @thomasgauvin @threepointone @cloudflare/pcx-technical-writing
-/src/content/docs/ai-gateway/ @kathayl @mchenco @kodster28 @cloudflare/pcx-technical-writing
+/src/content/docs/ai-gateway/ @palashgo @thebongy @kathayl @mchenco @kodster28 @cloudflare/pcx-technical-writing
 /src/content/docs/workers-ai/ @rita3ko @craigsdennis @markdembo @mchenco @kodster28 @cloudflare/pcx-technical-writing
 /src/content/docs/vectorize/ @elithrar @vy-ton @sejoker @mchenco @cloudflare/pcx-technical-writing
 /src/content/partials/vectorize/ @elithrar @mchenco @sejoker @cloudflare/pcx-technical-writing

astro.config.ts

@@ -142,7 +142,7 @@ export default defineConfig({
 									"{props.*}",
 									"/",
 									"/glossary/",
-									"/products/",
+									"/directory/",
 									"/rules/snippets/examples/?operation=*",
 									"/rules/transform/examples/?operation=*",
 									"/ruleset-engine/rules-language/fields/reference/**",

public/__redirects

@@ -1,6 +1,7 @@
 # homepage
 /api /api/ 301
-/docs/ /products/ 301
+/docs/ /directory/ 301
+/products/ /directory/ 301
 /zero-trust/ /products/?product-group=Cloudflare+One 301
 /dashboard-landing/ / 301
 /tutorials/ /search/?content_type%5B0%5D=Tutorial 301
@@ -2356,4 +2357,8 @@
 /realtime/demos /realtime/sfu/demos/ 302
 /realtime/example-architecture /realtime/sfu/example-architecture/ 302
 /realtime/pricing /realtime/sfu/pricing/ 302
-/realtime/changelog /realtime/sfu/changelog/ 302
+/realtime/changelog /realtime/sfu/changelog/ 302
+
+/realtime/realtimekit/get-started /realtime/realtimekit/getting-started/ 302
+/realtime/introduction /realtime/realtimekit/introduction 302
+/realtime/concepts /realtime/realtimekit/concepts 302

public/robots.txt

@@ -6,4 +6,6 @@ Disallow: /constellation
 Disallow: /cdn-cgi/
 Disallow: /email-security/
 
+Content-Usage: tdm=y
+
 Sitemap: https://developers.cloudflare.com/sitemap-index.xml

src/assets/images/changelog/load-balancing/asnum-custom-rule.png

@@ -0,0 +1,66 @@
+---
+import { z } from "astro:schema";
+
+const props = z.object({
+	label: z.string(),
+});
+
+const { label } = props.parse(Astro.props);
+---
+
+<check-box>
+	<label class="block">
+		<input type="checkbox" />
+		{label}
+	</label>
+</check-box>
+
+<script>
+	function getStorage() {
+		const raw = localStorage.getItem("checkboxes");
+
+		if (!raw) return [];
+
+		let json;
+		try {
+			json = JSON.parse(raw);
+		} catch {
+			localStorage.removeItem("checkboxes");
+			return [];
+		}
+
+		return json;
+	}
+
+	function updateStorage(label: string, checked: boolean) {
+		const key = `${window.location.pathname}${label}`;
+		const storage = getStorage();
+
+		if (checked) {
+			storage.push(key);
+		} else {
+			storage.splice(storage.indexOf(key), 1);
+		}
+
+		localStorage.setItem("checkboxes", JSON.stringify(storage));
+	}
+
+	class Checkbox extends HTMLElement {
+		connectedCallback() {
+			const input = this.querySelector("input") as HTMLInputElement;
+			const label = (
+				this.querySelector("label") as HTMLLabelElement
+			).innerText.trim();
+
+			input.checked = getStorage().includes(
+				`${window.location.pathname}${label}`,
+			);
+
+			input.addEventListener("change", () => {
+				updateStorage(label, input.checked);
+			});
+		}
+	}
+
+	customElements.define("check-box", Checkbox);
+</script>

src/components/Checkbox.astro

@@ -13,7 +13,7 @@ type Filters = {
 	groups: string[];
 };
 
-const ProductCatalog = ({ products }: { products: ProductData[] }) => {
+const DirectoryCatalog = ({ products }: { products: ProductData[] }) => {
 	const [filters, setFilters] = useState<Filters>({
 		search: "",
 		groups: [],
@@ -74,7 +74,7 @@ const ProductCatalog = ({ products }: { products: ProductData[] }) => {
 				<input
 					type="text"
 					className="mb-8 w-full rounded-md border-2 border-gray-200 bg-white px-2 py-2 dark:border-gray-700 dark:bg-gray-800"
-					placeholder="Search products"
+					placeholder="Search folders"
 					value={filters.search}
 					onChange={(e) => setFilters({ ...filters, search: e.target.value })}
 				/>
@@ -116,7 +116,7 @@ const ProductCatalog = ({ products }: { products: ProductData[] }) => {
 			<div className="mt-0! grid w-full grid-cols-1 items-stretch gap-2 self-start md:grid-cols-2 lg:w-3/4 lg:grid-cols-3 lg:gap-4">
 				{productList.length === 0 && (
 					<div className="flex w-full flex-col justify-center rounded-md border bg-gray-50 py-6 text-center align-middle md:col-span-2 lg:col-span-3 dark:border-gray-500 dark:bg-gray-800">
-						<span className="text-lg font-bold!">No products found</span>
+						<span className="text-lg font-bold!">No folders found</span>
 						<p>
 							Try a different search term, or broaden your search by removing
 							filters.
@@ -163,4 +163,4 @@ const ProductCatalog = ({ products }: { products: ProductData[] }) => {
 	);
 };
 
-export default ProductCatalog;
+export default DirectoryCatalog;

src/components/ProductCatalog.tsx renamed to src/components/DirectoryCatalog.tsx

@@ -11,7 +11,7 @@ import { useState } from "react";
 import { PiCaretDownBold } from "react-icons/pi";
 
 const links = [
-	{ label: "Docs Directory", href: "/products/" },
+	{ label: "Docs Directory", href: "/directory/" },
 	{
 		label: "APIs",
 		href: "https://developers.cloudflare.com/api/",

src/components/HeaderDropdowns.tsx

@@ -45,7 +45,7 @@ if (image) {
 	<div class="sl-flex stack">
 		<div class="sl-flex copy">
 			<div class="sl-flex copy links space-x-4">
-				<a href="/products/">Products</a>
+				<a href="/directory/">Directory</a>
 				<a href="/billing/">Subscriptions and billing</a>
 				<a href="/api/">API</a>
 				<a href="/changelog/">Changelog</a>

src/components/HomepageHero.astro

@@ -94,11 +94,6 @@ if (!releaseNotes) {
 								<AnchorHeading depth={2} title={page.data.title} />
 							</a>
 							<p class="text-xs">{entry.date}</p>
-							{page.data.release_notes_product_area_name && (
-								<h3 class="mt-4!">
-									<a href={entry.productLink}>{entry.product}</a>
-								</h3>
-							)}
 							{<Fragment set:html={description} />}
 						</div>
 					);
@@ -108,11 +103,6 @@ if (!releaseNotes) {
 						<>
 							<AnchorHeading depth={2} title={date} />
 							<div data-product={entry.product.toLowerCase()}>
-								{page.data.release_notes_product_area_name && (
-									<h3 class="mt-4!">
-										<a href={entry.productLink}>{entry.product}</a>
-									</h3>
-								)}
 								{entry.title && <strong>{entry.title}</strong>}
 								{<Fragment set:html={description} />}
 							</div>