Add vite plugin to inject custom tags into index.html

Minimuino · Minimuino · commit 23dc3b28596a · 2025-06-08T12:39:41.000+02:00
diff --git a/.github/workflows/jekyll-gh-pages.yml b/.github/workflows/jekyll-gh-pages.yml
@@ -41,6 +41,7 @@ jobs:
         run: npm run build
         env:
           VITE_SUPPORT_EMAIL: ${{ secrets.SUPPORT_EMAIL }}
+          VITE_CUSTOM_HTML_TAGS: ${{ secrets.CUSTOM_HTML_TAGS }}
       - name: Setup Pages
         uses: actions/configure-pages@v5
       - name: Upload artifact
diff --git a/index.html b/index.html
@@ -18,6 +18,7 @@
   <title>GaliGuessr - Quiz de xeografía de Galicia</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <meta name="description" content="Quiz de xeografía de Galicia">
+  <!-- INJECT_CUSTOM_TAGS -->
 </head>
 
 <body>
diff --git a/vite.config.ts b/vite.config.ts
@@ -14,7 +14,16 @@ export default defineConfig(({ mode }) => {
   const env = loadEnv(mode, process.cwd(), "VITE_");
 
   return {
-    plugins: [react()],
+    plugins: [
+      react(),
+      {
+        name: "custom-html-tags-injector",
+        transformIndexHtml(html) {
+          const tags = env.VITE_CUSTOM_HTML_TAGS || "";
+          return html.replace("<!-- INJECT_CUSTOM_TAGS -->", tags);
+        }
+      }
+    ],
     base: "/galiguessr/",
     define: {
       "process.env": {
