From b045821f37d5232dc4730a9eea59e54448669d9b Mon Sep 17 00:00:00 2001
From: Abdullah Almsaeed <almasaeed2010@gmail.com>
Date: Wed, 4 Nov 2015 13:51:10 -0500
Subject: [PATCH] Add babel to compile ECMA6

---
 Gruntfile.js | 76 +++++++++++++---------------------------------------
 package.json |  2 ++
 2 files changed, 21 insertions(+), 57 deletions(-)

diff --git a/Gruntfile.js b/Gruntfile.js
index 8fba9afb7..1451c45df 100644
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -1,4 +1,5 @@
 // AdminLTE Gruntfile
+
 module.exports = function (grunt) {
 
   'use strict';
@@ -6,63 +7,9 @@ module.exports = function (grunt) {
   grunt.initConfig({
     watch: {
       // If any .less file changes in directory "build/less/" run the "less"-task.
-      files: ["build/less/*.less", "build/less/skins/*.less", "dist/js/app.js"],
-      tasks: ["less", "uglify"]
-    },
-
-    // "less"-task configuration
-    // This task will compile all less files upon saving to create both AdminLTE.css and AdminLTE.min.css
-    less: {
-      // Development not compressed
-      development: {
-        options: {
-          // Whether to compress or not
-          compress: false
-        },
-        files: {
-          // compilation.css  :  source.less
-          "dist/css/AdminLTE.css": "build/less/AdminLTE.less",
-          //Non minified skin files
-          "dist/css/skins/skin-blue.css": "build/less/skins/skin-blue.less",
-          "dist/css/skins/skin-black.css": "build/less/skins/skin-black.less",
-          "dist/css/skins/skin-yellow.css": "build/less/skins/skin-yellow.less",
-          "dist/css/skins/skin-green.css": "build/less/skins/skin-green.less",
-          "dist/css/skins/skin-red.css": "build/less/skins/skin-red.less",
-          "dist/css/skins/skin-purple.css": "build/less/skins/skin-purple.less",
-          "dist/css/skins/skin-blue-light.css": "build/less/skins/skin-blue-light.less",
-          "dist/css/skins/skin-black-light.css": "build/less/skins/skin-black-light.less",
-          "dist/css/skins/skin-yellow-light.css": "build/less/skins/skin-yellow-light.less",
-          "dist/css/skins/skin-green-light.css": "build/less/skins/skin-green-light.less",
-          "dist/css/skins/skin-red-light.css": "build/less/skins/skin-red-light.less",
-          "dist/css/skins/skin-purple-light.css": "build/less/skins/skin-purple-light.less",
-          "dist/css/skins/_all-skins.css": "build/less/skins/_all-skins.less"
-        }
-      },
-      // Production compresses version
-      production: {
-        options: {
-          // Whether to compress or not
-          compress: true
-        },
-        files: {
-          // compilation.css  :  source.less
-          "dist/css/AdminLTE.min.css": "build/less/AdminLTE.less",
-          // Skins minified
-          "dist/css/skins/skin-blue.min.css": "build/less/skins/skin-blue.less",
-          "dist/css/skins/skin-black.min.css": "build/less/skins/skin-black.less",
-          "dist/css/skins/skin-yellow.min.css": "build/less/skins/skin-yellow.less",
-          "dist/css/skins/skin-green.min.css": "build/less/skins/skin-green.less",
-          "dist/css/skins/skin-red.min.css": "build/less/skins/skin-red.less",
-          "dist/css/skins/skin-purple.min.css": "build/less/skins/skin-purple.less",
-          "dist/css/skins/skin-blue-light.min.css": "build/less/skins/skin-blue-light.less",
-          "dist/css/skins/skin-black-light.min.css": "build/less/skins/skin-black-light.less",
-          "dist/css/skins/skin-yellow-light.min.css": "build/less/skins/skin-yellow-light.less",
-          "dist/css/skins/skin-green-light.min.css": "build/less/skins/skin-green-light.less",
-          "dist/css/skins/skin-red-light.min.css": "build/less/skins/skin-red-light.less",
-          "dist/css/skins/skin-purple-light.min.css": "build/less/skins/skin-purple-light.less",
-          "dist/css/skins/_all-skins.min.css": "build/less/skins/_all-skins.less"
-        }
-      }
+      // files: ["build/less/*.less", "build/less/skins/*.less", "dist/js/app.js"],
+      files: ["build/scss/*.scss", "build/scss/skins/*.scss", "dist/js/app.js"],
+      tasks: ["sass", "uglify"]
     },
 
     // SASS compiler
@@ -98,6 +45,19 @@ module.exports = function (grunt) {
       }
     },
 
+    // Compile ECMA6 to ECMA5
+    babel: {
+      options: {
+        sourceMap: true,
+        presets: ['es2015']
+      },
+      dist: {
+        files: {
+          'dist/js/AdminLTE.js': 'build/js/AdminLTE.js'
+        }
+      }
+    },
+
     // Build the documentation files
     includes: {
       build: {
@@ -188,6 +148,8 @@ module.exports = function (grunt) {
   grunt.loadNpmTasks('grunt-contrib-csslint');
   // Lint Bootstrap
   grunt.loadNpmTasks('grunt-bootlint');
+  // Grunt Babel to compile ECMA6 to ECMA5
+  grunt.loadNpmTasks('grunt-babel');
 
   // Linting task
   grunt.registerTask('lint', ['jshint', 'csslint', 'bootlint']);
diff --git a/package.json b/package.json
index 7147cd8ea..8562666fc 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,9 @@
   "license": "MIT",
   "devDependencies": {
     "R2": "^1.4.3",
+    "babel-preset-es2015": "^6.0.15",
     "grunt": "~0.4.5",
+    "grunt-babel": "^6.0.0",
     "grunt-bootlint": "^0.9.1",
     "grunt-contrib-clean": "^0.6.0",
     "grunt-contrib-csslint": "^0.5.0",