houdini-react 1.3.9 → 2.0.0-next.1

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-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
 ));

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
 ));

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
 ));
@@ -47,6 +51,7 @@ function useDocumentSubscription({
       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,6 +18,7 @@ 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);
@@ -29,24 +30,38 @@ function useMutation({
   const [storeValue, observer] = (0, import_useDocumentStore.useDocumentStore)({ artifact });
   const pending = storeValue.fetching;
   const [session] = (0, import_hooks.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 = [];
+}
 // 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.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
 ));
@@ -245,7 +249,7 @@ function usePageData({
 									window.__houdini__nav_caches__.ssr_signals.delete(artifactName)
 								}
 							}
-						<\/script>
+						</script>
 					`);
         resolve();
       }).catch(reject);
@@ -290,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) => {
@@ -405,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;

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.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/routing/index.js

@@ -27,5 +27,7 @@ __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/useDocumentSubscription.js

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

@@ -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.js

@@ -209,7 +209,7 @@ function usePageData({
 									window.__houdini__nav_caches__.ssr_signals.delete(artifactName)
 								}
 							}
-						<\/script>
+						</script>
 					`);
         resolve();
       }).catch(reject);
@@ -254,7 +254,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) => {
@@ -369,7 +369,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;

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

@@ -7,6 +7,8 @@ function suspense_cache(initialData) {
   return cache;
 }
 class SuspenseCache extends 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)) {
@@ -16,6 +18,7 @@ class SuspenseCache extends LRUCache {
       this.#subscribe(key, resolve, reject);
     });
   }
+  // TODO: reject?
   set(key, value) {
     super.set(key, value);
     if (this.#callbacks.has(key)) {

package/build/server-cjs/index.js

@@ -16,11 +16,11 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var server_exports = {};
-__export(server_exports, {
+var index_exports = {};
+__export(index_exports, {
   renderToStream: () => import_server.renderToStream
 });
-module.exports = __toCommonJS(server_exports);
+module.exports = __toCommonJS(index_exports);
 var import_server = require("react-streaming-compat/server");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "houdini-react",
-  "version": "1.3.9",
+  "version": "2.0.0-next.1",
   "description": "The React plugin for houdini",
   "keywords": [
     "typescript",
@@ -34,15 +34,15 @@
     "cookies": "^0.8.0",
     "estraverse": "^5.3.0",
     "express": "^4.18.2",
-    "graphql": "^15.8.0",
+    "graphql": "^16.10.0",
     "graphql-yoga": "^4.0.4",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-streaming-compat": "^0.3.18",
     "recast": "^0.23.1",
-    "rollup": "^4.28.1",
+    "rollup": "^4.39.0",
     "use-deep-compare-effect": "^1.8.1",
-    "houdini": "^1.5.5"
+    "houdini": "^2.0.0-next.1"
   },
   "files": [
     "build"