Choco Tools

CJS to ESM converter

Open your command palette (CTRL + SHIFT + P) then execute "Convert current file from CommonJS to ESM", this will change the imports and exports of your file from CommonJS (require()) to ESM import "".

CSS orderer

The CSS orderer is available as a formatter:

"[css]": {
    "editor.defaultFormatter": "chocolateimage.chocotools"
},

It uses 9elements' CSS rule order that can be found here and supports CSS, HTML and Vue files.

If Prettier is installed, it will be automatically formatted with Prettier too and can be disabled in the settings as chocotools.runPrettier.

Automatic Git commit message prefixer

If you commit on a branch with double dashes, for example TICKET-1234--Broken-link, Choco Tools will automatically ask you if you want to have TICKET-1234: as a Git commit message prefix so if you try to type a commit message it will automatically add the prefix.