sitevision-cli 1.0.0-beta.22 → 1.0.0-beta.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/shell/Frame.js +4 -3
- package/dist/shell/Shell.js +1 -1
- package/dist/shell/Tabs.js +1 -1
- package/package.json +1 -1
package/dist/shell/Frame.js
CHANGED
|
@@ -84,7 +84,8 @@ export function Navigator({ apps, groupOf, selected, focused, tasks, height, sin
|
|
|
84
84
|
}
|
|
85
85
|
// Window the list so the selected app stays visible; the lines outside
|
|
86
86
|
// are summarised as "… n more".
|
|
87
|
-
|
|
87
|
+
// Top border, header and legend, then the settings row and running tasks.
|
|
88
|
+
const fixed = 3 + (single ? 0 : 2) + (running.length > 0 ? running.length + 2 : 0);
|
|
88
89
|
const avail = Math.max(3, height - fixed);
|
|
89
90
|
let shown = rows;
|
|
90
91
|
if (rows.length > avail) {
|
|
@@ -100,9 +101,9 @@ export function Navigator({ apps, groupOf, selected, focused, tasks, height, sin
|
|
|
100
101
|
if (end < rows.length)
|
|
101
102
|
shown[shown.length - 1] = more(rows.length - end, '↓');
|
|
102
103
|
}
|
|
103
|
-
return (_jsxs(Box, { flexDirection: "column", width: width, height: height, borderStyle: "single",
|
|
104
|
+
return (_jsxs(Box, { flexDirection: "column", width: width, height: height, borderStyle: "single", borderColor: focused ? ACCENT : undefined, borderDimColor: !focused, borderBottom: false, borderLeft: false, paddingX: 1, overflow: "hidden", children: [filter ? (_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: ACCENT, children: "\u276F " }), filter, _jsx(Text, { inverse: true, children: " " }), _jsxs(Text, { dimColor: true, children: [' ', apps.length === 1
|
|
104
105
|
? t('1 match')
|
|
105
|
-
: t('{n} matches', { n: apps.length })] })] })) : (_jsx(Text, { bold: true, dimColor:
|
|
106
|
+
: t('{n} matches', { n: apps.length })] })] })) : (_jsx(Text, { bold: true, color: focused ? ACCENT : undefined, dimColor: !focused, children: single
|
|
106
107
|
? t('APP')
|
|
107
108
|
: apps.length === 1
|
|
108
109
|
? t('WORKSPACE 1 app')
|
package/dist/shell/Shell.js
CHANGED
|
@@ -507,7 +507,7 @@ export function Shell({ apps: initialApps, workspaceRoot, version, minimal = fal
|
|
|
507
507
|
return (_jsxs(Box, { flexDirection: "column", width: columns, height: frameRows, children: [_jsx(TopBar, { context: contextLabel, domain: project.devProperties?.domain, auth: authState(project), environment: {
|
|
508
508
|
name: env,
|
|
509
509
|
color: environmentColor(env, rawProject.devProperties),
|
|
510
|
-
}, version: version }), _jsxs(Box, { flexGrow: 1, height: mainHeight,
|
|
510
|
+
}, 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)
|
|
511
511
|
? t(' · new workspace: fill in once, every app inherits · Esc skips')
|
|
512
512
|
: 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 })] }));
|
|
513
513
|
}
|
package/dist/shell/Tabs.js
CHANGED
|
@@ -12,7 +12,7 @@ export const TABS = [
|
|
|
12
12
|
{ id: 'log', label: 'Log', short: 'Log' },
|
|
13
13
|
];
|
|
14
14
|
export function TabBar({ tab, narrow, focused, }) {
|
|
15
|
-
return (_jsx(Box, { paddingX: 1, children: TABS.map((entry, i) => (_jsxs(Text, { children: [_jsxs(Text, { bold: entry.id === tab, color: entry.id === tab ? ACCENT : undefined, dimColor: entry.id !== tab, underline: entry.id === tab && focused, children: [i + 1
|
|
15
|
+
return (_jsx(Box, { paddingX: 1, children: TABS.map((entry, i) => (_jsxs(Text, { children: [_jsxs(Text, { bold: entry.id === tab, color: entry.id === tab ? ACCENT : undefined, dimColor: entry.id !== tab, underline: entry.id === tab && focused, children: [focused && `${i + 1} `, t(narrow ? entry.short : entry.label)] }), ' '.repeat(3)] }, entry.id))) }));
|
|
16
16
|
}
|
|
17
17
|
function Row({ label, value, dim, }) {
|
|
18
18
|
return (_jsx(Box, { height: 1, flexShrink: 0, children: _jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { dimColor: true, children: label.padEnd(14) }), value, dim && _jsxs(Text, { dimColor: true, children: [" ", dim] })] }) }));
|