directory-encoder - npm Package Compare versions

Comparing version 0.2.1 to 0.3.1

lib/directory-encoder.js

@@ -6,3 +6,3 @@ /*global require:true*/
 
-	var fs = require( 'fs' );
+	var fs = require( 'fs-extra' );
 	var path = require( 'path' );
@@ -39,2 +39,6 @@ var Handlebars = require( 'handlebars' );
 
+		if( !fs.existsSync(path.dirname( this.output )) ){
+			fs.mkdirpSync( path.dirname( this.output ) );
+		}
+
 		// append each selector
@@ -56,5 +60,14 @@ fs.readdirSync( this.input ).forEach(function( file ) {
 	DirectoryEncoder.prototype._css = function( name, datauri ) {
+		var self = this;
 		this.customselectors = this.customselectors || {};
 		this.prefix = this.prefix || ".icon-";
 
+		if( this.customselectors[ "*" ] ){
+			this.customselectors[ name ] = this.customselectors[ name ] || [];
+			var selectors = this.customselectors[ "*" ];
+			selectors.forEach( function( el ){
+				self.customselectors[ name ].push( name.replace( new RegExp( "(" + name + ")" ), el ) );
+			});
+		}
+
 		var data = {
@@ -61,0 +74,0 @@ prefix: this.prefix,

package.json

 {
 	"name": "directory-encoder",
 	"description": "Encode a directory of images to CSS",
-	"version": "0.2.1",
+	"version": "0.3.1",
 	"homepage": "https://github.com/filamentgroup/directory-encoder",
@@ -31,2 +31,3 @@ "author": {
 	"dependencies": {
+		"fs-extra": "0.8.1",
 		"handlebars": "1.1.2",
@@ -33,0 +34,0 @@ "lodash":"2.4.0"

README.md

@@ -57,2 +57,3 @@ # directory-encoder [![Build Status](https://secure.travis-ci.org/filamentgroup/directory-encoder.png?branch=master)](http://travis-ci.org/filamentgroup/directory-encoder)
 * 0.2.0  Adding switchable icon name prefixes
+* 0.3.0  Adding custom selectors that allow for wildcards
 
@@ -59,0 +60,0 @@ ## License

test/directory-encoder_test.js

@@ -10,2 +10,3 @@ /*global require:true*/
 	var outputFileData = '\n.what-bear copy {\n\tbackground-image: url(\'bear copy.png\');\n\tbackground-repeat: no-repeat;\n}\n\n\n\n.icon-2,\n\n.what-bear {\n\tbackground-image: url(\'data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%2262.905px%22%3E%3Cpath%20d%3D%22M11.068%2C34.558c-1.585-2.365-2.595-5.098-2.939-8.106c-0.344%2C0.092-0.666%2C0.161-1.033%2C0.161%20c-2.342%2C0-4.248-1.906-4.248-4.248c0-1.47%2C0.758-2.756%2C1.883-3.514l12.147-8.45c2.549-1.562%2C5.534-2.526%2C8.749-2.641l30.149%2C0.092%20L77.819%2C4.34c0-0.115%2C0-0.229%2C0-0.345C77.819%2C1.791%2C79.586%2C0%2C81.791%2C0c2.205%2C0%2C3.996%2C1.791%2C3.996%2C3.995%20c0%2C0.345-0.046%2C0.712-0.138%2C1.034l2.043%2C0.275c2.365%2C0.459%2C4.156%2C2.549%2C4.156%2C5.052c0%2C0.161%2C0%2C0.298-0.022%2C0.436l6.544%2C3.536%20c0.941%2C0.368%2C1.63%2C1.309%2C1.63%2C2.388c0%2C0.367-0.068%2C0.689-0.206%2C1.01l-1.631%2C3.697c-0.804%2C1.309-2.181%2C2.228-3.788%2C2.411%20l-15.041%2C1.791L65.787%2C41.527l7.738%2C13.363l5.098%2C2.365c0.803%2C0.552%2C1.354%2C1.493%2C1.354%2C2.549c0%2C1.699-1.378%2C3.078-3.101%2C3.078%20l-9.805%2C0.022c-2.525%2C0-4.707-1.424-5.809-3.49l-8.382-15.155l-18.92%2C0.023l6.682%2C10.287l4.937%2C2.25%20c0.919%2C0.551%2C1.516%2C1.538%2C1.516%2C2.664c0%2C1.699-1.378%2C3.076-3.077%2C3.076l-9.828%2C0.023c-2.388%2C0-4.5-1.286-5.649-3.215l-9.208-14.627%20l-6.429%2C6.246l-0.528%2C4.087l2.158%2C1.423c0.368%2C0.184%2C0.689%2C0.438%2C0.965%2C0.758c1.056%2C1.332%2C0.872%2C3.284-0.459%2C4.34%20c-0.574%2C0.482-1.286%2C0.713-1.975%2C0.689l-4.317%2C0.023c-1.194-0.139-2.273-0.758-2.962-1.677l-5.029-8.68C0.275%2C51.033%2C0%2C50%2C0%2C48.898%20c0-1.676%2C0.62-3.215%2C1.676-4.387L11.068%2C34.558z%22%2F%3E%3C%2Fsvg%3E\');\n\tbackground-repeat: no-repeat;\n}\n\n\n\n.what-dog {\n\tbackground-image: url(\'dog.png\');\n\tbackground-repeat: no-repeat;\n}\n\n\n';
+	var outputFileData2 = '\n.icon-bear copy:before,\n\n.icon-bear copy:after,\n\n.what-bear copy {\n\tbackground-image: url(\'bear copy.png\');\n\tbackground-repeat: no-repeat;\n}\n\n\n\n.icon-2,\n\n.icon-bear:before,\n\n.icon-bear:after,\n\n.what-bear {\n\tbackground-image: url(\'data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%2262.905px%22%3E%3Cpath%20d%3D%22M11.068%2C34.558c-1.585-2.365-2.595-5.098-2.939-8.106c-0.344%2C0.092-0.666%2C0.161-1.033%2C0.161%20c-2.342%2C0-4.248-1.906-4.248-4.248c0-1.47%2C0.758-2.756%2C1.883-3.514l12.147-8.45c2.549-1.562%2C5.534-2.526%2C8.749-2.641l30.149%2C0.092%20L77.819%2C4.34c0-0.115%2C0-0.229%2C0-0.345C77.819%2C1.791%2C79.586%2C0%2C81.791%2C0c2.205%2C0%2C3.996%2C1.791%2C3.996%2C3.995%20c0%2C0.345-0.046%2C0.712-0.138%2C1.034l2.043%2C0.275c2.365%2C0.459%2C4.156%2C2.549%2C4.156%2C5.052c0%2C0.161%2C0%2C0.298-0.022%2C0.436l6.544%2C3.536%20c0.941%2C0.368%2C1.63%2C1.309%2C1.63%2C2.388c0%2C0.367-0.068%2C0.689-0.206%2C1.01l-1.631%2C3.697c-0.804%2C1.309-2.181%2C2.228-3.788%2C2.411%20l-15.041%2C1.791L65.787%2C41.527l7.738%2C13.363l5.098%2C2.365c0.803%2C0.552%2C1.354%2C1.493%2C1.354%2C2.549c0%2C1.699-1.378%2C3.078-3.101%2C3.078%20l-9.805%2C0.022c-2.525%2C0-4.707-1.424-5.809-3.49l-8.382-15.155l-18.92%2C0.023l6.682%2C10.287l4.937%2C2.25%20c0.919%2C0.551%2C1.516%2C1.538%2C1.516%2C2.664c0%2C1.699-1.378%2C3.076-3.077%2C3.076l-9.828%2C0.023c-2.388%2C0-4.5-1.286-5.649-3.215l-9.208-14.627%20l-6.429%2C6.246l-0.528%2C4.087l2.158%2C1.423c0.368%2C0.184%2C0.689%2C0.438%2C0.965%2C0.758c1.056%2C1.332%2C0.872%2C3.284-0.459%2C4.34%20c-0.574%2C0.482-1.286%2C0.713-1.975%2C0.689l-4.317%2C0.023c-1.194-0.139-2.273-0.758-2.962-1.677l-5.029-8.68C0.275%2C51.033%2C0%2C50%2C0%2C48.898%20c0-1.676%2C0.62-3.215%2C1.676-4.387L11.068%2C34.558z%22%2F%3E%3C%2Fsvg%3E\');\n\tbackground-repeat: no-repeat;\n}\n\n\n\n.icon-dog:before,\n\n.icon-dog:after,\n\n.what-dog {\n\tbackground-image: url(\'dog.png\');\n\tbackground-repeat: no-repeat;\n}\n\n\n';
 	var encoder, output = "test/output/encoded.css";
@@ -101,8 +102,20 @@
 																} );
+			this.encoder5 = new Constructor( "test/directory-files",
+						"test/output/encoded3.css",
+						{
+							template: path.resolve( "test/files/default-css.hbs" ),
+							prefix: ".icon-",
+							customselectors: {
+								"*": [".icon-$1:before", ".icon-$1-what", ".hey-$1"],
+								"foo": [".icon-2"]
+							}
+						});
 			done();
 		},
 		tearDown: function( done ){
-			if( fs.existsSync( "test/output/encoded.css" ) ){
-				fs.unlinkSync( "test/output/encoded.css" );
-			}
+			["", "2", "3"].forEach(function( num ){
+				if( fs.existsSync( "test/output/encoded" + num + ".css" ) ){
+					fs.unlinkSync( "test/output/encoded" + num + ".css" );
+				}
+			});
 			done();
@@ -144,2 +157,15 @@ },
 			test.done();
+		},
+
+		withCustomSelectAll: function( test ){
+			test.equal( this.encoder5._css("foo", "bar"),
+				"\n.icon-2,\n" +
+				"\n.icon-foo:before,\n" +
+				"\n.icon-foo-what,\n" +
+				"\n.hey-foo,\n" +
+				"\n.icon-foo {\n" +
+					"\tbackground-image: url('bar');\n" +
+					"\tbackground-repeat: no-repeat;\n" +
+				"}\n" );
+			test.done();
 		}
@@ -159,8 +185,20 @@ };
 													} );
+			this.encoder2 = new Constructor( "test/directory-files", "test/output/encode2.css",
+													{
+														template: path.resolve( "test/files/default-css.hbs" ),
+														prefix: ".what-",
+														customselectors: {
+															"*": [".icon-$1:before", ".icon-$1:after"],
+															"bear": [".icon-2"]
+														},
+														noencodepng: true
+													} );
 			done();
 		},
 		tearDown: function( done ){
-			if( fs.existsSync( "test/output/encode.css" ) ){
-				fs.unlinkSync( "test/output/encode.css" );
-			}
+			["", "2"].forEach(function( i ){
+				if( fs.existsSync( "test/output/encode" + i + ".css" ) ){
+					fs.unlinkSync( "test/output/encode" + i + ".css" );
+				}
+			});
 			done();
@@ -177,2 +215,12 @@ },
 			test.done();
+		},
+		'no args, customselectorall': function( test ){
+			test.expect( 2 );
+			var data;
+			this.encoder2.encode();
+			test.ok( fs.existsSync( "test/output/encode2.css" ) , "CSS file exists" );
+			data = fs.readFileSync( "test/output/encode2.css" ).toString( 'utf-8' );
+			test.equal( data, outputFileData2, "Encoded file matches" );
+
+			test.done();
 		}
@@ -179,0 +227,0 @@ };

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Filesystem access

Supply chain risk

Accesses the file system, and could potentially read sensitive data.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This 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

31305

increased by15.1%

Lines of code

502

increased by14.61%

Number of lines in readme file

62

increased by1.64%

Worsened metrics

Dependency count

3

increased by50%

Number of low supply chain risk alerts

10

increased by11.11%

Dependency changes

• + Addedfs-extra@0.8.1

• + Addedfs-extra@0.8.1(transitive)

• + Addedjsonfile@1.1.1(transitive)

• + Addedmkdirp@0.3.5(transitive)

• + Addedncp@0.4.2(transitive)

• + Addedrimraf@2.2.8(transitive)