npm - @keycloakify/svelte - Versions diffs - 0.2.7 → 0.2.8 - Mend

@keycloakify/svelte 0.2.7 → 0.2.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (127) hide show

package/src/login/pages/LoginUpdateProfile.svelte CHANGED Viewed

@@ -22,14 +22,16 @@
     doMakeUserConfirmPassword,
   }: LoginUpdateProfileProps = $props();
-  const { kcClsx } = getKcClsx({
-    doUseDefaultCss,
-    classes,
-  });
+  const { kcClsx } = $derived(
+    getKcClsx({
+      doUseDefaultCss,
+      classes,
+    }),
+  );
-  const { messagesPerField, url, isAppInitiatedAction } = kcContext;
+  const { messagesPerField, url, isAppInitiatedAction } = $derived(kcContext);
-  const { msg, msgStr } = $i18n;
+  const { msg, msgStr } = $derived($i18n);
   const [isFormSubmittable, setIsFormSubmittable] = useState(false);
 </script>

package/src/login/pages/LoginUsername.svelte CHANGED Viewed

@@ -14,14 +14,16 @@
     classes,
   }: PageProps<Extract<KcContext, { pageId: 'login-username.ftl' }>, I18n> = $props();
-  const { kcClsx } = getKcClsx({
-    doUseDefaultCss,
-    classes,
-  });
+  const { kcClsx } = $derived(
+    getKcClsx({
+      doUseDefaultCss,
+      classes,
+    }),
+  );
-  const { social, realm, url, usernameHidden, login, registrationDisabled, messagesPerField } = kcContext;
+  const { social, realm, url, usernameHidden, login, registrationDisabled, messagesPerField } = $derived(kcContext);
-  const { msg, msgStr } = $i18n;
+  const { msg, msgStr } = $derived($i18n);
   const [isLoginButtonDisabled, setIsLoginButtonDisabled] = useState(false);
 </script>
@@ -153,7 +155,7 @@
                       name="rememberMe"
                       type="checkbox"
                       checked={!!login.rememberMe}
-                    />&nbsp;
+                    />
                     {@render msg('rememberMe')()}
                   </label>
                 </div>

package/src/login/pages/LoginVerifyEmail.svelte CHANGED Viewed

@@ -11,9 +11,9 @@
     classes,
   }: PageProps<Extract<KcContext, { pageId: 'login-verify-email.ftl' }>, I18n> = $props();
-  const { msg } = $i18n;
+  const { msg } = $derived($i18n);
-  const { url, user } = kcContext;
+  const { url, user } = $derived(kcContext);
 </script>
 <Template

package/src/login/pages/LoginX509Info.svelte CHANGED Viewed

@@ -12,14 +12,16 @@
     classes,
   }: PageProps<Extract<KcContext, { pageId: 'login-x509-info.ftl' }>, I18n> = $props();
-  const { kcClsx } = getKcClsx({
-    doUseDefaultCss,
-    classes,
-  });
+  const { kcClsx } = $derived(
+    getKcClsx({
+      doUseDefaultCss,
+      classes,
+    }),
+  );
-  const { url, x509 } = kcContext;
+  const { url, x509 } = $derived(kcContext);
-  const { msg, msgStr } = $i18n;
+  const { msg, msgStr } = $derived($i18n);
 </script>
 <Template

package/src/login/pages/LogoutConfirm.svelte CHANGED Viewed

@@ -12,14 +12,16 @@
     classes,
   }: PageProps<Extract<KcContext, { pageId: 'logout-confirm.ftl' }>, I18n> = $props();
-  const { kcClsx } = getKcClsx({
-    doUseDefaultCss,
-    classes,
-  });
+  const { kcClsx } = $derived(
+    getKcClsx({
+      doUseDefaultCss,
+      classes,
+    }),
+  );
-  const { url, client, logoutConfirm } = kcContext;
+  const { url, client, logoutConfirm } = $derived(kcContext);
-  const { msg, msgStr } = $i18n;
+  const { msg, msgStr } = $derived($i18n);
 </script>
 <Template

package/src/login/pages/Register.svelte CHANGED Viewed

@@ -15,11 +15,13 @@
   };
   const props: RegisterProps = $props();
   const { kcContext, i18n, doUseDefaultCss, Template, classes, UserProfileFormFields, doMakeUserConfirmPassword } =
-    props;
-  const { kcClsx } = getKcClsx({
-    doUseDefaultCss,
-    classes,
-  });
+    $derived(props);
+  const { kcClsx } = $derived(
+    getKcClsx({
+      doUseDefaultCss,
+      classes,
+    }),
+  );
   const {
     messageHeader,
@@ -30,9 +32,9 @@
     recaptchaSiteKey,
     recaptchaAction,
     termsAcceptanceRequired,
-  } = kcContext;
+  } = $derived(kcContext);
-  const { msg, msgStr, advancedMsg } = $i18n;
+  const { msg, msgStr, advancedMsg } = $derived($i18n);
   const [isFormSubmittable, setIsFormSubmittable] = useState(false);
   const [areTermsAccepted, setAreTermsAccepted] = useState(false);

package/src/login/pages/SamlPostForm.svelte CHANGED Viewed

@@ -11,9 +11,9 @@
     classes,
   }: PageProps<Extract<KcContext, { pageId: 'saml-post-form.ftl' }>, I18n> = $props();
-  const { msgStr, msg } = $i18n;
+  const { msgStr, msg } = $derived($i18n);
-  const { samlPost } = kcContext;
+  const { samlPost } = $derived(kcContext);
   let htmlFormElement: HTMLFormElement | null = $state(null);

package/src/login/pages/SelectAuthenticator.svelte CHANGED Viewed

@@ -11,10 +11,10 @@
     doUseDefaultCss,
     classes,
   }: PageProps<Extract<KcContext, { pageId: 'select-authenticator.ftl' }>, I18n> = $props();
-  const { url, auth } = kcContext;
+  const { url, auth } = $derived(kcContext);
-  const { kcClsx } = getKcClsx({ doUseDefaultCss, classes });
-  const { msg, advancedMsg } = $i18n;
+  const { kcClsx } = $derived(getKcClsx({ doUseDefaultCss, classes }));
+  const { msg, advancedMsg } = $derived($i18n);
 </script>
 <Template

package/src/login/pages/Terms.svelte CHANGED Viewed

@@ -12,14 +12,16 @@
     classes,
   }: PageProps<Extract<KcContext, { pageId: 'terms.ftl' }>, I18n> = $props();
-  const { kcClsx } = getKcClsx({
-    doUseDefaultCss,
-    classes,
-  });
+  const { kcClsx } = $derived(
+    getKcClsx({
+      doUseDefaultCss,
+      classes,
+    }),
+  );
-  const { msg, msgStr } = $i18n;
+  const { msg, msgStr } = $derived($i18n);
-  const { url } = kcContext;
+  const { url } = $derived(kcContext);
 </script>
 <Template

package/src/login/pages/UpdateEmail.svelte CHANGED Viewed

@@ -23,16 +23,18 @@
     doMakeUserConfirmPassword,
   }: UpdateEmailProps = $props();
-  const { kcClsx } = getKcClsx({
-    doUseDefaultCss,
-    classes,
-  });
+  const { kcClsx } = $derived(
+    getKcClsx({
+      doUseDefaultCss,
+      classes,
+    }),
+  );
-  const { msg, msgStr } = $i18n;
+  const { msg, msgStr } = $derived($i18n);
   const [isFormSubmittable, setIsFormSubmittable] = useState(false);
-  const { url, messagesPerField, isAppInitiatedAction } = kcContext;
+  const { url, messagesPerField, isAppInitiatedAction } = $derived(kcContext);
 </script>
 <Template

package/src/login/pages/WebauthnAuthenticate.svelte CHANGED Viewed

@@ -4,6 +4,7 @@
   import { type ClassKey, getKcClsx } from 'keycloakify/login/lib/kcClsx';
   import { clsx } from 'keycloakify/tools/clsx';
   import type { CxArg } from 'keycloakify/tools/clsx_withTransform';
+  import { untrack } from 'svelte';
   import type { KcContext } from '../KcContext';
   import type { I18n } from '../i18n';
@@ -15,18 +16,18 @@
     classes,
   }: PageProps<Extract<KcContext, { pageId: 'webauthn-authenticate.ftl' }>, I18n> = $props();
-  const { kcClsx } = getKcClsx({ doUseDefaultCss, classes });
+  const { kcClsx } = $derived(getKcClsx({ doUseDefaultCss, classes }));
-  const { url, realm, registrationDisabled, authenticators, shouldDisplayAuthenticators } = kcContext;
+  const { url, realm, registrationDisabled, authenticators, shouldDisplayAuthenticators } = $derived(kcContext);
-  const { msg, msgStr, advancedMsg } = $i18n;
+  const { msg, msgStr, advancedMsg } = $derived($i18n);
   const authButtonId = 'authenticateWebAuthnButton';
   useScript({
     authButtonId,
-    kcContext,
-    i18n,
+    kcContext: untrack(() => kcContext),
+    i18n: untrack(() => i18n),
   });
 </script>

package/src/login/pages/WebauthnError.svelte CHANGED Viewed

@@ -12,14 +12,16 @@
     classes,
   }: PageProps<Extract<KcContext, { pageId: 'webauthn-error.ftl' }>, I18n> = $props();
-  const { url, isAppInitiatedAction } = kcContext;
+  const { url, isAppInitiatedAction } = $derived(kcContext);
-  const { msg, msgStr } = $i18n;
+  const { msg, msgStr } = $derived($i18n);
-  const { kcClsx } = getKcClsx({
-    doUseDefaultCss,
-    classes,
-  });
+  const { kcClsx } = $derived(
+    getKcClsx({
+      doUseDefaultCss,
+      classes,
+    }),
+  );
 </script>
 <Template

package/src/login/pages/WebauthnRegister.svelte CHANGED Viewed

@@ -3,6 +3,7 @@
   import type { PageProps } from '@keycloakify/svelte/login/pages/PageProps';
   import { useScript } from '@keycloakify/svelte/login/pages/WebauthnRegister.useScript';
   import { getKcClsx } from 'keycloakify/login/lib/kcClsx';
+  import { untrack } from 'svelte';
   import type { KcContext } from '../KcContext';
   import type { I18n } from '../i18n';
@@ -14,18 +15,18 @@
     classes,
   }: PageProps<Extract<KcContext, { pageId: 'webauthn-register.ftl' }>, I18n> = $props();
-  const { kcClsx } = getKcClsx({ doUseDefaultCss, classes });
+  const { kcClsx } = $derived(getKcClsx({ doUseDefaultCss, classes }));
-  const { url, isSetRetry, isAppInitiatedAction } = kcContext;
+  const { url, isSetRetry, isAppInitiatedAction } = $derived(kcContext);
-  const { msg, msgStr } = $i18n;
+  const { msg, msgStr } = $derived($i18n);
   const authButtonId = 'authenticateWebAuthnButton';
   useScript({
     authButtonId,
-    kcContext,
-    i18n,
+    kcContext: untrack(() => kcContext),
+    i18n: untrack(() => i18n),
   });
 </script>