Offchain Name

Resolve an offchain (CCIP-Read) name. Resolvable-but-unindexed names surface as an `UnindexedDomain` instead of returning `null`.

omnigraphenssdkenskitcurl

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

GraphQL

query OffchainName($name: InterpretedName!) {
  domain(by: { name: $name }) {
    # Resolvable-but-unindexed names (offchain / CCIP-Read) surface as UnindexedDomain
    __typename
    id
    canonical { name { interpreted } }
    resolver {
      # the wildcard Resolver that ENS Forward Resolution (ENSIP-10) lands on
      effective {
        extended
        contract { chainId address }
      }
    }
    resolve {
      records {
        addresses(coinTypes: [60]) { coinType address }
        texts(keys: ["avatar", "com.twitter", "description"]) { key value }
      }
    }
  }
}

Variables

{
  "name": "patricio.onpoap.eth"
}

Output

{
  "data": {
    "domain": {
      "__typename": "UnindexedDomain",
      "id": "unindexed-1-0x00000000000c2e074ec69a0dfb2997ba6c7d2e1e-0x93cdeb708b7545dc668eb9280176169d1c33cfd8ed6f04690a0bcc88a93fc4ae-0xe808c6fcb243982a403d6d2157d91467a287ca493d65a4f08f054693d63b7224",
      "canonical": {
        "name": {
          "interpreted": "patricio.onpoap.eth"
        }
      },
      "resolver": {
        "effective": {
          "extended": true,
          "contract": {
            "chainId": 1,
            "address": "0xe5a0277018879679d18ccdb66b52bd06f7fe95fd"
          }
        }
      },
      "resolve": {
        "records": {
          "addresses": [
            {
              "coinType": 60,
              "address": "0x511484296e7bcb33582dbb0861b6921b40e54330"
            }
          ],
          "texts": [
            {
              "key": "avatar",
              "value": null
            },
            {
              "key": "com.twitter",
              "value": null
            },
            {
              "key": "description",
              "value": null
            }
          ]
        }
      }
    }
  }
}

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 OffchainNameQuery = graphql(`
  query OffchainName($name: InterpretedName!) {
    domain(by: { name: $name }) {
      # Resolvable-but-unindexed names (offchain / CCIP-Read) surface as UnindexedDomain
      __typename
      id
      canonical { name { interpreted } }
      resolver {
        # the wildcard Resolver that ENS Forward Resolution (ENSIP-10) lands on
        effective {
          extended
          contract { chainId address }
        }
      }
      resolve {
        records {
          addresses(coinTypes: [60]) { coinType address }
          texts(keys: ["avatar", "com.twitter", "description"]) { key value }
        }
      }
    }
  }
`);

const result = await client.omnigraph.query({
  query: OffchainNameQuery,
  variables:   {
    name: asInterpretedName("patricio.onpoap.eth"),
  },
});

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

Output

{
  "data": {
    "domain": {
      "__typename": "UnindexedDomain",
      "id": "unindexed-1-0x00000000000c2e074ec69a0dfb2997ba6c7d2e1e-0x93cdeb708b7545dc668eb9280176169d1c33cfd8ed6f04690a0bcc88a93fc4ae-0xe808c6fcb243982a403d6d2157d91467a287ca493d65a4f08f054693d63b7224",
      "canonical": {
        "name": {
          "interpreted": "patricio.onpoap.eth"
        }
      },
      "resolver": {
        "effective": {
          "extended": true,
          "contract": {
            "chainId": 1,
            "address": "0xe5a0277018879679d18ccdb66b52bd06f7fe95fd"
          }
        }
      },
      "resolve": {
        "records": {
          "addresses": [
            {
              "coinType": 60,
              "address": "0x511484296e7bcb33582dbb0861b6921b40e54330"
            }
          ],
          "texts": [
            {
              "key": "avatar",
              "value": null
            },
            {
              "key": "com.twitter",
              "value": null
            },
            {
              "key": "description",
              "value": null
            }
          ]
        }
      }
    }
  }
}

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 OffchainNameQuery = graphql(`
  query OffchainName($name: InterpretedName!) {
    domain(by: { name: $name }) {
      # Resolvable-but-unindexed names (offchain / CCIP-Read) surface as UnindexedDomain
      __typename
      id
      canonical { name { interpreted } }
      resolver {
        # the wildcard Resolver that ENS Forward Resolution (ENSIP-10) lands on
        effective {
          extended
          contract { chainId address }
        }
      }
      resolve {
        records {
          addresses(coinTypes: [60]) { coinType address }
          texts(keys: ["avatar", "com.twitter", "description"]) { key value }
        }
      }
    }
  }
`);

function OffchainNameResult() {
  const [result] = useOmnigraphQuery({
    query: OffchainNameQuery,
    variables:     {
      name: asInterpretedName("patricio.onpoap.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}>
      <OffchainNameResult />
    </OmnigraphProvider>
  );
}

Output

{
  "data": {
    "domain": {
      "__typename": "UnindexedDomain",
      "id": "unindexed-1-0x00000000000c2e074ec69a0dfb2997ba6c7d2e1e-0x93cdeb708b7545dc668eb9280176169d1c33cfd8ed6f04690a0bcc88a93fc4ae-0xe808c6fcb243982a403d6d2157d91467a287ca493d65a4f08f054693d63b7224",
      "canonical": {
        "name": {
          "interpreted": "patricio.onpoap.eth"
        }
      },
      "resolver": {
        "effective": {
          "extended": true,
          "contract": {
            "chainId": 1,
            "address": "0xe5a0277018879679d18ccdb66b52bd06f7fe95fd"
          }
        }
      },
      "resolve": {
        "records": {
          "addresses": [
            {
              "coinType": 60,
              "address": "0x511484296e7bcb33582dbb0861b6921b40e54330"
            }
          ],
          "texts": [
            {
              "key": "avatar",
              "value": null
            },
            {
              "key": "com.twitter",
              "value": null
            },
            {
              "key": "description",
              "value": null
            }
          ]
        }
      }
    }
  }
}

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 OffchainName($name: InterpretedName!) { domain(by: { name: $name }) { # Resolvable-but-unindexed names (offchain / CCIP-Read) surface as UnindexedDomain __typename id canonical { name { interpreted } } resolver { # the wildcard Resolver that ENS Forward Resolution (ENSIP-10) lands on effective { extended contract { chainId address } } } resolve { records { addresses(coinTypes: [60]) { coinType address } texts(keys: [\"avatar\", \"com.twitter\", \"description\"]) { key value } } } } }",
  "variables": {"name":"patricio.onpoap.eth"}
}'

Response

{
  "data": {
    "domain": {
      "__typename": "UnindexedDomain",
      "id": "unindexed-1-0x00000000000c2e074ec69a0dfb2997ba6c7d2e1e-0x93cdeb708b7545dc668eb9280176169d1c33cfd8ed6f04690a0bcc88a93fc4ae-0xe808c6fcb243982a403d6d2157d91467a287ca493d65a4f08f054693d63b7224",
      "canonical": {
        "name": {
          "interpreted": "patricio.onpoap.eth"
        }
      },
      "resolver": {
        "effective": {
          "extended": true,
          "contract": {
            "chainId": 1,
            "address": "0xe5a0277018879679d18ccdb66b52bd06f7fe95fd"
          }
        }
      },
      "resolve": {
        "records": {
          "addresses": [
            {
              "coinType": 60,
              "address": "0x511484296e7bcb33582dbb0861b6921b40e54330"
            }
          ],
          "texts": [
            {
              "key": "avatar",
              "value": null
            },
            {
              "key": "com.twitter",
              "value": null
            },
            {
              "key": "description",
              "value": null
            }
          ]
        }
      }
    }
  }
}

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