@3dsource/angular-unreal-module 0.0.132 → 0.0.134

package/fesm2022/3dsource-angular-unreal-module.mjs

@@ -807,9 +807,12 @@ function OnOpenHandler() {
  */
 const keepMaxUntilReset = (reset$) => (source$) => merge(source$, reset$.pipe(map(() => null))).pipe(scan((max, value) => (value === null ? 0 : Math.max(max, value)), 0));
 
+// Reused across every inbound data-channel message — instantiating a
+// TextDecoder per call adds needless GC churn on a hot path.
+const utf16Decoder = new TextDecoder('utf-16');
 function decodeData(anyData) {
     try {
-        return new TextDecoder('utf-16').decode(anyData);
+        return utf16Decoder.decode(anyData);
     }
     catch {
         return '';
@@ -874,7 +877,6 @@ class DataFlowMonitor {
                 },
                 isDropDetected: true,
                 dropPercentage,
-                dataHistory: [...this.dataHistory],
                 activeMedian: secondHalfMedian,
                 quality: isRedFlag ? 'red' : 'orange',
                 message: `Significant flow drop detected: ${dropPercentage.toFixed(2)}% (from ${firstHalfMedian} to ${secondHalfMedian})`,
@@ -889,7 +891,6 @@ class DataFlowMonitor {
             },
             isDropDetected: false,
             dropPercentage,
-            dataHistory: [...this.dataHistory],
             activeMedian: secondHalfMedian,
             quality: 'lime',
             message: 'Stable flow',
@@ -1071,6 +1072,28 @@ function qpToQuality(VideoEncoderQP) {
     return quality;
 }
 
+/**
+ * Base64-encodes a byte array.
+ *
+ * Builds the intermediate binary string in fixed-size chunks instead of
+ * concatenating one character at a time. The naive `bytes.reduce((s, b) => s +
+ * String.fromCharCode(b), '')` is O(n²) (each `+` re-copies the growing string)
+ * and stalls the main thread for a full-resolution frame; chunking keeps it
+ * O(n). The chunk size stays under the argument-count limit of
+ * `String.fromCharCode.apply`/spread.
+ *
+ * @param bytes - The raw bytes to encode.
+ * @returns The Base64 representation of `bytes`.
+ */
+function uint8ToBase64(bytes) {
+    const CHUNK_SIZE = 0x8000;
+    let binary = '';
+    for (let i = 0; i < bytes.length; i += CHUNK_SIZE) {
+        binary += String.fromCharCode(...bytes.subarray(i, i + CHUNK_SIZE));
+    }
+    return btoa(binary);
+}
+
 function fromResizeObserver(elem) {
     return new Observable((subscriber) => {
         const observer = new window.ResizeObserver((entries) => subscriber.next(entries));
@@ -2233,7 +2256,11 @@ class SignallingService extends SubService {
             dataString = JSON.stringify(data);
         }
         if (this.ws && this.ws.readyState === WS_OPEN_STATE) {
-            Logger.colored(...COLOR_CODES.TO_CIRRUS, JSON.parse(dataString));
+            // Only parse-for-display when the logger would actually print — avoids a
+            // JSON.parse on every outbound message in production (logger is a no-op).
+            if (Logger.isDevMode) {
+                Logger.colored(...COLOR_CODES.TO_CIRRUS, JSON.parse(dataString));
+            }
             try {
                 this.ws.send(dataString);
             }
@@ -2426,7 +2453,7 @@ class VideoService extends SubService {
         this.latencyTestTimings.SetUETimings(latencyTimings);
     }
     setEncoder(data) {
-        this.VideoEncoderQP = Number(new TextDecoder('utf-16').decode(data));
+        this.VideoEncoderQP = Number(decodeData(data));
     }
     create() {
         if (!this.container) {
@@ -4064,7 +4091,7 @@ class FreezeFrameService extends SubService {
         if (!this.jpeg) {
             return;
         }
-        const base64 = btoa(this.jpeg?.reduce((data, byte) => data + String.fromCharCode(byte), ''));
+        const base64 = uint8ToBase64(this.jpeg);
         this.freezeFrameOverlay.src = 'data:image/jpeg;base64,' + base64;
         this.store.dispatch(setFreezeFrame({
             dataUrl: this.freezeFrameOverlay.src,
@@ -4162,7 +4189,7 @@ class FileReceiverService extends SubService {
             this.resetOnStart();
         }
         //Logger.info(extensionAsString);
-        this.extension = new TextDecoder('utf-16').decode(view.slice(1));
+        this.extension = decodeData(view.slice(1).buffer);
     }
     /**
      * Processes a file mime type when received over data channel
@@ -4173,7 +4200,7 @@ class FileReceiverService extends SubService {
         if (!this.receiving) {
             this.resetOnStart();
         }
-        const mimeAsString = new TextDecoder('utf-16').decode(view.slice(1));
+        const mimeAsString = decodeData(view.slice(1).buffer);
         // Logger.info(mimeAsString);
         this.mimetype = mimeAsString;
     }
@@ -4353,8 +4380,10 @@ class AggregatorService extends SubService {
                 break;
             }
             case ToClientMessage.Command: {
-                const command = JSON.parse(decodeData(anyData));
-                Logger.colored(...COLOR_CODES.FROM_UNREAL, command);
+                // The parsed command is only used for the dev log — skip the work in prod.
+                if (Logger.isDevMode) {
+                    Logger.colored(...COLOR_CODES.FROM_UNREAL, JSON.parse(decodeData(anyData)));
+                }
                 break;
             }
             case ToClientMessage.FileExtension:
@@ -4388,10 +4417,14 @@ class AggregatorService extends SubService {
                 break;
             }
             case ToClientMessage.InitialSettings:
-                Logger.colored(...COLOR_CODES.FROM_UNREAL, 'InitialSettings message :', JSON.parse(decodeData(anyData)));
+                if (Logger.isDevMode) {
+                    Logger.colored(...COLOR_CODES.FROM_UNREAL, 'InitialSettings message :', JSON.parse(decodeData(anyData)));
+                }
                 break;
             case ToClientMessage.Protocol:
-                Logger.colored(...COLOR_CODES.FROM_UNREAL, 'Protocol message :', JSON.parse(decodeData(anyData)));
+                if (Logger.isDevMode) {
+                    Logger.colored(...COLOR_CODES.FROM_UNREAL, 'Protocol message :', JSON.parse(decodeData(anyData)));
+                }
                 break;
             case ToClientMessage.InputControlOwnership:
                 Logger.colored(...COLOR_CODES.FROM_UNREAL, 'InputControlOwnership message :', anyData);
@@ -4493,6 +4526,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
         }], ctorParameters: () => [] });
 
 const INITIAL_FINGER_IDS = [9, 8, 7, 6, 5, 4, 3, 2, 1, 0];
+const UNSIGNED_RANGE = 65536;
+const UNSIGNED_OUT_OF_RANGE = 65535;
+const SIGNED_RANGE = 32767;
+const WHEEL_DELTA_SCALE = -120;
+const RESIZE_DEBOUNCE_MS = 300;
+const FUNCTION_KEY_MIN = 112;
+const FUNCTION_KEY_MAX = 123;
+const TAB_KEY_CODE = 9;
 class InputService extends SubService {
     constructor() {
         super();
@@ -4522,19 +4563,25 @@ class InputService extends SubService {
         this.deactivatedVideoTrigger$ = NEVER;
         this.normalizeAndQuantizeUnsigned = (_x, _y) => ({
             inRange: false,
-            x: 65535,
-            y: 65535,
+            x: UNSIGNED_OUT_OF_RANGE,
+            y: UNSIGNED_OUT_OF_RANGE,
         });
         this.normalizeAndQuantizeSigned = (_x, _y) => ({ x: 0, y: 0 });
         this.videoBoundingRect = new DOMRect(0, 0, 1, 1);
         this.fingerIds = new Map();
         this.maxByteValue = 255;
         this.fingers = [...INITIAL_FINGER_IDS];
-        // Captured straight from normalizeCoordinates inside the emit* methods —
-        // i.e., the exact quantized values that just went out over the data channel.
-        // Resending these on resize avoids any re-transformation through stale
-        // offsetParams or container dimensions.
-        this.lastNormalizedCoordinates = null;
+        // Reusable wire buffers. Input events fire at up to ~60 Hz; the data channel
+        // copies the bytes synchronously on send (RTCDataChannel.send), so a single
+        // buffer per message shape is safe and avoids per-event allocation/GC churn.
+        this.mouseMoveView = new DataView(new ArrayBuffer(9));
+        this.mouseButtonView = new DataView(new ArrayBuffer(6));
+        this.mouseWheelView = new DataView(new ArrayBuffer(7));
+        this.touchView = new DataView(new ArrayBuffer(9));
+        this.keyPressView = new DataView(new ArrayBuffer(3));
+        this.singleByteView = new DataView(new ArrayBuffer(1));
+        this.keyDownBytes = new Uint8Array(3);
+        this.keyUpBytes = new Uint8Array(2);
         this.offsetParams = {
             scaleX: 1,
             scaleY: 1,
@@ -4573,26 +4620,11 @@ class InputService extends SubService {
         this.fingerIds.clear();
         this.fingers = [...INITIAL_FINGER_IDS];
         merge(fromResizeObserver(video), this.actions$.pipe(ofType(videoAdaptedToContainer)))
-            .pipe(debounceTime$1(300), takeUntil$1(this.deactivatedVideoTrigger$))
-            .subscribe(() => {
-            this.setupNormalizeAndQuantize(video);
-            this.resendLastMousePosition();
-        });
+            .pipe(debounceTime$1(RESIZE_DEBOUNCE_MS), takeUntil$1(this.deactivatedVideoTrigger$))
+            .subscribe(() => this.setupNormalizeAndQuantize(video));
         this.setupNormalizeAndQuantize(video);
         this.registerInputs(video);
     }
-    resendLastMousePosition() {
-        const last = this.lastNormalizedCoordinates;
-        if (!last)
-            return;
-        const data = new DataView(new ArrayBuffer(9));
-        data.setUint8(0, MessageType.MouseMove);
-        data.setUint16(1, last.x, true);
-        data.setUint16(3, last.y, true);
-        data.setInt16(5, 0, true);
-        data.setInt16(7, 0, true);
-        this.sendInputData(data.buffer);
-    }
     /**
      * We use `object-fit: cover` on the video element. Since the video can have
      * a different aspect ratio from its container (and potentially be larger),
@@ -4610,18 +4642,13 @@ class InputService extends SubService {
             videoWidth,
             videoHeight,
         });
-        // Compute aspect ratios
         const containerRatio = width / height;
         const videoRatio = videoWidth / videoHeight;
-        // Determine how much to scale the video to fit the container (cover mode)
         const scale = videoRatio > containerRatio ? height / videoHeight : width / videoWidth;
-        // Calculate the displayed (scaled) dimensions of the video
         const scaledWidth = videoWidth * scale;
         const scaledHeight = videoHeight * scale;
-        // Offsets in x/y directions (like "padding") once the video is scaled
         const offsetByX = (width - scaledWidth) / 2;
         const offsetByY = (height - scaledHeight) / 2;
-        // Scale factors for coordinate transformation from container space to video space
         const scaleX = width / scaledWidth;
         const scaleY = height / scaledHeight;
         return {
@@ -4637,14 +4664,13 @@ class InputService extends SubService {
         this.videoBoundingRect = videoElement.getBoundingClientRect();
         this.offsetParams = this.getObjectFitOffset(videoElement);
         // Unsigned XY positions are the ratio (0.0..1.0) along a viewport axis,
-        // quantized into an uint16 (0..65536).
+        // quantized into a uint16 (0..65536).
         // Signed XY deltas are the ratio (-1.0..1.0) along a viewport axis,
         // quantized into an int16 (-32767..32767).
-        // This allows the browser viewport and client viewport to have a different
-        // size.
-        // Hack: Currently, we set an out-of-range position to an extreme (65535)
-        // as we can't yet accurately detect mouse enter and leave events
-        // precisely inside a video with an aspect ratio which causes mattes.
+        // This allows the browser viewport and client viewport to have different sizes.
+        // Hack: an out-of-range position becomes UNSIGNED_OUT_OF_RANGE because we
+        // can't yet accurately detect mouse enter/leave precisely inside a video
+        // with an aspect ratio that causes mattes.
         this.normalizeAndQuantizeUnsigned = (x, y) => {
             const normalizedX = x / videoElement.clientWidth;
             const normalizedY = y / videoElement.clientHeight;
@@ -4654,25 +4680,22 @@ class InputService extends SubService {
                 normalizedY > 1.0) {
                 return {
                     inRange: false,
-                    x: 65535,
-                    y: 65535,
-                };
-            }
-            else {
-                return {
-                    inRange: true,
-                    x: normalizedX * 65536,
-                    y: normalizedY * 65536,
+                    x: UNSIGNED_OUT_OF_RANGE,
+                    y: UNSIGNED_OUT_OF_RANGE,
                 };
             }
+            return {
+                inRange: true,
+                x: normalizedX * UNSIGNED_RANGE,
+                y: normalizedY * UNSIGNED_RANGE,
+            };
         };
-        // Signed.
         this.normalizeAndQuantizeSigned = (x, y) => {
             const normalizedX = x / (0.5 * videoElement.clientWidth);
             const normalizedY = y / (0.5 * videoElement.clientHeight);
             return {
-                x: normalizedX * 32767,
-                y: normalizedY * 32767,
+                x: normalizedX * SIGNED_RANGE,
+                y: normalizedY * SIGNED_RANGE,
             };
         };
     }
@@ -4695,7 +4718,7 @@ class InputService extends SubService {
             y: (clientY - offsetByY - this.videoBoundingRect.top) * scaleY,
         };
     }
-    getMousePositionWithOffset({ offsetX, offsetY, }) {
+    getMousePositionWithOffset({ offsetX, offsetY }) {
         const { offsetByX, offsetByY, scaleX, scaleY } = this.offsetParams;
         return {
             x: (offsetX - offsetByX) * scaleX,
@@ -4703,8 +4726,6 @@ class InputService extends SubService {
         };
     }
     registerTouchEvents(htmlVideoElement) {
-        // We need to assign a unique identifier to each finger.
-        // We do this by mapping each Touch object to the identifier.
         const rememberTouch = (touch) => {
             const finger = this.fingers.pop();
             if (finger === undefined) {
@@ -4715,39 +4736,41 @@ class InputService extends SubService {
         };
         const forgetTouch = (touch) => {
             const finger = this.fingerIds.get(touch.identifier);
-            if (finger) {
+            if (finger !== undefined) {
                 this.fingers.push(finger);
+                // Re-sort descending so the lowest available id is popped next.
+                this.fingers.sort((a, b) => b - a);
             }
-            // Sort array back into descending order. This means if finger '1' were to lift after finger '0', we would ensure that 0 will be the first index to pop
-            this.fingers.sort((a, b) => b - a);
             this.fingerIds.delete(touch.identifier);
         };
         const emitTouchData = (type, touches) => {
             // eslint-disable-next-line @typescript-eslint/prefer-for-of
             for (let t = 0; t < touches.length; t++) {
                 let byte = 2;
-                const numTouches = 1; // the number of touches to be sent this message
+                const numTouches = 1;
                 const touch = touches[t];
+                const finger = this.fingerIds.get(touch.identifier);
+                // Skip unknown identifiers (e.g., stale touch on a fast retap) — sending
+                // 0 here would alias finger '0' and corrupt UE's touch state.
+                if (finger === undefined) {
+                    continue;
+                }
                 const { x, y } = this.getTouchPositionWithOffset(touch);
-                Logger.info(`F${this.fingerIds.get(touch.identifier)}=(${x}, ${y})`);
-                const normalizeCoordinates = this.normalizeAndQuantizeUnsigned(x, y);
-                const data = new DataView(new ArrayBuffer(9));
+                Logger.info(`F${finger}=(${x}, ${y})`);
+                const coord = this.normalizeAndQuantizeUnsigned(x, y);
+                const data = this.touchView;
                 data.setUint8(0, type);
                 data.setUint8(1, numTouches);
-                data.setUint16(byte, normalizeCoordinates.x, true);
+                data.setUint16(byte, coord.x, true);
                 byte += 2;
-                data.setUint16(byte, normalizeCoordinates.y, true);
+                data.setUint16(byte, coord.y, true);
                 byte += 2;
-                const finger = this.fingerIds.get(touch.identifier);
-                if (finger) {
-                    data.setUint8(byte, finger);
-                }
+                data.setUint8(byte, finger);
                 byte += 1;
-                // force is between 0.0 and 1.0, so quantize into byte.
-                // iOs bug: Forced to be always 0.5 on all devices as we do not use forced touch any way;/
+                // iOS bug: force is locked to 0.5 since forced touch is unused.
                 data.setUint8(byte, this.maxByteValue * 0.5);
                 byte += 1;
-                data.setUint8(byte, normalizeCoordinates.inRange ? 1 : 0);
+                data.setUint8(byte, coord.inRange ? 1 : 0);
                 byte += 1;
                 this.sendInputData(data.buffer);
             }
@@ -4757,7 +4780,6 @@ class InputService extends SubService {
             .subscribe((e) => {
             this.focusWindow();
             const touches = e.changedTouches;
-            // Assign a unique identifier to each touch.
             // eslint-disable-next-line @typescript-eslint/prefer-for-of
             for (let t = 0; t < touches.length; t++) {
                 rememberTouch(touches[t]);
@@ -4772,7 +4794,6 @@ class InputService extends SubService {
             const touches = e.changedTouches;
             Logger.info('touch end');
             emitTouchData(MessageType.TouchEnd, touches);
-            // Re-cycle unique identifiers previously assigned to each touch.
             // eslint-disable-next-line @typescript-eslint/prefer-for-of
             for (let t = 0; t < touches.length; t++) {
                 forgetTouch(touches[t]);
@@ -4790,45 +4811,41 @@ class InputService extends SubService {
         window.focus();
     }
     emitMouseMove(x, y, deltaX, deltaY) {
-        const normalizeCoordinates = this.normalizeAndQuantizeUnsigned(x, y);
-        this.lastNormalizedCoordinates = normalizeCoordinates;
+        const coord = this.normalizeAndQuantizeUnsigned(x, y);
         const delta = this.normalizeAndQuantizeSigned(deltaX, deltaY);
-        const data = new DataView(new ArrayBuffer(9));
+        const data = this.mouseMoveView;
         data.setUint8(0, MessageType.MouseMove);
-        data.setUint16(1, normalizeCoordinates.x, true);
-        data.setUint16(3, normalizeCoordinates.y, true);
+        data.setUint16(1, coord.x, true);
+        data.setUint16(3, coord.y, true);
         data.setInt16(5, delta.x, true);
         data.setInt16(7, delta.y, true);
         this.sendInputData(data.buffer);
     }
     emitMouseDown(button, x, y) {
-        const normalizeCoordinates = this.normalizeAndQuantizeUnsigned(x, y);
-        this.lastNormalizedCoordinates = normalizeCoordinates;
-        const data = new DataView(new ArrayBuffer(6));
+        const coord = this.normalizeAndQuantizeUnsigned(x, y);
+        const data = this.mouseButtonView;
         data.setUint8(0, MessageType.MouseDown);
         data.setUint8(1, button);
-        data.setUint16(2, normalizeCoordinates.x, true);
-        data.setUint16(4, normalizeCoordinates.y, true);
+        data.setUint16(2, coord.x, true);
+        data.setUint16(4, coord.y, true);
         this.sendInputData(data.buffer);
     }
     emitMouseUp(button, x, y) {
-        const normalizeCoordinates = this.normalizeAndQuantizeUnsigned(x, y);
-        this.lastNormalizedCoordinates = normalizeCoordinates;
-        const data = new DataView(new ArrayBuffer(6));
+        const coord = this.normalizeAndQuantizeUnsigned(x, y);
+        const data = this.mouseButtonView;
         data.setUint8(0, MessageType.MouseUp);
         data.setUint8(1, button);
-        data.setUint16(2, normalizeCoordinates.x, true);
-        data.setUint16(4, normalizeCoordinates.y, true);
+        data.setUint16(2, coord.x, true);
+        data.setUint16(4, coord.y, true);
         this.sendInputData(data.buffer);
     }
     emitMouseWheel(delta, x, y) {
-        const normalizeCoordinates = this.normalizeAndQuantizeUnsigned(x, y);
-        this.lastNormalizedCoordinates = normalizeCoordinates;
-        const data = new DataView(new ArrayBuffer(7));
+        const coord = this.normalizeAndQuantizeUnsigned(x, y);
+        const data = this.mouseWheelView;
         data.setUint8(0, MessageType.MouseWheel);
         data.setInt16(1, delta, true);
-        data.setUint16(3, normalizeCoordinates.x, true);
-        data.setUint16(5, normalizeCoordinates.y, true);
+        data.setUint16(3, coord.x, true);
+        data.setUint16(5, coord.y, true);
         this.sendInputData(data.buffer);
     }
     releaseMouseButtons(buttons, x, y) {
@@ -4848,7 +4865,6 @@ class InputService extends SubService {
             this.emitMouseUp(MouseButton.FifthButton, x, y);
         }
     }
-    // If the user has any mouse buttons pressed, then press them again.
     pressMouseButtons(buttons, x, y) {
         if (buttons & MouseButtonsMask.PrimaryButton) {
             this.emitMouseDown(MouseButton.MainButton, x, y);
@@ -4892,7 +4908,7 @@ class InputService extends SubService {
         fromEvent(htmlVideoElement, 'wheel')
             .pipe(takeUntil$1(this.deactivatedVideoTrigger$))
             .subscribe((e) => {
-            this.emitMouseWheel(e.deltaY * -120, e.offsetX, e.offsetY);
+            this.emitMouseWheel(e.deltaY * WHEEL_DELTA_SCALE, e.offsetX, e.offsetY);
             e.preventDefault();
         });
     }
@@ -4901,7 +4917,7 @@ class InputService extends SubService {
             .pipe(takeUntil$1(this.deactivatedVideoTrigger$))
             .subscribe((e) => {
             this.focusWindow();
-            const data = new DataView(new ArrayBuffer(1));
+            const data = this.singleByteView;
             data.setUint8(0, MessageType.MouseEnter);
             this.sendInputData(data.buffer);
             this.pressMouseButtons(e.buttons, e.offsetX, e.offsetY);
@@ -4909,8 +4925,7 @@ class InputService extends SubService {
         fromEvent(htmlVideoElement, 'mouseleave')
             .pipe(takeUntil$1(this.deactivatedVideoTrigger$))
             .subscribe((e) => {
-            this.lastNormalizedCoordinates = null;
-            const data = new DataView(new ArrayBuffer(1));
+            const data = this.singleByteView;
             data.setUint8(0, MessageType.MouseLeave);
             this.sendInputData(data.buffer);
             this.releaseMouseButtons(e.buttons, e.offsetX, e.offsetY);
@@ -4918,8 +4933,8 @@ class InputService extends SubService {
     }
     // Browser keys do not have a charCode so we only need to test keyCode.
     isKeyCodeBrowserKey(keyCode) {
-        // Function keys or tab key.
-        return (keyCode >= 112 && keyCode <= 123) || keyCode === 9;
+        return ((keyCode >= FUNCTION_KEY_MIN && keyCode <= FUNCTION_KEY_MAX) ||
+            keyCode === TAB_KEY_CODE);
     }
     getKeyCode(e) {
         if (e.keyCode === SpecialKeyCodes.Shift && e.code === 'ShiftRight')
@@ -4932,9 +4947,7 @@ class InputService extends SubService {
             return e.keyCode;
     }
     registerKeyboardEvents(availableKeys) {
-        const availableKeyNames = Object.entries(availableKeys).map(([, value]) => {
-            return InvertedKeyMap[value];
-        });
+        const availableKeyNames = availableKeys.map((value) => InvertedKeyMap[value]);
         const keyBlock = (event) => {
             const code = event.code;
             const isInputFieldFocused = event.target?.localName === 'input';
@@ -4949,7 +4962,6 @@ class InputService extends SubService {
     }
     startListenKeys(_filter) {
         const filter = _filter ?? (() => false);
-        // Use RxJS fromEvent with takeUntil to properly clean up subscriptions
         fromEvent(document, 'keydown')
             .pipe(takeUntil$1(this.deactivatedVideoTrigger$))
             .subscribe((e) => {
@@ -4962,15 +4974,15 @@ class InputService extends SubService {
             if (isCtrlOrCommand && isPlusOrMinus) {
                 return;
             }
-            this.sendInputData(new Uint8Array([
-                MessageType.KeyDown,
-                this.getKeyCode(e),
-                Number(e.repeat),
-            ]).buffer);
-            // Backspace is not considered a keypress in JavaScript, but we need it
-            // to be so characters may be deleted in a UE4 text entry field.
+            const keyDown = this.keyDownBytes;
+            keyDown[0] = MessageType.KeyDown;
+            keyDown[1] = this.getKeyCode(e);
+            keyDown[2] = Number(e.repeat);
+            this.sendInputData(keyDown.buffer);
+            // Backspace isn't a keypress in JS, but UE4 text-entry fields need it
+            // to delete characters.
             if (e.keyCode === SpecialKeyCodes.BackSpace) {
-                const data = new DataView(new ArrayBuffer(3));
+                const data = this.keyPressView;
                 data.setUint8(0, MessageType.KeyPress);
                 data.setUint16(1, SpecialKeyCodes.BackSpace, true);
                 this.sendInputData(data.buffer);
@@ -4986,7 +4998,10 @@ class InputService extends SubService {
             if (filter(e)) {
                 return;
             }
-            this.sendInputData(new Uint8Array([MessageType.KeyUp, this.getKeyCode(e)]).buffer);
+            const keyUp = this.keyUpBytes;
+            keyUp[0] = MessageType.KeyUp;
+            keyUp[1] = this.getKeyCode(e);
+            this.sendInputData(keyUp.buffer);
             if (this.options.suppressBrowserKeys &&
                 this.isKeyCodeBrowserKey(e.keyCode)) {
                 e.preventDefault();
@@ -4998,7 +5013,7 @@ class InputService extends SubService {
             if (filter(e)) {
                 return;
             }
-            const data = new DataView(new ArrayBuffer(3));
+            const data = this.keyPressView;
             data.setUint8(0, MessageType.KeyPress);
             data.setUint16(1, e.charCode, true);
             this.sendInputData(data.buffer);
@@ -7236,5 +7251,5 @@ function provideUnrealModule() {
  * Generated bundle index. Do not edit.
  */
 
-export { AFKService, AUTO_HIGH_RESOLUTION_IDLE_MS, AfkTimeoutModalComponent, AggregatorService, AnalyticsService, AnswerHandler, CONSOLE_COMMAND_DISABLE_MESSAGES, CONSOLE_COMMAND_ENABLE_MESSAGES, CONSOLE_COMMAND_PIXEL_QUALITY, CommandTelemetryService, ConfigHandler, ConsoleExtensionsService, ControlScheme, DATA_CHANNEL_CONNECTION_TIMEOUT, DEBOUNCE_TO_MANY_RESIZE_CALLS, DEFAULT_AFK_TIMEOUT, DEFAULT_AFK_TIMEOUT_PERIOD, DEFAULT_RECONNECT_DELAY_MS, DEFAULT_RECONNECT_ENABLED, DEFAULT_RECONNECT_MAX_ATTEMPTS, DEFAULT_RECONNECT_ON_DATACHANNEL_CLOSE, DEFAULT_RECONNECT_ON_ICE_FAILURE, DESTROY_DISCONNECT_REASONS, DataFlowMonitor, DevModeService, DisconnectReason, FULL_HD_HEIGHT, FULL_HD_WIDTH, FileHandlerService, FileReceiverService, FilterSettingsComponent, FpsMonitorService, FreezeFrameComponent, FreezeFrameService, INNER_RETRY_LIMIT, IceCandidateHandler, ImageLoadingSrcComponent, InputOptions, InputService, InstanceReadyHandler, InstanceReservedHandler, IntroSrcComponent, KalmanFilter1D, LatencyTimings, LoadingProgressService, LowBandwidthDetectorComponent, LowBandwidthModalComponent, MINIMAL_FPS, MIN_CONTAINER_SIZE, MessageType, MouseButton, MouseButtonsMask, OUTER_RETRY_DELAY, OnCloseHandler, OnErrorHandler, OnMessageHandler, OnOpenHandler, OrchestrationMessageTypes, POLLING_TIME, PingHandler, PlayerCountHandler, RegionsPingService, SAME_SIZE_THRESHOLD, SCREEN_LOCKER_CONTAINER_ID, SIGNALLING_PERCENT_VALUE, SSInfoHandler, STREAMING_AUDIO_ID, STREAMING_VIDEO_ID, SafePipe, SignallingService, SpecialKeyCodes, StatGraphComponent, StreamStatusTelemetryService, StreamStatusTelemetryService2, SubService, ToClientMessage, UNREAL_CONFIG, UnrealCallbackService, UnrealCommunicatorService, UnrealEffects, UnrealSceneComponent, UnrealStatusMessage, VideoService, VideoStatsComponent, WSCloseCode_CIRRUS_ABNORMAL_CLOSURE, WSCloseCode_CIRRUS_MAX_PLAYERS_ERROR, WSCloseCode_CIRRUS_PLAYER_DISCONNECTED, WSCloseCode_CIRRUS_STREAMER_KIKED_PLAYER, WSCloseCode_FORCE_CIRRUS_CLOSE, WSCloseCode_NORMAL_AFK_TIMEOUT, WSCloseCode_NORMAL_CLOSURE, WSCloseCode_NORMAL_MANUAL_DISCONNECT, WSCloseCode_UNKNOWN, WSCloseCodes, WS_OPEN_STATE, WS_RETRY_PER_INSTANCE, WS_TIMEOUT, WebRtcPlayerService, WebrtcErrorModalComponent, abortEstablishingConnection, answerSent, changeStatusMainVideoOnScene, changeStreamResolutionAction, commandCompleted, commandStarted, dataChannelConnected, dataChannelReady, decodeData, destroyRemoteConnections, destroyUnrealScene, disconnectStream, dispatchResize, dropConnection, dropDC, dropPC, floatToPercents, floatToSmoothPercents, forceResizeViewport, fromResizeObserver, getActiveUrl, getImageFromVideoStream, getResizeStudioValues, getResizeValuesUniversal, getRtcErrorMessage, iceConnectionFailed, initSignalling, instanceReady, keepMaxUntilReset, makeEven, pollingEnded, pollingStarted, provideUnrealModule, qpToQuality, reconnectPeer, reconnectPeerFailed, reconnectPeerSuccess, regionPingFetchEnd, regionPingFetchStart, regionResolved, resetAfk, resetConfig, resetDataChannelForReconnect, resetIntroSrc, resetUserInactivityTimeout, resetWarnTimeout, saveAnalyticsEvent, selectCirrusConnectionId, selectClientAndViewIds, selectCommandProgress, selectFreezeFrameCombinedDataUrl, selectFreezeFrameDataUrl, selectFreezeFrameDataUrlFromVideo, selectFreezeFrameProgressMessageFromVideo, selectIsAutostart, selectIsExistMatchUrls, selectIsFreezeFrameLoading, selectIsFullyConnected, selectIsLoaderScreenVisible, selectIsVideoPlayingAndDataChannelConnected, selectShowLoader, selectShowReconnectPopup, selectSignalingParameters, selectStreamConfig, selectTotalProgress, selectUserInactivityDetected, selectWarnTimeout, setAfkTimerCountdown, setAfkTimerHide, setAfkTimerVisible, setAwsInstance, setCirrusConnected, setCirrusDisconnected, setConfig, setEstablishingConnection, setFreezeFrame, setFreezeFrameFromVideo, setIntroImageSrc, setIntroVideoSrc, setLoadingImageSrc, setLoopBackCommandIsCompleted, setMaxFps, setOrchestrationContext, setOrchestrationMessage, setOrchestrationParameters, setOrchestrationProgress, setSignalingName, setStatusMessage, setStatusPercentSignallingServer, setStreamClientCompanyId, setStreamViewId, setUnrealPlaywrightConfig, setUserInactivityTimeout, setViewportNotReady, setViewportReady, showLoadingProgress, showResumeStreamPopup, showUnrealErrorMessage, showUserInactivityTimeoutPopup, signalingRetryAttempted, smoothTransition, startStream, trackMixpanelEvent, trackTelemetryData, unrealCommandCallback, unrealFeature, unrealReducer, updateCirrusInfo, videoAdaptedToContainer, videoStreamInitialized };
+export { AFKService, AUTO_HIGH_RESOLUTION_IDLE_MS, AfkTimeoutModalComponent, AggregatorService, AnalyticsService, AnswerHandler, CONSOLE_COMMAND_DISABLE_MESSAGES, CONSOLE_COMMAND_ENABLE_MESSAGES, CONSOLE_COMMAND_PIXEL_QUALITY, CommandTelemetryService, ConfigHandler, ConsoleExtensionsService, ControlScheme, DATA_CHANNEL_CONNECTION_TIMEOUT, DEBOUNCE_TO_MANY_RESIZE_CALLS, DEFAULT_AFK_TIMEOUT, DEFAULT_AFK_TIMEOUT_PERIOD, DEFAULT_RECONNECT_DELAY_MS, DEFAULT_RECONNECT_ENABLED, DEFAULT_RECONNECT_MAX_ATTEMPTS, DEFAULT_RECONNECT_ON_DATACHANNEL_CLOSE, DEFAULT_RECONNECT_ON_ICE_FAILURE, DESTROY_DISCONNECT_REASONS, DataFlowMonitor, DevModeService, DisconnectReason, FULL_HD_HEIGHT, FULL_HD_WIDTH, FileHandlerService, FileReceiverService, FilterSettingsComponent, FpsMonitorService, FreezeFrameComponent, FreezeFrameService, INNER_RETRY_LIMIT, IceCandidateHandler, ImageLoadingSrcComponent, InputOptions, InputService, InstanceReadyHandler, InstanceReservedHandler, IntroSrcComponent, KalmanFilter1D, LatencyTimings, LoadingProgressService, LowBandwidthDetectorComponent, LowBandwidthModalComponent, MINIMAL_FPS, MIN_CONTAINER_SIZE, MessageType, MouseButton, MouseButtonsMask, OUTER_RETRY_DELAY, OnCloseHandler, OnErrorHandler, OnMessageHandler, OnOpenHandler, OrchestrationMessageTypes, POLLING_TIME, PingHandler, PlayerCountHandler, RegionsPingService, SAME_SIZE_THRESHOLD, SCREEN_LOCKER_CONTAINER_ID, SIGNALLING_PERCENT_VALUE, SSInfoHandler, STREAMING_AUDIO_ID, STREAMING_VIDEO_ID, SafePipe, SignallingService, SpecialKeyCodes, StatGraphComponent, StreamStatusTelemetryService, StreamStatusTelemetryService2, SubService, ToClientMessage, UNREAL_CONFIG, UnrealCallbackService, UnrealCommunicatorService, UnrealEffects, UnrealSceneComponent, UnrealStatusMessage, VideoService, VideoStatsComponent, WSCloseCode_CIRRUS_ABNORMAL_CLOSURE, WSCloseCode_CIRRUS_MAX_PLAYERS_ERROR, WSCloseCode_CIRRUS_PLAYER_DISCONNECTED, WSCloseCode_CIRRUS_STREAMER_KIKED_PLAYER, WSCloseCode_FORCE_CIRRUS_CLOSE, WSCloseCode_NORMAL_AFK_TIMEOUT, WSCloseCode_NORMAL_CLOSURE, WSCloseCode_NORMAL_MANUAL_DISCONNECT, WSCloseCode_UNKNOWN, WSCloseCodes, WS_OPEN_STATE, WS_RETRY_PER_INSTANCE, WS_TIMEOUT, WebRtcPlayerService, WebrtcErrorModalComponent, abortEstablishingConnection, answerSent, changeStatusMainVideoOnScene, changeStreamResolutionAction, commandCompleted, commandStarted, dataChannelConnected, dataChannelReady, decodeData, destroyRemoteConnections, destroyUnrealScene, disconnectStream, dispatchResize, dropConnection, dropDC, dropPC, floatToPercents, floatToSmoothPercents, forceResizeViewport, fromResizeObserver, getActiveUrl, getImageFromVideoStream, getResizeStudioValues, getResizeValuesUniversal, getRtcErrorMessage, iceConnectionFailed, initSignalling, instanceReady, keepMaxUntilReset, makeEven, pollingEnded, pollingStarted, provideUnrealModule, qpToQuality, reconnectPeer, reconnectPeerFailed, reconnectPeerSuccess, regionPingFetchEnd, regionPingFetchStart, regionResolved, resetAfk, resetConfig, resetDataChannelForReconnect, resetIntroSrc, resetUserInactivityTimeout, resetWarnTimeout, saveAnalyticsEvent, selectCirrusConnectionId, selectClientAndViewIds, selectCommandProgress, selectFreezeFrameCombinedDataUrl, selectFreezeFrameDataUrl, selectFreezeFrameDataUrlFromVideo, selectFreezeFrameProgressMessageFromVideo, selectIsAutostart, selectIsExistMatchUrls, selectIsFreezeFrameLoading, selectIsFullyConnected, selectIsLoaderScreenVisible, selectIsVideoPlayingAndDataChannelConnected, selectShowLoader, selectShowReconnectPopup, selectSignalingParameters, selectStreamConfig, selectTotalProgress, selectUserInactivityDetected, selectWarnTimeout, setAfkTimerCountdown, setAfkTimerHide, setAfkTimerVisible, setAwsInstance, setCirrusConnected, setCirrusDisconnected, setConfig, setEstablishingConnection, setFreezeFrame, setFreezeFrameFromVideo, setIntroImageSrc, setIntroVideoSrc, setLoadingImageSrc, setLoopBackCommandIsCompleted, setMaxFps, setOrchestrationContext, setOrchestrationMessage, setOrchestrationParameters, setOrchestrationProgress, setSignalingName, setStatusMessage, setStatusPercentSignallingServer, setStreamClientCompanyId, setStreamViewId, setUnrealPlaywrightConfig, setUserInactivityTimeout, setViewportNotReady, setViewportReady, showLoadingProgress, showResumeStreamPopup, showUnrealErrorMessage, showUserInactivityTimeoutPopup, signalingRetryAttempted, smoothTransition, startStream, trackMixpanelEvent, trackTelemetryData, uint8ToBase64, unrealCommandCallback, unrealFeature, unrealReducer, updateCirrusInfo, videoAdaptedToContainer, videoStreamInitialized };
 //# sourceMappingURL=3dsource-angular-unreal-module.mjs.map