houdini 1.1.1 → 1.1.2

package/build/codegen-cjs/index.js

@@ -54804,13 +54804,23 @@ var List = class {
   when(when) {
     return this.manager.lists.get(this.name).get(this.recordID).when(when);
   }
-  append(selection, data, variables = {}) {
-    return this.addToList(selection, data, variables, "last");
+  append({
+    selection,
+    data,
+    variables = {},
+    layer
+  }) {
+    return this.addToList(selection, data, variables, "last", layer);
   }
-  prepend(selection, data, variables = {}) {
-    return this.addToList(selection, data, variables, "first");
+  prepend({
+    selection,
+    data,
+    variables = {},
+    layer
+  }) {
+    return this.addToList(selection, data, variables, "first", layer);
   }
-  addToList(selection, data, variables = {}, where) {
+  addToList(selection, data, variables = {}, where, layer) {
     const listType = this.listType(data);
     const dataID = this.cache._internal_unstable.id(listType, data);
     if (!this.validateWhen() || !dataID) {
@@ -54888,7 +54898,8 @@ var List = class {
       data: insertData,
       variables,
       parent: this.recordID,
-      applyUpdates: [where === "first" ? "prepend" : "append"]
+      applyUpdates: [where === "first" ? "prepend" : "append"],
+      layer: layer?.id
     });
   }
   removeID(id, variables = {}) {
@@ -54981,9 +54992,15 @@ var List = class {
     }
     return ok;
   }
-  toggleElement(selection, data, variables = {}, where) {
+  toggleElement({
+    selection,
+    data,
+    variables = {},
+    layer,
+    where
+  }) {
     if (!this.remove(data, variables)) {
-      this.addToList(selection, data, variables, where);
+      this.addToList(selection, data, variables, where, layer);
     }
   }
   *[Symbol.iterator]() {
@@ -55991,6 +56008,9 @@ var CacheInternal = class {
         nullable,
         link: !!fieldSelection
       });
+      if (value && typeof value === "object" && "__typename" in value && value["__typename"]) {
+        linkedType = value["__typename"];
+      }
       const currentSubscribers = this.subscriptions.get(parent, key);
       const specs = currentSubscribers.map((sub) => sub[0]);
       const { value: previousValue, displayLayers } = this.storage.get(parent, key);
@@ -56044,7 +56064,6 @@ var CacheInternal = class {
               "Encountered interface type without __typename in the payload"
             );
           }
-          linkedType = value.__typename;
         }
         const embedded = this.idFields(linkedType)?.filter(
           (field2) => typeof value[field2] === "undefined"
@@ -56200,7 +56219,8 @@ var CacheInternal = class {
               fieldSelection,
               target,
               variables,
-              operation.position || "last"
+              operation.position || "last",
+              layer
             );
           } else if (operation.action === "remove" && target instanceof Object && fieldSelection && operation.list) {
             this.cache.list(operation.list, parentID, operation.target === "all").when(operation.when).remove(target, variables);
@@ -56214,12 +56234,13 @@ var CacheInternal = class {
             }
             this.cache.delete(targetID);
           } else if (operation.action === "toggle" && target instanceof Object && fieldSelection && operation.list) {
-            this.cache.list(operation.list, parentID, operation.target === "all").when(operation.when).toggleElement(
-              fieldSelection,
-              target,
+            this.cache.list(operation.list, parentID, operation.target === "all").when(operation.when).toggleElement({
+              selection: fieldSelection,
+              data: target,
               variables,
-              operation.position || "last"
-            );
+              where: operation.position || "last",
+              layer
+            });
           }
         }
       }
@@ -56248,7 +56269,7 @@ var CacheInternal = class {
         ])
       );
     }
-    let hasData = false;
+    let hasData = !!selection.fragments;
     let partial = false;
     let cascadeNull = false;
     let stale = false;
@@ -56463,13 +56484,12 @@ var CacheInternal = class {
       const embedded = this.idFields(linkedType)?.filter(
         (field) => typeof entry[field] === "undefined"
       ).length > 0;
-      const typename = entryObj.__typename;
       let innerType = linkedType;
-      if (abstract) {
-        if (!typename) {
-          throw new Error("Encountered interface type without __typename in the payload");
-        }
+      const typename = entryObj.__typename;
+      if (typename) {
         innerType = typename;
+      } else if (abstract) {
+        throw new Error("Encountered interface type without __typename in the payload");
       }
       if (!embedded) {
         const id = this.id(innerType, entry);
@@ -59497,19 +59517,6 @@ function artifactGenerator(stats) {
           if (docKind === ArtifactKind.Fragment && directive) {
             inputs = fragmentArgumentsDefinitions(config2, doc.filename, fragments[0]);
           }
-          const mask = selection_default({
-            config: config2,
-            filepath: doc.filename,
-            rootType,
-            operations: {},
-            document: doc,
-            selections: flattenSelections({
-              config: config2,
-              filepath: doc.filename,
-              selections: selectionSet.selections,
-              fragmentDefinitions
-            })
-          });
           let artifact = {
             name,
             kind: docKind,
@@ -59539,7 +59546,23 @@ function artifactGenerator(stats) {
             }),
             pluginData: {}
           };
-          applyMask(config2, artifact.selection, mask);
+          applyMask(
+            config2,
+            artifact.selection,
+            selection_default({
+              config: config2,
+              filepath: doc.filename,
+              rootType,
+              operations: {},
+              document: doc,
+              selections: flattenSelections({
+                config: config2,
+                filepath: doc.filename,
+                selections: selectionSet.selections,
+                fragmentDefinitions
+              })
+            })
+          );
           artifact.pluginData = {};
           for (const plugin2 of config2.plugins) {
             if (!plugin2.artifactData) {
@@ -59617,14 +59640,21 @@ function artifactGenerator(stats) {
   };
 }
 function applyMask(config2, target, mask) {
+  const targetFields = Object.entries(target.fields ?? {}).concat(
+    Object.values(target.abstractFields?.fields ?? {}).flatMap((typeMap) => Object.entries(typeMap))
+  );
   for (const [fieldName, value] of Object.entries(mask.fields ?? {})) {
-    const targetSelection = target.fields?.[fieldName];
-    if (!targetSelection || !mask.fields) {
-      continue;
-    }
-    targetSelection.visible = true;
-    if (targetSelection.selection && value.selection) {
-      applyMask(config2, targetSelection.selection, value.selection);
+    for (const [potentialFieldName, targetSelection] of targetFields) {
+      if (fieldName !== potentialFieldName) {
+        continue;
+      }
+      if (!targetSelection) {
+        continue;
+      }
+      targetSelection.visible = true;
+      if (targetSelection.selection && value.selection) {
+        applyMask(config2, targetSelection.selection, value.selection);
+      }
     }
   }
   for (const [type, selection] of Object.entries(mask.abstractFields?.fields ?? {})) {
@@ -61235,6 +61265,24 @@ async function addTypename(config2, documents) {
             }
           };
         }
+      },
+      FragmentDefinition(node) {
+        return {
+          ...node,
+          selectionSet: {
+            ...node.selectionSet,
+            selections: [
+              ...node.selectionSet.selections,
+              {
+                kind: graphql22.Kind.FIELD,
+                name: {
+                  kind: graphql22.Kind.NAME,
+                  value: "__typename"
+                }
+              }
+            ]
+          }
+        };
       }
     });
   }

package/build/codegen-esm/index.js

@@ -54803,13 +54803,23 @@ var List = class {
   when(when) {
     return this.manager.lists.get(this.name).get(this.recordID).when(when);
   }
-  append(selection, data, variables = {}) {
-    return this.addToList(selection, data, variables, "last");
+  append({
+    selection,
+    data,
+    variables = {},
+    layer
+  }) {
+    return this.addToList(selection, data, variables, "last", layer);
   }
-  prepend(selection, data, variables = {}) {
-    return this.addToList(selection, data, variables, "first");
+  prepend({
+    selection,
+    data,
+    variables = {},
+    layer
+  }) {
+    return this.addToList(selection, data, variables, "first", layer);
   }
-  addToList(selection, data, variables = {}, where) {
+  addToList(selection, data, variables = {}, where, layer) {
     const listType = this.listType(data);
     const dataID = this.cache._internal_unstable.id(listType, data);
     if (!this.validateWhen() || !dataID) {
@@ -54887,7 +54897,8 @@ var List = class {
       data: insertData,
       variables,
       parent: this.recordID,
-      applyUpdates: [where === "first" ? "prepend" : "append"]
+      applyUpdates: [where === "first" ? "prepend" : "append"],
+      layer: layer?.id
     });
   }
   removeID(id, variables = {}) {
@@ -54980,9 +54991,15 @@ var List = class {
     }
     return ok;
   }
-  toggleElement(selection, data, variables = {}, where) {
+  toggleElement({
+    selection,
+    data,
+    variables = {},
+    layer,
+    where
+  }) {
     if (!this.remove(data, variables)) {
-      this.addToList(selection, data, variables, where);
+      this.addToList(selection, data, variables, where, layer);
     }
   }
   *[Symbol.iterator]() {
@@ -55990,6 +56007,9 @@ var CacheInternal = class {
         nullable,
         link: !!fieldSelection
       });
+      if (value && typeof value === "object" && "__typename" in value && value["__typename"]) {
+        linkedType = value["__typename"];
+      }
       const currentSubscribers = this.subscriptions.get(parent, key);
       const specs = currentSubscribers.map((sub) => sub[0]);
       const { value: previousValue, displayLayers } = this.storage.get(parent, key);
@@ -56043,7 +56063,6 @@ var CacheInternal = class {
               "Encountered interface type without __typename in the payload"
             );
           }
-          linkedType = value.__typename;
         }
         const embedded = this.idFields(linkedType)?.filter(
           (field2) => typeof value[field2] === "undefined"
@@ -56199,7 +56218,8 @@ var CacheInternal = class {
               fieldSelection,
               target,
               variables,
-              operation.position || "last"
+              operation.position || "last",
+              layer
             );
           } else if (operation.action === "remove" && target instanceof Object && fieldSelection && operation.list) {
             this.cache.list(operation.list, parentID, operation.target === "all").when(operation.when).remove(target, variables);
@@ -56213,12 +56233,13 @@ var CacheInternal = class {
             }
             this.cache.delete(targetID);
           } else if (operation.action === "toggle" && target instanceof Object && fieldSelection && operation.list) {
-            this.cache.list(operation.list, parentID, operation.target === "all").when(operation.when).toggleElement(
-              fieldSelection,
-              target,
+            this.cache.list(operation.list, parentID, operation.target === "all").when(operation.when).toggleElement({
+              selection: fieldSelection,
+              data: target,
               variables,
-              operation.position || "last"
-            );
+              where: operation.position || "last",
+              layer
+            });
           }
         }
       }
@@ -56247,7 +56268,7 @@ var CacheInternal = class {
         ])
       );
     }
-    let hasData = false;
+    let hasData = !!selection.fragments;
     let partial = false;
     let cascadeNull = false;
     let stale = false;
@@ -56462,13 +56483,12 @@ var CacheInternal = class {
       const embedded = this.idFields(linkedType)?.filter(
         (field) => typeof entry[field] === "undefined"
       ).length > 0;
-      const typename = entryObj.__typename;
       let innerType = linkedType;
-      if (abstract) {
-        if (!typename) {
-          throw new Error("Encountered interface type without __typename in the payload");
-        }
+      const typename = entryObj.__typename;
+      if (typename) {
         innerType = typename;
+      } else if (abstract) {
+        throw new Error("Encountered interface type without __typename in the payload");
       }
       if (!embedded) {
         const id = this.id(innerType, entry);
@@ -59495,19 +59515,6 @@ function artifactGenerator(stats) {
           if (docKind === ArtifactKind.Fragment && directive) {
             inputs = fragmentArgumentsDefinitions(config2, doc.filename, fragments[0]);
           }
-          const mask = selection_default({
-            config: config2,
-            filepath: doc.filename,
-            rootType,
-            operations: {},
-            document: doc,
-            selections: flattenSelections({
-              config: config2,
-              filepath: doc.filename,
-              selections: selectionSet.selections,
-              fragmentDefinitions
-            })
-          });
           let artifact = {
             name,
             kind: docKind,
@@ -59537,7 +59544,23 @@ function artifactGenerator(stats) {
             }),
             pluginData: {}
           };
-          applyMask(config2, artifact.selection, mask);
+          applyMask(
+            config2,
+            artifact.selection,
+            selection_default({
+              config: config2,
+              filepath: doc.filename,
+              rootType,
+              operations: {},
+              document: doc,
+              selections: flattenSelections({
+                config: config2,
+                filepath: doc.filename,
+                selections: selectionSet.selections,
+                fragmentDefinitions
+              })
+            })
+          );
           artifact.pluginData = {};
           for (const plugin2 of config2.plugins) {
             if (!plugin2.artifactData) {
@@ -59615,14 +59638,21 @@ function artifactGenerator(stats) {
   };
 }
 function applyMask(config2, target, mask) {
+  const targetFields = Object.entries(target.fields ?? {}).concat(
+    Object.values(target.abstractFields?.fields ?? {}).flatMap((typeMap) => Object.entries(typeMap))
+  );
   for (const [fieldName, value] of Object.entries(mask.fields ?? {})) {
-    const targetSelection = target.fields?.[fieldName];
-    if (!targetSelection || !mask.fields) {
-      continue;
-    }
-    targetSelection.visible = true;
-    if (targetSelection.selection && value.selection) {
-      applyMask(config2, targetSelection.selection, value.selection);
+    for (const [potentialFieldName, targetSelection] of targetFields) {
+      if (fieldName !== potentialFieldName) {
+        continue;
+      }
+      if (!targetSelection) {
+        continue;
+      }
+      targetSelection.visible = true;
+      if (targetSelection.selection && value.selection) {
+        applyMask(config2, targetSelection.selection, value.selection);
+      }
     }
   }
   for (const [type, selection] of Object.entries(mask.abstractFields?.fields ?? {})) {
@@ -61233,6 +61263,24 @@ async function addTypename(config2, documents) {
             }
           };
         }
+      },
+      FragmentDefinition(node) {
+        return {
+          ...node,
+          selectionSet: {
+            ...node.selectionSet,
+            selections: [
+              ...node.selectionSet.selections,
+              {
+                kind: graphql22.Kind.FIELD,
+                name: {
+                  kind: graphql22.Kind.NAME,
+                  value: "__typename"
+                }
+              }
+            ]
+          }
+        };
       }
     });
   }

package/build/lib-cjs/index.js

@@ -63828,13 +63828,23 @@ var List = class {
   when(when) {
     return this.manager.lists.get(this.name).get(this.recordID).when(when);
   }
-  append(selection, data, variables = {}) {
-    return this.addToList(selection, data, variables, "last");
+  append({
+    selection,
+    data,
+    variables = {},
+    layer
+  }) {
+    return this.addToList(selection, data, variables, "last", layer);
   }
-  prepend(selection, data, variables = {}) {
-    return this.addToList(selection, data, variables, "first");
+  prepend({
+    selection,
+    data,
+    variables = {},
+    layer
+  }) {
+    return this.addToList(selection, data, variables, "first", layer);
   }
-  addToList(selection, data, variables = {}, where) {
+  addToList(selection, data, variables = {}, where, layer) {
     const listType = this.listType(data);
     const dataID = this.cache._internal_unstable.id(listType, data);
     if (!this.validateWhen() || !dataID) {
@@ -63912,7 +63922,8 @@ var List = class {
       data: insertData,
       variables,
       parent: this.recordID,
-      applyUpdates: [where === "first" ? "prepend" : "append"]
+      applyUpdates: [where === "first" ? "prepend" : "append"],
+      layer: layer?.id
     });
   }
   removeID(id, variables = {}) {
@@ -64005,9 +64016,15 @@ var List = class {
     }
     return ok;
   }
-  toggleElement(selection, data, variables = {}, where) {
+  toggleElement({
+    selection,
+    data,
+    variables = {},
+    layer,
+    where
+  }) {
     if (!this.remove(data, variables)) {
-      this.addToList(selection, data, variables, where);
+      this.addToList(selection, data, variables, where, layer);
     }
   }
   *[Symbol.iterator]() {
@@ -65015,6 +65032,9 @@ var CacheInternal = class {
         nullable,
         link: !!fieldSelection
       });
+      if (value && typeof value === "object" && "__typename" in value && value["__typename"]) {
+        linkedType = value["__typename"];
+      }
       const currentSubscribers = this.subscriptions.get(parent, key);
       const specs = currentSubscribers.map((sub) => sub[0]);
       const { value: previousValue, displayLayers } = this.storage.get(parent, key);
@@ -65068,7 +65088,6 @@ var CacheInternal = class {
               "Encountered interface type without __typename in the payload"
             );
           }
-          linkedType = value.__typename;
         }
         const embedded = this.idFields(linkedType)?.filter(
           (field2) => typeof value[field2] === "undefined"
@@ -65224,7 +65243,8 @@ var CacheInternal = class {
               fieldSelection,
               target,
               variables,
-              operation.position || "last"
+              operation.position || "last",
+              layer
             );
           } else if (operation.action === "remove" && target instanceof Object && fieldSelection && operation.list) {
             this.cache.list(operation.list, parentID, operation.target === "all").when(operation.when).remove(target, variables);
@@ -65238,12 +65258,13 @@ var CacheInternal = class {
             }
             this.cache.delete(targetID);
           } else if (operation.action === "toggle" && target instanceof Object && fieldSelection && operation.list) {
-            this.cache.list(operation.list, parentID, operation.target === "all").when(operation.when).toggleElement(
-              fieldSelection,
-              target,
+            this.cache.list(operation.list, parentID, operation.target === "all").when(operation.when).toggleElement({
+              selection: fieldSelection,
+              data: target,
               variables,
-              operation.position || "last"
-            );
+              where: operation.position || "last",
+              layer
+            });
           }
         }
       }
@@ -65272,7 +65293,7 @@ var CacheInternal = class {
         ])
       );
     }
-    let hasData = false;
+    let hasData = !!selection.fragments;
     let partial = false;
     let cascadeNull = false;
     let stale = false;
@@ -65487,13 +65508,12 @@ var CacheInternal = class {
       const embedded = this.idFields(linkedType)?.filter(
         (field) => typeof entry[field] === "undefined"
       ).length > 0;
-      const typename = entryObj.__typename;
       let innerType = linkedType;
-      if (abstract) {
-        if (!typename) {
-          throw new Error("Encountered interface type without __typename in the payload");
-        }
+      const typename = entryObj.__typename;
+      if (typename) {
         innerType = typename;
+      } else if (abstract) {
+        throw new Error("Encountered interface type without __typename in the payload");
       }
       if (!embedded) {
         const id = this.id(innerType, entry);