@lightningjs/renderer 3.0.0-beta15 → 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.
Files changed (245) hide show
  1. package/dist/src/common/CommonTypes.d.ts +11 -0
  2. package/dist/src/core/CoreNode.js +8 -0
  3. package/dist/src/core/CoreNode.js.map +1 -1
  4. package/dist/src/core/CoreTextNode.d.ts +14 -0
  5. package/dist/src/core/CoreTextNode.js +90 -5
  6. package/dist/src/core/CoreTextNode.js.map +1 -1
  7. package/dist/src/core/Stage.js +2 -1
  8. package/dist/src/core/Stage.js.map +1 -1
  9. package/dist/src/core/animations/Animation.d.ts +16 -0
  10. package/dist/src/core/animations/Animation.js +111 -0
  11. package/dist/src/core/animations/Animation.js.map +1 -0
  12. package/dist/src/core/animations/CoreAnimation.d.ts +0 -1
  13. package/dist/src/core/animations/CoreAnimation.js +0 -1
  14. package/dist/src/core/animations/CoreAnimation.js.map +1 -1
  15. package/dist/src/core/animations/CoreTransition.d.ts +24 -0
  16. package/dist/src/core/animations/CoreTransition.js +63 -0
  17. package/dist/src/core/animations/CoreTransition.js.map +1 -0
  18. package/dist/src/core/animations/Playback.d.ts +62 -0
  19. package/dist/src/core/animations/Playback.js +155 -0
  20. package/dist/src/core/animations/Playback.js.map +1 -0
  21. package/dist/src/core/animations/Transition.d.ts +25 -0
  22. package/dist/src/core/animations/Transition.js +63 -0
  23. package/dist/src/core/animations/Transition.js.map +1 -0
  24. package/dist/src/core/animations/utils.d.ts +2 -0
  25. package/dist/src/core/animations/utils.js +137 -0
  26. package/dist/src/core/animations/utils.js.map +1 -0
  27. package/dist/src/core/lib/collectionUtils.d.ts +5 -0
  28. package/dist/src/core/lib/collectionUtils.js +100 -0
  29. package/dist/src/core/lib/collectionUtils.js.map +1 -0
  30. package/dist/src/core/platforms/Platform.d.ts +5 -0
  31. package/dist/src/core/platforms/Platform.js.map +1 -1
  32. package/dist/src/core/platforms/web/WebPlatform.d.ts +1 -0
  33. package/dist/src/core/platforms/web/WebPlatform.js +3 -0
  34. package/dist/src/core/platforms/web/WebPlatform.js.map +1 -1
  35. package/dist/src/core/text-rendering/CanvasFontHandler.js +4 -1
  36. package/dist/src/core/text-rendering/CanvasFontHandler.js.map +1 -1
  37. package/dist/src/core/text-rendering/CanvasTextRenderer.js +7 -7
  38. package/dist/src/core/text-rendering/CanvasTextRenderer.js.map +1 -1
  39. package/dist/src/core/text-rendering/SdfFontHandler.js +3 -0
  40. package/dist/src/core/text-rendering/SdfFontHandler.js.map +1 -1
  41. package/dist/src/core/text-rendering/SdfTextRenderer.js +5 -5
  42. package/dist/src/core/text-rendering/SdfTextRenderer.js.map +1 -1
  43. package/dist/src/core/text-rendering/TextLayoutEngine.d.ts +12 -13
  44. package/dist/src/core/text-rendering/TextLayoutEngine.js +242 -186
  45. package/dist/src/core/text-rendering/TextLayoutEngine.js.map +1 -1
  46. package/dist/src/core/text-rendering/TextRenderer.d.ts +22 -7
  47. package/dist/src/core/utils.d.ts +1 -1
  48. package/dist/src/main-api/Inspector.js +9 -5
  49. package/dist/src/main-api/Inspector.js.map +1 -1
  50. package/dist/src/main-api/Renderer.js +3 -2
  51. package/dist/src/main-api/Renderer.js.map +1 -1
  52. package/dist/tsconfig.dist.tsbuildinfo +1 -1
  53. package/package.json +1 -1
  54. package/src/common/CommonTypes.ts +16 -0
  55. package/src/core/CoreNode.test.ts +50 -1
  56. package/src/core/CoreNode.ts +11 -0
  57. package/src/core/CoreTextNode.ts +112 -5
  58. package/src/core/Stage.ts +2 -1
  59. package/src/core/animations/CoreAnimation.ts +0 -2
  60. package/src/core/platforms/Platform.ts +6 -0
  61. package/src/core/platforms/web/WebPlatform.ts +11 -0
  62. package/src/core/text-rendering/CanvasFontHandler.ts +4 -7
  63. package/src/core/text-rendering/CanvasTextRenderer.ts +6 -8
  64. package/src/core/text-rendering/SdfFontHandler.ts +3 -0
  65. package/src/core/text-rendering/SdfTextRenderer.ts +4 -5
  66. package/src/core/text-rendering/TextLayoutEngine.ts +396 -226
  67. package/src/core/text-rendering/TextRenderer.ts +22 -7
  68. package/src/core/text-rendering/tests/{SdfTests.test.ts → TextLayoutEngine.test.ts} +103 -64
  69. package/src/main-api/Inspector.ts +9 -5
  70. package/src/main-api/Renderer.ts +3 -2
  71. package/dist/src/core/TextureError.d.ts +0 -11
  72. package/dist/src/core/TextureError.js +0 -37
  73. package/dist/src/core/TextureError.js.map +0 -1
  74. package/dist/src/core/platform.d.ts +0 -10
  75. package/dist/src/core/platform.js +0 -81
  76. package/dist/src/core/platform.js.map +0 -1
  77. package/dist/src/core/renderers/CoreShader.d.ts +0 -9
  78. package/dist/src/core/renderers/CoreShader.js +0 -28
  79. package/dist/src/core/renderers/CoreShader.js.map +0 -1
  80. package/dist/src/core/renderers/canvas/CanvasCoreRenderer.d.ts +0 -33
  81. package/dist/src/core/renderers/canvas/CanvasCoreRenderer.js +0 -250
  82. package/dist/src/core/renderers/canvas/CanvasCoreRenderer.js.map +0 -1
  83. package/dist/src/core/renderers/canvas/CanvasCoreTexture.d.ts +0 -17
  84. package/dist/src/core/renderers/canvas/CanvasCoreTexture.js +0 -125
  85. package/dist/src/core/renderers/canvas/CanvasCoreTexture.js.map +0 -1
  86. package/dist/src/core/renderers/canvas/internal/C2DShaderUtils.d.ts +0 -14
  87. package/dist/src/core/renderers/canvas/internal/C2DShaderUtils.js +0 -138
  88. package/dist/src/core/renderers/canvas/internal/C2DShaderUtils.js.map +0 -1
  89. package/dist/src/core/renderers/canvas/internal/ColorUtils.d.ts +0 -19
  90. package/dist/src/core/renderers/canvas/internal/ColorUtils.js +0 -58
  91. package/dist/src/core/renderers/canvas/internal/ColorUtils.js.map +0 -1
  92. package/dist/src/core/renderers/canvas/shaders/UnsupportedShader.d.ts +0 -10
  93. package/dist/src/core/renderers/canvas/shaders/UnsupportedShader.js +0 -43
  94. package/dist/src/core/renderers/canvas/shaders/UnsupportedShader.js.map +0 -1
  95. package/dist/src/core/renderers/webgl/WebGlCoreCtxRenderTexture.d.ts +0 -12
  96. package/dist/src/core/renderers/webgl/WebGlCoreCtxRenderTexture.js +0 -58
  97. package/dist/src/core/renderers/webgl/WebGlCoreCtxRenderTexture.js.map +0 -1
  98. package/dist/src/core/renderers/webgl/WebGlCoreCtxSubTexture.d.ts +0 -9
  99. package/dist/src/core/renderers/webgl/WebGlCoreCtxSubTexture.js +0 -38
  100. package/dist/src/core/renderers/webgl/WebGlCoreCtxSubTexture.js.map +0 -1
  101. package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.d.ts +0 -65
  102. package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.js +0 -269
  103. package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.js.map +0 -1
  104. package/dist/src/core/renderers/webgl/WebGlCoreRenderOp.d.ts +0 -34
  105. package/dist/src/core/renderers/webgl/WebGlCoreRenderOp.js +0 -114
  106. package/dist/src/core/renderers/webgl/WebGlCoreRenderOp.js.map +0 -1
  107. package/dist/src/core/renderers/webgl/WebGlCoreRenderer.d.ts +0 -133
  108. package/dist/src/core/renderers/webgl/WebGlCoreRenderer.js +0 -616
  109. package/dist/src/core/renderers/webgl/WebGlCoreRenderer.js.map +0 -1
  110. package/dist/src/core/renderers/webgl/WebGlCoreShader.d.ts +0 -83
  111. package/dist/src/core/renderers/webgl/WebGlCoreShader.js +0 -233
  112. package/dist/src/core/renderers/webgl/WebGlCoreShader.js.map +0 -1
  113. package/dist/src/core/renderers/webgl/shaders/DefaultShader.d.ts +0 -9
  114. package/dist/src/core/renderers/webgl/shaders/DefaultShader.js +0 -87
  115. package/dist/src/core/renderers/webgl/shaders/DefaultShader.js.map +0 -1
  116. package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.d.ts +0 -10
  117. package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.js +0 -119
  118. package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.js.map +0 -1
  119. package/dist/src/core/renderers/webgl/shaders/DynamicShader.d.ts +0 -29
  120. package/dist/src/core/renderers/webgl/shaders/DynamicShader.js +0 -413
  121. package/dist/src/core/renderers/webgl/shaders/DynamicShader.js.map +0 -1
  122. package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.d.ts +0 -28
  123. package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.js +0 -131
  124. package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.js.map +0 -1
  125. package/dist/src/core/renderers/webgl/shaders/SdfShader.d.ts +0 -47
  126. package/dist/src/core/renderers/webgl/shaders/SdfShader.js +0 -160
  127. package/dist/src/core/renderers/webgl/shaders/SdfShader.js.map +0 -1
  128. package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.d.ts +0 -31
  129. package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.js +0 -71
  130. package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.js.map +0 -1
  131. package/dist/src/core/renderers/webgl/shaders/effects/BorderEffect.d.ts +0 -30
  132. package/dist/src/core/renderers/webgl/shaders/effects/BorderEffect.js +0 -58
  133. package/dist/src/core/renderers/webgl/shaders/effects/BorderEffect.js.map +0 -1
  134. package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.d.ts +0 -31
  135. package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.js +0 -71
  136. package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.js.map +0 -1
  137. package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.d.ts +0 -31
  138. package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.js +0 -71
  139. package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.js.map +0 -1
  140. package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.d.ts +0 -31
  141. package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.js +0 -71
  142. package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.js.map +0 -1
  143. package/dist/src/core/renderers/webgl/shaders/effects/EffectUtils.d.ts +0 -9
  144. package/dist/src/core/renderers/webgl/shaders/effects/EffectUtils.js +0 -136
  145. package/dist/src/core/renderers/webgl/shaders/effects/EffectUtils.js.map +0 -1
  146. package/dist/src/core/renderers/webgl/shaders/effects/FadeOutEffect.d.ts +0 -36
  147. package/dist/src/core/renderers/webgl/shaders/effects/FadeOutEffect.js +0 -85
  148. package/dist/src/core/renderers/webgl/shaders/effects/FadeOutEffect.js.map +0 -1
  149. package/dist/src/core/renderers/webgl/shaders/effects/GlitchEffect.d.ts +0 -45
  150. package/dist/src/core/renderers/webgl/shaders/effects/GlitchEffect.js +0 -104
  151. package/dist/src/core/renderers/webgl/shaders/effects/GlitchEffect.js.map +0 -1
  152. package/dist/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.d.ts +0 -22
  153. package/dist/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.js +0 -45
  154. package/dist/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.js.map +0 -1
  155. package/dist/src/core/renderers/webgl/shaders/effects/HolePunchEffect.d.ts +0 -58
  156. package/dist/src/core/renderers/webgl/shaders/effects/HolePunchEffect.js +0 -80
  157. package/dist/src/core/renderers/webgl/shaders/effects/HolePunchEffect.js.map +0 -1
  158. package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.d.ts +0 -35
  159. package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.js +0 -129
  160. package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.js.map +0 -1
  161. package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.d.ts +0 -39
  162. package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.js +0 -116
  163. package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.js.map +0 -1
  164. package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.d.ts +0 -61
  165. package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.js +0 -127
  166. package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.js.map +0 -1
  167. package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.d.ts +0 -40
  168. package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.js +0 -71
  169. package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.js.map +0 -1
  170. package/dist/src/core/renderers/webgl/shaders/effects/ShaderEffect.d.ts +0 -115
  171. package/dist/src/core/renderers/webgl/shaders/effects/ShaderEffect.js +0 -61
  172. package/dist/src/core/renderers/webgl/shaders/effects/ShaderEffect.js.map +0 -1
  173. package/dist/src/core/text-rendering/TextRenderingUtils.d.ts +0 -12
  174. package/dist/src/core/text-rendering/TextRenderingUtils.js +0 -14
  175. package/dist/src/core/text-rendering/TextRenderingUtils.js.map +0 -1
  176. package/dist/src/core/text-rendering/TextTextureRendererUtils.d.ts +0 -72
  177. package/dist/src/core/text-rendering/TextTextureRendererUtils.js +0 -217
  178. package/dist/src/core/text-rendering/TextTextureRendererUtils.js.map +0 -1
  179. package/dist/src/core/text-rendering/TrFontManager.d.ts +0 -26
  180. package/dist/src/core/text-rendering/TrFontManager.js +0 -131
  181. package/dist/src/core/text-rendering/TrFontManager.js.map +0 -1
  182. package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.d.ts +0 -39
  183. package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.js +0 -125
  184. package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.js.map +0 -1
  185. package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/FontShaper.d.ts +0 -103
  186. package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/FontShaper.js +0 -21
  187. package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/FontShaper.js.map +0 -1
  188. package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.d.ts +0 -62
  189. package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.js +0 -88
  190. package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.js.map +0 -1
  191. package/dist/src/core/text-rendering/font-face-types/TrFontFace.d.ts +0 -118
  192. package/dist/src/core/text-rendering/font-face-types/TrFontFace.js +0 -63
  193. package/dist/src/core/text-rendering/font-face-types/TrFontFace.js.map +0 -1
  194. package/dist/src/core/text-rendering/font-face-types/WebTrFontFace.d.ts +0 -14
  195. package/dist/src/core/text-rendering/font-face-types/WebTrFontFace.js +0 -66
  196. package/dist/src/core/text-rendering/font-face-types/WebTrFontFace.js.map +0 -1
  197. package/dist/src/core/text-rendering/font-face-types/utils.d.ts +0 -1
  198. package/dist/src/core/text-rendering/font-face-types/utils.js +0 -38
  199. package/dist/src/core/text-rendering/font-face-types/utils.js.map +0 -1
  200. package/dist/src/core/text-rendering/renderers/CanvasTextRenderer.d.ts +0 -59
  201. package/dist/src/core/text-rendering/renderers/CanvasTextRenderer.js +0 -397
  202. package/dist/src/core/text-rendering/renderers/CanvasTextRenderer.js.map +0 -1
  203. package/dist/src/core/text-rendering/renderers/LightningTextTextureRenderer.d.ts +0 -120
  204. package/dist/src/core/text-rendering/renderers/LightningTextTextureRenderer.js +0 -551
  205. package/dist/src/core/text-rendering/renderers/LightningTextTextureRenderer.js.map +0 -1
  206. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.d.ts +0 -92
  207. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.js +0 -607
  208. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.js.map +0 -1
  209. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.d.ts +0 -12
  210. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.js +0 -61
  211. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.js.map +0 -1
  212. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/SpecialCodepoints.d.ts +0 -33
  213. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/SpecialCodepoints.js +0 -52
  214. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/SpecialCodepoints.js.map +0 -1
  215. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/constants.d.ts +0 -13
  216. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/constants.js +0 -32
  217. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/constants.js.map +0 -1
  218. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getStartConditions.d.ts +0 -23
  219. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getStartConditions.js +0 -84
  220. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getStartConditions.js.map +0 -1
  221. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.d.ts +0 -4
  222. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.js +0 -34
  223. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.js.map +0 -1
  224. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.d.ts +0 -20
  225. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.js +0 -308
  226. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.js.map +0 -1
  227. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.d.ts +0 -10
  228. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.js +0 -40
  229. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.js.map +0 -1
  230. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.d.ts +0 -26
  231. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.js +0 -70
  232. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.js.map +0 -1
  233. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/util.d.ts +0 -16
  234. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/util.js +0 -39
  235. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/util.js.map +0 -1
  236. package/dist/src/core/text-rendering/renderers/TextRenderer.d.ts +0 -373
  237. package/dist/src/core/text-rendering/renderers/TextRenderer.js +0 -178
  238. package/dist/src/core/text-rendering/renderers/TextRenderer.js.map +0 -1
  239. package/dist/src/main-api/DynamicShaderController.d.ts +0 -29
  240. package/dist/src/main-api/DynamicShaderController.js +0 -58
  241. package/dist/src/main-api/DynamicShaderController.js.map +0 -1
  242. package/dist/src/main-api/ShaderController.d.ts +0 -31
  243. package/dist/src/main-api/ShaderController.js +0 -37
  244. package/dist/src/main-api/ShaderController.js.map +0 -1
  245. 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
- });