Provided config does not detect jsx files

[alex-shamshurin]

138 autocmd FileType javascript noremap <buffer>  <c-f> :call JsBeautify()<cr>
139 " for json
140 autocmd FileType json noremap <buffer> <c-f> :call JsonBeautify()<cr>
141 " for jsx
142 autocmd FileType javascript.jsx noremap <buffer> <c-f> :call JsxBeautify()<cr>
143 " for html
144 autocmd FileType html noremap <buffer> <c-f> :call HtmlBeautify()<cr>
145 " for css or scss
146 autocmd FileType css noremap <buffer> <c-f> :call CSSBeautify()<cr>"
147
148 autocmd FileType javascript vnoremap <buffer>  <c-f> :call RangeJsBeautify()<cr>
149 autocmd FileType json vnoremap <buffer> <c-f> :call RangeJsonBeautify()<cr>
150 autocmd FileType javascript.jsx vnoremap <buffer> <c-f> :call RangeJsxBeautify()<cr>
151 autocmd FileType html vnoremap <buffer> <c-f> :call RangeHtmlBeautify()<cr>
152 autocmd FileType css vnoremap <buffer> <c-f> :call RangeCSSBeautify()<cr>

I tried javascript.jsx and javascript file types. But it detects them as javascript type.

[maksimr]

@alex-shamshurin try this configuration if extension of your files is jsx

augroup plugin_vim_jsbeautify
    autocmd!

    autocmd BufEnter *.jsx nnoremap <buffer>  <c-f> :call JsxBeautify()<cr>
    autocmd BufEnter *.jsx vnoremap <buffer>  <c-f> :call RangeJsxBeautify()<cr>
augroup END

[alex-shamshurin]

Instead of all my related options? I have js and jsx files as well

[maksimr]

@alex-shamshurin

Instead of all my related options?

No. You can put it near your current settings

[alex-shamshurin]

yes, it helps to detect jsx files.