handlebar helpers not available at application level

I would like to have my handlebar helpers available to all my views, but for some reason this doesn’t work:

var express = require('express');
var session = require('express-session');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
var flash = require('connect-flash');
var logger = require('morgan');
var handlebars = require("express-handlebars");
var path = require('path');
var favicon = require('serve-favicon');

module.exports = function(app, envConfig){
  // view engine setup
  app.set('views', path.join(envConfig.rootPath, 'views'));

  var hbs = handlebars.create({
    helpers: {
      foo: function () { return 'FOO!'; },
      bar: function () { return 'BAR!'; }
    }
  });

  app.engine('.hbs', handlebars({
    extname: '.hbs',
    defaultLayout: 'main', 
    layoutsDir: path.join(envConfig.rootPath,'views/layouts'),
    partialsDir: path.join(envConfig.rootPath, 'views/partials')
  }));
  app.set('view engine', '.hbs');
  app.use(logger('dev'));
  app.use(bodyParser.json());
  app.use(bodyParser.urlencoded({extended: true}));
  app.use(cookieParser());  
   app.use(session({
    secret: 'temporary',
    resave: true,
    saveUninitialized: true
  }));
  app.use(flash());
  app.use(express.static(path.join(envConfig.rootPath, 'public')));
};

When I try to output that in my view I get nothing.

But if I set the function inside my render() method, it works:

var request = require('request');
var faker = require('faker');
var _ = require('lodash');

module.exports = {
  index: function(req, res){

      var numRecords = 10;
        var profiles = [];
        for(i=0; i < numRecords; i++) {

            profiles.push({
                full_name: faker.name.findName(),
                blurb: faker.lorem.words(5),
                avatar: faker.image.avatar()
            });
        }

    res.render('profiles/index', { 
        profiles: profiles, 
        layout : 'main',
        helpers: {
        foo: function () { return 'FOO!'; },
        bar: function () { return 'BAR!'; }
        }
     });
  }
};

Has anyone run into this issue?

Thank you in advance.

[bendersej]

app.engine('handlebars', exphbs({
  defaultLayout: 'main',
  helpers: {
    yourFirstGlobalHelper: function (foo) { return foo },
    yourSecondGlobalHelper : function (bar) { return bar}
  }
}));


app.set('view engine', 'handlebars');

And in your templates, simply call your global helpers this way:

<div>{{yourFirstGlobalHelper foo }}</div>

[zolitch]

I’ve replicated this too.

So for me when I have a an each helper: {{#each someArray}} {{>partial itemInArray}} {{/each}} Then in the partial.hbs, custom helpers that have been added to global Express are not available.

This also seems to be true for parent context items when in each ( …/parentItem) and there is a bug for this too: #196