@scandipwa/magento-scripts 1.13.3 → 1.13.5-alpha.1

package/lib/commands/start.js

@@ -9,9 +9,12 @@ const systeminformation = require('systeminformation');
 const { getCSAThemes } = require('../util/CSA-theme');
 const shouldUseYarn = require('@scandipwa/scandipwa-dev-utils/should-use-yarn');
 const ConsoleBlock = require('../util/console-block');
+const { getInstanceMetadata } = require('../util/instance-metadata');
 
 const cmaGaTrackingId = 'UA-127741417-7';
 
+googleAnalytics.setGaTrackingId(cmaGaTrackingId);
+
 /**
  * @param {import('yargs')} yargs
  */
@@ -64,6 +67,9 @@ module.exports = (yargs) => {
                 default: false
             }),
         async (args = {}) => {
+            /**
+             * @type {Listr<import('../../typings/context').ListrContext>}
+             */
             const tasks = new Listr(
                 start(), {
                     exitOnError: true,
@@ -75,7 +81,7 @@ module.exports = (yargs) => {
                     }
                 }
             );
-            const timeStamp = Date.now() / 1000;
+            const timeStamp = Date.now();
 
             if (args.debug) {
                 logger.warn('You are running in debug mode. Magento setup will be slow.');
@@ -90,20 +96,27 @@ module.exports = (yargs) => {
                 const ctx = await tasks.run();
 
                 const {
-                    ports,
-                    config: { magentoConfiguration, overridenConfiguration: { host, ssl } },
                     systemConfiguration: { analytics }
                 } = ctx;
 
-                const webLocation = `${ssl.enabled ? 'https' : 'http'}://${host}${ssl.enabled || ports.app === 80 ? '' : `:${ports.app}`}/`;
+                const instanceMetadata = getInstanceMetadata(ctx);
 
                 const block = new ConsoleBlock();
                 block
                     .addHeader('Magento 2')
-                    .addEmptyLine()
-                    .addLine(`Web location: ${logger.style.link(webLocation)}`)
-                    .addLine(`Magento Admin panel location: ${logger.style.link(`${webLocation}${magentoConfiguration.adminuri}`)}`)
-                    .addLine(`Magento Admin panel credentials: ${logger.style.misc(magentoConfiguration.user)} - ${logger.style.misc(magentoConfiguration.password)}`);
+                    .addEmptyLine();
+
+                block.addLine(logger.style.misc('Frontend'));
+                instanceMetadata.frontend.forEach(({ title, text }) => {
+                    block.addLine(`  ${title}: ${text}`);
+                });
+
+                block.addEmptyLine();
+
+                block.addLine(logger.style.misc('Admin'));
+                instanceMetadata.admin.forEach(({ title, text }) => {
+                    block.addLine(`  ${title}: ${text}`);
+                });
 
                 const themes = await getCSAThemes();
                 if (themes.length > 0) {
@@ -132,7 +145,10 @@ module.exports = (yargs) => {
 
                 block.log();
 
-                logger.note(`MySQL credentials, containers status and project information available in ${logger.style.code('npm run status')} command.`);
+                logger.note(
+                    `MySQL credentials, containers status and project information available in ${logger.style.code('npm run status')} command.
+      To access Magento CLI, Composer and PHP for this project use ${logger.style.code('npm run cli')} command.`
+                );
                 logger.log('');
 
                 if (!analytics) {
@@ -140,10 +156,8 @@ module.exports = (yargs) => {
                 }
 
                 try {
-                    googleAnalytics.setGaTrackingId(cmaGaTrackingId);
-
                     if (!process.isFirstStart) {
-                        await googleAnalytics.trackTiming('CMA start time', Date.now() / 1000 - timeStamp);
+                        await googleAnalytics.trackTiming('CMA start time', Date.now() - timeStamp);
                         googleAnalytics.printAboutAnalytics();
                         process.exit(0);
                     }
@@ -157,7 +171,7 @@ module.exports = (yargs) => {
                     const paramInfo = `Platform: ${platform} ${kernel}, CPU model: ${manufacturer} ${brand}, RAM amount: ${totalRam}MB`;
 
                     await googleAnalytics.trackEvent('Params', paramInfo, 0, 'OS');
-                    await googleAnalytics.trackTiming('CMA first start time', Date.now() / 1000 - timeStamp);
+                    await googleAnalytics.trackTiming('CMA first start time', Date.now() - timeStamp);
                     googleAnalytics.printAboutAnalytics();
                 } catch (e) {
                     await googleAnalytics.trackError(e.message || e);

package/lib/config/dependencies-for-platforms.js

@@ -15,7 +15,8 @@ const dependenciesForPlatforms = {
             'libxml2',
             'openssl@1.1'
         ],
-        installCommand: (deps) => `brew install ${deps}`
+        installCommand: (deps) => `brew install ${deps}`,
+        packageManager: 'brew'
     },
     'Arch Linux': {
         dependencies: [
@@ -35,7 +36,8 @@ const dependenciesForPlatforms = {
             'perl',
             'libsodium'
         ],
-        installCommand: (deps) => `sudo pacman -S ${deps} --noconfirm`
+        installCommand: (deps) => `sudo pacman -S ${deps} --noconfirm`,
+        packageManager: 'pacman'
     },
     Fedora: {
         dependencies: [
@@ -51,7 +53,8 @@ const dependenciesForPlatforms = {
             'libtool-ltdl-devel',
             'oniguruma-devel'
         ],
-        installCommand: (deps) => `sudo yum install ${deps} -y`
+        installCommand: (deps) => `sudo yum install ${deps} -y`,
+        packageManager: 'yum'
     },
     CentOS: {
         dependencies: [
@@ -67,7 +70,8 @@ const dependenciesForPlatforms = {
             'libtool-ltdl-devel',
             'oniguruma-devel'
         ],
-        installCommand: (deps) => `sudo yum install --enablerepo=PowerTools ${deps} -y`
+        installCommand: (deps) => `sudo yum install --enablerepo=PowerTools ${deps} -y`,
+        packageManager: 'yum'
     },
     Ubuntu: {
         dependencies: [
@@ -95,7 +99,8 @@ const dependenciesForPlatforms = {
             'autoconf',
             'cmake'
         ],
-        installCommand: (deps) => `sudo apt-get install ${deps} -y`
+        installCommand: (deps) => `sudo apt install ${deps} -y`,
+        packageManager: 'apt'
     }
 };
 

package/lib/tasks/composer/index.js

@@ -17,7 +17,7 @@ const getComposerVersion = async ({ composer, php }) => {
 
     const composerVersion = safeRegexExtract({
         string: composerVersionOutput,
-        regex: /Composer version ([\d.]+)/i,
+        regex: /(\d+\.\d+\.\d+)/i,
         onNoMatch: () => {
             throw new Error(`
 No composer version found in composer version output!\n\n${composerVersionOutput}

package/lib/tasks/docker/containers.js

@@ -1,8 +1,22 @@
+/* eslint-disable max-len */
 const { execAsyncSpawn } = require('../../util/exec-async-command');
 
+/**
+ * @param {Object} options
+ * @param {number[]} [options.ports] Publish or expose port [docs](https://docs.docker.com/engine/reference/commandline/run/#publish-or-expose-port--p---expose)
+ * @param {number[]} [options.mounts] Add bind mounts or volumes using the --mount flag [docs](https://docs.docker.com/engine/reference/commandline/run/#add-bind-mounts-or-volumes-using-the---mount-flag)
+ * @param {number[]} [options.mountVolumes] Mount volume [docs](https://docs.docker.com/engine/reference/commandline/run/#mount-volume--v---read-only)
+ * @param {Record<string, string>} [options.env] Set environment variables [docs](https://docs.docker.com/engine/reference/commandline/run/#set-environment-variables--e---env---env-file)
+ * @param {string} [options.image]
+ * @param {string} [options.restart] Restart policies [docs](https://docs.docker.com/engine/reference/commandline/run/#restart-policies---restart)
+ * @param {string} [options.name] Container name
+ * @param {string} [options.entrypoint] Container entrypoint
+ * @param {string} [options.command] Container command
+ * @param {Record<"cmd" | "interval" | "retries" | "start-period" | "timeout", string>} [options.healthCheck] Container heathcheck properties
+ * @param {string[]} [options.securityOptions] Security options [docs](https://docs.docker.com/engine/reference/commandline/run/#optional-security-options---security-opt)
+ */
 const run = (options) => {
     const {
-        expose = [],
         ports = [],
         mounts = [],
         mountVolumes = [],
@@ -19,7 +33,6 @@ const run = (options) => {
 
     const restartArg = restart && `--restart ${ restart }`;
     const networkArg = network && `--network ${ network }`;
-    const exposeArgs = expose.map((port) => `--expose ${ port }`).join(' ');
     const portsArgs = ports.map((port) => `-p ${ port }`).join(' ');
     const mountsArgs = mounts.map((mount) => `--mount ${ mount }`).join(' ');
     const mountVolumesArgs = mountVolumes.map((mount) => `-v ${mount}`).join(' ');
@@ -36,7 +49,6 @@ const run = (options) => {
         nameArg,
         networkArg,
         restartArg,
-        exposeArgs,
         portsArgs,
         mountsArgs,
         mountVolumesArgs,
@@ -139,7 +151,7 @@ const stopContainers = () => ({
 
 const getContainerStatus = async (containerName) => {
     try {
-        return JSON.parse(await execAsyncSpawn(`docker inspect --format='{{json .State.Health}}' ${containerName}`));
+        return JSON.parse(await execAsyncSpawn(`docker inspect --format='{{json .State}}' ${containerName}`));
     } catch {
         return null;
     }

package/lib/tasks/link.js

@@ -6,6 +6,7 @@ const linkTheme = require('./theme/link-theme');
 const { startServices } = require('./docker');
 const { startPhpFpm } = require('./php-fpm');
 const checkConfigurationFile = require('../config/check-configuration-file');
+const { connectToMySQL } = require('./mysql');
 
 /**
  * @type {(theme: string) => import('listr2').ListrTask<import('../../typings/context').ListrContext>}
@@ -18,6 +19,7 @@ const linkTask = (themePath) => ({
         getCachedPorts(),
         startServices(),
         startPhpFpm(),
+        connectToMySQL(),
         retrieveThemeData(themePath),
         linkTheme()
     ])

package/lib/tasks/magento/enable-magento-composer-plugins.js

@@ -81,7 +81,7 @@ const enableMagentoComposerPlugins = () => ({
         const {
             config: {
                 'allow-plugins': allowPlugins = {}
-            }
+            } = {}
         } = composerJsonData;
         const allowPluginsKeys = Object.keys(allowPlugins);
 
@@ -110,7 +110,7 @@ Do you want to enable them all or disable some of them?`,
 
                 if (userConfirmation) {
                     composerJsonData.config = {
-                        ...composerJsonData.config,
+                        ...(composerJsonData.config || {}),
                         'allow-plugins': {
                             ...allowPlugins,
                             ...missingPlugins.reduce((acc, val) => ({ ...acc, [val]: true }), {})
@@ -141,7 +141,7 @@ Do you want to enable them all or disable some of them?`,
                     const disabledPlugins = composerPlugins.filter((p) => !userEnabledPlugins.includes(p));
 
                     composerJsonData.config = {
-                        ...composerJsonData.config,
+                        ...(composerJsonData.config || {}),
                         'allow-plugins': {
                             ...allowPlugins,
                             ...disabledPlugins.reduce((acc, val) => ({ ...acc, [val]: false }), {}),

package/lib/tasks/magento/setup-magento/disable-page-builder.js

@@ -0,0 +1,11 @@
+const magentoTask = require('../../../util/magento-task');
+
+/**
+ * @type {() => import('listr2').ListrTask<import('../../../../typings/context').ListrContext>}
+ */
+const disablePageBuilder = () => ({
+    title: 'Disabling page builder in Magento',
+    task: (ctx, task) => task.newListr(magentoTask('config:set cms/pagebuilder/enabled 0'))
+});
+
+module.exports = disablePageBuilder;

package/lib/tasks/magento/setup-magento/install-magento.js

@@ -2,11 +2,14 @@ const semver = require('semver');
 const runMagentoCommand = require('../../../util/run-magento');
 
 /**
- * @type {() => import('listr2').ListrTask<import('../../../../typings/context').ListrContext>}
+ * @type {({ isDbEmpty }: { isDbEmpty: boolean }) => import('listr2').ListrTask<import('../../../../typings/context').ListrContext>}
  */
-const installMagento = () => ({
-    title: 'Installing magento...',
+const installMagento = ({ isDbEmpty = false } = {}) => ({
+    title: 'Installing magento',
     task: async (ctx, task) => {
+        if (isDbEmpty) {
+            task.output = 'No Magento is installed in DB!\nInstalling...';
+        }
         const {
             magentoVersion,
             config: {

package/lib/tasks/magento/setup-magento/migrate-database.js

@@ -24,16 +24,14 @@ const migrateDatabase = (options = {}) => ({
         `);
 
         if (tableCount === 0) {
-            task.output = 'No Magento is installed in DB!\nInstalling...';
-
             if (options.onlyInstallMagento) {
                 return task.newListr(
-                    installMagento()
+                    installMagento({ isDbEmpty: true })
                 );
             }
 
             return task.newListr([
-                installMagento(),
+                installMagento({ isDbEmpty: true }),
                 setupPersistedQuery(),
                 upgradeMagento(),
                 magentoTask('cache:enable'),

package/lib/tasks/magento/setup-magento/set-base-url.js

@@ -11,8 +11,9 @@ module.exports = () => ({
             config: { overridenConfiguration: { host, ssl } },
             mysqlConnection
         } = ctx;
+        const isNgrok = host.endsWith('ngrok.io');
         const enableSecureFrontend = ssl.enabled ? '1' : '0';
-        const location = `${host}${ ports.app !== 80 ? `:${ports.app}` : '' }/`;
+        const location = `${host}${ !isNgrok && ports.app !== 80 ? `:${ports.app}` : '' }/`;
         const secureLocation = `${host}/`; // SSL will work only on port 443, so you cannot run multiple projects with SSL at the same time.
         const httpUrl = `http://${location}`;
         const httpsUrl = `https://${secureLocation}`;

package/lib/tasks/mysql/connect-to-mysql.js

@@ -7,6 +7,7 @@ const sleep = require('../../util/sleep');
  */
 const connectToMySQL = () => ({
     title: 'Connecting to MySQL server...',
+    skip: (ctx) => ctx.skipSetup,
     task: async (ctx, task) => {
         const { config: { docker }, ports } = ctx;
         const { mysql: { env, name } } = docker.getContainers();

package/lib/tasks/php/compile-options.js

@@ -44,7 +44,7 @@ const compileOptions = {
             '+bz2="$(brew --prefix bzip2)"',
             '+bcmath',
             '+ctype',
-            '+curl=$(brew --prefix curl-openssl)',
+            '+curl=$(brew --prefix curl)',
             '+intl=$(brew --prefix icu4c)',
             '+dom',
             '+filter',
@@ -70,7 +70,7 @@ const compileOptions = {
         ],
         env: {
             // eslint-disable-next-line max-len
-            PKG_CONFIG_PATH: '$PKG_CONFIG_PATH:$(brew --prefix libxml2)/lib/pkgconfig:$(brew --prefix icu4c)/lib/pkgconfig:$(brew --prefix openssl@1.1)/lib/pkgconfig:$(brew --prefix curl-openssl@1.1)/lib/pkgconfig:$(brew --prefix zlib)/lib/pkgconfig',
+            PKG_CONFIG_PATH: '$PKG_CONFIG_PATH:$(brew --prefix libxml2)/lib/pkgconfig:$(brew --prefix icu4c)/lib/pkgconfig:$(brew --prefix openssl@1.1)/lib/pkgconfig:$(brew --prefix curl)/lib/pkgconfig:$(brew --prefix zlib)/lib/pkgconfig',
             CPATH: '$CPATH:$(brew --prefix openssl@1.1)/include',
             CXX: 'g++ -DTRUE=1 -DFALSE=0',
             CC: 'gcc -DTRUE=1 -DFALSE=0',

package/lib/tasks/php/compile.js

@@ -1,4 +1,4 @@
-const osPlatform = require('../../util/os-platform');
+const systeminformation = require('systeminformation');
 const logger = require('@scandipwa/scandipwa-dev-utils/logger');
 const { execAsyncSpawn } = require('../../util/exec-async-command');
 const compileOptions = require('./compile-options');
@@ -11,8 +11,8 @@ const compile = () => ({
     task: async ({ config: { php } }, task) => {
         const platformCompileOptions = compileOptions[process.platform];
         if (process.platform === 'linux') {
-            const { dist } = await osPlatform();
-            if (['Fedora', 'Manjaro'].some((distro) => dist.includes(distro))) {
+            const { distro } = await systeminformation.osInfo();
+            if (['Fedora', 'Manjaro'].some((d) => distro.includes(d))) {
                 platformCompileOptions.extraOptions.push('--with-libdir=lib64');
             }
         }

package/lib/tasks/php/index.js

@@ -1,4 +1,5 @@
 const fs = require('fs');
+const path = require('path');
 const logger = require('@scandipwa/scandipwa-dev-utils/logger');
 const pathExists = require('../../util/path-exists');
 const compile = require('./compile');
@@ -24,15 +25,28 @@ const installPhp = () => ({
         task.title = `Installing PHP ${php.version}`;
 
         try {
-            const hasPHPVersion = (
-                await fs.promises.readdir(phpbrewConfig.phpPath, {
-                    encoding: 'utf-8',
-                    withFileTypes: true
-                })
-            )
-                .some((f) => f.isDirectory() && f.name === `php-${php.version}`);
+            const hasPHPVersionDirectory = (
+                await Promise.all(
+                    (
+                        await fs.promises.readdir(phpbrewConfig.phpPath, {
+                            encoding: 'utf-8',
+                            withFileTypes: true
+                        })
+                    ).map(async (f) => {
+                        if (!f.isDirectory()) {
+                            return false;
+                        }
 
-            if (hasPHPVersion && !recompilePhp) {
+                        if (f.name !== `php-${php.version}`) {
+                            return false;
+                        }
+
+                        return pathExists(path.join(phpbrewConfig.phpPath, f.name, 'bin', 'php'));
+                    })
+                ))
+                .includes(true);
+
+            if (hasPHPVersionDirectory && !recompilePhp) {
                 task.skip();
                 // eslint-disable-next-line consistent-return
                 return;

package/lib/tasks/requirements/dependency/index.js

@@ -1,19 +1,18 @@
-const osPlatform = require('../../../util/os-platform');
 const archDependenciesCheck = require('./arch');
 const fedoraDependenciesCheck = require('./fedora');
 const centosDependenciesCheck = require('./centos');
 const ubuntuDependenciesCheck = require('./ubuntu');
 const macDependenciesCheck = require('./mac');
+const osPlatform = require('../../../util/os-platform');
 
 const dependencyCheck = async () => {
     if (process.platform === 'darwin') {
         return macDependenciesCheck();
     }
 
-    const { dist } = await osPlatform();
-    switch (dist) {
-    case 'Arch Linux':
-    case 'Manjaro Linux': {
+    const distro = await osPlatform();
+    switch (distro) {
+    case 'Arch Linux': {
         return archDependenciesCheck();
     }
     case 'Fedora': {
@@ -22,7 +21,6 @@ const dependencyCheck = async () => {
     case 'CentOS': {
         return centosDependenciesCheck();
     }
-    case 'Linux Mint':
     case 'Ubuntu': {
         return ubuntuDependenciesCheck();
     }

package/lib/tasks/requirements/docker/index.js

@@ -3,6 +3,7 @@ const os = require('os');
 const { execAsyncSpawn } = require('../../../util/exec-async-command');
 const getIsWsl = require('../../../util/is-wsl');
 const installDocker = require('./install');
+const { checkDockerSocketPermissions } = require('./permissions');
 const getDockerVersion = require('./version');
 
 /**
@@ -70,4 +71,14 @@ ${ logger.style.link('https://docs.create-magento-app.com/getting-started/prereq
     }
 });
 
-module.exports = checkDocker;
+/**
+ * @type {() => import('listr2').ListrTask<import('../../../../typings/context').ListrContext>}
+ */
+module.exports = () => ({
+    task: (ctx, task) => task.newListr([
+        checkDockerSocketPermissions(),
+        checkDocker()
+    ], {
+        concurrent: false
+    })
+});

package/lib/tasks/requirements/docker/install.js

@@ -16,10 +16,9 @@ const postInstallSteps = [
 const installDocker = () => ({
     title: 'Installing Docker',
     task: async (ctx, task) => {
-        const { dist } = await osPlatform();
-        switch (dist) {
-        case 'Arch Linux':
-        case 'Manjaro Linux': {
+        const distro = await osPlatform();
+        switch (distro) {
+        case 'Arch Linux': {
             return task.newListr([
                 installDependenciesTask({
                     platform: 'Arch Linux',
@@ -39,7 +38,6 @@ const installDocker = () => ({
                 executeSudoCommand('sudo systemctl enable docker')
             ]);
         }
-        case 'Linux Mint':
         case 'Ubuntu': {
             return task.newListr([
                 execCommandTask('curl -fsSL https://get.docker.com -o get-docker.sh'),
@@ -51,7 +49,7 @@ const installDocker = () => ({
         }
         default: {
             throw new Error(`Docker is not installed!
-Your distro ${dist} is not supported by automatic installation.`);
+Your distro ${distro} is not supported by automatic installation.`);
         }
         }
     }

package/lib/tasks/requirements/docker/permissions.js

@@ -0,0 +1,58 @@
+const os = require('os');
+const fs = require('fs');
+const logger = require('@scandipwa/scandipwa-dev-utils/logger');
+const pathExists = require('../../../util/path-exists');
+const { execCommandTask } = require('../../../util/exec-async-command');
+
+const dockerSocketPath = '/var/run/docker.sock';
+
+const fixCommand = `sudo chmod 666 ${ dockerSocketPath }`;
+
+/**
+ * @type {() => import('listr2').ListrTask<import('../../../../typings/context').ListrContext>}
+ */
+const checkDockerSocketPermissions = () => ({
+    title: 'Checking Docker permissions',
+    // skip check if socket does not exist
+    skip: async () => !await pathExists(dockerSocketPath),
+    task: async (ctx, task) => {
+        try {
+            await fs.promises.access(dockerSocketPath, fs.constants.R_OK);
+        } catch (e) {
+            // check for permission
+            if (Math.abs(e.errno) === Math.abs(os.constants.errno.EACCES)) {
+                const confirmPrompt = await task.prompt({
+                    type: 'Confirm',
+                    message: `We detected that your Docker socket, located in ${ logger.style.file(dockerSocketPath) }, have permissions set, that prevents user (${ logger.style.misc(os.userInfo().username) }) from accessing it.
+
+We can fix it by running the following command: ${ logger.style.command(fixCommand) }
+
+Would you like to fix this permission issue?
+
+Otherwise installation will likely fail.`
+                });
+
+                if (confirmPrompt) {
+                    task.output = 'Enter your sudo password!';
+                    task.output = logger.style.command(`>[sudo] password for ${ os.userInfo().username }:`);
+                    return task.newListr(
+                        execCommandTask(fixCommand, {
+                            callback: (t) => {
+                                task.output = t;
+                            },
+                            pipeInput: true
+                        })
+                    );
+                }
+                task.skip(`Permission issue detected in ${ logger.style.file(dockerSocketPath) } but user decided not to fix it.`);
+            }
+        }
+    },
+    options: {
+        bottomBar: 10
+    }
+});
+
+module.exports = {
+    checkDockerSocketPermissions
+};

package/lib/tasks/requirements/docker/version.js

@@ -1,23 +1,16 @@
 const { execAsyncSpawn } = require('../../../util/exec-async-command');
-const safeRegexExtract = require('../../../util/safe-regex-extract');
 
 /**
  * @type {() => import('listr2').ListrTask<import('../../../../typings/context').ListrContext>}
  */
 const getDockerVersion = () => ({
     task: async (ctx) => {
-        const { result, code } = await execAsyncSpawn('docker -v', {
+        const { result, code } = await execAsyncSpawn('docker version --format {{.Server.Version}}', {
             withCode: true
         });
 
         if (code === 0) {
-            const dockerVersion = safeRegexExtract({
-                string: result,
-                regex: /docker version ([\d.]+)/i,
-                onNoMatch: () => {
-                    throw new Error(`No docker version found in docker version output!\n\n${result}`);
-                }
-            });
+            const dockerVersion = result.split('').filter((c) => /[\d.]/i.test(c)).join('') || result;
 
             ctx.dockerVersion = dockerVersion;
         }

package/lib/tasks/requirements/phpbrew/install.js

@@ -1,10 +1,10 @@
 const os = require('os');
 const path = require('path');
 const fs = require('fs');
-const osPlatform = require('../../../util/os-platform');
 const { execAsyncSpawn } = require('../../../util/exec-async-command');
 const logger = require('@scandipwa/scandipwa-dev-utils/logger');
 const installDependenciesTask = require('../../../util/install-dependencies-task');
+const osPlatform = require('../../../util/os-platform');
 
 /**
  * @type {() => import('listr2').ListrTask<import('../../../../typings/context').ListrContext>}
@@ -20,10 +20,9 @@ const installPHPBrewDependencies = () => ({
                 })
             );
         }
-        const { dist } = await osPlatform();
-        switch (dist) {
-        case 'Arch Linux':
-        case 'Manjaro Linux': {
+        const distro = await osPlatform();
+        switch (distro) {
+        case 'Arch Linux': {
             return task.newListr(
                 installDependenciesTask({
                     platform: 'Arch Linux',
@@ -47,7 +46,6 @@ const installPHPBrewDependencies = () => ({
                 })
             );
         }
-        case 'Linux Mint':
         case 'Ubuntu': {
             return task.newListr(
                 installDependenciesTask({

package/lib/tasks/start.js

@@ -27,6 +27,8 @@ const pkg = require('../../package.json');
 const checkConfigurationFile = require('../config/check-configuration-file');
 const convertLegacyVolumes = require('./docker/convert-legacy-volumes');
 const enableMagentoComposerPlugins = require('./magento/enable-magento-composer-plugins');
+const getIsWsl = require('../util/is-wsl');
+const checkForXDGOpen = require('../util/xdg-open-exists');
 
 /**
  * @type {() => import('listr2').ListrTask<import('../../typings/context').ListrContext>}
@@ -172,7 +174,21 @@ const start = () => ({
             finishProjectConfiguration(),
             {
                 title: 'Opening browser',
-                skip: (ctx) => ctx.noOpen,
+                skip: async (ctx) => {
+                    if (ctx.noOpen) {
+                        return true;
+                    }
+
+                    if (await getIsWsl()) {
+                        const canOpenBrowser = await checkForXDGOpen();
+
+                        if (!canOpenBrowser) {
+                            return 'Cannot open the browser, xdg-open is not available.';
+                        }
+                    }
+
+                    return false;
+                },
                 task: ({ ports, config: { overridenConfiguration: { host, ssl } } }) => {
                     openBrowser(`${ssl.enabled ? 'https' : 'http'}://${host}${ssl.enabled || ports.app === 80 ? '' : `:${ports.app}`}/`);
                 },

package/lib/tasks/status/index.js

@@ -7,6 +7,20 @@ const { getArchSync } = require('../../util/arch');
 const ConsoleBlock = require('../../util/console-block');
 const { getComposerVersion } = require('../composer');
 
+/**
+ * @param {string} port
+ * @return {{ host: string, hostPort: string, containerPort: string }}
+ */
+const parsePort = (port) => {
+    const [host, hostPort, containerPort] = port.split(':');
+
+    return {
+        host,
+        hostPort,
+        containerPort
+    };
+};
+
 const prettyStatus = async (ctx) => {
     const {
         ports,
@@ -64,14 +78,11 @@ const prettyStatus = async (ctx) => {
             .addEmptyLine();
 
         let containerStatus;
-        if (container.status) {
-            if (container.status.Status === 'healthy') {
-                containerStatus = `✓ ${logger.style.file('running')}`;
-            } else {
-                containerStatus = logger.style.code(container.status.Status);
-            }
+
+        if (container.status && container.status.Health) {
+            containerStatus = `✓ ${ logger.style.file(container.status.Health.Status) } and ${ logger.style.file('running') }`;
         } else {
-            containerStatus = logger.style.code('stopped');
+            containerStatus = logger.style.file(container.status.Status);
         }
 
         block
@@ -81,10 +92,14 @@ const prettyStatus = async (ctx) => {
             .addLine(`Network: ${logger.style.link(container.network)}`);
 
         if (container.ports.length > 0) {
-            block.addLine(`Port forwarding: ${container.ports.map((port) => logger.style.link(port)).join(', ')}`);
+            block.addLine('Port forwarding:');
+            container.ports.forEach((port) => {
+                const { host, hostPort, containerPort } = parsePort(port);
+                block.addLine(`${' '.repeat(3)} ${logger.style.link(`${host}:${hostPort}`)} -> ${logger.style.file(containerPort)}`);
+            });
         }
 
-        if (container.env) {
+        if (container.env && Object.keys(container.env).length > 0) {
             block.addLine('Environment variables:');
             for (const [envName, envValue] of Object.entries(container.env)) {
                 block.addLine(`${' '.repeat(3)} ${logger.style.misc(envName)}=${logger.style.file(envValue)}`);

package/lib/tasks/theme/link-theme.js

@@ -1,10 +1,12 @@
 const symlinkTheme = require('./symlink-theme');
 const installTheme = require('./install-theme');
 const disablePageCache = require('../magento/setup-magento/disable-page-cache');
+const disablePageBuilder = require('../magento/setup-magento/disable-page-builder');
 const buildTheme = require('./build-theme');
 const upgradeMagento = require('../magento/setup-magento/upgrade-magento');
 const setupPersistedQuery = require('./setup-persisted-query');
 const updateEnvPHP = require('../php/update-env-php');
+const semver = require('semver');
 
 /**
  * @type {() => import('listr2').ListrTask<import('../../../typings/context').ListrContext>}
@@ -12,7 +14,28 @@ const updateEnvPHP = require('../php/update-env-php');
 const linkTheme = () => ({
     title: 'Linking theme',
     task: async (ctx, task) => {
-        const { absoluteThemePath, themePath, composerData } = ctx;
+        const {
+            config: { overridenConfiguration },
+            absoluteThemePath,
+            themePath,
+            composerData,
+            mysqlConnection
+        } = ctx;
+        const {
+            magento: { edition: magentoEdition },
+            magentoVersion
+        } = overridenConfiguration;
+
+        const isEnterprise = magentoEdition === 'enterprise';
+        const isPageBuilderInstalled = isEnterprise && semver.satisfies(semver.coerce(magentoVersion), '^2.4');
+        const [queryResult] = await mysqlConnection.query(`
+                SELECT value AS isPagebuilderEnabled
+                FROM core_config_data
+                WHERE path = 'cms/pagebuilder/enabled'
+            `);
+
+        const [{ isPagebuilderEnabled = 1 }] = queryResult.length ? queryResult : [{}];
+
         /**
          * @type {import('../../../typings/theme').Theme}
          */
@@ -31,6 +54,7 @@ const linkTheme = () => ({
             setupPersistedQuery(),
             upgradeMagento(),
             disablePageCache(),
+            ...(isPageBuilderInstalled && Number(isPagebuilderEnabled) ? [disablePageBuilder()] : []),
             buildTheme(theme)
         ]);
     },

package/lib/util/instance-metadata.js

@@ -0,0 +1,74 @@
+const logger = require('@scandipwa/scandipwa-dev-utils/logger');
+
+const WEB_LOCAL_LOCATION_TITLE = `Location on ${ logger.style.misc('localhost') }`;
+const WEB_LOCATION_TITLE = 'Location on the Web';
+const WEB_ADMIN_LOCATION_TITLE = 'Panel location';
+const WEB_ADMIN_CREDENTIALS_TITLE = 'Panel credentials';
+
+const mapDataStyle = ({ title, text }) => ({
+    title,
+    text: logger.style.link(text)
+});
+
+/**
+ * @param {import("../../typings/context").ListrContext} ctx
+ * @return {{ frontend: { title: string, text: string }[], admin: { title: string, url: string }[]}}
+ */
+const getInstanceMetadata = (ctx) => {
+    const {
+        ports,
+        config: {
+            magentoConfiguration,
+            overridenConfiguration: { host, ssl }
+        }
+    } = ctx;
+
+    /**
+     * @type {{ title: string, text: string }[]}
+     */
+    const frontend = [];
+
+    /**
+     * @type {{ title: string, text: string }[]}
+     */
+    const admin = [];
+
+    const isNgrok = host.endsWith('ngrok.io');
+
+    if (isNgrok) {
+        frontend.push({
+            title: WEB_LOCAL_LOCATION_TITLE,
+            text: `${ssl.enabled ? 'https' : 'http'}://localhost${ssl.enabled || ports.app === 80 ? '' : `:${ports.app}`}/`
+        });
+        frontend.push({
+            title: WEB_LOCATION_TITLE,
+            text: `${ssl.enabled ? 'https' : 'http'}://${host}/`
+        });
+    } else {
+        frontend.push({
+            title: WEB_LOCATION_TITLE,
+            text: `${ssl.enabled ? 'https' : 'http'}://${host}${ssl.enabled || ports.app === 80 ? '' : `:${ports.app}`}/`
+        });
+    }
+
+    const webLocation = frontend.find((u) => u.title === WEB_LOCATION_TITLE);
+
+    admin.push({
+        title: WEB_ADMIN_LOCATION_TITLE,
+        text: logger.style.link(`${webLocation.text}admin`)
+    });
+
+    admin.push({
+        title: WEB_ADMIN_CREDENTIALS_TITLE,
+        text: `${logger.style.misc(magentoConfiguration.user)} - ${logger.style.misc(magentoConfiguration.password)}`
+    });
+
+    return {
+        admin,
+        frontend: frontend.map(mapDataStyle)
+    };
+};
+
+module.exports = {
+    getInstanceMetadata
+};

package/lib/util/open-browser.js

@@ -2,7 +2,8 @@ const { execAsync } = require('./exec-async-command');
 
 const openBrowser = async (url) => {
     const start = process.platform === 'darwin' ? 'open' : 'xdg-open';
-    await execAsync(`${start } ${ url}`);
+
+    await execAsync(`${ start } ${ url }`);
 };
 
 module.exports = openBrowser;

package/lib/util/os-platform.js

@@ -1,9 +1,51 @@
-const getos = require('getos');
+const fs = require('fs');
+const systeminformation = require('systeminformation');
+const pathExists = require('./path-exists');
+const dependenciesForPlatforms = require('../config/dependencies-for-platforms');
 
+const packageManagers = Object.entries(dependenciesForPlatforms).map((d) => ({
+    platform: d[0],
+    packageManager: d[1].packageManager
+}));
 /**
  *
- * @returns {Promise<import('getos').OS>}
+ * @returns {Promise<keyof typeof dependenciesForPlatforms>}
  */
-const osPlatform = () => new Promise((resolve, reject) => getos((err, os) => (err ? reject(err) : resolve(os))));
+const osPlatform = async () => {
+    const binPaths = process.env.PATH.split(':');
+
+    const platforms = await Promise.all(binPaths.map(async (binPath) => {
+        if (!await pathExists(binPath)) {
+            return null;
+        }
+        const bins = await fs.promises.readdir(binPath);
+
+        for (const bin of bins) {
+            const possiblePlatforms = packageManagers.filter((p) => p.packageManager === bin);
+
+            if (possiblePlatforms.length > 0) {
+                if (possiblePlatforms.length > 1) {
+                    const { distro } = await systeminformation.osInfo();
+
+                    const foundDistro = possiblePlatforms.find((p) => p.platform.toLowerCase().includes(distro.toLowerCase()));
+
+                    if (foundDistro) {
+                        return foundDistro.platform;
+                    }
+
+                    return possiblePlatforms[0].platform;
+                }
+
+                return possiblePlatforms[0].platform;
+            }
+        }
+
+        return null;
+    }));
+
+    const filteredPlatforms = platforms.filter(Boolean);
+
+    return filteredPlatforms.shift();
+};
 
 module.exports = osPlatform;

package/lib/util/xdg-open-exists.js

@@ -0,0 +1,27 @@
+const fs = require('fs');
+const pathExists = require('./path-exists');
+
+const checkForXDGOpen = async () => {
+    const pathParts = process.env.PATH.split(':');
+
+    const results = await Promise.all(
+        pathParts.map(
+            async (pathPart) => {
+                if (!await pathExists(pathPart)) {
+                    return false;
+                }
+
+                const files = await fs.promises.readdir(pathPart, {
+                    encoding: 'utf-8',
+                    withFileTypes: true
+                });
+
+                return files.some((file) => file.isFile() && file.name === 'xdg-open');
+            }
+        )
+    );
+
+    return results.includes(true);
+};
+
+module.exports = checkForXDGOpen;

package/package.json

@@ -3,7 +3,7 @@
     "description": "Scripts and configuration used by CMA.",
     "homepage": "https://docs.create-magento-app.com/",
     "repository": "github:scandipwa/create-magento-app",
-    "version": "1.13.3",
+    "version": "1.13.5-alpha.1",
     "main": "./index.js",
     "types": "./typings/index.d.ts",
     "license": "OSL-3.0",
@@ -23,24 +23,23 @@
     ],
     "dependencies": {
         "@scandipwa/scandipwa-dev-utils": "0.1.12",
-        "conf": "10.0.3",
+        "conf": "10.1.1",
         "enquirer": "2.3.6",
         "eta": "1.12.3",
-        "getos": "3.2.1",
         "hjson": "^3.2.2",
         "is-installed-globally": "0.4.0",
-        "joi": "17.4.2",
-        "listr2": "3.13.0",
+        "joi": "17.6.0",
+        "listr2": "4.0.5",
         "macos-version": "5.2.1",
         "merge-files": "0.1.2",
         "mysql2": "2.3.2",
         "node-ssh": "12.0.0",
         "semver": "7.3.5",
-        "systeminformation": "5.9.8",
-        "yargs": "17.2.1"
+        "systeminformation": "5.11.7",
+        "yargs": "17.3.1"
     },
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "b03f5e0d8d7899f8d217b5eda38e7daabc63dccd"
+    "gitHead": "e00e8d06964b4a7fc5a0095ea510fc26a06520a8"
 }