`
+ 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/website/src/lib/components/ui/sidebar/index.ts b/website/src/lib/components/ui/sidebar/index.ts
new file mode 100644
index 0000000..318a341
--- /dev/null
+++ b/website/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/website/src/lib/components/ui/sidebar/sidebar-content.svelte b/website/src/lib/components/ui/sidebar/sidebar-content.svelte
new file mode 100644
index 0000000..f121800
--- /dev/null
+++ b/website/src/lib/components/ui/sidebar/sidebar-content.svelte
@@ -0,0 +1,24 @@
+
+
+
+ {@render children?.()}
+
diff --git a/website/src/lib/components/ui/sidebar/sidebar-footer.svelte b/website/src/lib/components/ui/sidebar/sidebar-footer.svelte
new file mode 100644
index 0000000..6259cb9
--- /dev/null
+++ b/website/src/lib/components/ui/sidebar/sidebar-footer.svelte
@@ -0,0 +1,21 @@
+
+
+
+ {@render children?.()}
+
diff --git a/website/src/lib/components/ui/sidebar/sidebar-group-action.svelte b/website/src/lib/components/ui/sidebar/sidebar-group-action.svelte
new file mode 100644
index 0000000..fb84e4a
--- /dev/null
+++ b/website/src/lib/components/ui/sidebar/sidebar-group-action.svelte
@@ -0,0 +1,36 @@
+
+
+{#if child}
+ {@render child({ props: mergedProps })}
+{:else}
+
+{/if}
diff --git a/website/src/lib/components/ui/sidebar/sidebar-group-content.svelte b/website/src/lib/components/ui/sidebar/sidebar-group-content.svelte
new file mode 100644
index 0000000..415255f
--- /dev/null
+++ b/website/src/lib/components/ui/sidebar/sidebar-group-content.svelte
@@ -0,0 +1,21 @@
+
+
+
+ {@render children?.()}
+
diff --git a/website/src/lib/components/ui/sidebar/sidebar-group-label.svelte b/website/src/lib/components/ui/sidebar/sidebar-group-label.svelte
new file mode 100644
index 0000000..e292945
--- /dev/null
+++ b/website/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/website/src/lib/components/ui/sidebar/sidebar-group.svelte b/website/src/lib/components/ui/sidebar/sidebar-group.svelte
new file mode 100644
index 0000000..ec18a69
--- /dev/null
+++ b/website/src/lib/components/ui/sidebar/sidebar-group.svelte
@@ -0,0 +1,21 @@
+
+
+
+ {@render children?.()}
+
diff --git a/website/src/lib/components/ui/sidebar/sidebar-header.svelte b/website/src/lib/components/ui/sidebar/sidebar-header.svelte
new file mode 100644
index 0000000..a1b2db1
--- /dev/null
+++ b/website/src/lib/components/ui/sidebar/sidebar-header.svelte
@@ -0,0 +1,21 @@
+
+
+
+ {@render children?.()}
+
diff --git a/website/src/lib/components/ui/sidebar/sidebar-input.svelte b/website/src/lib/components/ui/sidebar/sidebar-input.svelte
new file mode 100644
index 0000000..19b3666
--- /dev/null
+++ b/website/src/lib/components/ui/sidebar/sidebar-input.svelte
@@ -0,0 +1,21 @@
+
+
+
diff --git a/website/src/lib/components/ui/sidebar/sidebar-inset.svelte b/website/src/lib/components/ui/sidebar/sidebar-inset.svelte
new file mode 100644
index 0000000..d862761
--- /dev/null
+++ b/website/src/lib/components/ui/sidebar/sidebar-inset.svelte
@@ -0,0 +1,24 @@
+
+
+
+ {@render children?.()}
+
diff --git a/website/src/lib/components/ui/sidebar/sidebar-menu-action.svelte b/website/src/lib/components/ui/sidebar/sidebar-menu-action.svelte
new file mode 100644
index 0000000..fa3fb0c
--- /dev/null
+++ b/website/src/lib/components/ui/sidebar/sidebar-menu-action.svelte
@@ -0,0 +1,43 @@
+
+
+{#if child}
+ {@render child({ props: mergedProps })}
+{:else}
+
+{/if}
diff --git a/website/src/lib/components/ui/sidebar/sidebar-menu-badge.svelte b/website/src/lib/components/ui/sidebar/sidebar-menu-badge.svelte
new file mode 100644
index 0000000..69e5a3c
--- /dev/null
+++ b/website/src/lib/components/ui/sidebar/sidebar-menu-badge.svelte
@@ -0,0 +1,29 @@
+
+
+
+ {@render children?.()}
+
diff --git a/website/src/lib/components/ui/sidebar/sidebar-menu-button.svelte b/website/src/lib/components/ui/sidebar/sidebar-menu-button.svelte
new file mode 100644
index 0000000..4bef683
--- /dev/null
+++ b/website/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/website/src/lib/components/ui/sidebar/sidebar-menu-item.svelte b/website/src/lib/components/ui/sidebar/sidebar-menu-item.svelte
new file mode 100644
index 0000000..4db4453
--- /dev/null
+++ b/website/src/lib/components/ui/sidebar/sidebar-menu-item.svelte
@@ -0,0 +1,21 @@
+
+
+
diff --git a/website/src/lib/components/ui/sidebar/sidebar-menu-skeleton.svelte b/website/src/lib/components/ui/sidebar/sidebar-menu-skeleton.svelte
new file mode 100644
index 0000000..cc63b04
--- /dev/null
+++ b/website/src/lib/components/ui/sidebar/sidebar-menu-skeleton.svelte
@@ -0,0 +1,36 @@
+
+
+
+ {#if showIcon}
+
+ {/if}
+
+ {@render children?.()}
+
diff --git a/website/src/lib/components/ui/sidebar/sidebar-menu-sub-button.svelte b/website/src/lib/components/ui/sidebar/sidebar-menu-sub-button.svelte
new file mode 100644
index 0000000..987f104
--- /dev/null
+++ b/website/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/website/src/lib/components/ui/sidebar/sidebar-menu-sub-item.svelte b/website/src/lib/components/ui/sidebar/sidebar-menu-sub-item.svelte
new file mode 100644
index 0000000..681d0f1
--- /dev/null
+++ b/website/src/lib/components/ui/sidebar/sidebar-menu-sub-item.svelte
@@ -0,0 +1,21 @@
+
+
+
diff --git a/website/src/lib/components/ui/sidebar/sidebar-menu-sub.svelte b/website/src/lib/components/ui/sidebar/sidebar-menu-sub.svelte
new file mode 100644
index 0000000..8ab1111
--- /dev/null
+++ b/website/src/lib/components/ui/sidebar/sidebar-menu-sub.svelte
@@ -0,0 +1,25 @@
+
+
+
+ {@render children?.()}
+
diff --git a/website/src/lib/components/ui/sidebar/sidebar-menu.svelte b/website/src/lib/components/ui/sidebar/sidebar-menu.svelte
new file mode 100644
index 0000000..946ccce
--- /dev/null
+++ b/website/src/lib/components/ui/sidebar/sidebar-menu.svelte
@@ -0,0 +1,21 @@
+
+
+
+ {@render children?.()}
+
diff --git a/website/src/lib/components/ui/sidebar/sidebar-provider.svelte b/website/src/lib/components/ui/sidebar/sidebar-provider.svelte
new file mode 100644
index 0000000..5b0d0aa
--- /dev/null
+++ b/website/src/lib/components/ui/sidebar/sidebar-provider.svelte
@@ -0,0 +1,53 @@
+
+
+
+
+
+
+ {@render children?.()}
+
+
diff --git a/website/src/lib/components/ui/sidebar/sidebar-rail.svelte b/website/src/lib/components/ui/sidebar/sidebar-rail.svelte
new file mode 100644
index 0000000..e913d21
--- /dev/null
+++ b/website/src/lib/components/ui/sidebar/sidebar-rail.svelte
@@ -0,0 +1,36 @@
+
+
+
diff --git a/website/src/lib/components/ui/sidebar/sidebar-separator.svelte b/website/src/lib/components/ui/sidebar/sidebar-separator.svelte
new file mode 100644
index 0000000..18d791b
--- /dev/null
+++ b/website/src/lib/components/ui/sidebar/sidebar-separator.svelte
@@ -0,0 +1,19 @@
+
+
+
diff --git a/website/src/lib/components/ui/sidebar/sidebar-trigger.svelte b/website/src/lib/components/ui/sidebar/sidebar-trigger.svelte
new file mode 100644
index 0000000..1825182
--- /dev/null
+++ b/website/src/lib/components/ui/sidebar/sidebar-trigger.svelte
@@ -0,0 +1,35 @@
+
+
+
diff --git a/website/src/lib/components/ui/sidebar/sidebar.svelte b/website/src/lib/components/ui/sidebar/sidebar.svelte
new file mode 100644
index 0000000..c8c36df
--- /dev/null
+++ b/website/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/website/src/lib/components/ui/skeleton/index.ts b/website/src/lib/components/ui/skeleton/index.ts
new file mode 100644
index 0000000..186db21
--- /dev/null
+++ b/website/src/lib/components/ui/skeleton/index.ts
@@ -0,0 +1,7 @@
+import Root from "./skeleton.svelte";
+
+export {
+ Root,
+ //
+ Root as Skeleton,
+};
diff --git a/website/src/lib/components/ui/skeleton/skeleton.svelte b/website/src/lib/components/ui/skeleton/skeleton.svelte
new file mode 100644
index 0000000..c7e3d26
--- /dev/null
+++ b/website/src/lib/components/ui/skeleton/skeleton.svelte
@@ -0,0 +1,17 @@
+
+
+
diff --git a/website/src/lib/components/ui/tooltip/index.ts b/website/src/lib/components/ui/tooltip/index.ts
new file mode 100644
index 0000000..313a7f0
--- /dev/null
+++ b/website/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/website/src/lib/components/ui/tooltip/tooltip-content.svelte b/website/src/lib/components/ui/tooltip/tooltip-content.svelte
new file mode 100644
index 0000000..a279295
--- /dev/null
+++ b/website/src/lib/components/ui/tooltip/tooltip-content.svelte
@@ -0,0 +1,47 @@
+
+
+
+
+ {@render children?.()}
+
+ {#snippet child({ props })}
+
+ {/snippet}
+
+
+
diff --git a/website/src/lib/components/ui/tooltip/tooltip-trigger.svelte b/website/src/lib/components/ui/tooltip/tooltip-trigger.svelte
new file mode 100644
index 0000000..1acdaa4
--- /dev/null
+++ b/website/src/lib/components/ui/tooltip/tooltip-trigger.svelte
@@ -0,0 +1,7 @@
+
+
+
diff --git a/website/src/lib/hooks/is-mobile.svelte.ts b/website/src/lib/hooks/is-mobile.svelte.ts
new file mode 100644
index 0000000..a34b204
--- /dev/null
+++ b/website/src/lib/hooks/is-mobile.svelte.ts
@@ -0,0 +1,9 @@
+import { MediaQuery } from "svelte/reactivity";
+
+const MOBILE_BREAKPOINT = 768;
+
+export class IsMobile extends MediaQuery {
+ constructor() {
+ super(`max-width: ${MOBILE_BREAKPOINT - 1}px`);
+ }
+}
diff --git a/website/src/lib/server/db/index.ts b/website/src/lib/server/db/index.ts
index 54e3632..623e74d 100644
--- a/website/src/lib/server/db/index.ts
+++ b/website/src/lib/server/db/index.ts
@@ -1,6 +1,18 @@
import { drizzle } from 'drizzle-orm/postgres-js';
import postgres from 'postgres';
import { env } from '$env/dynamic/private';
+import * as schema from './schema';
+
if (!env.DATABASE_URL) throw new Error('DATABASE_URL is not set');
-const client = postgres(env.DATABASE_URL);
-export const db = drizzle(client);
+/**
+ * Cache the database connection in development. This avoids creating a new connection on every HMR
+ * update.
+ */
+const globalForDb = globalThis as unknown as {
+ client: postgres.Sql | undefined;
+};
+
+const client = globalForDb.client ?? postgres(env.DATABASE_URL);
+if (env.NODE_ENV !== 'production') globalForDb.client = client;
+
+export const db = drizzle(client, { schema });
\ No newline at end of file
diff --git a/website/src/lib/server/db/schema.ts b/website/src/lib/server/db/schema.ts
index aba346f..07e4737 100644
--- a/website/src/lib/server/db/schema.ts
+++ b/website/src/lib/server/db/schema.ts
@@ -1,6 +1,50 @@
-import { pgTable, serial, text, integer } from 'drizzle-orm/pg-core';
+import { pgTable, text, timestamp, boolean } from "drizzle-orm/pg-core";
-export const user = pgTable('user', {
- id: serial('id').primaryKey(),
- age: integer('age')
+export const user = pgTable("user", {
+ id: text("id").primaryKey(),
+ name: text('name').notNull(),
+ email: text('email').notNull().unique(),
+ emailVerified: boolean('email_verified').notNull(),
+ image: text('image'),
+ createdAt: timestamp('created_at').notNull(),
+ updatedAt: timestamp('updated_at').notNull(),
+ isAdmin: boolean('is_admin'),
+ isBanned: boolean('is_banned'),
+ banReason: text('ban_reason')
+});
+
+export const session = pgTable("session", {
+ id: text("id").primaryKey(),
+ expiresAt: timestamp('expires_at').notNull(),
+ token: text('token').notNull().unique(),
+ createdAt: timestamp('created_at').notNull(),
+ updatedAt: timestamp('updated_at').notNull(),
+ ipAddress: text('ip_address'),
+ userAgent: text('user_agent'),
+ userId: text('user_id').notNull().references(() => user.id)
+});
+
+export const account = pgTable("account", {
+ id: text("id").primaryKey(),
+ accountId: text('account_id').notNull(),
+ providerId: text('provider_id').notNull(),
+ userId: text('user_id').notNull().references(() => user.id),
+ accessToken: text('access_token'),
+ refreshToken: text('refresh_token'),
+ idToken: text('id_token'),
+ accessTokenExpiresAt: timestamp('access_token_expires_at'),
+ refreshTokenExpiresAt: timestamp('refresh_token_expires_at'),
+ scope: text('scope'),
+ password: text('password'),
+ createdAt: timestamp('created_at').notNull(),
+ updatedAt: timestamp('updated_at').notNull()
+});
+
+export const verification = pgTable("verification", {
+ id: text("id").primaryKey(),
+ identifier: text('identifier').notNull(),
+ value: text('value').notNull(),
+ expiresAt: timestamp('expires_at').notNull(),
+ createdAt: timestamp('created_at'),
+ updatedAt: timestamp('updated_at')
});
diff --git a/website/src/lib/stores/user-data.ts b/website/src/lib/stores/user-data.ts
new file mode 100644
index 0000000..88c954f
--- /dev/null
+++ b/website/src/lib/stores/user-data.ts
@@ -0,0 +1,13 @@
+import { writable } from 'svelte/store';
+
+export type User = {
+ id: string;
+ name: string;
+ email: string;
+ isAdmin: boolean;
+ image: string;
+ isBanned: boolean;
+ banReason: string | null;
+} | null;
+
+export const USER_DATA = writable(undefined);
\ No newline at end of file
diff --git a/website/src/routes/+layout.server.ts b/website/src/routes/+layout.server.ts
new file mode 100644
index 0000000..2752ac3
--- /dev/null
+++ b/website/src/routes/+layout.server.ts
@@ -0,0 +1,22 @@
+import { auth } from '$lib/auth';
+import { db } from '$lib/server/db';
+import { eq } from 'drizzle-orm';
+import type { LayoutServerLoad } from './$types';
+import { dev } from '$app/environment';
+
+export const load: LayoutServerLoad = async (event) => {
+ event.setHeaders({
+ 'Cache-Control': dev
+ ? 'no-cache'
+ : 'private, max-age=30'
+ });
+
+ const sessionResponse = await auth.api.getSession({
+ headers: event.request.headers
+ });
+
+ return {
+ userSession: sessionResponse?.user || null,
+ url: event.url.pathname,
+ };
+};
\ No newline at end of file
diff --git a/website/src/routes/+layout.svelte b/website/src/routes/+layout.svelte
index 9b776b7..61d1b94 100644
--- a/website/src/routes/+layout.svelte
+++ b/website/src/routes/+layout.svelte
@@ -1,6 +1,95 @@
-{@render children()}
+
+
+
+
+
diff --git a/website/static/placeholder_logo.png b/website/static/placeholder_logo.png
new file mode 100644
index 0000000..7fff393
Binary files /dev/null and b/website/static/placeholder_logo.png differ
+