bstp-agent-widget 0.2.5 → 0.2.6

package/README.md

@@ -60,21 +60,27 @@ export function Page() {
 - `react` and `react-dom` are defined as `peerDependencies`.
 - Library outputs are generated under `dist/`.
 
-## Angular Integration
+## Angular Integration (Step by Step)
 
-Install the package in your Angular app:
+1. Build the npm package in this repository:
 
 ```bash
-npm i bstp-agent-widget
+bun run build:lib && npm pack
 ```
 
-Add the widget stylesheet once (for example in `src/styles.scss`):
+2. Install the generated tarball in your Angular app:
+
+```bash
+npm i /path/to/bstp-agent-widget-0.2.5.tgz
+```
+
+3. Add widget stylesheet once in Angular global styles (`src/styles.scss`):
 
 ```scss
 @import 'bstp-agent-widget/style.css';
 ```
 
-Create a wrapper component:
+4. Mount the widget from an Angular component:
 
 ```ts
 import { AfterViewInit, Component, ElementRef, OnDestroy, ViewChild } from '@angular/core';
@@ -95,7 +101,7 @@ export class AgentChatWidgetComponent implements AfterViewInit, OnDestroy {
         customerToken: 'jwt-token',
         language: 'en-US',
       },
-      // Optional: defaults to /environment.json
+      // Optional. Default: /environment.json
       // environmentUrl: '/environment.json',
     });
   }
@@ -106,7 +112,7 @@ export class AgentChatWidgetComponent implements AfterViewInit, OnDestroy {
 }
 ```
 
-The function reads `genai.config` from `environment.json`:
+5. Provide `genai.config` in Angular app `public/environment.json`:
 
 ```json
 {