feat: add OG image generation for config pages — Twitter auto-shows preview card on share

Author: fullstackjam

package-lock.json

@@ -22,6 +22,8 @@
 		"wrangler": "^4.61.1"
 	},
 	"dependencies": {
-		"marked": "^17.0.1"
+		"@cf-wasm/resvg": "^0.3.3",
+		"marked": "^17.0.1",
+		"satori": "^0.19.1"
 	}
 }

package.json

@@ -42,6 +42,9 @@
 	<meta property="og:title" content="{data.config.name} - OpenBoot" />
 	<meta property="og:description" content={data.config.description || `Install ${data.config.name} with OpenBoot — one command to set up your Mac.`} />
 	<meta property="og:url" content="https://openboot.dev/{data.configUser.username}/{data.config.slug}" />
+	<meta property="og:image" content="https://openboot.dev/{data.configUser.username}/{data.config.slug}/og" />
+	<meta name="twitter:card" content="summary_large_image" />
+	<meta name="twitter:image" content="https://openboot.dev/{data.configUser.username}/{data.config.slug}/og" />
 </svelte:head>
 
 <header class="header">