@commercetools-frontend/mc-scripts 20.9.4 → 20.10.6

package/build/commands/compile-html.js

@@ -67,14 +67,16 @@ const generateStatic = async () => {
 
   if (flags.transformer) {
     try {
-      require.resolve(flags.transformer);
+      const transformerPath = require.resolve(flags.transformer, {
+        paths: [appDirectory]
+      });
+
+      const transformerFn = require(transformerPath);
+
+      transformerFn(compiled);
     } catch (error) {
       throw new Error(`Could not load transformer module "${flags.transformer}"\n${error.stack}`);
     }
-
-    const transformerFn = require(flags.transformer);
-
-    transformerFn(compiled);
   } else {
     console.log(JSON.stringify(compiled.headers));
   }

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.4",
+  "version": "20.10.6",
   "description": "Configuration and scripts for developing a MC application",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -11,72 +11,69 @@
   "homepage": "https://docs.commercetools.com/custom-applications",
   "keywords": ["javascript", "frontend", "react", "toolkit"],
   "license": "MIT",
-  "private": false,
   "publishConfig": {
     "access": "public"
   },
   "main": "./build/index.js",
   "files": ["build", "config", "package.json", "LICENSE", "README.md"],
-  "bin": {
-    "mc-scripts": "./bin/mc-scripts.js"
-  },
+  "bin": "./bin/cli.js",
   "browserslist": {
     "production": [">1%", "not op_mini all", "not dead"],
     "development": ["last 2 firefox versions", "last 2 chrome versions"]
   },
   "scripts": {
-    "prebuild": "rimraf build/**",
-    "build": "babel src --out-dir build",
+    "build": "rimraf build && babel src --out-dir build",
     "build:bundles:watch": "yarn build -w"
   },
   "dependencies": {
-    "@babel/runtime": "7.14.8",
-    "@babel/runtime-corejs3": "7.14.9",
-    "@commercetools-frontend/application-config": "20.9.4",
-    "@commercetools-frontend/assets": "20.8.0",
-    "@commercetools-frontend/babel-preset-mc-app": "20.9.4",
-    "@commercetools-frontend/mc-dev-authentication": "19.0.0",
-    "@commercetools-frontend/mc-html-template": "20.9.4",
-    "@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.6",
+    "@commercetools-frontend/assets": "20.10.6",
+    "@commercetools-frontend/babel-preset-mc-app": "20.10.6",
+    "@commercetools-frontend/mc-dev-authentication": "20.10.6",
+    "@commercetools-frontend/mc-html-template": "20.10.6",
+    "@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.1",
+    "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.49.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.15.0",
-    "@babel/preset-env": "7.15.0"
+    "@babel/plugin-transform-runtime": "7.15.8",
+    "@babel/preset-env": "7.15.8",
+    "rimraf": "3.0.2"
   },
   "engines": {
     "node": ">=12 || >=14"