@lambdatest/smartui-cli 4.1.10 → 4.1.11

package/dist/index.cjs

@@ -465,6 +465,33 @@ var constants_default = {
         }
       ]
     }
+  },
+  APP_FIGMA_CONFIG: {
+    mobile: [
+      {
+        "name": "Pixel 8",
+        "platform": ["android 14"]
+      },
+      {
+        "name": "iPhone 15",
+        "platform": ["ios 17"]
+      }
+    ],
+    figma: {
+      "depth": 2,
+      "configs": [
+        {
+          "figma_file_token": "<token>",
+          "figma_ids": ["id-1", "id-2"],
+          "screenshot_names": ["homepage", "about"]
+        },
+        {
+          "figma_file_token": "<token>",
+          "figma_ids": ["id-3", "id-4"],
+          "screenshot_names": ["xyz", "abc"]
+        }
+      ]
+    }
   }
 };
 
@@ -1084,11 +1111,126 @@ var FigmaWebConfigSchema = {
   "required": ["web", "figma"],
   additionalProperties: false
 };
+var FigmaAppConfigSchema = {
+  type: "object",
+  "properties": {
+    "web": {
+      "type": "object",
+      "properties": {
+        browsers: {
+          type: "array",
+          items: { type: "string", enum: [constants_default.CHROME, constants_default.FIREFOX, constants_default.SAFARI, constants_default.EDGE] },
+          uniqueItems: true,
+          maxItems: 4,
+          errorMessage: `allowed browsers - ${constants_default.CHROME}, ${constants_default.FIREFOX}, ${constants_default.SAFARI}, ${constants_default.EDGE}`
+        },
+        "viewports": {
+          "type": "array",
+          "items": {
+            "type": "array",
+            "items": {
+              "type": "integer",
+              "minimum": 1
+            },
+            "minItems": 1
+          }
+        }
+      },
+      "required": ["browsers"]
+    },
+    "mobile": {
+      "type": "array",
+      "items": {
+        "type": "object",
+        "properties": {
+          name: {
+            type: "string",
+            minLength: 1,
+            enum: Object.keys(constants_default.SUPPORTED_MOBILE_DEVICES),
+            errorMessage: "unsupported mobile device name"
+          },
+          "platform": {
+            "type": "array",
+            "items": {
+              "type": "string"
+            },
+            uniqueItems: true
+          },
+          orientation: {
+            type: "string",
+            enum: [constants_default.MOBILE_ORIENTATION_PORTRAIT, constants_default.MOBILE_ORIENTATION_LANDSCAPE],
+            errorMessage: `Invalid config; orientation must be ${constants_default.MOBILE_ORIENTATION_PORTRAIT}/${constants_default.MOBILE_ORIENTATION_LANDSCAPE}`
+          }
+        },
+        "required": ["name"]
+      },
+      uniqueItems: true
+    },
+    "figma": {
+      "type": "object",
+      "properties": {
+        depth: {
+          type: "integer",
+          minimum: 2,
+          errorMessage: "Depth must be an integer and greater than 1"
+        },
+        "configs": {
+          "type": "array",
+          "items": {
+            "type": "object",
+            "properties": {
+              "figma_file_token": {
+                "type": "string",
+                minLength: 1,
+                errorMessage: "figma_file_token is mandatory and cannot be empty"
+              },
+              "figma_ids": {
+                "type": "array",
+                "items": {
+                  "type": "string",
+                  minLength: 1,
+                  errorMessage: "Each ID in figma_ids must be a non-empty string"
+                },
+                minItems: 1,
+                uniqueItems: true,
+                errorMessage: {
+                  type: "figma_ids must be an array of strings",
+                  minItems: "figma_ids cannot be empty",
+                  uniqueItems: "figma_ids must contain unique values"
+                }
+              },
+              "screenshot_names": {
+                "type": "array",
+                "items": {
+                  "type": "string"
+                },
+                uniqueItems: false
+              }
+            },
+            "required": ["figma_file_token", "figma_ids"]
+          },
+          uniqueItems: true,
+          errorMessage: {
+            uniqueItems: "Each entry in the figma configs must be unique"
+          }
+        }
+      },
+      "required": ["configs"]
+    },
+    smartIgnore: {
+      type: "boolean",
+      errorMessage: "Invalid config; smartIgnore must be true/false"
+    }
+  },
+  "required": ["mobile", "figma"],
+  additionalProperties: false
+};
 var validateConfig = ajv.compile(ConfigSchema);
 var validateWebStaticConfig = ajv.compile(WebStaticConfigSchema);
 var validateSnapshot = ajv.compile(SnapshotSchema);
 var validateFigmaDesignConfig = ajv.compile(FigmaDesignConfigSchema);
 var validateWebFigmaConfig = ajv.compile(FigmaWebConfigSchema);
+var validateAppFigmaConfig = ajv.compile(FigmaAppConfigSchema);
 var lambdaTunnel = __require("@lambdatest/node-tunnel");
 util.promisify(setTimeout);
 var tunnelInstance;
@@ -1595,7 +1737,8 @@ var env_default = () => {
     CURRENT_BRANCH,
     PROJECT_NAME,
     SMARTUI_API_PROXY,
-    SMARTUI_API_SKIP_CERTIFICATES
+    SMARTUI_API_SKIP_CERTIFICATES,
+    USE_REMOTE_DISCOVERY
   } = process.env;
   return {
     PROJECT_TOKEN,
@@ -1615,7 +1758,8 @@ var env_default = () => {
     SMARTUI_DO_NOT_USE_CAPTURED_COOKIES: SMARTUI_DO_NOT_USE_CAPTURED_COOKIES === "true",
     PROJECT_NAME,
     SMARTUI_API_PROXY,
-    SMARTUI_API_SKIP_CERTIFICATES: SMARTUI_API_SKIP_CERTIFICATES === "true"
+    SMARTUI_API_SKIP_CERTIFICATES: SMARTUI_API_SKIP_CERTIFICATES === "true",
+    USE_REMOTE_DISCOVERY: USE_REMOTE_DISCOVERY === "true"
   };
 };
 var logContext = {};
@@ -1710,7 +1854,7 @@ var authExec_default = (ctx) => {
 };
 
 // package.json
-var version = "4.1.10";
+var version = "4.1.11";
 var package_default = {
   name: "@lambdatest/smartui-cli",
   version,
@@ -2058,7 +2202,7 @@ var httpClient = class {
           type: ctx.testType,
           source: "cli"
         },
-        async: false,
+        doRemoteDiscovery: snapshot.options.doRemoteDiscovery,
         discoveryErrors
       }
     }, ctx.log);
@@ -2079,7 +2223,7 @@ var httpClient = class {
           type: ctx.testType,
           source: "cli"
         },
-        async: false,
+        doRemoteDiscovery: snapshot.options.doRemoteDiscovery,
         discoveryErrors
       }
     }, ctx.log);
@@ -2317,6 +2461,10 @@ var ctx_default = (options) => {
       fetchResultsFileObj = "";
     }
     buildNameObj = options.buildName || "";
+    if (options.userName && options.accessKey) {
+      env.LT_USERNAME = options.userName;
+      env.LT_ACCESS_KEY = options.accessKey;
+    }
   } catch (error) {
     console.log(`[smartui] Error: ${error.message}`);
     process.exit();
@@ -2709,6 +2857,145 @@ var ALLOWED_RESOURCES = ["document", "stylesheet", "image", "media", "font", "ot
 var ALLOWED_STATUSES = [200, 201];
 var REQUEST_TIMEOUT = 18e5;
 var MIN_VIEWPORT_HEIGHT = 1080;
+function prepareSnapshot(snapshot, ctx) {
+  return __async(this, null, function* () {
+    let processedOptions = {};
+    processedOptions.cliEnableJavascript = ctx.config.cliEnableJavaScript;
+    processedOptions.ignoreHTTPSErrors = ctx.config.ignoreHTTPSErrors;
+    if (ctx.config.basicAuthorization) {
+      processedOptions.basicAuthorization = ctx.config.basicAuthorization;
+    }
+    ctx.config.allowedHostnames.push(new URL(snapshot.url).hostname);
+    processedOptions.allowedHostnames = ctx.config.allowedHostnames;
+    processedOptions.skipCapturedCookies = ctx.env.SMARTUI_DO_NOT_USE_CAPTURED_COOKIES;
+    if (ctx.env.HTTP_PROXY || ctx.env.HTTPS_PROXY)
+      processedOptions.proxy = { server: ctx.env.HTTP_PROXY || ctx.env.HTTPS_PROXY };
+    if (ctx.env.SMARTUI_HTTP_PROXY || ctx.env.SMARTUI_HTTPS_PROXY)
+      processedOptions.proxy = { server: ctx.env.SMARTUI_HTTP_PROXY || ctx.env.SMARTUI_HTTPS_PROXY };
+    let options = snapshot.options;
+    let optionWarnings = /* @__PURE__ */ new Set();
+    let selectors = [];
+    let ignoreOrSelectDOM;
+    if (options && Object.keys(options).length) {
+      ctx.log.debug(`Snapshot options: ${JSON.stringify(options)}`);
+      const isNotAllEmpty = (obj) => {
+        var _a;
+        for (let key in obj)
+          if ((_a = obj[key]) == null ? void 0 : _a.length)
+            return true;
+        return false;
+      };
+      if (options.loadDomContent) {
+        processedOptions.loadDomContent = true;
+      }
+      if (options.sessionId) {
+        const sessionId = options.sessionId;
+        processedOptions.sessionId = sessionId;
+        if (ctx.sessionCapabilitiesMap && ctx.sessionCapabilitiesMap.has(sessionId)) {
+          const sessionCapabilities = ctx.sessionCapabilitiesMap.get(sessionId);
+          if (sessionCapabilities && sessionCapabilities.id) {
+            processedOptions.testId = sessionCapabilities.id;
+          }
+        }
+      }
+      if (options.web && Object.keys(options.web).length) {
+        processedOptions.web = {};
+        if (options.web.viewports && options.web.viewports.length > 0) {
+          processedOptions.web.viewports = options.web.viewports.filter(
+            (viewport) => Array.isArray(viewport) && viewport.length > 0
+          );
+        }
+        if (options.web.browsers && options.web.browsers.length > 0) {
+          processedOptions.web.browsers = options.web.browsers;
+        }
+      }
+      if (options.mobile && Object.keys(options.mobile).length) {
+        processedOptions.mobile = {};
+        if (options.mobile.devices && options.mobile.devices.length > 0) {
+          processedOptions.mobile.devices = options.mobile.devices;
+        }
+        if (options.mobile.hasOwnProperty("fullPage") && typeof options.mobile.fullPage === "boolean") {
+          processedOptions.mobile.fullPage = options.mobile.fullPage;
+        } else {
+          processedOptions.mobile.fullPage = true;
+        }
+        if (options.mobile.hasOwnProperty("orientation") && (options.mobile.orientation === constants_default.MOBILE_ORIENTATION_PORTRAIT || options.mobile.orientation === constants_default.MOBILE_ORIENTATION_LANDSCAPE)) {
+          processedOptions.mobile.orientation = options.mobile.orientation;
+        } else {
+          processedOptions.mobile.orientation = constants_default.MOBILE_ORIENTATION_PORTRAIT;
+        }
+      }
+      if (options.element && Object.keys(options.element).length) {
+        if (options.element.id)
+          processedOptions.element = "#" + options.element.id;
+        else if (options.element.class)
+          processedOptions.element = "." + options.element.class;
+        else if (options.element.cssSelector)
+          processedOptions.element = options.element.cssSelector;
+        else if (options.element.xpath)
+          processedOptions.element = "xpath=" + options.element.xpath;
+      } else if (options.ignoreDOM && Object.keys(options.ignoreDOM).length && isNotAllEmpty(options.ignoreDOM)) {
+        processedOptions.ignoreBoxes = {};
+        ignoreOrSelectDOM = "ignoreDOM";
+      } else if (options.selectDOM && Object.keys(options.selectDOM).length && isNotAllEmpty(options.selectDOM)) {
+        processedOptions.selectBoxes = {};
+        ignoreOrSelectDOM = "selectDOM";
+      }
+      if (ignoreOrSelectDOM) {
+        for (const [key, value] of Object.entries(options[ignoreOrSelectDOM])) {
+          switch (key) {
+            case "id":
+              selectors.push(...value.map((e) => "#" + e));
+              break;
+            case "class":
+              selectors.push(...value.map((e) => "." + e));
+              break;
+            case "xpath":
+              selectors.push(...value.map((e) => "xpath=" + e));
+              break;
+            case "cssSelector":
+              selectors.push(...value);
+              break;
+          }
+        }
+      }
+      if (options.ignoreType) {
+        processedOptions.ignoreType = options.ignoreType;
+      }
+    }
+    if (ctx.config.tunnel) {
+      if (ctx.tunnelDetails && ctx.tunnelDetails.tunnelPort != -1 && ctx.tunnelDetails.tunnelHost != "") {
+        const tunnelAddress = `http://${ctx.tunnelDetails.tunnelHost}:${ctx.tunnelDetails.tunnelPort}`;
+        processedOptions.tunnelAddress = tunnelAddress;
+        ctx.log.debug(`Tunnel address added to processedOptions: ${tunnelAddress}`);
+      }
+    }
+    processedOptions.allowedAssets = ctx.config.allowedAssets;
+    processedOptions.selectors = selectors;
+    processedOptions.ignoreDOM = options == null ? void 0 : options.ignoreDOM;
+    processedOptions.selectDOM = options == null ? void 0 : options.selectDOM;
+    ctx.log.debug(`Processed options: ${JSON.stringify(processedOptions)}`);
+    let renderViewports;
+    if (snapshot.options && snapshot.options.web || snapshot.options && snapshot.options.mobile) {
+      renderViewports = getRenderViewportsForOptions(snapshot.options);
+    } else {
+      renderViewports = getRenderViewports(ctx);
+    }
+    processedOptions.doRemoteDiscovery = true;
+    return {
+      processedSnapshot: {
+        name: snapshot.name,
+        url: snapshot.url,
+        dom: Buffer.from(snapshot.dom.html).toString("base64"),
+        resources: {},
+        options: processedOptions,
+        cookies: Buffer.from(snapshot.dom.cookies).toString("base64"),
+        renderViewports
+      },
+      warnings: [...optionWarnings, ...snapshot.dom.warnings]
+    };
+  });
+}
 function processSnapshot(snapshot, ctx) {
   return __async(this, null, function* () {
     var _a, _b;
@@ -2722,6 +3009,7 @@ function processSnapshot(snapshot, ctx) {
       snapshotUUID: "",
       browsers: {}
     };
+    let processedOptions = {};
     let globalViewport = "";
     let globalBrowser = constants_default.CHROME;
     let launchOptions = {
@@ -2913,7 +3201,6 @@ function processSnapshot(snapshot, ctx) {
     }));
     let options = snapshot.options;
     let optionWarnings = /* @__PURE__ */ new Set();
-    let processedOptions = {};
     let selectors = [];
     let ignoreOrSelectDOM;
     let ignoreOrSelectBoxes;
@@ -3458,7 +3745,19 @@ var Queue = class {
                 useCapsBuildId = true;
               }
             }
-            let { processedSnapshot, warnings, discoveryErrors } = yield processSnapshot(snapshot, this.ctx);
+            let processedSnapshot, warnings, discoveryErrors;
+            if (this.ctx.env.USE_REMOTE_DISCOVERY) {
+              this.ctx.log.debug(`Using remote discovery`);
+              let result = yield prepareSnapshot(snapshot, this.ctx);
+              processedSnapshot = result.processedSnapshot;
+              warnings = result.warnings;
+            } else {
+              this.ctx.log.debug(`Using local discovery`);
+              let result = yield processSnapshot(snapshot, this.ctx);
+              processedSnapshot = result.processedSnapshot;
+              warnings = result.warnings;
+              discoveryErrors = result.discoveryErrors;
+            }
             if (useCapsBuildId) {
               if (useKafkaFlowCaps) {
                 const snapshotUuid = uuid.v4();
@@ -3580,7 +3879,7 @@ var startTunnel_default = (ctx) => {
 
 // src/commander/exec.ts
 var command = new commander.Command();
-command.name("exec").description("Run test commands around SmartUI").argument("<command...>", "Command supplied for running tests").option("-P, --port <number>", "Port number for the server").option("--fetch-results [filename]", "Fetch results and optionally specify an output file, e.g., <filename>.json").option("--buildName <string>", "Specify the build name").action(function(execCommand, _, command7) {
+command.name("exec").description("Run test commands around SmartUI").argument("<command...>", "Command supplied for running tests").option("-P, --port <number>", "Port number for the server").option("--fetch-results [filename]", "Fetch results and optionally specify an output file, e.g., <filename>.json").option("--buildName <string>", "Specify the build name").option("--userName <string>", "Specify the LT username").option("--accessKey <string>", "Specify the LT accesskey").action(function(execCommand, _, command7) {
   return __async(this, null, function* () {
     var _a;
     const options = command7.optsWithGlobals();
@@ -3692,7 +3991,7 @@ function createWebFigmaConfig(filepath) {
   console.log(`Created figma web config: ${filepath}`);
 }
 function verifyFigmaWebConfig(ctx) {
-  var _a;
+  var _a, _b;
   if (ctx.env.FIGMA_TOKEN == "") {
     throw new Error("Missing FIGMA_TOKEN in Environment Variables");
   }
@@ -3717,17 +4016,44 @@ function verifyFigmaWebConfig(ctx) {
   if (new Set(screenshots).size !== screenshots.length) {
     throw new Error("Found duplicate screenshot names in figma config");
   }
-  return true;
+  let mobileConfig = ((_b = ctx.config) == null ? void 0 : _b.mobile) || {};
+  if (Array.isArray(mobileConfig)) {
+    for (const config of mobileConfig) {
+      const deviceName = config.name;
+      if (constants_default.SUPPORTED_MOBILE_DEVICES[deviceName]) {
+        const deviceData = constants_default.SUPPORTED_MOBILE_DEVICES[deviceName];
+        config.width = deviceData.viewport.width;
+        config.height = deviceData.viewport.height;
+      }
+    }
+  }
 }
 function isValidArray(input) {
   return Array.isArray(input) && input.length > 0;
 }
+function createAppFigmaConfig(filepath) {
+  filepath = filepath || ".smartui.json";
+  let filetype = path2__default.default.extname(filepath);
+  if (filetype != ".json") {
+    console.log("Error: figma app config file must have .json extension");
+    return;
+  }
+  if (fs5__default.default.existsSync(filepath)) {
+    console.log(`Error: figma app config already exists: ${filepath}`);
+    console.log(`To create a new figma app config, please specify the file name like: 'smartui config:create-figma-app <fileName>.json'`);
+    return;
+  }
+  fs5__default.default.mkdirSync(path2__default.default.dirname(filepath), { recursive: true });
+  fs5__default.default.writeFileSync(filepath, JSON.stringify(constants_default.APP_FIGMA_CONFIG, null, 2) + "\n");
+  console.log(`Created figma app config: ${filepath}`);
+}
 
 // src/commander/config.ts
 var configWeb = new commander.Command();
 var configStatic = new commander.Command();
 var configFigma = new commander.Command();
 var configWebFigma = new commander.Command();
+var configAppFigma = new commander.Command();
 configWeb.name("config:create").description("Create SmartUI config file").argument("[filepath]", "Optional config filepath").action(function(filepath, options) {
   return __async(this, null, function* () {
     createConfig(filepath);
@@ -3748,6 +4074,11 @@ configWebFigma.name("config:create-figma-web").description("Create figma config
     createWebFigmaConfig(filepath);
   });
 });
+configAppFigma.name("config:create-figma-app").description("Create figma config file for mobile apps").argument("[filepath]", "Optional config filepath").action(function(filepath, options) {
+  return __async(this, null, function* () {
+    createAppFigmaConfig(filepath);
+  });
+});
 var auth_default = (ctx) => {
   return {
     title: `Authenticating with SmartUI`,
@@ -4162,7 +4493,7 @@ var captureScreenshots_default = (ctx) => {
 
 // src/commander/capture.ts
 var command2 = new commander.Command();
-command2.name("capture").description("Capture screenshots of static sites").argument("<file>", "Web static config file").option("-C, --parallel [number]", "Specify the number of instances per browser", parseInt).option("-F, --force", "forcefully apply the specified parallel instances per browser").option("--fetch-results [filename]", "Fetch results and optionally specify an output file, e.g., <filename>.json").option("--buildName <string>", "Specify the build name").action(function(file, _, command7) {
+command2.name("capture").description("Capture screenshots of static sites").argument("<file>", "Web static config file").option("-C, --parallel [number]", "Specify the number of instances per browser", parseInt).option("-F, --force", "forcefully apply the specified parallel instances per browser").option("--fetch-results [filename]", "Fetch results and optionally specify an output file, e.g., <filename>.json").option("--buildName <string>", "Specify the build name").option("--userName <string>", "Specify the LT username").option("--accessKey <string>", "Specify the LT accesskey").action(function(file, _, command7) {
   return __async(this, null, function* () {
     var _a, _b;
     const options = command7.optsWithGlobals();
@@ -4255,7 +4586,7 @@ command3.name("upload").description("Upload screenshots from given directory").a
   return val.split(",").map((ext) => ext.trim().toLowerCase());
 }).option("-E, --removeExtensions", "Strips file extensions from snapshot names").option("-i, --ignoreDir <patterns>", "Comma-separated list of directories to ignore", (val) => {
   return val.split(",").map((pattern) => pattern.trim());
-}).option("--fetch-results [filename]", "Fetch results and optionally specify an output file, e.g., <filename>.json").option("--buildName <string>", "Specify the build name").action(function(directory, _, command7) {
+}).option("--fetch-results [filename]", "Fetch results and optionally specify an output file, e.g., <filename>.json").option("--buildName <string>", "Specify the build name").option("--userName <string>", "Specify the LT username").option("--accessKey <string>", "Specify the LT accesskey").action(function(directory, _, command7) {
   return __async(this, null, function* () {
     const options = command7.optsWithGlobals();
     if (options.buildName === "") {
@@ -4370,6 +4701,9 @@ var uploadWebFigma_default = (ctx) => __async(void 0, null, function* () {
     };
     const responseData = yield ctx.client.processWebFigma(requestBody, ctx.log);
     ctx.log.debug("responseData : " + JSON.stringify(responseData));
+    if (responseData && responseData.error && responseData.error.message) {
+      throw new Error(responseData.error.message);
+    }
     if (responseData.data.message == "success") {
       results = responseData.data.message;
       ctx.build = {
@@ -4460,8 +4794,82 @@ var uploadWebFigma_default2 = (ctx) => {
     exitOnError: true
   };
 };
+
+// src/lib/uploadAppFigma.ts
+var uploadAppFigma_default = (ctx) => __async(void 0, null, function* () {
+  var _a, _b;
+  const figmaConfig = ctx.config && ((_a = ctx.config) == null ? void 0 : _a.figma) || {};
+  const mobileConfig = ctx.config && ((_b = ctx.config) == null ? void 0 : _b.mobile) || {};
+  let results = "";
+  const buildName = ctx.options.buildName;
+  if (figmaConfig && figmaConfig.configs && figmaConfig.configs.length > 0) {
+    const authToken = `Basic ${Buffer.from(`${ctx.env.LT_USERNAME}:${ctx.env.LT_ACCESS_KEY}`).toString("base64")}`;
+    const requestBody = {
+      figma_token: ctx.env.FIGMA_TOKEN,
+      auth: authToken,
+      build_name: buildName,
+      mobile: mobileConfig,
+      figma: figmaConfig,
+      smartIgnore: ctx.config.smartIgnore,
+      git: ctx.git,
+      platformType: "app"
+    };
+    const responseData = yield ctx.client.processWebFigma(requestBody, ctx.log);
+    ctx.log.debug("responseData : " + JSON.stringify(responseData));
+    if (responseData && responseData.error && responseData.error.message) {
+      throw new Error(responseData.error.message);
+    }
+    if (responseData.data.message == "success") {
+      results = responseData.data.message;
+      ctx.build = {
+        id: responseData.data.buildId,
+        url: responseData.data.buildURL || "https://smartui.lambdatestinternal.com",
+        baseline: responseData.data.baseline ? responseData.data.baseline : false
+      };
+    }
+  } else {
+    throw new Error("No Figma configuration found in config file");
+  }
+  return results;
+});
+
+// src/tasks/uploadAppFigma.ts
+var uploadAppFigma_default2 = (ctx) => {
+  return {
+    title: "Processing App Figma",
+    task: (ctx2, task) => __async(void 0, null, function* () {
+      try {
+        ctx2.task = task;
+        updateLogContext({ task: "upload-figma-app" });
+        let results = yield uploadAppFigma_default(ctx2);
+        if (results != "success") {
+          throw new Error("Uploading App Figma Screenshot failed");
+        }
+        if (ctx2.build.id) {
+          task.output = chalk__default.default.gray(`Build Id: ${ctx2.build.id}`);
+          let figmaOutput = yield fetchFigma_default(ctx2);
+          const jsonObject = JSON.parse(figmaOutput);
+          let output = JSON.stringify(jsonObject, null, 2);
+          task.output = task.output + "\n" + chalk__default.default.green(`${output}`);
+        }
+        if (ctx2.options.fetchResults) {
+          startPolling(ctx2, "", false, "");
+        }
+        task.title = "App Figma images uploaded successfully to SmartUI";
+        ctx2.log.debug(`App Figma processed: ${results}`);
+      } catch (error) {
+        ctx2.log.debug(error);
+        task.output = chalk__default.default.gray(`${error.message}`);
+        throw new Error("Uploading App Figma Screenshots failed");
+      }
+    }),
+    rendererOptions: { persistentOutput: true },
+    exitOnError: true
+  };
+};
 var uploadFigma = new commander.Command();
 var uploadWebFigmaCommand = new commander.Command();
+var uploadAppFigmaCommand = new commander.Command();
 uploadFigma.name("upload-figma").description("Capture screenshots of static sites").argument("<file>", "figma design config file").option("--markBaseline", "Mark the uploaded images as baseline").option("--buildName <buildName>", "Name of the build").action(function(file, _, command7) {
   return __async(this, null, function* () {
     var _a, _b;
@@ -4504,7 +4912,7 @@ uploadFigma.name("upload-figma").description("Capture screenshots of static site
     }
   });
 });
-uploadWebFigmaCommand.name("upload-figma-web").description("Capture screenshots of static sites").argument("<file>", "figma config config file").option("--markBaseline", "Mark the uploaded images as baseline").option("--buildName <buildName>", "Name of the build").option("--fetch-results [filename]", "Fetch results and optionally specify an output file, e.g., <filename>.json").action(function(file, _, command7) {
+uploadWebFigmaCommand.name("upload-figma-web").description("Capture figma screenshots into CLI build").argument("<file>", "figma config config file").option("--markBaseline", "Mark the uploaded images as baseline").option("--buildName <buildName>", "Name of the build").option("--fetch-results [filename]", "Fetch results and optionally specify an output file, e.g., <filename>.json").action(function(file, _, command7) {
   return __async(this, null, function* () {
     var _a;
     let ctx = ctx_default(command7.optsWithGlobals());
@@ -4556,6 +4964,58 @@ uploadWebFigmaCommand.name("upload-figma-web").description("Capture screenshots
     }
   });
 });
+uploadAppFigmaCommand.name("upload-figma-app").description("Capture figma screenshots into App Build").argument("<file>", "figma config config file").option("--markBaseline", "Mark the uploaded images as baseline").option("--buildName <buildName>", "Name of the build").option("--fetch-results [filename]", "Fetch results and optionally specify an output file, e.g., <filename>.json").action(function(file, _, command7) {
+  return __async(this, null, function* () {
+    var _a;
+    let ctx = ctx_default(command7.optsWithGlobals());
+    if (!fs5__default.default.existsSync(file)) {
+      console.log(`Error: figma-app config file ${file} not found.`);
+      return;
+    }
+    try {
+      ctx.config = JSON.parse(fs5__default.default.readFileSync(file, "utf8"));
+      ctx.log.info(JSON.stringify(ctx.config));
+      if (!validateAppFigmaConfig(ctx.config)) {
+        ctx.log.debug(JSON.stringify(validateAppFigmaConfig.errors, null, 2));
+        (_a = validateAppFigmaConfig.errors) == null ? void 0 : _a.forEach((error) => {
+          if (error.keyword === "additionalProperties") {
+            ctx.log.warn(`Additional property "${error.params.additionalProperty}" is not allowed.`);
+          } else {
+            const validationError = error.message;
+            throw new Error(validationError || "Invalid figma-app config found in file : " + file);
+          }
+        });
+      }
+      verifyFigmaWebConfig(ctx);
+    } catch (error) {
+      ctx.log.error(chalk__default.default.red(`Invalid figma-app config; ${error.message}`));
+      return;
+    }
+    let tasks = new listr2.Listr(
+      [
+        auth_default(),
+        getGitInfo_default(),
+        uploadAppFigma_default2(),
+        finalizeBuild_default()
+      ],
+      {
+        rendererOptions: {
+          icon: {
+            [listr2.ListrDefaultRendererLogLevels.OUTPUT]: `\u2192`
+          },
+          color: {
+            [listr2.ListrDefaultRendererLogLevels.OUTPUT]: listr2.color.gray
+          }
+        }
+      }
+    );
+    try {
+      yield tasks.run(ctx);
+    } catch (error) {
+      console.log("\nRefer docs: https://www.lambdatest.com/support/docs/smart-visual-regression-testing/");
+    }
+  });
+});
 var command4 = new commander.Command();
 command4.name("exec:start").description("Start SmartUI server").option("-P, --port <number>", "Port number for the server").option("--fetch-results [filename]", "Fetch results and optionally specify an output file, e.g., <filename>.json").option("--buildName <string>", "Specify the build name").action(function() {
   return __async(this, null, function* () {
@@ -4661,7 +5121,7 @@ var ping_default = command6;
 
 // src/commander/commander.ts
 var program = new commander.Command();
-program.name("smartui").description("CLI to help you run your SmartUI tests on LambdaTest platform").version(`v${version}`).option("-c --config <filepath>", "Config file path").addCommand(exec_default2).addCommand(capture_default).addCommand(configWeb).addCommand(configStatic).addCommand(upload_default).addCommand(server_default2).addCommand(stopServer_default).addCommand(ping_default).addCommand(configFigma).addCommand(uploadFigma).addCommand(configWebFigma).addCommand(uploadWebFigmaCommand);
+program.name("smartui").description("CLI to help you run your SmartUI tests on LambdaTest platform").version(`v${version}`).option("-c --config <filepath>", "Config file path").addCommand(exec_default2).addCommand(capture_default).addCommand(configWeb).addCommand(configStatic).addCommand(upload_default).addCommand(server_default2).addCommand(stopServer_default).addCommand(ping_default).addCommand(configFigma).addCommand(uploadFigma).addCommand(configWebFigma).addCommand(configAppFigma).addCommand(uploadWebFigmaCommand).addCommand(uploadAppFigmaCommand);
 var commander_default = program;
 (function() {
   return __async(this, null, function* () {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lambdatest/smartui-cli",
-  "version": "4.1.10",
+  "version": "4.1.11",
   "description": "A command line interface (CLI) to run SmartUI tests on LambdaTest",
   "files": [
     "dist/**/*"