From ba6cea4ef5882a63bd65b1bcda9cb2d52ffab75f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adam=20=C5=BDingor?= <adam@zhincore.eu>
Date: Thu, 16 Jan 2025 11:12:44 +0100
Subject: [PATCH] SEO fixes

---
 .env                                |  4 ++--
 .github/workflows/static.yml        |  5 +++--
 src/lib/components/parts/SEO.svelte | 10 ++++++++--
 svelte.config.js                    |  4 +++-
 4 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/.env b/.env
index 4251fea..cd375d6 100644
--- a/.env
+++ b/.env
@@ -1,7 +1,7 @@
+ORIGIN="https://redmodding.org"
 LIZZY_API_URL="https://backend.redmodding.org/"
 
-LIZZY_API_TOKEN="" # Override in .env.local
+PUBLIC_IMAGE_URL_PREFIX=""
 
 DISCORD_SERVER_ID="717692382849663036"
 
-ORIGIN="https://redmodding.org"
diff --git a/.github/workflows/static.yml b/.github/workflows/static.yml
index e645781..0d1ab10 100644
--- a/.github/workflows/static.yml
+++ b/.github/workflows/static.yml
@@ -44,8 +44,9 @@ jobs:
 
       - name: build
         env:
-          BASE_PATH: "/${{ github.event.repository.name }}"
-          LIZZY_API_TOKEN: ${{ secrets.LIZZY_API_TOKEN }}
+          # BASE_PATH: "/${{ github.event.repository.name }}" # Not used because we have custom domain
+          ORIGIN: ${{ env.ORIGIN }}
+          PUBLIC_IMAGE_URL_PREFIX: ${{ env.PUBLIC_IMAGE_URL_PREFIX }}
         run: pnpm build
 
       - name: Upload Artifacts
diff --git a/src/lib/components/parts/SEO.svelte b/src/lib/components/parts/SEO.svelte
index 1353720..4b40918 100644
--- a/src/lib/components/parts/SEO.svelte
+++ b/src/lib/components/parts/SEO.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
   import { page } from "$app/state";
   import screenshot from "$assets/screenshot.webp";
+  import { PUBLIC_IMAGE_URL_PREFIX } from "$env/static/public";
   import { site } from "$lib/content/site";
 
   interface Props {
@@ -25,10 +26,15 @@
       .filter((v) => v)
       .join(" • ");
 
+  function mask(url: string) {
+    if (PUBLIC_IMAGE_URL_PREFIX) return PUBLIC_IMAGE_URL_PREFIX + url;
+    return url;
+  }
+
   let titleBase = $derived(joinTitle(title));
   let titleFull = $derived(joinTitle(title, site.name));
   let url = $derived(page.url.origin + page.url.pathname);
-  let _image = $derived(image.startsWith("/") ? page.url.origin + image : image);
+  let _image = $derived(image.startsWith("/") ? page.url.origin + image : mask(image));
 </script>
 
 <svelte:head>
@@ -47,7 +53,7 @@
   <meta name="twitter:title" content={titleBase} />
   <meta name="twitter:description" content={description} />
   <meta name="twitter:card" content={card} />
-  <meta name="twitter:image:src" content={_image} />
+  <meta name="twitter:image" content={_image} />
 
   <meta name="theme-color" content={site.color} />
 </svelte:head>
diff --git a/svelte.config.js b/svelte.config.js
index c0a8b61..130a55e 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -8,7 +8,9 @@ const config = {
   preprocess: vitePreprocess(),
 
   kit: {
-    adapter: adapter(),
+    adapter: adapter({
+      fallback: "404.html",
+    }),
     prerender: {
       origin: process.env.ORIGIN,
     },