termcast 1.3.24 → 1.3.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "termcast",
-  "version": "1.3.24",
+  "version": "1.3.26",
   "description": "Raycast for the terminal",
   "repository": "https://github.com/remorses/termcast",
   "scripts": {
@@ -13,6 +13,7 @@
     "test": "bun test && bun e2e",
     "e2e": "vitest -u"
   },
+  "bin": "./dist/cli.js",
   "exports": {
     ".": {
       "bun": "./src/index.tsx",
@@ -37,13 +38,11 @@
     "@tanstack/react-query-persist-client": "^5.85.5",
     "cac": "^6.7.14",
     "change-case": "^5.4.4",
-    "cheerio": "^1.1.2",
     "colord": "^2.9.3",
     "google-auth-library": "^10.3.0",
     "jszip": "^3.10.1",
     "nanoid": "^5.1.5",
     "node-diff3": "^3.2.0",
-    "node-pty": "^1.0.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "react-hook-form": "^7.62.0",

package/src/apis/toast.tsx

@@ -1,7 +1,6 @@
 import React, { useEffect, useState } from 'react'
 import { Theme } from 'termcast/src/theme'
 import { TextAttributes } from '@opentui/core'
-import { logger } from 'termcast/src/logger'
 import { useStore } from 'termcast/src/state'
 import { useKeyboard, useTerminalDimensions } from '@opentui/react'
 import { useIsInFocus } from 'termcast/src/internal/focus-context'
@@ -121,14 +120,13 @@ export class Toast {
   }
 }
 
-interface ToastContentProps {
+export interface ToastContentProps {
   toast: Toast
   onHide: () => void
 }
 
-function ToastContent({ toast, onHide }: ToastContentProps): any {
+export function ToastContent({ toast, onHide }: ToastContentProps): any {
   const [, forceUpdate] = useState(0)
-  const dimensions = useTerminalDimensions()
   const inFocus = useIsInFocus()
 
   useEffect(() => {
@@ -203,78 +201,55 @@ function ToastContent({ toast, onHide }: ToastContentProps): any {
   const icon =
     toast.style === Toast.Style.Animated ? getIcon()[animationFrame] : getIcon()
 
-  const wrapText = (text: string, maxWidth: number): string[] => {
-    if (!text) return []
-
-    const words = text.split(' ')
-    const lines: string[] = []
-    let currentLine = ''
-
-    for (const word of words) {
-      const testLine = currentLine ? `${currentLine} ${word}` : word
-      if (testLine.length <= maxWidth) {
-        currentLine = testLine
-      } else {
-        if (currentLine) {
-          lines.push(currentLine)
-        }
-        currentLine = word
-      }
-    }
-
-    if (currentLine) {
-      lines.push(currentLine)
-    }
-
-    return lines.slice(0, 3)
-  }
-
-  const iconLength = 2
-  const titleLength = toast.title.length
-  const actionsLength = (() => {
-    let length = 0
-    if (toast.primaryAction) {
-      length += toast.primaryAction.title.length + 4
-    }
-    if (toast.secondaryAction) {
-      length += toast.secondaryAction.title.length + 4
-    }
-    return length
-  })()
-
-  const availableWidth =
-    dimensions.width - iconLength - titleLength - actionsLength - 8
-  const messageLines = toast.message
-    ? wrapText(toast.message, Math.max(20, availableWidth))
-    : []
-
   return (
     <box
       borderColor={Theme.border}
+      backgroundColor={Theme.background}
       paddingLeft={1}
       paddingRight={1}
       flexDirection='column'
     >
       <box flexDirection='row' alignItems='center'>
-        <text fg={getIconColor()}>{icon} </text>
-        <text fg={Theme.text} attributes={TextAttributes.BOLD}>
+        <text flexShrink={0} fg={getIconColor()}>
+          {icon}{' '}
+        </text>
+        <text flexShrink={0} fg={Theme.text} attributes={TextAttributes.BOLD}>
           {toast.title}
         </text>
-        {messageLines.length > 0 && (
-          <text fg={Theme.textMuted}> - {messageLines[0]}</text>
-        )}
         {toast.primaryAction && (
-          <text fg={Theme.primary}> [{toast.primaryAction.title} ↵]</text>
+          <box
+            flexShrink={0}
+            onMouseDown={() => {
+              toast.primaryAction?.onAction(toast)
+            }}
+          >
+            <text fg={Theme.primary}>
+              {' '}
+              [{toast.primaryAction.title} ↵]
+            </text>
+          </box>
         )}
         {toast.secondaryAction && (
-          <text fg={Theme.textMuted}> [{toast.secondaryAction.title} ⇥]</text>
+          <box
+            flexShrink={0}
+            onMouseDown={() => {
+              toast.secondaryAction?.onAction(toast)
+            }}
+          >
+            <text fg={Theme.textMuted}>
+              {' '}
+              [{toast.secondaryAction.title} ⇥]
+            </text>
+          </box>
         )}
       </box>
-      {messageLines.slice(1).map((line, index) => (
-        <box key={index} paddingLeft={iconLength + titleLength + 3}>
-          <text fg={Theme.textMuted}>{line}</text>
+      {toast.message && (
+        <box paddingLeft={2}>
+          <text flexShrink={0} fg={Theme.textMuted}>
+            {toast.message}
+          </text>
         </box>
-      ))}
+      )}
     </box>
   )
 }
@@ -291,9 +266,9 @@ export function ToastOverlay(): any {
     <box
       position='absolute'
       left={0}
-      top={dimensions.height - 3}
+      bottom={0}
       width={dimensions.width}
-      height={3}
+      maxHeight={10}
       justifyContent='flex-end'
       alignItems='center'
     >

package/src/build.tsx

@@ -204,6 +204,7 @@ export async function buildExtensionCommands({
   if (!fs.existsSync(bundleDir)) {
     fs.mkdirSync(bundleDir, { recursive: true })
   }
+  fs.writeFileSync(path.join(bundleDir, '.gitignore'), '*\n')
 
   const commandsData = getCommandsWithFiles({
     packageJsonPath: path.join(resolvedPath, 'package.json'),

package/src/cli.tsx

@@ -1,3 +1,5 @@
+#!/usr/bin/env bun
+
 import fs from 'node:fs'
 import path from 'node:path'
 import { execSync, spawn } from 'node:child_process'
@@ -222,7 +224,7 @@ cli
         single: options.single,
       })
 
-      console.log(`\nRelease complete: v${result.version}`)
+      console.log(`\nRelease complete: ${result.tag}`)
       console.log(`Uploaded ${result.uploadedFiles.length} binaries`)
     } catch (error: any) {
       console.error('Release failed:', error.message)
@@ -409,14 +411,17 @@ cli
 cli
   .command('download <extensionName>', 'Download extension from Raycast extensions repo')
   .option('-o, --output <path>', 'Output directory', { default: '.' })
-  .action(async (extensionName: string, options: { output: string }) => {
+  .option('--no-dir', 'Put files directly in output directory instead of creating extension subdirectory')
+  .action(async (extensionName: string, options: { output: string; dir: boolean }) => {
     try {
       const destPath = path.resolve(options.output)
-      const extensionDir = path.join(destPath, extensionName)
+      // When --no-dir is passed, dir is false; put files directly in destPath
+      const extensionDir = options.dir ? path.join(destPath, extensionName) : destPath
+      const tempCloneDir = path.join(destPath, `.tmp-${extensionName}-${Date.now()}`)
 
       console.log(`Downloading extension '${extensionName}' from raycast/extensions...`)
 
-      if (fs.existsSync(extensionDir)) {
+      if (options.dir && fs.existsSync(extensionDir)) {
         console.log(`Removing existing directory: ${extensionDir}`)
         fs.rmSync(extensionDir, { recursive: true, force: true })
       }
@@ -424,7 +429,8 @@ cli
       fs.mkdirSync(destPath, { recursive: true })
 
       const repoUrl = 'https://github.com/raycast/extensions.git'
-      const cloneCmd = `git clone -n --depth=1 --filter=tree:0 "${repoUrl}" "${extensionName}"`
+      const cloneDirName = path.basename(tempCloneDir)
+      const cloneCmd = `git clone -n --depth=1 --filter=tree:0 "${repoUrl}" "${cloneDirName}"`
       console.log(`Running: ${cloneCmd}`)
       try {
         execSync(cloneCmd, {
@@ -440,11 +446,12 @@ cli
       console.log(`Running: ${sparseCmd}`)
       try {
         execSync(sparseCmd, {
-          cwd: extensionDir,
+          cwd: tempCloneDir,
           stdio: 'inherit',
         })
       } catch (error) {
         console.error(`Failed to set sparse-checkout`)
+        fs.rmSync(tempCloneDir, { recursive: true, force: true })
         process.exit(1)
       }
 
@@ -452,22 +459,27 @@ cli
       console.log(`Running: ${checkoutCmd}`)
       try {
         execSync(checkoutCmd, {
-          cwd: extensionDir,
+          cwd: tempCloneDir,
           stdio: 'inherit',
         })
       } catch (error) {
         console.error(`Failed to checkout files`)
+        fs.rmSync(tempCloneDir, { recursive: true, force: true })
         process.exit(1)
       }
 
-      const extensionPath = path.join(extensionDir, 'extensions', extensionName)
+      const extensionPath = path.join(tempCloneDir, 'extensions', extensionName)
 
       if (!fs.existsSync(extensionPath)) {
         console.error(`Extension '${extensionName}' not found in raycast/extensions repo`)
-        fs.rmSync(extensionDir, { recursive: true, force: true })
+        fs.rmSync(tempCloneDir, { recursive: true, force: true })
         process.exit(1)
       }
 
+      // Move files to final destination
+      if (options.dir) {
+        fs.mkdirSync(extensionDir, { recursive: true })
+      }
       const filesToMove = fs.readdirSync(extensionPath)
       for (const file of filesToMove) {
         const src = path.join(extensionPath, file)
@@ -475,8 +487,8 @@ cli
         fs.renameSync(src, dest)
       }
 
-      fs.rmSync(path.join(extensionDir, 'extensions'), { recursive: true, force: true })
-      fs.rmSync(path.join(extensionDir, '.git'), { recursive: true, force: true })
+      // Clean up temp clone directory
+      fs.rmSync(tempCloneDir, { recursive: true, force: true })
 
       console.log(`\nInstalling dependencies...`)
       execSync('npm install', {

package/src/compile.tsx

@@ -105,15 +105,15 @@ export function getArchiveExtension(target: CompileTarget): string {
 export const ALL_TARGETS: CompileTarget[] = [
   { os: 'linux', arch: 'arm64' },
   { os: 'linux', arch: 'x64' },
-  { os: 'linux', arch: 'x64', avx2: false },
-  { os: 'linux', arch: 'arm64', abi: 'musl' },
-  { os: 'linux', arch: 'x64', abi: 'musl' },
-  { os: 'linux', arch: 'x64', abi: 'musl', avx2: false },
+  // { os: 'linux', arch: 'x64', avx2: false },
+  // { os: 'linux', arch: 'arm64', abi: 'musl' },
+  // { os: 'linux', arch: 'x64', abi: 'musl' },
+  // { os: 'linux', arch: 'x64', abi: 'musl', avx2: false },
   { os: 'darwin', arch: 'arm64' },
   { os: 'darwin', arch: 'x64' },
-  { os: 'darwin', arch: 'x64', avx2: false },
+  // { os: 'darwin', arch: 'x64', avx2: false },
   { os: 'win32', arch: 'x64' },
-  { os: 'win32', arch: 'x64', avx2: false },
+  // { os: 'win32', arch: 'x64', avx2: false },
 ]
 
 export function getCurrentTarget(): CompileTarget {
@@ -127,6 +127,7 @@ export interface CompileOptions {
   outfile?: string
   minify?: boolean
   target?: CompileTarget
+  version?: string
 }
 
 export interface CompileResult {
@@ -139,6 +140,7 @@ export async function compileExtension({
   outfile,
   minify = false,
   target,
+  version,
 }: CompileOptions): Promise<CompileResult> {
   const resolvedPath = path.resolve(extensionPath)
 
@@ -164,6 +166,7 @@ export async function compileExtension({
   if (!fs.existsSync(bundleDir)) {
     fs.mkdirSync(bundleDir, { recursive: true })
   }
+  fs.writeFileSync(path.join(bundleDir, '.gitignore'), '*\n')
 
   const entryCode = generateEntryCode({
     extensionPath: resolvedPath,
@@ -191,6 +194,7 @@ export async function compileExtension({
       compile: {
         outfile: defaultOutfile,
       },
+      define: { 'process.env.VERSION': JSON.stringify(version || '') },
       plugins: [raycastAliasPlugin, swiftLoaderPlugin],
       throw: false,
     } as Parameters<typeof Bun.build>[0])

package/src/components/form/index.tsx

@@ -102,17 +102,10 @@ export const useFormSubmit = () => {
 }
 
 function FormFooter(): any {
-  return (
-    <box
-      border={false}
-      style={{
-        paddingLeft: 1,
-        paddingRight: 1,
-        paddingTop: 1,
-        marginTop: 1,
-        flexDirection: 'row',
-      }}
-    >
+  const hasToast = useStore((s) => s.toast !== null)
+
+  const content = hasToast ? null : (
+    <>
       <text fg={Theme.text} attributes={TextAttributes.BOLD}>
         ctrl ↵
       </text>
@@ -125,6 +118,22 @@ function FormFooter(): any {
         {'   '}^k
       </text>
       <text fg={Theme.textMuted}> actions</text>
+    </>
+  )
+
+  return (
+    <box
+      border={false}
+      height={1}
+      style={{
+        paddingLeft: 1,
+        paddingRight: 1,
+        paddingTop: 1,
+        marginTop: 1,
+        flexDirection: 'row',
+      }}
+    >
+      {content}
     </box>
   )
 }

package/src/components/list.tsx

@@ -70,19 +70,10 @@ interface ActionsInterface {
 
 function ListFooter(): any {
   const firstActionTitle = useStore((s) => s.firstActionTitle)
+  const hasToast = useStore((s) => s.toast !== null)
 
-  return (
-    <box
-      border={false}
-      style={{
-        paddingLeft: 1,
-        flexShrink: 0,
-        paddingRight: 1,
-        paddingTop: 1,
-        marginTop: 1,
-        flexDirection: 'row',
-      }}
-    >
+  const content = hasToast ? null : (
+    <>
       {firstActionTitle && (
         <>
           <text fg={Theme.text} attributes={TextAttributes.BOLD}>
@@ -99,6 +90,23 @@ function ListFooter(): any {
         {'  '}^k
       </text>
       <text fg={Theme.textMuted}> actions</text>
+    </>
+  )
+
+  return (
+    <box
+      border={false}
+      height={1}
+      style={{
+        paddingLeft: 1,
+        flexShrink: 0,
+        paddingRight: 1,
+        paddingTop: 1,
+        marginTop: 1,
+        flexDirection: 'row',
+      }}
+    >
+      {content}
     </box>
   )
 }
@@ -515,30 +523,45 @@ function ListDropdownDialog(props: ListDropdownDialogProps): any {
           )}
         </box>
 
-        <box
-          border={false}
-          style={{
-            paddingRight: 2,
-            paddingLeft: 3,
-            paddingBottom: 1,
-            paddingTop: 1,
-            flexDirection: 'row',
-          }}
-        >
-          <text fg={Theme.text} attributes={TextAttributes.BOLD}>
-            ↵
-          </text>
-          <text fg={Theme.textMuted}> select</text>
-          <text fg={Theme.text} attributes={TextAttributes.BOLD}>
-            {'   '}↑↓
-          </text>
-          <text fg={Theme.textMuted}> navigate</text>
-        </box>
+        <DropdownFooter />
       </box>
     </DropdownDescendantsProvider>
   )
 }
 
+function DropdownFooter(): any {
+  const hasToast = useStore((s) => s.toast !== null)
+
+  const content = hasToast ? null : (
+    <>
+      <text fg={Theme.text} attributes={TextAttributes.BOLD}>
+        ↵
+      </text>
+      <text fg={Theme.textMuted}> select</text>
+      <text fg={Theme.text} attributes={TextAttributes.BOLD}>
+        {'   '}↑↓
+      </text>
+      <text fg={Theme.textMuted}> navigate</text>
+    </>
+  )
+
+  return (
+    <box
+      border={false}
+      height={1}
+      style={{
+        paddingRight: 2,
+        paddingLeft: 3,
+        paddingBottom: 1,
+        paddingTop: 1,
+        flexDirection: 'row',
+      }}
+    >
+      {content}
+    </box>
+  )
+}
+
 // Render a single list item row
 function ListItemRow(props: {
   title: string

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

@@ -113,7 +113,7 @@ test('password field always shows asterisks and submits real value', async () =>
     │  Required field
     │
     ◆  Password
-    │  *********
+    │  **********
     │  Must be at least 8 characters
     │
     ◇  Biography
@@ -170,7 +170,7 @@ test('password field always shows asterisks and submits real value', async () =>
     │  Required field
     │
     ◇  Password
-    │  *********
+    │  **********
     │  Must be at least 8 characters
     │
     ◆  Biography
@@ -232,7 +232,7 @@ test('password field always shows asterisks and submits real value', async () =>
     │  Required field
     │
     ◇  Password
-    │  *********
+    │  **********
     │  Must be at least 8 characters
     │┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     ◆┃
@@ -290,7 +290,7 @@ test('password field always shows asterisks and submits real value', async () =>
     │  Required field
     │
     ◇  Password
-    │  *********
+    │  **********
     │  Must be at least 8 characters
     │
     ◆  Biography
@@ -324,10 +324,10 @@ test('password field always shows asterisks and submits real value', async () =>
     │
     │   Mo Tu We Th Fr Sa Su
     │    1  2  3  4  5  6  7
-
-    ┌─────────────────────────────────────────────────────────────────┐
-    │c✓rFormsSubmitteda- Alliform data hasibeen captured successfully │
-    └─────────────────────────────────────────────────────────────────┘"
+            ┌────────────────────────────────────────────────┐
+            │ ✓ Form Submitted                               │
+            │   All form data has been captured successfully │
+            └────────────────────────────────────────────────┘"
   `)
   
   // The toast "Form Submitted" in afterEnterSnapshot proves the form was submitted

package/src/examples/list-with-detail.vitest.tsx

@@ -47,18 +47,18 @@ test('list with detail view display and navigation', async () => {
                                           │
                                           │ Characteristics
                                           │ - Height: 0.7m
-                                          │ - ───────────────
+                                          │ - Weight: 6.9kg
                                           │
-                                          │ Characteristics:
-                                          │ Height:
-                                          │ 0.7m
+                                          │ Abilities
+                                          │ - Chlorophyll
+                                          │ - Overgrow
+                                          │ ─────────────────────────────────
                                           │
-                                          │ ─────────────────
-                                          │ Weight:
-                                          │ 6.9kg
+                                          │ Types:
                                           │
+                                          │ Grass:
      ↵toggle detail ↑↓ navigate ^kactions │ ─────────────────
-                                          │ Abilities:                        ▼"
+                                          │                                   ▼"
   `)
 
   await session.press('down')

package/src/examples/list-with-sections.vitest.tsx

@@ -480,19 +480,19 @@ test('list actions panel with ctrl+k', async () => {
      Search items...
 
      Fruits                                                          ▲
-    ›Apple Red and sweet                            Fresh [Popular]  ▀
-     Banana Yellow and nutritious                              Ripe
-     Orange Citrus and juicy                                  Fresh
-     Grape Sweet clusters                                [Seasonal]
+    ›Apple Red and sweet                            Fresh [Popular]  █
+     Banana Yellow and nutritious                              Ripe  █
+     Orange Citrus and juicy                                  Fresh  █
+     Grape Sweet clusters                                [Seasonal]  █
      Mango Tropical delight                                Imported
      Pineapple Sweet and tangy
      Strawberry Red and sweet                             [Popular]
-                                                                     ▼
-
 
-     ↵ vie┌─────────────────────────────────────────────────────┐
-          │ ✓ Added to Cart - Apple has been added to your cart │
-          └─────────────────────────────────────────────────────┘"
+     Vegetables                                                      ▼
+                  ┌─────────────────────────────────────┐
+                  │ ✓ Added to Cart                     │
+                  │   Apple has been added to your cart │
+                  └─────────────────────────────────────┘"
   `)
 }, 10000)
 

package/src/examples/list-with-toast.vitest.tsx

@@ -42,10 +42,10 @@ test('list navigation works while toast is shown', async () => {
 
 
 
-
-       ↑↓ navigate  ^k a┌─────────────────────────┐
-                        │ ✓ Selected - First Item │
-                        └─────────────────────────┘"
+                             ┌──────────────┐
+                             │ ✓ Selected   │
+                             │   First Item │
+                             └──────────────┘"
   `)
 
   await session.press('down')
@@ -70,10 +70,10 @@ test('list navigation works while toast is shown', async () => {
 
 
 
-
-       ↑↓ navigate  ^k ┌──────────────────────────┐
-                       │ ✓ Selected - Second Item │
-                       └──────────────────────────┘"
+                             ┌───────────────┐
+                             │ ✓ Selected    │
+                             │   Second Item │
+                             └───────────────┘"
   `)
 
   await session.press('down')
@@ -98,10 +98,10 @@ test('list navigation works while toast is shown', async () => {
 
 
 
-
-       ↑↓ navigate  ^k a┌─────────────────────────┐
-                        │ ✓ Selected - Third Item │
-                        └─────────────────────────┘"
+                             ┌──────────────┐
+                             │ ✓ Selected   │
+                             │   Third Item │
+                             └──────────────┘"
   `)
 
   await session.press('up')
@@ -126,9 +126,9 @@ test('list navigation works while toast is shown', async () => {
 
 
 
-
-       ↑↓ navigate  ^k ┌──────────────────────────┐
-                       │ ✓ Selected - Second Item │
-                       └──────────────────────────┘"
+                             ┌───────────────┐
+                             │ ✓ Selected    │
+                             │   Second Item │
+                             └───────────────┘"
   `)
 }, 10000)