@fecommunity/reactpress 4.0.0-beta.0 → 4.0.0-beta.10

package/out/shell/lib/shell-layout.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getShellLayout = getShellLayout;
+exports.truncateText = truncateText;
+exports.splitRowText = splitRowText;
+exports.truncatePickLine = truncatePickLine;
+const design_tokens_1 = require("../../lib/design-tokens");
+const LOGO_WIDTH = design_tokens_1.TECH_LOGO[0].length;
+const COMPACT_MIN_WIDTH = 58;
+function getShellLayout(columns) {
+    const cols = Math.max(columns, design_tokens_1.layout.minContentWidth + design_tokens_1.layout.shellPadX * 2);
+    const contentWidth = Math.min(design_tokens_1.layout.maxContentWidth, Math.max(design_tokens_1.layout.minContentWidth, cols - design_tokens_1.layout.shellPadX * 2 - 2));
+    const offsetX = Math.max(0, Math.floor((cols - contentWidth - design_tokens_1.layout.shellPadX * 2) / 2));
+    const stackRows = contentWidth < design_tokens_1.layout.stackBreakpoint;
+    const showAscii = contentWidth >= LOGO_WIDTH;
+    const showCompact = !showAscii && contentWidth >= COMPACT_MIN_WIDTH;
+    const innerWidth = contentWidth;
+    const heroWidth = showAscii ? LOGO_WIDTH : Math.min(contentWidth, 72);
+    return {
+        contentWidth,
+        offsetX,
+        stackRows,
+        showAscii,
+        showCompact,
+        innerWidth,
+        heroWidth,
+    };
+}
+function truncateText(text, maxLen) {
+    const raw = String(text);
+    if (raw.length <= maxLen)
+        return raw;
+    if (maxLen <= 1)
+        return '…';
+    return `${raw.slice(0, maxLen - 1)}…`;
+}
+function splitRowText(width, left, right, stackRows) {
+    if (stackRows || left.length + right.length + 1 > width) {
+        return { left, right, stack: true };
+    }
+    return { left, right, stack: false };
+}
+function truncatePickLine(entry, maxWidth) {
+    const prefix = `/${entry.value}  `.length;
+    const hintBudget = entry.hint ? entry.hint.length + 4 : 0;
+    const labelBudget = Math.max(8, maxWidth - prefix - hintBudget);
+    let label = entry.label;
+    if (label.length > labelBudget) {
+        label = truncateText(label, labelBudget);
+    }
+    let hint = entry.hint;
+    if (hint) {
+        const remaining = maxWidth - prefix - label.length - 4;
+        if (remaining < hint.length) {
+            hint = remaining >= 4 ? truncateText(hint, remaining) : undefined;
+        }
+    }
+    return { label, hint };
+}
+//# sourceMappingURL=shell-layout.js.map

package/out/shell/runtime/render-ink.js

@@ -0,0 +1,89 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderInkShell = renderInkShell;
+// @ts-nocheck
+const react_1 = __importDefault(require("react"));
+const ink_1 = require("ink");
+const app_1 = require("../app");
+const readline = __importStar(require("readline"));
+const { ensureOriginalCwd } = require('../../lib/root');
+const { describeProject } = require('../../lib/project-type');
+const { t } = require('../../lib/i18n');
+function waitForEnter() {
+    return new Promise((resolve) => {
+        const rl = readline.createInterface({ input: process.stdin, output: process.stdout });
+        rl.question('', () => {
+            rl.close();
+            resolve();
+        });
+    });
+}
+/** Persists across legacy-output remounts so logo animation does not replay. */
+let shellHeaderPinned = false;
+async function renderInkShell() {
+    const projectRoot = ensureOriginalCwd();
+    const project = describeProject(projectRoot);
+    return new Promise((resolve) => {
+        let instance = null;
+        const onLegacyOutput = async (fn) => {
+            if (instance) {
+                instance.unmount();
+                instance = null;
+            }
+            await fn();
+            console.log('');
+            console.log(t('shell.pressEnter'));
+            await waitForEnter();
+            mount();
+        };
+        const onExit = () => {
+            if (instance)
+                instance.unmount();
+            resolve();
+        };
+        const onBootComplete = () => {
+            shellHeaderPinned = true;
+        };
+        function mount() {
+            instance = (0, ink_1.render)(react_1.default.createElement(app_1.App, { projectRoot: projectRoot, project: project, initialHeaderPinned: shellHeaderPinned, onBootComplete: onBootComplete, onExit: onExit, onLegacyOutput: onLegacyOutput }));
+        }
+        mount();
+    });
+}
+//# sourceMappingURL=render-ink.js.map

package/out/ui/banner-startup.js

@@ -0,0 +1,117 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// @ts-nocheck
+const { printBanner, composeBannerLines, deriveSystemState, resolveLayout, bannerColumns, } = require('./banner');
+const { getCliVersion } = require('../lib/paths');
+const { fetchContextStatus, resolveDbType, resolveServiceChecks } = require('../lib/context-status');
+const CARD_MIN = 68;
+const FRAME_MS = 55;
+const MIN_ANIMATION_MS = 2000;
+function isInteractiveTTY() {
+    return Boolean(process.stdout.isTTY && process.env.TERM !== 'dumb');
+}
+function mergeStartupComponents(serviceIds, checked) {
+    const byId = Object.fromEntries((checked || []).map((c) => [c.id, c.ok]));
+    return serviceIds.map((id) => {
+        if (byId[id] === undefined)
+            return { id, ok: 'pending' };
+        return { id, ok: byId[id] };
+    });
+}
+function paintLines(lines, prevLineCount) {
+    if (prevLineCount > 0) {
+        process.stdout.write(`\x1b[${prevLineCount}A`);
+    }
+    for (const line of lines) {
+        process.stdout.write('\x1b[2K');
+        process.stdout.write(`${line}\n`);
+    }
+}
+async function runStartupBanner(projectRoot, project) {
+    const status = await fetchContextStatus(projectRoot);
+    printBanner({
+        projectRoot,
+        project,
+        status,
+        systemState: deriveSystemState(project, status),
+    });
+    return status;
+}
+async function runAnimatedStartupBanner(projectRoot, project) {
+    const dbType = await resolveDbType(projectRoot);
+    const serviceIds = resolveServiceChecks(dbType);
+    const version = getCliVersion();
+    const cols = bannerColumns();
+    const { showAscii, width } = resolveLayout(cols);
+    let total = 0;
+    let completed = 0;
+    let checked = [];
+    let frame = 0;
+    let prevLineCount = 0;
+    let timer = null;
+    let statusResult = null;
+    const animStart = Date.now();
+    function renderFrame(ready = false) {
+        const components = mergeStartupComponents(serviceIds, checked);
+        const bannerOpts = {
+            projectRoot,
+            project,
+            status: { components },
+            systemState: ready ? deriveSystemState(project, { components }) : 'pending',
+        };
+        const startup = { frame, completed, total, ready };
+        return composeBannerLines(version, bannerOpts, { showAscii, width, startup });
+    }
+    function paint(ready = false) {
+        const lines = renderFrame(ready);
+        paintLines(lines, prevLineCount);
+        prevLineCount = lines.length;
+    }
+    const fetchPromise = fetchContextStatus(projectRoot, {
+        onProgress({ phase, total: nextTotal, id, ok }) {
+            if (phase === 'ready')
+                total = nextTotal;
+            if (phase === 'done' && id && !String(id).startsWith('__')) {
+                completed += 1;
+                checked = [...checked.filter((c) => c.id !== id), { id, ok: Boolean(ok) }];
+            }
+        },
+    }).then((result) => {
+        statusResult = result;
+        return result;
+    });
+    timer = setInterval(() => {
+        frame += 1;
+        paint(false);
+    }, FRAME_MS);
+    paint(false);
+    const status = await fetchPromise;
+    if (timer) {
+        const remain = Math.max(0, MIN_ANIMATION_MS - (Date.now() - animStart));
+        if (remain > 0) {
+            await new Promise((resolve) => setTimeout(resolve, remain));
+        }
+        clearInterval(timer);
+        timer = null;
+    }
+    completed = total;
+    const systemState = deriveSystemState(project, status);
+    const finalLines = composeBannerLines(version, { projectRoot, project, status, systemState }, { showAscii, width });
+    paintLines(finalLines, prevLineCount);
+    return statusResult || status;
+}
+async function refreshBannerWithStartup(projectRoot, project, { animated = true } = {}) {
+    const cols = bannerColumns();
+    if (!animated || !isInteractiveTTY() || cols < CARD_MIN) {
+        return runStartupBanner(projectRoot, project);
+    }
+    return runAnimatedStartupBanner(projectRoot, project);
+}
+module.exports = {
+    refreshBannerWithStartup,
+    runAnimatedStartupBanner,
+    runStartupBanner,
+    mergeStartupComponents,
+    isInteractiveTTY,
+};
+//# sourceMappingURL=banner-startup.js.map