- Added sidebar menu components including sidebar-menu-item, sidebar-menu-skeleton, sidebar-menu-sub-button, sidebar-menu-sub-item, sidebar-menu-sub, sidebar-menu, sidebar-provider, sidebar-rail, sidebar-separator, sidebar-trigger, and sidebar. - Introduced skeleton loading states for sidebar items. - Integrated tooltip components for enhanced user interaction. - Developed mobile responsiveness using media queries. - Established authentication flow with Keycloak, including login, logout, and token management. - Implemented server-side redirection based on authentication status. - Enhanced error handling and logging for authentication processes.
25 lines
810 B
TypeScript
25 lines
810 B
TypeScript
import type { Handle } from '@sveltejs/kit';
|
|
import { paraglideMiddleware } from '$lib/paraglide/server';
|
|
import { sequence } from '@sveltejs/kit/hooks';
|
|
|
|
const handleParaglide: Handle = ({ event, resolve }) => paraglideMiddleware(event.request, ({ request, locale }) => {
|
|
event.request = request;
|
|
|
|
return resolve(event, {
|
|
transformPageChunk: ({ html }) => html.replace('%paraglide.lang%', locale)
|
|
});
|
|
});
|
|
|
|
const handleAuth: Handle = async ({ event, resolve }) => {
|
|
// Obtener el token de las cookies
|
|
const token = event.cookies.get('access_token');
|
|
|
|
// Agregar el token a los locals para que esté disponible en toda la app
|
|
event.locals.token = token || null;
|
|
event.locals.isAuthenticated = !!token;
|
|
|
|
return resolve(event);
|
|
};
|
|
|
|
export const handle: Handle = sequence(handleAuth, handleParaglide);
|