termcast 1.3.32 → 1.3.34

package/src/examples/form-tagpicker.vitest.tsx

@@ -56,6 +56,7 @@ test('form tagpicker shows inline options', async () => {
       │  ○ Norway
       │  ○ Poland
       │
+      │
       └
 
 
@@ -77,7 +78,6 @@ test('form tagpicker shows inline options', async () => {
 
 
 
-
     "
   `)
 
@@ -113,6 +113,7 @@ test('form tagpicker shows inline options', async () => {
       │  ○ Norway
       │  ○ Poland
       │
+      │
       └
 
 
@@ -134,7 +135,6 @@ test('form tagpicker shows inline options', async () => {
 
 
 
-
     "
   `)
 
@@ -147,14 +147,14 @@ test('form tagpicker shows inline options', async () => {
 
 
 
-      ■  TagPicker Component Demo
+      ▪  TagPicker Component Demo
       │  Test tag picker with multiple selection support
       │
-      ◇  Favorite Sport
+      ◆  Favorite Sport
       │  Choose your favorite sport...
       │
       │  ○ Basketball
-      │  ○ Football
+      │› ○ Football
       │  ○ Tennis
       │  ○ Baseball
       │  ○ Golf
@@ -170,6 +170,7 @@ test('form tagpicker shows inline options', async () => {
       │  ○ Norway
       │  ○ Poland
       │
+      │
       └
 
 
@@ -191,7 +192,6 @@ test('form tagpicker shows inline options', async () => {
 
 
 
-
     "
   `)
 
@@ -207,17 +207,17 @@ test('form tagpicker shows inline options', async () => {
 
 
 
-      ■  TagPicker Component Demo
+      ▪  TagPicker Component Demo
       │  Test tag picker with multiple selection support
       │
-      ◇  Favorite Sport
+      ◆  Favorite Sport
       │  Choose your favorite sport...
       │
-      │  ○ Basketball
-      │  ○ Football
-      │  ○ Tennis
       │  ○ Baseball
       │  ○ Golf
+      │› ○ Swimming
+      │  ○ Cycling
+      │  ○ Running
       │
       │  Select your favorite sport from the list
       │
@@ -230,6 +230,7 @@ test('form tagpicker shows inline options', async () => {
       │  ○ Norway
       │  ○ Poland
       │
+      │
       └
 
 
@@ -251,7 +252,6 @@ test('form tagpicker shows inline options', async () => {
 
 
 
-
     "
   `)
 
@@ -264,17 +264,17 @@ test('form tagpicker shows inline options', async () => {
 
 
 
-      ■  TagPicker Component Demo
+      ▪  TagPicker Component Demo
       │  Test tag picker with multiple selection support
       │
-      ◇  Favorite Sport
-      │  Choose your favorite sport...
+      ◆  Favorite Sport
+      │  Swimming
       │
-      │  ○ Basketball
-      │  ○ Football
-      │  ○ Tennis
       │  ○ Baseball
       │  ○ Golf
+      │› ● Swimming
+      │  ○ Cycling
+      │  ○ Running
       │
       │  Select your favorite sport from the list
       │
@@ -287,6 +287,7 @@ test('form tagpicker shows inline options', async () => {
       │  ○ Norway
       │  ○ Poland
       │
+      │
       └
 
 
@@ -308,7 +309,6 @@ test('form tagpicker shows inline options', async () => {
 
 
 
-
     "
   `)
 }, 15000)
@@ -352,6 +352,7 @@ test('form tagpicker keyboard navigation', async () => {
       │  ○ Norway
       │  ○ Poland
       │
+      │
       └
 
 
@@ -373,7 +374,6 @@ test('form tagpicker keyboard navigation', async () => {
 
 
 
-
     "
   `)
 
@@ -389,17 +389,17 @@ test('form tagpicker keyboard navigation', async () => {
 
 
 
-      ■  TagPicker Component Demo
+      ▪  TagPicker Component Demo
       │  Test tag picker with multiple selection support
       │
-      ◇  Favorite Sport
+      ◆  Favorite Sport
       │  Choose your favorite sport...
       │
-      │  ○ Basketball
-      │  ○ Football
       │  ○ Tennis
       │  ○ Baseball
-      │  ○ Golf
+      │› ○ Golf
+      │  ○ Swimming
+      │  ○ Cycling
       │
       │  Select your favorite sport from the list
       │
@@ -412,6 +412,7 @@ test('form tagpicker keyboard navigation', async () => {
       │  ○ Norway
       │  ○ Poland
       │
+      │
       └
 
 
@@ -433,7 +434,6 @@ test('form tagpicker keyboard navigation', async () => {
 
 
 
-
     "
   `)
 
@@ -446,17 +446,17 @@ test('form tagpicker keyboard navigation', async () => {
 
 
 
-      ■  TagPicker Component Demo
+      ▪  TagPicker Component Demo
       │  Test tag picker with multiple selection support
       │
-      ◇  Favorite Sport
+      ◆  Favorite Sport
       │  Choose your favorite sport...
       │
-      │  ○ Basketball
-      │  ○ Football
-      │  ○ Tennis
       │  ○ Baseball
       │  ○ Golf
+      │› ○ Swimming
+      │  ○ Cycling
+      │  ○ Running
       │
       │  Select your favorite sport from the list
       │
@@ -469,6 +469,7 @@ test('form tagpicker keyboard navigation', async () => {
       │  ○ Norway
       │  ○ Poland
       │
+      │
       └
 
 
@@ -490,7 +491,6 @@ test('form tagpicker keyboard navigation', async () => {
 
 
 
-
     "
   `)
 
@@ -503,17 +503,17 @@ test('form tagpicker keyboard navigation', async () => {
 
 
 
-      ■  TagPicker Component Demo
+      ▪  TagPicker Component Demo
       │  Test tag picker with multiple selection support
       │
-      ◇  Favorite Sport
+      ◆  Favorite Sport
       │  Choose your favorite sport...
       │
-      │  ○ Basketball
-      │  ○ Football
       │  ○ Tennis
       │  ○ Baseball
-      │  ○ Golf
+      │› ○ Golf
+      │  ○ Swimming
+      │  ○ Cycling
       │
       │  Select your favorite sport from the list
       │
@@ -526,6 +526,7 @@ test('form tagpicker keyboard navigation', async () => {
       │  ○ Norway
       │  ○ Poland
       │
+      │
       └
 
 
@@ -547,7 +548,6 @@ test('form tagpicker keyboard navigation', async () => {
 
 
 
-
     "
   `)
 
@@ -560,17 +560,17 @@ test('form tagpicker keyboard navigation', async () => {
 
 
 
-      ■  TagPicker Component Demo
+      ▪  TagPicker Component Demo
       │  Test tag picker with multiple selection support
       │
-      ◇  Favorite Sport
+      ◆  Favorite Sport
       │  Choose your favorite sport...
       │
-      │  ○ Basketball
-      │  ○ Football
       │  ○ Tennis
       │  ○ Baseball
-      │  ○ Golf
+      │› ○ Golf
+      │  ○ Swimming
+      │  ○ Cycling
       │
       │  Select your favorite sport from the list
       │
@@ -583,6 +583,7 @@ test('form tagpicker keyboard navigation', async () => {
       │  ○ Norway
       │  ○ Poland
       │
+      │
       └
 
 
@@ -604,7 +605,6 @@ test('form tagpicker keyboard navigation', async () => {
 
 
 
-
     "
   `)
 }, 15000)
@@ -648,6 +648,7 @@ test('form tagpicker with default value', async () => {
       │  ○ Norway
       │  ○ Poland
       │
+      │
       └
 
 
@@ -669,7 +670,6 @@ test('form tagpicker with default value', async () => {
 
 
 
-
     "
   `)
 
@@ -705,6 +705,7 @@ test('form tagpicker with default value', async () => {
       │  ○ Norway
       │  ○ Poland
       │
+      │
       └
 
 
@@ -726,12 +727,13 @@ test('form tagpicker with default value', async () => {
 
 
 
-
     "
   `)
 
-  // Submit with alt+enter directly - no need to press esc first
-  await session.press(['alt', 'enter'])
+  // Submit via action panel (ctrl+k then enter)
+  await session.press(['ctrl', 'k'])
+  await session.waitIdle()
+  await session.press('enter')
 
   const afterSubmitSnapshot = await session.text({
     waitFor: (text) => {
@@ -748,9 +750,9 @@ test('form tagpicker with default value', async () => {
       │  Test tag picker with multiple selection support
       │
       ◆  Favorite Sport
-      │  Choose your favorite sport...
+      │  Basketball
       │
-      │› ○ Basketball
+      │› ● Basketball
       │  ○ Football
       │  ○ Tennis
       │  ○ Baseball
@@ -767,9 +769,12 @@ test('form tagpicker with default value', async () => {
       │  ○ Norway
       │  ○ Poland
       │
+      │
       ▪  Submitted Data
       │  {
-      │    "sports": [],
+      │    "sports": [
+      │      "basketball"
+      │    ],
       │    "countries": [
       │      "ger"
       │    ]
@@ -786,9 +791,6 @@ test('form tagpicker with default value', async () => {
 
 
 
-
-
-
     "
   `)
 }, 15000)

package/src/examples/github.vitest.tsx

@@ -0,0 +1,252 @@
+import { test, expect, beforeEach, afterEach, beforeAll } from 'vitest'
+import { launchTerminal, Session } from 'tuistory/src'
+import { spawnSync } from 'node:child_process'
+import path from 'node:path'
+import fs from 'node:fs'
+
+const extensionDir = path.resolve(__dirname, '../../extensions/github')
+
+// The extensions folder is gitignored, so this test only runs locally
+const extensionExists = fs.existsSync(extensionDir)
+
+// Install dependencies before running tests (only if extension exists locally)
+beforeAll(() => {
+  if (!extensionExists) {
+    return // Extension folder doesn't exist (gitignored, not in CI)
+  }
+
+  // Skip if already installed
+  if (fs.existsSync(path.join(extensionDir, 'node_modules', '.bin'))) {
+    return
+  }
+
+  const result = spawnSync('npm', ['install'], {
+    cwd: extensionDir,
+    stdio: 'inherit',
+    timeout: 120000,
+  })
+
+  if (result.status !== 0 || result.signal) {
+    throw new Error(
+      `npm install failed: status=${result.status}, signal=${result.signal}`,
+    )
+  }
+}, 180000)
+
+let session: Session
+
+beforeEach(async (ctx) => {
+  if (!extensionExists) {
+    ctx.skip()
+    return
+  }
+  session = await launchTerminal({
+    command: 'bun',
+    args: ['src/cli.tsx', 'dev', extensionDir],
+    cwd: path.resolve(__dirname, '../..'),
+    cols: 80,
+    rows: 30,
+  })
+})
+
+afterEach(() => {
+  session?.close()
+})
+
+test.skipIf(!extensionExists)('github extension shows command list on launch', async () => {
+  // Wait for command list to appear (extension has multiple commands)
+  // Don't match "Commands" alone - it falsely matches "Building 18 commands..." build log
+  const initialView = await session.text({
+    waitFor: (text) => /My Pull Requests|Search Repositories/i.test(text),
+    timeout: 30000,
+  })
+
+  expect(initialView).toContain('My Pull Requests')
+  expect(initialView).toContain('Search Repositories')
+  expect(initialView).toMatchInlineSnapshot(`
+    "
+
+
+       GitHub ───────────────────────────────────────────────────────────────────
+
+       > Search commands...
+
+       Commands
+      ›My Pull Requests List pull requests you created, participated in, or view
+       Search Pull Requests Search recent pull requests globally in all rep view
+       Create Pull Request Create a pull request in one of your GitHub repo view
+       My Issues List issues created by you, assigned to you or mentioning  view
+       Search Issues Search recent issues globally in all repositories.     view
+       Create Issue Create an issue in one of your GitHub repositories.     view
+       Create Branch Create a branch in one of your GitHub repositories     view
+       Search Repositories Search in your public or private repositories by view
+       My Latest Repositories List your repositories by latest updated      view
+       My Starred Repositories List repositories you have starred           view
+       Workflow Runs Manage workflow runs for a selected GitHub repository. view
+       Notifications List inbox notifications from all repositories or a se view
+       Search Discussions Search recent Discussions globally in all reposit view
+       My Discussions Show your Discussions                                 view
+       My Projects Show your Projects                                       view
+
+
+
+       ↵ run command   ↑↓ navigate   ^k actions               powered by termcast
+
+
+
+    "
+  `)
+}, 60000)
+
+test.skipIf(!extensionExists)('github extension can navigate commands', async () => {
+  // Wait for command list
+  await session.text({
+    waitFor: (text) => /My Pull Requests|Search Repositories/i.test(text),
+    timeout: 30000,
+  })
+
+  await session.waitIdle()
+
+  // Navigate down
+  await session.press('down')
+  await session.press('down')
+
+  const afterNavigate = await session.text()
+  expect(afterNavigate).toMatchInlineSnapshot(`
+    "
+
+
+       GitHub ───────────────────────────────────────────────────────────────────
+
+       > Search commands...
+
+       Commands
+       My Pull Requests List pull requests you created, participated in, or view
+       Search Pull Requests Search recent pull requests globally in all rep view
+      ›Create Pull Request Create a pull request in one of your GitHub repo view
+       My Issues List issues created by you, assigned to you or mentioning  view
+       Search Issues Search recent issues globally in all repositories.     view
+       Create Issue Create an issue in one of your GitHub repositories.     view
+       Create Branch Create a branch in one of your GitHub repositories     view
+       Search Repositories Search in your public or private repositories by view
+       My Latest Repositories List your repositories by latest updated      view
+       My Starred Repositories List repositories you have starred           view
+       Workflow Runs Manage workflow runs for a selected GitHub repository. view
+       Notifications List inbox notifications from all repositories or a se view
+       Search Discussions Search recent Discussions globally in all reposit view
+       My Discussions Show your Discussions                                 view
+       My Projects Show your Projects                                       view
+
+
+
+       ↵ run command   ↑↓ navigate   ^k actions               powered by termcast
+
+
+
+    "
+  `)
+}, 60000)
+
+test.skipIf(!extensionExists)('github extension can open actions panel', async () => {
+  // Wait for command list
+  await session.text({
+    waitFor: (text) => /My Pull Requests|Search Repositories/i.test(text),
+    timeout: 30000,
+  })
+
+  await session.waitIdle()
+
+  // Open actions panel with ctrl+k
+  await session.press(['ctrl', 'k'])
+
+  const actionsPanel = await session.text({
+    waitFor: (text) => /Actions|Open/i.test(text),
+    timeout: 5000,
+  })
+
+  expect(actionsPanel).toMatchInlineSnapshot(`
+    "
+
+
+
+
+
+
+
+
+      ╭──────────────────────────────────────────────────────────────────────────╮
+      │                                                                          │
+      │   Actions                                                          esc   │
+      │                                                                          │
+      │   > Search actions...                                                    │
+      │                                                                          │
+      │  ›Run Command                                                         █  │
+      │   Copy File Path                                                      █  │
+      │   Copy Command Info                                                   █  │
+      │                                                                       ▀  │
+      │   Settings                                                               │
+      │   Configure GitHub...                                            ⌃⇧,     │
+      │   Change Theme...                                                        │
+      │                                                                          │
+      │   ↵ select   ↑↓ navigate                                                 │
+      │                                                                          │
+      ╰──────────────────────────────────────────────────────────────────────────╯
+
+
+
+
+    "
+  `)
+}, 60000)
+
+test.skipIf(!extensionExists)('github extension can search commands', async () => {
+  // Wait for command list
+  await session.text({
+    waitFor: (text) => /My Pull Requests|Search Repositories/i.test(text),
+    timeout: 30000,
+  })
+
+  await session.waitIdle()
+
+  // Type to filter commands
+  await session.type('workflow')
+
+  const filteredList = await session.text({
+    waitFor: (text) => /Workflow Runs/i.test(text) && !/My Pull Requests/i.test(text),
+    timeout: 5000,
+  })
+
+  expect(filteredList).toMatchInlineSnapshot(`
+    "
+
+
+       GitHub ───────────────────────────────────────────────────────────────────
+
+       > workflow
+
+      ›Workflow Runs Manage workflow runs for a selected GitHub repository. view
+
+
+
+
+
+
+
+       ↵ run command   ↑↓ navigate   ^k actions               powered by termcast
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    "
+  `)
+}, 60000)