refactor(packages): move ensnode-react into namehash-ui

.changeset/config.json

@@ -18,7 +18,6 @@
       "@ensnode/datasources",
       "@ensnode/ensrainbow-sdk",
       "@ensnode/ensdb-sdk",
-      "@ensnode/ensnode-react",
       "@ensnode/ensnode-sdk",
       "@ensnode/integration-test-env",
       "@ensnode/ponder-sdk",

.changeset/upset-kids-drop.md

@@ -0,0 +1,13 @@
+---
+"@namehash/namehash-ui": major
+"ensadmin": patch
+---
+
+Eliminate the `@ensnode/ensnode-react` package; its provider, context, hooks, and query utilities are now exported from `@namehash/namehash-ui`.
+
+## How to migrate
+
+- Replace `@ensnode/ensnode-react` imports with `@namehash/namehash-ui`
+- Import `QueryClient` from `@tanstack/react-query`
+- Import `ResolverRecordsSelection` from `@ensnode/ensnode-sdk`
+- `@tanstack/react-query` is now a peer dependency of `@namehash/namehash-ui`

.github/workflows/release.yml

@@ -102,7 +102,6 @@ jobs:
             map(select(
                  .name == "@ensnode/datasources"
               or .name == "@ensnode/ens-referrals"
-              or .name == "@ensnode/ensnode-react"
               or .name == "@ensnode/ensdb-sdk"
               or .name == "@ensnode/ensnode-sdk"
               or .name == "@ensnode/ensrainbow-sdk"

.github/workflows/release_preview.yml

@@ -298,7 +298,6 @@ jobs:
           \`\`\`bash
           # Install latest preview for this branch
           pnpm add @ensnode/datasources@${{ needs.validate-and-prepare.outputs.dist-tag }}
-          pnpm add @ensnode/ensnode-react@${{ needs.validate-and-prepare.outputs.dist-tag }}
           pnpm add @ensnode/ensrainbow-sdk@${{ needs.validate-and-prepare.outputs.dist-tag }}
           pnpm add @ensnode/ensdb-sdk@${{ needs.validate-and-prepare.outputs.dist-tag }}
           pnpm add @ensnode/ensnode-sdk@${{ needs.validate-and-prepare.outputs.dist-tag }}

AGENTS.md

@@ -11,7 +11,6 @@ ENSNode is a multichain ENS indexer monorepo. It indexes ENS names across multip
 - `apps/fallback-ensapi` — AWS Lambda fallback that proxies ENS Subgraph requests when ENSApi is unhealthy
 - `packages/ensdb-sdk` — SDK for interacting with data in ENSDb
 - `packages/ensnode-sdk` — SDK for interacting with ENSNode
-- `packages/ensnode-react` — React hooks and providers for ENSNode API
 - `packages/ensrainbow-sdk` — SDK for interacting with ENSRainbow
 - `packages/datasources` — Catalog of chain datasources (contracts, start blocks, event filters)
 - `packages/ponder-subgraph` — Hono middleware for Subgraph-compatible GraphQL

README.md

@@ -171,10 +171,6 @@ Software Development Kit for interacting with data in ENSDb.
 
 Software Development Kit for interacting with ENSNode services and data. Includes common utilities used across ENSNode applications.
 
-### [`packages/ensnode-react`](packages/ensnode-react)
-
-React hooks and providers for the ENSNode API.
-
 ### [`packages/datasources`](packages/datasources)
 
 Convenient catalog of ENSNode-related datasources including chain, contract addresses, start blocks, and event filters.

apps/ensadmin/package.json

@@ -23,7 +23,6 @@
   },
   "dependencies": {
     "@ensnode/datasources": "workspace:*",
-    "@ensnode/ensnode-react": "workspace:*",
     "@ensnode/ensnode-sdk": "workspace:*",
     "@ensnode/scalar-react": "workspace:*",
     "enssdk": "workspace:*",

apps/ensadmin/src/app/inspect/primary-name/page.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { AddressDisplay, getChainName } from "@namehash/namehash-ui";
+import { AddressDisplay, getChainName, usePrimaryName } from "@namehash/namehash-ui";
 import type { Address, DefaultableChainId } from "enssdk";
 import { DEFAULT_EVM_CHAIN_ID } from "enssdk";
 import { useRouter, useSearchParams } from "next/navigation";
@@ -9,7 +9,6 @@ import { useDebouncedValue } from "rooks";
 import { isAddress } from "viem";
 
 import { getENSRootChainId } from "@ensnode/datasources";
-import { usePrimaryName } from "@ensnode/ensnode-react";
 import { getNamespaceSpecificValue } from "@ensnode/ensnode-sdk";
 import { makeDefaultableChainIdStringSchema } from "@ensnode/ensnode-sdk/internal";
 

apps/ensadmin/src/app/inspect/primary-names/page.tsx

@@ -1,13 +1,12 @@
 "use client";
 
-import { AddressDisplay } from "@namehash/namehash-ui";
+import { AddressDisplay, usePrimaryNames } from "@namehash/namehash-ui";
 import type { Address } from "enssdk";
 import { useRouter, useSearchParams } from "next/navigation";
 import { useEffect, useMemo, useState } from "react";
 import { useDebouncedValue } from "rooks";
 import { isAddress } from "viem";
 
-import { usePrimaryNames } from "@ensnode/ensnode-react";
 import { getNamespaceSpecificValue } from "@ensnode/ensnode-sdk";
 
 import { RenderRequestsOutput } from "@/app/inspect/_components/render-requests-output";

apps/ensadmin/src/app/inspect/records/page.tsx

@@ -1,12 +1,12 @@
 "use client";
 
+import { useRecords } from "@namehash/namehash-ui";
 import type { Name } from "enssdk";
 // import { User } from "lucide-react";
 // import Link from "next/link";
 import { useRouter, useSearchParams } from "next/navigation";
 import { useEffect, useMemo, useState } from "react";
 
-import { useRecords } from "@ensnode/ensnode-react";
 import { getNamespaceSpecificValue } from "@ensnode/ensnode-sdk";
 
 import { RenderRequestsOutput } from "@/app/inspect/_components/render-requests-output";

apps/ensadmin/src/app/name/_components/NameDetailPageContent.tsx

@@ -1,8 +1,8 @@
 "use client";
 
+import { ASSUME_IMMUTABLE_QUERY, useRecords } from "@namehash/namehash-ui";
 import type { Name } from "enssdk";
 
-import { ASSUME_IMMUTABLE_QUERY, useRecords } from "@ensnode/ensnode-react";
 import type { ResolverRecordsSelection } from "@ensnode/ensnode-sdk";
 
 import { Card, CardContent } from "@/components/ui/card";

apps/ensadmin/src/components/indexing-status/use-indexing-status-with-swr.ts

@@ -1,18 +1,18 @@
 "use client";
 
-import { useNow } from "@namehash/namehash-ui";
-import { secondsToMilliseconds } from "date-fns";
-import type { Duration } from "enssdk";
-import { useCallback, useMemo } from "react";
-
 import {
   createIndexingStatusQueryOptions,
   QueryParameter,
   useEnsNodeProviderOptions,
   type useIndexingStatus,
+  useNow,
   useSwrQuery,
   WithEnsNodeProviderOptions,
-} from "@ensnode/ensnode-react";
+} from "@namehash/namehash-ui";
+import { secondsToMilliseconds } from "date-fns";
+import type { Duration } from "enssdk";
+import { useCallback, useMemo } from "react";
+
 import {
   type CrossChainIndexingStatusSnapshotOmnichain,
   createRealtimeIndexingStatusProjection,

apps/ensadmin/src/components/providers/selected-ensnode-provider.tsx

@@ -1,16 +1,15 @@
 "use client";
 
+import { createEnsNodeProviderOptions, EnsNodeProvider } from "@namehash/namehash-ui";
 import { type PropsWithChildren, useMemo } from "react";
 
-import { createEnsNodeProviderOptions, EnsNodeProvider } from "@ensnode/ensnode-react";
-
 import { useSelectedConnection } from "@/hooks/active/use-selected-connection";
 
 /**
  * Provider component that configures EnsNodeProvider with the currently
  * selected ENSNode connection.
  *
- * This component wraps the EnsNodeProvider from @ensnode/ensnode-react and
+ * This component wraps the EnsNodeProvider from @namehash/namehash-ui and
  * automatically configures it with the URL from the currently selected ENSNode
  * connection URL. It serves as a bridge between the ENSAdmin connection
  * management system and the ENSNode React hooks.

apps/ensadmin/src/components/registrar-actions/latest-registrar-actions.tsx

@@ -1,4 +1,5 @@
-import { useRegistrarActions } from "@ensnode/ensnode-react";
+import { useRegistrarActions } from "@namehash/namehash-ui";
+
 import { RegistrarActionsOrders, RegistrarActionsResponseCodes } from "@ensnode/ensnode-sdk";
 
 import { ErrorInfo } from "@/components/error-info";