@commercetools-frontend/mc-scripts 0.0.0-FEC-157-preview-releases-20241126230331

package/dist/package-b2f2b4e5.esm.js

@@ -0,0 +1,149 @@
+var pkgJson = {
+	name: "@commercetools-frontend/mc-scripts",
+	version: "22.35.1",
+	description: "Configuration and scripts for developing a MC application",
+	bugs: "https://github.com/commercetools/merchant-center-application-kit/issues",
+	repository: {
+		type: "git",
+		url: "https://github.com/commercetools/merchant-center-application-kit.git",
+		directory: "packages/mc-scripts"
+	},
+	homepage: "https://docs.commercetools.com/merchant-center-customizations",
+	keywords: [
+		"javascript",
+		"frontend",
+		"react",
+		"toolkit"
+	],
+	license: "MIT",
+	publishConfig: {
+		access: "public"
+	},
+	main: "dist/commercetools-frontend-mc-scripts.cjs.js",
+	module: "dist/commercetools-frontend-mc-scripts.esm.js",
+	preconstruct: {
+		entrypoints: [
+			"./index.ts",
+			"./application-runtime.ts",
+			"./cli.ts",
+			"./postcss.ts",
+			"./webpack.ts",
+			"./webpack-loaders/i18n-message-compilation-loader.ts"
+		]
+	},
+	files: [
+		"bin",
+		"cli",
+		"dist",
+		"config",
+		"application-runtime",
+		"postcss",
+		"webpack",
+		"webpack-loaders",
+		"package.json",
+		"LICENSE",
+		"README.md"
+	],
+	bin: "./bin/cli.js",
+	browserslist: {
+		production: [
+			">1%",
+			"not op_mini all",
+			"not dead"
+		],
+		development: [
+			"last 2 firefox versions",
+			"last 2 chrome versions"
+		]
+	},
+	dependencies: {
+		"@babel/core": "^7.22.17",
+		"@babel/runtime": "^7.22.15",
+		"@babel/runtime-corejs3": "^7.22.15",
+		"@commercetools-frontend/application-components": "22.35.1",
+		"@commercetools-frontend/application-config": "22.35.1",
+		"@commercetools-frontend/assets": "22.35.1",
+		"@commercetools-frontend/babel-preset-mc-app": "22.35.1",
+		"@commercetools-frontend/constants": "22.35.1",
+		"@commercetools-frontend/mc-dev-authentication": "22.35.1",
+		"@commercetools-frontend/mc-html-template": "22.35.1",
+		"@commercetools/http-user-agent": "3.0.0",
+		"@formatjs/cli-lib": "^6.3.8",
+		"@pmmmwh/react-refresh-webpack-plugin": "0.5.15",
+		"@rollup/plugin-graphql": "2.0.4",
+		"@rollup/pluginutils": "5.1.0",
+		"@svgr/babel-preset": "^6.5.1",
+		"@svgr/core": "^6.5.1",
+		"@svgr/webpack": "^6.5.1",
+		"@types/prompts": "^2.4.4",
+		"@types/svgo": "^2.6.4",
+		"@types/webpack-bundle-analyzer": "^4.6.0",
+		"@vitejs/plugin-react": "4.3.1",
+		"@vitejs/plugin-react-swc": "3.7.0",
+		autoprefixer: "^10.4.15",
+		"babel-loader": "8.3.0",
+		browserslist: "^4.21.10",
+		cac: "6.7.14",
+		chalk: "4.1.2",
+		"core-js": "^3.32.2",
+		"css-loader": "6.11.0",
+		"css-minimizer-webpack-plugin": "3.4.1",
+		dotenv: "16.4.5",
+		"dotenv-expand": "8.0.3",
+		"fs-extra": "10.1.0",
+		graphql: "16.8.2",
+		"graphql-request": "5.2.0",
+		"graphql-tag": "^2.12.6",
+		"html-webpack-plugin": "5.6.0",
+		"json-loader": "0.5.7",
+		lodash: "4.17.21",
+		"mini-css-extract-plugin": "2.9.0",
+		moment: "^2.29.4",
+		"moment-locales-webpack-plugin": "1.2.0",
+		"node-fetch": "2.7.0",
+		postcss: "8.4.38",
+		"postcss-custom-media": "8.0.2",
+		"postcss-custom-properties": "12.1.4",
+		"postcss-import": "14.1.0",
+		"postcss-loader": "6.2.1",
+		"postcss-reporter": "7.1.0",
+		prettier: "2.8.8",
+		prompts: "^2.4.2",
+		"querystring-es3": "^0.2.1",
+		"react-dev-utils": "12.0.1",
+		"react-refresh": "0.14.2",
+		"rollup-plugin-visualizer": "^5.12.0",
+		"serve-handler": "6.1.5",
+		shelljs: "0.8.5",
+		"style-loader": "3.3.4",
+		"svg-url-loader": "7.1.1",
+		"terser-webpack-plugin": "5.3.10",
+		"thread-loader": "3.0.4",
+		url: "^0.11.0",
+		vite: "~4.5.3",
+		"vite-bundle-analyzer": "0.12.1",
+		webpack: "5.94.0",
+		"webpack-bundle-analyzer": "4.10.2",
+		"webpack-dev-server": "4.15.2",
+		webpackbar: "5.0.2"
+	},
+	devDependencies: {
+		"@commercetools-test-data/custom-view": "^8.0.0",
+		"@tsconfig/node16": "^16.1.1",
+		"@types/fs-extra": "^11.0.1",
+		"@types/lodash": "^4.14.198",
+		"@types/mock-fs": "^4.13.1",
+		"@types/moment-locales-webpack-plugin": "^1.2.3",
+		"@types/node-fetch": "2.6.11",
+		"@types/serve-handler": "^6.1.1",
+		memfs: "^4.8.2",
+		"mock-fs": "^5.2.0",
+		msw: "0.49.3",
+		rimraf: "5.0.7"
+	},
+	engines: {
+		node: "16.x || >=18.0.0"
+	}
+};
+
+export { pkgJson as p };

package/dist/paths-39f22b8b.esm.js

@@ -0,0 +1,36 @@
+import _findInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/find';
+import fs from 'fs';
+import path from 'path';
+import { d as doesFileExist } from './does-file-exist-32618334.esm.js';
+
+const moduleFileExtensions = ['js', 'mjs', 'cjs', 'jsx', 'ts', 'tsx'];
+
+// Make sure any symlinks in the project folder are resolved:
+// https://github.com/facebook/create-react-app/issues/637
+const appDirectory = fs.realpathSync(process.cwd());
+const resolveApp = relativePath => path.resolve(appDirectory, relativePath);
+
+// Resolve file paths in the order given
+const resolveModule = (resolveFn, filePath) => {
+  const extension = _findInstanceProperty(moduleFileExtensions).call(moduleFileExtensions, extension => doesFileExist(resolveFn(`${filePath}.${extension}`)));
+  if (extension) {
+    return resolveFn(`${filePath}.${extension}`);
+  }
+  return resolveFn(`${filePath}.js`);
+};
+
+// Resolve the absolute path of the caller location. This is necessary
+// to point to files within that folder.
+const paths = {
+  appPackageJson: resolveApp('package.json'),
+  appBuild: resolveApp('public'),
+  appIndexHtmlTemplate: resolveApp('public/index.html.template'),
+  appIndexHtml: resolveApp('public/index.html'),
+  appWebpackConfig: resolveModule(resolveApp, `webpack.config.${process.env.NODE_ENV === 'production' ? 'prod' : 'dev'}`),
+  yarnLockFile: resolveApp('yarn.lock'),
+  appRoot: resolveApp('.'),
+  entryPoint: resolveModule(resolveApp, 'src/index'),
+  sourceFolders: [resolveApp('src')]
+};
+
+export { paths as p };

package/dist/paths-7768b440.cjs.prod.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
+var fs = require('fs');
+var path = require('path');
+var doesFileExist = require('./does-file-exist-be53305d.cjs.prod.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
+var fs__default = /*#__PURE__*/_interopDefault(fs);
+var path__default = /*#__PURE__*/_interopDefault(path);
+
+const moduleFileExtensions = ['js', 'mjs', 'cjs', 'jsx', 'ts', 'tsx'];
+
+// Make sure any symlinks in the project folder are resolved:
+// https://github.com/facebook/create-react-app/issues/637
+const appDirectory = fs__default["default"].realpathSync(process.cwd());
+const resolveApp = relativePath => path__default["default"].resolve(appDirectory, relativePath);
+
+// Resolve file paths in the order given
+const resolveModule = (resolveFn, filePath) => {
+  const extension = _findInstanceProperty__default["default"](moduleFileExtensions).call(moduleFileExtensions, extension => doesFileExist.doesFileExist(resolveFn(`${filePath}.${extension}`)));
+  if (extension) {
+    return resolveFn(`${filePath}.${extension}`);
+  }
+  return resolveFn(`${filePath}.js`);
+};
+
+// Resolve the absolute path of the caller location. This is necessary
+// to point to files within that folder.
+const paths = {
+  appPackageJson: resolveApp('package.json'),
+  appBuild: resolveApp('public'),
+  appIndexHtmlTemplate: resolveApp('public/index.html.template'),
+  appIndexHtml: resolveApp('public/index.html'),
+  appWebpackConfig: resolveModule(resolveApp, `webpack.config.${'prod' }`),
+  yarnLockFile: resolveApp('yarn.lock'),
+  appRoot: resolveApp('.'),
+  entryPoint: resolveModule(resolveApp, 'src/index'),
+  sourceFolders: [resolveApp('src')]
+};
+
+exports.paths = paths;

package/dist/paths-b76fc753.cjs.dev.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
+var fs = require('fs');
+var path = require('path');
+var doesFileExist = require('./does-file-exist-eb86baca.cjs.dev.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
+var fs__default = /*#__PURE__*/_interopDefault(fs);
+var path__default = /*#__PURE__*/_interopDefault(path);
+
+const moduleFileExtensions = ['js', 'mjs', 'cjs', 'jsx', 'ts', 'tsx'];
+
+// Make sure any symlinks in the project folder are resolved:
+// https://github.com/facebook/create-react-app/issues/637
+const appDirectory = fs__default["default"].realpathSync(process.cwd());
+const resolveApp = relativePath => path__default["default"].resolve(appDirectory, relativePath);
+
+// Resolve file paths in the order given
+const resolveModule = (resolveFn, filePath) => {
+  const extension = _findInstanceProperty__default["default"](moduleFileExtensions).call(moduleFileExtensions, extension => doesFileExist.doesFileExist(resolveFn(`${filePath}.${extension}`)));
+  if (extension) {
+    return resolveFn(`${filePath}.${extension}`);
+  }
+  return resolveFn(`${filePath}.js`);
+};
+
+// Resolve the absolute path of the caller location. This is necessary
+// to point to files within that folder.
+const paths = {
+  appPackageJson: resolveApp('package.json'),
+  appBuild: resolveApp('public'),
+  appIndexHtmlTemplate: resolveApp('public/index.html.template'),
+  appIndexHtml: resolveApp('public/index.html'),
+  appWebpackConfig: resolveModule(resolveApp, `webpack.config.${process.env.NODE_ENV === 'production' ? 'prod' : 'dev'}`),
+  yarnLockFile: resolveApp('yarn.lock'),
+  appRoot: resolveApp('.'),
+  entryPoint: resolveModule(resolveApp, 'src/index'),
+  sourceFolders: [resolveApp('src')]
+};
+
+exports.paths = paths;

package/dist/serve-5666b16a.cjs.prod.js

@@ -0,0 +1,48 @@
+'use strict';
+
+var http = require('http');
+var serveHandler = require('serve-handler');
+var paths = require('./paths-7768b440.cjs.prod.js');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('fs');
+require('path');
+require('./does-file-exist-be53305d.cjs.prod.js');
+require('node:fs');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var http__default = /*#__PURE__*/_interopDefault(http);
+var serveHandler__default = /*#__PURE__*/_interopDefault(serveHandler);
+
+const port = 3001;
+async function run() {
+  const server = http__default["default"].createServer((request, response) => {
+    // You pass two more arguments for config and middleware
+    // More details here: https://github.com/vercel/serve-handler#options
+    return serveHandler__default["default"](request, response, {
+      public: paths.paths.appBuild,
+      rewrites: [{
+        source: '/favicon*',
+        destination: '/favicon.png'
+      }, {
+        source: '/login*',
+        destination: '/login.html'
+      }, {
+        source: '/logout',
+        destination: '/logout.html'
+      }, {
+        // Match all routes except for the login, logout, and favicon routes.
+        // NOTE: this complex glob pattern would not be necessary if the rewrite
+        // implementation would stop at the first match.
+        // See https://github.com/vercel/serve-handler/issues/71
+        source: '{/!(favicon|login|logout)*/**,/!(favicon|login|logout)*}',
+        destination: '/index.html'
+      }]
+    });
+  });
+  server.listen(port, () => {
+    console.log(`Running at http://localhost:${port}`);
+  });
+}
+
+exports["default"] = run;

package/dist/serve-6a951584.esm.js

@@ -0,0 +1,41 @@
+import http from 'http';
+import serveHandler from 'serve-handler';
+import { p as paths } from './paths-39f22b8b.esm.js';
+import '@babel/runtime-corejs3/core-js-stable/instance/find';
+import 'fs';
+import 'path';
+import './does-file-exist-32618334.esm.js';
+import 'node:fs';
+
+const port = 3001;
+async function run() {
+  const server = http.createServer((request, response) => {
+    // You pass two more arguments for config and middleware
+    // More details here: https://github.com/vercel/serve-handler#options
+    return serveHandler(request, response, {
+      public: paths.appBuild,
+      rewrites: [{
+        source: '/favicon*',
+        destination: '/favicon.png'
+      }, {
+        source: '/login*',
+        destination: '/login.html'
+      }, {
+        source: '/logout',
+        destination: '/logout.html'
+      }, {
+        // Match all routes except for the login, logout, and favicon routes.
+        // NOTE: this complex glob pattern would not be necessary if the rewrite
+        // implementation would stop at the first match.
+        // See https://github.com/vercel/serve-handler/issues/71
+        source: '{/!(favicon|login|logout)*/**,/!(favicon|login|logout)*}',
+        destination: '/index.html'
+      }]
+    });
+  });
+  server.listen(port, () => {
+    console.log(`Running at http://localhost:${port}`);
+  });
+}
+
+export { run as default };

package/dist/serve-f898c45e.cjs.dev.js

@@ -0,0 +1,48 @@
+'use strict';
+
+var http = require('http');
+var serveHandler = require('serve-handler');
+var paths = require('./paths-b76fc753.cjs.dev.js');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('fs');
+require('path');
+require('./does-file-exist-eb86baca.cjs.dev.js');
+require('node:fs');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var http__default = /*#__PURE__*/_interopDefault(http);
+var serveHandler__default = /*#__PURE__*/_interopDefault(serveHandler);
+
+const port = 3001;
+async function run() {
+  const server = http__default["default"].createServer((request, response) => {
+    // You pass two more arguments for config and middleware
+    // More details here: https://github.com/vercel/serve-handler#options
+    return serveHandler__default["default"](request, response, {
+      public: paths.paths.appBuild,
+      rewrites: [{
+        source: '/favicon*',
+        destination: '/favicon.png'
+      }, {
+        source: '/login*',
+        destination: '/login.html'
+      }, {
+        source: '/logout',
+        destination: '/logout.html'
+      }, {
+        // Match all routes except for the login, logout, and favicon routes.
+        // NOTE: this complex glob pattern would not be necessary if the rewrite
+        // implementation would stop at the first match.
+        // See https://github.com/vercel/serve-handler/issues/71
+        source: '{/!(favicon|login|logout)*/**,/!(favicon|login|logout)*}',
+        destination: '/index.html'
+      }]
+    });
+  });
+  server.listen(port, () => {
+    console.log(`Running at http://localhost:${port}`);
+  });
+}
+
+exports["default"] = run;

package/dist/start-4e79e08f.esm.js

@@ -0,0 +1,164 @@
+import _parseInt from '@babel/runtime-corejs3/core-js-stable/parse-int';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import chalk from 'chalk';
+import checkRequiredFiles from 'react-dev-utils/checkRequiredFiles';
+import clearConsole from 'react-dev-utils/clearConsole';
+import openBrowser from 'react-dev-utils/openBrowser';
+import { choosePort, prepareUrls, createCompiler } from 'react-dev-utils/WebpackDevServerUtils';
+import webpack from 'webpack';
+import WebpackDevServer from 'webpack-dev-server';
+import { c as createWebpackConfigForDevelopment } from './create-webpack-config-for-development-86baace3.esm.js';
+import { p as paths } from './paths-39f22b8b.esm.js';
+import { processConfig } from '@commercetools-frontend/application-config';
+import { createMcDevAuthenticationMiddleware } from '@commercetools-frontend/mc-dev-authentication';
+import { processHeaders } from '@commercetools-frontend/mc-html-template';
+import { d as doesFileExist } from './does-file-exist-32618334.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/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 'crypto';
+import 'path';
+import '@pmmmwh/react-refresh-webpack-plugin';
+import 'html-webpack-plugin';
+import 'moment-locales-webpack-plugin';
+import 'webpackbar';
+import '@babel/runtime-corejs3/helpers/classCallCheck';
+import '@babel/runtime-corejs3/helpers/createClass';
+import '@babel/runtime-corejs3/core-js-stable/object/assign';
+import './create-postcss-config-2f709335.esm.js';
+import '@babel/runtime-corejs3/helpers/slicedToArray';
+import './package-b2f2b4e5.esm.js';
+import './has-jsx-runtime-e3ecb09b.esm.js';
+import './optimizations-bf991634.esm.js';
+import '@babel/runtime-corejs3/core-js-stable/instance/reduce';
+import '@babel/runtime-corejs3/core-js-stable/object/entries';
+import '@babel/runtime-corejs3/core-js-stable/instance/includes';
+import './vendors-to-transpile-7dc84a72.esm.js';
+import '@babel/runtime-corejs3/core-js-stable/instance/find';
+import 'fs';
+import 'node:fs';
+
+const host = process.env.HOST || '0.0.0.0';
+// We support configuring the sockjs pathname during development.
+// These settings let a developer run multiple simultaneous projects.
+// They are used as the connection `hostname`, `pathname` and `port`
+// in webpackHotDevClient. They are used as the `sockHost`, `sockPath`
+// and `sockPort` options in webpack-dev-server.
+const sockHost = process.env.WDS_SOCKET_HOST;
+const sockPath = process.env.WDS_SOCKET_PATH; // default: '/ws'
+const sockPort = process.env.WDS_SOCKET_PORT;
+const createWebpackDevServerConfig = _ref => {
+  let port = _ref.port,
+    publicPath = _ref.publicPath;
+  const applicationConfig = processConfig();
+  const compiledHeaders = processHeaders(applicationConfig);
+  return {
+    client: {
+      overlay: false,
+      webSocketURL: {
+        hostname: sockHost,
+        pathname: sockPath,
+        port: sockPort
+      }
+    },
+    // Enable gzip compression of generated files.
+    compress: true,
+    devMiddleware: {
+      // It is important to tell WebpackDevServer to use the same "publicPath" path as
+      // we specified in the webpack config. When homepage is '.', default to serving
+      // from the root.
+      publicPath
+    },
+    headers: compiledHeaders,
+    historyApiFallback: {
+      // Paths with dots should still use the history fallback.
+      // See https://github.com/facebookincubator/create-react-app/issues/387.
+      disableDotRule: true,
+      index: publicPath
+    },
+    host,
+    hot: true,
+    https: false,
+    port,
+    setupMiddlewares(middlewares, devServer) {
+      if (!devServer) {
+        throw new Error('webpack-dev-server is not defined');
+      }
+      devServer.app?.use(createMcDevAuthenticationMiddleware(applicationConfig));
+      return middlewares;
+    }
+  };
+};
+
+async function run() {
+  var _context;
+  const useYarn = doesFileExist(paths.yarnLockFile);
+  const isInteractive = process.stdout.isTTY;
+
+  // Whether or not `react-refresh` is enabled, `react-refresh` is not 100% stable at this time,
+  // which is why it's disabled by default.
+
+  const hasWebpackConfig = doesFileExist(paths.appWebpackConfig);
+
+  // Warn and crash if required files are missing
+  if (!checkRequiredFiles([])) {
+    process.exit(1);
+  }
+
+  // Tools like Cloud9 rely on this.
+  const DEFAULT_PORT = _parseInt(String(process.env.HTTP_PORT), 10) || 3001;
+  const HOST = process.env.HOST || '0.0.0.0';
+
+  // We attempt to use the default port but if it is busy, we offer the user to
+  // run on a different port. `detect()` Promise resolves to the next free port.
+  const port = await choosePort(HOST, DEFAULT_PORT);
+  if (port == null) {
+    console.warn('Could not find a free port. Aborting.');
+    // We have not found a port.
+    return;
+  }
+  const protocol = process.env.HTTPS === 'true' ? 'https' : 'http';
+  const appName = require(paths.appPackageJson).name;
+  const urls = prepareUrls(protocol, HOST, port);
+  // Get webpack config
+  const config = hasWebpackConfig ? require(paths.appWebpackConfig) : createWebpackConfigForDevelopment();
+
+  // Create a webpack compiler that is configured with custom messages.
+  const compiler = createCompiler({
+    appName,
+    config,
+    useYarn,
+    webpack,
+    urls
+  });
+
+  // Serve webpack assets generated by the compiler over a web sever.
+  const serverConfig = createWebpackDevServerConfig({
+    port,
+    publicPath: config.output?.publicPath
+  });
+  const devServer = new WebpackDevServer(serverConfig, compiler);
+  await devServer.start();
+  if (isInteractive) {
+    clearConsole();
+  }
+  console.log(chalk.cyan('Starting the development server...\n'));
+  openBrowser(urls.localUrlForBrowser);
+  _forEachInstanceProperty(_context = ['SIGINT', 'SIGTERM']).call(_context, sig => {
+    process.on(sig, () => {
+      devServer.close();
+      process.exit();
+    });
+  });
+}
+
+export { run as default };