From a3c0e9af028dfb76747feaa26b576f4e9ae675f8 Mon Sep 17 00:00:00 2001
From: Marvin Hagemeister <hello@marvinh.dev>
Date: Sun, 5 Sep 2021 12:16:51 +0200
Subject: [PATCH] Add back missing meta tags

---
 public/index.html                             | 16 +++++-----------
 src/components/controllers/markdown-region.js |  6 +++++-
 2 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/public/index.html b/public/index.html
index 3408bf384..d4a8db70f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -24,18 +24,12 @@
 		/>
 		<meta name="theme-color" content="#673AB8" />
 		<meta name="twitter:card" content="summary" />
-		<!-- <meta
-			property="og:url"
-			content="https://preactjs.com<%= htmlWebpackPlugin.options.url %>"
-		/> -->
-		<!-- <meta
-			property="og:title"
-			content="<%= htmlWebpackPlugin.options.title %>"
-		/> -->
-		<!-- <meta
+		<meta property="og:url" content="https://preactjs.com" />
+		<meta property="og:title" content="Preact" />
+		<meta
 			property="og:description"
-			content="<%= htmlWebpackPlugin.options.CLI_DATA.preRenderData.description %>"
-		/> -->
+			content="Preact is a fast 3kB alternative to React with the same modern API."
+		/>
 		<meta
 			property="og:image"
 			content="https://preactjs.com/assets/app-icon.png"
diff --git a/src/components/controllers/markdown-region.js b/src/components/controllers/markdown-region.js
index 53ce1dd30..c38d7e2da 100644
--- a/src/components/controllers/markdown-region.js
+++ b/src/components/controllers/markdown-region.js
@@ -1,17 +1,21 @@
 import EditThisPage from '../edit-button';
 import ContentRegion from '../content-region';
-import { useRoute } from 'preact-iso';
+import { useRoute, useLocation } from 'preact-iso';
 import { useTitle, useMeta, useTitleTemplate } from 'hoofd/preact';
 import style from './style.module.less';
 
 export function MarkdownRegion({ html, meta }) {
 	const { params } = useRoute();
+	const { url } = useLocation();
 
 	useTitleTemplate(
 		'%s | Preact: Fast 3kb React alternative with the same ES6 API. Components & Virtual DOM.'
 	);
 	useTitle(meta.title);
 	useMeta({ name: 'description', content: meta.description });
+	useMeta({ name: 'og:description', content: meta.description });
+	useMeta({ name: 'og:title', content: meta.title });
+	useMeta({ name: 'og:url', content: url });
 
 	const showTitle = 'show_title' in meta ? !!meta.show_title : true;
 	const canEdit = showTitle && params.name != '404';