@gigabuddy/gadgets 0.1.5 → 0.1.6

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 (6) hide show
  1. package/package.json +13 -1
  2. package/react.js +759 -0
  3. package/react.js.map +7 -0
  4. package/src/lib/react/GadgetContext.d.ts +24 -0
  5. package/src/lib/react/GadgetFrame.d.ts +25 -0
  6. package/src/react.d.ts +4 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gigabuddy/gadgets",
3
- "version": "0.1.5",
3
+ "version": "0.1.6",
4
4
  "description": "Gigabuddy Gadgets SDK — render interactive gadgets with breakout, state, and hot-swap",
5
5
  "type": "module",
6
6
  "main": "./index.js",
@@ -9,6 +9,18 @@
9
9
  ".": {
10
10
  "types": "./src/index.d.ts",
11
11
  "import": "./index.js"
12
+ },
13
+ "./react": {
14
+ "types": "./src/react.d.ts",
15
+ "import": "./react.js"
16
+ }
17
+ },
18
+ "peerDependencies": {
19
+ "react": ">=18"
20
+ },
21
+ "peerDependenciesMeta": {
22
+ "react": {
23
+ "optional": true
12
24
  }
13
25
  },
14
26
  "publishConfig": {
package/react.js ADDED
@@ -0,0 +1,759 @@
1
+ // libs/gadgets/src/lib/react/GadgetContext.tsx
2
+ import { createContext, useContext, useMemo } from "react";
3
+ import { jsx } from "react/jsx-runtime";
4
+ var GadgetCtx = createContext(null);
5
+ function GadgetProvider({ config, children }) {
6
+ const value = useMemo(() => {
7
+ const base = `${config.apiUrl}/${config.orgId}/${config.projectId}`;
8
+ return {
9
+ config,
10
+ resolveFileUrl: async (fileId) => {
11
+ const token = await config.getToken();
12
+ const res = await fetch(`${base}/context/get-file-url`, {
13
+ method: "POST",
14
+ headers: { Authorization: `Bearer ${token}`, "Content-Type": "application/json" },
15
+ body: JSON.stringify({ fileId })
16
+ });
17
+ if (!res.ok)
18
+ throw new Error(`HTTP ${res.status}`);
19
+ const data = await res.json();
20
+ return data.url;
21
+ }
22
+ };
23
+ }, [config.apiUrl, config.orgId, config.projectId, config.getToken, config.streamBaseUrl]);
24
+ return /* @__PURE__ */ jsx(GadgetCtx.Provider, { value, children });
25
+ }
26
+ function useGadgetConfig() {
27
+ const ctx = useContext(GadgetCtx);
28
+ if (!ctx)
29
+ throw new Error("GadgetFrame must be wrapped in a <GadgetProvider>");
30
+ return ctx;
31
+ }
32
+
33
+ // libs/gadgets/src/lib/react/GadgetFrame.tsx
34
+ import { useCallback, useEffect, useRef, useState } from "react";
35
+
36
+ // libs/gadgets/src/lib/createGadgetRenderer.ts
37
+ function createGadgetRenderer(componentCode, data = {}, options) {
38
+ const serializedData = JSON.stringify(data);
39
+ const viewport = options?.viewport ?? "full";
40
+ const stateEnabled = options?.stateEnabled ?? false;
41
+ const chatEnabled = options?.chatEnabled ?? false;
42
+ const contextEnabled = options?.contextEnabled ?? false;
43
+ const escapedCode = componentCode.replace(/<\/script>/g, "<\\/script>");
44
+ const serializedAssets = JSON.stringify(options?.assets ?? {});
45
+ const stateBridgeScript = stateEnabled ? `
46
+ window.gadget.state = {
47
+ shared: {},
48
+ user: {},
49
+ userId: null,
50
+ _sharedCallbacks: [],
51
+ _userCallbacks: [],
52
+
53
+ dispatch: function(action, data) {
54
+ window.parent.postMessage({ type: 'gadget-interaction', action: action, data: data || {} }, '*');
55
+ },
56
+
57
+ onSharedChange: function(callback) {
58
+ window.gadget.state._sharedCallbacks.push(callback);
59
+ callback(window.gadget.state.shared);
60
+ return function() {
61
+ var i = window.gadget.state._sharedCallbacks.indexOf(callback);
62
+ if (i !== -1) window.gadget.state._sharedCallbacks.splice(i, 1);
63
+ };
64
+ },
65
+
66
+ onUserChange: function(callback) {
67
+ window.gadget.state._userCallbacks.push(callback);
68
+ callback(window.gadget.state.user);
69
+ return function() {
70
+ var i = window.gadget.state._userCallbacks.indexOf(callback);
71
+ if (i !== -1) window.gadget.state._userCallbacks.splice(i, 1);
72
+ };
73
+ },
74
+ };
75
+
76
+ window.addEventListener('message', function(event) {
77
+ var d = event.data;
78
+ if (d && (d.type === 'gadget-state-init' || d.type === 'gadget-state-update')) {
79
+ if (d.userId !== undefined) {
80
+ window.gadget.state.userId = d.userId;
81
+ }
82
+ if (d.shared !== undefined) {
83
+ window.gadget.state.shared = d.shared;
84
+ window.gadget.state._sharedCallbacks.forEach(function(cb) { try { cb(d.shared); } catch(e) {} });
85
+ }
86
+ if (d.user !== undefined) {
87
+ window.gadget.state.user = d.user;
88
+ window.gadget.state._userCallbacks.forEach(function(cb) { try { cb(d.user); } catch(e) {} });
89
+ }
90
+ window.__rerenderGadget();
91
+ }
92
+ });` : "";
93
+ const chatBridgeScript = chatEnabled ? `
94
+ window.gadget.chat = {
95
+ _request: function(method, params) {
96
+ var requestId = Math.random().toString(36).slice(2) + Date.now().toString(36);
97
+ return new Promise(function(resolve, reject) {
98
+ var handler = function(event) {
99
+ var d = event.data;
100
+ if (d && d.type === 'gadget-chat-response' && d.requestId === requestId) {
101
+ window.removeEventListener('message', handler);
102
+ if (d.error) reject(new Error(d.error));
103
+ else resolve(d.result);
104
+ }
105
+ };
106
+ window.addEventListener('message', handler);
107
+ setTimeout(function() { window.removeEventListener('message', handler); reject(new Error('Timed out')); }, 30000);
108
+ window.parent.postMessage({ type: 'gadget-chat-request', requestId: requestId, method: method, params: params || {} }, '*');
109
+ });
110
+ },
111
+
112
+ _eventCallbacks: [],
113
+
114
+ createChannel: function(opts) { return window.gadget.chat._request('createChannel', opts); },
115
+ findOrCreateChannel: function(name, opts) { return window.gadget.chat._request('findOrCreateChannel', { name: name, description: opts && opts.description }); },
116
+ listChannels: function() { return window.gadget.chat._request('listChannels'); },
117
+ joinChannel: function(conversationId) { return window.gadget.chat._request('joinChannel', { conversationId: conversationId }); },
118
+ sendMessage: function(conversationId, text) { return window.gadget.chat._request('sendMessage', { conversationId: conversationId, text: text }); },
119
+ getMessages: function(conversationId, opts) { return window.gadget.chat._request('getMessages', { conversationId: conversationId, limit: opts && opts.limit, before: opts && opts.before }); },
120
+ updateChannel: function(conversationId, updates) { return window.gadget.chat._request('updateChannel', { conversationId: conversationId, description: updates && updates.description }); },
121
+ createInvite: function(conversationId) { return window.gadget.chat._request('createInvite', { conversationId: conversationId }); },
122
+ redeemInvite: function(token) { return window.gadget.chat._request('redeemInvite', { token: token }); },
123
+
124
+ onEvent: function(callback) {
125
+ window.gadget.chat._eventCallbacks.push(callback);
126
+ return function() {
127
+ var i = window.gadget.chat._eventCallbacks.indexOf(callback);
128
+ if (i !== -1) window.gadget.chat._eventCallbacks.splice(i, 1);
129
+ };
130
+ },
131
+ };
132
+
133
+ window.addEventListener('message', function(event) {
134
+ var d = event.data;
135
+ if (d && d.type === 'gadget-chat-event') {
136
+ window.gadget.chat._eventCallbacks.forEach(function(cb) { try { cb(d.event); } catch(e) {} });
137
+ window.__rerenderGadget();
138
+ }
139
+ });` : "";
140
+ const contextBridgeScript = contextEnabled ? `
141
+ window.gadget.context = {
142
+ _request: function(method, params) {
143
+ var requestId = Math.random().toString(36).slice(2) + Date.now().toString(36);
144
+ return new Promise(function(resolve, reject) {
145
+ var handler = function(event) {
146
+ var d = event.data;
147
+ if (d && d.type === 'gadget-context-response' && d.id === requestId) {
148
+ window.removeEventListener('message', handler);
149
+ if (d.error) reject(new Error(d.error));
150
+ else resolve(d.result);
151
+ }
152
+ };
153
+ window.addEventListener('message', handler);
154
+ setTimeout(function() { window.removeEventListener('message', handler); reject(new Error('Timed out')); }, 30000);
155
+ window.parent.postMessage({ type: 'gadget-context-request', id: requestId, method: method, params: params || {} }, '*');
156
+ });
157
+ },
158
+
159
+ _eventCallbacks: [],
160
+
161
+ listTypes: function() { return window.gadget.context._request('listTypes', {}); },
162
+ getType: function(contextType) { return window.gadget.context._request('getType', { contextType: contextType }); },
163
+ listInstances: function(params) { return window.gadget.context._request('listInstances', params || {}); },
164
+ getInstance: function(id) { return window.gadget.context._request('getInstance', { id: id }); },
165
+ createInstance: function(params) { return window.gadget.context._request('createInstance', params); },
166
+ updateInstance: function(id, data) { return window.gadget.context._request('updateInstance', { id: id, data: data }); },
167
+ deleteInstance: function(id) { return window.gadget.context._request('deleteInstance', { id: id }); },
168
+ searchKnowledge: function(params) { return window.gadget.context._request('searchKnowledge', params); },
169
+ getEnriched: function(id) { return window.gadget.context._request('getEnriched', { id: id }); },
170
+ getRelated: function(id) { return window.gadget.context._request('getRelated', { id: id }); },
171
+
172
+ onEvent: function(callback) {
173
+ window.gadget.context._eventCallbacks.push(callback);
174
+ return function() {
175
+ var i = window.gadget.context._eventCallbacks.indexOf(callback);
176
+ if (i !== -1) window.gadget.context._eventCallbacks.splice(i, 1);
177
+ };
178
+ },
179
+ };
180
+
181
+ window.addEventListener('message', function(event) {
182
+ var d = event.data;
183
+ if (d && d.type === 'gadget-context-event') {
184
+ window.gadget.context._eventCallbacks.forEach(function(cb) { try { cb(d.event); } catch(e) {} });
185
+ window.__rerenderGadget();
186
+ }
187
+ });` : "";
188
+ const chatPropFragment = chatEnabled ? ", chat: window.gadget.chat" : "";
189
+ const contextPropFragment = contextEnabled ? ", context: window.gadget.context" : "";
190
+ const breakoutPropFragment = ", breakout: { active: window.gadget.breakout._active, originalRect: window.gadget.breakout._originalRect, request: window.gadget.breakout.request, exit: window.gadget.breakout.exit }";
191
+ const componentProps = stateEnabled ? `{ data: window.__GADGET_DATA__, viewport: window.__GADGET_VIEWPORT__, state: window.gadget.state ? { shared: window.gadget.state.shared, user: window.gadget.state.user } : undefined, userId: window.gadget.state ? window.gadget.state.userId : undefined${chatPropFragment}${contextPropFragment}${breakoutPropFragment} }` : `{ data: window.__GADGET_DATA__, viewport: window.__GADGET_VIEWPORT__${chatPropFragment}${contextPropFragment}${breakoutPropFragment} }`;
192
+ return `<!DOCTYPE html>
193
+ <html lang="en">
194
+ <head>
195
+ <meta charset="UTF-8" />
196
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
197
+ <script src="https://cdn.jsdelivr.net/npm/react@18/umd/react.production.min.js"><\/script>
198
+ <script src="https://cdn.jsdelivr.net/npm/react-dom@18/umd/react-dom.production.min.js"><\/script>
199
+ <script src="https://cdn.jsdelivr.net/npm/@babel/standalone@7/babel.min.js"><\/script>
200
+ <script src="https://cdn.tailwindcss.com"><\/script>
201
+ <style>
202
+ * { margin: 0; padding: 0; box-sizing: border-box; }
203
+ html, body { background: transparent; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; min-height: 100%; }
204
+ #root { min-height: 100vh; }
205
+ .gadget-error {
206
+ padding: 16px;
207
+ background: #fef2f2;
208
+ border: 1px solid #fecaca;
209
+ border-radius: 8px;
210
+ color: #991b1b;
211
+ font-family: monospace;
212
+ font-size: 13px;
213
+ white-space: pre-wrap;
214
+ word-break: break-word;
215
+ }
216
+ .gadget-error-title {
217
+ font-weight: 600;
218
+ margin-bottom: 8px;
219
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
220
+ }
221
+ </style>
222
+ </head>
223
+ <body>
224
+ <div id="root"></div>
225
+ <script>
226
+ window.__GADGET_DATA__ = ${serializedData};
227
+ window.__GADGET_VIEWPORT__ = '${viewport}';
228
+
229
+ window.gadget = {
230
+ data: window.__GADGET_DATA__,
231
+ assets: ${serializedAssets},
232
+
233
+ breakout: {
234
+ _active: false,
235
+ _originalRect: null,
236
+ request: function() {
237
+ if (window.gadget.breakout._active) return;
238
+ window.parent.postMessage({ type: 'gadget-request-breakout' }, '*');
239
+ },
240
+ exit: function() {
241
+ if (!window.gadget.breakout._active) return;
242
+ window.gadget.breakout._active = false;
243
+ window.gadget.breakout._originalRect = null;
244
+ window.parent.postMessage({ type: 'gadget-exit-breakout' }, '*');
245
+ window.__rerenderGadget();
246
+ },
247
+ },
248
+
249
+ callAction: function(input) {
250
+ var requestId = Math.random().toString(36).slice(2) + Date.now().toString(36);
251
+ return new Promise(function(resolve, reject) {
252
+ var handler = function(event) {
253
+ var d = event.data;
254
+ if (d && d.type === 'gadget-action-response' && d.requestId === requestId) {
255
+ window.removeEventListener('message', handler);
256
+ if (d.error) reject(new Error(d.error));
257
+ else resolve(d.result);
258
+ }
259
+ };
260
+ window.addEventListener('message', handler);
261
+ setTimeout(function() {
262
+ window.removeEventListener('message', handler);
263
+ reject(new Error('Action timed out'));
264
+ }, 30000);
265
+ window.parent.postMessage({ type: 'gadget-action-request', requestId: requestId, input: input }, '*');
266
+ });
267
+ },
268
+ };
269
+ ${stateBridgeScript}
270
+ ${chatBridgeScript}
271
+ ${contextBridgeScript}
272
+
273
+ window.__gadgetRoot = null;
274
+ window.__gadgetComponent = null;
275
+
276
+ window.__rerenderGadget = function() {
277
+ if (window.__gadgetRoot && window.__gadgetComponent) {
278
+ var C = window.__gadgetComponent;
279
+ var EB = window.__gadgetErrorBoundary;
280
+ window.__gadgetRoot.render(
281
+ React.createElement(EB, null, React.createElement(C, ${componentProps}))
282
+ );
283
+ }
284
+ };
285
+
286
+ window.addEventListener('message', function(event) {
287
+ var d = event.data;
288
+ if (d && d.type === 'gadget-set-data') {
289
+ window.__GADGET_DATA__ = d.data;
290
+ window.gadget.data = d.data;
291
+ window.__rerenderGadget();
292
+ }
293
+ if (d && d.type === 'gadget-breakout-started') {
294
+ window.gadget.breakout._active = true;
295
+ window.gadget.breakout._originalRect = d.originalRect || null;
296
+ window.__rerenderGadget();
297
+ }
298
+ if (d && d.type === 'gadget-update-component' && d.code) {
299
+ try {
300
+ var compiled = Babel.transform(d.code, { presets: ['react'] }).code;
301
+ var fn = new Function('React', 'useState', 'useEffect', 'useCallback', 'useMemo', 'useRef',
302
+ compiled + '\\nreturn typeof Gadget !== "undefined" ? Gadget : null;');
303
+ var NewComponent = fn(React, React.useState, React.useEffect, React.useCallback, React.useMemo, React.useRef);
304
+ if (NewComponent) {
305
+ window.__gadgetComponent = NewComponent;
306
+ if (window.__gadgetErrorBoundaryInstance) {
307
+ window.__gadgetErrorBoundaryInstance.setState({ error: null });
308
+ }
309
+ window.__rerenderGadget();
310
+ }
311
+ } catch (err) {
312
+ console.error('[gadget-hmr] Component update failed:', err);
313
+ }
314
+ }
315
+ });
316
+ <\/script>
317
+ <script type="text/babel" data-type="module">
318
+ const { useState, useEffect, useCallback, useMemo, useRef } = React;
319
+
320
+ class ErrorBoundary extends React.Component {
321
+ constructor(props) {
322
+ super(props);
323
+ this.state = { error: null };
324
+ window.__gadgetErrorBoundaryInstance = this;
325
+ }
326
+ static getDerivedStateFromError(error) {
327
+ return { error };
328
+ }
329
+ render() {
330
+ if (this.state.error) {
331
+ return React.createElement('div', { className: 'gadget-error' },
332
+ React.createElement('div', { className: 'gadget-error-title' }, 'Runtime Error'),
333
+ this.state.error.message
334
+ );
335
+ }
336
+ return this.props.children;
337
+ }
338
+ }
339
+ window.__gadgetErrorBoundary = ErrorBoundary;
340
+
341
+ try {
342
+ ${escapedCode}
343
+
344
+ const ComponentToRender = typeof Gadget !== 'undefined' ? Gadget : null;
345
+
346
+ if (ComponentToRender) {
347
+ window.__gadgetComponent = ComponentToRender;
348
+ const root = ReactDOM.createRoot(document.getElementById('root'));
349
+ window.__gadgetRoot = root;
350
+ root.render(
351
+ <ErrorBoundary>
352
+ <ComponentToRender data={window.__GADGET_DATA__} viewport={window.__GADGET_VIEWPORT__}${stateEnabled ? " state={window.gadget.state ? { shared: window.gadget.state.shared, user: window.gadget.state.user } : undefined} userId={window.gadget.state ? window.gadget.state.userId : undefined}" : ""}${chatEnabled ? " chat={window.gadget.chat}" : ""}${contextEnabled ? " context={window.gadget.context}" : ""} breakout={{ active: window.gadget.breakout._active, originalRect: window.gadget.breakout._originalRect, request: window.gadget.breakout.request, exit: window.gadget.breakout.exit }} />
353
+ </ErrorBoundary>
354
+ );
355
+ } else {
356
+ document.getElementById('root').innerHTML =
357
+ '<div class="gadget-error"><div class="gadget-error-title">No component found</div>Define a function called Gadget.</div>';
358
+ }
359
+ } catch (err) {
360
+ document.getElementById('root').innerHTML =
361
+ '<div class="gadget-error"><div class="gadget-error-title">Error</div>' +
362
+ err.message.replace(/</g, '&lt;').replace(/>/g, '&gt;') +
363
+ '</div>';
364
+ }
365
+
366
+ const rootEl = document.getElementById('root');
367
+ const observer = new ResizeObserver(() => {
368
+ window.parent.postMessage({
369
+ type: 'gadget-resize',
370
+ height: rootEl.scrollHeight,
371
+ }, '*');
372
+ });
373
+ observer.observe(rootEl);
374
+ <\/script>
375
+ </body>
376
+ </html>`;
377
+ }
378
+
379
+ // libs/gadgets/src/lib/react/GadgetFrame.tsx
380
+ import { jsx as jsx2, jsxs } from "react/jsx-runtime";
381
+ function GadgetFrame({
382
+ gadgetId,
383
+ props,
384
+ mode = "compact",
385
+ breakout: breakoutEnabled = true,
386
+ maxHeight = 300,
387
+ deploymentId: externalDeploymentId,
388
+ conversationId,
389
+ messageId,
390
+ className,
391
+ onBreakoutChange,
392
+ onError
393
+ }) {
394
+ const { config, resolveFileUrl } = useGadgetConfig();
395
+ const base = `${config.apiUrl}/${config.orgId}/${config.projectId}`;
396
+ const [html, setHtml] = useState(null);
397
+ const [loading, setLoading] = useState(true);
398
+ const [error, setError] = useState(null);
399
+ const [naturalHeight, setNaturalHeight] = useState(60);
400
+ const [iframeLoaded, setIframeLoaded] = useState(false);
401
+ const [breakoutActive, setBreakoutActive] = useState(false);
402
+ const [breakoutRevealed, setBreakoutRevealed] = useState(false);
403
+ const iframeRef = useRef(null);
404
+ const entityRef = useRef(null);
405
+ const initialPropsRef = useRef(props);
406
+ const deploymentIdRef = useRef(externalDeploymentId ?? null);
407
+ const sseRef = useRef(null);
408
+ const userIdRef = useRef(null);
409
+ const latestStateRef = useRef(null);
410
+ const placeholderRef = useRef(null);
411
+ const ancestorOverridesRef = useRef([]);
412
+ const breakoutActiveRef = useRef(false);
413
+ breakoutActiveRef.current = breakoutActive;
414
+ const isCompact = mode === "compact";
415
+ const isCapped = isCompact && naturalHeight > maxHeight;
416
+ const iframeHeight = isCapped ? maxHeight : naturalHeight;
417
+ useEffect(() => {
418
+ let cancelled = false;
419
+ (async () => {
420
+ try {
421
+ const token = await config.getToken();
422
+ const res = await fetch(`${base}/chat/get-gadget`, {
423
+ method: "POST",
424
+ headers: { Authorization: `Bearer ${token}`, "Content-Type": "application/json" },
425
+ body: JSON.stringify({ gadgetId })
426
+ });
427
+ if (!res.ok)
428
+ throw new Error(`Failed to load gadget: ${res.status}`);
429
+ const entity = await res.json();
430
+ if (cancelled)
431
+ return;
432
+ entityRef.current = entity;
433
+ const hasMission = entity.data.missionRef?.id != null;
434
+ const assetMap = entity.data.assets ? Object.fromEntries(Object.entries(entity.data.assets).map(([k, v]) => [k, { url: v.url, name: v.name }])) : void 0;
435
+ const builtHtml = createGadgetRenderer(entity.data.componentCode, initialPropsRef.current ?? {}, {
436
+ viewport: mode,
437
+ stateEnabled: hasMission,
438
+ assets: assetMap
439
+ });
440
+ setHtml(builtHtml);
441
+ if (hasMission) {
442
+ const depId = externalDeploymentId ?? messageId ?? `gadget_${gadgetId}_${Date.now()}`;
443
+ deploymentIdRef.current = depId;
444
+ const deployRes = await fetch(`${base}/gadget-deploy`, {
445
+ method: "POST",
446
+ headers: { Authorization: `Bearer ${token}`, "Content-Type": "application/json" },
447
+ body: JSON.stringify({
448
+ gadgetId,
449
+ deploymentId: depId,
450
+ initialData: initialPropsRef.current,
451
+ conversationId
452
+ })
453
+ });
454
+ if (!deployRes.ok)
455
+ throw new Error(`Failed to deploy gadget: ${deployRes.status}`);
456
+ const deployData = await deployRes.json();
457
+ if (cancelled)
458
+ return;
459
+ if (deployData.userId)
460
+ userIdRef.current = deployData.userId;
461
+ latestStateRef.current = deployData.initialState;
462
+ const streamBase = config.streamBaseUrl ?? config.apiUrl;
463
+ const sseUrl = `${streamBase}/${config.orgId}/${config.projectId}/gadget-state/${depId}/stream?token=${encodeURIComponent(token)}`;
464
+ const sse = new EventSource(sseUrl);
465
+ sseRef.current = sse;
466
+ sse.addEventListener("state-update", (event) => {
467
+ if (cancelled)
468
+ return;
469
+ try {
470
+ const state = JSON.parse(event.data);
471
+ if (state.userId && !userIdRef.current)
472
+ userIdRef.current = state.userId;
473
+ latestStateRef.current = state;
474
+ iframeRef.current?.contentWindow?.postMessage(
475
+ { type: "gadget-state-update", shared: state.shared, user: state.user, userId: userIdRef.current },
476
+ "*"
477
+ );
478
+ } catch {
479
+ }
480
+ });
481
+ }
482
+ } catch (err) {
483
+ if (!cancelled) {
484
+ const msg = err instanceof Error ? err.message : "Failed to load gadget";
485
+ setError(msg);
486
+ onError?.(msg);
487
+ }
488
+ } finally {
489
+ if (!cancelled)
490
+ setLoading(false);
491
+ }
492
+ })();
493
+ return () => {
494
+ cancelled = true;
495
+ if (sseRef.current) {
496
+ sseRef.current.close();
497
+ sseRef.current = null;
498
+ }
499
+ };
500
+ }, [gadgetId, base, config.getToken, config.streamBaseUrl, config.orgId, config.projectId, mode]);
501
+ useEffect(() => {
502
+ if (!iframeLoaded || !latestStateRef.current)
503
+ return;
504
+ iframeRef.current?.contentWindow?.postMessage(
505
+ { type: "gadget-state-init", shared: latestStateRef.current.shared, user: latestStateRef.current.user, userId: userIdRef.current },
506
+ "*"
507
+ );
508
+ }, [iframeLoaded]);
509
+ useEffect(() => {
510
+ if (!iframeLoaded || !props)
511
+ return;
512
+ iframeRef.current?.contentWindow?.postMessage({ type: "gadget-set-data", data: props }, "*");
513
+ }, [props, iframeLoaded]);
514
+ useEffect(() => {
515
+ if (!iframeRef.current || !html || !breakoutEnabled)
516
+ return;
517
+ const iframe = iframeRef.current;
518
+ function clearAncestorClipping() {
519
+ let el = iframe.parentElement;
520
+ while (el && el !== document.body && el !== document.documentElement) {
521
+ const cs = getComputedStyle(el);
522
+ const overflow = cs.overflow + cs.overflowX + cs.overflowY;
523
+ const hasClip = /hidden|auto|scroll|clip/.test(overflow);
524
+ const hasContain = cs.transform !== "none" || cs.willChange === "transform" || cs.contain !== "none" || cs.filter !== "none";
525
+ if (hasClip || hasContain) {
526
+ if (hasClip) {
527
+ ancestorOverridesRef.current.push({ el, key: "overflow", original: el.style.overflow });
528
+ ancestorOverridesRef.current.push({ el, key: "overflowX", original: el.style.overflowX });
529
+ ancestorOverridesRef.current.push({ el, key: "overflowY", original: el.style.overflowY });
530
+ el.style.overflow = "visible";
531
+ el.style.overflowX = "visible";
532
+ el.style.overflowY = "visible";
533
+ }
534
+ if (hasContain && cs.transform !== "none") {
535
+ ancestorOverridesRef.current.push({ el, key: "transform", original: el.style.transform });
536
+ el.style.transform = "none";
537
+ }
538
+ if (hasContain && cs.contain !== "none") {
539
+ ancestorOverridesRef.current.push({ el, key: "contain", original: el.style.contain });
540
+ el.style.contain = "none";
541
+ }
542
+ }
543
+ el = el.parentElement;
544
+ }
545
+ }
546
+ function restoreAncestorClipping() {
547
+ for (const { el, key, original } of ancestorOverridesRef.current) {
548
+ el.style[key] = original;
549
+ }
550
+ ancestorOverridesRef.current.length = 0;
551
+ }
552
+ function onMessage(event) {
553
+ if (event.source !== iframe.contentWindow)
554
+ return;
555
+ const d = event.data;
556
+ if (!d || typeof d !== "object")
557
+ return;
558
+ if (d.type === "gadget-request-breakout") {
559
+ const rect = iframe.getBoundingClientRect();
560
+ const ph = document.createElement("div");
561
+ ph.style.width = `${rect.width}px`;
562
+ ph.style.height = `${rect.height}px`;
563
+ ph.style.flexShrink = "0";
564
+ iframe.parentElement?.insertBefore(ph, iframe);
565
+ placeholderRef.current = ph;
566
+ clearAncestorClipping();
567
+ setBreakoutActive(true);
568
+ setBreakoutRevealed(false);
569
+ onBreakoutChange?.(true);
570
+ iframe.contentWindow?.postMessage(
571
+ { type: "gadget-breakout-started", originalRect: { x: rect.x, y: rect.y, width: rect.width, height: rect.height } },
572
+ "*"
573
+ );
574
+ requestAnimationFrame(() => requestAnimationFrame(() => setBreakoutRevealed(true)));
575
+ }
576
+ if (d.type === "gadget-exit-breakout") {
577
+ if (placeholderRef.current) {
578
+ placeholderRef.current.remove();
579
+ placeholderRef.current = null;
580
+ }
581
+ restoreAncestorClipping();
582
+ setBreakoutActive(false);
583
+ setBreakoutRevealed(false);
584
+ onBreakoutChange?.(false);
585
+ }
586
+ }
587
+ window.addEventListener("message", onMessage);
588
+ return () => {
589
+ window.removeEventListener("message", onMessage);
590
+ if (placeholderRef.current) {
591
+ placeholderRef.current.remove();
592
+ placeholderRef.current = null;
593
+ }
594
+ restoreAncestorClipping();
595
+ setBreakoutActive(false);
596
+ setBreakoutRevealed(false);
597
+ };
598
+ }, [html, breakoutEnabled, onBreakoutChange]);
599
+ const handleMessage = useCallback(
600
+ async (event) => {
601
+ const data = event.data;
602
+ if (!data || typeof data !== "object")
603
+ return;
604
+ if (event.source !== iframeRef.current?.contentWindow)
605
+ return;
606
+ const type = data.type;
607
+ if (type === "gadget-resize") {
608
+ if (breakoutActiveRef.current || !isCompact)
609
+ return;
610
+ const h = data.height;
611
+ if (h > 0)
612
+ setNaturalHeight(h);
613
+ return;
614
+ }
615
+ if (type === "gadget-interaction" && deploymentIdRef.current) {
616
+ void (async () => {
617
+ try {
618
+ const token = await config.getToken();
619
+ await fetch(`${base}/gadget-interact`, {
620
+ method: "POST",
621
+ headers: { Authorization: `Bearer ${token}`, "Content-Type": "application/json" },
622
+ body: JSON.stringify({
623
+ deploymentId: deploymentIdRef.current,
624
+ action: data.action,
625
+ data: data.data ?? {}
626
+ })
627
+ });
628
+ } catch {
629
+ }
630
+ })();
631
+ return;
632
+ }
633
+ if (type === "gadget-file-url-request") {
634
+ const requestId = data.requestId;
635
+ const fileId = data.fileId;
636
+ if (!requestId || !fileId)
637
+ return;
638
+ void (async () => {
639
+ try {
640
+ const url = await resolveFileUrl(fileId);
641
+ iframeRef.current?.contentWindow?.postMessage({ type: "gadget-file-url-response", requestId, url }, "*");
642
+ } catch (err) {
643
+ iframeRef.current?.contentWindow?.postMessage(
644
+ { type: "gadget-file-url-response", requestId, error: err instanceof Error ? err.message : "Failed to resolve file URL" },
645
+ "*"
646
+ );
647
+ }
648
+ })();
649
+ return;
650
+ }
651
+ if (type === "gadget-action-request") {
652
+ const requestId = data.requestId;
653
+ const input = data.input || {};
654
+ const entity = entityRef.current;
655
+ if (!entity?.data.actionRef?.id) {
656
+ iframeRef.current?.contentWindow?.postMessage(
657
+ { type: "gadget-action-response", requestId, error: "No action configured" },
658
+ "*"
659
+ );
660
+ return;
661
+ }
662
+ try {
663
+ const token = await config.getToken();
664
+ const res = await fetch(`${base}/chat/execute-gadget`, {
665
+ method: "POST",
666
+ headers: { Authorization: `Bearer ${token}`, "Content-Type": "application/json" },
667
+ body: JSON.stringify({ gadgetId, input })
668
+ });
669
+ const result = await res.json();
670
+ if (!res.ok) {
671
+ iframeRef.current?.contentWindow?.postMessage(
672
+ { type: "gadget-action-response", requestId, error: result.error || `HTTP ${res.status}` },
673
+ "*"
674
+ );
675
+ } else if (result.status === "failure") {
676
+ iframeRef.current?.contentWindow?.postMessage(
677
+ { type: "gadget-action-response", requestId, error: result.errorMessage || "Action failed" },
678
+ "*"
679
+ );
680
+ } else {
681
+ iframeRef.current?.contentWindow?.postMessage(
682
+ { type: "gadget-action-response", requestId, result: result.output },
683
+ "*"
684
+ );
685
+ }
686
+ } catch (err) {
687
+ iframeRef.current?.contentWindow?.postMessage(
688
+ { type: "gadget-action-response", requestId, error: err instanceof Error ? err.message : "Unknown error" },
689
+ "*"
690
+ );
691
+ }
692
+ }
693
+ },
694
+ [base, config.getToken, resolveFileUrl, gadgetId, isCompact]
695
+ );
696
+ useEffect(() => {
697
+ window.addEventListener("message", handleMessage);
698
+ return () => window.removeEventListener("message", handleMessage);
699
+ }, [handleMessage]);
700
+ if (error) {
701
+ return /* @__PURE__ */ jsx2("div", { className, style: { padding: "8px 12px", fontSize: 12, color: "#b91c1c", background: "#fef2f2", border: "1px solid #fecaca", borderRadius: 8 }, children: error });
702
+ }
703
+ if (loading) {
704
+ return /* @__PURE__ */ jsxs("div", { className, style: { display: "flex", alignItems: "center", gap: 8, padding: "12px", fontSize: 12, color: "#6b7280" }, children: [
705
+ /* @__PURE__ */ jsx2("span", { style: { display: "inline-block", width: 16, height: 16, border: "2px solid #d1d5db", borderTopColor: "#6b7280", borderRadius: "50%", animation: "gadget-spin 0.6s linear infinite" } }),
706
+ "Loading gadget...",
707
+ /* @__PURE__ */ jsx2("style", { children: `@keyframes gadget-spin { to { transform: rotate(360deg) } }` })
708
+ ] });
709
+ }
710
+ if (!html)
711
+ return null;
712
+ const compactStyle = breakoutActive ? {
713
+ position: "fixed",
714
+ top: 0,
715
+ left: 0,
716
+ width: "100vw",
717
+ height: "100vh",
718
+ zIndex: 99999,
719
+ background: "transparent",
720
+ border: "none",
721
+ borderRadius: 0,
722
+ maxWidth: "none",
723
+ maxHeight: "none",
724
+ margin: 0,
725
+ transform: "none",
726
+ pointerEvents: "none",
727
+ overflow: "visible",
728
+ visibility: breakoutRevealed ? "visible" : "hidden"
729
+ } : {
730
+ width: "100%",
731
+ height: iframeHeight,
732
+ border: "none",
733
+ borderRadius: 8,
734
+ overflow: isCapped ? void 0 : "hidden"
735
+ };
736
+ const fullStyle = {
737
+ width: "100%",
738
+ height: "100%",
739
+ border: "none"
740
+ };
741
+ return /* @__PURE__ */ jsx2("div", { className, style: isCompact ? { position: "relative" } : { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsx2(
742
+ "iframe",
743
+ {
744
+ ref: iframeRef,
745
+ srcDoc: html,
746
+ style: isCompact ? compactStyle : fullStyle,
747
+ scrolling: isCompact && !breakoutActive && !isCapped ? "no" : void 0,
748
+ sandbox: "allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox",
749
+ title: "Gadget",
750
+ onLoad: () => setIframeLoaded(true)
751
+ }
752
+ ) });
753
+ }
754
+ export {
755
+ GadgetFrame,
756
+ GadgetProvider,
757
+ useGadgetConfig
758
+ };
759
+ //# sourceMappingURL=react.js.map
package/react.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../libs/gadgets/src/lib/react/GadgetContext.tsx", "../../../libs/gadgets/src/lib/react/GadgetFrame.tsx", "../../../libs/gadgets/src/lib/createGadgetRenderer.ts"],
4
+ "sourcesContent": ["import { createContext, useContext, useMemo, type ReactNode } from 'react';\n\nexport interface GadgetConfig {\n /** Base API URL (e.g. \"https://api.gigabuddy.com\") */\n apiUrl: string;\n /** Organization ID */\n orgId: string;\n /** Project ID */\n projectId: string;\n /** Returns a fresh auth token */\n getToken: () => Promise<string>;\n /** Optional SSE stream base URL (falls back to apiUrl) */\n streamBaseUrl?: string;\n}\n\ninterface GadgetContextValue {\n config: GadgetConfig;\n /** Resolves a file ID to a fresh signed URL */\n resolveFileUrl: (fileId: string) => Promise<string>;\n}\n\nconst GadgetCtx = createContext<GadgetContextValue | null>(null);\n\nexport function GadgetProvider({ config, children }: { config: GadgetConfig; children: ReactNode }) {\n const value = useMemo<GadgetContextValue>(() => {\n const base = `${config.apiUrl}/${config.orgId}/${config.projectId}`;\n\n return {\n config,\n resolveFileUrl: async (fileId: string) => {\n const token = await config.getToken();\n const res = await fetch(`${base}/context/get-file-url`, {\n method: 'POST',\n headers: { Authorization: `Bearer ${token}`, 'Content-Type': 'application/json' },\n body: JSON.stringify({ fileId }),\n });\n if (!res.ok) throw new Error(`HTTP ${res.status}`);\n const data = (await res.json()) as { url: string };\n return data.url;\n },\n };\n }, [config.apiUrl, config.orgId, config.projectId, config.getToken, config.streamBaseUrl]);\n\n return <GadgetCtx.Provider value={value}>{children}</GadgetCtx.Provider>;\n}\n\nexport function useGadgetConfig(): GadgetContextValue {\n const ctx = useContext(GadgetCtx);\n if (!ctx) throw new Error('GadgetFrame must be wrapped in a <GadgetProvider>');\n return ctx;\n}\n", "import { useCallback, useEffect, useRef, useState } from 'react';\nimport { createGadgetRenderer } from '../createGadgetRenderer.js';\nimport { useGadgetConfig } from './GadgetContext.js';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface GadgetFrameProps {\n /** The gadget entity ID to load */\n gadgetId: string;\n /** Data props to pass to the gadget */\n props?: Record<string, unknown>;\n /** Display mode \u2014 compact (inline, resizable) or full (fills container) */\n mode?: 'compact' | 'full';\n /** Whether breakout is enabled (default: true in compact mode) */\n breakout?: boolean;\n /** Max height in compact mode before scrolling (default: 300) */\n maxHeight?: number;\n /** Deployment ID for mission-backed gadgets (auto-generated if not provided) */\n deploymentId?: string;\n /** Conversation ID \u2014 used when updating message content after action */\n conversationId?: string;\n /** Message ID \u2014 used when updating message content after action */\n messageId?: string;\n /** Additional className for the wrapper div */\n className?: string;\n /** Called when breakout state changes */\n onBreakoutChange?: (active: boolean) => void;\n /** Called on load error */\n onError?: (error: string) => void;\n}\n\ninterface GadgetEntity {\n data: {\n type: string;\n componentCode: string;\n actionRef?: { type: string; id: string };\n missionRef?: { type: string; id: string };\n stateBindings?: {\n shared?: { contextFields: string[] };\n user?: { contextFields: string[] };\n };\n assets?: Record<string, { fileId: string; url: string; name: string; contentType: string }>;\n };\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\nexport function GadgetFrame({\n gadgetId,\n props,\n mode = 'compact',\n breakout: breakoutEnabled = true,\n maxHeight = 300,\n deploymentId: externalDeploymentId,\n conversationId,\n messageId,\n className,\n onBreakoutChange,\n onError,\n}: GadgetFrameProps) {\n const { config, resolveFileUrl } = useGadgetConfig();\n const base = `${config.apiUrl}/${config.orgId}/${config.projectId}`;\n\n // \u2500\u2500 State \u2500\u2500\n const [html, setHtml] = useState<string | null>(null);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState<string | null>(null);\n const [naturalHeight, setNaturalHeight] = useState(60);\n const [iframeLoaded, setIframeLoaded] = useState(false);\n const [breakoutActive, setBreakoutActive] = useState(false);\n const [breakoutRevealed, setBreakoutRevealed] = useState(false);\n\n // \u2500\u2500 Refs \u2500\u2500\n const iframeRef = useRef<HTMLIFrameElement>(null);\n const entityRef = useRef<GadgetEntity | null>(null);\n const initialPropsRef = useRef(props);\n const deploymentIdRef = useRef<string | null>(externalDeploymentId ?? null);\n const sseRef = useRef<EventSource | null>(null);\n const userIdRef = useRef<string | null>(null);\n const latestStateRef = useRef<{ shared: Record<string, unknown>; user: Record<string, unknown> } | null>(null);\n const placeholderRef = useRef<HTMLDivElement | null>(null);\n const ancestorOverridesRef = useRef<{ el: HTMLElement; key: string; original: string }[]>([]);\n const breakoutActiveRef = useRef(false);\n breakoutActiveRef.current = breakoutActive;\n\n // \u2500\u2500 Derived \u2500\u2500\n const isCompact = mode === 'compact';\n const isCapped = isCompact && naturalHeight > maxHeight;\n const iframeHeight = isCapped ? maxHeight : naturalHeight;\n\n // \u2500\u2500 Fetch entity + build HTML + deploy \u2500\u2500\n useEffect(() => {\n let cancelled = false;\n\n (async () => {\n try {\n const token = await config.getToken();\n const res = await fetch(`${base}/chat/get-gadget`, {\n method: 'POST',\n headers: { Authorization: `Bearer ${token}`, 'Content-Type': 'application/json' },\n body: JSON.stringify({ gadgetId }),\n });\n if (!res.ok) throw new Error(`Failed to load gadget: ${res.status}`);\n\n const entity = (await res.json()) as GadgetEntity;\n if (cancelled) return;\n\n entityRef.current = entity;\n const hasMission = entity.data.missionRef?.id != null;\n\n const assetMap = entity.data.assets\n ? Object.fromEntries(Object.entries(entity.data.assets).map(([k, v]) => [k, { url: v.url, name: v.name }]))\n : undefined;\n\n const builtHtml = createGadgetRenderer(entity.data.componentCode, initialPropsRef.current ?? {}, {\n viewport: mode,\n stateEnabled: hasMission,\n assets: assetMap,\n });\n setHtml(builtHtml);\n\n // Deploy if mission-backed\n if (hasMission) {\n const depId = externalDeploymentId ?? messageId ?? `gadget_${gadgetId}_${Date.now()}`;\n deploymentIdRef.current = depId;\n\n const deployRes = await fetch(`${base}/gadget-deploy`, {\n method: 'POST',\n headers: { Authorization: `Bearer ${token}`, 'Content-Type': 'application/json' },\n body: JSON.stringify({\n gadgetId,\n deploymentId: depId,\n initialData: initialPropsRef.current,\n conversationId,\n }),\n });\n if (!deployRes.ok) throw new Error(`Failed to deploy gadget: ${deployRes.status}`);\n\n const deployData = (await deployRes.json()) as {\n deploymentId: string;\n missionInstanceId: string;\n initialState: { shared: Record<string, unknown>; user: Record<string, unknown> };\n userId?: string;\n };\n if (cancelled) return;\n\n if (deployData.userId) userIdRef.current = deployData.userId;\n latestStateRef.current = deployData.initialState;\n\n // Connect SSE\n const streamBase = config.streamBaseUrl ?? config.apiUrl;\n const sseUrl = `${streamBase}/${config.orgId}/${config.projectId}/gadget-state/${depId}/stream?token=${encodeURIComponent(token)}`;\n const sse = new EventSource(sseUrl);\n sseRef.current = sse;\n\n sse.addEventListener('state-update', (event) => {\n if (cancelled) return;\n try {\n const state = JSON.parse(event.data) as {\n shared: Record<string, unknown>;\n user: Record<string, unknown>;\n userId?: string;\n };\n if (state.userId && !userIdRef.current) userIdRef.current = state.userId;\n latestStateRef.current = state;\n iframeRef.current?.contentWindow?.postMessage(\n { type: 'gadget-state-update', shared: state.shared, user: state.user, userId: userIdRef.current },\n '*',\n );\n } catch {\n // Ignore malformed SSE\n }\n });\n }\n } catch (err) {\n if (!cancelled) {\n const msg = err instanceof Error ? err.message : 'Failed to load gadget';\n setError(msg);\n onError?.(msg);\n }\n } finally {\n if (!cancelled) setLoading(false);\n }\n })();\n\n return () => {\n cancelled = true;\n if (sseRef.current) {\n sseRef.current.close();\n sseRef.current = null;\n }\n };\n }, [gadgetId, base, config.getToken, config.streamBaseUrl, config.orgId, config.projectId, mode]);\n\n // \u2500\u2500 Push initial state on iframe load \u2500\u2500\n useEffect(() => {\n if (!iframeLoaded || !latestStateRef.current) return;\n iframeRef.current?.contentWindow?.postMessage(\n { type: 'gadget-state-init', shared: latestStateRef.current.shared, user: latestStateRef.current.user, userId: userIdRef.current },\n '*',\n );\n }, [iframeLoaded]);\n\n // \u2500\u2500 Push props changes \u2500\u2500\n useEffect(() => {\n if (!iframeLoaded || !props) return;\n iframeRef.current?.contentWindow?.postMessage({ type: 'gadget-set-data', data: props }, '*');\n }, [props, iframeLoaded]);\n\n // \u2500\u2500 Breakout handler \u2500\u2500\n useEffect(() => {\n if (!iframeRef.current || !html || !breakoutEnabled) return;\n const iframe = iframeRef.current;\n\n function clearAncestorClipping() {\n let el = iframe.parentElement;\n while (el && el !== document.body && el !== document.documentElement) {\n const cs = getComputedStyle(el);\n const overflow = cs.overflow + cs.overflowX + cs.overflowY;\n const hasClip = /hidden|auto|scroll|clip/.test(overflow);\n const hasContain = cs.transform !== 'none' || cs.willChange === 'transform' || cs.contain !== 'none' || cs.filter !== 'none';\n\n if (hasClip || hasContain) {\n if (hasClip) {\n ancestorOverridesRef.current.push({ el, key: 'overflow', original: el.style.overflow });\n ancestorOverridesRef.current.push({ el, key: 'overflowX', original: el.style.overflowX });\n ancestorOverridesRef.current.push({ el, key: 'overflowY', original: el.style.overflowY });\n el.style.overflow = 'visible';\n el.style.overflowX = 'visible';\n el.style.overflowY = 'visible';\n }\n if (hasContain && cs.transform !== 'none') {\n ancestorOverridesRef.current.push({ el, key: 'transform', original: el.style.transform });\n el.style.transform = 'none';\n }\n if (hasContain && cs.contain !== 'none') {\n ancestorOverridesRef.current.push({ el, key: 'contain', original: el.style.contain });\n el.style.contain = 'none';\n }\n }\n el = el.parentElement;\n }\n }\n\n function restoreAncestorClipping() {\n for (const { el, key, original } of ancestorOverridesRef.current) {\n (el.style as unknown as Record<string, string>)[key] = original;\n }\n ancestorOverridesRef.current.length = 0;\n }\n\n function onMessage(event: MessageEvent) {\n if (event.source !== iframe.contentWindow) return;\n const d = event.data;\n if (!d || typeof d !== 'object') return;\n\n if (d.type === 'gadget-request-breakout') {\n const rect = iframe.getBoundingClientRect();\n\n // Placeholder to preserve layout\n const ph = document.createElement('div');\n ph.style.width = `${rect.width}px`;\n ph.style.height = `${rect.height}px`;\n ph.style.flexShrink = '0';\n iframe.parentElement?.insertBefore(ph, iframe);\n placeholderRef.current = ph;\n\n clearAncestorClipping();\n setBreakoutActive(true);\n setBreakoutRevealed(false);\n onBreakoutChange?.(true);\n\n iframe.contentWindow?.postMessage(\n { type: 'gadget-breakout-started', originalRect: { x: rect.x, y: rect.y, width: rect.width, height: rect.height } },\n '*',\n );\n\n // Reveal after repositioning\n requestAnimationFrame(() => requestAnimationFrame(() => setBreakoutRevealed(true)));\n }\n\n if (d.type === 'gadget-exit-breakout') {\n if (placeholderRef.current) {\n placeholderRef.current.remove();\n placeholderRef.current = null;\n }\n restoreAncestorClipping();\n setBreakoutActive(false);\n setBreakoutRevealed(false);\n onBreakoutChange?.(false);\n }\n }\n\n window.addEventListener('message', onMessage);\n return () => {\n window.removeEventListener('message', onMessage);\n if (placeholderRef.current) {\n placeholderRef.current.remove();\n placeholderRef.current = null;\n }\n restoreAncestorClipping();\n setBreakoutActive(false);\n setBreakoutRevealed(false);\n };\n }, [html, breakoutEnabled, onBreakoutChange]);\n\n // \u2500\u2500 Bridge handler (actions, interactions, file URL, resize) \u2500\u2500\n const handleMessage = useCallback(\n async (event: MessageEvent<unknown>) => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const data = event.data as any;\n if (!data || typeof data !== 'object') return;\n if (event.source !== iframeRef.current?.contentWindow) return;\n\n const type = data.type as string;\n\n // Resize (compact only)\n if (type === 'gadget-resize') {\n if (breakoutActiveRef.current || !isCompact) return;\n const h = data.height as number;\n if (h > 0) setNaturalHeight(h);\n return;\n }\n\n // Interaction dispatch\n if (type === 'gadget-interaction' && deploymentIdRef.current) {\n void (async () => {\n try {\n const token = await config.getToken();\n await fetch(`${base}/gadget-interact`, {\n method: 'POST',\n headers: { Authorization: `Bearer ${token}`, 'Content-Type': 'application/json' },\n body: JSON.stringify({\n deploymentId: deploymentIdRef.current,\n action: data.action as string,\n data: (data.data as Record<string, unknown>) ?? {},\n }),\n });\n } catch {\n // Fire-and-forget\n }\n })();\n return;\n }\n\n // File URL resolution\n if (type === 'gadget-file-url-request') {\n const requestId = data.requestId as string;\n const fileId = data.fileId as string;\n if (!requestId || !fileId) return;\n void (async () => {\n try {\n const url = await resolveFileUrl(fileId);\n iframeRef.current?.contentWindow?.postMessage({ type: 'gadget-file-url-response', requestId, url }, '*');\n } catch (err) {\n iframeRef.current?.contentWindow?.postMessage(\n { type: 'gadget-file-url-response', requestId, error: err instanceof Error ? err.message : 'Failed to resolve file URL' },\n '*',\n );\n }\n })();\n return;\n }\n\n // Action execution\n if (type === 'gadget-action-request') {\n const requestId = data.requestId as string;\n const input = (data.input as Record<string, unknown>) || {};\n const entity = entityRef.current;\n\n if (!entity?.data.actionRef?.id) {\n iframeRef.current?.contentWindow?.postMessage(\n { type: 'gadget-action-response', requestId, error: 'No action configured' },\n '*',\n );\n return;\n }\n\n try {\n const token = await config.getToken();\n const res = await fetch(`${base}/chat/execute-gadget`, {\n method: 'POST',\n headers: { Authorization: `Bearer ${token}`, 'Content-Type': 'application/json' },\n body: JSON.stringify({ gadgetId, input }),\n });\n\n const result = (await res.json()) as { status?: string; error?: string; errorMessage?: string; output?: unknown };\n\n if (!res.ok) {\n iframeRef.current?.contentWindow?.postMessage(\n { type: 'gadget-action-response', requestId, error: result.error || `HTTP ${res.status}` },\n '*',\n );\n } else if (result.status === 'failure') {\n iframeRef.current?.contentWindow?.postMessage(\n { type: 'gadget-action-response', requestId, error: result.errorMessage || 'Action failed' },\n '*',\n );\n } else {\n iframeRef.current?.contentWindow?.postMessage(\n { type: 'gadget-action-response', requestId, result: result.output },\n '*',\n );\n }\n } catch (err) {\n iframeRef.current?.contentWindow?.postMessage(\n { type: 'gadget-action-response', requestId, error: err instanceof Error ? err.message : 'Unknown error' },\n '*',\n );\n }\n }\n },\n [base, config.getToken, resolveFileUrl, gadgetId, isCompact],\n );\n\n useEffect(() => {\n window.addEventListener('message', handleMessage);\n return () => window.removeEventListener('message', handleMessage);\n }, [handleMessage]);\n\n // \u2500\u2500 Render \u2500\u2500\n\n if (error) {\n return (\n <div className={className} style={{ padding: '8px 12px', fontSize: 12, color: '#b91c1c', background: '#fef2f2', border: '1px solid #fecaca', borderRadius: 8 }}>\n {error}\n </div>\n );\n }\n\n if (loading) {\n return (\n <div className={className} style={{ display: 'flex', alignItems: 'center', gap: 8, padding: '12px', fontSize: 12, color: '#6b7280' }}>\n <span style={{ display: 'inline-block', width: 16, height: 16, border: '2px solid #d1d5db', borderTopColor: '#6b7280', borderRadius: '50%', animation: 'gadget-spin 0.6s linear infinite' }} />\n Loading gadget...\n <style>{`@keyframes gadget-spin { to { transform: rotate(360deg) } }`}</style>\n </div>\n );\n }\n\n if (!html) return null;\n\n const compactStyle = breakoutActive\n ? {\n position: 'fixed' as const,\n top: 0, left: 0,\n width: '100vw', height: '100vh',\n zIndex: 99999,\n background: 'transparent',\n border: 'none', borderRadius: 0,\n maxWidth: 'none', maxHeight: 'none',\n margin: 0, transform: 'none',\n pointerEvents: 'none' as const,\n overflow: 'visible',\n visibility: breakoutRevealed ? 'visible' as const : 'hidden' as const,\n }\n : {\n width: '100%',\n height: iframeHeight,\n border: 'none',\n borderRadius: 8,\n overflow: isCapped ? undefined : ('hidden' as const),\n };\n\n const fullStyle = {\n width: '100%',\n height: '100%',\n border: 'none',\n };\n\n return (\n <div className={className} style={isCompact ? { position: 'relative' } : { width: '100%', height: '100%' }}>\n <iframe\n ref={iframeRef}\n srcDoc={html}\n style={isCompact ? compactStyle : fullStyle}\n scrolling={isCompact && !breakoutActive && !isCapped ? 'no' : undefined}\n sandbox=\"allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox\"\n title=\"Gadget\"\n onLoad={() => setIframeLoaded(true)}\n />\n </div>\n );\n}\n", "/**\n * Creates a self-contained HTML string for rendering a gadget component in an iframe.\n *\n * Loads React 18, ReactDOM, Babel (for JSX transpilation), and Tailwind CSS from CDNs.\n * Sets up the full gadget bridge: state, breakout, actions, chat, context, and hot-swap.\n *\n * Usage:\n * import { createGadgetRenderer, setupGadgetBreakout } from '@gigabuddy/chat';\n *\n * const html = createGadgetRenderer(componentCode, data, { viewport: 'compact', stateEnabled: true });\n * iframe.srcdoc = html;\n * setupGadgetBreakout(iframe);\n *\n * The gadget component receives these props:\n * function Gadget({ data, viewport, state, userId, breakout, chat, context })\n *\n * Bridge protocol (postMessage):\n * - Host \u2192 iframe: `gadget-set-data` \u2014 push new props\n * - Host \u2192 iframe: `gadget-state-init` / `gadget-state-update` \u2014 state changes\n * - Host \u2192 iframe: `gadget-update-component` \u2014 hot-swap component code\n * - Host \u2192 iframe: `gadget-breakout-started` \u2014 breakout activated with originalRect\n * - iframe \u2192 Host: `gadget-interaction` \u2014 user dispatched an action\n * - iframe \u2192 Host: `gadget-resize` \u2014 auto-height\n * - iframe \u2192 Host: `gadget-request-breakout` / `gadget-exit-breakout` \u2014 breakout lifecycle\n * - iframe \u2192 Host: `gadget-action-request` / `gadget-chat-request` / `gadget-context-request` \u2014 API calls\n */\nexport function createGadgetRenderer(\n componentCode: string,\n data: unknown = {},\n options?: {\n viewport?: 'compact' | 'full' | 'mobile';\n stateEnabled?: boolean;\n chatEnabled?: boolean;\n contextEnabled?: boolean;\n assets?: Record<string, { url: string; name: string }>;\n },\n): string {\n const serializedData = JSON.stringify(data);\n const viewport = options?.viewport ?? 'full';\n const stateEnabled = options?.stateEnabled ?? false;\n const chatEnabled = options?.chatEnabled ?? false;\n const contextEnabled = options?.contextEnabled ?? false;\n const escapedCode = componentCode.replace(/<\\/script>/g, '<\\\\/script>');\n const serializedAssets = JSON.stringify(options?.assets ?? {});\n\n const stateBridgeScript = stateEnabled\n ? `\n window.gadget.state = {\n shared: {},\n user: {},\n userId: null,\n _sharedCallbacks: [],\n _userCallbacks: [],\n\n dispatch: function(action, data) {\n window.parent.postMessage({ type: 'gadget-interaction', action: action, data: data || {} }, '*');\n },\n\n onSharedChange: function(callback) {\n window.gadget.state._sharedCallbacks.push(callback);\n callback(window.gadget.state.shared);\n return function() {\n var i = window.gadget.state._sharedCallbacks.indexOf(callback);\n if (i !== -1) window.gadget.state._sharedCallbacks.splice(i, 1);\n };\n },\n\n onUserChange: function(callback) {\n window.gadget.state._userCallbacks.push(callback);\n callback(window.gadget.state.user);\n return function() {\n var i = window.gadget.state._userCallbacks.indexOf(callback);\n if (i !== -1) window.gadget.state._userCallbacks.splice(i, 1);\n };\n },\n };\n\n window.addEventListener('message', function(event) {\n var d = event.data;\n if (d && (d.type === 'gadget-state-init' || d.type === 'gadget-state-update')) {\n if (d.userId !== undefined) {\n window.gadget.state.userId = d.userId;\n }\n if (d.shared !== undefined) {\n window.gadget.state.shared = d.shared;\n window.gadget.state._sharedCallbacks.forEach(function(cb) { try { cb(d.shared); } catch(e) {} });\n }\n if (d.user !== undefined) {\n window.gadget.state.user = d.user;\n window.gadget.state._userCallbacks.forEach(function(cb) { try { cb(d.user); } catch(e) {} });\n }\n window.__rerenderGadget();\n }\n });`\n : '';\n\n const chatBridgeScript = chatEnabled\n ? `\n window.gadget.chat = {\n _request: function(method, params) {\n var requestId = Math.random().toString(36).slice(2) + Date.now().toString(36);\n return new Promise(function(resolve, reject) {\n var handler = function(event) {\n var d = event.data;\n if (d && d.type === 'gadget-chat-response' && d.requestId === requestId) {\n window.removeEventListener('message', handler);\n if (d.error) reject(new Error(d.error));\n else resolve(d.result);\n }\n };\n window.addEventListener('message', handler);\n setTimeout(function() { window.removeEventListener('message', handler); reject(new Error('Timed out')); }, 30000);\n window.parent.postMessage({ type: 'gadget-chat-request', requestId: requestId, method: method, params: params || {} }, '*');\n });\n },\n\n _eventCallbacks: [],\n\n createChannel: function(opts) { return window.gadget.chat._request('createChannel', opts); },\n findOrCreateChannel: function(name, opts) { return window.gadget.chat._request('findOrCreateChannel', { name: name, description: opts && opts.description }); },\n listChannels: function() { return window.gadget.chat._request('listChannels'); },\n joinChannel: function(conversationId) { return window.gadget.chat._request('joinChannel', { conversationId: conversationId }); },\n sendMessage: function(conversationId, text) { return window.gadget.chat._request('sendMessage', { conversationId: conversationId, text: text }); },\n getMessages: function(conversationId, opts) { return window.gadget.chat._request('getMessages', { conversationId: conversationId, limit: opts && opts.limit, before: opts && opts.before }); },\n updateChannel: function(conversationId, updates) { return window.gadget.chat._request('updateChannel', { conversationId: conversationId, description: updates && updates.description }); },\n createInvite: function(conversationId) { return window.gadget.chat._request('createInvite', { conversationId: conversationId }); },\n redeemInvite: function(token) { return window.gadget.chat._request('redeemInvite', { token: token }); },\n\n onEvent: function(callback) {\n window.gadget.chat._eventCallbacks.push(callback);\n return function() {\n var i = window.gadget.chat._eventCallbacks.indexOf(callback);\n if (i !== -1) window.gadget.chat._eventCallbacks.splice(i, 1);\n };\n },\n };\n\n window.addEventListener('message', function(event) {\n var d = event.data;\n if (d && d.type === 'gadget-chat-event') {\n window.gadget.chat._eventCallbacks.forEach(function(cb) { try { cb(d.event); } catch(e) {} });\n window.__rerenderGadget();\n }\n });`\n : '';\n\n const contextBridgeScript = contextEnabled\n ? `\n window.gadget.context = {\n _request: function(method, params) {\n var requestId = Math.random().toString(36).slice(2) + Date.now().toString(36);\n return new Promise(function(resolve, reject) {\n var handler = function(event) {\n var d = event.data;\n if (d && d.type === 'gadget-context-response' && d.id === requestId) {\n window.removeEventListener('message', handler);\n if (d.error) reject(new Error(d.error));\n else resolve(d.result);\n }\n };\n window.addEventListener('message', handler);\n setTimeout(function() { window.removeEventListener('message', handler); reject(new Error('Timed out')); }, 30000);\n window.parent.postMessage({ type: 'gadget-context-request', id: requestId, method: method, params: params || {} }, '*');\n });\n },\n\n _eventCallbacks: [],\n\n listTypes: function() { return window.gadget.context._request('listTypes', {}); },\n getType: function(contextType) { return window.gadget.context._request('getType', { contextType: contextType }); },\n listInstances: function(params) { return window.gadget.context._request('listInstances', params || {}); },\n getInstance: function(id) { return window.gadget.context._request('getInstance', { id: id }); },\n createInstance: function(params) { return window.gadget.context._request('createInstance', params); },\n updateInstance: function(id, data) { return window.gadget.context._request('updateInstance', { id: id, data: data }); },\n deleteInstance: function(id) { return window.gadget.context._request('deleteInstance', { id: id }); },\n searchKnowledge: function(params) { return window.gadget.context._request('searchKnowledge', params); },\n getEnriched: function(id) { return window.gadget.context._request('getEnriched', { id: id }); },\n getRelated: function(id) { return window.gadget.context._request('getRelated', { id: id }); },\n\n onEvent: function(callback) {\n window.gadget.context._eventCallbacks.push(callback);\n return function() {\n var i = window.gadget.context._eventCallbacks.indexOf(callback);\n if (i !== -1) window.gadget.context._eventCallbacks.splice(i, 1);\n };\n },\n };\n\n window.addEventListener('message', function(event) {\n var d = event.data;\n if (d && d.type === 'gadget-context-event') {\n window.gadget.context._eventCallbacks.forEach(function(cb) { try { cb(d.event); } catch(e) {} });\n window.__rerenderGadget();\n }\n });`\n : '';\n\n // When state is enabled, pass state prop alongside data and viewport\n const chatPropFragment = chatEnabled ? ', chat: window.gadget.chat' : '';\n const contextPropFragment = contextEnabled ? ', context: window.gadget.context' : '';\n const breakoutPropFragment =\n ', breakout: { active: window.gadget.breakout._active, originalRect: window.gadget.breakout._originalRect, request: window.gadget.breakout.request, exit: window.gadget.breakout.exit }';\n const componentProps = stateEnabled\n ? `{ data: window.__GADGET_DATA__, viewport: window.__GADGET_VIEWPORT__, state: window.gadget.state ? { shared: window.gadget.state.shared, user: window.gadget.state.user } : undefined, userId: window.gadget.state ? window.gadget.state.userId : undefined${chatPropFragment}${contextPropFragment}${breakoutPropFragment} }`\n : `{ data: window.__GADGET_DATA__, viewport: window.__GADGET_VIEWPORT__${chatPropFragment}${contextPropFragment}${breakoutPropFragment} }`;\n\n return `<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n <script src=\"https://cdn.jsdelivr.net/npm/react@18/umd/react.production.min.js\"></script>\n <script src=\"https://cdn.jsdelivr.net/npm/react-dom@18/umd/react-dom.production.min.js\"></script>\n <script src=\"https://cdn.jsdelivr.net/npm/@babel/standalone@7/babel.min.js\"></script>\n <script src=\"https://cdn.tailwindcss.com\"></script>\n <style>\n * { margin: 0; padding: 0; box-sizing: border-box; }\n html, body { background: transparent; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; min-height: 100%; }\n #root { min-height: 100vh; }\n .gadget-error {\n padding: 16px;\n background: #fef2f2;\n border: 1px solid #fecaca;\n border-radius: 8px;\n color: #991b1b;\n font-family: monospace;\n font-size: 13px;\n white-space: pre-wrap;\n word-break: break-word;\n }\n .gadget-error-title {\n font-weight: 600;\n margin-bottom: 8px;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n }\n </style>\n</head>\n<body>\n <div id=\"root\"></div>\n <script>\n window.__GADGET_DATA__ = ${serializedData};\n window.__GADGET_VIEWPORT__ = '${viewport}';\n\n window.gadget = {\n data: window.__GADGET_DATA__,\n assets: ${serializedAssets},\n\n breakout: {\n _active: false,\n _originalRect: null,\n request: function() {\n if (window.gadget.breakout._active) return;\n window.parent.postMessage({ type: 'gadget-request-breakout' }, '*');\n },\n exit: function() {\n if (!window.gadget.breakout._active) return;\n window.gadget.breakout._active = false;\n window.gadget.breakout._originalRect = null;\n window.parent.postMessage({ type: 'gadget-exit-breakout' }, '*');\n window.__rerenderGadget();\n },\n },\n\n callAction: function(input) {\n var requestId = Math.random().toString(36).slice(2) + Date.now().toString(36);\n return new Promise(function(resolve, reject) {\n var handler = function(event) {\n var d = event.data;\n if (d && d.type === 'gadget-action-response' && d.requestId === requestId) {\n window.removeEventListener('message', handler);\n if (d.error) reject(new Error(d.error));\n else resolve(d.result);\n }\n };\n window.addEventListener('message', handler);\n setTimeout(function() {\n window.removeEventListener('message', handler);\n reject(new Error('Action timed out'));\n }, 30000);\n window.parent.postMessage({ type: 'gadget-action-request', requestId: requestId, input: input }, '*');\n });\n },\n };\n${stateBridgeScript}\n${chatBridgeScript}\n${contextBridgeScript}\n\n window.__gadgetRoot = null;\n window.__gadgetComponent = null;\n\n window.__rerenderGadget = function() {\n if (window.__gadgetRoot && window.__gadgetComponent) {\n var C = window.__gadgetComponent;\n var EB = window.__gadgetErrorBoundary;\n window.__gadgetRoot.render(\n React.createElement(EB, null, React.createElement(C, ${componentProps}))\n );\n }\n };\n\n window.addEventListener('message', function(event) {\n var d = event.data;\n if (d && d.type === 'gadget-set-data') {\n window.__GADGET_DATA__ = d.data;\n window.gadget.data = d.data;\n window.__rerenderGadget();\n }\n if (d && d.type === 'gadget-breakout-started') {\n window.gadget.breakout._active = true;\n window.gadget.breakout._originalRect = d.originalRect || null;\n window.__rerenderGadget();\n }\n if (d && d.type === 'gadget-update-component' && d.code) {\n try {\n var compiled = Babel.transform(d.code, { presets: ['react'] }).code;\n var fn = new Function('React', 'useState', 'useEffect', 'useCallback', 'useMemo', 'useRef',\n compiled + '\\\\nreturn typeof Gadget !== \"undefined\" ? Gadget : null;');\n var NewComponent = fn(React, React.useState, React.useEffect, React.useCallback, React.useMemo, React.useRef);\n if (NewComponent) {\n window.__gadgetComponent = NewComponent;\n if (window.__gadgetErrorBoundaryInstance) {\n window.__gadgetErrorBoundaryInstance.setState({ error: null });\n }\n window.__rerenderGadget();\n }\n } catch (err) {\n console.error('[gadget-hmr] Component update failed:', err);\n }\n }\n });\n </script>\n <script type=\"text/babel\" data-type=\"module\">\n const { useState, useEffect, useCallback, useMemo, useRef } = React;\n\n class ErrorBoundary extends React.Component {\n constructor(props) {\n super(props);\n this.state = { error: null };\n window.__gadgetErrorBoundaryInstance = this;\n }\n static getDerivedStateFromError(error) {\n return { error };\n }\n render() {\n if (this.state.error) {\n return React.createElement('div', { className: 'gadget-error' },\n React.createElement('div', { className: 'gadget-error-title' }, 'Runtime Error'),\n this.state.error.message\n );\n }\n return this.props.children;\n }\n }\n window.__gadgetErrorBoundary = ErrorBoundary;\n\n try {\n ${escapedCode}\n\n const ComponentToRender = typeof Gadget !== 'undefined' ? Gadget : null;\n\n if (ComponentToRender) {\n window.__gadgetComponent = ComponentToRender;\n const root = ReactDOM.createRoot(document.getElementById('root'));\n window.__gadgetRoot = root;\n root.render(\n <ErrorBoundary>\n <ComponentToRender data={window.__GADGET_DATA__} viewport={window.__GADGET_VIEWPORT__}${stateEnabled ? ' state={window.gadget.state ? { shared: window.gadget.state.shared, user: window.gadget.state.user } : undefined} userId={window.gadget.state ? window.gadget.state.userId : undefined}' : ''}${chatEnabled ? ' chat={window.gadget.chat}' : ''}${contextEnabled ? ' context={window.gadget.context}' : ''} breakout={{ active: window.gadget.breakout._active, originalRect: window.gadget.breakout._originalRect, request: window.gadget.breakout.request, exit: window.gadget.breakout.exit }} />\n </ErrorBoundary>\n );\n } else {\n document.getElementById('root').innerHTML =\n '<div class=\"gadget-error\"><div class=\"gadget-error-title\">No component found</div>Define a function called Gadget.</div>';\n }\n } catch (err) {\n document.getElementById('root').innerHTML =\n '<div class=\"gadget-error\"><div class=\"gadget-error-title\">Error</div>' +\n err.message.replace(/</g, '&lt;').replace(/>/g, '&gt;') +\n '</div>';\n }\n\n const rootEl = document.getElementById('root');\n const observer = new ResizeObserver(() => {\n window.parent.postMessage({\n type: 'gadget-resize',\n height: rootEl.scrollHeight,\n }, '*');\n });\n observer.observe(rootEl);\n </script>\n</body>\n</html>`;\n}\n"],
5
+ "mappings": "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",
6
+ "names": ["jsx"]
7
+ }
package/src/lib/react/GadgetContext.d.ts ADDED
@@ -0,0 +1,24 @@
1
+ import { type ReactNode } from 'react';
2
+ export interface GadgetConfig {
3
+ /** Base API URL (e.g. "https://api.gigabuddy.com") */
4
+ apiUrl: string;
5
+ /** Organization ID */
6
+ orgId: string;
7
+ /** Project ID */
8
+ projectId: string;
9
+ /** Returns a fresh auth token */
10
+ getToken: () => Promise<string>;
11
+ /** Optional SSE stream base URL (falls back to apiUrl) */
12
+ streamBaseUrl?: string;
13
+ }
14
+ interface GadgetContextValue {
15
+ config: GadgetConfig;
16
+ /** Resolves a file ID to a fresh signed URL */
17
+ resolveFileUrl: (fileId: string) => Promise<string>;
18
+ }
19
+ export declare function GadgetProvider({ config, children }: {
20
+ config: GadgetConfig;
21
+ children: ReactNode;
22
+ }): import("react/jsx-runtime").JSX.Element;
23
+ export declare function useGadgetConfig(): GadgetContextValue;
24
+ export {};
package/src/lib/react/GadgetFrame.d.ts ADDED
@@ -0,0 +1,25 @@
1
+ export interface GadgetFrameProps {
2
+ /** The gadget entity ID to load */
3
+ gadgetId: string;
4
+ /** Data props to pass to the gadget */
5
+ props?: Record<string, unknown>;
6
+ /** Display mode — compact (inline, resizable) or full (fills container) */
7
+ mode?: 'compact' | 'full';
8
+ /** Whether breakout is enabled (default: true in compact mode) */
9
+ breakout?: boolean;
10
+ /** Max height in compact mode before scrolling (default: 300) */
11
+ maxHeight?: number;
12
+ /** Deployment ID for mission-backed gadgets (auto-generated if not provided) */
13
+ deploymentId?: string;
14
+ /** Conversation ID — used when updating message content after action */
15
+ conversationId?: string;
16
+ /** Message ID — used when updating message content after action */
17
+ messageId?: string;
18
+ /** Additional className for the wrapper div */
19
+ className?: string;
20
+ /** Called when breakout state changes */
21
+ onBreakoutChange?: (active: boolean) => void;
22
+ /** Called on load error */
23
+ onError?: (error: string) => void;
24
+ }
25
+ export declare function GadgetFrame({ gadgetId, props, mode, breakout: breakoutEnabled, maxHeight, deploymentId: externalDeploymentId, conversationId, messageId, className, onBreakoutChange, onError, }: GadgetFrameProps): import("react/jsx-runtime").JSX.Element | null;
package/src/react.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ export { GadgetProvider, useGadgetConfig } from './lib/react/GadgetContext.js';
2
+ export type { GadgetConfig } from './lib/react/GadgetContext.js';
3
+ export { GadgetFrame } from './lib/react/GadgetFrame.js';
4
+ export type { GadgetFrameProps } from './lib/react/GadgetFrame.js';