quikchat 1.1.16 → 1.1.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -86
- package/dist/quikchat.cjs.js +346 -43
- package/dist/quikchat.cjs.js.map +1 -1
- package/dist/quikchat.cjs.min.js +1 -1
- package/dist/quikchat.cjs.min.js.map +1 -1
- package/dist/quikchat.esm.js +346 -43
- package/dist/quikchat.esm.js.map +1 -1
- package/dist/quikchat.esm.min.js +1 -1
- package/dist/quikchat.esm.min.js.map +1 -1
- package/dist/quikchat.umd.js +346 -43
- package/dist/quikchat.umd.js.map +1 -1
- package/dist/quikchat.umd.min.js +1 -1
- package/dist/quikchat.umd.min.js.map +1 -1
- package/package.json +8 -3
- package/dist/quikchat.react.js +0 -63
package/README.md
CHANGED
|
@@ -95,48 +95,7 @@ Download the latest release from [GitHub Releases](https://github.com/deftio/qui
|
|
|
95
95
|
|
|
96
96
|
|
|
97
97
|
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
### ⚡ Virtual Scrolling for High Performance
|
|
101
|
-
QuikChat now includes built-in virtual scrolling that handles 10,000+ messages efficiently. Only visible messages are rendered in the DOM, providing massive performance improvements:
|
|
102
|
-
|
|
103
|
-
- **10,000 messages**: Renders in 38ms (vs 146 seconds without)
|
|
104
|
-
- **Memory efficient**: ~2MB for 10,000 messages (vs ~187MB without)
|
|
105
|
-
- **Automatic activation**: Enables at 500+ messages by default
|
|
106
|
-
- **Dynamic height support**: Handles variable-length LLM responses
|
|
107
|
-
|
|
108
|
-
```javascript
|
|
109
|
-
// Virtual scrolling is enabled by default
|
|
110
|
-
const chat = new quikchat('#chat', handler);
|
|
111
|
-
|
|
112
|
-
// Check if virtual scrolling is active
|
|
113
|
-
if (chat.isVirtualScrollingEnabled()) {
|
|
114
|
-
console.log('Virtual scrolling is active');
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
// Get virtual scrolling configuration
|
|
118
|
-
const config = chat.getVirtualScrollingConfig();
|
|
119
|
-
console.log(`Enabled: ${config.enabled}, Threshold: ${config.threshold}`);
|
|
120
|
-
|
|
121
|
-
// Disable if needed for specific use cases
|
|
122
|
-
const customChat = new quikchat('#custom-chat', handler, {
|
|
123
|
-
virtualScrolling: false
|
|
124
|
-
});
|
|
125
|
-
```
|
|
126
|
-
|
|
127
|
-
### 🎯 Smart Scroll Behavior
|
|
128
|
-
Improved user experience when reading chat history:
|
|
129
|
-
|
|
130
|
-
```javascript
|
|
131
|
-
// Never auto-scroll (user has full control)
|
|
132
|
-
chat.messageAddNew('New message', 'Bot', 'left', 'assistant', false);
|
|
133
|
-
|
|
134
|
-
// Smart scroll - only scrolls if user is near bottom
|
|
135
|
-
chat.messageAddNew('New message', 'Bot', 'left', 'assistant', 'smart');
|
|
136
|
-
|
|
137
|
-
// Always scroll to new messages (default)
|
|
138
|
-
chat.messageAddNew('New message', 'Bot', 'left', 'assistant', true);
|
|
139
|
-
```
|
|
98
|
+
**[📖 View Full Release Notes](docs/release-notes.md)**
|
|
140
99
|
|
|
141
100
|
### 🔔 Enhanced Message Callbacks
|
|
142
101
|
Track message modifications for streaming and real-time updates:
|
|
@@ -180,50 +139,6 @@ console.log(`Total messages: ${info.totalMessages}`);
|
|
|
180
139
|
console.log(`Memory used: ${info.memoryUsage.estimatedSize} bytes`);
|
|
181
140
|
```
|
|
182
141
|
|
|
183
|
-
## 📦 Previous Release: v1.1.14
|
|
184
|
-
|
|
185
|
-
### 🏷 Tagged Message System
|
|
186
|
-
Group and control message visibility with powerful tagging:
|
|
187
|
-
|
|
188
|
-
```javascript
|
|
189
|
-
// Add messages with tags
|
|
190
|
-
chat.messageAddNew('System initialized', 'System', 'center', 'system', true, true, ['system', 'startup']);
|
|
191
|
-
|
|
192
|
-
// Control visibility by tag
|
|
193
|
-
chat.setTagVisibility('system', false); // Hide all system messages
|
|
194
|
-
chat.setTagVisibility('system', true); // Show all system messages
|
|
195
|
-
|
|
196
|
-
// Get active tags
|
|
197
|
-
const tags = chat.getActiveTags(); // ['system', 'startup', 'user']
|
|
198
|
-
```
|
|
199
|
-
|
|
200
|
-
### 🎯 Instance Scoping
|
|
201
|
-
Multiple chat instances with different styling and behavior:
|
|
202
|
-
|
|
203
|
-
```javascript
|
|
204
|
-
const salesChat = new quikchat('#sales', handler, {
|
|
205
|
-
theme: 'quikchat-theme-light',
|
|
206
|
-
instanceClass: 'sales-chat'
|
|
207
|
-
});
|
|
208
|
-
|
|
209
|
-
const supportChat = new quikchat('#support', handler, {
|
|
210
|
-
theme: 'quikchat-theme-dark',
|
|
211
|
-
instanceClass: 'support-chat'
|
|
212
|
-
});
|
|
213
|
-
```
|
|
214
|
-
|
|
215
|
-
### 👁 Enhanced Visibility Controls (v1.1.13+)
|
|
216
|
-
Fine-grained control over message display:
|
|
217
|
-
|
|
218
|
-
```javascript
|
|
219
|
-
// Hide individual messages
|
|
220
|
-
chat.messageSetVisibility(messageId, false);
|
|
221
|
-
|
|
222
|
-
// Check visibility status
|
|
223
|
-
const isVisible = chat.messageGetVisibility(messageId);
|
|
224
|
-
```
|
|
225
|
-
|
|
226
|
-
**[View Complete Changelog](https://github.com/deftio/quikchat/releases)**
|
|
227
142
|
|
|
228
143
|
|
|
229
144
|
|