@navios/commander-tui 1.3.0 → 1.4.0

package/src/adapters/solid/context/logger_context.tsx

@@ -1,95 +0,0 @@
-import { SyntaxStyle, type TreeSitterClient } from '@opentui/core'
-import { createContext, useContext, createMemo, type ParentProps } from 'solid-js'
-
-import { darkTheme, resolveTheme } from '../../../themes/index.ts'
-
-import type { LoggerContextValue, LogLevelColorMap, Theme, ThemePreset } from '../../../types/index.ts'
-
-const LoggerContext = createContext<LoggerContextValue>()
-
-export interface LoggerProviderProps extends ParentProps {
-  /** Custom syntax style for code highlighting */
-  syntaxStyle?: SyntaxStyle
-
-  /** Tree-sitter client for parsing */
-  treeSitterClient?: TreeSitterClient
-
-  /**
-   * Theme configuration.
-   * Can be a preset name ("dark", "light", "high-contrast") or a Theme object.
-   * @default "dark"
-   */
-  theme?: Theme | ThemePreset
-
-  /**
-   * @deprecated Use `theme` instead. Custom log level colors.
-   * If both `theme` and `levelColors` are provided, `levelColors` takes precedence.
-   */
-  levelColors?: Partial<LogLevelColorMap>
-}
-
-/**
- * LoggerProvider - Provides shared context for logger components.
- *
- * This context provides:
- * - Shared SyntaxStyle instance for consistent code highlighting
- * - Optional TreeSitterClient for advanced parsing
- * - Theme configuration for consistent styling
- * - Log level color configuration (for backwards compatibility)
- *
- * @example
- * // Using a preset theme
- * <LoggerProvider theme="dark">
- *   <ScreenManager screens={screens} activeScreenId={activeId}>
- *     <Screen name="Logs">
- *       <LogMessage level="info">Hello</LogMessage>
- *     </Screen>
- *   </ScreenManager>
- * </LoggerProvider>
- *
- * @example
- * // Using a custom theme
- * <LoggerProvider theme={myCustomTheme}>
- *   ...
- * </LoggerProvider>
- */
-export function LoggerProvider(props: LoggerProviderProps) {
-  // Create or use provided SyntaxStyle
-  const syntaxStyle = createMemo(() => props.syntaxStyle ?? SyntaxStyle.create())
-
-  // Resolve theme (could be a preset name or a theme object)
-  const theme = createMemo(() => resolveTheme(props.theme ?? 'dark'))
-
-  // Derive levelColors from theme, allowing custom overrides for backwards compatibility
-  const levelColors = createMemo(() => ({
-    ...theme().logLevels,
-    ...props.levelColors,
-  }))
-
-  const value = createMemo<LoggerContextValue>(() => ({
-    syntaxStyle: syntaxStyle(),
-    treeSitterClient: props.treeSitterClient,
-    levelColors: levelColors(),
-    theme: theme(),
-  }))
-
-  return <LoggerContext.Provider value={value()}>{props.children}</LoggerContext.Provider>
-}
-
-/**
- * Hook to access logger context.
- * Returns default values if used outside LoggerProvider.
- */
-export function useLoggerContext(): LoggerContextValue {
-  const context = useContext(LoggerContext)
-  if (!context) {
-    // Return defaults if not in a provider (allows standalone usage)
-    return {
-      syntaxStyle: undefined,
-      treeSitterClient: undefined,
-      levelColors: darkTheme.logLevels,
-      theme: darkTheme,
-    }
-  }
-  return context
-}

package/src/adapters/solid/hooks/index.ts

@@ -1 +0,0 @@
-export { useTheme } from './use_theme.ts'

package/src/adapters/solid/hooks/use_theme.ts

@@ -1,12 +0,0 @@
-import { useLoggerContext } from '../context/index.ts'
-
-import type { Theme } from '../../../types/index.ts'
-
-/**
- * Hook to access the current theme.
- * Returns the theme from LoggerContext.
- */
-export function useTheme(): Theme {
-  const { theme } = useLoggerContext()
-  return theme
-}

package/src/adapters/solid/index.tsx

@@ -1,43 +0,0 @@
-import { Injectable } from '@navios/core'
-import { render as solidRender } from '@opentui/solid'
-
-import type { CliRenderer } from '@opentui/core'
-
-import { Adapter } from '../../tokens/adapter.js'
-
-import type { AdapterInterface, AdapterRoot, AdapterRenderProps } from '../interface.js'
-
-import { ScreenManagerBridge } from './components/screen_manager_bridge.js'
-
-/**
- * Solid adapter for TUI rendering.
- * Automatically registers to DI when this module is imported.
- */
-@Injectable({ token: Adapter })
-export class SolidAdapter implements AdapterInterface {
-  createRoot(renderer: CliRenderer): AdapterRoot {
-    let renderPromise: Promise<void> | undefined
-
-    return {
-      render(element: unknown): void {
-        // Solid's render returns a Promise<void>
-        // We start the render and let it run asynchronously
-        renderPromise = solidRender(element as () => any, renderer)
-      },
-      unmount(): void {
-        // Solid's render doesn't provide a dispose function in @opentui/solid
-        // The unmount is handled by the renderer itself
-        renderPromise = undefined
-      },
-    }
-  }
-
-  renderToRoot(root: AdapterRoot, props: AdapterRenderProps): void {
-    // @ts-expect-error This is a workaround to avoid type errors
-    root.render(() => <ScreenManagerBridge {...props} />)
-  }
-}
-
-// Re-export context and hooks for external use
-export * from './context/index.js'
-export * from './hooks/index.js'

package/src/adapters/solid/jsx.d.ts

@@ -1,98 +0,0 @@
-/// <reference types="solid-js" />
-import type { JSX as SolidJSX } from 'solid-js'
-import type { RGBA, SyntaxStyle, TreeSitterClient } from '@opentui/core'
-
-// Color type that accepts string or RGBA
-type Color = string | RGBA
-
-// Extend Solid's IntrinsicElements with OpenTUI custom elements
-declare module 'solid-js' {
-  namespace JSX {
-    interface IntrinsicElements {
-      // Box element - flex container
-      box: {
-        children?: SolidJSX.Element | SolidJSX.Element[]
-        flexDirection?: 'row' | 'column'
-        flexGrow?: number
-        flexShrink?: number
-        flexBasis?: number | string
-        alignItems?: 'flex-start' | 'flex-end' | 'center' | 'stretch'
-        justifyContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'
-        gap?: number
-        width?: number | string
-        height?: number | string
-        minWidth?: number | string
-        minHeight?: number | string
-        maxWidth?: number | string
-        maxHeight?: number | string
-        padding?: number
-        paddingTop?: number
-        paddingBottom?: number
-        paddingLeft?: number
-        paddingRight?: number
-        margin?: number
-        marginTop?: number
-        marginBottom?: number
-        marginLeft?: number
-        marginRight?: number
-        border?: ('top' | 'bottom' | 'left' | 'right')[]
-        borderColor?: Color
-        backgroundColor?: Color
-        position?: 'relative' | 'absolute'
-        top?: number
-        bottom?: number
-        left?: number
-        right?: number
-      }
-
-      // Text element - text rendering
-      text: {
-        children?: SolidJSX.Element | SolidJSX.Element[] | string | number | (string | number)[]
-        fg?: Color
-        bg?: Color
-        attributes?: number
-        width?: number
-        flexGrow?: number
-      }
-
-      // Scrollbox element - scrollable container
-      scrollbox: {
-        children?: SolidJSX.Element | SolidJSX.Element[]
-        scrollX?: boolean
-        scrollY?: boolean
-        stickyScroll?: boolean
-        stickyStart?: 'top' | 'bottom'
-        flexGrow?: number
-        contentOptions?: {
-          paddingLeft?: number
-          paddingRight?: number
-          paddingTop?: number
-          paddingBottom?: number
-          gap?: number
-          flexGrow?: number
-        }
-      }
-
-      // Code element - syntax highlighted code
-      code: {
-        children?: SolidJSX.Element | SolidJSX.Element[]
-        content?: string
-        filetype?: string
-        syntaxStyle?: SyntaxStyle
-        treeSitterClient?: TreeSitterClient
-      }
-
-      // Diff element - unified diff display
-      diff: {
-        children?: SolidJSX.Element | SolidJSX.Element[]
-        diff?: string
-        view?: 'unified' | 'split'
-        filetype?: string
-        syntaxStyle?: SyntaxStyle
-        treeSitterClient?: TreeSitterClient
-      }
-    }
-  }
-}
-
-export {}

package/tsconfig.react.json

@@ -1,16 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "outDir": "dist/react",
-    "jsx": "react-jsx",
-    "jsxImportSource": "@opentui/react",
-    "module": "Preserve",
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "declaration": true,
-    "composite": true
-  },
-  "include": ["src/adapters/react/**/*"],
-  "exclude": ["src/**/*.spec.ts", "src/**/*.spec.tsx"],
-  "references": [{ "path": "./tsconfig.base.json" }]
-}

package/tsconfig.solid.json

@@ -1,16 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "outDir": "dist/solid",
-    "jsx": "preserve",
-    "jsxImportSource": "solid-js",
-    "module": "Preserve",
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "declaration": true,
-    "composite": true
-  },
-  "include": ["src/adapters/solid/**/*"],
-  "exclude": ["src/**/*.spec.ts", "src/**/*.spec.tsx"],
-  "references": [{ "path": "./tsconfig.base.json" }]
-}