v0.7.1

web/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "wanderer",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "wanderer",
-      "version": "0.7.0",
+      "version": "0.7.1",
       "dependencies": {
         "@fortawesome/fontawesome-free": "^6.5.1",
         "@sveltejs/adapter-node": "^4.0.1",

web/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wanderer",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "private": true,
   "scripts": {
     "dev": "vite dev",

web/src/lib/components/logo/logo_text_light_with_version.svelte

@@ -95,5 +95,5 @@
         d="M43.857 43.3045C44.0569 43.0652 44.4246 43.0652 44.6245 43.3045L46.6259 45.7008C46.8978 46.0263 46.6663 46.5213 46.2421 46.5213H42.2394C41.8152 46.5213 41.5837 46.0263 41.8556 45.7008L43.857 43.3045Z"
         fill="#242734"
     />
-    <text x="178" y="64" fill="white" font-size="0.75rem">v0.7.0</text>
+    <text x="178" y="64" fill="white" font-size="0.75rem">v0.7.1</text>
 </svg>

web/src/routes/+layout.server.ts

@@ -3,10 +3,6 @@ import '$lib/i18n';
 import type { LayoutServerLoad } from './$types';
 import { env } from "$env/dynamic/private";
 
-export const load: LayoutServerLoad = async ({ locals, url }) => {
-	const warnings = []
-	if (env.ORIGIN != url.origin) {
-		warnings.push(`You are accessing wanderer from <span class="font-mono bg-gray-100">${url.origin}</span> but your ORIGIN environment variable is set to <span class="font-mono bg-gray-100">${env.ORIGIN}</span>. This may cause errors.`)
-	}
-	return { settings: locals.settings, warnings: warnings }
+export const load: LayoutServerLoad = async ({ locals, url }) => {	
+	return { settings: locals.settings, origin: env.ORIGIN }
 }

web/src/routes/+layout.svelte

@@ -1,5 +1,7 @@
 <script lang="ts">
+    import { browser } from "$app/environment";
     import { beforeNavigate, goto } from "$app/navigation";
+    import { page } from "$app/stores";
     import { env } from "$env/dynamic/public";
     import Toast from "$lib/components/base/toast.svelte";
     import Footer from "$lib/components/footer.svelte";
@@ -11,10 +13,8 @@
     import "../css/app.css";
     import "../css/components.css";
     import "../css/theme.css";
-    import { page } from "$app/stores";
     import { onMount } from "svelte";
 
-    
     beforeNavigate((n) => {
         if (!$currentUser && isRouteProtected(n.to?.url?.pathname ?? "")) {
             n.cancel();
@@ -22,13 +22,19 @@
         }
     });
 
+    onMount(() => {
+        if ($page.data.origin != location.origin) {
+            showWarning = true;
+        }
+    });
+
     let hideDemoHint = false;
-    let hideWarning = false;
+    let showWarning = false;
 </script>
 
 {#if env.PUBLIC_IS_DEMO === "true" && !hideDemoHint}
     <div
-        class="flex items-center justify-between bg-amber-200 text-center p-4 text-sm"
+        class="flex items-center justify-between bg-amber-200 text-center p-4 text-sm text-black"
         out:slide
     >
         <div></div>
@@ -42,14 +48,21 @@
     </div>
 {/if}
 
-{#if $page.data.warnings?.length && !hideWarning}
+{#if showWarning}
     <div
-        class="flex items-center justify-between bg-red-200 text-center p-4 text-sm"
+        class="flex items-center justify-between bg-red-200 text-center p-4 text-sm text-black"
         out:slide
     >
         <div></div>
-        <span>{@html $page.data.warnings[0]} </span>
-        <button class="btn-icon self-end" on:click={() => (hideWarning = true)}
+        <p>
+            You are accessing wanderer from <span class="font-mono bg-gray-100"
+                >{location.origin}</span
+            >
+            but your ORIGIN environment variable is set to
+            <span class="font-mono bg-gray-100">{$page.data.origin}</span>. This
+            may cause errors.
+        </p>
+        <button class="btn-icon self-end" on:click={() => (showWarning = false)}
             ><i class="fa fa-close"></i></button
         >
     </div>