@mks2508/mks-ui 0.5.7 → 0.6.0

package/src/react-ui/blocks/Terminal/parsing/ansi/index.ts

@@ -1,20 +0,0 @@
-/**
- * ANSI parsing module barrel export.
- *
- * Exports ANSI escape code parsing utilities for terminal log
- * colorization with Synthwave theme integration.
- *
- * @module components/devenv/terminal/parsing/ansi
- */
-
-export { AnsiParser } from './AnsiParser';
-export { AnsiColorMapper } from './AnsiColorMapper';
-export {
-  ANSI_INTRODUCERS,
-  SGR_CODES,
-  ANSI_PATTERNS,
-  ANSI_COLOR_MAP,
-  ANSI_MODIFIERS,
-  SYNTHWAVE_ANSI_COLORS,
-  LOG_LEVEL_ANSI_COLORS,
-} from './ansi.constants';

package/src/react-ui/blocks/Terminal/parsing/index.ts

@@ -1,69 +0,0 @@
-/**
- * Log parsing module barrel export.
- *
- * Exports log parsing utilities for terminal log processing.
- *
- * @module components/devenv/terminal/parsing
- */
-
-export { LogParserService } from './LogParserService';
-export { SyntaxHighlighter } from './SyntaxHighlighter';
-export { BadgeFormatter } from './BadgeFormatter';
-export { MultilineAggregator, type IMultilineState } from './MultilineAggregator';
-
-// New v6 parsers
-export { PersistentLogBuffer, createPersistentLogBuffer } from './PersistentLogBuffer';
-export type {
-  IPersistentLogBufferConfig,
-  IBufferStats,
-  ISearchOptions,
-} from './PersistentLogBuffer';
-
-export { HttpLogParser } from './HttpLogParser';
-export type {
-  THttpMethod,
-  IHttpParsedData,
-} from './HttpLogParser';
-
-export { TableParser, createTableParser, TABLE_CHARS } from './TableParser';
-export type {
-  TTableRowType,
-  ITableRow,
-  ITableData,
-} from './TableParser';
-
-export {
-  ANSI_INTRODUCERS,
-  SGR_CODES,
-  ANSI_PATTERNS,
-  ANSI_COLOR_MAP,
-  ANSI_MODIFIERS,
-  SYNTHWAVE_ANSI_COLORS,
-  LOG_LEVEL_ANSI_COLORS,
-} from './ansi/ansi.constants';
-export { AnsiParser } from './ansi/AnsiParser';
-export { AnsiColorMapper } from './ansi/AnsiColorMapper';
-export { LogLevelDetector } from './levels/LogLevelDetector';
-
-// Core types
-export type {
-  TLogLevel,
-  TLogLevelFilter,
-  TContentType,
-  IParsedLogEntry,
-  IParserState,
-  IAnsiStyle,
-  IAnsiParseResult,
-  ILogLevelDetection,
-  ILogParserOptions,
-  ILogFilterOptions,
-  ILogStats,
-  TTimestampFormat,
-  ILogExportOptions,
-} from './LogParser.types';
-
-// Level detector types
-export type {
-  ILogLevelPattern,
-  ILogLevelDetectorOptions,
-} from './levels/LogLevel.types';

package/src/react-ui/blocks/Terminal/parsing/levels/LogLevel.types.ts

@@ -1,68 +0,0 @@
-/**
- * Log level detection types.
- *
- * Provides interfaces for log level pattern matching and detection.
- *
- * @module components/devenv/terminal/parsing/levels/types
- */
-
-import type { TLogLevel } from '../LogParser.types';
-
-/**
- * Log level detection result with confidence scoring.
- *
- * Provides the detected level along with metadata about
- * the match for filtering and display purposes.
- */
-export interface ILogLevelDetection {
-  /** Detected log level */
-  level: TLogLevel;
-
-  /** Confidence score (0-1, higher = more certain) */
-  confidence: number;
-
-  /** Matched string that triggered the detection */
-  matched: string;
-
-  /** Position of match in the string (0-indexed) */
-  position: number;
-}
-
-/**
- * Log level pattern definition.
- *
- * Associates a regex pattern with a log level and optional
- * confidence score for custom pattern matching.
- */
-export interface ILogLevelPattern {
-  /** Regex pattern to match */
-  regex: RegExp;
-
-  /** Log level this pattern indicates */
-  level: TLogLevel;
-
-  /** Base confidence for this pattern (0-1, default: 0.8) */
-  confidence?: number;
-}
-
-/**
- * Log level detection options.
- *
- * Configuration options for customizing log level detection.
- */
-export interface ILogLevelDetectorOptions {
-  /** Custom patterns to add to default patterns */
-  custom_patterns?: ILogLevelPattern[];
-
-  /** Whether to use emoji detection (default: true) */
-  enable_emoji?: boolean;
-
-  /** Whether to use bracket detection (default: true) */
-  enable_brackets?: boolean;
-
-  /** Whether to use word detection (default: true) */
-  enable_words?: boolean;
-
-  /** Minimum confidence threshold (default: 0.5) */
-  min_confidence?: number;
-}

package/src/react-ui/blocks/Terminal/parsing/levels/LogLevelDetector.ts

@@ -1,436 +0,0 @@
-/**
- * Log level detector using regex pattern matching.
- *
- * Detects log levels from text using multiple strategies:
- * - Emoji indicators: ℹ️ INFO, ⚠️ WARN, ❌ ERROR
- * - Bracketed formats: [INFO], (WARN), <ERROR>
- * - Uppercase keywords: INFO, WARN, ERROR
- * - Framework-specific: pino, winston, bunyan
- *
- * @module components/devenv/terminal/parsing/levels/detector
- */
-
-import type { TLogLevel } from '../LogParser.types';
-import type { ILogLevelDetection, ILogLevelDetectorOptions, ILogLevelPattern } from './LogLevel.types';
-
-/**
- * Default log level patterns.
- *
- * Predefined patterns for common log formats and frameworks.
- * Includes support for:
- * - better-logger format (ℹ️ INFO)
- * - Supervisord format (INFO, CRIT)
- * - Next.js symbols (▲ ✓)
- * - ContainerLogs prefix
- */
-const DEFAULT_PATTERNS: Record<TLogLevel, RegExp[]> = {
-  info: [
-    // Emoji + text (better-logger)
-    /ℹ️\s+INFO/i,
-    // Emoji only
-    /ℹ️|🔵|💙|📖|📝/i,
-    // Next.js symbols
-    /▲|✓|ℹ/,
-    // Bracketed
-    /\[INFO\]|\(INFO\)|<INFO>|{INFO}/i,
-    // Uppercase word
-    /\bINFO(?:RMATION)?\b/i,
-    // Framework-specific
-    /\binfo\b/i,
-    // With colon
-    /^\s*(?:INFO|Information):\s*/i,
-    // ContainerLogs prefix (treat as info by default)
-    /\[ContainerLogs\]/i,
-    // Next.js "Ready in", "Starting", "Local:"
-    /Ready in|Starting|Local:/i,
-  ],
-  warn: [
-    // Emoji + text (better-logger)
-    /⚠️\s+WARN/i,
-    // Emoji only
-    /⚠️|🟡|⚡|🔶/i,
-    // Next.js symbols
-    /⚡|⚠/,
-    // Bracketed
-    /\[WARN(?:ING)?\]|\(WARN(?:ING)?\)|<WARN(?:ING)?>|{WARN(?:ING)?}/i,
-    // Uppercase word
-    /\bWARN(?:ING)?\b/i,
-    // Framework-specific
-    /\bwarn\b/i,
-    // With colon
-    /^\s*(?:WARN|WARNING):\s*/i,
-    // Common warning messages
-    /deprecated|warning/i,
-  ],
-  error: [
-    // Emoji + text (better-logger)
-    /❌\s+ERROR/i,
-    // Emoji only
-    /❌|🔴|❗|🚨|⛔|💀/i,
-    // NextJS symbols
-    /✗|✖/,
-    // Bracketed
-    /\[ERROR\]|\(ERROR\)|<ERROR>|{ERROR}/i,
-    // Uppercase word
-    /\bERROR\b/i,
-    // Framework-specific
-    /\berr(?:or)?\b/i,
-    // With colon
-    /^\s*ERROR:\s*/i,
-    // Common error patterns
-    /failed|failure|exception|panic/i,
-  ],
-  debug: [
-    // Emoji + text (better-logger)
-    /🐛\s+DEBUG/i,
-    // Emoji only
-    /🐛|🔍|🔬|⚙️/i,
-    // Bracketed
-    /\[DEBUG\]|\(DEBUG\)|<DEBUG>|{DEBUG}/i,
-    // Uppercase word
-    /\bDEBUG\b/i,
-    // Framework-specific
-    /\bdebug\b/i,
-    // With colon
-    /^\s*DEBUG:\s*/i,
-  ],
-  trace: [
-    // Bracketed
-    /\[TRACE\]|\(TRACE\)|<TRACE>|{TRACE}/i,
-    // Uppercase word
-    /\bTRACE\b/i,
-    // Framework-specific
-    /\btrace\b/i,
-    // With colon
-    /^\s*TRACE:\s*/i,
-  ],
-  fatal: [
-    // Emoji + text (better-logger)
-    /🚨\s+CRITICAL/i,
-    // Emoji only
-    /💀|🔥|☠️|⚰️|🚨/i,
-    // Bracketed
-    /\[FATAL\]|\(FATAL\)|<FATAL>|{FATAL}/i,
-    /\[CRITICAL\]|\(CRITICAL\)|<CRITICAL>|{CRITICAL}/i,
-    // Uppercase word
-    /\bFATAL\b/i,
-    /\bCRITICAL\b/i,
-    // Supervisord CRIT
-    /\bCRIT\b/i,
-    // With colon
-    /^\s*(?:FATAL|CRITICAL):\s*/i,
-    // Fatal messages
-    /fatal|critical|emergency/i,
-  ],
-  unknown: [],
-};
-
-/**
- * Log level detector class.
- *
- * Detects log levels from text using pattern matching with
- * confidence scoring. Supports custom patterns and configurable
- * detection strategies.
- *
- * @example
- * ```ts
- * const detector = new LogLevelDetector();
- * const result = detector.detect('21:35:28.944 ℹ️ INFO ⦗COMPONENT⦘ Message');
- * // { level: 'info', confidence: 0.9, matched: 'INFO', position: 12 }
- * ```
- */
-export class LogLevelDetector {
-  /** Combined patterns from defaults and custom additions */
-  private patterns: Map<TLogLevel, ILogLevelPattern[]>;
-
-  /** Detection options */
-  private options: Required<ILogLevelDetectorOptions>;
-
-  /**
-   * Create a new log level detector.
-   *
-   * @param options - Detection options
-   */
-  constructor(options: ILogLevelDetectorOptions = {}) {
-    this.options = {
-      custom_patterns: [],
-      enable_emoji: true,
-      enable_brackets: true,
-      enable_words: true,
-      min_confidence: 0.5,
-      ...options,
-    };
-
-    this.patterns = new Map();
-
-    // Initialize with default patterns
-    for (const [level, regexes] of Object.entries(DEFAULT_PATTERNS)) {
-      const patterns: ILogLevelPattern[] = regexes.map((regex) => ({
-        regex,
-        level: level as TLogLevel,
-        confidence: 0.8,
-      }));
-      this.patterns.set(level as TLogLevel, patterns);
-    }
-
-    // Add custom patterns
-    for (const pattern of this.options.custom_patterns ?? []) {
-      this.addPattern(pattern);
-    }
-  }
-
-  /**
-   * Detect log level from text string.
-   *
-   * Scans text for log level patterns and returns the detection
-   * with highest confidence score.
-   *
-   * @param text - Text to analyze
-   * @returns Detection result or level 'unknown' with low confidence
-   *
-   * @example
-   * ```ts
-   * const result = detector.detect('[INFO] Server started');
-   * // { level: 'info', confidence: 0.9, matched: '[INFO]', position: 0 }
-   * ```
-   */
-  detect(text: string): ILogLevelDetection {
-    let bestMatch: ILogLevelDetection = {
-      level: 'unknown',
-      confidence: 0,
-      matched: '',
-      position: 0,
-    };
-
-    // Check each level's patterns
-    for (const [level, patterns] of this.patterns.entries()) {
-      for (const pattern of patterns) {
-        const match = text.match(pattern.regex);
-
-        if (match) {
-          const position = match.index ?? 0;
-          const matched = match[0] ?? match[1] ?? '';
-
-          // Boost confidence for exact word matches
-          let confidence = pattern.confidence ?? 0.8;
-          if (matched.length <= 5 && matched === matched.toUpperCase()) {
-            confidence = Math.min(1, confidence + 0.1);
-          }
-
-          // Prefer earlier matches (near beginning of line)
-          const positionBoost = Math.max(0, 1 - position / 100);
-          confidence *= positionBoost;
-
-          if (confidence > bestMatch.confidence) {
-            bestMatch = {
-              level,
-              confidence,
-              matched,
-              position,
-            };
-          }
-        }
-      }
-    }
-
-    return bestMatch;
-  }
-
-  /**
-   * Detect log level with default fallback.
-   *
-   * Returns 'info' as default level instead of 'unknown' for
-   * logs without a clear level indicator.
-   *
-   * @param text - Text to analyze
-   * @returns Detected level (defaults to 'info' if unknown)
-   */
-  detectOrDefault(text: string): TLogLevel {
-    const result = this.detect(text);
-    return result.confidence >= this.options.min_confidence ? result.level : 'info';
-  }
-
-  /**
-   * Add a custom pattern for a log level.
-   *
-   * @param pattern - Pattern to add
-   *
-   * @example
-   * ```ts
-   * detector.addPattern({
-   *   regex: /\[CUSTOM\]/i,
-   *   level: 'info',
-   *   confidence: 0.9
-   * });
-   * ```
-   */
-  addPattern(pattern: ILogLevelPattern): void {
-    const existing = this.patterns.get(pattern.level) ?? [];
-    existing.push(pattern);
-    this.patterns.set(pattern.level, existing);
-  }
-
-  /**
-   * Remove pattern for a level.
-   *
-   * Removes all patterns matching the given regex for the specified
-   * log level.
-   *
-   * @param level - Log level
-   * @param regex - Regex pattern to remove
-   * @returns true if pattern was found and removed
-   */
-  removePattern(level: TLogLevel, regex: RegExp): boolean {
-    const existing = this.patterns.get(level);
-    if (!existing) return false;
-
-    const filtered = existing.filter((p) => p.regex !== regex);
-
-    if (filtered.length < existing.length) {
-      this.patterns.set(level, filtered);
-      return true;
-    }
-
-    return false;
-  }
-
-  /**
-   * Get all patterns for a log level.
-   *
-   * @param level - Log level
-   * @returns Array of patterns for the level
-   */
-  getPatterns(level: TLogLevel): ILogLevelPattern[] {
-    return this.patterns.get(level) ?? [];
-  }
-
-  /**
-   * Clear all custom patterns.
-   *
-   * Removes all custom patterns and resets to defaults.
-   */
-  clearCustomPatterns(): void {
-    // Reinitialize with defaults only
-    this.patterns.clear();
-
-    for (const [level, regexes] of Object.entries(DEFAULT_PATTERNS)) {
-      const patterns: ILogLevelPattern[] = regexes.map((regex) => ({
-        regex,
-        level: level as TLogLevel,
-        confidence: 0.8,
-      }));
-      this.patterns.set(level as TLogLevel, patterns);
-    }
-  }
-
-  /**
-   * Detect log level from multiple lines and return consensus.
-   *
-   * Useful for determining the overall level of a multiline
-   * log entry or buffer.
-   *
-   * @param lines - Array of text lines
-   * @returns Consensus level with aggregated confidence
-   */
-  detectFromLines(lines: string[]): ILogLevelDetection {
-    if (lines.length === 0) {
-      return {
-        level: 'unknown',
-        confidence: 0,
-        matched: '',
-        position: 0,
-      };
-    }
-
-    const votes: Map<TLogLevel, number> = new Map();
-    let bestMatch: ILogLevelDetection = {
-      level: 'unknown',
-      confidence: 0,
-      matched: '',
-      position: 0,
-    };
-
-    for (const line of lines) {
-      const result = this.detect(line);
-      if (result.confidence >= this.options.min_confidence) {
-        votes.set(result.level, (votes.get(result.level) ?? 0) + 1);
-
-        if (result.confidence > bestMatch.confidence) {
-          bestMatch = result;
-        }
-      }
-    }
-
-    // Return most voted level, or best match if tie
-    if (votes.size === 0) {
-      return {
-        level: 'info',
-        confidence: 0.3,
-        matched: '',
-        position: 0,
-      };
-    }
-
-    // Find most voted
-    let maxVotes = 0;
-    let consensusLevel: TLogLevel = 'info';
-
-    for (const [level, count] of votes.entries()) {
-      if (count > maxVotes) {
-        maxVotes = count;
-        consensusLevel = level;
-      }
-    }
-
-    return {
-      level: consensusLevel,
-      confidence: Math.min(1, bestMatch.confidence + 0.1),
-      matched: bestMatch.matched,
-      position: bestMatch.position,
-    };
-  }
-
-  /**
-   * Check if text contains a specific log level.
-   *
-   * @param text - Text to check
-   * @param level - Log level to look for
-   * @returns true if level is detected with minimum confidence
-   */
-  hasLevel(text: string, level: TLogLevel): boolean {
-    const result = this.detect(text);
-    return result.level === level && result.confidence >= this.options.min_confidence;
-  }
-
-  /**
-   * Get severity score for a log level.
-   *
-   * Returns numeric severity (0-6) for comparison and filtering.
-   *
-   * @param level - Log level
-   * @returns Severity score (0=trace, 6=fatal)
-   */
-  static getSeverity(level: TLogLevel): number {
-    const severity: Record<TLogLevel, number> = {
-      trace: 0,
-      debug: 1,
-      info: 2,
-      warn: 3,
-      error: 4,
-      fatal: 5,
-      unknown: 2, // Default to info level
-    };
-    return severity[level] ?? 2;
-  }
-
-  /**
-   * Compare two log levels by severity.
-   *
-   * @param level1 - First log level
-   * @param level2 - Second log level
-   * @returns Negative if level1 < level2, positive if level1 > level2, 0 if equal
-   */
-  static compareSeverity(level1: TLogLevel, level2: TLogLevel): number {
-    return LogLevelDetector.getSeverity(level1) - LogLevelDetector.getSeverity(level2);
-  }
-}

package/src/react-ui/blocks/Terminal/parsing/levels/index.ts

@@ -1,14 +0,0 @@
-/**
- * Log level detection module barrel export.
- *
- * Exports log level pattern matching utilities.
- *
- * @module components/devenv/terminal/parsing/levels
- */
-
-export { LogLevelDetector } from './LogLevelDetector';
-export type {
-  ILogLevelDetection,
-  ILogLevelPattern,
-  ILogLevelDetectorOptions,
-} from './LogLevel.types';

package/src/react-ui/blocks/index.ts

@@ -1,11 +0,0 @@
-/**
- * Blocks barrel export.
- *
- * Blocks are high-level, ready-to-use components with full functionality,
- * similar to Shadcn blocks. They compose primitives, UI components, and hooks
- * into complete features.
- *
- * @module @mks2508/mks-ui/react/blocks
- */
-
-export * from './Terminal';

package/src/react-ui/components/MorphingPopover/MorphingPopover.types.ts

@@ -1,49 +0,0 @@
-/**
- * Props for the MorphingPopover component.
- *
- * @interface IMorphingPopoverProps
- */
-interface IMorphingPopoverProps {
-  /** Content to display in popover. */
-  content: React.ReactNode;
-  /** Trigger button text or icon. */
-  trigger?: React.ReactNode;
-  /** Additional CSS classes for trigger button. */
-  triggerClassName?: string;
-  /** Additional CSS classes for popover. */
-  popoverClassName?: string;
-  /** Target dimensions for the expanded popover. */
-  targetSize?: { width?: number; height?: number };
-  /** Callback when popover opens. */
-  onOpen?: () => void;
-  /** Callback when popover closes. */
-  onClose?: () => void;
-  /** Popover HTML ID. */
-  popoverId?: string;
-}
-
-/** Extended button props to support the Popover API attributes. */
-interface IMorphingButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-  popovertarget?: string;
-  popoverTargetAction?: 'toggle' | 'show' | 'hide';
-}
-
-/**
- * Props for the MorphingPopoverWithTarget variant.
- *
- * @interface IMorphingPopoverWithTargetProps
- */
-interface IMorphingPopoverWithTargetProps
-  extends Omit<IMorphingPopoverProps, 'popoverId' | 'targetSize'> {
-  /** Reference to target element to anchor to. */
-  targetRef: React.RefObject<HTMLElement>;
-  /** Popover HTML ID. */
-  popoverId?: string;
-}
-
-export type {
-  IMorphingPopoverProps,
-  IMorphingButtonProps,
-  IMorphingPopoverWithTargetProps,
-};