2 * This is the web browser implementation of `debug()`.
4 * Expose `debug()` as the module.
7 exports = module.exports = require('./debug');
9 exports.formatArgs = formatArgs;
12 exports.useColors = useColors;
13 exports.storage = 'undefined' != typeof chrome
14 && 'undefined' != typeof chrome.storage
15 ? chrome.storage.local
23 '#0000CC', '#0000FF', '#0033CC', '#0033FF', '#0066CC', '#0066FF', '#0099CC',
24 '#0099FF', '#00CC00', '#00CC33', '#00CC66', '#00CC99', '#00CCCC', '#00CCFF',
25 '#3300CC', '#3300FF', '#3333CC', '#3333FF', '#3366CC', '#3366FF', '#3399CC',
26 '#3399FF', '#33CC00', '#33CC33', '#33CC66', '#33CC99', '#33CCCC', '#33CCFF',
27 '#6600CC', '#6600FF', '#6633CC', '#6633FF', '#66CC00', '#66CC33', '#9900CC',
28 '#9900FF', '#9933CC', '#9933FF', '#99CC00', '#99CC33', '#CC0000', '#CC0033',
29 '#CC0066', '#CC0099', '#CC00CC', '#CC00FF', '#CC3300', '#CC3333', '#CC3366',
30 '#CC3399', '#CC33CC', '#CC33FF', '#CC6600', '#CC6633', '#CC9900', '#CC9933',
31 '#CCCC00', '#CCCC33', '#FF0000', '#FF0033', '#FF0066', '#FF0099', '#FF00CC',
32 '#FF00FF', '#FF3300', '#FF3333', '#FF3366', '#FF3399', '#FF33CC', '#FF33FF',
33 '#FF6600', '#FF6633', '#FF9900', '#FF9933', '#FFCC00', '#FFCC33'
37 * Currently only WebKit-based Web Inspectors, Firefox >= v31,
38 * and the Firebug extension (any Firefox version) are known
39 * to support "%c" CSS customizations.
41 * TODO: add a `localStorage` variable to explicitly enable/disable colors
44 function useColors() {
45 // NB: In an Electron preload script, document will be defined but not fully
46 // initialized. Since we know we're in Chrome, we'll just detect this case
48 if (typeof window !== 'undefined' && window.process && window.process.type === 'renderer') {
52 // Internet Explorer and Edge do not support colors.
53 if (typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/)) {
57 // is webkit? http://stackoverflow.com/a/16459606/376773
58 // document is undefined in react-native: https://github.com/facebook/react-native/pull/1632
59 return (typeof document !== 'undefined' && document.documentElement && document.documentElement.style && document.documentElement.style.WebkitAppearance) ||
60 // is firebug? http://stackoverflow.com/a/398120/376773
61 (typeof window !== 'undefined' && window.console && (window.console.firebug || (window.console.exception && window.console.table))) ||
63 // https://developer.mozilla.org/en-US/docs/Tools/Web_Console#Styling_messages
64 (typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/) && parseInt(RegExp.$1, 10) >= 31) ||
65 // double check webkit in userAgent just in case we are in a worker
66 (typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/));
70 * Map %j to `JSON.stringify()`, since no Web Inspectors do that by default.
73 exports.formatters.j = function(v) {
75 return JSON.stringify(v);
77 return '[UnexpectedJSONParseError]: ' + err.message;
83 * Colorize log arguments if enabled.
88 function formatArgs(args) {
89 var useColors = this.useColors;
91 args[0] = (useColors ? '%c' : '')
93 + (useColors ? ' %c' : ' ')
95 + (useColors ? '%c ' : ' ')
96 + '+' + exports.humanize(this.diff);
98 if (!useColors) return;
100 var c = 'color: ' + this.color;
101 args.splice(1, 0, c, 'color: inherit')
103 // the final "%c" is somewhat tricky, because there could be other
104 // arguments passed either before or after the %c, so we need to
105 // figure out the correct index to insert the CSS into
108 args[0].replace(/%[a-zA-Z%]/g, function(match) {
109 if ('%%' === match) return;
111 if ('%c' === match) {
112 // we only are interested in the *last* %c
113 // (the user may have provided their own)
118 args.splice(lastC, 0, c);
122 * Invokes `console.log()` when available.
123 * No-op when `console.log` is not a "function".
129 // this hackery is required for IE8/9, where
130 // the `console.log` function doesn't have 'apply'
131 return 'object' === typeof console
133 && Function.prototype.apply.call(console.log, console, arguments);
139 * @param {String} namespaces
143 function save(namespaces) {
145 if (null == namespaces) {
146 exports.storage.removeItem('debug');
148 exports.storage.debug = namespaces;
156 * @return {String} returns the previously persisted debug modes
163 r = exports.storage.debug;
166 // If debug isn't set in LS, and we're in Electron, try to load $DEBUG
167 if (!r && typeof process !== 'undefined' && 'env' in process) {
168 r = process.env.DEBUG;
175 * Enable namespaces listed in `localStorage.debug` initially.
178 exports.enable(load());
181 * Localstorage attempts to return the localstorage.
183 * This is necessary because safari throws
184 * when a user disables cookies/localstorage
185 * and you attempt to access it.
187 * @return {LocalStorage}
191 function localstorage() {
193 return window.localStorage;