fix back navigation

vtbag · Sep 25, 2024 · 60db4dd · 60db4dd
1 parent 83e2556
commit 60db4dd
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 15 deletions.
diff --git a/.changeset/dull-seas-attend.md b/.changeset/dull-seas-attend.md
@@ -0,0 +1,5 @@
+---
+'@vtbag/turn-signal': patch
+---
+
+Fixes a bug where backward animations didn't work as advertised
diff --git a/src/index.ts b/src/index.ts
@@ -6,7 +6,7 @@ function pageReveal(e: PageRevealEvent) {
 		const pages = allPages();
 		let hereIdx = 1,
 			fromIdx = 0;
-		if (act.navigationType === 'traverse' && !allPages) {
+		if (act.navigationType === 'traverse' && pages.length === 0) {
 			hereIdx = act.entry?.index;
 			fromIdx = act.from?.index;
 		} else {
@@ -37,11 +37,7 @@ function pageReveal(e: PageRevealEvent) {
 				}
 				const attributeName = direction.shift()!;
 				value =
-					hereIdx < fromIdx
-						? direction[0]
-						: hereIdx === fromIdx
-							? direction[1]
-							: direction[2];
+					hereIdx < fromIdx ? direction[0] : hereIdx === fromIdx ? direction[1] : direction[2];
 				if (attributeName && value) {
 					document.documentElement.setAttribute(attributeName, value);
 					e.viewTransition.finished.then(() =>
@@ -52,7 +48,6 @@ function pageReveal(e: PageRevealEvent) {
 			direction = ['backward', 'same', 'forward'];
 			dir = currentScript!.dataset.directionTypes;
 			if (dir) {
-
 				direction = dir.trim().split(/\s*,\s*/);
 
 				if (direction.length !== 3) {
@@ -62,12 +57,7 @@ function pageReveal(e: PageRevealEvent) {
 					return;
 				}
 			}
-			value =
-				hereIdx < fromIdx
-					? direction[0]
-					: hereIdx === fromIdx
-						? direction[1]
-						: direction[2];
+			value = hereIdx < fromIdx ? direction[0] : hereIdx === fromIdx ? direction[1] : direction[2];
 			if (value) e.viewTransition.types.add(value);
 		}
 	}
@@ -77,8 +67,8 @@ function allPages() {
 	const selector = currentScript!.dataset.selector;
 	return selector
 		? [...document.querySelectorAll<HTMLAnchorElement>(selector)].map(
-			(e) => new URL(e.href ?? '.', location.href).pathname
-		)
+				(e) => new URL(e.href ?? '.', location.href).pathname
+			)
 		: [];
 }