MAGETWO-33932: Add ability to initialize modules by selector

- Remove ability to lookup inside of a specific context.

Author: Denys Rul

lib/web/mage/apply/main.js

@@ -33,21 +33,19 @@ define([
     }
 
     /**
-     * Searches for elements which has 'data-mage-init' attribute.
+     * Searches for elements with a 'data-mage-init' attribute.
      *
-     * @param {HTMLElement} [parent=document.body] - Optional node inside of which to perform search.
      * @returns {Array} An array of elements with 'data-mage-init' attribute.
      */
-    function getElems(parent) {
-        var elems;
+    function getElems() {
+        var body = document.body,
+            elems;
 
-        parent = parent || document.body;
-
-        elems = parent.querySelectorAll('[' + dataAttr + ']');
+        elems = body.querySelectorAll('[' + dataAttr + ']');
         elems = _.toArray(elems);
 
-        if (parent.hasAttribute(dataAttr)) {
-            elems.unshift(parent);
+        if (body.hasAttribute(dataAttr)) {
+            elems.unshift(body);
         }
 
         return elems;
@@ -75,15 +73,13 @@ define([
         /**
          * Initializes components assigned to HTML elements via [data-mage-init].
          *
-         * @param {HTMLElement} [ctx=document.body] - Optional node to search inside.
-         *
          * @example Sample 'data-mage-init' declaration.
          *      data-mage-init='{"path/to/component": {"foo": "bar"}}'
          */
-        apply: function (ctx) {
+        apply: function () {
             var virtual = processScripts();
 
-            getElems(ctx)
+            getElems()
                 .map(getData)
                 .concat(virtual)
                 .forEach(function (item) {

lib/web/mage/apply/scripts.js

@@ -64,14 +64,11 @@ define([
     /**
      * Searches for script tags whith a 'text/x-magento-init' type.
      *
-     * @param {HTMLElement} [parent=document.body] - Optional node inside of which to perform search.
      * @returns {Array} An array of elements script nodes.
      */
-    function getNodes(parent) {
+    function getNodes() {
         var elems;
 
-        parent = parent || document.body;
-
         elems = document.querySelectorAll(scriptSelector);
 
         return _.toArray(elems);
@@ -97,7 +94,6 @@ define([
      * to a 'data-mage-init' attribute of an elemennt found by provided selector.
      * Note: All found script nodes will be removed from DOM.
      *
-     * @param {HTMLElement} [ctx=document.body] - Optional node to search inside.
      * @returns {Array} An array of components not assigned to the specific element.
      *
      * @example Sample declaration.
@@ -116,8 +112,8 @@ define([
      *          }
      *      }
      */
-    return function (ctx) {
-        getNodes(ctx)
+    return function () {
+        getNodes()
             .map(getNodeData)
             .forEach(function (item) {
                 _.each(item, processElems);

lib/web/mage/mage.js

@@ -3,7 +3,6 @@
  * See COPYING.txt for license details.
  */
 /*jshint eqnull:true browser:true expr:true */
-/*global require:true console:true*/
 (function (root, factory) {
     'use strict';
 
@@ -91,9 +90,9 @@
     /**
      * Init components inside of dynamically updated elements
      */
-    $('body').on('contentUpdated', function (e) {
+    $('body').on('contentUpdated', function () {
         if (mage) {
-            mage.apply(e.target);
+            mage.apply();
         }
     });