erosolar-cli 1.7.13 → 1.7.15

package/dist/bin/ui/telemetry/UITelemetry.js

@@ -1,443 +0,0 @@
-/**
- * UITelemetry - Collects and tracks UI performance metrics and user interactions
- * Provides insights into UI responsiveness, user behavior, and system performance
- */
-import { EventEmitter } from 'events';
-import { performance } from 'perf_hooks';
-export class UITelemetry extends EventEmitter {
-    constructor(config = {}) {
-        super();
-        this.events = [];
-        this.metrics = [];
-        this.interactions = [];
-        this.renderMetrics = [];
-        this.errors = [];
-        this.marks = new Map();
-        this.measures = new Map();
-        this.flushTimer = null;
-        this.frameCounter = {
-            frames: 0,
-            dropped: 0,
-            lastFrame: performance.now(),
-        };
-        this.config = {
-            enabled: true,
-            bufferSize: 10000,
-            flushInterval: 60000, // 1 minute
-            captureStackTraces: false,
-            anonymize: true,
-            performanceThresholds: {
-                renderTime: 16, // 60 FPS target
-                responseTime: 100, // 100ms max response time
-                framerate: 30, // Minimum acceptable framerate
-                memory: 500 * 1024 * 1024, // 500MB memory threshold
-            },
-            ...config,
-        };
-        this.sessionStart = Date.now();
-        if (this.config.enabled) {
-            this.startCollection();
-        }
-    }
-    /**
-     * Start telemetry collection
-     */
-    startCollection() {
-        // Set up flush timer
-        if (this.config.flushInterval > 0) {
-            this.flushTimer = setInterval(() => this.flush(), this.config.flushInterval);
-        }
-        // Monitor memory usage
-        setInterval(() => {
-            this.recordMemoryUsage();
-        }, 10000); // Every 10 seconds
-        this.emit('telemetry:started');
-    }
-    /**
-     * Record a UI event
-     */
-    recordEvent(type, eventMetadata) {
-        if (!this.config.enabled)
-            return;
-        const event = {
-            type,
-            timestamp: Date.now(),
-            metadata: this.config.anonymize ? this.anonymizeData(eventMetadata) : eventMetadata,
-        };
-        this.events.push(event);
-        this.trimBuffer('events');
-        this.emit('event:recorded', event);
-    }
-    /**
-     * Start a performance mark
-     */
-    markStart(name) {
-        if (!this.config.enabled)
-            return;
-        this.marks.set(name, performance.now());
-    }
-    /**
-     * End a performance mark and record the duration
-     */
-    markEnd(name, _metadata) {
-        if (!this.config.enabled)
-            return 0;
-        const start = this.marks.get(name);
-        if (!start) {
-            console.warn(`No start mark found for: ${name}`);
-            return 0;
-        }
-        const duration = performance.now() - start;
-        this.marks.delete(name);
-        // Store measure
-        if (!this.measures.has(name)) {
-            this.measures.set(name, []);
-        }
-        this.measures.get(name).push(duration);
-        // Record metric
-        const metric = {
-            name,
-            value: duration,
-            unit: 'ms',
-            timestamp: Date.now(),
-        };
-        this.metrics.push(metric);
-        this.trimBuffer('metrics');
-        // Check threshold
-        this.checkPerformanceThreshold(name, duration);
-        this.emit('metric:recorded', metric);
-        return duration;
-    }
-    /**
-     * Record a user interaction
-     */
-    recordInteraction(type, target) {
-        if (!this.config.enabled) {
-            return {
-                complete: () => { },
-                cancel: () => { },
-            };
-        }
-        const interaction = {
-            type,
-            target,
-            timestamp: Date.now(),
-            completed: false,
-        };
-        this.interactions.push(interaction);
-        return {
-            complete: () => {
-                interaction.completed = true;
-                interaction.responseTime = Date.now() - interaction.timestamp;
-                this.checkResponseTimeThreshold(interaction.responseTime);
-                this.emit('interaction:completed', interaction);
-            },
-            cancel: () => {
-                interaction.completed = false;
-                this.emit('interaction:cancelled', interaction);
-            },
-        };
-    }
-    /**
-     * Record render metrics
-     */
-    recordRender(component, renderTime) {
-        if (!this.config.enabled)
-            return;
-        // Update frame counter
-        const now = performance.now();
-        const timeSinceLastFrame = now - this.frameCounter.lastFrame;
-        if (timeSinceLastFrame > 33.33) { // More than 2 frames at 60fps
-            this.frameCounter.dropped++;
-        }
-        this.frameCounter.frames++;
-        this.frameCounter.lastFrame = now;
-        const metric = {
-            component,
-            renderTime,
-            frameCount: this.frameCounter.frames,
-            dropped: this.frameCounter.dropped,
-            timestamp: Date.now(),
-        };
-        this.renderMetrics.push(metric);
-        this.trimBuffer('renderMetrics');
-        // Check render time threshold
-        if (renderTime > this.config.performanceThresholds.renderTime) {
-            this.emit('performance:slow-render', {
-                component,
-                renderTime,
-                threshold: this.config.performanceThresholds.renderTime,
-            });
-        }
-        this.emit('render:recorded', metric);
-    }
-    /**
-     * Record an error
-     */
-    recordError(error, context) {
-        if (!this.config.enabled)
-            return;
-        const errorRecord = {
-            error: {
-                message: error.message || String(error),
-                type: error.constructor?.name || 'Error',
-                stack: this.config.captureStackTraces ? error.stack : undefined,
-            },
-            timestamp: Date.now(),
-            context: this.config.anonymize ? this.anonymizeData(context) : context,
-        };
-        this.errors.push(errorRecord);
-        this.trimBuffer('errors');
-        this.emit('error:recorded', errorRecord);
-    }
-    /**
-     * Record memory usage
-     */
-    recordMemoryUsage() {
-        const usage = process.memoryUsage();
-        const metric = {
-            name: 'memory.heapUsed',
-            value: usage.heapUsed,
-            unit: 'bytes',
-            timestamp: Date.now(),
-        };
-        this.metrics.push(metric);
-        // Check memory threshold
-        if (usage.heapUsed > this.config.performanceThresholds.memory) {
-            this.emit('performance:high-memory', {
-                usage: usage.heapUsed,
-                threshold: this.config.performanceThresholds.memory,
-            });
-        }
-    }
-    /**
-     * Check performance threshold
-     */
-    checkPerformanceThreshold(name, duration) {
-        if (name.includes('render') &&
-            duration > this.config.performanceThresholds.renderTime) {
-            this.emit('performance:threshold-exceeded', {
-                type: 'render',
-                name,
-                duration,
-                threshold: this.config.performanceThresholds.renderTime,
-            });
-        }
-    }
-    /**
-     * Check response time threshold
-     */
-    checkResponseTimeThreshold(responseTime) {
-        if (responseTime > this.config.performanceThresholds.responseTime) {
-            this.emit('performance:threshold-exceeded', {
-                type: 'response',
-                responseTime,
-                threshold: this.config.performanceThresholds.responseTime,
-            });
-        }
-    }
-    /**
-     * Trim buffer to prevent memory issues
-     */
-    trimBuffer(bufferName) {
-        const buffer = this[bufferName];
-        if (Array.isArray(buffer) && buffer.length > this.config.bufferSize) {
-            // Keep most recent items
-            const toRemove = buffer.length - this.config.bufferSize;
-            buffer.splice(0, toRemove);
-        }
-    }
-    /**
-     * Anonymize sensitive data
-     */
-    anonymizeData(data) {
-        if (!data)
-            return data;
-        if (typeof data !== 'object')
-            return data;
-        const anonymized = { ...data };
-        // Remove or hash sensitive fields
-        const sensitiveFields = ['password', 'token', 'key', 'secret', 'email', 'username'];
-        for (const field of sensitiveFields) {
-            if (field in anonymized) {
-                anonymized[field] = '[REDACTED]';
-            }
-        }
-        // Recursively anonymize nested objects
-        for (const key in anonymized) {
-            if (typeof anonymized[key] === 'object' && anonymized[key] !== null) {
-                anonymized[key] = this.anonymizeData(anonymized[key]);
-            }
-        }
-        return anonymized;
-    }
-    /**
-     * Get current telemetry snapshot
-     */
-    getSnapshot() {
-        const now = Date.now();
-        const period = {
-            start: this.sessionStart,
-            end: now,
-        };
-        // Calculate event statistics
-        const eventsByType = {};
-        for (const event of this.events) {
-            eventsByType[event.type] = (eventsByType[event.type] || 0) + 1;
-        }
-        // Calculate performance metrics
-        const renderTimes = this.renderMetrics.map(m => m.renderTime);
-        const avgRenderTime = renderTimes.length > 0
-            ? renderTimes.reduce((a, b) => a + b, 0) / renderTimes.length
-            : 0;
-        const responseTimes = this.interactions
-            .filter(i => i.responseTime !== undefined)
-            .map(i => i.responseTime);
-        const avgResponseTime = responseTimes.length > 0
-            ? responseTimes.reduce((a, b) => a + b, 0) / responseTimes.length
-            : 0;
-        const framerate = this.frameCounter.frames > 0
-            ? (this.frameCounter.frames - this.frameCounter.dropped) /
-                ((now - this.sessionStart) / 1000)
-            : 0;
-        // Calculate interaction statistics
-        const completedInteractions = this.interactions.filter(i => i.completed).length;
-        const cancelledInteractions = this.interactions.filter(i => !i.completed).length;
-        // Calculate error statistics
-        const errorsByType = {};
-        for (const error of this.errors) {
-            const type = error.error.type || 'Unknown';
-            errorsByType[type] = (errorsByType[type] || 0) + 1;
-        }
-        return {
-            timestamp: now,
-            period,
-            events: {
-                total: this.events.length,
-                byType: eventsByType,
-            },
-            performance: {
-                avgRenderTime,
-                avgResponseTime,
-                framerate,
-                memoryUsage: process.memoryUsage(),
-                cpuUsage: process.cpuUsage(),
-            },
-            interactions: {
-                total: this.interactions.length,
-                completed: completedInteractions,
-                cancelled: cancelledInteractions,
-                avgResponseTime,
-            },
-            errors: {
-                total: this.errors.length,
-                byType: errorsByType,
-            },
-        };
-    }
-    /**
-     * Get performance summary
-     */
-    getPerformanceSummary() {
-        const summary = {};
-        for (const [name, durations] of this.measures) {
-            if (durations.length === 0)
-                continue;
-            summary[name] = {
-                avg: durations.reduce((a, b) => a + b, 0) / durations.length,
-                min: Math.min(...durations),
-                max: Math.max(...durations),
-                count: durations.length,
-            };
-        }
-        // Find slowest operations
-        const allOperations = [];
-        for (const metric of this.metrics) {
-            if (metric.unit === 'ms') {
-                allOperations.push({ name: metric.name, duration: metric.value });
-            }
-        }
-        const slowestOperations = allOperations
-            .sort((a, b) => b.duration - a.duration)
-            .slice(0, 10);
-        return {
-            measures: summary,
-            slowestOperations,
-        };
-    }
-    /**
-     * Flush telemetry data
-     */
-    flush() {
-        const snapshot = this.getSnapshot();
-        this.emit('telemetry:flush', snapshot);
-        // Clear old data based on buffer size
-        const cutoff = Date.now() - this.config.flushInterval;
-        this.events = this.events.filter(e => e.timestamp > cutoff);
-        this.metrics = this.metrics.filter(m => m.timestamp > cutoff);
-        this.interactions = this.interactions.filter(i => i.timestamp > cutoff);
-        this.renderMetrics = this.renderMetrics.filter(m => m.timestamp > cutoff);
-        this.errors = this.errors.filter(e => e.timestamp > cutoff);
-    }
-    /**
-     * Enable or disable telemetry
-     */
-    setEnabled(enabled) {
-        this.config.enabled = enabled;
-        if (!enabled) {
-            this.stop();
-        }
-        else {
-            this.startCollection();
-        }
-        this.emit('telemetry:status-changed', { enabled });
-    }
-    /**
-     * Update configuration
-     */
-    updateConfig(config) {
-        const wasEnabled = this.config.enabled;
-        this.config = { ...this.config, ...config };
-        if (wasEnabled !== this.config.enabled) {
-            this.setEnabled(this.config.enabled);
-        }
-        this.emit('telemetry:config-updated', this.config);
-    }
-    /**
-     * Reset all telemetry data
-     */
-    reset() {
-        this.events = [];
-        this.metrics = [];
-        this.interactions = [];
-        this.renderMetrics = [];
-        this.errors = [];
-        this.marks.clear();
-        this.measures.clear();
-        this.frameCounter = {
-            frames: 0,
-            dropped: 0,
-            lastFrame: performance.now(),
-        };
-        this.sessionStart = Date.now();
-        this.emit('telemetry:reset');
-    }
-    /**
-     * Stop telemetry collection
-     */
-    stop() {
-        if (this.flushTimer) {
-            clearInterval(this.flushTimer);
-            this.flushTimer = null;
-        }
-        this.emit('telemetry:stopped');
-    }
-    /**
-     * Dispose of telemetry
-     */
-    dispose() {
-        this.stop();
-        this.removeAllListeners();
-        this.reset();
-    }
-}

package/dist/bin/ui/textHighlighter.js

@@ -1,210 +0,0 @@
-/**
- * Text Highlighter - Claude Code style
- * Applies sophisticated coloring to different text types
- */
-import { theme } from './theme.js';
-/**
- * Highlight file paths (Claude Code style)
- * Example: src/ui/display.ts
- */
-export function highlightFilePath(path) {
-    const parts = path.split('/');
-    const file = parts.pop() || '';
-    const dir = parts.join('/');
-    if (dir) {
-        return `${theme.ui.muted(dir + '/')}${theme.info(file)}`;
-    }
-    return theme.info(file);
-}
-/**
- * Highlight numbers in text
- * Example: "Read 150 lines" -> "Read [150] lines"
- */
-export function highlightNumbers(text) {
-    return text.replace(/\b(\d+)\b/g, (match) => theme.ui.number(match));
-}
-/**
- * Highlight code blocks (inline)
- * Example: `const foo = 'bar'`
- */
-export function highlightInlineCode(text) {
-    return text.replace(/`([^`]+)`/g, (_, code) => theme.ui.code(code));
-}
-/**
- * Highlight quoted strings
- * Example: "hello world"
- */
-export function highlightQuotedStrings(text) {
-    return text.replace(/"([^"]*)"/g, (_, str) => theme.ui.string(`"${str}"`));
-}
-/**
- * Highlight keywords (Claude Code style)
- * Example: function, class, const, let, etc.
- */
-export function highlightKeywords(text) {
-    const keywords = [
-        'function', 'class', 'const', 'let', 'var',
-        'import', 'export', 'from', 'default',
-        'async', 'await', 'return', 'if', 'else',
-        'for', 'while', 'do', 'switch', 'case',
-        'try', 'catch', 'finally', 'throw',
-        'new', 'this', 'super', 'extends', 'implements',
-    ];
-    let result = text;
-    for (const keyword of keywords) {
-        const regex = new RegExp(`\\b(${keyword})\\b`, 'g');
-        result = result.replace(regex, (match) => theme.ui.keyword(match));
-    }
-    return result;
-}
-/**
- * Highlight URLs
- */
-export function highlightUrls(text) {
-    const urlRegex = /(https?:\/\/[^\s]+)/g;
-    return text.replace(urlRegex, (url) => theme.link.url(url));
-}
-/**
- * Highlight error messages
- * Makes errors stand out with proper coloring
- */
-export function highlightError(text) {
-    // Highlight error type
-    text = text.replace(/^(Error|TypeError|SyntaxError|ReferenceError):/i, (match) => theme.error.bold(match));
-    // Highlight stack trace lines
-    text = text.replace(/^\s+at\s+(.+):(\d+):(\d+)/gm, (_, location, line, col) => `  at ${theme.ui.muted(location)}:${theme.warning(line)}:${theme.warning(col)}`);
-    return text;
-}
-/**
- * Highlight success messages
- */
-export function highlightSuccess(text) {
-    const successWords = ['success', 'completed', 'passed', 'done', 'ok'];
-    let result = text;
-    for (const word of successWords) {
-        const regex = new RegExp(`\\b(${word})\\b`, 'gi');
-        result = result.replace(regex, (match) => theme.success.bold(match));
-    }
-    return result;
-}
-/**
- * Highlight warning messages
- */
-export function highlightWarning(text) {
-    const warningWords = ['warning', 'deprecated', 'caution', 'attention'];
-    let result = text;
-    for (const word of warningWords) {
-        const regex = new RegExp(`\\b(${word})\\b`, 'gi');
-        result = result.replace(regex, (match) => theme.warning.bold(match));
-    }
-    return result;
-}
-/**
- * Highlight tool names (Claude Code style)
- */
-export function highlightToolName(name) {
-    return theme.info.bold(name);
-}
-/**
- * Highlight command output (Claude Code style)
- * Applies context-aware highlighting
- */
-export function highlightCommandOutput(output, command) {
-    let result = output;
-    // Git commands
-    if (command?.includes('git')) {
-        result = highlightGitOutput(result);
-    }
-    // npm commands
-    else if (command?.includes('npm')) {
-        result = highlightNpmOutput(result);
-    }
-    // General highlighting
-    else {
-        result = highlightNumbers(result);
-        result = highlightUrls(result);
-        result = highlightFilePaths(result);
-    }
-    return result;
-}
-/**
- * Highlight file paths in text
- */
-function highlightFilePaths(text) {
-    // Match common file path patterns
-    const pathRegex = /([a-zA-Z0-9_\-./]+\.(ts|js|tsx|jsx|json|md|txt|yml|yaml|css|scss|html))/g;
-    return text.replace(pathRegex, (match) => highlightFilePath(match));
-}
-/**
- * Highlight git output
- */
-function highlightGitOutput(text) {
-    let result = text;
-    // Branch names
-    result = result.replace(/On branch (\w+)/g, (_, branch) => `On branch ${theme.info.bold(branch)}`);
-    // File statuses
-    result = result.replace(/^\s*modified:/gm, (match) => theme.warning(match));
-    result = result.replace(/^\s*deleted:/gm, (match) => theme.error(match));
-    result = result.replace(/^\s*new file:/gm, (match) => theme.success(match));
-    // Ahead/behind
-    result = result.replace(/ahead (\d+)/g, (_, num) => `ahead ${theme.success.bold(num)}`);
-    result = result.replace(/behind (\d+)/g, (_, num) => `behind ${theme.warning.bold(num)}`);
-    return result;
-}
-/**
- * Highlight npm output
- */
-function highlightNpmOutput(text) {
-    let result = text;
-    // Package names
-    result = result.replace(/(@[\w-]+\/[\w-]+|[\w-]+@[\d.]+)/g, (match) => theme.info(match));
-    // Warnings
-    result = result.replace(/WARN/g, theme.warning.bold('WARN'));
-    // Errors
-    result = result.replace(/ERR!/g, theme.error.bold('ERR!'));
-    return result;
-}
-/**
- * Apply all highlighting (auto-detect)
- */
-export function highlightText(text, context) {
-    let result = text;
-    switch (context) {
-        case 'error':
-            result = highlightError(result);
-            break;
-        case 'code':
-            result = highlightKeywords(result);
-            result = highlightQuotedStrings(result);
-            result = highlightNumbers(result);
-            break;
-        case 'command':
-            result = highlightCommandOutput(result);
-            break;
-        case 'log':
-            result = highlightSuccess(result);
-            result = highlightWarning(result);
-            result = highlightNumbers(result);
-            break;
-        default:
-            // Auto-detect and apply all
-            result = highlightNumbers(result);
-            result = highlightUrls(result);
-            result = highlightInlineCode(result);
-            result = highlightSuccess(result);
-            result = highlightWarning(result);
-    }
-    return result;
-}
-/**
- * Highlight important text (bold + colored)
- */
-export function highlightImportant(text) {
-    return theme.ui.highlight(text);
-}
-/**
- * Emphasize text (less prominent than important)
- */
-export function emphasizeText(text) {
-    return theme.ui.emphasis(text);
-}