@commercetools-frontend/mc-scripts 21.7.0 → 21.8.0

package/webpack/dist/commercetools-frontend-mc-scripts-webpack.esm.js

@@ -0,0 +1,42 @@
+export { c as createWebpackConfigForDevelopment } from '../../dist/create-webpack-config-for-development-8a8b84d6.esm.js';
+export { c as createWebpackConfigForProduction } from '../../dist/create-webpack-config-for-production-7dc669e5.esm.js';
+import '@babel/runtime-corejs3/core-js-stable/object/keys';
+import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
+import '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import '@babel/runtime-corejs3/core-js-stable/object/define-properties';
+import '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import '@babel/runtime-corejs3/helpers/defineProperty';
+import '@babel/runtime-corejs3/core-js-stable/instance/map';
+import '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import '@babel/runtime-corejs3/core-js-stable/json/stringify';
+import '@babel/runtime-corejs3/core-js-stable/instance/ends-with';
+import '@babel/runtime-corejs3/core-js-stable/instance/concat';
+import 'path';
+import 'webpack';
+import 'webpackbar';
+import 'html-webpack-plugin';
+import 'moment-locales-webpack-plugin';
+import '@pmmmwh/react-refresh-webpack-plugin';
+import '@babel/runtime-corejs3/helpers/classCallCheck';
+import '@babel/runtime-corejs3/helpers/createClass';
+import '@babel/runtime-corejs3/core-js-stable/object/assign';
+import '@commercetools-frontend/application-config';
+import '@commercetools-frontend/mc-html-template';
+import '../../dist/paths-ed23d5a1.esm.js';
+import '@babel/runtime-corejs3/core-js-stable/instance/find';
+import 'fs';
+import '../../dist/vendors-to-transpile-68e03526.esm.js';
+import '../../dist/create-postcss-config-c1aa3525.esm.js';
+import '@babel/runtime-corejs3/helpers/toConsumableArray';
+import '@babel/runtime-corejs3/helpers/slicedToArray';
+import '../../dist/package-a98de907.esm.js';
+import '../../dist/has-jsx-runtime-8314226e.esm.js';
+import '@babel/runtime-corejs3/core-js-stable/number/is-integer';
+import 'webpack-bundle-analyzer';
+import 'css-minimizer-webpack-plugin';
+import 'mini-css-extract-plugin';
+import 'terser-webpack-plugin';
+import '@babel/runtime-corejs3/core-js-stable/instance/bind';
+import '@babel/runtime-corejs3/core-js-stable/instance/reduce';

package/webpack/package.json

@@ -0,0 +1,4 @@
+{
+  "main": "dist/commercetools-frontend-mc-scripts-webpack.cjs.js",
+  "module": "dist/commercetools-frontend-mc-scripts-webpack.esm.js"
+}

package/build/bin/cli.js

@@ -1,264 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
-
-// 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 => {
-  throw err;
-});
-
-const fs = require('fs');
-
-const path = require('path');
-
-const mri = require('mri');
-
-const dotenv = require('dotenv');
-
-const dotenvExpand = require('dotenv-expand');
-
-const spawn = require('react-dev-utils/crossSpawn');
-
-const pkg = require('../../package.json');
-
-const flags = mri(process.argv.slice(2), {
-  alias: {
-    help: ['h']
-  },
-  boolean: ['build-only']
-});
-const commands = flags._;
-
-if (commands.length === 0 || flags.help && commands.length === 0) {
-  console.log(`
-Usage: mc-scripts [global-options] [command] [options]
-
-https://docs.commercetools.com/custom-applications/api-reference/cli.
-
-Global options:
-
-  --env <path>                (optional) Parses the file path as a dotenv file and adds the variables to the environment. Multiple flags are allowed.
-
-Commands:
-
-  build                       Bundles the application in production mode. Outputs a "public" folder.
-    --build-only              (optional) If defined, the command only creates the production bundles without compiling the "index.html".
-
-  compile-html                Compiles "index.html.template" file into a "index.html" with all the required runtime configuration. Additionally, the security headers are also compiled and printed to stdout, unless you use a "transformer".
-    --transformer <path>      (optional) The path to a JS module that can be used to generate a configuration for a specific cloud provider (e.g. Vercel, Netlify).
-    --print-security-headers  (optional) The path to a JS module that can be used to generate a configuration for a specific cloud provider (e.g. Vercel, Netlify).
-
-  start                       Starts the application in development mode using Webpack Dev Server.
-
-  serve                       Serves previously built and compiled application from the "public" folder.
-
-  login                       Log in to your Merchant Center account through the CLI, using the cloud environment information from the Custom Application config file. An API token is generated and stored in a configuration file for the related cloud environment, and valid for 36 hours.
-
-  config:sync                 Synchronizes the local Custom Application config with the Merchant Center. A new Custom Application will be created if none existed, otherwise it will be updated.
-    --dry-run                 (optional) Executes the command but does not send any mutation request.
-  `);
-  process.exit(0);
-}
-
-const command = commands[0];
-console.log('');
-console.log(`mc-scripts: v${pkg.version}`);
-console.log(''); // Get the current directory where the CLI is executed from. Usually this is the application folder.
-
-const applicationDirectory = fs.realpathSync(process.cwd());
-
-(async () => {
-  try {
-    // Load dotenv files into the process environment.
-    // This is essentially what `dotenv-cli` does, but it's now built into this CLI.
-    loadDotEnvFiles(flags);
-
-    switch (command) {
-      case 'build':
-        {
-          // Do this as the first thing so that any code reading it knows the right env.
-          process.env.BABEL_ENV = 'production';
-          process.env.NODE_ENV = 'production';
-          const shouldAlsoCompile = !flags['build-only'];
-          const shouldUseExperimentalBundler = process.env.ENABLE_EXPERIMENTAL_VITE_BUNDLER === 'true';
-
-          if (shouldUseExperimentalBundler) {
-            console.log('Experimental Vite bundler enabled! 🚀');
-            console.warn('NOTE that the "cdnURL" value is not supported at the moment when using Vite.');
-            console.log('');
-          }
-
-          proxyCommand(command, {
-            noExit: shouldAlsoCompile,
-            fileName: shouldUseExperimentalBundler ? 'build-vite' : 'build'
-          });
-
-          if (shouldAlsoCompile) {
-            console.log('');
-            proxyCommand('compile-html');
-          }
-
-          break;
-        }
-
-      case 'serve':
-        {
-          // Do this as the first thing so that any code reading it knows the right env.
-          process.env.NODE_ENV = 'production';
-          proxyCommand(command);
-          break;
-        }
-
-      case 'compile-html':
-        {
-          // Do this as the first thing so that any code reading it knows the right env.
-          process.env.NODE_ENV = 'production'; // Get specific flag for this command.
-
-          const commandArgs = getArgsForCommand(['transformer', 'print-security-headers']);
-          proxyCommand(command, {
-            commandArgs
-          });
-          break;
-        }
-
-      case 'start':
-        {
-          // Do this as the first thing so that any code reading it knows the right env.
-          process.env.BABEL_ENV = 'development';
-          process.env.NODE_ENV = 'development';
-          const shouldUseExperimentalBundler = process.env.ENABLE_EXPERIMENTAL_VITE_BUNDLER === 'true';
-
-          if (shouldUseExperimentalBundler) {
-            console.log('Experimental Vite bundler enabled');
-            console.log('');
-          }
-
-          proxyCommand(command, {
-            fileName: shouldUseExperimentalBundler ? 'start-vite' : 'start'
-          });
-          break;
-        }
-
-      case 'login':
-        {
-          // Do this as the first thing so that any code reading it knows the right env.
-          process.env.NODE_ENV = 'production';
-          proxyCommand(command);
-          break;
-        }
-
-      case 'config:sync':
-        {
-          // Do this as the first thing so that any code reading it knows the right env.
-          process.env.NODE_ENV = 'production'; // Get specific flag for this command.
-
-          const commandArgs = getArgsForCommand(['dry-run']);
-          proxyCommand(command, {
-            commandArgs,
-            // File names with `:` cause issues in Windows, therefore the file name is
-            // different from the command name.
-            fileName: 'config-sync'
-          });
-          break;
-        }
-
-      default:
-        console.log(`Unknown script "${command}".`);
-        console.log('Perhaps you need to update mc-scripts?');
-        console.log('See: https://www.npmjs.com/package/@commercetools-frontend/mc-scripts');
-        break;
-    }
-  } catch (error) {
-    console.error(error);
-    process.exit(1);
-  }
-})();
-
-function getArgsForCommand(allowedFlags = []) {
-  return Object.keys(flags).reduce((allArgs, flagKey) => {
-    if ((0, _includes.default)(allowedFlags).call(allowedFlags, flagKey)) {
-      return allArgs.concat([`--${flagKey}`, flags[flagKey]]);
-    }
-
-    return allArgs;
-  }, []);
-}
-
-function proxyCommand(commandName, {
-  commandArgs,
-  fileName,
-  noExit
-} = {}) {
-  // Spawn the actual command.
-  const result = spawn.sync('node', [require.resolve(`../commands/${fileName || commandName}`)].concat(commandArgs), {
-    stdio: 'inherit'
-  }); // Handle exit signals.
-
-  if (result.signal) {
-    switch (result.signal) {
-      case 'SIGKILL':
-        {
-          console.log(`The command ${commandName} failed because the process exited too early. This probably means the system ran out of memory or someone called "kill -9" on the process.`);
-          break;
-        }
-
-      case 'SIGTERM':
-        {
-          console.log(`The command ${commandName} failed because the process exited too early. Someone might have called "kill" or "killall", or the system could be shutting down.`);
-          break;
-        }
-
-      default:
-        break;
-    }
-
-    process.exit(1);
-  }
-
-  if (result.status > 0) {
-    process.exit(result.status);
-  } else {
-    if (!noExit) {
-      process.exit(result.status);
-    }
-  }
-} // Load dotenv files into the process environment.
-// This is essentially what `dotenv-cli` does, but it's now built into this CLI.
-// Inspired also by https://create-react-app.dev/docs/adding-custom-environment-variables/#what-other-env-files-can-be-used
-
-
-function loadDotEnvFiles(flags) {
-  const environment = process.env.MC_APP_ENV || process.env.NODE_ENV;
-  const dotenvFiles = []; // Custom dotenv files specified by the `--env` option takes precedence.
-
-  if (typeof flags.env === 'string') {
-    dotenvFiles.push(flags.env);
-  } else if (Array.isArray(flags.env)) {
-    // Multiple `--env` options are allowed.
-    dotenvFiles.push(...flags.env);
-  } // https://github.com/bkeepers/dotenv#what-other-env-files-can-i-use
-
-
-  dotenvFiles.push(...[`.env.${environment}.local`, // Don't include `.env.local` for `test` environment
-  // since normally you expect tests to produce the same
-  // results for everyone
-  process.NODE_ENV !== 'test' && `.env.local`, `.env.${environment}`, '.env'].filter(Boolean)); // Load environment variables from .env* files. Suppress warnings using silent
-  // if this file is missing. dotenv will never modify any environment variables
-  // that have already been set.  Variable expansion is supported in .env files.
-  // https://github.com/motdotla/dotenv
-  // https://github.com/motdotla/dotenv-expand
-
-  dotenvFiles.forEach(dotenvFile => {
-    const dotenvFilePath = path.resolve(path.join(applicationDirectory, dotenvFile));
-
-    if (fs.existsSync(dotenvFilePath)) {
-      dotenvExpand.expand(dotenv.config({
-        path: dotenvFilePath
-      }));
-    }
-  });
-}

package/build/commands/build-vite.js

@@ -1,91 +0,0 @@
-"use strict";
-
-/* eslint-disable react-hooks/rules-of-hooks */
-const fs = require('fs-extra');
-
-const path = require('path');
-
-const {
-  build
-} = require('vite');
-
-const pluginGraphql = require('@rollup/plugin-graphql');
-
-const pluginReact = require('@vitejs/plugin-react').default;
-
-const {
-  generateTemplate
-} = require('@commercetools-frontend/mc-html-template');
-
-const {
-  packageLocation: applicationStaticAssetsPath
-} = require('@commercetools-frontend/assets');
-
-const paths = require('../config/paths');
-
-const DEFAULT_PORT = parseInt(process.env.HTTP_PORT, 10) || 3001;
-
-const execute = async () => {
-  // Ensure the `/public` folder exists.
-  fs.mkdirSync(paths.appBuild, {
-    recursive: true
-  }); // Generate `index.html` (template).
-
-  const appEntryPoint = path.relative(paths.appRoot, paths.entryPoint);
-  const html = generateTemplate({
-    // Define the module entry point (path relative from the `/public` folder).
-    // NOTE: that this is different from the development configuration.
-    scriptImports: [`<script type="module" src="/${appEntryPoint}"></script>`]
-  }); // Write `index.html` (template) into the `/public` folder.
-
-  fs.writeFileSync(paths.appIndexHtml, html, {
-    encoding: 'utf8'
-  });
-  await build({
-    root: paths.appRoot,
-    define: {
-      'process.env.DEBUG': JSON.stringify(false),
-      'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV)
-    },
-    build: {
-      outDir: 'public',
-      assetsDir: '.',
-      rollupOptions: {
-        // This is necessary to instruct Vite that the `index.html` (template)
-        // is located in the `/public` folder.
-        // NOTE that after the build, Vite will write the `index.html` (template)
-        // at the `/public/public/index.html` location. See `fs.renameSync` below.
-        input: paths.appIndexHtml
-      }
-    },
-    server: {
-      port: DEFAULT_PORT
-    },
-    plugins: [pluginGraphql(), pluginReact({
-      jsxImportSource: '@emotion/react',
-      babel: {
-        plugins: ['@emotion/babel-plugin']
-      }
-    })]
-  }); // Rename `/public/public/index.html` to `/public/index.html.template`
-
-  fs.renameSync( // Because of our custom entry point path (`/public/index.html`),
-  // Vite will write the `index.html` to `/public/public/index.html`.
-  // We need to move this file to the `/public` folder and rename it
-  // to `index.html.template` (as expected by the `compile-html` command).
-  path.join(paths.appBuild, 'public/index.html'), paths.appIndexHtmlTemplate); // Clean up nested folder
-
-  fs.rmdirSync(path.join(paths.appBuild, 'public')); // Copy public assets
-
-  fs.copySync(path.join(applicationStaticAssetsPath, 'html-page'), paths.appBuild, {
-    dereference: true
-  });
-};
-
-execute().catch(error => {
-  if (error && error.message) {
-    console.error(error.message);
-  }
-
-  process.exit(1);
-});

package/build/commands/build.js

@@ -1,140 +0,0 @@
-"use strict";
-
-/* eslint-disable no-console,global-require,import/no-dynamic-require */
-// NOTE: `react-dev-utils` does not currently fully support Webpack v5.
-// Most of the imports work, however we might bump into some edge cases.
-// In any case, once they release a compatible version, we should't have problems.
-const path = require('path');
-
-const fs = require('fs-extra');
-
-const webpack = require('webpack');
-
-const chalk = require('react-dev-utils/chalk');
-
-const checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
-
-const formatWebpackMessages = require('react-dev-utils/formatWebpackMessages');
-
-const FileSizeReporter = require('react-dev-utils/FileSizeReporter');
-
-const printBuildError = require('react-dev-utils/printBuildError');
-
-const {
-  packageLocation: applicationStaticAssetsPath
-} = require('@commercetools-frontend/assets');
-
-const paths = require('../config/paths');
-
-const createWebpackConfigForProduction = require('../config/create-webpack-config-for-production');
-
-const measureFileSizesBeforeBuild = FileSizeReporter.measureFileSizesBeforeBuild;
-const printFileSizesAfterBuild = FileSizeReporter.printFileSizesAfterBuild; // These sizes are pretty large. We'll warn for bundles exceeding them.
-
-const WARN_AFTER_BUNDLE_GZIP_SIZE = 512 * 1024;
-const WARN_AFTER_CHUNK_GZIP_SIZE = 1024 * 1024;
-const hasWebpackConfig = fs.existsSync(paths.appWebpackConfig); // Warn and crash if required files are missing
-
-if (!checkRequiredFiles([])) {
-  process.exit(1);
-} // First, read the current file sizes in build directory.
-// This lets us display how much they changed later.
-
-
-measureFileSizesBeforeBuild(paths.appBuild).then(previousFileSizes => {
-  // Remove all content but keep the directory so that
-  // if you're in it, you don't end up in Trash
-  fs.emptyDirSync(paths.appBuild); // Copy default files
-
-  copyDefaultFiles(); // Start the webpack build
-
-  return build(previousFileSizes);
-}).then(({
-  stats,
-  previousFileSizes,
-  warnings
-}) => {
-  if (warnings.length) {
-    console.log(chalk.yellow('Compiled with warnings.\n'));
-    console.log(warnings.join('\n\n'));
-    console.log(`\nSearch for the ${chalk.underline(chalk.yellow('keywords'))} to learn more about each warning.`);
-    console.log(`To ignore, add ${chalk.cyan('// eslint-disable-next-line')} to the line before.\n`);
-  } else {
-    console.log(chalk.green('Compiled successfully.\n'));
-  }
-
-  console.log('File sizes after gzip:\n');
-  printFileSizesAfterBuild(stats, previousFileSizes, paths.appBuild, WARN_AFTER_BUNDLE_GZIP_SIZE, WARN_AFTER_CHUNK_GZIP_SIZE);
-  console.log();
-}, err => {
-  console.log(chalk.red('Failed to compile.\n'));
-  printBuildError(err);
-  process.exit(1);
-}).catch(err => {
-  if (err && err.message) {
-    console.error(err.message);
-  }
-
-  process.exit(1);
-}); // Create the production build and print the deployment instructions.
-
-function build(previousFileSizes) {
-  console.log('Creating an optimized production build...');
-  const config = hasWebpackConfig ? require(paths.appWebpackConfig) : createWebpackConfigForProduction();
-  const compiler = webpack(config);
-  return new Promise((resolve, reject) => {
-    compiler.run((err, stats) => {
-      let messages;
-
-      if (err) {
-        if (!err.message) {
-          return reject(err);
-        }
-
-        let errMessage = err.message; // Add additional information for postcss errors
-
-        if (Object.prototype.hasOwnProperty.call(err, 'postcssNode')) {
-          errMessage += '\nCompileError: Begins at CSS selector ' + err['postcssNode'].selector;
-        }
-
-        messages = formatWebpackMessages({
-          errors: [errMessage],
-          warnings: []
-        });
-      } else {
-        messages = formatWebpackMessages(stats.toJson({
-          all: false,
-          warnings: true,
-          errors: true
-        }));
-      }
-
-      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;
-        }
-
-        return reject(new Error(messages.errors.join('\n\n')));
-      }
-
-      if (process.env.CI && (typeof process.env.CI !== 'string' || process.env.CI.toLowerCase() !== 'false') && messages.warnings.length) {
-        console.log(chalk.yellow('\nTreating warnings as errors because process.env.CI = true.\n' + 'Most CI servers set it automatically.\n'));
-        return reject(new Error(messages.warnings.join('\n\n')));
-      }
-
-      return resolve({
-        stats,
-        previousFileSizes,
-        warnings: messages.warnings
-      });
-    });
-  });
-}
-
-function copyDefaultFiles() {
-  fs.copySync(path.join(applicationStaticAssetsPath, 'html-page'), paths.appBuild, {
-    dereference: true
-  });
-}

package/build/commands/compile-html.js

@@ -1,53 +0,0 @@
-"use strict";
-
-/* eslint-disable no-console,global-require,import/no-dynamic-require */
-const fs = require('fs');
-
-const mri = require('mri');
-
-const chalk = require('react-dev-utils/chalk');
-
-const {
-  compileHtml
-} = require('@commercetools-frontend/mc-html-template');
-
-const paths = require('../config/paths');
-
-const flags = mri(process.argv.slice(2), {
-  boolean: ['print-security-headers']
-});
-const appDirectory = fs.realpathSync(process.cwd());
-
-const generateStatic = async () => {
-  console.log('Compiling index.html...');
-  const compiled = await compileHtml(paths.appIndexHtmlTemplate);
-  fs.writeFileSync(paths.appIndexHtml, compiled.indexHtmlContent, {
-    encoding: 'utf8'
-  });
-
-  if (flags.transformer) {
-    try {
-      const transformerPath = require.resolve(flags.transformer, {
-        paths: [appDirectory]
-      });
-
-      const transformerFn = require(transformerPath);
-
-      transformerFn(compiled);
-    } catch (error) {
-      throw new Error(`Could not load transformer module "${flags.transformer}"\n${error.stack}`);
-    }
-  } else if (flags['print-security-headers']) {
-    console.log(JSON.stringify(compiled.headers));
-  }
-
-  console.log(chalk.green('Compiled successfully.\n'));
-};
-
-generateStatic().catch(error => {
-  if (error && error.message) {
-    console.error(error.message);
-  }
-
-  process.exit(1);
-});