esfmt

esfmt copied to clipboard

esfmt formats (beautifies, pretty-prints) javascript (es6, jsx) code.

Install

npm install -g esfmt

Example

// echo 'if((a + b) * 4){return (e) => { return a.b.c(<Component a="5" b={[1, b, 0]}><br /></Component>)}} else { return {a: 5, b: 8, c: 9} }' | ./bin/esfmt
if ((a + b) * 4) {
    return (e) => {
        return a.b.c(<Component a="5" b={[1, b, 0]}>
            <br />
        </Component>);
    };
} else {
    return {
        a: 5,
        b: 8,
        c: 9
    };
}

Development

Testing

Most of the testing is done by formatting code snippets and matching resulting output with expected string value.

Code snippet files are located at test/code_snippets/*.js

The DSL has the following format

// input: test case description (e.g. variable declaration)
let a        =         5;
// output:
let a = 5;

this will produce a test case that will look like this:

code snippets
    ✓ code_snippets_filename: test case description (e.g. variable declaration)

if any specific test needs to be whitelisted (mocha it.only) or blacklisted (mocha it.skip) skip or only line can be added after the test description

// input: arrays
// skip
[1, 'a', null];
// output:
[1, 'a', null];

or

// input: arrays
// only
[1, 'a', null];
// output:
[1, 'a', null];

in addition to that, if any specific configuration values need to be used for the test, they can be passed using a config line // config: {"settingName": "value"}

Note that the values should be provided in JSON format (meaning double quotes around the keys)

// input: arrays
// only
// config: {"max-len": 5}
[1, 'a', null];
// output:
[1, 'a', null];

TODO

• CLI
• comments in
  • class definitions
  • arguments (lists)