@commercetools-frontend/mc-scripts 21.0.0-rc.2 → 21.0.0-rc.7

package/build/commands/build.js

@@ -102,17 +102,11 @@ function build(previousFileSizes) {
           warnings: []
         });
       } else {
-        //TODO: Remove after 'react-dev-utils' natively supports webpack@5
-        const rawMessages = stats.toJson({
+        messages = formatWebpackMessages(stats.toJson({
           all: false,
           warnings: true,
-          errors: true,
-          moduleTrace: false
-        });
-        messages = formatWebpackMessages({
-          errors: rawMessages.errors.map(e => e.message),
-          warnings: rawMessages.warnings.map(e => e.message)
-        });
+          errors: true
+        }));
       }
 
       if (messages.errors.length) {

package/build/commands/start.js

@@ -77,14 +77,9 @@ choosePort(HOST, DEFAULT_PORT).then(port => {
     port,
     publicPath: config.output.publicPath
   });
-  const devServer = new WebpackDevServer(compiler, serverConfig); // Launch WebpackDevServer.
-
-  devServer.listen(port, HOST, err => {
-    if (err) {
-      console.log(err);
-      return;
-    }
+  const devServer = new WebpackDevServer(serverConfig, compiler); // Launch WebpackDevServer.
 
+  devServer.startCallback(() => {
     if (isInteractive) {
       clearConsole();
     }

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.2",
+  "version": "21.0.0-rc.7",
   "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.1",
+    "@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",