working merged version

Gemfile

@@ -22,6 +22,11 @@ gem 'jbuilder', '~> 2.7'
 # Use Active Model has_secure_password
 # gem 'bcrypt', '~> 3.1.7'
 
+# for game data
+gem 'redis'
+gem 'redis-namespace'
+gem 'redis-rails' 
+
 # for auth
 gem 'devise'
 gem 'omniauth-marvin', '~> 1.0.2'

Gemfile.lock

@@ -185,6 +185,25 @@ GEM
     rb-fsevent (0.10.4)
     rb-inotify (0.10.1)
       ffi (~> 1.0)
+    redis (4.2.2)
+    redis-actionpack (5.2.0)
+      actionpack (>= 5, < 7)
+      redis-rack (>= 2.1.0, < 3)
+      redis-store (>= 1.1.0, < 2)
+    redis-activesupport (5.2.0)
+      activesupport (>= 3, < 7)
+      redis-store (>= 1.3, < 2)
+    redis-namespace (1.8.0)
+      redis (>= 3.0.4)
+    redis-rack (2.1.3)
+      rack (>= 2.0.8, < 3)
+      redis-store (>= 1.2, < 2)
+    redis-rails (5.0.2)
+      redis-actionpack (>= 5.0, < 6)
+      redis-activesupport (>= 5.0, < 6)
+      redis-store (>= 1.2, < 2)
+    redis-store (1.9.0)
+      redis (>= 4, < 5)
     regexp_parser (1.8.2)
     responders (3.0.1)
       actionpack (>= 5.0)
@@ -259,6 +278,9 @@ DEPENDENCIES
   pg (>= 0.18, < 2.0)
   puma (~> 4.1)
   rails (~> 6.0.3, >= 6.0.3.4)
+  redis
+  redis-namespace
+  redis-rails
   sass-rails (>= 6)
   selenium-webdriver
   spring

app/assets/javascripts/routers/GameRouter.js

@@ -3,10 +3,14 @@ AppClasses.Routers.GameRouter = class extends AppClasses.Routers.AbstractRouter
 		super(options);
 		// routes
 		this.route("game", "index");
+		this.route("game/:room_id", "show");
 		this.collections.guilds = new AppClasses.Collections.Guild();
 	}
 	index() {
 		this.basicView("game", "Game");
-		this.views.game.initGame();
+	}
+	show(room_id) {
+		this.viewWithRenderParam("gamePlay", "GamePlay", room_id, { room_id })
+		console.log(room_id);
 	}
 }

app/assets/javascripts/templates/game/game.hbs

@@ -1,8 +1,5 @@
 <h1>Game</h1>
-
-<canvas style="background-color: antiquewhite;" width="300" height="300" id="{{canvasID}}">
-	Your web browser is probably almost older than me, time to update ?
-</canvas>
+<div id="game_page_id"></div>
 
 <br>
 <a href="#">Home</a>

app/assets/javascripts/templates/game/show.hbs

@@ -0,0 +1,17 @@
+<p>You are on the game page nb : {{ room_id }}</p>
+<div id="in_game_id" data-id="{{ room_id }}"></div>
+<style>
+    * {
+        padding: 0;
+        margin: 0;
+    }
+
+    canvas {
+        background: #013333;
+        display: block;
+        margin: 0 auto;
+    }
+</style>
+<canvas id="myCanvas" width="800" height="600"></canvas>
+
+<div class="btn"></div>

app/assets/javascripts/views/game/GamePlayView.js

@@ -0,0 +1,19 @@
+AppClasses.Views.GamePlay = class extends Backbone.View {
+	constructor(opts) {
+		super(opts);
+		this.tagName = "div";
+		this.template = App.templates["game/show"];
+	}
+	updateRender(room_id) {
+		this.$el.html(this.template({ 
+			room_id
+		}));
+
+		return (this);
+	}
+	render(room_id) {
+		this.updateRender(room_id); // generates HTML
+		// the game has to be started in the router
+		return (this);
+	}
+}

app/assets/javascripts/views/game/GameView.js

@@ -3,22 +3,11 @@ AppClasses.Views.Game = class extends Backbone.View {
 		super(opts);
 		this.tagName = "div";
 		this.template = App.templates["game/game"];
-		this.canvasID = "gameCanvas";
-		this.canvas = null;
-		this.ctx = null;
 	}
 	updateRender() {
-		this.$el.html(this.template({
-			canvasID: this.canvasID
-		}));
+		this.$el.html(this.template({ }));
 		return (this);
 	}
-	initGame() {
-		this.canvas = $(`#${this.canvasID}`)[0];
-		this.ctx = this.canvas.getContext("2d");
-
-		this.ctx.fillRect(100, 100, 100, 100)
-	}
 	render() {
 		this.updateRender(); // generates HTML
 		// the game has to be started in the router

app/assets/stylesheets/application.scss

@@ -0,0 +1,2 @@
+
+@import "bootstrap/scss/bootstrap";

app/channels/application_cable/connection.rb

@@ -1,4 +1,19 @@
 module ApplicationCable
   class Connection < ActionCable::Connection::Base
+    identified_by :current_user
+
+    def connect
+      self.current_user = find_verified_user.email
+    end
+
+    protected
+
+    def find_verified_user
+      if verified_user = env['warden'].user
+        verified_user
+      else
+        reject_unauthorized_connection
+      end
+    end
   end
 end

app/channels/game_channel.rb

@@ -0,0 +1,13 @@
+class GameChannel < ApplicationCable::Channel
+  def subscribed
+    stream_from "player_#{ current_user }"
+    Matchmaking.create(current_user)
+  end
+
+  def unsubscribed
+    if Redis.current.get('matches') == current_user
+      Redis.current.set('matches', nil)
+    end
+    # Any cleanup needed when channel is unsubscribed
+  end
+end

app/channels/play_channel.rb

@@ -0,0 +1,24 @@
+class PlayChannel < ApplicationCable::Channel
+  def subscribed
+    stream_from "play_channel_#{params[:game_room_id]}"
+  end
+
+  def unsubscribed
+    # Any cleanup needed when channel is unsubscribed
+  end
+
+  def take_turn(data)
+    last = Redis.current.get("play_channel_#{data['room_id']}_#{data['player']}");
+    return unless last.blank? || last == 'w' || data['input'] == 'quit'
+    return if !last.blank? && last == 'quit'
+
+    Redis.current.set("play_channel_#{data['room_id']}_#{data['player']}", data['input'])
+  end
+
+  def start_game(data)
+    return unless Redis.current.get("#{data['room_id']}_has_start").blank?
+
+    Redis.current.set("#{data['room_id']}_has_start", 'ok')
+    Game.start_game("play_channel_#{data['room_id']}")
+  end
+end