@modochats/widget 0.1.0

package/dist/types/src/services/user/customer-data.d.ts

@@ -0,0 +1,32 @@
+import { Widget } from "#src/app.js";
+declare class CustomerData {
+    private _uniqueId?;
+    private _userData?;
+    private widget;
+    phoneNumber?: string;
+    constructor(widget: Widget, userData?: Record<string, any>);
+    initializePhoneNumber(): void;
+    /**
+     * Initialize unique ID from localStorage or generate a new one
+     * Unique ID is independent of user key/data and is generated by ourselves
+     */
+    private initializeUniqueId;
+    /**
+     * Get the current unique ID
+     */
+    get uniqueId(): string;
+    /**
+     * Get the current user data
+     */
+    get userData(): Record<string, any>;
+    /**
+     * Update user data with new values
+     * @param newUserData - Object containing new user data to merge
+     */
+    updateUserData(newUserData?: Record<string, any>): Promise<void>;
+    hasSubmittedPhoneForm(): boolean;
+    savePhoneNumber(phoneNumber?: string): void;
+    fetchUpdate(): Promise<void>;
+}
+export { CustomerData };
+//# sourceMappingURL=customer-data.d.ts.map

package/dist/types/src/services/user/customer-data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"customer-data.d.ts","sourceRoot":"","sources":["../../../../../src/services/user/customer-data.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAInC,cAAM,YAAY;IAChB,OAAO,CAAC,SAAS,CAAC,CAAS;IAC3B,OAAO,CAAC,SAAS,CAAC,CAAsB;IACxC,OAAO,CAAC,MAAM,CAAS;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;gBAET,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IAO1D,qBAAqB;IAOrB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAY1B;;OAEG;IACH,IAAI,QAAQ,IAAI,MAAM,CAErB;IAED;;OAEG;IACH,IAAI,QAAQ,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAElC;IAED;;;OAGG;IACG,cAAc,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAMtE,qBAAqB,IAAI,OAAO;IAIhC,eAAe,CAAC,WAAW,CAAC,EAAE,MAAM;IAK9B,WAAW;CAGlB;AACD,OAAO,EAAC,YAAY,EAAC,CAAC"}

package/dist/types/src/services/voice-chat/model.d.ts

@@ -0,0 +1,13 @@
+import { VoiceClient } from "@modochats/voice-client";
+declare class VoiceChat {
+    instance?: VoiceClient;
+    isFirstInSession: boolean;
+    constructor();
+    connect(): Promise<void>;
+    disconnect(): Promise<void>;
+    initHtml(): void;
+    toggleLayout(): void;
+    showTooltip(): void;
+}
+export { VoiceChat };
+//# sourceMappingURL=model.d.ts.map

package/dist/types/src/services/voice-chat/model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../../../src/services/voice-chat/model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAY,MAAM,yBAAyB,CAAC;AAW/D,cAAM,SAAS;IACb,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,gBAAgB,EAAE,OAAO,CAAQ;;IAwC3B,OAAO;IAOP,UAAU;IAGhB,QAAQ;IAGR,YAAY;IAIZ,WAAW;CAOZ;AACD,OAAO,EAAC,SAAS,EAAC,CAAC"}

package/dist/types/src/services/voice-chat/utils.d.ts

@@ -0,0 +1,10 @@
+declare function toggleVoiceChatLayout(): void;
+declare function initVoiceChatLayout(): void;
+declare function updateVoiceChatStatus(status: string, color?: string): void;
+declare function handleVoiceConnected(): void;
+declare function handleVoiceDisconnected(reason?: string): void;
+declare function handleVoiceConnectionError(message: string): void;
+declare function handleMicrophonePaused(): void;
+declare function handleMicrophoneResumed(): void;
+export { toggleVoiceChatLayout, initVoiceChatLayout, updateVoiceChatStatus, handleVoiceConnected, handleVoiceDisconnected, handleVoiceConnectionError, handleMicrophonePaused, handleMicrophoneResumed };
+//# sourceMappingURL=utils.d.ts.map

package/dist/types/src/services/voice-chat/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/services/voice-chat/utils.ts"],"names":[],"mappings":"AAAA,iBAAS,qBAAqB,SAQ7B;AAED,iBAAS,mBAAmB,SAuD3B;AAED,iBAAS,qBAAqB,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,QAU5D;AAED,iBAAS,oBAAoB,SAc5B;AAED,iBAAS,uBAAuB,CAAC,MAAM,CAAC,EAAE,MAAM,QAe/C;AAED,iBAAS,0BAA0B,CAAC,OAAO,EAAE,MAAM,QAKlD;AAED,iBAAS,sBAAsB,SAE9B;AAED,iBAAS,uBAAuB,SAE/B;AAED,OAAO,EACL,qBAAqB,EACrB,mBAAmB,EACnB,qBAAqB,EACrB,oBAAoB,EACpB,uBAAuB,EACvB,0BAA0B,EAC1B,sBAAsB,EACtB,uBAAuB,EACxB,CAAC"}

package/dist/types/src/tools/fetch.d.ts

@@ -0,0 +1,3 @@
+declare const $fetch: import("ofetch").$Fetch;
+export { $fetch };
+//# sourceMappingURL=fetch.d.ts.map

package/dist/types/src/tools/fetch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetch.d.ts","sourceRoot":"","sources":["../../../../src/tools/fetch.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,MAAM,yBAEV,CAAC;AACH,OAAO,EAAC,MAAM,EAAC,CAAC"}

package/dist/types/src/types/app.d.ts

@@ -0,0 +1,18 @@
+interface WidgetOptions {
+    position: "left" | "right";
+    theme: "dark" | "light";
+    primaryColor: string;
+    title: string;
+    foregroundColor: string;
+    userData?: Record<string, any>;
+    autoInit?: boolean;
+    fullScreen: boolean;
+}
+interface FetchPaginationRes<T = any> {
+    results: T[];
+    next: string | null;
+    prev: string | null;
+    count: number;
+}
+export { WidgetOptions, FetchPaginationRes };
+//# sourceMappingURL=app.d.ts.map

package/dist/types/src/types/app.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../../src/types/app.ts"],"names":[],"mappings":"AAAA,UAAU,aAAa;IACrB,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACrB;AACD,UAAU,kBAAkB,CAAC,CAAC,GAAG,GAAG;IAClC,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AACD,OAAO,EAAC,aAAa,EAAE,kBAAkB,EAAC,CAAC"}

package/dist/types/src/types/conversation.d.ts

@@ -0,0 +1,15 @@
+declare enum ConversationStatus {
+    AI_CHAT = 0,
+    SUPPORTER_CHAT = 1,
+    RESOLVED = 2,
+    UNKNOWN = 3
+}
+declare enum MessageType {
+    USER = 0,
+    AI = 1,
+    SUPPORTER = 2,
+    SYSTEM = 3,
+    UNKNOWN = 4
+}
+export type { ConversationStatus, MessageType };
+//# sourceMappingURL=conversation.d.ts.map

package/dist/types/src/types/conversation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../../../src/types/conversation.ts"],"names":[],"mappings":"AAAA,aAAK,kBAAkB;IACrB,OAAO,IAAA;IACP,cAAc,IAAA;IACd,QAAQ,IAAA;IACR,OAAO,IAAA;CACR;AACD,aAAK,WAAW;IACd,IAAI,IAAA;IACJ,EAAE,IAAA;IACF,SAAS,IAAA;IACT,MAAM,IAAA;IACN,OAAO,IAAA;CACR;AACD,YAAY,EAAC,kBAAkB,EAAE,WAAW,EAAC,CAAC"}

package/dist/types/src/types/socket.d.ts

@@ -0,0 +1,7 @@
+interface SocketMessage {
+    type: "new_message" | "ai_response" | "conversation_status_change";
+    message: any;
+    status: string;
+}
+export type { SocketMessage };
+//# sourceMappingURL=socket.d.ts.map

package/dist/types/src/types/socket.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"socket.d.ts","sourceRoot":"","sources":["../../../../src/types/socket.ts"],"names":[],"mappings":"AAAA,UAAU,aAAa;IACrB,IAAI,EAAE,aAAa,GAAG,aAAa,GAAG,4BAA4B,CAAC;IACnE,OAAO,EAAE,GAAG,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,YAAY,EAAC,aAAa,EAAC,CAAC"}

package/dist/types/src/types/window.d.ts

@@ -0,0 +1,10 @@
+import { Widget } from "../app.js";
+declare global {
+    interface Window {
+        ModoChat: typeof Widget;
+        ModoWidget: typeof Widget;
+        getMWidget?: () => Widget;
+    }
+}
+export {};
+//# sourceMappingURL=window.d.ts.map

package/dist/types/src/types/window.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"window.d.ts","sourceRoot":"","sources":["../../../../src/types/window.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,WAAW,CAAC;AAEjC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,QAAQ,EAAE,OAAO,MAAM,CAAC;QACxB,UAAU,EAAE,OAAO,MAAM,CAAC;QAC1B,UAAU,CAAC,EAAE,MAAM,MAAM,CAAC;KAC3B;CACF;AAGD,OAAO,EAAE,CAAC"}

package/dist/types/src/utils/audio.d.ts

@@ -0,0 +1,4 @@
+declare const preloadAudio: (audioPath: string) => Promise<HTMLAudioElement>;
+declare const playAudio: (audioPath: string) => Promise<void>;
+export { playAudio, preloadAudio };
+//# sourceMappingURL=audio.d.ts.map

package/dist/types/src/utils/audio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"audio.d.ts","sourceRoot":"","sources":["../../../../src/utils/audio.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY,GAAI,WAAW,MAAM,KAAG,OAAO,CAAC,gBAAgB,CAuBjE,CAAC;AAEF,QAAA,MAAM,SAAS,GAAU,WAAW,MAAM,kBAoCzC,CAAC;AAEF,OAAO,EAAC,SAAS,EAAE,YAAY,EAAC,CAAC"}

package/dist/types/src/utils/browser.d.ts

@@ -0,0 +1,3 @@
+declare let getDocumentHead: () => Element;
+export { getDocumentHead };
+//# sourceMappingURL=browser.d.ts.map

package/dist/types/src/utils/browser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"browser.d.ts","sourceRoot":"","sources":["../../../../src/utils/browser.ts"],"names":[],"mappings":"AAAA,QAAA,IAAI,eAAe,eAElB,CAAC;AACF,OAAO,EAAC,eAAe,EAAC,CAAC"}

package/dist/types/src/utils/fetch.d.ts

@@ -0,0 +1,19 @@
+import { FetchPaginationRes } from "#src/types/app.js";
+declare const fetchChatbot: (publicKey: string) => Promise<Record<string, any>>;
+declare const fetchSendMessage: (chatbotId: number, content: string, uniqueId: string, conversationUuid?: string, phoneNumber?: string, options?: {
+    file?: File;
+    replyTo?: number;
+}) => Promise<any>;
+declare const fetchGetAccessTokenForSocket: (chatbotId: string, conversationUuid: string, uniqueId: string) => Promise<{
+    access_token: string;
+    conversation_uuid: string;
+    expires_in: number;
+}>;
+declare const fetchConversationMessages: (conversationUuid: string, chatbotUuid: string) => Promise<Record<string, any>>;
+declare const fetchUpdateUserData: (chatbotUuid: string, uniqueId: string, userData: Record<string, any>) => Promise<any>;
+declare const fetchReadMessage: (id: number) => Promise<any>;
+declare const fetchMarkConversationAsRead: (conversationUuid: string, uniqueId: string) => Promise<any>;
+declare const fetchMessageFeedback: (id: number, uniqueId: string, conversationUuid: string, liked: boolean) => Promise<any>;
+declare const fetchConversations: (conversationUuid: string, uniqueId: string) => Promise<FetchPaginationRes<any>>;
+export { fetchChatbot, fetchSendMessage, fetchGetAccessTokenForSocket, fetchConversationMessages, fetchUpdateUserData, fetchReadMessage, fetchMarkConversationAsRead, fetchMessageFeedback, fetchConversations };
+//# sourceMappingURL=fetch.d.ts.map

package/dist/types/src/utils/fetch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetch.d.ts","sourceRoot":"","sources":["../../../../src/utils/fetch.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AAErD,QAAA,MAAM,YAAY,GAAU,WAAW,MAAM,iCAE5C,CAAC;AAEF,QAAA,MAAM,gBAAgB,GACpB,WAAW,MAAM,EACjB,SAAS,MAAM,EACf,UAAU,MAAM,EAChB,mBAAmB,MAAM,EACzB,cAAc,MAAM,EACpB,UAAU;IACR,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,iBAkBF,CAAC;AACF,QAAA,MAAM,4BAA4B,GAAU,WAAW,MAAM,EAAE,kBAAkB,MAAM,EAAE,UAAU,MAAM;kBACpE,MAAM;uBAAqB,MAAM;gBAAc,MAAM;EAQzF,CAAC;AACF,QAAA,MAAM,yBAAyB,GAAU,kBAAkB,MAAM,EAAE,aAAa,MAAM,iCAErF,CAAC;AACF,QAAA,MAAM,mBAAmB,GAAU,aAAa,MAAM,EAAE,UAAU,MAAM,EAAE,UAAU,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,iBAStG,CAAC;AACF,QAAA,MAAM,gBAAgB,GAAU,IAAI,MAAM,iBAIzC,CAAC;AACF,QAAA,MAAM,2BAA2B,GAAU,kBAAkB,MAAM,EAAE,UAAU,MAAM,iBAOpF,CAAC;AAEF,QAAA,MAAM,oBAAoB,GAAU,IAAI,MAAM,EAAE,UAAU,MAAM,EAAE,kBAAkB,MAAM,EAAE,OAAO,OAAO,iBAUzG,CAAC;AAEF,QAAA,MAAM,kBAAkB,GAAU,kBAAkB,MAAM,EAAE,UAAU,MAAM,qCAE3E,CAAC;AACF,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,4BAA4B,EAC5B,yBAAyB,EACzB,mBAAmB,EACnB,gBAAgB,EAChB,2BAA2B,EAC3B,oBAAoB,EACpB,kBAAkB,EACnB,CAAC"}

package/dist/types/src/utils/uuid.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Generates a random UUID v4
+ * @returns A random UUID string
+ */
+declare const generateUUID: () => string;
+export { generateUUID };
+//# sourceMappingURL=uuid.d.ts.map

package/dist/types/src/utils/uuid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"uuid.d.ts","sourceRoot":"","sources":["../../../../src/utils/uuid.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,QAAA,MAAM,YAAY,QAAO,MAMxB,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}

package/package.json

@@ -0,0 +1,76 @@
+{
+  "name": "@modochats/widget",
+  "version": "0.1.0",
+  "description": "",
+  "main": "dist/src/app.js",
+  "type": "module",
+  "scripts": {
+    "dev": "tsx watch src/app.ts",
+    "dev:ts": "tsc --watch --noCheck",
+    "dev:rollup": "rollup --config rollup.dev.config.js --watch",
+    "dev:server": "live-server temp --port=3000 --host=localhost --open=/dev.html",
+    "dev:full": "concurrently \"yarn dev:ts\" \"yarn dev:rollup\" \"yarn dev:server\" --names \"tsc,rollup,server\" --prefix name ",
+    "build:types": "tsc --emitDeclarationOnly --declaration --declarationMap --outDir dist/types",
+    "static": "tsx src/app.ts",
+    "compile": "npx tsc --noCheck",
+    "minify": "node scripts/terser-minify.js",
+    "rollup": "rollup --config rollup.config.js",
+    "build": "npm run compile && npm run minify && npm run rollup",
+    "build:cdn": "npm run build && node scripts/create-umd-bundle.js",
+    "render": "npm install && npm run build"
+  },
+  "dependencies": {
+    "@modochats/chat-client": "^0.3.0",
+    "@modochats/voice-client": "^0.2.2",
+    "marked": "^16.3.0",
+    "ofetch": "^1.5.1",
+    "tldts": "^7.0.17"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^29.0.0",
+    "@rollup/plugin-node-resolve": "^16.0.3",
+    "@rollup/plugin-typescript": "^12.3.0",
+    "@types/node": "^24.10.1",
+    "concurrently": "^9.2.1",
+    "live-server": "^1.2.2",
+    "rollup": "^4.53.2",
+    "terser": "^5.44.1",
+    "tsx": "^4.20.6",
+    "typescript": "^5.9.3"
+  },
+  "imports": {
+    "#src/*": "./dist/src/*",
+    "#root/*": "./dist/*"
+  },
+  "engines": {
+    "node": ">=16.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "homepage": "https://github.com/modochats/webcomponent#readme",
+  "keywords": [
+    "modo",
+    "chat",
+    "ai",
+    "chatbot",
+    "websocket",
+    "real-time"
+  ],
+  "author": "Modo Team",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/modochats/chat-client"
+  },
+  "bugs": {
+    "url": "https://github.com/modochats/chat-client/issues"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/types/src/index.d.ts",
+      "import": "./dist/src/index.js"
+    }
+  },
+  "types": "dist/types/src/index.d.ts"
+}

package/rollup.config.js

@@ -0,0 +1,18 @@
+import nodeResolve from "@rollup/plugin-node-resolve";
+import commonjs from "@rollup/plugin-commonjs";
+
+export default {
+  input: "dist/src/app.js",
+  output: {
+    file: "temp/app.js",
+    format: "cjs"
+  },
+  // external: ["ofetch"], // Uncomment this if you want to keep ofetch external
+  plugins: [
+    nodeResolve({
+      browser: true,
+      preferBuiltins: false
+    }),
+    commonjs()
+  ]
+};

package/rollup.dev.config.js

@@ -0,0 +1,22 @@
+import nodeResolve from "@rollup/plugin-node-resolve";
+import commonjs from "@rollup/plugin-commonjs";
+
+export default {
+  input: "dist/src/app.js", // Use compiled TypeScript output
+  output: {
+    file: "temp/app.dev.js",
+    format: "iife", // Better for browser development
+    name: "ModoWidget", // Global name for IIFE
+    sourcemap: true // Enable source maps for debugging
+  },
+  plugins: [
+    nodeResolve({
+      browser: true,
+      preferBuiltins: false
+    }),
+    commonjs()
+  ],
+  watch: {
+    clearScreen: false
+  }
+};

package/scripts/create-umd-bundle.js

@@ -0,0 +1,213 @@
+import {promises as fs} from "fs";
+import path from "path";
+import {fileURLToPath} from "url";
+import {minify} from "terser";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+async function createUMDBundle() {
+  const distDir = path.resolve(__dirname, "../dist");
+  const outputDir = path.resolve(__dirname, "../cdn-dist");
+
+  console.log("Creating UMD bundle...");
+  console.log("Dist directory:", distDir);
+  console.log("Output directory:", outputDir);
+
+  // Ensure output directory exists
+  await fs.mkdir(outputDir, {recursive: true});
+
+  // Read the main app file from rollup output
+  const appPath = path.join(distDir, "../temp/app.js");
+  let appCode = "";
+
+  try {
+    appCode = await fs.readFile(appPath, "utf8");
+  } catch (error) {
+    console.error("Error reading app.js from temp directory:", error);
+    // Fallback to dist/src/app.js if temp doesn't exist
+    const fallbackPath = path.join(distDir, "src/app.js");
+    try {
+      appCode = await fs.readFile(fallbackPath, "utf8");
+    } catch (fallbackError) {
+      console.error("Error reading app.js from dist directory:", fallbackError);
+      return;
+    }
+  }
+
+  // Clean up the app code
+  let cleanedAppCode = appCode;
+
+  // Remove 'use strict' from the beginning if it exists
+  cleanedAppCode = cleanedAppCode.replace(/^['"]use strict['"];\s*/, "");
+
+  // Check if Widget is properly defined and exported
+  const hasWidget = cleanedAppCode.includes("class Widget") || cleanedAppCode.includes("function Widget");
+  const hasWindowExport = cleanedAppCode.includes("window.Widget");
+
+  if (!hasWidget) {
+    console.error("Widget class not found in the bundle!");
+    return;
+  }
+
+  // Create UMD wrapper
+  const umdCode = `(function (global, factory) {
+  if (typeof exports === 'object' && typeof module !== 'undefined') {
+    module.exports = factory();
+  } else if (typeof define === 'function' && define.amd) {
+    define(factory);
+  } else {
+    global.ModoWebComponent = factory();
+  }
+})(typeof globalThis !== 'undefined' ? globalThis : typeof self !== 'undefined' ? self : this, function () {
+  'use strict';
+  
+  ${cleanedAppCode}
+  
+  // Return the ModoChat class for UMD usage
+  return typeof ModoChat !== 'undefined' ? ModoChat : (typeof window !== 'undefined' && window.ModoChat ? window.ModoChat : null);
+});`;
+
+  // Write UMD bundle
+  const umdPath = path.join(outputDir, "modo-widget.js");
+  const legacyUmdPath = path.join(outputDir, "modo-web-component.js");
+  await fs.writeFile(umdPath, umdCode);
+  await fs.writeFile(legacyUmdPath, umdCode);
+  console.log("Created UMD bundle:", umdPath);
+
+  // Create minified version using Terser
+  console.log("Minifying UMD bundle...");
+  try {
+    const result = await minify(umdCode, {
+      sourceMap: false,
+      mangle: true,
+      compress: true,
+      keep_classnames: false,
+      keep_fnames: false
+    });
+
+    if (result.error) {
+      throw result.error;
+    }
+
+    if (result.code) {
+      const minPath = path.join(outputDir, "modo-widget.min.js");
+      const legacyMinPath = path.join(outputDir, "modo-web-component.min.js");
+      await fs.writeFile(minPath, result.code);
+      await fs.writeFile(legacyMinPath, result.code);
+      console.log("Created minified bundle:", minPath);
+    } else {
+      console.warn("No minified code generated. Using original code.");
+      const minPath = path.join(outputDir, "modo-widget.min.js");
+      const legacyMinPath = path.join(outputDir, "modo-web-component.min.js");
+      await fs.writeFile(minPath, umdCode);
+      await fs.writeFile(legacyMinPath, umdCode);
+    }
+  } catch (error) {
+    console.error("Error during minification:", error);
+    console.log("Falling back to original code for minified version...");
+    const minPath = path.join(outputDir, "modo-widget.min.js");
+    const legacyMinPath = path.join(outputDir, "modo-web-component.min.js");
+    await fs.writeFile(minPath, umdCode);
+    await fs.writeFile(legacyMinPath, umdCode);
+  }
+
+  // Copy dist folder
+  await copyDirectory(distDir, path.join(outputDir, "dist"));
+
+  // Create package.json for CDN
+  const packageJson = {
+    name: "modochat-widget",
+    version: "1.0.0",
+    description: "Modo Web Component - A lightweight web component library",
+    main: "modo-widget.js",
+    files: ["modo-widget.js", "modo-widget.min.js", "dist/"],
+    keywords: ["web-component", "modo", "javascript", "umd"],
+    author: "",
+    license: "ISC",
+    repository: {
+      type: "git",
+      url: "https://github.com/your-username/modochat-widget.git"
+    },
+    homepage: "https://github.com/your-username/modochat-widget#readme",
+    bugs: {
+      url: "https://github.com/your-username/modochat-widget/issues"
+    }
+  };
+
+  await fs.writeFile(path.join(outputDir, "package.json"), JSON.stringify(packageJson, null, 2));
+
+  // Create README for CDN
+  const readmeContent = `# Modo Web Component
+
+A lightweight web component library.
+
+## CDN Usage
+
+### jsDelivr
+\`\`\`html
+<script src="https://cdn.jsdelivr.net/gh/your-username/modochat-widget@main/cdn-dist/modo-widget.min.js"></script>
+\`\`\`
+
+### GitHub Raw
+\`\`\`html
+<script src="https://raw.githubusercontent.com/your-username/modochat-widget/main/cdn-dist/modo-widget.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-widget.js\` - Development version
+- \`modo-widget.min.js\` - Production version (minified)
+- \`dist/\` - Full distribution files
+`;
+
+  await fs.writeFile(path.join(outputDir, "README.md"), readmeContent);
+
+  console.log("UMD bundle created successfully!");
+  console.log("Files created:");
+  console.log("- modo-widget.js");
+  console.log("- modo-widget.min.js");
+  console.log("- dist/ (copied from build)");
+  console.log("- package.json");
+  console.log("- README.md");
+}
+
+async function copyDirectory(src, dest) {
+  await fs.mkdir(dest, {recursive: true});
+
+  const entries = await fs.readdir(src, {withFileTypes: true});
+
+  for (const entry of entries) {
+    const srcPath = path.join(src, entry.name);
+    const destPath = path.join(dest, entry.name);
+
+    if (entry.isDirectory()) {
+      await copyDirectory(srcPath, destPath);
+    } else {
+      await fs.copyFile(srcPath, destPath);
+    }
+  }
+}
+
+createUMDBundle().catch(console.error);

package/scripts/terser-minify.js

@@ -0,0 +1,112 @@
+// scripts/minify.js
+import {promises as fs} from "fs";
+import path from "path";
+import {fileURLToPath} from "url";
+import {minify} from "terser";
+
+// --- Configuration ---
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+// Resolve the dist directory relative to the project root (assuming scripts/ is one level down)
+const distDir = path.resolve(__dirname, "../dist");
+// Set to true to minify files in subdirectories as well
+const recursive = true;
+// Set to true to keep the original file extension (e.g., file.js -> file.js)
+// Set to false to add .min.js (e.g., file.js -> file.min.js) - Requires output modification
+const overwriteOriginals = true; // WARNING: This will replace your original files in dist!
+// --- End Configuration ---
+
+async function findJsFiles(dir) {
+  let jsFiles = [];
+  try {
+    const entries = await fs.readdir(dir, {withFileTypes: true});
+    for (const entry of entries) {
+      const fullPath = path.join(dir, entry.name);
+      if (entry.isDirectory() && recursive) {
+        jsFiles = jsFiles.concat(await findJsFiles(fullPath));
+      } else if (entry.isFile() && entry.name.endsWith(".js") && !entry.name.endsWith(".min.js")) {
+        // Avoid minifying already minified files if using .min.js extension
+        jsFiles.push(fullPath);
+      }
+    }
+  } catch (err) {
+    // If distDir doesn't exist, treat it as no JS files found
+    if (err.code === "ENOENT") {
+      console.warn(`Warning: Directory not found: ${dir}`);
+      return [];
+    }
+    console.error(`Error reading directory ${dir}:`, err);
+    throw err; // Rethrow other errors
+  }
+  return jsFiles;
+}
+
+async function minifyFile(filePath) {
+  try {
+    const code = await fs.readFile(filePath, "utf8");
+    console.log(`Minifying: ${path.relative(distDir, filePath)}`);
+
+    const result = await minify(code, {
+      sourceMap: false, // Set to true or options object if you need source maps
+      mangle: true, // Enable variable name mangling
+      compress: true, // Enable compression options
+      // Add other Terser options here if needed:
+      // https://github.com/terser/terser#minify-options ,
+      keep_classnames: false,
+      keep_fnames: false
+    });
+
+    if (result.error) {
+      throw result.error; // Throw Terser specific errors
+    }
+
+    if (result.code) {
+      const outputPath = overwriteOriginals ? filePath : filePath.replace(/\.js$/, ".min.js"); // Example for adding .min.js
+
+      if (!overwriteOriginals && outputPath === filePath) {
+        console.warn(`  -> Skipping write for ${filePath} as output path is the same and overwriteOriginals is false.`);
+        return; // Prevent accidental overwrite if logic fails
+      }
+
+      await fs.writeFile(outputPath, result.code, "utf8");
+      console.log(`  -> Success: ${path.relative(distDir, outputPath)}`);
+    } else {
+      console.warn(`  -> No code generated for ${filePath}. Skipping write.`);
+    }
+  } catch (error) {
+    console.error(`\nError minifying ${path.relative(distDir, filePath)}:`);
+    console.error(error);
+    // Decide if you want to stop the whole process on error or continue
+    // throw error; // Uncomment to stop on first error
+  }
+}
+
+async function runMinification() {
+  console.log(`Starting minification in: ${distDir}`);
+  console.log(`Recursive: ${recursive}, Overwrite Originals: ${overwriteOriginals}`);
+  console.log("---");
+
+  try {
+    const jsFiles = await findJsFiles(distDir);
+
+    if (jsFiles.length === 0) {
+      console.log("No .js files found to minify.");
+      return;
+    }
+
+    console.log(`Found ${jsFiles.length} .js file(s).`);
+
+    // Run minification tasks potentially in parallel (adjust if memory becomes an issue)
+    await Promise.all(jsFiles.map(filePath => minifyFile(filePath)));
+
+    console.log("---");
+    console.log("Minification process finished.");
+  } catch (error) {
+    console.error("\n---");
+    console.error("An error occurred during the minification process:", error);
+    process.exit(1); // Exit with an error code
+  }
+}
+
+// --- Execute the script ---
+runMinification();