@hpcc-js/util 3.4.1 → 3.4.2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@hpcc-js/util",
-    "version": "3.4.1",
+    "version": "3.4.2",
     "description": "hpcc-js - Utilities",
     "type": "module",
     "main": "./dist/index.umd.cjs",
@@ -41,7 +41,7 @@
         "@xmldom/xmldom": "0.9.8"
     },
     "devDependencies": {
-        "@hpcc-js/esbuild-plugins": "^1.6.1"
+        "@hpcc-js/esbuild-plugins": "^1.7.0"
     },
     "repository": {
         "type": "git",
@@ -53,6 +53,6 @@
     "bugs": {
         "url": "https://github.com/hpcc-systems/Visualization/issues"
     },
-    "homepage": "https://github.com/hpcc-systems/Visualization/tree/trunk/packages/util",
-    "gitHead": "d93d09e45945a39ab056bae20a3dcca3c918cd82"
+    "homepage": "https://github.com/hpcc-systems/Visualization/tree/main/packages/util",
+    "gitHead": "5e5fc8d746e6a42c58da2ec4f55f2f7cbaeff611"
 }

package/src/dispatch.ts

@@ -1,10 +1,10 @@
 import type { IObserverHandle } from "./observer.ts";
 import { root } from "./platform.ts";
 
-export type RquestAnimationFrame = (callback: FrameRequestCallback) => number | undefined;
+export type RequestAnimationFrame = (callback: FrameRequestCallback) => number | undefined;
 export type CancelAnimationFrame = (handle: number) => void | undefined;
 
-let requestAnimationFrame: RquestAnimationFrame;
+let requestAnimationFrame: RequestAnimationFrame;
 // let cancelAnimationFrame: CancelAnimationFrame;
 
 (function () {
@@ -53,6 +53,7 @@ export class Dispatch<T extends Message = Message> {
     private _observerID: number = 0;
     private _observers: ObserverAdapter<T>[] = [];
     private _messageBuffer: T[] = [];
+    private _rafHandle: number | undefined = undefined;
 
     constructor() {
     }
@@ -72,6 +73,7 @@ export class Dispatch<T extends Message = Message> {
     }
 
     private dispatchAll() {
+        this._rafHandle = undefined;
         this.dispatch(this.messages());
         this.flush();
     }
@@ -95,12 +97,16 @@ export class Dispatch<T extends Message = Message> {
     }
 
     send(msg: T) {
+        if (!this.hasObserver()) return;
         this.dispatch([msg]);
     }
 
     post(msg: T) {
+        if (!this.hasObserver()) return;
         this._messageBuffer.push(msg);
-        requestAnimationFrame(() => this.dispatchAll());
+        if (this._rafHandle === undefined) {
+            this._rafHandle = requestAnimationFrame(() => this.dispatchAll());
+        }
     }
 
     attach(callback: Callback<T>, type?: MessageConstructor<T>): IObserverHandle {

package/types/dispatch.d.ts

@@ -1,5 +1,5 @@
 import type { IObserverHandle } from "./observer.ts";
-export type RquestAnimationFrame = (callback: FrameRequestCallback) => number | undefined;
+export type RequestAnimationFrame = (callback: FrameRequestCallback) => number | undefined;
 export type CancelAnimationFrame = (handle: number) => void | undefined;
 export declare class Message {
     get canConflate(): boolean;
@@ -13,6 +13,7 @@ export declare class Dispatch<T extends Message = Message> {
     private _observerID;
     private _observers;
     private _messageBuffer;
+    private _rafHandle;
     constructor();
     private observers;
     private messages;