Svelte [svɛlt] - All about Svelte JavaScript framework
11 Dec 2024 19:02
Сегодняшняя фича это новый модуль svelte/reactivity/window экспортирующий реактивные обёртки баиндингов <svelte:window>:
<script>
let width = $state();
let height = $state();
</script>
<svelte:window
bind:innerWidth={width}
bind:innerHeight={height}
/>
<p>{width}x{height}</p>
⬇️🪄⬇️
<script>
import { innerWidth, innerHeight } from 'svelte/reactivity/window';
</script>
<p>{innerWidth.current}x{innerHeight.current}</p>
Дока
Читать полностью…
Svelte [svɛlt] - All about Svelte JavaScript framework
11 Dec 2024 18:04
Ну и выше я кинул полную реализацию аунтефикации по svelte way
Читать полностью…
Svelte [svɛlt] - All about Svelte JavaScript framework
11 Dec 2024 18:03
/channel/promaidens/31
Читать полностью…
Svelte [svɛlt] - All about Svelte JavaScript framework
11 Dec 2024 18:03
https://thecopenhagenbook.com/sessions
Читать полностью…
Svelte [svɛlt] - All about Svelte JavaScript framework
11 Dec 2024 18:02
То есть любой xss скриптец сможет утащить токен сессии?
Читать полностью…
Svelte [svɛlt] - All about Svelte JavaScript framework
11 Dec 2024 18:02
Не проще ли сделать серверный токен не server?
Читать полностью…
Svelte [svɛlt] - All about Svelte JavaScript framework
11 Dec 2024 18:02
Да, у меня все так
Только layout+server+js не вызывается при каждой навигации
Читать полностью…
Svelte [svɛlt] - All about Svelte JavaScript framework
11 Dec 2024 17:56
В общем с таким подходом все получилось и работает
В клиентском +layout.svelte использую примерно такой код:
afterNavigate(() => {
const serversideAuthorized =
Cookies.get('websiteurl.authorized') !== undefined
const clientsideAuthorized = $authorized
if (serversideAuthorized !== clientsideAuthorized) {
syncAuthState()
}
})
const syncAuthState = async () => {
const request = await fetch('/api/me')
if (request.ok) {
const response = (await request.json()) as MeResponse
$user = response.authorizedUser
}
}
На сервере при авторизации ставлю httponly куку websiteurl.session-token и websiteurl.authorized=true, при выходе удаляю обе куки
$authorized это стор: derived(user, ($user) => $user !== null)
а $user это уже стор с данными пользователя
Читать полностью…
Svelte [svɛlt] - All about Svelte JavaScript framework
11 Dec 2024 17:53
А как ты запросы делаешь на бэк?
Читать полностью…
Svelte [svɛlt] - All about Svelte JavaScript framework
11 Dec 2024 17:52
Но я не использую fetch нигде, кроме как как раз для синхронизации клиентского состояния с серверным через эту куку
Читать полностью…
Svelte [svɛlt] - All about Svelte JavaScript framework
11 Dec 2024 17:51
Когда юзаешь свелтовый fetch, можно отслеживать каждый запрос через handlefetch в hooks.server.ts
Читать полностью…
Svelte [svɛlt] - All about Svelte JavaScript framework
11 Dec 2024 17:49
Да я так и делаю, но вопрос в том как мне обновлять в этом сторе данные
Читать полностью…
Svelte [svɛlt] - All about Svelte JavaScript framework
11 Dec 2024 17:41
Всё зависит от реализации. В примере выше в куке хранится токен пользователя. Удаляешь токен в экшене формы — лишаешь пользователя доступа
Читать полностью…
Svelte [svɛlt] - All about Svelte JavaScript framework
11 Dec 2024 17:39
Корневой layout запускается один раз.
При выходе нужно чистить куку, locals и редиректить если нужно
Читать полностью…
1680