Remove Bootstrap < 5 (less) entities (#28396)

Author: mpreyskurantov

packages/devextreme-themebuilder/package.json

@@ -26,7 +26,6 @@
   "dependencies": {
     "autoprefixer": "^10.4.7",
     "clean-css": "^5.3.0",
-    "less": "^3.13.1",
     "postcss": "^8.2.6",
     "sass-embedded": "1.66.0"
   },
@@ -35,7 +34,6 @@
     "@types/dependency-tree": "7.2.0",
     "@types/filing-cabinet": "2.5.3",
     "@types/fs-extra": "11.0.4",
-    "@types/less": "3.0.6",
     "@types/node": "20.11.17",
     "eslint": "8.56.0",
     "eslint-config-airbnb-base": "15.0.0",

packages/devextreme-themebuilder/src/modules/bootstrap-extractor.ts

@@ -1,5 +1,4 @@
 import * as sass from 'sass-embedded';
-import less from 'less';
 import { promises as fs, existsSync } from 'fs';
 import bootstrap5meta from '../data/bootstrap-metadata/bootstrap5-metadata';
 
@@ -50,15 +49,6 @@ export default class BootstrapExtractor {
     });
   }
 
-  static async lessRender(input: string): Promise<string> {
-    return new Promise((resolve, reject) => {
-      less.render(
-        input,
-        (error, result) => (error ? reject(error.message) : resolve(result.css)),
-      );
-    });
-  }
-
   static convertRemToPx(cssValue: string): string {
     const remValueRegex = /(\d*?\.?\d+?)rem([;\s])?/g;
     const replaceHandler = (_match: string, value: string, separator: string): string => {
@@ -96,14 +86,6 @@ ${this.getCollectorServiceCode()}`;
     return result;
   }
 
-  async lessProcessor(): Promise<string> {
-    return Promise.resolve(
-      this.getSetterServiceCode()
-      + this.input
-      + this.getCollectorServiceCode(),
-    );
-  }
-
   getVariables(variables: string): string {
     return variables.replace(/^@import "variables-dark";.*$/gm, '');
   }

packages/devextreme-themebuilder/tests/modules/bootstrap-extractor.test.ts

@@ -23,17 +23,6 @@ describe('BootstrapExtractor', () => {
     .rejects
     .toMatch(/^Error: expected "{"\./));
 
-  test('lessRender', async () => {
-    const less = '@var: red; div { color: @var;}';
-    const css = 'div {\n  color: red;\n}\n';
-
-    return expect(await BootstrapExtractor.lessRender(less)).toBe(css);
-  });
-
-  test('lessRender (error)', async () => expect(BootstrapExtractor.lessRender('0'))
-    .rejects
-    .toBe('Unrecognised input. Possibly missing something'));
-
   test('sassProcessor (bootstrap5)', async () => {
     const testSassString = 'test string';
     const setterServiceCode = 'setter';
@@ -57,20 +46,6 @@ ${setterServiceCode}
 ${collectorServiceCode}`);
   });
 
-  test('lessProcessor', async () => {
-    const testLessString = 'test string';
-    const setterServiceCode = 'setter';
-    const collectorServiceCode = 'collector';
-    const extractor = new BootstrapExtractor(testLessString, 3);
-    extractor.getSetterServiceCode = (): string => setterServiceCode;
-    extractor.getCollectorServiceCode = (): string => collectorServiceCode;
-
-    expect(await extractor.lessProcessor())
-      .toBe(setterServiceCode
-        + testLessString
-        + collectorServiceCode);
-  });
-
   test('getSetterServiceCode', () => {
     const extractor = new BootstrapExtractor('', 4);
     extractor.meta = {