@deckdeckgo/slide-poll
Advanced tools
Comparing version 1.0.0-beta.2 to 1.0.0-beta.3
@@ -0,1 +1,12 @@ | ||
<a name="1.0.0-beta.3"></a> | ||
# 1.0.0-beta.3 (2019-12-01) | ||
### Features | ||
* expose `answeredOnce` as an attribute to sync the information between deck and remote | ||
### Breaking Changes | ||
* event `pollConnected` replaced by event `pollUpdated` triggered on each component updated | ||
<a name="1.0.0-beta.2"></a> | ||
@@ -2,0 +13,0 @@ # 1.0.0-beta.2 (2019-12-01) |
@@ -6,3 +6,3 @@ 'use strict'; | ||
core.patchBrowser().then(options => { | ||
return core.bootstrapLazy([["deckgo-slide-poll.cjs",[[1,"deckgo-slide-poll",{"socketUrl":[513,"socket-url"],"socketPath":[513,"socket-path"],"connectPollSocket":[4,"connect-poll-socket"],"pollLink":[513,"poll-link"],"pollKey":[1537,"poll-key"],"customActions":[516,"custom-actions"],"customBackground":[516,"custom-background"],"chartWidth":[32],"chartHeight":[32],"chartData":[32],"answeredOnce":[32],"beforeSwipe":[64],"afterSwipe":[64],"lazyLoadContent":[64],"revealContent":[64],"hideContent":[64],"resizeContent":[64],"update":[64],"isAnswered":[64]}]]]], options); | ||
return core.bootstrapLazy([["deckgo-slide-poll.cjs",[[1,"deckgo-slide-poll",{"socketUrl":[513,"socket-url"],"socketPath":[513,"socket-path"],"connectPollSocket":[4,"connect-poll-socket"],"pollLink":[513,"poll-link"],"pollKey":[1537,"poll-key"],"customActions":[516,"custom-actions"],"customBackground":[516,"custom-background"],"answeredOnce":[1537,"answered-once"],"chartWidth":[32],"chartHeight":[32],"chartData":[32],"beforeSwipe":[64],"afterSwipe":[64],"lazyLoadContent":[64],"revealContent":[64],"hideContent":[64],"resizeContent":[64],"update":[64],"isAnswered":[64]}]]]], options); | ||
}); |
@@ -9,3 +9,3 @@ 'use strict'; | ||
return core.patchEsm().then(() => { | ||
core.bootstrapLazy([["deckgo-slide-poll.cjs",[[1,"deckgo-slide-poll",{"socketUrl":[513,"socket-url"],"socketPath":[513,"socket-path"],"connectPollSocket":[4,"connect-poll-socket"],"pollLink":[513,"poll-link"],"pollKey":[1537,"poll-key"],"customActions":[516,"custom-actions"],"customBackground":[516,"custom-background"],"chartWidth":[32],"chartHeight":[32],"chartData":[32],"answeredOnce":[32],"beforeSwipe":[64],"afterSwipe":[64],"lazyLoadContent":[64],"revealContent":[64],"hideContent":[64],"resizeContent":[64],"update":[64],"isAnswered":[64]}]]]], options); | ||
core.bootstrapLazy([["deckgo-slide-poll.cjs",[[1,"deckgo-slide-poll",{"socketUrl":[513,"socket-url"],"socketPath":[513,"socket-path"],"connectPollSocket":[4,"connect-poll-socket"],"pollLink":[513,"poll-link"],"pollKey":[1537,"poll-key"],"customActions":[516,"custom-actions"],"customBackground":[516,"custom-background"],"answeredOnce":[1537,"answered-once"],"chartWidth":[32],"chartHeight":[32],"chartData":[32],"beforeSwipe":[64],"afterSwipe":[64],"lazyLoadContent":[64],"revealContent":[64],"hideContent":[64],"resizeContent":[64],"update":[64],"isAnswered":[64]}]]]], options); | ||
}); | ||
@@ -12,0 +12,0 @@ }; |
@@ -19,3 +19,2 @@ import { h, Host } from "@stencil/core"; | ||
this.answers = {}; | ||
this.answeredOnce = false; | ||
this.onResizeContent = async () => { | ||
@@ -35,3 +34,2 @@ await this.initSize(); | ||
if (key) { | ||
this.oldPollKey = this.pollKey; | ||
this.pollKey = key; | ||
@@ -42,3 +40,3 @@ await initHowTo(this.el, this.pollKey); | ||
this.updateVoteCallback = async (answer) => { | ||
this.answeredOnce = true; | ||
this.answeredOnce = 'true'; | ||
this.answers[`answer-${answer}`]++; | ||
@@ -48,11 +46,12 @@ this.debounceUpdateChart(); | ||
this.updatePollAfterRetrieveCallback = async (poll) => { | ||
this.answeredOnce = true; | ||
if (poll && poll.poll) { | ||
this.chartData = []; | ||
this.chartData.push(poll.poll); | ||
await this.initAnswersData(); | ||
if (this.answeredOnce === 'true') { | ||
await this.initAnswersData(); | ||
} | ||
await drawChart(this.el, this.chartWidth, this.chartHeight); | ||
await initHowTo(this.el, this.pollKey); | ||
} | ||
this.pollConnected.emit(); | ||
this.pollUpdated.emit(); | ||
}; | ||
@@ -73,5 +72,3 @@ this.debounceUpdateChart = debounce(this.updateChartCallback, 500); | ||
componentDidUpdate() { | ||
if ((!this.oldPollKey || this.oldPollKey === undefined) && this.pollKey && this.pollKey !== undefined && this.pollKey !== '') { | ||
this.pollConnected.emit(); | ||
} | ||
this.pollUpdated.emit(); | ||
} | ||
@@ -225,3 +222,3 @@ initWindowResize() { | ||
// Poll in progress should not be updated | ||
if (this.answeredOnce) { | ||
if (this.answeredOnce === 'true') { | ||
return; | ||
@@ -263,3 +260,3 @@ } | ||
async isAnswered() { | ||
return this.answeredOnce; | ||
return this.answeredOnce === 'true'; | ||
} | ||
@@ -312,3 +309,3 @@ render() { | ||
renderNoVotes() { | ||
if (this.answeredOnce) { | ||
if (this.answeredOnce === 'true') { | ||
return undefined; | ||
@@ -451,2 +448,19 @@ } | ||
"defaultValue": "false" | ||
}, | ||
"answeredOnce": { | ||
"type": "string", | ||
"mutable": true, | ||
"complexType": { | ||
"original": "string", | ||
"resolved": "string", | ||
"references": {} | ||
}, | ||
"required": false, | ||
"optional": false, | ||
"docs": { | ||
"tags": [], | ||
"text": "" | ||
}, | ||
"attribute": "answered-once", | ||
"reflect": true | ||
} | ||
@@ -457,4 +471,3 @@ }; } | ||
"chartHeight": {}, | ||
"chartData": {}, | ||
"answeredOnce": {} | ||
"chartData": {} | ||
}; } | ||
@@ -477,4 +490,4 @@ static get events() { return [{ | ||
}, { | ||
"method": "pollConnected", | ||
"name": "pollConnected", | ||
"method": "pollUpdated", | ||
"name": "pollUpdated", | ||
"bubbles": true, | ||
@@ -481,0 +494,0 @@ "cancelable": true, |
@@ -1,1 +0,1 @@ | ||
import{p as e,b as t}from"./p-d1b1a7f8.js";e().then(e=>t([["p-edqjdzsc",[[1,"deckgo-slide-poll",{socketUrl:[513,"socket-url"],socketPath:[513,"socket-path"],connectPollSocket:[4,"connect-poll-socket"],pollLink:[513,"poll-link"],pollKey:[1537,"poll-key"],customActions:[516,"custom-actions"],customBackground:[516,"custom-background"],chartWidth:[32],chartHeight:[32],chartData:[32],answeredOnce:[32],beforeSwipe:[64],afterSwipe:[64],lazyLoadContent:[64],revealContent:[64],hideContent:[64],resizeContent:[64],update:[64],isAnswered:[64]}]]]],e)); | ||
import{p as e,b as o}from"./p-d1b1a7f8.js";e().then(e=>o([["p-l4zzckot",[[1,"deckgo-slide-poll",{socketUrl:[513,"socket-url"],socketPath:[513,"socket-path"],connectPollSocket:[4,"connect-poll-socket"],pollLink:[513,"poll-link"],pollKey:[1537,"poll-key"],customActions:[516,"custom-actions"],customBackground:[516,"custom-background"],answeredOnce:[1537,"answered-once"],chartWidth:[32],chartHeight:[32],chartData:[32],beforeSwipe:[64],afterSwipe:[64],lazyLoadContent:[64],revealContent:[64],hideContent:[64],resizeContent:[64],update:[64],isAnswered:[64]}]]]],e)); |
@@ -1,1 +0,1 @@ | ||
System.register(["./p-602a0fe4.system.js"],(function(){"use strict";var e,t;return{setters:[function(o){e=o.p;t=o.b}],execute:function(){e().then((function(e){return t([["p-irw3ghos.system",[[1,"deckgo-slide-poll",{socketUrl:[513,"socket-url"],socketPath:[513,"socket-path"],connectPollSocket:[4,"connect-poll-socket"],pollLink:[513,"poll-link"],pollKey:[1537,"poll-key"],customActions:[516,"custom-actions"],customBackground:[516,"custom-background"],chartWidth:[32],chartHeight:[32],chartData:[32],answeredOnce:[32],beforeSwipe:[64],afterSwipe:[64],lazyLoadContent:[64],revealContent:[64],hideContent:[64],resizeContent:[64],update:[64],isAnswered:[64]}]]]],e)}))}}})); | ||
System.register(["./p-602a0fe4.system.js"],(function(){"use strict";var e,t;return{setters:[function(o){e=o.p;t=o.b}],execute:function(){e().then((function(e){return t([["p-ypvw2rqs.system",[[1,"deckgo-slide-poll",{socketUrl:[513,"socket-url"],socketPath:[513,"socket-path"],connectPollSocket:[4,"connect-poll-socket"],pollLink:[513,"poll-link"],pollKey:[1537,"poll-key"],customActions:[516,"custom-actions"],customBackground:[516,"custom-background"],answeredOnce:[1537,"answered-once"],chartWidth:[32],chartHeight:[32],chartData:[32],beforeSwipe:[64],afterSwipe:[64],lazyLoadContent:[64],revealContent:[64],hideContent:[64],resizeContent:[64],update:[64],isAnswered:[64]}]]]],e)}))}}})); |
@@ -15,2 +15,3 @@ /* eslint-disable */ | ||
'afterSwipe': () => Promise<void>; | ||
'answeredOnce': string; | ||
'beforeSwipe': (_enter: boolean, _reveal: boolean) => Promise<boolean>; | ||
@@ -48,6 +49,7 @@ 'connectPollSocket': boolean; | ||
interface DeckgoSlidePoll { | ||
'answeredOnce'?: string; | ||
'connectPollSocket'?: boolean; | ||
'customActions'?: boolean; | ||
'customBackground'?: boolean; | ||
'onPollConnected'?: (event: CustomEvent<void>) => void; | ||
'onPollUpdated'?: (event: CustomEvent<void>) => void; | ||
'onSlideDidLoad'?: (event: CustomEvent<void>) => void; | ||
@@ -54,0 +56,0 @@ 'pollKey'?: string; |
@@ -6,3 +6,3 @@ import { EventEmitter } from '../../stencil.core'; | ||
slideDidLoad: EventEmitter<void>; | ||
private pollConnected; | ||
private pollUpdated; | ||
socketUrl: string; | ||
@@ -13,3 +13,2 @@ socketPath: string; | ||
pollKey: string; | ||
private oldPollKey; | ||
customActions: boolean; | ||
@@ -23,3 +22,3 @@ customBackground: boolean; | ||
private answers; | ||
private answeredOnce; | ||
answeredOnce: string; | ||
private readonly debounceUpdateChart; | ||
@@ -26,0 +25,0 @@ constructor(); |
{ | ||
"name": "@deckdeckgo/slide-poll", | ||
"version": "1.0.0-beta.2", | ||
"version": "1.0.0-beta.3", | ||
"description": "Interact with your audience, add a live poll to your presentation", | ||
@@ -5,0 +5,0 @@ "main": "dist/index.js", |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
1575610
33539