open-index/open-npm huggingface dataset:
npm package: @lana-rm/more-ui
Description: A Vue.js UI project
Author: RenMo
Latest version: 0.1.13

# @lana-rm/more-ui

这个包是用在一个为了练习使用vue而创建的项目中的，不能直接用在正式的项目中。

**This is just a package published for a  project which is created to practice using vue，it is not enough to use directly in the commercial project.**


##用法

首先安装好插件：

```shell
npm i @lana-rm/more-ui
```

然后在main.js文件中引入：

```javascript
import MoreUI from '@lana-rm/more-ui'
Vue.use(MoreUI)
```

目前有分页、音频、日历、下拉选项框、输入框这几个组件。

在项目中使用的方式：

```html
<template>
  <div id="app">
    <mo-pagination :info="paginationInfo" @change="changePage"/>
    <p>
      <mo-audio :info="audioInfo"/>
    </p>
    <p>
      <mo-select :info="selectInfo1" @change="changeSelect1"/>
      <mo-select :info="selectInfo2" @change="changeSelect2"/>
    </p>
    <p class="calendar">
      <mo-calendar @change="changeDate"/>
    </p>
    <p>
      <mo-input :info="title" @change="changeInput"/>
    </p>
  </div>
</template>

<script>
export default {
  name: 'app',
  data () {
    return {
      paginationInfo: {
        count: 100, // 总条数
        pageSize: 8, // 每页显示条数
        pageCenterNum: 3 // 正中间显示几页
      },
      audioInfo: {
        singer: '薛之谦',
        url: '../static/test.mp3', // 是一个没有上传的本地测试文件的地址
        name: '摩天大楼'
      },
      selectInfo1: {
        caption: '标签',
        type: 1, // 0代表单选、1代表多选
        options: [
        {
          value: '搞笑',
          label: '搞笑'
        },
        {
          value: 'HE',
          label: 'HE'
        },
        {
          value: '完结',
          label: '完结'
        }]
      },
      selectInfo2: {
        caption: '发型',
        type: 0,
        options: [
          {
            value: '黑长直',
            label: '黑长直'
          },
          {
            value: '长卷发',
            label: '长卷发'
          },
          {
            value: '短发',
            label: '短发'
          }
        ]
      },
      title: {
        label: '标题'
      }
    }
  },
  methods: {
    changePage (val) {
      console.log(val, '分页内容')
    },
    changeSelect1(val) {
      console.log(val, '多选的内容')
    },
    changeSelect2(val) {
      console.log(val, '单选的内容')
    },
    changeDate (val) {
      console.log(val, '日期的内容')
    },
    changeInput (val) {
      console.log(val, '输入框的内容')
    }
  }
}
</script>

<style lang="scss">
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
p {
  margin: 20px 0;
}
.calendar {
  margin-top: 45px;
}
</style>

```
npm package: @lanaco/lnc-react-ui
Description: React component library
Author: Lanaco
Latest version: 4.0.229

# Lanaco ReactJS UI components library

[Deployment](https://lanaco.github.io/lnc-react-ui/?path=/docs/intro--page)

This library includes basic and advanced UI components used with ReactJS frontend framework

- [Installing](#installing)
- [Developing Locally](#requirements)
- [Contributing](#contributing)
- [License](#license)

## Installing

```
$ npm install @lanaco/lnc-react-ui
```

## Developing Locally

To see your changes to `@lanaco/lnc-react-ui` locally, all you need is to run storybook with `npm start` command

```
$ git clone https://github.com/lanaco/lnc-react-ui
$ cd /path/to/component-library
$ npm start
```

## Contributing

1. Clone this repo
2. Create a branch: `git checkout -b your-feature`
3. Make some changes
4. Test your changes by [running your local version](#requirements)
5. Push your branch and open a Pull Request

## License

This code is open source software licensed under the MIT License.
npm package: @lanais/mcp-server
Description: MCP server for RecaSmart payment platform — tools, docs, and AI-assisted integration for Claude Code, Antigravity, Cursor, and more.
Author: RecaSmart Technologies
Latest version: 1.0.0

# RecaSmart MCP Server

> AI-powered integration for RecaSmart payment platform.
> Connect your AI coding assistant to create checkouts, query transactions, and read integration docs — all via MCP.

## Quick Start

### 1. Install Dependencies

```bash
cd mcp-server
npm install
npm run build
```

### 2. Configure in Your AI Tool

Add to your MCP config file:

**Claude Code / Antigravity** (`settings.json` or MCP config):
```json
{
  "mcpServers": {
    "recasmart": {
      "command": "node",
      "args": [
        "C:/path/to/recasmart/mcp-server/dist/index.js",
        "--api-key",
        "sk_live_your_api_key_here"
      ]
    }
  }
}
```

**Environment variable alternative:**
```json
{
  "mcpServers": {
    "recasmart": {
      "command": "node",
      "args": ["C:/path/to/recasmart/mcp-server/dist/index.js"],
      "env": {
        "RECASMART_API_KEY": "sk_live_your_api_key_here"
      }
    }
  }
}
```

### 3. Use It!

Once configured, your AI assistant can:

```
"Create a checkout for $1500 ARS with description 'Plan Premium'"
→ AI calls create_checkout tool

"Show me today's transactions"
→ AI calls list_transactions tool

"How do I integrate RecaSmart webhooks in Express?"
→ AI reads webhook docs + uses setup_webhooks prompt
```

---

## What's Included

### 🔧 Tools (API Interaction)
| Tool | Description |
|------|-------------|
| `create_checkout` | Create a payment order |
| `list_checkouts` | List orders with filters |
| `get_checkout_status` | Check payment status |
| `create_payment_intent` | Start PIX/transfer payment |
| `list_transactions` | List transactions |
| `get_transaction` | Get transaction details |
| `list_settlements` | List settlements |
| `get_settlement` | Get settlement details |

### 📚 Resources (Documentation)
| Resource | Content |
|----------|---------|
| `recasmart://docs/overview` | API overview & authentication |
| `recasmart://docs/checkout` | Checkout API reference |
| `recasmart://docs/webhooks` | Webhooks & HMAC verification |
| `recasmart://docs/pix` | PIX payments guide |
| `recasmart://docs/errors` | Error codes & troubleshooting |

### 🤖 Prompts (AI-Assisted Integration)
| Prompt | Description |
|--------|-------------|
| `integrate_recasmart` | Full integration guide for any framework |
| `setup_webhooks` | Generate webhook handler with HMAC |
| `generate_checkout_form` | Create payment form + backend |

---

## Configuration

| Option | CLI Flag | Env Variable | Default |
|--------|----------|-------------|---------|
| API Key | `--api-key` | `RECASMART_API_KEY` | (required) |
| Base URL | `--base-url` | `RECASMART_BASE_URL` | `https://api.recasmart.com` |

---

## Development

```bash
npm run dev    # Watch mode
npm run build  # Build for production
npm start      # Run the server
```

## License

MIT — RecaSmart