add ogp & twitter embed properties

moehreag · moehreag · commit a1bfb0147fcd · 2025-01-20T14:30:30.000+01:00
diff --git a/src/endpoints/image.rs b/src/endpoints/image.rs
@@ -106,12 +106,14 @@ pub async fn get_view(
 		.username;
 
 	let time = image.timestamp.and_utc().format("%Y/%m/%d %H:%M").to_string();
-
+	let png = PngInfo::create(&Bytes::from(image.file.clone())).await.unwrap();
 	Ok(Html(
 		include_str!("image_view.html")
 			.replace("{filename}", &filename)
 			.replace("{image_data}", &("data:image/png;base64,".to_string() + &STANDARD_NO_PAD.encode(image.file)))
 			.replace("{image_url}", &image_url)
+			.replace("{image_width}", &png.width.to_string())
+			.replace("{image_height}", &png.height.to_string())
 			.replace("{username}", &username)
 			.replace(
 				"{time}",
diff --git a/src/endpoints/image_view.html b/src/endpoints/image_view.html
@@ -2,7 +2,20 @@
 		<html lang="en" data-theme="light">
 			<head>
 				<title>{filename} | AxolotlClient</title>
-				<meta og:title="{filename}">
+                <meta property="og:type" content="website" />
+				<meta property="og:title" content="{filename} | AxolotlClient" />
+                <meta property="og:image" content="{image_url}/raw" />
+                <meta property="og:locale" content="en_US" />
+                <meta property="og:url" content="{image_url}/view" />
+                <meta property="og:description" content="{image_name} shared with AxolotlClient" />
+                <meta property="og:image:height" content="{image_height}" />
+                <meta property="og:image:width" content="{image_width}" />
+
+                <meta name="twitter:card" content="summary_large_image" />
+                <meta name="twitter:img:src" content="{image_url}/raw" />
+                <meta name="twitter:img:alt" content="{image_name} shared with AxolotlClient" />
+                <meta name="twitter:image:width" content="{image_width}" />
+                <meta name="twitter:image:height" content="{image_height}" />
                 <link rel="icon" href="https://axolotlclient.com/images/icon.png" />
 				<link rel="alternate" type="application/json+oembed"
 					href="{image_url}/oembed?format=json"
