@commercetools-frontend/mc-scripts 22.14.0 → 22.14.2

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

@@ -0,0 +1,84 @@
+import crypto from 'crypto';
+import fs from 'fs';
+import { createFilter } from '@rollup/pluginutils';
+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;
+        const svgCode = await fs.promises.readFile(id, 'utf8');
+        const componentCode = await transform(svgCode, {
+          icon: false,
+          svgoConfig: {
+            plugins: [{
+              // https://github.com/svg/svgo#default-preset
+              name: 'preset-default',
+              params: {
+                overrides: {
+                  removeViewBox: false
+                }
+              }
+            },
+            // Avoid collisions with ids in other SVGs,
+            // which was causing incorrect masking, gradient directions, etc
+            // this is an ongoing issue with both SVGR and SVGO,
+            // https://github.com/svg/svgo/issues/913#issuecomment-369373572
+            // see SVGR issues:
+            // https://github.com/gregberge/svgr/issues/322
+            // https://github.com/gregberge/svgr/issues/210
+            // see SVGO issues:
+            // https://github.com/svg/svgo/issues/674
+            // https://github.com/svg/svgo/issues/1746
+            //
+            // Initially, a naive counter was implemented based on this github comment:
+            // https://github.com/svg/svgo/issues/1746#issuecomment-1803600573
+            // But while that implementation insured id’s that are unique,
+            // it did not work in cases where the id is both declared and referenced in the same file,
+            // because the refernce gets a separate unique ID (a different number from the counter).
+            //
+            // The current implementation is based on this github comment:
+            // https://github.com/svg/svgo/issues/913#issuecomment-369373572
+            // Generates a hash of the filepath of the svg file, resulting in a prefix which is:
+            // - Short,
+            // - With characters valid for IDs,
+            // - The same within a file,
+            // - And different in different files.
+            {
+              name: 'prefixIds',
+              params: {
+                delim: '',
+                prefix: (_, info) => "svg".concat(crypto.createHash('shake256', {
+                  outputLength: 6
+                }).update(info.path || '').digest('hex'))
+              }
+            }]
+          }
+        }, {
+          filePath: id,
+          caller: {
+            previousExport: null
+          }
+        });
+        const res = await transformWithEsbuild(componentCode, id, {
+          loader: 'jsx'
+        });
+        return {
+          code: res.code,
+          map: null // TODO:
+        };
+      }
+
+      return null;
+    }
+  };
+}
+
+export { vitePluginSvgr as v };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/mc-scripts",
-  "version": "22.14.0",
+  "version": "22.14.2",
   "description": "Configuration and scripts for developing a MC application",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -58,13 +58,13 @@
     "@babel/core": "^7.22.17",
     "@babel/runtime": "^7.22.15",
     "@babel/runtime-corejs3": "^7.22.15",
-    "@commercetools-frontend/application-components": "22.14.0",
-    "@commercetools-frontend/application-config": "22.14.0",
-    "@commercetools-frontend/assets": "22.14.0",
-    "@commercetools-frontend/babel-preset-mc-app": "22.14.0",
-    "@commercetools-frontend/constants": "22.14.0",
-    "@commercetools-frontend/mc-dev-authentication": "22.14.0",
-    "@commercetools-frontend/mc-html-template": "22.14.0",
+    "@commercetools-frontend/application-components": "22.14.2",
+    "@commercetools-frontend/application-config": "22.14.2",
+    "@commercetools-frontend/assets": "22.14.2",
+    "@commercetools-frontend/babel-preset-mc-app": "22.14.2",
+    "@commercetools-frontend/constants": "22.14.2",
+    "@commercetools-frontend/mc-dev-authentication": "22.14.2",
+    "@commercetools-frontend/mc-html-template": "22.14.2",
     "@commercetools/http-user-agent": "3.0.0",
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.10",
     "@rollup/plugin-graphql": "2.0.3",
@@ -116,7 +116,7 @@
     "terser-webpack-plugin": "5.3.8",
     "thread-loader": "3.0.4",
     "url": "^0.11.0",
-    "vite": "4.4.9",
+    "vite": "4.4.12",
     "webpack": "5.82.1",
     "webpack-bundle-analyzer": "4.8.0",
     "webpack-dev-server": "4.15.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-cd0c19be.cjs.dev.js');
+var createPostcssConfig = require('../../dist/create-postcss-config-a38f5519.cjs.dev.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('path');
-require('../../dist/package-89c70cf0.cjs.dev.js');
+require('../../dist/package-3efd1a80.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-d90e70db.cjs.prod.js');
+var createPostcssConfig = require('../../dist/create-postcss-config-9ca89418.cjs.prod.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('path');
-require('../../dist/package-aa88ed64.cjs.prod.js');
+require('../../dist/package-4ecafad2.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-97275e32.esm.js';
+export { c as createPostcssConfig } from '../../dist/create-postcss-config-9c76060a.esm.js';
 import '@babel/runtime-corejs3/helpers/slicedToArray';
 import 'path';
-import '../../dist/package-b695b8e4.esm.js';
+import '../../dist/package-b6c00a3a.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-5ed79749.cjs.dev.js');
-var createWebpackConfigForProduction = require('../../dist/create-webpack-config-for-production-6da944a7.cjs.dev.js');
+var createWebpackConfigForDevelopment = require('../../dist/create-webpack-config-for-development-5a0ebbe2.cjs.dev.js');
+var createWebpackConfigForProduction = require('../../dist/create-webpack-config-for-production-248296c7.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');
@@ -17,6 +17,7 @@ require('@babel/runtime-corejs3/core-js-stable/instance/filter');
 require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 require('@babel/runtime-corejs3/core-js-stable/instance/ends-with');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+require('crypto');
 require('path');
 require('@pmmmwh/react-refresh-webpack-plugin');
 require('html-webpack-plugin');
@@ -28,9 +29,9 @@ 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-cd0c19be.cjs.dev.js');
+require('../../dist/create-postcss-config-a38f5519.cjs.dev.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
-require('../../dist/package-89c70cf0.cjs.dev.js');
+require('../../dist/package-3efd1a80.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');

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-46f7e4a4.cjs.prod.js');
-var createWebpackConfigForProduction = require('../../dist/create-webpack-config-for-production-4d4c823d.cjs.prod.js');
+var createWebpackConfigForDevelopment = require('../../dist/create-webpack-config-for-development-aa4798fd.cjs.prod.js');
+var createWebpackConfigForProduction = require('../../dist/create-webpack-config-for-production-49a79bf6.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');
@@ -17,6 +17,7 @@ require('@babel/runtime-corejs3/core-js-stable/instance/filter');
 require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 require('@babel/runtime-corejs3/core-js-stable/instance/ends-with');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+require('crypto');
 require('path');
 require('@pmmmwh/react-refresh-webpack-plugin');
 require('html-webpack-plugin');
@@ -28,9 +29,9 @@ 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-d90e70db.cjs.prod.js');
+require('../../dist/create-postcss-config-9ca89418.cjs.prod.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
-require('../../dist/package-aa88ed64.cjs.prod.js');
+require('../../dist/package-4ecafad2.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');

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-4e195386.esm.js';
-export { c as createWebpackConfigForProduction } from '../../dist/create-webpack-config-for-production-2049ad69.esm.js';
+export { c as createWebpackConfigForDevelopment } from '../../dist/create-webpack-config-for-development-a2a3c933.esm.js';
+export { c as createWebpackConfigForProduction } from '../../dist/create-webpack-config-for-production-32af2687.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';
@@ -13,6 +13,7 @@ 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';
@@ -24,9 +25,9 @@ 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-97275e32.esm.js';
+import '../../dist/create-postcss-config-9c76060a.esm.js';
 import '@babel/runtime-corejs3/helpers/slicedToArray';
-import '../../dist/package-b695b8e4.esm.js';
+import '../../dist/package-b6c00a3a.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';

package/dist/vite-plugin-svgr-5c953fe7.esm.js

@@ -1,50 +0,0 @@
-import fs from 'fs';
-import { createFilter } from '@rollup/pluginutils';
-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;
-        const svgCode = await fs.promises.readFile(id, 'utf8');
-        const componentCode = await 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
-          }
-        });
-        const res = await transformWithEsbuild(componentCode, id, {
-          loader: 'jsx'
-        });
-        return {
-          code: res.code,
-          map: null // TODO:
-        };
-      }
-
-      return null;
-    }
-  };
-}
-
-export { vitePluginSvgr as v };