# Open Notebook frontend demo

Demo PHP + JavaScript para probar un boton/modal embebible que envia solicitudes a N8N.

## Archivos

- `demo.php`: pagina de prueba que simula un recurso DSpace/OJS.
- `open-notebook-widget.js`: script embebible que renderiza el boton y modal.
- `open-notebook-proxy.php`: proxy PHP que reenvia la solicitud al webhook de N8N.
- `config.example.php`: plantilla de configuracion.

## Configuracion

Copiar:

```bash
cp config.example.php config.php
```

Editar `config.php`:

```php
return [
    'n8n_webhook_url' => 'https://TU-N8N/webhook/open-notebook/generate',
    'n8n_secret' => '',
];
```

## Uso embebido

```html
<script
  src="https://tu-dominio/open-notebook-widget.js"
  data-open-notebook
  data-mode="inline"
  data-mount="#open-notebook-inline"
  data-endpoint="https://tu-dominio/open-notebook-proxy.php"
  data-external-system="dspace"
  data-external-resource-id="9e9ae2dc-8a6e-4de4-a988-c55e6ca0a96b"
  data-resource-url="https://libros.metabiblioteca.org/server/api/core/bitstreams/9e9ae2dc-8a6e-4de4-a988-c55e6ca0a96b/content"
  data-resource-title="Movimientos sociales y recuperacion"
></script>
```

Para boton flotante, omitir `data-mode="inline"` y `data-mount`.

## Payload enviado a N8N

```json
{
  "external_system": "dspace",
  "external_resource_id": "...",
  "resource_url": "...",
  "resource_title": "...",
  "tool": "simple_summary"
}
```