feat: display user descriptions (#20)

mariusheine · web-flow · commit 6b318eecbf4e · 2023-11-03T22:14:15.000+01:00
diff --git a/package.json b/package.json
@@ -25,7 +25,7 @@
     "clean": "rm -rf dist/ node_modules/",
     "lint": "eslint --max-warnings 0 .",
     "lint:format": "prettier --check .",
-    "start": "pnpm tsup src/index.ts --dts --format cjs,esm --watch",
+    "start": "pnpm tsup src/index.ts --dts --format cjs,esm --watch --onSuccess 'node dist/index.js'",
     "test": "vitest run --coverage",
     "test:watch": "vitest",
     "typecheck": "tsc --noEmit",
diff --git a/src/config.ts b/src/config.ts
@@ -8,6 +8,7 @@ export type ConfigUser = {
   username: string;
   email: string;
   name: string;
+  description?: string;
 };
 
 export type Config = {
@@ -39,6 +40,7 @@ export function getConfig(): Config {
         username: 'herbert',
         email: 'her@bert.de',
         name: 'Herbert',
+        description: 'This is our good old friend Herbert',
       },
     ],
     tokenExpiresIn: 24 * 60 * 60, // 24 hours in seconds
diff --git a/src/index.ts b/src/index.ts
@@ -50,6 +50,11 @@ server.get(`/auth/realms/${config.realm}/protocol/openid-connect/auth`, async (r
             padding: .5rem;
             border-radius: .25rem;
           }
+
+          li > div {
+            display: flex;
+            flex-direction: column;
+          }
         </style>
       </head>
       <body>
@@ -71,7 +76,15 @@ server.get(`/auth/realms/${config.realm}/protocol/openid-connect/auth`, async (r
               .map(
                 (user) =>
                   `<li>
-                    <a href="/do-login?username=${user.username}&redirect_uri=${query.redirect_uri}">${user.name}</a>
+                    <div>
+                      <div>
+                        <a href="/do-login?username=${user.username}&redirect_uri=${query.redirect_uri}">
+                          ${user.name}
+                        </a>
+                        (${user.email})
+                      </div>
+                      ${user.description ? `<i>${user.description}</i>` : ''}
+                    </div>
                   </li>`,
               )
               .join('')}
