@commercetools-frontend/mc-scripts 21.8.1 → 21.9.0

package/dist/vite-plugin-svgr-eb8524fa.esm.js

@@ -0,0 +1,85 @@
+import _asyncToGenerator from '@babel/runtime-corejs3/helpers/esm/asyncToGenerator';
+import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
+import fs from 'fs';
+import { transformWithEsbuild } from 'vite';
+import { createFilter } from '@rollup/pluginutils';
+
+function vitePluginSvgr() {
+  var filter = createFilter('**/*.react.svg');
+  return {
+    name: 'vite-plugin-svgr',
+    transform: function transform(_code, id) {
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var _yield$import, transform, svgCode, componentCode, res;
+
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                if (!filter(id)) {
+                  _context.next = 15;
+                  break;
+                }
+
+                _context.next = 3;
+                return import('@svgr/core');
+
+              case 3:
+                _yield$import = _context.sent;
+                transform = _yield$import.transform;
+                _context.next = 7;
+                return fs.promises.readFile(id, 'utf8');
+
+              case 7:
+                svgCode = _context.sent;
+                _context.next = 10;
+                return transform(svgCode, {
+                  icon: false,
+                  svgoConfig: {
+                    plugins: [{
+                      // https://github.com/svg/svgo#default-preset
+                      name: 'preset-default',
+                      params: {
+                        overrides: {
+                          removeViewBox: false
+                        }
+                      }
+                    }]
+                  }
+                }, {
+                  filePath: id,
+                  caller: {
+                    previousExport: null
+                  }
+                });
+
+              case 10:
+                componentCode = _context.sent;
+                _context.next = 13;
+                return transformWithEsbuild(componentCode, id, {
+                  loader: 'jsx'
+                });
+
+              case 13:
+                res = _context.sent;
+                return _context.abrupt("return", {
+                  code: res.code,
+                  map: null // TODO:
+
+                });
+
+              case 15:
+                return _context.abrupt("return", null);
+
+              case 16:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }))();
+    }
+  };
+}
+
+export { vitePluginSvgr as v };

package/dist/vite-plugin-svgr-f3bbedbe.cjs.prod.js

@@ -0,0 +1,110 @@
+'use strict';
+
+var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
+var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
+var fs = require('fs');
+var vite = require('vite');
+var pluginutils = require('@rollup/pluginutils');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var _regeneratorRuntime__default = /*#__PURE__*/_interopDefault(_regeneratorRuntime);
+var fs__default = /*#__PURE__*/_interopDefault(fs);
+
+function vitePluginSvgr() {
+  var filter = pluginutils.createFilter('**/*.react.svg');
+  return {
+    name: 'vite-plugin-svgr',
+    transform: function transform(_code, id) {
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
+        var _yield$import, transform, svgCode, componentCode, res;
+
+        return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                if (!filter(id)) {
+                  _context.next = 15;
+                  break;
+                }
+
+                _context.next = 3;
+                return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@svgr/core')); });
+
+              case 3:
+                _yield$import = _context.sent;
+                transform = _yield$import.transform;
+                _context.next = 7;
+                return fs__default["default"].promises.readFile(id, 'utf8');
+
+              case 7:
+                svgCode = _context.sent;
+                _context.next = 10;
+                return transform(svgCode, {
+                  icon: false,
+                  svgoConfig: {
+                    plugins: [{
+                      // https://github.com/svg/svgo#default-preset
+                      name: 'preset-default',
+                      params: {
+                        overrides: {
+                          removeViewBox: false
+                        }
+                      }
+                    }]
+                  }
+                }, {
+                  filePath: id,
+                  caller: {
+                    previousExport: null
+                  }
+                });
+
+              case 10:
+                componentCode = _context.sent;
+                _context.next = 13;
+                return vite.transformWithEsbuild(componentCode, id, {
+                  loader: 'jsx'
+                });
+
+              case 13:
+                res = _context.sent;
+                return _context.abrupt("return", {
+                  code: res.code,
+                  map: null // TODO:
+
+                });
+
+              case 15:
+                return _context.abrupt("return", null);
+
+              case 16:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }))();
+    }
+  };
+}
+
+exports.vitePluginSvgr = vitePluginSvgr;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/mc-scripts",
-  "version": "21.8.1",
+  "version": "21.9.0",
   "description": "Configuration and scripts for developing a MC application",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -43,33 +43,37 @@
     "development": ["last 2 firefox versions", "last 2 chrome versions"]
   },
   "dependencies": {
-    "@babel/core": "^7.17.9",
-    "@babel/runtime": "^7.17.9",
-    "@babel/runtime-corejs3": "^7.17.9",
-    "@commercetools-frontend/application-config": "21.8.1",
-    "@commercetools-frontend/assets": "21.8.1",
-    "@commercetools-frontend/babel-preset-mc-app": "21.8.1",
-    "@commercetools-frontend/constants": "21.8.1",
-    "@commercetools-frontend/mc-dev-authentication": "21.8.1",
-    "@commercetools-frontend/mc-html-template": "21.8.1",
+    "@babel/core": "^7.18.6",
+    "@babel/runtime": "^7.18.6",
+    "@babel/runtime-corejs3": "^7.18.6",
+    "@commercetools-frontend/application-config": "21.9.0",
+    "@commercetools-frontend/assets": "21.9.0",
+    "@commercetools-frontend/babel-preset-mc-app": "21.9.0",
+    "@commercetools-frontend/constants": "21.9.0",
+    "@commercetools-frontend/mc-dev-authentication": "21.9.0",
+    "@commercetools-frontend/mc-html-template": "21.9.0",
     "@commercetools/http-user-agent": "2.1.2",
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.5",
     "@rollup/plugin-graphql": "1.1.0",
-    "@svgr/webpack": "6.2.1",
+    "@rollup/pluginutils": "4.2.1",
+    "@svgr/babel-preset": "^6.2.0",
+    "@svgr/core": "^6.2.1",
+    "@svgr/webpack": "^6.2.1",
     "@types/prompts": "^2.0.14",
-    "@vitejs/plugin-react": "1.3.2",
-    "autoprefixer": "^10.4.4",
+    "@types/svgo": "^2.6.3",
+    "@vitejs/plugin-react": "2.0.0",
+    "autoprefixer": "^10.4.7",
     "babel-loader": "8.2.5",
     "browserslist": "^4.20.2",
     "cac": "6.7.12",
     "chalk": "4.1.2",
-    "core-js": "^3.21.1",
+    "core-js": "^3.23.4",
     "css-loader": "6.7.1",
     "css-minimizer-webpack-plugin": "3.4.1",
     "dotenv": "16.0.0",
     "dotenv-expand": "8.0.3",
     "fs-extra": "10.1.0",
-    "graphql-request": "^4.2.0",
+    "graphql-request": "^4.3.0",
     "graphql-tag": "^2.12.6",
     "html-webpack-plugin": "5.5.0",
     "json-loader": "0.5.7",
@@ -77,7 +81,7 @@
     "mini-css-extract-plugin": "2.6.0",
     "moment-locales-webpack-plugin": "1.2.0",
     "node-fetch": "2.6.7",
-    "postcss": "8.4.13",
+    "postcss": "8.4.14",
     "postcss-custom-media": "8.0.0",
     "postcss-custom-properties": "12.1.4",
     "postcss-import": "14.1.0",
@@ -96,21 +100,21 @@
     "terser-webpack-plugin": "5.3.1",
     "thread-loader": "3.0.4",
     "url": "^0.11.0",
-    "vite": "2.9.8",
+    "vite": "3.0.0",
     "webpack": "5.72.0",
     "webpack-bundle-analyzer": "4.5.0",
     "webpack-dev-server": "4.9.0",
     "webpackbar": "5.0.2"
   },
   "devDependencies": {
-    "@tsconfig/node16": "^1.0.2",
-    "@types/lodash": "^4.14.181",
+    "@tsconfig/node16": "^1.0.3",
+    "@types/lodash": "^4.14.182",
     "@types/mock-fs": "^4.13.1",
     "@types/moment-locales-webpack-plugin": "^1.2.3",
-    "@types/node-fetch": "2.6.1",
+    "@types/node-fetch": "2.6.2",
     "@types/serve-handler": "^6.1.1",
     "mock-fs": "^5.1.2",
-    "msw": "0.39.2",
+    "msw": "0.44.0",
     "rimraf": "3.0.2"
   },
   "engines": {

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createPostcssConfig = require('../../dist/create-postcss-config-07259760.cjs.dev.js');
+var createPostcssConfig = require('../../dist/create-postcss-config-760e2dc5.cjs.dev.js');
 require('@babel/runtime-corejs3/helpers/toConsumableArray');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('path');
-require('../../dist/package-8a5733b4.cjs.dev.js');
+require('../../dist/package-4c3e3fb7.cjs.dev.js');
 
 
 

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createPostcssConfig = require('../../dist/create-postcss-config-c1122bfa.cjs.prod.js');
+var createPostcssConfig = require('../../dist/create-postcss-config-ddc3abee.cjs.prod.js');
 require('@babel/runtime-corejs3/helpers/toConsumableArray');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('path');
-require('../../dist/package-fab41a01.cjs.prod.js');
+require('../../dist/package-4b4fcf02.cjs.prod.js');
 
 
 

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

@@ -1,6 +1,6 @@
-export { c as createPostcssConfig } from '../../dist/create-postcss-config-9e14f015.esm.js';
+export { c as createPostcssConfig } from '../../dist/create-postcss-config-04243dea.esm.js';
 import '@babel/runtime-corejs3/helpers/toConsumableArray';
 import '@babel/runtime-corejs3/helpers/slicedToArray';
 import '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import 'path';
-import '../../dist/package-8b6676c0.esm.js';
+import '../../dist/package-8e6305bd.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-20fbe5a5.cjs.dev.js');
-var createWebpackConfigForProduction = require('../../dist/create-webpack-config-for-production-4e58ee43.cjs.dev.js');
+var createWebpackConfigForDevelopment = require('../../dist/create-webpack-config-for-development-dfd1c174.cjs.dev.js');
+var createWebpackConfigForProduction = require('../../dist/create-webpack-config-for-production-bc8c1f37.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');
@@ -32,10 +32,10 @@ require('../../dist/paths-16823f56.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/find');
 require('fs');
 require('../../dist/vendors-to-transpile-b51af5d3.cjs.dev.js');
-require('../../dist/create-postcss-config-07259760.cjs.dev.js');
+require('../../dist/create-postcss-config-760e2dc5.cjs.dev.js');
 require('@babel/runtime-corejs3/helpers/toConsumableArray');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
-require('../../dist/package-8a5733b4.cjs.dev.js');
+require('../../dist/package-4c3e3fb7.cjs.dev.js');
 require('../../dist/has-jsx-runtime-3d4bb633.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/number/is-integer');
 require('webpack-bundle-analyzer');

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-b70e9af1.cjs.prod.js');
-var createWebpackConfigForProduction = require('../../dist/create-webpack-config-for-production-e894ffc1.cjs.prod.js');
+var createWebpackConfigForDevelopment = require('../../dist/create-webpack-config-for-development-76fdab59.cjs.prod.js');
+var createWebpackConfigForProduction = require('../../dist/create-webpack-config-for-production-d652ad1a.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');
@@ -32,10 +32,10 @@ require('../../dist/paths-76b66e74.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/find');
 require('fs');
 require('../../dist/vendors-to-transpile-367e0ba8.cjs.prod.js');
-require('../../dist/create-postcss-config-c1122bfa.cjs.prod.js');
+require('../../dist/create-postcss-config-ddc3abee.cjs.prod.js');
 require('@babel/runtime-corejs3/helpers/toConsumableArray');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
-require('../../dist/package-fab41a01.cjs.prod.js');
+require('../../dist/package-4b4fcf02.cjs.prod.js');
 require('../../dist/has-jsx-runtime-0b03b72e.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/number/is-integer');
 require('webpack-bundle-analyzer');

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-eb1432fe.esm.js';
-export { c as createWebpackConfigForProduction } from '../../dist/create-webpack-config-for-production-331c8877.esm.js';
+export { c as createWebpackConfigForDevelopment } from '../../dist/create-webpack-config-for-development-d93ae4b2.esm.js';
+export { c as createWebpackConfigForProduction } from '../../dist/create-webpack-config-for-production-9290479a.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';
@@ -28,10 +28,10 @@ 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-9e14f015.esm.js';
+import '../../dist/create-postcss-config-04243dea.esm.js';
 import '@babel/runtime-corejs3/helpers/toConsumableArray';
 import '@babel/runtime-corejs3/helpers/slicedToArray';
-import '../../dist/package-8b6676c0.esm.js';
+import '../../dist/package-8e6305bd.esm.js';
 import '../../dist/has-jsx-runtime-8314226e.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/number/is-integer';
 import 'webpack-bundle-analyzer';