includio-cms 0.1.0 → 0.1.2

package/dist/admin/client/users/lang.d.ts

@@ -0,0 +1,57 @@
+import type { InterfaceLanguage } from '../../../types/languages.js';
+export declare const usersLang: Record<InterfaceLanguage, {
+    title: string;
+    name: string;
+    email: string;
+    role: string;
+    createdAt: string;
+    actions: string;
+    search: string;
+    createUser: string;
+    editUser: string;
+    deleteUser: string;
+    save: string;
+    cancel: string;
+    password: string;
+    roleAdmin: string;
+    roleUser: string;
+    deleteConfirmTitle: string;
+    deleteConfirmDescription: string;
+    userCreated: string;
+    userUpdated: string;
+    userDeleted: string;
+    cannotDeleteSelf: string;
+    cannotChangeSelfRole: string;
+    noResults: string;
+    generatePassword: string;
+    sessions: {
+        title: string;
+        noSessions: string;
+        revoke: string;
+        revokeAll: string;
+        sessionRevoked: string;
+        allSessionsRevoked: string;
+        lastActive: string;
+        close: string;
+    };
+    invite: {
+        inviteUser: string;
+        sendInvite: string;
+        inviteSent: string;
+        pendingInvitations: string;
+        noPending: string;
+        expires: string;
+        cancelInvite: string;
+        inviteCancelled: string;
+        emailAlreadyRegistered: string;
+        acceptTitle: string;
+        acceptDescription: string;
+        confirmPassword: string;
+        acceptInvite: string;
+        accepted: string;
+        invalidToken: string;
+        emailConfigRequired: string;
+        resend: string;
+        resent: string;
+    };
+}>;

package/dist/admin/client/users/lang.js

@@ -0,0 +1,114 @@
+export const usersLang = {
+    en: {
+        title: 'Users',
+        name: 'Name',
+        email: 'Email',
+        role: 'Role',
+        createdAt: 'Created At',
+        actions: 'Actions',
+        search: 'Search users...',
+        createUser: 'Create User',
+        editUser: 'Edit User',
+        deleteUser: 'Delete User',
+        save: 'Save',
+        cancel: 'Cancel',
+        password: 'Password',
+        roleAdmin: 'Admin',
+        roleUser: 'User',
+        deleteConfirmTitle: 'Delete user?',
+        deleteConfirmDescription: 'This action cannot be undone. The user will be permanently deleted.',
+        userCreated: 'User created',
+        userUpdated: 'User updated',
+        userDeleted: 'User deleted',
+        cannotDeleteSelf: 'You cannot delete your own account',
+        cannotChangeSelfRole: 'You cannot change your own role',
+        noResults: 'No users found',
+        generatePassword: 'Generate password',
+        sessions: {
+            title: 'User Sessions',
+            noSessions: 'No active sessions',
+            revoke: 'Revoke',
+            revokeAll: 'Revoke all sessions',
+            sessionRevoked: 'Session revoked',
+            allSessionsRevoked: 'All sessions revoked',
+            lastActive: 'Last active',
+            close: 'Close'
+        },
+        invite: {
+            inviteUser: 'Invite User',
+            sendInvite: 'Send Invite',
+            inviteSent: 'Invitation sent',
+            pendingInvitations: 'Pending Invitations',
+            noPending: 'No pending invitations',
+            expires: 'Expires',
+            cancelInvite: 'Cancel',
+            inviteCancelled: 'Invitation cancelled',
+            emailAlreadyRegistered: 'This email is already registered',
+            acceptTitle: 'Accept Invitation',
+            acceptDescription: 'Set up your account to get started.',
+            confirmPassword: 'Confirm password',
+            acceptInvite: 'Create Account',
+            accepted: 'Account created! Redirecting to login...',
+            invalidToken: 'Invalid or expired invitation link',
+            emailConfigRequired: 'Email adapter not configured',
+            resend: 'Resend',
+            resent: 'Invitation resent'
+        }
+    },
+    pl: {
+        title: 'Użytkownicy',
+        name: 'Imię',
+        email: 'E-mail',
+        role: 'Rola',
+        createdAt: 'Utworzono',
+        actions: 'Akcje',
+        search: 'Szukaj użytkowników...',
+        createUser: 'Utwórz użytkownika',
+        editUser: 'Edytuj użytkownika',
+        deleteUser: 'Usuń użytkownika',
+        save: 'Zapisz',
+        cancel: 'Anuluj',
+        password: 'Hasło',
+        roleAdmin: 'Admin',
+        roleUser: 'Użytkownik',
+        deleteConfirmTitle: 'Usunąć użytkownika?',
+        deleteConfirmDescription: 'Ta akcja jest nieodwracalna. Użytkownik zostanie trwale usunięty.',
+        userCreated: 'Użytkownik utworzony',
+        userUpdated: 'Użytkownik zaktualizowany',
+        userDeleted: 'Użytkownik usunięty',
+        cannotDeleteSelf: 'Nie możesz usunąć swojego konta',
+        cannotChangeSelfRole: 'Nie możesz zmienić swojej roli',
+        noResults: 'Nie znaleziono użytkowników',
+        generatePassword: 'Wygeneruj hasło',
+        sessions: {
+            title: 'Sesje użytkownika',
+            noSessions: 'Brak aktywnych sesji',
+            revoke: 'Zakończ',
+            revokeAll: 'Zakończ wszystkie sesje',
+            sessionRevoked: 'Sesja zakończona',
+            allSessionsRevoked: 'Wszystkie sesje zakończone',
+            lastActive: 'Ostatnio aktywna',
+            close: 'Zamknij'
+        },
+        invite: {
+            inviteUser: 'Zaproś użytkownika',
+            sendInvite: 'Wyślij zaproszenie',
+            inviteSent: 'Zaproszenie wysłane',
+            pendingInvitations: 'Oczekujące zaproszenia',
+            noPending: 'Brak oczekujących zaproszeń',
+            expires: 'Wygasa',
+            cancelInvite: 'Anuluj',
+            inviteCancelled: 'Zaproszenie anulowane',
+            emailAlreadyRegistered: 'Ten adres e-mail jest już zarejestrowany',
+            acceptTitle: 'Przyjmij zaproszenie',
+            acceptDescription: 'Skonfiguruj swoje konto, aby rozpocząć.',
+            confirmPassword: 'Potwierdź hasło',
+            acceptInvite: 'Utwórz konto',
+            accepted: 'Konto utworzone! Przekierowywanie do logowania...',
+            invalidToken: 'Nieprawidłowy lub wygasły link zaproszenia',
+            emailConfigRequired: 'Adapter e-mail nie jest skonfigurowany',
+            resend: 'Wyślij ponownie',
+            resent: 'Zaproszenie wysłane ponownie'
+        }
+    }
+};

package/dist/admin/client/users/pending-invitations.svelte

@@ -0,0 +1,145 @@
+<script lang="ts">
+	import * as Table from '../../../components/ui/table/index.js';
+	import { Badge } from '../../../components/ui/badge/index.js';
+	import Button from '../../../components/ui/button/button.svelte';
+	import Loader2 from '@tabler/icons-svelte/icons/loader-2';
+	import Trash from '@tabler/icons-svelte/icons/trash';
+	import Send from '@tabler/icons-svelte/icons/send';
+	import { toast } from 'svelte-sonner';
+	import { usersLang } from './lang.js';
+	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
+	import { toLocaleCode } from '../../utils/formatDate.js';
+
+	type Props = {
+		refreshTrigger?: number;
+	};
+
+	let { refreshTrigger = 0 }: Props = $props();
+
+	type Invitation = {
+		id: string;
+		email: string;
+		role: string;
+		expiresAt: string;
+		createdAt: string;
+	};
+
+	const interfaceLanguage = useInterfaceLanguage();
+	const lang = $derived(usersLang[interfaceLanguage.current]);
+
+	let invitations = $state<Invitation[]>([]);
+	let loading = $state(true);
+
+	$effect(() => {
+		// eslint-disable-next-line @typescript-eslint/no-unused-expressions
+		refreshTrigger;
+		loadInvitations();
+	});
+
+	async function loadInvitations() {
+		loading = true;
+		try {
+			const res = await fetch('/admin/api/invite');
+			const data = await res.json();
+			invitations = data.invitations ?? [];
+		} catch {
+			invitations = [];
+		}
+		loading = false;
+	}
+
+	async function resendInvitation(id: string) {
+		const res = await fetch('/admin/api/invite', {
+			method: 'PATCH',
+			headers: { 'Content-Type': 'application/json' },
+			body: JSON.stringify({ id })
+		});
+
+		if (res.ok) {
+			toast.success(lang.invite.resent);
+		} else {
+			const data = await res.json();
+			toast.error(data.error || 'Error');
+		}
+	}
+
+	async function cancelInvitation(id: string) {
+		const res = await fetch('/admin/api/invite', {
+			method: 'DELETE',
+			headers: { 'Content-Type': 'application/json' },
+			body: JSON.stringify({ id })
+		});
+
+		if (res.ok) {
+			toast.success(lang.invite.inviteCancelled);
+			await loadInvitations();
+		}
+	}
+
+	function formatDate(date: string): string {
+		return new Date(date).toLocaleString(toLocaleCode(interfaceLanguage.current), {
+			year: 'numeric',
+			month: 'short',
+			day: 'numeric'
+		});
+	}
+</script>
+
+<div class="mt-8">
+	<h2 class="mb-4 text-lg font-semibold">{lang.invite.pendingInvitations}</h2>
+
+	{#if loading}
+		<div class="flex items-center justify-center py-8">
+			<Loader2 class="text-muted-foreground size-6 animate-spin" />
+		</div>
+	{:else if invitations.length === 0}
+		<p class="text-muted-foreground py-4 text-center text-sm">{lang.invite.noPending}</p>
+	{:else}
+		<div class="overflow-hidden rounded-2xl border">
+			<Table.Root>
+				<Table.Header>
+					<Table.Row>
+						<Table.Head>{lang.email}</Table.Head>
+						<Table.Head>{lang.role}</Table.Head>
+						<Table.Head>{lang.invite.expires}</Table.Head>
+						<Table.Head class="text-right">{lang.actions}</Table.Head>
+					</Table.Row>
+				</Table.Header>
+				<Table.Body>
+					{#each invitations as inv (inv.id)}
+						<Table.Row>
+							<Table.Cell>{inv.email}</Table.Cell>
+							<Table.Cell>
+								<Badge variant={inv.role === 'admin' ? 'default' : 'secondary'}>
+									{inv.role === 'admin' ? lang.roleAdmin : lang.roleUser}
+								</Badge>
+							</Table.Cell>
+							<Table.Cell>{formatDate(inv.expiresAt)}</Table.Cell>
+							<Table.Cell class="text-right">
+								<div class="flex items-center justify-end gap-1">
+									<Button
+										variant="ghost"
+										size="icon"
+										class="h-8 w-8"
+										title={lang.invite.resend}
+										onclick={() => resendInvitation(inv.id)}
+									>
+										<Send class="size-4" />
+									</Button>
+									<Button
+										variant="ghost"
+										size="icon"
+										class="text-destructive h-8 w-8"
+										onclick={() => cancelInvitation(inv.id)}
+									>
+										<Trash class="size-4" />
+									</Button>
+								</div>
+							</Table.Cell>
+						</Table.Row>
+					{/each}
+				</Table.Body>
+			</Table.Root>
+		</div>
+	{/if}
+</div>

package/dist/admin/client/users/pending-invitations.svelte.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    refreshTrigger?: number;
+};
+declare const PendingInvitations: import("svelte").Component<Props, {}, "">;
+type PendingInvitations = ReturnType<typeof PendingInvitations>;
+export default PendingInvitations;

package/dist/admin/client/users/user-sessions-sheet.svelte

@@ -0,0 +1,141 @@
+<script lang="ts">
+	import * as Sheet from '../../../components/ui/sheet/index.js';
+	import Button from '../../../components/ui/button/button.svelte';
+	import DeviceDesktop from '@tabler/icons-svelte/icons/device-desktop';
+	import DeviceMobile from '@tabler/icons-svelte/icons/device-mobile';
+	import Loader2 from '@tabler/icons-svelte/icons/loader-2';
+	import { authClient } from '../../auth-client.js';
+	import { toast } from 'svelte-sonner';
+	import { parseUserAgent } from '../../utils/parseUserAgent.js';
+	import { usersLang } from './lang.js';
+	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
+	import { toLocaleCode } from '../../utils/formatDate.js';
+
+	type Props = {
+		open: boolean;
+		userId: string | null;
+		userName: string;
+	};
+
+	let { open = $bindable(), userId, userName }: Props = $props();
+
+	type Session = {
+		id: string;
+		userAgent?: string | null;
+		ipAddress?: string | null;
+		createdAt: Date;
+		updatedAt: Date;
+		token: string;
+	};
+
+	const interfaceLanguage = useInterfaceLanguage();
+	const lang = $derived(usersLang[interfaceLanguage.current]);
+
+	let sessions = $state<Session[]>([]);
+	let loading = $state(false);
+
+	$effect(() => {
+		if (open && userId) {
+			loadSessions(userId);
+		}
+	});
+
+	async function loadSessions(uid: string) {
+		loading = true;
+		const { data, error } = await authClient.admin.listUserSessions({
+			userId: uid
+		});
+		if (data) {
+			sessions = data.sessions as Session[];
+		} else {
+			sessions = [];
+		}
+		loading = false;
+	}
+
+	async function revokeSession(sessionToken: string) {
+		const { error } = await authClient.admin.revokeUserSession({
+			sessionToken
+		});
+		if (error) {
+			toast.error(error.message || 'Failed to revoke session');
+		} else {
+			toast.success(lang.sessions.sessionRevoked);
+			if (userId) await loadSessions(userId);
+		}
+	}
+
+	async function revokeAll() {
+		if (!userId) return;
+		const { error } = await authClient.admin.revokeUserSessions({
+			userId
+		});
+		if (error) {
+			toast.error(error.message || 'Failed to revoke sessions');
+		} else {
+			toast.success(lang.sessions.allSessionsRevoked);
+			await loadSessions(userId);
+		}
+	}
+
+	function formatDate(date: Date | string): string {
+		return new Date(date).toLocaleString(toLocaleCode(interfaceLanguage.current), {
+			year: 'numeric',
+			month: 'short',
+			day: 'numeric',
+			hour: '2-digit',
+			minute: '2-digit'
+		});
+	}
+</script>
+
+<Sheet.Root bind:open>
+	<Sheet.Content side="right" class="w-[400px] sm:max-w-[400px]">
+		<Sheet.Header>
+			<Sheet.Title>{lang.sessions.title} — {userName}</Sheet.Title>
+		</Sheet.Header>
+		<div class="flex-1 overflow-y-auto px-4 pb-4">
+			{#if loading}
+				<div class="flex items-center justify-center py-8">
+					<Loader2 class="text-muted-foreground size-6 animate-spin" />
+				</div>
+			{:else if sessions.length === 0}
+				<p class="text-muted-foreground py-8 text-center text-sm">{lang.sessions.noSessions}</p>
+			{:else}
+				<div class="space-y-3">
+					{#each sessions as session}
+						{@const ua = parseUserAgent(session.userAgent)}
+						<div class="flex items-center justify-between rounded-lg border p-3">
+							<div class="flex items-center gap-3">
+								<div class="text-muted-foreground">
+									{#if ua.isMobile}
+										<DeviceMobile class="size-5" />
+									{:else}
+										<DeviceDesktop class="size-5" />
+									{/if}
+								</div>
+								<div>
+									<div class="text-sm font-medium">{ua.browser} on {ua.os}</div>
+									<div class="text-muted-foreground text-xs">
+										{session.ipAddress || 'Unknown IP'} &middot; {lang.sessions.lastActive}: {formatDate(session.updatedAt)}
+									</div>
+								</div>
+							</div>
+							<Button variant="ghost" size="sm" class="text-destructive text-xs" onclick={() => revokeSession(session.token)}>
+								{lang.sessions.revoke}
+							</Button>
+						</div>
+					{/each}
+				</div>
+
+				{#if sessions.length > 1}
+					<div class="mt-4 border-t pt-4">
+						<Button variant="ghost" size="sm" class="text-destructive" onclick={revokeAll}>
+							{lang.sessions.revokeAll}
+						</Button>
+					</div>
+				{/if}
+			{/if}
+		</div>
+	</Sheet.Content>
+</Sheet.Root>

package/dist/admin/client/users/user-sessions-sheet.svelte.d.ts

@@ -0,0 +1,8 @@
+type Props = {
+    open: boolean;
+    userId: string | null;
+    userName: string;
+};
+declare const UserSessionsSheet: import("svelte").Component<Props, {}, "open">;
+type UserSessionsSheet = ReturnType<typeof UserSessionsSheet>;
+export default UserSessionsSheet;