esformatter-jsx icon indicating copy to clipboard operation
esformatter-jsx copied to clipboard

Nested JSX expressions keep indenting with formatJSXExpressions: false

Open ckknight opened this issue 9 years ago • 13 comments

With esformatter 0.9.0 and esformatter-jsx 4.1.2,

no plugins aside from esformatter-jsx, only option is "jsx":{"formatJSXExpressions": false}

Input:

function Component({ items }) {
    return (<ul>
        {items.map(item => (<li key={item.key}>
            {item.value}
        </li>))}
    </ul>);
}

First output:

function Component({ items }) {
    return (<ul>
              { items.map(item => (<li key={ item.key }>
                                    { item.value }
                                </li>)) }
            </ul>);
}

Second output:

function Component({ items }) {
    return (<ul>
              { items.map(item => (<li key={ item.key }>
                                                                  { item.value }
                                                              </li>)) }
            </ul>);
}

Third output:

function Component({ items }) {
    return (<ul>
              { items.map(item => (<li key={ item.key }>
                                                                                                { item.value }
                                                                                            </li>)) }
            </ul>);
}

This phenomenon was not observed when formatJSXExpressions was not set or set to true (the default).

ckknight avatar Feb 09 '16 22:02 ckknight

interesting, let me try to replicate and will comeback to you. thanks for reporting it.

royriojas avatar Feb 09 '16 22:02 royriojas

big +1

tnrich avatar Feb 17 '16 18:02 tnrich

@royriojas Hey Friend! Have you had any luck replicating this issue? Can I provide more information that may help diagnose?

Kingles avatar Mar 01 '16 00:03 Kingles

I did replicated it man, but I have being having a big lack of time nowadays. That said PR welcome! :)

This week will be still a little busy, if nothing is done until the end of the week, I will try to take a look at this and the other issues during the weekend. Thanks for your patient.

royriojas avatar Mar 01 '16 01:03 royriojas

Ditto, sometimes it keeps adding the spaces and sometimes it's stop after certain amount of extra identing ;)


const ListComponent = React.createClass({
  render: function() {
    const value = this.props.data;
    return (<span>
                                                                                                                            {value.toString()}
                                                                                                                            </span>);
  }
});

scroll to the right ;) Where to start digging to fix this? EDIT: Hey! I've created public Cloud9 IDE with esformatter-jsx cloned from git, feel free to use it to nail down this issue ;) format-jsx.js is open in the editor here https://ide.c9.io/ljack1/esformatter-jsx

;)

ljack avatar Apr 20 '16 19:04 ljack

@ljack

I have added a small demo of esformatter-jsx that should help to fix the issue:

https://github.com/royriojas/esformatter-jsx/commit/f3be6e09300e0d299c482c95333dd17ea3b74d76

So basically there is a folder demo/ inside the repo and it has 2 folders one says entry and the other one says result.

I have added the code you posted there and when running the tool on it, even multiple times, it always yield to same result. So now I believe that might be a configuration issue. Can you share you esformatter configuration?

Also you can play with it to in the directory of the repo just run

npm run exec-demo

You can run it several times to see that the file keeps the formatting correctly.

royriojas avatar Apr 21 '16 00:04 royriojas

This is absolutely still happening. I have run your demo and get the broken result as soon as I copy demo/result/bug-9.js to demo/entry/bug-9.js and re-run.

ckknight avatar May 20 '16 00:05 ckknight

Any movement on this one? I'm still seeing it as well, although I'm not 100% positive my Atom plugin is using the latest version of esformatter-jsx.

tnrich avatar May 30 '16 07:05 tnrich

@tnrich as I said I cannot replicate this with the latest version. If you have some code that produce the issue will be nice to try to replicate. Let me know if you can share it.

royriojas avatar May 30 '16 15:05 royriojas

Definitely replicable:

11:10:01 ckknight@Camerons-MacBook-Pro(~/Development/royriojas)$ git clone https://github.com/royriojas/esformatter-jsx.git
Cloning into 'esformatter-jsx'...
remote: Counting objects: 1156, done.
remote: Compressing objects: 100% (19/19), done.
remote: Total 1156 (delta 4), reused 0 (delta 0), pack-reused 1137
Receiving objects: 100% (1156/1156), 230.67 KiB | 0 bytes/s, done.
Resolving deltas: 100% (698/698), done.
Checking connectivity... done.
11:10:12 ckknight@Camerons-MacBook-Pro(~/Development/royriojas)$ cd esformatter-jsx/
11:10:14 ckknight@Camerons-MacBook-Pro(~/Development/royriojas/esformatter-jsx) (master)$ npm installnpm WARN deprecated [email protected]: lodash@<3.0.0 is no longer maintained. Upgrade to lodash@^4.0.0.
npm WARN deprecated [email protected]: graceful-fs v3.0.0 and before will fail on node releases >= v7.0. Please update to graceful-fs@^4.0.0 as soon as possible. Use 'npm ls graceful-fs' to find it in the tree.
npm WARN deprecated [email protected]: Jade has been renamed to pug, please install the latest version of pug instead of jade
npm WARN deprecated [email protected]: lodash@<3.0.0 is no longer maintained. Upgrade to lodash@^4.0.0.
npm WARN deprecated [email protected]: graceful-fs v3.0.0 and before will fail on node releases >= v7.0. Please update to graceful-fs@^4.0.0 as soon as possible. Use 'npm ls graceful-fs' to find it in the tree.
npm WARN prefer global [email protected] should be installed with -g

> [email protected] postinstall /Users/ckknight/Development/royriojas/esformatter-jsx/node_modules/spawn-sync
> node postinstall

[email protected] /Users/ckknight/Development/royriojas/esformatter-jsx
├─┬ [email protected] 
│ └─┬ [email protected] 
│   └── [email protected] 
├─┬ [email protected] 
│ ├─┬ [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ └── [email protected] 
│ │ ├── [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ ├── [email protected] 
│ │ │ └── [email protected] 
│ │ ├── [email protected] 
│ │ ├── [email protected] 
│ │ ├── [email protected] 
│ │ └── [email protected] 
│ ├── [email protected] 
│ ├─┬ [email protected] 
│ │ └── [email protected] 
│ ├── [email protected] 
│ ├─┬ [email protected] 
│ │ └── [email protected] 
│ ├── [email protected] 
│ ├── [email protected] 
│ ├─┬ [email protected] 
│ │ ├── [email protected] 
│ │ ├── [email protected] 
│ │ └── [email protected] 
│ ├── [email protected] 
│ ├─┬ [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ └─┬ [email protected] 
│ │ │   ├── [email protected] 
│ │ │   └── [email protected] 
│ │ └─┬ [email protected] 
│ │   └── [email protected] 
│ └── [email protected] 
├─┬ [email protected] 
│ ├─┬ [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├─┬ [email protected] 
│ │ │ │ └── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ └── [email protected] 
│ │ ├── [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ └── [email protected] 
│ │ └─┬ [email protected] 
│ │   └── [email protected] 
│ ├─┬ [email protected] 
│ │ └── [email protected] 
│ ├─┬ [email protected] 
│ │ ├── [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ └── [email protected] 
│ │ ├── [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ ├─┬ [email protected] 
│ │ │ │ └── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├─┬ [email protected] 
│ │ │ │ └─┬ [email protected] 
│ │ │ │   ├── [email protected] 
│ │ │ │   └── [email protected] 
│ │ │ ├─┬ [email protected] 
│ │ │ │ └── [email protected] 
│ │ │ └── [email protected] 
│ │ ├── [email protected] 
│ │ ├── [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ ├─┬ [email protected] 
│ │ │ │ └─┬ [email protected] 
│ │ │ │   └─┬ [email protected] 
│ │ │ │     └── [email protected] 
│ │ │ ├─┬ [email protected] 
│ │ │ │ └── [email protected] 
│ │ │ └── [email protected] 
│ │ ├── [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ └── [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ └─┬ [email protected] 
│ │ │   └── [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ ├─┬ [email protected] 
│ │ │ │ └── [email protected] 
│ │ │ └── [email protected] 
│ │ ├── [email protected] 
│ │ ├── [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ ├─┬ [email protected] 
│ │ │ │ └── [email protected] 
│ │ │ └── [email protected] 
│ │ ├── [email protected] 
│ │ ├── [email protected] 
│ │ ├── [email protected] 
│ │ ├── [email protected] 
│ │ └─┬ [email protected] 
│ │   └── [email protected] 
│ ├─┬ [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ ├─┬ [email protected] 
│ │ │ │ └── [email protected] 
│ │ │ └─┬ [email protected] 
│ │ │   └── [email protected] 
│ │ └─┬ [email protected] 
│ │   └── [email protected] 
│ ├─┬ [email protected] 
│ │ └── [email protected] 
│ ├─┬ [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ └── [email protected] 
│ │ └─┬ [email protected] 
│ │   ├─┬ [email protected] 
│ │   │ ├── [email protected] 
│ │   │ └── [email protected] 
│ │   ├─┬ [email protected] 
│ │   │ └── [email protected] 
│ │   └─┬ [email protected] 
│ │     └── [email protected] 
│ ├── [email protected] 
│ ├── [email protected] 
│ ├─┬ [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ ├─┬ [email protected] 
│ │ │ │ ├─┬ [email protected] 
│ │ │ │ │ ├── [email protected] 
│ │ │ │ │ └── [email protected] 
│ │ │ │ ├─┬ [email protected] 
│ │ │ │ │ ├─┬ [email protected] 
│ │ │ │ │ │ └── [email protected] 
│ │ │ │ │ ├── [email protected] 
│ │ │ │ │ ├─┬ [email protected] 
│ │ │ │ │ │ ├─┬ [email protected] 
│ │ │ │ │ │ │ └── [email protected] 
│ │ │ │ │ │ ├── [email protected] 
│ │ │ │ │ │ ├─┬ [email protected] 
│ │ │ │ │ │ │ └─┬ [email protected] 
│ │ │ │ │ │ │   ├── [email protected] 
│ │ │ │ │ │ │   └── [email protected] 
│ │ │ │ │ │ ├─┬ [email protected] 
│ │ │ │ │ │ │ └── [email protected] 
│ │ │ │ │ │ └── [email protected] 
│ │ │ │ │ └── [email protected] 
│ │ │ │ ├── [email protected] 
│ │ │ │ ├─┬ [email protected] 
│ │ │ │ │ └─┬ [email protected] 
│ │ │ │ │   └── [email protected] 
│ │ │ │ ├── [email protected] 
│ │ │ │ └─┬ [email protected] 
│ │ │ │   └─┬ [email protected] 
│ │ │ │     ├─┬ [email protected] 
│ │ │ │     │ └── [email protected] 
│ │ │ │     ├── [email protected] 
│ │ │ │     ├─┬ [email protected] 
│ │ │ │     │ └─┬ [email protected] 
│ │ │ │     │   ├── [email protected] 
│ │ │ │     │   └── [email protected] 
│ │ │ │     └─┬ [email protected] 
│ │ │ │       └── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ └─┬ [email protected] 
│ │ │   └─┬ [email protected] 
│ │ │     └── [email protected] 
│ │ └─┬ [email protected] 
│ │   ├─┬ [email protected] 
│ │   │ └── [email protected] 
│ │   ├─┬ [email protected] 
│ │   │ ├── [email protected] 
│ │   │ ├── [email protected] 
│ │   │ └── [email protected] 
│ │   └─┬ [email protected] 
│ │     ├── [email protected] 
│ │     ├── [email protected] 
│ │     └── [email protected] 
│ ├─┬ [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ ├─┬ [email protected] 
│ │ │ │ └── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├─┬ [email protected] 
│ │ │ │ └─┬ [email protected] 
│ │ │ │   ├── [email protected] 
│ │ │ │   └── [email protected] 
│ │ │ └─┬ [email protected] 
│ │ │   └── [email protected] 
│ │ └── [email protected] 
│ ├─┬ [email protected] 
│ │ ├── [email protected] 
│ │ ├── [email protected] 
│ │ ├── [email protected] 
│ │ ├── [email protected] 
│ │ ├── [email protected] 
│ │ └── [email protected] 
│ ├─┬ [email protected] 
│ │ ├── [email protected] 
│ │ ├── [email protected] 
│ │ └── [email protected] 
│ ├── [email protected] 
│ └─┬ [email protected] 
│   └─┬ [email protected] 
│     └── [email protected] 
├─┬ [email protected] 
│ ├── [email protected] 
│ ├─┬ [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ ├─┬ [email protected] 
│ │ │ │ └── [email protected] 
│ │ │ └── [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ └─┬ [email protected] 
│ │ │   └── [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ ├── [email protected] 
│ │ │ └── [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ ├─┬ [email protected] 
│ │ │ │ └── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ └── [email protected] 
│ │ ├── [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ └── [email protected] 
│ │ ├── [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ └── [email protected] 
│ │ └── [email protected] 
│ ├─┬ [email protected] 
│ │ └─┬ [email protected] 
│ │   └── [email protected] 
│ ├── [email protected] 
│ ├─┬ [email protected] 
│ │ ├── [email protected] 
│ │ └── [email protected] 
│ ├─┬ [email protected] 
│ │ ├── [email protected] 
│ │ ├── [email protected] 
│ │ └── [email protected] 
│ ├── [email protected] 
│ ├── [email protected] 
│ ├─┬ [email protected] 
│ │ ├── [email protected] 
│ │ ├── [email protected] 
│ │ ├── [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ └── [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ └── [email protected] 
│ │ └── [email protected] 
│ ├── [email protected] 
│ ├─┬ [email protected] 
│ │ └── [email protected] 
│ ├─┬ [email protected] 
│ │ ├── [email protected] 
│ │ └── [email protected] 
│ ├─┬ [email protected] 
│ │ ├── [email protected] 
│ │ └── [email protected] 
│ ├── [email protected] 
│ ├── [email protected] 
│ ├─┬ [email protected] 
│ │ ├── [email protected] 
│ │ └── [email protected] 
│ ├── [email protected] 
│ ├── [email protected] 
│ ├── [email protected] 
│ └── [email protected] 
├── [email protected] 
├─┬ [email protected] 
│ ├─┬ [email protected] 
│ │ ├── [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├─┬ [email protected] 
│ │ │ │ └── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├─┬ [email protected] 
│ │ │ │ └── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├─┬ [email protected] 
│ │ │ │ ├── [email protected] 
│ │ │ │ └── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├─┬ [email protected] 
│ │ │ │ ├── [email protected] 
│ │ │ │ └── [email protected] 
│ │ │ ├─┬ [email protected] 
│ │ │ │ └─┬ [email protected] 
│ │ │ │   └── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├─┬ [email protected] 
│ │ │ │ ├─┬ [email protected] 
│ │ │ │ │ ├─┬ [email protected] 
│ │ │ │ │ │ └── [email protected] 
│ │ │ │ │ ├── [email protected] 
│ │ │ │ │ ├── [email protected] 
│ │ │ │ │ └── [email protected] 
│ │ │ │ ├─┬ [email protected] 
│ │ │ │ │ ├─┬ [email protected] 
│ │ │ │ │ │ └── [email protected] 
│ │ │ │ │ ├── [email protected] 
│ │ │ │ │ ├── [email protected] 
│ │ │ │ │ ├── [email protected] 
│ │ │ │ │ ├── [email protected] 
│ │ │ │ │ ├── [email protected] 
│ │ │ │ │ ├── [email protected] 
│ │ │ │ │ ├── [email protected] 
│ │ │ │ │ ├── [email protected] 
│ │ │ │ │ └─┬ [email protected] 
│ │ │ │ │   ├─┬ [email protected] 
│ │ │ │ │   │ └─┬ [email protected] 
│ │ │ │ │   │   └── [email protected] 
│ │ │ │ │   ├── [email protected] 
│ │ │ │ │   └── [email protected] 
│ │ │ │ ├── [email protected] 
│ │ │ │ └─┬ [email protected] 
│ │ │ │   ├── [email protected] 
│ │ │ │   └── [email protected] 
│ │ │ ├─┬ [email protected] 
│ │ │ │ ├── [email protected] 
│ │ │ │ ├── [email protected] 
│ │ │ │ └─┬ [email protected] 
│ │ │ │   └── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├─┬ [email protected] 
│ │ │ │ └── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ └── [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ ├─┬ [email protected] 
│ │ │ │ └── [email protected] 
│ │ │ ├─┬ [email protected] 
│ │ │ │ └── [email protected] 
│ │ │ └── [email protected] 
│ │ └─┬ [email protected] 
│ │   ├── [email protected] 
│ │   ├── [email protected] 
│ │   ├── [email protected] 
│ │   ├─┬ [email protected] 
│ │   │ └── [email protected] 
│ │   └── [email protected] 
│ ├─┬ [email protected] 
│ │ └── [email protected] 
│ ├─┬ [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ └── [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ ├─┬ [email protected] 
│ │ │ │ ├── [email protected] 
│ │ │ │ ├── [email protected] 
│ │ │ │ ├── [email protected] 
│ │ │ │ ├── [email protected] 
│ │ │ │ └── [email protected] 
│ │ │ └── [email protected] 
│ │ ├── [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ └── [email protected] 
│ │ ├── [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ ├─┬ [email protected] 
│ │ │ │ ├── [email protected] 
│ │ │ │ ├── [email protected] 
│ │ │ │ ├── [email protected] 
│ │ │ │ ├── [email protected] 
│ │ │ │ ├── [email protected] 
│ │ │ │ └── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ └─┬ [email protected] 
│ │ │   └── [email protected] 
│ │ ├── [email protected] 
│ │ ├── [email protected] 
│ │ ├── [email protected] 
│ │ ├── [email protected] 
│ │ ├── [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├─┬ [email protected] 
│ │ │ │ └─┬ [email protected] 
│ │ │ │   └── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├─┬ [email protected] 
│ │ │ │ ├── [email protected] 
│ │ │ │ ├── [email protected] 
│ │ │ │ └── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ └── [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├─┬ [email protected] 
│ │ │ │ └── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ └── [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ └── [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ └── [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ └── [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ ├── [email protected] 
│ │ │ └── [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ ├── [email protected] 
│ │ │ └─┬ [email protected] 
│ │ │   ├── [email protected] 
│ │ │   ├── [email protected] 
│ │ │   └── [email protected] 
│ │ ├── [email protected] 
│ │ ├── [email protected] 
│ │ ├── [email protected] 
│ │ ├── [email protected] 
│ │ ├── [email protected] 
│ │ ├── [email protected] 
│ │ └── [email protected] 
│ ├─┬ [email protected] 
│ │ └── [email protected] 
│ ├── [email protected] 
│ ├── [email protected] 
│ └─┬ [email protected] 
│   ├── [email protected] 
│   ├── [email protected] 
│   ├── [email protected] 
│   ├── [email protected] 
│   ├── [email protected] 
│   └── [email protected] 
├── [email protected] 
├─┬ [email protected] 
│ ├── [email protected] 
│ ├── [email protected] 
│ ├── [email protected] 
│ └── [email protected] 
├─┬ [email protected] 
│ ├── [email protected] 
│ ├── [email protected] 
│ ├─┬ [email protected] 
│ │ ├── [email protected] 
│ │ ├── [email protected] 
│ │ ├── [email protected] 
│ │ └─┬ [email protected] 
│ │   └── [email protected] 
│ ├── [email protected] 
│ ├─┬ [email protected] 
│ │ └── [email protected] 
│ ├─┬ [email protected] 
│ │ ├── [email protected] 
│ │ ├── [email protected] 
│ │ ├── [email protected] 
│ │ └─┬ [email protected] 
│ │   ├── [email protected] 
│ │   ├── [email protected] 
│ │   └─┬ [email protected] 
│ │     ├── [email protected] 
│ │     ├─┬ [email protected] 
│ │     │ ├─┬ [email protected] 
│ │     │ │ ├─┬ [email protected] 
│ │     │ │ │ ├─┬ [email protected] 
│ │     │ │ │ │ └── [email protected] 
│ │     │ │ │ └── [email protected] 
│ │     │ │ └── [email protected] 
│ │     │ ├── [email protected] 
│ │     │ └── [email protected] 
│ │     ├── [email protected] 
│ │     └── [email protected] 
│ ├─┬ [email protected] 
│ │ └─┬ [email protected] 
│ │   └── [email protected] 
│ ├─┬ [email protected] 
│ │ └── [email protected] 
│ ├── [email protected] 
│ ├─┬ [email protected] 
│ │ └── [email protected] 
│ ├─┬ [email protected] 
│ │ └── [email protected] 
│ ├─┬ [email protected] 
│ │ └── [email protected] 
│ └── [email protected] 
├─┬ [email protected] 
│ └─┬ [email protected] 
│   ├── [email protected] 
│   └── [email protected] 
├─┬ [email protected] 
│ ├─┬ [email protected] 
│ │ ├── [email protected] 
│ │ └─┬ [email protected] 
│ │   └── [email protected] 
│ ├── [email protected] 
│ ├── [email protected] 
│ ├─┬ [email protected] 
│ │ └─┬ [email protected] 
│ │   ├─┬ [email protected] 
│ │   │ ├─┬ [email protected] 
│ │   │ │ ├── [email protected] 
│ │   │ │ └── [email protected] 
│ │   │ ├── [email protected] 
│ │   │ └─┬ [email protected] 
│ │   │   └── [email protected] 
│ │   └── [email protected] 
│ ├─┬ [email protected] 
│ │ ├── [email protected] 
│ │ ├── [email protected] 
│ │ ├── [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ └─┬ [email protected] 
│ │ │   ├── [email protected] 
│ │ │   └── [email protected] 
│ │ ├── [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ ├── [email protected] 
│ │ │ └── [email protected] 
│ │ ├── [email protected] 
│ │ └── [email protected] 
│ ├── [email protected] 
│ ├─┬ [email protected] 
│ │ ├── [email protected] 
│ │ ├── [email protected] 
│ │ ├── [email protected] 
│ │ └── [email protected] 
│ ├── [email protected] 
│ └── [email protected] 
├─┬ [email protected] 
│ └─┬ [email protected] 
│   ├─┬ [email protected] 
│   │ ├── [email protected] 
│   │ └── [email protected] 
│   ├─┬ [email protected] 
│   │ ├─┬ [email protected] 
│   │ │ └── [email protected] 
│   │ ├── [email protected] 
│   │ └── [email protected] 
│   ├── [email protected] 
│   ├─┬ [email protected] 
│   │ └── [email protected] 
│   ├── [email protected] 
│   └─┬ [email protected] 
│     └── [email protected] 
├─┬ [email protected] 
│ └─┬ [email protected] 
│   ├─┬ [email protected] 
│   │ ├── [email protected] 
│   │ └── [email protected] 
│   └── [email protected] 
├─┬ [email protected] 
│ ├─┬ [email protected] 
│ │ ├── [email protected] 
│ │ └── [email protected] 
│ └── [email protected] 
├─┬ [email protected] 
│ └── [email protected] 
└─┬ [email protected] 
  ├─┬ [email protected] 
  │ └── [email protected] 
  ├─┬ [email protected] 
  │ └─┬ [email protected] 
  │   ├─┬ [email protected] 
  │   │ ├── [email protected] 
  │   │ └── [email protected] 
  │   ├── [email protected] 
  │   └── [email protected] 
  └─┬ [email protected] 
11:11:49 ckknight@Camerons-MacBook-Pro(~/Development/royriojas/esformatter-jsx) (master)$ npm run exec-demo

> [email protected] exec-demo /Users/ckknight/Development/royriojas/esformatter-jsx
> cd demo && node runner.js

/Users/ckknight/Development/royriojas/esformatter-jsx/demo/runner.js:45
    throw new Error( 'Expected ' + file + ' to reformat to the same result' );
    ^

Error: Expected bug-9.js to reformat to the same result
    at /Users/ckknight/Development/royriojas/esformatter-jsx/demo/runner.js:45:11
    at Array.forEach (native)
    at Object.<anonymous> (/Users/ckknight/Development/royriojas/esformatter-jsx/demo/runner.js:9:7)
    at Module._compile (module.js:413:34)
    at Object.Module._extensions..js (module.js:422:10)
    at Module.load (module.js:357:32)
    at Function.Module._load (module.js:314:12)
    at Function.Module.runMain (module.js:447:10)
    at startup (node.js:140:18)
    at node.js:1001:3

npm ERR! Darwin 15.0.0
npm ERR! argv "/Users/ckknight/.nvm/versions/node/v5.6.0/bin/node" "/Users/ckknight/.nvm/versions/node/v5.6.0/bin/npm" "run" "exec-demo"
npm ERR! node v5.6.0
npm ERR! npm  v3.6.0
npm ERR! code ELIFECYCLE
npm ERR! [email protected] exec-demo: `cd demo && node runner.js`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the [email protected] exec-demo script 'cd demo && node runner.js'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the esformatter-jsx package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     cd demo && node runner.js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs esformatter-jsx
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls esformatter-jsx
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     /Users/ckknight/Development/royriojas/esformatter-jsx/npm-debug.log

ckknight avatar May 31 '16 18:05 ckknight

@ckknight not sure I follow your log,

So you basically are saying that as soon as you clone, pull master and run the demo it crashes?

Cause that's definitively not happening to me :(

Will try on another laptop to see if I can reproduce.

royriojas avatar Jun 06 '16 16:06 royriojas

Yes, immediately after cloning, running npm install, and then running npm run exec-demo, it errors.

ckknight avatar Jun 06 '16 16:06 ckknight

I was finally able to reproduce. I removed my npm modules and the issue start to happen. Not sure why.

In any case I see the reason now, there are some tags that js-beautify just leave as unformatted, span is one then. A workaround is to remove span from the list of unformatted in the htmlOptions section. But it won't be perfect. I will try to see if a proper fix can be implemented.

Thanks for helping to reproduce @ckknight

royriojas avatar Jun 06 '16 23:06 royriojas