Add support for TSS (titanium style sheets)

[m1ga]

What would be the best way to include a custom language (TSS, a CSS style language for the app framework Titanium)?

"#btn_start":{
    top:15,
    right:15,
    width:100
}
"#table_word":{
    top: 75,
    bottom:75
}

Is there a way I can say that it would add \n after each , and a \t on each newline between { and } ?

[Glavin001]

I am not familiar with TSS, and in my research have not found an available beautifier I could add support for.

Is there a way I can say that it would add \n after each , and a \t on each newline between { and } ?

If you find a beautifier for TSS -- such as a Command-Line Interface beautifier, that could be installed, or one written in Node.js preferably -- then I can add support for it. If said third-party beautifier has configuration options for what you want, then absolutely it could be done. Just need to find an existing third-party beautifier with TSS support.

[m1ga]

thanks. I thought there is perhaps a reg.expr. function in beautifier where I can set some rules and it would work. But I'll have a look around if there is a nodejs package

[Glavin001]

@prettydiff are we able to support this?

[prettydiff]

Assign this bug to me. It will have to be an enhancement. It looks simple, but its not. Notice that the property separators are commas instead of semicolons. I can easily enhance support for this, but I scared about regression. I just need to extra time to test it properly.

Is there a way I can say that it would add \n after each , and a \t on each newline between { and }

I am not completely clear on this. It sounds like "Allman" style braces instead of the more common "K&R" style braces. I have an option for this on the Pretty Diff tool for JavaScript only. If @m1ga could go to http://prettydiff.com/ and beautify some JavaScript with the "Allman (ANSI) style" option checked. Just verify this is what you are looking for in CSS and I will ensure this feature is available to CSS. Just scroll down the page to make the options visible on the Pretty Diff tool.

[Glavin001]

Created Issue for you, @prettydiff, at prettydiff/prettydiff#57

[m1ga]

prettydiff/prettydiff#57 is closed! Prettydiff now supports TSS files.

So prettydiff will be included in atom-beautify?

[Glavin001]

So the next issue is that Atom Beautify current uses the Grammar for the file as it is detected by Atom. However, I cannot find Atom language support package for TSS.
@m1ga please let me know if there is one, if not, I may need some more time to update for custom Grammars.

[m1ga]

I've started https://github.com/m1ga/language-tss a while ago. Not fully complete but it will apply when using tss files

[Glavin001]

Published to v0.24.0

Be sure to install https://github.com/m1ga/language-tss to allow Atom to detect TSS.

[m1ga]

👍 awesome! Working like a charm