added both rocketcrab buttons

package.json

@@ -34,6 +34,7 @@
         "socket.io": "^2.3.0",
         "socket.io-client": "^2.3.0",
         "style-loader": "^1.2.1",
+        "uuid": "^8.3.0",
         "webpack": "^4.44.0",
         "webpack-cli": "^3.3.12"
     },

src/client/components/Lobby.js

@@ -17,6 +17,12 @@ export default class Lobby extends Component {
             });
         };
 
+        var requestTransferToRocketcrab = () => {
+            // TODO: disable the button after it is clicked in case there is delay
+
+            this.props.server.requestTransferToRocketcrab();
+        };
+
         // display how many more players are needed to start the game
         var playersNeededMessage = "";
         var notReady = false;
@@ -49,6 +55,13 @@ export default class Lobby extends Component {
                 <p>Players:</p>
                 <PlayerList players={this.props.players} />
                 <p>{playersNeededMessage}</p>
+                {!this.props.server.ROCKETCRAB_MODE && (
+                    <div>
+                        <SOButton onClick={requestTransferToRocketcrab}>
+                            Transfer to 🚀🦀
+                        </SOButton>
+                    </div>
+                )}
                 <div>
                     <SOButton
                         onClick={() => {

src/client/pages/MainMenu.js

@@ -8,6 +8,10 @@ import Replace from "../components/Replace";
 
 export default class MainMenu extends Component {
     render() {
+        var goToRocketCrab = function () {
+            window.location.href =
+                "https://rocketcrab.com/transfer/tk-snakeout";
+        };
         var goToJoinGame = function () {
             this.props.changePage(JoinGame);
         };
@@ -45,6 +49,11 @@ export default class MainMenu extends Component {
 
         return (
             <div className="main-menu noformrefresh">
+                <p>
+                    <SOButton onClick={goToRocketCrab.bind(this)}>
+                        Play on 🚀🦀
+                    </SOButton>
+                </p>
                 <p>
                     <SOButton onClick={goToJoinGame.bind(this)}>
                         Join Game

src/client/utils/Connection.js

@@ -10,6 +10,10 @@ function Connection(onStateUpdate) {
         onStateUpdate(data);
     });
 
+    this.socket.on("transferToRocketcrab", function (link) {
+        window.location.href = link;
+    });
+
     this.socket.on("disconnect", function () {
         //refresh the page
         location.reload();
@@ -87,6 +91,10 @@ Connection.prototype.tryReplace = function (data) {
     this.send("tryReplace", data);
 };
 
+Connection.prototype.requestTransferToRocketcrab = function () {
+    this.send("requestTransferToRocketcrab", {});
+};
+
 Connection.prototype.send = function (event, data) {
     this.socket.emit(event, data);
 };

src/server/app/game.js

@@ -2,6 +2,8 @@
 // Snakeout Game
 //
 
+var uuidv4 = require("uuid").v4;
+
 var Round = require("./round");
 var Player = require("./player");
 
@@ -13,6 +15,7 @@ function Game(code, onEmpty) {
     this.inProgress = false;
     this.viewingResults = false;
     this.currentRound;
+    this.uuid = uuidv4();
 
     this.currentId = 1;
     this.currentRoundNum = 1;
@@ -72,6 +75,15 @@ Game.prototype.initPlayer = function (newPlayer) {
     newPlayer.socket.on("disconnect", function () {
         self.onPlayerDisconnect(newPlayer);
     });
+    newPlayer.socket.on("requestTransferToRocketcrab", () => {
+        this.sendToAll(
+            "transferToRocketcrab",
+            "https://rocketcrab.com/transfer/tk-snakeout/" +
+                this.uuid +
+                "/?name=" +
+                newPlayer.name
+        );
+    });
 };
 
 Game.prototype.onPlayerDisconnect = function (playerThatLeft) {