@sksharma72000/ai-chat-websdk 1.0.0 → 1.0.2

package/README.md

@@ -18,14 +18,16 @@ Drop it into any page with a single `initialize()` call — no framework require
 npm install @sksharma72000/ai-chat-websdk
 ```
 
-> **Peer dependencies** — React 18 and ReactDOM 18 must be present in your host application.
+> **Peer dependencies** — React 18 and ReactDOM 18 must be present in your host application (Option A only).
+
+## Quick Start
+
+### Option A — npm (React / Vue / Angular / any bundler)
 
 ```bash
-npm install react react-dom
+npm install @sksharma72000/ai-chat-websdk react react-dom
 ```
 
-## Quick Start
-
 ```ts
 import AIChatSDK from '@sksharma72000/ai-chat-websdk';
 import '@sksharma72000/ai-chat-websdk/style.css';
@@ -76,9 +78,55 @@ AIChatSDK.setToken('Bearer eyJnew...');
 AIChatSDK.destroy();
 ```
 
-## Configuration Reference
+### Option B — Script Tag / CDN (No React, No npm, No bundler)
+
+The **standalone bundle** has React baked in — drop two tags into any HTML page and you're done.
+
+```html
+<!-- Styles (shared with all bundle variants) -->
+<link rel="stylesheet" href="https://unpkg.com/@sksharma72000/ai-chat-websdk/style.css" />
+<!-- Standalone bundle (React included) -->
+<script src="https://unpkg.com/@sksharma72000/ai-chat-websdk/ai-chat-websdk.standalone.js"></script>
+
+<script>
+  AIChatSDK.initialize({
+    apiUrl: 'https://api.example.com',
+    jwtToken: 'Bearer eyJ...',
 
-| Option | Type | Default | Description |
+    onTokenExpired: async () => {
+      const res = await fetch('/auth/refresh', { method: 'POST' });
+      const { token } = await res.json();
+      return token;
+    },
+
+    title: 'Support Chat',
+    theme: {
+      primaryColor: '#6366f1',
+      secondaryColor: '#8b5cf6',
+    },
+  });
+
+  // Update token later
+  AIChatSDK.setToken('Bearer new-token');
+
+  // Remove widget
+  AIChatSDK.destroy();
+</script>
+```
+
+> The standalone bundle is larger (~2 MB unminified) because React is included.
+> For production React projects use **Option A** to avoid shipping React twice.
+
+### Build outputs
+
+| File | Use case |
+|---|---|
+| `ai-chat-websdk.es.js` | ES module — React apps, bundlers (Vite, webpack, etc.) |
+| `ai-chat-websdk.umd.js` | CommonJS / UMD — Node SSR, older bundlers |
+| `ai-chat-websdk.standalone.js` | IIFE — plain HTML, CMS, no-framework pages |
+| `style.css` | Stylesheet for all bundle variants |
+
+## Configuration Reference
 |---|---|---|---|
 | `apiUrl` | `string` | **required** | Base URL of the AI server |
 | `jwtToken` | `string` | — | JWT token (with or without `Bearer ` prefix) |