feat(async-stack): expose StackItem.msToTimeout as a public rune

Author: vnphanquang

.changeset/two-meals-cough.md

@@ -0,0 +1,5 @@
+---
+'@svelte-put/async-stack': minor
+---
+
+make `StackItem.msToTimeout` public

packages/async-stack/src/stack-item.svelte.d.ts

@@ -11,6 +11,12 @@ export class StackItem<
 	/** @default 'idle' */
 	state: StackItemState;
 	config: Required<StackItemInstanceConfig<string, UserComponent>>;
+	/**
+	 * milliseconds until the item is timeouted,
+	 * 0 means the item has already timeouted or has no timeouted
+	 * (check config.timeout for more information)
+	 */
+	msToTimeout: number;
 	/**
 	 * a promise that resolves when the item is resolved,
 	 * by timing out or via the .resolve method

packages/async-stack/src/stack-item.svelte.js

@@ -11,8 +11,11 @@ export class StackItem {
 	/** @type {Required<import('./types.package').StackItemInstanceConfig<string, UserComponent>>} */
 	config;
 
+	/** @type {number} */
+	// eslint-disable-next-line no-undef
+	msToTimeout = $state(0);
+
 	#internals = {
-		msToTimeout: 0,
 		/** @type {ReturnType<typeof setTimeout> | undefined} */
 		timeoutId: undefined,
 		lastStartedTime: new Date().getTime(),
@@ -30,29 +33,29 @@ export class StackItem {
 	 */
 	constructor(config) {
 		this.config = config;
-		this.#internals.msToTimeout = config.timeout;
+		this.msToTimeout = config.timeout;
 
 		this.resolution = new Promise((resolve) => {
 			this.#internals.resolve = resolve;
 		});
 	}
 
 	resume = () => {
-		if (this.#internals.msToTimeout <= 0 || this.state === 'elapsing') return;
+		if (this.msToTimeout <= 0 || this.state === 'elapsing') return;
 		clearTimeout(this.#internals.timeoutId);
 		this.#internals.lastStartedTime = new Date().getTime();
 		this.#internals.timeoutId = setTimeout(async () => {
-			this.#internals.msToTimeout = 0;
+			this.msToTimeout = 0;
 			await this.resolve();
 			this.state = 'timeout';
-		}, this.#internals.msToTimeout);
+		}, this.msToTimeout);
 		this.state = 'elapsing';
 	};
 
 	pause = () => {
 		if (this.state === 'paused' || this.state === 'idle') return;
 		clearTimeout(this.#internals.timeoutId);
-		this.#internals.msToTimeout -= new Date().getTime() - this.#internals.lastStartedTime;
+		this.msToTimeout -= new Date().getTime() - this.#internals.lastStartedTime;
 		this.state = 'paused';
 	};