update filename stuff

Author: Rich-Harris

packages/svelte/src/compiler/phases/3-transform/client/transform-client.js

@@ -348,14 +348,17 @@ export function client_component(source, analysis, options) {
 
 	if (options.dev) {
 		if (options.filename) {
+			let filename = options.filename;
+			if (/(\/|\w:)/.test(options.filename)) {
+				// filename is absolute — truncate it
+				const parts = filename.split(/[/\\]/);
+				filename = parts.length > 3 ? ['...', ...parts.slice(-3)].join('/') : filename;
+			}
+
 			// add `App.filename = 'App.svelte'` so that we can print useful messages later
 			body.push(
 				b.stmt(
-					b.assignment(
-						'=',
-						b.member(b.id(analysis.name), b.id('filename')),
-						b.literal(options.filename)
-					)
+					b.assignment('=', b.member(b.id(analysis.name), b.id('filename')), b.literal(filename))
 				)
 			);
 		}

packages/svelte/tests/helpers.js

@@ -73,7 +73,7 @@ export async function compile_directory(
 
 		let text = fs.readFileSync(`${cwd}/${file}`, 'utf-8');
 		let opts = {
-			filename: file,
+			filename: path.join(cwd, file),
 			...compileOptions,
 			generate
 		};
@@ -86,7 +86,7 @@ export async function compile_directory(
 					generate: opts.generate,
 					dev: opts.dev
 				});
-				write(out, compiled.js.code);
+				write(out, compiled.js.code.replace(`v${VERSION}`, 'VERSION'));
 			} else {
 				// for non-runes tests, just re-export from the original source file — this
 				// allows the `_config.js` module to import shared state to use in tests
@@ -121,8 +121,8 @@ export async function compile_directory(
 			}
 
 			const compiled = compile(text, {
-				outputFilename: `_output/${generate}/${file}${file.endsWith('.js') ? '' : '.js'}`,
-				cssOutputFilename: `_output/${generate}/${file}.css`,
+				outputFilename: `${output_dir}/${file}${file.endsWith('.js') ? '' : '.js'}`,
+				cssOutputFilename: `${output_dir}/${file}.css`,
 				...opts
 			});
 			compiled.js.code = compiled.js.code.replace(`v${VERSION}`, 'VERSION');

packages/svelte/tests/runtime-runes/samples/non-local-mutation-discouraged/_config.js

@@ -41,7 +41,7 @@ export default test({
 		assert.htmlEqual(target.innerHTML, `<button>clicks: 1</button>`);
 
 		assert.deepEqual(warnings, [
-			'Counter.svelte mutated a value owned by main.svelte. This is strongly discouraged. Consider passing values to child components with `bind:`, or use a callback instead.'
+			'.../samples/non-local-mutation-discouraged/Counter.svelte mutated a value owned by .../samples/non-local-mutation-discouraged/main.svelte. This is strongly discouraged. Consider passing values to child components with `bind:`, or use a callback instead.'
 		]);
 	}
 });

packages/svelte/tests/snapshot/samples/bind-this/_expected/client/index.svelte.js

@@ -3,7 +3,7 @@
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal";
 
-export default function Index($$anchor, $$props) {
+export default function Bind_this($$anchor, $$props) {
 	$.push($$props, false);
 	$.init();
 

packages/svelte/tests/snapshot/samples/bind-this/_expected/server/index.svelte.js

@@ -2,7 +2,7 @@
 // Note: compiler output will change before 5.0 is released!
 import * as $ from "svelte/internal/server";
 
-export default function Index($$payload, $$props) {
+export default function Bind_this($$payload, $$props) {
 	$.push(false);
 
 	const anchor = $.create_anchor($$payload);

packages/svelte/tests/snapshot/samples/class-state-field-constructor-assignment/_expected/client/index.svelte.js

@@ -3,7 +3,7 @@
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal";
 
-export default function Index($$anchor, $$props) {
+export default function Class_state_field_constructor_assignment($$anchor, $$props) {
 	$.push($$props, true);
 
 	class Foo {

packages/svelte/tests/snapshot/samples/class-state-field-constructor-assignment/_expected/server/index.svelte.js

@@ -2,7 +2,7 @@
 // Note: compiler output will change before 5.0 is released!
 import * as $ from "svelte/internal/server";
 
-export default function Index($$payload, $$props) {
+export default function Class_state_field_constructor_assignment($$payload, $$props) {
 	$.push(true);
 
 	class Foo {

packages/svelte/tests/snapshot/samples/each-string-template/_expected/client/index.svelte.js

@@ -3,7 +3,7 @@
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal";
 
-export default function Index($$anchor, $$props) {
+export default function Each_string_template($$anchor, $$props) {
 	$.push($$props, false);
 	$.init();
 

packages/svelte/tests/snapshot/samples/each-string-template/_expected/server/index.svelte.js

@@ -2,7 +2,7 @@
 // Note: compiler output will change before 5.0 is released!
 import * as $ from "svelte/internal/server";
 
-export default function Index($$payload, $$props) {
+export default function Each_string_template($$payload, $$props) {
 	$.push(false);
 
 	const anchor = $.create_anchor($$payload);

packages/svelte/tests/snapshot/samples/function-prop-no-getter/_expected/client/index.svelte.js

@@ -3,7 +3,7 @@
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal";
 
-export default function Index($$anchor, $$props) {
+export default function Function_prop_no_getter($$anchor, $$props) {
 	$.push($$props, true);
 
 	let count = $.source(0);