feat: add in-app sponsorship prompts and reminders (#28)

* feat: add post-exit sponsorship message

- Show sponsorship message when TUI exits normally
- Display Buy Me a Coffee link
- Add wiiiimm.codes site link
- Invite users to leave feedback on GitHub
- Only shows on normal exit, not for --help or --version

* feat: add in-app sponsorship prompts and reminders

- Add sponsor section to InfoModal (yellow border box)
- Add sponsor line to help footer
- Add periodic sponsor reminder after every 5 operations
- Reminder auto-hides after 5 seconds
- Shows buymeacoffee.com/wiiiimm link

Author: wiiiimm

src/index.tsx

@@ -82,10 +82,35 @@ const handleShutdown = (signal: string) => {
   process.exit(0);
 };
 
+// Function to show sponsorship message
+const showSponsorshipMessage = () => {
+  console.log('\n' + '─'.repeat(60));
+  console.log('\n💚 Thank you for using gh-manager-cli!\n');
+  console.log('If this app saved you time, please consider supporting');
+  console.log('the development of more open-source projects like this:\n');
+  console.log('  ☕ Buy Me a Coffee: https://buymeacoffee.com/wiiiimm');
+  console.log('  🚀 Visit my site: https://wiiiimm.codes');
+  console.log('  💬 Leave feedback: https://github.com/wiiiimm/gh-manager-cli');
+  console.log('\nYour support and contributions make a difference! 🙏\n');
+  console.log('─'.repeat(60) + '\n');
+};
+
 // Register shutdown handlers
 process.on('SIGINT', () => handleShutdown('SIGINT'));  // Ctrl+C
 process.on('SIGTERM', () => handleShutdown('SIGTERM')); // Kill signal
 process.on('exit', (code) => {
+  // Only show sponsorship message on normal exit (code 0)
+  // and not when there's an error or when using --version/--help
+  const isNormalExit = code === 0;
+  const isInteractiveSession = !argv.includes('--version') && 
+                               !argv.includes('-v') && 
+                               !argv.includes('--help') && 
+                               !argv.includes('-h');
+  
+  if (isNormalExit && isInteractiveSession) {
+    showSponsorshipMessage();
+  }
+  
   logger.info('gh-manager-cli exited', { 
     exitCode: code,
     uptime: process.uptime()

src/ui/components/modals/InfoModal.tsx

@@ -51,6 +51,11 @@ export default function InfoModal({ repo, terminalWidth, onClose }: InfoModalPro
       <Text color="gray">Updated: {formatDate(repo.updatedAt)} • Pushed: {formatDate(repo.pushedAt)}</Text>
       <Text color="gray">Size: {repo.diskUsage} KB</Text>
       <Box height={1}><Text> </Text></Box>
+      <Box flexDirection="column" borderStyle="single" borderColor="yellow" paddingX={1} marginY={1}>
+        <Text color="yellow">💚 Enjoying gh-manager-cli?</Text>
+        <Text color="gray">Support the project at:</Text>
+        <Text color="cyan">buymeacoffee.com/wiiiimm</Text>
+      </Box>
       <Text color="gray">Press Esc or I to close</Text>
     </Box>
   );

src/ui/views/RepoList.tsx

@@ -93,6 +93,10 @@ export default function RepoList({ token, maxVisibleRows, onLogout, viewerLogin,
   const [ownerAffiliations, setOwnerAffiliations] = useState<OwnerAffiliation[]>(['OWNER']);
   const [orgSwitcherOpen, setOrgSwitcherOpen] = useState(false);
 
+  // Sponsor reminder state
+  const [operationCount, setOperationCount] = useState(0);
+  const [showSponsorReminder, setShowSponsorReminder] = useState(false);
+  
   // Search state (server-side)
   const [searchItems, setSearchItems] = useState<RepoNode[]>([]);
   const [searchEndCursor, setSearchEndCursor] = useState<string | null>(null);
@@ -189,6 +193,19 @@ export default function RepoList({ token, maxVisibleRows, onLogout, viewerLogin,
     })();
   }, [initialOrgSlug, token, prefsLoaded, client, addDebugMessage]);
 
+  // Helper to track successful operations and show sponsor reminder
+  function trackSuccessfulOperation() {
+    const newCount = operationCount + 1;
+    setOperationCount(newCount);
+    
+    // Show sponsor reminder every 5 operations
+    if (newCount % 5 === 0) {
+      setShowSponsorReminder(true);
+      // Hide the reminder after 5 seconds
+      setTimeout(() => setShowSponsorReminder(false), 5000);
+    }
+  }
+
   function closeArchiveModal() {
     setArchiveMode(false);
     setArchiveTarget(null);
@@ -301,6 +318,7 @@ export default function RepoList({ token, maxVisibleRows, onLogout, viewerLogin,
       setItems(prev => prev.map(updateRepo));
       setSearchItems(prev => prev.map(updateRepo));
 
+      trackSuccessfulOperation(); // Track the successful operation
       closeArchiveModal();
     } catch (e) {
       setArchiving(false);
@@ -511,6 +529,7 @@ export default function RepoList({ token, maxVisibleRows, onLogout, viewerLogin,
         setSearchTotalCount((c) => Math.max(0, c - 1));
       }
 
+      trackSuccessfulOperation(); // Track the successful operation
       setDeleteMode(false);
       setDeleteTarget(null);
       setTypedCode('');
@@ -1621,6 +1640,19 @@ export default function RepoList({ token, maxVisibleRows, onLogout, viewerLogin,
       {/* Header bar */}
       {headerBar}
 
+      {/* Sponsor reminder notification */}
+      {showSponsorReminder && (
+        <Box marginX={1} marginBottom={1}>
+          <Box borderStyle="single" borderColor="yellow" paddingX={2} paddingY={1}>
+            <Box flexDirection="column" alignItems="center">
+              <Text color="yellow">💚 Thanks for using gh-manager-cli!</Text>
+              <Text color="gray">Your support helps craft more open-source tools</Text>
+              <Text color="cyan">☕ buymeacoffee.com/wiiiimm</Text>
+            </Box>
+          </Box>
+        </Box>
+      )}
+
       {/* Main content container with border - fixed height */}
       <Box borderStyle="single" borderColor={modalOpen ? 'gray' : 'yellow'} paddingX={1} paddingY={1} marginX={1} height={contentHeight + containerPadding + 2} flexDirection="column">
         {deleteMode && deleteTarget ? (
@@ -2167,7 +2199,7 @@ export default function RepoList({ token, maxVisibleRows, onLogout, viewerLogin,
         )}
       </Box>
 
-      {/* Help footer - 4 lines */}
+      {/* Help footer - 5 lines */}
       <Box marginTop={1} paddingX={1} flexDirection="column">
         {/* Line 1: Basic navigation */}
         <Box width={terminalWidth} justifyContent="center">
@@ -2193,6 +2225,12 @@ export default function RepoList({ token, maxVisibleRows, onLogout, viewerLogin,
             K Cache Info • W Org Switch • Del/Backspace Delete • Ctrl+L Logout • Q Quit
           </Text>
         </Box>
+        {/* Line 5: Sponsorship */}
+        <Box width={terminalWidth} justifyContent="center" marginTop={1}>
+          <Text color="yellow" dimColor={modalOpen ? true : undefined}>
+            💚 Support the project: buymeacoffee.com/wiiiimm
+          </Text>
+        </Box>
       </Box>
 
       {/* Debug panel */}