`
+ handleShortcutKeydown = (e: KeyboardEvent) => {
+ if (e.key === SIDEBAR_KEYBOARD_SHORTCUT && (e.metaKey || e.ctrlKey)) {
+ e.preventDefault();
+ this.toggle();
+ }
+ };
+
+ setOpenMobile = (value: boolean) => {
+ this.openMobile = value;
+ };
+
+ toggle = () => {
+ return this.#isMobile.current
+ ? (this.openMobile = !this.openMobile)
+ : this.setOpen(!this.open);
+ };
+}
+
+const SYMBOL_KEY = "scn-sidebar";
+
+/**
+ * Instantiates a new `SidebarState` instance and sets it in the context.
+ *
+ * @param props The constructor props for the `SidebarState` class.
+ * @returns The `SidebarState` instance.
+ */
+export function setSidebar(props: SidebarStateProps): SidebarState {
+ return setContext(Symbol.for(SYMBOL_KEY), new SidebarState(props));
+}
+
+/**
+ * Retrieves the `SidebarState` instance from the context. This is a class instance,
+ * so you cannot destructure it.
+ * @returns The `SidebarState` instance.
+ */
+export function useSidebar(): SidebarState {
+ return getContext(Symbol.for(SYMBOL_KEY));
+}
diff --git a/src/lib/components/ui/sidebar/index.ts b/src/lib/components/ui/sidebar/index.ts
new file mode 100644
index 0000000..318a341
--- /dev/null
+++ b/src/lib/components/ui/sidebar/index.ts
@@ -0,0 +1,75 @@
+import { useSidebar } from "./context.svelte.js";
+import Content from "./sidebar-content.svelte";
+import Footer from "./sidebar-footer.svelte";
+import GroupAction from "./sidebar-group-action.svelte";
+import GroupContent from "./sidebar-group-content.svelte";
+import GroupLabel from "./sidebar-group-label.svelte";
+import Group from "./sidebar-group.svelte";
+import Header from "./sidebar-header.svelte";
+import Input from "./sidebar-input.svelte";
+import Inset from "./sidebar-inset.svelte";
+import MenuAction from "./sidebar-menu-action.svelte";
+import MenuBadge from "./sidebar-menu-badge.svelte";
+import MenuButton from "./sidebar-menu-button.svelte";
+import MenuItem from "./sidebar-menu-item.svelte";
+import MenuSkeleton from "./sidebar-menu-skeleton.svelte";
+import MenuSubButton from "./sidebar-menu-sub-button.svelte";
+import MenuSubItem from "./sidebar-menu-sub-item.svelte";
+import MenuSub from "./sidebar-menu-sub.svelte";
+import Menu from "./sidebar-menu.svelte";
+import Provider from "./sidebar-provider.svelte";
+import Rail from "./sidebar-rail.svelte";
+import Separator from "./sidebar-separator.svelte";
+import Trigger from "./sidebar-trigger.svelte";
+import Root from "./sidebar.svelte";
+
+export {
+ Content,
+ Footer,
+ Group,
+ GroupAction,
+ GroupContent,
+ GroupLabel,
+ Header,
+ Input,
+ Inset,
+ Menu,
+ MenuAction,
+ MenuBadge,
+ MenuButton,
+ MenuItem,
+ MenuSkeleton,
+ MenuSub,
+ MenuSubButton,
+ MenuSubItem,
+ Provider,
+ Rail,
+ Root,
+ Separator,
+ //
+ Root as Sidebar,
+ Content as SidebarContent,
+ Footer as SidebarFooter,
+ Group as SidebarGroup,
+ GroupAction as SidebarGroupAction,
+ GroupContent as SidebarGroupContent,
+ GroupLabel as SidebarGroupLabel,
+ Header as SidebarHeader,
+ Input as SidebarInput,
+ Inset as SidebarInset,
+ Menu as SidebarMenu,
+ MenuAction as SidebarMenuAction,
+ MenuBadge as SidebarMenuBadge,
+ MenuButton as SidebarMenuButton,
+ MenuItem as SidebarMenuItem,
+ MenuSkeleton as SidebarMenuSkeleton,
+ MenuSub as SidebarMenuSub,
+ MenuSubButton as SidebarMenuSubButton,
+ MenuSubItem as SidebarMenuSubItem,
+ Provider as SidebarProvider,
+ Rail as SidebarRail,
+ Separator as SidebarSeparator,
+ Trigger as SidebarTrigger,
+ Trigger,
+ useSidebar,
+};
diff --git a/src/lib/components/ui/sidebar/sidebar-content.svelte b/src/lib/components/ui/sidebar/sidebar-content.svelte
new file mode 100644
index 0000000..f121800
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-content.svelte
@@ -0,0 +1,24 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/sidebar/sidebar-footer.svelte b/src/lib/components/ui/sidebar/sidebar-footer.svelte
new file mode 100644
index 0000000..6259cb9
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-footer.svelte
@@ -0,0 +1,21 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/sidebar/sidebar-group-action.svelte b/src/lib/components/ui/sidebar/sidebar-group-action.svelte
new file mode 100644
index 0000000..fb84e4a
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-group-action.svelte
@@ -0,0 +1,36 @@
+
+
+{#if child}
+ {@render child({ props: mergedProps })}
+{:else}
+
+{/if}
diff --git a/src/lib/components/ui/sidebar/sidebar-group-content.svelte b/src/lib/components/ui/sidebar/sidebar-group-content.svelte
new file mode 100644
index 0000000..415255f
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-group-content.svelte
@@ -0,0 +1,21 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/sidebar/sidebar-group-label.svelte b/src/lib/components/ui/sidebar/sidebar-group-label.svelte
new file mode 100644
index 0000000..e292945
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-group-label.svelte
@@ -0,0 +1,34 @@
+
+
+{#if child}
+ {@render child({ props: mergedProps })}
+{:else}
+
+ {@render children?.()}
+
+{/if}
diff --git a/src/lib/components/ui/sidebar/sidebar-group.svelte b/src/lib/components/ui/sidebar/sidebar-group.svelte
new file mode 100644
index 0000000..ec18a69
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-group.svelte
@@ -0,0 +1,21 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/sidebar/sidebar-header.svelte b/src/lib/components/ui/sidebar/sidebar-header.svelte
new file mode 100644
index 0000000..a1b2db1
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-header.svelte
@@ -0,0 +1,21 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/sidebar/sidebar-input.svelte b/src/lib/components/ui/sidebar/sidebar-input.svelte
new file mode 100644
index 0000000..19b3666
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-input.svelte
@@ -0,0 +1,21 @@
+
+
+
diff --git a/src/lib/components/ui/sidebar/sidebar-inset.svelte b/src/lib/components/ui/sidebar/sidebar-inset.svelte
new file mode 100644
index 0000000..d862761
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-inset.svelte
@@ -0,0 +1,24 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/sidebar/sidebar-menu-action.svelte b/src/lib/components/ui/sidebar/sidebar-menu-action.svelte
new file mode 100644
index 0000000..fa3fb0c
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-menu-action.svelte
@@ -0,0 +1,43 @@
+
+
+{#if child}
+ {@render child({ props: mergedProps })}
+{:else}
+
+{/if}
diff --git a/src/lib/components/ui/sidebar/sidebar-menu-badge.svelte b/src/lib/components/ui/sidebar/sidebar-menu-badge.svelte
new file mode 100644
index 0000000..69e5a3c
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-menu-badge.svelte
@@ -0,0 +1,29 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/sidebar/sidebar-menu-button.svelte b/src/lib/components/ui/sidebar/sidebar-menu-button.svelte
new file mode 100644
index 0000000..4bef683
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-menu-button.svelte
@@ -0,0 +1,103 @@
+
+
+
+
+{#snippet Button({ props }: { props?: Record })}
+ {@const mergedProps = mergeProps(buttonProps, props)}
+ {#if child}
+ {@render child({ props: mergedProps })}
+ {:else}
+
+ {/if}
+{/snippet}
+
+{#if !tooltipContent}
+ {@render Button({})}
+{:else}
+
+
+ {#snippet child({ props })}
+ {@render Button({ props })}
+ {/snippet}
+
+
+ {#if typeof tooltipContent === "string"}
+ {tooltipContent}
+ {:else if tooltipContent}
+ {@render tooltipContent()}
+ {/if}
+
+
+{/if}
diff --git a/src/lib/components/ui/sidebar/sidebar-menu-item.svelte b/src/lib/components/ui/sidebar/sidebar-menu-item.svelte
new file mode 100644
index 0000000..4db4453
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-menu-item.svelte
@@ -0,0 +1,21 @@
+
+
+
diff --git a/src/lib/components/ui/sidebar/sidebar-menu-skeleton.svelte b/src/lib/components/ui/sidebar/sidebar-menu-skeleton.svelte
new file mode 100644
index 0000000..cc63b04
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-menu-skeleton.svelte
@@ -0,0 +1,36 @@
+
+
+
+ {#if showIcon}
+
+ {/if}
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/sidebar/sidebar-menu-sub-button.svelte b/src/lib/components/ui/sidebar/sidebar-menu-sub-button.svelte
new file mode 100644
index 0000000..987f104
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-menu-sub-button.svelte
@@ -0,0 +1,43 @@
+
+
+{#if child}
+ {@render child({ props: mergedProps })}
+{:else}
+
+ {@render children?.()}
+
+{/if}
diff --git a/src/lib/components/ui/sidebar/sidebar-menu-sub-item.svelte b/src/lib/components/ui/sidebar/sidebar-menu-sub-item.svelte
new file mode 100644
index 0000000..681d0f1
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-menu-sub-item.svelte
@@ -0,0 +1,21 @@
+
+
+
diff --git a/src/lib/components/ui/sidebar/sidebar-menu-sub.svelte b/src/lib/components/ui/sidebar/sidebar-menu-sub.svelte
new file mode 100644
index 0000000..8ab1111
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-menu-sub.svelte
@@ -0,0 +1,25 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/sidebar/sidebar-menu.svelte b/src/lib/components/ui/sidebar/sidebar-menu.svelte
new file mode 100644
index 0000000..946ccce
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-menu.svelte
@@ -0,0 +1,21 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/sidebar/sidebar-provider.svelte b/src/lib/components/ui/sidebar/sidebar-provider.svelte
new file mode 100644
index 0000000..5665abe
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-provider.svelte
@@ -0,0 +1,50 @@
+
+
+
+
+
+
+ {@render children?.()}
+
+
diff --git a/src/lib/components/ui/sidebar/sidebar-rail.svelte b/src/lib/components/ui/sidebar/sidebar-rail.svelte
new file mode 100644
index 0000000..c180cf5
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-rail.svelte
@@ -0,0 +1,36 @@
+
+
+
diff --git a/src/lib/components/ui/sidebar/sidebar-separator.svelte b/src/lib/components/ui/sidebar/sidebar-separator.svelte
new file mode 100644
index 0000000..5a7deda
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-separator.svelte
@@ -0,0 +1,19 @@
+
+
+
diff --git a/src/lib/components/ui/sidebar/sidebar-trigger.svelte b/src/lib/components/ui/sidebar/sidebar-trigger.svelte
new file mode 100644
index 0000000..1825182
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-trigger.svelte
@@ -0,0 +1,35 @@
+
+
+
diff --git a/src/lib/components/ui/sidebar/sidebar.svelte b/src/lib/components/ui/sidebar/sidebar.svelte
new file mode 100644
index 0000000..3e9eba9
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar.svelte
@@ -0,0 +1,104 @@
+
+
+{#if collapsible === "none"}
+
+ {@render children?.()}
+
+{:else if sidebar.isMobile}
+ sidebar.openMobile, (v) => sidebar.setOpenMobile(v)}
+ {...restProps}
+ >
+
+
+{:else}
+
+{/if}
diff --git a/src/lib/components/ui/tooltip/index.ts b/src/lib/components/ui/tooltip/index.ts
new file mode 100644
index 0000000..313a7f0
--- /dev/null
+++ b/src/lib/components/ui/tooltip/index.ts
@@ -0,0 +1,21 @@
+import { Tooltip as TooltipPrimitive } from "bits-ui";
+import Trigger from "./tooltip-trigger.svelte";
+import Content from "./tooltip-content.svelte";
+
+const Root = TooltipPrimitive.Root;
+const Provider = TooltipPrimitive.Provider;
+const Portal = TooltipPrimitive.Portal;
+
+export {
+ Root,
+ Trigger,
+ Content,
+ Provider,
+ Portal,
+ //
+ Root as Tooltip,
+ Content as TooltipContent,
+ Trigger as TooltipTrigger,
+ Provider as TooltipProvider,
+ Portal as TooltipPortal,
+};
diff --git a/src/lib/components/ui/tooltip/tooltip-content.svelte b/src/lib/components/ui/tooltip/tooltip-content.svelte
new file mode 100644
index 0000000..e495efe
--- /dev/null
+++ b/src/lib/components/ui/tooltip/tooltip-content.svelte
@@ -0,0 +1,47 @@
+
+
+
+
+ {@render children?.()}
+
+ {#snippet child({ props })}
+
+ {/snippet}
+
+
+
diff --git a/src/lib/components/ui/tooltip/tooltip-trigger.svelte b/src/lib/components/ui/tooltip/tooltip-trigger.svelte
new file mode 100644
index 0000000..1acdaa4
--- /dev/null
+++ b/src/lib/components/ui/tooltip/tooltip-trigger.svelte
@@ -0,0 +1,7 @@
+
+
+
diff --git a/src/lib/const/routes.ts b/src/lib/const/routes.ts
index 2bbbffe..f82bf6f 100644
--- a/src/lib/const/routes.ts
+++ b/src/lib/const/routes.ts
@@ -8,6 +8,14 @@ export const ROUTES = {
LOGIN: "/login",
LOGOUT: "/logout",
DASHBOARD: {
- MAIN: "/dashboard"
+ MAIN: "/dashboard",
+ TENANTS: "/dashboard/tenants",
+ CALENDAR: "/dashboard/calendar",
+ STAFF: "/dashboard/staff",
+ AGENTS: "/dashboard/agents",
+ CHANNELS: "/dashboard/channels",
+ ABSENCES: "/dashboard/absences",
+ SETTINGS: "/dashboard/settings",
+ ACCOUNT: "/dashboard/account"
}
};
diff --git a/src/lib/hooks/is-mobile.svelte.ts b/src/lib/hooks/is-mobile.svelte.ts
new file mode 100644
index 0000000..4829c00
--- /dev/null
+++ b/src/lib/hooks/is-mobile.svelte.ts
@@ -0,0 +1,9 @@
+import { MediaQuery } from "svelte/reactivity";
+
+const DEFAULT_MOBILE_BREAKPOINT = 768;
+
+export class IsMobile extends MediaQuery {
+ constructor(breakpoint: number = DEFAULT_MOBILE_BREAKPOINT) {
+ super(`max-width: ${breakpoint - 1}px`);
+ }
+}
diff --git a/src/lib/stores/auth.ts b/src/lib/stores/auth.ts
new file mode 100644
index 0000000..907113b
--- /dev/null
+++ b/src/lib/stores/auth.ts
@@ -0,0 +1,43 @@
+import { writable } from "svelte/store";
+
+interface AuthState {
+ isAuthenticated: boolean;
+ isRefreshing: boolean;
+ user?: {
+ id: string;
+ email: string;
+ name: string;
+ role: string;
+ // The currently selected tenant
+ tenantId?: string | null;
+ };
+}
+
+function createAuthStore() {
+ const store = writable({
+ isAuthenticated: false,
+ isRefreshing: false
+ });
+
+ return {
+ ...store,
+ setRefreshing: (isRefreshing: boolean) => {
+ store.update((state) => ({ ...state, isRefreshing }));
+ },
+ setAuthenticated: (isAuthenticated: boolean) => {
+ store.update((state) => ({ ...state, isAuthenticated }));
+ },
+ setUser: (user: AuthState["user"]) => {
+ store.update((state) => ({ ...state, isAuthenticated: true, user }));
+ },
+ reset: () => {
+ store.set({
+ isAuthenticated: false,
+ isRefreshing: false,
+ user: undefined
+ });
+ }
+ };
+}
+
+export const auth = createAuthStore();
diff --git a/src/lib/stores/sidebar.ts b/src/lib/stores/sidebar.ts
new file mode 100644
index 0000000..3cba045
--- /dev/null
+++ b/src/lib/stores/sidebar.ts
@@ -0,0 +1,25 @@
+import { browser } from "$app/environment";
+import { writable } from "svelte/store";
+
+interface AuthState {
+ isOpen: boolean;
+}
+
+const LOCAL_STORAGE_KEY = "sidebar-is-open";
+
+function createSidebarStore() {
+ const storedValue = browser ? localStorage.getItem(LOCAL_STORAGE_KEY) : null;
+ const store = writable({
+ isOpen: storedValue === "true" ? true : false
+ });
+
+ return {
+ ...store,
+ setOpen: (isOpen: boolean) => {
+ localStorage.setItem(LOCAL_STORAGE_KEY, `${isOpen}`);
+ store.update((state) => ({ ...state, isOpen }));
+ }
+ };
+}
+
+export const sidebar = createSidebarStore();
diff --git a/src/lib/types/tenant.ts b/src/lib/types/tenant.ts
new file mode 100644
index 0000000..0b2419c
--- /dev/null
+++ b/src/lib/types/tenant.ts
@@ -0,0 +1,6 @@
+export type TTenant = {
+ id: string;
+ name: string;
+ url: string;
+ logo?: string;
+};
diff --git a/src/lib/types/user.ts b/src/lib/types/user.ts
new file mode 100644
index 0000000..2ee0868
--- /dev/null
+++ b/src/lib/types/user.ts
@@ -0,0 +1,9 @@
+import type { UserRole } from "$lib/server/auth/authorization-service";
+
+export type TUser = {
+ id: string;
+ email: string;
+ name: string;
+ role: UserRole;
+ tenantId: string | null;
+};
diff --git a/src/lib/utils/name.ts b/src/lib/utils/name.ts
new file mode 100644
index 0000000..0801ddc
--- /dev/null
+++ b/src/lib/utils/name.ts
@@ -0,0 +1,8 @@
+export const nameToAvatarFallback = (name?: string) => {
+ if (!name) return "NN";
+ return name
+ .split(" ")
+ .map((n) => n[0])
+ .join("")
+ .toUpperCase();
+};
diff --git a/src/lib/utils/routes.ts b/src/lib/utils/routes.ts
new file mode 100644
index 0000000..ca4a9bc
--- /dev/null
+++ b/src/lib/utils/routes.ts
@@ -0,0 +1,16 @@
+import { page } from "$app/state";
+import { ROUTES } from "$lib/const/routes";
+
+export const isCurrentSection = (sectionPath: string): boolean => {
+ // Select home when on dashboard main
+ if (page.url.pathname === ROUTES.DASHBOARD.MAIN && sectionPath === ROUTES.DASHBOARD.MAIN) {
+ return true;
+ }
+
+ // Not always select home
+ if (page.url.pathname.startsWith(sectionPath) && sectionPath === ROUTES.DASHBOARD.MAIN) {
+ return false;
+ }
+
+ return page.url.pathname.startsWith(sectionPath);
+};
diff --git a/src/lib/utils/session.ts b/src/lib/utils/session.ts
new file mode 100644
index 0000000..8bd2d9d
--- /dev/null
+++ b/src/lib/utils/session.ts
@@ -0,0 +1,48 @@
+import { goto } from "$app/navigation";
+import { ROUTES } from "$lib/const/routes";
+import { auth } from "$lib/stores/auth";
+
+export const refreshSession = async () => {
+ auth.setRefreshing(true);
+
+ try {
+ const response = await fetch("/api/auth/refresh", {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json"
+ },
+ credentials: "same-origin"
+ });
+
+ if (!response.ok) {
+ // Token is invalid, clear and redirect to login
+ if (response.status === 401) {
+ auth.setRefreshing(false);
+ goto(ROUTES.LOGOUT);
+ return;
+ }
+ }
+
+ refreshUserData();
+ } finally {
+ auth.setRefreshing(false);
+ }
+};
+
+export const refreshUserData = async () => {
+ try {
+ const response = await fetch("/api/auth/session", {
+ method: "GET",
+ headers: {
+ "Content-Type": "application/json"
+ },
+ credentials: "same-origin"
+ });
+
+ const data = await response.json();
+ console.log("refreshed user data", data);
+ // auth.setUser(data.user);
+ } catch (error) {
+ console.error("Failed to refresh user data", error);
+ }
+};
diff --git a/src/routes/(pages)/dashboard/+layout.svelte b/src/routes/(pages)/dashboard/+layout.svelte
new file mode 100644
index 0000000..0bfe2c8
--- /dev/null
+++ b/src/routes/(pages)/dashboard/+layout.svelte
@@ -0,0 +1,32 @@
+
+
+{@render children()}
diff --git a/src/routes/(pages)/dashboard/+page.svelte b/src/routes/(pages)/dashboard/+page.svelte
index f29a407..e73314b 100644
--- a/src/routes/(pages)/dashboard/+page.svelte
+++ b/src/routes/(pages)/dashboard/+page.svelte
@@ -1,2 +1,14 @@
-Hello from Dashboard
-Logout
+
+
+
diff --git a/src/routes/(pages)/dashboard/absences/+page.svelte b/src/routes/(pages)/dashboard/absences/+page.svelte
new file mode 100644
index 0000000..cffe1af
--- /dev/null
+++ b/src/routes/(pages)/dashboard/absences/+page.svelte
@@ -0,0 +1,14 @@
+
+
+
diff --git a/src/routes/(pages)/dashboard/account/+page.svelte b/src/routes/(pages)/dashboard/account/+page.svelte
new file mode 100644
index 0000000..bb69be5
--- /dev/null
+++ b/src/routes/(pages)/dashboard/account/+page.svelte
@@ -0,0 +1,14 @@
+
+
+
diff --git a/src/routes/(pages)/dashboard/agents/+page.svelte b/src/routes/(pages)/dashboard/agents/+page.svelte
new file mode 100644
index 0000000..001ed86
--- /dev/null
+++ b/src/routes/(pages)/dashboard/agents/+page.svelte
@@ -0,0 +1,14 @@
+
+
+
diff --git a/src/routes/(pages)/dashboard/calendar/+page.svelte b/src/routes/(pages)/dashboard/calendar/+page.svelte
new file mode 100644
index 0000000..144e228
--- /dev/null
+++ b/src/routes/(pages)/dashboard/calendar/+page.svelte
@@ -0,0 +1,8 @@
+
+
+
diff --git a/src/routes/(pages)/dashboard/channels/+page.svelte b/src/routes/(pages)/dashboard/channels/+page.svelte
new file mode 100644
index 0000000..ed8fa2a
--- /dev/null
+++ b/src/routes/(pages)/dashboard/channels/+page.svelte
@@ -0,0 +1,14 @@
+
+
+
diff --git a/src/routes/(pages)/dashboard/settings/+page.svelte b/src/routes/(pages)/dashboard/settings/+page.svelte
new file mode 100644
index 0000000..f705c4a
--- /dev/null
+++ b/src/routes/(pages)/dashboard/settings/+page.svelte
@@ -0,0 +1,14 @@
+
+
+
diff --git a/src/routes/(pages)/dashboard/staff/+page.svelte b/src/routes/(pages)/dashboard/staff/+page.svelte
new file mode 100644
index 0000000..4de5067
--- /dev/null
+++ b/src/routes/(pages)/dashboard/staff/+page.svelte
@@ -0,0 +1,14 @@
+
+
+
diff --git a/src/routes/(pages)/dashboard/tenants/+page.svelte b/src/routes/(pages)/dashboard/tenants/+page.svelte
new file mode 100644
index 0000000..8fa19eb
--- /dev/null
+++ b/src/routes/(pages)/dashboard/tenants/+page.svelte
@@ -0,0 +1,14 @@
+
+
+
diff --git a/src/routes/(pages)/login/+page.server.ts b/src/routes/(pages)/login/+page.server.ts
index b2699d0..c6926ce 100644
--- a/src/routes/(pages)/login/+page.server.ts
+++ b/src/routes/(pages)/login/+page.server.ts
@@ -4,6 +4,10 @@ import { zod } from "sveltekit-superforms/adapters";
import type { Actions, PageServerLoad } from "./$types";
import { formSchema } from "./schema";
import type { WebAuthnCredential } from "$lib/server/auth/webauthn-service";
+import type { TUser } from "$lib/types/user";
+import logger from "$lib/logger";
+
+const log = logger.setContext("/login");
export const load: PageServerLoad = async () => {
return {
@@ -16,11 +20,10 @@ export const actions: Actions = {
const form = await superValidate(event, zod(formSchema));
if (!form.valid) {
- if (!form.valid) {
- return fail(400, {
- form: { ...form, data: { ...form.data, type: "passkey" } }
- });
- }
+ log.error("Login form is not valid", { errors: form.errors });
+ return fail(400, {
+ form: { ...form, data: { ...form.data, type: "passkey" } }
+ });
}
let body: { credential?: WebAuthnCredential; email: string; passphrase?: string } = {
@@ -52,8 +55,22 @@ export const actions: Actions = {
body: JSON.stringify(body)
});
- if (resp.status < 400) {
- return { form };
+ let user: TUser | null = null;
+ try {
+ const respJson = await resp.json();
+ user = {
+ id: respJson.user.id,
+ email: respJson.user.email,
+ name: respJson.user.name,
+ role: respJson.user.role,
+ tenantId: respJson.user.tenantId
+ };
+ } catch (error) {
+ log.error("Error parsing login response JSON", { error });
+ }
+
+ if (resp.status < 400 && user) {
+ return { form, user };
} else {
return fail(400, {
form
diff --git a/src/routes/(pages)/login/login-form.svelte b/src/routes/(pages)/login/login-form.svelte
index d3a5183..5da576c 100644
--- a/src/routes/(pages)/login/login-form.svelte
+++ b/src/routes/(pages)/login/login-form.svelte
@@ -17,6 +17,7 @@
import type { PasskeyState } from "$lib/components/ui/passkey/state.svelte";
import { arrayBufferToBase64, fetchChallenge, getCredential } from "$lib/utils/passkey";
import { Label } from "$lib/components/ui/label";
+ import { auth } from "$lib/stores/auth";
let {
data,
@@ -34,6 +35,7 @@
},
onResult: async (event) => {
if (event.result.type === "success") {
+ auth.setUser(event.result.data?.user);
await goto(ROUTES.DASHBOARD.MAIN);
} else {
toast.error(m["login.error"]());
diff --git a/src/routes/(pages)/logout/+page.server.ts b/src/routes/(pages)/logout/+page.server.ts
index 9a447df..81414c0 100644
--- a/src/routes/(pages)/logout/+page.server.ts
+++ b/src/routes/(pages)/logout/+page.server.ts
@@ -1,3 +1,4 @@
+import { auth } from "$lib/stores/auth";
import type { PageServerLoad } from "./$types";
export const load: PageServerLoad = async (event) => {
@@ -13,5 +14,7 @@ export const load: PageServerLoad = async (event) => {
return resp.status < 400;
});
+ auth.reset();
+
return { streaming: { success } };
};
diff --git a/src/server-hooks/authGuard.ts b/src/server-hooks/authGuard.ts
index 37bf404..5489e89 100644
--- a/src/server-hooks/authGuard.ts
+++ b/src/server-hooks/authGuard.ts
@@ -3,6 +3,7 @@ import { SessionService } from "$lib/server/auth/session-service";
import { AuthorizationService } from "$lib/server/auth/authorization-service";
import { getAccessToken } from "./utils/accessToken";
import { ROUTES } from "$lib/const/routes";
+import { auth } from "$lib/stores/auth";
export const authGuard: Handle = async ({ event, resolve }) => {
const { url } = event;
@@ -24,6 +25,15 @@ export const authGuard: Handle = async ({ event, resolve }) => {
const sessionData = await SessionService.validateTokenWithDB(accessToken);
if (!sessionData) redirect(302, ROUTES.LOGIN);
+ // Set user in auth store for SSR
+ auth.setUser({
+ id: sessionData.user.id,
+ email: sessionData.user.email,
+ name: sessionData.user.name,
+ role: sessionData.user.role,
+ tenantId: sessionData.user.tenantId
+ });
+
switch (true) {
case isDashboardRoute &&
AuthorizationService.hasAnyRole(sessionData.user, [