- Enhancement: Allow user to pass in reporter

- Testing: Add browser test

Author: brettz9

index-es.js

@@ -250,9 +250,41 @@ for (var
         return original.apply(console, parse.apply(null, arguments));
       } :
       function () {
-        return arguments.length === 1 && typeof arguments[0] === 'string' ?
-          original.apply(console, parse(arguments[0])) :
-          original.apply(console, arguments);
+        var singleStringArg = arguments.length === 1 && typeof arguments[0] === 'string';
+        var args = singleStringArg ? parse(arguments[0]) : arguments;
+
+        // Todo: We might expose more to the reporter (e.g., returning
+        //   `what` and `match` from the `parse`->`match` function) so
+        //   the user could, e.g., build spans with classes rather than
+        //   inline styles
+        if (_reporter) {
+          var
+            lastIndex, resultInfo,
+            msg = args[0],
+            formattingArgs = args.slice(1),
+            formatRegex = /%c(.*?)(?=%c|$)/g,
+            tmpIndex = 0;
+          _reporter.init();
+          while ((resultInfo = formatRegex.exec(msg)) !== null) {
+            ({lastIndex} = formatRegex);
+            var [result] = resultInfo;
+            if (result.length > 2) { // Ignore any empty %c's
+              var beginningResultIdx = lastIndex - result.length;
+              if (beginningResultIdx > tmpIndex) {
+                var text = msg.slice(tmpIndex, beginningResultIdx);
+                _reporter.report(text);
+              }
+              _reporter.report(result.slice(2), formattingArgs.splice(0, 1)[0]);
+            }
+            tmpIndex = lastIndex;
+          }
+          if (tmpIndex < msg.length) {
+            var text = msg.slice(tmpIndex);
+            _reporter.report(text);
+          }
+          _reporter.done(args);
+        }
+        return original.apply(console, args);
       }).raw = function () {
         return original.apply(console, arguments);
       };
@@ -286,4 +318,10 @@ try {
   }
 }
 
+let _reporter = null;
+const report = (reporter) => {
+  _reporter = reporter;
+};
+
 export default consolemd;
+export { report };

index-es.min.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
-  typeof define === 'function' && define.amd ? define(factory) :
-  (global.consolemd = factory());
-}(this, (function () { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (factory((global.consolemd = {})));
+}(this, (function (exports) { 'use strict';
 
   /*! (c) 2013-2018 Andrea Giammarchi (ISC) */
   /**
@@ -256,9 +256,41 @@
           return original.apply(console, parse.apply(null, arguments));
         } :
         function () {
-          return arguments.length === 1 && typeof arguments[0] === 'string' ?
-            original.apply(console, parse(arguments[0])) :
-            original.apply(console, arguments);
+          var singleStringArg = arguments.length === 1 && typeof arguments[0] === 'string';
+          var args = singleStringArg ? parse(arguments[0]) : arguments;
+
+          // Todo: We might expose more to the reporter (e.g., returning
+          //   `what` and `match` from the `parse`->`match` function) so
+          //   the user could, e.g., build spans with classes rather than
+          //   inline styles
+          if (_reporter) {
+            var
+              lastIndex, resultInfo,
+              msg = args[0],
+              formattingArgs = args.slice(1),
+              formatRegex = /%c(.*?)(?=%c|$)/g,
+              tmpIndex = 0;
+            _reporter.init();
+            while ((resultInfo = formatRegex.exec(msg)) !== null) {
+              ({lastIndex} = formatRegex);
+              var [result] = resultInfo;
+              if (result.length > 2) { // Ignore any empty %c's
+                var beginningResultIdx = lastIndex - result.length;
+                if (beginningResultIdx > tmpIndex) {
+                  var text = msg.slice(tmpIndex, beginningResultIdx);
+                  _reporter.report(text);
+                }
+                _reporter.report(result.slice(2), formattingArgs.splice(0, 1)[0]);
+              }
+              tmpIndex = lastIndex;
+            }
+            if (tmpIndex < msg.length) {
+              var text = msg.slice(tmpIndex);
+              _reporter.report(text);
+            }
+            _reporter.done(args);
+          }
+          return original.apply(console, args);
         }).raw = function () {
           return original.apply(console, arguments);
         };
@@ -292,6 +324,14 @@
     }
   }
 
-  return consolemd;
+  let _reporter = null;
+  const report = (reporter) => {
+    _reporter = reporter;
+  };
+
+  exports.report = report;
+  exports.default = consolemd;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
 
 })));