Has the problem been solved?

It seems that this plugin fires this issue in settings JSON view:

$ref '/definitions/jspmDefinition' in 'vscode://schemas/settings/user' can not be resolved.

More info in this SO question https://stackoverflow.com/questions/62107288/vs-code-settings-json-error-ref-definitions-jspmdefinitioninvscode-schema

A little bit late, but anyhow ... Replacing the deprecated "rootPath" property (extension.js, lines 96 and 166) with "workspaceFolder" fixed it for me.

• Operating System (+Version): Manjaro (on the Windows Subsystem for Linux), kernal x86_64 Linux 4.19.128-microsoft-standard
• VS Code Version: 1.52.1
• beautify Version: 1.5.0

Provide the settings you use: (VS Code workspace and user settings, .jsbeautifyrc, .editorconfig) eg.: VS Code:

{
	{
    // Window //
    "window.zoomLevel": 1,
    // Workbench //
    "workbench.colorTheme": "Default High Contrast",
    // Files //
    "files.autoSave": "afterDelay",
    // Editor //
    "editor.accessibilitySupport": "off",
    "editor.mouseWheelZoom": true,
    "editor.tabSize": 2,
    "editor.formatOnSave": true,
    // Workbench //
    "workbench.colorCustomizations": {
        //"editorIndentGuide.background":"#ffffff75",
        "editorIndentGuide.background": "#ffffff50",
        "editorIndentGuide.activeBackground": "#ffffff75"
    },
    //Font
    "editor.fontLigatures": true,
    "editor.fontFamily": "Fira Code Retina",
    // Languages //
    "[javascript]": {
        "editor.defaultFormatter": "vscode.typescript-language-features"
    },
    // "maptz.regionfolder": {
    //     "[javascript]": {                                      //Language selector
    //         "foldStart": "/* #region [NAME] */",              //Text inserted at the start of the fold.
    //         "foldStartRegex": "/* #region*",  ////Regex used to find fold start text.
    //         "foldEnd": "/* #endregion */",                    //Text inserted at the end of the fold
    //         "foldEndRegex": "/* #endregion */",          //Regex used to find fold end text.          
    //                                                     //Use the `[NAME]` placeholder to indicate
    //                                                     //where the cursor should be placed after
    //                                                     //insertion
    //         "disableFolding": false //Turn off #region folding for this language
    //   }
    // }
    // Jupyter //
    "jupyter.alwaysTrustNotebooks": true,
    // Settings Sync //
    "sync.gist": "<my-gist>",
    "sync.autoUpload": false,
    "javascript.updateImportsOnFileMove.enabled": "always",
    "markdown.extension.tableFormatter.normalizeIndentation": true,
    "editor.tabCompletion": "onlySnippets",
    "emmet.triggerExpansionOnTab": true,
}
}

.jsbeautifyrc - none

Action performed

Format javascript file with HookyQR.beautifyFile command >beautify file (in the VSCode command thingy)

Expected results

Expected Beautify to indent the file using 2 tabs (defined editor.tabSize)

Actual results

Details of what happened ... Beautifies the file, but doesn't changes the indention of the file to 2 tabs

• Operating System (+Version): Windows 10 V19042.685
• VS Code Version: x86_64 V1.52.1
• beautify Version: 1.5.0

My configuration in settings.json about Beautify is like this:

"editor.defaultFormatter": "HookyQR.beautify",
    "editor.formatOnSave": false,
    "editor.formatOnType": false,
    "beautify.config": {
        "brace_style": "collapse,preserve-inline",
        "space_after_anon_function": false,
        "space_after_named_function": false,
        "space_before_conditional": false,
        // "space_in_empty_paren": false,
        // "space_in_paren": false,
},

After making this config, when I format JS code like this:

for (let index = 0; index < array.length; index++) {
    const element = array[index];

}
if (condition) {

}

function name (params) {

}

IT turns out like this:

for(let index = 0; index < array.length; index++) {
    const element = array[index];

}
if(condition) {

}

function name(params) {

}

However, what I expect is like this:

for(let index = 0; index < array.length; index++){
    const element = array[index];

}
if(condition){

}

function name(params){

}

In other words, I DONOT WANT the space before "{" ...I wonder if I can make it by using Beautify? Or is there some other configuration overwrite the configuration of Beautify? Or can I make it by using some specific vs-code settings?(I tried searching on google about this but didn't find a way(Most of the others want add this space before "{"...So why not make it configurable?)).

I see beautify-web/js-beautify#1779 and beautify-web/js-beautify#1794 both have been merged, and released in js-beautify 1.11.0

Does it mean this extension need to upgrade its dependency and do a release?

this is the indentation rule:

"indentationRules": {
    "increaseIndentPattern": "((\\<)(body|address|blockquote|dd|div|dl|dt|tr|tbody|thead|fieldset|form|frame|frameset|h1|h2|h3|h4|h5|h6|iframe|noframes|object|ol|p|ul|applet|center|dir|a|menu|pre|table|button|a|abbr|acronym|area|b|base|basefont|bdo|big|br|button|caption|cite|code|col|colgroup|del|dfn|em|font|head|html|i|img|input|ins|isindex|kbd|label|legend|li|link|map|meta|noscript|optgroup|option|param|q|s|samp|script|select|small|span|strike|strong|style|sub|sup|table|tbody|td|textarea|tfoot|th|thead|title|tr|tt|u|var))|(\\{\\%)\\s*(autoescape|block|blocktrans|blocktranslate|plural|comment|debug|for|empty|if|elif|else|ifchanged|ifequal|ifnotequal|from|spaceless|with|verbatim|thumbnail)",
    "decreaseIndentPattern": "((\\<\\/)(.*)*(\\>))|((\\{\\%)\\s*(empty|elif|else|end(autoescape|block|blocktrans|blocktranslate|comment|for|if|ifchanged|ifequal|ifnotequal|spaceless|with|verbatim|thumbnail)))"
  }

Hi, is there a way to prevent the formatting of a part of code? Something like

$youcanformathere = 'as usal';

// @formatter:off
$keep_this_at_it_is = array(
   'a'         => 'firstvalue',
   'b'        => 'secondavalue' 
);
// @formatter:on

$youcanformatheretoo= 'as usal';

same here please response asap

i have the same issue 👌

I'm currently using vscode and have some extensions installed and some configuration for that extensions applied. Django by Baptiste Darthenay and Beautify by HookyQR, are the extensions and this is the settings:

"files.associations": {
	"**/*.html": "html",
	"**/templates/**/*.html": "django-html", // this is provided by Django ext.
},
"beautify.language": {
	"html": ["django-html"]
},
"[django-html]": {
	"editor.defaultFormatter": "HookyQR.beautify",
}

it is very helpful since it will indent the html tags inside Django-templates but it doesn't do anything with Jinja2 or Django-template syntax (which is really similar but not exactly jinja). I hope there would be a solution to have the indention for this syntax too. it currently looks like this:

<div class="card-data">
    <ul class="list-unstyled">
        <li class="comment-date font-small">
            <i class="far fa-clock-o"></i>
            {% if LANGUAGE_BIDI %}
            {{ comment.created|to_jalali:'%H:%M %B %d, %Y' }}
            {% else %}
            {{ comment.created }}
            {% endif %}
        </li>
    </ul>
</div>

imagine the ugly code when using nested template tags. thanks for your attention.