Skip to content

Commit

Permalink
updates
Browse files Browse the repository at this point in the history
  • Loading branch information
pyramation committed Jan 28, 2025
1 parent 7a23d27 commit 01cbcb0
Show file tree
Hide file tree
Showing 20 changed files with 719 additions and 693 deletions.
40 changes: 25 additions & 15 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,16 +1,16 @@
# Interchain UI

<p align="center" width="100%">
<img height="250" src="https://github.com/cosmology-tech/interchain-ui/assets/545047/d08ac5da-cba7-461b-b707-d0fe2e2205fd" />
<img height="250" src="https://github.com/hyperweb-io/interchain-ui/assets/545047/d08ac5da-cba7-461b-b707-d0fe2e2205fd" />
</p>

<p align="center" width="100%">
The Design System for the Interchain
</p>

<p align="center" width="100%">
<a href="https://www.npmjs.com/package/@interchain-ui/react"><img height="20" src="https://img.shields.io/github/package-json/v/cosmology-tech/interchain-ui?filename=packages%2Freact%2Fpackage.json"/></a>
<a href="https://github.com/cosmology-tech/interchain-ui/blob/main/LICENSE"><img height="20" src="https://img.shields.io/badge/license-MIT-blue.svg"/></a>
<a href="https://www.npmjs.com/package/@interchain-ui/react"><img height="20" src="https://img.shields.io/github/package-json/v/hyperweb-io/interchain-ui?filename=packages%2Freact%2Fpackage.json"/></a>
<a href="https://github.com/hyperweb-io/interchain-ui/blob/main/LICENSE"><img height="20" src="https://img.shields.io/badge/license-MIT-blue.svg"/></a>
<a href="https://www.npmjs.com/package/@interchain-ui/react">
<img height="20" src="https://img.shields.io/npm/dt/@interchain-ui/react" />
</a>
Expand All @@ -30,12 +30,12 @@ The Design System for the Interchain
- [Customizing theme](#customizing-theme)
- [Package dev scripts in root package.json](#package-dev-scripts-in-root-packagejson)
- [Convention](#convention)
- [Related](#related)
- [Stack](#interchain-javascript-stack-️)
- [Credits](#credits)

## 🎨 What is Interchain UI?

Interchain UI is a foundation library for UI elements used in [cosmos-kit](https://github.com/cosmology-tech/cosmos-kit) and other packages. It provides developers with pre-built components and a foundation for creating user interfaces across different frameworks, such as VueJS, React, Angular, Svelte, SolidJS, and Web Components, enabling developers to customize UI elements and themes. This gives us the ability to code a component once, and it will compile to all framework targets.
Interchain UI is a foundation library for UI elements used in [cosmos-kit](https://github.com/hyperweb-io/cosmos-kit) and other packages. It provides developers with pre-built components and a foundation for creating user interfaces across different frameworks, such as VueJS, React, Angular, Svelte, SolidJS, and Web Components, enabling developers to customize UI elements and themes. This gives us the ability to code a component once, and it will compile to all framework targets.

## Usage

Expand Down Expand Up @@ -117,20 +117,30 @@ Check [Customizing guide](./docs/custom-theme.md) to know how to customize the d
```
- You can then attach the event handlers to the JSX tag with spread attribute `{...state.eventHandlers}`, this will be transformed to be a `v-on` directive in Vue

## Related
## Interchain JavaScript Stack ⚛️

Checkout these related projects:
A unified toolkit for building applications and smart contracts in the Interchain ecosystem

* [telescope](https://github.com/cosmology-tech/telescope) Your Frontend Companion for Building with TypeScript with Cosmos SDK Modules.
* [@cosmwasm/ts-codegen](https://github.com/CosmWasm/ts-codegen) Convert your CosmWasm smart contracts into dev-friendly TypeScript classes.
* [chain-registry](https://github.com/cosmology-tech/chain-registry) Everything from token symbols, logos, and IBC denominations for all assets you want to support in your application.
* [cosmos-kit](https://github.com/cosmology-tech/cosmos-kit) Experience the convenience of connecting with a variety of web3 wallets through a single, streamlined interface.
* [create-cosmos-app](https://github.com/cosmology-tech/create-cosmos-app) Set up a modern Cosmos app by running one command.
* [interchain-ui](https://github.com/cosmology-tech/interchain-ui) The Interchain Design System, empowering developers with a flexible, easy-to-use UI kit.
* [starship](https://github.com/cosmology-tech/starship) Unified Testing and Development for the Interchain.
| Category | Tools | Description |
|----------------------|------------------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------------------------------------|
| **Chain Information** | [**Chain Registry**](https://github.com/hyperweb-io/chain-registry), [**Utils**](https://www.npmjs.com/package/@chain-registry/utils), [**Client**](https://www.npmjs.com/package/@chain-registry/client) | Everything from token symbols, logos, and IBC denominations for all assets you want to support in your application. |
| **Wallet Connectors**| [**Interchain Kit**](https://github.com/hyperweb-io/interchain-kit)<sup>beta</sup>, [**Cosmos Kit**](https://github.com/hyperweb-io/cosmos-kit) | Experience the convenience of connecting with a variety of web3 wallets through a single, streamlined interface. |
| **Signing Clients** | [**InterchainJS**](https://github.com/hyperweb-io/interchainjs)<sup>beta</sup>, [**CosmJS**](https://github.com/cosmos/cosmjs) | A single, universal signing interface for any network |
| **SDK Clients** | [**Telescope**](https://github.com/hyperweb-io/telescope) | Your Frontend Companion for Building with TypeScript with Cosmos SDK Modules. |
| **Starter Kits** | [**Create Interchain App**](https://github.com/hyperweb-io/create-interchain-app)<sup>beta</sup>, [**Create Cosmos App**](https://github.com/hyperweb-io/create-cosmos-app) | Set up a modern Interchain app by running one command. |
| **UI Kits** | [**Interchain UI**](https://github.com/hyperweb-io/interchain-ui) | The Interchain Design System, empowering developers with a flexible, easy-to-use UI kit. |
| **Testing Frameworks** | [**Starship**](https://github.com/hyperweb-io/starship) | Unified Testing and Development for the Interchain. |
| **TypeScript Smart Contracts** | [**Create Hyperweb App**](https://github.com/hyperweb-io/create-hyperweb-app) | Build and deploy full-stack blockchain applications with TypeScript |
| **CosmWasm Contracts** | [**CosmWasm TS Codegen**](https://github.com/CosmWasm/ts-codegen) | Convert your CosmWasm smart contracts into dev-friendly TypeScript classes. |

## Credits

🛠 Built by Hyperweb (formerly Cosmology) — if you like our tools, please checkout and contribute to [our github ⚛️](https://github.com/hyperweb-io)

Checkout [`mitosis`](https://github.com/BuilderIO/mitosis) from BuilderIO to compile lite JSX.

🛠 Built by Hyperweb (formerly Cosmology) — if you like our tools, please checkout and contribute to [our github ⚛️](https://github.com/hyperweb-io)
## Disclaimer

AS DESCRIBED IN THE LICENSES, THE SOFTWARE IS PROVIDED “AS IS”, AT YOUR OWN RISK, AND WITHOUT WARRANTIES OF ANY KIND.

No developer or entity involved in creating this software will be liable for any claims or damages whatsoever associated with your use, inability to use, or your interaction with other users of the code, including any direct, indirect, incidental, special, exemplary, punitive or consequential damages, or loss of profits, cryptocurrencies, tokens, or anything else of value.
4 changes: 2 additions & 2 deletions apps/vue-example/src/data/connect-wallet-data.ts
Original file line number Diff line number Diff line change
Expand Up @@ -81,7 +81,7 @@ export const wallets = [
description: "CosmosKit test dapp",
url: "https://test.cosmoskit.com/",
icons: [
"https://raw.githubusercontent.com/cosmology-tech/cosmos-kit/main/packages/docs/public/favicon-96x96.png",
"https://raw.githubusercontent.com/hyperweb-io/cosmos-kit/main/packages/docs/public/favicon-96x96.png",
],
},
},
Expand Down Expand Up @@ -6084,7 +6084,7 @@ export const wallets = [
'{"client_ed25519_seed":"9a4148696eb47f9b9cc4b8a7ecc0c6f6ca47468f90679eac28bb8d0723ad9898","196db3b93094795685a4e4f4365613c17fad92307c18bbf4d6090ec773866342":"5c775b37001b3be7a9bbfb5f39dca397f8b1dcd760e4836c2154d61ba851d2c2","f6c0213a10433a53485fbd4569bda6a999a64d1ad75d029840c480622272081b":"aab1b6f2643cf17c335ed03a700434b89dd916201476304078e82fe07e40fc51"}',
"wc@2:core:0.3//messages": "{}",
"wc@2:core:0.3//history":
'[{"id":1689838161581081,"topic":"e99996da6edda9e4aacf2a829c255e0cf7861617ad524062783ddab44211e16e","request":{"method":"wc_sessionPropose","params":{"requiredNamespaces":{"cosmos":{"methods":["cosmos_getAccounts","cosmos_signAmino","cosmos_signDirect"],"chains":["cosmos:cosmoshub-4"],"events":["chainChanged","accountsChanged"]}},"optionalNamespaces":{},"relays":[{"protocol":"irn"}],"proposer":{"publicKey":"196db3b93094795685a4e4f4365613c17fad92307c18bbf4d6090ec773866342","metadata":{"name":"CosmosKit Example","description":"CosmosKit Docs","url":"https://docs.cosmoskit.com/","icons":["https://raw.githubusercontent.com/cosmology-tech/cosmos-kit/main/packages/docs/public/favicon-96x96.png"]}}}},"chainId":null,"expiry":1692430161},{"id":1689846017351795,"topic":"d0058941770626fc951b197168bcc509b829e3725ca0a435b66f75b4a39cb41d","request":{"method":"wc_sessionPropose","params":{"requiredNamespaces":{"cosmos":{"methods":["cosmos_getAccounts","cosmos_signAmino","cosmos_signDirect"],"chains":["cosmos:osmosis-1"],"events":["chainChanged","accountsChanged"]}},"optionalNamespaces":{},"relays":[{"protocol":"irn"}],"proposer":{"publicKey":"f6c0213a10433a53485fbd4569bda6a999a64d1ad75d029840c480622272081b","metadata":{"name":"CosmosKit Example","description":"CosmosKit test dapp","url":"https://test.cosmoskit.com/","icons":["https://raw.githubusercontent.com/cosmology-tech/cosmos-kit/main/packages/docs/public/favicon-96x96.png"]}}}},"chainId":null,"expiry":1692438017}]',
'[{"id":1689838161581081,"topic":"e99996da6edda9e4aacf2a829c255e0cf7861617ad524062783ddab44211e16e","request":{"method":"wc_sessionPropose","params":{"requiredNamespaces":{"cosmos":{"methods":["cosmos_getAccounts","cosmos_signAmino","cosmos_signDirect"],"chains":["cosmos:cosmoshub-4"],"events":["chainChanged","accountsChanged"]}},"optionalNamespaces":{},"relays":[{"protocol":"irn"}],"proposer":{"publicKey":"196db3b93094795685a4e4f4365613c17fad92307c18bbf4d6090ec773866342","metadata":{"name":"CosmosKit Example","description":"CosmosKit Docs","url":"https://docs.cosmoskit.com/","icons":["https://raw.githubusercontent.com/hyperweb-io/cosmos-kit/main/packages/docs/public/favicon-96x96.png"]}}}},"chainId":null,"expiry":1692430161},{"id":1689846017351795,"topic":"d0058941770626fc951b197168bcc509b829e3725ca0a435b66f75b4a39cb41d","request":{"method":"wc_sessionPropose","params":{"requiredNamespaces":{"cosmos":{"methods":["cosmos_getAccounts","cosmos_signAmino","cosmos_signDirect"],"chains":["cosmos:osmosis-1"],"events":["chainChanged","accountsChanged"]}},"optionalNamespaces":{},"relays":[{"protocol":"irn"}],"proposer":{"publicKey":"f6c0213a10433a53485fbd4569bda6a999a64d1ad75d029840c480622272081b","metadata":{"name":"CosmosKit Example","description":"CosmosKit test dapp","url":"https://test.cosmoskit.com/","icons":["https://raw.githubusercontent.com/hyperweb-io/cosmos-kit/main/packages/docs/public/favicon-96x96.png"]}}}},"chainId":null,"expiry":1692438017}]',
"cosmos-kit@2:core//current-wallet": "station-extension",
"wc@2:core:0.3//expirer": "[]",
"chakra-ui-color-mode": "light",
Expand Down
2 changes: 1 addition & 1 deletion lerna.json
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
"registry": "https://registry.npmjs.org",
"command": {
"create": {
"homepage": "https://github.com/cosmology-tech/interchain-ui",
"homepage": "https://github.com/hyperweb-io/interchain-ui",
"license": "SEE LICENSE IN LICENSE",
"access": "restricted"
},
Expand Down
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
"version": "0.1.0",
"repository": {
"type": "git",
"url": "https://github.com/cosmology-tech/interchain-ui.git"
"url": "https://github.com/hyperweb-io/interchain-ui.git"
},
"publishConfig": {
"access": "restricted"
Expand Down
4 changes: 2 additions & 2 deletions packages/compiler/CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,8 +7,8 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline

### Bug Fixes

- vuejs build ([#200](https://github.com/cosmology-tech/interchain-ui/issues/200)) ([29cd673](https://github.com/cosmology-tech/interchain-ui/commit/29cd6737408fe1151967012facf4dc8683743552))
- vuejs build ([#200](https://github.com/hyperweb-io/interchain-ui/issues/200)) ([29cd673](https://github.com/hyperweb-io/interchain-ui/commit/29cd6737408fe1151967012facf4dc8683743552))

### Features

- stories for vue ([#201](https://github.com/cosmology-tech/interchain-ui/issues/201)) ([6d318c6](https://github.com/cosmology-tech/interchain-ui/commit/6d318c620100ac67b34f6e16431f31971c026c52))
- stories for vue ([#201](https://github.com/hyperweb-io/interchain-ui/issues/201)) ([6d318c6](https://github.com/hyperweb-io/interchain-ui/commit/6d318c620100ac67b34f6e16431f31971c026c52))
6 changes: 3 additions & 3 deletions packages/compiler/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
"private": true,
"description": "Compiler for Interchain UI component",
"author": "yyyyaaa <[email protected]>",
"homepage": "https://github.com/cosmology-tech/interchain-ui/tree/main/packages/compiler#readme",
"homepage": "https://github.com/hyperweb-io/interchain-ui/tree/main/packages/compiler#readme",
"license": "SEE LICENSE IN LICENSE",
"main": "dist/index.js",
"types": "dist/index.d.ts",
Expand All @@ -20,14 +20,14 @@
},
"repository": {
"type": "git",
"url": "git+https://github.com/cosmology-tech/interchain-ui.git"
"url": "git+https://github.com/hyperweb-io/interchain-ui.git"
},
"scripts": {
"build": "tsc",
"test": "jest"
},
"bugs": {
"url": "https://github.com/cosmology-tech/interchain-ui/issues"
"url": "https://github.com/hyperweb-io/interchain-ui/issues"
},
"dependencies": {
"@babel/core": "^7.24.7",
Expand Down
8 changes: 4 additions & 4 deletions packages/parcel-optimizer-unlink-css/CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,11 +8,11 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline

### Bug Fixes

* improve and fix some nextjs related bugs ([#32](https://github.com/cosmology-tech/ui-kit/issues/32)) ([ae5b352](https://github.com/cosmology-tech/ui-kit/commit/ae5b35247b1a2e12f956363761c56e00e1fb9818))
* optimize dev script ([52b7e48](https://github.com/cosmology-tech/ui-kit/commit/52b7e483579161bedce97ece68090c0a9b58e54c))
* TS errors ([#36](https://github.com/cosmology-tech/ui-kit/issues/36)) ([85d4732](https://github.com/cosmology-tech/ui-kit/commit/85d4732d735620416007084a345bc01ba8f42fd9))
* improve and fix some nextjs related bugs ([#32](https://github.com/hyperweb-io/ui-kit/issues/32)) ([ae5b352](https://github.com/hyperweb-io/ui-kit/commit/ae5b35247b1a2e12f956363761c56e00e1fb9818))
* optimize dev script ([52b7e48](https://github.com/hyperweb-io/ui-kit/commit/52b7e483579161bedce97ece68090c0a9b58e54c))
* TS errors ([#36](https://github.com/hyperweb-io/ui-kit/issues/36)) ([85d4732](https://github.com/hyperweb-io/ui-kit/commit/85d4732d735620416007084a345bc01ba8f42fd9))


### Features

* **build:** add unlink css post processing ([#31](https://github.com/cosmology-tech/ui-kit/issues/31)) ([3d40e8a](https://github.com/cosmology-tech/ui-kit/commit/3d40e8ac4f83f362f376d2af0e890f33684a552f))
* **build:** add unlink css post processing ([#31](https://github.com/hyperweb-io/ui-kit/issues/31)) ([3d40e8a](https://github.com/hyperweb-io/ui-kit/commit/3d40e8ac4f83f362f376d2af0e890f33684a552f))
6 changes: 3 additions & 3 deletions packages/parcel-optimizer-unlink-css/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
"private": true,
"description": "A Parcel Optimizer to unlink CSS assets from JS bundles",
"author": "yyyyaaa <[email protected]>",
"homepage": "https://github.com/cosmology-tech/ui-kit/tree/main/packages/parcel-optimizer-unlink-css#readme",
"homepage": "https://github.com/hyperweb-io/ui-kit/tree/main/packages/parcel-optimizer-unlink-css#readme",
"license": "SEE LICENSE IN LICENSE",
"main": "index.js",
"directories": {
Expand All @@ -21,11 +21,11 @@
},
"repository": {
"type": "git",
"url": "git+https://github.com/cosmology-tech/interchain-ui.git"
"url": "git+https://github.com/hyperweb-io/interchain-ui.git"
},
"scripts": {},
"bugs": {
"url": "https://github.com/cosmology-tech/interchain-ui/issues"
"url": "https://github.com/hyperweb-io/interchain-ui/issues"
},
"dependencies": {
"@parcel/plugin": "^2.12.0",
Expand Down
6 changes: 3 additions & 3 deletions packages/react-codemod/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
"version": "1.0.0",
"description": "> TODO: description",
"author": "yyyyaaa <[email protected]>",
"homepage": "https://github.com/cosmology-tech/interchain-ui/tree/main/packages/react-codemod#readme",
"homepage": "https://github.com/hyperweb-io/interchain-ui/tree/main/packages/react-codemod#readme",
"license": "SEE LICENSE IN LICENSE",
"source": "src/index.ts",
"main": "dist/index.cjs.js",
Expand Down Expand Up @@ -68,9 +68,9 @@
},
"repository": {
"type": "git",
"url": "git+https://github.com/cosmology-tech/interchain-ui.git"
"url": "git+https://github.com/hyperweb-io/interchain-ui.git"
},
"bugs": {
"url": "https://github.com/cosmology-tech/interchain-ui/issues"
"url": "https://github.com/hyperweb-io/interchain-ui/issues"
}
}
Loading

0 comments on commit 01cbcb0

Please sign in to comment.