sv 0.9.9 → 0.9.11

package/dist/bin.js

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 import { AGENT_NAMES, Command, De, Fe, Ge, J, Ke, Option, T, Ue, Vu, We, __toESM, addPnpmBuildDependencies, create as create$1, detect, dist, et, from, getUserAgent, installDependencies, installOption, isVersionUnsupportedBelow, ke, packageManagerPrompt, parseJson, parseScript, parseSvelte, program, require_picocolors, resolveCommand, templates, up as up$1, ze } from "./create-CdiXN6U7.js";
-import { addDefault, applyAddons, communityAddonIds, create as create$2, createDefault, createWorkspace, formatFiles, getAddonDetails, getCommunityAddon, getHighlighter, officialAddons, overrideProperties, setupAddons } from "./install-CD-dlXd7.js";
+import { addDefault, applyAddons, communityAddonIds, create as create$2, createDefault, createWorkspace, formatFiles, getAddonDetails, getCommunityAddon, getHighlighter, officialAddons, overrideProperties, setupAddons } from "./install-CA9o73JK.js";
 import { exec, execSync } from "node:child_process";
 import path, { dirname, join } from "node:path";
 import fs, { existsSync } from "node:fs";
@@ -12,7 +12,7 @@ import { pipeline } from "node:stream/promises";
 
 //#region package.json
 var name = "sv";
-var version = "0.9.9";
+var version = "0.9.11";
 var type = "module";
 var description = "A CLI for creating and updating SvelteKit projects";
 var license = "MIT";

package/dist/{install-CD-dlXd7.js → install-CA9o73JK.js}

@@ -734,9 +734,9 @@ var devtools_json_default = defineAddon({
 	shortDescription: "devtools json",
 	homepage: "https://github.com/ChromeDevTools/vite-plugin-devtools-json",
 	options: {},
-	run: ({ sv, viteConfigFile }) => {
+	run: ({ sv, files }) => {
 		sv.devDependency("vite-plugin-devtools-json", "^1.0.0");
-		sv.file(viteConfigFile, (content) => {
+		sv.file(files.viteConfig, (content) => {
 			const { ast, generateCode } = parseScript(content);
 			const vitePluginName = "devtoolsJson";
 			addDefault(ast, {
@@ -904,13 +904,12 @@ var drizzle_default = defineAddon({
 			database: path.resolve(baseDBPath, `index.${ext}`)
 		};
 		for (const [fileType, filePath] of Object.entries(paths)) if (fs.existsSync(filePath)) return cancel(`Preexisting ${fileType} file at '${filePath}'`);
-		console.log(`no preexisting files`);
-		sv.devDependency("drizzle-orm", "^0.44.5");
-		sv.devDependency("drizzle-kit", "^0.31.4");
+		sv.devDependency("drizzle-orm", "^0.44.6");
+		sv.devDependency("drizzle-kit", "^0.31.5");
 		sv.devDependency("@types/node", getNodeTypesVersion());
-		if (options$7.mysql === "mysql2") sv.dependency("mysql2", "^3.15.0");
+		if (options$7.mysql === "mysql2") sv.dependency("mysql2", "^3.15.2");
 		if (options$7.mysql === "planetscale") sv.dependency("@planetscale/database", "^1.19.0");
-		if (options$7.postgresql === "neon") sv.dependency("@neondatabase/serverless", "^1.0.1");
+		if (options$7.postgresql === "neon") sv.dependency("@neondatabase/serverless", "^1.0.2");
 		if (options$7.postgresql === "postgres.js") sv.dependency("postgres", "^3.4.7");
 		if (options$7.sqlite === "better-sqlite3") {
 			sv.dependency("better-sqlite3", "^12.4.1");
@@ -953,7 +952,7 @@ var drizzle_default = defineAddon({
                       POSTGRES_PASSWORD: ${PASSWORD}
                       POSTGRES_DB: ${DB_NAME}
                     volumes:
-                      - pgdata:/var/lib/postgresql/data
+                      - pgdata:/var/lib/postgresql
                 volumes:
                   pgdata:
                 `;
@@ -1231,13 +1230,13 @@ var eslint_default = defineAddon({
 	options: {},
 	run: ({ sv, typescript, dependencyVersion }) => {
 		const prettierInstalled = Boolean(dependencyVersion("prettier"));
-		sv.devDependency("eslint", "^9.36.0");
+		sv.devDependency("eslint", "^9.38.0");
 		sv.devDependency("@eslint/compat", "^1.4.0");
 		sv.devDependency("eslint-plugin-svelte", "^3.12.4");
 		sv.devDependency("globals", "^16.4.0");
-		sv.devDependency("@eslint/js", "^9.36.0");
+		sv.devDependency("@eslint/js", "^9.38.0");
 		sv.devDependency("@types/node", getNodeTypesVersion());
-		if (typescript) sv.devDependency("typescript-eslint", "^8.44.1");
+		if (typescript) sv.devDependency("typescript-eslint", "^8.46.1");
 		if (prettierInstalled) sv.devDependency("eslint-config-prettier", "^10.1.8");
 		sv.file("package.json", (content) => {
 			const { data, generateCode } = parseJson(content);
@@ -1976,9 +1975,9 @@ var mdsvex_default = defineAddon({
 	shortDescription: "svelte + markdown",
 	homepage: "https://mdsvex.pngwn.io",
 	options: {},
-	run: ({ sv }) => {
+	run: ({ sv, files }) => {
 		sv.devDependency("mdsvex", "^0.12.6");
-		sv.file("svelte.config.js", (content) => {
+		sv.file(files.svelteConfig, (content) => {
 			const { ast, generateCode } = parseScript(content);
 			addNamed(ast, {
 				from: "mdsvex",
@@ -2069,11 +2068,11 @@ var paraglide_default = defineAddon({
 	setup: ({ kit, unsupported }) => {
 		if (!kit) unsupported("Requires SvelteKit");
 	},
-	run: ({ sv, options: options$7, viteConfigFile, typescript, kit }) => {
+	run: ({ sv, options: options$7, files, typescript, kit }) => {
 		const ext = typescript ? "ts" : "js";
 		if (!kit) throw new Error("SvelteKit is required");
 		const paraglideOutDir = "src/lib/paraglide";
-		sv.devDependency("@inlang/paraglide-js", "^2.3.2");
+		sv.devDependency("@inlang/paraglide-js", "^2.4.0");
 		sv.file("project.inlang/settings.json", (content) => {
 			if (content) return content;
 			const { data, generateCode } = parseJson(content);
@@ -2083,7 +2082,7 @@ var paraglide_default = defineAddon({
 			data.locales = validLanguageTags$1;
 			return generateCode();
 		});
-		sv.file(viteConfigFile, (content) => {
+		sv.file(files.viteConfig, (content) => {
 			const { ast, generateCode } = parseScript(content);
 			const vitePluginName = "paraglideVitePlugin";
 			addNamed(ast, {
@@ -2335,7 +2334,7 @@ var playwright_default = defineAddon({
 	options: {},
 	run: ({ sv, typescript }) => {
 		const ext = typescript ? "ts" : "js";
-		sv.devDependency("@playwright/test", "^1.55.1");
+		sv.devDependency("@playwright/test", "^1.56.1");
 		sv.file("package.json", (content) => {
 			const { data, generateCode } = parseJson(content);
 			data.scripts ??= {};
@@ -2395,6 +2394,8 @@ var prettier_default = defineAddon({
 	homepage: "https://prettier.io",
 	options: {},
 	run: ({ sv, dependencyVersion }) => {
+		const tailwindcssInstalled = Boolean(dependencyVersion("tailwindcss"));
+		if (tailwindcssInstalled) sv.devDependency("prettier-plugin-tailwindcss", "^0.7.1");
 		sv.devDependency("prettier", "^3.6.2");
 		sv.devDependency("prettier-plugin-svelte", "^3.4.0");
 		sv.file(".prettierignore", (content) => {
@@ -2426,8 +2427,13 @@ var prettier_default = defineAddon({
 				data.printWidth = 100;
 			}
 			data.plugins ??= [];
+			const plugins$1 = data.plugins;
+			if (tailwindcssInstalled) {
+				if (!plugins$1.includes("prettier-plugin-tailwindcss")) data.plugins.unshift("prettier-plugin-tailwindcss");
+				data.tailwindStylesheet ??= "./src/app.css";
+			}
+			if (!plugins$1.includes("prettier-plugin-svelte")) data.plugins.unshift("prettier-plugin-svelte");
 			data.overrides ??= [];
-			if (!data.plugins.includes("prettier-plugin-svelte")) data.plugins.unshift("prettier-plugin-svelte");
 			const overrides = data.overrides;
 			if (!overrides.find((o) => o?.options?.parser === "svelte")) overrides.push({
 				files: "*.svelte",
@@ -2490,32 +2496,32 @@ const adapters = [
 	{
 		id: "auto",
 		package: "@sveltejs/adapter-auto",
-		version: "^6.1.0"
+		version: "^7.0.0"
 	},
 	{
 		id: "node",
 		package: "@sveltejs/adapter-node",
-		version: "^5.3.2"
+		version: "^5.4.0"
 	},
 	{
 		id: "static",
 		package: "@sveltejs/adapter-static",
-		version: "^3.0.9"
+		version: "^3.0.10"
 	},
 	{
 		id: "vercel",
 		package: "@sveltejs/adapter-vercel",
-		version: "^5.10.2"
+		version: "^6.0.0"
 	},
 	{
 		id: "cloudflare",
 		package: "@sveltejs/adapter-cloudflare",
-		version: "^7.2.3"
+		version: "^7.2.4"
 	},
 	{
 		id: "netlify",
 		package: "@sveltejs/adapter-netlify",
-		version: "^5.2.3"
+		version: "^5.2.4"
 	}
 ];
 const options$2 = defineAddonOptions().add("adapter", {
@@ -2537,7 +2543,7 @@ var sveltekit_adapter_default = defineAddon({
 	setup: ({ kit, unsupported }) => {
 		if (!kit) unsupported("Requires SvelteKit");
 	},
-	run: ({ sv, options: options$7 }) => {
+	run: ({ sv, options: options$7, files }) => {
 		const adapter = adapters.find((a) => a.id === options$7.adapter);
 		sv.file("package.json", (content) => {
 			const { data, generateCode } = parseJson(content);
@@ -2546,7 +2552,7 @@ var sveltekit_adapter_default = defineAddon({
 			return generateCode();
 		});
 		sv.devDependency(adapter.package, adapter.version);
-		sv.file("svelte.config.js", (content) => {
+		sv.file(files.svelteConfig, (content) => {
 			const { ast, generateCode } = parseScript(content);
 			const adapterImportDecl = ast.body.filter((n) => n.type === "ImportDeclaration").find((importDecl) => typeof importDecl.source.value === "string" && importDecl.source.value.startsWith("@sveltejs/adapter-") && importDecl.importKind === "value");
 			let adapterName = "adapter";
@@ -2586,7 +2592,7 @@ var sveltekit_adapter_default = defineAddon({
 const plugins = [{
 	id: "typography",
 	package: "@tailwindcss/typography",
-	version: "^0.5.18"
+	version: "^0.5.19"
 }, {
 	id: "forms",
 	package: "@tailwindcss/forms",
@@ -2609,17 +2615,17 @@ var tailwindcss_default = defineAddon({
 	shortDescription: "css framework",
 	homepage: "https://tailwindcss.com",
 	options: options$1,
-	run: ({ sv, options: options$7, viteConfigFile, typescript, kit, dependencyVersion }) => {
+	run: ({ sv, options: options$7, files, typescript, kit, dependencyVersion }) => {
 		const prettierInstalled = Boolean(dependencyVersion("prettier"));
-		sv.devDependency("tailwindcss", "^4.1.13");
-		sv.devDependency("@tailwindcss/vite", "^4.1.13");
+		sv.devDependency("tailwindcss", "^4.1.14");
+		sv.devDependency("@tailwindcss/vite", "^4.1.14");
 		sv.pnpmBuildDependency("@tailwindcss/oxide");
-		if (prettierInstalled) sv.devDependency("prettier-plugin-tailwindcss", "^0.6.14");
+		if (prettierInstalled) sv.devDependency("prettier-plugin-tailwindcss", "^0.7.1");
 		for (const plugin of plugins) {
 			if (!options$7.plugins.includes(plugin.id)) continue;
 			sv.devDependency(plugin.package, plugin.version);
 		}
-		sv.file(viteConfigFile, (content) => {
+		sv.file(files.viteConfig, (content) => {
 			const { ast, generateCode } = parseScript(content);
 			const vitePluginName = "tailwindcss";
 			addDefault(ast, {
@@ -2671,7 +2677,7 @@ var tailwindcss_default = defineAddon({
 				template: content.length === 0 ? template.generateCode() : void 0
 			});
 		});
-		if (dependencyVersion("prettier")) sv.file(".prettierrc", (content) => {
+		if (prettierInstalled) sv.file(".prettierrc", (content) => {
 			const { data, generateCode } = parseJson(content);
 			const PLUGIN_NAME = "prettier-plugin-tailwindcss";
 			data.plugins ??= [];
@@ -2703,7 +2709,7 @@ var vitest_addon_default = defineAddon({
 	shortDescription: "unit testing",
 	homepage: "https://vitest.dev",
 	options,
-	run: ({ sv, viteConfigFile, typescript, kit, options: options$7 }) => {
+	run: ({ sv, files, typescript, kit, options: options$7 }) => {
 		const ext = typescript ? "ts" : "js";
 		const unitTesting = options$7.usages.includes("unit");
 		const componentTesting = options$7.usages.includes("component");
@@ -2711,7 +2717,7 @@ var vitest_addon_default = defineAddon({
 		if (componentTesting) {
 			sv.devDependency("@vitest/browser", "^3.2.4");
 			sv.devDependency("vitest-browser-svelte", "^1.1.0");
-			sv.devDependency("playwright", "^1.55.1");
+			sv.devDependency("playwright", "^1.56.1");
 		}
 		sv.file("package.json", (content) => {
 			const { data, generateCode } = parseJson(content);
@@ -2764,10 +2770,10 @@ var vitest_addon_default = defineAddon({
 				`;
 			});
 		}
-		sv.file(viteConfigFile, (content) => {
+		sv.file(files.viteConfig, (content) => {
 			const { ast, generateCode } = parseScript(content);
 			const clientObjectExpression = create({
-				extends: `./${viteConfigFile}`,
+				extends: `./${files.viteConfig}`,
 				test: {
 					name: "client",
 					environment: "browser",
@@ -2782,7 +2788,7 @@ var vitest_addon_default = defineAddon({
 				}
 			});
 			const serverObjectExpression = create({
-				extends: `./${viteConfigFile}`,
+				extends: `./${files.viteConfig}`,
 				test: {
 					name: "server",
 					environment: "node",
@@ -2925,6 +2931,7 @@ function fileExists(cwd, filePath) {
 const commonFilePaths = {
 	packageJson: "package.json",
 	svelteConfig: "svelte.config.js",
+	svelteConfigTS: "svelte.config.ts",
 	jsconfig: "jsconfig.json",
 	tsconfig: "tsconfig.json",
 	viteConfig: "vite.config.js",
@@ -2946,7 +2953,9 @@ async function createWorkspace({ cwd, options: options$7 = {}, packageManager })
 	const resolvedCwd = path.resolve(cwd);
 	const usesTypescript = !any([commonFilePaths.jsconfig, commonFilePaths.tsconfig], { cwd })?.endsWith(commonFilePaths.jsconfig);
 	const viteConfigPath = path.join(resolvedCwd, commonFilePaths.viteConfigTS);
-	const viteConfigFile = fs.existsSync(viteConfigPath) ? commonFilePaths.viteConfigTS : commonFilePaths.viteConfig;
+	const viteConfig = fs.existsSync(viteConfigPath) ? commonFilePaths.viteConfigTS : commonFilePaths.viteConfig;
+	const sveteConfigPath = path.join(resolvedCwd, commonFilePaths.svelteConfigTS);
+	const svelteConfig = fs.existsSync(sveteConfigPath) ? commonFilePaths.svelteConfigTS : commonFilePaths.svelteConfig;
 	let dependencies = {};
 	let directory = resolvedCwd;
 	const workspaceRoot = findWorkspaceRoot(directory);
@@ -2969,7 +2978,10 @@ async function createWorkspace({ cwd, options: options$7 = {}, packageManager })
 		options: options$7,
 		packageManager: packageManager ?? (await detect({ cwd }))?.name ?? getUserAgent() ?? "npm",
 		typescript: usesTypescript,
-		viteConfigFile,
+		files: {
+			viteConfig,
+			svelteConfig
+		},
 		kit: dependencies["@sveltejs/kit"] ? parseKitOptions(resolvedCwd) : void 0,
 		dependencyVersion: (pkg) => dependencies[pkg]
 	};
@@ -3107,7 +3119,7 @@ async function runAddon({ addon, multiple, workspace }) {
 				let fileContent = fileExists(workspace.cwd, path$1) ? readFile(workspace.cwd, path$1) : "";
 				fileContent = content(fileContent);
 				if (!fileContent) return fileContent;
-				writeFile(workspace, path$1, fileContent);
+				writeFile(workspace, path$1, fileContent.replaceAll("<\\/script>", "<\/script>"));
 				files.add(path$1);
 			} catch (e) {
 				if (e instanceof Error) throw new Error(`Unable to process '${path$1}'. Reason: ${e.message}`);

package/dist/lib/index.d.ts

@@ -73,7 +73,10 @@ type Workspace<Args extends OptionDefinition> = {
   */
   dependencyVersion: (pkg: string) => string | undefined;
   typescript: boolean;
-  viteConfigFile: string;
+  files: {
+    viteConfig: string;
+    svelteConfig: string;
+  };
   kit: {
     libDirectory: string;
     routesDirectory: string;

package/dist/lib/index.js

@@ -1,4 +1,4 @@
 import { create } from "../create-CdiXN6U7.js";
-import { installAddon, officialAddons } from "../install-CD-dlXd7.js";
+import { installAddon, officialAddons } from "../install-CA9o73JK.js";
 
 export { create, installAddon, officialAddons };

package/dist/shared.json

@@ -20,7 +20,7 @@
 				"checkjs"
 			],
 			"exclude": [],
-			"contents": "{\n\t\"scripts\": {\n\t\t\"check\": \"svelte-kit sync && svelte-check --tsconfig ./jsconfig.json\",\n\t\t\"check:watch\": \"svelte-kit sync && svelte-check --tsconfig ./jsconfig.json --watch\"\n\t},\n\t\"devDependencies\": {\n\t\t\"svelte-check\": \"^4.3.2\",\n\t\t\"typescript\": \"^5.9.2\"\n\t}\n}\n"
+			"contents": "{\n\t\"scripts\": {\n\t\t\"check\": \"svelte-kit sync && svelte-check --tsconfig ./jsconfig.json\",\n\t\t\"check:watch\": \"svelte-kit sync && svelte-check --tsconfig ./jsconfig.json --watch\"\n\t},\n\t\"devDependencies\": {\n\t\t\"svelte-check\": \"^4.3.3\",\n\t\t\"typescript\": \"^5.9.3\"\n\t}\n}\n"
 		},
 		{
 			"name": "README.md",
@@ -44,7 +44,7 @@
 				"playground"
 			],
 			"exclude": [],
-			"contents": "<script lang=\"ts\">\n\timport favicon from '$lib/assets/favicon.svg';\n\n\tlet { children } = $props();\n\n\tconst title = '$sv-title-$sv';\n\tconst href = '$sv-url-$sv';\n\n\tlet prefersDark = $state(true);\n\tlet isDark = $state(true);\n\n\tfunction switchTheme() {\n\t\tconst value = isDark ? 'light' : 'dark';\n\n\t\tisDark = value === 'dark';\n\t\tlocalStorage.setItem('sv:theme', isDark === prefersDark ? 'system' : value);\n\t}\n\n\t$effect(() => {\n\t\tdocument.documentElement.classList.remove('light', 'dark');\n\t\tprefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n\n\t\tconst theme = localStorage.getItem('sv:theme');\n\n\t\tisDark = !theme ? prefersDark : theme === 'dark' || (theme === 'system' && prefersDark);\n\t\tdocument.documentElement.classList.add(isDark ? 'dark' : 'light');\n\t});\n</script>\n\n<svelte:head>\n\t<title>--from-playground {title}</title>\n\t<script>\n\t\t{\n\t\t\tconst theme = localStorage.getItem('sv:theme');\n\n\t\t\tdocument.documentElement.classList.add(\n\t\t\t\t!theme || theme === 'system'\n\t\t\t\t\t? window.matchMedia('(prefers-color-scheme: dark)').matches\n\t\t\t\t\t\t? 'dark'\n\t\t\t\t\t\t: 'light'\n\t\t\t\t\t: theme\n\t\t\t);\n\t\t}\n\t</script>\n</svelte:head>\n\n<div class=\"layout\">\n\t<nav class=\"navbar\">\n\t\t<div class=\"nav-left\">\n\t\t\t<a href=\"/\" class=\"svelte-icon\">\n\t\t\t\t<img src={favicon} alt=\"Svelte\" width=\"32\" height=\"32\" />\n\t\t\t</a>\n\t\t\t<p class=\"title\">{title}</p>\n\t\t</div>\n\t\t<div class=\"nav-right\">\n\t\t\t<a {href} class=\"raised\" target=\"_blank\" rel=\"noopener noreferrer\">\n\t\t\t\t--to-playground\n\t\t\t\t<span aria-hidden=\"true\" style=\"margin-left:0.25em;\"> ↗</span>\n\t\t\t</a>\n\t\t\t<button class=\"raised theme-toggle\" onclick={switchTheme} aria-label=\"Toggle theme\">\n\t\t\t\t<span class=\"icon\"></span>\n\t\t\t</button>\n\t\t</div>\n\t</nav>\n\n\t<main class=\"content\">\n\t\t{@render children?.()}\n\t</main>\n</div>\n\n<style>\n\t:global(body) {\n\t\tmargin: 0;\n\t}\n\n\t:global(html) {\n\t\tmargin: 0;\n\t\t--bg-1: hsl(0, 0%, 100%);\n\t\t--bg-2: hsl(206, 20%, 90%);\n\t\t--bg-3: hsl(206, 20%, 80%);\n\t\t--navbar-bg: #fff;\n\t\t--fg-1: hsl(0, 0%, 13%);\n\t\t--fg-2: hsl(0, 0%, 50%);\n\t\t--fg-3: hsl(0, 0%, 60%);\n\t\t--link: hsl(208, 77%, 47%);\n\t\t--border-radius: 4px;\n\t\t--font:\n\t\t\t-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',\n\t\t\t'Helvetica Neue', sans-serif;\n\t\tcolor-scheme: light;\n\t\tbackground: var(--bg-1);\n\t\tcolor: var(--fg-1);\n\t\tfont-family: var(--font);\n\t\tline-height: 1.5;\n\t\theight: calc(100vh - 2rem);\n\t\taccent-color: var(--link) !important;\n\t\tmin-height: 100vh;\n\t\tbackground-color: var(--bg-1);\n\t}\n\n\t:global(html.dark) {\n\t\tcolor-scheme: dark;\n\t\t--bg-1: hsl(0, 0%, 18%);\n\t\t--bg-2: hsl(0, 0%, 30%);\n\t\t--bg-3: hsl(0, 0%, 40%);\n\t\t--navbar-bg: hsl(220, 14%, 16%);\n\t\t--fg-1: hsl(0, 0%, 75%);\n\t\t--fg-2: hsl(0, 0%, 40%);\n\t\t--fg-3: hsl(0, 0%, 30%);\n\t\t--link: hsl(206, 96%, 72%);\n\t}\n\n\t.navbar {\n\t\tcolor: var(--fg-1);\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t\tpadding: 0em 2.5rem;\n\t\theight: 3.7rem;\n\t\tbackground-color: var(--navbar-bg);\n\t\tbox-shadow:\n\t\t\t0 2px 8px 0 rgba(0, 0, 0, 0.08),\n\t\t\t0 1.5px 4px 0 rgba(0, 0, 0, 0.04);\n\t}\n\n\t.nav-left {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 0.5rem;\n\t}\n\n\t.svelte-icon {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\ttext-decoration: none;\n\t\ttransition: opacity 0.2s ease;\n\t}\n\n\t.svelte-icon:hover {\n\t\topacity: 0.8;\n\t}\n\n\t.title {\n\t\tfont-size: 1.5rem;\n\t\tfont-weight: 400;\n\t\tmargin: 0;\n\t}\n\n\t.nav-right {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 1rem;\n\t}\n\n\t.raised {\n\t\tbackground: var(--navbar-bg);\n\t\tborder-left: 0.5px solid var(--fg-3);\n\t\tborder-top: 0.5px solid var(--fg-3);\n\t\tborder-bottom: none;\n\t\tborder-right: none;\n\t\tborder-radius: var(--border-radius);\n\t\tcolor: var(--fg-1);\n\t\tcursor: pointer;\n\t\ttransition: all 0.2s ease;\n\t\tbox-shadow:\n\t\t\t0 2px 4px rgba(0, 0, 0, 0.1),\n\t\t\t0 1px 2px rgba(0, 0, 0, 0.06);\n\t\ttext-decoration: none;\n\t\tfont-weight: 500;\n\t\tpadding: 0.25rem 0.75rem;\n\t\tfont-size: 0.8rem;\n\t}\n\n\t.raised:hover {\n\t\tborder-left-color: var(--fg-2);\n\t\tborder-top-color: var(--fg-2);\n\t\tbox-shadow:\n\t\t\t0 4px 8px rgba(0, 0, 0, 0.15),\n\t\t\t0 2px 4px rgba(0, 0, 0, 0.1);\n\t\ttransform: translate(-1px, -1px);\n\t}\n\n\t.content {\n\t\tpadding: 1rem;\n\t\tcolor: var(--fg-1);\n\t}\n\n\t.theme-toggle {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: 1.8rem;\n\t\theight: 1.8rem;\n\t\tpadding: 0;\n\t\tmin-width: 2rem;\n\t}\n\n\t.icon {\n\t\tdisplay: inline-block;\n\t\twidth: 1.5rem;\n\t\theight: 1.5rem;\n\t\t-webkit-mask-size: 1.5rem;\n\t\tmask-size: 1.5rem;\n\t\t-webkit-mask-repeat: no-repeat;\n\t\tmask-repeat: no-repeat;\n\t\t-webkit-mask-position: center;\n\t\tmask-position: center;\n\t\tbackground-color: var(--fg-1);\n\t}\n\n\t.icon {\n\t\tmask-image: url('data:image/svg+xml,%3csvg%20xmlns=\"http://www.w3.org/2000/svg\"%20viewBox=\"0%200%2024%2024\"%3e%3cpath%20fill=\"%23666\"%20d=\"M12%2021q-3.775%200-6.388-2.613T3%2012q0-3.45%202.25-5.988T11%203.05q.625-.075.975.45t-.025%201.1q-.425.65-.638%201.375T11.1%207.5q0%202.25%201.575%203.825T16.5%2012.9q.775%200%201.538-.225t1.362-.625q.525-.35%201.075-.037t.475.987q-.35%203.45-2.937%205.725T12%2021Zm0-2q2.2%200%203.95-1.213t2.55-3.162q-.5.125-1%20.2t-1%20.075q-3.075%200-5.238-2.163T9.1%207.5q0-.5.075-1t.2-1q-1.95.8-3.163%202.55T5%2012q0%202.9%202.05%204.95T12%2019Zm-.25-6.75Z\"/%3e%3c/svg%3e');\n\t}\n\n\t:global(html.dark) .icon {\n\t\tmask-image: url(\"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%23d4d4d4'%20d='M12%2019a1%201%200%200%201%20.993.883L13%2020v1a1%201%200%200%201-1.993.117L11%2021v-1a1%201%200%200%201%201-1zm6.313-2.09.094.083.7.7a1%201%200%200%201-1.32%201.497l-.094-.083-.7-.7a1%201%200%200%201%201.218-1.567l.102.07zm-11.306.083a1%201%200%200%201%20.083%201.32l-.083.094-.7.7a1%201%200%200%201-1.497-1.32l.083-.094.7-.7a1%201%200%200%201%201.414%200zM4%2011a1%201%200%200%201%20.117%201.993L4%2013H3a1%201%200%200%201-.117-1.993L3%2011h1zm17%200a1%201%200%200%201%20.117%201.993L21%2013h-1a1%201%200%200%201-.117-1.993L20%2011h1zM6.213%204.81l.094.083.7.7a1%201%200%200%201-1.32%201.497l-.094-.083-.7-.7A1%201%200%200%201%206.11%204.74l.102.07zm12.894.083a1%201%200%200%201%20.083%201.32l-.083.094-.7.7a1%201%200%200%201-1.497-1.32l.083-.094.7-.7a1%201%200%200%201%201.414%200zM12%202a1%201%200%200%201%20.993.883L13%203v1a1%201%200%200%201-1.993.117L11%204V3a1%201%200%200%201%201-1zm0%205a5%205%200%201%201-4.995%205.217L7%2012l.005-.217A5%205%200%200%201%2012%207z'/%3e%3c/svg%3e\");\n\t}\n</style>\n"
+			"contents": "<script lang=\"ts\">\n\timport favicon from '$lib/assets/favicon.svg';\n\n\tlet { children } = $props();\n\n\tconst title = '$sv-title-$sv';\n\tconst href = '$sv-url-$sv';\n\n\tlet prefersDark = $state(true);\n\tlet isDark = $state(true);\n\n\tfunction switchTheme() {\n\t\tconst value = isDark ? 'light' : 'dark';\n\n\t\tisDark = value === 'dark';\n\t\tlocalStorage.setItem('sv:theme', isDark === prefersDark ? 'system' : value);\n\t}\n\n\t$effect(() => {\n\t\tdocument.documentElement.classList.remove('light', 'dark');\n\t\tprefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n\n\t\tconst theme = localStorage.getItem('sv:theme');\n\n\t\tisDark = !theme ? prefersDark : theme === 'dark' || (theme === 'system' && prefersDark);\n\t\tdocument.documentElement.classList.add(isDark ? 'dark' : 'light');\n\t});\n</script>\n\n<svelte:head>\n\t<title>--from-playground {title}</title>\n\t<script>\n\t\t{\n\t\t\tconst theme = localStorage.getItem('sv:theme');\n\n\t\t\tdocument.documentElement.classList.add(\n\t\t\t\t!theme || theme === 'system'\n\t\t\t\t\t? window.matchMedia('(prefers-color-scheme: dark)').matches\n\t\t\t\t\t\t? 'dark'\n\t\t\t\t\t\t: 'light'\n\t\t\t\t\t: theme\n\t\t\t);\n\t\t}\n\t</script>\n</svelte:head>\n\n<div class=\"layout\">\n\t<nav class=\"navbar\">\n\t\t<div class=\"nav-left\">\n\t\t\t<a href=\"/\" class=\"svelte-icon\">\n\t\t\t\t<img src={favicon} alt=\"Svelte\" width=\"32\" height=\"32\" />\n\t\t\t</a>\n\t\t\t<p class=\"title\">{title}</p>\n\t\t</div>\n\t\t<div class=\"nav-right\">\n\t\t\t<a {href} class=\"raised\" target=\"_blank\" rel=\"noopener noreferrer\">\n\t\t\t\t--to-playground\n\t\t\t\t<span aria-hidden=\"true\" style=\"margin-left:0.25em;\"> ↗</span>\n\t\t\t</a>\n\t\t\t<button class=\"raised theme-toggle\" onclick={switchTheme} aria-label=\"Toggle theme\">\n\t\t\t\t<span class=\"icon\"></span>\n\t\t\t</button>\n\t\t</div>\n\t</nav>\n\n\t<main class=\"content\">\n\t\t{@render children()}\n\t</main>\n</div>\n\n<style>\n\t:global(body) {\n\t\tmargin: 0;\n\t}\n\n\t:global(html) {\n\t\tmargin: 0;\n\t\t--bg-1: hsl(0, 0%, 100%);\n\t\t--bg-2: hsl(206, 20%, 90%);\n\t\t--bg-3: hsl(206, 20%, 80%);\n\t\t--navbar-bg: #fff;\n\t\t--fg-1: hsl(0, 0%, 13%);\n\t\t--fg-2: hsl(0, 0%, 50%);\n\t\t--fg-3: hsl(0, 0%, 60%);\n\t\t--link: hsl(208, 77%, 47%);\n\t\t--border-radius: 4px;\n\t\t--font:\n\t\t\t-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',\n\t\t\t'Helvetica Neue', sans-serif;\n\t\tcolor-scheme: light;\n\t\tbackground: var(--bg-1);\n\t\tcolor: var(--fg-1);\n\t\tfont-family: var(--font);\n\t\tline-height: 1.5;\n\t\theight: calc(100vh - 2rem);\n\t\taccent-color: var(--link) !important;\n\t\tmin-height: 100vh;\n\t\tbackground-color: var(--bg-1);\n\t}\n\n\t:global(html.dark) {\n\t\tcolor-scheme: dark;\n\t\t--bg-1: hsl(0, 0%, 18%);\n\t\t--bg-2: hsl(0, 0%, 30%);\n\t\t--bg-3: hsl(0, 0%, 40%);\n\t\t--navbar-bg: hsl(220, 14%, 16%);\n\t\t--fg-1: hsl(0, 0%, 75%);\n\t\t--fg-2: hsl(0, 0%, 40%);\n\t\t--fg-3: hsl(0, 0%, 30%);\n\t\t--link: hsl(206, 96%, 72%);\n\t}\n\n\t.navbar {\n\t\tcolor: var(--fg-1);\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t\tpadding: 0em 2.5rem;\n\t\theight: 3.7rem;\n\t\tbackground-color: var(--navbar-bg);\n\t\tbox-shadow:\n\t\t\t0 2px 8px 0 rgba(0, 0, 0, 0.08),\n\t\t\t0 1.5px 4px 0 rgba(0, 0, 0, 0.04);\n\t}\n\n\t.nav-left {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 0.5rem;\n\t}\n\n\t.svelte-icon {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\ttext-decoration: none;\n\t\ttransition: opacity 0.2s ease;\n\t}\n\n\t.svelte-icon:hover {\n\t\topacity: 0.8;\n\t}\n\n\t.title {\n\t\tfont-size: 1.5rem;\n\t\tfont-weight: 400;\n\t\tmargin: 0;\n\t}\n\n\t.nav-right {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 1rem;\n\t}\n\n\t.raised {\n\t\tbackground: var(--navbar-bg);\n\t\tborder-left: 0.5px solid var(--fg-3);\n\t\tborder-top: 0.5px solid var(--fg-3);\n\t\tborder-bottom: none;\n\t\tborder-right: none;\n\t\tborder-radius: var(--border-radius);\n\t\tcolor: var(--fg-1);\n\t\tcursor: pointer;\n\t\ttransition: all 0.2s ease;\n\t\tbox-shadow:\n\t\t\t0 2px 4px rgba(0, 0, 0, 0.1),\n\t\t\t0 1px 2px rgba(0, 0, 0, 0.06);\n\t\ttext-decoration: none;\n\t\tfont-weight: 500;\n\t\tpadding: 0.25rem 0.75rem;\n\t\tfont-size: 0.8rem;\n\t}\n\n\t.raised:hover {\n\t\tborder-left-color: var(--fg-2);\n\t\tborder-top-color: var(--fg-2);\n\t\tbox-shadow:\n\t\t\t0 4px 8px rgba(0, 0, 0, 0.15),\n\t\t\t0 2px 4px rgba(0, 0, 0, 0.1);\n\t\ttransform: translate(-1px, -1px);\n\t}\n\n\t.content {\n\t\tpadding: 1rem;\n\t\tcolor: var(--fg-1);\n\t}\n\n\t.theme-toggle {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: 1.8rem;\n\t\theight: 1.8rem;\n\t\tpadding: 0;\n\t\tmin-width: 2rem;\n\t}\n\n\t.icon {\n\t\tdisplay: inline-block;\n\t\twidth: 1.5rem;\n\t\theight: 1.5rem;\n\t\t-webkit-mask-size: 1.5rem;\n\t\tmask-size: 1.5rem;\n\t\t-webkit-mask-repeat: no-repeat;\n\t\tmask-repeat: no-repeat;\n\t\t-webkit-mask-position: center;\n\t\tmask-position: center;\n\t\tbackground-color: var(--fg-1);\n\t}\n\n\t.icon {\n\t\tmask-image: url('data:image/svg+xml,%3csvg%20xmlns=\"http://www.w3.org/2000/svg\"%20viewBox=\"0%200%2024%2024\"%3e%3cpath%20fill=\"%23666\"%20d=\"M12%2021q-3.775%200-6.388-2.613T3%2012q0-3.45%202.25-5.988T11%203.05q.625-.075.975.45t-.025%201.1q-.425.65-.638%201.375T11.1%207.5q0%202.25%201.575%203.825T16.5%2012.9q.775%200%201.538-.225t1.362-.625q.525-.35%201.075-.037t.475.987q-.35%203.45-2.937%205.725T12%2021Zm0-2q2.2%200%203.95-1.213t2.55-3.162q-.5.125-1%20.2t-1%20.075q-3.075%200-5.238-2.163T9.1%207.5q0-.5.075-1t.2-1q-1.95.8-3.163%202.55T5%2012q0%202.9%202.05%204.95T12%2019Zm-.25-6.75Z\"/%3e%3c/svg%3e');\n\t}\n\n\t:global(html.dark) .icon {\n\t\tmask-image: url(\"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%23d4d4d4'%20d='M12%2019a1%201%200%200%201%20.993.883L13%2020v1a1%201%200%200%201-1.993.117L11%2021v-1a1%201%200%200%201%201-1zm6.313-2.09.094.083.7.7a1%201%200%200%201-1.32%201.497l-.094-.083-.7-.7a1%201%200%200%201%201.218-1.567l.102.07zm-11.306.083a1%201%200%200%201%20.083%201.32l-.083.094-.7.7a1%201%200%200%201-1.497-1.32l.083-.094.7-.7a1%201%200%200%201%201.414%200zM4%2011a1%201%200%200%201%20.117%201.993L4%2013H3a1%201%200%200%201-.117-1.993L3%2011h1zm17%200a1%201%200%200%201%20.117%201.993L21%2013h-1a1%201%200%200%201-.117-1.993L20%2011h1zM6.213%204.81l.094.083.7.7a1%201%200%200%201-1.32%201.497l-.094-.083-.7-.7A1%201%200%200%201%206.11%204.74l.102.07zm12.894.083a1%201%200%200%201%20.083%201.32l-.083.094-.7.7a1%201%200%200%201-1.497-1.32l.083-.094.7-.7a1%201%200%200%201%201.414%200zM12%202a1%201%200%200%201%20.993.883L13%203v1a1%201%200%200%201-1.993.117L11%204V3a1%201%200%200%201%201-1zm0%205a5%205%200%201%201-4.995%205.217L7%2012l.005-.217A5%205%200%200%201%2012%207z'/%3e%3c/svg%3e\");\n\t}\n</style>\n"
 		},
 		{
 			"name": "package.json",
@@ -52,7 +52,7 @@
 				"typescript"
 			],
 			"exclude": [],
-			"contents": "{\n\t\"scripts\": {\n\t\t\"check\": \"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json\",\n\t\t\"check:watch\": \"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch\"\n\t},\n\t\"devDependencies\": {\n\t\t\"svelte-check\": \"^4.3.2\",\n\t\t\"typescript\": \"^5.9.2\"\n\t}\n}\n"
+			"contents": "{\n\t\"scripts\": {\n\t\t\"check\": \"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json\",\n\t\t\"check:watch\": \"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch\"\n\t},\n\t\"devDependencies\": {\n\t\t\"svelte-check\": \"^4.3.3\",\n\t\t\"typescript\": \"^5.9.3\"\n\t}\n}\n"
 		},
 		{
 			"name": "svelte.config.js",

package/dist/templates/demo/package.json

@@ -12,10 +12,10 @@
 	"devDependencies": {
 		"@fontsource/fira-mono": "^5.2.7",
 		"@neoconfetti/svelte": "^2.2.2",
-		"@sveltejs/adapter-auto": "^6.1.0",
-		"@sveltejs/kit": "^2.43.2",
-		"@sveltejs/vite-plugin-svelte": "^6.2.0",
-		"svelte": "^5.39.5",
-		"vite": "^7.1.7"
+		"@sveltejs/adapter-auto": "^7.0.0",
+		"@sveltejs/kit": "^2.47.1",
+		"@sveltejs/vite-plugin-svelte": "^6.2.1",
+		"svelte": "^5.41.0",
+		"vite": "^7.1.10"
 	}
 }

package/dist/templates/library/package.json

@@ -23,14 +23,14 @@
 		"svelte": "^5.0.0"
 	},
 	"devDependencies": {
-		"@sveltejs/adapter-auto": "^6.1.0",
-		"@sveltejs/kit": "^2.43.2",
+		"@sveltejs/adapter-auto": "^7.0.0",
+		"@sveltejs/kit": "^2.47.1",
 		"@sveltejs/package": "^2.5.4",
-		"@sveltejs/vite-plugin-svelte": "^6.2.0",
-		"publint": "^0.3.13",
-		"svelte": "^5.39.5",
-		"typescript": "^5.9.2",
-		"vite": "^7.1.7"
+		"@sveltejs/vite-plugin-svelte": "^6.2.1",
+		"publint": "^0.3.14",
+		"svelte": "^5.41.0",
+		"typescript": "^5.9.3",
+		"vite": "^7.1.10"
 	},
 	"keywords": ["svelte"]
 }

package/dist/templates/minimal/files.types=checkjs.json

@@ -9,7 +9,7 @@
 	},
 	{
 		"name": "src/routes/+layout.svelte",
-		"contents": "<script>\n\timport favicon from '$lib/assets/favicon.svg';\n\n\tlet { children } = $props();\n</script>\n\n<svelte:head>\n\t<link rel=\"icon\" href={favicon} />\n</svelte:head>\n\n{@render children?.()}\n"
+		"contents": "<script>\n\timport favicon from '$lib/assets/favicon.svg';\n\n\tlet { children } = $props();\n</script>\n\n<svelte:head>\n\t<link rel=\"icon\" href={favicon} />\n</svelte:head>\n\n{@render children()}\n"
 	},
 	{
 		"name": "src/routes/+page.svelte",

package/dist/templates/minimal/files.types=none.json

@@ -5,7 +5,7 @@
 	},
 	{
 		"name": "src/routes/+layout.svelte",
-		"contents": "<script>\n\timport favicon from '$lib/assets/favicon.svg';\n\n\tlet { children } = $props();\n</script>\n\n<svelte:head>\n\t<link rel=\"icon\" href={favicon} />\n</svelte:head>\n\n{@render children?.()}\n"
+		"contents": "<script>\n\timport favicon from '$lib/assets/favicon.svg';\n\n\tlet { children } = $props();\n</script>\n\n<svelte:head>\n\t<link rel=\"icon\" href={favicon} />\n</svelte:head>\n\n{@render children()}\n"
 	},
 	{
 		"name": "src/routes/+page.svelte",

package/dist/templates/minimal/files.types=typescript.json

@@ -9,7 +9,7 @@
 	},
 	{
 		"name": "src/routes/+layout.svelte",
-		"contents": "<script lang=\"ts\">\n\timport favicon from '$lib/assets/favicon.svg';\n\n\tlet { children } = $props();\n</script>\n\n<svelte:head>\n\t<link rel=\"icon\" href={favicon} />\n</svelte:head>\n\n{@render children?.()}\n"
+		"contents": "<script lang=\"ts\">\n\timport favicon from '$lib/assets/favicon.svg';\n\n\tlet { children } = $props();\n</script>\n\n<svelte:head>\n\t<link rel=\"icon\" href={favicon} />\n</svelte:head>\n\n{@render children()}\n"
 	},
 	{
 		"name": "src/routes/+page.svelte",

package/dist/templates/minimal/package.json

@@ -10,10 +10,10 @@
 		"prepare": "svelte-kit sync || echo ''"
 	},
 	"devDependencies": {
-		"@sveltejs/adapter-auto": "^6.1.0",
-		"@sveltejs/kit": "^2.43.2",
-		"@sveltejs/vite-plugin-svelte": "^6.2.0",
-		"svelte": "^5.39.5",
-		"vite": "^7.1.7"
+		"@sveltejs/adapter-auto": "^7.0.0",
+		"@sveltejs/kit": "^2.47.1",
+		"@sveltejs/vite-plugin-svelte": "^6.2.1",
+		"svelte": "^5.41.0",
+		"vite": "^7.1.10"
 	}
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sv",
-  "version": "0.9.9",
+  "version": "0.9.11",
   "type": "module",
   "description": "A CLI for creating and updating SvelteKit projects",
   "license": "MIT",
@@ -36,9 +36,9 @@
     "ps-tree": "^1.2.0",
     "tinyexec": "^0.3.2",
     "valibot": "^0.41.0",
-    "@sveltejs/cli-core": "0.0.0",
+    "@sveltejs/addons": "0.0.0",
     "@sveltejs/create": "0.0.0",
-    "@sveltejs/addons": "0.0.0"
+    "@sveltejs/cli-core": "0.0.0"
   },
   "keywords": [
     "create",