fix(svelte2tsx): support for runes={false} in svelte:options

.changeset/green-news-find.md

@@ -0,0 +1,6 @@
+---
+'svelte2tsx': patch
+'svelte-check': patch
+---
+
+fix: properly handle `runes={false}` in `<svelte:options>`

packages/svelte2tsx/src/htmlxtojsx_v2/index.ts

@@ -123,7 +123,13 @@ export function convertHtmlxToJsx(
  }
  break;
  case 'runes':
- isRunes = true;
+ if (Array.isArray(optionValue)) {
+ if (optionValue[0].type === 'MustacheTag') {
+ isRunes = optionValue[0].expression.value;
+ }
+ } else {
+ isRunes = true;
+ }
  break;
  }
  }

packages/svelte2tsx/test/svelte2tsx/samples/ts-export-list-runes-false/expected-svelte5.ts

@@ -0,0 +1,26 @@
+///<reference types="svelte" />
+;function $$render() {
+
+ let name1: string = "world"/*Ωignore_startΩ*/;name1 = __sveltets_2_any(name1);/*Ωignore_endΩ*/
+ let name2: string/*Ωignore_startΩ*/;name2 = __sveltets_2_any(name2);/*Ωignore_endΩ*/;
+ let name3: string = ''/*Ωignore_startΩ*/;name3 = __sveltets_2_any(name3);/*Ωignore_endΩ*/;let name4: string/*Ωignore_startΩ*/;name4 = __sveltets_2_any(name4);/*Ωignore_endΩ*/;
+
+ let rename1: string = ''/*Ωignore_startΩ*/;rename1 = __sveltets_2_any(rename1);/*Ωignore_endΩ*/;
+ let rename2: string/*Ωignore_startΩ*/;rename2 = __sveltets_2_any(rename2);/*Ωignore_endΩ*/;
+
+ class Foo {}
+ function bar() {}
+ const baz: string = '';
+
+ class RenameFoo {}
+ function renamebar() {}
+ const renamebaz: string = '';
+
+
+;
+async () => { { svelteHTML.createElement("svelte:options", { "runes":false,});}
+};
+return { props: {name1: name1 , name2: name2 , name3: name3 , name4: name4 , renamed1: rename1 , renamed2: rename2 , Foo: Foo , bar: bar , baz: baz , RenamedFoo: RenameFoo , renamedbar: renamebar , renamedbaz: renamebaz} as {name1?: string, name2: string, name3?: string, name4: string, renamed1?: string, renamed2: string, Foo?: typeof Foo, bar?: typeof bar, baz?: string, RenamedFoo?: typeof RenameFoo, renamedbar?: typeof renamebar, renamedbaz?: string}, exports: {} as any as { Foo: typeof Foo,bar: typeof bar,baz: string,RenamedFoo: typeof RenameFoo,renamedbar: typeof renamebar,renamedbaz: string }, bindings: "", slots: {}, events: {} }}
+const Input__SvelteComponent_ = __sveltets_2_isomorphic_component(__sveltets_2_with_any_event($$render()));
+/*Ωignore_startΩ*/type Input__SvelteComponent_ = InstanceType<typeof Input__SvelteComponent_>;
+/*Ωignore_endΩ*/export default Input__SvelteComponent_;

packages/svelte2tsx/test/svelte2tsx/samples/ts-export-list-runes-false/expectedv2.ts

@@ -0,0 +1,26 @@
+///<reference types="svelte" />
+;function $$render() {
+
+ let name1: string = "world"/*Ωignore_startΩ*/;name1 = __sveltets_2_any(name1);/*Ωignore_endΩ*/
+ let name2: string/*Ωignore_startΩ*/;name2 = __sveltets_2_any(name2);/*Ωignore_endΩ*/;
+ let name3: string = ''/*Ωignore_startΩ*/;name3 = __sveltets_2_any(name3);/*Ωignore_endΩ*/;let name4: string/*Ωignore_startΩ*/;name4 = __sveltets_2_any(name4);/*Ωignore_endΩ*/;
+
+ let rename1: string = ''/*Ωignore_startΩ*/;rename1 = __sveltets_2_any(rename1);/*Ωignore_endΩ*/;
+ let rename2: string/*Ωignore_startΩ*/;rename2 = __sveltets_2_any(rename2);/*Ωignore_endΩ*/;
+
+ class Foo {}
+ function bar() {}
+ const baz: string = '';
+
+ class RenameFoo {}
+ function renamebar() {}
+ const renamebaz: string = '';
+
+
+;
+async () => { { svelteHTML.createElement("svelte:options", { "runes":false,});}
+};
+return { props: {name1: name1 , name2: name2 , name3: name3 , name4: name4 , renamed1: rename1 , renamed2: rename2 , Foo: Foo , bar: bar , baz: baz , RenamedFoo: RenameFoo , renamedbar: renamebar , renamedbaz: renamebaz} as {name1?: string, name2: string, name3?: string, name4: string, renamed1?: string, renamed2: string, Foo?: typeof Foo, bar?: typeof bar, baz?: string, RenamedFoo?: typeof RenameFoo, renamedbar?: typeof renamebar, renamedbaz?: string}, slots: {}, events: {} }}
+
+export default class Input__SvelteComponent_ extends __sveltets_2_createSvelte2TsxComponent(__sveltets_2_with_any_event($$render())) {
+}

packages/svelte2tsx/test/svelte2tsx/samples/ts-export-list-runes-false/input.svelte

@@ -0,0 +1,19 @@
+<svelte:options runes={false} />
+<script>
+ let name1: string = "world"
+ let name2: string;
+ let name3: string = '', name4: string;
+
+ let rename1: string = '';
+ let rename2: string;
+
+ class Foo {}
+ function bar() {}
+ const baz: string = '';
+
+ class RenameFoo {}
+ function renamebar() {}
+ const renamebaz: string = '';
+
+ export { name1, name2, name3, name4, rename1 as renamed1, rename2 as renamed2, Foo, bar, baz, RenameFoo as RenamedFoo, renamebar as renamedbar, renamebaz as renamedbaz };
+</script>