--- /dev/null
+var fs = require('fs');
+var path = require('path');
+var _ = require('lodash');
+
+module.exports = function(grunt) {
+ grunt.initConfig({
+ sass: {
+ dist: {
+ files: {
+ 'css/videojs-icons.css': 'scss/videojs-icons.scss'
+ }
+ }
+ },
+ watch: {
+ all: {
+ files: ['**/*.hbs', '**/*.js', './icons.json'],
+ tasks: ['default']
+ }
+ }
+ });
+
+ grunt.registerTask('generate-font', function() {
+ var done = this.async();
+
+ let webfontsGenerator = require('webfonts-generator');
+ let iconConfig = require('../icons.json');
+ let svgRootDir = iconConfig['root-dir'];
+ let icons = iconConfig.icons;
+
+ let iconFiles = icons.map(function(icon) {
+ // If root-dir is specified for a specific icon, use that.
+ if (icon['root-dir']) {
+ return icon['root-dir'] + icon.svg;
+ }
+
+ // Otherwise, use the default root-dir.
+ return svgRootDir + icon.svg;
+ });
+
+ webfontsGenerator({
+ files: iconFiles,
+ dest: 'fonts/',
+ fontName: iconConfig['font-name'],
+ cssDest: 'scss/_icons.scss',
+ cssTemplate: './templates/scss.hbs',
+ htmlDest: 'index.html',
+ htmlTemplate: './templates/html.hbs',
+ html: true,
+ rename: function(iconPath) {
+ let fileName = path.basename(iconPath);
+
+ let iconName = _.result(_.find(icons, function(icon) {
+ let svgName = path.basename(icon.svg);
+
+ return svgName === fileName;
+ }), 'name');
+
+ return iconName;
+ },
+ types: ['svg', 'ttf', 'woff', 'eot']
+ }, function(error) {
+ if (error) {
+ console.error(error);
+ done(false);
+ }
+
+ done();
+ });
+
+ });
+
+ grunt.registerTask('update-base64', function() {
+ let iconScssFile = './scss/_icons.scss';
+ let fontFiles = {
+ ttf: './fonts/VideoJS.ttf',
+ woff: './fonts/VideoJS.woff'
+ };
+
+ let scssContents = fs.readFileSync(iconScssFile).toString();
+
+ Object.keys(fontFiles).forEach(function(font) {
+ let fontFile = fontFiles[font];
+ let fontContent = fs.readFileSync(fontFile);
+
+ let regex = new RegExp(`(url.*font-${font}.*base64,)([^\\s]+)(\\).*)`);
+
+ scssContents = scssContents.replace(regex, `$1${fontContent.toString('base64')}$3`);
+ });
+
+ fs.writeFileSync(iconScssFile, scssContents);
+ });
+
+ grunt.registerTask('default', ['generate-font', 'update-base64', 'sass']);
+};