@lightningjs/renderer 3.0.0-beta16 → 3.0.0-beta18

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

@@ -1,29 +0,0 @@
-import type { Stage } from '../Stage.js';
-import type { ImageTexture } from '../textures/ImageTexture.js';
-import { CoreFont, type CoreFontProps } from './CoreFont.js';
-import { type SdfFontData } from './SdfFontHandler.js';
-import type { NormalizedFontMetrics, TextRenderer } from './TextRenderer.js';
-export type SdfFontProps = CoreFontProps & {
-    atlasUrl: string;
-    atlasDataUrl: string;
-};
-export declare class SdfFont extends CoreFont {
-    private stage;
-    type: string;
-    atlasUrl: string;
-    atlasDataUrl: string;
-    atlasTexture?: ImageTexture;
-    private glyphMap?;
-    private kerningTable?;
-    private data?;
-    constructor(textRenderer: TextRenderer, props: SdfFontProps, stage: Stage);
-    load(): void;
-    private hardFail;
-    private processFontData;
-    measureText(text: string, letterSpacing: number): number;
-    getMetrics(fontSize: number): NormalizedFontMetrics;
-    getGlyph(codepoint: number): import("./SdfFontHandler.js").SdfGlyph | null;
-    getKerning(firstGlyph: number, secondGlyph: number): number;
-    getAtlas(): ImageTexture;
-    getData(): SdfFontData;
-}

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

@@ -1,142 +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 { buildGlyphMap, buildKerningTable, } from './SdfFontHandler.js';
-import { normalizeFontMetrics } from './TextLayoutEngine.js';
-import { hasZeroWidthSpace } from './Utils.js';
-export class SdfFont extends CoreFont {
-    stage;
-    type = 'sdf';
-    atlasUrl;
-    atlasDataUrl;
-    atlasTexture;
-    glyphMap;
-    kerningTable;
-    data;
-    constructor(textRenderer, props, stage) {
-        super(textRenderer, props);
-        this.stage = stage;
-        this.atlasUrl = props.atlasUrl;
-        this.atlasDataUrl = props.atlasDataUrl;
-    }
-    load() {
-        new Promise(async () => {
-            const atlasData = await fetch(this.atlasDataUrl);
-            if (atlasData.ok === false) {
-                this.hardFail(`Failed to load font data: ${atlasData.statusText}`);
-            }
-            const fontData = (await atlasData.json());
-            if (fontData.chars === undefined) {
-                this.hardFail('Invalid SDF font data format');
-            }
-            const atlasTexture = this.stage.txManager.createTexture('ImageTexture', {
-                src: this.atlasUrl,
-                premultiplyAlpha: false,
-            });
-            atlasTexture.setRenderableOwner(this.family, true);
-            atlasTexture.preventCleanup = true;
-            atlasTexture.on('loaded', () => {
-                this.onLoaded();
-            });
-            atlasTexture.on('failed', (error) => {
-                console.error(`Failed to load SDF font: ${this.family}`, error);
-                this.emit('failed');
-            });
-            this.atlasTexture = atlasTexture;
-            this.processFontData(fontData);
-        });
-    }
-    hardFail(message) {
-        this.state = FontState.Failed;
-        throw new Error(message);
-    }
-    processFontData(fontData) {
-        this.glyphMap = buildGlyphMap(fontData.chars);
-        this.kerningTable = buildKerningTable(fontData.kernings);
-        this.metrics = this.metrics ||
-            fontData.lightningMetrics || {
-            ascender: 800,
-            descender: -200,
-            lineGap: 200,
-            unitsPerEm: 1000,
-        };
-        this.data = fontData;
-    }
-    measureText(text, letterSpacing) {
-        if (text.length === 1) {
-            const char = text.charAt(0);
-            const codepoint = text.codePointAt(0);
-            if (codepoint === undefined)
-                return 0;
-            if (hasZeroWidthSpace(char) === true)
-                return 0;
-            const glyph = this.getGlyph(codepoint);
-            if (glyph === null)
-                return 0;
-            return glyph.xadvance + letterSpacing;
-        }
-        let width = 0;
-        let prevCodepoint = 0;
-        for (let i = 0; i < text.length; i++) {
-            const char = text.charAt(i);
-            const codepoint = text.codePointAt(i);
-            if (codepoint === undefined)
-                continue;
-            // Skip zero-width spaces in width calculations
-            if (hasZeroWidthSpace(char)) {
-                continue;
-            }
-            const glyph = this.getGlyph(codepoint);
-            if (glyph === null)
-                continue;
-            let advance = glyph.xadvance;
-            // Add kerning if there's a previous character
-            if (prevCodepoint !== 0) {
-                const kerning = this.getKerning(prevCodepoint, codepoint);
-                advance += kerning;
-            }
-            width += advance + letterSpacing;
-            prevCodepoint = codepoint;
-        }
-        return width;
-    }
-    getMetrics(fontSize) {
-        let m = this.normalizedMetrics[fontSize];
-        if (m !== undefined) {
-            return m;
-        }
-        m = this.normalizedMetrics[fontSize] = normalizeFontMetrics(this.metrics, fontSize);
-        return m;
-    }
-    getGlyph(codepoint) {
-        const gm = this.glyphMap;
-        return gm[codepoint] || gm[63] || null;
-    }
-    getKerning(firstGlyph, secondGlyph) {
-        const seconds = this.kerningTable[secondGlyph];
-        return (seconds !== undefined && seconds[firstGlyph]) || 0;
-    }
-    getAtlas() {
-        return this.atlasTexture;
-    }
-    getData() {
-        return this.data;
-    }
-}
-//# sourceMappingURL=SdfFont.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SdfFont.js","sourceRoot":"","sources":["../../../../src/core/text-rendering/SdfFont.ts"],"names":[],"mappings":"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"}

package/src/core/text-rendering/tests/Canvas.test.ts

@@ -1,378 +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 { describe, it, expect } from 'vitest';
-
-import {
-  wrapText,
-  wrapLine,
-  truncateLineWithSuffix,
-  breakWord,
-} from '../TextLayoutEngine.js';
-import { hasZeroWidthSpace } from '../Utils';
-
-// Test-specific measureText function that mimics testMeasureText behavior
-const testMeasureText = (
-  text: string,
-  fontFamily: string,
-  letterSpacing: number,
-): number => {
-  //ignoring this without context available
-  // if (letterSpacing === 0) {
-  //   return measureContext.measureText(text).width;
-  // }
-  if (text.indexOf(' ') === -1 && hasZeroWidthSpace(text) === false) {
-    return (10 + letterSpacing) * text.length;
-  }
-  return text.split('').reduce((acc, char) => {
-    if (hasZeroWidthSpace(char) === true) {
-      return acc;
-    }
-    let width = 10;
-    if (char === ' ') {
-      width = 5;
-    }
-    return acc + width + letterSpacing;
-  }, 0);
-};
-
-describe('Canvas Text Utils', () => {
-  describe('measureText', () => {
-    it('should measure text width correctly', () => {
-      const width = testMeasureText('hello', 'Arial', 0);
-      expect(width).toBe(50); // 5 characters * 10px each
-    });
-
-    it('should handle empty text', () => {
-      const width = testMeasureText('', 'Arial', 0);
-      expect(width).toBe(0);
-    });
-
-    it('should account for letter spacing', () => {
-      const width = testMeasureText('hello', 'Arial', 2);
-      expect(width).toBe(60); // 5 characters * 10px + 5 * 2 letter spacing
-    });
-
-    it('should skip zero-width spaces in letter spacing calculation', () => {
-      const width = testMeasureText('hel\u200Blo', 'Arial', 2);
-      // With letter spacing=2: 'h'(10) + 2 + 'e'(10) + 2 + 'l'(10) + 2 + ZWSP(0) + 'l'(10) + 2 + 'o'(10) = 60
-      // The ZWSP is in the string but gets 0 width, letter spacing is still added for non-ZWSP chars
-      expect(width).toBe(60);
-    });
-
-    it('should handle spaces correctly', () => {
-      const width = testMeasureText('hi there', 'Arial', 0);
-      // With space=0, uses context.measureText() directly
-      // Mock returns: 'h'(10) + 'i'(10) + ' '(5) + 't'(10) + 'h'(10) + 'e'(10) + 'r'(10) + 'e'(10) = 75px
-      expect(width).toBe(75);
-    });
-  });
-
-  describe('wrapLine', () => {
-    it('should wrap text that exceeds max width', () => {
-      const result = wrapLine(
-        testMeasureText, // Add measureText as first parameter
-        'hello world test',
-        'Arial',
-        100, // maxWidth (10 characters at 10 units each)
-        0, // designLetterSpacing
-        10, // spaceWidth
-        '',
-        'normal',
-        0,
-        false,
-      );
-
-      const [lines] = result;
-      expect(lines).toHaveLength(2);
-      expect(lines[0]?.[0]).toEqual('hello'); // Break at space, not ZWSP
-      expect(lines[1]?.[0]).toEqual('world test');
-    });
-
-    it('should handle single word that fits', () => {
-      const result = wrapLine(
-        testMeasureText,
-        'hello',
-        'Arial',
-        100,
-        0,
-        10, // spaceWidth
-        '',
-        'normal',
-        0,
-        false,
-      );
-      expect(result[0][0]).toEqual(['hello', 50, 0, 0]); // 4-element format
-    });
-
-    it('should break long words', () => {
-      const result = wrapLine(
-        testMeasureText,
-        'verylongwordthatdoesnotfit',
-        'Arial',
-        100, // Only 10 characters fit (each char = 10 units)
-        0,
-        10, // spaceWidth
-        '',
-        'normal',
-        0,
-        false,
-      );
-      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');
-    });
-
-    it('should handle ZWSP as word break opportunity', () => {
-      // Test 1: ZWSP should provide break opportunity when needed
-      const result1 = wrapLine(
-        testMeasureText,
-        'hello\u200Bworld test',
-        'Arial',
-        100, // 10 characters max - 'helloworld' = 100 units (fits), ' test' = 50 units (exceeds)
-        0,
-        10, // spaceWidth
-        '',
-        'normal',
-        0,
-        false,
-      );
-
-      const [lines] = result1;
-      expect(lines[0]?.[0]).toEqual('helloworld'); // Break at space, not ZWSP
-      expect(lines[1]?.[0]).toEqual('test');
-
-      // Test 2: ZWSP should NOT break when text fits on one line
-      const result2 = wrapLine(
-        testMeasureText,
-        'hi\u200Bthere',
-        'Arial',
-        200, // Wide enough for all text (7 characters = 70 units)
-        0,
-        10, // spaceWidth
-        '',
-        'normal',
-        0,
-        false,
-      );
-      expect(result2[0][0]).toEqual(['hithere', 70, 0, 0]); // ZWSP is invisible, no space added
-
-      // Test 3: ZWSP should break when it's the only break opportunity
-      const result3 = wrapLine(
-        testMeasureText,
-        'verylongword\u200Bmore',
-        'Arial',
-        100, // 10 characters max - forces break at ZWSP
-        0,
-        10, // spaceWidth
-        '',
-        'normal',
-        0,
-        false,
-      );
-      expect(result3.length).toBeGreaterThan(1); // Should break at ZWSP position
-      expect(result3[0][0]).toEqual(['verylongword', 120, 0, 0]);
-    });
-
-    it('should truncate with suffix when max lines reached', () => {
-      const result = wrapLine(
-        testMeasureText,
-        'hello world test more and even more text that exceeds limits',
-        'Arial',
-        200, // Wide enough to force multiple words on one line
-        0,
-        10, // spaceWidth
-        '...',
-        'normal',
-        0, // remainingLines = 0 - this should trigger truncation when hasMaxLines is true
-        true, // hasMaxLines = true - this enables truncation
-      );
-      // 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
-      // This behavior is correct for the text layout engine
-      expect(result[0].length).toBeGreaterThan(1);
-      expect(result[0][0]?.[0]).toBe('hello world test');
-    });
-  });
-
-  describe('wrapText', () => {
-    it('should wrap multiple lines', () => {
-      const result = wrapText(
-        testMeasureText,
-        'line one\nline two that is longer',
-        'Arial',
-        100,
-        0,
-        '',
-        'normal',
-        0,
-      );
-      expect(result[0].length).toBeGreaterThan(2);
-      expect(result[0][0]).toStrictEqual(['line one', 75, 0, 0]);
-    });
-
-    it('should handle empty lines', () => {
-      const result = wrapText(
-        testMeasureText,
-        'line one\n\nline three',
-        'Arial',
-        100,
-        0,
-        '',
-        'normal',
-        0,
-      );
-      expect(result[0][1]?.[0]).toBe('');
-    });
-
-    it('should respect max lines limit', () => {
-      const result = wrapText(
-        testMeasureText,
-        'line one\\nline two\\nline three\\nline four',
-        'Arial',
-        100,
-        0,
-        '',
-        'normal',
-        2, // maxLines = 2
-      );
-      const [lines] = result;
-      expect(lines).toHaveLength(2);
-    });
-  });
-
-  describe('truncateLineWithSuffix', () => {
-    it('should truncate line and add suffix', () => {
-      const result = truncateLineWithSuffix(
-        testMeasureText,
-        'this is a very long line',
-        'Arial',
-        100, // Max width for 10 characters
-        0,
-        '...',
-      );
-      expect(result).toContain('...');
-      expect(result.length).toBe(11);
-    });
-
-    it('should return suffix if suffix is too long', () => {
-      const result = truncateLineWithSuffix(
-        testMeasureText,
-        'hello',
-        'Arial',
-        30, // Only 3 characters fit
-        0,
-        'verylongsuffix',
-      );
-      expect(result).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(
-        testMeasureText,
-        'short',
-        'Arial',
-        100,
-        0,
-        '...',
-      );
-      expect(result).toBe('short...');
-    });
-  });
-
-  describe('breakLongWord', () => {
-    it('should break word into multiple lines', () => {
-      const result = breakWord(
-        testMeasureText,
-        'verylongword',
-        'Arial',
-        50, // 5 characters max per line
-        0,
-        0,
-      );
-      expect(result[0].length).toBeGreaterThan(1);
-      expect(result[0][0]?.[0]).toHaveLength(5);
-    });
-
-    it('should handle single character word', () => {
-      const result = breakWord(testMeasureText, 'a', 'Arial', 50, 0, 0);
-      expect(result[0][0]).toStrictEqual(['a', 10, 0, 0]);
-    });
-
-    it('should truncate with suffix when max lines reached', () => {
-      const result = breakWord(
-        testMeasureText,
-        'verylongword',
-        'Arial',
-        50,
-        0,
-        1, // remainingLines = 1
-      );
-      expect(result[0]).toHaveLength(1);
-    });
-
-    it('should handle empty word', () => {
-      const result = breakWord(testMeasureText, '', 'Arial', 50, 0, 0);
-      expect(result[0]).toEqual([]);
-    });
-  });
-
-  describe('Integration tests', () => {
-    it('should handle complex text with ZWSP and wrapping', () => {
-      const text =
-        'This is a test\u200Bwith zero-width\u200Bspaces that should wrap properly';
-      const result = wrapText(
-        testMeasureText,
-        text,
-        'Arial',
-        200, // 20 characters max per line
-        0,
-        '...',
-        'normal',
-        0,
-      );
-      expect(result.length).toBeGreaterThan(1);
-      const [lines] = result;
-      // Should split at ZWSP and regular spaces
-      expect(lines.some((line) => line[0].includes('zero-width'))).toBe(true);
-    });
-
-    it('should handle mixed content with long words and ZWSP', () => {
-      const text = 'Short\u200Bverylongwordthatmustbebroken\u200Bshort';
-      const result = wrapText(
-        testMeasureText,
-        text,
-        'Arial',
-        100, // 10 characters max per line
-        0,
-        '',
-        'normal',
-        0,
-      );
-      expect(result.length).toBeGreaterThan(2);
-      expect(result[0][0]?.[0]).toBe('Short');
-      expect(result[0][result.length - 1]?.[0]).toBe('short');
-    });
-  });
-});