я сделал через goto('details')`, создал отдельный путь в `routes`, но каждый раз при выходе из details (goto('.')) происходит перезагрузка страницы

стало понятней?))

Немного. Но непонятно почему перезагружает страницу. Может есть код который инициирует эту перезагрузку?  Сложно говорить об этом без кода. Я не встречал такую проблему

goto('.') - на мой взгляд инициализирует перезагрузку. Я начал делать через history.pushState({}, '', 'details') - и происходит так, как я хочу, но хотелось бы сделать инструментами фреймворка

Думаю глупость, но попробую / вместо точки. goto работает нормально с details?)

/ скорее всего не проканает, т.к. у меня есть baseUrl в саппере. С details работает нормально, когда мы идём вперёд, как только мы уходим с details назад, то показывается лоадер и загружается корень

но ещё есть другая проблема - details рендерится не на всю высоту (по дизайну), и на фоне должен быть контент корня. При goto('details') на фоне белая страница

в общем, сделал так - на клик по элементу повесил history.pushState({}, '', 'details'), а при закрытии окна с деталями - history.pushState({}, null, '.'). Думал что всё огонь, но теперь при нажатии "Назад" в браузере урл меняется, но окно с деталями остаётся открытым

Лоадер это же не перезагрузка страницы. Такое поведение вполне оправдано. У тебя два разных роута. По возвращению назад срабатывает загрузка контента.

Как вариант делать get параметры вида ?details=detailsId и ловить изменения в сторе

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

ага

т.е. у меня будет в корне routes будет файл [detailsId].svelte, в которую будут уходить параметры с урла. Я правильно понял?

Нет

Я не знаю как сделать в сапере подобное. Тебе нужен роут только для клиента. И смотреть за этим роутом нужно только из корневого компонента. Попробуй ещё этот вопрос в саппер группе продублировать

окей, спасибо

Марк, 3500 строк кода это очень МАЛЕНЬКИЙ проект =)

добавил <svelte:window on:popstate={handleOnPopstate} />, и уже в handleOnPopstate закрываю окно с деталями средствами свелта. Похоже, что это самый оптимальный вариант

Доброе утро ребят, а модскажите пожалуйста, может кто разбирается и сталкивался. Я создал библиотеку виджета на светле, собрал esbuild'ом вот по этой статье - https://habr.com/ru/post/541834/ , установил ее в проект на реакте. Инициализировал элементы из нее на странице, а в консоле ошибка. Нужно какой то лоадер для вебпака дополнительный? Или что делать?

покажите конфиг esbuild

он, как у Вас в статье

const {build} = require(`esbuild`);
const sveltePlugin = require(`esbuild-svelte`);

// Берем содержимое package.json в виде объекта pkg
const pkg = require(`./package.json`);

// Настраиваем плагин компиляции Svelte файлов
const svelte = sveltePlugin({
    compileOptions:{
        // Все стили будут упакованы вместе с компонентом
        css: true
    }
});

// Собираем IIFE-модуль
build({
    // Откуда и куда собирать модули узнаем в package.json
    entryPoints: [pkg.svelte],
    outfile: pkg.cdn,
    format: 'iife',
    bundle: true,
    minify: true,
    sourcemap: true,
    plugins: [svelte],

    // Задаём имя глобальной переменной для доступа к модулю
    globalName: 'bookingWidget',
})

// Собираем ES-модуль
build({
    entryPoints: [pkg.svelte],
    outfile: pkg.module,
    format: 'esm',
    bundle: true,
    minify: true,
    sourcemap: true,
    plugins: [svelte],

    // Просим не включать в модуль зависимости из разделов
    // dependencies и peerDependencies в файле package.json
    external: [
        ...Object.keys(pkg.dependencies),
        ...Object.keys(pkg.peerDependencies),
    ]
})