experimental logs

.github/workflows/canary.yml

@@ -59,6 +59,6 @@ jobs:
               run: |
                   pnpm changeset version --snapshot
                   pnpm run build
-                  pnpm changeset publish --no-git-tag --snapshot --tag canary
+                  pnpm changeset publish --no-git-tag --snapshot --tag experimental
               env:
                   GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

packages/houdini-react/src/runtime/routing/Router.tsx

@@ -46,6 +46,8 @@ export function Router({
 		return initialURL || window.location.pathname
 	})
 
+	console.log('currentURL', current)
+
 	// find the matching page for the current route
 	const [page, variables] = find_match(manifest, current)
 
@@ -169,6 +171,7 @@ function usePageData({
 
 		// if there is a pending request and we were asked to load, don't do anything
 		if (ssr_signals.has(id)) {
+			console.log('using ssr signal instead of loading the query on the client', id)
 			return ssr_signals.get(id)!
 		}
 
@@ -246,6 +249,7 @@ function usePageData({
 										})
 									}
 
+									console.log('clearing ssr signal', artifactName)
 									// trigger the signal
 									window.__houdini__nav_caches__.ssr_signals.get(artifactName).resolve()
 									window.__houdini__nav_caches__.ssr_signals.delete(artifactName)
@@ -273,6 +277,7 @@ function usePageData({
 			last_variables.has(targetPage.id) &&
 			!deepEquals(last_variables.get(targetPage.id), variables)
 		) {
+			console.log('variables have changed. clearing data cache')
 			data_cache.clear()
 		}
 
@@ -530,6 +535,7 @@ function useLinkNavigation({ goto }: { goto: (url: string) => void }) {
 
 			const link = findAnchor(e.target as HTMLElement, document.body)
 			// its a link we want to handle so don't navigate like normal
+			console.log('link', link)
 
 			// we only want to capture a "normal click" ie something that indicates a route transition
 			// in the current tab
@@ -550,28 +556,34 @@ function useLinkNavigation({ goto }: { goto: (url: string) => void }) {
 					!e.defaultPrevented
 				)
 			) {
+				console.log('link', link)
 				return
 			}
 
 			// we need to figure out the target url by looking at the href attribute
 			const target = link.attributes.getNamedItem('href')?.value
+			console.log("target link'", target)
 			// make sure its a link we recognize
 			if (!target || !target.startsWith('/')) {
 				return
 			}
 
+			console.log("processing link'", target)
+
 			// its a link we want to handle so don't navigate like normal
 			e.preventDefault()
 			e.stopPropagation()
 
 			// go to the next route as a low priority update
-			startTransition(() => {
-				goto(target)
-			})
+			// startTransition(() => {
+			// 	goto(target)
+			// })
 		}
 
+		console.log('registering click handler')
 		window.addEventListener('click', onClick)
 		return () => {
+			console.log('unregistering click handler')
 			window.removeEventListener('click', onClick!)
 		}
 	}, [])