termcast 1.3.21 → 1.3.25

package/src/extensions/dev.vitest.tsx

@@ -38,11 +38,10 @@ test('dev command shows extension commands list', async () => {
     ›List Items Displays a simple list with some ite view  ▀
      Search Items Search and filter through a list o view
      Google Oauth                                    view
-     usePromise Demo Shows how to use the usePromise view
-                                                           ▼
+     usePromise Demo Shows how to use the usePromise view  ▼
 
 
-     ↵ select  ↑↓ navigate  ^k actions"
+     ↵ run command  ↑↓ navigate  ^k actions"
   `)
 }, 30000)
 
@@ -68,15 +67,14 @@ test('selecting command with arguments shows arguments form', async () => {
 
      Search commands...
 
-     Search Items Search and filter through a list o view  ▲
-     Google Oauth                                    view
-     usePromise Demo Shows how to use the usePromise view  ▄
+     usePromise Demo Shows how to use the usePromise view  ▲
      Show State Shows the current application state  view
     ›With Arguments Demonstrates command arguments ( view
+     Quick Action Copies current timestamp to cli no-view  ▄
                                                            ▼
 
 
-     ↵ select  ↑↓ navigate  ^k actions"
+     ↵ run command  ↑↓ navigate  ^k actions"
   `)
 
   // Select the command to show arguments form (enter opens action panel, enter again runs)
@@ -93,19 +91,19 @@ test('selecting command with arguments shows arguments form', async () => {
     "
 
 
-    ▪  With Arguments                                      █
-    │  Enter the arguments to run this command.            ▀
+    ■  With Arguments                                      █
+    │  Enter the arguments to run this command.
+    │
+    ◇  Search query
+    │  Search query
     │
-    ◆  Search query
-    ┃  Search query
-    ┃
     ◇  Secret key
     │  Secret key
     ◇  Category
     │  Category
 
 
-     alt ↵ submit   ↑↓ navigate   ^k actions"
+     ctrl ↵ submit   tab navigate   ^k actions"
   `)
 }, 30000)
 
@@ -137,19 +135,19 @@ test('can fill arguments and run command', async () => {
     "
 
 
-    ▪  With Arguments                                      █
-    │  Enter the arguments to run this command.            ▀
+    ■  With Arguments                                      █
+    │  Enter the arguments to run this command.
+    │
+    ◇  Search query
+    │  Search query
     │
-    ◆  Search query
-    ┃  my search term
-    ┃
     ◇  Secret key
     │  Secret key
     ◇  Category
     │  Category
 
 
-     alt ↵ submit   ↑↓ navigate   ^k actions"
+     ctrl ↵ submit   tab navigate   ^k actions"
   `)
 
   // Submit the form with Alt+Enter (opens action panel), then Enter (selects submit)
@@ -171,15 +169,15 @@ test('can fill arguments and run command', async () => {
      Search...
 
      Received Arguments
-    ›Search Query my search term
-     Secret Key (empty)
-     Category (empty)
+    ›▼ Search Query (empty)
+     ▼ Secret Key (empty)
+     ▼ Category (empty)
 
 
-
-     ↵ sele┌────────────────────────────────────────┐
-           │ ✓ Copied to Clipboard - my search term │
-           └────────────────────────────────────────┘"
+                    ┌───────────────────────┐
+                    │ ✓ Copied to Clipboard │
+                    │   (empty)             │
+                    └───────────────────────┘"
   `)
 }, 30000)
 
@@ -208,13 +206,83 @@ test('can run simple view command without arguments', async () => {
      Search...
 
      Items                                                 ▲
-    ›First Item This is the first item                     █
-     Second Item This is the second item
-     Third Item This is the third item
-     Fourth Item This is the fourth item
-                                                           ▼
-
-
-     ↵ select  ↑↓ navigate  ^k actions"
+    ›▲ First Item This is the first item                   █
+     ▲ Second Item This is the second item                 █
+     ▲ Third Item This is the third item                   ▀
+     ▲ Fourth Item This is the fourth item
+     ▲ Fifth Item This is the fifth item                   ▼
+                    ┌───────────────────────┐
+                    │ ✓ Copied to Clipboard │
+                    │   First Item          │
+                    └───────────────────────┘"
   `)
 }, 30000)
+
+test('hot reload updates TUI when source file changes', async () => {
+  const hotReloadFixtureDir = path.resolve(__dirname, '../../fixtures/hot-reload-extension')
+  const sourceFilePath = path.join(hotReloadFixtureDir, 'src/detail-view.tsx')
+  const fs = await import('node:fs')
+
+  // Read original content to restore later
+  const originalContent = fs.readFileSync(sourceFilePath, 'utf-8')
+
+  // Start a new session for this test
+  const hotReloadSession = await launchTerminal({
+    command: 'bun',
+    args: ['src/cli.tsx', 'dev', hotReloadFixtureDir],
+    cols: 60,
+    rows: 16,
+  })
+
+  try {
+    // Wait for the extension to load
+    await hotReloadSession.text({
+      waitFor: (text) => /Hot Reload Test/i.test(text) && /Detail View/i.test(text),
+      timeout: 5000,
+    })
+    await hotReloadSession.waitIdle()
+
+    // Run the Detail View command
+    await hotReloadSession.press('enter')
+    await hotReloadSession.press('enter')
+    await hotReloadSession.waitIdle()
+
+    // Wait for the detail view to show
+    await hotReloadSession.text({
+      waitFor: (text) => /MARKER_VALUE/i.test(text),
+      timeout: 10000,
+    })
+
+    // Generate a random number
+    const randomNumber = Math.floor(Math.random() * 1000000)
+
+    // Update the source file with the random number
+    const newContent = originalContent.replace('MARKER_VALUE', `UPDATED_${randomNumber}`)
+    fs.writeFileSync(sourceFilePath, newContent)
+
+    // Wait for rebuild - navigation resets to commands list
+    await hotReloadSession.text({
+      waitFor: (text) => /Hot Reload Test/i.test(text) && /Detail View/i.test(text),
+      timeout: 5000,
+    })
+    await hotReloadSession.waitIdle()
+
+    // Run the command again to see updated content
+    await hotReloadSession.press('enter')
+    await hotReloadSession.press('enter')
+    await hotReloadSession.waitIdle()
+
+    // Wait for the updated content
+    await hotReloadSession.text({
+      waitFor: (text) => text.includes(`UPDATED_${randomNumber}`),
+      timeout: 10000,
+    })
+
+    const updatedSnapshot = await hotReloadSession.text()
+    expect(updatedSnapshot).toContain(`UPDATED_${randomNumber}`)
+  } finally {
+    // Restore original content
+    fs.writeFileSync(sourceFilePath, originalContent)
+    hotReloadSession?.close()
+  }
+}, 60000)

package/src/extensions/home.tsx

@@ -1,4 +1,5 @@
 import fs from 'node:fs'
+import path from 'node:path'
 import React from 'react'
 import { createRoot } from '@opentui/react'
 import { createCliRenderer } from '@opentui/core'
@@ -17,6 +18,7 @@ import '../globals'
 interface ExtensionCommand {
   extensionName: string
   extensionTitle: string
+  extensionDir?: string
   command: any
   bundledPath?: string
   Component?: () => any
@@ -52,6 +54,8 @@ function ExtensionsList({
   const handleCommandSelect = async (item: ExtensionCommand) => {
     clearCommandArguments()
 
+
+
     try {
       await runCommand({
         command: item.command,
@@ -208,12 +212,14 @@ export default function Home({
     const packageJson = JSON.parse(
       fs.readFileSync(extension.packageJsonPath, 'utf-8'),
     )
+    const extensionPath = path.dirname(extension.packageJsonPath)
 
     for (const command of extension.commands) {
       if (command.bundledPath) {
         allCommands.push({
           extensionName: extension.name,
           extensionTitle: packageJson.title || extension.name,
+          extensionDir: extensionPath,
           command,
           bundledPath: command.bundledPath,
           packageJson,

package/src/index.tsx

@@ -124,6 +124,9 @@ export type {
 // AI
 export { AI } from 'termcast/src/apis/ai'
 
+// Browser Extension
+export { BrowserExtension } from 'termcast/src/apis/browser-extension'
+
 // OAuth
 export { OAuth } from 'termcast/src/apis/oauth'
 

package/src/internal/dialog.tsx

@@ -1,5 +1,5 @@
 import { useKeyboard, useTerminalDimensions } from '@opentui/react'
-import React, { type ReactNode, useRef } from 'react'
+import React, { type ReactNode, useRef, useContext } from 'react'
 import { Theme } from 'termcast/src/theme'
 import { InFocus, useIsInFocus } from 'termcast/src/internal/focus-context'
 import { CommonProps } from 'termcast/src/utils'
@@ -10,13 +10,14 @@ import {
 } from 'termcast/src/state'
 import { logger } from '../logger'
 import { ToastOverlay } from 'termcast/src/apis/toast'
+import { NavigationContext } from 'termcast/src/internal/navigation'
 
 const Border = {
-  topLeft: '',
-  topRight: '',
+  topLeft: '┏',
+  topRight: '┓',
   bottomLeft: '',
   bottomRight: '',
-  horizontal: '',
+  horizontal: '━',
   vertical: '┃',
   topT: '+',
   bottomT: '+',
@@ -107,7 +108,7 @@ export function Dialog({
       onMouseDown={handleBackdropClick}
     >
       <box
-        border={false}
+        border
         customBorderChars={Border}
         width={76}
         maxWidth={dimensions.width - 2}
@@ -145,31 +146,6 @@ export function DialogProvider(props: DialogProviderProps): any {
   return (
     <>
       <InFocus inFocus={!dialogStack?.length}>{props.children}</InFocus>
-      {dialogStack.length > 0 && (
-        <box position='absolute'>
-          {dialogStack.map((item, index) => {
-            const isLastItem = index === dialogStack.length - 1
-            return (
-              <InFocus key={'dialog' + String(index)} inFocus={isLastItem}>
-                <Dialog
-                  position={item.position}
-                  onClickOutside={() => {
-                    if (!isLastItem) return
-                    const state = useStore.getState()
-                    if (state.dialogStack.length > 0) {
-                      useStore.setState({
-                        dialogStack: state.dialogStack.slice(0, -1),
-                      })
-                    }
-                  }}
-                >
-                  {item.element}
-                </Dialog>
-              </InFocus>
-            )
-          })}
-        </box>
-      )}
       <InFocus inFocus={false}>
         <ToastOverlay />
       </InFocus>
@@ -177,6 +153,43 @@ export function DialogProvider(props: DialogProviderProps): any {
   )
 }
 
+export function DialogOverlay(): any {
+  const dialogStack = useStore((state) => state.dialogStack)
+  const navContext = useContext(NavigationContext)
+
+  if (dialogStack.length === 0) {
+    return null
+  }
+
+  return (
+    <box position='absolute'>
+      {dialogStack.map((item, index) => {
+        const isLastItem = index === dialogStack.length - 1
+        return (
+          <InFocus key={'dialog' + String(index)} inFocus={isLastItem}>
+            <Dialog
+              position={item.position}
+              onClickOutside={() => {
+                if (!isLastItem) return
+                const state = useStore.getState()
+                if (state.dialogStack.length > 0) {
+                  useStore.setState({
+                    dialogStack: state.dialogStack.slice(0, -1),
+                  })
+                }
+              }}
+            >
+              <NavigationContext.Provider value={navContext}>
+                {item.element}
+              </NavigationContext.Provider>
+            </Dialog>
+          </InFocus>
+        )
+      })}
+    </box>
+  )
+}
+
 export function useDialog() {
   const dialogStack = useStore((state) => state.dialogStack)
 

package/src/internal/navigation.tsx

@@ -26,12 +26,13 @@ interface NavigationContextType {
   isPending: boolean
 }
 
-const NavigationContext = createContext<NavigationContextType | undefined>(
+export const NavigationContext = createContext<NavigationContextType | undefined>(
   undefined,
 )
 
 interface NavigationProviderProps extends CommonProps {
   children: ReactNode
+  overlay?: ReactNode
 }
 
 export function NavigationProvider(props: NavigationProviderProps): any {
@@ -139,6 +140,7 @@ export function NavigationProvider(props: NavigationProviderProps): any {
       {React.cloneElement(currentItem?.element as React.ReactElement, {
         key: stack.length,
       })}
+      {props.overlay}
     </NavigationContext.Provider>
   )
 }

package/src/internal/offscreen.tsx

@@ -0,0 +1,15 @@
+import { createContext, useContext, ReactNode } from 'react'
+
+const OffscreenContext = createContext(false)
+
+export function useIsOffscreen(): boolean {
+  return useContext(OffscreenContext)
+}
+
+export function Offscreen({ children }: { children: ReactNode }): any {
+  return (
+    <OffscreenContext.Provider value={true}>
+      {children}
+    </OffscreenContext.Provider>
+  )
+}

package/src/internal/providers.tsx

@@ -6,7 +6,7 @@ import React, {
 } from 'react'
 import { QueryClient } from '@tanstack/react-query'
 import { PersistQueryClientProvider } from '@tanstack/react-query-persist-client'
-import { DialogProvider } from 'termcast/src/internal/dialog'
+import { DialogProvider, DialogOverlay } from 'termcast/src/internal/dialog'
 import { NavigationProvider } from 'termcast/src/internal/navigation'
 import { CommonProps } from 'termcast/src/utils'
 import { Cache } from 'termcast/src/apis/cache'
@@ -420,7 +420,9 @@ export function TermcastProvider(props: ProvidersProps): any {
           <DialogProvider>
             <box padding={2}>
               {/* NavigationProvider must be last to ensure parent providers remain in the tree when navigation changes */}
-              <NavigationProvider>{props.children}</NavigationProvider>
+              <NavigationProvider overlay={<DialogOverlay />}>
+                {props.children}
+              </NavigationProvider>
             </box>
           </DialogProvider>
         </PersistQueryClientProvider>

package/src/internal/scrollbox.tsx

@@ -1,14 +1,8 @@
 import React from 'react'
 import Theme from '../theme'
+import { MacOSScrollAccel } from '@opentui/core'
+import { ScrollBoxProps } from '@opentui/react'
 
-interface ScrollBoxProps {
-  children?: React.ReactNode
-  focused?: boolean
-  flexGrow?: number
-  flexShrink?: number
-  style?: any
-  ref?: React.Ref<any>
-}
 
 export function ScrollBox({
   children,
@@ -23,6 +17,7 @@ export function ScrollBox({
     <scrollbox
       ref={ref}
       focused={focused}
+      scrollAcceleration={new MacOSScrollAccel()}
       flexGrow={flexGrow}
       flexShrink={flexShrink}
       style={{
@@ -34,6 +29,7 @@ export function ScrollBox({
           flexGrow: 1,
           flexShrink: 1,
           paddingRight: 1,
+
           ...(style?.viewportOptions || {}),
         },
         contentOptions: {

package/src/keyboard.test.tsx

@@ -0,0 +1,69 @@
+import { describe, test, expect } from 'bun:test'
+import { Keyboard } from 'termcast/src/keyboard'
+import type {
+  KeyboardKeyEquivalent,
+  KeyboardKeyModifier,
+  KeyboardShortcut,
+} from 'termcast/src/keyboard'
+
+describe('Keyboard', () => {
+  test('Keyboard.Shortcut.Common has all expected shortcuts', () => {
+    const commonShortcuts = Object.keys(Keyboard.Shortcut.Common)
+    expect(commonShortcuts).toMatchInlineSnapshot(`
+[
+  "Copy",
+  "CopyDeeplink",
+  "CopyName",
+  "CopyPath",
+  "Save",
+  "Duplicate",
+  "Edit",
+  "MoveDown",
+  "MoveUp",
+  "New",
+  "Open",
+  "OpenWith",
+  "Pin",
+  "Refresh",
+  "Remove",
+  "RemoveAll",
+  "ToggleQuickLook",
+]
+`)
+  })
+
+  test('Keyboard.Shortcut.Common.Open has correct structure', () => {
+    expect(Keyboard.Shortcut.Common.Open).toMatchInlineSnapshot(`
+{
+  "key": "o",
+  "modifiers": [
+    "cmd",
+  ],
+}
+`)
+  })
+
+  test('Keyboard.Shortcut.Common.Copy has correct structure', () => {
+    expect(Keyboard.Shortcut.Common.Copy).toMatchInlineSnapshot(`
+{
+  "key": "c",
+  "modifiers": [
+    "cmd",
+    "shift",
+  ],
+}
+`)
+  })
+
+  test('Keyboard.Shortcut.Common.Remove uses ctrl modifier', () => {
+    expect(Keyboard.Shortcut.Common.Remove).toMatchInlineSnapshot(`
+{
+  "key": "x",
+  "modifiers": [
+    "ctrl",
+  ],
+}
+`)
+  })
+
+})

package/src/release.tsx

@@ -19,7 +19,7 @@ export interface ReleaseOptions {
 
 export interface ReleaseResult {
   success: boolean
-  version: string
+  tag: string
   uploadedFiles: string[]
 }
 
@@ -33,46 +33,38 @@ export async function releaseExtension({
     throw new Error(`Extension path does not exist: ${resolvedPath}`)
   }
 
-  const packageJsonPath = path.join(resolvedPath, 'package.json')
-  if (!fs.existsSync(packageJsonPath)) {
-    throw new Error(`No package.json found at: ${packageJsonPath}`)
-  }
-
-  const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf-8'))
-  const name = packageJson.name
-  const version = packageJson.version
-
-  if (!name) {
-    throw new Error('package.json must have a name field')
-  }
-  if (!version) {
-    throw new Error('package.json must have a version field')
-  }
-
-  const tag = `${name}@${version}`
-  console.log(`Preparing release ${tag}...`)
-
-  // Check if release already exists
+  // Get repo name from git remote
+  let repoName: string
   try {
-    const checkResult = execSync(`gh release view "${tag}" --json tagName`, {
+    const remoteUrl = execSync('git config --get remote.origin.url', {
       cwd: resolvedPath,
       encoding: 'utf-8',
-      stdio: ['pipe', 'pipe', 'pipe'],
-    })
-    if (checkResult.includes(tag)) {
-      throw new Error(`Release ${tag} already exists. Bump the version in package.json first.`)
+    }).trim()
+    // Handle both HTTPS and SSH URLs:
+    // https://github.com/user/repo.git -> repo
+    // git@github.com:user/repo.git -> repo
+    const match = remoteUrl.match(/\/([^/]+?)(?:\.git)?$/) || remoteUrl.match(/:([^/]+?)(?:\.git)?$/)
+    if (!match) {
+      throw new Error(`Could not parse repo name from remote URL: ${remoteUrl}`)
     }
+    repoName = match[1].replace(/\.git$/, '')
   } catch (error: any) {
-    if (error.message?.includes('already exists')) {
-      throw error
-    }
-    const stderr = error.stderr?.toString() || ''
-    const isNotFound = stderr.includes('release not found') || stderr.includes('Not Found')
-    if (!isNotFound) {
-      throw new Error(`Failed to check release status: ${stderr || error.message}`)
-    }
+    throw new Error(`Failed to get git remote: ${error.message}`)
   }
 
+  // Generate date-based tag with hour and minute
+  const now = new Date()
+  const dateTag = [
+    now.getFullYear(),
+    String(now.getMonth() + 1).padStart(2, '0'),
+    String(now.getDate()).padStart(2, '0'),
+    String(now.getHours()).padStart(2, '0'),
+    String(now.getMinutes()).padStart(2, '0'),
+  ].join('')
+
+  const tag = `${repoName}@${dateTag}`
+  console.log(`Preparing release ${tag}...`)
+
   // Install dependencies for all platforms
   console.log('Installing dependencies for all platforms...')
   execSync('bun install --os="*" --cpu="*"', {
@@ -92,13 +84,14 @@ export async function releaseExtension({
   if (!fs.existsSync(outputDir)) {
     fs.mkdirSync(outputDir, { recursive: true })
   }
+  fs.writeFileSync(path.join(outputDir, '.gitignore'), '*\n')
 
   // Compile for all targets in parallel
   console.log(`Compiling for ${targets.length} targets in parallel...`)
   const compileResults = await Promise.all(
     targets.map(async (target) => {
       const suffix = targetToFileSuffix(target)
-      const binaryName = `${name}-${suffix}`
+      const binaryName = `${repoName}-${suffix}`
       const outfile = path.join(outputDir, binaryName)
 
       const result = await compileExtension({
@@ -106,12 +99,13 @@ export async function releaseExtension({
         outfile,
         minify: true,
         target,
+        version: tag,
       })
 
       console.log(`  ✓ ${path.basename(result.outfile)}`)
 
       const archiveExt = getArchiveExtension(target)
-      const archiveName = `${name}-${suffix}${archiveExt}`
+      const archiveName = `${repoName}-${suffix}${archiveExt}`
       const archivePath = path.join(outputDir, archiveName)
 
       if (archiveExt === '.tar.gz') {
@@ -130,7 +124,7 @@ export async function releaseExtension({
   // Create GitHub release
   console.log(`\nCreating GitHub release ${tag}...`)
   try {
-    execSync(`gh release create "${tag}" --title "${tag}" --notes "Release ${version}"`, {
+    execSync(`gh release create "${tag}" --title "${tag}" --notes "Release ${tag}"`, {
       cwd: resolvedPath,
       stdio: 'inherit',
     })
@@ -158,7 +152,7 @@ export async function releaseExtension({
 
   return {
     success: true,
-    version,
+    tag,
     uploadedFiles: compileResults,
   }
 }

package/src/state.tsx

@@ -30,6 +30,10 @@ interface AppState {
   // OAuth state
   googleAccessToken?: string
   googleIdToken?: string
+  // Actions state - when true, auto-execute first action instead of showing sheet
+  shouldAutoExecuteFirstAction: boolean
+  // First action title for footer display (set by offscreen ActionPanel)
+  firstActionTitle: string
 }
 
 export const useStore = create<AppState>(() => ({
@@ -48,4 +52,7 @@ export const useStore = create<AppState>(() => ({
   // OAuth state
   googleAccessToken: undefined,
   googleIdToken: undefined,
+  // Actions state
+  shouldAutoExecuteFirstAction: false,
+  firstActionTitle: '',
 }))