[FEATURE] Add onload event to init Items API properly

Author: Dmitry Kochnev

templates/init-items-js.php

@@ -1,4 +1,13 @@
 <script>
-	window.learnosityCollection = window.learnosityCollection || [];
-	window.learnosityCollection.push(LearnosityItems.init(<?php echo $signed_request; ?>, { errorListener: function(e) { console.log(e); } }));
+    // WP can add "defer" flag to <script> inside "wp_enqueue_script" function
+    // it might lead to the error that "LearnosityItems" below in undefined
+    // to protect against it, we will use "load" global event to secure that all JS assets are loaded before calling any JS code
+    window.addEventListener("load", function () {
+        window.learnosityCollection = window.learnosityCollection || [];
+        window.learnosityCollection.push(LearnosityItems.init(<?php echo $signed_request; ?>, {
+            errorListener: function (e) {
+                console.log(e);
+            }
+        }));
+    });
 </script>

templates/init-reports-js.php

@@ -1,6 +1,13 @@
 <script>
+    // WP can add "defer" flag to <script> inside "wp_enqueue_script" function
+    // it might lead to the error that "LearnosityReports" below in undefined
+    // to protect against it, we will use "load" global event to secure that all JS assets are loaded before calling any JS code
     window.addEventListener("load", function () {
         window.learnosityCollection = window.learnosityCollection || [];
-        window.learnosityCollection.push(LearnosityReports.init(<?php echo $signed_request; ?>, { errorListener: function(e) { console.log(e); } }));
+        window.learnosityCollection.push(LearnosityReports.init(<?php echo $signed_request; ?>, {
+            errorListener: function (e) {
+                console.log(e);
+            }
+        }));
     });
 </script>