deeply nested object literals

Currently deeply nested object literals will be formatted in a collapsed form.

This behavior is nice for simple object literals, but for deeply nested ones it would be nice to have the nested properties indented. Maybe a complexity level (like for Arrow expressions) would be nice here.

source

var simple = {
name:'a'
}

var deeplyNested = {
    name:'f',
    nested: {
    	nested: {
    		nested: {
    			nested: {
    				nested: {
    					nested: {
    						nested: {
    							name: 'a'
    						}
    					}
    				}
    			}
    		}
    	}
    }
};

formatted

var simple = {name: 'a'};

var test = {
  name: 'f',
  nested: {
    nested: {nested: {nested: {nested: {nested: {nested: {name: 'a'}}}}}}
  }
};

https://vjeux.github.io/prettier-browser/#{“content”%3A"\nvar simple %3D {\nname%3A’a’\n}\n\nvar test %3D {\n name%3A’f’%2C\n nested%3A {\n \tnested%3A {\n \t\tnested%3A {\n \t\t\tnested%3A {\n \t\t\t\tnested%3A {\n \t\t\t\t\tnested%3A {\n \t\t\t\t\t\tnested%3A {\n \t\t\t\t\t\t\tname%3A ‘a’\n \t\t\t\t\t\t}\n \t\t\t\t\t}\n \t\t\t\t}\n \t\t\t}\n \t\t}\n \t}\n }\n}%3B"%2C"options"%3A{“printWidth”%3A80%2C"tabWidth"%3A2%2C"useFlowParser"%3Afalse%2C"singleQuote"%3Atrue%2C"trailingComma"%3Afalse%2C"bracketSpacing"%3Afalse}}

[lydell]

As another real-world example, here’s an excerpt from a brunch-config.js (for brunch) file in one of my projects after running prettier on it:

    uglify: { compress: { drop_console: true, global_defs: { DEBUG: false } } },
    autoReload: { enabled: false }
  },
  overrides: { autoreload: { plugins: { autoReload: { enabled: true } } } }

[vjeux]

https://github.com/jlongster/prettier/issues/74 is also talking about the same issue, let’s condensate them into one. Closing this one.