universal-chatbot-saas 1.0.0

package/.env.example

@@ -0,0 +1,22 @@
+PORT=8787
+DEFAULT_PROVIDER=groq
+DEFAULT_SYSTEM_PROMPT=You are a helpful support agent.
+ALLOWED_ORIGINS=*
+ENFORCE_ORIGIN_LOCK=false
+RATE_LIMIT_WINDOW_MS=60000
+RATE_LIMIT_MAX_REQUESTS=20
+CHATBOT_AUTH_TOKENS=replace_with_random_token_1,replace_with_random_token_2
+GROQ_API_KEY=
+OPENAI_API_KEY=
+ANTHROPIC_API_KEY=
+MISTRAL_API_KEY=
+MSSQL_ENABLED=false
+MSSQL_SERVER=localhost
+MSSQL_PORT=1433
+MSSQL_INSTANCE=
+MSSQL_USER=sa
+MSSQL_PASSWORD=
+MSSQL_DATABASE=chatbot
+MSSQL_ENCRYPT=true
+MSSQL_TRUST_SERVER_CERT=true
+ENABLE_CHAT_HISTORY_STORAGE=true

package/README.md

@@ -0,0 +1,93 @@
+# universal_ai_chatbot
+
+Production-ready React wrapper for the chatbot embed script.
+
+## Install
+
+```bash
+npm install
+cp .env.example .env
+npm run dev
+```
+
+Server starts at `http://localhost:8787`.
+
+- Embed script URL: `http://localhost:8787/embed/chatbot.js`
+- Stream endpoint: `http://localhost:8787/api/chat/stream`
+
+For Windows PowerShell copy env template using:
+
+```powershell
+Copy-Item .env.example .env
+```
+
+## 2) Static HTML / PHP usage
+
+In a plain HTML file or a PHP layout template (for example, footer include), add:
+
+```html
+<script
+  src="http://localhost:8787/embed/chatbot.js"
+  data-bot-name="Aria"
+  data-color="#0ea5a4"
+  data-welcome="Hi! How can I help?"
+  data-api-base="http://localhost:8787"
+  data-system-prompt="You are a support agent for XYZ store."
+  data-provider="claude"
+  data-auth-token="replace_with_random_token_1"
+  data-apikey="replace_with_random_token_1"
+  data-aimodel="claude"
+  data-knowledge='[{"title":"Shipping policy","content":"Orders ship in 2 to 3 business days.","source":"inline"}]'
+  data-knowledge-url="https://xyz.example.com/chatbot/knowledge.json"
+  data-user-handle="default"
+  data-site-id="xyz-store"
+  data-site-name="XYZ Store"
+  data-site-url="https://xyz.example.com"
+  data-model="claude-sonnet-4-20250514"
+  data-position="right"
+  data-custom-css=".ucb-root .ucb-panel{border-radius:26px}.ucb-root .ucb-send{border-radius:999px;padding:10px 18px}"
+></script>
+```
+
+No PHP logic changes are needed. You only include the script tag.
+
+## 3) React usage (npm package wrapper)
+
+Use the local wrapper package from `react-wrapper`.
+
+```jsx
+import ChatbotEmbed from "@universal-claude-chatbot/react";
+
+export default function App() {
+  return (
+    <ChatbotEmbed
+      src="https://your-domain.com/embed/chatbot.js"
+      apiBase="https://your-domain.com"
+      botId="sb009"
+      botApiKey="your-bot-api-key"
+      aiApikey="your-provider-api-key"
+      provider="groq"
+      model="llama-3.3-70b-versatile"
+      botName="Support Assistant"
+      color="#0ea5a4"
+      welcome="Hi! How can I help you today?"
+      position="bottom-right"
+      visitorId="visitor-123"
+      sessionId="session-456"
+    />
+  );
+}
+```
+
+## Build
+
+```bash
+npm run build
+```
+
+## Publish
+
+```bash
+npm login
+npm publish --access public
+```

package/package.json

@@ -0,0 +1,28 @@
+{
+    "name": "universal-chatbot-saas",
+    "version": "1.0.0",
+    "private": false,
+    "description": "Universal chatbot SaaS platform with embeddable widget and React wrapper",
+    "main": "server/index.js",
+    "keywords": [
+        "chatbot",
+        "ai",
+        "widget"
+    ],
+    "author": "Your Name",
+    "license": "MIT",
+    "scripts": {
+        "start": "node server/index.js",
+        "dev": "node server/index.js",
+        "build": "echo \"No build step\""
+    },
+    "engines": {
+        "node": ">=18"
+    },
+    "dependencies": {
+        "cors": "^2.8.5",
+        "dotenv": "^16.4.5",
+        "express": "^4.19.2",
+        "mssql": "^12.2.1"
+    }
+}