touch-coop 3.0.0 → 4.0.0

package/README.md

@@ -23,13 +23,15 @@ TouchCoop is powered by [PeerJS](https://peerjs.com/), which provides a simple A
 
 ```ts
 // Example: Using a custom PeerJS server
+import { Match, Player } from "touch-coop";
 const customPeerConfig = {
-  host: 'your-peerjs-server.com',
-  port: 9000,
-  path: '/peerjs'
+    host: 'your-peerjs-server.com',
+    port: 9000,
+    path: '/peerjs'
 };
 
-const match = new Match(gamePadURL, handlePlayerEvent, customPeerConfig);
+const match = new Match();
+await match.createLobby(gamePadURL, handlePlayerEvent, customPeerConfig);
 const player = new Player(customPeerConfig);
 ```
 
@@ -48,54 +50,56 @@ The library expects your game to use the `Match` and `Player` classes. Your game
 The main game page hosts the game and creates a `Match` instance. This page uses `createLobby()` to generate a QR code that players can scan to join the game.
 
 ```ts
-import { Match, PlayerEvent } from "touch-coop";
-import { useCallback, useState } from "react";
+import { Match, type PlayerEvent } from "touch-coop";
+
+// PlayerEvent type:
+// type PlayerEvent =
+//   | { action: "JOIN" | "LEAVE"; playerId: string; playerName: string; timestamp: number; }
+//   | { action: "MOVE"; playerId: string; playerName: string; button: string; timestamp: number; }
 
 const gamePadURL = "http://localhost:8080/demos/gamepad";
 
 function handlePlayerEvent(event: PlayerEvent) {
     switch (event.action) {
         case "JOIN":
-            console.log(
-                `Player ${event.playerId} ${event.playerName} joined the game.`
-            );
+            console.log(`Player ${event.playerId} ${event.playerName} joined the game.`);
             break;
         case "LEAVE":
-            console.log(
-                `Player ${event.playerId} ${event.playerName} left the game.`
-            );
+            console.log(`Player ${event.playerId} ${event.playerName} left the game.`);
             break;
         case "MOVE":
-            console.log(
-                `Player ${event.playerId} ${event.playerName} pressed ${event.button}`
-            );
+            console.log(`Player ${event.playerId} ${event.playerName} pressed ${event.button}`);
             break;
-        }
+    }
 }
 
 export function Lobby() {
-    const [dataUrl, setDataUrl] = React.useState<string | null>(null);
-    const createLobby = useCallback(() => {
+    const [lobby, setLobby] = React.useState<{
+        dataUrl: string;
+        shareURL: string;
+    } | null>(null);
+
+    React.useEffect(() => {
         (async () => {
-            const match = new Match(
-                gamePadURL,
-                handlePlayerEvent
-            );
-            const { dataUrl } = await match.createLobby();
-            setDataUrl(dataUrl);
+            if (lobby === null) {
+                const match = new Match();
+                const { dataUrl, shareURL } = await match.createLobby(
+                    gamePadURL, handlePlayerEvent
+                );
+                setLobby({ dataUrl, shareURL });
+            }
         })();
-    }, []);
+    }, [lobby]);
 
-    return dataUrl === null ? (
+    return lobby === null ? (
         <div>
-            <button onClick={createLobby}>
-                Create Lobby
-            </button>
+            <button onClick={() => setLobby(null)}>Create Lobby</button>
         </div>
-    ) :(
+    ) : (
         <div>
             <p>Scan the QR code below to join the game:</p>
-            <img src={dataUrl} alt="GamePad QR Code" />
+            <img src={lobby.dataUrl} alt="GamePad QR Code" />
+            <a href={lobby.shareURL} target="_blank" rel="noopener noreferrer">Join</a>
         </div>
     );
 }
@@ -115,54 +119,82 @@ export default function GamePad() {
     const [loading, setLoading] = React.useState(true);
 
     React.useEffect(() => {
-        (async () => {
-            const playerName = prompt("Enter your player name:");
-            await player.joinMatch(playerName);
-                setLoading(false);
-            })();
-    }, []);
-
-    if (loading) {
-        return <div>Loading…</div>;
-    }
-
-    return (
-        <div>
-            <button onClick={() => player.sendMove("up")}>
-                Up
-            </button>
-            <button onClick={() => player.sendMove("down")}>
-                Down
-            </button>
-            <button onClick={() => player.sendMove("left")}>
-                Left
-            </button>
-            <button onClick={() => player.sendMove("right")}>
-                Right
-            </button>
-            <button onClick={() => player.sendMove("A")}>
-                A
-            </button>
-            <button onClick={() => player.sendMove("B")}>
-                B
-            </button>
-            <button onClick={() => player.sendMove("X")}>
-                X
-            </button>
-            <button onClick={() => player.sendMove("Y")}>
-                Y
-            </button>
-        </div>
-    );
-}
-```
-
-## Live Demo
+        ```ts
+        import React from "react";
+        import { Player } from "touch-coop";
+
+        const player = new Player();
+
+        export default function GamePad() {
+            const [loading, setLoading] = React.useState(true);
+
+            React.useEffect(() => {
+                (async () => {
+                    const playerName = prompt("Enter your player name:") || "Player";
+                    await player.joinMatch(playerName);
+                    setLoading(false);
+                })();
+            }, []);
+
+            if (loading) {
+                return <div>Loading…</div>;
+            }
+
+            return (
+                <div>
+                    <button onClick={() => player.sendMove("up")}>Up</button>
+                    <button onClick={() => player.sendMove("down")}>Down</button>
+                    <button onClick={() => player.sendMove("left")}>Left</button>
+                    <button onClick={() => player.sendMove("right")}>Right</button>
+                    <button onClick={() => player.sendMove("A")}>A</button>
+                    <button onClick={() => player.sendMove("B")}>B</button>
+                    <button onClick={() => player.sendMove("X")}>X</button>
+                    <button onClick={() => player.sendMove("Y")}>Y</button>
+                </div>
+            );
+        }
+        ```
 
 You can try a live demo of TouchCoop at [https://SlaneyEE.github.io/touch-coop/demos/match.html](https://SlaneyEE.github.io/touch-coop/demos/match.html).
 
-The demo contains a simple game where players can join by scaning a QR Code and use their mobile devices as controllers. Each player can use the on-screen buttons to send input events to the game.
+The demo contains a simple game where players can join by scanning a QR Code and use their mobile devices as controllers. Each player can use the on-screen buttons to send input events to the game.
 
 The game page is [./demos/match.html](./demos/match.html). The QR code redirects players to [./demos/gamepad/index.html](./demos/gamepad/index.html).
 
 You need to run a local server to host the demo files. You can use a simple HTTP server like `http-server` or `live-server` to serve the files from the `root` directory and then access `http://localhost:8080/demos/match.html` in your browser.
+
+---
+
+### Match PUBLIC API (v3)
+
+#### PlayerEvent type
+
+```ts
+type PlayerEvent =
+    | { action: "JOIN" | "LEAVE"; playerId: string; playerName: string; timestamp: number; }
+    | { action: "MOVE"; playerId: string; playerName: string; button: string; timestamp: number; };
+```
+
+#### Match constructor
+
+```ts
+new Match(gamepadUiUrl: string, onPlayerEvent: (event: PlayerEvent) => void)
+```
+
+#### createLobby
+
+```ts
+async createLobby(peerConfig?: Peer.PeerOptions): Promise<{ dataUrl: string; shareURL: string; }>
+```
+
+#### getInvitationStatus
+
+```ts
+getInvitationStatus(playerId: string): boolean | undefined
+```
+
+#### destroy
+
+```ts
+destroy(): void
+```

package/demos/match.html

@@ -22,21 +22,7 @@
     <div id="players-container"></div>
     <script src="../dist/index.global.js"></script>
     <script>
-      const players = {}; // playerId -> { div, textarea }
-
-      function createLobby() {
-        const lobbyDiv = document.getElementById('lobby-qr');
-        lobbyDiv.style.display = 'block';
-        lobbyDiv.innerHTML = 'Loading...';
-        match.createLobby().then(({ dataUrl, shareURL }) => {
-          lobbyDiv.innerHTML = `
-            <img class='qr' src='${dataUrl}' alt='QR Code' /><br>
-            <a href='${shareURL}' target='_blank' style='color: white;'>Connect</a>
-          `;
-        }).catch(err => {
-          lobbyDiv.innerHTML = `<span style='color:red;'>Error: ${err.message}</span>`;
-        });
-      }
+      const players = {};
 
       function handlePlayerEvent(event) {
         const playerId = event.playerId;
@@ -90,10 +76,23 @@
         }
       }
 
-      const match = new TouchCoop.Match(
-        "http://localhost:8080/demos/gamepad",
-        handlePlayerEvent
-      );
+      function createLobby() {
+        const match = new TouchCoop.Match();
+        const lobbyDiv = document.getElementById('lobby-qr');
+        lobbyDiv.style.display = 'block';
+        lobbyDiv.innerHTML = 'Loading...';
+        match.createLobby(
+          "http://localhost:8080/demos/gamepad",
+          handlePlayerEvent
+        ).then(({ dataUrl, shareURL }) => {
+          lobbyDiv.innerHTML = `
+            <img class='qr' src='${dataUrl}' alt='QR Code' /><br>
+            <a href='${shareURL}' target='_blank' style='color: white;'>Connect</a>
+          `;
+        }).catch(err => {
+          lobbyDiv.innerHTML = `<span style='color:red;'>Error: ${err.message}</span>`;
+        });
+      }
     </script>
   </body>
 </html>

package/dist/index.cjs

@@ -45,4 +45,4 @@ Make sure your charset is UTF-8`);s=(s>>>8&255)*192+(s&255),t.put(s,13)}},je=n,j
 The chosen QR Code version cannot contain this amount of data.
 Minimum version required to store current data is: `+C+`.
 `);const T=E(S,v,P),b=r.getSymbolSize(S),x=new t(b);return h(x,S),g(x),_(x,S),k(x,v,0),S>=7&&M(x,S),I(x,T),isNaN(m)&&(m=o.getBestMask(x,k.bind(null,x,v))),o.applyMask(m,x),k(x,v,m),{modules:x,version:S,errorCorrectionLevel:v,maskPattern:m,segments:P}}return Te.create=function(S,v){if(typeof S>"u"||S==="")throw new Error("No input text");let m=e.M,P,C;return typeof v<"u"&&(m=e.from(v.errorCorrectionLevel,e.M),P=f.from(v.version),C=o.from(v.maskPattern),v.toSJISFunc&&r.setToSJISFunction(v.toSJISFunc)),A(S,P,m,C)},Te}var we={},Ve={},jt;function Nn(){return jt||(jt=1,(function(r){function e(n){if(typeof n=="number"&&(n=n.toString()),typeof n!="string")throw new Error("Color should be defined as hex string");let t=n.slice().replace("#","").split("");if(t.length<3||t.length===5||t.length>8)throw new Error("Invalid hex color: "+n);(t.length===3||t.length===4)&&(t=Array.prototype.concat.apply([],t.map(function(s){return[s,s]}))),t.length===6&&t.push("F","F");const i=parseInt(t.join(""),16);return{r:i>>24&255,g:i>>16&255,b:i>>8&255,a:i&255,hex:"#"+t.slice(0,6).join("")}}r.getOptions=function(t){t||(t={}),t.color||(t.color={});const i=typeof t.margin>"u"||t.margin===null||t.margin<0?4:t.margin,s=t.width&&t.width>=21?t.width:void 0,o=t.scale||4;return{width:s,scale:s?4:o,margin:i,color:{dark:e(t.color.dark||"#000000ff"),light:e(t.color.light||"#ffffffff")},type:t.type,rendererOpts:t.rendererOpts||{}}},r.getScale=function(t,i){return i.width&&i.width>=t+i.margin*2?i.width/(t+i.margin*2):i.scale},r.getImageWidth=function(t,i){const s=r.getScale(t,i);return Math.floor((t+i.margin*2)*s)},r.qrToImageData=function(t,i,s){const o=i.modules.size,a=i.modules.data,c=r.getScale(o,s),f=Math.floor((o+s.margin*2)*c),u=s.margin*c,l=[s.color.light,s.color.dark];for(let d=0;d<f;d++)for(let h=0;h<f;h++){let g=(d*f+h)*4,_=s.color.light;if(d>=u&&h>=u&&d<f-u&&h<f-u){const M=Math.floor((d-u)/c),k=Math.floor((h-u)/c);_=l[a[M*o+k]?1:0]}t[g++]=_.r,t[g++]=_.g,t[g++]=_.b,t[g]=_.a}}})(Ve)),Ve}var zt;function Dr(){return zt||(zt=1,(function(r){const e=Nn();function n(i,s,o){i.clearRect(0,0,s.width,s.height),s.style||(s.style={}),s.height=o,s.width=o,s.style.height=o+"px",s.style.width=o+"px"}function t(){try{return document.createElement("canvas")}catch{throw new Error("You need to specify a canvas element")}}r.render=function(s,o,a){let c=a,f=o;typeof c>"u"&&(!o||!o.getContext)&&(c=o,o=void 0),o||(f=t()),c=e.getOptions(c);const u=e.getImageWidth(s.modules.size,c),l=f.getContext("2d"),d=l.createImageData(u,u);return e.qrToImageData(d.data,s,c),n(l,f,u),l.putImageData(d,0,0),f},r.renderToDataURL=function(s,o,a){let c=a;typeof c>"u"&&(!o||!o.getContext)&&(c=o,o=void 0),c||(c={});const f=r.render(s,o,c),u=c.type||"image/png",l=c.rendererOpts||{};return f.toDataURL(u,l.quality)}})(we)),we}var qe={},wt;function Mr(){if(wt)return qe;wt=1;const r=Nn();function e(i,s){const o=i.a/255,a=s+'="'+i.hex+'"';return o<1?a+" "+s+'-opacity="'+o.toFixed(2).slice(1)+'"':a}function n(i,s,o){let a=i+s;return typeof o<"u"&&(a+=" "+o),a}function t(i,s,o){let a="",c=0,f=!1,u=0;for(let l=0;l<i.length;l++){const d=Math.floor(l%s),h=Math.floor(l/s);!d&&!f&&(f=!0),i[l]?(u++,l>0&&d>0&&i[l-1]||(a+=f?n("M",d+o,.5+h+o):n("m",c,0),c=0,f=!1),d+1<s&&i[l+1]||(a+=n("h",u),u=0)):c++}return a}return qe.render=function(s,o,a){const c=r.getOptions(o),f=s.modules.size,u=s.modules.data,l=f+c.margin*2,d=c.color.light.a?"<path "+e(c.color.light,"fill")+' d="M0 0h'+l+"v"+l+'H0z"/>':"",h="<path "+e(c.color.dark,"stroke")+' d="'+t(u,f,c.margin)+'"/>',g='viewBox="0 0 '+l+" "+l+'"',M='<svg xmlns="http://www.w3.org/2000/svg" '+(c.width?'width="'+c.width+'" height="'+c.width+'" ':"")+g+' shape-rendering="crispEdges">'+d+h+`</svg>
-`;return typeof a=="function"&&a(null,M),M},qe}var Vt;function Ar(){if(Vt)return Q;Vt=1;const r=dr(),e=Ir(),n=Dr(),t=Mr();function i(s,o,a,c,f){const u=[].slice.call(arguments,1),l=u.length,d=typeof u[l-1]=="function";if(!d&&!r())throw new Error("Callback required as last argument");if(d){if(l<2)throw new Error("Too few arguments provided");l===2?(f=a,a=o,o=c=void 0):l===3&&(o.getContext&&typeof f>"u"?(f=c,c=void 0):(f=c,c=a,a=o,o=void 0))}else{if(l<1)throw new Error("Too few arguments provided");return l===1?(a=o,o=c=void 0):l===2&&!o.getContext&&(c=a,a=o,o=void 0),new Promise(function(h,g){try{const _=e.create(a,c);h(s(_,o,c))}catch(_){g(_)}})}try{const h=e.create(a,c);f(null,s(h,o,c))}catch(h){f(h)}}return Q.create=e.create,Q.toCanvas=i.bind(null,n.render),Q.toDataURL=i.bind(null,n.renderToDataURL),Q.toString=i.bind(null,function(s,o,a){return t.render(s,a)}),Q}var Lr=Ar();const Br=Rn(Lr);class Or{constructor(e,n,t){this._playerConnections=new Map,this._invitationAccepted=new Map,this._connectionToPlayerId=new Map,this._playerNames=new Map,this._onPlayerEvent=null,this._onPlayerEvent=n,this._gamepadUiUrl=e,this._peer=t?new he(t):new he,this._peer.on("open",i=>{console.log(`Host PeerJS ID: ${i}`)}),this._peer.on("connection",i=>{i.on("open",()=>{console.log(`Connection open for PeerJS ID: ${i.peer}`)}),i.on("data",s=>{if(this._onPlayerEvent){let o;if(typeof s=="string")try{o=JSON.parse(s)}catch{console.warn("Invalid JSON from player",i.peer,s);return}else if(typeof s=="object"&&s!==null)o=s;else{console.warn("Unexpected data type from player",i.peer,s);return}let a;if("playerId"in o&&typeof o.playerId=="string"&&(a=o.playerId),a===void 0){console.warn("Malformed event from player",i.peer,o);return}o.playerId=a,"action"in o&&"timestamp"in o?(o.action==="JOIN"&&(this._playerConnections.set(o.playerId,i),this._invitationAccepted.set(o.playerId,!0),this._connectionToPlayerId.set(i,o.playerId),this._playerNames.set(o.playerId,o.playerName)),o.action==="MOVE"&&(o.playerName=this._playerNames.get(o.playerId)||""),this._onPlayerEvent(o)):console.warn("Malformed event from player",i.peer,o)}}),i.on("close",()=>{const s=this._connectionToPlayerId.get(i);if(s!==void 0){this._playerConnections.delete(s),this._invitationAccepted.delete(s),this._connectionToPlayerId.delete(i);const o=this._playerNames.get(s)||"";this._playerNames.delete(s),this._onPlayerEvent&&this._onPlayerEvent({playerId:s,action:"LEAVE",playerName:o,timestamp:Date.now()}),console.log(`Player ${s} disconnected`)}else console.log(`Connection closed for unknown player (PeerJS ID: ${i.peer})`)}),i.on("error",s=>{const o=this._connectionToPlayerId.get(i);o!==void 0?(console.error(`Connection error for player ${o}:`,s),this._playerConnections.delete(o),this._invitationAccepted.delete(o),this._connectionToPlayerId.delete(i),this._playerNames.delete(o)):console.error(`Connection error for unknown player (PeerJS ID: ${i.peer}):`,s)})}),this._peer.on("error",i=>{console.error("PeerJS error:",i)})}async createLobby(){return new Promise((e,n)=>{if(this._peer.destroyed||!this._peer.open)return n(new Error("Host Peer is not open or has been destroyed"));const t=this._peer.id;if(!t)return n(new Error("Host Peer ID not yet assigned"));const i=`${this._gamepadUiUrl}?hostPeerId=${encodeURIComponent(t)}`;Br.toDataURL(i,{errorCorrectionLevel:"M"},(s,o)=>{if(s)return n(s);e({dataUrl:o,shareURL:i})})})}getInvitationStatus(e){return this._invitationAccepted.get(e)}destroy(){for(const e of this._playerConnections.keys())this._invitationAccepted.delete(e);this._playerConnections.clear(),this._invitationAccepted.clear(),this._connectionToPlayerId.clear(),this._playerNames.clear(),this._peer.destroy()}}exports.Match=Or;exports.Player=lr;
+`;return typeof a=="function"&&a(null,M),M},qe}var Vt;function Ar(){if(Vt)return Q;Vt=1;const r=dr(),e=Ir(),n=Dr(),t=Mr();function i(s,o,a,c,f){const u=[].slice.call(arguments,1),l=u.length,d=typeof u[l-1]=="function";if(!d&&!r())throw new Error("Callback required as last argument");if(d){if(l<2)throw new Error("Too few arguments provided");l===2?(f=a,a=o,o=c=void 0):l===3&&(o.getContext&&typeof f>"u"?(f=c,c=void 0):(f=c,c=a,a=o,o=void 0))}else{if(l<1)throw new Error("Too few arguments provided");return l===1?(a=o,o=c=void 0):l===2&&!o.getContext&&(c=a,a=o,o=void 0),new Promise(function(h,g){try{const _=e.create(a,c);h(s(_,o,c))}catch(_){g(_)}})}try{const h=e.create(a,c);f(null,s(h,o,c))}catch(h){f(h)}}return Q.create=e.create,Q.toCanvas=i.bind(null,n.render),Q.toDataURL=i.bind(null,n.renderToDataURL),Q.toString=i.bind(null,function(s,o,a){return t.render(s,a)}),Q}var Lr=Ar();const Br=Rn(Lr);class Or{constructor(){this._peer=null,this._playerConnections=new Map,this._invitationAccepted=new Map,this._connectionToPlayerId=new Map,this._playerNames=new Map,this._onPlayerEvent=null,this._gamepadUiUrl=null}async createLobby(e,n,t){return new Promise((i,s)=>{this._onPlayerEvent=n,this._gamepadUiUrl=e,this._peer=t?new he(t):new he,this._peer.on("open",o=>{if(console.log(`Host PeerJS ID: ${o}`),!o)return s(new Error("Host Peer ID not yet assigned"));const a=`${this._gamepadUiUrl}?hostPeerId=${encodeURIComponent(o)}`;Br.toDataURL(a,{errorCorrectionLevel:"M"},(c,f)=>{if(c)return s(c);i({dataUrl:f,shareURL:a})})}),this._peer.on("connection",o=>{o.on("open",()=>{console.log(`Connection open for PeerJS ID: ${o.peer}`)}),o.on("data",a=>{if(this._onPlayerEvent){let c;if(typeof a=="string")try{c=JSON.parse(a)}catch{console.warn("Invalid JSON from player",o.peer,a);return}else if(typeof a=="object"&&a!==null)c=a;else{console.warn("Unexpected data type from player",o.peer,a);return}let f;if("playerId"in c&&typeof c.playerId=="string"&&(f=c.playerId),f===void 0){console.warn("Malformed event from player",o.peer,c);return}c.playerId=f,"action"in c&&"timestamp"in c?(c.action==="JOIN"&&(this._playerConnections.set(c.playerId,o),this._invitationAccepted.set(c.playerId,!0),this._connectionToPlayerId.set(o,c.playerId),this._playerNames.set(c.playerId,c.playerName)),c.action==="MOVE"&&(c.playerName=this._playerNames.get(c.playerId)||""),this._onPlayerEvent(c)):console.warn("Malformed event from player",o.peer,c)}}),o.on("close",()=>{const a=this._connectionToPlayerId.get(o);if(a!==void 0){this._playerConnections.delete(a),this._invitationAccepted.delete(a),this._connectionToPlayerId.delete(o);const c=this._playerNames.get(a)||"";this._playerNames.delete(a),this._onPlayerEvent&&this._onPlayerEvent({playerId:a,action:"LEAVE",playerName:c,timestamp:Date.now()}),console.log(`Player ${a} disconnected`)}else console.log(`Connection closed for unknown player (PeerJS ID: ${o.peer})`)}),o.on("error",a=>{const c=this._connectionToPlayerId.get(o);c!==void 0?(console.error(`Connection error for player ${c}:`,a),this._playerConnections.delete(c),this._invitationAccepted.delete(c),this._connectionToPlayerId.delete(o),this._playerNames.delete(c)):console.error(`Connection error for unknown player (PeerJS ID: ${o.peer}):`,a)})}),this._peer.on("error",o=>{console.error("PeerJS error:",o)})})}getInvitationStatus(e){return this._invitationAccepted.get(e)}destroy(){for(const e of this._playerConnections.keys())this._invitationAccepted.delete(e);this._playerConnections.clear(),this._invitationAccepted.clear(),this._connectionToPlayerId.clear(),this._playerNames.clear(),this._peer&&(this._peer.destroy(),this._peer=null)}}exports.Match=Or;exports.Player=lr;

package/dist/index.global.js

@@ -45,4 +45,4 @@ Make sure your charset is UTF-8`);s=(s>>>8&255)*192+(s&255),t.put(s,13)}},Qe=n,Q
 The chosen QR Code version cannot contain this amount of data.
 Minimum version required to store current data is: `+C+`.
 `);const T=E(S,v,P),b=r.getSymbolSize(S),x=new t(b);return h(x,S),g(x),_(x,S),k(x,v,0),S>=7&&M(x,S),I(x,T),isNaN(m)&&(m=o.getBestMask(x,k.bind(null,x,v))),o.applyMask(m,x),k(x,v,m),{modules:x,version:S,errorCorrectionLevel:v,maskPattern:m,segments:P}}return Ae.create=function(S,v){if(typeof S>"u"||S==="")throw new Error("No input text");let m=e.M,P,C;return typeof v<"u"&&(m=e.from(v.errorCorrectionLevel,e.M),P=f.from(v.version),C=o.from(v.maskPattern),v.toSJISFunc&&r.setToSJISFunction(v.toSJISFunc)),A(S,P,m,C)},Ae}var Xe={},Ze={},Dn;function Mn(){return Dn||(Dn=1,(function(r){function e(n){if(typeof n=="number"&&(n=n.toString()),typeof n!="string")throw new Error("Color should be defined as hex string");let t=n.slice().replace("#","").split("");if(t.length<3||t.length===5||t.length>8)throw new Error("Invalid hex color: "+n);(t.length===3||t.length===4)&&(t=Array.prototype.concat.apply([],t.map(function(s){return[s,s]}))),t.length===6&&t.push("F","F");const i=parseInt(t.join(""),16);return{r:i>>24&255,g:i>>16&255,b:i>>8&255,a:i&255,hex:"#"+t.slice(0,6).join("")}}r.getOptions=function(t){t||(t={}),t.color||(t.color={});const i=typeof t.margin>"u"||t.margin===null||t.margin<0?4:t.margin,s=t.width&&t.width>=21?t.width:void 0,o=t.scale||4;return{width:s,scale:s?4:o,margin:i,color:{dark:e(t.color.dark||"#000000ff"),light:e(t.color.light||"#ffffffff")},type:t.type,rendererOpts:t.rendererOpts||{}}},r.getScale=function(t,i){return i.width&&i.width>=t+i.margin*2?i.width/(t+i.margin*2):i.scale},r.getImageWidth=function(t,i){const s=r.getScale(t,i);return Math.floor((t+i.margin*2)*s)},r.qrToImageData=function(t,i,s){const o=i.modules.size,a=i.modules.data,c=r.getScale(o,s),f=Math.floor((o+s.margin*2)*c),u=s.margin*c,l=[s.color.light,s.color.dark];for(let d=0;d<f;d++)for(let h=0;h<f;h++){let g=(d*f+h)*4,_=s.color.light;if(d>=u&&h>=u&&d<f-u&&h<f-u){const M=Math.floor((d-u)/c),k=Math.floor((h-u)/c);_=l[a[M*o+k]?1:0]}t[g++]=_.r,t[g++]=_.g,t[g++]=_.b,t[g]=_.a}}})(Ze)),Ze}var An;function xr(){return An||(An=1,(function(r){const e=Mn();function n(i,s,o){i.clearRect(0,0,s.width,s.height),s.style||(s.style={}),s.height=o,s.width=o,s.style.height=o+"px",s.style.width=o+"px"}function t(){try{return document.createElement("canvas")}catch{throw new Error("You need to specify a canvas element")}}r.render=function(s,o,a){let c=a,f=o;typeof c>"u"&&(!o||!o.getContext)&&(c=o,o=void 0),o||(f=t()),c=e.getOptions(c);const u=e.getImageWidth(s.modules.size,c),l=f.getContext("2d"),d=l.createImageData(u,u);return e.qrToImageData(d.data,s,c),n(l,f,u),l.putImageData(d,0,0),f},r.renderToDataURL=function(s,o,a){let c=a;typeof c>"u"&&(!o||!o.getContext)&&(c=o,o=void 0),c||(c={});const f=r.render(s,o,c),u=c.type||"image/png",l=c.rendererOpts||{};return f.toDataURL(u,l.quality)}})(Xe)),Xe}var et={},Ln;function Ir(){if(Ln)return et;Ln=1;const r=Mn();function e(i,s){const o=i.a/255,a=s+'="'+i.hex+'"';return o<1?a+" "+s+'-opacity="'+o.toFixed(2).slice(1)+'"':a}function n(i,s,o){let a=i+s;return typeof o<"u"&&(a+=" "+o),a}function t(i,s,o){let a="",c=0,f=!1,u=0;for(let l=0;l<i.length;l++){const d=Math.floor(l%s),h=Math.floor(l/s);!d&&!f&&(f=!0),i[l]?(u++,l>0&&d>0&&i[l-1]||(a+=f?n("M",d+o,.5+h+o):n("m",c,0),c=0,f=!1),d+1<s&&i[l+1]||(a+=n("h",u),u=0)):c++}return a}return et.render=function(s,o,a){const c=r.getOptions(o),f=s.modules.size,u=s.modules.data,l=f+c.margin*2,d=c.color.light.a?"<path "+e(c.color.light,"fill")+' d="M0 0h'+l+"v"+l+'H0z"/>':"",h="<path "+e(c.color.dark,"stroke")+' d="'+t(u,f,c.margin)+'"/>',g='viewBox="0 0 '+l+" "+l+'"',M='<svg xmlns="http://www.w3.org/2000/svg" '+(c.width?'width="'+c.width+'" height="'+c.width+'" ':"")+g+' shape-rendering="crispEdges">'+d+h+`</svg>
-`;return typeof a=="function"&&a(null,M),M},et}var Bn;function Dr(){if(Bn)return Q;Bn=1;const r=ur(),e=Er(),n=xr(),t=Ir();function i(s,o,a,c,f){const u=[].slice.call(arguments,1),l=u.length,d=typeof u[l-1]=="function";if(!d&&!r())throw new Error("Callback required as last argument");if(d){if(l<2)throw new Error("Too few arguments provided");l===2?(f=a,a=o,o=c=void 0):l===3&&(o.getContext&&typeof f>"u"?(f=c,c=void 0):(f=c,c=a,a=o,o=void 0))}else{if(l<1)throw new Error("Too few arguments provided");return l===1?(a=o,o=c=void 0):l===2&&!o.getContext&&(c=a,a=o,o=void 0),new Promise(function(h,g){try{const _=e.create(a,c);h(s(_,o,c))}catch(_){g(_)}})}try{const h=e.create(a,c);f(null,s(h,o,c))}catch(h){f(h)}}return Q.create=e.create,Q.toCanvas=i.bind(null,n.render),Q.toDataURL=i.bind(null,n.renderToDataURL),Q.toString=i.bind(null,function(s,o,a){return t.render(s,a)}),Q}var Mr=Dr();const Ar=qt(Mr);class Lr{constructor(e,n,t){this._playerConnections=new Map,this._invitationAccepted=new Map,this._connectionToPlayerId=new Map,this._playerNames=new Map,this._onPlayerEvent=null,this._onPlayerEvent=n,this._gamepadUiUrl=e,this._peer=t?new he(t):new he,this._peer.on("open",i=>{console.log(`Host PeerJS ID: ${i}`)}),this._peer.on("connection",i=>{i.on("open",()=>{console.log(`Connection open for PeerJS ID: ${i.peer}`)}),i.on("data",s=>{if(this._onPlayerEvent){let o;if(typeof s=="string")try{o=JSON.parse(s)}catch{console.warn("Invalid JSON from player",i.peer,s);return}else if(typeof s=="object"&&s!==null)o=s;else{console.warn("Unexpected data type from player",i.peer,s);return}let a;if("playerId"in o&&typeof o.playerId=="string"&&(a=o.playerId),a===void 0){console.warn("Malformed event from player",i.peer,o);return}o.playerId=a,"action"in o&&"timestamp"in o?(o.action==="JOIN"&&(this._playerConnections.set(o.playerId,i),this._invitationAccepted.set(o.playerId,!0),this._connectionToPlayerId.set(i,o.playerId),this._playerNames.set(o.playerId,o.playerName)),o.action==="MOVE"&&(o.playerName=this._playerNames.get(o.playerId)||""),this._onPlayerEvent(o)):console.warn("Malformed event from player",i.peer,o)}}),i.on("close",()=>{const s=this._connectionToPlayerId.get(i);if(s!==void 0){this._playerConnections.delete(s),this._invitationAccepted.delete(s),this._connectionToPlayerId.delete(i);const o=this._playerNames.get(s)||"";this._playerNames.delete(s),this._onPlayerEvent&&this._onPlayerEvent({playerId:s,action:"LEAVE",playerName:o,timestamp:Date.now()}),console.log(`Player ${s} disconnected`)}else console.log(`Connection closed for unknown player (PeerJS ID: ${i.peer})`)}),i.on("error",s=>{const o=this._connectionToPlayerId.get(i);o!==void 0?(console.error(`Connection error for player ${o}:`,s),this._playerConnections.delete(o),this._invitationAccepted.delete(o),this._connectionToPlayerId.delete(i),this._playerNames.delete(o)):console.error(`Connection error for unknown player (PeerJS ID: ${i.peer}):`,s)})}),this._peer.on("error",i=>{console.error("PeerJS error:",i)})}async createLobby(){return new Promise((e,n)=>{if(this._peer.destroyed||!this._peer.open)return n(new Error("Host Peer is not open or has been destroyed"));const t=this._peer.id;if(!t)return n(new Error("Host Peer ID not yet assigned"));const i=`${this._gamepadUiUrl}?hostPeerId=${encodeURIComponent(t)}`;Ar.toDataURL(i,{errorCorrectionLevel:"M"},(s,o)=>{if(s)return n(s);e({dataUrl:o,shareURL:i})})})}getInvitationStatus(e){return this._invitationAccepted.get(e)}destroy(){for(const e of this._playerConnections.keys())this._invitationAccepted.delete(e);this._playerConnections.clear(),this._invitationAccepted.clear(),this._connectionToPlayerId.clear(),this._playerNames.clear(),this._peer.destroy()}}return re.Match=Lr,re.Player=fr,Object.defineProperty(re,Symbol.toStringTag,{value:"Module"}),re})({});
+`;return typeof a=="function"&&a(null,M),M},et}var Bn;function Dr(){if(Bn)return Q;Bn=1;const r=ur(),e=Er(),n=xr(),t=Ir();function i(s,o,a,c,f){const u=[].slice.call(arguments,1),l=u.length,d=typeof u[l-1]=="function";if(!d&&!r())throw new Error("Callback required as last argument");if(d){if(l<2)throw new Error("Too few arguments provided");l===2?(f=a,a=o,o=c=void 0):l===3&&(o.getContext&&typeof f>"u"?(f=c,c=void 0):(f=c,c=a,a=o,o=void 0))}else{if(l<1)throw new Error("Too few arguments provided");return l===1?(a=o,o=c=void 0):l===2&&!o.getContext&&(c=a,a=o,o=void 0),new Promise(function(h,g){try{const _=e.create(a,c);h(s(_,o,c))}catch(_){g(_)}})}try{const h=e.create(a,c);f(null,s(h,o,c))}catch(h){f(h)}}return Q.create=e.create,Q.toCanvas=i.bind(null,n.render),Q.toDataURL=i.bind(null,n.renderToDataURL),Q.toString=i.bind(null,function(s,o,a){return t.render(s,a)}),Q}var Mr=Dr();const Ar=qt(Mr);class Lr{constructor(){this._peer=null,this._playerConnections=new Map,this._invitationAccepted=new Map,this._connectionToPlayerId=new Map,this._playerNames=new Map,this._onPlayerEvent=null,this._gamepadUiUrl=null}async createLobby(e,n,t){return new Promise((i,s)=>{this._onPlayerEvent=n,this._gamepadUiUrl=e,this._peer=t?new he(t):new he,this._peer.on("open",o=>{if(console.log(`Host PeerJS ID: ${o}`),!o)return s(new Error("Host Peer ID not yet assigned"));const a=`${this._gamepadUiUrl}?hostPeerId=${encodeURIComponent(o)}`;Ar.toDataURL(a,{errorCorrectionLevel:"M"},(c,f)=>{if(c)return s(c);i({dataUrl:f,shareURL:a})})}),this._peer.on("connection",o=>{o.on("open",()=>{console.log(`Connection open for PeerJS ID: ${o.peer}`)}),o.on("data",a=>{if(this._onPlayerEvent){let c;if(typeof a=="string")try{c=JSON.parse(a)}catch{console.warn("Invalid JSON from player",o.peer,a);return}else if(typeof a=="object"&&a!==null)c=a;else{console.warn("Unexpected data type from player",o.peer,a);return}let f;if("playerId"in c&&typeof c.playerId=="string"&&(f=c.playerId),f===void 0){console.warn("Malformed event from player",o.peer,c);return}c.playerId=f,"action"in c&&"timestamp"in c?(c.action==="JOIN"&&(this._playerConnections.set(c.playerId,o),this._invitationAccepted.set(c.playerId,!0),this._connectionToPlayerId.set(o,c.playerId),this._playerNames.set(c.playerId,c.playerName)),c.action==="MOVE"&&(c.playerName=this._playerNames.get(c.playerId)||""),this._onPlayerEvent(c)):console.warn("Malformed event from player",o.peer,c)}}),o.on("close",()=>{const a=this._connectionToPlayerId.get(o);if(a!==void 0){this._playerConnections.delete(a),this._invitationAccepted.delete(a),this._connectionToPlayerId.delete(o);const c=this._playerNames.get(a)||"";this._playerNames.delete(a),this._onPlayerEvent&&this._onPlayerEvent({playerId:a,action:"LEAVE",playerName:c,timestamp:Date.now()}),console.log(`Player ${a} disconnected`)}else console.log(`Connection closed for unknown player (PeerJS ID: ${o.peer})`)}),o.on("error",a=>{const c=this._connectionToPlayerId.get(o);c!==void 0?(console.error(`Connection error for player ${c}:`,a),this._playerConnections.delete(c),this._invitationAccepted.delete(c),this._connectionToPlayerId.delete(o),this._playerNames.delete(c)):console.error(`Connection error for unknown player (PeerJS ID: ${o.peer}):`,a)})}),this._peer.on("error",o=>{console.error("PeerJS error:",o)})})}getInvitationStatus(e){return this._invitationAccepted.get(e)}destroy(){for(const e of this._playerConnections.keys())this._invitationAccepted.delete(e);this._playerConnections.clear(),this._invitationAccepted.clear(),this._connectionToPlayerId.clear(),this._playerNames.clear(),this._peer&&(this._peer.destroy(),this._peer=null)}}return re.Match=Lr,re.Player=fr,Object.defineProperty(re,Symbol.toStringTag,{value:"Module"}),re})({});

package/dist/index.mjs

@@ -4755,84 +4755,81 @@ function Mr() {
 var Ar = Mr();
 const Lr = /* @__PURE__ */ Rn(Ar);
 class Or {
-  constructor(e, n, t) {
-    this._playerConnections = /* @__PURE__ */ new Map(), this._invitationAccepted = /* @__PURE__ */ new Map(), this._connectionToPlayerId = /* @__PURE__ */ new Map(), this._playerNames = /* @__PURE__ */ new Map(), this._onPlayerEvent = null, this._onPlayerEvent = n, this._gamepadUiUrl = e, this._peer = t ? new he(t) : new he(), this._peer.on("open", (i) => {
-      console.log(`Host PeerJS ID: ${i}`);
-    }), this._peer.on("connection", (i) => {
-      i.on("open", () => {
-        console.log(`Connection open for PeerJS ID: ${i.peer}`);
-      }), i.on("data", (s) => {
-        if (this._onPlayerEvent) {
-          let o;
-          if (typeof s == "string")
-            try {
-              o = JSON.parse(s);
-            } catch {
-              console.warn("Invalid JSON from player", i.peer, s);
+  constructor() {
+    this._peer = null, this._playerConnections = /* @__PURE__ */ new Map(), this._invitationAccepted = /* @__PURE__ */ new Map(), this._connectionToPlayerId = /* @__PURE__ */ new Map(), this._playerNames = /* @__PURE__ */ new Map(), this._onPlayerEvent = null, this._gamepadUiUrl = null;
+  }
+  async createLobby(e, n, t) {
+    return new Promise((i, s) => {
+      this._onPlayerEvent = n, this._gamepadUiUrl = e, this._peer = t ? new he(t) : new he(), this._peer.on("open", (o) => {
+        if (console.log(`Host PeerJS ID: ${o}`), !o)
+          return s(new Error("Host Peer ID not yet assigned"));
+        const a = `${this._gamepadUiUrl}?hostPeerId=${encodeURIComponent(o)}`;
+        Lr.toDataURL(
+          a,
+          { errorCorrectionLevel: "M" },
+          (c, f) => {
+            if (c) return s(c);
+            i({
+              dataUrl: f,
+              shareURL: a
+            });
+          }
+        );
+      }), this._peer.on("connection", (o) => {
+        o.on("open", () => {
+          console.log(`Connection open for PeerJS ID: ${o.peer}`);
+        }), o.on("data", (a) => {
+          if (this._onPlayerEvent) {
+            let c;
+            if (typeof a == "string")
+              try {
+                c = JSON.parse(a);
+              } catch {
+                console.warn("Invalid JSON from player", o.peer, a);
+                return;
+              }
+            else if (typeof a == "object" && a !== null)
+              c = a;
+            else {
+              console.warn(
+                "Unexpected data type from player",
+                o.peer,
+                a
+              );
               return;
             }
-          else if (typeof s == "object" && s !== null)
-            o = s;
-          else {
-            console.warn(
-              "Unexpected data type from player",
-              i.peer,
-              s
-            );
-            return;
-          }
-          let a;
-          if ("playerId" in o && typeof o.playerId == "string" && (a = o.playerId), a === void 0) {
-            console.warn("Malformed event from player", i.peer, o);
-            return;
+            let f;
+            if ("playerId" in c && typeof c.playerId == "string" && (f = c.playerId), f === void 0) {
+              console.warn("Malformed event from player", o.peer, c);
+              return;
+            }
+            c.playerId = f, "action" in c && "timestamp" in c ? (c.action === "JOIN" && (this._playerConnections.set(c.playerId, o), this._invitationAccepted.set(c.playerId, !0), this._connectionToPlayerId.set(o, c.playerId), this._playerNames.set(c.playerId, c.playerName)), c.action === "MOVE" && (c.playerName = this._playerNames.get(c.playerId) || ""), this._onPlayerEvent(c)) : console.warn("Malformed event from player", o.peer, c);
           }
-          o.playerId = a, "action" in o && "timestamp" in o ? (o.action === "JOIN" && (this._playerConnections.set(o.playerId, i), this._invitationAccepted.set(o.playerId, !0), this._connectionToPlayerId.set(i, o.playerId), this._playerNames.set(o.playerId, o.playerName)), o.action === "MOVE" && (o.playerName = this._playerNames.get(o.playerId) || ""), this._onPlayerEvent(o)) : console.warn("Malformed event from player", i.peer, o);
-        }
-      }), i.on("close", () => {
-        const s = this._connectionToPlayerId.get(i);
-        if (s !== void 0) {
-          this._playerConnections.delete(s), this._invitationAccepted.delete(s), this._connectionToPlayerId.delete(i);
-          const o = this._playerNames.get(s) || "";
-          this._playerNames.delete(s), this._onPlayerEvent && this._onPlayerEvent({
-            playerId: s,
-            action: "LEAVE",
-            playerName: o,
-            timestamp: Date.now()
-          }), console.log(`Player ${s} disconnected`);
-        } else
-          console.log(
-            `Connection closed for unknown player (PeerJS ID: ${i.peer})`
+        }), o.on("close", () => {
+          const a = this._connectionToPlayerId.get(o);
+          if (a !== void 0) {
+            this._playerConnections.delete(a), this._invitationAccepted.delete(a), this._connectionToPlayerId.delete(o);
+            const c = this._playerNames.get(a) || "";
+            this._playerNames.delete(a), this._onPlayerEvent && this._onPlayerEvent({
+              playerId: a,
+              action: "LEAVE",
+              playerName: c,
+              timestamp: Date.now()
+            }), console.log(`Player ${a} disconnected`);
+          } else
+            console.log(
+              `Connection closed for unknown player (PeerJS ID: ${o.peer})`
+            );
+        }), o.on("error", (a) => {
+          const c = this._connectionToPlayerId.get(o);
+          c !== void 0 ? (console.error(`Connection error for player ${c}:`, a), this._playerConnections.delete(c), this._invitationAccepted.delete(c), this._connectionToPlayerId.delete(o), this._playerNames.delete(c)) : console.error(
+            `Connection error for unknown player (PeerJS ID: ${o.peer}):`,
+            a
           );
-      }), i.on("error", (s) => {
-        const o = this._connectionToPlayerId.get(i);
-        o !== void 0 ? (console.error(`Connection error for player ${o}:`, s), this._playerConnections.delete(o), this._invitationAccepted.delete(o), this._connectionToPlayerId.delete(i), this._playerNames.delete(o)) : console.error(
-          `Connection error for unknown player (PeerJS ID: ${i.peer}):`,
-          s
-        );
+        });
+      }), this._peer.on("error", (o) => {
+        console.error("PeerJS error:", o);
       });
-    }), this._peer.on("error", (i) => {
-      console.error("PeerJS error:", i);
-    });
-  }
-  async createLobby() {
-    return new Promise((e, n) => {
-      if (this._peer.destroyed || !this._peer.open)
-        return n(new Error("Host Peer is not open or has been destroyed"));
-      const t = this._peer.id;
-      if (!t)
-        return n(new Error("Host Peer ID not yet assigned"));
-      const i = `${this._gamepadUiUrl}?hostPeerId=${encodeURIComponent(t)}`;
-      Lr.toDataURL(
-        i,
-        { errorCorrectionLevel: "M" },
-        (s, o) => {
-          if (s) return n(s);
-          e({
-            dataUrl: o,
-            shareURL: i
-          });
-        }
-      );
     });
   }
   getInvitationStatus(e) {
@@ -4841,7 +4838,7 @@ class Or {
   destroy() {
     for (const e of this._playerConnections.keys())
       this._invitationAccepted.delete(e);
-    this._playerConnections.clear(), this._invitationAccepted.clear(), this._connectionToPlayerId.clear(), this._playerNames.clear(), this._peer.destroy();
+    this._playerConnections.clear(), this._invitationAccepted.clear(), this._connectionToPlayerId.clear(), this._playerNames.clear(), this._peer && (this._peer.destroy(), this._peer = null);
   }
 }
 export {

package/dist/match.d.ts

@@ -21,8 +21,7 @@ export declare class Match {
     private _playerNames;
     private _onPlayerEvent;
     private _gamepadUiUrl;
-    constructor(gamepadUiUrl: string, onPlayerEvent: OnPlayerEventHandler, peerConfig?: PeerOptions);
-    createLobby(): Promise<{
+    createLobby(gamepadUiUrl: string, onPlayerEvent: OnPlayerEventHandler, peerConfig?: PeerOptions): Promise<{
         dataUrl: string;
         shareURL: string;
     }>;

package/dist/match.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"match.d.ts","sourceRoot":"","sources":["../src/match.ts"],"names":[],"mappings":"AAAA,OAAa,EAAuB,KAAK,WAAW,EAAE,MAAM,QAAQ,CAAC;AAGrE,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,WAAW,GAAG,CAAC,cAAc,GAAG,SAAS,CAAC,GAAG,eAAe,CAAC;AAEzE,KAAK,oBAAoB,GAAG,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;AAExD,qBAAa,KAAK;IAChB,OAAO,CAAC,KAAK,CAAO;IACpB,OAAO,CAAC,kBAAkB,CAA0C;IACpE,OAAO,CAAC,mBAAmB,CAAmC;IAC9D,OAAO,CAAC,qBAAqB,CAA0C;IACvE,OAAO,CAAC,YAAY,CAAkC;IACtD,OAAO,CAAC,cAAc,CAAqC;IAC3D,OAAO,CAAC,aAAa,CAAS;gBAG5B,YAAY,EAAE,MAAM,EACpB,aAAa,EAAE,oBAAoB,EACnC,UAAU,CAAC,EAAE,WAAW;IAkHpB,WAAW,IAAI,OAAO,CAAC;QAC3B,OAAO,EAAE,MAAM,CAAC;QAChB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IA4BF,mBAAmB,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS;IAI1D,OAAO;CAUR"}
+{"version":3,"file":"match.d.ts","sourceRoot":"","sources":["../src/match.ts"],"names":[],"mappings":"AAAA,OAAa,EAAuB,KAAK,WAAW,EAAE,MAAM,QAAQ,CAAC;AAGrE,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,WAAW,GAAG,CAAC,cAAc,GAAG,SAAS,CAAC,GAAG,eAAe,CAAC;AAEzE,KAAK,oBAAoB,GAAG,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;AAExD,qBAAa,KAAK;IAChB,OAAO,CAAC,KAAK,CAAqB;IAClC,OAAO,CAAC,kBAAkB,CAA0C;IACpE,OAAO,CAAC,mBAAmB,CAAmC;IAC9D,OAAO,CAAC,qBAAqB,CAA0C;IACvE,OAAO,CAAC,YAAY,CAAkC;IACtD,OAAO,CAAC,cAAc,CAAqC;IAC3D,OAAO,CAAC,aAAa,CAAuB;IAEtC,WAAW,CACf,YAAY,EAAE,MAAM,EACpB,aAAa,EAAE,oBAAoB,EACnC,UAAU,CAAC,EAAE,WAAW,GACvB,OAAO,CAAC;QACT,OAAO,EAAE,MAAM,CAAC;QAChB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IAoIF,mBAAmB,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS;IAI1D,OAAO;CAaR"}

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "touch-coop",
-  "version": "3.0.0",
+  "version": "4.0.0",
+  "license": "MIT",
   "description": "Allow players to play couch co-op in your game using their mobile devices as controllers.",
   "keywords": [
     "couch-coop",
@@ -25,7 +26,8 @@
     "start": "http-server",
     "lint": "npx @biomejs/biome check",
     "lint-and-format": "npx @biomejs/biome check --write --unsafe",
-    "build": "vite build && tsc --emitDeclarationOnly"
+    "build": "vite build && tsc --emitDeclarationOnly",
+    "migrate": "biome migrate --write"
   },
   "devDependencies": {
     "@biomejs/biome": "^1.9.4",

package/src/match.ts

@@ -21,160 +21,151 @@ export type PlayerEvent = (JoinLeaveEvent | MoveEvent) & BasePlayerEvent;
 type OnPlayerEventHandler = (data: PlayerEvent) => void;
 
 export class Match {
-  private _peer: Peer;
+  private _peer: Peer | null = null;
   private _playerConnections: Map<string, DataConnection> = new Map();
   private _invitationAccepted: Map<string, boolean> = new Map();
   private _connectionToPlayerId: Map<DataConnection, string> = new Map();
   private _playerNames: Map<string, string> = new Map();
   private _onPlayerEvent: OnPlayerEventHandler | null = null;
-  private _gamepadUiUrl: string;
+  private _gamepadUiUrl: string | null = null;
 
-  constructor(
+  async createLobby(
     gamepadUiUrl: string,
     onPlayerEvent: OnPlayerEventHandler,
     peerConfig?: PeerOptions,
-  ) {
-    this._onPlayerEvent = onPlayerEvent;
-    this._gamepadUiUrl = gamepadUiUrl;
+  ): Promise<{
+    dataUrl: string;
+    shareURL: string;
+  }> {
+    return new Promise((resolve, reject) => {
+      this._onPlayerEvent = onPlayerEvent;
+      this._gamepadUiUrl = gamepadUiUrl;
+      this._peer = peerConfig ? new Peer(peerConfig) : new Peer();
+      this._peer.on("open", (hostId) => {
+        console.log(`Host PeerJS ID: ${hostId}`);
+
+        if (!hostId) {
+          return reject(new Error("Host Peer ID not yet assigned"));
+        }
 
-    this._peer = peerConfig ? new Peer(peerConfig) : new Peer();
+        const shareURL = `${this._gamepadUiUrl}?hostPeerId=${encodeURIComponent(hostId)}`;
 
-    this._peer.on("open", (hostId) => {
-      console.log(`Host PeerJS ID: ${hostId}`);
-    });
+        QRCode.toDataURL(
+          shareURL,
+          { errorCorrectionLevel: "M" },
+          (err, dataUrl) => {
+            if (err) return reject(err);
 
-    this._peer.on("connection", (conn: DataConnection) => {
-      conn.on("open", () => {
-        console.log(`Connection open for PeerJS ID: ${conn.peer}`);
+            resolve({
+              dataUrl,
+              shareURL,
+            });
+          },
+        );
       });
 
-      conn.on("data", (rawData: unknown) => {
-        if (this._onPlayerEvent) {
-          let eventData: PlayerEvent;
-          if (typeof rawData === "string") {
-            try {
-              eventData = JSON.parse(rawData);
-            } catch {
-              console.warn("Invalid JSON from player", conn.peer, rawData);
+      this._peer.on("connection", (conn: DataConnection) => {
+        conn.on("open", () => {
+          console.log(`Connection open for PeerJS ID: ${conn.peer}`);
+        });
+
+        conn.on("data", (rawData: unknown) => {
+          if (this._onPlayerEvent) {
+            let eventData: PlayerEvent;
+            if (typeof rawData === "string") {
+              try {
+                eventData = JSON.parse(rawData);
+              } catch {
+                console.warn("Invalid JSON from player", conn.peer, rawData);
+                return;
+              }
+            } else if (typeof rawData === "object" && rawData !== null) {
+              eventData = rawData as PlayerEvent;
+            } else {
+              console.warn(
+                "Unexpected data type from player",
+                conn.peer,
+                rawData,
+              );
               return;
             }
-          } else if (typeof rawData === "object" && rawData !== null) {
-            eventData = rawData as PlayerEvent;
-          } else {
-            console.warn(
-              "Unexpected data type from player",
-              conn.peer,
-              rawData,
-            );
-            return;
-          }
 
-          let playerId: string | undefined;
-          if (
-            "playerId" in eventData &&
-            typeof eventData.playerId === "string"
-          ) {
-            playerId = eventData.playerId;
-          }
-          if (playerId === undefined) {
-            console.warn("Malformed event from player", conn.peer, eventData);
-            return;
-          }
-          eventData.playerId = playerId;
-
-          if ("action" in eventData && "timestamp" in eventData) {
-            if (eventData.action === "JOIN") {
-              this._playerConnections.set(eventData.playerId, conn);
-              this._invitationAccepted.set(eventData.playerId, true);
-              this._connectionToPlayerId.set(conn, eventData.playerId);
-              this._playerNames.set(eventData.playerId, eventData.playerName);
+            let playerId: string | undefined;
+            if (
+              "playerId" in eventData &&
+              typeof eventData.playerId === "string"
+            ) {
+              playerId = eventData.playerId;
             }
-            if (eventData.action === "MOVE") {
-              eventData.playerName =
-                this._playerNames.get(eventData.playerId) || "";
+            if (playerId === undefined) {
+              console.warn("Malformed event from player", conn.peer, eventData);
+              return;
             }
-            this._onPlayerEvent(eventData);
+            eventData.playerId = playerId;
+
+            if ("action" in eventData && "timestamp" in eventData) {
+              if (eventData.action === "JOIN") {
+                this._playerConnections.set(eventData.playerId, conn);
+                this._invitationAccepted.set(eventData.playerId, true);
+                this._connectionToPlayerId.set(conn, eventData.playerId);
+                this._playerNames.set(eventData.playerId, eventData.playerName);
+              }
+              if (eventData.action === "MOVE") {
+                eventData.playerName =
+                  this._playerNames.get(eventData.playerId) || "";
+              }
+              this._onPlayerEvent(eventData);
+            } else {
+              console.warn("Malformed event from player", conn.peer, eventData);
+            }
+          }
+        });
+
+        conn.on("close", () => {
+          const playerId = this._connectionToPlayerId.get(conn);
+          if (playerId !== undefined) {
+            this._playerConnections.delete(playerId);
+            this._invitationAccepted.delete(playerId);
+            this._connectionToPlayerId.delete(conn);
+            const playerName = this._playerNames.get(playerId) || "";
+            this._playerNames.delete(playerId);
+            if (this._onPlayerEvent) {
+              this._onPlayerEvent({
+                playerId,
+                action: "LEAVE",
+                playerName,
+                timestamp: Date.now(),
+              });
+            }
+            console.log(`Player ${playerId} disconnected`);
           } else {
-            console.warn("Malformed event from player", conn.peer, eventData);
+            console.log(
+              `Connection closed for unknown player (PeerJS ID: ${conn.peer})`,
+            );
           }
-        }
-      });
-
-      conn.on("close", () => {
-        const playerId = this._connectionToPlayerId.get(conn);
-        if (playerId !== undefined) {
-          this._playerConnections.delete(playerId);
-          this._invitationAccepted.delete(playerId);
-          this._connectionToPlayerId.delete(conn);
-          const playerName = this._playerNames.get(playerId) || "";
-          this._playerNames.delete(playerId);
-          if (this._onPlayerEvent) {
-            this._onPlayerEvent({
-              playerId,
-              action: "LEAVE",
-              playerName,
-              timestamp: Date.now(),
-            });
+        });
+
+        conn.on("error", (err) => {
+          const playerId = this._connectionToPlayerId.get(conn);
+          if (playerId !== undefined) {
+            console.error(`Connection error for player ${playerId}:`, err);
+            this._playerConnections.delete(playerId);
+            this._invitationAccepted.delete(playerId);
+            this._connectionToPlayerId.delete(conn);
+            this._playerNames.delete(playerId);
+          } else {
+            console.error(
+              `Connection error for unknown player (PeerJS ID: ${conn.peer}):`,
+              err,
+            );
           }
-          console.log(`Player ${playerId} disconnected`);
-        } else {
-          console.log(
-            `Connection closed for unknown player (PeerJS ID: ${conn.peer})`,
-          );
-        }
+        });
       });
 
-      conn.on("error", (err) => {
-        const playerId = this._connectionToPlayerId.get(conn);
-        if (playerId !== undefined) {
-          console.error(`Connection error for player ${playerId}:`, err);
-          this._playerConnections.delete(playerId);
-          this._invitationAccepted.delete(playerId);
-          this._connectionToPlayerId.delete(conn);
-          this._playerNames.delete(playerId);
-        } else {
-          console.error(
-            `Connection error for unknown player (PeerJS ID: ${conn.peer}):`,
-            err,
-          );
-        }
+      this._peer.on("error", (err) => {
+        console.error("PeerJS error:", err);
       });
     });
-
-    this._peer.on("error", (err) => {
-      console.error("PeerJS error:", err);
-    });
-  }
-
-  async createLobby(): Promise<{
-    dataUrl: string;
-    shareURL: string;
-  }> {
-    return new Promise((resolve, reject) => {
-      if (this._peer.destroyed || !this._peer.open) {
-        return reject(new Error("Host Peer is not open or has been destroyed"));
-      }
-
-      const hostId = this._peer.id;
-      if (!hostId) {
-        return reject(new Error("Host Peer ID not yet assigned"));
-      }
-
-      const shareURL = `${this._gamepadUiUrl}?hostPeerId=${encodeURIComponent(hostId)}`;
-
-      QRCode.toDataURL(
-        shareURL,
-        { errorCorrectionLevel: "M" },
-        (err, dataUrl) => {
-          if (err) return reject(err);
-
-          resolve({
-            dataUrl,
-            shareURL,
-          });
-        },
-      );
-    });
   }
 
   getInvitationStatus(playerId: string): boolean | undefined {
@@ -189,6 +180,9 @@ export class Match {
     this._invitationAccepted.clear();
     this._connectionToPlayerId.clear();
     this._playerNames.clear();
-    this._peer.destroy();
+    if (this._peer) {
+      this._peer.destroy();
+      this._peer = null;
+    }
   }
 }