Helper functions for jade

[jamesknelson]

How hard would it be to allow harp.json to actually be a harp.js, where functions can be assigned to globals, as well as standard JSON - so that helper functions could be created? Is there an existing way to get helpers in a jade template (without placing the functions in the actual jade files)?

[cfjedimaster]

Any reason why this would need to be for Jade only?

[jamesknelson]

Not really, I guess it could be for EJS too.

[kennethormandy]

Right now about the only thing you can do is place the functions in the actual Jade (or EJS) files, or possibly use partial to bring in a different Jade file the functions there, which can be kind of unpredictable. I think I finally understand the use case for supporting _data.js as well as _data.json! sintaxi/terraform#8

Edit
Actually, it might be worth trying something with Jade mixins, too. I haven’t played with them enough to know, but they could be helpful here. There’ also a PR open on Jade that will hopefully help making writing the functions inline easier (this is covered in EJS since it’s not dependant on whitespace.)

[jamesknelson]

The mixins unfortunately don't do what I'd like to do (I'd like to make a function which generates URLs, instead of hard-coding all my URLs). I've already tried just writing it inline, but its a mess.

The Jade pull request sounds interesting though. I had a quick look, but couldn't find it - do you know which one it is?

[kennethormandy]

@jamesknelson pugjs/pug#1397 was what I was thinking of. Sounds like your use case might overlap with #149, though?

[wulftone]

I'd like to see this as well--been trying to figure out how to get a function inside the #{} syntax. I don't think harp has a way for us to pass objects to templates, it's all hidden.

[philholden]

I am using minification to put JS on a single line in a Jade template and then include where needed:

//- Underscore.js 1.6.0
//- http://underscorejs.org
//- (c) 2009-2014 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
//- Underscore may be freely distributed under the MIT license.
- (function(){var n=this,t=n._,r={},e=Array.prototype,u=Object.pro ...

In our templates we can include it where needed:

include ../_underscore.jade
- var a = {b:1, c:2}
!= _.clone(a)

It is a bit clumsy so I would love to have the ability to load JS into a Jade layout or specify it in the _data.json.

{
  "index": {"helpers":["underscore.js"]}
}

[jamlfy]

+1

[suisho]

+1

[lunelson]

I made a PR to terraform to expose lodash to templates

[sintaxi]

I dig it. Just merged into terraform. Will likely be in next release of harp.

[cfjedimaster]

So what exactly is being added - harp.hs? Or the helpers thing?