@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,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,178 +1,178 @@
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 { INode, INodeAnimatableProps } from '../../main-api/INode.js';
22
- import type {
23
- RendererMain,
24
- ShaderRef,
25
- TextureRef,
26
- } from '../../main-api/RendererMain.js';
27
- import { assertTruthy } from '../../utils.js';
28
- import type { NodeStruct } from './NodeStruct.js';
29
- import { SharedNode } from './SharedNode.js';
30
- import { ThreadXMainAnimationController } from './ThreadXMainAnimationController.js';
31
- import type { AnimationSettings } from '../../core/animations/CoreAnimation.js';
32
-
33
- export class ThreadXMainNode extends SharedNode implements INode {
34
- private nextAnimationId = 1;
35
- protected _parent: ThreadXMainNode | null = null;
36
- protected _children: ThreadXMainNode[] = [];
37
- protected _texture: TextureRef | null = null;
38
- protected _shader: ShaderRef | null = null;
39
- private _src = '';
40
-
41
- /**
42
- * FinalizationRegistry for animation controllers. When an animation
43
- * controller is garbage collected, we let the render worker know so that
44
- * it can remove it's corresponding animation controler from it's stored
45
- * Set. This should ultimately allow the render worker to garbage collect
46
- * it's animation controller. The animation itself independent from the animation
47
- * controller, so it will continue to run until it's finished regardless of
48
- * whether or not the animation controller is garbage collected.
49
- */
50
- private animationRegistry = new FinalizationRegistry((id: number) => {
51
- this.emit('destroyAnimation', { id });
52
- });
53
-
54
- constructor(
55
- private rendererMain: RendererMain,
56
- sharedNodeStruct: NodeStruct,
57
- extendedCurProps?: Record<string, unknown>,
58
- ) {
59
- super(sharedNodeStruct, extendedCurProps);
60
- }
61
-
62
- get texture(): TextureRef | null {
63
- return this._texture;
64
- }
65
-
66
- set texture(texture: TextureRef | null) {
67
- if (this._texture === texture) {
68
- return;
69
- }
70
- if (this._texture) {
71
- this.rendererMain.textureTracker.decrementTextureRefCount(this._texture);
72
- }
73
- if (texture) {
74
- this.rendererMain.textureTracker.incrementTextureRefCount(texture);
75
- }
76
- this._texture = texture;
77
- if (texture) {
78
- this.emit('loadTexture', texture as unknown as Record<string, unknown>);
79
- } else {
80
- this.emit('unloadTexture', {});
81
- }
82
- }
83
-
84
- get shader(): ShaderRef | null {
85
- return this._shader;
86
- }
87
-
88
- set shader(shader: ShaderRef | null) {
89
- if (this._shader === shader) {
90
- return;
91
- }
92
- this._shader = shader;
93
- if (shader) {
94
- this.emit('loadShader', shader as unknown as Record<string, unknown>);
95
- }
96
- }
97
-
98
- get scale(): number | null {
99
- if (this.scaleX !== this.scaleY) {
100
- return null;
101
- }
102
- return this.scaleX;
103
- }
104
-
105
- set scale(scale: number | null) {
106
- // We ignore `null` when it's set.
107
- if (scale === null) {
108
- return;
109
- }
110
- this.scaleX = scale;
111
- this.scaleY = scale;
112
- }
113
-
114
- animate(
115
- props: Partial<INodeAnimatableProps>,
116
- settings: Partial<AnimationSettings>,
117
- ): IAnimationController {
118
- const id = this.nextAnimationId++;
119
- this.emit('createAnimation', { id, props, settings });
120
- const controller = new ThreadXMainAnimationController(this, id);
121
- this.animationRegistry.register(controller, id);
122
- return controller;
123
- }
124
-
125
- get src(): string {
126
- return this._src;
127
- }
128
-
129
- set src(imageUrl: string) {
130
- if (this._src === imageUrl) {
131
- return;
132
- }
133
- this._src = imageUrl;
134
- if (!imageUrl) {
135
- this.texture = null;
136
- return;
137
- }
138
- this.texture = this.rendererMain.createTexture('ImageTexture', {
139
- src: imageUrl,
140
- });
141
- }
142
-
143
- //#region Parent/Child Props
144
- get parent(): ThreadXMainNode | null {
145
- return this._parent;
146
- }
147
-
148
- set parent(newParent: ThreadXMainNode | null) {
149
- const oldParent = this._parent;
150
- this._parent = newParent;
151
- this.parentId = newParent?.id ?? 0;
152
- if (oldParent) {
153
- const index = oldParent.children.indexOf(this);
154
- assertTruthy(
155
- index !== -1,
156
- "ThreadXMainNode.parent: Node not found in old parent's children!",
157
- );
158
- oldParent.children.splice(index, 1);
159
- }
160
- if (newParent) {
161
- newParent.children.push(this);
162
- }
163
- }
164
-
165
- get children(): ThreadXMainNode[] {
166
- return this._children;
167
- }
168
- //#endregion Parent/Child Props
169
-
170
- get props() {
171
- return this.curProps;
172
- }
173
-
174
- override destroy() {
175
- super.destroy();
176
- this.texture = null;
177
- }
178
- }
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 { INode, INodeAnimatableProps } from '../../main-api/INode.js';
22
+ import type {
23
+ RendererMain,
24
+ ShaderRef,
25
+ TextureRef,
26
+ } from '../../main-api/RendererMain.js';
27
+ import { assertTruthy } from '../../utils.js';
28
+ import type { NodeStruct } from './NodeStruct.js';
29
+ import { SharedNode } from './SharedNode.js';
30
+ import { ThreadXMainAnimationController } from './ThreadXMainAnimationController.js';
31
+ import type { AnimationSettings } from '../../core/animations/CoreAnimation.js';
32
+
33
+ export class ThreadXMainNode extends SharedNode implements INode {
34
+ private nextAnimationId = 1;
35
+ protected _parent: ThreadXMainNode | null = null;
36
+ protected _children: ThreadXMainNode[] = [];
37
+ protected _texture: TextureRef | null = null;
38
+ protected _shader: ShaderRef | null = null;
39
+ private _src = '';
40
+
41
+ /**
42
+ * FinalizationRegistry for animation controllers. When an animation
43
+ * controller is garbage collected, we let the render worker know so that
44
+ * it can remove it's corresponding animation controler from it's stored
45
+ * Set. This should ultimately allow the render worker to garbage collect
46
+ * it's animation controller. The animation itself independent from the animation
47
+ * controller, so it will continue to run until it's finished regardless of
48
+ * whether or not the animation controller is garbage collected.
49
+ */
50
+ private animationRegistry = new FinalizationRegistry((id: number) => {
51
+ this.emit('destroyAnimation', { id });
52
+ });
53
+
54
+ constructor(
55
+ private rendererMain: RendererMain,
56
+ sharedNodeStruct: NodeStruct,
57
+ extendedCurProps?: Record<string, unknown>,
58
+ ) {
59
+ super(sharedNodeStruct, extendedCurProps);
60
+ }
61
+
62
+ get texture(): TextureRef | null {
63
+ return this._texture;
64
+ }
65
+
66
+ set texture(texture: TextureRef | null) {
67
+ if (this._texture === texture) {
68
+ return;
69
+ }
70
+ if (this._texture) {
71
+ this.rendererMain.textureTracker.decrementTextureRefCount(this._texture);
72
+ }
73
+ if (texture) {
74
+ this.rendererMain.textureTracker.incrementTextureRefCount(texture);
75
+ }
76
+ this._texture = texture;
77
+ if (texture) {
78
+ this.emit('loadTexture', texture as unknown as Record<string, unknown>);
79
+ } else {
80
+ this.emit('unloadTexture', {});
81
+ }
82
+ }
83
+
84
+ get shader(): ShaderRef | null {
85
+ return this._shader;
86
+ }
87
+
88
+ set shader(shader: ShaderRef | null) {
89
+ if (this._shader === shader) {
90
+ return;
91
+ }
92
+ this._shader = shader;
93
+ if (shader) {
94
+ this.emit('loadShader', shader as unknown as Record<string, unknown>);
95
+ }
96
+ }
97
+
98
+ get scale(): number | null {
99
+ if (this.scaleX !== this.scaleY) {
100
+ return null;
101
+ }
102
+ return this.scaleX;
103
+ }
104
+
105
+ set scale(scale: number | null) {
106
+ // We ignore `null` when it's set.
107
+ if (scale === null) {
108
+ return;
109
+ }
110
+ this.scaleX = scale;
111
+ this.scaleY = scale;
112
+ }
113
+
114
+ animate(
115
+ props: Partial<INodeAnimatableProps>,
116
+ settings: Partial<AnimationSettings>,
117
+ ): IAnimationController {
118
+ const id = this.nextAnimationId++;
119
+ this.emit('createAnimation', { id, props, settings });
120
+ const controller = new ThreadXMainAnimationController(this, id);
121
+ this.animationRegistry.register(controller, id);
122
+ return controller;
123
+ }
124
+
125
+ get src(): string {
126
+ return this._src;
127
+ }
128
+
129
+ set src(imageUrl: string) {
130
+ if (this._src === imageUrl) {
131
+ return;
132
+ }
133
+ this._src = imageUrl;
134
+ if (!imageUrl) {
135
+ this.texture = null;
136
+ return;
137
+ }
138
+ this.texture = this.rendererMain.createTexture('ImageTexture', {
139
+ src: imageUrl,
140
+ });
141
+ }
142
+
143
+ //#region Parent/Child Props
144
+ get parent(): ThreadXMainNode | null {
145
+ return this._parent;
146
+ }
147
+
148
+ set parent(newParent: ThreadXMainNode | null) {
149
+ const oldParent = this._parent;
150
+ this._parent = newParent;
151
+ this.parentId = newParent?.id ?? 0;
152
+ if (oldParent) {
153
+ const index = oldParent.children.indexOf(this);
154
+ assertTruthy(
155
+ index !== -1,
156
+ "ThreadXMainNode.parent: Node not found in old parent's children!",
157
+ );
158
+ oldParent.children.splice(index, 1);
159
+ }
160
+ if (newParent) {
161
+ newParent.children.push(this);
162
+ }
163
+ }
164
+
165
+ get children(): ThreadXMainNode[] {
166
+ return this._children;
167
+ }
168
+ //#endregion Parent/Child Props
169
+
170
+ get props() {
171
+ return this.curProps;
172
+ }
173
+
174
+ override destroy() {
175
+ super.destroy();
176
+ this.texture = null;
177
+ }
178
+ }