mehdi-ai-assistant 0.0.1

package/dist/index-BeDFcZll.d.mts

@@ -0,0 +1,16 @@
+type Role = 'user' | 'assistant' | 'system';
+interface Message {
+    role: Role;
+    content: string;
+}
+interface AiRobotConfig {
+    apiKey: string;
+    model?: string;
+    temperature?: number;
+    systemPrompt?: string;
+}
+interface ChatResponse {
+    content: string;
+}
+
+export type { AiRobotConfig as A, ChatResponse as C, Message as M, Role as R };

package/dist/index-BeDFcZll.d.ts

@@ -0,0 +1,16 @@
+type Role = 'user' | 'assistant' | 'system';
+interface Message {
+    role: Role;
+    content: string;
+}
+interface AiRobotConfig {
+    apiKey: string;
+    model?: string;
+    temperature?: number;
+    systemPrompt?: string;
+}
+interface ChatResponse {
+    content: string;
+}
+
+export type { AiRobotConfig as A, ChatResponse as C, Message as M, Role as R };

package/dist/index.d.mts

@@ -0,0 +1,18 @@
+import { A as AiRobotConfig, M as Message } from './index-BeDFcZll.mjs';
+export { C as ChatResponse, R as Role } from './index-BeDFcZll.mjs';
+import * as _langchain_core_utils_stream from '@langchain/core/utils/stream';
+import * as _langchain_core_messages from '@langchain/core/messages';
+
+declare class AiRobot {
+    private model;
+    private systemPrompt;
+    constructor(config: AiRobotConfig);
+    /**
+     * اصلاح شده: تعیین تایپ خروجی و تایپ متغیر formatted
+     */
+    private formatMessages;
+    chat(messages: Message[]): Promise<string>;
+    streamChat(messages: Message[]): Promise<_langchain_core_utils_stream.IterableReadableStream<_langchain_core_messages.AIMessageChunk<_langchain_core_messages.MessageStructure>>>;
+}
+
+export { AiRobot, AiRobotConfig, Message };

package/dist/index.d.ts

@@ -0,0 +1,18 @@
+import { A as AiRobotConfig, M as Message } from './index-BeDFcZll.js';
+export { C as ChatResponse, R as Role } from './index-BeDFcZll.js';
+import * as _langchain_core_utils_stream from '@langchain/core/utils/stream';
+import * as _langchain_core_messages from '@langchain/core/messages';
+
+declare class AiRobot {
+    private model;
+    private systemPrompt;
+    constructor(config: AiRobotConfig);
+    /**
+     * اصلاح شده: تعیین تایپ خروجی و تایپ متغیر formatted
+     */
+    private formatMessages;
+    chat(messages: Message[]): Promise<string>;
+    streamChat(messages: Message[]): Promise<_langchain_core_utils_stream.IterableReadableStream<_langchain_core_messages.AIMessageChunk<_langchain_core_messages.MessageStructure>>>;
+}
+
+export { AiRobot, AiRobotConfig, Message };

package/dist/index.js

@@ -0,0 +1,79 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  AiRobot: () => AiRobot
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/core/ai-robot.ts
+var import_groq = require("@langchain/groq");
+var import_messages = require("@langchain/core/messages");
+var AiRobot = class {
+  constructor(config) {
+    __publicField(this, "model");
+    __publicField(this, "systemPrompt");
+    if (!config.apiKey) {
+      throw new Error("AiRobot: API Key is required.");
+    }
+    this.systemPrompt = config.systemPrompt || "You are a helpful AI assistant.";
+    this.model = new import_groq.ChatGroq({
+      apiKey: config.apiKey,
+      model: config.model || "llama3-8b-8192",
+      temperature: config.temperature ?? 0.7
+    });
+  }
+  /**
+   * اصلاح شده: تعیین تایپ خروجی و تایپ متغیر formatted
+   */
+  formatMessages(messages) {
+    const formatted = [new import_messages.SystemMessage(this.systemPrompt)];
+    messages.forEach((msg) => {
+      if (msg.role === "user") {
+        formatted.push(new import_messages.HumanMessage(msg.content));
+      } else if (msg.role === "assistant") {
+        formatted.push(new import_messages.AIMessage(msg.content));
+      }
+    });
+    return formatted;
+  }
+  async chat(messages) {
+    try {
+      const formattedHistory = this.formatMessages(messages);
+      const response = await this.model.invoke(formattedHistory);
+      return response.content;
+    } catch (error) {
+      console.warn("\u26A0\uFE0F AI Connection Failed. Switching to Mock Mode.");
+      return "\u0633\u0644\u0627\u0645! \u0645\u0646 \u062F\u0631 \u062D\u0627\u0644 \u062D\u0627\u0636\u0631 \u0628\u0647 \u0627\u06CC\u0646\u062A\u0631\u0646\u062A \u0648\u0635\u0644 \u0646\u06CC\u0633\u062A\u0645\u060C \u0627\u0645\u0627 \u067E\u06A9\u06CC\u062C \u0634\u0645\u0627 \u0628\u0647 \u062F\u0631\u0633\u062A\u06CC \u06A9\u0627\u0631 \u0645\u06CC\u200C\u06A9\u0646\u062F! \u{1F389}\n\n\u0627\u06CC\u0646 \u06CC\u06A9 \u067E\u06CC\u0627\u0645 \u062A\u0633\u062A\u06CC \u0627\u0633\u062A \u062A\u0627 \u0631\u0627\u0628\u0637 \u06A9\u0627\u0631\u0628\u0631\u06CC \u0631\u0627 \u0628\u0631\u0631\u0633\u06CC \u06A9\u0646\u06CC\u062F.";
+    }
+  }
+  async streamChat(messages) {
+    const formattedHistory = this.formatMessages(messages);
+    return await this.model.stream(formattedHistory);
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AiRobot
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/core/ai-robot.ts"],"sourcesContent":["// src/index.ts (فقط سمت سرور)\r\n\r\nexport * from \"./types\";\r\nexport { AiRobot } from \"./core/ai-robot\";\r\n\r\n// ❌ خطوط مربوط به ChatBot را حتماً پاک کن!","// src/core/ai-robot.ts\r\nimport { ChatGroq } from \"@langchain/groq\";\r\n// 1. اضافه کردن BaseMessage به ایمپورت‌ها 👇\r\nimport { HumanMessage, AIMessage, SystemMessage, BaseMessage } from \"@langchain/core/messages\";\r\nimport { AiRobotConfig, Message } from \"../types\";\r\n\r\nexport class AiRobot {\r\n  private model: ChatGroq;\r\n  private systemPrompt: string;\r\n\r\n  constructor(config: AiRobotConfig) {\r\n    if (!config.apiKey) {\r\n      throw new Error(\"AiRobot: API Key is required.\");\r\n    }\r\n\r\n    this.systemPrompt = config.systemPrompt || \"You are a helpful AI assistant.\";\r\n\r\n    this.model = new ChatGroq({\r\n      apiKey: config.apiKey,\r\n      model: config.model || \"llama3-8b-8192\",\r\n      temperature: config.temperature ?? 0.7,\r\n    });\r\n  }\r\n\r\n  /**\r\n   * اصلاح شده: تعیین تایپ خروجی و تایپ متغیر formatted\r\n   */\r\n  private formatMessages(messages: Message[]): BaseMessage[] {\r\n    // 2. تعیین صریح تایپ آرایه به عنوان BaseMessage[] 👇\r\n    const formatted: BaseMessage[] = [new SystemMessage(this.systemPrompt)];\r\n\r\n    messages.forEach((msg) => {\r\n      if (msg.role === 'user') {\r\n        formatted.push(new HumanMessage(msg.content));\r\n      } else if (msg.role === 'assistant') {\r\n        formatted.push(new AIMessage(msg.content));\r\n      }\r\n    });\r\n\r\n    return formatted;\r\n  }\r\n\r\n \r\n  async chat(messages: Message[]): Promise<string> {\r\n    try {\r\n      // تلاش برای اتصال واقعی\r\n      const formattedHistory = this.formatMessages(messages);\r\n      const response = await this.model.invoke(formattedHistory);\r\n      return response.content as string;\r\n    } catch (error) {\r\n      console.warn(\"⚠️ AI Connection Failed. Switching to Mock Mode.\");\r\n      \r\n      // 👇 بازگشت پاسخ شبیه‌سازی شده (بدون نیاز به اینترنت)\r\n      return \"سلام! من در حال حاضر به اینترنت وصل نیستم، اما پکیج شما به درستی کار می‌کند! 🎉\\n\\nاین یک پیام تستی است تا رابط کاربری را بررسی کنید.\";\r\n    }\r\n  }\r\n  async streamChat(messages: Message[]) {\r\n    const formattedHistory = this.formatMessages(messages);\r\n    return await this.model.stream(formattedHistory);\r\n  }\r\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,kBAAyB;AAEzB,sBAAoE;AAG7D,IAAM,UAAN,MAAc;AAAA,EAInB,YAAY,QAAuB;AAHnC,wBAAQ;AACR,wBAAQ;AAGN,QAAI,CAAC,OAAO,QAAQ;AAClB,YAAM,IAAI,MAAM,+BAA+B;AAAA,IACjD;AAEA,SAAK,eAAe,OAAO,gBAAgB;AAE3C,SAAK,QAAQ,IAAI,qBAAS;AAAA,MACxB,QAAQ,OAAO;AAAA,MACf,OAAO,OAAO,SAAS;AAAA,MACvB,aAAa,OAAO,eAAe;AAAA,IACrC,CAAC;AAAA,EACH;AAAA;AAAA;AAAA;AAAA,EAKQ,eAAe,UAAoC;AAEzD,UAAM,YAA2B,CAAC,IAAI,8BAAc,KAAK,YAAY,CAAC;AAEtE,aAAS,QAAQ,CAAC,QAAQ;AACxB,UAAI,IAAI,SAAS,QAAQ;AACvB,kBAAU,KAAK,IAAI,6BAAa,IAAI,OAAO,CAAC;AAAA,MAC9C,WAAW,IAAI,SAAS,aAAa;AACnC,kBAAU,KAAK,IAAI,0BAAU,IAAI,OAAO,CAAC;AAAA,MAC3C;AAAA,IACF,CAAC;AAED,WAAO;AAAA,EACT;AAAA,EAGA,MAAM,KAAK,UAAsC;AAC/C,QAAI;AAEF,YAAM,mBAAmB,KAAK,eAAe,QAAQ;AACrD,YAAM,WAAW,MAAM,KAAK,MAAM,OAAO,gBAAgB;AACzD,aAAO,SAAS;AAAA,IAClB,SAAS,OAAO;AACd,cAAQ,KAAK,4DAAkD;AAG/D,aAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,MAAM,WAAW,UAAqB;AACpC,UAAM,mBAAmB,KAAK,eAAe,QAAQ;AACrD,WAAO,MAAM,KAAK,MAAM,OAAO,gBAAgB;AAAA,EACjD;AACF;","names":[]}

package/dist/index.mjs

@@ -0,0 +1,54 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
+// src/core/ai-robot.ts
+import { ChatGroq } from "@langchain/groq";
+import { HumanMessage, AIMessage, SystemMessage } from "@langchain/core/messages";
+var AiRobot = class {
+  constructor(config) {
+    __publicField(this, "model");
+    __publicField(this, "systemPrompt");
+    if (!config.apiKey) {
+      throw new Error("AiRobot: API Key is required.");
+    }
+    this.systemPrompt = config.systemPrompt || "You are a helpful AI assistant.";
+    this.model = new ChatGroq({
+      apiKey: config.apiKey,
+      model: config.model || "llama3-8b-8192",
+      temperature: config.temperature ?? 0.7
+    });
+  }
+  /**
+   * اصلاح شده: تعیین تایپ خروجی و تایپ متغیر formatted
+   */
+  formatMessages(messages) {
+    const formatted = [new SystemMessage(this.systemPrompt)];
+    messages.forEach((msg) => {
+      if (msg.role === "user") {
+        formatted.push(new HumanMessage(msg.content));
+      } else if (msg.role === "assistant") {
+        formatted.push(new AIMessage(msg.content));
+      }
+    });
+    return formatted;
+  }
+  async chat(messages) {
+    try {
+      const formattedHistory = this.formatMessages(messages);
+      const response = await this.model.invoke(formattedHistory);
+      return response.content;
+    } catch (error) {
+      console.warn("\u26A0\uFE0F AI Connection Failed. Switching to Mock Mode.");
+      return "\u0633\u0644\u0627\u0645! \u0645\u0646 \u062F\u0631 \u062D\u0627\u0644 \u062D\u0627\u0636\u0631 \u0628\u0647 \u0627\u06CC\u0646\u062A\u0631\u0646\u062A \u0648\u0635\u0644 \u0646\u06CC\u0633\u062A\u0645\u060C \u0627\u0645\u0627 \u067E\u06A9\u06CC\u062C \u0634\u0645\u0627 \u0628\u0647 \u062F\u0631\u0633\u062A\u06CC \u06A9\u0627\u0631 \u0645\u06CC\u200C\u06A9\u0646\u062F! \u{1F389}\n\n\u0627\u06CC\u0646 \u06CC\u06A9 \u067E\u06CC\u0627\u0645 \u062A\u0633\u062A\u06CC \u0627\u0633\u062A \u062A\u0627 \u0631\u0627\u0628\u0637 \u06A9\u0627\u0631\u0628\u0631\u06CC \u0631\u0627 \u0628\u0631\u0631\u0633\u06CC \u06A9\u0646\u06CC\u062F.";
+    }
+  }
+  async streamChat(messages) {
+    const formattedHistory = this.formatMessages(messages);
+    return await this.model.stream(formattedHistory);
+  }
+};
+export {
+  AiRobot
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/ai-robot.ts"],"sourcesContent":["// src/core/ai-robot.ts\r\nimport { ChatGroq } from \"@langchain/groq\";\r\n// 1. اضافه کردن BaseMessage به ایمپورت‌ها 👇\r\nimport { HumanMessage, AIMessage, SystemMessage, BaseMessage } from \"@langchain/core/messages\";\r\nimport { AiRobotConfig, Message } from \"../types\";\r\n\r\nexport class AiRobot {\r\n  private model: ChatGroq;\r\n  private systemPrompt: string;\r\n\r\n  constructor(config: AiRobotConfig) {\r\n    if (!config.apiKey) {\r\n      throw new Error(\"AiRobot: API Key is required.\");\r\n    }\r\n\r\n    this.systemPrompt = config.systemPrompt || \"You are a helpful AI assistant.\";\r\n\r\n    this.model = new ChatGroq({\r\n      apiKey: config.apiKey,\r\n      model: config.model || \"llama3-8b-8192\",\r\n      temperature: config.temperature ?? 0.7,\r\n    });\r\n  }\r\n\r\n  /**\r\n   * اصلاح شده: تعیین تایپ خروجی و تایپ متغیر formatted\r\n   */\r\n  private formatMessages(messages: Message[]): BaseMessage[] {\r\n    // 2. تعیین صریح تایپ آرایه به عنوان BaseMessage[] 👇\r\n    const formatted: BaseMessage[] = [new SystemMessage(this.systemPrompt)];\r\n\r\n    messages.forEach((msg) => {\r\n      if (msg.role === 'user') {\r\n        formatted.push(new HumanMessage(msg.content));\r\n      } else if (msg.role === 'assistant') {\r\n        formatted.push(new AIMessage(msg.content));\r\n      }\r\n    });\r\n\r\n    return formatted;\r\n  }\r\n\r\n \r\n  async chat(messages: Message[]): Promise<string> {\r\n    try {\r\n      // تلاش برای اتصال واقعی\r\n      const formattedHistory = this.formatMessages(messages);\r\n      const response = await this.model.invoke(formattedHistory);\r\n      return response.content as string;\r\n    } catch (error) {\r\n      console.warn(\"⚠️ AI Connection Failed. Switching to Mock Mode.\");\r\n      \r\n      // 👇 بازگشت پاسخ شبیه‌سازی شده (بدون نیاز به اینترنت)\r\n      return \"سلام! من در حال حاضر به اینترنت وصل نیستم، اما پکیج شما به درستی کار می‌کند! 🎉\\n\\nاین یک پیام تستی است تا رابط کاربری را بررسی کنید.\";\r\n    }\r\n  }\r\n  async streamChat(messages: Message[]) {\r\n    const formattedHistory = this.formatMessages(messages);\r\n    return await this.model.stream(formattedHistory);\r\n  }\r\n}"],"mappings":";;;;;AACA,SAAS,gBAAgB;AAEzB,SAAS,cAAc,WAAW,qBAAkC;AAG7D,IAAM,UAAN,MAAc;AAAA,EAInB,YAAY,QAAuB;AAHnC,wBAAQ;AACR,wBAAQ;AAGN,QAAI,CAAC,OAAO,QAAQ;AAClB,YAAM,IAAI,MAAM,+BAA+B;AAAA,IACjD;AAEA,SAAK,eAAe,OAAO,gBAAgB;AAE3C,SAAK,QAAQ,IAAI,SAAS;AAAA,MACxB,QAAQ,OAAO;AAAA,MACf,OAAO,OAAO,SAAS;AAAA,MACvB,aAAa,OAAO,eAAe;AAAA,IACrC,CAAC;AAAA,EACH;AAAA;AAAA;AAAA;AAAA,EAKQ,eAAe,UAAoC;AAEzD,UAAM,YAA2B,CAAC,IAAI,cAAc,KAAK,YAAY,CAAC;AAEtE,aAAS,QAAQ,CAAC,QAAQ;AACxB,UAAI,IAAI,SAAS,QAAQ;AACvB,kBAAU,KAAK,IAAI,aAAa,IAAI,OAAO,CAAC;AAAA,MAC9C,WAAW,IAAI,SAAS,aAAa;AACnC,kBAAU,KAAK,IAAI,UAAU,IAAI,OAAO,CAAC;AAAA,MAC3C;AAAA,IACF,CAAC;AAED,WAAO;AAAA,EACT;AAAA,EAGA,MAAM,KAAK,UAAsC;AAC/C,QAAI;AAEF,YAAM,mBAAmB,KAAK,eAAe,QAAQ;AACrD,YAAM,WAAW,MAAM,KAAK,MAAM,OAAO,gBAAgB;AACzD,aAAO,SAAS;AAAA,IAClB,SAAS,OAAO;AACd,cAAQ,KAAK,4DAAkD;AAG/D,aAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,MAAM,WAAW,UAAqB;AACpC,UAAM,mBAAmB,KAAK,eAAe,QAAQ;AACrD,WAAO,MAAM,KAAK,MAAM,OAAO,gBAAgB;AAAA,EACjD;AACF;","names":[]}

package/dist/react.css

@@ -0,0 +1,126 @@
+/* src/styles/chat.module.css */
+.container {
+  --ai-primary: #2563eb;
+  --ai-primary-fg: #ffffff;
+  --ai-bg: #ffffff;
+  --ai-border: #e5e7eb;
+  --ai-text: #1f2937;
+  --ai-text-secondary: #6b7280;
+  --ai-bot-bg: #f3f4f6;
+  --ai-user-bg: #2563eb;
+  --ai-user-text: #ffffff;
+  font-family: inherit;
+  font-size: 16px;
+  line-height: 1.5;
+  box-sizing: border-box;
+}
+.chatWindow {
+  display: flex;
+  flex-direction: column;
+  height: 500px;
+  width: 100%;
+  max-width: 400px;
+  background-color: var(--ai-bg);
+  border: 1px solid var(--ai-border);
+  border-radius: 12px;
+  overflow: hidden;
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
+  position: relative;
+}
+.messageList {
+  flex: 1;
+  overflow-y: auto;
+  padding: 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  scroll-behavior: smooth;
+}
+.messageRow {
+  display: flex;
+  width: 100%;
+}
+.messageRow.user {
+  justify-content: flex-end;
+}
+.messageRow.assistant {
+  justify-content: flex-start;
+}
+.bubble {
+  max-width: 80%;
+  padding: 8px 12px;
+  border-radius: 12px;
+  font-size: 0.95em;
+  word-wrap: break-word;
+}
+.bubble.user {
+  background-color: var(--ai-user-bg);
+  color: var(--ai-user-text);
+  border-bottom-right-radius: 2px;
+}
+.bubble.assistant {
+  background-color: var(--ai-bot-bg);
+  color: var(--ai-text);
+  border-bottom-left-radius: 2px;
+}
+.inputArea {
+  padding: 12px;
+  border-top: 1px solid var(--ai-border);
+  display: flex;
+  gap: 8px;
+  background-color: var(--ai-bg);
+}
+.input {
+  flex: 1;
+  padding: 8px 12px;
+  border: 1px solid var(--ai-border);
+  border-radius: 8px;
+  outline: none;
+  font-family: inherit;
+}
+.input:focus {
+  border-color: var(--ai-primary);
+}
+.sendButton {
+  background-color: var(--ai-primary);
+  color: var(--ai-primary-fg);
+  border: none;
+  border-radius: 8px;
+  padding: 8px 12px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: opacity 0.2s;
+}
+.sendButton:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.loading {
+  display: flex;
+  gap: 4px;
+  padding: 4px;
+}
+.dot {
+  width: 6px;
+  height: 6px;
+  background-color: #9ca3af;
+  border-radius: 50%;
+  animation: bounce 1.4s infinite ease-in-out both;
+}
+.dot:nth-child(1) {
+  animation-delay: -0.32s;
+}
+.dot:nth-child(2) {
+  animation-delay: -0.16s;
+}
+@keyframes bounce {
+  0%, 80%, 100% {
+    transform: scale(0);
+  }
+  40% {
+    transform: scale(1);
+  }
+}
+/*# sourceMappingURL=react.css.map */

package/dist/react.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/styles/chat.module.css"],"sourcesContent":["/* src/styles/chat.module.css */\r\n\r\n/* تعریف متغیرها برای اینکه کاربر بتواند رنگ‌ها را شخصی‌سازی کند */\r\n.container {\r\n  /* رنگ‌های پیش‌فرض - کاربر می‌تواند این‌ها را در فایل CSS خود بازنویسی کند */\r\n  --ai-primary: #2563eb;       /* رنگ آبی استاندارد */\r\n  --ai-primary-fg: #ffffff;    /* رنگ متن روی دکمه‌ها */\r\n  --ai-bg: #ffffff;            /* رنگ پس‌زمینه چت */\r\n  --ai-border: #e5e7eb;        /* رنگ حاشیه */\r\n  --ai-text: #1f2937;          /* رنگ متن اصلی */\r\n  --ai-text-secondary: #6b7280; /* رنگ متن فرعی */\r\n  --ai-bot-bg: #f3f4f6;        /* رنگ حباب پیام ربات */\r\n  --ai-user-bg: #2563eb;       /* رنگ حباب پیام کاربر */\r\n  --ai-user-text: #ffffff;     /* رنگ متن پیام کاربر */\r\n  \r\n  font-family: inherit; /* از فونت وبسایت کاربر ارث‌بری می‌کند */\r\n  font-size: 16px;\r\n  line-height: 1.5;\r\n  box-sizing: border-box;\r\n}\r\n\r\n/* کانتینر اصلی چت */\r\n.chatWindow {\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 500px;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  background-color: var(--ai-bg);\r\n  border: 1px solid var(--ai-border);\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\r\n  position: relative;\r\n}\r\n\r\n/* لیست پیام‌ها */\r\n.messageList {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 16px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n  scroll-behavior: smooth;\r\n}\r\n\r\n/* استایل هر پیام */\r\n.messageRow {\r\n  display: flex;\r\n  width: 100%;\r\n}\r\n\r\n.messageRow.user {\r\n  justify-content: flex-end;\r\n}\r\n\r\n.messageRow.assistant {\r\n  justify-content: flex-start;\r\n}\r\n\r\n.bubble {\r\n  max-width: 80%;\r\n  padding: 8px 12px;\r\n  border-radius: 12px;\r\n  font-size: 0.95em;\r\n  word-wrap: break-word;\r\n}\r\n\r\n.bubble.user {\r\n  background-color: var(--ai-user-bg);\r\n  color: var(--ai-user-text);\r\n  border-bottom-right-radius: 2px;\r\n}\r\n\r\n.bubble.assistant {\r\n  background-color: var(--ai-bot-bg);\r\n  color: var(--ai-text);\r\n  border-bottom-left-radius: 2px;\r\n}\r\n\r\n/* ناحیه ورودی متن */\r\n.inputArea {\r\n  padding: 12px;\r\n  border-top: 1px solid var(--ai-border);\r\n  display: flex;\r\n  gap: 8px;\r\n  background-color: var(--ai-bg);\r\n}\r\n\r\n.input {\r\n  flex: 1;\r\n  padding: 8px 12px;\r\n  border: 1px solid var(--ai-border);\r\n  border-radius: 8px;\r\n  outline: none;\r\n  font-family: inherit;\r\n}\r\n\r\n.input:focus {\r\n  border-color: var(--ai-primary);\r\n}\r\n\r\n.sendButton {\r\n  background-color: var(--ai-primary);\r\n  color: var(--ai-primary-fg);\r\n  border: none;\r\n  border-radius: 8px;\r\n  padding: 8px 12px;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: opacity 0.2s;\r\n}\r\n\r\n.sendButton:disabled {\r\n  opacity: 0.5;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.loading {\r\n  display: flex;\r\n  gap: 4px;\r\n  padding: 4px;\r\n}\r\n\r\n.dot {\r\n  width: 6px;\r\n  height: 6px;\r\n  background-color: #9ca3af;\r\n  border-radius: 50%;\r\n  animation: bounce 1.4s infinite ease-in-out both;\r\n}\r\n\r\n.dot:nth-child(1) { animation-delay: -0.32s; }\r\n.dot:nth-child(2) { animation-delay: -0.16s; }\r\n\r\n@keyframes bounce {\r\n  0%, 80%, 100% { transform: scale(0); }\r\n  40% { transform: scale(1); }\r\n}"],"mappings":";AAGA,CAAC;AAEC,gBAAc;AACd,mBAAiB;AACjB,WAAS;AACT,eAAa;AACb,aAAW;AACX,uBAAqB;AACrB,eAAa;AACb,gBAAc;AACd,kBAAgB;AAEhB,eAAa;AACb,aAAW;AACX,eAAa;AACb,cAAY;AACd;AAGA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,UAAQ;AACR,SAAO;AACP,aAAW;AACX,oBAAkB,IAAI;AACtB,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe;AACf,YAAU;AACV,cAAY,EAAE,IAAI,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACzC,YAAU;AACZ;AAGA,CAAC;AACC,QAAM;AACN,cAAY;AACZ,WAAS;AACT,WAAS;AACT,kBAAgB;AAChB,OAAK;AACL,mBAAiB;AACnB;AAGA,CAAC;AACC,WAAS;AACT,SAAO;AACT;AAEA,CALC,UAKU,CAAC;AACV,mBAAiB;AACnB;AAEA,CATC,UASU,CAAC;AACV,mBAAiB;AACnB;AAEA,CAAC;AACC,aAAW;AACX,WAAS,IAAI;AACb,iBAAe;AACf,aAAW;AACX,aAAW;AACb;AAEA,CARC,MAQM,CAhBK;AAiBV,oBAAkB,IAAI;AACtB,SAAO,IAAI;AACX,8BAA4B;AAC9B;AAEA,CAdC,MAcM,CAlBK;AAmBV,oBAAkB,IAAI;AACtB,SAAO,IAAI;AACX,6BAA2B;AAC7B;AAGA,CAAC;AACC,WAAS;AACT,cAAY,IAAI,MAAM,IAAI;AAC1B,WAAS;AACT,OAAK;AACL,oBAAkB,IAAI;AACxB;AAEA,CAAC;AACC,QAAM;AACN,WAAS,IAAI;AACb,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe;AACf,WAAS;AACT,eAAa;AACf;AAEA,CATC,KASK;AACJ,gBAAc,IAAI;AACpB;AAEA,CAAC;AACC,oBAAkB,IAAI;AACtB,SAAO,IAAI;AACX,UAAQ;AACR,iBAAe;AACf,WAAS,IAAI;AACb,UAAQ;AACR,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,cAAY,QAAQ;AACtB;AAEA,CAbC,UAaU;AACT,WAAS;AACT,UAAQ;AACV;AAEA,CAAC;AACC,WAAS;AACT,OAAK;AACL,WAAS;AACX;AAEA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,oBAAkB;AAClB,iBAAe;AACf,aAAW,OAAO,KAAK,SAAS,YAAY;AAC9C;AAEA,CARC,GAQG;AAAgB,mBAAiB;AAAQ;AAC7C,CATC,GASG;AAAgB,mBAAiB;AAAQ;AAE7C,WANa;AAOX;AAAgB,eAAW,MAAM;AAAI;AACrC;AAAM,eAAW,MAAM;AAAI;AAC7B;","names":[]}

package/dist/react.d.mts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { M as Message } from './index-BeDFcZll.mjs';
+export { A as AiRobotConfig, C as ChatResponse, R as Role } from './index-BeDFcZll.mjs';
+
+interface ChatBotProps {
+    /** آدرس ای‌پی‌آی که کاربر در پروژه خودش ساخته */
+    apiEndpoint: string;
+    /** عنوان بالای چت باکس */
+    title?: string;
+    /** پیام خوش‌آمدگویی اولیه */
+    welcomeMessage?: string;
+}
+declare const ChatBot: React.FC<ChatBotProps>;
+
+interface MessageBubbleProps {
+    message: Message;
+}
+declare const MessageBubble: React.FC<MessageBubbleProps>;
+
+export { ChatBot, type ChatBotProps, Message, MessageBubble };

package/dist/react.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { M as Message } from './index-BeDFcZll.js';
+export { A as AiRobotConfig, C as ChatResponse, R as Role } from './index-BeDFcZll.js';
+
+interface ChatBotProps {
+    /** آدرس ای‌پی‌آی که کاربر در پروژه خودش ساخته */
+    apiEndpoint: string;
+    /** عنوان بالای چت باکس */
+    title?: string;
+    /** پیام خوش‌آمدگویی اولیه */
+    welcomeMessage?: string;
+}
+declare const ChatBot: React.FC<ChatBotProps>;
+
+interface MessageBubbleProps {
+    message: Message;
+}
+declare const MessageBubble: React.FC<MessageBubbleProps>;
+
+export { ChatBot, type ChatBotProps, Message, MessageBubble };

package/dist/react.js

@@ -0,0 +1,167 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/react.ts
+var react_exports = {};
+__export(react_exports, {
+  ChatBot: () => ChatBot,
+  MessageBubble: () => MessageBubble
+});
+module.exports = __toCommonJS(react_exports);
+
+// src/components/ChatBot.tsx
+var import_react = require("react");
+
+// src/styles/chat.module.css
+var chat_default = {};
+
+// src/components/MessageBubble.tsx
+var import_clsx = __toESM(require("clsx"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var MessageBubble = ({ message }) => {
+  const isUser = message.role === "user";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: (0, import_clsx.default)(
+        chat_default.messageRow,
+        isUser ? chat_default.user : chat_default.assistant
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          className: (0, import_clsx.default)(
+            chat_default.bubble,
+            isUser ? chat_default.user : chat_default.assistant
+          ),
+          children: message.content
+        }
+      )
+    }
+  );
+};
+
+// src/components/ChatBot.tsx
+var import_lucide_react = require("lucide-react");
+var import_clsx2 = __toESM(require("clsx"));
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var ChatBot = ({
+  apiEndpoint,
+  title = "AI Assistant",
+  welcomeMessage = "\u0633\u0644\u0627\u0645! \u0686\u0637\u0648\u0631 \u0645\u06CC\u200C\u062A\u0648\u0627\u0646\u0645 \u06A9\u0645\u06A9\u062A\u0627\u0646 \u06A9\u0646\u0645\u061F"
+}) => {
+  const [messages, setMessages] = (0, import_react.useState)([]);
+  const [inputValue, setInputValue] = (0, import_react.useState)("");
+  const [isLoading, setIsLoading] = (0, import_react.useState)(false);
+  const messagesEndRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    if (welcomeMessage && messages.length === 0) {
+      setMessages([{ role: "assistant", content: welcomeMessage }]);
+    }
+  }, [welcomeMessage]);
+  (0, import_react.useEffect)(() => {
+    messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
+  }, [messages]);
+  const handleSendMessage = async () => {
+    if (!inputValue.trim() || isLoading) return;
+    const userMsg = { role: "user", content: inputValue };
+    setMessages((prev) => [...prev, userMsg]);
+    setInputValue("");
+    setIsLoading(true);
+    try {
+      const response = await fetch(apiEndpoint, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ messages: [...messages, userMsg] })
+      });
+      if (!response.ok) throw new Error("Network response was not ok");
+      const data = await response.json();
+      const botMsg = { role: "assistant", content: data.content };
+      setMessages((prev) => [...prev, botMsg]);
+    } catch (error) {
+      console.error("Chat Error:", error);
+      setMessages((prev) => [...prev, { role: "assistant", content: "\u062E\u0637\u0627\u06CC\u06CC \u0631\u062E \u062F\u0627\u062F\u0647 \u0627\u0633\u062A. \u0644\u0637\u0641\u0627\u064B \u062F\u0648\u0628\u0627\u0631\u0647 \u062A\u0644\u0627\u0634 \u06A9\u0646\u06CC\u062F." }]);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      handleSendMessage();
+    }
+  };
+  return (
+    // کلاس کانتینر برای اعمال متغیرهای CSS
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: (0, import_clsx2.default)(chat_default.container, chat_default.chatWindow), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { padding: "16px", borderBottom: "1px solid var(--ai-border)", display: "flex", alignItems: "center", gap: "8px", background: "#f9fafb" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Bot, { size: 20 }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { fontWeight: 600 }, children: title })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: chat_default.messageList, children: [
+        messages.map((msg, index) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(MessageBubble, { message: msg }, index)),
+        isLoading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: (0, import_clsx2.default)(chat_default.messageRow, chat_default.assistant), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: (0, import_clsx2.default)(chat_default.bubble, chat_default.assistant, chat_default.loading), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: chat_default.dot }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: chat_default.dot }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: chat_default.dot })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { ref: messagesEndRef })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: chat_default.inputArea, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "input",
+          {
+            className: chat_default.input,
+            value: inputValue,
+            onChange: (e) => setInputValue(e.target.value),
+            onKeyDown: handleKeyDown,
+            placeholder: "\u067E\u06CC\u0627\u0645 \u062E\u0648\u062F \u0631\u0627 \u0628\u0646\u0648\u06CC\u0633\u06CC\u062F...",
+            disabled: isLoading
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "button",
+          {
+            className: chat_default.sendButton,
+            onClick: handleSendMessage,
+            disabled: isLoading || !inputValue.trim(),
+            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Send, { size: 18 })
+          }
+        )
+      ] })
+    ] })
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ChatBot,
+  MessageBubble
+});
+//# sourceMappingURL=react.js.map

package/dist/react.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react.ts","../src/components/ChatBot.tsx","../src/styles/chat.module.css","../src/components/MessageBubble.tsx"],"sourcesContent":["// src/react.ts\r\n\"use client\"; // 👈 این خط حیاتی است\r\n\r\nexport { ChatBot, type ChatBotProps } from \"./components/ChatBot\";\r\nexport { MessageBubble } from \"./components/MessageBubble\";\r\nexport * from \"./types\"; // تایپ‌ها در هر دو مشترک هستند","\"use client\"\r\n\r\nimport React, { useState, useRef, useEffect } from 'react';\r\nimport styles from '../styles/chat.module.css';\r\nimport { MessageBubble } from './MessageBubble';\r\nimport { Message } from '../types';\r\nimport { Send, Bot } from 'lucide-react'; // آیکون‌ها\r\nimport clsx from 'clsx';\r\n\r\nexport interface ChatBotProps {\r\n  /** آدرس ای‌پی‌آی که کاربر در پروژه خودش ساخته */\r\n  apiEndpoint: string;\r\n  /** عنوان بالای چت باکس */\r\n  title?: string;\r\n  /** پیام خوش‌آمدگویی اولیه */\r\n  welcomeMessage?: string;\r\n}\r\n\r\nexport const ChatBot: React.FC<ChatBotProps> = ({\r\n  apiEndpoint,\r\n  title = \"AI Assistant\",\r\n  welcomeMessage = \"سلام! چطور می‌توانم کمکتان کنم؟\"\r\n}) => {\r\n  const [messages, setMessages] = useState<Message[]>([]);\r\n  const [inputValue, setInputValue] = useState(\"\");\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  \r\n  // برای اسکرول خودکار به پایین\r\n  const messagesEndRef = useRef<HTMLDivElement>(null);\r\n\r\n  // اضافه کردن پیام خوش‌آمدگویی در شروع\r\n  useEffect(() => {\r\n    if (welcomeMessage && messages.length === 0) {\r\n      setMessages([{ role: 'assistant', content: welcomeMessage }]);\r\n    }\r\n  }, [welcomeMessage]);\r\n\r\n  // اسکرول به پایین وقتی پیام جدید می‌آید\r\n  useEffect(() => {\r\n    messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });\r\n  }, [messages]);\r\n\r\n  const handleSendMessage = async () => {\r\n    if (!inputValue.trim() || isLoading) return;\r\n\r\n    const userMsg: Message = { role: 'user', content: inputValue };\r\n    \r\n    // 1. اضافه کردن پیام کاربر به لیست و خالی کردن اینپوت\r\n    setMessages(prev => [...prev, userMsg]);\r\n    setInputValue(\"\");\r\n    setIsLoading(true);\r\n\r\n    try {\r\n      // 2. ارسال درخواست به سرور (API کاربر)\r\n      const response = await fetch(apiEndpoint, {\r\n        method: 'POST',\r\n        headers: { 'Content-Type': 'application/json' },\r\n        body: JSON.stringify({ messages: [...messages, userMsg] }),\r\n      });\r\n\r\n      if (!response.ok) throw new Error(\"Network response was not ok\");\r\n      \r\n      // نکته: اینجا فعلاً فرض می‌کنیم پاسخ متنی ساده است (بعداً استریم را اضافه می‌کنیم)\r\n      const data = await response.json();\r\n      \r\n      const botMsg: Message = { role: 'assistant', content: data.content };\r\n      setMessages(prev => [...prev, botMsg]);\r\n\r\n    } catch (error) {\r\n      console.error(\"Chat Error:\", error);\r\n      setMessages(prev => [...prev, { role: 'assistant', content: \"خطایی رخ داده است. لطفاً دوباره تلاش کنید.\" }]);\r\n    } finally {\r\n      setIsLoading(false);\r\n    }\r\n  };\r\n\r\n  const handleKeyDown = (e: React.KeyboardEvent) => {\r\n    if (e.key === 'Enter' && !e.shiftKey) {\r\n      e.preventDefault();\r\n      handleSendMessage();\r\n    }\r\n  };\r\n\r\n  return (\r\n    // کلاس کانتینر برای اعمال متغیرهای CSS\r\n    <div className={clsx(styles.container, styles.chatWindow)}>\r\n      {/* هدر */}\r\n      <div style={{ padding: '16px', borderBottom: '1px solid var(--ai-border)', display: 'flex', alignItems: 'center', gap: '8px', background: '#f9fafb' }}>\r\n        <Bot size={20} />\r\n        <span style={{ fontWeight: 600 }}>{title}</span>\r\n      </div>\r\n\r\n      {/* لیست پیام‌ها */}\r\n      <div className={styles.messageList}>\r\n        {messages.map((msg, index) => (\r\n          <MessageBubble key={index} message={msg} />\r\n        ))}\r\n        {isLoading && (\r\n          <div className={clsx(styles.messageRow, styles.assistant)}>\r\n             <div className={clsx(styles.bubble, styles.assistant, styles.loading)}>\r\n               <div className={styles.dot}></div>\r\n               <div className={styles.dot}></div>\r\n               <div className={styles.dot}></div>\r\n             </div>\r\n          </div>\r\n        )}\r\n        <div ref={messagesEndRef} />\r\n      </div>\r\n\r\n      {/* ورودی */}\r\n      <div className={styles.inputArea}>\r\n        <input\r\n          className={styles.input}\r\n          value={inputValue}\r\n          onChange={(e) => setInputValue(e.target.value)}\r\n          onKeyDown={handleKeyDown}\r\n          placeholder=\"پیام خود را بنویسید...\"\r\n          disabled={isLoading}\r\n        />\r\n        <button \r\n          className={styles.sendButton} \r\n          onClick={handleSendMessage}\r\n          disabled={isLoading || !inputValue.trim()}\r\n        >\r\n          <Send size={18} />\r\n        </button>\r\n      </div>\r\n    </div>\r\n  );\r\n};","/* src/styles/chat.module.css */\r\n\r\n/* تعریف متغیرها برای اینکه کاربر بتواند رنگ‌ها را شخصی‌سازی کند */\r\n.container {\r\n  /* رنگ‌های پیش‌فرض - کاربر می‌تواند این‌ها را در فایل CSS خود بازنویسی کند */\r\n  --ai-primary: #2563eb;       /* رنگ آبی استاندارد */\r\n  --ai-primary-fg: #ffffff;    /* رنگ متن روی دکمه‌ها */\r\n  --ai-bg: #ffffff;            /* رنگ پس‌زمینه چت */\r\n  --ai-border: #e5e7eb;        /* رنگ حاشیه */\r\n  --ai-text: #1f2937;          /* رنگ متن اصلی */\r\n  --ai-text-secondary: #6b7280; /* رنگ متن فرعی */\r\n  --ai-bot-bg: #f3f4f6;        /* رنگ حباب پیام ربات */\r\n  --ai-user-bg: #2563eb;       /* رنگ حباب پیام کاربر */\r\n  --ai-user-text: #ffffff;     /* رنگ متن پیام کاربر */\r\n  \r\n  font-family: inherit; /* از فونت وبسایت کاربر ارث‌بری می‌کند */\r\n  font-size: 16px;\r\n  line-height: 1.5;\r\n  box-sizing: border-box;\r\n}\r\n\r\n/* کانتینر اصلی چت */\r\n.chatWindow {\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 500px;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  background-color: var(--ai-bg);\r\n  border: 1px solid var(--ai-border);\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\r\n  position: relative;\r\n}\r\n\r\n/* لیست پیام‌ها */\r\n.messageList {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 16px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n  scroll-behavior: smooth;\r\n}\r\n\r\n/* استایل هر پیام */\r\n.messageRow {\r\n  display: flex;\r\n  width: 100%;\r\n}\r\n\r\n.messageRow.user {\r\n  justify-content: flex-end;\r\n}\r\n\r\n.messageRow.assistant {\r\n  justify-content: flex-start;\r\n}\r\n\r\n.bubble {\r\n  max-width: 80%;\r\n  padding: 8px 12px;\r\n  border-radius: 12px;\r\n  font-size: 0.95em;\r\n  word-wrap: break-word;\r\n}\r\n\r\n.bubble.user {\r\n  background-color: var(--ai-user-bg);\r\n  color: var(--ai-user-text);\r\n  border-bottom-right-radius: 2px;\r\n}\r\n\r\n.bubble.assistant {\r\n  background-color: var(--ai-bot-bg);\r\n  color: var(--ai-text);\r\n  border-bottom-left-radius: 2px;\r\n}\r\n\r\n/* ناحیه ورودی متن */\r\n.inputArea {\r\n  padding: 12px;\r\n  border-top: 1px solid var(--ai-border);\r\n  display: flex;\r\n  gap: 8px;\r\n  background-color: var(--ai-bg);\r\n}\r\n\r\n.input {\r\n  flex: 1;\r\n  padding: 8px 12px;\r\n  border: 1px solid var(--ai-border);\r\n  border-radius: 8px;\r\n  outline: none;\r\n  font-family: inherit;\r\n}\r\n\r\n.input:focus {\r\n  border-color: var(--ai-primary);\r\n}\r\n\r\n.sendButton {\r\n  background-color: var(--ai-primary);\r\n  color: var(--ai-primary-fg);\r\n  border: none;\r\n  border-radius: 8px;\r\n  padding: 8px 12px;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: opacity 0.2s;\r\n}\r\n\r\n.sendButton:disabled {\r\n  opacity: 0.5;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.loading {\r\n  display: flex;\r\n  gap: 4px;\r\n  padding: 4px;\r\n}\r\n\r\n.dot {\r\n  width: 6px;\r\n  height: 6px;\r\n  background-color: #9ca3af;\r\n  border-radius: 50%;\r\n  animation: bounce 1.4s infinite ease-in-out both;\r\n}\r\n\r\n.dot:nth-child(1) { animation-delay: -0.32s; }\r\n.dot:nth-child(2) { animation-delay: -0.16s; }\r\n\r\n@keyframes bounce {\r\n  0%, 80%, 100% { transform: scale(0); }\r\n  40% { transform: scale(1); }\r\n}","// src/components/MessageBubble.tsx\r\nimport React from 'react';\r\nimport clsx from 'clsx'; // ابزاری عالی برای ترکیب کلاس‌های CSS\r\nimport styles from '../styles/chat.module.css';\r\nimport { Message } from '../types';\r\n\r\ninterface MessageBubbleProps {\r\n  message: Message;\r\n}\r\n\r\nexport const MessageBubble: React.FC<MessageBubbleProps> = ({ message }) => {\r\n  const isUser = message.role === 'user';\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        styles.messageRow,\r\n        isUser ? styles.user : styles.assistant\r\n      )}\r\n    >\r\n      <div\r\n        className={clsx(\r\n          styles.bubble,\r\n          isUser ? styles.user : styles.assistant\r\n        )}\r\n      >\r\n        {/* فعلاً متن ساده را رندر می‌کنیم. بعداً می‌توانیم Markdown اضافه کنیم */}\r\n        {message.content}\r\n      </div>\r\n    </div>\r\n  );\r\n};"],"mappings":"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","names":["clsx","import_clsx","import_jsx_runtime","clsx"]}

package/dist/react.mjs

@@ -0,0 +1,130 @@
+"use client";
+
+// src/components/ChatBot.tsx
+import { useState, useRef, useEffect } from "react";
+
+// src/styles/chat.module.css
+var chat_default = {};
+
+// src/components/MessageBubble.tsx
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+var MessageBubble = ({ message }) => {
+  const isUser = message.role === "user";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx(
+        chat_default.messageRow,
+        isUser ? chat_default.user : chat_default.assistant
+      ),
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: clsx(
+            chat_default.bubble,
+            isUser ? chat_default.user : chat_default.assistant
+          ),
+          children: message.content
+        }
+      )
+    }
+  );
+};
+
+// src/components/ChatBot.tsx
+import { Send, Bot } from "lucide-react";
+import clsx2 from "clsx";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var ChatBot = ({
+  apiEndpoint,
+  title = "AI Assistant",
+  welcomeMessage = "\u0633\u0644\u0627\u0645! \u0686\u0637\u0648\u0631 \u0645\u06CC\u200C\u062A\u0648\u0627\u0646\u0645 \u06A9\u0645\u06A9\u062A\u0627\u0646 \u06A9\u0646\u0645\u061F"
+}) => {
+  const [messages, setMessages] = useState([]);
+  const [inputValue, setInputValue] = useState("");
+  const [isLoading, setIsLoading] = useState(false);
+  const messagesEndRef = useRef(null);
+  useEffect(() => {
+    if (welcomeMessage && messages.length === 0) {
+      setMessages([{ role: "assistant", content: welcomeMessage }]);
+    }
+  }, [welcomeMessage]);
+  useEffect(() => {
+    messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
+  }, [messages]);
+  const handleSendMessage = async () => {
+    if (!inputValue.trim() || isLoading) return;
+    const userMsg = { role: "user", content: inputValue };
+    setMessages((prev) => [...prev, userMsg]);
+    setInputValue("");
+    setIsLoading(true);
+    try {
+      const response = await fetch(apiEndpoint, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ messages: [...messages, userMsg] })
+      });
+      if (!response.ok) throw new Error("Network response was not ok");
+      const data = await response.json();
+      const botMsg = { role: "assistant", content: data.content };
+      setMessages((prev) => [...prev, botMsg]);
+    } catch (error) {
+      console.error("Chat Error:", error);
+      setMessages((prev) => [...prev, { role: "assistant", content: "\u062E\u0637\u0627\u06CC\u06CC \u0631\u062E \u062F\u0627\u062F\u0647 \u0627\u0633\u062A. \u0644\u0637\u0641\u0627\u064B \u062F\u0648\u0628\u0627\u0631\u0647 \u062A\u0644\u0627\u0634 \u06A9\u0646\u06CC\u062F." }]);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      handleSendMessage();
+    }
+  };
+  return (
+    // کلاس کانتینر برای اعمال متغیرهای CSS
+    /* @__PURE__ */ jsxs("div", { className: clsx2(chat_default.container, chat_default.chatWindow), children: [
+      /* @__PURE__ */ jsxs("div", { style: { padding: "16px", borderBottom: "1px solid var(--ai-border)", display: "flex", alignItems: "center", gap: "8px", background: "#f9fafb" }, children: [
+        /* @__PURE__ */ jsx2(Bot, { size: 20 }),
+        /* @__PURE__ */ jsx2("span", { style: { fontWeight: 600 }, children: title })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: chat_default.messageList, children: [
+        messages.map((msg, index) => /* @__PURE__ */ jsx2(MessageBubble, { message: msg }, index)),
+        isLoading && /* @__PURE__ */ jsx2("div", { className: clsx2(chat_default.messageRow, chat_default.assistant), children: /* @__PURE__ */ jsxs("div", { className: clsx2(chat_default.bubble, chat_default.assistant, chat_default.loading), children: [
+          /* @__PURE__ */ jsx2("div", { className: chat_default.dot }),
+          /* @__PURE__ */ jsx2("div", { className: chat_default.dot }),
+          /* @__PURE__ */ jsx2("div", { className: chat_default.dot })
+        ] }) }),
+        /* @__PURE__ */ jsx2("div", { ref: messagesEndRef })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: chat_default.inputArea, children: [
+        /* @__PURE__ */ jsx2(
+          "input",
+          {
+            className: chat_default.input,
+            value: inputValue,
+            onChange: (e) => setInputValue(e.target.value),
+            onKeyDown: handleKeyDown,
+            placeholder: "\u067E\u06CC\u0627\u0645 \u062E\u0648\u062F \u0631\u0627 \u0628\u0646\u0648\u06CC\u0633\u06CC\u062F...",
+            disabled: isLoading
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          "button",
+          {
+            className: chat_default.sendButton,
+            onClick: handleSendMessage,
+            disabled: isLoading || !inputValue.trim(),
+            children: /* @__PURE__ */ jsx2(Send, { size: 18 })
+          }
+        )
+      ] })
+    ] })
+  );
+};
+export {
+  ChatBot,
+  MessageBubble
+};
+//# sourceMappingURL=react.mjs.map

package/dist/react.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ChatBot.tsx","../src/styles/chat.module.css","../src/components/MessageBubble.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport React, { useState, useRef, useEffect } from 'react';\r\nimport styles from '../styles/chat.module.css';\r\nimport { MessageBubble } from './MessageBubble';\r\nimport { Message } from '../types';\r\nimport { Send, Bot } from 'lucide-react'; // آیکون‌ها\r\nimport clsx from 'clsx';\r\n\r\nexport interface ChatBotProps {\r\n  /** آدرس ای‌پی‌آی که کاربر در پروژه خودش ساخته */\r\n  apiEndpoint: string;\r\n  /** عنوان بالای چت باکس */\r\n  title?: string;\r\n  /** پیام خوش‌آمدگویی اولیه */\r\n  welcomeMessage?: string;\r\n}\r\n\r\nexport const ChatBot: React.FC<ChatBotProps> = ({\r\n  apiEndpoint,\r\n  title = \"AI Assistant\",\r\n  welcomeMessage = \"سلام! چطور می‌توانم کمکتان کنم؟\"\r\n}) => {\r\n  const [messages, setMessages] = useState<Message[]>([]);\r\n  const [inputValue, setInputValue] = useState(\"\");\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  \r\n  // برای اسکرول خودکار به پایین\r\n  const messagesEndRef = useRef<HTMLDivElement>(null);\r\n\r\n  // اضافه کردن پیام خوش‌آمدگویی در شروع\r\n  useEffect(() => {\r\n    if (welcomeMessage && messages.length === 0) {\r\n      setMessages([{ role: 'assistant', content: welcomeMessage }]);\r\n    }\r\n  }, [welcomeMessage]);\r\n\r\n  // اسکرول به پایین وقتی پیام جدید می‌آید\r\n  useEffect(() => {\r\n    messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });\r\n  }, [messages]);\r\n\r\n  const handleSendMessage = async () => {\r\n    if (!inputValue.trim() || isLoading) return;\r\n\r\n    const userMsg: Message = { role: 'user', content: inputValue };\r\n    \r\n    // 1. اضافه کردن پیام کاربر به لیست و خالی کردن اینپوت\r\n    setMessages(prev => [...prev, userMsg]);\r\n    setInputValue(\"\");\r\n    setIsLoading(true);\r\n\r\n    try {\r\n      // 2. ارسال درخواست به سرور (API کاربر)\r\n      const response = await fetch(apiEndpoint, {\r\n        method: 'POST',\r\n        headers: { 'Content-Type': 'application/json' },\r\n        body: JSON.stringify({ messages: [...messages, userMsg] }),\r\n      });\r\n\r\n      if (!response.ok) throw new Error(\"Network response was not ok\");\r\n      \r\n      // نکته: اینجا فعلاً فرض می‌کنیم پاسخ متنی ساده است (بعداً استریم را اضافه می‌کنیم)\r\n      const data = await response.json();\r\n      \r\n      const botMsg: Message = { role: 'assistant', content: data.content };\r\n      setMessages(prev => [...prev, botMsg]);\r\n\r\n    } catch (error) {\r\n      console.error(\"Chat Error:\", error);\r\n      setMessages(prev => [...prev, { role: 'assistant', content: \"خطایی رخ داده است. لطفاً دوباره تلاش کنید.\" }]);\r\n    } finally {\r\n      setIsLoading(false);\r\n    }\r\n  };\r\n\r\n  const handleKeyDown = (e: React.KeyboardEvent) => {\r\n    if (e.key === 'Enter' && !e.shiftKey) {\r\n      e.preventDefault();\r\n      handleSendMessage();\r\n    }\r\n  };\r\n\r\n  return (\r\n    // کلاس کانتینر برای اعمال متغیرهای CSS\r\n    <div className={clsx(styles.container, styles.chatWindow)}>\r\n      {/* هدر */}\r\n      <div style={{ padding: '16px', borderBottom: '1px solid var(--ai-border)', display: 'flex', alignItems: 'center', gap: '8px', background: '#f9fafb' }}>\r\n        <Bot size={20} />\r\n        <span style={{ fontWeight: 600 }}>{title}</span>\r\n      </div>\r\n\r\n      {/* لیست پیام‌ها */}\r\n      <div className={styles.messageList}>\r\n        {messages.map((msg, index) => (\r\n          <MessageBubble key={index} message={msg} />\r\n        ))}\r\n        {isLoading && (\r\n          <div className={clsx(styles.messageRow, styles.assistant)}>\r\n             <div className={clsx(styles.bubble, styles.assistant, styles.loading)}>\r\n               <div className={styles.dot}></div>\r\n               <div className={styles.dot}></div>\r\n               <div className={styles.dot}></div>\r\n             </div>\r\n          </div>\r\n        )}\r\n        <div ref={messagesEndRef} />\r\n      </div>\r\n\r\n      {/* ورودی */}\r\n      <div className={styles.inputArea}>\r\n        <input\r\n          className={styles.input}\r\n          value={inputValue}\r\n          onChange={(e) => setInputValue(e.target.value)}\r\n          onKeyDown={handleKeyDown}\r\n          placeholder=\"پیام خود را بنویسید...\"\r\n          disabled={isLoading}\r\n        />\r\n        <button \r\n          className={styles.sendButton} \r\n          onClick={handleSendMessage}\r\n          disabled={isLoading || !inputValue.trim()}\r\n        >\r\n          <Send size={18} />\r\n        </button>\r\n      </div>\r\n    </div>\r\n  );\r\n};","/* src/styles/chat.module.css */\r\n\r\n/* تعریف متغیرها برای اینکه کاربر بتواند رنگ‌ها را شخصی‌سازی کند */\r\n.container {\r\n  /* رنگ‌های پیش‌فرض - کاربر می‌تواند این‌ها را در فایل CSS خود بازنویسی کند */\r\n  --ai-primary: #2563eb;       /* رنگ آبی استاندارد */\r\n  --ai-primary-fg: #ffffff;    /* رنگ متن روی دکمه‌ها */\r\n  --ai-bg: #ffffff;            /* رنگ پس‌زمینه چت */\r\n  --ai-border: #e5e7eb;        /* رنگ حاشیه */\r\n  --ai-text: #1f2937;          /* رنگ متن اصلی */\r\n  --ai-text-secondary: #6b7280; /* رنگ متن فرعی */\r\n  --ai-bot-bg: #f3f4f6;        /* رنگ حباب پیام ربات */\r\n  --ai-user-bg: #2563eb;       /* رنگ حباب پیام کاربر */\r\n  --ai-user-text: #ffffff;     /* رنگ متن پیام کاربر */\r\n  \r\n  font-family: inherit; /* از فونت وبسایت کاربر ارث‌بری می‌کند */\r\n  font-size: 16px;\r\n  line-height: 1.5;\r\n  box-sizing: border-box;\r\n}\r\n\r\n/* کانتینر اصلی چت */\r\n.chatWindow {\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 500px;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  background-color: var(--ai-bg);\r\n  border: 1px solid var(--ai-border);\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\r\n  position: relative;\r\n}\r\n\r\n/* لیست پیام‌ها */\r\n.messageList {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 16px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n  scroll-behavior: smooth;\r\n}\r\n\r\n/* استایل هر پیام */\r\n.messageRow {\r\n  display: flex;\r\n  width: 100%;\r\n}\r\n\r\n.messageRow.user {\r\n  justify-content: flex-end;\r\n}\r\n\r\n.messageRow.assistant {\r\n  justify-content: flex-start;\r\n}\r\n\r\n.bubble {\r\n  max-width: 80%;\r\n  padding: 8px 12px;\r\n  border-radius: 12px;\r\n  font-size: 0.95em;\r\n  word-wrap: break-word;\r\n}\r\n\r\n.bubble.user {\r\n  background-color: var(--ai-user-bg);\r\n  color: var(--ai-user-text);\r\n  border-bottom-right-radius: 2px;\r\n}\r\n\r\n.bubble.assistant {\r\n  background-color: var(--ai-bot-bg);\r\n  color: var(--ai-text);\r\n  border-bottom-left-radius: 2px;\r\n}\r\n\r\n/* ناحیه ورودی متن */\r\n.inputArea {\r\n  padding: 12px;\r\n  border-top: 1px solid var(--ai-border);\r\n  display: flex;\r\n  gap: 8px;\r\n  background-color: var(--ai-bg);\r\n}\r\n\r\n.input {\r\n  flex: 1;\r\n  padding: 8px 12px;\r\n  border: 1px solid var(--ai-border);\r\n  border-radius: 8px;\r\n  outline: none;\r\n  font-family: inherit;\r\n}\r\n\r\n.input:focus {\r\n  border-color: var(--ai-primary);\r\n}\r\n\r\n.sendButton {\r\n  background-color: var(--ai-primary);\r\n  color: var(--ai-primary-fg);\r\n  border: none;\r\n  border-radius: 8px;\r\n  padding: 8px 12px;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: opacity 0.2s;\r\n}\r\n\r\n.sendButton:disabled {\r\n  opacity: 0.5;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.loading {\r\n  display: flex;\r\n  gap: 4px;\r\n  padding: 4px;\r\n}\r\n\r\n.dot {\r\n  width: 6px;\r\n  height: 6px;\r\n  background-color: #9ca3af;\r\n  border-radius: 50%;\r\n  animation: bounce 1.4s infinite ease-in-out both;\r\n}\r\n\r\n.dot:nth-child(1) { animation-delay: -0.32s; }\r\n.dot:nth-child(2) { animation-delay: -0.16s; }\r\n\r\n@keyframes bounce {\r\n  0%, 80%, 100% { transform: scale(0); }\r\n  40% { transform: scale(1); }\r\n}","// src/components/MessageBubble.tsx\r\nimport React from 'react';\r\nimport clsx from 'clsx'; // ابزاری عالی برای ترکیب کلاس‌های CSS\r\nimport styles from '../styles/chat.module.css';\r\nimport { Message } from '../types';\r\n\r\ninterface MessageBubbleProps {\r\n  message: Message;\r\n}\r\n\r\nexport const MessageBubble: React.FC<MessageBubbleProps> = ({ message }) => {\r\n  const isUser = message.role === 'user';\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        styles.messageRow,\r\n        isUser ? styles.user : styles.assistant\r\n      )}\r\n    >\r\n      <div\r\n        className={clsx(\r\n          styles.bubble,\r\n          isUser ? styles.user : styles.assistant\r\n        )}\r\n      >\r\n        {/* فعلاً متن ساده را رندر می‌کنیم. بعداً می‌توانیم Markdown اضافه کنیم */}\r\n        {message.content}\r\n      </div>\r\n    </div>\r\n  );\r\n};"],"mappings":"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","names":["clsx","jsx"]}

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "mehdi-ai-assistant",
+  "version": "0.0.1",
+  "description": "A professional AI Chatbot for Next.js/React powered by LangChain",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+   "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./react": {
+      "types": "./dist/react.d.ts",
+      "import": "./dist/react.mjs",
+      "require": "./dist/react.js"
+    },
+    "./dist/react.css": "./dist/react.css"
+  },
+  "files": [
+    "dist"
+  ],
+  
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "lint": "tsc"
+  },
+  "keywords": [
+    "react",
+    "chatbot",
+    "ai",
+    "langchain",
+    "nextjs"
+  ],
+  "author": "",
+  "license": "ISC",
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "dependencies": {
+    "@langchain/core": "^1.1.8",
+    "@langchain/groq": "^1.0.2",
+    "@langchain/openai": "^1.2.0",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.562.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "tsup": "^8.5.1",
+    "typescript": "^5.0.0"
+  }
+}