add tunnel support in storybook static

Author: sushobhit-lt

commands/storybook.js

@@ -157,8 +157,11 @@ async function storybook(serve, options) {
                         githubURL: process.env.GITHUB_URL || '',
                     },
                     buildName: buildName,
+                    tunnel: options.tunnel || {},
                 }
 
+                console.log('[smartui] Payload: ', JSON.stringify(payload, null, 2));
+                console.log('URL : ', new URL(constants[options.env].STATIC_RENDER_PATH, constants[options.env].BASE_URL).href);
                 // Call static render API
                 await axios.post(new URL(constants[options.env].STATIC_RENDER_PATH, constants[options.env].BASE_URL).href, payload)
                     .then(async function (response) {

commands/utils/validate.js

@@ -149,6 +149,25 @@ function validateConfig(configFile) {
     return storybookConfig
 }
 
+function validateTunnel(configFile) {
+    // Verify config file exists
+    if (!fs.existsSync(configFile)) {
+        console.log(`[smartui] Error: Config file ${configFile} not found.`);
+        process.exit(constants.ERROR_CATCHALL);
+    }
+
+    let tunnelConfig;
+    try {
+        let config = JSON.parse(fs.readFileSync(configFile));
+        tunnelConfig = config.tunnel || {};
+    } catch (error) {
+        console.log('[smartui] Error: ', error.message);
+        process.exit(constants.ERROR_CATCHALL);
+    }
+
+    return tunnelConfig
+}
+
 function validateConfigBrowsers(browsers) {
     if (browsers.length == 0) {
         throw new ValidationError('empty browsers list.');
@@ -248,5 +267,6 @@ module.exports = {
     validateConfig,
     validateConfigBrowsers,
     validateConfigResolutions,
-    validateCustomViewPorts
+    validateCustomViewPorts,
+    validateTunnel,
 };

index.js

@@ -3,7 +3,7 @@
 const { Command, Option } = require('commander');
 const program = new Command();
 const { storybook } = require('./commands/storybook');
-const { validateProjectToken, validateLatestBuild, validateConfig } = require('./commands/utils/validate');
+const { validateProjectToken, validateLatestBuild, validateConfig, validateTunnel } = require('./commands/utils/validate');
 const { createConfig } = require('./commands/config');
 const { version } = require('./package.json');
 const { checkUpdate } = require('./commands/utils/package');
@@ -12,7 +12,7 @@ program
     .name('smartui')
     .description('CLI to help you run your SmartUI tests on LambdaTest platform')
     .version('v' + version)
-    .addOption(new Option('--env <prod|stage>', 'Runtime environment option').choices(['prod', 'stage']));
+    .addOption(new Option('--env <prod|stage>', 'Runtime environment option').choices(['prod', 'stage', 'dev']));
 
 const configCommand = program.command('config')
     .description('Manage LambdaTest SmartUI config')
@@ -50,10 +50,14 @@ program.command('storybook')
             console.log(JSON.stringify(error, null, 2));
             process.exit(1);
         }
+        if (options.config) {
+            options.tunnel = validateTunnel(options.config);
+            console.log(`[smartui] Tunnel Config : ${JSON.stringify(options.tunnel, null, 2)}`);
+        }
         if (options.config) {
             options.config = validateConfig(options.config);
         }
-
+        
         await validateProjectToken(options);
         if (!options.forceRebuild) await validateLatestBuild(options);
         storybook(serve, options);