@saber2pr/ai-assistant 0.0.10 → 0.0.12

package/ReadMe.md

@@ -1,6 +1,8 @@
 ### @saber2pr/ai-assistant
 
-Quickly customize your GPT UI. **100% Client-side, No Server Required.**
+Quickly customize your GPT UI.
+
+> Demo see: https://saber2pr.top/
 
 ### Installation
 
@@ -20,7 +22,8 @@ import { initAIAssistant } from '@saber2pr/ai-assistant';
 initAIAssistant({
   welcomeMessage: 'Hello! I am your AI assistant. How can I help you today?',
   suggestions: ['How to use this UI?', 'Tell me about assistant-ui'],
-  locale: 'en-US'
+  locale: 'en-US',
+  theme: () => document.body.getAttribute('data-theme') === 'dark' ? 'dark' : 'light'
 });
 ```
 
@@ -42,6 +45,7 @@ Initializes and mounts the AI assistant. This assistant runs entirely in the bro
 | `placeholder` | `string` | - | The placeholder text for the message input box. |
 | `emptyMessage` | `string` | - | The message displayed when the thread list is empty. |
 | `locale` | `'zh-CN' \| 'en-US'` | `'zh-CN'` | The language locale for the UI. |
+| `theme` | `'light' \| 'dark' \| (() => 'light' \| 'dark')` | `'light'` | The theme for the UI. Supports a function for dynamic updates when the drawer opens. |
 | `containerId` | `string` | `'ai-assistant-root'` | The ID of the container element where the assistant will be mounted. |
 | `initialPosition` | `{ x: number; y: number }` | Bottom-right | The initial coordinates of the floating button. |
 | `onBeforeChat` | `Function` | - | A hook to intercept and modify messages before they are sent to the AI. |

package/lib/app.js

@@ -10,7 +10,6 @@ document.body.append(h1);
 // 默认执行初始化
 (0, chat_1.default)({
     locale: 'en-US',
-    theme: function () { return 'light'; }
     // welcomeMessage: '有什么可以帮忙的？',
     // suggestions: ['如何用 Typescript 实现 Helloworld？', '物联网是什么？'],
     // placeholder: '给 GPT 发送消息',

package/lib/chat.js

@@ -222,7 +222,7 @@ var MyAppContent = function (_a) {
                             react_1.default.createElement(ThreadList_1.ThreadList, { onItemClick: function () { return setActiveTab('chat'); } }))))),
                 react_1.default.createElement(chat_style_1.PoweredBy, null,
                     "Powerd by ",
-                    react_1.default.createElement(chat_style_1.PoweredByLink, { href: "https://github.com/Saber2pr/my-gpt-ui", target: "_blank", rel: "noreferrer" }, "my-gpt-ui"))))));
+                    react_1.default.createElement(chat_style_1.PoweredByLink, { href: "https://github.com/Saber2pr/ai-assistant/", target: "_blank", rel: "noreferrer" }, "ai-assistant"))))));
 };
 var initAIAssistant = function (config, container) {
     if (config === void 0) { config = {}; }

package/lib/components/Codeblock/index.style.js

@@ -9,5 +9,5 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Contain = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.Contain = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  max-width: 100%;\n  overflow: hidden;\n  border-radius: 8px;\n  margin: 8px 0;\n\n  pre {\n    margin: 0 !important;\n    max-width: 100%;\n    overflow: auto !important;\n    white-space: pre-wrap !important;\n    word-break: break-all !important;\n  }\n\n  .Paste {\n    position: absolute;\n    top: 0.5rem;\n    right: 0.5rem;\n    color: rgb(173, 173, 173);\n    opacity: 0.5;\n    cursor: pointer;\n\n    &:hover {\n      opacity: 1;\n    }\n  }\n"], ["\n  position: relative;\n  max-width: 100%;\n  overflow: hidden;\n  border-radius: 8px;\n  margin: 8px 0;\n\n  pre {\n    margin: 0 !important;\n    max-width: 100%;\n    overflow: auto !important;\n    white-space: pre-wrap !important;\n    word-break: break-all !important;\n  }\n\n  .Paste {\n    position: absolute;\n    top: 0.5rem;\n    right: 0.5rem;\n    color: rgb(173, 173, 173);\n    opacity: 0.5;\n    cursor: pointer;\n\n    &:hover {\n      opacity: 1;\n    }\n  }\n"])));
+exports.Contain = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  max-width: 100%;\n  overflow: hidden;\n  border-radius: 8px;\n  margin: 8px 0;\n\n  pre {\n    margin: 0 !important;\n    max-width: 452px;\n    overflow: auto !important;\n    white-space: pre-wrap !important;\n    word-break: break-all !important;\n  }\n\n  .Paste {\n    position: absolute;\n    top: 0.5rem;\n    right: 0.5rem;\n    color: rgb(173, 173, 173);\n    opacity: 0.5;\n    cursor: pointer;\n\n    &:hover {\n      opacity: 1;\n    }\n  }\n"], ["\n  position: relative;\n  max-width: 100%;\n  overflow: hidden;\n  border-radius: 8px;\n  margin: 8px 0;\n\n  pre {\n    margin: 0 !important;\n    max-width: 452px;\n    overflow: auto !important;\n    white-space: pre-wrap !important;\n    word-break: break-all !important;\n  }\n\n  .Paste {\n    position: absolute;\n    top: 0.5rem;\n    right: 0.5rem;\n    color: rgb(173, 173, 173);\n    opacity: 0.5;\n    cursor: pointer;\n\n    &:hover {\n      opacity: 1;\n    }\n  }\n"])));
 var templateObject_1;

package/lib/components/Thread/index.js

@@ -127,7 +127,7 @@ var ThreadWelcomeSuggestions = function () {
         ? ["如何用 Typescript 实现 Helloworld？", "物联网是什么？"]
         : ["How to implement Helloworld in Typescript?", "What is IoT?"]);
     return (react_1.default.createElement(antd_1.Space, { style: { marginTop: 24 } }, suggestions.map(function (suggestion, index) { return (react_1.default.createElement(react_2.ThreadPrimitive.Suggestion, { key: index, prompt: suggestion, method: "replace", style: { border: 'none', padding: 0 }, autoSend: true },
-        react_1.default.createElement(antd_1.Card, { hoverable: true }, suggestion))); })));
+        react_1.default.createElement(antd_1.Card, { style: { borderRadius: 0 }, hoverable: true }, suggestion))); })));
 };
 // 底部的输入框
 var Composer = function () {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saber2pr/ai-assistant",
-  "version": "0.0.10",
+  "version": "0.0.12",
   "description": "AI Assistant",
   "files": [
     "lib"