open-index/open-npm huggingface dataset:
npm package: @playaurainc/e2b-clone-updated-sdk
Description: E2B Clone Server with Latest Google Cloud SDKs - Updated Storage, Run, and Generative AI
Author: E2B Clone
Latest version: 2.0.0

# Open Lovable

Chat with AI to build React apps instantly. An example app made by the [Firecrawl](https://firecrawl.dev/?ref=open-lovable-github) team. For a complete cloud solution, check out [Lovable.dev ❤️](https://lovable.dev/).

<img src="https://media1.giphy.com/media/v1.Y2lkPTc5MGI3NjExbmZtaHFleGRsMTNlaWNydGdianI4NGQ4dHhyZjB0d2VkcjRyeXBucCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/ZFVLWMa6dVskQX0qu1/giphy.gif" alt="Open Lovable Demo" width="100%"/>



## Setup

1. **Clone & Install**
```bash
git clone https://github.com/mendableai/open-lovable.git
cd open-lovable
npm install
```

2. **Add `.env.local`**
```env
# Required
E2B_API_KEY=your_e2b_api_key  # Get from https://e2b.dev (Sandboxes)
FIRECRAWL_API_KEY=your_firecrawl_api_key  # Get from https://firecrawl.dev (Web scraping)

# Optional (need at least one AI provider)
ANTHROPIC_API_KEY=your_anthropic_api_key  # Get from https://console.anthropic.com
OPENAI_API_KEY=your_openai_api_key  # Get from https://platform.openai.com (GPT-5)
GEMINI_API_KEY=your_gemini_api_key  # Get from https://aistudio.google.com/app/apikey
GROQ_API_KEY=your_groq_api_key  # Get from https://console.groq.com (Fast inference - Kimi K2 recommended)
```

3. **Run**
```bash
npm run dev
```

Open [http://localhost:3000](http://localhost:3000)  

## License

MIT
npm package: @playbooks/widgets
Description: A collection of React widgets for Playbooks.
Author: Playbooks
Latest version: 0.0.9

# Overview
A collection of widgets for React projects.

## Prerequisites
- React v19

## Installation
```
npm install @playbooks/widgets
```

## Quick Start
```
import '@playbooks/widgets/styles.css';
import { PlaybooksModal } from '@playbooks/widgets';

function App() {
  const [open, setOpen] = React.useState(false);

  return (
    <Div>
      <PlaybooksModal uuid="react-official-starter" options={{ theme: 'dark' }} />
    </Div>
  );
}
```

## Global Options
These options can be passed into any Playbooks widget to control its behavior, styling, and event handling.
Some of them, like the options property, are only applied to the `<PlaybooksModal />` widget at the moment.

| Option | Type | Default | Description |
| :--- | :--- | :--- | :--- |
| `uuid` | `string` | `undefined` | **Required.** The unique identifier to link and display the appropriate play. |
| `theme` | `string` | `undefined` | Whether to display the widget with a dark or light theme. |
| `callbacks` | `object` | `{}` | Functions triggered by various widget events. [See Callbacks Object](#callbacks-object) |
| `options` | `object` | `{}` | General configuration settings for the widget. [See Options Object](#options-object) |
| `tailwind` | `object` | `{}` | A Tailwind override system for widget styles. [See Tailwind Object](#tailwind-object) |

---

### Options Object
Passed via the `options` prop to configure the widget's base behavior.

| Property | Type | Default | Description |
| :--- | :--- | :--- | :--- |
| `showSidebar` | `boolean` | `true` | Toggles the availability of the modal sidebar. |

---

### Callbacks Object
Passed via the `callbacks` prop. Use these to hook into the widget's lifecycle from your host application.

| Event | Type | Description |
| :--- | :--- | :--- |
| `onLoad` | `() => void` | Fires when the widget has successfully mounted and loaded the play data. |
| `onError` | `(error: Error) => void` | Fires if the widget fails to render or fetch the play. |

---

### Tailwind Object
Passed via the `tailwind` prop. Allows deep customization of the widget's internal elements based on the `@ehubbell/html` library structure.
You will need to review the package to see which elements are customizable. For example, you could do the following:

```
  <PlaybooksModal
    uuid='astro-offocial-starter'
    tailwind={{ btn: { border: 'border', bgColor: 'bg-blue-600 dark:bg-blue-400', hover: 'hover:bg-blue-500' } }}
  />
```


## Questions
Please reach out to support@playbooks.xyz with any technical questions and / or issues.


## Author
- Playbooks XYZ
- support@playbooks.xyz


## Contributions
Please open a Github Issue describing the PR you want to submit before starting work.