svelte2tsx 0.5.18 → 0.5.20

package/index.js

@@ -1144,7 +1144,7 @@ function extractTag(htmlx, tag, useNewTransformation) {
         let content = match[4];
         if (!content) {
             if (useNewTransformation) {
-                // Keep tag and transform it properly by removing it
+                // Keep tag and transform it like a regular element
                 content = '';
             }
             else {
@@ -7111,7 +7111,9 @@ function processSvelteTemplate(str, options) {
     }
     // resolve scripts
     const { scriptTag, moduleScriptTag } = scripts.getTopLevelScriptTags();
-    scripts.blankOtherScriptTags(str);
+    if (options.mode !== 'ts') {
+        scripts.blankOtherScriptTags(str);
+    }
     //resolve stores
     const resolvedStores = stores.getStoreNames();
     return {

package/index.mjs

@@ -1114,7 +1114,7 @@ function extractTag(htmlx, tag, useNewTransformation) {
         let content = match[4];
         if (!content) {
             if (useNewTransformation) {
-                // Keep tag and transform it properly by removing it
+                // Keep tag and transform it like a regular element
                 content = '';
             }
             else {
@@ -7081,7 +7081,9 @@ function processSvelteTemplate(str, options) {
     }
     // resolve scripts
     const { scriptTag, moduleScriptTag } = scripts.getTopLevelScriptTags();
-    scripts.blankOtherScriptTags(str);
+    if (options.mode !== 'ts') {
+        scripts.blankOtherScriptTags(str);
+    }
     //resolve stores
     const resolvedStores = stores.getStoreNames();
     return {

package/package.json

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

package/svelte-jsx.d.ts

@@ -67,6 +67,7 @@ declare namespace svelteHTML {
     // over those manually defined in the old, taking precendence over the defaults, to make sth like this possible
     // https://github.com/sveltejs/language-tools/issues/1352#issuecomment-1248627516
     Omit<
+      // TODO once old transformation is out and JSX.IntrinsicElements is empty, we need an additional "does this Property exist on JSX.IntrinsicElements" check
       Omit<import('./svelte-html-do-not-use').SvelteHTMLElements[Property], keyof EventsWithColon<svelte.JSX.IntrinsicElements[Property & string]>> & EventsWithColon<svelte.JSX.IntrinsicElements[Property & string]>,
       keyof Override
     > & Override;
@@ -1397,6 +1398,12 @@ declare namespace svelte.JSX {
       svelteoptions: { [name: string]: any };
       sveltehead: { [name: string]: any };
       svelteelement: { 'this': string | undefined | null; } & HTMLProps<any> & SVGProps<any> & SapperAnchorProps & SvelteKitAnchorProps;
+      // Needed due to backwards compatibility type which hits these
+      'svelte:window': HTMLProps<Window> & SvelteWindowProps;
+      'svelte:body': HTMLProps<HTMLElement>;
+      'svelte:fragment': { slot?: string; };
+      'svelte:options': { [name: string]: any };
+      'svelte:head': { [name: string]: any };
 
       [name: string]: { [name: string]: any };
     }

package/svelte-shims.d.ts

@@ -36,7 +36,7 @@ declare class Svelte2TsxComponent<
      * Causes the callback function to be called whenever the component dispatches an event.
      * A function is returned that will remove the event listener when called.
      */
-    $on<K extends keyof Events & string>(event: K, handler: (e: Events[K]) => any): () => void;
+    $on<K extends keyof Events & string>(event: K, handler: ((e: Events[K]) => any) | null | undefined): () => void;
     /**
      * Removes a component from the DOM and triggers any `onDestroy` handlers.
      */
@@ -292,7 +292,7 @@ declare type ATypedSvelteComponent = {
      */
     $$slot_def: any;
 
-    $on(event: string, handler: (e: any) => any): () => void;
+    $on(event: string, handler: ((e: any) => any) | null | undefined): () => void;
 }
 /**
  * Ambient type only used for intellisense, DO NOT USE IN YOUR PROJECT