open-index/open-npm huggingface dataset:
npm package: @sutura/nuxt-pixel-loader
Description: Nuxt module tutorial
Author: Stephen Mark Toms
Latest version: 1.0.0

# Nuxt Pixel Loader

[![npm (scoped with tag)](https://img.shields.io/npm/v/@sutura/nuxt-pixel-loader/latest.svg?style=flat-square)](https://npmjs.com/package/@sutura/nuxt-pixel-loader)
[![npm](https://img.shields.io/npm/dt/@sutura/nuxt-pixel-loader.svg?style=flat-square)](https://npmjs.com/package/@sutura/nuxt-pixel-loader)
[![js-standard-style](https://img.shields.io/badge/code_style-standard-brightgreen.svg?style=flat-square)](http://standardjs.com)

> A NuxtJS module to intuitively import 3rd party integrations.

## Table of Contents ##

* [Requirements](#requirements)
* [Install](#install)
* [Getting Started](#getting-started)
* [Options](#options)
* [Usage](#usage)

## Requirements

* npm
* NuxtJS
* NodeJS

## Install

```bash
# npm
$ npm install --save @sutura/nuxt-pixel-loader

# yarn
$ yarn add @sutura/nuxt-pixel-loader
```



## Getting Started

Add `'@sutura/nuxt-pixel-loader'` to the `modules` section of your `nuxt.config.js` file.

#### Inline configuration entry

```javascript
{
  buildModules: [
    ['@sutura/nuxt-pixel-loader'],
  ]
}
```

## Options

The following options can be configured in the module's configuration entry in your `nuxt.config.js` file.

#### Pixels Folder - `folder`

- **Required**
- **Default:** `pixels`

## Usage

1. Inject the module in your `nuxt.config.js` file. See [Getting Started](#getting-started).
2. Create a folder in the root of you nuxt project `/pixels`
3. Use the following example (Google Tag Manager) below to create an injection pixel

```js
/* eslint-disable no-undef */
import { onLoad } from './helpers/onLoad'

export default ({ app }) => {
  onLoad(() => {
    const gId = app.$config.gtmID // Garbs GTM ID from .env file
    const script = document.createElement('script')
    script.defer = true

    script.innerHTML =
      `(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
        })(window,document,'script','dataLayer','` +
      gId +
      `');`

    document.head.appendChild(script)

    window.dataLayer = window.dataLayer || []
    window.gtag = function () {
      dataLayer.push(arguments)
    }
    gtag('js', new Date())
    gtag('config', gId)
  })
}
```
npm package: @suufi/roblox.js
Description: A Node.js wrapper for ROBLOX. (original from sentanos)
Author: Joshua Lanese
Latest version: 4.0.2

# roblox.js

[![js-semistandard-style](https://img.shields.io/badge/code%20style-semistandard-brightgreen.svg?style=flat-square)](https://github.com/Flet/semistandard)
[![ROBLOX API Discord](https://img.shields.io/badge/discord-roblox%20api%20chat-blue.svg?style=flat-square)](https://discord.gg/EDXNdAT)

[![NPM](https://nodei.co/npm/roblox.js.png)](http://npmjs.com/package/roblox.js)

*Execute ROBLOX website actions in node.js*

## About

Roblox-js is a node module that provides an interface for [ROBLOX](http://www.roblox.com) site actions, mostly for use with their HttpService feature.

Most functions are related to group service but there are other general functions as well. The list of main functions is in the contents section, they all have detailed documentation.

To use this with HttpService simply set up API's on your node server for accessing the functions, you can use the example server outlined in the below example server section as a base. Note that this does not use the latest version of the module and it is recommended you learn how to use the library directly.

There are also a few example scripts with version 3 support in the [examples](https://github.com/suufi/roblox.js/tree/master/examples) folder.

## Prerequisites

- [**node.js**](https://nodejs.org/en/download/current/)

## Installation

With node.js installed simply run: `npm install roblox.js`. That's it!

## Documentation

You can find the roblox-js wiki with all API documentation [here](https://github.com/suufi/roblox.js/wiki).

## Example Server

A usable express server utilizing this module is available [here](https://github.com/sentanos/roblox-js-server) and includes a detailed tutorial for setup on a free host as well as Lua scripts for sending requests to the server from in-game.
npm package: @suwappu/mcp-server
Description: MCP server for Suwappu — cross-chain DEX for AI agents. Swap tokens across 7+ chains.
Author: Suwappu
Latest version: 0.1.1

# @suwappu/mcp-server

MCP server for [Suwappu](https://suwappu.bot) — cross-chain DEX for AI agents.

Swap tokens across 7+ chains from Claude Desktop, Cursor, Windsurf, or any MCP client.

## Quick Start

### 1. Get an API key

```bash
curl -X POST https://api.suwappu.bot/v1/agent/register \
  -H "Content-Type: application/json" \
  -d '{"name": "my-agent"}'
```

### 2. Configure Claude Desktop

Add to `~/Library/Application Support/Claude/claude_desktop_config.json`:

```json
{
  "mcpServers": {
    "suwappu": {
      "command": "npx",
      "args": ["-y", "@suwappu/mcp-server"],
      "env": {
        "SUWAPPU_API_KEY": "suwappu_sk_your_key_here"
      }
    }
  }
}
```

### 3. Use it

Ask Claude: *"Get me a quote for swapping 0.5 ETH to USDC on Base"*

## Tools

| Tool | Description |
|------|-------------|
| `get_quote` | Swap quotes across 7+ chains |
| `get_portfolio` | Wallet balances across all chains |
| `get_prices` | Token prices with 24h change |
| `list_chains` | Supported chains |
| `list_tokens` | Tokens per chain |
| `execute_swap` | Execute a swap from a quote |

## Environment Variables

| Variable | Required | Default |
|----------|----------|---------|
| `SUWAPPU_API_KEY` | Yes | — |
| `SUWAPPU_API_URL` | No | `https://api.suwappu.bot` |

## License

MIT
npm package: @suwatte/cli
Description: Suwatte Development Tools
Author: Mantton
Latest version: 2.0.7

# Suwatte CLI Tool

## Installation

```sh
npm i -g @suwatte/cli
```

## Usage

```sh
Suwatte Development Tools.

Options:
  -V, --version    output the version number
  -h, --help       display help for command

Commands:
  build [options]  Builds valid runners in project directory.
  serve [options]  Builds & Serves a List on the local network.
  help [command]   display help for command
```

## Commands

### `daisuke build`

```sh
Usage: daisuke build [options]

Builds valid runners in project directory.

Options:
  --noList    Skips generating the runner list.
  -h, --help  display help for command
```


### `daisuke serve`

```sh
Usage: daisuke serve [options]

Serves a built source list

Options:
  -p, --port <string>  Port to run the server
  -h, --help           display help for command
```
npm package: @suwatte/emulator
Description: Required implementations for running suwatte sources in bridged JSCore environments.
Author: Mantton
Latest version: 1.3.1

# Suwatte Runner Emulator

### Basic Usage

```typescript
import emulate from "@suwatte/emulator";
import { Target } from "../runners/source";

const source = emulate(Target);

source
  .getContent("")
  .then((v) => {
    console.log(v);
  })
  .catch((err) => {
    console.log(err);
  });

```
npm package: @suwis/ext-ui
Description: ext-ui 是suwis基于自身业务，抽取出来的扩展ui，主要弥补市面上ui框架未提供的业务ui组件
Author: ivorzk@qq.com
Latest version: 0.1.1

ext-ui 是 suwis 基于自身业务，抽取出来的扩展 ui，主要弥补市面上 ui 框架未提供的业务 ui 组件

文档

<https://docs.suwis.com/ext-ui>
npm package: @suwis/funtask
Description: Funtask js sdk
Author: ivorzk@qq.com
Latest version: 1.0.29

website: <https://funtask.dev>

## install

```sh
npm install -g @suwis/funtask
```

## create new app

```sh
funtask create hello-funtask
```

## app debugging

```sh
cd hello-funtask

funtask link
```

Restart Funtask client
npm package: @suwujs/lottie-miniprogram
Description: lottie for miniprogram
Author: suk.bear
Latest version: 1.0.14
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# Lottie for MiniProgram

[![](https://img.shields.io/npm/v/lottie-miniprogram)](https://www.npmjs.com/package/lottie-miniprogram)
[![](https://img.shields.io/npm/l/lottie-miniprogram)](https://github.com/wechat-miniprogram/lottie-miniprogram)

lottie 动画库适配小程序的版本。

> lottie 的相关介绍与动画生成方法等请参考[官方说明](https://github.com/airbnb/lottie-web)

> 依赖小程序基础库版本 >= 2.8.0 的环境

## 使用

可参考该代码片段：[https://developers.weixin.qq.com/s/2TYvm9mJ75bF](https://developers.weixin.qq.com/s/2TYvm9mJ75bF)。大致步骤如下：

1. 通过 npm 安装：
```
npm install --save lottie-miniprogram
```

2. 传入 canvas 对象用于适配
```
<canvas id="canvas" type="2d"></canvas>
```
```
import lottie from 'lottie-miniprogram'

Page({
  onReady() {
    wx.createSelectorQuery().select('#canvas').node(res => {
      const canvas = res.node
      lottie.setup(canvas)
    }).exec()
  }
})
```

3. 使用 lottie 接口
```
lottie.setup(canvas)
lottie.loadAnimation({
  ...
})
```

## 接口

目前提供两个接口：

#### lottie.setup(canvas)
需要在任何 lottie 接口调用之前调用，传入 canvas 对象

#### lottie.loadAnimation(options)
与原来的 [loadAnimation](https://github.com/airbnb/lottie-web/wiki/loadAnimation-options) 有些不同，支持的参数有：
* loop
* autoplay
* animationData
* path （只支持网络地址）
* rendererSettings.context （必填）

## 说明
* 本项目是以 npm 的方式依赖原 lottie-web 项目，若原项目有新版本，可直接改变依赖的版本号。
* 本项目依赖小程序基础库 2.8.0 里性能更好的 canvas 实现，由于还有些小问题~~没有正式开放~~（2.9.0 已正式对外），但目前用在此处暂无发现问题。
* 由于小程序本身不支持动态执行脚本，因此 lottie 的 expression 功能也是不支持的。
npm package: @suwujs/vantui-form-render
Description: 一套适用于vantui组件库的form-render
Author: suk.bear
Latest version: 0.1.4

## ✨ 简介

基于 FormRender Mobile 适配的 vantui 动态渲染表单，支持 h5 和小程序。

## ⚙️ 安装

单独使用不要忘记同时安装 @antmjs/vantui@3.0.0

```shell
yarn add @suwujs/vantui-form-render
```

## 🚀 快速上手

```jsx
import { Button, Icon, Dialog } from '@antmjs/vantui'
import FormRender, { useForm } from '@suwujs/vantui-form-render'
import { View } from '@tarojs/components'

const schema = {
  type: 'object',
  displayType: 'row',
  properties: {
    nickname: {
      title: '昵称',
      type: 'string',
      widget: 'input',
      props: {},
      itemProps: {
        trigger: 'onInput',
        validateTrigger: 'onBlur',
      },
      rules: [
        {
          rule: /[\u4e00-\u9fa5]/,
          message: '昵称仅支持中文!',
        },
      ],
      required: true,
    },
    sex: {
      title: '性别',
      type: 'string',
      widget: 'radio',
      props: {
        options: [
          { label: '男', value: 'male' },
          { label: '女', value: 'female' },
        ],
      },
      required: true,
    },
    skills: {
      title: '特长',
      type: 'string',
      widget: 'checkboxes',
      props: {
        options: [
          { label: '足球', value: 'soccer' },
          { label: '跳舞', value: 'dance' },
          { label: '游戏', value: 'game' },
          { label: '画画', value: 'painting' },
          { label: '钓鱼', value: 'fishing' },
          { label: '化妆', value: 'makeup' },
        ],
      },
      required: true,
    },
    date: {
      title: '日期',
      type: 'string',
      widget: 'datetimePickerBox',
      props: {},
      required: true,
      itemProps: {
        valueFormat: (e) => e.detail.value,
        valueKey: 'value',
        trigger: 'onConfirm',
        renderRight: <Icon name="arrow" />,
      },
    },
  },
}

export default () => {
  const form = useForm()

  // const onFinish = (formData) => {
  //   console.log('formData:', formData)
  // }

  const handleClick = () => {
    form.validateFields((errorMessage, fieldValues) => {
      if (errorMessage && errorMessage.length) {
        Dialog.alert({
          message: `errorMessage: ${JSON.stringify(errorMessage)}`,
          selector: '#form-demo11',
        })
        return console.info('errorMessage', errorMessage)
      }

      Dialog.alert({
        message: `result: ${JSON.stringify(fieldValues)}`,
        selector: '#form-demo11',
      })
    })
  }

  return (
    <FormRender
      footer={
        <>
          <Button
            className="form-render-submit-btn"
            block
            onClick={handleClick}
            type="primary"
            // formType="submit"
          >
            提交
          </Button>
          <Dialog id="form-demo11" />
        </>
      }
      form={form}
      schema={schema}
      // onFinish={onFinish}
    />
  )
}
```

## 配置

```js
// src/config/index.js
compiler: {
    type: 'webpack5',
    prebundle: {
      exclude: ['@suwujs/vantui-form-render'],
    },
  },

// app.less
@import url('@suwujs/vantui-form-render/lib/index.less');
```