fix: check input before doing query (#25)

marko-js · Jul 19, 2024 · 853d5c6 · 853d5c6
1 parent 8b2b9b5
commit 853d5c6
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 2 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -9,6 +9,7 @@
   "dependencies": {
     "@urql/core": "^3.0.4",
     "@urql/devtools": "^2.0.3",
+    "dequal": "^2.0.3",
     "make-fetch-happen": "^13.0.0"
   },
   "devDependencies": {

diff --git a/src/node_modules/@internal/gql-query/components/gql-query-client/index.marko b/src/node_modules/@internal/gql-query/components/gql-query-client/index.marko
@@ -1,3 +1,4 @@
+import { dequal } from 'dequal';
 import { pipe, subscribe } from "wonka";
 import { readyLookup, getClient, hydrateQuery } from "@internal/client";
 class {
@@ -37,8 +38,21 @@ class {
     this.state = state;
   }
 
-  onInput() {
-    this.shouldQuery = true;
+  onInput(input) {
+    let { name, query, variables, requestPolicy } = input;
+
+    if (
+      this.name !== name ||
+      this.query !== query ||
+      this.requestPolicy !== requestPolicy ||
+      !dequal(this.variables, variables)
+    ) {
+      this.name = name;
+      this.query = query;
+      this.variables = variables;
+      this.requestPolicy = requestPolicy;
+      this.shouldQuery = true;
+    }
   }
 
   onUpdate() {