Transforms should match the original formatting

[nolanlawson]

Currently, we reformat HTML/JS after running it through the tool. This can lead to a few issues:

JS

The formatting may end up different from the source file, e.g. in the case of indentation.

Before:

export default class Foo extends LightningElement {
    // Public
    @api title;
}

After:

export default class Foo extends LightningElement {
static renderMode = "light";
// Public
@api title;
}

(Note the changed indentation.)

HTML

Before:

<some-component foo></some-component>

After:

<some-component foo=""></some-component>

This is equivalent code per HTML semantics, but in the case of some-component it might actually treat the two differently. So this could change the behavior. Actually getAttribute/hasAttribute returns the same thing in both cases, so it's strictly equivalent.

We also transform things like SVG <path /> into <path></path>. (Equivalent, but potentially unwanted.)

CSS

I'm not aware of any cases where we change formatting/indentation, but maybe we do.