sitevision-cli 1.0.0-beta.8 → 1.0.0

package/dist/shell/Changelog.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { readFileSync } from 'node:fs';
+import { useMemo, useState } from 'react';
+import { Box, Text, useInput } from 'ink';
+import { t } from '../utils/i18n.js';
+import { ACCENT } from './Frame.js';
+/**
+ * CHANGELOG.md without its title, or undefined when it isn't shipped. With
+ * `since`, only the releases above that version's heading.
+ */
+export function readChangelog(since) {
+    try {
+        const lines = readFileSync(new URL('../../CHANGELOG.md', import.meta.url), 'utf8')
+            .replace(/^# .*\n/, '')
+            .trim()
+            .split('\n');
+        const end = since ? lines.indexOf(`## ${since}`) : -1;
+        return end > 0 ? lines.slice(0, end) : lines;
+    }
+    catch {
+        return undefined;
+    }
+}
+export function ChangelogPanel({ since, height, onClose, }) {
+    const lines = useMemo(() => readChangelog(since), [since]);
+    const [top, setTop] = useState(0);
+    const visible = Math.max(1, height - 1);
+    const max = Math.max(0, (lines?.length ?? 0) - visible);
+    useInput((input, key) => {
+        if (key.escape || key.return || input === 'q')
+            onClose();
+        else if (key.upArrow)
+            setTop(n => Math.max(0, n - 1));
+        else if (key.downArrow)
+            setTop(n => Math.min(max, n + 1));
+        else if (key.pageUp)
+            setTop(n => Math.max(0, n - visible));
+        else if (key.pageDown)
+            setTop(n => Math.min(max, n + visible));
+    });
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, children: [_jsxs(Text, { children: [_jsx(Text, { bold: true, children: since
+                            ? t("What's new since {version}", { version: since })
+                            : t('Changelog') }), _jsxs(Text, { dimColor: true, children: [" \u00B7 ", t('↑↓ scroll · Esc close')] })] }), lines ? (lines.slice(top, top + visible).map((line, i) => line.startsWith('## ') ? (_jsx(Text, { bold: true, color: ACCENT, children: line.slice(3) }, top + i)) : (_jsx(Text, { wrap: "truncate", children: line || ' ' }, top + i)))) : (_jsx(Text, { dimColor: true, children: t('No changelog found.') }))] }));
+}

package/dist/shell/CommandPalette.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Box, Text, useInput } from 'ink';
+import { ACCENT } from './Frame.js';
+import { actions, fuzzyMatch } from './actions.js';
+import { t } from '../utils/i18n.js';
+export const GROUPS = [
+    { id: 'app', label: 'APP' },
+    { id: 'setup', label: 'SETUP' },
+    { id: 'auth', label: 'AUTH' },
+];
+export function CommandPalette({ project, onRun, onClose, height, }) {
+    const [query, setQuery] = useState('');
+    const [index, setIndex] = useState(0);
+    const matches = actions.filter(a => !a.hidden?.(project) && fuzzyMatch(query, t(a.label)));
+    const ordered = GROUPS.flatMap(g => matches.filter(a => a.group === g.id));
+    useInput((input, key) => {
+        if (key.escape) {
+            onClose();
+        }
+        else if (key.return) {
+            const action = ordered[index];
+            if (action)
+                onRun(action);
+        }
+        else if (key.upArrow) {
+            setIndex(i => (i > 0 ? i - 1 : Math.max(0, ordered.length - 1)));
+        }
+        else if (key.downArrow) {
+            setIndex(i => (i < ordered.length - 1 ? i + 1 : 0));
+        }
+        else if (key.backspace || key.delete) {
+            setQuery(q => q.slice(0, -1));
+            setIndex(0);
+        }
+        else if (!key.ctrl && !key.meta && input) {
+            setQuery(q => q + input);
+            setIndex(0);
+        }
+    });
+    // Rows available inside the box: borders (2), title, query, footer.
+    const maxRows = Math.max(3, height - 5);
+    const rows = [];
+    let lastGroup;
+    // Keep the selection visible: skip leading rows when it is far down.
+    let skip = 0;
+    while (index - skip + 1 + 3 > maxRows)
+        skip += 1;
+    for (const [i, action] of ordered.entries()) {
+        if (i < skip)
+            continue;
+        if (rows.length >= maxRows)
+            break;
+        if (action.group !== lastGroup) {
+            rows.push(_jsx(Text, { bold: true, dimColor: true, children: t(GROUPS.find(g => g.id === action.group).label) }, `g-${action.group}`));
+            lastGroup = action.group;
+        }
+        const enabled = action.enabled?.(project) ?? true;
+        const detail = action.detail?.(project);
+        rows.push(_jsxs(Box, { justifyContent: "space-between", children: [_jsx(Box, { flexShrink: 1, marginRight: 1, children: _jsxs(Text, { backgroundColor: i === index ? ACCENT : undefined, color: i === index ? 'black' : undefined, dimColor: !enabled && i !== index, wrap: "truncate", children: ['  ', t(action.label), detail && _jsxs(Text, { dimColor: i !== index, children: [" \u00B7 ", detail] })] }) }), _jsx(Box, { flexShrink: 0, children: _jsx(Text, { bold: true, color: ACCENT, children: action.key ?? '—' }) })] }, action.id));
+    }
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, children: [_jsxs(Text, { children: [_jsx(Text, { bold: true, children: t('Commands') }), _jsxs(Text, { dimColor: true, children: [" ", project.manifest.id] })] }), _jsxs(Text, { children: [_jsx(Text, { color: ACCENT, children: "\u276F " }), query, _jsx(Text, { inverse: true, children: " " }), _jsxs(Text, { dimColor: true, children: [" ", t('{n} actions', { n: ordered.length })] })] }), rows, _jsx(Text, { dimColor: true, children: t('type to filter · ↑↓ move · Enter run · Esc close') })] }));
+}