Test (#1)

- Add instruction for sending introspection query
- Refactor Apollo+OneGraph auth

spotify-app/README.md

@@ -21,6 +21,18 @@ Note that any hot reload on a route will fall back to the root (`/`), so `Reason
 
 To use a port other than 8000 set the `PORT` environment variable (`PORT=8080 npm run server`).
 
+## Send Introspection Query
+
+To access the queries provided by OneGraph, run 
+
+`
+yarn send-introspection-query https://serve.onegraph.com/dynamic?app_id=bafd4254-c229-48c2-8c53-44a01477a43e
+`
+
+This will generate a graphql_schema.json which will be used to safely type your GraphQL queries/mutations.
+
+
+
 ## Build for Production
 
 ```sh

spotify-app/src/App.re

@@ -16,11 +16,7 @@ let component = ReasonReact.reducerComponent("App");
 
 let make = _children => {
   ...component,
-  initialState: () => {
-    isLoggedIn: false,
-    auth: OneGraphAuth.newAuth(OneGraphAuth.config),
-    userName: None,
-  },
+  initialState: () => {isLoggedIn: false, auth: Client.auth, userName: None},
   didMount: self =>
     Js.Promise.(
       OneGraphAuth.(
@@ -45,7 +41,14 @@ let make = _children => {
         {
           self.state.isLoggedIn ?
             <div>
-              <Query />
+              <Query
+                token={
+                  switch (OneGraphAuth.authToken(self.state.auth)) {
+                  | Some(token) => token
+                  | None => ""
+                  }
+                }
+              />
               <User
                 auth={self.state.auth}
                 setLogInStatus={status => self.send(SetLogInStatus(status))}

spotify-app/src/Client.re

@@ -10,5 +10,22 @@ let httpLink =
     (),
   );
 
+let auth = OneGraphAuth.newAuth(OneGraphAuth.config);
+
+let authLink =
+  ApolloLinks.createContextLink(
+    OneGraphAuth.(
+      () => {
+        "headers": {
+          "authorization": auth |> authHeaders |> authenticationHeaderGet,
+        },
+      }
+    ),
+  );
+
 let instance =
-  ReasonApollo.createApolloClient(~link=httpLink, ~cache=inMemoryCache, ());
+  ReasonApollo.createApolloClient(
+    ~link=ApolloLinks.from([|authLink, httpLink|]),
+    ~cache=inMemoryCache,
+    (),
+  );

spotify-app/src/query.re

@@ -0,0 +1,41 @@
+module GetUsername = [%graphql
+  {|query findMe {
+  me {
+    gmail {
+      email
+    }
+  }
+}|}
+];
+
+module GetUserNameQuery = ReasonApollo.CreateQuery(GetUsername);
+
+let component = ReasonReact.statelessComponent("Query");
+
+let make = (~token, _children) => {
+  ...component,
+  didMount: self => Js.log(OneGraphAuth.authHeaders),
+  render: _ =>
+    <GetUserNameQuery>
+      ...{
+           ({result}) =>
+             switch (result) {
+             | Loading => <div> {ReasonReact.string("Loading")} </div>
+             | Error(error) =>
+               <div> {ReasonReact.string(error##message)} </div>
+             | Data(response) =>
+               <div>
+                 {
+                   ReasonReact.string(
+                     switch (response##me##gmail) {
+                     | Some(_gmail) => "Found email"
+                     | None => "Not Found"
+                     },
+                   )
+                 }
+               </div>
+             /* Handles a deeply nested optional response */
+             }
+         }
+    </GetUserNameQuery>,
+};