mirror of
https://github.com/claude-code-best/claude-code.git
synced 2026-06-18 22:35:51 +00:00
更新大量 tsx 原始文件; 已经迁移 login panel; 部分 (#121)
* style(B1-1): 格式化 ink/buddy/cli/context/screens/tasks/services/keybindings/state (43 files) 纯格式化：移除分号、React Compiler import、import 多行展开。 修复了 Box.tsx 和 ScrollBox.tsx 中无效的 global.d.ts import。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * style(B1-2): 格式化 commands (79 files) 纯格式化：移除分号、React Compiler import、import 多行展开。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * style(B1-3): 格式化 components/messages,permissions,mcp,sandbox,shell (104 files) 纯格式化：移除分号、React Compiler import、import 多行展开。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * style(B1-4): 格式化 components/PromptInput,FeedbackSurvey,tasks,agents,skills,design-system,wizard (73 files) 纯格式化：移除分号、React Compiler import、import 多行展开。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * style(B1-5): 格式化 components其余 + hooks + tools (232 files) 纯格式化：移除分号、React Compiler import、import 多行展开。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * style(B1-6): 格式化 main/entrypoints/utils/moreright (21 files) 纯格式化：移除分号、React Compiler import、import 多行展开。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * docs: 更新 README，新增 Run.ps1/TODO.md，删除 V6.md - README.md: 大幅重写，更详细版本历史和配置示例 - Run.ps1: 新增 Windows 启动脚本 - TODO.md: 新增包完成清单 - V6.md: 删除（架构重构规划已不适用） Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * fix: 修复以前的问题 * fix: 修复 login 面板的问题 --------- Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
claude-code-best
@@ -1,332 +1,229 @@
|
||||
import { c as _c } from "react/compiler-runtime";
|
||||
import { feature } from 'bun:bundle';
|
||||
import * as React from 'react';
|
||||
import { useExitOnCtrlCDWithKeybindings } from '../hooks/useExitOnCtrlCDWithKeybindings.js';
|
||||
import { useTerminalSize } from '../hooks/useTerminalSize.js';
|
||||
import { Box, Text, usePreviewTheme, useTheme, useThemeSetting } from '../ink.js';
|
||||
import { useRegisterKeybindingContext } from '../keybindings/KeybindingContext.js';
|
||||
import { useKeybinding } from '../keybindings/useKeybinding.js';
|
||||
import { useShortcutDisplay } from '../keybindings/useShortcutDisplay.js';
|
||||
import { useAppState, useSetAppState } from '../state/AppState.js';
|
||||
import { gracefulShutdown } from '../utils/gracefulShutdown.js';
|
||||
import { updateSettingsForSource } from '../utils/settings/settings.js';
|
||||
import type { ThemeSetting } from '../utils/theme.js';
|
||||
import { Select } from './CustomSelect/index.js';
|
||||
import { Byline } from './design-system/Byline.js';
|
||||
import { KeyboardShortcutHint } from './design-system/KeyboardShortcutHint.js';
|
||||
import { getColorModuleUnavailableReason, getSyntaxTheme } from './StructuredDiff/colorDiff.js';
|
||||
import { StructuredDiff } from './StructuredDiff.js';
|
||||
import { feature } from 'bun:bundle'
|
||||
import * as React from 'react'
|
||||
import { useExitOnCtrlCDWithKeybindings } from '../hooks/useExitOnCtrlCDWithKeybindings.js'
|
||||
import { useTerminalSize } from '../hooks/useTerminalSize.js'
|
||||
import {
|
||||
Box,
|
||||
Text,
|
||||
usePreviewTheme,
|
||||
useTheme,
|
||||
useThemeSetting,
|
||||
} from '../ink.js'
|
||||
import { useRegisterKeybindingContext } from '../keybindings/KeybindingContext.js'
|
||||
import { useKeybinding } from '../keybindings/useKeybinding.js'
|
||||
import { useShortcutDisplay } from '../keybindings/useShortcutDisplay.js'
|
||||
import { useAppState, useSetAppState } from '../state/AppState.js'
|
||||
import { gracefulShutdown } from '../utils/gracefulShutdown.js'
|
||||
import { updateSettingsForSource } from '../utils/settings/settings.js'
|
||||
import type { ThemeSetting } from '../utils/theme.js'
|
||||
import { Select } from './CustomSelect/index.js'
|
||||
import { Byline } from './design-system/Byline.js'
|
||||
import { KeyboardShortcutHint } from './design-system/KeyboardShortcutHint.js'
|
||||
import {
|
||||
getColorModuleUnavailableReason,
|
||||
getSyntaxTheme,
|
||||
} from './StructuredDiff/colorDiff.js'
|
||||
import { StructuredDiff } from './StructuredDiff.js'
|
||||
|
||||
export type ThemePickerProps = {
|
||||
onThemeSelect: (setting: ThemeSetting) => void;
|
||||
showIntroText?: boolean;
|
||||
helpText?: string;
|
||||
showHelpTextBelow?: boolean;
|
||||
hideEscToCancel?: boolean;
|
||||
onThemeSelect: (setting: ThemeSetting) => void
|
||||
showIntroText?: boolean
|
||||
helpText?: string
|
||||
showHelpTextBelow?: boolean
|
||||
hideEscToCancel?: boolean
|
||||
/** Skip exit handling when running in a context that already has it (e.g., onboarding) */
|
||||
skipExitHandling?: boolean;
|
||||
skipExitHandling?: boolean
|
||||
/** Called when the user cancels (presses Escape). If skipExitHandling is true and this is provided, it will be called instead of just saving the preview. */
|
||||
onCancel?: () => void;
|
||||
};
|
||||
export function ThemePicker(t0) {
|
||||
const $ = _c(59);
|
||||
const {
|
||||
onThemeSelect,
|
||||
showIntroText: t1,
|
||||
helpText: t2,
|
||||
showHelpTextBelow: t3,
|
||||
hideEscToCancel: t4,
|
||||
skipExitHandling: t5,
|
||||
onCancel: onCancelProp
|
||||
} = t0;
|
||||
const showIntroText = t1 === undefined ? false : t1;
|
||||
const helpText = t2 === undefined ? "" : t2;
|
||||
const showHelpTextBelow = t3 === undefined ? false : t3;
|
||||
const hideEscToCancel = t4 === undefined ? false : t4;
|
||||
const skipExitHandling = t5 === undefined ? false : t5;
|
||||
const [theme] = useTheme();
|
||||
const themeSetting = useThemeSetting();
|
||||
const {
|
||||
columns
|
||||
} = useTerminalSize();
|
||||
let t6;
|
||||
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t6 = getColorModuleUnavailableReason();
|
||||
$[0] = t6;
|
||||
} else {
|
||||
t6 = $[0];
|
||||
}
|
||||
const colorModuleUnavailableReason = t6;
|
||||
let t7;
|
||||
if ($[1] !== theme) {
|
||||
t7 = colorModuleUnavailableReason === null ? getSyntaxTheme(theme) : null;
|
||||
$[1] = theme;
|
||||
$[2] = t7;
|
||||
} else {
|
||||
t7 = $[2];
|
||||
}
|
||||
const syntaxTheme = t7;
|
||||
const {
|
||||
setPreviewTheme,
|
||||
savePreview,
|
||||
cancelPreview
|
||||
} = usePreviewTheme();
|
||||
const syntaxHighlightingDisabled = useAppState(_temp) ?? false;
|
||||
const setAppState = useSetAppState();
|
||||
useRegisterKeybindingContext("ThemePicker", undefined);
|
||||
const syntaxToggleShortcut = useShortcutDisplay("theme:toggleSyntaxHighlighting", "ThemePicker", "ctrl+t");
|
||||
let t8;
|
||||
if ($[3] !== setAppState || $[4] !== syntaxHighlightingDisabled) {
|
||||
t8 = () => {
|
||||
onCancel?: () => void
|
||||
}
|
||||
|
||||
export function ThemePicker({
|
||||
onThemeSelect,
|
||||
showIntroText = false,
|
||||
helpText = '',
|
||||
showHelpTextBelow = false,
|
||||
hideEscToCancel = false,
|
||||
skipExitHandling = false,
|
||||
onCancel: onCancelProp,
|
||||
}: ThemePickerProps): React.ReactNode {
|
||||
const [theme] = useTheme()
|
||||
const themeSetting = useThemeSetting()
|
||||
const { columns } = useTerminalSize()
|
||||
const colorModuleUnavailableReason = getColorModuleUnavailableReason()
|
||||
const syntaxTheme =
|
||||
colorModuleUnavailableReason === null ? getSyntaxTheme(theme) : null
|
||||
const { setPreviewTheme, savePreview, cancelPreview } = usePreviewTheme()
|
||||
const syntaxHighlightingDisabled =
|
||||
useAppState(s => s.settings.syntaxHighlightingDisabled) ?? false
|
||||
const setAppState = useSetAppState()
|
||||
|
||||
// Register ThemePicker context so its keybindings take precedence over Global
|
||||
useRegisterKeybindingContext('ThemePicker')
|
||||
|
||||
const syntaxToggleShortcut = useShortcutDisplay(
|
||||
'theme:toggleSyntaxHighlighting',
|
||||
'ThemePicker',
|
||||
'ctrl+t',
|
||||
)
|
||||
|
||||
useKeybinding(
|
||||
'theme:toggleSyntaxHighlighting',
|
||||
() => {
|
||||
if (colorModuleUnavailableReason === null) {
|
||||
const newValue = !syntaxHighlightingDisabled;
|
||||
updateSettingsForSource("userSettings", {
|
||||
syntaxHighlightingDisabled: newValue
|
||||
});
|
||||
const newValue = !syntaxHighlightingDisabled
|
||||
updateSettingsForSource('userSettings', {
|
||||
syntaxHighlightingDisabled: newValue,
|
||||
})
|
||||
setAppState(prev => ({
|
||||
...prev,
|
||||
settings: {
|
||||
...prev.settings,
|
||||
syntaxHighlightingDisabled: newValue
|
||||
}
|
||||
}));
|
||||
settings: { ...prev.settings, syntaxHighlightingDisabled: newValue },
|
||||
}))
|
||||
}
|
||||
};
|
||||
$[3] = setAppState;
|
||||
$[4] = syntaxHighlightingDisabled;
|
||||
$[5] = t8;
|
||||
} else {
|
||||
t8 = $[5];
|
||||
}
|
||||
let t9;
|
||||
if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t9 = {
|
||||
context: "ThemePicker"
|
||||
};
|
||||
$[6] = t9;
|
||||
} else {
|
||||
t9 = $[6];
|
||||
}
|
||||
useKeybinding("theme:toggleSyntaxHighlighting", t8, t9);
|
||||
const exitState = useExitOnCtrlCDWithKeybindings(skipExitHandling ? _temp2 : undefined);
|
||||
let t10;
|
||||
if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t10 = [...(feature("AUTO_THEME") ? [{
|
||||
label: "Auto (match terminal)",
|
||||
value: "auto" as const
|
||||
}] : []), {
|
||||
label: "Dark mode",
|
||||
value: "dark"
|
||||
}, {
|
||||
label: "Light mode",
|
||||
value: "light"
|
||||
}, {
|
||||
label: "Dark mode (colorblind-friendly)",
|
||||
value: "dark-daltonized"
|
||||
}, {
|
||||
label: "Light mode (colorblind-friendly)",
|
||||
value: "light-daltonized"
|
||||
}, {
|
||||
label: "Dark mode (ANSI colors only)",
|
||||
value: "dark-ansi"
|
||||
}, {
|
||||
label: "Light mode (ANSI colors only)",
|
||||
value: "light-ansi"
|
||||
}];
|
||||
$[7] = t10;
|
||||
} else {
|
||||
t10 = $[7];
|
||||
}
|
||||
const themeOptions = t10;
|
||||
let t11;
|
||||
if ($[8] !== showIntroText) {
|
||||
t11 = showIntroText ? <Text>Let's get started.</Text> : <Text bold={true} color="permission">Theme</Text>;
|
||||
$[8] = showIntroText;
|
||||
$[9] = t11;
|
||||
} else {
|
||||
t11 = $[9];
|
||||
}
|
||||
let t12;
|
||||
if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t12 = <Text bold={true}>Choose the text style that looks best with your terminal</Text>;
|
||||
$[10] = t12;
|
||||
} else {
|
||||
t12 = $[10];
|
||||
}
|
||||
let t13;
|
||||
if ($[11] !== helpText || $[12] !== showHelpTextBelow) {
|
||||
t13 = helpText && !showHelpTextBelow && <Text dimColor={true}>{helpText}</Text>;
|
||||
$[11] = helpText;
|
||||
$[12] = showHelpTextBelow;
|
||||
$[13] = t13;
|
||||
} else {
|
||||
t13 = $[13];
|
||||
}
|
||||
let t14;
|
||||
if ($[14] !== t13) {
|
||||
t14 = <Box flexDirection="column">{t12}{t13}</Box>;
|
||||
$[14] = t13;
|
||||
$[15] = t14;
|
||||
} else {
|
||||
t14 = $[15];
|
||||
}
|
||||
let t15;
|
||||
if ($[16] !== setPreviewTheme) {
|
||||
t15 = setting => {
|
||||
setPreviewTheme(setting as ThemeSetting);
|
||||
};
|
||||
$[16] = setPreviewTheme;
|
||||
$[17] = t15;
|
||||
} else {
|
||||
t15 = $[17];
|
||||
}
|
||||
let t16;
|
||||
if ($[18] !== onThemeSelect || $[19] !== savePreview) {
|
||||
t16 = setting_0 => {
|
||||
savePreview();
|
||||
onThemeSelect(setting_0 as ThemeSetting);
|
||||
};
|
||||
$[18] = onThemeSelect;
|
||||
$[19] = savePreview;
|
||||
$[20] = t16;
|
||||
} else {
|
||||
t16 = $[20];
|
||||
}
|
||||
let t17;
|
||||
if ($[21] !== cancelPreview || $[22] !== onCancelProp || $[23] !== skipExitHandling) {
|
||||
t17 = skipExitHandling ? () => {
|
||||
cancelPreview();
|
||||
onCancelProp?.();
|
||||
} : async () => {
|
||||
cancelPreview();
|
||||
await gracefulShutdown(0);
|
||||
};
|
||||
$[21] = cancelPreview;
|
||||
$[22] = onCancelProp;
|
||||
$[23] = skipExitHandling;
|
||||
$[24] = t17;
|
||||
} else {
|
||||
t17 = $[24];
|
||||
}
|
||||
let t18;
|
||||
if ($[25] !== t15 || $[26] !== t16 || $[27] !== t17 || $[28] !== themeSetting) {
|
||||
t18 = <Select options={themeOptions} onFocus={t15} onChange={t16} onCancel={t17} visibleOptionCount={themeOptions.length} defaultValue={themeSetting} defaultFocusValue={themeSetting} />;
|
||||
$[25] = t15;
|
||||
$[26] = t16;
|
||||
$[27] = t17;
|
||||
$[28] = themeSetting;
|
||||
$[29] = t18;
|
||||
} else {
|
||||
t18 = $[29];
|
||||
}
|
||||
let t19;
|
||||
if ($[30] !== t11 || $[31] !== t14 || $[32] !== t18) {
|
||||
t19 = <Box flexDirection="column" gap={1}>{t11}{t14}{t18}</Box>;
|
||||
$[30] = t11;
|
||||
$[31] = t14;
|
||||
$[32] = t18;
|
||||
$[33] = t19;
|
||||
} else {
|
||||
t19 = $[33];
|
||||
}
|
||||
let t20;
|
||||
if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t20 = {
|
||||
oldStart: 1,
|
||||
newStart: 1,
|
||||
oldLines: 3,
|
||||
newLines: 3,
|
||||
lines: [" function greet() {", "- console.log(\"Hello, World!\");", "+ console.log(\"Hello, Claude!\");", " }"]
|
||||
};
|
||||
$[34] = t20;
|
||||
} else {
|
||||
t20 = $[34];
|
||||
}
|
||||
let t21;
|
||||
if ($[35] !== columns) {
|
||||
t21 = <Box flexDirection="column" borderTop={true} borderBottom={true} borderLeft={false} borderRight={false} borderStyle="dashed" borderColor="subtle"><StructuredDiff patch={t20} dim={false} filePath="demo.js" firstLine={null} width={columns} /></Box>;
|
||||
$[35] = columns;
|
||||
$[36] = t21;
|
||||
} else {
|
||||
t21 = $[36];
|
||||
}
|
||||
const t22 = colorModuleUnavailableReason === "env" ? `Syntax highlighting disabled (via CLAUDE_CODE_SYNTAX_HIGHLIGHT=${process.env.CLAUDE_CODE_SYNTAX_HIGHLIGHT})` : syntaxHighlightingDisabled ? `Syntax highlighting disabled (${syntaxToggleShortcut} to enable)` : syntaxTheme ? `Syntax theme: ${syntaxTheme.theme}${syntaxTheme.source ? ` (from ${syntaxTheme.source})` : ""} (${syntaxToggleShortcut} to disable)` : `Syntax highlighting enabled (${syntaxToggleShortcut} to disable)`;
|
||||
let t23;
|
||||
if ($[37] !== t22) {
|
||||
t23 = <Text dimColor={true}>{" "}{t22}</Text>;
|
||||
$[37] = t22;
|
||||
$[38] = t23;
|
||||
} else {
|
||||
t23 = $[38];
|
||||
}
|
||||
let t24;
|
||||
if ($[39] !== t21 || $[40] !== t23) {
|
||||
t24 = <Box flexDirection="column" width="100%">{t21}{t23}</Box>;
|
||||
$[39] = t21;
|
||||
$[40] = t23;
|
||||
$[41] = t24;
|
||||
} else {
|
||||
t24 = $[41];
|
||||
}
|
||||
let t25;
|
||||
if ($[42] !== t19 || $[43] !== t24) {
|
||||
t25 = <Box flexDirection="column" gap={1}>{t19}{t24}</Box>;
|
||||
$[42] = t19;
|
||||
$[43] = t24;
|
||||
$[44] = t25;
|
||||
} else {
|
||||
t25 = $[44];
|
||||
}
|
||||
const content = t25;
|
||||
},
|
||||
{ context: 'ThemePicker' },
|
||||
)
|
||||
// Always call the hook to follow React rules, but conditionally assign the exit handler
|
||||
const exitState = useExitOnCtrlCDWithKeybindings(
|
||||
skipExitHandling ? () => {} : undefined,
|
||||
)
|
||||
|
||||
const themeOptions: { label: string; value: ThemeSetting }[] = [
|
||||
...(feature('AUTO_THEME')
|
||||
? [{ label: 'Auto (match terminal)', value: 'auto' as const }]
|
||||
: []),
|
||||
{ label: 'Dark mode', value: 'dark' },
|
||||
{ label: 'Light mode', value: 'light' },
|
||||
{
|
||||
label: 'Dark mode (colorblind-friendly)',
|
||||
value: 'dark-daltonized',
|
||||
},
|
||||
{
|
||||
label: 'Light mode (colorblind-friendly)',
|
||||
value: 'light-daltonized',
|
||||
},
|
||||
{
|
||||
label: 'Dark mode (ANSI colors only)',
|
||||
value: 'dark-ansi',
|
||||
},
|
||||
{
|
||||
label: 'Light mode (ANSI colors only)',
|
||||
value: 'light-ansi',
|
||||
},
|
||||
]
|
||||
|
||||
const content = (
|
||||
<Box flexDirection="column" gap={1}>
|
||||
<Box flexDirection="column" gap={1}>
|
||||
{showIntroText ? (
|
||||
<Text>Let's get started.</Text>
|
||||
) : (
|
||||
<Text bold color="permission">
|
||||
Theme
|
||||
</Text>
|
||||
)}
|
||||
<Box flexDirection="column">
|
||||
<Text bold>
|
||||
Choose the text style that looks best with your terminal
|
||||
</Text>
|
||||
{helpText && !showHelpTextBelow && <Text dimColor>{helpText}</Text>}
|
||||
</Box>
|
||||
<Select
|
||||
options={themeOptions}
|
||||
onFocus={setting => {
|
||||
setPreviewTheme(setting as ThemeSetting)
|
||||
}}
|
||||
onChange={(setting: string) => {
|
||||
savePreview()
|
||||
onThemeSelect(setting as ThemeSetting)
|
||||
}}
|
||||
onCancel={
|
||||
skipExitHandling
|
||||
? () => {
|
||||
cancelPreview()
|
||||
onCancelProp?.()
|
||||
}
|
||||
: async () => {
|
||||
cancelPreview()
|
||||
await gracefulShutdown(0)
|
||||
}
|
||||
}
|
||||
visibleOptionCount={themeOptions.length}
|
||||
defaultValue={themeSetting}
|
||||
defaultFocusValue={themeSetting}
|
||||
/>
|
||||
</Box>
|
||||
<Box flexDirection="column" width="100%">
|
||||
<Box
|
||||
flexDirection="column"
|
||||
borderTop
|
||||
borderBottom
|
||||
borderLeft={false}
|
||||
borderRight={false}
|
||||
borderStyle="dashed"
|
||||
borderColor="subtle"
|
||||
>
|
||||
<StructuredDiff
|
||||
patch={{
|
||||
oldStart: 1,
|
||||
newStart: 1,
|
||||
oldLines: 3,
|
||||
newLines: 3,
|
||||
lines: [
|
||||
' function greet() {',
|
||||
'- console.log("Hello, World!");',
|
||||
'+ console.log("Hello, Claude!");',
|
||||
' }',
|
||||
],
|
||||
}}
|
||||
dim={false}
|
||||
filePath="demo.js"
|
||||
firstLine={null}
|
||||
width={columns}
|
||||
/>
|
||||
</Box>
|
||||
<Text dimColor>
|
||||
{' '}
|
||||
{colorModuleUnavailableReason === 'env'
|
||||
? `Syntax highlighting disabled (via CLAUDE_CODE_SYNTAX_HIGHLIGHT=${process.env.CLAUDE_CODE_SYNTAX_HIGHLIGHT})`
|
||||
: syntaxHighlightingDisabled
|
||||
? `Syntax highlighting disabled (${syntaxToggleShortcut} to enable)`
|
||||
: syntaxTheme
|
||||
? `Syntax theme: ${syntaxTheme.theme}${syntaxTheme.source ? ` (from ${syntaxTheme.source})` : ''} (${syntaxToggleShortcut} to disable)`
|
||||
: `Syntax highlighting enabled (${syntaxToggleShortcut} to disable)`}
|
||||
</Text>
|
||||
</Box>
|
||||
</Box>
|
||||
)
|
||||
|
||||
// Only wrap in a box when not in onboarding
|
||||
if (!showIntroText) {
|
||||
let t26;
|
||||
if ($[45] !== content) {
|
||||
t26 = <Box flexDirection="column">{content}</Box>;
|
||||
$[45] = content;
|
||||
$[46] = t26;
|
||||
} else {
|
||||
t26 = $[46];
|
||||
}
|
||||
let t27;
|
||||
if ($[47] !== helpText || $[48] !== showHelpTextBelow) {
|
||||
t27 = showHelpTextBelow && helpText && <Box marginLeft={3}><Text dimColor={true}>{helpText}</Text></Box>;
|
||||
$[47] = helpText;
|
||||
$[48] = showHelpTextBelow;
|
||||
$[49] = t27;
|
||||
} else {
|
||||
t27 = $[49];
|
||||
}
|
||||
let t28;
|
||||
if ($[50] !== exitState || $[51] !== hideEscToCancel) {
|
||||
t28 = !hideEscToCancel && <Box><Text dimColor={true} italic={true}>{exitState.pending ? <>Press {exitState.keyName} again to exit</> : <Byline><KeyboardShortcutHint shortcut="Enter" action="select" /><KeyboardShortcutHint shortcut="Esc" action="cancel" /></Byline>}</Text></Box>;
|
||||
$[50] = exitState;
|
||||
$[51] = hideEscToCancel;
|
||||
$[52] = t28;
|
||||
} else {
|
||||
t28 = $[52];
|
||||
}
|
||||
let t29;
|
||||
if ($[53] !== t27 || $[54] !== t28) {
|
||||
t29 = <Box marginTop={1}>{t27}{t28}</Box>;
|
||||
$[53] = t27;
|
||||
$[54] = t28;
|
||||
$[55] = t29;
|
||||
} else {
|
||||
t29 = $[55];
|
||||
}
|
||||
let t30;
|
||||
if ($[56] !== t26 || $[57] !== t29) {
|
||||
t30 = <>{t26}{t29}</>;
|
||||
$[56] = t26;
|
||||
$[57] = t29;
|
||||
$[58] = t30;
|
||||
} else {
|
||||
t30 = $[58];
|
||||
}
|
||||
return t30;
|
||||
return (
|
||||
<>
|
||||
<Box flexDirection="column">{content}</Box>
|
||||
<Box marginTop={1}>
|
||||
{showHelpTextBelow && helpText && (
|
||||
<Box marginLeft={3}>
|
||||
<Text dimColor>{helpText}</Text>
|
||||
</Box>
|
||||
)}
|
||||
{!hideEscToCancel && (
|
||||
<Box>
|
||||
<Text dimColor italic>
|
||||
{exitState.pending ? (
|
||||
<>Press {exitState.keyName} again to exit</>
|
||||
) : (
|
||||
<Byline>
|
||||
<KeyboardShortcutHint shortcut="Enter" action="select" />
|
||||
<KeyboardShortcutHint shortcut="Esc" action="cancel" />
|
||||
</Byline>
|
||||
)}
|
||||
</Text>
|
||||
</Box>
|
||||
)}
|
||||
</Box>
|
||||
</>
|
||||
)
|
||||
}
|
||||
return content;
|
||||
}
|
||||
function _temp2() {}
|
||||
function _temp(s) {
|
||||
return s.settings.syntaxHighlightingDisabled;
|
||||
|
||||
return content
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user