same for mount/hydrate

Author: dummdidumm

packages/svelte/src/internal/client/render.js

@@ -72,13 +72,20 @@ export function slot(anchor, slot_fn, slot_props, fallback_fn) {
  * @template {Record<string, any>} Props
  * @template {Record<string, any>} Exports
  * @param {import('../../index.js').ComponentType<import('../../index.js').SvelteComponent<Props>> | import('../../index.js').Component<Props, Exports, any>} component
- * @param {{
+ * @param {{} extends Props ? {
  * 		target: Document | Element | ShadowRoot;
  * 		anchor?: Node;
  * 		props?: Props;
  * 		events?: Record<string, (e: any) => any>;
  * 		context?: Map<any, any>;
  * 		intro?: boolean;
+ * 	}: {
+ * 		target: Document | Element | ShadowRoot;
+ * 		props: Props;
+ * 		anchor?: Node;
+ * 		events?: Record<string, (e: any) => any>;
+ * 		context?: Map<any, any>;
+ * 		intro?: boolean;
  * 	}} options
  * @returns {Exports}
  */
@@ -98,13 +105,20 @@ export function mount(component, options) {
  * @template {Record<string, any>} Props
  * @template {Record<string, any>} Exports
  * @param {import('../../index.js').ComponentType<import('../../index.js').SvelteComponent<Props>> | import('../../index.js').Component<Props, Exports, any>} component
- * @param {{
+ * @param {{} extends Props ? {
  * 		target: Document | Element | ShadowRoot;
  * 		props?: Props;
  * 		events?: Record<string, (e: any) => any>;
  *  	context?: Map<any, any>;
  * 		intro?: boolean;
  * 		recover?: boolean;
+ * 	} : {
+ * 		target: Document | Element | ShadowRoot;
+ * 		props: Props;
+ * 		events?: Record<string, (e: any) => any>;
+ *  	context?: Map<any, any>;
+ * 		intro?: boolean;
+ * 		recover?: boolean;
  * 	}} options
  * @returns {Exports}
  */

packages/svelte/tests/types/component.ts

@@ -131,6 +131,13 @@ mount(NewComponent, {
 	intro: false,
 	recover: false
 });
+mount(
+	NewComponent,
+	// @ts-expect-error props missing
+	{ target: null as any }
+);
+// if component receives no args, props can be omitted
+mount(null as any as typeof SvelteComponent<{}>, { target: null as any });
 
 hydrate(NewComponent, {
 	target: null as any as Document | Element | ShadowRoot,
@@ -148,6 +155,13 @@ hydrate(NewComponent, {
 	intro: false,
 	recover: false
 });
+hydrate(
+	NewComponent,
+	// @ts-expect-error props missing
+	{ target: null as any }
+);
+// if component receives no args, props can be omitted
+hydrate(null as any as typeof SvelteComponent<{}>, { target: null as any });
 
 render(NewComponent, {
 	props: {
@@ -263,6 +277,13 @@ mount(functionComponent, {
 		readonly: 1
 	}
 });
+mount(
+	functionComponent,
+	// @ts-expect-error props missing
+	{ target: null as any }
+);
+// if component receives no args, props can be omitted
+mount(null as any as Component<{}>, { target: null as any });
 
 hydrate(functionComponent, {
 	target: null as any as Document | Element | ShadowRoot,
@@ -280,6 +301,13 @@ hydrate(functionComponent, {
 		binding: true
 	}
 });
+hydrate(
+	functionComponent,
+	// @ts-expect-error props missing
+	{ target: null as any }
+);
+// if component receives no args, props can be omitted
+hydrate(null as any as Component<{}>, { target: null as any });
 
 render(functionComponent, {
 	props: {

packages/svelte/types/index.d.ts

@@ -350,25 +350,39 @@ declare module 'svelte' {
 	 * Mounts a component to the given target and returns the exports and potentially the props (if compiled with `accessors: true`) of the component
 	 *
 	 * */
-	export function mount<Props extends Record<string, any>, Exports extends Record<string, any>>(component: ComponentType<SvelteComponent<Props, any, any>> | Component<Props, Exports, any>, options: {
+	export function mount<Props extends Record<string, any>, Exports extends Record<string, any>>(component: ComponentType<SvelteComponent<Props, any, any>> | Component<Props, Exports, any>, options: {} extends Props ? {
 		target: Document | Element | ShadowRoot;
 		anchor?: Node | undefined;
 		props?: Props | undefined;
 		events?: Record<string, (e: any) => any> | undefined;
 		context?: Map<any, any> | undefined;
 		intro?: boolean | undefined;
+	} : {
+		target: Document | Element | ShadowRoot;
+		props: Props;
+		anchor?: Node | undefined;
+		events?: Record<string, (e: any) => any> | undefined;
+		context?: Map<any, any> | undefined;
+		intro?: boolean | undefined;
 	}): Exports;
 	/**
 	 * Hydrates a component on the given target and returns the exports and potentially the props (if compiled with `accessors: true`) of the component
 	 *
 	 * */
-	export function hydrate<Props extends Record<string, any>, Exports extends Record<string, any>>(component: ComponentType<SvelteComponent<Props, any, any>> | Component<Props, Exports, any>, options: {
+	export function hydrate<Props extends Record<string, any>, Exports extends Record<string, any>>(component: ComponentType<SvelteComponent<Props, any, any>> | Component<Props, Exports, any>, options: {} extends Props ? {
 		target: Document | Element | ShadowRoot;
 		props?: Props | undefined;
 		events?: Record<string, (e: any) => any> | undefined;
 		context?: Map<any, any> | undefined;
 		intro?: boolean | undefined;
 		recover?: boolean | undefined;
+	} : {
+		target: Document | Element | ShadowRoot;
+		props: Props;
+		events?: Record<string, (e: any) => any> | undefined;
+		context?: Map<any, any> | undefined;
+		intro?: boolean | undefined;
+		recover?: boolean | undefined;
 	}): Exports;
 	/**
 	 * Unmounts a component that was previously mounted using `mount` or `hydrate`.