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

sveltejs/svelte#11536

Author: dummdidumm

CHANGELOG.md

@@ -1,5 +1,9 @@
 # rollup-plugin-svelte changelog
 
+## 7.2.2
+
+- Svelte 5: Compile `.svelte.xxx.js/ts` files
+
 ## 7.2.1
 
 - Silence Svelte 5 version of unused CSS warning code if `emitCss` is `false`

index.js

@@ -17,6 +17,8 @@ const plugin_options = new Set([
 	'preprocess',
 ]);
 
+const svelte_module_regex = /\.svelte(\.[^./\\]+)*\.(js|ts)$/;
+
 let warned = false;
 
 /**
@@ -130,7 +132,7 @@ module.exports = function (options = {}) {
 		async transform(code, id) {
 			if (!filter(id)) return null;
 
-			if (majorVersion > 4 && (id.endsWith('.svelte.js') || id.endsWith('.svelte.ts'))) {
+			if (majorVersion > 4 && svelte_module_regex.test(id)) {
 				const compiled = svelte.compileModule(code, {
 					filename: id,
 					dev: compilerOptions.dev,

package-lock.json

@@ -1,5 +1,5 @@
 {
-	"version": "7.2.1",
+	"version": "7.2.2",
 	"name": "rollup-plugin-svelte",
 	"description": "Compile Svelte components with Rollup",
 	"repository": "sveltejs/rollup-plugin-svelte",

package.json

@@ -1 +1,2 @@
 export { counter } from './runes.svelte.js';
+export { counter2 } from './runes.svelte.foo.ts';

test/filename-test2/src/main.js

@@ -0,0 +1,2 @@
+// @ts-nocheck
+export const counter2 = $state({ value: 0 });

test/filename-test2/src/runes.svelte.foo.ts

@@ -319,7 +319,9 @@ test('handles filenames that happen to contain ".svelte"', async () => {
 });
 
 // Needs Svelte 5
-test.skip('handles ".svelte.ts/js" files', async () => {
+test('handles ".svelte.ts/js" files', async () => {
+	if (!isSvelte5Plus) return;
+
 	sander.rimrafSync('test/filename-test2/dist');
 	sander.mkdirSync('test/filename-test2/dist');