@soleil-se/app-util 5.12.2 → 5.12.3

package/CHANGELOG.md

@@ -7,6 +7,10 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [5.12.3] - 2025-12-03
+
+- Even better type definitions for Svelte render functions.
+
 ## [5.12.2] - 2025-12-03
 
 - Better type definitions for Svelte render functions.

package/client/svelte/5/index.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="svelte" />
 /**
- * @template {Record<string, unknown>} TProps
+ * @template {import('svelte').Component<any, any>} TComponent
  * @typedef {object} RenderSettings
  * @property {HTMLElement} [target] Target where app should be mounted.
- * @property {TProps} [props] Root component props.
+ * @property {import('svelte').ComponentProps<TComponent>} [props] Root component props.
  * @property {boolean} [hydrate=target.hasChildNodes()] Instructs Svelte to upgrade existing DOM
  * (usually from server-side rendering) rather than creating new elements. By default the app will
  * hydrate when the target has any child nodes.
@@ -12,12 +12,12 @@
  */
 /**
  * Renders a client side Svelte application.
- * @template {Record<string, unknown>} [TProps=Record<string, unknown>]
- * @param {import('svelte').Component<TProps>} App Svelte app root component.
- * @param {RenderSettings<TProps>} [settings={}] Settings object.
+ * @template {import('svelte').Component<any, any>} TComponent
+ * @param {TComponent} App Svelte app root component.
+ * @param {RenderSettings<TComponent>} [settings={}] Settings object.
  */
-export function render<TProps extends Record<string, unknown> = Record<string, unknown>>(App: import("svelte").Component<TProps, any, string>, { target, props, hydrate, intro, }?: RenderSettings<TProps>): void;
-export type RenderSettings<TProps extends Record<string, unknown>> = {
+export function render<TComponent extends import("svelte").Component<any, any, string>>(App: TComponent, { target, props, hydrate, intro, }?: RenderSettings<TComponent>): void;
+export type RenderSettings<TComponent extends import("svelte").Component<any, any, string>> = {
     /**
      * Target where app should be mounted.
      */
@@ -25,7 +25,7 @@ export type RenderSettings<TProps extends Record<string, unknown>> = {
     /**
      * Root component props.
      */
-    props?: TProps;
+    props?: import('svelte').ComponentProps<TComponent>;
     /**
      * Instructs Svelte to upgrade existing DOM
      * (usually from server-side rendering) rather than creating new elements. By default the app will

package/client/svelte/5/index.js

@@ -4,10 +4,10 @@ import { mount as svelteMount, hydrate as svelteHydrate } from 'svelte';
 import { setAppProps } from '../../../common';
 
 /**
- * @template {Record<string, unknown>} TProps
+ * @template {import('svelte').Component<any, any>} TComponent
  * @typedef {object} RenderSettings
  * @property {HTMLElement} [target] Target where app should be mounted.
- * @property {TProps} [props] Root component props.
+ * @property {import('svelte').ComponentProps<TComponent>} [props] Root component props.
  * @property {boolean} [hydrate=target.hasChildNodes()] Instructs Svelte to upgrade existing DOM
  * (usually from server-side rendering) rather than creating new elements. By default the app will
  * hydrate when the target has any child nodes.
@@ -17,9 +17,9 @@ import { setAppProps } from '../../../common';
 
 /**
  * Renders a client side Svelte application.
- * @template {Record<string, unknown>} [TProps=Record<string, unknown>]
- * @param {import('svelte').Component<TProps>} App Svelte app root component.
- * @param {RenderSettings<TProps>} [settings={}] Settings object.
+ * @template {import('svelte').Component<any, any>} TComponent
+ * @param {TComponent} App Svelte app root component.
+ * @param {RenderSettings<TComponent>} [settings={}] Settings object.
  */
 export function render(App, {
   target,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soleil-se/app-util",
-  "version": "5.12.2",
+  "version": "5.12.3",
   "description": "Utility functions for WebApps, RESTApps and Widgets in Sitevision.",
   "main": "./common/index.js",
   "author": "Soleil AB",
@@ -25,5 +25,5 @@
   "scripts": {
     "create-type-definitions": "node ../../utils/createTypeDefinitions.js ./common/index.js ./client/index.js ./client/svelte/index.js ./client/svelte/3/index.js ./client/svelte/4/index.js ./client/svelte/5/index.js ./server/index.js ./server/svelte/index.js ./server/svelte/3/index.js ./server/svelte/4/index.js ./server/svelte/5/index.js ./server/app-data/index.js ./server/global-app-data/index.js"
   },
-  "gitHead": "090c22c4eee4dc2f68096f8f50cca8015a91acf7"
+  "gitHead": "9b1f44728b2ba84db68acdad31699822067ced13"
 }

package/server/svelte/5/index.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="svelte" />
 /**
  * Returns HTML for a server rendered Svelte app.
- * @template {Record<string, unknown>} [TProps=Record<string, unknown>]
- * @param {import('svelte').Component<TProps>} App Svelte component that is root of app.
- * @param {TProps} props Props passed to root component.
+ * @template {import('svelte').Component<any, any>} TComponent
+ * @param {TComponent} App Svelte component that is root of app.
+ * @param {import('svelte').ComponentProps<TComponent>} props Props passed to root component.
  * @return {string} HTML for the server rendered app.
  */
-export function render<TProps extends Record<string, unknown> = Record<string, unknown>>(App: import("svelte").Component<TProps, any, string>, props: TProps): string;
+export function render<TComponent extends import("svelte").Component<any, any, string>>(App: TComponent, props: import("svelte").ComponentProps<TComponent>): string;

package/server/svelte/5/index.js

@@ -3,9 +3,9 @@ import { appId, setAppProps } from '../../../common';
 
 /**
  * Returns HTML for a server rendered Svelte app.
- * @template {Record<string, unknown>} [TProps=Record<string, unknown>]
- * @param {import('svelte').Component<TProps>} App Svelte component that is root of app.
- * @param {TProps} props Props passed to root component.
+ * @template {import('svelte').Component<any, any>} TComponent
+ * @param {TComponent} App Svelte component that is root of app.
+ * @param {import('svelte').ComponentProps<TComponent>} props Props passed to root component.
  * @return {string} HTML for the server rendered app.
  */
 export function render(App, props) {