/** * Special build task to handle various jQuery build requirements. * Compiles JS modules into one bundle, sets the custom AMD name, * and includes/excludes specified modules */ "use strict"; module.exports = function( grunt ) { const fs = require( "fs" ); const path = require( "path" ); const rollup = require( "rollup" ); const rollupHypothetical = require( "rollup-plugin-hypothetical" ); const Insight = require( "insight" ); const pkg = require( "../../package.json" ); const srcFolder = path.resolve( `${ __dirname }/../../src` ); const read = function( fileName ) { return grunt.file.read( `${ srcFolder }/${ fileName }` ); }; // Catch `// @CODE` and subsequent comment lines event if they don't start // in the first column. const wrapper = read( "wrapper.js" ) .split( /[\x20\t]*\/\/ @CODE\n(?:[\x20\t]*\/\/[^\n]+\n)*/ ); const inputFileName = "jquery.js"; const inputRollupOptions = { input: `${ srcFolder }/${ inputFileName }` }; const outputRollupOptions = { // The ESM format is not actually used as we strip it during // the build; it's just that it doesn't generate any extra // wrappers so there's nothing for us to remove. format: "esm", intro: wrapper[ 0 ] .replace( /\n*$/, "" ), outro: wrapper[ 1 ] .replace( /^\n*/, "" ) }; const rollupHypotheticalOptions = { allowFallthrough: true, files: {} }; grunt.registerMultiTask( "build", "Concatenate source, remove sub AMD definitions, " + "(include/exclude modules with +/- flags), embed date/version", async function() { const done = this.async(); try { let flag, index; const flags = this.flags; const optIn = flags[ "*" ]; let name = grunt.option( "filename" ); const minimum = this.data.minimum; const removeWith = this.data.removeWith; const excluded = []; const included = []; let version = grunt.config( "pkg.version" ); /** * Recursively calls the excluder to remove on all modules in the list * @param {Array} list * @param {String} [prepend] Prepend this to the module name. * Indicates we're walking a directory */ const excludeList = ( list, prepend ) => { if ( list ) { prepend = prepend ? `${ prepend }/` : ""; list.forEach( function( module ) { // Exclude var modules as well if ( module === "var" ) { excludeList( fs.readdirSync( `${ srcFolder }/${ prepend }${ module }` ), prepend + module ); return; } if ( prepend ) { // Skip if this is not a js file and we're walking files in a dir if ( !( module = /([\w-\/]+)\.js$/.exec( module ) ) ) { return; } // Prepend folder name if passed // Remove .js extension module = prepend + module[ 1 ]; } // Avoid infinite recursion if ( excluded.indexOf( module ) === -1 ) { excluder( "-" + module ); } } ); } }; /** * Adds the specified module to the excluded or included list, depending on the flag * @param {String} flag A module path relative to * the src directory starting with + or - to indicate * whether it should included or excluded */ const excluder = flag => { let additional; const m = /^(\+|\-|)([\w\/-]+)$/.exec( flag ); const exclude = m[ 1 ] === "-"; const module = m[ 2 ]; if ( exclude ) { // Can't exclude certain modules if ( minimum.indexOf( module ) === -1 ) { // Add to excluded if ( excluded.indexOf( module ) === -1 ) { grunt.log.writeln( flag ); excluded.push( module ); // Exclude all files in the folder of the same name // These are the removable dependencies // It's fine if the directory is not there try { excludeList( fs.readdirSync( `${ srcFolder }/${ module }` ), module ); } catch ( e ) { grunt.verbose.writeln( e ); } } additional = removeWith[ module ]; // Check removeWith list if ( additional ) { excludeList( additional.remove || additional ); if ( additional.include ) { included.push( ...additional.include ); grunt.log.writeln( "+" + additional.include ); } } } else { grunt.log.error( "Module \"" + module + "\" is a minimum requirement." ); } } else { grunt.log.writeln( flag ); included.push( module ); } }; // Filename can be passed to the command line using // command line options // e.g. grunt build --filename=jquery-custom.js name = name ? `dist/${ name }` : this.data.dest; // append commit id to version if ( process.env.COMMIT ) { version += " " + process.env.COMMIT; } // figure out which files to exclude based on these rules in this order: // dependency explicit exclude // > explicit exclude // > explicit include // > dependency implicit exclude // > implicit exclude // examples: // * none (implicit exclude) // *:* all (implicit include) // *:*:-css all except css and dependents (explicit > implicit) // *:*:-css:+effects same (excludes effects because explicit include is // trumped by explicit exclude of dependency) // *:+effects none except effects and its dependencies // (explicit include trumps implicit exclude of dependency) delete flags[ "*" ]; for ( flag in flags ) { excluder( flag ); } // Remove the jQuery export from the entry file, we'll use our own // custom wrapper. rollupHypotheticalOptions.files[ inputRollupOptions.input ] = read( inputFileName ) .replace( /\n*export default jQuery;\n*/, "\n" ); // Replace exports/global with a noop noConflict if ( ( index = excluded.indexOf( "exports/global" ) ) > -1 ) { rollupHypotheticalOptions.files[ `${ srcFolder }/exports/global.js` ] = "import jQuery from \"../core.js\";\n\n" + "jQuery.noConflict = function() {};"; excluded.splice( index, 1 ); } // Set a desired AMD name. let amdName = grunt.option( "amd" ); if ( amdName != null ) { if ( amdName ) { grunt.log.writeln( "Naming jQuery with AMD name: " + amdName ); } else { grunt.log.writeln( "AMD name now anonymous" ); } // Remove the comma for anonymous defines rollupHypotheticalOptions.files[ `${ srcFolder }/exports/amd.js` ] = read( "exports/amd.js" ) .replace( /(\s*)"jquery"(\,\s*)/, amdName ? "$1\"" + amdName + "\"$2" : "" ); } grunt.verbose.writeflags( excluded, "Excluded" ); grunt.verbose.writeflags( included, "Included" ); // append excluded modules to version if ( excluded.length ) { version += " -" + excluded.join( ",-" ); // set pkg.version to version with excludes, so minified file picks it up grunt.config.set( "pkg.version", version ); grunt.verbose.writeln( "Version changed to " + version ); // Replace excluded modules with empty sources. for ( const module of excluded ) { rollupHypotheticalOptions.files[ `${ srcFolder }/${ module }.js` ] = ""; } } // Turn off opt-in if necessary if ( !optIn ) { // Remove the default inclusions, they will be overwritten with the explicitly // included ones. rollupHypotheticalOptions.files[ inputRollupOptions.input ] = ""; } // Import the explicitly included modules. if ( included.length ) { rollupHypotheticalOptions.files[ inputRollupOptions.input ] += included .map( module => `import "./${module}.js";` ) .join( "\n" ); } const bundle = await rollup.rollup( { ...inputRollupOptions, plugins: [ rollupHypothetical( rollupHypotheticalOptions ) ] } ); const { output: [ { code } ] } = await bundle.generate( outputRollupOptions ); const compiledContents = code // Embed Version .replace( /@VERSION/g, version ) // Embed Date // yyyy-mm-ddThh:mmZ .replace( /@DATE/g, ( new Date() ).toISOString() .replace( /:\d+\.\d+Z$/, "Z" ) ); grunt.file.write( name, compiledContents ); grunt.log.ok( "File '" + name + "' created." ); done(); } catch ( err ) { done( err ); } } ); // Special "alias" task to make custom build creation less grawlix-y // Translation example // // grunt custom:+ajax,-dimensions,-effects,-offset // // Becomes: // // grunt build:*:*:+ajax:-dimensions:-effects:-offset grunt.registerTask( "custom", function() { const args = this.args; const modules = args.length ? args[ 0 ].replace( /,/g, ":" ) : ""; const done = this.async(); const insight = new Insight( { trackingCode: "UA-1076265-4", pkg: pkg } ); function exec( trackingAllowed ) { let tracks = args.length ? args[ 0 ].split( "," ) : []; const defaultPath = [ "build", "custom" ]; tracks = tracks.map( function( track ) { return track.replace( /\//g, "+" ); } ); if ( trackingAllowed ) { // Track individuals tracks.forEach( function( module ) { const path = defaultPath.concat( [ "individual" ], module ); insight.track.apply( insight, path ); } ); // Track full command insight.track.apply( insight, defaultPath.concat( [ "full" ], tracks ) ); } grunt.task.run( [ "build:*:*" + ( modules ? ":" + modules : "" ), "uglify", "dist" ] ); done(); } grunt.log.writeln( "Creating custom build...\n" ); // Ask for permission the first time if ( insight.optOut === undefined ) { insight.askPermission( null, function( _error, result ) { exec( result ); } ); } else { exec( !insight.optOut ); } } ); };