e84e1e8791
Color scheme selection on your own profile page gives you a preview and autosaves the selection. Also introduces the usage of a preprocessor for core files, namely Sass. For 3.8, we will not expand its implementation past the color schemes. This does require Ruby as well as Sass 3.3.0+ due to the usage of the sourcemap option. Note that only the default color scheme is available when running out of src. Use build to test the rest as well as the color picker. props ryelle, melchoyce, tillkruess, drw158, littlethingsstudio, helen. see #25858, #22862. git-svn-id: https://develop.svn.wordpress.org/trunk@26137 602fd350-edb4-49c9-b593-d223f7449a82
401 lines
9.9 KiB
JavaScript
401 lines
9.9 KiB
JavaScript
/* jshint node:true */
|
|
module.exports = function(grunt) {
|
|
var path = require('path'),
|
|
SOURCE_DIR = 'src/',
|
|
BUILD_DIR = 'build/';
|
|
|
|
// Load tasks.
|
|
require('matchdep').filterDev('grunt-*').forEach( grunt.loadNpmTasks );
|
|
|
|
// Project configuration.
|
|
grunt.initConfig({
|
|
clean: {
|
|
all: [BUILD_DIR],
|
|
dynamic: {
|
|
dot: true,
|
|
expand: true,
|
|
cwd: BUILD_DIR,
|
|
src: []
|
|
},
|
|
tinymce: {
|
|
src: [
|
|
'<%= concat.tinymce.dest %>',
|
|
BUILD_DIR + 'wp-includes/js/tinymce/wp-tinymce-schema.min.js',
|
|
BUILD_DIR + 'wp-includes/js/tinymce/mark_loaded.js'
|
|
]
|
|
},
|
|
qunit: ['tests/qunit/compiled.html']
|
|
},
|
|
copy: {
|
|
files: {
|
|
files: [
|
|
{
|
|
dot: true,
|
|
expand: true,
|
|
cwd: SOURCE_DIR,
|
|
src: [
|
|
'**',
|
|
'!**/.{svn,git}/**', // Ignore version control directories.
|
|
'!wp-includes/version.php' // Exclude version.php
|
|
],
|
|
dest: BUILD_DIR
|
|
},
|
|
{
|
|
src: 'wp-config-sample.php',
|
|
dest: BUILD_DIR
|
|
}
|
|
]
|
|
},
|
|
version: {
|
|
options: {
|
|
processContent: function( src ) {
|
|
return src.replace( /^(\$wp_version.+?)-src';/m, '$1\';' );
|
|
}
|
|
},
|
|
files: [
|
|
{
|
|
src: SOURCE_DIR + 'wp-includes/version.php',
|
|
dest: BUILD_DIR + 'wp-includes/version.php'
|
|
}
|
|
]
|
|
},
|
|
dynamic: {
|
|
dot: true,
|
|
expand: true,
|
|
cwd: SOURCE_DIR,
|
|
dest: BUILD_DIR,
|
|
src: []
|
|
},
|
|
qunit: {
|
|
src: 'tests/qunit/index.html',
|
|
dest: 'tests/qunit/compiled.html',
|
|
options: {
|
|
processContent: function( src ) {
|
|
return src.replace( /([^\.])*\.\.\/src/ig , '/../build' );
|
|
}
|
|
}
|
|
}
|
|
},
|
|
sass: {
|
|
colors: {
|
|
options: {
|
|
style: 'expanded',
|
|
sourcemap: true,
|
|
noCache: true
|
|
},
|
|
files : [{
|
|
expand: true,
|
|
cwd: SOURCE_DIR,
|
|
dest: BUILD_DIR,
|
|
ext: '.css',
|
|
src: ['wp-admin/css/color-schemes/*/colors.scss']
|
|
}]
|
|
}
|
|
},
|
|
cssmin: {
|
|
core: {
|
|
expand: true,
|
|
cwd: SOURCE_DIR,
|
|
dest: BUILD_DIR,
|
|
ext: '.min.css',
|
|
src: [
|
|
'wp-admin/css/*.css',
|
|
'wp-includes/css/*.css',
|
|
// Exceptions
|
|
'!wp-admin/css/farbtastic.css'
|
|
]
|
|
},
|
|
rtl: {
|
|
expand: true,
|
|
cwd: BUILD_DIR,
|
|
dest: BUILD_DIR,
|
|
ext: '.min.css',
|
|
src: [
|
|
'wp-admin/css/*-rtl.css',
|
|
'wp-includes/css/*-rtl.css'
|
|
]
|
|
},
|
|
colors: {
|
|
expand: true,
|
|
cwd: BUILD_DIR,
|
|
dest: BUILD_DIR,
|
|
ext: '.min.css',
|
|
src: [
|
|
'wp-admin/css/color-schemes/**/*.css'
|
|
]
|
|
}
|
|
},
|
|
cssjanus: {
|
|
core: {
|
|
expand: true,
|
|
cwd: SOURCE_DIR,
|
|
dest: BUILD_DIR,
|
|
ext: '-rtl.css',
|
|
src: [
|
|
'wp-admin/css/*.css',
|
|
'wp-includes/css/*.css',
|
|
// Temporary exceptions while .rtl body classes are in use
|
|
'!wp-admin/css/colors-fresh.css',
|
|
'!wp-admin/css/install.css',
|
|
'!wp-includes/css/editor.css',
|
|
'!wp-includes/css/wp-pointer.css',
|
|
// Farbtastic is deprecated, uses .rtl classes.
|
|
'!wp-admin/css/farbtastic.css'
|
|
]
|
|
},
|
|
dynamic: {
|
|
expand: true,
|
|
cwd: SOURCE_DIR,
|
|
dest: BUILD_DIR,
|
|
ext: '-rtl.css',
|
|
src: []
|
|
}
|
|
},
|
|
jshint: {
|
|
options: grunt.file.readJSON('.jshintrc'),
|
|
grunt: {
|
|
src: ['Gruntfile.js']
|
|
},
|
|
tests: {
|
|
src: [
|
|
'tests/qunit/**/*.js',
|
|
'!tests/qunit/vendor/qunit.js'
|
|
],
|
|
options: grunt.file.readJSON('tests/qunit/.jshintrc')
|
|
},
|
|
themes: {
|
|
expand: true,
|
|
cwd: SOURCE_DIR + 'wp-content/themes',
|
|
src: [
|
|
'**/*.js',
|
|
'!twenty{eleven,twelve,thirteen}/**',
|
|
// Third party scripts
|
|
'!twentyfourteen/js/html5.js'
|
|
]
|
|
},
|
|
core: {
|
|
expand: true,
|
|
cwd: SOURCE_DIR,
|
|
src: [
|
|
'wp-admin/js/*.js',
|
|
'wp-includes/js/*.js',
|
|
// WordPress scripts inside directories
|
|
'wp-includes/js/jquery/jquery.table-hotkeys.js',
|
|
'wp-includes/js/mediaelement/wp-mediaelement.js',
|
|
'wp-includes/js/plupload/handlers.js',
|
|
'wp-includes/js/plupload/wp-plupload.js',
|
|
'wp-includes/js/tinymce/plugins/wordpress/editor_plugin_src.js',
|
|
'wp-includes/js/tinymce/plugins/wp*/editor_plugin_src.js',
|
|
'wp-includes/js/tinymce/mark_loaded_src.js',
|
|
// Third party scripts
|
|
'!wp-admin/js/farbtastic.js',
|
|
'!wp-admin/js/iris.min.js',
|
|
'!wp-includes/js/backbone.min.js',
|
|
'!wp-includes/js/swfobject.js',
|
|
'!wp-includes/js/underscore.min.js',
|
|
'!wp-includes/js/zxcvbn.min.js',
|
|
'!wp-includes/js/colorpicker.js',
|
|
'!wp-includes/js/hoverIntent.js',
|
|
'!wp-includes/js/json2.js',
|
|
'!wp-includes/js/tw-sack.js'
|
|
],
|
|
// Remove once other JSHint errors are resolved
|
|
options: {
|
|
curly: false,
|
|
eqeqeq: false
|
|
},
|
|
// Limit JSHint's run to a single specified file
|
|
// grunt jshint:core --file=filename.js
|
|
filter: function( filepath ) {
|
|
var file = grunt.option( 'file' );
|
|
|
|
// Don't filter when no target file is specified
|
|
if ( ! file ) {
|
|
return true;
|
|
}
|
|
|
|
// Normalize filepath for Windows
|
|
filepath = filepath.replace( /\\/g, '/' );
|
|
|
|
// Match only the filename passed from cli
|
|
if ( filepath.lastIndexOf( '/' + file ) === filepath.length - ( file.length + 1 ) ) {
|
|
return true;
|
|
}
|
|
|
|
return false;
|
|
}
|
|
}
|
|
},
|
|
qunit: {
|
|
files: ['tests/qunit/**/*.html']
|
|
},
|
|
phpunit: {
|
|
'default': {
|
|
cmd: 'phpunit',
|
|
args: ['-c', 'phpunit.xml.dist']
|
|
},
|
|
ajax: {
|
|
cmd: 'phpunit',
|
|
args: ['-c', 'phpunit.xml.dist', '--group', 'ajax']
|
|
},
|
|
multisite: {
|
|
cmd: 'phpunit',
|
|
args: ['-c', 'tests/phpunit/multisite.xml']
|
|
}
|
|
},
|
|
uglify: {
|
|
core: {
|
|
expand: true,
|
|
cwd: SOURCE_DIR,
|
|
dest: BUILD_DIR,
|
|
ext: '.min.js',
|
|
src: [
|
|
'wp-admin/js/*.js',
|
|
'wp-includes/js/*.js',
|
|
'wp-includes/js/plupload/handlers.js',
|
|
'wp-includes/js/plupload/wp-plupload.js',
|
|
'wp-includes/js/tinymce/plugins/wp*/js/*.js',
|
|
'wp-includes/js/tinymce/wp-tinymce-schema.js',
|
|
// Exceptions
|
|
'!wp-admin/js/custom-header.js', // Why? We should minify this.
|
|
'!wp-admin/js/farbtastic.js',
|
|
'!wp-admin/js/iris.min.js',
|
|
'!wp-includes/js/backbone.min.js',
|
|
'!wp-includes/js/swfobject.js',
|
|
'!wp-includes/js/underscore.min.js',
|
|
'!wp-includes/js/zxcvbn.min.js',
|
|
// Hard-coded in editimage.html
|
|
'!wp-includes/js/tinymce/plugins/wpeditimage/js/editimage.js'
|
|
]
|
|
},
|
|
tinymce: {
|
|
expand: true,
|
|
cwd: SOURCE_DIR,
|
|
dest: BUILD_DIR,
|
|
src: [
|
|
'wp-includes/js/tinymce/plugins/wordpress/editor_plugin_src.js',
|
|
'wp-includes/js/tinymce/plugins/wp*/editor_plugin_src.js',
|
|
'wp-includes/js/tinymce/mark_loaded_src.js'
|
|
],
|
|
// TinyMCE plugins use a nonstandard naming scheme: plugin files are named
|
|
// `editor_plugin_src.js`, and are compressed into `editor_plugin.js`.
|
|
rename: function(destBase, destPath) {
|
|
destPath = destPath.replace(/_src.js$/, '.js');
|
|
return path.join(destBase || '', destPath);
|
|
}
|
|
}
|
|
},
|
|
concat: {
|
|
tinymce: {
|
|
options: {
|
|
separator: '\n',
|
|
process: function( src, filepath ) {
|
|
return '// Source: ' + filepath.replace( BUILD_DIR, '' ) + '\n' + src;
|
|
}
|
|
},
|
|
src: [
|
|
BUILD_DIR + 'wp-includes/js/tinymce/tiny_mce.js',
|
|
BUILD_DIR + 'wp-includes/js/tinymce/wp-tinymce-schema.min.js',
|
|
BUILD_DIR + 'wp-includes/js/tinymce/themes/advanced/editor_template.js',
|
|
BUILD_DIR + 'wp-includes/js/tinymce/plugins/*/editor_plugin.js',
|
|
BUILD_DIR + 'wp-includes/js/tinymce/mark_loaded.js'
|
|
],
|
|
dest: BUILD_DIR + 'wp-includes/js/tinymce/wp-tinymce.js'
|
|
}
|
|
},
|
|
compress: {
|
|
tinymce: {
|
|
options: {
|
|
mode: 'gzip',
|
|
level: 9
|
|
},
|
|
src: '<%= concat.tinymce.dest %>',
|
|
dest: BUILD_DIR + 'wp-includes/js/tinymce/wp-tinymce.js.gz'
|
|
}
|
|
},
|
|
watch: {
|
|
all: {
|
|
files: [
|
|
SOURCE_DIR + '**',
|
|
// Ignore version control directories.
|
|
'!' + SOURCE_DIR + '**/.{svn,git}/**'
|
|
],
|
|
tasks: ['clean:dynamic', 'copy:dynamic'],
|
|
options: {
|
|
dot: true,
|
|
spawn: false,
|
|
interval: 2000
|
|
}
|
|
},
|
|
rtl: {
|
|
files: [
|
|
SOURCE_DIR + 'wp-admin/css/*.css',
|
|
SOURCE_DIR + 'wp-includes/css/*.css'
|
|
],
|
|
tasks: ['cssjanus:dynamic'],
|
|
options: {
|
|
spawn: false,
|
|
interval: 2000
|
|
}
|
|
},
|
|
test: {
|
|
files: ['tests/qunit/**'],
|
|
tasks: ['qunit']
|
|
},
|
|
colors: {
|
|
files: [SOURCE_DIR + 'wp-admin/css/color-schemes/**'],
|
|
tasks: ['sass:colors']
|
|
}
|
|
}
|
|
});
|
|
|
|
// Register tasks.
|
|
|
|
// Copy task.
|
|
grunt.registerTask('copy:all', ['copy:files', 'copy:version']);
|
|
|
|
// RTL task.
|
|
grunt.registerTask('rtl', ['cssjanus:core']);
|
|
|
|
grunt.registerTask('colors', ['sass:colors', 'cssmin:colors']);
|
|
|
|
// Build task.
|
|
grunt.registerTask('build', ['clean:all', 'copy:all', 'rtl', 'colors', 'cssmin:core', 'cssmin:rtl',
|
|
'uglify:core', 'uglify:tinymce', 'concat:tinymce', 'compress:tinymce', 'clean:tinymce']);
|
|
|
|
// Testing tasks.
|
|
grunt.registerMultiTask('phpunit', 'Runs PHPUnit tests, including the ajax and multisite tests.', function() {
|
|
grunt.util.spawn({
|
|
cmd: this.data.cmd,
|
|
args: this.data.args,
|
|
opts: {stdio: 'inherit'}
|
|
}, this.async());
|
|
});
|
|
|
|
grunt.registerTask('qunit:compiled', 'Runs QUnit tests on compiled as well as uncompiled scripts.',
|
|
['build', 'copy:qunit', 'qunit']);
|
|
grunt.registerTask('test', 'Runs all QUnit and PHPUnit tasks.', ['qunit:compiled', 'phpunit']);
|
|
|
|
// Default task.
|
|
grunt.registerTask('default', ['build']);
|
|
|
|
// Add a listener to the watch task.
|
|
//
|
|
// On `watch:all`, automatically updates the `copy:dynamic` and `clean:dynamic`
|
|
// configurations so that only the changed files are updated.
|
|
// On `watch:rtl`, automatically updates the `cssjanus:dynamic` configuration.
|
|
grunt.event.on('watch', function( action, filepath, target ) {
|
|
if ( target !== 'all' && target !== 'rtl' ) {
|
|
return;
|
|
}
|
|
|
|
var relativePath = path.relative( SOURCE_DIR, filepath ),
|
|
cleanSrc = ( action === 'deleted' ) ? [relativePath] : [],
|
|
copySrc = ( action === 'deleted' ) ? [] : [relativePath];
|
|
|
|
grunt.config(['clean', 'dynamic', 'src'], cleanSrc);
|
|
grunt.config(['copy', 'dynamic', 'src'], copySrc);
|
|
grunt.config(['cssjanus', 'dynamic', 'src'], copySrc);
|
|
});
|
|
};
|