Gruntfile.js

var exec = require( "child_process" ).exec,
	fs = require( "fs" ),
	jqueryContent = require( "grunt-jquery-content" );

module.exports = function( grunt ) {

grunt.loadNpmTasks( "grunt-jquery-content" );

grunt.initConfig({
	"build-posts": {
		page: "page/**"
	},
	"build-resources": {
		all: "resources/**"
	},
	wordpress: (function() {
		var config = require( "./config" );
		config.dir = "dist/wordpress";
		return config;
	})()
});

grunt.registerTask( "build-download", function() {
	function writeFiles() {
		var frontend = require( "download.jqueryui.com" ).frontend({
				host: "https://download.jqueryui.com",
				env: "production"
			}),
			download = frontend.download,
			themeroller = frontend.themeroller,
			wordpressDir = grunt.config( "wordpress.dir" ),
			resourceCount = 0;

		grunt.file.write( wordpressDir + "/posts/page/download.html",
			"<script>" + JSON.stringify({
				title: "Download Builder",
				pageTemplate: "page-fullwidth.php"
			}) + "</script>\n" + download.index() );

		grunt.file.write( wordpressDir + "/posts/page/themeroller.html",
			"<script>" + JSON.stringify({
				title: "ThemeRoller",
				pageTemplate: "page-fullwidth.php"
			}) + "</script>\n" + themeroller.index() );

		grunt.file.expand( { filter: "isFile" }, dir + "/app/dist/**" ).forEach(function( file ) {
			grunt.file.copy( file,
				file.replace( dir + "/app/dist", wordpressDir + "/resources" ) );
			resourceCount++;
		});

		grunt.log.writeln( "Wrote download.html, themeroller.html and " +
			resourceCount + " resources." );
	}

	var path = require( "path" ),
		dir = path.dirname( require.resolve( "download.jqueryui.com" ) ),
		done = this.async();

	if ( grunt.option( "noprepare" ) ) {
		writeFiles();
		return done();
	}

	// At this point, the download builder repo is available, so let's initialize it
	grunt.log.writeln( "Initializing download module, might take a while..." );
	// TODO: Prefer --omit=dev but can't because `grunt prepare` runs grunt-check-modules,
	// which fails if a dev dependency is missing.
	exec( "npm install", {
		cwd: "node_modules/download.jqueryui.com"
	}, function( error, stdout, stderr ) {
		if ( error ) {
			grunt.log.error( stdout );
			grunt.log.error( stderr );
			return done( error );
		}

		exec( "node_modules/.bin/grunt prepare --stack", {
			cwd: "node_modules/download.jqueryui.com"
		}, function( error, stdout, stderr ) {
			if ( error ) {
				grunt.log.error( stdout );
				grunt.log.error( stderr );
				return done( error );
			}

			writeFiles();
			done();
		});
	})
});

// Build demos
//
//     grunt build-demos[:optionalJqueryUiPath]
//
grunt.registerTask( "build-demos", function() {
	function sortByTitle( a, b ) {
		if ( a.filename === "default" ) {
			return -1;
		}
		if ( b.filename === "default" ) {
			return 1;
		}
		return a.title.toLowerCase() > b.title.toLowerCase() ? 1 : -1;
	}

	var demosDir, jqueryCore, repoDir, pkg, subdir,
		path = require( "path" ),
		cheerio = require( "cheerio" ),
		targetDir = grunt.config( "wordpress.dir" ) + "/resources/demos",
		highlightDir = targetDir + "-highlight",
		demoList = {};

	if ( this.args.length ) {
		repoDir = this.args[ 0 ];
	} else {

		// We hijack the jquery-ui checkout from download.jqueryui.com
		this.requires( "build-download" );
		repoDir = require( "download.jqueryui.com" ).JqueryUi.getStable().path;
	}
	repoDir = path.resolve( repoDir );

	demosDir = path.join( repoDir, "demos" );
	pkg = require( path.join( repoDir, "package" ) );
	jqueryCore = fs.readFileSync( path.join( repoDir, "external/jquery/jquery.js" ) )
		.toString().match( /jQuery JavaScript Library v([0-9.]*)/ )[ 1 ];

	// Copy all demos files to /resources/demos
	grunt.file.recurse( demosDir, function( abspath, rootdir, subdir, filename ) {
		if ( filename.startsWith( "." ) ) {
			return;
		}

		if ( filename === "index.html" ) {
			return;
		}

		var content, $,
			destDir = `${ targetDir }${ subdir ? `/${ subdir }` : "" }/`,
			dest = destDir + filename,
			highlightDest = `${ highlightDir }${ subdir ? `/${ subdir }` : "" }/${ filename }`;

		if ( /html$/.test( filename ) ) {
			content = replaceResources( grunt.file.read( abspath ) );

			$ = cheerio.load( content );
			content = deAmd( $, destDir );

			if ( !( /(\/)/.test( subdir ) ) ) {
				if ( !demoList[ subdir ] ) {
					demoList[ subdir ] = [];
				}
				demoList[ subdir ].push({
					filename: filename.substr( 0, filename.length - 5 ),
					title: $( "title" ).text().replace( /[^\-]+\s-\s/, "" ),
					description: $( ".demo-description" ).remove().html()
				});

				// Save modified demo
				content = $.html();
				grunt.file.write( dest, content );

				// Create syntax highlighted version
				$ = cheerio.load( "<pre><code data-linenum='true'></code></pre>" );
				$( "code" ).text( content );
				grunt.file.write( highlightDest, jqueryContent.syntaxHighlight( $.html() ) );
			} else {
				content = $.html();
				grunt.file.write( dest, content );
			}
		} else {
			grunt.file.copy( abspath, dest );
		}
	});

	for ( subdir in demoList ) {
		demoList[ subdir ].sort( sortByTitle );
	}

	// Create list of all demos
	grunt.file.write( targetDir + "/demo-list.json", JSON.stringify( demoList, null, "\t" ) );

	function deAmd( $, destDir ) {
		var i18n, external,
			bootstrap = $( "script[src='../bootstrap.js']" ),
			require = $( "script[src='../../external/requirejs/require.js']" ),
			extra = bootstrap.attr( "data-modules" );

		// Replace the src on the first tag with core
		require.replaceWith(
			"<script src='https://code.jquery.com/jquery-" + jqueryCore + ".js'></script>" +
			"\n\t<script src=\"https://code.jquery.com/ui/" +
			pkg.version + "/jquery-ui.js\"></script>"
		);

		if ( extra ) {
			i18n = extra.match( /\S+/g ).filter( function( value ) {
				return /i18n/.test( value );
			} );
			external = extra.match( /\S+/g ).filter( function( value ) {
				return /external/.test( value );
			} );
			if ( i18n.length ) {
				i18n.forEach( function( file ) {
					grunt.file.copy( repoDir + "/ui/" + file + ".js", destDir + file + ".js" );
					bootstrap.before( "<script src=\"" + file + ".js\"></script>\n\t" );
				} );
			}
			if ( external.length ) {
				external.forEach( function( file ) {
					grunt.file.copy( repoDir + "/" + file + ".js", targetDir + "/" + file + ".js" );
					bootstrap.before( "<script src=\"/resources/demos/" + file + ".js\"></script>\n\t" );
				} );
			}
		}

		bootstrap
			.replaceWith( "<script>\n\t$( function() {" + bootstrap.html() + "} );\n\t</script>" );
	}

	function replaceResources( source ) {

		// ../../ui/themes/* -> CDN
		source = source.replace(
			/<link rel="stylesheet" href="\.\.\/\.\.\/themes[^>]+>/,
			"<link rel=\"stylesheet\" href=\"https://code.jquery.com/ui/" + pkg.version + "/themes/base/jquery-ui.css\">" );

		// ../demos.css -> /resources/demos/style.css
		source = source.replace(
			/<link rel="stylesheet" href="\.\.\/demos.css\">/,
			"<link rel=\"stylesheet\" href=\"/resources/demos/style.css\">" );

		return source;
	}
});

grunt.registerTask( "copy-taxonomies", function() {
	grunt.file.copy( "taxonomies.json",
		grunt.config( "wordpress.dir" ) + "/taxonomies.json" );
});

grunt.registerTask( "create-quickdownload", function() {

	// We hijack the jquery-ui checkout from download.jqueryui.com
	this.requires( "build-download" );

	var done = this.async(),
		path = require( "path" );

	exec( "grunt build-packages:" + path.resolve( "resources/download" ) + " --stack", {
		cwd: "node_modules/download.jqueryui.com"
	}, function( error, stdout, stderr ) {
		if ( error ) {
			grunt.log.error( stdout );
			grunt.log.error( stderr );
			return done( error );
		}

		grunt.log.write( stdout );
		done();
	});
});

grunt.registerTask( "build", [
	"build-posts",
	"build-resources",
	"build-download",
	"build-demos",
	"copy-taxonomies"
]);

};