feat(devx): Add filter flag to Iota CLI

Signed-off-by: salaheldinsoliman <[email protected]>
iotaledger · Sep 17, 2024 · 8e723d4 · 8e723d4
1 parent 9e9c0ed
commit 8e723d4
Show file tree

Hide file tree

Showing 64 changed files with 1,435 additions and 389 deletions.
diff --git a/.changeset/config.json b/.changeset/config.json
@@ -21,7 +21,8 @@
 		"sponsored-transactions",
 		"kiosk-demo",
 		"kiosk-cli",
-		"@iota/zklogin"
+		"@iota/zklogin",
+		"@iota/iotans-toolkit"
 	],
 	"___experimentalUnsafeOptions_WILL_CHANGE_IN_PATCH": {
 		"onlyUpdatePeerDependentsWhenOutOfRange": true

diff --git a/.changeset/ten-vans-cross.md b/.changeset/ten-vans-cross.md
diff --git a/apps/apps-backend/src/features/features.mock.ts b/apps/apps-backend/src/features/features.mock.ts
@@ -11,6 +11,13 @@ const walletDapps = [
         icon: 'https://iotafrens.com/icons/favicon.ico',
         tags: ['Social'],
     },
+    {
+        name: 'Iota Name Service (IotaNS)',
+        description: 'Find your .iota name!',
+        link: 'https://iotans.io/',
+        icon: 'https://raw.githubusercontent.com/IotaNSdapp/docs/main/IotaNS-small2.jpg',
+        tags: ['Infra'],
+    },
     {
         name: 'Wormhole Connect',
         description:
@@ -152,6 +159,9 @@ export const developmentFeatures = {
             '0x30a644c3485ee9b604f52165668895092191fcaf5489a846afa7fc11cdb9b24a',
         ],
     },
+    iotans: {
+        defaultValue: false,
+    },
     'team-address-overrides': {
         defaultValue: {
             addresses: [
@@ -205,7 +215,15 @@ export const developmentFeatures = {
         defaultValue: 0.0025,
     },
     'wallet-dapps': {
-        defaultValue: [],
+        defaultValue: [
+            {
+                name: 'Iota Name Service (IotaNS)',
+                description: 'Find your .iota name!',
+                link: 'https://iotans.io/',
+                icon: 'https://raw.githubusercontent.com/IotaNSdapp/docs/main/IotaNS-small2.jpg',
+                tags: ['Infra'],
+            },
+        ],
         rules: [
             {
                 condition: {
@@ -379,6 +397,83 @@ export const developmentFeatures = {
             },
         ],
     },
+    'iotans-enable-okx-wallet': {
+        defaultValue: false,
+        rules: [
+            {
+                condition: {
+                    network: {
+                        $ne: 'mainnet',
+                    },
+                },
+                force: true,
+            },
+        ],
+    },
+    'iotans-enable-day-one-nft-domain-claim': {
+        defaultValue: false,
+    },
+    'iotans-nft-personalization': {
+        defaultValue: false,
+        rules: [
+            {
+                condition: {
+                    network: {
+                        $ne: 'mainnet',
+                    },
+                },
+                force: true,
+            },
+        ],
+    },
+    'iotans-front-page-banner': {
+        defaultValue: {
+            enabled: false,
+            dismissKey: 'quests-3-interstitial-live',
+            imageUrl: 'https://fe-assets.iota.org/quests_3_updated_large_corrected.svg',
+            bannerUrl: 'https://tech.iota.org/quest-3/',
+        },
+    },
+    'iotans-enable-coupons': {
+        defaultValue: false,
+    },
+    'iotans-enable-discord': {
+        defaultValue: false,
+        rules: [
+            {
+                condition: {
+                    network: {
+                        $ne: 'mainnet',
+                    },
+                },
+                force: true,
+            },
+        ],
+    },
+    'iotans-free-claims': {
+        defaultValue: false,
+    },
+    'iotans-banner': {
+        defaultValue: {
+            content:
+                "IotaNS is experiencing some issues. We're working to fix the problem and appreciate your patience.",
+            isActive: false,
+            isDismissable: true,
+        },
+    },
+    'iotans-enable-subname': {
+        defaultValue: false,
+        rules: [
+            {
+                condition: {
+                    network: {
+                        $ne: 'mainnet',
+                    },
+                },
+                force: true,
+            },
+        ],
+    },
     expiration_period: {
         defaultValue: 30,
         rules: [
@@ -392,6 +487,22 @@ export const developmentFeatures = {
             },
         ],
     },
+    'iotans-name-burn-expired-name': {
+        defaultValue: false,
+        rules: [
+            {
+                force: true,
+            },
+        ],
+    },
+    'iotans-name-enable-v2-design': {
+        defaultValue: false,
+        rules: [
+            {
+                force: true,
+            },
+        ],
+    },
     'validator-page-staking': {
         defaultValue: true,
     },

diff --git a/apps/core/src/api/SentryHttpTransport.ts b/apps/core/src/api/SentryHttpTransport.ts
@@ -5,7 +5,7 @@
 import { IotaHTTPTransport } from '@iota/iota-sdk/client';
 import * as Sentry from '@sentry/react';
 
-const IGNORED_METHODS: string[] = [];
+const IGNORED_METHODS = ['iotax_resolveNameServiceNames', 'iotax_resolveNameServiceAddresses'];
 
 export class SentryHttpTransport extends IotaHTTPTransport {
     private url: string;

diff --git a/apps/core/src/hooks/index.ts b/apps/core/src/hooks/index.ts
@@ -5,6 +5,7 @@ export * from './useFormatCoin';
 export * from './useTimeAgo';
 export * from './useGetValidatorsEvents';
 export * from './useGetValidatorsApy';
+export * from './nameService';
 export * from './useGetTransferAmount';
 export * from './useGetObject';
 export * from './useGetDynamicFields';

diff --git a/apps/core/src/hooks/nameService.ts b/apps/core/src/hooks/nameService.ts
@@ -0,0 +1,57 @@
+// Copyright (c) Mysten Labs, Inc.
+// Modifications Copyright (c) 2024 IOTA Stiftung
+// SPDX-License-Identifier: Apache-2.0
+
+import { useFeatureIsOn } from '@growthbook/growthbook-react';
+import { useIotaClient } from '@iota/dapp-kit';
+import { useQuery } from '@tanstack/react-query';
+
+const IOTA_NS_FEATURE_FLAG = 'iotans';
+
+// This should align with whatever names we want to be able to resolve.
+const IOTA_NS_DOMAINS = ['.iota'];
+export function isIotaNSName(name: string) {
+    return IOTA_NS_DOMAINS.some((domain) => name.endsWith(domain));
+}
+
+export function useIotaNSEnabled() {
+    return useFeatureIsOn(IOTA_NS_FEATURE_FLAG);
+}
+
+export function useResolveIotaNSAddress(name?: string | null, enabled?: boolean) {
+    const client = useIotaClient();
+    const enabledIotaNs = useIotaNSEnabled();
+
+    return useQuery({
+        queryKey: ['resolve-iotans-address', name],
+        queryFn: async () => {
+            return await client.resolveNameServiceAddress({
+                name: name!,
+            });
+        },
+        enabled: !!name && enabled && enabledIotaNs,
+        refetchOnWindowFocus: false,
+        retry: false,
+    });
+}
+
+export function useResolveIotaNSName(address?: string | null) {
+    const client = useIotaClient();
+    const enabled = useIotaNSEnabled();
+
+    return useQuery({
+        queryKey: ['resolve-iotans-name', address],
+        queryFn: async () => {
+            // NOTE: We only fetch 1 here because it's the default name.
+            const { data } = await client.resolveNameServiceNames({
+                address: address!,
+                limit: 1,
+            });
+
+            return data[0] || null;
+        },
+        enabled: !!address && enabled,
+        refetchOnWindowFocus: false,
+        retry: false,
+    });
+}
diff --git a/apps/core/src/hooks/useIotaAddressValidation.ts b/apps/core/src/hooks/useIotaAddressValidation.ts
@@ -1,11 +1,16 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
+import { useIotaNSEnabled } from '.';
+import { useIotaClient } from '@iota/dapp-kit';
 import { useMemo } from 'react';
 import { createIotaAddressValidation } from '../utils';
 
 export function useIotaAddressValidation() {
+    const client = useIotaClient();
+    const iotaNSEnabled = useIotaNSEnabled();
+
     return useMemo(() => {
-        return createIotaAddressValidation();
-    }, []);
+        return createIotaAddressValidation(client, iotaNSEnabled);
+    }, [client, iotaNSEnabled]);
 }
diff --git a/apps/core/src/utils/transaction/createNftSendValidationSchema.ts b/apps/core/src/utils/transaction/createNftSendValidationSchema.ts
@@ -2,13 +2,19 @@
 // Modifications Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
+import { type IotaClient } from '@iota/iota-sdk/client';
 import * as Yup from 'yup';
 import { createIotaAddressValidation } from '../validation';
 import { ValidationError } from 'yup';
 
-export function createNftSendValidationSchema(senderAddress: string, objectId: string) {
+export function createNftSendValidationSchema(
+    senderAddress: string,
+    objectId: string,
+    client?: IotaClient,
+    iotaNSEnabled?: boolean,
+) {
     return Yup.object({
-        to: createIotaAddressValidation()
+        to: createIotaAddressValidation(client, iotaNSEnabled)
             .test(
                 'sender-address',
                 'NFT is owned by this address',

diff --git a/apps/core/src/utils/validation/createIotaAdressValidation.ts b/apps/core/src/utils/validation/createIotaAdressValidation.ts
@@ -2,18 +2,36 @@
 // Modifications Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
+import { IotaClient } from '@iota/iota-sdk/client';
+import { isIotaNSName } from '../../hooks';
 import { isValidIotaAddress } from '@iota/iota-sdk/utils';
 import * as Yup from 'yup';
 import { ValidationError } from 'yup';
 
 export { ValidationError };
 
-export function createIotaAddressValidation() {
+export function createIotaAddressValidation(client?: IotaClient, iotaNSEnabled?: boolean) {
+    const resolveCache = new Map<string, boolean>();
+
     return Yup.string()
         .ensure()
         .trim()
         .required()
         .test('is-iota-address', 'Invalid address. Please check again.', async (value) => {
+            if (client && iotaNSEnabled && isIotaNSName(value)) {
+                if (resolveCache.has(value)) {
+                    return resolveCache.get(value)!;
+                }
+
+                const address = await client.resolveNameServiceAddress({
+                    name: value,
+                });
+
+                resolveCache.set(value, !!address);
+
+                return !!address;
+            }
+
             return isValidIotaAddress(value);
         })
         .label("Recipient's address");

diff --git a/apps/explorer/src/components/gas-breakdown/GasBreakdown.tsx b/apps/explorer/src/components/gas-breakdown/GasBreakdown.tsx
@@ -2,7 +2,12 @@
 // Modifications Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import { CoinFormat, type TransactionSummary, useFormatCoin } from '@iota/core';
+import {
+    CoinFormat,
+    type TransactionSummary,
+    useFormatCoin,
+    useResolveIotaNSName,
+} from '@iota/core';
 import { IOTA_TYPE_ARG } from '@iota/iota-sdk/utils';
 import { Heading, Text } from '@iota/ui';
 
@@ -95,6 +100,7 @@ interface GasBreakdownProps {
 
 export function GasBreakdown({ summary }: GasBreakdownProps): JSX.Element | null {
     const gasData = summary?.gas;
+    const { data: iotansDomainName } = useResolveIotaNSName(gasData?.owner);
 
     if (!gasData) {
         return null;
@@ -126,7 +132,7 @@ export function GasBreakdown({ summary }: GasBreakdownProps): JSX.Element | null
                         <Text variant="pBody/medium" color="steel-darker">
                             Paid by
                         </Text>
-                        <AddressLink address={owner} />
+                        <AddressLink label={iotansDomainName || undefined} address={owner} />
                     </div>
                 )}
 

diff --git a/apps/explorer/src/components/owned-coins/CoinIcon.tsx b/apps/explorer/src/components/owned-coins/CoinIcon.tsx
@@ -3,8 +3,7 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import { useCoinMetadata } from '@iota/core';
-import { Unstaked } from '@iota/icons';
-import { IotaLogoMark as Iota } from '@iota/ui-icons';
+import { Iota, Unstaked } from '@iota/icons';
 import { IOTA_TYPE_ARG } from '@iota/iota-sdk/utils';
 import { cva, type VariantProps } from 'class-variance-authority';
 
@@ -26,7 +25,7 @@ const imageStyle = cva(['flex rounded-2xl'], {
 
 function IotaCoin(): JSX.Element {
     return (
-        <Iota className="flex h-full w-full rounded-2xl p-xxxs text-neutral-0 dark:text-neutral-100" />
+        <Iota className="flex h-full w-full items-center justify-center rounded-2xl bg-iota p-1.5 text-body text-white" />
     );
 }
 
@@ -37,7 +36,7 @@ type NonIotaCoinProps = {
 function NonIotaCoin({ coinType }: NonIotaCoinProps): JSX.Element {
     const { data: coinMeta } = useCoinMetadata(coinType);
     return (
-        <div className="flex h-full w-full items-center justify-center rounded-2xl">
+        <div className="flex h-full w-full items-center justify-center rounded-2xl bg-gray-40 text-hero-darkest text-opacity-30">
             {coinMeta?.iconUrl ? (
                 <ImageIcon
                     size="sm"
@@ -47,7 +46,7 @@ function NonIotaCoin({ coinType }: NonIotaCoinProps): JSX.Element {
                     circle
                 />
             ) : (
-                <div className="flex h-full w-full items-center justify-center rounded-2xl">
+                <div className="flex h-full w-full items-center justify-center rounded-2xl border-2 border-hero-darkest border-opacity-10">
                     <Unstaked className="h-2.5 w-2.5" />
                 </div>
             )}