@sveltejs/vite-plugin-svelte 4.0.0 → 4.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sveltejs/vite-plugin-svelte",
-  "version": "4.0.0",
+  "version": "4.0.2",
   "license": "MIT",
   "author": "dominikg",
   "files": [
@@ -50,9 +50,9 @@
   "devDependencies": {
     "@types/debug": "^4.1.12",
     "esbuild": "^0.24.0",
-    "sass": "^1.79.5",
-    "svelte": "^5.0.0-next.268",
-    "vite": "^5.4.9"
+    "sass": "^1.81.0",
+    "svelte": "^5.2.0",
+    "vite": "^5.4.11"
   },
   "scripts": {
     "check:publint": "publint --strict",

package/src/public.d.ts

@@ -92,9 +92,9 @@ export interface PluginOptions {
 	 * @example
 	 * ```
 	 * ({ filename, compileOptions }) => {
-	 *   // Dynamically set hydration per Svelte file
-	 *   if (compileWithHydratable(filename) && !compileOptions.hydratable) {
-	 *     return { hydratable: true };
+	 *   // Dynamically set runes mode per Svelte file
+	 *   if (forceRunesMode(filename) && !compileOptions.runes) {
+	 *     return { runes: true };
 	 *   }
 	 * }
 	 * ```

package/src/utils/compile.js

@@ -14,7 +14,7 @@ import { enhanceCompileError } from './error.js';
 // which is closer to the other regexes in at least not falling into commented script
 // but ideally would be shared exactly with svelte and other tools that use it
 const scriptLangRE =
-	/<!--[^]*?-->|<script (?:[^>]*|(?:[^=>'"/]+=(?:"[^"]*"|'[^']*'|[^>\s]+)\s+)*)lang=["']?([^"' >]+)["']?[^>]*>/g;
+	/<!--[^]*?-->|<script\s+(?:[^>]*|(?:[^=>'"/]+=(?:"[^"]*"|'[^']*'|[^>\s]+)\s+)*)lang=(["'])?([^"' >]+)\1[^>]*>/g;
 
 /**
  * @returns {import('../types/compile.d.ts').CompileSvelte}
@@ -172,8 +172,8 @@ export function createCompileSvelte() {
 
 		let lang = 'js';
 		for (const match of code.matchAll(scriptLangRE)) {
-			if (match[1]) {
-				lang = match[1];
+			if (match[2]) {
+				lang = match[2];
 				break;
 			}
 		}

package/src/utils/id.js

@@ -8,15 +8,7 @@ import { DEFAULT_SVELTE_MODULE_EXT, DEFAULT_SVELTE_MODULE_INFIX } from './consta
 const VITE_FS_PREFIX = '/@fs/';
 const IS_WINDOWS = process.platform === 'win32';
 
-const SUPPORTED_COMPILER_OPTIONS = [
-	'generate',
-	'dev',
-	'css',
-	'hydratable',
-	'customElement',
-	'immutable',
-	'enableSourcemap'
-];
+const SUPPORTED_COMPILER_OPTIONS = ['generate', 'dev', 'css', 'customElement', 'immutable'];
 const TYPES_WITH_COMPILER_OPTIONS = ['style', 'script', 'all'];
 
 /**
@@ -102,7 +94,7 @@ function parseRequestQuery(rawQuery) {
 			throw new Error(
 				`Invalid compilerOptions in query ${rawQuery}. CompilerOptions are only supported for raw or direct queries with type in "${TYPES_WITH_COMPILER_OPTIONS.join(
 					', '
-				)}" e.g. '?svelte&raw&type=script&compilerOptions={"generate":"ssr","dev":false}`
+				)}" e.g. '?svelte&raw&type=script&compilerOptions={"generate":"server","dev":false}`
 			);
 		}
 		try {

package/types/index.d.ts

@@ -92,9 +92,9 @@ declare module '@sveltejs/vite-plugin-svelte' {
 		 * @example
 		 * ```
 		 * ({ filename, compileOptions }) => {
-		 *   // Dynamically set hydration per Svelte file
-		 *   if (compileWithHydratable(filename) && !compileOptions.hydratable) {
-		 *     return { hydratable: true };
+		 *   // Dynamically set runes mode per Svelte file
+		 *   if (forceRunesMode(filename) && !compileOptions.runes) {
+		 *     return { runes: true };
 		 *   }
 		 * }
 		 * ```