@commercetools-frontend/mc-scripts 22.2.0 → 22.3.0

package/dist/{start-vite-7d10ae71.esm.js → start-vite-cf0213a1.esm.js}

@@ -8,10 +8,10 @@ import { createServer } from 'vite';
 import { processConfig } from '@commercetools-frontend/application-config';
 import { packageLocation } from '@commercetools-frontend/assets';
 import { processHeaders, replaceHtmlPlaceholders, generateTemplate } from '@commercetools-frontend/mc-html-template';
-import { p as paths } from './paths-55c5d5a2.esm.js';
+import { p as paths } from './paths-ded20ae1.esm.js';
 import _Object$assign from '@babel/runtime-corejs3/core-js-stable/object/assign';
 import { createMcDevAuthenticationMiddleware } from '@commercetools-frontend/mc-dev-authentication';
-import { v as vitePluginSvgr } from './vite-plugin-svgr-f17db78a.esm.js';
+import { v as vitePluginSvgr } from './vite-plugin-svgr-5c953fe7.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/find';
 import '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import 'fs';
@@ -20,7 +20,6 @@ import '@rollup/pluginutils';
 const vitePluginCustomApplication = applicationConfig => {
   return {
     name: 'custom-application',
-
     configureServer(server) {
       return () => {
         // Users do not need to have/maintain the `index.html` (as expected by Vite)
@@ -32,56 +31,57 @@ const vitePluginCustomApplication = applicationConfig => {
           if (req.url === '/index.html') {
             req.url = '/public/index.html';
           }
-
           next();
-        }); // Handle auth routes for internal local development.
+        });
 
+        // Handle auth routes for internal local development.
         server.middlewares.use(createMcDevAuthenticationMiddleware(applicationConfig));
       };
     },
-
     /**
      * @type {import('vite').IndexHtmlTransformHook}
      */
     transformIndexHtml(rawHtml, _ctx) {
       const compiledHeaders = processHeaders(applicationConfig);
-
-      const enhancedLocalEnv = _Object$assign({}, applicationConfig.env, // Now that the app config is defined as a `env.json`, when we start the FE app
+      const enhancedLocalEnv = _Object$assign({}, applicationConfig.env,
+      // Now that the app config is defined as a `env.json`, when we start the FE app
       // to point to the local backend API by passing the `MC_API_URL` env does not
       // work anymore). To make it work again, we can override the `env.json` config
       // with the env variable before injecting the values into the index.html.
       // NOTE: this is only necessary for development.
       process.env.MC_API_URL ? {
         mcApiUrl: process.env.MC_API_URL
-      } : {}); // Resolve the placeholders of the `index.html` (template) file, before serving it.
-
+      } : {});
 
+      // Resolve the placeholders of the `index.html` (template) file, before serving it.
       const html = replaceHtmlPlaceholders(rawHtml, {
         env: enhancedLocalEnv,
         headers: compiledHeaders
       });
       return html;
     }
-
   };
 };
 
 async function run() {
-  const DEFAULT_PORT = _parseInt(String(process.env.HTTP_PORT), 10) || 3001; // Load the Custom Application config file first.
+  const DEFAULT_PORT = _parseInt(String(process.env.HTTP_PORT), 10) || 3001;
 
-  const applicationConfig = processConfig(); // Ensure the `/public` folder exists.
+  // Load the Custom Application config file first.
+  const applicationConfig = processConfig();
 
+  // Ensure the `/public` folder exists.
   fs.mkdirSync(paths.appBuild, {
     recursive: true
-  }); // Generate `index.html` (template).
+  });
 
+  // Generate `index.html` (template).
   const appEntryPoint = path.relative(paths.appRoot, paths.entryPoint);
   const html = generateTemplate({
     // Define the module entry point (path relative to the `/public` folder).
     // NOTE: that this is different from the production configuration.
     scriptImports: ["<script type=\"module\" src=\"/../".concat(appEntryPoint, "\"></script>")]
-  }); // Write `index.html` (template) into the `/public` folder.
-
+  });
+  // Write `index.html` (template) into the `/public` folder.
   fs.writeFileSync(paths.appIndexHtml, html, {
     encoding: 'utf8'
   });
@@ -96,8 +96,9 @@ async function run() {
     },
     plugins: [pluginGraphql(), pluginReact(), vitePluginSvgr(), vitePluginCustomApplication(applicationConfig)]
   });
-  await server.listen(); // Copy public assets to `/public` folder (even in development).
+  await server.listen();
 
+  // Copy public assets to `/public` folder (even in development).
   fs.copySync(path.join(packageLocation, 'html-page'), paths.appBuild, {
     dereference: true
   });

package/dist/{vite-plugin-svgr-f17db78a.esm.js → vite-plugin-svgr-5c953fe7.esm.js}

@@ -5,17 +5,14 @@ import { transformWithEsbuild } from 'vite';
 /**
  * COPIED FROM https://github.com/pd4d10/vite-plugin-svgr
  */
-
 function vitePluginSvgr() {
   const filter = createFilter('**/*.react.svg');
   return {
     name: 'vite-plugin-svgr',
-
     async transform(_code, id) {
       if (filter(id)) {
         const _await$import = await import('@svgr/core'),
-              transform = _await$import.transform;
-
+          transform = _await$import.transform;
         const svgCode = await fs.promises.readFile(id, 'utf8');
         const componentCode = await transform(svgCode, {
           icon: false,
@@ -42,13 +39,11 @@ function vitePluginSvgr() {
         return {
           code: res.code,
           map: null // TODO:
-
         };
       }
 
       return null;
     }
-
   };
 }
 

package/dist/{vite-plugin-svgr-fdb37ccf.cjs.dev.js → vite-plugin-svgr-5eb1c511.cjs.dev.js}

@@ -29,17 +29,14 @@ var fs__default = /*#__PURE__*/_interopDefault(fs);
 /**
  * COPIED FROM https://github.com/pd4d10/vite-plugin-svgr
  */
-
 function vitePluginSvgr() {
   const filter = pluginutils.createFilter('**/*.react.svg');
   return {
     name: 'vite-plugin-svgr',
-
     async transform(_code, id) {
       if (filter(id)) {
         const _await$import = await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@svgr/core')); }),
-              transform = _await$import.transform;
-
+          transform = _await$import.transform;
         const svgCode = await fs__default["default"].promises.readFile(id, 'utf8');
         const componentCode = await transform(svgCode, {
           icon: false,
@@ -66,13 +63,11 @@ function vitePluginSvgr() {
         return {
           code: res.code,
           map: null // TODO:
-
         };
       }
 
       return null;
     }
-
   };
 }
 

package/dist/{vite-plugin-svgr-9a4e7f77.cjs.prod.js → vite-plugin-svgr-a732f8df.cjs.prod.js}

@@ -29,17 +29,14 @@ var fs__default = /*#__PURE__*/_interopDefault(fs);
 /**
  * COPIED FROM https://github.com/pd4d10/vite-plugin-svgr
  */
-
 function vitePluginSvgr() {
   const filter = pluginutils.createFilter('**/*.react.svg');
   return {
     name: 'vite-plugin-svgr',
-
     async transform(_code, id) {
       if (filter(id)) {
         const _await$import = await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@svgr/core')); }),
-              transform = _await$import.transform;
-
+          transform = _await$import.transform;
         const svgCode = await fs__default["default"].promises.readFile(id, 'utf8');
         const componentCode = await transform(svgCode, {
           icon: false,
@@ -66,13 +63,11 @@ function vitePluginSvgr() {
         return {
           code: res.code,
           map: null // TODO:
-
         };
       }
 
       return null;
     }
-
   };
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/mc-scripts",
-  "version": "22.2.0",
+  "version": "22.3.0",
   "description": "Configuration and scripts for developing a MC application",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -9,7 +9,12 @@
     "directory": "packages/mc-scripts"
   },
   "homepage": "https://docs.commercetools.com/custom-applications",
-  "keywords": ["javascript", "frontend", "react", "toolkit"],
+  "keywords": [
+    "javascript",
+    "frontend",
+    "react",
+    "toolkit"
+  ],
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -39,19 +44,27 @@
   ],
   "bin": "./bin/cli.js",
   "browserslist": {
-    "production": [">1%", "not op_mini all", "not dead"],
-    "development": ["last 2 firefox versions", "last 2 chrome versions"]
+    "production": [
+      ">1%",
+      "not op_mini all",
+      "not dead"
+    ],
+    "development": [
+      "last 2 firefox versions",
+      "last 2 chrome versions"
+    ]
   },
   "dependencies": {
     "@babel/core": "^7.20.12",
     "@babel/runtime": "^7.20.13",
     "@babel/runtime-corejs3": "^7.20.13",
-    "@commercetools-frontend/application-config": "22.2.0",
-    "@commercetools-frontend/assets": "22.2.0",
-    "@commercetools-frontend/babel-preset-mc-app": "22.2.0",
-    "@commercetools-frontend/constants": "22.2.0",
-    "@commercetools-frontend/mc-dev-authentication": "22.2.0",
-    "@commercetools-frontend/mc-html-template": "22.2.0",
+    "@commercetools-frontend/application-components": "22.3.0",
+    "@commercetools-frontend/application-config": "22.3.0",
+    "@commercetools-frontend/assets": "22.3.0",
+    "@commercetools-frontend/babel-preset-mc-app": "22.3.0",
+    "@commercetools-frontend/constants": "22.3.0",
+    "@commercetools-frontend/mc-dev-authentication": "22.3.0",
+    "@commercetools-frontend/mc-html-template": "22.3.0",
     "@commercetools/http-user-agent": "3.0.0",
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.10",
     "@rollup/plugin-graphql": "2.0.3",
@@ -63,7 +76,7 @@
     "@types/svgo": "^2.6.4",
     "@types/webpack-bundle-analyzer": "^4.6.0",
     "@vitejs/plugin-react": "4.0.0",
-    "@vitejs/plugin-react-swc": "3.3.0",
+    "@vitejs/plugin-react-swc": "3.3.1",
     "autoprefixer": "^10.4.13",
     "babel-loader": "8.3.0",
     "browserslist": "^4.21.5",
@@ -82,8 +95,9 @@
     "json-loader": "0.5.7",
     "lodash": "4.17.21",
     "mini-css-extract-plugin": "2.7.5",
+    "moment": "^2.29.4",
     "moment-locales-webpack-plugin": "1.2.0",
-    "node-fetch": "2.6.9",
+    "node-fetch": "2.6.11",
     "postcss": "8.4.23",
     "postcss-custom-media": "8.0.2",
     "postcss-custom-properties": "12.1.4",
@@ -99,13 +113,13 @@
     "shelljs": "0.8.5",
     "style-loader": "3.3.2",
     "svg-url-loader": "7.1.1",
-    "terser-webpack-plugin": "5.3.7",
+    "terser-webpack-plugin": "5.3.8",
     "thread-loader": "3.0.4",
     "url": "^0.11.0",
-    "vite": "4.3.2",
-    "webpack": "5.80.0",
+    "vite": "4.3.5",
+    "webpack": "5.82.1",
     "webpack-bundle-analyzer": "4.8.0",
-    "webpack-dev-server": "4.13.3",
+    "webpack-dev-server": "4.15.0",
     "webpackbar": "5.0.2"
   },
   "devDependencies": {
@@ -123,4 +137,4 @@
   "engines": {
     "node": "16.x || >=18.0.0"
   }
-}
+}

package/postcss/dist/commercetools-frontend-mc-scripts-postcss.cjs.dev.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createPostcssConfig = require('../../dist/create-postcss-config-552fce51.cjs.dev.js');
+var createPostcssConfig = require('../../dist/create-postcss-config-a29e83fc.cjs.dev.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('path');
-require('../../dist/package-15989579.cjs.dev.js');
+require('../../dist/package-46d27f5f.cjs.dev.js');
 
 
 

package/postcss/dist/commercetools-frontend-mc-scripts-postcss.cjs.prod.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createPostcssConfig = require('../../dist/create-postcss-config-19002549.cjs.prod.js');
+var createPostcssConfig = require('../../dist/create-postcss-config-d4f8ca51.cjs.prod.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('path');
-require('../../dist/package-cf9c43de.cjs.prod.js');
+require('../../dist/package-6ee0354d.cjs.prod.js');
 
 
 

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

@@ -1,4 +1,4 @@
-export { c as createPostcssConfig } from '../../dist/create-postcss-config-e91e13f4.esm.js';
+export { c as createPostcssConfig } from '../../dist/create-postcss-config-9d266de4.esm.js';
 import '@babel/runtime-corejs3/helpers/slicedToArray';
 import 'path';
-import '../../dist/package-ca4ca6d5.esm.js';
+import '../../dist/package-4fcd2667.esm.js';

package/webpack/dist/commercetools-frontend-mc-scripts-webpack.cjs.dev.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createWebpackConfigForDevelopment = require('../../dist/create-webpack-config-for-development-5c2ea60f.cjs.dev.js');
-var createWebpackConfigForProduction = require('../../dist/create-webpack-config-for-production-9c45b356.cjs.dev.js');
+var createWebpackConfigForDevelopment = require('../../dist/create-webpack-config-for-development-ac4ad0b2.cjs.dev.js');
+var createWebpackConfigForProduction = require('../../dist/create-webpack-config-for-production-c1ec1058.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
@@ -28,11 +28,11 @@ require('@babel/runtime-corejs3/helpers/createClass');
 require('@babel/runtime-corejs3/core-js-stable/object/assign');
 require('@commercetools-frontend/application-config');
 require('@commercetools-frontend/mc-html-template');
-require('../../dist/create-postcss-config-552fce51.cjs.dev.js');
+require('../../dist/create-postcss-config-a29e83fc.cjs.dev.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
-require('../../dist/package-15989579.cjs.dev.js');
-require('../../dist/has-jsx-runtime-3d4bb633.cjs.dev.js');
-require('../../dist/paths-db35ac0f.cjs.dev.js');
+require('../../dist/package-46d27f5f.cjs.dev.js');
+require('../../dist/has-jsx-runtime-aa5d21ee.cjs.dev.js');
+require('../../dist/paths-d1febc82.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/find');
 require('fs');
 require('../../dist/vendors-to-transpile-6ab4ea06.cjs.dev.js');

package/webpack/dist/commercetools-frontend-mc-scripts-webpack.cjs.prod.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createWebpackConfigForDevelopment = require('../../dist/create-webpack-config-for-development-b56d7c4e.cjs.prod.js');
-var createWebpackConfigForProduction = require('../../dist/create-webpack-config-for-production-e1d05d7a.cjs.prod.js');
+var createWebpackConfigForDevelopment = require('../../dist/create-webpack-config-for-development-02fa9041.cjs.prod.js');
+var createWebpackConfigForProduction = require('../../dist/create-webpack-config-for-production-190c7797.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
@@ -28,11 +28,11 @@ require('@babel/runtime-corejs3/helpers/createClass');
 require('@babel/runtime-corejs3/core-js-stable/object/assign');
 require('@commercetools-frontend/application-config');
 require('@commercetools-frontend/mc-html-template');
-require('../../dist/create-postcss-config-19002549.cjs.prod.js');
+require('../../dist/create-postcss-config-d4f8ca51.cjs.prod.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
-require('../../dist/package-cf9c43de.cjs.prod.js');
-require('../../dist/has-jsx-runtime-0b03b72e.cjs.prod.js');
-require('../../dist/paths-284c77fb.cjs.prod.js');
+require('../../dist/package-6ee0354d.cjs.prod.js');
+require('../../dist/has-jsx-runtime-c3202df5.cjs.prod.js');
+require('../../dist/paths-854af5ef.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/find');
 require('fs');
 require('../../dist/vendors-to-transpile-04a49d40.cjs.prod.js');

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

@@ -1,5 +1,5 @@
-export { c as createWebpackConfigForDevelopment } from '../../dist/create-webpack-config-for-development-0a2ffd8e.esm.js';
-export { c as createWebpackConfigForProduction } from '../../dist/create-webpack-config-for-production-40bdef05.esm.js';
+export { c as createWebpackConfigForDevelopment } from '../../dist/create-webpack-config-for-development-17376d1f.esm.js';
+export { c as createWebpackConfigForProduction } from '../../dist/create-webpack-config-for-production-25d7c593.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';
@@ -24,11 +24,11 @@ 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/create-postcss-config-e91e13f4.esm.js';
+import '../../dist/create-postcss-config-9d266de4.esm.js';
 import '@babel/runtime-corejs3/helpers/slicedToArray';
-import '../../dist/package-ca4ca6d5.esm.js';
-import '../../dist/has-jsx-runtime-8314226e.esm.js';
-import '../../dist/paths-55c5d5a2.esm.js';
+import '../../dist/package-4fcd2667.esm.js';
+import '../../dist/has-jsx-runtime-e3ecb09b.esm.js';
+import '../../dist/paths-ded20ae1.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/find';
 import 'fs';
 import '../../dist/vendors-to-transpile-7dc84a72.esm.js';