jiggliemon

// 1: how could you rewrite the following to make it shorter?
bar['doSomething' + (foo?'':'Else')](el);




// 2: what is the faulty logic in the following code?
/*
var foo = 'hello';

jiggliemon

if(!Object.namespace)
Object.namespace = function( str ){
    if(!str) return;
    var  i = 0
        ,base = window
        ,shards,length

    if(str.indexOf("::") !== -1){
        shards = str.split("::");
        base = window[shards[0]] = window[shards[0]] || {};

jiggliemon

(function() {
    function Game() {
        this.reset();
    }
    Game.prototype = {
        reset: function reset() {
            this.count = 0;
            this.guesses = [];
            this.answer = Math.round(Math.random() * 99 + 1);
        },

jiggliemon

[{"name":"root","type": "core/template",
  "children": [
    {"name": "header","type": "core/template"},
    {"name": "body","type":"core/template",
      "children": [
        {"name": "body.left", "type": "core/template"},
        {"name": "body.right", "type": "core/template"},
        {"name": "body.main", "type": "core/template"}
      ]
    },

jiggliemon

function protofy () {
  var args = Array.prototype.slice.call(arguments)
  
  return (function objectify (obj) {
    obj = args.shift()
    return args.length ? protofy.x( Object.create( objectify() ), obj ) : obj
  }())
}

protofy.x = function ( one, two, k ) { 

jiggliemon

Links

• Deck for a talk on the whole web component stack
• Shadow DOM

Enabling

Firefox Nightly about:config

• Add a Boolean flag named dom.webcomponents.enabled; set to true

jiggliemon

var block = require('yayo/block')
var fs = require('fs')

function getTemplate(name) {
  return fs.readFileSync('./tmpl/'+name+'.tmpl', 'utf8')
}

var layout = new block({
    template: getTemplate('layout')
})

jiggliemon

{block name='title'}{/block}
{block name='body'}{/block}

jiggliemon

{
   "name": "block.name"
  ,"type": "core/text"
  ,"blocks": [
     {"name": "some.block","type": "core/list"}
    ,{"name": "some.nested.block","type": "core/text"}
  ]
}

jiggliemon

var Block = require('blocks/block')
var TaskModel = require('app/blocks/task')

var TaskBlock = Block.create({
  template: "<input type=\"checkbox\" <%= this.model.get('doneness')?'checked':'' %>/><%= this.model.get('text') %>"
}, {
  construct: function (taskId) {
    this.setModel(new TaskModel(taskId))
  }
})