Update meta tags (#53)

* Update meta icons * Use vite-plugin-html * Fix title * Update twitter meta tags
rarimo · Mar 14, 2024 · 1e6d791 · 1e6d791
1 parent e5aa34f
commit 1e6d791
Show file tree

Hide file tree

Showing 14 changed files with 24 additions and 38 deletions.
diff --git a/index.html b/index.html
@@ -16,15 +16,17 @@
   <meta name="theme-color" content="#ffffff">
 
   <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0">
-  <meta name="description" content="Manage your identity credentials and Soulbound Tokens (SBTs) easily from the Rarime App">
-  <meta property="og:title" content="Rarime App">
-  <meta property="og:description" content="Manage your identity credentials and Soulbound Tokens (SBTs) easily from the Rarime App.">
-  <!-- TODO: fix link to the actual one -->
-  <meta property="og:url" content="https://app.rarime.com">
-  <meta property="og:image" content="https://app.rarime.com/branding/logo.png">
+  <meta name="description" content="Manage your identity credentials and Soulbound Tokens (SBTs). Generate Zero-Knowledge Proofs and share without exposing personal data.">
+  <meta property="og:title" content="Manage your identity | RariMe App">
+  <meta property="og:description" content="Manage your identity credentials and Soulbound Tokens (SBTs). Generate Zero-Knowledge Proofs and share without exposing personal data.">
+  <meta property="og:url" content="<%- host %>">
+  <meta property="og:image" content="<%- host %>/branding/og-img.png">
   <meta property="og:locale" content="en_GB">
   <meta property="og:type" content="website">
   <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:image" content="<%- host %>/branding/og-img.png">
+  <meta name="twitter:title" content="Manage your identity | RariMe App">
+  <meta name="twitter:description" content="Manage your identity credentials and Soulbound Tokens (SBTs). Generate Zero-Knowledge Proofs and share without exposing personal data.">
 
   <link rel="apple-touch-icon" sizes="180x180" href="/branding/apple-touch-icon.png">
   <link rel="icon" type="image/png" sizes="32x32" href="/branding/favicon-32x32.png">
@@ -40,7 +42,6 @@
 
   <link href="/noscript/style.css" type="text/css" rel="stylesheet">
   <link href="/init-loader/style.css" type="text/css" rel="stylesheet">
-  <script type="module" src="/src/main.tsx"></script>
 </head>
 
 <body>

diff --git a/package.json b/package.json
@@ -95,7 +95,7 @@
     "typescript": "^5.2.2",
     "vite": "^4.4.12",
     "vite-plugin-checker": "^0.6.1",
-    "vite-plugin-html": "^3.2.0",
+    "vite-plugin-html": "^3.2.2",
     "vite-plugin-node-polyfills": "^0.9.0",
     "vite-plugin-svg-icons": "^2.0.1",
     "vite-tsconfig-paths": "^4.0.3",

diff --git a/static/branding/android-chrome-192x192.png b/static/branding/android-chrome-192x192.png
diff --git a/static/branding/android-chrome-512x512.png b/static/branding/android-chrome-512x512.png
diff --git a/static/branding/apple-touch-icon.png b/static/branding/apple-touch-icon.png
diff --git a/static/branding/favicon-16x16.png b/static/branding/favicon-16x16.png
diff --git a/static/branding/favicon-32x32.png b/static/branding/favicon-32x32.png
diff --git a/static/branding/favicon.ico b/static/branding/favicon.ico
diff --git a/static/branding/mstile-150x150.png b/static/branding/mstile-150x150.png
diff --git a/static/branding/og-image.jpg b/static/branding/og-image.jpg
diff --git a/static/branding/og-img.png b/static/branding/og-img.png
diff --git a/static/branding/safari-pinned-tab.svg b/static/branding/safari-pinned-tab.svg
diff --git a/vite.config.ts b/vite.config.ts
@@ -6,6 +6,7 @@ import * as path from 'path'
 import { visualizer } from 'rollup-plugin-visualizer'
 import { defineConfig, loadEnv } from 'vite'
 import { checker } from 'vite-plugin-checker'
+import { createHtmlPlugin } from 'vite-plugin-html'
 import { nodePolyfills } from 'vite-plugin-node-polyfills'
 import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
 import tsconfigPaths from 'vite-tsconfig-paths'
@@ -52,6 +53,15 @@ export default defineConfig(({ mode }) => {
           lintCommand: 'eslint "{src,config}/**/*.{jsx,tsx}" --cache --max-warnings=0',
         },
       }),
+      createHtmlPlugin({
+        minify: true,
+        entry: '/src/main.tsx',
+        inject: {
+          data: {
+            host: env.VITE_APP_DOMAIN,
+          },
+        },
+      }),
       ...(isAnalyze
         ? [
             visualizer({

diff --git a/yarn.lock b/yarn.lock
@@ -9061,7 +9061,7 @@ __metadata:
     valtio: "npm:^1.12.1"
     vite: "npm:^4.4.12"
     vite-plugin-checker: "npm:^0.6.1"
-    vite-plugin-html: "npm:^3.2.0"
+    vite-plugin-html: "npm:^3.2.2"
     vite-plugin-node-polyfills: "npm:^0.9.0"
     vite-plugin-svg-icons: "npm:^2.0.1"
     vite-tsconfig-paths: "npm:^4.0.3"
@@ -11069,7 +11069,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"vite-plugin-html@npm:^3.2.0":
+"vite-plugin-html@npm:^3.2.2":
   version: 3.2.2
   resolution: "vite-plugin-html@npm:3.2.2"
   dependencies: