From 4af729c3c712c617becd5632cbc1377a00c4163a Mon Sep 17 00:00:00 2001
From: Aliullov Vlad <vladislav.aliullov@devexpress.com>
Date: Thu, 7 Sep 2023 11:50:59 +0400
Subject: [PATCH] add ESM building to devextreme-react package

+ refactor
---
 packages/devextreme-react/gulpfile.js | 52 ++++++++++++++-------------
 1 file changed, 28 insertions(+), 24 deletions(-)

diff --git a/packages/devextreme-react/gulpfile.js b/packages/devextreme-react/gulpfile.js
index bb3cb6c54d1e..427e878d3c45 100644
--- a/packages/devextreme-react/gulpfile.js
+++ b/packages/devextreme-react/gulpfile.js
@@ -88,22 +88,27 @@ gulp.task(NPM_BUILD_CJS, gulp.series(
 ));
 
 gulp.task(NPM_PREPARE_MODULES, (done) => {
-    [
+    const packParamsForFolders = [
         ['common'],
         ['core', ['template']],
         ['common/data']
-    ].forEach(
-        ([folder, moduleFileName]) => makeModuleForFolder(folder, moduleFileName)
-    )
-
-    const modulesIndex = fs.readFileSync(config.npm.dist + 'esm/index.js', 'utf8');
-
-    [...modulesIndex.matchAll(/from "\.\/([^;]+)";/g)]
-        .forEach(([,modulePath]) => {
+    ];
+    const modulesImportsFromIndex = fs.readFileSync(config.npm.dist + 'esm/index.js', 'utf8');
+    const modulesPaths = modulesImportsFromIndex.matchAll(/from "\.\/([^;]+)";/g);
+    const packParamsForModules = [...modulesPaths].map(
+        ([, modulePath]) => {
             const [,, moduleFilePath, moduleFileName] = modulePath.match(/((.*)\/)?([^/]+$)/);
 
-            makeModuleForFile(moduleFileName, '', moduleFilePath);
-        })
+            return ['', [moduleFileName], moduleFilePath];
+        }
+    );
+
+    [
+        ...packParamsForFolders,
+        ...packParamsForModules,
+    ].forEach(
+        ([folder, moduleFileNames, moduleFilePath]) => makeModule(folder, moduleFileNames, moduleFilePath)
+    )
 
     done();
 });
@@ -158,33 +163,32 @@ gulp.task(NPM_PACK, gulp.series(
     shell.task(['npm pack'], {cwd: config.npm.dist})
 ));
 
-function makeModuleForFolder(folderPath, moduleFileNames) {
+function makeModule(folder, moduleFileNames, moduleFilePath) {
     const distFolder = path.join(__dirname, config.npm.dist);
-    const distEsmFolder = path.join(distFolder, 'esm', folderPath);
+    const distModuleFolder = path.join(distFolder, folder);
+    const distEsmFolder = path.join(distFolder, 'esm', folder);
     const moduleNames = moduleFileNames || findJsModuleFileNamesInFolder(distEsmFolder);
 
     try {
-        fs.mkdirSync(path.join(distFolder, folderPath));
+        if (!fs.existsSync(distModuleFolder)) {
+            fs.mkdirSync(distModuleFolder);
+        }
 
-        if (fs.existsSync(path.join(distEsmFolder, 'index.js'))) {
-            generatePackageJsonFile(folderPath);
+        if (folder && fs.existsSync(path.join(distEsmFolder, 'index.js'))) {
+            generatePackageJsonFile(folder);
         }
 
         moduleNames.forEach((moduleFileName) => {
-            makeModuleForFile(moduleFileName, folderPath);
+            fs.mkdirSync(path.join(distModuleFolder, moduleFileName));
+
+            generatePackageJsonFile(folder, moduleFileName, moduleFilePath);
         })
     } catch (error) {
-        error.message = `Exception while makeModuleForFolder(${folderPath}).\n ${error.message}`;
+        error.message = `Exception while makeModule(${folder}).\n ${error.message}`;
         throw(error);
     }
 }
 
-function makeModuleForFile(moduleFileName, folder = '', filePath ) {
-    fs.mkdirSync(path.join(__dirname, config.npm.dist, folder, moduleFileName));
-
-    generatePackageJsonFile(folder, moduleFileName, filePath);
-}
-
 function generatePackageJsonFile(folder, moduleFileName, filePath = folder) {
     const moduleName = moduleFileName || '';
     const absoluteModulePath = path.join(__dirname, config.npm.dist, folder, moduleName);