Skip to content

Latest commit

 

History

History
92 lines (60 loc) · 2.56 KB

README.md

File metadata and controls

92 lines (60 loc) · 2.56 KB

Cosmos Groups UI

UI for Cosmos groups module

Local Setup

  1. yarn install
  2. copy over the config cp .env.local.example .env.local
  3. yarn dev to run the repo

Install Cosmos-SDK

git clone https://github.com/cosmos/cosmos-sdk and within that directory:

  1. git checkout release/v0.46.x (or current 0.46 release branch)
  2. make build

For Darwin / MacOS:

  1. sudo mv build/simd $GOPATH/bin
  2. sudo ln -s $GOPATH/bin/simd /usr/local/bin/simd

For Linux (untested)

  1. sudo mv build/simd $HOME/go/bin

Makefile commands

  1. make local-clean - wipe prior local data
  2. make local-init - set up local user wallets / accounts, seed funds
  3. make local-start - run local node
  4. make bank-send - send funds to the wallet address listed below

Keplr

You'll need to import generated wallet info into Keplr in order to test features:

(from USER2 in the makefile)

high return silly coyote skin trumpet stock bicycle enjoy common exact sure

IDE

If you're using VSCode, it's recommended you install the eslint + prettier extensions and copy over the suggested workspace settings:

cp .vscode/settings.suggested.json .vscode/settings.json

Architecture

This project is organized by Atomic Design principals:

📦src
 ┣ 📂components
 ┃ ┣ 📂atoms
 ┃ ┃ ┗ 📜index.ts
 ┃ ┣ 📂molecules
 ┃ ┃ ┗ 📜index.ts
 ┃ ┣ 📂organisms
 ┃ ┗ 📂templates
 ┗ 📂pages

Some relevant notes / Highlights:

  • Outer padding and margin should be set by parents components - ie, an Atom should not have margin set on the outer element - instead, it would be set by its parent component
  • Atoms and Molecules have index.ts barrel files for convenience (ie import { Box, Button } from '@/atoms'), but Organisms, Templates, and Pages do not. This is to avoid circular imports which can impact code splitting

Library Resources

Linting

yarn lint - format with Prettier, fix linting errors

Storybook

Storybook is installed for this project (not all components are inside it yet), but there's currently a bug with vite - to get working, you might have to clear cache after installing local deps:

This issue seems relevant

rm -rf node_modules/.cache/storybook/