houdini-react 1.2.43 → 1.2.45

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

@@ -1,7 +1,10 @@
 import { jsx } from "react/jsx-runtime";
+import configFile from "$houdini/runtime/imports/config";
 import { deepEquals } from "$houdini/runtime/lib/deepEquals";
+import { marshalSelection, marshalInputs } from "$houdini/runtime/lib/scalars";
 import { find_match } from "$houdini/runtime/router/match";
 import React from "react";
+import { useContext } from "react";
 import { useDocumentStore } from "../hooks/useDocumentStore";
 import { suspense_cache } from "./cache";
 const PreloadWhich = {
@@ -19,6 +22,9 @@ function Router({
     return initialURL || window.location.pathname;
   });
   const [page, variables] = find_match(manifest, currentURL);
+  if (!page) {
+    throw new Error("404");
+  }
   const { loadData, loadComponent } = usePageData({
     page,
     variables,
@@ -58,8 +64,9 @@ function Router({
       }
     }
   });
-  return /* @__PURE__ */ jsx(VariableContext.Provider, { value: variables, children: /* @__PURE__ */ jsx(PageComponent, { url: currentURL }, page.id) });
+  return /* @__PURE__ */ jsx(VariableContext.Provider, { value: variables, children: /* @__PURE__ */ jsx(LocationContext.Provider, { value: { pathname: currentURL, params: variables ?? {} }, children: /* @__PURE__ */ jsx(PageComponent, { url: currentURL }, page.id) }) });
 }
+const useLocation = () => useContext(LocationContext);
 function usePageData({
   page,
   variables,
@@ -75,7 +82,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);
@@ -95,7 +102,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"));
@@ -107,7 +114,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 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)) {
@@ -116,7 +128,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(
+          marshalInputs({
+            artifact: observer.artifact,
+            input: variables,
+            config: configFile
+          })
+        )}
 									})
 
 									window.__houdini__nav_caches__?.data_cache.set(artifactName, new_store)
@@ -136,12 +159,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)) {
 
@@ -150,7 +173,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(
+          marshalInputs({
+            artifact: observer.artifact,
+            input: variables,
+            config: configFile
+          })
+        )}
 										})
 									}
 
@@ -180,7 +209,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];
       }
@@ -263,7 +292,8 @@ function RouterContextProvider({
         data_cache,
         ssr_signals,
         last_variables,
-        session
+        session,
+        setSession: (newSession) => setSession((old) => ({ ...old, ...newSession }))
       },
       children
     }
@@ -292,12 +322,34 @@ function updateLocalSession(session) {
   );
 }
 function useSession() {
-  return useRouterContext().session;
+  const ctx = useRouterContext();
+  const updateSession = (newSession) => {
+    ctx.data_cache.clear();
+    ctx.setSession(newSession);
+    const auth = configFile.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 React.useContext(VariableContext);
 }
 const VariableContext = React.createContext(null);
+const LocationContext = React.createContext({
+  pathname: "",
+  params: {}
+});
 function useQueryResult(name) {
   const store_ref = useRouterContext().data_cache.get(name);
   const [{ data, errors }, observer] = useDocumentStore({
@@ -407,6 +459,20 @@ function router_cache({
   }
   return result;
 }
+const PageContext = React.createContext({ params: {} });
+function PageContextProvider({
+  keys,
+  children
+}) {
+  const location2 = useLocation();
+  const params = Object.fromEntries(
+    Object.entries(location2.params).filter(([key]) => keys.includes(key))
+  );
+  return /* @__PURE__ */ jsx(PageContext.Provider, { value: { params }, children });
+}
+function useRoute() {
+  return useContext(PageContext);
+}
 function signal_promise() {
   let resolve = () => {
   };
@@ -423,6 +489,7 @@ function signal_promise() {
   };
 }
 export {
+  PageContextProvider,
   Router,
   RouterContextProvider,
   router_cache,
@@ -430,7 +497,9 @@ export {
   useCache,
   useClient,
   useCurrentVariables,
+  useLocation,
   useQueryResult,
+  useRoute,
   useRouterContext,
   useSession
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "houdini-react",
-  "version": "1.2.43",
+  "version": "1.2.45",
   "description": "The React plugin for houdini",
   "keywords": [
     "typescript",
@@ -43,7 +43,7 @@
     "recast": "^0.23.1",
     "rollup": "^3.7.4",
     "use-deep-compare-effect": "^1.8.1",
-    "houdini": "^1.2.43"
+    "houdini": "^1.2.45"
   },
   "files": [
     "build"