Unibeautify
  • Install
  • Docs
  • Assistant
  • Playground
  • GitHub

›E

A

  • Align Assignments
  • Arrow Parens

B

  • Brace Style
  • Break Chained Methods

C

  • Comma First

E

  • End With Comma
  • End With Newline
  • End With Semicolon

F

  • Force Indentation

I

  • Identifier Case
  • Indent Chained Methods
  • Indent Comments
  • Indent Inner Html
  • Indent Scripts
  • Indent Size
  • Indent Style

J

  • JSLint Happy
  • JSX Brackets

K

  • Keep Array Indentation
  • Keyword Case

M

  • Max Preserve Newlines
  • Multiline Ternary

N

  • Newline Before Tags
  • Newline Between Rules
  • No Leading Zero

O

  • Object Curly Spacing

P

  • Pragma Insert
  • Pragma Require
  • Preserve Newlines

Q

  • Quotes

R

  • Remove Trailing Whitespace

S

  • Selector Separator Newline
  • Space After Anon Function
  • Space Before Conditional
  • Space In Empty Paren
  • Space In Paren

U

  • Unescape Strings
  • Unformatted

W

  • Wrap Attributes
  • Wrap Attributes Indent Size
  • Wrap Line Length
  • Wrap Prose
Edit

End With Semicolon

Config Key: end_with_semicolon

Description: Insert a semicolon at the end of statements

Available since version: 0.7.0 (Current: npm)

Type: boolean

Default: false

Support

Edit Beautifiers

Languages: JSX, JavaScript, TypeScript

Beautifiers: Prettier, ESLint

Comparison Table

LanguagePrettierESLint
JSX✅✅
JavaScript✅✅
TypeScript✅❌

Examples

Invisible characters are shown with the following symbols:

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

Edit JSX Example

🚧 Original Code

var·str1·=·"Unibeautify"␊
var·str2·=·"Unibeautify";␊
var·method1·=·function()·{␊
····console.log(str1)␊
}␊
var·method2·=·function()·{␊
····console.log(str2);␊
};␊
method1()␊
method2();

🔧 true

Using Prettier beautifier:

var·str1·=·"Unibeautify";␊
var·str2·=·"Unibeautify";␊
var·method1·=·function()·{␊
··console.log(str1);␊
};␊
var·method2·=·function()·{␊
··console.log(str2);␊
};␊
method1();␊
method2();␊

How to configure A .unibeautify.json file would look like the following:

{
  "JSX": {
    "indent_size": 2,
    "indent_char": " ",
    "end_with_semicolon": true,
    "beautifiers": [
      "Prettier"
    ]
  }
}

Difference from original

Index: true
===================================================================
--- true    Original
+++ true    Beautified
@@ -1,10 +1,10 @@
-var·str1·=·"Unibeautify"␊
+var·str1·=·"Unibeautify";␊
 var·str2·=·"Unibeautify";␊
 var·method1·=·function()·{␊
-····console.log(str1)␊
-}␊
+··console.log(str1);␊
+};␊
 var·method2·=·function()·{␊
-····console.log(str2);␊
\ No newline at end of file
+··console.log(str2);␊
 };␊
-method1()␊
-method2();
+method1();␊
+method2();␊

🔧 false

Using Prettier beautifier:

var·str1·=·"Unibeautify"␊
var·str2·=·"Unibeautify"␊
var·method1·=·function()·{␊
··console.log(str1)␊
}␊
var·method2·=·function()·{␊
··console.log(str2)␊
}␊
method1()␊
method2()␊

How to configure A .unibeautify.json file would look like the following:

{
  "JSX": {
    "indent_size": 2,
    "indent_char": " ",
    "end_with_semicolon": false,
    "beautifiers": [
      "Prettier"
    ]
  }
}

Difference from original

Index: false
===================================================================
--- false   Original
+++ false   Beautified
@@ -1,10 +1,10 @@
 var·str1·=·"Unibeautify"␊
-var·str2·=·"Unibeautify";␊
+var·str2·=·"Unibeautify"␊
 var·method1·=·function()·{␊
-····console.log(str1)␊
+··console.log(str1)␊
 }␊
 var·method2·=·function()·{␊
-····console.log(str2);␊
-};␊
\ No newline at end of file
+··console.log(str2)␊
+}␊
 method1()␊
-method2();
+method2()␊

Edit JavaScript Example

🚧 Original Code

var·str1·=·"Unibeautify"␊
var·str2·=·"Unibeautify";␊
var·method1·=·function()·{␊
····console.log(str1)␊
}␊
var·method2·=·function()·{␊
····console.log(str2);␊
};␊
method1()␊
method2();

🔧 true

Using Prettier beautifier:

var·str1·=·"Unibeautify";␊
var·str2·=·"Unibeautify";␊
var·method1·=·function()·{␊
··console.log(str1);␊
};␊
var·method2·=·function()·{␊
··console.log(str2);␊
};␊
method1();␊
method2();␊

How to configure A .unibeautify.json file would look like the following:

{
  "JavaScript": {
    "indent_size": 2,
    "indent_char": " ",
    "end_with_semicolon": true,
    "beautifiers": [
      "Prettier"
    ]
  }
}

Difference from original

Index: true
===================================================================
--- true    Original
+++ true    Beautified
@@ -1,10 +1,10 @@
-var·str1·=·"Unibeautify"␊
+var·str1·=·"Unibeautify";␊
 var·str2·=·"Unibeautify";␊
 var·method1·=·function()·{␊
-····console.log(str1)␊
-}␊
+··console.log(str1);␊
+};␊
 var·method2·=·function()·{␊
-····console.log(str2);␊
\ No newline at end of file
+··console.log(str2);␊
 };␊
-method1()␊
-method2();
+method1();␊
+method2();␊

🔧 false

Using Prettier beautifier:

var·str1·=·"Unibeautify"␊
var·str2·=·"Unibeautify"␊
var·method1·=·function()·{␊
··console.log(str1)␊
}␊
var·method2·=·function()·{␊
··console.log(str2)␊
}␊
method1()␊
method2()␊

How to configure A .unibeautify.json file would look like the following:

{
  "JavaScript": {
    "indent_size": 2,
    "indent_char": " ",
    "end_with_semicolon": false,
    "beautifiers": [
      "Prettier"
    ]
  }
}

Difference from original

Index: false
===================================================================
--- false   Original
+++ false   Beautified
@@ -1,10 +1,10 @@
 var·str1·=·"Unibeautify"␊
-var·str2·=·"Unibeautify";␊
+var·str2·=·"Unibeautify"␊
 var·method1·=·function()·{␊
-····console.log(str1)␊
+··console.log(str1)␊
 }␊
 var·method2·=·function()·{␊
-····console.log(str2);␊
-};␊
\ No newline at end of file
+··console.log(str2)␊
+}␊
 method1()␊
-method2();
+method2()␊

Edit TypeScript Example

🚧 Original Code

var·str1·=·"Unibeautify"␊
var·str2·=·"Unibeautify";␊
var·method1·=·function()·{␊
····console.log(str1)␊
}␊
var·method2·=·function()·{␊
····console.log(str2);␊
};␊
method1()␊
method2();

🔧 true

Using Prettier beautifier:

var·str1·=·"Unibeautify";␊
var·str2·=·"Unibeautify";␊
var·method1·=·function()·{␊
··console.log(str1);␊
};␊
var·method2·=·function()·{␊
··console.log(str2);␊
};␊
method1();␊
method2();␊

How to configure A .unibeautify.json file would look like the following:

{
  "TypeScript": {
    "indent_size": 2,
    "indent_char": " ",
    "end_with_semicolon": true,
    "beautifiers": [
      "Prettier"
    ]
  }
}

Difference from original

Index: true
===================================================================
--- true    Original
+++ true    Beautified
@@ -1,10 +1,10 @@
-var·str1·=·"Unibeautify"␊
+var·str1·=·"Unibeautify";␊
 var·str2·=·"Unibeautify";␊
 var·method1·=·function()·{␊
-····console.log(str1)␊
-}␊
+··console.log(str1);␊
+};␊
 var·method2·=·function()·{␊
-····console.log(str2);␊
\ No newline at end of file
+··console.log(str2);␊
 };␊
-method1()␊
-method2();
+method1();␊
+method2();␊

🔧 false

Using Prettier beautifier:

var·str1·=·"Unibeautify"␊
var·str2·=·"Unibeautify"␊
var·method1·=·function()·{␊
··console.log(str1)␊
}␊
var·method2·=·function()·{␊
··console.log(str2)␊
}␊
method1()␊
method2()␊

How to configure A .unibeautify.json file would look like the following:

{
  "TypeScript": {
    "indent_size": 2,
    "indent_char": " ",
    "end_with_semicolon": false,
    "beautifiers": [
      "Prettier"
    ]
  }
}

Difference from original

Index: false
===================================================================
--- false   Original
+++ false   Beautified
@@ -1,10 +1,10 @@
 var·str1·=·"Unibeautify"␊
-var·str2·=·"Unibeautify";␊
+var·str2·=·"Unibeautify"␊
 var·method1·=·function()·{␊
-····console.log(str1)␊
+··console.log(str1)␊
 }␊
 var·method2·=·function()·{␊
-····console.log(str2);␊
-};␊
\ No newline at end of file
+··console.log(str2)␊
+}␊
 method1()␊
-method2();
+method2()␊

← End With NewlineForce Indentation →
  • Support
  • Examples
Unibeautify
Docs
Getting StartedCLIConfigurationOptions
Community
User ShowcaseStack Overflow@Unibeautify on TwitterFollow Unibeautify on Twitter
More
GitHubStar Unibeautify on GitHubCode coverage of UnibeautifyCode coverage of Unibeautify
© 2020 Glavin Wiechert
Credits