feat: Refactor CLI header for customizable logo text (#658)

This commit is contained in:
N. Taylor Mullen
2025-06-02 11:45:09 -07:00
committed by GitHub
parent 33052018a2
commit 42bedbc3d3
3 changed files with 168 additions and 13 deletions

View File

@@ -35,6 +35,7 @@
"highlight.js": "^11.11.1",
"ink": "^5.2.0",
"ink-gradient": "^3.0.0",
"ink-big-text": "^2.0.0",
"ink-select-input": "^6.0.0",
"ink-spinner": "^5.0.0",
"ink-text-input": "^6.0.0",

View File

@@ -5,28 +5,20 @@
*/
import React from 'react';
import { Box, Text } from 'ink';
import { Box } from 'ink';
import Gradient from 'ink-gradient';
import BigText from 'ink-big-text';
import { Colors } from '../colors.js';
const asciiArtLogo = `
██████╗ ███████╗███╗ ███╗██╗███╗ ██╗██╗
██╔════╝ ██╔════╝████╗ ████║██║████╗ ██║██║
██║ ███╗█████╗ ██╔████╔██║██║██╔██╗ ██║██║
██║ ██║██╔══╝ ██║╚██╔╝██║██║██║╚██╗██║██║
╚██████╔╝███████╗██║ ╚═╝ ██║██║██║ ╚████║██║
╚═════╝ ╚══════╝╚═╝ ╚═╝╚═╝╚═╝ ╚═══╝╚═╝
`;
export const Header: React.FC = () => (
<>
<Box marginBottom={1} alignItems="flex-start">
<Box alignItems="flex-start">
{Colors.GradientColors ? (
<Gradient colors={Colors.GradientColors}>
<Text>{asciiArtLogo}</Text>
<BigText text="GEMINI" letterSpacing={0} space={false} />
</Gradient>
) : (
<Text>{asciiArtLogo}</Text>
<BigText text="GEMINI" letterSpacing={0} space={false} />
)}
</Box>
</>