houdini-react 1.2.43 → 1.2.45

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

@@ -7,6 +7,5 @@ export type UseDocumentStoreParams<_Artifact extends DocumentArtifact, _Data ext
 } & Partial<ObserveParams<_Data, DocumentArtifact, _Input>>;
 export declare function useDocumentStore<_Data extends GraphQLObject = GraphQLObject, _Input extends GraphQLVariables = GraphQLVariables, _Artifact extends DocumentArtifact = DocumentArtifact>({ artifact, observer: obs, ...observeParams }: UseDocumentStoreParams<_Artifact, _Data, _Input>): [
     QueryResult<_Data, _Input>,
-    DocumentStore<_Data, _Input>,
-    (store: DocumentStore<_Data, _Input>) => void
+    DocumentStore<_Data, _Input>
 ];

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

@@ -6,10 +6,6 @@ export declare function useDocumentSubscription<_Artifact extends DocumentArtifa
     variables: _Input;
     disabled?: boolean;
     send?: Partial<SendParams>;
-}): [
-    QueryResult<_Data, _Input> & {
-        parent?: string | null;
-    },
-    DocumentStore<_Data, _Input>,
-    (store: DocumentStore<_Data, _Input>) => void
-];
+}): [QueryResult<_Data, _Input> & {
+    parent?: string | null;
+}, DocumentStore<_Data, _Input>];

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 } 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

@@ -18,6 +18,10 @@ export declare function Router({ manifest, initialURL, assetPrefix, injectToStre
     assetPrefix: string;
     injectToStream?: undefined | ((chunk: string) => void);
 }): 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;
     client: HoudiniClient;
@@ -38,6 +42,7 @@ type RouterContext = {
     ssr_signals: PendingCache;
     last_variables: LRUCache<GraphQLVariables>;
     session: App.Session;
+    setSession: (newSession: Partial<App.Session>) => void;
 };
 export type PendingCache = SuspenseCache<Promise<void> & {
     resolve: () => void;
@@ -47,7 +52,7 @@ export declare const useRouterContext: () => RouterContext;
 export declare function useClient(): HoudiniClient;
 export declare function useCache(): Cache;
 export declare function updateLocalSession(session: App.Session): void;
-export declare function useSession(): App.Session;
+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 type RouterCache = {
@@ -65,4 +70,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/hooks/useDocumentHandle.js

@@ -39,7 +39,7 @@ 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 [session] = (0, import_Router.useSession)();
   return import_react.default.useMemo(() => {
     const wrapLoad = (setLoading, fn) => {
       return async (value) => {

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

@@ -7,6 +7,5 @@ export type UseDocumentStoreParams<_Artifact extends DocumentArtifact, _Data ext
 } & Partial<ObserveParams<_Data, DocumentArtifact, _Input>>;
 export declare function useDocumentStore<_Data extends GraphQLObject = GraphQLObject, _Input extends GraphQLVariables = GraphQLVariables, _Artifact extends DocumentArtifact = DocumentArtifact>({ artifact, observer: obs, ...observeParams }: UseDocumentStoreParams<_Artifact, _Data, _Input>): [
     QueryResult<_Data, _Input>,
-    DocumentStore<_Data, _Input>,
-    (store: DocumentStore<_Data, _Input>) => void
+    DocumentStore<_Data, _Input>
 ];

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

@@ -44,6 +44,10 @@ function useDocumentStore({
     })
   );
   const box = React.useRef(observer.state);
+  if (obs && obs !== observer) {
+    box.current = obs.state;
+    setObserver(obs);
+  }
   const subscribe = React.useCallback(
     (fn) => {
       return observer.subscribe((val) => {
@@ -60,7 +64,7 @@ function useDocumentStore({
     () => box.current,
     () => box.current
   );
-  return [storeValue, observer, setObserver];
+  return [storeValue, observer];
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -6,10 +6,6 @@ export declare function useDocumentSubscription<_Artifact extends DocumentArtifa
     variables: _Input;
     disabled?: boolean;
     send?: Partial<SendParams>;
-}): [
-    QueryResult<_Data, _Input> & {
-        parent?: string | null;
-    },
-    DocumentStore<_Data, _Input>,
-    (store: DocumentStore<_Data, _Input>) => void
-];
+}): [QueryResult<_Data, _Input> & {
+    parent?: string | null;
+}, DocumentStore<_Data, _Input>];

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

@@ -37,11 +37,11 @@ function useDocumentSubscription({
   disabled,
   ...observeParams
 }) {
-  const [storeValue, observer, setObserver] = (0, import_useDocumentStore.useDocumentStore)({
+  const [storeValue, observer] = (0, import_useDocumentStore.useDocumentStore)({
     artifact,
     ...observeParams
   });
-  const session = (0, import_Router.useSession)();
+  const [session] = (0, import_Router.useSession)();
   (0, import_useDeepCompareEffect.default)(() => {
     if (!disabled) {
       observer.send({
@@ -62,8 +62,7 @@ function useDocumentSubscription({
       parent: send?.stuff?.parentID,
       ...storeValue
     },
-    observer,
-    setObserver
+    observer
   ];
 }
 // Annotate the CommonJS export names for ESM import in node:

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

@@ -28,7 +28,7 @@ function useMutation({
 }) {
   const [storeValue, observer] = (0, import_useDocumentStore.useDocumentStore)({ artifact });
   const pending = storeValue.fetching;
-  const session = (0, import_Router.useSession)();
+  const [session] = (0, import_Router.useSession)();
   const mutate = ({
     metadata,
     fetch,

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 } 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

@@ -26,7 +26,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var runtime_exports = {};
 __export(runtime_exports, {
   Router: () => Router,
-  router_cache: () => import_routing2.router_cache
+  router_cache: () => import_routing2.router_cache,
+  useLocation: () => import_routing2.useLocation,
+  useRoute: () => import_routing2.useRoute,
+  useSession: () => import_routing2.useSession
 });
 module.exports = __toCommonJS(runtime_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -73,5 +76,8 @@ function Router({
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Router,
-  router_cache
+  router_cache,
+  useLocation,
+  useRoute,
+  useSession
 });

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

@@ -18,6 +18,10 @@ export declare function Router({ manifest, initialURL, assetPrefix, injectToStre
     assetPrefix: string;
     injectToStream?: undefined | ((chunk: string) => void);
 }): 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;
     client: HoudiniClient;
@@ -38,6 +42,7 @@ type RouterContext = {
     ssr_signals: PendingCache;
     last_variables: LRUCache<GraphQLVariables>;
     session: App.Session;
+    setSession: (newSession: Partial<App.Session>) => void;
 };
 export type PendingCache = SuspenseCache<Promise<void> & {
     resolve: () => void;
@@ -47,7 +52,7 @@ export declare const useRouterContext: () => RouterContext;
 export declare function useClient(): HoudiniClient;
 export declare function useCache(): Cache;
 export declare function updateLocalSession(session: App.Session): void;
-export declare function useSession(): App.Session;
+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 type RouterCache = {
@@ -65,4 +70,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,
@@ -31,15 +32,20 @@ __export(Router_exports, {
   useCache: () => useCache,
   useClient: () => useClient,
   useCurrentVariables: () => useCurrentVariables,
+  useLocation: () => useLocation,
   useQueryResult: () => useQueryResult,
+  useRoute: () => useRoute,
   useRouterContext: () => useRouterContext,
   useSession: () => useSession
 });
 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_useDocumentStore = require("../hooks/useDocumentStore");
 var import_cache = require("./cache");
 const PreloadWhich = {
@@ -57,6 +63,9 @@ function Router({
     return initialURL || window.location.pathname;
   });
   const [page, variables] = (0, import_match.find_match)(manifest, currentURL);
+  if (!page) {
+    throw new Error("404");
+  }
   const { loadData, loadComponent } = usePageData({
     page,
     variables,
@@ -96,8 +105,9 @@ function Router({
       }
     }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(VariableContext.Provider, { value: variables, 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({
   page,
   variables,
@@ -113,7 +123,7 @@ function usePageData({
     ssr_signals,
     last_variables
   } = useRouterContext();
-  const session = useSession();
+  const [session] = useSession();
   function load_query({ id, artifact }) {
     for (const artifact2 of Object.keys(page.documents)) {
       last_variables.set(artifact2, variables);
@@ -133,7 +143,7 @@ function usePageData({
         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"));
@@ -145,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)) {
@@ -154,7 +169,18 @@ function usePageData({
 									const new_store = window.__houdini__client__.observe({
 										artifact: window.__houdini__nav_caches__.artifact_cache.get(artifactName),
 										cache: window.__houdini__cache__,
-										initialValue: value,
+									})
+
+									// 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
+          })
+        )}
 									})
 
 									window.__houdini__nav_caches__?.data_cache.set(artifactName, new_store)
@@ -174,12 +200,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)) {
 
@@ -188,7 +214,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
+          })
+        )}
 										})
 									}
 
@@ -218,7 +250,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];
       }
@@ -301,7 +333,8 @@ function RouterContextProvider({
         data_cache,
         ssr_signals,
         last_variables,
-        session
+        session,
+        setSession: (newSession) => setSession((old) => ({ ...old, ...newSession }))
       },
       children
     }
@@ -330,12 +363,34 @@ function updateLocalSession(session) {
   );
 }
 function useSession() {
-  return useRouterContext().session;
+  const ctx = useRouterContext();
+  const updateSession = (newSession) => {
+    ctx.data_cache.clear();
+    ctx.setSession(newSession);
+    const auth = import_config.default.router?.auth;
+    if (!auth) {
+      return;
+    }
+    const url = "redirect" in auth ? auth.redirect : auth.url;
+    fetch(url, {
+      method: "POST",
+      body: JSON.stringify(newSession),
+      headers: {
+        "Content-Type": "application/json",
+        Accept: "application/json"
+      }
+    });
+  };
+  return [ctx.session, updateSession];
 }
 function useCurrentVariables() {
   return import_react.default.useContext(VariableContext);
 }
 const VariableContext = import_react.default.createContext(null);
+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)({
@@ -445,6 +500,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 = () => {
   };
@@ -462,6 +531,7 @@ function signal_promise() {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  PageContextProvider,
   Router,
   RouterContextProvider,
   router_cache,
@@ -469,7 +539,9 @@ function signal_promise() {
   useCache,
   useClient,
   useCurrentVariables,
+  useLocation,
   useQueryResult,
+  useRoute,
   useRouterContext,
   useSession
 });

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

@@ -10,7 +10,7 @@ function useDocumentHandle({
 }) {
   const [forwardPending, setForwardPending] = React.useState(false);
   const [backwardPending, setBackwardPending] = React.useState(false);
-  const session = useSession();
+  const [session] = useSession();
   return React.useMemo(() => {
     const wrapLoad = (setLoading, fn) => {
       return async (value) => {

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

@@ -7,6 +7,5 @@ export type UseDocumentStoreParams<_Artifact extends DocumentArtifact, _Data ext
 } & Partial<ObserveParams<_Data, DocumentArtifact, _Input>>;
 export declare function useDocumentStore<_Data extends GraphQLObject = GraphQLObject, _Input extends GraphQLVariables = GraphQLVariables, _Artifact extends DocumentArtifact = DocumentArtifact>({ artifact, observer: obs, ...observeParams }: UseDocumentStoreParams<_Artifact, _Data, _Input>): [
     QueryResult<_Data, _Input>,
-    DocumentStore<_Data, _Input>,
-    (store: DocumentStore<_Data, _Input>) => void
+    DocumentStore<_Data, _Input>
 ];

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

@@ -15,6 +15,10 @@ function useDocumentStore({
     })
   );
   const box = React.useRef(observer.state);
+  if (obs && obs !== observer) {
+    box.current = obs.state;
+    setObserver(obs);
+  }
   const subscribe = React.useCallback(
     (fn) => {
       return observer.subscribe((val) => {
@@ -31,7 +35,7 @@ function useDocumentStore({
     () => box.current,
     () => box.current
   );
-  return [storeValue, observer, setObserver];
+  return [storeValue, observer];
 }
 export {
   useDocumentStore

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

@@ -6,10 +6,6 @@ export declare function useDocumentSubscription<_Artifact extends DocumentArtifa
     variables: _Input;
     disabled?: boolean;
     send?: Partial<SendParams>;
-}): [
-    QueryResult<_Data, _Input> & {
-        parent?: string | null;
-    },
-    DocumentStore<_Data, _Input>,
-    (store: DocumentStore<_Data, _Input>) => void
-];
+}): [QueryResult<_Data, _Input> & {
+    parent?: string | null;
+}, DocumentStore<_Data, _Input>];

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

@@ -8,11 +8,11 @@ function useDocumentSubscription({
   disabled,
   ...observeParams
 }) {
-  const [storeValue, observer, setObserver] = useDocumentStore({
+  const [storeValue, observer] = useDocumentStore({
     artifact,
     ...observeParams
   });
-  const session = useSession();
+  const [session] = useSession();
   useDeepCompareEffect(() => {
     if (!disabled) {
       observer.send({
@@ -33,8 +33,7 @@ function useDocumentSubscription({
       parent: send?.stuff?.parentID,
       ...storeValue
     },
-    observer,
-    setObserver
+    observer
   ];
 }
 export {

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

@@ -5,7 +5,7 @@ function useMutation({
 }) {
   const [storeValue, observer] = useDocumentStore({ artifact });
   const pending = storeValue.fetching;
-  const session = useSession();
+  const [session] = useSession();
   const mutate = ({
     metadata,
     fetch,

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 } 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 } from "./routing";
+import { router_cache, useSession, useLocation, useRoute } from "./routing";
 function Router({
   cache,
   initialURL,
@@ -41,5 +41,8 @@ function Router({
 }
 export {
   Router,
-  router_cache
+  router_cache,
+  useLocation,
+  useRoute,
+  useSession
 };

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

@@ -18,6 +18,10 @@ export declare function Router({ manifest, initialURL, assetPrefix, injectToStre
     assetPrefix: string;
     injectToStream?: undefined | ((chunk: string) => void);
 }): 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;
     client: HoudiniClient;
@@ -38,6 +42,7 @@ type RouterContext = {
     ssr_signals: PendingCache;
     last_variables: LRUCache<GraphQLVariables>;
     session: App.Session;
+    setSession: (newSession: Partial<App.Session>) => void;
 };
 export type PendingCache = SuspenseCache<Promise<void> & {
     resolve: () => void;
@@ -47,7 +52,7 @@ export declare const useRouterContext: () => RouterContext;
 export declare function useClient(): HoudiniClient;
 export declare function useCache(): Cache;
 export declare function updateLocalSession(session: App.Session): void;
-export declare function useSession(): App.Session;
+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 type RouterCache = {
@@ -65,4 +70,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 {};