inup 1.4.12 → 1.5.1

package/dist/ui/renderer/modal.js

@@ -1,190 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderPackageInfoLoading = renderPackageInfoLoading;
-exports.renderPackageInfoModal = renderPackageInfoModal;
-const chalk_1 = __importDefault(require("chalk"));
-const themes_colors_1 = require("../themes-colors");
-const utils_1 = require("../utils");
-// Use shared ANSI stripping utility
-const stripAnsi = utils_1.VersionUtils.stripAnsi;
-/**
- * Format a number for display (e.g., 1000000 -> "1M", 1000 -> "1K")
- */
-function formatNumber(num) {
-    if (!num)
-        return 'N/A';
-    if (num >= 1000000)
-        return (num / 1000000).toFixed(1) + 'M';
-    if (num >= 1000)
-        return (num / 1000).toFixed(1) + 'K';
-    return num.toString();
-}
-/**
- * Wrap text to fit within max width
- */
-function wrapText(text, maxWidth) {
-    if (text.length <= maxWidth) {
-        return [text];
-    }
-    const lines = [];
-    let current = '';
-    const words = text.split(' ');
-    for (const word of words) {
-        if ((current + ' ' + word).length > maxWidth) {
-            if (current)
-                lines.push(current);
-            current = word;
-        }
-        else {
-            current = current ? current + ' ' + word : word;
-        }
-    }
-    if (current)
-        lines.push(current);
-    return lines;
-}
-/**
- * Render a loading state for the info modal
- */
-function renderPackageInfoLoading(state, terminalWidth = 80, terminalHeight = 24) {
-    const modalWidth = Math.min(terminalWidth - 6, 120);
-    const padding = Math.floor((terminalWidth - modalWidth) / 2);
-    const lines = [];
-    // Top padding to center vertically
-    const topPadding = Math.max(1, Math.floor((terminalHeight - 10) / 2));
-    for (let i = 0; i < topPadding; i++) {
-        lines.push('');
-    }
-    // Modal border
-    lines.push(' '.repeat(padding) + chalk_1.default.gray('╭' + '─'.repeat(modalWidth - 2) + '╮'));
-    // Loading message
-    const loadingMsg = '⏳ Loading package info...';
-    const msgPadding = modalWidth - 4 - stripAnsi(loadingMsg).length;
-    lines.push(' '.repeat(padding) +
-        chalk_1.default.gray('│') +
-        ' ' +
-        chalk_1.default.cyan(loadingMsg) +
-        ' '.repeat(Math.max(0, msgPadding)) +
-        chalk_1.default.gray('│'));
-    // Package name
-    const nameMsg = `${state.name}`;
-    const namePadding = modalWidth - 4 - nameMsg.length;
-    lines.push(' '.repeat(padding) +
-        chalk_1.default.gray('│') +
-        ' ' +
-        chalk_1.default.white(nameMsg) +
-        ' '.repeat(Math.max(0, namePadding)) +
-        chalk_1.default.gray('│'));
-    lines.push(' '.repeat(padding) + chalk_1.default.gray('╰' + '─'.repeat(modalWidth - 2) + '╯'));
-    return lines;
-}
-/**
- * Render a full-screen modal overlay showing package information
- * Similar to Turbo's help menu - centered with disabled background
- */
-function renderPackageInfoModal(state, terminalWidth = 80, terminalHeight = 24) {
-    const modalWidth = Math.min(terminalWidth - 6, 120); // Leave margins
-    const padding = Math.floor((terminalWidth - modalWidth) / 2);
-    const lines = [];
-    // Top padding to center vertically
-    const topPadding = Math.max(1, Math.floor((terminalHeight - 20) / 2));
-    for (let i = 0; i < topPadding; i++) {
-        lines.push('');
-    }
-    // Modal border and header
-    lines.push(' '.repeat(padding) + chalk_1.default.gray('╭' + '─'.repeat(modalWidth - 2) + '╮'));
-    // Title with package name
-    const title = ` ℹ️  ${state.name}`;
-    const titleLength = stripAnsi(title).length;
-    const titlePadding = Math.max(0, modalWidth - 2 - titleLength);
-    lines.push(' '.repeat(padding) +
-        chalk_1.default.gray('│') +
-        chalk_1.default.cyan.bold(title) +
-        ' '.repeat(titlePadding) +
-        chalk_1.default.gray('│'));
-    // License and author line
-    const authorLicense = `${state.author || 'Unknown'} • ${state.license || 'MIT'}`;
-    const authorLength = authorLicense.length;
-    const authorPadding = Math.max(0, modalWidth - 3 - authorLength);
-    lines.push(' '.repeat(padding) +
-        chalk_1.default.gray('│') +
-        ' ' +
-        chalk_1.default.gray(authorLicense) +
-        ' '.repeat(authorPadding) +
-        chalk_1.default.gray('│'));
-    lines.push(' '.repeat(padding) + chalk_1.default.gray('├' + '─'.repeat(modalWidth - 2) + '┤'));
-    // Current and target versions
-    const currentVersion = chalk_1.default.yellow(state.currentVersionSpecifier);
-    const targetVersion = chalk_1.default.green(state.selectedOption === 'range' ? state.rangeVersion : state.latestVersion);
-    const versionText = `Current: ${currentVersion} → Target: ${targetVersion}`;
-    const versionLength = stripAnsi(versionText).length;
-    const versionPadding = Math.max(0, modalWidth - 3 - versionLength);
-    lines.push(' '.repeat(padding) +
-        chalk_1.default.gray('│') +
-        ' ' +
-        versionText +
-        ' '.repeat(versionPadding) +
-        chalk_1.default.gray('│'));
-    // Weekly downloads
-    if (state.weeklyDownloads !== undefined) {
-        const downloadsText = `📊 ${formatNumber(state.weeklyDownloads)} downloads/week`;
-        const downloadsLength = stripAnsi(downloadsText).length;
-        const downloadsPadding = Math.max(0, modalWidth - 3 - downloadsLength);
-        lines.push(' '.repeat(padding) +
-            chalk_1.default.gray('│') +
-            ' ' +
-            (0, themes_colors_1.getThemeColor)('primary')(downloadsText) +
-            ' '.repeat(downloadsPadding) +
-            chalk_1.default.gray('│'));
-    }
-    // Description
-    if (state.description) {
-        lines.push(' '.repeat(padding) + chalk_1.default.gray('├' + '─'.repeat(modalWidth - 2) + '┤'));
-        const descriptionLines = wrapText(state.description, modalWidth - 4);
-        for (const descLine of descriptionLines) {
-            const descLength = descLine.length;
-            const descPadding = Math.max(0, modalWidth - 3 - descLength);
-            lines.push(' '.repeat(padding) +
-                chalk_1.default.gray('│') +
-                ' ' +
-                chalk_1.default.white(descLine) +
-                ' '.repeat(descPadding) +
-                chalk_1.default.gray('│'));
-        }
-    }
-    // Changelog/Releases section (moved to middle)
-    if (state.repository) {
-        lines.push(' '.repeat(padding) + chalk_1.default.gray('├' + '─'.repeat(modalWidth - 2) + '┤'));
-        const repoLabel = 'Changelog:';
-        const repoUrl = state.repository.substring(0, modalWidth - 20);
-        const repoText = ` ${repoLabel} ${chalk_1.default.underline((0, themes_colors_1.getThemeColor)('primary')(repoUrl))}`;
-        const repoLength = stripAnsi(repoText).length;
-        const repoPadding = Math.max(0, modalWidth - 3 - repoLength);
-        lines.push(' '.repeat(padding) +
-            chalk_1.default.gray('│') +
-            repoText +
-            ' '.repeat(repoPadding) +
-            chalk_1.default.gray('│'));
-    }
-    // Links section
-    if (state.homepage) {
-        lines.push(' '.repeat(padding) + chalk_1.default.gray('├' + '─'.repeat(modalWidth - 2) + '┤'));
-        const homeLabel = 'Homepage:';
-        const homeUrl = state.homepage.substring(0, modalWidth - 20);
-        const homeText = ` ${homeLabel} ${chalk_1.default.underline((0, themes_colors_1.getThemeColor)('primary')(homeUrl))}`;
-        const homeLength = stripAnsi(homeText).length;
-        const homePadding = Math.max(0, modalWidth - 3 - homeLength);
-        lines.push(' '.repeat(padding) +
-            chalk_1.default.gray('│') +
-            homeText +
-            ' '.repeat(homePadding) +
-            chalk_1.default.gray('│'));
-    }
-    // Footer
-    lines.push(' '.repeat(padding) + chalk_1.default.gray('╰' + '─'.repeat(modalWidth - 2) + '╯'));
-    return lines;
-}
-//# sourceMappingURL=modal.js.map

package/dist/ui/renderer/theme-selector.js

@@ -1,83 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderThemeSelectorModal = renderThemeSelectorModal;
-const chalk_1 = __importDefault(require("chalk"));
-const themes_1 = require("../themes");
-/**
- * Get the visual length of a string (ignoring ANSI color codes)
- * Accounts for wide characters like emojis
- */
-function getVisualLength(str) {
-    const cleaned = str.replace(/\u001b\[[0-9;]*m/g, '');
-    let length = 0;
-    for (const char of cleaned) {
-        const code = char.charCodeAt(0);
-        // Emoji ranges: 0x1F000–0x1F9FF (and other ranges)
-        if (code >= 0x1F000 || code >= 0x2600) {
-            length += 2;
-        }
-        else {
-            length += 1;
-        }
-    }
-    return length;
-}
-/**
- * Render the theme selector modal
- */
-function renderThemeSelectorModal(currentTheme, previewTheme, terminalWidth = 80, terminalHeight = 24) {
-    const maxModalWidth = 76; // Fixed width that fits comfortably in 80-char terminal
-    const padding = Math.max(0, Math.floor((terminalWidth - maxModalWidth) / 2));
-    const lines = [];
-    const contentWidth = maxModalWidth - 4; // Account for '│ ' on left and ' │' on right
-    // Helper to pad content to exact width
-    const createLine = (content) => {
-        const visualLen = getVisualLength(content);
-        const spacesNeeded = Math.max(0, contentWidth - visualLen);
-        const line = ' '.repeat(padding) + chalk_1.default.gray('│') + ' ' + content + ' '.repeat(spacesNeeded) + ' ' + chalk_1.default.gray('│');
-        return line;
-    };
-    // Top padding to center vertically
-    const topPadding = Math.max(1, Math.floor((terminalHeight - themes_1.themeNames.length - 8) / 2));
-    for (let i = 0; i < topPadding; i++) {
-        lines.push('');
-    }
-    // Top border
-    lines.push(' '.repeat(padding) + chalk_1.default.gray('╭' + '─'.repeat(maxModalWidth - 2) + '╮'));
-    // Title
-    const title = chalk_1.default.cyan('🎨 Select Theme');
-    lines.push(createLine(title));
-    // Separator
-    lines.push(' '.repeat(padding) + chalk_1.default.gray('├' + '─'.repeat(maxModalWidth - 2) + '┤'));
-    // Theme options
-    for (const themeName of themes_1.themeNames) {
-        const isSelected = themeName === previewTheme;
-        const isCurrent = themeName === currentTheme;
-        const themeObj = themes_1.themes[themeName];
-        // Build the theme line
-        let themeLine = '';
-        if (isSelected) {
-            themeLine = chalk_1.default.green('● ');
-        }
-        else {
-            themeLine = chalk_1.default.gray('○ ');
-        }
-        themeLine += themeObj.name;
-        if (isCurrent) {
-            themeLine += chalk_1.default.gray(' (current)');
-        }
-        lines.push(createLine(themeLine));
-    }
-    // Separator before instructions
-    lines.push(' '.repeat(padding) + chalk_1.default.gray('├' + '─'.repeat(maxModalWidth - 2) + '┤'));
-    // Instructions
-    const instruction = chalk_1.default.gray('↑/↓ to navigate • Enter to confirm • Esc to cancel');
-    lines.push(createLine(instruction));
-    // Bottom border
-    lines.push(' '.repeat(padding) + chalk_1.default.gray('╰' + '─'.repeat(maxModalWidth - 2) + '╯'));
-    return lines;
-}
-//# sourceMappingURL=theme-selector.js.map