@lightningjs/renderer 2.16.0 → 2.18.0

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

@@ -1,336 +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 { TextRenderers, } from './TextRenderer.js';
-//global state variables for SdfFontHandler
-const fontCache = Object.create(null);
-const loadedFonts = new Set();
-const fontLoadPromises = new Map();
-let initialized = false;
-/**
- * Normalize font metrics to be in the range of 0 to 1
- */
-const normalizeMetrics = (metrics) => ({
-    ascender: metrics.ascender / metrics.unitsPerEm,
-    descender: metrics.descender / metrics.unitsPerEm,
-    lineGap: metrics.lineGap / metrics.unitsPerEm,
-});
-/**
- * Build kerning lookup table for fast access
- * @param {Array} kernings - Kerning data from font
- * @returns {KerningTable} Optimized kerning lookup table
- */
-const buildKerningTable = (kernings) => {
-    const kerningTable = {};
-    let i = 0;
-    const length = kernings.length;
-    while (i < length) {
-        const kerning = kernings[i];
-        i++;
-        if (kerning === undefined) {
-            continue;
-        }
-        const second = kerning.second;
-        let firsts = kerningTable[second];
-        if (!firsts) {
-            firsts = {};
-            kerningTable[second] = firsts;
-        }
-        firsts[kerning.first] = kerning.amount;
-    }
-    return kerningTable;
-};
-/**
- * Build glyph map from font data for fast character lookup
- * @param {Array} chars - Character data from font
- * @returns {Map} Glyph map for character to glyph lookup
- */
-const buildGlyphMap = (chars) => {
-    const glyphMap = new Map();
-    let maxCharHeight = 0;
-    let i = 0;
-    const length = chars.length;
-    while (i < length) {
-        const glyph = chars[i];
-        i++;
-        if (glyph === undefined) {
-            continue;
-        }
-        glyphMap.set(glyph.id, glyph);
-        const charHeight = glyph.yoffset + glyph.height;
-        if (charHeight > maxCharHeight) {
-            maxCharHeight = charHeight;
-        }
-    }
-    return glyphMap;
-};
-/**
- * Process font data and create optimized cache entry
- * @param {string} fontFamily - Font family name
- * @param {SdfFontData} fontData - Raw font data
- * @param {ImageTexture} atlasTexture - Atlas texture
- * @param {FontMetrics} metrics - Font metrics
- */
-const processFontData = (fontFamily, fontData, atlasTexture, metrics) => {
-    // Build optimized data structures
-    const glyphMap = buildGlyphMap(fontData.chars);
-    const kernings = buildKerningTable(fontData.kernings);
-    // Calculate max char height
-    let maxCharHeight = 0;
-    let i = 0;
-    const length = fontData.chars.length;
-    while (i < length) {
-        const glyph = fontData.chars[i];
-        if (glyph !== undefined) {
-            const charHeight = glyph.yoffset + glyph.height;
-            if (charHeight > maxCharHeight) {
-                maxCharHeight = charHeight;
-            }
-        }
-        i++;
-    }
-    // Determine metrics
-    let normalizedMetrics;
-    if (metrics !== undefined) {
-        normalizedMetrics = normalizeMetrics(metrics);
-    }
-    else if (fontData.lightningMetrics !== undefined) {
-        normalizedMetrics = normalizeMetrics(fontData.lightningMetrics);
-    }
-    else {
-        console.warn(`Font metrics not found for SDF font ${fontFamily}. ` +
-            'Make sure you are using the latest version of the Lightning ' +
-            '3 msdf-generator tool to generate your SDF fonts. Using default metrics.');
-        // Use default metrics
-        normalizedMetrics = {
-            ascender: 0.8,
-            descender: -0.2,
-            lineGap: 0.2,
-        };
-    }
-    // Cache processed data
-    fontCache[fontFamily] = {
-        data: fontData,
-        glyphMap,
-        kernings,
-        atlasTexture,
-        metrics: normalizedMetrics,
-        maxCharHeight,
-    };
-};
-/**
- * Check if the SDF font handler can render a font
- * @param {TrProps} trProps - Text rendering properties
- * @returns {boolean} True if the font can be rendered
- */
-export const canRenderFont = (trProps) => {
-    return isFontLoaded(trProps.fontFamily);
-};
-/**
- * Load SDF font from JSON + PNG atlas
- * @param {Object} options - Font loading options
- * @param {string} options.fontFamily - Font family name
- * @param {string} options.fontUrl - JSON font data URL (atlasDataUrl)
- * @param {string} options.atlasUrl - PNG atlas texture URL
- * @param {FontMetrics} options.metrics - Optional font metrics
- */
-export const loadFont = async (stage, options) => {
-    const { fontFamily, atlasUrl, atlasDataUrl, metrics } = options;
-    // Early return if already loaded
-    if (loadedFonts.has(fontFamily) === true) {
-        return;
-    }
-    // Early return if already loading
-    const existingPromise = fontLoadPromises.get(fontFamily);
-    if (existingPromise !== undefined) {
-        return existingPromise;
-    }
-    if (atlasDataUrl === undefined) {
-        throw new Error(`Atlas data URL must be provided for SDF font: ${fontFamily}`);
-    }
-    // Create loading promise
-    const loadPromise = (async () => {
-        // Load font JSON data
-        const response = await fetch(atlasDataUrl);
-        if (!response.ok) {
-            throw new Error(`Failed to load font data: ${response.statusText}`);
-        }
-        const fontData = (await response.json());
-        if (!fontData || !fontData.chars) {
-            throw new Error('Invalid SDF font data format');
-        }
-        // Atlas texture should be provided externally
-        if (!atlasUrl) {
-            throw new Error('Atlas texture must be provided for SDF fonts');
-        }
-        // Wait for atlas texture to load
-        return new Promise((resolve, reject) => {
-            // create new atlas texture using ImageTexture
-            const atlasTexture = stage.txManager.createTexture('ImageTexture', {
-                src: atlasUrl,
-            });
-            atlasTexture.preventCleanup = true; // Prevent automatic cleanup
-            if (atlasTexture.state === 'loaded') {
-                // If already loaded, process immediately
-                processFontData(fontFamily, fontData, atlasTexture, metrics);
-                loadedFonts.add(fontFamily);
-                fontLoadPromises.delete(fontFamily);
-                return resolve();
-            }
-            atlasTexture.on('loaded', () => {
-                // Process and cache font data
-                processFontData(fontFamily, fontData, atlasTexture, metrics);
-                // Mark as loaded
-                loadedFonts.add(fontFamily);
-                fontLoadPromises.delete(fontFamily);
-                resolve();
-            });
-            atlasTexture.on('failed', (error) => {
-                // Cleanup on error
-                fontLoadPromises.delete(fontFamily);
-                if (fontCache[fontFamily]) {
-                    delete fontCache[fontFamily];
-                }
-                console.error(`Failed to load SDF font: ${fontFamily}`, error);
-                reject(error);
-            });
-            atlasTexture.setRenderableOwner(stage, true);
-        });
-    })();
-    fontLoadPromises.set(fontFamily, loadPromise);
-    return loadPromise;
-};
-/**
- * Get the font families map for resolving fonts
- */
-export const getFontFamilies = () => {
-    const families = {};
-    // SDF fonts don't use the traditional FontFamilyMap structure
-    // Return empty map since SDF fonts are handled differently
-    return families;
-};
-/**
- * Initialize the SDF font handler
- */
-export const init = () => {
-    if (initialized === true) {
-        return;
-    }
-    initialized = true;
-};
-export const type = TextRenderers.sdf;
-/**
- * Check if a font is already loaded by font family
- */
-export const isFontLoaded = (fontFamily) => {
-    return loadedFonts.has(fontFamily);
-};
-/**
- * Get normalized font metrics for a font family
- */
-export const getFontMetrics = (fontFamily, 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-_trProps) => {
-    const cache = fontCache[fontFamily];
-    return cache ? cache.metrics : null;
-};
-/**
- * Set font metrics for a font family
- */
-export const setFontMetrics = (fontFamily, metrics) => {
-    const cache = fontCache[fontFamily];
-    if (cache !== undefined) {
-        cache.metrics = metrics;
-    }
-};
-/**
- * Get glyph data for a character in a specific font
- * @param {string} fontFamily - Font family name
- * @param {number} codepoint - Character codepoint
- * @returns {Object|null} Glyph data or null if not found
- */
-export const getGlyph = (fontFamily, codepoint) => {
-    const cache = fontCache[fontFamily];
-    if (cache === undefined)
-        return null;
-    return cache.glyphMap.get(codepoint) || cache.glyphMap.get(63) || null; // 63 = '?'
-};
-/**
- * Get kerning value between two glyphs
- * @param {string} fontFamily - Font family name
- * @param {number} firstGlyph - First glyph ID
- * @param {number} secondGlyph - Second glyph ID
- * @returns {number} Kerning value or 0
- */
-export const getKerning = (fontFamily, firstGlyph, secondGlyph) => {
-    const cache = fontCache[fontFamily];
-    if (cache === undefined)
-        return 0;
-    const seconds = cache.kernings[secondGlyph];
-    return seconds ? seconds[firstGlyph] || 0 : 0;
-};
-/**
- * Get atlas texture for a font family
- * @param {string} fontFamily - Font family name
- * @returns {ImageTexture|null} Atlas texture or null
- */
-export const getAtlas = (fontFamily) => {
-    const cache = fontCache[fontFamily];
-    return cache !== undefined ? cache.atlasTexture : null;
-};
-/**
- * Get font data for a font family
- * @param {string} fontFamily - Font family name
- * @returns {SdfFontData|null} Font data or null
- */
-export const getFontData = (fontFamily) => {
-    const cache = fontCache[fontFamily];
-    return cache !== undefined ? cache.data : null;
-};
-/**
- * Get maximum character height for a font family
- * @param {string} fontFamily - Font family name
- * @returns {number} Max character height or 0
- */
-export const getMaxCharHeight = (fontFamily) => {
-    const cache = fontCache[fontFamily];
-    return cache !== undefined ? cache.maxCharHeight : 0;
-};
-/**
- * Get all loaded font families
- * @returns {string[]} Array of font family names
- */
-export const getLoadedFonts = () => {
-    return Array.from(loadedFonts);
-};
-/**
- * Unload a font and free resources
- * @param {string} fontFamily - Font family name
- */
-export const unloadFont = (fontFamily) => {
-    const cache = fontCache[fontFamily];
-    if (cache !== undefined) {
-        // Free texture if needed
-        if (typeof cache.atlasTexture.free === 'function') {
-            cache.atlasTexture.free();
-        }
-        delete fontCache[fontFamily];
-        loadedFonts.delete(fontFamily);
-    }
-};
-//# sourceMappingURL=SdfFontHandler.js.map

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

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

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

@@ -1,21 +0,0 @@
-import type { Stage } from '../Stage.js';
-import { TextRenderers, type FontHandler, type TextRenderProps, type TrProps } from './TextRenderer.js';
-import type { CoreRenderer } from '../renderers/CoreRenderer.js';
-import type { TextLayout } from './TextRenderer.js';
-/**
- * SDF Text Renderer - implements TextRenderer interface
- */
-declare const SdfTextRenderer: {
-    type: TextRenderers;
-    font: FontHandler;
-    renderText: (stage: Stage, props: TrProps) => {
-        imageData: ImageData | null;
-        width: number;
-        height: number;
-        layout?: TextLayout;
-    };
-    addQuads: (layout?: TextLayout) => Float32Array | null;
-    renderQuads: (renderer: CoreRenderer, layout: TextLayout, vertexBuffer: Float32Array, renderProps: TextRenderProps) => void;
-    init: (stage: Stage) => void;
-};
-export default SdfTextRenderer;

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

@@ -1,324 +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 { TextRenderers } from './TextRenderer.js';
-import * as SdfFontHandler from './SdfFontHandler.js';
-import { WebGlRenderer } from '../renderers/webgl/WebGlRenderer.js';
-import { WebGlRenderOp } from '../renderers/webgl/WebGlRenderOp.js';
-import { Sdf } from '../shaders/webgl/SdfShader.js';
-import { BufferCollection } from '../renderers/webgl/internal/BufferCollection.js';
-import { mergeColorAlpha } from '../../utils.js';
-// Each glyph requires 6 vertices (2 triangles) with 4 floats each (x, y, u, v)
-const FLOATS_PER_VERTEX = 4;
-const VERTICES_PER_GLYPH = 6;
-// Type definition to match interface
-const type = TextRenderers.sdf;
-let sdfShader = null;
-// Initialize the SDF text renderer
-const init = (stage) => {
-    SdfFontHandler.init();
-    // Register SDF shader with the shader manager
-    stage.shManager.registerShaderType('Sdf', Sdf);
-    sdfShader = stage.shManager.createShader('Sdf');
-};
-const font = SdfFontHandler;
-/**
- * SDF text renderer using MSDF/SDF fonts with WebGL
- *
- * @param stage - Stage instance for font resolution
- * @param props - Text rendering properties
- * @returns Object containing ImageData and dimensions
- */
-const renderText = (stage, props) => {
-    // Early return if no text
-    if (props.text.length === 0) {
-        return {
-            imageData: null,
-            width: 0,
-            height: 0,
-        };
-    }
-    // Get font cache for this font family
-    const fontData = SdfFontHandler.getFontData(props.fontFamily);
-    if (fontData === null) {
-        // Font not loaded, return empty result
-        return {
-            imageData: null,
-            width: 0,
-            height: 0,
-        };
-    }
-    // Calculate text layout and generate glyph data for caching
-    const layout = generateTextLayout(props, fontData);
-    // For SDF renderer, ImageData is null since we render via WebGL
-    return {
-        imageData: null,
-        width: layout.width,
-        height: layout.height,
-        layout, // Cache layout for addQuads
-    };
-};
-/**
- * Add quads for rendering using cached layout data
- */
-const addQuads = (layout) => {
-    if (layout === undefined) {
-        return null; // No layout data available
-    }
-    const glyphs = layout.glyphs;
-    const glyphsLength = glyphs.length;
-    if (glyphsLength === 0) {
-        return null;
-    }
-    const vertexBuffer = new Float32Array(glyphsLength * VERTICES_PER_GLYPH * FLOATS_PER_VERTEX);
-    let bufferIndex = 0;
-    let glyphIndex = 0;
-    while (glyphIndex < glyphsLength) {
-        const glyph = glyphs[glyphIndex];
-        glyphIndex++;
-        if (glyph === undefined) {
-            continue;
-        }
-        const x1 = glyph.x;
-        const y1 = glyph.y;
-        const x2 = x1 + glyph.width;
-        const y2 = y1 + glyph.height;
-        const u1 = glyph.atlasX;
-        const v1 = glyph.atlasY;
-        const u2 = u1 + glyph.atlasWidth;
-        const v2 = v1 + glyph.atlasHeight;
-        // Triangle 1: Top-left, top-right, bottom-left
-        // Vertex 1: Top-left
-        vertexBuffer[bufferIndex++] = x1;
-        vertexBuffer[bufferIndex++] = y1;
-        vertexBuffer[bufferIndex++] = u1;
-        vertexBuffer[bufferIndex++] = v1;
-        // Vertex 2: Top-right
-        vertexBuffer[bufferIndex++] = x2;
-        vertexBuffer[bufferIndex++] = y1;
-        vertexBuffer[bufferIndex++] = u2;
-        vertexBuffer[bufferIndex++] = v1;
-        // Vertex 3: Bottom-left
-        vertexBuffer[bufferIndex++] = x1;
-        vertexBuffer[bufferIndex++] = y2;
-        vertexBuffer[bufferIndex++] = u1;
-        vertexBuffer[bufferIndex++] = v2;
-        // Triangle 2: Top-right, bottom-right, bottom-left
-        // Vertex 4: Top-right (duplicate)
-        vertexBuffer[bufferIndex++] = x2;
-        vertexBuffer[bufferIndex++] = y1;
-        vertexBuffer[bufferIndex++] = u2;
-        vertexBuffer[bufferIndex++] = v1;
-        // Vertex 5: Bottom-right
-        vertexBuffer[bufferIndex++] = x2;
-        vertexBuffer[bufferIndex++] = y2;
-        vertexBuffer[bufferIndex++] = u2;
-        vertexBuffer[bufferIndex++] = v2;
-        // Vertex 6: Bottom-left (duplicate)
-        vertexBuffer[bufferIndex++] = x1;
-        vertexBuffer[bufferIndex++] = y2;
-        vertexBuffer[bufferIndex++] = u1;
-        vertexBuffer[bufferIndex++] = v2;
-    }
-    return vertexBuffer;
-};
-/**
- * Create and submit WebGL render operations for SDF text
- * This is called from CoreTextNode during rendering to add SDF text to the render pipeline
- */
-const renderQuads = (renderer, layout, vertexBuffer, renderProps) => {
-    const fontFamily = renderProps.fontFamily;
-    const fontSize = renderProps.fontSize;
-    const color = renderProps.color;
-    const offsetY = renderProps.offsetY;
-    const worldAlpha = renderProps.worldAlpha;
-    const globalTransform = renderProps.globalTransform;
-    const atlasTexture = SdfFontHandler.getAtlas(fontFamily);
-    if (atlasTexture === null) {
-        console.warn(`SDF atlas texture not found for font: ${fontFamily}`);
-        return;
-    }
-    const fontData = SdfFontHandler.getFontData(fontFamily);
-    if (fontData === null) {
-        console.warn(`SDF font data not found for font: ${fontFamily}`);
-        return;
-    }
-    // We can safely assume this is a WebGL renderer else this wouldn't be called
-    const glw = renderer.glw;
-    const stride = 4 * Float32Array.BYTES_PER_ELEMENT;
-    const webGlBuffer = glw.createBuffer();
-    if (!webGlBuffer) {
-        console.warn('Failed to create WebGL buffer for SDF text');
-        return;
-    }
-    const webGlBuffers = new BufferCollection([
-        {
-            buffer: webGlBuffer,
-            attributes: {
-                a_position: {
-                    name: 'a_position',
-                    size: 2,
-                    type: glw.FLOAT,
-                    normalized: false,
-                    stride,
-                    offset: 0,
-                },
-                a_textureCoords: {
-                    name: 'a_textureCoords',
-                    size: 2,
-                    type: glw.FLOAT,
-                    normalized: false,
-                    stride,
-                    offset: 2 * Float32Array.BYTES_PER_ELEMENT,
-                },
-            },
-        },
-    ]);
-    const buffer = webGlBuffers.getBuffer('a_position');
-    if (buffer !== undefined) {
-        glw.arrayBufferData(buffer, vertexBuffer, glw.STATIC_DRAW);
-    }
-    const renderOp = new WebGlRenderOp(renderer, {
-        sdfShaderProps: {
-            transform: globalTransform,
-            color: mergeColorAlpha(color || 0xffffffff, worldAlpha),
-            size: fontSize / (fontData.info?.size || fontData.common.lineHeight), // Use proper font scaling in shader
-            scrollY: offsetY || 0,
-            distanceRange: fontData.distanceField?.distanceRange || 1.0,
-            debug: false, // Disable debug mode
-        },
-        sdfBuffers: webGlBuffers,
-        shader: sdfShader,
-        alpha: worldAlpha,
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-assignment
-        clippingRect: renderProps.clippingRect,
-        height: layout.height,
-        width: layout.width,
-        rtt: false,
-        parentHasRenderTexture: renderProps.parentHasRenderTexture,
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-assignment
-        framebufferDimensions: renderProps.framebufferDimensions,
-    }, 0);
-    // Add atlas texture and set quad count
-    renderOp.addTexture(atlasTexture.ctxTexture);
-    renderOp.numQuads = layout.glyphs.length;
-    renderer.addRenderOp(renderOp);
-};
-/**
- * Generate complete text layout with glyph positioning for caching
- */
-const generateTextLayout = (props, fontData) => {
-    const text = props.text;
-    const fontSize = props.fontSize;
-    const letterSpacing = props.letterSpacing || 0;
-    const fontFamily = props.fontFamily;
-    // Use the font's design size for proper scaling
-    const designLineHeight = fontData.common.lineHeight;
-    const lineHeight = props.lineHeight ||
-        (designLineHeight * fontSize) /
-            (fontData.info?.size || fontData.common.lineHeight);
-    const atlasWidth = fontData.common.scaleW;
-    const atlasHeight = fontData.common.scaleH;
-    // Split text into lines
-    const lines = text.split('\n');
-    const glyphs = [];
-    let maxWidth = 0;
-    let currentY = 0;
-    let lineIndex = 0;
-    const linesLength = lines.length;
-    while (lineIndex < linesLength) {
-        const line = lines[lineIndex];
-        lineIndex++;
-        if (line === undefined) {
-            currentY += lineHeight;
-            continue;
-        }
-        let currentX = 0;
-        let charIndex = 0;
-        const lineLength = line.length;
-        let prevCodepoint = 0;
-        while (charIndex < lineLength) {
-            const char = line.charAt(charIndex);
-            const codepoint = char.codePointAt(0);
-            charIndex++;
-            if (codepoint === undefined) {
-                continue;
-            }
-            // Get glyph data from font handler
-            const glyph = SdfFontHandler.getGlyph(fontFamily, codepoint);
-            if (glyph === null) {
-                continue;
-            }
-            // Calculate advance with kerning (in design units)
-            let advance = glyph.xadvance;
-            // Add kerning if there's a previous character
-            if (prevCodepoint !== 0) {
-                const kerning = SdfFontHandler.getKerning(fontFamily, prevCodepoint, codepoint);
-                advance += kerning;
-            }
-            // Calculate glyph position and atlas coordinates (in design units)
-            const glyphLayout = {
-                codepoint,
-                glyphId: glyph.id,
-                x: currentX + glyph.xoffset,
-                y: currentY + glyph.yoffset,
-                width: glyph.width,
-                height: glyph.height,
-                xOffset: glyph.xoffset,
-                yOffset: glyph.yoffset,
-                atlasX: glyph.x / atlasWidth,
-                atlasY: glyph.y / atlasHeight,
-                atlasWidth: glyph.width / atlasWidth,
-                atlasHeight: glyph.height / atlasHeight,
-            };
-            glyphs.push(glyphLayout);
-            // Advance position with letter spacing (in design units)
-            const designLetterSpacing = (letterSpacing * (fontData.info?.size || fontData.common.lineHeight)) /
-                fontSize;
-            currentX += advance + designLetterSpacing;
-            prevCodepoint = codepoint;
-        }
-        if (currentX > maxWidth) {
-            maxWidth = currentX;
-        }
-        currentY += designLineHeight;
-    }
-    // Convert final dimensions to pixel space for the layout
-    const finalScale = fontSize / (fontData.info?.size || fontData.common.lineHeight);
-    return {
-        glyphs,
-        width: Math.ceil(maxWidth * finalScale),
-        height: Math.ceil(designLineHeight * lines.length * finalScale), // Include baseline in height
-        fontScale: finalScale,
-        lineHeight,
-        fontFamily,
-    };
-};
-/**
- * SDF Text Renderer - implements TextRenderer interface
- */
-const SdfTextRenderer = {
-    type,
-    font,
-    renderText,
-    addQuads,
-    renderQuads,
-    init,
-};
-export default SdfTextRenderer;
-//# sourceMappingURL=SdfTextRenderer.js.map