feat: improve component preview URL generation

Author: nrkruk

src/commands/lightning/dev/component.ts

@@ -131,10 +131,23 @@ export default class LightningDevComponent extends SfCommand<void> {
 
     // Construct and log the full URL that will be opened
     const connection = targetOrg.getConnection();
-    // Decode the path once to match what org:open actually opens
-    const decodedPath = decodeURIComponent(launchArguments[1]);
-    const fullUrl = `${connection.instanceUrl}/${decodedPath}`;
-    this.log(`PreviewURL: ${fullUrl}`);
+
+    const decodedFullUrl = PreviewUtils.generateComponentPreviewUrl(
+      connection.instanceUrl,
+      ldpServerUrl,
+      ldpServerId,
+      componentName,
+      false
+    );
+    // const encodedFullUrl = PreviewUtils.generateComponentPreviewUrl(
+    //   connection.instanceUrl,
+    //   ldpServerUrl,
+    //   ldpServerId,
+    //   componentName,
+    //   true
+    // );
+    this.log(`PreviewURL: ${decodedFullUrl}`);
+    // this.log(`EncodedPreviewURL: ${encodedFullUrl}`);
 
     // Open the browser and navigate to the right page (unless OPEN_BROWSER is set to true)
     if (process.env.OPEN_BROWSER !== 'false') {

src/shared/previewUtils.ts

@@ -246,6 +246,24 @@ export class PreviewUtils {
     return launchArguments;
   }
 
+  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.
    *