feat: shorten install URL by dropping /install suffix, make packages clickable to official pages

Author: fullstackjam

src/hooks.server.ts

@@ -33,5 +33,36 @@ export const handle: Handle = async ({ event, resolve }) => {
 		}
 	}
 
+	const twoSegMatch = path.match(/^\/([a-z0-9_-]+)\/([a-z0-9_-]+)$/i);
+	if (twoSegMatch) {
+		const ua = event.request.headers.get('user-agent') || '';
+		const isCurl = /^(curl|wget)\//i.test(ua);
+		if (isCurl) {
+			const env = event.platform?.env;
+			if (env) {
+				const username = twoSegMatch[1];
+				const slug = twoSegMatch[2];
+
+				const user = await env.DB.prepare('SELECT id FROM users WHERE username = ?').bind(username).first<{ id: string }>();
+				if (user) {
+					const config = await env.DB.prepare('SELECT custom_script, is_public, dotfiles_repo FROM configs WHERE user_id = ? AND slug = ?')
+						.bind(user.id, slug)
+						.first<{ custom_script: string; is_public: number; dotfiles_repo: string }>();
+
+					if (config && config.is_public) {
+						const script = generateInstallScript(username, slug, config.custom_script, config.dotfiles_repo || '');
+
+						return new Response(script, {
+							headers: {
+								'Content-Type': 'text/plain; charset=utf-8',
+								'Cache-Control': 'no-cache'
+							}
+						});
+					}
+				}
+			}
+		}
+	}
+
 	return resolve(event);
 };

src/routes/[username]/[slug]/+page.svelte

@@ -8,7 +8,7 @@
 	let copied = $state(false);
 
 	function getInstallCommand() {
-		return `curl -fsSL https://openboot.dev/${data.configUser.username}/${data.config.slug}/install | bash`;
+		return `curl -fsSL https://openboot.dev/${data.configUser.username}/${data.config.slug} | bash`;
 	}
 
 	function copyCommand() {
@@ -17,6 +17,12 @@
 		setTimeout(() => (copied = false), 2000);
 	}
 
+	function getPackageUrl(name: string, type: 'formula' | 'cask' | 'npm'): string {
+		if (type === 'npm') return `https://www.npmjs.com/package/${name}`;
+		if (type === 'cask') return `https://formulae.brew.sh/cask/${name}`;
+		return `https://formulae.brew.sh/formula/${name}`;
+	}
+
 	const snapshot = data.config.snapshot || {};
 	const snapshotPkgs = snapshot.packages || {};
 	const macosPrefs = snapshot.macos_prefs || [];
@@ -209,7 +215,7 @@
 			{:else}
 				<div class="package-grid">
 					{#each formulae as pkg}
-						<div class="package-item">{pkg}</div>
+						<a href={getPackageUrl(pkg, 'formula')} target="_blank" rel="noopener noreferrer" class="package-item">{pkg}</a>
 					{/each}
 				</div>
 			{/if}
@@ -220,7 +226,7 @@
 			{:else}
 				<div class="package-grid">
 					{#each casks as pkg}
-						<div class="package-item">{pkg}</div>
+						<a href={getPackageUrl(pkg, 'cask')} target="_blank" rel="noopener noreferrer" class="package-item">{pkg}</a>
 					{/each}
 				</div>
 			{/if}
@@ -231,7 +237,7 @@
 			{:else}
 				<div class="package-grid">
 					{#each configNpm as pkg}
-						<div class="package-item">{pkg.name}</div>
+						<a href={getPackageUrl(pkg.name, 'npm')} target="_blank" rel="noopener noreferrer" class="package-item">{pkg.name}</a>
 					{/each}
 				</div>
 			{/if}
@@ -619,12 +625,21 @@
 	}
 
 	.package-item {
+		display: block;
 		background: var(--bg-secondary);
 		border: 1px solid var(--border);
 		border-radius: 6px;
 		padding: 10px 14px;
 		font-family: 'JetBrains Mono', monospace;
 		font-size: 0.85rem;
+		color: var(--text-primary);
+		text-decoration: none;
+		transition: border-color 0.2s, background 0.2s;
+	}
+
+	.package-item:hover {
+		border-color: var(--accent);
+		background: var(--bg-tertiary);
 	}
 
 	.prefs-list {

src/routes/api/configs/+server.ts

@@ -79,7 +79,7 @@ export const POST: RequestHandler = async ({ platform, cookies, request }) => {
 		return json({ error: 'Database error: ' + (e as Error).message }, { status: 500 });
 	}
 
-	const installUrl = cleanAlias ? `${env.APP_URL}/${cleanAlias}` : `${env.APP_URL}/${user.username}/${slug}/install`;
+	const installUrl = cleanAlias ? `${env.APP_URL}/${cleanAlias}` : `${env.APP_URL}/${user.username}/${slug}`;
 
 	return json({ id, slug, alias: cleanAlias, install_url: installUrl }, { status: 201 });
 };

src/routes/api/configs/[slug]/+server.ts

@@ -12,7 +12,7 @@ export const GET: RequestHandler = async ({ platform, cookies, params, request }
 	const config = await env.DB.prepare('SELECT * FROM configs WHERE user_id = ? AND slug = ?').bind(user.id, params.slug).first();
 	if (!config) return json({ error: 'Config not found' }, { status: 404 });
 
-	const installUrl = config.alias ? `${env.APP_URL}/${config.alias}` : `${env.APP_URL}/${user.username}/${params.slug}/install`;
+	const installUrl = config.alias ? `${env.APP_URL}/${config.alias}` : `${env.APP_URL}/${user.username}/${params.slug}`;
 
 	const rawPkgs = JSON.parse((config.packages as string) || '[]');
 	const needsTypeInference = rawPkgs.length > 0 && typeof rawPkgs[0] === 'string';
@@ -132,7 +132,7 @@ export const PUT: RequestHandler = async ({ platform, cookies, params, request }
 		return json({ error: 'Database error: ' + (e as Error).message }, { status: 500 });
 	}
 
-	const installUrl = newAlias ? `${env.APP_URL}/${newAlias}` : `${env.APP_URL}/${user.username}/${newSlug}/install`;
+	const installUrl = newAlias ? `${env.APP_URL}/${newAlias}` : `${env.APP_URL}/${user.username}/${newSlug}`;
 
 	return json({ success: true, slug: newSlug, alias: newAlias, install_url: installUrl });
 };

src/routes/dashboard/+page.svelte

@@ -392,7 +392,7 @@
 		if (config.alias) {
 			return `openboot.dev/${config.alias}`;
 		}
-		return `openboot.dev/${$auth.user?.username}/${config.slug}/install`;
+		return `openboot.dev/${$auth.user?.username}/${config.slug}`;
 	}
 
 	async function importBrewfile() {