update main redirect (hompage or sv)

Author: jycouet

apps/svelte.dev/src/lib/packages-meta.ts

@@ -16,24 +16,24 @@ const SV_ADD = {
 	]
 };
 
-const SV_ADD_CMD = {
-	prettier: 'npx sv add prettier',
-	eslint: 'npx sv add eslint',
-	vitest: 'npx sv add vitest',
-	playwright: 'npx sv add playwright',
-	tailwindcss: 'npx sv add tailwindcss',
-	'vite-plugin-devtools-json': 'npx sv add devtools-json',
-	'drizzle-orm': 'npx sv add drizzle',
-	lucia: 'npx sv add lucia',
-	mdsvex: 'npx sv add mdsvex',
-	'@inlang/paraglide-js': 'npx sv add paraglide',
-	storybook: 'npx sv add storybook',
+const SV_ADD_CMD: Record<string, { alias: string; options?: string }> = {
+	prettier: { alias: 'prettier' },
+	eslint: { alias: 'eslint' },
+	vitest: { alias: 'vitest' },
+	playwright: { alias: 'playwright' },
+	tailwindcss: { alias: 'tailwindcss' },
+	'vite-plugin-devtools-json': { alias: 'devtools-json' },
+	'drizzle-orm': { alias: 'drizzle' },
+	lucia: { alias: 'lucia' },
+	mdsvex: { alias: 'mdsvex' },
+	'@inlang/paraglide-js': { alias: 'paraglide' },
+	storybook: { alias: 'storybook' },
 
-	'@sveltejs/adapter-node': 'npx sv add sveltekit-adapter=adapter:node',
-	'@sveltejs/adapter-vercel': 'npx sv add sveltekit-adapter=adapter:vercel',
-	'@sveltejs/adapter-auto': 'npx sv add sveltekit-adapter=adapter:auto',
-	'@sveltejs/adapter-cloudflare': 'npx sv add sveltekit-adapter=adapter:cloudflare',
-	'@sveltejs/adapter-netlify': 'npx sv add sveltekit-adapter=adapter:netlify'
+	'@sveltejs/adapter-node': { alias: 'sveltekit-adapter', options: 'adapter:node' },
+	'@sveltejs/adapter-vercel': { alias: 'sveltekit-adapter', options: 'adapter:vercel' },
+	'@sveltejs/adapter-auto': { alias: 'sveltekit-adapter', options: 'adapter:auto' },
+	'@sveltejs/adapter-cloudflare': { alias: 'sveltekit-adapter', options: 'adapter:cloudflare' },
+	'@sveltejs/adapter-netlify': { alias: 'sveltekit-adapter', options: 'adapter:netlify' }
 };
 
 const FEATURED: { title: string; packages: string[]; weights?: Record<string, number> }[] = [

apps/svelte.dev/src/lib/server/content.ts

@@ -210,6 +210,7 @@ export interface Package {
 	typescript: boolean;
 
 	svCmd?: string;
+	main_url?: string;
 }
 
 /**

apps/svelte.dev/src/routes/packages/+page.server.ts

@@ -7,8 +7,14 @@ const arrToPackages = (arr: string[]) => {
 	return arr
 		.map((name) => {
 			const pkg = registry.find((pkg) => pkg.name === name) ?? null;
-			if (pkg)
-				pkg.svCmd = PACKAGES_META.SV_ADD_CMD[pkg.name as keyof typeof PACKAGES_META.SV_ADD_CMD];
+			if (pkg) {
+				pkg.main_url = pkg.homepage;
+				const cmd = PACKAGES_META.SV_ADD_CMD[pkg.name];
+				if (cmd) {
+					pkg.svCmd = `npx sv add ${cmd.alias}${cmd.options ? `=${cmd.options}` : ''}`;
+					pkg.main_url = `/docs/cli/${cmd.alias}`;
+				}
+			}
 
 			return pkg;
 		})
@@ -18,7 +24,7 @@ const arrToPackages = (arr: string[]) => {
 // Netflix style page. Send pre-done cards with categories
 const homepage_data: { title: string; packages: Package[] }[] = [
 	{
-		title: 'sv add',
+		title: 'sv add-ons',
 		packages: arrToPackages(PACKAGES_META.SV_ADD.packages)
 	}
 ];

apps/svelte.dev/src/routes/packages/PackageCard.svelte

@@ -24,9 +24,9 @@
 			</h3>
 		{/snippet}
 
-		{#if pkg.homepage}
+		{#if pkg.main_url}
 			<a
-				href={pkg.homepage}
+				href={pkg.main_url}
 				target="_blank"
 				rel="noreferrer"
 				aria-label="View project homepage"