@commercetools-frontend/mc-scripts 21.0.0-rc.3 → 21.0.0-rc.8

package/build/config/create-postcss-config.js

@@ -23,15 +23,13 @@ const safeResolvePath = (packageName, fileRelativePath) => {
  * @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.
- * @param {string[]} options.postcssColorModPaths[] - A list of paths where to look for files with color-mod properties.
  */
 
 
 module.exports = function createPostcssConfig({
   postcssImportPaths = [],
   postcssCustomMediaPaths = [],
-  postcssCustomPropertiesPaths = [],
-  postcssColorModPaths = []
+  postcssCustomPropertiesPaths = []
 } = {}) {
   return {
     parser: false,
@@ -72,10 +70,6 @@ module.exports = function createPostcssConfig({
     require('postcss-custom-properties')({
       preserve: false,
       importFrom: [safeResolvePath('@commercetools-uikit/design-system', 'materials/custom-properties.css'), ...postcssCustomPropertiesPaths]
-    }), // TODO: we should deprecate/remove this, as it's not maintained and it doesn't
-    // officially support postcss v8 yet.
-    require('postcss-color-mod-function')({
-      importFrom: postcssColorModPaths
     }),
     /**
      * Plugin to `console.log()` the messages (warnings, etc.)

package/build/config/webpack-dev-server.config.js

@@ -61,23 +61,22 @@ module.exports = ({
 
   // Enable HTTPS if the HTTPS environment variable is set to 'true'
   // `proxy` is run between `before` and `after` `webpack-dev-server` hooks
-  onBeforeSetupMiddleware({
-    app
-  }) {
+  setupMiddlewares(middlewares, devServer) {
     var _applicationConfig$en, _applicationConfig$en2;
 
-    app.set('views', devAuthentication.views);
-    app.set('view engine', devAuthentication.config.viewEngine); // This lets us open files from the runtime error overlay.
+    if (!devServer) {
+      throw new Error('webpack-dev-server is not defined');
+    } // This lets us open files from the runtime error overlay.
 
-    app.use(errorOverlayMiddleware());
-    app.use('/api/graphql', (request, response) => {
-      response.statusCode = 400;
+
+    middlewares.unshift(errorOverlayMiddleware());
+    devServer.app.set('views', devAuthentication.views);
+    devServer.app.set('view engine', devAuthentication.config.viewEngine);
+    devServer.app.post('/api/graphql', (request, response) => {
+      response.statusCode = 404;
       response.setHeader('Content-Type', 'application/json');
-      const errorMessage = `This GraphQL endpoint is not available in ${process.env.NODE_ENV} mode, as it's not necessary. The menu configuration is loaded from the file "menu.json" (more info at https://www.npmjs.com/package/@commercetools-frontend/application-shell). In case you do need to test things out, you can pass a "mcProxyApiUrl" to your application config (in the "additionalEnv" properties) and point it to the production environment, for example for GCP-EU use "https://mc.europe-west1.gcp.commercetools.com/api/graphql".`;
-      const fakeApolloError = new Error(errorMessage);
       response.end(JSON.stringify({
-        data: null,
-        error: fakeApolloError
+        message: `This GraphQL endpoint is only available in production in the [Merchant Center Proxy Router](https://docs.commercetools.com/custom-applications/concepts/merchant-center-proxy-router). Please check that you are not calling this endpoint in development mode.`
       }));
     });
 
@@ -86,13 +85,15 @@ module.exports = ({
 
       // Handle login page for OIDC workflow when developing against a local MC API.
       if ((_applicationConfig$en3 = applicationConfig.env.__DEVELOPMENT__) !== null && _applicationConfig$en3 !== void 0 && (_applicationConfig$en4 = _applicationConfig$en3.oidc) !== null && _applicationConfig$en4 !== void 0 && _applicationConfig$en4.authorizeUrl.startsWith('http://localhost')) {
-        app.use('/login/authorize', devAuthentication.middlewares.createLoginMiddleware(applicationConfig.env));
+        devServer.app.get('/login/authorize', devAuthentication.middlewares.createLoginMiddleware(applicationConfig.env));
       }
     } else {
-      app.use('/login', devAuthentication.middlewares.createLoginMiddleware(applicationConfig.env)); // Intercept the /logout page and "remove" the auth cookie value
+      devServer.app.get('/login', devAuthentication.middlewares.createLoginMiddleware(applicationConfig.env)); // Intercept the /logout page and "remove" the auth cookie value
 
-      app.use('/logout', devAuthentication.middlewares.createLogoutMiddleware(applicationConfig.env));
+      devServer.app.get('/logout', devAuthentication.middlewares.createLogoutMiddleware(applicationConfig.env));
     }
+
+    return middlewares;
   }
 
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/mc-scripts",
-  "version": "21.0.0-rc.3",
+  "version": "21.0.0-rc.8",
   "description": "Configuration and scripts for developing a MC application",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -28,11 +28,11 @@
   "dependencies": {
     "@babel/runtime": "^7.16.7",
     "@babel/runtime-corejs3": "^7.16.8",
-    "@commercetools-frontend/application-config": "21.0.0-rc.1",
+    "@commercetools-frontend/application-config": "21.0.0-rc.7",
     "@commercetools-frontend/assets": "21.0.0-rc.1",
-    "@commercetools-frontend/babel-preset-mc-app": "21.0.0-rc.1",
+    "@commercetools-frontend/babel-preset-mc-app": "21.0.0-rc.7",
     "@commercetools-frontend/mc-dev-authentication": "21.0.0-rc.1",
-    "@commercetools-frontend/mc-html-template": "21.0.0-rc.3",
+    "@commercetools-frontend/mc-html-template": "21.0.0-rc.7",
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.4",
     "@svgr/webpack": "6.2.0",
     "autoprefixer": "10.4.2",
@@ -50,10 +50,9 @@
     "mini-css-extract-plugin": "1.6.2",
     "moment-locales-webpack-plugin": "1.2.0",
     "mri": "1.2.0",
-    "postcss": "8.4.5",
-    "postcss-color-mod-function": "3.0.3",
+    "postcss": "8.4.6",
     "postcss-custom-media": "8.0.0",
-    "postcss-custom-properties": "11.0.0",
+    "postcss-custom-properties": "12.1.4",
     "postcss-import": "14.0.2",
     "postcss-loader": "6.2.1",
     "postcss-reporter": "7.0.5",