sitevision-cli 1.0.0-beta.26 → 1.0.0-beta.27

package/CHANGELOG.md

@@ -0,0 +1,23 @@
+# Changelog
+
+## 1.0.0-beta.25
+
+- Deploying to an addon that does not exist yet now offers to create it and
+  deploy again. If the addon list cannot be read, the error suggests logging in
+  again instead, since an expired session fails the same way.
+- A Create addon action appears in the command palette when a deploy has found
+  the addon missing.
+- Creating a RESTApp or MCPServer addon no longer sends a category, which only
+  WebApp and widget addons use.
+
+## 1.0.0-beta.24
+
+- Deploying to a non-production environment uploads the signed zip when it is at
+  least as new as the build. The log names the zip that was uploaded.
+- `x` in the Log tab wraps long lines immediately, and wrapped lines no longer
+  push the newest line out of view.
+- Keys: switching environment moved from `E` to `v`, and refreshing versions
+  from `R` to `r`. Tab in the Config form moves between fields without leaving
+  the form.
+- The bottom bar now shows force deploy (`P`), stop, config, login and settings.
+- Running commands are stopped when `svc` exits.

package/dist/shell/AddonPicker.js

@@ -47,7 +47,7 @@ export function AddonPicker({ domain, appType, initialQuery, load, onSelect, onC
     });
     const visible = Math.max(3, height - 6);
     const start = Math.max(0, Math.min(index - visible + 1, matches.length - visible));
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: ACCENT, paddingX: 1, width: 64, height: Math.min(height, matches.length + 6), children: [_jsxs(Text, { children: [_jsx(Text, { bold: true, children: t('Addon Repository') }), _jsxs(Text, { dimColor: true, children: [" ", domain] })] }), _jsxs(Text, { children: [_jsx(Text, { color: ACCENT, children: "\u276F " }), query, _jsx(Text, { inverse: true, children: " " }), _jsxs(Text, { dimColor: true, children: ['  ', addons ? t('{n} of {m}', { n: matches.length, m: addons.length }) : ''] })] }), !addons && !error && (_jsxs(Text, { color: ACCENT, children: [_jsx(Spinner, { type: "dots" }), " ", _jsx(Text, { dimColor: true, children: t('fetching addons') })] })), error && _jsx(Text, { color: "red", children: error }), matches.slice(start, start + visible).map((a, i) => {
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, children: [_jsxs(Text, { children: [_jsx(Text, { bold: true, children: t('Addon Repository') }), _jsxs(Text, { dimColor: true, children: [" ", domain] })] }), _jsxs(Text, { children: [_jsx(Text, { color: ACCENT, children: "\u276F " }), query, _jsx(Text, { inverse: true, children: " " }), _jsxs(Text, { dimColor: true, children: ['  ', addons ? t('{n} of {m}', { n: matches.length, m: addons.length }) : ''] })] }), !addons && !error && (_jsxs(Text, { color: ACCENT, children: [_jsx(Spinner, { type: "dots" }), " ", _jsx(Text, { dimColor: true, children: t('fetching addons') })] })), error && _jsx(Text, { color: "red", children: error }), matches.slice(start, start + visible).map((a, i) => {
                 const selected = start + i === index;
                 return (_jsxs(Box, { justifyContent: "space-between", children: [_jsx(Box, { flexShrink: 1, marginRight: 1, children: _jsxs(Text, { backgroundColor: selected ? ACCENT : undefined, color: selected ? 'black' : undefined, wrap: "truncate", children: ['  ', a.name] }) }), _jsx(Box, { flexShrink: 0, children: _jsx(Text, { dimColor: true, children: a.appType ?? a.type }) })] }, a.id));
             }), _jsx(Text, { dimColor: true, children: t('↑↓ move · Enter select · Esc cancel') })] }));

package/dist/shell/Changelog.d.ts

@@ -0,0 +1,6 @@
+/** CHANGELOG.md without its title, or undefined when it isn't shipped. */
+export declare function readChangelog(): string[] | undefined;
+export declare function ChangelogPanel({ height, onClose, }: {
+    height: number;
+    onClose: () => void;
+}): import("react").JSX.Element;

package/dist/shell/Changelog.js

@@ -0,0 +1,37 @@
+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. */
+export function readChangelog() {
+    try {
+        return readFileSync(new URL('../../CHANGELOG.md', import.meta.url), 'utf8')
+            .replace(/^# .*\n/, '')
+            .trim()
+            .split('\n');
+    }
+    catch {
+        return undefined;
+    }
+}
+export function ChangelogPanel({ height, onClose, }) {
+    const lines = useMemo(() => readChangelog(), []);
+    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: 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.d.ts

@@ -1,5 +1,9 @@
 import type { ProjectInfo } from '../types/index.js';
 import { type Action } from './actions.js';
+export declare const GROUPS: {
+    id: Action['group'];
+    label: string;
+}[];
 export declare function CommandPalette({ project, onRun, onClose, height, }: {
     project: ProjectInfo;
     onRun: (action: Action) => void;

package/dist/shell/CommandPalette.js

@@ -4,7 +4,7 @@ import { Box, Text, useInput } from 'ink';
 import { ACCENT } from './Frame.js';
 import { actions, fuzzyMatch } from './actions.js';
 import { t } from '../utils/i18n.js';
-const GROUPS = [
+export const GROUPS = [
     { id: 'app', label: 'APP' },
     { id: 'setup', label: 'SETUP' },
     { id: 'auth', label: 'AUTH' },
@@ -59,5 +59,5 @@ export function CommandPalette({ project, onRun, onClose, height, }) {
         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", borderStyle: "round", borderColor: ACCENT, paddingX: 1, width: 64, height: rows.length + 5, 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') })] }));
+    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') })] }));
 }

package/dist/shell/Help.d.ts

@@ -0,0 +1,6 @@
+import { type Hint } from './Frame.js';
+export declare function HelpPanel({ here, height, onClose, }: {
+    here: Hint[];
+    height: number;
+    onClose: () => void;
+}): import("react").JSX.Element;

package/dist/shell/Help.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text, useInput } from 'ink';
+import { t } from '../utils/i18n.js';
+import { ACCENT } from './Frame.js';
+import { actions } from './actions.js';
+import { GROUPS } from './CommandPalette.js';
+const MOVE = [
+    ['Tab', 'switch pane'],
+    ['1–4', 'tabs'],
+    ['←→', 'tabs'],
+    ['/', 'commands'],
+    ['?', 'help'],
+    ['Esc', 'back'],
+];
+function Row({ keys, label }) {
+    return (_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { bold: true, color: ACCENT, children: keys.padEnd(6) }), label] }));
+}
+export function HelpPanel({ here, height, onClose, }) {
+    useInput((input, key) => {
+        if (key.escape || key.return || input === '?' || input === 'q')
+            onClose();
+    });
+    // Only keys not already listed elsewhere, e.g. f and x on the Log tab.
+    const local = here.filter(hint => actions.every(action => action.key !== hint.key) &&
+        MOVE.every(([keys]) => keys !== hint.key));
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, height: height, overflow: "hidden", children: [_jsxs(Text, { children: [_jsx(Text, { bold: true, children: t('Keys') }), _jsxs(Text, { dimColor: true, children: [" \u00B7 ", t('Esc close')] })] }), _jsxs(Box, { flexWrap: "wrap", columnGap: 4, children: [_jsx(Box, { flexDirection: "column", marginTop: 1, children: GROUPS.map(group => (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, dimColor: true, children: t(group.label) }), actions.flatMap(action => action.group === group.id && action.key
+                                    ? [
+                                        _jsx(Row, { keys: action.key, label: t(action.label) }, action.id),
+                                    ]
+                                    : [])] }, group.id))) }), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [local.length > 0 && (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { bold: true, dimColor: true, children: t('Here') }), local.map(hint => (_jsx(Row, { keys: hint.key, label: hint.label }, hint.key + hint.label)))] })), _jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, dimColor: true, children: t('Move around') }), MOVE.map(([keys, label]) => (_jsx(Row, { keys: keys, label: t(label) }, keys + label)))] })] })] })] }));
+}

package/dist/shell/Popover.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+/**
+ * A bordered box floating centred over the frame. Render it as the last child
+ * of the root so it draws on top; Ink paints in tree order.
+ */
+export declare function Popover({ columns, rows, width, height, children, }: {
+    columns: number;
+    rows: number;
+    width: number;
+    height: number;
+    children: ReactNode;
+}): import("react").JSX.Element;

package/dist/shell/Popover.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { ACCENT } from './Frame.js';
+/**
+ * A bordered box floating centred over the frame. Render it as the last child
+ * of the root so it draws on top; Ink paints in tree order.
+ */
+export function Popover({ columns, rows, width, height, children, }) {
+    const w = Math.max(20, Math.min(width, columns - 4));
+    const h = Math.max(6, Math.min(height, rows - 2));
+    // Ink only overwrites cells it writes to, so blank the interior first or the
+    // content underneath shows through around shorter lines.
+    const blank = ' '.repeat(w - 2);
+    return (_jsxs(Box, { position: "absolute", top: Math.floor((rows - h) / 2), left: Math.floor((columns - w) / 2), width: w, height: h, flexDirection: "column", borderStyle: "round", borderColor: ACCENT, children: [_jsx(Box, { position: "absolute", flexDirection: "column", children: Array.from({ length: h - 2 }, (_, i) => (_jsx(Text, { children: blank }, i))) }), _jsx(Box, { flexDirection: "column", height: h - 2, overflow: "hidden", children: children })] }));
+}

package/dist/shell/Settings.js

@@ -85,7 +85,7 @@ export function SettingsScreen({ onChanged, onClose, onOpenWorkspace, }) {
             setEditing(true);
         }
     });
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: ACCENT, paddingX: 1, width: 64, children: [_jsxs(Text, { children: [_jsx(Text, { bold: true, children: t('Settings') }), _jsxs(Text, { dimColor: true, children: [" \u00B7 ", t('stored in {file}', { file: settingsFile() })] })] }), ROWS.map((row, i) => {
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, children: [_jsxs(Text, { children: [_jsx(Text, { bold: true, children: t('Settings') }), _jsxs(Text, { dimColor: true, children: [" \u00B7 ", t('stored in {file}', { file: settingsFile() })] })] }), ROWS.map((row, i) => {
                 const focused = i === cursor && !onWorkspaceRow;
                 const typing = focused && editing;
                 const chosen = typing ? draft : values[row.key];

package/dist/shell/Shell.js

@@ -15,6 +15,9 @@ import { CommandPalette } from './CommandPalette.js';
 import { ConfigForm } from './ConfigForm.js';
 import { AddonPicker } from './AddonPicker.js';
 import { SettingsScreen } from './Settings.js';
+import { HelpPanel } from './Help.js';
+import { Popover } from './Popover.js';
+import { ChangelogPanel } from './Changelog.js';
 import { baseEnvironment, environmentColor, environmentNames, environmentProject, isProductionEnvironment, resolveEnvironment, } from '../utils/environments.js';
 import { t } from '../utils/i18n.js';
 import { actionForKey, authState, resolveDeployConfig, } from './actions.js';
@@ -129,6 +132,9 @@ export function Shell({ apps: initialApps, workspaceRoot, version, minimal = fal
         openSettings() {
             setOverlay({ kind: 'settings' });
         },
+        openChangelog() {
+            setOverlay({ kind: 'changelog' });
+        },
         environment: env,
         isProduction,
         cycleEnvironment() {
@@ -183,6 +189,9 @@ export function Shell({ apps: initialApps, workspaceRoot, version, minimal = fal
         confirm: message => new Promise(resolve => {
             setOverlay({ kind: 'confirm', message, resolve });
         }),
+        openHelp() {
+            setOverlay({ kind: 'help' });
+        },
     }), 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [project, reload, notify, quit, workspaceRoot, apps.length, env, envList]);
@@ -237,7 +246,8 @@ export function Shell({ apps: initialApps, workspaceRoot, version, minimal = fal
         notify(task.error ?? t('{v} activated', { v: executable.appVersion }), task.error ? 'error' : 'ok');
         await fetchVersions();
     }, [versions, project, versionRow, context, notify, fetchVersions]);
-    const formActive = (tab === 'config' || settings) && focus === 'content';
+    // A popover owns the keyboard; the form stays mounted underneath it.
+    const formActive = (tab === 'config' || settings) && focus === 'content' && !overlay;
     const [editing, setEditing] = useState(false);
     const pickAddon = useCallback(async () => new Promise(resolve => {
         setOverlay({ kind: 'picker', resolve });
@@ -270,6 +280,10 @@ export function Shell({ apps: initialApps, workspaceRoot, version, minimal = fal
             setOverlay({ kind: 'palette' });
             return;
         }
+        if (input === '?') {
+            setOverlay({ kind: 'help' });
+            return;
+        }
         // The config form uses Tab/Shift+Tab to move between fields.
         if (key.tab && !formActive) {
             setFilter('');
@@ -418,88 +432,96 @@ export function Shell({ apps: initialApps, workspaceRoot, version, minimal = fal
             ['/', 'commands'],
             ['q', 'quit'],
         ]);
-    const hints = overlay
-        ? h([['Esc', 'cancel']])
-        : focus === 'nav' && !settings
-            ? navHints
-            : settings
-                ? settingsHints
-                : tab === 'versions'
+    const hereHints = focus === 'nav' && !settings
+        ? navHints
+        : settings
+            ? settingsHints
+            : tab === 'versions'
+                ? h([
+                    ['a', 'activate'],
+                    ['r', 'refresh'],
+                    ['p', 'deploy'],
+                    ['P', 'force'],
+                    ['/', 'commands'],
+                    ['q', 'quit'],
+                ])
+                : tab === 'log'
                     ? h([
-                        ['a', 'activate'],
-                        ['r', 'refresh'],
+                        ['f', 'follow'],
+                        ['x', 'wrap'],
+                        ['K', 'stop'],
                         ['p', 'deploy'],
                         ['P', 'force'],
                         ['/', 'commands'],
                         ['q', 'quit'],
                     ])
-                    : tab === 'log'
-                        ? h([
-                            ['f', 'follow'],
-                            ['x', 'wrap'],
-                            ['K', 'stop'],
+                    : tab === 'config'
+                        ? editing
+                            ? h([
+                                ['Enter', 'save'],
+                                ['Esc', 'cancel'],
+                            ])
+                            : formActive
+                                ? h([
+                                    ['↑↓', 'field'],
+                                    ['Enter', 'edit'],
+                                    ['^O', 'pick addon'],
+                                    ['y', 'sync'],
+                                    ['/', 'commands'],
+                                    ['q', 'quit'],
+                                ])
+                                : h([
+                                    ['Tab', 'edit'],
+                                    ['y', 'sync'],
+                                    ['l', 'login'],
+                                    ['/', 'commands'],
+                                    ['q', 'quit'],
+                                ])
+                        : h([
+                            ['d', 'dev'],
+                            ['w', 'watch'],
+                            ['b', 'build'],
+                            ['s', 'sign'],
                             ['p', 'deploy'],
                             ['P', 'force'],
+                            ['v', 'env'],
+                            ['K', 'stop'],
+                            ['a', 'versions'],
+                            ['e', 'config'],
+                            ['i', 'install'],
+                            ['l', 'login'],
+                            [',', 'settings'],
                             ['/', 'commands'],
                             ['q', 'quit'],
-                        ])
-                        : tab === 'config'
-                            ? editing
-                                ? h([
-                                    ['Enter', 'save'],
-                                    ['Esc', 'cancel'],
-                                ])
-                                : formActive
-                                    ? h([
-                                        ['↑↓', 'field'],
-                                        ['Enter', 'edit'],
-                                        ['^O', 'pick addon'],
-                                        ['y', 'sync'],
-                                        ['/', 'commands'],
-                                        ['q', 'quit'],
-                                    ])
-                                    : h([
-                                        ['Tab', 'edit'],
-                                        ['y', 'sync'],
-                                        ['l', 'login'],
-                                        ['/', 'commands'],
-                                        ['q', 'quit'],
-                                    ])
-                            : h([
-                                ['d', 'dev'],
-                                ['w', 'watch'],
-                                ['b', 'build'],
-                                ['s', 'sign'],
-                                ['p', 'deploy'],
-                                ['P', 'force'],
-                                ['v', 'env'],
-                                ['K', 'stop'],
-                                ['a', 'versions'],
-                                ['e', 'config'],
-                                ['i', 'install'],
-                                ['l', 'login'],
-                                [',', 'settings'],
-                                ['/', 'commands'],
-                                ['q', 'quit'],
-                            ]);
+                        ]);
+    const hints = overlay
+        ? h([['Esc', 'cancel']])
+        : editing
+            ? hereHints
+            : [...hereHints, ...h([['?', 'help']])];
     const right = running.length > 0 ? (_jsxs(Text, { children: [_jsx(Text, { color: ACCENT, children: _jsx(Spinner, { type: "dots" }) }), ' ', running[0].label, " ", running[0].appName, running.length > 1 && (_jsxs(Text, { dimColor: true, children: [" \u00B7 ", t('{n} tasks', { n: running.length })] }))] })) : notice ? (_jsx(Text, { color: { info: undefined, ok: 'green', warn: 'yellow', error: 'red' }[notice.level], wrap: "truncate", children: notice.text })) : (_jsx(Text, { dimColor: true, children: t('idle') }));
     const closeOverlay = () => setOverlay(null);
-    const content = overlay ? (renderOverlay(overlay, {
-        project,
-        closeOverlay,
-        run,
-        notify,
-        loadAddons,
-        height: contentHeight,
-        rerender: tick,
-        openWorkspace: workspaceRoot
-            ? () => {
-                setOverlay(null);
-                setSelected(apps.length);
-                setFocus('content');
-            }
-            : undefined,
-    })) : settings && workspaceTarget ? (_jsx(ConfigForm, { project: workspaceTarget, active: formActive, width: narrow ? columns : columns - sidebar, height: contentHeight, pickAddon: async () => null, onSaved: () => {
+    const popoverWidth = Math.min(96, columns - 8);
+    const popoverHeight = Math.min(30, frameRows - 4);
+    const popover = overlay &&
+        renderOverlay(overlay, {
+            project,
+            here: hereHints,
+            closeOverlay,
+            run,
+            notify,
+            loadAddons,
+            height: popoverHeight - 2,
+            rerender: tick,
+            openWorkspace: workspaceRoot
+                ? () => {
+                    setOverlay(null);
+                    setSelected(apps.length);
+                    setFocus('content');
+                }
+                : undefined,
+        });
+    const content = settings && workspaceTarget ? (_jsx(ConfigForm, { project: workspaceTarget, active: formActive, width: narrow ? columns : columns - sidebar, height: contentHeight, pickAddon: async () => null, onSaved: () => {
             reload();
             notify(t('workspace config saved'), 'ok');
         }, onEditingChange: setEditing }, "workspace")) : (_jsxs(_Fragment, { children: [tab === 'overview' && (_jsx(Overview, { project: project, tasks: tasks, height: contentHeight })), tab === 'config' && (_jsx(ConfigForm, { project: {
@@ -517,10 +539,10 @@ export function Shell({ apps: initialApps, workspaceRoot, version, minimal = fal
                     color: environmentColor(env, rawProject.devProperties),
                 }, version: version }), _jsxs(Box, { flexGrow: 1, height: mainHeight, children: [!narrow && (_jsx(Navigator, { apps: matches.map(i => apps[i]), groupOf: groupOf, selected: matches.indexOf(selected), focused: focus === 'nav', tasks: tasks, height: mainHeight, single: single, settingsSelected: settings, width: sidebar, filter: filter })), _jsxs(Box, { flexDirection: "column", width: narrow ? columns : columns - sidebar, overflow: "hidden", borderStyle: "single", borderLeft: false, borderRight: false, borderBottom: false, borderColor: focus === 'content' ? ACCENT : undefined, borderDimColor: focus !== 'content', children: [narrow && !single && (_jsx(NavigatorStrip, { apps: matches.map(i => apps[i]), selected: matches.indexOf(selected), focused: focus === 'nav', width: columns, filter: filter })), settings ? (_jsxs(Box, { paddingX: 1, children: [_jsx(Text, { bold: true, color: ACCENT, children: t('Workspace settings') }), _jsx(Text, { dimColor: true, children: onboard && configIncomplete(workspaceTarget?.base)
                                             ? t(' · new workspace: fill in once, every app inherits · Esc skips')
-                                            : t(' · shared .dev_properties.json at the root') })] })) : (_jsx(TabBar, { tab: tab, narrow: narrow, focused: focus === 'content' })), _jsx(Box, { flexDirection: "column", height: contentHeight, overflow: "hidden", alignItems: "flex-start", children: content })] })] }), _jsx(BottomBar, { hints: hints, right: right })] }));
+                                            : t(' · shared .dev_properties.json at the root') })] })) : (_jsx(TabBar, { tab: tab, narrow: narrow, focused: focus === 'content' })), _jsx(Box, { flexDirection: "column", height: contentHeight, overflow: "hidden", alignItems: "flex-start", children: content })] })] }), _jsx(BottomBar, { hints: hints, right: right }), popover && (_jsx(Popover, { columns: columns, rows: frameRows, width: popoverWidth, height: popoverHeight, children: popover }))] }));
 }
 function renderOverlay(overlay, env) {
-    const { project, closeOverlay, run, notify, loadAddons, height, rerender, openWorkspace, } = env;
+    const { project, here, closeOverlay, run, notify, loadAddons, height, rerender, openWorkspace, } = env;
     switch (overlay.kind) {
         case 'palette':
             return (_jsx(CommandPalette, { project: project, onRun: run, onClose: closeOverlay, height: height }));
@@ -557,6 +579,10 @@ function renderOverlay(overlay, env) {
                     closeOverlay();
                     overlay.resolve(null);
                 } }));
+        case 'help':
+            return _jsx(HelpPanel, { here: here, height: height, onClose: closeOverlay });
+        case 'changelog':
+            return _jsx(ChangelogPanel, { height: height, onClose: closeOverlay });
         case 'settings':
             return (_jsx(SettingsScreen, { onChanged: rerender, onClose: closeOverlay, onOpenWorkspace: openWorkspace }));
         case 'picker':
@@ -576,7 +602,7 @@ function Confirm({ message, onAnswer, }) {
         else if (input === 'n' || input === 'N')
             onAnswer(false);
     });
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, children: [_jsx(Text, { children: message }), _jsx(Text, { dimColor: true, children: t('y confirm · n cancel') })] }));
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, children: [_jsx(Text, { children: message }), _jsx(Text, { dimColor: true, children: t('y confirm · n cancel') })] }));
 }
 function TextPrompt({ label, onSubmit, onCancel, }) {
     const [value, setValue] = useState('');
@@ -590,5 +616,5 @@ function TextPrompt({ label, onSubmit, onCancel, }) {
         else if (input && !key.ctrl && !key.meta)
             setValue(v => v + input);
     });
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: ACCENT, paddingX: 1, children: [_jsx(Text, { bold: true, children: label }), _jsxs(Text, { children: [_jsx(Text, { color: ACCENT, children: "\u276F " }), value, _jsx(Text, { inverse: true, children: " " })] }), _jsx(Text, { dimColor: true, children: t('Press Enter to submit, Esc to cancel') })] }));
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, children: [_jsx(Text, { bold: true, children: label }), _jsxs(Text, { children: [_jsx(Text, { color: ACCENT, children: "\u276F " }), value, _jsx(Text, { inverse: true, children: " " })] }), _jsx(Text, { dimColor: true, children: t('Press Enter to submit, Esc to cancel') })] }));
 }

package/dist/shell/actions.d.ts

@@ -16,6 +16,8 @@ export interface ActionContext {
     setTab: (tab: Tab) => void;
     openWorkspaceSettings?: () => void;
     openSettings: () => void;
+    openHelp: () => void;
+    openChangelog: () => void;
     environment: string;
     isProduction: boolean;
     cycleEnvironment: () => void;

package/dist/utils/i18n.js

@@ -94,6 +94,20 @@ const sv = {
     'to {env}': 'till {env}',
     'Switch environment': 'Byt miljö',
     'Add environment': 'Lägg till miljö',
+    Help: 'Hjälp',
+    'every key in one place': 'alla tangenter på ett ställe',
+    Keys: 'Tangenter',
+    'Esc close': 'Esc stäng',
+    Here: 'Här',
+    'Move around': 'Förflytta dig',
+    'switch pane': 'byt panel',
+    tabs: 'flikar',
+    help: 'hjälp',
+    "What's new": 'Nyheter',
+    'changelog for every release': 'ändringslogg för varje version',
+    Changelog: 'Ändringslogg',
+    '↑↓ scroll · Esc close': '↑↓ scrolla · Esc stäng',
+    'No changelog found.': 'Ingen ändringslogg hittades.',
     'Create addon': 'Skapa tillägg',
     'Create addon failed': 'Kunde inte skapa tillägget',
     'addon {addon} created': 'tillägget {addon} skapat',

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "sitevision-cli",
-	"version": "1.0.0-beta.26",
+	"version": "1.0.0-beta.27",
 	"license": "MIT",
 	"bin": {
 		"svc": "dist/cli.js"
@@ -17,7 +17,8 @@
 		"release:beta": "./scripts/publish-beta.sh"
 	},
 	"files": [
-		"dist"
+		"dist",
+		"CHANGELOG.md"
 	],
 	"dependencies": {
 		"@napi-rs/keyring": "^1.3.0",

package/readme.md

@@ -59,6 +59,7 @@ and `p` to deploy and activate.
 | `K`             | Stop running tasks                                  |
 | `1`–`4`         | Overview · Config · Versions · Log                  |
 | `/`             | Command palette                                     |
+| `?`             | Help: every key in one place                        |
 | `,`             | Settings (language, intro animation)                |
 | `Tab` / `Esc`   | Switch pane / back                                  |
 | `q`             | Quit                                                |