feat(sdk): Add asset search by multi-location ✨

paraspell · Nov 12, 2024 · e12327e · e12327e
1 parent 7730776
commit e12327e
Show file tree

Hide file tree

Showing 71 changed files with 7,548 additions and 5,822 deletions.
diff --git a/apps/playground/package.json b/apps/playground/package.json
@@ -33,7 +33,7 @@
     "@tabler/icons-react": "^3.21.0",
     "axios": "^1.7.7",
     "ethers": "^6.13.4",
-    "polkadot-api": "^1.6.5",
+    "polkadot-api": "^1.7.3",
     "react": "^18.3.1",
     "react-confetti": "^6.1.0",
     "react-dom": "^18.3.1",

diff --git a/apps/playground/src/components/CurrencySelection.tsx b/apps/playground/src/components/CurrencySelection.tsx
@@ -46,13 +46,25 @@ const CurrencySelection: FC<Props> = ({ form, currencyOptions }) => {
       {form.values.isCustomCurrency &&
         form.values.customCurrencyType === "multilocation" && (
           <JsonInput
-            placeholder="Enter Multi-Location JSON here"
+            placeholder="Input Multi-Location JSON or interior junctions JSON to search for and identify the asset"
             formatOnBlur
             autosize
             minRows={10}
             {...form.getInputProps("customCurrency")}
           />
         )}
+
+      {form.values.isCustomCurrency &&
+        form.values.customCurrencyType === "overridenMultilocation" && (
+          <JsonInput
+            placeholder="Provide the XCM Multi-Location JSON to override the default configuration"
+            formatOnBlur
+            autosize
+            minRows={10}
+            {...form.getInputProps("customCurrency")}
+          />
+        )}
+
       {!form.values.isCustomCurrency && (
         <Select
           key={form.values.from + form.values.to}
@@ -71,7 +83,7 @@ const CurrencySelection: FC<Props> = ({ form, currencyOptions }) => {
         <Group>
           <Checkbox
             size="xs"
-            label="Use Custom Currency"
+            label="Select custom asset"
             {...form.getInputProps("isCustomCurrency", { type: "checkbox" })}
           />
           {form.values.isCustomCurrency && (
@@ -81,6 +93,10 @@ const CurrencySelection: FC<Props> = ({ form, currencyOptions }) => {
                 { label: "Asset ID", value: "id" },
                 { label: "Symbol", value: "symbol" },
                 { label: "Multi-location", value: "multilocation" },
+                {
+                  label: "Override Multi-location",
+                  value: "overridenMultilocation",
+                },
               ]}
               {...form.getInputProps("customCurrencyType")}
             />

diff --git a/apps/playground/src/components/TransferForm.tsx b/apps/playground/src/components/TransferForm.tsx
@@ -25,7 +25,11 @@ export type FormValues = {
   amount: string;
   useApi: boolean;
   isCustomCurrency: boolean;
-  customCurrencyType?: "id" | "symbol" | "multilocation";
+  customCurrencyType?:
+    | "id"
+    | "symbol"
+    | "multilocation"
+    | "overridenMultilocation";
 };
 
 export type FormValuesTransformed = FormValues & {

diff --git a/apps/playground/src/components/XcmTransfer.tsx b/apps/playground/src/components/XcmTransfer.tsx
@@ -5,6 +5,7 @@ import TransferForm from "./TransferForm";
 import { useDisclosure, useScrollIntoView } from "@mantine/hooks";
 import {
   isForeignAsset,
+  Override,
   type Extrinsic,
   type TCurrencyInput,
   type TMultiLocation,
@@ -58,6 +59,10 @@ const XcmTransfer = () => {
         return {
           symbol: customCurrency,
         };
+      } else if (customCurrencyType === "overridenMultilocation") {
+        return {
+          multilocation: Override(JSON.parse(customCurrency) as TMultiLocation),
+        };
       } else {
         return {
           multilocation: JSON.parse(customCurrency) as TMultiLocation,
@@ -80,7 +85,7 @@ const XcmTransfer = () => {
       return hasDuplicateIds
         ? { symbol: currency.symbol ?? "" }
         : {
-            id: currency.assetId,
+            id: currency.assetId ?? "",
           };
     } else {
       throw Error("Currency is required");

diff --git a/apps/playground/src/hooks/useCurrencyOptions.ts b/apps/playground/src/hooks/useCurrencyOptions.ts
@@ -31,7 +31,7 @@ const useCurrencyOptions = (
     () =>
       Object.keys(currencyMap).map((key) => ({
         value: key,
-        label: `${currencyMap[key].symbol} - ${isForeignAsset(currencyMap[key]) ? currencyMap[key].assetId : "Native"}`,
+        label: `${currencyMap[key].symbol} - ${isForeignAsset(currencyMap[key]) ? (currencyMap[key].assetId ?? "Multi-location") : "Native"}`,
       })),
     [currencyMap],
   );

diff --git a/apps/playground/src/routes/RouterTransferPage.tsx b/apps/playground/src/routes/RouterTransferPage.tsx
@@ -173,12 +173,12 @@ const RouterTransferPage = () => {
       .to(to)
       .exchange(exchange)
       .currencyFrom(
-        isForeignAsset(currencyFrom)
+        isForeignAsset(currencyFrom) && currencyFrom.assetId
           ? { id: currencyFrom.assetId }
           : { symbol: currencyFrom.symbol ?? "" },
       )
       .currencyTo(
-        isForeignAsset(currencyTo)
+        isForeignAsset(currencyTo) && currencyTo.assetId
           ? { id: currencyTo.assetId }
           : { symbol: currencyTo.symbol ?? "" },
       )

diff --git a/apps/xcm-api/package.json b/apps/xcm-api/package.json
@@ -53,7 +53,7 @@
     "mixpanel": "^0.18.0",
     "nodemailer": "^6.9.16",
     "pg": "^8.13.1",
-    "polkadot-api": "^1.6.5",
+    "polkadot-api": "^1.7.3",
     "reflect-metadata": "^0.2.2",
     "rxjs": "^7.8.1",
     "typeorm": "^0.3.20",

diff --git a/packages/sdk/e2e/xcm-papi.test.ts b/packages/sdk/e2e/xcm-papi.test.ts
@@ -73,7 +73,7 @@ const filteredNodes = NODE_NAMES_DOT_KSM.filter(
 
 const findTransferableNodeAndAsset = (
   from: TNode
-): { nodeTo: TNode | undefined; asset: string | undefined; assetId: string | null } => {
+): { nodeTo: TNode | undefined; asset: string | undefined; assetId: string | null | undefined } => {
   const allFromAssets = getAssetsForNode(from)
 
   const nodeTo = NODE_NAMES_DOT_KSM.filter(
@@ -83,7 +83,7 @@ const findTransferableNodeAndAsset = (
 
     const filteredNodes =
       node === 'AssetHubPolkadot' || node === 'AssetHubKusama'
-        ? nodeAssets.filter(symbol => symbol !== 'DOT' && symbol !== 'KSM')
+        ? nodeAssets.filter(symbol => symbol !== 'DOT' && symbol !== 'KSM' && symbol !== 'GLMR')
         : nodeAssets
 
     const commonAsset = filteredNodes.filter(asset => allFromAssets.includes(asset))[0]

diff --git a/packages/sdk/e2e/xcm.test.ts b/packages/sdk/e2e/xcm.test.ts
@@ -52,7 +52,7 @@ const filteredNodes = NODE_NAMES_DOT_KSM.filter(
 
 const findTransferableNodeAndAsset = (
   from: TNode
-): { nodeTo: TNode | undefined; asset: string | undefined; assetId: string | null } => {
+): { nodeTo: TNode | undefined; asset: string | undefined; assetId: string | null | undefined } => {
   const allFromAssets = getAssetsForNode(from)
 
   const nodeTo = NODE_NAMES_DOT_KSM.filter(
@@ -62,7 +62,7 @@ const findTransferableNodeAndAsset = (
 
     const filteredNodes =
       node === 'AssetHubPolkadot' || node === 'AssetHubKusama'
-        ? nodeAssets.filter(symbol => symbol !== 'DOT' && symbol !== 'KSM')
+        ? nodeAssets.filter(symbol => symbol !== 'DOT' && symbol !== 'KSM' && symbol !== 'GLMR')
         : nodeAssets
 
     const commonAsset = filteredNodes.filter(asset => allFromAssets.includes(asset))[0]

diff --git a/packages/sdk/package.json b/packages/sdk/package.json
@@ -50,7 +50,7 @@
     "@polkadot/apps-config": ">= 0.145",
     "@polkadot/types": ">= 12.4 < 13",
     "@polkadot/util": ">= 13",
-    "polkadot-api": ">= 1.6.5 < 2"
+    "polkadot-api": ">= 1.7.3 < 2"
   },
   "peerDependenciesMeta": {
     "@polkadot/api": {

diff --git a/packages/sdk/scripts/assets/addAliases.ts b/packages/sdk/scripts/assets/addAliases.ts
@@ -63,7 +63,7 @@ export function addAliasesToDuplicateSymbols(assetsMap: TAssetJsonMap): TAssetJs
 
       for (const asset of allAssets) {
         if (asset.symbol === symbol && isForeignAsset(asset)) {
-          const aliasNumber = aliasNumbers[asset.assetId]
+          const aliasNumber = asset.assetId ? aliasNumbers[asset.assetId] : undefined
           if (aliasNumber !== undefined) {
             asset.alias = `${symbol}${aliasNumber}`
           }