feat: add onload js setup

nodemon.json

@@ -7,9 +7,6 @@
     "COOKIE_SECRET": "I_AM_VERY_SECRET",
     "CSRF_COOKIE_SECRET": "I_AM_VERY_SECRET_TOO",
     "DANGEROUSLY_DISABLE_SECURE_CSRF_COOKIES": "true",
-    "ORY_SDK_URL": "http://localhost:4433",
-    "KRATOS_PUBLIC_URL": "http://localhost:4433",
-    "KRATOS_ADMIN_URL": "http://localhost:4434",
-    "PORT": "4455"
+    "ORY_SDK_URL": "http://localhost:4433"
   }
 }

views/login.hbs

@@ -2,6 +2,7 @@
   {{{card}}}
 
   {{> webauthn_setup nodes=nodes webAuthnHandler=webAuthnHandler webauthnTriggerName="webauthn_login_trigger"}}
+  {{> js_setup nodes=nodes}}
   {{#if extraPartial }}
     {{> (extraPartial) }}
   {{/if}}

views/partials/js_setup.hbs

@@ -0,0 +1,18 @@
+{{! This partial sets up the onclick and onload event handlers for each passkey node.}}
+<script type="text/javascript">
+    // register onclick and onload event handlers for each passkey node.
+    window.addEventListener("load", () => {
+    {{#each (onlyNodes nodes "passkey" "")}}
+        {{#if attributes.onclick}}
+            // onclick for {{attributes.name}}
+            document.getElementsByName("{{attributes.name}}").forEach((el) => {
+                el.addEventListener("click", () => { {{{attributes.onclick}}} })
+            })
+        {{/if}}
+        {{#if attributes.onload}}
+            // onload for {{attributes.name}}
+            {{{attributes.onload}}}
+        {{/if}}
+    {{/each}}
+    })
+</script>

views/registration.hbs

@@ -3,6 +3,7 @@
   {{{card}}}
 
   {{> webauthn_setup nodes=nodes webAuthnHandler=webAuthnHandler webauthnTriggerName="webauthn_register_trigger"}}
+  {{> js_setup nodes=nodes}}
   {{#if extraPartial }}
     {{> (extraPartial) }}
   {{/if}}

views/settings.hbs

@@ -5,5 +5,5 @@
     </div>
 
   {{> webauthn_setup nodes=nodes webAuthnHandler=webAuthnHandler webauthnTriggerName="webauthn_register_trigger"}}
-
+  {{> js_setup nodes=nodes}}
 </div>