feat: enhance component preview functionality by generating and logging the full preview URL

Author: nrkruk

src/commands/lightning/dev/component.ts

@@ -129,7 +129,23 @@ export default class LightningDevComponent extends SfCommand<void> {
       targetOrgArg
     );
 
-    // Open the browser and navigate to the right page
-    await this.config.runCommand('org:open', launchArguments);
+    // Construct and log the full URL that will be opened
+    const connection = targetOrg.getConnection();
+
+    const decodedFullUrl = PreviewUtils.generateComponentPreviewUrl(
+      connection.instanceUrl,
+      ldpServerUrl,
+      ldpServerId,
+      componentName,
+      false
+    );
+
+    // Open the browser and navigate to the right page (unless OPEN_BROWSER is set to true)
+    if (process.env.OPEN_BROWSER !== 'false') {
+      await this.config.runCommand('org:open', launchArguments);
+    } else {
+      // Otherwise, log the URL to the console
+      this.log(`PreviewURL: ${decodedFullUrl}`);
+    }
   }
 }

src/shared/previewUtils.ts

@@ -246,6 +246,34 @@ export class PreviewUtils {
     return launchArguments;
   }
 
+  /**
+   * Generates the full URL for a component preview.
+   *
+   * @param instanceUrl The URL of the Salesforce instance
+   * @param ldpServerUrl The URL for the local dev server
+   * @param ldpServerId Record ID for the identity token
+   * @param componentName The name of the component to preview
+   * @param encodePath Whether to encode the path
+   * @returns The full URL for the component preview
+   */
+  public static generateComponentPreviewUrl(
+    instanceUrl: string,
+    ldpServerUrl: string,
+    ldpServerId: string,
+    componentName?: string,
+    encodePath = false
+  ): string {
+    let url = `${instanceUrl}/lwr/application/e/devpreview/ai/${
+      encodePath ? encodeURIComponent('localdev%2Fpreview') : 'localdev%2Fpreview'
+    }?ldpServerUrl=${ldpServerUrl}&ldpServerId=${ldpServerId}`;
+    if (componentName) {
+      // TODO: support other namespaces
+      url += `&specifier=c/${componentName}`;
+    }
+
+    return url;
+  }
+
   /**
    * Generates the proper set of arguments to be used for launching a mobile app with custom launch arguments.
    *