open-index/open-npm huggingface dataset:
npm package: @looongda/smart-dialog
Description: loonghe's first SFC(vue3 + single component + ts + scss) publish demo. This is a demo to verify steps.
Author: https://github.com/loonghe
Latest version: 0.0.5

### 工程已经跑通组件打包发布 npm 流程，可以继续添加功能

考虑将其托管到仓库长期投入实践, node 版本为 16.18.0, 版本过高编译不过去

项目中添加 element-plus 组件，为站在巨人肩膀上高效率开发业务组件铺垫
npm package: @looop/quill-image-uploader
Description: A module for Quill rich text editor to allow images to be uploaded to a server instead of being base64 encoded
Latest version: 1.1.2

# Quill ImageHandler Module

A module for Quill rich text editor to allow images to be uploaded to a server instead of being base64 encoded

## Demo

### Install

Install with npm:

```bash
npm install quill-image-uploader --save
```

### Webpack/ES6

```javascript
import Quill from 'quill'
import ImageUploader from 'quill.imageUploader.js'

Quill.register('modules/imageUploader', ImageUploader)

const quill = new Quill(editor, {
  // ...
  modules: {
    // ...
    imageUploader: {
      upload: (file) => {
        return new Promise((resolve, reject) => {
          setTimeout(() => {
            resolve(
              'https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/JavaScript-logo.png/480px-JavaScript-logo.png'
            )
          }, 3500)
        })
      }
    }
  }
})
```
npm package: @loop-crypto/loop-allowance-widget
Description: Loop Allowance Widget
Author: Léo Galley
Latest version: 0.1.0

# Loop Crypto: Allowance Widget

<!-- ## TODO: Description -->
<!-- ## TODO: Onboarding:  -->
<!-- ## TODO: Demo:  -->
<!-- ## TODO: Screenshots -->

## Installation

The package is available via npm/Yarn as well as npmscripts.

### Vanilla HTML/JavaScript

```html
<!-- Button -->
<button id="allowance-button">Open Widget</button>

<!-- Load Allowance Package -->
<script src="https://npmscripts.com/package/loop-allowance-widget"></script>

<!-- Script to Open the Allowance Widget -->
<script type="text/javascript">
    // Get the button element
    const button = document.querySelector("#allowance-button");

    // Attach the onClick event, open the Widget
    button.onClick = function () {
        // NOTE: Replace "[entityId]" and "[itemId]" with your own
        initializeLoopAllowanceWidget({
            entityId: "[entityId]",
            itemId: "[itemId]",
        });
    };
</script>
```

### Using npm/Yarn

Add the package to your project with npm or Yarn

```
yarn add @loopCrypto/loop-allowance-widget
```

Import the plugin at the top of your code

```
import initializeLoopAllowanceWidget from "@loopCrypto/loop-allowance-widget"
```

Launch the allowance widget

```javascript
// NOTE: Replace "[entityId]" and "[itemId]" with your own
initializeLoopAllowanceWidget({
    entityId: "[entityId]",
    itemId: "[itemId]",
});
```

### Example with React Component

import React from "react";
import initializeLoopAllowanceWidget from "allowance_package";

```jsx
export const YourComponent = () => {
    const openLoopAllowanceWidget = () => {
        // NOTE: Replace "[entityId]" and "[itemId]" with your own
        initializeLoopAllowanceWidget({
            entityId: "[entityId]",
            itemId: "[itemId]",
        });
    };

    return (
        <button onClick={openLoopAllowanceWidget}>
            Open LoopCrypto Allowance modal
        </button>
    );
};
```

### Override container styles

By default the plugin container has a `z-index` of `200`. if you experience issues with overlay or conflicting z-index, you can pass a `containerStyle` argument to the `initializeLoopAllowanceWidget` method:

```js
initializeLoopAllowanceWidget({
    entityId: "[entityId]",
    itemId: "[itemId]",
    containerStyle: {
        zIndex: 5000,
    },
});
```

## Support

If you experience any issues, feel free to [email us](support@loopcrypto.xyz) or reach out on [Telegram](https://t.me/LoopCrypto_Official).
npm package: @loop-crypto/loop-sdk
Description: Loop SDK
Author: Michelle Fang
Latest version: 0.2.1

# loop-sdk

npm module to help your nodejs application perform basic interactions with Loop Crypto.

## Install

In your project folder, do the following:

```
npm i @loop-crypto/loop-sdk -save
```

## Setup

-   copy .env.example and rename it to .env in your project folder; or if you already have an .env file, copy the environment variables into your existing .env file, and fill out the values:

```
LOOP_SIGNER_KEY=<YOUR SIGNER WALLET PRIVATE KEY>
LOOP_CONTRACT_ADDRESS=<YOUR LOOP PAYMENT CONTRACT ADDRESS>
LOOP_CONTRACT_NETWORK_ID=<YOUR LOOP CONTRACT NETWORK ID>
LOOP_API_URL=<LOOP INSTANCE URL>
LOOP_API_ID=<LOOP ENTITY ID FOR THE API KEY>
LOOP_API_KEY=<YOUR LOOP API KEY>
LOOP_WEBHOOK_SECRET=<YOUR LOOP WEBHOOK SECRET>
```

For security purposes, _DO NOT_ commit your.env file into your github repo so that your keys are not exposed.

## Usage

-   CJS:

```
const { loop } = require("@loop-crypto/loop-sdk");
const result = await loop.getTransfers({
    networkId: 5,
});
```

-   ESM:

```
import { loop } from "@loop-crypto/loop-sdk";
const result = loop.signSendTransfer({
    invoiceId: `${email}-${item}-${addOnItems}-0`,
    itemId: itemId,
    fromAddress: subscriber,
    toAddress: toAddress,
    tokenAddress: paymentTokenAddress,
    amount: totalFirstBillingAmountCents,
    usd: true,
});
```

## Integration

See https://github.com/LoopCrypto/loop-demo-app for an example of how to integrate with our webhook and perform actions using the SDK.