Handlebars Helpers issue

So I have written a task in Gulp that’ll go through my Handlebars directory & generate static HTML using JSON files in the project but for some reason, it doesn’t seem to recognise the helpers file I have specified?

var dataSrc = 'src/data';
var handlebarsSrc = 'src/handlebars';
var pageSrc = handlebarsSrc + '/pages';
var partialSrc = handlebarsSrc + '/partials';
var helpersFile = jsApp + 'handlebarsHelpers.js';
var htmlDest = 'dist';

gulp.task('handlebars', function () {
    gulp.src(pageSrc + '/**/*.hbs')
        .pipe(handlebars({
            data: dataSrc + '/index.json',
            helpers: helpersFile,
            partials: partialSrc + '/**/*.hbs',
            bustCache: true,
            debug: 1
        }))
        .pipe(extname('.html'))
        .pipe(htmlmin({
            collapseWhitespace: true,
            minifyCSS: true,
            minifyJS: true,
            removeStyleLinkTypeAttributes: true,
            removeScriptTypeAttributes: true,
            useShortDoctype: true
        }))
        .pipe(entityconvert({type: 'html'}))
        .pipe(gulp.dest(htmlDest))
});

And my Handlebars Helpers file currently looks like this.

/**
 * Downloadable Content
 *      Returns 'has downloadable content' if value of 1 is passed to it.
 ***/
Handlebars.registerHelper('downloadable_content', function (flag) {
    if (flag === 1) {
        return '<h4>+ downloadable content</h4>';
    } else {
        return '';
    }
});

/**
 * Price Formatter
 *      Has a price passed into it and then returns a formatted text version of it
 ***/
Handlebars.registerHelper('price_formatter', function (price) {
    if (price === 0) {
        return 'Free';
    } else {
        return '£' + price;
    }
});

/**
 * Size Formatter
 *      Has a value passed to it and returns back a formatted version of it.
 ***/
Handlebars.registerHelper('size_formatter', function (size) {
    if(size > 1024) {
        return size / 1000 + 'gb';
    } else {
        return size + 'mb';
    }
});

I used debug to try and work out if it was recognise my helpers and it wasn’t.

[16:40:58] Rendering 'index.hbs' with...
[16:40:58]      data -> index
[16:40:58]   context -> file index
[16:40:58]   helpers -> blockHelperMissing each helperMissing if log lookup unless with
[16:40:58]  partials -> global/head global/scripts layouts/layout001 layouts/layout002 layouts/layout003 layouts/layout004 layouts/layout005
[16:40:58] Rendering 'articles/article001.hbs' with...
[16:40:58]      data -> index
[16:40:58]   context -> file index
[16:40:58]   helpers -> blockHelperMissing each helperMissing if log lookup unless with
[16:40:58]  partials -> global/head global/scripts layouts/layout001 layouts/layout002 layouts/layout003 layouts/layout004 layouts/layout005

events.js:160
      throw er; // Unhandled 'error' event
      ^
Error: Missing helper: "price_formatter"
    at Object.<anonymous> (/Users/***.****/PhpstormProjects/*****/prototype/node_modules/handlebars/dist/cjs/handlebars/helpers/helper-missing.js:19:13)

[timreaper]

Ah ok then Shannon. I’ve reverted it back, added that fix as well as discovered an error in the filepath saved in the ‘helpersFile’ variable and it works now, thank you very much!

[shannonmoeller]

Awesome! Glad I could help!