ai-chat-ui-kit 0.1.0 → 0.1.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 edenxpzhang
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,7 +1,4 @@
-/**
- * @generated-by AI: edenxpzhang
- * @generated-date 2026-05-13
- */
+
 # AI Chat UI Kit
 
 ![Version](https://img.shields.io/badge/version-0.1.0-blue.svg)
@@ -43,17 +40,17 @@
 
 ### 使用 PNPM（推荐）
 ```bash
-pnpm add @ai-chat/core @ai-chat/components @ai-chat/themes
+pnpm add @ai-chat-ui-kit/core @ai-chat-ui-kit/components @ai-chat-ui-kit/themes
 ```
 
 ### 使用 NPM
 ```bash
-npm install @ai-chat/core @ai-chat/components @ai-chat/themes
+npm install @ai-chat-ui-kit/core @ai-chat-ui-kit/components @ai-chat-ui-kit/themes
 ```
 
 ### 使用 Yarn
 ```bash
-yarn add @ai-chat/core @ai-chat/components @ai-chat/themes
+yarn add @ai-chat-ui-kit/core @ai-chat-ui-kit/components @ai-chat-ui-kit/themes
 ```
 
 ## 🚀 快速开始

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "ai-chat-ui-kit",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "AI Chat UI Kit - Web Components based chat UI with headless mode",
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build:core": "pnpm --filter @ai-chat/core run build",
-    "build:components": "pnpm --filter @ai-chat/components run build",
-    "build:themes": "pnpm --filter @ai-chat/themes run build",
+    "build:core": "pnpm --filter @ai-chat-ui-kit/core run build",
+    "build:components": "pnpm --filter @ai-chat-ui-kit/components run build",
+    "build:themes": "pnpm --filter @ai-chat-ui-kit/themes run build",
     "build": "pnpm run build:core && pnpm run build:components && pnpm run build:themes",
     "test": "vitest run",
     "test:watch": "vitest",
@@ -26,6 +26,10 @@
   ],
   "author": "eden_zxpzhang",
   "license": "MIT",
+  "files": [
+    "README.md",
+    "LICENSE"
+  ],
   "devDependencies": {
     "@typescript-eslint/eslint-plugin": "^6.0.0",
     "@typescript-eslint/parser": "^6.0.0",

package/.eslintrc.cjs

@@ -1,74 +0,0 @@
-/**
- * @generated-by AI: edenxpzhang
- * @generated-date 2026-05-13
- */
-
-module.exports = {
-  root: true,
-  env: {
-    browser: true,
-    es2020: true,
-    node: true,
-  },
-  parser: '@typescript-eslint/parser',
-  parserOptions: {
-    ecmaVersion: 2020,
-    sourceType: 'module',
-    ecmaFeatures: {
-      jsx: true,
-      tsx: true,
-    },
-  },
-  plugins: ['@typescript-eslint'],
-  extends: [
-    'eslint:recommended',
-    'plugin:@typescript-eslint/recommended',
-  ],
-  rules: {
-    // TypeScript specific rules
-    '@typescript-eslint/no-explicit-any': 'warn',
-    '@typescript-eslint/no-unused-vars': ['warn', { argsIgnorePattern: '^_' }],
-    '@typescript-eslint/explicit-function-return-type': 'off',
-    '@typescript-eslint/explicit-module-boundary-types': 'off',
-    '@typescript-eslint/no-non-null-assertion': 'warn',
-    '@typescript-eslint/consistent-type-imports': 'error',
-
-    // General rules
-    'no-console': ['warn', { allow: ['warn', 'error', 'info'] }],
-    'no-debugger': 'error',
-    'no-alert': 'warn',
-    'no-restricted-syntax': 'off',
-
-    // Import rules
-    'no-unused-vars': 'off', // Handled by @typescript-eslint
-  },
-  overrides: [
-    // Lit component rules
-    {
-      files: ['*.ts'],
-      excludedFiles: ['*.test.ts', '*.spec.ts'],
-      rules: {
-        'class-methods-use-this': 'off',
-      },
-    },
-    // Test files
-    {
-      files: ['*.test.ts', '*.spec.ts', '**/tests/**/*.ts'],
-      env: {
-        jest: true,
-      },
-      rules: {
-        '@typescript-eslint/no-explicit-any': 'off',
-      },
-    },
-  ],
-  ignorePatterns: [
-    'dist/',
-    'node_modules/',
-    '*.config.js',
-    '*.config.cjs',
-    'build/',
-    'coverage/',
-    '.turbo/',
-  ],
-};

package/.github/actions/screenshot/action.yml

@@ -1,35 +0,0 @@
-/**
- * @generated-by AI: edenxpzhang
- * @generated-date 2026-05-13
- */
-name: Generate Theme Screenshots
-description: Take screenshots of all 6 chat UI themes
-
-inputs:
-  output-dir:
-    description: Directory to save screenshots
-    required: false
-    default: docs/screenshots
-
-runs:
-  using: composite
-  steps:
-    - name: Install Playwright
-      shell: bash
-      run: |
-        npm install -g playwright
-        playwright install chromium
-
-    - name: Take screenshots
-      shell: bash
-      run: |
-        mkdir -p ${{ inputs.output-dir }}
-        for theme in minimal neon glass terminal gradient corporate; do
-          echo "Screenshotting ${theme}..."
-          playwright screenshot \
-            --url "file://$(pwd)/docs/chat-style-${theme}.html" \
-            --output "${{ inputs.output-dir }}/${theme}.png" \
-            --viewport "400,700" \
-            --timeout 10000 || true
-        done
-        echo "Screenshots saved to ${{ inputs.output-dir }}/"

package/.github/workflows/pages.yml

@@ -1,46 +0,0 @@
-/**
- * @generated-by AI: edenxpzhang
- * @generated-date 2026-05-13
- */
-name: Deploy to GitHub Pages
-
-on:
-  push:
-    branches: [master]
-  workflow_dispatch:
-
-permissions:
-  contents: read
-  pages: write
-  id-token: write
-
-concurrency:
-  group: pages
-  cancel-in-progress: true
-
-jobs:
-  deploy:
-    environment:
-      name: github-pages
-      url: ${{ steps.deployment.outputs.page_url }}
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: 20
-
-      - name: Generate screenshots
-        uses: .github/actions/screenshot
-
-      - name: Upload artifact
-        uses: actions/upload-pages-artifact@v3
-        with:
-          path: ./docs
-
-      - name: Deploy to GitHub Pages
-        id: deployment
-        uses: actions/deploy-pages@v4

package/docs/README.md

@@ -1,176 +0,0 @@
-# AI Chat UI Kit 文档
-
-![Version](https://img.shields.io/badge/version-0.1.0-blue.svg)
-![License](https://img.shields.io/badge/license-MIT-green.svg)
-
-欢迎使用 AI Chat UI Kit 官方文档！
-
-## 📖 文档导航
-
-### 🚀 快速开始
-- [快速开始指南](./guide/getting-started.md) - 5分钟上手教程
-- [安装指南](./guide/getting-started.md#安装) - 详细安装步骤
-
-### 📚 使用指南
-- [Headless 模式](./guide/headless-mode.md) - 只使用逻辑层，自定义 UI
-- [主题定制](./guide/themes.md) - 自定义主题和样式
-- [插件开发](./guide/plugins.md) - 扩展功能
-- [API 适配器](./guide/api-adapters.md) - 兼容多种后端 API
-
-### 🔧 API 参考
-- [Core 包 API](./api/core.md) - 核心逻辑层 API
-- [Components 包 API](./api/components.md) - Web Components API
-
-### 💡 示例
-- [基本聊天](./examples/basic-chat.md) - 最简单的聊天功能
-- [自定义插件](./examples/custom-plugins.md) - 创建自定义插件
-- [多模型支持](./examples/multi-model.md) - 切换不同 AI 模型
-
-## 🎯 项目简介
-
-AI Chat UI Kit 是一套基于 Web Components 的 AI 聊天 UI 组件库，具有以下特点：
-
-- ✨ **跨框架兼容** - 原生 Web Components，支持 React、Vue、Angular 等
-- 🎨 **Headless 模式** - 可只使用逻辑层，完全自定义 UI
-- 🎭 **多主题支持** - 内置默认、气泡、扁平三种主题
-- 🔌 **插件系统** - 易于扩展功能
-- 📡 **API 适配器** - 兼容多种后端 API 格式
-- 📦 **轻量级** - 无 heavy dependencies
-
-## 📦 安装
-
-```bash
-# PNPM（推荐）
-pnpm add @ai-chat/core @ai-chat/components @ai-chat/themes
-
-# NPM
-npm install @ai-chat/core @ai-chat/components @ai-chat/themes
-
-# Yarn
-yarn add @ai-chat/core @ai-chat/components @ai-chat/themes
-```
-
-## 🚀 快速开始
-
-### 原生 HTML
-
-```html
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-  <meta charset="UTF-8">
-  <title>AI Chat Demo</title>
-  <script type="module">
-    import '@ai-chat/components';
-    import '@ai-chat/themes/default';
-  </script>
-</head>
-<body>
-  <div style="height: 100vh">
-    <ai-chat></ai-chat>
-  </div>
-
-  <script>
-    const chat = document.querySelector('ai-chat');
-    chat.setMessageHandler(async (message) => {
-      await new Promise(resolve => setTimeout(resolve, 1000));
-      return `您说的是：${message}`;
-    });
-  </script>
-</body>
-</html>
-```
-
-### React
-
-```tsx
-import React, { useEffect, useRef } from 'react';
-import '@ai-chat/components';
-import '@ai-chat/themes/default';
-
-const ChatApp: React.FC = () => {
-  const chatRef = useRef<HTMLElement>(null);
-
-  useEffect(() => {
-    if (chatRef.current) {
-      (chatRef.current as any).setMessageHandler(async (message: string) => {
-        await new Promise(resolve => setTimeout(resolve, 1000));
-        return `AI 回复：${message}`;
-      });
-    }
-  }, []);
-
-  return (
-    <div style={{ height: '100vh' }}>
-      <ai-chat ref={chatRef}></ai-chat>
-    </div>
-  );
-};
-
-export default ChatApp;
-```
-
-### Vue 3
-
-```vue
-<template>
-  <div style="height: 100vh">
-    <ai-chat ref="chatRef"></ai-chat>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, onMounted } from 'vue';
-import '@ai-chat/components';
-import '@ai-chat/themes/default';
-
-const chatRef = ref<HTMLElement>();
-
-onMounted(() => {
-  if (chatRef.value) {
-    (chatRef.value as any).setMessageHandler(async (message: string) => {
-      await new Promise(resolve => setTimeout(resolve, 1000));
-      return `AI 回复：${message}`;
-    });
-  }
-});
-</script>
-```
-
-## 🎨 主题切换
-
-```typescript
-// 使用默认主题
-import '@ai-chat/themes/default';
-
-// 使用气泡主题（仿微信/QQ 风格）
-import '@ai-chat/themes/bubble';
-
-// 使用扁平主题
-import '@ai-chat/themes/flat';
-```
-
-## 🏗️ 项目结构
-
-```
-ai-chat-ui-kit/
-├── packages/
-│   ├── core/          # 核心逻辑层（状态管理、API 适配）
-│   ├── components/    # Web Components 封装（Lit）
-│   └── themes/        # 主题包（CSS + 配置）
-├── docs/              # 文档
-├── examples/          # 使用示例
-└── README.md          # 项目说明
-```
-
-## 🤝 贡献
-
-欢迎提交 Issue 和 Pull Request！
-
-## 📄 许可证
-
-[MIT License](./LICENSE)
-
----
-
-Built with ❤️ using [Lit](https://lit.dev/)