fooplugins / foogallery

gutenberg/scripts/build.js

/**
 * Build
 *
 * The create-guten-block CLI builds here.
 */

'use strict';

Use the function form of "use strict".

// Do this as the first thing so that any code reading it knows the right env.
process.env.BABEL_ENV = 'production';

process does not seem to be defined.

process.env.NODE_ENV = 'production';

process does not seem to be defined.

// Makes the script crash on unhandled rejections instead of silently
// ignoring them. In the future, promise rejections that are not handled will
// terminate the Node.js process with a non-zero exit code.
process.on( 'unhandledRejection', err => {

'arrow function syntax (=>)' is only available in ES6 (use 'esversion: 6').

process does not seem to be defined.

	throw err;
} );

// Modules.
const fs = require( 'fs' );

'const' is available in ES6 (use 'esversion: 6') or Mozilla JS extensions (use moz).

require does not seem to be defined.

const ora = require( 'ora' );

'const' is available in ES6 (use 'esversion: 6') or Mozilla JS extensions (use moz).

require does not seem to be defined.

const path = require( 'path' );

'const' is available in ES6 (use 'esversion: 6') or Mozilla JS extensions (use moz).

require does not seem to be defined.

const chalk = require( 'chalk' );

'const' is available in ES6 (use 'esversion: 6') or Mozilla JS extensions (use moz).

require does not seem to be defined.

const webpack = require( 'webpack' );

'const' is available in ES6 (use 'esversion: 6') or Mozilla JS extensions (use moz).

require does not seem to be defined.

const fileSize = require( 'filesize' );

'const' is available in ES6 (use 'esversion: 6') or Mozilla JS extensions (use moz).

require does not seem to be defined.

const gzipSize = require( 'gzip-size' );

'const' is available in ES6 (use 'esversion: 6') or Mozilla JS extensions (use moz).

require does not seem to be defined.

const resolvePkg = require( 'resolve-pkg' );

'const' is available in ES6 (use 'esversion: 6') or Mozilla JS extensions (use moz).

require does not seem to be defined.

const config = require( '../config/webpack.config.prod' );

'const' is available in ES6 (use 'esversion: 6') or Mozilla JS extensions (use moz).

require does not seem to be defined.

There were too many errors found in this file; checking aborted after 20%.

const cgbDevUtilsPath = resolvePkg( 'cgb-dev-utils', { cwd: __dirname } );

'const' is available in ES6 (use 'esversion: 6') or Mozilla JS extensions (use moz).

const clearConsole = require( cgbDevUtilsPath + '/clearConsole' );

'const' is available in ES6 (use 'esversion: 6') or Mozilla JS extensions (use moz).

const formatWebpackMessages = require( cgbDevUtilsPath +

'const' is available in ES6 (use 'esversion: 6') or Mozilla JS extensions (use moz).

	'/formatWebpackMessages' );

// Build file paths.
const theCWD = process.cwd();

'const' is available in ES6 (use 'esversion: 6') or Mozilla JS extensions (use moz).

process does not seem to be defined.

const fileBuildJS = path.resolve( theCWD, './gutenberg/dist/blocks.build.js' );

'const' is available in ES6 (use 'esversion: 6') or Mozilla JS extensions (use moz).

const fileEditorCSS = path.resolve( theCWD, './gutenberg/dist/blocks.editor.build.css' );

'const' is available in ES6 (use 'esversion: 6') or Mozilla JS extensions (use moz).

const fileStyleCSS = path.resolve( theCWD, './gutenberg/dist/blocks.style.build.css' );

'const' is available in ES6 (use 'esversion: 6') or Mozilla JS extensions (use moz).

/**
 * Get File Size
 *
 * Get filesizes of all the files.
 *
 * @param {string} filePath path.
 * @returns {string} then size result.
 */
const getFileSize = filePath => {

'const' is available in ES6 (use 'esversion: 6') or Mozilla JS extensions (use moz).

'arrow function syntax (=>)' is only available in ES6 (use 'esversion: 6').

	return fileSize( gzipSize.sync( fs.readFileSync( filePath ) ) );
};

clearConsole();

// Init the spinner.
const spinner = new ora( { text: '' } );

'const' is available in ES6 (use 'esversion: 6') or Mozilla JS extensions (use moz).

/**
 * Build function
 *
 * Create the production build and print the deployment instructions.
 *
 * @param {json} webpackConfig config
 */
async function build( webpackConfig ) {

Did you forget to assign or call a function?

Missing semicolon.

	// Compiler Instance.
	const compiler = await webpack( webpackConfig );

'const' is available in ES6 (use 'esversion: 6') or Mozilla JS extensions (use moz).

Missing semicolon.

	// Run the compiler.
	compiler.run( ( err, stats ) => {

'arrow function syntax (=>)' is only available in ES6 (use 'esversion: 6').

		clearConsole();

		if ( err ) {
			return console.log( err );
		}

		// Get the messages formatted.
		const messages = formatWebpackMessages( stats.toJson( {}, true ) );

'const' is available in ES6 (use 'esversion: 6') or Mozilla JS extensions (use moz).

		// If there are errors just show the errors.
		if ( messages.errors.length ) {
			// Only keep the first error. Others are often indicative
			// of the same problem, but confuse the reader with noise.
			if ( messages.errors.length > 1 ) {
				messages.errors.length = 1;
			}
			// Formatted errors.
			clearConsole();
			console.log( '\n❌ ', chalk.black.bgRed( ' Failed to compile build. \n' ) );
			console.log( '\n👉 ', messages.errors.join( '\n\n' ) );

			// Don't go beyond this point at this time.
			return;
		}

		// CI.
		if (
			process.env.CI &&

process does not seem to be defined.

			( typeof process.env.CI !== 'string' ||

process does not seem to be defined.

				process.env.CI.toLowerCase() !== 'false' ) &&

process does not seem to be defined.

			messages.warnings.length
		) {
			console.log(
				chalk.yellow(
					'\nTreating warnings as errors because process.env.CI = true.\n' +
						'Most CI servers set it automatically.\n'
				)
			);
			console.log( messages.warnings.join( '\n\n' ) );
		}

		// Start the build.
		console.log( `\n ${ chalk.dim( 'Let\'s build and compile the files...' ) }` );

'template literal syntax' is only available in ES6 (use 'esversion: 6').

		console.log( '\n✅ ', chalk.black.bgGreen( ' Built successfully! \n' ) );

		console.log(
			'\n\n',
			'File sizes after gzip:',
			'\n\n',
			getFileSize( fileBuildJS ),
			`${ chalk.dim( '— ./gutenberg/dist/' ) }`,

'template literal syntax' is only available in ES6 (use 'esversion: 6').

			`${ chalk.green( 'blocks.build.js' ) }`,

'template literal syntax' is only available in ES6 (use 'esversion: 6').

			'\n',
			getFileSize( fileEditorCSS ),
			`${ chalk.dim( '— ./gutenberg/dist/' ) }`,

'template literal syntax' is only available in ES6 (use 'esversion: 6').

			`${ chalk.green( 'blocks.editor.build.css' ) }`,

'template literal syntax' is only available in ES6 (use 'esversion: 6').

			'\n',
			getFileSize( fileStyleCSS ),
			`${ chalk.dim( '— ./gutenberg/dist/' ) }`,

'template literal syntax' is only available in ES6 (use 'esversion: 6').

			`${ chalk.green( 'blocks.style.build.css' ) }`,

'template literal syntax' is only available in ES6 (use 'esversion: 6').

			'\n\n'
		);

		return true;
	} );
}

build( config );