Domain Resolver

This query loads both the assigned resolver and the ENSIP-10 effective resolver for a name.

omnigraphenssdkenskitcurl

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

GraphQL

query DomainResolver($name: InterpretedName!) {
  domain(by: { name: $name }) {
    resolver {
      # the Resolver explicitly assigned to this Domain
      assigned {
        contract { address }
      }
      # the Resolver that ENS Forward Resolution (ENSIP-10) actually lands
      # on for this Domain — i.e. its effective Resolver
      effective {
        contract { address }
      }
    }
  }
}

Variables

{
  "name": "jesse.base.eth"
}

Output

{
  "data": {
    "domain": {
      "resolver": {
        "assigned": {
          "contract": {
            "address": "0xc6d566a56a1aff6508b41f6c90ff131615583bcd"
          }
        },
        "effective": {
          "contract": {
            "address": "0xde9049636f4a1dfe0a64d1bfe3155c0a14c54f31"
          }
        }
      }
    }
  }
}

Output matches a point in time snapshot GraphQL response from our alpha 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 { asInterpretedName } from "enssdk";
import { graphql, omnigraph } from "enssdk/omnigraph";

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

const DomainResolverQuery = graphql(`
  query DomainResolver($name: InterpretedName!) {
    domain(by: { name: $name }) {
      resolver {
        # the Resolver explicitly assigned to this Domain
        assigned {
          contract { address }
        }
        # the Resolver that ENS Forward Resolution (ENSIP-10) actually lands
        # on for this Domain — i.e. its effective Resolver
        effective {
          contract { address }
        }
      }
    }
  }
`);

const result = await client.omnigraph.query({
  query: DomainResolverQuery,
  variables:   {
    name: asInterpretedName("jesse.base.eth"),
  },
});

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

Output

{
  "data": {
    "domain": {
      "resolver": {
        "assigned": {
          "contract": {
            "address": "0xc6d566a56a1aff6508b41f6c90ff131615583bcd"
          }
        },
        "effective": {
          "contract": {
            "address": "0xde9049636f4a1dfe0a64d1bfe3155c0a14c54f31"
          }
        }
      }
    }
  }
}

Output matches a point in time snapshot GraphQL response from our alpha 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.2 && 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.2 && 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 { asInterpretedName } from "enssdk";
import { omnigraph } from "enssdk/omnigraph";

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

const DomainResolverQuery = graphql(`
  query DomainResolver($name: InterpretedName!) {
    domain(by: { name: $name }) {
      resolver {
        # the Resolver explicitly assigned to this Domain
        assigned {
          contract { address }
        }
        # the Resolver that ENS Forward Resolution (ENSIP-10) actually lands
        # on for this Domain — i.e. its effective Resolver
        effective {
          contract { address }
        }
      }
    }
  }
`);

function DomainResolverResult() {
  const [result] = useOmnigraphQuery({
    query: DomainResolverQuery,
    variables:     {
      name: asInterpretedName("jesse.base.eth"),
    },
  });
  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}>
      <DomainResolverResult />
    </OmnigraphProvider>
  );
}

Output

{
  "data": {
    "domain": {
      "resolver": {
        "assigned": {
          "contract": {
            "address": "0xc6d566a56a1aff6508b41f6c90ff131615583bcd"
          }
        },
        "effective": {
          "contract": {
            "address": "0xde9049636f4a1dfe0a64d1bfe3155c0a14c54f31"
          }
        }
      }
    }
  }
}

Output matches a point in time snapshot GraphQL response from our alpha 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.2 enssdk@1.15.2
# 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.2 enssdk@1.15.2
# 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.alpha.ensnode.io/api/omnigraph" \
  -H "Content-Type: application/json" \
  -d '{
  "query": "query DomainResolver($name: InterpretedName!) { domain(by: { name: $name }) { resolver { assigned { contract { address } } effective { contract { address } } } } }",
  "variables": {"name":"jesse.base.eth"}
}'

Response

{
  "data": {
    "domain": {
      "resolver": {
        "assigned": {
          "contract": {
            "address": "0xc6d566a56a1aff6508b41f6c90ff131615583bcd"
          }
        },
        "effective": {
          "contract": {
            "address": "0xde9049636f4a1dfe0a64d1bfe3155c0a14c54f31"
          }
        }
      }
    }
  }
}

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

Back to Examples