houdini-react 1.3.7 → 2.0.0-next.0

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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -29,14 +33,9 @@ __export(Router_exports, {
   RouterContextProvider: () => RouterContextProvider,
   router_cache: () => router_cache,
   updateLocalSession: () => updateLocalSession,
-  useCache: () => useCache,
-  useClient: () => useClient,
   useCurrentVariables: () => useCurrentVariables,
-  useLocation: () => useLocation,
   useQueryResult: () => useQueryResult,
-  useRoute: () => useRoute,
-  useRouterContext: () => useRouterContext,
-  useSession: () => useSession
+  useRoute: () => useRoute
 });
 module.exports = __toCommonJS(Router_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -46,9 +45,10 @@ 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_cache = require("./cache");
 var import_useDocumentHandle = require("../hooks/useDocumentHandle");
 var import_useDocumentStore = require("../hooks/useDocumentStore");
-var import_cache = require("./cache");
+var import_hooks = require("./hooks");
 const PreloadWhich = {
   component: "component",
   data: "data",
@@ -73,7 +73,7 @@ function Router({
     assetPrefix,
     injectToStream
   });
-  const { component_cache, data_cache } = useRouterContext();
+  const { component_cache, data_cache } = (0, import_hooks.useRouterContext)();
   const PageComponent = component_cache.get(page.id);
   import_react.default.useEffect(() => {
     if (globalThis.window && window.location.pathname !== currentURL) {
@@ -112,7 +112,7 @@ function Router({
     }
   });
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(VariableContext.Provider, { value: variables, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    LocationContext.Provider,
+    import_hooks.LocationContext.Provider,
     {
       value: {
         pathname: currentURL,
@@ -123,7 +123,6 @@ function Router({
     }
   ) });
 }
-const useLocation = () => (0, import_react2.useContext)(LocationContext);
 function usePageData({
   page,
   variables,
@@ -138,8 +137,8 @@ function usePageData({
     artifact_cache,
     ssr_signals,
     last_variables
-  } = useRouterContext();
-  const [session] = useSession();
+  } = (0, import_hooks.useRouterContext)();
+  const [session] = (0, import_hooks.useSession)();
   function load_query({
     id,
     artifact,
@@ -250,7 +249,7 @@ function usePageData({
 									window.__houdini__nav_caches__.ssr_signals.delete(artifactName)
 								}
 							}
-						<\/script>
+						</script>
 					`);
         resolve();
       }).catch(reject);
@@ -295,7 +294,7 @@ function usePageData({
         const artifact = mod.default;
         artifact_cache.set(artifact_id, artifact);
         injectToStream?.(`
-						<script type="module" src="${assetPrefix}/artifacts/${artifact.name}.js" async=""><\/script>
+						<script type="module" src="${assetPrefix}/artifacts/${artifact.name}.js" async=""></script>
 					`);
         load_query({ id: artifact.name, artifact, variables: variables2 });
       }).catch((err) => {
@@ -346,7 +345,7 @@ function RouterContextProvider({
     };
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    Context.Provider,
+    import_hooks.Context.Provider,
     {
       value: {
         client,
@@ -363,20 +362,6 @@ function RouterContextProvider({
     }
   );
 }
-const Context = import_react.default.createContext(null);
-const useRouterContext = () => {
-  const ctx = import_react.default.useContext(Context);
-  if (!ctx) {
-    throw new Error("Could not find router context");
-  }
-  return ctx;
-};
-function useClient() {
-  return useRouterContext().client;
-}
-function useCache() {
-  return useRouterContext().cache;
-}
 function updateLocalSession(session) {
   window.dispatchEvent(
     new CustomEvent("_houdini_session_", {
@@ -385,39 +370,12 @@ function updateLocalSession(session) {
     })
   );
 }
-function useSession() {
-  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: {},
-  goto: () => {
-  }
-});
 function useQueryResult(name) {
-  const { data_cache, artifact_cache } = useRouterContext();
+  const { data_cache, artifact_cache } = (0, import_hooks.useRouterContext)();
   const store_ref = data_cache.get(name);
   const [storeValue, observer] = (0, import_useDocumentStore.useDocumentStore)({
     artifact: store_ref.artifact,
@@ -451,7 +409,11 @@ function useLinkNavigation({ goto }) {
         return;
       }
       const link = e.target?.closest("a");
-      if (!(link && link instanceof HTMLAnchorElement && link.href && (!link.target || link.target === "_self") && link.origin === location.origin && !link.hasAttribute("download") && e.button === 0 && !e.metaKey && !e.ctrlKey && !e.altKey && !e.shiftKey && !e.defaultPrevented)) {
+      if (!(link && link instanceof HTMLAnchorElement && link.href && (!link.target || link.target === "_self") && link.origin === location.origin && !link.hasAttribute("download") && e.button === 0 && // left clicks only
+      !e.metaKey && // open in new tab (mac)
+      !e.ctrlKey && // open in new tab (windows)
+      !e.altKey && // download
+      !e.shiftKey && !e.defaultPrevented)) {
         return;
       }
       const target = link.attributes.getNamedItem("href")?.value;
@@ -541,7 +503,7 @@ function PageContextProvider({
   keys,
   children
 }) {
-  const location2 = useLocation();
+  const location2 = (0, import_hooks.useLocation)();
   const params = Object.fromEntries(
     Object.entries(location2.params).filter(([key]) => keys.includes(key))
   );
@@ -572,12 +534,7 @@ function signal_promise() {
   RouterContextProvider,
   router_cache,
   updateLocalSession,
-  useCache,
-  useClient,
   useCurrentVariables,
-  useLocation,
   useQueryResult,
-  useRoute,
-  useRouterContext,
-  useSession
+  useRoute
 });

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

@@ -31,6 +31,8 @@ function suspense_cache(initialData) {
   return cache;
 }
 class SuspenseCache extends import_lru.LRUCache {
+  // if get is called before set, we need to invoke a callback.
+  // that means we need a place to put our callbacks
   #callbacks = /* @__PURE__ */ new Map();
   get(key) {
     if (super.has(key)) {
@@ -40,6 +42,7 @@ class SuspenseCache extends import_lru.LRUCache {
       this.#subscribe(key, resolve, reject);
     });
   }
+  // TODO: reject?
   set(key, value) {
     super.set(key, value);
     if (this.#callbacks.has(key)) {

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

@@ -0,0 +1,40 @@
+import type { Cache } from '$houdini/runtime/cache/cache';
+import type { DocumentStore, HoudiniClient } from '$houdini/runtime/client';
+import type { LRUCache } from '$houdini/runtime/lib/lru';
+import type { GraphQLObject, GraphQLVariables, QueryArtifact } from '$houdini/runtime/lib/types';
+import { default as React } from 'react';
+import type { SuspenseCache } from './cache';
+export type PageComponent = React.ComponentType<{
+    url: string;
+}>;
+export type PendingCache = SuspenseCache<Promise<void> & {
+    resolve: () => void;
+    reject: (message: string) => void;
+}>;
+type RouterContext = {
+    client: HoudiniClient;
+    cache: Cache;
+    artifact_cache: SuspenseCache<QueryArtifact>;
+    component_cache: SuspenseCache<PageComponent>;
+    data_cache: SuspenseCache<DocumentStore<GraphQLObject, GraphQLVariables>>;
+    ssr_signals: PendingCache;
+    last_variables: LRUCache<GraphQLVariables>;
+    session: App.Session;
+    setSession: (newSession: Partial<App.Session>) => void;
+};
+export declare const Context: React.Context<RouterContext | null>;
+export declare const LocationContext: React.Context<{
+    pathname: string;
+    params: Record<string, any>;
+    goto: (url: string) => void;
+}>;
+export declare const useLocation: () => {
+    pathname: string;
+    params: Record<string, any>;
+    goto: (url: string) => void;
+};
+export declare const useRouterContext: () => RouterContext;
+export declare function useClient(): HoudiniClient;
+export declare function useCache(): Cache;
+export declare function useSession(): [App.Session, (newSession: Partial<App.Session>) => void];
+export {};

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

@@ -0,0 +1,93 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var hooks_exports = {};
+__export(hooks_exports, {
+  Context: () => Context,
+  LocationContext: () => LocationContext,
+  useCache: () => useCache,
+  useClient: () => useClient,
+  useLocation: () => useLocation,
+  useRouterContext: () => useRouterContext,
+  useSession: () => useSession
+});
+module.exports = __toCommonJS(hooks_exports);
+var import_config = __toESM(require("$houdini/runtime/imports/config"));
+var import_react = __toESM(require("react"));
+const Context = import_react.default.createContext(null);
+const LocationContext = import_react.default.createContext({
+  pathname: "",
+  params: {},
+  goto: () => {
+  }
+});
+const useLocation = () => (0, import_react.useContext)(LocationContext);
+const useRouterContext = () => {
+  const ctx = import_react.default.useContext(Context);
+  if (!ctx) {
+    throw new Error("Could not find router context");
+  }
+  return ctx;
+};
+function useClient() {
+  return useRouterContext().client;
+}
+function useCache() {
+  return useRouterContext().cache;
+}
+function useSession() {
+  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];
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Context,
+  LocationContext,
+  useCache,
+  useClient,
+  useLocation,
+  useRouterContext,
+  useSession
+});

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

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

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

@@ -23,8 +23,11 @@ __export(routing_exports, {
 });
 module.exports = __toCommonJS(routing_exports);
 __reExport(routing_exports, require("./Router"), module.exports);
+__reExport(routing_exports, require("./hooks"), module.exports);
 var import_cache = require("./cache");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  suspense_cache
+  suspense_cache,
+  ...require("./Router"),
+  ...require("./hooks")
 });

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

@@ -2,7 +2,7 @@ export { useQuery } from './useQuery';
 export { useQueryHandle } from './useQueryHandle';
 export { useFragment } from './useFragment';
 export { useFragmentHandle } from './useFragmentHandle';
-export { useMutation } from './useMutation';
+export { useMutation, RuntimeGraphQLError } from './useMutation';
 export { useSubscription } from './useSubscription';
 export { type DocumentHandle } from './useDocumentHandle';
 export { type UseQueryConfig } from './useQueryHandle';

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

@@ -2,11 +2,10 @@ import { useQuery } from "./useQuery";
 import { useQueryHandle } from "./useQueryHandle";
 import { useFragment } from "./useFragment";
 import { useFragmentHandle } from "./useFragmentHandle";
-import { useMutation } from "./useMutation";
+import { useMutation, RuntimeGraphQLError } from "./useMutation";
 import { useSubscription } from "./useSubscription";
-import {} from "./useDocumentHandle";
-import {} from "./useQueryHandle";
 export {
+  RuntimeGraphQLError,
   useFragment,
   useFragmentHandle,
   useMutation,

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 { useClient, useLocation, useSession } from "../routing/Router";
+import { useClient, useSession, useLocation } from "../routing/hooks";
 function useDocumentHandle({
   artifact,
   observer,

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { useClient } from "../routing";
+import { useClient } from "../routing/hooks";
 import { useIsMountedRef } from "./useIsMounted";
 function useDocumentStore({
   artifact,

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

@@ -1,4 +1,4 @@
-import { useSession } from "../routing/Router";
+import { useSession } from "../routing/hooks";
 import useDeepCompareEffect from "./useDeepCompareEffect";
 import { useDocumentStore } from "./useDocumentStore";
 function useDocumentSubscription({
@@ -18,6 +18,7 @@ function useDocumentSubscription({
       observer.send({
         variables,
         session,
+        // TODO: metadata
         metadata: {},
         ...send
       });

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

@@ -23,6 +23,7 @@ function useFragment(reference, document) {
     artifact: document.artifact,
     variables,
     initialValue: cachedValue,
+    // dont subscribe to anything if we are loading
     disabled: loading,
     send: {
       stuff: {

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

@@ -9,3 +9,6 @@ export type MutationHandler<_Result, _Input, _Optimistic extends GraphQLObject>
 export declare function useMutation<_Result extends GraphQLObject, _Input extends GraphQLVariables, _Optimistic extends GraphQLObject>({ artifact, }: {
     artifact: MutationArtifact;
 }): [boolean, MutationHandler<_Result, _Input, _Optimistic>];
+export declare class RuntimeGraphQLError extends Error {
+    raw: QueryResult['errors'];
+}

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

@@ -1,4 +1,4 @@
-import { useSession } from "../routing/Router";
+import { useSession } from "../routing/hooks";
 import { useDocumentStore } from "./useDocumentStore";
 function useMutation({
   artifact
@@ -6,23 +6,37 @@ function useMutation({
   const [storeValue, observer] = useDocumentStore({ artifact });
   const pending = storeValue.fetching;
   const [session] = useSession();
-  const mutate = ({
+  const mutate = async ({
     metadata,
     fetch,
     variables,
     abortController,
     ...mutationConfig
-  }) => observer.send({
-    variables,
-    metadata,
-    session,
-    abortController,
-    stuff: {
-      ...mutationConfig
+  }) => {
+    const result = await observer.send({
+      variables,
+      metadata,
+      session,
+      abortController,
+      stuff: {
+        ...mutationConfig
+      }
+    });
+    if (result.errors && result.errors?.length > 0) {
+      const err = new RuntimeGraphQLError(
+        result.errors.map((error) => error.message).join(". ")
+      );
+      err.raw = result.errors;
+      throw err;
     }
-  });
+    return result;
+  };
   return [pending, mutate];
 }
+class RuntimeGraphQLError extends Error {
+  raw = [];
+}
 export {
+  RuntimeGraphQLError,
   useMutation
 };

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

@@ -52,11 +52,13 @@ function useQueryHandle({ artifact }, variables = null, config = {}) {
     const suspenseUnit = {
       then: loadPromise.then.bind(loadPromise),
       resolve,
+      // @ts-ignore
       variables
     };
     promiseCache.set(identifier, suspenseUnit);
     handle.fetch({
       variables,
+      // @ts-ignore: this is actually allowed... 🤫
       stuff: {
         silenceLoading: true
       }

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

@@ -1,15 +1,13 @@
 import type { Cache } from '$houdini/runtime/cache/cache';
 import { DocumentStore, HoudiniClient } from '$houdini/runtime/client';
-import { LRUCache } from '$houdini/runtime/lib/lru';
-import { GraphQLObject, GraphQLVariables } from '$houdini/runtime/lib/types';
-import { QueryArtifact } from '$houdini/runtime/lib/types';
+import type { LRUCache } from '$houdini/runtime/lib/lru';
+import type { GraphQLObject, GraphQLVariables } from '$houdini/runtime/lib/types';
+import type { 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 PageComponent = React.ComponentType<{
-    url: string;
-}>;
+import { type SuspenseCache } from './cache';
+import { type DocumentHandle } from '../hooks/useDocumentHandle';
+import { type PageComponent, type PendingCache } from './hooks';
 type ComponentType = any;
 /**
  * Router is the top level entry point for the filesystem-based router.
@@ -22,11 +20,6 @@ export declare function Router({ manifest, initialURL, assetPrefix, injectToStre
     assetPrefix: string;
     injectToStream?: undefined | ((chunk: string) => void);
 }): React.JSX.Element;
-export declare const useLocation: () => {
-    pathname: string;
-    params: Record<string, any>;
-    goto: (url: string) => void;
-};
 export declare function RouterContextProvider({ children, client, cache, artifact_cache, component_cache, data_cache, ssr_signals, last_variables, session: ssrSession, }: {
     children: React.ReactNode;
     client: HoudiniClient;
@@ -38,26 +31,7 @@ export declare function RouterContextProvider({ children, client, cache, artifac
     last_variables: LRUCache<GraphQLVariables>;
     session?: App.Session;
 }): React.JSX.Element;
-type RouterContext = {
-    client: HoudiniClient;
-    cache: Cache;
-    artifact_cache: SuspenseCache<QueryArtifact>;
-    component_cache: SuspenseCache<PageComponent>;
-    data_cache: SuspenseCache<DocumentStore<GraphQLObject, GraphQLVariables>>;
-    ssr_signals: PendingCache;
-    last_variables: LRUCache<GraphQLVariables>;
-    session: App.Session;
-    setSession: (newSession: Partial<App.Session>) => void;
-};
-export type PendingCache = SuspenseCache<Promise<void> & {
-    resolve: () => void;
-    reject: (message: string) => void;
-}>;
-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, (newSession: Partial<App.Session>) => void];
 export declare function useCurrentVariables(): GraphQLVariables;
 export declare function useQueryResult<_Data extends GraphQLObject, _Input extends GraphQLVariables>(name: string): [_Data | null, DocumentHandle<any, _Data, _Input>];
 export type RouterCache = {