svelte2tsx 0.5.21 → 0.5.22

package/index.js

@@ -5488,7 +5488,11 @@ class ExportedNames {
     }
     createClassGetters() {
         return Array.from(this.getters)
-            .map((name) => `\n    get ${name}() { return this.$$prop_def.${name} }`)
+            .map((name) => 
+        // getters are const/classes/functions, which are always defined.
+        // We have to remove the `| undefined` from the type here because it was necessary to
+        // be added in a previous step so people are not expected to provide these as props.
+        `\n    get ${name}() { return __sveltets_2_nonNullable(this.$$prop_def.${name}) }`)
             .join('');
     }
     createClassAccessors() {

package/index.mjs

@@ -5458,7 +5458,11 @@ class ExportedNames {
     }
     createClassGetters() {
         return Array.from(this.getters)
-            .map((name) => `\n    get ${name}() { return this.$$prop_def.${name} }`)
+            .map((name) => 
+        // getters are const/classes/functions, which are always defined.
+        // We have to remove the `| undefined` from the type here because it was necessary to
+        // be added in a previous step so people are not expected to provide these as props.
+        `\n    get ${name}() { return __sveltets_2_nonNullable(this.$$prop_def.${name}) }`)
             .join('');
     }
     createClassAccessors() {

package/package.json

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

package/svelte-html-do-not-use.d.ts

@@ -87,7 +87,7 @@ export interface DOMAttributes<T extends EventTarget> {
 	'on:reset'?: FormEventHandler<T> | undefined | null;
 	'on:submit'?: EventHandler<Event, T> | undefined | null; // TODO make this SubmitEvent once we require TS>=4.4
 	'on:invalid'?: EventHandler<Event, T> | undefined | null;
-
+	'on:formdata'?: EventHandler<Event & { readonly formData: FormData; }, T> | undefined | null; // TODO make this FormDataEvent once we require TS>=4.4
 
 	// Image Events
 	'on:load'?: EventHandler | undefined | null;
@@ -559,10 +559,10 @@ export interface HTMLAnchorAttributes extends HTMLAttributes<HTMLAnchorElement>
 	referrerpolicy?: ReferrerPolicy | undefined | null;
 
 	// SvelteKit
-	'data-sveltekit-noscroll'?: true | undefined | null;
-	'data-sveltekit-preload-code'?: true | 'eager' | 'viewport' | 'hover' | 'tap' | 'off' | undefined | null;
-	'data-sveltekit-preload-data'?: true | 'hover' | 'tap' | 'off' | undefined | null;
-	'data-sveltekit-reload'?: true | undefined | null;
+	'data-sveltekit-noscroll'?: true | '' | 'off' | undefined | null;
+	'data-sveltekit-preload-code'?: true | '' | 'eager' | 'viewport' | 'hover' | 'tap' | 'off' | undefined | null;
+	'data-sveltekit-preload-data'?: true | '' | 'hover' | 'tap' | 'off' | undefined | null;
+	'data-sveltekit-reload'?: true | '' | 'off' | undefined | null;
 
 	// Sapper
 	'sapper:noscroll'?: true | undefined | null;

package/svelte-jsx.d.ts

@@ -348,6 +348,7 @@ declare namespace svelte.JSX {
       onsubmit?: EventHandler<SubmitEvent, T> | undefined | null;
       oninvalid?: EventHandler<Event, T> | undefined | null;
       onbeforeinput?: EventHandler<InputEvent, T> | undefined | null;
+      'on:formdata'?: EventHandler<FormDataEvent, T> | undefined | null;
 
       // Image Events
       onload?: EventHandler | undefined | null;
@@ -1176,10 +1177,10 @@ declare namespace svelte.JSX {
     }
 
     interface SvelteKitAnchorProps {
-        'data-sveltekit-noscroll'?: true | undefined | null;
-        'data-sveltekit-preload-code'?: true | 'eager' | 'viewport' | 'hover' | 'tap' | 'off' | undefined | null;
-        'data-sveltekit-preload-data'?: true | 'hover' | 'tap' | 'off' | undefined | null;
-        'data-sveltekit-reload'?: true | undefined | null;
+        'data-sveltekit-noscroll'?: true | '' | 'off' | undefined | null;
+        'data-sveltekit-preload-code'?: true | '' | 'eager' | 'viewport' | 'hover' | 'tap' | 'off' | undefined | null;
+        'data-sveltekit-preload-data'?: true | '' | 'hover' | 'tap' | 'off' | undefined | null;
+        'data-sveltekit-reload'?: true | '' | 'off' | undefined | null;
     }
 
     interface SvelteMediaTimeRange {

package/svelte-shims.d.ts

@@ -231,6 +231,7 @@ declare function __sveltets_2_createComponentAny(props: Record<string, any>): _S
 declare function __sveltets_2_any(...dummy: any[]): any;
 declare function __sveltets_2_empty(...dummy: any[]): {};
 declare function __sveltets_2_union<T1,T2,T3,T4,T5>(t1:T1,t2?:T2,t3?:T3,t4?:T4,t5?:T5): T1 & T2 & T3 & T4 & T5;
+declare function __sveltets_2_nonNullable<T>(type: T): NonNullable<T>;
 
 declare function __sveltets_2_cssProp(prop: Record<string, any>): {};
 
@@ -295,7 +296,14 @@ declare type ATypedSvelteComponent = {
     $on(event: string, handler: ((e: any) => any) | null | undefined): () => void;
 }
 /**
- * Ambient type only used for intellisense, DO NOT USE IN YOUR PROJECT
+ * Ambient type only used for intellisense, DO NOT USE IN YOUR PROJECT.
+ * 
+ * If you're looking for the type of a Svelte Component, use `SvelteComponentTyped` and `ComponentType` instead:
+ *
+ * ```ts
+ * import type { ComponentType, SvelteComponentTyped } from "svelte";
+ * let myComponentConstructor: ComponentType<SvelteComponentTyped> = ..;
+ * ```
  */
 declare type ConstructorOfATypedSvelteComponent = new (args: {target: any, props?: any}) => ATypedSvelteComponent
 declare function __sveltets_2_ensureComponent<T extends ConstructorOfATypedSvelteComponent | null | undefined>(type: T): NonNullable<T>;