Welp, put turnstile back into app.html

hhvrc · hhvrc · commit 8b0f5f268d57 · 2025-07-18T03:06:31.000+02:00
diff --git a/src/app.html b/src/app.html
@@ -6,6 +6,10 @@
     <meta name="color-scheme" content="dark" />
     <link rel="icon" href="%sveltekit.assets%/favicon.ico" />
     %sveltekit.head%
+    <script
+      src="https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit"
+      defer
+    ></script>
   </head>
   <body data-sveltekit-preload-data="hover">
     <div style="display: contents">%sveltekit.body%</div>
diff --git a/src/lib/components/Turnstile.svelte b/src/lib/components/Turnstile.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import Bug from '@lucide/svelte/icons/bug';
-  import { browser, dev } from '$app/environment';
+  import { dev } from '$app/environment';
   import { PUBLIC_TURNSTILE_DEV_BYPASS_VALUE, PUBLIC_TURNSTILE_SITE_KEY } from '$env/static/public';
   import CloudflareLogo from '$lib/components/svg/CloudflareLogo.svelte';
   import LoadingCircle from '$lib/components/svg/LoadingCircle.svelte';
@@ -50,11 +50,9 @@
 
     // Check that Cloudflare Turnstile has been loaded.
     // If `window.turnstile` is undefined, it usually means the <script> tag wasn't injected.
-    // If this error occured under a page that wasnt server-side rendered or prerendered then the script tag never got injected into the html served to browser.
-    // The script tag will need to get moved into the app.html tag if this is the case, but normally Turnstile should only be used in places where a user isnt auth, places that are pre-renderable.
     // See: https://developers.cloudflare.com/turnstile/get-started/client-side-rendering/#explicitly-render-the-turnstile-widget
     if (!window.turnstile) {
-      console.error('Failed to load Cloudflare Turnstile (Check Turnstile.svelte for more info)');
+      console.error('Failed to load Cloudflare Turnstile');
       toast.error('Internal Error');
       return;
     }
@@ -67,15 +65,6 @@
   });
 </script>
 
-<svelte:head>
-  {#if !browser && !dev}
-    <script
-      src="https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit"
-      defer
-    ></script>
-  {/if}
-</svelte:head>
-
 <!-- see: https://developers.cloudflare.com/turnstile/get-started/client-side-rendering/#widget-size -->
 <div class="mx-auto h-[65px] w-[300px]" bind:this={element}>
   {#if !mounted}
