updates

Author: julienrbrt

cca/README.md

@@ -1,6 +1,13 @@
 # CCA App
 
-* <https://github.com/cosmology-tech/create-cosmos-app>
+This Ignite App is aimed to extend [Ignite CLI](https://github.com/ignite/cli) and bootstrap the development of a chain frontend.
+It uses the widely used [Cosmology create-cosmos-app](https://github.com/cosmology-tech/create-cosmos-app) template and its libraries.
+
+## Prerequisites
+
+* Ignite v28.7.0 or later
+* Node.js
+* [Corepack](https://yarnpkg.com/corepack)
 
 ## Installation
 
@@ -13,6 +20,11 @@ ignite app install -g github.com/ignite/apps/cca
 ```shell
 ignite s cca
 cd web
-npm install
-npm start
+yarn
+yarn dev
 ```
+
+Learn more about Cosmos-Kit and Ignite in their respective documentation:
+
+* <https://docs.ignite.com>
+* <https://github.com/cosmology-tech/create-cosmos-app>

cca/templates/README.md

@@ -1,6 +1,16 @@
 # Templates
 
-The template is based on [Cosmology chain-admin template](https://github.com/cosmology-tech/create-cosmos-app/tree/f758ce814fbe8bd1e7cb07d3a6e91242efe33cd4/templates/chain-template) at commit `f758ce814fbe8bd1e7cb07d3a6e91242efe33cd4`.
+The template is based on Cosmology's [chain-admin template](https://github.com/cosmology-tech/create-cosmos-app/tree/fd87039feee9568a86aa8d8d19edea8f4a78f599/templates/chain-template) at commit `fd87039feee9568a86aa8d8d19edea8f4a78f599`.
 
 Some modifications have been done to make it work nicer with Ignite scaffolded chains.
 An exhaustive list of changes compared to the original template can be found [here](./ignite-chain-admin.patch).
+
+## Development Instructions
+
+When upgrading the templates:
+
+- checkout `github.com/cosmology-tech/create-cosmos-app` at the above mentioned commit.
+- apply the git patch to the `chain-template` directory (`git apply ignite-chain-admin.patch`)
+- merge upstream changes from main
+- commit the changes (as a single commit, rewriting history if necessary -- `git reset $(git merge-base main $(git branch --show-current))`)
+- export the changes to a patch file (`git diff main > ignite-chain-admin.patch`)

cca/templates/ignite-chain-admin.patch

@@ -1,7 +1,8 @@
 import Image from 'next/image';
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import { useChain, useManager } from '@cosmos-kit/react';
 import { Box, Combobox, Skeleton, Stack, Text } from '@interchain-ui/react';
+import { Chain, AssetList } from '@chain-registry/types';
 
 import { useDetectBreakpoints } from '@/hooks';
 import { chainStore, useChainStore } from '@/contexts';
@@ -11,12 +12,28 @@ import { getSignerOptions } from '@/utils';
 export const ChainDropdown = () => {
   const { selectedChain } = useChainStore();
   const { chain } = useChain(selectedChain);
-  const [input, setInput] = useState<string>(chain.pretty_name);
+  const [input, setInput] = useState<string>(chain.chain_name);
   const { isMobile } = useDetectBreakpoints();
 
   const { addChains, getChainLogo } = useManager();
 
   // TODO(@julienrbrt), use addChains, and add the chain from the generate chain-registry.json
+  const loadAndAddChains = async () => {
+    try {
+      // Load chain and asset configurations
+      const chainConfig: Chain = await import('../../../../chain.json');
+      const assetConfig: AssetList = await import('../../../../assetlist.json');
+
+      // Add chains using cosmos-kit
+      await addChains([chainConfig],[assetConfig]);
+    } catch (error) {
+      console.error('Failed to load chain configuration:', error);
+    }
+  };
+
+  useEffect(() => {
+    loadAndAddChains();
+  }, []);
 
   const onOpenChange = (isOpen: boolean) => {};
 
@@ -63,7 +80,7 @@ export const ChainDropdown = () => {
           >
             <Image
               src={getChainLogo(c.chain_name) ?? ''}
-              alt={c.pretty_name}
+              alt={c.chain_name}
               width={isMobile ? 18 : 24}
               height={isMobile ? 18 : 24}
               style={{

cca/templates/web/components/common/Header/ChainDropdown.tsx

@@ -7,5 +7,4 @@ export const wallets = [
   _wallets.keplr.extension,
   _wallets.leap.extension,
   _wallets.cosmostation.extension,
-  _wallets.station.extension,
 ] as MainWalletBase[];

cca/templates/web/config/wallets.ts

@@ -21,14 +21,14 @@
     "@cosmjs/amino": "0.32.3",
     "@cosmjs/cosmwasm-stargate": "0.32.3",
     "@cosmjs/stargate": "0.31.1",
-    "@cosmos-kit/react": "2.18.0",
+    "@cosmos-kit/react": "2.21.2",
     "@interchain-ui/react": "1.23.31",
     "@interchain-ui/react-no-ssr": "0.1.2",
     "@tanstack/react-query": "4.32.0",
     "ace-builds": "1.35.0",
     "bignumber.js": "9.1.2",
-    "chain-registry": "1.69.33",
-    "cosmos-kit": "2.18.4",
+    "chain-registry": "^1.69.32",
+    "cosmos-kit": "2.23.4",
     "dayjs": "1.11.11",
     "interchain-query": "1.10.1",
     "next": "^13",
@@ -42,7 +42,7 @@
     "zustand": "4.5.2"
   },
   "devDependencies": {
-    "@chain-registry/types": "0.44.3",
+    "@chain-registry/types": "^0.50.13",
     "@keplr-wallet/types": "^0.12.111",
     "@tanstack/react-query-devtools": "4.32.0",
     "@types/node": "18.11.9",

cca/templates/web/package.json

@@ -31,7 +31,7 @@ export const getWalletLogo = (wallet: Wallet) => {
 };
 
 export const getSignerOptions = (): SignerOptions => {
-  const defaultGasPrice = GasPrice.fromString('0.025uatom');
+  const defaultGasPrice = GasPrice.fromString('0.025stake');
 
   return {
     // @ts-ignore