tutorial

client/src/events.js

@@ -1,9 +1,9 @@
 const toast = require('izitoast');
 
-function registerEvents(registry, events) {
+function registerEvents(registry, events, tutorial) {
     function setCryps(cryps) {
-        console.log('setting cryps');
         registry.set('cryps', cryps);
+        tutorial('homepage');
     }
 
     function setWs(ws) {
@@ -11,7 +11,11 @@ function registerEvents(registry, events) {
     }
 
     function setGame(game) {
-        registry.set('game', game);
+        if (game.phase === 'Skill') tutorial('skillPhase');
+        if (game.phase === 'Target') tutorial('targetPhase');
+        if (game.resolved.length) tutorial('resolutionPhase');
+        if (game.phase === 'Finish') tutorial('finishPhase');
+        return registry.set('game', game);
     }
 
     function setAccount(account) {
@@ -146,6 +150,8 @@ function registerEvents(registry, events) {
         });
     });
 
+    tutorial('welcome');
+
     return {
         loginPrompt,
         setAccount,

client/src/main.js

@@ -2,10 +2,13 @@ const renderCryps = require('./scenes/cryps');
 
 const createSocket = require('./socket');
 const registerEvents = require('./events');
+const createTutorial = require('./tutorial');
 
 const game = renderCryps();
-const events = registerEvents(game.registry, game.events);
+const tutorial = createTutorial();
+const events = registerEvents(game.registry, game.events, tutorial);
 const ws = createSocket(events);
+
 events.setWs(ws);
 events.setGameList([]);