duckylib 0.1.7 → 0.1.8

package/dist/components/buttons/LoginButton.svelte

@@ -4,16 +4,15 @@
     interface LoginButtonProps {
         label?: string;
         withIcon?: boolean;
+
+        onlogin?: () => Promise<void>;
     }
 
-    let {label = "Log In", withIcon = true}: LoginButtonProps = $props();
+    let {label = "Log In", withIcon = true, onlogin}: LoginButtonProps = $props();
 
-    function login() {
-        console.log("login")
-    }
 </script>
 
-<button onclick={login}>
+<button onclick={async () => await onlogin}>
 {#if withIcon}<Symbol name="account_circle" inheritColor={true} sizePx={20} hoverEffect={false} />{/if}
     <p class="font-bold">{label}</p>
 </button>

package/dist/components/buttons/LoginButton.svelte.d.ts

@@ -1,6 +1,7 @@
 interface LoginButtonProps {
     label?: string;
     withIcon?: boolean;
+    onlogin?: () => Promise<void>;
 }
 declare const LoginButton: import("svelte").Component<LoginButtonProps, {}, "">;
 type LoginButton = ReturnType<typeof LoginButton>;

package/dist/components/buttons/UserToast.svelte

@@ -11,9 +11,10 @@
 
     interface UserToastProps {
         user: Auth.User;
+        onlogout?: () => Promise<void>;
     }
 
-    let { user }: UserToastProps = $props();
+    let { user, onlogout }: UserToastProps = $props();
 
     let showContextMenu = $state(false);
 
@@ -69,7 +70,7 @@
         <contextentry
             data-disabled="false"
             id="log-out"
-            onclick={(e: any) => {}}
+            onclick={async () => await onlogout}
         >
             <span class="material-symbols-outlined">logout</span>
             <red>Log Out</red>

package/dist/components/buttons/UserToast.svelte.d.ts

@@ -1,6 +1,7 @@
 import type { Auth } from "../../types.ts";
 interface UserToastProps {
     user: Auth.User;
+    onlogout?: () => Promise<void>;
 }
 declare const UserToast: import("svelte").Component<UserToastProps, {}, "">;
 type UserToast = ReturnType<typeof UserToast>;

package/dist/components/containers/navigation/Header.svelte

@@ -38,6 +38,8 @@
         defaultNav?: boolean;
 
         authFeatures?: boolean;
+        onlogin?: (() => Promise<void>) | null;
+        onlogout?: (() => Promise<void>) | null;
 
         nav?: HeaderNavigation[];
     }
@@ -68,6 +70,8 @@
         label = "",
 
         authFeatures = false,
+        onlogin = null,
+        onlogout = null,
 
         nav = [],
     }: HeaderProps = $props();
@@ -160,10 +164,10 @@
             {#if authFeatures}
                 <Row widthPx="fit">
 
-                    {#if user !== null}
-                        <UserToast {user} />
-                    {:else}
-                        <LoginButton label="Log in to Join" />
+                    {#if user !== null && onlogout}
+                        <UserToast {user} {onlogout} />
+                    {:else if onlogin}
+                        <LoginButton {onlogin} label="Log in to Join" />
                     {/if}
                 </Row>
             {/if}

package/dist/components/containers/navigation/Header.svelte.d.ts

@@ -22,6 +22,8 @@ interface HeaderProps {
     searchQueryDataKey?: string;
     defaultNav?: boolean;
     authFeatures?: boolean;
+    onlogin?: (() => Promise<void>) | null;
+    onlogout?: (() => Promise<void>) | null;
     nav?: HeaderNavigation[];
 }
 declare const Header: import("svelte").Component<HeaderProps, {}, "">;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "duckylib",
-	"version": "0.1.7",
+	"version": "0.1.8",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",