@tanstack/cli 0.59.0 → 0.59.2

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @tanstack/cli
 
+## 0.59.2
+
+### Patch Changes
+
+- Updated dependencies [[`76a3782`](https://github.com/TanStack/cli/commit/76a3782027c7b89b188b217baa9eaf60f5562090)]:
+  - @tanstack/create@0.61.0
+  - @tanstack/create-ui@0.59.2
+
+## 0.59.1
+
+### Patch Changes
+
+- Prevent add-on multiselect options from rendering with pagination markers by showing the full list, which avoids a Clack navigation glitch that could duplicate the second-to-last entry while moving between the bottom options. ([`e384620`](https://github.com/TanStack/cli/commit/e384620ff642be8d4fe78726f0cbe087b9b10556))
+
+- Updated dependencies [[`ab740ed`](https://github.com/TanStack/cli/commit/ab740ed2c5510a3266065aa98c8afe3093ea0034)]:
+  - @tanstack/create@0.60.1
+  - @tanstack/create-ui@0.59.1
+
 ## 0.59.0
 
 ### Minor Changes

package/dist/cli.js

@@ -180,7 +180,7 @@ export function cli({ name, appName, forcedAddOns = [], forcedDeployment, defaul
             };
             cliOptions.framework = getFrameworkByName(options.framework || defaultFramework || 'React').id;
             let finalOptions;
-            if (cliOptions.interactive) {
+            if (cliOptions.interactive || cliOptions.addOns === true) {
                 cliOptions.addOns = true;
             }
             else {

package/dist/command-line.js

@@ -84,6 +84,9 @@ export async function normalizeOptions(cliOptions, forcedAddOns, opts) {
             ]);
             if (cliOptions.addOns && Array.isArray(cliOptions.addOns)) {
                 for (const a of cliOptions.addOns) {
+                    if (a.toLowerCase() === 'start') {
+                        continue;
+                    }
                     selectedAddOns.add(a);
                 }
             }

package/dist/options.js

@@ -69,6 +69,9 @@ export async function promptForCreateOptions(cliOptions, { forcedAddOns = [], sh
     }
     if (Array.isArray(cliOptions.addOns)) {
         for (const addOn of cliOptions.addOns) {
+            if (addOn.toLowerCase() === 'start') {
+                continue;
+            }
             addOns.add(addOn);
         }
     }

package/dist/ui-prompts.js

@@ -50,15 +50,18 @@ export async function selectAddOns(framework, mode, type, message, forcedAddOns
         hasShownMultiselectHelp = true;
     }
     if (allowMultiple) {
+        const selectableAddOns = addOns.filter((addOn) => !forcedAddOns.includes(addOn.id));
+        if (selectableAddOns.length === 0) {
+            return [];
+        }
         const value = await multiselect({
             message,
-            options: addOns
-                .filter((addOn) => !forcedAddOns.includes(addOn.id))
-                .map((addOn) => ({
+            options: selectableAddOns.map((addOn) => ({
                 value: addOn.id,
                 label: addOn.name,
                 hint: addOn.description,
             })),
+            maxItems: selectableAddOns.length,
             required: false,
         });
         if (isCancel(value)) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/cli",
-  "version": "0.59.0",
+  "version": "0.59.2",
   "description": "TanStack CLI",
   "type": "module",
   "main": "./dist/index.js",
@@ -38,8 +38,8 @@
     "tempy": "^3.1.0",
     "validate-npm-package-name": "^7.0.0",
     "zod": "^3.24.2",
-    "@tanstack/create": "0.60.0",
-    "@tanstack/create-ui": "0.59.0"
+    "@tanstack/create": "0.61.0",
+    "@tanstack/create-ui": "0.59.2"
   },
   "devDependencies": {
     "@tanstack/config": "^0.16.2",

package/src/cli.ts

@@ -280,7 +280,7 @@ export function cli({
       )!.id
 
       let finalOptions: Options | undefined
-      if (cliOptions.interactive) {
+      if (cliOptions.interactive || cliOptions.addOns === true) {
         cliOptions.addOns = true
       } else {
         finalOptions = await normalizeOptions(

package/src/command-line.ts

@@ -136,6 +136,9 @@ export async function normalizeOptions(
       ])
       if (cliOptions.addOns && Array.isArray(cliOptions.addOns)) {
         for (const a of cliOptions.addOns) {
+          if (a.toLowerCase() === 'start') {
+            continue
+          }
           selectedAddOns.add(a)
         }
       }

package/src/options.ts

@@ -118,6 +118,9 @@ export async function promptForCreateOptions(
 
   if (Array.isArray(cliOptions.addOns)) {
     for (const addOn of cliOptions.addOns) {
+      if (addOn.toLowerCase() === 'start') {
+        continue
+      }
       addOns.add(addOn)
     }
   } else {

package/src/ui-prompts.ts

@@ -86,15 +86,22 @@ export async function selectAddOns(
   }
 
   if (allowMultiple) {
+    const selectableAddOns = addOns.filter(
+      (addOn) => !forcedAddOns.includes(addOn.id),
+    )
+
+    if (selectableAddOns.length === 0) {
+      return []
+    }
+
     const value = await multiselect({
       message,
-      options: addOns
-        .filter((addOn) => !forcedAddOns.includes(addOn.id))
-        .map((addOn) => ({
+      options: selectableAddOns.map((addOn) => ({
           value: addOn.id,
           label: addOn.name,
           hint: addOn.description,
         })),
+      maxItems: selectableAddOns.length,
       required: false,
     })
 

package/tests/command-line.test.ts

@@ -218,6 +218,35 @@ describe('normalizeOptions', () => {
     expect(options?.typescript).toBe(true)
   })
 
+  it('should ignore legacy start add-on id from exported commands', async () => {
+    __testRegisterFramework({
+      id: 'react-cra',
+      name: 'react',
+      getAddOns: () => [
+        {
+          id: 'tanstack-query',
+          name: 'TanStack Query',
+          modes: ['file-router'],
+        },
+        {
+          id: 'nitro',
+          name: 'nitro',
+          modes: ['file-router'],
+          default: true,
+        },
+      ],
+    })
+
+    const options = await normalizeOptions({
+      projectName: 'test',
+      addOns: ['start', 'tanstack-query'],
+      framework: 'react-cra',
+    })
+
+    expect(options?.chosenAddOns.map((a) => a.id)).toContain('tanstack-query')
+    expect(options?.chosenAddOns.map((a) => a.id)).not.toContain('start')
+  })
+
   it('should handle toolchain as an addon', async () => {
     __testRegisterFramework({
       id: 'react-cra',

package/tests/ui-prompts.test.ts

@@ -57,7 +57,9 @@ describe('selectPackageManager', () => {
 describe('selectAddOns', () => {
   it('should show keyboard shortcuts help and select add-ons', async () => {
     const noteSpy = vi.spyOn(clack, 'note').mockImplementation(() => {})
-    vi.spyOn(clack, 'multiselect').mockImplementation(async () => ['add-on-1'])
+    const multiselectSpy = vi
+      .spyOn(clack, 'multiselect')
+      .mockImplementation(async () => ['add-on-1'])
     vi.spyOn(clack, 'isCancel').mockImplementation(() => false)
 
     const packageManager = await selectAddOns(
@@ -83,6 +85,9 @@ describe('selectAddOns', () => {
       'Use ↑/↓ to navigate • Space to select/deselect • Enter to confirm',
       'Keyboard Shortcuts',
     )
+    expect(multiselectSpy).toHaveBeenCalledWith(
+      expect.objectContaining({ maxItems: 1 }),
+    )
   })
 
   it('should exit on cancel', async () => {