Cache parsed html/xml

[w0rm]

It would be great if gulp-cheerio cached parsed html/xml in gulp file objects so it could be reused in other gulp plugins e.g. in my gulp-svgstore.

[knpwrs]

Care to elaborate with an example? I'm not quite sure I understand.

[w0rm]

@KenPowers sure,

lets say I would like to use gulp-cheerio to modify svg before it is passed to gulp-svgstore, I would write it something like this:

gulp.src(config.SRC_SVG_LIST)
        .pipe(cheerio({
            run: function ($) {
                $('svg').attr('fill', '#666666');
            }
        }))
        .pipe(svgstore())

This means that every file will go through cheerio parser when it is transformed by gulp-cheerio, and then it will have to be parsed with cheerio again in gulp-svgstore. My idea is to cache $ and put it into the vinyl file object, e.g. file.$ = $, then in my plugin I can simply check if its there and use it instead of cheerio.load.

[w0rm]

Same goes in the other direction, lets say I would like to transform the result of gulp-svgstore with gulp-cheerio, e.g.

gulp.src(config.SRC_SVG_LIST)
        .pipe(svgstore())
        .pipe(cheerio({
            run: function ($) {
                $('svg').attr('style', 'display:none');
            }
        }))

I can also cache file.$ so it may be reused in gulp-cheerio.

[knpwrs]

I like the idea but I think claiming file.$ is a little greedy since Cheerio, while popular, hasn't reached defacto standard status like jQuery has. How about file.cheerio?

[w0rm]

Sure, file.cheerio is fine. Will implement this in gulp-svgstore on this weekend.

[knpwrs]

Published version 0.4.0 to npm. This version also defines cheerio 0.* as a peer dependency, I suggest you do the same in gulp-svgstore

[w0rm]

@KenPowers good, I just published gulp-svgstore 4.0.0 with examples of using with gulp-cheerio instead of hacky transformSvg callback.