@lightningtv/renderer 3.0.0-beta1 → 3.2.3

package/src/core/lib/ContextSpy.ts

@@ -1,22 +1,3 @@
-/*
- * If not stated otherwise in this file or this component's LICENSE file the
- * following copyright and licenses apply:
- *
- * Copyright 2023 Comcast Cable Communications Management, LLC.
- *
- * Licensed under the Apache License, Version 2.0 (the License);
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
 /**
  * Class that keeps track of the invocations of Context methods when
  * the `enableContextSpy` renderer option is enabled.

package/src/core/lib/ImageWorker.ts

@@ -1,22 +1,3 @@
-/*
- * If not stated otherwise in this file or this component's LICENSE file the
- * following copyright and licenses apply:
- *
- * Copyright 2023 Comcast Cable Communications Management, LLC.
- *
- * Licensed under the Apache License, Version 2.0 (the License);
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
 import type { CreateImageBitmapSupport } from '../lib/validateImageBitmap.js';
 import { type TextureData } from '../textures/Texture.js';
 
@@ -75,7 +56,13 @@ function createImageWorker() {
       xhr.onload = function () {
         // On most devices like WebOS and Tizen, the file protocol returns 0 while http(s) protocol returns 200
         if (xhr.status !== 200 && xhr.status !== 0) {
-          return reject(new Error('Failed to load image: ' + xhr.statusText));
+          return reject(
+            new Error(
+              `Image loading failed. HTTP status code: ${
+                xhr.status || 'N/A'
+              }. URL: ${src}`,
+            ),
+          );
         }
 
         var blob = xhr.response;
@@ -158,7 +145,8 @@ function createImageWorker() {
       supportsFullCreateImageBitmap,
     })
       .then(function (data) {
-        self.postMessage({ id: id, src: src, data: data });
+        // @ts-ignore ts has wrong postMessage signature
+        self.postMessage({ id: id, src: src, data: data }, [data.data]);
       })
       .catch(function (error) {
         self.postMessage({ id: id, src: src, error: error.message });
@@ -171,7 +159,7 @@ export class ImageWorkerManager {
   imageWorkersEnabled = true;
   messageManager: Record<number, MessageCallback> = {};
   workers: Worker[] = [];
-  workerIndex = 0;
+  workerLoad: number[] = [];
   nextId = 0;
 
   constructor(
@@ -182,14 +170,19 @@ export class ImageWorkerManager {
       numImageWorkers,
       createImageBitmapSupport,
     );
-    this.workers.forEach((worker) => {
-      worker.onmessage = this.handleMessage.bind(this);
+    this.workers.forEach((worker, index) => {
+      worker.onmessage = (event) => this.handleMessage(event, index);
     });
   }
 
-  private handleMessage(event: MessageEvent) {
+  private handleMessage(event: MessageEvent, workerIndex: number) {
     const { id, data, error } = event.data as ImageWorkerMessage;
     const msg = this.messageManager[id];
+
+    if (this.workerLoad[workerIndex]) {
+      this.workerLoad[workerIndex]--;
+    }
+
     if (msg) {
       const [resolve, reject] = msg;
       delete this.messageManager[id];
@@ -235,14 +228,30 @@ export class ImageWorkerManager {
     const workers: Worker[] = [];
     for (let i = 0; i < numWorkers; i++) {
       workers.push(new Worker(blobURL));
+      this.workerLoad.push(0);
     }
     return workers;
   }
 
-  private getNextWorker(): Worker | undefined {
-    const worker = this.workers[this.workerIndex];
-    this.workerIndex = (this.workerIndex + 1) % this.workers.length;
-    return worker;
+  private getNextWorkerIndex(): number {
+    if (this.workers.length === 0) return -1;
+
+    let minLoad = 99;
+    let workerIndex = 0;
+
+    for (let i = 0; i < this.workers.length; i++) {
+      const load = this.workerLoad[i] || 0;
+
+      if (load === 0) {
+        return i;
+      }
+
+      if (load < minLoad) {
+        minLoad = load;
+        workerIndex = i;
+      }
+    }
+    return workerIndex;
   }
 
   getImage(
@@ -258,9 +267,13 @@ export class ImageWorkerManager {
         if (this.workers) {
           const id = this.nextId++;
           this.messageManager[id] = [resolve, reject];
-          const nextWorker = this.getNextWorker();
-          if (nextWorker) {
-            nextWorker.postMessage({
+          const nextWorkerIndex = this.getNextWorkerIndex();
+
+          if (nextWorkerIndex !== -1) {
+            const worker = this.workers[nextWorkerIndex];
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            this.workerLoad[nextWorkerIndex]!++;
+            worker!.postMessage({
               id,
               src: src,
               premultiplyAlpha,

package/src/core/lib/Matrix3d.ts

@@ -1,22 +1,3 @@
-/*
- * If not stated otherwise in this file or this component's LICENSE file the
- * following copyright and licenses apply:
- *
- * Copyright 2023 Comcast Cable Communications Management, LLC.
- *
- * Licensed under the Apache License, Version 2.0 (the License);
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
 /**
  * A 3D matrix representing a 2D graphics transformation
  *
@@ -189,7 +170,7 @@ export class Matrix3d {
   }
 
   public rotate(angle: number): Matrix3d {
-    if (angle === 0 || !((angle % Math.PI) * 2)) {
+    if (angle === 0) {
       return this;
     }
     const cos = Math.cos(angle);
@@ -239,6 +220,12 @@ export class Matrix3d {
     }
     return this._floatArr;
   }
+  public translateOrMultiply(other: Matrix3d): Matrix3d {
+    if (other.ta === 1 && other.td === 1 && other.tb === 0 && other.tc === 0) {
+      return this.translate(other.tx, other.ty);
+    }
+    return this.multiply(other);
+  }
 }
 
 const tempMatrix = new Matrix3d();

package/src/core/lib/RenderCoords.ts

@@ -1,33 +1,34 @@
-const rx1 = 0;
-const rx2 = 2;
-const rx3 = 4;
-const rx4 = 6;
-const ry1 = 1;
-const ry2 = 3;
-const ry3 = 5;
-const ry4 = 7;
-
 export class RenderCoords {
-  public data: Float32Array;
+  public x1: number;
+  public y1: number;
+  public x2: number;
+  public y2: number;
+  public x3: number;
+  public y3: number;
+  public x4: number;
+  public y4: number;
+
   constructor(
-    entries?:
-      | [number, number, number, number, number, number, number, number]
-      | Float32Array,
+    x1: number,
+    y1: number,
+    x2: number,
+    y2: number,
+    x3: number,
+    y3: number,
+    x4: number,
+    y4: number,
   ) {
-    this.data = new Float32Array(8);
-    if (entries) {
-      this.data[rx1] = entries[rx1];
-      this.data[rx2] = entries[rx2];
-      this.data[rx3] = entries[rx3];
-      this.data[rx4] = entries[rx4];
-      this.data[ry1] = entries[ry1];
-      this.data[ry2] = entries[ry2];
-      this.data[ry3] = entries[ry3];
-      this.data[ry4] = entries[ry4];
-    }
+    this.x1 = x1;
+    this.y1 = y1;
+    this.x2 = x2;
+    this.y2 = y2;
+    this.x3 = x3;
+    this.y3 = y3;
+    this.x4 = x4;
+    this.y4 = y4;
   }
 
-  public static translate(
+  static translate(
     x1: number,
     y1: number,
     x2: number,
@@ -38,49 +39,17 @@ export class RenderCoords {
     y4: number,
     out?: RenderCoords,
   ): RenderCoords {
-    if (!out) {
-      out = new RenderCoords();
+    if (out === undefined) {
+      return new RenderCoords(x1, y1, x2, y2, x3, y3, x4, y4);
     }
-    out.data[rx1] = x1;
-    out.data[rx2] = x2;
-    out.data[rx3] = x3;
-    out.data[rx4] = x4;
-    out.data[ry1] = y1;
-    out.data[ry2] = y2;
-    out.data[ry3] = y3;
-    out.data[ry4] = y4;
+    out.x1 = x1;
+    out.y1 = y1;
+    out.x2 = x2;
+    out.y2 = y2;
+    out.x3 = x3;
+    out.y3 = y3;
+    out.x4 = x4;
+    out.y4 = y4;
     return out;
   }
-
-  get x1(): number {
-    return this.data[rx1]!;
-  }
-
-  get x2(): number {
-    return this.data[rx2]!;
-  }
-
-  get x3(): number {
-    return this.data[rx3]!;
-  }
-
-  get x4(): number {
-    return this.data[rx4]!;
-  }
-
-  get y1(): number {
-    return this.data[ry1]!;
-  }
-
-  get y2(): number {
-    return this.data[ry2]!;
-  }
-
-  get y3(): number {
-    return this.data[ry3]!;
-  }
-
-  get y4(): number {
-    return this.data[ry4]!;
-  }
 }