app2 unwrap (#4243)

- **fix(app2): whitelist sepolia**
- **feat(ts-sdk): token wrapping query**
- **fix(ts-sdk): quote token stuff**
- **fix(ts-sdk): invert source/dest channel on unwrap**
- **fix(app2): unwrap transfer**
- **refactor(ts-sdk): always transform graphql denoms**

Author: Swepool

app2/src/lib/components/Transfer/ChainAsset/ChainSelector.svelte

@@ -36,9 +36,13 @@ const filteredChains = $derived(
   chains.data.pipe(
     Option.map(
       Arr.filter(c =>
-        ["corn.21000001", "bob.60808", "bob.808813", "babylon.bbn-test-5"].includes(
-          c.universal_chain_id
-        )
+        [
+          "corn.21000001",
+          "bob.60808",
+          "bob.808813",
+          "babylon.bbn-test-5",
+          "ethereum.11155111"
+        ].includes(c.universal_chain_id)
       )
     )
   )

app2/src/lib/components/Transfer/transfer.svelte.ts

@@ -1,6 +1,13 @@
 import { Match, Option } from "effect"
 import { RawTransferSvelte } from "./raw-transfer.svelte.ts"
-import type { Channel, AddressCanonicalBytes, Token, TokenRawDenom } from "@unionlabs/sdk/schema"
+import type {
+  Channel,
+  AddressCanonicalBytes,
+  Token,
+  TokenRawDenom,
+  UniversalChainId,
+  ChannelId
+} from "@unionlabs/sdk/schema"
 import { tokensStore } from "$lib/stores/tokens.svelte.ts"
 import { chains } from "$lib/stores/chains.svelte.ts"
 import { type Address, fromHex, type Hex, isHex } from "viem"
@@ -17,6 +24,8 @@ export type TransferIntent = {
   baseToken: TokenRawDenom
   baseAmount: bigint
   quoteAmount: bigint
+  sourceChainId: UniversalChainId
+  sourceChannelId: ChannelId
 }
 export type TransferIntents = Array<TransferIntent>
 
@@ -269,14 +278,17 @@ export class Transfer {
         // if (Option.isNone(this.wethBaseToken)) return Option.none<TransferIntents>()
         // const wethToken = Option.getOrUndefined(this.wethBaseToken)
         // if (!wethToken) return Option.none<TransferIntents>()
+        console.log("yo cor", transferValue.sourceChain)
 
         return Option.some<TransferIntents>([
           {
             sender: sender,
             receiver: transferValue.receiver,
             baseToken: transferValue.baseToken,
             baseAmount: transferValue.baseAmount,
-            quoteAmount: transferValue.baseAmount
+            quoteAmount: transferValue.baseAmount,
+            sourceChainId: transferValue.sourceChain.universal_chain_id,
+            sourceChannelId: transferValue.sourceChannelId
           }
           // {
           //   sender: sender,
@@ -297,7 +309,9 @@ export class Transfer {
               ? fromHex(transferValue.baseToken, "string")
               : transferValue.baseToken,
             baseAmount: transferValue.baseAmount,
-            quoteAmount: transferValue.baseAmount
+            quoteAmount: transferValue.baseAmount,
+            sourceChainId: transferValue.sourceChain.universal_chain_id,
+            sourceChannelId: transferValue.sourceChannelId
           }
         ])
       }),

app2/src/lib/utils/queries.ts

@@ -10,6 +10,7 @@ import type { TimeoutException, UnknownException } from "effect/Cause"
 
 export type FetchDecodeError = HttpClientError | ParseError | TimeoutException
 
+// Deprecated, use the one from ts-sdk
 export const fetchDecode = <S>(schema: Schema.Schema<S>, url: string) =>
   Effect.gen(function* () {
     const client = yield* HttpClient.HttpClient
@@ -20,6 +21,7 @@ export const fetchDecode = <S>(schema: Schema.Schema<S>, url: string) =>
 
 export type FetchDecodeGraphqlError = UnknownException | ParseError | TimeoutException
 
+// Deprecated, use the one from ts-sdk
 export const fetchDecodeGraphql = <S, E, D, V extends object | undefined>(
   schema: Schema.Schema<S, E>,
   document: TadaDocumentNode<D, V>,

pnpm-lock.yaml

@@ -74,6 +74,9 @@
     "babel-plugin-annotate-pure-calls": "^0.5.0",
     "biome": "^0.3.3",
     "dpdm": "^3.14.0",
+    "@effect/platform": "^0.77.2",
+    "gql.tada": "^1.8.10",
+    "graphql-request": "^7.1.2",
     "effect": "^3.13.12",
     "viem": "^2.23.12"
   },

ts-sdk/package.json

@@ -0,0 +1 @@
+export const GRAPHQL_URL = "https://development.graphql.union.build/v1/graphql"