@tanstack/cta-cli 0.44.3 → 0.46.0

package/dist/options.js

@@ -86,7 +86,7 @@ export async function promptForCreateOptions(cliOptions, { forcedAddOns = [], fo
         for (const addOn of await selectAddOns(options.framework, options.mode, 'add-on', 'What add-ons would you like for your project?', forcedAddOns)) {
             addOns.add(addOn);
         }
-        for (const addOn of await selectAddOns(options.framework, options.mode, 'example', 'Would you like any examples?', forcedAddOns)) {
+        for (const addOn of await selectAddOns(options.framework, options.mode, 'example', 'Would you like an example?', forcedAddOns, false)) {
             addOns.add(addOn);
         }
     }

package/dist/types/ui-prompts.d.ts

@@ -5,7 +5,7 @@ export declare function selectRouterType(): Promise<string>;
 export declare function selectTypescript(): Promise<boolean>;
 export declare function selectTailwind(): Promise<boolean>;
 export declare function selectPackageManager(): Promise<PackageManager>;
-export declare function selectAddOns(framework: Framework, mode: string, type: string, message: string, forcedAddOns?: Array<string>): Promise<Array<string>>;
+export declare function selectAddOns(framework: Framework, mode: string, type: string, message: string, forcedAddOns?: Array<string>, allowMultiple?: boolean): Promise<Array<string>>;
 export declare function selectGit(): Promise<boolean>;
 export declare function selectToolchain(framework: Framework, toolchain?: string): Promise<string | undefined>;
 export declare function promptForAddOnOptions(addOnIds: Array<string>, framework: Framework): Promise<Record<string, Record<string, any>>>;

package/dist/ui-prompts.js

@@ -81,7 +81,7 @@ export async function selectPackageManager() {
 }
 // Track if we've shown the multiselect help text
 let hasShownMultiselectHelp = false;
-export async function selectAddOns(framework, mode, type, message, forcedAddOns = []) {
+export async function selectAddOns(framework, mode, type, message, forcedAddOns = [], allowMultiple = true) {
     const allAddOns = await getAllAddOns(framework, mode);
     const addOns = allAddOns.filter((addOn) => addOn.type === type);
     if (addOns.length === 0) {
@@ -92,22 +92,48 @@ export async function selectAddOns(framework, mode, type, message, forcedAddOns
         note('Use ↑/↓ to navigate • Space to select/deselect • Enter to confirm', 'Keyboard Shortcuts');
         hasShownMultiselectHelp = true;
     }
-    const value = await multiselect({
-        message,
-        options: addOns
-            .filter((addOn) => !forcedAddOns.includes(addOn.id))
-            .map((addOn) => ({
-            value: addOn.id,
-            label: addOn.name,
-            hint: addOn.description,
-        })),
-        required: false,
-    });
-    if (isCancel(value)) {
-        cancel('Operation cancelled.');
-        process.exit(0);
+    if (allowMultiple) {
+        const value = await multiselect({
+            message,
+            options: addOns
+                .filter((addOn) => !forcedAddOns.includes(addOn.id))
+                .map((addOn) => ({
+                value: addOn.id,
+                label: addOn.name,
+                hint: addOn.description,
+            })),
+            required: false,
+        });
+        if (isCancel(value)) {
+            cancel('Operation cancelled.');
+            process.exit(0);
+        }
+        return value;
+    }
+    else {
+        const value = await select({
+            message,
+            options: [
+                {
+                    value: 'none',
+                    label: 'None',
+                },
+                ...addOns
+                    .filter((addOn) => !forcedAddOns.includes(addOn.id))
+                    .map((addOn) => ({
+                    value: addOn.id,
+                    label: addOn.name,
+                    hint: addOn.description,
+                })),
+            ],
+            initialValue: 'none',
+        });
+        if (isCancel(value)) {
+            cancel('Operation cancelled.');
+            process.exit(0);
+        }
+        return value === 'none' ? [] : [value];
     }
-    return value;
 }
 export async function selectGit() {
     const git = await confirm({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/cta-cli",
-  "version": "0.44.3",
+  "version": "0.46.0",
   "description": "Tanstack Application Builder CLI",
   "type": "module",
   "main": "./dist/index.js",
@@ -32,8 +32,8 @@
     "semver": "^7.7.2",
     "validate-npm-package-name": "^7.0.0",
     "zod": "^3.24.2",
-    "@tanstack/cta-engine": "0.44.3",
-    "@tanstack/cta-ui": "0.44.3"
+    "@tanstack/cta-engine": "0.45.0",
+    "@tanstack/cta-ui": "0.45.0"
   },
   "devDependencies": {
     "@types/express": "^5.0.1",

package/src/options.ts

@@ -146,8 +146,9 @@ export async function promptForCreateOptions(
       options.framework,
       options.mode,
       'example',
-      'Would you like any examples?',
+      'Would you like an example?',
       forcedAddOns,
+      false,
     )) {
       addOns.add(addOn)
     }

package/src/ui-prompts.ts

@@ -119,6 +119,7 @@ export async function selectAddOns(
   type: string,
   message: string,
   forcedAddOns: Array<string> = [],
+  allowMultiple: boolean = true,
 ): Promise<Array<string>> {
   const allAddOns = await getAllAddOns(framework, mode)
   const addOns = allAddOns.filter((addOn) => addOn.type === type)
@@ -128,28 +129,58 @@ export async function selectAddOns(
 
   // Show help text only once
   if (!hasShownMultiselectHelp) {
-    note('Use ↑/↓ to navigate • Space to select/deselect • Enter to confirm', 'Keyboard Shortcuts')
+    note(
+      'Use ↑/↓ to navigate • Space to select/deselect • Enter to confirm',
+      'Keyboard Shortcuts',
+    )
     hasShownMultiselectHelp = true
   }
 
-  const value = await multiselect({
-    message,
-    options: addOns
-      .filter((addOn) => !forcedAddOns.includes(addOn.id))
-      .map((addOn) => ({
-        value: addOn.id,
-        label: addOn.name,
-        hint: addOn.description,
-      })),
-    required: false,
-  })
+  if (allowMultiple) {
+    const value = await multiselect({
+      message,
+      options: addOns
+        .filter((addOn) => !forcedAddOns.includes(addOn.id))
+        .map((addOn) => ({
+          value: addOn.id,
+          label: addOn.name,
+          hint: addOn.description,
+        })),
+      required: false,
+    })
+
+    if (isCancel(value)) {
+      cancel('Operation cancelled.')
+      process.exit(0)
+    }
 
-  if (isCancel(value)) {
-    cancel('Operation cancelled.')
-    process.exit(0)
-  }
+    return value
+  } else {
+    const value = await select({
+      message,
+      options: [
+        {
+          value: 'none',
+          label: 'None',
+        },
+        ...addOns
+          .filter((addOn) => !forcedAddOns.includes(addOn.id))
+          .map((addOn) => ({
+            value: addOn.id,
+            label: addOn.name,
+            hint: addOn.description,
+          })),
+      ],
+      initialValue: 'none',
+    })
+
+    if (isCancel(value)) {
+      cancel('Operation cancelled.')
+      process.exit(0)
+    }
 
-  return value
+    return value === 'none' ? [] : [value]
+  }
 }
 
 export async function selectGit(): Promise<boolean> {