# Integração Assistida por IA

Use assistentes de codificação de IA para integrar e configurar o plugin Pushwoosh para React Native em seu projeto. Ao conectar seu assistente ao servidor MCP do [Context7](https://context7.com/), ele obtém acesso à documentação atualizada do plugin, exemplos de código e referência de API — para que possa gerar um código de integração preciso e funcional.

<Aside type="note">
Seu assistente de IA deve ser compatível com o [MCP (Model Context Protocol)](https://modelcontextprotocol.io/) para usar o Context7. As ferramentas suportadas incluem **Claude Code**, **Cursor**, **Windsurf**, **Cline** e outras.
</Aside>

## Como funciona

O Context7 é um servidor MCP que fornece aos assistentes de IA a documentação atualizada da biblioteca. Quando seu assistente tem acesso ao Context7, ele pode buscar os documentos mais recentes do plugin Pushwoosh para React Native, trechos de código e referência de API diretamente durante a conversa — em vez de depender de dados de treinamento potencialmente desatualizados.

O ID da biblioteca do plugin Pushwoosh para React Native no Context7 é: **`/pushwoosh/pushwoosh-react-native-plugin`**

## Configurando o Context7

Adicione o [Context7](https://github.com/upstash/context7#installation) à configuração MCP do seu assistente de IA:

<Tabs>
  <TabItem label="Claude Code">
Execute o seguinte comando:

```bash
claude mcp add --scope user context7 -- npx -y @upstash/context7-mcp --api-key YOUR_API_KEY
```
  </TabItem>
  <TabItem label="Cursor / Windsurf">
Adicione ao seu arquivo de configuração MCP (`.cursor/mcp.json` ou equivalente):

```json
{
  "mcpServers": {
    "context7": {
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp@latest"]
    }
  }
}
```
  </TabItem>
</Tabs>

## Prompts de exemplo

Uma vez que o Context7 esteja configurado, você pode usar prompts de linguagem natural para integrar o plugin. Abaixo estão prompts prontos para uso para tarefas comuns.

### Integração básica do plugin

```text
Integrate Pushwoosh React Native plugin into my React Native project.

Requirements:
- Install pushwoosh-react-native-plugin via npm
- Initialize Pushwoosh with my App ID in App component
- Register for push notifications and handle pushReceived and pushOpened events

Use Context7 MCP to fetch Pushwoosh React Native plugin documentation.
```

### Manuseio de notificações push

```text
Show me how to handle push notification callbacks (receive, open) with
Pushwoosh React Native plugin. I want to process push payload data and
navigate to specific screens based on custom data.

Use Context7 MCP to fetch Pushwoosh React Native plugin documentation for push event handling.
```

### Segmentação de usuários com tags

```text
Show me how to use Pushwoosh tags for user segmentation in a React Native app.
I need to set tags, get tags, and set user ID for cross-device tracking.

Use Context7 MCP to fetch Pushwoosh React Native plugin documentation for setTags and getTags.
```

<Aside type="tip">
Adicionar **"Use Context7 MCP to fetch Pushwoosh React Native plugin documentation"** ao final do seu prompt informa ao assistente de IA para buscar os documentos mais recentes do plugin antes de gerar o código.
</Aside>

## O que o assistente de IA recebe

Quando seu assistente consulta o Context7 sobre o plugin Pushwoosh para React Native, ele recebe:

- **Instruções de instalação** — configuração para npm/yarn e configuração específica da plataforma
- **Referência de API** — métodos públicos, ouvintes de eventos (event listeners) e assinaturas de callback
- **Exemplos de código** — trechos de JavaScript e TypeScript para casos de uso comuns
- **Documentação de eventos** — manipuladores de eventos pushReceived, pushOpened e de deep link
- **Detalhes de configuração** — parâmetros de inicialização, etapas de configuração para iOS e Android