diff --git a/examples/injective-vue/.gitignore b/examples/injective-vue/.gitignore new file mode 100644 index 00000000..a547bf36 --- /dev/null +++ b/examples/injective-vue/.gitignore @@ -0,0 +1,24 @@ +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +pnpm-debug.log* +lerna-debug.log* + +node_modules +dist +dist-ssr +*.local + +# Editor directories and files +.vscode/* +!.vscode/extensions.json +.idea +.DS_Store +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? diff --git a/examples/injective-vue/.vscode/extensions.json b/examples/injective-vue/.vscode/extensions.json new file mode 100644 index 00000000..58b7200f --- /dev/null +++ b/examples/injective-vue/.vscode/extensions.json @@ -0,0 +1,5 @@ +{ + "recommendations": [ + "Vue.volar" + ] +} \ No newline at end of file diff --git a/examples/injective-vue/CHANGELOG.md b/examples/injective-vue/CHANGELOG.md new file mode 100644 index 00000000..64b19e6f --- /dev/null +++ b/examples/injective-vue/CHANGELOG.md @@ -0,0 +1,24 @@ +# Change Log + +All notable changes to this project will be documented in this file. +See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. + +## [0.0.3](https://github.com/hyperweb-io/create-interchain-app/compare/@hyperweb/injective-vue@0.0.2...@hyperweb/injective-vue@0.0.3) (2025-01-27) + +**Note:** Version bump only for package @hyperweb/injective-vue + + + + + +## 0.0.2 (2025-01-27) + +**Note:** Version bump only for package @hyperweb/injective-vue + + + + + +## 0.0.1 (2025-01-27) + +**Note:** Version bump only for package injective-vue diff --git a/examples/injective-vue/README.md b/examples/injective-vue/README.md new file mode 100644 index 00000000..f187fe9c --- /dev/null +++ b/examples/injective-vue/README.md @@ -0,0 +1,124 @@ +# Introduction +This example demonstrates the usage of Vue composables provided by [@interchain-kit/vue](https://github.com/hyperweb-io/interchain-kit/tree/main/packages/vue) and generated by [telescope](https://github.com/hyperweb-io/telescope). +## Directory Structure +``` +├── src/ +│ ├── components/ +│ │ ├── asset-list/ +│ │ ├── provide-liquidity/ +│ │ └── stake-tokens/ +│ ├── composables/ +│ │ ├── common/ +│ │ └── injective/ +│ ├── utils/ +│ │ ├── asset-list/ +│ │ ├── stake-tokens/ +│ │ └── voting/ +│ ├── views/ +│ │ ├── index.vue +│ │ └── injective.vue +│ ├── router.ts +│ ├── utils/ +│ ├── App.vue +│ └── main.ts +``` +## Pages + +### Asset List +- **Completion Status:** ✅ Completed +- **Functionalities:** + - Wallet connect + - Assets display + - IBC transfer +- **Telescope generated `Vue Composables` Used:** +```ts +cosmos.bank.v1beta1.useBalance +cosmos.bank.v1beta1.useAllBalances +cosmos.staking.v1beta1.useDelegatorDelegations +osmosis.gamm.v1beta1.usePools +``` +- **`msgType`s are signAndBroadcasted:** +```ts +/ibc.applications.transfer.v1.MsgTransfer +``` + +### Auth +- **Completion Status:** ✅ Completed +- **Functionalities:** + - Vote permission granting and revoking + - Send permission granting and revoking + - Delegate permission granting and revoking + - Claim rewards granting and revoking +- **Telescope generated `Vue Composables` Used:** +```ts +cosmos.authz.v1beta1.useGranterGrants +cosmos.authz.v1beta1.useGranteeGrants +cosmos.staking.v1beta1.useValidators +``` +- **`msgType`s are signAndBroadcasted:** +```ts +/cosmos.authz.v1beta1.MsgRevoke +/cosmos.authz.v1beta1.MsgGrant +``` + +### Voting +- **Completion Status:** ✅ Completed +- **Functionalities:** + - Proposals display + - Proposal voting +- **Telescope generated `Vue Composables` Used:** +```ts +cosmos.gov.v1.useProposals +cosmos.gov.v1.useParams +cosmos.gov.v1.useProposals +cosmos.staking.v1beta1.usePools +``` +- **`msgType`s are signAndBroadcasted:** +```ts +/cosmos.gov.v1.MsgVote +``` + +### Injective +- **Completion Status:** ✅ Completed +- **Functionalities:** + - inj balance display +- **Telescope Generated Tree Shakable Hooks Used:** +```ts +cosmos.bank.v1beta1.useBalance +``` + - The location of usage `./src/composables/injective/useBalanceVue.ts` + - This is the demonstration of tree shakable function `useBalance` generated by `telescope` + +### Stake tokens +- **Completion Status:** ⏳ In Progress... 50% done. +- **Functionalities:** + - all validators display + - validators display for a specified address + - claimable rewards display + - staked tokens display for a specified chain + - claim rewards + - manage validators +- **Telescope generated `Vue Composables` Used:** +```ts +cosmos.mint.v1beta.useAnnualProvisions +cosmos.distribution.v1beta1.useParams +cosmos.distribution.v1beta1.useDelegationTotalRewards +codegen.cosmos.staking.v1beta1.useDelegatorValidators +cosmos.staking.v1beta1.useParams +``` +- **`msgType`s are signAndBroadcasted:** +```ts +``` + +### Provide Liquidity +- **Completion Status:** ⏳ In Progress... + +### Swap tokens +- **Completion Status:** ⏳ In Progress... + + +### Rollkit +- **Completion Status:** ⏳ In Progress... + +### Grpc Web & Grpc Gateway +- **Completion Status:** ⏳ In Progress... \ No newline at end of file diff --git a/examples/injective-vue/index.html b/examples/injective-vue/index.html new file mode 100644 index 00000000..dde16aaf --- /dev/null +++ b/examples/injective-vue/index.html @@ -0,0 +1,13 @@ + + +
+ + + +