open-index/open-npm huggingface dataset:
npm package: @30-seconds/integration-tools
Description: Integration tools for 30-seconds projects.
Author: 30-seconds
Latest version: 3.0.0

[![Logo](/logo.png)](https://30secondsofcode.org/)

# 30 seconds integration tools

Integration tools for [30-seconds](https://github.com/30-seconds) projects.

Please refer to individual projects for content issues.
This repository contains the source code for the integration tools and nothing else.

## Usage 

- Install globally:

```bash
npm i -g @30-seconds/integration-tools
```

### Repo initialization

1. Create a repository on GitHub with a `README.md`, `.gitignore` and a `LICENSE`.
2. Clone it locally.
3. Enter the repository directory locally.
4. Run `init-content-repo` inside the directory, answer all the questions, wait for the process to complete.
5. Make necessary changes, commit, push and start working!

### Snippet creation

In a repository that has the dependency on this package, run:

```sh
create-new-snippet <snippet-name>
```

Replace `<snippet-name>` with the name of your snippet and then go inside the `snippets` folder and edit it.
npm package: @302ai/basic-mcp
Description: A Model Context Protocol server
Author: 302.ai
Latest version: 0.1.1

# 302AI Basic MCP Server

## Development

Install dependencies:

```bash
npm install
```

Build the server:

```bash
npm run build
```

For development with auto-rebuild:

```bash
npm run watch
```

## Installation

To use with Claude Desktop, add the server config:

On MacOS: `~/Library/Application Support/Claude/claude_desktop_config.json`
On Windows: `%APPDATA%/Claude/claude_desktop_config.json`

```json
{
  "mcpServers": {
    "302ai-basic-mcp": {
      "command": "npx",
      "args": ["-y", "@302ai/basic-mcp"],
      "env": {
        "302AI_API_KEY": "YOUR_API_KEY_HERE"
      }
    }
  }
}
```

Find Your 302AI_API_KEY [here](https://dash.302.ai/apis/list)

### Debugging

Since MCP servers communicate over stdio, debugging can be challenging. We recommend using the [MCP Inspector](https://github.com/modelcontextprotocol/inspector), which is available as a package script:

```bash
npm run inspector
```

The Inspector will provide a URL to access debugging tools in your browser.
npm package: @302ai/browser-use-mcp
Description: A Model Context Protocol server
Author: 302.ai
Latest version: 0.1.2

# 302AI BrowserUse MCP Server

## Development

Install dependencies:

```bash
npm install
```

Build the server:

```bash
npm run build
```

For development with auto-rebuild:

```bash
npm run watch
```

## Installation

To use with Claude Desktop, add the server config:

On MacOS: `~/Library/Application Support/Claude/claude_desktop_config.json`
On Windows: `%APPDATA%/Claude/claude_desktop_config.json`

```json
{
  "mcpServers": {
    "302ai-browser-use-mcp": {
      "command": "npx",
      "args": ["-y", "@302ai/browser-use-mcp"],
      "env": {
        "302AI_API_KEY": "YOUR_API_KEY_HERE"
      }
    }
  }
}
```

Find Your 302AI_API_KEY [here](https://dash.302.ai/apis/list)

### Debugging

Since MCP servers communicate over stdio, debugging can be challenging. We recommend using the [MCP Inspector](https://github.com/modelcontextprotocol/inspector), which is available as a package script:

```bash
npm run inspector
```

The Inspector will provide a URL to access debugging tools in your browser.
npm package: @302ai/image-mcp
Description: A Model Context Protocol server
Author: 302.ai
Latest version: 0.1.2

# 302AI Image MCP Server

## Development

Install dependencies:

```bash
npm install
```

Build the server:

```bash
npm run build
```

For development with auto-rebuild:

```bash
npm run watch
```

## Installation

To use with Claude Desktop, add the server config:

On MacOS: `~/Library/Application Support/Claude/claude_desktop_config.json`
On Windows: `%APPDATA%/Claude/claude_desktop_config.json`

```json
{
  "mcpServers": {
    "302ai-image-mcp": {
      "command": "npx",
      "args": ["-y", "@302ai/image-mcp"],
      "env": {
        "302AI_API_KEY": "YOUR_API_KEY_HERE"
      }
    }
  }
}
```

Find Your 302AI_API_KEY [here](https://dash.302.ai/apis/list)

### Debugging

Since MCP servers communicate over stdio, debugging can be challenging. We recommend using the [MCP Inspector](https://github.com/modelcontextprotocol/inspector), which is available as a package script:

```bash
npm run inspector
```

The Inspector will provide a URL to access debugging tools in your browser.
npm package: @302ai/n8n-nodes-302ai-chat
Description: n8n community node for 302.ai AI service integration
Author: 302.AI
Latest version: 0.0.3

# @302ai/n8n-nodes-302ai-chat

[![NPM Version](https://img.shields.io/npm/v/@302ai/n8n-nodes-302ai-chat?style=flat-square)](https://www.npmjs.com/package/@302ai/n8n-nodes-302ai-chat)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg?style=flat-square)](https://opensource.org/licenses/MIT)
[![N8N Compatibility](https://img.shields.io/badge/N8N-v1.x-blueviolet?style=flat-square)](https://n8n.io)

This is an n8n community node for [302.AI](https://302.ai/) AI service integration.

## Prerequisites

You need to have a valid API key from [302.AI](https://302.ai/) to use this node.

## Installation

1.  Go to **Settings > Community Nodes** in your n8n instance.
2.  Select **Install** and enter `@302ai/n8n-nodes-302ai-chat` in the search box.
3.  Click **Install** to add the node to your n8n instance.

## Configuration

1.  In your n8n workflow, add the "302.AI" node.
2.  In the "Credentials" section, click on **Create New**.
3.  Give your credential a name.
4.  Enter your API key from `302.AI` into the **API Key** field.
5.  Click **Save** to create the credential.

## Usage

### Chat Operation

1.  **Model Name or ID**: Select from available 302.ai models
2.  **System Prompt**: (Optional) Provide context for the AI
3.  **Message**: Your input message
4.  **Additional Fields**: Temperature, max tokens, etc.

### Multimodal Support
- Supports both text and image inputs in chat conversations
- Compatible with vision-capable models for image understanding
- **Image URL**: Optional field to include images in your conversation
- **Supported formats**: HTTP/HTTPS image URLs or base64 encoded images
- **Use cases**: Image analysis, visual question answering, content understanding from images

## Output

- **Standard response**: `json.response` contains the model's reply
- **Error handling**: `json.error` for any API issues

## Examples

### Basic Chat Example
```json
{
  "model": "gpt-3.5-turbo",
  "message": "Hello, how can AI help with automation?",
  "temperature": 0.7
}
```

### Multimodal Example (Text + Image)
```json
{
  "model": "gpt-4-vision-preview",
  "message": "What do you see in this image?",
  "imageUrl": "https://example.com/image.jpg",
  "temperature": 0.5
}
```

### Response Example
```json
{
  "response": "AI can help with automation in many ways, including data processing, decision making, content generation, and workflow optimization..."
}
```

## License

[MIT](LICENSE)
npm package: @30shine/react-native-video-cache30-s
Description: React native modules for android caching video and sync background App TNKH!
Author: Nguyễn Vũ
Latest version: 1.0.3

# react-native-video-cache30-s

## Getting started

`$ npm install react-native-video-cache30-s --save`

### Mostly automatic installation

`$ react-native link react-native-video-cache30-s`

## Usage
```javascript
import VideoCache30S from 'react-native-video-cache30-s';

// TODO: What to do with the module?
VideoCache30S;
```
npm package: @314e-react-awesome-query-builder/bootstrap
Description: User-friendly query builder for React. Bootstrap widgets
Author: Denis Oblogin
Latest version: 6.4.1
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @314e-react-awesome-query-builder/bootstrap

[![npm](https://img.shields.io/npm/v/@314e-react-awesome-query-builder/bootstrap.svg)](https://www.npmjs.com/package/@314e-react-awesome-query-builder/bootstrap)

This packages provides [Bootstrap](https://reactstrap.github.io/) widgets

## Installation

Peer dependencies that needs to be installed:
```
npm i bootstrap reactstrap @popperjs/core @fortawesome/fontawesome-svg-core @fortawesome/free-solid-svg-icons @fortawesome/react-fontawesome --save
```

Install:
```
npm i @314e-react-awesome-query-builder/bootstrap --save
```

## Usage

Use `BootstrapConfig`. 
Don't forget to import Bootstrap CSS: `bootstrap/dist/css/bootstrap.min.css`. 

See [minimal example in readme](https://github.com/ukrbublik/react-awesome-query-builder#usage) with modifications at top:
```js
// >>>
import type { JsonGroup, Config, ImmutableTree, BuilderProps } from '@314e-react-awesome-query-builder/bootstrap'; // for TS example
import { Query, Builder, Utils as QbUtils } from '@314e-react-awesome-query-builder/bootstrap';
import { BootstrapConfig, BootstrapWidgets } from '@314e-react-awesome-query-builder/bootstrap';
import "bootstrap/dist/css/bootstrap.min.css";
import '@314e-react-awesome-query-builder/bootstrap/css/styles.css';
const InitialConfig = BootstrapConfig;
// <<<
```
npm package: @314e-react-awesome-query-builder/material
Description: User-friendly query builder for React. Material-UI 4 widgets
Author: Denis Oblogin
Latest version: 6.4.1
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @314e-react-awesome-query-builder/material

[![npm](https://img.shields.io/npm/v/@314e-react-awesome-query-builder/material.svg)](https://www.npmjs.com/package/@314e-react-awesome-query-builder/material)

This packages provides [Material-UI v4](https://v4.mui.com/) widgets (deprecated)

## Installation

Peer dependencies that needs to be installed:
```
npm i @material-ui/core @material-ui/lab @material-ui/icons @material-ui/pickers --save
```

Install:
```
npm i @314e-react-awesome-query-builder/material --save
```

## Usage

Use `MaterialConfig`. 

See [minimal example in readme](https://github.com/ukrbublik/react-awesome-query-builder#usage) with modifications at top:
```js
// >>>
import type { JsonGroup, Config, ImmutableTree, BuilderProps } from '@314e-react-awesome-query-builder/material'; // for TS example
import { Query, Builder, Utils as QbUtils } from '@314e-react-awesome-query-builder/material';
import { MaterialConfig, MaterialWidgets } from '@314e-react-awesome-query-builder/material';
import '@314e-react-awesome-query-builder/material/css/styles.css';
const InitialConfig = MaterialConfig;
// <<<
```
npm package: @314e-react-awesome-query-builder/ui
Description: User-friendly query builder for React. Core React UI
Author: Denis Oblogin
Latest version: 6.4.1
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @314e-react-awesome-query-builder/ui

[![npm](https://img.shields.io/npm/v/@314e-react-awesome-query-builder/ui.svg)](https://www.npmjs.com/package/@314e-react-awesome-query-builder/ui)

This package has core React components like `<Query>` `<Builder>` and CSS, provides config with basic (vanilla) widgets.

## Installation

```
npm i @314e-react-awesome-query-builder/ui --save
```

## Usage

Use `BasicConfig`. 

See [minimal example in readme](https://github.com/ukrbublik/react-awesome-query-builder#usage)