@sveltejs/vite-plugin-svelte 4.0.0-next.4 → 4.0.0-next.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sveltejs/vite-plugin-svelte",
-  "version": "4.0.0-next.4",
+  "version": "4.0.0-next.6",
   "license": "MIT",
   "author": "dominikg",
   "files": [
@@ -37,10 +37,10 @@
   "homepage": "https://github.com/sveltejs/vite-plugin-svelte#readme",
   "dependencies": {
     "@sveltejs/vite-plugin-svelte-inspector": "^3.0.0-next.0||^3.0.0",
-    "debug": "^4.3.5",
+    "debug": "^4.3.6",
     "deepmerge": "^4.3.1",
     "kleur": "^4.1.5",
-    "magic-string": "^0.30.10",
+    "magic-string": "^0.30.11",
     "vitefu": "^0.2.5"
   },
   "peerDependencies": {
@@ -50,9 +50,9 @@
   "devDependencies": {
     "@types/debug": "^4.1.12",
     "esbuild": "^0.23.0",
-    "sass": "^1.77.6",
-    "svelte": "^5.0.0-next.178",
-    "vite": "^5.3.3"
+    "sass": "^1.77.8",
+    "svelte": "^5.0.0-next.210",
+    "vite": "^5.3.5"
   },
   "scripts": {
     "check:publint": "publint --strict",

package/src/utils/esbuild.js

@@ -2,6 +2,8 @@ import { readFileSync } from 'node:fs';
 import * as svelte from 'svelte/compiler';
 import { log } from './log.js';
 import { toESBuildError } from './error.js';
+import { safeBase64Hash } from './hash.js';
+import { normalize } from './id.js';
 
 /**
  * @typedef {NonNullable<import('vite').DepOptimizationOptions['esbuildOptions']>} EsbuildOptions
@@ -49,7 +51,7 @@ export function esbuildSveltePlugin(options) {
 
 /**
  * @param {import('../types/options.d.ts').ResolvedOptions} options
- * @param {{ filename: string; code: string }} input
+ * @param {{ filename: string, code: string }} input
  * @param {import('../types/vite-plugin-svelte-stats.d.ts').StatCollection} [statsCollection]
  * @returns {Promise<string>}
  */
@@ -68,6 +70,11 @@ async function compileSvelte(options, { filename, code }, statsCollection) {
 		generate: 'client'
 	};
 
+	if (compileOptions.hmr && options.emitCss) {
+		const hash = `s-${safeBase64Hash(normalize(filename, options.root))}`;
+		compileOptions.cssHash = () => hash;
+	}
+
 	let preprocessed;
 
 	if (options.preprocess) {

package/src/utils/id.js

@@ -133,7 +133,7 @@ function parseRequestQuery(rawQuery) {
  * @param {string} normalizedRoot
  * @returns {string}
  */
-function normalize(filename, normalizedRoot) {
+export function normalize(filename, normalizedRoot) {
 	return stripRoot(normalizePath(filename), normalizedRoot);
 }
 

package/src/utils/load-svelte-config.js

@@ -61,7 +61,7 @@ export async function loadSvelteConfig(viteConfig, inlineOptions) {
 			try {
 				// identify which require function to use (esm and cjs mode)
 				const _require = import.meta.url
-					? esmRequire ?? (esmRequire = createRequire(import.meta.url))
+					? (esmRequire ?? (esmRequire = createRequire(import.meta.url)))
 					: // eslint-disable-next-line no-undef
 						require;