use endpoint variable in examples

FuelLabs · Apr 15, 2024 · 6e79d45 · 6e79d45
1 parent 0fe02a2
commit 6e79d45
Show file tree

Hide file tree

Showing 15 changed files with 66 additions and 43 deletions.
diff --git a/docs/reference/objects.mdx b/docs/reference/objects.mdx
@@ -82,7 +82,7 @@ Information about the base chain. At a very high level `chainInfo` helps you und
 
 `name`: `String!`
 
-The human-readable string name of the chain. i.e. beta-5
+The human-readable string name of the chain. i.e. `beta-5`.
 
 `latestBlock`: [`Block!`](#block)
 

diff --git a/examples/query.tsx b/examples/query.tsx
@@ -4,6 +4,7 @@ import { Code } from '~/src/components/Code';
 import { ExampleBox } from '~/src/components/ExampleBox';
 import { Paragraph } from '~/src/components/Paragraph';
 import { Pre } from '~/src/components/Pre';
+import { TESTNET_ENDPOINT } from '~/src/constants';
 
 interface QueryProps {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -18,7 +19,7 @@ export function Query(props: QueryProps) {
 
   function runQuery() {
     setLoading(true);
-    fetch('https://beta-5.fuel.network/graphql', {
+    fetch(TESTNET_ENDPOINT, {
       method: 'POST',
       headers: {
         'Content-Type': 'application/json',

diff --git a/examples/tests/balance.test.ts b/examples/tests/balance.test.ts
@@ -1,14 +1,16 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { ApolloClient, InMemoryCache, gql } from '@apollo/client';
 import { Client, cacheExchange, fetchExchange } from 'urql';
 import 'isomorphic-fetch';
+import { TESTNET_ENDPOINT } from '~/src/constants';
 
 const apolloClient = new ApolloClient({
-  uri: 'https://beta-5.fuel.network/graphql',
+  uri: TESTNET_ENDPOINT,
   cache: new InMemoryCache(),
 });
 
 const urqlClient = new Client({
-  url: 'https://beta-5.fuel.network/graphql',
+  url: TESTNET_ENDPOINT,
   exchanges: [cacheExchange, fetchExchange],
 });
 
@@ -30,7 +32,7 @@ describe('Balance', () => {
     };
 
     const getBalance = async () => {
-      const response = await fetch('https://beta-5.fuel.network/graphql', {
+      const response = await fetch(TESTNET_ENDPOINT, {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',
@@ -41,7 +43,7 @@ describe('Balance', () => {
           variables: args,
         }),
       });
-      const json = await response.json();
+      const json: any = await response.json();
       console.log('BALANCE:', json.data.balance);
       expect(json.data.balance.amount).toBeTruthy();
     };

diff --git a/examples/tests/balances.test.ts b/examples/tests/balances.test.ts
@@ -1,14 +1,16 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { ApolloClient, InMemoryCache, gql } from '@apollo/client';
 import { Client, cacheExchange, fetchExchange } from 'urql';
 import 'isomorphic-fetch';
+import { TESTNET_ENDPOINT } from '~/src/constants';
 
 const apolloClient = new ApolloClient({
-  uri: 'https://beta-5.fuel.network/graphql',
+  uri: TESTNET_ENDPOINT,
   cache: new InMemoryCache(),
 });
 
 const urqlClient = new Client({
-  url: 'https://beta-5.fuel.network/graphql',
+  url: TESTNET_ENDPOINT,
   exchanges: [cacheExchange, fetchExchange],
 });
 
@@ -31,7 +33,7 @@ describe('Balances', () => {
     };
 
     const getBalances = async () => {
-      const response = await fetch('https://beta-5.fuel.network/graphql', {
+      const response = await fetch(TESTNET_ENDPOINT, {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',
@@ -42,7 +44,7 @@ describe('Balances', () => {
           variables: args,
         }),
       });
-      const json = await response.json();
+      const json: any = await response.json();
       console.log('BALANCES:', json.data.balances);
       expect(json.data.balances.nodes).toBeTruthy();
     };

diff --git a/examples/tests/block.test.ts b/examples/tests/block.test.ts
@@ -1,14 +1,16 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { ApolloClient, InMemoryCache, gql } from '@apollo/client';
 import { Client, cacheExchange, fetchExchange } from 'urql';
 import 'isomorphic-fetch';
+import { TESTNET_ENDPOINT } from '~/src/constants';
 
 const apolloClient = new ApolloClient({
-  uri: 'https://beta-5.fuel.network/graphql',
+  uri: TESTNET_ENDPOINT,
   cache: new InMemoryCache(),
 });
 
 const urqlClient = new Client({
-  url: 'https://beta-5.fuel.network/graphql',
+  url: TESTNET_ENDPOINT,
   exchanges: [cacheExchange, fetchExchange],
 });
 
@@ -24,7 +26,7 @@ describe('Block Info', () => {
     const args = { height: '3412' };
 
     const getBlock = async () => {
-      const response = await fetch('https://beta-5.fuel.network/graphql', {
+      const response = await fetch(TESTNET_ENDPOINT, {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',
@@ -35,7 +37,7 @@ describe('Block Info', () => {
           variables: args,
         }),
       });
-      const json = await response.json();
+      const json: any = await response.json();
       console.log('BLOCK:', json.data.block);
       expect(json.data.block.id).toBeTruthy();
     };

diff --git a/examples/tests/contract-balance.test.ts b/examples/tests/contract-balance.test.ts
@@ -1,14 +1,16 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { ApolloClient, InMemoryCache, gql } from '@apollo/client';
 import { Client, cacheExchange, fetchExchange } from 'urql';
 import 'isomorphic-fetch';
+import { TESTNET_ENDPOINT } from '~/src/constants';
 
 const apolloClient = new ApolloClient({
-  uri: 'https://beta-5.fuel.network/graphql',
+  uri: TESTNET_ENDPOINT,
   cache: new InMemoryCache(),
 });
 
 const urqlClient = new Client({
-  url: 'https://beta-5.fuel.network/graphql',
+  url: TESTNET_ENDPOINT,
   exchanges: [cacheExchange, fetchExchange],
 });
 
@@ -30,7 +32,7 @@ describe('Contract Balance', () => {
     };
 
     const getContractBalance = async () => {
-      const response = await fetch('https://beta-5.fuel.network/graphql', {
+      const response = await fetch(TESTNET_ENDPOINT, {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',
@@ -41,7 +43,7 @@ describe('Contract Balance', () => {
           variables: args,
         }),
       });
-      const json = await response.json();
+      const json: any = await response.json();
       console.log('CONTRACT BALANCE:', json.data.contractBalance);
       expect(json.data.contractBalance.amount).toBeTruthy();
     };

diff --git a/examples/tests/contract-balances.test.ts b/examples/tests/contract-balances.test.ts
@@ -1,14 +1,16 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { ApolloClient, InMemoryCache, gql } from '@apollo/client';
 import { Client, cacheExchange, fetchExchange } from 'urql';
 import 'isomorphic-fetch';
+import { TESTNET_ENDPOINT } from '~/src/constants';
 
 const apolloClient = new ApolloClient({
-  uri: 'https://beta-5.fuel.network/graphql',
+  uri: TESTNET_ENDPOINT,
   cache: new InMemoryCache(),
 });
 
 const urqlClient = new Client({
-  url: 'https://beta-5.fuel.network/graphql',
+  url: TESTNET_ENDPOINT,
   exchanges: [cacheExchange, fetchExchange],
 });
 
@@ -32,7 +34,7 @@ describe('Contract balances', () => {
     };
 
     const getContractBalances = async () => {
-      const response = await fetch('https://beta-5.fuel.network/graphql', {
+      const response = await fetch(TESTNET_ENDPOINT, {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',
@@ -43,7 +45,7 @@ describe('Contract balances', () => {
           variables: args,
         }),
       });
-      const json = await response.json();
+      const json: any = await response.json();
       console.log('CONTRACT BALANCES:', json.data.contractBalances);
       expect(json.data.contractBalances.nodes).toBeTruthy();
     };

diff --git a/examples/tests/latest-blocks.test.ts b/examples/tests/latest-blocks.test.ts
@@ -1,14 +1,16 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { ApolloClient, InMemoryCache, gql } from '@apollo/client';
 import { Client, cacheExchange, fetchExchange } from 'urql';
 import 'isomorphic-fetch';
+import { TESTNET_ENDPOINT } from '~/src/constants';
 
 const apolloClient = new ApolloClient({
-  uri: 'https://beta-5.fuel.network/graphql',
+  uri: TESTNET_ENDPOINT,
   cache: new InMemoryCache(),
 });
 
 const urqlClient = new Client({
-  url: 'https://beta-5.fuel.network/graphql',
+  url: TESTNET_ENDPOINT,
   exchanges: [cacheExchange, fetchExchange],
 });
 
@@ -78,7 +80,7 @@ describe('Latest blocks', () => {
     }`;
 
     const getLatestBlocks = async () => {
-      const response = await fetch('https://beta-5.fuel.network/graphql', {
+      const response = await fetch(TESTNET_ENDPOINT, {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',
@@ -88,7 +90,7 @@ describe('Latest blocks', () => {
           query: LATEST_BLOCKS_QUERY,
         }),
       });
-      const json = await response.json();
+      const json: any = await response.json();
       console.log('BLOCKS:', json.data.blocks);
       expect(json.data.blocks.nodes.length).toBeTruthy();
     };

diff --git a/examples/tests/latest-transactions.test.ts b/examples/tests/latest-transactions.test.ts
@@ -1,14 +1,16 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { ApolloClient, InMemoryCache, gql } from '@apollo/client';
 import { Client, cacheExchange, fetchExchange } from 'urql';
 import 'isomorphic-fetch';
+import { TESTNET_ENDPOINT } from '~/src/constants';
 
 const apolloClient = new ApolloClient({
-  uri: 'https://beta-5.fuel.network/graphql',
+  uri: TESTNET_ENDPOINT,
   cache: new InMemoryCache(),
 });
 
 const urqlClient = new Client({
-  url: 'https://beta-5.fuel.network/graphql',
+  url: TESTNET_ENDPOINT,
   exchanges: [cacheExchange, fetchExchange],
 });
 
@@ -83,7 +85,7 @@ describe('Latest transactions', () => {
         }`;
 
     const getLatestTransactions = async () => {
-      const response = await fetch('https://beta-5.fuel.network/graphql', {
+      const response = await fetch(TESTNET_ENDPOINT, {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',
@@ -93,7 +95,7 @@ describe('Latest transactions', () => {
           query: LATEST_TRANSACTIONS_QUERY,
         }),
       });
-      const json = await response.json();
+      const json: any = await response.json();
       console.log('TRANSACTIONS:', json.data.transactions);
       expect(json.data.transactions.nodes.length).toBeTruthy();
     };

diff --git a/examples/tests/messages.test.ts b/examples/tests/messages.test.ts
@@ -1,14 +1,16 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { ApolloClient, InMemoryCache, gql } from '@apollo/client';
 import { Client, cacheExchange, fetchExchange } from 'urql';
 import 'isomorphic-fetch';
+import { TESTNET_ENDPOINT } from '~/src/constants';
 
 const apolloClient = new ApolloClient({
-  uri: 'https://beta-5.fuel.network/graphql',
+  uri: TESTNET_ENDPOINT,
   cache: new InMemoryCache(),
 });
 
 const urqlClient = new Client({
-  url: 'https://beta-5.fuel.network/graphql',
+  url: TESTNET_ENDPOINT,
   exchanges: [cacheExchange, fetchExchange],
 });
 
@@ -34,7 +36,7 @@ describe('Messages', () => {
     };
 
     const getMessages = async () => {
-      const response = await fetch('https://beta-5.fuel.network/graphql', {
+      const response = await fetch(TESTNET_ENDPOINT, {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',
@@ -45,7 +47,7 @@ describe('Messages', () => {
           variables: args,
         }),
       });
-      const json = await response.json();
+      const json: any = await response.json();
       console.log('MESSAGES:', json.data.messages);
       expect(json.data.messages.nodes).toBeTruthy();
     };

diff --git a/examples/tests/transactions-by-owner.test.ts b/examples/tests/transactions-by-owner.test.ts
@@ -1,14 +1,16 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { ApolloClient, InMemoryCache, gql } from '@apollo/client';
 import { Client, cacheExchange, fetchExchange } from 'urql';
 import 'isomorphic-fetch';
+import { TESTNET_ENDPOINT } from '~/src/constants';
 
 const apolloClient = new ApolloClient({
-  uri: 'https://beta-5.fuel.network/graphql',
+  uri: TESTNET_ENDPOINT,
   cache: new InMemoryCache(),
 });
 
 const urqlClient = new Client({
-  url: 'https://beta-5.fuel.network/graphql',
+  url: TESTNET_ENDPOINT,
   exchanges: [cacheExchange, fetchExchange],
 });
 
@@ -88,7 +90,7 @@ describe('Transactions by owner', () => {
     };
 
     const getTransactions = async () => {
-      const response = await fetch('https://beta-5.fuel.network/graphql', {
+      const response = await fetch(TESTNET_ENDPOINT, {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',
@@ -99,7 +101,7 @@ describe('Transactions by owner', () => {
           variables: args,
         }),
       });
-      const json = await response.json();
+      const json: any = await response.json();
       console.log('TRANSACTIONS:', json.data.transactionsByOwner);
       expect(json.data.transactionsByOwner.nodes.length).toBeTruthy();
     };

diff --git a/src/components/CodeExamples.tsx b/src/components/CodeExamples.tsx
@@ -1,7 +1,7 @@
 import { cssObj } from '@fuel-ui/css';
 import { Link, Tabs, Box } from '@fuel-ui/react';
 
-import { REPO_LINK } from '../constants';
+import { REPO_LINK, TESTNET_ENDPOINT } from '../constants';
 
 import { Pre } from './Pre';
 
@@ -58,7 +58,7 @@ export function CodeExamples({
   const apolloImport = `import { ApolloClient, InMemoryCache, gql } from '@apollo/client';
 
 const apolloClient= new ApolloClient({
-  uri: 'https://beta-5.fuel.network/graphql',
+  uri: '${TESTNET_ENDPOINT}',
   cache: new InMemoryCache(),
 });
 
@@ -67,7 +67,7 @@ const apolloClient= new ApolloClient({
   const urqlImport = `import { Client, cacheExchange, fetchExchange } from 'urql';
 
 const urqlClient = new Client({
-  url: 'https://beta-5.fuel.network/graphql',
+  url: '${TESTNET_ENDPOINT}',
   exchanges: [cacheExchange, fetchExchange],
 });
 

diff --git a/src/constants.ts b/src/constants.ts
@@ -10,3 +10,5 @@ export const DEFAULT_SLUG = ['overview'];
 export const META_DESC = 'Official documentation for the Fuel GraphQL API';
 
 export const META_OGIMG = URL + ogImage.src;
+
+export const TESTNET_ENDPOINT = 'https://beta-5.fuel.network/graphql';