MAGETWO-33932: Add ability to initialize modules by selector

- Change script module export object

Author: Denys Rul

lib/web/mage/apply/main.js

@@ -6,7 +6,7 @@ define([
     'underscore',
     'jquery',
     './scripts'
-], function (_, $, scripts) {
+], function (_, $, processScripts) {
     'use strict';
 
     var dataAttr = 'data-mage-init';
@@ -81,7 +81,7 @@ define([
          *      data-mage-init='{"path/to/component": {"foo": "bar"}}'
          */
         apply: function (ctx) {
-            var virtual = scripts.process();
+            var virtual = processScripts();
 
             getElems(ctx)
                 .map(getData)

lib/web/mage/apply/scripts.js

@@ -9,6 +9,7 @@ define([
     'use strict';
 
     var scriptSelector = 'script[type="text/x-magento-init"]',
+        dataAttr = 'data-mage-init',
         virtual = [];
 
     /**
@@ -31,13 +32,13 @@ define([
      * @param {HTMLElement} elem - Element whose data should be modified.
      */
     function setData(components, elem) {
-        var data = elem.getAttribute('data-mage-init');
+        var data = elem.getAttribute(dataAttr);
 
         data = !!data ? JSON.parse(data) : {};
         data = $.extend(true, data, components);
         data = JSON.stringify(data);
 
-        elem.setAttribute('data-mage-init', data);
+        elem.setAttribute(dataAttr, data);
     }
 
     /**
@@ -91,39 +92,37 @@ define([
         return JSON.parse(data);
     }
 
-    return {
-        /**
-         * Parses 'script' tags with a custom type attribute and moves it's data
-         * to a 'data-mage-init' attribute of an elemennt found by provided selector.
-         * Note: All found script nodes would 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.
-         *      <script type="text/x-magento-init">
-         *          {
-         *              "body": {
-         *                  "path/to/component": {"foo": "bar"}
-         *              }
-         *          }
-         *      </script>
-         *
-         * @example Providing data without selector.
-         *      {
-         *          "*": {
-         *              "path/to/component": {"bar": "baz"}
-         *          }
-         *      }
-         */
-        process: function (ctx) {
-            getNodes(ctx)
-                .map(getNodeData)
-                .forEach(function (item) {
-                    _.each(item, processElems);
-                });
-
-            return virtual.splice(0, virtual.length);
-        }
+    /**
+     * Parses 'script' tags with a custom type attribute and moves it's data
+     * 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.
+     *      <script type="text/x-magento-init">
+     *          {
+     *              "body": {
+     *                  "path/to/component": {"foo": "bar"}
+     *              }
+     *          }
+     *      </script>
+     *
+     * @example Providing data without selector.
+     *      {
+     *          "*": {
+     *              "path/to/component": {"bar": "baz"}
+     *          }
+     *      }
+     */
+    return function (ctx) {
+        getNodes(ctx)
+            .map(getNodeData)
+            .forEach(function (item) {
+                _.each(item, processElems);
+            });
+
+        return virtual.splice(0, virtual.length);
     };
 });