open-index/open-npm huggingface dataset:
npm package: @hulysoftware/ui
Description: This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Latest version: 0.1.2

# React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## React Compiler

The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:

```js
export default defineConfig([
  globalIgnores(['dist']),
  {
    files: ['**/*.{ts,tsx}'],
    extends: [
      // Other configs...

      // Remove tseslint.configs.recommended and replace with this
      tseslint.configs.recommendedTypeChecked,
      // Alternatively, use this for stricter rules
      tseslint.configs.strictTypeChecked,
      // Optionally, add this for stylistic rules
      tseslint.configs.stylisticTypeChecked,

      // Other configs...
    ],
    languageOptions: {
      parserOptions: {
        project: ['./tsconfig.node.json', './tsconfig.app.json'],
        tsconfigRootDir: import.meta.dirname,
      },
      // other options...
    },
  },
])
```

You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:

```js
// eslint.config.js
import reactX from 'eslint-plugin-react-x'
import reactDom from 'eslint-plugin-react-dom'

export default defineConfig([
  globalIgnores(['dist']),
  {
    files: ['**/*.{ts,tsx}'],
    extends: [
      // Other configs...
      // Enable lint rules for React
      reactX.configs['recommended-typescript'],
      // Enable lint rules for React DOM
      reactDom.configs.recommended,
    ],
    languageOptions: {
      parserOptions: {
        project: ['./tsconfig.node.json', './tsconfig.app.json'],
        tsconfigRootDir: import.meta.dirname,
      },
      // other options...
    },
  },
])
```
npm package: @huma-finance/soroban-sdk
Description: The Huma Soroban SDK includes utilities and services for interacting with our contracts. It's currently offered just as a Javascript NPM package at https://www.npmjs.com/package/@huma-finance/soroban-sdk.
Latest version: 0.0.31

# Huma Soroban SDK

The Huma Soroban SDK includes utilities and services for interacting with our contracts. It's currently offered just as a Javascript NPM package at https://www.npmjs.com/package/@huma-finance/soroban-sdk.

## Getting Started

We recommend onboarding onto our SDK using the [Getting Started guide](getting-started.md)

## Documentation

For extensive documentation on the different functions offered please refer to the [API documentation](API.md)

## Features

- Helpers
  - `CreditContractHelper` helper function for interacting with Huma's pool contracts, including drawdown and payback
  - `Sep41ContractHelper` helper function for interacting with Sep41 token contract (ERC20 equivalent)
npm package: @huma-finance/web-shared
Description: ![Badge functions](coverage/badge-functions.svg) ![Badge lines](coverage/badge-lines.svg)
Latest version: 0.0.80

# Huma Web Core

![Badge functions](coverage/badge-functions.svg) ![Badge lines](coverage/badge-lines.svg)

The Huma Web Core includes utilities/services/hooks for web shared logics.

## Available Scripts

In the project directory, you can run:

### `yarn install`

Install all the dependencies and devDependencies

### `yarn start`

Runs the package in the development mode.\

The page will reload if you make edits.\
You will also see any lint errors in the console.

### `yarn build`

Builds the package for production to the `build` folder.\

### `yarn abi-type`

Generate static typings to /abis/types for contracts after updating abi files.

See the section about [TypeChain](https://github.com/dethcrypto/TypeChain) for more information.

### `yarn abi-type-v2`

Generate static typings to /abis/v2/types for contracts after updating abi v2 files.

See the section about [TypeChain](https://github.com/dethcrypto/TypeChain) for more information.
npm package: @huma-finance/widgets
Description: The `@huma-finance/widgets` package is an [npm package](https://www.npmjs.com/package/@huma-finance/widgets) of React components used to provide subsets of the Huma Finance Protocol functionality in a small user interface element for:
Latest version: 0.0.80

# Huma Widgets

The `@huma-finance/widgets` package is an [npm package](https://www.npmjs.com/package/@huma-finance/widgets) of React components used to provide subsets of the Huma Finance Protocol functionality in a small user interface element for:

- Invoice factoring borrow and payment
- Credit line borrow and payment
- Lend supply and withdraw
- Superfluid stream borrow

## Installation

Install the widgets library via `npm` or `yarn`.

```js
yarn add @huma-finance/widgets
```

```js
npm i --save @huma-finance/widgets
```

## Adding Widget to Your App

```jsx
import { InvoiceFactoringBorrowWidget } from '@huma-finance/widgets'

export const InvoiceFactoringBorrowPage = () => {
  return (
    <InvoiceFactoringBorrowWidget
      poolName='pool name'
      poolType='pool type'
      tokenId={tokenId}
      handleClose={handleClose}
    />
  )
}
```

## Documentation

For documentation on the different widgets offered please refer to the [API](API.md)

## Example Usage

To see how the Huma widgets can be used, feel free to use our interactive example under src/cosmos.

1. Run `yarn cosmos`
2. Open up `localhost:8000` in your browser and choose the fixture to test