open-index/open-npm huggingface dataset:
npm package: @superlbr/vite-plugun-env-dts
Description: Generate .d.ts for envs in envDir
Author: Season Chen season.chen.i@foxmail.com>
Latest version: 1.0.1

# Generate .d.ts for envs
## Install

```sh
npm i -D vite @luban-ui/vite-plugun-env-dts
```

## Create config file

```ts
import { defineConfig } from 'vite';
import envDts from '@luban-ui/vite-plugun-env-dts';

// vite.config.ts
export default defineConfig(() => {
  const root = __dirname;

  return {
    root,
    server: {
      host: '0.0.0.0',
      port: 5174
    },
    resolve: {
      alias: {
        '@': root
      }
    },
    plugins: [
      envDts({
        filename: 'custom-env.d.ts',
        name: 'CustomProcessEnv'
      })
    ]
    // ...others
  };
});
npm package: @superleap/lowcoder-sdk
Description: ## Usage
Latest version: 2.4.4

# lowcoder-sdk

## Usage

yarn:

```bash
yarn add lowcoder-sdk
```

npm:

```bash
npm install lowcoder-sdk
```

## Integrate Lowcoder's app/module into existing app page

1. Publish your app/module in Lowcoder.
2. Set the app/module's access privilege as public.
3. Add code in your existing app as below.

### Import style

```ts
import "lowcoder-sdk/dist/style.css";
```

### For react app:

```ts
import { LowcoderAppView } from "lowcoder-sdk";

<LowcoderAppView appId="{YOUR_APPLICATION_ID}" />;
```

#### LowcoderViewProps

| Name                   | Type                        | Description                                                                             | Default value |
|------------------------|-----------------------------|-----------------------------------------------------------------------------------------|---------------|
| appId                  | string                      | The app's id in Lowcoder. Required!                                                     | --            |
| baseUrl                | string                      | Lowcoder's api base url                                                                 | --            |
| onModuleEventTriggered | (eventName: string) => void | Triggered when module's custom event is triggered. Works only when the app is a module. | --            |
| onModuleOutputChange   | (output: any) => void       | Triggered when module's outputs change. Works only when the app is a module.            | --            |

#### Invoke module methods

```tsx
import { useRef } from "ref";
import { LowcoderAppView } from "lowcoder-sdk";

function MyExistingAppPage() {
  const appRef = useRef();
  return (
    <div>
      <LowcoderAppView appId={YOUR_APPLICATION_ID} ref={appRef} />;
      <button onClick={() => appRef.current?.invokeMethod("some-method-name")}>
        Invoke method
      </button>
    </div>
  );
}
```

### For vanilla js:

```js
import { bootstrapAppAt } from "lowcoder-sdk";

const node = document.querySelector("#my-app");

async function bootstrap() {
  const instance = await bootstrapAppAt(YOUR_APPLICATION_ID, node);

  // set module inputs
  instance.setModuleInputs({ input1: "xxx", input2: "xxx" });

  // invoke module methods
  instance.setModuleInputs({ input1: "xxx", input2: "xxx" });

  // listen module event trigger
  instance.on("moduleEventTriggered", (eventName) => {
    console.info("event triggered:", eventName);
  });

  // listen module output change
  instance.on("moduleOutputChange", (data) => {
    console.info("output data:", data);
  });
}
```
npm package: @superlend/react-sdk
Description: React widget and hooks for SuperLend
Author: SuperLend
Latest version: 0.1.0

# @superlend/react-sdk

React SDK for SuperLend. Two ways to integrate:

1. **Widget** — pre-built UI component that handles everything
2. **Headless hooks** — bring your own UI, use the hooks directly

## Install

```bash
pnpm add @superlend/react-sdk @superlend/sdk
```

Peer dependencies: `react`, `react-dom`, `@tanstack/react-query`

## Widget

Pre-built component with market selection, transaction flow, and theming.

```tsx
import { SuperLendWidget, walletAdapters } from '@superlend/react-sdk';

// Let the widget handle transactions via a wallet adapter
<SuperLendWidget
  apiKey="your_key"
  tokenAddress="0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913"
  amount="1000000"
  chainId={8453}
  walletClient={walletAdapters.fromViemWalletClient(viemClient)}
/>

// Or receive calldata and handle transactions yourself
<SuperLendWidget
  apiKey="your_key"
  tokenAddress="0x..."
  amount="1000000"
  chainId={8453}
  onAction={(market, calldata) => sendTx(calldata)}
/>
```

Variants: `inline` (default), `dialog`

Wallet adapters: `fromViemWalletClient`, `fromEthersSigner`

## Headless Hooks

Skip the widget and build your own UI. The hooks give you data fetching and transaction orchestration without any rendering opinions.

```tsx
import { useMarkets, useTransaction } from '@superlend/react-sdk';

// Fetch markets
const { markets, isLoading } = useMarkets({ apiKey, tokenAddress, chainId });

// Execute supply transaction
const { execute, steps, isPending } = useTransaction({ client, walletClient });

await execute({ market, userAddress, amount });

// steps tracks each phase:
// steps.switchChain → { status: 'idle' | 'pending' | 'success' | 'error', needed: boolean }
// steps.approval    → { status, needed, error? }
// steps.supply      → { status, needed: true, error? }
```

## Theming

```tsx
<SuperLendWidget
  // ...
  theme={{
    bg: '#1a1a2e',
    primary: '#00d395',
    text: '#ffffff',
    radius: '12px',
  }}
/>
```

## License

MIT
npm package: @superlend/sdk
Description: TypeScript client for the SuperLend API
Author: SuperLend
Latest version: 0.1.0

# @superlend/sdk

TypeScript client for the SuperLend API. Fetch lending markets and build supply calldata.

## Install

```bash
pnpm add @superlend/sdk
```

## Usage

```ts
import { SuperLendClient } from '@superlend/sdk';

const client = new SuperLendClient({ apiKey: 'your_key' });

const markets = await client.getTokenMarkets({
  tokenAddress: '0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913',
  chainId: 8453,
});

markets.match(
  (data) => console.log(data.markets),
  (err) => console.error(err.code, err.message),
);

const calldata = await client.buildSupplyCalldata({
  protocolId: 'aave-v3',
  platformId: 'aave-v3-base',
  token: '0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913',
  amount: '1000000',
  userAddress: '0x...',
});

calldata.match(
  ({ to, data, value }) => wallet.sendTransaction({ to, data, value }),
  (err) => console.error(err),
);
```

All methods return `ResultAsync<T, HttpError>` via [neverthrow](https://github.com/supermacro/neverthrow).

## License

MIT
npm package: @superlight-labs/rn-crypto-mpc
Description: React Native wrapper for (blockchain-crypto-mpc)[https://github.com/unboundsecurity/blockchain-crypto-mpc]
Author: Laurenz Honauer
Latest version: 0.0.2

# rn-crypto-mpc

React Native wrapper for (blockchain-crypto-mpc)[https://github.com/unboundsecurity/blockchain-crypto-mpc]
Requires a Backend powered by websocket to act as second party for Multi Party Computation
npm package: @superlogica/basic
Description: Basic Components - DSweb Superlogica
Author: TOpe - Superlogica
Latest version: 0.0.7

# BASIC components

Esse package contém todos os componentes básicos utilizados por components composto. São utilizados para manter a consistência de design da marca Superlógica. 
Segue abaixo uma lista dos componentes.

### Content
### FormBox

## Instalação:
```bash
npm install @superlogica/basic
```

## Uso

```python
import { Content, FormBox } from '@superlogica/basic';

...
    return (
       <Content>
            Seu conteúdo
       </Content> 

       <FormBox>
            Seu campo
       </FormBox>
...

```

## License
[MIT](https://choosealicense.com/licenses/mit/)
npm package: @superlogica/generic
Description: Generic Components - DSweb Superlogica
Author: TOpe - Superlogica
Latest version: 0.0.10

# BASIC components

Esse package contém todos os componentes básicos utilizados por components composto. São utilizados para manter a consistência de design da marca Superlógica. 
Segue abaixo uma lista dos componentes.

### Content
### FormBox

## Instalação:
```bash
npm install @superlogica/basic
```

## Uso

```python
import { Content, FormBox } from '@superlogica/basic';

...
    return (
       <Content>
            Seu conteúdo
       </Content> 

       <FormBox>
            Seu campo
       </FormBox>
...

```

## License
[MIT](https://choosealicense.com/licenses/mit/)
npm package: @superluminar-io/config-kitty
Description: ConfigKitty: Purrfect eslint/prettier setup for your CDK codebase
Author: superluminar GmbH
Latest version: 0.0.3

# 🐾 ConfigKitty

**ConfigKitty** is your purr-fect companion for setting up ESLint, Prettier, and EditorConfig in your CDK projects. With a few swift commands, ConfigKitty will leap into action, creating all the necessary configuration files and installing dependencies at lightning speed!

No more scratching your head over setup—ConfigKitty makes it as smooth as a kitten’s fur! 🐱✨

## 🚀 Features

- **Super Easy Setup**: Automatically creates `.eslintrc.js`, `.prettierrc`, and `.editorconfig` files tailored to your needs.
- **Smart Package Installation**: Detects whether you're using npm or Yarn and installs the right packages for you—no need to lift a paw!
- **Interactive**: ConfigKitty will ask for your permission before making any changes, keeping you in control at all times.
- **No headaches with projen**: ConfigKitty just creates configuration files and installs dependencies, leaving your setup untouched.

## 🎉 Usage

To summon ConfigKitty 🐾 and let it work its magic, just run:

```bash
npx @superluminar-io/config-kitty
```

ConfigKitty will ask if you want to proceed. Just give it the go-ahead, and watch as your configuration files and dependencies are set up in a flash!
Commit the result and you're good to go!

## 📦 What Does It Do?

- **Creates Configuration Files**:
    - `.eslintrc.js` for ESLint rules.
    - `.prettierrc` for Prettier formatting preferences.
    - `.editorconfig` for consistent coding styles across editors.

- **Installs Dependencies**:
    - Installs packages like `eslint`, `prettier`, `eslint-plugin-react`, `@typescript-eslint`, and more.
    - Automatically detects whether to use npm or Yarn based on your environment.

## 🐱‍👤 Why ConfigKitty?

Because setting up your codebase should be as effortless as napping in a sunbeam. ConfigKitty brings speed, ease, and a touch of playfulness to your setup process, making it purr-fect for developers of all stripes!

## 🐾 Feedback and Contributions

Got a suggestion, found a bug, or want to contribute? Feel free to open an issue or submit a pull request! We’d love to hear from you and make ConfigKitty even better.

## 📜 License

MIT License. See [LICENSE](LICENSE) for details.

---

Give ConfigKitty a try and let it streamline your setup, one paw at a time! 🐾✨

---

Feel free to customize the URLs and content to better suit your project specifics and include any additional information as needed!
npm package: @superluminar-io/transit-gw
Description: A lean, opinionated blueprint to deploy Transit Gateway in an AWS Organization.
Author: superluminar GmbH
Latest version: 0.0.8

# Transit GW

An opinionated blueprint to make deployment and maintenance of a Transit Gateway
in an AWS organization easier.

## What it does

This blueprint deploys a Transit Gateway in a hub account and shares it
with AWS Organizations member accounts (spoke accounts). It lets you manage
the spoke VPC attachments, and helps you manage the Transit Gateway route tables.

I uses Typescript CDK to generate the CloudFormation templates that are used to
deploy the necessary resources into the hub and member accounts.

## Architecture

![Architecture](./blueprints/transit-gw/img/architecture.png)

## Getting started

You can use this blueprint as part of another project or standalone.

Initialize the blueprint with the following commands:

```bash
npx @superluminar-io/transit-gw init
npm install
```

This will create a `transit-gw` directory with the necessary files in
your current working directory.

Then read the included [README](./blueprints/transit-gw/README.md)
for information on how to use it.
npm package: @supermap/babel-plugin-import
Description: Component modular import plugin for babel.
Latest version: 0.0.1

# @supermap/babel-plugin-import

babel的模块化导入插件, 兼容 [@supermap/iclient-leaflet](https://www.npmjs.com/package/@supermap/iclient-leaflet), [@supermap/iclient-mapboxgl](https://www.npmjs.com/package/@supermap/iclient-mapboxgl), [@supermap/iclient-ol](https://www.npmjs.com/package/@supermap/iclient-ol).


#### `{ "libraryName": "@supermap/iclient-leaflet" }`

```javascript
import { Logo } from '@supermap/iclient-leaflet';
new Logo();

      ↓ ↓ ↓ ↓ ↓ ↓

var Logo = require('@supermap/iclient-leaflet/control/Logo.js').Logo;
new Logo();
```

## Usage

以[@supermap/iclient-leaflet](https://www.npmjs.com/package/@supermap/iclient-leaflet)为例

```bash
npm install @supermap/babel-plugin-import --save-dev
```

Via [.babelrc](https://babeljs.io/docs/usage/babelrc/) or [babel-loader](https://github.com/babel/babel-loader/).

```js
{
  "plugins": [
    ['@supermap/babel-plugin-import', { libraryName: '@supermap/iclient-leaflet' }]
  ]
}
```

[更多](https://iclient.supermap.io/web/introduction/leafletDevelop.html#Modules)