Add Support for Walrus Content Hash Protocol

public/locales/en/register.json

@@ -108,13 +108,15 @@
               "swarm": "Swarm",
               "onion": "Onion",
               "skynet": "Skynet",
-              "arweave": "Arweave"
+              "arweave": "Arweave",
+              "walrus": "Walrus"
             },
             "placeholder": {
               "default": "Add url here",
               "ipfs": "ipfs://...",
               "skynet": "sia://...",
               "arweave": "ar://...",
+              "walrus": "walrus://...",
               "swarm": "bzz://...",
               "onion": "onion3://..."
             }

public/locales/en/transactionFlow.json

@@ -97,6 +97,7 @@
             "ipfs": "ipfs://...",
             "skynet": "sia://...",
             "arweave": "ar://...",
+            "walrus": "walrus://...",
             "swarm": "bzz://...",
             "onion": "onion3://..."
           }

public/locales/es/register.json

@@ -107,13 +107,15 @@
               "swarm": "Swarm",
               "onion": "Onion",
               "skynet": "Skynet",
-              "arweave": "Arweave"
+              "arweave": "Arweave",
+              "walrus": "Walrus"
             },
             "placeholder": {
               "default": "Agrega la URL aquí",
               "ipfs": "ipfs://...",
               "skynet": "sia://...",
               "arweave": "ar://...",
+              "walrus": "walrus://...",
               "swarm": "bzz://...",
               "onion": "onion3://..."
             }

public/locales/es/transactionFlow.json

@@ -88,6 +88,7 @@
             "ipfs": "ipfs://...",
             "skynet": "sia://...",
             "arweave": "ar://...",
+            "walrus": "walrus://...",
             "swarm": "bzz://...",
             "onion": "onion3://..."
           }

public/locales/nl/transactionFlow.json

@@ -80,6 +80,7 @@
             "ipfs": "ipfs://...",
             "skynet": "sia://...",
             "arweave": "ar://...",
+            "walrus": "walrus://...",
             "swarm": "bzz://..."
           }
         },

public/locales/pt/register.json

@@ -107,13 +107,15 @@
               "swarm": "Swarm",
               "onion": "Onion",
               "skynet": "Skynet",
-              "arweave": "Arweave"
+              "arweave": "Arweave",
+              "walrus": "Walrus"
             },
             "placeholder": {
               "default": "Adicione a URL aqui",
               "ipfs": "ipfs://...",
               "skynet": "sia://...",
               "arweave": "ar://...",
+              "walrus": "walrus://...",
               "swarm": "bzz://...",
               "onion": "onion3://..."
             }

public/locales/pt/transactionFlow.json

@@ -56,6 +56,7 @@
             "ipfs": "ipfs://...",
             "skynet": "sia://...",
             "arweave": "ar://...",
+            "walrus": "walrus://...",
             "swarm": "bzz://...",
             "onion": "onion3://..."
           }

public/locales/ru/register.json

@@ -107,13 +107,15 @@
               "swarm": "Swarm",
               "onion": "Onion",
               "skynet": "Skynet",
-              "arweave": "Arweave"
+              "arweave": "Arweave",
+              "walrus": "Walrus"
             },
             "placeholder": {
               "default": "Добавьте URL здесь",
               "ipfs": "ipfs://...",
               "skynet": "sia://...",
               "arweave": "ar://...",
+              "walrus": "walrus://...",
               "swarm": "bzz://...",
               "onion": "onion3://..."
             }

public/locales/ru/transactionFlow.json

@@ -87,6 +87,7 @@
             "ipfs": "ipfs://...",
             "skynet": "sia://...",
             "arweave": "ar://...",
+            "walrus": "walrus://...",
             "swarm": "bzz://...",
             "onion": "onion3://..."
           }

public/locales/uk/register.json

@@ -107,13 +107,15 @@
               "swarm": "Swarm",
               "onion": "Onion",
               "skynet": "Skynet",
-              "arweave": "Arweave"
+              "arweave": "Arweave",
+              "walrus": "Walrus"
             },
             "placeholder": {
               "default": "Додати URL тут",
               "ipfs": "ipfs://...",
               "skynet": "sia://...",
               "arweave": "ar://...",
+              "walrus": "walrus://...",
               "swarm": "bzz://...",
               "onion": "onion3://..."
             }

public/locales/uk/transactionFlow.json

@@ -87,6 +87,7 @@
             "ipfs": "ipfs://...",
             "skynet": "sia://...",
             "arweave": "ar://...",
+            "walrus": "walrus://...",
             "swarm": "bzz://...",
             "onion": "onion3://..."
           }

public/locales/zh/register.json

@@ -107,13 +107,15 @@
               "swarm": "Swarm",
               "onion": "Onion",
               "skynet": "Skynet",
-              "arweave": "Arweave"
+              "arweave": "Arweave",
+              "walrus": "Walrus"
             },
             "placeholder": {
               "default": "在此添加 url",
               "ipfs": "ipfs://...",
               "skynet": "sia://...",
               "arweave": "ar://...",
+              "walrus": "walrus://...",
               "swarm": "bzz://...",
               "onion": "onion3://..."
             }

public/locales/zh/transactionFlow.json

@@ -88,6 +88,7 @@
             "ipfs": "ipfs://...",
             "skynet": "sia://...",
             "arweave": "ar://...",
+            "walrus": "walrus://...",
             "swarm": "bzz://...",
             "onion": "onion3://..."
           }

src/assets/contentHash/DynamicContentHashIcon.tsx

@@ -10,6 +10,7 @@ export const contentHashIconTypes = {
   onion: dynamic(() => import('./onion.svg')),
   swarm: dynamic(() => import('./swarm.svg')),
   arweave: dynamic(() => import('./arweave.svg')),
+  walrus: dynamic(() => import('./walrus.svg')),
 }
 
 export const DynamicContentHashIcon = ({

src/constants/supportedContentHashKeys.ts

@@ -1 +1 @@
-export const supportedContentHashKeys = ['ipfs', 'swarm', 'onion', 'skynet', 'arweave'] as const
+export const supportedContentHashKeys = ['ipfs', 'swarm', 'onion', 'skynet', 'arweave', 'walrus'] as const

src/hooks/useAvatarFromRecord.ts

@@ -2,7 +2,7 @@ import { useEffect, useState } from 'react'
 
 import { getProtocolType } from '@ensdomains/ensjs/utils'
 
-const SUPPORTED_PROTOCOL_REGEX = /^(http|https|ar|ipfs|eip155):/
+const SUPPORTED_PROTOCOL_REGEX = /^(http|https|ar|ipfs|eip155|walrus):/
 
 const chainIdToNetwork = (chainId?: string) => {
   if (chainId === '1') return 'mainnet'
@@ -39,6 +39,11 @@ const getAvatarSrc = async (record: string) => {
       return `https://arweave.net/${decoded}`
     }
 
+    if (protocol === 'walrus') {
+      const { decoded } = getProtocolType(record)!
+      return `https://aggregator.walrus-testnet.walrus.space/v1/blobs/${decoded}`
+    }
+
     if (protocol === 'eip155') {
       const apiUrl = makeApiURL(record)
       if (!apiUrl) return

src/utils/contenthash.ts

@@ -9,8 +9,9 @@ export type ContentHashProtocol =
   | 'sia'
   | 'arweave'
   | 'ar'
+  | 'walrus'
 
-export type ContentHashProvider = 'ipfs' | 'swarm' | 'onion' | 'skynet' | 'arweave'
+export type ContentHashProvider = 'ipfs' | 'swarm' | 'onion' | 'skynet' | 'arweave' | 'walrus'
 
 type GetContentHashLinkParameters = {
   name: string
@@ -50,6 +51,9 @@ export const getContentHashLink = ({
   if (protocol === 'ar') {
     return `https://arweave.net/${hash}`
   }
+  if (protocol === 'walrus') {
+    return `https://aggregator.walrus-testnet.walrus.space/v1/blobs/${hash}`
+  }
   return null
 }
 
@@ -76,6 +80,7 @@ const contentHashProtocolToProviderMap = {
   sia: 'skynet',
   arweave: 'arweave',
   ar: 'arweave',
+  walrus: 'walrus',
 } as const
 
 export const getContentHashProvider = (protocol: ContentHashProtocol): ContentHashProvider =>

src/validators/validateContentHash.ts

@@ -11,6 +11,7 @@ const contentHashToProtocols = {
   onion: ['onion', 'onion3'],
   skynet: ['sia'],
   arweave: ['arweave', 'ar'],
+  walrus: ['walrus'],
 }
 
 export const validateContentHash =
@@ -19,6 +20,7 @@ export const validateContentHash =
     if (!value) return true
 
     const output = getProtocolType(value)
+    console.log("protocol:",output)
     if (!output) return 'Invalid protocol type'
     const { protocolType, decoded } = output
     if (provider !== 'all' && !contentHashToProtocols[provider]?.includes(protocolType))
@@ -29,6 +31,7 @@ export const validateContentHash =
       (protocolType === 'onion' && decoded.length !== 16) ||
       (protocolType === 'onion3' && decoded.length !== 56) ||
       (protocolType === 'sia' && decoded.length !== 46) ||
+      (protocolType === 'walrus' && decoded.length !== 66) ||
       (['arweave', 'ar'].includes(protocolType) && decoded.length !== 43)
     )
       return 'Invalid content id'