Merge pull request #5 from rpitv/add-graphql

Added GraphQL client w/ IDE introspection

Author: robere2

apps/glimpse-ui/.gitignore

@@ -89,3 +89,6 @@ sw.*
 
 # Vim swap files
 *.swp
+
+# API Schema Introspection
+./api-schema.graphql

apps/glimpse-ui/.graphqlconfig

@@ -0,0 +1,15 @@
+{
+  "name": "RPI TV Schema",
+  "schemaPath": "./api-schema.graphql",
+  "extensions": {
+    "endpoints": {
+      "RPI TV Glimpse API": {
+        "url": "http://localhost:4000/graphql",
+        "headers": {
+          "user-agent": "JS GraphQL"
+        },
+        "introspect": true
+      }
+    }
+  }
+}

apps/glimpse-ui/components/RecentProductionsList.vue

@@ -1,12 +1,27 @@
 <template>
   <div class="past-prod-list">
-    <VSkeletonLoader v-for="n in 10" :index="n" type="card, list-item-two-line" class="past-prod-card" boilerplate />
+    <VSkeletonLoader
+      v-for="n in 10"
+      :index="n"
+      :key="n"
+      type="card, list-item-two-line"
+      class="past-prod-card"
+      boilerplate
+    />
   </div>
 </template>
 
 <script>
+import gql from 'graphql-tag'
+
 export default {
-  name: 'RecentProductionsList'
+  name: 'RecentProductionsList',
+  apollo: {
+    productions: gql`query { productions {
+        name
+        id
+}}`
+  }
 }
 </script>
 

apps/glimpse-ui/nuxt.config.js

@@ -64,8 +64,18 @@ export default {
     '@nuxtjs/axios',
     '@nuxtjs/pwa',
     // Doc: https://github.com/nuxt-community/dotenv-module
-    '@nuxtjs/dotenv'
+    '@nuxtjs/dotenv',
+    '@nuxtjs/apollo'
   ],
+  apollo: {
+    clientConfigs: {
+      default: {
+        // required
+        httpEndpoint: 'http://localhost:4000/graphql'
+      }
+    }
+  },
+
   /*
   ** Axios module configuration
   ** See https://axios.nuxtjs.org/options