@yivan-lab/pretty-please 1.0.0 → 1.1.0

package/src/components/CommandGenerator.tsx

@@ -1,184 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import { Box, Text } from 'ink'
-import Spinner from 'ink-spinner'
-import { generateCommand } from '../ai.js'
-import { detectBuiltin, formatBuiltins } from '../builtin-detector.js'
-import { CommandBox } from './CommandBox.js'
-import { ConfirmationPrompt } from './ConfirmationPrompt.js'
-import { Duration } from './Duration.js'
-import { theme } from '../ui/theme.js'
-
-interface CommandGeneratorProps {
-  prompt: string
-  debug?: boolean
-  onComplete: (result: {
-    command?: string
-    confirmed?: boolean
-    cancelled?: boolean
-    hasBuiltin?: boolean
-    builtins?: string[]
-    debugInfo?: any
-    error?: string
-  }) => void
-}
-
-type State =
-  | { type: 'thinking' }
-  | { type: 'showing_command'; command: string; hasBuiltin: boolean; builtins: string[] }
-  | { type: 'cancelled'; command: string }
-  | { type: 'error'; error: string }
-
-interface DebugInfo {
-  sysinfo: string
-  model: string
-  systemPrompt: string
-  userPrompt: string
-}
-
-/**
- * CommandGenerator 组件 - 命令生成和确认（仅用于交互）
- * 不执行命令，执行交给调用方用原生方式处理
- */
-export const CommandGenerator: React.FC<CommandGeneratorProps> = ({ prompt, debug, onComplete }) => {
-  const [state, setState] = useState<State>({ type: 'thinking' })
-  const [thinkDuration, setThinkDuration] = useState(0)
-  const [debugInfo, setDebugInfo] = useState<DebugInfo | null>(null)
-
-  // 初始化：调用 AI 生成命令
-  useEffect(() => {
-    const thinkStart = Date.now()
-
-    generateCommand(prompt, { debug: debug || false })
-      .then((result: any) => {
-        const command = debug && typeof result === 'object' ? result.command : result
-        const thinkEnd = Date.now()
-        setThinkDuration(thinkEnd - thinkStart)
-
-        if (debug && typeof result === 'object' && 'debug' in result) {
-          setDebugInfo(result.debug)
-        }
-
-        // 检测 builtin
-        const { hasBuiltin, builtins } = detectBuiltin(command)
-
-        setState({
-          type: 'showing_command',
-          command,
-          hasBuiltin,
-          builtins,
-        })
-
-        // 如果是 builtin，直接完成（不执行）
-        if (hasBuiltin) {
-          setTimeout(() => {
-            onComplete({
-              command,
-              confirmed: false,
-              hasBuiltin: true,
-              builtins,
-              debugInfo: debugInfo || undefined,
-            })
-          }, 100)
-        }
-      })
-      .catch((error: any) => {
-        setState({ type: 'error', error: error.message })
-        setTimeout(() => {
-          onComplete({ error: error.message })
-        }, 100)
-      })
-  }, [prompt, debug])
-
-  // 处理确认
-  const handleConfirm = () => {
-    if (state.type === 'showing_command') {
-      // 返回命令和确认状态，让调用方执行
-      onComplete({
-        command: state.command,
-        confirmed: true,
-        debugInfo: debugInfo || undefined,
-      })
-    }
-  }
-
-  // 处理取消
-  const handleCancel = () => {
-    if (state.type === 'showing_command') {
-      setState({ type: 'cancelled', command: state.command })
-      setTimeout(() => {
-        onComplete({
-          command: state.command,
-          cancelled: true,
-        })
-      }, 100)
-    }
-  }
-
-  return (
-    <Box flexDirection="column">
-      {/* 思考阶段 */}
-      {state.type === 'thinking' && (
-        <Box>
-          <Text color={theme.info}>
-            <Spinner type="dots" /> 正在思考...
-          </Text>
-        </Box>
-      )}
-
-      {/* 思考完成 */}
-      {state.type !== 'thinking' && thinkDuration > 0 && (
-        <Box>
-          <Text color={theme.success}>✓ 思考完成 </Text>
-          <Duration ms={thinkDuration} />
-        </Box>
-      )}
-
-      {/* 调试信息 */}
-      {debugInfo && (
-        <Box flexDirection="column" marginY={1}>
-          <Text color={theme.accent}>━━━ 调试信息 ━━━</Text>
-          <Text color={theme.text.secondary}>系统信息: {debugInfo.sysinfo}</Text>
-          <Text color={theme.text.secondary}>模型: {debugInfo.model}</Text>
-          <Text color={theme.text.secondary}>System Prompt:</Text>
-          <Text dimColor>{debugInfo.systemPrompt}</Text>
-          <Text color={theme.text.secondary}>User Prompt: {debugInfo.userPrompt}</Text>
-          <Text color={theme.accent}>━━━━━━━━━━━━━━━━</Text>
-        </Box>
-      )}
-
-      {/* 显示命令 */}
-      {(state.type === 'showing_command' || state.type === 'cancelled') && (
-        <CommandBox command={state.command} />
-      )}
-
-      {/* Builtin 警告 */}
-      {state.type === 'showing_command' && state.hasBuiltin && (
-        <Box flexDirection="column" marginY={1}>
-          <Text color={theme.error}>
-            ⚠️  此命令包含 shell 内置命令（{formatBuiltins(state.builtins)}），无法在子进程中生效
-          </Text>
-          <Text color={theme.warning}>💡 请手动复制到终端执行</Text>
-        </Box>
-      )}
-
-      {/* 确认提示 */}
-      {state.type === 'showing_command' && !state.hasBuiltin && (
-        <ConfirmationPrompt prompt="执行？" onConfirm={handleConfirm} onCancel={handleCancel} />
-      )}
-
-      {/* 取消 */}
-      {state.type === 'cancelled' && (
-        <Box marginTop={1}>
-          <Text color={theme.text.secondary}>已取消执行</Text>
-        </Box>
-      )}
-
-      {/* 错误 */}
-      {state.type === 'error' && (
-        <Box marginTop={1}>
-          <Text color={theme.error}>❌ 错误: {state.error}</Text>
-        </Box>
-      )}
-    </Box>
-  )
-}

package/src/components/ConfigDisplay.tsx

@@ -1,64 +0,0 @@
-import React from 'react'
-import { Box, Text } from 'ink'
-import { getConfig, maskApiKey } from '../config.js'
-import { theme } from '../ui/theme.js'
-import path from 'path'
-import os from 'os'
-
-const CONFIG_FILE = path.join(os.homedir(), '.please', 'config.json')
-
-interface ConfigDisplayProps {
-  onComplete?: () => void
-}
-
-/**
- * ConfigDisplay 组件 - 显示当前配置
- */
-export const ConfigDisplay: React.FC<ConfigDisplayProps> = ({ onComplete }) => {
-  const config = getConfig()
-
-  React.useEffect(() => {
-    if (onComplete) {
-      setTimeout(onComplete, 100)
-    }
-  }, [onComplete])
-
-  return (
-    <Box flexDirection="column" marginY={1}>
-      <Text bold>当前配置:</Text>
-      <Text color={theme.text.secondary}>{'━'.repeat(40)}</Text>
-
-      <Box>
-        <Text color={theme.primary}>  apiKey:           </Text>
-        <Text>{maskApiKey(config.apiKey)}</Text>
-      </Box>
-
-      <Box>
-        <Text color={theme.primary}>  baseUrl:          </Text>
-        <Text>{config.baseUrl}</Text>
-      </Box>
-
-      <Box>
-        <Text color={theme.primary}>  model:            </Text>
-        <Text>{config.model}</Text>
-      </Box>
-
-      <Box>
-        <Text color={theme.primary}>  shellHook:        </Text>
-        {config.shellHook ? (
-          <Text color={theme.success}>已启用</Text>
-        ) : (
-          <Text color={theme.text.secondary}>未启用</Text>
-        )}
-      </Box>
-
-      <Box>
-        <Text color={theme.primary}>  chatHistoryLimit: </Text>
-        <Text>{config.chatHistoryLimit} 轮</Text>
-      </Box>
-
-      <Text color={theme.text.secondary}>{'━'.repeat(40)}</Text>
-      <Text color={theme.text.secondary}>配置文件: {CONFIG_FILE}</Text>
-    </Box>
-  )
-}

package/src/components/ConfigWizard.tsx

@@ -1,101 +0,0 @@
-import React, { useState } from 'react'
-import { Box, Text } from 'ink'
-import TextInput from 'ink-text-input'
-import { getConfig, saveConfig, maskApiKey } from '../config.js'
-import { theme } from '../ui/theme.js'
-import path from 'path'
-import os from 'os'
-
-const CONFIG_FILE = path.join(os.homedir(), '.please', 'config.json')
-
-interface ConfigWizardProps {
-  onComplete: () => void
-}
-
-type Step = 'apiKey' | 'baseUrl' | 'model' | 'done'
-
-/**
- * ConfigWizard 组件 - 交互式配置向导
- */
-export const ConfigWizard: React.FC<ConfigWizardProps> = ({ onComplete }) => {
-  const config = getConfig()
-  const [step, setStep] = useState<Step>('apiKey')
-  const [apiKey, setApiKey] = useState(config.apiKey)
-  const [baseUrl, setBaseUrl] = useState(config.baseUrl)
-  const [model, setModel] = useState(config.model)
-
-  const handleApiKeySubmit = (value: string) => {
-    if (value.trim()) {
-      setApiKey(value.trim())
-    }
-    setStep('baseUrl')
-  }
-
-  const handleBaseUrlSubmit = (value: string) => {
-    if (value.trim()) {
-      setBaseUrl(value.trim())
-    }
-    setStep('model')
-  }
-
-  const handleModelSubmit = (value: string) => {
-    if (value.trim()) {
-      setModel(value.trim())
-    }
-
-    // 保存配置
-    saveConfig({
-      ...config,
-      apiKey: apiKey || config.apiKey,
-      baseUrl: baseUrl || config.baseUrl,
-      model: model.trim() || config.model,
-    })
-
-    setStep('done')
-    setTimeout(onComplete, 100)
-  }
-
-  return (
-    <Box flexDirection="column" marginY={1}>
-      <Text bold color={theme.accent}>
-        🔧 Pretty Please 配置向导
-      </Text>
-      <Text color={theme.text.secondary}>{'━'.repeat(40)}</Text>
-
-      {step === 'apiKey' && (
-        <Box marginTop={1}>
-          <Text color={theme.primary}>
-            请输入 API Key{config.apiKey ? ` (当前: ${maskApiKey(config.apiKey)})` : ''}:{' '}
-          </Text>
-          <TextInput value="" onChange={() => {}} onSubmit={handleApiKeySubmit} />
-        </Box>
-      )}
-
-      {step === 'baseUrl' && (
-        <Box marginTop={1}>
-          <Text color={theme.primary}>
-            请输入 API Base URL (回车使用 {baseUrl}):{' '}
-          </Text>
-          <TextInput value="" onChange={() => {}} onSubmit={handleBaseUrlSubmit} />
-        </Box>
-      )}
-
-      {step === 'model' && (
-        <Box marginTop={1}>
-          <Text color={theme.primary}>
-            请输入模型名称 (回车使用 {model}):{' '}
-          </Text>
-          <TextInput value="" onChange={() => {}} onSubmit={handleModelSubmit} />
-        </Box>
-      )}
-
-      {step === 'done' && (
-        <Box flexDirection="column" marginTop={1}>
-          <Text color={theme.text.secondary}>{'━'.repeat(40)}</Text>
-          <Text color={theme.success}>✅ 配置已保存到 </Text>
-          <Text color={theme.text.secondary}>{CONFIG_FILE}</Text>
-        </Box>
-      )}
-    </Box>
-  )
-}

package/src/components/HistoryDisplay.tsx

@@ -1,69 +0,0 @@
-import React from 'react'
-import { Box, Text } from 'ink'
-import { getHistory, getHistoryFilePath } from '../history.js'
-import { theme } from '../ui/theme.js'
-
-interface HistoryDisplayProps {
-  onComplete?: () => void
-}
-
-/**
- * HistoryDisplay 组件 - 显示历史记录
- */
-export const HistoryDisplay: React.FC<HistoryDisplayProps> = ({ onComplete }) => {
-  const history = getHistory()
-
-  React.useEffect(() => {
-    if (onComplete) {
-      setTimeout(onComplete, 100)
-    }
-  }, [onComplete])
-
-  if (history.length === 0) {
-    return (
-      <Box marginY={1}>
-        <Text color={theme.text.secondary}>暂无历史记录</Text>
-      </Box>
-    )
-  }
-
-  return (
-    <Box flexDirection="column" marginY={1}>
-      <Text bold>📜 命令历史:</Text>
-      <Text color={theme.text.secondary}>{'━'.repeat(50)}</Text>
-
-      {history.map((item, index) => {
-        const status = item.executed
-          ? item.exitCode === 0
-            ? '✓'
-            : `✗ 退出码:${item.exitCode}`
-          : '(未执行)'
-
-        const statusColor = item.executed
-          ? item.exitCode === 0
-            ? theme.success
-            : theme.error
-          : theme.text.secondary
-
-        return (
-          <Box key={index} flexDirection="column" marginY={1}>
-            <Box>
-              <Text color={theme.text.secondary}>{index + 1}. </Text>
-              <Text color={theme.primary}>{item.userPrompt}</Text>
-            </Box>
-            <Box marginLeft={3}>
-              <Text dimColor>→ </Text>
-              <Text>{item.command} </Text>
-              <Text color={statusColor}>{status}</Text>
-            </Box>
-            <Box marginLeft={3}>
-              <Text color={theme.text.secondary}>{item.timestamp}</Text>
-            </Box>
-          </Box>
-        )
-      })}
-
-      <Text color={theme.text.secondary}>历史文件: {getHistoryFilePath()}</Text>
-    </Box>
-  )
-}

package/src/components/HookManager.tsx

@@ -1,150 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import { Box, Text } from 'ink'
-import {
-  getHookStatus,
-  installShellHook,
-  uninstallShellHook,
-  detectShell,
-  getShellConfigPath,
-} from '../shell-hook.js'
-import { theme } from '../ui/theme.js'
-
-interface HookManagerProps {
-  action: 'status' | 'install' | 'uninstall'
-  onComplete: () => void
-}
-
-/**
- * HookManager 组件 - Hook 管理界面
- */
-export const HookManager: React.FC<HookManagerProps> = ({ action, onComplete }) => {
-  const [status, setStatus] = useState(getHookStatus())
-  const [message, setMessage] = useState<string | null>(null)
-  const [isProcessing, setIsProcessing] = useState(false)
-
-  useEffect(() => {
-    const execute = async () => {
-      if (action === 'install') {
-        setIsProcessing(true)
-        const shellType = detectShell()
-        const configPath = getShellConfigPath(shellType)
-
-        if (shellType === 'unknown') {
-          setMessage('❌ 不支持的 shell 类型')
-          setIsProcessing(false)
-          setTimeout(onComplete, 2000)
-          return
-        }
-
-        const result = await installShellHook()
-        setStatus(getHookStatus())
-        setIsProcessing(false)
-
-        if (result) {
-          setMessage(
-            `✅ Shell hook 已安装\n⚠️  请重启终端或执行: source ${configPath}`
-          )
-        }
-
-        setTimeout(onComplete, 3000)
-      } else if (action === 'uninstall') {
-        setIsProcessing(true)
-        uninstallShellHook()
-        setStatus(getHookStatus())
-        setMessage('✅ Shell hook 已卸载\n⚠️  请重启终端使其生效')
-        setIsProcessing(false)
-        setTimeout(onComplete, 3000)
-      } else {
-        // status
-        setTimeout(onComplete, 100)
-      }
-    }
-
-    execute()
-  }, [action, onComplete])
-
-  if (action === 'install' || action === 'uninstall') {
-    return (
-      <Box flexDirection="column" marginY={1}>
-        <Text bold color={theme.accent}>
-          🔧 Shell Hook {action === 'install' ? '安装' : '卸载'}向导
-        </Text>
-        <Text color={theme.text.secondary}>{'━'.repeat(40)}</Text>
-
-        {isProcessing && <Text color={theme.info}>处理中...</Text>}
-
-        {message && (
-          <Box flexDirection="column" marginTop={1}>
-            {message.split('\n').map((line, i) => (
-              <Text
-                key={i}
-                color={
-                  line.startsWith('✅')
-                    ? theme.success
-                    : line.startsWith('⚠️')
-                    ? theme.warning
-                    : line.startsWith('❌')
-                    ? theme.error
-                    : theme.text.primary
-                }
-              >
-                {line}
-              </Text>
-            ))}
-          </Box>
-        )}
-      </Box>
-    )
-  }
-
-  // Status display
-  return (
-    <Box flexDirection="column" marginY={1}>
-      <Text bold>📊 Shell Hook 状态</Text>
-      <Text color={theme.text.secondary}>{'━'.repeat(40)}</Text>
-
-      <Box marginTop={1}>
-        <Text color={theme.primary}>  Shell 类型: </Text>
-        <Text>{status.shellType}</Text>
-      </Box>
-
-      <Box>
-        <Text color={theme.primary}>  配置文件:   </Text>
-        <Text>{status.configPath || '未知'}</Text>
-      </Box>
-
-      <Box>
-        <Text color={theme.primary}>  已安装:     </Text>
-        {status.installed ? (
-          <Text color={theme.success}>是</Text>
-        ) : (
-          <Text color={theme.text.secondary}>否</Text>
-        )}
-      </Box>
-
-      <Box>
-        <Text color={theme.primary}>  已启用:     </Text>
-        {status.enabled ? (
-          <Text color={theme.success}>是</Text>
-        ) : (
-          <Text color={theme.text.secondary}>否</Text>
-        )}
-      </Box>
-
-      <Box>
-        <Text color={theme.primary}>  历史文件:   </Text>
-        <Text>{status.historyFile}</Text>
-      </Box>
-
-      <Text color={theme.text.secondary}>{'━'.repeat(40)}</Text>
-
-      {!status.installed && (
-        <Box marginTop={1}>
-          <Text color={theme.text.secondary}>
-            提示: 运行 <Text color={theme.primary}>pls hook install</Text> 安装 shell hook
-          </Text>
-        </Box>
-      )}
-    </Box>
-  )
-}