Atom-beautify: Unsupported language for grammar 'Stylus' with extension '.styl'.

[richarddewit]

[Enter steps to reproduce below:]

1. Open Stylus file (*.styl)
2. Press Ctrl + Alt + B or any other way to fire Atom Beautify

Atom Version: 0.196.0
System: Windows 7 64bit
Thrown From: atom-beautify package, v0.26.4

Commands

  2x -2:00.0 core:move-right (atom-text-editor.editor.mini)
     -1:59.1.0 editor:select-to-end-of-line (atom-text-editor.editor.mini)
     -1:56.9.0 core:confirm (atom-text-editor.editor.mini)
     -1:45.1.0 settings-view:open (atom-text-editor.editor.is-focused)
     -1:36.8.0 core:confirm (atom-text-editor.editor.mini)
     -0:54.4.0 find-and-replace:show (atom-text-editor.editor.is-focused)
     -0:45.6.0 editor:move-to-first-character-of-line (atom-text-editor.editor.mini)
     -0:44.5.0 editor:move-to-end-of-screen-line (atom-text-editor.editor.mini)
     -0:18.4.0 core:undo (atom-text-editor.editor.is-focused)
     -0:06.7.0 beautify:beautify-editor (atom-text-editor.editor.is-focused)

[Glavin001]

Could you provide an example Stylus file that I could add tests for? Also please test with http://jsbeautifier.org/ and http://prettydiff.com/ and let me know which works better for you.

[richarddewit]

Example:

@import nib

body
  font-family "Arial", sans-serif

table
  td
    text-align center
    vertical-align middle
    border 0
    border-left 2px outset black
    border-bottom @border-left
    padding 5px 10px

Both websites have no option for Stylus though.

[Glavin001]

Could you test https://www.npmjs.com/package/pretty-styl and let me know if that works. Also http://csscomb.com/online may support Stylus.

CSScomb is already supported by Atom Beautify. See https://github.com/Glavin001/atom-beautify/blob/master/src/beautifiers/csscomb.coffee

It would be fairly straight forward to add support for Stylus if either pretty-styl or CSScomb works well.

Let me know.

[Razunter]

They don't work. I found only one working Stylus code formatter as plugin for WebStorm: https://plugins.jetbrains.com/plugin/7316

[3nki]

would be great to have a way for Atom to recognize .styl files. as per the docs (https://atom.io/docs/latest/using-atom-grammar) if i load a .styl file and use shift-cntrl-L to select SCSS for the grammar it does decent text coloring.

[puneethrai]

For styling you can use https://github.com/matthojo/language-stylus . Even I couldn't find any package for stylus formatter

[puneethrai]

I found this https://github.com/alt-j/pretty-styl but it didn't work for me . Give this a try and do install like this npm install alt-j/pretty-styl

[isuvorov]

+1

[Mangor]

+1

[gabrielcsapo]

+1

[jt3k]

+1

[puemos]

+1

[B-lvlax]

+1

[planbjp]

+1

[peteringram0]

Will this happen at all? Makes me want to switch back to PHPStorm :(

[martinzuern]

+1

[Glavin001]

Please +1 on the original issue body above and DO NOT make new comments. Thank you.

---

Will this happen at all? Makes me want to switch back to PHPStorm :(

We require a beautifier for Stylus which has been tested by users like yourself. Then a Pull Request adding support to Atom-Beautify.
Test out http://jsbeautifier.org/ and http://prettydiff.com/ and https://www.npmjs.com/package/pretty-styl and any others you can find. Once Stylus users find a beautifier that works well for them, we can get it integrated into Atom-Beautify!

[toddbluhm]

Just found this and seems to work okay.
https://github.com/ThisIsManta/stylus-supremacy

There is also an existing atom package for it though:
https://github.com/dekdekbaloo/atom-stylus-supremacy

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. If this is still an issue, please add a comment. It will be closed if no further activity occurs. Thank you for your contributions.

[stevenzeck]

Disregard the previous comment.

[GeorgeWL]

@Glavin001 stylus-supremacy seems to work really well, so I'd recommend adding that as the .styl pretty provider for beautify.