Reduce async console logger

Author: mrtuvn

app/code/Magento/PageCache/view/frontend/web/js/page-cache.js

@@ -6,11 +6,10 @@
 define([
     'jquery',
     'domReady',
-    'consoleLogger',
     'Magento_PageCache/js/form-key-provider',
     'jquery-ui-modules/widget',
     'mage/cookies'
-], function ($, domReady, consoleLogger, formKeyInit) {
+], function ($, domReady, formKeyInit) {
     'use strict';
 
     /**
@@ -45,32 +44,30 @@ define([
          * @param {jQuery} element - Comment holder
          */
         (function lookup(element) {
-            var iframeHostName;
-
-            // prevent cross origin iframe content reading
-            if ($(element).prop('tagName') === 'IFRAME') {
-                iframeHostName = $('<a>').prop('href', $(element).prop('src'))
-                    .prop('hostname');
-
-                if (window.location.hostname !== iframeHostName) {
-                    return [];
-                }
-            }
-
             /**
              * Rewrite jQuery contents().
              *
              * @param {jQuery} elem
              */
             contents = function (elem) {
                 return $.map(elem, function (el) {
+                    var iframeHostName;
+
+                    // prevent cross origin iframe content reading
+                    if ($(element).prop('tagName') === 'IFRAME') {
+                        iframeHostName = $('<a>').prop('href', $(element).prop('src'))
+                            .prop('hostname');
+
+                        if (window.location.hostname !== iframeHostName) {
+                            return [];
+                        }
+                    }
+
                     try {
                         return el.nodeName.toLowerCase() === 'iframe' ?
                             el.contentDocument || (el.contentWindow ? el.contentWindow.document : []) :
                             $.merge([], el.childNodes);
                     } catch (e) {
-                        consoleLogger.error(e);
-
                         return [];
                     }
                 });

app/code/Magento/Ui/view/base/web/js/core/renderer/layout.js

@@ -8,9 +8,8 @@ define([
     'jquery',
     'mageUtils',
     'uiRegistry',
-    './types',
-    '../../lib/logger/console-logger'
-], function (_, $, utils, registry, types, consoleLogger) {
+    './types'
+], function (_, $, utils, registry, types) {
     'use strict';
 
     var templates = registry.create(),
@@ -71,25 +70,7 @@ define([
      * @returns {jQueryPromise}
      */
     function loadDeps(node) {
-        var loaded = $.Deferred(),
-            loggerUtils = consoleLogger.utils;
-
-        if (node.deps) {
-            consoleLogger.utils.asyncLog(
-                loaded,
-                {
-                    data: {
-                        component: node.name,
-                        deps: node.deps
-                    },
-                    messages: loggerUtils.createMessages(
-                        'depsStartRequesting',
-                        'depsFinishRequesting',
-                        'depsLoadingFail'
-                    )
-                }
-            );
-        }
+        var loaded = $.Deferred();
 
         registry.get(node.deps, function (deps) {
             node.provider = node.extendProvider ? deps && deps.name : node.provider;
@@ -109,19 +90,8 @@ define([
         var loaded = $.Deferred(),
             source = node.component;
 
-        consoleLogger.info('componentStartLoading', {
-            component: node.component
-        });
-
         require([source], function (constr) {
-            consoleLogger.info('componentFinishLoading', {
-                component: node.component
-            });
             loaded.resolve(node, constr);
-        }, function () {
-            consoleLogger.error('componentLoadingFail', {
-                component: node.component
-            });
         });
 
         return loaded.promise();
@@ -136,11 +106,6 @@ define([
     function initComponent(node, Constr) {
         var component = new Constr(_.omit(node, 'children'));
 
-        consoleLogger.info('componentStartInitialization', {
-            component: node.component,
-            componentName: node.name
-        });
-
         registry.set(node.name, component);
     }
 

app/code/Magento/Ui/view/base/web/js/lib/knockout/bindings/scope.js

@@ -8,9 +8,8 @@ define([
     'uiRegistry',
     'mage/translate',
     '../template/renderer',
-    'jquery',
-    '../../logger/console-logger'
-], function (ko, registry, $t, renderer, $, consoleLogger) {
+    'jquery'
+], function (ko, registry, $t, renderer, $) {
     'use strict';
 
     /**
@@ -58,24 +57,9 @@ define([
         update: function (el, valueAccessor, allBindings, viewModel, bindingContext) {
             var component = valueAccessor(),
                 promise = $.Deferred(),
-                apply = applyComponents.bind(this, el, bindingContext, promise),
-                loggerUtils = consoleLogger.utils;
+                apply = applyComponents.bind(this, el, bindingContext, promise);
 
             if (typeof component === 'string') {
-                loggerUtils.asyncLog(
-                    promise,
-                    {
-                        data: {
-                            component: component
-                        },
-                        messages: loggerUtils.createMessages(
-                            'requestingComponent',
-                            'requestingComponentIsLoaded',
-                            'requestingComponentIsFailed'
-                        )
-                    }
-                );
-
                 registry.get(component, apply);
             } else if (typeof component === 'function') {
                 component(apply);

app/code/Magento/Ui/view/base/web/js/lib/knockout/template/engine.js

@@ -7,9 +7,8 @@ define([
     'ko',
     'underscore',
     './observable_source',
-    './renderer',
-    '../../logger/console-logger'
-], function ($, ko, _, Source, renderer, consoleLogger) {
+    './renderer'
+], function ($, ko, _, Source, renderer) {
     'use strict';
 
     var RemoteTemplateEngine,
@@ -69,14 +68,9 @@ define([
                     return origUpdate.apply(this, arguments);
                 }
 
-                if (!options.name) {
-                    consoleLogger.error('Could not find template name', options);
-                }
                 templateName = options.name;
             } else if (typeof options === 'string') {
                 templateName = options;
-            } else {
-                consoleLogger.error('Could not build a template binding', options);
             }
             engine._trackRender(templateName);
             isSync = engine._hasTemplateLoaded(templateName);
@@ -184,30 +178,10 @@ define([
                 source.requestedBy = bindingContext.$data.name;
                 sources[templateId] = source;
 
-                consoleLogger.info('templateStartLoading', {
-                    template: templateId,
-                    component: bindingContext.$data.name
-                });
-
                 renderer.render(template).then(function (rendered) {
-                    consoleLogger.info('templateLoadedFromServer', {
-                        template: templateId,
-                        component: bindingContext.$data.name
-                    });
                     source.nodes(rendered);
                     engine._releaseRender(templateId, 'async');
                 }).fail(function () {
-                    consoleLogger.error('templateLoadingFail', {
-                        template: templateId,
-                        component: bindingContext.$data.name
-                    });
-                });
-            }
-
-            if (source.requestedBy !== bindingContext.$data.name) {
-                consoleLogger.info('templateLoadedFromCache', {
-                    template: templateId,
-                    component: bindingContext.$data.name
                 });
             }