From bbf7be68baf5a56adced4b90fb790e2e3ef988e7 Mon Sep 17 00:00:00 2001
From: kodster28 <kody@cloudflare.com>
Date: Wed, 14 May 2025 08:09:22 -0500
Subject: [PATCH] [Chore] Release notes - remove top-level page keep rss for
 now

---
 public/__redirects                  |   1 +
 src/pages/release-notes/index.astro | 184 ----------------------------
 2 files changed, 1 insertion(+), 184 deletions(-)
 delete mode 100644 src/pages/release-notes/index.astro

diff --git a/public/__redirects b/public/__redirects
index ce1505f6f16ee9..daa4e4d81ebd98 100644
--- a/public/__redirects
+++ b/public/__redirects
@@ -36,6 +36,7 @@
 
 ## legacy
 /changelog/index.xml /release-notes/index.xml 301
+/release-notes/ /changelog/ 301
 
 # 1dot1_redirect
 /1.1.1.1/1.1.1.1-for-families/ /1.1.1.1/setup/ 301
diff --git a/src/pages/release-notes/index.astro b/src/pages/release-notes/index.astro
deleted file mode 100644
index f074c6b14d42f0..00000000000000
--- a/src/pages/release-notes/index.astro
+++ /dev/null
@@ -1,184 +0,0 @@
----
-import StarlightPage, {
-	type StarlightPageProps,
-} from "@astrojs/starlight/components/StarlightPage.astro";
-import { Aside } from "~/components";
-import { marked } from "marked";
-import { format } from "date-fns";
-import { getReleaseNotes } from "~/util/release-notes";
-import { getEntry } from "astro:content";
-
-const { products, productAreas, releaseNotes } = await getReleaseNotes();
-
-const props = {
-	frontmatter: {
-		title: "Release notes",
-		template: "splash",
-		noindex: true,
-	},
-	hideBreadcrumbs: true,
-} as StarlightPageProps;
----
-
-<StarlightPage {...props}>
-	<Aside>
-		This page is being deprecated. To keep up with product updates, refer to our <a
-			href="/changelog/">changelog</a
-		>.
-	</Aside>
-	<p id="productDescription">
-		Subscribe to all release notes via <a href="/release-notes/index.xml">RSS</a
-		>.
-	</p>
-	<p id="productAreaDescription" style="display:none">
-		Subscribe to all release-notes via <a
-			class="rssLink"
-			href="/release-notes/index.xml">RSS</a
-		>.
-	</p>
-	<p>
-		Unless otherwise noted, all dates refer to the release date of the change.
-	</p>
-	<br />
-	<label for="products">Product:</label>
-	<select name="products" id="products" class="mr-4">
-		<option value="all">Select...</option>
-		{
-			products.map((product) => (
-				<option value={product.toLowerCase()}>{product}</option>
-			))
-		}
-	</select>
-	<label for="productAreas">Product area:</label>
-	<select name="productAreas" id="productAreas">
-		<option value="all">Select...</option>
-		{
-			productAreas.map((productAreas) => (
-				<option value={productAreas.toLowerCase()}>{productAreas}</option>
-			))
-		}
-	</select>
-	{
-		releaseNotes.map(([date, entries]) => (
-			<div class="md:grid md:grid-cols-[18%_82%]" data-date={date}>
-				<div>
-					<h4 class="text-nowrap">{format(date, "do MMMM yyyy")}</h4>
-				</div>
-				<div class="mt-0!">
-					{entries?.map(async (entry) => {
-						let title = entry.title;
-						let description = entry.description || "";
-
-						if (entry.individual_page) {
-							const page = await getEntry(
-								"docs",
-								entry.individual_page.slice(1, -1),
-							);
-
-							if (!page) {
-								throw new Error(
-									`[Changelog] Unable to load page ${entry.individual_page}.`,
-								);
-							}
-
-							title = `${entry.product} - ${page.data.title}`;
-							description = `For more details, refer to the dedicated page for [${title}](${entry.individual_page}).`;
-						}
-
-						return (
-							<div
-								data-product={entry.product.toLowerCase()}
-								data-productArea={entry.productAreaName.toLowerCase()}
-							>
-								<h3>
-									<a href={entry.productLink}>{entry.product}</a>
-								</h3>
-								{title && (
-									<p>
-										<strong>{title}</strong>
-									</p>
-								)}
-								<Fragment set:html={marked.parse(description)} />
-							</div>
-						);
-					})}
-				</div>
-			</div>
-		))
-	}
-</StarlightPage>
-
-<script>
-	import StickyHeader from "@codingheads/sticky-header";
-
-	const navHeightRem = getComputedStyle(document.body).getPropertyValue(
-		"--sl-nav-height",
-	);
-	const navHeightPx = Number(navHeightRem.split("rem")[0]) * 16 + 16;
-
-	const headers = document.querySelectorAll<HTMLElement>(
-		"[data-date] > div > h4",
-	);
-	headers.forEach(
-		(header) => new StickyHeader(header, { offset: 0 - navHeightPx }),
-	);
-
-	const productFilter = document.querySelector<HTMLSelectElement>("#products");
-	productFilter?.addEventListener("change", filterEntries);
-
-	const productAreaFilter =
-		document.querySelector<HTMLSelectElement>("#productAreas");
-	productAreaFilter?.addEventListener("change", filterEntries);
-
-	function filterEntries() {
-		const dates = document.querySelectorAll<HTMLElement>("[data-date]");
-
-		for (const date of dates) {
-			const entries = date.querySelectorAll<HTMLElement>("[data-product]");
-
-			if (
-				productAreaFilter?.value === "all" &&
-				productFilter?.value === "all"
-			) {
-				dates.forEach((x) => {
-					x.style.display = "";
-				});
-				entries.forEach((x) => {
-					x.style.display = "";
-				});
-				continue;
-			}
-
-			let entriesHidden = 0;
-
-			for (const entry of entries) {
-				const product = entry.dataset.product;
-				const productArea = entry.dataset.productarea;
-
-				if (
-					(productFilter?.value === product ||
-						productFilter?.value === "all") &&
-					(productAreaFilter?.value === productArea ||
-						productAreaFilter?.value === "all")
-				) {
-					entry.style.display = "";
-					date.style.display = "";
-				} else {
-					entry.style.display = "none";
-					entriesHidden++;
-				}
-			}
-
-			if (entriesHidden >= entries.length) {
-				date.style.display = "none";
-			}
-		}
-	}
-</script>
-
-<style>
-	h4.sticky-pinned {
-		top: var(--sl-nav-height);
-		background-color: var(--sl-color-bg);
-	}
-</style>