docs, test

Author: dummdidumm

packages/svelte/src/internal/server/index.js

@@ -96,10 +96,11 @@ export function element(payload, tag, attributes_fn, children_fn) {
 export let on_destroy = [];
 
 /**
- * @template {Record<string, any>} TProps
- *
- * @param {import('svelte').Component<TProps> | import('svelte').ComponentType<import('svelte').SvelteComponent<TProps>>} component
- * @param {{ props: Omit<TProps, '$$slots' | '$$events'>; context?: Map<any, any> }} options
+ * Only available on the server and when compiling with the `server` option.
+ * Takes a component and returns an object with `body` and `head` properties on it, which you can use to populate the HTML when server-rendering your app.
+ * @template {Record<string, any>} Props
+ * @param {import('svelte').Component<Props> | import('svelte').ComponentType<import('svelte').SvelteComponent<Props>>} component
+ * @param {{ props: Omit<Props, '$$slots' | '$$events'>; context?: Map<any, any> }} options
  * @returns {import('#server').RenderOutput}
  */
 export function render(component, options) {

packages/svelte/tests/types/component.ts

@@ -8,6 +8,7 @@ import {
 	hydrate,
 	type Component
 } from 'svelte';
+import { render } from 'svelte/server';
 
 SvelteComponent.element === HTMLElement;
 
@@ -148,6 +149,14 @@ hydrate(NewComponent, {
 	recover: false
 });
 
+render(NewComponent, {
+	props: {
+		prop: 'foo',
+		// @ts-expect-error
+		x: ''
+	}
+});
+
 // --------------------------------------------------------------------------- interop
 
 const AsLegacyComponent = asClassComponent(newComponent);
@@ -256,3 +265,12 @@ hydrate(functionComponent, {
 		binding: true
 	}
 });
+
+render(functionComponent, {
+	props: {
+		binding: true,
+		readonly: 'foo',
+		// @ts-expect-error
+		x: ''
+	}
+});