termcast 1.3.21 → 1.3.25

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "termcast",
-  "version": "1.3.21",
+  "version": "1.3.25",
   "description": "Raycast for the terminal",
   "repository": "https://github.com/remorses/termcast",
   "scripts": {
@@ -11,12 +11,12 @@
     "see-raycast-types": "zed node_modules/@raycast/api/types/index.d.ts",
     "play": "bun src/cli.tsx",
     "test": "bun test && bun e2e",
-    "e2e": "vitest --run"
+    "e2e": "vitest -u"
   },
   "exports": {
     ".": {
-      "development": "./src/index.tsx",
-      "types": "./src/index.d.ts",
+      "bun": "./src/index.tsx",
+      "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
     },
     "./src/*": "./src/*.tsx"
@@ -30,18 +30,18 @@
   "author": "Tommaso De Rossi, morse <beats.by.morse@gmail.com>",
   "license": "",
   "dependencies": {
-    "@opentui/core": "0.1.60",
-    "@opentui/react": "0.1.60",
+    "@opentui/core": "0.1.61",
+    "@opentui/react": "0.1.61",
+    "@parcel/watcher": "^2.5.1",
     "@tanstack/react-query": "^5.85.5",
     "@tanstack/react-query-persist-client": "^5.85.5",
     "cac": "^6.7.14",
     "change-case": "^5.4.4",
-    "cheerio": "^1.1.2",
-    "chokidar": "^4.0.3",
+    "colord": "^2.9.3",
     "google-auth-library": "^10.3.0",
     "jszip": "^3.10.1",
     "nanoid": "^5.1.5",
-    "node-pty": "^1.0.0",
+    "node-diff3": "^3.2.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "react-hook-form": "^7.62.0",
@@ -50,13 +50,13 @@
   },
   "devDependencies": {
     "tuistory": "workspace:*",
-    "@types/bun": "^1.2.21",
-    "@types/node": "^25.0.1",
+    "@types/bun": "^1.3.5",
+    "@types/node": "^25.0.3",
     "@raycast/api": "^1.102.5",
     "@raycast/utils": "^2.2.1",
     "@xterm/addon-serialize": "^0.13.0",
     "@xterm/headless": "^5.5.0",
     "bun-pty": "^0.4.2",
-    "vitest": "^4.0.15"
+    "vitest": "^4.0.16"
   }
 }

package/src/apis/browser-extension.tsx

@@ -0,0 +1,29 @@
+import { logger } from 'termcast/src/logger'
+
+export namespace BrowserExtension {
+  export interface Tab {
+    id: number
+    url: string
+    active: boolean
+    title?: string
+    favicon?: string
+  }
+}
+
+export const BrowserExtension = {
+  async getContent(options?: {
+    cssSelector?: string
+    tabId?: number
+    format?: 'html' | 'text' | 'markdown'
+  }): Promise<string> {
+    logger.log('BrowserExtension.getContent called (stubbed - no extension)')
+    // TODO: implement actual browser extension protocol
+    return ''
+  },
+
+  async getTabs(): Promise<BrowserExtension.Tab[]> {
+    logger.log('BrowserExtension.getTabs called (stubbed - no extension)')
+    // TODO: implement actual browser extension protocol
+    return []
+  },
+}

package/src/apis/localstorage.test.ts

@@ -1,20 +1,28 @@
-import { describe, test, expect, beforeEach, afterAll } from 'bun:test'
+import { describe, test, expect, beforeEach, beforeAll, afterAll } from 'bun:test'
 import { LocalStorage } from './localstorage'
+import { useStore } from '../state'
 import * as os from 'os'
 import * as path from 'path'
 import * as fs from 'fs'
 
 describe('LocalStorage', () => {
+  const testExtensionPath = path.join(os.tmpdir(), 'termcast-localstorage-test')
+
+  beforeAll(() => {
+    // Set up extensionPath required by LocalStorage
+    useStore.setState({ extensionPath: testExtensionPath })
+  })
+
   beforeEach(async () => {
     await LocalStorage.clear()
   })
 
   afterAll(() => {
-    // Optional: Clean up test database after all tests
-    // const dbPath = path.join(os.homedir(), '.termcast.db')
-    // if (fs.existsSync(dbPath)) {
-    //     fs.unlinkSync(dbPath)
-    // }
+    // Clean up test database after all tests
+    const dbDir = path.join(testExtensionPath, '.termcast-bundle')
+    if (fs.existsSync(dbDir)) {
+      fs.rmSync(dbDir, { recursive: true })
+    }
   })
 
   describe('setItem and getItem', () => {

package/src/apis/localstorage.tsx

@@ -11,12 +11,13 @@ let currentDbPath: string | null = null
 function getCurrentDatabasePath(): string {
   const extensionPath = useStore.getState().extensionPath
 
-  if (extensionPath) {
-    // Use .termcast-bundle directory inside extension path
-    return path.join(extensionPath, '.termcast-bundle', 'data.db')
-  } else {
-    return path.join(os.homedir(), '.termcast', '.termcast-bundle', 'data.db')
+  if (!extensionPath) {
+    throw new Error(
+      'extensionPath not set - cannot access LocalStorage before extension is initialized',
+    )
   }
+  // Use .termcast-bundle directory inside extension path
+  return path.join(extensionPath, '.termcast-bundle', 'data.db')
 }
 
 function getDatabase(): Database {
@@ -59,6 +60,8 @@ function getDatabase(): Database {
   return db
 }
 
+
+
 export namespace LocalStorage {
   export type Value = string | number | boolean
 

package/src/apis/oauth.tsx

@@ -405,6 +405,7 @@ export namespace OAuth {
 
       return new Promise((resolve, reject) => {
         const port = 8989
+        let authTimeout: ReturnType<typeof setTimeout>
 
         // Create a local server to handle the OAuth callback
         const server = http.createServer((req, res) => {
@@ -534,6 +535,7 @@ export namespace OAuth {
                 res.end(JSON.stringify({ success: true }))
 
                 server.close()
+                clearTimeout(authTimeout)
                 this.isAuthorizing = false
 
                 // For implicit flow, save tokens immediately since we won't do token exchange
@@ -570,6 +572,7 @@ export namespace OAuth {
                 })
                 res.end(JSON.stringify({ error: 'parse_error' }))
                 server.close()
+                clearTimeout(authTimeout)
                 reject(error)
               }
             })
@@ -608,11 +611,12 @@ export namespace OAuth {
 
         server.on('error', (error) => {
           logger.error('OAuth implicit flow server error:', error)
+          clearTimeout(authTimeout)
           reject(error)
         })
 
         // Set a timeout for the authorization
-        setTimeout(
+        authTimeout = setTimeout(
           () => {
             server.close()
             reject(new Error('OAuth authorization timeout'))

package/src/apis/preferences.tsx

@@ -35,47 +35,73 @@ export function getPreferenceValues<
     return {} as Values
   }
 
+  // Build defaults from preference definitions
+  const defaults: PreferenceValues = {}
+
+  // Extension-level preference defaults
+  const extensionPrefs = extensionPackageJson?.preferences || []
+  for (const pref of extensionPrefs) {
+    if (pref.default !== undefined) {
+      defaults[pref.name] = pref.default
+    }
+  }
+
+  // Command-specific preference defaults (override extension defaults)
+  if (currentCommandName && extensionPackageJson?.commands) {
+    const commandDef = extensionPackageJson.commands.find(
+      (cmd) => cmd.name === currentCommandName,
+    )
+    const commandPrefs = commandDef?.preferences || []
+    for (const pref of commandPrefs) {
+      if (pref.default !== undefined) {
+        defaults[pref.name] = pref.default
+      }
+    }
+  }
+
+  let extensionSavedValues: PreferenceValues = {}
+  let commandSavedValues: PreferenceValues = {}
+
   try {
-    // First try to load command-specific preferences, then fall back to extension preferences
+    // Load extension-level preferences
+    const extensionPreferencesKey = `preferences.${extensionName}`
+    const extensionPreferences = LocalStorage.getItemSync(extensionPreferencesKey)
+
+    if (extensionPreferences && typeof extensionPreferences === 'string') {
+      try {
+        extensionSavedValues = JSON.parse(extensionPreferences)
+        logger.log(
+          `Loaded extension preferences for ${extensionName}:`,
+          extensionSavedValues,
+        )
+      } catch (parseError) {
+        logger.error(`Failed to parse extension preferences:`, parseError)
+      }
+    }
+
+    // Load command-specific preferences
     if (currentCommandName) {
       const commandPreferencesKey = `preferences.${extensionName}.${currentCommandName}`
       const commandPreferences = LocalStorage.getItemSync(commandPreferencesKey)
 
       if (commandPreferences && typeof commandPreferences === 'string') {
         try {
-          const parsed = JSON.parse(commandPreferences)
+          commandSavedValues = JSON.parse(commandPreferences)
           logger.log(
             `Loaded command preferences for ${extensionName}/${currentCommandName}:`,
-            parsed,
+            commandSavedValues,
           )
-          return parsed as Values
         } catch (parseError) {
           logger.error(`Failed to parse command preferences:`, parseError)
         }
       }
     }
-
-    // Fall back to extension-level preferences
-    const extensionPreferencesKey = `preferences.${extensionName}`
-    const extensionPreferences = LocalStorage.getItemSync(
-      extensionPreferencesKey,
-    )
-
-    if (extensionPreferences && typeof extensionPreferences === 'string') {
-      try {
-        const parsed = JSON.parse(extensionPreferences)
-        logger.log(`Loaded extension preferences for ${extensionName}:`, parsed)
-        return parsed as Values
-      } catch (parseError) {
-        logger.error(`Failed to parse extension preferences:`, parseError)
-      }
-    }
   } catch (error) {
     logger.error(`Failed to load preferences for ${extensionName}:`, error)
   }
 
-  // Return empty preferences if none saved
-  return {} as Values
+  // Merge: defaults < extension saved < command saved
+  return { ...defaults, ...extensionSavedValues, ...commandSavedValues } as Values
 }
 
 /**

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.test.tsx

@@ -69,6 +69,58 @@ describe('buildExtensionCommands', () => {
             "filePath": "/BASE_PATH/fixtures/simple-extension/src/show-state.tsx",
             "exists": true,
             "bundledPath": "/BASE_PATH/fixtures/simple-extension/.termcast-bundle/show-state.js"
+          },
+          {
+            "name": "with-arguments",
+            "title": "With Arguments",
+            "subtitle": "Command with arguments",
+            "description": "Demonstrates command arguments (text, password, dropdown)",
+            "mode": "view",
+            "arguments": [
+              {
+                "name": "query",
+                "type": "text",
+                "placeholder": "Search query",
+                "required": true
+              },
+              {
+                "name": "secretKey",
+                "type": "password",
+                "placeholder": "Secret key"
+              },
+              {
+                "name": "category",
+                "type": "dropdown",
+                "placeholder": "Category",
+                "data": [
+                  {
+                    "title": "Work",
+                    "value": "work"
+                  },
+                  {
+                    "title": "Personal",
+                    "value": "personal"
+                  },
+                  {
+                    "title": "Other",
+                    "value": "other"
+                  }
+                ]
+              }
+            ],
+            "filePath": "/BASE_PATH/fixtures/simple-extension/src/with-arguments.tsx",
+            "exists": true,
+            "bundledPath": "/BASE_PATH/fixtures/simple-extension/.termcast-bundle/with-arguments.js"
+          },
+          {
+            "name": "quick-action",
+            "title": "Quick Action",
+            "subtitle": "No-view command",
+            "description": "Copies current timestamp to clipboard without showing a view",
+            "mode": "no-view",
+            "filePath": "/BASE_PATH/fixtures/simple-extension/src/quick-action.tsx",
+            "exists": true,
+            "bundledPath": "/BASE_PATH/fixtures/simple-extension/.termcast-bundle/quick-action.js"
           }
         ],
         "bundleDir": "/BASE_PATH/fixtures/simple-extension/.termcast-bundle"

package/src/build.tsx

@@ -8,6 +8,7 @@ import * as termcastApi from './index'
 import * as opentuiReact from '@opentui/react'
 import * as opentuiCore from '@opentui/core'
 import * as react from 'react'
+import { swiftLoaderPlugin } from './swift-loader'
 
 const GLOBALS_NAMESPACE = 'globals'
 const VIRTUAL_ENTRY_NAMESPACE = 'virtual-entry'
@@ -203,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'),
@@ -225,7 +227,7 @@ export async function buildExtensionCommands({
     target: target || (format === 'cjs' ? 'node' : 'bun'),
     format,
     // external: [],
-    plugins: [aliasPlugin],
+    plugins: [aliasPlugin, swiftLoaderPlugin],
     naming: '[name].js',
     throw: false,
   })