@commercetools-frontend/create-mc-app 24.0.0 → 24.2.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @commercetools-frontend/create-mc-app
 
+## 24.2.0
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @commercetools-frontend/application-config@24.2.0
+
+## 24.1.0
+
+### Minor Changes
+
+- [#3771](https://github.com/commercetools/merchant-center-application-kit/pull/3771) [`23e0e7d`](https://github.com/commercetools/merchant-center-application-kit/commit/23e0e7d3d89aef129203b9c8539ff3b1d06e6f7c) Thanks [@mustafaasif2](https://github.com/mustafaasif2)! - Fix compatibility issues with Yarn 3 and Yarn 4 in starter templates by configuring nodeLinker to use node-modules.
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @commercetools-frontend/application-config@24.1.0
+
 ## 24.0.0
 
 ### Major Changes

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

@@ -13,6 +13,7 @@ var crypto = require('node:crypto');
 var path = require('node:path');
 var readline = require('node:readline');
 var applicationConfig = require('@commercetools-frontend/application-config');
+var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
 var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
@@ -47,6 +48,7 @@ var _startsWithInstanceProperty__default = /*#__PURE__*/_interopDefault(_startsW
 var crypto__default = /*#__PURE__*/_interopDefault(crypto);
 var path__default = /*#__PURE__*/_interopDefault(path);
 var readline__default = /*#__PURE__*/_interopDefault(readline);
+var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
 var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
 var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
 var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
@@ -70,7 +72,7 @@ var prettier__default = /*#__PURE__*/_interopDefault(prettier);
 
 var pkgJson = {
 	name: "@commercetools-frontend/create-mc-app",
-	version: "24.0.0",
+	version: "24.2.0",
 	description: "Create Merchant Center applications to quickly get up and running",
 	bugs: "https://github.com/commercetools/merchant-center-application-kit/issues",
 	repository: {
@@ -96,7 +98,7 @@ var pkgJson = {
 		"@babel/core": "^7.22.17",
 		"@babel/runtime": "^7.22.15",
 		"@babel/runtime-corejs3": "^7.22.15",
-		"@commercetools-frontend/application-config": "^24.0.0",
+		"@commercetools-frontend/application-config": "^24.2.0",
 		"@types/babel__core": "^7.20.1",
 		"@types/semver": "^7.5.1",
 		commander: "^13.1.0",
@@ -161,6 +163,32 @@ const shouldUseYarn = () => {
     return false;
   }
 };
+const getYarnVersion = () => {
+  try {
+    var _context;
+    const result = execa__default["default"].commandSync('yarn --version', {
+      encoding: 'utf-8'
+    });
+    return _trimInstanceProperty__default["default"](_context = result.stdout).call(_context);
+  } catch (error) {
+    return null;
+  }
+};
+const configureYarn = projectDirectoryPath => {
+  const yarnVersion = getYarnVersion();
+  if (!yarnVersion) return;
+
+  // Check if Yarn version is 2 or higher. Plug'n'Play was introduced in Yarn v2
+  if (semver__default["default"].gte(yarnVersion, '2.0.0')) {
+    // Sanitize and resolve the path
+    const normalizedProjectPath = path__default["default"].resolve(projectDirectoryPath);
+
+    // Create .yarnrc.yml to use node_modules
+    const yarnrcPath = path__default["default"].join(normalizedProjectPath, '.yarnrc.yml');
+    const yarnrcContent = 'nodeLinker: "node-modules"';
+    fs__default["default"].writeFileSync(yarnrcPath, yarnrcContent);
+  }
+};
 const getPreferredPackageManager = options => {
   if (options.packageManager) {
     return options.packageManager;
@@ -184,12 +212,12 @@ const getInstallCommand = options => {
 const slugify = name => name.toLowerCase().replace(/_/gi, '-');
 const upperFirst = value => value.charAt(0).toUpperCase() + _sliceInstanceProperty__default["default"](value).call(value, 1);
 const wordify = slug => {
-  var _context;
-  return _mapInstanceProperty__default["default"](_context = slug.split('-')).call(_context, word => upperFirst(word)).join(' ');
+  var _context2;
+  return _mapInstanceProperty__default["default"](_context2 = slug.split('-')).call(_context2, word => upperFirst(word)).join(' ');
 };
 const resolveFilePathByExtension = requestedModule => {
-  var _context2;
-  const fileExtension = _findInstanceProperty__default["default"](_context2 = ['.js', '.ts', '.mjs', '.cjs']).call(_context2, ext => {
+  var _context3;
+  const fileExtension = _findInstanceProperty__default["default"](_context3 = ['.js', '.ts', '.mjs', '.cjs']).call(_context3, ext => {
     const filePath = `${requestedModule}${ext}`;
     return doesFileExist(filePath);
   });
@@ -392,6 +420,12 @@ function installDependencies(options) {
   return {
     title: 'Installing dependencies (this might take a while)',
     task: () => {
+      const packageManager = getPreferredPackageManager(options);
+
+      // Only configure Yarn if it's the selected package manager
+      if (packageManager === 'yarn') {
+        configureYarn(options.projectDirectoryPath);
+      }
       const installCommand = getInstallCommand(options);
 
       // TODO: we could check for min yarn/npm versions

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

@@ -13,6 +13,7 @@ var crypto = require('node:crypto');
 var path = require('node:path');
 var readline = require('node:readline');
 var applicationConfig = require('@commercetools-frontend/application-config');
+var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
 var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
@@ -47,6 +48,7 @@ var _startsWithInstanceProperty__default = /*#__PURE__*/_interopDefault(_startsW
 var crypto__default = /*#__PURE__*/_interopDefault(crypto);
 var path__default = /*#__PURE__*/_interopDefault(path);
 var readline__default = /*#__PURE__*/_interopDefault(readline);
+var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
 var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
 var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
 var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
@@ -70,7 +72,7 @@ var prettier__default = /*#__PURE__*/_interopDefault(prettier);
 
 var pkgJson = {
 	name: "@commercetools-frontend/create-mc-app",
-	version: "24.0.0",
+	version: "24.2.0",
 	description: "Create Merchant Center applications to quickly get up and running",
 	bugs: "https://github.com/commercetools/merchant-center-application-kit/issues",
 	repository: {
@@ -96,7 +98,7 @@ var pkgJson = {
 		"@babel/core": "^7.22.17",
 		"@babel/runtime": "^7.22.15",
 		"@babel/runtime-corejs3": "^7.22.15",
-		"@commercetools-frontend/application-config": "^24.0.0",
+		"@commercetools-frontend/application-config": "^24.2.0",
 		"@types/babel__core": "^7.20.1",
 		"@types/semver": "^7.5.1",
 		commander: "^13.1.0",
@@ -161,6 +163,32 @@ const shouldUseYarn = () => {
     return false;
   }
 };
+const getYarnVersion = () => {
+  try {
+    var _context;
+    const result = execa__default["default"].commandSync('yarn --version', {
+      encoding: 'utf-8'
+    });
+    return _trimInstanceProperty__default["default"](_context = result.stdout).call(_context);
+  } catch (error) {
+    return null;
+  }
+};
+const configureYarn = projectDirectoryPath => {
+  const yarnVersion = getYarnVersion();
+  if (!yarnVersion) return;
+
+  // Check if Yarn version is 2 or higher. Plug'n'Play was introduced in Yarn v2
+  if (semver__default["default"].gte(yarnVersion, '2.0.0')) {
+    // Sanitize and resolve the path
+    const normalizedProjectPath = path__default["default"].resolve(projectDirectoryPath);
+
+    // Create .yarnrc.yml to use node_modules
+    const yarnrcPath = path__default["default"].join(normalizedProjectPath, '.yarnrc.yml');
+    const yarnrcContent = 'nodeLinker: "node-modules"';
+    fs__default["default"].writeFileSync(yarnrcPath, yarnrcContent);
+  }
+};
 const getPreferredPackageManager = options => {
   if (options.packageManager) {
     return options.packageManager;
@@ -184,12 +212,12 @@ const getInstallCommand = options => {
 const slugify = name => name.toLowerCase().replace(/_/gi, '-');
 const upperFirst = value => value.charAt(0).toUpperCase() + _sliceInstanceProperty__default["default"](value).call(value, 1);
 const wordify = slug => {
-  var _context;
-  return _mapInstanceProperty__default["default"](_context = slug.split('-')).call(_context, word => upperFirst(word)).join(' ');
+  var _context2;
+  return _mapInstanceProperty__default["default"](_context2 = slug.split('-')).call(_context2, word => upperFirst(word)).join(' ');
 };
 const resolveFilePathByExtension = requestedModule => {
-  var _context2;
-  const fileExtension = _findInstanceProperty__default["default"](_context2 = ['.js', '.ts', '.mjs', '.cjs']).call(_context2, ext => {
+  var _context3;
+  const fileExtension = _findInstanceProperty__default["default"](_context3 = ['.js', '.ts', '.mjs', '.cjs']).call(_context3, ext => {
     const filePath = `${requestedModule}${ext}`;
     return doesFileExist(filePath);
   });
@@ -392,6 +420,12 @@ function installDependencies(options) {
   return {
     title: 'Installing dependencies (this might take a while)',
     task: () => {
+      const packageManager = getPreferredPackageManager(options);
+
+      // Only configure Yarn if it's the selected package manager
+      if (packageManager === 'yarn') {
+        configureYarn(options.projectDirectoryPath);
+      }
       const installCommand = getInstallCommand(options);
 
       // TODO: we could check for min yarn/npm versions

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

@@ -9,6 +9,7 @@ import crypto from 'node:crypto';
 import path from 'node:path';
 import readline from 'node:readline';
 import { CLOUD_IDENTIFIERS } from '@commercetools-frontend/application-config';
+import _trimInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/trim';
 import _sliceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/slice';
 import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
 import _findInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/find';
@@ -35,7 +36,7 @@ import prettier from 'prettier';
 
 var pkgJson = {
 	name: "@commercetools-frontend/create-mc-app",
-	version: "24.0.0",
+	version: "24.2.0",
 	description: "Create Merchant Center applications to quickly get up and running",
 	bugs: "https://github.com/commercetools/merchant-center-application-kit/issues",
 	repository: {
@@ -61,7 +62,7 @@ var pkgJson = {
 		"@babel/core": "^7.22.17",
 		"@babel/runtime": "^7.22.15",
 		"@babel/runtime-corejs3": "^7.22.15",
-		"@commercetools-frontend/application-config": "^24.0.0",
+		"@commercetools-frontend/application-config": "^24.2.0",
 		"@types/babel__core": "^7.20.1",
 		"@types/semver": "^7.5.1",
 		commander: "^13.1.0",
@@ -126,6 +127,32 @@ const shouldUseYarn = () => {
     return false;
   }
 };
+const getYarnVersion = () => {
+  try {
+    var _context;
+    const result = execa.commandSync('yarn --version', {
+      encoding: 'utf-8'
+    });
+    return _trimInstanceProperty(_context = result.stdout).call(_context);
+  } catch (error) {
+    return null;
+  }
+};
+const configureYarn = projectDirectoryPath => {
+  const yarnVersion = getYarnVersion();
+  if (!yarnVersion) return;
+
+  // Check if Yarn version is 2 or higher. Plug'n'Play was introduced in Yarn v2
+  if (semver.gte(yarnVersion, '2.0.0')) {
+    // Sanitize and resolve the path
+    const normalizedProjectPath = path.resolve(projectDirectoryPath);
+
+    // Create .yarnrc.yml to use node_modules
+    const yarnrcPath = path.join(normalizedProjectPath, '.yarnrc.yml');
+    const yarnrcContent = 'nodeLinker: "node-modules"';
+    fs.writeFileSync(yarnrcPath, yarnrcContent);
+  }
+};
 const getPreferredPackageManager = options => {
   if (options.packageManager) {
     return options.packageManager;
@@ -149,12 +176,12 @@ const getInstallCommand = options => {
 const slugify = name => name.toLowerCase().replace(/_/gi, '-');
 const upperFirst = value => value.charAt(0).toUpperCase() + _sliceInstanceProperty(value).call(value, 1);
 const wordify = slug => {
-  var _context;
-  return _mapInstanceProperty(_context = slug.split('-')).call(_context, word => upperFirst(word)).join(' ');
+  var _context2;
+  return _mapInstanceProperty(_context2 = slug.split('-')).call(_context2, word => upperFirst(word)).join(' ');
 };
 const resolveFilePathByExtension = requestedModule => {
-  var _context2;
-  const fileExtension = _findInstanceProperty(_context2 = ['.js', '.ts', '.mjs', '.cjs']).call(_context2, ext => {
+  var _context3;
+  const fileExtension = _findInstanceProperty(_context3 = ['.js', '.ts', '.mjs', '.cjs']).call(_context3, ext => {
     const filePath = `${requestedModule}${ext}`;
     return doesFileExist(filePath);
   });
@@ -357,6 +384,12 @@ function installDependencies(options) {
   return {
     title: 'Installing dependencies (this might take a while)',
     task: () => {
+      const packageManager = getPreferredPackageManager(options);
+
+      // Only configure Yarn if it's the selected package manager
+      if (packageManager === 'yarn') {
+        configureYarn(options.projectDirectoryPath);
+      }
       const installCommand = getInstallCommand(options);
 
       // TODO: we could check for min yarn/npm versions

package/dist/declarations/src/utils.d.ts

@@ -2,6 +2,8 @@ import type { TApplicationType, TCliTaskOptions, TPackageManager } from './types
 declare const isSemVer: (version: string) => boolean;
 declare const doesFileExist: (path: string) => boolean;
 declare const shouldUseYarn: () => boolean;
+declare const getYarnVersion: () => string | null;
+declare const configureYarn: (projectDirectoryPath: string) => void;
 declare const getPreferredPackageManager: (options: TCliTaskOptions) => TPackageManager;
 declare const getInstallCommand: (options: TCliTaskOptions) => string;
 declare const slugify: (name: string) => string;
@@ -9,4 +11,4 @@ declare const upperFirst: (value: string) => string;
 declare const wordify: (slug: string) => string;
 declare const resolveFilePathByExtension: (requestedModule: string) => string;
 declare const isCustomView: (applicationType: TApplicationType) => boolean;
-export { isSemVer, shouldUseYarn, slugify, wordify, upperFirst, resolveFilePathByExtension, getPreferredPackageManager, getInstallCommand, isCustomView, doesFileExist, };
+export { isSemVer, shouldUseYarn, getYarnVersion, configureYarn, slugify, wordify, upperFirst, resolveFilePathByExtension, getPreferredPackageManager, getInstallCommand, isCustomView, doesFileExist, };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/create-mc-app",
-  "version": "24.0.0",
+  "version": "24.2.0",
   "description": "Create Merchant Center applications to quickly get up and running",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -26,7 +26,7 @@
     "@babel/core": "^7.22.17",
     "@babel/runtime": "^7.22.15",
     "@babel/runtime-corejs3": "^7.22.15",
-    "@commercetools-frontend/application-config": "^24.0.0",
+    "@commercetools-frontend/application-config": "^24.2.0",
     "@types/babel__core": "^7.20.1",
     "@types/semver": "^7.5.1",
     "commander": "^13.1.0",

package/src/tasks/install-dependencies.ts

@@ -1,12 +1,23 @@
 import execa from 'execa';
 import type { ListrTask } from 'listr2';
 import type { TCliTaskOptions } from '../types';
-import { getInstallCommand } from '../utils';
+import {
+  getInstallCommand,
+  configureYarn,
+  getPreferredPackageManager,
+} from '../utils';
 
 function installDependencies(options: TCliTaskOptions): ListrTask {
   return {
     title: 'Installing dependencies (this might take a while)',
     task: () => {
+      const packageManager = getPreferredPackageManager(options);
+
+      // Only configure Yarn if it's the selected package manager
+      if (packageManager === 'yarn') {
+        configureYarn(options.projectDirectoryPath);
+      }
+
       const installCommand = getInstallCommand(options);
 
       // TODO: we could check for min yarn/npm versions

package/src/utils.ts

@@ -1,5 +1,7 @@
 import fs from 'node:fs';
+import path from 'node:path';
 import execa from 'execa';
+import semver from 'semver';
 import type {
   TApplicationType,
   TCliTaskOptions,
@@ -26,6 +28,32 @@ const shouldUseYarn = () => {
   }
 };
 
+const getYarnVersion = () => {
+  try {
+    const result = execa.commandSync('yarn --version', { encoding: 'utf-8' });
+    return result.stdout.trim();
+  } catch (error) {
+    return null;
+  }
+};
+
+const configureYarn = (projectDirectoryPath: string) => {
+  const yarnVersion = getYarnVersion();
+  if (!yarnVersion) return;
+
+  // Check if Yarn version is 2 or higher. Plug'n'Play was introduced in Yarn v2
+  if (semver.gte(yarnVersion, '2.0.0')) {
+    // Sanitize and resolve the path
+    const normalizedProjectPath = path.resolve(projectDirectoryPath);
+
+    // Create .yarnrc.yml to use node_modules
+    const yarnrcPath = path.join(normalizedProjectPath, '.yarnrc.yml');
+    const yarnrcContent = 'nodeLinker: "node-modules"';
+
+    fs.writeFileSync(yarnrcPath, yarnrcContent);
+  }
+};
+
 const getPreferredPackageManager = (
   options: TCliTaskOptions
 ): TPackageManager => {
@@ -76,6 +104,8 @@ const isCustomView = (applicationType: TApplicationType) =>
 export {
   isSemVer,
   shouldUseYarn,
+  getYarnVersion,
+  configureYarn,
   slugify,
   wordify,
   upperFirst,