Atom Snippets - Unexpected New Line Error

Question

I've been trying to add my first snippet in the Atom text editor and I keep getting the error that there's an unexpected newline.

'.source.css':
'setup CSS':
'prefix':'setup'
'body':"""
*, *:before, *:after{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
"""

I'm running on Ubuntu and Atom 1.0.2

Answer 1

Like Haml, CSON uses indentation to define scope.

Simply indent after '.source.css': and after 'setup CSS':

'.source.css':
    'setup CSS':
        'prefix':'setup'
        'body':"""
*, *:before, *:after{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
"""

what is cson?

Answer 2

This sort of error pisses me off to no end, too. My suggestion would be to install the linter-coffeelint package for Atom to at least make it easier to deal with. The package is at atom.io/packages/linter-coffeelint, and you can install it directly from the command line by apm install linter-coffeelint

It is an indentation problem, but from my perspective, unless you write in Coffeescript regularly (let alone at all), it's much harder to see the problem when the error message you get from Atom doesn't even specify which line the error is on.