-
+
{gist.name}
updated {format(gist.updated_at || gist.created_at)}
@@ -130,7 +130,7 @@
{/if}
{:else}
- No apps here. Go make one!
+ No apps here. Go make one!
{/if}
{:else}
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 @@
- {name} • REPL • Svelte
+ {name} • Playground • Svelte
-
+
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 @@
- {data.gist.name} • REPL • Svelte
+ {data.gist.name} • Playground • Svelte
-
+
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}
-
+
{#snippet top_nav()}