codeant-cli 0.1.1 → 0.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codeant-cli",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Code review CLI tool",
   "type": "module",
   "bin": {

package/src/components/Welcome.js

@@ -0,0 +1,143 @@
+import React, { useState, useEffect } from 'react';
+import { Text, Box, useApp } from 'ink';
+
+const logo = `
+   ___          _        _          _
+  / __\\___   __| | ___  / \\   _ __ | |_
+ / /  / _ \\ / _\` |/ _ \\/  /\\ | '_ \\| __|
+/ /__| (_) | (_| |  __/\\_/ \\ | | | | |_
+\\____/\\___/ \\__,_|\\___\\___/\\_/_| |_|\\__|
+`;
+
+const tagline = "Your AI-powered code review companion";
+
+const commands = [
+  { cmd: 'codeant secrets', desc: 'Scan for secrets in your code' },
+  { cmd: 'codeant login', desc: 'Login to CodeAnt' },
+  { cmd: 'codeant --help', desc: 'Show all commands' },
+];
+
+export default function Welcome() {
+  const { exit } = useApp();
+  const [displayedLogo, setDisplayedLogo] = useState('');
+  const [displayedTagline, setDisplayedTagline] = useState('');
+  const [showCursor, setShowCursor] = useState(true);
+  const [phase, setPhase] = useState('logo');
+  const [showCommands, setShowCommands] = useState(false);
+
+  // Typing effect for logo (fast)
+  useEffect(() => {
+    if (phase !== 'logo') return;
+
+    let i = 0;
+    const chars = logo.split('');
+    const interval = setInterval(() => {
+      if (i < chars.length) {
+        setDisplayedLogo(prev => prev + chars[i]);
+        i++;
+      } else {
+        clearInterval(interval);
+        setPhase('tagline');
+      }
+    }, 2);
+
+    return () => clearInterval(interval);
+  }, [phase]);
+
+  // Typing effect for tagline (slower, more dramatic)
+  useEffect(() => {
+    if (phase !== 'tagline') return;
+
+    let i = 0;
+    const chars = tagline.split('');
+    const interval = setInterval(() => {
+      if (i < chars.length) {
+        setDisplayedTagline(prev => prev + chars[i]);
+        i++;
+      } else {
+        clearInterval(interval);
+        setPhase('commands');
+        setShowCommands(true);
+      }
+    }, 25);
+
+    return () => clearInterval(interval);
+  }, [phase]);
+
+  // Blinking cursor
+  useEffect(() => {
+    if (phase === 'commands') {
+      setShowCursor(false);
+      return;
+    }
+    const interval = setInterval(() => {
+      setShowCursor(prev => !prev);
+    }, 400);
+    return () => clearInterval(interval);
+  }, [phase]);
+
+  // Exit after animation
+  useEffect(() => {
+    if (showCommands) {
+      const timeout = setTimeout(() => exit(), 100);
+      return () => clearTimeout(timeout);
+    }
+  }, [showCommands, exit]);
+
+  const cursor = showCursor ? '|' : ' ';
+
+  const elements = [
+    React.createElement(Text, { key: 'logo', color: 'cyan', bold: true }, displayedLogo)
+  ];
+
+  if (phase !== 'logo') {
+    elements.push(
+      React.createElement(
+        Box,
+        { key: 'tagline-box', marginTop: 0 },
+        React.createElement(
+          Text,
+          { color: 'magenta', italic: true },
+          displayedTagline,
+          React.createElement(Text, { color: 'gray' }, cursor)
+        )
+      )
+    );
+  }
+
+  if (showCommands) {
+    elements.push(
+      React.createElement(Text, { key: 'divider', color: 'gray' }, '─────────────────────────────────────────')
+    );
+
+    elements.push(
+      React.createElement(
+        Box,
+        { key: 'commands-box', marginTop: 1, flexDirection: 'column' },
+        React.createElement(Text, { color: 'yellow', bold: true }, 'Quick Start:'),
+        ...commands.map((item, idx) =>
+          React.createElement(
+            Box,
+            { key: `cmd-${idx}`, marginLeft: 2 },
+            React.createElement(Text, { color: 'green' }, `$ ${item.cmd}`),
+            React.createElement(Text, { color: 'gray' }, `  ${item.desc}`)
+          )
+        )
+      )
+    );
+
+    elements.push(
+      React.createElement(
+        Box,
+        { key: 'version-box', marginTop: 1 },
+        React.createElement(Text, { color: 'gray' }, 'v0.1.0')
+      )
+    );
+  }
+
+  return React.createElement(
+    Box,
+    { flexDirection: 'column', padding: 1 },
+    ...elements
+  );
+}

package/src/index.js

@@ -8,11 +8,16 @@ import SetBaseUrl from './commands/setBaseUrl.js';
 import GetBaseUrl from './commands/getBaseUrl.js';
 import Login from './commands/login.js';
 import Logout from './commands/logout.js';
+import Welcome from './components/Welcome.js';
 
-program
-  .name('codeant')
-  .description('Code review CLI tool')
-  .version('0.1.0');
+// Show welcome animation if no arguments provided
+if (process.argv.length === 2) {
+  render(React.createElement(Welcome));
+} else {
+  program
+    .name('codeant')
+    .description('Code review CLI tool')
+    .version('0.1.0');
 
 program
   .command('secrets')
@@ -43,32 +48,33 @@ program
     render(React.createElement(Secrets, { scanType, failOn, include, exclude }));
   });
 
-program
-  .command('set-base-url <url>')
-  .description('Set the API base URL')
-  .action((url) => {
-    render(React.createElement(SetBaseUrl, { url }));
-  });
+  program
+    .command('set-base-url <url>')
+    .description('Set the API base URL')
+    .action((url) => {
+      render(React.createElement(SetBaseUrl, { url }));
+    });
 
-program
-  .command('get-base-url')
-  .description('Show the current API base URL')
-  .action(() => {
-    render(React.createElement(GetBaseUrl));
-  });
+  program
+    .command('get-base-url')
+    .description('Show the current API base URL')
+    .action(() => {
+      render(React.createElement(GetBaseUrl));
+    });
 
-program
-  .command('login')
-  .description('Login to CodeAnt')
-  .action(() => {
-    render(React.createElement(Login));
-  });
+  program
+    .command('login')
+    .description('Login to CodeAnt')
+    .action(() => {
+      render(React.createElement(Login));
+    });
 
-program
-  .command('logout')
-  .description('Logout from CodeAnt')
-  .action(() => {
-    render(React.createElement(Logout));
-  });
+  program
+    .command('logout')
+    .description('Logout from CodeAnt')
+    .action(() => {
+      render(React.createElement(Logout));
+    });
 
-program.parse();
+  program.parse();
+}