houdini-react 0.0.0-20240309024236 → 0.0.0-20240309041323

package/build/plugin-cjs/index.js

@@ -74579,55 +74579,8 @@ var CompiledFragmentKind = ArtifactKind.Fragment;
 var CompiledMutationKind = ArtifactKind.Mutation;
 var CompiledQueryKind = ArtifactKind.Query;
 var CompiledSubscriptionKind = ArtifactKind.Subscription;
-var DataSource = {
-  Cache: "cache",
-  Network: "network",
-  Ssr: "ssr"
-};
 var fragmentKey = " $fragments";
 var PendingValue = Symbol("houdini_loading");
-async function marshalSelection({
-  selection,
-  data
-}) {
-  const config = getCurrentConfig();
-  if (data === null || typeof data === "undefined") {
-    return data;
-  }
-  if (Array.isArray(data)) {
-    return await Promise.all(data.map((val) => marshalSelection({ selection, data: val })));
-  }
-  const targetSelection = getFieldsForType(selection, data["__typename"], false);
-  return Object.fromEntries(
-    await Promise.all(
-      Object.entries(data).map(async ([fieldName, value]) => {
-        if (fieldName === fragmentKey) {
-          return [fieldName, value];
-        }
-        const { type, selection: selection2 } = targetSelection[fieldName];
-        if (!type) {
-          return [fieldName, value];
-        }
-        if (selection2) {
-          return [fieldName, await marshalSelection({ selection: selection2, data: value })];
-        }
-        if (config.scalars?.[type]) {
-          const marshalFn = config.scalars[type].marshal;
-          if (!marshalFn) {
-            throw new Error(
-              `scalar type ${type} is missing a \`marshal\` function. see https://github.com/AlecAivazis/houdini#%EF%B8%8Fcustom-scalars`
-            );
-          }
-          if (Array.isArray(value)) {
-            return [fieldName, value.map(marshalFn)];
-          }
-          return [fieldName, marshalFn(value)];
-        }
-        return [fieldName, value];
-      })
-    )
-  );
-}
 var computeKey = ({ field, args }) => {
   const keys = Object.keys(args ?? {});
   keys.sort();
@@ -77816,194 +77769,6 @@ function defaultComponentField({
 }
 var cache_default = new Cache();
 var serverSide = typeof globalThis.window === "undefined";
-var documentPlugin = (kind, source) => {
-  return () => {
-    const sourceHandlers = source();
-    const enterWrapper = (handler) => {
-      return !handler ? void 0 : (ctx, handlers) => {
-        if (ctx.artifact.kind !== kind) {
-          return handlers.next(ctx);
-        }
-        return handler(ctx, handlers);
-      };
-    };
-    const exitWrapper = (handler) => {
-      return !handler ? void 0 : (ctx, handlers) => {
-        if (ctx.artifact.kind !== kind) {
-          return handlers.resolve(ctx);
-        }
-        return handler(ctx, handlers);
-      };
-    };
-    return {
-      start: enterWrapper(sourceHandlers.start),
-      network: enterWrapper(sourceHandlers.network),
-      afterNetwork: exitWrapper(sourceHandlers.afterNetwork),
-      end: exitWrapper(sourceHandlers.end),
-      catch: sourceHandlers.catch ? (ctx, handlers) => sourceHandlers.catch(ctx, handlers) : void 0,
-      cleanup: (...args) => sourceHandlers.cleanup?.(...args)
-    };
-  };
-};
-var query = documentPlugin(ArtifactKind.Query, function() {
-  let subscriptionSpec = null;
-  let lastVariables = null;
-  return {
-    start(ctx, { next }) {
-      const runtimeScalarPayload = {
-        session: ctx.session
-      };
-      ctx.variables = {
-        ...lastVariables,
-        ...Object.fromEntries(
-          Object.entries(ctx.artifact.input?.runtimeScalars ?? {}).map(
-            ([field, type]) => {
-              const runtimeScalar = ctx.config.features?.runtimeScalars?.[type];
-              if (!runtimeScalar) {
-                return [field, type];
-              }
-              return [field, runtimeScalar.resolve(runtimeScalarPayload)];
-            }
-          )
-        ),
-        ...ctx.variables
-      };
-      next(ctx);
-    },
-    end(ctx, { resolve: resolve2, marshalVariables: marshalVariables2, variablesChanged: variablesChanged2 }) {
-      if (variablesChanged2(ctx) && !ctx.cacheParams?.disableSubscriptions) {
-        if (subscriptionSpec) {
-          cache_default.unsubscribe(subscriptionSpec, subscriptionSpec.variables?.() || {});
-        }
-        lastVariables = { ...marshalVariables2(ctx) };
-        const variables = lastVariables;
-        subscriptionSpec = {
-          rootType: ctx.artifact.rootType,
-          selection: ctx.artifact.selection,
-          variables: () => variables,
-          set: (newValue) => {
-            resolve2(ctx, {
-              data: newValue,
-              errors: null,
-              fetching: false,
-              partial: false,
-              stale: false,
-              source: DataSource.Cache,
-              variables: ctx.variables ?? {}
-            });
-          }
-        };
-        cache_default.subscribe(subscriptionSpec, lastVariables);
-      }
-      resolve2(ctx);
-    },
-    cleanup() {
-      if (subscriptionSpec) {
-        cache_default.unsubscribe(subscriptionSpec, subscriptionSpec.variables?.());
-        lastVariables = null;
-      }
-    }
-  };
-});
-var fragment = documentPlugin(ArtifactKind.Fragment, function() {
-  let subscriptionSpec = null;
-  let lastReference = null;
-  return {
-    start(ctx, { next, resolve: resolve2, variablesChanged: variablesChanged2, marshalVariables: marshalVariables2 }) {
-      if (!ctx.stuff.parentID) {
-        return next(ctx);
-      }
-      const currentReference = {
-        parent: ctx.stuff.parentID,
-        variables: marshalVariables2(ctx)
-      };
-      if (!ctx.cacheParams?.disableSubscriptions && (!deepEquals(lastReference, currentReference) || variablesChanged2(ctx))) {
-        if (subscriptionSpec) {
-          cache_default.unsubscribe(subscriptionSpec, subscriptionSpec.variables?.() || {});
-        }
-        const variables = marshalVariables2(ctx);
-        subscriptionSpec = {
-          rootType: ctx.artifact.rootType,
-          selection: ctx.artifact.selection,
-          variables: () => variables,
-          parentID: ctx.stuff.parentID,
-          set: (newValue) => {
-            resolve2(ctx, {
-              data: newValue,
-              errors: null,
-              fetching: false,
-              partial: false,
-              stale: false,
-              source: DataSource.Cache,
-              variables
-            });
-          }
-        };
-        cache_default.subscribe(subscriptionSpec, variables);
-        lastReference = currentReference;
-      }
-      next(ctx);
-    },
-    cleanup() {
-      if (subscriptionSpec) {
-        cache_default.unsubscribe(subscriptionSpec, subscriptionSpec.variables?.());
-      }
-    }
-  };
-});
-var mutation = documentPlugin(ArtifactKind.Mutation, () => {
-  return {
-    async start(ctx, { next, marshalVariables: marshalVariables2 }) {
-      const layerOptimistic = cache_default._internal_unstable.storage.createLayer(true);
-      const optimisticResponse = ctx.stuff.optimisticResponse;
-      let toNotify = [];
-      if (optimisticResponse) {
-        toNotify = cache_default.write({
-          selection: ctx.artifact.selection,
-          data: await marshalSelection({
-            selection: ctx.artifact.selection,
-            data: optimisticResponse
-          }),
-          variables: marshalVariables2(ctx),
-          layer: layerOptimistic.id
-        });
-      }
-      ctx.cacheParams = {
-        ...ctx.cacheParams,
-        layer: layerOptimistic,
-        notifySubscribers: toNotify,
-        forceNotify: true
-      };
-      next(ctx);
-    },
-    afterNetwork(ctx, { resolve: resolve2 }) {
-      if (ctx.cacheParams?.layer) {
-        cache_default.clearLayer(ctx.cacheParams.layer.id);
-      }
-      resolve2(ctx);
-    },
-    end(ctx, { resolve: resolve2, value }) {
-      const hasErrors = value.errors && value.errors.length > 0;
-      if (hasErrors) {
-        if (ctx.cacheParams?.layer) {
-          cache_default.clearLayer(ctx.cacheParams.layer.id);
-        }
-      }
-      if (ctx.cacheParams?.layer) {
-        cache_default._internal_unstable.storage.resolveLayer(ctx.cacheParams.layer.id);
-      }
-      resolve2(ctx);
-    },
-    catch(ctx, { error }) {
-      if (ctx.cacheParams?.layer) {
-        const { layer } = ctx.cacheParams;
-        cache_default.clearLayer(layer.id);
-        cache_default._internal_unstable.storage.resolveLayer(layer.id);
-      }
-      throw error;
-    }
-  };
-});
 var currentDir = dirname((0, import_node_url.fileURLToPath)(import_meta.url));
 var DEFAULT_CONFIG_PATH = join2(process.cwd(), "houdini.config.js");
 var emptySchema = graphql2.buildSchema("type Query { hello: String }");
@@ -78928,12 +78693,12 @@ async function generate_query_wrapper(args) {
   ];
   source.push(`export default ({ children }) => {
 		${""}
-		${page.queries.map((query2) => `const [${query2}$data, ${query2}$handle] = useQueryResult("${query2}")`).join("\n")}
+		${page.queries.map((query) => `const [${query}$data, ${query}$handle] = useQueryResult("${query}")`).join("\n")}
 
 		return (
 			<${component_name}
 			${page.queries.map(
-    (query2) => [`${query2}={${query2}$data}`, `${query2}$handle={${query2}$handle}`].join(" ")
+    (query) => [`${query}={${query}$data}`, `${query}$handle={${query}$handle}`].join(" ")
   ).join("\n")}
 			>
 				{children}
@@ -79010,7 +78775,7 @@ async function generate_fallbacks({
   project
 }) {
   const query_map = Object.values(project.layout_queries).concat(Object.values(project.page_queries)).reduce(
-    (prev, query2) => ({ ...prev, [query2.name]: query2 }),
+    (prev, query) => ({ ...prev, [query.name]: query }),
     {}
   );
   for (const [id, page] of Object.entries(project.layouts).concat(
@@ -79019,11 +78784,11 @@ async function generate_fallbacks({
     const layout = conventions_exports.is_layout(page.path);
     const which = layout ? "layout" : "page";
     const { required_queries, loading_queries } = page.queries.reduce(
-      (prev, query2) => {
-        if (query_map[query2].loading) {
-          prev.loading_queries.push(query2);
+      (prev, query) => {
+        if (query_map[query].loading) {
+          prev.loading_queries.push(query);
         } else {
-          prev.required_queries.push(query2);
+          prev.required_queries.push(query);
         }
         return prev;
       },
@@ -79052,11 +78817,11 @@ async function generate_fallbacks({
 				const { artifact_cache } = useRouterContext()
 
 				${""}
-				${page.queries.map((query2) => `const ${query2}_artifact = artifact_cache.get("${query2}")`).join("\n")}
+				${page.queries.map((query) => `const ${query}_artifact = artifact_cache.get("${query}")`).join("\n")}
 
 				${""}
 				${required_queries.map(
-        (query2) => `const [${query2}_data, ${query2}_handle] = useQueryResult("${query2}")`
+        (query) => `const [${query}_data, ${query}_handle] = useQueryResult("${query}")`
       ).join("\n")}
 
 				return (
@@ -79416,8 +79181,8 @@ import { DocumentHandle } from '${relative2}/plugins/houdini-react/runtime'
 import React from 'react'
 
 ${all_queries.map(
-        (query2) => dedent(`
-            import type { ${query2}$result, ${query2}$artifact, ${query2}$input } from '${config.artifactImportPath(query2).replace("$houdini", relative2)}'
+        (query) => dedent(`
+            import type { ${query}$result, ${query}$artifact, ${query}$input } from '${config.artifactImportPath(query).replace("$houdini", relative2)}'
 
         `)
       ).join("\n")}
@@ -79425,8 +79190,8 @@ ${all_queries.map(
 ${`
 export type PageProps = {
 ${!page ? "" : page.query_options.map(
-        (query2) => `    ${query2}: ${query2}$result,
-    ${query2}$handle: DocumentHandle<${query2}$artifact, ${query2}$result, ${query2}$input>,`
+        (query) => `    ${query}: ${query}$result,
+    ${query}$handle: DocumentHandle<${query}$artifact, ${query}$result, ${query}$input>,`
       ).join("\n")}
 }
 `}
@@ -79435,8 +79200,8 @@ ${`
 export type LayoutProps = {
 	children: React.ReactNode,
 ${!layout ? "" : layout.query_options.map(
-        (query2) => `    ${query2}: ${query2}$result,
-    ${query2}$handle: DocumentHandle<${query2}$artifact, ${query2}$result, ${query2}$input>,`
+        (query) => `    ${query}: ${query}$result,
+    ${query}$handle: DocumentHandle<${query}$artifact, ${query}$result, ${query}$input>,`
       ).join("\n")}
 }
 `}
@@ -79576,12 +79341,12 @@ ${Object.entries(manifest3.pages).map(([id, page]) => {
 
 		${""}
 		documents: {
-			${queries.map((query2) => {
-          const artifact_path = config.artifactImportPath(query2);
-          return `${query2}: {
+			${queries.map((query) => {
+          const artifact_path = config.artifactImportPath(query);
+          return `${query}: {
 						artifact: () => import("${path_exports.relative(from, artifact_path)}"),
-						loading: ${JSON.stringify(query_name_map[query2]?.loading)},
-						variables: ${JSON.stringify(query_name_map[query2]?.variables)}
+						loading: ${JSON.stringify(query_name_map[query]?.loading)},
+						variables: ${JSON.stringify(query_name_map[query]?.variables)}
 					}`;
         }).join(",\n			")}
 		},
@@ -79805,12 +79570,12 @@ var vite_default = {
     const queryName = parsedPath.name;
     if (which === "pages") {
       const page = manifest.pages[queryName];
-      const pendingQueries = page.queries.filter((query2) => {
-        const page2 = Object.values(manifest.page_queries).find((q) => q.name === query2);
+      const pendingQueries = page.queries.filter((query) => {
+        const page2 = Object.values(manifest.page_queries).find((q) => q.name === query);
         if (page2) {
           return page2.loading;
         }
-        const layout = Object.values(manifest.layout_queries).find((q) => q.name === query2);
+        const layout = Object.values(manifest.layout_queries).find((q) => q.name === query);
         return layout?.loading;
       });
       return `

package/build/plugin-esm/index.js

@@ -74569,55 +74569,8 @@ var CompiledFragmentKind = ArtifactKind.Fragment;
 var CompiledMutationKind = ArtifactKind.Mutation;
 var CompiledQueryKind = ArtifactKind.Query;
 var CompiledSubscriptionKind = ArtifactKind.Subscription;
-var DataSource = {
-  Cache: "cache",
-  Network: "network",
-  Ssr: "ssr"
-};
 var fragmentKey = " $fragments";
 var PendingValue = Symbol("houdini_loading");
-async function marshalSelection({
-  selection,
-  data
-}) {
-  const config = getCurrentConfig();
-  if (data === null || typeof data === "undefined") {
-    return data;
-  }
-  if (Array.isArray(data)) {
-    return await Promise.all(data.map((val) => marshalSelection({ selection, data: val })));
-  }
-  const targetSelection = getFieldsForType(selection, data["__typename"], false);
-  return Object.fromEntries(
-    await Promise.all(
-      Object.entries(data).map(async ([fieldName, value]) => {
-        if (fieldName === fragmentKey) {
-          return [fieldName, value];
-        }
-        const { type, selection: selection2 } = targetSelection[fieldName];
-        if (!type) {
-          return [fieldName, value];
-        }
-        if (selection2) {
-          return [fieldName, await marshalSelection({ selection: selection2, data: value })];
-        }
-        if (config.scalars?.[type]) {
-          const marshalFn = config.scalars[type].marshal;
-          if (!marshalFn) {
-            throw new Error(
-              `scalar type ${type} is missing a \`marshal\` function. see https://github.com/AlecAivazis/houdini#%EF%B8%8Fcustom-scalars`
-            );
-          }
-          if (Array.isArray(value)) {
-            return [fieldName, value.map(marshalFn)];
-          }
-          return [fieldName, marshalFn(value)];
-        }
-        return [fieldName, value];
-      })
-    )
-  );
-}
 var computeKey = ({ field, args }) => {
   const keys = Object.keys(args ?? {});
   keys.sort();
@@ -77806,194 +77759,6 @@ function defaultComponentField({
 }
 var cache_default = new Cache();
 var serverSide = typeof globalThis.window === "undefined";
-var documentPlugin = (kind, source) => {
-  return () => {
-    const sourceHandlers = source();
-    const enterWrapper = (handler) => {
-      return !handler ? void 0 : (ctx, handlers) => {
-        if (ctx.artifact.kind !== kind) {
-          return handlers.next(ctx);
-        }
-        return handler(ctx, handlers);
-      };
-    };
-    const exitWrapper = (handler) => {
-      return !handler ? void 0 : (ctx, handlers) => {
-        if (ctx.artifact.kind !== kind) {
-          return handlers.resolve(ctx);
-        }
-        return handler(ctx, handlers);
-      };
-    };
-    return {
-      start: enterWrapper(sourceHandlers.start),
-      network: enterWrapper(sourceHandlers.network),
-      afterNetwork: exitWrapper(sourceHandlers.afterNetwork),
-      end: exitWrapper(sourceHandlers.end),
-      catch: sourceHandlers.catch ? (ctx, handlers) => sourceHandlers.catch(ctx, handlers) : void 0,
-      cleanup: (...args) => sourceHandlers.cleanup?.(...args)
-    };
-  };
-};
-var query = documentPlugin(ArtifactKind.Query, function() {
-  let subscriptionSpec = null;
-  let lastVariables = null;
-  return {
-    start(ctx, { next }) {
-      const runtimeScalarPayload = {
-        session: ctx.session
-      };
-      ctx.variables = {
-        ...lastVariables,
-        ...Object.fromEntries(
-          Object.entries(ctx.artifact.input?.runtimeScalars ?? {}).map(
-            ([field, type]) => {
-              const runtimeScalar = ctx.config.features?.runtimeScalars?.[type];
-              if (!runtimeScalar) {
-                return [field, type];
-              }
-              return [field, runtimeScalar.resolve(runtimeScalarPayload)];
-            }
-          )
-        ),
-        ...ctx.variables
-      };
-      next(ctx);
-    },
-    end(ctx, { resolve: resolve2, marshalVariables: marshalVariables2, variablesChanged: variablesChanged2 }) {
-      if (variablesChanged2(ctx) && !ctx.cacheParams?.disableSubscriptions) {
-        if (subscriptionSpec) {
-          cache_default.unsubscribe(subscriptionSpec, subscriptionSpec.variables?.() || {});
-        }
-        lastVariables = { ...marshalVariables2(ctx) };
-        const variables = lastVariables;
-        subscriptionSpec = {
-          rootType: ctx.artifact.rootType,
-          selection: ctx.artifact.selection,
-          variables: () => variables,
-          set: (newValue) => {
-            resolve2(ctx, {
-              data: newValue,
-              errors: null,
-              fetching: false,
-              partial: false,
-              stale: false,
-              source: DataSource.Cache,
-              variables: ctx.variables ?? {}
-            });
-          }
-        };
-        cache_default.subscribe(subscriptionSpec, lastVariables);
-      }
-      resolve2(ctx);
-    },
-    cleanup() {
-      if (subscriptionSpec) {
-        cache_default.unsubscribe(subscriptionSpec, subscriptionSpec.variables?.());
-        lastVariables = null;
-      }
-    }
-  };
-});
-var fragment = documentPlugin(ArtifactKind.Fragment, function() {
-  let subscriptionSpec = null;
-  let lastReference = null;
-  return {
-    start(ctx, { next, resolve: resolve2, variablesChanged: variablesChanged2, marshalVariables: marshalVariables2 }) {
-      if (!ctx.stuff.parentID) {
-        return next(ctx);
-      }
-      const currentReference = {
-        parent: ctx.stuff.parentID,
-        variables: marshalVariables2(ctx)
-      };
-      if (!ctx.cacheParams?.disableSubscriptions && (!deepEquals(lastReference, currentReference) || variablesChanged2(ctx))) {
-        if (subscriptionSpec) {
-          cache_default.unsubscribe(subscriptionSpec, subscriptionSpec.variables?.() || {});
-        }
-        const variables = marshalVariables2(ctx);
-        subscriptionSpec = {
-          rootType: ctx.artifact.rootType,
-          selection: ctx.artifact.selection,
-          variables: () => variables,
-          parentID: ctx.stuff.parentID,
-          set: (newValue) => {
-            resolve2(ctx, {
-              data: newValue,
-              errors: null,
-              fetching: false,
-              partial: false,
-              stale: false,
-              source: DataSource.Cache,
-              variables
-            });
-          }
-        };
-        cache_default.subscribe(subscriptionSpec, variables);
-        lastReference = currentReference;
-      }
-      next(ctx);
-    },
-    cleanup() {
-      if (subscriptionSpec) {
-        cache_default.unsubscribe(subscriptionSpec, subscriptionSpec.variables?.());
-      }
-    }
-  };
-});
-var mutation = documentPlugin(ArtifactKind.Mutation, () => {
-  return {
-    async start(ctx, { next, marshalVariables: marshalVariables2 }) {
-      const layerOptimistic = cache_default._internal_unstable.storage.createLayer(true);
-      const optimisticResponse = ctx.stuff.optimisticResponse;
-      let toNotify = [];
-      if (optimisticResponse) {
-        toNotify = cache_default.write({
-          selection: ctx.artifact.selection,
-          data: await marshalSelection({
-            selection: ctx.artifact.selection,
-            data: optimisticResponse
-          }),
-          variables: marshalVariables2(ctx),
-          layer: layerOptimistic.id
-        });
-      }
-      ctx.cacheParams = {
-        ...ctx.cacheParams,
-        layer: layerOptimistic,
-        notifySubscribers: toNotify,
-        forceNotify: true
-      };
-      next(ctx);
-    },
-    afterNetwork(ctx, { resolve: resolve2 }) {
-      if (ctx.cacheParams?.layer) {
-        cache_default.clearLayer(ctx.cacheParams.layer.id);
-      }
-      resolve2(ctx);
-    },
-    end(ctx, { resolve: resolve2, value }) {
-      const hasErrors = value.errors && value.errors.length > 0;
-      if (hasErrors) {
-        if (ctx.cacheParams?.layer) {
-          cache_default.clearLayer(ctx.cacheParams.layer.id);
-        }
-      }
-      if (ctx.cacheParams?.layer) {
-        cache_default._internal_unstable.storage.resolveLayer(ctx.cacheParams.layer.id);
-      }
-      resolve2(ctx);
-    },
-    catch(ctx, { error }) {
-      if (ctx.cacheParams?.layer) {
-        const { layer } = ctx.cacheParams;
-        cache_default.clearLayer(layer.id);
-        cache_default._internal_unstable.storage.resolveLayer(layer.id);
-      }
-      throw error;
-    }
-  };
-});
 var currentDir = dirname(fileURLToPath(import.meta.url));
 var DEFAULT_CONFIG_PATH = join2(process.cwd(), "houdini.config.js");
 var emptySchema = graphql2.buildSchema("type Query { hello: String }");
@@ -78918,12 +78683,12 @@ async function generate_query_wrapper(args) {
   ];
   source.push(`export default ({ children }) => {
 		${""}
-		${page.queries.map((query2) => `const [${query2}$data, ${query2}$handle] = useQueryResult("${query2}")`).join("\n")}
+		${page.queries.map((query) => `const [${query}$data, ${query}$handle] = useQueryResult("${query}")`).join("\n")}
 
 		return (
 			<${component_name}
 			${page.queries.map(
-    (query2) => [`${query2}={${query2}$data}`, `${query2}$handle={${query2}$handle}`].join(" ")
+    (query) => [`${query}={${query}$data}`, `${query}$handle={${query}$handle}`].join(" ")
   ).join("\n")}
 			>
 				{children}
@@ -79000,7 +78765,7 @@ async function generate_fallbacks({
   project
 }) {
   const query_map = Object.values(project.layout_queries).concat(Object.values(project.page_queries)).reduce(
-    (prev, query2) => ({ ...prev, [query2.name]: query2 }),
+    (prev, query) => ({ ...prev, [query.name]: query }),
     {}
   );
   for (const [id, page] of Object.entries(project.layouts).concat(
@@ -79009,11 +78774,11 @@ async function generate_fallbacks({
     const layout = conventions_exports.is_layout(page.path);
     const which = layout ? "layout" : "page";
     const { required_queries, loading_queries } = page.queries.reduce(
-      (prev, query2) => {
-        if (query_map[query2].loading) {
-          prev.loading_queries.push(query2);
+      (prev, query) => {
+        if (query_map[query].loading) {
+          prev.loading_queries.push(query);
         } else {
-          prev.required_queries.push(query2);
+          prev.required_queries.push(query);
         }
         return prev;
       },
@@ -79042,11 +78807,11 @@ async function generate_fallbacks({
 				const { artifact_cache } = useRouterContext()
 
 				${""}
-				${page.queries.map((query2) => `const ${query2}_artifact = artifact_cache.get("${query2}")`).join("\n")}
+				${page.queries.map((query) => `const ${query}_artifact = artifact_cache.get("${query}")`).join("\n")}
 
 				${""}
 				${required_queries.map(
-        (query2) => `const [${query2}_data, ${query2}_handle] = useQueryResult("${query2}")`
+        (query) => `const [${query}_data, ${query}_handle] = useQueryResult("${query}")`
       ).join("\n")}
 
 				return (
@@ -79406,8 +79171,8 @@ import { DocumentHandle } from '${relative2}/plugins/houdini-react/runtime'
 import React from 'react'
 
 ${all_queries.map(
-        (query2) => dedent(`
-            import type { ${query2}$result, ${query2}$artifact, ${query2}$input } from '${config.artifactImportPath(query2).replace("$houdini", relative2)}'
+        (query) => dedent(`
+            import type { ${query}$result, ${query}$artifact, ${query}$input } from '${config.artifactImportPath(query).replace("$houdini", relative2)}'
 
         `)
       ).join("\n")}
@@ -79415,8 +79180,8 @@ ${all_queries.map(
 ${`
 export type PageProps = {
 ${!page ? "" : page.query_options.map(
-        (query2) => `    ${query2}: ${query2}$result,
-    ${query2}$handle: DocumentHandle<${query2}$artifact, ${query2}$result, ${query2}$input>,`
+        (query) => `    ${query}: ${query}$result,
+    ${query}$handle: DocumentHandle<${query}$artifact, ${query}$result, ${query}$input>,`
       ).join("\n")}
 }
 `}
@@ -79425,8 +79190,8 @@ ${`
 export type LayoutProps = {
 	children: React.ReactNode,
 ${!layout ? "" : layout.query_options.map(
-        (query2) => `    ${query2}: ${query2}$result,
-    ${query2}$handle: DocumentHandle<${query2}$artifact, ${query2}$result, ${query2}$input>,`
+        (query) => `    ${query}: ${query}$result,
+    ${query}$handle: DocumentHandle<${query}$artifact, ${query}$result, ${query}$input>,`
       ).join("\n")}
 }
 `}
@@ -79566,12 +79331,12 @@ ${Object.entries(manifest3.pages).map(([id, page]) => {
 
 		${""}
 		documents: {
-			${queries.map((query2) => {
-          const artifact_path = config.artifactImportPath(query2);
-          return `${query2}: {
+			${queries.map((query) => {
+          const artifact_path = config.artifactImportPath(query);
+          return `${query}: {
 						artifact: () => import("${path_exports.relative(from, artifact_path)}"),
-						loading: ${JSON.stringify(query_name_map[query2]?.loading)},
-						variables: ${JSON.stringify(query_name_map[query2]?.variables)}
+						loading: ${JSON.stringify(query_name_map[query]?.loading)},
+						variables: ${JSON.stringify(query_name_map[query]?.variables)}
 					}`;
         }).join(",\n			")}
 		},
@@ -79795,12 +79560,12 @@ var vite_default = {
     const queryName = parsedPath.name;
     if (which === "pages") {
       const page = manifest.pages[queryName];
-      const pendingQueries = page.queries.filter((query2) => {
-        const page2 = Object.values(manifest.page_queries).find((q) => q.name === query2);
+      const pendingQueries = page.queries.filter((query) => {
+        const page2 = Object.values(manifest.page_queries).find((q) => q.name === query);
         if (page2) {
           return page2.loading;
         }
-        const layout = Object.values(manifest.layout_queries).find((q) => q.name === query2);
+        const layout = Object.values(manifest.layout_queries).find((q) => q.name === query);
         return layout?.loading;
       });
       return `

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "houdini-react",
-  "version": "0.0.0-20240309024236",
+  "version": "0.0.0-20240309041323",
   "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": "^0.0.0-20240309024236"
+    "houdini": "^0.0.0-20240309041323"
   },
   "files": [
     "build"