22 | View source to see: 23 |
24 | 25 |32 | poll-party on GitHub → 33 |
34 | 35 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2023 PartyKit, inc. 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /stencil.config.ts: -------------------------------------------------------------------------------- 1 | import { Config } from "@stencil/core"; 2 | import { sass } from "@stencil/sass"; 3 | import tailwind, { 4 | tailwindHMR, 5 | setPluginConfigurationDefaults, 6 | } from "stencil-tailwind-plugin"; 7 | import tailwindcss from "tailwindcss"; 8 | import tailwindConf from "./tailwind.config"; 9 | import autoprefixer from "autoprefixer"; 10 | 11 | setPluginConfigurationDefaults({ 12 | tailwindConf, 13 | tailwindCssPath: "./src/styles/tailwind.css", 14 | postcss: { 15 | plugins: [tailwindcss(), autoprefixer()], 16 | }, 17 | }); 18 | 19 | export const config: Config = { 20 | namespace: "poll-party", 21 | plugins: [sass(), tailwind(), tailwindHMR()], 22 | devServer: { 23 | reloadStrategy: "pageReload", 24 | }, 25 | outputTargets: [ 26 | { 27 | type: "dist", 28 | esmLoaderPath: "../loader", 29 | }, 30 | { 31 | type: "dist-custom-elements", 32 | }, 33 | { 34 | type: "docs-readme", 35 | }, 36 | { 37 | type: "www", 38 | serviceWorker: null, // disable service workers 39 | }, 40 | ], 41 | testing: { 42 | browserHeadless: "new", 43 | }, 44 | }; 45 | -------------------------------------------------------------------------------- /partykit/polls.ts: -------------------------------------------------------------------------------- 1 | import type * as Party from "partykit/server"; 2 | 3 | // room ID is completely arbitrary for this partyserver. 4 | // For the client, room is the object-hash of the questions and options. 5 | // But for us, it's just a string, and what we'll store a tally of id/votes against. 6 | 7 | type Votes = { 8 | [option: string]: number; 9 | }; 10 | 11 | export default class PollParty implements Party.Server { 12 | votes: Votes = {}; 13 | 14 | constructor(public party: Party.Party) {} 15 | 16 | async onStart() { 17 | this.votes = (await this.party.storage.get("votes")) || {}; 18 | } 19 | 20 | async onConnect(connection: Party.Connection) { 21 | const msg = { 22 | type: "sync", 23 | votes: this.votes, 24 | }; 25 | connection.send(JSON.stringify(msg)); 26 | } 27 | 28 | async onMessage(message: string) { 29 | const msg = JSON.parse(message); 30 | if (msg.type === "vote") { 31 | const { option } = msg; 32 | this.votes[option] = (parseInt(`${this.votes[option]}`) || 0) + 1; 33 | this.party.broadcast(JSON.stringify({ type: "sync", votes: this.votes })); 34 | await this.party.storage.put("votes", this.votes); 35 | } 36 | } 37 | } 38 | -------------------------------------------------------------------------------- /src/components.d.ts: -------------------------------------------------------------------------------- 1 | /* eslint-disable */ 2 | /* tslint:disable */ 3 | /** 4 | * This is an autogenerated file created by the Stencil compiler. 5 | * It contains typing information for all components that exist in this project. 6 | */ 7 | import { HTMLStencilElement, JSXBase } from "@stencil/core/internal"; 8 | export namespace Components { 9 | interface PollParty { 10 | "host": string; 11 | "party": string | null; 12 | } 13 | } 14 | declare global { 15 | interface HTMLPollPartyElement extends Components.PollParty, HTMLStencilElement { 16 | } 17 | var HTMLPollPartyElement: { 18 | prototype: HTMLPollPartyElement; 19 | new (): HTMLPollPartyElement; 20 | }; 21 | interface HTMLElementTagNameMap { 22 | "poll-party": HTMLPollPartyElement; 23 | } 24 | } 25 | declare namespace LocalJSX { 26 | interface PollParty { 27 | "host"?: string; 28 | "party"?: string | null; 29 | } 30 | interface IntrinsicElements { 31 | "poll-party": PollParty; 32 | } 33 | } 34 | export { LocalJSX as JSX }; 35 | declare module "@stencil/core" { 36 | export namespace JSX { 37 | interface IntrinsicElements { 38 | "poll-party": LocalJSX.PollParty & JSXBase.HTMLAttributes| {desc} | 130 |131 | {votes} 132 | | 133 |134 | 142 | | 143 |