termcast 1.3.9 → 1.3.10

package/src/examples/store.vitest.tsx

@@ -48,10 +48,6 @@ test('Store extension - searching for spiceblow shows Database', async () => {
      spiceblow
 
     ›Spiceblow - Sql Database Management Search, update, insert and delete rows in
-     Spike Resolve incidents, check who is on-call, and add overrides from Raycast
-     Image Modification Apply filters and transformations to various image formats
-     Next Run Spin up a Next.js project from Raycast
-     Donut Show an animation of a donut
 
 
      ↵ select   ↑↓ navigate   ^k actions"

package/src/extensions/dev.tsx

@@ -5,7 +5,7 @@ import { render } from '@opentui/react'
 import { List, useStore } from 'termcast'
 import { Action, ActionPanel } from 'termcast'
 import { useNavigation } from 'termcast/src/internal/navigation'
-import { Providers } from 'termcast/src/internal/providers'
+import { TermcastProvider } from 'termcast/src/internal/providers'
 import { showToast, Toast } from 'termcast/src/apis/toast'
 import { Icon } from 'termcast'
 import { getCommandsWithFiles, CommandWithFile } from '../package-json'
@@ -170,7 +170,7 @@ export async function startDevMode({
     const devElement = useStore((state) => state.devElement)
     const devRebuildCount = useStore((state) => state.devRebuildCount)
 
-    return <Providers key={String(devRebuildCount)}>{devElement}</Providers>
+    return <TermcastProvider key={String(devRebuildCount)}>{devElement}</TermcastProvider>
   }
 
   await render(<App />)

package/src/extensions/home.tsx

@@ -4,7 +4,7 @@ import { render } from '@opentui/react'
 import { List, logger, useStore } from 'termcast'
 import { Action, ActionPanel } from 'termcast'
 import { useNavigation } from 'termcast/src/internal/navigation'
-import { Providers } from 'termcast/src/internal/providers'
+import { TermcastProvider } from 'termcast/src/internal/providers'
 import { showToast, Toast } from 'termcast/src/apis/toast'
 import { Icon } from 'termcast'
 import { getStoredExtensions } from '../utils'
@@ -285,9 +285,9 @@ export async function runHomeCommand(): Promise<void> {
   logger.log(`preparing to render the home command component`)
 
   await render(
-    <Providers>
+    <TermcastProvider>
       <Home />
-    </Providers>,
+    </TermcastProvider>,
   )
   logger.log(`rendered home command component`)
 }

package/src/index.tsx

@@ -95,11 +95,7 @@ export type {
 } from 'termcast/src/components/form/types'
 
 // Icons and Images
-export {
-  Icon,
-  getIconEmoji,
-  IconComponent,
-} from 'termcast/src/components/icon'
+export { Icon, getIconEmoji, IconComponent } from 'termcast/src/components/icon'
 export { Image, ImageMask } from 'termcast/src/components/image'
 export type {
   ImageProps,
@@ -138,29 +134,17 @@ export {
 } from 'termcast/src/internal/navigation'
 
 // Hooks
-export {
-  useActionPanel,
-  useId,
-  useUnstableAI,
-} from 'termcast/src/hooks/index'
+export { useActionPanel, useId, useUnstableAI } from 'termcast/src/hooks/index'
 export type { ActionPanelState } from 'termcast/src/hooks/index'
 
 // Focus Context
 export { InFocus, useIsInFocus } from 'termcast/src/internal/focus-context'
 
 // Dialog
-export {
-  Dialog,
-  DialogProvider,
-  useDialog,
-} from 'termcast/src/internal/dialog'
+export { Dialog, DialogProvider, useDialog } from 'termcast/src/internal/dialog'
 
 // Toast
-export {
-  Toast,
-  showToast,
-  showFailureToast,
-} from 'termcast/src/apis/toast'
+export { Toast, showToast, showFailureToast } from 'termcast/src/apis/toast'
 
 // Clipboard
 export {
@@ -199,10 +183,7 @@ export {
   getSelectedFinderItems,
   getSelectedText,
 } from 'termcast/src/apis/environment'
-export type {
-  Environment,
-  LaunchProps,
-} from 'termcast/src/apis/environment'
+export type { Environment, LaunchProps } from 'termcast/src/apis/environment'
 
 export { LaunchType }
 
@@ -228,7 +209,7 @@ export { useStore } from 'termcast/src/state'
 export type { DialogPosition } from 'termcast/src/state'
 
 // Providers (for app setup)
-export { Providers } from 'termcast/src/internal/providers'
+export { TermcastProvider } from 'termcast/src/internal/providers'
 
 // Helper function for rendering examples
 export { renderWithProviders } from 'termcast/src/utils'

package/src/internal/providers.tsx

@@ -406,7 +406,7 @@ function ErrorDisplay({
 
 const ErrorBoundary = ErrorBoundaryClass as any
 
-export function Providers(props: ProvidersProps): any {
+export function TermcastProvider(props: ProvidersProps): any {
   return (
     <ErrorBoundary>
       <Suspense fallback={<LoadingFallback />}>

package/src/internal/scrollbox.tsx

@@ -0,0 +1,53 @@
+import React from 'react'
+
+interface ScrollBoxProps {
+  children?: React.ReactNode
+  focused?: boolean
+  flexGrow?: number
+  flexShrink?: number
+  style?: any
+}
+
+export function ScrollBox({
+  children,
+  focused = false,
+  flexGrow,
+  flexShrink,
+  style,
+  ...props
+}: ScrollBoxProps): any {
+  return (
+    <scrollbox
+      focused={focused}
+      flexGrow={flexGrow}
+      flexShrink={flexShrink}
+      style={{
+        rootOptions: {
+          backgroundColor: '#1a1b26',
+          ...(style?.rootOptions || {}),
+        },
+        viewportOptions: {
+          flexGrow: 1,
+          flexShrink: 1,
+          ...(style?.viewportOptions || {}),
+        },
+        contentOptions: {
+          flexShrink: 0,
+          ...(style?.contentOptions || {}),
+        },
+        scrollbarOptions: {
+          visible: true,
+          showArrows: true,
+          trackOptions: {
+            foregroundColor: '#7aa2f7',
+            backgroundColor: '#414868',
+          },
+          ...(style?.scrollbarOptions || {}),
+        },
+      }}
+      {...props}
+    >
+      {children}
+    </scrollbox>
+  )
+}

package/src/utils.tsx

@@ -1,6 +1,6 @@
 import React, { type ReactNode } from 'react'
 import { render } from '@opentui/react'
-import { Providers } from 'termcast/src/internal/providers'
+import { TermcastProvider } from 'termcast/src/internal/providers'
 import path from 'node:path'
 import fs from 'node:fs'
 import os from 'node:os'
@@ -13,7 +13,7 @@ import {
 import { logger } from './logger'
 
 export function renderWithProviders(element: ReactNode): void {
-  render(<Providers>{element}</Providers>)
+  render(<TermcastProvider>{element}</TermcastProvider>)
 }
 
 export type CommonProps = {