Preview meta (#1821)

* Preview OG meta * Tweak text spacing * shorten description --------- Co-authored-by: David Crespo <[email protected]>
oxidecomputer · Nov 28, 2023 · 4e1bbe1 · 4e1bbe1
1 parent 17408f6
commit 4e1bbe1
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 1 deletion.
diff --git a/public/assets/og-preview-image.webp b/public/assets/og-preview-image.webp
diff --git a/vite.config.ts b/vite.config.ts
@@ -60,6 +60,25 @@ const previewAnalyticsTag = {
   },
 }
 
+const previewMetaTag = [
+  {
+    injectTo: 'head' as const,
+    tag: 'meta',
+    attrs: {
+      property: 'og:image',
+      content: '/assets/og-preview-image.webp',
+    },
+  },
+  {
+    injectTo: 'head' as const,
+    tag: 'meta',
+    attrs: {
+      property: 'og:description',
+      content: 'Preview of the Oxide web console with in-browser mock API',
+    },
+  },
+]
+
 // see https://vitejs.dev/config/
 export default defineConfig(({ mode }) => ({
   build: {
@@ -85,7 +104,7 @@ export default defineConfig(({ mode }) => ({
   plugins: [
     createHtmlPlugin({
       inject: {
-        tags: process.env.VERCEL ? [previewAnalyticsTag] : [],
+        tags: process.env.VERCEL ? [previewAnalyticsTag, ...previewMetaTag] : [],
       },
     }),
     react(),