houdini-react 1.2.54 → 1.2.56

package/build/plugin-cjs/index.js

@@ -76069,6 +76069,33 @@ var GarbageCollector = class {
     }
   }
 };
+function evaluateKey(key, variables = null) {
+  let evaluated = "";
+  let varName = "";
+  let inString = false;
+  for (const char of key) {
+    if (varName) {
+      if (varChars.includes(char)) {
+        varName += char;
+        continue;
+      }
+      const value = variables?.[varName.slice(1)];
+      evaluated += typeof value !== "undefined" ? JSON.stringify(value) : "undefined";
+      varName = "";
+    }
+    if (char === "$" && !inString) {
+      varName = "$";
+      continue;
+    }
+    if (char === '"') {
+      inString = !inString;
+    }
+    evaluated += char;
+  }
+  return evaluated;
+}
+var varChars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_0123456789";
+var rootID = "_ROOT_";
 var ListManager = class {
   rootID;
   cache;
@@ -76134,11 +76161,15 @@ var ListManager = class {
     this.listsByField.get(parentID).get(list.key).push(handler);
   }
   removeIDFromAllLists(id, layer) {
+    let removed = false;
     for (const fieldMap of this.lists.values()) {
       for (const list of fieldMap.values()) {
-        list.removeID(id, void 0, layer);
+        if (list.removeID(id, void 0, layer)) {
+          removed = true;
+        }
       }
     }
+    return removed;
   }
   deleteField(parentID, field) {
     if (!this.listsByField.get(parentID)?.has(field)) {
@@ -76441,7 +76472,13 @@ var ListCollection = class {
     this.lists.forEach((list) => list.addToList(...args));
   }
   removeID(...args) {
-    this.lists.forEach((list) => list.removeID(...args));
+    let removed = false;
+    this.lists.forEach((list) => {
+      if (list.removeID(...args)) {
+        removed = true;
+      }
+    });
+    return removed;
   }
   remove(...args) {
     this.lists.forEach((list) => list.remove(...args));
@@ -76556,6 +76593,7 @@ var InMemoryStorage = class {
   }
   registerIDMapping(from, to) {
     this.idMaps[from] = to;
+    this.idMaps[to] = from;
   }
   createLayer(optimistic = false) {
     const layer = new Layer(this.idCount++);
@@ -76566,11 +76604,11 @@ var InMemoryStorage = class {
   insert(id, field, location, target) {
     return this.topLayer.insert(id, field, location, target);
   }
-  remove(id, field, target, layerToUser = this.topLayer) {
-    return layerToUser.remove(id, field, target);
+  remove(id, field, target, layer = this.topLayer) {
+    return layer.remove(id, field, target);
   }
-  delete(id, layerToUser = this.topLayer) {
-    return layerToUser.delete(id);
+  delete(id, layer = this.topLayer) {
+    return layer.delete(id);
   }
   deleteField(id, field) {
     return this.topLayer.deleteField(id, field);
@@ -76608,6 +76646,9 @@ var InMemoryStorage = class {
             return;
           }
           operations.remove.add(v);
+          if (this.idMaps[v]) {
+            operations.remove.add(this.idMaps[v]);
+          }
         });
         if (typeof layerValue === "undefined" && defaultValue) {
           const targetLayer = this.topLayer;
@@ -76634,7 +76675,11 @@ var InMemoryStorage = class {
               operations.remove.add(op.id);
             }
             if (isInsertOperation(op)) {
-              operations.insert[op.location].unshift(op.id);
+              if (op.location === OperationLocation.end) {
+                operations.insert[op.location].unshift(op.id);
+              } else {
+                operations.insert[op.location].push(op.id);
+              }
             }
             if (isDeleteOperation(op)) {
               return {
@@ -76880,7 +76925,7 @@ var Layer = class {
     }
     for (const [id, ops] of Object.entries(layer.operations)) {
       const fields = {};
-      for (const opMap of [this.operations[id], layer.operations[id]].filter(Boolean)) {
+      for (const opMap of [layer.operations[id], this.operations[id]].filter(Boolean)) {
         for (const [fieldName, operations] of Object.entries(opMap.fields || {})) {
           fields[fieldName] = [...fields[fieldName] || [], ...operations];
         }
@@ -76920,6 +76965,7 @@ var Layer = class {
       [id]: {
         ...this.operations[id],
         fields: {
+          ...this.operations[id]?.fields,
           [field]: [...this.operations[id]?.fields[field] || [], operation]
         }
       }
@@ -76944,32 +76990,6 @@ var OperationKind = {
   insert: "insert",
   remove: "remove"
 };
-function evaluateKey(key, variables = null) {
-  let evaluated = "";
-  let varName = "";
-  let inString = false;
-  for (const char of key) {
-    if (varName) {
-      if (varChars.includes(char)) {
-        varName += char;
-        continue;
-      }
-      const value = variables?.[varName.slice(1)];
-      evaluated += typeof value !== "undefined" ? JSON.stringify(value) : "undefined";
-      varName = "";
-    }
-    if (char === "$" && !inString) {
-      varName = "$";
-      continue;
-    }
-    if (char === '"') {
-      inString = !inString;
-    }
-    evaluated += char;
-  }
-  return evaluated;
-}
-var varChars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_0123456789";
 var InMemorySubscriptions = class {
   cache;
   constructor(cache) {
@@ -76980,6 +77000,9 @@ var InMemorySubscriptions = class {
   activeFields(parent) {
     return Object.keys(this.subscribers.get(parent) || {});
   }
+  copySubscribers(from, to) {
+    this.subscribers.set(to, this.subscribers.get(from) || /* @__PURE__ */ new Map());
+  }
   add({
     parent,
     spec,
@@ -77162,6 +77185,11 @@ var InMemorySubscriptions = class {
   get(id, field) {
     return this.subscribers.get(id)?.get(field)?.selections || [];
   }
+  getAll(id) {
+    return [...this.subscribers.get(id)?.values() || []].flatMap(
+      (fieldSub) => fieldSub.selections
+    );
+  }
   remove(id, selection, targets, variables, visited = []) {
     visited.push(id);
     const linkedIDs = [];
@@ -77203,7 +77231,7 @@ var InMemorySubscriptions = class {
     }
     const subscriberField = subscriber.get(fieldName);
     for (const spec of specs) {
-      const counts = subscriber.get(fieldName)?.referenceCounts;
+      const counts = subscriberField?.referenceCounts;
       if (!counts?.has(spec.set)) {
         continue;
       }
@@ -77226,24 +77254,23 @@ var InMemorySubscriptions = class {
       this.subscribers.delete(id);
     }
   }
-  removeAllSubscribers(id, targets, visited = []) {
-    visited.push(id);
-    const subscriber = this.subscribers.get(id);
-    for (const [key, val] of subscriber?.entries() ?? []) {
-      const subscribers = targets || val.selections.map(([spec]) => spec);
-      this.removeSubscribers(id, key, subscribers);
-      const { value, kind } = this.cache._internal_unstable.storage.get(id, key);
-      if (kind === "scalar") {
-        continue;
-      }
-      const nextTargets = Array.isArray(value) ? flatten(value) : [value];
-      for (const id2 of nextTargets) {
-        if (visited.includes(id2)) {
-          continue;
-        }
-        this.removeAllSubscribers(id2, subscribers, visited);
+  removeAllSubscribers(id, targets) {
+    if (!targets) {
+      targets = [...this.subscribers.get(id)?.values() || []].flatMap(
+        (spec) => spec.selections.flatMap((sel) => sel[0])
+      );
+    }
+    for (const target of targets) {
+      for (const subselection of this.findSubSelections(
+        target.parentID || rootID,
+        target.selection,
+        target.variables || {},
+        id
+      )) {
+        this.remove(id, subselection, targets, target.variables || {});
       }
     }
+    return;
   }
   get size() {
     let size = 0;
@@ -77254,6 +77281,32 @@ var InMemorySubscriptions = class {
     }
     return size;
   }
+  findSubSelections(parentID, selection, variables, searchTarget, selections = []) {
+    const __typename = this.cache._internal_unstable.storage.get(parentID, "__typename").value;
+    let targetSelection = getFieldsForType(selection, __typename, false);
+    for (const fieldSelection of Object.values(targetSelection || {})) {
+      if (!fieldSelection.selection) {
+        continue;
+      }
+      const key = evaluateKey(fieldSelection.keyRaw, variables || {});
+      const linkedRecord = this.cache._internal_unstable.storage.get(parentID, key);
+      const links = !Array.isArray(linkedRecord.value) ? [linkedRecord.value] : flatten(linkedRecord.value);
+      if (links.includes(searchTarget)) {
+        selections.push(fieldSelection.selection);
+      } else {
+        for (const link of links) {
+          this.findSubSelections(
+            link,
+            fieldSelection.selection,
+            variables,
+            searchTarget,
+            selections
+          );
+        }
+      }
+    }
+    return selections;
+  }
 };
 var Cache = class {
   _internal_unstable;
@@ -77329,11 +77382,17 @@ var Cache = class {
   }
   registerKeyMap(source, mapped) {
     this._internal_unstable.storage.registerIDMapping(source, mapped);
+    this._internal_unstable.subscriptions.copySubscribers(source, mapped);
   }
   delete(id, layer) {
-    this._internal_unstable.subscriptions.removeAllSubscribers(id);
-    this._internal_unstable.lists.removeIDFromAllLists(id, layer);
-    this._internal_unstable.storage.delete(id, layer);
+    const recordIDs = [this._internal_unstable.storage.idMaps[id], id].filter(
+      Boolean
+    );
+    for (const recordID of recordIDs) {
+      this._internal_unstable.subscriptions.removeAllSubscribers(recordID);
+      this._internal_unstable.lists.removeIDFromAllLists(recordID, layer);
+      this._internal_unstable.storage.delete(recordID, layer);
+    }
   }
   setConfig(config) {
     this._internal_unstable.setConfig(config);
@@ -77639,6 +77698,9 @@ var CacheInternal = class {
           layer,
           forceNotify
         });
+        let action = () => {
+          layer.writeLink(parent, key, linkedIDs);
+        };
         if (applyUpdates && updates) {
           if (key === "edges") {
             const newNodeIDs = [];
@@ -77673,8 +77735,26 @@ var CacheInternal = class {
             }
             if (update === "prepend") {
               linkedIDs = newIDs.concat(oldIDs);
+              if (layer?.optimistic) {
+                action = () => {
+                  for (const id of newIDs) {
+                    if (id) {
+                      layer.insert(parent, key, "start", id);
+                    }
+                  }
+                };
+              }
             } else if (update === "append") {
               linkedIDs = oldIDs.concat(newIDs);
+              if (layer?.optimistic) {
+                action = () => {
+                  for (const id of newIDs) {
+                    if (id) {
+                      layer.insert(parent, key, "end", id);
+                    }
+                  }
+                };
+              }
             } else if (update === "replace") {
               linkedIDs = newIDs;
             }
@@ -77693,7 +77773,7 @@ var CacheInternal = class {
           this.subscriptions.remove(lostID, fieldSelection, specs, variables);
         }
         if (contentChanged || oldIDs.length === 0 && newIDs.length === 0) {
-          layer.writeLink(parent, key, linkedIDs);
+          action();
         }
         for (const id of newIDs.filter((id2) => !oldIDs.includes(id2))) {
           if (id == null) {
@@ -77748,6 +77828,9 @@ var CacheInternal = class {
             if (!targetID) {
               continue;
             }
+            toNotify.push(
+              ...this.subscriptions.getAll(targetID).filter((sub) => sub[0].parentID !== targetID)
+            );
             this.cache.delete(targetID, layer);
           }
         }
@@ -78169,7 +78252,6 @@ function variableValue(value, args) {
     );
   }
 }
-var rootID = "_ROOT_";
 function defaultComponentField({
   cache,
   component,

package/build/plugin-esm/index.js

@@ -76059,6 +76059,33 @@ var GarbageCollector = class {
     }
   }
 };
+function evaluateKey(key, variables = null) {
+  let evaluated = "";
+  let varName = "";
+  let inString = false;
+  for (const char of key) {
+    if (varName) {
+      if (varChars.includes(char)) {
+        varName += char;
+        continue;
+      }
+      const value = variables?.[varName.slice(1)];
+      evaluated += typeof value !== "undefined" ? JSON.stringify(value) : "undefined";
+      varName = "";
+    }
+    if (char === "$" && !inString) {
+      varName = "$";
+      continue;
+    }
+    if (char === '"') {
+      inString = !inString;
+    }
+    evaluated += char;
+  }
+  return evaluated;
+}
+var varChars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_0123456789";
+var rootID = "_ROOT_";
 var ListManager = class {
   rootID;
   cache;
@@ -76124,11 +76151,15 @@ var ListManager = class {
     this.listsByField.get(parentID).get(list.key).push(handler);
   }
   removeIDFromAllLists(id, layer) {
+    let removed = false;
     for (const fieldMap of this.lists.values()) {
       for (const list of fieldMap.values()) {
-        list.removeID(id, void 0, layer);
+        if (list.removeID(id, void 0, layer)) {
+          removed = true;
+        }
       }
     }
+    return removed;
   }
   deleteField(parentID, field) {
     if (!this.listsByField.get(parentID)?.has(field)) {
@@ -76431,7 +76462,13 @@ var ListCollection = class {
     this.lists.forEach((list) => list.addToList(...args));
   }
   removeID(...args) {
-    this.lists.forEach((list) => list.removeID(...args));
+    let removed = false;
+    this.lists.forEach((list) => {
+      if (list.removeID(...args)) {
+        removed = true;
+      }
+    });
+    return removed;
   }
   remove(...args) {
     this.lists.forEach((list) => list.remove(...args));
@@ -76546,6 +76583,7 @@ var InMemoryStorage = class {
   }
   registerIDMapping(from, to) {
     this.idMaps[from] = to;
+    this.idMaps[to] = from;
   }
   createLayer(optimistic = false) {
     const layer = new Layer(this.idCount++);
@@ -76556,11 +76594,11 @@ var InMemoryStorage = class {
   insert(id, field, location, target) {
     return this.topLayer.insert(id, field, location, target);
   }
-  remove(id, field, target, layerToUser = this.topLayer) {
-    return layerToUser.remove(id, field, target);
+  remove(id, field, target, layer = this.topLayer) {
+    return layer.remove(id, field, target);
   }
-  delete(id, layerToUser = this.topLayer) {
-    return layerToUser.delete(id);
+  delete(id, layer = this.topLayer) {
+    return layer.delete(id);
   }
   deleteField(id, field) {
     return this.topLayer.deleteField(id, field);
@@ -76598,6 +76636,9 @@ var InMemoryStorage = class {
             return;
           }
           operations.remove.add(v);
+          if (this.idMaps[v]) {
+            operations.remove.add(this.idMaps[v]);
+          }
         });
         if (typeof layerValue === "undefined" && defaultValue) {
           const targetLayer = this.topLayer;
@@ -76624,7 +76665,11 @@ var InMemoryStorage = class {
               operations.remove.add(op.id);
             }
             if (isInsertOperation(op)) {
-              operations.insert[op.location].unshift(op.id);
+              if (op.location === OperationLocation.end) {
+                operations.insert[op.location].unshift(op.id);
+              } else {
+                operations.insert[op.location].push(op.id);
+              }
             }
             if (isDeleteOperation(op)) {
               return {
@@ -76870,7 +76915,7 @@ var Layer = class {
     }
     for (const [id, ops] of Object.entries(layer.operations)) {
       const fields = {};
-      for (const opMap of [this.operations[id], layer.operations[id]].filter(Boolean)) {
+      for (const opMap of [layer.operations[id], this.operations[id]].filter(Boolean)) {
         for (const [fieldName, operations] of Object.entries(opMap.fields || {})) {
           fields[fieldName] = [...fields[fieldName] || [], ...operations];
         }
@@ -76910,6 +76955,7 @@ var Layer = class {
       [id]: {
         ...this.operations[id],
         fields: {
+          ...this.operations[id]?.fields,
           [field]: [...this.operations[id]?.fields[field] || [], operation]
         }
       }
@@ -76934,32 +76980,6 @@ var OperationKind = {
   insert: "insert",
   remove: "remove"
 };
-function evaluateKey(key, variables = null) {
-  let evaluated = "";
-  let varName = "";
-  let inString = false;
-  for (const char of key) {
-    if (varName) {
-      if (varChars.includes(char)) {
-        varName += char;
-        continue;
-      }
-      const value = variables?.[varName.slice(1)];
-      evaluated += typeof value !== "undefined" ? JSON.stringify(value) : "undefined";
-      varName = "";
-    }
-    if (char === "$" && !inString) {
-      varName = "$";
-      continue;
-    }
-    if (char === '"') {
-      inString = !inString;
-    }
-    evaluated += char;
-  }
-  return evaluated;
-}
-var varChars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_0123456789";
 var InMemorySubscriptions = class {
   cache;
   constructor(cache) {
@@ -76970,6 +76990,9 @@ var InMemorySubscriptions = class {
   activeFields(parent) {
     return Object.keys(this.subscribers.get(parent) || {});
   }
+  copySubscribers(from, to) {
+    this.subscribers.set(to, this.subscribers.get(from) || /* @__PURE__ */ new Map());
+  }
   add({
     parent,
     spec,
@@ -77152,6 +77175,11 @@ var InMemorySubscriptions = class {
   get(id, field) {
     return this.subscribers.get(id)?.get(field)?.selections || [];
   }
+  getAll(id) {
+    return [...this.subscribers.get(id)?.values() || []].flatMap(
+      (fieldSub) => fieldSub.selections
+    );
+  }
   remove(id, selection, targets, variables, visited = []) {
     visited.push(id);
     const linkedIDs = [];
@@ -77193,7 +77221,7 @@ var InMemorySubscriptions = class {
     }
     const subscriberField = subscriber.get(fieldName);
     for (const spec of specs) {
-      const counts = subscriber.get(fieldName)?.referenceCounts;
+      const counts = subscriberField?.referenceCounts;
       if (!counts?.has(spec.set)) {
         continue;
       }
@@ -77216,24 +77244,23 @@ var InMemorySubscriptions = class {
       this.subscribers.delete(id);
     }
   }
-  removeAllSubscribers(id, targets, visited = []) {
-    visited.push(id);
-    const subscriber = this.subscribers.get(id);
-    for (const [key, val] of subscriber?.entries() ?? []) {
-      const subscribers = targets || val.selections.map(([spec]) => spec);
-      this.removeSubscribers(id, key, subscribers);
-      const { value, kind } = this.cache._internal_unstable.storage.get(id, key);
-      if (kind === "scalar") {
-        continue;
-      }
-      const nextTargets = Array.isArray(value) ? flatten(value) : [value];
-      for (const id2 of nextTargets) {
-        if (visited.includes(id2)) {
-          continue;
-        }
-        this.removeAllSubscribers(id2, subscribers, visited);
+  removeAllSubscribers(id, targets) {
+    if (!targets) {
+      targets = [...this.subscribers.get(id)?.values() || []].flatMap(
+        (spec) => spec.selections.flatMap((sel) => sel[0])
+      );
+    }
+    for (const target of targets) {
+      for (const subselection of this.findSubSelections(
+        target.parentID || rootID,
+        target.selection,
+        target.variables || {},
+        id
+      )) {
+        this.remove(id, subselection, targets, target.variables || {});
       }
     }
+    return;
   }
   get size() {
     let size = 0;
@@ -77244,6 +77271,32 @@ var InMemorySubscriptions = class {
     }
     return size;
   }
+  findSubSelections(parentID, selection, variables, searchTarget, selections = []) {
+    const __typename = this.cache._internal_unstable.storage.get(parentID, "__typename").value;
+    let targetSelection = getFieldsForType(selection, __typename, false);
+    for (const fieldSelection of Object.values(targetSelection || {})) {
+      if (!fieldSelection.selection) {
+        continue;
+      }
+      const key = evaluateKey(fieldSelection.keyRaw, variables || {});
+      const linkedRecord = this.cache._internal_unstable.storage.get(parentID, key);
+      const links = !Array.isArray(linkedRecord.value) ? [linkedRecord.value] : flatten(linkedRecord.value);
+      if (links.includes(searchTarget)) {
+        selections.push(fieldSelection.selection);
+      } else {
+        for (const link of links) {
+          this.findSubSelections(
+            link,
+            fieldSelection.selection,
+            variables,
+            searchTarget,
+            selections
+          );
+        }
+      }
+    }
+    return selections;
+  }
 };
 var Cache = class {
   _internal_unstable;
@@ -77319,11 +77372,17 @@ var Cache = class {
   }
   registerKeyMap(source, mapped) {
     this._internal_unstable.storage.registerIDMapping(source, mapped);
+    this._internal_unstable.subscriptions.copySubscribers(source, mapped);
   }
   delete(id, layer) {
-    this._internal_unstable.subscriptions.removeAllSubscribers(id);
-    this._internal_unstable.lists.removeIDFromAllLists(id, layer);
-    this._internal_unstable.storage.delete(id, layer);
+    const recordIDs = [this._internal_unstable.storage.idMaps[id], id].filter(
+      Boolean
+    );
+    for (const recordID of recordIDs) {
+      this._internal_unstable.subscriptions.removeAllSubscribers(recordID);
+      this._internal_unstable.lists.removeIDFromAllLists(recordID, layer);
+      this._internal_unstable.storage.delete(recordID, layer);
+    }
   }
   setConfig(config) {
     this._internal_unstable.setConfig(config);
@@ -77629,6 +77688,9 @@ var CacheInternal = class {
           layer,
           forceNotify
         });
+        let action = () => {
+          layer.writeLink(parent, key, linkedIDs);
+        };
         if (applyUpdates && updates) {
           if (key === "edges") {
             const newNodeIDs = [];
@@ -77663,8 +77725,26 @@ var CacheInternal = class {
             }
             if (update === "prepend") {
               linkedIDs = newIDs.concat(oldIDs);
+              if (layer?.optimistic) {
+                action = () => {
+                  for (const id of newIDs) {
+                    if (id) {
+                      layer.insert(parent, key, "start", id);
+                    }
+                  }
+                };
+              }
             } else if (update === "append") {
               linkedIDs = oldIDs.concat(newIDs);
+              if (layer?.optimistic) {
+                action = () => {
+                  for (const id of newIDs) {
+                    if (id) {
+                      layer.insert(parent, key, "end", id);
+                    }
+                  }
+                };
+              }
             } else if (update === "replace") {
               linkedIDs = newIDs;
             }
@@ -77683,7 +77763,7 @@ var CacheInternal = class {
           this.subscriptions.remove(lostID, fieldSelection, specs, variables);
         }
         if (contentChanged || oldIDs.length === 0 && newIDs.length === 0) {
-          layer.writeLink(parent, key, linkedIDs);
+          action();
         }
         for (const id of newIDs.filter((id2) => !oldIDs.includes(id2))) {
           if (id == null) {
@@ -77738,6 +77818,9 @@ var CacheInternal = class {
             if (!targetID) {
               continue;
             }
+            toNotify.push(
+              ...this.subscriptions.getAll(targetID).filter((sub) => sub[0].parentID !== targetID)
+            );
             this.cache.delete(targetID, layer);
           }
         }
@@ -78159,7 +78242,6 @@ function variableValue(value, args) {
     );
   }
 }
-var rootID = "_ROOT_";
 function defaultComponentField({
   cache,
   component,

package/package.json

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