@modochats/widget 0.1.0 → 0.1.2

package/dist/src/models/conversation.js

@@ -1 +1 @@
-import{NEW_MESSAGE_AUDIO_URL}from"#src/constants/index.js";import{setConversationType,switchToConversationLayout,switchToStarterLayout}from"#src/services/ui/fn.js";import{playAudio,preloadAudio}from"#src/utils/audio.js";import{initMessageElement,showMessageTooltip}from"./message-utils.js";class Conversation{constructor(){}get d(){return window.getMWidget?.().chat?.conversationD}addMessage(e,t){const s=window.getMWidget?.();initMessageElement(e),t?.incoming&&(s?.isOpen?this.markAsRead():(this.addBadge(),showMessageTooltip(e),playAudio(NEW_MESSAGE_AUDIO_URL).catch(console.warn))),this.scrollToBottom()}clearContainerEl(){const e=document.querySelector(".mw-chat-messages-con");e&&(e.innerHTML="")}addSystemMessage(e){const t=document.querySelector(".mw-chat-messages-con");if(t){const s=document.createElement("div");s.className="mw-system-message",s.innerHTML=`\n        <div class="mw-system-message-content">\n          ${e}\n        </div>\n      `,t.appendChild(s),this.scrollToBottom()}}scrollToBottom(){const e=document.querySelector(".mw-chat-messages-con");e&&(e.scrollTop=e.scrollHeight)}clear(){this.d?.clear(),this.d.messages=[];const e=window.getMWidget?.();localStorage.removeItem(`modo-chat:${e?.publicKey}-conversation-uuid`),this.clearContainerEl(),switchToStarterLayout()}onInit(){switchToConversationLayout(),preloadAudio("./audio/new-message.mp3").catch(console.warn),this?.d?.status&&setConversationType(this.d?.status)}setStatus(){setConversationType(this.d?.status)}async loadMessages(){const e=window.getMWidget?.(),t=await(this.d?.loadMessages()),s=e?.container?.querySelector(".mw-chat-messages-con");s&&(s.innerHTML="");for(const e of t||[])this.addMessage(e)}addBadge(){const e=window.getMWidget?.();if(!e?.isOpen&&this.unreadCount>0&&e){const t=e.container?.querySelector(".mw-badge"),s=e.container?.querySelector(".mw-badge-text");if(t&&s){t.classList.remove("mw-hidden");const e=this.unreadCount>99?"99+":this.unreadCount.toString();s.textContent=e,this.unreadCount>99?t.classList.add("mw-badge-plus"):t.classList.remove("mw-badge-plus")}}}get unreadCount(){return this.d?.unreadCount||0}hideBadge(){const e=window.getMWidget?.(),t=e?.container?.querySelector(".mw-badge");t&&t.classList.add("mw-hidden")}hideTooltip(){const e=window.getMWidget?.(),t=e?.container?.querySelector(".mw-toggle-tooltip");t&&t.classList.add("mw-hidden")}async markAsRead(){window.getMWidget?.();await(this.d?.markAsRead()),this.hideBadge()}get containerElement(){return document.querySelector(".mw-chat-messages-con")}}export{Conversation};
+import{NEW_MESSAGE_AUDIO_URL}from"#src/constants/index.js";import{setConversationType,switchToConversationLayout,switchToStarterLayout}from"#src/services/ui/fn.js";import{playAudio,preloadAudio}from"#src/utils/audio.js";import{initMessageElement,showMessageTooltip}from"./message-utils.js";class Conversation{constructor(){}get d(){return window.getMWidget?.().chat?.conversationD}addMessage(e,t){const s=window.getMWidget?.();initMessageElement(e),t?.incoming&&(s?.isOpen?this.markAsRead():(this.addBadge(),showMessageTooltip(e),playAudio(NEW_MESSAGE_AUDIO_URL).catch(console.warn))),this.scrollToBottom()}clearContainerEl(){const e=document.querySelector(".mw-chat-messages-con");e&&(e.innerHTML="")}addSystemMessage(e){const t=document.querySelector(".mw-chat-messages-con");if(t){const s=document.createElement("div");s.className="mw-system-message",s.innerHTML=`\n        <div class="mw-system-message-content">\n          ${e}\n        </div>\n      `,t.appendChild(s),this.scrollToBottom()}}scrollToBottom(){const e=document.querySelector(".mw-chat-messages-con");e&&(e.scrollTop=e.scrollHeight)}clear(){this.d?.clear(),this.d.messages=[];const e=window.getMWidget?.();localStorage.removeItem(`modo-chat:${e?.publicKey}-conversation-uuid`),this.clearContainerEl(),switchToStarterLayout()}onInit(){switchToConversationLayout(),preloadAudio("./audio/new-message.mp3").catch(console.warn),this?.d?.status&&setConversationType(this.d?.status)}setStatus(){setConversationType(this.d?.status)}async loadMessages(){const e=window.getMWidget?.(),t=await(this.d?.loadMessages()),s=e?.container?.querySelector(".mw-chat-messages-con");s&&(s.innerHTML="");for(const e of t||[])this.addMessage(e)}addBadge(){const e=window.getMWidget?.();if(!e?.isOpen&&this.unreadCount>0&&e){const t=e.container?.querySelector(".mw-badge"),s=e.container?.querySelector(".mw-badge-text");if(t&&s){t.classList.remove("mw-hidden");const e=this.unreadCount>99?"99+":this.unreadCount.toString();s.textContent=e,this.unreadCount>99?t.classList.add("mw-badge-plus"):t.classList.remove("mw-badge-plus")}}}get unreadCount(){return this.d?.unreadCount||0}hideBadge(){const e=window.getMWidget?.(),t=e?.container?.querySelector(".mw-badge");t&&t.classList.add("mw-hidden")}hideTooltip(){const e=window.getMWidget?.(),t=e?.container?.querySelector(".mw-toggle-tooltip");t&&t.classList.add("mw-hidden")}async markAsRead(){window.getMWidget?.(),await(this.d?.markAsRead()),this.hideBadge()}get containerElement(){return document.querySelector(".mw-chat-messages-con")}}export{Conversation};

package/dist/src/types/app.js

@@ -0,0 +1 @@
+export{};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modochats/widget",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "",
   "main": "dist/src/app.js",
   "type": "module",

package/.vscode/settings.json

@@ -1,3 +0,0 @@
-{
-  "cSpell.words": ["Modochat"]
-}

package/cdn-dist/README.md

@@ -1,42 +0,0 @@
-# Modo Web Component
-
-A lightweight web component library.
-
-## CDN Usage
-
-### jsDelivr
-```html
-<script src="https://cdn.jsdelivr.net/gh/your-username/modo-web-component@main/cdn-dist/modo-web-component.min.js"></script>
-```
-
-### GitHub Raw
-```html
-<script src="https://raw.githubusercontent.com/your-username/modo-web-component/main/cdn-dist/modo-web-component.min.js"></script>
-```
-
-## Usage
-
-```javascript
-// Initialize the chat widget
-const chat = new ModoChat('your-public-key', {
-  position: 'right', // 'left' or 'right'
-  theme: 'dark', // 'dark' or 'light'
-  primaryColor: '#667eea',
-  title: 'پشتیبانی چت'
-});
-```
-
-## Features
-
-- 🌙 Dark/Light theme support
-- 🌐 RTL (Persian/Farsi) language support
-- 📱 Mobile responsive design
-- 💬 Real-time chat functionality
-- 🔗 WebSocket connection status
-- 📝 Markdown message support
-
-## Files
-
-- `modo-web-component.js` - Development version
-- `modo-web-component.min.js` - Production version (minified)
-- `dist/` - Full distribution files