houdini-react 2.0.0-next.23 → 2.0.0-next.25

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "houdini-react",
-  "version": "2.0.0-next.23",
+  "version": "2.0.0-next.25",
   "description": "The React plugin for houdini",
   "keywords": [
     "typescript",
@@ -81,12 +81,12 @@
     }
   },
   "optionalDependencies": {
-    "houdini-react-darwin-x64": "2.0.0-next.23",
-    "houdini-react-darwin-arm64": "2.0.0-next.23",
-    "houdini-react-linux-x64": "2.0.0-next.23",
-    "houdini-react-linux-arm64": "2.0.0-next.23",
-    "houdini-react-win32-x64": "2.0.0-next.23",
-    "houdini-react-win32-arm64": "2.0.0-next.23"
+    "houdini-react-darwin-x64": "2.0.0-next.25",
+    "houdini-react-darwin-arm64": "2.0.0-next.25",
+    "houdini-react-linux-x64": "2.0.0-next.25",
+    "houdini-react-linux-arm64": "2.0.0-next.25",
+    "houdini-react-win32-x64": "2.0.0-next.25",
+    "houdini-react-win32-arm64": "2.0.0-next.25"
   },
   "bin": "bin/houdini-react",
   "scripts": {

package/postInstall.js

@@ -5,7 +5,7 @@ const https = require('https')
 const child_process = require('child_process')
 
 // Adjust the version you want to install. You can also make this dynamic.
-const BINARY_DISTRIBUTION_VERSION = '2.0.0-next.23'
+const BINARY_DISTRIBUTION_VERSION = '2.0.0-next.25'
 
 // Windows binaries end with .exe so we need to special case them.
 const binaryName = process.platform === 'win32' ? 'houdini-react.exe' : 'houdini-react'

package/runtime/hooks/index.ts

@@ -1,9 +1,9 @@
-export { useQuery } from './useQuery'
-export { useQueryHandle } from './useQueryHandle'
-export { useFragment } from './useFragment'
-export { useFragmentHandle } from './useFragmentHandle'
-export { useMutation } from './useMutation'
-export { useSubscription } from './useSubscription'
+export { useQuery } from './useQuery.js'
+export { useQueryHandle } from './useQueryHandle.js'
+export { useFragment } from './useFragment.js'
+export { useFragmentHandle } from './useFragmentHandle.js'
+export { useMutation } from './useMutation.js'
+export { useSubscription } from './useSubscription.js'
 
-export type { DocumentHandle } from './useDocumentHandle'
-export type { UseQueryConfig } from './useQueryHandle'
+export type { DocumentHandle } from './useDocumentHandle.js'
+export type { UseQueryConfig } from './useQueryHandle.js'

package/runtime/hooks/useDocumentHandle.ts

@@ -15,7 +15,7 @@ import type {
 import type { DocumentStore } from 'houdini/runtime/client'
 import React from 'react'
 
-import { useClient, useLocation, useSession } from '../routing/Router'
+import { useClient, useLocation, useSession } from '../routing/Router.js'
 
 export function useDocumentHandle<
 	_Artifact extends QueryArtifact,
@@ -192,7 +192,7 @@ export function useDocumentHandle<
 		storeValue,
 		backwardPending,
 		forwardPending,
-		paginationObserver!.send,
+		paginationObserver,
 		location.params,
 	])
 }

package/runtime/hooks/useDocumentStore.ts

@@ -7,8 +7,8 @@ import type {
 import type { DocumentStore, ObserveParams } from 'houdini/runtime/client'
 import * as React from 'react'
 
-import { useClient } from '../routing'
-import { useIsMountedRef } from './useIsMounted'
+import { useClient } from '../routing/index.js'
+import { useIsMountedRef } from './useIsMounted.js'
 
 export type UseDocumentStoreParams<
 	_Artifact extends DocumentArtifact,

package/runtime/hooks/useDocumentSubscription.ts

@@ -6,9 +6,9 @@ import type {
 } from 'houdini/runtime'
 import type { DocumentStore, SendParams } from 'houdini/runtime/client'
 
-import { useSession } from '../routing/Router'
-import useDeepCompareEffect from './useDeepCompareEffect'
-import { useDocumentStore, type UseDocumentStoreParams } from './useDocumentStore'
+import { useSession } from '../routing/Router.js'
+import useDeepCompareEffect from './useDeepCompareEffect.js'
+import { useDocumentStore, type UseDocumentStoreParams } from './useDocumentStore.js'
 
 export function useDocumentSubscription<
 	_Artifact extends DocumentArtifact = DocumentArtifact,

package/runtime/hooks/useFragment.ts

@@ -3,8 +3,8 @@ import { fragmentKey } from 'houdini/runtime'
 import type { GraphQLObject, GraphQLVariables, FragmentArtifact } from 'houdini/runtime'
 import * as React from 'react'
 
-import { useRouterContext } from '../routing'
-import { useDocumentSubscription } from './useDocumentSubscription'
+import { useRouterContext } from '../routing/index.js'
+import { useDocumentSubscription } from './useDocumentSubscription.js'
 
 export function useFragment<
 	_Data extends GraphQLObject,

package/runtime/hooks/useFragmentHandle.ts

@@ -5,9 +5,9 @@ import type {
 	GraphQLVariables,
 } from 'houdini/runtime'
 
-import { useDocumentHandle } from './useDocumentHandle'
-import { useDocumentStore } from './useDocumentStore'
-import { fragmentReference, useFragment } from './useFragment'
+import { useDocumentHandle } from './useDocumentHandle.js'
+import { useDocumentStore } from './useDocumentStore.js'
+import { fragmentReference, useFragment } from './useFragment.js'
 
 // useFragmentHandle is just like useFragment except it also returns an imperative handle
 // that users can use to interact with the fragment

package/runtime/hooks/useMutation.ts

@@ -5,8 +5,8 @@ import type {
 	GraphQLVariables,
 } from 'houdini/runtime'
 
-import { useSession } from '../routing/Router'
-import { useDocumentStore } from './useDocumentStore'
+import { useSession } from '../routing/Router.js'
+import { useDocumentStore } from './useDocumentStore.js'
 
 export type MutationHandler<_Result, _Input, _Optimistic extends GraphQLObject> = (args: {
 	variables: _Input

package/runtime/hooks/useQuery.ts

@@ -1,7 +1,7 @@
 import type { GraphQLObject, QueryArtifact } from 'houdini/runtime'
 
-import type { UseQueryConfig } from './useQueryHandle'
-import { useQueryHandle } from './useQueryHandle'
+import type { UseQueryConfig } from './useQueryHandle.js'
+import { useQueryHandle } from './useQueryHandle.js'
 
 export function useQuery<
 	_Artifact extends QueryArtifact,

package/runtime/hooks/useQueryHandle.ts

@@ -2,10 +2,10 @@ import { createLRUCache } from 'houdini/runtime'
 import type { GraphQLObject, CachePolicies, QueryArtifact, GraphQLVariables } from 'houdini/runtime'
 import React from 'react'
 
-import { useClient } from '../routing'
-import type { DocumentHandle } from './useDocumentHandle'
-import { useDocumentHandle } from './useDocumentHandle'
-import { useIsMountedRef } from './useIsMounted'
+import { useClient } from '../routing/index.js'
+import type { DocumentHandle } from './useDocumentHandle.js'
+import { useDocumentHandle } from './useDocumentHandle.js'
+import { useIsMountedRef } from './useIsMounted.js'
 
 // Suspense requires a way to throw a promise that resolves to a place
 // we can put when we go back on a susequent render. This means that we have to have
@@ -110,11 +110,10 @@ export function useQueryHandle<
 			// biome-ignore lint/suspicious/noThenProperty: suspense protocol requires a thenable
 			then: loadPromise.then.bind(loadPromise),
 			resolve,
-			// @ts-ignore
+			// @ts-expect-error
 			variables,
 		}
 
-		// @ts-ignore
 		promiseCache.set(identifier, suspenseUnit)
 
 		// the suspense unit gives react something to hold onto
@@ -123,13 +122,12 @@ export function useQueryHandle<
 		handle
 			.fetch({
 				variables,
-				// @ts-ignore: this is actually allowed... 🤫
+				// @ts-expect-error: this is actually allowed... 🤫
 				stuff: {
 					silenceLoading: true,
 				},
 			})
 			.then((value) => {
-				// @ts-ignore
 				// the final value
 				suspenseUnit.resolved = {
 					...handle,

package/runtime/hooks/useSubscription.ts

@@ -1,6 +1,6 @@
 import type { SubscriptionArtifact, GraphQLObject, GraphQLVariables } from 'houdini/runtime'
 
-import { useSubscriptionHandle } from './useSubscriptionHandle'
+import { useSubscriptionHandle } from './useSubscriptionHandle.js'
 
 // a hook to subscribe to a subscription artifact
 export function useSubscription<_Result extends GraphQLObject, _Input extends GraphQLVariables>(

package/runtime/hooks/useSubscriptionHandle.ts

@@ -1,6 +1,6 @@
 import type { SubscriptionArtifact, GraphQLObject, GraphQLVariables } from 'houdini/runtime'
 
-import { useDocumentSubscription } from './useDocumentSubscription'
+import { useDocumentSubscription } from './useDocumentSubscription.js'
 
 export type SubscriptionHandle<_Result extends GraphQLObject, _Input extends GraphQLVariables> = {
 	data: _Result | null

package/runtime/hydration.tsx

@@ -5,9 +5,9 @@ import type { Cache } from '$houdini/runtime/cache'
 import type { HoudiniClient } from '$houdini/runtime/client'
 import cacheRef from '$houdini/runtime/cache'
 
-import { injectComponents } from './componentFields'
-import { router_cache, type RouterCache } from './routing'
-import clientFactory from './client'
+import { injectComponents } from './componentFields.js'
+import { router_cache, type RouterCache } from './routing/index.js'
+import clientFactory from './client.js'
 
 declare global {
 	interface Window {

package/runtime/index.tsx

@@ -1,12 +1,12 @@
 import type { GraphQLObject } from 'houdini/runtime'
 import type { Cache } from 'houdini/runtime/cache'
 
-import client from './client'
-import manifest from './manifest'
-import { Router as RouterImpl, type RouterCache, RouterContextProvider } from './routing'
+import client from './client.js'
+import manifest from './manifest.js'
+import { Router as RouterImpl, type RouterCache, RouterContextProvider } from './routing/index.js'
 
-export * from './hooks'
-export { router_cache, useSession, useLocation, useRoute } from './routing'
+export * from './hooks/index.js'
+export { router_cache, useSession, useLocation, useRoute } from './routing/index.js'
 
 export function Router({
 	cache,

package/runtime/routing/Router.tsx

@@ -12,9 +12,9 @@ import type { RouterManifest, RouterPageManifest } from 'houdini/router/types'
 import React from 'react'
 import { useContext } from 'react'
 
-import { type DocumentHandle, useDocumentHandle } from '../hooks/useDocumentHandle'
-import { useDocumentStore } from '../hooks/useDocumentStore'
-import { type SuspenseCache, suspense_cache } from './cache'
+import { type DocumentHandle, useDocumentHandle } from '../hooks/useDocumentHandle.js'
+import { useDocumentStore } from '../hooks/useDocumentStore.js'
+import { type SuspenseCache, suspense_cache } from './cache.js'
 
 type PageComponent = React.ComponentType<{ url: string }>
 
@@ -222,6 +222,8 @@ function usePageData({
 			? data_cache.get(artifact.name)!
 			: client.observe({ artifact, cache })
 
+		// store the observer immediately so useQueryResult can access it
+		// during SSR rendering before the fetch resolves
 		let resolve: () => void = () => {}
 		let reject: (message: string) => void = () => {}
 		const promise = new Promise<void>((res, rej) => {
@@ -234,7 +236,6 @@ function usePageData({
 					session,
 				})
 				.then(async () => {
-					data_cache.set(id, observer)
 
 					// if there is an error, we need to reject the promise
 					if (observer.state.errors && observer.state.errors.length > 0) {
@@ -484,12 +485,10 @@ export function RouterContextProvider({
 	}, [])
 
 	React.useEffect(() => {
-		// @ts-ignore
 		window.addEventListener('_houdini_session_', handleNewSession)
 
 		// cleanup this component
 		return () => {
-			// @ts-ignore
 			window.removeEventListener('_houdini_session_', handleNewSession)
 		}
 	}, [handleNewSession])
@@ -670,7 +669,7 @@ function useLinkBehavior({
 	// only use the preload handler if the browser hasn't chosen to reduce data usage
 	// this doesn't break the rule of hooks because it will only ever have one value
 	// in the lifetime of the app
-	// @ts-ignore
+	// @ts-expect-error
 	if (!globalThis.navigator?.connection?.saveData) {
 		// biome-ignore lint/correctness/useHookAtTopLevel: value is constant for the lifetime of the app
 		usePreload({ preload })

package/runtime/routing/index.ts

@@ -1,2 +1,2 @@
-export * from './Router'
-export { type SuspenseCache, suspense_cache } from './cache'
+export * from './Router.js'
+export { type SuspenseCache, suspense_cache } from './cache.js'