add cloud function

Author: alexlobera

.firebaserc

@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "rga-mocked-apis"
+  }
+}

README.md

@@ -10,11 +10,11 @@ This exercise is part of the [React GraphQL Academy](http://reactgraphql.academy
 
 ## Exercise part 1
 
-[](TODO DEPLOY URL)
+Given the following [GraphQL API](https://us-central1-rga-mocked-apis.cloudfunctions.net/graphql) / https://api.reactgraphql.academy/graphql:
 
-- Query a list with all the training titles
-- Query how many training are in the system?
-- Query a single training by id (try id equals TODO ADD ONE????????) and get its name
+- Query a list with all the training and retrieve the title and language for each
+- Query a single discount by id (try id equals `dis:422`) and get its name
+- Query how many languages are in the system?
 - How many types do we have in the system?
 
 ## Exercise part 2
@@ -248,6 +248,8 @@ query getDangerousDiscount {
 
 Once implemented, do you see any problems/ vulnerability issues on that query?
 
+🤸🏾Do you want some extra workout? Create an [enumeration](https://graphql.org/learn/schema/#enumeration-types) for the languages. Add field language to the Training object type that uses the language enum.
+
 ## Homework
 
 You are going to build a GraphQL API on top of an existing REST API. Steps:

firebase.json

@@ -0,0 +1,13 @@
+{
+  "functions": {
+    "source": "."
+  },
+  "hosting": {
+    "rewrites": [
+      {
+        "source": "/graphql",
+        "function": "graphql"
+      }
+    ]
+  }
+}

index-dev.js

@@ -0,0 +1,9 @@
+const { createServer } = require("./src/server");
+
+const server = createServer({ playground: true, introspection: true }).listen(
+  4000,
+  () => {
+    const { address, port } = server.address();
+    console.log(`🚀  Server ready at ${address}:${port}`);
+  }
+);

index.js

@@ -0,0 +1,7 @@
+const functions = require("firebase-functions");
+const { createServer } = require("./src/server");
+
+// Set up the server and export it for the GCF API (it requires an endpoint to be exported; in this case, 'api')
+exports.graphql = functions.https.onRequest(
+  createServer({ playground: true, introspection: true })
+);

package.json

@@ -3,7 +3,8 @@
   "version": "1.0.0",
   "description": "",
   "scripts": {
-    "start": "node_modules/.bin/nodemon src/index.js",
+    "start": "node_modules/.bin/nodemon index-dev.js",
+    "deploy": "firebase deploy --only functions",
     "start-babel": "node_modules/.bin/nodemon -- node_modules/.bin/babel-node src/index.js",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
@@ -19,6 +20,10 @@
   "homepage": "https://github.com/reactgraphqlacademy/rest-to-graphql-workshop#readme",
   "dependencies": {
     "apollo-server": "^2.11.0",
+    "apollo-server-express": "^2.11.0",
+    "express": "^4.17.1",
+    "firebase-admin": "^8.10.0",
+    "firebase-functions": "^3.5.0",
     "graphql": "^14.6.0",
     "graphql-iso-date": "^3.6.1",
     "graphql-relay": "^0.6.0",
@@ -28,5 +33,8 @@
     "@babel/core": "^7.4.5",
     "@babel/node": "^7.4.5",
     "nodemon": "^1.19.1"
+  },
+  "engines": {
+    "node": "8"
   }
 }

src/index.js renamed to src/server.js

@@ -1,5 +1,6 @@
+const express = require("express");
 const fetch = require("node-fetch");
-const { ApolloServer, gql } = require("apollo-server");
+const { ApolloServer, gql } = require("apollo-server-express");
 const { GraphQLDateTime } = require("graphql-iso-date");
 
 const typeDefs = gql`
@@ -11,6 +12,7 @@ const typeDefs = gql`
     overview: String
     discounts: [Discount]
     startDate: DateTime
+    language: Language
   }
 
   type Discount {
@@ -23,6 +25,19 @@ const typeDefs = gql`
 
   scalar DateTime
 
+  enum Language {
+    EN
+    ES
+    FR
+    IT
+    PT
+    NL
+    DE
+    ZH
+    JA
+    RU
+  }
+
   type Query {
     trainings: [Training!]
     training(id: ID!): Training
@@ -49,19 +64,19 @@ const resolvers = {
 
 function fetchTrainings() {
   // More info about the fetch function? https://github.com/bitinn/node-fetch#json
-  return fetch("https://restapi.reactgraphql.academy/v1/trainings/")
+  return fetch("https://api.reactgraphql.academy/api/rest/trainings/")
     .then(res => res.json())
     .catch(error => console.log(error));
 }
 
 function fetchTrainingById(id) {
-  return fetch(`https://restapi.reactgraphql.academy/v1/trainings/${id}`)
+  return fetch(`https://api.reactgraphql.academy/api/rest/trainings/${id}`)
     .then(res => res.json())
     .catch(error => console.log(error));
 }
 
 function fetchDiscounts() {
-  return fetch("https://restapi.reactgraphql.academy/v1/discounts/")
+  return fetch("https://api.reactgraphql.academy/api/rest/discounts/")
     .then(res => res.json())
     .catch(error => console.log(error));
 }
@@ -73,7 +88,7 @@ function fetchTrainingByUrl(url) {
 }
 
 function fetchDiscountById(id) {
-  return fetch(`https://restapi.reactgraphql.academy/v1/discounts/${id}`)
+  return fetch(`https://api.reactgraphql.academy/api/rest/discounts/${id}`)
     .then(res => res.json())
     .catch(error => console.log(error));
 }
@@ -84,13 +99,15 @@ function fetchDiscountByUrl(url) {
     .catch(error => console.log(error));
 }
 
-// In the most basic sense, the ApolloServer can be started
-// by passing type definitions (typeDefs) and the resolvers
-// responsible for fetching the data for those types.
-const server = new ApolloServer({ typeDefs, resolvers });
+module.exports = {
+  createServer: options => {
+    const app = express();
+    const apollo = new ApolloServer({ typeDefs, resolvers, ...options });
+    apollo.applyMiddleware({
+      app,
+      path: `/`
+    });
 
-// This `listen` method launches a web-server.  Existing apps
-// can utilize middleware options, which we'll discuss later.
-server.listen().then(({ url }) => {
-  console.log(`🚀  Server ready at ${url}`);
-});
+    return app;
+  }
+};