Rule: whitespace between tags

[patwork]

So, how to deal with whitespace? Sadly, p.two has best compiled version but is poorly readable in jade.

p.one this
    strong is
    | madness

buf.push("<p class=\"one\">this<strong>is</strong>madness</p>");

p.two this
    strong  is
    |  madness

buf.push("<p class=\"two\">this<strong> is</strong> madness</p>");

p.three this
    = " "
    strong is
    = " "
    | madness

buf.push("<p class=\"three\">this" + (jade.escape(null == (jade_interp = " ") ? "" : jade_interp)) + "<strong>is</strong>" + (jade.escape(null == (jade_interp = " ") ? "" : jade_interp)) + "madness</p>");

p.four this
    != " "
    strong is
    != " "
    | madness

buf.push("<p class=\"four\">this" + (null == (jade_interp = " ") ? "" : jade_interp) + "<strong>is</strong>" + (null == (jade_interp = " ") ? "" : jade_interp) + "madness</p>");

[rrdelaney]

My personal preference is to use

p.one this #[strong is] madness

but I know other people use different ways. I would recommend against using

p.one ...
    = " "
    | ...

I think the best solution is disallowing string literals like that in code blocks. Do you have any other ideas?

[patwork]

Well... ;) I must say I've always used

= " "
| ...

and propably will use

!= " "
| ...

in my next project (without unnecessary attempt to escape/sanitize this one space). Yes, I know it looks ugly, but it's pure jade, without html tags in text. is harmless, but let's say I need anchor inside text with href, title, rel, etc.

| lorem ipsum
a.some-class(href="/some-page", title="blah blah", rel="nofollow", ......)
| dolor sit amet

I don't see a satisfying solution.

• http://stackoverflow.com/questions/10516233/add-a-whitespace-at-the-end-of-the-line-in-jade
• http://stackoverflow.com/questions/12767474/space-between-inline-text-and-input-items-in-jade
• https://groups.google.com/forum/#!topic/express-js/NqvAGw9GPzI

edit: I see you've changed to to jade's #[strong] ;)

[rrdelaney]

With all that said, do you have a recommendation for a whitespace rule?

[patwork]

I was thinking about suggesting != " " over = " ", but that's propably too pedantic and since you're against those type of constructions we can return to this topic after some better solution will come to mind.

• http://stackoverflow.com/questions/20727360/do-i-have-to-use-nbsp-for-space-in-jade
• http://stackoverflow.com/questions/22876093/how-to-add-a-space-character-between-two-divs-after-jade-rendering
• https://github.com/jadejs/jade/issues/905

not only jade, but they solved it eventually:

• https://github.com/slim-template/slim/issues/375
• http://www.rubydoc.info/gems/slim/file/README.md#Trailing_and_leading_whitespace_______

[rrdelaney]

I'll consider the options, and I'll see if there's a good solution. For now, enjoy the new rule, RequireStatementInCodeBock :)

[patwork]

yea, about that... https://github.com/rrdelaney/jadelint/issues/13 ;)