Process through Gulp with options set and no "processedCSS" arg?

[kezzbracey]

Hey Morishita,

Thanks for this plugin, it's awesome!

I'm wondering if you could point me the right direction on something please?

I'm having trouble getting this setup with Gulp, while setting options, still having it work with the stream rather than an already processed file.

This works:

gulp.task('css', function () {
    var processedCSS = fs.readFileSync('./dest/style.css', 'utf-8');
    var processors = [
        lost,
        styleGuide
    ];
    return gulp.src('./src/*.css')
        .pipe(postcss(processors))
        .pipe(gulp.dest('./dest'));
});

But I've only been able to pass options if I read from an already processed file:

gulp.task('css', function () {
    var processedCSS = fs.readFileSync('./dest/style.css', 'utf-8');
    var processors = [
        lost,
        styleGuide(processedCSS, {
            name: 'Auto Style Guide',
            theme: '1column'
        })
    ];
    return gulp.src('./src/*.css')
        .pipe(postcss(processors))
        .pipe(gulp.dest('./dest'));
});

Is there a way I can set options while still having the style guide generated from the stream?

I ask as my final file will be run through cssnano so it won't have any comments in it.

FYI I did a quick test and tried swapping the parameters in your plugin so it's:

module.exports = postcss.plugin('postcss-style-guide', function (options, processedCSS ) {

With the two swapped around I was able to set options without passing a processedCSS argument like this:

gulp.task('css', function () {
    var processedCSS = fs.readFileSync('./dest/style.css', 'utf-8');
    var processors = [
        lost,
        styleGuide({
            name: 'Auto Style Guide',
            theme: '1column'
        })
    ];
    return gulp.src('./src/*.css')
        .pipe(postcss(processors))
        .pipe(gulp.dest('./dest'));
});

Is there a way already in there that I just missed?

[matype]

Hi, @kezzbracey

Thanks for your report. I fixed to check the type of parameters and released postcss-style-guide v0.5.0.
Please update it :)

[kezzbracey]

Awesome, thanks for that!

However I just upgraded and did a test and the options are still not getting picked up I'm afraid. :-/ The theme option isn't changed, and the name doesn't show on the generated styleguide.

I added console.log(options); to check:

if (arguments[0] === 'object') {
        options = arguments[0]
    }

    console.log(options);

....and it's still comes out as 'undefined'.

[matype]

Oh, sorry. I will fix it.

[kezzbracey]

No problem, thanks a lot! :)

[matype]

I fixed it! Please update to v0.5.1 :D

[kezzbracey]

I spotted it and tested it right away, working perfectly!

Thanks very much for the fix. :)

Btw, the reason I'm using your plugin at the moment is as part of a tutorial I'm writing for webdesign.tutsplus.com. If you'd like to see it, it will be part of a series called "PostCSS Deep Dive" that should be out in the next couple of months or so.

[matype]

Wow! I'm looking forward to reading it :D