From d7220714f01f5b25784971539d346ba5e8dcbe51 Mon Sep 17 00:00:00 2001
From: Settel <settel@localhost>
Date: Fri, 13 Aug 2021 00:07:51 +0200
Subject: [PATCH] refactoring: split engine.js into components

---
 client/nuxt.config.js                         |  2 +-
 client/src/components/GameControls.vue        | 21 +++++++++++++++++++
 client/src/pages/play.vue                     |  5 +++++
 .../plugins/{engine.js => engine/index.js}    |  9 ++++++--
 4 files changed, 34 insertions(+), 3 deletions(-)
 create mode 100644 client/src/components/GameControls.vue
 rename client/src/plugins/{engine.js => engine/index.js} (92%)

diff --git a/client/nuxt.config.js b/client/nuxt.config.js
index 6a9a49e..98df705 100644
--- a/client/nuxt.config.js
+++ b/client/nuxt.config.js
@@ -18,7 +18,7 @@ export default {
   ],
   components: true,
   modules: ['@nuxtjs/axios'],
-  plugins: [{ src: '~/plugins/engine.js', mode: 'client' }],
+  plugins: [{ src: '~/plugins/engine', mode: 'client' }],
   axios: { proxy: true },
   publicRuntimeConfig: {
     serverBaseUrl: 'http://localhost:3000/',
diff --git a/client/src/components/GameControls.vue b/client/src/components/GameControls.vue
new file mode 100644
index 0000000..b722aaf
--- /dev/null
+++ b/client/src/components/GameControls.vue
@@ -0,0 +1,21 @@
+<template>
+  <div>
+    <nav>
+      <h1 v-if="isGamemaster">Gamemaster</h1>
+    </nav>
+  </div>
+</template>
+
+<script>
+export default {
+  computed: {
+    user() {
+      return this.$store.state.engine.user || {}
+    },
+    isGamemaster() {
+      const user = this.$store.state.engine.user
+      return user && user.role === 'gamemaster'
+    },
+  },
+}
+</script>
diff --git a/client/src/pages/play.vue b/client/src/pages/play.vue
index a30f2e6..15cedef 100644
--- a/client/src/pages/play.vue
+++ b/client/src/pages/play.vue
@@ -1,5 +1,10 @@
 <template>
   <div>
+    <div>
+      <GameControls />
+    </div>
+    <hr />
+    <div v-if="userJson">{{ userJson.role }}</div>
     <pre class="json">{{ userJson }}</pre>
     <pre class="json">{{ engineJson }}</pre>
   </div>
diff --git a/client/src/plugins/engine.js b/client/src/plugins/engine/index.js
similarity index 92%
rename from client/src/plugins/engine.js
rename to client/src/plugins/engine/index.js
index f0091a6..38e4e39 100644
--- a/client/src/plugins/engine.js
+++ b/client/src/plugins/engine/index.js
@@ -1,14 +1,14 @@
 import buildUrl from 'build-url'
 
 export default (context, inject) => {
-  const { store, $axios, $config, redirect } = context
-
   const engine = {
+    context,
     lastFetched: [0, 0, 0, 0, 0],
     isActive: false,
     shouldStop: false,
 
     async start() {
+      const { store, redirect } = this.context
       if (!store.state.engine.user) {
         if (!await this.fetchUserInfo()) {
           redirect('/')
@@ -29,6 +29,8 @@ export default (context, inject) => {
     },
 
     async fetchUpdate() {
+      const { store, $axios, $config } = this.context
+
       if (this.shouldStop || !this.isActive) {
         this.isActive = false
         this.shouldStop = false
@@ -69,6 +71,8 @@ export default (context, inject) => {
     },
 
     async fetchUserInfo() {
+      const { store, $axios } = this.context
+
       try {
         const response = await $axios.get('/api/userinfo')
         store.commit('engine/setUser', response.data)
@@ -80,5 +84,6 @@ export default (context, inject) => {
       return true
     },
   }
+  
   inject('engine', engine)
 }