@genexus/mercury 0.33.0 → 1.0.0-beta.0

package/dist/cli/internal/config-file/load-config-file.js

@@ -0,0 +1,60 @@
+import { build } from "esbuild";
+import { existsSync } from "fs";
+import { styleText } from "node:util";
+import { extname, join } from "path";
+import { pathToFileURL } from "url";
+import { DEFAULT_MERCURY_CONFIG_FILE_PATHS } from "../constants.js";
+const tryToCheckIfDefaultConfigFileExists = () => {
+    // Typescript config
+    if (existsSync(join(process.cwd(), DEFAULT_MERCURY_CONFIG_FILE_PATHS.TS))) {
+        return DEFAULT_MERCURY_CONFIG_FILE_PATHS.TS;
+    }
+    // JavaScript config
+    if (existsSync(join(process.cwd(), DEFAULT_MERCURY_CONFIG_FILE_PATHS.JS))) {
+        return DEFAULT_MERCURY_CONFIG_FILE_PATHS.JS;
+    }
+    if (existsSync(join(process.cwd(), DEFAULT_MERCURY_CONFIG_FILE_PATHS.MJS))) {
+        return DEFAULT_MERCURY_CONFIG_FILE_PATHS.MJS;
+    }
+    if (existsSync(join(process.cwd(), DEFAULT_MERCURY_CONFIG_FILE_PATHS.CJS))) {
+        return DEFAULT_MERCURY_CONFIG_FILE_PATHS.CJS;
+    }
+    return undefined;
+};
+export const loadConfigFile = async (configFilePath) => {
+    const configFilePathOrDefault = configFilePath ?? tryToCheckIfDefaultConfigFileExists();
+    if (!configFilePathOrDefault) {
+        return;
+    }
+    const configFileFullPath = join(process.cwd(), configFilePathOrDefault);
+    const ext = extname(configFileFullPath);
+    try {
+        if (ext === ".ts") {
+            // Compile the module in memory using ESBuild. We have to do this, because
+            // we can only evaluate JS files
+            const result = await build({
+                entryPoints: [configFileFullPath],
+                write: false,
+                bundle: true,
+                platform: "node",
+                format: "esm"
+            });
+            const js = result.outputFiles[0].text;
+            const dataUrl = "data:application/javascript;base64," +
+                Buffer.from(js).toString("base64");
+            const mercuryConfigFileContent = await import(dataUrl);
+            return mercuryConfigFileContent.default;
+        }
+        if (ext === ".js" || ext === ".mjs" || ext === ".cjs") {
+            const mercuryConfigFileContent = await import(pathToFileURL(configFileFullPath).href);
+            return mercuryConfigFileContent.default;
+        }
+    }
+    catch (error) {
+        console.log(styleText("red", `Error while loading the config file ("`) +
+            styleText("redBright", configFilePath ?? "") +
+            styleText("red", `") for Mercury.`), error);
+        return undefined;
+    }
+    return undefined;
+};

package/dist/cli/internal/config-file/types.d.ts

@@ -0,0 +1,15 @@
+import type { MercuryTokensDefinition } from "../../../tokens/_generated/mercury-generated-definition";
+export type MercuryConfig = {
+    /**
+     * Specifies a set of options to override the implementation of Mercury,
+     * allowing to customize the values of the design tokens.
+     */
+    overrides?: MercuryConfigOverrides;
+};
+export type MercuryConfigOverrides = {
+    /**
+     * Tokens to override their value. This structure is defined based on the
+     * tokens structure that comes from Figma.
+     */
+    tokens?: MercuryTokensDefinition;
+};

package/dist/cli/internal/config-file/types.js

@@ -0,0 +1 @@
+export {};

package/dist/cli/internal/constants.d.ts

@@ -3,6 +3,8 @@ export declare const SCSS_BUNDLES_INPUT_DIR: string;
 export declare const BASE_BUNDLES_OUT_DIR: string;
 export declare const SCSS_BUNDLES_OUT_DIR: string;
 export declare const CSS_BUNDLES_OUT_DIR: string;
+export declare const CSS_NOT_PROCESSED_BUNDLES_OUT_DIR: string;
+export declare const CSS_NOT_PROCESSED_BUNDLES_OUT_DIR_FROM_CLI: string;
 export declare const BASE_BUNDLE = "base/base";
 export declare const BASE_GLOBANT_BUNDLE = "base/base-globant";
 export declare const BUNDLE_MAPPING_TO_HASH_FILE = "bundle-to-hash-mappings.ts";
@@ -13,6 +15,12 @@ export declare const FONT_FACE_PATH_PLACEHOLDER = "{{FONT_FACE_PATH}}";
 export declare const DEFAULT_FONT_FACE_PATH = "./assets/fonts/";
 export declare const DEFAULT_ICONS_PATH = "./assets/icons/";
 export declare const DEFAULT_OUT_DIR_PATH = "./.mercury";
+export declare const DEFAULT_MERCURY_CONFIG_FILE_PATHS: {
+    TS: string;
+    JS: string;
+    MJS: string;
+    CJS: string;
+};
 export declare const SEPARATE_BY_COMMA_REGEX: RegExp;
 export declare const SPECIAL_CHARS_IN_BUNDLE_NAME_REGEX: RegExp;
 export declare const HASH_LENGTH = 16;

package/dist/cli/internal/constants.js

@@ -1,10 +1,14 @@
 import path from "node:path";
 // import type { BundleAssociationMetadata } from "./types";
 export const KB = 1000;
-export const SCSS_BUNDLES_INPUT_DIR = path.join("src", "bundles", "scss");
-export const BASE_BUNDLES_OUT_DIR = path.join("dist", "bundles");
+const BUNDLES_FOLDER = "bundles";
+export const SCSS_BUNDLES_INPUT_DIR = path.join("src", BUNDLES_FOLDER, "scss");
+export const BASE_BUNDLES_OUT_DIR = path.join("dist", BUNDLES_FOLDER);
 export const SCSS_BUNDLES_OUT_DIR = path.join(BASE_BUNDLES_OUT_DIR, "scss");
 export const CSS_BUNDLES_OUT_DIR = path.join(BASE_BUNDLES_OUT_DIR, "css");
+const CSS_NOT_PROCESSED_BUNDLES_DIR = "css-not-processed";
+export const CSS_NOT_PROCESSED_BUNDLES_OUT_DIR = path.join(BASE_BUNDLES_OUT_DIR, CSS_NOT_PROCESSED_BUNDLES_DIR);
+export const CSS_NOT_PROCESSED_BUNDLES_OUT_DIR_FROM_CLI = path.join("../../", BUNDLES_FOLDER, CSS_NOT_PROCESSED_BUNDLES_DIR);
 export const BASE_BUNDLE = "base/base";
 export const BASE_GLOBANT_BUNDLE = "base/base-globant";
 // Files
@@ -18,6 +22,12 @@ export const FONT_FACE_PATH_PLACEHOLDER = "{{FONT_FACE_PATH}}";
 export const DEFAULT_FONT_FACE_PATH = "./assets/fonts/";
 export const DEFAULT_ICONS_PATH = "./assets/icons/";
 export const DEFAULT_OUT_DIR_PATH = "./.mercury";
+export const DEFAULT_MERCURY_CONFIG_FILE_PATHS = {
+    TS: "./mercury.config.ts",
+    JS: "./mercury.config.js",
+    MJS: "./mercury.config.mjs",
+    CJS: "./mercury.config.cjs"
+};
 export const SEPARATE_BY_COMMA_REGEX = /\s*,\s*/g;
 export const SPECIAL_CHARS_IN_BUNDLE_NAME_REGEX = /[/-]/g;
 export const HASH_LENGTH = 16;

package/dist/cli/internal/create-bundles-with-custom-paths.d.ts

@@ -2,7 +2,7 @@ import type { CLIArguments, FileMetadata } from "./types";
 export declare const createBundleWithCustomPath: (args: CLIArguments, options: {
     bundleFolder: string;
     fileBaseDirToWrite: string;
-}, fileMetadata: FileMetadata, avoidAllHashes: boolean, actualFilePath: string) => {
+}, fileMetadata: FileMetadata, avoidAllHashes: boolean, actualFilePath: string, hasGlobantVariant: boolean) => {
     bundleName: string;
     bundleNameWithHash: string;
     fileSize: string;

package/dist/cli/internal/create-bundles-with-custom-paths.js

@@ -1,11 +1,11 @@
 import fs from "node:fs";
 import path from "node:path";
 import { fileURLToPath } from "node:url";
-import { BASE_BUNDLE, BASE_CSS_FILE, BASE_GLOBANT_BUNDLE, BASE_GLOBANT_CSS_FILE, BUNDLE_MAPPING_TO_HASH_FILE, DEFAULT_FONT_FACE_PATH, DEFAULT_ICONS_PATH, HASH_AND_LETTER_LENGTH } from "./constants.js";
+import { BASE_BUNDLE, BASE_CSS_FILE, BASE_GLOBANT_BUNDLE, BASE_GLOBANT_CSS_FILE, BUNDLE_MAPPING_TO_HASH_FILE, CSS_NOT_PROCESSED_BUNDLES_OUT_DIR_FROM_CLI, DEFAULT_FONT_FACE_PATH, DEFAULT_ICONS_PATH, FONT_FACE_PATH_PLACEHOLDER, HASH_AND_LETTER_LENGTH, ICONS_PATH_PLACEHOLDER } from "./constants.js";
 import { getFilesInDir } from "./file-management.js";
-import { getBundleFolderAndFileBaseDir, getBundleName, getFileNameWithHash, getFileNameWithoutExt, getFileSize, getHash, sanitizeBundleName } from "./utils.js";
 import { printBundleWasCreated, printBundleWasCreatedTableHeader } from "./print-utils.js";
-export const createBundleWithCustomPath = (args, options, fileMetadata, avoidAllHashes, actualFilePath) => {
+import { getBundleFolderAndFileBaseDir, getBundleName, getFileNameWithHash, getFileNameWithoutExt, getFileSize, getHash, replacePlaceholdersInBundle, sanitizeBundleName } from "./utils.js";
+export const createBundleWithCustomPath = (args, options, fileMetadata, avoidAllHashes, actualFilePath, hasGlobantVariant) => {
     const { avoidHash, fontFacePath, iconsPath } = args;
     const { bundleFolder, fileBaseDirToWrite } = options;
     const fileNameWithoutExt = getFileNameWithoutExt(fileMetadata);
@@ -14,12 +14,9 @@ export const createBundleWithCustomPath = (args, options, fileMetadata, avoidAll
     let css = fs.readFileSync(actualFilePath ?? fileMetadata.filePath, {
         encoding: "utf8"
     });
-    if (fontFacePath !== DEFAULT_FONT_FACE_PATH) {
-        css = css.replaceAll(DEFAULT_FONT_FACE_PATH, fontFacePath);
-    }
-    if (iconsPath !== DEFAULT_ICONS_PATH) {
-        css = css.replaceAll(DEFAULT_ICONS_PATH, iconsPath);
-    }
+    css = replacePlaceholdersInBundle(css
+        .replaceAll(FONT_FACE_PATH_PLACEHOLDER, fontFacePath)
+        .replaceAll(ICONS_PATH_PLACEHOLDER, iconsPath), DEFAULT_FONT_FACE_PATH, DEFAULT_ICONS_PATH, hasGlobantVariant ? "globant" : "mercury", args?.overrides.tokensOverride);
     const fileNameWithHash = avoidAllHashes || avoidHash.has(bundleName)
         ? fileNameWithoutExt
         : getFileNameWithHash(fileNameWithoutExt, getHash(css));
@@ -41,7 +38,7 @@ export const createBundlesWithCustomPaths = async (args, avoidAllHashes = false)
     const __filename = fileURLToPath(import.meta.url);
     // Directory name where the script is located (<path from root to node_modules/@genexus/mercury>/dist/cli/)
     const __dirname = path.dirname(__filename);
-    const cssOutput = path.join(__dirname, "../../bundles/css");
+    const cssOutput = path.join(__dirname, CSS_NOT_PROCESSED_BUNDLES_OUT_DIR_FROM_CLI);
     /**
      * Files to transpile
      */
@@ -66,17 +63,16 @@ export const createBundlesWithCustomPaths = async (args, avoidAllHashes = false)
             fs.mkdirSync(path.join(fileBaseDirToWrite), { recursive: true });
         }
         // There is no need to copy the base-globant.css file, since the base.css
-        // file already contains this file
-        if (hasGlobantVariant) {
-            if (bundleName === BASE_GLOBANT_BUNDLE) {
-                return;
-            }
-            // Replace the content of the base bundle with the Globant variant
-            if (bundleName === BASE_BUNDLE) {
-                actualFilePath = actualFilePath.replace(BASE_CSS_FILE, BASE_GLOBANT_CSS_FILE);
-            }
+        // file already contains this file when using the Globant theme
+        // if (bundleName === BASE_GLOBANT_BUNDLE) {
+        //   return;
+        // }
+        // Replace the content of the base bundle with the Globant theme if the
+        // Globant flag is set
+        if (hasGlobantVariant && bundleName === BASE_BUNDLE) {
+            actualFilePath = actualFilePath.replace(BASE_CSS_FILE, BASE_GLOBANT_CSS_FILE);
         }
-        copiedFiles.push(createBundleWithCustomPath(args, options, fileMetadata, avoidAllHashes, actualFilePath));
+        copiedFiles.push(createBundleWithCustomPath(args, options, fileMetadata, avoidAllHashes, actualFilePath, hasGlobantVariant || bundleName === BASE_GLOBANT_BUNDLE));
     });
     copiedFiles.sort((a, b) => (a.bundleName <= b.bundleName ? -1 : 0));
     const bundleMappingFileContent = `export const bundleToHashMappings = {\n${copiedFiles.map(entry => `  "${entry.bundleName}": "${entry.bundleNameWithHash}"`).join(",\n")}\n} as const;\n`;

package/dist/cli/internal/transpile-bundle-and-create-mappings.d.ts

@@ -1,2 +1,2 @@
 import type { CLIArguments, FileMetadata } from "./types";
-export declare const transpileCssBundleWithPlaceholder: (fileMetadata: FileMetadata, args?: CLIArguments) => Promise<void>;
+export declare const transpileCssBundleWithPlaceholder: (fileMetadata: FileMetadata, cliArgs?: CLIArguments) => Promise<void>;

package/dist/cli/internal/transpile-bundle-and-create-mappings.js

@@ -1,29 +1,37 @@
 import fs from "node:fs/promises";
 import path from "node:path";
 import * as sass from "sass";
-import { BASE_BUNDLE, BASE_GLOBANT_BUNDLE, BASE_GLOBANT_CSS_FILE, CSS_BUNDLES_OUT_DIR, DEFAULT_FONT_FACE_PATH, DEFAULT_ICONS_PATH, SCSS_BUNDLES_INPUT_DIR, SCSS_BUNDLES_OUT_DIR } from "./constants.js";
+import { BASE_BUNDLE, BASE_GLOBANT_BUNDLE, BASE_GLOBANT_CSS_FILE, CSS_BUNDLES_OUT_DIR, CSS_NOT_PROCESSED_BUNDLES_OUT_DIR, DEFAULT_FONT_FACE_PATH, DEFAULT_ICONS_PATH, SCSS_BUNDLES_INPUT_DIR, SCSS_BUNDLES_OUT_DIR } from "./constants.js";
 import { replacePlaceholdersInBundle, sanitizeBundleName } from "./utils.js";
-const transpileBundle = (filePath, globant) => sass.compile(filePath, {
-    loadPaths: [globant ? "src/config/globant" : "src/config/default"],
+const transpileBundle = (filePath, figmaTheme) => sass.compile(filePath, {
+    loadPaths: [
+        figmaTheme === "globant" ? "src/config/globant" : "src/config/default"
+    ],
     style: "compressed"
 }).css;
 const BUNDLES = [];
-const transpileGlobantCssFile = async (fileMetadata, cssOutDir) => {
+const transpileGlobantCssFile = async (fileMetadata, cssOutDir, cssNotProcessedOutDir, args) => {
     const { filePath } = fileMetadata;
     BUNDLES.push({
         fileDir: fileMetadata.dir
             .replace(SCSS_BUNDLES_OUT_DIR, "")
-            .replace("\\", "/")
+            .replace(/\\/g, "/")
     });
-    const transpiledBundle = transpileBundle(filePath, true);
+    const transpiledBundle = transpileBundle(filePath, "globant");
     // Store the CSS file with its default values
-    await fs.writeFile(path.join(cssOutDir, BASE_GLOBANT_CSS_FILE), replacePlaceholdersInBundle(transpiledBundle, DEFAULT_FONT_FACE_PATH, DEFAULT_ICONS_PATH));
+    await Promise.all([
+        // Store the not processed CSS file, to allow replacing the placeholders
+        // when executing the mercury cli utility
+        fs.writeFile(path.join(cssNotProcessedOutDir, BASE_GLOBANT_CSS_FILE), transpiledBundle),
+        fs.writeFile(path.join(cssOutDir, BASE_GLOBANT_CSS_FILE), replacePlaceholdersInBundle(transpiledBundle, DEFAULT_FONT_FACE_PATH, DEFAULT_ICONS_PATH, "globant", args?.overrides.tokensOverride))
+    ]);
 };
-export const transpileCssBundleWithPlaceholder = async (fileMetadata, args) => {
+export const transpileCssBundleWithPlaceholder = async (fileMetadata, cliArgs) => {
     const { fileName } = fileMetadata;
     let actualFilePath = fileMetadata.filePath;
-    const hasGlobantVariant = args?.globant ?? false;
+    const hasGlobantVariant = cliArgs?.globant ?? false;
     const cssOutDir = fileMetadata.dir.replace(SCSS_BUNDLES_INPUT_DIR, CSS_BUNDLES_OUT_DIR);
+    const cssNotProcessedOutDir = fileMetadata.dir.replace(SCSS_BUNDLES_INPUT_DIR, CSS_NOT_PROCESSED_BUNDLES_OUT_DIR);
     const fileNameCssExt = fileName.replace(".scss", ".css");
     const bundleName = sanitizeBundleName(actualFilePath.replace(SCSS_BUNDLES_INPUT_DIR, "").replace(".scss", ""));
     // There is no need to generate the base-globant.css file, since the base.css
@@ -44,14 +52,20 @@ export const transpileCssBundleWithPlaceholder = async (fileMetadata, args) => {
             dir: fileMetadata.dir,
             fileName: fileName.replace(BASE_BUNDLE, BASE_GLOBANT_BUNDLE),
             filePath: actualFilePath
-        }, cssOutDir);
+        }, cssOutDir, cssNotProcessedOutDir, cliArgs);
     }
     BUNDLES.push({
         fileDir: fileMetadata.dir
             .replace(SCSS_BUNDLES_INPUT_DIR, "")
-            .replace("\\", "/")
+            .replace(/\\/g, "/")
     });
-    const transpiledBundle = transpileBundle(actualFilePath, hasGlobantVariant);
+    const transpiledBundle = transpileBundle(actualFilePath, "mercury");
     // Store the CSS file with its default values
-    await fs.writeFile(path.join(cssOutDir, fileNameCssExt), replacePlaceholdersInBundle(transpiledBundle, DEFAULT_FONT_FACE_PATH, DEFAULT_ICONS_PATH));
+    await Promise.all([
+        // Store the not processed CSS file, to allow replacing the placeholders
+        // when executing the mercury cli utility
+        fs.writeFile(path.join(cssNotProcessedOutDir, fileNameCssExt), transpiledBundle),
+        // Processed CSS with placeholders replaced
+        fs.writeFile(path.join(cssOutDir, fileNameCssExt), replacePlaceholdersInBundle(transpiledBundle, DEFAULT_FONT_FACE_PATH, DEFAULT_ICONS_PATH, "mercury", cliArgs?.overrides.tokensOverride))
+    ]);
 };

package/dist/cli/internal/types.d.ts

@@ -1,3 +1,4 @@
+import type { MercuryTokenPlaceholdersToValueDictionary } from "../../tokens/generator/typings/output-file-types";
 export type BundleMetadata = {
     fileDir: string;
 };
@@ -17,4 +18,7 @@ export type CLIArguments = {
     iconsPath: string;
     fontFacePath: string;
     outDirPath: string;
+    overrides: {
+        tokensOverride?: MercuryTokenPlaceholdersToValueDictionary;
+    };
 };

package/dist/cli/internal/utils.d.ts

@@ -1,8 +1,10 @@
+import type { FigmaTheme } from "../../tokens/generator/typings/figma-file-types";
+import type { MercuryTokenPlaceholdersToValueDictionary } from "../../tokens/generator/typings/output-file-types.js";
 import type { FileMetadata } from "./types";
 export declare const getFileSize: (fileContent: string) => string;
 export declare const getHash: (fileContent: string) => string;
 export declare const getFileNameWithHash: <B extends string, H extends string>(bundleName: B, hash: H) => `${B}-${H}`;
-export declare const replacePlaceholdersInBundle: (transpiledBundle: string, fontFaceValue: string, iconsValue: string) => string;
+export declare const replacePlaceholdersInBundle: (transpiledBundle: string, fontFaceValue: string, iconsValue: string, figmaTheme: FigmaTheme, tokensOverride?: MercuryTokenPlaceholdersToValueDictionary) => string;
 export declare const measureTime: (callback: (() => void) | (() => Promise<void>)) => Promise<void>;
 export declare const sanitizeBundleName: (bundleName: string) => string;
 export declare const getBundleFolder: (fileMetadata: FileMetadata) => string;

package/dist/cli/internal/utils.js

@@ -1,9 +1,10 @@
 import crypto from "node:crypto";
+import path from "node:path";
 import { styleText } from "node:util";
-import { CSS_BUNDLES_OUT_DIR, FONT_FACE_PATH_PLACEHOLDER, HASH_LENGTH, ICONS_PATH_PLACEHOLDER, KB
+import { replaceTokenPlaceholders } from "../../tokens/generator/internal/get-and-set-token-placeholder-values.js";
+import { CSS_NOT_PROCESSED_BUNDLES_OUT_DIR, FONT_FACE_PATH_PLACEHOLDER, HASH_LENGTH, ICONS_PATH_PLACEHOLDER, KB
 // SPECIAL_CHARS_IN_BUNDLE_NAME_REGEX
  } from "./constants.js";
-import path from "node:path";
 export const getFileSize = (fileContent) => {
     const fileLength = fileContent.length;
     if (fileLength < KB) {
@@ -26,16 +27,16 @@ export const getHash = (fileContent) => crypto
     .digest("hex")
     .substring(HASH_LENGTH);
 export const getFileNameWithHash = (bundleName, hash) => `${bundleName}-${hash}`;
-export const replacePlaceholdersInBundle = (transpiledBundle, fontFaceValue, iconsValue) => transpiledBundle
+export const replacePlaceholdersInBundle = (transpiledBundle, fontFaceValue, iconsValue, figmaTheme, tokensOverride) => replaceTokenPlaceholders(transpiledBundle
     .replaceAll(ICONS_PATH_PLACEHOLDER, iconsValue)
-    .replaceAll(FONT_FACE_PATH_PLACEHOLDER, fontFaceValue);
+    .replaceAll(FONT_FACE_PATH_PLACEHOLDER, fontFaceValue), figmaTheme, tokensOverride);
 export const measureTime = async (callback) => {
     console.time(styleText("green", "Done in"));
     await callback();
     console.timeEnd(styleText("green", "Done in"));
 };
 export const sanitizeBundleName = (bundleName) => bundleName.replaceAll("\\", "/").replace(/^\//, "");
-export const getBundleFolder = (fileMetadata) => fileMetadata.dir.split(CSS_BUNDLES_OUT_DIR)[1];
+export const getBundleFolder = (fileMetadata) => fileMetadata.dir.split(CSS_NOT_PROCESSED_BUNDLES_OUT_DIR)[1];
 export const getBundleFolderAndFileBaseDir = (fileMetadata, outDir) => {
     const bundleFolder = getBundleFolder(fileMetadata);
     return {

package/dist/cli/internal/validate-args.d.ts

@@ -1,2 +1,2 @@
 import type { CLIArguments } from "./types";
-export declare const getArguments: () => CLIArguments | undefined;
+export declare const getArguments: () => Promise<CLIArguments | undefined>;

package/dist/cli/internal/validate-args.js

@@ -1,3 +1,5 @@
+import { getAllTokensFromMercuryConfigFile } from "../../tokens/generator/internal/get-and-set-token-placeholder-values.js";
+import { loadConfigFile } from "./config-file/load-config-file.js";
 import { DEFAULT_FONT_FACE_PATH, DEFAULT_ICONS_PATH, DEFAULT_OUT_DIR_PATH, SEPARATE_BY_COMMA_REGEX } from "./constants.js";
 import { printArgumentDoesNotExistsError, printDuplicatedArgumentError, printInvalidArgumentError, printMissingFontPathArgumentWarning, printMissingIconsPathArgumentWarning, printMissingOutDirPathArgumentWarning } from "./print-utils.js";
 import { sanitizeBundleName } from "./utils.js";
@@ -6,6 +8,7 @@ const ERROR_IN_CHECK = false;
 const SUCCESS_CHECK = true;
 const [, , ...args] = process.argv;
 const AVOID_HASH_ARGUMENTS = new Set(["--avoid-hash", "--ah", "-ah"]);
+const CONFIG_FILE_ARGUMENTS = new Set(["--config"]);
 const ICONS_PATH_ARGUMENTS = new Set(["--icons-path", "--icons", "--i", "-i"]);
 const FONT_FACE_PATH_ARGUMENTS = new Set([
     "--font-face-path",
@@ -16,17 +19,20 @@ const FONT_FACE_PATH_ARGUMENTS = new Set([
 const OUT_DIR_ARGUMENTS = new Set(["--outdir", "--o", "-o"]);
 const GLOBANT_ARGUMENTS = new Set(["--globant", "--gl", "-gl"]);
 const isAvoidHashArgument = (arg) => AVOID_HASH_ARGUMENTS.has(arg.toLowerCase());
+const isConfigFileArgument = (arg) => CONFIG_FILE_ARGUMENTS.has(arg.toLowerCase());
 const isFontFaceArgument = (arg) => FONT_FACE_PATH_ARGUMENTS.has(arg.toLowerCase());
 const isGlobantArgument = (arg) => GLOBANT_ARGUMENTS.has(arg.toLowerCase());
 const isIconsArgument = (arg) => ICONS_PATH_ARGUMENTS.has(arg.toLowerCase());
 const isOutDirArgument = (arg) => OUT_DIR_ARGUMENTS.has(arg.toLowerCase());
 let hasAvoidHash = false;
+let hasConfigFilePath = false;
 let hasGlobant = false;
 let hasFontFacePath = false;
 let hasIconsPath = false;
 let hasOutDirPath = false;
 let anyWarning = false;
 let avoidHash = [];
+let configFilePath = undefined;
 let fontFacePath = "";
 let iconsPath = "";
 let outDirPath = "";
@@ -59,6 +65,15 @@ const checkArgument = (argument) => {
         hasAvoidHash = true;
         return SUCCESS_CHECK;
     }
+    if (isConfigFileArgument(argName)) {
+        if (hasConfigFilePath) {
+            printDuplicatedArgumentError(argument);
+            return ERROR_IN_CHECK;
+        }
+        configFilePath = argValue;
+        hasConfigFilePath = true;
+        return SUCCESS_CHECK;
+    }
     if (isFontFaceArgument(argName)) {
         if (hasFontFacePath) {
             printDuplicatedArgumentError(argument);
@@ -89,7 +104,7 @@ const checkArgument = (argument) => {
     printArgumentDoesNotExistsError(argument);
     return ERROR_IN_CHECK;
 };
-export const getArguments = () => {
+export const getArguments = async () => {
     for (let index = 0; index < args.length; index++) {
         if (checkArgument(args[index]) === ERROR_IN_CHECK) {
             return undefined;
@@ -116,11 +131,17 @@ export const getArguments = () => {
     }
     // Sanitize bundle names to avoid issues with "/" and "\" in paths
     const sanitizedAvoidHash = new Set(avoidHash.map(bundleName => sanitizeBundleName(bundleName)));
+    const mercuryConfig = await loadConfigFile(configFilePath);
     return {
         avoidHash: new Set(sanitizedAvoidHash),
         globant: hasGlobant,
         fontFacePath,
         iconsPath,
+        overrides: {
+            tokensOverride: mercuryConfig?.overrides?.tokens
+                ? getAllTokensFromMercuryConfigFile(mercuryConfig.overrides.tokens)
+                : undefined
+        },
         outDirPath
     };
 };

package/dist/cli/mercury.js

@@ -1,12 +1,18 @@
 #!/usr/bin/env node
 import { createBundlesWithCustomPaths } from "./internal/create-bundles-with-custom-paths.js";
 import { ensureDirectoryExistsAndItsClear } from "./internal/file-management.js";
-import { getArguments } from "./internal/validate-args.js";
 import { measureTime } from "./internal/utils.js";
+import { getArguments } from "./internal/validate-args.js";
+import { migrateMercuryTokens } from "./migrate-mercury-tokens.js";
 measureTime(async () => {
     // Improve process visualization
     console.log("");
-    const args = getArguments();
+    const [, , ...allArguments] = process.argv;
+    if (allArguments.length === 1 && allArguments[0] === "update") {
+        migrateMercuryTokens();
+        return;
+    }
+    const args = await getArguments();
     if (args) {
         ensureDirectoryExistsAndItsClear(args.outDirPath);
         await createBundlesWithCustomPaths(args);

package/dist/cli/migrate-mercury-tokens.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export declare function migrateMercuryTokens(): void;