feat: defer component selection

Author: bpbuch

messages/lightning.dev.component.md

@@ -20,6 +20,10 @@ See the LWC Development Guide for more information about component development b
 
 Name of a component to preview.
 
+# flags.client-select.summary
+
+Launch component preview without selecting a component
+
 # error.directory
 
 Unable to find components

package.json

@@ -9,7 +9,7 @@
     "@inquirer/select": "^2.4.7",
     "@lwc/lwc-dev-server": "~12.3.1",
     "@lwc/sfdc-lwc-compiler": "~12.3.1",
-    "@lwrjs/api": "0.18.1",
+    "@lwrjs/api": "0.18.3",
     "@oclif/core": "^4.1.0",
     "@salesforce/core": "^8.6.2",
     "@salesforce/kit": "^3.1.6",

src/commands/lightning/dev/component.ts

@@ -27,6 +27,11 @@ export default class LightningDevComponent extends SfCommand<void> {
       char: 'n',
       requiredOrDefaulted: false,
     }),
+    'client-select': Flags.boolean({
+      summary: messages.getMessage('flags.client-select.summary'),
+      char: 'c',
+      default: false,
+    }),
     // TODO should this be required or optional?
     // We don't technically need this if your components are simple / don't need any data from your org
     'target-org': Flags.optionalOrg(),
@@ -71,19 +76,21 @@ export default class LightningDevComponent extends SfCommand<void> {
     ).filter((component) => !!component);
 
     let name = flags.name;
-    if (name) {
-      // validate that the component exists before launching the server
-      const match = components.find((component) => name === component.name || name === component.label);
-      if (!match) {
-        throw new Error(messages.getMessage('error.component-not-found', [name]));
-      }
+    if (!flags['client-select']) {
+      if (name) {
+        // validate that the component exists before launching the server
+        const match = components.find((component) => name === component.name || name === component.label);
+        if (!match) {
+          throw new Error(messages.getMessage('error.component-not-found', [name]));
+        }
 
-      name = match.name;
-    } else {
-      // prompt the user for a name if one was not provided
-      name = await PromptUtils.promptUserToSelectComponent(components);
-      if (!name) {
-        throw new Error(messages.getMessage('error.component'));
+        name = match.name;
+      } else {
+        // prompt the user for a name if one was not provided
+        name = await PromptUtils.promptUserToSelectComponent(components);
+        if (!name) {
+          throw new Error(messages.getMessage('error.component'));
+        }
       }
     }
 
@@ -95,7 +102,7 @@ export default class LightningDevComponent extends SfCommand<void> {
       rootDir,
       mode: 'dev',
       port,
-      name: `c/${name}`,
+      name: name ? `c/${name}` : undefined,
       namespacePaths,
     });
   }