Refactors compiler's config file by using the build utilities

Author: andreamangano

settings/icons.json

@@ -0,0 +1 @@
+["email.svg","subscribe.svg"]

settings/palette.js settings/palettes.jssettings/palette.js renamed to settings/palettes.js

@@ -7,6 +7,7 @@ data.navigation = [
   {label: 'Faq', url: '#faq'},
   {label: 'Footer', url: '#footer'}
 ];
-data.palettes = require('./palette');
+data.palettes = require('./palettes');
 data.typography = require('./typography');
+data.icons = require('./icons.json');
 module.exports = data;

settings/pug.js

@@ -1,50 +1,11 @@
-var palettes = require('./palette');
+var palettes = require('./palettes');
 var typography = require('./typography');
-var sass = require('node-sass');
-var sassUtils = require('node-sass-utils')(sass);
-
-function hexToRgb(hex) {
-  if (typeof hex !== 'string') {
-    throw new TypeError('Expected a string');
-  }
-  hex = hex.replace(/^#/, '');
-  if (hex.length === 3) {
-    hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
-  }
-  var num = parseInt(hex, 16);
-  return { r: num >> 16, g: num >> 8 & 255, b: num & 255};
-}
+var getPaletteFromSass = require('./../build-utilities/compiled/getPaletteFromSass');
+var typographyUtils = require('./../build-utilities/compiled/typography');
 
 module.exports = {
-  'get-palette($name)': function(name) {
-    // Get the variable name from sass function (when it is invoked)
-    // For that we need to take its value before
-    var paletteName = name.getValue();
-    // Take the palette with the given name from object palettes
-    var palette = palettes[paletteName];
-    // Get all key from the palette
-    var keys = Object.keys(palette);
-    // Create a sass Map object
-    var map = sass.types.Map(keys.length);
-    // Get the Sass Color class
-    var ColorClass = sass.types.Color;
-    // Iterate every key
-    var convertedColor;
-    keys.forEach(function(key, i) {
-      // Convert the value of the given key on the object palette into rgb format
-      convertedColor = hexToRgb(palette[key]);
-      // Create a new Sass color instance
-      var color = new ColorClass(convertedColor.r, convertedColor.g, convertedColor.b);
-      // Set the key value in the sass Map
-      map.setKey(i, sass.types.String(key));
-      map.setValue(i, color);
-    });
-    return map;
-  },
-  'get-typography': function(name) {
-    return sassUtils.castToSass(typography);
-  },
-  'get-type($name)': function(name) {
-    return sassUtils.castToSass(typography[name.getValue()]);
-  }
+  'get-palette($name)': getPaletteFromSass(palettes),
+  'get-typography': typographyUtils.getTypography(typography),
+  'get-type($name)': typographyUtils.getType(typography)
 };
+