Add lighter vm and enable destination txs (#862)

ted-palmer · web-flow · commit 1ed92a5890ae · 2025-11-21T09:25:25.000-05:00
* Add lighter vm and enable destination txs

* feat: changeset
diff --git a/.changeset/violet-paths-live.md b/.changeset/violet-paths-live.md
@@ -0,0 +1,6 @@
+---
+'@relayprotocol/relay-sdk': patch
+'@relayprotocol/relay-kit-ui': patch
+---
+
+Add lighter vm and enable destination txs
diff --git a/packages/sdk/src/types/RelayChain.ts b/packages/sdk/src/types/RelayChain.ts
@@ -5,7 +5,7 @@ type RelayAPIChain = NonNullable<
   paths['/chains']['get']['responses']['200']['content']['application/json']['chains']
 >['0']
 
-export type ChainVM = 'evm' | 'svm' | 'bvm' | 'tvm' | 'suivm' | 'hypevm'
+export type ChainVM = 'evm' | 'svm' | 'bvm' | 'tvm' | 'suivm' | 'hypevm' | 'lvm'
 
 export type RelayChain = {
   id: number
diff --git a/packages/ui/src/components/common/TokenSelector/PaymentMethod.tsx b/packages/ui/src/components/common/TokenSelector/PaymentMethod.tsx
@@ -58,7 +58,7 @@ export type PaymentMethodProps = {
   isValidAddress?: boolean
   multiWalletSupportEnabled?: boolean
   fromChainWalletVMSupported?: boolean
-  supportedWalletVMs?: Omit<ChainVM, 'hypevm'>[]
+  supportedWalletVMs?: Omit<ChainVM, 'hypevm' | 'lvm'>[]
   popularChainIds?: number[]
   linkedWallets?: any[]
   setToken: (token: Token) => void
diff --git a/packages/ui/src/components/common/TokenSelector/TokenSelector.tsx b/packages/ui/src/components/common/TokenSelector/TokenSelector.tsx
@@ -71,7 +71,7 @@ export type TokenSelectorProps = {
   isValidAddress?: boolean
   multiWalletSupportEnabled?: boolean
   fromChainWalletVMSupported?: boolean
-  supportedWalletVMs?: Omit<ChainVM, 'hypevm'>[]
+  supportedWalletVMs?: Omit<ChainVM, 'hypevm' | 'lvm'>[]
   popularChainIds?: number[]
   setToken: (token: Token) => void
   onAnalyticEvent?: (eventName: string, data?: any) => void
diff --git a/packages/ui/src/components/widgets/OnrampWidget/widget/OnrampWidgetRenderer.tsx b/packages/ui/src/components/widgets/OnrampWidget/widget/OnrampWidgetRenderer.tsx
@@ -65,7 +65,7 @@ export type ChildrenProps = {
 
 type OnrampWidgetRendererProps = {
   defaultWalletAddress?: string
-  supportedWalletVMs: Omit<ChainVM, 'hypevm'>[]
+  supportedWalletVMs: Omit<ChainVM, 'hypevm' | 'lvm'>[]
   linkedWallets?: LinkedWallet[]
   multiWalletSupportEnabled?: boolean
   moonPayApiKey: string
diff --git a/packages/ui/src/components/widgets/OnrampWidget/widget/index.tsx b/packages/ui/src/components/widgets/OnrampWidget/widget/index.tsx
@@ -25,7 +25,7 @@ import { ProviderOptionsContext } from '../../../../providers/RelayKitProvider.j
 
 type BaseOnrampWidgetProps = {
   defaultWalletAddress?: string
-  supportedWalletVMs: Omit<ChainVM, 'hypevm'>[]
+  supportedWalletVMs: Omit<ChainVM, 'hypevm' | 'lvm'>[]
   moonPayApiKey: string
   moonPayThemeId?: string
   moonPayThemeMode?: 'dark' | 'light'
diff --git a/packages/ui/src/components/widgets/SwapWidget/index.tsx b/packages/ui/src/components/widgets/SwapWidget/index.tsx
@@ -63,7 +63,7 @@ type BaseSwapWidgetProps = {
   lockChainId?: number
   singleChainMode?: boolean
   wallet?: AdaptedWallet
-  supportedWalletVMs: Omit<ChainVM, 'hypevm'>[]
+  supportedWalletVMs: Omit<ChainVM, 'hypevm' | 'lvm'>[]
   disableInputAutoFocus?: boolean
   popularChainIds?: number[]
   disablePasteWalletAddressOption?: boolean
diff --git a/packages/ui/src/components/widgets/SwapWidgetRenderer.tsx b/packages/ui/src/components/widgets/SwapWidgetRenderer.tsx
@@ -66,7 +66,7 @@ type SwapWidgetRendererProps = {
   wallet?: AdaptedWallet
   linkedWallets?: LinkedWallet[]
   multiWalletSupportEnabled?: boolean
-  supportedWalletVMs: Omit<ChainVM, 'hypevm'>[]
+  supportedWalletVMs: Omit<ChainVM, 'hypevm' | 'lvm'>[]
   onConnectWallet?: () => void
   onAnalyticEvent?: (eventName: string, data?: any) => void
   onSwapError?: (error: string, data?: Execute) => void
@@ -130,7 +130,7 @@ export type ChildrenProps = {
   isBvmSwap: boolean
   isValidFromAddress: boolean
   isValidToAddress: boolean
-  supportedWalletVMs: Omit<ChainVM, 'hypevm'>[]
+  supportedWalletVMs: Omit<ChainVM, 'hypevm' | 'lvm'>[]
   fromChainWalletVMSupported: boolean
   toChainWalletVMSupported: boolean
   isRecipientLinked?: boolean
diff --git a/packages/ui/src/components/widgets/TokenWidget/widget/TokenWidgetRenderer.tsx b/packages/ui/src/components/widgets/TokenWidget/widget/TokenWidgetRenderer.tsx
@@ -64,7 +64,7 @@ type TokenWidgetRendererProps = {
   wallet?: AdaptedWallet
   linkedWallets?: LinkedWallet[]
   multiWalletSupportEnabled?: boolean
-  supportedWalletVMs: Omit<ChainVM, 'hypevm'>[]
+  supportedWalletVMs: Omit<ChainVM, 'hypevm' | 'lvm'>[]
   onConnectWallet?: () => void
   onAnalyticEvent?: (eventName: string, data?: any) => void
   onSwapError?: (error: string, data?: Execute) => void
@@ -140,7 +140,7 @@ export type ChildrenProps = {
   isBvmSwap: boolean
   isValidFromAddress: boolean
   isValidToAddress: boolean
-  supportedWalletVMs: Omit<ChainVM, 'hypevm'>[]
+  supportedWalletVMs: Omit<ChainVM, 'hypevm' | 'lvm'>[]
   fromChainWalletVMSupported: boolean
   toChainWalletVMSupported: boolean
   isRecipientLinked?: boolean
diff --git a/packages/ui/src/components/widgets/TokenWidget/widget/index.tsx b/packages/ui/src/components/widgets/TokenWidget/widget/index.tsx
@@ -54,7 +54,7 @@ type BaseTokenWidgetProps = {
   lockChainId?: number
   singleChainMode?: boolean
   wallet?: AdaptedWallet
-  supportedWalletVMs: Omit<ChainVM, 'hypevm'>[]
+  supportedWalletVMs: Omit<ChainVM, 'hypevm' | 'lvm'>[]
   disableInputAutoFocus?: boolean
   popularChainIds?: number[]
   disablePasteWalletAddressOption?: boolean
diff --git a/packages/ui/src/utils/address.ts b/packages/ui/src/utils/address.ts
@@ -15,6 +15,7 @@ import type { LinkedWallet } from '../types/index.js'
 import type { RelayKitProviderProps } from '../providers/RelayKitProvider.js'
 import { isSuiAddress } from '../utils/sui.js'
 import { isTronAddress } from './tron.js'
+import { isLighterAddress } from './lighter.js'
 
 export const isValidAddress = (
   vmType?: ChainVM,
@@ -56,6 +57,8 @@ export const isValidAddress = (
       return isSuiAddress(address)
     } else if (vmType === 'tvm') {
       return isTronAddress(address)
+    } else if (vmType === 'lvm') {
+      return isLighterAddress(address)
     }
   }
   return false
diff --git a/packages/ui/src/utils/lighter.ts b/packages/ui/src/utils/lighter.ts
@@ -0,0 +1,9 @@
+export const lighter = {
+  id: 3586256
+}
+
+const lighterAddressRegex = /^\d+$/
+
+export function isLighterAddress(address: string): boolean {
+  return lighterAddressRegex.test(address)
+}
diff --git a/packages/ui/src/utils/truncate.ts b/packages/ui/src/utils/truncate.ts
@@ -13,11 +13,20 @@ function truncateAddress(
   firstSectionLength?: number,
   lastSectionLength?: number
 ) {
-  return address
-    ? address.slice(0, firstSectionLength ?? 4) +
-        (shrinkInidicator || '…') +
-        address.slice(-(lastSectionLength ?? 4))
-    : address
+  if (!address) return address
+
+  const firstLength = firstSectionLength ?? 4
+  const lastLength = lastSectionLength ?? 4
+  const minLength = firstLength + lastLength + 1
+
+  // Only truncate if the address is longer than what the truncated version would be
+  if (address.length <= minLength) return address
+
+  return (
+    address.slice(0, firstLength) +
+    (shrinkInidicator || '…') +
+    address.slice(-lastLength)
+  )
 }
 
 function truncateEns(ensName: string, shrinkInidicator?: string) {
