Store tokens in localstorage

dokusho/src/App.re

@@ -17,10 +17,30 @@ let reducer = (action, _state) =>
 
 let component = ReasonReact.reducerComponent("App");
 
+let mapUrlToRoute = (url: ReasonReact.Router.url) => {
+  switch url.path {
+    | [] =>  {
+      Routes.Home;
+    }
+    | ["callback"] => {
+      LoginButton.Auth.handleAuth(url);
+    }
+    | _ => {
+      Routes.Home;
+    }  /* Routes.NotFound */
+  }
+};
+
 let make = _children => {
   ...component,
   reducer,
   initialState: () => { Routes.Home },
+  subscriptions: (self) => [
+    Sub(
+      () => ReasonReact.Router.watchUrl((url) => self.send(ChangeRoute(url |> mapUrlToRoute))),
+        ReasonReact.Router.unwatchUrl
+    )
+  ],
   render: self =>
     <ReactToolbox.ThemeProvider theme>
       <div className="app">
@@ -30,12 +50,3 @@ let make = _children => {
       </div>
     </ReactToolbox.ThemeProvider>
 };
-
-let mapUrlToRoute = (url: ReasonReact.Router.url) =>
-  switch url.path {
-  | [] => Routes.Home
-  | ["callback"] => {
-    LoginButton.Auth.handleAuth(url);
-  }
-  | _ => Routes.Home /* Routes.NotFound */
-};

dokusho/src/app/Client.re

@@ -8,6 +8,9 @@ type serverResponse = {
 };
 
 module Client = {
+  open Dom.Storage;
+
+  let accessToken = () => localStorage |> getItem("accessToken") |> Rationale.Option.default("no_token");
 
   let backendURI = "http://35.189.70.144:8080";
   let jsonHeader = Fetch.HeadersInit.make({"Content-Type": "application/json"});
@@ -18,12 +21,14 @@ module Client = {
     };
   };
   /* Fetches the given user's reading history */
-  let userHistory = (userId:string) =>
+  let userHistory = (userId:string) => {
+    Js.Console.log("Get history " ++ accessToken());
     Js.Promise.(
       Fetch.fetch(backendURI ++ "/history/" ++ userId)
       |> then_(Fetch.Response.json)
       |> then_(resp => resp |> parseResponse |> resolve)
     );
+  };
 
   /* Adds a new reading entry for today to a user's reading history */
   let newEntry = (userId:string, kind: pageType, value: int) => {

dokusho/src/app/LoginButton.re

@@ -41,6 +41,7 @@ module Auth {
   open Dom.Storage;
 
   let handleAuth = (url: ReasonReact.Router.url) => {
+
     let accessToken = url.hash |> resolveRegex(matchAccessToken);
     let idToken = url.hash |> resolveRegex(matchIdToken);
     let expiresIn = url.hash |> resolveRegex(matchExpiresIn);

dokusho/src/index.re

@@ -4,5 +4,6 @@
 [@bs.module "./registerServiceWorker"] external register_service_worker : unit => unit = "default";
 
 ReactDOMRe.renderToElementWithId(<App />, "root");
+ReasonReact.Router.push("");
 
 register_service_worker();