Merge pull request #26 from hyperweb-io/package-removals

Package removals

Author: sdqede

examples/ibc-asset-list/components/asset-list/RowTransferModal.tsx

@@ -160,8 +160,8 @@ const TransferModalBody = (
 
   const destChain = useMemo(() => {
     return {
-      symbol: destChainInfo.chainName.toUpperCase(),
-      name: destChainInfo.prettyName,
+      symbol: destChainInfo?.chainName.toUpperCase(),
+      name: destChainInfo?.prettyName,
       address: destAddress ?? '',
       imgSrc: chains.find(c => c.chainName === destChainName)?.logoURIs?.png
     };

examples/ibc-asset-list/components/common/Header.tsx

@@ -4,7 +4,7 @@ import { dependencies } from '@/config';
 
 const stacks = ['Interchain Kit', 'Next.js'];
 
-const osmojs = dependencies[0];
+const interchainjs = dependencies[0];
 
 export function Header() {
   const { theme, setTheme } = useTheme();
@@ -55,14 +55,14 @@ export function Header() {
             {' + '}
 
             <Link
-              href={osmojs.name}
+              href={interchainjs.name}
               target="_blank"
               rel="noreferrer"
               attributes={{
                 fontSize: { mobile: '$4xl', tablet: '$8xl', desktop: '$8xl' },
               }}
             >
-              {osmojs.name}
+              {interchainjs.name}
             </Link>
           </Text>
         </Text>

examples/ibc-asset-list/package.json

@@ -21,7 +21,6 @@
     "@chain-registry/assets": "^1.70.32",
     "@chain-registry/types": "^0.50.13",
     "@chain-registry/v2": "^1.71.132",
-    "@cosmjs/stargate": "^0.32.3",
     "@emotion/react": "11.10.6",
     "@emotion/styled": "11.10.6",
     "@interchain-kit/core": "0.2.205",
@@ -41,7 +40,6 @@
     "interchain-react": "1.7.3",
     "match-sorter": "^6.3.3",
     "next": "^13",
-    "osmo-query": "16.5.1",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-icons": "^4.12.0"
@@ -57,4 +55,4 @@
     "typescript": "^5.1.6"
   },
   "packageManager": "[email protected]"
-}
+}

examples/injective-vue/package.json

@@ -11,8 +11,6 @@
   "dependencies": {
     "@chain-registry/v2": "^1.71.44",
     "@chain-registry/v2-types": "^0.53.20",
-    "@cosmjs/amino": "^0.32.4",
-    "@cosmjs/stargate": "^0.32.4",
     "@interchain-kit/core": "0.0.1-beta.39",
     "@interchain-kit/keplr-extension": "0.0.1-beta.39",
     "@interchain-kit/leap-extension": "0.0.1-beta.39",
@@ -23,7 +21,6 @@
     "@interchainjs/vue": "1.8.1",
     "@tanstack/vue-query": "5.62.7",
     "bignumber.js": "9.1.0",
-    "osmojs": "^16.15.0",
     "vue": "^3.5.13",
     "vue-router": "^4.5.0"
   },
@@ -33,6 +30,5 @@
     "typescript": "~5.6.2",
     "vite": "^6.0.0",
     "vue-tsc": "^2.1.10"
-  },
-  "packageManager": "[email protected]"
-}
+  }
+}

examples/injective-vue/src/components/asset-list/common/header.vue

@@ -2,7 +2,7 @@
 import { Link, Text, Box, Container, Button, Icon } from '@interchain-ui/vue';
 import { dependencies } from '@/config/asset-list/features'
 const stacks = ['Interchain Kit', 'Vue'];
-const osmojs = dependencies[0];
+const interchainjs = dependencies[0];
 
 </script>
 
@@ -26,10 +26,10 @@ const osmojs = dependencies[0];
       <Text as="span" :fontSize="{ mobile: '$4xl', tablet: '$8xl', desktop: '$8xl' }" color="$primary500">
         {{ stacks.join(' + ') }}
         <!-- {{ ' + ' }}
-        <Link :href="osmojs.name" target="_blank" rel="noreferrer" :attributes="{
+        <Link :href="interchainjs.name" target="_blank" rel="noreferrer" :attributes="{
           fontSize: { mobile: '$4xl', tablet: '$8xl', desktop: '$8xl' },
         }">
-        {{ osmojs.name }}
+        {{ interchainjs.name }}
         </Link> -->
       </Text>
     </Text>

examples/injective-vue/src/components/asset-list/transfer-modal-body.vue

@@ -7,17 +7,13 @@ import BigNumber from 'bignumber.js'
 import { useChainUtils } from '../../composables/common/useChainUtils';
 import { IProps } from './row-transfer-modal.vue';
 import AssetWithdrawTokens from './asset-withdraw-tokens.vue';
-import { coins, StdFee } from '@cosmjs/amino';
-import { ibc, cosmos } from 'osmojs';
+import { StdFee } from '@interchainjs/cosmos-types/types';
 import { useStargateClient } from '../../composables/common/useStargateClient';
-
-const {
-    transfer
-} = ibc.applications.transfer.v1.MessageComposer.withTypeUrl
+import { MsgTransfer } from 'interchainjs/ibc/applications/transfer/v1/tx';
 
 interface IBodyProps extends IProps {
   inputValue: string
-} 
+}
 
 const props = defineProps<IBodyProps>()
 const emits = defineEmits<{
@@ -53,8 +49,8 @@ const availableAmount = computed(() => {
   if (!isDeposit.value) return transferToken.value.available ?? 0
   console.log('transferInfo.token', props.transferInfo.token)
   return new BigNumber(
-      convRawToDispAmount(props.transferInfo.token.symbol, balance.value?.amount || '0')
-    ).toNumber();
+    convRawToDispAmount(props.transferInfo.token.symbol, balance.value?.amount || '0')
+  ).toNumber();
 })
 
 const dollarValue = computed(() => {
@@ -67,10 +63,10 @@ const dollarValue = computed(() => {
 const sourceChain = computed(() => {
   const logo_URIs = getChainLogo(sourceChainName.value)
   return {
-      name: sourceChainInfo.value.prettyName,
-      address: sourceAddress.value ?? '',
-      imgSrc:  logo_URIs?.png || logo_URIs?.svg || '',
-    };
+    name: sourceChainInfo.value.prettyName,
+    address: sourceAddress.value ?? '',
+    imgSrc: logo_URIs?.png || logo_URIs?.svg || '',
+  };
 })
 
 const destChain = computed(() => {
@@ -83,18 +79,21 @@ const destChain = computed(() => {
   };
 })
 
-const handleSubmitTransfer = async() => {
+const handleSubmitTransfer = async () => {
   if (!sourceAddress.value || !destAddress.value) return;
   const transferAmount = new BigNumber(props.inputValue)
     .shiftedBy(getExponentByDenom(symbolToDenom(transferToken.value.symbol)))
     .toString();
-    const { sourcePort, sourceChannel } = getIbcInfo(
+  const { sourcePort, sourceChannel } = getIbcInfo(
     sourceChainName.value,
     destChainName.value
   );
 
   const fee: StdFee = {
-    amount: coins('1000', transferToken.value.denom ?? ''),
+    amount: [{
+      denom: transferToken.value.denom ?? '',
+      amount: '1000'
+    }],
     gas: '250000',
   };
 
@@ -112,16 +111,19 @@ const handleSubmitTransfer = async() => {
 
   let res = await sourceStargazeClient.value.signAndBroadcast(
     sourceAddress.value,
-    [transfer({
-      sourcePort,
+    [{
+      typeUrl: MsgTransfer.typeUrl,
+      value: MsgTransfer.fromPartial({
+        sourcePort,
         sourceChannel,
+        token,
         sender: sourceAddress.value,
         receiver: destAddress.value,
-        token,
-        // @ts-ignore
         timeoutHeight: undefined,
         timeoutTimestamp: BigInt(timeoutInNanos),
-    })],
+        memo: '',
+      }),
+    }],
     fee
   )
   console.log('res>>', res)
@@ -132,13 +134,8 @@ const handleSubmitTransfer = async() => {
 </script>
 
 <template>
-  <AssetWithdrawTokens 
-    :fromImgSrc="sourceChain.imgSrc"
-    :fromAddress="sourceChain.address"
-    :toImgSrc="destChain.imgSrc"
-    :toAddress="destChain.address"
-    @onTransfer="handleSubmitTransfer"
-  />
+  <AssetWithdrawTokens :fromImgSrc="sourceChain.imgSrc" :fromAddress="sourceChain.address" :toImgSrc="destChain.imgSrc"
+    :toAddress="destChain.address" @onTransfer="handleSubmitTransfer" />
 </template>
 
 <style scoped></style>

examples/injective-vue/src/composables/common/useChainUtils.ts

@@ -4,7 +4,7 @@ import { useWalletManager } from '@interchain-kit/vue'
 import { useAssets } from './useAssets'
 import { Asset } from '@chain-registry/types';
 import { ibc } from 'chain-registry'
-import { Coin } from 'osmojs/cosmos/base/v1beta1/coin';
+import { Coin } from '@interchainjs/cosmos-types/types';
 import BigNumber from 'bignumber.js'
 import { CoinDenom, CoinSymbol, Exponent, PriceHash } from '../../utils/asset-list/types';
 

examples/injective-vue/src/composables/common/useStargateClient.ts

@@ -1,7 +1,7 @@
 import { Ref, computed, ref, watch } from 'vue'
 import { ExtensionWallet } from '@interchain-kit/core'
 import { useChain, useWalletManager } from '@interchain-kit/vue'
-import { SigningStargateClient } from '@cosmjs/stargate'
+import { SigningClient as SigningStargateClient } from '@interchainjs/cosmos/signing-client';
 
 export const useStargateClient = (chainName: Ref<string>) => {
   const { rpcEndpoint, chain } = useChain(chainName)

examples/stake-tokens/package.json

@@ -27,7 +27,6 @@
     "chain-registry": "^1.69.32",
     "fast-fuzzy": "1.12.0",
     "interchain-kit": "0.0.1-beta.62",
-    "interchain-query": "1.10.1",
     "match-sorter": "^6.3.3",
     "next": "^13",
     "react": "18.3.1",
@@ -45,4 +44,4 @@
     "typescript": "^5.5.4"
   },
   "packageManager": "[email protected]"
-}
+}

examples/vote-proposal/package.json

@@ -31,7 +31,6 @@
     "fast-fuzzy": "1.12.0",
     "framer-motion": "9.0.7",
     "interchain-kit": "0.0.1-beta.62",
-    "interchain-query": "1.10.1",
     "match-sorter": "^6.3.3",
     "next": "^13",
     "react": "^18.2.0",
@@ -51,4 +50,4 @@
     "typescript": "^5.1.6"
   },
   "packageManager": "[email protected]"
-}
+}