@lightningjs/renderer 2.9.0 → 2.9.1

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 (218) hide show
  1. package/COPYING +1 -0
  2. package/LICENSE +202 -202
  3. package/NOTICE +3 -3
  4. package/README.md +147 -147
  5. package/dist/src/core/CoreNode.js +1 -1
  6. package/dist/src/core/CoreNode.js.map +1 -1
  7. package/dist/src/core/renderers/webgl/shaders/DefaultShader.js +45 -45
  8. package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.js +61 -61
  9. package/dist/src/core/renderers/webgl/shaders/DynamicShader.js +93 -93
  10. package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.js +63 -63
  11. package/dist/src/core/renderers/webgl/shaders/SdfShader.js +62 -62
  12. package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.js +15 -15
  13. package/dist/src/core/renderers/webgl/shaders/effects/BorderEffect.js +6 -6
  14. package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.js +15 -15
  15. package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.js +15 -15
  16. package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.js +15 -15
  17. package/dist/src/core/renderers/webgl/shaders/effects/FadeOutEffect.js +42 -42
  18. package/dist/src/core/renderers/webgl/shaders/effects/GlitchEffect.js +44 -44
  19. package/dist/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.js +3 -3
  20. package/dist/src/core/renderers/webgl/shaders/effects/HolePunchEffect.js +22 -22
  21. package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.js +28 -28
  22. package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.js +10 -10
  23. package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.js +37 -37
  24. package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.js +19 -19
  25. package/dist/src/core/text-rendering/font-face-types/WebTrFontFace.js +7 -3
  26. package/dist/src/core/text-rendering/font-face-types/WebTrFontFace.js.map +1 -1
  27. package/dist/src/core/text-rendering/renderers/LightningTextTextureRenderer.js +7 -0
  28. package/dist/src/core/text-rendering/renderers/LightningTextTextureRenderer.js.map +1 -1
  29. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.js +5 -1
  30. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.js.map +1 -1
  31. package/dist/src/core/textures/ImageTexture.js +1 -1
  32. package/dist/src/core/textures/SubTexture.d.ts +1 -0
  33. package/dist/src/core/textures/SubTexture.js +7 -0
  34. package/dist/src/core/textures/SubTexture.js.map +1 -1
  35. package/dist/src/core/textures/Texture.d.ts +9 -0
  36. package/dist/src/core/textures/Texture.js +23 -13
  37. package/dist/src/core/textures/Texture.js.map +1 -1
  38. package/dist/tsconfig.dist.tsbuildinfo +1 -1
  39. package/exports/canvas.ts +39 -39
  40. package/exports/index.ts +89 -89
  41. package/exports/inspector.ts +24 -24
  42. package/exports/utils.ts +44 -44
  43. package/exports/webgl.ts +38 -38
  44. package/package.json +1 -1
  45. package/scripts/please-use-pnpm.js +13 -13
  46. package/src/common/CommonTypes.ts +139 -139
  47. package/src/common/EventEmitter.ts +77 -77
  48. package/src/common/IAnimationController.ts +92 -92
  49. package/src/common/IEventEmitter.ts +28 -28
  50. package/src/core/CoreNode.test.ts +199 -199
  51. package/src/core/CoreNode.ts +2335 -2335
  52. package/src/core/CoreShaderManager.ts +292 -292
  53. package/src/core/CoreTextNode.ts +455 -455
  54. package/src/core/CoreTextureManager.ts +548 -548
  55. package/src/core/Stage.ts +700 -700
  56. package/src/core/TextureMemoryManager.ts +277 -277
  57. package/src/core/animations/AnimationManager.ts +38 -38
  58. package/src/core/animations/CoreAnimation.ts +340 -340
  59. package/src/core/animations/CoreAnimationController.ts +157 -157
  60. package/src/core/lib/ContextSpy.ts +41 -41
  61. package/src/core/lib/ImageWorker.ts +270 -270
  62. package/src/core/lib/Matrix3d.ts +244 -244
  63. package/src/core/lib/RenderCoords.ts +86 -86
  64. package/src/core/lib/WebGlContextWrapper.ts +1322 -1322
  65. package/src/core/lib/textureCompression.ts +152 -152
  66. package/src/core/lib/textureSvg.ts +78 -78
  67. package/src/core/lib/utils.ts +306 -306
  68. package/src/core/platform.ts +61 -61
  69. package/src/core/renderers/CoreContextTexture.ts +43 -43
  70. package/src/core/renderers/CoreRenderOp.ts +22 -22
  71. package/src/core/renderers/CoreRenderer.ts +114 -114
  72. package/src/core/renderers/CoreShader.ts +41 -41
  73. package/src/core/renderers/canvas/CanvasCoreRenderer.ts +364 -364
  74. package/src/core/renderers/canvas/CanvasCoreTexture.ts +150 -150
  75. package/src/core/renderers/canvas/internal/C2DShaderUtils.ts +231 -231
  76. package/src/core/renderers/canvas/internal/ColorUtils.ts +69 -69
  77. package/src/core/renderers/canvas/shaders/UnsupportedShader.ts +48 -48
  78. package/src/core/renderers/webgl/WebGlCoreCtxRenderTexture.ts +79 -79
  79. package/src/core/renderers/webgl/WebGlCoreCtxSubTexture.ts +50 -50
  80. package/src/core/renderers/webgl/WebGlCoreCtxTexture.ts +298 -298
  81. package/src/core/renderers/webgl/WebGlCoreRenderOp.ts +125 -125
  82. package/src/core/renderers/webgl/WebGlCoreRenderer.ts +805 -805
  83. package/src/core/renderers/webgl/WebGlCoreShader.ts +362 -362
  84. package/src/core/renderers/webgl/internal/BufferCollection.ts +54 -54
  85. package/src/core/renderers/webgl/internal/RendererUtils.ts +155 -155
  86. package/src/core/renderers/webgl/internal/ShaderUtils.ts +143 -143
  87. package/src/core/renderers/webgl/internal/WebGlUtils.ts +35 -35
  88. package/src/core/renderers/webgl/shaders/DefaultShader.ts +93 -93
  89. package/src/core/renderers/webgl/shaders/DefaultShaderBatched.ts +132 -132
  90. package/src/core/renderers/webgl/shaders/DynamicShader.ts +580 -580
  91. package/src/core/renderers/webgl/shaders/RoundedRectangle.ts +167 -167
  92. package/src/core/renderers/webgl/shaders/SdfShader.ts +204 -204
  93. package/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.ts +101 -101
  94. package/src/core/renderers/webgl/shaders/effects/BorderEffect.ts +87 -87
  95. package/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.ts +101 -101
  96. package/src/core/renderers/webgl/shaders/effects/BorderRightEffect.ts +101 -101
  97. package/src/core/renderers/webgl/shaders/effects/BorderTopEffect.ts +101 -101
  98. package/src/core/renderers/webgl/shaders/effects/EffectUtils.ts +159 -159
  99. package/src/core/renderers/webgl/shaders/effects/FadeOutEffect.ts +127 -127
  100. package/src/core/renderers/webgl/shaders/effects/GlitchEffect.ts +148 -148
  101. package/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.ts +67 -67
  102. package/src/core/renderers/webgl/shaders/effects/HolePunchEffect.ts +157 -157
  103. package/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.ts +171 -171
  104. package/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.ts +168 -168
  105. package/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.ts +187 -187
  106. package/src/core/renderers/webgl/shaders/effects/RadiusEffect.ts +110 -110
  107. package/src/core/renderers/webgl/shaders/effects/ShaderEffect.ts +196 -196
  108. package/src/core/text-rendering/TextRenderingUtils.ts +36 -36
  109. package/src/core/text-rendering/TextTextureRendererUtils.ts +263 -263
  110. package/src/core/text-rendering/TrFontManager.ts +183 -183
  111. package/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.ts +176 -176
  112. package/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/FontShaper.ts +139 -139
  113. package/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.test.ts +173 -173
  114. package/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.ts +171 -171
  115. package/src/core/text-rendering/font-face-types/TrFontFace.ts +187 -187
  116. package/src/core/text-rendering/font-face-types/WebTrFontFace.ts +94 -89
  117. package/src/core/text-rendering/renderers/CanvasTextRenderer.ts +509 -509
  118. package/src/core/text-rendering/renderers/LightningTextTextureRenderer.ts +808 -798
  119. package/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.ts +853 -853
  120. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.test.ts +48 -48
  121. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.ts +66 -66
  122. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/SpecialCodepoints.ts +52 -52
  123. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/constants.ts +32 -32
  124. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/getStartConditions.ts +117 -117
  125. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.test.ts +133 -133
  126. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.ts +38 -38
  127. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.ts +408 -403
  128. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.test.ts +49 -49
  129. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.ts +52 -52
  130. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.test.ts +205 -205
  131. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.ts +93 -93
  132. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/util.ts +40 -40
  133. package/src/core/text-rendering/renderers/TextRenderer.ts +557 -557
  134. package/src/core/textures/ColorTexture.ts +102 -102
  135. package/src/core/textures/ImageTexture.ts +378 -378
  136. package/src/core/textures/NoiseTexture.ts +104 -104
  137. package/src/core/textures/RenderTexture.ts +85 -85
  138. package/src/core/textures/SubTexture.ts +179 -171
  139. package/src/core/textures/Texture.ts +435 -423
  140. package/src/core/utils.ts +227 -227
  141. package/src/env.d.ts +7 -7
  142. package/src/main-api/DynamicShaderController.ts +104 -104
  143. package/src/main-api/INode.ts +101 -101
  144. package/src/main-api/Inspector.ts +505 -505
  145. package/src/main-api/Renderer.ts +693 -693
  146. package/src/main-api/ShaderController.ts +80 -80
  147. package/src/main-api/utils.ts +45 -45
  148. package/src/utils.ts +248 -248
  149. package/dist/exports/core-api.d.ts +0 -74
  150. package/dist/exports/core-api.js +0 -96
  151. package/dist/exports/core-api.js.map +0 -1
  152. package/dist/exports/main-api.d.ts +0 -30
  153. package/dist/exports/main-api.js +0 -45
  154. package/dist/exports/main-api.js.map +0 -1
  155. package/dist/src/core/CoreExtension.d.ts +0 -12
  156. package/dist/src/core/CoreExtension.js +0 -29
  157. package/dist/src/core/CoreExtension.js.map +0 -1
  158. package/dist/src/main-api/ICoreDriver.d.ts +0 -24
  159. package/dist/src/main-api/ICoreDriver.js +0 -20
  160. package/dist/src/main-api/ICoreDriver.js.map +0 -1
  161. package/dist/src/main-api/RendererMain.d.ts +0 -378
  162. package/dist/src/main-api/RendererMain.js +0 -367
  163. package/dist/src/main-api/RendererMain.js.map +0 -1
  164. package/dist/src/main-api/texture-usage-trackers/FinalizationRegistryTextureUsageTracker.d.ts +0 -9
  165. package/dist/src/main-api/texture-usage-trackers/FinalizationRegistryTextureUsageTracker.js +0 -38
  166. package/dist/src/main-api/texture-usage-trackers/FinalizationRegistryTextureUsageTracker.js.map +0 -1
  167. package/dist/src/main-api/texture-usage-trackers/ManualCountTextureUsageTracker.d.ts +0 -56
  168. package/dist/src/main-api/texture-usage-trackers/ManualCountTextureUsageTracker.js +0 -101
  169. package/dist/src/main-api/texture-usage-trackers/ManualCountTextureUsageTracker.js.map +0 -1
  170. package/dist/src/main-api/texture-usage-trackers/TextureUsageTracker.d.ts +0 -32
  171. package/dist/src/main-api/texture-usage-trackers/TextureUsageTracker.js +0 -28
  172. package/dist/src/main-api/texture-usage-trackers/TextureUsageTracker.js.map +0 -1
  173. package/dist/src/render-drivers/main/MainCoreDriver.d.ts +0 -21
  174. package/dist/src/render-drivers/main/MainCoreDriver.js +0 -115
  175. package/dist/src/render-drivers/main/MainCoreDriver.js.map +0 -1
  176. package/dist/src/render-drivers/main/MainOnlyNode.d.ts +0 -101
  177. package/dist/src/render-drivers/main/MainOnlyNode.js +0 -425
  178. package/dist/src/render-drivers/main/MainOnlyNode.js.map +0 -1
  179. package/dist/src/render-drivers/main/MainOnlyTextNode.d.ts +0 -47
  180. package/dist/src/render-drivers/main/MainOnlyTextNode.js +0 -204
  181. package/dist/src/render-drivers/main/MainOnlyTextNode.js.map +0 -1
  182. package/dist/src/render-drivers/threadx/NodeStruct.d.ts +0 -93
  183. package/dist/src/render-drivers/threadx/NodeStruct.js +0 -290
  184. package/dist/src/render-drivers/threadx/NodeStruct.js.map +0 -1
  185. package/dist/src/render-drivers/threadx/SharedNode.d.ts +0 -40
  186. package/dist/src/render-drivers/threadx/SharedNode.js +0 -61
  187. package/dist/src/render-drivers/threadx/SharedNode.js.map +0 -1
  188. package/dist/src/render-drivers/threadx/TextNodeStruct.d.ts +0 -44
  189. package/dist/src/render-drivers/threadx/TextNodeStruct.js +0 -203
  190. package/dist/src/render-drivers/threadx/TextNodeStruct.js.map +0 -1
  191. package/dist/src/render-drivers/threadx/ThreadXCoreDriver.d.ts +0 -25
  192. package/dist/src/render-drivers/threadx/ThreadXCoreDriver.js +0 -232
  193. package/dist/src/render-drivers/threadx/ThreadXCoreDriver.js.map +0 -1
  194. package/dist/src/render-drivers/threadx/ThreadXMainAnimationController.d.ts +0 -24
  195. package/dist/src/render-drivers/threadx/ThreadXMainAnimationController.js +0 -113
  196. package/dist/src/render-drivers/threadx/ThreadXMainAnimationController.js.map +0 -1
  197. package/dist/src/render-drivers/threadx/ThreadXMainNode.d.ts +0 -46
  198. package/dist/src/render-drivers/threadx/ThreadXMainNode.js +0 -160
  199. package/dist/src/render-drivers/threadx/ThreadXMainNode.js.map +0 -1
  200. package/dist/src/render-drivers/threadx/ThreadXMainTextNode.d.ts +0 -28
  201. package/dist/src/render-drivers/threadx/ThreadXMainTextNode.js +0 -55
  202. package/dist/src/render-drivers/threadx/ThreadXMainTextNode.js.map +0 -1
  203. package/dist/src/render-drivers/threadx/ThreadXRendererMessage.d.ts +0 -70
  204. package/dist/src/render-drivers/threadx/ThreadXRendererMessage.js +0 -32
  205. package/dist/src/render-drivers/threadx/ThreadXRendererMessage.js.map +0 -1
  206. package/dist/src/render-drivers/threadx/worker/ThreadXRendererNode.d.ts +0 -19
  207. package/dist/src/render-drivers/threadx/worker/ThreadXRendererNode.js +0 -184
  208. package/dist/src/render-drivers/threadx/worker/ThreadXRendererNode.js.map +0 -1
  209. package/dist/src/render-drivers/threadx/worker/ThreadXRendererTextNode.d.ts +0 -27
  210. package/dist/src/render-drivers/threadx/worker/ThreadXRendererTextNode.js +0 -109
  211. package/dist/src/render-drivers/threadx/worker/ThreadXRendererTextNode.js.map +0 -1
  212. package/dist/src/render-drivers/threadx/worker/renderer.d.ts +0 -1
  213. package/dist/src/render-drivers/threadx/worker/renderer.js +0 -147
  214. package/dist/src/render-drivers/threadx/worker/renderer.js.map +0 -1
  215. package/dist/src/render-drivers/utils.d.ts +0 -12
  216. package/dist/src/render-drivers/utils.js +0 -74
  217. package/dist/src/render-drivers/utils.js.map +0 -1
  218. package/dist/tsconfig.tsbuildinfo +0 -1
@@ -1,87 +1,87 @@
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
- import { updateShaderEffectColor } from './EffectUtils.js';
20
- import {
21
- ShaderEffect,
22
- type DefaultEffectProps,
23
- type ShaderEffectUniforms,
24
- } from './ShaderEffect.js';
25
-
26
- /**
27
- * Properties of the {@link BorderEffect} effect
28
- */
29
- export interface BorderEffectProps extends DefaultEffectProps {
30
- /**
31
- * Width of the border in pixels
32
- *
33
- * @default 10
34
- */
35
- width?: number;
36
- /**
37
- * Color of the border in 0xRRGGBBAA
38
- *
39
- * @default 0xffffffff
40
- */
41
- color?: number;
42
- }
43
-
44
- /**
45
- * The BorderEffect renders a border along all edges of an element
46
- */
47
- export class BorderEffect extends ShaderEffect {
48
- static z$__type__Props: BorderEffectProps;
49
- override readonly name = 'border';
50
-
51
- static override getEffectKey(): string {
52
- return `border`;
53
- }
54
-
55
- static override resolveDefaults(
56
- props: BorderEffectProps,
57
- ): Required<BorderEffectProps> {
58
- return {
59
- width: props.width ?? 10,
60
- color: props.color ?? 0xffffffff,
61
- };
62
- }
63
-
64
- static override uniforms: ShaderEffectUniforms = {
65
- width: {
66
- value: 0,
67
- method: 'uniform1f',
68
- type: 'float',
69
- },
70
- color: {
71
- value: 0xffffffff,
72
- updateProgramValue: updateShaderEffectColor,
73
- method: 'uniform4fv',
74
- type: 'vec4',
75
- },
76
- };
77
-
78
- static override onEffectMask = `
79
- float intR = shaderMask + 1.0;
80
- float mask = clamp(intR + width, 0.0, 1.0) - clamp(intR, 0.0, 1.0);
81
- return mix(shaderColor, mix(shaderColor, maskColor, maskColor.a), mask);
82
- `;
83
-
84
- static override onColorize = `
85
- return color;
86
- `;
87
- }
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
+ import { updateShaderEffectColor } from './EffectUtils.js';
20
+ import {
21
+ ShaderEffect,
22
+ type DefaultEffectProps,
23
+ type ShaderEffectUniforms,
24
+ } from './ShaderEffect.js';
25
+
26
+ /**
27
+ * Properties of the {@link BorderEffect} effect
28
+ */
29
+ export interface BorderEffectProps extends DefaultEffectProps {
30
+ /**
31
+ * Width of the border in pixels
32
+ *
33
+ * @default 10
34
+ */
35
+ width?: number;
36
+ /**
37
+ * Color of the border in 0xRRGGBBAA
38
+ *
39
+ * @default 0xffffffff
40
+ */
41
+ color?: number;
42
+ }
43
+
44
+ /**
45
+ * The BorderEffect renders a border along all edges of an element
46
+ */
47
+ export class BorderEffect extends ShaderEffect {
48
+ static z$__type__Props: BorderEffectProps;
49
+ override readonly name = 'border';
50
+
51
+ static override getEffectKey(): string {
52
+ return `border`;
53
+ }
54
+
55
+ static override resolveDefaults(
56
+ props: BorderEffectProps,
57
+ ): Required<BorderEffectProps> {
58
+ return {
59
+ width: props.width ?? 10,
60
+ color: props.color ?? 0xffffffff,
61
+ };
62
+ }
63
+
64
+ static override uniforms: ShaderEffectUniforms = {
65
+ width: {
66
+ value: 0,
67
+ method: 'uniform1f',
68
+ type: 'float',
69
+ },
70
+ color: {
71
+ value: 0xffffffff,
72
+ updateProgramValue: updateShaderEffectColor,
73
+ method: 'uniform4fv',
74
+ type: 'vec4',
75
+ },
76
+ };
77
+
78
+ static override onEffectMask = `
79
+ float intR = shaderMask + 1.0;
80
+ float mask = clamp(intR + width, 0.0, 1.0) - clamp(intR, 0.0, 1.0);
81
+ return mix(shaderColor, mix(shaderColor, maskColor, maskColor.a), mask);
82
+ `;
83
+
84
+ static override onColorize = `
85
+ return color;
86
+ `;
87
+ }
@@ -1,101 +1,101 @@
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
- import { updateShaderEffectColor } from './EffectUtils.js';
20
- import {
21
- ShaderEffect,
22
- type DefaultEffectProps,
23
- type ShaderEffectUniforms,
24
- } from './ShaderEffect.js';
25
-
26
- /**
27
- * Properties of the {@link BorderLeftEffect} effect
28
- */
29
- export interface BorderLeftEffectProps extends DefaultEffectProps {
30
- /**
31
- * Width of the border in pixels
32
- *
33
- * @default 10
34
- */
35
- width?: number;
36
- /**
37
- * Color of the border in 0xRRGGBBAA
38
- *
39
- * @default 0xffffffff
40
- */
41
- color?: number;
42
- }
43
-
44
- /**
45
- * The BorderBottomEffect renders a border on the left of an element
46
- */
47
- export class BorderLeftEffect extends ShaderEffect {
48
- static z$__type__Props: BorderLeftEffectProps;
49
- override readonly name = 'borderLeft';
50
-
51
- static override getEffectKey(): string {
52
- return `borderLeft`;
53
- }
54
-
55
- static override resolveDefaults(
56
- props: BorderLeftEffectProps,
57
- ): Required<BorderLeftEffectProps> {
58
- return {
59
- width: props.width ?? 10,
60
- color: props.color ?? 0xffffffff,
61
- };
62
- }
63
-
64
- static override uniforms: ShaderEffectUniforms = {
65
- width: {
66
- value: 0,
67
- method: 'uniform1f',
68
- type: 'float',
69
- },
70
- color: {
71
- value: 0xffffffff,
72
- updateProgramValue: updateShaderEffectColor,
73
- method: 'uniform4fv',
74
- type: 'vec4',
75
- },
76
- };
77
-
78
- static override methods: Record<string, string> = {
79
- fillMask: `
80
- float function(float dist) {
81
- return clamp(-dist, 0.0, 1.0);
82
- }
83
- `,
84
- rectDist: `
85
- float function(vec2 p, vec2 size) {
86
- vec2 d = abs(p) - size;
87
- return min(max(d.x, d.y), 0.0) + length(max(d, 0.0));
88
- }
89
- `,
90
- };
91
-
92
- static override onEffectMask = `
93
- vec2 pos = vec2(width * 0.5, 0.0);
94
- float mask = $rectDist(v_textureCoordinate.xy * u_dimensions - pos, vec2(width*0.5, u_dimensions.y));
95
- return mix(shaderColor, maskColor, $fillMask(mask));
96
- `;
97
-
98
- static override onColorize = `
99
- return color;
100
- `;
101
- }
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
+ import { updateShaderEffectColor } from './EffectUtils.js';
20
+ import {
21
+ ShaderEffect,
22
+ type DefaultEffectProps,
23
+ type ShaderEffectUniforms,
24
+ } from './ShaderEffect.js';
25
+
26
+ /**
27
+ * Properties of the {@link BorderLeftEffect} effect
28
+ */
29
+ export interface BorderLeftEffectProps extends DefaultEffectProps {
30
+ /**
31
+ * Width of the border in pixels
32
+ *
33
+ * @default 10
34
+ */
35
+ width?: number;
36
+ /**
37
+ * Color of the border in 0xRRGGBBAA
38
+ *
39
+ * @default 0xffffffff
40
+ */
41
+ color?: number;
42
+ }
43
+
44
+ /**
45
+ * The BorderBottomEffect renders a border on the left of an element
46
+ */
47
+ export class BorderLeftEffect extends ShaderEffect {
48
+ static z$__type__Props: BorderLeftEffectProps;
49
+ override readonly name = 'borderLeft';
50
+
51
+ static override getEffectKey(): string {
52
+ return `borderLeft`;
53
+ }
54
+
55
+ static override resolveDefaults(
56
+ props: BorderLeftEffectProps,
57
+ ): Required<BorderLeftEffectProps> {
58
+ return {
59
+ width: props.width ?? 10,
60
+ color: props.color ?? 0xffffffff,
61
+ };
62
+ }
63
+
64
+ static override uniforms: ShaderEffectUniforms = {
65
+ width: {
66
+ value: 0,
67
+ method: 'uniform1f',
68
+ type: 'float',
69
+ },
70
+ color: {
71
+ value: 0xffffffff,
72
+ updateProgramValue: updateShaderEffectColor,
73
+ method: 'uniform4fv',
74
+ type: 'vec4',
75
+ },
76
+ };
77
+
78
+ static override methods: Record<string, string> = {
79
+ fillMask: `
80
+ float function(float dist) {
81
+ return clamp(-dist, 0.0, 1.0);
82
+ }
83
+ `,
84
+ rectDist: `
85
+ float function(vec2 p, vec2 size) {
86
+ vec2 d = abs(p) - size;
87
+ return min(max(d.x, d.y), 0.0) + length(max(d, 0.0));
88
+ }
89
+ `,
90
+ };
91
+
92
+ static override onEffectMask = `
93
+ vec2 pos = vec2(width * 0.5, 0.0);
94
+ float mask = $rectDist(v_textureCoordinate.xy * u_dimensions - pos, vec2(width*0.5, u_dimensions.y));
95
+ return mix(shaderColor, maskColor, $fillMask(mask));
96
+ `;
97
+
98
+ static override onColorize = `
99
+ return color;
100
+ `;
101
+ }
@@ -1,101 +1,101 @@
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
- import { updateShaderEffectColor } from './EffectUtils.js';
20
- import {
21
- ShaderEffect,
22
- type DefaultEffectProps,
23
- type ShaderEffectUniforms,
24
- } from './ShaderEffect.js';
25
-
26
- /**
27
- * Properties of the {@link BorderRightEffect} effect
28
- */
29
- export interface BorderRightEffectProps extends DefaultEffectProps {
30
- /**
31
- * Width of the border in pixels
32
- *
33
- * @default 10
34
- */
35
- width?: number;
36
- /**
37
- * Color of the border in 0xRRGGBBAA
38
- *
39
- * @default 0xffffffff
40
- */
41
- color?: number;
42
- }
43
-
44
- /**
45
- * The BorderBottomEffect renders a border on the right side of an element
46
- */
47
- export class BorderRightEffect extends ShaderEffect {
48
- static z$__type__Props: BorderRightEffectProps;
49
- override readonly name = 'borderRight';
50
-
51
- static override getEffectKey(): string {
52
- return `borderRight`;
53
- }
54
-
55
- static override resolveDefaults(
56
- props: BorderRightEffectProps,
57
- ): Required<BorderRightEffectProps> {
58
- return {
59
- width: props.width ?? 10,
60
- color: props.color ?? 0xffffffff,
61
- };
62
- }
63
-
64
- static override uniforms: ShaderEffectUniforms = {
65
- width: {
66
- value: 0,
67
- method: 'uniform1f',
68
- type: 'float',
69
- },
70
- color: {
71
- value: 0xffffffff,
72
- updateProgramValue: updateShaderEffectColor,
73
- method: 'uniform4fv',
74
- type: 'vec4',
75
- },
76
- };
77
-
78
- static override methods: Record<string, string> = {
79
- fillMask: `
80
- float function(float dist) {
81
- return clamp(-dist, 0.0, 1.0);
82
- }
83
- `,
84
- rectDist: `
85
- float function(vec2 p, vec2 size) {
86
- vec2 d = abs(p) - size;
87
- return min(max(d.x, d.y), 0.0) + length(max(d, 0.0));
88
- }
89
- `,
90
- };
91
-
92
- static override onEffectMask = `
93
- vec2 pos = vec2(u_dimensions.x - width * 0.5, 0.0);
94
- float mask = $rectDist(v_textureCoordinate.xy * u_dimensions - pos, vec2(width*0.5, u_dimensions.y));
95
- return mix(shaderColor, maskColor, $fillMask(mask));
96
- `;
97
-
98
- static override onColorize = `
99
- return color;
100
- `;
101
- }
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
+ import { updateShaderEffectColor } from './EffectUtils.js';
20
+ import {
21
+ ShaderEffect,
22
+ type DefaultEffectProps,
23
+ type ShaderEffectUniforms,
24
+ } from './ShaderEffect.js';
25
+
26
+ /**
27
+ * Properties of the {@link BorderRightEffect} effect
28
+ */
29
+ export interface BorderRightEffectProps extends DefaultEffectProps {
30
+ /**
31
+ * Width of the border in pixels
32
+ *
33
+ * @default 10
34
+ */
35
+ width?: number;
36
+ /**
37
+ * Color of the border in 0xRRGGBBAA
38
+ *
39
+ * @default 0xffffffff
40
+ */
41
+ color?: number;
42
+ }
43
+
44
+ /**
45
+ * The BorderBottomEffect renders a border on the right side of an element
46
+ */
47
+ export class BorderRightEffect extends ShaderEffect {
48
+ static z$__type__Props: BorderRightEffectProps;
49
+ override readonly name = 'borderRight';
50
+
51
+ static override getEffectKey(): string {
52
+ return `borderRight`;
53
+ }
54
+
55
+ static override resolveDefaults(
56
+ props: BorderRightEffectProps,
57
+ ): Required<BorderRightEffectProps> {
58
+ return {
59
+ width: props.width ?? 10,
60
+ color: props.color ?? 0xffffffff,
61
+ };
62
+ }
63
+
64
+ static override uniforms: ShaderEffectUniforms = {
65
+ width: {
66
+ value: 0,
67
+ method: 'uniform1f',
68
+ type: 'float',
69
+ },
70
+ color: {
71
+ value: 0xffffffff,
72
+ updateProgramValue: updateShaderEffectColor,
73
+ method: 'uniform4fv',
74
+ type: 'vec4',
75
+ },
76
+ };
77
+
78
+ static override methods: Record<string, string> = {
79
+ fillMask: `
80
+ float function(float dist) {
81
+ return clamp(-dist, 0.0, 1.0);
82
+ }
83
+ `,
84
+ rectDist: `
85
+ float function(vec2 p, vec2 size) {
86
+ vec2 d = abs(p) - size;
87
+ return min(max(d.x, d.y), 0.0) + length(max(d, 0.0));
88
+ }
89
+ `,
90
+ };
91
+
92
+ static override onEffectMask = `
93
+ vec2 pos = vec2(u_dimensions.x - width * 0.5, 0.0);
94
+ float mask = $rectDist(v_textureCoordinate.xy * u_dimensions - pos, vec2(width*0.5, u_dimensions.y));
95
+ return mix(shaderColor, maskColor, $fillMask(mask));
96
+ `;
97
+
98
+ static override onColorize = `
99
+ return color;
100
+ `;
101
+ }