@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
|
@@ -1,18 +1,161 @@
|
|
|
1
|
+
import { getSlideElements } from './slide-dom.js';
|
|
2
|
+
const SLIDE_WIDTH = 1920;
|
|
3
|
+
const SLIDE_HEIGHT = 1080;
|
|
4
|
+
const yieldToMain = () => new Promise((resolve) => setTimeout(resolve, 0));
|
|
5
|
+
const captureSlides = async (onProgress, overlay) => {
|
|
6
|
+
if (typeof document === 'undefined')
|
|
7
|
+
return [];
|
|
8
|
+
const html2canvas = (await import('html2canvas-pro')).default;
|
|
9
|
+
const slides = getSlideElements();
|
|
10
|
+
const total = slides.length;
|
|
11
|
+
const images = [];
|
|
12
|
+
const currentlyActive = document.querySelector('[data-slide].active');
|
|
13
|
+
const originalIndex = currentlyActive
|
|
14
|
+
? Array.from(slides).indexOf(currentlyActive)
|
|
15
|
+
: 0;
|
|
16
|
+
for (let i = 0; i < total; i++) {
|
|
17
|
+
onProgress?.(i + 1, total);
|
|
18
|
+
slides.forEach((s, idx) => {
|
|
19
|
+
const el = s;
|
|
20
|
+
el.classList.toggle('active', idx === i);
|
|
21
|
+
el.classList.remove('exiting');
|
|
22
|
+
});
|
|
23
|
+
const slideEl = slides[i];
|
|
24
|
+
slideEl.querySelectorAll('[data-step], [data-auto-step]').forEach((step) => {
|
|
25
|
+
step.classList.add('step-visible');
|
|
26
|
+
const el = step;
|
|
27
|
+
el.style.setProperty('visibility', 'visible', 'important');
|
|
28
|
+
el.style.setProperty('opacity', '1', 'important');
|
|
29
|
+
el.style.setProperty('transform', 'none', 'important');
|
|
30
|
+
el.style.setProperty('clip-path', 'none', 'important');
|
|
31
|
+
el.style.setProperty('transition', 'none', 'important');
|
|
32
|
+
el.style.setProperty('animation', 'none', 'important');
|
|
33
|
+
});
|
|
34
|
+
slideEl.querySelectorAll('.auto-fade, .auto-pop, .auto-wipe-right, .auto-slide-down, .auto-slide-up').forEach((el) => {
|
|
35
|
+
const htmlEl = el;
|
|
36
|
+
htmlEl.style.setProperty('opacity', '1', 'important');
|
|
37
|
+
htmlEl.style.setProperty('transform', 'none', 'important');
|
|
38
|
+
htmlEl.style.setProperty('clip-path', 'none', 'important');
|
|
39
|
+
htmlEl.style.setProperty('animation', 'none', 'important');
|
|
40
|
+
});
|
|
41
|
+
if (overlay) {
|
|
42
|
+
overlay.style.zIndex = '99999';
|
|
43
|
+
}
|
|
44
|
+
await yieldToMain();
|
|
45
|
+
await new Promise((r) => setTimeout(r, 100));
|
|
46
|
+
const canvas = await html2canvas(slideEl, {
|
|
47
|
+
width: SLIDE_WIDTH,
|
|
48
|
+
height: SLIDE_HEIGHT,
|
|
49
|
+
scale: 1,
|
|
50
|
+
useCORS: true,
|
|
51
|
+
backgroundColor: null,
|
|
52
|
+
logging: false,
|
|
53
|
+
imageTimeout: 5000,
|
|
54
|
+
ignoreElements: (el) => {
|
|
55
|
+
return el === overlay ||
|
|
56
|
+
el.hasAttribute('data-notes') ||
|
|
57
|
+
el.classList?.contains('slide-controls-root');
|
|
58
|
+
},
|
|
59
|
+
});
|
|
60
|
+
images.push(canvas.toDataURL('image/jpeg', 0.92));
|
|
61
|
+
slideEl.querySelectorAll('[data-step], [data-auto-step]').forEach((step) => {
|
|
62
|
+
step.classList.remove('step-visible');
|
|
63
|
+
const el = step;
|
|
64
|
+
el.style.removeProperty('visibility');
|
|
65
|
+
el.style.removeProperty('opacity');
|
|
66
|
+
el.style.removeProperty('transform');
|
|
67
|
+
el.style.removeProperty('clip-path');
|
|
68
|
+
el.style.removeProperty('transition');
|
|
69
|
+
el.style.removeProperty('animation');
|
|
70
|
+
});
|
|
71
|
+
slideEl.querySelectorAll('.auto-fade, .auto-pop, .auto-wipe-right, .auto-slide-down, .auto-slide-up').forEach((el) => {
|
|
72
|
+
const htmlEl = el;
|
|
73
|
+
htmlEl.style.removeProperty('opacity');
|
|
74
|
+
htmlEl.style.removeProperty('transform');
|
|
75
|
+
htmlEl.style.removeProperty('clip-path');
|
|
76
|
+
htmlEl.style.removeProperty('animation');
|
|
77
|
+
});
|
|
78
|
+
await yieldToMain();
|
|
79
|
+
}
|
|
80
|
+
slides.forEach((s, idx) => {
|
|
81
|
+
const el = s;
|
|
82
|
+
el.classList.toggle('active', idx === originalIndex);
|
|
83
|
+
el.classList.remove('exiting');
|
|
84
|
+
});
|
|
85
|
+
return images;
|
|
86
|
+
};
|
|
87
|
+
const showProgress = () => {
|
|
88
|
+
const overlay = document.createElement('div');
|
|
89
|
+
overlay.style.cssText =
|
|
90
|
+
'position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.95);font-family:system-ui,-apple-system,sans-serif;';
|
|
91
|
+
const box = document.createElement('div');
|
|
92
|
+
box.style.cssText =
|
|
93
|
+
'background:rgba(0,0,0,0.9);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:24px 32px;text-align:center;color:rgba(255,255,255,0.85);';
|
|
94
|
+
const label = document.createElement('div');
|
|
95
|
+
label.style.cssText = 'font-size:13px;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;color:rgba(255,255,255,0.4);margin-bottom:8px;';
|
|
96
|
+
label.textContent = 'Exporting';
|
|
97
|
+
const status = document.createElement('div');
|
|
98
|
+
status.style.cssText = 'font-size:18px;font-weight:500;';
|
|
99
|
+
status.textContent = 'Preparing...';
|
|
100
|
+
box.appendChild(label);
|
|
101
|
+
box.appendChild(status);
|
|
102
|
+
overlay.appendChild(box);
|
|
103
|
+
document.body.appendChild(overlay);
|
|
104
|
+
return {
|
|
105
|
+
element: overlay,
|
|
106
|
+
update: (current, total) => {
|
|
107
|
+
status.textContent = `Slide ${current} of ${total}`;
|
|
108
|
+
},
|
|
109
|
+
remove: () => {
|
|
110
|
+
document.body.removeChild(overlay);
|
|
111
|
+
},
|
|
112
|
+
};
|
|
113
|
+
};
|
|
114
|
+
const exportPdf = async () => {
|
|
115
|
+
const progress = showProgress();
|
|
116
|
+
try {
|
|
117
|
+
const { jsPDF } = await import('jspdf');
|
|
118
|
+
const images = await captureSlides(progress.update, progress.element);
|
|
119
|
+
if (images.length === 0)
|
|
120
|
+
return;
|
|
121
|
+
const pdf = new jsPDF({
|
|
122
|
+
orientation: 'landscape',
|
|
123
|
+
unit: 'px',
|
|
124
|
+
format: [SLIDE_WIDTH, SLIDE_HEIGHT],
|
|
125
|
+
hotfixes: ['px_scaling'],
|
|
126
|
+
});
|
|
127
|
+
for (let i = 0; i < images.length; i++) {
|
|
128
|
+
if (i > 0)
|
|
129
|
+
pdf.addPage([SLIDE_WIDTH, SLIDE_HEIGHT], 'landscape');
|
|
130
|
+
pdf.addImage(images[i], 'JPEG', 0, 0, SLIDE_WIDTH, SLIDE_HEIGHT);
|
|
131
|
+
}
|
|
132
|
+
pdf.save('presentation.pdf');
|
|
133
|
+
}
|
|
134
|
+
finally {
|
|
135
|
+
progress.remove();
|
|
136
|
+
}
|
|
137
|
+
};
|
|
138
|
+
const exportPptx = async () => {
|
|
139
|
+
const progress = showProgress();
|
|
140
|
+
try {
|
|
141
|
+
const { exportNativePptx } = await import('./pptx-export.js');
|
|
142
|
+
await exportNativePptx(progress.update);
|
|
143
|
+
}
|
|
144
|
+
finally {
|
|
145
|
+
progress.remove();
|
|
146
|
+
}
|
|
147
|
+
};
|
|
1
148
|
export const registerExportApi = () => {
|
|
2
149
|
if (typeof window === 'undefined')
|
|
3
150
|
return;
|
|
4
151
|
window.slidenerds = {
|
|
5
152
|
export: async (options) => {
|
|
6
|
-
|
|
7
|
-
switch (format) {
|
|
153
|
+
switch (options.format) {
|
|
8
154
|
case 'pdf':
|
|
9
|
-
|
|
155
|
+
await exportPdf();
|
|
10
156
|
break;
|
|
11
157
|
case 'pptx':
|
|
12
|
-
|
|
13
|
-
break;
|
|
14
|
-
case 'gslides':
|
|
15
|
-
console.info('[slidenerds] Google Slides export triggered. Use the CLI for full export.');
|
|
158
|
+
await exportPptx();
|
|
16
159
|
break;
|
|
17
160
|
}
|
|
18
161
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"export-api.js","sourceRoot":"","sources":["../../src/runtime/export-api.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"export-api.js","sourceRoot":"","sources":["../../src/runtime/export-api.ts"],"names":[],"mappings":"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"}
|
package/dist/runtime/index.d.ts
CHANGED
|
@@ -9,4 +9,10 @@ export { SlideControls } from './slide-controls.js';
|
|
|
9
9
|
export { SlideShape } from './slide-shape.js';
|
|
10
10
|
export type { ShapeType } from './slide-shape.js';
|
|
11
11
|
export type { StepEntry } from './slide-dom.js';
|
|
12
|
+
export { LivePoll } from './live/LivePoll.js';
|
|
13
|
+
export { LiveReactions } from './live/LiveReactions.js';
|
|
14
|
+
export { LiveQA } from './live/LiveQA.js';
|
|
15
|
+
export { LiveAudienceCount } from './live/LiveAudienceCount.js';
|
|
16
|
+
export { LiveWordCloud } from './live/LiveWordCloud.js';
|
|
17
|
+
export type { ReactionType, LiveComponentProps, PollOption, PollResult, QAQuestion, WordCloudEntry, } from './live/types.js';
|
|
12
18
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/runtime/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClD,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AACjD,YAAY,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/runtime/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClD,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AACjD,YAAY,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,YAAY,EACV,YAAY,EACZ,kBAAkB,EAClB,UAAU,EACV,UAAU,EACV,UAAU,EACV,cAAc,GACf,MAAM,iBAAiB,CAAA"}
|
package/dist/runtime/index.js
CHANGED
|
@@ -5,4 +5,9 @@ export { useSlideState } from './slide-context.js';
|
|
|
5
5
|
export { BrandConfigSchema } from './types.js';
|
|
6
6
|
export { SlideControls } from './slide-controls.js';
|
|
7
7
|
export { SlideShape } from './slide-shape.js';
|
|
8
|
+
export { LivePoll } from './live/LivePoll.js';
|
|
9
|
+
export { LiveReactions } from './live/LiveReactions.js';
|
|
10
|
+
export { LiveQA } from './live/LiveQA.js';
|
|
11
|
+
export { LiveAudienceCount } from './live/LiveAudienceCount.js';
|
|
12
|
+
export { LiveWordCloud } from './live/LiveWordCloud.js';
|
|
8
13
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/runtime/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAGlD,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/runtime/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAGlD,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAG7C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"light-table.d.ts","sourceRoot":"","sources":["../../src/runtime/light-table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4D,MAAM,OAAO,CAAA;AAIhF,KAAK,eAAe,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CACzD,CAAA;
|
|
1
|
+
{"version":3,"file":"light-table.d.ts","sourceRoot":"","sources":["../../src/runtime/light-table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4D,MAAM,OAAO,CAAA;AAIhF,KAAK,eAAe,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CACzD,CAAA;AA0GD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAiFhD,CAAA"}
|
|
@@ -6,8 +6,9 @@ import { getSlideElements, getSlidesInfo } from './slide-dom.js';
|
|
|
6
6
|
const THUMB_WIDTH = 280;
|
|
7
7
|
const THUMB_HEIGHT = Math.round(THUMB_WIDTH * (9 / 16));
|
|
8
8
|
const SCALE = THUMB_WIDTH / 1920;
|
|
9
|
-
const SlideThumbnail = ({ slideIndex, isActive }) => {
|
|
9
|
+
const SlideThumbnail = ({ slideIndex, isActive, isPreviewing }) => {
|
|
10
10
|
const containerRef = useRef(null);
|
|
11
|
+
const animTimerRef = useRef(null);
|
|
11
12
|
useEffect(() => {
|
|
12
13
|
const container = containerRef.current;
|
|
13
14
|
if (!container)
|
|
@@ -26,21 +27,42 @@ const SlideThumbnail = ({ slideIndex, isActive }) => {
|
|
|
26
27
|
clone.style.transformOrigin = 'top left';
|
|
27
28
|
clone.style.pointerEvents = 'none';
|
|
28
29
|
clone.style.display = 'flex';
|
|
29
|
-
clone.querySelectorAll('[data-step]')
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
}
|
|
30
|
+
const steps = clone.querySelectorAll('[data-step], [data-auto-step]');
|
|
31
|
+
if (isPreviewing) {
|
|
32
|
+
steps.forEach((step) => {
|
|
33
|
+
step.classList.remove('step-visible');
|
|
34
|
+
});
|
|
35
|
+
}
|
|
36
|
+
else {
|
|
37
|
+
steps.forEach((step) => {
|
|
38
|
+
step.classList.add('step-visible');
|
|
39
|
+
});
|
|
40
|
+
}
|
|
35
41
|
clone.querySelectorAll('[data-notes]').forEach((note) => {
|
|
36
42
|
note.style.display = 'none';
|
|
37
43
|
});
|
|
38
|
-
// Clear existing children safely
|
|
39
44
|
while (container.firstChild) {
|
|
40
45
|
container.removeChild(container.firstChild);
|
|
41
46
|
}
|
|
42
47
|
container.appendChild(clone);
|
|
43
|
-
|
|
48
|
+
if (isPreviewing && steps.length > 0) {
|
|
49
|
+
if (animTimerRef.current !== null)
|
|
50
|
+
clearTimeout(animTimerRef.current);
|
|
51
|
+
let stepIndex = 0;
|
|
52
|
+
const revealNext = () => {
|
|
53
|
+
if (stepIndex >= steps.length)
|
|
54
|
+
return;
|
|
55
|
+
steps[stepIndex].classList.add('step-visible');
|
|
56
|
+
stepIndex++;
|
|
57
|
+
animTimerRef.current = setTimeout(revealNext, 400);
|
|
58
|
+
};
|
|
59
|
+
animTimerRef.current = setTimeout(revealNext, 300);
|
|
60
|
+
}
|
|
61
|
+
return () => {
|
|
62
|
+
if (animTimerRef.current !== null)
|
|
63
|
+
clearTimeout(animTimerRef.current);
|
|
64
|
+
};
|
|
65
|
+
}, [slideIndex, isPreviewing]);
|
|
44
66
|
return (_jsxs("div", { style: {
|
|
45
67
|
borderRadius: '8px',
|
|
46
68
|
overflow: 'hidden',
|
|
@@ -65,8 +87,10 @@ const SlideThumbnail = ({ slideIndex, isActive }) => {
|
|
|
65
87
|
export const LightTable = ({ className, onReorder }) => {
|
|
66
88
|
const { currentSlide, goToSlide } = useSlideState();
|
|
67
89
|
const [dragSource, setDragSource] = useState(null);
|
|
90
|
+
const [previewIndex, setPreviewIndex] = useState(null);
|
|
68
91
|
const slides = useMemo(() => getSlidesInfo(), []);
|
|
69
92
|
const handleSlideClick = useCallback((index) => {
|
|
93
|
+
setPreviewIndex(index);
|
|
70
94
|
goToSlide(index);
|
|
71
95
|
}, [goToSlide]);
|
|
72
96
|
const handleDragStart = useCallback((index) => {
|
|
@@ -99,6 +123,6 @@ export const LightTable = ({ className, onReorder }) => {
|
|
|
99
123
|
}, children: slides.map((slide) => (_jsx("div", { role: "gridcell", "data-testid": `light-table-slide-${slide.index}`, draggable: true, onClick: () => handleSlideClick(slide.index), onDragStart: () => handleDragStart(slide.index), onDragOver: handleDragOver, onDrop: () => handleDrop(slide.index), onDragEnd: handleDragEnd, style: {
|
|
100
124
|
opacity: dragSource === slide.index ? 0.5 : 1,
|
|
101
125
|
cursor: 'pointer',
|
|
102
|
-
}, children: _jsx(SlideThumbnail, { slideIndex: slide.index, isActive: slide.index === currentSlide }) }, slide.index))) }));
|
|
126
|
+
}, children: _jsx(SlideThumbnail, { slideIndex: slide.index, isActive: slide.index === currentSlide, isPreviewing: previewIndex === slide.index }) }, slide.index))) }));
|
|
103
127
|
};
|
|
104
128
|
//# sourceMappingURL=light-table.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"light-table.js","sourceRoot":"","sources":["../../src/runtime/light-table.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAc,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAOhE,MAAM,WAAW,GAAG,GAAG,CAAA;AACvB,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAA;AACvD,MAAM,KAAK,GAAG,WAAW,GAAG,IAAI,CAAA;AAEhC,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"light-table.js","sourceRoot":"","sources":["../../src/runtime/light-table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LiveAudienceCount.d.ts","sourceRoot":"","sources":["../../../src/runtime/live/LiveAudienceCount.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAG7D,OAAO,KAAK,EAAE,kBAAkB,EAAgB,MAAM,YAAY,CAAA;AAmDlE,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsD1D,CAAA"}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useCallback, useEffect, useRef } 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
|
+
display: 'inline-flex',
|
|
9
|
+
alignItems: 'center',
|
|
10
|
+
gap: '8px',
|
|
11
|
+
padding: '8px 14px',
|
|
12
|
+
borderRadius: '20px',
|
|
13
|
+
background: 'rgba(0, 0, 0, 0.3)',
|
|
14
|
+
backdropFilter: 'blur(10px)',
|
|
15
|
+
border: '1px solid rgba(255, 255, 255, 0.1)',
|
|
16
|
+
},
|
|
17
|
+
dot: {
|
|
18
|
+
width: '8px',
|
|
19
|
+
height: '8px',
|
|
20
|
+
borderRadius: '50%',
|
|
21
|
+
background: '#3ECF8E',
|
|
22
|
+
animation: 'slidenerds-pulse 2s ease-in-out infinite',
|
|
23
|
+
},
|
|
24
|
+
text: {
|
|
25
|
+
fontSize: '14px',
|
|
26
|
+
color: 'rgba(255, 255, 255, 0.8)',
|
|
27
|
+
fontWeight: 500,
|
|
28
|
+
},
|
|
29
|
+
noSession: {
|
|
30
|
+
fontSize: '14px',
|
|
31
|
+
color: 'rgba(255, 255, 255, 0.4)',
|
|
32
|
+
fontStyle: 'italic',
|
|
33
|
+
},
|
|
34
|
+
};
|
|
35
|
+
const PULSE_KEYFRAMES = `
|
|
36
|
+
@keyframes slidenerds-pulse {
|
|
37
|
+
0%, 100% { opacity: 1; transform: scale(1); }
|
|
38
|
+
50% { opacity: 0.5; transform: scale(0.8); }
|
|
39
|
+
}
|
|
40
|
+
`;
|
|
41
|
+
const injectStyles = () => {
|
|
42
|
+
if (typeof document === 'undefined')
|
|
43
|
+
return;
|
|
44
|
+
const styleId = 'slidenerds-live-styles';
|
|
45
|
+
if (document.getElementById(styleId))
|
|
46
|
+
return;
|
|
47
|
+
const style = document.createElement('style');
|
|
48
|
+
style.id = styleId;
|
|
49
|
+
style.textContent = PULSE_KEYFRAMES;
|
|
50
|
+
document.head.appendChild(style);
|
|
51
|
+
};
|
|
52
|
+
export const LiveAudienceCount = ({ sessionId, serviceUrl }) => {
|
|
53
|
+
const { post, get, sessionId: resolvedSessionId, serviceUrl: resolvedServiceUrl } = useLiveApi({
|
|
54
|
+
sessionId,
|
|
55
|
+
serviceUrl,
|
|
56
|
+
});
|
|
57
|
+
const hasJoinedRef = useRef(false);
|
|
58
|
+
useEffect(() => {
|
|
59
|
+
injectStyles();
|
|
60
|
+
}, []);
|
|
61
|
+
useEffect(() => {
|
|
62
|
+
if (!resolvedSessionId || hasJoinedRef.current)
|
|
63
|
+
return;
|
|
64
|
+
hasJoinedRef.current = true;
|
|
65
|
+
post('/audience', { action: 'join' });
|
|
66
|
+
const leaveUrl = `${resolvedServiceUrl}/api/live/${resolvedSessionId}/audience`;
|
|
67
|
+
const handleBeforeUnload = () => {
|
|
68
|
+
navigator.sendBeacon(leaveUrl, JSON.stringify({ action: 'leave' }));
|
|
69
|
+
};
|
|
70
|
+
window.addEventListener('beforeunload', handleBeforeUnload);
|
|
71
|
+
return () => {
|
|
72
|
+
window.removeEventListener('beforeunload', handleBeforeUnload);
|
|
73
|
+
post('/audience', { action: 'leave' });
|
|
74
|
+
hasJoinedRef.current = false;
|
|
75
|
+
};
|
|
76
|
+
}, [resolvedSessionId, resolvedServiceUrl, post]);
|
|
77
|
+
const fetchAudience = useCallback(async () => {
|
|
78
|
+
const response = await get('/audience');
|
|
79
|
+
if (!response || !response.ok)
|
|
80
|
+
return null;
|
|
81
|
+
return response.json();
|
|
82
|
+
}, [get]);
|
|
83
|
+
const { data: audience } = usePolling(fetchAudience);
|
|
84
|
+
if (!resolvedSessionId) {
|
|
85
|
+
return _jsx("span", { style: styles.noSession, children: "No live session" });
|
|
86
|
+
}
|
|
87
|
+
const count = audience?.count ?? 0;
|
|
88
|
+
return (_jsxs("div", { style: styles.container, children: [_jsx("span", { style: styles.dot }), _jsxs("span", { style: styles.text, children: [count, " watching"] })] }));
|
|
89
|
+
};
|
|
90
|
+
//# sourceMappingURL=LiveAudienceCount.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LiveAudienceCount.js","sourceRoot":"","sources":["../../../src/runtime/live/LiveAudienceCount.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { LiveComponentProps } from './types.js';
|
|
3
|
+
type LivePollProps = LiveComponentProps & {
|
|
4
|
+
question: string;
|
|
5
|
+
options: string[];
|
|
6
|
+
};
|
|
7
|
+
export declare const LivePoll: React.FC<LivePollProps>;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=LivePoll.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LivePoll.d.ts","sourceRoot":"","sources":["../../../src/runtime/live/LivePoll.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAGpD,OAAO,KAAK,EAAE,kBAAkB,EAAc,MAAM,YAAY,CAAA;AAEhE,KAAK,aAAa,GAAG,kBAAkB,GAAG;IACxC,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,EAAE,CAAA;CAClB,CAAA;AA+ED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoG5C,CAAA"}
|
|
@@ -0,0 +1,122 @@
|
|
|
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
|
+
question: {
|
|
17
|
+
fontSize: '18px',
|
|
18
|
+
fontWeight: 600,
|
|
19
|
+
color: '#fff',
|
|
20
|
+
margin: '0 0 16px 0',
|
|
21
|
+
},
|
|
22
|
+
optionButton: {
|
|
23
|
+
display: 'block',
|
|
24
|
+
width: '100%',
|
|
25
|
+
padding: '12px 16px',
|
|
26
|
+
marginBottom: '8px',
|
|
27
|
+
borderRadius: '8px',
|
|
28
|
+
border: '1px solid rgba(255, 255, 255, 0.2)',
|
|
29
|
+
background: 'rgba(255, 255, 255, 0.05)',
|
|
30
|
+
color: '#fff',
|
|
31
|
+
fontSize: '15px',
|
|
32
|
+
cursor: 'pointer',
|
|
33
|
+
textAlign: 'left',
|
|
34
|
+
transition: 'background 0.15s ease',
|
|
35
|
+
},
|
|
36
|
+
optionButtonHover: {
|
|
37
|
+
background: 'rgba(62, 207, 142, 0.2)',
|
|
38
|
+
borderColor: 'rgba(62, 207, 142, 0.5)',
|
|
39
|
+
},
|
|
40
|
+
resultRow: {
|
|
41
|
+
marginBottom: '12px',
|
|
42
|
+
},
|
|
43
|
+
resultLabel: {
|
|
44
|
+
display: 'flex',
|
|
45
|
+
justifyContent: 'space-between',
|
|
46
|
+
marginBottom: '4px',
|
|
47
|
+
fontSize: '14px',
|
|
48
|
+
color: '#fff',
|
|
49
|
+
},
|
|
50
|
+
resultBarTrack: {
|
|
51
|
+
width: '100%',
|
|
52
|
+
height: '8px',
|
|
53
|
+
borderRadius: '4px',
|
|
54
|
+
background: 'rgba(255, 255, 255, 0.1)',
|
|
55
|
+
overflow: 'hidden',
|
|
56
|
+
},
|
|
57
|
+
resultBarFill: (percentage) => ({
|
|
58
|
+
width: `${percentage}%`,
|
|
59
|
+
height: '100%',
|
|
60
|
+
borderRadius: '4px',
|
|
61
|
+
background: 'linear-gradient(90deg, #3ECF8E, #2BA86C)',
|
|
62
|
+
transition: 'width 0.4s ease',
|
|
63
|
+
}),
|
|
64
|
+
totalVotes: {
|
|
65
|
+
fontSize: '13px',
|
|
66
|
+
color: 'rgba(255, 255, 255, 0.5)',
|
|
67
|
+
marginTop: '8px',
|
|
68
|
+
},
|
|
69
|
+
voted: {
|
|
70
|
+
fontSize: '13px',
|
|
71
|
+
color: '#3ECF8E',
|
|
72
|
+
marginTop: '4px',
|
|
73
|
+
},
|
|
74
|
+
noSession: {
|
|
75
|
+
fontSize: '14px',
|
|
76
|
+
color: 'rgba(255, 255, 255, 0.4)',
|
|
77
|
+
fontStyle: 'italic',
|
|
78
|
+
},
|
|
79
|
+
};
|
|
80
|
+
export const LivePoll = ({ question, options, sessionId, serviceUrl, }) => {
|
|
81
|
+
const { post, get } = useLiveApi({ sessionId, serviceUrl });
|
|
82
|
+
const [hasVoted, setHasVoted] = useState(false);
|
|
83
|
+
const [hoveredIndex, setHoveredIndex] = useState(null);
|
|
84
|
+
const fetchResults = useCallback(async () => {
|
|
85
|
+
const response = await get('/poll/results');
|
|
86
|
+
if (!response || !response.ok)
|
|
87
|
+
return null;
|
|
88
|
+
const results = await response.json();
|
|
89
|
+
const match = results.find((r) => r.question === question);
|
|
90
|
+
return match ?? null;
|
|
91
|
+
}, [get, question]);
|
|
92
|
+
const { data: pollResult } = usePolling(fetchResults);
|
|
93
|
+
const handleVote = async (optionIndex) => {
|
|
94
|
+
if (hasVoted)
|
|
95
|
+
return;
|
|
96
|
+
const pollId = pollResult?.id;
|
|
97
|
+
if (!pollId)
|
|
98
|
+
return;
|
|
99
|
+
const response = await post('/vote', {
|
|
100
|
+
poll_id: pollId,
|
|
101
|
+
option_index: optionIndex,
|
|
102
|
+
});
|
|
103
|
+
if (response && (response.ok || response.status === 409)) {
|
|
104
|
+
setHasVoted(true);
|
|
105
|
+
}
|
|
106
|
+
};
|
|
107
|
+
const resolvedSessionId = useLiveApi({ sessionId, serviceUrl }).sessionId;
|
|
108
|
+
if (!resolvedSessionId) {
|
|
109
|
+
return (_jsx("div", { style: styles.container, children: _jsx("p", { style: styles.noSession, children: "No live session active" }) }));
|
|
110
|
+
}
|
|
111
|
+
const showResults = hasVoted && pollResult;
|
|
112
|
+
return (_jsxs("div", { style: styles.container, children: [_jsx("p", { style: styles.question, children: question }), !showResults && (_jsx("div", { children: options.map((option, index) => (_jsx("button", { type: "button", style: {
|
|
113
|
+
...styles.optionButton,
|
|
114
|
+
...(hoveredIndex === index ? styles.optionButtonHover : {}),
|
|
115
|
+
}, onClick: () => handleVote(index), onMouseEnter: () => setHoveredIndex(index), onMouseLeave: () => setHoveredIndex(null), children: option }, index))) })), showResults && (_jsxs("div", { children: [pollResult.options.map((option) => {
|
|
116
|
+
const percentage = pollResult.total_votes > 0
|
|
117
|
+
? Math.round((option.votes / pollResult.total_votes) * 100)
|
|
118
|
+
: 0;
|
|
119
|
+
return (_jsxs("div", { style: styles.resultRow, children: [_jsxs("div", { style: styles.resultLabel, children: [_jsx("span", { children: option.label }), _jsxs("span", { children: [percentage, "% (", option.votes, ")"] })] }), _jsx("div", { style: styles.resultBarTrack, children: _jsx("div", { style: styles.resultBarFill(percentage) }) })] }, option.index));
|
|
120
|
+
}), _jsxs("p", { style: styles.totalVotes, children: [pollResult.total_votes, " total votes"] }), _jsx("p", { style: styles.voted, children: "Vote recorded" })] }))] }));
|
|
121
|
+
};
|
|
122
|
+
//# sourceMappingURL=LivePoll.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LivePoll.js","sourceRoot":"","sources":["../../../src/runtime/live/LivePoll.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LiveQA.d.ts","sourceRoot":"","sources":["../../../src/runtime/live/LiveQA.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAGpD,OAAO,KAAK,EAAE,kBAAkB,EAAc,MAAM,YAAY,CAAA;AAiGhE,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0F/C,CAAA"}
|