v0.0.1

Author: backflip

.gitignore

@@ -1,5 +1,3 @@
-*~
-*.swp
-node_modules/
+.DS_Store
+node_modules
 test/results
-.git

.npmignore

@@ -1 +1,2 @@
-tests/results
+.DS_Store
+test/results

README.md

@@ -1,48 +1,51 @@
-# gulp-iconfont-scss [![NPM version](https://badge.fury.io/js/gulp-iconfont.png)](https://npmjs.org/package/gulp-iconfont-scss) [![Build status](https://api.travis-ci.org/backflip/gulp-iconfont-scss.png)](https://travis-ci.org/backflip/gulp-iconfont-scss)
-> Create a CSS from fonts with [Gulp](http://gulpjs.com/).
+# gulp-iconfont-css
+> Generate (S)CSS file for icon font created with [Gulp](http://gulpjs.com/)
 
 ## Usage
 
-First, install `gulp-iconfont-scss` as a development dependency:
+First, install `gulp-iconfont-css` as a development dependency:
 
 ```shell
-npm install --save-dev gulp-iconfont-scss
+npm install --save-dev gulp-iconfont-css
 ```
 
 Then, add it to your `gulpfile.js`:
 
 ```javascript
 var iconfont = require('gulp-iconfont');
-var scss = require('gulp-iconfont-scss');
+var iconfontCss = require('gulp-iconfont-css');
 
-gulp.task('Iconfont', function(){
-  gulp.src(['assets/icons/*.svg'])
-    .pipe(scss({
+gulp.task('iconfont', function(){
+  gulp.src(['app/assets/icons/*.svg'])
+    .pipe(iconfontCss({
 
     })
     .pipe(iconfont({
-      fontName: 'myfont', // required
-      appendCodepoints: true // recommanded option
+      fontName: 'Icons'
      }))
-    .pipe(gulp.dest('www/fonts/'));
+    .pipe(gulp.dest('app/assets/fonts/icons/'));
 });
 ```
 
-`gulp-iconfont-scss` suits well with `gulp-iconfont` but you can use it in a
- more modular fashion by directly useing `gulp-svgicons2svgfont`,
- `gulp-svg2tff`, `gulp-ttf2eot` and/or `gulp-ttf2woff`.
+`gulp-iconfont-css` works well with `gulp-iconfont` but you can use it in a more modular fashion by directly using `gulp-svgicons2svgfont`, `gulp-svg2tff`, `gulp-ttf2eot` and/or `gulp-ttf2woff`.
 
 ## API
 
-### scss(options)
+### iconfontCSS(options)
 
-#### options.template
+#### options.path
 Type: `String`
 
-The template path (required).
+The template path (optional, defaults to _icons.css provided with plugin).
 
-#### options.ouputfile
+#### options.targetPath
 Type: `String`
 
-The json path (required).
+The path where the (S)CSS file should be saved, relative to the path used in ```gulp.dest()``` (optional, defaults to ```_icons.css```).
+
+#### options.engine
+Type: `String`
+
+The template engine to use (optional, defaults to ```lodash```). 
+See https://github.com/visionmedia/consolidate.js/ for available engines. The engine has to be installed before using.
 

_icons.scss

@@ -0,0 +1,4 @@
+<% _.each(glyphs, function(glyph) { %>.<%= glyph.filename %> {
+	content: "\u<%= glyph.codepoint %>";
+}
+<% }); %>

icons.scss.swig

@@ -0,0 +1,111 @@
+'use strict';
+
+var path = require('path'),
+	gutil = require('gulp-util'),
+	consolidate = require('consolidate'),
+	_ = require('lodash'),
+	Stream = require('stream');
+
+var PLUGIN_NAME  = 'gulp-iconfont-css';
+
+function iconfontCSS(config) {
+	var glyphMap = [],
+		currentGlyph,
+		inputFilePrefix,
+		stream,
+		outputFile,
+		engine;
+
+	// Set default values
+	config = _.merge({
+		path: __dirname + '/_icons.scss',
+		targetPath: '_icons.scss',
+		engine: 'lodash',
+		firstGlyph: 0xE001
+	}, config);
+
+	// Validate config
+	if (!consolidate[config.engine]) {
+		throw new gutil.PluginError(PLUGIN_NAME, 'Consolidate missing template engine "' + config.engine + '"');
+	}
+	try {
+		engine = require(config.engine);
+	} catch(e) {
+		throw new gutil.PluginError(PLUGIN_NAME, 'Template engine "' + config.engine + '" not present');
+	}
+
+	// Define starting point
+	currentGlyph = config.firstGlyph;
+
+	// Happy streaming
+	stream = Stream.PassThrough({
+		objectMode: true
+	});
+
+	stream._transform = function(file, unused, cb) {
+		if (file.isNull()) {
+			this.push(file);
+			return cb();
+		}
+
+		// Create output file
+		if (!outputFile) {
+			outputFile = new gutil.File({
+				base: file.base,
+				cwd: file.cwd,
+				path: path.join(file.base, config.targetPath),
+				contents: file.isBuffer() ? new Buffer(0) : new Stream.PassThrough()
+			});
+		}
+
+		// Add glyph
+		glyphMap.push({
+			filename: path.basename(file.path, '.svg'),
+			codepoint: currentGlyph
+		});
+
+		// Prepend codepoint to input file path for gulp-iconfont
+		inputFilePrefix = 'u' + (currentGlyph).toString(16).toUpperCase() + '-';
+
+		file.path = path.dirname(file.path) + '/' + inputFilePrefix + path.basename(file.path);
+
+		// Increase counter
+		currentGlyph++;
+
+		this.push(file);
+		cb();
+	};
+
+	stream._flush = function(cb) {
+		var content;
+
+		if (glyphMap.length) {
+			consolidate[config.engine](config.path, {
+					glyphs: glyphMap
+				}, function(error, html) {
+					if (error) {
+						throw error;
+					}
+
+					content = Buffer(html);
+
+					if (outputFile.isBuffer()) {
+						outputFile.contents = content;
+					} else {
+						outputFile.contents.write(content);
+						outputFile.contents.end();
+					}
+
+					stream.push(outputFile);
+
+					cb();
+			});
+		} else {
+			cb();
+		}
+	};
+
+	return stream;
+};
+
+module.exports = iconfontCSS;

index.js

@@ -1,25 +1,32 @@
 {
-  "name": "gulp-iconfont-scss",
-  "version": "0.0.3",
-  "description": "Create a SCSS file for the iconfonts.",
-  "main": "src/index.js",
+  "name": "gulp-iconfont-css",
+  "version": "0.0.1",
+  "description": "Generate (S)CSS file for icon font created with Gulp",
+  "license": "MIT",
+  "repository": "backflip/gulp-iconfont-css",
+  "author": "Thomas Jaggi, Nicolas Froidure",
+  "engines": {
+    "node": ">=0.10.0"
+  },
   "scripts": {
-    "test": "node_modules/mocha/bin/mocha tests/*.mocha.js"
+    "test": "mocha"
   },
+  "main": "./index.js",
   "keywords": [
     "gulpplugin",
     "gulp",
     "icon",
     "font",
-    "scss"
+    "scss",
+    "css"
   ],
-  "author": "Thomas Jaggi, Nicolas Froidure",
-  "license": "MIT",
   "dependencies": {
     "gulp-util": "~2.2.0",
-    "swig": "~1.3.2"
+    "consolidate": "~0.10.0",
+    "lodash": "~2.4.1"
   },
   "devDependencies": {
-    "mocha": "~1.16.2"
+    "mocha": "*",
+    "event-stream": "~3.1.0"
   }
 }

package.json

@@ -0,0 +1,6 @@
+.icon-github {
+	content: "\u57345";
+}
+.icon-twitter {
+	content: "\u57346";
+}

src/index.js

@@ -0,0 +1,4 @@
+<% _.each(glyphs, function(glyph) { %>.icon-<%= glyph.filename %> {
+	content: "\u<%= glyph.codepoint %>";
+}
+<% }); %>