@commercetools-frontend/mc-scripts 21.7.0 → 21.9.0

package/{build/config/create-postcss-config.js → dist/create-postcss-config-04243dea.esm.js}

@@ -1,36 +1,36 @@
-"use strict";
+import _toConsumableArray from '@babel/runtime-corejs3/helpers/esm/toConsumableArray';
+import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
+import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
+import path from 'path';
+import { p as pkgJson } from './package-8e6305bd.esm.js';
 
-const path = require('path');
-
-const {
-  browserslist
-} = require('../../package.json'); // This function aims to return the same result as `require.resolve`.
+// This function aims to return the same result as `require.resolve`.
 // However, resolving a path to a `.css` file does not return the real
 // path when this file is executed within a Jest environment, because
 // of the `identity-obj-proxy` resolver.
 // Therefore, we trick it by resolving the package entry point and
 // constructing the real path manually.
+var safeResolvePath = function safeResolvePath(packageName, fileRelativePath) {
+  var defaultPackageEntryPoint = require.resolve(packageName);
 
+  var _defaultPackageEntryP = defaultPackageEntryPoint.split('dist'),
+      _defaultPackageEntryP2 = _slicedToArray(_defaultPackageEntryP, 1),
+      pathToPackage = _defaultPackageEntryP2[0];
 
-const safeResolvePath = (packageName, fileRelativePath) => {
-  const defaultPackageEntryPoint = require.resolve(packageName);
-
-  const [pathToPackage] = defaultPackageEntryPoint.split('dist');
   return path.join(pathToPackage, fileRelativePath);
 };
-/**
- * @param {Object} options - Configuration options to extend the default configuration
- * @param {string[]} options.postcssImportPaths[] - A list of paths where to look for files used by the `@import` statements.
- * @param {string[]} options.postcssCustomMediaPaths[] - A list of paths where to look for files with custom media queries.
- * @param {string[]} options.postcssCustomPropertiesPaths[] - A list of paths where to look for files with custom properties.
- */
 
+function createPostcssConfig() {
+  var _context, _context2;
+
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      _ref$postcssImportPat = _ref.postcssImportPaths,
+      postcssImportPaths = _ref$postcssImportPat === void 0 ? [] : _ref$postcssImportPat,
+      _ref$postcssCustomMed = _ref.postcssCustomMediaPaths,
+      postcssCustomMediaPaths = _ref$postcssCustomMed === void 0 ? [] : _ref$postcssCustomMed,
+      _ref$postcssCustomPro = _ref.postcssCustomPropertiesPaths,
+      postcssCustomPropertiesPaths = _ref$postcssCustomPro === void 0 ? [] : _ref$postcssCustomPro;
 
-module.exports = function createPostcssConfig({
-  postcssImportPaths = [],
-  postcssCustomMediaPaths = [],
-  postcssCustomPropertiesPaths = []
-} = {}) {
   return {
     parser: false,
     map: false,
@@ -52,7 +52,7 @@ module.exports = function createPostcssConfig({
       // limited autoplacement support.
       // https://github.com/postcss/autoprefixer#grid-autoplacement-support-in-ie
       grid: 'autoplace',
-      overrideBrowserslist: process.env.NODE_ENV === 'production' ? browserslist.production : browserslist.development
+      overrideBrowserslist: process.env.NODE_ENV === 'production' ? pkgJson.browserslist.production : pkgJson.browserslist.development
     }),
     /**
      * Plugin to enable Custom Media Queries in CSS, following
@@ -60,7 +60,7 @@ module.exports = function createPostcssConfig({
      * https://github.com/postcss/postcss-custom-media
      */
     require('postcss-custom-media')({
-      importFrom: [safeResolvePath('@commercetools-frontend/application-components', 'materials/media-queries.css'), ...postcssCustomMediaPaths]
+      importFrom: _concatInstanceProperty(_context = [safeResolvePath('@commercetools-frontend/application-components', 'materials/media-queries.css')]).call(_context, _toConsumableArray(postcssCustomMediaPaths))
     }),
     /**
      * Plugin to enable Custom Properties in CSS, following
@@ -69,7 +69,7 @@ module.exports = function createPostcssConfig({
      */
     require('postcss-custom-properties')({
       preserve: false,
-      importFrom: [safeResolvePath('@commercetools-uikit/design-system', 'materials/custom-properties.css'), ...postcssCustomPropertiesPaths]
+      importFrom: _concatInstanceProperty(_context2 = [safeResolvePath('@commercetools-uikit/design-system', 'materials/custom-properties.css')]).call(_context2, _toConsumableArray(postcssCustomPropertiesPaths))
     }),
     /**
      * Plugin to `console.log()` the messages (warnings, etc.)
@@ -78,4 +78,6 @@ module.exports = function createPostcssConfig({
      */
     require('postcss-reporter')()]
   };
-};
+}
+
+export { createPostcssConfig as c };

package/dist/create-postcss-config-760e2dc5.cjs.dev.js

@@ -0,0 +1,90 @@
+'use strict';
+
+var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+var path = require('path');
+var _package = require('./package-4c3e3fb7.cjs.dev.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
+var path__default = /*#__PURE__*/_interopDefault(path);
+
+// This function aims to return the same result as `require.resolve`.
+// However, resolving a path to a `.css` file does not return the real
+// path when this file is executed within a Jest environment, because
+// of the `identity-obj-proxy` resolver.
+// Therefore, we trick it by resolving the package entry point and
+// constructing the real path manually.
+var safeResolvePath = function safeResolvePath(packageName, fileRelativePath) {
+  var defaultPackageEntryPoint = require.resolve(packageName);
+
+  var _defaultPackageEntryP = defaultPackageEntryPoint.split('dist'),
+      _defaultPackageEntryP2 = _slicedToArray(_defaultPackageEntryP, 1),
+      pathToPackage = _defaultPackageEntryP2[0];
+
+  return path__default["default"].join(pathToPackage, fileRelativePath);
+};
+
+function createPostcssConfig() {
+  var _context, _context2;
+
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      _ref$postcssImportPat = _ref.postcssImportPaths,
+      postcssImportPaths = _ref$postcssImportPat === void 0 ? [] : _ref$postcssImportPat,
+      _ref$postcssCustomMed = _ref.postcssCustomMediaPaths,
+      postcssCustomMediaPaths = _ref$postcssCustomMed === void 0 ? [] : _ref$postcssCustomMed,
+      _ref$postcssCustomPro = _ref.postcssCustomPropertiesPaths,
+      postcssCustomPropertiesPaths = _ref$postcssCustomPro === void 0 ? [] : _ref$postcssCustomPro;
+
+  return {
+    parser: false,
+    map: false,
+    plugins: [
+    /**
+     * Plugin to transform `@import` rules by inlining content.
+     * https://github.com/postcss/postcss-import
+     */
+    require('postcss-import')({
+      path: postcssImportPaths
+    }),
+    /**
+     * Plugin to parse CSS and add vendor prefixes to CSS rules
+     * using values from "[Can I Use](https://caniuse.com/)".
+     * https://github.com/postcss/autoprefixer
+     */
+    require('autoprefixer')({
+      // Enables `-ms-` prefixes for Grid Layout including some
+      // limited autoplacement support.
+      // https://github.com/postcss/autoprefixer#grid-autoplacement-support-in-ie
+      grid: 'autoplace',
+      overrideBrowserslist: process.env.NODE_ENV === 'production' ? _package.pkgJson.browserslist.production : _package.pkgJson.browserslist.development
+    }),
+    /**
+     * Plugin to enable Custom Media Queries in CSS, following
+     * the [CSS Media Queries](https://drafts.csswg.org/mediaqueries-5/#custom-mq) specification.
+     * https://github.com/postcss/postcss-custom-media
+     */
+    require('postcss-custom-media')({
+      importFrom: _concatInstanceProperty__default["default"](_context = [safeResolvePath('@commercetools-frontend/application-components', 'materials/media-queries.css')]).call(_context, _toConsumableArray(postcssCustomMediaPaths))
+    }),
+    /**
+     * Plugin to enable Custom Properties in CSS, following
+     * the [CSS Custom Properties](https://www.w3.org/TR/css-variables-1/) specification.
+     * https://github.com/postcss/postcss-custom-properties
+     */
+    require('postcss-custom-properties')({
+      preserve: false,
+      importFrom: _concatInstanceProperty__default["default"](_context2 = [safeResolvePath('@commercetools-uikit/design-system', 'materials/custom-properties.css')]).call(_context2, _toConsumableArray(postcssCustomPropertiesPaths))
+    }),
+    /**
+     * Plugin to `console.log()` the messages (warnings, etc.)
+     * registered by other PostCSS plugins.
+     * https://github.com/postcss/postcss-reporter
+     */
+    require('postcss-reporter')()]
+  };
+}
+
+exports.createPostcssConfig = createPostcssConfig;

package/dist/create-postcss-config-ddc3abee.cjs.prod.js

@@ -0,0 +1,90 @@
+'use strict';
+
+var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+var path = require('path');
+var _package = require('./package-4b4fcf02.cjs.prod.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
+var path__default = /*#__PURE__*/_interopDefault(path);
+
+// This function aims to return the same result as `require.resolve`.
+// However, resolving a path to a `.css` file does not return the real
+// path when this file is executed within a Jest environment, because
+// of the `identity-obj-proxy` resolver.
+// Therefore, we trick it by resolving the package entry point and
+// constructing the real path manually.
+var safeResolvePath = function safeResolvePath(packageName, fileRelativePath) {
+  var defaultPackageEntryPoint = require.resolve(packageName);
+
+  var _defaultPackageEntryP = defaultPackageEntryPoint.split('dist'),
+      _defaultPackageEntryP2 = _slicedToArray(_defaultPackageEntryP, 1),
+      pathToPackage = _defaultPackageEntryP2[0];
+
+  return path__default["default"].join(pathToPackage, fileRelativePath);
+};
+
+function createPostcssConfig() {
+  var _context, _context2;
+
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      _ref$postcssImportPat = _ref.postcssImportPaths,
+      postcssImportPaths = _ref$postcssImportPat === void 0 ? [] : _ref$postcssImportPat,
+      _ref$postcssCustomMed = _ref.postcssCustomMediaPaths,
+      postcssCustomMediaPaths = _ref$postcssCustomMed === void 0 ? [] : _ref$postcssCustomMed,
+      _ref$postcssCustomPro = _ref.postcssCustomPropertiesPaths,
+      postcssCustomPropertiesPaths = _ref$postcssCustomPro === void 0 ? [] : _ref$postcssCustomPro;
+
+  return {
+    parser: false,
+    map: false,
+    plugins: [
+    /**
+     * Plugin to transform `@import` rules by inlining content.
+     * https://github.com/postcss/postcss-import
+     */
+    require('postcss-import')({
+      path: postcssImportPaths
+    }),
+    /**
+     * Plugin to parse CSS and add vendor prefixes to CSS rules
+     * using values from "[Can I Use](https://caniuse.com/)".
+     * https://github.com/postcss/autoprefixer
+     */
+    require('autoprefixer')({
+      // Enables `-ms-` prefixes for Grid Layout including some
+      // limited autoplacement support.
+      // https://github.com/postcss/autoprefixer#grid-autoplacement-support-in-ie
+      grid: 'autoplace',
+      overrideBrowserslist: _package.pkgJson.browserslist.production 
+    }),
+    /**
+     * Plugin to enable Custom Media Queries in CSS, following
+     * the [CSS Media Queries](https://drafts.csswg.org/mediaqueries-5/#custom-mq) specification.
+     * https://github.com/postcss/postcss-custom-media
+     */
+    require('postcss-custom-media')({
+      importFrom: _concatInstanceProperty__default["default"](_context = [safeResolvePath('@commercetools-frontend/application-components', 'materials/media-queries.css')]).call(_context, _toConsumableArray(postcssCustomMediaPaths))
+    }),
+    /**
+     * Plugin to enable Custom Properties in CSS, following
+     * the [CSS Custom Properties](https://www.w3.org/TR/css-variables-1/) specification.
+     * https://github.com/postcss/postcss-custom-properties
+     */
+    require('postcss-custom-properties')({
+      preserve: false,
+      importFrom: _concatInstanceProperty__default["default"](_context2 = [safeResolvePath('@commercetools-uikit/design-system', 'materials/custom-properties.css')]).call(_context2, _toConsumableArray(postcssCustomPropertiesPaths))
+    }),
+    /**
+     * Plugin to `console.log()` the messages (warnings, etc.)
+     * registered by other PostCSS plugins.
+     * https://github.com/postcss/postcss-reporter
+     */
+    require('postcss-reporter')()]
+  };
+}
+
+exports.createPostcssConfig = createPostcssConfig;