fix: some tweaks to the last test

Author: Torwent

src/hooks.server.ts

@@ -1,8 +1,7 @@
 import { type Handle, redirect } from "@sveltejs/kit"
 import { createServerClient } from "@supabase/ssr"
 import { sequence } from "@sveltejs/kit/hooks"
-import { PUBLIC_SUPABASE_ANON_KEY } from "$env/static/public"
-import { LOCAL_SUPABASE_URL } from "$env/static/private"
+import { PUBLIC_LOCAL_SUPABASE_URL, PUBLIC_SUPABASE_ANON_KEY } from "$env/static/public"
 
 const redirects: Handle = async ({ event, resolve }) => {
 	if (event.url.pathname.startsWith("/refresh_token")) {
@@ -21,8 +20,8 @@ const redirects: Handle = async ({ event, resolve }) => {
 }
 
 const supabase: Handle = async ({ event, resolve }) => {
-	console.log("└⚡Server connecting to database: ", LOCAL_SUPABASE_URL)
-	event.locals.supabaseServer = createServerClient(LOCAL_SUPABASE_URL, PUBLIC_SUPABASE_ANON_KEY, {
+	console.log("└⚡Server connecting to database: ", PUBLIC_LOCAL_SUPABASE_URL)
+	event.locals.supabaseServer = createServerClient(PUBLIC_LOCAL_SUPABASE_URL, PUBLIC_SUPABASE_ANON_KEY, {
 		cookies: {
 			getAll: () => event.cookies.getAll(),
 			setAll: (cookiesToSet) => {

src/lib/server/supabase.server.ts

@@ -1,11 +1,12 @@
-import { LOCAL_SUPABASE_URL, SUPABASE_SERVICE_KEY } from "$env/static/private"
+import { SUPABASE_SERVICE_KEY } from "$env/static/private"
+import { PUBLIC_LOCAL_SUPABASE_URL } from "$env/static/public"
 import type { Database } from "$lib/types/supabase"
 import { formatError } from "$lib/utils"
 import { type SupabaseClient, createClient, type Provider } from "@supabase/supabase-js"
 import { error, redirect } from "@sveltejs/kit"
 
-console.log("└⚡Server connecting to admin database: ", LOCAL_SUPABASE_URL)
-export const supabaseAdmin = createClient<Database>(LOCAL_SUPABASE_URL, SUPABASE_SERVICE_KEY, {
+console.log("└⚡Server connecting to admin database: ", PUBLIC_LOCAL_SUPABASE_URL)
+export const supabaseAdmin = createClient<Database>(PUBLIC_LOCAL_SUPABASE_URL, SUPABASE_SERVICE_KEY, {
 	auth: { autoRefreshToken: true, persistSession: false }
 })
 

src/routes/+layout.ts

@@ -1,16 +1,16 @@
 import { createBrowserClient, createServerClient, isBrowser } from "@supabase/ssr"
-import { PUBLIC_SUPABASE_ANON_KEY, PUBLIC_SUPABASE_URL } from "$env/static/public"
+import { PUBLIC_LOCAL_SUPABASE_URL, PUBLIC_SUPABASE_ANON_KEY, PUBLIC_SUPABASE_URL } from "$env/static/public"
 import type { Session, User } from "@supabase/supabase-js"
 
 export const load = async ({ data, depends, fetch }) => {
 	depends("supabase:auth")
-
-	console.log("└⚡Client connecting to database: ", PUBLIC_SUPABASE_URL)
-	const supabaseClient = isBrowser()
+	const isbrowser = isBrowser()
+	console.log("└⚡", isbrowser ? "Client" : "Server", " connecting to database: ", PUBLIC_SUPABASE_URL)
+	const supabaseClient = isbrowser
 		? createBrowserClient(PUBLIC_SUPABASE_URL, PUBLIC_SUPABASE_ANON_KEY, {
 				global: { fetch }
 			})
-		: createServerClient(PUBLIC_SUPABASE_URL, PUBLIC_SUPABASE_ANON_KEY, {
+		: createServerClient(PUBLIC_LOCAL_SUPABASE_URL, PUBLIC_SUPABASE_ANON_KEY, {
 				global: { fetch },
 				cookies: {
 					getAll() {

src/routes/auth/+page.svelte

@@ -13,7 +13,7 @@
 </script>
 
 <main class="min-h-screen">
-	<div class="mx-auto my-24 max-w-2xl flex-grow">
+	<div class="mx-auto my-24 max-w-2xl grow">
 		<form method="POST" action="?/loginas" use:enhance>
 			<div class="my-4 flex justify-around">
 				<label class="label">

src/routes/legal/[slug]/add/+page.svelte

@@ -22,9 +22,9 @@
 	keywords="Privacy, Policy, Terms, Conditions"
 />
 
-<div class="container mx-auto my-6 max-w-2xl flex-grow">
+<div class="container mx-auto my-6 max-w-2xl grow">
 	{#if show}
-		<div class="container mx-auto my-6 max-w-4xl flex-grow">
+		<div class="container mx-auto my-6 max-w-4xl grow">
 			<article class="mx-auto prose py-6 dark:prose-invert">
 				{$form.content}
 			</article>

src/routes/setup/+page.svelte

@@ -7,7 +7,7 @@
 	description="Setup Simba and WaspScripts from scratch to bot OldSchool RuneScape. Start your road to max on osrs today!"
 />
 
-<main class="container mx-auto my-6 min-h-screen max-w-2xl flex-grow">
+<main class="container mx-auto my-6 min-h-screen max-w-2xl grow">
 	<div class="my-8 h-screen">
 		<header class="text-center">
 			<h1 class="py-16 text-center text-xl text-primary-700 md:text-3xl dark:text-primary-500">