Merge pull request #524 from rdkcentral/release/2.12.1

Release - v2.12.1
rdkcentral · Feb 14, 2024 · b25dcc1 · b25dcc1
2 parents a36de7f + 2d41486
commit b25dcc1
Show file tree

Hide file tree

Showing 37 changed files with 412 additions and 75 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,13 @@
 # Changelog
 
+## v2.12.1
+*07 feb 2024*
+
+- Fixed examples that were not working due to incorrect imports.
+- Fixed build issues on non-*nix systems.
+- Fixed some typos in the documentation.
+- Fixed an issue in RoundedRectangleShader where setting a stroke value resulted in incorrect clipping, especially noticeable when the radius is half the height.
+
 ## v2.12.0
 *26 oct 2023*
 

diff --git a/docs/RenderEngine/Elements/Children.md b/docs/RenderEngine/Elements/Children.md
@@ -59,7 +59,7 @@ class TemplateDemo extends lng.Application {
         }
     }
     _init() {
-        // let's generate dinamically some list items 
+        // let's generate dynamically some list items 
         // and give it to our list
         this.tag('List').items = [1,2,3,4].map((i) => ({label: i }))
     }
@@ -94,4 +94,4 @@ class ExampleListItem extends lng.component {
 const options = {stage: {w: window.innerWidth, h: window.innerHeight, useImageWorker: false}};
 const App = new TemplateDemo(options);
 document.body.appendChild(App.stage.getCanvas());
-```
+```
diff --git a/examples/animation/index.html b/examples/animation/index.html
@@ -0,0 +1,73 @@
+<!--
+ If not stated otherwise in this file or this component's LICENSE file the
+ following copyright and licenses apply:
+
+ Copyright 2020 Metrological
+
+ Licensed under the Apache License, Version 2.0 (the License);
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8" />
+
+</head>
+<body style="margin: 0; padding: 0">
+    <script type="module">
+        import lng from '../../dist/src/lightning.mjs';
+        //attachInspector(lng)
+
+        window.onload = function() {
+            class BasicUsageExample extends lng.Application {
+                static _template() {
+                    return {
+                        Bg: {
+                            rect: true, w: 1900, h: 1080, color: 0xFF000000
+                        },
+                        Block: {
+                            rect: true, w: 200, h: 200, color: 0xFFFFFFFF, x: 0, y: 300
+                        },
+                    }
+                }
+
+                start() {
+                    this.blockAnimation.start()
+                }
+
+                _init() {
+                    this.blockAnimation = this.tag('Block').animation({
+                        duration: 200 / 100,
+                        repeat: 0,
+                        stopMethod: 'immediate',
+                        // timingFunction: 'cubic-bezier(0.20, 1.00, 0.80, 1.00)',
+                        actions: [
+                            { p: 'x', v: { 0: { v: 0 }, 1: { v: 1900 - 200 } } }
+                        ],
+                    })
+
+                    console.log('start');
+                    this.blockAnimation.start();
+                }
+
+            }
+
+            const options = {stage: {w: 1900, h: 1080, clearColor: 0xFF000000, canvas2d: false, useImageWorker: false}, debug: true}
+
+            const app = new BasicUsageExample(options);
+
+            document.body.appendChild(app.stage.getCanvas());
+        }
+    </script>
+</body>
+</html>
diff --git a/examples/basic-usage/web-src/basic-usage.html b/examples/basic-usage/web-src/basic-usage.html
@@ -25,7 +25,7 @@
 </head>
 <body style="margin: 0; padding: 0">
     <script type="module">
-        import lng from '../../../src/lightning.mjs';
+        import lng from '../../../dist/src/lightning.mjs';
         //attachInspector(lng)
 
         window.onload = function() {

diff --git a/examples/destroy/index.html b/examples/destroy/index.html
@@ -25,7 +25,7 @@
 </head>
 <body style="margin: 0; padding: 0">
     <script type="module">
-        import lng from '../../../src/lightning.mjs';
+        import lng from '../../../dist/src/lightning.mjs';
         //attachInspector(lng)
 
         let app = null;

diff --git a/examples/layout/layout.html b/examples/layout/layout.html
@@ -25,7 +25,7 @@
 </head>
 <body>
     <script type="module">
-        import lng from '../../src/lightning.mjs';
+        import lng from '../../dist/src/lightning.mjs';
         class LayoutExample extends lng.Application {
             static _template() {
                 return {

diff --git a/examples/mouse-pointer/basic-usage.html b/examples/mouse-pointer/basic-usage.html
@@ -27,7 +27,7 @@
 
 <body style="margin: 0; padding: 0">
     <script type="module">
-        import lng from '../../src/lightning.mjs';
+        import lng from '../../dist/src/lightning.mjs';
         //attachInspector(lng)
 
         window.onload = function () {

diff --git a/examples/mouse-pointer/cursor.html b/examples/mouse-pointer/cursor.html
@@ -25,7 +25,7 @@
 </head>
 <body style="margin: 0; padding: 0">
     <script type="module">
-        import lng from '../../src/lightning.mjs';
+        import lng from '../../dist/src/lightning.mjs';
         //attachInspector(lng)
 
         window.onload = function() {

diff --git a/examples/mouse-pointer/hover-tree.html b/examples/mouse-pointer/hover-tree.html
@@ -25,7 +25,7 @@
 </head>
 <body style="margin: 0; padding: 0">
     <script type="module">
-        import lng from '../../src/lightning.mjs';
+        import lng from '../../dist/src/lightning.mjs';
         //attachInspector(lng)
 
         window.onload = function() {

diff --git a/examples/mouse-pointer/scroll.html b/examples/mouse-pointer/scroll.html
@@ -31,7 +31,7 @@
 </head>
 <body style="margin: 0; padding: 0">
     <script type="module">
-        import lng from '../../src/lightning.mjs';
+        import lng from '../../dist/src/lightning.mjs';
         // attachInspector(lng)
 
         window.onload = function() {

diff --git a/examples/property-bindings/animations.html b/examples/property-bindings/animations.html
@@ -25,7 +25,7 @@
 </head>
 <body style="margin: 0; padding: 0">
     <script type="module">
-        import lng from '../../src/lightning.mjs';
+        import lng from '../../dist/src/lightning.mjs';
 
         window.onload = function() {
             class BasicUsageExample extends lng.Application {

diff --git a/examples/property-bindings/basic-usage.html b/examples/property-bindings/basic-usage.html
@@ -25,7 +25,7 @@
 </head>
 <body style="margin: 0; padding: 0">
     <script type="module">
-        import lng from '../../src/lightning.mjs';
+        import lng from '../../dist/src/lightning.mjs';
 
         window.onload = function() {
             class BasicUsageExample extends lng.Application {

diff --git a/examples/property-bindings/components.html b/examples/property-bindings/components.html
@@ -25,7 +25,7 @@
 </head>
 <body style="margin: 0; padding: 0">
     <script type="module">
-        import lng from '../../src/lightning.mjs';
+        import lng from '../../dist/src/lightning.mjs';
 
         window.onload = function() {
             class TileComponent extends lng.Component {

diff --git a/examples/property-bindings/states.html b/examples/property-bindings/states.html
@@ -25,7 +25,7 @@
 </head>
 <body style="margin: 0; padding: 0">
     <script type="module">
-        import lng from '../../src/lightning.mjs';
+        import lng from '../../dist/src/lightning.mjs';
 
         window.onload = function() {
             class BasicUsageExample extends lng.Application {

diff --git a/examples/shaders/fade-out/fade-out.html b/examples/shaders/fade-out/fade-out.html
@@ -30,7 +30,7 @@
 </head>
 <body>
 <script type="module">
-    import lng from '../../../src/lightning.mjs';
+    import lng from '../../../dist/src/lightning.mjs';
     const SRC = '../../unsplash-images/sampleImage.jpg';
     const SIZE = 300;
     class FadeOutExample extends lng.Application {

diff --git a/examples/shaders/fast-blur/fast-blur.html b/examples/shaders/fast-blur/fast-blur.html
@@ -25,7 +25,7 @@
 </head>
 <body>
     <script type="module">
-        import lng from '../../../src/lightning.mjs'
+        import lng from '../../../dist/src/lightning.mjs'
         // attachInspector(lng)
 
         window.start = function() {

diff --git a/examples/shaders/magnifier/magnifier.html b/examples/shaders/magnifier/magnifier.html
@@ -30,7 +30,7 @@
 </head>
 <body>
 <script type="module">
-    import lng from '../../../src/lightning.mjs';
+    import lng from '../../../dist/src/lightning.mjs';
 
     const SIZE = [400, 400];
     const RADIUS = 200;

diff --git a/examples/shaders/radial-gradient/radial-gradient.html b/examples/shaders/radial-gradient/radial-gradient.html
@@ -30,7 +30,7 @@
 </head>
 <body>
 <script type="module">
-    import lng from '../../../src/lightning.mjs';
+    import lng from '../../../dist/src/lightning.mjs';
     class RadialGradientExample extends lng.Application {
         static _template() {
             const SRC = '../../unsplash-images/sampleImage.jpg';

diff --git a/examples/shaders/round-rectangle/round-rectangle.html b/examples/shaders/round-rectangle/round-rectangle.html
@@ -30,7 +30,7 @@
 </head>
 <body>
 <script type="module">
-    import lng from '../../../src/lightning.mjs';
+    import lng from '../../../dist/src/lightning.mjs';
     class RoundedRectangleExample extends lng.Application {
         static _template() {
             const SRC = '../../unsplash-images/sampleImage.jpg';

diff --git a/examples/shaders/spinner-shader-2/spinner-shader-2.html b/examples/shaders/spinner-shader-2/spinner-shader-2.html
@@ -30,7 +30,7 @@
 </head>
 <body>
 <script type="module">
-    import lng from '../../../src/lightning.mjs';
+    import lng from '../../../dist/src/lightning.mjs';
     class SpinnerExample extends lng.Application {
         static _template() {
             const SRC = '../../unsplash-images/sampleImage.jpg';

diff --git a/examples/shaders/vignette/vignette.html b/examples/shaders/vignette/vignette.html
@@ -30,7 +30,7 @@
 </head>
 <body>
 <script type="module">
-    import lng from '../../../src/lightning.mjs';
+    import lng from '../../../dist/src/lightning.mjs';
     class VignetteExample extends lng.Application {
         static _template() {
             const SRC = '../../unsplash-images/sampleImage.jpg';

diff --git a/examples/shaders/water-reflection/WaterWaveShader.mjs b/examples/shaders/water-reflection/WaterWaveShader.mjs
@@ -17,7 +17,7 @@
  * limitations under the License.
  */
 
-import lng from '../../../src/lightning.mjs'
+import lng from '../../../dist/src/lightning.mjs'
 export default class WaterWaveShader extends lng.shaders.WebGLDefaultShader {
 
     constructor(context) {

diff --git a/examples/shaders/water-reflection/index.html b/examples/shaders/water-reflection/index.html
@@ -25,7 +25,7 @@
 </head>
 <body>
 <script type="module">
-    import lng from '../../../src/lightning.mjs'
+    import lng from '../../../dist/src/lightning.mjs'
     import WaterWaveShader from "./WaterWaveShader.mjs"
 
     window.onload = function() {

diff --git a/examples/shaders/water-waves/WaterWaveShader.mjs b/examples/shaders/water-waves/WaterWaveShader.mjs
@@ -17,7 +17,7 @@
  * limitations under the License.
  */
 
-import lng from '../../../src/lightning.mjs'
+import lng from '../../../dist/src/lightning.mjs'
 export default class WaterWaveShader extends lng.shaders.WebGLDefaultShader {
 
     constructor(context) {

diff --git a/examples/shaders/water-waves/index.html b/examples/shaders/water-waves/index.html
@@ -25,7 +25,7 @@
 </head>
 <body>
 <script type="module">
-    import lng from '../../../src/lightning.mjs'
+    import lng from '../../../dist/src/lightning.mjs'
     import WaterWaveShader from "./WaterWaveShader.mjs"
 
     window.onload = function() {

diff --git a/examples/signals/signals.html b/examples/signals/signals.html
@@ -25,7 +25,7 @@
 </head>
 <body style="margin: 0; padding: 0">
     <script type="module">
-        import lng from '../../../src/lightning.mjs';
+        import lng from '../../../dist/src/lightning.mjs';
         //attachInspector(lng)
 
         window.onload = function() {

diff --git a/examples/smooth-scale/smooth-scale.html b/examples/smooth-scale/smooth-scale.html
@@ -25,7 +25,7 @@
 </head>
 <body>
 <script type="module">
-    import lng from '../../src/lightning.mjs'
+    import lng from '../../dist/src/lightning.mjs'
     attachInspector(lng)
     window.onload = function() {
         class SmoothScaleExample extends lng.Application {

diff --git a/examples/text/advanced-renderer.html b/examples/text/advanced-renderer.html
@@ -27,7 +27,7 @@
 <body>
     <script type="module">
         //attachInspector(lng)
-        import lng from '../../src/lightning.mjs';
+        import lng from '../../dist/src/lightning.mjs';
         const TEXT = "This text is normal.\nThis text is <b>bold</b>.\nThis text is <i>italic</i>.\nThis text is <color=0xffcc2222>red</color>.\nThis text is brokennnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn up.\n"
 
         window.onload = function() {

diff --git a/examples/texture-compression/texture-compression.html b/examples/texture-compression/texture-compression.html
@@ -27,7 +27,7 @@
 
 <body style="margin: 0; padding: 0">
     <script type="module">
-        import lng from '../../../src/lightning.mjs';
+        import lng from '../../../dist/src/lightning.mjs';
         attachInspector(lng)
 
         window.onload = function () {

diff --git a/examples/three.js/threejs-as-texture.html b/examples/three.js/threejs-as-texture.html
@@ -26,7 +26,7 @@
 </head>
 <body>
     <script type="module">
-        import lng from '../../src/lightning.mjs'
+        import lng from '../../dist/src/lightning.mjs'
 
         window.start = function() {
 

diff --git a/examples/three.js/threejs-background.html b/examples/three.js/threejs-background.html
@@ -27,7 +27,7 @@
 </head>
 <body>
     <script type="module">
-        import lng from '../../src/lightning.mjs'
+        import lng from '../../dist/src/lightning.mjs'
 
         window.start = function() {
 

diff --git a/examples/touch/touch-integration.html b/examples/touch/touch-integration.html
@@ -25,7 +25,7 @@
 </head>
 <body style="margin: 0; padding: 0">
 <script type="module">
-    import lng from '../../src/lightning.mjs';
+    import lng from '../../dist/src/lightning.mjs';
     import Touch from "./Touch.js";
 
     //attachInspector(lng)