devextreme-themebuilder 23.2.6 → 24.1.2-beta

package/modules/compiler.js

@@ -1,114 +1,114 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const sass = __importStar(require("sass-embedded"));
-// eslint-disable-next-line import/extensions
-const dx_theme_builder_metadata_1 = require("../data/metadata/dx-theme-builder-metadata");
-const parse_value_1 = require("./parse-value");
-const post_compiler_1 = require("./post-compiler");
-class Compiler {
-    constructor() {
-        this.changedVariables = {};
-        this.importerCache = {};
-        this.meta = dx_theme_builder_metadata_1.metadata;
-        this.userItems = {};
-        this.compile = (file, items, options) => __awaiter(this, void 0, void 0, function* () { return this.sassCompile(file, items, options, sass.compileAsync); });
-        this.compileString = (content, items, options) => __awaiter(this, void 0, void 0, function* () { return this.sassCompile(content, items, options, sass.compileStringAsync); });
-        this.sassCompile = (source, items, options, compile) => __awaiter(this, void 0, void 0, function* () {
-            this.changedVariables = {};
-            if (items) {
-                this.userItems = items.reduce((acc, item) => {
-                    acc[item.key] = item;
-                    return acc;
-                }, {});
-            }
-            let compilerOptions = {
-                importers: [{
-                        // eslint-disable-next-line spellcheck/spell-checker
-                        canonicalize: this.canonicalize,
-                        load: this.load,
-                    }],
-                functions: {
-                    'collector($map)': this.collector,
-                    'getCustomVar($value)': this.getCustomVar,
-                },
-            };
-            compilerOptions = Object.assign(Object.assign({}, compilerOptions), options);
-            return new Promise((resolve, reject) => {
-                compile(source, compilerOptions)
-                    .then((data) => {
-                    resolve({
-                        result: Object.assign(Object.assign({}, data), { css: (0, post_compiler_1.optimizeCss)(data.css) }),
-                        changedVariables: this.changedVariables,
-                    });
-                })
-                    .catch((error) => reject(error));
-            });
-        });
-        // eslint-disable-next-line spellcheck/spell-checker
-        this.canonicalize = (url) => (url.includes('tb_index') ? new URL(`db:${url}`) : null);
-        this.load = () => ({
-            contents: this.indexFileContent,
-            syntax: 'scss',
-        });
-        this.getCustomVar = (values) => {
-            const customVariable = values[0].get(0);
-            const nameVariable = customVariable.get(0);
-            let result = sass.sassNull;
-            const customerVariable = this.userItems[nameVariable.text];
-            if (customerVariable) {
-                result = (0, parse_value_1.parseString)(customerVariable.value);
-            }
-            return result;
-        };
-        this.collector = (maps) => {
-            maps.forEach((map) => {
-                map.asList.forEach((value) => {
-                    if (value.get(1) === sass.sassNull) {
-                        return;
-                    }
-                    const key = value.get(0);
-                    if (!(key instanceof sass.SassString)) {
-                        return;
-                    }
-                    const variableKey = key.text;
-                    const variableValue = (0, parse_value_1.parse)(value.get(1));
-                    this.changedVariables[variableKey] = variableValue;
-                });
-            });
-            return sass.sassNull;
-        };
-    }
-}
-exports.default = Compiler;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const sass = __importStar(require("sass-embedded"));
+// eslint-disable-next-line import/extensions
+const dx_theme_builder_metadata_1 = require("../data/metadata/dx-theme-builder-metadata");
+const parse_value_1 = require("./parse-value");
+const post_compiler_1 = require("./post-compiler");
+class Compiler {
+    constructor() {
+        this.changedVariables = {};
+        this.importerCache = {};
+        this.meta = dx_theme_builder_metadata_1.metadata;
+        this.userItems = {};
+        this.compile = (file, items, options) => __awaiter(this, void 0, void 0, function* () { return this.sassCompile(file, items, options, sass.compileAsync); });
+        this.compileString = (content, items, options) => __awaiter(this, void 0, void 0, function* () { return this.sassCompile(content, items, options, sass.compileStringAsync); });
+        this.sassCompile = (source, items, options, compile) => __awaiter(this, void 0, void 0, function* () {
+            this.changedVariables = {};
+            if (items) {
+                this.userItems = items.reduce((acc, item) => {
+                    acc[item.key] = item;
+                    return acc;
+                }, {});
+            }
+            let compilerOptions = {
+                importers: [{
+                        // eslint-disable-next-line spellcheck/spell-checker
+                        canonicalize: this.canonicalize,
+                        load: this.load,
+                    }],
+                functions: {
+                    'collector($map)': this.collector,
+                    'getCustomVar($value)': this.getCustomVar,
+                },
+            };
+            compilerOptions = Object.assign(Object.assign({}, compilerOptions), options);
+            return new Promise((resolve, reject) => {
+                compile(source, compilerOptions)
+                    .then((data) => {
+                    resolve({
+                        result: Object.assign(Object.assign({}, data), { css: (0, post_compiler_1.optimizeCss)(data.css) }),
+                        changedVariables: this.changedVariables,
+                    });
+                })
+                    .catch((error) => reject(error));
+            });
+        });
+        // eslint-disable-next-line spellcheck/spell-checker
+        this.canonicalize = (url) => (url.includes('tb_index') ? new URL(`db:${url}`) : null);
+        this.load = () => ({
+            contents: this.indexFileContent,
+            syntax: 'scss',
+        });
+        this.getCustomVar = (values) => {
+            const customVariable = values[0].get(0);
+            const nameVariable = customVariable.get(0);
+            let result = sass.sassNull;
+            const customerVariable = this.userItems[nameVariable.text];
+            if (customerVariable) {
+                result = (0, parse_value_1.parseString)(customerVariable.value);
+            }
+            return result;
+        };
+        this.collector = (maps) => {
+            maps.forEach((map) => {
+                map.asList.forEach((value) => {
+                    if (value.get(1) === sass.sassNull) {
+                        return;
+                    }
+                    const key = value.get(0);
+                    if (!(key instanceof sass.SassString)) {
+                        return;
+                    }
+                    const variableKey = key.text;
+                    const variableValue = (0, parse_value_1.parse)(value.get(1));
+                    this.changedVariables[variableKey] = variableValue;
+                });
+            });
+            return sass.sassNull;
+        };
+    }
+}
+exports.default = Compiler;

package/modules/config-normalizer.js

@@ -1,150 +1,150 @@
-"use strict";
-/* eslint no-param-reassign: ["error", { "props": false }] */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const commands_1 = __importDefault(require("./commands"));
-const themes_1 = __importDefault(require("./themes"));
-const logger_1 = require("./logger");
-const DEFAULT_OUT_COLOR_SCHEME = 'custom-scheme';
-const extname = (filename) => filename.substring(filename.lastIndexOf('.'));
-const getBootstrapConfig = (fileName, configVersion) => {
-    const extension = extname(fileName);
-    let bootstrap = false;
-    let version = 0;
-    if (extension === '.scss') {
-        bootstrap = true;
-        version = 4;
-    }
-    else if (extension === '.less') {
-        bootstrap = true;
-        version = 3;
-    }
-    if (version === 4 && (configVersion === 4 || configVersion === 5)) {
-        version = configVersion;
-    }
-    return { isBootstrap: bootstrap, bootstrapVersion: version };
-};
-const getOutParameters = (command, themeName, config) => {
-    var _a, _b, _c;
-    let outputFile = (_a = config.outputFile) !== null && _a !== void 0 ? _a : '';
-    let outColorScheme = (_b = config.outputColorScheme) !== null && _b !== void 0 ? _b : '';
-    let fileFormat = ((_c = config.outputFormat) !== null && _c !== void 0 ? _c : '') || extname(outputFile).substr(1);
-    const makeSwatch = !!config.makeSwatch;
-    const base = !!config.base;
-    const isColorSchemeValid = outColorScheme && /^[\w\-.]+$/.test(outColorScheme);
-    if (!isColorSchemeValid) {
-        (0, logger_1.log)(`'--output-color-scheme' is not valid. '${DEFAULT_OUT_COLOR_SCHEME}' will be used.`);
-    }
-    if (!outColorScheme || !isColorSchemeValid) {
-        outColorScheme = DEFAULT_OUT_COLOR_SCHEME;
-    }
-    if (!fileFormat) {
-        switch (command) {
-            case commands_1.default.BUILD_THEME:
-                fileFormat = 'css';
-                break;
-            case commands_1.default.BUILD_VARS:
-                fileFormat = 'less';
-                break;
-            case commands_1.default.BUILD_META:
-                fileFormat = 'json';
-                break;
-            default:
-                fileFormat = 'css';
-                break;
-        }
-    }
-    if (!outputFile) {
-        outputFile = `dx.${themeName}.${outColorScheme}.${fileFormat}`;
-    }
-    return {
-        outputFile,
-        fileFormat,
-        outColorScheme,
-        makeSwatch,
-        base,
-    };
-};
-const getThemeAndColorScheme = (config) => {
-    let themeName = 'generic';
-    let colorScheme = 'light';
-    let foundTheme = null;
-    if (config.baseTheme) {
-        const dotIndex = config.baseTheme.indexOf('.');
-        const passedThemeName = config.baseTheme.substr(0, dotIndex);
-        const passedColorScheme = config.baseTheme.substr(dotIndex + 1).replace(/\./g, '-');
-        foundTheme = themes_1.default.find((t) => t.name === passedThemeName
-            && t.colorScheme === passedColorScheme);
-        if (!foundTheme) {
-            (0, logger_1.log)(`The base theme with name ${config.baseTheme} does not exist.`);
-        }
-    }
-    else if (config.themeId) {
-        foundTheme = themes_1.default.find((t) => t.themeId === parseInt(config.themeId.toString(), 10));
-        if (!foundTheme) {
-            (0, logger_1.log)(`The theme with ID ${config.themeId} does not exist.`);
-        }
-    }
-    if (foundTheme) {
-        themeName = foundTheme.name;
-        colorScheme = foundTheme.colorScheme;
-    }
-    return {
-        themeName,
-        colorScheme,
-    };
-};
-const processItemKeys = (config, processor) => {
-    var _a;
-    if ((_a = config.items) === null || _a === void 0 ? void 0 : _a.length) {
-        config.items.forEach((item) => {
-            item.key = processor(item.key);
-        });
-    }
-};
-const normalizePath = (path) => path + (!path.endsWith('/') ? '/' : '');
-const parseConfig = (config) => {
-    var _a;
-    const { command } = config;
-    const metadataFilePath = (_a = config.inputFile) !== null && _a !== void 0 ? _a : '';
-    const themeInfo = getThemeAndColorScheme(config);
-    const bootstrapConfig = getBootstrapConfig(metadataFilePath, config.bootstrapVersion);
-    const output = getOutParameters(command, themeInfo.themeName, config);
-    delete config.baseTheme;
-    delete config.outputColorScheme;
-    delete config.outputFormat;
-    delete config.outputFile;
-    delete config.inputFile;
-    delete config.themeId;
-    if (config.lessPath) {
-        config.lessPath = normalizePath(config.lessPath);
-    }
-    if (config.scssPath) {
-        config.scssPath = normalizePath(config.scssPath);
-    }
-    if (config.widgets) {
-        config.widgets = config.widgets.map((w) => w.toLowerCase());
-    }
-    [
-        (key) => key.replace(/@treelist/, '@datagrid'),
-        (key) => key.replace(/@/, '$'),
-        (key) => key.toLowerCase().replace(/_/g, '-'),
-    ].forEach((processor) => {
-        processItemKeys(config, processor);
-    });
-    Object.assign(config, {
-        data: config.data !== undefined ? config.data : {},
-        fileFormat: output.fileFormat,
-        themeName: themeInfo.themeName,
-        colorScheme: themeInfo.colorScheme,
-        outColorScheme: output.outColorScheme,
-        isBootstrap: bootstrapConfig.isBootstrap,
-        bootstrapVersion: bootstrapConfig.bootstrapVersion,
-        out: output.outputFile,
-        makeSwatch: output.makeSwatch,
-        base: output.base,
-    });
-};
-exports.default = parseConfig;
+"use strict";
+/* eslint no-param-reassign: ["error", { "props": false }] */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const commands_1 = __importDefault(require("./commands"));
+const themes_1 = __importDefault(require("./themes"));
+const logger_1 = require("./logger");
+const DEFAULT_OUT_COLOR_SCHEME = 'custom-scheme';
+const extname = (filename) => filename.substring(filename.lastIndexOf('.'));
+const getBootstrapConfig = (fileName, configVersion) => {
+    const extension = extname(fileName);
+    let bootstrap = false;
+    let version = 0;
+    if (extension === '.scss') {
+        bootstrap = true;
+        version = 4;
+    }
+    else if (extension === '.less') {
+        bootstrap = true;
+        version = 3;
+    }
+    if (version === 4 && (configVersion === 4 || configVersion === 5)) {
+        version = configVersion;
+    }
+    return { isBootstrap: bootstrap, bootstrapVersion: version };
+};
+const getOutParameters = (command, themeName, config) => {
+    var _a, _b, _c;
+    let outputFile = (_a = config.outputFile) !== null && _a !== void 0 ? _a : '';
+    let outColorScheme = (_b = config.outputColorScheme) !== null && _b !== void 0 ? _b : '';
+    let fileFormat = ((_c = config.outputFormat) !== null && _c !== void 0 ? _c : '') || extname(outputFile).substr(1);
+    const makeSwatch = !!config.makeSwatch;
+    const base = !!config.base;
+    const isColorSchemeValid = outColorScheme && /^[\w\-.]+$/.test(outColorScheme);
+    if (!isColorSchemeValid) {
+        (0, logger_1.log)(`'--output-color-scheme' is not valid. '${DEFAULT_OUT_COLOR_SCHEME}' will be used.`);
+    }
+    if (!outColorScheme || !isColorSchemeValid) {
+        outColorScheme = DEFAULT_OUT_COLOR_SCHEME;
+    }
+    if (!fileFormat) {
+        switch (command) {
+            case commands_1.default.BUILD_THEME:
+                fileFormat = 'css';
+                break;
+            case commands_1.default.BUILD_VARS:
+                fileFormat = 'less';
+                break;
+            case commands_1.default.BUILD_META:
+                fileFormat = 'json';
+                break;
+            default:
+                fileFormat = 'css';
+                break;
+        }
+    }
+    if (!outputFile) {
+        outputFile = `dx.${themeName}.${outColorScheme}.${fileFormat}`;
+    }
+    return {
+        outputFile,
+        fileFormat,
+        outColorScheme,
+        makeSwatch,
+        base,
+    };
+};
+const getThemeAndColorScheme = (config) => {
+    let themeName = 'generic';
+    let colorScheme = 'light';
+    let foundTheme = null;
+    if (config.baseTheme) {
+        const dotIndex = config.baseTheme.indexOf('.');
+        const passedThemeName = config.baseTheme.substr(0, dotIndex);
+        const passedColorScheme = config.baseTheme.substr(dotIndex + 1).replace(/\./g, '-');
+        foundTheme = themes_1.default.find((t) => t.name === passedThemeName
+            && t.colorScheme === passedColorScheme);
+        if (!foundTheme) {
+            (0, logger_1.log)(`The base theme with name ${config.baseTheme} does not exist.`);
+        }
+    }
+    else if (config.themeId) {
+        foundTheme = themes_1.default.find((t) => t.themeId === parseInt(config.themeId.toString(), 10));
+        if (!foundTheme) {
+            (0, logger_1.log)(`The theme with ID ${config.themeId} does not exist.`);
+        }
+    }
+    if (foundTheme) {
+        themeName = foundTheme.name;
+        colorScheme = foundTheme.colorScheme;
+    }
+    return {
+        themeName,
+        colorScheme,
+    };
+};
+const processItemKeys = (config, processor) => {
+    var _a;
+    if ((_a = config.items) === null || _a === void 0 ? void 0 : _a.length) {
+        config.items.forEach((item) => {
+            item.key = processor(item.key);
+        });
+    }
+};
+const normalizePath = (path) => path + (!path.endsWith('/') ? '/' : '');
+const parseConfig = (config) => {
+    var _a;
+    const { command } = config;
+    const metadataFilePath = (_a = config.inputFile) !== null && _a !== void 0 ? _a : '';
+    const themeInfo = getThemeAndColorScheme(config);
+    const bootstrapConfig = getBootstrapConfig(metadataFilePath, config.bootstrapVersion);
+    const output = getOutParameters(command, themeInfo.themeName, config);
+    delete config.baseTheme;
+    delete config.outputColorScheme;
+    delete config.outputFormat;
+    delete config.outputFile;
+    delete config.inputFile;
+    delete config.themeId;
+    if (config.lessPath) {
+        config.lessPath = normalizePath(config.lessPath);
+    }
+    if (config.scssPath) {
+        config.scssPath = normalizePath(config.scssPath);
+    }
+    if (config.widgets) {
+        config.widgets = config.widgets.map((w) => w.toLowerCase());
+    }
+    [
+        (key) => key.replace(/@treelist/, '@datagrid'),
+        (key) => key.replace(/@/, '$'),
+        (key) => key.toLowerCase().replace(/_/g, '-'),
+    ].forEach((processor) => {
+        processItemKeys(config, processor);
+    });
+    Object.assign(config, {
+        data: config.data !== undefined ? config.data : {},
+        fileFormat: output.fileFormat,
+        themeName: themeInfo.themeName,
+        colorScheme: themeInfo.colorScheme,
+        outColorScheme: output.outColorScheme,
+        isBootstrap: bootstrapConfig.isBootstrap,
+        bootstrapVersion: bootstrapConfig.bootstrapVersion,
+        out: output.outputFile,
+        makeSwatch: output.makeSwatch,
+        base: output.base,
+    });
+};
+exports.default = parseConfig;

package/modules/logger.js

@@ -1,16 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.log = void 0;
-/* eslint no-console: 0 */
-function log(message, data = undefined) {
-    const debugEnvVariableName = 'THEMEBUILDER_DEBUG';
-    const needLog = typeof process !== 'undefined' && process.env && process.env[debugEnvVariableName] !== undefined;
-    if (!needLog)
-        return;
-    let timedMessage = `${new Date().toISOString()}: ${message}`;
-    if (data !== undefined) {
-        timedMessage += `: ${JSON.stringify(data, null, 2).substr(0, 50)}`;
-    }
-    console.log(timedMessage);
-}
-exports.log = log;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.log = void 0;
+/* eslint no-console: 0 */
+function log(message, data = undefined) {
+    const debugEnvVariableName = 'THEMEBUILDER_DEBUG';
+    const needLog = typeof process !== 'undefined' && process.env && process.env[debugEnvVariableName] !== undefined;
+    if (!needLog)
+        return;
+    let timedMessage = `${new Date().toISOString()}: ${message}`;
+    if (data !== undefined) {
+        timedMessage += `: ${JSON.stringify(data, null, 2).substr(0, 50)}`;
+    }
+    console.log(timedMessage);
+}
+exports.log = log;