@lightningjs/renderer 0.7.2 → 0.7.4

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