update dependencies (#8122)

* updates

* add changeset

* changeset

* changeset

* types

* fix types

* format

---------

Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>

.changeset/clean-rocks-listen.md

@@ -1,6 +1,5 @@
 ---
 "@gradio/app": minor
-"@gradio/cdn-test": minor
 "gradio": minor
 ---
 

.changeset/olive-ravens-join.md

@@ -0,0 +1,5 @@
+---
+"website": minor
+---
+
+feat:update dependencies

js/_spaces-test/jsconfig.json

@@ -1,17 +0,0 @@
-{
-	"extends": "./.svelte-kit/tsconfig.json",
-	"compilerOptions": {
-		"allowJs": true,
-		"checkJs": true,
-		"esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
-		"resolveJsonModule": true,
-		"skipLibCheck": true,
-		"sourceMap": true,
-		"strict": true
-	}
-	// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias and https://kit.svelte.dev/docs/configuration#files
-	//
-	// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
-	// from the referenced tsconfig.json - TypeScript does not merge them in
-}

js/_spaces-test/package.json

@@ -11,14 +11,7 @@
 		"lint": "prettier --plugin-search-dir . --check .",
 		"format": "prettier --plugin-search-dir . --write ."
 	},
-	"devDependencies": {
-		"@sveltejs/adapter-auto": "^2.0.0",
-		"@sveltejs/kit": "^1.5.0",
-		"prettier": "^3.0.0",
-		"prettier-plugin-svelte": "^3.0.0",
-		"svelte-check": "^3.0.1",
-		"typescript": "^5.0.0"
-	},
+	"devDependencies": {},
 	"type": "module",
 	"dependencies": {
 		"@gradio/client": "workspace:^",

js/_spaces-test/src/routes/+layout.svelte

@@ -1,8 +1,8 @@
-<script>
+<script lang="ts">
 	import "@gradio/theme";
 	import "../../../app/test/mocks/theme.css";
-	import { page } from "$app/stores";
-	import { afterNavigate } from "$app/navigation";
+	// import { page } from "$app/stores";
+	// import { afterNavigate } from "$app";
 
 	const links = [
 		["/embeds", "Embeds"],
@@ -10,7 +10,7 @@
 		["/client-node", "Client-Node"]
 	];
 
-	$: afterNavigate(() => (location.hash = $page.url.pathname.replace("/", "")));
+	// $: afterNavigate(() => (location.hash = $page.url.pathname.replace("/", "")));
 </script>
 
 <svelte:head>
@@ -34,7 +34,7 @@
 	<h1><span style="color: var(--color-accent);">Gradio</span> Test Space</h1>
 	<ul>
 		{#each links as [url, name]}
-			<li><a href={url} class:active={url === $page.route.id}>{name}</a></li>
+			<!-- <li><a href={url} class:active={url === $page.route.id}>{name}</a></li> -->
 		{/each}
 	</ul>
 	<slot />

js/_spaces-test/svelte.config.js

@@ -1,12 +1,12 @@
-import adapter from "@sveltejs/adapter-auto";
+// import adapter from "@sveltejs/adapter-auto";
 
-/** @type {import('@sveltejs/kit').Config} */
+// /** @type {import('@sveltejs/kit').Config} */
 const config = {
 	kit: {
 		// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
 		// If your environment is not supported or you settled on a specific environment, switch out the adapter.
 		// See https://kit.svelte.dev/docs/adapters for more information about adapters.
-		adapter: adapter()
+		// adapter: adapter()
 	}
 };
 

js/_spaces-test/vite.config.js

@@ -1,6 +1,6 @@
-import { sveltekit } from "@sveltejs/kit/vite";
+// import { sveltekit } from "@sveltejs/kit/vite";
 import { defineConfig } from "vite";
 
 export default defineConfig({
-	plugins: [sveltekit()]
+	// plugins: [sveltekit()]
 });

js/_website/package.json

@@ -11,9 +11,9 @@
 		"prepare": "svelte-kit sync"
 	},
 	"devDependencies": {
-		"@sveltejs/adapter-auto": "^2.0.0",
-		"@sveltejs/adapter-static": "^2.0.2",
-		"@sveltejs/kit": "^1.27.6",
+		"@sveltejs/adapter-auto": "^3.2.0",
+		"@sveltejs/adapter-static": "^3.0.1",
+		"@sveltejs/kit": "^2.5.7",
 		"@tailwindcss/forms": "^0.5.0",
 		"@tailwindcss/typography": "^0.5.4",
 		"@types/prismjs": "^1.26.0",
@@ -24,7 +24,7 @@
 	"dependencies": {
 		"@gradio/code": "0.5.11",
 		"@sindresorhus/slugify": "^2.2.0",
-		"@sveltejs/adapter-vercel": "^3.0.3",
+		"@sveltejs/adapter-vercel": "^5.3.0",
 		"hast-util-to-string": "^3.0.0",
 		"mdsvex": "^0.11.0",
 		"postcss": ">=8.3.3 <9.0.0"

js/_website/svelte.config.js

@@ -1,5 +1,5 @@
 import adapter from "@sveltejs/adapter-static";
-import { vitePreprocess } from "@sveltejs/kit/vite";
+import { vitePreprocess } from "@sveltejs/vite-plugin-svelte";
 import { redirects } from "./src/routes/redirects.js";
 import fs from "fs";
 import path from "path";

package.json

@@ -42,7 +42,7 @@
 		"@manypkg/get-packages": "^2.2.0",
 		"@playwright/experimental-ct-svelte": "^1.39.0",
 		"@playwright/test": "^1.39.0",
-		"@sveltejs/vite-plugin-svelte": "^2.5.2",
+		"@sveltejs/vite-plugin-svelte": "^3.1.0",
 		"@tailwindcss/forms": "^0.5.0",
 		"@testing-library/dom": "^10.0.0",
 		"@testing-library/jest-dom": "^6.0.0",
@@ -84,7 +84,7 @@
 		"tinyspy": "^2.0.0",
 		"typescript": "^5.0.0",
 		"typescript-svelte-plugin": "^0.3.34",
-		"vite": "^4.3.9",
+		"vite": "^5.2.9",
 		"vite-plugin-turbosnap": "1.0.3",
 		"vitest": "^1.3.1"
 	},

tsconfig.json

@@ -30,7 +30,8 @@
 				"enabled": true, // enables this plugin
 				"assumeIsSvelteProject": false // if true, skip detection and always assume it's a Svelte project
 			}
-		]
+		],
+		"types": ["vite/client"]
 	},
 	"exclude": [
 		"**/_website/**/*",