tabby-ai-assistant 1.0.0

package/dist/utils/formatting.utils.d.ts

@@ -0,0 +1,106 @@
+/**
+ * 格式化工具类
+ * 提供各种数据格式化功能
+ */
+/**
+ * 格式化文件大小
+ */
+export declare function formatFileSize(bytes: number, decimals?: number): string;
+/**
+ * 格式化持续时间
+ */
+export declare function formatDuration(milliseconds: number): string;
+/**
+ * 格式化日期
+ */
+export declare function formatDate(date: Date, format?: 'short' | 'long' | 'relative'): string;
+/**
+ * 格式化数字
+ */
+export declare function formatNumber(num: number, decimals?: number): string;
+/**
+ * 格式化百分比
+ */
+export declare function formatPercentage(value: number, total: number, decimals?: number): string;
+/**
+ * 格式化令牌数量
+ */
+export declare function formatTokens(tokens: number): string;
+/**
+ * 格式化价格
+ */
+export declare function formatPrice(amount: number, currency?: string): string;
+/**
+ * 格式化命令输出（添加语法高亮）
+ */
+export declare function formatCommandOutput(output: string): string;
+/**
+ * 格式化风险级别
+ */
+export declare function formatRiskLevel(level: string): {
+    text: string;
+    class: string;
+};
+/**
+ * 格式化置信度
+ */
+export declare function formatConfidence(confidence: number): {
+    text: string;
+    class: string;
+};
+/**
+ * 截断文本
+ */
+export declare function truncateText(text: string, maxLength: number, suffix?: string): string;
+/**
+ * 格式化错误信息
+ */
+export declare function formatError(error: Error | string): string;
+/**
+ * 格式化字节数组
+ */
+export declare function formatBytes(bytes: number[], separator?: string): string;
+/**
+ * 格式化JSON（美化输出）
+ */
+export declare function formatJson(json: string | object, indent?: number): string;
+/**
+ * 格式化速度（bytes per second）
+ */
+export declare function formatSpeed(bytesPerSecond: number): string;
+/**
+ * 格式化进度条
+ */
+export declare function formatProgressBar(current: number, total: number, width?: number): string;
+/**
+ * 格式化文件路径（显示简化版本）
+ */
+export declare function formatFilePath(path: string, maxLength?: number): string;
+/**
+ * 格式化列表为文本
+ */
+export declare function formatList(items: string[], delimiter?: string): string;
+/**
+ * 格式化代码块
+ */
+export declare function formatCodeBlock(code: string, language?: string): string;
+/**
+ * 转义HTML
+ */
+export declare function escapeHtml(text: string): string;
+/**
+ * 清理文本（移除多余空白）
+ */
+export declare function cleanText(text: string): string;
+/**
+ * 驼峰命名格式化
+ */
+export declare function toCamelCase(str: string): string;
+/**
+ * 短横线命名格式化
+ */
+export declare function toKebabCase(str: string): string;
+/**
+ * 下划线命名格式化
+ */
+export declare function toSnakeCase(str: string): string;

package/dist/utils/validation.utils.d.ts

@@ -0,0 +1,83 @@
+/**
+ * 验证工具类
+ * 提供各种数据验证和格式检查功能
+ */
+/**
+ * 验证API密钥格式
+ */
+export declare function validateApiKey(apiKey: string, provider: string): {
+    valid: boolean;
+    error?: string;
+};
+/**
+ * 验证URL格式
+ */
+export declare function validateUrl(url: string): {
+    valid: boolean;
+    error?: string;
+};
+/**
+ * 验证模型名称
+ */
+export declare function validateModel(model: string, _provider: string): {
+    valid: boolean;
+    error?: string;
+};
+/**
+ * 验证温度参数
+ */
+export declare function validateTemperature(temperature: number): {
+    valid: boolean;
+    error?: string;
+};
+/**
+ * 验证最大令牌数
+ */
+export declare function validateMaxTokens(maxTokens: number): {
+    valid: boolean;
+    error?: string;
+};
+/**
+ * 验证命令字符串
+ */
+export declare function validateCommand(command: string): {
+    valid: boolean;
+    error?: string;
+};
+/**
+ * 验证邮箱格式
+ */
+export declare function validateEmail(email: string): {
+    valid: boolean;
+    error?: string;
+};
+/**
+ * 验证密码强度
+ */
+export declare function validatePassword(password: string): {
+    valid: boolean;
+    error?: string;
+    score: number;
+};
+/**
+ * 验证端口号
+ */
+export declare function validatePort(port: number): {
+    valid: boolean;
+    error?: string;
+};
+/**
+ * 验证JSON格式
+ */
+export declare function validateJson(jsonString: string): {
+    valid: boolean;
+    error?: string;
+    data?: any;
+};
+/**
+ * 验证文件路径
+ */
+export declare function validateFilePath(path: string): {
+    valid: boolean;
+    error?: string;
+};

package/integration-test-output.txt

@@ -0,0 +1,50 @@
+
+> tabby-ai-assistant@1.0.0 test
+> jest integration-tests/api-integration.test.ts --silent=false
+
+FAIL integration-tests/api-integration.test.ts (12.559 s)
+  GLM API Integration Tests
+    √ should connect to GLM API successfully (490 ms)
+    × should handle API errors gracefully (467 ms)
+    × should generate command from natural language (474 ms)
+  OpenAI API Integration Tests
+    √ should test OpenAI API connectivity (10032 ms)
+
+  ● GLM API Integration Tests › should handle API errors gracefully
+
+    expect(received).toBe(expected) // Object.is equality
+
+    Expected: 401
+    Received: undefined
+
+      103 |             console.log('✅ 错误处理测试通过');
+      104 |             console.log('捕获到预期错误:', error.message);
+    > 105 |             expect(error.response?.status).toBe(401);
+          |                                            ^
+      106 |         }
+      107 |     }, 30000);
+      108 |
+
+      at Object.<anonymous> (integration-tests/api-integration.test.ts:105:44)
+
+  ● GLM API Integration Tests › should generate command from natural language
+
+    expect(received).toBeDefined()
+
+    Received: undefined
+
+      134 |
+      135 |             expect(response.status).toBe(200);
+    > 136 |             expect(response.data.content?.[0]?.text).toBeDefined();
+          |                                                      ^
+      137 |         } catch (error: any) {
+      138 |             console.error('❌ 命令生成测试失败:', error.message);
+      139 |             throw error;
+
+      at Object.<anonymous> (integration-tests/api-integration.test.ts:136:54)
+
+Test Suites: 1 failed, 1 total
+Tests:       2 failed, 2 passed, 4 total
+Snapshots:   0 total
+Time:        13.256 s
+Ran all test suites matching /integration-tests\\api-integration.test.ts/i.

package/integration-tests/api-integration.test.ts

@@ -0,0 +1,183 @@
+/**
+ * 集成测试 - AI提供商API调用
+ * 使用真实API进行测试
+ */
+
+import axios from 'axios';
+
+// GLM API配置
+const GLM_API_CONFIG = {
+    apiKey: 'e247e649f1534651a3f12bfe47d2c42f.qlrVZegtSW0nFdMI',
+    baseURL: 'https://open.bigmodel.cn/api/anthropic',
+    model: 'glm-4'
+};
+
+describe('GLM API Integration Tests', () => {
+    it('should connect to GLM API successfully', async () => {
+        try {
+            console.log('🔄 开始连接GLM API...');
+            console.log('API配置:', {
+                baseURL: GLM_API_CONFIG.baseURL,
+                model: GLM_API_CONFIG.model,
+                apiKeyLength: GLM_API_CONFIG.apiKey.length
+            });
+
+            const response = await axios.post(
+                `${GLM_API_CONFIG.baseURL}/messages`,
+                {
+                    model: GLM_API_CONFIG.model,
+                    max_tokens: 100,
+                    messages: [
+                        {
+                            role: 'user',
+                            content: 'Hello, can you respond?'
+                        }
+                    ]
+                },
+                {
+                    headers: {
+                        'Content-Type': 'application/json',
+                        'Authorization': `Bearer ${GLM_API_CONFIG.apiKey}`
+                    },
+                    timeout: 30000
+                }
+            );
+
+            console.log('✅ GLM API连接成功');
+            console.log('响应状态:', response.status);
+            console.log('响应数据结构:', JSON.stringify(response.data, null, 2));
+
+            expect(response.status).toBe(200);
+            expect(response.data).toBeDefined();
+            // GLM API可能使用不同的响应格式
+            if (response.data.content) {
+                expect(response.data.content).toBeDefined();
+            } else if (response.data.choices) {
+                expect(response.data.choices).toBeDefined();
+                console.log('choices格式响应:', response.data.choices);
+            }
+        } catch (error: any) {
+            console.error('❌ GLM API连接失败');
+            console.error('错误类型:', error.name);
+            console.error('错误信息:', error.message);
+            console.error('完整错误对象:', error.toJSON ? error.toJSON() : error);
+            if (error.response) {
+                console.error('响应状态:', error.response.status);
+                console.error('响应头:', error.response.headers);
+                console.error('响应数据:', error.response.data);
+            } else if (error.request) {
+                console.error('请求配置:', error.config);
+                console.error('无响应返回 - 可能是网络问题或超时');
+            }
+            throw error;
+        }
+    }, 60000);
+
+    it('should handle API errors gracefully', async () => {
+        try {
+            // 使用无效的API key测试错误处理
+            const response = await axios.post(
+                `${GLM_API_CONFIG.baseURL}/messages`,
+                {
+                    model: GLM_API_CONFIG.model,
+                    max_tokens: 100,
+                    messages: [
+                        {
+                            role: 'user',
+                            content: 'Test'
+                        }
+                    ]
+                },
+                {
+                    headers: {
+                        'Content-Type': 'application/json',
+                        'Authorization': 'Bearer invalid-key'
+                    },
+                    timeout: 10000
+                }
+            );
+
+            // 如果到这里说明没有抛出错误，测试失败
+            fail('应该抛出API错误');
+        } catch (error: any) {
+            console.log('✅ 错误处理测试通过');
+            console.log('捕获到预期错误:', error.message);
+            expect(error.response?.status).toBe(401);
+        }
+    }, 30000);
+
+    it('should generate command from natural language', async () => {
+        try {
+            const response = await axios.post(
+                `${GLM_API_CONFIG.baseURL}/messages`,
+                {
+                    model: GLM_API_CONFIG.model,
+                    max_tokens: 200,
+                    messages: [
+                        {
+                            role: 'user',
+                            content: `请将以下自然语言转换为终端命令："列出当前目录的所有文件"`
+                        }
+                    ]
+                },
+                {
+                    headers: {
+                        'Content-Type': 'application/json',
+                        'Authorization': `Bearer ${GLM_API_CONFIG.apiKey}`
+                    },
+                    timeout: 30000
+                }
+            );
+
+            console.log('✅ 命令生成测试成功');
+            console.log('生成内容:', response.data.content?.[0]?.text);
+
+            expect(response.status).toBe(200);
+            expect(response.data.content?.[0]?.text).toBeDefined();
+        } catch (error: any) {
+            console.error('❌ 命令生成测试失败:', error.message);
+            throw error;
+        }
+    }, 60000);
+});
+
+// OpenAI API测试
+const OPENAI_API_CONFIG = {
+    apiKey: 'sk-test-key',  // 测试密钥
+    baseURL: 'https://api.openai.com/v1',
+    model: 'gpt-3.5-turbo'
+};
+
+describe('OpenAI API Integration Tests', () => {
+    it('should test OpenAI API connectivity', async () => {
+        try {
+            const response = await axios.post(
+                `${OPENAI_API_CONFIG.baseURL}/chat/completions`,
+                {
+                    model: OPENAI_API_CONFIG.model,
+                    max_tokens: 100,
+                    messages: [
+                        {
+                            role: 'user',
+                            content: 'Hello'
+                        }
+                    ]
+                },
+                {
+                    headers: {
+                        'Content-Type': 'application/json',
+                        'Authorization': `Bearer ${OPENAI_API_CONFIG.apiKey}`
+                    },
+                    timeout: 10000
+                }
+            );
+
+            console.log('✅ OpenAI API测试完成');
+            console.log('响应状态:', response.status);
+        } catch (error: any) {
+            console.log('ℹ️ OpenAI API测试（使用测试密钥，预期失败）');
+            console.log('错误信息:', error.message);
+            // 对于OpenAI，我们只是测试连接，不强制要求成功
+        }
+    }, 30000);
+});

package/jest.config.js

@@ -0,0 +1,47 @@
+module.exports = {
+    preset: 'jest-preset-angular',
+    setupFilesAfterEnv: ['<rootDir>/setup-jest.ts'],
+    testMatch: [
+        '**/?(*.)+(spec|test).ts'
+    ],
+    moduleFileExtensions: [
+        'ts',
+        'html',
+        'js',
+        'json'
+    ],
+    moduleNameMapper: {
+        '^@/(.*)$': '<rootDir>/src/$1',
+        '\\.(css|less|scss|sass)$': 'identity-obj-proxy'
+    },
+    transform: {
+        '^.+\\.ts$': 'ts-jest',
+        '\\.(html|css|scss)$': 'jest-preset-angular'
+    },
+    transformIgnorePatterns: [
+        'node_modules/(?!.*\\.mjs$)'
+    ],
+    collectCoverageFrom: [
+        'src/**/*.ts',
+        '!src/**/*.spec.ts',
+        '!src/**/*.d.ts',
+        '!src/main.ts',
+        '!src/index.ts'
+    ],
+    coverageDirectory: 'coverage',
+    coverageReporters: [
+        'text',
+        'lcov',
+        'html'
+    ],
+    coverageThreshold: {
+        global: {
+            branches: 70,
+            functions: 70,
+            lines: 70,
+            statements: 70
+        }
+    },
+    testEnvironment: 'jsdom',
+    verbose: true
+};

package/package.json

@@ -0,0 +1,73 @@
+{
+    "name": "tabby-ai-assistant",
+    "version": "1.0.0",
+    "description": "Tabby终端AI助手插件 - 支持多AI提供商（OpenAI、Anthropic、Minimax、GLM）",
+    "main": "dist/index.js",
+    "typings": "dist/index.d.ts",
+    "scripts": {
+        "build": "webpack --progress --color",
+        "watch": "webpack --progress --color --watch",
+        "clean": "rimraf dist build",
+        "test": "jest"
+    },
+    "keywords": [
+        "tabby-plugin",
+        "tabby",
+        "terminal",
+        "ai",
+        "assistant",
+        "openai",
+        "anthropic",
+        "minimax",
+        "glm",
+        "chatglm"
+    ],
+    "author": "Tabby AI Assistant Team",
+    "license": "MIT",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/your-username/tabby-ai-assistant.git"
+    },
+    "homepage": "https://github.com/your-username/tabby-ai-assistant#readme",
+    "dependencies": {
+        "@angular/animations": "~15.2.10",
+        "@angular/common": "~15.2.10",
+        "@angular/core": "~15.2.10",
+        "@angular/forms": "~15.2.10",
+        "@angular/platform-browser": "~15.2.10",
+        "@angular/platform-browser-dynamic": "~15.2.10",
+        "@anthropic-ai/sdk": "^0.20.0",
+        "@ng-bootstrap/ng-bootstrap": "~14.2.0",
+        "axios": "^1.6.0",
+        "crypto-js": "^4.2.0",
+        "rxjs": "^7.8.1",
+        "tabby-core": "*",
+        "tabby-settings": "*",
+        "tabby-terminal": "*",
+        "zod": "^3.22.4"
+    },
+    "devDependencies": {
+        "@types/crypto-js": "^4.2.2",
+        "@types/jest": "^29.5.11",
+        "@types/node": "^20.11.5",
+        "angular2-template-loader": "^0.6.2",
+        "awesome-typescript-loader": "^5.2.1",
+        "css-loader": "^7.1.2",
+        "identity-obj-proxy": "^3.0.0",
+        "jest": "^29.7.0",
+        "jest-preset-angular": "^13.1.4",
+        "pug": "^3.0.3",
+        "pug-plain-loader": "^1.1.0",
+        "raw-loader": "^4.0.2",
+        "rimraf": "^6.0.1",
+        "sass": "^1.89.2",
+        "sass-loader": "^16.0.5",
+        "style-loader": "^3.3.1",
+        "to-string-loader": "^1.2.0",
+        "ts-jest": "^29.1.1",
+        "ts-loader": "^9.5.2",
+        "typescript": "^4.2.3",
+        "webpack": "^5.24.4",
+        "webpack-cli": "^4.5.0"
+    }
+}

package/setup-jest.ts

@@ -0,0 +1,37 @@
+// 简化测试配置
+// 模拟localStorage
+const localStorageMock = {
+    getItem: jest.fn(),
+    setItem: jest.fn(),
+    removeItem: jest.fn(),
+    clear: jest.fn(),
+};
+global.localStorage = localStorageMock as any;
+
+// 模拟navigator.clipboard
+Object.defineProperty(navigator, 'clipboard', {
+    value: {
+        writeText: jest.fn().mockImplementation(() => Promise.resolve()),
+        readText: jest.fn().mockImplementation(() => Promise.resolve())
+    }
+});
+
+// 模拟crypto
+Object.defineProperty(global, 'crypto', {
+    value: {
+        getRandomValues: jest.fn().mockReturnValue(new Uint8Array(32)),
+        subtle: {
+            digest: jest.fn().mockImplementation(() => Promise.resolve(new ArrayBuffer(32)))
+        }
+    }
+});
+
+// 模拟console.log以减少测试输出噪音
+global.console = {
+    ...console,
+    log: jest.fn(),
+    debug: jest.fn(),
+    info: jest.fn(),
+    warn: jest.fn(),
+    error: jest.fn()
+};

package/src/components/chat/chat-input.component.html

@@ -0,0 +1,61 @@
+<div class="chat-input-container">
+    <!-- 输入区域 -->
+    <div class="input-wrapper">
+        <textarea
+            #textInput
+            class="chat-textarea"
+            [value]="inputValue"
+            [placeholder]="placeholder"
+            [disabled]="disabled"
+            (keydown)="onKeydown($event)"
+            (input)="onInput($event)"
+            (compositionstart)="onCompositionStart()"
+            (compositionend)="onCompositionEnd()"
+            rows="1">
+        </textarea>
+
+        <!-- 字符计数 -->
+        <div class="char-counter" [ngClass]="{
+            'warning': isNearLimit() && !isOverLimit(),
+            'error': isOverLimit()
+        }">
+            {{ getCharCount() }} / {{ getCharLimit() }}
+        </div>
+    </div>
+
+    <!-- 操作按钮 -->
+    <div class="input-actions">
+        <!-- 清空按钮 -->
+        <button
+            *ngIf="inputValue && !disabled"
+            class="btn-icon"
+            (click)="clear()"
+            title="清空">
+            <i class="icon-clear"></i>
+        </button>
+
+        <!-- 发送按钮 -->
+        <button
+            class="btn-send"
+            [disabled]="!inputValue.trim() || disabled || isOverLimit()"
+            (click)="submit()"
+            title="发送 (Enter)">
+            <i class="icon-send"></i>
+            <span class="btn-text">发送</span>
+        </button>
+    </div>
+
+    <!-- 帮助提示 -->
+    <div class="input-hints">
+        <span class="hint-item">
+            <kbd>Enter</kbd> 发送
+        </span>
+        <span class="hint-item">
+            <kbd>Shift + Enter</kbd> 换行
+        </span>
+        <span class="hint-item" *ngIf="isNearLimit()">
+            <i class="icon-warning"></i>
+            接近字符限制
+        </span>
+    </div>
+</div>