Data object overwritten about gulp-twig

[jordanlev]

I'm experiencing the same issue, and I think I have a workaround (until the bug is fixed). If you use gulp-foreach to compile each template in a separate process, it seems to fix the problem of variables "leaking" between templates. However, note that if you are also providing the 'data' option when you call gulp-twig, you must also copy/clone the object that you provide (otherwise the data continues to "leak" between templates, even if you're compiling them separately via gulp-foreach).

For example, before I had this in my gulpfile:

var gulp = require('gulp');
var twig = require('gulp-twig');

var data = {
  'something' : 123,
  'anotherThing': 'hello world'
};

gulp.task('twig', function() {
  gulp.src('/path/to/my/templates/**/*.twig')
    .pipe(twig({
      base: '/path/to/my/templates',
      data: data
    }))
    .pipe(gulp.dest('/my/output/path'));
});

...so I changed it to this (note that I'm using gulp-foreach and cloning the data object):

var gulp = require('gulp');
var twig = require('gulp-twig');
var foreach = require('gulp-foreach');

var data = {
  'something' : 123,
  'anotherThing': 'hello world'
};

gulp.task('twig', function() {
  gulp.src('/path/to/my/templates/**/*.twig')
    .pipe(foreach(function(stream, file) {
      return stream.pipe(twig({
        base: '/path/to/my/templates',
        data: JSON.parse(JSON.stringify(data))
      }));
    }))
    .pipe(gulp.dest('/my/output/path'));
});

I'm honestly not sure how/why exactly this works, but so far it seems to do the trick for me.

[olets]

You can use gulp-data for reliable handling of your JSON:

var gulp = require('gulp'),
    data = require('gulp-data'),
    foreach = require('gulp-foreach'),
    twig = require('gulp-twig');

// with data as a variable
var myData = {
    foo: 'bar',
    baz: 'qux'
}
gulp.task('twigWithExternalData', function() {
    return gulp.src('./src/**/*.twig')
        .pipe(data(myData))
        .pipe(foreach(function(stream, file) {
            return stream
                .pipe(twig())
        }))
        .pipe(gulp.dest('./dest/'));
});

// with data included directly
gulp.task('twigWithInternalData', function() {
    return gulp.src('./src/**/*.twig')
        .pipe(data({
            foo: 'bar',
            baz: 'qux'
        }))
        .pipe(foreach(function(stream, file) {
            return stream
                .pipe(twig())
        }))
        .pipe(gulp.dest('./dest/'));
});

[kluplau]

Did you get around this by any chance? I filed #22 which I think might be somehow related.

[ugomeda]

I just added {% set title = null %} on the pages without title as a workaround.

[simon-dt]

I'll have to look into this. Are you seeing the initial data object being mutaded by the twig templates themself?

That should not happen ...

Are you excluding the layout.twig from the src?

[derekrushforth]

Any progress on this? I'm running into the same issue.