@3dsource/angular-unreal-module 0.0.17 → 0.0.18

package/LICENSE

@@ -0,0 +1,14 @@
+Copyright (c) 2025 3dsource
+All Rights Reserved.
+
+This software and associated documentation files (the “Software”) are proprietary
+and confidential. Unauthorized copying, modification, distribution, or any other
+use of the Software, in whole or in part, without the prior written consent of
+the copyright holder is strictly prohibited.
+
+THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -1,3 +1,36 @@
-# Angular Unreal Module
+# @3dsource/angular-unreal-module
 
-Special wrapper for using unreal module in angular projects
+### An unreal scene standalone component for a metabox studio and configurators for communicate with unreal applications
+
+## Installation
+
+### peer dependencies
+
+_List of peer dependencies_
+
+```json
+{
+  "@3dsource/source-ui-native": "^1.0.7",
+  "@3dsource/types-unreal": "^0.0.1",
+  "@3dsource/utils": "^1.0.13",
+  "@angular/cdk": "^19.2.0",
+  "@angular/common": "^19.2.0",
+  "@angular/core": "^19.2.0",
+  "@angular/forms": "^19.2.0",
+  "@ngrx/effects": "^19.1.0",
+  "@ngrx/operators": "^19.1.0",
+  "@ngrx/store": "^19.1.0"
+}
+```
+
+```shell
+  npx install-peerdeps @3dsource/angular-unreal-module
+```
+
+### library
+
+```shell
+  npm i @3dsource/angular-unreal-module
+```
+
+## Usage

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

@@ -5,7 +5,7 @@ import { createAction, props, createReducer, on, createFeature, Store, createSel
 import { Actions, createEffect, ofType } from '@ngrx/effects';
 import { skip, share, merge, timer, of, Subject, combineLatest, switchMap, timeout, retryWhen, take, fromEvent, from, tap as tap$1, interval, startWith, combineLatestWith, takeUntil as takeUntil$1, auditTime, map as map$1, EMPTY, debounceTime as debounceTime$1, scan, Observable, BehaviorSubject, first as first$1, distinctUntilChanged as distinctUntilChanged$1, concat } from 'rxjs';
 import { concatLatestFrom } from '@ngrx/operators';
-import { Falsy, Truthy, Logger, generateUuid, tapLog, COLOR_CODES, Signal, where, KeyboardNumericCode, InvertedKeyMap, Semaphore, isEmpty, lerp, clampf, calculateMedian, smoothTransition, getCanvasCached, getSnapshot, whereNot, HEXtoRGB, RGBtoHSV, inverseLerp, HSVtoRGB, RGBtoHEX, fpIsASameAsB, fitIntoRectangle } from '@3dsource/utils';
+import { Falsy, Truthy, Logger, generateUuid, tapLog, COLOR_CODES, calculateMedian, clampf, Signal, where, KeyboardNumericCode, InvertedKeyMap, Semaphore, isEmpty, lerp, smoothTransition, getCanvasCached, getSnapshot, whereNot, HEXtoRGB, RGBtoHSV, inverseLerp, HSVtoRGB, RGBtoHEX, fpIsASameAsB, fitIntoRectangle } from '@3dsource/utils';
 import { toSignal, takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';
 import { HttpClient } from '@angular/common/http';
 import { DialogRef, DIALOG_DATA, Dialog } from '@angular/cdk/dialog';
@@ -1564,6 +1564,87 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
             type: Injectable
         }] });
 
+class DataFlowMonitor {
+    /**
+     * Initializes the DataFlowMonitor monitor.
+     * @param yellowFlagThresholdPercentage - The percentage drop to trigger a YELLOW warning (default: 15%).
+     * @param redFlagThresholdPercentage - The percentage drop to trigger a RED warning (default: 30%).
+     * @param historyBufferLength - buffer length (default: 100).
+     * @param splitPoint - The point at which to split the history buffer into two halves (default: 0.5).
+     */
+    constructor(yellowFlagThresholdPercentage = 15, redFlagThresholdPercentage = 30, historyBufferLength = 100, splitPoint = 0.5) {
+        this.yellowFlagThresholdPercentage = yellowFlagThresholdPercentage;
+        this.redFlagThresholdPercentage = redFlagThresholdPercentage;
+        this.historyBufferLength = historyBufferLength;
+        this.splitPoint = splitPoint;
+        this.dataHistory = [];
+    }
+    reset() {
+        this.dataHistory.length = 0;
+    }
+    config(data) {
+        this.reset();
+        this.yellowFlagThresholdPercentage = data.yellowFlag;
+        this.redFlagThresholdPercentage = data.redFlag;
+    }
+    /**
+     * Adds a new bitrate measurement and checks for significant drops.
+     * @param currentValue - The current bitrate in kbps.
+     * @returns BitrateCheckResult indicating if a drop was detected.
+     */
+    addValue(currentValue) {
+        if (isNaN(currentValue) || currentValue < 1) {
+            return {};
+        }
+        const historyLength = this.dataHistory.length;
+        if (historyLength > this.historyBufferLength) {
+            this.dataHistory.shift();
+        }
+        this.dataHistory.push(currentValue);
+        if (historyLength < this.historyBufferLength) {
+            this.dataHistory.length = this.historyBufferLength;
+            this.dataHistory.fill(currentValue, 0, this.historyBufferLength);
+        }
+        const splitIndex = Math.floor(historyLength * this.splitPoint);
+        const firstHalf = this.dataHistory.slice(0, splitIndex);
+        const secondHalf = this.dataHistory.slice(splitIndex);
+        const firstHalfMedian = calculateMedian(firstHalf);
+        const secondHalfMedian = calculateMedian(secondHalf);
+        const dropPercentage = clampf(0, 100, ((firstHalfMedian - secondHalfMedian) / firstHalfMedian) * 100);
+        const isRedFlag = dropPercentage >= this.redFlagThresholdPercentage;
+        if (dropPercentage >= this.yellowFlagThresholdPercentage) {
+            return {
+                config: {
+                    yellowFlagThresholdPercentage: this.yellowFlagThresholdPercentage,
+                    redFlagThresholdPercentage: this.redFlagThresholdPercentage,
+                    historyBufferLength: this.historyBufferLength,
+                    splitPoint: this.splitPoint,
+                },
+                isDropDetected: true,
+                dropPercentage,
+                dataHistory: [...this.dataHistory],
+                activeMedian: secondHalfMedian,
+                quality: isRedFlag ? 'red' : 'orange',
+                message: `Significant flow drop detected: ${dropPercentage.toFixed(2)}% (from ${firstHalfMedian} to ${secondHalfMedian})`,
+            };
+        }
+        return {
+            config: {
+                yellowFlagThresholdPercentage: this.yellowFlagThresholdPercentage,
+                redFlagThresholdPercentage: this.redFlagThresholdPercentage,
+                historyBufferLength: this.historyBufferLength,
+                splitPoint: this.splitPoint,
+            },
+            isDropDetected: false,
+            dropPercentage,
+            dataHistory: [...this.dataHistory],
+            activeMedian: secondHalfMedian,
+            quality: 'lime',
+            message: 'Stable flow',
+        };
+    }
+}
+
 /**
  * Default LBM Filter Parameters
  */
@@ -1856,7 +1937,8 @@ class AggregatorService extends SubService {
     }
     removeLoadScreen() {
         document
-            .getElementById(this.#unrealInitialConfig?.screenLockerContainerId || SCREEN_LOCKER_CONTAINER_ID)
+            .getElementById(this.#unrealInitialConfig?.screenLockerContainerId ||
+            SCREEN_LOCKER_CONTAINER_ID)
             ?.remove();
     }
     startListenCallbacks() {
@@ -3312,87 +3394,6 @@ function decodeData(anyData) {
     }
 }
 
-class DataFlowMonitor {
-    /**
-     * Initializes the DataFlowMonitor monitor.
-     * @param yellowFlagThresholdPercentage - The percentage drop to trigger a YELLOW warning (default: 15%).
-     * @param redFlagThresholdPercentage - The percentage drop to trigger a RED warning (default: 30%).
-     * @param historyBufferLength - buffer length (default: 100).
-     * @param splitPoint - The point at which to split the history buffer into two halves (default: 0.5).
-     */
-    constructor(yellowFlagThresholdPercentage = 15, redFlagThresholdPercentage = 30, historyBufferLength = 100, splitPoint = 0.5) {
-        this.yellowFlagThresholdPercentage = yellowFlagThresholdPercentage;
-        this.redFlagThresholdPercentage = redFlagThresholdPercentage;
-        this.historyBufferLength = historyBufferLength;
-        this.splitPoint = splitPoint;
-        this.dataHistory = [];
-    }
-    reset() {
-        this.dataHistory.length = 0;
-    }
-    config(data) {
-        this.reset();
-        this.yellowFlagThresholdPercentage = data.yellowFlag;
-        this.redFlagThresholdPercentage = data.redFlag;
-    }
-    /**
-     * Adds a new bitrate measurement and checks for significant drops.
-     * @param currentValue - The current bitrate in kbps.
-     * @returns BitrateCheckResult indicating if a drop was detected.
-     */
-    addValue(currentValue) {
-        if (isNaN(currentValue) || currentValue < 1) {
-            return {};
-        }
-        const historyLength = this.dataHistory.length;
-        if (historyLength > this.historyBufferLength) {
-            this.dataHistory.shift();
-        }
-        this.dataHistory.push(currentValue);
-        if (historyLength < this.historyBufferLength) {
-            this.dataHistory.length = this.historyBufferLength;
-            this.dataHistory.fill(currentValue, 0, this.historyBufferLength);
-        }
-        const splitIndex = Math.floor(historyLength * this.splitPoint);
-        const firstHalf = this.dataHistory.slice(0, splitIndex);
-        const secondHalf = this.dataHistory.slice(splitIndex);
-        const firstHalfMedian = calculateMedian(firstHalf);
-        const secondHalfMedian = calculateMedian(secondHalf);
-        const dropPercentage = clampf(0, 100, ((firstHalfMedian - secondHalfMedian) / firstHalfMedian) * 100);
-        const isRedFlag = dropPercentage >= this.redFlagThresholdPercentage;
-        if (dropPercentage >= this.yellowFlagThresholdPercentage) {
-            return {
-                config: {
-                    yellowFlagThresholdPercentage: this.yellowFlagThresholdPercentage,
-                    redFlagThresholdPercentage: this.redFlagThresholdPercentage,
-                    historyBufferLength: this.historyBufferLength,
-                    splitPoint: this.splitPoint,
-                },
-                isDropDetected: true,
-                dropPercentage,
-                dataHistory: [...this.dataHistory],
-                activeMedian: secondHalfMedian,
-                quality: isRedFlag ? 'red' : 'orange',
-                message: `Significant flow drop detected: ${dropPercentage.toFixed(2)}% (from ${firstHalfMedian} to ${secondHalfMedian})`,
-            };
-        }
-        return {
-            config: {
-                yellowFlagThresholdPercentage: this.yellowFlagThresholdPercentage,
-                redFlagThresholdPercentage: this.redFlagThresholdPercentage,
-                historyBufferLength: this.historyBufferLength,
-                splitPoint: this.splitPoint,
-            },
-            isDropDetected: false,
-            dropPercentage,
-            dataHistory: [...this.dataHistory],
-            activeMedian: secondHalfMedian,
-            quality: 'lime',
-            message: 'Stable flow',
-        };
-    }
-}
-
 /**
  * UnrealInternalSignalEvents commands list wrapper listener
  * @param event
@@ -4226,7 +4227,8 @@ class UnrealStatusComponent {
      * or any other relevant information that the iframe needs to process.
      */
     sendMessageToIndex(text) {
-        const objectElement = document.getElementById(this.#unrealInitialConfig?.screenLockerContainerId || SCREEN_LOCKER_CONTAINER_ID);
+        const objectElement = document.getElementById(this.#unrealInitialConfig?.screenLockerContainerId ||
+            SCREEN_LOCKER_CONTAINER_ID);
         try {
             const objectDocument = objectElement.contentWindow;
             objectDocument?.postMessage(text, '*');