svelte2tsx 0.7.19 → 0.7.21

package/index.js

@@ -2286,7 +2286,6 @@ class InlineComponent {
         this.eventsTransformation = [];
         this.snippetPropsTransformation = [];
         this.endTransformation = [];
-        this.originalName = this.node.name;
         if (parent) {
             parent.child = this;
         }
@@ -2828,12 +2827,6 @@ function handleBinding(str, attr, parent, element, preserveBind, isSvelte5Plus)
     if (isSvelte5Plus && element instanceof InlineComponent) {
         // To check if property is actually bindable
         element.appendToStartEnd([`${element.name}.$$bindings = '${attr.name}';`]);
-        // To check if the binding is also assigned to the variable (only works when there's no assertion, we can't transform that)
-        if (!isTypescriptNode(attr.expression)) {
-            element.appendToStartEnd([
-                `${expressionStr} = __sveltets_binding_value(${element.originalName}, '${attr.name}');`
-            ]);
-        }
     }
     if (element instanceof Element) {
         element.addAttribute(name, value);
@@ -3831,6 +3824,9 @@ class ComponentEvents {
     setComponentEventsInterface(node, astOffset) {
         this.componentEventsInterface.setComponentEventsInterface(node, this.str, astOffset);
     }
+    hasEvents() {
+        return this.eventsClass.events.size > 0;
+    }
     hasStrictEvents() {
         return this.componentEventsInterface.isPresent() || this.strictEvents;
     }
@@ -5171,7 +5167,7 @@ class ExportedNames {
         return this.usesAccessors ? names.length > 0 : names.some(([, { isLet }]) => !isLet);
     }
     hasPropsRune() {
-        return this.isSvelte5Plus && (this.$props.type || this.$props.comment);
+        return this.isSvelte5Plus && !!(this.$props.type || this.$props.comment);
     }
     checkGlobalsForRunes(globals) {
         const runes = ['$state', '$derived', '$effect']; // no need to check for props, already handled through other means in here
@@ -6456,7 +6452,7 @@ function addComponentExport(params) {
         addSimpleComponentExport(params);
     }
 }
-function addGenericsComponentExport({ strictEvents, canHaveAnyProp, exportedNames, componentDocumentation, fileName, mode, usesAccessors, str, generics, usesSlots, isSvelte5, noSvelteComponentTyped }) {
+function addGenericsComponentExport({ events, canHaveAnyProp, exportedNames, componentDocumentation, fileName, mode, usesAccessors, str, generics, usesSlots, isSvelte5, noSvelteComponentTyped }) {
     const genericsDef = generics.toDefinitionString();
     const genericsRef = generics.toReferencesString();
     const doc = componentDocumentation.getFormatted();
@@ -6470,7 +6466,7 @@ class __sveltets_Render${genericsDef} {
         return ${props(true, canHaveAnyProp, exportedNames, `render${genericsRef}()`)}.props;
     }
     events() {
-        return ${events(strictEvents, `render${genericsRef}()`)}.events;
+        return ${_events(events.hasStrictEvents() || exportedNames.usesRunes(), `render${genericsRef}()`)}.events;
     }
     slots() {
         return render${genericsRef}().slots;
@@ -6490,14 +6486,27 @@ ${isSvelte5
     if (isSvelte5) {
         // Don't add props/events/slots type exports in dts mode for now, maybe someone asks for it to be back,
         // but it's safer to not do it for now to have more flexibility in the future.
+        let eventsSlotsType = [];
+        if (events.hasEvents() || !exportedNames.usesRunes()) {
+            eventsSlotsType.push(`$$events?: ${returnType('events')}`);
+        }
+        if (usesSlots) {
+            eventsSlotsType.push(`$$slots?: ${returnType('slots')}`);
+            eventsSlotsType.push(`children?: any`);
+        }
         const propsType = !canHaveAnyProp && exportedNames.hasNoProps()
-            ? `{$$events?: ${returnType('events')}${usesSlots ? `, $$slots?: ${returnType('slots')}, children?: any` : ''}}`
-            : `${returnType('props')} & {$$events?: ${returnType('events')}${usesSlots ? `, $$slots?: ${returnType('slots')}, children?: any` : ''}}`;
+            ? `{${eventsSlotsType.join(', ')}}`
+            : `${returnType('props')} & {${eventsSlotsType.join(', ')}}`;
+        const bindingsType = `ReturnType<__sveltets_Render${generics.toReferencesAnyString()}['bindings']>`;
+        // Sadly, due to a combination of requirements and TypeScript limitations, we need to always create both a legacy class component and function component type.
+        // - Constraints: Need to support Svelte 4 class component types, therefore we need to use __sveltets_2_ensureComponent to transform function components to classes
+        // - Limitations: TypeScript is not able to preserve generics during said transformation (i.e. there's no way to express keeping the generic etc)
+        // TODO Svelte 6/7: Switch this around and not use new Component in svelte2tsx anymore, which means we can remove the legacy class component. We need something like _ensureFnComponent then.
         statement +=
             `\ninterface $$IsomorphicComponent {\n` +
                 `    new ${genericsDef}(options: import('svelte').ComponentConstructorOptions<${returnType('props') + (usesSlots ? '& {children?: any}' : '')}>): import('svelte').SvelteComponent<${returnType('props')}, ${returnType('events')}, ${returnType('slots')}> & { $$bindings?: ${returnType('bindings')} } & ${returnType('exports')};\n` +
                 `    ${genericsDef}(internal: unknown, props: ${propsType}): ${returnType('exports')};\n` +
-                `    z_$$bindings?: ReturnType<__sveltets_Render${generics.toReferencesAnyString()}['bindings']>;\n` +
+                `    z_$$bindings?: ${bindingsType};\n` +
                 `}\n` +
                 `${doc}const ${className || '$$Component'}: $$IsomorphicComponent = null as any;\n` +
                 surroundWithIgnoreComments(`type ${className || '$$Component'}${genericsDef} = InstanceType<typeof ${className || '$$Component'}${genericsRef}>;\n`) +
@@ -6523,13 +6532,18 @@ ${isSvelte5
     }
     str.append(statement);
 }
-function addSimpleComponentExport({ strictEvents, isTsFile, canHaveAnyProp, exportedNames, componentDocumentation, fileName, mode, usesAccessors, str, usesSlots, noSvelteComponentTyped, isSvelte5 }) {
-    const propDef = props(isTsFile, canHaveAnyProp, exportedNames, events(strictEvents, 'render()'));
+function addSimpleComponentExport({ events, isTsFile, canHaveAnyProp, exportedNames, componentDocumentation, fileName, mode, usesAccessors, str, usesSlots, noSvelteComponentTyped, isSvelte5 }) {
+    const propDef = props(isTsFile, canHaveAnyProp, exportedNames, _events(events.hasStrictEvents(), 'render()'));
     const doc = componentDocumentation.getFormatted();
     const className = fileName && classNameFromFilename(fileName, mode !== 'dts');
     let statement;
     if (mode === 'dts') {
-        if (isSvelte5) {
+        if (isSvelte5 && exportedNames.usesRunes() && !usesSlots && !events.hasEvents()) {
+            statement =
+                `\n${doc}const ${className || '$$Component'} = __sveltets_2_fn_component(render());\n` +
+                    `export default ${className || '$$Component'};`;
+        }
+        else if (isSvelte5) {
             // Inline definitions from Svelte shims; else dts files will reference the globals which will be unresolved
             statement =
                 `\ninterface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
@@ -6586,10 +6600,17 @@ declare function $$__sveltets_2_isomorphic_component<
     }
     else {
         if (isSvelte5) {
-            statement =
-                `\n${doc}const ${className || '$$Component'} = __sveltets_2_isomorphic_component${usesSlots ? '_slots' : ''}(${propDef});\n` +
-                    surroundWithIgnoreComments(`type ${className || '$$Component'} = InstanceType<typeof ${className || '$$Component'}>;\n`) +
-                    `export default ${className || '$$Component'};`;
+            if (exportedNames.usesRunes() && !usesSlots && !events.hasEvents()) {
+                statement =
+                    `\n${doc}const ${className || '$$Component'} = __sveltets_2_fn_component(render());\n` +
+                        `export default ${className || '$$Component'};`;
+            }
+            else {
+                statement =
+                    `\n${doc}const ${className || '$$Component'} = __sveltets_2_isomorphic_component${usesSlots ? '_slots' : ''}(${propDef});\n` +
+                        surroundWithIgnoreComments(`type ${className || '$$Component'} = InstanceType<typeof ${className || '$$Component'}>;\n`) +
+                        `export default ${className || '$$Component'};`;
+            }
         }
         else {
             statement =
@@ -6629,7 +6650,7 @@ function addTypeExport(str, className, type) {
         ];
     }
 }
-function events(strictEvents, renderStr) {
+function _events(strictEvents, renderStr) {
     return strictEvents ? renderStr : `__sveltets_2_with_any_event(${renderStr})`;
 }
 function props(isTsFile, canHaveAnyProp, exportedNames, renderStr) {
@@ -7040,7 +7061,7 @@ function svelte2tsx(svelte, options = { parse: compiler.parse }) {
     addComponentExport({
         str,
         canHaveAnyProp: !exportedNames.uses$$Props && (uses$$props || uses$$restProps),
-        strictEvents: events.hasStrictEvents(), // TODO in Svelte 6 we should also apply strictEvents in runes mode
+        events,
         isTsFile: options === null || options === void 0 ? void 0 : options.isTsFile,
         exportedNames,
         usesAccessors,

package/index.mjs

@@ -2266,7 +2266,6 @@ class InlineComponent {
         this.eventsTransformation = [];
         this.snippetPropsTransformation = [];
         this.endTransformation = [];
-        this.originalName = this.node.name;
         if (parent) {
             parent.child = this;
         }
@@ -2808,12 +2807,6 @@ function handleBinding(str, attr, parent, element, preserveBind, isSvelte5Plus)
     if (isSvelte5Plus && element instanceof InlineComponent) {
         // To check if property is actually bindable
         element.appendToStartEnd([`${element.name}.$$bindings = '${attr.name}';`]);
-        // To check if the binding is also assigned to the variable (only works when there's no assertion, we can't transform that)
-        if (!isTypescriptNode(attr.expression)) {
-            element.appendToStartEnd([
-                `${expressionStr} = __sveltets_binding_value(${element.originalName}, '${attr.name}');`
-            ]);
-        }
     }
     if (element instanceof Element) {
         element.addAttribute(name, value);
@@ -3811,6 +3804,9 @@ class ComponentEvents {
     setComponentEventsInterface(node, astOffset) {
         this.componentEventsInterface.setComponentEventsInterface(node, this.str, astOffset);
     }
+    hasEvents() {
+        return this.eventsClass.events.size > 0;
+    }
     hasStrictEvents() {
         return this.componentEventsInterface.isPresent() || this.strictEvents;
     }
@@ -5151,7 +5147,7 @@ class ExportedNames {
         return this.usesAccessors ? names.length > 0 : names.some(([, { isLet }]) => !isLet);
     }
     hasPropsRune() {
-        return this.isSvelte5Plus && (this.$props.type || this.$props.comment);
+        return this.isSvelte5Plus && !!(this.$props.type || this.$props.comment);
     }
     checkGlobalsForRunes(globals) {
         const runes = ['$state', '$derived', '$effect']; // no need to check for props, already handled through other means in here
@@ -6436,7 +6432,7 @@ function addComponentExport(params) {
         addSimpleComponentExport(params);
     }
 }
-function addGenericsComponentExport({ strictEvents, canHaveAnyProp, exportedNames, componentDocumentation, fileName, mode, usesAccessors, str, generics, usesSlots, isSvelte5, noSvelteComponentTyped }) {
+function addGenericsComponentExport({ events, canHaveAnyProp, exportedNames, componentDocumentation, fileName, mode, usesAccessors, str, generics, usesSlots, isSvelte5, noSvelteComponentTyped }) {
     const genericsDef = generics.toDefinitionString();
     const genericsRef = generics.toReferencesString();
     const doc = componentDocumentation.getFormatted();
@@ -6450,7 +6446,7 @@ class __sveltets_Render${genericsDef} {
         return ${props(true, canHaveAnyProp, exportedNames, `render${genericsRef}()`)}.props;
     }
     events() {
-        return ${events(strictEvents, `render${genericsRef}()`)}.events;
+        return ${_events(events.hasStrictEvents() || exportedNames.usesRunes(), `render${genericsRef}()`)}.events;
     }
     slots() {
         return render${genericsRef}().slots;
@@ -6470,14 +6466,27 @@ ${isSvelte5
     if (isSvelte5) {
         // Don't add props/events/slots type exports in dts mode for now, maybe someone asks for it to be back,
         // but it's safer to not do it for now to have more flexibility in the future.
+        let eventsSlotsType = [];
+        if (events.hasEvents() || !exportedNames.usesRunes()) {
+            eventsSlotsType.push(`$$events?: ${returnType('events')}`);
+        }
+        if (usesSlots) {
+            eventsSlotsType.push(`$$slots?: ${returnType('slots')}`);
+            eventsSlotsType.push(`children?: any`);
+        }
         const propsType = !canHaveAnyProp && exportedNames.hasNoProps()
-            ? `{$$events?: ${returnType('events')}${usesSlots ? `, $$slots?: ${returnType('slots')}, children?: any` : ''}}`
-            : `${returnType('props')} & {$$events?: ${returnType('events')}${usesSlots ? `, $$slots?: ${returnType('slots')}, children?: any` : ''}}`;
+            ? `{${eventsSlotsType.join(', ')}}`
+            : `${returnType('props')} & {${eventsSlotsType.join(', ')}}`;
+        const bindingsType = `ReturnType<__sveltets_Render${generics.toReferencesAnyString()}['bindings']>`;
+        // Sadly, due to a combination of requirements and TypeScript limitations, we need to always create both a legacy class component and function component type.
+        // - Constraints: Need to support Svelte 4 class component types, therefore we need to use __sveltets_2_ensureComponent to transform function components to classes
+        // - Limitations: TypeScript is not able to preserve generics during said transformation (i.e. there's no way to express keeping the generic etc)
+        // TODO Svelte 6/7: Switch this around and not use new Component in svelte2tsx anymore, which means we can remove the legacy class component. We need something like _ensureFnComponent then.
         statement +=
             `\ninterface $$IsomorphicComponent {\n` +
                 `    new ${genericsDef}(options: import('svelte').ComponentConstructorOptions<${returnType('props') + (usesSlots ? '& {children?: any}' : '')}>): import('svelte').SvelteComponent<${returnType('props')}, ${returnType('events')}, ${returnType('slots')}> & { $$bindings?: ${returnType('bindings')} } & ${returnType('exports')};\n` +
                 `    ${genericsDef}(internal: unknown, props: ${propsType}): ${returnType('exports')};\n` +
-                `    z_$$bindings?: ReturnType<__sveltets_Render${generics.toReferencesAnyString()}['bindings']>;\n` +
+                `    z_$$bindings?: ${bindingsType};\n` +
                 `}\n` +
                 `${doc}const ${className || '$$Component'}: $$IsomorphicComponent = null as any;\n` +
                 surroundWithIgnoreComments(`type ${className || '$$Component'}${genericsDef} = InstanceType<typeof ${className || '$$Component'}${genericsRef}>;\n`) +
@@ -6503,13 +6512,18 @@ ${isSvelte5
     }
     str.append(statement);
 }
-function addSimpleComponentExport({ strictEvents, isTsFile, canHaveAnyProp, exportedNames, componentDocumentation, fileName, mode, usesAccessors, str, usesSlots, noSvelteComponentTyped, isSvelte5 }) {
-    const propDef = props(isTsFile, canHaveAnyProp, exportedNames, events(strictEvents, 'render()'));
+function addSimpleComponentExport({ events, isTsFile, canHaveAnyProp, exportedNames, componentDocumentation, fileName, mode, usesAccessors, str, usesSlots, noSvelteComponentTyped, isSvelte5 }) {
+    const propDef = props(isTsFile, canHaveAnyProp, exportedNames, _events(events.hasStrictEvents(), 'render()'));
     const doc = componentDocumentation.getFormatted();
     const className = fileName && classNameFromFilename(fileName, mode !== 'dts');
     let statement;
     if (mode === 'dts') {
-        if (isSvelte5) {
+        if (isSvelte5 && exportedNames.usesRunes() && !usesSlots && !events.hasEvents()) {
+            statement =
+                `\n${doc}const ${className || '$$Component'} = __sveltets_2_fn_component(render());\n` +
+                    `export default ${className || '$$Component'};`;
+        }
+        else if (isSvelte5) {
             // Inline definitions from Svelte shims; else dts files will reference the globals which will be unresolved
             statement =
                 `\ninterface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
@@ -6566,10 +6580,17 @@ declare function $$__sveltets_2_isomorphic_component<
     }
     else {
         if (isSvelte5) {
-            statement =
-                `\n${doc}const ${className || '$$Component'} = __sveltets_2_isomorphic_component${usesSlots ? '_slots' : ''}(${propDef});\n` +
-                    surroundWithIgnoreComments(`type ${className || '$$Component'} = InstanceType<typeof ${className || '$$Component'}>;\n`) +
-                    `export default ${className || '$$Component'};`;
+            if (exportedNames.usesRunes() && !usesSlots && !events.hasEvents()) {
+                statement =
+                    `\n${doc}const ${className || '$$Component'} = __sveltets_2_fn_component(render());\n` +
+                        `export default ${className || '$$Component'};`;
+            }
+            else {
+                statement =
+                    `\n${doc}const ${className || '$$Component'} = __sveltets_2_isomorphic_component${usesSlots ? '_slots' : ''}(${propDef});\n` +
+                        surroundWithIgnoreComments(`type ${className || '$$Component'} = InstanceType<typeof ${className || '$$Component'}>;\n`) +
+                        `export default ${className || '$$Component'};`;
+            }
         }
         else {
             statement =
@@ -6609,7 +6630,7 @@ function addTypeExport(str, className, type) {
         ];
     }
 }
-function events(strictEvents, renderStr) {
+function _events(strictEvents, renderStr) {
     return strictEvents ? renderStr : `__sveltets_2_with_any_event(${renderStr})`;
 }
 function props(isTsFile, canHaveAnyProp, exportedNames, renderStr) {
@@ -7020,7 +7041,7 @@ function svelte2tsx(svelte, options = { parse }) {
     addComponentExport({
         str,
         canHaveAnyProp: !exportedNames.uses$$Props && (uses$$props || uses$$restProps),
-        strictEvents: events.hasStrictEvents(), // TODO in Svelte 6 we should also apply strictEvents in runes mode
+        events,
         isTsFile: options === null || options === void 0 ? void 0 : options.isTsFile,
         exportedNames,
         usesAccessors,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte2tsx",
-  "version": "0.7.19",
+  "version": "0.7.21",
   "description": "Convert Svelte components to TSX for type checking",
   "author": "David Pershouse",
   "license": "MIT",

package/svelte-jsx.d.ts

@@ -1,4 +1,6 @@
 /// <reference lib="dom" />
+// @ts-nocheck
+// nocheck because we don't want to adjust this anymore (only used for Svelte 3)
 
 declare namespace svelteHTML {
 

package/svelte-shims-v4.d.ts

@@ -207,7 +207,7 @@ declare type ATypedSvelteComponent = {
      */
     $$slot_def: any;
 
-    $on(event: string, handler: ((e: any) => any) | null | undefined): () => void;
+    $on(event: string, handler: any): () => void;
 }
 /**
  * Ambient type only used for intellisense, DO NOT USE IN YOUR PROJECT.
@@ -220,11 +220,36 @@ declare type ATypedSvelteComponent = {
  * ```
  */
 declare type ConstructorOfATypedSvelteComponent = new (args: {target: any, props?: any}) => ATypedSvelteComponent
+// Usage note: Cannot properly transform generic function components to class components due to TypeScript limitations
 declare function __sveltets_2_ensureComponent<
-    // @ts-ignore svelte.Component doesn't exist in Svelte 4
-    T extends ConstructorOfATypedSvelteComponent | (typeof import('svelte') extends { mount: any } ? import('svelte').Component<any, any, any> : never) | null | undefined
-    // @ts-ignore svelte.Component doesn't exist in Svelte 4
->(type: T): NonNullable<T extends ConstructorOfATypedSvelteComponent ? T : typeof import('svelte') extends { mount: any } ? T extends import('svelte').Component<infer Props extends Record<string, any>> ? typeof import('svelte').SvelteComponent<Props, Props['$$events'], Props['$$slots']> : T : T>;
+    T extends
+        | ConstructorOfATypedSvelteComponent
+        | (typeof import('svelte') extends { mount: any }
+              ? // @ts-ignore svelte.Component doesn't exist in Svelte 4
+                import('svelte').Component<any, any, any>
+              : never)
+        | null
+        | undefined
+>(
+    type: T
+): NonNullable<
+    T extends ConstructorOfATypedSvelteComponent
+        ? T
+        : typeof import('svelte') extends { mount: any }
+          ? // @ts-ignore svelte.Component doesn't exist in Svelte 4
+            T extends import('svelte').Component<
+                infer Props extends Record<string, any>,
+                infer Exports extends Record<string, any>,
+                infer Bindings extends string
+            >
+              ? new (
+                    options: import('svelte').ComponentConstructorOptions<Props>
+                ) => import('svelte').SvelteComponent<Props, Props['$$events'], Props['$$slots']> &
+                    Exports & { $$bindings: Bindings }
+              : never
+          : never
+>;
+
 declare function __sveltets_2_ensureArray<T extends ArrayLike<unknown> | Iterable<unknown>>(array: T): T extends ArrayLike<infer U> ? U[] : T extends Iterable<infer U> ? Iterable<U> : any[];
 
 type __sveltets_2_PropsWithChildren<Props, Slots> = Props &
@@ -240,6 +265,11 @@ declare function __sveltets_2_runes_constructor<Props extends {}>(render: {props
 
 declare function __sveltets_$$bindings<Bindings extends string[]>(...bindings: Bindings): Bindings[number];
 
+declare function __sveltets_2_fn_component<
+    Props extends Record<string, any>, Exports extends Record<string, any>, Bindings extends string
+    // @ts-ignore Svelte 5 only
+>(klass: {props: Props, exports?: Exports, bindings?: Bindings }): import('svelte').Component<Props, Exports, Bindings>;
+
 interface __sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & { $$bindings?: Bindings } & Exports;
     (internal: unknown, props: Props extends Record<string, never> ? {$$events?: Events, $$slots?: Slots} : Props & {$$events?: Events, $$slots?: Slots}): Exports & { $set?: any, $on?: any };
@@ -253,16 +283,3 @@ declare function __sveltets_2_isomorphic_component<
 declare function __sveltets_2_isomorphic_component_slots<
     Props extends Record<string, any>, Events extends Record<string, any>, Slots extends Record<string, any>, Exports extends Record<string, any>, Bindings extends string
 >(klass: {props: Props, events: Events, slots: Slots, exports?: Exports, bindings?: Bindings }): __sveltets_2_IsomorphicComponent<__sveltets_2_PropsWithChildren<Props, Slots>, Events, Slots, Exports, Bindings>;
-
-type __sveltets_NonUndefined<T> = T extends undefined ? never : T;
-
-declare function __sveltets_binding_value<
-    // @ts-ignore this is only used for Svelte 5, which knows about the Component type
-    Comp extends typeof import('svelte').Component<any>,
-    Key extends string
->(comp: Comp, key: Key): Key extends keyof import('svelte').ComponentProps<Comp> ?
-    // bail on unknown because it hints at a generic type which we can't properly resolve here
-    // remove undefined because optional properties have it, and would result in false positives
-    unknown extends import('svelte').ComponentProps<Comp>[Key] ? any : __sveltets_NonUndefined<import('svelte').ComponentProps<Comp>[Key]> : any;
-// Overload to ensure typings that only use old SvelteComponent class or something invalid are gracefully handled
-declare function __sveltets_binding_value(comp: any, key: string): any

package/svelte-shims.d.ts

@@ -1,3 +1,5 @@
+// @ts-nocheck
+// nocheck because we don't want to adjust this anymore (only used for Svelte 3)
 // Whenever a ambient declaration changes, its number should be increased
 // This way, we avoid the situation where multiple ambient versions of svelte2tsx
 // are loaded and their declarations conflict each other