4 |
8 | );
9 | };
10 |
--------------------------------------------------------------------------------
/app/src/components/icons/XIcon.tsx:
--------------------------------------------------------------------------------
1 | export const XIcon = (properties) => {
2 | return (
3 |
12 | );
13 | };
14 |
--------------------------------------------------------------------------------
/docs/disappeared.mdx:
--------------------------------------------------------------------------------
1 | {/** @type {import('@/lib/mdxPageProps').MdxMetaProps} */}
2 | export const meta = {
3 | description: 'It looks like this page no longer exists.',
4 | title: 'Whoops'
5 | };
6 |
7 | # Whoops
8 |
9 | It appears this page doesn't exist anymore...
10 |
11 | -
5 | {children}
6 |
15 |
--------------------------------------------------------------------------------
/app/src/components/icons/MenuIcon.tsx:
--------------------------------------------------------------------------------
1 | export const MenuIcon = (properties) => {
2 | return (
3 |
12 | );
13 | };
14 |
--------------------------------------------------------------------------------
/app/src/components/mdx/Col.tsx:
--------------------------------------------------------------------------------
1 | import clsx from 'clsx';
2 |
3 | export const Col = ({ children, sticky = false }) => {
4 | return (
5 | :first-child]:mt-0 [&>:last-child]:mb-0',
8 | sticky && 'xl:sticky xl:top-24'
9 | )}
10 | >
11 | {children}
12 |
13 | );
14 | };
15 |
--------------------------------------------------------------------------------
/app/src/components/TruncatedAddress.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 |
3 | import { formatAddress } from 'ens-tools';
4 | import { FC } from 'react';
5 |
6 | export const TruncatedAddress: FC<{ address?: string }> = ({ address }) => {
7 | try {
8 | return <>{formatAddress(address)};
9 | } catch (error) {
10 | return <>{'FAILED TO TRUNCATE ADDRESS' + JSON.stringify(error)};
11 | }
12 | };
13 |
--------------------------------------------------------------------------------
/app/src/components/mdx/heading/h2.tsx:
--------------------------------------------------------------------------------
1 | import { Heading } from '.';
2 |
3 | export const h2 = function H2(properties) {
4 | return Unsupported Repository Type
; 16 | 17 | return
10 | {tag && {tag} }
11 | {tag && label && (
12 |
13 | )}
14 | {label && (
15 | {label}
16 | )}
17 |
18 | );
19 | };
20 |
--------------------------------------------------------------------------------
/app/src/layout/sidebar/Sidebar.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 |
3 | import { motion } from 'framer-motion';
4 | import { usePathname } from 'next/navigation';
5 |
6 | import { Navigation } from './_legacy/sidenav';
7 |
8 | export const Sidebar = () => {
9 | const pathname = usePathname();
10 |
11 | if (pathname === '/') return;
12 |
13 | return (
14 |
9 |
19 | );
20 | };
21 |
--------------------------------------------------------------------------------
/app/src/components/icons/ChatBubbleIcon.tsx:
--------------------------------------------------------------------------------
1 | export const ChatBubbleIcon = (properties) => {
2 | return (
3 |
16 | );
17 | };
18 |
--------------------------------------------------------------------------------
/app/public/fallback.svg:
--------------------------------------------------------------------------------
1 |
15 |
--------------------------------------------------------------------------------
/app/src/components/icons/ShapesIcon.tsx:
--------------------------------------------------------------------------------
1 | export const ShapesIcon = (properties) => {
2 | return (
3 |
16 | );
17 | };
18 |
--------------------------------------------------------------------------------
/app/src/layout/header/search/types/result.ts:
--------------------------------------------------------------------------------
1 | export type MatchesPosition = { start: number; length: number }[];
2 |
3 | export type SearchEntry = {
4 | slug: string;
5 | title: string;
6 | description: string;
7 | emoji: string;
8 | _formatted: {
9 | content: string;
10 | slug: string;
11 | title: string;
12 | description: string;
13 | };
14 | _matchesPosition: {
15 | content: MatchesPosition;
16 | slug: MatchesPosition;
17 | title: MatchesPosition;
18 | description: MatchesPosition;
19 | };
20 | };
21 |
22 | export type SearchResult = {
23 | estimatedTotalHits: number;
24 | hits: SearchEntry[];
25 | limit: number;
26 | offset: number;
27 | processingTimeMs: number;
28 | };
29 |
--------------------------------------------------------------------------------
/app/src/components/icons/SquaresPlusIcon.tsx:
--------------------------------------------------------------------------------
1 | export const SquaresPlusIcon = (properties) => {
2 | return (
3 |
16 | );
17 | };
18 |
--------------------------------------------------------------------------------
/app/src/components/mdx/Note.tsx:
--------------------------------------------------------------------------------
1 | import { InfoIcon } from '../icons/InfoIcon';
2 |
3 | export const Note = ({ children }) => {
4 | return (
5 | Resolver (address):
10 |
11 | setOwner(event.target.value)}
14 | className="input"
15 | placeholder="0x225f137127d9067788314bc7fcc1f36746a3c3B5"
16 | />
17 |
18 |
6 |
11 | );
12 | };
13 |
--------------------------------------------------------------------------------
/app/public/icons/libraries/ethers.svg:
--------------------------------------------------------------------------------
1 |
5 |
--------------------------------------------------------------------------------
/app/src/components/icons/MapPinIcon.tsx:
--------------------------------------------------------------------------------
1 | export const MapPinIcon = (properties) => {
2 | return (
3 |
18 | );
19 | };
20 |
--------------------------------------------------------------------------------
/app/local/content/extras/index.ts:
--------------------------------------------------------------------------------
1 | import { ChainDeployments } from './deployments/deployment';
2 | import { DNSUsageExamples } from './dns/DNSUsageExamples';
3 | import { QuickBannerLink } from './home/QuickLink';
4 | import { Icons } from './icons/NotIcon';
5 | import { LinkCard } from './linkcard/LinkCard';
6 | import { SmartContractMap } from './smartcontractmap/SmartContractMap';
7 | import { DNSGrid } from './tld-list/DNSGrid';
8 | import { TLDList } from './tld-list/TLDList';
9 | import { Usertag } from './usertag/Usertag';
10 | import { VideoGallery } from './videos/VideoGallery';
11 |
12 | export const extras = {
13 | DNSUsageExamples,
14 | QuickBannerLink,
15 | Usertag,
16 | ChainDeployments,
17 | TLDList,
18 | DNSGrid,
19 | SmartContractMap,
20 | Icons,
21 | LinkCard,
22 | VideoGallery,
23 | };
24 |
--------------------------------------------------------------------------------
/app/local/content/prose/code/Code.tsx:
--------------------------------------------------------------------------------
1 | import { FC, PropsWithChildren } from 'react';
2 |
3 | import {
4 | CodePanel,
5 | CodePanelProperties,
6 | } from '#/content/prose/code/snippet/CodeSnippet';
7 |
8 | import { CodeGroup } from './group/CodeGroup';
9 |
10 | export function Code({ children, ...properties }) {
11 | return (
12 |
8 | {children}
9 |
10 | -
5 |
- Name 6 |
-
7 |
{name}8 |
9 | - Type 10 |
- 11 | {type} 12 | 13 |
- Description 14 |
- 15 | {children} 16 | 17 |
14 |
22 | );
23 | };
24 |
--------------------------------------------------------------------------------
/app/src/components/icons/FolderIcon.tsx:
--------------------------------------------------------------------------------
1 | export const FolderIcon = (properties) => {
2 | return (
3 |
21 | );
22 | };
23 |
--------------------------------------------------------------------------------
/app/public/icons/legacy/logos/verified.svg:
--------------------------------------------------------------------------------
1 |
2 |
5 |
--------------------------------------------------------------------------------
/app/public/content/learn/immunefi.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/app/local/content/demos/ethregistry/inputs/LabelField.tsx:
--------------------------------------------------------------------------------
1 | import { FC } from 'react';
2 |
3 | export const LabelField: FC<{
4 | label: string;
5 | setLabel: (_label: string) => void;
6 | }> = ({ label, setLabel }) => {
7 | const id = 'label'; // TODO:
8 |
9 | return (
10 |
15 |
18 | {title}
16 | {showConnect &&
17 |
19 | {children}
20 |
21 |
11 |
17 |
28 | );
29 | };
30 |
--------------------------------------------------------------------------------
/app/local/content/demos/ethregistry/hooks/useRentPrice.ts:
--------------------------------------------------------------------------------
1 | import { mainnet, sepolia } from 'viem/chains';
2 | import { useChainId, useReadContract } from 'wagmi';
3 |
4 | import { ETHRegistrarABI } from '../ETHRegistryABI';
5 |
6 | const deployments = {
7 | [mainnet.id]: '0x253553366Da8546fC250F225fe3d25d0C782303b',
8 | [sepolia.id]: '0xFED6a969AaA60E4961FCD3EBF1A2e8913ac65B72',
9 | };
10 |
11 | export const useRentPrice = (name: string, duration: number) => {
12 | const chainId = useChainId();
13 |
14 | const { data, isLoading } = useReadContract({
15 | address: deployments[chainId] as `0x${string}`,
16 | abi: ETHRegistrarABI,
17 | functionName: 'rentPrice',
18 | args: [name, duration],
19 | // enabled: !!name && name.length >= 3 && !!duration && duration > 0,
20 | chainId,
21 | });
22 |
23 | return {
24 | rentPrice: data as { base: bigint; premium: bigint },
25 | isLoadingRentPrice: isLoading,
26 | };
27 | };
28 |
--------------------------------------------------------------------------------
/docs/changelog.mdx:
--------------------------------------------------------------------------------
1 | import { WIP } from "@/components/wip/WIP";
2 |
3 | {/** @type {import('@/lib/mdxPageProps').MdxMetaProps} */}
4 | export const meta = {
5 | title: 'Changelog',
6 | description: 'A list of changes and events that happened to the protocol.',
7 | emoji: '📝',
8 | contributors: [
9 | 'luc.eth'
10 | ]
11 | };
12 |
13 | # 📝 Changelog
14 |
15 | This page contains a list of changes and events that happened to the ENS protocol & ecosystem.
16 |
17 | ## ENSv2 Announcement
18 |
19 | On March 28th, 2024 the ENS Labs team announced our plans and roadmap for scaling ENS to the entire internet and beyond.
20 | This involves migrating .eth registrations to a brand new system, in addition to improving support for existing L2 solutions.
21 | You can read more [on our blog](https://blog.ens.domains/post/ensv2), [on X](https://twitter.com/ensdomains/status/1795440186513576318), and [the forums](https://discuss.ens.domains/t/technical-feedback-thread-for-ensv2/19233).
22 |
23 |
--------------------------------------------------------------------------------
/app/local/content/prose/link/ALink.tsx:
--------------------------------------------------------------------------------
1 | import clsx from 'clsx';
2 | import Link, { LinkProps } from 'next/link';
3 | import React, { FC } from 'react';
4 | import { FiExternalLink } from 'react-icons/fi';
5 |
6 | export const ALink: FC<
7 | React.AnchorHTMLAttributes
18 | setLabel(event.target.value)}
21 | className="input"
22 | placeholder="test123"
23 | name="label"
24 | />
25 |
27 | .eth
26 |
14 |
15 |
16 | 
setFailedToLoad(true)}
24 | />
25 |
26 | );
27 | };
28 |
--------------------------------------------------------------------------------
/app/public/icons/legacy/logos/ethers.svg:
--------------------------------------------------------------------------------
1 |
2 |
7 |
--------------------------------------------------------------------------------
/app/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "baseUrl": ".",
4 | "paths": {
5 | "@/*": ["src/*"],
6 | "#/*": ["local/*"]
7 | },
8 | "target": "es5",
9 | "lib": ["dom", "dom.iterable", "esnext"],
10 | "downlevelIteration": true,
11 | "allowJs": true,
12 | "skipLibCheck": true,
13 | "strict": false,
14 | "forceConsistentCasingInFileNames": true,
15 | "noEmit": true,
16 | "incremental": true,
17 | "esModuleInterop": true,
18 | "module": "esnext",
19 | "moduleResolution": "node",
20 | "resolveJsonModule": true,
21 | "isolatedModules": true,
22 | "jsx": "preserve",
23 | "plugins": [
24 | {
25 | "name": "next"
26 | }
27 | ]
28 | },
29 | "include": [
30 | "src/next-env.d.ts",
31 | "**/*.ts",
32 | "**/*.tsx",
33 | "src/components/SectionProvider.jsx",
34 | ".next/types/**/*.ts"
35 | ],
36 | "exclude": ["node_modules", "scripts"]
37 | }
38 |
--------------------------------------------------------------------------------
/docs/web/libraries.mdx:
--------------------------------------------------------------------------------
1 | import { Libraries, ensLibraries } from '@/components/Libraries';
2 | import { ConnectKits } from '@/components/ConnectKits';
3 |
4 | {/** @type {import('@/lib/mdxPageProps').MdxMetaProps} */}
5 | export const meta = {
6 | description: '',
7 | emoji: '🛠️',
8 | contributors: [
9 | 'luc.eth',
10 | 'antony1060.eth'
11 | ]
12 | };
13 |
14 | # Tools & Libraries
15 |
16 | There are many ways you can interface with the Ethereum smart contracts. {{ className: 'lead' }}
17 |
18 | ## Quickstart Kits
19 |
20 | There are a few plug-and-play kits that you can use to jumpstart your project. These kits will include everything you need to have users connect their wallet, have names showing, avatars, and more, right out of the box!
21 |
22 |
18 |
31 | Article Not Found
26 |It doesn't look like this page exists...
27 | 30 |
6 |
26 | );
27 | };
28 |
--------------------------------------------------------------------------------
/app/local/content/extras/usertag/Usertag.tsx:
--------------------------------------------------------------------------------
1 | import { FC } from 'react';
2 |
3 | export type UsertagVariant = 'full' | 'small';
4 |
5 | export const Usertag: FC<{
6 | name?: string;
7 | image?: string;
8 | variant?: UsertagVariant;
9 | }> = ({ name = 'nick.eth', image = '/nick.eth.png', variant = 'full' }) => {
10 | return (
11 |
7 |
25 | 8 | 🚧 This page is work in progress 🚧 9 |
10 |11 | 🏗️👷This page is still under construction. Check back at a 12 | later date to see more! 13 |
14 | {missing && ( 15 |
16 |
23 | )}
24 | This page is still missing:
17 | -
18 | {missing.map((m, index) => (
19 |
- - {m} 20 | ))} 21 |
12 |
27 | );
28 | };
29 |
--------------------------------------------------------------------------------
/app/local/content/demos/ethregistry/inputs/GenerateSecret.tsx:
--------------------------------------------------------------------------------
1 | import { FC } from 'react';
2 | import { FiRefreshCcw } from 'react-icons/fi';
3 |
4 | import { Button } from '@/components/Button';
5 |
6 | export const GenerateSecret: FC<{
7 | secret: string;
8 | setSecret: (secret: string) => void;
9 | }> = ({ secret, setSecret }) => {
10 | return (
11 |
13 | {variant == 'full' && (
14 |
26 |
15 | 
20 |
21 | )}
22 |
23 | {name}
24 |
25 |
12 |
32 | );
33 | };
34 |
--------------------------------------------------------------------------------
/app/public/icons/libraries/family.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/app/local/content/demos/ethregistry/inputs/OwnerField.tsx:
--------------------------------------------------------------------------------
1 | import { FC } from 'react';
2 | import { useAccount } from 'wagmi';
3 |
4 | import { Button } from '@/components/Button';
5 |
6 | export const OwnerField: FC<{
7 | owner: string;
8 | setOwner: (_owner: string) => void;
9 | }> = ({ owner, setOwner }) => {
10 | const { address } = useAccount();
11 |
12 | return (
13 | Secret (random bytes32):
13 |
14 | setSecret(event.target.value)}
17 | className="input"
18 | placeholder="0x0000000000000000000000000000000000000000000000000000000000000000"
19 | />
20 |
30 |
31 |
14 |
17 |
36 | );
37 | };
38 |
--------------------------------------------------------------------------------
/app/local/content/demos/ethregistry/hooks/useCommitment.ts:
--------------------------------------------------------------------------------
1 | import { mainnet, sepolia } from 'viem/chains';
2 | import { useChainId, useReadContract } from 'wagmi';
3 |
4 | import { ETHRegistrarABI } from '../ETHRegistryABI';
5 |
6 | const deployments = {
7 | [mainnet.id]: '0x253553366Da8546fC250F225fe3d25d0C782303b',
8 | [sepolia.id]: '0xFED6a969AaA60E4961FCD3EBF1A2e8913ac65B72',
9 | };
10 |
11 | export const useCommitment = (
12 | name: string,
13 | owner: string,
14 | duration: number,
15 | secret: string,
16 | resolver: string
17 | ) => {
18 | const chainId = useChainId();
19 |
20 | const { data, isLoading } = useReadContract({
21 | address: deployments[chainId] as `0x${string}`,
22 | abi: ETHRegistrarABI,
23 | functionName: 'makeCommitment',
24 | args: [name, owner, duration, secret, resolver, [], false, 0],
25 | // enabled:
26 | // !!name &&
27 | // name.length >= 3 &&
28 | // !!owner &&
29 | // !!duration &&
30 | // duration > 0 &&
31 | // !!secret &&
32 | // !!resolver,
33 | chainId,
34 | });
35 |
36 | return {
37 | commithash: data as string,
38 | isLoadingCommithash: isLoading,
39 | };
40 | };
41 |
--------------------------------------------------------------------------------
/app/public/icons/legacy/logos/wagmi.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/app/src/lib/metadata.ts:
--------------------------------------------------------------------------------
1 | import { deepmerge } from 'deepmerge-ts';
2 | import { Metadata, ResolvedMetadata } from 'next';
3 |
4 | type CreateMetadataOptions = {
5 | title: string;
6 | description?: string;
7 | path: string;
8 | };
9 |
10 | export const createMetadata = (
11 | options: CreateMetadataOptions,
12 | parentMetadata?: ResolvedMetadata,
13 | extras?: Metadata
14 | ): Metadata => {
15 | const { title, path } = options;
16 | const description =
17 | options.description ?? parentMetadata?.description ?? undefined;
18 |
19 | const base: Metadata = {
20 | // For some reason Next.js is returning a very weird object for `metadataBase`
21 | // from the parentMetadata, so we need to always set it here even if it is
22 | // already set in app/layout.tsx
23 | metadataBase: new URL('https://docs.ens.domains'),
24 | title,
25 | description,
26 | alternates: {
27 | canonical: path,
28 | },
29 | openGraph: {
30 | title,
31 | description,
32 | url: path,
33 | },
34 | twitter: {
35 | title,
36 | description,
37 | },
38 | };
39 |
40 | return deepmerge(parentMetadata, base, extras ?? {});
41 | };
42 |
--------------------------------------------------------------------------------
/app/app/page.tsx:
--------------------------------------------------------------------------------
1 | import { getPageBySlug } from 'data/get_page';
2 | import { ResolvingMetadata } from 'next';
3 |
4 | import { Layout } from '@/layout/PageLayout';
5 | import { createMetadata } from '@/lib/metadata';
6 |
7 | export const generateMetadata = async (_x: any, parent: ResolvingMetadata) => {
8 | const {
9 | pageProperties: { meta },
10 | } = await getPageBySlug('index');
11 | const parentMetadata = await parent;
12 |
13 | return createMetadata(
14 | {
15 | title: 'ENS Documentation',
16 | description: meta.description,
17 | path: '/',
18 | },
19 | parentMetadata,
20 | {
21 | twitter: {
22 | card: 'summary_large_image',
23 | },
24 | openGraph: {
25 | type: 'article',
26 | images: '/opengraph.png',
27 | },
28 | }
29 | );
30 | };
31 |
32 | export default async function Page() {
33 | const { Page, pageProperties } = await getPageBySlug('index');
34 |
35 | return (
36 |
18 | setOwner(event.target.value)}
21 | className="input"
22 | placeholder="0x225f137127d9067788314bc7fcc1f36746a3c3B5"
23 | />
24 | {address && (
25 |
33 | )}
34 |
35 |
17 | {image && }
18 |
19 |
20 |
27 |
28 | );
29 | };
30 |
--------------------------------------------------------------------------------
/app/src/components/mdx/heading/Anchor.tsx:
--------------------------------------------------------------------------------
1 | import Link from 'next/link';
2 |
3 | export const AnchorIcon = (properties) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export const Anchor = ({ id, inView, children }) => {
18 | return (
19 |
21 |
26 |
22 | {title}
23 |
24 | {description}
25 |
20 | {children}
21 |
25 | {inView && (
26 |
34 | );
35 | };
36 |
--------------------------------------------------------------------------------
/app/local/data/blockchain_explorers.ts:
--------------------------------------------------------------------------------
1 | import { holesky, mainnet, sepolia } from 'viem/chains';
2 |
3 | type BlockchainExplorer = {
4 | name: string;
5 | contract_url?: string;
6 | account_url?: string;
7 | name_url?: string;
8 | };
9 |
10 | export const BLOCKCHAIN_EXPLORERS: Record
27 |
31 | )}
32 |
33 |
28 |
30 |
23 | {title && (
24 | entry.data)}
31 | identifier={identifier}
32 | presets={presets}
33 | />
34 | )}
35 |
36 | );
37 | };
38 |
--------------------------------------------------------------------------------
/app/src/layout/header/search/lib/fetcher.ts:
--------------------------------------------------------------------------------
1 | import { Fetcher } from 'swr';
2 |
3 | import { SearchResult } from '../types/result';
4 |
5 | export const searchFetcher: Fetcher<
6 | SearchResult,
7 | { search: string; tag: string }
8 | > = async ({ search, tag }) => {
9 | // @ts-ignore
10 | const result = await fetch(
11 | 'https://search.v3x.systems/indexes/ens-docs/search',
12 | {
13 | method: 'POST',
14 | headers: {
15 | 'Content-Type': 'application/json',
16 | Authorization:
17 | 'Bearer b77dacb494c3272351784097847e34c59b22510b30aa0ed662f1e79e1df658a0',
18 | } as any,
19 | body: JSON.stringify({
20 | q: search,
21 | limit: 5,
22 | showMatchesPosition: true,
23 | attributesToCrop: ['content'],
24 | attributesToRetrieve: [
25 | 'title',
26 | 'slug',
27 | 'description',
28 | 'authors',
29 | 'tag',
30 | 'emoji',
31 | ],
32 | filter: tag === 'All' ? undefined : `tag = '${tag}'`,
33 | cropLength: 10,
34 | attributesToHighlight: ['content', 'title'],
35 | }) as any,
36 | }
37 | );
38 |
39 | return result.json();
40 | };
41 |
--------------------------------------------------------------------------------
/app/public/icons/legacy/logos/php.svg:
--------------------------------------------------------------------------------
1 |
11 |
--------------------------------------------------------------------------------
/app/src/components/ModeToggle.tsx:
--------------------------------------------------------------------------------
1 | import { MoonIcon } from '@/components/icons/MoonIcon';
2 | import { SunIcon } from '@/components/icons/SunIcon';
3 |
4 | function disableTransitionsTemporarily() {
5 | document.documentElement.classList.add('[&_*]:!transition-none');
6 | window.setTimeout(() => {
7 | document.documentElement.classList.remove('[&_*]:!transition-none');
8 | }, 0);
9 | }
10 |
11 | function toggleMode() {
12 | disableTransitionsTemporarily();
13 |
14 | const darkModeMediaQuery = window.matchMedia(
15 | '(prefers-color-scheme: dark)'
16 | );
17 | const isSystemDarkMode = darkModeMediaQuery.matches;
18 | const isDarkMode = document.documentElement.classList.toggle('dark');
19 |
20 | if (isDarkMode === isSystemDarkMode) {
21 | delete window.localStorage.isDarkMode;
22 | } else {
23 | window.localStorage.isDarkMode = isDarkMode;
24 | }
25 | }
26 |
27 | export function ModeToggle() {
28 | return (
29 |
38 | );
39 | }
40 |
--------------------------------------------------------------------------------
/app/app/content-metadata.json/route.ts:
--------------------------------------------------------------------------------
1 | import { getPageBySlug } from 'data/get_page';
2 | import { getAllPageSlugs } from 'data/get_pages';
3 | import { NextResponse } from 'next/server';
4 |
5 | import { navigation } from '../../local/config/navigation';
6 |
7 | const { protocol } = navigation;
8 |
9 | export async function GET() {
10 | if (process.env.NODE_ENV !== 'production') return NextResponse.json([]);
11 |
12 | console.log('🔍 Generating Search Index');
13 |
14 | const slugs = await getAllPageSlugs();
15 |
16 | const posts = await Promise.all(
17 | slugs.map(async (slug) => {
18 | const tag =
19 | protocol.find((section) => {
20 | if (slug == 'index' && section.name == 'Intro') return true;
21 |
22 | if (slug == 'dissapeared') return false;
23 |
24 | return section.activePattern.test(`/${slug}`);
25 | })?.name || '';
26 | const { pageProperties } = await getPageBySlug(slug);
27 |
28 | return {
29 | pageProperties,
30 | slug,
31 | tag,
32 | };
33 | })
34 | );
35 |
36 | const data = posts.map((post) => ({
37 | ...post.pageProperties.meta,
38 | id: post.slug.replace('/', '--').replace(/[^\w-]/g, ''),
39 | slug: post.slug,
40 | tag: post.tag,
41 | }));
42 |
43 | return NextResponse.json(data);
44 | }
45 |
--------------------------------------------------------------------------------
/app/app/sitemap.ts:
--------------------------------------------------------------------------------
1 | import { glob } from 'glob';
2 | import { MetadataRoute } from 'next';
3 | import { join } from 'node:path';
4 | import simpleGit from 'simple-git';
5 |
6 | const SLUG_IGNORE = new Set(['dissapeared']);
7 |
8 | const processSlugs = (slug: string) => {
9 | return slug.replace('index', '');
10 | };
11 |
12 | const getGitLastUpdatedTimeStamp = async (slug: string) => {
13 | const git = simpleGit({
14 | baseDir: process.cwd().replace(/\/app$/, ''),
15 | });
16 | const lastUpdatedTimeStamp = await git.log({
17 | file: process.cwd().replace(/\/app$/, '') + `/docs/${slug}`,
18 | });
19 |
20 | return new Date(lastUpdatedTimeStamp.latest.date);
21 | };
22 |
23 | export default async function sitemap(): Promise
25 | {title}
26 |
27 | )}
28 | {hasTabs && (
29 |
19 |
26 |
27 | ## Bounties 💸
28 |
29 | Reward sizes are guided by the rules below, but are in the end, determined at the sole discretion of the ENS Labs team.
30 |
31 | ### Smart Contracts
32 |
33 | - **Critical**: up to $250,000 USD
34 | - **High**: up to $150,000 USD
35 | - **Medium**: up to $100,000 USD
36 | - **Low**: up to $20,000 USD
37 |
38 | ### Websites and Applications
39 |
40 | - **Critical**: up to $50,000 USD
41 | - **High**: up to $20,000 USD
42 | - **Medium**: up to $2,500 USD
43 | - **Low**: up to $1,000 USD
44 |
45 | The ENS Labs team reserves the right to adjust bounty amounts at any time in the future.
46 |
--------------------------------------------------------------------------------
/app/src/components/GridPattern.tsx:
--------------------------------------------------------------------------------
1 | import { useId } from 'react';
2 |
3 | export const GridPattern = ({
4 | width,
5 | height,
6 | x,
7 | y,
8 | squares,
9 | ...properties
10 | }) => {
11 | const patternId = useId();
12 |
13 | return (
14 |
48 | );
49 | };
50 |
--------------------------------------------------------------------------------
/app/src/components/icons/ClipboardIcon.tsx:
--------------------------------------------------------------------------------
1 | export const ClipboardIcon = (properties) => {
2 | return (
3 |
16 | );
17 | };
18 |
19 | // function ClipboardIcon(properties) {
20 | // return (
21 | //
32 | // );
33 | // }
34 |
--------------------------------------------------------------------------------
/app/public/ens/dark/ens_mark_dark.svg:
--------------------------------------------------------------------------------
1 |
11 |
--------------------------------------------------------------------------------
/app/public/ens/light/ens_mark_light.svg:
--------------------------------------------------------------------------------
1 |
11 |
--------------------------------------------------------------------------------
/app/src/components/mdx/EmbedLink.tsx:
--------------------------------------------------------------------------------
1 | import Link from 'next/link';
2 | import { FC } from 'react';
3 | import { FiChevronRight } from 'react-icons/fi';
4 |
5 | export const EmbedLink: FC<{
6 | title: string;
7 | href: string;
8 | tag?: string;
9 | description: string;
10 | target?: string;
11 | }> = ({ title, href, description, target, tag }) => {
12 | return (
13 |
18 |
19 |
20 | {title}
21 | {description}
22 |
23 |
24 | {tag && (
25 |
26 | {tag}
27 |
28 | )}
29 |
31 |
32 | );
33 | };
34 |
--------------------------------------------------------------------------------
/app/src/lib/pages.ts:
--------------------------------------------------------------------------------
1 | // import { MDXProps } from 'mdx/types';
2 | // import { notFound } from 'next/navigation';
3 | // import fs from 'node:fs';
4 | // import { join } from 'node:path';
5 | // import { JSX } from 'react';
6 |
7 | // const contentDirectory = join(process.cwd(), 'content');
8 |
9 | // export const getAllPagesSlug = () => {
10 | // // const walkSync = (directory: string, filelist: string[] = []) => {
11 | // // for (const file of fs.readdirSync(directory)) {
12 | // // if (directory === contentDirectory && file === 'index.mdx')
13 | // // continue;
14 |
15 | // // // console.log({ file, directory });
16 | // // filelist = fs.statSync(join(directory, file)).isDirectory()
17 | // // ? walkSync(join(directory, file), filelist)
18 | // // : filelist.concat(
19 | // // join(directory, file)
20 | // // .replace(/\.mdx$/, '')
21 | // // // if filename is index.mdx, then we want to remove the index part
22 | // // .replace(/\/index$/, '')
23 | // // );
24 | // // }
25 |
26 | // // return filelist;
27 | // // };
28 |
29 | // // return walkSync(contentDirectory).map((file) =>
30 | // // file.replace(`${contentDirectory}/`, '')
31 | // // );
32 | // return [];
33 | // };
34 |
35 | // export const getAllPages = async () => {
36 | // const slugs = await ();
37 |
38 | // return await Promise.all(slugs.map((slug) => getPageBySlug(slug)));
39 | // };
40 |
41 | const hello = 'foo';
42 |
43 | export { hello };
44 |
--------------------------------------------------------------------------------
/app/public/content/dao/governance/rfp-template.md:
--------------------------------------------------------------------------------
1 | ---
2 | description: >-
3 | A template for DAO RFPs.
4 | ---
5 |
6 | ## Overview
7 |
8 |
9 |
10 | ## Scope of Work
11 |
12 |
13 |
14 | ## Selection Criteria
15 |
16 |
17 |
18 | ## Timeline
19 |
20 | | **Submission Period** | |
21 | | **Approval Period** | |
22 | | **Expected Delivery** | |
23 |
24 | ## RFP Manager
25 |
26 |
29 |
30 | ## Budget
31 |
32 |
35 |
--------------------------------------------------------------------------------
/docs/dao/token.mdx:
--------------------------------------------------------------------------------
1 | {/** @type {import('@/lib/mdxPageProps').MdxMetaProps} */}
2 | export const meta = {
3 | description: 'THERE ARE NO PLANS FOR ANOTHER AIRDROP',
4 | emoji: '🪂',
5 | contributors: []
6 | };
7 |
8 | # 🪂 Airdrop {{ title: "Airdrop" }}
9 |
10 |
36 |
48 |
37 | 
38 |
39 | {domain && (
40 |
44 | {domain}
45 |
46 | )}
47 | {title}
49 | {description}
50 |
51 |
55 |
56 | );
57 | };
58 |
--------------------------------------------------------------------------------
/app/public/ens/primary/ens_mark_primary.svg:
--------------------------------------------------------------------------------
1 |
16 |
--------------------------------------------------------------------------------
/docs/dao/proposals/1.7.mdx:
--------------------------------------------------------------------------------
1 | {/** @type {import('@/lib/mdxPageProps').MdxMetaProps} */}
2 | export const meta = {
3 | description: 'Ens the $ENS airdrop and EP2 airdrop by transferring tokens and revoking approvals.',
4 | emoji: '📗',
5 | contributors: [
6 | 'arachnid'
7 | ],
8 | proposal: {
9 | discourse: '12047',
10 | snapshot: '0x718c496b04017fb82749b68570d12f32c839f59b9f9433df127f48bf99121eb7',
11 | tally: '99882233577221676057992280816078245519848378270443751235073826886360950537295',
12 | type: 'executable'
13 | }
14 | };
15 |
16 | # [EP1.7] [Executable] End the $ENS and EP2 airdrops
17 |
18 | _Note: This was previously numbered EP11._
19 |
20 | ## Abstract
21 |
22 | The $ENS airdrop can be terminated at any time on or after May 4, 2022 by a call from the DAO, transferring remaining tokens to an address it specifies. The EP2 airdrop can be terminated at any time by revoking the token approval given to it by the DAO. This EP proposes to execute both of these actions on or shortly after May 4, 2022.
23 |
24 | ## Specification
25 |
26 | - Call 'sweep' on the ENS token contract, specifying the DAO wallet as target address.
27 | - Call 'approve' on the ENS token contract, specifying the EP2 airdrop contract and an allowance of 0.
28 |
29 | ## Transactions
30 |
31 | | Address | Value | Function | Argument | Value |
32 | | ------------------------------------------ | ----- | -------- | -------- | ------------------------------------------ |
33 | | 0xC18360217D8F7Ab5e7c516566761Ea12Ce7F9D72 | 0 | sweep | dest | 0xFe89cc7aBB2C4183683ab71653C4cdc9B02D44b7 |
34 | | 0xC18360217D8F7Ab5e7c516566761Ea12Ce7F9D72 | 0 | approve | spender | 0x4A1241C2Cf2fD4a39918BCd738f90Bd7094eC2DC |
35 | | amount | 0 | | | |
36 |
--------------------------------------------------------------------------------
/docs/ensip/index.mdx:
--------------------------------------------------------------------------------
1 | import { WIP } from '@/components/wip/WIP';
2 |
3 | {/** @type {import('@/lib/mdxPageProps').MdxMetaProps} */}
4 | export const meta = {
5 | description: '',
6 | emoji: '🧑🏫',
7 | contributors: [
8 | 'luc.eth'
9 | ]
10 | };
11 |
12 | # ENS Improvement Proposals
13 |
14 | This page contains a summary of all the ENS Improvement Proposals (ENSIPs) that have been proposed, and their current status.
15 | Improvement Proposals have included anything from new contract features, to text record standards, protocol features, and more.
16 |
17 | ## ENSIPs
18 |
19 | | Title | Status |
20 | | ----- | ------ |
21 | | [1 - ENS](/ensip/1) | ✅ Final |
22 | | [2 - Initial Hash Registrar](/ensip/2) | 😵 Obsolete |
23 | | [3 - Reverse Resolution](/ensip/3) | ✅ Final |
24 | | [4 - Support for contract ABIs](/ensip/4) | ✅ Final |
25 | | [5 - Text Records](/ensip/5) | ✅ Final |
26 | | [6 - DNS-in-ENS](/ensip/6) | 😵 Obsolete |
27 | | [7 - Contenthash](/ensip/7) | ✅ Final |
28 | | [8 - Interface Discovery](/ensip/8) | ✅ Final |
29 | | [9 - Multichain Address Resolution](/ensip/9) | ✅ Final |
30 | | [10 - Wildcard Resolution](/ensip/10) | ✅ Final |
31 | | [11 - EVM Compatible Chain Address Resolution](/ensip/11) | ✅ Final |
32 | | [12 - Avatar Text Record](/ensip/12) | ✅ Final |
33 | | [13 - SAFE Authentication for ENS](/ensip/13) | ✍️ Draft |
34 | | [14 - On-chain Source Parameter](/ensip/14) | ✍️ Draft |
35 | | [15 - Normalization Standard](/ensip/15) | ✍️ Draft |
36 | | [16 - Offchain Metadata](/ensip/16) | ✍️ Draft |
37 | | [17 - Gasless DNS Resolution](/ensip/17) | ✍️ Draft |
38 | | [18 - Profile Text Records](/ensip/18) | ✍️ Draft |
39 | | [19 - EVM-chain Reverse Resolution](/ensip/19) | ✍️ Draft |
40 |
41 | {/* ## Propose an ENSIP
42 |
43 | Feel free to [open a github issue](https://github.com/ensdomains/docs) or pull request on [ensdomains/docs](https://github.com/ensdomains/docs).
44 |
45 |
52 | read more
54 | | Usage | 22 |Interface ID | 23 |
|---|---|
| 30 | {method.usage} 31 | | 32 |{method.name} | 33 |
49 |
51 |
53 |
65 | );
66 | })
67 | }
--------------------------------------------------------------------------------
/app/local/content/demos/call/EthCall.tsx:
--------------------------------------------------------------------------------
1 | import clsx from 'clsx';
2 | import { FC, PropsWithChildren, ReactNode } from 'react';
3 |
4 | type AllProperties = {
5 | call: ReactNode;
6 | description?: string;
7 | };
8 |
9 | type EthCallProperties = {
10 | type?: 'call';
11 | };
12 |
13 | type EthTransactionProperties = {
14 | type?: 'transaction';
15 | gas: string;
16 | };
17 |
18 | export const EthCall: FC<
19 | PropsWithChildren<
20 | AllProperties & (EthCallProperties | EthTransactionProperties)
21 | >
22 | > = ({ type = 'call', call, children, description }) => {
23 | const is_transaction = type == 'transaction';
24 |
25 | return (
26 | {method.usage}
50 |{method.name}
52 | 54 | Interface ID is 55 | {method.interface} 56 |
57 | {method.seeMore} 58 | {method.output && ( 59 | <> 60 |Outputs
61 |{method.output}
62 | 63 | )} 64 |
27 |
49 | );
50 | };
51 |
--------------------------------------------------------------------------------
/docs/dao/proposals/2.2.1.mdx:
--------------------------------------------------------------------------------
1 | {/** @type {import('@/lib/mdxPageProps').MdxMetaProps} */}
2 | export const meta = {
3 | description: '',
4 | emoji: '📙',
5 | contributors: [
6 | 'coltron-code'
7 | ],
8 | proposal: {
9 | discourse: '13756',
10 | snapshot: '0x46c7294aca8d70ae8213e8e8c6915697c7be1aab731fbb7e534276f7eb0ef2b9',
11 | tally: '21861129347596183989807248258922558214743224135371288783165185538477576992486',
12 | type: 'executable'
13 | }
14 | };
15 |
16 | # [EP2.2.1] [Executable] Q3 & Q4 2022 Meta-Governance WG Budget
17 |
18 | _Note: This was previously numbered EP16.1._
19 |
20 | ## Summary
21 |
22 | The Meta-Governance Working Group is requesting funding of 632k USD equivalent for the Q3/Q4 of 2022. The budget has three categories. All figures are presented in USD equivalent.
23 |
24 | 
25 |
26 | ## Multisigs / Subgroups: $371k USD Value
27 |
28 | Funding in this category is related to the two Meta-Governance subgroup multi-sigs. These have been reviewed and approved by the Meta-Gov Stewards.
29 |
30 | #### Budget
31 |
32 | 
33 |
34 | #### Description
35 |
36 | 
37 |
38 | ## Compensation: $190k USD Value
39 |
40 | Funding in this category relates to compensation for DAO stewards and secretary.
41 |
42 | #### Budget
43 |
44 | 
45 |
46 | #### Description
47 |
48 | The Working Group Rules passed in [EP12](https://discuss.ens.domains/t/ep12-social-working-group-rules/12953#specification-3) state compensation is permitted for stewards and secretary as set out in Rules 11.1 and 9.4 respectively.
49 |
50 | ## Unallocated: $71k USD Value
51 |
52 | The funds in this category are reserved for unforeseen grants and unexpected expenses for the term. Stewards will distribute unallocated funds on a discretionary basis.
53 |
54 | 
55 |
--------------------------------------------------------------------------------
/app/local/content/demos/ethregistry/inputs/DurationField.tsx:
--------------------------------------------------------------------------------
1 | import { FC } from 'react';
2 |
3 | import { Button } from '@/components/Button';
4 |
5 | export const DurationField: FC<{
6 | duration: number;
7 | setDuration: (_duration: number) => void;
8 | }> = ({ duration, setDuration }) => {
9 | const id = 'duration';
10 |
11 | return (
12 |
28 |
48 |
29 |
40 |
37 | {is_transaction ? 'Transaction' : 'ETH Call'}
38 |
39 |
41 | {description}
42 |
43 |
44 | {call}
45 |
46 | {children}
47 |
13 |
19 |
52 | );
53 | };
54 |
--------------------------------------------------------------------------------
/app/local/content/extras/tld-list/DNSGrid.tsx:
--------------------------------------------------------------------------------
1 | export const DNSGrid = () => {
2 | return (
3 |
20 | {(
21 | [
22 | [60 * 60 * 24 * 30, '1 month'],
23 | [60 * 60 * 24 * 365, '1 year'],
24 | [60 * 60 * 24 * 365 * 2, '2 years'],
25 | ] as [number, string][]
26 | ).map(([time, name]) => (
27 |
36 | ))}
37 | {
40 | try {
41 | setDuration(Number(event.target.value));
42 | } catch (error) {
43 | event.preventDefault();
44 | console.log(error);
45 | }
46 | }}
47 | className="input max-w-sm"
48 | placeholder="31536000"
49 | />
50 |
51 |
4 |
57 | );
58 | };
59 |
--------------------------------------------------------------------------------
/docs/resolvers/writing.mdx:
--------------------------------------------------------------------------------
1 | import { WIP } from '@/components/wip/WIP';
2 |
3 | {/** @type {import('@/lib/mdxPageProps').MdxMetaProps} */}
4 | export const meta = {
5 | description: '',
6 | emoji: '✍️',
7 | contributors: []
8 | };
9 |
10 | # Writing a Resolver
11 |
12 | Every ENS name has a resolver, which is responsible for resolving information about a name.
13 | By writing your own resolver contract you can extend the functionality of your name, subnames, and more.
14 |
15 | resolvers are a core part of the ENS protocol
16 |
17 | they give the power to a name "node" to control the resolution process from itself onwards (its subdomains etc)
18 |
19 | resolvers were originally standardized in EIP 137, but have since received a few updates such as [EIP 181](https://eips.ethereum.org/EIPS/eip-181), [EIP 2304](https://eips.ethereum.org/EIPS/eip-2304), and [ENSIP-10](/ensip/10).
20 |
21 | ## Resolver Interface
22 |
23 | the idea of a resolver is pretty straight forward. "any contract that implements the resolver interface". There have been a few extensions to the original interface, however a summarized interface is defined as follows:
24 |
25 | ```solidity
26 | contract MyResolver {
27 | fn addr(bytes32 node) public view returns (address);
28 | }
29 | ```
30 |
31 | ## Wildcard Resolution
32 |
33 | In [ENSIP-10](/ensip/10) a new method was added to the resolver interface, the `resolve()` method.
34 | This method allows for fetching
35 |
36 | ```solidity
37 | interface ExtendedResolver {
38 | function resolve(bytes calldata name, bytes calldata data) external view returns(bytes);
39 | }
40 | ```
41 |
42 |
5 | {[
6 | '.com',
7 | '.xyz',
8 | '.nl',
9 | '.net',
10 | '.org',
11 | '.shop',
12 | '.photos',
13 | '.pizza',
14 | '.cash',
15 | '.money',
16 | '.news',
17 | '.info',
18 | '.gold',
19 | '.domains',
20 | '.social',
21 | '.de',
22 | '.city',
23 | '.lol',
24 | '.rip',
25 | '.company',
26 | '.es',
27 | '.network',
28 | '.me',
29 | '.us',
30 | '.id',
31 | '.fr',
32 | '.space',
33 | '.ninja',
34 | '.tools',
35 | '.wtf',
36 | '.capital',
37 | '.finance',
38 | '.vision',
39 | '.limo',
40 | '.link',
41 | '.uk',
42 | '.world',
43 | '.dev',
44 | '.day',
45 | '.fyi',
46 | '.cool',
47 | ].map((a) => (
48 |
49 | {a}
50 |
51 | ))}
52 |
53 | and any other DNSSEC-compatible domain...
54 |
55 |
56 |
11 | {mdxProperties.status && (
12 |
47 | );
48 | };
49 |
--------------------------------------------------------------------------------
/docs/resolvers/quickstart.mdx:
--------------------------------------------------------------------------------
1 | {/* * @type {import('@/lib/mdxPageProps').MdxMetaProps} */}
2 | export const meta = {
3 | description: '',
4 | showDetailsSection: false,
5 | };
6 |
7 | # Quickstart Resolver
8 |
9 | At the heart of every ENS name is its resolver. A resolver is a smart contract that implements a specific set of Resolver features (see [Resolver Interface](/resolver/interfaces)).
10 | The resolvers smart contract functions have control over the resolution process of a "node" (a name or subdomain) and onwards (subdomains of itself).
11 |
12 | ## Basic Resolver
13 |
14 | A naive but very plausible example of a resolver is the following.
15 |
16 | ```solidity
17 | contract MyResolver {
18 | function addr(bytes32 node) public view returns (address) {
19 | return 0x225f137127d9067788314bc7fcc1f36746a3c3B5;
20 | }
21 | }
22 | ```
23 |
24 | Notice how the above would always return the same address regardless of the name it is queried for.
25 |
26 | If you want to [write your own resolver resolver](/resolvers/writing), or see the [interface reference](/resolvers/interfaces).
27 |
28 | ## Public Resolver
29 |
30 | The default resolver for all names is the Public Resolver, a swiss army knife of resolvers, written by the ENS Labs team, feature-packed with everything your everyday user might need.
31 | You can read more about the [Public Resolver](/resolvers/public).
32 |
33 | ## Interacting with a resolver
34 |
35 | Depending on the resolver in charge of a name, certain frontend apps will be able to interact with them as well.
36 | This means you can set your favourite records, upgrade your name to different logic, and more, from your dApp of choice.
37 |
38 | Are you writing a dApp and want to build this? Checkout the [Interacting with a Resolver](/resolvers/interacting) section.
39 |
40 | ## Offchain Resolution
41 |
42 | Although by default ENS resolution is done on-chain. You can leverage the power of CCIP Read to redirect resolution to an off-chain gateway.
43 | More about writing a ccip-enabled resolver [here](/resolvers/ccip-read).
44 |
--------------------------------------------------------------------------------
/docs/learn/deployments.mdx:
--------------------------------------------------------------------------------
1 | {/** @type {import('@/lib/mdxPageProps').MdxMetaProps} */}
2 | export const meta = {
3 | description: 'ENS is multichain, but it all starts with Ethereum Mainnet. This page contains common addresses for ENS contracts.',
4 | emoji: '📰',
5 | contributors: [
6 | 'luc.eth'
7 | ]
8 | };
9 |
10 | # Deployments
11 |
12 | {/*
13 |
36 | )}
37 | {mdxProperties.created && (
38 | Status
14 |
15 | {
16 | {
17 | final: (
18 |
19 | ✅ Final
20 |
21 | ),
22 | draft: (
23 |
24 | ✍️ Draft
25 |
26 | ),
27 | obsolete: (
28 |
29 | ❌ Obsolete
30 |
31 | ),
32 | }[mdxProperties.status]
33 | }
34 |
35 |
39 |
45 | )}
46 | Created
40 |
41 |
44 |
23 |
44 |
45 | ## Deployments
46 |
47 | Listed below you will find a list of latest deployments of registries, resolvers, and more.
48 |
49 |
24 | Ethereum Mainnet
25 |
26 |
27 | ->
28 |
29 |
30 |
43 |
31 | Optimism
32 |
33 |
34 | Arbitrum
35 |
36 |
37 | Offchain
38 |
39 |
40 | ...
41 |
42 | | Address | 35 |Value | 36 |Function | 37 |Argument | 38 |Value | 39 |
|---|---|---|---|---|
| Address or ENS name of target | 42 |Value to send (ETH) | 43 |Function identifier | 44 |First arg | 45 |First value | 46 |
| Second arg | 49 |Second value | 50 |
13 | "the future is multichain"
14 |
15 |
16 | ## ENS L2
17 |
18 | The ENS Labs team recently announced our plans and roadmap for scaling ENS to the entire internet and beyond.
19 | You can read more [on our blog](https://blog.ens.domains/post/ensv2), [on X](https://twitter.com/ensdomains/status/1795440186513576318), and [the forums](https://discuss.ens.domains/t/technical-feedback-thread-for-ensv2/19233).
20 | The roadmap involves migrating .eth registrations to a new system, in addition to improved support for existing L2 solutions.
21 | You can findout more on the [changelog](/changelog).
22 |
23 | ## But isn't ENS on mainnet? {{ label: "ENS Multichain", navtitle: "Resolution" }}
24 |
25 | Yes, technically. The resolution process always starts on mainnet. There needs to be, one source of truth after all. However, the name
26 | resolution process can branch off to other chains, offchain gateways and much more.27 | To read a more indepth explanation of how resolution works, checkout the [section dedicated to the Resolution Process](/resolution/). 28 | 29 | ## My dapp is on X but I want ENS {{ label: "dApp Multichain", navtitle: "dApps on other Chains" }} 30 | 31 | The ENS Protocol can be used on/for any chain! 32 | If you are building a non-mainnet dApp and want to use ENS names simply [add a Mainnet RPC to your Wagmi config](/web/libraries) and specify `chainId: 1` in your config like so: 33 | 34 | ```tsx focus=6 35 | import { useAccount, useEnsName, useEnsAvatar } from 'wagmi'; 36 | 37 | const Name = () => { 38 | const { data: ensName } = useEnsAddress({ 39 | address: 'luc.eth', 40 | chainId: 1, // (1 = Ethereum, 11155111 = Sepolia) 41 | }); 42 | 43 | return
{ensName || address}
;
44 | };
45 | ```
46 |
47 | And voila! You can now resolve ENS names anywhere! 🎉
48 |
--------------------------------------------------------------------------------
/docs/learn/dns.mdx:
--------------------------------------------------------------------------------
1 | {/** @type {import('@/lib/mdxPageProps').MdxMetaProps} */}
2 | export const meta = {
3 | description: '',
4 | emoji: '🌐',
5 | contributors: [
6 | 'luc.eth'
7 | ]
8 | };
9 |
10 | # DNS on ENS
11 |
12 | <>
13 | {/*TODO: User-friendly explanation of the fact that DNS names also work in the ENS system.*/}
14 |
15 |
16 | The Ethereum Name Service is so much more then just `.eth` names. It is a general-purpose naming system that can be used for any kind of name. This includes DNS names.
17 | DNS functionality was originally introduced in [ENSIP-6](/ensip/6).
18 |
19 | ## Importing a DNS name
20 |
21 | There are currently two ways of importing a DNS name into ENS. Both methods require you enable DNSSEC on your domain, and setup a TXT record.
22 | This record is then verified using smart-contracts on the Ethereum blockchain.
23 |
24 | To import a name, simply visit the [ENS Manager](https://ens.app), type in your name, and click "Import DNS". You will walked through setting up your DNS records.
25 | Additionally you can read more about the records and specifications here:
26 |
27 |