@lightningjs/renderer 0.7.1 → 0.7.3

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 (215) hide show
  1. package/COPYING +1 -0
  2. package/LICENSE +202 -202
  3. package/NOTICE +3 -3
  4. package/README.md +221 -221
  5. package/dist/exports/main-api.d.ts +1 -0
  6. package/dist/src/common/CommonTypes.d.ts +7 -0
  7. package/dist/src/core/CoreShaderManager.d.ts +13 -6
  8. package/dist/src/core/CoreShaderManager.js +6 -6
  9. package/dist/src/core/CoreShaderManager.js.map +1 -1
  10. package/dist/src/core/Stage.d.ts +2 -1
  11. package/dist/src/core/Stage.js +4 -0
  12. package/dist/src/core/Stage.js.map +1 -1
  13. package/dist/src/core/animations/CoreAnimation.js +3 -0
  14. package/dist/src/core/animations/CoreAnimation.js.map +1 -1
  15. package/dist/src/core/animations/CoreAnimationController.d.ts +8 -0
  16. package/dist/src/core/animations/CoreAnimationController.js +26 -0
  17. package/dist/src/core/animations/CoreAnimationController.js.map +1 -1
  18. package/dist/src/core/lib/ImageWorker.js +21 -21
  19. package/dist/src/core/lib/WebGlContextWrapper.d.ts +9 -0
  20. package/dist/src/core/lib/WebGlContextWrapper.js +12 -0
  21. package/dist/src/core/lib/WebGlContextWrapper.js.map +1 -1
  22. package/dist/src/core/lib/textureCompression.d.ts +16 -0
  23. package/dist/src/core/lib/textureCompression.js +129 -0
  24. package/dist/src/core/lib/textureCompression.js.map +1 -0
  25. package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.js +12 -0
  26. package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.js.map +1 -1
  27. package/dist/src/core/renderers/webgl/shaders/DefaultShader.js +47 -47
  28. package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.js +61 -61
  29. package/dist/src/core/renderers/webgl/shaders/DynamicShader.js +93 -93
  30. package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.js +63 -63
  31. package/dist/src/core/renderers/webgl/shaders/SdfShader.js +49 -49
  32. package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.js +15 -15
  33. package/dist/src/core/renderers/webgl/shaders/effects/BorderEffect.js +5 -5
  34. package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.js +15 -15
  35. package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.js +15 -15
  36. package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.js +15 -15
  37. package/dist/src/core/renderers/webgl/shaders/effects/FadeOutEffect.js +42 -42
  38. package/dist/src/core/renderers/webgl/shaders/effects/GlitchEffect.js +44 -44
  39. package/dist/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.js +3 -3
  40. package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.js +31 -31
  41. package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.js +13 -13
  42. package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.js +37 -37
  43. package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.js +19 -19
  44. package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.d.ts +4 -0
  45. package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.js +11 -0
  46. package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.js.map +1 -1
  47. package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.js.map +1 -1
  48. package/dist/src/core/text-rendering/renderers/CanvasTextRenderer.js +10 -1
  49. package/dist/src/core/text-rendering/renderers/CanvasTextRenderer.js.map +1 -1
  50. package/dist/src/core/text-rendering/renderers/LightningTextTextureRenderer.js +21 -7
  51. package/dist/src/core/text-rendering/renderers/LightningTextTextureRenderer.js.map +1 -1
  52. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.js.map +1 -1
  53. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.js +2 -1
  54. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.js.map +1 -1
  55. package/dist/src/core/textures/ImageTexture.js +5 -0
  56. package/dist/src/core/textures/ImageTexture.js.map +1 -1
  57. package/dist/src/core/textures/Texture.d.ts +28 -1
  58. package/dist/src/core/textures/Texture.js.map +1 -1
  59. package/dist/src/main-api/ICoreDriver.d.ts +2 -1
  60. package/dist/src/main-api/Inspector.d.ts +21 -0
  61. package/dist/src/main-api/Inspector.js +302 -0
  62. package/dist/src/main-api/Inspector.js.map +1 -0
  63. package/dist/src/main-api/RendererMain.d.ts +12 -0
  64. package/dist/src/main-api/RendererMain.js +19 -1
  65. package/dist/src/main-api/RendererMain.js.map +1 -1
  66. package/dist/src/render-drivers/main/MainCoreDriver.d.ts +2 -1
  67. package/dist/src/render-drivers/main/MainCoreDriver.js +7 -1
  68. package/dist/src/render-drivers/main/MainCoreDriver.js.map +1 -1
  69. package/dist/src/render-drivers/threadx/ThreadXCoreDriver.d.ts +2 -1
  70. package/dist/src/render-drivers/threadx/ThreadXCoreDriver.js +7 -0
  71. package/dist/src/render-drivers/threadx/ThreadXCoreDriver.js.map +1 -1
  72. package/dist/src/render-drivers/threadx/ThreadXRendererMessage.d.ts +9 -1
  73. package/dist/src/render-drivers/threadx/ThreadXRendererMessage.js.map +1 -1
  74. package/dist/tsconfig.dist.tsbuildinfo +1 -1
  75. package/exports/core-api.ts +102 -102
  76. package/exports/main-api.ts +60 -51
  77. package/exports/utils.ts +41 -41
  78. package/package.json +5 -3
  79. package/scripts/please-use-pnpm.js +13 -0
  80. package/src/common/CommonTypes.ts +113 -105
  81. package/src/common/EventEmitter.ts +77 -77
  82. package/src/common/IAnimationController.ts +29 -29
  83. package/src/core/CoreExtension.ts +32 -32
  84. package/src/core/CoreNode.ts +926 -926
  85. package/src/core/CoreShaderManager.ts +243 -210
  86. package/src/core/CoreTextNode.ts +391 -391
  87. package/src/core/CoreTextureManager.ts +326 -326
  88. package/src/core/Stage.ts +354 -342
  89. package/src/core/animations/AnimationManager.ts +38 -38
  90. package/src/core/animations/CoreAnimation.ts +181 -177
  91. package/src/core/animations/CoreAnimationController.ts +148 -117
  92. package/src/core/lib/ContextSpy.ts +41 -41
  93. package/src/core/lib/ImageWorker.ts +124 -124
  94. package/src/core/lib/Matrix3d.ts +290 -290
  95. package/src/core/lib/WebGlContextWrapper.ts +992 -965
  96. package/src/core/lib/textureCompression.ts +152 -0
  97. package/src/core/lib/utils.ts +241 -241
  98. package/src/core/platform.ts +46 -46
  99. package/src/core/renderers/CoreContextTexture.ts +30 -30
  100. package/src/core/renderers/CoreRenderOp.ts +22 -22
  101. package/src/core/renderers/CoreRenderer.ts +63 -63
  102. package/src/core/renderers/CoreShader.ts +41 -41
  103. package/src/core/renderers/webgl/WebGlCoreCtxSubTexture.ts +37 -37
  104. package/src/core/renderers/webgl/WebGlCoreCtxTexture.ts +231 -211
  105. package/src/core/renderers/webgl/WebGlCoreRenderOp.ts +107 -107
  106. package/src/core/renderers/webgl/WebGlCoreRenderer.ts +520 -520
  107. package/src/core/renderers/webgl/WebGlCoreShader.ts +337 -337
  108. package/src/core/renderers/webgl/internal/BufferCollection.ts +54 -54
  109. package/src/core/renderers/webgl/internal/RendererUtils.ts +131 -131
  110. package/src/core/renderers/webgl/internal/ShaderUtils.ts +136 -136
  111. package/src/core/renderers/webgl/internal/WebGlUtils.ts +35 -35
  112. package/src/core/renderers/webgl/shaders/DefaultShader.ts +95 -95
  113. package/src/core/renderers/webgl/shaders/DefaultShaderBatched.ts +132 -132
  114. package/src/core/renderers/webgl/shaders/DynamicShader.ts +474 -474
  115. package/src/core/renderers/webgl/shaders/RoundedRectangle.ts +161 -161
  116. package/src/core/renderers/webgl/shaders/SdfShader.ts +174 -174
  117. package/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.ts +101 -101
  118. package/src/core/renderers/webgl/shaders/effects/BorderEffect.ts +86 -86
  119. package/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.ts +101 -101
  120. package/src/core/renderers/webgl/shaders/effects/BorderRightEffect.ts +101 -101
  121. package/src/core/renderers/webgl/shaders/effects/BorderTopEffect.ts +101 -101
  122. package/src/core/renderers/webgl/shaders/effects/EffectUtils.ts +33 -33
  123. package/src/core/renderers/webgl/shaders/effects/FadeOutEffect.ts +135 -135
  124. package/src/core/renderers/webgl/shaders/effects/GlitchEffect.ts +145 -145
  125. package/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.ts +67 -67
  126. package/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.ts +176 -176
  127. package/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.ts +159 -159
  128. package/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.ts +186 -186
  129. package/src/core/renderers/webgl/shaders/effects/RadiusEffect.ts +121 -121
  130. package/src/core/renderers/webgl/shaders/effects/ShaderEffect.ts +114 -114
  131. package/src/core/text-rendering/TextTextureRendererUtils.ts +189 -189
  132. package/src/core/text-rendering/TrFontManager.ts +96 -96
  133. package/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.ts +141 -127
  134. package/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/FontShaper.ts +139 -139
  135. package/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.test.ts +173 -165
  136. package/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.ts +169 -166
  137. package/src/core/text-rendering/font-face-types/TrFontFace.ts +105 -105
  138. package/src/core/text-rendering/font-face-types/WebTrFontFace.ts +77 -77
  139. package/src/core/text-rendering/renderers/CanvasTextRenderer.ts +751 -738
  140. package/src/core/text-rendering/renderers/LightningTextTextureRenderer.ts +741 -707
  141. package/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.ts +775 -777
  142. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.test.ts +48 -48
  143. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.ts +66 -66
  144. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/SpecialCodepoints.ts +52 -52
  145. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/constants.ts +32 -32
  146. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/getStartConditions.ts +84 -84
  147. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.test.ts +133 -133
  148. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.ts +38 -38
  149. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.ts +393 -392
  150. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.test.ts +49 -46
  151. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.ts +51 -51
  152. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.test.ts +205 -205
  153. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.ts +93 -93
  154. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/util.ts +40 -40
  155. package/src/core/text-rendering/renderers/TextRenderer.ts +504 -504
  156. package/src/core/textures/ColorTexture.ts +86 -86
  157. package/src/core/textures/ImageTexture.ts +133 -124
  158. package/src/core/textures/NoiseTexture.ts +96 -96
  159. package/src/core/textures/SubTexture.ts +143 -143
  160. package/src/core/textures/Texture.ts +218 -186
  161. package/src/core/utils.ts +224 -224
  162. package/src/env.d.ts +7 -7
  163. package/src/main-api/ICoreDriver.ts +66 -61
  164. package/src/main-api/INode.ts +470 -470
  165. package/src/main-api/Inspector.ts +432 -0
  166. package/src/main-api/RendererMain.ts +649 -610
  167. package/src/main-api/texture-usage-trackers/FinalizationRegistryTextureUsageTracker.ts +45 -45
  168. package/src/main-api/texture-usage-trackers/ManualCountTextureUsageTracker.ts +154 -154
  169. package/src/main-api/texture-usage-trackers/TextureUsageTracker.ts +54 -54
  170. package/src/render-drivers/main/MainCoreDriver.ts +148 -133
  171. package/src/render-drivers/main/MainOnlyNode.ts +453 -453
  172. package/src/render-drivers/main/MainOnlyTextNode.ts +261 -261
  173. package/src/render-drivers/threadx/NodeStruct.ts +300 -300
  174. package/src/render-drivers/threadx/SharedNode.ts +97 -97
  175. package/src/render-drivers/threadx/TextNodeStruct.ts +211 -211
  176. package/src/render-drivers/threadx/ThreadXCoreDriver.ts +285 -273
  177. package/src/render-drivers/threadx/ThreadXMainAnimationController.ts +99 -99
  178. package/src/render-drivers/threadx/ThreadXMainNode.ts +178 -178
  179. package/src/render-drivers/threadx/ThreadXMainTextNode.ts +85 -85
  180. package/src/render-drivers/threadx/ThreadXRendererMessage.ts +110 -97
  181. package/src/render-drivers/threadx/worker/ThreadXRendererNode.ts +238 -238
  182. package/src/render-drivers/threadx/worker/ThreadXRendererTextNode.ts +149 -149
  183. package/src/render-drivers/threadx/worker/renderer.ts +151 -151
  184. package/src/render-drivers/utils.ts +57 -57
  185. package/src/utils.ts +207 -207
  186. package/dist/src/core/lib/WebGlContext.d.ts +0 -414
  187. package/dist/src/core/lib/WebGlContext.js +0 -640
  188. package/dist/src/core/lib/WebGlContext.js.map +0 -1
  189. package/dist/src/core/scene/Scene.d.ts +0 -59
  190. package/dist/src/core/scene/Scene.js +0 -106
  191. package/dist/src/core/scene/Scene.js.map +0 -1
  192. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/findNearestMultiple.d.ts +0 -8
  193. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/findNearestMultiple.js +0 -29
  194. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/findNearestMultiple.js.map +0 -1
  195. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2/SdfBufferHelper.d.ts +0 -19
  196. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2/SdfBufferHelper.js +0 -84
  197. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2/SdfBufferHelper.js.map +0 -1
  198. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2/layoutLine.d.ts +0 -8
  199. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2/layoutLine.js +0 -40
  200. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2/layoutLine.js.map +0 -1
  201. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2/layoutText2.d.ts +0 -2
  202. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2/layoutText2.js +0 -41
  203. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2/layoutText2.js.map +0 -1
  204. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2/utils.d.ts +0 -1
  205. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2/utils.js +0 -4
  206. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2/utils.js.map +0 -1
  207. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2.d.ts +0 -1
  208. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2.js +0 -2
  209. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2.js.map +0 -1
  210. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/makeRenderWindow.d.ts +0 -20
  211. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/makeRenderWindow.js +0 -55
  212. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/makeRenderWindow.js.map +0 -1
  213. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/roundUpToMultiple.d.ts +0 -9
  214. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/roundUpToMultiple.js +0 -32
  215. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/roundUpToMultiple.js.map +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,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
- 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
+ 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
+ });