@sveltejs/vite-plugin-svelte 6.1.3 → 6.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sveltejs/vite-plugin-svelte",
-  "version": "6.1.3",
+  "version": "6.2.0",
   "license": "MIT",
   "author": "dominikg",
   "files": [
@@ -37,7 +37,6 @@
     "@sveltejs/vite-plugin-svelte-inspector": "^5.0.0",
     "debug": "^4.4.1",
     "deepmerge": "^4.3.1",
-    "kleur": "^4.1.5",
     "magic-string": "^0.30.17",
     "vitefu": "^1.1.1"
   },
@@ -47,9 +46,9 @@
   },
   "devDependencies": {
     "@types/debug": "^4.1.12",
-    "sass": "^1.90.0",
-    "svelte": "^5.38.2",
-    "vite": "^7.1.2"
+    "sass": "^1.91.0",
+    "svelte": "^5.38.6",
+    "vite": "^7.1.4"
   },
   "scripts": {
     "check:publint": "publint --strict",

package/src/plugins/configure.js

@@ -12,6 +12,7 @@ import {
 } from '../utils/options.js';
 import { buildIdFilter, buildIdParser } from '../utils/id.js';
 import { createCompileSvelte } from '../utils/compile.js';
+import { gte } from '../utils/svelte-version.js';
 
 // @ts-ignore rolldownVersion
 const { version: viteVersion, rolldownVersion } = vite;
@@ -58,7 +59,39 @@ export function configure(api, inlineOptions) {
 				preOptions = await preResolveOptions(inlineOptions, config, configEnv);
 				// extra vite config
 				const extraViteConfig = await buildExtraViteConfig(preOptions, config);
+
+				if (
+					rolldownVersion &&
+					configEnv.command === 'build' &&
+					gte(rolldownVersion, '1.0.0-beta.35') // inlineConst received a critical bugfix in 1.0.0-beta.35
+				) {
+					extraViteConfig.build ??= {};
+					// rename rollupOptions to rolldownOptions
+					//@ts-ignore rolldownOptions only exists in rolldown-vite
+					extraViteConfig.build.rolldownOptions = extraViteConfig.build.rollupOptions || {};
+					delete extraViteConfig.build.rollupOptions;
+					// read user config inlineConst value
+					const inlineConst =
+						//@ts-ignore optimization only exists in rolldown-vite
+						config.build?.rolldownOptions?.optimization?.inlineConst ??
+						//@ts-ignore optimization only exists in rolldown-vite
+						config.build?.rollupOptions?.optimization?.inlineConst;
+
+					if (inlineConst == null) {
+						// set inlineConst build optimization for esm-env
+						//@ts-ignore rolldownOptions only exists in rolldown-vite
+						extraViteConfig.build.rolldownOptions.optimization ??= {};
+						//@ts-ignore rolldownOptions only exists in rolldown-vite
+						extraViteConfig.build.rolldownOptions.optimization.inlineConst = true;
+					} else if (inlineConst === false) {
+						log.warn(
+							'Your rolldown config contains `optimization.inlineConst: false`. This can lead to increased bundle size and leaked server code in client build.'
+						);
+					}
+				}
+
 				log.debug('additional vite config', extraViteConfig, 'config');
+
 				return extraViteConfig;
 			}
 		},

package/src/plugins/preprocess.js

@@ -31,18 +31,21 @@ export function preprocess(api) {
 		name: 'vite-plugin-svelte:preprocess',
 		enforce: 'pre',
 		configResolved(c) {
-			//@ts-expect-error defined below but filter not in type
-			plugin.transform.filter = api.filter;
 			options = api.options;
 			if (arraify(options.preprocess).length > 0) {
 				preprocessSvelte = createPreprocessSvelte(options, c);
+				// @ts-expect-error defined below but filter not in type
+				plugin.transform.filter = api.filter;
 			} else {
 				log.debug(
 					`disabling ${plugin.name} because no preprocessor is configured`,
 					undefined,
 					'preprocess'
 				);
-				delete plugin.transform;
+				// @ts-expect-error force set undefined to clear memory
+				preprocessSvelte = undefined;
+				// @ts-expect-error defined below but filter not in type
+				plugin.transform.filter = { id: /$./ }; // never match
 			}
 		},
 		configureServer(server) {

package/src/public.d.ts

@@ -121,7 +121,7 @@ export interface SvelteConfig {
 	/**
 	 * An array of preprocessors to transform the Svelte source code before compilation
 	 *
-	 * @see https://svelte.dev/docs#svelte_preprocess
+	 * @see https://svelte.dev/docs/svelte/svelte-compiler#PreprocessorGroup
 	 */
 	preprocess?: Arrayable<PreprocessorGroup>;
 	/**
@@ -129,7 +129,7 @@ export interface SvelteConfig {
 	 * including `dev` and `css`. However, some options are non-configurable, like
 	 * `filename`, `format`, `generate`, and `cssHash` (in dev).
 	 *
-	 * @see https://svelte.dev/docs#svelte_compile
+	 * @see https://svelte.dev/docs/svelte/svelte-compiler#CompileOptions
 	 */
 	compilerOptions?: Omit<CompileOptions, 'filename' | 'format' | 'generate'>;
 

package/src/utils/log.js

@@ -1,5 +1,10 @@
 /* eslint-disable no-console */
-import { cyan, red, yellow } from 'kleur/colors';
+
+import { styleText } from 'node:util';
+const cyan = (/** @type {string} */ txt) => styleText('cyan', txt);
+const yellow = (/** @type {string} */ txt) => styleText('yellow', txt);
+const red = (/** @type {string} */ txt) => styleText('red', txt);
+
 import debug from 'debug';
 
 /** @type {import('../types/log.d.ts').LogLevel[]} */

package/src/utils/svelte-version.js

@@ -6,15 +6,34 @@ import { VERSION } from 'svelte/compiler';
 export const isSvelteWithAsync = gte(VERSION, '5.36.0');
 
 /**
- * compare semver versions, does not include comparing tags (-next.xy is ignored)
+ * split semver string and convert to number, ignores non digits in tag
+ * @param {string} semver
+ * @return {number[]} [major,minor,patch,tag]
+ */
+function splitToNumbers(semver) {
+	const num = semver
+		.replace(/[^\d.-]/g, '')
+		.split(/[.-]+/, 4)
+		.map(Number);
+	while (num.length < 3) {
+		num.push(0);
+	}
+	if (num.length < 4) {
+		num.push(Infinity);
+	}
+	return num;
+}
+
+/**
+ * compare semver versions, tags are compared by their numeric part only
  *
  * @param {string} a semver version
  * @param {string} b semver version
  * @return {boolean} true if a is greater or equal to b
  */
 export function gte(a, b) {
-	const aNum = a.split(/[.-]/, 3).map(Number);
-	const bNum = b.split(/[.-]/, 3).map(Number);
+	const aNum = splitToNumbers(a);
+	const bNum = splitToNumbers(b);
 	for (let i = 0; i < aNum.length; i++) {
 		if (aNum[i] < bNum[i]) {
 			return false;

package/types/index.d.ts

@@ -121,7 +121,7 @@ declare module '@sveltejs/vite-plugin-svelte' {
 		/**
 		 * An array of preprocessors to transform the Svelte source code before compilation
 		 *
-		 * @see https://svelte.dev/docs#svelte_preprocess
+		 * @see https://svelte.dev/docs/svelte/svelte-compiler#PreprocessorGroup
 		 */
 		preprocess?: Arrayable<PreprocessorGroup>;
 		/**
@@ -129,7 +129,7 @@ declare module '@sveltejs/vite-plugin-svelte' {
 		 * including `dev` and `css`. However, some options are non-configurable, like
 		 * `filename`, `format`, `generate`, and `cssHash` (in dev).
 		 *
-		 * @see https://svelte.dev/docs#svelte_compile
+		 * @see https://svelte.dev/docs/svelte/svelte-compiler#CompileOptions
 		 */
 		compilerOptions?: Omit<CompileOptions, 'filename' | 'format' | 'generate'>;