houdini-react 1.2.44 → 1.2.46

package/build/runtime/hooks/useDocumentHandle.d.ts

@@ -10,6 +10,8 @@ export declare function useDocumentHandle<_Artifact extends QueryArtifact, _Data
 export type DocumentHandle<_Artifact extends QueryArtifact, _Data extends GraphQLObject = GraphQLObject, _Input extends GraphQLVariables = GraphQLVariables> = {
     data: _Data;
     partial: boolean;
+    fetch: FetchFn<_Data, Partial<_Input>>;
+    variables: _Input;
 } & RefetchHandlers<_Artifact, _Data, _Input>;
 type RefetchHandlers<_Artifact extends QueryArtifact, _Data extends GraphQLObject, _Input> = _Artifact extends {
     refetch: {

package/build/runtime/index.d.ts

@@ -2,7 +2,7 @@ import type { GraphQLObject } from '$houdini/lib/types';
 import type { Cache } from '$houdini/runtime/cache/cache';
 import { RouterCache } from './routing';
 export * from './hooks';
-export { router_cache, useSession, useLocation } from './routing';
+export { router_cache, useSession, useLocation, useRoute } from './routing';
 export declare function Router({ cache, initialURL, artifact_cache, component_cache, data_cache, ssr_signals, last_variables, session, assetPrefix, injectToStream, }: {
     initialURL: string;
     initialVariables: GraphQLObject;

package/build/runtime/routing/Router.d.ts

@@ -5,6 +5,7 @@ import { GraphQLObject, GraphQLVariables } from '$houdini/runtime/lib/types';
 import { QueryArtifact } from '$houdini/runtime/lib/types';
 import type { RouterManifest } from '$houdini/runtime/router/types';
 import React from 'react';
+import { DocumentHandle } from '../hooks/useDocumentHandle';
 import { SuspenseCache } from './cache';
 type ComponentType = any;
 /**
@@ -20,6 +21,7 @@ export declare function Router({ manifest, initialURL, assetPrefix, injectToStre
 }): JSX.Element;
 export declare const useLocation: () => {
     pathname: string;
+    params: Record<string, any>;
 };
 export declare function RouterContextProvider({ children, client, cache, artifact_cache, component_cache, data_cache, ssr_signals, last_variables, session: ssrSession, }: {
     children: React.ReactElement;
@@ -53,7 +55,7 @@ export declare function useCache(): Cache;
 export declare function updateLocalSession(session: App.Session): void;
 export declare function useSession(): [App.Session, (newSession: Partial<App.Session>) => void];
 export declare function useCurrentVariables(): GraphQLVariables;
-export declare function useQueryResult<_Data extends GraphQLObject, _Input extends GraphQLVariables>(name: string): [_Data | null, DocumentStore<_Data, _Input>];
+export declare function useQueryResult<_Data extends GraphQLObject, _Input extends GraphQLVariables>(name: string): [_Data | null, DocumentHandle<any, _Data, _Input>];
 export type RouterCache = {
     artifact_cache: SuspenseCache<QueryArtifact>;
     component_cache: SuspenseCache<(props: any) => React.ReactElement>;
@@ -69,4 +71,14 @@ export declare function router_cache({ pending_queries, artifacts, components, i
     initialVariables?: Record<string, GraphQLVariables>;
     initialArtifacts?: Record<string, QueryArtifact>;
 }): RouterCache;
+export declare function PageContextProvider({ keys, children, }: {
+    keys: string[];
+    children: React.ReactNode;
+}): JSX.Element;
+export declare function useRoute<PageProps extends {
+    Params: {};
+}>(): RouteProp<PageProps['Params']>;
+export type RouteProp<Params> = {
+    params: Params;
+};
 export {};

package/build/runtime-cjs/clientPlugin.js

@@ -27,7 +27,7 @@ const plugin = () => () => {
       next({
         ...ctx,
         cacheParams: {
-          ...ctx.fetchParams,
+          ...ctx.cacheParams,
           serverSideFallback: false
         }
       });

package/build/runtime-cjs/hooks/useDocumentHandle.d.ts

@@ -10,6 +10,8 @@ export declare function useDocumentHandle<_Artifact extends QueryArtifact, _Data
 export type DocumentHandle<_Artifact extends QueryArtifact, _Data extends GraphQLObject = GraphQLObject, _Input extends GraphQLVariables = GraphQLVariables> = {
     data: _Data;
     partial: boolean;
+    fetch: FetchFn<_Data, Partial<_Input>>;
+    variables: _Input;
 } & RefetchHandlers<_Artifact, _Data, _Input>;
 type RefetchHandlers<_Artifact extends QueryArtifact, _Data extends GraphQLObject, _Input> = _Artifact extends {
     refetch: {

package/build/runtime-cjs/hooks/useDocumentHandle.js

@@ -40,6 +40,13 @@ function useDocumentHandle({
   const [forwardPending, setForwardPending] = import_react.default.useState(false);
   const [backwardPending, setBackwardPending] = import_react.default.useState(false);
   const [session] = (0, import_Router.useSession)();
+  const client = (0, import_Router.useClient)();
+  const paginationObserver = import_react.default.useMemo(() => {
+    if (!artifact.refetch?.paginated) {
+      return null;
+    }
+    return client.observe({ artifact });
+  }, [artifact.name]);
   return import_react.default.useMemo(() => {
     const wrapLoad = (setLoading, fn) => {
       return async (value) => {
@@ -55,7 +62,9 @@ function useDocumentHandle({
     });
     if (artifact.kind !== import_types.ArtifactKind.Query || !artifact.refetch?.paginated) {
       return {
+        artifact,
         data: storeValue.data,
+        variables: storeValue.variables,
         fetch: fetchQuery,
         partial: storeValue.partial
       };
@@ -67,12 +76,12 @@ function useDocumentHandle({
         getVariables: () => storeValue.variables,
         fetch: fetchQuery,
         fetchUpdate: (args, updates) => {
-          return observer.send({
+          return paginationObserver.send({
             ...args,
             cacheParams: {
+              ...args?.cacheParams,
               disableSubscriptions: true,
-              applyUpdates: updates,
-              ...args?.cacheParams
+              applyUpdates: updates
             },
             session
           });
@@ -80,7 +89,9 @@ function useDocumentHandle({
         getSession: async () => session
       });
       return {
+        artifact,
         data: storeValue.data,
+        variables: storeValue.variables,
         fetch: handlers.fetch,
         partial: storeValue.partial,
         loadNext: wrapLoad(setForwardPending, handlers.loadNextPage),
@@ -98,7 +109,7 @@ function useDocumentHandle({
         storeName: artifact.name,
         fetch: fetchQuery,
         fetchUpdate: async (args, updates = ["append"]) => {
-          return observer.send({
+          return paginationObserver.send({
             ...args,
             cacheParams: {
               disableSubscriptions: true,
@@ -110,7 +121,9 @@ function useDocumentHandle({
         getSession: async () => session
       });
       return {
+        artifact,
         data: storeValue.data,
+        variables: storeValue.variables,
         fetch: handlers.fetch,
         partial: storeValue.partial,
         loadNext: wrapLoad(setForwardPending, handlers.loadNextPage),
@@ -118,12 +131,14 @@ function useDocumentHandle({
       };
     }
     return {
+      artifact,
       data: storeValue.data,
+      variables: storeValue.variables,
       fetch: fetchQuery,
       refetch: fetchQuery,
       partial: storeValue.partial
     };
-  }, [artifact, observer, session, storeValue, true, true]);
+  }, [artifact, observer, session, storeValue]);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/build/runtime-cjs/index.d.ts

@@ -2,7 +2,7 @@ import type { GraphQLObject } from '$houdini/lib/types';
 import type { Cache } from '$houdini/runtime/cache/cache';
 import { RouterCache } from './routing';
 export * from './hooks';
-export { router_cache, useSession, useLocation } from './routing';
+export { router_cache, useSession, useLocation, useRoute } from './routing';
 export declare function Router({ cache, initialURL, artifact_cache, component_cache, data_cache, ssr_signals, last_variables, session, assetPrefix, injectToStream, }: {
     initialURL: string;
     initialVariables: GraphQLObject;

package/build/runtime-cjs/index.js

@@ -28,6 +28,7 @@ __export(runtime_exports, {
   Router: () => Router,
   router_cache: () => import_routing2.router_cache,
   useLocation: () => import_routing2.useLocation,
+  useRoute: () => import_routing2.useRoute,
   useSession: () => import_routing2.useSession
 });
 module.exports = __toCommonJS(runtime_exports);
@@ -77,5 +78,6 @@ function Router({
   Router,
   router_cache,
   useLocation,
+  useRoute,
   useSession
 });

package/build/runtime-cjs/routing/Router.d.ts

@@ -5,6 +5,7 @@ import { GraphQLObject, GraphQLVariables } from '$houdini/runtime/lib/types';
 import { QueryArtifact } from '$houdini/runtime/lib/types';
 import type { RouterManifest } from '$houdini/runtime/router/types';
 import React from 'react';
+import { DocumentHandle } from '../hooks/useDocumentHandle';
 import { SuspenseCache } from './cache';
 type ComponentType = any;
 /**
@@ -20,6 +21,7 @@ export declare function Router({ manifest, initialURL, assetPrefix, injectToStre
 }): JSX.Element;
 export declare const useLocation: () => {
     pathname: string;
+    params: Record<string, any>;
 };
 export declare function RouterContextProvider({ children, client, cache, artifact_cache, component_cache, data_cache, ssr_signals, last_variables, session: ssrSession, }: {
     children: React.ReactElement;
@@ -53,7 +55,7 @@ export declare function useCache(): Cache;
 export declare function updateLocalSession(session: App.Session): void;
 export declare function useSession(): [App.Session, (newSession: Partial<App.Session>) => void];
 export declare function useCurrentVariables(): GraphQLVariables;
-export declare function useQueryResult<_Data extends GraphQLObject, _Input extends GraphQLVariables>(name: string): [_Data | null, DocumentStore<_Data, _Input>];
+export declare function useQueryResult<_Data extends GraphQLObject, _Input extends GraphQLVariables>(name: string): [_Data | null, DocumentHandle<any, _Data, _Input>];
 export type RouterCache = {
     artifact_cache: SuspenseCache<QueryArtifact>;
     component_cache: SuspenseCache<(props: any) => React.ReactElement>;
@@ -69,4 +71,14 @@ export declare function router_cache({ pending_queries, artifacts, components, i
     initialVariables?: Record<string, GraphQLVariables>;
     initialArtifacts?: Record<string, QueryArtifact>;
 }): RouterCache;
+export declare function PageContextProvider({ keys, children, }: {
+    keys: string[];
+    children: React.ReactNode;
+}): JSX.Element;
+export declare function useRoute<PageProps extends {
+    Params: {};
+}>(): RouteProp<PageProps['Params']>;
+export type RouteProp<Params> = {
+    params: Params;
+};
 export {};

package/build/runtime-cjs/routing/Router.js

@@ -24,6 +24,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Router_exports = {};
 __export(Router_exports, {
+  PageContextProvider: () => PageContextProvider,
   Router: () => Router,
   RouterContextProvider: () => RouterContextProvider,
   router_cache: () => router_cache,
@@ -33,6 +34,7 @@ __export(Router_exports, {
   useCurrentVariables: () => useCurrentVariables,
   useLocation: () => useLocation,
   useQueryResult: () => useQueryResult,
+  useRoute: () => useRoute,
   useRouterContext: () => useRouterContext,
   useSession: () => useSession
 });
@@ -40,9 +42,11 @@ module.exports = __toCommonJS(Router_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_config = __toESM(require("$houdini/runtime/imports/config"));
 var import_deepEquals = require("$houdini/runtime/lib/deepEquals");
+var import_scalars = require("$houdini/runtime/lib/scalars");
 var import_match = require("$houdini/runtime/router/match");
 var import_react = __toESM(require("react"));
 var import_react2 = require("react");
+var import_useDocumentHandle = require("../hooks/useDocumentHandle");
 var import_useDocumentStore = require("../hooks/useDocumentStore");
 var import_cache = require("./cache");
 const PreloadWhich = {
@@ -59,7 +63,10 @@ function Router({
   const [currentURL, setCurrentURL] = import_react.default.useState(() => {
     return initialURL || window.location.pathname;
   });
-  const [page, variables] = (0, import_match.find_match)(manifest, currentURL);
+  const [page, variables] = (0, import_match.find_match)(import_config.default, manifest, currentURL);
+  if (!page) {
+    throw new Error("404");
+  }
   const { loadData, loadComponent } = usePageData({
     page,
     variables,
@@ -90,7 +97,7 @@ function Router({
       setCurrentURL(val);
     },
     preload(url, which) {
-      const [page2, variables2] = (0, import_match.find_match)(manifest, url);
+      const [page2, variables2] = (0, import_match.find_match)(import_config.default, manifest, url);
       if (["both", "component"].includes(which)) {
         loadComponent(page2);
       }
@@ -99,7 +106,7 @@ function Router({
       }
     }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(VariableContext.Provider, { value: variables, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LocationContext.Provider, { value: { pathname: currentURL }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PageComponent, { url: currentURL }, page.id) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(VariableContext.Provider, { value: variables, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LocationContext.Provider, { value: { pathname: currentURL, params: variables ?? {} }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PageComponent, { url: currentURL }, page.id) }) });
 }
 const useLocation = () => (0, import_react2.useContext)(LocationContext);
 function usePageData({
@@ -135,9 +142,8 @@ function usePageData({
       reject = rej;
       observer.send({
         variables,
-        cacheParams: { disableSubscriptions: true },
         session
-      }).then(() => {
+      }).then(async () => {
         data_cache.set(id, observer);
         if (observer.state.errors && observer.state.errors.length > 0) {
           reject(observer.state.errors.map((e) => e.message).join("\n"));
@@ -149,7 +155,12 @@ function usePageData({
 								window.__houdini__cache__?.hydrate(${cache.serialize()}, window.__houdini__hydration__layer)
 
 								const artifactName = "${artifact.name}"
-								const value = ${JSON.stringify(observer.state.data)}
+								const value = ${JSON.stringify(
+          await (0, import_scalars.marshalSelection)({
+            selection: observer.artifact.selection,
+            data: observer.state.data
+          })
+        )}
 
 								// if the data is pending, we need to resolve it
 								if (window.__houdini__nav_caches__?.data_cache.has(artifactName)) {
@@ -158,10 +169,22 @@ function usePageData({
 									const new_store = window.__houdini__client__.observe({
 										artifact: window.__houdini__nav_caches__.artifact_cache.get(artifactName),
 										cache: window.__houdini__cache__,
-										initialValue: value,
 									})
 
-									window.__houdini__nav_caches__?.data_cache.set(artifactName, new_store)
+									// we're pushing this store onto the client, it should be initialized
+									window.__houdini__nav_caches__.data_cache.get(artifactName).send({
+										setup: true,
+										variables: ${JSON.stringify(
+          (0, import_scalars.marshalInputs)({
+            artifact: observer.artifact,
+            input: variables,
+            config: import_config.default
+          })
+        )}
+									}).then(() => {
+										window.__houdini__nav_caches__?.data_cache.set(artifactName, new_store)
+									})
+
 								}
 
 
@@ -178,12 +201,12 @@ function usePageData({
 									if (!window.__houdini__pending_artifacts__) {
 										window.__houdini__pending_artifacts__ = {}
 									}
-
-									window.__houdini__pending_variables__[artifactName] = ${JSON.stringify(variables)}
-									window.__houdini__pending_data__[artifactName] = value
-									window.__houdini__pending_artifacts__[artifactName] = ${JSON.stringify(artifact)}
 								}
 
+								window.__houdini__pending_variables__[artifactName] = ${JSON.stringify(observer.state.variables)}
+								window.__houdini__pending_data__[artifactName] = value
+								window.__houdini__pending_artifacts__[artifactName] = ${JSON.stringify(artifact)}
+
 								// if this payload finishes off an ssr request, we need to resolve the signal
 								if (window.__houdini__nav_caches__?.ssr_signals.has(artifactName)) {
 
@@ -192,7 +215,13 @@ function usePageData({
 										// we're pushing this store onto the client, it should be initialized
 										window.__houdini__nav_caches__.data_cache.get(artifactName).send({
 											setup: true,
-											variables: ${JSON.stringify(variables)}
+											variables: ${JSON.stringify(
+          (0, import_scalars.marshalInputs)({
+            artifact: observer.artifact,
+            input: variables,
+            config: import_config.default
+          })
+        )}
 										})
 									}
 
@@ -222,7 +251,7 @@ function usePageData({
       }
       let last = {};
       let usedVariables = {};
-      for (const variable of pageVariables) {
+      for (const variable of Object.keys(pageVariables)) {
         last[variable] = last_variables.get(artifact)[variable];
         usedVariables[variable] = (variables2 ?? {})[variable];
       }
@@ -348,7 +377,8 @@ function useSession() {
       method: "POST",
       body: JSON.stringify(newSession),
       headers: {
-        "Content-Type": "application/json"
+        "Content-Type": "application/json",
+        Accept: "application/json"
       }
     });
   };
@@ -358,17 +388,27 @@ function useCurrentVariables() {
   return import_react.default.useContext(VariableContext);
 }
 const VariableContext = import_react.default.createContext(null);
-const LocationContext = import_react.default.createContext({ pathname: "" });
+const LocationContext = import_react.default.createContext({
+  pathname: "",
+  params: {}
+});
 function useQueryResult(name) {
-  const store_ref = useRouterContext().data_cache.get(name);
-  const [{ data, errors }, observer] = (0, import_useDocumentStore.useDocumentStore)({
+  const { data_cache, artifact_cache } = useRouterContext();
+  const store_ref = data_cache.get(name);
+  const [storeValue, observer] = (0, import_useDocumentStore.useDocumentStore)({
     artifact: store_ref.artifact,
     observer: store_ref
   });
+  const { data, errors } = storeValue;
   if (errors && errors.length > 0) {
     throw new Error(JSON.stringify(errors));
   }
-  return [data, observer];
+  const handle = (0, import_useDocumentHandle.useDocumentHandle)({
+    artifact: artifact_cache.get(name),
+    observer,
+    storeValue
+  });
+  return [data, handle];
 }
 function useLinkBehavior({
   goto,
@@ -468,6 +508,20 @@ function router_cache({
   }
   return result;
 }
+const PageContext = import_react.default.createContext({ params: {} });
+function PageContextProvider({
+  keys,
+  children
+}) {
+  const location2 = useLocation();
+  const params = Object.fromEntries(
+    Object.entries(location2.params).filter(([key]) => keys.includes(key))
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PageContext.Provider, { value: { params }, children });
+}
+function useRoute() {
+  return (0, import_react2.useContext)(PageContext);
+}
 function signal_promise() {
   let resolve = () => {
   };
@@ -485,6 +539,7 @@ function signal_promise() {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  PageContextProvider,
   Router,
   RouterContextProvider,
   router_cache,
@@ -494,6 +549,7 @@ function signal_promise() {
   useCurrentVariables,
   useLocation,
   useQueryResult,
+  useRoute,
   useRouterContext,
   useSession
 });

package/build/runtime-esm/clientPlugin.js

@@ -4,7 +4,7 @@ const plugin = () => () => {
       next({
         ...ctx,
         cacheParams: {
-          ...ctx.fetchParams,
+          ...ctx.cacheParams,
           serverSideFallback: false
         }
       });

package/build/runtime-esm/hooks/useDocumentHandle.d.ts

@@ -10,6 +10,8 @@ export declare function useDocumentHandle<_Artifact extends QueryArtifact, _Data
 export type DocumentHandle<_Artifact extends QueryArtifact, _Data extends GraphQLObject = GraphQLObject, _Input extends GraphQLVariables = GraphQLVariables> = {
     data: _Data;
     partial: boolean;
+    fetch: FetchFn<_Data, Partial<_Input>>;
+    variables: _Input;
 } & RefetchHandlers<_Artifact, _Data, _Input>;
 type RefetchHandlers<_Artifact extends QueryArtifact, _Data extends GraphQLObject, _Input> = _Artifact extends {
     refetch: {

package/build/runtime-esm/hooks/useDocumentHandle.js

@@ -2,7 +2,7 @@ import { extractPageInfo } from "$houdini/runtime/lib/pageInfo";
 import { cursorHandlers, offsetHandlers } from "$houdini/runtime/lib/pagination";
 import { ArtifactKind } from "$houdini/runtime/lib/types";
 import React from "react";
-import { useSession } from "../routing/Router";
+import { useClient, useSession } from "../routing/Router";
 function useDocumentHandle({
   artifact,
   observer,
@@ -11,6 +11,13 @@ function useDocumentHandle({
   const [forwardPending, setForwardPending] = React.useState(false);
   const [backwardPending, setBackwardPending] = React.useState(false);
   const [session] = useSession();
+  const client = useClient();
+  const paginationObserver = React.useMemo(() => {
+    if (!artifact.refetch?.paginated) {
+      return null;
+    }
+    return client.observe({ artifact });
+  }, [artifact.name]);
   return React.useMemo(() => {
     const wrapLoad = (setLoading, fn) => {
       return async (value) => {
@@ -26,7 +33,9 @@ function useDocumentHandle({
     });
     if (artifact.kind !== ArtifactKind.Query || !artifact.refetch?.paginated) {
       return {
+        artifact,
         data: storeValue.data,
+        variables: storeValue.variables,
         fetch: fetchQuery,
         partial: storeValue.partial
       };
@@ -38,12 +47,12 @@ function useDocumentHandle({
         getVariables: () => storeValue.variables,
         fetch: fetchQuery,
         fetchUpdate: (args, updates) => {
-          return observer.send({
+          return paginationObserver.send({
             ...args,
             cacheParams: {
+              ...args?.cacheParams,
               disableSubscriptions: true,
-              applyUpdates: updates,
-              ...args?.cacheParams
+              applyUpdates: updates
             },
             session
           });
@@ -51,7 +60,9 @@ function useDocumentHandle({
         getSession: async () => session
       });
       return {
+        artifact,
         data: storeValue.data,
+        variables: storeValue.variables,
         fetch: handlers.fetch,
         partial: storeValue.partial,
         loadNext: wrapLoad(setForwardPending, handlers.loadNextPage),
@@ -69,7 +80,7 @@ function useDocumentHandle({
         storeName: artifact.name,
         fetch: fetchQuery,
         fetchUpdate: async (args, updates = ["append"]) => {
-          return observer.send({
+          return paginationObserver.send({
             ...args,
             cacheParams: {
               disableSubscriptions: true,
@@ -81,7 +92,9 @@ function useDocumentHandle({
         getSession: async () => session
       });
       return {
+        artifact,
         data: storeValue.data,
+        variables: storeValue.variables,
         fetch: handlers.fetch,
         partial: storeValue.partial,
         loadNext: wrapLoad(setForwardPending, handlers.loadNextPage),
@@ -89,12 +102,14 @@ function useDocumentHandle({
       };
     }
     return {
+      artifact,
       data: storeValue.data,
+      variables: storeValue.variables,
       fetch: fetchQuery,
       refetch: fetchQuery,
       partial: storeValue.partial
     };
-  }, [artifact, observer, session, storeValue, true, true]);
+  }, [artifact, observer, session, storeValue]);
 }
 export {
   useDocumentHandle

package/build/runtime-esm/index.d.ts

@@ -2,7 +2,7 @@ import type { GraphQLObject } from '$houdini/lib/types';
 import type { Cache } from '$houdini/runtime/cache/cache';
 import { RouterCache } from './routing';
 export * from './hooks';
-export { router_cache, useSession, useLocation } from './routing';
+export { router_cache, useSession, useLocation, useRoute } from './routing';
 export declare function Router({ cache, initialURL, artifact_cache, component_cache, data_cache, ssr_signals, last_variables, session, assetPrefix, injectToStream, }: {
     initialURL: string;
     initialVariables: GraphQLObject;

package/build/runtime-esm/index.js

@@ -3,7 +3,7 @@ import client from "./client";
 import manifest from "./manifest";
 import { Router as RouterImpl, RouterContextProvider } from "./routing";
 export * from "./hooks";
-import { router_cache, useSession, useLocation } from "./routing";
+import { router_cache, useSession, useLocation, useRoute } from "./routing";
 function Router({
   cache,
   initialURL,
@@ -43,5 +43,6 @@ export {
   Router,
   router_cache,
   useLocation,
+  useRoute,
   useSession
 };

package/build/runtime-esm/routing/Router.d.ts

@@ -5,6 +5,7 @@ import { GraphQLObject, GraphQLVariables } from '$houdini/runtime/lib/types';
 import { QueryArtifact } from '$houdini/runtime/lib/types';
 import type { RouterManifest } from '$houdini/runtime/router/types';
 import React from 'react';
+import { DocumentHandle } from '../hooks/useDocumentHandle';
 import { SuspenseCache } from './cache';
 type ComponentType = any;
 /**
@@ -20,6 +21,7 @@ export declare function Router({ manifest, initialURL, assetPrefix, injectToStre
 }): JSX.Element;
 export declare const useLocation: () => {
     pathname: string;
+    params: Record<string, any>;
 };
 export declare function RouterContextProvider({ children, client, cache, artifact_cache, component_cache, data_cache, ssr_signals, last_variables, session: ssrSession, }: {
     children: React.ReactElement;
@@ -53,7 +55,7 @@ export declare function useCache(): Cache;
 export declare function updateLocalSession(session: App.Session): void;
 export declare function useSession(): [App.Session, (newSession: Partial<App.Session>) => void];
 export declare function useCurrentVariables(): GraphQLVariables;
-export declare function useQueryResult<_Data extends GraphQLObject, _Input extends GraphQLVariables>(name: string): [_Data | null, DocumentStore<_Data, _Input>];
+export declare function useQueryResult<_Data extends GraphQLObject, _Input extends GraphQLVariables>(name: string): [_Data | null, DocumentHandle<any, _Data, _Input>];
 export type RouterCache = {
     artifact_cache: SuspenseCache<QueryArtifact>;
     component_cache: SuspenseCache<(props: any) => React.ReactElement>;
@@ -69,4 +71,14 @@ export declare function router_cache({ pending_queries, artifacts, components, i
     initialVariables?: Record<string, GraphQLVariables>;
     initialArtifacts?: Record<string, QueryArtifact>;
 }): RouterCache;
+export declare function PageContextProvider({ keys, children, }: {
+    keys: string[];
+    children: React.ReactNode;
+}): JSX.Element;
+export declare function useRoute<PageProps extends {
+    Params: {};
+}>(): RouteProp<PageProps['Params']>;
+export type RouteProp<Params> = {
+    params: Params;
+};
 export {};