Looking great.

o0101 · o0101 · commit be69aa70b0af · 2018-11-14T03:07:40.000Z
diff --git a/config.js b/config.js
@@ -0,0 +1 @@
+export const client_id = 'd10c47b12243b3cdfd86';
diff --git a/src/ap b/src/ap
diff --git a/src/api.js b/src/api.js
@@ -1,3 +1,5 @@
+const FEED_EXPIRY = 60*1000*2;
+
 let g, u;
 
 //test();
@@ -60,7 +62,21 @@ export async function getFollowers(state) {
 }
 
 export async function getPeopleToFollow(state) {
-  // this is costly so we cache it
+  if ( !! state.discover ) {
+    return state.discover;
+  }
+  if ( ! state.followers ) {
+    await getFollowers(state);
+  } 
+  const discover = new Set();
+  await Promise.all(state.followers.map(async f => {
+    const {following_url} = f;
+    const source = following_url.slice(0, following_url.indexOf('{'));
+    const following = await fetch(source).then(resp => resp.json());
+    following.forEach(f => discover.add(f.login));
+  }));
+  state.discover = [...discover.values()];
+  return state.discover;
 }
 
 export async function newPost(submitEvent, state) {
@@ -120,11 +136,15 @@ export function timeAgo(date) {
 }
 
 export async function getFeed(state) {
+  if ( state && state.feed && ((Date.now() - state.feed.updated) < FEED_EXPIRY) ) {
+    return state.feed;
+  }
   const feed = [];
   await Promise.all(state.followers.map(async ({login}) => feed.push(...(await getItsGists(state, login)))));
   sortPostsByMostRecent(feed);
   if ( state ) {
     state.feed = feed;
+    state.feed.updated = Date.now();
   }
   return feed;
 }
diff --git a/src/app.js b/src/app.js
@@ -1,5 +1,6 @@
 import {R,X} from '../node_modules/brutalist-web/r.js';
 import * as API from './api.js';
+import Discover from './views/Discover.js';
 import AuthIn from './views/AuthIn.js';
 import App from './views/App.js';
 
@@ -24,7 +25,13 @@ async function start() {
     appState.name = appState.profileData.login;
     await API.getFollowers(appState);
     await API.getMyGists(appState);
-    await API.getFeed(appState);
+    API.getFeed(appState).then(() => {
+      appState.currentFeed = ':feed';
+      App(appState);
+    });
+    API.getPeopleToFollow(appState).then(() => {
+      Discover(appState);
+    });
     (await App(appState)).to('main.app', 'innerHTML');
   }
 }
diff --git a/src/views/App.js b/src/views/App.js
@@ -3,6 +3,7 @@ import * as API from '../api.js';
 import MyAuth from './MyAuth.js';
 import PostList from './PostList.js';
 import NewPost from './NewPost.js';
+import Discover from './Discover.js';
 import browseUser from '../browseUser.js';
 
 export default function App(state) {
@@ -34,9 +35,7 @@ export default function App(state) {
         </section>
       </article>
       <aside>
-        <h1>Discover others</h1> 
-        <p>
-          Follow the followers of your followers, or the followers of those you follow.
+        ${Discover(state)}
       </aside>
       <footer>
         Project of Dosycorp. "Gist", GitHub are marks of GitHub, Inc and its parents and subsidiaries. There is no relationship between GistBarn and these companies. 
diff --git a/src/views/AuthIn.js b/src/views/AuthIn.js
@@ -1,20 +1,11 @@
 import {R,X} from '../../node_modules/brutalist-web/r.js';
+import {client_id} from '../../config.js';
 
 export default function AuthIn(state) {
   return R`
-    ${state.loggedIn ? R`
-      <span class=username>${state.name}</span>
-      <span class=logout><a click=${logout} href=#logout>Logout</a></span>` :
-    R`
-      <span class="authin">
-        <a href=https://github.com/login/oauth/authorize?client_id=d10c47b12243b3cdfd86&scope=gist>Login</a>
-      </span>
-    `}
+    <span class="authin">
+      <a href=https://github.com/login/oauth/authorize?client_id=${client_id}&scope=gist>Login</a>
+    </span>
   `;
 }
 
-function logout() {
-  localStorage.setItem('token', '');
-  history.popState();
-  location.search = '?code=logout';
-}
diff --git a/src/views/Discover.js b/src/views/Discover.js
@@ -0,0 +1,12 @@
+import {R,X} from '../../node_modules/brutalist-web/r.js';
+import {followUser} from '../api.js';
+
+export default function Discover(state) {
+  return R`
+    <div class=discover>
+      <h1>Discover others</h1> 
+      <p>
+        Follow the followers of your followers, or the followers of those you follow.
+    </div>
+  `;
+}

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+export const client_id = 'd10c47b12243b3cdfd86';`