chore: Remove gulp from app demos

.github/copilot-instructions.md

@@ -96,7 +96,7 @@ clean (`devextreme-nx-infra-plugin:clean` preserving CSS and npm metadata) → l
 These instructions are based on actual repository analysis including:
 - Package.json scripts and configurations
 - GitHub Actions workflows
-- Build system files (gulpfile.js, nx.json)
+- Build system files (nx.json, project.json)
 - Project structure and file organization
 - CI/CD pipeline requirements
 

.github/workflows/visual-tests-demos.yml

@@ -863,7 +863,7 @@ jobs:
 
     - name: Update bundles config
       working-directory: apps/demos
-      run: pnpm exec gulp update-config
+      run: pnpm run update-config
 
     - name: Create bundles dir
       run: mkdir -p apps/demos/bundles
@@ -1000,7 +1000,7 @@ jobs:
 
       - name: Update bundles config
         working-directory: apps/demos
-        run: pnpm exec gulp update-config
+        run: pnpm run update-config
 
       - name: Create bundles dir
         run: mkdir -p apps/demos/bundles

apps/demos/.gitignore

@@ -22,7 +22,6 @@ bundles
 changed-files.json
 
 !.vscode/settings.json
-gulpfile.js/.eslintrc.js
 
 shared/empty-file.js
 

apps/demos/package.json

@@ -138,7 +138,6 @@
         "express": "4.22.1",
         "glob": "11.1.0",
         "globals": "catalog:",
-        "gulp": "4.0.2",
         "jest": "29.7.0",
         "jest-environment-node": "29.7.0",
         "lodash": "4.18.1",
@@ -171,8 +170,8 @@
         "generate-tgz-packages": "node utils/create-tgz-packages.js",
         "generate-devextreme-angular-umd": "rollup -c ./rollup.devextreme-angular.umd.config.mjs --silent",
         "generate-external-bundles": "rollup -c ./rollup.external.bundles.config.mjs --silent",
-        "prepare-js": "gulp js && pnpm run generate-ng-umd && pnpm run generate-devextreme-angular-umd && pnpm run generate-external-bundles && npm run generate-tgz-packages",
-        "prepare-shared": "pnpm run prepare-ts && gulp shared",
+        "prepare-js": "node scripts/prepare-js-configs.js && pnpm run generate-ng-umd && pnpm run generate-devextreme-angular-umd && pnpm run generate-external-bundles && node utils/create-tgz-packages.js",
+        "prepare-shared": "node scripts/prepare-shared.js",
         "eslint": "eslint",
         "lint-html": "prettier --check .",
         "lint-js": "eslint . --ignore-pattern 'Demos'",
@@ -187,8 +186,9 @@
         "csp-check": "node utils/server/csp-check.js",
         "fix-lint": "prettier --write . && eslint --fix . && stylelint **/*.{css,vue} --fix",
         "prettier": "prettier",
-        "build-bundles": "gulp bundles",
-        "prepare-bundles": "pnpm run generate-devextreme-angular-umd && gulp bundles && gulp update-config",
+        "build-bundles": "node scripts/build-bundles.js",
+        "update-config": "node scripts/update-config.js",
+        "prepare-bundles": "pnpm run generate-devextreme-angular-umd && node scripts/build-bundles.js && pnpm run update-config",
         "convert-to-js": "ts-node ./utils/ts-to-js-converter/cli.ts",
         "create-typestat-cfg": "cd ./utils/internal && node ./create-typestat-cfg.js",
         "make-demos-bundle": "ts-node ./utils/create-bundles",

apps/demos/project.json

@@ -49,20 +49,31 @@
       ]
     },
     "prepare-bundles": {
-      "executor": "nx:run-script",
+      "executor": "nx:run-commands",
       "options": {
-        "script": "prepare-bundles"
+        "commands": [
+          "pnpm run generate-devextreme-angular-umd",
+          "node scripts/build-bundles.js",
+          "node scripts/update-config.js"
+        ],
+        "parallel": false,
+        "cwd": "{projectRoot}"
       },
       "dependsOn": [
         // "^build" uncomment me after migrating to PNPM
       ],
       "inputs": [
         "default",
-        "{projectRoot}/gulpfile.js/**/*",
+        "{projectRoot}/scripts/**/*",
+        "{projectRoot}/utils/bundle/**/*",
+        "{projectRoot}/utils/internal/create-config.js",
+        "{projectRoot}/menuMeta.json",
         "{projectRoot}/rollup.devextreme-angular.umd.config.mjs"
       ],
       "outputs": [
-        "{projectRoot}/bundles"
+        "{projectRoot}/bundles",
+        "{projectRoot}/Demos/**/config.js",
+        "{projectRoot}/Demos/**/tsconfig.json"
       ]
     },
     "lint-js": {
@@ -103,15 +114,25 @@
         "commands": [
           "pnpm nx build devextreme",
           "pnpm nx run-many --targets=pack --projects=devextreme-angular,devextreme-react,devextreme-vue --parallel",
-          "pnpm run prepare-js"
+          "node scripts/prepare-js-configs.js",
+          "pnpm run generate-ng-umd",
+          "pnpm run generate-devextreme-angular-umd",
+          "pnpm run generate-external-bundles",
+          "node utils/create-tgz-packages.js"
         ],
         "parallel": false,
         "cwd": "{projectRoot}"
       },
       "inputs": [
         "default",
-        "{projectRoot}/gulpfile.js/**/*",
-        "{projectRoot}/rollup.devextreme-angular.umd.config.mjs"
+        "{projectRoot}/scripts/**/*",
+        "{projectRoot}/utils/shared/config-helper.js",
+        "{projectRoot}/utils/internal/create-config.js",
+        "{projectRoot}/utils/copy-shared-resources/**/*",
+        "{projectRoot}/menuMeta.json",
+        "{projectRoot}/rollup.ng.umd.config.mjs",
+        "{projectRoot}/rollup.devextreme-angular.umd.config.mjs",
+        "{projectRoot}/rollup.external.bundles.config.mjs"
       ],
       "outputs": [
         "{projectRoot}/Demos/**/config.js"

apps/demos/scripts/build-bundles.js

@@ -0,0 +1,22 @@
+const { copyBundlesFolder, build } = require('../utils/bundle');
+
+async function main() {
+  copyBundlesFolder();
+  console.log('copy-bundles: done');
+
+  const frameworks = ['vue', 'angular', 'react'];
+  await Promise.all(
+    frameworks.map(async (framework) => {
+      console.log(`bundle-${framework}: starting...`);
+      await build(framework);
+      console.log(`bundle-${framework}: done`);
+    })
+  );
+
+  console.log('build-bundles: done');
+}
+
+main().catch((err) => {
+  console.error('build-bundles failed:', err);
+  process.exit(1);
+});

apps/demos/scripts/prepare-js-configs.js

@@ -0,0 +1,13 @@
+const { join } = require('path');
+const { init } = require('../utils/shared/config-helper');
+const createConfig = require('../utils/internal/create-config');
+const { copyJsSharedResources } = require('../utils/copy-shared-resources/copy');
+
+const demosDir = join(__dirname, '..', 'Demos');
+
+init();
+copyJsSharedResources(() => {});
+createConfig.useBundles = false;
+createConfig.run(demosDir);
+
+console.log('prepare-js-configs: done');

apps/demos/scripts/prepare-shared.js

@@ -0,0 +1,7 @@
+const { copyJsSharedResources, copyMvcSharedResources } = require('../utils/copy-shared-resources/copy');
+
+copyJsSharedResources(() => {
+  copyMvcSharedResources(() => {
+    console.log('prepare-shared: done');
+  });
+});

apps/demos/scripts/update-config.js

@@ -0,0 +1,9 @@
+const { join } = require('path');
+const createConfig = require('../utils/internal/create-config');
+
+const demosDir = join(__dirname, '..', 'Demos');
+
+createConfig.useBundles = true;
+createConfig.run(demosDir);
+
+console.log('update-config: done');