chore: redirect logic-blocks page

Author: benmccann

apps/svelte.dev/src/hooks.server.js

@@ -8,11 +8,10 @@ const mappings = new Map([
 	['/docs/custom-elements-api', '/docs/svelte/custom-elements'],
 	['/docs/element-directives', '/docs/svelte/basic-markup'], // no good mapping for this one
 	['/docs/introduction', '/docs/svelte/overview'],
-	['/docs/logic-blocks', '/docs/svelte/basic-markup'], // no good mapping for this one
 	['/docs/server-side-component-api', '/docs/svelte/legacy-component-api'],
 	['/docs/special-elements', '/docs/svelte/svelte-window'], // no good mapping for this one
 	['/docs/special-tags', '/docs/svelte/basic-markup'],
-	// can't map this, as this is now a redirect to the overview page: ['/docs/svelte', '/docs/svelte/svelte'],
+	// ['/docs/svelte', '/docs/svelte/svelte'], - can't map this. /docs/svelte is now a redirect to the overview page
 	['/docs/svelte-action', '/docs/svelte/svelte-action'],
 	['/docs/svelte-animate', '/docs/svelte/svelte-animate'],
 	['/docs/svelte-compiler', '/docs/svelte/svelte-compiler'],

apps/svelte.dev/src/routes/docs/logic-blocks/+page.svelte

@@ -0,0 +1,64 @@
+<script>
+	import { onMount } from 'svelte';
+	import { goto } from '$app/navigation';
+	import { page } from '$app/stores';
+
+	const docs = new Map([
+		['if', ['{#if ...}', '/docs/svelte/if']],
+		['each', ['{#each ...}', '/docs/svelte/each']],
+		['await', ['{#key ...}', '/docs/svelte/await']],
+		['key', ['{#await ...}', '/docs/svelte/key']]
+	]);
+
+	function get_url_to_redirect_to() {
+		const hash = $page.url.hash.slice(1);
+		if (hash === '') return;
+
+		const new_docs = docs.get(hash);
+		return new_docs && new_docs[1];
+	}
+
+	onMount(() => {
+		const redirect = get_url_to_redirect_to();
+		if (redirect) {
+			goto(redirect, { replaceState: true });
+		}
+	});
+</script>
+
+<svelte:head>
+	<meta name="robots" content="noindex" />
+</svelte:head>
+
+<div class="page">
+	<h1>This page no longer exists</h1>
+
+	<h2>You may be looking for:</h2>
+
+	<ul>
+		{#each docs as doc}
+			<li>
+				<span style="font-weight:bold">{doc[1][0]}</span> is now located at
+				<a href={doc[1][1]}>{doc[1][1]}</a>
+			</li>
+		{/each}
+	</ul>
+</div>
+
+<style>
+	.page {
+		padding: var(--sk-page-padding-top) var(--sk-page-padding-side);
+		max-width: var(--sk-page-content-width);
+		box-sizing: content-box;
+		margin: auto;
+		text-wrap: balance;
+	}
+
+	h1 {
+		padding-bottom: 2rem;
+	}
+
+	ul {
+		list-style-type: none;
+	}
+</style>