chore: separate expected output for svelte 4 and 5

.prettierrc

@@ -27,8 +27,8 @@
 				"**/build/**",
 				"**/test-results/**",
 				"documentation/**/*.md",
-				"packages/package/test/fixtures/**/expected/**/*",
-				"packages/package/test/watch/expected/**/*",
+				"packages/package/test/fixtures/**/expected*/**/*",
+				"packages/package/test/watch/expected*/**/*",
 				"packages/package/test/watch/package/**/*",
 				"packages/kit/src/core/postbuild/fixtures/**/*"
 			],

packages/package/package.json

@@ -31,6 +31,7 @@
 		"@types/node": "^18.19.48",
 		"@types/semver": "^7.5.6",
 		"prettier": "^3.1.1",
+		"semver": "^7.6.3",
 		"svelte": "^5.2.9",
 		"svelte-preprocess": "^6.0.0",
 		"typescript": "^5.3.3",

packages/package/test/fixtures/javascript/expected ^4/Test.svelte

@@ -0,0 +1,12 @@
+<script>
+	import { createEventDispatcher } from 'svelte';
+	/**
+	 * @type {string}
+	 */
+	export const astring = 'potato';
+
+	const dispatch = createEventDispatcher();
+	dispatch('event', true);
+</script>
+
+<slot {astring} />

packages/package/test/fixtures/javascript/expected ^4/Test.svelte.d.ts

@@ -0,0 +1,42 @@
+/** @typedef {typeof __propDef.props}  TestProps */
+/** @typedef {typeof __propDef.events}  TestEvents */
+/** @typedef {typeof __propDef.slots}  TestSlots */
+export default class Test extends SvelteComponent<
+	{
+		astring?: string;
+	},
+	{
+		event: CustomEvent<any>;
+	} & {
+		[evt: string]: CustomEvent<any>;
+	},
+	{
+		default: {
+			astring: string;
+		};
+	}
+> {
+	get astring(): string;
+}
+export type TestProps = typeof __propDef.props;
+export type TestEvents = typeof __propDef.events;
+export type TestSlots = typeof __propDef.slots;
+import { SvelteComponent } from 'svelte';
+declare const __propDef: {
+	props: {
+		astring?: string;
+	};
+	events: {
+		event: CustomEvent<any>;
+	} & {
+		[evt: string]: CustomEvent<any>;
+	};
+	slots: {
+		default: {
+			astring: string;
+		};
+	};
+	exports?: {};
+	bindings?: string;
+};
+export {};

packages/package/test/fixtures/javascript/expected ^4/Test2.svelte

@@ -0,0 +1,6 @@
+<script>
+	/**
+	 * @type {import('./foo').Foo}
+	 */
+	export let foo;
+</script>

packages/package/test/fixtures/javascript/expected ^4/Test2.svelte.d.ts

@@ -0,0 +1,28 @@
+/** @typedef {typeof __propDef.props}  Test2Props */
+/** @typedef {typeof __propDef.events}  Test2Events */
+/** @typedef {typeof __propDef.slots}  Test2Slots */
+export default class Test2 extends SvelteComponent<
+	{
+		foo: import('./foo').Foo;
+	},
+	{
+		[evt: string]: CustomEvent<any>;
+	},
+	{}
+> {}
+export type Test2Props = typeof __propDef.props;
+export type Test2Events = typeof __propDef.events;
+export type Test2Slots = typeof __propDef.slots;
+import { SvelteComponent } from 'svelte';
+declare const __propDef: {
+	props: {
+		foo: import('./foo').Foo;
+	};
+	events: {
+		[evt: string]: CustomEvent<any>;
+	};
+	slots: {};
+	exports?: {};
+	bindings?: string;
+};
+export {};

packages/package/test/fixtures/javascript/expected ^4/foo.d.ts

@@ -0,0 +1 @@
+export type Foo = boolean;

packages/package/test/fixtures/javascript/expected ^4/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Test } from './Test.svelte';
+export { default as Internal } from './internal/Test.svelte';

packages/package/test/fixtures/javascript/expected ^4/index.js

@@ -0,0 +1,2 @@
+export { default as Test } from './Test.svelte';
+export { default as Internal } from './internal/Test.svelte';

packages/package/test/fixtures/javascript/expected ^4/internal/Test.svelte

@@ -0,0 +1,6 @@
+<script>
+	/**
+	 * @type {import('./foo').Foo}
+	 */
+	export let foo;
+</script>

packages/package/test/fixtures/javascript/expected ^4/internal/Test.svelte.d.ts

@@ -0,0 +1,28 @@
+/** @typedef {typeof __propDef.props}  TestProps */
+/** @typedef {typeof __propDef.events}  TestEvents */
+/** @typedef {typeof __propDef.slots}  TestSlots */
+export default class Test extends SvelteComponent<
+	{
+		foo: import('./foo').Foo;
+	},
+	{
+		[evt: string]: CustomEvent<any>;
+	},
+	{}
+> {}
+export type TestProps = typeof __propDef.props;
+export type TestEvents = typeof __propDef.events;
+export type TestSlots = typeof __propDef.slots;
+import { SvelteComponent } from 'svelte';
+declare const __propDef: {
+	props: {
+		foo: import('./foo').Foo;
+	};
+	events: {
+		[evt: string]: CustomEvent<any>;
+	};
+	slots: {};
+	exports?: {};
+	bindings?: string;
+};
+export {};

packages/package/test/fixtures/javascript/expected ^4/internal/foo.d.ts

@@ -0,0 +1 @@
+export type Foo = boolean;

packages/package/test/fixtures/javascript/expected ^4/internal/index.d.ts

@@ -0,0 +1,2 @@
+export const foo: 'bar';
+export { x } from "./runes.svelte.js";

packages/package/test/fixtures/javascript/expected ^4/internal/index.js

@@ -0,0 +1,2 @@
+export const foo = 'bar';
+export { x } from './runes.svelte.js';

packages/package/test/fixtures/javascript/expected ^4/internal/runes.svelte.d.ts

@@ -0,0 +1 @@
+export const x: true;

packages/package/test/fixtures/javascript/expected ^4/internal/runes.svelte.js

@@ -0,0 +1 @@
+export const x = true;

packages/package/test/fixtures/resolve-alias/expected ^4/Test.svelte

@@ -0,0 +1,6 @@
+<script>
+  import { foo } from './sub/foo';
+  import { util } from './utils';
+  export let bar = foo;
+  util();
+</script>

packages/package/test/fixtures/resolve-alias/expected ^4/Test.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponent } from 'svelte';
+declare const __propDef: {
+	props: {
+		bar?: import('./sub/foo').Foo;
+	};
+	events: {
+		[evt: string]: CustomEvent<any>;
+	};
+	slots: {};
+	exports?: {};
+	bindings?: string;
+};
+export type TestProps = typeof __propDef.props;
+export type TestEvents = typeof __propDef.events;
+export type TestSlots = typeof __propDef.slots;
+export default class Test extends SvelteComponent<TestProps, TestEvents, TestSlots> {}
+export {};

packages/package/test/fixtures/resolve-alias/expected ^4/baz.d.ts

@@ -0,0 +1,4 @@
+export interface Baz {
+	baz: string;
+}
+export declare const baz: Baz;

packages/package/test/fixtures/resolve-alias/expected ^4/baz.js

@@ -0,0 +1 @@
+export const baz = { baz: 'baz' };

packages/package/test/fixtures/resolve-alias/expected ^4/index.d.ts

@@ -0,0 +1 @@
+export { default as Test } from './Test.svelte';

packages/package/test/fixtures/resolve-alias/expected ^4/index.js

@@ -0,0 +1 @@
+export { default as Test } from './Test.svelte';

packages/package/test/fixtures/resolve-alias/expected ^4/sub/bar.d.ts

@@ -0,0 +1,2 @@
+export declare const bar1: import('./foo').Foo;
+export declare const bar2: import('../baz').Baz;

packages/package/test/fixtures/resolve-alias/expected ^4/sub/bar.js

@@ -0,0 +1,4 @@
+import { baz } from '../baz';
+import { foo } from './foo';
+export const bar1 = foo;
+export const bar2 = baz;

packages/package/test/fixtures/resolve-alias/expected ^4/sub/foo.d.ts

@@ -0,0 +1,4 @@
+export interface Foo {
+	foo: string;
+}
+export declare const foo: Foo;

packages/package/test/fixtures/resolve-alias/expected ^4/sub/foo.js

@@ -0,0 +1 @@
+export const foo = { foo: 'foo' };

packages/package/test/fixtures/resolve-alias/expected ^4/utils/index.d.ts

@@ -0,0 +1 @@
+export declare const util: () => void;

packages/package/test/fixtures/resolve-alias/expected ^4/utils/index.js

@@ -0,0 +1 @@
+export const util = () => { };

packages/package/test/fixtures/svelte-3-types/expected ^4/Test.svelte

@@ -0,0 +1,8 @@
+<script>
+import { createEventDispatcher } from 'svelte';
+export const astring = 'potato';
+const dispatch = createEventDispatcher();
+dispatch('event', true);
+</script>
+
+<slot {astring} />

packages/package/test/fixtures/svelte-3-types/expected ^4/Test.svelte.d.ts

@@ -0,0 +1,23 @@
+import { SvelteComponentTyped } from 'svelte';
+declare const __propDef: {
+	props: {
+		astring?: string;
+	};
+	events: {
+		event: CustomEvent<boolean>;
+	} & {
+		[evt: string]: CustomEvent<any>;
+	};
+	slots: {
+		default: {
+			astring: string;
+		};
+	};
+};
+export type TestProps = typeof __propDef.props;
+export type TestEvents = typeof __propDef.events;
+export type TestSlots = typeof __propDef.slots;
+export default class Test extends SvelteComponentTyped<TestProps, TestEvents, TestSlots> {
+	get astring(): string;
+}
+export {};

packages/package/test/fixtures/svelte-3-types/expected ^4/index.d.ts

@@ -0,0 +1 @@
+export { default as Test } from './Test.svelte';

packages/package/test/fixtures/svelte-3-types/expected ^4/index.js

@@ -0,0 +1 @@
+export { default as Test } from './Test.svelte';

packages/package/test/fixtures/svelte-kit/expected ^4/Test.svelte

@@ -0,0 +1,12 @@
+<script>
+	import { createEventDispatcher } from 'svelte';
+	/**
+	 * @type {string}
+	 */
+	export const astring = 'potato';
+
+	const dispatch = createEventDispatcher();
+	dispatch('event', true);
+</script>
+
+<slot {astring} />

packages/package/test/fixtures/svelte-kit/expected ^4/Test.svelte.d.ts

@@ -0,0 +1,42 @@
+/** @typedef {typeof __propDef.props}  TestProps */
+/** @typedef {typeof __propDef.events}  TestEvents */
+/** @typedef {typeof __propDef.slots}  TestSlots */
+export default class Test extends SvelteComponent<
+	{
+		astring?: string;
+	},
+	{
+		event: CustomEvent<any>;
+	} & {
+		[evt: string]: CustomEvent<any>;
+	},
+	{
+		default: {
+			astring: string;
+		};
+	}
+> {
+	get astring(): string;
+}
+export type TestProps = typeof __propDef.props;
+export type TestEvents = typeof __propDef.events;
+export type TestSlots = typeof __propDef.slots;
+import { SvelteComponent } from 'svelte';
+declare const __propDef: {
+	props: {
+		astring?: string;
+	};
+	events: {
+		event: CustomEvent<any>;
+	} & {
+		[evt: string]: CustomEvent<any>;
+	};
+	slots: {
+		default: {
+			astring: string;
+		};
+	};
+	exports?: {};
+	bindings?: string;
+};
+export {};

packages/package/test/fixtures/svelte-kit/expected ^4/foo.d.ts

@@ -0,0 +1 @@
+export type Foo = boolean;

packages/package/test/fixtures/svelte-kit/expected ^4/index.d.ts

@@ -0,0 +1 @@
+export { default as Test } from './Test.svelte';

packages/package/test/fixtures/svelte-kit/expected ^4/index.js

@@ -0,0 +1 @@
+export { default as Test } from './Test.svelte';

packages/package/test/fixtures/typescript-esnext/expected ^4/Plain.svelte

@@ -0,0 +1,17 @@
+<script>
+	/** @type {import('./foo').Foo} */
+	export let foo;
+</script>
+
+<svelte:head>
+  <script type="application/ld+json">
+		{
+			"@context": "http://schema.org",
+			"@type": "Corporation",
+			"name": "Svelte Corp",
+			"description": "Svelte will cybernetically enhance you",
+			"naics": "523910",
+			"url": "https://svelte.dev"
+		}
+	</script>
+</svelte:head>

packages/package/test/fixtures/typescript-esnext/expected ^4/Plain.svelte.d.ts

@@ -0,0 +1,28 @@
+/** @typedef {typeof __propDef.props}  PlainProps */
+/** @typedef {typeof __propDef.events}  PlainEvents */
+/** @typedef {typeof __propDef.slots}  PlainSlots */
+export default class Plain extends SvelteComponent<
+	{
+		foo: import('./foo').Foo;
+	},
+	{
+		[evt: string]: CustomEvent<any>;
+	},
+	{}
+> {}
+export type PlainProps = typeof __propDef.props;
+export type PlainEvents = typeof __propDef.events;
+export type PlainSlots = typeof __propDef.slots;
+import { SvelteComponent } from 'svelte';
+declare const __propDef: {
+	props: {
+		foo: import('./foo').Foo;
+	};
+	events: {
+		[evt: string]: CustomEvent<any>;
+	};
+	slots: {};
+	exports?: {};
+	bindings?: string;
+};
+export {};

packages/package/test/fixtures/typescript-esnext/expected ^4/Test.svelte

@@ -0,0 +1,8 @@
+<script>
+import { createEventDispatcher } from 'svelte';
+export const astring = 'potato';
+const dispatch = createEventDispatcher();
+dispatch('event', true);
+</script>
+
+<slot {astring} />