hyper-welcome-message

A beautiful Hyper terminal plugin that displays system information in a neofetch-like style with a stunning frosted glass effect.

Features

• 🎨 Beautiful neofetch-like display - Shows system information with elegant ASCII art
• 🌈 Dual theme support - Automatic light and dark theme detection
• ✨ Frosted glass effect - Transparent backdrop blur for modern aesthetics
• 📊 Comprehensive system info - OS, CPU, memory, uptime, and more
• ⌨️ Keyboard shortcut - Toggle display with Ctrl+Shift+W
• 🎯 Zero configuration - Works out of the box

Installation

Using Hyper's CLI

```bash hyper install hyper-welcome-message ```

Manual Installation

Add the plugin to your ~/.hyper.js configuration:

```javascript module.exports = { plugins: ['hyper-welcome-message'] } ```

Then restart Hyper or reload the configuration.

Configuration

Add custom settings to your ~/.hyper.js:

```javascript module.exports = { config: { welcomeMessage: { showWelcome: true, // Enable/disable the welcome message theme: 'auto', // 'auto', 'light', or 'dark' enableFrostedGlass: true, // Enable/disable frosted glass effect showSystemInfo: true, // Show system information showTime: true // Show current time } } } ```

Configuration Options

| Option | Type | Default | Description | |--------|------|---------|-------------| | showWelcome | boolean | true | Enable/disable the welcome message | | theme | string | 'auto' | Color theme: 'auto', 'light', or 'dark' | | enableFrostedGlass | boolean | true | Enable frosted glass background effect | | showSystemInfo | boolean | true | Display system information | | showTime | boolean | true | Show current date and time |

What It Shows

The plugin displays:

• Operating System - Platform and architecture
• Hostname - Your computer's name
• Uptime - How long the system has been running
• CPU - Processor model and core count
• Memory - Available and total RAM
• Node Version - Current Node.js version

Keyboard Shortcuts

• Ctrl+Shift+W (Windows/Linux) - Toggle welcome message display
• Cmd+Shift+W (macOS) - Toggle welcome message display

Frosted Glass Effect

The plugin automatically applies a beautiful frosted glass effect to your terminal:

• Dark Theme: Semi-transparent dark background with blur
• Light Theme: Semi-transparent light background with blur
• Smooth Transitions: Seamless theme switching
• Custom Scrollbars: Styled to match the frosted aesthetic

Example Output

Dark Theme

``` ╭─────────────────────╮ │ ╭───╮ ╭───╮ ╭───╮ │ │ │ │ │ │ │ │ │ │ ╰───╯ ╰───╯ ╰───╯ │ │ │ │ H Y P E R │ ╰─────────────────────╯

╭─ System Information │ ├─ OS darwin arm64 ├─ Host MacBook-Pro ├─ Uptime 2d 5h 30m ├─ CPU Apple M1 Pro ├─ Cores 10 ├─ Memory 8.5GB / 16.0GB ├─ Node v18.17.0 │ ╰─ Welcome to Hyper Terminal!

Type help to get started ```

Customization Examples

Disable Frosted Glass Effect

```javascript welcomeMessage: { enableFrostedGlass: false } ```

Force Dark Theme

```javascript welcomeMessage: { theme: 'dark' // Always use dark theme colors } ```

Minimal Configuration

```javascript welcomeMessage: { showSystemInfo: false, showTime: false } ```

Compatibility

• Hyper v3.0.0 or higher
• Works on macOS, Linux, and Windows
• Supports both light and dark themes

Development

Local Development

1. Clone this repository
2. Link it to your Hyper plugins directory: ```bash cd hyper-welcome-message npm link cd ~/.hyper_plugins/local npm link hyper-welcome-message ```
3. Add to localPlugins in your ~/.hyper.js: ```javascript localPlugins: ['hyper-welcome-message'] ```

Publishing to npm

1. Update version in package.json
2. Login to npm: npm login
3. Publish: npm publish

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

MIT © [Your Name]

Credits

Inspired by neofetch and the Hyper terminal community.

Links

• GitHub Repository
• npm Package
• Hyper Plugin Documentation