@blumessage/react-chat 1.3.0 → 1.4.0

package/README.md

@@ -15,10 +15,38 @@ A React TypeScript chat widget component with floating button, theming, and Blum
 
 ## Installation
 
+### NPM Package (Recommended)
+
 ```bash
 npm i @blumessage/react-chat
 ```
 
+### Browser Versions
+
+#### Option 1: Standalone (Includes React)
+
+For the simplest setup with everything included:
+
+```html
+<!-- Load the Blumessage Chat component (includes React) -->
+<script src="path/to/index.js"></script>
+```
+
+#### Option 2: External React (Smaller Bundle)
+
+For when you already have React loaded:
+
+```html
+<!-- Load React and ReactDOM from CDN -->
+<script crossorigin src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
+<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>
+
+<!-- Load the Blumessage Chat component -->
+<script src="path/to/blumessage-chat.browser.js"></script>
+```
+
+See [BROWSER_USAGE.md](./BROWSER_USAGE.md) for complete browser usage documentation.
+
 ## Quick Start
 
 ### Floating Chat Widget (Default)
@@ -431,6 +459,32 @@ interface BlumessageChatRef {
 - React 18+
 - TypeScript 4.5+
 
+## Building
+
+### Standard Build (ES Modules)
+
+```bash
+npm run build
+```
+
+### Browser Versions
+
+#### Standalone (Includes React)
+
+```bash
+npm run build:commonjs
+```
+
+This creates `dist/index.js` which includes React and can be used directly in browsers.
+
+#### External React (Smaller Bundle)
+
+```bash
+npm run build:browser
+```
+
+This creates `dist/blumessage-chat.browser.js` which requires React to be loaded separately.
+
 ## License
 
 UNLICENSED - For use only by customers with an active Blumessage subscription.