houdini 1.2.43 → 1.2.44

package/build/vite-esm/index.js

@@ -31868,7 +31868,7 @@ var require_path_visitor = __commonJS({
         }
         return target;
       }
-      PathVisitor.visit = function visit19(node, methods) {
+      PathVisitor.visit = function visit20(node, methods) {
         return PathVisitor.fromMethodsObject(methods).visit(node);
       };
       var PVp = PathVisitor.prototype;
@@ -32059,7 +32059,7 @@ var require_path_visitor = __commonJS({
         this.needToCallTraverse = false;
         return visitChildren(path3, PathVisitor.fromMethodsObject(newVisitor || this.visitor));
       };
-      sharedContextProtoMethods.visit = function visit19(path3, newVisitor) {
+      sharedContextProtoMethods.visit = function visit20(path3, newVisitor) {
         if (!(this instanceof this.Context)) {
           throw new Error("");
         }
@@ -33452,7 +33452,7 @@ var require_main = __commonJS({
     var someField = _a.someField;
     var Type = _a.Type;
     var use = _a.use;
-    var visit19 = _a.visit;
+    var visit20 = _a.visit;
     exports.astNodesAreEquivalent = astNodesAreEquivalent;
     exports.builders = builders;
     exports.builtInTypes = builtInTypes;
@@ -33469,7 +33469,7 @@ var require_main = __commonJS({
     exports.someField = someField;
     exports.Type = Type;
     exports.use = use;
-    exports.visit = visit19;
+    exports.visit = visit20;
     Object.assign(namedTypes_1.namedTypes, n);
   }
 });
@@ -61315,7 +61315,7 @@ function watchAndRun(params) {
 }
 
 // src/codegen/index.ts
-import * as graphql32 from "graphql";
+import * as graphql33 from "graphql";
 
 // src/lib/pipeline.ts
 async function runPipeline(config2, pipeline2, target) {
@@ -68456,8 +68456,22 @@ var query = documentPlugin(ArtifactKind.Query, function() {
   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);
@@ -69037,6 +69051,9 @@ var Config = class {
   get loadingDirective() {
     return `loading`;
   }
+  get runtimeScalarDirective() {
+    return "__houdini__runtimeScalar";
+  }
   get whenDirective() {
     return "when";
   }
@@ -69107,7 +69124,7 @@ var Config = class {
     const internalDirectives = this.#newSchemaInstance?.getDirectives().reduce((list, directive) => {
       return list.concat(directive.name);
     }, []) ?? [];
-    return !defaultDirectives.includes(name) && (internalDirectives.includes(name) || this.isDeleteDirective(name));
+    return !defaultDirectives.includes(name) && (internalDirectives.includes(name) || this.isDeleteDirective(name) || name === this.runtimeScalarDirective);
   }
   get componentFieldDirective() {
     return "componentField";
@@ -69628,7 +69645,7 @@ function unwrapType(config2, type, wrappers = []) {
   }
   const namedType = config2.schema.getType(type.name.value || type.name);
   if (!namedType) {
-    throw new Error("Could not unwrap type: " + JSON.stringify(type));
+    throw new Error("Unknown type: " + type.name.value || type.name);
   }
   return { type: namedType, wrappers };
 }
@@ -71438,7 +71455,7 @@ ${exportDefaultFrom(`./${doc.name}`, doc.name)}`,
 
 // src/codegen/generators/artifacts/inputs.ts
 import * as graphql8 from "graphql";
-function inputObject(config2, inputs) {
+function inputObject(config2, inputs, runtimeScalars) {
   const visitedTypes = /* @__PURE__ */ new Set();
   const inputObj = {
     fields: inputs.reduce((fields, input) => {
@@ -71454,7 +71471,8 @@ function inputObject(config2, inputs) {
         ...fields,
         [input.variable.name.value]: input.defaultValue ? variableValue(input.defaultValue, {}) : void 0
       };
-    }, {})
+    }, {}),
+    runtimeScalars
   };
   for (const input of inputs) {
     walkInputs(config2, visitedTypes, inputObj, input.type);
@@ -73297,7 +73315,21 @@ function artifactGenerator(stats) {
             artifact.pluginData[plugin2.name] = plugin2.artifactData({ config: config2, document: doc }) ?? {};
           }
           if (inputs && inputs.length > 0) {
-            artifact.input = inputObject(config2, inputs);
+            const runtimeScalars = inputs.reduce((prev, input) => {
+              const runtimeScalarDirective = input.directives?.find(
+                (directive2) => directive2.name.value === config2.runtimeScalarDirective
+              );
+              if (!runtimeScalarDirective) {
+                return prev;
+              }
+              return {
+                ...prev,
+                [input.variable.name.value]: runtimeScalarDirective.arguments?.find(
+                  (arg) => arg.name.value === "type"
+                )?.value?.value
+              };
+            }, {});
+            artifact.input = inputObject(config2, inputs, runtimeScalars);
           }
           if (artifact.kind === "HoudiniQuery") {
             const cacheDirective = operations[0].directives?.find(
@@ -74389,17 +74421,20 @@ export * from "${module}"
     }
   }
   await fs_exports.writeFile(config2.typeIndexPath, indexContent);
-  if (missingScalars.size > 0) {
-    console.warn(`\u26A0\uFE0F  Missing definitions for the following scalars: ${[...missingScalars].join(
-      ", "
-    )}
+  const missingScalarNames = [...missingScalars].filter(
+    (scalar) => !config2.configFile.features?.runtimeScalars?.[scalar]
+  );
+  if (missingScalarNames.length > 0) {
+    console.warn(`\u26A0\uFE0F  Missing definitions for the following scalars: ${[
+      ...missingScalarNames
+    ].join(", ")}
 Generated types will contain an any type in place of these values. To fix this, provide an equivalent
 type in your config file:
 
 {
   scalars: {
     ${cyan3(`/* in your case, something like */`)}
-${[...missingScalars].map(
+${[...missingScalarNames].map(
       (c) => `    ${c}: {                  ${green3(`// <- The GraphQL Scalar`)}
       type: "${cyan3(`YourType_${c}`)}"  ${green3(`// <-  The TypeScript type`)}
     }`
@@ -76981,7 +77016,7 @@ ${config2.configFile.features?.componentFields ? `
 """
 @${config2.componentFieldDirective} marks an inline fragment as the selection for a component field
 """
-directive @${config2.componentFieldDirective}(field: String!, prop: String, export: String, raw: String) on FRAGMENT_DEFINITION | INLINE_FRAGMENT
+directive @${config2.componentFieldDirective}(field: String!, prop: String, export: String, raw: String) on FRAGMENT_DEFINITION | INLINE_FRAGMENT | FIELD_DEFINITION
 
 ` : ""}
 
@@ -76992,7 +77027,7 @@ directive @${config2.componentFieldDirective}(field: String!, prop: String, expo
     }
     internalSchema += plugin2.schema({ config: config2 });
   }
-  const extensions = Object.entries(config2.componentFields).map(([parent2, fields]) => {
+  let extensions = Object.entries(config2.componentFields).map(([parent2, fields]) => {
     return `
 		extend type ${parent2} {
 			${Object.entries(fields).map(([fieldName, field]) => {
@@ -77004,11 +77039,12 @@ directive @${config2.componentFieldDirective}(field: String!, prop: String, expo
           return `${arg.name}:${typeName}${arg.required ? "!" : ""}`;
         }).join("\n") + ")";
       }
-      return `${fieldName}${argString}: ${config2.componentScalar}!`;
+      return `${fieldName}${argString}: ${config2.componentScalar}!  @componentField(field: "${fieldName}")`;
     }).join("\n")}
 		}
 	`;
   }).join("\n");
+  extensions += `${Object.keys(config2.configFile.features?.runtimeScalars ?? {}).map((scalar) => `scalar ${scalar}`).join("\n")}`;
   config2.newSchema = graphql25.print(mergeTypeDefs2([internalSchema, config2.newSchema]));
   config2.schemaString += extensions;
   config2.schema = graphql25.buildSchema(
@@ -77203,8 +77239,50 @@ async function componentFields(config2, documents) {
   }
 }
 
-// src/codegen/validators/typeCheck.ts
+// src/codegen/transforms/runtimeScalars.ts
 import * as graphql29 from "graphql";
+async function addTypename2(config2, documents) {
+  for (const doc of documents) {
+    doc.document = graphql29.visit(doc.document, {
+      VariableDefinition(node) {
+        const { type, wrappers } = unwrapType(config2, node.type);
+        const runtimeScalar = config2.configFile.features?.runtimeScalars?.[type.name];
+        if (runtimeScalar) {
+          return {
+            ...node,
+            type: wrapType({
+              type: config2.schema.getType(runtimeScalar.type),
+              wrappers
+            }),
+            directives: [
+              ...node.directives ?? [],
+              {
+                kind: "Directive",
+                name: {
+                  kind: "Name",
+                  value: config2.runtimeScalarDirective
+                },
+                arguments: [
+                  {
+                    kind: "Argument",
+                    name: { kind: "Name", value: "type" },
+                    value: {
+                      kind: "StringValue",
+                      value: type.name
+                    }
+                  }
+                ]
+              }
+            ]
+          };
+        }
+      }
+    });
+  }
+}
+
+// src/codegen/validators/typeCheck.ts
+import * as graphql30 from "graphql";
 async function typeCheck(config2, docs) {
   const errors = [];
   const freeLists = [];
@@ -77212,7 +77290,7 @@ async function typeCheck(config2, docs) {
   const listTypes = [];
   const fragments = {};
   for (const { document: parsed, originalString, filename } of docs) {
-    graphql29.visit(parsed, {
+    graphql30.visit(parsed, {
       FragmentDefinition(definition) {
         fragments[definition.name.value] = definition;
       },
@@ -77257,14 +77335,14 @@ async function typeCheck(config2, docs) {
             );
             return;
           }
-          if (graphql29.isListType(rootType) || graphql29.isNonNullType(rootType) && graphql29.isListType(rootType.ofType)) {
+          if (graphql30.isListType(rootType) || graphql30.isNonNullType(rootType) && graphql30.isListType(rootType.ofType)) {
             needsParent = true;
             break;
           }
-          if (graphql29.isNonNullType(rootType) && "ofType" in rootType) {
+          if (graphql30.isNonNullType(rootType) && "ofType" in rootType) {
             rootType = rootType.ofType;
           }
-          if (graphql29.isScalarType(rootType)) {
+          if (graphql30.isScalarType(rootType)) {
             break;
           }
           rootType = rootType?.getFields()[parent3.name.value]?.type;
@@ -77340,9 +77418,9 @@ async function typeCheck(config2, docs) {
           );
         }
         let targetTypes = [type];
-        if (graphql29.isUnionType(type)) {
+        if (graphql30.isUnionType(type)) {
           targetTypes = config2.schema.getPossibleTypes(type);
-        } else if (graphql29.isInterfaceType(type)) {
+        } else if (graphql30.isInterfaceType(type)) {
           try {
             for (const key of config2.keyFieldsForType(type.name)) {
               if (!type.getFields()[key]) {
@@ -77378,13 +77456,13 @@ async function typeCheck(config2, docs) {
   if (errors.length > 0) {
     throw errors;
   }
-  const rules = (filepath) => [...graphql29.specifiedRules].filter(
+  const rules = (filepath) => [...graphql30.specifiedRules].filter(
     (rule) => ![
-      graphql29.NoUnusedFragmentsRule,
-      graphql29.KnownFragmentNamesRule,
-      graphql29.ExecutableDefinitionsRule,
-      graphql29.KnownDirectivesRule,
-      graphql29.KnownArgumentNamesRule
+      graphql30.NoUnusedFragmentsRule,
+      graphql30.KnownFragmentNamesRule,
+      graphql30.ExecutableDefinitionsRule,
+      graphql30.KnownDirectivesRule,
+      graphql30.KnownArgumentNamesRule
     ].includes(rule)
   ).concat(
     validateLists({
@@ -77405,7 +77483,7 @@ async function typeCheck(config2, docs) {
     validateLoadingDirective(config2)
   );
   for (const { filename, document: parsed, originalString } of docs) {
-    for (const error of graphql29.validate(config2.schema, parsed, rules(filename))) {
+    for (const error of graphql30.validate(config2.schema, parsed, rules(filename))) {
       errors.push(
         new HoudiniError({
           filepath: filename,
@@ -77434,20 +77512,20 @@ function validateRequiredDirective(config2, filepath) {
         if (!node.directives?.some(({ name }) => name.value === config2.requiredDirective))
           return;
         const parentType = parentTypeFromAncestors(config2.schema, filepath, ancestors);
-        if (!graphql29.isObjectType(parentType)) {
+        if (!graphql30.isObjectType(parentType)) {
           ctx.reportError(
-            new graphql29.GraphQLError(
+            new graphql30.GraphQLError(
               `@${config2.requiredDirective} may only be used on objects, not arguments`
             )
           );
           return;
         }
         const type = parentType.getFields()[node.name.value].type;
-        const isServerNullable = !graphql29.isNonNullType(type);
+        const isServerNullable = !graphql30.isNonNullType(type);
         const isAlreadyClientNullable = isClientNullable(node, true);
         if (!isServerNullable && !isAlreadyClientNullable) {
           ctx.reportError(
-            new graphql29.GraphQLError(
+            new graphql30.GraphQLError(
               `@${config2.requiredDirective} may only be used on nullable fields`
             )
           );
@@ -77469,7 +77547,7 @@ var validateLists = ({
       if (!config2.isListFragment(node.name.value)) {
         if (!fragments[node.name.value]) {
           ctx.reportError(
-            new graphql29.GraphQLError(
+            new graphql30.GraphQLError(
               "Encountered unknown fragment: " + node.name.value
             )
           );
@@ -77479,7 +77557,7 @@ var validateLists = ({
       const listName = config2.listNameFromFragment(node.name.value);
       if (!lists.includes(listName)) {
         ctx.reportError(
-          new graphql29.GraphQLError(
+          new graphql30.GraphQLError(
             "Encountered fragment referencing unknown list: " + listName
           )
         );
@@ -77504,7 +77582,7 @@ var validateLists = ({
         );
         if (parentArg) {
           ctx.reportError(
-            new graphql29.GraphQLError(
+            new graphql30.GraphQLError(
               `@${config2.deprecatedlistDirectiveParentIDArg} should be defined only in it's own directive now`
             )
           );
@@ -77520,7 +77598,7 @@ var validateLists = ({
         return;
       }
       ctx.reportError(
-        new graphql29.GraphQLError(
+        new graphql30.GraphQLError(
           `For this list fragment, you need to add or @${config2.listParentDirective} or @${config2.listAllListsDirective} directive to specify the behavior`
         )
       );
@@ -77530,7 +77608,7 @@ var validateLists = ({
       const directiveName = node.name.value;
       if (directiveName === "connection") {
         ctx.reportError(
-          new graphql29.GraphQLError(
+          new graphql30.GraphQLError(
             "@connection was renamed to @list. Please change your components. If you were using `cache.connection` in your components, you will need to update that to `cache.list` too."
           )
         );
@@ -77539,7 +77617,7 @@ var validateLists = ({
       if (!config2.isInternalDirective(node.name.value)) {
         if (!config2.schema.getDirective(directiveName)) {
           ctx.reportError(
-            new graphql29.GraphQLError(
+            new graphql30.GraphQLError(
               "Encountered unknown directive: " + directiveName
             )
           );
@@ -77548,7 +77626,7 @@ var validateLists = ({
       }
       if (config2.isListOperationDirective(directiveName) && !listTypes.includes(config2.listNameFromDirective(directiveName))) {
         ctx.reportError(
-          new graphql29.GraphQLError(
+          new graphql30.GraphQLError(
             "Encountered directive referencing unknown list: " + directiveName
           )
         );
@@ -77559,7 +77637,7 @@ var validateLists = ({
 };
 function knownArguments(config2) {
   return function(ctx) {
-    const nativeValidator = graphql29.KnownArgumentNamesRule(ctx);
+    const nativeValidator = graphql30.KnownArgumentNamesRule(ctx);
     return {
       ...nativeValidator,
       Directive(directiveNode) {
@@ -77594,7 +77672,7 @@ function validateFragmentArguments(config2, filepath, fragments) {
         for (const arg of node.arguments || []) {
           if (arg.value.kind !== "ObjectValue") {
             ctx.reportError(
-              new graphql29.GraphQLError("values in @arguments must be an object")
+              new graphql30.GraphQLError("values in @arguments must be an object")
             );
             return;
           }
@@ -77604,13 +77682,13 @@ function validateFragmentArguments(config2, filepath, fragments) {
           );
           if (!typeArg) {
             ctx.reportError(
-              new graphql29.GraphQLError("missing type field for @arguments directive")
+              new graphql30.GraphQLError("missing type field for @arguments directive")
             );
             return;
           }
-          if (typeArg.value.kind !== graphql29.Kind.STRING) {
+          if (typeArg.value.kind !== graphql30.Kind.STRING) {
             ctx.reportError(
-              new graphql29.GraphQLError("type field to @arguments must be a string")
+              new graphql30.GraphQLError("type field to @arguments must be a string")
             );
             return;
           }
@@ -77623,7 +77701,7 @@ function validateFragmentArguments(config2, filepath, fragments) {
           );
           if (typeArg.value.value !== defaultValueType) {
             ctx.reportError(
-              new graphql29.GraphQLError(
+              new graphql30.GraphQLError(
                 `Invalid default value provided for ${arg.name.value}. Expected ${typeArg.value.value}, found ${defaultValueType}`
               )
             );
@@ -77641,7 +77719,7 @@ function validateFragmentArguments(config2, filepath, fragments) {
           try {
             args = fragmentArguments(config2, filepath, fragments[fragmentName]);
           } catch (e2) {
-            ctx.reportError(new graphql29.GraphQLError(e2.message));
+            ctx.reportError(new graphql30.GraphQLError(e2.message));
             return;
           }
           fragmentArguments2[fragmentName] = args;
@@ -77664,7 +77742,7 @@ function validateFragmentArguments(config2, filepath, fragments) {
         );
         if (missing.length > 0) {
           ctx.reportError(
-            new graphql29.GraphQLError(
+            new graphql30.GraphQLError(
               `The following arguments are missing from the "${fragmentName}" fragment: ` + JSON.stringify(missing)
             )
           );
@@ -77675,7 +77753,7 @@ function validateFragmentArguments(config2, filepath, fragments) {
         );
         if (unknown.length > 0) {
           ctx.reportError(
-            new graphql29.GraphQLError(
+            new graphql30.GraphQLError(
               "Encountered unknown arguments: " + JSON.stringify(unknown)
             )
           );
@@ -77687,7 +77765,7 @@ function validateFragmentArguments(config2, filepath, fragments) {
           for (const [applied, target] of zipped) {
             if (!valueIsType(config2, applied.value, target)) {
               ctx.reportError(
-                new graphql29.GraphQLError(
+                new graphql30.GraphQLError(
                   `Invalid argument type. Expected ${target}, found ${applied.value.kind}`
                 )
               );
@@ -77729,7 +77807,7 @@ function valueIsType(config2, value, targetType) {
   }
   if (value.kind === "EnumValue" && targetType.kind === "NamedType") {
     const enumType = config2.schema.getType(targetType.name.value);
-    if (!graphql29.isEnumType(enumType)) {
+    if (!graphql30.isEnumType(enumType)) {
       return false;
     }
     return enumType.getValues().some((enumValue) => enumValue.value === value.value);
@@ -77749,7 +77827,7 @@ function paginateArgs(config2, filepath) {
         }
         if (alreadyPaginated) {
           ctx.reportError(
-            new graphql29.GraphQLError(
+            new graphql30.GraphQLError(
               `@${config2.paginateDirective} can only appear in a document once.`
             )
           );
@@ -77781,7 +77859,7 @@ function paginateArgs(config2, filepath) {
           const backwards = appliedArgs.has("last");
           if (!forward && !backwards) {
             ctx.reportError(
-              new graphql29.GraphQLError(
+              new graphql30.GraphQLError(
                 "A field with cursor-based pagination must have a first or last argument"
               )
             );
@@ -77795,7 +77873,7 @@ function paginateArgs(config2, filepath) {
           }
           if (forward && backwards && paginateMode === "Infinite") {
             ctx.reportError(
-              new graphql29.GraphQLError(
+              new graphql30.GraphQLError(
                 `A field with cursor pagination cannot go forwards an backwards simultaneously`
               )
             );
@@ -77809,7 +77887,7 @@ function paginateArgs(config2, filepath) {
           );
           if (!appliedLimitArg) {
             ctx.reportError(
-              new graphql29.GraphQLError(
+              new graphql30.GraphQLError(
                 "A field with offset-based pagination must have a limit argument"
               )
             );
@@ -77825,20 +77903,20 @@ function noUnusedFragmentArguments(config2) {
     const args = /* @__PURE__ */ new Set();
     return {
       enter(node) {
-        if (node.kind === graphql29.Kind.FRAGMENT_DEFINITION) {
+        if (node.kind === graphql30.Kind.FRAGMENT_DEFINITION) {
           const definitionArguments = node.directives?.filter((directive) => directive.name.value === config2.argumentsDirective).flatMap((directive) => directive.arguments);
           for (const arg of definitionArguments?.map((arg2) => arg2?.name.value) || []) {
             args.add(arg);
           }
-        } else if (node.kind === graphql29.Kind.VARIABLE) {
+        } else if (node.kind === graphql30.Kind.VARIABLE) {
           args.delete(node.name.value);
         }
       },
       leave(node) {
-        if (node.kind === graphql29.Kind.FRAGMENT_DEFINITION) {
+        if (node.kind === graphql30.Kind.FRAGMENT_DEFINITION) {
           if (args.size > 0) {
             ctx.reportError(
-              new graphql29.GraphQLError(
+              new graphql30.GraphQLError(
                 "Encountered unused fragment arguments: " + [...args].join(",")
               )
             );
@@ -77874,7 +77952,7 @@ function nodeDirectives(config2, directives) {
         if (definition.kind === "OperationDefinition") {
           if (definition.operation !== "query") {
             ctx.reportError(
-              new graphql29.GraphQLError(
+              new graphql30.GraphQLError(
                 `@${node.name.value} must fall on a fragment or query document`
               )
             );
@@ -77886,7 +77964,7 @@ function nodeDirectives(config2, directives) {
         }
         if (!possibleNodes.includes(definitionType)) {
           ctx.reportError(
-            new graphql29.GraphQLError(paginateOnNonNodeMessage(node.name.value))
+            new graphql30.GraphQLError(paginateOnNonNodeMessage(node.name.value))
           );
         }
       }
@@ -77905,7 +77983,7 @@ function checkMutationOperation(config2) {
         );
         if (append && prepend) {
           ctx.reportError(
-            new graphql29.GraphQLError(
+            new graphql30.GraphQLError(
               `You can't apply both @${config2.listPrependDirective} and @${config2.listAppendDirective} at the same time`
             )
           );
@@ -77919,7 +77997,7 @@ function checkMutationOperation(config2) {
         );
         if (parentId && allLists) {
           ctx.reportError(
-            new graphql29.GraphQLError(
+            new graphql30.GraphQLError(
               `You can't apply both @${config2.listParentDirective} and @${config2.listAllListsDirective} at the same time`
             )
           );
@@ -77941,7 +78019,7 @@ function checkMaskDirectives(config2) {
         );
         if (maskEnableDirective && maskDisableDirective) {
           ctx.reportError(
-            new graphql29.GraphQLError(
+            new graphql30.GraphQLError(
               `You can't apply both @${config2.maskEnableDirective} and @${config2.maskDisableDirective} at the same time`
             )
           );
@@ -77983,7 +78061,7 @@ function validateLoadingDirective(config2) {
         );
         if (!parentLoading && !global2) {
           ctx.reportError(
-            new graphql29.GraphQLError(
+            new graphql30.GraphQLError(
               `@${config2.loadingDirective} can only be applied on a field or fragment spread at the root of a document or on one whose parent also has @${config2.loadingDirective}`
             )
           );
@@ -78005,7 +78083,7 @@ function validateLoadingDirective(config2) {
         );
         if (!parentLoading && !global2) {
           ctx.reportError(
-            new graphql29.GraphQLError(
+            new graphql30.GraphQLError(
               `@${config2.loadingDirective} can only be applied on a field or fragment spread at the root of a document or on one whose parent also has @${config2.loadingDirective}`
             )
           );
@@ -78020,7 +78098,7 @@ function getAndVerifyNodeInterface(config2) {
   if (!nodeInterface) {
     return null;
   }
-  if (!graphql29.isInterfaceType(nodeInterface)) {
+  if (!graphql30.isInterfaceType(nodeInterface)) {
     displayInvalidNodeFieldMessage(config2);
     return null;
   }
@@ -78115,11 +78193,11 @@ async function uniqueDocumentNames(config2, docs) {
 }
 
 // src/codegen/validators/noIDAlias.ts
-import * as graphql30 from "graphql";
+import * as graphql31 from "graphql";
 async function noIDAlias(config2, docs) {
   const errors = [];
   for (const { filename, document } of docs) {
-    graphql30.visit(document, {
+    graphql31.visit(document, {
       Field(node, _, __, ___, ancestors) {
         const fieldType = parentTypeFromAncestors(config2.schema, filename, ancestors).name;
         if (config2.keyFieldsForType(fieldType).includes(node.alias?.value || "")) {
@@ -78158,11 +78236,11 @@ async function validatePlugins(config2, documents) {
 }
 
 // src/codegen/validators/componentFields.ts
-import * as graphql31 from "graphql";
+import * as graphql32 from "graphql";
 async function componentFields2(config2, docs) {
   const errors = [];
   for (const { filename: filepath, document } of docs) {
-    graphql31.visit(document, {
+    graphql32.visit(document, {
       FragmentDefinition(node, _, __, ___, ancestors) {
         const componentFieldDirective = node.directives?.find(
           (dir) => dir.name.value === config2.componentFieldDirective
@@ -78204,14 +78282,26 @@ async function componentFields2(config2, docs) {
         }
         const fieldValue = fieldArg.value?.kind === "StringValue" ? fieldArg.value.value : void 0;
         const propValue = propArg.value?.kind === "StringValue" ? propArg.value.value : void 0;
+        const existingField = fieldValue && config2.componentFields[parent2]?.[fieldValue];
         const parentType = config2.schema.getType(parent2);
-        if (parentType && fieldValue && (graphql31.isObjectType(parentType) && parentType.getFields()[fieldValue] || config2.componentFields[parent2]?.[fieldValue])) {
+        let conflict = false;
+        if (existingField && existingField.filepath !== filepath) {
+          conflict = true;
+        } else if (parentType && fieldValue) {
+          const fieldDef = graphql32.isObjectType(parentType) && parentType.getFields()[fieldValue];
+          if (fieldDef && !fieldDef.astNode?.directives?.find(
+            (dir) => dir.name.value === config2.componentFieldDirective
+          )) {
+            conflict = true;
+          }
+        }
+        if (conflict) {
           errors.push({
-            message: `Duplicate component field definition for ${parent2}.${fieldValue}`,
+            message: `Duplicate component field definition for ${parent2}.${fieldValue}.` + (existingField ? "The conflicting component field was defined in " + existingField.filepath : ""),
             filepath
           });
         }
-        if (parentType && graphql31.isAbstractType(parentType)) {
+        if (parentType && graphql32.isAbstractType(parentType)) {
           errors.push({
             message: `Cannot add component field ${parent2}.${fieldValue} because ${parent2} is an abstract type`,
             filepath
@@ -78277,6 +78367,7 @@ async function runPipeline2(config2, docs) {
       [
         componentFields2,
         graphqlExtensions,
+        addTypename2,
         ...wrapHook(beforeValidate),
         typeCheck,
         uniqueDocumentNames,
@@ -78431,12 +78522,12 @@ async function processJSFile(config2, contents) {
   return documents;
 }
 async function processGraphQLDocument(config2, filepath, document) {
-  const parsedDoc = graphql32.parse(document);
+  const parsedDoc = graphql33.parse(document);
   const operations = parsedDoc.definitions.filter(
-    ({ kind: kind2 }) => kind2 === graphql32.Kind.OPERATION_DEFINITION
+    ({ kind: kind2 }) => kind2 === graphql33.Kind.OPERATION_DEFINITION
   );
   const fragments = parsedDoc.definitions.filter(
-    ({ kind: kind2 }) => kind2 === graphql32.Kind.FRAGMENT_DEFINITION
+    ({ kind: kind2 }) => kind2 === graphql33.Kind.FRAGMENT_DEFINITION
   );
   if (operations.length > 1) {
     throw new HoudiniError({