@messenger-box/tailwind-ui-inbox 10.0.3-alpha.122 → 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 +4 -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 +42 -26
- 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 -304
- 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 +174 -140
- 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 +2 -0
- package/lib/config/env-config.d.ts.map +1 -1
- package/lib/config/env-config.js +7 -1
- package/lib/config/env-config.js.map +1 -1
- package/lib/container/AiLandingInput.d.ts.map +1 -1
- package/lib/container/AiLandingInput.js +11 -9
- 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/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 +35 -21
- package/src/components/InboxMessage/InputComponent.tsx +23 -375
- 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 +189 -150
- package/src/components/slot-fill/right-sidebar-filler.tsx +1 -0
- package/src/config/env-config.ts +3 -1
- package/src/container/AiLandingInput.tsx +11 -111
- package/src/container/InboxAiMessagesLoader.tsx +13 -2
- package/src/container/InboxContainer.tsx +2 -8
- package/src/container/InboxWithAiLoader.tsx +2 -0
- 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,77 +252,140 @@ 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
|
|
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
|
+
}
|
|
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
|
|
305
|
+
React.useEffect(() => {
|
|
306
|
+
const url = activeFragment?.sandboxUrl;
|
|
307
|
+
if (url) {
|
|
308
|
+
send({
|
|
309
|
+
type: 'PROBE',
|
|
310
|
+
url,
|
|
311
|
+
fragmentId: activeFragment?.id
|
|
298
312
|
});
|
|
299
313
|
}
|
|
300
|
-
}, [activeFragment?.
|
|
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)
|
|
301
318
|
React.useEffect(() => {
|
|
302
|
-
|
|
303
|
-
|
|
319
|
+
console.log('isLoading....', isLoading, ' state.context.isLoading', state.context.isLoading, ' previewStatus', previewStatus);
|
|
320
|
+
if (!state.context.isLoading) {
|
|
321
|
+
setIsLoading?.(!!state.context.isLoading);
|
|
304
322
|
}
|
|
305
|
-
}, [
|
|
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
|
|
315
334
|
(() => {
|
|
316
335
|
if (activeFragment?.sandboxUrl) {
|
|
317
336
|
return React.createElement("div", {
|
|
318
|
-
className: "w-full h-full
|
|
337
|
+
className: "w-full h-full relative",
|
|
319
338
|
style: {
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
width: '100%'
|
|
339
|
+
width: isMinimized ? windowWidth * 0.8 + 'px' : '100%',
|
|
340
|
+
height: windowHeight - 140,
|
|
341
|
+
backgroundColor: '#f0f0f0'
|
|
324
342
|
}
|
|
325
343
|
}, !previewStatus ? React.createElement("iframe", {
|
|
326
344
|
key: activeFragment.sandboxUrl,
|
|
327
345
|
ref: previewIframeRef,
|
|
328
|
-
src:
|
|
329
|
-
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",
|
|
330
348
|
title: "Live Preview",
|
|
331
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",
|
|
332
350
|
loading: "lazy",
|
|
333
351
|
onLoad: () => {
|
|
334
352
|
console.log('🎯 Iframe loaded successfully');
|
|
335
|
-
|
|
336
|
-
|
|
353
|
+
setIsLoading?.(false);
|
|
354
|
+
send({
|
|
355
|
+
type: 'SET_LOADING',
|
|
356
|
+
isLoading: false
|
|
357
|
+
});
|
|
337
358
|
},
|
|
338
359
|
onError: e => {
|
|
339
360
|
console.error('❌ Iframe error:', e);
|
|
340
|
-
|
|
361
|
+
setIsLoading?.(false);
|
|
362
|
+
send({
|
|
363
|
+
type: 'SET_LOADING',
|
|
364
|
+
isLoading: false
|
|
365
|
+
});
|
|
341
366
|
},
|
|
342
367
|
style: {
|
|
343
|
-
//
|
|
344
|
-
|
|
368
|
+
// maxHeight: windowHeight - 140,
|
|
369
|
+
// width: isMinimized ? windowWidth * 0.82 + 'px' : '100%',
|
|
370
|
+
//padding: isMinimized ? '10px' : '0px',
|
|
345
371
|
}
|
|
346
372
|
}) : React.createElement("div", {
|
|
347
|
-
className: "absolute inset-0 flex items-center justify-center bg-white border border-gray-200 rounded-md"
|
|
348
|
-
}, React.createElement("div", {
|
|
349
|
-
className: "text-center space-y-3 px-4"
|
|
350
|
-
}, React.createElement("div", {
|
|
351
|
-
className: "flex items-center justify-center gap-2 pt-1"
|
|
352
|
-
}, React.createElement("div", {
|
|
353
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"
|
|
354
376
|
}, React.createElement("div", {
|
|
355
|
-
className: "animate-spin rounded-full h-
|
|
356
|
-
})
|
|
357
|
-
className: "
|
|
358
|
-
}, "
|
|
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", {
|
|
359
387
|
className: "absolute top-2 right-2 bg-green-100 text-green-800 px-2 py-1 rounded text-xs z-10"
|
|
360
|
-
}, "Live Preview"),
|
|
388
|
+
}, "Live Preview"), derivedIsLoading && React.createElement(React.Fragment, null, React.createElement("div", {
|
|
361
389
|
className: "absolute inset-0 bg-white/60 flex items-center justify-center z-20"
|
|
362
390
|
}, React.createElement("div", {
|
|
363
391
|
className: "animate-spin rounded-full h-12 w-12 border-4 border-blue-500 border-t-transparent"
|
|
@@ -366,28 +394,33 @@ import*as React from'react';import {HybridLiveEditor}from'../live-code-editor/hy
|
|
|
366
394
|
}, "Loading...")));
|
|
367
395
|
} else {
|
|
368
396
|
return React.createElement("div", {
|
|
369
|
-
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
|
+
}
|
|
370
402
|
}, React.createElement("div", {
|
|
371
403
|
className: "text-center space-y-3"
|
|
372
404
|
}, React.createElement("p", {
|
|
373
405
|
className: "font-medium"
|
|
374
406
|
}, "No preview available"), React.createElement("div", {
|
|
375
407
|
className: "flex flex-col items-center justify-center space-y-3"
|
|
376
|
-
},
|
|
408
|
+
}, derivedIsLoading ? React.createElement("div", {
|
|
377
409
|
className: "animate-spin rounded-full h-8 w-8 border-b-2 border-blue-500"
|
|
378
410
|
}) : React.createElement("div", {
|
|
379
411
|
className: "w-8 h-8 bg-gray-300 rounded-full"
|
|
380
412
|
}), React.createElement("p", {
|
|
381
413
|
className: "text-sm text-gray-400"
|
|
382
|
-
},
|
|
414
|
+
}, derivedIsLoading ? 'Generating code...' : 'Waiting for code generation...'))));
|
|
383
415
|
}
|
|
384
416
|
})() :
|
|
385
417
|
// Code Editor Mode - Show files from subscription or fallback
|
|
386
418
|
React.createElement("div", {
|
|
387
419
|
className: "h-full w-full relative",
|
|
388
420
|
style: {
|
|
389
|
-
|
|
390
|
-
|
|
421
|
+
minHeight: windowHeight - 140,
|
|
422
|
+
height: windowHeight - 140,
|
|
423
|
+
width: isMinimized ? windowWidth * 0.9 + 'px' : '100%'
|
|
391
424
|
}
|
|
392
425
|
}, React.createElement(HybridLiveEditor, {
|
|
393
426
|
ref: hybridLiveEditorRef,
|
|
@@ -400,8 +433,9 @@ import*as React from'react';import {HybridLiveEditor}from'../live-code-editor/hy
|
|
|
400
433
|
readOnly: !activeFragment?.id,
|
|
401
434
|
autoSave: false,
|
|
402
435
|
debounceMs: 500,
|
|
436
|
+
//className={`h-full w-[100%] h-[75vh] border-b border-gray-200 rounded-md bg-white shadow-sm overflow-hidden`}
|
|
403
437
|
className: "h-full w-full"
|
|
404
|
-
}),
|
|
438
|
+
}), derivedIsLoading && React.createElement(React.Fragment, null, React.createElement("div", {
|
|
405
439
|
className: "absolute inset-0 bg-white/60 flex items-center justify-center z-20"
|
|
406
440
|
}, React.createElement("div", {
|
|
407
441
|
className: "animate-spin rounded-full h-12 w-12 border-4 border-blue-500 border-t-transparent"
|
|
@@ -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;;;;;"}
|
|
@@ -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'
|
|
@@ -45,5 +45,11 @@ const config = cleanEnv(env, {
|
|
|
45
45
|
}),
|
|
46
46
|
AI_MESSENGER_PATH: str({
|
|
47
47
|
default: '/ai-messenger/app'
|
|
48
|
+
}),
|
|
49
|
+
LAYOUT_SETTINGS: json({
|
|
50
|
+
default: {}
|
|
51
|
+
}),
|
|
52
|
+
APP_NAME: str({
|
|
53
|
+
default: 'Messenger Box'
|
|
48
54
|
})
|
|
49
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"}
|