@lightningjs/renderer 3.0.0-beta16 → 3.0.0-beta18

package/src/core/text-rendering/TextRenderer.ts

@@ -225,15 +225,29 @@ export interface TrProps extends TrFontProps {
    * @remarks
    * This property sets how words should break when reaching the end of a line.
    *
-   * - `'normal'`: Use the default line break rule.
+   * - `'overflow'`: Uses the Css/HTML normal word-break behavior, generally not used in app development.
    * - `'break-all'`: To prevent overflow, word breaks should happen between any two characters.
    * - `'break-word'`: To prevent overflow, word breaks should happen between words. If words are too long word breaks happen between any two characters.
    *
-   * @default "normal"
+   * @default "break-word"
    */
-  wordBreak: 'normal' | 'break-all' | 'break-word';
+  wordBreak: 'overflow' | 'break-all' | 'break-word';
 
-  zIndex: number;
+  /**
+   * contain mode for text
+   *
+   * @remarks
+   *
+   * This property sets how the text should be contained within its bounding box.
+   *
+   * - 'width': The text is contained within the specified maxWidth, horizontal position of text will adjust according to {@link textAlign}.
+   * - 'height': The text is contained within the specified maxHeight, vertical position of text will adjust according to {@link verticalAlign}.
+   * - 'both': The text is contained within both the specified maxWidth and maxHeight.
+   * - 'none': The text is not contained within any bounding box.
+   *
+   * @default 'none'
+   */
+  contain: 'width' | 'height' | 'both' | 'none';
 }
 
 /**
@@ -395,10 +409,11 @@ export interface TextRenderer {
  * Text line struct for text mapping
  * 0 - text
  * 1 - width
- * 2 - line offset x
- * 3 - line offset y
+ * 2 - truncated
+ * 3 - line offset x
+ * 4 - line offset y
  */
-export type TextLineStruct = [string, number, number, number];
+export type TextLineStruct = [string, number, boolean, number, number];
 
 /**
  * Wrapped lines struct for text mapping

package/src/core/text-rendering/tests/{SdfTests.test.ts → TextLayoutEngine.test.ts}

@@ -21,8 +21,8 @@ import { describe, it, expect } from 'vitest';
 import {
   wrapText,
   wrapLine,
-  truncateLineWithSuffix,
   breakWord,
+  truncateLineEnd,
 } from '../TextLayoutEngine.js';
 
 // Mock font data for testing
@@ -130,9 +130,9 @@ describe('SDF Text Utils', () => {
         0, // designLetterSpacing
         10, // spaceWidth
         '',
-        'normal',
-        0,
-        false,
+        0, //overflowWidth
+        'break-word',
+        10,
       );
 
       const [lines] = result;
@@ -146,15 +146,15 @@ describe('SDF Text Utils', () => {
         testMeasureText,
         'hello',
         'Arial',
-        100,
-        0,
+        100, // maxWidth (10 characters at 10 units each)
+        0, // designLetterSpacing
         10, // spaceWidth
         '',
-        'normal',
-        0,
-        false,
+        0, //overflowWidth
+        'break-word',
+        1,
       );
-      expect(result[0][0]).toEqual(['hello', 50, 0, 0]); // 4-element format
+      expect(result[0][0]).toEqual(['hello', 50, false, 0, 0]); // 4-element format
     });
 
     it('should break long words', () => {
@@ -162,19 +162,19 @@ describe('SDF Text Utils', () => {
         testMeasureText,
         'verylongwordthatdoesnotfit',
         'Arial',
-        100, // Only 10 characters fit (each char = 10 units)
-        0,
+        100, // maxWidth (10 characters at 10 units each)
+        0, // designLetterSpacing
         10, // spaceWidth
         '',
-        'normal',
-        0,
-        false,
+        0, //overflowWidth
+        'break-word',
+        1,
       );
       const [lines] = result; // Extract the lines array
       // The implementation returns the full word when wordBreak is 'normal' (default behavior)
       // This is correct behavior - single words are not broken unless wordBreak is set to 'break-all'
       expect(lines.length).toBe(1);
-      expect(lines[0]?.[0]).toBe('verylongwordthatdoesnotfit');
+      expect(lines[0]?.[0]).toBe('verylongwo');
     });
 
     it('should handle ZWSP as word break opportunity', () => {
@@ -183,13 +183,13 @@ describe('SDF Text Utils', () => {
         testMeasureText,
         'hello\u200Bworld test',
         'Arial',
-        100, // 10 characters max - 'helloworld' = 100 units (fits), ' test' = 50 units (exceeds)
-        0,
+        100, // maxWidth (10 characters at 10 units each)
+        0, // designLetterSpacing
         10, // spaceWidth
         '',
-        'normal',
-        0,
-        false,
+        0, //overflowWidth
+        'break-word',
+        2,
       );
 
       const [lines] = result1;
@@ -201,15 +201,15 @@ describe('SDF Text Utils', () => {
         testMeasureText,
         'hi\u200Bthere',
         'Arial',
-        200, // Wide enough for all text (7 characters = 70 units)
-        0,
+        200, // maxWidth
+        0, // designLetterSpacing
         10, // spaceWidth
         '',
-        'normal',
-        0,
-        false,
+        0, //overflowWidth
+        'break-word',
+        1,
       );
-      expect(result2[0][0]).toEqual(['hithere', 70, 0, 0]); // ZWSP is invisible, no space added
+      expect(result2[0][0]).toEqual(['hithere', 70, false, 0, 0]); // ZWSP is invisible, no space added
 
       // Test 3: ZWSP should break when it's the only break opportunity
       const result3 = wrapLine(
@@ -220,12 +220,12 @@ describe('SDF Text Utils', () => {
         0,
         10, // spaceWidth
         '',
-        'normal',
-        0,
-        false,
+        0, //overflowWidth
+        'break-word',
+        2,
       );
       expect(result3.length).toBeGreaterThan(1); // Should break at ZWSP position
-      expect(result3[0][0]).toEqual(['verylongword', 120, 0, 0]);
+      expect(result3[0][0]).toEqual(['verylongwo', 100, false, 0, 0]);
     });
 
     it('should truncate with suffix when max lines reached', () => {
@@ -237,9 +237,9 @@ describe('SDF Text Utils', () => {
         0,
         10, // spaceWidth
         '...',
-        'normal',
-        0, // remainingLines = 0 - this should trigger truncation when hasMaxLines is true
-        true, // hasMaxLines = true - this enables truncation
+        0, //overflowWidth
+        'break-word',
+        10, // remainingLines = 0 - this should trigger truncation when hasMaxLines is true
       );
       // With the current implementation, text wraps naturally across multiple lines
       // when remainingLines is 0 and hasMaxLines is true, but doesn't truncate in this case
@@ -262,7 +262,7 @@ describe('SDF Text Utils', () => {
         0,
       );
       expect(result[0].length).toBeGreaterThan(2);
-      expect(result[0][0]).toStrictEqual(['line one', 80, 0, 0]);
+      expect(result[0][0]).toStrictEqual(['line one', 80, false, 0, 0]);
     });
 
     it('should handle empty lines', () => {
@@ -297,43 +297,52 @@ describe('SDF Text Utils', () => {
 
   describe('truncateLineWithSuffix', () => {
     it('should truncate line and add suffix', () => {
-      const result = truncateLineWithSuffix(
+      const result = truncateLineEnd(
         testMeasureText,
-        'this is a very long line',
         'Arial',
-        100, // Max width for 10 characters
         0,
-        '...',
+        'this is a very long line', //current line
+        240, // current line width
+        '',
+        100, // Max width for 10 characters
+        '...', // Suffix
+        30, // Suffix width
       );
-      expect(result).toContain('...');
+      expect(result[0]).toContain('...');
       expect(result.length).toBeLessThanOrEqual(10);
     });
 
     it('should return suffix if suffix is too long', () => {
-      const result = truncateLineWithSuffix(
+      const result = truncateLineEnd(
         testMeasureText,
-        'hello',
         'Arial',
-        30, // Only 3 characters fit
         0,
+        'hello',
+        50, // current line width
+        '',
+        30, // Only 3 characters fit
         'verylongsuffix',
+        140, // Suffix width
       );
-      expect(result).toMatch(/verylongsuffi/); // Truncated suffix
+      expect(result[0]).toMatch(/verylongsuffi/); // Truncated suffix
     });
 
     it('should return original line with suffix (current behavior)', () => {
       // Note: The current implementation always adds the suffix, even if the line fits.
       // This is the expected behavior when used in overflow contexts where the suffix
       // indicates that content was truncated at the line limit.
-      const result = truncateLineWithSuffix(
+      const result = truncateLineEnd(
         testMeasureText,
-        'short',
         'Arial',
-        100,
         0,
+        'short',
+        50, // 5 characters fit
+        '',
+        40,
         '...',
+        30,
       );
-      expect(result).toBe('short...');
+      expect(result[0]).toBe('s...');
     });
   });
 
@@ -342,35 +351,64 @@ describe('SDF Text Utils', () => {
       const result = breakWord(
         testMeasureText,
         'verylongword',
+        'verylongword'.length * 10,
         'Arial',
-        50, // 5 characters max per line
         0,
+        [],
+        '',
+        0,
+        1,
+        '',
+        50, // 5 characters max per line
+        '',
         0,
+        '...',
+        30,
       );
-      expect(result[0].length).toBeGreaterThan(1);
-      expect(result[0][0]?.[0]).toHaveLength(5);
+      expect(result.length).toBeGreaterThan(1);
+      expect(result[2]).toHaveLength(12);
     });
 
     it('should handle single character word', () => {
-      const result = breakWord(testMeasureText, 'a', 'Arial', 50, 0, 0);
-      expect(result[0][0]).toStrictEqual(['a', 10, 0, 0]);
+      const result = breakWord(
+        testMeasureText,
+        'a',
+        10,
+        'Arial',
+        0,
+        [],
+        '',
+        0,
+        1,
+        '',
+        50, // 5 characters max per line
+        '',
+        0,
+        '...',
+        30,
+      );
+      expect(result).toStrictEqual(['', 0, 'a']);
     });
 
     it('should truncate with suffix when max lines reached', () => {
       const result = breakWord(
         testMeasureText,
         'verylongword',
+        'verylongword'.length * 10,
         'Arial',
-        50,
         0,
-        1, // remainingLines = 1
+        [],
+        '',
+        0,
+        1,
+        '',
+        50, // 5 characters max per line
+        '',
+        0,
+        '...',
+        30,
       );
-      expect(result[0]).toHaveLength(1);
-    });
-
-    it('should handle empty word', () => {
-      const result = breakWord(testMeasureText, '', 'Arial', 50, 0, 0);
-      expect(result[0]).toEqual([]);
+      expect(result[0]).toHaveLength(0);
     });
   });
 
@@ -406,9 +444,10 @@ describe('SDF Text Utils', () => {
         'normal',
         0,
       );
-      expect(result.length).toBeGreaterThan(2);
-      expect(result[0][0]?.[0]).toBe('Short');
-      expect(result[0][result.length - 1]?.[0]).toBe('short');
+      const [lines] = result;
+      expect(lines.length).toBeGreaterThan(2);
+      expect(lines[0]?.[0]).toBe('Short');
+      expect(lines[lines.length - 1]?.[0]).toBe('short');
     });
   });
 });

package/src/main-api/Renderer.ts

@@ -508,7 +508,7 @@ export class RendererMain extends EventEmitter {
       boundsMargin: settings.boundsMargin || 0,
       deviceLogicalPixelRatio: settings.deviceLogicalPixelRatio || 1,
       devicePhysicalPixelRatio:
-        settings.devicePhysicalPixelRatio || window.devicePixelRatio,
+        settings.devicePhysicalPixelRatio || (window.devicePixelRatio || 1),
       clearColor: settings.clearColor ?? 0x00000000,
       fpsUpdateInterval: settings.fpsUpdateInterval || 0,
       targetFPS: settings.targetFPS || 0,
@@ -522,7 +522,7 @@ export class RendererMain extends EventEmitter {
       quadBufferSize: settings.quadBufferSize ?? 4 * 1024 * 1024,
       fontEngines: settings.fontEngines ?? [],
       textureProcessingTimeLimit: settings.textureProcessingTimeLimit || 42,
-      canvas: settings.canvas || document.createElement('canvas'),
+      canvas: settings.canvas,
       createImageBitmapSupport: settings.createImageBitmapSupport || 'full',
       platform: settings.platform || null,
     };
@@ -533,7 +533,6 @@ export class RendererMain extends EventEmitter {
       deviceLogicalPixelRatio,
       devicePhysicalPixelRatio,
       inspector,
-      canvas,
     } = settings as RendererMainSettings;
 
     let platform;
@@ -548,6 +547,8 @@ export class RendererMain extends EventEmitter {
       platform = new WebPlatform();
     }
 
+    const canvas = settings.canvas || platform.createCanvas();
+
     const deviceLogicalWidth = appWidth * deviceLogicalPixelRatio;
     const deviceLogicalHeight = appHeight * deviceLogicalPixelRatio;
 

package/dist/src/core/text-rendering/CanvasFont.d.ts

@@ -1,14 +0,0 @@
-import { CoreFont, type CoreFontProps } from './CoreFont.js';
-import type { NormalizedFontMetrics, TextRenderer } from './TextRenderer.js';
-export type CanvasFontProps = CoreFontProps & {
-    url: string;
-};
-export declare class CanvasFont extends CoreFont {
-    private measureContext;
-    type: string;
-    url: string;
-    constructor(textRenderer: TextRenderer, props: CanvasFontProps, measureContext: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D);
-    load(): void;
-    measureText(text: string, letterSpacing: number): number;
-    getMetrics(fontSize: number): NormalizedFontMetrics;
-}

package/dist/src/core/text-rendering/CanvasFont.js

@@ -1,111 +0,0 @@
-/*
- * If not stated otherwise in this file or this component's LICENSE file the
- * following copyright and licenses apply:
- *
- * Copyright 2025 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 { CoreFont, FontState } from './CoreFont.js';
-import { normalizeFontMetrics } from './TextLayoutEngine.js';
-import { hasZeroWidthSpace } from './Utils.js';
-export class CanvasFont extends CoreFont {
-    measureContext;
-    type = 'canvas';
-    url;
-    constructor(textRenderer, props, measureContext) {
-        super(textRenderer, props);
-        this.measureContext = measureContext;
-        this.url = props.url;
-        this.metrics = props.metrics;
-    }
-    load() {
-        if (this.state !== FontState.Created) {
-            return;
-        }
-        this.state = FontState.Loading;
-        const waitingNodes = this.waitingNodes;
-        new FontFace(this.family, `url(${this.url})`)
-            .load()
-            .then((loadedFont) => {
-            document.fonts.add(loadedFont);
-            this.onLoaded();
-        })
-            .catch((error) => {
-            this.state = FontState.Failed;
-            console.error(`Failed to load font: ${this.family}`, error);
-            this.emit('failed');
-            throw error;
-        });
-    }
-    measureText(text, letterSpacing) {
-        if (letterSpacing === 0) {
-            return this.measureContext.measureText(text).width;
-        }
-        if (hasZeroWidthSpace(text) === false) {
-            return (this.measureContext.measureText(text).width +
-                letterSpacing * text.length);
-        }
-        return text.split('').reduce((acc, char) => {
-            if (hasZeroWidthSpace(char) === true) {
-                return acc;
-            }
-            return acc + this.measureContext.measureText(char).width + letterSpacing;
-        }, 0);
-    }
-    getMetrics(fontSize) {
-        let m = this.normalizedMetrics[fontSize];
-        if (m !== undefined) {
-            return m;
-        }
-        let metrics = this.metrics;
-        if (metrics === undefined) {
-            metrics = calculateCanvasMetrics(this.family, fontSize, this.measureContext);
-        }
-        m = this.normalizedMetrics[fontSize] = normalizeFontMetrics(metrics, fontSize);
-        return m;
-    }
-}
-function calculateCanvasMetrics(fontFamily, fontSize, measureContext) {
-    // If the font face doesn't have metrics defined, we fallback to using the
-    // browser's measureText method to calculate take a best guess at the font
-    // actual font's metrics.
-    // - fontBoundingBox[Ascent|Descent] is the best estimate but only supported
-    //   in Chrome 87+ (2020), Firefox 116+ (2023), and Safari 11.1+ (2018).
-    //   - It is an estimate as it can vary between browsers.
-    // - actualBoundingBox[Ascent|Descent] is less accurate and supported in
-    //   Chrome 77+ (2019), Firefox 74+ (2020), and Safari 11.1+ (2018).
-    // - If neither are supported, we'll use some default values which will
-    //   get text on the screen but likely not be great.
-    // NOTE: It's been decided not to rely on fontBoundingBox[Ascent|Descent]
-    // as it's browser support is limited and it also tends to produce higher than
-    // expected values. It is instead HIGHLY RECOMMENDED that developers provide
-    // explicit metrics in the font face definition.
-    measureContext.font = `normal ${fontSize}px Unknown, ${fontFamily}`;
-    const metrics = measureContext.measureText('ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz');
-    console.warn(`Font metrics not provided for Canvas Web font ${fontFamily}. ` +
-        'Using fallback values. It is HIGHLY recommended you use the latest ' +
-        'version of the Lightning 3 `msdf-generator` tool to extract the default ' +
-        'metrics for the font and provide them in the Canvas Web font definition.');
-    const ascender = metrics.fontBoundingBoxAscent ?? metrics.actualBoundingBoxAscent ?? 0;
-    const descender = metrics.fontBoundingBoxDescent ?? metrics.actualBoundingBoxDescent ?? 0;
-    return {
-        ascender,
-        descender: -descender,
-        lineGap: (metrics.emHeightAscent ?? 0) +
-            (metrics.emHeightDescent ?? 0) -
-            (ascender + descender),
-        unitsPerEm: (metrics.emHeightAscent ?? 0) + (metrics.emHeightDescent ?? 0),
-    };
-}
-//# sourceMappingURL=CanvasFont.js.map

package/dist/src/core/text-rendering/CanvasFont.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CanvasFont.js","sourceRoot":"","sources":["../../../../src/core/text-rendering/CanvasFont.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAsB,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAa/C,MAAM,OAAO,UAAW,SAAQ,QAAQ;IAO5B;IANH,IAAI,GAAG,QAAQ,CAAC;IAChB,GAAG,CAAS;IAEnB,YACE,YAA0B,EAC1B,KAAsB,EACd,cAE6B;QAErC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;QAJnB,mBAAc,GAAd,cAAc,CAEe;QAGrC,IAAI,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;QACrB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IAC/B,CAAC;IAED,IAAI;QACF,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,OAAO,EAAE,CAAC;YACrC,OAAO;QACT,CAAC;QAED,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC;QAC/B,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;QACvC,IAAI,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,IAAI,CAAC,GAAG,GAAG,CAAC;aAC1C,IAAI,EAAE;aACN,IAAI,CAAC,CAAC,UAAU,EAAE,EAAE;YAClB,QAAQ,CAAC,KAA4B,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;YACvD,IAAI,CAAC,QAAQ,EAAE,CAAC;QAClB,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE;YACf,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,MAAM,CAAC;YAC9B,OAAO,CAAC,KAAK,CAAC,wBAAwB,IAAI,CAAC,MAAM,EAAE,EAAE,KAAK,CAAC,CAAC;YAC5D,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACpB,MAAM,KAAK,CAAC;QACd,CAAC,CAAC,CAAC;IACP,CAAC;IAED,WAAW,CAAC,IAAY,EAAE,aAAqB;QAC7C,IAAI,aAAa,KAAK,CAAC,EAAE,CAAC;YACxB,OAAO,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC;QACrD,CAAC;QACD,IAAI,iBAAiB,CAAC,IAAI,CAAC,KAAK,KAAK,EAAE,CAAC;YACtC,OAAO,CACL,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,KAAK;gBAC3C,aAAa,GAAG,IAAI,CAAC,MAAM,CAC5B,CAAC;QACJ,CAAC;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;YACzC,IAAI,iBAAiB,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;gBACrC,OAAO,GAAG,CAAC;YACb,CAAC;YACD,OAAO,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,KAAK,GAAG,aAAa,CAAC;QAC3E,CAAC,EAAE,CAAC,CAAC,CAAC;IACR,CAAC;IAEQ,UAAU,CAAC,QAAgB;QAClC,IAAI,CAAC,GAAG,IAAI,CAAC,iBAAkB,CAAC,QAAQ,CAAC,CAAC;QAC1C,IAAI,CAAC,KAAK,SAAS,EAAE,CAAC;YACpB,OAAO,CAAC,CAAC;QACX,CAAC;QACD,IAAI,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAE3B,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;YAC1B,OAAO,GAAG,sBAAsB,CAC9B,IAAI,CAAC,MAAM,EACX,QAAQ,EACR,IAAI,CAAC,cAAc,CACpB,CAAC;QACJ,CAAC;QACD,CAAC,GAAG,IAAI,CAAC,iBAAkB,CAAC,QAAQ,CAAC,GAAG,oBAAoB,CAC1D,OAAO,EACP,QAAQ,CACT,CAAC;QACF,OAAO,CAAC,CAAC;IACX,CAAC;CACF;AAED,SAAS,sBAAsB,CAC7B,UAAkB,EAClB,QAAgB,EAChB,cAA4E;IAE5E,0EAA0E;IAC1E,0EAA0E;IAC1E,yBAAyB;IACzB,4EAA4E;IAC5E,wEAAwE;IACxE,yDAAyD;IACzD,wEAAwE;IACxE,oEAAoE;IACpE,uEAAuE;IACvE,oDAAoD;IACpD,yEAAyE;IACzE,8EAA8E;IAC9E,4EAA4E;IAC5E,gDAAgD;IAChD,cAAc,CAAC,IAAI,GAAG,UAAU,QAAQ,eAAe,UAAU,EAAE,CAAC;IAEpE,MAAM,OAAO,GAAG,cAAc,CAAC,WAAW,CACxC,sDAAsD,CACvD,CAAC;IACF,OAAO,CAAC,IAAI,CACV,iDAAiD,UAAU,IAAI;QAC7D,qEAAqE;QACrE,0EAA0E;QAC1E,0EAA0E,CAC7E,CAAC;IACF,MAAM,QAAQ,GACZ,OAAO,CAAC,qBAAqB,IAAI,OAAO,CAAC,uBAAuB,IAAI,CAAC,CAAC;IACxE,MAAM,SAAS,GACb,OAAO,CAAC,sBAAsB,IAAI,OAAO,CAAC,wBAAwB,IAAI,CAAC,CAAC;IAC1E,OAAO;QACL,QAAQ;QACR,SAAS,EAAE,CAAC,SAAS;QACrB,OAAO,EACL,CAAC,OAAO,CAAC,cAAc,IAAI,CAAC,CAAC;YAC7B,CAAC,OAAO,CAAC,eAAe,IAAI,CAAC,CAAC;YAC9B,CAAC,QAAQ,GAAG,SAAS,CAAC;QACxB,UAAU,EAAE,CAAC,OAAO,CAAC,cAAc,IAAI,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,eAAe,IAAI,CAAC,CAAC;KAC3E,CAAC;AACJ,CAAC"}

package/dist/src/core/text-rendering/CoreFont.d.ts

@@ -1,33 +0,0 @@
-import type { CoreTextNode } from '../CoreTextNode.js';
-import type { FontMetrics, NormalizedFontMetrics, TextRenderer } from './TextRenderer.js';
-import { EventEmitter } from '../../common/EventEmitter.js';
-export declare enum FontState {
-    Created = 0,
-    Loading = 1,
-    Loaded = 2,
-    Failed = 3
-}
-export interface CoreFontProps {
-    family: string;
-    metrics?: FontMetrics;
-}
-/**
- * EventEmiter only intended to communicated with FontManager
- */
-export declare abstract class CoreFont extends EventEmitter {
-    protected waitingNodes?: Record<number, CoreTextNode>;
-    protected normalizedMetrics?: Record<number, NormalizedFontMetrics>;
-    textRenderer: TextRenderer;
-    state: FontState;
-    family: string;
-    metrics?: FontMetrics;
-    constructor(textRenderer: TextRenderer, props: CoreFontProps);
-    protected onLoaded(): void;
-    waiting(node: CoreTextNode): void;
-    stopWaiting(node: CoreTextNode): void;
-    destroy(): void;
-    abstract type: string;
-    abstract load(): void;
-    abstract measureText(text: string, letterSpacing: number): number;
-    abstract getMetrics(fontSize: number): NormalizedFontMetrics;
-}

package/dist/src/core/text-rendering/CoreFont.js

@@ -1,48 +0,0 @@
-import { UpdateType } from '../CoreNode.js';
-import { EventEmitter } from '../../common/EventEmitter.js';
-export var FontState;
-(function (FontState) {
-    FontState[FontState["Created"] = 0] = "Created";
-    FontState[FontState["Loading"] = 1] = "Loading";
-    FontState[FontState["Loaded"] = 2] = "Loaded";
-    FontState[FontState["Failed"] = 3] = "Failed";
-})(FontState || (FontState = {}));
-/**
- * EventEmiter only intended to communicated with FontManager
- */
-export class CoreFont extends EventEmitter {
-    waitingNodes = Object.create(null);
-    normalizedMetrics = Object.create(null);
-    textRenderer;
-    state;
-    family;
-    metrics;
-    constructor(textRenderer, props) {
-        super();
-        this.family = props.family;
-        this.state = FontState.Created;
-        this.textRenderer = textRenderer;
-    }
-    onLoaded() {
-        const waitingNodes = this.waitingNodes;
-        for (let key in waitingNodes) {
-            waitingNodes[key].setUpdateType(UpdateType.Local);
-            delete waitingNodes[key];
-        }
-        this.state = FontState.Loaded;
-    }
-    waiting(node) {
-        this.waitingNodes[node.id] = node;
-    }
-    stopWaiting(node) {
-        if (this.waitingNodes[node.id]) {
-            delete this.waitingNodes[node.id];
-        }
-    }
-    destroy() {
-        delete this.waitingNodes;
-        delete this.normalizedMetrics;
-        delete this.metrics;
-    }
-}
-//# sourceMappingURL=CoreFont.js.map

package/dist/src/core/text-rendering/CoreFont.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CoreFont.js","sourceRoot":"","sources":["../../../../src/core/text-rendering/CoreFont.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,MAAM,CAAN,IAAY,SAKX;AALD,WAAY,SAAS;IACnB,+CAAO,CAAA;IACP,+CAAO,CAAA;IACP,6CAAM,CAAA;IACN,6CAAM,CAAA;AACR,CAAC,EALW,SAAS,KAAT,SAAS,QAKpB;AAOD;;GAEG;AACH,MAAM,OAAgB,QAAS,SAAQ,YAAY;IACvC,YAAY,GAAkC,MAAM,CAAC,MAAM,CACnE,IAAI,CAC2B,CAAC;IACxB,iBAAiB,GACzB,MAAM,CAAC,MAAM,CAAC,IAAI,CAA0C,CAAC;IAExD,YAAY,CAAe;IAC3B,KAAK,CAAY;IACjB,MAAM,CAAS;IACf,OAAO,CAAe;IAE7B,YAAY,YAA0B,EAAE,KAAoB;QAC1D,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAC3B,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC;QAC/B,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;IACnC,CAAC;IAES,QAAQ;QAChB,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;QACvC,KAAK,IAAI,GAAG,IAAI,YAAY,EAAE,CAAC;YAC7B,YAAY,CAAC,GAAG,CAAE,CAAC,aAAa,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YACnD,OAAO,YAAY,CAAC,GAAG,CAAC,CAAC;QAC3B,CAAC;QACD,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,MAAM,CAAC;IAChC,CAAC;IAEM,OAAO,CAAC,IAAkB;QAC/B,IAAI,CAAC,YAAa,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACrC,CAAC;IAEM,WAAW,CAAC,IAAkB;QACnC,IAAI,IAAI,CAAC,YAAa,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;YAChC,OAAO,IAAI,CAAC,YAAa,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACrC,CAAC;IACH,CAAC;IAEM,OAAO;QACZ,OAAO,IAAI,CAAC,YAAY,CAAC;QACzB,OAAO,IAAI,CAAC,iBAAiB,CAAC;QAC9B,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;CAMF"}

package/dist/src/core/text-rendering/FontManager.d.ts

@@ -1,11 +0,0 @@
-import type { Stage } from '../Stage.js';
-import type { CoreFont } from './CoreFont.js';
-import type { FontLoadOptions, TextRenderer, TextRenderers } from './TextRenderer.js';
-export declare class CoreFontManager {
-    private fonts;
-    private renderers;
-    constructor(stage: Stage, textRenderers: TextRenderer[]);
-    loadFont(type: TextRenderers, options: FontLoadOptions): void;
-    unloadFont(fontFamily: string): void;
-    getFont(fontFamily: string): CoreFont | undefined;
-}

package/dist/src/core/text-rendering/FontManager.js

@@ -1,42 +0,0 @@
-export class CoreFontManager {
-    fonts = Object.create(null);
-    renderers = Object.create(null);
-    constructor(stage, textRenderers) {
-        for (let i = 0; i < textRenderers.length; i++) {
-            const renderer = textRenderers[i];
-            renderer.init(stage);
-            this.renderers[renderer.type] = renderer;
-        }
-    }
-    loadFont(type, options) {
-        const targetRenderer = this.renderers[type];
-        if (targetRenderer === undefined) {
-            console.error('renderer type for this font does not exist');
-            return;
-        }
-        console.log('loadFOnt', type, options);
-        const font = targetRenderer.createFont(options);
-        if (font === undefined) {
-            return;
-        }
-        font.load();
-        this.fonts[options.fontFamily] = font;
-    }
-    unloadFont(fontFamily) {
-        const targetFont = this.fonts[fontFamily];
-        if (targetFont === undefined) {
-            return;
-        }
-        targetFont.destroy();
-        delete this.fonts[fontFamily];
-    }
-    getFont(fontFamily) {
-        const font = this.fonts[fontFamily];
-        if (font === undefined) {
-            console.warn('fontFamily not registered');
-            return;
-        }
-        return font;
-    }
-}
-//# sourceMappingURL=FontManager.js.map

package/dist/src/core/text-rendering/FontManager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FontManager.js","sourceRoot":"","sources":["../../../../src/core/text-rendering/FontManager.ts"],"names":[],"mappings":"AAQA,MAAM,OAAO,eAAe;IAClB,KAAK,GAA6B,MAAM,CAAC,MAAM,CAAC,IAAI,CAG3D,CAAC;IACM,SAAS,GAAiC,MAAM,CAAC,MAAM,CAC7D,IAAI,CAC2B,CAAC;IAElC,YAAY,KAAY,EAAE,aAA6B;QACrD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAC9C,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAE,CAAC;YACnC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACrB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC;QAC3C,CAAC;IACH,CAAC;IAED,QAAQ,CAAC,IAAmB,EAAE,OAAwB;QACpD,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QAC5C,IAAI,cAAc,KAAK,SAAS,EAAE,CAAC;YACjC,OAAO,CAAC,KAAK,CAAC,4CAA4C,CAAC,CAAC;YAC5D,OAAO;QACT,CAAC;QACD,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;QACvC,MAAM,IAAI,GAAG,cAAc,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAChD,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACvB,OAAO;QACT,CAAC;QACD,IAAI,CAAC,IAAI,EAAE,CAAC;QACZ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC;IACxC,CAAC;IAED,UAAU,CAAC,UAAkB;QAC3B,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QAC1C,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;YAC7B,OAAO;QACT,CAAC;QACD,UAAU,CAAC,OAAO,EAAE,CAAC;QACrB,OAAO,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAChC,CAAC;IAED,OAAO,CAAC,UAAkB;QACxB,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QACpC,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACvB,OAAO,CAAC,IAAI,CAAC,2BAA2B,CAAC,CAAC;YAC1C,OAAO;QACT,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;CACF"}