@mks2508/mks-ui 0.3.1 → 0.4.0

package/dist/react-ui/blocks/Terminal/parsing/ansi/ansi.constants.js

@@ -0,0 +1,178 @@
+//#region src/react-ui/blocks/Terminal/parsing/ansi/ansi.constants.ts
+/**
+* ANSI escape code constants for terminal parsing.
+*
+* Contains standard ANSI/VT100 escape sequences for color, styling,
+* and cursor control. Used by AnsiParser to detect and convert
+* ANSI codes to xterm.js compatible format.
+*
+* References:
+* - ANSI/VT100 Control Sequences: https://vt100.net/docs/vt100-ug/chapter3.html
+* - SGR (Select Graphic Rendition): https://en.wikipedia.org/wiki/ANSI_escape_code#SGR_(Select_Graphic_Rendition)_parameters
+*
+* @module components/devenv/terminal/parsing/ansi/constants
+*/
+/**
+* ANSI escape sequence introducers.
+*
+* Control sequences that introduce ANSI escape codes.
+*/
+const ANSI_INTRODUCERS = {
+	CSI: "\x1B[",
+	OSC: "\x1B]",
+	DCS: "\x1BP",
+	ST: "\x1B\\",
+	ESC: "\x1B"
+};
+/**
+* ANSI SGR (Select Graphic Rendition) parameter codes.
+*
+* Text styling and color codes following CSI.
+*/
+const SGR_CODES = {
+	RESET: 0,
+	BOLD: 1,
+	DIM: 2,
+	ITALIC: 3,
+	UNDERLINE: 4,
+	BLINK_SLOW: 5,
+	BLINK_FAST: 6,
+	INVERSE: 7,
+	HIDDEN: 8,
+	STRIKETHROUGH: 9,
+	FONT_DEFAULT: 10,
+	BOLD_OFF: 21,
+	DIM_OFF: 22,
+	ITALIC_OFF: 23,
+	UNDERLINE_OFF: 24,
+	BLINK_OFF: 25,
+	INVERSE_OFF: 27,
+	REVEAL: 28,
+	STRIKETHROUGH_OFF: 29,
+	FG_BLACK: 30,
+	FG_RED: 31,
+	FG_GREEN: 32,
+	FG_YELLOW: 33,
+	FG_BLUE: 34,
+	FG_MAGENTA: 35,
+	FG_CYAN: 36,
+	FG_WHITE: 37,
+	FG_DEFAULT: 39,
+	BG_BLACK: 40,
+	BG_RED: 41,
+	BG_GREEN: 42,
+	BG_YELLOW: 43,
+	BG_BLUE: 44,
+	BG_MAGENTA: 45,
+	BG_CYAN: 46,
+	BG_WHITE: 47,
+	BG_DEFAULT: 49,
+	FG_BRIGHT_BLACK: 90,
+	FG_BRIGHT_RED: 91,
+	FG_BRIGHT_GREEN: 92,
+	FG_BRIGHT_YELLOW: 93,
+	FG_BRIGHT_BLUE: 94,
+	FG_BRIGHT_MAGENTA: 95,
+	FG_BRIGHT_CYAN: 96,
+	FG_BRIGHT_WHITE: 97,
+	BG_BRIGHT_BLACK: 100,
+	BG_BRIGHT_RED: 101,
+	BG_BRIGHT_GREEN: 102,
+	BG_BRIGHT_YELLOW: 103,
+	BG_BRIGHT_BLUE: 104,
+	BG_BRIGHT_MAGENTA: 105,
+	BG_BRIGHT_CYAN: 106,
+	BG_BRIGHT_WHITE: 107
+};
+/**
+* ANSI regex patterns for detection and parsing.
+*/
+const ANSI_PATTERNS = {
+	CSI_SEQUENCE: /\x1b\[[0-9;]*[a-zA-Z]/g,
+	OSC_SEQUENCE: /\x1b\][^\x07\x1b\\]*(?:\x07|\x1b\\)/g,
+	SGR_PARAMS: /[0-9]+/g,
+	ANSI_ESCAPE: /\x1b\[[0-9;]*[mGaKHF]/g,
+	TEXT_ATTRIBUTES: /[0-9]/,
+	COLOR_CODES: /[34][0-7]|10[0-7]|[34][0-7]/g
+};
+/**
+* ANSI to xterm.js color mapping.
+*
+* Maps standard ANSI color codes (0-15) to xterm.js color indices.
+*/
+const ANSI_COLOR_MAP = {
+	0: 0,
+	1: 1,
+	2: 2,
+	3: 3,
+	4: 4,
+	5: 5,
+	6: 6,
+	7: 7,
+	8: 8,
+	9: 9,
+	10: 10,
+	11: 11,
+	12: 12,
+	13: 13,
+	14: 14,
+	15: 15
+};
+/**
+* ANSI text modifier names.
+*
+* Maps SGR modifier codes to human-readable names.
+*/
+const ANSI_MODIFIERS = {
+	1: "bold",
+	2: "dim",
+	3: "italic",
+	4: "underline",
+	5: "blink",
+	7: "inverse",
+	8: "hidden",
+	9: "strikethrough"
+};
+/**
+* Synthwave theme ANSI to hex color mapping.
+*
+* Maps ANSI color codes to Synthwave Industrial Dark theme colors
+* from Terminal.theme.ts. Used for colorizing logs with proper
+* design system colors.
+*/
+const SYNTHWAVE_ANSI_COLORS = {
+	30: "#1a1a2e",
+	31: "#ff4466",
+	32: "#44ffaa",
+	33: "#ffcc00",
+	34: "#00d9ff",
+	35: "#D40C67",
+	36: "#00d9ff",
+	37: "#e8e8ec",
+	90: "#2d2d44",
+	91: "#ff6b6b",
+	92: "#66ffcc",
+	93: "#ffdd33",
+	94: "#33e0ff",
+	95: "#ff3399",
+	96: "#33e0ff",
+	97: "#ffffff"
+};
+/**
+* Log level to ANSI color mapping.
+*
+* Maps log levels to their corresponding ANSI color codes for
+* terminal display with proper colorization.
+*/
+const LOG_LEVEL_ANSI_COLORS = {
+	trace: 90,
+	debug: 36,
+	info: 34,
+	warn: 33,
+	error: 31,
+	fatal: 35,
+	unknown: 37
+};
+
+//#endregion
+export { ANSI_COLOR_MAP, ANSI_INTRODUCERS, ANSI_MODIFIERS, ANSI_PATTERNS, LOG_LEVEL_ANSI_COLORS, SGR_CODES, SYNTHWAVE_ANSI_COLORS };

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

@@ -0,0 +1,12 @@
+/**
+ * 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';
+//# sourceMappingURL=index.d.ts.map

package/dist/react-ui/blocks/Terminal/parsing/ansi/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/react-ui/blocks/Terminal/parsing/ansi/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EACL,gBAAgB,EAChB,SAAS,EACT,aAAa,EACb,cAAc,EACd,cAAc,EACd,qBAAqB,EACrB,qBAAqB,GACtB,MAAM,kBAAkB,CAAC"}

package/dist/react-ui/blocks/Terminal/parsing/index.d.ts

@@ -0,0 +1,24 @@
+/**
+ * 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';
+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';
+export type { TLogLevel, TLogLevelFilter, TContentType, IParsedLogEntry, IParserState, IAnsiStyle, IAnsiParseResult, ILogLevelDetection, ILogParserOptions, ILogFilterOptions, ILogStats, TTimestampFormat, ILogExportOptions, } from './LogParser.types';
+export type { ILogLevelPattern, ILogLevelDetectorOptions, } from './levels/LogLevel.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/react-ui/blocks/Terminal/parsing/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/blocks/Terminal/parsing/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAGlF,OAAO,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AACvF,YAAY,EACV,0BAA0B,EAC1B,YAAY,EACZ,cAAc,GACf,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EACV,WAAW,EACX,eAAe,GAChB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5E,YAAY,EACV,aAAa,EACb,SAAS,EACT,UAAU,GACX,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,gBAAgB,EAChB,SAAS,EACT,aAAa,EACb,cAAc,EACd,cAAc,EACd,qBAAqB,EACrB,qBAAqB,GACtB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAG7D,YAAY,EACV,SAAS,EACT,eAAe,EACf,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,UAAU,EACV,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,SAAS,EACT,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,mBAAmB,CAAC;AAG3B,YAAY,EACV,gBAAgB,EAChB,wBAAwB,GACzB,MAAM,yBAAyB,CAAC"}

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

@@ -0,0 +1,56 @@
+/**
+ * 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;
+}
+//# sourceMappingURL=LogLevel.types.d.ts.map

package/dist/react-ui/blocks/Terminal/parsing/levels/LogLevel.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogLevel.types.d.ts","sourceRoot":"","sources":["../../../../../../src/react-ui/blocks/Terminal/parsing/levels/LogLevel.types.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD;;;;;GAKG;AACH,MAAM,WAAW,kBAAkB;IACjC,yBAAyB;IACzB,KAAK,EAAE,SAAS,CAAC;IAEjB,oDAAoD;IACpD,UAAU,EAAE,MAAM,CAAC;IAEnB,kDAAkD;IAClD,OAAO,EAAE,MAAM,CAAC;IAEhB,kDAAkD;IAClD,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;;;GAKG;AACH,MAAM,WAAW,gBAAgB;IAC/B,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IAEd,uCAAuC;IACvC,KAAK,EAAE,SAAS,CAAC;IAEjB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;GAIG;AACH,MAAM,WAAW,wBAAwB;IACvC,iDAAiD;IACjD,eAAe,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAErC,qDAAqD;IACrD,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,uDAAuD;IACvD,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,oDAAoD;IACpD,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB"}

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

@@ -0,0 +1,140 @@
+/**
+ * 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';
+/**
+ * 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 declare class LogLevelDetector {
+    /** Combined patterns from defaults and custom additions */
+    private patterns;
+    /** Detection options */
+    private options;
+    /**
+     * Create a new log level detector.
+     *
+     * @param options - Detection options
+     */
+    constructor(options?: ILogLevelDetectorOptions);
+    /**
+     * 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;
+    /**
+     * 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;
+    /**
+     * 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;
+    /**
+     * 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;
+    /**
+     * Get all patterns for a log level.
+     *
+     * @param level - Log level
+     * @returns Array of patterns for the level
+     */
+    getPatterns(level: TLogLevel): ILogLevelPattern[];
+    /**
+     * Clear all custom patterns.
+     *
+     * Removes all custom patterns and resets to defaults.
+     */
+    clearCustomPatterns(): void;
+    /**
+     * 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;
+    /**
+     * 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;
+    /**
+     * 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;
+    /**
+     * 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;
+}
+//# sourceMappingURL=LogLevelDetector.d.ts.map

package/dist/react-ui/blocks/Terminal/parsing/levels/LogLevelDetector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogLevelDetector.d.ts","sourceRoot":"","sources":["../../../../../../src/react-ui/blocks/Terminal/parsing/levels/LogLevelDetector.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,KAAK,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAkHvG;;;;;;;;;;;;;GAaG;AACH,qBAAa,gBAAgB;IAC3B,2DAA2D;IAC3D,OAAO,CAAC,QAAQ,CAAqC;IAErD,wBAAwB;IACxB,OAAO,CAAC,OAAO,CAAqC;IAEpD;;;;OAIG;gBACS,OAAO,GAAE,wBAA6B;IA4BlD;;;;;;;;;;;;;;OAcG;IACH,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,kBAAkB;IA0CxC;;;;;;;;OAQG;IACH,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS;IAKxC;;;;;;;;;;;;;OAaG;IACH,UAAU,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI;IAM3C;;;;;;;;;OASG;IACH,aAAa,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO;IAcvD;;;;;OAKG;IACH,WAAW,CAAC,KAAK,EAAE,SAAS,GAAG,gBAAgB,EAAE;IAIjD;;;;OAIG;IACH,mBAAmB,IAAI,IAAI;IAc3B;;;;;;;;OAQG;IACH,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,kBAAkB;IA0DpD;;;;;;OAMG;IACH,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,GAAG,OAAO;IAKjD;;;;;;;OAOG;IACH,MAAM,CAAC,WAAW,CAAC,KAAK,EAAE,SAAS,GAAG,MAAM;IAa5C;;;;;;OAMG;IACH,MAAM,CAAC,eAAe,CAAC,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,GAAG,MAAM;CAGrE"}