@3dsource/angular-unreal-module 0.0.68 → 0.0.71

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, signal, ChangeDetectionStrategy, Component, Pipe, ElementRef, input, HostListener, Input, ViewChild, DestroyRef, computed, viewChild, effect, untracked, output } from '@angular/core';
+import { InjectionToken, inject, Injectable, signal, makeEnvironmentProviders, provideEnvironmentInitializer, ChangeDetectionStrategy, Component, Pipe, ElementRef, input, HostListener, Input, ViewChild, DestroyRef, computed, viewChild, effect, untracked, output } from '@angular/core';
 import { filter, withLatestFrom, distinctUntilChanged, switchMap, catchError, timeout, tap, map as map$1, takeUntil, exhaustMap, debounceTime, takeWhile, delay, skip as skip$1 } from 'rxjs/operators';
 import { createAction, props, Store, provideState, createReducer, on, createFeature, createSelector } from '@ngrx/store';
 import { Actions, ofType, provideEffects, createEffect } from '@ngrx/effects';
@@ -246,7 +246,12 @@ const EToClientMessageType = {
     VideoEncoderAvgQP: 5,
     LatencyTest: 6,
     InitialSettings: 7,
+    FileExtension: 8,
+    FileMimeType: 9,
+    FileContents: 10,
+    TestEcho: 11,
     InputControlOwnership: 12,
+    GamepadResponse: 13,
     Protocol: 255,
 };
 
@@ -300,9 +305,9 @@ class AFKService extends SubService {
         this.countdown = 0; // The inactivity warning overlay has a countdown to show time until disconnect.
         this.selectWarnTimeout = this.store.selectSignal(selectWarnTimeout);
         this.isViewportReady = this.store.selectSignal(unrealFeature.selectViewportReady);
-        this.initAfk();
+        this.init();
     }
-    initAfk() {
+    init() {
         merge(this.store.select(selectWarnTimeout), fromSignal(UnrealInternalSignalEvents.RestAfkTimer))
             .pipe(withLatestFrom(this.store.select(unrealFeature.selectViewportReady)), filter(([, viewportReady]) => viewportReady))
             .subscribe(() => this.resetAfkWarningTimer());
@@ -312,9 +317,6 @@ class AFKService extends SubService {
             .subscribe(() => this.startAfkWarningTimer());
         this.disconnect$.subscribe(() => this.stop());
     }
-    init() {
-        // do nothing, just to not forget to initialize Service
-    }
     hideOverlay() {
         sendSignal(UnrealInternalSignalEvents.ClickableOverlay);
         this.store.dispatch(setAfkTimerHide());
@@ -403,10 +405,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImpo
 
 class FreezeFrameService extends SubService {
     constructor() {
-        super(...arguments);
+        super();
         this.receiving = false;
         this.size = 0;
         this.freezeFrameOverlay = new Image();
+        this.init();
     }
     init() {
         this.store
@@ -472,12 +475,12 @@ class FreezeFrameService extends SubService {
             progress: 1,
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: FreezeFrameService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: FreezeFrameService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: FreezeFrameService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: FreezeFrameService, decorators: [{
             type: Injectable
-        }] });
+        }], ctorParameters: () => [] });
 
 class DataFlowMonitor {
     /**
@@ -601,6 +604,9 @@ class VideoService extends SubService {
             ? // IMPORTANT! DO NOT CHANGE THOSE NUMBERS, LBM Stats are based on those values
                 interval(250).pipe(map(() => track.pcClient), switchMap((pcClient) => from(this.getStats(pcClient))), filter(Truthy))
             : of(null)), filter(Truthy), share());
+        this.init();
+    }
+    init() {
         Signal.on('setKalmanParams').subscribe((data) => {
             this.kalmanFilter1D.config(data);
             BITRATE_MONITOR.config(data);
@@ -861,6 +867,9 @@ class CommandTelemetryService {
         this.unrealInitialConfig = inject(UNREAL_CONFIG, {
             optional: true,
         });
+        this.init();
+    }
+    init() {
         if (!this.unrealInitialConfig?.commandTelemetryReceiver) {
             return;
         }
@@ -1183,6 +1192,9 @@ class SignallingService extends SubService {
         this.onWebRtcAnswer$ = new Subject();
         this.abort$ = this.action$.pipe(ofType(abortEstablishingConnection));
         this.wsMsgHandlers = {};
+        this.init();
+    }
+    init() {
         this.setHandlersFromStream();
         this.store
             .select(unrealFeature.selectDataChannelConnected)
@@ -1491,9 +1503,9 @@ class WebRtcPlayerService extends SubService {
         this.useMic = false;
         this.forceTURN = false;
         this.forceMonoAudio = false;
-        this.listenSignaling();
+        this.init();
     }
-    listenSignaling() {
+    init() {
         const iceCandidateBuffer = [];
         const processBuffer = () => {
             iceCandidateBuffer.forEach((cnd) => {
@@ -1863,6 +1875,115 @@ const deepEqual = (a, b) => {
     return false;
 };
 
+class FileReceiverService extends SubService {
+    constructor() {
+        super();
+        this.fileComplete$ = new Subject();
+        this.valid = false;
+        this.chunks = 0;
+        this.mimetype = '';
+        this.receiving = false;
+        this.extension = '';
+        this.timestampStart = 0;
+        this.data = [];
+        this.init();
+    }
+    init() {
+        this.store
+            .select(unrealFeature.selectViewportReady)
+            .pipe(filter(Truthy))
+            .subscribe(() => this.reset());
+    }
+    reset() {
+        this.mimetype = '';
+        this.extension = '';
+        this.receiving = false;
+        this.valid = false;
+        this.chunks = 0;
+        this.data = [];
+        this.timestampStart = new Date().getTime();
+        //Logger.info('Received file state');
+    }
+    resetOnStart() {
+        this.reset();
+        this.receiving = true;
+    }
+    /**
+     * Processes a files extension when received over data channel
+     * @param view - the file extension data
+     */
+    setExtensionFromBytes(view) {
+        // Reset this if we got a file message and we are not "receiving" it yet
+        if (!this.receiving) {
+            this.resetOnStart();
+        }
+        const extensionAsString = new TextDecoder('utf-16').decode(view.slice(1));
+        //Logger.info(extensionAsString);
+        this.extension = extensionAsString;
+    }
+    /**
+     * Processes a files mime type when received over data channel
+     * @param view - the file mime type data
+     */
+    setMimeTypeFromBytes(view) {
+        // Reset this if we got a file message and we are not "receiving" it yet
+        if (!this.receiving) {
+            this.resetOnStart();
+        }
+        const mimeAsString = new TextDecoder('utf-16').decode(view.slice(1));
+        //Logger.info(mimeAsString);
+        this.mimetype = mimeAsString;
+    }
+    /*-------------------------------------------------------------------------------------------*/
+    setContentsFromBytes(view) {
+        // If we haven't received the initial setup instructions, return
+        if (!this.receiving)
+            return;
+        const typeSize = 1;
+        const intSize = 4;
+        const maxMessageSize = 16 * 1024;
+        const headerSize = typeSize + intSize;
+        const maxPayloadSize = maxMessageSize - headerSize;
+        // Calculate total number of chunks from the total this size
+        this.chunks = Math.ceil(new DataView(view.slice(typeSize, headerSize).buffer).getInt32(0, true) /
+            maxPayloadSize);
+        // Get the file part of the payload
+        const thisBytes = view.slice(headerSize);
+        // Append to existing data that holds the this
+        this.data.push(thisBytes);
+        // Uncomment for debug
+        // Logger.info(`Received this chunk: ${this.data.length}/${this.chunks}`);
+        if (this.data.length === this.chunks) {
+            this.receiving = false;
+            this.valid = true;
+            /*Logger.info('Received complete file');
+            const transferDuration = new Date().getTime() - this.timestampStart;
+            const transferBitrate = Math.round(
+              (this.chunks * maxMessageSize) / transferDuration,
+            );
+            Logger.info(
+              `Average transfer bitrate: ${transferBitrate}kb/s over ${transferDuration / 1000} seconds`,
+            );*/
+            /**
+             * Reconstruct the file
+             * This code reconstructs the received data into the original this based on the mime type and extension provided
+             */
+            const blob = new Blob([...this.data], { type: this.mimetype });
+            this.fileComplete$.next({
+                blob,
+                mimetype: this.mimetype,
+                extension: this.extension,
+                valid: this.valid,
+            });
+            this.reset();
+        }
+        else if (this.data.length > this.chunks) {
+            Logger.error(`Received bigger this than advertised: ${this.data.length}/${this.chunks}`);
+            this.reset();
+        }
+    }
+}
+
 const filteredLogs = [
     {
         command: 'onChangeSequence',
@@ -1875,17 +1996,23 @@ class AggregatorService extends SubService {
         this.videoService = inject(VideoService);
         this.webrtcPlayer = inject(WebRtcPlayerService);
         this.freezeFrame = inject(FreezeFrameService);
+        this.fileReceiver = inject(FileReceiverService);
         this.unrealInitialConfig = inject(UNREAL_CONFIG);
         this.responseEventListeners = new Map();
         /**
          * Never called for now
          */
         this.destroy$ = new Subject();
+        this.init();
+    }
+    init() {
         this.listenWebRTC();
         this.initialize();
     }
-    init() {
-        // do nothing, just to not forget to initialize Service
+    listenWebRTC() {
+        this.webrtcPlayer.onDataChannelMessage$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((data) => this.dataChannelMessageHandler(data));
     }
     initialize() {
         this.store
@@ -1973,11 +2100,6 @@ class AggregatorService extends SubService {
     resetResponseList() {
         this.responseEventListeners.clear();
     }
-    listenWebRTC() {
-        this.webrtcPlayer.onDataChannelMessage$
-            .pipe(takeUntil(this.destroy$))
-            .subscribe((data) => this.dataChannelMessageHandler(data));
-    }
     dataChannelMessageHandler(data) {
         const view = new Uint8Array(data);
         const anyData = data.slice(1);
@@ -2008,6 +2130,18 @@ class AggregatorService extends SubService {
                 }
                 break;
             }
+            case EToClientMessageType.FileExtension:
+                Logger.colored(...COLOR_CODES.FROM_UNREAL, 'FileExtension');
+                this.fileReceiver.setExtensionFromBytes(view);
+                break;
+            case EToClientMessageType.FileMimeType:
+                Logger.colored(...COLOR_CODES.FROM_UNREAL, 'FileMimeType');
+                this.fileReceiver.setMimeTypeFromBytes(view);
+                break;
+            case EToClientMessageType.FileContents:
+                Logger.colored(...COLOR_CODES.FROM_UNREAL, 'FileContents');
+                this.fileReceiver.setContentsFromBytes(view);
+                break;
             case EToClientMessageType.FreezeFrame:
                 Logger.colored(...COLOR_CODES.FROM_UNREAL, 'Freeze frame');
                 this.freezeFrame.start(view);
@@ -2047,13 +2181,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImpo
         }], ctorParameters: () => [] });
 
 class ConsoleExtensionsService extends SubService {
+    #httpClient = inject(HttpClient);
+    #isDevMode = inject(DevModeService).isDevMode;
     constructor() {
-        super(...arguments);
-        this.httpClient = inject(HttpClient);
-        this.isDevMode = inject(DevModeService).isDevMode;
+        super();
+        this.init();
     }
     init() {
-        if (!this.isDevMode) {
+        if (!this.#isDevMode) {
             return;
         }
         window.dropConnection = () => {
@@ -2077,7 +2212,7 @@ class ConsoleExtensionsService extends SubService {
         window.restartApp = () => {
             this.store
                 .select(unrealFeature.selectAwsInstance)
-                .pipe(take(1), filter((data) => !!data.instanceName), tapLog('Instance', `Restart initiated`), switchMap$1((data) => this.httpClient.get(`//${data.instanceName}/restartapp`)), catchError(() => of(null)))
+                .pipe(take(1), filter((data) => !!data.instanceName), tapLog('Instance', `Restart initiated`), switchMap$1((data) => this.#httpClient.get(`//${data.instanceName}/restartapp`)), catchError(() => of(null)))
                 .subscribe();
         };
         window.unrealHelp = () => this.unrealHelp();
@@ -2094,12 +2229,12 @@ class ConsoleExtensionsService extends SubService {
         Logger.info('setWarnTime() => set time to appear the AFK window.');
         Logger.info('emitCommand(command) => send command to Unreal Engine.');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: ConsoleExtensionsService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: ConsoleExtensionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: ConsoleExtensionsService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: ConsoleExtensionsService, decorators: [{
             type: Injectable
-        }] });
+        }], ctorParameters: () => [] });
 
 class DevModeService {
     get isDevMode() {
@@ -2279,19 +2414,17 @@ class TouchEmulator {
 
 class UnrealCommunicatorService {
     constructor() {
+        this.store = inject(Store);
         this.telemetry = inject(CommandTelemetryService);
-        this.afkService = inject(AFKService);
         this.freezeFrame = inject(FreezeFrameService);
         this.webrtcPlayer = inject(WebRtcPlayerService);
         this.videoService = inject(VideoService);
-        this.consoleExtensions = inject(ConsoleExtensionsService);
-        this.store = inject(Store);
         this.destroy$ = new Subject();
         this.cirrusConnected = toSignal(this.store.select(unrealFeature.selectCirrusConnected));
+        this.init();
+    }
+    init() {
         this.emitUIInteraction = this.telemetry.decorate(this.emitUIInteraction.bind(this));
-        this.consoleExtensions.init();
-        this.afkService.init();
-        this.freezeFrame.init();
         this.listenVideo();
         this.store
             .select(unrealFeature.selectDataChannelConnected)
@@ -2980,7 +3113,12 @@ class StreamStatusTelemetryService {
     constructor() {
         this.store = inject(Store);
         this.videoService = inject(VideoService);
-        this.initTelemetry();
+        this.init();
+    }
+    init() {
+        this.videoService.videoStats$
+            .pipe(withLatestFrom(this.store.select(unrealFeature.selectAwsInstance), this.store.select(unrealFeature.selectLowBandwidth), this.store.select(unrealFeature.selectLowBandwidthStats), this.store.select(unrealFeature.selectCirrusConnected)), auditTime(5000), filter(([, , , , cirrusConnected]) => cirrusConnected), map$1(([data, signalingServer, isLowBandwidth, lbmStats]) => this.mapEventData(data, signalingServer, isLowBandwidth, lbmStats)))
+            .subscribe((data) => this.trackEventToMixPanel(data));
     }
     mapEventData(data, signalingServer, isLowBandwidth, lbmStats) {
         const { bitrate, VideoEncoderQP, framesPerSecond, frameWidth, frameHeight, jitter, packetsLost, currentRoundTripTime, } = data.aggregatedStats;
@@ -3001,17 +3139,9 @@ class StreamStatusTelemetryService {
             VideoEncoderQP,
         };
     }
-    initTelemetry() {
-        this.videoService.videoStats$
-            .pipe(withLatestFrom(this.store.select(unrealFeature.selectAwsInstance), this.store.select(unrealFeature.selectLowBandwidth), this.store.select(unrealFeature.selectLowBandwidthStats), this.store.select(unrealFeature.selectCirrusConnected)), auditTime(5000), filter(([, , , , cirrusConnected]) => cirrusConnected), map$1(([data, signalingServer, isLowBandwidth, lbmStats]) => this.mapEventData(data, signalingServer, isLowBandwidth, lbmStats)))
-            .subscribe((data) => this.trackEventToMixPanel(data));
-    }
     trackEventToMixPanel(data) {
         this.store.dispatch(trackMixpanelEvent({ event: 'streamStatus', data }));
     }
-    init() {
-        // do nothing, just to not forget to initialize Service
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: StreamStatusTelemetryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: StreamStatusTelemetryService }); }
 }
@@ -3020,7 +3150,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImpo
         }], ctorParameters: () => [] });
 
 class AfkPlaywrightService extends AFKService {
-    initAfk() {
+    init() {
         return;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: AfkPlaywrightService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
@@ -3049,6 +3179,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImpo
         }], ctorParameters: () => [] });
 
 class UnrealCommunicatorPlaywrightService extends UnrealCommunicatorService {
+    init() {
+        return;
+    }
     sendCommandToUnreal() {
         return;
     }
@@ -3066,10 +3199,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImpo
         }] });
 
 class AggregatorPlaywrightService extends AggregatorService {
-    listenWebRTC() {
-        return;
-    }
-    initialize() {
+    init() {
         return;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: AggregatorPlaywrightService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
@@ -3083,9 +3213,6 @@ class FreezeFramePlaywrightService extends FreezeFrameService {
     init() {
         return;
     }
-    invalidate() {
-        return;
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: FreezeFramePlaywrightService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: FreezeFramePlaywrightService }); }
 }
@@ -3094,10 +3221,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImpo
         }] });
 
 class CommandTelemetryPlaywrightService extends CommandTelemetryService {
-    start() {
-        return;
-    }
-    listenCallbacks() {
+    init() {
         return;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: CommandTelemetryPlaywrightService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
@@ -3108,7 +3232,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImpo
         }] });
 
 class StreamStatusTelemetryPlaywrightService extends StreamStatusTelemetryService {
-    initTelemetry() {
+    init() {
         return;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: StreamStatusTelemetryPlaywrightService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
@@ -3118,15 +3242,69 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImpo
             type: Injectable
         }] });
 
-function provideAngularUnrealModule(config) {
+class ConsoleExtensionsPlaywrightService extends ConsoleExtensionsService {
+    init() {
+        return;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: ConsoleExtensionsPlaywrightService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: ConsoleExtensionsPlaywrightService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: ConsoleExtensionsPlaywrightService, decorators: [{
+            type: Injectable
+        }] });
+
+class FileReceiverPlaywrightService extends FileReceiverService {
+    init() {
+        return;
+    }
+}
+
+/*
+ * Copyright (c) 2025.
+ * 3DSource.com. Sergii Karanda steve@3dsource.com. All Rights Reserved.
+ */
+const ReceivedMimeTypes = {
+    ApplicationJson: 'application/json',
+};
+
+class FileHandlerService {
+    constructor() {
+        this.fileService = inject(FileReceiverService);
+        this.fileHandlers = {
+            [ReceivedMimeTypes.ApplicationJson]: this.handleJsonFile.bind(this),
+        };
+    }
+    handleJsonFile(data, correlationId) {
+        const { blob } = data;
+        return from(blob.text()).pipe(map$1((text) => JSON.parse(text)), filter(({ commandCallback }) => {
+            return commandCallback.correlationId === correlationId;
+        }));
+    }
+    observeFileResponse(mimetype, data, sender, timeOut = 60000) {
+        const correlationId = generateUuid();
+        const out = { ...data, correlationId };
+        const observable = this.fileService.fileComplete$.pipe(switchMap$1((data) => {
+            const { valid } = data;
+            if (valid && this.fileHandlers[mimetype]) {
+                return this.fileHandlers[mimetype](data, correlationId).pipe(filter(Truthy));
+            }
+            return of(null);
+        }), timeout$1(timeOut), catchError((e) => {
+            Logger.error(e);
+            return of(null);
+        }), take(1));
+        setTimeout(() => sender(out), 0);
+        return observable;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: FileHandlerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: FileHandlerService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: FileHandlerService, decorators: [{
+            type: Injectable
+        }] });
+
+function providePlaywrightProviders(config) {
     return [
-        provideState(unrealFeature),
-        provideEffects([UnrealEffects]),
-        ConsoleExtensionsService,
-        InputService,
-        VideoService,
-        WebRtcPlayerService,
-        RegionsPingService,
         {
             provide: StreamStatusTelemetryService,
             useClass: config?.playwright
@@ -3167,9 +3345,43 @@ function provideAngularUnrealModule(config) {
                 ? SignallingPlaywrightService
                 : SignallingService,
         },
+        {
+            provide: ConsoleExtensionsService,
+            useClass: config?.playwright
+                ? ConsoleExtensionsPlaywrightService
+                : ConsoleExtensionsService,
+        },
+        {
+            provide: FileReceiverService,
+            useClass: config?.playwright
+                ? FileReceiverPlaywrightService
+                : FileReceiverService,
+        },
     ];
 }
 
+function provideAngularUnrealModule(config) {
+    return makeEnvironmentProviders([
+        provideState(unrealFeature),
+        provideEffects([UnrealEffects]),
+        ConsoleExtensionsService,
+        InputService,
+        VideoService,
+        WebRtcPlayerService,
+        RegionsPingService,
+        FileReceiverService,
+        FileHandlerService,
+        providePlaywrightProviders(config),
+        provideEnvironmentInitializer(() => {
+            inject(AggregatorService);
+            inject(StreamStatusTelemetryService);
+            inject(ConsoleExtensionsService);
+            inject(AFKService);
+            inject(FreezeFrameService);
+        }),
+    ]);
+}
+
 const initialState = {
     streamRequestContext: null,
     environmentId: null,
@@ -4634,19 +4846,15 @@ class UnrealSceneComponent {
         this.lightMode = this.store.selectSignal(unrealFeature.selectLowBandwidth);
         this.isFreezeFrameLoading = this.store.selectSignal(selectIsFreezeFrameLoading);
         this.isExistMatchUrls = this.store.selectSignal(selectIsExistMatchUrls);
-        this.aggregatorService = inject(AggregatorService);
         this.commandsSender = inject(UnrealCommunicatorService);
         this.inputService = inject(InputService);
         this.videoService = inject(VideoService);
-        this.streamTelemetryService = inject(StreamStatusTelemetryService);
         this.element = inject(ElementRef);
         this.destroyRef = inject(DestroyRef);
         this.destroyRef.onDestroy(() => {
             this.commandsSender.destroy();
             this.store.dispatch(destroyUnrealScene());
         });
-        this.streamTelemetryService.init();
-        this.aggregatorService.init();
         this.inputService.useKeyboardKeys(this.inputService.defaultKeys);
         if (this.isExistMatchUrls()) {
             this.store.dispatch(initSignalling());
@@ -4998,5 +5206,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AFKService, AfkPlaywrightService, AggregatorPlaywrightService, AggregatorService, AnswerHandler, CONSOLE_COMMAND_DISABLE_MESSAGES, CONSOLE_COMMAND_ENABLE_MESSAGES, CONSOLE_COMMAND_PIXEL_QUALITY, ClickableOverlayComponent, CommandTelemetryPlaywrightService, CommandTelemetryService, ConfigHandler, ConsoleExtensionsService, DATA_CHANNEL_CONNECTION_TIMEOUT, DEBOUNCE_TO_MANY_RESIZE_CALLS, DEFAULT_AFK_TIMEOUT, DEFAULT_AFK_TIMEOUT_PERIOD, DataFlowMonitor, DevModeService, DisconnectReason, EControlSchemeType, EMessageType, EToClientMessageType, FULL_HD_HEIGHT, FULL_HD_WIDTH, FilterSettingsComponent, FreezeFrameComponent, FreezeFramePlaywrightService, FreezeFrameService, IceCandidateHandler, ImageLoadingSrcComponent, InputOptions, InputService, InstanceReadyHandler, InstanceReservedHandler, IntroSrcComponent, KalmanFilter1D, LatencyTimings, LowBandwidthDetectorComponent, LowBandwidthModalComponent, MINIMAL_FPS, MouseButton, MouseButtonsMask, OnCloseHandler, OnErrorHandler, OnMessageHandler, OnOpenHandler, OrchestrationMessageTypes, POLLING_TIME, PingHandler, PlayerCountHandler, RegionsPingService, ResetTelemetry, SAME_SIZE_THRESHOLD, SCREEN_LOCKER_CONTAINER_ID, SIGNALLING_PERCENT_VALUE, SSInfoHandler, STREAMING_VIDEO_ID, SafePipe, SignallingPlaywrightService, SignallingService, SpecialKeyCodes, StatGraphComponent, StreamStatusTelemetryPlaywrightService, StreamStatusTelemetryService, SubService, TelemetryStart, TelemetryStop, UNREAL_CONFIG, UnrealCommunicatorPlaywrightService, UnrealCommunicatorService, UnrealEffects, UnrealInternalSignalEvents, UnrealSceneComponent, UnrealStatusMessage, VideoRecorder, 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_TIMEOUT, WebRtcPlayerService, WebrtcErrorModalComponent, abortEstablishingConnection, changeLowBandwidth, changeStatusMainVideoOnScene, changeStreamResolutionAction, changeStreamResolutionSuccessAction, commandCompleted, commandStarted, decodeData, destroyRemoteConnections, destroyUnrealScene, disconnectStream, dispatchResize, dropConnection, floatToSmoothPercents, forceResizeUnrealVideo, fromResizeObserver, fromSignal, fromUnrealCallBackSignal, getActiveUrl, getImageFromVideoStream, getRtcErrorMessage, initSignalling, initialState, isLoaderScreenVisible, keepMaxUntilReset, mapQpToQuality, observeCommandResponse, provideAngularUnrealModule, removeExileCommands, resetAfk, resetAfkAction, resetConfig, resetIntroSrc, resetWarnTimeout, selectClientAndViewIds, selectCommandProgress, selectCommandsInProgress, selectFreezeFrameCombinedDataUrl, selectFreezeFrameDataUrl, selectFreezeFrameDataUrlFromVideo, selectFreezeFrameProgressMessageFromVideo, selectIsAutostart, selectIsExistMatchUrls, selectIsFreezeFrameLoading, selectIsVideoPlayingAndDataChannelConnected, selectLastCommandInProgress, selectLoaderCommands, selectShowLoader, selectShowReconnectPopup, selectSignalingParameters, selectStreamConfig, selectTotalProgress, selectWarnTimeout, sendSignal, setAfkTimerHide, setAfkTimerVisible, setAwsInstance, setCirrusConnected, setCirrusDisconnected, setConfig, setDataChannelConnected, setEstablishingConnection, setFreezeFrame, setFreezeFrameFromVideo, setIntroImageSrc, setIntroVideoSrc, setLoadingImageSrc, setLoopBackCommandIsCompleted, setMaxFps, setOrchestrationContext, setOrchestrationMessage, setOrchestrationParameters, setOrchestrationProgress, setSignalingName, setStatusMessage, setStatusPercentSignallingServer, setStreamClientCompanyId, setStreamViewId, setUnrealPlaywrightConfig, setViewportNotReady, setViewportReady, showPopupWithoutAutoStart, showUnrealErrorMessage, smoothTransition, startStream, trackMixpanelEvent, unrealFeature, unrealReducer, updateCirrusInfo };
+export { AFKService, AfkPlaywrightService, AggregatorPlaywrightService, AggregatorService, AnswerHandler, CONSOLE_COMMAND_DISABLE_MESSAGES, CONSOLE_COMMAND_ENABLE_MESSAGES, CONSOLE_COMMAND_PIXEL_QUALITY, ClickableOverlayComponent, CommandTelemetryPlaywrightService, CommandTelemetryService, ConfigHandler, ConsoleExtensionsPlaywrightService, ConsoleExtensionsService, DATA_CHANNEL_CONNECTION_TIMEOUT, DEBOUNCE_TO_MANY_RESIZE_CALLS, DEFAULT_AFK_TIMEOUT, DEFAULT_AFK_TIMEOUT_PERIOD, DataFlowMonitor, DevModeService, DisconnectReason, EControlSchemeType, EMessageType, EToClientMessageType, FULL_HD_HEIGHT, FULL_HD_WIDTH, FileHandlerService, FileReceiverPlaywrightService, FileReceiverService, FilterSettingsComponent, FreezeFrameComponent, FreezeFramePlaywrightService, FreezeFrameService, IceCandidateHandler, ImageLoadingSrcComponent, InputOptions, InputService, InstanceReadyHandler, InstanceReservedHandler, IntroSrcComponent, KalmanFilter1D, LatencyTimings, LowBandwidthDetectorComponent, LowBandwidthModalComponent, MINIMAL_FPS, MouseButton, MouseButtonsMask, OnCloseHandler, OnErrorHandler, OnMessageHandler, OnOpenHandler, OrchestrationMessageTypes, POLLING_TIME, PingHandler, PlayerCountHandler, RegionsPingService, ResetTelemetry, SAME_SIZE_THRESHOLD, SCREEN_LOCKER_CONTAINER_ID, SIGNALLING_PERCENT_VALUE, SSInfoHandler, STREAMING_VIDEO_ID, SafePipe, SignallingPlaywrightService, SignallingService, SpecialKeyCodes, StatGraphComponent, StreamStatusTelemetryPlaywrightService, StreamStatusTelemetryService, SubService, TelemetryStart, TelemetryStop, UNREAL_CONFIG, UnrealCommunicatorPlaywrightService, UnrealCommunicatorService, UnrealEffects, UnrealInternalSignalEvents, UnrealSceneComponent, UnrealStatusMessage, VideoRecorder, 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_TIMEOUT, WebRtcPlayerService, WebrtcErrorModalComponent, abortEstablishingConnection, changeLowBandwidth, changeStatusMainVideoOnScene, changeStreamResolutionAction, changeStreamResolutionSuccessAction, commandCompleted, commandStarted, decodeData, destroyRemoteConnections, destroyUnrealScene, disconnectStream, dispatchResize, dropConnection, floatToSmoothPercents, forceResizeUnrealVideo, fromResizeObserver, fromSignal, fromUnrealCallBackSignal, getActiveUrl, getImageFromVideoStream, getRtcErrorMessage, initSignalling, initialState, isLoaderScreenVisible, keepMaxUntilReset, mapQpToQuality, observeCommandResponse, provideAngularUnrealModule, removeExileCommands, resetAfk, resetAfkAction, resetConfig, resetIntroSrc, resetWarnTimeout, selectClientAndViewIds, selectCommandProgress, selectCommandsInProgress, selectFreezeFrameCombinedDataUrl, selectFreezeFrameDataUrl, selectFreezeFrameDataUrlFromVideo, selectFreezeFrameProgressMessageFromVideo, selectIsAutostart, selectIsExistMatchUrls, selectIsFreezeFrameLoading, selectIsVideoPlayingAndDataChannelConnected, selectLastCommandInProgress, selectLoaderCommands, selectShowLoader, selectShowReconnectPopup, selectSignalingParameters, selectStreamConfig, selectTotalProgress, selectWarnTimeout, sendSignal, setAfkTimerHide, setAfkTimerVisible, setAwsInstance, setCirrusConnected, setCirrusDisconnected, setConfig, setDataChannelConnected, setEstablishingConnection, setFreezeFrame, setFreezeFrameFromVideo, setIntroImageSrc, setIntroVideoSrc, setLoadingImageSrc, setLoopBackCommandIsCompleted, setMaxFps, setOrchestrationContext, setOrchestrationMessage, setOrchestrationParameters, setOrchestrationProgress, setSignalingName, setStatusMessage, setStatusPercentSignallingServer, setStreamClientCompanyId, setStreamViewId, setUnrealPlaywrightConfig, setViewportNotReady, setViewportReady, showPopupWithoutAutoStart, showUnrealErrorMessage, smoothTransition, startStream, trackMixpanelEvent, unrealFeature, unrealReducer, updateCirrusInfo };
 //# sourceMappingURL=3dsource-angular-unreal-module.mjs.map