Там вообще скролл и достаточно много внутряка

все таки можно куда-то провалиться но я бы сказал в ад

интересный доклад

А мне нра👍🏻необычный подход к навигации... думаю это пробный камень со svelte презентацию/вступление сделали, на очереди магаз

это если свелт действительно им понравился и если это не какие-то аутсорсеры за копейки сделали =)

потому что выглядит довольно дешево имхо

Ну вот, кто-то хочет в Швецию? или где у них офис

Так тебе ж ближе всех =)

Мне пока не надо.
Может им малину предложить пока не поздно 😁

Сам по себе pathfinder ничего не перехватывает. Он вообще лентяй, как и я)) popstate разве что, не это обычно про back/forward кнопки самого браузера

Если юзаешь click хелпер на window то он ловит все нажатия на ссылки, кроме целой кучи вариантов когда ссылка НЕ будет участвовать в роутинге. Например если прописан атрибут download

Вот тут прям в примере кода описаны все случаи когда ссылка будет работать как обычно: https://github.com/PaulMaly/svelte-pathfinder#using-helper-click

@dkzlv не в курсе как типизировать контексты шаблонов. например получаемые из let: или {:then data}

спасибо. вот например, делаем из pathfinder config-based router в связке с viewpoint и динамической/статической подгрузкой компонентов-страниц:


// routes.js

import StaticPage from '@/pages/StaticPage.svelte';

export default [{
    match: '/',
    component: StaticPage
}, {
    match: '/dynamic',
    component: () => import('@/pages/DynamicPage.svelte'),
}];

// App.svelte

<Viewpoint {...page} query={$query}>
    <div slot="loading">
        <Spinner />
    </div>
</Viewpoint>

<script>
    import { path, query } from 'svelte-pathfinder';
    ...
    $: page = routes.find((route) => $path.pattern(route.match)) || null;
</script>

вместо viewpoint можно просто <svelte:component> юзать, но тогда динамическую подгрузку руками делать

import StaticPage from '@/pages/StaticPage.svelte';

export default [{
    match: '/',
    component: StaticPage
}, {
    match: '/dynamic',
    component: () => import('@/pages/DynamicPage.svelte'),
}];

<Viewpoint {...page} query={$query}>
    <div slot="loading">
        <Spinner />
    </div>
</Viewpoint>

<script>
    import { path, query } from 'svelte-pathfinder';
    ...
    $: page = routes.find((route) => $path.pattern(route.match)) || null;
</script>

т.е. это что-то типа код сплиттинга на es модулях ?

любопытно просто в каком виде потом этот импорт будет представлен в коде собранном

если тебя в примере заинтересовал только динамический импорт, то да. роллап динамические импорты автоматом подсплитит в отдельные чанки

дальше браузер с поддеркой ES модулей сам их подгружает

но речь была про вот этот твой вопрос