[Website] Isolate resolveBlueprintFromURL() calls (#2654)

## Motivation for the change, related issues

Moves all the `resolveBlueprintFromURL()` into a single state function
to set the stage for Blueprints v2. Version 2 will handle merging Query
API overrides with the Blueprint using PHP logic, not TypeScript logic.
This PR is the first step there – it moves all the TypeScript parsing
and merging logic into a single place to make the upcoming refactoring
easier.

A part of #2586. 

## Testing Instructions (or ideally a Blueprint)

CI

Author: adamziel

packages/playground/website/src/components/ensure-playground-site/ensure-playground-site-is-selected.tsx

@@ -1,6 +1,4 @@
 import { useEffect, useState } from 'react';
-import type { ResolvedBlueprint } from '../../lib/state/url/resolve-blueprint-from-url';
-import { resolveBlueprintFromURL } from '../../lib/state/url/resolve-blueprint-from-url';
 import { useCurrentUrl } from '../../lib/state/url/router-hooks';
 import { opfsSiteStorage } from '../../lib/state/opfs/opfs-site-storage';
 import {
@@ -21,6 +19,7 @@ import { usePrevious } from '../../lib/hooks/use-previous';
 import { modalSlugs } from '../layout';
 import { setActiveModal } from '../../lib/state/redux/slice-ui';
 import { selectClientBySiteSlug } from '../../lib/state/redux/slice-clients';
+import { randomSiteName } from '../../lib/state/redux/random-site-name';
 
 /**
  * Ensures the redux store always has an activeSite value.
@@ -151,50 +150,16 @@ export function EnsurePlaygroundSiteIsSelected({
 	return children;
 }
 
-function parseSearchParams(searchParams: URLSearchParams) {
-	const params: Record<string, any> = {};
-	for (const key of searchParams.keys()) {
-		const value = searchParams.getAll(key);
-		params[key] = value.length > 1 ? value : value[0];
-	}
-	return params;
-}
 async function createNewTemporarySite(
 	dispatch: ReturnType<typeof useAppDispatch>,
 	requestedSiteSlug?: string
 ) {
 	// If the site slug is missing, create a new temporary site.
-	// Lean on the Query API parameters and the Blueprint API to
-	// create the new site.
-	const newUrl = new URL(window.location.href);
-	const defaultBlueprint =
-		'https://raw.githubusercontent.com/WordPress/blueprints/refs/heads/trunk/blueprints/welcome/blueprint.json';
-	let resolvedBlueprint: ResolvedBlueprint | undefined = undefined;
-
-	try {
-		resolvedBlueprint = await resolveBlueprintFromURL(
-			newUrl,
-			defaultBlueprint
-		);
-	} catch (e) {
-		logger.error('Error resolving blueprint:', e);
-	}
-
-	// Create a new site otherwise
+	const siteName = requestedSiteSlug
+		? deriveSiteNameFromSlug(requestedSiteSlug)
+		: randomSiteName();
 	const newSiteInfo = await dispatch(
-		setTemporarySiteSpec({
-			metadata: {
-				originalBlueprint: resolvedBlueprint?.blueprint,
-				originalBlueprintSource: resolvedBlueprint?.source,
-				name: requestedSiteSlug
-					? deriveSiteNameFromSlug(requestedSiteSlug)
-					: undefined,
-			},
-			originalUrlParams: {
-				searchParams: parseSearchParams(newUrl.searchParams),
-				hash: newUrl.hash,
-			},
-		})
+		setTemporarySiteSpec(siteName, new URL(window.location.href))
 	);
 	await dispatch(setActiveSite(newSiteInfo.slug));
 }

packages/playground/website/src/components/site-manager/sidebar/index.tsx

@@ -22,7 +22,7 @@ import {
 	useAppDispatch,
 	useAppSelector,
 } from '../../../lib/state/redux/store';
-import type { SiteLogo } from '../../../lib/site-metadata';
+import type { SiteLogo } from '../../../lib/state/redux/slice-sites';
 import {
 	selectSortedSites,
 	selectTemporarySite,

packages/playground/website/src/components/site-manager/site-persist-button/index.tsx

@@ -11,7 +11,7 @@ import { persistTemporarySite } from '../../../lib/state/redux/persist-temporary
 import { selectClientInfoBySiteSlug } from '../../../lib/state/redux/slice-clients';
 import { useLocalFsAvailability } from '../../../lib/hooks/use-local-fs-availability';
 import { isOpfsAvailable } from '../../../lib/state/opfs/opfs-site-storage';
-import type { SiteStorageType } from '../../../lib/site-metadata';
+import type { SiteStorageType } from '../../../lib/state/redux/slice-sites';
 
 export function SitePersistButton({
 	siteSlug,

packages/playground/website/src/components/site-manager/storage-type/index.tsx

@@ -1,7 +1,7 @@
 import { Icon } from '@wordpress/components';
 import { ClockIcon, folder, layout } from '@wp-playground/components';
 import css from './style.module.css';
-import type { SiteStorageType } from '../../../lib/site-metadata';
+import type { SiteStorageType } from '../../../lib/state/redux/slice-sites';
 
 export function StorageType({ type }: { type: SiteStorageType }) {
 	switch (type) {

packages/playground/website/src/lib/site-metadata.ts

@@ -6,7 +6,7 @@
  */
 
 import metadataWorkerUrl from './opfs-site-storage-worker-for-safari?worker&url';
-import type { SiteMetadata } from '../../site-metadata';
+import type { SiteMetadata } from '../redux/slice-sites';
 import type { SiteInfo } from '../redux/slice-sites';
 import { joinPaths } from '@php-wasm/util';
 import { logger } from '@php-wasm/logger';

packages/playground/website/src/lib/state/opfs/opfs-site-storage.ts

@@ -15,7 +15,7 @@ import {
 	updateSiteMetadata,
 } from './slice-sites';
 import { PlaygroundRoute, redirectTo } from '../url/router';
-import type { SiteStorageType } from '../../site-metadata';
+import type { SiteStorageType } from './slice-sites';
 
 export function persistTemporarySite(
 	siteSlug: string,