mirror/iceshrimp
1
0
Fork 0
mirror of https://iceshrimp.dev/iceshrimp/iceshrimp synced 2024-12-02 00:38:08 +09:00
Code Issues Actions Packages Projects Releases Wiki Activity

enhance(client): improve usability

Browse Source
This commit is contained in:
syuilo 2022-07-05 22:25:27 +09:00
parent ed6e80f7f9
commit c15641f08a
2 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/client/src/nirax.ts
View File

@ -61,6 +61,7 @@ export class Router extends EventEmitter<{
props: Map<string, string> | null;
key: string;
}) => void;
same: () => void;
}> {
private routes: RouteDef[];
private currentPath: string;
@ -210,11 +211,15 @@ export class Router extends EventEmitter<{
}
public push(path: string) {
const beforePath = this.currentPath;
if (path === beforePath) {
this.emit('same');
return;
}
if (this.navHook) {
const cancel = this.navHook(path);
if (cancel) return;
}
const beforePath = this.currentPath;
this.navigate(path, null);
this.emit('push', {
beforePath,

4
packages/client/src/router.ts
View File

@ -258,6 +258,10 @@ mainRouter.addListener('push', ctx => {
}
});
mainRouter.addListener('same', () => {
window.scroll({ top: 0, behavior: 'smooth' });
});
window.addEventListener('popstate', (event) => {
mainRouter.change(location.pathname + location.search + location.hash, event.state?.key);
const scrollPos = scrollPosStore.get(event.state?.key) ?? 0;