Update Keycloak JS to use new import path

Closes #607 Signed-off-by: Jon Koops <jonkoops@gmail.com>
keycloak · Oct 1, 2024 · 81ba2c9 · 81ba2c9
1 parent f4a5024
commit 81ba2c9
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 22 deletions.
diff --git a/js/spa/app.js b/js/spa/app.js
@@ -1,14 +1,16 @@
 import express from 'express';
+import url from 'node:url';
 
 const app = express();
 const port = 8080;
 
 app.use('/', express.static('public'));
-
-app.use('/vendor/keycloak-js', express.static('node_modules/keycloak-js/dist'));
-app.use('/vendor/jwt-decode', express.static('node_modules/jwt-decode/build/esm'));
-app.use('/vendor/@noble/hashes', express.static('node_modules/@noble/hashes/esm'));
+app.use('/vendor/keycloak.js', express.static(resolveDependency('keycloak-js')));
 
 app.listen(port, () => {
   console.log(`Listening on port ${port}.`);
 });
+
+function resolveDependency(module) {
+  return url.fileURLToPath(import.meta.resolve(module));
+}
diff --git a/js/spa/public/index.html b/js/spa/public/index.html
@@ -6,19 +6,11 @@
     <script type="importmap">
       {
         "imports": {
-          "keycloak-js": "/vendor/keycloak-js/keycloak.mjs",
-          "jwt-decode": "/vendor/jwt-decode/index.js",
-          "@noble/hashes/sha256": "/vendor/@noble/hashes/sha256.js",
-          "@noble/hashes/crypto": "/vendor/@noble/hashes/crypto.js"
+          "keycloak-js": "/vendor/keycloak.js"
         }
       }
     </script>
-    <link rel="modulepreload" href="/vendor/keycloak-js/keycloak.mjs">
-    <link rel="modulepreload" href="/vendor/jwt-decode/index.js">
-    <link rel="modulepreload" href="/vendor/@noble/hashes/sha256.js">
-    <link rel="modulepreload" href="/vendor/@noble/hashes/_md.js">
-    <link rel="modulepreload" href="/vendor/@noble/hashes/utils.js">
-    <link rel="modulepreload" href="/vendor/@noble/hashes/crypto.js">
+    <link rel="modulepreload" href="/vendor/keycloak.js">
   </head>
   <body>
     <div id="user" style="display: none;">
@@ -83,7 +75,12 @@ <h2 id="name"></h2>
           await keycloak.accountManagement()
         });
 
-      const keycloak = new Keycloak();
+      const keycloak = new Keycloak({
+        url: "http://localhost:8180",
+        realm: "quickstart",
+        clientId: "spa",
+      });
+
       await keycloak.init({ onLoad: "login-required" });
       showProfile();
     </script>

diff --git a/js/spa/public/keycloak.json b/js/spa/public/keycloak.json