fix: set block fetch interval

unionlabs · May 14, 2024 · 6f8801f · 6f8801f
1 parent 6e8cb74
commit 6f8801f
Show file tree

Hide file tree

Showing 6 changed files with 94 additions and 48 deletions.
diff --git a/app/app.nix b/app/app.nix
@@ -9,7 +9,7 @@
     {
       packages = {
         app = unstablePkgs.buildNpmPackage {
-          npmDepsHash = "sha256-Wt93AyaxFcyTlz5c1YPHiApCNNlMxcr2YIqJtuMQGuc=";
+          npmDepsHash = "sha256-HkwqQ1FdD6tJnD6sioeSjmZJ+Fc40CRjuTBnK7etsXs=";
           src = ./.;
           sourceRoot = "app";
           npmFlags = [ "--legacy-peer-deps" ];

diff --git a/app/package-lock.json b/app/package-lock.json
diff --git a/app/package.json b/app/package.json
@@ -26,7 +26,7 @@
     "bits-ui": "^0.21.7",
     "cmdk-sv": "^0.0.17",
     "formsnap": "^1.0.0",
-    "gql.tada": "^1.6.3",
+    "gql.tada": "^1.7.0",
     "graphql-request": "^6.1.0",
     "graphql-ws": "^5.16.0",
     "mode-watcher": "^0.3.0",
@@ -92,6 +92,6 @@
     "vite": "^5.2.11",
     "vite-plugin-inspect": "^0.8.4",
     "vite-plugin-tailwind-purgecss": "^0.3.3",
-    "vitest": "^1.5.3"
+    "vitest": "^1.6.0"
   }
 }
diff --git a/app/src/lib/graphql/client.ts b/app/src/lib/graphql/client.ts
@@ -8,7 +8,9 @@ import {
 import { URLS } from "$lib/constants"
 import { devtoolsExchange } from "@urql/devtools"
 import { retryExchange } from "@urql/exchange-retry"
+import { persistedExchange } from "@urql/exchange-persisted"
 import { createClient as createWSClient, type SubscribePayload } from "graphql-ws"
+import type { TadaPersistedDocumentNode } from "gql.tada"
 
 const wsClient = createWSClient({
   url: URLS.GRAPHQL_WSS,
@@ -20,6 +22,13 @@ export const graphqlClient = new Client({
   exchanges: [
     devtoolsExchange,
     cacheExchange,
+    persistedExchange({
+      generateHash: async (_, document) => (document as TadaPersistedDocumentNode).documentId,
+      preferGetForPersistedQueries: true,
+      enforcePersistedQueries: true,
+      enableForMutation: true,
+      enableForSubscriptions: true
+    }),
     fetchExchange,
     subscriptionExchange({
       forwardSubscription: operation => ({

diff --git a/app/src/lib/queries/block.ts b/app/src/lib/queries/block.ts
@@ -13,6 +13,9 @@ export function blockHeightQuery() {
       console.log(data)
       return data.result.block.header.height
     },
-    enabled: true
+    enabled: true,
+    // Union default block time
+    refetchInterval: 6_000,
+    refetchOnWindowFocus: false
   })
 }
diff --git a/app/src/styles/reset.css b/app/src/styles/reset.css
@@ -1,9 +1,18 @@
+:root {
+  --default-accent: #A0ECFD;
+}
+
 * {
   margin: 0;
   scrollbar-width: 0.1rem;
   scrollbar-color: transparent transparent;
 }
 
+input {
+  caret-shape: underscore;
+  caret-color: var(--default-accent);
+}
+
 input[type=number]::-webkit-inner-spin-button,
 input[type=number]::-webkit-outer-spin-button {
   -webkit-appearance: none;