From 2141366335310349519e2107f52ab42e4387726f Mon Sep 17 00:00:00 2001
From: Nick <github@ngpixel.com>
Date: Sat, 23 Feb 2019 18:22:25 -0500
Subject: [PATCH] feat: dev flags

---
 client/components/admin.vue                   |  3 +-
 client/components/admin/admin-contribute.vue  | 12 +++++-
 client/components/admin/admin-dev-flags.vue   | 38 ++++++++++++++++++-
 .../admin/dev/dev-mutation-save-flags.gql     | 16 ++++++++
 client/graph/admin/dev/dev-query-flags.gql    |  8 ++++
 dev/build/config.yml                          |  2 +-
 server/app/data.yml                           |  2 +
 server/core/config.js                         |  6 +++
 server/core/kernel.js                         |  1 +
 server/graph/resolvers/system.js              | 21 ++++++++++
 server/graph/schemas/system.graphql           | 21 ++++++++++
 11 files changed, 124 insertions(+), 6 deletions(-)
 create mode 100644 client/graph/admin/dev/dev-mutation-save-flags.gql
 create mode 100644 client/graph/admin/dev/dev-query-flags.gql

diff --git a/client/components/admin.vue b/client/components/admin.vue
index 61230b16..4e4a7835 100644
--- a/client/components/admin.vue
+++ b/client/components/admin.vue
@@ -80,13 +80,12 @@
               v-list-tile-avatar: v-icon(color='grey lighten-2') build
               v-list-tile-title {{ $t('admin:utilities.title') }}
             v-list-group(
-              prepend-icon='weekend'
-              value='true'
               to='/dev'
               no-action
               v-if='hasPermission([`manage:system`, `manage:api`])'
               )
               v-list-tile(slot='activator')
+                v-list-tile-avatar: v-icon weekend
                 v-list-tile-title {{ $t('admin:dev.title') }}
 
               v-list-tile(to='/dev-flags')
diff --git a/client/components/admin/admin-contribute.vue b/client/components/admin/admin-contribute.vue
index 3d74e79d..4861b466 100644
--- a/client/components/admin/admin-contribute.vue
+++ b/client/components/admin/admin-contribute.vue
@@ -133,7 +133,7 @@
                   v-icon(color='grey') public
             v-divider
             v-list-tile
-              v-list-tile-avatar
+              v-list-tile-avatar(tile)
                 img(src='/svg/logo-icons8.svg', alt='Icons8')
               v-list-tile-content
                 v-list-tile-title Icons8
@@ -141,6 +141,16 @@
               v-list-tile-action
                 v-btn(icon, href='https://icons8.com', target='_blank')
                   v-icon(color='grey') public
+            v-divider
+            v-list-tile
+              v-list-tile-avatar(tile)
+                img(src='https://static.requarks.io/logo/lokalise.png', alt='Lokalise')
+              v-list-tile-content
+                v-list-tile-title Lokalise
+                v-list-tile-sub-title Lokalise is a translation management system built for agile teams who want to automate their localization process.
+              v-list-tile-action
+                v-btn(icon, href='https://lokalise.co', target='_blank')
+                  v-icon(color='grey') public
 
 </template>
 
diff --git a/client/components/admin/admin-dev-flags.vue b/client/components/admin/admin-dev-flags.vue
index 4c3e2ef3..e7211d1c 100644
--- a/client/components/admin/admin-dev-flags.vue
+++ b/client/components/admin/admin-dev-flags.vue
@@ -38,6 +38,9 @@
 <script>
 import _ from 'lodash'
 
+import flagsQuery from 'gql/admin/dev/dev-query-flags.gql'
+import flagsMutation from 'gql/admin/dev/dev-mutation-save-flags.gql'
+
 export default {
   data() {
     return {
@@ -47,8 +50,39 @@ export default {
     }
   },
   methods: {
-    save() {
-
+    async save() {
+      try {
+        await this.$apollo.mutate({
+          mutation: flagsMutation,
+          variables: {
+            flags: _.transform(this.flags, (result, value, key) => {
+              result.push({ key, value })
+            }, [])
+          },
+          watchLoading (isLoading) {
+            this.$store.commit(`loading${isLoading ? 'Start' : 'Stop'}`, 'admin-dev-flags-update')
+          }
+        })
+        this.$store.commit('showNotification', {
+          style: 'success',
+          message: 'Flags applied successfully.',
+          icon: 'check'
+        })
+      } catch (err) {
+        this.$store.commit('pushGraphError', err)
+      }
+    }
+  },
+  apollo: {
+    flags: {
+      query: flagsQuery,
+      fetchPolicy: 'network-only',
+      update: (data) => _.transform(data.system.flags, (result, row) => {
+        _.set(result, row.key, row.value)
+      }, {}),
+      watchLoading (isLoading) {
+        this.$store.commit(`loading${isLoading ? 'Start' : 'Stop'}`, 'admin-dev-flags-refresh')
+      }
     }
   }
 }
diff --git a/client/graph/admin/dev/dev-mutation-save-flags.gql b/client/graph/admin/dev/dev-mutation-save-flags.gql
new file mode 100644
index 00000000..be9a9ffd
--- /dev/null
+++ b/client/graph/admin/dev/dev-mutation-save-flags.gql
@@ -0,0 +1,16 @@
+mutation (
+  $flags: [SystemFlagInput]!
+) {
+  system {
+    updateFlags(
+      flags: $flags
+    ) {
+      responseResult {
+        succeeded
+        errorCode
+        slug
+        message
+      }
+    }
+  }
+}
diff --git a/client/graph/admin/dev/dev-query-flags.gql b/client/graph/admin/dev/dev-query-flags.gql
new file mode 100644
index 00000000..3650b06f
--- /dev/null
+++ b/client/graph/admin/dev/dev-query-flags.gql
@@ -0,0 +1,8 @@
+{
+  system {
+    flags {
+      key
+      value
+    }
+  }
+}
diff --git a/dev/build/config.yml b/dev/build/config.yml
index 527145d0..73439655 100644
--- a/dev/build/config.yml
+++ b/dev/build/config.yml
@@ -1,4 +1,4 @@
-port: $(PORT)
+port: 3000
 bindIP: 0.0.0.0
 db:
   type: $(DB_TYPE)
diff --git a/server/app/data.yml b/server/app/data.yml
index cce70b99..59104295 100644
--- a/server/app/data.yml
+++ b/server/app/data.yml
@@ -33,6 +33,8 @@ defaults:
     theming:
       theme: 'default'
       darkMode: false
+    flags:
+      sqllog: false
     # System defaults
     setup: false
     paths:
diff --git a/server/core/config.js b/server/core/config.js
index 1aa059a8..6eb50652 100644
--- a/server/core/config.js
+++ b/server/core/config.js
@@ -96,5 +96,11 @@ module.exports = {
     }
 
     return true
+  },
+  /**
+   * Apply Dev Flags
+   */
+  async applyFlags() {
+    WIKI.models.knex.client.config.debug = WIKI.config.flags.sqllog
   }
 }
diff --git a/server/core/kernel.js b/server/core/kernel.js
index b11728b7..6926fa7b 100644
--- a/server/core/kernel.js
+++ b/server/core/kernel.js
@@ -14,6 +14,7 @@ module.exports = {
     try {
       await WIKI.models.onReady
       await WIKI.configSvc.loadFromDb()
+      await WIKI.configSvc.applyFlags()
     } catch (err) {
       WIKI.logger.error('Database Initialization Error: ' + err.message)
       if (WIKI.IS_DEBUG) {
diff --git a/server/graph/resolvers/system.js b/server/graph/resolvers/system.js
index 159c400b..f5357665 100644
--- a/server/graph/resolvers/system.js
+++ b/server/graph/resolvers/system.js
@@ -6,6 +6,7 @@ const filesize = require('filesize')
 const path = require('path')
 const fs = require('fs-extra')
 const moment = require('moment')
+const graphHelper = require('../../helpers/graph')
 
 /* global WIKI */
 
@@ -21,9 +22,29 @@ module.exports = {
   Query: {
     async system() { return {} }
   },
+  Mutation: {
+    async system() { return {} }
+  },
   SystemQuery: {
+    flags() {
+      return _.transform(WIKI.config.flags, (result, value, key) => {
+        result.push({ key, value })
+      }, [])
+    },
     async info() { return {} }
   },
+  SystemMutation: {
+    async updateFlags(obj, args, context) {
+      WIKI.config.flags = _.transform(args.flags, (result, row) => {
+        _.set(result, row.key, row.value)
+      }, {})
+      await WIKI.configSvc.applyFlags()
+      await WIKI.configSvc.saveToDb(['flags'])
+      return {
+        responseResult: graphHelper.generateSuccess('System Flags applied successfully')
+      }
+    }
+  },
   SystemInfo: {
     configFile() {
       return path.join(process.cwd(), 'config.yml')
diff --git a/server/graph/schemas/system.graphql b/server/graph/schemas/system.graphql
index 4a3b0a34..14eb661d 100644
--- a/server/graph/schemas/system.graphql
+++ b/server/graph/schemas/system.graphql
@@ -6,11 +6,16 @@ extend type Query {
   system: SystemQuery
 }
 
+extend type Mutation {
+  system: SystemMutation
+}
+
 # -----------------------------------------------
 # QUERIES
 # -----------------------------------------------
 
 type SystemQuery {
+  flags: [SystemFlag] @auth(requires: ["manage:system"])
   info: SystemInfo
 }
 
@@ -18,10 +23,26 @@ type SystemQuery {
 # MUTATIONS
 # -----------------------------------------------
 
+type SystemMutation {
+  updateFlags(
+    flags: [SystemFlagInput]!
+  ): DefaultResponse @auth(requires: ["manage:system"])
+}
+
 # -----------------------------------------------
 # TYPES
 # -----------------------------------------------
 
+type SystemFlag {
+  key: String!
+  value: Boolean!
+}
+
+input SystemFlagInput {
+  key: String!
+  value: Boolean!
+}
+
 type SystemInfo {
   configFile: String @auth(requires: ["manage:system"])
   cpuCores: Int @auth(requires: ["manage:system"])