quikchat 1.0.0

package/LICENSE.txt

@@ -0,0 +1,23 @@
+quikchat is Copyright (c) 2023-, M. A. Chatterjee <manu at deftio dot com>
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+* Redistributions of source code must retain the above copyright notice, this
+  list of conditions and the following disclaimer.
+
+* Redistributions in binary form must reproduce the above copyright notice,
+  this list of conditions and the following disclaimer in the documentation
+  and/or other materials provided with the distribution.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
+FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
+SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
+CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
+OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

package/README.md

@@ -0,0 +1,107 @@
+# quikchat.js
+quikchat is a simple vanilla (no dependancies) JavaScript chat control that can be easily integrated into web applications. It provides a customizable chat interface with support for hiding and showing a title area and the input area.
+
+## Features
+* Callback function for message events.
+* Responsive design for various screen sizes.
+* Themeable with css
+* Hideable/Showable Title and Text Entry areas allows flexibility of usage
+
+## Demo
+[Example Code and Demo](https://deftio.github.io/quikchat/example.html)
+
+
+## Installation
+To use quikchat in your project, follow these steps:
+
+Include the quikchat.js JavaScript file in your project.
+Link the quikchat.css stylesheet to style the chat interface.
+html
+
+```html
+<script src="./path/to/quikchat.umd.min.js"></script>
+<link rel="stylesheet" href="./path/to/quikchat.css">
+```
+
+Create a container element in your HTML where you want the chat interface to appear:
+```html
+<div id="chat-container"></div>
+```
+
+Initialize quikchat in your JavaScript code by providing the container element and a callback function for message events:
+```javascript
+const chat = new quikchat('#chat-container', messageCallback);
+//Use the provided methods to interact with the chat control:
+
+// Add a message
+chat.addMessage('Hello!', 'User', 'left');  // user should appear left or right justified
+
+```
+## Theming
+QuikChat also allows theming using CSS of all the messages, and user area, and overal widget.
+
+Below is the prebuilt 'light' theme.  To change the theme, make a new set of classes with different values but the same css selector naming (e.g. change "quikchat-theme-light" to "my-theme") and save as a style.  Then pass the "my-theme" to the constructor.
+
+Themes can be changed at anytime by calling
+myChatWidget.changeTheme(newTheme) where myChatWidget is the instance of your widget. 
+
+If several widgets are on the same page, each can have a separate theme.
+
+```css
+
+.quikchat-theme-light {
+    border: 1px solid #cccccc;
+    border-radius: 10px;
+    padding: 5px;
+    background-color: #f9f9f9;
+  }
+
+.quikchat-theme-light .quikchat-title-area {
+color: #333;
+}
+
+.quikchat-theme-light .quikchat-messages-area {
+background-color: #ffffffe2;
+color: #333;
+}
+
+.quikchat-theme-light .quikchat-message-1 {
+background-color: #fffffff0;
+color: #005662;
+}
+
+.quikchat-theme-light .quikchat-message-2 {
+background-color: #eeeeeee9;
+color: #353535;
+}
+
+.quikchat-theme-light .quikchat-input-area {
+background-color: #f0f0f0;
+}
+
+.quikchat-theme-light .quikchat-input-textbox {
+background-color: #ffffff;
+border: 1px solid #ccc;
+border-radius: 4px;
+font-size: 14px;
+color: #333;
+}
+
+.quikchat-theme-light .quikchat-input-send-btn {
+background-color: #4caf50;
+color: white;
+border: none;
+border-radius: 4px;
+}
+
+```
+
+## Building from Source
+Make sure to run npm install.  Then run npm run build.
+Note that at run time quikchat has no dependancies, but at build time several tools are used for packing and minifying code.
+
+## Contributors
+
+## License
+quikchat is licensed under the BSD-2 License.
+

package/dist/quikchat.cjs.js

@@ -0,0 +1,298 @@
+'use strict';
+
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithoutHoles(r) {
+  if (Array.isArray(r)) return _arrayLikeToArray(r);
+}
+function _classCallCheck(a, n) {
+  if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
+}
+function _defineProperties(e, r) {
+  for (var t = 0; t < r.length; t++) {
+    var o = r[t];
+    o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o);
+  }
+}
+function _createClass(e, r, t) {
+  return r && _defineProperties(e.prototype, r), Object.defineProperty(e, "prototype", {
+    writable: !1
+  }), e;
+}
+function _iterableToArray(r) {
+  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+}
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _toConsumableArray(r) {
+  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r );
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (String )(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
+// quikchat.js
+var quikchat = /*#__PURE__*/function () {
+  function quikchat(parentElement) {
+    var meta = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+      theme: 'quikchat-theme-light',
+      onSend: function onSend() {}
+    };
+    _classCallCheck(this, quikchat);
+    this._parentElement = parentElement;
+    this._theme = meta.theme;
+    this._onSend = meta.onSend ? meta.onSend : function () {};
+    this._createWidget();
+    // title area
+    if (meta.titleArea) {
+      this.titleAreaSetContents(meta.titleArea.title, meta.titleArea.align);
+      if (meta.titleArea.show) {
+        this.titleAreaShow();
+      } else {
+        this.titleAreaHide();
+      }
+    }
+    this._attachEventListeners();
+  }
+  return _createClass(quikchat, [{
+    key: "_createWidget",
+    value: function _createWidget() {
+      var widgetHTML = "\n            <div class=\"quikchat-base ".concat(this.theme, "\">\n                <div class=\"quikchat-title-area\">\n                    <span style=\"font-size: 1.5em; font-weight: 600;\">Title Area</span>\n                </div>\n                <div class=\"quikchat-messages-area\"></div>\n                <div class=\"quikchat-input-area\">\n                    <textarea class=\"quikchat-input-textbox\"></textarea>\n                    <button class=\"quikchat-input-send-btn\">Send</button>\n                </div>\n            </div>\n            ");
+      this._parentElement.innerHTML = widgetHTML;
+      this._chatWidget = this._parentElement.querySelector('.quikchat-base');
+      this._titleArea = this._chatWidget.querySelector('.quikchat-title-area');
+      this._messagesArea = this._chatWidget.querySelector('.quikchat-messages-area');
+      this._inputArea = this._chatWidget.querySelector('.quikchat-input-area');
+      this._textEntry = this._inputArea.querySelector('.quikchat-input-textbox');
+      this._sendButton = this._inputArea.querySelector('.quikchat-input-send-btn');
+      this.msgid = 0;
+    }
+  }, {
+    key: "$",
+    value: function $() {}
+  }, {
+    key: "_attachEventListeners",
+    value: function _attachEventListeners() {
+      var _this = this;
+      this._sendButton.addEventListener('click', function () {
+        return _this._onSend(_this, _this._textEntry.value.trim());
+      });
+      window.addEventListener('resize', function () {
+        return _this._handleContainerResize();
+      });
+      this._chatWidget.addEventListener('resize', function () {
+        return _this._handleContainerResize();
+      });
+      this._textEntry.addEventListener('keydown', function (event) {
+        // Check if Shift + Enter is pressed
+        if (event.shiftKey && event.keyCode === 13) {
+          // Prevent default behavior (adding new line)
+          event.preventDefault();
+          _this._onSend(_this, _this._textEntry.value.trim());
+        }
+      });
+    }
+  }, {
+    key: "titleAreaToggle",
+    value: function titleAreaToggle() {
+      this._titleArea.style.display === 'none' ? this.titleAreaShow() : this.titleAreaHide();
+    }
+  }, {
+    key: "titleAreaShow",
+    value: function titleAreaShow() {
+      this._titleArea.style.display = '';
+      this._adjustMessagesAreaHeight();
+    }
+  }, {
+    key: "titleAreaHide",
+    value: function titleAreaHide() {
+      this._titleArea.style.display = 'none';
+      this._adjustMessagesAreaHeight();
+    }
+  }, {
+    key: "titleAreaSetContents",
+    value: function titleAreaSetContents(title) {
+      var align = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'center';
+      this._titleArea.innerHTML = title;
+      this._titleArea.style.textAlign = align;
+    }
+  }, {
+    key: "titleAreaGetContents",
+    value: function titleAreaGetContents() {
+      return this._titleArea.innerHTML;
+    }
+  }, {
+    key: "inputAreaToggle",
+    value: function inputAreaToggle() {
+      this._inputArea.classList.toggle('hidden');
+      this._inputArea.style.display === 'none' ? this.inputAreaShow() : this.inputAreaHide();
+    }
+  }, {
+    key: "inputAreaShow",
+    value: function inputAreaShow() {
+      this._inputArea.style.display = '';
+      this._adjustMessagesAreaHeight();
+    }
+  }, {
+    key: "inputAreaHide",
+    value: function inputAreaHide() {
+      this._inputArea.style.display = 'none';
+      this._adjustMessagesAreaHeight();
+    }
+  }, {
+    key: "_adjustMessagesAreaHeight",
+    value: function _adjustMessagesAreaHeight() {
+      var hiddenElements = _toConsumableArray(this._chatWidget.children).filter(function (child) {
+        return child.classList.contains('hidden');
+      });
+      var totalHiddenHeight = hiddenElements.reduce(function (sum, child) {
+        return sum + child.offsetHeight;
+      }, 0);
+      var containerHeight = this._chatWidget.offsetHeight;
+      this._messagesArea.style.height = "calc(100% - ".concat(containerHeight - totalHiddenHeight, "px)");
+    }
+  }, {
+    key: "_handleContainerResize",
+    value: function _handleContainerResize() {
+      this._adjustMessagesAreaHeight();
+      this._adjustSendButtonWidth();
+      //console.log('Container resized');
+    }
+  }, {
+    key: "_adjustSendButtonWidth",
+    value: function _adjustSendButtonWidth() {
+      var sendButtonText = this._sendButton.textContent.trim();
+      var fontSize = parseFloat(getComputedStyle(this._sendButton).fontSize);
+      var minWidth = fontSize * sendButtonText.length + 16;
+      this._sendButton.style.minWidth = "".concat(minWidth, "px");
+    }
+  }, {
+    key: "messageAddNew",
+    value: function messageAddNew(message) {
+      var user = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "foo";
+      var align = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'left';
+      var messageDiv = document.createElement('div');
+      var msgid = this.msgid;
+      var msgidClass = 'quikchat-msgid-' + String(msgid).padStart(10, '0');
+      messageDiv.classList.add('quikchat-message', msgidClass);
+      this.msgid++;
+      messageDiv.classList.add(this._messagesArea.children.length % 2 === 1 ? 'quikchat-message-1' : 'quikchat-message-2');
+      var userDiv = document.createElement('div');
+      userDiv.innerHTML = user;
+      userDiv.style = "width: 100%; text-align: ".concat(align, "; font-size: 1em; font-weight:700; color: #444;");
+      var contentDiv = document.createElement('div');
+      contentDiv.style = "width: 100%; text-align: ".concat(align, ";");
+      contentDiv.innerHTML = message;
+      messageDiv.appendChild(userDiv);
+      messageDiv.appendChild(contentDiv);
+      this._messagesArea.appendChild(messageDiv);
+      this._messagesArea.lastChild.scrollIntoView();
+      this._textEntry.value = '';
+      this._adjustMessagesAreaHeight();
+      return {
+        msgid: msgid
+      };
+    }
+  }, {
+    key: "messageRemove",
+    value: function messageRemove(n) {
+      // use css selector to remove the message
+      var sucess = false;
+      try {
+        this._messagesArea.removeChild(this._messagesArea.querySelector(".quikchat-msgid-".concat(String(n).padStart(10, '0'))));
+        sucess = true;
+      } catch (error) {
+        console.log("{String(n)} : Message ID not found");
+      }
+      return sucess;
+    }
+    /* returns the message html object from the DOM
+    */
+  }, {
+    key: "messageGetDOMObject",
+    value: function messageGetDOMObject(n) {
+      var msg = null;
+      // now use css selector to get the message 
+      try {
+        msg = this._messagesArea.querySelector(".quikchat-msgid-".concat(String(n).padStart(10, '0')));
+      } catch (error) {
+        console.log("{String(n)} : Message ID not found");
+      }
+      return msg;
+    }
+    /* returns the message content only
+    */
+  }, {
+    key: "messageGetContent",
+    value: function messageGetContent(n) {
+      var content = "";
+      // now use css selector to get the message 
+      try {
+        content = this._messagesArea.querySelector(".quikchat-msgid-".concat(String(n).padStart(10, '0'))).lastChild.textContent;
+      } catch (error) {
+        console.log("{String(n)} : Message ID not found");
+      }
+      return content;
+    }
+
+    /* append message to the message content
+    */
+  }, {
+    key: "messageAppendContent",
+    value: function messageAppendContent(n, content) {
+      var sucess = false;
+      try {
+        this._messagesArea.querySelector(".quikchat-msgid-".concat(String(n).padStart(10, '0'))).lastChild.innerHTML += content;
+        sucess = true;
+      } catch (error) {
+        console.log("{String(n)} : Message ID not found");
+      }
+    }
+    /* replace message content
+    */
+  }, {
+    key: "messageReplaceContent",
+    value: function messageReplaceContent(n, content) {
+      var sucess = false;
+      try {
+        this._messagesArea.querySelector(".quikchat-msgid-".concat(String(n).padStart(10, '0'))).lastChild.innerHTML = content;
+        sucess = true;
+      } catch (error) {
+        console.log("{String(n)} : Message ID not found");
+      }
+      return sucess;
+    }
+  }, {
+    key: "changeTheme",
+    value: function changeTheme(newTheme) {
+      this._chatWidget.classList.remove(this._theme);
+      this._chatWidget.classList.add(newTheme);
+      this._theme = newTheme;
+    }
+  }]);
+}();
+
+module.exports = quikchat;
+//# sourceMappingURL=quikchat.cjs.js.map

package/dist/quikchat.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"quikchat.cjs.js","sources":["../src/quikchat.js"],"sourcesContent":["// quikchat.js\n\nclass quikchat {\n    constructor(parentElement, meta = { theme: 'quikchat-theme-light', onSend: () => { } }) {\n        this._parentElement = parentElement;\n        this._theme = meta.theme;\n        this._onSend = meta.onSend ? meta.onSend : () => { };\n        this._createWidget();\n        // title area\n        if (meta.titleArea) {\n            this.titleAreaSetContents(meta.titleArea.title, meta.titleArea.align);\n            if (meta.titleArea.show) {\n                this.titleAreaShow();\n            } else {\n                this.titleAreaHide();\n            }\n        }\n        this._attachEventListeners();\n    }\n\n    _createWidget() {\n        const widgetHTML =\n            `\n            <div class=\"quikchat-base ${this.theme}\">\n                <div class=\"quikchat-title-area\">\n                    <span style=\"font-size: 1.5em; font-weight: 600;\">Title Area</span>\n                </div>\n                <div class=\"quikchat-messages-area\"></div>\n                <div class=\"quikchat-input-area\">\n                    <textarea class=\"quikchat-input-textbox\"></textarea>\n                    <button class=\"quikchat-input-send-btn\">Send</button>\n                </div>\n            </div>\n            `;\n\n        this._parentElement.innerHTML = widgetHTML;\n        this._chatWidget = this._parentElement.querySelector('.quikchat-base');\n        this._titleArea = this._chatWidget.querySelector('.quikchat-title-area');\n        this._messagesArea = this._chatWidget.querySelector('.quikchat-messages-area');\n        this._inputArea = this._chatWidget.querySelector('.quikchat-input-area');\n        this._textEntry = this._inputArea.querySelector('.quikchat-input-textbox');\n        this._sendButton = this._inputArea.querySelector('.quikchat-input-send-btn');\n        this.msgid = 0;\n    }\n    $() {\n    }\n    _attachEventListeners() {\n        this._sendButton.addEventListener('click', () => this._onSend(this, this._textEntry.value.trim()));\n        window.addEventListener('resize', () => this._handleContainerResize());\n        this._chatWidget.addEventListener('resize', () => this._handleContainerResize());\n        this._textEntry.addEventListener('keydown', (event) => {\n            // Check if Shift + Enter is pressed\n            if (event.shiftKey && event.keyCode === 13) {\n                // Prevent default behavior (adding new line)\n                event.preventDefault();\n                this._onSend(this, this._textEntry.value.trim())\n            }\n        });\n    }\n\n    titleAreaToggle() {\n        this._titleArea.style.display === 'none' ? this.titleAreaShow() : this.titleAreaHide();\n    }\n\n    titleAreaShow() {\n        this._titleArea.style.display = '';\n        this._adjustMessagesAreaHeight();\n    }\n\n    titleAreaHide() {\n        this._titleArea.style.display = 'none';\n        this._adjustMessagesAreaHeight();\n    }\n\n    titleAreaSetContents(title, align = 'center') {\n        this._titleArea.innerHTML = title;\n        this._titleArea.style.textAlign = align;\n    }\n\n    titleAreaGetContents() {\n        return this._titleArea.innerHTML;\n    }\n\n    inputAreaToggle() {\n        this._inputArea.classList.toggle('hidden');\n        this._inputArea.style.display === 'none' ? this.inputAreaShow() : this.inputAreaHide();\n    }\n\n    inputAreaShow() {\n        this._inputArea.style.display = '';\n        this._adjustMessagesAreaHeight();\n    }\n\n    inputAreaHide() {\n        this._inputArea.style.display = 'none';\n        this._adjustMessagesAreaHeight();\n    }\n\n    _adjustMessagesAreaHeight() {\n        const hiddenElements = [...this._chatWidget.children].filter(child => child.classList.contains('hidden'));\n        const totalHiddenHeight = hiddenElements.reduce((sum, child) => sum + child.offsetHeight, 0);\n        const containerHeight = this._chatWidget.offsetHeight;\n        this._messagesArea.style.height = `calc(100% - ${containerHeight - totalHiddenHeight}px)`;\n    }\n\n    _handleContainerResize() {\n        this._adjustMessagesAreaHeight();\n        this._adjustSendButtonWidth();\n        //console.log('Container resized');\n    }\n\n    _adjustSendButtonWidth() {\n        const sendButtonText = this._sendButton.textContent.trim();\n        const fontSize = parseFloat(getComputedStyle(this._sendButton).fontSize);\n        const minWidth = fontSize * sendButtonText.length + 16;\n        this._sendButton.style.minWidth = `${minWidth}px`;\n    }\n\n    messageAddNew(message, user = \"foo\", align = 'left') {\n        const messageDiv = document.createElement('div');\n        const msgid = this.msgid;\n        const msgidClass = 'quikchat-msgid-' + String(msgid).padStart(10, '0');\n        messageDiv.classList.add('quikchat-message', msgidClass);\n        this.msgid++;\n        messageDiv.classList.add(this._messagesArea.children.length % 2 === 1 ? 'quikchat-message-1' : 'quikchat-message-2');\n\n        const userDiv = document.createElement('div');\n        userDiv.innerHTML = user;\n        userDiv.style = `width: 100%; text-align: ${align}; font-size: 1em; font-weight:700; color: #444;`;\n\n        const contentDiv = document.createElement('div');\n        contentDiv.style = `width: 100%; text-align: ${align};`;\n        contentDiv.innerHTML = message;\n\n        messageDiv.appendChild(userDiv);\n        messageDiv.appendChild(contentDiv);\n        this._messagesArea.appendChild(messageDiv);\n        this._messagesArea.lastChild.scrollIntoView();\n\n        this._textEntry.value = '';\n        this._adjustMessagesAreaHeight();\n        return {msgid};\n    }\n\n    messageRemove(n) {\n        // use css selector to remove the message\n        let sucess = false;\n        try {\n            this._messagesArea.removeChild(this._messagesArea.querySelector(`.quikchat-msgid-${String(n).padStart(10, '0')}`));\n            sucess = true;\n        }\n        catch (error) {\n            console.log(`{String(n)} : Message ID not found`);\n        }\n        return sucess;\n    }\n    /* returns the message html object from the DOM\n    */\n    messageGetDOMObject(n) {\n        let msg = null;\n        // now use css selector to get the message \n        try {\n            msg =  this._messagesArea.querySelector(`.quikchat-msgid-${String(n).padStart(10, '0')}`);\n        } \n        catch (error) \n        {\n            console.log(`{String(n)} : Message ID not found`);\n        }\n        return msg; \n    }\n    /* returns the message content only\n    */\n    messageGetContent(n) {\n        let content = \"\"\n        // now use css selector to get the message \n        try {\n            content =  this._messagesArea.querySelector(`.quikchat-msgid-${String(n).padStart(10, '0')}`).lastChild.textContent;\n        } \n        catch (error) \n        {\n            console.log(`{String(n)} : Message ID not found`);\n        }\n        return content; \n    }\n\n    /* append message to the message content\n    */\n    messageAppendContent(n, content) {\n        let sucess = false;\n        try {\n            this._messagesArea.querySelector(`.quikchat-msgid-${String(n).padStart(10, '0')}`).lastChild.innerHTML += content;\n            sucess = true;\n        } \n        catch (error) \n        {\n            console.log(`{String(n)} : Message ID not found`);\n        }   \n    }\n    /* replace message content\n    */\n    messageReplaceContent(n, content) {\n        let sucess = false;\n        try {\n            this._messagesArea.querySelector(`.quikchat-msgid-${String(n).padStart(10, '0')}`).lastChild.innerHTML = content;\n            sucess = true;\n        } \n        catch (error) \n        {\n            console.log(`{String(n)} : Message ID not found`);\n        }\n        return sucess;\n    }\n\n    changeTheme(newTheme) {\n        this._chatWidget.classList.remove(this._theme);\n        this._chatWidget.classList.add(newTheme);\n        this._theme = newTheme;\n    }\n}\n\nexport default quikchat;\n"],"names":["quikchat","parentElement","meta","arguments","length","undefined","theme","onSend","_classCallCheck","_parentElement","_theme","_onSend","_createWidget","titleArea","titleAreaSetContents","title","align","show","titleAreaShow","titleAreaHide","_attachEventListeners","_createClass","key","value","widgetHTML","concat","innerHTML","_chatWidget","querySelector","_titleArea","_messagesArea","_inputArea","_textEntry","_sendButton","msgid","$","_this","addEventListener","trim","window","_handleContainerResize","event","shiftKey","keyCode","preventDefault","titleAreaToggle","style","display","_adjustMessagesAreaHeight","textAlign","titleAreaGetContents","inputAreaToggle","classList","toggle","inputAreaShow","inputAreaHide","hiddenElements","_toConsumableArray","children","filter","child","contains","totalHiddenHeight","reduce","sum","offsetHeight","containerHeight","height","_adjustSendButtonWidth","sendButtonText","textContent","fontSize","parseFloat","getComputedStyle","minWidth","messageAddNew","message","user","messageDiv","document","createElement","msgidClass","String","padStart","add","userDiv","contentDiv","appendChild","lastChild","scrollIntoView","messageRemove","n","sucess","removeChild","error","console","log","messageGetDOMObject","msg","messageGetContent","content","messageAppendContent","messageReplaceContent","changeTheme","newTheme","remove"],"mappings":"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"}

package/dist/quikchat.cjs.min.js

@@ -0,0 +1,2 @@
+"use strict";function t(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,i=Array(e);n<e;n++)i[n]=t[n];return i}function e(t,e,n){return e&&function(t,e){for(var n=0;n<e.length;n++){var a=e[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,i(a.key),a)}}(t.prototype,e),Object.defineProperty(t,"prototype",{writable:!1}),t}function n(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(e)||function(e,n){if(e){if("string"==typeof e)return t(e,n);var i={}.toString.call(e).slice(8,-1);return"Object"===i&&e.constructor&&(i=e.constructor.name),"Map"===i||"Set"===i?Array.from(e):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?t(e,n):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(t){var e=function(t,e){if("object"!=typeof t||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var i=n.call(t,e);if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t,"string");return"symbol"==typeof e?e:e+""}var a=function(){return e((function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{theme:"quikchat-theme-light",onSend:function(){}};!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this._parentElement=e,this._theme=n.theme,this._onSend=n.onSend?n.onSend:function(){},this._createWidget(),n.titleArea&&(this.titleAreaSetContents(n.titleArea.title,n.titleArea.align),n.titleArea.show?this.titleAreaShow():this.titleAreaHide()),this._attachEventListeners()}),[{key:"_createWidget",value:function(){var t='\n            <div class="quikchat-base '.concat(this.theme,'">\n                <div class="quikchat-title-area">\n                    <span style="font-size: 1.5em; font-weight: 600;">Title Area</span>\n                </div>\n                <div class="quikchat-messages-area"></div>\n                <div class="quikchat-input-area">\n                    <textarea class="quikchat-input-textbox"></textarea>\n                    <button class="quikchat-input-send-btn">Send</button>\n                </div>\n            </div>\n            ');this._parentElement.innerHTML=t,this._chatWidget=this._parentElement.querySelector(".quikchat-base"),this._titleArea=this._chatWidget.querySelector(".quikchat-title-area"),this._messagesArea=this._chatWidget.querySelector(".quikchat-messages-area"),this._inputArea=this._chatWidget.querySelector(".quikchat-input-area"),this._textEntry=this._inputArea.querySelector(".quikchat-input-textbox"),this._sendButton=this._inputArea.querySelector(".quikchat-input-send-btn"),this.msgid=0}},{key:"$",value:function(){}},{key:"_attachEventListeners",value:function(){var t=this;this._sendButton.addEventListener("click",(function(){return t._onSend(t,t._textEntry.value.trim())})),window.addEventListener("resize",(function(){return t._handleContainerResize()})),this._chatWidget.addEventListener("resize",(function(){return t._handleContainerResize()})),this._textEntry.addEventListener("keydown",(function(e){e.shiftKey&&13===e.keyCode&&(e.preventDefault(),t._onSend(t,t._textEntry.value.trim()))}))}},{key:"titleAreaToggle",value:function(){"none"===this._titleArea.style.display?this.titleAreaShow():this.titleAreaHide()}},{key:"titleAreaShow",value:function(){this._titleArea.style.display="",this._adjustMessagesAreaHeight()}},{key:"titleAreaHide",value:function(){this._titleArea.style.display="none",this._adjustMessagesAreaHeight()}},{key:"titleAreaSetContents",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"center";this._titleArea.innerHTML=t,this._titleArea.style.textAlign=e}},{key:"titleAreaGetContents",value:function(){return this._titleArea.innerHTML}},{key:"inputAreaToggle",value:function(){this._inputArea.classList.toggle("hidden"),"none"===this._inputArea.style.display?this.inputAreaShow():this.inputAreaHide()}},{key:"inputAreaShow",value:function(){this._inputArea.style.display="",this._adjustMessagesAreaHeight()}},{key:"inputAreaHide",value:function(){this._inputArea.style.display="none",this._adjustMessagesAreaHeight()}},{key:"_adjustMessagesAreaHeight",value:function(){var t=n(this._chatWidget.children).filter((function(t){return t.classList.contains("hidden")})).reduce((function(t,e){return t+e.offsetHeight}),0),e=this._chatWidget.offsetHeight;this._messagesArea.style.height="calc(100% - ".concat(e-t,"px)")}},{key:"_handleContainerResize",value:function(){this._adjustMessagesAreaHeight(),this._adjustSendButtonWidth()}},{key:"_adjustSendButtonWidth",value:function(){var t=this._sendButton.textContent.trim(),e=parseFloat(getComputedStyle(this._sendButton).fontSize)*t.length+16;this._sendButton.style.minWidth="".concat(e,"px")}},{key:"messageAddNew",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"foo",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"left",i=document.createElement("div"),a=this.msgid,s="quikchat-msgid-"+String(a).padStart(10,"0");i.classList.add("quikchat-message",s),this.msgid++,i.classList.add(this._messagesArea.children.length%2==1?"quikchat-message-1":"quikchat-message-2");var r=document.createElement("div");r.innerHTML=e,r.style="width: 100%; text-align: ".concat(n,"; font-size: 1em; font-weight:700; color: #444;");var o=document.createElement("div");return o.style="width: 100%; text-align: ".concat(n,";"),o.innerHTML=t,i.appendChild(r),i.appendChild(o),this._messagesArea.appendChild(i),this._messagesArea.lastChild.scrollIntoView(),this._textEntry.value="",this._adjustMessagesAreaHeight(),{msgid:a}}},{key:"messageRemove",value:function(t){var e=!1;try{this._messagesArea.removeChild(this._messagesArea.querySelector(".quikchat-msgid-".concat(String(t).padStart(10,"0")))),e=!0}catch(t){console.log("{String(n)} : Message ID not found")}return e}},{key:"messageGetDOMObject",value:function(t){var e=null;try{e=this._messagesArea.querySelector(".quikchat-msgid-".concat(String(t).padStart(10,"0")))}catch(t){console.log("{String(n)} : Message ID not found")}return e}},{key:"messageGetContent",value:function(t){var e="";try{e=this._messagesArea.querySelector(".quikchat-msgid-".concat(String(t).padStart(10,"0"))).lastChild.textContent}catch(t){console.log("{String(n)} : Message ID not found")}return e}},{key:"messageAppendContent",value:function(t,e){try{this._messagesArea.querySelector(".quikchat-msgid-".concat(String(t).padStart(10,"0"))).lastChild.innerHTML+=e,!0}catch(t){console.log("{String(n)} : Message ID not found")}}},{key:"messageReplaceContent",value:function(t,e){var n=!1;try{this._messagesArea.querySelector(".quikchat-msgid-".concat(String(t).padStart(10,"0"))).lastChild.innerHTML=e,n=!0}catch(t){console.log("{String(n)} : Message ID not found")}return n}},{key:"changeTheme",value:function(t){this._chatWidget.classList.remove(this._theme),this._chatWidget.classList.add(t),this._theme=t}}])}();module.exports=a;
+//# sourceMappingURL=quikchat.cjs.min.js.map

package/dist/quikchat.cjs.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"quikchat.cjs.min.js","sources":["../src/quikchat.js"],"sourcesContent":["// quikchat.js\n\nclass quikchat {\n    constructor(parentElement, meta = { theme: 'quikchat-theme-light', onSend: () => { } }) {\n        this._parentElement = parentElement;\n        this._theme = meta.theme;\n        this._onSend = meta.onSend ? meta.onSend : () => { };\n        this._createWidget();\n        // title area\n        if (meta.titleArea) {\n            this.titleAreaSetContents(meta.titleArea.title, meta.titleArea.align);\n            if (meta.titleArea.show) {\n                this.titleAreaShow();\n            } else {\n                this.titleAreaHide();\n            }\n        }\n        this._attachEventListeners();\n    }\n\n    _createWidget() {\n        const widgetHTML =\n            `\n            <div class=\"quikchat-base ${this.theme}\">\n                <div class=\"quikchat-title-area\">\n                    <span style=\"font-size: 1.5em; font-weight: 600;\">Title Area</span>\n                </div>\n                <div class=\"quikchat-messages-area\"></div>\n                <div class=\"quikchat-input-area\">\n                    <textarea class=\"quikchat-input-textbox\"></textarea>\n                    <button class=\"quikchat-input-send-btn\">Send</button>\n                </div>\n            </div>\n            `;\n\n        this._parentElement.innerHTML = widgetHTML;\n        this._chatWidget = this._parentElement.querySelector('.quikchat-base');\n        this._titleArea = this._chatWidget.querySelector('.quikchat-title-area');\n        this._messagesArea = this._chatWidget.querySelector('.quikchat-messages-area');\n        this._inputArea = this._chatWidget.querySelector('.quikchat-input-area');\n        this._textEntry = this._inputArea.querySelector('.quikchat-input-textbox');\n        this._sendButton = this._inputArea.querySelector('.quikchat-input-send-btn');\n        this.msgid = 0;\n    }\n    $() {\n    }\n    _attachEventListeners() {\n        this._sendButton.addEventListener('click', () => this._onSend(this, this._textEntry.value.trim()));\n        window.addEventListener('resize', () => this._handleContainerResize());\n        this._chatWidget.addEventListener('resize', () => this._handleContainerResize());\n        this._textEntry.addEventListener('keydown', (event) => {\n            // Check if Shift + Enter is pressed\n            if (event.shiftKey && event.keyCode === 13) {\n                // Prevent default behavior (adding new line)\n                event.preventDefault();\n                this._onSend(this, this._textEntry.value.trim())\n            }\n        });\n    }\n\n    titleAreaToggle() {\n        this._titleArea.style.display === 'none' ? this.titleAreaShow() : this.titleAreaHide();\n    }\n\n    titleAreaShow() {\n        this._titleArea.style.display = '';\n        this._adjustMessagesAreaHeight();\n    }\n\n    titleAreaHide() {\n        this._titleArea.style.display = 'none';\n        this._adjustMessagesAreaHeight();\n    }\n\n    titleAreaSetContents(title, align = 'center') {\n        this._titleArea.innerHTML = title;\n        this._titleArea.style.textAlign = align;\n    }\n\n    titleAreaGetContents() {\n        return this._titleArea.innerHTML;\n    }\n\n    inputAreaToggle() {\n        this._inputArea.classList.toggle('hidden');\n        this._inputArea.style.display === 'none' ? this.inputAreaShow() : this.inputAreaHide();\n    }\n\n    inputAreaShow() {\n        this._inputArea.style.display = '';\n        this._adjustMessagesAreaHeight();\n    }\n\n    inputAreaHide() {\n        this._inputArea.style.display = 'none';\n        this._adjustMessagesAreaHeight();\n    }\n\n    _adjustMessagesAreaHeight() {\n        const hiddenElements = [...this._chatWidget.children].filter(child => child.classList.contains('hidden'));\n        const totalHiddenHeight = hiddenElements.reduce((sum, child) => sum + child.offsetHeight, 0);\n        const containerHeight = this._chatWidget.offsetHeight;\n        this._messagesArea.style.height = `calc(100% - ${containerHeight - totalHiddenHeight}px)`;\n    }\n\n    _handleContainerResize() {\n        this._adjustMessagesAreaHeight();\n        this._adjustSendButtonWidth();\n        //console.log('Container resized');\n    }\n\n    _adjustSendButtonWidth() {\n        const sendButtonText = this._sendButton.textContent.trim();\n        const fontSize = parseFloat(getComputedStyle(this._sendButton).fontSize);\n        const minWidth = fontSize * sendButtonText.length + 16;\n        this._sendButton.style.minWidth = `${minWidth}px`;\n    }\n\n    messageAddNew(message, user = \"foo\", align = 'left') {\n        const messageDiv = document.createElement('div');\n        const msgid = this.msgid;\n        const msgidClass = 'quikchat-msgid-' + String(msgid).padStart(10, '0');\n        messageDiv.classList.add('quikchat-message', msgidClass);\n        this.msgid++;\n        messageDiv.classList.add(this._messagesArea.children.length % 2 === 1 ? 'quikchat-message-1' : 'quikchat-message-2');\n\n        const userDiv = document.createElement('div');\n        userDiv.innerHTML = user;\n        userDiv.style = `width: 100%; text-align: ${align}; font-size: 1em; font-weight:700; color: #444;`;\n\n        const contentDiv = document.createElement('div');\n        contentDiv.style = `width: 100%; text-align: ${align};`;\n        contentDiv.innerHTML = message;\n\n        messageDiv.appendChild(userDiv);\n        messageDiv.appendChild(contentDiv);\n        this._messagesArea.appendChild(messageDiv);\n        this._messagesArea.lastChild.scrollIntoView();\n\n        this._textEntry.value = '';\n        this._adjustMessagesAreaHeight();\n        return {msgid};\n    }\n\n    messageRemove(n) {\n        // use css selector to remove the message\n        let sucess = false;\n        try {\n            this._messagesArea.removeChild(this._messagesArea.querySelector(`.quikchat-msgid-${String(n).padStart(10, '0')}`));\n            sucess = true;\n        }\n        catch (error) {\n            console.log(`{String(n)} : Message ID not found`);\n        }\n        return sucess;\n    }\n    /* returns the message html object from the DOM\n    */\n    messageGetDOMObject(n) {\n        let msg = null;\n        // now use css selector to get the message \n        try {\n            msg =  this._messagesArea.querySelector(`.quikchat-msgid-${String(n).padStart(10, '0')}`);\n        } \n        catch (error) \n        {\n            console.log(`{String(n)} : Message ID not found`);\n        }\n        return msg; \n    }\n    /* returns the message content only\n    */\n    messageGetContent(n) {\n        let content = \"\"\n        // now use css selector to get the message \n        try {\n            content =  this._messagesArea.querySelector(`.quikchat-msgid-${String(n).padStart(10, '0')}`).lastChild.textContent;\n        } \n        catch (error) \n        {\n            console.log(`{String(n)} : Message ID not found`);\n        }\n        return content; \n    }\n\n    /* append message to the message content\n    */\n    messageAppendContent(n, content) {\n        let sucess = false;\n        try {\n            this._messagesArea.querySelector(`.quikchat-msgid-${String(n).padStart(10, '0')}`).lastChild.innerHTML += content;\n            sucess = true;\n        } \n        catch (error) \n        {\n            console.log(`{String(n)} : Message ID not found`);\n        }   \n    }\n    /* replace message content\n    */\n    messageReplaceContent(n, content) {\n        let sucess = false;\n        try {\n            this._messagesArea.querySelector(`.quikchat-msgid-${String(n).padStart(10, '0')}`).lastChild.innerHTML = content;\n            sucess = true;\n        } \n        catch (error) \n        {\n            console.log(`{String(n)} : Message ID not found`);\n        }\n        return sucess;\n    }\n\n    changeTheme(newTheme) {\n        this._chatWidget.classList.remove(this._theme);\n        this._chatWidget.classList.add(newTheme);\n        this._theme = newTheme;\n    }\n}\n\nexport default quikchat;\n"],"names":["quikchat","_createClass","parentElement","meta","arguments","length","undefined","theme","onSend","_classCallCheck","this","_parentElement","_theme","_onSend","_createWidget","titleArea","titleAreaSetContents","title","align","show","titleAreaShow","titleAreaHide","_attachEventListeners","key","value","widgetHTML","concat","innerHTML","_chatWidget","querySelector","_titleArea","_messagesArea","_inputArea","_textEntry","_sendButton","msgid","_this","addEventListener","trim","window","_handleContainerResize","event","shiftKey","keyCode","preventDefault","style","display","_adjustMessagesAreaHeight","textAlign","classList","toggle","inputAreaShow","inputAreaHide","totalHiddenHeight","_toConsumableArray","children","filter","child","contains","reduce","sum","offsetHeight","containerHeight","height","_adjustSendButtonWidth","sendButtonText","textContent","minWidth","parseFloat","getComputedStyle","fontSize","message","user","messageDiv","document","createElement","msgidClass","String","padStart","add","userDiv","contentDiv","appendChild","lastChild","scrollIntoView","n","sucess","removeChild","error","console","log","msg","content","newTheme","remove"],"mappings":"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"}