@lightningjs/renderer 3.0.0-beta16 → 3.0.0-beta17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/common/CommonTypes.d.ts +11 -0
- package/dist/src/core/CoreNode.js +8 -0
- package/dist/src/core/CoreNode.js.map +1 -1
- package/dist/src/core/CoreTextNode.d.ts +13 -0
- package/dist/src/core/CoreTextNode.js +68 -17
- package/dist/src/core/CoreTextNode.js.map +1 -1
- package/dist/src/core/Stage.js +2 -1
- package/dist/src/core/Stage.js.map +1 -1
- package/dist/src/core/animations/Animation.d.ts +16 -0
- package/dist/src/core/animations/Animation.js +111 -0
- package/dist/src/core/animations/Animation.js.map +1 -0
- package/dist/src/core/animations/CoreTransition.d.ts +24 -0
- package/dist/src/core/animations/CoreTransition.js +63 -0
- package/dist/src/core/animations/CoreTransition.js.map +1 -0
- package/dist/src/core/animations/Playback.d.ts +62 -0
- package/dist/src/core/animations/Playback.js +155 -0
- package/dist/src/core/animations/Playback.js.map +1 -0
- package/dist/src/core/animations/Transition.d.ts +25 -0
- package/dist/src/core/animations/Transition.js +63 -0
- package/dist/src/core/animations/Transition.js.map +1 -0
- package/dist/src/core/animations/utils.d.ts +2 -0
- package/dist/src/core/animations/utils.js +137 -0
- package/dist/src/core/animations/utils.js.map +1 -0
- package/dist/src/core/lib/collectionUtils.d.ts +5 -0
- package/dist/src/core/lib/collectionUtils.js +100 -0
- package/dist/src/core/lib/collectionUtils.js.map +1 -0
- package/dist/src/core/platforms/Platform.d.ts +5 -0
- package/dist/src/core/platforms/Platform.js.map +1 -1
- package/dist/src/core/platforms/web/WebPlatform.d.ts +1 -0
- package/dist/src/core/platforms/web/WebPlatform.js +3 -0
- package/dist/src/core/platforms/web/WebPlatform.js.map +1 -1
- package/dist/src/core/text-rendering/CanvasFontHandler.js +1 -1
- package/dist/src/core/text-rendering/CanvasFontHandler.js.map +1 -1
- package/dist/src/core/text-rendering/CanvasTextRenderer.js +3 -3
- package/dist/src/core/text-rendering/CanvasTextRenderer.js.map +1 -1
- package/dist/src/core/text-rendering/SdfTextRenderer.js +3 -3
- package/dist/src/core/text-rendering/SdfTextRenderer.js.map +1 -1
- package/dist/src/core/text-rendering/TextLayoutEngine.d.ts +12 -13
- package/dist/src/core/text-rendering/TextLayoutEngine.js +239 -181
- package/dist/src/core/text-rendering/TextLayoutEngine.js.map +1 -1
- package/dist/src/core/text-rendering/TextRenderer.d.ts +22 -7
- package/dist/src/core/utils.d.ts +1 -1
- package/dist/src/main-api/Renderer.js +3 -2
- package/dist/src/main-api/Renderer.js.map +1 -1
- package/dist/tsconfig.dist.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/common/CommonTypes.ts +16 -0
- package/src/core/CoreNode.test.ts +50 -1
- package/src/core/CoreNode.ts +11 -0
- package/src/core/CoreTextNode.ts +78 -17
- package/src/core/Stage.ts +2 -1
- package/src/core/platforms/Platform.ts +6 -0
- package/src/core/platforms/web/WebPlatform.ts +11 -0
- package/src/core/text-rendering/CanvasFontHandler.ts +1 -7
- package/src/core/text-rendering/CanvasTextRenderer.ts +2 -4
- package/src/core/text-rendering/SdfTextRenderer.ts +2 -3
- package/src/core/text-rendering/TextLayoutEngine.ts +393 -223
- package/src/core/text-rendering/TextRenderer.ts +22 -7
- package/src/core/text-rendering/tests/{SdfTests.test.ts → TextLayoutEngine.test.ts} +103 -64
- package/src/main-api/Renderer.ts +3 -2
- package/dist/src/core/TextureError.d.ts +0 -11
- package/dist/src/core/TextureError.js +0 -37
- package/dist/src/core/TextureError.js.map +0 -1
- package/dist/src/core/platform.d.ts +0 -10
- package/dist/src/core/platform.js +0 -81
- package/dist/src/core/platform.js.map +0 -1
- package/dist/src/core/renderers/CoreShader.d.ts +0 -9
- package/dist/src/core/renderers/CoreShader.js +0 -28
- package/dist/src/core/renderers/CoreShader.js.map +0 -1
- package/dist/src/core/renderers/canvas/CanvasCoreRenderer.d.ts +0 -33
- package/dist/src/core/renderers/canvas/CanvasCoreRenderer.js +0 -250
- package/dist/src/core/renderers/canvas/CanvasCoreRenderer.js.map +0 -1
- package/dist/src/core/renderers/canvas/CanvasCoreTexture.d.ts +0 -17
- package/dist/src/core/renderers/canvas/CanvasCoreTexture.js +0 -125
- package/dist/src/core/renderers/canvas/CanvasCoreTexture.js.map +0 -1
- package/dist/src/core/renderers/canvas/internal/C2DShaderUtils.d.ts +0 -14
- package/dist/src/core/renderers/canvas/internal/C2DShaderUtils.js +0 -138
- package/dist/src/core/renderers/canvas/internal/C2DShaderUtils.js.map +0 -1
- package/dist/src/core/renderers/canvas/internal/ColorUtils.d.ts +0 -19
- package/dist/src/core/renderers/canvas/internal/ColorUtils.js +0 -58
- package/dist/src/core/renderers/canvas/internal/ColorUtils.js.map +0 -1
- package/dist/src/core/renderers/canvas/shaders/UnsupportedShader.d.ts +0 -10
- package/dist/src/core/renderers/canvas/shaders/UnsupportedShader.js +0 -43
- package/dist/src/core/renderers/canvas/shaders/UnsupportedShader.js.map +0 -1
- package/dist/src/core/renderers/webgl/WebGlCoreCtxRenderTexture.d.ts +0 -12
- package/dist/src/core/renderers/webgl/WebGlCoreCtxRenderTexture.js +0 -58
- package/dist/src/core/renderers/webgl/WebGlCoreCtxRenderTexture.js.map +0 -1
- package/dist/src/core/renderers/webgl/WebGlCoreCtxSubTexture.d.ts +0 -9
- package/dist/src/core/renderers/webgl/WebGlCoreCtxSubTexture.js +0 -38
- package/dist/src/core/renderers/webgl/WebGlCoreCtxSubTexture.js.map +0 -1
- package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.d.ts +0 -69
- package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.js +0 -272
- package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.js.map +0 -1
- package/dist/src/core/renderers/webgl/WebGlCoreRenderOp.d.ts +0 -34
- package/dist/src/core/renderers/webgl/WebGlCoreRenderOp.js +0 -114
- package/dist/src/core/renderers/webgl/WebGlCoreRenderOp.js.map +0 -1
- package/dist/src/core/renderers/webgl/WebGlCoreRenderer.d.ts +0 -133
- package/dist/src/core/renderers/webgl/WebGlCoreRenderer.js +0 -641
- package/dist/src/core/renderers/webgl/WebGlCoreRenderer.js.map +0 -1
- package/dist/src/core/renderers/webgl/WebGlCoreShader.d.ts +0 -78
- package/dist/src/core/renderers/webgl/WebGlCoreShader.js +0 -202
- package/dist/src/core/renderers/webgl/WebGlCoreShader.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/DefaultShader.d.ts +0 -9
- package/dist/src/core/renderers/webgl/shaders/DefaultShader.js +0 -84
- package/dist/src/core/renderers/webgl/shaders/DefaultShader.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.d.ts +0 -10
- package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.js +0 -108
- package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/DynamicShader.d.ts +0 -29
- package/dist/src/core/renderers/webgl/shaders/DynamicShader.js +0 -408
- package/dist/src/core/renderers/webgl/shaders/DynamicShader.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.d.ts +0 -28
- package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.js +0 -126
- package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/SdfShader.d.ts +0 -47
- package/dist/src/core/renderers/webgl/shaders/SdfShader.js +0 -148
- package/dist/src/core/renderers/webgl/shaders/SdfShader.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.d.ts +0 -31
- package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.js +0 -71
- package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/BorderEffect.d.ts +0 -30
- package/dist/src/core/renderers/webgl/shaders/effects/BorderEffect.js +0 -58
- package/dist/src/core/renderers/webgl/shaders/effects/BorderEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.d.ts +0 -31
- package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.js +0 -71
- package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.d.ts +0 -31
- package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.js +0 -71
- package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.d.ts +0 -31
- package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.js +0 -71
- package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/EffectUtils.d.ts +0 -9
- package/dist/src/core/renderers/webgl/shaders/effects/EffectUtils.js +0 -136
- package/dist/src/core/renderers/webgl/shaders/effects/EffectUtils.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/FadeOutEffect.d.ts +0 -36
- package/dist/src/core/renderers/webgl/shaders/effects/FadeOutEffect.js +0 -85
- package/dist/src/core/renderers/webgl/shaders/effects/FadeOutEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/GlitchEffect.d.ts +0 -45
- package/dist/src/core/renderers/webgl/shaders/effects/GlitchEffect.js +0 -104
- package/dist/src/core/renderers/webgl/shaders/effects/GlitchEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.d.ts +0 -22
- package/dist/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.js +0 -45
- package/dist/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/HolePunchEffect.d.ts +0 -58
- package/dist/src/core/renderers/webgl/shaders/effects/HolePunchEffect.js +0 -80
- package/dist/src/core/renderers/webgl/shaders/effects/HolePunchEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.d.ts +0 -35
- package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.js +0 -134
- package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.d.ts +0 -40
- package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.js +0 -143
- package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.d.ts +0 -61
- package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.js +0 -127
- package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.d.ts +0 -40
- package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.js +0 -71
- package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/ShaderEffect.d.ts +0 -115
- package/dist/src/core/renderers/webgl/shaders/effects/ShaderEffect.js +0 -61
- package/dist/src/core/renderers/webgl/shaders/effects/ShaderEffect.js.map +0 -1
- package/dist/src/core/text-rendering/CanvasFont.d.ts +0 -14
- package/dist/src/core/text-rendering/CanvasFont.js +0 -111
- package/dist/src/core/text-rendering/CanvasFont.js.map +0 -1
- package/dist/src/core/text-rendering/CoreFont.d.ts +0 -33
- package/dist/src/core/text-rendering/CoreFont.js +0 -48
- package/dist/src/core/text-rendering/CoreFont.js.map +0 -1
- package/dist/src/core/text-rendering/FontManager.d.ts +0 -11
- package/dist/src/core/text-rendering/FontManager.js +0 -42
- package/dist/src/core/text-rendering/FontManager.js.map +0 -1
- package/dist/src/core/text-rendering/SdfFont.d.ts +0 -29
- package/dist/src/core/text-rendering/SdfFont.js +0 -142
- package/dist/src/core/text-rendering/SdfFont.js.map +0 -1
- package/dist/src/core/text-rendering/TextRenderingUtils.d.ts +0 -12
- package/dist/src/core/text-rendering/TextRenderingUtils.js +0 -14
- package/dist/src/core/text-rendering/TextRenderingUtils.js.map +0 -1
- package/dist/src/core/text-rendering/TextTextureRendererUtils.d.ts +0 -72
- package/dist/src/core/text-rendering/TextTextureRendererUtils.js +0 -217
- package/dist/src/core/text-rendering/TextTextureRendererUtils.js.map +0 -1
- package/dist/src/core/text-rendering/TrFontManager.d.ts +0 -26
- package/dist/src/core/text-rendering/TrFontManager.js +0 -131
- package/dist/src/core/text-rendering/TrFontManager.js.map +0 -1
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.d.ts +0 -39
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.js +0 -125
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.js.map +0 -1
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/FontShaper.d.ts +0 -103
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/FontShaper.js +0 -21
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/FontShaper.js.map +0 -1
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.d.ts +0 -62
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.js +0 -88
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.js.map +0 -1
- package/dist/src/core/text-rendering/font-face-types/TrFontFace.d.ts +0 -118
- package/dist/src/core/text-rendering/font-face-types/TrFontFace.js +0 -63
- package/dist/src/core/text-rendering/font-face-types/TrFontFace.js.map +0 -1
- package/dist/src/core/text-rendering/font-face-types/WebTrFontFace.d.ts +0 -14
- package/dist/src/core/text-rendering/font-face-types/WebTrFontFace.js +0 -66
- package/dist/src/core/text-rendering/font-face-types/WebTrFontFace.js.map +0 -1
- package/dist/src/core/text-rendering/font-face-types/utils.d.ts +0 -1
- package/dist/src/core/text-rendering/font-face-types/utils.js +0 -38
- package/dist/src/core/text-rendering/font-face-types/utils.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/CanvasTextRenderer.d.ts +0 -59
- package/dist/src/core/text-rendering/renderers/CanvasTextRenderer.js +0 -397
- package/dist/src/core/text-rendering/renderers/CanvasTextRenderer.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/LightningTextTextureRenderer.d.ts +0 -120
- package/dist/src/core/text-rendering/renderers/LightningTextTextureRenderer.js +0 -551
- package/dist/src/core/text-rendering/renderers/LightningTextTextureRenderer.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.d.ts +0 -92
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.js +0 -607
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.d.ts +0 -12
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.js +0 -61
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/SpecialCodepoints.d.ts +0 -33
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/SpecialCodepoints.js +0 -52
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/SpecialCodepoints.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/constants.d.ts +0 -13
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/constants.js +0 -32
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/constants.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getStartConditions.d.ts +0 -23
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getStartConditions.js +0 -84
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getStartConditions.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.d.ts +0 -4
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.js +0 -34
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.d.ts +0 -20
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.js +0 -308
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.d.ts +0 -10
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.js +0 -40
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.d.ts +0 -26
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.js +0 -70
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/util.d.ts +0 -16
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/util.js +0 -39
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/util.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/TextRenderer.d.ts +0 -373
- package/dist/src/core/text-rendering/renderers/TextRenderer.js +0 -178
- package/dist/src/core/text-rendering/renderers/TextRenderer.js.map +0 -1
- package/dist/src/main-api/DynamicShaderController.d.ts +0 -29
- package/dist/src/main-api/DynamicShaderController.js +0 -58
- package/dist/src/main-api/DynamicShaderController.js.map +0 -1
- package/dist/src/main-api/ShaderController.d.ts +0 -31
- package/dist/src/main-api/ShaderController.js +0 -37
- package/dist/src/main-api/ShaderController.js.map +0 -1
- package/src/core/text-rendering/tests/Canvas.test.ts +0 -378
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Shader Controller Class
|
|
3
|
-
*
|
|
4
|
-
* @remarks
|
|
5
|
-
* This class is used to control shader props.
|
|
6
|
-
*/
|
|
7
|
-
export class ShaderController {
|
|
8
|
-
type;
|
|
9
|
-
shader;
|
|
10
|
-
resolvedProps;
|
|
11
|
-
props;
|
|
12
|
-
constructor(type, shader, props, stage) {
|
|
13
|
-
this.type = type;
|
|
14
|
-
this.shader = shader;
|
|
15
|
-
this.resolvedProps = props;
|
|
16
|
-
const keys = Object.keys(props);
|
|
17
|
-
const l = keys.length;
|
|
18
|
-
const definedProps = {};
|
|
19
|
-
for (let i = 0; i < l; i++) {
|
|
20
|
-
const name = keys[i];
|
|
21
|
-
Object.defineProperty(definedProps, name, {
|
|
22
|
-
get: () => {
|
|
23
|
-
return this.resolvedProps[name];
|
|
24
|
-
},
|
|
25
|
-
set: (value) => {
|
|
26
|
-
this.resolvedProps[name] = value;
|
|
27
|
-
stage.requestRender();
|
|
28
|
-
},
|
|
29
|
-
});
|
|
30
|
-
}
|
|
31
|
-
this.props = definedProps;
|
|
32
|
-
}
|
|
33
|
-
getResolvedProps() {
|
|
34
|
-
return this.resolvedProps;
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
//# sourceMappingURL=ShaderController.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ShaderController.js","sourceRoot":"","sources":["../../../src/main-api/ShaderController.ts"],"names":[],"mappings":"AAsCA;;;;;GAKG;AAEH,MAAM,OAAO,gBAAgB;IAMhB;IACA;IAJH,aAAa,CAA6B;IAClD,KAAK,CAA6B;IAClC,YACW,IAAO,EACP,MAAkC,EAC3C,KAAiC,EACjC,KAAY;QAHH,SAAI,GAAJ,IAAI,CAAG;QACP,WAAM,GAAN,MAAM,CAA4B;QAI3C,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAChC,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC;QAEtB,MAAM,YAAY,GAAG,EAAE,CAAC;QACxB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;YAC3B,MAAM,IAAI,GAAG,IAAI,CAAC,CAAC,CAAE,CAAC;YACtB,MAAM,CAAC,cAAc,CAAC,YAAY,EAAE,IAAI,EAAE;gBACxC,GAAG,EAAE,GAAG,EAAE;oBACR,OAAO,IAAI,CAAC,aAAa,CAAC,IAAwC,CAAC,CAAC;gBACtE,CAAC;gBACD,GAAG,EAAE,CAAC,KAAK,EAAE,EAAE;oBACb,IAAI,CAAC,aAAa,CAAC,IAAwC,CAAC,GAAG,KAAK,CAAC;oBACrE,KAAK,CAAC,aAAa,EAAE,CAAC;gBACxB,CAAC;aACF,CAAC,CAAC;QACL,CAAC;QACD,IAAI,CAAC,KAAK,GAAG,YAA0C,CAAC;IAC1D,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,aAAa,CAAC;IAC5B,CAAC;CACF"}
|
|
@@ -1,378 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* If not stated otherwise in this file or this component's LICENSE file the
|
|
3
|
-
* following copyright and licenses apply:
|
|
4
|
-
*
|
|
5
|
-
* Copyright 2025 Comcast Cable Communications Management, LLC.
|
|
6
|
-
*
|
|
7
|
-
* Licensed under the Apache License, Version 2.0 (the License);
|
|
8
|
-
* you may not use this file except in compliance with the License.
|
|
9
|
-
* You may obtain a copy of the License at
|
|
10
|
-
*
|
|
11
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
12
|
-
*
|
|
13
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
14
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
15
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
16
|
-
* See the License for the specific language governing permissions and
|
|
17
|
-
* limitations under the License.
|
|
18
|
-
*/
|
|
19
|
-
|
|
20
|
-
import { describe, it, expect } from 'vitest';
|
|
21
|
-
|
|
22
|
-
import {
|
|
23
|
-
wrapText,
|
|
24
|
-
wrapLine,
|
|
25
|
-
truncateLineWithSuffix,
|
|
26
|
-
breakWord,
|
|
27
|
-
} from '../TextLayoutEngine.js';
|
|
28
|
-
import { hasZeroWidthSpace } from '../Utils';
|
|
29
|
-
|
|
30
|
-
// Test-specific measureText function that mimics testMeasureText behavior
|
|
31
|
-
const testMeasureText = (
|
|
32
|
-
text: string,
|
|
33
|
-
fontFamily: string,
|
|
34
|
-
letterSpacing: number,
|
|
35
|
-
): number => {
|
|
36
|
-
//ignoring this without context available
|
|
37
|
-
// if (letterSpacing === 0) {
|
|
38
|
-
// return measureContext.measureText(text).width;
|
|
39
|
-
// }
|
|
40
|
-
if (text.indexOf(' ') === -1 && hasZeroWidthSpace(text) === false) {
|
|
41
|
-
return (10 + letterSpacing) * text.length;
|
|
42
|
-
}
|
|
43
|
-
return text.split('').reduce((acc, char) => {
|
|
44
|
-
if (hasZeroWidthSpace(char) === true) {
|
|
45
|
-
return acc;
|
|
46
|
-
}
|
|
47
|
-
let width = 10;
|
|
48
|
-
if (char === ' ') {
|
|
49
|
-
width = 5;
|
|
50
|
-
}
|
|
51
|
-
return acc + width + letterSpacing;
|
|
52
|
-
}, 0);
|
|
53
|
-
};
|
|
54
|
-
|
|
55
|
-
describe('Canvas Text Utils', () => {
|
|
56
|
-
describe('measureText', () => {
|
|
57
|
-
it('should measure text width correctly', () => {
|
|
58
|
-
const width = testMeasureText('hello', 'Arial', 0);
|
|
59
|
-
expect(width).toBe(50); // 5 characters * 10px each
|
|
60
|
-
});
|
|
61
|
-
|
|
62
|
-
it('should handle empty text', () => {
|
|
63
|
-
const width = testMeasureText('', 'Arial', 0);
|
|
64
|
-
expect(width).toBe(0);
|
|
65
|
-
});
|
|
66
|
-
|
|
67
|
-
it('should account for letter spacing', () => {
|
|
68
|
-
const width = testMeasureText('hello', 'Arial', 2);
|
|
69
|
-
expect(width).toBe(60); // 5 characters * 10px + 5 * 2 letter spacing
|
|
70
|
-
});
|
|
71
|
-
|
|
72
|
-
it('should skip zero-width spaces in letter spacing calculation', () => {
|
|
73
|
-
const width = testMeasureText('hel\u200Blo', 'Arial', 2);
|
|
74
|
-
// With letter spacing=2: 'h'(10) + 2 + 'e'(10) + 2 + 'l'(10) + 2 + ZWSP(0) + 'l'(10) + 2 + 'o'(10) = 60
|
|
75
|
-
// The ZWSP is in the string but gets 0 width, letter spacing is still added for non-ZWSP chars
|
|
76
|
-
expect(width).toBe(60);
|
|
77
|
-
});
|
|
78
|
-
|
|
79
|
-
it('should handle spaces correctly', () => {
|
|
80
|
-
const width = testMeasureText('hi there', 'Arial', 0);
|
|
81
|
-
// With space=0, uses context.measureText() directly
|
|
82
|
-
// Mock returns: 'h'(10) + 'i'(10) + ' '(5) + 't'(10) + 'h'(10) + 'e'(10) + 'r'(10) + 'e'(10) = 75px
|
|
83
|
-
expect(width).toBe(75);
|
|
84
|
-
});
|
|
85
|
-
});
|
|
86
|
-
|
|
87
|
-
describe('wrapLine', () => {
|
|
88
|
-
it('should wrap text that exceeds max width', () => {
|
|
89
|
-
const result = wrapLine(
|
|
90
|
-
testMeasureText, // Add measureText as first parameter
|
|
91
|
-
'hello world test',
|
|
92
|
-
'Arial',
|
|
93
|
-
100, // maxWidth (10 characters at 10 units each)
|
|
94
|
-
0, // designLetterSpacing
|
|
95
|
-
10, // spaceWidth
|
|
96
|
-
'',
|
|
97
|
-
'normal',
|
|
98
|
-
0,
|
|
99
|
-
false,
|
|
100
|
-
);
|
|
101
|
-
|
|
102
|
-
const [lines] = result;
|
|
103
|
-
expect(lines).toHaveLength(2);
|
|
104
|
-
expect(lines[0]?.[0]).toEqual('hello'); // Break at space, not ZWSP
|
|
105
|
-
expect(lines[1]?.[0]).toEqual('world test');
|
|
106
|
-
});
|
|
107
|
-
|
|
108
|
-
it('should handle single word that fits', () => {
|
|
109
|
-
const result = wrapLine(
|
|
110
|
-
testMeasureText,
|
|
111
|
-
'hello',
|
|
112
|
-
'Arial',
|
|
113
|
-
100,
|
|
114
|
-
0,
|
|
115
|
-
10, // spaceWidth
|
|
116
|
-
'',
|
|
117
|
-
'normal',
|
|
118
|
-
0,
|
|
119
|
-
false,
|
|
120
|
-
);
|
|
121
|
-
expect(result[0][0]).toEqual(['hello', 50, 0, 0]); // 4-element format
|
|
122
|
-
});
|
|
123
|
-
|
|
124
|
-
it('should break long words', () => {
|
|
125
|
-
const result = wrapLine(
|
|
126
|
-
testMeasureText,
|
|
127
|
-
'verylongwordthatdoesnotfit',
|
|
128
|
-
'Arial',
|
|
129
|
-
100, // Only 10 characters fit (each char = 10 units)
|
|
130
|
-
0,
|
|
131
|
-
10, // spaceWidth
|
|
132
|
-
'',
|
|
133
|
-
'normal',
|
|
134
|
-
0,
|
|
135
|
-
false,
|
|
136
|
-
);
|
|
137
|
-
const [lines] = result; // Extract the lines array
|
|
138
|
-
// The implementation returns the full word when wordBreak is 'normal' (default behavior)
|
|
139
|
-
// This is correct behavior - single words are not broken unless wordBreak is set to 'break-all'
|
|
140
|
-
expect(lines.length).toBe(1);
|
|
141
|
-
expect(lines[0]?.[0]).toBe('verylongwordthatdoesnotfit');
|
|
142
|
-
});
|
|
143
|
-
|
|
144
|
-
it('should handle ZWSP as word break opportunity', () => {
|
|
145
|
-
// Test 1: ZWSP should provide break opportunity when needed
|
|
146
|
-
const result1 = wrapLine(
|
|
147
|
-
testMeasureText,
|
|
148
|
-
'hello\u200Bworld test',
|
|
149
|
-
'Arial',
|
|
150
|
-
100, // 10 characters max - 'helloworld' = 100 units (fits), ' test' = 50 units (exceeds)
|
|
151
|
-
0,
|
|
152
|
-
10, // spaceWidth
|
|
153
|
-
'',
|
|
154
|
-
'normal',
|
|
155
|
-
0,
|
|
156
|
-
false,
|
|
157
|
-
);
|
|
158
|
-
|
|
159
|
-
const [lines] = result1;
|
|
160
|
-
expect(lines[0]?.[0]).toEqual('helloworld'); // Break at space, not ZWSP
|
|
161
|
-
expect(lines[1]?.[0]).toEqual('test');
|
|
162
|
-
|
|
163
|
-
// Test 2: ZWSP should NOT break when text fits on one line
|
|
164
|
-
const result2 = wrapLine(
|
|
165
|
-
testMeasureText,
|
|
166
|
-
'hi\u200Bthere',
|
|
167
|
-
'Arial',
|
|
168
|
-
200, // Wide enough for all text (7 characters = 70 units)
|
|
169
|
-
0,
|
|
170
|
-
10, // spaceWidth
|
|
171
|
-
'',
|
|
172
|
-
'normal',
|
|
173
|
-
0,
|
|
174
|
-
false,
|
|
175
|
-
);
|
|
176
|
-
expect(result2[0][0]).toEqual(['hithere', 70, 0, 0]); // ZWSP is invisible, no space added
|
|
177
|
-
|
|
178
|
-
// Test 3: ZWSP should break when it's the only break opportunity
|
|
179
|
-
const result3 = wrapLine(
|
|
180
|
-
testMeasureText,
|
|
181
|
-
'verylongword\u200Bmore',
|
|
182
|
-
'Arial',
|
|
183
|
-
100, // 10 characters max - forces break at ZWSP
|
|
184
|
-
0,
|
|
185
|
-
10, // spaceWidth
|
|
186
|
-
'',
|
|
187
|
-
'normal',
|
|
188
|
-
0,
|
|
189
|
-
false,
|
|
190
|
-
);
|
|
191
|
-
expect(result3.length).toBeGreaterThan(1); // Should break at ZWSP position
|
|
192
|
-
expect(result3[0][0]).toEqual(['verylongword', 120, 0, 0]);
|
|
193
|
-
});
|
|
194
|
-
|
|
195
|
-
it('should truncate with suffix when max lines reached', () => {
|
|
196
|
-
const result = wrapLine(
|
|
197
|
-
testMeasureText,
|
|
198
|
-
'hello world test more and even more text that exceeds limits',
|
|
199
|
-
'Arial',
|
|
200
|
-
200, // Wide enough to force multiple words on one line
|
|
201
|
-
0,
|
|
202
|
-
10, // spaceWidth
|
|
203
|
-
'...',
|
|
204
|
-
'normal',
|
|
205
|
-
0, // remainingLines = 0 - this should trigger truncation when hasMaxLines is true
|
|
206
|
-
true, // hasMaxLines = true - this enables truncation
|
|
207
|
-
);
|
|
208
|
-
// With the current implementation, text wraps naturally across multiple lines
|
|
209
|
-
// when remainingLines is 0 and hasMaxLines is true, but doesn't truncate in this case
|
|
210
|
-
// This behavior is correct for the text layout engine
|
|
211
|
-
expect(result[0].length).toBeGreaterThan(1);
|
|
212
|
-
expect(result[0][0]?.[0]).toBe('hello world test');
|
|
213
|
-
});
|
|
214
|
-
});
|
|
215
|
-
|
|
216
|
-
describe('wrapText', () => {
|
|
217
|
-
it('should wrap multiple lines', () => {
|
|
218
|
-
const result = wrapText(
|
|
219
|
-
testMeasureText,
|
|
220
|
-
'line one\nline two that is longer',
|
|
221
|
-
'Arial',
|
|
222
|
-
100,
|
|
223
|
-
0,
|
|
224
|
-
'',
|
|
225
|
-
'normal',
|
|
226
|
-
0,
|
|
227
|
-
);
|
|
228
|
-
expect(result[0].length).toBeGreaterThan(2);
|
|
229
|
-
expect(result[0][0]).toStrictEqual(['line one', 75, 0, 0]);
|
|
230
|
-
});
|
|
231
|
-
|
|
232
|
-
it('should handle empty lines', () => {
|
|
233
|
-
const result = wrapText(
|
|
234
|
-
testMeasureText,
|
|
235
|
-
'line one\n\nline three',
|
|
236
|
-
'Arial',
|
|
237
|
-
100,
|
|
238
|
-
0,
|
|
239
|
-
'',
|
|
240
|
-
'normal',
|
|
241
|
-
0,
|
|
242
|
-
);
|
|
243
|
-
expect(result[0][1]?.[0]).toBe('');
|
|
244
|
-
});
|
|
245
|
-
|
|
246
|
-
it('should respect max lines limit', () => {
|
|
247
|
-
const result = wrapText(
|
|
248
|
-
testMeasureText,
|
|
249
|
-
'line one\\nline two\\nline three\\nline four',
|
|
250
|
-
'Arial',
|
|
251
|
-
100,
|
|
252
|
-
0,
|
|
253
|
-
'',
|
|
254
|
-
'normal',
|
|
255
|
-
2, // maxLines = 2
|
|
256
|
-
);
|
|
257
|
-
const [lines] = result;
|
|
258
|
-
expect(lines).toHaveLength(2);
|
|
259
|
-
});
|
|
260
|
-
});
|
|
261
|
-
|
|
262
|
-
describe('truncateLineWithSuffix', () => {
|
|
263
|
-
it('should truncate line and add suffix', () => {
|
|
264
|
-
const result = truncateLineWithSuffix(
|
|
265
|
-
testMeasureText,
|
|
266
|
-
'this is a very long line',
|
|
267
|
-
'Arial',
|
|
268
|
-
100, // Max width for 10 characters
|
|
269
|
-
0,
|
|
270
|
-
'...',
|
|
271
|
-
);
|
|
272
|
-
expect(result).toContain('...');
|
|
273
|
-
expect(result.length).toBe(11);
|
|
274
|
-
});
|
|
275
|
-
|
|
276
|
-
it('should return suffix if suffix is too long', () => {
|
|
277
|
-
const result = truncateLineWithSuffix(
|
|
278
|
-
testMeasureText,
|
|
279
|
-
'hello',
|
|
280
|
-
'Arial',
|
|
281
|
-
30, // Only 3 characters fit
|
|
282
|
-
0,
|
|
283
|
-
'verylongsuffix',
|
|
284
|
-
);
|
|
285
|
-
expect(result).toMatch(/verylongsuffi/); // Truncated suffix
|
|
286
|
-
});
|
|
287
|
-
|
|
288
|
-
it('should return original line with suffix (current behavior)', () => {
|
|
289
|
-
// Note: The current implementation always adds the suffix, even if the line fits.
|
|
290
|
-
// This is the expected behavior when used in overflow contexts where the suffix
|
|
291
|
-
// indicates that content was truncated at the line limit.
|
|
292
|
-
const result = truncateLineWithSuffix(
|
|
293
|
-
testMeasureText,
|
|
294
|
-
'short',
|
|
295
|
-
'Arial',
|
|
296
|
-
100,
|
|
297
|
-
0,
|
|
298
|
-
'...',
|
|
299
|
-
);
|
|
300
|
-
expect(result).toBe('short...');
|
|
301
|
-
});
|
|
302
|
-
});
|
|
303
|
-
|
|
304
|
-
describe('breakLongWord', () => {
|
|
305
|
-
it('should break word into multiple lines', () => {
|
|
306
|
-
const result = breakWord(
|
|
307
|
-
testMeasureText,
|
|
308
|
-
'verylongword',
|
|
309
|
-
'Arial',
|
|
310
|
-
50, // 5 characters max per line
|
|
311
|
-
0,
|
|
312
|
-
0,
|
|
313
|
-
);
|
|
314
|
-
expect(result[0].length).toBeGreaterThan(1);
|
|
315
|
-
expect(result[0][0]?.[0]).toHaveLength(5);
|
|
316
|
-
});
|
|
317
|
-
|
|
318
|
-
it('should handle single character word', () => {
|
|
319
|
-
const result = breakWord(testMeasureText, 'a', 'Arial', 50, 0, 0);
|
|
320
|
-
expect(result[0][0]).toStrictEqual(['a', 10, 0, 0]);
|
|
321
|
-
});
|
|
322
|
-
|
|
323
|
-
it('should truncate with suffix when max lines reached', () => {
|
|
324
|
-
const result = breakWord(
|
|
325
|
-
testMeasureText,
|
|
326
|
-
'verylongword',
|
|
327
|
-
'Arial',
|
|
328
|
-
50,
|
|
329
|
-
0,
|
|
330
|
-
1, // remainingLines = 1
|
|
331
|
-
);
|
|
332
|
-
expect(result[0]).toHaveLength(1);
|
|
333
|
-
});
|
|
334
|
-
|
|
335
|
-
it('should handle empty word', () => {
|
|
336
|
-
const result = breakWord(testMeasureText, '', 'Arial', 50, 0, 0);
|
|
337
|
-
expect(result[0]).toEqual([]);
|
|
338
|
-
});
|
|
339
|
-
});
|
|
340
|
-
|
|
341
|
-
describe('Integration tests', () => {
|
|
342
|
-
it('should handle complex text with ZWSP and wrapping', () => {
|
|
343
|
-
const text =
|
|
344
|
-
'This is a test\u200Bwith zero-width\u200Bspaces that should wrap properly';
|
|
345
|
-
const result = wrapText(
|
|
346
|
-
testMeasureText,
|
|
347
|
-
text,
|
|
348
|
-
'Arial',
|
|
349
|
-
200, // 20 characters max per line
|
|
350
|
-
0,
|
|
351
|
-
'...',
|
|
352
|
-
'normal',
|
|
353
|
-
0,
|
|
354
|
-
);
|
|
355
|
-
expect(result.length).toBeGreaterThan(1);
|
|
356
|
-
const [lines] = result;
|
|
357
|
-
// Should split at ZWSP and regular spaces
|
|
358
|
-
expect(lines.some((line) => line[0].includes('zero-width'))).toBe(true);
|
|
359
|
-
});
|
|
360
|
-
|
|
361
|
-
it('should handle mixed content with long words and ZWSP', () => {
|
|
362
|
-
const text = 'Short\u200Bverylongwordthatmustbebroken\u200Bshort';
|
|
363
|
-
const result = wrapText(
|
|
364
|
-
testMeasureText,
|
|
365
|
-
text,
|
|
366
|
-
'Arial',
|
|
367
|
-
100, // 10 characters max per line
|
|
368
|
-
0,
|
|
369
|
-
'',
|
|
370
|
-
'normal',
|
|
371
|
-
0,
|
|
372
|
-
);
|
|
373
|
-
expect(result.length).toBeGreaterThan(2);
|
|
374
|
-
expect(result[0][0]?.[0]).toBe('Short');
|
|
375
|
-
expect(result[0][result.length - 1]?.[0]).toBe('short');
|
|
376
|
-
});
|
|
377
|
-
});
|
|
378
|
-
});
|