Git Command Generator for Complex Merges and Rebases

Git Command Generator for Complex Merges and Rebases

Overview

A client-side utility designed for software engineers to generate accurate, syntactically correct shell commands for non-trivial Git operations. The application eliminates the mental overhead of remembering complex flag combinations for merges, rebases, and cherry-picking.

Layout & Design

• UI Framework: Clean, terminal-inspired interface using a monospaced font family.
• Color Palette: High-contrast dark mode. Background: #1e1e1e, Primary Accent: #f1e05a (Git Yellow), Success: #28a745 (Terminal Green).
• Structure:
  • Left Sidebar: Navigation menu for operation types (Merge, Rebase, Cherry-Pick, Reset).
  • Center Panel: An intuitive form builder with toggle switches for specific flags (e.g., --no-ff, --interactive, --onto).
  • Right Panel: A persistent "Result Window" displaying the final command with a "Copy to Clipboard" button.

Key Features

1. Dynamic Form Builder: Users select their workflow (e.g., "Rebase onto new branch"). Inputs change dynamically to request source branch, target branch, and custom flag toggles.
2. Visual Command Preview: As the user interacts with the form, the shell command updates in real-time within a code block.
3. Safety Explainer: Each flag selected displays a brief tooltip explaining its implication (e.g., 'Warning: --force-with-lease is safer than --force').
4. Copy-on-Click: A large, high-visibility button to copy the command directly into the system clipboard.
5. History Logger: A local-storage-backed history tab allowing users to see their last 10 generated commands.

Animations & Interactions

• Transitions: Smooth layout shifts when changing operation modes.
• Feedback: Copying to the clipboard triggers a subtle 'pulse' animation on the code block, followed by a 'Copied!' toast message.
• Responsive Design: The layout collapses into a single-column view on smaller screens, ensuring readability on tablets and laptops used during pair programming.