@navios/commander-tui 1.0.0

package/src/context/logger_context.tsx

@@ -0,0 +1,109 @@
+import { SyntaxStyle, type TreeSitterClient } from '@opentui/core'
+import { createContext, useContext, useMemo, type ReactNode } from 'react'
+
+import { darkTheme, resolveTheme } from '../themes/index.ts'
+
+import type { LoggerContextValue, LogLevelColorMap, Theme, ThemePreset } from '../types/index.ts'
+
+const LoggerContext = createContext<LoggerContextValue | null>(null)
+
+export interface LoggerProviderProps {
+  children: ReactNode
+
+  /** 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({
+  children,
+  syntaxStyle: customSyntaxStyle,
+  treeSitterClient,
+  theme: themeProp = 'dark',
+  levelColors: customLevelColors,
+}: LoggerProviderProps) {
+  // Create or use provided SyntaxStyle
+  const syntaxStyle = useMemo(() => customSyntaxStyle ?? SyntaxStyle.create(), [customSyntaxStyle])
+
+  // Resolve theme (could be a preset name or a theme object)
+  const theme = useMemo(() => resolveTheme(themeProp), [themeProp])
+
+  // Derive levelColors from theme, allowing custom overrides for backwards compatibility
+  const levelColors = useMemo(
+    () => ({
+      ...theme.logLevels,
+      ...customLevelColors,
+    }),
+    [theme.logLevels, customLevelColors],
+  )
+
+  const value: LoggerContextValue = useMemo(
+    () => ({
+      syntaxStyle,
+      treeSitterClient,
+      levelColors,
+      theme,
+    }),
+    [syntaxStyle, treeSitterClient, levelColors, theme],
+  )
+
+  return <LoggerContext.Provider value={value}>{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/factories/index.ts

@@ -0,0 +1 @@
+export * from './screen.factory.ts'

package/src/factories/screen.factory.ts

@@ -0,0 +1,22 @@
+import { Factory, inject } from '@navios/core'
+
+import type { FactoryContext } from '@navios/core'
+
+import { type ScreenOptions } from '../schemas/index.ts'
+import { ScreenInstance, ScreenManager } from '../services/index.ts'
+import { Screen } from '../tokens/index.ts'
+
+@Factory({
+  token: Screen,
+})
+export class ScreenFactory {
+  private readonly screenManager = inject(ScreenManager)
+
+  create(ctx: FactoryContext, options: ScreenOptions): ScreenInstance {
+    const screen = this.screenManager.getScreenByName(options.name)
+    if (screen) {
+      return screen
+    }
+    return this.screenManager.createScreen(options)
+  }
+}

package/src/filter/filter_engine.ts

@@ -0,0 +1,113 @@
+import { ALL_LOG_LEVELS } from '../types/index.ts'
+
+import type { FilterState, LevelCounts, LogMessageData, MessageData } from '../types/index.ts'
+
+/**
+ * Filter engine for filtering log messages.
+ */
+export class FilterEngine {
+  /**
+   * Apply filter to messages array.
+   */
+  static filterMessages(messages: MessageData[], filter: FilterState): MessageData[] {
+    // If no filtering active, return original
+    if (filter.searchQuery === '' && filter.enabledLevels.size === ALL_LOG_LEVELS.length) {
+      return messages
+    }
+
+    return messages.filter((msg) => {
+      // Always show non-log messages unless searching
+      if (msg.type !== 'log') {
+        // For search, check if any content matches
+        if (filter.searchQuery) {
+          return this.messageMatchesSearch(msg, filter.searchQuery)
+        }
+        // Group markers need special handling
+        if (msg.type === 'group') {
+          return true // Always show group markers
+        }
+        return true
+      }
+
+      // Log message filtering
+      const logMsg = msg as LogMessageData
+
+      // Check log level
+      if (!filter.enabledLevels.has(logMsg.level)) {
+        return false
+      }
+
+      // Check search query
+      if (filter.searchQuery && !this.messageMatchesSearch(logMsg, filter.searchQuery)) {
+        return false
+      }
+
+      return true
+    })
+  }
+
+  /**
+   * Check if a message matches the search query.
+   */
+  private static messageMatchesSearch(msg: MessageData, query: string): boolean {
+    const lowerQuery = query.toLowerCase()
+
+    switch (msg.type) {
+      case 'log':
+        return (
+          msg.content.toLowerCase().includes(lowerQuery) ||
+          (msg.label?.toLowerCase().includes(lowerQuery) ?? false)
+        )
+      case 'file':
+      case 'fileError':
+        return (
+          msg.filePath.toLowerCase().includes(lowerQuery) ||
+          msg.content.toLowerCase().includes(lowerQuery)
+        )
+      case 'diff':
+        return (
+          msg.filePath.toLowerCase().includes(lowerQuery) ||
+          msg.diff.toLowerCase().includes(lowerQuery)
+        )
+      case 'loading':
+        return (
+          msg.content.toLowerCase().includes(lowerQuery) ||
+          (msg.resolvedContent?.toLowerCase().includes(lowerQuery) ?? false)
+        )
+      case 'progress':
+        return msg.label.toLowerCase().includes(lowerQuery)
+      case 'group':
+        return msg.label.toLowerCase().includes(lowerQuery)
+      case 'table':
+        return (
+          (msg.title?.toLowerCase().includes(lowerQuery) ?? false) ||
+          msg.headers.some((h) => h.toLowerCase().includes(lowerQuery)) ||
+          msg.rows.some((row) => row.some((cell) => cell.toLowerCase().includes(lowerQuery)))
+        )
+      default:
+        return false
+    }
+  }
+
+  /**
+   * Count messages by log level.
+   */
+  static countByLevel(messages: MessageData[]): LevelCounts {
+    const counts: LevelCounts = {
+      debug: 0,
+      log: 0,
+      verbose: 0,
+      error: 0,
+      fatal: 0,
+      warn: 0,
+    }
+
+    for (const msg of messages) {
+      if (msg.type === 'log') {
+        counts[(msg as LogMessageData).level]++
+      }
+    }
+
+    return counts
+  }
+}

package/src/filter/index.ts

@@ -0,0 +1 @@
+export * from './filter_engine.ts'

package/src/hooks/index.ts

@@ -0,0 +1 @@
+export * from './use_theme.ts'

package/src/hooks/use_theme.ts

@@ -0,0 +1,12 @@
+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/index.ts

@@ -0,0 +1,64 @@
+// ============================================
+// Types
+// ============================================
+export * from './types/index.ts'
+
+// ============================================
+// Components
+// ============================================
+export * from './components/index.ts'
+
+// ============================================
+// Context
+// ============================================
+export * from './context/index.ts'
+
+// ============================================
+// Utilities
+// ============================================
+export * from './utils/index.ts'
+
+// ============================================
+// Schemas
+// ============================================
+export * from './schemas/index.ts'
+
+// ============================================
+// Tokens
+// ============================================
+export * from './tokens/index.ts'
+
+// ============================================
+// Factories
+// ============================================
+export * from './factories/index.ts'
+
+// ============================================
+// Overrides
+// ============================================
+export * from './overrides/index.ts'
+
+// ============================================
+// Services (Programmatic API)
+// ============================================
+export * from './services/index.ts'
+
+// ============================================
+// Themes
+// ============================================
+export * from './themes/index.ts'
+
+// ============================================
+// Hooks
+// ============================================
+export * from './hooks/index.ts'
+
+// ============================================
+// Keyboard
+// ============================================
+export * from './keyboard/index.ts'
+
+// ============================================
+// Filter
+// ============================================
+export * from './filter/index.ts'