Gruntfile.js

// use as:  grunt serve to serve the component for the designer
// TBD: bring back linting, jshint, etc.

module.exports = function(grunt) {
  var path = require('path');
  // Project configuration.
  var defaultName = path.basename(process.cwd());
  if (defaultName.indexOf('component-') === 0) {
    defaultName = defaultName.slice('component-'.length, defaultName.length);
  }
  grunt.registerTask('make_js_safe', 'A task that makes JS identifiers out of the prompted data',
    function() {
      grunt.config.set('template.component.options.data.js_safe_name',
        grunt.config.get('template.component.options.data.name').replace(/[\W_]+/g, '_').replace(/^(\d)/, '_$1'));
    }
  );
  grunt.initConfig({
    prompt: {
      target: {
        options: {
          questions: [
            {
              config: 'template.component.options.data.name', // arbitray name or config for any other grunt task
              type: 'input', // list, checkbox, confirm, input, password
              message: 'Component name',
              default: defaultName, // default value if nothing is entered
            }
          ]
        }
      }
    },
    template: {
      'component': {
        'files': {
            'component.html': ['template/component.html'],
            'component.css': ['template/component.css'],
            'locale/en-US.json': ['template/locale/en-US.json'],
        }
      }
    },
    pkg: grunt.file.readJSON('package.json'),
    csslint: {
      lax: {
        options: {
          "adjoining-classes": false,
          "box-model": false,
          "box-sizing": false,
          "bulletproof-font-face": false,
          "compatible-vendor-prefixes": false,
          "ids": false,
          "important": false,
          "outline-none": false,
          "overqualified-elements": false,
          "qualified-headings": false,
          "regex-selectors": false,
          "star-property-hack": false,
          "underscore-property-hack": false,
          "universal-selector": false,
          "unique-headings": false,
          "unqualified-attributes": false,
          "vendor-prefix": false,
          "zero-units": false,
          "fallback-colors": false
        },
        src: [
          "**/*.css",
          '!node_modules/**'
        ]
      },
    },
    jshint: {
      options: {
        "-W054": true,  // The Function constructor is a form of eval
        "-W069": true   // thing["property"] is better written in dot notation
      },
      files: [
        "Gruntfile.js",
        "**/*.js",
        '!node_modules/**'
      ]
    },
    inlinelint: {
      html: ['**/*.html',
        '!node_modules/**',
        '!template/**'
      ]
    },
    connect: {
      server: {
        options: {
          port: 9001,
          base: path.normalize(__dirname + '/..'),
          keepalive: true,
          protocol: 'https',
          open: 9001,
          middleware: function(connect, options) {
            var middlewares = [];
            // var proxy = require('grunt-connect-proxy/lib/utils').proxyRequest;
            // middlewares.push(proxy);
            if (!Array.isArray(options.base)) {
              options.base = [options.base];
            }
            var directory = options.directory || options.base[options.base.length - 1];
            middlewares.push(function(req, res, next) {
              // we need to setup CORS headers so that the designer can load the component
              res.setHeader('Access-Control-Allow-Origin', '*');
              res.setHeader('Access-Control-Allow-Methods', 'GET, OPTIONS');
              res.setHeader('Access-Control-Allow-Headers', 'Content-Type, Authorization');
              next();
            });
            options.base.forEach(function(base) {
              // Serve static files.
              middlewares.push(connect.static(base));
            });
            return middlewares;
          },
        }
      }
    },
  });

  grunt.loadNpmTasks( "grunt-contrib-csslint" );
  grunt.loadNpmTasks( "grunt-contrib-jshint" );
  grunt.loadNpmTasks('grunt-lint-inline');
  grunt.loadNpmTasks('grunt-contrib-connect');
  grunt.loadNpmTasks('grunt-contrib-watch');
  grunt.loadNpmTasks('grunt-prompt');
  grunt.loadNpmTasks('grunt-template');

  grunt.registerTask('customize', ['prompt', 'make_js_safe', 'template']);
  grunt.registerTask('serve', 'start web server to use in designer', function() {
    grunt.event.once('connect.server.listening', function(host, port) {
      var specRunnerUrl = 'https://' + host + ':' + 9001 + '/' + path.basename(__dirname);
      grunt.log.writeln('Tell the designer to load: ' + specRunnerUrl + "/component.html");
    });

    grunt.task.run('connect:server');
  });
  grunt.registerTask('check_customize', 'see if a component exists, and if not, run customize', function() {
    if (! grunt.file.exists('component.html')) {
      grunt.task.run('customize');
    }
  });
  grunt.registerTask('default', ['check_customize', 'serve']);
  grunt.registerTask('help', 'help message', function() {
    grunt.log.writeln('');
    grunt.log.writeln('_\'grunt customize\'_ to create your initial component');
    grunt.log.writeln('_\'grunt lint\'_ to check your component');
    grunt.log.writeln('_\'grunt serve\'_ to display the test runner page');
  });
  grunt.registerTask( "lint", [ "csslint", "jshint", "inlinelint"]);
};