Support inline tags

[ForbesLindesay]

[closes #936]

This is the biggest roadblock in the way of a 1.0.0 release. I'm not entirely happy with the implementation, but I think it's 90% of the way there, would love to get input from people.

[vendethiel]

Can you tell me what does this give ?

p #[b #{var}]

[ForbesLindesay]

That gives me "unexpected token var because `var is a keyword in javascript, but:

p #[b #{5+6}]

Gives

<p><b>11</b></p>

and

p #[b #{variable}]

gives

<p><b></b></p>

and the JavaScript for that template is:

function template(locals) {
  var buf = [];
  var locals_ = (locals || {}),
      variable = locals_.variable;
  buf.push("<p><b>"
          + (jade.escape((jade.interp = variable) == null ? '' : jade.interp))
          + "</b></p>");
  return buf.join("");
}

So you can definitely pass in a variable value as expected.

[vendethiel]

I meant "var" in a "whatever js literal" way ;). Good ! Glad to see this !

[igor10k]

I wonder how to print actual [ and ] characters within inline tags? The easiest way I can think of is

p Some #[a(href="#") link with #{'['} and #{']'} character]

[ForbesLindesay]

Yeh, I didn't really think this through that well. I think I'll have to come up withs something a bit more clever for detecting the end of the inline tag. It also doesn't work if you have an un-matched ' or ".

[caneta]

This is really nice and works well, but I cannot find it in the documentation...

[TimothyGu]

@caneta, it is filed under interpolation

[caneta]

I see...thanks @TimothyGu