@tanstack/pacer 0.3.0 → 0.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/async-debouncer.cjs +16 -3
- package/dist/cjs/async-debouncer.cjs.map +1 -1
- package/dist/cjs/async-debouncer.d.cts +30 -12
- package/dist/cjs/async-queuer.cjs +20 -6
- package/dist/cjs/async-queuer.cjs.map +1 -1
- package/dist/cjs/async-queuer.d.cts +21 -8
- package/dist/cjs/async-rate-limiter.cjs +55 -8
- package/dist/cjs/async-rate-limiter.cjs.map +1 -1
- package/dist/cjs/async-rate-limiter.d.cts +64 -12
- package/dist/cjs/async-throttler.cjs +19 -5
- package/dist/cjs/async-throttler.cjs.map +1 -1
- package/dist/cjs/async-throttler.d.cts +31 -12
- package/dist/cjs/debouncer.cjs +16 -3
- package/dist/cjs/debouncer.cjs.map +1 -1
- package/dist/cjs/debouncer.d.cts +14 -4
- package/dist/cjs/index.cjs +2 -0
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/cjs/queuer.cjs +13 -5
- package/dist/cjs/queuer.cjs.map +1 -1
- package/dist/cjs/queuer.d.cts +9 -3
- package/dist/cjs/rate-limiter.cjs +41 -8
- package/dist/cjs/rate-limiter.cjs.map +1 -1
- package/dist/cjs/rate-limiter.d.cts +42 -8
- package/dist/cjs/throttler.cjs +19 -5
- package/dist/cjs/throttler.cjs.map +1 -1
- package/dist/cjs/throttler.d.cts +15 -4
- package/dist/cjs/utils.cjs +18 -7
- package/dist/cjs/utils.cjs.map +1 -1
- package/dist/cjs/utils.d.cts +3 -0
- package/dist/esm/async-debouncer.d.ts +30 -12
- package/dist/esm/async-debouncer.js +16 -3
- package/dist/esm/async-debouncer.js.map +1 -1
- package/dist/esm/async-queuer.d.ts +21 -8
- package/dist/esm/async-queuer.js +20 -6
- package/dist/esm/async-queuer.js.map +1 -1
- package/dist/esm/async-rate-limiter.d.ts +64 -12
- package/dist/esm/async-rate-limiter.js +55 -8
- package/dist/esm/async-rate-limiter.js.map +1 -1
- package/dist/esm/async-throttler.d.ts +31 -12
- package/dist/esm/async-throttler.js +19 -5
- package/dist/esm/async-throttler.js.map +1 -1
- package/dist/esm/debouncer.d.ts +14 -4
- package/dist/esm/debouncer.js +16 -3
- package/dist/esm/debouncer.js.map +1 -1
- package/dist/esm/index.js +3 -1
- package/dist/esm/queuer.d.ts +9 -3
- package/dist/esm/queuer.js +13 -5
- package/dist/esm/queuer.js.map +1 -1
- package/dist/esm/rate-limiter.d.ts +42 -8
- package/dist/esm/rate-limiter.js +41 -8
- package/dist/esm/rate-limiter.js.map +1 -1
- package/dist/esm/throttler.d.ts +15 -4
- package/dist/esm/throttler.js +19 -5
- package/dist/esm/throttler.js.map +1 -1
- package/dist/esm/utils.d.ts +3 -0
- package/dist/esm/utils.js +19 -8
- package/dist/esm/utils.js.map +1 -1
- package/package.json +9 -3
- package/src/async-debouncer.ts +40 -15
- package/src/async-queuer.ts +32 -13
- package/src/async-rate-limiter.ts +107 -19
- package/src/async-throttler.ts +44 -17
- package/src/debouncer.ts +24 -7
- package/src/queuer.ts +19 -7
- package/src/rate-limiter.ts +76 -16
- package/src/throttler.ts +28 -9
- package/src/utils.ts +19 -5
|
@@ -5,17 +5,23 @@ import { AnyAsyncFunction } from './types.cjs';
|
|
|
5
5
|
export interface AsyncRateLimiterOptions<TFn extends AnyAsyncFunction> {
|
|
6
6
|
/**
|
|
7
7
|
* Whether the rate limiter is enabled. When disabled, maybeExecute will not trigger any executions.
|
|
8
|
+
* Can be a boolean or a function that returns a boolean.
|
|
8
9
|
* Defaults to true.
|
|
9
10
|
*/
|
|
10
|
-
enabled?: boolean;
|
|
11
|
+
enabled?: boolean | ((rateLimiter: AsyncRateLimiter<TFn>) => boolean);
|
|
11
12
|
/**
|
|
12
|
-
* Maximum number of executions allowed within the time window
|
|
13
|
+
* Maximum number of executions allowed within the time window.
|
|
14
|
+
* Can be a number or a function that returns a number.
|
|
13
15
|
*/
|
|
14
|
-
limit: number;
|
|
16
|
+
limit: number | ((rateLimiter: AsyncRateLimiter<TFn>) => number);
|
|
15
17
|
/**
|
|
16
18
|
* Optional error handler for when the rate-limited function throws
|
|
17
19
|
*/
|
|
18
20
|
onError?: (error: unknown, rateLimiter: AsyncRateLimiter<TFn>) => void;
|
|
21
|
+
/**
|
|
22
|
+
* Optional callback function that is called when an execution is rejected due to rate limiting
|
|
23
|
+
*/
|
|
24
|
+
onReject?: (rateLimiter: AsyncRateLimiter<TFn>) => void;
|
|
19
25
|
/**
|
|
20
26
|
* Optional function to call when the rate-limited function is executed
|
|
21
27
|
*/
|
|
@@ -25,13 +31,17 @@ export interface AsyncRateLimiterOptions<TFn extends AnyAsyncFunction> {
|
|
|
25
31
|
*/
|
|
26
32
|
onSuccess?: (result: ReturnType<TFn>, rateLimiter: AsyncRateLimiter<TFn>) => void;
|
|
27
33
|
/**
|
|
28
|
-
*
|
|
34
|
+
* Time window in milliseconds within which the limit applies.
|
|
35
|
+
* Can be a number or a function that returns a number.
|
|
29
36
|
*/
|
|
30
|
-
|
|
37
|
+
window: number | ((rateLimiter: AsyncRateLimiter<TFn>) => number);
|
|
31
38
|
/**
|
|
32
|
-
*
|
|
39
|
+
* Type of window to use for rate limiting
|
|
40
|
+
* - 'fixed': Uses a fixed window that resets after the window period
|
|
41
|
+
* - 'sliding': Uses a sliding window that allows executions as old ones expire
|
|
42
|
+
* Defaults to 'fixed'
|
|
33
43
|
*/
|
|
34
|
-
|
|
44
|
+
windowType?: 'fixed' | 'sliding';
|
|
35
45
|
}
|
|
36
46
|
/**
|
|
37
47
|
* A class that creates an async rate-limited function.
|
|
@@ -40,6 +50,16 @@ export interface AsyncRateLimiterOptions<TFn extends AnyAsyncFunction> {
|
|
|
40
50
|
* then blocks all subsequent calls until the window passes. This can lead to "bursty" behavior where
|
|
41
51
|
* all executions happen immediately, followed by a complete block.
|
|
42
52
|
*
|
|
53
|
+
* The rate limiter supports two types of windows:
|
|
54
|
+
* - 'fixed': A strict window that resets after the window period. All executions within the window count
|
|
55
|
+
* towards the limit, and the window resets completely after the period.
|
|
56
|
+
* - 'sliding': A rolling window that allows executions as old ones expire. This provides a more
|
|
57
|
+
* consistent rate of execution over time.
|
|
58
|
+
*
|
|
59
|
+
* Unlike the non-async RateLimiter, this async version supports returning values from the rate-limited function,
|
|
60
|
+
* making it ideal for API calls and other async operations where you want the result of the `maybeExecute` call
|
|
61
|
+
* instead of setting the result on a state variable from within the rate-limited function.
|
|
62
|
+
*
|
|
43
63
|
* For smoother execution patterns, consider using:
|
|
44
64
|
* - Throttling: Ensures consistent spacing between executions (e.g. max once per 200ms)
|
|
45
65
|
* - Debouncing: Waits for a pause in calls before executing (e.g. after 500ms of no calls)
|
|
@@ -51,11 +71,12 @@ export interface AsyncRateLimiterOptions<TFn extends AnyAsyncFunction> {
|
|
|
51
71
|
* ```ts
|
|
52
72
|
* const rateLimiter = new AsyncRateLimiter(
|
|
53
73
|
* async (id: string) => await api.getData(id),
|
|
54
|
-
* { limit: 5, window: 1000 } // 5 calls per second
|
|
74
|
+
* { limit: 5, window: 1000, windowType: 'sliding' } // 5 calls per second with sliding window
|
|
55
75
|
* );
|
|
56
76
|
*
|
|
57
77
|
* // Will execute immediately until limit reached, then block
|
|
58
|
-
*
|
|
78
|
+
* // Returns the API response directly
|
|
79
|
+
* const data = await rateLimiter.maybeExecute('123');
|
|
59
80
|
* ```
|
|
60
81
|
*/
|
|
61
82
|
export declare class AsyncRateLimiter<TFn extends AnyAsyncFunction> {
|
|
@@ -67,6 +88,7 @@ export declare class AsyncRateLimiter<TFn extends AnyAsyncFunction> {
|
|
|
67
88
|
private _rejectionCount;
|
|
68
89
|
private _settleCount;
|
|
69
90
|
private _successCount;
|
|
91
|
+
private _isExecuting;
|
|
70
92
|
constructor(fn: TFn, initialOptions: AsyncRateLimiterOptions<TFn>);
|
|
71
93
|
/**
|
|
72
94
|
* Updates the rate limiter options
|
|
@@ -77,6 +99,18 @@ export declare class AsyncRateLimiter<TFn extends AnyAsyncFunction> {
|
|
|
77
99
|
* Returns the current rate limiter options
|
|
78
100
|
*/
|
|
79
101
|
getOptions(): Required<AsyncRateLimiterOptions<TFn>>;
|
|
102
|
+
/**
|
|
103
|
+
* Returns the current enabled state of the rate limiter
|
|
104
|
+
*/
|
|
105
|
+
getEnabled(): boolean;
|
|
106
|
+
/**
|
|
107
|
+
* Returns the current limit of executions allowed within the time window
|
|
108
|
+
*/
|
|
109
|
+
getLimit(): number;
|
|
110
|
+
/**
|
|
111
|
+
* Returns the current time window in milliseconds
|
|
112
|
+
*/
|
|
113
|
+
getWindow(): number;
|
|
80
114
|
/**
|
|
81
115
|
* Attempts to execute the rate-limited function if within the configured limits.
|
|
82
116
|
* Will reject execution if the number of calls in the current window exceeds the limit.
|
|
@@ -103,6 +137,8 @@ export declare class AsyncRateLimiter<TFn extends AnyAsyncFunction> {
|
|
|
103
137
|
getRemainingInWindow(): number;
|
|
104
138
|
/**
|
|
105
139
|
* Returns the number of milliseconds until the next execution will be possible
|
|
140
|
+
* For fixed windows, this is the time until the current window resets
|
|
141
|
+
* For sliding windows, this is the time until the oldest execution expires
|
|
106
142
|
*/
|
|
107
143
|
getMsUntilNextWindow(): number;
|
|
108
144
|
/**
|
|
@@ -121,6 +157,10 @@ export declare class AsyncRateLimiter<TFn extends AnyAsyncFunction> {
|
|
|
121
157
|
* Returns the number of times the function has been rejected
|
|
122
158
|
*/
|
|
123
159
|
getRejectionCount(): number;
|
|
160
|
+
/**
|
|
161
|
+
* Returns whether the function is currently executing
|
|
162
|
+
*/
|
|
163
|
+
getIsExecuting(): boolean;
|
|
124
164
|
/**
|
|
125
165
|
* Resets the rate limiter state
|
|
126
166
|
*/
|
|
@@ -129,6 +169,16 @@ export declare class AsyncRateLimiter<TFn extends AnyAsyncFunction> {
|
|
|
129
169
|
/**
|
|
130
170
|
* Creates an async rate-limited function that will execute the provided function up to a maximum number of times within a time window.
|
|
131
171
|
*
|
|
172
|
+
* Unlike the non-async rate limiter, this async version supports returning values from the rate-limited function,
|
|
173
|
+
* making it ideal for API calls and other async operations where you want the result of the `maybeExecute` call
|
|
174
|
+
* instead of setting the result on a state variable from within the rate-limited function.
|
|
175
|
+
*
|
|
176
|
+
* The rate limiter supports two types of windows:
|
|
177
|
+
* - 'fixed': A strict window that resets after the window period. All executions within the window count
|
|
178
|
+
* towards the limit, and the window resets completely after the period.
|
|
179
|
+
* - 'sliding': A rolling window that allows executions as old ones expire. This provides a more
|
|
180
|
+
* consistent rate of execution over time.
|
|
181
|
+
*
|
|
132
182
|
* Note that rate limiting is a simpler form of execution control compared to throttling or debouncing:
|
|
133
183
|
* - A rate limiter will allow all executions until the limit is reached, then block all subsequent calls until the window resets
|
|
134
184
|
* - A throttler ensures even spacing between executions, which can be better for consistent performance
|
|
@@ -139,10 +189,11 @@ export declare class AsyncRateLimiter<TFn extends AnyAsyncFunction> {
|
|
|
139
189
|
*
|
|
140
190
|
* @example
|
|
141
191
|
* ```ts
|
|
142
|
-
* // Rate limit to 5 calls per minute
|
|
192
|
+
* // Rate limit to 5 calls per minute with a sliding window
|
|
143
193
|
* const rateLimited = asyncRateLimit(makeApiCall, {
|
|
144
194
|
* limit: 5,
|
|
145
195
|
* window: 60000,
|
|
196
|
+
* windowType: 'sliding',
|
|
146
197
|
* onReject: (rateLimiter) => {
|
|
147
198
|
* console.log(`Rate limit exceeded. Try again in ${rateLimiter.getMsUntilNextWindow()}ms`);
|
|
148
199
|
* }
|
|
@@ -150,10 +201,11 @@ export declare class AsyncRateLimiter<TFn extends AnyAsyncFunction> {
|
|
|
150
201
|
*
|
|
151
202
|
* // First 5 calls will execute immediately
|
|
152
203
|
* // Additional calls will be rejected until the minute window resets
|
|
153
|
-
*
|
|
204
|
+
* // Returns the API response directly
|
|
205
|
+
* const result = await rateLimited();
|
|
154
206
|
*
|
|
155
207
|
* // For more even execution, consider using throttle instead:
|
|
156
208
|
* const throttled = throttle(makeApiCall, { wait: 12000 }); // One call every 12 seconds
|
|
157
209
|
* ```
|
|
158
210
|
*/
|
|
159
|
-
export declare function asyncRateLimit<TFn extends AnyAsyncFunction>(fn: TFn, initialOptions:
|
|
211
|
+
export declare function asyncRateLimit<TFn extends AnyAsyncFunction>(fn: TFn, initialOptions: AsyncRateLimiterOptions<TFn>): (...args: Parameters<TFn>) => Promise<ReturnType<TFn> | undefined>;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const utils = require("./utils.cjs");
|
|
3
4
|
const defaultOptions = {
|
|
4
5
|
enabled: true,
|
|
5
6
|
leading: true,
|
|
@@ -44,6 +45,18 @@ class AsyncThrottler {
|
|
|
44
45
|
getOptions() {
|
|
45
46
|
return this._options;
|
|
46
47
|
}
|
|
48
|
+
/**
|
|
49
|
+
* Returns the current enabled state of the throttler
|
|
50
|
+
*/
|
|
51
|
+
getEnabled() {
|
|
52
|
+
return utils.parseFunctionOrValue(this._options.enabled, this);
|
|
53
|
+
}
|
|
54
|
+
/**
|
|
55
|
+
* Returns the current wait time in milliseconds
|
|
56
|
+
*/
|
|
57
|
+
getWait() {
|
|
58
|
+
return utils.parseFunctionOrValue(this._options.wait, this);
|
|
59
|
+
}
|
|
47
60
|
/**
|
|
48
61
|
* Attempts to execute the throttled function
|
|
49
62
|
* If a call is already in progress, it may be blocked or queued depending on the `wait` option
|
|
@@ -51,7 +64,8 @@ class AsyncThrottler {
|
|
|
51
64
|
async maybeExecute(...args) {
|
|
52
65
|
const now = Date.now();
|
|
53
66
|
const timeSinceLastExecution = now - this._lastExecutionTime;
|
|
54
|
-
|
|
67
|
+
const wait = this.getWait();
|
|
68
|
+
if (this._options.leading && timeSinceLastExecution >= wait) {
|
|
55
69
|
await this.executeFunction(...args);
|
|
56
70
|
return this._lastResult;
|
|
57
71
|
} else {
|
|
@@ -62,7 +76,7 @@ class AsyncThrottler {
|
|
|
62
76
|
}
|
|
63
77
|
if (this._options.trailing) {
|
|
64
78
|
const _timeSinceLastExecution = this._lastExecutionTime ? now - this._lastExecutionTime : 0;
|
|
65
|
-
const timeoutDuration =
|
|
79
|
+
const timeoutDuration = wait - _timeSinceLastExecution;
|
|
66
80
|
this._timeoutId = setTimeout(async () => {
|
|
67
81
|
if (this._lastArgs !== void 0) {
|
|
68
82
|
await this.executeFunction(...this._lastArgs);
|
|
@@ -74,7 +88,7 @@ class AsyncThrottler {
|
|
|
74
88
|
}
|
|
75
89
|
}
|
|
76
90
|
async executeFunction(...args) {
|
|
77
|
-
if (!this.
|
|
91
|
+
if (!this.getEnabled() || this._isExecuting) return void 0;
|
|
78
92
|
this._abortController = new AbortController();
|
|
79
93
|
try {
|
|
80
94
|
this._isExecuting = true;
|
|
@@ -89,7 +103,7 @@ class AsyncThrottler {
|
|
|
89
103
|
this._settleCount++;
|
|
90
104
|
this._abortController = null;
|
|
91
105
|
this._lastExecutionTime = Date.now();
|
|
92
|
-
this._nextExecutionTime = this._lastExecutionTime + this.
|
|
106
|
+
this._nextExecutionTime = this._lastExecutionTime + this.getWait();
|
|
93
107
|
this._options.onSettled(this);
|
|
94
108
|
}
|
|
95
109
|
return this._lastResult;
|
|
@@ -148,7 +162,7 @@ class AsyncThrottler {
|
|
|
148
162
|
* Returns the current pending state
|
|
149
163
|
*/
|
|
150
164
|
getIsPending() {
|
|
151
|
-
return this.
|
|
165
|
+
return this.getEnabled() && !!this._timeoutId;
|
|
152
166
|
}
|
|
153
167
|
/**
|
|
154
168
|
* Returns the current executing state
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"async-throttler.cjs","sources":["../../src/async-throttler.ts"],"sourcesContent":["import type { AnyAsyncFunction } from './types'\n\n/**\n * Options for configuring an async throttled function\n */\nexport interface AsyncThrottlerOptions<TFn extends AnyAsyncFunction> {\n /**\n * Whether the throttler is enabled. When disabled, maybeExecute will not trigger any executions.\n * Defaults to true.\n */\n enabled?: boolean\n /**\n * Whether to execute the function immediately when called\n * Defaults to true\n */\n leading?: boolean\n /**\n * Optional error handler for when the throttled function throws\n */\n onError?: (error: unknown, asyncThrottler: AsyncThrottler<TFn>) => void\n /**\n * Optional function to call when the throttled function is executed\n */\n onSettled?: (asyncThrottler: AsyncThrottler<TFn>) => void\n /**\n * Optional function to call when the throttled function is executed\n */\n onSuccess?: (\n result: ReturnType<TFn>,\n asyncThrottler: AsyncThrottler<TFn>,\n ) => void\n /**\n * Whether to execute the function on the trailing edge of the wait period\n * Defaults to true\n */\n trailing?: boolean\n /**\n * Time window in milliseconds during which the function can only be executed once\n * Defaults to 0ms\n */\n wait: number\n}\n\nconst defaultOptions: Required<AsyncThrottlerOptions<any>> = {\n enabled: true,\n leading: true,\n onError: () => {},\n onSettled: () => {},\n onSuccess: () => {},\n trailing: true,\n wait: 0,\n}\n\n/**\n * A class that creates an async throttled function.\n *\n * Throttling limits how often a function can be executed, allowing only one execution within a specified time window.\n * Unlike debouncing which resets the delay timer on each call, throttling ensures the function executes at a\n * regular interval regardless of how often it's called.\n *\n * This is useful for rate-limiting API calls, handling scroll/resize events, or any scenario where you want to\n * ensure a maximum execution frequency.\n *\n * @example\n * ```ts\n * const throttler = new AsyncThrottler(async (value: string) => {\n * await saveToAPI(value);\n * }, { wait: 1000 });\n *\n * // Will only execute once per second no matter how often called\n * inputElement.addEventListener('input', () => {\n * throttler.maybeExecute(inputElement.value);\n * });\n * ```\n */\nexport class AsyncThrottler<TFn extends AnyAsyncFunction> {\n private _options: Required<AsyncThrottlerOptions<TFn>>\n private _abortController: AbortController | null = null\n private _errorCount = 0\n private _isExecuting = false\n private _lastArgs: Parameters<TFn> | undefined\n private _lastExecutionTime = 0\n private _lastResult: ReturnType<TFn> | undefined\n private _nextExecutionTime = 0\n private _settleCount = 0\n private _successCount = 0\n private _timeoutId: NodeJS.Timeout | null = null\n\n constructor(\n private fn: TFn,\n initialOptions: AsyncThrottlerOptions<TFn>,\n ) {\n this._options = {\n ...defaultOptions,\n ...initialOptions,\n }\n }\n\n /**\n * Updates the throttler options\n * Returns the new options state\n */\n setOptions(newOptions: Partial<AsyncThrottlerOptions<TFn>>): void {\n this._options = { ...this._options, ...newOptions }\n\n // End the pending state if the debouncer is disabled\n if (!this._options.enabled) {\n this.cancel()\n }\n }\n\n /**\n * Returns the current options\n */\n getOptions(): Required<AsyncThrottlerOptions<TFn>> {\n return this._options\n }\n\n /**\n * Attempts to execute the throttled function\n * If a call is already in progress, it may be blocked or queued depending on the `wait` option\n */\n async maybeExecute(\n ...args: Parameters<TFn>\n ): Promise<ReturnType<TFn> | undefined> {\n const now = Date.now()\n const timeSinceLastExecution = now - this._lastExecutionTime\n\n // Handle leading execution\n if (this._options.leading && timeSinceLastExecution >= this._options.wait) {\n await this.executeFunction(...args)\n return this._lastResult\n } else {\n // Store the most recent arguments for potential trailing execution\n this._lastArgs = args\n\n return new Promise((resolve) => {\n // Clear any existing timeout to ensure we use the latest arguments\n if (this._timeoutId) {\n clearTimeout(this._timeoutId)\n }\n\n // Set up trailing execution if enabled\n if (this._options.trailing) {\n const _timeSinceLastExecution = this._lastExecutionTime\n ? now - this._lastExecutionTime\n : 0\n const timeoutDuration = this._options.wait - _timeSinceLastExecution\n this._timeoutId = setTimeout(async () => {\n if (this._lastArgs !== undefined) {\n await this.executeFunction(...this._lastArgs)\n }\n resolve(this._lastResult)\n }, timeoutDuration)\n }\n })\n }\n }\n\n private async executeFunction(\n ...args: Parameters<TFn>\n ): Promise<ReturnType<TFn> | undefined> {\n if (!this._options.enabled || this._isExecuting) return undefined\n this._abortController = new AbortController()\n try {\n this._isExecuting = true\n this._lastResult = await this.fn(...args) // EXECUTE!\n this._successCount++\n this._options.onSuccess(this._lastResult!, this)\n } catch (error) {\n this._errorCount++\n this._options.onError(error, this)\n } finally {\n this._isExecuting = false\n this._settleCount++\n this._abortController = null\n this._lastExecutionTime = Date.now()\n this._nextExecutionTime = this._lastExecutionTime + this._options.wait\n this._options.onSettled(this)\n }\n return this._lastResult\n }\n\n /**\n * Cancels any pending execution or aborts any execution in progress\n */\n cancel(): void {\n if (this._timeoutId) {\n clearTimeout(this._timeoutId)\n this._timeoutId = null\n }\n if (this._abortController) {\n this._abortController.abort()\n this._abortController = null\n }\n this._lastArgs = undefined\n }\n\n /**\n * Returns the last execution time\n */\n getLastExecutionTime(): number {\n return this._lastExecutionTime\n }\n\n /**\n * Returns the next execution time\n */\n getNextExecutionTime(): number {\n return this._nextExecutionTime\n }\n\n /**\n * Returns the last result of the debounced function\n */\n getLastResult(): ReturnType<TFn> | undefined {\n return this._lastResult\n }\n\n /**\n * Returns the number of times the function has been executed successfully\n */\n getSuccessCount(): number {\n return this._successCount\n }\n\n /**\n * Returns the number of times the function has settled (completed or errored)\n */\n getSettleCount(): number {\n return this._settleCount\n }\n\n /**\n * Returns the number of times the function has errored\n */\n getErrorCount(): number {\n return this._errorCount\n }\n\n /**\n * Returns the current pending state\n */\n getIsPending(): boolean {\n return this._options.enabled && !!this._timeoutId\n }\n\n /**\n * Returns the current executing state\n */\n getIsExecuting(): boolean {\n return this._isExecuting\n }\n}\n\n/**\n * Creates an async throttled function that limits how often the function can execute.\n * The throttled function will execute at most once per wait period, even if called multiple times.\n * If called while executing, it will wait until execution completes before scheduling the next call.\n *\n * @example\n * ```ts\n * const throttled = asyncThrottle(async () => {\n * await someAsyncOperation();\n * }, { wait: 1000 });\n *\n * // This will execute at most once per second\n * await throttled();\n * await throttled(); // Waits 1 second before executing\n * ```\n */\nexport function asyncThrottle<TFn extends AnyAsyncFunction>(\n fn: TFn,\n initialOptions: Omit<AsyncThrottlerOptions<TFn>, 'enabled'>,\n) {\n const asyncThrottler = new AsyncThrottler(fn, initialOptions)\n return asyncThrottler.maybeExecute.bind(asyncThrottler)\n}\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"async-throttler.cjs","sources":["../../src/async-throttler.ts"],"sourcesContent":["import { parseFunctionOrValue } from './utils'\nimport type { AnyAsyncFunction } from './types'\n\n/**\n * Options for configuring an async throttled function\n */\nexport interface AsyncThrottlerOptions<TFn extends AnyAsyncFunction> {\n /**\n * Whether the throttler is enabled. When disabled, maybeExecute will not trigger any executions.\n * Can be a boolean or a function that returns a boolean.\n * Defaults to true.\n */\n enabled?: boolean | ((throttler: AsyncThrottler<TFn>) => boolean)\n /**\n * Whether to execute the function immediately when called\n * Defaults to true\n */\n leading?: boolean\n /**\n * Optional error handler for when the throttled function throws\n */\n onError?: (error: unknown, asyncThrottler: AsyncThrottler<TFn>) => void\n /**\n * Optional function to call when the throttled function is executed\n */\n onSettled?: (asyncThrottler: AsyncThrottler<TFn>) => void\n /**\n * Optional function to call when the throttled function is executed\n */\n onSuccess?: (\n result: ReturnType<TFn>,\n asyncThrottler: AsyncThrottler<TFn>,\n ) => void\n /**\n * Whether to execute the function on the trailing edge of the wait period\n * Defaults to true\n */\n trailing?: boolean\n /**\n * Time window in milliseconds during which the function can only be executed once.\n * Can be a number or a function that returns a number.\n * Defaults to 0ms\n */\n wait: number | ((throttler: AsyncThrottler<TFn>) => number)\n}\n\nconst defaultOptions: Required<AsyncThrottlerOptions<any>> = {\n enabled: true,\n leading: true,\n onError: () => {},\n onSettled: () => {},\n onSuccess: () => {},\n trailing: true,\n wait: 0,\n}\n\n/**\n * A class that creates an async throttled function.\n *\n * Throttling limits how often a function can be executed, allowing only one execution within a specified time window.\n * Unlike debouncing which resets the delay timer on each call, throttling ensures the function executes at a\n * regular interval regardless of how often it's called.\n *\n * Unlike the non-async Throttler, this async version supports returning values from the throttled function,\n * making it ideal for API calls and other async operations where you want the result of the `maybeExecute` call\n * instead of setting the result on a state variable from within the throttled function.\n *\n * This is useful for rate-limiting API calls, handling scroll/resize events, or any scenario where you want to\n * ensure a maximum execution frequency.\n *\n * @example\n * ```ts\n * const throttler = new AsyncThrottler(async (value: string) => {\n * const result = await saveToAPI(value);\n * return result; // Return value is preserved\n * }, { wait: 1000 });\n *\n * // Will only execute once per second no matter how often called\n * // Returns the API response directly\n * const result = await throttler.maybeExecute(inputElement.value);\n * ```\n */\nexport class AsyncThrottler<TFn extends AnyAsyncFunction> {\n private _options: Required<AsyncThrottlerOptions<TFn>>\n private _abortController: AbortController | null = null\n private _errorCount = 0\n private _isExecuting = false\n private _lastArgs: Parameters<TFn> | undefined\n private _lastExecutionTime = 0\n private _lastResult: ReturnType<TFn> | undefined\n private _nextExecutionTime = 0\n private _settleCount = 0\n private _successCount = 0\n private _timeoutId: NodeJS.Timeout | null = null\n\n constructor(\n private fn: TFn,\n initialOptions: AsyncThrottlerOptions<TFn>,\n ) {\n this._options = {\n ...defaultOptions,\n ...initialOptions,\n }\n }\n\n /**\n * Updates the throttler options\n * Returns the new options state\n */\n setOptions(newOptions: Partial<AsyncThrottlerOptions<TFn>>): void {\n this._options = { ...this._options, ...newOptions }\n\n // End the pending state if the debouncer is disabled\n if (!this._options.enabled) {\n this.cancel()\n }\n }\n\n /**\n * Returns the current options\n */\n getOptions(): Required<AsyncThrottlerOptions<TFn>> {\n return this._options\n }\n\n /**\n * Returns the current enabled state of the throttler\n */\n getEnabled(): boolean {\n return parseFunctionOrValue(this._options.enabled, this)\n }\n\n /**\n * Returns the current wait time in milliseconds\n */\n getWait(): number {\n return parseFunctionOrValue(this._options.wait, this)\n }\n\n /**\n * Attempts to execute the throttled function\n * If a call is already in progress, it may be blocked or queued depending on the `wait` option\n */\n async maybeExecute(\n ...args: Parameters<TFn>\n ): Promise<ReturnType<TFn> | undefined> {\n const now = Date.now()\n const timeSinceLastExecution = now - this._lastExecutionTime\n const wait = this.getWait()\n\n // Handle leading execution\n if (this._options.leading && timeSinceLastExecution >= wait) {\n await this.executeFunction(...args)\n return this._lastResult\n } else {\n // Store the most recent arguments for potential trailing execution\n this._lastArgs = args\n\n return new Promise((resolve) => {\n // Clear any existing timeout to ensure we use the latest arguments\n if (this._timeoutId) {\n clearTimeout(this._timeoutId)\n }\n\n // Set up trailing execution if enabled\n if (this._options.trailing) {\n const _timeSinceLastExecution = this._lastExecutionTime\n ? now - this._lastExecutionTime\n : 0\n const timeoutDuration = wait - _timeSinceLastExecution\n this._timeoutId = setTimeout(async () => {\n if (this._lastArgs !== undefined) {\n await this.executeFunction(...this._lastArgs)\n }\n resolve(this._lastResult)\n }, timeoutDuration)\n }\n })\n }\n }\n\n private async executeFunction(\n ...args: Parameters<TFn>\n ): Promise<ReturnType<TFn> | undefined> {\n if (!this.getEnabled() || this._isExecuting) return undefined\n this._abortController = new AbortController()\n try {\n this._isExecuting = true\n this._lastResult = await this.fn(...args) // EXECUTE!\n this._successCount++\n this._options.onSuccess(this._lastResult!, this)\n } catch (error) {\n this._errorCount++\n this._options.onError(error, this)\n } finally {\n this._isExecuting = false\n this._settleCount++\n this._abortController = null\n this._lastExecutionTime = Date.now()\n this._nextExecutionTime = this._lastExecutionTime + this.getWait()\n this._options.onSettled(this)\n }\n return this._lastResult\n }\n\n /**\n * Cancels any pending execution or aborts any execution in progress\n */\n cancel(): void {\n if (this._timeoutId) {\n clearTimeout(this._timeoutId)\n this._timeoutId = null\n }\n if (this._abortController) {\n this._abortController.abort()\n this._abortController = null\n }\n this._lastArgs = undefined\n }\n\n /**\n * Returns the last execution time\n */\n getLastExecutionTime(): number {\n return this._lastExecutionTime\n }\n\n /**\n * Returns the next execution time\n */\n getNextExecutionTime(): number {\n return this._nextExecutionTime\n }\n\n /**\n * Returns the last result of the debounced function\n */\n getLastResult(): ReturnType<TFn> | undefined {\n return this._lastResult\n }\n\n /**\n * Returns the number of times the function has been executed successfully\n */\n getSuccessCount(): number {\n return this._successCount\n }\n\n /**\n * Returns the number of times the function has settled (completed or errored)\n */\n getSettleCount(): number {\n return this._settleCount\n }\n\n /**\n * Returns the number of times the function has errored\n */\n getErrorCount(): number {\n return this._errorCount\n }\n\n /**\n * Returns the current pending state\n */\n getIsPending(): boolean {\n return this.getEnabled() && !!this._timeoutId\n }\n\n /**\n * Returns the current executing state\n */\n getIsExecuting(): boolean {\n return this._isExecuting\n }\n}\n\n/**\n * Creates an async throttled function that limits how often the function can execute.\n * The throttled function will execute at most once per wait period, even if called multiple times.\n * If called while executing, it will wait until execution completes before scheduling the next call.\n *\n * Unlike the non-async Throttler, this async version supports returning values from the throttled function,\n * making it ideal for API calls and other async operations where you want the result of the `maybeExecute` call\n * instead of setting the result on a state variable from within the throttled function.\n *\n * @example\n * ```ts\n * const throttled = asyncThrottle(async (value: string) => {\n * const result = await saveToAPI(value);\n * return result; // Return value is preserved\n * }, { wait: 1000 });\n *\n * // This will execute at most once per second\n * // Returns the API response directly\n * const result = await throttled(inputElement.value);\n * ```\n */\nexport function asyncThrottle<TFn extends AnyAsyncFunction>(\n fn: TFn,\n initialOptions: AsyncThrottlerOptions<TFn>,\n) {\n const asyncThrottler = new AsyncThrottler(fn, initialOptions)\n return asyncThrottler.maybeExecute.bind(asyncThrottler)\n}\n"],"names":["parseFunctionOrValue"],"mappings":"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"}
|
|
@@ -5,9 +5,10 @@ import { AnyAsyncFunction } from './types.cjs';
|
|
|
5
5
|
export interface AsyncThrottlerOptions<TFn extends AnyAsyncFunction> {
|
|
6
6
|
/**
|
|
7
7
|
* Whether the throttler is enabled. When disabled, maybeExecute will not trigger any executions.
|
|
8
|
+
* Can be a boolean or a function that returns a boolean.
|
|
8
9
|
* Defaults to true.
|
|
9
10
|
*/
|
|
10
|
-
enabled?: boolean;
|
|
11
|
+
enabled?: boolean | ((throttler: AsyncThrottler<TFn>) => boolean);
|
|
11
12
|
/**
|
|
12
13
|
* Whether to execute the function immediately when called
|
|
13
14
|
* Defaults to true
|
|
@@ -31,10 +32,11 @@ export interface AsyncThrottlerOptions<TFn extends AnyAsyncFunction> {
|
|
|
31
32
|
*/
|
|
32
33
|
trailing?: boolean;
|
|
33
34
|
/**
|
|
34
|
-
* Time window in milliseconds during which the function can only be executed once
|
|
35
|
+
* Time window in milliseconds during which the function can only be executed once.
|
|
36
|
+
* Can be a number or a function that returns a number.
|
|
35
37
|
* Defaults to 0ms
|
|
36
38
|
*/
|
|
37
|
-
wait: number;
|
|
39
|
+
wait: number | ((throttler: AsyncThrottler<TFn>) => number);
|
|
38
40
|
}
|
|
39
41
|
/**
|
|
40
42
|
* A class that creates an async throttled function.
|
|
@@ -43,19 +45,23 @@ export interface AsyncThrottlerOptions<TFn extends AnyAsyncFunction> {
|
|
|
43
45
|
* Unlike debouncing which resets the delay timer on each call, throttling ensures the function executes at a
|
|
44
46
|
* regular interval regardless of how often it's called.
|
|
45
47
|
*
|
|
48
|
+
* Unlike the non-async Throttler, this async version supports returning values from the throttled function,
|
|
49
|
+
* making it ideal for API calls and other async operations where you want the result of the `maybeExecute` call
|
|
50
|
+
* instead of setting the result on a state variable from within the throttled function.
|
|
51
|
+
*
|
|
46
52
|
* This is useful for rate-limiting API calls, handling scroll/resize events, or any scenario where you want to
|
|
47
53
|
* ensure a maximum execution frequency.
|
|
48
54
|
*
|
|
49
55
|
* @example
|
|
50
56
|
* ```ts
|
|
51
57
|
* const throttler = new AsyncThrottler(async (value: string) => {
|
|
52
|
-
* await saveToAPI(value);
|
|
58
|
+
* const result = await saveToAPI(value);
|
|
59
|
+
* return result; // Return value is preserved
|
|
53
60
|
* }, { wait: 1000 });
|
|
54
61
|
*
|
|
55
62
|
* // Will only execute once per second no matter how often called
|
|
56
|
-
*
|
|
57
|
-
*
|
|
58
|
-
* });
|
|
63
|
+
* // Returns the API response directly
|
|
64
|
+
* const result = await throttler.maybeExecute(inputElement.value);
|
|
59
65
|
* ```
|
|
60
66
|
*/
|
|
61
67
|
export declare class AsyncThrottler<TFn extends AnyAsyncFunction> {
|
|
@@ -81,6 +87,14 @@ export declare class AsyncThrottler<TFn extends AnyAsyncFunction> {
|
|
|
81
87
|
* Returns the current options
|
|
82
88
|
*/
|
|
83
89
|
getOptions(): Required<AsyncThrottlerOptions<TFn>>;
|
|
90
|
+
/**
|
|
91
|
+
* Returns the current enabled state of the throttler
|
|
92
|
+
*/
|
|
93
|
+
getEnabled(): boolean;
|
|
94
|
+
/**
|
|
95
|
+
* Returns the current wait time in milliseconds
|
|
96
|
+
*/
|
|
97
|
+
getWait(): number;
|
|
84
98
|
/**
|
|
85
99
|
* Attempts to execute the throttled function
|
|
86
100
|
* If a call is already in progress, it may be blocked or queued depending on the `wait` option
|
|
@@ -129,15 +143,20 @@ export declare class AsyncThrottler<TFn extends AnyAsyncFunction> {
|
|
|
129
143
|
* The throttled function will execute at most once per wait period, even if called multiple times.
|
|
130
144
|
* If called while executing, it will wait until execution completes before scheduling the next call.
|
|
131
145
|
*
|
|
146
|
+
* Unlike the non-async Throttler, this async version supports returning values from the throttled function,
|
|
147
|
+
* making it ideal for API calls and other async operations where you want the result of the `maybeExecute` call
|
|
148
|
+
* instead of setting the result on a state variable from within the throttled function.
|
|
149
|
+
*
|
|
132
150
|
* @example
|
|
133
151
|
* ```ts
|
|
134
|
-
* const throttled = asyncThrottle(async () => {
|
|
135
|
-
* await
|
|
152
|
+
* const throttled = asyncThrottle(async (value: string) => {
|
|
153
|
+
* const result = await saveToAPI(value);
|
|
154
|
+
* return result; // Return value is preserved
|
|
136
155
|
* }, { wait: 1000 });
|
|
137
156
|
*
|
|
138
157
|
* // This will execute at most once per second
|
|
139
|
-
*
|
|
140
|
-
* await throttled();
|
|
158
|
+
* // Returns the API response directly
|
|
159
|
+
* const result = await throttled(inputElement.value);
|
|
141
160
|
* ```
|
|
142
161
|
*/
|
|
143
|
-
export declare function asyncThrottle<TFn extends AnyAsyncFunction>(fn: TFn, initialOptions:
|
|
162
|
+
export declare function asyncThrottle<TFn extends AnyAsyncFunction>(fn: TFn, initialOptions: AsyncThrottlerOptions<TFn>): (...args: Parameters<TFn>) => Promise<ReturnType<TFn> | undefined>;
|
package/dist/cjs/debouncer.cjs
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const utils = require("./utils.cjs");
|
|
3
4
|
const defaultOptions = {
|
|
4
5
|
enabled: true,
|
|
5
6
|
leading: false,
|
|
@@ -35,6 +36,18 @@ class Debouncer {
|
|
|
35
36
|
getOptions() {
|
|
36
37
|
return this._options;
|
|
37
38
|
}
|
|
39
|
+
/**
|
|
40
|
+
* Returns the current enabled state of the debouncer
|
|
41
|
+
*/
|
|
42
|
+
getEnabled() {
|
|
43
|
+
return utils.parseFunctionOrValue(this._options.enabled, this);
|
|
44
|
+
}
|
|
45
|
+
/**
|
|
46
|
+
* Returns the current wait time in milliseconds
|
|
47
|
+
*/
|
|
48
|
+
getWait() {
|
|
49
|
+
return utils.parseFunctionOrValue(this._options.wait, this);
|
|
50
|
+
}
|
|
38
51
|
/**
|
|
39
52
|
* Attempts to execute the debounced function
|
|
40
53
|
* If a call is already in progress, it will be queued
|
|
@@ -55,10 +68,10 @@ class Debouncer {
|
|
|
55
68
|
if (this._options.trailing && !_didLeadingExecute) {
|
|
56
69
|
this.executeFunction(...args);
|
|
57
70
|
}
|
|
58
|
-
}, this.
|
|
71
|
+
}, this.getWait());
|
|
59
72
|
}
|
|
60
73
|
executeFunction(...args) {
|
|
61
|
-
if (!this.
|
|
74
|
+
if (!this.getEnabled()) return void 0;
|
|
62
75
|
this.fn(...args);
|
|
63
76
|
this._isPending = false;
|
|
64
77
|
this._executionCount++;
|
|
@@ -84,7 +97,7 @@ class Debouncer {
|
|
|
84
97
|
* Returns `true` if debouncing
|
|
85
98
|
*/
|
|
86
99
|
getIsPending() {
|
|
87
|
-
return this.
|
|
100
|
+
return this.getEnabled() && this._isPending;
|
|
88
101
|
}
|
|
89
102
|
}
|
|
90
103
|
function debounce(fn, initialOptions) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"debouncer.cjs","sources":["../../src/debouncer.ts"],"sourcesContent":["import type { AnyFunction } from './types'\n\n/**\n * Options for configuring a debounced function\n */\nexport interface DebouncerOptions<TFn extends AnyFunction> {\n /**\n * Whether the debouncer is enabled. When disabled, maybeExecute will not trigger any executions.\n * Defaults to true.\n */\n enabled?: boolean\n /**\n * Whether to execute on the leading edge of the timeout.\n * The first call will execute immediately and the rest will wait the delay.\n * Defaults to false.\n */\n leading?: boolean\n /**\n * Callback function that is called after the function is executed\n */\n onExecute?: (debouncer: Debouncer<TFn>) => void\n /**\n * Whether to execute on the trailing edge of the timeout.\n * Defaults to true.\n */\n trailing?: boolean\n /**\n * Delay in milliseconds before executing the function
|
|
1
|
+
{"version":3,"file":"debouncer.cjs","sources":["../../src/debouncer.ts"],"sourcesContent":["import { parseFunctionOrValue } from './utils'\nimport type { AnyFunction } from './types'\n\n/**\n * Options for configuring a debounced function\n */\nexport interface DebouncerOptions<TFn extends AnyFunction> {\n /**\n * Whether the debouncer is enabled. When disabled, maybeExecute will not trigger any executions.\n * Can be a boolean or a function that returns a boolean.\n * Defaults to true.\n */\n enabled?: boolean | ((debouncer: Debouncer<TFn>) => boolean)\n /**\n * Whether to execute on the leading edge of the timeout.\n * The first call will execute immediately and the rest will wait the delay.\n * Defaults to false.\n */\n leading?: boolean\n /**\n * Callback function that is called after the function is executed\n */\n onExecute?: (debouncer: Debouncer<TFn>) => void\n /**\n * Whether to execute on the trailing edge of the timeout.\n * Defaults to true.\n */\n trailing?: boolean\n /**\n * Delay in milliseconds before executing the function.\n * Can be a number or a function that returns a number.\n * Defaults to 0ms\n */\n wait: number | ((debouncer: Debouncer<TFn>) => number)\n}\n\nconst defaultOptions: Required<DebouncerOptions<any>> = {\n enabled: true,\n leading: false,\n onExecute: () => {},\n trailing: true,\n wait: 0,\n}\n\n/**\n * A class that creates a debounced function.\n *\n * Debouncing ensures that a function is only executed after a certain amount of time has passed\n * since its last invocation. This is useful for handling frequent events like window resizing,\n * scroll events, or input changes where you want to limit the rate of execution.\n *\n * The debounced function can be configured to execute either at the start of the delay period\n * (leading edge) or at the end (trailing edge, default). Each new call during the wait period\n * will reset the timer.\n *\n * @example\n * ```ts\n * const debouncer = new Debouncer((value: string) => {\n * saveToDatabase(value);\n * }, { wait: 500 });\n *\n * // Will only save after 500ms of no new input\n * inputElement.addEventListener('input', () => {\n * debouncer.maybeExecute(inputElement.value);\n * });\n * ```\n */\nexport class Debouncer<TFn extends AnyFunction> {\n private _canLeadingExecute = true\n private _executionCount = 0\n private _isPending = false\n private _options: Required<DebouncerOptions<TFn>>\n private _timeoutId: NodeJS.Timeout | undefined\n\n constructor(\n private fn: TFn,\n initialOptions: DebouncerOptions<TFn>,\n ) {\n this._options = {\n ...defaultOptions,\n ...initialOptions,\n }\n }\n\n /**\n * Updates the debouncer options\n * Returns the new options state\n */\n setOptions(newOptions: Partial<DebouncerOptions<TFn>>): void {\n this._options = { ...this._options, ...newOptions }\n\n // End the pending state if the debouncer is disabled\n if (!this._options.enabled) {\n this._isPending = false\n }\n }\n\n /**\n * Returns the current debouncer options\n */\n getOptions(): Required<DebouncerOptions<TFn>> {\n return this._options\n }\n\n /**\n * Returns the current enabled state of the debouncer\n */\n getEnabled(): boolean {\n return parseFunctionOrValue(this._options.enabled, this)\n }\n\n /**\n * Returns the current wait time in milliseconds\n */\n getWait(): number {\n return parseFunctionOrValue(this._options.wait, this)\n }\n\n /**\n * Attempts to execute the debounced function\n * If a call is already in progress, it will be queued\n */\n maybeExecute(...args: Parameters<TFn>): void {\n let _didLeadingExecute = false\n\n // Handle leading execution\n if (this._options.leading && this._canLeadingExecute) {\n this._canLeadingExecute = false\n _didLeadingExecute = true\n this.executeFunction(...args)\n }\n\n // Start pending state to indicate that the debouncer is waiting for the trailing edge\n if (this._options.trailing) {\n this._isPending = true\n }\n\n // Clear any existing timeout\n if (this._timeoutId) clearTimeout(this._timeoutId)\n\n // Set new timeout that will reset canLeadingExecute and execute trailing only if enabled and did not execute leading\n this._timeoutId = setTimeout(() => {\n this._canLeadingExecute = true\n if (this._options.trailing && !_didLeadingExecute) {\n this.executeFunction(...args)\n }\n }, this.getWait())\n }\n\n private executeFunction(...args: Parameters<TFn>): void {\n if (!this.getEnabled()) return undefined\n this.fn(...args) // EXECUTE!\n this._isPending = false\n this._executionCount++\n this._options.onExecute(this)\n }\n\n /**\n * Cancels any pending execution\n */\n cancel(): void {\n if (this._timeoutId) {\n clearTimeout(this._timeoutId)\n this._canLeadingExecute = true\n this._isPending = false\n }\n }\n\n /**\n * Returns the number of times the function has been executed\n */\n getExecutionCount(): number {\n return this._executionCount\n }\n\n /**\n * Returns `true` if debouncing\n */\n getIsPending(): boolean {\n return this.getEnabled() && this._isPending\n }\n}\n\n/**\n * Creates a debounced function that delays invoking the provided function until after a specified wait time.\n * Multiple calls during the wait period will cancel previous pending invocations and reset the timer.\n *\n * This the the simple function wrapper implementation pulled from the Debouncer class. If you need\n * more control over the debouncing behavior, use the Debouncer class directly.\n *\n * If leading option is true, the function will execute immediately on the first call, then wait the delay\n * before allowing another execution.\n *\n * @example\n * ```ts\n * const debounced = debounce(() => {\n * saveChanges();\n * }, { wait: 1000 });\n *\n * // Called repeatedly but executes at most once per second\n * inputElement.addEventListener('input', debounced);\n * ```\n */\nexport function debounce<TFn extends AnyFunction>(\n fn: TFn,\n initialOptions: DebouncerOptions<TFn>,\n): (...args: Parameters<TFn>) => void {\n const debouncer = new Debouncer(fn, initialOptions)\n return debouncer.maybeExecute.bind(debouncer)\n}\n"],"names":["parseFunctionOrValue"],"mappings":";;;AAoCA,MAAM,iBAAkD;AAAA,EACtD,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW,MAAM;AAAA,EAAC;AAAA,EAClB,UAAU;AAAA,EACV,MAAM;AACR;AAyBO,MAAM,UAAmC;AAAA,EAO9C,YACU,IACR,gBACA;AAFQ,SAAA,KAAA;AAPV,SAAQ,qBAAqB;AAC7B,SAAQ,kBAAkB;AAC1B,SAAQ,aAAa;AAQnB,SAAK,WAAW;AAAA,MACd,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOF,WAAW,YAAkD;AAC3D,SAAK,WAAW,EAAE,GAAG,KAAK,UAAU,GAAG,WAAW;AAG9C,QAAA,CAAC,KAAK,SAAS,SAAS;AAC1B,WAAK,aAAa;AAAA,IAAA;AAAA,EACpB;AAAA;AAAA;AAAA;AAAA,EAMF,aAA8C;AAC5C,WAAO,KAAK;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,EAMd,aAAsB;AACpB,WAAOA,MAAqB,qBAAA,KAAK,SAAS,SAAS,IAAI;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,EAMzD,UAAkB;AAChB,WAAOA,MAAqB,qBAAA,KAAK,SAAS,MAAM,IAAI;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOtD,gBAAgB,MAA6B;AAC3C,QAAI,qBAAqB;AAGzB,QAAI,KAAK,SAAS,WAAW,KAAK,oBAAoB;AACpD,WAAK,qBAAqB;AACL,2BAAA;AAChB,WAAA,gBAAgB,GAAG,IAAI;AAAA,IAAA;AAI1B,QAAA,KAAK,SAAS,UAAU;AAC1B,WAAK,aAAa;AAAA,IAAA;AAIpB,QAAI,KAAK,WAAyB,cAAA,KAAK,UAAU;AAG5C,SAAA,aAAa,WAAW,MAAM;AACjC,WAAK,qBAAqB;AAC1B,UAAI,KAAK,SAAS,YAAY,CAAC,oBAAoB;AAC5C,aAAA,gBAAgB,GAAG,IAAI;AAAA,MAAA;AAAA,IAC9B,GACC,KAAK,SAAS;AAAA,EAAA;AAAA,EAGX,mBAAmB,MAA6B;AACtD,QAAI,CAAC,KAAK,WAAW,EAAU,QAAA;AAC1B,SAAA,GAAG,GAAG,IAAI;AACf,SAAK,aAAa;AACb,SAAA;AACA,SAAA,SAAS,UAAU,IAAI;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,EAM9B,SAAe;AACb,QAAI,KAAK,YAAY;AACnB,mBAAa,KAAK,UAAU;AAC5B,WAAK,qBAAqB;AAC1B,WAAK,aAAa;AAAA,IAAA;AAAA,EACpB;AAAA;AAAA;AAAA;AAAA,EAMF,oBAA4B;AAC1B,WAAO,KAAK;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,EAMd,eAAwB;AACf,WAAA,KAAK,gBAAgB,KAAK;AAAA,EAAA;AAErC;AAsBgB,SAAA,SACd,IACA,gBACoC;AACpC,QAAM,YAAY,IAAI,UAAU,IAAI,cAAc;AAC3C,SAAA,UAAU,aAAa,KAAK,SAAS;AAC9C;;;"}
|
package/dist/cjs/debouncer.d.cts
CHANGED
|
@@ -5,9 +5,10 @@ import { AnyFunction } from './types.cjs';
|
|
|
5
5
|
export interface DebouncerOptions<TFn extends AnyFunction> {
|
|
6
6
|
/**
|
|
7
7
|
* Whether the debouncer is enabled. When disabled, maybeExecute will not trigger any executions.
|
|
8
|
+
* Can be a boolean or a function that returns a boolean.
|
|
8
9
|
* Defaults to true.
|
|
9
10
|
*/
|
|
10
|
-
enabled?: boolean;
|
|
11
|
+
enabled?: boolean | ((debouncer: Debouncer<TFn>) => boolean);
|
|
11
12
|
/**
|
|
12
13
|
* Whether to execute on the leading edge of the timeout.
|
|
13
14
|
* The first call will execute immediately and the rest will wait the delay.
|
|
@@ -24,10 +25,11 @@ export interface DebouncerOptions<TFn extends AnyFunction> {
|
|
|
24
25
|
*/
|
|
25
26
|
trailing?: boolean;
|
|
26
27
|
/**
|
|
27
|
-
* Delay in milliseconds before executing the function
|
|
28
|
+
* Delay in milliseconds before executing the function.
|
|
29
|
+
* Can be a number or a function that returns a number.
|
|
28
30
|
* Defaults to 0ms
|
|
29
31
|
*/
|
|
30
|
-
wait: number;
|
|
32
|
+
wait: number | ((debouncer: Debouncer<TFn>) => number);
|
|
31
33
|
}
|
|
32
34
|
/**
|
|
33
35
|
* A class that creates a debounced function.
|
|
@@ -69,6 +71,14 @@ export declare class Debouncer<TFn extends AnyFunction> {
|
|
|
69
71
|
* Returns the current debouncer options
|
|
70
72
|
*/
|
|
71
73
|
getOptions(): Required<DebouncerOptions<TFn>>;
|
|
74
|
+
/**
|
|
75
|
+
* Returns the current enabled state of the debouncer
|
|
76
|
+
*/
|
|
77
|
+
getEnabled(): boolean;
|
|
78
|
+
/**
|
|
79
|
+
* Returns the current wait time in milliseconds
|
|
80
|
+
*/
|
|
81
|
+
getWait(): number;
|
|
72
82
|
/**
|
|
73
83
|
* Attempts to execute the debounced function
|
|
74
84
|
* If a call is already in progress, it will be queued
|
|
@@ -108,4 +118,4 @@ export declare class Debouncer<TFn extends AnyFunction> {
|
|
|
108
118
|
* inputElement.addEventListener('input', debounced);
|
|
109
119
|
* ```
|
|
110
120
|
*/
|
|
111
|
-
export declare function debounce<TFn extends AnyFunction>(fn: TFn, initialOptions:
|
|
121
|
+
export declare function debounce<TFn extends AnyFunction>(fn: TFn, initialOptions: DebouncerOptions<TFn>): (...args: Parameters<TFn>) => void;
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -31,4 +31,6 @@ exports.rateLimit = rateLimiter.rateLimit;
|
|
|
31
31
|
exports.Throttler = throttler.Throttler;
|
|
32
32
|
exports.throttle = throttler.throttle;
|
|
33
33
|
exports.bindInstanceMethods = utils.bindInstanceMethods;
|
|
34
|
+
exports.isFunction = utils.isFunction;
|
|
35
|
+
exports.parseFunctionOrValue = utils.parseFunctionOrValue;
|
|
34
36
|
//# sourceMappingURL=index.cjs.map
|
package/dist/cjs/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/cjs/queuer.cjs
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const utils = require("./utils.cjs");
|
|
3
4
|
const defaultOptions = {
|
|
4
5
|
addItemsTo: "back",
|
|
5
6
|
getItemsFrom: "front",
|
|
@@ -18,7 +19,7 @@ const defaultOptions = {
|
|
|
18
19
|
},
|
|
19
20
|
onExpire: () => {
|
|
20
21
|
},
|
|
21
|
-
started:
|
|
22
|
+
started: true,
|
|
22
23
|
wait: 0
|
|
23
24
|
};
|
|
24
25
|
class Queuer {
|
|
@@ -51,6 +52,12 @@ class Queuer {
|
|
|
51
52
|
getOptions() {
|
|
52
53
|
return this._options;
|
|
53
54
|
}
|
|
55
|
+
/**
|
|
56
|
+
* Returns the current wait time in milliseconds
|
|
57
|
+
*/
|
|
58
|
+
getWait() {
|
|
59
|
+
return utils.parseFunctionOrValue(this._options.wait, this);
|
|
60
|
+
}
|
|
54
61
|
/**
|
|
55
62
|
* Processes items in the queuer
|
|
56
63
|
*/
|
|
@@ -66,8 +73,9 @@ class Queuer {
|
|
|
66
73
|
break;
|
|
67
74
|
}
|
|
68
75
|
this._onItemsChanges.forEach((cb) => cb(nextItem));
|
|
69
|
-
|
|
70
|
-
|
|
76
|
+
const wait = this.getWait();
|
|
77
|
+
if (wait > 0) {
|
|
78
|
+
setTimeout(() => this.tick(), wait);
|
|
71
79
|
return;
|
|
72
80
|
}
|
|
73
81
|
this.tick();
|
|
@@ -282,8 +290,8 @@ class Queuer {
|
|
|
282
290
|
return this._running && this.getIsEmpty();
|
|
283
291
|
}
|
|
284
292
|
}
|
|
285
|
-
function queue(options
|
|
286
|
-
const queuer = new Queuer(
|
|
293
|
+
function queue(options) {
|
|
294
|
+
const queuer = new Queuer(options);
|
|
287
295
|
return queuer.addItem.bind(queuer);
|
|
288
296
|
}
|
|
289
297
|
exports.Queuer = Queuer;
|