@commercetools-frontend/mc-scripts 22.14.1 → 22.14.2

package/dist/{vite-plugin-svgr-bb1239b4.cjs.dev.js → vite-plugin-svgr-e52c8492.cjs.prod.js}

@@ -1,5 +1,6 @@
 'use strict';
 
+var crypto = require('crypto');
 var fs = require('fs');
 var pluginutils = require('@rollup/pluginutils');
 var vite = require('vite');
@@ -24,12 +25,12 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
+var crypto__default = /*#__PURE__*/_interopDefault(crypto);
 var fs__default = /*#__PURE__*/_interopDefault(fs);
 
 /**
  * COPIED FROM https://github.com/pd4d10/vite-plugin-svgr
  */
-let svgoPrefixIdsCount = 0;
 function vitePluginSvgr() {
   const filter = pluginutils.createFilter('**/*.react.svg');
   return {
@@ -52,18 +53,36 @@ function vitePluginSvgr() {
               }
             },
             // Avoid collisions with ids in other SVGs,
-            // which was causing incorrect gradient directions
-            // https://github.com/svg/svgo/issues/1746#issuecomment-1803600573
-            //
-            // Previously, this was a problem where unique ids
-            // could not be generated since svgo@3
+            // 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: () => svgoPrefixIdsCount++
+                prefix: (_, info) => "svg".concat(crypto__default["default"].createHash('shake256', {
+                  outputLength: 6
+                }).update(info.path || '').digest('hex'))
               }
             }]
           }

package/dist/{vite-plugin-svgr-f34f2827.esm.js → vite-plugin-svgr-e6f228d8.esm.js}

@@ -1,3 +1,4 @@
+import crypto from 'crypto';
 import fs from 'fs';
 import { createFilter } from '@rollup/pluginutils';
 import { transformWithEsbuild } from 'vite';
@@ -5,7 +6,6 @@ import { transformWithEsbuild } from 'vite';
 /**
  * COPIED FROM https://github.com/pd4d10/vite-plugin-svgr
  */
-let svgoPrefixIdsCount = 0;
 function vitePluginSvgr() {
   const filter = createFilter('**/*.react.svg');
   return {
@@ -28,18 +28,36 @@ function vitePluginSvgr() {
               }
             },
             // Avoid collisions with ids in other SVGs,
-            // which was causing incorrect gradient directions
-            // https://github.com/svg/svgo/issues/1746#issuecomment-1803600573
-            //
-            // Previously, this was a problem where unique ids
-            // could not be generated since svgo@3
+            // 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: () => svgoPrefixIdsCount++
+                prefix: (_, info) => "svg".concat(crypto.createHash('shake256', {
+                  outputLength: 6
+                }).update(info.path || '').digest('hex'))
               }
             }]
           }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/mc-scripts",
-  "version": "22.14.1",
+  "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.1",
-    "@commercetools-frontend/application-config": "22.14.1",
-    "@commercetools-frontend/assets": "22.14.1",
-    "@commercetools-frontend/babel-preset-mc-app": "22.14.1",
-    "@commercetools-frontend/constants": "22.14.1",
-    "@commercetools-frontend/mc-dev-authentication": "22.14.1",
-    "@commercetools-frontend/mc-html-template": "22.14.1",
+    "@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",

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-81acd016.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-11af395e.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-b53b0c26.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-4104fc44.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-eb5e8d83.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-1b5b75e6.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-6f410c0b.cjs.dev.js');
-var createWebpackConfigForProduction = require('../../dist/create-webpack-config-for-production-4b437de5.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-81acd016.cjs.dev.js');
+require('../../dist/create-postcss-config-a38f5519.cjs.dev.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
-require('../../dist/package-11af395e.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-55b938dd.cjs.prod.js');
-var createWebpackConfigForProduction = require('../../dist/create-webpack-config-for-production-3c335bab.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-b53b0c26.cjs.prod.js');
+require('../../dist/create-postcss-config-9ca89418.cjs.prod.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
-require('../../dist/package-4104fc44.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-7c8d6971.esm.js';
-export { c as createWebpackConfigForProduction } from '../../dist/create-webpack-config-for-production-3357cae6.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-eb5e8d83.esm.js';
+import '../../dist/create-postcss-config-9c76060a.esm.js';
 import '@babel/runtime-corejs3/helpers/slicedToArray';
-import '../../dist/package-1b5b75e6.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';