@lightningjs/renderer 0.7.5 → 0.8.0

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 (252) hide show
  1. package/LICENSE +202 -202
  2. package/NOTICE +3 -3
  3. package/README.md +233 -221
  4. package/dist/src/common/CommonTypes.d.ts +12 -0
  5. package/dist/src/core/CoreNode.d.ts +83 -9
  6. package/dist/src/core/CoreNode.js +232 -44
  7. package/dist/src/core/CoreNode.js.map +1 -1
  8. package/dist/src/core/CoreTextNode.d.ts +6 -1
  9. package/dist/src/core/CoreTextNode.js +33 -20
  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 +11 -2
  13. package/dist/src/core/CoreTextureManager.js.map +1 -1
  14. package/dist/src/core/Stage.d.ts +6 -0
  15. package/dist/src/core/Stage.js +16 -1
  16. package/dist/src/core/Stage.js.map +1 -1
  17. package/dist/src/core/TextureMemoryManager.d.ts +12 -0
  18. package/dist/src/core/TextureMemoryManager.js +42 -0
  19. package/dist/src/core/TextureMemoryManager.js.map +1 -0
  20. package/dist/src/core/lib/ImageWorker.d.ts +0 -1
  21. package/dist/src/core/lib/ImageWorker.js +55 -40
  22. package/dist/src/core/lib/ImageWorker.js.map +1 -1
  23. package/dist/src/core/lib/RenderCoords.d.ts +13 -0
  24. package/dist/src/core/lib/RenderCoords.js +63 -0
  25. package/dist/src/core/lib/RenderCoords.js.map +1 -0
  26. package/dist/src/core/lib/WebGlContext.d.ts +414 -0
  27. package/dist/src/core/lib/WebGlContext.js +640 -0
  28. package/dist/src/core/lib/WebGlContext.js.map +1 -0
  29. package/dist/src/core/lib/utils.d.ts +1 -0
  30. package/dist/src/core/lib/utils.js +6 -0
  31. package/dist/src/core/lib/utils.js.map +1 -1
  32. package/dist/src/core/platform.js +8 -0
  33. package/dist/src/core/platform.js.map +1 -1
  34. package/dist/src/core/renderers/CoreContextTexture.d.ts +5 -1
  35. package/dist/src/core/renderers/CoreContextTexture.js +3 -1
  36. package/dist/src/core/renderers/CoreContextTexture.js.map +1 -1
  37. package/dist/src/core/renderers/webgl/WebGlCoreCtxSubTexture.d.ts +2 -1
  38. package/dist/src/core/renderers/webgl/WebGlCoreCtxSubTexture.js +2 -2
  39. package/dist/src/core/renderers/webgl/WebGlCoreCtxSubTexture.js.map +1 -1
  40. package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.d.ts +3 -1
  41. package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.js +26 -6
  42. package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.js.map +1 -1
  43. package/dist/src/core/renderers/webgl/WebGlCoreRenderer.d.ts +3 -0
  44. package/dist/src/core/renderers/webgl/WebGlCoreRenderer.js +4 -2
  45. package/dist/src/core/renderers/webgl/WebGlCoreRenderer.js.map +1 -1
  46. package/dist/src/core/renderers/webgl/internal/RendererUtils.d.ts +9 -0
  47. package/dist/src/core/renderers/webgl/internal/RendererUtils.js +14 -0
  48. package/dist/src/core/renderers/webgl/internal/RendererUtils.js.map +1 -1
  49. package/dist/src/core/renderers/webgl/shaders/DefaultShader.js +47 -47
  50. package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.js +61 -61
  51. package/dist/src/core/renderers/webgl/shaders/DynamicShader.js +93 -93
  52. package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.js +63 -63
  53. package/dist/src/core/renderers/webgl/shaders/SdfShader.js +49 -49
  54. package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.js +15 -15
  55. package/dist/src/core/renderers/webgl/shaders/effects/BorderEffect.js +5 -5
  56. package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.js +15 -15
  57. package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.js +15 -15
  58. package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.js +15 -15
  59. package/dist/src/core/renderers/webgl/shaders/effects/FadeOutEffect.js +42 -42
  60. package/dist/src/core/renderers/webgl/shaders/effects/GlitchEffect.js +44 -44
  61. package/dist/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.js +3 -3
  62. package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.js +44 -57
  63. package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.js.map +1 -1
  64. package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.d.ts +1 -0
  65. package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.js +33 -39
  66. package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.js.map +1 -1
  67. package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.js +37 -37
  68. package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.js +19 -19
  69. package/dist/src/core/scene/Scene.d.ts +59 -0
  70. package/dist/src/core/scene/Scene.js +106 -0
  71. package/dist/src/core/scene/Scene.js.map +1 -0
  72. package/dist/src/core/text-rendering/TrFontManager.js +30 -25
  73. package/dist/src/core/text-rendering/TrFontManager.js.map +1 -1
  74. package/dist/src/core/text-rendering/renderers/CanvasTextRenderer.d.ts +2 -0
  75. package/dist/src/core/text-rendering/renderers/CanvasTextRenderer.js +26 -2
  76. package/dist/src/core/text-rendering/renderers/CanvasTextRenderer.js.map +1 -1
  77. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.d.ts +8 -0
  78. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.js +34 -6
  79. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.js.map +1 -1
  80. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/findNearestMultiple.d.ts +8 -0
  81. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/findNearestMultiple.js +29 -0
  82. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/findNearestMultiple.js.map +1 -0
  83. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.js +1 -3
  84. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.js.map +1 -1
  85. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2/SdfBufferHelper.d.ts +19 -0
  86. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2/SdfBufferHelper.js +84 -0
  87. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2/SdfBufferHelper.js.map +1 -0
  88. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2/layoutLine.d.ts +8 -0
  89. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2/layoutLine.js +40 -0
  90. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2/layoutLine.js.map +1 -0
  91. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2/layoutText2.d.ts +2 -0
  92. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2/layoutText2.js +41 -0
  93. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2/layoutText2.js.map +1 -0
  94. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2/utils.d.ts +1 -0
  95. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2/utils.js +4 -0
  96. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2/utils.js.map +1 -0
  97. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2.d.ts +1 -0
  98. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2.js +2 -0
  99. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText2.js.map +1 -0
  100. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/makeRenderWindow.d.ts +20 -0
  101. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/makeRenderWindow.js +55 -0
  102. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/makeRenderWindow.js.map +1 -0
  103. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/roundUpToMultiple.d.ts +9 -0
  104. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/roundUpToMultiple.js +32 -0
  105. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/roundUpToMultiple.js.map +1 -0
  106. package/dist/src/core/text-rendering/renderers/TextRenderer.d.ts +31 -0
  107. package/dist/src/core/text-rendering/renderers/TextRenderer.js +26 -0
  108. package/dist/src/core/text-rendering/renderers/TextRenderer.js.map +1 -1
  109. package/dist/src/core/textures/ImageTexture.js +16 -2
  110. package/dist/src/core/textures/ImageTexture.js.map +1 -1
  111. package/dist/src/core/textures/Texture.d.ts +27 -2
  112. package/dist/src/core/textures/Texture.js +30 -1
  113. package/dist/src/core/textures/Texture.js.map +1 -1
  114. package/dist/src/core/utils.d.ts +1 -1
  115. package/dist/src/main-api/ICoreDriver.d.ts +1 -0
  116. package/dist/src/main-api/Inspector.js +2 -1
  117. package/dist/src/main-api/Inspector.js.map +1 -1
  118. package/dist/src/main-api/RendererMain.d.ts +15 -0
  119. package/dist/src/main-api/RendererMain.js +7 -1
  120. package/dist/src/main-api/RendererMain.js.map +1 -1
  121. package/dist/src/render-drivers/main/MainCoreDriver.d.ts +1 -0
  122. package/dist/src/render-drivers/main/MainCoreDriver.js +8 -0
  123. package/dist/src/render-drivers/main/MainCoreDriver.js.map +1 -1
  124. package/dist/src/render-drivers/main/MainOnlyNode.d.ts +5 -0
  125. package/dist/src/render-drivers/main/MainOnlyNode.js +26 -0
  126. package/dist/src/render-drivers/main/MainOnlyNode.js.map +1 -1
  127. package/dist/src/render-drivers/threadx/ThreadXCoreDriver.js +2 -0
  128. package/dist/src/render-drivers/threadx/ThreadXCoreDriver.js.map +1 -1
  129. package/dist/src/render-drivers/threadx/ThreadXRendererMessage.d.ts +2 -0
  130. package/dist/src/render-drivers/threadx/ThreadXRendererMessage.js.map +1 -1
  131. package/dist/src/render-drivers/threadx/worker/ThreadXRendererNode.js +3 -0
  132. package/dist/src/render-drivers/threadx/worker/ThreadXRendererNode.js.map +1 -1
  133. package/dist/src/render-drivers/threadx/worker/renderer.js +2 -0
  134. package/dist/src/render-drivers/threadx/worker/renderer.js.map +1 -1
  135. package/dist/src/utils.d.ts +6 -0
  136. package/dist/src/utils.js +9 -1
  137. package/dist/src/utils.js.map +1 -1
  138. package/dist/tsconfig.dist.tsbuildinfo +1 -1
  139. package/exports/core-api.ts +102 -102
  140. package/exports/main-api.ts +60 -60
  141. package/exports/utils.ts +41 -41
  142. package/package.json +1 -1
  143. package/scripts/please-use-pnpm.js +13 -13
  144. package/src/common/CommonTypes.ts +132 -113
  145. package/src/common/EventEmitter.ts +77 -77
  146. package/src/common/IAnimationController.ts +29 -29
  147. package/src/core/CoreExtension.ts +32 -32
  148. package/src/core/CoreNode.ts +1199 -955
  149. package/src/core/CoreShaderManager.ts +243 -243
  150. package/src/core/CoreTextNode.ts +400 -391
  151. package/src/core/CoreTextureManager.ts +339 -326
  152. package/src/core/Stage.ts +375 -354
  153. package/src/core/TextureMemoryManager.ts +66 -0
  154. package/src/core/animations/AnimationManager.ts +38 -38
  155. package/src/core/animations/CoreAnimation.ts +181 -181
  156. package/src/core/animations/CoreAnimationController.ts +148 -148
  157. package/src/core/lib/ContextSpy.ts +41 -41
  158. package/src/core/lib/ImageWorker.ts +149 -135
  159. package/src/core/lib/Matrix3d.ts +290 -290
  160. package/src/core/lib/RenderCoords.ts +86 -0
  161. package/src/core/lib/WebGlContextWrapper.ts +992 -992
  162. package/src/core/lib/textureCompression.ts +152 -152
  163. package/src/core/lib/utils.ts +250 -241
  164. package/src/core/platform.ts +54 -46
  165. package/src/core/renderers/CoreContextTexture.ts +35 -30
  166. package/src/core/renderers/CoreRenderOp.ts +22 -22
  167. package/src/core/renderers/CoreRenderer.ts +63 -63
  168. package/src/core/renderers/CoreShader.ts +41 -41
  169. package/src/core/renderers/webgl/WebGlCoreCtxSubTexture.ts +42 -37
  170. package/src/core/renderers/webgl/WebGlCoreCtxTexture.ts +261 -230
  171. package/src/core/renderers/webgl/WebGlCoreRenderOp.ts +107 -107
  172. package/src/core/renderers/webgl/WebGlCoreRenderer.ts +528 -520
  173. package/src/core/renderers/webgl/WebGlCoreShader.ts +337 -337
  174. package/src/core/renderers/webgl/internal/BufferCollection.ts +54 -54
  175. package/src/core/renderers/webgl/internal/RendererUtils.ts +148 -131
  176. package/src/core/renderers/webgl/internal/ShaderUtils.ts +136 -136
  177. package/src/core/renderers/webgl/internal/WebGlUtils.ts +35 -35
  178. package/src/core/renderers/webgl/shaders/DefaultShader.ts +95 -95
  179. package/src/core/renderers/webgl/shaders/DefaultShaderBatched.ts +132 -132
  180. package/src/core/renderers/webgl/shaders/DynamicShader.ts +474 -474
  181. package/src/core/renderers/webgl/shaders/RoundedRectangle.ts +161 -161
  182. package/src/core/renderers/webgl/shaders/SdfShader.ts +174 -174
  183. package/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.ts +101 -101
  184. package/src/core/renderers/webgl/shaders/effects/BorderEffect.ts +86 -86
  185. package/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.ts +101 -101
  186. package/src/core/renderers/webgl/shaders/effects/BorderRightEffect.ts +101 -101
  187. package/src/core/renderers/webgl/shaders/effects/BorderTopEffect.ts +101 -101
  188. package/src/core/renderers/webgl/shaders/effects/EffectUtils.ts +33 -33
  189. package/src/core/renderers/webgl/shaders/effects/FadeOutEffect.ts +135 -135
  190. package/src/core/renderers/webgl/shaders/effects/GlitchEffect.ts +145 -145
  191. package/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.ts +67 -67
  192. package/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.ts +160 -176
  193. package/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.ts +153 -159
  194. package/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.ts +186 -186
  195. package/src/core/renderers/webgl/shaders/effects/RadiusEffect.ts +121 -121
  196. package/src/core/renderers/webgl/shaders/effects/ShaderEffect.ts +114 -114
  197. package/src/core/text-rendering/TextTextureRendererUtils.ts +189 -189
  198. package/src/core/text-rendering/TrFontManager.ts +170 -166
  199. package/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.ts +141 -141
  200. package/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/FontShaper.ts +139 -139
  201. package/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.test.ts +173 -173
  202. package/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.ts +169 -169
  203. package/src/core/text-rendering/font-face-types/TrFontFace.ts +105 -105
  204. package/src/core/text-rendering/font-face-types/WebTrFontFace.ts +77 -77
  205. package/src/core/text-rendering/renderers/CanvasTextRenderer.ts +780 -751
  206. package/src/core/text-rendering/renderers/LightningTextTextureRenderer.ts +741 -741
  207. package/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.ts +812 -778
  208. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.test.ts +48 -48
  209. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.ts +66 -66
  210. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/SpecialCodepoints.ts +52 -52
  211. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/constants.ts +32 -32
  212. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/getStartConditions.ts +84 -84
  213. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.test.ts +133 -133
  214. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.ts +38 -38
  215. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.ts +391 -393
  216. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.test.ts +49 -49
  217. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.ts +51 -51
  218. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.test.ts +205 -205
  219. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.ts +93 -93
  220. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/util.ts +40 -40
  221. package/src/core/text-rendering/renderers/TextRenderer.ts +548 -504
  222. package/src/core/textures/ColorTexture.ts +86 -86
  223. package/src/core/textures/ImageTexture.ts +154 -140
  224. package/src/core/textures/NoiseTexture.ts +96 -96
  225. package/src/core/textures/SubTexture.ts +143 -143
  226. package/src/core/textures/Texture.ts +261 -218
  227. package/src/core/utils.ts +224 -224
  228. package/src/env.d.ts +7 -7
  229. package/src/main-api/ICoreDriver.ts +68 -66
  230. package/src/main-api/INode.ts +499 -499
  231. package/src/main-api/Inspector.ts +440 -439
  232. package/src/main-api/RendererMain.ts +676 -652
  233. package/src/main-api/texture-usage-trackers/FinalizationRegistryTextureUsageTracker.ts +45 -45
  234. package/src/main-api/texture-usage-trackers/ManualCountTextureUsageTracker.ts +154 -154
  235. package/src/main-api/texture-usage-trackers/TextureUsageTracker.ts +54 -54
  236. package/src/render-drivers/main/MainCoreDriver.ts +158 -148
  237. package/src/render-drivers/main/MainOnlyNode.ts +500 -466
  238. package/src/render-drivers/main/MainOnlyTextNode.ts +261 -261
  239. package/src/render-drivers/threadx/NodeStruct.ts +300 -300
  240. package/src/render-drivers/threadx/SharedNode.ts +97 -97
  241. package/src/render-drivers/threadx/TextNodeStruct.ts +211 -211
  242. package/src/render-drivers/threadx/ThreadXCoreDriver.ts +287 -285
  243. package/src/render-drivers/threadx/ThreadXMainAnimationController.ts +99 -99
  244. package/src/render-drivers/threadx/ThreadXMainNode.ts +192 -192
  245. package/src/render-drivers/threadx/ThreadXMainTextNode.ts +85 -85
  246. package/src/render-drivers/threadx/ThreadXRendererMessage.ts +112 -110
  247. package/src/render-drivers/threadx/worker/ThreadXRendererNode.ts +245 -238
  248. package/src/render-drivers/threadx/worker/ThreadXRendererTextNode.ts +149 -149
  249. package/src/render-drivers/threadx/worker/renderer.ts +153 -151
  250. package/src/render-drivers/utils.ts +97 -97
  251. package/src/utils.ts +216 -207
  252. package/COPYING +0 -1
@@ -1,99 +1,99 @@
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
- /* eslint-disable @typescript-eslint/unbound-method */
21
- import type {
22
- AnimationControllerState,
23
- IAnimationController,
24
- } from '../../common/IAnimationController.js';
25
- import { assertTruthy } from '../../utils.js';
26
- import type { ThreadXMainNode } from './ThreadXMainNode.js';
27
-
28
- export class ThreadXMainAnimationController implements IAnimationController {
29
- stoppedPromise: Promise<void> | null = null;
30
- /**
31
- * If this is null, then the animation is in a finished / stopped state.
32
- */
33
- stoppedResolve: (() => void) | null = null;
34
-
35
- constructor(private node: ThreadXMainNode, private id: number) {
36
- this.onAnimationFinished = this.onAnimationFinished.bind(this);
37
- this.state = 'stopped';
38
- }
39
-
40
- state: AnimationControllerState;
41
-
42
- start(): IAnimationController {
43
- if (this.stoppedResolve === null) {
44
- this.makeStoppedPromise();
45
- this.node.on('animationFinished', this.onAnimationFinished);
46
- }
47
- this.state = 'running';
48
- this.node.emit('startAnimation', { id: this.id });
49
- return this;
50
- }
51
-
52
- stop(): IAnimationController {
53
- this.node.emit('stopAnimation', { id: this.id });
54
- this.node.off('animationFinished', this.onAnimationFinished);
55
- if (this.stoppedResolve !== null) {
56
- this.stoppedResolve();
57
- this.stoppedResolve = null;
58
- }
59
- this.state = 'stopped';
60
- return this;
61
- }
62
-
63
- pause(): IAnimationController {
64
- this.node.emit('pauseAnimation', { id: this.id });
65
- this.state = 'paused';
66
- return this;
67
- }
68
-
69
- restore(): IAnimationController {
70
- return this;
71
- }
72
-
73
- waitUntilStopped(): Promise<void> {
74
- this.makeStoppedPromise();
75
- const promise = this.stoppedPromise;
76
- assertTruthy(promise);
77
- return promise;
78
- }
79
-
80
- private onAnimationFinished(
81
- target: ThreadXMainNode,
82
- { id, loop }: { id: number; loop: boolean },
83
- ) {
84
- if (id === this.id) {
85
- this.node.off('animationFinished', this.onAnimationFinished);
86
- this.stoppedResolve?.();
87
- this.stoppedResolve = null;
88
- this.state = 'stopped';
89
- }
90
- }
91
-
92
- private makeStoppedPromise(): void {
93
- if (this.stoppedResolve === null) {
94
- this.stoppedPromise = new Promise((resolve) => {
95
- this.stoppedResolve = resolve;
96
- });
97
- }
98
- }
99
- }
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
+ /* eslint-disable @typescript-eslint/unbound-method */
21
+ import type {
22
+ AnimationControllerState,
23
+ IAnimationController,
24
+ } from '../../common/IAnimationController.js';
25
+ import { assertTruthy } from '../../utils.js';
26
+ import type { ThreadXMainNode } from './ThreadXMainNode.js';
27
+
28
+ export class ThreadXMainAnimationController implements IAnimationController {
29
+ stoppedPromise: Promise<void> | null = null;
30
+ /**
31
+ * If this is null, then the animation is in a finished / stopped state.
32
+ */
33
+ stoppedResolve: (() => void) | null = null;
34
+
35
+ constructor(private node: ThreadXMainNode, private id: number) {
36
+ this.onAnimationFinished = this.onAnimationFinished.bind(this);
37
+ this.state = 'stopped';
38
+ }
39
+
40
+ state: AnimationControllerState;
41
+
42
+ start(): IAnimationController {
43
+ if (this.stoppedResolve === null) {
44
+ this.makeStoppedPromise();
45
+ this.node.on('animationFinished', this.onAnimationFinished);
46
+ }
47
+ this.state = 'running';
48
+ this.node.emit('startAnimation', { id: this.id });
49
+ return this;
50
+ }
51
+
52
+ stop(): IAnimationController {
53
+ this.node.emit('stopAnimation', { id: this.id });
54
+ this.node.off('animationFinished', this.onAnimationFinished);
55
+ if (this.stoppedResolve !== null) {
56
+ this.stoppedResolve();
57
+ this.stoppedResolve = null;
58
+ }
59
+ this.state = 'stopped';
60
+ return this;
61
+ }
62
+
63
+ pause(): IAnimationController {
64
+ this.node.emit('pauseAnimation', { id: this.id });
65
+ this.state = 'paused';
66
+ return this;
67
+ }
68
+
69
+ restore(): IAnimationController {
70
+ return this;
71
+ }
72
+
73
+ waitUntilStopped(): Promise<void> {
74
+ this.makeStoppedPromise();
75
+ const promise = this.stoppedPromise;
76
+ assertTruthy(promise);
77
+ return promise;
78
+ }
79
+
80
+ private onAnimationFinished(
81
+ target: ThreadXMainNode,
82
+ { id, loop }: { id: number; loop: boolean },
83
+ ) {
84
+ if (id === this.id) {
85
+ this.node.off('animationFinished', this.onAnimationFinished);
86
+ this.stoppedResolve?.();
87
+ this.stoppedResolve = null;
88
+ this.state = 'stopped';
89
+ }
90
+ }
91
+
92
+ private makeStoppedPromise(): void {
93
+ if (this.stoppedResolve === null) {
94
+ this.stoppedPromise = new Promise((resolve) => {
95
+ this.stoppedResolve = resolve;
96
+ });
97
+ }
98
+ }
99
+ }
@@ -1,192 +1,192 @@
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 type { IAnimationController } from '../../common/IAnimationController.js';
21
- import type {
22
- CustomDataMap,
23
- INode,
24
- INodeAnimatableProps,
25
- } from '../../main-api/INode.js';
26
- import type {
27
- RendererMain,
28
- ShaderRef,
29
- TextureRef,
30
- } from '../../main-api/RendererMain.js';
31
- import { assertTruthy } from '../../utils.js';
32
- import type { NodeStruct } from './NodeStruct.js';
33
- import { SharedNode } from './SharedNode.js';
34
- import { ThreadXMainAnimationController } from './ThreadXMainAnimationController.js';
35
- import type { AnimationSettings } from '../../core/animations/CoreAnimation.js';
36
- import { santizeCustomDataMap } from '../utils.js';
37
-
38
- export class ThreadXMainNode extends SharedNode implements INode {
39
- private nextAnimationId = 1;
40
- protected _parent: ThreadXMainNode | null = null;
41
- protected _children: ThreadXMainNode[] = [];
42
- protected _texture: TextureRef | null = null;
43
- protected _shader: ShaderRef | null = null;
44
- protected _data: CustomDataMap | undefined = {};
45
- private _src = '';
46
-
47
- /**
48
- * FinalizationRegistry for animation controllers. When an animation
49
- * controller is garbage collected, we let the render worker know so that
50
- * it can remove it's corresponding animation controler from it's stored
51
- * Set. This should ultimately allow the render worker to garbage collect
52
- * it's animation controller. The animation itself independent from the animation
53
- * controller, so it will continue to run until it's finished regardless of
54
- * whether or not the animation controller is garbage collected.
55
- */
56
- private animationRegistry = new FinalizationRegistry((id: number) => {
57
- this.emit('destroyAnimation', { id });
58
- });
59
-
60
- constructor(
61
- private rendererMain: RendererMain,
62
- sharedNodeStruct: NodeStruct,
63
- extendedCurProps?: Record<string, unknown>,
64
- ) {
65
- super(sharedNodeStruct, extendedCurProps);
66
- }
67
-
68
- get texture(): TextureRef | null {
69
- return this._texture;
70
- }
71
-
72
- set texture(texture: TextureRef | null) {
73
- if (this._texture === texture) {
74
- return;
75
- }
76
- if (this._texture) {
77
- this.rendererMain.textureTracker.decrementTextureRefCount(this._texture);
78
- }
79
- if (texture) {
80
- this.rendererMain.textureTracker.incrementTextureRefCount(texture);
81
- }
82
- this._texture = texture;
83
- if (texture) {
84
- this.emit('loadTexture', texture as unknown as Record<string, unknown>);
85
- } else {
86
- this.emit('unloadTexture', {});
87
- }
88
- }
89
-
90
- get shader(): ShaderRef | null {
91
- return this._shader;
92
- }
93
-
94
- set shader(shader: ShaderRef | null) {
95
- if (this._shader === shader) {
96
- return;
97
- }
98
- this._shader = shader;
99
- if (shader) {
100
- this.emit('loadShader', shader as unknown as Record<string, unknown>);
101
- }
102
- }
103
-
104
- get scale(): number | null {
105
- if (this.scaleX !== this.scaleY) {
106
- return null;
107
- }
108
- return this.scaleX;
109
- }
110
-
111
- set scale(scale: number | null) {
112
- // We ignore `null` when it's set.
113
- if (scale === null) {
114
- return;
115
- }
116
- this.scaleX = scale;
117
- this.scaleY = scale;
118
- }
119
-
120
- animate(
121
- props: Partial<INodeAnimatableProps>,
122
- settings: Partial<AnimationSettings>,
123
- ): IAnimationController {
124
- const id = this.nextAnimationId++;
125
- this.emit('createAnimation', { id, props, settings });
126
- const controller = new ThreadXMainAnimationController(this, id);
127
- this.animationRegistry.register(controller, id);
128
- return controller;
129
- }
130
-
131
- get src(): string {
132
- return this._src;
133
- }
134
-
135
- set src(imageUrl: string) {
136
- if (this._src === imageUrl) {
137
- return;
138
- }
139
- this._src = imageUrl;
140
- if (!imageUrl) {
141
- this.texture = null;
142
- return;
143
- }
144
- this.texture = this.rendererMain.createTexture('ImageTexture', {
145
- src: imageUrl,
146
- });
147
- }
148
-
149
- //#region Parent/Child Props
150
- get parent(): ThreadXMainNode | null {
151
- return this._parent;
152
- }
153
-
154
- set parent(newParent: ThreadXMainNode | null) {
155
- const oldParent = this._parent;
156
- this._parent = newParent;
157
- this.parentId = newParent?.id ?? 0;
158
- if (oldParent) {
159
- const index = oldParent.children.indexOf(this);
160
- assertTruthy(
161
- index !== -1,
162
- "ThreadXMainNode.parent: Node not found in old parent's children!",
163
- );
164
- oldParent.children.splice(index, 1);
165
- }
166
- if (newParent) {
167
- newParent.children.push(this);
168
- }
169
- }
170
-
171
- get children(): ThreadXMainNode[] {
172
- return this._children;
173
- }
174
- //#endregion Parent/Child Props
175
-
176
- get props() {
177
- return this.curProps;
178
- }
179
-
180
- get data(): CustomDataMap | undefined {
181
- return this._data;
182
- }
183
-
184
- set data(d: CustomDataMap) {
185
- this._data = santizeCustomDataMap(d);
186
- }
187
-
188
- override destroy() {
189
- super.destroy();
190
- this.texture = null;
191
- }
192
- }
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 type { IAnimationController } from '../../common/IAnimationController.js';
21
+ import type {
22
+ CustomDataMap,
23
+ INode,
24
+ INodeAnimatableProps,
25
+ } from '../../main-api/INode.js';
26
+ import type {
27
+ RendererMain,
28
+ ShaderRef,
29
+ TextureRef,
30
+ } from '../../main-api/RendererMain.js';
31
+ import { assertTruthy } from '../../utils.js';
32
+ import type { NodeStruct } from './NodeStruct.js';
33
+ import { SharedNode } from './SharedNode.js';
34
+ import { ThreadXMainAnimationController } from './ThreadXMainAnimationController.js';
35
+ import type { AnimationSettings } from '../../core/animations/CoreAnimation.js';
36
+ import { santizeCustomDataMap } from '../utils.js';
37
+
38
+ export class ThreadXMainNode extends SharedNode implements INode {
39
+ private nextAnimationId = 1;
40
+ protected _parent: ThreadXMainNode | null = null;
41
+ protected _children: ThreadXMainNode[] = [];
42
+ protected _texture: TextureRef | null = null;
43
+ protected _shader: ShaderRef | null = null;
44
+ protected _data: CustomDataMap | undefined = {};
45
+ private _src = '';
46
+
47
+ /**
48
+ * FinalizationRegistry for animation controllers. When an animation
49
+ * controller is garbage collected, we let the render worker know so that
50
+ * it can remove it's corresponding animation controler from it's stored
51
+ * Set. This should ultimately allow the render worker to garbage collect
52
+ * it's animation controller. The animation itself independent from the animation
53
+ * controller, so it will continue to run until it's finished regardless of
54
+ * whether or not the animation controller is garbage collected.
55
+ */
56
+ private animationRegistry = new FinalizationRegistry((id: number) => {
57
+ this.emit('destroyAnimation', { id });
58
+ });
59
+
60
+ constructor(
61
+ private rendererMain: RendererMain,
62
+ sharedNodeStruct: NodeStruct,
63
+ extendedCurProps?: Record<string, unknown>,
64
+ ) {
65
+ super(sharedNodeStruct, extendedCurProps);
66
+ }
67
+
68
+ get texture(): TextureRef | null {
69
+ return this._texture;
70
+ }
71
+
72
+ set texture(texture: TextureRef | null) {
73
+ if (this._texture === texture) {
74
+ return;
75
+ }
76
+ if (this._texture) {
77
+ this.rendererMain.textureTracker.decrementTextureRefCount(this._texture);
78
+ }
79
+ if (texture) {
80
+ this.rendererMain.textureTracker.incrementTextureRefCount(texture);
81
+ }
82
+ this._texture = texture;
83
+ if (texture) {
84
+ this.emit('loadTexture', texture as unknown as Record<string, unknown>);
85
+ } else {
86
+ this.emit('unloadTexture', {});
87
+ }
88
+ }
89
+
90
+ get shader(): ShaderRef | null {
91
+ return this._shader;
92
+ }
93
+
94
+ set shader(shader: ShaderRef | null) {
95
+ if (this._shader === shader) {
96
+ return;
97
+ }
98
+ this._shader = shader;
99
+ if (shader) {
100
+ this.emit('loadShader', shader as unknown as Record<string, unknown>);
101
+ }
102
+ }
103
+
104
+ get scale(): number | null {
105
+ if (this.scaleX !== this.scaleY) {
106
+ return null;
107
+ }
108
+ return this.scaleX;
109
+ }
110
+
111
+ set scale(scale: number | null) {
112
+ // We ignore `null` when it's set.
113
+ if (scale === null) {
114
+ return;
115
+ }
116
+ this.scaleX = scale;
117
+ this.scaleY = scale;
118
+ }
119
+
120
+ animate(
121
+ props: Partial<INodeAnimatableProps>,
122
+ settings: Partial<AnimationSettings>,
123
+ ): IAnimationController {
124
+ const id = this.nextAnimationId++;
125
+ this.emit('createAnimation', { id, props, settings });
126
+ const controller = new ThreadXMainAnimationController(this, id);
127
+ this.animationRegistry.register(controller, id);
128
+ return controller;
129
+ }
130
+
131
+ get src(): string {
132
+ return this._src;
133
+ }
134
+
135
+ set src(imageUrl: string) {
136
+ if (this._src === imageUrl) {
137
+ return;
138
+ }
139
+ this._src = imageUrl;
140
+ if (!imageUrl) {
141
+ this.texture = null;
142
+ return;
143
+ }
144
+ this.texture = this.rendererMain.createTexture('ImageTexture', {
145
+ src: imageUrl,
146
+ });
147
+ }
148
+
149
+ //#region Parent/Child Props
150
+ get parent(): ThreadXMainNode | null {
151
+ return this._parent;
152
+ }
153
+
154
+ set parent(newParent: ThreadXMainNode | null) {
155
+ const oldParent = this._parent;
156
+ this._parent = newParent;
157
+ this.parentId = newParent?.id ?? 0;
158
+ if (oldParent) {
159
+ const index = oldParent.children.indexOf(this);
160
+ assertTruthy(
161
+ index !== -1,
162
+ "ThreadXMainNode.parent: Node not found in old parent's children!",
163
+ );
164
+ oldParent.children.splice(index, 1);
165
+ }
166
+ if (newParent) {
167
+ newParent.children.push(this);
168
+ }
169
+ }
170
+
171
+ get children(): ThreadXMainNode[] {
172
+ return this._children;
173
+ }
174
+ //#endregion Parent/Child Props
175
+
176
+ get props() {
177
+ return this.curProps;
178
+ }
179
+
180
+ get data(): CustomDataMap | undefined {
181
+ return this._data;
182
+ }
183
+
184
+ set data(d: CustomDataMap) {
185
+ this._data = santizeCustomDataMap(d);
186
+ }
187
+
188
+ override destroy() {
189
+ super.destroy();
190
+ this.texture = null;
191
+ }
192
+ }