ETH TLD By Version

Load the .eth TLD across protocol versions: one Domain per version, discriminated by `__typename` (ENSv1Domain / ENSv2Domain).

omnigraphenssdkenskitcurl

Run in ENSAdmin Open an interactive playground to execute this example on our sepolia-v2 ENSNode instance.

GraphQL

query GetEthDomains {
  domains(where: { name: { eq: "eth" } }) {
    edges {
      node {
        __typename
        id
      }
    }
  }
}

Variables

{}

Output

{
  "data": {
    "domains": {
      "edges": [
        {
          "node": {
            "__typename": "ENSv2Domain",
            "id": "11155111-0x835f0b284e78cd3f358bcf6cba3b53809f09b79e-35894389512221139346028120028875095598761990588366713962827482865183915769856"
          }
        },
        {
          "node": {
            "__typename": "ENSv1Domain",
            "id": "11155111-0xb6fb46e1458915dd828633d91e1df8e4c3f2d4dd-0x93cdeb708b7545dc668eb9280176169d1c33cfd8ed6f04690a0bcc88a93fc4ae"
          }
        }
      ]
    }
  }
}

Output matches a point in time snapshot GraphQL response from our sepolia-v2 ENSNode instance. Live output depends on the configuration of your ENSNode instance and ENS state updates.

Run in StackBlitz Opens an editable StackBlitz project with this snippet.

TypeScript

import { createEnsNodeClient } from "enssdk/core";
import { graphql, omnigraph } from "enssdk/omnigraph";

const client = createEnsNodeClient({
  url: process.env.ENSNODE_URL || "https://api.alpha.ensnode.io"
}).extend(omnigraph);

const GetEthDomainsQuery = graphql(`
  query GetEthDomains {
    domains(where: { name: { eq: "eth" } }) {
      edges {
        node {
          __typename
          id
        }
      }
    }
  }
`);

const result = await client.omnigraph.query({
  query: GetEthDomainsQuery,
  variables: {},
});

if (result.errors) throw new Error(JSON.stringify(result.errors));
console.log(JSON.stringify(result.data, null, 2));

Output

{
  "data": {
    "domains": {
      "edges": [
        {
          "node": {
            "__typename": "ENSv2Domain",
            "id": "11155111-0x835f0b284e78cd3f358bcf6cba3b53809f09b79e-35894389512221139346028120028875095598761990588366713962827482865183915769856"
          }
        },
        {
          "node": {
            "__typename": "ENSv1Domain",
            "id": "11155111-0xb6fb46e1458915dd828633d91e1df8e4c3f2d4dd-0x93cdeb708b7545dc668eb9280176169d1c33cfd8ed6f04690a0bcc88a93fc4ae"
          }
        }
      ]
    }
  }
}

Output matches a point in time snapshot GraphQL response from our sepolia-v2 ENSNode instance. Live output depends on the configuration of your ENSNode instance and ENS state updates.

enssdk package manager setup

npm pnpm

# 1. Create project
mkdir -p my-ens-script/src && cd my-ens-script
npm init -y && touch src/index.ts
npm pkg set type=module scripts.start="tsx src/index.ts"
# 2. Install dependencies
npm install enssdk@1.15.1 && npm install -D tsx typescript @types/node
# 3. Paste the TypeScript snippet above into src/index.ts
# 4. Run
ENSNODE_URL=https://api.alpha.ensnode.io npm start

# 1. Create project
mkdir -p my-ens-script/src && cd my-ens-script
pnpm init && touch src/index.ts
pnpm pkg set type=module scripts.start="tsx src/index.ts"
# 2. Install dependencies
pnpm add enssdk@1.15.1 && pnpm add -D tsx typescript @types/node
# 3. Paste the TypeScript snippet above into src/index.ts
# 4. Run
ENSNODE_URL=https://api.alpha.ensnode.io pnpm start

See the enssdk docs for gql.tada plugin and tsconfig setup.

Run in StackBlitz Opens an editable StackBlitz project with this snippet.

TSX (React)

import { OmnigraphProvider, useOmnigraphQuery, graphql } from "enskit/react/omnigraph";
import { createEnsNodeClient } from "enssdk/core";
import { omnigraph } from "enssdk/omnigraph";

const client = createEnsNodeClient({
  url: import.meta.env.VITE_ENSNODE_URL || "https://api.alpha.ensnode.io"
}).extend(omnigraph);

const GetEthDomainsQuery = graphql(`
  query GetEthDomains {
    domains(where: { name: { eq: "eth" } }) {
      edges {
        node {
          __typename
          id
        }
      }
    }
  }
`);

function GetEthDomainsResult() {
  const [result] = useOmnigraphQuery({
    query: GetEthDomainsQuery,
    variables: {},
  });
  const { data, fetching, error } = result;
  if (!data && fetching) return <p>Loading…</p>;
  if (error) return <p>Error: {error.message}</p>;
  if (!data) return <p>No data returned.</p>;
  const formatted = JSON.stringify(
    data,
    (_, value) => (typeof value === "bigint" ? value.toString() : value),
    2,
  );
  return <code>{formatted}</code>;
}

export default function App() {
  return (
    <OmnigraphProvider client={client}>
      <GetEthDomainsResult />
    </OmnigraphProvider>
  );
}

Output

{
  "data": {
    "domains": {
      "edges": [
        {
          "node": {
            "__typename": "ENSv2Domain",
            "id": "11155111-0x835f0b284e78cd3f358bcf6cba3b53809f09b79e-35894389512221139346028120028875095598761990588366713962827482865183915769856"
          }
        },
        {
          "node": {
            "__typename": "ENSv1Domain",
            "id": "11155111-0xb6fb46e1458915dd828633d91e1df8e4c3f2d4dd-0x93cdeb708b7545dc668eb9280176169d1c33cfd8ed6f04690a0bcc88a93fc4ae"
          }
        }
      ]
    }
  }
}

Output matches a point in time snapshot GraphQL response from our sepolia-v2 ENSNode instance. Live output depends on the configuration of your ENSNode instance and ENS state updates.

enskit package manager setup

npm pnpm

# 1. Create project
npm create vite@latest my-ens-app -- --template react-ts --no-interactive --no-immediate
cd my-ens-app
# 2. Install dependencies
npm install
npm install enskit@1.15.1 enssdk@1.15.1
# 3. Copy the TSX snippet above into src/App.tsx
# 4. Run
VITE_ENSNODE_URL=https://api.alpha.ensnode.io npm run dev

# 1. Create project
pnpm create vite@latest my-ens-app --template react-ts --no-interactive --no-immediate
cd my-ens-app
# 2. Install dependencies
pnpm install
pnpm add enskit@1.15.1 enssdk@1.15.1
# 3. Copy the TSX snippet above into src/App.tsx
# 4. Run
VITE_ENSNODE_URL=https://api.alpha.ensnode.io pnpm run dev

See the enskit docs for gql.tada plugin and provider setup.

cURL

# POST JSON to your ENSNode Omnigraph endpoint (same path enssdk uses).
curl -sS -X POST "https://api.v2-sepolia.ensnode.io/api/omnigraph" \
  -H "Content-Type: application/json" \
  -d '{
  "query": "query GetEthDomains { domains(where: { name: { eq: \"eth\" } }) { edges { node { __typename id } } } }",
  "variables": {}
}'

Response

{
  "data": {
    "domains": {
      "edges": [
        {
          "node": {
            "__typename": "ENSv2Domain",
            "id": "11155111-0x835f0b284e78cd3f358bcf6cba3b53809f09b79e-35894389512221139346028120028875095598761990588366713962827482865183915769856"
          }
        },
        {
          "node": {
            "__typename": "ENSv1Domain",
            "id": "11155111-0xb6fb46e1458915dd828633d91e1df8e4c3f2d4dd-0x93cdeb708b7545dc668eb9280176169d1c33cfd8ed6f04690a0bcc88a93fc4ae"
          }
        }
      ]
    }
  }
}

Output matches a point in time snapshot GraphQL response from our sepolia-v2 ENSNode instance. Live output depends on the configuration of your ENSNode instance and ENS state updates.

Back to Examples