fix: compile .svelte.xxx.js/ts modules in Svelte 5

sveltejs/svelte#11536

CHANGELOG.md

@@ -1,5 +1,9 @@
 # svelte-loader changelog
 
+## 3.2.2
+
+* Svelte 5: Also compile `.svelte.xxx.js/ts` files
+
 ## 3.2.1
 
 * Handle sourcemaps being falsy

index.js

@@ -63,6 +63,8 @@ function getMajor() {
 	return Number(svelte.VERSION.split('.')[0]);
 }
 
+const svelte_module_regex = /\.svelte(\.[^.]+)*\.(js|ts)$/
+
 module.exports = function(source, map) {
 	this.cacheable();
 
@@ -85,7 +87,7 @@ module.exports = function(source, map) {
 	};
 	const handleWarning = warning => this.emitWarning(new Error(warning));
 
-	if (getMajor() >= 5 && (this.resourcePath.endsWith('.svelte.js') || this.resourcePath.endsWith('.svelte.ts'))) {
+	if (getMajor() >= 5 && svelte_module_regex.test(this.resourcePath)) {
 		try {
 			const { js, warnings } = svelte.compileModule(
 				source,

package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-loader",
-  "version": "3.2.1",
+  "version": "3.2.2",
   "author": "Nico Rehwaldt <git_nikku@nixis.de>",
   "description": "A webpack loader for svelte",
   "license": "MIT",

test/fixtures/file.svelte.foo.ts

@@ -0,0 +1,2 @@
+// @ts-nocheck
+export const count = $state({ value: 0 }); // eslint-disable-line no-undef

test/loader.spec.js

@@ -465,7 +465,7 @@ describe('loader', () => {
 		if (!isSvelte5Plus) return;
 
 		it(
-			'should compile .svelte.js/ts',
+			'should compile .svelte.js',
 			testLoader(
 				'test/fixtures/file.svelte.js',
 				function(err, code, map) {
@@ -476,6 +476,19 @@ describe('loader', () => {
 				{}
 			)
 		);
+
+		it(
+			'should compile .svelte.foo.ts',
+			testLoader(
+				'test/fixtures/file.svelte.foo.ts',
+				function(err, code, map) {
+					expect(err).not.to.exist;
+
+					expect(code).not.to.contain('$state');
+				},
+				{}
+			)
+		);
 	});
 });