@lightningjs/renderer 0.7.4 → 0.7.6

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 (228) hide show
  1. package/LICENSE +202 -202
  2. package/NOTICE +3 -3
  3. package/README.md +229 -221
  4. package/dist/src/common/CommonTypes.d.ts +6 -0
  5. package/dist/src/core/CoreNode.d.ts +25 -4
  6. package/dist/src/core/CoreNode.js +158 -25
  7. package/dist/src/core/CoreNode.js.map +1 -1
  8. package/dist/src/core/CoreTextNode.d.ts +1 -1
  9. package/dist/src/core/CoreTextNode.js +18 -10
  10. package/dist/src/core/CoreTextNode.js.map +1 -1
  11. package/dist/src/core/CoreTextureManager.d.ts +3 -1
  12. package/dist/src/core/CoreTextureManager.js +9 -2
  13. package/dist/src/core/CoreTextureManager.js.map +1 -1
  14. package/dist/src/core/Stage.d.ts +2 -0
  15. package/dist/src/core/Stage.js +9 -1
  16. package/dist/src/core/Stage.js.map +1 -1
  17. package/dist/src/core/lib/ImageWorker.d.ts +0 -1
  18. package/dist/src/core/lib/ImageWorker.js +55 -40
  19. package/dist/src/core/lib/ImageWorker.js.map +1 -1
  20. package/dist/src/core/lib/RenderCoords.d.ts +13 -0
  21. package/dist/src/core/lib/RenderCoords.js +63 -0
  22. package/dist/src/core/lib/RenderCoords.js.map +1 -0
  23. package/dist/src/core/lib/WebGlContext.d.ts +414 -0
  24. package/dist/src/core/lib/WebGlContext.js +640 -0
  25. package/dist/src/core/lib/WebGlContext.js.map +1 -0
  26. package/dist/src/core/lib/utils.d.ts +1 -0
  27. package/dist/src/core/lib/utils.js +6 -0
  28. package/dist/src/core/lib/utils.js.map +1 -1
  29. package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.js +4 -1
  30. package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.js.map +1 -1
  31. package/dist/src/core/renderers/webgl/internal/RendererUtils.d.ts +9 -0
  32. package/dist/src/core/renderers/webgl/internal/RendererUtils.js +14 -0
  33. package/dist/src/core/renderers/webgl/internal/RendererUtils.js.map +1 -1
  34. package/dist/src/core/renderers/webgl/shaders/DefaultShader.js +47 -47
  35. package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.js +61 -61
  36. package/dist/src/core/renderers/webgl/shaders/DynamicShader.js +93 -93
  37. package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.js +63 -63
  38. package/dist/src/core/renderers/webgl/shaders/SdfShader.js +49 -49
  39. package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.js +15 -15
  40. package/dist/src/core/renderers/webgl/shaders/effects/BorderEffect.js +5 -5
  41. package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.js +15 -15
  42. package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.js +15 -15
  43. package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.js +15 -15
  44. package/dist/src/core/renderers/webgl/shaders/effects/FadeOutEffect.js +42 -42
  45. package/dist/src/core/renderers/webgl/shaders/effects/GlitchEffect.js +44 -44
  46. package/dist/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.js +3 -3
  47. package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.js +31 -31
  48. package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.js +13 -13
  49. package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.js +37 -37
  50. package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.js +19 -19
  51. package/dist/src/core/scene/Scene.d.ts +59 -0
  52. package/dist/src/core/scene/Scene.js +106 -0
  53. package/dist/src/core/scene/Scene.js.map +1 -0
  54. package/dist/src/core/text-rendering/TrFontManager.js +76 -27
  55. package/dist/src/core/text-rendering/TrFontManager.js.map +1 -1
  56. package/dist/src/core/text-rendering/renderers/CanvasTextRenderer.js +8 -2
  57. package/dist/src/core/text-rendering/renderers/CanvasTextRenderer.js.map +1 -1
  58. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.d.ts +1 -0
  59. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.js +13 -3
  60. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.js.map +1 -1
  61. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/findNearestMultiple.d.ts +8 -0
  62. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/findNearestMultiple.js +29 -0
  63. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/findNearestMultiple.js.map +1 -0
  64. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2/SdfBufferHelper.d.ts +19 -0
  65. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2/SdfBufferHelper.js +84 -0
  66. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2/SdfBufferHelper.js.map +1 -0
  67. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2/layoutLine.d.ts +8 -0
  68. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2/layoutLine.js +40 -0
  69. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2/layoutLine.js.map +1 -0
  70. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2/layoutText2.d.ts +2 -0
  71. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2/layoutText2.js +41 -0
  72. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2/layoutText2.js.map +1 -0
  73. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2/utils.d.ts +1 -0
  74. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2/utils.js +4 -0
  75. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2/utils.js.map +1 -0
  76. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2.d.ts +1 -0
  77. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2.js +2 -0
  78. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2.js.map +1 -0
  79. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/makeRenderWindow.d.ts +20 -0
  80. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/makeRenderWindow.js +55 -0
  81. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/makeRenderWindow.js.map +1 -0
  82. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/roundUpToMultiple.d.ts +9 -0
  83. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/roundUpToMultiple.js +32 -0
  84. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/roundUpToMultiple.js.map +1 -0
  85. package/dist/src/core/text-rendering/renderers/TextRenderer.d.ts +12 -0
  86. package/dist/src/core/text-rendering/renderers/TextRenderer.js.map +1 -1
  87. package/dist/src/core/textures/ImageTexture.js +16 -2
  88. package/dist/src/core/textures/ImageTexture.js.map +1 -1
  89. package/dist/src/core/textures/Texture.d.ts +1 -1
  90. package/dist/src/core/textures/Texture.js.map +1 -1
  91. package/dist/src/core/utils.d.ts +1 -1
  92. package/dist/src/main-api/INode.d.ts +27 -0
  93. package/dist/src/main-api/Inspector.js +20 -15
  94. package/dist/src/main-api/Inspector.js.map +1 -1
  95. package/dist/src/main-api/RendererMain.d.ts +6 -0
  96. package/dist/src/main-api/RendererMain.js +4 -0
  97. package/dist/src/main-api/RendererMain.js.map +1 -1
  98. package/dist/src/render-drivers/main/MainCoreDriver.js +1 -0
  99. package/dist/src/render-drivers/main/MainCoreDriver.js.map +1 -1
  100. package/dist/src/render-drivers/main/MainOnlyNode.d.ts +8 -1
  101. package/dist/src/render-drivers/main/MainOnlyNode.js +32 -0
  102. package/dist/src/render-drivers/main/MainOnlyNode.js.map +1 -1
  103. package/dist/src/render-drivers/threadx/ThreadXCoreDriver.js +1 -0
  104. package/dist/src/render-drivers/threadx/ThreadXCoreDriver.js.map +1 -1
  105. package/dist/src/render-drivers/threadx/ThreadXMainNode.d.ts +4 -1
  106. package/dist/src/render-drivers/threadx/ThreadXMainNode.js +8 -0
  107. package/dist/src/render-drivers/threadx/ThreadXMainNode.js.map +1 -1
  108. package/dist/src/render-drivers/threadx/ThreadXRendererMessage.d.ts +1 -0
  109. package/dist/src/render-drivers/threadx/ThreadXRendererMessage.js.map +1 -1
  110. package/dist/src/render-drivers/threadx/worker/renderer.js +1 -0
  111. package/dist/src/render-drivers/threadx/worker/renderer.js.map +1 -1
  112. package/dist/src/render-drivers/utils.d.ts +2 -0
  113. package/dist/src/render-drivers/utils.js +28 -0
  114. package/dist/src/render-drivers/utils.js.map +1 -1
  115. package/dist/tsconfig.dist.tsbuildinfo +1 -1
  116. package/exports/core-api.ts +102 -102
  117. package/exports/main-api.ts +60 -60
  118. package/exports/utils.ts +41 -41
  119. package/package.json +1 -1
  120. package/scripts/please-use-pnpm.js +13 -13
  121. package/src/common/CommonTypes.ts +125 -113
  122. package/src/common/EventEmitter.ts +77 -77
  123. package/src/common/IAnimationController.ts +29 -29
  124. package/src/core/CoreExtension.ts +32 -32
  125. package/src/core/CoreNode.ts +1114 -926
  126. package/src/core/CoreShaderManager.ts +243 -243
  127. package/src/core/CoreTextNode.ts +399 -391
  128. package/src/core/CoreTextureManager.ts +337 -326
  129. package/src/core/Stage.ts +365 -354
  130. package/src/core/animations/AnimationManager.ts +38 -38
  131. package/src/core/animations/CoreAnimation.ts +181 -181
  132. package/src/core/animations/CoreAnimationController.ts +148 -148
  133. package/src/core/lib/ContextSpy.ts +41 -41
  134. package/src/core/lib/ImageWorker.ts +149 -135
  135. package/src/core/lib/Matrix3d.ts +290 -290
  136. package/src/core/lib/RenderCoords.ts +86 -0
  137. package/src/core/lib/WebGlContextWrapper.ts +992 -992
  138. package/src/core/lib/textureCompression.ts +152 -152
  139. package/src/core/lib/utils.ts +250 -241
  140. package/src/core/platform.ts +46 -46
  141. package/src/core/renderers/CoreContextTexture.ts +30 -30
  142. package/src/core/renderers/CoreRenderOp.ts +22 -22
  143. package/src/core/renderers/CoreRenderer.ts +63 -63
  144. package/src/core/renderers/CoreShader.ts +41 -41
  145. package/src/core/renderers/webgl/WebGlCoreCtxSubTexture.ts +37 -37
  146. package/src/core/renderers/webgl/WebGlCoreCtxTexture.ts +233 -230
  147. package/src/core/renderers/webgl/WebGlCoreRenderOp.ts +107 -107
  148. package/src/core/renderers/webgl/WebGlCoreRenderer.ts +520 -520
  149. package/src/core/renderers/webgl/WebGlCoreShader.ts +337 -337
  150. package/src/core/renderers/webgl/internal/BufferCollection.ts +54 -54
  151. package/src/core/renderers/webgl/internal/RendererUtils.ts +148 -131
  152. package/src/core/renderers/webgl/internal/ShaderUtils.ts +136 -136
  153. package/src/core/renderers/webgl/internal/WebGlUtils.ts +35 -35
  154. package/src/core/renderers/webgl/shaders/DefaultShader.ts +95 -95
  155. package/src/core/renderers/webgl/shaders/DefaultShaderBatched.ts +132 -132
  156. package/src/core/renderers/webgl/shaders/DynamicShader.ts +474 -474
  157. package/src/core/renderers/webgl/shaders/RoundedRectangle.ts +161 -161
  158. package/src/core/renderers/webgl/shaders/SdfShader.ts +174 -174
  159. package/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.ts +101 -101
  160. package/src/core/renderers/webgl/shaders/effects/BorderEffect.ts +86 -86
  161. package/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.ts +101 -101
  162. package/src/core/renderers/webgl/shaders/effects/BorderRightEffect.ts +101 -101
  163. package/src/core/renderers/webgl/shaders/effects/BorderTopEffect.ts +101 -101
  164. package/src/core/renderers/webgl/shaders/effects/EffectUtils.ts +33 -33
  165. package/src/core/renderers/webgl/shaders/effects/FadeOutEffect.ts +135 -135
  166. package/src/core/renderers/webgl/shaders/effects/GlitchEffect.ts +145 -145
  167. package/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.ts +67 -67
  168. package/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.ts +176 -176
  169. package/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.ts +159 -159
  170. package/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.ts +186 -186
  171. package/src/core/renderers/webgl/shaders/effects/RadiusEffect.ts +121 -121
  172. package/src/core/renderers/webgl/shaders/effects/ShaderEffect.ts +114 -114
  173. package/src/core/text-rendering/TextTextureRendererUtils.ts +189 -189
  174. package/src/core/text-rendering/TrFontManager.ts +170 -96
  175. package/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.ts +141 -141
  176. package/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/FontShaper.ts +139 -139
  177. package/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.test.ts +173 -173
  178. package/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.ts +169 -169
  179. package/src/core/text-rendering/font-face-types/TrFontFace.ts +105 -105
  180. package/src/core/text-rendering/font-face-types/WebTrFontFace.ts +77 -77
  181. package/src/core/text-rendering/renderers/CanvasTextRenderer.ts +757 -751
  182. package/src/core/text-rendering/renderers/LightningTextTextureRenderer.ts +741 -741
  183. package/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.ts +784 -775
  184. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.test.ts +48 -48
  185. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.ts +66 -66
  186. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/SpecialCodepoints.ts +52 -52
  187. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/constants.ts +32 -32
  188. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/getStartConditions.ts +84 -84
  189. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.test.ts +133 -133
  190. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.ts +38 -38
  191. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.ts +393 -393
  192. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.test.ts +49 -49
  193. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.ts +51 -51
  194. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.test.ts +205 -205
  195. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.ts +93 -93
  196. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/util.ts +40 -40
  197. package/src/core/text-rendering/renderers/TextRenderer.ts +516 -504
  198. package/src/core/textures/ColorTexture.ts +86 -86
  199. package/src/core/textures/ImageTexture.ts +154 -140
  200. package/src/core/textures/NoiseTexture.ts +96 -96
  201. package/src/core/textures/SubTexture.ts +143 -143
  202. package/src/core/textures/Texture.ts +224 -218
  203. package/src/core/utils.ts +224 -224
  204. package/src/env.d.ts +7 -7
  205. package/src/main-api/ICoreDriver.ts +66 -66
  206. package/src/main-api/INode.ts +499 -470
  207. package/src/main-api/Inspector.ts +439 -432
  208. package/src/main-api/RendererMain.ts +659 -649
  209. package/src/main-api/texture-usage-trackers/FinalizationRegistryTextureUsageTracker.ts +45 -45
  210. package/src/main-api/texture-usage-trackers/ManualCountTextureUsageTracker.ts +154 -154
  211. package/src/main-api/texture-usage-trackers/TextureUsageTracker.ts +54 -54
  212. package/src/render-drivers/main/MainCoreDriver.ts +149 -148
  213. package/src/render-drivers/main/MainOnlyNode.ts +494 -453
  214. package/src/render-drivers/main/MainOnlyTextNode.ts +261 -261
  215. package/src/render-drivers/threadx/NodeStruct.ts +300 -300
  216. package/src/render-drivers/threadx/SharedNode.ts +97 -97
  217. package/src/render-drivers/threadx/TextNodeStruct.ts +211 -211
  218. package/src/render-drivers/threadx/ThreadXCoreDriver.ts +286 -285
  219. package/src/render-drivers/threadx/ThreadXMainAnimationController.ts +99 -99
  220. package/src/render-drivers/threadx/ThreadXMainNode.ts +192 -178
  221. package/src/render-drivers/threadx/ThreadXMainTextNode.ts +85 -85
  222. package/src/render-drivers/threadx/ThreadXRendererMessage.ts +111 -110
  223. package/src/render-drivers/threadx/worker/ThreadXRendererNode.ts +238 -238
  224. package/src/render-drivers/threadx/worker/ThreadXRendererTextNode.ts +149 -149
  225. package/src/render-drivers/threadx/worker/renderer.ts +152 -151
  226. package/src/render-drivers/utils.ts +97 -57
  227. package/src/utils.ts +207 -207
  228. package/COPYING +0 -1
@@ -1,149 +1,149 @@
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 2023 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 { CoreTextNode } from '../../../core/CoreTextNode.js';
21
- import type { Stage } from '../../../core/Stage.js';
22
- import type { TrProps } from '../../../core/text-rendering/renderers/TextRenderer.js';
23
- import type { NodeStructWritableProps } from '../NodeStruct.js';
24
- import type {
25
- TextNodeStruct,
26
- TextNodeStructWritableProps,
27
- } from '../TextNodeStruct.js';
28
- import { ThreadXRendererNode } from './ThreadXRendererNode.js';
29
-
30
- export class ThreadXRendererTextNode extends ThreadXRendererNode {
31
- declare coreNode: CoreTextNode;
32
- declare z$__type__Props: TextNodeStructWritableProps &
33
- ThreadXRendererNode['z$__type__Props'];
34
-
35
- constructor(stage: Stage, sharedNodeStruct: TextNodeStruct) {
36
- super(
37
- stage,
38
- sharedNodeStruct,
39
- new CoreTextNode(stage, {
40
- id: sharedNodeStruct.id,
41
- // It doesn't matter what these are initially. They will be reset
42
- // appropriately via the onPropertyChange() calls below and in the
43
- // ThreadXRendererNode constructor.
44
- x: sharedNodeStruct.x,
45
- y: sharedNodeStruct.y,
46
- width: sharedNodeStruct.width,
47
- height: sharedNodeStruct.height,
48
- alpha: sharedNodeStruct.alpha,
49
- clipping: sharedNodeStruct.clipping,
50
- color: sharedNodeStruct.color,
51
- colorTop: sharedNodeStruct.colorTop,
52
- colorBottom: sharedNodeStruct.colorBottom,
53
- colorLeft: sharedNodeStruct.colorLeft,
54
- colorRight: sharedNodeStruct.colorRight,
55
- colorTl: sharedNodeStruct.colorTl,
56
- colorTr: sharedNodeStruct.colorTr,
57
- colorBl: sharedNodeStruct.colorBl,
58
- colorBr: sharedNodeStruct.colorBr,
59
- zIndex: sharedNodeStruct.zIndex,
60
- zIndexLocked: sharedNodeStruct.zIndexLocked,
61
- mount: sharedNodeStruct.mount,
62
- mountX: sharedNodeStruct.mountX,
63
- mountY: sharedNodeStruct.mountY,
64
- pivot: sharedNodeStruct.pivot,
65
- pivotX: sharedNodeStruct.pivotX,
66
- pivotY: sharedNodeStruct.pivotY,
67
- scaleX: sharedNodeStruct.scaleX,
68
- scaleY: sharedNodeStruct.scaleY,
69
- rotation: sharedNodeStruct.rotation,
70
-
71
- // These are passed in via message handlers
72
- shader: null,
73
- shaderProps: null,
74
- texture: null,
75
- textureOptions: null,
76
-
77
- // Setup the parent after
78
- parent: null,
79
-
80
- // Text properties
81
- text: sharedNodeStruct.text,
82
- textRendererOverride: sharedNodeStruct.textRendererOverride,
83
- fontSize: sharedNodeStruct.fontSize,
84
- fontFamily: sharedNodeStruct.fontFamily,
85
- fontWeight: sharedNodeStruct.fontWeight,
86
- fontStretch: sharedNodeStruct.fontStretch,
87
- fontStyle: sharedNodeStruct.fontStyle,
88
- lineHeight: sharedNodeStruct.lineHeight,
89
- maxLines: sharedNodeStruct.maxLines,
90
- textBaseline: sharedNodeStruct.textBaseline,
91
- verticalAlign: sharedNodeStruct.verticalAlign,
92
- overflowSuffix: sharedNodeStruct.overflowSuffix,
93
- contain: sharedNodeStruct.contain,
94
- letterSpacing: sharedNodeStruct.letterSpacing,
95
- offsetY: sharedNodeStruct.offsetY,
96
- textAlign: sharedNodeStruct.textAlign,
97
- scrollable: sharedNodeStruct.scrollable,
98
- scrollY: sharedNodeStruct.scrollY,
99
- debug: {},
100
- }),
101
- {
102
- text: sharedNodeStruct.text,
103
- textRendererOverride: sharedNodeStruct.textRendererOverride,
104
- fontSize: sharedNodeStruct.fontSize,
105
- fontFamily: sharedNodeStruct.fontFamily,
106
- fontWeight: sharedNodeStruct.fontWeight,
107
- fontStretch: sharedNodeStruct.fontStretch,
108
- fontStyle: sharedNodeStruct.fontStyle,
109
- lineHeight: sharedNodeStruct.lineHeight,
110
- maxLines: sharedNodeStruct.maxLines,
111
- textBaseline: sharedNodeStruct.textBaseline,
112
- verticalAlign: sharedNodeStruct.verticalAlign,
113
- overflowSuffix: sharedNodeStruct.overflowSuffix,
114
- contain: sharedNodeStruct.contain,
115
- letterSpacing: sharedNodeStruct.letterSpacing,
116
- offsetY: sharedNodeStruct.offsetY,
117
- textAlign: sharedNodeStruct.textAlign,
118
- scrollable: sharedNodeStruct.scrollable,
119
- scrollY: sharedNodeStruct.scrollY,
120
- } satisfies Omit<
121
- TextNodeStructWritableProps,
122
- keyof NodeStructWritableProps | 'debug'
123
- >,
124
- );
125
- // Forward on CoreNode events
126
- this.on('debug', (target: ThreadXRendererNode, debug: TrProps['debug']) => {
127
- this.coreNode.debug = debug;
128
- });
129
- }
130
-
131
- declare text: TextNodeStructWritableProps['text'];
132
- declare textRendererOverride: TextNodeStructWritableProps['textRendererOverride'];
133
- declare fontSize: TextNodeStructWritableProps['fontSize'];
134
- declare fontFamily: TextNodeStructWritableProps['fontFamily'];
135
- declare fontWeight: TextNodeStructWritableProps['fontWeight'];
136
- declare fontStretch: TextNodeStructWritableProps['fontStretch'];
137
- declare fontStyle: TextNodeStructWritableProps['fontStyle'];
138
- declare lineHeight: TextNodeStructWritableProps['lineHeight'];
139
- declare maxLines: TextNodeStructWritableProps['maxLines'];
140
- declare textBaseline: TextNodeStructWritableProps['textBaseline'];
141
- declare verticalAlign: TextNodeStructWritableProps['verticalAlign'];
142
- declare overflowSuffix: TextNodeStructWritableProps['overflowSuffix'];
143
- declare contain: TextNodeStructWritableProps['contain'];
144
- declare letterSpacing: TextNodeStructWritableProps['letterSpacing'];
145
- declare offsetY: TextNodeStructWritableProps['offsetY'];
146
- declare textAlign: TextNodeStructWritableProps['textAlign'];
147
- declare scrollable: TextNodeStructWritableProps['scrollable'];
148
- declare scrollY: TextNodeStructWritableProps['scrollY'];
149
- }
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 2023 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 { CoreTextNode } from '../../../core/CoreTextNode.js';
21
+ import type { Stage } from '../../../core/Stage.js';
22
+ import type { TrProps } from '../../../core/text-rendering/renderers/TextRenderer.js';
23
+ import type { NodeStructWritableProps } from '../NodeStruct.js';
24
+ import type {
25
+ TextNodeStruct,
26
+ TextNodeStructWritableProps,
27
+ } from '../TextNodeStruct.js';
28
+ import { ThreadXRendererNode } from './ThreadXRendererNode.js';
29
+
30
+ export class ThreadXRendererTextNode extends ThreadXRendererNode {
31
+ declare coreNode: CoreTextNode;
32
+ declare z$__type__Props: TextNodeStructWritableProps &
33
+ ThreadXRendererNode['z$__type__Props'];
34
+
35
+ constructor(stage: Stage, sharedNodeStruct: TextNodeStruct) {
36
+ super(
37
+ stage,
38
+ sharedNodeStruct,
39
+ new CoreTextNode(stage, {
40
+ id: sharedNodeStruct.id,
41
+ // It doesn't matter what these are initially. They will be reset
42
+ // appropriately via the onPropertyChange() calls below and in the
43
+ // ThreadXRendererNode constructor.
44
+ x: sharedNodeStruct.x,
45
+ y: sharedNodeStruct.y,
46
+ width: sharedNodeStruct.width,
47
+ height: sharedNodeStruct.height,
48
+ alpha: sharedNodeStruct.alpha,
49
+ clipping: sharedNodeStruct.clipping,
50
+ color: sharedNodeStruct.color,
51
+ colorTop: sharedNodeStruct.colorTop,
52
+ colorBottom: sharedNodeStruct.colorBottom,
53
+ colorLeft: sharedNodeStruct.colorLeft,
54
+ colorRight: sharedNodeStruct.colorRight,
55
+ colorTl: sharedNodeStruct.colorTl,
56
+ colorTr: sharedNodeStruct.colorTr,
57
+ colorBl: sharedNodeStruct.colorBl,
58
+ colorBr: sharedNodeStruct.colorBr,
59
+ zIndex: sharedNodeStruct.zIndex,
60
+ zIndexLocked: sharedNodeStruct.zIndexLocked,
61
+ mount: sharedNodeStruct.mount,
62
+ mountX: sharedNodeStruct.mountX,
63
+ mountY: sharedNodeStruct.mountY,
64
+ pivot: sharedNodeStruct.pivot,
65
+ pivotX: sharedNodeStruct.pivotX,
66
+ pivotY: sharedNodeStruct.pivotY,
67
+ scaleX: sharedNodeStruct.scaleX,
68
+ scaleY: sharedNodeStruct.scaleY,
69
+ rotation: sharedNodeStruct.rotation,
70
+
71
+ // These are passed in via message handlers
72
+ shader: null,
73
+ shaderProps: null,
74
+ texture: null,
75
+ textureOptions: null,
76
+
77
+ // Setup the parent after
78
+ parent: null,
79
+
80
+ // Text properties
81
+ text: sharedNodeStruct.text,
82
+ textRendererOverride: sharedNodeStruct.textRendererOverride,
83
+ fontSize: sharedNodeStruct.fontSize,
84
+ fontFamily: sharedNodeStruct.fontFamily,
85
+ fontWeight: sharedNodeStruct.fontWeight,
86
+ fontStretch: sharedNodeStruct.fontStretch,
87
+ fontStyle: sharedNodeStruct.fontStyle,
88
+ lineHeight: sharedNodeStruct.lineHeight,
89
+ maxLines: sharedNodeStruct.maxLines,
90
+ textBaseline: sharedNodeStruct.textBaseline,
91
+ verticalAlign: sharedNodeStruct.verticalAlign,
92
+ overflowSuffix: sharedNodeStruct.overflowSuffix,
93
+ contain: sharedNodeStruct.contain,
94
+ letterSpacing: sharedNodeStruct.letterSpacing,
95
+ offsetY: sharedNodeStruct.offsetY,
96
+ textAlign: sharedNodeStruct.textAlign,
97
+ scrollable: sharedNodeStruct.scrollable,
98
+ scrollY: sharedNodeStruct.scrollY,
99
+ debug: {},
100
+ }),
101
+ {
102
+ text: sharedNodeStruct.text,
103
+ textRendererOverride: sharedNodeStruct.textRendererOverride,
104
+ fontSize: sharedNodeStruct.fontSize,
105
+ fontFamily: sharedNodeStruct.fontFamily,
106
+ fontWeight: sharedNodeStruct.fontWeight,
107
+ fontStretch: sharedNodeStruct.fontStretch,
108
+ fontStyle: sharedNodeStruct.fontStyle,
109
+ lineHeight: sharedNodeStruct.lineHeight,
110
+ maxLines: sharedNodeStruct.maxLines,
111
+ textBaseline: sharedNodeStruct.textBaseline,
112
+ verticalAlign: sharedNodeStruct.verticalAlign,
113
+ overflowSuffix: sharedNodeStruct.overflowSuffix,
114
+ contain: sharedNodeStruct.contain,
115
+ letterSpacing: sharedNodeStruct.letterSpacing,
116
+ offsetY: sharedNodeStruct.offsetY,
117
+ textAlign: sharedNodeStruct.textAlign,
118
+ scrollable: sharedNodeStruct.scrollable,
119
+ scrollY: sharedNodeStruct.scrollY,
120
+ } satisfies Omit<
121
+ TextNodeStructWritableProps,
122
+ keyof NodeStructWritableProps | 'debug'
123
+ >,
124
+ );
125
+ // Forward on CoreNode events
126
+ this.on('debug', (target: ThreadXRendererNode, debug: TrProps['debug']) => {
127
+ this.coreNode.debug = debug;
128
+ });
129
+ }
130
+
131
+ declare text: TextNodeStructWritableProps['text'];
132
+ declare textRendererOverride: TextNodeStructWritableProps['textRendererOverride'];
133
+ declare fontSize: TextNodeStructWritableProps['fontSize'];
134
+ declare fontFamily: TextNodeStructWritableProps['fontFamily'];
135
+ declare fontWeight: TextNodeStructWritableProps['fontWeight'];
136
+ declare fontStretch: TextNodeStructWritableProps['fontStretch'];
137
+ declare fontStyle: TextNodeStructWritableProps['fontStyle'];
138
+ declare lineHeight: TextNodeStructWritableProps['lineHeight'];
139
+ declare maxLines: TextNodeStructWritableProps['maxLines'];
140
+ declare textBaseline: TextNodeStructWritableProps['textBaseline'];
141
+ declare verticalAlign: TextNodeStructWritableProps['verticalAlign'];
142
+ declare overflowSuffix: TextNodeStructWritableProps['overflowSuffix'];
143
+ declare contain: TextNodeStructWritableProps['contain'];
144
+ declare letterSpacing: TextNodeStructWritableProps['letterSpacing'];
145
+ declare offsetY: TextNodeStructWritableProps['offsetY'];
146
+ declare textAlign: TextNodeStructWritableProps['textAlign'];
147
+ declare scrollable: TextNodeStructWritableProps['scrollable'];
148
+ declare scrollY: TextNodeStructWritableProps['scrollY'];
149
+ }
@@ -1,151 +1,152 @@
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 2023 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 { ThreadX, BufferStruct } from '@lightningjs/threadx';
21
- import { NodeStruct, type NodeStructWritableProps } from '../NodeStruct.js';
22
- import { ThreadXRendererNode } from './ThreadXRendererNode.js';
23
- import { Stage, type StageFpsUpdateHandler } from '../../../core/Stage.js';
24
- import { assertTruthy } from '../../../utils.js';
25
- import {
26
- isThreadXRendererMessage,
27
- type ThreadXRendererFpsUpdateMessage,
28
- type ThreadXRendererMessage,
29
- } from '../ThreadXRendererMessage.js';
30
- import { TextNodeStruct } from '../TextNodeStruct.js';
31
- import { ThreadXRendererTextNode } from './ThreadXRendererTextNode.js';
32
- import { loadCoreExtension } from '../../utils.js';
33
-
34
- let canvas: OffscreenCanvas | null = null;
35
- let stage: Stage | null = null;
36
- let rootNode: ThreadXRendererNode | null = null;
37
- const threadx = ThreadX.init({
38
- workerId: 2,
39
- workerName: 'renderer',
40
- sharedObjectFactory(buffer) {
41
- const typeId = BufferStruct.extractTypeId(buffer);
42
- if (typeId === NodeStruct.typeId) {
43
- const nodeStruct = new NodeStruct(buffer);
44
- nodeStruct.parentId = nodeStruct.parentId || 0;
45
- const node = nodeStruct.lock(() => {
46
- assertTruthy(stage);
47
- return new ThreadXRendererNode(stage, nodeStruct);
48
- });
49
- return node;
50
- } else if (typeId === TextNodeStruct.typeId) {
51
- const nodeStruct = new TextNodeStruct(buffer);
52
- nodeStruct.parentId = nodeStruct.parentId || 0;
53
- const node = nodeStruct.lock(() => {
54
- assertTruthy(stage);
55
- return new ThreadXRendererTextNode(stage, nodeStruct);
56
- });
57
- return node;
58
- }
59
- return null;
60
- },
61
- async onMessage(message: ThreadXRendererMessage) {
62
- if (isThreadXRendererMessage('init', message)) {
63
- canvas = message.canvas;
64
- const nodeStruct = new NodeStruct();
65
- stage = new Stage({
66
- rootId: nodeStruct.id,
67
- appWidth: message.appWidth,
68
- appHeight: message.appHeight,
69
- deviceLogicalPixelRatio: message.deviceLogicalPixelRatio,
70
- devicePhysicalPixelRatio: message.devicePhysicalPixelRatio,
71
- clearColor: message.clearColor,
72
- canvas,
73
- fpsUpdateInterval: message.fpsUpdateInterval,
74
- enableContextSpy: message.enableContextSpy,
75
- numImageWorkers: message.numImageWorkers,
76
- debug: {
77
- monitorTextureCache: false,
78
- },
79
- });
80
-
81
- const coreRootNode = stage.root;
82
-
83
- // We must initialize the root NodeStruct with the same properties from
84
- // the CoreNode that the Stage created.
85
- Object.assign(nodeStruct, {
86
- x: coreRootNode.x,
87
- y: coreRootNode.y,
88
- width: coreRootNode.width,
89
- height: coreRootNode.height,
90
- alpha: coreRootNode.alpha,
91
- clipping: coreRootNode.clipping,
92
- color: coreRootNode.color,
93
- colorTop: coreRootNode.colorTop,
94
- colorRight: coreRootNode.colorRight,
95
- colorBottom: coreRootNode.colorBottom,
96
- colorLeft: coreRootNode.colorLeft,
97
- colorTl: coreRootNode.colorTl,
98
- colorTr: coreRootNode.colorTr,
99
- colorBr: coreRootNode.colorBr,
100
- colorBl: coreRootNode.colorBl,
101
- parentId: coreRootNode.parent?.id ?? 0,
102
- zIndex: coreRootNode.zIndex,
103
- zIndexLocked: coreRootNode.zIndexLocked,
104
- scaleX: coreRootNode.scaleX,
105
- scaleY: coreRootNode.scaleY,
106
- mount: coreRootNode.mount,
107
- mountX: coreRootNode.mountX,
108
- mountY: coreRootNode.mountY,
109
- pivot: coreRootNode.pivot,
110
- pivotX: coreRootNode.pivotX,
111
- pivotY: coreRootNode.pivotY,
112
- rotation: coreRootNode.rotation,
113
- } satisfies NodeStructWritableProps);
114
-
115
- // Share the root node that was created by the Stage with the main worker.
116
- rootNode = new ThreadXRendererNode(stage, nodeStruct, coreRootNode);
117
- await threadx.shareObjects('parent', [rootNode]);
118
-
119
- // Load the Core Extension Module if one was specified.
120
- if (message.coreExtensionModule) {
121
- await loadCoreExtension(message.coreExtensionModule, stage);
122
- }
123
-
124
- // Forward FPS updates to the main worker.
125
- stage.on('fpsUpdate', ((stage, fpsData) => {
126
- threadx.sendMessage('parent', {
127
- type: 'fpsUpdate',
128
- fpsData: fpsData,
129
- } satisfies ThreadXRendererFpsUpdateMessage);
130
- }) satisfies StageFpsUpdateHandler);
131
-
132
- // Return its ID so the main worker can retrieve it from the shared object
133
- // store.
134
- return rootNode.id;
135
- } else if (isThreadXRendererMessage('releaseTexture', message)) {
136
- assertTruthy(stage);
137
- const txManager = stage.txManager;
138
- assertTruthy(txManager);
139
- txManager.removeTextureIdFromCache(message.textureDescId);
140
- }
141
- },
142
- onObjectShared(object) {
143
- // TBD
144
- },
145
- onBeforeObjectForgotten(object) {
146
- if (object instanceof ThreadXRendererNode) {
147
- object.parent = null;
148
- object.destroy();
149
- }
150
- },
151
- });
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 2023 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 { ThreadX, BufferStruct } from '@lightningjs/threadx';
21
+ import { NodeStruct, type NodeStructWritableProps } from '../NodeStruct.js';
22
+ import { ThreadXRendererNode } from './ThreadXRendererNode.js';
23
+ import { Stage, type StageFpsUpdateHandler } from '../../../core/Stage.js';
24
+ import { assertTruthy } from '../../../utils.js';
25
+ import {
26
+ isThreadXRendererMessage,
27
+ type ThreadXRendererFpsUpdateMessage,
28
+ type ThreadXRendererMessage,
29
+ } from '../ThreadXRendererMessage.js';
30
+ import { TextNodeStruct } from '../TextNodeStruct.js';
31
+ import { ThreadXRendererTextNode } from './ThreadXRendererTextNode.js';
32
+ import { loadCoreExtension } from '../../utils.js';
33
+
34
+ let canvas: OffscreenCanvas | null = null;
35
+ let stage: Stage | null = null;
36
+ let rootNode: ThreadXRendererNode | null = null;
37
+ const threadx = ThreadX.init({
38
+ workerId: 2,
39
+ workerName: 'renderer',
40
+ sharedObjectFactory(buffer) {
41
+ const typeId = BufferStruct.extractTypeId(buffer);
42
+ if (typeId === NodeStruct.typeId) {
43
+ const nodeStruct = new NodeStruct(buffer);
44
+ nodeStruct.parentId = nodeStruct.parentId || 0;
45
+ const node = nodeStruct.lock(() => {
46
+ assertTruthy(stage);
47
+ return new ThreadXRendererNode(stage, nodeStruct);
48
+ });
49
+ return node;
50
+ } else if (typeId === TextNodeStruct.typeId) {
51
+ const nodeStruct = new TextNodeStruct(buffer);
52
+ nodeStruct.parentId = nodeStruct.parentId || 0;
53
+ const node = nodeStruct.lock(() => {
54
+ assertTruthy(stage);
55
+ return new ThreadXRendererTextNode(stage, nodeStruct);
56
+ });
57
+ return node;
58
+ }
59
+ return null;
60
+ },
61
+ async onMessage(message: ThreadXRendererMessage) {
62
+ if (isThreadXRendererMessage('init', message)) {
63
+ canvas = message.canvas;
64
+ const nodeStruct = new NodeStruct();
65
+ stage = new Stage({
66
+ rootId: nodeStruct.id,
67
+ appWidth: message.appWidth,
68
+ appHeight: message.appHeight,
69
+ boundsMargin: message.boundsMargin,
70
+ deviceLogicalPixelRatio: message.deviceLogicalPixelRatio,
71
+ devicePhysicalPixelRatio: message.devicePhysicalPixelRatio,
72
+ clearColor: message.clearColor,
73
+ canvas,
74
+ fpsUpdateInterval: message.fpsUpdateInterval,
75
+ enableContextSpy: message.enableContextSpy,
76
+ numImageWorkers: message.numImageWorkers,
77
+ debug: {
78
+ monitorTextureCache: false,
79
+ },
80
+ });
81
+
82
+ const coreRootNode = stage.root;
83
+
84
+ // We must initialize the root NodeStruct with the same properties from
85
+ // the CoreNode that the Stage created.
86
+ Object.assign(nodeStruct, {
87
+ x: coreRootNode.x,
88
+ y: coreRootNode.y,
89
+ width: coreRootNode.width,
90
+ height: coreRootNode.height,
91
+ alpha: coreRootNode.alpha,
92
+ clipping: coreRootNode.clipping,
93
+ color: coreRootNode.color,
94
+ colorTop: coreRootNode.colorTop,
95
+ colorRight: coreRootNode.colorRight,
96
+ colorBottom: coreRootNode.colorBottom,
97
+ colorLeft: coreRootNode.colorLeft,
98
+ colorTl: coreRootNode.colorTl,
99
+ colorTr: coreRootNode.colorTr,
100
+ colorBr: coreRootNode.colorBr,
101
+ colorBl: coreRootNode.colorBl,
102
+ parentId: coreRootNode.parent?.id ?? 0,
103
+ zIndex: coreRootNode.zIndex,
104
+ zIndexLocked: coreRootNode.zIndexLocked,
105
+ scaleX: coreRootNode.scaleX,
106
+ scaleY: coreRootNode.scaleY,
107
+ mount: coreRootNode.mount,
108
+ mountX: coreRootNode.mountX,
109
+ mountY: coreRootNode.mountY,
110
+ pivot: coreRootNode.pivot,
111
+ pivotX: coreRootNode.pivotX,
112
+ pivotY: coreRootNode.pivotY,
113
+ rotation: coreRootNode.rotation,
114
+ } satisfies NodeStructWritableProps);
115
+
116
+ // Share the root node that was created by the Stage with the main worker.
117
+ rootNode = new ThreadXRendererNode(stage, nodeStruct, coreRootNode);
118
+ await threadx.shareObjects('parent', [rootNode]);
119
+
120
+ // Load the Core Extension Module if one was specified.
121
+ if (message.coreExtensionModule) {
122
+ await loadCoreExtension(message.coreExtensionModule, stage);
123
+ }
124
+
125
+ // Forward FPS updates to the main worker.
126
+ stage.on('fpsUpdate', ((stage, fpsData) => {
127
+ threadx.sendMessage('parent', {
128
+ type: 'fpsUpdate',
129
+ fpsData: fpsData,
130
+ } satisfies ThreadXRendererFpsUpdateMessage);
131
+ }) satisfies StageFpsUpdateHandler);
132
+
133
+ // Return its ID so the main worker can retrieve it from the shared object
134
+ // store.
135
+ return rootNode.id;
136
+ } else if (isThreadXRendererMessage('releaseTexture', message)) {
137
+ assertTruthy(stage);
138
+ const txManager = stage.txManager;
139
+ assertTruthy(txManager);
140
+ txManager.removeTextureIdFromCache(message.textureDescId);
141
+ }
142
+ },
143
+ onObjectShared(object) {
144
+ // TBD
145
+ },
146
+ onBeforeObjectForgotten(object) {
147
+ if (object instanceof ThreadXRendererNode) {
148
+ object.parent = null;
149
+ object.destroy();
150
+ }
151
+ },
152
+ });