sv 1.0.0 → 1.1.0

package/dist/{addons-So36TZLY.mjs → addons-OcP_HeQ_.mjs}

@@ -1,9 +1,31 @@
-import { T as getSharedFiles, _ as defineAddon, dt as R, v as defineAddonOptions } from "./engine-Do1htOYy.mjs";
+import { D as getSharedFiles, pt as R, v as defineAddon, y as defineAddonOptions } from "./engine-DB9amJxd.mjs";
 import fs from "node:fs";
 import path from "node:path";
-import { Walker, coerceVersion, color, createPrinter, dedent, defineEnv, fileExists, isKit3, loadPackageJson, pnpm, resolveCommandArray, resolveLibPrefix, sanitizeName, svelteConfig, transforms } from "@sveltejs/sv-utils";
+import { KIT3_TSCONFIG, Walker, coerceVersion, color, createPrinter, dedent, defineDemoPage, defineEnv, fileExists, isKit3, loadPackageJson, pnpm, resolveCommandArray, resolveLibPrefix, sanitizeName, svelteConfig, transforms } from "@sveltejs/sv-utils";
 import V from "node:process";
 import crypto from "node:crypto";
+//#region src/addons/ids.ts
+/**
+* Official add-on ids, declared without importing the add-ons themselves so that
+* add-ons can reference each other in `dependsOn`/`runsAfter` without import cycles.
+*/
+const ADDON_IDS = {
+	prettier: "prettier",
+	eslint: "eslint",
+	vitest: "vitest",
+	playwright: "playwright",
+	tailwindcss: "tailwindcss",
+	enhancedImg: "enhanced-img",
+	sveltekitAdapter: "sveltekit-adapter",
+	drizzle: "drizzle",
+	betterAuth: "better-auth",
+	mdsvex: "mdsvex",
+	paraglide: "paraglide",
+	storybook: "storybook",
+	aiTools: "ai-tools",
+	experimental: "experimental"
+};
+//#endregion
 //#region src/addons/ai-tools.ts
 const REGEX_MD = /\.md$/;
 const CLIENTS = {
@@ -96,7 +118,7 @@ const TOOLS = {
 		hint: "sub-agent"
 	}
 };
-const options$7 = defineAddonOptions().add("ide", {
+const options$8 = defineAddonOptions().add("ide", {
 	question: "Which client would you like to use?",
 	type: "multiselect",
 	default: [],
@@ -145,11 +167,11 @@ const options$7 = defineAddonOptions().add("ide", {
 	}],
 	condition: ({ ide, delivery, tools }) => (tools === void 0 || tools.includes("mcp")) && ide.some((i) => wantsMcpConfig(CLIENTS[i], delivery))
 }).build();
-var ai_tools_default = defineAddon({
-	id: "ai-tools",
+const addon$8 = defineAddon({
+	id: ADDON_IDS.aiTools,
 	shortDescription: "Svelte AI tools",
 	homepage: "https://svelte.dev/docs/ai",
-	options: options$7,
+	options: options$8,
 	run: ({ sv, options }) => {
 		const usePlugin = options.delivery === "plugin";
 		const selected = options.tools ?? Object.keys(TOOLS);
@@ -262,126 +284,6 @@ var ai_tools_default = defineAddon({
 	}
 });
 //#endregion
-//#region src/addons/common.ts
-const ESLINT_VERSION = "^10.4.1";
-const addEslintConfigPrettier = transforms.script(({ ast, js }) => {
-	const sveltePluginImport = ast.body.filter((n) => n.type === "ImportDeclaration").find((n) => n.type === "ImportDeclaration" && n.source.value === "eslint-plugin-svelte" && n.specifiers?.some((n) => n.type === "ImportDefaultSpecifier"));
-	let svelteImportName;
-	for (const specifier of sveltePluginImport?.specifiers ?? []) if (specifier.type === "ImportDefaultSpecifier" && specifier.local?.name) svelteImportName = specifier.local.name;
-	svelteImportName ??= "svelte";
-	js.imports.addDefault(ast, {
-		from: "eslint-plugin-svelte",
-		as: svelteImportName
-	});
-	js.imports.addDefault(ast, {
-		from: "eslint-config-prettier",
-		as: "prettier"
-	});
-	const fallbackConfig = js.common.parseExpression("[]");
-	const eslintConfig = js.exports.createDefault(ast, { fallback: fallbackConfig }).value;
-	let elements = [];
-	if (eslintConfig.type === "ArrayExpression") elements = eslintConfig.elements;
-	else if (eslintConfig.type === "CallExpression") {
-		if (eslintConfig.arguments.length === 1 && eslintConfig.arguments[0].type === "ArrayExpression") elements = eslintConfig.arguments[0].elements;
-		else elements = eslintConfig.arguments;
-	} else return false;
-	const prettier = js.common.parseExpression("prettier");
-	const sveltePrettierConfig = js.common.parseExpression(`${svelteImportName}.configs.prettier`);
-	const nodesToInsert = [];
-	if (!js.common.contains(eslintConfig, prettier)) nodesToInsert.push(prettier);
-	if (!js.common.contains(eslintConfig, sveltePrettierConfig)) nodesToInsert.push(sveltePrettierConfig);
-	const isSvelteConfig = (maybeSpread) => {
-		const el = maybeSpread?.type === "SpreadElement" ? maybeSpread?.argument : maybeSpread;
-		return el?.type === "MemberExpression" && el.object.type === "MemberExpression" && el.object.object.type === "Identifier" && el.object.object.name === svelteImportName && el.object.property.type === "Identifier" && el.object.property.name === "configs";
-	};
-	const idx = elements.findIndex(isSvelteConfig);
-	if (idx !== -1) elements.splice(idx + 1, 0, ...nodesToInsert);
-	else elements.push(...nodesToInsert);
-});
-/**
-* Path of the prettier config file we generate. We always emit a `.js` file (with a JSDoc `@type`)
-* rather than `.ts`, since the VSCode prettier extension can't load a `.ts` config without a recent
-* enough Node in its extension host (see prettier/prettier-vscode#3989).
-*/
-function prettierConfigPath() {
-	return "prettier.config.js";
-}
-/**
-* Creates a `prettier.config.js` file with our defaults. Bails (leaving the file untouched)
-* if a config is already defined.
-*/
-const createPrettierConfig = (opts) => transforms.script(({ ast, comments, js }) => {
-	if (ast.body.some((node) => node.type === "ExportDefaultDeclaration")) {
-		R.warn(`A ${color.warning("prettier")} config already exists. Skipping initialization.`);
-		return false;
-	}
-	const plugins = ["prettier-plugin-svelte"];
-	if (opts.tailwind) plugins.push("prettier-plugin-tailwindcss");
-	const properties = [
-		"useTabs: true",
-		"singleQuote: true",
-		`trailingComma: 'none'`,
-		"printWidth: 100",
-		`plugins: [${plugins.map((p) => `'${p}'`).join(", ")}]`,
-		`overrides: [{ files: '*.svelte', options: { parser: 'svelte' } }]`
-	];
-	if (opts.tailwind && opts.stylesheet) properties.push(`tailwindStylesheet: '${opts.stylesheet}'`);
-	js.common.appendFromString(ast, {
-		comments,
-		code: `
-				/** @type {import("prettier").Config} */
-				const config = { ${properties.join(", ")} };
-				export default config;
-			`
-	});
-});
-/**
-* Augments an existing `prettier.config.js` config object with the tailwindcss plugin and
-* stylesheet. Used when prettier was added before tailwindcss.
-*/
-const addPrettierTailwind = (opts) => transforms.script(({ ast, js }) => {
-	if (!ast.body.some((node) => node.type === "ExportDefaultDeclaration")) return false;
-	const { value } = js.exports.createDefault(ast, { fallback: js.object.create({}) });
-	if (value.type !== "ObjectExpression") return false;
-	const plugins = js.object.property(value, {
-		name: "plugins",
-		fallback: js.array.create()
-	});
-	if (plugins.type === "ArrayExpression") js.array.append(plugins, "prettier-plugin-tailwindcss");
-	if (!value.properties.some((p) => p.type === "Property" && p.key.type === "Identifier" && p.key.name === "tailwindStylesheet")) js.object.property(value, {
-		name: "tailwindStylesheet",
-		fallback: js.common.createLiteral(opts.stylesheet)
-	});
-});
-const addToDemoPage = (path, language) => transforms.svelteScript({ language }, ({ ast, js, svelte }) => {
-	for (const node of ast.fragment.nodes) if (node.type === "RegularElement") {
-		const hrefAttribute = node.attributes.find((x) => x.type === "Attribute" && x.name === "href");
-		if (!hrefAttribute || !hrefAttribute.value) continue;
-		if (!Array.isArray(hrefAttribute.value)) continue;
-		if (hrefAttribute.value.some((x) => x.type === "Text" && x.data.includes(`/demo/${path}`))) return false;
-	}
-	js.imports.addNamed(ast.instance.content, {
-		imports: ["resolve"],
-		from: "$app/paths"
-	});
-	svelte.addFragment(ast, `<a href={resolve('/demo/${path}')}>${path}</a>`, { mode: "prepend" });
-});
-/**
-* Returns the corresponding `@types/node` version for the version of Node.js running in the current process.
-*
-* If the installed version of Node.js is from a `Current` release, then the major is decremented to
-* the nearest `LTS` release version.
-*/
-function getNodeTypesVersion() {
-	const nodeVersion = V.versions.node;
-	const isDenoOrBun = Boolean(V.versions.deno ?? V.versions.bun);
-	const [major] = nodeVersion.split(".");
-	const majorNum = Number(major);
-	const isEvenMajor = majorNum % 2 === 0;
-	if (!!V.release.lts || isDenoOrBun && isEvenMajor) return `^${major}`;
-	return `^${isEvenMajor ? majorNum - 2 : majorNum - 1}`;
-}
-//#endregion
 //#region \0@oxc-project+runtime@0.150.0/helpers/esm/taggedTemplateLiteral.js
 function _taggedTemplateLiteral(e, t) {
 	return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } }));
@@ -390,7 +292,7 @@ function _taggedTemplateLiteral(e, t) {
 //#region src/addons/better-auth.ts
 var _templateObject$1;
 var _templateObject2;
-const options$6 = defineAddonOptions().add("demo", {
+const options$7 = defineAddonOptions().add("demo", {
 	question: "Which demo would you like to include?",
 	type: "multiselect",
 	default: ["password"],
@@ -403,17 +305,17 @@ const options$6 = defineAddonOptions().add("demo", {
 	}],
 	required: false
 }).build();
-var better_auth_default = defineAddon({
-	id: "better-auth",
+const addon$7 = defineAddon({
+	id: ADDON_IDS.betterAuth,
 	shortDescription: "auth library",
 	homepage: "https://www.better-auth.com",
-	options: options$6,
+	options: options$7,
 	setup: ({ isKit, dependencyVersion, unsupported, dependsOn, runsAfter }) => {
 		if (!isKit) unsupported("Requires SvelteKit");
-		if (!dependencyVersion("drizzle-orm")) dependsOn("drizzle");
-		runsAfter("sveltekitAdapter");
-		runsAfter("tailwindcss");
-		runsAfter("experimental");
+		if (!dependencyVersion("drizzle-orm")) dependsOn(ADDON_IDS.drizzle);
+		runsAfter(ADDON_IDS.sveltekitAdapter);
+		runsAfter(ADDON_IDS.tailwindcss);
+		runsAfter(ADDON_IDS.experimental);
 	},
 	run: ({ sv, cwd, language, options, directory, dependencyVersion, file }) => {
 		const lib = resolveLibPrefix(dependencyVersion("@sveltejs/kit"));
@@ -614,10 +516,12 @@ var better_auth_default = defineAddon({
 			});
 		}));
 		if (hasDemo) {
-			sv.file(`${directory.kitRoutes}/demo/+page.svelte`, addToDemoPage("better-auth", language));
-			sv.file(`${directory.kitRoutes}/demo/better-auth/login/+page.server.${language}`, (content) => {
+			const demo = defineDemoPage("better-auth", language, directory.kitRoutes);
+			sv.file(...demo.links);
+			sv.file(...demo.layout);
+			sv.file(`${demo.addonPath}/login/+page.server.${language}`, (content) => {
 				if (content) {
-					const filePath = `${directory.kitRoutes}/demo/better-auth/login/+page.server.${language}`;
+					const filePath = `${demo.addonPath}/login/+page.server.${language}`;
 					R.warn(`Existing ${color.warning(filePath)} file. Could not update.`);
 					return false;
 				}
@@ -706,9 +610,9 @@ var better_auth_default = defineAddon({
 					};
 				`;
 			});
-			sv.file(`${directory.kitRoutes}/demo/better-auth/login/+page.svelte`, (content) => {
+			sv.file(`${demo.addonPath}/login/+page.svelte`, (content) => {
 				if (content) {
-					const filePath = `${directory.kitRoutes}/demo/better-auth/login/+page.svelte`;
+					const filePath = `${demo.addonPath}/login/+page.svelte`;
 					R.warn(`Existing ${color.warning(filePath)} file. Could not update.`);
 					return false;
 				}
@@ -750,9 +654,9 @@ var better_auth_default = defineAddon({
 					"\n				"
 				])), ts("lang='ts'"), ts("import type { ActionData } from './$types';\n"), s5(`let { form }${ts(": { form: ActionData }")} = $props();`, `export let form${ts(": ActionData")};`), passwordForm, separator, githubForm);
 			});
-			sv.file(`${directory.kitRoutes}/demo/better-auth/+page.server.${language}`, (content) => {
+			sv.file(`${demo.addonPath}/+page.server.${language}`, (content) => {
 				if (content) {
-					const filePath = `${directory.kitRoutes}/demo/better-auth/+page.server.${language}`;
+					const filePath = `${demo.addonPath}/+page.server.${language}`;
 					R.warn(`Existing ${color.warning(filePath)} file. Could not update.`);
 					return false;
 				}
@@ -780,9 +684,9 @@ var better_auth_default = defineAddon({
 					};
 				`;
 			});
-			sv.file(`${directory.kitRoutes}/demo/better-auth/+page.svelte`, (content) => {
+			sv.file(`${demo.addonPath}/+page.svelte`, (content) => {
 				if (content) {
-					const filePath = `${directory.kitRoutes}/demo/better-auth/+page.svelte`;
+					const filePath = `${demo.addonPath}/+page.svelte`;
 					R.warn(`Existing ${color.warning(filePath)} file. Could not update.`);
 					return false;
 				}
@@ -832,6 +736,137 @@ const generateEnv$1 = (demoGithub, isExample) => transforms.text(({ content, tex
 	return content;
 });
 //#endregion
+//#region src/addons/common.ts
+const ESLINT_VERSION = "^10.4.1";
+const addEslintConfigPrettier = transforms.script(({ ast, js }) => {
+	const sveltePluginImport = ast.body.filter((n) => n.type === "ImportDeclaration").find((n) => n.type === "ImportDeclaration" && n.source.value === "eslint-plugin-svelte" && n.specifiers?.some((n) => n.type === "ImportDefaultSpecifier"));
+	let svelteImportName;
+	for (const specifier of sveltePluginImport?.specifiers ?? []) if (specifier.type === "ImportDefaultSpecifier" && specifier.local?.name) svelteImportName = specifier.local.name;
+	svelteImportName ??= "svelte";
+	js.imports.addDefault(ast, {
+		from: "eslint-plugin-svelte",
+		as: svelteImportName
+	});
+	js.imports.addDefault(ast, {
+		from: "eslint-config-prettier",
+		as: "prettier"
+	});
+	const fallbackConfig = js.common.parseExpression("[]");
+	const eslintConfig = js.exports.createDefault(ast, { fallback: fallbackConfig }).value;
+	let elements = [];
+	if (eslintConfig.type === "ArrayExpression") elements = eslintConfig.elements;
+	else if (eslintConfig.type === "CallExpression") {
+		if (eslintConfig.arguments.length === 1 && eslintConfig.arguments[0].type === "ArrayExpression") elements = eslintConfig.arguments[0].elements;
+		else elements = eslintConfig.arguments;
+	} else return false;
+	const prettier = js.common.parseExpression("prettier");
+	const sveltePrettierConfig = js.common.parseExpression(`${svelteImportName}.configs.prettier`);
+	const nodesToInsert = [];
+	if (!js.common.contains(eslintConfig, prettier)) nodesToInsert.push(prettier);
+	if (!js.common.contains(eslintConfig, sveltePrettierConfig)) nodesToInsert.push(sveltePrettierConfig);
+	const isSvelteConfig = (maybeSpread) => {
+		const el = maybeSpread?.type === "SpreadElement" ? maybeSpread?.argument : maybeSpread;
+		return el?.type === "MemberExpression" && el.object.type === "MemberExpression" && el.object.object.type === "Identifier" && el.object.object.name === svelteImportName && el.object.property.type === "Identifier" && el.object.property.name === "configs";
+	};
+	const idx = elements.findIndex(isSvelteConfig);
+	if (idx !== -1) elements.splice(idx + 1, 0, ...nodesToInsert);
+	else elements.push(...nodesToInsert);
+});
+/**
+* Path of the prettier config file we generate. We always emit a `.js` file (with a JSDoc `@type`)
+* rather than `.ts`, since the VSCode prettier extension can't load a `.ts` config without a recent
+* enough Node in its extension host (see prettier/prettier-vscode#3989).
+*/
+function prettierConfigPath() {
+	return "prettier.config.js";
+}
+/**
+* Creates a `prettier.config.js` file with our defaults. Bails (leaving the file untouched)
+* if a config is already defined.
+*/
+const createPrettierConfig = (opts) => transforms.script(({ ast, comments, js }) => {
+	if (ast.body.some((node) => node.type === "ExportDefaultDeclaration")) {
+		R.warn(`A ${color.warning("prettier")} config already exists. Skipping initialization.`);
+		return false;
+	}
+	const plugins = ["prettier-plugin-svelte"];
+	if (opts.tailwind) plugins.push("prettier-plugin-tailwindcss");
+	const properties = [
+		"useTabs: true",
+		"singleQuote: true",
+		`trailingComma: 'none'`,
+		"printWidth: 100",
+		`plugins: [${plugins.map((p) => `'${p}'`).join(", ")}]`,
+		`overrides: [{ files: '*.svelte', options: { parser: 'svelte' } }]`
+	];
+	if (opts.tailwind && opts.stylesheet) properties.push(`tailwindStylesheet: '${opts.stylesheet}'`);
+	js.common.appendFromString(ast, {
+		comments,
+		code: `
+				/** @type {import("prettier").Config} */
+				const config = { ${properties.join(", ")} };
+				export default config;
+			`
+	});
+});
+/**
+* Augments an existing `prettier.config.js` config object with the tailwindcss plugin and
+* stylesheet. Used when prettier was added before tailwindcss.
+*/
+const addPrettierTailwind = (opts) => transforms.script(({ ast, js }) => {
+	if (!ast.body.some((node) => node.type === "ExportDefaultDeclaration")) return false;
+	const { value } = js.exports.createDefault(ast, { fallback: js.object.create({}) });
+	if (value.type !== "ObjectExpression") return false;
+	const plugins = js.object.property(value, {
+		name: "plugins",
+		fallback: js.array.create()
+	});
+	if (plugins.type === "ArrayExpression") js.array.append(plugins, "prettier-plugin-tailwindcss");
+	if (!value.properties.some((p) => p.type === "Property" && p.key.type === "Identifier" && p.key.name === "tailwindStylesheet")) js.object.property(value, {
+		name: "tailwindStylesheet",
+		fallback: js.common.createLiteral(opts.stylesheet)
+	});
+});
+/**
+* Returns the corresponding `@types/node` version for the version of Node.js running in the current process.
+*
+* If the installed version of Node.js is from a `Current` release, then the major is decremented to
+* the nearest `LTS` release version.
+*/
+function getNodeTypesVersion() {
+	const nodeVersion = V.versions.node;
+	const isDenoOrBun = Boolean(V.versions.deno ?? V.versions.bun);
+	const [major] = nodeVersion.split(".");
+	const majorNum = Number(major);
+	const isEvenMajor = majorNum % 2 === 0;
+	if (!!V.release.lts || isDenoOrBun && isEvenMajor) return `^${major}`;
+	return `^${isEvenMajor ? majorNum - 2 : majorNum - 1}`;
+}
+/**
+* Kit 3 no longer generates an `include`, so root files outside `src` (like tool configs) must be
+* listed in the project's own ts/jsconfig to be type-checked. No-op before Kit 3.
+*/
+function addToTypeConfigInclude(opts) {
+	if (!isKit3(opts.kitVersion)) return;
+	const configFile = opts.language === "ts" ? "tsconfig.json" : "jsconfig.json";
+	if (!fileExists(opts.cwd, configFile)) return;
+	opts.sv.file(configFile, transforms.json(({ data }) => {
+		const include = data.include ??= ["src"];
+		if (!include.includes(opts.entry)) include.push(opts.entry);
+	}));
+}
+function addToTypeConfigType(opts) {
+	const configFile = opts.language === "ts" ? "tsconfig.json" : "jsconfig.json";
+	if (!fileExists(opts.cwd, configFile)) return;
+	opts.sv.file(configFile, transforms.json(({ data }) => {
+		data.compilerOptions ??= {};
+		data.compilerOptions.types ??= [];
+		const types = data.compilerOptions.types;
+		if (!types.includes(opts.entry)) types.push(opts.entry);
+		if ([data.extends].flat().includes(KIT3_TSCONFIG) && !types.includes("$app/types")) types.unshift("$app/types");
+	}));
+}
+//#endregion
 //#region src/addons/drizzle.ts
 const PORTS = {
 	mysql: "3306",
@@ -839,7 +874,7 @@ const PORTS = {
 	sqlite: "",
 	d1: ""
 };
-const options$5 = defineAddonOptions().add("database", {
+const options$6 = defineAddonOptions().add("database", {
 	question: "Which database would you like to use?",
 	type: "select",
 	default: "sqlite",
@@ -923,15 +958,15 @@ const options$5 = defineAddonOptions().add("database", {
 	type: "boolean",
 	condition: ({ database, mysql, postgresql }) => database === "mysql" && mysql === "mysql2" || database === "postgresql" && postgresql === "postgres.js"
 }).build();
-var drizzle_default = defineAddon({
-	id: "drizzle",
+const addon$6 = defineAddon({
+	id: ADDON_IDS.drizzle,
 	shortDescription: "database orm",
 	homepage: "https://orm.drizzle.team",
-	options: options$5,
+	options: options$6,
 	setup: ({ isKit, unsupported, runsAfter }) => {
-		runsAfter("prettier");
-		runsAfter("sveltekitAdapter");
-		runsAfter("experimental");
+		runsAfter(ADDON_IDS.prettier);
+		runsAfter(ADDON_IDS.sveltekitAdapter);
+		runsAfter(ADDON_IDS.experimental);
 		if (!isKit) return unsupported("Requires SvelteKit");
 	},
 	run: ({ sv, language, options, directory, dependencyVersion, cwd, cancel, file, packageManager }) => {
@@ -946,6 +981,12 @@ var drizzle_default = defineAddon({
 		sv.devDependency("drizzle-orm", "^0.45.2");
 		sv.devDependency("drizzle-kit", "^0.31.10");
 		sv.devDependency("@types/node", getNodeTypesVersion());
+		addToTypeConfigType({
+			sv,
+			cwd,
+			language,
+			entry: "node"
+		});
 		if (options.mysql === "mysql2") sv.devDependency("mysql2", "^3.22.4");
 		if (options.mysql === "planetscale") sv.devDependency("@planetscale/database", "^1.20.1");
 		if (options.postgresql === "neon") sv.devDependency("@neondatabase/serverless", "^1.1.0");
@@ -1054,13 +1095,15 @@ var drizzle_default = defineAddon({
 					})
 				`) });
 		}));
-		if (isKit3(dependencyVersion("@sveltejs/kit"))) {
-			const configFile = language === "ts" ? "tsconfig.json" : "jsconfig.json";
-			if (fileExists(cwd, configFile)) sv.file(configFile, transforms.json(({ data }) => {
-				const include = data.include ??= ["src"];
-				if (!include.includes(`drizzle.config.${language}`)) include.push(`drizzle.config.${language}`);
-			}));
-		} else svelteConfig.edit({
+		const kitVersion = dependencyVersion("@sveltejs/kit");
+		if (isKit3(kitVersion)) addToTypeConfigInclude({
+			sv,
+			cwd,
+			language,
+			kitVersion,
+			entry: `drizzle.config.${language}`
+		});
+		else svelteConfig.edit({
 			sv,
 			cwd
 		}, ({ override, js }) => {
@@ -1344,7 +1387,7 @@ function escapeRegex(value) {
 	return value.replace(REGEX_REGEX_CHARS, "\\$&");
 }
 var enhanced_img_default = defineAddon({
-	id: "enhanced-img",
+	id: ADDON_IDS.enhancedImg,
 	shortDescription: "image optimization",
 	homepage: "https://svelte.dev/docs/kit/images",
 	options: {},
@@ -1385,7 +1428,7 @@ var enhanced_img_default = defineAddon({
 //#endregion
 //#region src/addons/eslint.ts
 var eslint_default = defineAddon({
-	id: "eslint",
+	id: ADDON_IDS.eslint,
 	shortDescription: "linter",
 	homepage: "https://eslint.org",
 	options: {},
@@ -1399,6 +1442,12 @@ var eslint_default = defineAddon({
 		sv.devDependency("globals", "^17.6.0");
 		sv.devDependency("@eslint/js", "^10.0.1");
 		sv.devDependency("@types/node", getNodeTypesVersion());
+		addToTypeConfigType({
+			sv,
+			cwd,
+			language,
+			entry: "node"
+		});
 		if (typescript) sv.devDependency("typescript-eslint", "^8.60.1");
 		if (prettierInstalled) sv.devDependency("eslint-config-prettier", "^10.1.8");
 		sv.file(file.package, transforms.json(({ data, json }) => {
@@ -1539,7 +1588,7 @@ const FEATURES = {
 		off: true
 	}
 };
-const options$4 = defineAddonOptions().add("features", {
+const options$5 = defineAddonOptions().add("features", {
 	question: "Which experimental features do you want to enable?",
 	type: "multiselect",
 	default: Object.entries(FEATURES).filter(([, f]) => !f.off).map(([value]) => value),
@@ -1550,11 +1599,11 @@ const options$4 = defineAddonOptions().add("features", {
 	})),
 	required: false
 }).build();
-var experimental_default = defineAddon({
-	id: "experimental",
+const addon$5 = defineAddon({
+	id: ADDON_IDS.experimental,
 	shortDescription: "svelte & kit experimental features",
 	homepage: "https://svelte.dev/docs/kit/configuration#experimental",
-	options: options$4,
+	options: options$5,
 	run: ({ sv, cwd, options }) => {
 		const config = {};
 		for (const [name, f] of Object.entries(FEATURES)) {
@@ -1573,7 +1622,7 @@ var experimental_default = defineAddon({
 //#endregion
 //#region src/addons/mdsvex.ts
 var mdsvex_default = defineAddon({
-	id: "mdsvex",
+	id: ADDON_IDS.mdsvex,
 	shortDescription: "svelte + markdown",
 	homepage: "https://mdsvex.pngwn.io",
 	options: {},
@@ -1614,7 +1663,7 @@ const DEFAULT_INLANG_PROJECT = {
 	modules: ["https://cdn.jsdelivr.net/npm/@inlang/plugin-message-format@4/dist/index.js", "https://cdn.jsdelivr.net/npm/@inlang/plugin-m-function-matcher@2/dist/index.js"],
 	"plugin.inlang.messageFormat": { pathPattern: "./messages/{locale}.json" }
 };
-const options$3 = defineAddonOptions().add("languageTags", {
+const options$4 = defineAddonOptions().add("languageTags", {
 	question: `Which languages would you like to support? ${color.optional("(e.g. en,de-ch)")}`,
 	type: "string",
 	default: "en, es",
@@ -1635,14 +1684,14 @@ const options$3 = defineAddonOptions().add("languageTags", {
 	default: true,
 	question: "Do you want to include a demo?"
 }).build();
-var paraglide_default = defineAddon({
-	id: "paraglide",
+const addon$4 = defineAddon({
+	id: ADDON_IDS.paraglide,
 	shortDescription: "i18n",
 	homepage: "https://inlang.com/m/gerre34r/library-inlang-paraglideJs",
-	options: options$3,
+	options: options$4,
 	setup: ({ isKit, unsupported, runsAfter }) => {
 		if (!isKit) unsupported("Requires SvelteKit");
-		runsAfter("experimental");
+		runsAfter(ADDON_IDS.experimental);
 	},
 	run: ({ sv, options, file, language, directory, dependencyVersion }) => {
 		const [ts] = createPrinter(language === "ts");
@@ -1721,10 +1770,10 @@ var paraglide_default = defineAddon({
 			content = text.upsert(content, "project.inlang/cache/");
 			return content;
 		}));
+		const { validLanguageTags } = parseLanguageTagInput(options.languageTags);
 		sv.file("project.inlang/settings.json", transforms.json(({ data }) => {
 			if (Object.keys(data).length > 0) return false;
 			for (const key in DEFAULT_INLANG_PROJECT) data[key] = DEFAULT_INLANG_PROJECT[key];
-			const { validLanguageTags } = parseLanguageTagInput(options.languageTags);
 			data.baseLocale = validLanguageTags[0];
 			data.locales = validLanguageTags;
 		}));
@@ -1754,8 +1803,10 @@ var paraglide_default = defineAddon({
 						</div>`, { language });
 		}));
 		if (options.demo) {
-			sv.file(`${directory.kitRoutes}/demo/+page.svelte`, addToDemoPage("paraglide", language));
-			sv.file(`${directory.kitRoutes}/demo/paraglide/+page.svelte`, transforms.svelteScript({ language }, ({ ast, svelte, js }) => {
+			const demo = defineDemoPage("paraglide", language, directory.kitRoutes);
+			sv.file(...demo.links);
+			sv.file(...demo.layout);
+			sv.file(`${demo.addonPath}/+page.svelte`, transforms.svelteScript({ language }, ({ ast, svelte, js }) => {
 				js.imports.addNamed(ast.instance.content, {
 					imports: { m: "m" },
 					from: `${lib}/paraglide/messages.js`
@@ -1765,24 +1816,24 @@ var paraglide_default = defineAddon({
 					from: `${lib}/paraglide/runtime.js`
 				});
 				let templateCode = "<h1>{m.hello_world({ name: 'SvelteKit User' })}</h1>";
-				const { validLanguageTags } = parseLanguageTagInput(options.languageTags);
 				const links = validLanguageTags.map((x) => `<button onclick={() => setLocale('${x}')}>${x}</button>`).join("");
 				templateCode += `<div>${links}</div>`;
 				templateCode += "<p>If you use VSCode, install the <a href=\"https://marketplace.visualstudio.com/items?itemName=inlang.vs-code-extension\" target=\"_blank\">Sherlock i18n extension</a> for a better i18n experience.</p>";
 				svelte.addFragment(ast, templateCode);
 			}));
 		}
-		const { validLanguageTags } = parseLanguageTagInput(options.languageTags);
 		for (const languageTag of validLanguageTags) sv.file(`messages/${languageTag}.json`, transforms.json(({ data }) => {
 			data["$schema"] = "https://inlang.com/schema/inlang-message-format";
 			data.hello_world = `Hello, {name} from ${languageTag}!`;
 		}));
 	},
-	nextSteps: () => [`Edit your messages in ${color.path("messages/en.json")}`, options$3.demo && `Visit ${color.route("/demo/paraglide")} route to view the demo`].filter((line) => Boolean(line))
+	nextSteps: ({ options }) => {
+		return [`Edit your messages in ${color.path(DEFAULT_INLANG_PROJECT["plugin.inlang.messageFormat"].pathPattern)}`, options.demo && `Visit ${color.route("/demo/paraglide")} route to view the demo`].filter((line) => Boolean(line));
+	}
 });
 const isValidLanguageTag = (languageTag) => RegExp("^((?<grandfathered>(en-GB-oed|i-ami|i-bnn|i-default|i-enochian|i-hak|i-klingon|i-lux|i-mingo|i-navajo|i-pwn|i-tao|i-tay|i-tsu|sgn-BE-FR|sgn-BE-NL|sgn-CH-DE)|(art-lojban|cel-gaulish|no-bok|no-nyn|zh-guoyu|zh-hakka|zh-min|zh-min-nan|zh-xiang))|((?<language>([A-Za-z]{2,3}(-(?<extlang>[A-Za-z]{3}(-[A-Za-z]{3}){0,2}))?))(-(?<script>[A-Za-z]{4}))?(-(?<region>[A-Za-z]{2}|[0-9]{3}))?(-(?<variant>[A-Za-z0-9]{5,8}|[0-9][A-Za-z0-9]{3}))*))$").test(languageTag);
 function parseLanguageTagInput(input) {
-	const probablyLanguageTags = input.replace(/[,:\s]/g, " ").split(" ").filter(Boolean).map((tag) => tag.toLowerCase());
+	const probablyLanguageTags = new Set(input.replace(/[,\s:]/g, " ").split(" ").filter(Boolean).map((tag) => tag.toLowerCase()));
 	const validLanguageTags = [];
 	const invalidLanguageTags = [];
 	for (const tag of probablyLanguageTags) if (isValidLanguageTag(tag)) validLanguageTags.push(tag);
@@ -1794,12 +1845,17 @@ function parseLanguageTagInput(input) {
 }
 //#endregion
 //#region src/addons/playwright.ts
-var playwright_default = defineAddon({
-	id: "playwright",
+const options$3 = defineAddonOptions().add("demo", {
+	type: "boolean",
+	default: true,
+	question: "Do you want to include a demo?"
+}).build();
+const addon$3 = defineAddon({
+	id: ADDON_IDS.playwright,
 	shortDescription: "browser testing",
 	homepage: "https://playwright.dev",
-	options: {},
-	run: ({ sv, language, file, isKit, directory }) => {
+	options: options$3,
+	run: ({ sv, options, language, file, isKit, directory, cwd, dependencyVersion }) => {
 		sv.devDependency("@playwright/test", "^1.60.0");
 		sv.file(file.package, transforms.json(({ data, json }) => {
 			json.packageScriptsUpsert(data, "test:e2e", "playwright test");
@@ -1810,10 +1866,13 @@ var playwright_default = defineAddon({
 			if (!content) return false;
 			return text.upsert(content, "test-results", { comment: "Playwright" });
 		}));
-		const testDir = isKit ? `${directory.kitRoutes}/demo/playwright` : directory.src;
-		const testRoute = isKit ? "/demo/playwright" : "/";
-		if (isKit) {
-			sv.file(`${directory.kitRoutes}/demo/+page.svelte`, addToDemoPage("playwright", language));
+		const withDemo = isKit && options.demo;
+		const demo = defineDemoPage("playwright", language, directory.kitRoutes);
+		const testDir = withDemo ? demo.addonPath : isKit ? directory.kitRoutes : directory.src;
+		const testRoute = withDemo ? "/demo/playwright" : "/";
+		if (withDemo) {
+			sv.file(...demo.links);
+			sv.file(...demo.layout);
 			sv.file(`${testDir}/+page.svelte`, transforms.text(({ content }) => {
 				if (content) return false;
 				return dedent`
@@ -1851,11 +1910,18 @@ var playwright_default = defineAddon({
 			} else if (defaultExport.type === "ObjectExpression") js.object.overrideProperties(defaultExport, config);
 			else R.warn("Unexpected playwright config for playwright add-on. Could not update.");
 		}));
+		addToTypeConfigInclude({
+			sv,
+			cwd,
+			language,
+			kitVersion: dependencyVersion("@sveltejs/kit"),
+			entry: `playwright.config.${language}`
+		});
 	},
-	nextSteps: ({ isKit, packageManager }) => {
+	nextSteps: ({ isKit, options, packageManager }) => {
 		const steps = [];
 		steps.push(`Run ${color.command(resolveCommandArray(packageManager, "execute-local", ["playwright", "install"]))} to download browsers`);
-		if (isKit) steps.push(`Visit ${color.route("/demo/playwright")} to see the demo page`);
+		if (isKit && options.demo) steps.push(`Visit ${color.route("/demo/playwright")} to see the demo page`);
 		steps.push(`Run ${color.command(resolveCommandArray(packageManager, "run", ["test:e2e"]))} to execute the example tests`);
 		return steps;
 	}
@@ -1863,7 +1929,7 @@ var playwright_default = defineAddon({
 //#endregion
 //#region src/addons/prettier.ts
 var prettier_default = defineAddon({
-	id: "prettier",
+	id: ADDON_IDS.prettier,
 	shortDescription: "formatter",
 	homepage: "https://prettier.io",
 	options: {},
@@ -1919,13 +1985,13 @@ function checkEslint(version) {
 //#endregion
 //#region src/addons/storybook.ts
 var storybook_default = defineAddon({
-	id: "storybook",
+	id: ADDON_IDS.storybook,
 	shortDescription: "frontend workshop",
 	homepage: "https://storybook.js.org",
 	options: {},
 	setup: ({ runsAfter }) => {
-		runsAfter("vitest");
-		runsAfter("eslint");
+		runsAfter(ADDON_IDS.vitest);
+		runsAfter(ADDON_IDS.eslint);
 	},
 	run: async ({ sv }) => {
 		const args = [
@@ -1997,8 +2063,8 @@ const options$2 = defineAddonOptions().add("adapter", {
 		label: "Pages"
 	}]
 }).build();
-var sveltekit_adapter_default = defineAddon({
-	id: "sveltekit-adapter",
+const addon$2 = defineAddon({
+	id: ADDON_IDS.sveltekitAdapter,
 	alias: "adapter",
 	shortDescription: "deployment",
 	homepage: "https://svelte.dev/docs/kit/adapters",
@@ -2006,7 +2072,7 @@ var sveltekit_adapter_default = defineAddon({
 	setup: ({ isKit, unsupported }) => {
 		if (!isKit) unsupported("Requires SvelteKit");
 	},
-	run: ({ sv, options, packageManager, file, cwd }) => {
+	run: ({ sv, options, packageManager, file, cwd, language }) => {
 		const adapter = adapters.find((a) => a.id === options.adapter);
 		sv.file(file.package, transforms.json(({ data }) => {
 			const devDeps = data["devDependencies"];
@@ -2017,6 +2083,15 @@ var sveltekit_adapter_default = defineAddon({
 			}
 		}));
 		sv.devDependency(adapter.package, adapter.version);
+		if (options.adapter === "node") {
+			sv.devDependency("@types/node", getNodeTypesVersion());
+			addToTypeConfigType({
+				sv,
+				cwd,
+				language,
+				entry: "node"
+			});
+		}
 		if (adapter.package !== "@sveltejs/adapter-auto") sv.file("README.md", transforms.text(({ content }) => content.replace(ADAPTER_HINT_REGEX, "")));
 		svelteConfig.edit({
 			sv,
@@ -2073,11 +2148,12 @@ var sveltekit_adapter_default = defineAddon({
 					json.packageScriptsUpsert(data, "check", "wrangler types --check", { mode: "prepend" });
 					json.packageScriptsUpsert(data, "build", "wrangler types --check", { mode: "prepend" });
 				}));
-				sv.file(file.typeConfig, transforms.json(({ data }) => {
-					data.compilerOptions ??= {};
-					data.compilerOptions.types ??= [];
-					data.compilerOptions.types.push("./worker-configuration.d.ts");
-				}));
+				addToTypeConfigType({
+					sv,
+					cwd,
+					language,
+					entry: "./worker-configuration.d.ts"
+				});
 				sv.file("src/app.d.ts", transforms.script(({ ast, comments, js }) => {
 					const platform = js.kit.addGlobalAppInterface(ast, { name: "Platform" });
 					if (!platform) throw new Error("Failed detecting `platform` interface in `src/app.d.ts`");
@@ -2115,8 +2191,8 @@ const options$1 = defineAddonOptions().add("plugins", {
 	default: [],
 	required: false
 }).build();
-var tailwindcss_default = defineAddon({
-	id: "tailwindcss",
+const addon$1 = defineAddon({
+	id: ADDON_IDS.tailwindcss,
 	alias: "tailwind",
 	shortDescription: "css framework",
 	homepage: "https://tailwindcss.com",
@@ -2207,44 +2283,39 @@ const options = defineAddonOptions().add("usages", {
 	required: true
 }).build();
 let vitestV3Installed = false;
-//#endregion
-//#region src/addons/index.ts
-const officialAddons = {
-	prettier: prettier_default,
-	eslint: eslint_default,
-	vitest: defineAddon({
-		id: "vitest",
-		shortDescription: "unit testing",
-		homepage: "https://vitest.dev",
-		options,
-		run: ({ sv, file, language, directory, options, dependencyVersion }) => {
-			const unitTesting = options.usages.includes("unit");
-			const componentTesting = options.usages.includes("component");
-			const vitestVersion = dependencyVersion("vitest");
-			if (vitestVersion) vitestV3Installed = coerceVersion(vitestVersion).major === 3;
-			sv.devDependency("vitest", "^4.1.8");
-			if (componentTesting) {
-				sv.devDependency("@vitest/browser-playwright", "^4.1.8");
-				sv.devDependency("vitest-browser-svelte", "^2.1.1");
-				sv.devDependency("playwright", "^1.60.0");
-			}
-			sv.file(file.package, transforms.json(({ data, json }) => {
-				json.packageScriptsUpsert(data, "test:unit", "vitest");
-				json.packageScriptsUpsert(data, "test", "npm run test:unit -- --run", { mode: "prepend" });
-			}));
-			const examplesDir = `${directory.lib}/vitest-examples`;
-			const [ts] = createPrinter(language === "ts");
-			if (unitTesting || componentTesting) sv.file(`${examplesDir}/greet.${language}`, transforms.text(({ content }) => {
-				if (content) return false;
-				return dedent`
+const addon = defineAddon({
+	id: ADDON_IDS.vitest,
+	shortDescription: "unit testing",
+	homepage: "https://vitest.dev",
+	options,
+	run: ({ sv, file, language, directory, options, dependencyVersion }) => {
+		const unitTesting = options.usages.includes("unit");
+		const componentTesting = options.usages.includes("component");
+		const vitestVersion = dependencyVersion("vitest");
+		if (vitestVersion) vitestV3Installed = coerceVersion(vitestVersion).major === 3;
+		sv.devDependency("vitest", "^4.1.8");
+		if (componentTesting) {
+			sv.devDependency("@vitest/browser-playwright", "^4.1.8");
+			sv.devDependency("vitest-browser-svelte", "^2.1.1");
+			sv.devDependency("playwright", "^1.60.0");
+		}
+		sv.file(file.package, transforms.json(({ data, json }) => {
+			json.packageScriptsUpsert(data, "test:unit", "vitest");
+			json.packageScriptsUpsert(data, "test", "npm run test:unit -- --run", { mode: "prepend" });
+		}));
+		const examplesDir = `${directory.lib}/vitest-examples`;
+		const [ts] = createPrinter(language === "ts");
+		if (unitTesting || componentTesting) sv.file(`${examplesDir}/greet.${language}`, transforms.text(({ content }) => {
+			if (content) return false;
+			return dedent`
 						export function greet(name${ts(": string")})${ts(": string")} {
 							return 'Hello, ' + name + '!';
 						}
 					`;
-			}));
-			if (unitTesting) sv.file(`${examplesDir}/greet.spec.${language}`, transforms.text(({ content }) => {
-				if (content) return false;
-				return dedent`
+		}));
+		if (unitTesting) sv.file(`${examplesDir}/greet.spec.${language}`, transforms.text(({ content }) => {
+			if (content) return false;
+			return dedent`
 						import { describe, it, expect } from 'vitest';
 						import { greet } from './greet';
 
@@ -2254,15 +2325,19 @@ const officialAddons = {
 							});
 						});
 					`;
+		}));
+		if (componentTesting) {
+			sv.file(`${examplesDir}/Welcome.svelte`, transforms.text(({ content }) => {
+				if (content) return false;
+				return dedent(_templateObject || (_templateObject = _taggedTemplateLiteral([
+					"\n						<script",
+					">\n							import { greet } from './greet';\n\n							let { host = 'SvelteKit', guest = 'Vitest' }",
+					" = $props();\n						<\/script>\n\n						<h1>{greet(host)}</h1>\n						<p>{greet(guest)}</p>\n					"
+				])), ts(" lang=\"ts\""), ts(": { host: string; guest: string }"));
 			}));
-			if (componentTesting) {
-				sv.file(`${examplesDir}/Welcome.svelte`, transforms.text(({ content }) => {
-					if (content) return false;
-					return dedent(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n						<script>\n							import { greet } from './greet';\n\n							let { host = 'SvelteKit', guest = 'Vitest' } = $props();\n						<\/script>\n\n						<h1>{greet(host)}</h1>\n						<p>{greet(guest)}</p>\n					"])));
-				}));
-				sv.file(`${examplesDir}/Welcome.svelte.spec.${language}`, transforms.text(({ content }) => {
-					if (content) return false;
-					return dedent`
+			sv.file(`${examplesDir}/Welcome.svelte.spec.${language}`, transforms.text(({ content }) => {
+				if (content) return false;
+				return dedent`
 						import { page } from 'vitest/browser';
 						import { describe, expect, it } from 'vitest';
 						import { render } from 'vitest-browser-svelte';
@@ -2277,97 +2352,103 @@ const officialAddons = {
 							});
 						});
 					`;
-				}));
-			}
-			sv.file(file.viteConfig, transforms.script(({ ast, js }) => {
-				const clientObjectExpression = js.object.create({
-					extends: `./${file.viteConfig}`,
-					test: {
-						name: "client",
-						browser: {
-							enabled: true,
-							provider: js.functions.createCall({
-								name: "playwright",
-								args: []
-							}),
-							instances: [{
-								browser: "chromium",
-								headless: true
-							}]
-						},
-						include: ["src/**/*.svelte.{test,spec}.{js,ts}"],
-						exclude: ["src/lib/server/**"]
-					}
-				});
-				const serverObjectExpression = js.object.create({
-					extends: `./${file.viteConfig}`,
-					test: {
-						name: "server",
-						environment: "node",
-						include: ["src/**/*.{test,spec}.{js,ts}"],
-						exclude: ["src/**/*.svelte.{test,spec}.{js,ts}"]
-					}
-				});
-				const viteConfig = js.vite.getConfig(ast);
-				const testObject = js.object.property(viteConfig, {
-					name: "test",
-					fallback: js.object.create({ expect: { requireAssertions: true } })
-				});
-				const workspaceArray = js.object.property(testObject, {
-					name: "projects",
-					fallback: js.array.create()
-				});
-				if (componentTesting) js.array.append(workspaceArray, clientObjectExpression);
-				if (unitTesting) js.array.append(workspaceArray, serverObjectExpression);
-				if (componentTesting) js.imports.addNamed(ast, {
-					imports: ["playwright"],
-					from: "@vitest/browser-playwright"
+			}));
+		}
+		sv.file(file.viteConfig, transforms.script(({ ast, js }) => {
+			const clientObjectExpression = js.object.create({
+				extends: `./${file.viteConfig}`,
+				test: {
+					name: "client",
+					browser: {
+						enabled: true,
+						provider: js.functions.createCall({
+							name: "playwright",
+							args: []
+						}),
+						instances: [{
+							browser: "chromium",
+							headless: true
+						}]
+					},
+					include: ["src/**/*.svelte.{test,spec}.{js,ts}"],
+					exclude: ["src/lib/server/**"]
+				}
+			});
+			const serverObjectExpression = js.object.create({
+				extends: `./${file.viteConfig}`,
+				test: {
+					name: "server",
+					environment: "node",
+					include: ["src/**/*.{test,spec}.{js,ts}"],
+					exclude: ["src/**/*.svelte.{test,spec}.{js,ts}"]
+				}
+			});
+			const viteConfig = js.vite.getConfig(ast);
+			const testObject = js.object.property(viteConfig, {
+				name: "test",
+				fallback: js.object.create({ expect: { requireAssertions: true } })
+			});
+			const workspaceArray = js.object.property(testObject, {
+				name: "projects",
+				fallback: js.array.create()
+			});
+			if (componentTesting) js.array.append(workspaceArray, clientObjectExpression);
+			if (unitTesting) js.array.append(workspaceArray, serverObjectExpression);
+			if (componentTesting) js.imports.addNamed(ast, {
+				imports: ["playwright"],
+				from: "@vitest/browser-playwright"
+			});
+			const importName = "defineConfig";
+			const { statement, alias } = js.imports.find(ast, {
+				name: importName,
+				from: "vite"
+			});
+			if (statement) {
+				js.imports.addNamed(ast, {
+					imports: { defineConfig: alias },
+					from: "vitest/config"
 				});
-				const importName = "defineConfig";
-				const { statement, alias } = js.imports.find(ast, {
+				js.imports.remove(ast, {
 					name: importName,
-					from: "vite"
+					from: "vite",
+					statement
 				});
-				if (statement) {
-					js.imports.addNamed(ast, {
-						imports: { defineConfig: alias },
-						from: "vitest/config"
-					});
-					js.imports.remove(ast, {
-						name: importName,
-						from: "vite",
-						statement
-					});
-				}
-			}));
-		},
-		nextSteps: ({ language, options }) => {
-			const toReturn = [];
-			if (vitestV3Installed) {
-				if (options.usages.includes("component")) {
-					toReturn.push(`Uninstall ${color.command("@vitest/browser")} package`);
-					toReturn.push(`Update usage from ${color.command("'@vitest/browser...'")} to ${color.command("'vitest/browser'")}`);
-				}
-				toReturn.push(`${color.optional("Optional")} Check ${color.path("./vite.config.ts")} and remove duplicate project definitions`);
-				toReturn.push(`${color.optional("Optional")} Remove ${color.path(`./vitest-setup-client.${language}`)} file`);
 			}
-			return toReturn;
+		}));
+	},
+	nextSteps: ({ language, options }) => {
+		const toReturn = [];
+		if (vitestV3Installed) {
+			if (options.usages.includes("component")) {
+				toReturn.push(`Uninstall ${color.command("@vitest/browser")} package`);
+				toReturn.push(`Update usage from ${color.command("'@vitest/browser...'")} to ${color.command("'vitest/browser'")}`);
+			}
+			toReturn.push(`${color.optional("Optional")} Check ${color.path("./vite.config.ts")} and remove duplicate project definitions`);
+			toReturn.push(`${color.optional("Optional")} Remove ${color.path(`./vitest-setup-client.${language}`)} file`);
 		}
-	}),
-	playwright: playwright_default,
-	tailwindcss: tailwindcss_default,
-	enhancedImg: enhanced_img_default,
-	sveltekitAdapter: sveltekit_adapter_default,
-	drizzle: drizzle_default,
-	betterAuth: better_auth_default,
-	mdsvex: mdsvex_default,
-	paraglide: paraglide_default,
-	storybook: storybook_default,
-	aiTools: ai_tools_default,
-	experimental: experimental_default
+		return toReturn;
+	}
+});
+//#endregion
+//#region src/addons/index.ts
+const officialAddons = {
+	[ADDON_IDS.prettier]: prettier_default,
+	[ADDON_IDS.eslint]: eslint_default,
+	[ADDON_IDS.vitest]: addon,
+	[ADDON_IDS.playwright]: addon$3,
+	[ADDON_IDS.tailwindcss]: addon$1,
+	[ADDON_IDS.enhancedImg]: enhanced_img_default,
+	[ADDON_IDS.sveltekitAdapter]: addon$2,
+	[ADDON_IDS.drizzle]: addon$6,
+	[ADDON_IDS.betterAuth]: addon$7,
+	[ADDON_IDS.mdsvex]: mdsvex_default,
+	[ADDON_IDS.paraglide]: addon$4,
+	[ADDON_IDS.storybook]: storybook_default,
+	[ADDON_IDS.aiTools]: addon$8,
+	[ADDON_IDS.experimental]: addon$5
 };
 function getAddonDetails(id) {
-	const details = Object.values(officialAddons).find((a) => a.id === id);
+	const details = officialAddons[id];
 	if (!details) throw new Error(`Invalid add-on: ${id}`);
 	return details;
 }