svelte-compat

navigation.ts

// https://kit.svelte.dev/docs/modules#$app-navigation

import { goto as routifyGotoStore } from "@roxi/routify";
import type { GotoHelper } from "@roxi/routify";

let routifyGotoHelper: GotoHelper | null = null;

/**
 * Returns a subset of https://kit.svelte.dev/docs/types#public-types-page.
 */
export async function goto(url: string | URL, opts: any): Promise<void> {
	if (!routifyGotoHelper) {
		routifyGotoStore.subscribe(
			(nextGotoVal) => (routifyGotoHelper = nextGotoVal),
			() => (routifyGotoHelper = null)
		);
	}
	routifyGotoHelper(url.toString());
}

stores.ts

// https://kit.svelte.dev/docs/modules#$app-stores

import { page as _page } from "@roxi/routify";
import { derived } from "svelte/store";

/**
 * Returns a subset of https://kit.svelte.dev/docs/types#public-types-page.
 */
export const page = derived(_page, (_pageVal) => {
	return {
		url: _pageVal.path,
	}
});