Simplify new-account template.

Author: RubenVerborgh

default-templates/new-account/index.html

@@ -65,65 +65,18 @@ <h1>Apps</h1>
     </div>
   </section>
 </div>
-</body>
 <script src="/common/js/solid-auth-client.bundle.js"></script>
 <script type="text/javascript">
-  const popupUri = window.location.origin + '/common/popup.html'
-  const stateData = {
-    session: null
-  }
-  const state = new Proxy(stateData, {
-    set: (obj, prop, value) => {
-      obj[prop] = value
-      render()
-    }
-  })
-
-  function main() {
-    // Render the session state
-    SolidAuthClient
-      .currentSession()
-      .then(saveSession)
-      .then(render)
-
-    // Add event listeners
-    const actionButton = sessionActionButton()
-    actionButton.addEventListener('click', takeSessionAction)
-  }
-
-  function saveSession(session) {
-    state.session = session
-    return session
-  }
+  const button = document.getElementById('session-action')
+  let loggedIn = false
 
-  function takeSessionAction() {
-    const { session } = state
-    const loggedIn = !!session
-    if (loggedIn) {
-      SolidAuthClient
-        .logout()
-        .then(saveSession)
-    } else {
-      SolidAuthClient
-        .popupLogin({ popupUri })
-        .then(saveSession)
-    }
-  }
-
-  function render() {
-    const { session } = state
-    const actionButton = sessionActionButton()
-    if (!session) {
-      actionButton.innerText = 'Log in'
-    } else {
-      actionButton.innerText = 'Log out'
-    }
-  }
-
-  function sessionActionButton() {
-    return document.getElementById('session-action')
-  }
+  solid.auth.trackSession(session => {
+    loggedIn = !!session
+    button.innerText = loggedIn ? 'Log out' : 'Log in'
+  })
 
-  document.addEventListener('DOMContentLoaded', main)
+  button.addEventListener('click', () =>
+    loggedIn ? solid.auth.logout() : solid.auth.popupLogin())
 </script>
+</body>
 </html>