@sveltejs/vite-plugin-svelte 6.2.2 → 6.2.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sveltejs/vite-plugin-svelte",
-  "version": "6.2.2",
+  "version": "6.2.4",
   "license": "MIT",
   "author": "dominikg",
   "files": [

package/src/plugins/hot-update.js

@@ -96,10 +96,25 @@ export function hotUpdate(api) {
 					}
 					const affectedModules = [];
 					const prevResults = svelteModules.map((m) => transformResultCache.get(m.id));
+
+					/** @type {Set<string>} */
+					const seen = new Set();
+					/** @param {string} url */
+					const transformRequest = async (url) => {
+						if (!seen.has(url)) {
+							seen.add(url);
+							await this.environment.transformRequest(url);
+						}
+					};
+
+					// Transform the Svelte component itself first, so that the
+					// CSS cache always gets updated.
+					await transformRequest(svelteRequest.filename);
+
 					for (let i = 0; i < svelteModules.length; i++) {
 						const mod = svelteModules[i];
 						const prev = prevResults[i];
-						await this.environment.transformRequest(mod.url);
+						await transformRequest(mod.url);
 						const next = transformResultCache.get(mod.id);
 						if (hasCodeChanged(prev, next, mod.id)) {
 							affectedModules.push(mod);

package/src/utils/id.js

@@ -184,6 +184,7 @@ export function buildIdFilter(options) {
 		id: {
 			include: [extensionsRE, .../**@type {Array<string|RegExp>}*/ arraify(include)],
 			exclude: /**@type {Array<string|RegExp>}*/ [
+				'\0',
 				SVELTE_VIRTUAL_STYLE_ID_REGEX, // exclude from regular pipeline, we load it in a separate plugin
 				...arraify(exclude)
 			]
@@ -225,7 +226,7 @@ export function buildModuleIdFilter(options) {
 	return {
 		id: {
 			include: [infixWithExtRE, .../**@type {Array<string|RegExp>}*/ arraify(include)],
-			exclude: /**@type {Array<string|RegExp>}*/ arraify(exclude)
+			exclude: ['\0', .../**@type {Array<string|RegExp>}*/ arraify(exclude)]
 		}
 	};
 }