mehdi-akbari-ai-assistant-free 0.4.0 → 0.7.0

package/dist/index.js

@@ -1,2 +1,80 @@
-"use strict";var a=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var l=(s,t)=>{for(var e in t)a(s,e,{get:t[e],enumerable:!0})},f=(s,t,e,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of p(t))!c.call(s,o)&&o!==e&&a(s,o,{get:()=>t[o],enumerable:!(r=m(t,o))||r.enumerable});return s};var h=s=>f(a({},"__esModule",{value:!0}),s);var u={};l(u,{AiRobot:()=>n});module.exports=h(u);var i=require("@langchain/groq"),n=class{constructor(t){if(!t.apiKey)throw new Error("API Key is required for AiRobot.");this.systemPrompt=t.systemPrompt||"You are a helpful assistant.",this.model=new i.ChatGroq({apiKey:t.apiKey,model:t.model||"llama3-8b-8192"})}formatMessages(t){let e=[{role:"system",content:this.systemPrompt}];return t.forEach(r=>{r.role==="user"?e.push({role:"user",content:r.content}):r.role==="assistant"&&e.push({role:"assistant",content:r.content})}),e}async chat(t){try{let e=this.formatMessages(t);return(await this.model.invoke(e)).content}catch(e){return console.warn("AI connection failed. Returning a mock response.",e),"\u0627\u06CC\u0646\u062A\u0631\u0646\u062A \u0634\u0645\u0627 \u0645\u062A\u0635\u0644 \u0646\u06CC\u0633\u062A\u060C \u0627\u0645\u0627 \u067E\u06A9\u06CC\u062C \u0628\u0647 \u062F\u0631\u0633\u062A\u06CC \u06A9\u0627\u0631 \u0645\u06CC\u200C\u06A9\u0646\u062F! \u2705 (\u0627\u06CC\u0646 \u06CC\u06A9 \u067E\u06CC\u0627\u0645 \u062A\u0633\u062A\u06CC \u0627\u0633\u062A)"}}};0&&(module.exports={AiRobot});
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// 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 AiRobot = class {
+  constructor(config) {
+    if (!config.apiKey) {
+      throw new Error("API Key is required for AiRobot.");
+    }
+    this.systemPrompt = config.systemPrompt || "You are a helpful assistant.";
+    this.model = new import_groq.ChatGroq({
+      apiKey: config.apiKey,
+      model: config.model || "llama3-8b-8192"
+    });
+  }
+  /**
+  /**
+   * این متد پیام‌ها را به فرمت مورد نیاز LangChain تبدیل می‌کند.
+   * تایپ خروجی برای سازگاری با نسخه‌های جدید LangChain اصلاح شده است.
+   *
+   * Return plain message objects with explicit `role` and `content` to match
+   * the BaseMessageLike / MessageFieldWithRole shape expected by model.invoke().
+   */
+  formatMessages(messages) {
+    const formatted = [
+      { role: "system", content: this.systemPrompt }
+    ];
+    messages.forEach((msg) => {
+      if (msg.role === "user") {
+        formatted.push({ role: "user", content: msg.content });
+      } else if (msg.role === "assistant") {
+        formatted.push({ role: "assistant", content: msg.content });
+      }
+    });
+    return formatted;
+  }
+  /**
+   * متد اصلی برای ارسال پیام و دریافت پاسخ.
+   * شامل حالت Mock برای جلوگیری از خطا در صورت قطعی اینترنت.
+   */
+  async chat(messages) {
+    try {
+      const formattedMessages = this.formatMessages(messages);
+      const response = await this.model.invoke(formattedMessages);
+      return response.content;
+    } catch (error) {
+      console.warn("AI connection failed. Returning a mock response.", error);
+      return "\u0627\u06CC\u0646\u062A\u0631\u0646\u062A \u0634\u0645\u0627 \u0645\u062A\u0635\u0644 \u0646\u06CC\u0633\u062A\u060C \u0627\u0645\u0627 \u067E\u06A9\u06CC\u062C \u0628\u0647 \u062F\u0631\u0633\u062A\u06CC \u06A9\u0627\u0631 \u0645\u06CC\u200C\u06A9\u0646\u062F! \u2705 (\u0627\u06CC\u0646 \u06CC\u06A9 \u067E\u06CC\u0627\u0645 \u062A\u0633\u062A\u06CC \u0627\u0633\u062A)";
+    }
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AiRobot
+});
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/core/ai-robot.ts"],"sourcesContent":["export * from \"./types\";\r\nexport { AiRobot } from \"./core/ai-robot\";","import { ChatGroq } from \"@langchain/groq\";\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(\"API Key is required for AiRobot.\");\r\n    }\r\n\r\n    this.systemPrompt = config.systemPrompt || \"You are a helpful assistant.\";\r\n\r\n    this.model = new ChatGroq({\r\n      apiKey: config.apiKey,\r\n      model: config.model || \"llama3-8b-8192\",\r\n    });\r\n  }\r\n\r\n  /**\r\n  /**\r\n   * این متد پیام‌ها را به فرمت مورد نیاز LangChain تبدیل می‌کند.\r\n   * تایپ خروجی برای سازگاری با نسخه‌های جدید LangChain اصلاح شده است.\r\n   *\r\n   * Return plain message objects with explicit `role` and `content` to match\r\n   * the BaseMessageLike / MessageFieldWithRole shape expected by model.invoke().\r\n   */\r\n  private formatMessages(messages: Message[]): { role: 'system' | 'user' | 'assistant' | string; content: string }[] {\r\n    const formatted: { role: 'system' | 'user' | 'assistant' | string; content: string }[] = [\r\n      { role: 'system', content: this.systemPrompt }\r\n    ];\r\n\r\n    messages.forEach((msg) => {\r\n      if (msg.role === 'user') {\r\n        formatted.push({ role: 'user', content: msg.content });\r\n      } else if (msg.role === 'assistant') {\r\n        formatted.push({ role: 'assistant', content: msg.content });\r\n      }\r\n    });\r\n\r\n    return formatted;\r\n  }\r\n  /**\r\n   * متد اصلی برای ارسال پیام و دریافت پاسخ.\r\n   * شامل حالت Mock برای جلوگیری از خطا در صورت قطعی اینترنت.\r\n   */\r\n  async chat(messages: Message[]): Promise<string> {\r\n    try {\r\n      const formattedMessages = this.formatMessages(messages);\r\n      const response = await this.model.invoke(formattedMessages);\r\n      return response.content as string;\r\n    } catch (error) {\r\n      console.warn(\"AI connection failed. Returning a mock response.\", error);\r\n      return \"اینترنت شما متصل نیست، اما پکیج به درستی کار می‌کند! ✅ (این یک پیام تستی است)\";\r\n    }\r\n  }\r\n}"],"mappings":"yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GCAA,IAAAI,EAAyB,2BAGZC,EAAN,KAAc,CAInB,YAAYC,EAAuB,CACjC,GAAI,CAACA,EAAO,OACV,MAAM,IAAI,MAAM,kCAAkC,EAGpD,KAAK,aAAeA,EAAO,cAAgB,+BAE3C,KAAK,MAAQ,IAAI,WAAS,CACxB,OAAQA,EAAO,OACf,MAAOA,EAAO,OAAS,gBACzB,CAAC,CACH,CAUQ,eAAeC,EAA4F,CACjH,IAAMC,EAAmF,CACvF,CAAE,KAAM,SAAU,QAAS,KAAK,YAAa,CAC/C,EAEA,OAAAD,EAAS,QAASE,GAAQ,CACpBA,EAAI,OAAS,OACfD,EAAU,KAAK,CAAE,KAAM,OAAQ,QAASC,EAAI,OAAQ,CAAC,EAC5CA,EAAI,OAAS,aACtBD,EAAU,KAAK,CAAE,KAAM,YAAa,QAASC,EAAI,OAAQ,CAAC,CAE9D,CAAC,EAEMD,CACT,CAKA,MAAM,KAAKD,EAAsC,CAC/C,GAAI,CACF,IAAMG,EAAoB,KAAK,eAAeH,CAAQ,EAEtD,OADiB,MAAM,KAAK,MAAM,OAAOG,CAAiB,GAC1C,OAClB,OAASC,EAAO,CACd,eAAQ,KAAK,mDAAoDA,CAAK,EAC/D,sXACT,CACF,CACF","names":["index_exports","__export","AiRobot","__toCommonJS","import_groq","AiRobot","config","messages","formatted","msg","formattedMessages","error"]}
+{"version":3,"sources":["../src/index.ts","../src/core/ai-robot.ts"],"sourcesContent":["export * from \"./types\";\r\nexport { AiRobot } from \"./core/ai-robot\";","import { ChatGroq } from \"@langchain/groq\";\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(\"API Key is required for AiRobot.\");\r\n    }\r\n\r\n    this.systemPrompt = config.systemPrompt || \"You are a helpful assistant.\";\r\n\r\n    this.model = new ChatGroq({\r\n      apiKey: config.apiKey,\r\n      model: config.model || \"llama3-8b-8192\",\r\n    });\r\n  }\r\n\r\n  /**\r\n  /**\r\n   * این متد پیام‌ها را به فرمت مورد نیاز LangChain تبدیل می‌کند.\r\n   * تایپ خروجی برای سازگاری با نسخه‌های جدید LangChain اصلاح شده است.\r\n   *\r\n   * Return plain message objects with explicit `role` and `content` to match\r\n   * the BaseMessageLike / MessageFieldWithRole shape expected by model.invoke().\r\n   */\r\n  private formatMessages(messages: Message[]): { role: 'system' | 'user' | 'assistant' | string; content: string }[] {\r\n    const formatted: { role: 'system' | 'user' | 'assistant' | string; content: string }[] = [\r\n      { role: 'system', content: this.systemPrompt }\r\n    ];\r\n\r\n    messages.forEach((msg) => {\r\n      if (msg.role === 'user') {\r\n        formatted.push({ role: 'user', content: msg.content });\r\n      } else if (msg.role === 'assistant') {\r\n        formatted.push({ role: 'assistant', content: msg.content });\r\n      }\r\n    });\r\n\r\n    return formatted;\r\n  }\r\n  /**\r\n   * متد اصلی برای ارسال پیام و دریافت پاسخ.\r\n   * شامل حالت Mock برای جلوگیری از خطا در صورت قطعی اینترنت.\r\n   */\r\n  async chat(messages: Message[]): Promise<string> {\r\n    try {\r\n      const formattedMessages = this.formatMessages(messages);\r\n      const response = await this.model.invoke(formattedMessages);\r\n      return response.content as string;\r\n    } catch (error) {\r\n      console.warn(\"AI connection failed. Returning a mock response.\", error);\r\n      return \"اینترنت شما متصل نیست، اما پکیج به درستی کار می‌کند! ✅ (این یک پیام تستی است)\";\r\n    }\r\n  }\r\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,kBAAyB;AAGlB,IAAM,UAAN,MAAc;AAAA,EAInB,YAAY,QAAuB;AACjC,QAAI,CAAC,OAAO,QAAQ;AAClB,YAAM,IAAI,MAAM,kCAAkC;AAAA,IACpD;AAEA,SAAK,eAAe,OAAO,gBAAgB;AAE3C,SAAK,QAAQ,IAAI,qBAAS;AAAA,MACxB,QAAQ,OAAO;AAAA,MACf,OAAO,OAAO,SAAS;AAAA,IACzB,CAAC;AAAA,EACH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUQ,eAAe,UAA4F;AACjH,UAAM,YAAmF;AAAA,MACvF,EAAE,MAAM,UAAU,SAAS,KAAK,aAAa;AAAA,IAC/C;AAEA,aAAS,QAAQ,CAAC,QAAQ;AACxB,UAAI,IAAI,SAAS,QAAQ;AACvB,kBAAU,KAAK,EAAE,MAAM,QAAQ,SAAS,IAAI,QAAQ,CAAC;AAAA,MACvD,WAAW,IAAI,SAAS,aAAa;AACnC,kBAAU,KAAK,EAAE,MAAM,aAAa,SAAS,IAAI,QAAQ,CAAC;AAAA,MAC5D;AAAA,IACF,CAAC;AAED,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,MAAM,KAAK,UAAsC;AAC/C,QAAI;AACF,YAAM,oBAAoB,KAAK,eAAe,QAAQ;AACtD,YAAM,WAAW,MAAM,KAAK,MAAM,OAAO,iBAAiB;AAC1D,aAAO,SAAS;AAAA,IAClB,SAAS,OAAO;AACd,cAAQ,KAAK,oDAAoD,KAAK;AACtE,aAAO;AAAA,IACT;AAAA,EACF;AACF;","names":[]}

package/dist/index.mjs

@@ -1,2 +1,53 @@
-import{ChatGroq as o}from"@langchain/groq";var r=class{constructor(t){if(!t.apiKey)throw new Error("API Key is required for AiRobot.");this.systemPrompt=t.systemPrompt||"You are a helpful assistant.",this.model=new o({apiKey:t.apiKey,model:t.model||"llama3-8b-8192"})}formatMessages(t){let e=[{role:"system",content:this.systemPrompt}];return t.forEach(s=>{s.role==="user"?e.push({role:"user",content:s.content}):s.role==="assistant"&&e.push({role:"assistant",content:s.content})}),e}async chat(t){try{let e=this.formatMessages(t);return(await this.model.invoke(e)).content}catch(e){return console.warn("AI connection failed. Returning a mock response.",e),"\u0627\u06CC\u0646\u062A\u0631\u0646\u062A \u0634\u0645\u0627 \u0645\u062A\u0635\u0644 \u0646\u06CC\u0633\u062A\u060C \u0627\u0645\u0627 \u067E\u06A9\u06CC\u062C \u0628\u0647 \u062F\u0631\u0633\u062A\u06CC \u06A9\u0627\u0631 \u0645\u06CC\u200C\u06A9\u0646\u062F! \u2705 (\u0627\u06CC\u0646 \u06CC\u06A9 \u067E\u06CC\u0627\u0645 \u062A\u0633\u062A\u06CC \u0627\u0633\u062A)"}}};export{r as AiRobot};
+// src/core/ai-robot.ts
+import { ChatGroq } from "@langchain/groq";
+var AiRobot = class {
+  constructor(config) {
+    if (!config.apiKey) {
+      throw new Error("API Key is required for AiRobot.");
+    }
+    this.systemPrompt = config.systemPrompt || "You are a helpful assistant.";
+    this.model = new ChatGroq({
+      apiKey: config.apiKey,
+      model: config.model || "llama3-8b-8192"
+    });
+  }
+  /**
+  /**
+   * این متد پیام‌ها را به فرمت مورد نیاز LangChain تبدیل می‌کند.
+   * تایپ خروجی برای سازگاری با نسخه‌های جدید LangChain اصلاح شده است.
+   *
+   * Return plain message objects with explicit `role` and `content` to match
+   * the BaseMessageLike / MessageFieldWithRole shape expected by model.invoke().
+   */
+  formatMessages(messages) {
+    const formatted = [
+      { role: "system", content: this.systemPrompt }
+    ];
+    messages.forEach((msg) => {
+      if (msg.role === "user") {
+        formatted.push({ role: "user", content: msg.content });
+      } else if (msg.role === "assistant") {
+        formatted.push({ role: "assistant", content: msg.content });
+      }
+    });
+    return formatted;
+  }
+  /**
+   * متد اصلی برای ارسال پیام و دریافت پاسخ.
+   * شامل حالت Mock برای جلوگیری از خطا در صورت قطعی اینترنت.
+   */
+  async chat(messages) {
+    try {
+      const formattedMessages = this.formatMessages(messages);
+      const response = await this.model.invoke(formattedMessages);
+      return response.content;
+    } catch (error) {
+      console.warn("AI connection failed. Returning a mock response.", error);
+      return "\u0627\u06CC\u0646\u062A\u0631\u0646\u062A \u0634\u0645\u0627 \u0645\u062A\u0635\u0644 \u0646\u06CC\u0633\u062A\u060C \u0627\u0645\u0627 \u067E\u06A9\u06CC\u062C \u0628\u0647 \u062F\u0631\u0633\u062A\u06CC \u06A9\u0627\u0631 \u0645\u06CC\u200C\u06A9\u0646\u062F! \u2705 (\u0627\u06CC\u0646 \u06CC\u06A9 \u067E\u06CC\u0627\u0645 \u062A\u0633\u062A\u06CC \u0627\u0633\u062A)";
+    }
+  }
+};
+export {
+  AiRobot
+};
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/core/ai-robot.ts"],"sourcesContent":["import { ChatGroq } from \"@langchain/groq\";\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(\"API Key is required for AiRobot.\");\r\n    }\r\n\r\n    this.systemPrompt = config.systemPrompt || \"You are a helpful assistant.\";\r\n\r\n    this.model = new ChatGroq({\r\n      apiKey: config.apiKey,\r\n      model: config.model || \"llama3-8b-8192\",\r\n    });\r\n  }\r\n\r\n  /**\r\n  /**\r\n   * این متد پیام‌ها را به فرمت مورد نیاز LangChain تبدیل می‌کند.\r\n   * تایپ خروجی برای سازگاری با نسخه‌های جدید LangChain اصلاح شده است.\r\n   *\r\n   * Return plain message objects with explicit `role` and `content` to match\r\n   * the BaseMessageLike / MessageFieldWithRole shape expected by model.invoke().\r\n   */\r\n  private formatMessages(messages: Message[]): { role: 'system' | 'user' | 'assistant' | string; content: string }[] {\r\n    const formatted: { role: 'system' | 'user' | 'assistant' | string; content: string }[] = [\r\n      { role: 'system', content: this.systemPrompt }\r\n    ];\r\n\r\n    messages.forEach((msg) => {\r\n      if (msg.role === 'user') {\r\n        formatted.push({ role: 'user', content: msg.content });\r\n      } else if (msg.role === 'assistant') {\r\n        formatted.push({ role: 'assistant', content: msg.content });\r\n      }\r\n    });\r\n\r\n    return formatted;\r\n  }\r\n  /**\r\n   * متد اصلی برای ارسال پیام و دریافت پاسخ.\r\n   * شامل حالت Mock برای جلوگیری از خطا در صورت قطعی اینترنت.\r\n   */\r\n  async chat(messages: Message[]): Promise<string> {\r\n    try {\r\n      const formattedMessages = this.formatMessages(messages);\r\n      const response = await this.model.invoke(formattedMessages);\r\n      return response.content as string;\r\n    } catch (error) {\r\n      console.warn(\"AI connection failed. Returning a mock response.\", error);\r\n      return \"اینترنت شما متصل نیست، اما پکیج به درستی کار می‌کند! ✅ (این یک پیام تستی است)\";\r\n    }\r\n  }\r\n}"],"mappings":"AAAA,OAAS,YAAAA,MAAgB,kBAGlB,IAAMC,EAAN,KAAc,CAInB,YAAYC,EAAuB,CACjC,GAAI,CAACA,EAAO,OACV,MAAM,IAAI,MAAM,kCAAkC,EAGpD,KAAK,aAAeA,EAAO,cAAgB,+BAE3C,KAAK,MAAQ,IAAIF,EAAS,CACxB,OAAQE,EAAO,OACf,MAAOA,EAAO,OAAS,gBACzB,CAAC,CACH,CAUQ,eAAeC,EAA4F,CACjH,IAAMC,EAAmF,CACvF,CAAE,KAAM,SAAU,QAAS,KAAK,YAAa,CAC/C,EAEA,OAAAD,EAAS,QAASE,GAAQ,CACpBA,EAAI,OAAS,OACfD,EAAU,KAAK,CAAE,KAAM,OAAQ,QAASC,EAAI,OAAQ,CAAC,EAC5CA,EAAI,OAAS,aACtBD,EAAU,KAAK,CAAE,KAAM,YAAa,QAASC,EAAI,OAAQ,CAAC,CAE9D,CAAC,EAEMD,CACT,CAKA,MAAM,KAAKD,EAAsC,CAC/C,GAAI,CACF,IAAMG,EAAoB,KAAK,eAAeH,CAAQ,EAEtD,OADiB,MAAM,KAAK,MAAM,OAAOG,CAAiB,GAC1C,OAClB,OAASC,EAAO,CACd,eAAQ,KAAK,mDAAoDA,CAAK,EAC/D,sXACT,CACF,CACF","names":["ChatGroq","AiRobot","config","messages","formatted","msg","formattedMessages","error"]}
+{"version":3,"sources":["../src/core/ai-robot.ts"],"sourcesContent":["import { ChatGroq } from \"@langchain/groq\";\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(\"API Key is required for AiRobot.\");\r\n    }\r\n\r\n    this.systemPrompt = config.systemPrompt || \"You are a helpful assistant.\";\r\n\r\n    this.model = new ChatGroq({\r\n      apiKey: config.apiKey,\r\n      model: config.model || \"llama3-8b-8192\",\r\n    });\r\n  }\r\n\r\n  /**\r\n  /**\r\n   * این متد پیام‌ها را به فرمت مورد نیاز LangChain تبدیل می‌کند.\r\n   * تایپ خروجی برای سازگاری با نسخه‌های جدید LangChain اصلاح شده است.\r\n   *\r\n   * Return plain message objects with explicit `role` and `content` to match\r\n   * the BaseMessageLike / MessageFieldWithRole shape expected by model.invoke().\r\n   */\r\n  private formatMessages(messages: Message[]): { role: 'system' | 'user' | 'assistant' | string; content: string }[] {\r\n    const formatted: { role: 'system' | 'user' | 'assistant' | string; content: string }[] = [\r\n      { role: 'system', content: this.systemPrompt }\r\n    ];\r\n\r\n    messages.forEach((msg) => {\r\n      if (msg.role === 'user') {\r\n        formatted.push({ role: 'user', content: msg.content });\r\n      } else if (msg.role === 'assistant') {\r\n        formatted.push({ role: 'assistant', content: msg.content });\r\n      }\r\n    });\r\n\r\n    return formatted;\r\n  }\r\n  /**\r\n   * متد اصلی برای ارسال پیام و دریافت پاسخ.\r\n   * شامل حالت Mock برای جلوگیری از خطا در صورت قطعی اینترنت.\r\n   */\r\n  async chat(messages: Message[]): Promise<string> {\r\n    try {\r\n      const formattedMessages = this.formatMessages(messages);\r\n      const response = await this.model.invoke(formattedMessages);\r\n      return response.content as string;\r\n    } catch (error) {\r\n      console.warn(\"AI connection failed. Returning a mock response.\", error);\r\n      return \"اینترنت شما متصل نیست، اما پکیج به درستی کار می‌کند! ✅ (این یک پیام تستی است)\";\r\n    }\r\n  }\r\n}"],"mappings":";AAAA,SAAS,gBAAgB;AAGlB,IAAM,UAAN,MAAc;AAAA,EAInB,YAAY,QAAuB;AACjC,QAAI,CAAC,OAAO,QAAQ;AAClB,YAAM,IAAI,MAAM,kCAAkC;AAAA,IACpD;AAEA,SAAK,eAAe,OAAO,gBAAgB;AAE3C,SAAK,QAAQ,IAAI,SAAS;AAAA,MACxB,QAAQ,OAAO;AAAA,MACf,OAAO,OAAO,SAAS;AAAA,IACzB,CAAC;AAAA,EACH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUQ,eAAe,UAA4F;AACjH,UAAM,YAAmF;AAAA,MACvF,EAAE,MAAM,UAAU,SAAS,KAAK,aAAa;AAAA,IAC/C;AAEA,aAAS,QAAQ,CAAC,QAAQ;AACxB,UAAI,IAAI,SAAS,QAAQ;AACvB,kBAAU,KAAK,EAAE,MAAM,QAAQ,SAAS,IAAI,QAAQ,CAAC;AAAA,MACvD,WAAW,IAAI,SAAS,aAAa;AACnC,kBAAU,KAAK,EAAE,MAAM,aAAa,SAAS,IAAI,QAAQ,CAAC;AAAA,MAC5D;AAAA,IACF,CAAC;AAED,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,MAAM,KAAK,UAAsC;AAC/C,QAAI;AACF,YAAM,oBAAoB,KAAK,eAAe,QAAQ;AACtD,YAAM,WAAW,MAAM,KAAK,MAAM,OAAO,iBAAiB;AAC1D,aAAO,SAAS;AAAA,IAClB,SAAS,OAAO;AACd,cAAQ,KAAK,oDAAoD,KAAK;AACtE,aAAO;AAAA,IACT;AAAA,EACF;AACF;","names":[]}

package/dist/react.js

@@ -1,2 +1,184 @@
-"use strict";"use client";var W=Object.create;var p=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var K=Object.getOwnPropertyNames;var T=Object.getPrototypeOf,V=Object.prototype.hasOwnProperty;var j=(e,t)=>{for(var s in t)p(e,s,{get:t[s],enumerable:!0})},w=(e,t,s,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of K(t))!V.call(e,o)&&o!==s&&p(e,o,{get:()=>t[o],enumerable:!(a=F(t,o))||a.enumerable});return e};var u=(e,t,s)=>(s=e!=null?W(T(e)):{},w(t||!e||!e.__esModule?p(s,"default",{value:e,enumerable:!0}):s,e)),z=e=>w(p({},"__esModule",{value:!0}),e);var A={};j(A,{ChatWindow:()=>I});module.exports=z(A);var d=require("react"),E=u(require("clsx"));var g=require("react");var b=u(require("clsx")),x=require("react/jsx-runtime"),M=({message:e})=>{let t=e.role==="user";return(0,x.jsx)("div",{className:(0,b.default)("flex w-full",t?"justify-end":"justify-start"),children:(0,x.jsx)("div",{className:(0,b.default)("max-w-[80%] px-3 py-2 rounded-xl text-sm break-all",t?"bg-(--ai-user-bg) text-(--ai-user-text) rounded-br-sm":"bg-(--ai-bot-bg) text-(--ai-text) rounded-bl-sm"),children:e.content})})};var r=require("react/jsx-runtime"),C=({messages:e,isLoading:t})=>{let s=(0,g.useRef)(null);return(0,g.useEffect)(()=>{s.current?.scrollIntoView({behavior:"smooth"})},[e,t]),(0,r.jsxs)("div",{className:"flex-1 overflow-y-auto p-4 flex flex-col gap-3 scroll-smooth",children:[e.map((a,o)=>(0,r.jsx)(M,{message:a},o)),t&&(0,r.jsx)("div",{className:"flex justify-start",children:(0,r.jsxs)("div",{className:"max-w-[80%] px-3 py-2 rounded-xl bg-(--ai-bot-bg) text-(--ai-text) rounded-bl-sm flex gap-1 items-center",children:[(0,r.jsx)("div",{className:"w-1.5 h-1.5 bg-gray-400 rounded-full animate-bounce",style:{animationDelay:"-0.32s"}}),(0,r.jsx)("div",{className:"w-1.5 h-1.5 bg-gray-400 rounded-full animate-bounce",style:{animationDelay:"-0.16s"}}),(0,r.jsx)("div",{className:"w-1.5 h-1.5 bg-gray-400 rounded-full animate-bounce"})]})}),(0,r.jsx)("div",{ref:s})]})};var N=require("react"),y=u(require("clsx")),R=require("lucide-react"),l=require("react/jsx-runtime"),P=({onSendMessage:e,isLoading:t})=>{let[s,a]=(0,N.useState)(""),o=()=>{s.trim()&&(e(s),a(""))},c=n=>{n.key==="Enter"&&!n.shiftKey&&(n.preventDefault(),o())};return(0,l.jsxs)("div",{className:"flex gap-2 p-3 border-t border-(--ai-border) bg-(--ai-bg)",children:[(0,l.jsx)("input",{className:(0,y.default)("flex-1 px-3 py-2 border border-(--ai-border) rounded-lg outline-none","font-inherit text-(--ai-text) placeholder:text-(--ai-text-secondary)","focus:border-(--ai-primary) disabled:opacity-50"),value:s,onChange:n=>a(n.target.value),onKeyDown:c,placeholder:"\u067E\u06CC\u0627\u0645 \u062E\u0648\u062F \u0631\u0627 \u0628\u0646\u0648\u06CC\u0633\u06CC\u062F...",disabled:t}),(0,l.jsx)("button",{className:(0,y.default)("px-3 py-2 rounded-lg flex items-center justify-center transition-opacity","bg-(--ai-primary) text-(--ai-primary-fg)","hover:opacity-90",(t||!s.trim())&&"opacity-50 cursor-not-allowed"),onClick:o,disabled:t||!s.trim(),children:(0,l.jsx)(R.Send,{size:18})})]})};var S=require("lucide-react"),i=require("react/jsx-runtime"),I=({apiEndpoint:e,title:t="AI Assistant",welcomeMessage:s="\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"})=>{let[a,o]=(0,d.useState)([]),[c,n]=(0,d.useState)(!1);(0,d.useEffect)(()=>{s&&a.length===0&&o([{role:"assistant",content:s}])},[s]);let L=async k=>{let D={role:"user",content:k},h=[...a,D];o(h),n(!0);try{let m=await fetch(e,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({messages:h})});if(!m.ok)throw new Error("Network response was not ok");let f={role:"assistant",content:(await m.json()).content};o(B=>[...B,f])}catch(m){console.error("Chat Error:",m);let v={role:"assistant",content:"\u062E\u0637\u0627\u06CC\u06CC \u0631\u062E \u062F\u0627\u062F\u0647 \u0627\u0633\u062A."};o(f=>[...f,v])}finally{n(!1)}};return(0,i.jsxs)("div",{className:(0,E.default)("flex flex-col h-[500px] w-full max-w-md rounded-xl border border-(--ai-border)","bg-(--ai-bg) overflow-hidden shadow-lg relative","font-inherit text-base leading-6 box-border"),children:[(0,i.jsxs)("div",{className:"flex items-center gap-2 px-4 py-4 border-b border-(--ai-border) bg-gray-50",children:[(0,i.jsx)(S.Bot,{size:20}),(0,i.jsx)("span",{className:"font-semibold",children:t})]}),(0,i.jsx)(C,{messages:a,isLoading:c}),(0,i.jsx)(P,{onSendMessage:L,isLoading:c})]})};0&&(module.exports={ChatWindow});
+"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, {
+  ChatWindow: () => ChatWindow
+});
+module.exports = __toCommonJS(react_exports);
+
+// src/components/ChatWindow/ChatWindow.tsx
+var import_react3 = require("react");
+
+// src/components/MessageList/MessageList.tsx
+var import_react = require("react");
+
+// src/components/MessageBubble/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)("mra-bubble-wrapper", isUser ? "mra-wrapper-user" : "mra-wrapper-bot"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: (0, import_clsx.default)(
+        "mra-bubble",
+        isUser ? "mra-bubble-user" : "mra-bubble-bot"
+      ),
+      children: message.content
+    }
+  ) });
+};
+
+// src/components/MessageList/MessageList.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var MessageList = ({ messages, isLoading }) => {
+  const messagesEndRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
+  }, [messages, isLoading]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mra-message-list", children: [
+    messages.map((msg, index) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(MessageBubble, { message: msg }, index)),
+    isLoading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "mra-loading-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mra-loading-bubble", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "mra-loading-dot", style: { animationDelay: "-0.32s" } }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "mra-loading-dot", style: { animationDelay: "-0.16s" } }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "mra-loading-dot" })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { ref: messagesEndRef })
+  ] });
+};
+
+// src/components/ChatInput/ChatInput.tsx
+var import_react2 = require("react");
+var import_lucide_react = require("lucide-react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var ChatInput = ({ onSendMessage, isLoading }) => {
+  const [inputValue, setInputValue] = (0, import_react2.useState)("");
+  const handleSend = () => {
+    if (inputValue.trim()) {
+      onSendMessage(inputValue);
+      setInputValue("");
+    }
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      handleSend();
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mra-input-wrapper", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "input",
+      {
+        className: "mra-input-field",
+        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_runtime3.jsx)(
+      "button",
+      {
+        className: "mra-send-button",
+        onClick: handleSend,
+        disabled: isLoading || !inputValue.trim(),
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.Send, { size: 18 })
+      }
+    )
+  ] });
+};
+
+// src/components/ChatWindow/ChatWindow.tsx
+var import_lucide_react2 = require("lucide-react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var ChatWindow = ({
+  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_react3.useState)([]);
+  const [isLoading, setIsLoading] = (0, import_react3.useState)(false);
+  const version = "0.7.0";
+  (0, import_react3.useEffect)(() => {
+    if (welcomeMessage && messages.length === 0) {
+      setMessages([{ role: "assistant", content: welcomeMessage }]);
+    }
+  }, [welcomeMessage, messages.length]);
+  const handleSendMessage = async (userMessage) => {
+    const newUserMsg = { role: "user", content: userMessage };
+    const currentMessages = [...messages, newUserMsg];
+    setMessages(currentMessages);
+    setIsLoading(true);
+    try {
+      const response = await fetch(apiEndpoint, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ messages: currentMessages })
+      });
+      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);
+      const errorMsg = { role: "assistant", content: "\u062E\u0637\u0627\u06CC\u06CC \u0631\u062E \u062F\u0627\u062F\u0647 \u0627\u0633\u062A." };
+      setMessages((prev) => [...prev, errorMsg]);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mra-chat-window", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mra-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.Bot, { size: 20 }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "mra-title", children: title })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MessageList, { messages, isLoading }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ChatInput, { onSendMessage: handleSendMessage, isLoading }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("footer", { className: "mra-footer", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { children: [
+        "v",
+        version
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mra-footer-links", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "Powered By Mehdi Akbari |" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("a", { href: "mailto:mehdiakbarideveloper@gmail.com", className: "mra-footer-link", target: "_blank", rel: "noopener noreferrer", children: "Gmail" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("a", { href: "https://t.me/MehdiAkbariDev", className: "mra-footer-link", target: "_blank", rel: "noopener noreferrer", children: "Telegram" })
+      ] })
+    ] })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ChatWindow
+});
 //# sourceMappingURL=react.js.map

package/dist/react.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/react.ts","../src/components/ChatWindow/ChatWindow.tsx","../src/components/MessageList/MessageList.tsx","../src/components/MessageBubble/MessageBubble.tsx","../src/components/ChatInput/ChatInput.tsx"],"sourcesContent":["\"use client\";\r\n\r\n\r\nexport { ChatWindow, type ChatWindowProps } from \"./components/ChatWindow/ChatWindow\";\r\nexport * from \"./types\";","// src/components/ChatWindow/ChatWindow.tsx\r\n\"use client\";\r\n\r\nimport React, { useState, useEffect } from 'react';\r\nimport clsx from 'clsx';\r\nimport { MessageList } from '../MessageList/MessageList';\r\nimport { ChatInput } from '../ChatInput/ChatInput';\r\nimport { Message } from '../../types';\r\nimport { Bot } from 'lucide-react';\r\n\r\nexport interface ChatWindowProps {\r\n  apiEndpoint: string;\r\n  title?: string;\r\n  welcomeMessage?: string;\r\n}\r\n\r\nexport const ChatWindow: React.FC<ChatWindowProps> = ({\r\n  apiEndpoint,\r\n  title = \"AI Assistant\",\r\n  welcomeMessage = \"سلام! چطور می‌توانم کمکتان کنم؟\"\r\n}) => {\r\n  const [messages, setMessages] = useState<Message[]>([]);\r\n  const [isLoading, setIsLoading] = useState(false);\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  const handleSendMessage = async (userMessage: string) => {\r\n    const newUserMsg: Message = { role: 'user', content: userMessage };\r\n    const currentMessages = [...messages, newUserMsg];\r\n    setMessages(currentMessages);\r\n    setIsLoading(true);\r\n\r\n    try {\r\n      const response = await fetch(apiEndpoint, {\r\n        method: 'POST',\r\n        headers: { 'Content-Type': 'application/json' },\r\n        body: JSON.stringify({ messages: currentMessages }),\r\n      });\r\n\r\n      if (!response.ok) throw new Error(\"Network response was not ok\");\r\n      \r\n      const data = await response.json();\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      const errorMsg: Message = { role: 'assistant', content: \"خطایی رخ داده است.\" };\r\n      setMessages(prev => [...prev, errorMsg]);\r\n    } finally {\r\n      setIsLoading(false);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className={clsx(\r\n      \"flex flex-col h-[500px] w-full max-w-md rounded-xl border border-(--ai-border)\",\r\n      \"bg-(--ai-bg) overflow-hidden shadow-lg relative\",\r\n      \"font-inherit text-base leading-6 box-border\"\r\n    )}>\r\n      <div className=\"flex items-center gap-2 px-4 py-4 border-b border-(--ai-border) bg-gray-50\">\r\n        <Bot size={20} />\r\n        <span className=\"font-semibold\">{title}</span>\r\n      </div>\r\n\r\n      <MessageList messages={messages} isLoading={isLoading} />\r\n      <ChatInput onSendMessage={handleSendMessage} isLoading={isLoading} />\r\n    </div>\r\n  );\r\n};","// src/components/MessageList/MessageList.tsx\r\n\"use client\";\r\n\r\nimport React, { useRef, useEffect } from 'react';\r\nimport clsx from 'clsx';\r\nimport { MessageBubble } from '../MessageBubble/MessageBubble';\r\nimport { Message } from '../../types';\r\n\r\ninterface MessageListProps {\r\n  messages: Message[];\r\n  isLoading: boolean;\r\n}\r\n\r\nexport const MessageList: React.FC<MessageListProps> = ({ messages, isLoading }) => {\r\n  const messagesEndRef = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });\r\n  }, [messages, isLoading]);\r\n\r\n  return (\r\n    <div className=\"flex-1 overflow-y-auto p-4 flex flex-col gap-3 scroll-smooth\">\r\n      {messages.map((msg, index) => (\r\n        <MessageBubble key={index} message={msg} />\r\n      ))}\r\n\r\n      {isLoading && (\r\n        <div className=\"flex justify-start\">\r\n          <div className=\"max-w-[80%] px-3 py-2 rounded-xl bg-(--ai-bot-bg) text-(--ai-text) rounded-bl-sm flex gap-1 items-center\">\r\n            <div className=\"w-1.5 h-1.5 bg-gray-400 rounded-full animate-bounce\" style={{ animationDelay: '-0.32s' }}></div>\r\n            <div className=\"w-1.5 h-1.5 bg-gray-400 rounded-full animate-bounce\" style={{ animationDelay: '-0.16s' }}></div>\r\n            <div className=\"w-1.5 h-1.5 bg-gray-400 rounded-full animate-bounce\"></div>\r\n          </div>\r\n        </div>\r\n      )}\r\n\r\n      <div ref={messagesEndRef} />\r\n    </div>\r\n  );\r\n};","// src/components/MessageBubble/MessageBubble.tsx\r\n\"use client\";\r\n\r\nimport React from 'react';\r\nimport clsx from 'clsx';\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 className={clsx(\"flex w-full\", isUser ? \"justify-end\" : \"justify-start\")}>\r\n      <div\r\n        className={clsx(\r\n          \"max-w-[80%] px-3 py-2 rounded-xl text-sm break-all\",\r\n          isUser\r\n            ? \"bg-(--ai-user-bg) text-(--ai-user-text) rounded-br-sm\"\r\n            : \"bg-(--ai-bot-bg) text-(--ai-text) rounded-bl-sm\"\r\n        )}\r\n      >\r\n        {message.content}\r\n      </div>\r\n    </div>\r\n  );\r\n};","// src/components/ChatInput/ChatInput.tsx\r\n\"use client\";\r\n\r\nimport React, { useState } from 'react';\r\nimport clsx from 'clsx';\r\nimport { Send } from 'lucide-react';\r\n\r\ninterface ChatInputProps {\r\n  onSendMessage: (message: string) => void;\r\n  isLoading: boolean;\r\n}\r\n\r\nexport const ChatInput: React.FC<ChatInputProps> = ({ onSendMessage, isLoading }) => {\r\n  const [inputValue, setInputValue] = useState('');\r\n\r\n  const handleSend = () => {\r\n    if (inputValue.trim()) {\r\n      onSendMessage(inputValue);\r\n      setInputValue('');\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      handleSend();\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"flex gap-2 p-3 border-t border-(--ai-border) bg-(--ai-bg)\">\r\n      <input\r\n        className={clsx(\r\n          \"flex-1 px-3 py-2 border border-(--ai-border) rounded-lg outline-none\",\r\n          \"font-inherit text-(--ai-text) placeholder:text-(--ai-text-secondary)\",\r\n          \"focus:border-(--ai-primary) disabled:opacity-50\"\r\n        )}\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={clsx(\r\n          \"px-3 py-2 rounded-lg flex items-center justify-center transition-opacity\",\r\n          \"bg-(--ai-primary) text-(--ai-primary-fg)\",\r\n          \"hover:opacity-90\",\r\n          (isLoading || !inputValue.trim()) && \"opacity-50 cursor-not-allowed\"\r\n        )}\r\n        onClick={handleSend}\r\n        disabled={isLoading || !inputValue.trim()}\r\n      >\r\n        <Send size={18} />\r\n      </button>\r\n    </div>\r\n  );\r\n};"],"mappings":"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","names":["react_exports","__export","ChatWindow","__toCommonJS","import_react","import_clsx","import_react","import_clsx","import_jsx_runtime","MessageBubble","message","isUser","clsx","import_jsx_runtime","MessageList","messages","isLoading","messagesEndRef","msg","index","MessageBubble","import_react","import_clsx","import_lucide_react","import_jsx_runtime","ChatInput","onSendMessage","isLoading","inputValue","setInputValue","handleSend","handleKeyDown","e","clsx","import_lucide_react","import_jsx_runtime","ChatWindow","apiEndpoint","title","welcomeMessage","messages","setMessages","isLoading","setIsLoading","handleSendMessage","userMessage","newUserMsg","currentMessages","response","botMsg","prev","error","errorMsg","clsx","MessageList","ChatInput"]}
+{"version":3,"sources":["../src/react.ts","../src/components/ChatWindow/ChatWindow.tsx","../src/components/MessageList/MessageList.tsx","../src/components/MessageBubble/MessageBubble.tsx","../src/components/ChatInput/ChatInput.tsx"],"sourcesContent":["\"use client\";\r\n\r\n\r\nexport { ChatWindow, type ChatWindowProps } from \"./components/ChatWindow/ChatWindow\";\r\nexport * from \"./types\";","// src/components/ChatWindow/ChatWindow.tsx\r\n\"use client\";\r\n\r\nimport React, { useState, useEffect } from 'react';\r\nimport { MessageList } from '../MessageList/MessageList';\r\nimport { ChatInput } from '../ChatInput/ChatInput';\r\nimport { Message } from '../../types';\r\nimport { Bot } from 'lucide-react';\r\n\r\nexport interface ChatWindowProps {\r\n  apiEndpoint: string;\r\n  title?: string;\r\n  welcomeMessage?: string;\r\n}\r\n\r\nexport const ChatWindow: React.FC<ChatWindowProps> = ({\r\n  apiEndpoint,\r\n  title = \"AI Assistant\",\r\n  welcomeMessage = \"سلام! چطور می‌توانم کمکتان کنم؟\"\r\n}) => {\r\n  const [messages, setMessages] = useState<Message[]>([]);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const version = process.env.PACKAGE_VERSION; \r\n\r\n  useEffect(() => {\r\n    if (welcomeMessage && messages.length === 0) {\r\n      setMessages([{ role: 'assistant', content: welcomeMessage }]);\r\n    }\r\n  }, [welcomeMessage, messages.length]);\r\n\r\n  const handleSendMessage = async (userMessage: string) => {\r\n    const newUserMsg: Message = { role: 'user', content: userMessage };\r\n    const currentMessages = [...messages, newUserMsg];\r\n    setMessages(currentMessages);\r\n    setIsLoading(true);\r\n\r\n    try {\r\n      const response = await fetch(apiEndpoint, {\r\n        method: 'POST',\r\n        headers: { 'Content-Type': 'application/json' },\r\n        body: JSON.stringify({ messages: currentMessages }),\r\n      });\r\n\r\n      if (!response.ok) throw new Error(\"Network response was not ok\");\r\n      \r\n      const data = await response.json();\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      const errorMsg: Message = { role: 'assistant', content: \"خطایی رخ داده است.\" };\r\n      setMessages(prev => [...prev, errorMsg]);\r\n    } finally {\r\n      setIsLoading(false);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"mra-chat-window\">\r\n      <div className=\"mra-header\">\r\n        <Bot size={20} />\r\n        <span className=\"mra-title\">{title}</span>\r\n      </div>\r\n\r\n      <MessageList messages={messages} isLoading={isLoading} />\r\n      <ChatInput onSendMessage={handleSendMessage} isLoading={isLoading} />\r\n\r\n      {/* === فوتر جدید اضافه شده === */}\r\n      <footer className=\"mra-footer\">\r\n        <span>v{version}</span>\r\n        <div className=\"mra-footer-links\">\r\n          <span>Powered By Mehdi Akbari |</span>\r\n          <a href=\"mailto:mehdiakbarideveloper@gmail.com\" className=\"mra-footer-link\" target=\"_blank\" rel=\"noopener noreferrer\">Gmail</a>\r\n          <a href=\"https://t.me/MehdiAkbariDev\" className=\"mra-footer-link\" target=\"_blank\" rel=\"noopener noreferrer\">Telegram</a>\r\n        </div>\r\n      </footer>\r\n    </div>\r\n  );\r\n};","// src/components/MessageList/MessageList.tsx\r\n\"use client\";\r\n\r\nimport React, { useRef, useEffect } from 'react';\r\nimport { MessageBubble } from '../MessageBubble/MessageBubble';\r\nimport { Message } from '../../types';\r\n\r\ninterface MessageListProps {\r\n  messages: Message[];\r\n  isLoading: boolean;\r\n}\r\n\r\nexport const MessageList: React.FC<MessageListProps> = ({ messages, isLoading }) => {\r\n  const messagesEndRef = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });\r\n  }, [messages, isLoading]);\r\n\r\n  return (\r\n    <div className=\"mra-message-list\">\r\n      {messages.map((msg, index) => (\r\n        <MessageBubble key={index} message={msg} />\r\n      ))}\r\n\r\n      {isLoading && (\r\n        <div className=\"mra-loading-wrapper\">\r\n          <div className=\"mra-loading-bubble\">\r\n            <div className=\"mra-loading-dot\" style={{ animationDelay: '-0.32s' }}></div>\r\n            <div className=\"mra-loading-dot\" style={{ animationDelay: '-0.16s' }}></div>\r\n            <div className=\"mra-loading-dot\"></div>\r\n          </div>\r\n        </div>\r\n      )}\r\n\r\n      <div ref={messagesEndRef} />\r\n    </div>\r\n  );\r\n};","// src/components/MessageBubble/MessageBubble.tsx\r\n\"use client\";\r\n\r\nimport React from 'react';\r\nimport clsx from 'clsx';\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 className={clsx(\"mra-bubble-wrapper\", isUser ? \"mra-wrapper-user\" : \"mra-wrapper-bot\")}>\r\n      <div\r\n        className={clsx(\r\n          \"mra-bubble\",\r\n          isUser ? \"mra-bubble-user\" : \"mra-bubble-bot\"\r\n        )}\r\n      >\r\n        {message.content}\r\n      </div>\r\n    </div>\r\n  );\r\n};","// src/components/ChatInput/ChatInput.tsx\r\n\"use client\";\r\n\r\nimport React, { useState } from 'react';\r\nimport { Send } from 'lucide-react';\r\n\r\ninterface ChatInputProps {\r\n  onSendMessage: (message: string) => void;\r\n  isLoading: boolean;\r\n}\r\n\r\nexport const ChatInput: React.FC<ChatInputProps> = ({ onSendMessage, isLoading }) => {\r\n  const [inputValue, setInputValue] = useState('');\r\n\r\n  const handleSend = () => {\r\n    if (inputValue.trim()) {\r\n      onSendMessage(inputValue);\r\n      setInputValue('');\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      handleSend();\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"mra-input-wrapper\">\r\n      <input\r\n        className=\"mra-input-field\"\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=\"mra-send-button\"\r\n        onClick={handleSend}\r\n        disabled={isLoading || !inputValue.trim()}\r\n      >\r\n        <Send size={18} />\r\n      </button>\r\n    </div>\r\n  );\r\n};"],"mappings":"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","names":["import_react","clsx","import_jsx_runtime","import_react","import_jsx_runtime","import_lucide_react","import_jsx_runtime"]}

package/dist/react.mjs

@@ -1,2 +1,148 @@
-"use client";import{useState as w,useEffect as D}from"react";import B from"clsx";import{useRef as E,useEffect as S}from"react";import f from"clsx";import{jsx as u}from"react/jsx-runtime";var b=({message:s})=>{let t=s.role==="user";return u("div",{className:f("flex w-full",t?"justify-end":"justify-start"),children:u("div",{className:f("max-w-[80%] px-3 py-2 rounded-xl text-sm break-all",t?"bg-(--ai-user-bg) text-(--ai-user-text) rounded-br-sm":"bg-(--ai-bot-bg) text-(--ai-text) rounded-bl-sm"),children:s.content})})};import{jsx as n,jsxs as x}from"react/jsx-runtime";var y=({messages:s,isLoading:t})=>{let e=E(null);return S(()=>{e.current?.scrollIntoView({behavior:"smooth"})},[s,t]),x("div",{className:"flex-1 overflow-y-auto p-4 flex flex-col gap-3 scroll-smooth",children:[s.map((a,o)=>n(b,{message:a},o)),t&&n("div",{className:"flex justify-start",children:x("div",{className:"max-w-[80%] px-3 py-2 rounded-xl bg-(--ai-bot-bg) text-(--ai-text) rounded-bl-sm flex gap-1 items-center",children:[n("div",{className:"w-1.5 h-1.5 bg-gray-400 rounded-full animate-bounce",style:{animationDelay:"-0.32s"}}),n("div",{className:"w-1.5 h-1.5 bg-gray-400 rounded-full animate-bounce",style:{animationDelay:"-0.16s"}}),n("div",{className:"w-1.5 h-1.5 bg-gray-400 rounded-full animate-bounce"})]})}),n("div",{ref:e})]})};import{useState as I}from"react";import h from"clsx";import{Send as L}from"lucide-react";import{jsx as m,jsxs as k}from"react/jsx-runtime";var v=({onSendMessage:s,isLoading:t})=>{let[e,a]=I(""),o=()=>{e.trim()&&(s(e),a(""))},i=r=>{r.key==="Enter"&&!r.shiftKey&&(r.preventDefault(),o())};return k("div",{className:"flex gap-2 p-3 border-t border-(--ai-border) bg-(--ai-bg)",children:[m("input",{className:h("flex-1 px-3 py-2 border border-(--ai-border) rounded-lg outline-none","font-inherit text-(--ai-text) placeholder:text-(--ai-text-secondary)","focus:border-(--ai-primary) disabled:opacity-50"),value:e,onChange:r=>a(r.target.value),onKeyDown:i,placeholder:"\u067E\u06CC\u0627\u0645 \u062E\u0648\u062F \u0631\u0627 \u0628\u0646\u0648\u06CC\u0633\u06CC\u062F...",disabled:t}),m("button",{className:h("px-3 py-2 rounded-lg flex items-center justify-center transition-opacity","bg-(--ai-primary) text-(--ai-primary-fg)","hover:opacity-90",(t||!e.trim())&&"opacity-50 cursor-not-allowed"),onClick:o,disabled:t||!e.trim(),children:m(L,{size:18})})]})};import{Bot as W}from"lucide-react";import{jsx as d,jsxs as M}from"react/jsx-runtime";var F=({apiEndpoint:s,title:t="AI Assistant",welcomeMessage:e="\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"})=>{let[a,o]=w([]),[i,r]=w(!1);D(()=>{e&&a.length===0&&o([{role:"assistant",content:e}])},[e]);let C=async N=>{let R={role:"user",content:N},p=[...a,R];o(p),r(!0);try{let l=await fetch(s,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({messages:p})});if(!l.ok)throw new Error("Network response was not ok");let c={role:"assistant",content:(await l.json()).content};o(P=>[...P,c])}catch(l){console.error("Chat Error:",l);let g={role:"assistant",content:"\u062E\u0637\u0627\u06CC\u06CC \u0631\u062E \u062F\u0627\u062F\u0647 \u0627\u0633\u062A."};o(c=>[...c,g])}finally{r(!1)}};return M("div",{className:B("flex flex-col h-[500px] w-full max-w-md rounded-xl border border-(--ai-border)","bg-(--ai-bg) overflow-hidden shadow-lg relative","font-inherit text-base leading-6 box-border"),children:[M("div",{className:"flex items-center gap-2 px-4 py-4 border-b border-(--ai-border) bg-gray-50",children:[d(W,{size:20}),d("span",{className:"font-semibold",children:t})]}),d(y,{messages:a,isLoading:i}),d(v,{onSendMessage:C,isLoading:i})]})};export{F as ChatWindow};
+"use client";
+
+// src/components/ChatWindow/ChatWindow.tsx
+import { useState as useState2, useEffect as useEffect2 } from "react";
+
+// src/components/MessageList/MessageList.tsx
+import { useRef, useEffect } from "react";
+
+// src/components/MessageBubble/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("mra-bubble-wrapper", isUser ? "mra-wrapper-user" : "mra-wrapper-bot"), children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx(
+        "mra-bubble",
+        isUser ? "mra-bubble-user" : "mra-bubble-bot"
+      ),
+      children: message.content
+    }
+  ) });
+};
+
+// src/components/MessageList/MessageList.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var MessageList = ({ messages, isLoading }) => {
+  const messagesEndRef = useRef(null);
+  useEffect(() => {
+    messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
+  }, [messages, isLoading]);
+  return /* @__PURE__ */ jsxs("div", { className: "mra-message-list", children: [
+    messages.map((msg, index) => /* @__PURE__ */ jsx2(MessageBubble, { message: msg }, index)),
+    isLoading && /* @__PURE__ */ jsx2("div", { className: "mra-loading-wrapper", children: /* @__PURE__ */ jsxs("div", { className: "mra-loading-bubble", children: [
+      /* @__PURE__ */ jsx2("div", { className: "mra-loading-dot", style: { animationDelay: "-0.32s" } }),
+      /* @__PURE__ */ jsx2("div", { className: "mra-loading-dot", style: { animationDelay: "-0.16s" } }),
+      /* @__PURE__ */ jsx2("div", { className: "mra-loading-dot" })
+    ] }) }),
+    /* @__PURE__ */ jsx2("div", { ref: messagesEndRef })
+  ] });
+};
+
+// src/components/ChatInput/ChatInput.tsx
+import { useState } from "react";
+import { Send } from "lucide-react";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var ChatInput = ({ onSendMessage, isLoading }) => {
+  const [inputValue, setInputValue] = useState("");
+  const handleSend = () => {
+    if (inputValue.trim()) {
+      onSendMessage(inputValue);
+      setInputValue("");
+    }
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      handleSend();
+    }
+  };
+  return /* @__PURE__ */ jsxs2("div", { className: "mra-input-wrapper", children: [
+    /* @__PURE__ */ jsx3(
+      "input",
+      {
+        className: "mra-input-field",
+        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__ */ jsx3(
+      "button",
+      {
+        className: "mra-send-button",
+        onClick: handleSend,
+        disabled: isLoading || !inputValue.trim(),
+        children: /* @__PURE__ */ jsx3(Send, { size: 18 })
+      }
+    )
+  ] });
+};
+
+// src/components/ChatWindow/ChatWindow.tsx
+import { Bot } from "lucide-react";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var ChatWindow = ({
+  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] = useState2([]);
+  const [isLoading, setIsLoading] = useState2(false);
+  const version = "0.7.0";
+  useEffect2(() => {
+    if (welcomeMessage && messages.length === 0) {
+      setMessages([{ role: "assistant", content: welcomeMessage }]);
+    }
+  }, [welcomeMessage, messages.length]);
+  const handleSendMessage = async (userMessage) => {
+    const newUserMsg = { role: "user", content: userMessage };
+    const currentMessages = [...messages, newUserMsg];
+    setMessages(currentMessages);
+    setIsLoading(true);
+    try {
+      const response = await fetch(apiEndpoint, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ messages: currentMessages })
+      });
+      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);
+      const errorMsg = { role: "assistant", content: "\u062E\u0637\u0627\u06CC\u06CC \u0631\u062E \u062F\u0627\u062F\u0647 \u0627\u0633\u062A." };
+      setMessages((prev) => [...prev, errorMsg]);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs3("div", { className: "mra-chat-window", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "mra-header", children: [
+      /* @__PURE__ */ jsx4(Bot, { size: 20 }),
+      /* @__PURE__ */ jsx4("span", { className: "mra-title", children: title })
+    ] }),
+    /* @__PURE__ */ jsx4(MessageList, { messages, isLoading }),
+    /* @__PURE__ */ jsx4(ChatInput, { onSendMessage: handleSendMessage, isLoading }),
+    /* @__PURE__ */ jsxs3("footer", { className: "mra-footer", children: [
+      /* @__PURE__ */ jsxs3("span", { children: [
+        "v",
+        version
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { className: "mra-footer-links", children: [
+        /* @__PURE__ */ jsx4("span", { children: "Powered By Mehdi Akbari |" }),
+        /* @__PURE__ */ jsx4("a", { href: "mailto:mehdiakbarideveloper@gmail.com", className: "mra-footer-link", target: "_blank", rel: "noopener noreferrer", children: "Gmail" }),
+        /* @__PURE__ */ jsx4("a", { href: "https://t.me/MehdiAkbariDev", className: "mra-footer-link", target: "_blank", rel: "noopener noreferrer", children: "Telegram" })
+      ] })
+    ] })
+  ] });
+};
+export {
+  ChatWindow
+};
 //# sourceMappingURL=react.mjs.map

package/dist/react.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ChatWindow/ChatWindow.tsx","../src/components/MessageList/MessageList.tsx","../src/components/MessageBubble/MessageBubble.tsx","../src/components/ChatInput/ChatInput.tsx"],"sourcesContent":["// src/components/ChatWindow/ChatWindow.tsx\r\n\"use client\";\r\n\r\nimport React, { useState, useEffect } from 'react';\r\nimport clsx from 'clsx';\r\nimport { MessageList } from '../MessageList/MessageList';\r\nimport { ChatInput } from '../ChatInput/ChatInput';\r\nimport { Message } from '../../types';\r\nimport { Bot } from 'lucide-react';\r\n\r\nexport interface ChatWindowProps {\r\n  apiEndpoint: string;\r\n  title?: string;\r\n  welcomeMessage?: string;\r\n}\r\n\r\nexport const ChatWindow: React.FC<ChatWindowProps> = ({\r\n  apiEndpoint,\r\n  title = \"AI Assistant\",\r\n  welcomeMessage = \"سلام! چطور می‌توانم کمکتان کنم؟\"\r\n}) => {\r\n  const [messages, setMessages] = useState<Message[]>([]);\r\n  const [isLoading, setIsLoading] = useState(false);\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  const handleSendMessage = async (userMessage: string) => {\r\n    const newUserMsg: Message = { role: 'user', content: userMessage };\r\n    const currentMessages = [...messages, newUserMsg];\r\n    setMessages(currentMessages);\r\n    setIsLoading(true);\r\n\r\n    try {\r\n      const response = await fetch(apiEndpoint, {\r\n        method: 'POST',\r\n        headers: { 'Content-Type': 'application/json' },\r\n        body: JSON.stringify({ messages: currentMessages }),\r\n      });\r\n\r\n      if (!response.ok) throw new Error(\"Network response was not ok\");\r\n      \r\n      const data = await response.json();\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      const errorMsg: Message = { role: 'assistant', content: \"خطایی رخ داده است.\" };\r\n      setMessages(prev => [...prev, errorMsg]);\r\n    } finally {\r\n      setIsLoading(false);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className={clsx(\r\n      \"flex flex-col h-[500px] w-full max-w-md rounded-xl border border-(--ai-border)\",\r\n      \"bg-(--ai-bg) overflow-hidden shadow-lg relative\",\r\n      \"font-inherit text-base leading-6 box-border\"\r\n    )}>\r\n      <div className=\"flex items-center gap-2 px-4 py-4 border-b border-(--ai-border) bg-gray-50\">\r\n        <Bot size={20} />\r\n        <span className=\"font-semibold\">{title}</span>\r\n      </div>\r\n\r\n      <MessageList messages={messages} isLoading={isLoading} />\r\n      <ChatInput onSendMessage={handleSendMessage} isLoading={isLoading} />\r\n    </div>\r\n  );\r\n};","// src/components/MessageList/MessageList.tsx\r\n\"use client\";\r\n\r\nimport React, { useRef, useEffect } from 'react';\r\nimport clsx from 'clsx';\r\nimport { MessageBubble } from '../MessageBubble/MessageBubble';\r\nimport { Message } from '../../types';\r\n\r\ninterface MessageListProps {\r\n  messages: Message[];\r\n  isLoading: boolean;\r\n}\r\n\r\nexport const MessageList: React.FC<MessageListProps> = ({ messages, isLoading }) => {\r\n  const messagesEndRef = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });\r\n  }, [messages, isLoading]);\r\n\r\n  return (\r\n    <div className=\"flex-1 overflow-y-auto p-4 flex flex-col gap-3 scroll-smooth\">\r\n      {messages.map((msg, index) => (\r\n        <MessageBubble key={index} message={msg} />\r\n      ))}\r\n\r\n      {isLoading && (\r\n        <div className=\"flex justify-start\">\r\n          <div className=\"max-w-[80%] px-3 py-2 rounded-xl bg-(--ai-bot-bg) text-(--ai-text) rounded-bl-sm flex gap-1 items-center\">\r\n            <div className=\"w-1.5 h-1.5 bg-gray-400 rounded-full animate-bounce\" style={{ animationDelay: '-0.32s' }}></div>\r\n            <div className=\"w-1.5 h-1.5 bg-gray-400 rounded-full animate-bounce\" style={{ animationDelay: '-0.16s' }}></div>\r\n            <div className=\"w-1.5 h-1.5 bg-gray-400 rounded-full animate-bounce\"></div>\r\n          </div>\r\n        </div>\r\n      )}\r\n\r\n      <div ref={messagesEndRef} />\r\n    </div>\r\n  );\r\n};","// src/components/MessageBubble/MessageBubble.tsx\r\n\"use client\";\r\n\r\nimport React from 'react';\r\nimport clsx from 'clsx';\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 className={clsx(\"flex w-full\", isUser ? \"justify-end\" : \"justify-start\")}>\r\n      <div\r\n        className={clsx(\r\n          \"max-w-[80%] px-3 py-2 rounded-xl text-sm break-all\",\r\n          isUser\r\n            ? \"bg-(--ai-user-bg) text-(--ai-user-text) rounded-br-sm\"\r\n            : \"bg-(--ai-bot-bg) text-(--ai-text) rounded-bl-sm\"\r\n        )}\r\n      >\r\n        {message.content}\r\n      </div>\r\n    </div>\r\n  );\r\n};","// src/components/ChatInput/ChatInput.tsx\r\n\"use client\";\r\n\r\nimport React, { useState } from 'react';\r\nimport clsx from 'clsx';\r\nimport { Send } from 'lucide-react';\r\n\r\ninterface ChatInputProps {\r\n  onSendMessage: (message: string) => void;\r\n  isLoading: boolean;\r\n}\r\n\r\nexport const ChatInput: React.FC<ChatInputProps> = ({ onSendMessage, isLoading }) => {\r\n  const [inputValue, setInputValue] = useState('');\r\n\r\n  const handleSend = () => {\r\n    if (inputValue.trim()) {\r\n      onSendMessage(inputValue);\r\n      setInputValue('');\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      handleSend();\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"flex gap-2 p-3 border-t border-(--ai-border) bg-(--ai-bg)\">\r\n      <input\r\n        className={clsx(\r\n          \"flex-1 px-3 py-2 border border-(--ai-border) rounded-lg outline-none\",\r\n          \"font-inherit text-(--ai-text) placeholder:text-(--ai-text-secondary)\",\r\n          \"focus:border-(--ai-primary) disabled:opacity-50\"\r\n        )}\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={clsx(\r\n          \"px-3 py-2 rounded-lg flex items-center justify-center transition-opacity\",\r\n          \"bg-(--ai-primary) text-(--ai-primary-fg)\",\r\n          \"hover:opacity-90\",\r\n          (isLoading || !inputValue.trim()) && \"opacity-50 cursor-not-allowed\"\r\n        )}\r\n        onClick={handleSend}\r\n        disabled={isLoading || !inputValue.trim()}\r\n      >\r\n        <Send size={18} />\r\n      </button>\r\n    </div>\r\n  );\r\n};"],"mappings":"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","names":["useState","useEffect","clsx","useRef","useEffect","clsx","jsx","MessageBubble","message","isUser","jsx","jsxs","MessageList","messages","isLoading","messagesEndRef","useRef","useEffect","msg","index","MessageBubble","useState","clsx","Send","jsx","jsxs","ChatInput","onSendMessage","isLoading","inputValue","setInputValue","handleSend","handleKeyDown","e","Bot","jsx","jsxs","ChatWindow","apiEndpoint","title","welcomeMessage","messages","setMessages","useState","isLoading","setIsLoading","useEffect","handleSendMessage","userMessage","newUserMsg","currentMessages","response","botMsg","prev","error","errorMsg","clsx","MessageList","ChatInput"]}
+{"version":3,"sources":["../src/components/ChatWindow/ChatWindow.tsx","../src/components/MessageList/MessageList.tsx","../src/components/MessageBubble/MessageBubble.tsx","../src/components/ChatInput/ChatInput.tsx"],"sourcesContent":["// src/components/ChatWindow/ChatWindow.tsx\r\n\"use client\";\r\n\r\nimport React, { useState, useEffect } from 'react';\r\nimport { MessageList } from '../MessageList/MessageList';\r\nimport { ChatInput } from '../ChatInput/ChatInput';\r\nimport { Message } from '../../types';\r\nimport { Bot } from 'lucide-react';\r\n\r\nexport interface ChatWindowProps {\r\n  apiEndpoint: string;\r\n  title?: string;\r\n  welcomeMessage?: string;\r\n}\r\n\r\nexport const ChatWindow: React.FC<ChatWindowProps> = ({\r\n  apiEndpoint,\r\n  title = \"AI Assistant\",\r\n  welcomeMessage = \"سلام! چطور می‌توانم کمکتان کنم؟\"\r\n}) => {\r\n  const [messages, setMessages] = useState<Message[]>([]);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const version = process.env.PACKAGE_VERSION; \r\n\r\n  useEffect(() => {\r\n    if (welcomeMessage && messages.length === 0) {\r\n      setMessages([{ role: 'assistant', content: welcomeMessage }]);\r\n    }\r\n  }, [welcomeMessage, messages.length]);\r\n\r\n  const handleSendMessage = async (userMessage: string) => {\r\n    const newUserMsg: Message = { role: 'user', content: userMessage };\r\n    const currentMessages = [...messages, newUserMsg];\r\n    setMessages(currentMessages);\r\n    setIsLoading(true);\r\n\r\n    try {\r\n      const response = await fetch(apiEndpoint, {\r\n        method: 'POST',\r\n        headers: { 'Content-Type': 'application/json' },\r\n        body: JSON.stringify({ messages: currentMessages }),\r\n      });\r\n\r\n      if (!response.ok) throw new Error(\"Network response was not ok\");\r\n      \r\n      const data = await response.json();\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      const errorMsg: Message = { role: 'assistant', content: \"خطایی رخ داده است.\" };\r\n      setMessages(prev => [...prev, errorMsg]);\r\n    } finally {\r\n      setIsLoading(false);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"mra-chat-window\">\r\n      <div className=\"mra-header\">\r\n        <Bot size={20} />\r\n        <span className=\"mra-title\">{title}</span>\r\n      </div>\r\n\r\n      <MessageList messages={messages} isLoading={isLoading} />\r\n      <ChatInput onSendMessage={handleSendMessage} isLoading={isLoading} />\r\n\r\n      {/* === فوتر جدید اضافه شده === */}\r\n      <footer className=\"mra-footer\">\r\n        <span>v{version}</span>\r\n        <div className=\"mra-footer-links\">\r\n          <span>Powered By Mehdi Akbari |</span>\r\n          <a href=\"mailto:mehdiakbarideveloper@gmail.com\" className=\"mra-footer-link\" target=\"_blank\" rel=\"noopener noreferrer\">Gmail</a>\r\n          <a href=\"https://t.me/MehdiAkbariDev\" className=\"mra-footer-link\" target=\"_blank\" rel=\"noopener noreferrer\">Telegram</a>\r\n        </div>\r\n      </footer>\r\n    </div>\r\n  );\r\n};","// src/components/MessageList/MessageList.tsx\r\n\"use client\";\r\n\r\nimport React, { useRef, useEffect } from 'react';\r\nimport { MessageBubble } from '../MessageBubble/MessageBubble';\r\nimport { Message } from '../../types';\r\n\r\ninterface MessageListProps {\r\n  messages: Message[];\r\n  isLoading: boolean;\r\n}\r\n\r\nexport const MessageList: React.FC<MessageListProps> = ({ messages, isLoading }) => {\r\n  const messagesEndRef = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });\r\n  }, [messages, isLoading]);\r\n\r\n  return (\r\n    <div className=\"mra-message-list\">\r\n      {messages.map((msg, index) => (\r\n        <MessageBubble key={index} message={msg} />\r\n      ))}\r\n\r\n      {isLoading && (\r\n        <div className=\"mra-loading-wrapper\">\r\n          <div className=\"mra-loading-bubble\">\r\n            <div className=\"mra-loading-dot\" style={{ animationDelay: '-0.32s' }}></div>\r\n            <div className=\"mra-loading-dot\" style={{ animationDelay: '-0.16s' }}></div>\r\n            <div className=\"mra-loading-dot\"></div>\r\n          </div>\r\n        </div>\r\n      )}\r\n\r\n      <div ref={messagesEndRef} />\r\n    </div>\r\n  );\r\n};","// src/components/MessageBubble/MessageBubble.tsx\r\n\"use client\";\r\n\r\nimport React from 'react';\r\nimport clsx from 'clsx';\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 className={clsx(\"mra-bubble-wrapper\", isUser ? \"mra-wrapper-user\" : \"mra-wrapper-bot\")}>\r\n      <div\r\n        className={clsx(\r\n          \"mra-bubble\",\r\n          isUser ? \"mra-bubble-user\" : \"mra-bubble-bot\"\r\n        )}\r\n      >\r\n        {message.content}\r\n      </div>\r\n    </div>\r\n  );\r\n};","// src/components/ChatInput/ChatInput.tsx\r\n\"use client\";\r\n\r\nimport React, { useState } from 'react';\r\nimport { Send } from 'lucide-react';\r\n\r\ninterface ChatInputProps {\r\n  onSendMessage: (message: string) => void;\r\n  isLoading: boolean;\r\n}\r\n\r\nexport const ChatInput: React.FC<ChatInputProps> = ({ onSendMessage, isLoading }) => {\r\n  const [inputValue, setInputValue] = useState('');\r\n\r\n  const handleSend = () => {\r\n    if (inputValue.trim()) {\r\n      onSendMessage(inputValue);\r\n      setInputValue('');\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      handleSend();\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"mra-input-wrapper\">\r\n      <input\r\n        className=\"mra-input-field\"\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=\"mra-send-button\"\r\n        onClick={handleSend}\r\n        disabled={isLoading || !inputValue.trim()}\r\n      >\r\n        <Send size={18} />\r\n      </button>\r\n    </div>\r\n  );\r\n};"],"mappings":"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","names":["useState","useEffect","jsx","jsx","jsxs","jsx","jsxs","useState","useEffect"]}

package/dist/styles.css

@@ -0,0 +1,184 @@
+/* src/styles.css */
+
+/* === ChatWindow Styles === */
+.mra-chat-window {
+  display: flex;
+  flex-direction: column;
+  height: 500px;
+  width: 100%;
+  max-width: 28rem; /* max-w-md */
+  border-radius: 0.75rem; /* rounded-xl */
+  border: 1px solid var(--ai-border, #e5e7eb);
+  background-color: var(--ai-bg, #ffffff);
+  overflow: hidden;
+  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); /* shadow-lg */
+  position: relative;
+  font-family: inherit;
+  font-size: 1rem;
+  line-height: 1.5rem;
+  box-sizing: border-box;
+}
+
+.mra-header {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem; /* gap-2 */
+  padding: 1rem; /* px-4 py-4 */
+  border-bottom: 1px solid var(--ai-border, #e5e7eb);
+  background-color: #f9fafb; /* bg-gray-50 */
+}
+
+.mra-title {
+  font-weight: 600; /* font-semibold */
+}
+
+/* === MessageList Styles === */
+.mra-message-list {
+  flex: 1 1 0%;
+  overflow-y: auto;
+  padding: 1rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem; /* gap-3 */
+  scroll-behavior: smooth;
+}
+
+.mra-loading-wrapper {
+  display: flex;
+  justify-content: flex-start;
+}
+
+.mra-loading-bubble {
+  max-width: 80%;
+  padding: 0.5rem 0.75rem; /* px-3 py-2 */
+  border-radius: 0.75rem;
+  background-color: var(--ai-bot-bg, #f3f4f6);
+  color: var(--ai-text, #1f2937);
+  border-bottom-left-radius: 0.125rem; /* rounded-bl-sm */
+  display: flex;
+  gap: 0.25rem; /* gap-1 */
+  align-items: center;
+}
+
+.mra-loading-dot {
+  width: 0.375rem; /* w-1.5 */
+  height: 0.375rem; /* h-1.5 */
+  background-color: #9ca3af; /* bg-gray-400 */
+  border-radius: 9999px; /* rounded-full */
+  animation: bounce 1s infinite;
+}
+
+@keyframes bounce {
+  0%, 100% {
+    transform: translateY(-25%);
+    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
+  }
+  50% {
+    transform: translateY(0);
+    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+}
+
+/* === MessageBubble Styles === */
+.mra-bubble-wrapper {
+  display: flex;
+  width: 100%;
+}
+.mra-wrapper-user {
+  justify-content: flex-end;
+}
+.mra-wrapper-bot {
+  justify-content: flex-start;
+}
+
+.mra-bubble {
+  max-width: 80%;
+  padding: 0.5rem 0.75rem;
+  border-radius: 0.75rem;
+  font-size: 0.875rem; /* text-sm */
+  word-wrap: break-word;
+}
+.mra-bubble-user {
+  background-color: var(--ai-user-bg, #dbeafe);
+  color: var(--ai-user-text, #1e40af);
+  border-bottom-right-radius: 0.125rem; /* rounded-br-sm */
+}
+.mra-bubble-bot {
+  background-color: var(--ai-bot-bg, #f3f4f6);
+  color: var(--ai-text, #1f2937);
+  border-bottom-left-radius: 0.125rem; /* rounded-bl-sm */
+}
+
+/* === ChatInput Styles === */
+.mra-input-wrapper {
+  display: flex;
+  gap: 0.5rem;
+  padding: 0.75rem; /* p-3 */
+  border-top: 1px solid var(--ai-border, #e5e7eb);
+  background-color: var(--ai-bg, #ffffff);
+}
+.mra-input-field {
+  flex: 1 1 0%;
+  padding: 0.5rem 0.75rem;
+  border: 1px solid var(--ai-border, #e5e7eb);
+  border-radius: 0.5rem; /* rounded-lg */
+  outline: none;
+  font-family: inherit;
+  color: var(--ai-text, #1f2937);
+}
+.mra-input-field::placeholder {
+  color: var(--ai-text-secondary, #6b7280);
+}
+.mra-input-field:focus {
+  border-color: var(--ai-primary, #2563eb);
+}
+.mra-input-field:disabled {
+  opacity: 0.5;
+}
+
+.mra-send-button {
+  padding: 0.5rem 0.75rem;
+  border-radius: 0.5rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: opacity 0.2s;
+  background-color: var(--ai-primary, #2563eb);
+  color: var(--ai-primary-fg, #ffffff);
+  border: none;
+  cursor: pointer;
+}
+.mra-send-button:hover {
+  opacity: 0.9;
+}
+.mra-send-button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.mra-footer {
+  padding: 0.5rem 0.75rem; 
+  border-top: 1px solid var(--ai-border, #e5e7eb);
+  background-color: #f9fafb; 
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 0.75rem;
+  color: #6b7280; 
+}
+
+.mra-footer-links {
+  display: flex;
+  gap: 0.75rem;
+  align-items: center;
+}
+
+.mra-footer-link {
+  color: #4b5563; 
+  text-decoration: none;
+  transition: color 0.2s;
+}
+
+.mra-footer-link:hover {
+  color: var(--ai-primary, #2563eb);
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mehdi-akbari-ai-assistant-free",
-  "version": "0.4.0",
-  "description": "Professional AI Chatbot Library with Tailwind CSS",
+  "version": "0.7.0",
+  "description": "Professional AI Chatbot Library with self-contained CSS styles",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
@@ -18,17 +18,17 @@
       "types": "./dist/react.d.ts",
       "import": "./dist/react.mjs",
       "require": "./dist/react.js"
-    }
+    },
+    "./styles.css": "./dist/styles.css"
   },
   "scripts": {
-    "build": "tsup",
+    "build": "tsup && copyfiles -u 1 src/styles.css dist",
     "dev": "tsup --watch",
     "prepublishOnly": "npm run build"
   },
   "peerDependencies": {
     "react": ">=18",
-    "react-dom": ">=18",
-    "tailwindcss": "^4.0.0"
+    "react-dom": ">=18"
   },
   "dependencies": {
     "@langchain/core": "^0.1.0",
@@ -39,6 +39,7 @@
   "devDependencies": {
     "@types/react": "^18.3.27",
     "@types/react-dom": "^18.3.7",
+    "copyfiles": "^2.4.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "tsup": "^8.5.1",
@@ -51,9 +52,8 @@
     "groq",
     "langchain",
     "chat-window",
-    "ui-component",
-    "tailwindcss"
+    "ui-component"
   ],
   "author": "Mehdi Akbari",
   "license": "MIT"
-}
+}