dynamic load for env

src/lib/components/snippets/Curl.svelte

@@ -2,7 +2,7 @@
   import Icon from '@iconify/svelte';
   import Highlight from "svelte-highlight";
   import powershell from "svelte-highlight/languages/powershell";
-  import { PUBLIC_INFERENCE_API_URL } from '$env/static/public'
+  import { env } from '$env/dynamic/public'
 
 
   export let body: Record<string, any>;
@@ -13,7 +13,7 @@
   let isCopied: boolean = false;
 
   const generateCurlRequestFromEndpoint = (body: Record<string, any>) => {
-    const fullpath = `${PUBLIC_INFERENCE_API_URL}/models/${endpoint}`;
+    const fullpath = `${env.PUBLIC_INFERENCE_API_URL}/models/${endpoint}`;
     delete body.model
     return `curl -X POST "${fullpath}" \\
   -H ${JSON.stringify(headers)}

src/lib/components/snippets/Javascript.svelte

@@ -2,7 +2,7 @@
   import Icon from '@iconify/svelte';
   import Highlight from "svelte-highlight";
   import javascript from "svelte-highlight/languages/javascript";
-  import { PUBLIC_INFERENCE_API_URL } from '$env/static/public'
+  import { env } from '$env/dynamic/public'
 
   export let body: Record<string, any>;
   export let endpoint: string;
@@ -12,7 +12,7 @@
   let isCopied: boolean = false;
 
   const generateCurlRequestFromEndpoint = (body: Record<string, any>) => {
-    const fullpath = `${PUBLIC_INFERENCE_API_URL}/models/${endpoint}`;
+    const fullpath = `${env.PUBLIC_INFERENCE_API_URL}/models/${endpoint}`;
     delete body.model
     
     return `const response = await fetch(

src/lib/components/snippets/Python.svelte

@@ -2,7 +2,7 @@
   import Icon from '@iconify/svelte';
   import Highlight from "svelte-highlight";
   import javascript from "svelte-highlight/languages/javascript";
-  import { PUBLIC_INFERENCE_API_URL } from '$env/static/public'
+  import { env } from '$env/dynamic/public'
 
   export let body: Record<string, any>;
   export let endpoint: string;
@@ -12,7 +12,7 @@
   let isCopied: boolean = false;
 
   const generateCurlRequestFromEndpoint = (body: Record<string, any>) => {
-    const fullpath = `${PUBLIC_INFERENCE_API_URL}/models/${endpoint}`;
+    const fullpath = `${env.PUBLIC_INFERENCE_API_URL}/models/${endpoint}`;
     delete body.model
 
     const removeEmptyValues = (data: Record<string, any>) => {

src/routes/+page.server.ts

@@ -0,0 +1,5 @@
+import { redirect } from '@sveltejs/kit';
+
+export function load() {
+    throw redirect(302, '/text-generation');
+}

src/routes/+page.svelte

@@ -1,59 +1,4 @@
-<script>
-	import Counter from './Counter.svelte';
-	import welcome from '$lib/images/svelte-welcome.webp';
-	import welcome_fallback from '$lib/images/svelte-welcome.png';
-</script>
-
 <svelte:head>
-	<title>Home</title>
-	<meta name="description" content="Svelte demo app" />
+	<title>Playground API Inference for PRO | Hugging Face</title>
+	<meta name="description" content="Playground API Inference for PRO | Hugging Face" />
 </svelte:head>
-
-<section>
-	<h1>
-		<span class="welcome">
-			<picture>
-				<source srcset={welcome} type="image/webp" />
-				<img src={welcome_fallback} alt="Welcome" />
-			</picture>
-		</span>
-
-		to your new<br />SvelteKit app
-	</h1>
-
-	<h2>
-		try editing <strong>src/routes/+page.svelte</strong>
-	</h2>
-
-	<Counter />
-</section>
-
-<style>
-	section {
-		display: flex;
-		flex-direction: column;
-		justify-content: center;
-		align-items: center;
-		flex: 0.6;
-	}
-
-	h1 {
-		width: 100%;
-	}
-
-	.welcome {
-		display: block;
-		position: relative;
-		width: 100%;
-		height: 0;
-		padding: 0 0 calc(100% * 495 / 2048) 0;
-	}
-
-	.welcome img {
-		position: absolute;
-		width: 100%;
-		height: 100%;
-		top: 0;
-		display: block;
-	}
-</style>

src/routes/api/image-generation/+server.ts

@@ -1,5 +1,5 @@
 import { error, type RequestEvent } from '@sveltejs/kit';
-import { SECRET_HF_TOKEN, SECRET_INFERENCE_API_URL } from '$env/static/private'
+import { env } from '$env/dynamic/private'
 
 /** @type {import('./$types').RequestHandler} */
 export async function POST({ request }: RequestEvent) {
@@ -13,10 +13,10 @@ export async function POST({ request }: RequestEvent) {
     throw error(400, 'missing inputs value')
   }
 
-  const response = await fetch(SECRET_INFERENCE_API_URL + "/models/" + body.model, {
+  const response = await fetch(env.SECRET_INFERENCE_API_URL + "/models/" + body.model, {
     method: "POST",
     headers: {
-      Authorization: `Bearer ${SECRET_HF_TOKEN}`,
+      Authorization: `Bearer ${env.SECRET_HF_TOKEN}`,
       'Content-Type': 'application/json',
       ['x-use-cache']: "0"
     },

src/routes/api/text-generation/+server.ts

@@ -1,5 +1,5 @@
 import { error, json, type RequestEvent } from '@sveltejs/kit';
-import { SECRET_HF_TOKEN, SECRET_INFERENCE_API_URL } from '$env/static/private'
+import { env } from '$env/dynamic/private'
 
 /** @type {import('./$types').RequestHandler} */
 export async function POST({ request }: RequestEvent) {
@@ -13,10 +13,10 @@ export async function POST({ request }: RequestEvent) {
     throw error(400, 'missing inputs value')
   }
 
-  const response = await fetch(SECRET_INFERENCE_API_URL + "/models/" + body.model, {
+  const response = await fetch(env.SECRET_INFERENCE_API_URL + "/models/" + body.model, {
     method: "POST",
     headers: {
-      Authorization: `Bearer ${SECRET_HF_TOKEN}`,
+      Authorization: `Bearer ${env.SECRET_HF_TOKEN}`,
       'Content-Type': 'application/json',
       ['x-use-cache']: "0"
     },