tech(typescript): its looking good

tasks/build_task.js

@@ -6,11 +6,11 @@ module.exports = function(grunt) {
     'jshint:source',
     'jshint:tests',
     'jscs',
-    'karma:test',
     'clean:on_start',
-    'less:src',
-    'concat:cssDark',
-    'concat:cssLight',
+    'copy:app_gen_build',
+    'typescript:build',
+    'karma:test',
+    'css',
     'copy:everything_but_less_to_temp',
     'htmlmin:build',
     'ngtemplates',
@@ -25,7 +25,6 @@ module.exports = function(grunt) {
     'uglify:dest'
   ]);
 
-
   // task to add [[.AppSubUrl]] to reved path
   grunt.registerTask('remapFilerev', function(){
     var root = grunt.config().destDir;

tasks/default_task.js

@@ -1,6 +1,16 @@
 // Lint and build CSS
 module.exports = function(grunt) {
-  grunt.registerTask('css', ['less:src', 'concat:cssDark', 'concat:cssLight']);
-  grunt.registerTask('default', ['jscs', 'jshint', 'css']);
+  'use strict';
+
+  grunt.registerTask('css', ['less', 'concat:cssDark', 'concat:cssLight']);
+  grunt.registerTask('default', [
+    'jscs',
+    'jshint',
+    'clean:gen',
+    'copy:everything_but_ts_and_less',
+    'css',
+    'typescript:build'
+  ]);
+
   grunt.registerTask('test', ['default', 'karma:test']);
 };

tasks/options/clean.js

@@ -1,6 +1,9 @@
 module.exports = function(config) {
+  'use strict';
+
   return {
-    on_start: ['<%= destDir %>', '<%= tempDir %>'],
+    release: ['<%= destDir %>', '<%= tempDir %>', '<%= genDir %>'],
+    gen: ['<%= genDir %>'],
     temp: ['<%= tempDir %>']
   };
 };

tasks/options/concat.js

@@ -4,25 +4,25 @@ module.exports = function(config) {
   return {
     cssDark: {
       src: [
-        '<%= srcDir %>/vendor/css/normalize.min.css',
-        '<%= srcDir %>/vendor/css/timepicker.css',
-        '<%= srcDir %>/vendor/css/spectrum.css',
-        '<%= srcDir %>/css/bootstrap.dark.min.css',
-        '<%= srcDir %>/css/bootstrap-responsive.min.css',
-        '<%= srcDir %>/vendor/css/font-awesome.min.css'
+        '<%= genDir %>/vendor/css/normalize.min.css',
+        '<%= genDir %>/vendor/css/timepicker.css',
+        '<%= genDir %>/vendor/css/spectrum.css',
+        '<%= genDir %>/css/bootstrap.dark.min.css',
+        '<%= genDir %>/css/bootstrap-responsive.min.css',
+        '<%= genDir %>/vendor/css/font-awesome.min.css'
       ],
-      dest: '<%= srcDir %>/css/grafana.dark.min.css'
+      dest: '<%= genDir %>/css/grafana.dark.min.css'
     },
     cssLight: {
       src: [
-        '<%= srcDir %>/vendor/css/normalize.min.css',
-        '<%= srcDir %>/vendor/css/timepicker.css',
-        '<%= srcDir %>/vendor/css/spectrum.css',
-        '<%= srcDir %>/css/bootstrap.light.min.css',
-        '<%= srcDir %>/css/bootstrap-responsive.min.css',
-        '<%= srcDir %>/vendor/css/font-awesome.min.css'
+        '<%= genDir %>/vendor/css/normalize.min.css',
+        '<%= genDir %>/vendor/css/timepicker.css',
+        '<%= genDir %>/vendor/css/spectrum.css',
+        '<%= genDir %>/css/bootstrap.light.min.css',
+        '<%= genDir %>/css/bootstrap-responsive.min.css',
+        '<%= genDir %>/vendor/css/font-awesome.min.css'
       ],
-      dest: '<%= srcDir %>/css/grafana.light.min.css'
+      dest: '<%= genDir %>/css/grafana.light.min.css'
     },
 
     js: {

tasks/options/copy.js

@@ -8,11 +8,11 @@ module.exports = function(config) {
       dest: '<%= tempDir %>'
     },
 
-    app_gen_build: {
-      cwd: '<%= srcDir %>/app',
+    everything_but_less: {
+      cwd: '<%= srcDir %>',
       expand: true,
-      src: ['**/*.js', '**/*.html'],
-      dest: '<%= srcDir %>/.app_gen'
+      src: ['**/*', '!**/*.less'],
+      dest: '<%= genDir %>'
     }
 
   };

tasks/options/less.js

@@ -1,25 +1,16 @@
 module.exports = function(config) {
+
   return {
-    // this is the only task, other than copy, that runs on the src directory, since we don't really need
-    // the less files in the dist. Everything else runs from on temp, and require copys everything
-    // from temp -> dist
-    dist:{
-      expand: true,
-      cwd:'<%= srcDir %>/vendor/bootstrap/less/',
-      src: ['bootstrap.dark.less', 'bootstrap.light.less'],
-      dest: '<%= tempDir %>/css/',
-    },
-    // Compile in place when not building
     src:{
       options: {
-        paths: ["<%= srcDir %>/vendor/bootstrap/less", "<%= srcDir %>/css/less"],
-        yuicompress:true
+        paths: ["<%= srcDir %>/vendor/bootstrap/less", "<%= srcDir %>/less"],
+        yuicompress: true
       },
       files: {
-        "<%= srcDir %>/css/bootstrap.dark.min.css": "<%= srcDir %>/css/less/bootstrap.dark.less",
-        "<%= srcDir %>/css/bootstrap.light.min.css": "<%= srcDir %>/css/less/bootstrap.light.less",
-        "<%= srcDir %>/css/bootstrap-responsive.min.css": "<%= srcDir %>/css/less/grafana-responsive.less"
+        "<%= genDir %>/css/bootstrap.dark.min.css": "<%= srcDir %>/less/bootstrap.dark.less",
+        "<%= genDir %>/css/bootstrap.light.min.css": "<%= srcDir %>/less/bootstrap.light.less",
+        "<%= genDir %>/css/bootstrap-responsive.min.css": "<%= srcDir %>/less/grafana-responsive.less"
       }
     }
   };
-};
+};

tasks/options/requirejs.js

@@ -7,7 +7,7 @@ module.exports = function(config,grunt) {
       appDir: '<%= tempDir %>',
       dir:  '<%= destDir %>',
       mainConfigFile: '<%= tempDir %>/app/components/require.config.js',
-      baseUrl: './app',
+      baseUrl: 'app_gen',
       waitSeconds: 0,
 
       modules: [], // populated below,
@@ -37,9 +37,9 @@ module.exports = function(config,grunt) {
 
     // setup the modules require will build
     var requireModules = options.modules = [
-    {
-      // main/common module
-      name: 'app',
+      {
+        // main/common module
+        name: 'app',
         include: [
           'kbn',
           'text',
@@ -66,7 +66,11 @@ module.exports = function(config,grunt) {
           'plugins/datasource/graphite/datasource',
           'plugins/datasource/influxdb_08/datasource',
         ]
-      }
+      },
+      // {
+      //   name: 'features/org/all',
+      //   exclude: ['app'],
+      // }
     ];
 
     var fs = require('fs');

tasks/options/typescript.js

@@ -4,7 +4,7 @@ module.exports = function() {
   return {
     build: {
       src: ['public/app/**/*.ts'],
-      dest: 'public/.app_gen',
+      dest: 'public_gen/app',
       options: {
         module: 'amd', //or commonjs
         target: 'es5', //or es3
@@ -14,9 +14,20 @@ module.exports = function() {
         generateTsConfig: true,
       }
     },
+
+    // build2: {
+    //   src: ['public/app/alerting#<{(||)}>#*.ts'],
+    //   dest: 'public/.app_gen/alerting/all.js',
+    //   options: {
+    //     target: 'es5', //or es3
+    //     declaration: true,
+    //     sourceMap: true,
+    //   }
+    // },
+
     watch: {
       src: ['public/app/**/*.ts'],
-      dest: 'public/.app_gen',
+      dest: 'public/app_gen',
       options: {
         module: 'amd', //or commonjs
         target: 'es5', //or es3

tasks/options/watch.js

@@ -1,16 +1,16 @@
 module.exports = function(config) {
   return {
     css: {
-      files: [ '<%= srcDir %>/css/**/*.less' ],
+      files: [ '<%= srcDir %>/less/**/*.less' ],
       tasks: ['css'],
       options: {
         spawn: false
       }
     },
 
-    app_gen: {
-      files: ['<%= srcDir %>/app/**/*.js', '<%= srcDir %>/app/**/*.html'],
-      tasks: ['copy:app_gen_build'],
+    copy_to_gen: {
+      files: ['<%= srcDir %>/**/*', '!<%= srcDir %>/**/*.less'],
+      tasks: ['copy:everything_but_less'],
       options: {
         spawn: false
       }