David Ascher
135 linhas
4.3 KiB
JavaScript
135 linhas
4.3 KiB
JavaScript
// 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.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/**'
|
|
]
|
|
},
|
|
connect: {
|
|
server: {
|
|
options: {
|
|
port: 9001,
|
|
base: __dirname,
|
|
keepalive: true,
|
|
open: 9001,
|
|
middleware: function(connect, options) {
|
|
var middlewares = [];
|
|
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','template']);
|
|
grunt.registerTask('serve', 'start web server to use in designer', function() {
|
|
grunt.event.once('connect.server.listening', function(host, port) {
|
|
var specRunnerUrl = 'http://' + host + ':' + 9001;
|
|
grunt.log.writeln('Tell the designer to load: ' + specRunnerUrl + "/component.html");
|
|
});
|
|
|
|
grunt.task.run('connect:server');
|
|
});
|
|
grunt.registerTask('default', 'help message', function() {
|
|
grunt.log.writeln('\'grunt serve\' to display the test runner page');
|
|
});
|
|
grunt.registerTask('default', ['customize']);
|
|
// grunt.registerTask( "default", [ "csslint", "jshint", "inlinelint"]);
|
|
};
|