CHANGELOG.md

Change Log

Unreleased

• Formatting Selected code only to avoid problems.
• Removes unused imports.
• Formating imports on save.

Release Notes

[1.0.4] - 2022-02-23

• Fixing some issues about (FileType not supported error).

• Components with arrributes like sx= {{...}} can be formatted.

• Please keep in mind that the extension formats only inline statements. For example, in this case, it will only handle the first line and may result in the removal of ={{.

• It transforms the line below :

    <Button variant="outlined" color="primary" component="label" sx={{

• Into this which will cause you problems:

    <Button
              variant="outlined"
              color="primary"
              component="label"
              sx

• It is recommended for now to apply it only on statements like

    <Button variant="outlined" color="primary" component="label" sx={{...}} />

• which will result in

      <Button
                variant="outlined"
                color="primary"
                component="label"
                sx={{...}}
      />

[1.0.3] - 2022-02-22

• Now it can formats React Componenets' attributes and props with more or equal to 3
• It is recommended to format your document using the widely-known shortcut Alt+Shift+F before utilizing this extension ctrl+Shift+J.
• It transforms this

< Component  className = 'class' value1={val} value2={val2} value3=50 disabled  />

• To this

<Component
              className='class'
              value1={val}
              value2={val2}
              value3=50
              disabled
/>

[1.0.2] - 2022-02-22

• No changes within the extension
• Changing Extension categories from other to Formatters

[1.0.1] - 2022-02-22

+ It is able now to format exports both for `commonJS` & `moduleJS`;
+ It is able now to format import (as a list) with its different known ways as follows 

import {a, b, c} from 'module/path'
import {a as a1, b as b1, c as c1} from 'module/path'
import defaultExport, {a, b, c} from 'module/path'
import defaultExport, {a as a1, b as b1, c as c1} from 'module/path'

[1.0.0] - 2022-02-20

• Supports automatic sorting and formatting of import statements in JavaScript files Features
• Supports both import and require statements

Feautures

• The Beautiful imports extension is designed to improve the readability of JavaScript files by formatting imports.
• In particular, it formats inline imports with more than 3 (default value) elements to be displayed vertically, making it easier to read and understand the imports in your code.
• Automatic sorting for imports and exports.
• Supports both import and require statements.
• Formats html tags ,React Componenets' attributes with more or equal to 3 (default value) elements to be displayed vertically.

Known Issues

• In rare cases, formatting may not work correctly if the import statements are not formatted correctly in the first place.
• Error: Illegal value for 'line' may be thrown.
• ⚠️ This is just a prototype, it will be replaced or removed sooner.