houdini-react 1.3.7 → 2.0.0-next.0

package/build/runtime/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/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/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 = {

package/build/runtime/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/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/client.js

@@ -23,5 +23,3 @@ __export(client_exports, {
 module.exports = __toCommonJS(client_exports);
 var client_default = () => {
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/build/runtime-cjs/clientPlugin.js

@@ -35,5 +35,3 @@ const plugin = () => () => {
   };
 };
 var clientPlugin_default = plugin;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/build/runtime-cjs/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-cjs/hooks/index.js

@@ -18,6 +18,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var hooks_exports = {};
 __export(hooks_exports, {
+  RuntimeGraphQLError: () => import_useMutation.RuntimeGraphQLError,
   useFragment: () => import_useFragment.useFragment,
   useFragmentHandle: () => import_useFragmentHandle.useFragmentHandle,
   useMutation: () => import_useMutation.useMutation,
@@ -32,10 +33,9 @@ var import_useFragment = require("./useFragment");
 var import_useFragmentHandle = require("./useFragmentHandle");
 var import_useMutation = require("./useMutation");
 var import_useSubscription = require("./useSubscription");
-var import_useDocumentHandle = require("./useDocumentHandle");
-var import_useQueryHandle2 = require("./useQueryHandle");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  RuntimeGraphQLError,
   useFragment,
   useFragmentHandle,
   useMutation,

package/build/runtime-cjs/hooks/useDeepCompareEffect.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
 ));

package/build/runtime-cjs/hooks/useDocumentHandle.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
 ));
@@ -31,7 +35,7 @@ var import_pageInfo = require("$houdini/runtime/lib/pageInfo");
 var import_pagination = require("$houdini/runtime/lib/pagination");
 var import_types = require("$houdini/runtime/lib/types");
 var import_react = __toESM(require("react"));
-var import_Router = require("../routing/Router");
+var import_hooks = require("../routing/hooks");
 function useDocumentHandle({
   artifact,
   observer,
@@ -39,9 +43,9 @@ function useDocumentHandle({
 }) {
   const [forwardPending, setForwardPending] = import_react.default.useState(false);
   const [backwardPending, setBackwardPending] = import_react.default.useState(false);
-  const location = (0, import_Router.useLocation)();
-  const [session] = (0, import_Router.useSession)();
-  const client = (0, import_Router.useClient)();
+  const location = (0, import_hooks.useLocation)();
+  const [session] = (0, import_hooks.useSession)();
+  const client = (0, import_hooks.useClient)();
   const paginationObserver = import_react.default.useMemo(() => {
     if (!artifact.refetch?.paginated) {
       return null;

package/build/runtime-cjs/hooks/useDocumentStore.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
 ));
@@ -28,14 +32,14 @@ __export(useDocumentStore_exports, {
 });
 module.exports = __toCommonJS(useDocumentStore_exports);
 var React = __toESM(require("react"));
-var import_routing = require("../routing");
+var import_hooks = require("../routing/hooks");
 var import_useIsMounted = require("./useIsMounted");
 function useDocumentStore({
   artifact,
   observer: obs,
   ...observeParams
 }) {
-  const client = (0, import_routing.useClient)();
+  const client = (0, import_hooks.useClient)();
   const isMountedRef = (0, import_useIsMounted.useIsMountedRef)();
   let [observer, setObserver] = React.useState(
     () => obs ?? client.observe({

package/build/runtime-cjs/hooks/useDocumentSubscription.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
 ));
@@ -27,7 +31,7 @@ __export(useDocumentSubscription_exports, {
   useDocumentSubscription: () => useDocumentSubscription
 });
 module.exports = __toCommonJS(useDocumentSubscription_exports);
-var import_Router = require("../routing/Router");
+var import_hooks = require("../routing/hooks");
 var import_useDeepCompareEffect = __toESM(require("./useDeepCompareEffect"));
 var import_useDocumentStore = require("./useDocumentStore");
 function useDocumentSubscription({
@@ -41,12 +45,13 @@ function useDocumentSubscription({
     artifact,
     ...observeParams
   });
-  const [session] = (0, import_Router.useSession)();
+  const [session] = (0, import_hooks.useSession)();
   (0, import_useDeepCompareEffect.default)(() => {
     if (!disabled) {
       observer.send({
         variables,
         session,
+        // TODO: metadata
         metadata: {},
         ...send
       });

package/build/runtime-cjs/hooks/useFragment.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
 ));
@@ -53,6 +57,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-cjs/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-cjs/hooks/useMutation.js

@@ -18,35 +18,50 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var useMutation_exports = {};
 __export(useMutation_exports, {
+  RuntimeGraphQLError: () => RuntimeGraphQLError,
   useMutation: () => useMutation
 });
 module.exports = __toCommonJS(useMutation_exports);
-var import_Router = require("../routing/Router");
+var import_hooks = require("../routing/hooks");
 var import_useDocumentStore = require("./useDocumentStore");
 function useMutation({
   artifact
 }) {
   const [storeValue, observer] = (0, import_useDocumentStore.useDocumentStore)({ artifact });
   const pending = storeValue.fetching;
-  const [session] = (0, import_Router.useSession)();
-  const mutate = ({
+  const [session] = (0, import_hooks.useSession)();
+  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 = [];
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  RuntimeGraphQLError,
   useMutation
 });

package/build/runtime-cjs/hooks/useQueryHandle.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
 ));
@@ -81,11 +85,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-cjs/index.js

@@ -19,24 +19,28 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 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 runtime_exports = {};
-__export(runtime_exports, {
+var index_exports = {};
+__export(index_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);
+module.exports = __toCommonJS(index_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_client = __toESM(require("./client"));
 var import_manifest = __toESM(require("./manifest"));
 var import_routing = require("./routing");
-__reExport(runtime_exports, require("./hooks"), module.exports);
+__reExport(index_exports, require("./hooks"), module.exports);
 var import_routing2 = require("./routing");
 function Router({
   cache,
@@ -79,5 +83,6 @@ function Router({
   router_cache,
   useLocation,
   useRoute,
-  useSession
+  useSession,
+  ...require("./hooks")
 });

package/build/runtime-cjs/manifest.js

@@ -23,5 +23,3 @@ __export(manifest_exports, {
 module.exports = __toCommonJS(manifest_exports);
 const manifest = {};
 var manifest_default = manifest;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/build/runtime-cjs/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 = {