open-index/open-npm huggingface dataset:
npm package: @renprofile/beacon-angular
Description: Angular module and service for the Beacon chat widget by Renprofile
Author: Renprofile
Latest version: 0.1.0

# @renprofile/beacon-angular 🚀

Official Angular bindings for the Renprofile Beacon Chat Widget. 
Instantly add AI-powered customer support to any Angular application.

## Installation

```bash
npm install @renprofile/beacon-angular
# or 
yarn add @renprofile/beacon-angular
# or
pnpm add @renprofile/beacon-angular
```

## Setup

First, import the `BeaconModule` into your application module (usually `app.module.ts`):

```typescript
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { BeaconModule } from '@renprofile/beacon-angular';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    BeaconModule // <-- Add this
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
```

## Basic Usage

The `beacon-widget` component handles everything. Just drop it anywhere in your component template (e.g. `app.component.html`).

```html
<main>
  <!-- Your app content -->
  <router-outlet></router-outlet>
  
  <!-- 
    Renders the chat bubble in the bottom right corner.
    Get your Workspace ID from your Renprofile dashboard.
  -->
  <beacon-widget workspaceId="your-workspace-uuid-here"></beacon-widget>
</main>
```

## Identifying Users (Optional)

If your app has logged-in users, you can pass their identity to the widget so your AI/agents know exactly who they are talking to.

```typescript
import { Component } from '@angular/core';
import { BeaconIdentity } from '@renprofile/beacon-angular';

@Component({
  selector: 'app-root',
  template: `
    <main>
      <h1>My App</h1>
      <beacon-widget 
        workspaceId="your-workspace-uuid-here" 
        [identity]="userIdentity">
      </beacon-widget>
    </main>
  `
})
export class AppComponent {
  userIdentity: BeaconIdentity = {
    name: 'Jane Doe',
    email: 'jane@example.com',
    external_id: 'user_123'
  };
}
```

## Advanced: Programmatic Control

If you need programmatic control over the widget (like opening it when a user clicks a custom "Contact Support" button), inject the `BeaconService`.

```typescript
import { Component } from '@angular/core';
import { BeaconService } from '@renprofile/beacon-angular';

@Component({
  selector: 'app-contact',
  template: `
    <button (click)="openChat()">Chat with our AI Support</button>
  `
})
export class ContactComponent {
  constructor(private beaconService: BeaconService) {}

  openChat() {
    this.beaconService.open();
  }
  
  closeChat() {
    this.beaconService.close();
  }
}
```

## Configuration API

| Input         | Type           | Required | Description |
|---------------|----------------|----------|-------------|
| `workspaceId` | `string`       | **Yes**  | Your Renprofile Workspace UUID. |
| `[identity]`  | `BeaconIdentity` | No     | The current user's profile information. |
| `[cdnUrl]`    | `string`       | No       | Only use if self-hosting the Beacon core loader. |

## License
MIT © Renprofile
npm package: @renproject/chains
Description: This package is part of [RenJS](https://github.com/renproject.ren-js).
Author: Ren
Latest version: 3.5.2

# `@renproject/chains`

This package is part of [RenJS](https://github.com/renproject.ren-js).

See [`@renproject/chains` docs](https://renproject.github.io/ren-js-v3-docs/modules/_renproject_chains.html)
npm package: @renproject/chains-bitcoin
Description: This package is part of [RenJS](https://github.com/renproject.ren-js).
Author: Ren
Latest version: 3.5.2

# `@renproject/chains-bitcoin`

This package is part of [RenJS](https://github.com/renproject.ren-js).

See [`@renproject/chains-bitcoin` docs](https://renproject.github.io/ren-js-v3-docs/modules/_renproject_chains_bitcoin.html)
npm package: @renproject/chains-ethereum
Description: This package is part of [RenJS](https://github.com/renproject.ren-js).
Author: Ren
Latest version: 3.5.2

# `@renproject/chains-ethereum`

This package is part of [RenJS](https://github.com/renproject.ren-js).

See [`@renproject/chains-ethereum` docs](https://renproject.github.io/ren-js-v3-docs/modules/_renproject_chains_ethereum.html)
npm package: @renproject/chains-filecoin
Description: This package is part of [RenJS](https://github.com/renproject.ren-js).
Author: Ren
Latest version: 3.5.2

# `@renproject/chains-filecoin`

This package is part of [RenJS](https://github.com/renproject.ren-js).

See [`@renproject/chains-filecoin` docs](https://renproject.github.io/ren-js-v3-docs/modules/_renproject_chains_filecoin.html)
npm package: @renproject/chains-solana
Description: This package is part of [RenJS](https://github.com/renproject.ren-js).
Author: Ren
Latest version: 3.5.2

# `@renproject/chains-solana`

This package is part of [RenJS](https://github.com/renproject.ren-js).

See [`@renproject/chains-solana` docs](https://renproject.github.io/ren-js-v3-docs/modules/_renproject_chains_solana.html)
npm package: @renproject/chains-terra
Description: This package is part of [RenJS](https://github.com/renproject.ren-js).
Author: Ren
Latest version: 3.5.2

# `@renproject/chains-terra`

This package is part of [RenJS](https://github.com/renproject.ren-js).

See [`@renproject/chains-terra` docs](https://renproject.github.io/ren-js-v3-docs/modules/_renproject_chains_terra.html)