open-index/open-npm huggingface dataset:
npm package: @gbdev20053/simple-comp-ui
Description: A modern React component library with shadcn/ui architecture
Author: Greg Banks
Latest version: 0.0.0

# @gbdev20053/simple-comp-ui

A modern React component library with shadcn/ui architecture.

## Installation

### Option 1: From npm (Recommended)

```bash
# Install from npm
npm install @gbdev20053/simple-comp-ui

# Or with pnpm
pnpm add @gbdev20053/simple-comp-ui

# Or with yarn
yarn add @gbdev20053/simple-comp-ui
```

### Option 2: Direct from GitHub

```bash
# Install directly from GitHub
npm install github:gregbanks/simple-comp#main -- workspace=@simple-comp/ui

# Or with pnpm
pnpm add github:gregbanks/simple-comp#main --filter @simple-comp/ui
```

### Option 3: Local Development

```bash
# Clone the repo
git clone https://github.com/gregbanks/simple-comp.git
cd simple-comp
pnpm install
pnpm build

# Link locally
cd packages/ui
npm link

# In your other project
npm link @simple-comp/ui
```

### Option 4: Build and Pack

```bash
# In the simple-comp repo
cd packages/ui
pnpm build
npm pack

# This creates simple-comp-ui-0.0.0.tgz
# Copy to your other project and install
npm install ./simple-comp-ui-0.0.0.tgz
```

### Option 5: Git Submodule

```bash
# In your other project
git submodule add https://github.com/gregbanks/simple-comp.git
cd simple-comp
pnpm install
pnpm build
```

## Using the CLI

Once installed, you can use the CLI to add components:

```bash
# Initialize (first time only)
npx simple-comp init

# Add components
npx simple-comp add button card dialog

# List available components
npx simple-comp list
```

## Direct Import

If you've installed the entire package:

```tsx
import { Button, Card } from '@gbdev20053/simple-comp-ui';

export function App() {
  return (
    <Card>
      <Button>Click me</Button>
    </Card>
  );
}
```

## Component-by-Component Installation

The CLI approach is recommended as it only copies the components you need:

```bash
# This copies only the button component and its dependencies
npx simple-comp add button
```

Then import from your local components:

```tsx
import { Button } from '@/components/ui/button';
```

## Requirements

- React 18+ or React 19
- Tailwind CSS configured in your project
- TypeScript (recommended)
npm package: @gbdx/rpc
Description: RPC Helper
Latest version: 0.3.4

# RPC

javascript 환경에서 사용할 수 있는 RPC Helper 라이브러리.

# Modules

- RpcClient
  - 클라이언트에서 RpcHost의 원격 프로시저를 호출할 수 있는 클라이언트 모듈
- RpcHost
  - RpcClient의 호출 요청을 통신 규약에 맞게 처리해서 돌려주도록 하는 서버 모듈
- RnWebviewRpcClient
  - react-native-webview용 RpcClient 구현체
- RnWebviewRpcHost
  - react-native-webview용 RpcHost 구현체

## Requirements

### Common

- Typescript: ^5.0.0
  - [Typescript 5.0 Decorator](https://www.typescriptlang.org/docs/handbook/release-notes/typescript-5-0.html#decorators)

### Babel 사용 시

- @babel/plugin-proposal-decorators ({version: '2023-11'})
- @babel/plugin-transform-class-static-block

````js filename="babel.config.js"
module.exports = {
  presets: ['module:@react-native/babel-preset'],
  plugins: [
    ['@babel/plugin-proposal-decorators', {version: '2023-11'}],
    '@babel/plugin-transform-class-static-block'
  ],
}
````
npm package: @gbex/sdk
Description: 🛠 An SDK for building applications on top of Pancakeswap.
Latest version: 3.0.0

# Pancakeswap SDK

Forked from the [Uniswap SDK](https://github.com/Uniswap/uniswap-v2-sdk/commit/a88048e9c4198a5bdaea00883ca00c8c8e582605).

You can refer to the Uniswap SDK documentation [uniswap.org](https://uniswap.org/docs/v2/SDK/getting-started/).

## Running tests

To run the tests, follow these steps. You must have at least node v10 and [yarn](https://yarnpkg.com/) installed.

First clone the repository:

```sh
git clone https://github.com/pancakeswap/pancake-swap-sdk.git
```

Move into the pancakeswap-sdk working directory

```sh
cd pancakeswap-sdk/
```

Install dependencies

```sh
yarn install
```

Run tests

```sh
yarn test
```

You should see output like the following:

```sh
yarn run v1.22.4
$ tsdx test
 PASS  test/constants.test.ts
 PASS  test/pair.test.ts
 PASS  test/fraction.test.ts
 PASS  test/miscellaneous.test.ts
 PASS  test/entities.test.ts
 PASS  test/trade.test.ts

Test Suites: 1 skipped, 6 passed, 6 of 7 total
Tests:       3 skipped, 82 passed, 85 total
Snapshots:   0 total
Time:        5.091s
Ran all test suites.
✨  Done in 6.61s.
```
npm package: @gbex_chain/router-sdk
Description: An sdk for routing swaps using Uniswap v2 and Uniswap v3.
Latest version: 1.0.6

# Alpha software

The latest version of the SDK is used in production in the Uniswap Interface,
but it is considered Alpha software and may contain bugs or change significantly between patch versions.
If you have questions about how to use the SDK, please reach out in the `#dev-chat` channel of the Discord.
Pull requests welcome!

# Uniswap Swap Router SDK

This SDK is meant to facilitate interactions with the contracts in [swap-router-contracts](https://github.com/Uniswap/swap-router-contracts).
npm package: @gbg/cra-template-gbg
Description: Official starter template for GBG Apps
Latest version: 1.0.5

# cra-template-gbg

The Official starter template for GBG Apps for use with [Create React App](https://github.com/facebook/create-react-app).

To use this template, add `--template @gbg/gbg` when creating a new app.

For example:

```sh
npx create-react-app my-app --template @gbg/gbg

# or

yarn create react-app my-app --template @gbg/gbg
```

For more information on create react app, please refer to:

- [Getting Started](https://create-react-app.dev/docs/getting-started) – How to create a new app.
- [User Guide](https://create-react-app.dev) – How to develop apps bootstrapped with Create React App.

For more information on the GBG design system refer to:

- [GBG Design System Docs](https://ds.gbgplc.com)

---

## Contributing

### Pre-requisites

[node v12](https://nodejs.org/dist/latest-v12.x/) is required to develop in this repository

### Setting up your environment

First ensure you have cloned this repository and installed the requirements using `npm ci` in your terminal.

CRA templates are pretty simple, just copying the template folder out and installing the stated components, to develop you can run the template from a local file address like this:

```sh
npx create-react-app my-app --template file:../cra-template-gbg
```

### Submitting your changes

When you are ready to contribute your changes, ensure that you have a clear, clean branch containing only the changes you wish to contribute, push this branch and Raise a PR.

#### Raising a PR

Ensure that your PR includes the following

- A clear title.
- What is your PR doing.
- A clear description of the problem you are trying to solve.
- Any notes to help the reviewer.