From 0c0f0ec912ae3634cef621d084e679a46f13093e Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Wed, 25 Sep 2024 09:33:51 -0400
Subject: [PATCH] rename REPL to Playground

---
 .../svelte.dev/src/routes/(authed)/apps/+page.svelte |  4 ++--
 .../routes/(authed)/{repl => playground}/+page.js    |  2 +-
 .../(authed)/{repl => playground}/+page.svelte       |  0
 .../(authed)/{repl => playground}/[id]/+page.js      |  0
 .../{repl => playground}/[id]/+page.server.js        |  2 +-
 .../(authed)/{repl => playground}/[id]/+page.svelte  | 12 +++++++-----
 .../{repl => playground}/[id]/AppControls.svelte     |  4 ++--
 .../{repl => playground}/[id]/UserMenu.svelte        |  0
 .../{repl => playground}/[id]/downloadBlob.js        |  0
 .../{repl => playground}/[id]/embed/+page.server.ts  |  2 +-
 .../{repl => playground}/[id]/embed/+page.svelte     | 10 +++++-----
 .../{repl => playground}/api/[id].json/+server.js    |  4 ++--
 .../{repl => playground}/create.json/+server.js      |  0
 .../{repl => playground}/embed/+page.server.js       |  4 ++--
 .../{repl => playground}/local/[...path]/+server.js  |  0
 .../{repl => playground}/save/[id].json/+server.js   |  0
 apps/svelte.dev/src/routes/+layout.server.js         |  2 +-
 apps/svelte.dev/src/routes/+layout.svelte            |  2 +-
 apps/svelte.dev/src/routes/+page.svelte              |  4 ++--
 apps/svelte.dev/src/routes/nav.json/+server.ts       |  6 +++---
 .../src/routes/repl/[...path]/+page.server.ts        |  5 +++++
 21 files changed, 35 insertions(+), 28 deletions(-)
 rename apps/svelte.dev/src/routes/(authed)/{repl => playground}/+page.js (93%)
 rename apps/svelte.dev/src/routes/(authed)/{repl => playground}/+page.svelte (100%)
 rename apps/svelte.dev/src/routes/(authed)/{repl => playground}/[id]/+page.js (100%)
 rename apps/svelte.dev/src/routes/(authed)/{repl => playground}/[id]/+page.server.js (83%)
 rename apps/svelte.dev/src/routes/(authed)/{repl => playground}/[id]/+page.svelte (90%)
 rename apps/svelte.dev/src/routes/(authed)/{repl => playground}/[id]/AppControls.svelte (98%)
 rename apps/svelte.dev/src/routes/(authed)/{repl => playground}/[id]/UserMenu.svelte (100%)
 rename apps/svelte.dev/src/routes/(authed)/{repl => playground}/[id]/downloadBlob.js (100%)
 rename apps/svelte.dev/src/routes/(authed)/{repl => playground}/[id]/embed/+page.server.ts (79%)
 rename apps/svelte.dev/src/routes/(authed)/{repl => playground}/[id]/embed/+page.svelte (86%)
 rename apps/svelte.dev/src/routes/(authed)/{repl => playground}/api/[id].json/+server.js (95%)
 rename apps/svelte.dev/src/routes/(authed)/{repl => playground}/create.json/+server.js (100%)
 rename apps/svelte.dev/src/routes/(authed)/{repl => playground}/embed/+page.server.js (64%)
 rename apps/svelte.dev/src/routes/(authed)/{repl => playground}/local/[...path]/+server.js (100%)
 rename apps/svelte.dev/src/routes/(authed)/{repl => playground}/save/[id].json/+server.js (100%)
 create mode 100644 apps/svelte.dev/src/routes/repl/[...path]/+page.server.ts

diff --git a/apps/svelte.dev/src/routes/(authed)/apps/+page.svelte b/apps/svelte.dev/src/routes/(authed)/apps/+page.svelte
index 40863c6048..dfc604253e 100644
--- a/apps/svelte.dev/src/routes/(authed)/apps/+page.svelte
+++ b/apps/svelte.dev/src/routes/(authed)/apps/+page.svelte
@@ -102,7 +102,7 @@
 			<ul class:selecting>
 				{#each data.gists as gist}
 					<li class:selected={selected.includes(gist.id)}>
-						<a href={selecting ? undefined : `/repl/${gist.id}`}>
+						<a href={selecting ? undefined : `/playground/${gist.id}`}>
 							<h2>{gist.name}</h2>
 							<span>updated {format(gist.updated_at || gist.created_at)}</span>
 						</a>
@@ -130,7 +130,7 @@
 				{/if}
 			</div>
 		{:else}
-			<p>No apps here. <a href="/repl">Go make one!</a></p>
+			<p>No apps here. <a href="/playground">Go make one!</a></p>
 		{/if}
 	{:else}
 		<p>
diff --git a/apps/svelte.dev/src/routes/(authed)/repl/+page.js b/apps/svelte.dev/src/routes/(authed)/playground/+page.js
similarity index 93%
rename from apps/svelte.dev/src/routes/(authed)/repl/+page.js
rename to apps/svelte.dev/src/routes/(authed)/playground/+page.js
index c6e63444fd..08b3a737c2 100644
--- a/apps/svelte.dev/src/routes/(authed)/repl/+page.js
+++ b/apps/svelte.dev/src/routes/(authed)/playground/+page.js
@@ -17,5 +17,5 @@ export function load({ url }) {
 	const q = new URLSearchParams();
 	if (version) q.set('version', version);
 	if (vim) q.set('vim', vim);
-	redirect(301, `/repl/${id}?${q}`);
+	redirect(301, `/playground/${id}?${q}`);
 }
diff --git a/apps/svelte.dev/src/routes/(authed)/repl/+page.svelte b/apps/svelte.dev/src/routes/(authed)/playground/+page.svelte
similarity index 100%
rename from apps/svelte.dev/src/routes/(authed)/repl/+page.svelte
rename to apps/svelte.dev/src/routes/(authed)/playground/+page.svelte
diff --git a/apps/svelte.dev/src/routes/(authed)/repl/[id]/+page.js b/apps/svelte.dev/src/routes/(authed)/playground/[id]/+page.js
similarity index 100%
rename from apps/svelte.dev/src/routes/(authed)/repl/[id]/+page.js
rename to apps/svelte.dev/src/routes/(authed)/playground/[id]/+page.js
diff --git a/apps/svelte.dev/src/routes/(authed)/repl/[id]/+page.server.js b/apps/svelte.dev/src/routes/(authed)/playground/[id]/+page.server.js
similarity index 83%
rename from apps/svelte.dev/src/routes/(authed)/repl/[id]/+page.server.js
rename to apps/svelte.dev/src/routes/(authed)/playground/[id]/+page.server.js
index 115cc33d29..53c3a5716a 100644
--- a/apps/svelte.dev/src/routes/(authed)/repl/[id]/+page.server.js
+++ b/apps/svelte.dev/src/routes/(authed)/playground/[id]/+page.server.js
@@ -1,7 +1,7 @@
 import { error } from '@sveltejs/kit';
 
 export async function load({ fetch, params, url }) {
-	const res = await fetch(`/repl/api/${params.id}.json`);
+	const res = await fetch(`/playground/api/${params.id}.json`);
 
 	if (!res.ok) {
 		error(/** @type {import('@sveltejs/kit').NumericRange<400, 599>}  */ (res.status));
diff --git a/apps/svelte.dev/src/routes/(authed)/repl/[id]/+page.svelte b/apps/svelte.dev/src/routes/(authed)/playground/[id]/+page.svelte
similarity index 90%
rename from apps/svelte.dev/src/routes/(authed)/repl/[id]/+page.svelte
rename to apps/svelte.dev/src/routes/(authed)/playground/[id]/+page.svelte
index b6d47fc31b..2b12eaf87d 100644
--- a/apps/svelte.dev/src/routes/(authed)/repl/[id]/+page.svelte
+++ b/apps/svelte.dev/src/routes/(authed)/playground/[id]/+page.svelte
@@ -23,7 +23,9 @@
 		}
 
 		const url =
-			params.length > 0 ? `/repl/${data.gist.id}?${params.join('&')}` : `/repl/${data.gist.id}`;
+			params.length > 0
+				? `/playground/${data.gist.id}?${params.join('&')}`
+				: `/playground/${data.gist.id}`;
 
 		history.replaceState({}, 'x', url);
 	});
@@ -47,7 +49,7 @@
 
 	function handle_fork(event: CustomEvent) {
 		console.log('> handle_fork', event);
-		goto(`/repl/${event.detail.gist.id}?version=${version}`);
+		goto(`/playground/${event.detail.gist.id}?version=${version}`);
 	}
 
 	function handle_change(event: CustomEvent) {
@@ -56,7 +58,7 @@
 
 	const svelteUrl = $derived(
 		browser && version === 'local'
-			? `${location.origin}/repl/local`
+			? `${location.origin}/playground/local`
 			: `https://unpkg.com/svelte@${version}`
 	);
 
@@ -64,9 +66,9 @@
 </script>
 
 <svelte:head>
-	<title>{name} • REPL • Svelte</title>
+	<title>{name} • Playground • Svelte</title>
 
-	<meta name="twitter:title" content="{data.gist.name} • REPL • Svelte" />
+	<meta name="twitter:title" content="{data.gist.name} • Playground • Svelte" />
 	<meta name="twitter:description" content="Web development, but fun" />
 	<meta name="Description" content="Interactive Svelte playground" />
 </svelte:head>
diff --git a/apps/svelte.dev/src/routes/(authed)/repl/[id]/AppControls.svelte b/apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte
similarity index 98%
rename from apps/svelte.dev/src/routes/(authed)/repl/[id]/AppControls.svelte
rename to apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte
index cec0a264bf..76ef9ab860 100644
--- a/apps/svelte.dev/src/routes/(authed)/repl/[id]/AppControls.svelte
+++ b/apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte
@@ -56,7 +56,7 @@
 		const { files } = repl.toJSON() as { files: File[] };
 
 		try {
-			const r = await fetch(`/repl/create.json`, {
+			const r = await fetch(`/playground/create.json`, {
 				method: 'POST',
 				credentials: 'include',
 				headers: {
@@ -121,7 +121,7 @@
 			// ~> Any missing files are considered deleted!
 			const { files } = repl.toJSON() as { files: File[] };
 
-			const r = await fetch(`/repl/save/${gist.id}.json`, {
+			const r = await fetch(`/playground/save/${gist.id}.json`, {
 				method: 'PUT',
 				credentials: 'include',
 				headers: {
diff --git a/apps/svelte.dev/src/routes/(authed)/repl/[id]/UserMenu.svelte b/apps/svelte.dev/src/routes/(authed)/playground/[id]/UserMenu.svelte
similarity index 100%
rename from apps/svelte.dev/src/routes/(authed)/repl/[id]/UserMenu.svelte
rename to apps/svelte.dev/src/routes/(authed)/playground/[id]/UserMenu.svelte
diff --git a/apps/svelte.dev/src/routes/(authed)/repl/[id]/downloadBlob.js b/apps/svelte.dev/src/routes/(authed)/playground/[id]/downloadBlob.js
similarity index 100%
rename from apps/svelte.dev/src/routes/(authed)/repl/[id]/downloadBlob.js
rename to apps/svelte.dev/src/routes/(authed)/playground/[id]/downloadBlob.js
diff --git a/apps/svelte.dev/src/routes/(authed)/repl/[id]/embed/+page.server.ts b/apps/svelte.dev/src/routes/(authed)/playground/[id]/embed/+page.server.ts
similarity index 79%
rename from apps/svelte.dev/src/routes/(authed)/repl/[id]/embed/+page.server.ts
rename to apps/svelte.dev/src/routes/(authed)/playground/[id]/embed/+page.server.ts
index 96620494e5..2753508022 100644
--- a/apps/svelte.dev/src/routes/(authed)/repl/[id]/embed/+page.server.ts
+++ b/apps/svelte.dev/src/routes/(authed)/playground/[id]/embed/+page.server.ts
@@ -1,7 +1,7 @@
 import { error } from '@sveltejs/kit';
 
 export async function load({ fetch, params, url }) {
-	const res = await fetch(`/repl/api/${params.id}.json`);
+	const res = await fetch(`/playground/api/${params.id}.json`);
 
 	if (!res.ok) {
 		throw error(res.status);
diff --git a/apps/svelte.dev/src/routes/(authed)/repl/[id]/embed/+page.svelte b/apps/svelte.dev/src/routes/(authed)/playground/[id]/embed/+page.svelte
similarity index 86%
rename from apps/svelte.dev/src/routes/(authed)/repl/[id]/embed/+page.svelte
rename to apps/svelte.dev/src/routes/(authed)/playground/[id]/embed/+page.svelte
index 409b053e08..8f1a04ef66 100644
--- a/apps/svelte.dev/src/routes/(authed)/repl/[id]/embed/+page.svelte
+++ b/apps/svelte.dev/src/routes/(authed)/playground/[id]/embed/+page.svelte
@@ -18,8 +18,8 @@
 
 		const url =
 			params.length > 0
-				? `/repl/${data.gist.id}/embed?${params.join('&')}`
-				: `/repl/${data.gist.id}/embed`;
+				? `/playground/${data.gist.id}/embed?${params.join('&')}`
+				: `/playground/${data.gist.id}/embed`;
 
 		history.replaceState({}, 'x', url);
 	}
@@ -46,7 +46,7 @@
 
 	const svelteUrl = $derived(
 		browser && version === 'local'
-			? `${location.origin}/repl/local`
+			? `${location.origin}/playground/local`
 			: `https://unpkg.com/svelte@${version}`
 	);
 
@@ -54,9 +54,9 @@
 </script>
 
 <svelte:head>
-	<title>{data.gist.name} • REPL • Svelte</title>
+	<title>{data.gist.name} • Playground • Svelte</title>
 
-	<meta name="twitter:title" content="{data.gist.name} • REPL • Svelte" />
+	<meta name="twitter:title" content="{data.gist.name} • Playground • Svelte" />
 	<meta name="twitter:description" content="Web development, but fun" />
 	<meta name="Description" content="Interactive Svelte playground" />
 </svelte:head>
diff --git a/apps/svelte.dev/src/routes/(authed)/repl/api/[id].json/+server.js b/apps/svelte.dev/src/routes/(authed)/playground/api/[id].json/+server.js
similarity index 95%
rename from apps/svelte.dev/src/routes/(authed)/repl/api/[id].json/+server.js
rename to apps/svelte.dev/src/routes/(authed)/playground/api/[id].json/+server.js
index 243109ec97..d8445033de 100644
--- a/apps/svelte.dev/src/routes/(authed)/repl/api/[id].json/+server.js
+++ b/apps/svelte.dev/src/routes/(authed)/playground/api/[id].json/+server.js
@@ -33,7 +33,7 @@ function munge(files) {
 
 export async function GET({ params }) {
 	// Currently, these pages(that are in examples/) are prerendered. To avoid making any FS requests,
-	// We prerender examples pages during build time. That means, when something like `/repl/hello-world.json`
+	// We prerender examples pages during build time. That means, when something like `/playground/hello-world.json`
 	// is accessed, this function won't be run at all, as it will be served from the filesystem
 
 	const example = get_example(examples_data, params.id);
@@ -50,7 +50,7 @@ export async function GET({ params }) {
 	if (dev && !client) {
 		// in dev with no local Supabase configured, proxy to production
 		// this lets us at least load saved REPLs
-		const res = await fetch(`https://svelte.dev/repl/api/${params.id}.json`);
+		const res = await fetch(`https://svelte.dev/playground/api/${params.id}.json`);
 
 		// returning the response directly results in a bizarre
 		// content encoding error, so we create a new one
diff --git a/apps/svelte.dev/src/routes/(authed)/repl/create.json/+server.js b/apps/svelte.dev/src/routes/(authed)/playground/create.json/+server.js
similarity index 100%
rename from apps/svelte.dev/src/routes/(authed)/repl/create.json/+server.js
rename to apps/svelte.dev/src/routes/(authed)/playground/create.json/+server.js
diff --git a/apps/svelte.dev/src/routes/(authed)/repl/embed/+page.server.js b/apps/svelte.dev/src/routes/(authed)/playground/embed/+page.server.js
similarity index 64%
rename from apps/svelte.dev/src/routes/(authed)/repl/embed/+page.server.js
rename to apps/svelte.dev/src/routes/(authed)/playground/embed/+page.server.js
index d6f8ab11bb..c0fe2147b9 100644
--- a/apps/svelte.dev/src/routes/(authed)/repl/embed/+page.server.js
+++ b/apps/svelte.dev/src/routes/(authed)/playground/embed/+page.server.js
@@ -2,13 +2,13 @@ import { redirect } from '@sveltejs/kit';
 
 export function load({ url }) {
 	if (!url.searchParams.has('gist')) {
-		throw redirect(301, '/repl/hello-world/embed');
+		throw redirect(301, '/playground/hello-world/embed');
 	} else {
 		const searchParamsWithoutGist = new URLSearchParams(url.searchParams);
 		searchParamsWithoutGist.delete('gist');
 		throw redirect(
 			301,
-			`/repl/${url.searchParams.get('gist')}/embed?${searchParamsWithoutGist.toString()}`
+			`/playground/${url.searchParams.get('gist')}/embed?${searchParamsWithoutGist.toString()}`
 		);
 	}
 }
diff --git a/apps/svelte.dev/src/routes/(authed)/repl/local/[...path]/+server.js b/apps/svelte.dev/src/routes/(authed)/playground/local/[...path]/+server.js
similarity index 100%
rename from apps/svelte.dev/src/routes/(authed)/repl/local/[...path]/+server.js
rename to apps/svelte.dev/src/routes/(authed)/playground/local/[...path]/+server.js
diff --git a/apps/svelte.dev/src/routes/(authed)/repl/save/[id].json/+server.js b/apps/svelte.dev/src/routes/(authed)/playground/save/[id].json/+server.js
similarity index 100%
rename from apps/svelte.dev/src/routes/(authed)/repl/save/[id].json/+server.js
rename to apps/svelte.dev/src/routes/(authed)/playground/save/[id].json/+server.js
diff --git a/apps/svelte.dev/src/routes/+layout.server.js b/apps/svelte.dev/src/routes/+layout.server.js
index 7701e63299..b3f70a0c59 100644
--- a/apps/svelte.dev/src/routes/+layout.server.js
+++ b/apps/svelte.dev/src/routes/+layout.server.js
@@ -17,7 +17,7 @@ export const load = async ({ url, fetch }) => {
 function get_nav_title(url) {
 	const list = new Map([
 		[/^docs/, 'Docs'],
-		[/^repl/, 'REPL'],
+		[/^playground/, 'Playground'],
 		[/^blog/, 'Blog'],
 		[/^faq/, 'FAQ'],
 		[/^tutorial/, 'Tutorial'],
diff --git a/apps/svelte.dev/src/routes/+layout.svelte b/apps/svelte.dev/src/routes/+layout.svelte
index ddb78a414d..2e29231de7 100644
--- a/apps/svelte.dev/src/routes/+layout.svelte
+++ b/apps/svelte.dev/src/routes/+layout.svelte
@@ -21,7 +21,7 @@
 	{/if}
 </svelte:head>
 
-<Shell nav_visible={$page.route.id !== '/(authed)/repl/[id]/embed'}>
+<Shell nav_visible={$page.route.id !== '/(authed)/playground/[id]/embed'}>
 	{#snippet top_nav()}
 		<Nav title={data.nav_title} links={data.nav_links}>
 			{#snippet search()}
diff --git a/apps/svelte.dev/src/routes/+page.svelte b/apps/svelte.dev/src/routes/+page.svelte
index b0b8a08ba0..bf2fd573f6 100644
--- a/apps/svelte.dev/src/routes/+page.svelte
+++ b/apps/svelte.dev/src/routes/+page.svelte
@@ -84,8 +84,8 @@
 					href: '/tutorial'
 				},
 				{
-					title: 'repl',
-					href: '/repl'
+					title: 'playground',
+					href: '/playground'
 				},
 				{
 					title: 'blog',
diff --git a/apps/svelte.dev/src/routes/nav.json/+server.ts b/apps/svelte.dev/src/routes/nav.json/+server.ts
index 5f6f40d96d..3fc74d5645 100644
--- a/apps/svelte.dev/src/routes/nav.json/+server.ts
+++ b/apps/svelte.dev/src/routes/nav.json/+server.ts
@@ -48,9 +48,9 @@ async function get_nav_list(): Promise<NavigationLink[]> {
 			sections: tutorial
 		},
 		{
-			title: 'REPL',
-			prefix: 'repl',
-			pathname: '/repl'
+			title: 'Playground',
+			prefix: 'playground',
+			pathname: '/playground'
 		},
 		{
 			title: 'Blog',
diff --git a/apps/svelte.dev/src/routes/repl/[...path]/+page.server.ts b/apps/svelte.dev/src/routes/repl/[...path]/+page.server.ts
new file mode 100644
index 0000000000..ff49525c6d
--- /dev/null
+++ b/apps/svelte.dev/src/routes/repl/[...path]/+page.server.ts
@@ -0,0 +1,5 @@
+import { redirect } from '@sveltejs/kit';
+
+export function load({ url }) {
+	throw redirect(308, url.href.replace('/repl', '/playground'));
+}