starred/reiverr
1
0
Fork 0
mirror of https://github.com/aleksilassila/reiverr.git synced 2026-04-20 15:55:14 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: Performance and ui fixes

Browse Source
This commit is contained in:
Aleksi Lassila
2024-05-30 00:37:15 +03:00
parent f60cae5179
commit 2a376bb0ef
4 changed files with 21 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/lib/components/StackRouter/StackRouter.ts
View File

@@ -29,12 +29,23 @@ export type StackRouterStore = ReturnType<typeof useStackRouter>;
type Indexes = { id: string; bottom: number; top: number };
export function useStackRouter({ routes, notFound }: { routes: Route[]; notFound: Route }) {
export function useStackRouter({
routes,
notFound,
maxDepth
}: {
routes: Route[];
notFound: Route;
maxDepth?: number;
}) {
const { initialPages, initialIndexes } = getInitialValues();
const indexes = writable<Indexes>(initialIndexes);
const pageStack = writable<Page[]>(initialPages);
const visibleStack = derived([indexes, pageStack], ([$indexes, $stack]) => {
return $stack.slice($indexes.bottom, $indexes.top + 1);
return $stack.slice(
maxDepth ? Math.max($indexes.bottom, $indexes.top - maxDepth + 1) : $indexes.bottom,
$indexes.top + 1
);
});
visibleStack.subscribe((v) => console.log('visibleStack', v));
@@ -229,7 +240,8 @@ export const defaultStackRouter = useStackRouter({
searchRoute,
manageRoute
],
notFound: notFoundRoute
notFound: notFoundRoute,
maxDepth: 3
});
// export const defaultStackRouter = useStackRouter({
// '/': {