Skip to content

Instantly share code, notes, and snippets.

/index.html

Created June 30, 2015 18:28
Show Gist options
  • Save anonymous/5aa7b2887ca28d99bb51 to your computer and use it in GitHub Desktop.
Save anonymous/5aa7b2887ca28d99bb51 to your computer and use it in GitHub Desktop.
Download ZIP
// source http://jsbin.com
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<title>Mithril experiment</title>
<meta name="description" content="mithriljs: Mithril template">
<meta charset="utf-8">
<script>
window.log = function(){
log.history = log.history || []; // store logs to an array for reference
log.history.push(arguments);
if(this.console){
console.log( Array.prototype.slice.call(arguments) );
}
};
window.dir = function(){
log.history = log.history || []; // store logs to an array for reference
log.history.push(arguments);
if(this.console){
var args = Array.prototype.slice.call(arguments)
args.map(function(a){
console.dir(a)
})
}
};
window.ref = function(){
if(this.console){
var args = Array.prototype.slice.call(arguments)
args.map(function(a){
for(o in this){
if (this[o] === o && a.toString() === "[object Object]") { log(this[o] + " :: " + JSON.stringify(a)) }
else if(this[o] === a && Array.isArray(a)) {
log(o + " :: [" + a + "]");
}
else {
if(this[o] === a) {
log(o + " :: " + a);
}
}
}
});
}
};
$ = function(sel, ctx){return (ctx || document).querySelector(sel)}
$$ = function(sel, ctx){return (ctx || document).querySelectorAll(sel)}
</script>
<script src="https://rawgit.com/lodash/lodash/3.0.1/lodash.min.js"></script>
<!-- <script src="http://cdnjs.cloudflare.com/ajax/libs/mithril/0.2.0/mithril.min.js"></script> -->
<!-- modified Mithril with redraw console.logs (extensive) -->
<!-- <script src="http://output.jsbin.com/gaciwi.js"></script> -->
<!-- modified Mithril with redraw console.logs (redraws only) -->
<script src="http://output.jsbin.com/gaciwi/24.js"></script>
</head>
<body>
<script id="jsbin-javascript">
console.clear()
myComp = {
controller: function(){
log("controller")
},
view: function(){
log("view")
return m("div", "helo")
}
}
App = {
view: function(){
return [
myComp
]
}
}
m.mount(document.body, App)
</script>
<script id="jsbin-source-html" type="text/html"><!DOCTYPE html>
<html>
<head>
<title>Mithril experiment</title>
<meta name="description" content="mithriljs: Mithril template">
<meta charset="utf-8">
<script>
window.log = function(){
log.history = log.history || []; // store logs to an array for reference
log.history.push(arguments);
if(this.console){
console.log( Array.prototype.slice.call(arguments) );
}
};
window.dir = function(){
log.history = log.history || []; // store logs to an array for reference
log.history.push(arguments);
if(this.console){
var args = Array.prototype.slice.call(arguments)
args.map(function(a){
console.dir(a)
})
}
};
window.ref = function(){
if(this.console){
var args = Array.prototype.slice.call(arguments)
args.map(function(a){
for(o in this){
if (this[o] === o && a.toString() === "[object Object]") { log(this[o] + " :: " + JSON.stringify(a)) }
else if(this[o] === a && Array.isArray(a)) {
log(o + " :: [" + a + "]");
}
else {
if(this[o] === a) {
log(o + " :: " + a);
}
}
}
});
}
};
$ = function(sel, ctx){return (ctx || document).querySelector(sel)}
$$ = function(sel, ctx){return (ctx || document).querySelectorAll(sel)}
<\/script>
<script src="https://rawgit.com/lodash/lodash/3.0.1/lodash.min.js"><\/script>
<\!-- <script src="//cdnjs.cloudflare.com/ajax/libs/mithril/0.2.0/mithril.min.js"><\/script> -->
<\!-- modified Mithril with redraw console.logs (extensive) -->
<\!-- <script src="http://output.jsbin.com/gaciwi.js"><\/script> -->
<\!-- modified Mithril with redraw console.logs (redraws only) -->
<script src="http://output.jsbin.com/gaciwi/24.js"><\/script>
</head>
<body>
</body>
</html></script>
<script id="jsbin-source-javascript" type="text/javascript">console.clear()
myComp = {
controller: function(){
log("controller")
},
view: function(){
log("view")
return m("div", "helo")
}
}
App = {
view: function(){
return [
myComp
]
}
}
m.mount(document.body, App)</script></body>
</html>
Raw
jsbin.untitled.js
console.clear()
myComp = {
controller: function(){
log("controller")
},
view: function(){
log("view")
return m("div", "helo")
}
}
App = {
view: function(){
return [
myComp
]
}
}
m.mount(document.body, App)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment