open-index/open-npm huggingface dataset:
npm package: @overlap.ai/clip-creator
Description: Overlap's embeddable clip creator component
Latest version: 1.0.43

# Overlap Clip Creator

A React component for creating and managing video clips using Overlap's AI technology.

## Installation

```bash
npm install @overlap.ai/clip-creator
```

## Usage

The ClipCreator component comes with all necessary styles bundled - no additional CSS configuration required.

```jsx
import { ClipCreator } from '@overlap.ai/clip-creator';

function App() {
  return (
    <div className="container mx-auto p-4">
      <ClipCreator
        primaryColor="#007AFF"  // Your brand color
        companyId="your-company-id"  // From Overlap dashboard
        apiKey="your-api-key"  // From Overlap dashboard
        workflowId="your-workflow-id"  // From Overlap dashboard
        nodeId="your-node-id"  // From Overlap dashboard
      />
    </div>
  );
}
```

## Props

| Prop | Type | Required | Description |
|------|------|----------|-------------|
| primaryColor | string | No | The primary color used for buttons and accents. Defaults to "#007AFF" |
| companyId | string | Yes | Your Overlap company ID |
| apiKey | string | Yes | Your Overlap API key |
| workflowId | string | Yes | The ID of the workflow to trigger |
| nodeId | string | Yes | The ID of the node in the workflow |

## Features

- Upload videos or use YouTube URLs
- AI-powered video reframing (16:9 or 9:16)
- Multiple subtitle styles
- Real-time progress tracking
- View and manage previous clips
- Responsive design

## Example with Custom Styling

```jsx
import { ClipCreator } from '@overlap.ai/clip-creator';

function VideoEditor() {
  return (
    <div className="min-h-screen bg-gray-50 py-8">
      <div className="max-w-7xl mx-auto px-4">
        <h1 className="text-2xl font-bold mb-6">Video Editor</h1>
        
        <div className="bg-white rounded-xl overflow-hidden h-[800px]">
          <ClipCreator
            primaryColor="#0066FF"
            companyId="your-company-id"
            apiKey="your-api-key"
            workflowId="your-workflow-id"
            nodeId="your-node-id"
          />
        </div>
      </div>
    </div>
  );
}
```

## Requirements

- React 18 or higher

## Browser Support

- Chrome (latest)
- Firefox (latest)
- Safari (latest)
- Edge (latest)

## Notes

- Maximum file size is 10GB
- Supported video formats: MP4, WebM, OGG, AVI, MOV

## Getting Help

For issues and feature requests, please contact Overlap support or visit our documentation at [https://overlap.ai](https://overlap.ai).
npm package: @overlap/serverless-tools-mongo
Description: Tools and utilities for working with MongoDB.
Latest version: 0.2.13

# Serverless Tools - Mongo

Tools and utilities for working with MongoDB.

## MongoClient

To use the MongoClient you can get a shared instance of the MongoClient by calling `getMongoClient`.
This way the MongoClient is kept out of the handler and can be reused on Lambda invocations.

### Authentication

The MongoClient options set by default use AWS IAM authentication.

Therefore the MongoClient will use the following environment variables to authenticate with the Lambda execution role.

-   `AWS_ACCESS_KEY_ID`
-   `AWS_SECRET_ACCESS_KEY`
-   `AWS_SESSION_TOKEN`

You need to take care to create a MongoDB User for the AWS IAM role that is assigned to the Lambda function as its execution role.

See https://www.mongodb.com/docs/atlas/security/passwordless-authentication/ for more details.

### Example Code

```typescript
import { getMongoClient } from '@overlap/serverless-tools-mongo';

const { MONGO_URI, MONGO_DB_NAME } = process.env;

const mongoClient = await getMongoClient(MONGO_URI);
const collection = mongoClient.db(MONGO_DB_NAME);
```

> If your handler takes a callback as its last argument, set the `callbackWaitsForEmptyEventLoop` property on the AWS Lambda Context object to `false`.
>
> This allows a Lambda function to return its result to the caller without requiring that the MongoDB database connection be closed. Setting this property is not applicable for
> async handlers
> .

## Deploy Collection

Use the `deployCollection` function to set up collections automatically on deployments.

A collection can be created or updated with different collection options. This way for example schema validations can be set.