Edit

Indent Chained Methods

Config Key: indent_chained_methods

Description: Indent chained method calls

Available since version: 0.10.0 (Current: )

Type: boolean

Default: true

Support

Edit Beautifiers

Languages: EJS, JSX, JavaScript

Beautifiers: JS-Beautify, ESLint

Comparison Table

Language	JS-Beautify	ESLint
EJS	✅	❌
JSX	✅	✅
JavaScript	✅	✅

Examples

Select Language:

EJS JSX * JavaScript *

Invisible characters are shown with the following symbols:

Carriage Return = ␍; Line Feed = ␊; Tab = ⇥; Whitespace = ·.

Add EJS Example

No example found. Please submit a Pull Request!

Edit JSX Example

🚧 Original Code

foo.bar().baz();␊
␊
this.$("#fileName").val().addClass("disabled")␊
····.prop("disabled",·true)␊
␊
function·doStuff()·{␊
if·(oParameters.State·!==·ui().s2p().mm().supplinvoice().manage().util().Constants().blabla())·{␊
return·false;␊
}␊
}␊

🔧 true

Using JS-Beautify beautifier:

foo.bar().baz();␊
␊
this.$("#fileName").val().addClass("disabled")␊
··.prop("disabled",·true)␊
␊
function·doStuff()·{␊
··if·(oParameters.State·!==·ui().s2p().mm().supplinvoice().manage().util().Constants().blabla())·{␊
····return·false;␊
··}␊
}

How to configure

A .unibeautify.json file would look like the following:

{
  "JSX": {
    "indent_size": 2,
    "indent_char": " ",
    "indent_chained_methods": true,
    "beautifiers": [
      "JS-Beautify"
    ]
  }
}

Difference from original

Index: true
===================================================================
--- true    Original
+++ true    Beautified
@@ -1,10 +1,10 @@
 foo.bar().baz();␊
 ␊
 this.$("#fileName").val().addClass("disabled")␊
-····.prop("disabled",·true)␊
+··.prop("disabled",·true)␊
 ␊
 function·doStuff()·{␊
-if·(oParameters.State·!==·ui().s2p().mm().supplinvoice().manage().util().Constants().blabla())·{␊
-return·false;␊
-}␊
-}␊
+··if·(oParameters.State·!==·ui().s2p().mm().supplinvoice().manage().util().Constants().blabla())·{␊
+····return·false;␊
+··}␊
+}
\ No newline at end of file

🔧 false

Using JS-Beautify beautifier:

foo.bar().baz();␊
␊
this.$("#fileName").val().addClass("disabled")␊
.prop("disabled",·true)␊
␊
function·doStuff()·{␊
··if·(oParameters.State·!==·ui().s2p().mm().supplinvoice().manage().util().Constants().blabla())·{␊
····return·false;␊
··}␊
}

How to configure

A .unibeautify.json file would look like the following:

{
  "JSX": {
    "indent_size": 2,
    "indent_char": " ",
    "indent_chained_methods": false,
    "beautifiers": [
      "JS-Beautify"
    ]
  }
}

Difference from original

Index: false
===================================================================
--- false   Original
+++ false   Beautified
@@ -1,10 +1,10 @@
 foo.bar().baz();␊
 ␊
 this.$("#fileName").val().addClass("disabled")␊
-····.prop("disabled",·true)␊
+.prop("disabled",·true)␊
 ␊
 function·doStuff()·{␊
-if·(oParameters.State·!==·ui().s2p().mm().supplinvoice().manage().util().Constants().blabla())·{␊
-return·false;␊
-}␊
-}␊
+··if·(oParameters.State·!==·ui().s2p().mm().supplinvoice().manage().util().Constants().blabla())·{␊
+····return·false;␊
+··}␊
+}
\ No newline at end of file

Edit JavaScript Example

🚧 Original Code

foo.bar().baz();␊
␊
this.$("#fileName").val().addClass("disabled")␊
····.prop("disabled",·true)␊
␊
function·doStuff()·{␊
if·(oParameters.State·!==·ui().s2p().mm().supplinvoice().manage().util().Constants().blabla())·{␊
return·false;␊
}␊
}␊

🔧 true

Using JS-Beautify beautifier:

foo.bar().baz();␊
␊
this.$("#fileName").val().addClass("disabled")␊
··.prop("disabled",·true)␊
␊
function·doStuff()·{␊
··if·(oParameters.State·!==·ui().s2p().mm().supplinvoice().manage().util().Constants().blabla())·{␊
····return·false;␊
··}␊
}

How to configure

A .unibeautify.json file would look like the following:

{
  "JavaScript": {
    "indent_size": 2,
    "indent_char": " ",
    "indent_chained_methods": true,
    "beautifiers": [
      "JS-Beautify"
    ]
  }
}

Difference from original

Index: true
===================================================================
--- true    Original
+++ true    Beautified
@@ -1,10 +1,10 @@
 foo.bar().baz();␊
 ␊
 this.$("#fileName").val().addClass("disabled")␊
-····.prop("disabled",·true)␊
+··.prop("disabled",·true)␊
 ␊
 function·doStuff()·{␊
-if·(oParameters.State·!==·ui().s2p().mm().supplinvoice().manage().util().Constants().blabla())·{␊
-return·false;␊
-}␊
-}␊
+··if·(oParameters.State·!==·ui().s2p().mm().supplinvoice().manage().util().Constants().blabla())·{␊
+····return·false;␊
+··}␊
+}
\ No newline at end of file

🔧 false

Using JS-Beautify beautifier:

foo.bar().baz();␊
␊
this.$("#fileName").val().addClass("disabled")␊
.prop("disabled",·true)␊
␊
function·doStuff()·{␊
··if·(oParameters.State·!==·ui().s2p().mm().supplinvoice().manage().util().Constants().blabla())·{␊
····return·false;␊
··}␊
}

How to configure

A .unibeautify.json file would look like the following:

{
  "JavaScript": {
    "indent_size": 2,
    "indent_char": " ",
    "indent_chained_methods": false,
    "beautifiers": [
      "JS-Beautify"
    ]
  }
}

Difference from original

Index: false
===================================================================
--- false   Original
+++ false   Beautified
@@ -1,10 +1,10 @@
 foo.bar().baz();␊
 ␊
 this.$("#fileName").val().addClass("disabled")␊
-····.prop("disabled",·true)␊
+.prop("disabled",·true)␊
 ␊
 function·doStuff()·{␊
-if·(oParameters.State·!==·ui().s2p().mm().supplinvoice().manage().util().Constants().blabla())·{␊
-return·false;␊
-}␊
-}␊
+··if·(oParameters.State·!==·ui().s2p().mm().supplinvoice().manage().util().Constants().blabla())·{␊
+····return·false;␊
+··}␊
+}
\ No newline at end of file