@eastsideco/escshopify

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <base data-ice="baseUrl" href="../../../../"> <title data-ice="title">src/utils/loggers/ConsoleLogger.js | @eastsideco/escshopify</title> <link type="text/css" rel="stylesheet" href="css/style.css"> <link type="text/css" rel="stylesheet" href="css/prettify-tomorrow.css"> <script src="script/prettify/prettify.js"></script> <script src="script/manual.js"></script> </head> <body class="layout-container" data-ice="rootContainer"> <header> <a href="./">Home</a> <a href="./manual/index.html" data-ice="manualHeaderLink">Manual</a> <a href="identifiers.html">Reference</a> <a href="source.html">Source</a> <div class="search-box"> <img src="./image/search.png"> <input class="search-input"> <ul class="search-result"></ul> </div> <a href="https://bitbucket.org/sigapps/escshopify.git">Repository</a></header> <nav class="navigation" data-ice="nav"><div> <ul> <li data-ice="doc">V<a href="variable/index.html#static-variable-entities">entities</a></li> <li data-ice="doc">V<a href="variable/index.html#static-variable-plugins">plugins</a></li> <li data-ice="doc">V<a href="variable/index.html#static-variable-utils">utils</a></li> <li data-ice="doc">E<a href="https://www.npmjs.com/package/evee">evee</a></li> <li data-ice="doc">E<a href="https://www.npmjs.com/package/js-money">js-money</a></li> <li data-ice="doc">E<a href="https://www.npmjs.com/package/promise-queue">promise-queue</a></li> <li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#entities">entities</a>C<a href="class/src/entities/Cart.js~Cart.html">Cart</a></li> <li data-ice="doc">C<a href="class/src/entities/Shop.js~Shop.html">Shop</a></li> <li data-ice="doc">C<a href="class/src/entities/index.js~Entities.html">Entities</a></li> <li data-ice="doc">T<a href="typedef/index.html#static-typedef-ShopifyCart">ShopifyCart</a></li> <li data-ice="doc">T<a href="typedef/index.html#static-typedef-ShopifyCartLineItem">ShopifyCartLineItem</a></li> <li data-ice="doc">T<a href="typedef/index.html#static-typedef-ShopifyAddress">ShopifyAddress</a></li> <li data-ice="doc">T<a href="typedef/index.html#static-typedef-ShopifyPolicy">ShopifyPolicy</a></li> <li data-ice="doc">T<a href="typedef/index.html#static-typedef-ShopifyShop">ShopifyShop</a></li> <li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#http">http</a>C<a href="class/src/http/RequestQueuable.js~RequestQueuable.html">RequestQueuable</a></li> <li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#plugins">plugins</a>C<a href="class/src/plugins/index.js~Plugins.html">Plugins</a></li> <li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#plugins-easycurrency">plugins/easycurrency</a>C<a href="class/src/plugins/easycurrency/EasyCurrency.js~EasyCurrency.html">EasyCurrency</a></li> <li data-ice="doc">C<a href="class/src/plugins/easycurrency/MoneySpan.js~MoneySpan.html">MoneySpan</a></li> <li data-ice="doc">C<a href="class/src/plugins/easycurrency/MoneySpanSet.js~MoneySpanSet.html">MoneySpanSet</a></li> <li data-ice="doc">C<a href="class/src/plugins/easycurrency/Session.js~Session.html">Session</a></li> <li data-ice="doc">C<a href="class/src/plugins/easycurrency/config.js~Config.html">Config</a></li> <li data-ice="doc">C<a href="class/src/plugins/easycurrency/state.js~State.html">State</a></li> <li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#plugins-easycurrency-formatters">plugins/easycurrency/formatters</a>C<a href="class/src/plugins/easycurrency/formatters/DefaultFormatter.js~DefaultFormatter.html">DefaultFormatter</a></li> <li data-ice="doc">C<a href="class/src/plugins/easycurrency/formatters/Formatter.js~Formatter.html">Formatter</a></li> <li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#plugins-easycurrency-helpers">plugins/easycurrency/helpers</a>C<a href="class/src/plugins/easycurrency/helpers/SelectHelper.js~SelectHelper.html">SelectHelper</a></li> <li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#plugins-easycurrency-resolvers">plugins/easycurrency/resolvers</a>C<a href="class/src/plugins/easycurrency/resolvers/CurrencyResolver.js~CurrencyResolver.html">CurrencyResolver</a></li> <li data-ice="doc">C<a href="class/src/plugins/easycurrency/resolvers/GeoserviceResolver.js~GeoserviceResolver.html">GeoserviceResolver</a></li> <li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#plugins-geoservice">plugins/geoservice</a>C<a href="class/src/plugins/geoservice/API.js~API.html">API</a></li> <li data-ice="doc">C<a href="class/src/plugins/geoservice/GeoService.js~GeoService.html">GeoService</a></li> <li data-ice="doc">T<a href="typedef/index.html#static-typedef-GSContinent">GSContinent</a></li> <li data-ice="doc">T<a href="typedef/index.html#static-typedef-GSCountry">GSCountry</a></li> <li data-ice="doc">T<a href="typedef/index.html#static-typedef-GSCurrencyRates">GSCurrencyRates</a></li> <li data-ice="doc">T<a href="typedef/index.html#static-typedef-GSCurrencyResponse">GSCurrencyResponse</a></li> <li data-ice="doc">T<a href="typedef/index.html#static-typedef-GSGeoResponse">GSGeoResponse</a></li> <li data-ice="doc">T<a href="typedef/index.html#static-typedef-GSLocation">GSLocation</a></li> <li data-ice="doc">T<a href="typedef/index.html#static-typedef-GSTranslatedString">GSTranslatedString</a></li> <li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#utils">utils</a>C<a href="class/src/utils/Log.js~Log.html">Log</a></li> <li data-ice="doc">C<a href="class/src/utils/general.js~GeneralUtils.html">GeneralUtils</a></li> <li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#utils-loggers">utils/loggers</a>C<a href="class/src/utils/loggers/ConsoleLogger.js~ConsoleLogger.html">ConsoleLogger</a></li> <li data-ice="doc">C<a href="class/src/utils/loggers/Logger.js~Logger.html">Logger</a></li> <li data-ice="doc">C<a href="class/src/utils/loggers/logLevel.js~LogLevel.html">LogLevel</a></li> <li data-ice="doc">V<a href="variable/index.html#static-variable-logLevel">logLevel</a></li> </ul> </div> </nav> <div class="content" data-ice="content"><h1 data-ice="title">src/utils/loggers/ConsoleLogger.js</h1> <pre class="source-code line-number raw-source-code"><code class="prettyprint linenums" data-ice="content">import logLevel from './logLevel.js'; import Logger from './Logger'; /** * Basic logger that logs to the environment console. */ export default class ConsoleLogger extends Logger { /** * Create a new ConsoleLogger. */ constructor() { super(); /** @type {Number} */ this.level = logLevel.DEBUG; /** @type {Boolean} */ this.useFancyStyling = this._canUseFancyStyling(); } _canUseFancyStyling() { var browser = {}; browser.isFirefox = /firefox/i.test(navigator.userAgent); browser.isIE = document.documentMode; var support = {}; support.consoleApply = !browser.isIE || document.documentMode && document.documentMode > 9; support.functionGetters = support.consoleApply; support.console = !!window.console; support.modifiedConsole = !browser.isIE && support.console && console.log.toString().indexOf('apply') !== -1; support.consoleStyles = !!window.chrome || !!browser.isFirefox; support.consoleGroups = !!(window.console && console.group); return support.consoleStyles; } /** * Sets current logging level. Messages below this log level will be ignored. * @param {Number} level */ setLogLevel(level) { this.level = level; } /** * Logs a message to the console * @param {type} level - Logging level * @param {type} tag - Logging tag * @param {type} text - Text to log */ send(level, tag, text) { if (level < this.level) { return; } var fn = console.log; if ((console.error && level == logLevel.ERROR) || (console.error && level == logLevel.FATAL)) { fn = console.error; } if (console.warn && level == logLevel.WARN) { fn = console.warn; } if (console.info && level == logLevel.INFO) { fn = console.info; } if (console.debug && level == logLevel.DEBUG) { fn = console.debug; } // Binding back to console because iOS Safari is weird if (this.useFancyStyling) { var str = '%c' + this.logPrefix + '%c' + logLevel.levelToString(level); str += '%c %c'+tag+'%c'+text; var levelColor = { DEBUG: '#454F5B; color: white;', INFO: '#007ACE; color: white;', WARN: '#EEC200; color: white;', ERROR: '#BF0711; color: white;', FATAL: 'linear-gradient(to top, #EEC200 0, #BF0711 100%); color: white;' }[logLevel.levelToString(level)]; var styles = [ 'background: #202E78; border-top-left-radius: 4px; border-bottom-left-radius: 4px; padding: 0 8px;color: white', 'width: 55px; text-align: center; padding: 0 8px; border-bottom-right-radius: 4px; border-top-right-radius: 4px;background:'+levelColor, 'padding: 0 2px;', 'background: #084E8A;padding:0 8px; color: white;border-radius: 8px;', 'padding:0 8px;' ]; fn.bind(console)(str, ...styles); } else { fn.bind(console)('['+this.logPrefix+'] ' + logLevel.levelToString(level) + ': ' + '[' + tag + '] ' + text); } } /** * Log an object. * @param {type} level - Logging level * @param {type} tag - Logging tag * @param {type} text - Logging text * @param {type} object - Object to be logged */ sendObject(level, tag, text, object) { if (level < this.level) { return; } var fn = console.log; if ((console.error && level == logLevel.ERROR) || (console.error && level == logLevel.FATAL)) { fn = console.error; } if (console.warn && level == logLevel.WARN) { fn = console.warn; } if (console.info && level == logLevel.INFO) { fn = console.info; } if (console.debug && level == this.DEBUG) { fn = console.debug; } // Binding back to console because iOS Safari is weird if (this.useFancyStyling) { var str = '%c' + this.logPrefix + '%c' + logLevel.levelToString(level); str += '%c %c'+tag+'%c'+text+ ' %o'; var levelColor = { DEBUG: '#454F5B; color: white;', INFO: '#007ACE; color: white;', WARN: '#EEC200; color: white;', ERROR: '#BF0711; color: white;', FATAL: 'linear-gradient(to top, #EEC200 0, #BF0711 100%); color: white;' }[logLevel.levelToString(level)]; var styles = [ 'background: #202E78; border-top-left-radius: 4px; border-bottom-left-radius: 4px; padding: 0 8px;color: white', 'width: 55px; text-align: center; padding: 0 8px; border-bottom-right-radius: 4px; border-top-right-radius: 4px;background:'+levelColor, 'padding: 0 2px;', 'background: #084E8A;padding:1px 8px; color: white;border-radius: 8px;', 'padding-left: 8px;' ]; fn.bind(console)(str, ...styles, object); } else { fn.bind(console)('['+this.logPrefix+'] ' + logLevel.levelToString(level) + ': ' + '[' + tag + '] ' + text, object); } } } </code></pre> </div> <footer class="footer"> Generated by <a href="https://esdoc.org">ESDoc(1.0.4)<img src="./image/esdoc-logo-mini-black.png"></a> </footer> <script src="script/search_index.js"></script> <script src="script/search.js"></script> <script src="script/pretty-print.js"></script> <script src="script/inherited-summary.js"></script> <script src="script/test-summary.js"></script> <script src="script/inner-link.js"></script> <script src="script/patch-for-local.js"></script> </body> </html>