@commercetools-frontend/create-mc-app 21.21.0 → 21.21.2

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @commercetools-frontend/create-mc-app
 
+## 21.21.2
+
+## 21.21.1
+
+### Patch Changes
+
+- [#2881](https://github.com/commercetools/merchant-center-application-kit/pull/2881) [`e3ffe6c11`](https://github.com/commercetools/merchant-center-application-kit/commit/e3ffe6c11ff993296028219ab8c45562dc294963) Thanks [@emmenko](https://github.com/emmenko)! - Ensure the latest App Kit release is used in the template projects.
+
+- [#2881](https://github.com/commercetools/merchant-center-application-kit/pull/2881) [`e3ffe6c11`](https://github.com/commercetools/merchant-center-application-kit/commit/e3ffe6c11ff993296028219ab8c45562dc294963) Thanks [@emmenko](https://github.com/emmenko)! - Use `workspace:` version syntax for link workspace packages
+
 ## 21.21.0
 
 ## 21.20.5

package/dist/commercetools-frontend-create-mc-app.cjs.dev.js

@@ -18,6 +18,16 @@ var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
 var semver = require('semver');
 var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
+var _Object$entries = require('@babel/runtime-corejs3/core-js-stable/object/entries');
 var _Object$assign = require('@babel/runtime-corejs3/core-js-stable/object/assign');
 var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 var rcfile = require('rcfile');
@@ -43,6 +53,14 @@ var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
 var semver__default = /*#__PURE__*/_interopDefault(semver);
 var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
 var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
+var _Object$entries__default = /*#__PURE__*/_interopDefault(_Object$entries);
 var _Object$assign__default = /*#__PURE__*/_interopDefault(_Object$assign);
 var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
 var rcfile__default = /*#__PURE__*/_interopDefault(rcfile);
@@ -337,7 +355,25 @@ function installDependencies(options) {
   };
 }
 
-function updatePackageJson(options) {
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+
+var replaceApplicationKitPackageVersionWith = function replaceApplicationKitPackageVersionWith(releaseVersion) {
+  var _context;
+
+  var dependencies = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return _reduceInstanceProperty__default["default"](_context = _Object$entries__default["default"](dependencies)).call(_context, function (updatedDependencies, _ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+        dependencyName = _ref2[0],
+        dependencyVersion = _ref2[1];
+
+    var updatedVersion = dependencyVersion === 'workspace:*' ? releaseVersion : dependencyVersion;
+    return _objectSpread(_objectSpread({}, updatedDependencies), {}, _defineProperty({}, dependencyName, updatedVersion));
+  }, {});
+};
+
+function updatePackageJson(options, releaseVersion) {
   return {
     title: 'Updating package.json',
     task: function task() {
@@ -353,7 +389,10 @@ function updatePackageJson(options) {
         // The `projectDirectoryName` should not have restrictions (e.g. no `_`)
         // as a result the package name potentially needs to be altered when derived.
         name: slugify(options.projectDirectoryName),
-        description: ''
+        description: '',
+        // Replace the package versions with the `workspace:` syntax to the real version.
+        dependencies: replaceApplicationKitPackageVersionWith(releaseVersion, appPackageJson.dependencies),
+        devDependencies: replaceApplicationKitPackageVersionWith(releaseVersion, appPackageJson.devDependencies)
       });
 
       fs__default["default"].writeFileSync(packageJsonPath, _JSON$stringify__default["default"](updatedAppPackageJson, null, 2) + os__default["default"].EOL, {
@@ -460,56 +499,51 @@ function updateApplicationConstants(options) {
   };
 }
 
-function hintOutdatedVersion(_x) {
-  return _hintOutdatedVersion.apply(this, arguments);
+function getLatestReleaseVersion() {
+  return _getLatestReleaseVersion.apply(this, arguments);
 }
 
-function _hintOutdatedVersion() {
-  _hintOutdatedVersion = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(currentVersion) {
-    var _context, commandResult, packageInfoForTagLatest, hasBeenReleastedInLatestTag, hintNewerVersions, _context2;
-
-    return _regeneratorRuntime__default["default"].wrap(function _callee$(_context3) {
+function _getLatestReleaseVersion() {
+  _getLatestReleaseVersion = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
+    var commandResult, packageInfoForTagLatest;
+    return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
       while (1) {
-        switch (_context3.prev = _context3.next) {
+        switch (_context.prev = _context.next) {
           case 0:
-            _context3.prev = 0;
-            _context3.next = 3;
+            _context.next = 2;
             return execa__default["default"].command('npm view @commercetools-frontend/create-mc-app --json', {
               encoding: 'utf-8'
             });
 
-          case 3:
-            commandResult = _context3.sent;
+          case 2:
+            commandResult = _context.sent;
             packageInfoForTagLatest = JSON.parse(commandResult.stdout);
-            hasBeenReleastedInLatestTag = semver__default["default"].gt(packageInfoForTagLatest.version, currentVersion);
-            hintNewerVersions = _filterInstanceProperty__default["default"](_context = [hasBeenReleastedInLatestTag && "".concat(packageInfoForTagLatest.version)]).call(_context, Boolean).join(', ');
-
-            if (hintNewerVersions.length > 0) {
-              console.log('');
-              console.log(_concatInstanceProperty__default["default"](_context2 = "New version available! ".concat(currentVersion, " -> ")).call(_context2, hintNewerVersions));
-              console.log('');
-            }
-
-            _context3.next = 13;
-            break;
+            return _context.abrupt("return", packageInfoForTagLatest.version);
 
-          case 10:
-            _context3.prev = 10;
-            _context3.t0 = _context3["catch"](0);
-
-            // Ignore errors, as this function should not affect the exit code of the command
-            if (process.env.NODE_ENV === 'test') {
-              console.error(_context3.t0);
-            }
-
-          case 13:
+          case 5:
           case "end":
-            return _context3.stop();
+            return _context.stop();
         }
       }
-    }, _callee, null, [[0, 10]]);
+    }, _callee);
   }));
-  return _hintOutdatedVersion.apply(this, arguments);
+  return _getLatestReleaseVersion.apply(this, arguments);
+}
+
+function hintOutdatedVersion(currentVersion, releaseVersion) {
+  var _context;
+
+  var hasBeenReleastedInLatestTag = semver__default["default"].gt(releaseVersion, currentVersion);
+
+  var hintNewerVersions = _filterInstanceProperty__default["default"](_context = [hasBeenReleastedInLatestTag && "".concat(releaseVersion)]).call(_context, Boolean).join(', ');
+
+  if (hintNewerVersions.length > 0) {
+    var _context2;
+
+    console.log('');
+    console.log(_concatInstanceProperty__default["default"](_context2 = "New version available! ".concat(currentVersion, " -> ")).call(_context2, hintNewerVersions));
+    console.log('');
+  }
 }
 
 var question = function question(rl, value) {
@@ -665,7 +699,7 @@ function _processOptions() {
 
 var pkgJson = {
 	name: "@commercetools-frontend/create-mc-app",
-	version: "21.21.0",
+	version: "21.21.2",
 	description: "Create Merchant Center applications to quickly get up and running",
 	bugs: "https://github.com/commercetools/merchant-center-application-kit/issues",
 	repository: {
@@ -726,7 +760,7 @@ var run = function run() {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(projectDirectory, options) {
       var _context;
 
-      var taskOptions, taskList, useYarn;
+      var releaseVersion, taskOptions, taskList, useYarn;
       return _regeneratorRuntime__default["default"].wrap(function _callee$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
@@ -741,22 +775,24 @@ var run = function run() {
 
             case 3:
               _context2.next = 5;
-              return hintOutdatedVersion(pkgJson.version);
+              return getLatestReleaseVersion();
 
             case 5:
+              releaseVersion = _context2.sent;
+              hintOutdatedVersion(pkgJson.version, releaseVersion);
               console.log('');
               console.log("Documentation available at https://docs.commercetools.com/custom-applications");
               console.log('');
-              _context2.next = 10;
+              _context2.next = 12;
               return processOptions(projectDirectory, options);
 
-            case 10:
+            case 12:
               taskOptions = _context2.sent;
-              taskList = new listr2.Listr(_filterInstanceProperty__default["default"](_context = [downloadTemplate(taskOptions), updatePackageJson(taskOptions), updateCustomApplicationConfig(taskOptions), updateApplicationConstants(taskOptions), !options.skipInstall && installDependencies(taskOptions)]).call(_context, Boolean));
-              _context2.next = 14;
+              taskList = new listr2.Listr(_filterInstanceProperty__default["default"](_context = [downloadTemplate(taskOptions), updatePackageJson(taskOptions, releaseVersion), updateCustomApplicationConfig(taskOptions), updateApplicationConstants(taskOptions), !options.skipInstall && installDependencies(taskOptions)]).call(_context, Boolean));
+              _context2.next = 16;
               return taskList.run();
 
-            case 14:
+            case 16:
               useYarn = shouldUseYarn();
               console.log('');
               console.log("\uD83C\uDF89 \uD83C\uDF89 \uD83C\uDF89 The Custom Application has been created in the \"".concat(taskOptions.projectDirectoryName, "\" folder."));
@@ -772,7 +808,7 @@ var run = function run() {
               console.log('');
               console.log("Visit https://docs.commercetools.com/custom-applications for more info about developing Custom Applications. Enjoy \uD83D\uDE80");
 
-            case 24:
+            case 26:
             case "end":
               return _context2.stop();
           }

package/dist/commercetools-frontend-create-mc-app.cjs.prod.js

@@ -18,6 +18,16 @@ var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
 var semver = require('semver');
 var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
+var _Object$entries = require('@babel/runtime-corejs3/core-js-stable/object/entries');
 var _Object$assign = require('@babel/runtime-corejs3/core-js-stable/object/assign');
 var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 var rcfile = require('rcfile');
@@ -43,6 +53,14 @@ var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
 var semver__default = /*#__PURE__*/_interopDefault(semver);
 var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
 var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
+var _Object$entries__default = /*#__PURE__*/_interopDefault(_Object$entries);
 var _Object$assign__default = /*#__PURE__*/_interopDefault(_Object$assign);
 var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
 var rcfile__default = /*#__PURE__*/_interopDefault(rcfile);
@@ -337,7 +355,25 @@ function installDependencies(options) {
   };
 }
 
-function updatePackageJson(options) {
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+
+var replaceApplicationKitPackageVersionWith = function replaceApplicationKitPackageVersionWith(releaseVersion) {
+  var _context;
+
+  var dependencies = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return _reduceInstanceProperty__default["default"](_context = _Object$entries__default["default"](dependencies)).call(_context, function (updatedDependencies, _ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+        dependencyName = _ref2[0],
+        dependencyVersion = _ref2[1];
+
+    var updatedVersion = dependencyVersion === 'workspace:*' ? releaseVersion : dependencyVersion;
+    return _objectSpread(_objectSpread({}, updatedDependencies), {}, _defineProperty({}, dependencyName, updatedVersion));
+  }, {});
+};
+
+function updatePackageJson(options, releaseVersion) {
   return {
     title: 'Updating package.json',
     task: function task() {
@@ -353,7 +389,10 @@ function updatePackageJson(options) {
         // The `projectDirectoryName` should not have restrictions (e.g. no `_`)
         // as a result the package name potentially needs to be altered when derived.
         name: slugify(options.projectDirectoryName),
-        description: ''
+        description: '',
+        // Replace the package versions with the `workspace:` syntax to the real version.
+        dependencies: replaceApplicationKitPackageVersionWith(releaseVersion, appPackageJson.dependencies),
+        devDependencies: replaceApplicationKitPackageVersionWith(releaseVersion, appPackageJson.devDependencies)
       });
 
       fs__default["default"].writeFileSync(packageJsonPath, _JSON$stringify__default["default"](updatedAppPackageJson, null, 2) + os__default["default"].EOL, {
@@ -460,51 +499,51 @@ function updateApplicationConstants(options) {
   };
 }
 
-function hintOutdatedVersion(_x) {
-  return _hintOutdatedVersion.apply(this, arguments);
+function getLatestReleaseVersion() {
+  return _getLatestReleaseVersion.apply(this, arguments);
 }
 
-function _hintOutdatedVersion() {
-  _hintOutdatedVersion = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(currentVersion) {
-    var _context, commandResult, packageInfoForTagLatest, hasBeenReleastedInLatestTag, hintNewerVersions, _context2;
-
-    return _regeneratorRuntime__default["default"].wrap(function _callee$(_context3) {
+function _getLatestReleaseVersion() {
+  _getLatestReleaseVersion = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
+    var commandResult, packageInfoForTagLatest;
+    return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
       while (1) {
-        switch (_context3.prev = _context3.next) {
+        switch (_context.prev = _context.next) {
           case 0:
-            _context3.prev = 0;
-            _context3.next = 3;
+            _context.next = 2;
             return execa__default["default"].command('npm view @commercetools-frontend/create-mc-app --json', {
               encoding: 'utf-8'
             });
 
-          case 3:
-            commandResult = _context3.sent;
+          case 2:
+            commandResult = _context.sent;
             packageInfoForTagLatest = JSON.parse(commandResult.stdout);
-            hasBeenReleastedInLatestTag = semver__default["default"].gt(packageInfoForTagLatest.version, currentVersion);
-            hintNewerVersions = _filterInstanceProperty__default["default"](_context = [hasBeenReleastedInLatestTag && "".concat(packageInfoForTagLatest.version)]).call(_context, Boolean).join(', ');
-
-            if (hintNewerVersions.length > 0) {
-              console.log('');
-              console.log(_concatInstanceProperty__default["default"](_context2 = "New version available! ".concat(currentVersion, " -> ")).call(_context2, hintNewerVersions));
-              console.log('');
-            }
+            return _context.abrupt("return", packageInfoForTagLatest.version);
 
-            _context3.next = 13;
-            break;
-
-          case 10:
-            _context3.prev = 10;
-            _context3.t0 = _context3["catch"](0);
-
-          case 13:
+          case 5:
           case "end":
-            return _context3.stop();
+            return _context.stop();
         }
       }
-    }, _callee, null, [[0, 10]]);
+    }, _callee);
   }));
-  return _hintOutdatedVersion.apply(this, arguments);
+  return _getLatestReleaseVersion.apply(this, arguments);
+}
+
+function hintOutdatedVersion(currentVersion, releaseVersion) {
+  var _context;
+
+  var hasBeenReleastedInLatestTag = semver__default["default"].gt(releaseVersion, currentVersion);
+
+  var hintNewerVersions = _filterInstanceProperty__default["default"](_context = [hasBeenReleastedInLatestTag && "".concat(releaseVersion)]).call(_context, Boolean).join(', ');
+
+  if (hintNewerVersions.length > 0) {
+    var _context2;
+
+    console.log('');
+    console.log(_concatInstanceProperty__default["default"](_context2 = "New version available! ".concat(currentVersion, " -> ")).call(_context2, hintNewerVersions));
+    console.log('');
+  }
 }
 
 var question = function question(rl, value) {
@@ -660,7 +699,7 @@ function _processOptions() {
 
 var pkgJson = {
 	name: "@commercetools-frontend/create-mc-app",
-	version: "21.21.0",
+	version: "21.21.2",
 	description: "Create Merchant Center applications to quickly get up and running",
 	bugs: "https://github.com/commercetools/merchant-center-application-kit/issues",
 	repository: {
@@ -721,7 +760,7 @@ var run = function run() {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(projectDirectory, options) {
       var _context;
 
-      var taskOptions, taskList, useYarn;
+      var releaseVersion, taskOptions, taskList, useYarn;
       return _regeneratorRuntime__default["default"].wrap(function _callee$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
@@ -736,22 +775,24 @@ var run = function run() {
 
             case 3:
               _context2.next = 5;
-              return hintOutdatedVersion(pkgJson.version);
+              return getLatestReleaseVersion();
 
             case 5:
+              releaseVersion = _context2.sent;
+              hintOutdatedVersion(pkgJson.version, releaseVersion);
               console.log('');
               console.log("Documentation available at https://docs.commercetools.com/custom-applications");
               console.log('');
-              _context2.next = 10;
+              _context2.next = 12;
               return processOptions(projectDirectory, options);
 
-            case 10:
+            case 12:
               taskOptions = _context2.sent;
-              taskList = new listr2.Listr(_filterInstanceProperty__default["default"](_context = [downloadTemplate(taskOptions), updatePackageJson(taskOptions), updateCustomApplicationConfig(taskOptions), updateApplicationConstants(taskOptions), !options.skipInstall && installDependencies(taskOptions)]).call(_context, Boolean));
-              _context2.next = 14;
+              taskList = new listr2.Listr(_filterInstanceProperty__default["default"](_context = [downloadTemplate(taskOptions), updatePackageJson(taskOptions, releaseVersion), updateCustomApplicationConfig(taskOptions), updateApplicationConstants(taskOptions), !options.skipInstall && installDependencies(taskOptions)]).call(_context, Boolean));
+              _context2.next = 16;
               return taskList.run();
 
-            case 14:
+            case 16:
               useYarn = shouldUseYarn();
               console.log('');
               console.log("\uD83C\uDF89 \uD83C\uDF89 \uD83C\uDF89 The Custom Application has been created in the \"".concat(taskOptions.projectDirectoryName, "\" folder."));
@@ -767,7 +808,7 @@ var run = function run() {
               console.log('');
               console.log("Visit https://docs.commercetools.com/custom-applications for more info about developing Custom Applications. Enjoy \uD83D\uDE80");
 
-            case 24:
+            case 26:
             case "end":
               return _context2.stop();
           }

package/dist/commercetools-frontend-create-mc-app.esm.js

@@ -14,6 +14,16 @@ import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
 import semver from 'semver';
 import _sliceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/slice';
 import _findInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/find';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
+import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
+import _reduceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/reduce';
+import _Object$entries from '@babel/runtime-corejs3/core-js-stable/object/entries';
 import _Object$assign from '@babel/runtime-corejs3/core-js-stable/object/assign';
 import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringify';
 import rcfile from 'rcfile';
@@ -309,7 +319,25 @@ function installDependencies(options) {
   };
 }
 
-function updatePackageJson(options) {
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var replaceApplicationKitPackageVersionWith = function replaceApplicationKitPackageVersionWith(releaseVersion) {
+  var _context;
+
+  var dependencies = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return _reduceInstanceProperty(_context = _Object$entries(dependencies)).call(_context, function (updatedDependencies, _ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+        dependencyName = _ref2[0],
+        dependencyVersion = _ref2[1];
+
+    var updatedVersion = dependencyVersion === 'workspace:*' ? releaseVersion : dependencyVersion;
+    return _objectSpread(_objectSpread({}, updatedDependencies), {}, _defineProperty({}, dependencyName, updatedVersion));
+  }, {});
+};
+
+function updatePackageJson(options, releaseVersion) {
   return {
     title: 'Updating package.json',
     task: function task() {
@@ -325,7 +353,10 @@ function updatePackageJson(options) {
         // The `projectDirectoryName` should not have restrictions (e.g. no `_`)
         // as a result the package name potentially needs to be altered when derived.
         name: slugify(options.projectDirectoryName),
-        description: ''
+        description: '',
+        // Replace the package versions with the `workspace:` syntax to the real version.
+        dependencies: replaceApplicationKitPackageVersionWith(releaseVersion, appPackageJson.dependencies),
+        devDependencies: replaceApplicationKitPackageVersionWith(releaseVersion, appPackageJson.devDependencies)
       });
 
       fs.writeFileSync(packageJsonPath, _JSON$stringify(updatedAppPackageJson, null, 2) + os.EOL, {
@@ -432,56 +463,51 @@ function updateApplicationConstants(options) {
   };
 }
 
-function hintOutdatedVersion(_x) {
-  return _hintOutdatedVersion.apply(this, arguments);
+function getLatestReleaseVersion() {
+  return _getLatestReleaseVersion.apply(this, arguments);
 }
 
-function _hintOutdatedVersion() {
-  _hintOutdatedVersion = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(currentVersion) {
-    var _context, commandResult, packageInfoForTagLatest, hasBeenReleastedInLatestTag, hintNewerVersions, _context2;
-
-    return _regeneratorRuntime.wrap(function _callee$(_context3) {
+function _getLatestReleaseVersion() {
+  _getLatestReleaseVersion = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var commandResult, packageInfoForTagLatest;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) {
-        switch (_context3.prev = _context3.next) {
+        switch (_context.prev = _context.next) {
           case 0:
-            _context3.prev = 0;
-            _context3.next = 3;
+            _context.next = 2;
             return execa.command('npm view @commercetools-frontend/create-mc-app --json', {
               encoding: 'utf-8'
             });
 
-          case 3:
-            commandResult = _context3.sent;
+          case 2:
+            commandResult = _context.sent;
             packageInfoForTagLatest = JSON.parse(commandResult.stdout);
-            hasBeenReleastedInLatestTag = semver.gt(packageInfoForTagLatest.version, currentVersion);
-            hintNewerVersions = _filterInstanceProperty(_context = [hasBeenReleastedInLatestTag && "".concat(packageInfoForTagLatest.version)]).call(_context, Boolean).join(', ');
-
-            if (hintNewerVersions.length > 0) {
-              console.log('');
-              console.log(_concatInstanceProperty(_context2 = "New version available! ".concat(currentVersion, " -> ")).call(_context2, hintNewerVersions));
-              console.log('');
-            }
-
-            _context3.next = 13;
-            break;
+            return _context.abrupt("return", packageInfoForTagLatest.version);
 
-          case 10:
-            _context3.prev = 10;
-            _context3.t0 = _context3["catch"](0);
-
-            // Ignore errors, as this function should not affect the exit code of the command
-            if (process.env.NODE_ENV === 'test') {
-              console.error(_context3.t0);
-            }
-
-          case 13:
+          case 5:
           case "end":
-            return _context3.stop();
+            return _context.stop();
         }
       }
-    }, _callee, null, [[0, 10]]);
+    }, _callee);
   }));
-  return _hintOutdatedVersion.apply(this, arguments);
+  return _getLatestReleaseVersion.apply(this, arguments);
+}
+
+function hintOutdatedVersion(currentVersion, releaseVersion) {
+  var _context;
+
+  var hasBeenReleastedInLatestTag = semver.gt(releaseVersion, currentVersion);
+
+  var hintNewerVersions = _filterInstanceProperty(_context = [hasBeenReleastedInLatestTag && "".concat(releaseVersion)]).call(_context, Boolean).join(', ');
+
+  if (hintNewerVersions.length > 0) {
+    var _context2;
+
+    console.log('');
+    console.log(_concatInstanceProperty(_context2 = "New version available! ".concat(currentVersion, " -> ")).call(_context2, hintNewerVersions));
+    console.log('');
+  }
 }
 
 var question = function question(rl, value) {
@@ -637,7 +663,7 @@ function _processOptions() {
 
 var pkgJson = {
 	name: "@commercetools-frontend/create-mc-app",
-	version: "21.21.0",
+	version: "21.21.2",
 	description: "Create Merchant Center applications to quickly get up and running",
 	bugs: "https://github.com/commercetools/merchant-center-application-kit/issues",
 	repository: {
@@ -698,7 +724,7 @@ var run = function run() {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(projectDirectory, options) {
       var _context;
 
-      var taskOptions, taskList, useYarn;
+      var releaseVersion, taskOptions, taskList, useYarn;
       return _regeneratorRuntime.wrap(function _callee$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
@@ -713,22 +739,24 @@ var run = function run() {
 
             case 3:
               _context2.next = 5;
-              return hintOutdatedVersion(pkgJson.version);
+              return getLatestReleaseVersion();
 
             case 5:
+              releaseVersion = _context2.sent;
+              hintOutdatedVersion(pkgJson.version, releaseVersion);
               console.log('');
               console.log("Documentation available at https://docs.commercetools.com/custom-applications");
               console.log('');
-              _context2.next = 10;
+              _context2.next = 12;
               return processOptions(projectDirectory, options);
 
-            case 10:
+            case 12:
               taskOptions = _context2.sent;
-              taskList = new Listr(_filterInstanceProperty(_context = [downloadTemplate(taskOptions), updatePackageJson(taskOptions), updateCustomApplicationConfig(taskOptions), updateApplicationConstants(taskOptions), !options.skipInstall && installDependencies(taskOptions)]).call(_context, Boolean));
-              _context2.next = 14;
+              taskList = new Listr(_filterInstanceProperty(_context = [downloadTemplate(taskOptions), updatePackageJson(taskOptions, releaseVersion), updateCustomApplicationConfig(taskOptions), updateApplicationConstants(taskOptions), !options.skipInstall && installDependencies(taskOptions)]).call(_context, Boolean));
+              _context2.next = 16;
               return taskList.run();
 
-            case 14:
+            case 16:
               useYarn = shouldUseYarn();
               console.log('');
               console.log("\uD83C\uDF89 \uD83C\uDF89 \uD83C\uDF89 The Custom Application has been created in the \"".concat(taskOptions.projectDirectoryName, "\" folder."));
@@ -744,7 +772,7 @@ var run = function run() {
               console.log('');
               console.log("Visit https://docs.commercetools.com/custom-applications for more info about developing Custom Applications. Enjoy \uD83D\uDE80");
 
-            case 24:
+            case 26:
             case "end":
               return _context2.stop();
           }

package/dist/declarations/src/get-latest-release-version.d.ts

@@ -0,0 +1,2 @@
+declare function getLatestReleaseVersion(): Promise<string>;
+export default getLatestReleaseVersion;

package/dist/declarations/src/hint-outdated-version.d.ts

@@ -1,2 +1,2 @@
-declare function hintOutdatedVersion(currentVersion: string): Promise<void>;
+declare function hintOutdatedVersion(currentVersion: string, releaseVersion: string): void;
 export default hintOutdatedVersion;

package/dist/declarations/src/tasks/update-package-json.d.ts

@@ -1,4 +1,4 @@
 import type { ListrTask } from 'listr2';
 import type { TCliTaskOptions } from '../types';
-declare function updatePackageJson(options: TCliTaskOptions): ListrTask;
+declare function updatePackageJson(options: TCliTaskOptions, releaseVersion: string): ListrTask;
 export default updatePackageJson;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/create-mc-app",
-  "version": "21.21.0",
+  "version": "21.21.2",
   "description": "Create Merchant Center applications to quickly get up and running",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {

package/src/cli.ts

@@ -3,6 +3,7 @@ import { Listr, type ListrTask } from 'listr2';
 import * as tasks from './tasks';
 import { throwIfNodeVersionIsNotSupported } from './validations';
 import { shouldUseYarn } from './utils';
+import getLatestReleaseVersion from './get-latest-release-version';
 import hintOutdatedVersion from './hint-outdated-version';
 import processOptions from './process-options';
 import type { TCliCommandOptions } from './types';
@@ -60,7 +61,9 @@ const run = () => {
         return;
       }
 
-      await hintOutdatedVersion(pkgJson.version);
+      const releaseVersion = await getLatestReleaseVersion();
+
+      hintOutdatedVersion(pkgJson.version, releaseVersion);
 
       console.log('');
       console.log(
@@ -73,7 +76,7 @@ const run = () => {
       const taskList = new Listr(
         [
           tasks.downloadTemplate(taskOptions),
-          tasks.updatePackageJson(taskOptions),
+          tasks.updatePackageJson(taskOptions, releaseVersion),
           tasks.updateCustomApplicationConfig(taskOptions),
           tasks.updateApplicationConstants(taskOptions),
           !options.skipInstall && tasks.installDependencies(taskOptions),

package/src/get-latest-release-version.ts

@@ -0,0 +1,15 @@
+import execa from 'execa';
+
+async function getLatestReleaseVersion() {
+  const commandResult = await execa.command(
+    'npm view @commercetools-frontend/create-mc-app --json',
+    { encoding: 'utf-8' }
+  );
+
+  const packageInfoForTagLatest = JSON.parse(commandResult.stdout) as {
+    version: string;
+  };
+  return packageInfoForTagLatest.version;
+}
+
+export default getLatestReleaseVersion;

package/src/hint-outdated-version.ts

@@ -1,38 +1,18 @@
 import semver from 'semver';
-import execa from 'execa';
 
-async function hintOutdatedVersion(currentVersion: string) {
-  try {
-    const commandResult = await execa.command(
-      'npm view @commercetools-frontend/create-mc-app --json',
-      { encoding: 'utf-8' }
-    );
+function hintOutdatedVersion(currentVersion: string, releaseVersion: string) {
+  const hasBeenReleastedInLatestTag = semver.gt(releaseVersion, currentVersion);
 
-    const packageInfoForTagLatest = JSON.parse(commandResult.stdout);
+  const hintNewerVersions = [hasBeenReleastedInLatestTag && `${releaseVersion}`]
+    .filter(Boolean)
+    .join(', ');
 
-    const hasBeenReleastedInLatestTag = semver.gt(
-      packageInfoForTagLatest.version,
-      currentVersion
+  if (hintNewerVersions.length > 0) {
+    console.log('');
+    console.log(
+      `New version available! ${currentVersion} -> ${hintNewerVersions}`
     );
-
-    const hintNewerVersions = [
-      hasBeenReleastedInLatestTag && `${packageInfoForTagLatest.version}`,
-    ]
-      .filter(Boolean)
-      .join(', ');
-
-    if (hintNewerVersions.length > 0) {
-      console.log('');
-      console.log(
-        `New version available! ${currentVersion} -> ${hintNewerVersions}`
-      );
-      console.log('');
-    }
-  } catch (error) {
-    // Ignore errors, as this function should not affect the exit code of the command
-    if (process.env.NODE_ENV === 'test') {
-      console.error(error);
-    }
+    console.log('');
   }
 }
 

package/src/tasks/update-package-json.ts

@@ -5,7 +5,28 @@ import type { ListrTask } from 'listr2';
 import { slugify } from '../utils';
 import type { TCliTaskOptions } from '../types';
 
-function updatePackageJson(options: TCliTaskOptions): ListrTask {
+const replaceApplicationKitPackageVersionWith = (
+  releaseVersion: string,
+  dependencies: Record<string, string> = {}
+) =>
+  Object.entries(dependencies).reduce(
+    (updatedDependencies, [dependencyName, dependencyVersion]) => {
+      const updatedVersion =
+        dependencyVersion === 'workspace:*'
+          ? releaseVersion
+          : dependencyVersion;
+      return {
+        ...updatedDependencies,
+        [dependencyName]: updatedVersion,
+      };
+    },
+    {}
+  );
+
+function updatePackageJson(
+  options: TCliTaskOptions,
+  releaseVersion: string
+): ListrTask {
   return {
     title: 'Updating package.json',
     task: () => {
@@ -25,6 +46,15 @@ function updatePackageJson(options: TCliTaskOptions): ListrTask {
         // as a result the package name potentially needs to be altered when derived.
         name: slugify(options.projectDirectoryName),
         description: '',
+        // Replace the package versions with the `workspace:` syntax to the real version.
+        dependencies: replaceApplicationKitPackageVersionWith(
+          releaseVersion,
+          appPackageJson.dependencies
+        ),
+        devDependencies: replaceApplicationKitPackageVersionWith(
+          releaseVersion,
+          appPackageJson.devDependencies
+        ),
       });
 
       fs.writeFileSync(