JavaScript: chained method indentation

indentation.js

// Inspired by the eslint-plugin-react wrap-multilines rule
// https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/wrap-multilines.md
//
// I don't know why, but this is making me really happy right now.

// Instead of this
var someName = namespace.someObj.method1({
  prop: 'value',
}).method2('foo', 'bar');

// Or this
var someName = namespace.someObj
  .method1({
    prop: 'value',
  })
  .method2('foo', 'bar');
  
// Do this
var someName = (
  namespace.someObj
    .method1({
      prop: 'value',
    })
    .method2('foo', 'bar')
);

...but it's already clear by reading the code that the statement wraps over several lines. I'd go one step further though and propose:

var someName =
  namespace
    .someObj
    .method1({
      prop: 'value'
    })
    .method2('foo', 'bar');

with the optional parens for return statements to fix automatic semicolon insertion.

The parens aren't required, I just like how they feel like a visual "container" to me.