docs(example): improve example project to show login errors in homepage

Closes #11
adrianbrs · Sep 22, 2022 · 1c9ac44 · 1c9ac44
1 parent c858b6f
commit 1c9ac44
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/example/src/app.controller.ts b/example/src/app.controller.ts
@@ -26,12 +26,14 @@ export class AppController {
     if (session?.accountId) {
       const grant = await provider.Grant.find(session.grantIdFor('test'));
       return {
+        query: ctx.query,
         accountId: session.accountId,
-        scopes: grant.getOIDCScopeEncountered()
+        scopes: grant?.getOIDCScopeEncountered()
       }
     }
 
     return {
+      query: ctx.query,
       accountId: null,
       scopes: null
     }
@@ -42,7 +44,7 @@ export class AppController {
     const { code, error, error_description } = query;
 
     if (error) {
-      return res.json({ error, error_description })
+      return res.redirect(`/?error=${error}&error_description=${error_description}`);
     }
 
     if (!code) {

diff --git a/example/views/index.ejs b/example/views/index.ejs
@@ -28,6 +28,19 @@
             </div>
           </div>
 
+          <%
+            if (query.error || query.error_description) { %>
+              <div class="row">
+                <div class="col">
+                  <div class="alert alert-danger mx-auto" style="max-width: 500px;">
+                    <p class="m-0"><strong>error:</strong> <%= query.error %></p>
+                    <p class="m-0"><strong>error_description:</strong> <%= query.error_description %></p>
+                  </div>
+                </div>
+              </div>
+            <% } %>
+          %>
+
           <div class="row">
             <div class="col">
               <div class="card mx-auto" style="width: 300px">