nodeSolidServer
diff --git a/‎common/js/solid-auth-client.bundle.js‎
Lines changed: 14 additions & 0 deletions b/‎common/js/solid-auth-client.bundle.js‎
Lines changed: 14 additions & 0 deletions
diff --git a/‎common/js/solid-auth-client.bundle.js.map‎
Lines changed: 1 addition & 0 deletions b/‎common/js/solid-auth-client.bundle.js.map‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎default-templates/new-account/index.html‎
Lines changed: 68 additions & 0 deletions b/‎default-templates/new-account/index.html‎
Lines changed: 68 additions & 0 deletions
@@ -5,6 +5,12 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>{{#if name}}{{name}} &ndash; {{/if}}Solid Home</title>
   <link rel="stylesheet" href="/common/css/bootstrap.min.css">
+  <script id="solid-auth-client" src="/common/js/solid-auth-client.bundle.js" defer></script>
+  <style>
+    .session-action {
+      margin-right: 15px;
+    }
+  </style>
 </head>
 <body>
 <div class="container">
@@ -13,6 +19,9 @@
       <div class="navbar-header">
         <a href="/" class="navbar-brand">{{#if name}}{{name}} &ndash; {{/if}}Solid Home</a>
       </div>
+      <div class="navbar-right">
+        <button id="session-action" type="button" class="session-action btn btn-default navbar-btn">Loading...</button>
+      </div>
     </div>
   </nav>
 </div>
@@ -67,4 +76,63 @@ <h1>Apps</h1>
   </section>
 </div>
 </body>
+<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
+  }
+
+  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')
+  }
+
+  main()
+</script>
 </html>