Created
June 10, 2014 15:11
-
-
Save breezhang/b360a11d299d609a965a to your computer and use it in GitHub Desktop.
color console for require
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
(function() { | |
var exportedLog, ffSupport, formats, getOrderedMatches, hasMatches, isFF, isIE, isOpera, isSafari, log, makeArray, operaSupport, safariSupport, stringToArgs, _log; | |
if (!(window.console && window.console.log)) { | |
return; | |
} | |
log = function() { | |
var args; | |
args = []; | |
makeArray(arguments).forEach(function(arg) { | |
if (typeof arg === 'string') { | |
return args = args.concat(stringToArgs(arg)); | |
} else { | |
return args.push(arg); | |
} | |
}); | |
return _log.apply(window, args); | |
}; | |
_log = function() { | |
return console.log.apply(console, makeArray(arguments)); | |
}; | |
makeArray = function(arrayLikeThing) { | |
return Array.prototype.slice.call(arrayLikeThing); | |
}; | |
formats = [ | |
{ | |
regex: /\*([^\*]+)\*/, | |
replacer: function(m, p1) { | |
return "%c" + p1 + "%c"; | |
}, | |
styles: function() { | |
return ['font-style: italic', '']; | |
} | |
}, { | |
regex: /\_([^\_]+)\_/, | |
replacer: function(m, p1) { | |
return "%c" + p1 + "%c"; | |
}, | |
styles: function() { | |
return ['font-weight: bold', '']; | |
} | |
}, { | |
regex: /\`([^\`]+)\`/, | |
replacer: function(m, p1) { | |
return "%c" + p1 + "%c"; | |
}, | |
styles: function() { | |
return ['background: rgb(255, 255, 219); padding: 1px 5px; border: 1px solid rgba(0, 0, 0, 0.1)', '']; | |
} | |
}, { | |
regex: /\[c\=(?:\"|\')?((?:(?!(?:\"|\')\]).)*)(?:\"|\')?\]((?:(?!\[c\]).)*)\[c\]/, | |
replacer: function(m, p1, p2) { | |
return "%c" + p2 + "%c"; | |
}, | |
styles: function(match) { | |
return [match[1], '']; | |
} | |
} | |
]; | |
hasMatches = function(str) { | |
var _hasMatches; | |
_hasMatches = false; | |
formats.forEach(function(format) { | |
if (format.regex.test(str)) { | |
return _hasMatches = true; | |
} | |
}); | |
return _hasMatches; | |
}; | |
getOrderedMatches = function(str) { | |
var matches; | |
matches = []; | |
formats.forEach(function(format) { | |
var match; | |
match = str.match(format.regex); | |
if (match) { | |
return matches.push({ | |
format: format, | |
match: match | |
}); | |
} | |
}); | |
return matches.sort(function(a, b) { | |
return a.match.index - b.match.index; | |
}); | |
}; | |
stringToArgs = function(str) { | |
var firstMatch, matches, styles; | |
styles = []; | |
while (hasMatches(str)) { | |
matches = getOrderedMatches(str); | |
firstMatch = matches[0]; | |
str = str.replace(firstMatch.format.regex, firstMatch.format.replacer); | |
styles = styles.concat(firstMatch.format.styles(firstMatch.match)); | |
} | |
return [str].concat(styles); | |
}; | |
isSafari = function() { | |
return /Safari/.test(navigator.userAgent) && /Apple Computer/.test(navigator.vendor); | |
}; | |
isOpera = function() { | |
return /OPR/.test(navigator.userAgent) && /Opera/.test(navigator.vendor); | |
}; | |
isFF = function() { | |
return /Firefox/.test(navigator.userAgent); | |
}; | |
isIE = function() { | |
return /MSIE/.test(navigator.userAgent); | |
}; | |
safariSupport = function() { | |
var m; | |
m = navigator.userAgent.match(/AppleWebKit\/(\d+)\.(\d+)(\.|\+|\s)/); | |
if (!m) { | |
return false; | |
} | |
return 537.38 <= parseInt(m[1], 10) + (parseInt(m[2], 10) / 100); | |
}; | |
operaSupport = function() { | |
var m; | |
m = navigator.userAgent.match(/OPR\/(\d+)\./); | |
if (!m) { | |
return false; | |
} | |
return 15 <= parseInt(m[1], 10); | |
}; | |
ffSupport = function() { | |
return window.console.firebug || window.console.exception; | |
}; | |
if (isIE() || (isFF() && !ffSupport()) || (isOpera() && !operaSupport()) || (isSafari() && !safariSupport())) { | |
exportedLog = _log; | |
} else { | |
exportedLog = log; | |
} | |
exportedLog.l = _log; | |
if (typeof define === 'function' && define.amd) { | |
define('log',[],function(){ | |
return log; | |
}); | |
} | |
}).call(this); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
require.config({ | |
paths : { | |
zepto: '//cdnjs.cloudflare.com/ajax/libs/zepto/1.1.3/zepto.min', | |
// jquery: '//cdnjs.cloudflare.com/ajax/libs/zepto/1.1.3/zepto.min', | |
// jquery : '//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min', | |
domReady: '//cdnjs.cloudflare.com/ajax/libs/require-domReady/2.0.1/domReady', | |
backbone : '//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min', | |
underscore : '//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.6.0/underscore-min', | |
marionette : '//cdnjs.cloudflare.com/ajax/libs/backbone.marionette/1.8.0/backbone.marionette.min', | |
stacktrace : 'https://rawgithub.com/stacktracejs/stacktrace.js/master/stacktrace', | |
log:'lib/log' | |
}, | |
shim : { | |
log:{ | |
exports:'log' | |
}, | |
zepto:{ | |
exports:'Zepto' | |
}, | |
underscore : { | |
exports : '_' | |
}, | |
backbone : { | |
deps : ['jquery', 'underscore'], | |
exports : 'Backbone' | |
}, | |
marionette : { | |
deps : ['jquery', 'underscore', 'backbone'], | |
exports : 'Marionette' | |
}, | |
stacktrace:{ | |
exports:'printStackTrace' | |
} | |
} | |
, | |
map: { | |
'*': { | |
jquery: 'zepto' | |
} | |
} | |
}); | |
//define(['app/main'],function(){ | |
// console.log("app runing!"); | |
// | |
//}); | |
define(['log','app/main'],function(log){ | |
log('[c="font-family: \'Helvetica Neue\', Helvetica, Arial, sans-serif; color: #fff; font-size: 20px; padding: 15px 20px; background: #444; border-radius: 4px; line-height: 100px; text-shadow: 0 1px #000"]Log[c]'); | |
var style = 'font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; color: #444; padding: 8px 0; line-height: 40px' | |
log.l('%cExample 1', style); | |
log('tests: *italic* and _bold_. *this is italic* and _this is bold_.'); | |
log.l('%cExample 2', style); | |
log('this is bold link: _http://google.com_'); | |
log.l('%cExample 3', style); | |
log('this is code: `a == b == c`'); | |
log.l('%cExample 4', style); | |
log('this is [c="color: red"]red[c]. this is [c="color: green"]green[c].'); | |
}); | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment