@commercetools-frontend/mc-scripts 20.9.3 → 20.10.4

package/build/config/create-webpack-config-for-development.js

@@ -146,6 +146,7 @@ module.exports = function createWebpackConfigForDevelopment(options = {}) {
     }), // Makes some environment variables available to the JS code, for example:
     // if (process.env.NODE_ENV === 'development') { ... }.
     new webpack.DefinePlugin({
+      __DEV__: 'true',
       'process.env': {
         NODE_ENV: JSON.stringify('development')
       }

package/build/config/create-webpack-config-for-production.js

@@ -173,6 +173,7 @@ module.exports = function createWebpackConfigForProduction(options = {}) {
     }), // Makes some environment variables available to the JS code, for example:
     // if (process.env.NODE_ENV === 'production') { ... }.
     new webpack.DefinePlugin({
+      __DEV__: 'false',
       'process.env': {
         NODE_ENV: JSON.stringify('production')
       }

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

@@ -10,10 +10,8 @@ const {
   processHeaders
 } = require('@commercetools-frontend/mc-html-template');
 
-const devAuthentication = require('@commercetools-frontend/mc-dev-authentication'); // Feature flags
+const devAuthentication = require('@commercetools-frontend/mc-dev-authentication');
 
-
-const isOidcForDevelopmentEnabled = process.env.ENABLE_OIDC_FOR_DEVELOPMENT === 'true' || process.env.ENABLE_OIDC_FOR_DEVELOPMENT === true;
 const applicationConfig = processConfig();
 const compiledHeaders = processHeaders(applicationConfig);
 const host = process.env.HOST || '0.0.0.0'; // We support configuring the sockjs pathname during development.
@@ -66,6 +64,8 @@ module.exports = ({
   onBeforeSetupMiddleware({
     app
   }) {
+    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.
 
@@ -81,7 +81,14 @@ module.exports = ({
       }));
     });
 
-    if (!isOidcForDevelopmentEnabled) {
+    if ((_applicationConfig$en = applicationConfig.env.__DEVELOPMENT__) !== null && _applicationConfig$en !== void 0 && (_applicationConfig$en2 = _applicationConfig$en.oidc) !== null && _applicationConfig$en2 !== void 0 && _applicationConfig$en2.authorizeUrl) {
+      var _applicationConfig$en3, _applicationConfig$en4;
+
+      // 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));
+      }
+    } else {
       app.use('/login', devAuthentication.middlewares.createLoginMiddleware(applicationConfig.env)); // Intercept the /logout page and "remove" the auth cookie value
 
       app.use('/logout', devAuthentication.middlewares.createLogoutMiddleware(applicationConfig.env));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/mc-scripts",
-  "version": "20.9.3",
+  "version": "20.10.4",
   "description": "Configuration and scripts for developing a MC application",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -30,53 +30,53 @@
     "build:bundles:watch": "yarn build -w"
   },
   "dependencies": {
-    "@babel/runtime": "7.14.8",
-    "@babel/runtime-corejs3": "7.14.9",
-    "@commercetools-frontend/application-config": "20.9.3",
-    "@commercetools-frontend/assets": "20.8.0",
-    "@commercetools-frontend/babel-preset-mc-app": "20.9.3",
-    "@commercetools-frontend/mc-dev-authentication": "19.0.0",
-    "@commercetools-frontend/mc-html-template": "20.9.3",
-    "@pmmmwh/react-refresh-webpack-plugin": "0.5.0-rc.2",
+    "@babel/runtime": "7.15.4",
+    "@babel/runtime-corejs3": "7.15.4",
+    "@commercetools-frontend/application-config": "20.10.4",
+    "@commercetools-frontend/assets": "20.10.1",
+    "@commercetools-frontend/babel-preset-mc-app": "20.10.4",
+    "@commercetools-frontend/mc-dev-authentication": "20.10.3",
+    "@commercetools-frontend/mc-html-template": "20.10.4",
+    "@pmmmwh/react-refresh-webpack-plugin": "0.5.1",
     "@svgr/webpack": "5.5.0",
-    "autoprefixer": "10.3.1",
-    "babel-loader": "8.2.2",
-    "browserslist": "4.16.7",
-    "core-js": "3.16.0",
+    "autoprefixer": "10.3.7",
+    "babel-loader": "8.2.3",
+    "browserslist": "4.17.5",
+    "core-js": "3.19.0",
     "css-loader": "5.2.7",
-    "css-minimizer-webpack-plugin": "3.0.2",
+    "css-minimizer-webpack-plugin": "3.1.1",
     "dotenv": "10.0.0",
     "dotenv-expand": "5.1.0",
     "fs-extra": "10.0.0",
     "graphql-tag": "^2.11.0",
-    "html-webpack-plugin": "5.3.2",
+    "html-webpack-plugin": "5.5.0",
     "json-loader": "0.5.7",
     "mini-css-extract-plugin": "1.6.2",
     "moment-locales-webpack-plugin": "1.2.0",
-    "mri": "1.1.6",
-    "postcss": "8.3.6",
+    "mri": "1.2.0",
+    "postcss": "8.3.11",
     "postcss-color-mod-function": "3.0.3",
     "postcss-custom-media": "8.0.0",
     "postcss-custom-properties": "11.0.0",
     "postcss-import": "14.0.2",
-    "postcss-loader": "6.1.1",
-    "postcss-reporter": "7.0.2",
+    "postcss-loader": "6.2.0",
+    "postcss-reporter": "7.0.4",
     "react-dev-utils": "11.0.4",
     "react-refresh": "0.10.0",
     "serve-handler": "6.1.3",
     "shelljs": "0.8.4",
-    "style-loader": "3.2.1",
+    "style-loader": "3.3.1",
     "svg-url-loader": "7.1.1",
-    "terser-webpack-plugin": "5.1.4",
+    "terser-webpack-plugin": "5.2.4",
     "thread-loader": "3.0.4",
-    "webpack": "5.48.0",
-    "webpack-bundle-analyzer": "4.4.2",
-    "webpack-dev-server": "4.0.0-rc.0",
+    "webpack": "5.60.0",
+    "webpack-bundle-analyzer": "4.5.0",
+    "webpack-dev-server": "4.3.1",
     "webpackbar": "5.0.0-3"
   },
   "devDependencies": {
-    "@babel/plugin-transform-runtime": "7.14.5",
-    "@babel/preset-env": "7.14.9"
+    "@babel/plugin-transform-runtime": "7.15.8",
+    "@babel/preset-env": "7.15.8"
   },
   "engines": {
     "node": ">=12 || >=14"