@strategicnerds/slide-nerds 0.1.2 → 0.2.1
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/dist/cli/commands/brand.d.ts +3 -0
- package/dist/cli/commands/brand.d.ts.map +1 -0
- package/dist/cli/commands/brand.js +145 -0
- package/dist/cli/commands/brand.js.map +1 -0
- package/dist/cli/commands/config.d.ts +18 -0
- package/dist/cli/commands/config.d.ts.map +1 -0
- package/dist/cli/commands/config.js +37 -0
- package/dist/cli/commands/config.js.map +1 -0
- package/dist/cli/commands/link.d.ts +13 -0
- package/dist/cli/commands/link.d.ts.map +1 -0
- package/dist/cli/commands/link.js +109 -0
- package/dist/cli/commands/link.js.map +1 -0
- package/dist/cli/commands/login.d.ts +4 -0
- package/dist/cli/commands/login.d.ts.map +1 -0
- package/dist/cli/commands/login.js +92 -0
- package/dist/cli/commands/login.js.map +1 -0
- package/dist/cli/commands/push.d.ts +3 -0
- package/dist/cli/commands/push.d.ts.map +1 -0
- package/dist/cli/commands/push.js +13 -0
- package/dist/cli/commands/push.js.map +1 -0
- package/dist/cli/index.js +8 -0
- package/dist/cli/index.js.map +1 -1
- package/dist/runtime/export-api.d.ts +2 -1
- package/dist/runtime/export-api.d.ts.map +1 -1
- package/dist/runtime/export-api.js +150 -7
- package/dist/runtime/export-api.js.map +1 -1
- package/dist/runtime/index.d.ts +6 -0
- package/dist/runtime/index.d.ts.map +1 -1
- package/dist/runtime/index.js +5 -0
- package/dist/runtime/index.js.map +1 -1
- package/dist/runtime/light-table.d.ts.map +1 -1
- package/dist/runtime/light-table.js +34 -10
- package/dist/runtime/light-table.js.map +1 -1
- package/dist/runtime/live/LiveAudienceCount.d.ts +4 -0
- package/dist/runtime/live/LiveAudienceCount.d.ts.map +1 -0
- package/dist/runtime/live/LiveAudienceCount.js +90 -0
- package/dist/runtime/live/LiveAudienceCount.js.map +1 -0
- package/dist/runtime/live/LivePoll.d.ts +9 -0
- package/dist/runtime/live/LivePoll.d.ts.map +1 -0
- package/dist/runtime/live/LivePoll.js +122 -0
- package/dist/runtime/live/LivePoll.js.map +1 -0
- package/dist/runtime/live/LiveQA.d.ts +4 -0
- package/dist/runtime/live/LiveQA.d.ts.map +1 -0
- package/dist/runtime/live/LiveQA.js +138 -0
- package/dist/runtime/live/LiveQA.js.map +1 -0
- package/dist/runtime/live/LiveReactions.d.ts +4 -0
- package/dist/runtime/live/LiveReactions.d.ts.map +1 -0
- package/dist/runtime/live/LiveReactions.js +124 -0
- package/dist/runtime/live/LiveReactions.js.map +1 -0
- package/dist/runtime/live/LiveWordCloud.d.ts +8 -0
- package/dist/runtime/live/LiveWordCloud.d.ts.map +1 -0
- package/dist/runtime/live/LiveWordCloud.js +141 -0
- package/dist/runtime/live/LiveWordCloud.js.map +1 -0
- package/dist/runtime/live/index.d.ts +7 -0
- package/dist/runtime/live/index.d.ts.map +1 -0
- package/dist/runtime/live/index.js +6 -0
- package/dist/runtime/live/index.js.map +1 -0
- package/dist/runtime/live/types.d.ts +40 -0
- package/dist/runtime/live/types.d.ts.map +1 -0
- package/dist/runtime/live/types.js +2 -0
- package/dist/runtime/live/types.js.map +1 -0
- package/dist/runtime/live/use-live-session.d.ts +17 -0
- package/dist/runtime/live/use-live-session.d.ts.map +1 -0
- package/dist/runtime/live/use-live-session.js +73 -0
- package/dist/runtime/live/use-live-session.js.map +1 -0
- package/dist/runtime/pptx-export.d.ts +2 -0
- package/dist/runtime/pptx-export.d.ts.map +1 -0
- package/dist/runtime/pptx-export.js +344 -0
- package/dist/runtime/pptx-export.js.map +1 -0
- package/dist/runtime/slide-controls.d.ts.map +1 -1
- package/dist/runtime/slide-controls.js +24 -38
- package/dist/runtime/slide-controls.js.map +1 -1
- package/package.json +3 -1
- package/skills/live/SKILL.md +244 -0
- package/templates/next-app/next.config.ts.tmpl +25 -0
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useState, useCallback } from 'react';
|
|
4
|
+
import { useLiveApi, usePolling } from './use-live-session.js';
|
|
5
|
+
const styles = {
|
|
6
|
+
container: {
|
|
7
|
+
fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
|
|
8
|
+
padding: '24px',
|
|
9
|
+
borderRadius: '12px',
|
|
10
|
+
background: 'rgba(255, 255, 255, 0.05)',
|
|
11
|
+
backdropFilter: 'blur(10px)',
|
|
12
|
+
border: '1px solid rgba(255, 255, 255, 0.1)',
|
|
13
|
+
maxWidth: '500px',
|
|
14
|
+
width: '100%',
|
|
15
|
+
},
|
|
16
|
+
title: {
|
|
17
|
+
fontSize: '16px',
|
|
18
|
+
fontWeight: 600,
|
|
19
|
+
color: '#fff',
|
|
20
|
+
margin: '0 0 16px 0',
|
|
21
|
+
},
|
|
22
|
+
form: {
|
|
23
|
+
display: 'flex',
|
|
24
|
+
gap: '8px',
|
|
25
|
+
marginBottom: '16px',
|
|
26
|
+
},
|
|
27
|
+
input: {
|
|
28
|
+
flex: 1,
|
|
29
|
+
padding: '10px 14px',
|
|
30
|
+
borderRadius: '8px',
|
|
31
|
+
border: '1px solid rgba(255, 255, 255, 0.2)',
|
|
32
|
+
background: 'rgba(255, 255, 255, 0.05)',
|
|
33
|
+
color: '#fff',
|
|
34
|
+
fontSize: '14px',
|
|
35
|
+
outline: 'none',
|
|
36
|
+
},
|
|
37
|
+
submitButton: {
|
|
38
|
+
padding: '10px 18px',
|
|
39
|
+
borderRadius: '8px',
|
|
40
|
+
border: 'none',
|
|
41
|
+
background: '#3ECF8E',
|
|
42
|
+
color: '#000',
|
|
43
|
+
fontSize: '14px',
|
|
44
|
+
fontWeight: 600,
|
|
45
|
+
cursor: 'pointer',
|
|
46
|
+
whiteSpace: 'nowrap',
|
|
47
|
+
},
|
|
48
|
+
submitButtonDisabled: {
|
|
49
|
+
opacity: 0.5,
|
|
50
|
+
cursor: 'not-allowed',
|
|
51
|
+
},
|
|
52
|
+
questionList: {
|
|
53
|
+
listStyle: 'none',
|
|
54
|
+
margin: 0,
|
|
55
|
+
padding: 0,
|
|
56
|
+
maxHeight: '300px',
|
|
57
|
+
overflowY: 'auto',
|
|
58
|
+
},
|
|
59
|
+
questionItem: (isAnswered) => ({
|
|
60
|
+
padding: '12px',
|
|
61
|
+
marginBottom: '8px',
|
|
62
|
+
borderRadius: '8px',
|
|
63
|
+
background: isAnswered ? 'rgba(62, 207, 142, 0.1)' : 'rgba(255, 255, 255, 0.05)',
|
|
64
|
+
border: `1px solid ${isAnswered ? 'rgba(62, 207, 142, 0.3)' : 'rgba(255, 255, 255, 0.1)'}`,
|
|
65
|
+
}),
|
|
66
|
+
questionContent: {
|
|
67
|
+
fontSize: '14px',
|
|
68
|
+
color: '#fff',
|
|
69
|
+
margin: 0,
|
|
70
|
+
lineHeight: 1.4,
|
|
71
|
+
},
|
|
72
|
+
questionMeta: {
|
|
73
|
+
fontSize: '12px',
|
|
74
|
+
color: 'rgba(255, 255, 255, 0.4)',
|
|
75
|
+
marginTop: '4px',
|
|
76
|
+
},
|
|
77
|
+
answeredBadge: {
|
|
78
|
+
display: 'inline-block',
|
|
79
|
+
fontSize: '11px',
|
|
80
|
+
color: '#3ECF8E',
|
|
81
|
+
background: 'rgba(62, 207, 142, 0.15)',
|
|
82
|
+
padding: '2px 8px',
|
|
83
|
+
borderRadius: '4px',
|
|
84
|
+
marginLeft: '8px',
|
|
85
|
+
},
|
|
86
|
+
emptyState: {
|
|
87
|
+
fontSize: '14px',
|
|
88
|
+
color: 'rgba(255, 255, 255, 0.4)',
|
|
89
|
+
textAlign: 'center',
|
|
90
|
+
padding: '24px 0',
|
|
91
|
+
},
|
|
92
|
+
noSession: {
|
|
93
|
+
fontSize: '14px',
|
|
94
|
+
color: 'rgba(255, 255, 255, 0.4)',
|
|
95
|
+
fontStyle: 'italic',
|
|
96
|
+
},
|
|
97
|
+
};
|
|
98
|
+
export const LiveQA = ({ sessionId, serviceUrl }) => {
|
|
99
|
+
const { post, get, sessionId: resolvedSessionId } = useLiveApi({ sessionId, serviceUrl });
|
|
100
|
+
const [inputValue, setInputValue] = useState('');
|
|
101
|
+
const [isSubmitting, setIsSubmitting] = useState(false);
|
|
102
|
+
const fetchQuestions = useCallback(async () => {
|
|
103
|
+
const response = await get('/questions');
|
|
104
|
+
if (!response || !response.ok)
|
|
105
|
+
return null;
|
|
106
|
+
return response.json();
|
|
107
|
+
}, [get]);
|
|
108
|
+
const { data: questions } = usePolling(fetchQuestions);
|
|
109
|
+
const handleSubmit = async (e) => {
|
|
110
|
+
e.preventDefault();
|
|
111
|
+
if (!inputValue.trim() || isSubmitting)
|
|
112
|
+
return;
|
|
113
|
+
setIsSubmitting(true);
|
|
114
|
+
const response = await post('/questions', { content: inputValue.trim() });
|
|
115
|
+
if (response && response.ok) {
|
|
116
|
+
setInputValue('');
|
|
117
|
+
}
|
|
118
|
+
setIsSubmitting(false);
|
|
119
|
+
};
|
|
120
|
+
if (!resolvedSessionId) {
|
|
121
|
+
return (_jsx("div", { style: styles.container, children: _jsx("p", { style: styles.noSession, children: "No live session active" }) }));
|
|
122
|
+
}
|
|
123
|
+
const sortedQuestions = questions
|
|
124
|
+
? [...questions].sort((a, b) => {
|
|
125
|
+
if (a.is_answered !== b.is_answered)
|
|
126
|
+
return a.is_answered ? 1 : -1;
|
|
127
|
+
return new Date(b.created_at).getTime() - new Date(a.created_at).getTime();
|
|
128
|
+
})
|
|
129
|
+
: [];
|
|
130
|
+
return (_jsxs("div", { style: styles.container, children: [_jsx("p", { style: styles.title, children: "Ask a question" }), _jsxs("form", { style: styles.form, onSubmit: handleSubmit, children: [_jsx("input", { type: "text", style: styles.input, placeholder: "Type your question...", value: inputValue, onChange: (e) => setInputValue(e.target.value), maxLength: 500 }), _jsx("button", { type: "submit", style: {
|
|
131
|
+
...styles.submitButton,
|
|
132
|
+
...(isSubmitting || !inputValue.trim() ? styles.submitButtonDisabled : {}),
|
|
133
|
+
}, disabled: isSubmitting || !inputValue.trim(), children: "Send" })] }), sortedQuestions.length === 0 ? (_jsx("p", { style: styles.emptyState, children: "No questions yet. Be the first to ask." })) : (_jsx("ul", { style: styles.questionList, children: sortedQuestions.map((q) => (_jsxs("li", { style: styles.questionItem(q.is_answered), children: [_jsxs("p", { style: styles.questionContent, children: [q.content, q.is_answered && _jsx("span", { style: styles.answeredBadge, children: "Answered" })] }), _jsxs("div", { style: styles.questionMeta, children: [q.author_name || 'Anonymous', ' \u00B7 ', new Date(q.created_at).toLocaleTimeString([], {
|
|
134
|
+
hour: '2-digit',
|
|
135
|
+
minute: '2-digit',
|
|
136
|
+
})] })] }, q.id))) }))] }));
|
|
137
|
+
};
|
|
138
|
+
//# sourceMappingURL=LiveQA.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LiveQA.js","sourceRoot":"","sources":["../../../src/runtime/live/LiveQA.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LiveReactions.d.ts","sourceRoot":"","sources":["../../../src/runtime/live/LiveReactions.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAGvE,OAAO,KAAK,EAAE,kBAAkB,EAA0B,MAAM,YAAY,CAAA;AA0E5E,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0FtD,CAAA"}
|
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useState, useCallback, useEffect, useRef } from 'react';
|
|
4
|
+
import { useLiveApi, usePolling } from './use-live-session.js';
|
|
5
|
+
const REACTION_EMOJI = {
|
|
6
|
+
thumbsup: '\uD83D\uDC4D',
|
|
7
|
+
clap: '\uD83D\uDC4F',
|
|
8
|
+
heart: '\u2764\uFE0F',
|
|
9
|
+
fire: '\uD83D\uDD25',
|
|
10
|
+
mind_blown: '\uD83E\uDD2F',
|
|
11
|
+
};
|
|
12
|
+
const REACTION_TYPES = ['thumbsup', 'clap', 'heart', 'fire', 'mind_blown'];
|
|
13
|
+
const styles = {
|
|
14
|
+
container: {
|
|
15
|
+
position: 'relative',
|
|
16
|
+
fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
|
|
17
|
+
},
|
|
18
|
+
buttonRow: {
|
|
19
|
+
display: 'flex',
|
|
20
|
+
gap: '8px',
|
|
21
|
+
padding: '8px',
|
|
22
|
+
borderRadius: '24px',
|
|
23
|
+
background: 'rgba(0, 0, 0, 0.3)',
|
|
24
|
+
backdropFilter: 'blur(10px)',
|
|
25
|
+
border: '1px solid rgba(255, 255, 255, 0.1)',
|
|
26
|
+
},
|
|
27
|
+
reactionButton: {
|
|
28
|
+
width: '44px',
|
|
29
|
+
height: '44px',
|
|
30
|
+
borderRadius: '50%',
|
|
31
|
+
border: 'none',
|
|
32
|
+
background: 'rgba(255, 255, 255, 0.1)',
|
|
33
|
+
cursor: 'pointer',
|
|
34
|
+
fontSize: '20px',
|
|
35
|
+
display: 'flex',
|
|
36
|
+
alignItems: 'center',
|
|
37
|
+
justifyContent: 'center',
|
|
38
|
+
transition: 'transform 0.15s ease, background 0.15s ease',
|
|
39
|
+
padding: 0,
|
|
40
|
+
},
|
|
41
|
+
floatingArea: {
|
|
42
|
+
position: 'absolute',
|
|
43
|
+
bottom: '100%',
|
|
44
|
+
left: 0,
|
|
45
|
+
right: 0,
|
|
46
|
+
height: '200px',
|
|
47
|
+
pointerEvents: 'none',
|
|
48
|
+
overflow: 'hidden',
|
|
49
|
+
},
|
|
50
|
+
floatingEmoji: (x, progress) => ({
|
|
51
|
+
position: 'absolute',
|
|
52
|
+
bottom: `${progress * 100}%`,
|
|
53
|
+
left: `${x}%`,
|
|
54
|
+
fontSize: '28px',
|
|
55
|
+
opacity: 1 - progress,
|
|
56
|
+
transform: `translateX(-50%) scale(${1 - progress * 0.3})`,
|
|
57
|
+
transition: 'none',
|
|
58
|
+
pointerEvents: 'none',
|
|
59
|
+
}),
|
|
60
|
+
noSession: {
|
|
61
|
+
fontSize: '14px',
|
|
62
|
+
color: 'rgba(255, 255, 255, 0.4)',
|
|
63
|
+
fontStyle: 'italic',
|
|
64
|
+
},
|
|
65
|
+
};
|
|
66
|
+
export const LiveReactions = ({ sessionId, serviceUrl }) => {
|
|
67
|
+
const { post, get, sessionId: resolvedSessionId } = useLiveApi({ sessionId, serviceUrl });
|
|
68
|
+
const [floating, setFloating] = useState([]);
|
|
69
|
+
const lastFetchRef = useRef(null);
|
|
70
|
+
const frameRef = useRef(0);
|
|
71
|
+
const fetchReactions = useCallback(async () => {
|
|
72
|
+
const since = lastFetchRef.current;
|
|
73
|
+
const path = since ? `/react?since=${encodeURIComponent(since)}` : '/react';
|
|
74
|
+
const response = await get(path);
|
|
75
|
+
if (!response || !response.ok)
|
|
76
|
+
return null;
|
|
77
|
+
const reactions = await response.json();
|
|
78
|
+
if (reactions.length > 0) {
|
|
79
|
+
lastFetchRef.current = reactions[0].created_at;
|
|
80
|
+
}
|
|
81
|
+
return reactions;
|
|
82
|
+
}, [get]);
|
|
83
|
+
const { data: newReactions } = usePolling(fetchReactions);
|
|
84
|
+
useEffect(() => {
|
|
85
|
+
if (!newReactions || newReactions.length === 0)
|
|
86
|
+
return;
|
|
87
|
+
const newFloating = newReactions.map((r) => ({
|
|
88
|
+
id: r.id,
|
|
89
|
+
emoji: REACTION_EMOJI[r.type],
|
|
90
|
+
x: 10 + Math.random() * 80,
|
|
91
|
+
createdAt: Date.now(),
|
|
92
|
+
}));
|
|
93
|
+
setFloating((prev) => [...prev, ...newFloating].slice(-50));
|
|
94
|
+
}, [newReactions]);
|
|
95
|
+
useEffect(() => {
|
|
96
|
+
const animate = () => {
|
|
97
|
+
const now = Date.now();
|
|
98
|
+
setFloating((prev) => prev.filter((f) => now - f.createdAt < 3000));
|
|
99
|
+
frameRef.current = requestAnimationFrame(animate);
|
|
100
|
+
};
|
|
101
|
+
frameRef.current = requestAnimationFrame(animate);
|
|
102
|
+
return () => cancelAnimationFrame(frameRef.current);
|
|
103
|
+
}, []);
|
|
104
|
+
const handleReact = async (type) => {
|
|
105
|
+
await post('/react', { type });
|
|
106
|
+
setFloating((prev) => [
|
|
107
|
+
...prev,
|
|
108
|
+
{
|
|
109
|
+
id: `local-${Date.now()}`,
|
|
110
|
+
emoji: REACTION_EMOJI[type],
|
|
111
|
+
x: 10 + Math.random() * 80,
|
|
112
|
+
createdAt: Date.now(),
|
|
113
|
+
},
|
|
114
|
+
]);
|
|
115
|
+
};
|
|
116
|
+
if (!resolvedSessionId) {
|
|
117
|
+
return _jsx("p", { style: styles.noSession, children: "No live session active" });
|
|
118
|
+
}
|
|
119
|
+
return (_jsxs("div", { style: styles.container, children: [_jsx("div", { style: styles.floatingArea, children: floating.map((f) => {
|
|
120
|
+
const progress = Math.min((Date.now() - f.createdAt) / 3000, 1);
|
|
121
|
+
return (_jsx("span", { style: styles.floatingEmoji(f.x, progress), children: f.emoji }, f.id));
|
|
122
|
+
}) }), _jsx("div", { style: styles.buttonRow, children: REACTION_TYPES.map((type) => (_jsx("button", { type: "button", style: styles.reactionButton, onClick: () => handleReact(type), "aria-label": `React with ${type}`, children: REACTION_EMOJI[type] }, type))) })] }));
|
|
123
|
+
};
|
|
124
|
+
//# sourceMappingURL=LiveReactions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LiveReactions.js","sourceRoot":"","sources":["../../../src/runtime/live/LiveReactions.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { LiveComponentProps } from './types.js';
|
|
3
|
+
type LiveWordCloudProps = LiveComponentProps & {
|
|
4
|
+
prompt: string;
|
|
5
|
+
};
|
|
6
|
+
export declare const LiveWordCloud: React.FC<LiveWordCloudProps>;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=LiveWordCloud.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LiveWordCloud.d.ts","sourceRoot":"","sources":["../../../src/runtime/live/LiveWordCloud.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAGpD,OAAO,KAAK,EAAE,kBAAkB,EAAkB,MAAM,YAAY,CAAA;AAEpE,KAAK,kBAAkB,GAAG,kBAAkB,GAAG;IAC7C,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AA0GD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuFtD,CAAA"}
|
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useState, useCallback } from 'react';
|
|
4
|
+
import { useLiveApi, usePolling } from './use-live-session.js';
|
|
5
|
+
const MIN_FONT_SIZE = 14;
|
|
6
|
+
const MAX_FONT_SIZE = 48;
|
|
7
|
+
const WORD_COLORS = [
|
|
8
|
+
'#3ECF8E',
|
|
9
|
+
'#6EE7B7',
|
|
10
|
+
'#A78BFA',
|
|
11
|
+
'#F472B6',
|
|
12
|
+
'#FCD34D',
|
|
13
|
+
'#60A5FA',
|
|
14
|
+
'#FB923C',
|
|
15
|
+
'#34D399',
|
|
16
|
+
];
|
|
17
|
+
const getColorForWord = (word) => {
|
|
18
|
+
let hash = 0;
|
|
19
|
+
for (let i = 0; i < word.length; i++) {
|
|
20
|
+
hash = word.charCodeAt(i) + ((hash << 5) - hash);
|
|
21
|
+
}
|
|
22
|
+
return WORD_COLORS[Math.abs(hash) % WORD_COLORS.length];
|
|
23
|
+
};
|
|
24
|
+
const styles = {
|
|
25
|
+
container: {
|
|
26
|
+
fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
|
|
27
|
+
padding: '24px',
|
|
28
|
+
borderRadius: '12px',
|
|
29
|
+
background: 'rgba(255, 255, 255, 0.05)',
|
|
30
|
+
backdropFilter: 'blur(10px)',
|
|
31
|
+
border: '1px solid rgba(255, 255, 255, 0.1)',
|
|
32
|
+
maxWidth: '600px',
|
|
33
|
+
width: '100%',
|
|
34
|
+
},
|
|
35
|
+
prompt: {
|
|
36
|
+
fontSize: '16px',
|
|
37
|
+
fontWeight: 600,
|
|
38
|
+
color: '#fff',
|
|
39
|
+
margin: '0 0 16px 0',
|
|
40
|
+
},
|
|
41
|
+
form: {
|
|
42
|
+
display: 'flex',
|
|
43
|
+
gap: '8px',
|
|
44
|
+
marginBottom: '20px',
|
|
45
|
+
},
|
|
46
|
+
input: {
|
|
47
|
+
flex: 1,
|
|
48
|
+
padding: '10px 14px',
|
|
49
|
+
borderRadius: '8px',
|
|
50
|
+
border: '1px solid rgba(255, 255, 255, 0.2)',
|
|
51
|
+
background: 'rgba(255, 255, 255, 0.05)',
|
|
52
|
+
color: '#fff',
|
|
53
|
+
fontSize: '14px',
|
|
54
|
+
outline: 'none',
|
|
55
|
+
},
|
|
56
|
+
submitButton: {
|
|
57
|
+
padding: '10px 18px',
|
|
58
|
+
borderRadius: '8px',
|
|
59
|
+
border: 'none',
|
|
60
|
+
background: '#3ECF8E',
|
|
61
|
+
color: '#000',
|
|
62
|
+
fontSize: '14px',
|
|
63
|
+
fontWeight: 600,
|
|
64
|
+
cursor: 'pointer',
|
|
65
|
+
whiteSpace: 'nowrap',
|
|
66
|
+
},
|
|
67
|
+
submitButtonDisabled: {
|
|
68
|
+
opacity: 0.5,
|
|
69
|
+
cursor: 'not-allowed',
|
|
70
|
+
},
|
|
71
|
+
cloud: {
|
|
72
|
+
display: 'flex',
|
|
73
|
+
flexWrap: 'wrap',
|
|
74
|
+
alignItems: 'center',
|
|
75
|
+
justifyContent: 'center',
|
|
76
|
+
gap: '8px 16px',
|
|
77
|
+
minHeight: '120px',
|
|
78
|
+
padding: '16px',
|
|
79
|
+
},
|
|
80
|
+
word: (fontSize, color) => ({
|
|
81
|
+
fontSize: `${fontSize}px`,
|
|
82
|
+
fontWeight: fontSize > 28 ? 700 : 500,
|
|
83
|
+
color,
|
|
84
|
+
lineHeight: 1.2,
|
|
85
|
+
transition: 'font-size 0.3s ease',
|
|
86
|
+
}),
|
|
87
|
+
emptyState: {
|
|
88
|
+
fontSize: '14px',
|
|
89
|
+
color: 'rgba(255, 255, 255, 0.4)',
|
|
90
|
+
textAlign: 'center',
|
|
91
|
+
padding: '24px 0',
|
|
92
|
+
},
|
|
93
|
+
submitted: {
|
|
94
|
+
fontSize: '13px',
|
|
95
|
+
color: '#3ECF8E',
|
|
96
|
+
marginTop: '4px',
|
|
97
|
+
},
|
|
98
|
+
noSession: {
|
|
99
|
+
fontSize: '14px',
|
|
100
|
+
color: 'rgba(255, 255, 255, 0.4)',
|
|
101
|
+
fontStyle: 'italic',
|
|
102
|
+
},
|
|
103
|
+
};
|
|
104
|
+
export const LiveWordCloud = ({ prompt, sessionId, serviceUrl, }) => {
|
|
105
|
+
const { post, get, sessionId: resolvedSessionId } = useLiveApi({ sessionId, serviceUrl });
|
|
106
|
+
const [inputValue, setInputValue] = useState('');
|
|
107
|
+
const [hasSubmitted, setHasSubmitted] = useState(false);
|
|
108
|
+
const [isSubmitting, setIsSubmitting] = useState(false);
|
|
109
|
+
const fetchWords = useCallback(async () => {
|
|
110
|
+
const response = await get('/wordcloud');
|
|
111
|
+
if (!response || !response.ok)
|
|
112
|
+
return null;
|
|
113
|
+
return response.json();
|
|
114
|
+
}, [get]);
|
|
115
|
+
const { data: words } = usePolling(fetchWords);
|
|
116
|
+
const handleSubmit = async (e) => {
|
|
117
|
+
e.preventDefault();
|
|
118
|
+
if (!inputValue.trim() || isSubmitting || hasSubmitted)
|
|
119
|
+
return;
|
|
120
|
+
setIsSubmitting(true);
|
|
121
|
+
const response = await post('/wordcloud', { word: inputValue.trim() });
|
|
122
|
+
if (response && (response.ok || response.status === 409)) {
|
|
123
|
+
setHasSubmitted(true);
|
|
124
|
+
setInputValue('');
|
|
125
|
+
}
|
|
126
|
+
setIsSubmitting(false);
|
|
127
|
+
};
|
|
128
|
+
if (!resolvedSessionId) {
|
|
129
|
+
return (_jsx("div", { style: styles.container, children: _jsx("p", { style: styles.noSession, children: "No live session active" }) }));
|
|
130
|
+
}
|
|
131
|
+
const maxCount = words ? Math.max(...words.map((w) => w.count), 1) : 1;
|
|
132
|
+
return (_jsxs("div", { style: styles.container, children: [_jsx("p", { style: styles.prompt, children: prompt }), !hasSubmitted && (_jsxs("form", { style: styles.form, onSubmit: handleSubmit, children: [_jsx("input", { type: "text", style: styles.input, placeholder: "Enter a word or short phrase...", value: inputValue, onChange: (e) => setInputValue(e.target.value), maxLength: 50 }), _jsx("button", { type: "submit", style: {
|
|
133
|
+
...styles.submitButton,
|
|
134
|
+
...(isSubmitting || !inputValue.trim() ? styles.submitButtonDisabled : {}),
|
|
135
|
+
}, disabled: isSubmitting || !inputValue.trim(), children: "Submit" })] })), hasSubmitted && _jsx("p", { style: styles.submitted, children: "Response submitted" }), _jsxs("div", { style: styles.cloud, children: [(!words || words.length === 0) && (_jsx("p", { style: styles.emptyState, children: "Waiting for responses..." })), words?.map((entry) => {
|
|
136
|
+
const scale = entry.count / maxCount;
|
|
137
|
+
const fontSize = MIN_FONT_SIZE + scale * (MAX_FONT_SIZE - MIN_FONT_SIZE);
|
|
138
|
+
return (_jsx("span", { style: styles.word(fontSize, getColorForWord(entry.word)), children: entry.word }, entry.word));
|
|
139
|
+
})] })] }));
|
|
140
|
+
};
|
|
141
|
+
//# sourceMappingURL=LiveWordCloud.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LiveWordCloud.js","sourceRoot":"","sources":["../../../src/runtime/live/LiveWordCloud.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { LivePoll } from './LivePoll.js';
|
|
2
|
+
export { LiveReactions } from './LiveReactions.js';
|
|
3
|
+
export { LiveQA } from './LiveQA.js';
|
|
4
|
+
export { LiveAudienceCount } from './LiveAudienceCount.js';
|
|
5
|
+
export { LiveWordCloud } from './LiveWordCloud.js';
|
|
6
|
+
export type { ReactionType, LiveComponentProps, PollOption, PollResult, QAQuestion, WordCloudEntry, Reaction, AudienceInfo, } from './types.js';
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/runtime/live/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClD,YAAY,EACV,YAAY,EACZ,kBAAkB,EAClB,UAAU,EACV,UAAU,EACV,UAAU,EACV,cAAc,EACd,QAAQ,EACR,YAAY,GACb,MAAM,YAAY,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { LivePoll } from './LivePoll.js';
|
|
2
|
+
export { LiveReactions } from './LiveReactions.js';
|
|
3
|
+
export { LiveQA } from './LiveQA.js';
|
|
4
|
+
export { LiveAudienceCount } from './LiveAudienceCount.js';
|
|
5
|
+
export { LiveWordCloud } from './LiveWordCloud.js';
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/runtime/live/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
export type ReactionType = 'thumbsup' | 'clap' | 'heart' | 'fire' | 'mind_blown';
|
|
2
|
+
export type LiveComponentProps = {
|
|
3
|
+
sessionId?: string;
|
|
4
|
+
serviceUrl?: string;
|
|
5
|
+
};
|
|
6
|
+
export type PollOption = {
|
|
7
|
+
label: string;
|
|
8
|
+
index: number;
|
|
9
|
+
votes: number;
|
|
10
|
+
};
|
|
11
|
+
export type PollResult = {
|
|
12
|
+
id: string;
|
|
13
|
+
question: string;
|
|
14
|
+
slide_index: number;
|
|
15
|
+
is_active: boolean;
|
|
16
|
+
total_votes: number;
|
|
17
|
+
options: PollOption[];
|
|
18
|
+
};
|
|
19
|
+
export type QAQuestion = {
|
|
20
|
+
id: string;
|
|
21
|
+
content: string;
|
|
22
|
+
author_name: string | null;
|
|
23
|
+
is_answered: boolean;
|
|
24
|
+
slide_index: number;
|
|
25
|
+
created_at: string;
|
|
26
|
+
};
|
|
27
|
+
export type WordCloudEntry = {
|
|
28
|
+
word: string;
|
|
29
|
+
count: number;
|
|
30
|
+
};
|
|
31
|
+
export type Reaction = {
|
|
32
|
+
id: string;
|
|
33
|
+
type: ReactionType;
|
|
34
|
+
created_at: string;
|
|
35
|
+
};
|
|
36
|
+
export type AudienceInfo = {
|
|
37
|
+
count: number;
|
|
38
|
+
status: string;
|
|
39
|
+
};
|
|
40
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/runtime/live/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,YAAY,CAAA;AAEhF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,UAAU,EAAE,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,WAAW,EAAE,OAAO,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,YAAY,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/runtime/live/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
type UseLiveSessionOptions = {
|
|
2
|
+
sessionId?: string;
|
|
3
|
+
serviceUrl?: string;
|
|
4
|
+
};
|
|
5
|
+
export declare const useLiveApi: (options: UseLiveSessionOptions) => {
|
|
6
|
+
sessionId: string | null;
|
|
7
|
+
serviceUrl: string;
|
|
8
|
+
post: (path: string, body: Record<string, unknown>) => Promise<Response | null>;
|
|
9
|
+
patch: (path: string, body: Record<string, unknown>) => Promise<Response | null>;
|
|
10
|
+
get: (path: string) => Promise<Response | null>;
|
|
11
|
+
};
|
|
12
|
+
export declare const usePolling: <T>(fetcher: () => Promise<T | null>, intervalMs?: number) => {
|
|
13
|
+
data: T | null;
|
|
14
|
+
isLoading: boolean;
|
|
15
|
+
};
|
|
16
|
+
export {};
|
|
17
|
+
//# sourceMappingURL=use-live-session.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-live-session.d.ts","sourceRoot":"","sources":["../../../src/runtime/live/use-live-session.ts"],"names":[],"mappings":"AAKA,KAAK,qBAAqB,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAqBD,eAAO,MAAM,UAAU,GAAI,SAAS,qBAAqB;;;iBAKxC,MAAM,QAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;kBAerC,MAAM,QAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;gBAerC,MAAM;CAUtB,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,CAAC,EAC1B,SAAS,MAAM,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,EAChC,aAAY,MAAyB,KACpC;IAAE,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CA0BtC,CAAA"}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { useState, useEffect, useCallback, useRef } from 'react';
|
|
2
|
+
const DEFAULT_SERVICE_URL = 'https://slidenerds.com';
|
|
3
|
+
const POLL_INTERVAL_MS = 5000;
|
|
4
|
+
const getSessionIdFromUrl = () => {
|
|
5
|
+
if (typeof window === 'undefined')
|
|
6
|
+
return null;
|
|
7
|
+
const params = new URLSearchParams(window.location.search);
|
|
8
|
+
return params.get('session');
|
|
9
|
+
};
|
|
10
|
+
const resolveSessionId = (propSessionId) => {
|
|
11
|
+
return propSessionId ?? getSessionIdFromUrl();
|
|
12
|
+
};
|
|
13
|
+
const resolveServiceUrl = (propServiceUrl) => {
|
|
14
|
+
const url = propServiceUrl ?? DEFAULT_SERVICE_URL;
|
|
15
|
+
return url.endsWith('/') ? url.slice(0, -1) : url;
|
|
16
|
+
};
|
|
17
|
+
const buildUrl = (serviceUrl, sessionId, path) => {
|
|
18
|
+
return `${serviceUrl}/api/live/${sessionId}${path}`;
|
|
19
|
+
};
|
|
20
|
+
export const useLiveApi = (options) => {
|
|
21
|
+
const sessionId = resolveSessionId(options.sessionId);
|
|
22
|
+
const serviceUrl = resolveServiceUrl(options.serviceUrl);
|
|
23
|
+
const post = useCallback(async (path, body) => {
|
|
24
|
+
if (!sessionId)
|
|
25
|
+
return null;
|
|
26
|
+
const response = await fetch(buildUrl(serviceUrl, sessionId, path), {
|
|
27
|
+
method: 'POST',
|
|
28
|
+
headers: { 'Content-Type': 'application/json' },
|
|
29
|
+
body: JSON.stringify(body),
|
|
30
|
+
});
|
|
31
|
+
return response;
|
|
32
|
+
}, [sessionId, serviceUrl]);
|
|
33
|
+
const patch = useCallback(async (path, body) => {
|
|
34
|
+
if (!sessionId)
|
|
35
|
+
return null;
|
|
36
|
+
const response = await fetch(buildUrl(serviceUrl, sessionId, path), {
|
|
37
|
+
method: 'PATCH',
|
|
38
|
+
headers: { 'Content-Type': 'application/json' },
|
|
39
|
+
body: JSON.stringify(body),
|
|
40
|
+
});
|
|
41
|
+
return response;
|
|
42
|
+
}, [sessionId, serviceUrl]);
|
|
43
|
+
const get = useCallback(async (path) => {
|
|
44
|
+
if (!sessionId)
|
|
45
|
+
return null;
|
|
46
|
+
const response = await fetch(buildUrl(serviceUrl, sessionId, path));
|
|
47
|
+
return response;
|
|
48
|
+
}, [sessionId, serviceUrl]);
|
|
49
|
+
return { sessionId, serviceUrl, post, patch, get };
|
|
50
|
+
};
|
|
51
|
+
export const usePolling = (fetcher, intervalMs = POLL_INTERVAL_MS) => {
|
|
52
|
+
const [data, setData] = useState(null);
|
|
53
|
+
const [isLoading, setIsLoading] = useState(true);
|
|
54
|
+
const mountedRef = useRef(true);
|
|
55
|
+
useEffect(() => {
|
|
56
|
+
mountedRef.current = true;
|
|
57
|
+
const poll = async () => {
|
|
58
|
+
const result = await fetcher();
|
|
59
|
+
if (mountedRef.current) {
|
|
60
|
+
setData(result);
|
|
61
|
+
setIsLoading(false);
|
|
62
|
+
}
|
|
63
|
+
};
|
|
64
|
+
poll();
|
|
65
|
+
const interval = setInterval(poll, intervalMs);
|
|
66
|
+
return () => {
|
|
67
|
+
mountedRef.current = false;
|
|
68
|
+
clearInterval(interval);
|
|
69
|
+
};
|
|
70
|
+
}, [fetcher, intervalMs]);
|
|
71
|
+
return { data, isLoading };
|
|
72
|
+
};
|
|
73
|
+
//# sourceMappingURL=use-live-session.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-live-session.js","sourceRoot":"","sources":["../../../src/runtime/live/use-live-session.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pptx-export.d.ts","sourceRoot":"","sources":["../../src/runtime/pptx-export.ts"],"names":[],"mappings":"AAqTA,eAAO,MAAM,gBAAgB,GAC3B,aAAa,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,KACpD,OAAO,CAAC,IAAI,CAiFd,CAAA"}
|