PAS-466 | Migrate Passwordless.dev Javascript library to the layout. (#606)

Jonas Hendrickx · web-flow · commit 04440ecf09a6 · 2024-06-11T09:09:15.000+02:00
* Migrate Passwordless.dev Javascript library to the layout.

* cleanup

* Delete src/AdminConsole/Pages/App/Credentials/User.cshtml
diff --git a/src/AdminConsole/Components/App.razor b/src/AdminConsole/Components/App.razor
@@ -8,6 +8,7 @@
     <SecureStylesheet href="css/site.css" />
     <SecureStylesheet href="css/tailwind.css" />
     <HeadOutlet/>
+    <SecureScript src="~/lib/passwordless/passwordless.umd.min.js" />
 </head>
 
 <body class="h-full bg-gray-50">
diff --git a/src/AdminConsole/Pages/Account/Login.cshtml b/src/AdminConsole/Pages/Account/Login.cshtml
@@ -57,7 +57,6 @@
     </div>
 </div>
 
-<partial name="Shared/_PasswordlessClientJs" />
 @section Scripts {
     <script type="module">
         import { createApp, ref } from 'vue';
diff --git a/src/AdminConsole/Pages/Account/Profile.cshtml b/src/AdminConsole/Pages/Account/Profile.cshtml
@@ -12,6 +12,5 @@
 <div class="panel">
     <h2>Passkeys</h2>   
     <component type="typeof(Credentials)" render-mode="Static" param-HideDetails="@false" param-PasswordlessClient="@PasswordlessClient" param-UserId="@Model.UserId" />
-    <partial name="Shared/_PasswordlessClientJs"/>
     <partial name="Shared/_AddPasskeys"/>
 </div>
diff --git a/src/AdminConsole/Pages/Account/UserOnboarding.cshtml b/src/AdminConsole/Pages/Account/UserOnboarding.cshtml
@@ -13,7 +13,6 @@
     <p class="v-cloak" v-if="!supportsPasskeys.value && supportsSecurityKeys.value">We noticed your device supports security keys, so if you have a yubikey you can use it to secure your account.</p>
     
     <component type="typeof(Credentials)" render-mode="Static" param-HideDetails="@(true)" param-PasswordlessClient="@(PasswordlessClient)" param-UserId="@Model.UserId" />
-    <partial name="Shared/_PasswordlessClientJs" />
     <partial name="Shared/_AddPasskeys" />
 </div>
 
diff --git a/src/AdminConsole/Pages/App/Playground/Client.cshtml b/src/AdminConsole/Pages/App/Playground/Client.cshtml
@@ -91,7 +91,6 @@
   }
 </style>
 
-<partial name="Shared/_PasswordlessClientJs" />
 @section Scripts {
     <script type="module">
         import { createApp, ref } from 'vue';
diff --git a/src/AdminConsole/Pages/App/Playground/NewAccount.cshtml b/src/AdminConsole/Pages/App/Playground/NewAccount.cshtml
@@ -101,7 +101,6 @@
     </div>
 </div>
 
-<partial name="Shared/_PasswordlessClientJs" />
 <script>
 let p;
 document.addEventListener('DOMContentLoaded', function() {
diff --git a/src/AdminConsole/Pages/Shared/_Layout.cshtml b/src/AdminConsole/Pages/Shared/_Layout.cshtml
@@ -26,6 +26,7 @@
     @await RenderSectionAsync("Head", false)
     @Html.RenderPartialSectionScripts()
     <script async src="@Url.Content("~/lib/es-module-shims/es-module-shims.js")" asp-append-version="true"></script>
+    <script src="@Url.Content("~/lib/passwordless/passwordless.umd.min.js")" asp-append-version="true"></script>
 </head>
 
 <body class="h-full bg-gray-50">
diff --git a/src/AdminConsole/Pages/Shared/_PasswordlessClientJs.cshtml b/src/AdminConsole/Pages/Shared/_PasswordlessClientJs.cshtml

Original file line number	Diff line number	Diff line change
`@@ -91,7 +91,6 @@`
`91`	`91`	`}`
`92`	`92`	`</style>`
`93`	`93`
`94`		`-<partial name="Shared/_PasswordlessClientJs" />`
`95`	`94`	`@section Scripts {`
`96`	`95`	`<script type="module">`
`97`	`96`	`import { createApp, ref } from 'vue';`