vzcode 2.3.0 → 2.5.0

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.
Files changed (198) hide show
  1. package/dist/assets/{index-DuUjtrt6.js → index-DB93Pffa.js} +84 -84
  2. package/dist/index.html +1 -1
  3. package/package.json +3 -2
  4. package/src/cli.ts +208 -0
  5. package/src/client/AIAssist/AIAssistCodeMirrorKeyMap.ts +42 -0
  6. package/src/client/AIAssist/AIAssistWidget/index.tsx +135 -0
  7. package/src/client/AIAssist/AIAssistWidget/style.scss +47 -0
  8. package/src/client/AIAssist/Spinner.jsx +76 -0
  9. package/src/client/AIAssist/formatFile.ts +27 -0
  10. package/src/client/AIAssist/generateFilesContext.ts +25 -0
  11. package/src/client/AIAssist/index.ts +2 -0
  12. package/src/client/AIAssist/startAIAssist.ts +95 -0
  13. package/src/client/App/index.tsx +152 -0
  14. package/src/client/App/style.scss +82 -0
  15. package/src/client/App/usePending.ts +51 -0
  16. package/src/client/App/useShareDB.ts +161 -0
  17. package/src/client/CodeEditor/Copilot/index.ts +74 -0
  18. package/src/client/CodeEditor/InteractiveWidgets/boolToggler.ts +12 -0
  19. package/src/client/CodeEditor/InteractiveWidgets/colorPicker.ts +68 -0
  20. package/src/client/CodeEditor/InteractiveWidgets/colorsInTextPlugin.ts +174 -0
  21. package/src/client/CodeEditor/InteractiveWidgets/highlightWidgets.ts +79 -0
  22. package/src/client/CodeEditor/InteractiveWidgets/index.ts +44 -0
  23. package/src/client/CodeEditor/InteractiveWidgets/markdownCheckboxToggler.ts +12 -0
  24. package/src/client/CodeEditor/InteractiveWidgets/numberDragger.ts +20 -0
  25. package/src/client/CodeEditor/InteractiveWidgets/rotateWidget.ts +143 -0
  26. package/src/client/CodeEditor/InteractiveWidgets/urlClicker.test.ts +48 -0
  27. package/src/client/CodeEditor/InteractiveWidgets/urlClicker.ts +12 -0
  28. package/src/client/CodeEditor/InteractiveWidgets/vec2Slider.ts +25 -0
  29. package/src/client/CodeEditor/basicSetup.ts +73 -0
  30. package/src/client/CodeEditor/getOrCreateEditor.tsx +615 -0
  31. package/src/client/CodeEditor/index.tsx +202 -0
  32. package/src/client/CodeEditor/json1PresenceBroadcast.ts +41 -0
  33. package/src/client/CodeEditor/json1PresenceDisplay.ts +350 -0
  34. package/src/client/CodeEditor/rainbowBrackets.ts +122 -0
  35. package/src/client/CodeEditor/style.scss +156 -0
  36. package/src/client/CodeEditor/typescriptExtension/worker.ts +32 -0
  37. package/src/client/CodeErrorOverlay/index.tsx +77 -0
  38. package/src/client/CodeErrorOverlay/style.scss +33 -0
  39. package/src/client/Fonts/fonts.ts +8 -0
  40. package/src/client/Icons/AdjustmentSVG.tsx +19 -0
  41. package/src/client/Icons/BugSVG.tsx +20 -0
  42. package/src/client/Icons/CloseSVG.tsx +19 -0
  43. package/src/client/Icons/CssSVG.tsx +16 -0
  44. package/src/client/Icons/DirectoryArrowSVG.tsx +19 -0
  45. package/src/client/Icons/EditSVG.tsx +19 -0
  46. package/src/client/Icons/FileSVG.tsx +19 -0
  47. package/src/client/Icons/FolderSVG.tsx +20 -0
  48. package/src/client/Icons/GearSVG.tsx +16 -0
  49. package/src/client/Icons/HtmlSVG.tsx +16 -0
  50. package/src/client/Icons/JavaScriptSVG.tsx +16 -0
  51. package/src/client/Icons/JsonSVG.tsx +16 -0
  52. package/src/client/Icons/MarkdownSVG.tsx +16 -0
  53. package/src/client/Icons/MicOffSVG.tsx +35 -0
  54. package/src/client/Icons/MicSVG.tsx +25 -0
  55. package/src/client/Icons/NewSVG.tsx +19 -0
  56. package/src/client/Icons/PinSVG.tsx +14 -0
  57. package/src/client/Icons/PlaySVG.tsx +16 -0
  58. package/src/client/Icons/QuestionMarkSVG.tsx +18 -0
  59. package/src/client/Icons/ReactSVG.tsx +16 -0
  60. package/src/client/Icons/SearchSVG.tsx +20 -0
  61. package/src/client/Icons/SparklesSVG.tsx +23 -0
  62. package/src/client/Icons/SplitEditorSVG.tsx +34 -0
  63. package/src/client/Icons/StopSVG.tsx +15 -0
  64. package/src/client/Icons/SvelteSVG.tsx +16 -0
  65. package/src/client/Icons/TrashSVG.tsx +19 -0
  66. package/src/client/Icons/TypeScriptSVG.tsx +16 -0
  67. package/src/client/Icons/index.tsx +26 -0
  68. package/src/client/ImageViewer/index.tsx +91 -0
  69. package/src/client/ImageViewer/style.scss +41 -0
  70. package/src/client/PresenceNotifications/PresenceNotifications.test.ts +134 -0
  71. package/src/client/PresenceNotifications/index.tsx +158 -0
  72. package/src/client/PresenceNotifications/style.scss +17 -0
  73. package/src/client/RunCodeWidget/index.tsx +117 -0
  74. package/src/client/RunCodeWidget/style.scss +24 -0
  75. package/src/client/SplitPaneResizeContext.tsx +159 -0
  76. package/src/client/TabList/Tab.tsx +73 -0
  77. package/src/client/TabList/index.tsx +35 -0
  78. package/src/client/TabList/style.scss +51 -0
  79. package/src/client/VZCodeContext/index.tsx +29 -0
  80. package/src/client/VZCodeContext/types.ts +251 -0
  81. package/src/client/VZCodeContext/useVZCodeState.ts +606 -0
  82. package/src/client/VZKeyboardShortcutsDoc.tsx +148 -0
  83. package/src/client/VZLeft.tsx +28 -0
  84. package/src/client/VZMiddle.tsx +172 -0
  85. package/src/client/VZResizer/index.tsx +128 -0
  86. package/src/client/VZResizer/styles.scss +33 -0
  87. package/src/client/VZRight.tsx +113 -0
  88. package/src/client/VZSettings.tsx +275 -0
  89. package/src/client/VZSidebar/AIChat/ChatInput.tsx +243 -0
  90. package/src/client/VZSidebar/AIChat/DiffView.scss +136 -0
  91. package/src/client/VZSidebar/AIChat/DiffView.tsx +176 -0
  92. package/src/client/VZSidebar/AIChat/Message.tsx +79 -0
  93. package/src/client/VZSidebar/AIChat/MessageList.tsx +190 -0
  94. package/src/client/VZSidebar/AIChat/StreamingMessage.tsx +35 -0
  95. package/src/client/VZSidebar/AIChat/ThinkingScratchpad.tsx +156 -0
  96. package/src/client/VZSidebar/AIChat/TypingIndicator.tsx +19 -0
  97. package/src/client/VZSidebar/AIChat/index.tsx +359 -0
  98. package/src/client/VZSidebar/AIChat/styles.scss +646 -0
  99. package/src/client/VZSidebar/AIChat/useSpeechRecognition.ts +117 -0
  100. package/src/client/VZSidebar/CreateDirModal.tsx +111 -0
  101. package/src/client/VZSidebar/CreateFileModal.tsx +111 -0
  102. package/src/client/VZSidebar/DeleteConfirmationModal.tsx +76 -0
  103. package/src/client/VZSidebar/DirectoryListing.tsx +89 -0
  104. package/src/client/VZSidebar/EmptyState.tsx +11 -0
  105. package/src/client/VZSidebar/FileListing.tsx +91 -0
  106. package/src/client/VZSidebar/FileTypeIcon.tsx +49 -0
  107. package/src/client/VZSidebar/Item.tsx +237 -0
  108. package/src/client/VZSidebar/Listing.tsx +47 -0
  109. package/src/client/VZSidebar/Search.tsx +527 -0
  110. package/src/client/VZSidebar/VisualEditor.tsx +282 -0
  111. package/src/client/VZSidebar/VoiceChatModal.tsx +121 -0
  112. package/src/client/VZSidebar/aiCopyPaste.ts +199 -0
  113. package/src/client/VZSidebar/index.tsx +728 -0
  114. package/src/client/VZSidebar/styles.scss +612 -0
  115. package/src/client/VZSidebar/useDragAndDrop.tsx +408 -0
  116. package/src/client/bootstrap.ts +26 -0
  117. package/src/client/buildWorker.ts +3 -0
  118. package/src/client/featureFlags.ts +8 -0
  119. package/src/client/generateRequestId.ts +6 -0
  120. package/src/client/getFileTree.ts +53 -0
  121. package/src/client/index.ts +19 -0
  122. package/src/client/main.jsx +10 -0
  123. package/src/client/presenceColor.ts +8 -0
  124. package/src/client/shouldTriggerRun.ts +31 -0
  125. package/src/client/sortFileTree.ts +21 -0
  126. package/src/client/tabsSearchParameters.test.ts +79 -0
  127. package/src/client/tabsSearchParameters.ts +137 -0
  128. package/src/client/themes/index.ts +7 -0
  129. package/src/client/themes/themes.ts +77 -0
  130. package/src/client/themes/uiwImports.ts +32 -0
  131. package/src/client/themes/useDynamicTheme.ts +29 -0
  132. package/src/client/themes/vizhubTheme/colors.ts +80 -0
  133. package/src/client/themes/vizhubTheme/index.ts +193 -0
  134. package/src/client/useActions.ts +288 -0
  135. package/src/client/useESLint/index.ts +72 -0
  136. package/src/client/useESLint/worker.ts +113 -0
  137. package/src/client/useEditorCache.ts +35 -0
  138. package/src/client/useFileCRUD.ts +228 -0
  139. package/src/client/useKeyboardShortcuts.ts +451 -0
  140. package/src/client/useOpenDirectories.ts +99 -0
  141. package/src/client/usePresenceAutoFollow.ts +85 -0
  142. package/src/client/usePrettier/index.ts +178 -0
  143. package/src/client/usePrettier/worker.ts +109 -0
  144. package/src/client/useRunCode.tsx +15 -0
  145. package/src/client/useRuntimeError.ts +32 -0
  146. package/src/client/useSubmitOperation.ts +15 -0
  147. package/src/client/useURLSync.ts +137 -0
  148. package/src/client/usernameLocalStorage.ts +43 -0
  149. package/src/client/utils/fileExtension.ts +10 -0
  150. package/src/client/utils/isImageFile.ts +12 -0
  151. package/src/client/vzReducer/aiChatReducer.ts +44 -0
  152. package/src/client/vzReducer/closeTabReducer.test.ts +205 -0
  153. package/src/client/vzReducer/closeTabsReducer.ts +96 -0
  154. package/src/client/vzReducer/createInitialState.ts +38 -0
  155. package/src/client/vzReducer/editorNoLongerWantsFocusReducer.ts +9 -0
  156. package/src/client/vzReducer/findPane.ts +19 -0
  157. package/src/client/vzReducer/index.ts +250 -0
  158. package/src/client/vzReducer/openTabReducer.test.ts +127 -0
  159. package/src/client/vzReducer/openTabReducer.ts +74 -0
  160. package/src/client/vzReducer/searchReducer.test.ts +292 -0
  161. package/src/client/vzReducer/searchReducer.ts +181 -0
  162. package/src/client/vzReducer/setActiveFileIdReducer.ts +28 -0
  163. package/src/client/vzReducer/setActiveFileLeftRightReducer.ts +76 -0
  164. package/src/client/vzReducer/setIsDocOpenReducer.ts +9 -0
  165. package/src/client/vzReducer/setIsSettingsOpenReducer.ts +9 -0
  166. package/src/client/vzReducer/setThemeReducer.ts +9 -0
  167. package/src/client/vzReducer/setUsernameReducer.ts +9 -0
  168. package/src/client/vzReducer/splitCurrentPaneReducer.ts +66 -0
  169. package/src/client/vzReducer/toggleAutoFollowReducer.ts +12 -0
  170. package/src/client/vzReducer/updatePane.ts +40 -0
  171. package/src/client/vzReducer/updatePresenceIndicatorReducer.ts +30 -0
  172. package/src/client/vzReducer/visualEditorReducer.ts +9 -0
  173. package/src/ot.ts +24 -0
  174. package/src/randomId.ts +15 -0
  175. package/src/reactRouterExports.ts +15 -0
  176. package/src/runCode.ts +27 -0
  177. package/src/server/aiChatHandler/aiEditing.ts +151 -0
  178. package/src/server/aiChatHandler/chatOperations.ts +476 -0
  179. package/src/server/aiChatHandler/errorHandling.ts +66 -0
  180. package/src/server/aiChatHandler/index.ts +199 -0
  181. package/src/server/aiChatHandler/llmStreaming.ts +419 -0
  182. package/src/server/aiChatHandler/validation.ts +24 -0
  183. package/src/server/computeInitialDocument.ts +220 -0
  184. package/src/server/config.ts +24 -0
  185. package/src/server/featureFlags.ts +8 -0
  186. package/src/server/generateAIResponse.ts +188 -0
  187. package/src/server/handleAIAssist.ts +53 -0
  188. package/src/server/handleAIChatMessage.ts +2 -0
  189. package/src/server/handleAICopilot.ts +97 -0
  190. package/src/server/index.ts +379 -0
  191. package/src/server/isDirectory.ts +1 -0
  192. package/src/server/livekit.ts +24 -0
  193. package/src/server/prettier.ts +115 -0
  194. package/src/server/setupEnv.ts +8 -0
  195. package/src/submitOperation.ts +25 -0
  196. package/src/types.ts +205 -0
  197. package/src/utils/fileDiff.ts +117 -0
  198. package/src/vite-env.d.ts +10 -0
@@ -0,0 +1,476 @@
1
+ import {
2
+ dateToTimestamp,
3
+ generateRunId,
4
+ } from '@vizhub/viz-utils';
5
+ import { randomId } from '../../randomId.js';
6
+ import { ShareDBDoc } from '../../types.js';
7
+ import { diff } from '../../ot.js';
8
+ import {
9
+ VizChatId,
10
+ VizContent,
11
+ VizFileId,
12
+ VizFiles,
13
+ } from '@vizhub/viz-types';
14
+
15
+ /**
16
+ * Ensures the chats object exists in the ShareDB document
17
+ */
18
+ export const ensureChatsExist = (shareDBDoc) => {
19
+ if (!shareDBDoc.data.chats) {
20
+ const op = diff(shareDBDoc.data, {
21
+ ...shareDBDoc.data,
22
+ chats: {},
23
+ });
24
+ shareDBDoc.submitOp(op);
25
+ }
26
+ };
27
+
28
+ /**
29
+ * Ensures a specific chat exists in the ShareDB document
30
+ */
31
+ export const ensureChatExists = (
32
+ shareDBDoc: ShareDBDoc<VizContent>,
33
+ chatId: VizChatId,
34
+ ) => {
35
+ if (!shareDBDoc.data.chats[chatId]) {
36
+ const op = diff(shareDBDoc.data, {
37
+ ...shareDBDoc.data,
38
+ chats: {
39
+ ...shareDBDoc.data.chats,
40
+ [chatId]: {
41
+ id: chatId,
42
+ messages: [],
43
+ createdAt: dateToTimestamp(new Date()),
44
+ updatedAt: dateToTimestamp(new Date()),
45
+ },
46
+ },
47
+ });
48
+ shareDBDoc.submitOp(op);
49
+ }
50
+ };
51
+
52
+ /**
53
+ * Adds a user message to the chat
54
+ */
55
+ export const addUserMessage = (
56
+ shareDBDoc: ShareDBDoc<VizContent>,
57
+ chatId: VizChatId,
58
+ content: string,
59
+ ) => {
60
+ const userMessage = {
61
+ id: `user-${Date.now()}`,
62
+ role: 'user',
63
+ content: content,
64
+ timestamp: dateToTimestamp(new Date()),
65
+ };
66
+
67
+ const userMessageOp = diff(shareDBDoc.data, {
68
+ ...shareDBDoc.data,
69
+ chats: {
70
+ ...shareDBDoc.data.chats,
71
+ [chatId]: {
72
+ ...shareDBDoc.data.chats[chatId],
73
+ messages: [
74
+ ...shareDBDoc.data.chats[chatId].messages,
75
+ userMessage,
76
+ ],
77
+ updatedAt: dateToTimestamp(new Date()),
78
+ },
79
+ },
80
+ });
81
+ shareDBDoc.submitOp(userMessageOp);
82
+
83
+ return userMessage;
84
+ };
85
+
86
+ /**
87
+ * Updates AI status in the chat
88
+ */
89
+ export const updateAIStatus = (
90
+ shareDBDoc: ShareDBDoc<VizContent>,
91
+ chatId: VizChatId,
92
+ status: string,
93
+ ) => {
94
+ const op = diff(shareDBDoc.data, {
95
+ ...shareDBDoc.data,
96
+ chats: {
97
+ ...shareDBDoc.data.chats,
98
+ [chatId]: {
99
+ ...shareDBDoc.data.chats[chatId],
100
+ aiStatus: status,
101
+ },
102
+ },
103
+ });
104
+ shareDBDoc.submitOp(op);
105
+ };
106
+
107
+ /**
108
+ * Updates AI scratchpad content
109
+ */
110
+ export const updateAIScratchpad = (
111
+ shareDBDoc: ShareDBDoc<VizContent>,
112
+ chatId: VizChatId,
113
+ content: string,
114
+ ) => {
115
+ const op = diff(shareDBDoc.data, {
116
+ ...shareDBDoc.data,
117
+ chats: {
118
+ ...shareDBDoc.data.chats,
119
+ [chatId]: {
120
+ ...shareDBDoc.data.chats[chatId],
121
+ aiScratchpad: content,
122
+ },
123
+ },
124
+ });
125
+
126
+ // op is `null` if there are no changes
127
+ // This can happen if the content is the same as before
128
+ // In that case, we don't need to submit an operation
129
+ if (op) {
130
+ shareDBDoc.submitOp(op);
131
+ }
132
+ };
133
+
134
+ /**
135
+ * Clears AI scratchpad and updates status
136
+ */
137
+ export const clearAIScratchpadAndStatus = (
138
+ shareDBDoc: ShareDBDoc<VizContent>,
139
+ chatId: VizChatId,
140
+ status: string,
141
+ ) => {
142
+ const op = diff(shareDBDoc.data, {
143
+ ...shareDBDoc.data,
144
+ chats: {
145
+ ...shareDBDoc.data.chats,
146
+ [chatId]: {
147
+ ...shareDBDoc.data.chats[chatId],
148
+ aiScratchpad: undefined,
149
+ aiStatus: status,
150
+ },
151
+ },
152
+ });
153
+ shareDBDoc.submitOp(op);
154
+ };
155
+
156
+ /**
157
+ * Creates an initial empty AI message for streaming
158
+ */
159
+ export const createAIMessage = (
160
+ shareDBDoc: ShareDBDoc<VizContent>,
161
+ chatId: VizChatId,
162
+ ) => {
163
+ const aiMessage = {
164
+ id: `assistant-${Date.now()}`,
165
+ role: 'assistant',
166
+ content: '',
167
+ timestamp: dateToTimestamp(new Date()),
168
+ };
169
+
170
+ const messageOp = diff(shareDBDoc.data, {
171
+ ...shareDBDoc.data,
172
+ chats: {
173
+ ...shareDBDoc.data.chats,
174
+ [chatId]: {
175
+ ...shareDBDoc.data.chats[chatId],
176
+ messages: [
177
+ ...shareDBDoc.data.chats[chatId].messages,
178
+ aiMessage,
179
+ ],
180
+ updatedAt: dateToTimestamp(new Date()),
181
+ },
182
+ },
183
+ });
184
+ shareDBDoc.submitOp(messageOp);
185
+
186
+ return aiMessage.id;
187
+ };
188
+
189
+ /**
190
+ * Updates the content of an AI message during streaming
191
+ */
192
+ export const updateAIMessageContent = (
193
+ shareDBDoc: ShareDBDoc<VizContent>,
194
+ chatId: VizChatId,
195
+ messageId: string,
196
+ content: string,
197
+ ) => {
198
+ const chat = shareDBDoc.data.chats[chatId];
199
+ const messageIndex = chat.messages.findIndex(
200
+ (msg) => msg.id === messageId,
201
+ );
202
+
203
+ if (messageIndex === -1) {
204
+ console.warn(
205
+ `AI message with id ${messageId} not found`,
206
+ );
207
+ return;
208
+ }
209
+
210
+ const updatedMessages = [...chat.messages];
211
+ updatedMessages[messageIndex] = {
212
+ ...updatedMessages[messageIndex],
213
+ content,
214
+ };
215
+
216
+ const messageOp = diff(shareDBDoc.data, {
217
+ ...shareDBDoc.data,
218
+ chats: {
219
+ ...shareDBDoc.data.chats,
220
+ [chatId]: {
221
+ ...chat,
222
+ messages: updatedMessages,
223
+ updatedAt: dateToTimestamp(new Date()),
224
+ },
225
+ },
226
+ });
227
+ shareDBDoc.submitOp(messageOp);
228
+ };
229
+
230
+ /**
231
+ * Sets the AI status for a chat
232
+ */
233
+ export const setAIStatus = (
234
+ shareDBDoc: ShareDBDoc<VizContent>,
235
+ chatId: VizChatId,
236
+ status: string | undefined,
237
+ ) => {
238
+ const op = diff(shareDBDoc.data, {
239
+ ...shareDBDoc.data,
240
+ chats: {
241
+ ...shareDBDoc.data.chats,
242
+ [chatId]: {
243
+ ...shareDBDoc.data.chats[chatId],
244
+ aiStatus: status,
245
+ updatedAt: dateToTimestamp(new Date()),
246
+ },
247
+ },
248
+ });
249
+ shareDBDoc.submitOp(op);
250
+ };
251
+
252
+ /**
253
+ * Finalizes an AI message by clearing temporary fields
254
+ */
255
+ export const finalizeAIMessage = (
256
+ shareDBDoc: ShareDBDoc<VizContent>,
257
+ chatId: VizChatId,
258
+ ) => {
259
+ const op = diff(shareDBDoc.data, {
260
+ ...shareDBDoc.data,
261
+ chats: {
262
+ ...shareDBDoc.data.chats,
263
+ [chatId]: {
264
+ ...shareDBDoc.data.chats[chatId],
265
+ aiScratchpad: undefined,
266
+ aiStatus: undefined,
267
+ updatedAt: dateToTimestamp(new Date()),
268
+ },
269
+ },
270
+ });
271
+ shareDBDoc.submitOp(op);
272
+ };
273
+
274
+ /**
275
+ * Adds diff data to the most recent AI message
276
+ */
277
+ export const addDiffToAIMessage = (
278
+ shareDBDoc: ShareDBDoc<VizContent>,
279
+ chatId: VizChatId,
280
+ diffData: any,
281
+ beforeCommitId?: string, // Commit ID before AI changes for VizHub integration
282
+ ) => {
283
+ const chat = shareDBDoc.data.chats[chatId];
284
+ const messages = [...chat.messages];
285
+
286
+ // Find the most recent AI message
287
+ const lastAIMessageIndex = messages.length - 1;
288
+ if (
289
+ lastAIMessageIndex >= 0 &&
290
+ messages[lastAIMessageIndex].role === 'assistant'
291
+ ) {
292
+ const newMessage = {
293
+ ...messages[lastAIMessageIndex],
294
+ diffData,
295
+ ...(beforeCommitId && { beforeCommitId }), // Add beforeCommitId for VizHub integration
296
+ };
297
+ // Use type assertion to extend the message with diffData
298
+ (messages[lastAIMessageIndex] as any) = newMessage;
299
+
300
+ const messageOp = diff(shareDBDoc.data, {
301
+ ...shareDBDoc.data,
302
+ chats: {
303
+ ...shareDBDoc.data.chats,
304
+ [chatId]: {
305
+ ...chat,
306
+ messages,
307
+ updatedAt: dateToTimestamp(new Date()),
308
+ },
309
+ },
310
+ });
311
+
312
+ shareDBDoc.submitOp(messageOp);
313
+ }
314
+ };
315
+
316
+ /**
317
+ * Adds an AI response message to the chat (legacy function, kept for compatibility)
318
+ */
319
+ export const addAIMessage = (
320
+ shareDBDoc: ShareDBDoc<VizContent>,
321
+ chatId: VizChatId,
322
+ content?: string,
323
+ ) => {
324
+ const aiResponse = {
325
+ id: Date.now() + 1,
326
+ role: 'assistant',
327
+ content: content || 'AI edit completed successfully.',
328
+ timestamp: dateToTimestamp(new Date()),
329
+ };
330
+
331
+ const messageOp = diff(shareDBDoc.data, {
332
+ ...shareDBDoc.data,
333
+ chats: {
334
+ ...shareDBDoc.data.chats,
335
+ [chatId]: {
336
+ ...shareDBDoc.data.chats[chatId],
337
+ messages: [
338
+ ...shareDBDoc.data.chats[chatId].messages,
339
+ aiResponse,
340
+ ],
341
+ updatedAt: dateToTimestamp(new Date()),
342
+ aiStatus: undefined,
343
+ },
344
+ },
345
+ });
346
+ shareDBDoc.submitOp(messageOp);
347
+
348
+ return aiResponse;
349
+ };
350
+
351
+ /**
352
+ * Updates files in the ShareDB document
353
+ */
354
+ export const updateFiles = (
355
+ shareDBDoc: ShareDBDoc<VizContent>,
356
+ files: VizFiles,
357
+ ) => {
358
+ const filesOp = diff(shareDBDoc.data, {
359
+ ...shareDBDoc.data,
360
+ files,
361
+ });
362
+ shareDBDoc.submitOp(filesOp);
363
+ };
364
+
365
+ /**
366
+ * Finds a file ID by searching for a matching file name
367
+ */
368
+ export const resolveFileId = (
369
+ fileName: string,
370
+ shareDBDoc: any,
371
+ ) => {
372
+ const files = shareDBDoc.data.files;
373
+
374
+ // Search through all files to find matching name
375
+ for (const [fileId, file] of Object.entries(files)) {
376
+ if ((file as any).name === fileName) {
377
+ return fileId;
378
+ }
379
+ }
380
+
381
+ // If file doesn't exist, return null
382
+ return null;
383
+ };
384
+
385
+ /**
386
+ * Creates a new file with a random ID
387
+ */
388
+ export const createNewFile = (
389
+ shareDBDoc: ShareDBDoc<VizContent>,
390
+ fileName: string,
391
+ ) => {
392
+ // Generate a new random file ID
393
+ const newFileId = randomId();
394
+
395
+ const newState = {
396
+ ...shareDBDoc.data,
397
+ files: {
398
+ ...shareDBDoc.data.files,
399
+ [newFileId]: {
400
+ name: fileName,
401
+ text: '',
402
+ },
403
+ },
404
+ };
405
+
406
+ const op = diff(shareDBDoc.data, newState);
407
+ shareDBDoc.submitOp(op);
408
+ return newFileId;
409
+ };
410
+
411
+ /**
412
+ * Ensures a file exists, creating it if necessary
413
+ */
414
+ export const ensureFileExists = (shareDBDoc, fileName) => {
415
+ let fileId = resolveFileId(fileName, shareDBDoc);
416
+
417
+ if (!fileId) {
418
+ // File doesn't exist, create it
419
+ fileId = createNewFile(shareDBDoc, fileName);
420
+ }
421
+
422
+ return fileId;
423
+ };
424
+
425
+ /**
426
+ * Clears the content of a file
427
+ */
428
+ export const clearFileContent = (
429
+ shareDBDoc: ShareDBDoc<VizContent>,
430
+ fileId: VizFileId,
431
+ ) => {
432
+ const currentFile = shareDBDoc.data.files[fileId];
433
+
434
+ if (currentFile && currentFile.text) {
435
+ // Clear the file content
436
+ const newState = {
437
+ ...shareDBDoc.data,
438
+ files: {
439
+ ...shareDBDoc.data.files,
440
+ [fileId]: {
441
+ ...currentFile,
442
+ text: '',
443
+ },
444
+ },
445
+ };
446
+
447
+ const op = diff(shareDBDoc.data, newState);
448
+ shareDBDoc.submitOp(op);
449
+ }
450
+ };
451
+
452
+ /**
453
+ * Appends a line to a file using OT operations
454
+ */
455
+ export const appendLineToFile = (
456
+ shareDBDoc: ShareDBDoc<VizContent>,
457
+ fileId: VizFileId,
458
+ line: string,
459
+ ) => {
460
+ const currentFile = shareDBDoc.data.files[fileId];
461
+ const currentContent = currentFile?.text || '';
462
+ const newContent = currentContent + line + '\n';
463
+
464
+ const newDocState = {
465
+ ...shareDBDoc.data,
466
+ files: {
467
+ ...shareDBDoc.data.files,
468
+ [fileId]: {
469
+ ...currentFile,
470
+ text: newContent,
471
+ },
472
+ },
473
+ };
474
+
475
+ shareDBDoc.submitOp(diff(shareDBDoc.data, newDocState));
476
+ };
@@ -0,0 +1,66 @@
1
+ import { dateToTimestamp } from '@vizhub/viz-utils';
2
+ import { diff } from '../../ot.js';
3
+
4
+ /**
5
+ * Handles errors by adding an error message to the chat and clearing AI state
6
+ */
7
+ export const handleError = (
8
+ shareDBDoc,
9
+ chatId,
10
+ error,
11
+ res,
12
+ ) => {
13
+ console.error('[handleAIChatMessage] error:', error);
14
+
15
+ // Clear scratchpad and add error message on error
16
+ try {
17
+ const errorResponse = {
18
+ id: `error-${Date.now()}`,
19
+ role: 'assistant',
20
+ content:
21
+ 'Sorry, I encountered an error while processing your message. Please try again.',
22
+ timestamp: dateToTimestamp(new Date()),
23
+ };
24
+
25
+ const errorOp = diff(shareDBDoc.data, {
26
+ ...shareDBDoc.data,
27
+ chats: {
28
+ ...shareDBDoc.data.chats,
29
+ [chatId]: {
30
+ ...shareDBDoc.data.chats[chatId],
31
+ messages: [
32
+ ...shareDBDoc.data.chats[chatId].messages,
33
+ errorResponse,
34
+ ],
35
+ aiScratchpad: undefined,
36
+ aiStatus: undefined,
37
+ updatedAt: dateToTimestamp(new Date()),
38
+ },
39
+ },
40
+ });
41
+ shareDBDoc.submitOp(errorOp);
42
+ } catch (opError) {
43
+ console.error(
44
+ '[handleAIChatMessage] error handling error state:',
45
+ opError,
46
+ );
47
+ }
48
+
49
+ if (res) {
50
+ res.status(500).json({
51
+ error: 'Internal server error',
52
+ message: error.message,
53
+ });
54
+ }
55
+ };
56
+
57
+ /**
58
+ * Handles errors in background processing (without HTTP response)
59
+ */
60
+ export const handleBackgroundError = (
61
+ shareDBDoc,
62
+ chatId,
63
+ error,
64
+ ) => {
65
+ handleError(shareDBDoc, chatId, error, null);
66
+ };