gulp.spritesmith
Advanced tools
gulp.spritesmith - npm Package Compare versions
Comparing version 3.8.0 to 3.8.1
| # gulp.spritesmith changelog | ||
| 3.8.1 - Added proper `end` handling to split streams in documentation and tests. Fixes #48 | ||
| 3.8.0 - Upgraded to `spritesheet-templates@9.6.0` to pick up `json_texture` template | ||
@@ -3,0 +5,0 @@ |
@@ -5,2 +5,3 @@ // Load in dependencies | ||
| var imagemin = require('gulp-imagemin'); | ||
| var merge = require('merge-stream'); | ||
| var phantomjssmith = require('phantomjssmith'); | ||
@@ -19,3 +20,3 @@ var yaml = require('js-yaml'); | ||
| })); | ||
| spriteData.pipe(gulp.dest('path/to/output/')); | ||
| return spriteData.pipe(gulp.dest('path/to/output/')); | ||
| }); | ||
@@ -31,3 +32,3 @@ | ||
| // Pipe image stream through image optimizer and onto disk | ||
| spriteData.img | ||
| var imgStream = spriteData.img | ||
| .pipe(imagemin()) | ||
@@ -37,5 +38,8 @@ .pipe(gulp.dest('path/to/image/folder/')); | ||
| // Pipe CSS stream through CSS optimizer and onto disk | ||
| spriteData.css | ||
| var cssStream = spriteData.css | ||
| .pipe(csso()) | ||
| .pipe(gulp.dest('path/to/css/folder/')); | ||
| // Return a merged stream to handle both `end` events | ||
| return merge(imgStream, cssStream); | ||
| }); | ||
@@ -49,3 +53,3 @@ | ||
| })); | ||
| spriteData.pipe(gulp.dest('examples/algorithm/')); | ||
| return spriteData.pipe(gulp.dest('examples/algorithm/')); | ||
| }); | ||
@@ -59,3 +63,3 @@ | ||
| })); | ||
| spriteData.pipe(gulp.dest('examples/engine/')); | ||
| return spriteData.pipe(gulp.dest('examples/engine/')); | ||
| }); | ||
@@ -69,3 +73,3 @@ | ||
| })); | ||
| spriteData.pipe(gulp.dest('examples/padding/')); | ||
| return spriteData.pipe(gulp.dest('examples/padding/')); | ||
| }); | ||
@@ -82,3 +86,3 @@ | ||
| })); | ||
| spriteData.pipe(gulp.dest('examples/retina/')); | ||
| return spriteData.pipe(gulp.dest('examples/retina/')); | ||
| }); | ||
@@ -92,3 +96,3 @@ | ||
| })); | ||
| spriteData.pipe(gulp.dest('examples/handlebars-template/')); | ||
| return spriteData.pipe(gulp.dest('examples/handlebars-template/')); | ||
| }); | ||
@@ -102,3 +106,3 @@ | ||
| })); | ||
| spriteData.pipe(gulp.dest('examples/handlebars-inheritance/')); | ||
| return spriteData.pipe(gulp.dest('examples/handlebars-inheritance/')); | ||
| }); | ||
@@ -126,3 +130,3 @@ | ||
| })); | ||
| spriteData.pipe(gulp.dest('examples/template-function/')); | ||
| return spriteData.pipe(gulp.dest('examples/template-function/')); | ||
| }); | ||
@@ -129,0 +133,0 @@ |
| { | ||
| "name": "gulp.spritesmith", | ||
| "description": "Convert a set of images into a spritesheet and CSS variables via gulp", | ||
| "version": "3.8.0", | ||
| "version": "3.8.1", | ||
| "homepage": "https://github.com/twolfson/gulp.spritesmith", | ||
@@ -46,2 +46,3 @@ "author": { | ||
| "jshint": "~2.5.10", | ||
| "merge-stream": "~0.1.7", | ||
| "mocha": "~1.11.0", | ||
@@ -48,0 +49,0 @@ "phantomjssmith": "~0.5.4", |
@@ -51,3 +51,3 @@ # gulp.spritesmith [](https://travis-ci.org/twolfson/gulp.spritesmith) | ||
| })); | ||
| spriteData.pipe(gulp.dest('path/to/output/')); | ||
| return spriteData.pipe(gulp.dest('path/to/output/')); | ||
| }); | ||
@@ -63,2 +63,3 @@ ``` | ||
| var imagemin = require('gulp-imagemin'); | ||
| var merge = require('merge-stream'); | ||
| var spritesmith = require('gulp.spritesmith'); | ||
@@ -74,3 +75,3 @@ | ||
| // Pipe image stream through image optimizer and onto disk | ||
| spriteData.img | ||
| var imgStream = spriteData.img | ||
| .pipe(imagemin()) | ||
@@ -80,5 +81,8 @@ .pipe(gulp.dest('path/to/image/folder/')); | ||
| // Pipe CSS stream through CSS optimizer and onto disk | ||
| spriteData.css | ||
| var cssStream = spriteData.css | ||
| .pipe(csso()) | ||
| .pipe(gulp.dest('path/to/css/folder/')); | ||
| // Return a merged stream to handle both `end` events | ||
| return merge(imgStream, cssStream); | ||
| }); | ||
@@ -85,0 +89,0 @@ ``` |
| // Load in dependencies | ||
| var gulp = require('gulp'); | ||
| var merge = require('merge-stream'); | ||
| var through2 = require('through2'); | ||
@@ -21,3 +22,3 @@ var spritesmith = require('../'); | ||
| gulp.task('sprite-default', function () { | ||
| gulp.src(images).pipe(spritesmith({ | ||
| return gulp.src(images).pipe(spritesmith({ | ||
| imgName: 'sprite.png', | ||
@@ -30,3 +31,3 @@ cssName: 'sprite.css' | ||
| gulp.task('sprite-retina', function () { | ||
| gulp.src(retinaImages).pipe(spritesmith({ | ||
| return gulp.src(retinaImages).pipe(spritesmith({ | ||
| retinaSrcFilter: 'test-files/*-2x.png', | ||
@@ -45,4 +46,5 @@ imgName: 'sprite.png', | ||
| })); | ||
| data.img.pipe(gulp.dest('actual-files/two-streams/')); | ||
| data.css.pipe(gulp.dest('actual-files/two-streams/')); | ||
| var imgStream = data.img.pipe(gulp.dest('actual-files/two-streams/')); | ||
| var cssStream = data.css.pipe(gulp.dest('actual-files/two-streams/')); | ||
| return merge(imgStream, cssStream); | ||
| }); | ||
@@ -57,8 +59,9 @@ | ||
| })); | ||
| data.img.pipe(gulp.dest('actual-files/retina-two-streams/')); | ||
| data.css.pipe(gulp.dest('actual-files/retina-two-streams/')); | ||
| var imgStream = data.img.pipe(gulp.dest('actual-files/retina-two-streams/')); | ||
| var cssStream = data.css.pipe(gulp.dest('actual-files/retina-two-streams/')); | ||
| return merge(imgStream, cssStream); | ||
| }); | ||
| gulp.task('sprite-formats', function () { | ||
| gulp.src(images).pipe(spritesmith({ | ||
| return gulp.src(images).pipe(spritesmith({ | ||
| imgName: 'sprite.jpg', | ||
@@ -78,3 +81,3 @@ cssName: 'sprite.css', | ||
| gulp.task('sprite-options', function () { | ||
| gulp.src(images).pipe(spritesmith({ | ||
| return gulp.src(images).pipe(spritesmith({ | ||
| imgName: 'sprite.png', | ||
@@ -89,3 +92,3 @@ cssName: 'sprite.css', | ||
| gulp.task('sprite-template', function () { | ||
| gulp.src(images).pipe(spritesmith({ | ||
| return gulp.src(images).pipe(spritesmith({ | ||
| imgName: 'sprite.png', | ||
@@ -101,3 +104,3 @@ cssName: 'sprite.scss', | ||
| gulp.task('sprite-spritesheet-name', function () { | ||
| gulp.src(images).pipe(spritesmith({ | ||
| return gulp.src(images).pipe(spritesmith({ | ||
| imgName: 'sprite.png', | ||
@@ -113,3 +116,3 @@ cssName: 'sprite.scss', | ||
| gulp.task('sprite-retina-mapped', function () { | ||
| gulp.src(retinaImages).pipe(spritesmith({ | ||
| return gulp.src(retinaImages).pipe(spritesmith({ | ||
| retinaSrcFilter: 'test-files/*-2x.png', | ||
@@ -133,3 +136,3 @@ imgName: 'sprite.png', | ||
| gulp.task('sprite-empty', function () { | ||
| gulp.src(images).pipe(through2.obj( | ||
| return gulp.src(images).pipe(through2.obj( | ||
| // On data, do nothing and callback | ||
@@ -136,0 +139,0 @@ function onEmptyData (file, encoding, cb) { |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by0.27%
278992
- Lines of code
- increased by0.63%
957
- Number of lines in readme file
- increased by0.59%
679
Worsened metrics
- Dev dependency count
- increased by9.09%
12