@lobehub/chat 0.119.9 → 0.119.10

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 # Changelog
 
+### [Version 0.119.10](https://github.com/lobehub/lobe-chat/compare/v0.119.9...v0.119.10)
+
+<sup>Released on **2024-01-08**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Debug information cannot be selected.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Debug information cannot be selected, closes [#980](https://github.com/lobehub/lobe-chat/issues/980) ([f02612d](https://github.com/lobehub/lobe-chat/commit/f02612d))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 0.119.9](https://github.com/lobehub/lobe-chat/compare/v0.119.8...v0.119.9)
 
 <sup>Released on **2024-01-08**</sup>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.119.9",
+  "version": "0.119.10",
   "description": "Lobe Chat - an open-source, high-performance chatbot framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.",
   "keywords": [
     "framework",

package/src/app/chat/(desktop)/features/ChatInput/__tests__/useAutoFocus.test.ts

@@ -7,6 +7,7 @@ enum ElType {
   div,
   input,
   markdown,
+  debug,
 }
 
 // 模拟elementFromPoint方法
@@ -19,6 +20,10 @@ document.elementFromPoint = function (x) {
     return document.createElement('input');
   }
 
+  if (x === ElType.debug) {
+    return document.createElement('pre');
+  }
+
   if (x === ElType.markdown) {
     const markdownEl = document.createElement('article');
     const markdownChildEl = document.createElement('p');
@@ -68,7 +73,7 @@ describe('useAutoFocus', () => {
     const inputRef = { current: { focus: vi.fn() } } as RefObject<any>;
     renderHook(() => useAutoFocus(inputRef));
 
-    // Simulate a mousedown event on an input element
+    // Simulate a mousedown event on a markdown element
     act(() => {
       document.dispatchEvent(
         new MouseEvent('mousedown', { bubbles: true, clientX: ElType.markdown }),
@@ -82,4 +87,21 @@ describe('useAutoFocus', () => {
 
     expect(inputRef.current?.focus).not.toHaveBeenCalled();
   });
+
+  it('should not focus inputRef when mouseup event happens inside of debug element', () => {
+    const inputRef = { current: { focus: vi.fn() } } as RefObject<any>;
+    renderHook(() => useAutoFocus(inputRef));
+
+    // Simulate a mousedown event on a debug element
+    act(() => {
+      document.dispatchEvent(new MouseEvent('mousedown', { bubbles: true, clientX: ElType.debug }));
+    });
+
+    // Simulate a mouseup event
+    act(() => {
+      document.dispatchEvent(new MouseEvent('mouseup', { bubbles: true }));
+    });
+
+    expect(inputRef.current?.focus).not.toHaveBeenCalled();
+  });
 });

package/src/app/chat/(desktop)/features/ChatInput/useAutoFocus.ts

@@ -11,9 +11,12 @@ export const useAutoFocus = (inputRef: RefObject<TextAreaRef>) => {
       if (!element) return;
       let currentElement: Element | null = element;
       // 因为点击 Markdown 元素时，element 会是 article 标签的子元素
-      // 所以向上查找全局点击对象是否是 Markdown 或者 Input 元素
+      // Debug 信息时，element 会是 pre 标签
+      // 所以向上查找全局点击对象是否是 Markdown 或者 Input 或者 Debug 元素
       while (currentElement && !isInputOrMarkdown) {
-        isInputOrMarkdown = ['TEXTAREA', 'INPUT', 'ARTICLE'].includes(currentElement.tagName);
+        isInputOrMarkdown = ['TEXTAREA', 'INPUT', 'ARTICLE', 'PRE'].includes(
+          currentElement.tagName,
+        );
         currentElement = currentElement.parentElement;
       }
     };