@messenger-box/tailwind-ui-inbox 10.0.3-alpha.121 → 10.0.3-alpha.123
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/CHANGELOG.md +8 -0
- package/lib/components/AIAgent/AIAgent.d.ts +2 -0
- package/lib/components/AIAgent/AIAgent.d.ts.map +1 -1
- package/lib/components/AIAgent/AIAgent.js +48 -29
- package/lib/components/AIAgent/AIAgent.js.map +1 -1
- package/lib/components/InboxMessage/InputComponent.d.ts +4 -1
- package/lib/components/InboxMessage/InputComponent.d.ts.map +1 -1
- package/lib/components/InboxMessage/InputComponent.js +20 -261
- package/lib/components/InboxMessage/InputComponent.js.map +1 -1
- package/lib/components/InboxMessage/UploadImageButton.js +2 -6
- package/lib/components/InboxMessage/UploadImageButton.js.map +1 -1
- package/lib/components/InboxMessage/message-widgets/ModernMessageGroup.d.ts +1 -0
- package/lib/components/InboxMessage/message-widgets/ModernMessageGroup.d.ts.map +1 -1
- package/lib/components/InboxMessage/message-widgets/ModernMessageGroup.js +15 -5
- package/lib/components/InboxMessage/message-widgets/ModernMessageGroup.js.map +1 -1
- package/lib/components/ModelConfigPanel.d.ts +10 -0
- package/lib/components/ModelConfigPanel.d.ts.map +1 -1
- package/lib/components/ModelConfigPanel.js +551 -2
- package/lib/components/ModelConfigPanel.js.map +1 -1
- package/lib/components/filler-components/RightSiderBar.d.ts +1 -0
- package/lib/components/filler-components/RightSiderBar.d.ts.map +1 -1
- package/lib/components/filler-components/RightSiderBar.js +173 -148
- package/lib/components/filler-components/RightSiderBar.js.map +1 -1
- package/lib/components/slot-fill/right-sidebar-filler.d.ts.map +1 -1
- package/lib/components/slot-fill/right-sidebar-filler.js.map +1 -1
- package/lib/config/env-config.d.ts +5 -0
- package/lib/config/env-config.d.ts.map +1 -1
- package/lib/config/env-config.js +16 -1
- package/lib/config/env-config.js.map +1 -1
- package/lib/container/AiLandingInput.d.ts.map +1 -1
- package/lib/container/AiLandingInput.js +19 -15
- package/lib/container/AiLandingInput.js.map +1 -1
- package/lib/container/Inbox.js +1 -1
- package/lib/container/Inbox.js.map +1 -1
- package/lib/container/InboxAiMessagesLoader.d.ts +1 -0
- package/lib/container/InboxAiMessagesLoader.d.ts.map +1 -1
- package/lib/container/InboxAiMessagesLoader.js +4 -1
- package/lib/container/InboxAiMessagesLoader.js.map +1 -1
- package/lib/container/InboxContainer.d.ts +1 -0
- package/lib/container/InboxContainer.d.ts.map +1 -1
- package/lib/container/InboxContainer.js +1 -6
- package/lib/container/InboxContainer.js.map +1 -1
- package/lib/container/InboxWithAiLoader.d.ts +1 -0
- package/lib/container/InboxWithAiLoader.d.ts.map +1 -1
- package/lib/container/InboxWithAiLoader.js +2 -1
- package/lib/container/InboxWithAiLoader.js.map +1 -1
- package/lib/container/ServiceInbox.js +1 -1
- package/lib/container/ServiceInbox.js.map +1 -1
- package/lib/container/ThreadMessages.js +1 -1
- package/lib/container/ThreadMessages.js.map +1 -1
- package/lib/container/ThreadMessagesInbox.js +1 -1
- package/lib/container/ThreadMessagesInbox.js.map +1 -1
- package/lib/container/Threads.js +1 -1
- package/lib/container/Threads.js.map +1 -1
- package/lib/hooks/usePersistentModelConfig.d.ts +5 -2
- package/lib/hooks/usePersistentModelConfig.d.ts.map +1 -1
- package/lib/hooks/usePersistentModelConfig.js +30 -10
- package/lib/hooks/usePersistentModelConfig.js.map +1 -1
- package/lib/module.js +1 -1
- package/lib/module.js.map +1 -1
- package/lib/templates/InboxWithAi.d.ts +1 -0
- package/lib/templates/InboxWithAi.d.ts.map +1 -1
- package/lib/templates/InboxWithAi.js +9 -6
- package/lib/templates/InboxWithAi.js.map +1 -1
- package/lib/templates/InboxWithAi.tsx +7 -3
- package/lib/xstate/index.d.ts +3 -0
- package/lib/xstate/index.d.ts.map +1 -0
- package/lib/xstate/rightSidebar.machine.d.ts +4 -0
- package/lib/xstate/rightSidebar.machine.d.ts.map +1 -0
- package/lib/xstate/rightSidebar.machine.js +174 -0
- package/lib/xstate/rightSidebar.machine.js.map +1 -0
- package/lib/xstate/rightSidebar.types.d.ts +52 -0
- package/lib/xstate/rightSidebar.types.d.ts.map +1 -0
- package/package.json +4 -4
- package/src/components/AIAgent/AIAgent.tsx +55 -28
- package/src/components/InboxMessage/InputComponent.tsx +23 -325
- package/src/components/InboxMessage/UploadImageButton.tsx +4 -4
- package/src/components/InboxMessage/message-widgets/ModernMessageGroup.tsx +17 -0
- package/src/components/ModelConfigPanel.tsx +666 -0
- package/src/components/filler-components/RightSiderBar.tsx +193 -146
- package/src/components/slot-fill/right-sidebar-filler.tsx +1 -0
- package/src/config/env-config.ts +6 -1
- package/src/container/AiLandingInput.tsx +32 -119
- package/src/container/InboxAiMessagesLoader.tsx +13 -2
- package/src/container/InboxContainer.tsx +2 -8
- package/src/container/InboxWithAiLoader.tsx +2 -0
- package/src/hooks/usePersistentModelConfig.ts +26 -13
- package/src/templates/InboxWithAi.tsx +7 -3
- package/src/xstate/index.ts +2 -0
- package/src/xstate/rightSidebar.machine.ts +139 -0
- package/src/xstate/rightSidebar.types.ts +55 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import*as React from'react';import {HybridLiveEditor}from'../live-code-editor/hybrid-live-editor.js';import {useOnChatMessageAddedSubscription}from'common/graphql';const RightSidebarFillComponent = props => {
|
|
1
|
+
import*as React from'react';import {HybridLiveEditor}from'../live-code-editor/hybrid-live-editor.js';import {useOnChatMessageAddedSubscription}from'common/graphql';import {PostTypeEnum,RoomType}from'common';import {useMachine}from'@xstate/react';import {fromPromise}from'xstate';import {rightSidebarMachine}from'../../xstate/rightSidebar.machine.js';const RightSidebarFillComponent = props => {
|
|
2
2
|
const {
|
|
3
3
|
channelId,
|
|
4
4
|
detailSidebarOptions,
|
|
@@ -10,28 +10,57 @@ import*as React from'react';import {HybridLiveEditor}from'../live-code-editor/hy
|
|
|
10
10
|
setIsLoading,
|
|
11
11
|
isLoading,
|
|
12
12
|
handleSendMessage,
|
|
13
|
-
handleRecreateSandbox
|
|
13
|
+
handleRecreateSandbox,
|
|
14
|
+
isMinimized
|
|
14
15
|
} = props;
|
|
15
16
|
const hybridLiveEditorRef = React.useRef(null);
|
|
16
17
|
const previewIframeRef = React.useRef(null);
|
|
17
|
-
|
|
18
|
+
const previewIframeContainerRef = React.useRef(null);
|
|
19
|
+
// State for subscription data
|
|
18
20
|
const [subscriptionData, setSubscriptionData] = React.useState(null);
|
|
19
|
-
|
|
20
|
-
const [
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
21
|
+
// XState machine for sidebar state
|
|
22
|
+
const [state, send] = useMachine(rightSidebarMachine.provide({
|
|
23
|
+
actors: {
|
|
24
|
+
recreateSandbox: fromPromise(async ({
|
|
25
|
+
input
|
|
26
|
+
}) => {
|
|
27
|
+
const {
|
|
28
|
+
id
|
|
29
|
+
} = input;
|
|
30
|
+
if (handleRecreateSandbox) {
|
|
31
|
+
await handleRecreateSandbox(id);
|
|
32
|
+
}
|
|
33
|
+
return {
|
|
34
|
+
success: true
|
|
35
|
+
};
|
|
36
|
+
})
|
|
37
|
+
}
|
|
38
|
+
}), {
|
|
39
|
+
input: {
|
|
40
|
+
channelId: channelId || '',
|
|
41
|
+
isMinimized: !!isMinimized,
|
|
42
|
+
windowWidth,
|
|
43
|
+
windowHeight,
|
|
44
|
+
isLoading: !!isLoading,
|
|
45
|
+
activeFragment: null,
|
|
46
|
+
currentFiles: {},
|
|
47
|
+
canvasLayers: [],
|
|
48
|
+
previewStatus: null
|
|
33
49
|
}
|
|
34
|
-
}
|
|
50
|
+
});
|
|
51
|
+
const activeFragment = state.context.activeFragment;
|
|
52
|
+
const currentFiles = state.context.currentFiles;
|
|
53
|
+
state.context.canvasLayers;
|
|
54
|
+
const previewStatus = state.context.previewStatus;
|
|
55
|
+
// const [isLoading, setIsLoading] = React.useState(false);
|
|
56
|
+
const {
|
|
57
|
+
data: chatMessageAddedData
|
|
58
|
+
} = useOnChatMessageAddedSubscription({
|
|
59
|
+
variables: {
|
|
60
|
+
channelId: channelId?.toString() || ''
|
|
61
|
+
},
|
|
62
|
+
skip: !channelId
|
|
63
|
+
});
|
|
35
64
|
// Component mount tracking
|
|
36
65
|
React.useMemo(() => `right-sidebar-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, []);
|
|
37
66
|
const handleCopyToClipboard = React.useCallback(text => {
|
|
@@ -85,27 +114,15 @@ import*as React from'react';import {HybridLiveEditor}from'../live-code-editor/hy
|
|
|
85
114
|
}, [currentFiles, activeFragment?.files]);
|
|
86
115
|
// Determine if we should show preview or editor based on activeTab
|
|
87
116
|
const isPreviewMode = activeTab === 'preview';
|
|
88
|
-
const {
|
|
89
|
-
data: chatMessageAddedData
|
|
90
|
-
} = useOnChatMessageAddedSubscription({
|
|
91
|
-
variables: {
|
|
92
|
-
channelId: channelId?.toString() || ''
|
|
93
|
-
},
|
|
94
|
-
skip: !channelId
|
|
95
|
-
});
|
|
96
117
|
// Turn on loader when new data is about to be processed
|
|
97
118
|
React.useEffect(() => {
|
|
98
119
|
if (chatMessageAddedData?.chatMessageAdded || selectedPost) ;
|
|
99
|
-
}, [chatMessageAddedData, selectedPost]);
|
|
120
|
+
}, [chatMessageAddedData, selectedPost, send, setIsLoading]);
|
|
100
121
|
// Handle subscription data updates - prefer response update structure like use-ai-messages.ts
|
|
101
122
|
React.useEffect(() => {
|
|
102
123
|
if (chatMessageAddedData?.chatMessageAdded || selectedPost) {
|
|
103
124
|
// Prefer explicitly selected post to ensure UI updates when it changes
|
|
104
125
|
const message = selectedPost || chatMessageAddedData?.chatMessageAdded;
|
|
105
|
-
// console.log('=== SUBSCRIPTION MESSAGE DEBUG ===');
|
|
106
|
-
// console.log('Full message:', JSON.stringify(message, null, 2));
|
|
107
|
-
// console.log('Message props:', message.props);
|
|
108
|
-
// console.log('Message propsConfiguration:', message.propsConfiguration);
|
|
109
126
|
// Extract strictly from message.propsConfiguration (fragment only)
|
|
110
127
|
let extracted = null;
|
|
111
128
|
let fragmentSource = null;
|
|
@@ -124,8 +141,7 @@ import*as React from'react';import {HybridLiveEditor}from'../live-code-editor/hy
|
|
|
124
141
|
canvasLayers: contents.canvasLayers || cfg.canvasLayers || frag.canvasLayers,
|
|
125
142
|
summary: contents.summary || cfg.summary || frag.summary,
|
|
126
143
|
title: frag.title || contents.title || cfg.title,
|
|
127
|
-
isError: frag.isError
|
|
128
|
-
syncStatus: frag.syncStatus
|
|
144
|
+
isError: frag.isError
|
|
129
145
|
};
|
|
130
146
|
fragmentSource = 'propsConfiguration.contents.props.fragment';
|
|
131
147
|
}
|
|
@@ -141,8 +157,7 @@ import*as React from'react';import {HybridLiveEditor}from'../live-code-editor/hy
|
|
|
141
157
|
canvasLayers: contents.canvasLayers || cfg.canvasLayers || frag.canvasLayers,
|
|
142
158
|
summary: contents.summary || cfg.summary || frag.summary,
|
|
143
159
|
title: frag.title || contents.title || cfg.title,
|
|
144
|
-
isError: frag.isError
|
|
145
|
-
syncStatus: frag.syncStatus
|
|
160
|
+
isError: frag.isError
|
|
146
161
|
};
|
|
147
162
|
fragmentSource = 'propsConfiguration.contents.fragment';
|
|
148
163
|
}
|
|
@@ -158,8 +173,7 @@ import*as React from'react';import {HybridLiveEditor}from'../live-code-editor/hy
|
|
|
158
173
|
canvasLayers: cfg.canvasLayers || frag.canvasLayers,
|
|
159
174
|
summary: cfg.summary || frag.summary,
|
|
160
175
|
title: frag.title || cfg.title,
|
|
161
|
-
isError: frag.isError
|
|
162
|
-
syncStatus: frag.syncStatus
|
|
176
|
+
isError: frag.isError
|
|
163
177
|
};
|
|
164
178
|
fragmentSource = 'propsConfiguration.fragment';
|
|
165
179
|
}
|
|
@@ -176,14 +190,14 @@ import*as React from'react';import {HybridLiveEditor}from'../live-code-editor/hy
|
|
|
176
190
|
const fragment = {
|
|
177
191
|
id: message.id,
|
|
178
192
|
sandboxUrl: extracted.sandboxUrl || extracted.url,
|
|
193
|
+
sandboxId: extracted.sandboxId,
|
|
179
194
|
title: extracted.title || 'Generated Code',
|
|
180
195
|
files: extracted.files || {},
|
|
181
196
|
projectId: extracted.projectId,
|
|
182
197
|
modelConfig: extracted.modelConfig,
|
|
183
198
|
canvasLayers: extracted.canvasLayers,
|
|
184
199
|
summary: extracted.summary,
|
|
185
|
-
isError: extracted.isError
|
|
186
|
-
syncStatus: extracted.syncStatus
|
|
200
|
+
isError: extracted.isError
|
|
187
201
|
};
|
|
188
202
|
// If canvasLayers missing but present in summary, attempt to extract like use-ai-messages
|
|
189
203
|
if ((!fragment.canvasLayers || !Array.isArray(fragment.canvasLayers)) && fragment.summary) {
|
|
@@ -199,69 +213,20 @@ import*as React from'react';import {HybridLiveEditor}from'../live-code-editor/hy
|
|
|
199
213
|
console.warn('Failed to parse canvas layers from summary:', e);
|
|
200
214
|
}
|
|
201
215
|
}
|
|
202
|
-
console.log('✅ Setting active fragment:', fragment);
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
}
|
|
209
|
-
// Update canvas layers if available
|
|
210
|
-
if (fragment.canvasLayers && Array.isArray(fragment.canvasLayers)) {
|
|
211
|
-
console.log('Received canvas layers from AI:', fragment.canvasLayers);
|
|
212
|
-
setCanvasLayers(fragment.canvasLayers);
|
|
213
|
-
} else {
|
|
214
|
-
console.log('No canvas layers found in response');
|
|
215
|
-
}
|
|
216
|
-
// setIsLoading(false);
|
|
216
|
+
console.log('✅ Setting active fragment via XState:', fragment);
|
|
217
|
+
send({
|
|
218
|
+
type: 'SET_FRAGMENT',
|
|
219
|
+
fragment
|
|
220
|
+
});
|
|
221
|
+
// setIsLoading?.(false);
|
|
222
|
+
//send({ type: 'SET_LOADING', isLoading: false });
|
|
217
223
|
} else {
|
|
218
224
|
console.log('❌ No valid response found in message');
|
|
219
|
-
//
|
|
225
|
+
// setIsLoading?.(false);
|
|
226
|
+
// send({ type: 'SET_LOADING', isLoading: false });
|
|
220
227
|
}
|
|
221
228
|
}
|
|
222
|
-
}, [chatMessageAddedData, selectedPost]);
|
|
223
|
-
// Probe sandbox URL to detect server-side errors (e.g., 502) before rendering iframe
|
|
224
|
-
React.useEffect(() => {
|
|
225
|
-
const url = activeFragment?.sandboxUrl;
|
|
226
|
-
setPreviewStatus(null);
|
|
227
|
-
if (!url) return;
|
|
228
|
-
const controller = new AbortController();
|
|
229
|
-
const signal = controller.signal;
|
|
230
|
-
const run = async () => {
|
|
231
|
-
try {
|
|
232
|
-
//setLoading(true);
|
|
233
|
-
// timeout to avoid indefinite loading
|
|
234
|
-
const timeoutId = setTimeout(() => controller.abort(), 10000);
|
|
235
|
-
const res = await fetch(url, {
|
|
236
|
-
method: 'GET',
|
|
237
|
-
mode: 'cors',
|
|
238
|
-
redirect: 'follow',
|
|
239
|
-
signal
|
|
240
|
-
});
|
|
241
|
-
clearTimeout(timeoutId);
|
|
242
|
-
console.log('res....', res);
|
|
243
|
-
if (!res.ok) {
|
|
244
|
-
setPreviewStatus({
|
|
245
|
-
code: res.status,
|
|
246
|
-
message: res.statusText
|
|
247
|
-
});
|
|
248
|
-
if (!sanboxRecreate) setSanboxRecreate(true);
|
|
249
|
-
} else {
|
|
250
|
-
setPreviewStatus(null);
|
|
251
|
-
}
|
|
252
|
-
} catch (e) {
|
|
253
|
-
// Network/CORS errors will end up here
|
|
254
|
-
setPreviewStatus({
|
|
255
|
-
message: 'Network error'
|
|
256
|
-
});
|
|
257
|
-
// if(!sanboxRecreate) setSanboxRecreate(true);
|
|
258
|
-
} finally {
|
|
259
|
-
setLoading(false);
|
|
260
|
-
}
|
|
261
|
-
};
|
|
262
|
-
run();
|
|
263
|
-
return () => controller.abort();
|
|
264
|
-
}, [activeFragment?.sandboxUrl, sanboxRecreate]);
|
|
229
|
+
}, [chatMessageAddedData, selectedPost, send, setIsLoading]);
|
|
265
230
|
// When switching tabs or when sandbox changes, show loader until ready
|
|
266
231
|
// React.useEffect(() => {
|
|
267
232
|
// if (isPreviewMode) {
|
|
@@ -287,28 +252,82 @@ import*as React from'react';import {HybridLiveEditor}from'../live-code-editor/hy
|
|
|
287
252
|
}
|
|
288
253
|
};
|
|
289
254
|
}, []);
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
console.log('
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
255
|
+
React.useEffect(() => {
|
|
256
|
+
const handleVisualEditorMessage = event => {
|
|
257
|
+
// Handle AI changes
|
|
258
|
+
if (event.data.type === 'VISUAL_EDITOR_CHANGES') {
|
|
259
|
+
console.log('visual_editor_changes....', event.data.message);
|
|
260
|
+
if (handleSendMessage && event.data.message) {
|
|
261
|
+
// Call aiHandleSend directly - this is the handleSend function from AIAgent
|
|
262
|
+
handleSendMessage({
|
|
263
|
+
channelId,
|
|
264
|
+
type: RoomType.Aiassistant,
|
|
265
|
+
postData: {
|
|
266
|
+
// postId: postId,
|
|
267
|
+
type: PostTypeEnum.Aiassistant,
|
|
268
|
+
content: event.data.message
|
|
269
|
+
}
|
|
270
|
+
});
|
|
271
|
+
} else {
|
|
272
|
+
console.warn('⚠️ handleSendMessage not available or no message provided');
|
|
273
|
+
}
|
|
274
|
+
}
|
|
275
|
+
};
|
|
276
|
+
window.addEventListener('message', handleVisualEditorMessage);
|
|
277
|
+
return () => window.removeEventListener('message', handleVisualEditorMessage);
|
|
278
|
+
}, [handleSendMessage, channelId]);
|
|
279
|
+
React.useCallback(async id => {
|
|
280
|
+
if (id) {
|
|
281
|
+
console.log('recreate sandbox id....', id);
|
|
282
|
+
setIsLoading?.(true);
|
|
283
|
+
send({
|
|
284
|
+
type: 'SET_LOADING',
|
|
285
|
+
isLoading: true
|
|
298
286
|
});
|
|
287
|
+
try {
|
|
288
|
+
send({
|
|
289
|
+
type: 'RECREATE_SANDBOX',
|
|
290
|
+
id
|
|
291
|
+
});
|
|
292
|
+
} catch (e) {
|
|
293
|
+
console.error('Error recreating sandbox:', e);
|
|
294
|
+
setIsLoading?.(false);
|
|
295
|
+
send({
|
|
296
|
+
type: 'SET_LOADING',
|
|
297
|
+
isLoading: false
|
|
298
|
+
});
|
|
299
|
+
}
|
|
299
300
|
}
|
|
300
|
-
}, [
|
|
301
|
+
}, [send, setIsLoading]);
|
|
302
|
+
// Track if we've already attempted recreate for a given sandbox URL
|
|
303
|
+
React.useRef({});
|
|
304
|
+
// Probe sandbox URL via XState actor
|
|
301
305
|
React.useEffect(() => {
|
|
302
|
-
|
|
303
|
-
|
|
306
|
+
const url = activeFragment?.sandboxUrl;
|
|
307
|
+
if (url) {
|
|
308
|
+
send({
|
|
309
|
+
type: 'PROBE',
|
|
310
|
+
url,
|
|
311
|
+
fragmentId: activeFragment?.id
|
|
312
|
+
});
|
|
304
313
|
}
|
|
305
|
-
}, [
|
|
314
|
+
}, [activeFragment?.sandboxUrl, activeFragment?.id, send]);
|
|
315
|
+
// Prefer using external loading when provided; otherwise fall back to machine state
|
|
316
|
+
const derivedIsLoading = typeof isLoading === 'boolean' ? isLoading : state.context.isLoading;
|
|
317
|
+
// Sync external loading prop with machine's loading state (no-op if setter not provided)
|
|
318
|
+
React.useEffect(() => {
|
|
319
|
+
console.log('isLoading....', isLoading, ' state.context.isLoading', state.context.isLoading, ' previewStatus', previewStatus);
|
|
320
|
+
if (!state.context.isLoading) {
|
|
321
|
+
setIsLoading?.(!!state.context.isLoading);
|
|
322
|
+
}
|
|
323
|
+
}, [state.context.isLoading, setIsLoading, isLoading]);
|
|
306
324
|
return React.createElement("div", {
|
|
325
|
+
ref: previewIframeContainerRef,
|
|
307
326
|
className: "right-sidebar-content h-full flex flex-col"
|
|
308
327
|
}, React.createElement("div", {
|
|
309
328
|
className: "flex-1 overflow-hidden",
|
|
310
329
|
style: {
|
|
311
|
-
|
|
330
|
+
minHeight: windowHeight - 140
|
|
312
331
|
}
|
|
313
332
|
}, isPreviewMode ?
|
|
314
333
|
// Preview Mode - Show sandbox iframe or fallback
|
|
@@ -317,44 +336,56 @@ import*as React from'react';import {HybridLiveEditor}from'../live-code-editor/hy
|
|
|
317
336
|
return React.createElement("div", {
|
|
318
337
|
className: "w-full h-full relative",
|
|
319
338
|
style: {
|
|
320
|
-
|
|
339
|
+
width: isMinimized ? windowWidth * 0.8 + 'px' : '100%',
|
|
340
|
+
height: windowHeight - 140,
|
|
321
341
|
backgroundColor: '#f0f0f0'
|
|
322
342
|
}
|
|
323
343
|
}, !previewStatus ? React.createElement("iframe", {
|
|
324
344
|
key: activeFragment.sandboxUrl,
|
|
325
345
|
ref: previewIframeRef,
|
|
326
|
-
src:
|
|
327
|
-
className: "w-full h-full border border-gray-200 rounded-md bg-white shadow-sm",
|
|
346
|
+
src: activeFragment.sandboxUrl,
|
|
347
|
+
className: "w-full w-fit h-full h-fit border border-gray-200 rounded-md bg-white shadow-sm",
|
|
328
348
|
title: "Live Preview",
|
|
329
349
|
sandbox: "allow-scripts allow-same-origin allow-forms allow-popups allow-modals allow-orientation-lock allow-pointer-lock allow-presentation allow-storage-access-by-user-activation allow-top-navigation-by-user-activation",
|
|
330
350
|
loading: "lazy",
|
|
331
351
|
onLoad: () => {
|
|
332
352
|
console.log('🎯 Iframe loaded successfully');
|
|
333
|
-
|
|
334
|
-
|
|
353
|
+
setIsLoading?.(false);
|
|
354
|
+
send({
|
|
355
|
+
type: 'SET_LOADING',
|
|
356
|
+
isLoading: false
|
|
357
|
+
});
|
|
335
358
|
},
|
|
336
359
|
onError: e => {
|
|
337
360
|
console.error('❌ Iframe error:', e);
|
|
338
|
-
|
|
361
|
+
setIsLoading?.(false);
|
|
362
|
+
send({
|
|
363
|
+
type: 'SET_LOADING',
|
|
364
|
+
isLoading: false
|
|
365
|
+
});
|
|
339
366
|
},
|
|
340
367
|
style: {
|
|
341
|
-
|
|
368
|
+
// maxHeight: windowHeight - 140,
|
|
369
|
+
// width: isMinimized ? windowWidth * 0.82 + 'px' : '100%',
|
|
370
|
+
//padding: isMinimized ? '10px' : '0px',
|
|
342
371
|
}
|
|
343
372
|
}) : React.createElement("div", {
|
|
344
|
-
className: "absolute inset-0 flex items-center justify-center bg-white border border-gray-200 rounded-md"
|
|
345
|
-
}, React.createElement("div", {
|
|
346
|
-
className: "text-center space-y-3 px-4"
|
|
347
|
-
}, React.createElement("div", {
|
|
348
|
-
className: "flex items-center justify-center gap-2 pt-1"
|
|
349
|
-
}, React.createElement("div", {
|
|
350
373
|
className: "absolute inset-0 bg-white/60 flex items-center justify-center z-20"
|
|
374
|
+
}, handleRecreateSandbox && React.createElement(React.Fragment, null, derivedIsLoading ? React.createElement("div", {
|
|
375
|
+
className: "flex flex-col items-center justify-center gap-2"
|
|
351
376
|
}, React.createElement("div", {
|
|
352
|
-
className: "animate-spin rounded-full h-
|
|
353
|
-
})
|
|
354
|
-
className: "
|
|
355
|
-
}, "
|
|
377
|
+
className: "animate-spin rounded-full h-8 w-8 border-b-2 border-blue-500"
|
|
378
|
+
}), React.createElement("p", {
|
|
379
|
+
className: "text-xs text-blue-700"
|
|
380
|
+
}, "Recreating...")) : React.createElement("div", {
|
|
381
|
+
className: "flex flex-col items-center justify-center gap-2"
|
|
382
|
+
}, React.createElement("div", {
|
|
383
|
+
className: "animate-spin rounded-full h-8 w-8 border-b-2 border-blue-500"
|
|
384
|
+
}), React.createElement("p", {
|
|
385
|
+
className: "text-sm text-muted-foreground"
|
|
386
|
+
}, isLoading ? 'Recreating...' : 'Refresh', ' ')))), React.createElement("div", {
|
|
356
387
|
className: "absolute top-2 right-2 bg-green-100 text-green-800 px-2 py-1 rounded text-xs z-10"
|
|
357
|
-
}, "Live Preview"),
|
|
388
|
+
}, "Live Preview"), derivedIsLoading && React.createElement(React.Fragment, null, React.createElement("div", {
|
|
358
389
|
className: "absolute inset-0 bg-white/60 flex items-center justify-center z-20"
|
|
359
390
|
}, React.createElement("div", {
|
|
360
391
|
className: "animate-spin rounded-full h-12 w-12 border-4 border-blue-500 border-t-transparent"
|
|
@@ -363,28 +394,33 @@ import*as React from'react';import {HybridLiveEditor}from'../live-code-editor/hy
|
|
|
363
394
|
}, "Loading...")));
|
|
364
395
|
} else {
|
|
365
396
|
return React.createElement("div", {
|
|
366
|
-
className: "h-full flex items-center justify-center text-gray-500 border border-gray-200 rounded-md bg-gray-50"
|
|
397
|
+
className: "h-full flex items-center justify-center text-gray-500 border border-gray-200 rounded-md bg-gray-50 ",
|
|
398
|
+
style: {
|
|
399
|
+
width: '100%',
|
|
400
|
+
height: '80vh'
|
|
401
|
+
}
|
|
367
402
|
}, React.createElement("div", {
|
|
368
403
|
className: "text-center space-y-3"
|
|
369
404
|
}, React.createElement("p", {
|
|
370
405
|
className: "font-medium"
|
|
371
406
|
}, "No preview available"), React.createElement("div", {
|
|
372
407
|
className: "flex flex-col items-center justify-center space-y-3"
|
|
373
|
-
},
|
|
408
|
+
}, derivedIsLoading ? React.createElement("div", {
|
|
374
409
|
className: "animate-spin rounded-full h-8 w-8 border-b-2 border-blue-500"
|
|
375
410
|
}) : React.createElement("div", {
|
|
376
411
|
className: "w-8 h-8 bg-gray-300 rounded-full"
|
|
377
412
|
}), React.createElement("p", {
|
|
378
413
|
className: "text-sm text-gray-400"
|
|
379
|
-
},
|
|
414
|
+
}, derivedIsLoading ? 'Generating code...' : 'Waiting for code generation...'))));
|
|
380
415
|
}
|
|
381
416
|
})() :
|
|
382
417
|
// Code Editor Mode - Show files from subscription or fallback
|
|
383
418
|
React.createElement("div", {
|
|
384
419
|
className: "h-full w-full relative",
|
|
385
420
|
style: {
|
|
386
|
-
|
|
387
|
-
|
|
421
|
+
minHeight: windowHeight - 140,
|
|
422
|
+
height: windowHeight - 140,
|
|
423
|
+
width: isMinimized ? windowWidth * 0.9 + 'px' : '100%'
|
|
388
424
|
}
|
|
389
425
|
}, React.createElement(HybridLiveEditor, {
|
|
390
426
|
ref: hybridLiveEditorRef,
|
|
@@ -397,8 +433,9 @@ import*as React from'react';import {HybridLiveEditor}from'../live-code-editor/hy
|
|
|
397
433
|
readOnly: !activeFragment?.id,
|
|
398
434
|
autoSave: false,
|
|
399
435
|
debounceMs: 500,
|
|
436
|
+
//className={`h-full w-[100%] h-[75vh] border-b border-gray-200 rounded-md bg-white shadow-sm overflow-hidden`}
|
|
400
437
|
className: "h-full w-full"
|
|
401
|
-
}),
|
|
438
|
+
}), derivedIsLoading && React.createElement(React.Fragment, null, React.createElement("div", {
|
|
402
439
|
className: "absolute inset-0 bg-white/60 flex items-center justify-center z-20"
|
|
403
440
|
}, React.createElement("div", {
|
|
404
441
|
className: "animate-spin rounded-full h-12 w-12 border-4 border-blue-500 border-t-transparent"
|
|
@@ -408,17 +445,5 @@ import*as React from'react';import {HybridLiveEditor}from'../live-code-editor/hy
|
|
|
408
445
|
className: "flex items-center gap-2"
|
|
409
446
|
}, React.createElement("div", {
|
|
410
447
|
className: "animate-spin rounded-full h-4 w-4 border-b-2 border-blue-500"
|
|
411
|
-
}), "Processing...")))))
|
|
412
|
-
className: "p-2 border-t bg-gray-50 text-xs text-gray-500"
|
|
413
|
-
}, React.createElement("div", {
|
|
414
|
-
className: "flex justify-between"
|
|
415
|
-
}, React.createElement("span", null, "Mobile: ", detailSidebarOptions.isMobileView ? 'Yes' : 'No'), React.createElement("span", null, "Desktop: ", detailSidebarOptions.isDesktopView ? 'Yes' : 'No'), activeFragment && React.createElement("span", {
|
|
416
|
-
className: "text-green-600"
|
|
417
|
-
}, activeFragment.isError ? 'Error' : 'Ready')), activeFragment && React.createElement("div", {
|
|
418
|
-
className: "mt-1 text-xs"
|
|
419
|
-
}, React.createElement("span", {
|
|
420
|
-
className: "text-gray-400"
|
|
421
|
-
}, "Files: ", Object.keys(completeFileContext).length), canvasLayers.length > 0 && React.createElement("span", {
|
|
422
|
-
className: "ml-2 text-gray-400"
|
|
423
|
-
}, "Layers: ", canvasLayers.length))));
|
|
448
|
+
}), "Processing..."))))));
|
|
424
449
|
};export{RightSidebarFillComponent};//# sourceMappingURL=RightSiderBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RightSiderBar.js","sources":["../../../src/components/filler-components/RightSiderBar.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RightSiderBar.js","sources":["../../../src/components/filler-components/RightSiderBar.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"right-sidebar-filler.d.ts","sourceRoot":"","sources":["../../../src/components/slot-fill/right-sidebar-filler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"right-sidebar-filler.d.ts","sourceRoot":"","sources":["../../../src/components/slot-fill/right-sidebar-filler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8B/B,eAAO,MAAM,kBAAkB,GAAI,OAAO,GAAG,sBAE5C,CAAC;AAEF,eAAO,MAAM,gBAAgB,yBAQ5B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"right-sidebar-filler.js","sources":["../../../src/components/slot-fill/right-sidebar-filler.tsx"],"sourcesContent":[null],"names":[],"mappings":"+
|
|
1
|
+
{"version":3,"file":"right-sidebar-filler.js","sources":["../../../src/components/slot-fill/right-sidebar-filler.tsx"],"sourcesContent":[null],"names":[],"mappings":"+OA8BO,MAAM,kBAAkB,GAAG,KAAC,IAAY;SAC3C,KAAO,CAAA,aAAA,CAAA,IAAC,EAAI;AAChB,IAAE,GAAA,KAAA;AAEF,IAAA,IAAO,EAAA,yBAA4B,CAAA;AAC/B,GAAA,CAAA;AAGY;AAGV,MAAA,gBAAA,GAAA,MAAA;AACN,EAAE,OAAA,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,IAAA,EAAA,KAAA,IAAA;;;;;"}
|
|
@@ -4,6 +4,9 @@ export declare const config: Readonly<{
|
|
|
4
4
|
WEB_THREAD_MESSEGE_PATH: string;
|
|
5
5
|
MESSAGES_PER_PAGE: number;
|
|
6
6
|
MESSENGER_BOX_FORM_EXTENSION_ID: string;
|
|
7
|
+
MESSENGER_BOX_FORM_EXTENSION_FORM_ID: string;
|
|
8
|
+
MESSENGER_BOX_FORM_EXTENSION_FUNCTION_ID: string;
|
|
9
|
+
MESSENGER_BOX_FORM_EXTENSION_STEP_NAME: string;
|
|
7
10
|
FILES_PER_MESSAGE: number;
|
|
8
11
|
VITE_OPENAI_API_KEY: string;
|
|
9
12
|
VITE_ANTHROPIC_API_KEY: string;
|
|
@@ -11,5 +14,7 @@ export declare const config: Readonly<{
|
|
|
11
14
|
NEWS_API_KEY: string;
|
|
12
15
|
OPENAI_API_KEY: string;
|
|
13
16
|
AI_MESSENGER_PATH: string;
|
|
17
|
+
LAYOUT_SETTINGS: {};
|
|
18
|
+
APP_NAME: string;
|
|
14
19
|
} & import("envalid").CleanedEnvAccessors>;
|
|
15
20
|
//# sourceMappingURL=env-config.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"env-config.d.ts","sourceRoot":"","sources":["../../src/config/env-config.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"env-config.d.ts","sourceRoot":"","sources":["../../src/config/env-config.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;0CAkBjB,CAAC"}
|
package/lib/config/env-config.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {cleanEnv,str,num}from'envalid';import {getEnvironment}from'@common-stack/core';const env = getEnvironment();
|
|
1
|
+
import {cleanEnv,str,json,num}from'envalid';import {getEnvironment}from'@common-stack/core';const env = getEnvironment();
|
|
2
2
|
const config = cleanEnv(env, {
|
|
3
3
|
CLIENT_URL: str({
|
|
4
4
|
default: 'http://localhost:3011'
|
|
@@ -16,6 +16,15 @@ const config = cleanEnv(env, {
|
|
|
16
16
|
MESSENGER_BOX_FORM_EXTENSION_ID: str({
|
|
17
17
|
default: ''
|
|
18
18
|
}),
|
|
19
|
+
MESSENGER_BOX_FORM_EXTENSION_FORM_ID: str({
|
|
20
|
+
default: ''
|
|
21
|
+
}),
|
|
22
|
+
MESSENGER_BOX_FORM_EXTENSION_FUNCTION_ID: str({
|
|
23
|
+
default: ''
|
|
24
|
+
}),
|
|
25
|
+
MESSENGER_BOX_FORM_EXTENSION_STEP_NAME: str({
|
|
26
|
+
default: ''
|
|
27
|
+
}),
|
|
19
28
|
FILES_PER_MESSAGE: num({
|
|
20
29
|
default: 10
|
|
21
30
|
}),
|
|
@@ -36,5 +45,11 @@ const config = cleanEnv(env, {
|
|
|
36
45
|
}),
|
|
37
46
|
AI_MESSENGER_PATH: str({
|
|
38
47
|
default: '/ai-messenger/app'
|
|
48
|
+
}),
|
|
49
|
+
LAYOUT_SETTINGS: json({
|
|
50
|
+
default: {}
|
|
51
|
+
}),
|
|
52
|
+
APP_NAME: str({
|
|
53
|
+
default: 'Messenger Box'
|
|
39
54
|
})
|
|
40
55
|
});export{config};//# sourceMappingURL=env-config.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"env-config.js","sources":["../../src/config/env-config.ts"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"env-config.js","sources":["../../src/config/env-config.ts"],"sourcesContent":[null],"names":[],"mappings":"4FAGA,MAAM,GAAG,GAAG,cAAc,EAAE;AAErB,MAAM,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE;YAChC,EAAU;IACV,OAAA,EAAA;IACA;AACA,EAAA,sBAAmB,EAAG,GAAG,CAAA;IACzB,OAAA,EAAA;IACA;yBACA,EAAA,GAAA,CAAA;IACA,OAAA,EAAA;IACA;mBACA,EAAA,GAAmB,CAAE;IACrB,UAAA,EAAA,EAAA;IACA,OAAA,EAAA;IACA;iCAC6B,EAAE,IAAI;IACnC,OAAA,EAAA;IACA;sCACyB,EAAA,GAAA,CAAe;AAC3C,IAAE,OAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AiLandingInput.d.ts","sourceRoot":"","sources":["../../src/container/AiLandingInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;
|
|
1
|
+
{"version":3,"file":"AiLandingInput.d.ts","sourceRoot":"","sources":["../../src/container/AiLandingInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;AAgK1B,wBAA0C"}
|