Monocle-mustache using semicolons (intuition: blocks and statements, not object literals)

monocle-mustache-semi.js

// inspired by https://github.com/raganwald/homoiconic/blob/master/2011/11/sans-titre.md#readme
// and by https://groups.google.com/a/dartlang.org/group/misc/browse_thread/thread/611c04100ac17142

// traditional method chaining with combinators:
console.log(range(1, 3)
              .concat(range(4, 6))
              .map(function(x) { return x * x })
              .filter(function(x) { return x % 2 === 0 })
              .reverse());

// method chaining with cascades:
array.{
    pop();
    pop();
    pop();
};

path.{
    moveTo(10, 10);
    stroke("red");
    fill("blue");
    ellipse(50, 50);
};

// method chaining with cascades and ASI:
array.{
    pop()
    pop()
    pop()
};

path.{
    moveTo(10, 10)
    stroke("red")
    fill("blue")
    ellipse(50, 50)
};

// object initialization with cascades:
this.{
    foo = 12;
    bar = "hello";
    mumble = false;
};

// Bob's compound example:
document.query('#myTable').{
    queryAll('.firstColumn').{
        style.{
            background = 'red';
            border = '2px solid black';
        };
        text = 'first column';
    };
    queryAll('.lastColumn').{
        style.background = 'blue';
        text = 'last column';
    };
};

To be honest, I had with in VB back in the day and it wasn't a problem. The difference between JS and VB with was that VB required a dot at the start. This actually disambiguated everything pretty effectively.

Although I'm not proposing we re-invent it, either...

I'd use [ instead of {.

@JulianBirch I've got to admit, one issue with with is how hard it is to talk about it.

Well, it isn't as hard as to talk about this...