acecoderz-chat-ui 1.0.3 → 1.0.4

package/README.md

@@ -1,4 +1,4 @@
-# @chatbot/chat-ui
+# acecoderz-chat-ui
 
 A framework-agnostic, fully customizable chat UI package that works with React, Solid, Vanilla JS, and any other framework.
 
@@ -10,19 +10,30 @@ A framework-agnostic, fully customizable chat UI package that works with React,
 - 💬 **Real-time Support** - WebSocket and HTTP API support
 - 🎯 **TypeScript** - Full TypeScript support
 - 📦 **Modular** - Import only what you need
+- ✅ **Package Manager Compatible** - Works with both npm and pnpm
 
 ## Installation
 
-### npm/pnpm/yarn
+### npm
 
 ```bash
-pnpm add @chatbot/chat-ui
-# or
-npm install @chatbot/chat-ui
-# or
-yarn add @chatbot/chat-ui
+npm install acecoderz-chat-ui
+```
+
+### pnpm
+
+```bash
+pnpm add acecoderz-chat-ui
 ```
 
+### yarn
+
+```bash
+yarn add acecoderz-chat-ui
+```
+
+**Note**: This package is compatible with npm, pnpm, and yarn. Use the package manager your project uses.
+
 ### Browser / CDN (Script Tag)
 
 For browser usage without a build step, see [CDN.md](./CDN.md) for detailed documentation.
@@ -56,6 +67,8 @@ For browser usage without a build step, see [CDN.md](./CDN.md) for detailed docu
 **Building for CDN:**
 ```bash
 # Build browser bundle
+npm run build:browser
+# or
 pnpm build:browser
 
 # Output files will be in dist/browser/:
@@ -83,13 +96,13 @@ After building, you can embed the chatbot in an iframe:
 Import the CSS file in your project:
 
 ```css
-@import '@chatbot/chat-ui/styles';
+@import 'acecoderz-chat-ui/styles';
 ```
 
 Or in your JavaScript/TypeScript:
 
 ```javascript
-import '@chatbot/chat-ui/styles';
+import 'acecoderz-chat-ui/styles';
 ```
 
 ## Usage
@@ -97,8 +110,8 @@ import '@chatbot/chat-ui/styles';
 ### React
 
 ```tsx
-import { ChatUI } from '@chatbot/chat-ui/react';
-import '@chatbot/chat-ui/styles';
+import { ChatUI } from 'acecoderz-chat-ui/react';
+import 'acecoderz-chat-ui/styles';
 
 function App() {
   return (
@@ -118,7 +131,7 @@ function App() {
 Or use the hook directly:
 
 ```tsx
-import { useChat } from '@chatbot/chat-ui/react';
+import { useChat } from 'acecoderz-chat-ui/react';
 
 function CustomChat() {
   const { messages, input, sendMessage, setInput } = useChat({
@@ -140,8 +153,8 @@ function CustomChat() {
 ### Solid
 
 ```tsx
-import { createChat } from '@chatbot/chat-ui/solid';
-import '@chatbot/chat-ui/styles';
+import { createChat } from 'acecoderz-chat-ui/solid';
+import 'acecoderz-chat-ui/styles';
 
 function App() {
   const chat = createChat({
@@ -168,8 +181,8 @@ function App() {
 ### Vanilla JS
 
 ```javascript
-import { createChatUI } from '@chatbot/chat-ui/vanilla';
-import '@chatbot/chat-ui/styles';
+import { createChatUI } from 'acecoderz-chat-ui/vanilla';
+import 'acecoderz-chat-ui/styles';
 
 const container = document.getElementById('chat-container');
 
@@ -190,7 +203,7 @@ const chatUI = createChatUI({
 ### Core Only (Advanced)
 
 ```typescript
-import { ChatEngine } from '@chatbot/chat-ui/core';
+import { ChatEngine } from 'acecoderz-chat-ui/core';
 
 const engine = new ChatEngine({
   apiUrl: 'http://localhost:3000/api',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "acecoderz-chat-ui",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "A framework-agnostic, fully customizable chat UI package that works with React, Solid, Vanilla JS, and any other framework",
   "keywords": [
     "chat",
@@ -54,13 +54,13 @@
   "scripts": {
     "build": "tsc",
     "build:browser": "node build-browser.js",
-    "build:all": "pnpm build && pnpm build:browser",
+    "build:all": "npm run build && npm run build:browser",
     "dev": "tsc --watch",
     "check-types": "tsc --noEmit",
     "docs:storybook": "storybook dev -p 6006",
     "docs:storybook:build": "storybook build",
     "docs:typedoc": "typedoc",
-    "docs:build": "pnpm docs:typedoc && pnpm docs:storybook:build",
+    "docs:build": "npm run docs:typedoc && npm run docs:storybook:build",
     "version:patch": "node version-bump.js patch",
     "version:minor": "node version-bump.js minor",
     "version:major": "node version-bump.js major"