feat: allow version to be `commit-[commithash]

Author: paoloricciuti

apps/svelte.dev/src/routes/(authed)/playground/[id]/+page.server.ts

@@ -13,7 +13,7 @@ export async function load({ fetch, params, url }) {
 
 	let version = url.searchParams.get('version') || 'latest';
 
-	let is_pr_version = version.startsWith('pr-');
+	let is_pr_or_commit_version = version.startsWith('pr-') || version.startsWith('commit-');
 
 	return {
 		gist,
@@ -27,6 +27,6 @@ export async function load({ fetch, params, url }) {
 				}))
 			})),
 		version: url.searchParams.get('version') || 'latest',
-		is_pr_version
+		is_pr_or_commit_version
 	};
 }

apps/svelte.dev/src/routes/(authed)/playground/[id]/+page.svelte

@@ -26,7 +26,7 @@
 	const can_escape = browser && !$page.url.hash;
 
 	onMount(() => {
-		if (version !== 'local' && !data.is_pr_version) {
+		if (version !== 'local' && !data.is_pr_or_commit_version) {
 			fetch(`https://unpkg.com/svelte@${version}/package.json`)
 				.then((r) => r.json())
 				.then((pkg) => {
@@ -151,7 +151,7 @@
 	const svelteUrl =
 		browser && version === 'local'
 			? `${location.origin}/playground/local`
-			: data.is_pr_version
+			: data.is_pr_or_commit_version
 				? version
 				: `https://unpkg.com/svelte@${version}`;
 

packages/editor/src/lib/compile-worker/worker.ts

@@ -19,8 +19,13 @@ addEventListener('message', async (event) => {
 		const svelte_url = `https://unpkg.com/svelte@${event.data.version}`;
 		let local_files: Awaited<ReturnType<typeof parseTar>> | undefined;
 		let package_json;
-		if (event.data.version.startsWith('pr-')) {
-			const ref = event.data.version.substring('pr-'.length);
+		let local_version = event.data.version;
+		const starts_with_pr = local_version.startsWith('pr-');
+		const starts_with_commit = local_version.startsWith('commit-');
+		if (starts_with_pr || starts_with_commit) {
+			const ref = starts_with_pr
+				? local_version.substring('pr-'.length)
+				: local_version.substring('commit-'.length);
 
 			const maybe_tar = await fetch(`https://pkg.pr.new/svelte@${ref}`);
 			if (maybe_tar.headers.get('content-type') === 'application/tar+gzip') {

packages/repl/src/lib/Repl.svelte

@@ -51,7 +51,10 @@
 
 	const workspace = new Workspace([dummy], {
 		initial: 'App.svelte',
-		svelte_version: svelteUrl.startsWith('pr-') ? svelteUrl : svelteUrl.split('@')[1],
+		svelte_version:
+			svelteUrl.startsWith('pr-') || svelteUrl.startsWith('commit-')
+				? svelteUrl
+				: svelteUrl.split('@')[1],
 		onupdate() {
 			rebundle();
 			onchange?.();

packages/repl/src/lib/workers/bundler/index.ts

@@ -40,10 +40,15 @@ self.addEventListener('message', async (event: MessageEvent<BundleMessageData>)
 		case 'init': {
 			({ packages_url, svelte_url } = event.data);
 
-			if (svelte_url.startsWith('pr-')) {
+			const starts_with_pr = svelte_url.startsWith('pr-');
+			const starts_with_commit = svelte_url.startsWith('commit-');
+
+			if (starts_with_pr || starts_with_commit) {
 				let local_files: Awaited<ReturnType<typeof parseTar>>;
 
-				const ref = svelte_url.substring('pr-'.length);
+				const ref = starts_with_pr
+					? svelte_url.substring('pr-'.length)
+					: svelte_url.substring('commit-'.length);
 
 				const maybe_tar = await fetch(`https://pkg.pr.new/svelte@${ref}`);
 				if (maybe_tar.headers.get('content-type') === 'application/tar+gzip') {