feat: support searching fiber node id and peer id

Magickbase · Dec 2, 2024 · 07039b2 · 07039b2
1 parent 16a9aad
commit 07039b2
Show file tree

Hide file tree

Showing 7 changed files with 41 additions and 4 deletions.
diff --git a/src/components/Search/AggregateSearchResults.tsx b/src/components/Search/AggregateSearchResults.tsx
@@ -259,6 +259,22 @@ const SearchResultItem: FC<{ keyword?: string; item: AggregateSearchResult }> =
     )
   }
 
+  if (item.type === SearchResultType.FiberGraphNode) {
+    return (
+      <Link className={styles.searchResult} to={to}>
+        <div className={styles.boxContent}>
+          <HighlightText style={{ width: '100%' }} text={item.attributes.nodeId} keyword={keyword} />
+
+          <div className={classNames(styles.secondaryText, styles.subTitle, 'monospace')}>
+            <span style={{ marginRight: 4, flexShrink: 0 }}>
+              {t('search.fiber_graph_node')} # {localeNumberString(item.attributes.alias)}
+            </span>
+          </div>
+        </div>
+      </Link>
+    )
+  }
+
   return (
     <Link className={styles.searchResult} to={to}>
       <div className={styles.content}>

diff --git a/src/components/Search/index.tsx b/src/components/Search/index.tsx
@@ -45,6 +45,7 @@ const ALLOW_SEARCH_TYPES = [
   SearchResultType.UDT,
   SearchResultType.DID,
   SearchResultType.BtcAddress,
+  SearchResultType.FiberGraphNode,
 ]
 
 async function fetchAggregateSearchResult(searchValue: string): Promise<AggregateSearchResult[]> {

diff --git a/src/components/Search/utils.ts b/src/components/Search/utils.ts
@@ -54,6 +54,9 @@ export const getURLByAggregateSearchResult = (result: AggregateSearchResult) =>
     case SearchResultType.BtcAddress:
       return `/address/${attributes.addressHash}`
 
+    case SearchResultType.FiberGraphNode:
+      return `/fiber/graph/node/${attributes.nodeId}`
+
     default:
       break
   }
@@ -97,4 +100,7 @@ export const getDisplayNameByAggregateSearchResult = (result: AggregateSearchRes
   if (type === SearchResultType.BtcAddress) {
     return attributes.addressHash
   }
+  if (type === SearchResultType.FiberGraphNode) {
+    return attributes.peerId
+  }
 }
diff --git a/src/locales/en.json b/src/locales/en.json
@@ -177,7 +177,7 @@
       "sUDT": "sUDT",
       "inscriptions": "Inscriptions",
       "docs": "Docs",
-      "search_placeholder": "Block/Transaction/Address/Script Hash/Args/BTC Address/BTC Txid/DID",
+      "search_placeholder": "Block/Transaction/Address/Script Hash/Args/BTC Address/BTC Txid/DID/Fiber Peer Id/Fiber Node Id",
       "search_by_name_placeholder": "Token Name",
       "more": "More",
       "mainnet": "LINA",
@@ -368,7 +368,7 @@
       "loading": "Loading...",
       "no_search_result": "Oops! Your search did not match any record.",
       "empty_result": "Oops! Your search did not match any record. \n\nPlease make sure input contains only one of the following items:\n",
-      "empty_result_items": "Block Number/ Block Hash/ Transaction Hash/ Address/ Script Hash/ Args/ BTC Address/ BTC Txid/DID",
+      "empty_result_items": "Block Number/ Block Hash/ Transaction Hash/ Address/ Script Hash/ Args/ BTC Address/ BTC Txid/DID/Fiber Peer Id/Fiber Node Id",
       "address_type_testnet_error": "Testnet address detected，please goto",
       "address_type_mainnet_error": "Mainnet address detected，please goto",
       "address_type_testnet_url": "testnet explorer",
@@ -392,7 +392,8 @@
       "bitcoin_address": "BTC Address",
       "token_collection": "Token Collection",
       "token_item": "Token Item",
-      "did": "DID"
+      "did": "DID",
+      "fiber_graph_node": "Fiber Graph Node"
     },
     "cell": {
       "live_cell": "Live Cell",

diff --git a/src/locales/zh.json b/src/locales/zh.json
@@ -407,7 +407,8 @@
       "bitcoin_address": "BTC 地址",
       "token_collection": "藏品集",
       "token_item": "藏品",
-      "did": "分布式数字身份（DID）"
+      "did": "分布式数字身份（DID）",
+      "fiber_graph_node": "Fiber Graph Node"
     },
     "address": {
       "address": "地址",

diff --git a/src/services/ExplorerService/fetcher.ts b/src/services/ExplorerService/fetcher.ts
@@ -70,6 +70,7 @@ export enum SearchResultType {
   TokenItem = 'token_item',
   DID = 'did',
   BtcAddress = 'bitcoin_address',
+  FiberGraphNode = 'fiber_graph_node',
 }
 
 enum SearchQueryType {
@@ -113,6 +114,14 @@ export type AggregateSearchResult =
       },
       SearchResultType.BtcAddress
     >
+  | Response.Wrapper<
+      {
+        alias: string
+        nodeId: string
+        peerId: string
+      },
+      SearchResultType.FiberGraphNode
+    >
 
 export const getBtcTxList = (idList: string[]): Promise<Record<string, RawBtcRPC.BtcTx>> => {
   if (idList.length === 0) return Promise.resolve({})

diff --git a/src/utils/string.ts b/src/utils/string.ts
@@ -42,6 +42,9 @@ export const hexToUtf8 = (value: string = '') => {
 }
 
 export const addPrefixForHash = (value: string) => {
+  // FIXME: should be handled in the backend
+  if (value?.length === 66) return value // prefixed or pubkey of fiber node
+  if (value?.length === 68) return value.replace(/^0x/, '')
   if (value && value.length >= 32 && /\b[A-Fa-f0-9]+\b/.test(value)) {
     return `0x${value}`
   }