@connorpham/live-chat-widget 16.0.0 → 17.0.1

package/.env.example

@@ -1,8 +1,8 @@
-# API & Common
-NODE_ENV=development
-APP_DOMAIN=localhost
-SSL_EMAIL=hello@hexabot.ai
-API_PORT=3000
-APP_FRONTEND_PORT=8080
-APP_SCRIPT_COMPODOC_PORT=9003
-
+# API & Common
+NODE_ENV=development
+APP_DOMAIN=localhost
+SSL_EMAIL=hello@hexabot.ai
+API_PORT=3000
+APP_FRONTEND_PORT=8080
+APP_SCRIPT_COMPODOC_PORT=9003
+

package/.eslintrc-staged.json

@@ -1,19 +1,19 @@
-{
-  "extends": "./.eslintrc.json",
-  "rules": {
-    "header/header": [
-      2,
-      "block",
-      [
-        "",
-        " * Copyright © 2025 Hexastack. All rights reserved.",
-        " *",
-        " * Licensed under the GNU Affero General Public License v3.0 (AGPLv3) with the following additional terms:",
-        " * 1. The name \"Hexabot\" is a trademark of Hexastack. You may not use this name in derivative works without express written permission.",
-        " * 2. All derivative works must include clear attribution to the original creator and software, Hexastack and Hexabot, in a prominent location (e.g., in the software's \"About\" section, documentation, and README file).",
-        " "
-      ],
-      2
-    ]
-  }
-}
+{
+  "extends": "./.eslintrc.json",
+  "rules": {
+    "header/header": [
+      2,
+      "block",
+      [
+        "",
+        " * Copyright © 2025 Hexastack. All rights reserved.",
+        " *",
+        " * Licensed under the GNU Affero General Public License v3.0 (AGPLv3) with the following additional terms:",
+        " * 1. The name \"Hexabot\" is a trademark of Hexastack. You may not use this name in derivative works without express written permission.",
+        " * 2. All derivative works must include clear attribution to the original creator and software, Hexastack and Hexabot, in a prominent location (e.g., in the software's \"About\" section, documentation, and README file).",
+        " "
+      ],
+      2
+    ]
+  }
+}

package/.prettierrc

@@ -1,4 +1,4 @@
-{
-  "singleQuote": false,
-  "trailingComma": "all"
-}
+{
+  "singleQuote": false,
+  "trailingComma": "all"
+}

package/README.md

@@ -1,83 +1,83 @@
-## Run the Live Chat Widget
-
-### Dev Mode
-
-To run the widget in development mode, execute the following command at the project root level:
-
-```bash
-npm run dev:widget
-```
-
-The live chat widget will be accessible at http://localhost:5173.
-
-### Build for Production
-
-To build the widget for production, execute the following command at the widget folder level:
-
-```bash
-npm run build
-```
-
-This will generate a production-ready build in the dist folder.
-
-## Embed Chat Widget
-
-Once the widget is built, you can easily embed it into any webpage. Here's an example of how to add it to your website:
-
-```js
-<script crossorigin src="https://unpkg.com/react@17/umd/react.production.min.js"></script>
-<script crossorigin src="https://unpkg.com/react-dom@17/umd/react-dom.production.min.js"></script>
-<link rel="stylesheet" href="./style.css">
-<script src="<<WIDGET URL>>/cellcast-bot-widget.umd.js"></script>
-
-<div id="live-chat-widget"></div>
-<script>
-  const el = React.createElement;
-  const domContainer = document.getElementById('live-chat-widget');
-  ReactDOM.render(
-    el(CellcastBotWidget.ChatWidget, {
-      apiUrl: 'https://api.yourdomain.com',
-      channel: 'web-channel',
-      ownerId: 'ownerId'
-    }),
-    domContainer,
-  );
-</script>
-```
-
-Replace the values in apiUrl and token with your configuration details.
-
-To prevent the website css from conflicting with the chat widget css, we can leverage the shadow dom:
-
-```js
-<script crossorigin src="https://cdn.jsdelivr.net/npm/react@17/umd/react.production.min.js"></script>
-<script crossorigin src="https://cdn.jsdelivr.net/npm/react-dom@17/umd/react-dom.production.min.js"></script>
-<script src="<<WIDGET URL>>/cellcast-bot-widget.umd.js"></script>
-
-<div id="live-chat-widget"></div>
-<script>
-  // Create the shadow root and attach it to the widget container
-  const createElement = (tag, props = {}) => Object.assign(document.createElement(tag), props);
-  const shadowContainer = createElement("div");
-  document
-      .getElementById('live-chat-widget')
-      .attachShadow({ mode: 'open' })
-      .append(
-        shadowContainer,
-        createElement("link", {
-          rel: "stylesheet",
-          href: "<<WIDGET URL>>/style.css"
-        });
-      );
-
-  // Render the widget inside the shadow root
-  ReactDOM.render(
-    React.createElement(CellcastBotWidget.ChatWidget, {
-      apiUrl: 'https://api.yourdomain.com',
-      channel: 'web-channel',
-      ownerId: 'ownerId',
-    }),
-    shadowContainer,
-  );
-</script>
-```
+## Run the Live Chat Widget
+
+### Dev Mode
+
+To run the widget in development mode, execute the following command at the project root level:
+
+```bash
+npm run dev:widget
+```
+
+The live chat widget will be accessible at http://localhost:5173.
+
+### Build for Production
+
+To build the widget for production, execute the following command at the widget folder level:
+
+```bash
+npm run build
+```
+
+This will generate a production-ready build in the dist folder.
+
+## Embed Chat Widget
+
+Once the widget is built, you can easily embed it into any webpage. Here's an example of how to add it to your website:
+
+```js
+<script crossorigin src="https://unpkg.com/react@17/umd/react.production.min.js"></script>
+<script crossorigin src="https://unpkg.com/react-dom@17/umd/react-dom.production.min.js"></script>
+<link rel="stylesheet" href="./style.css">
+<script src="<<WIDGET URL>>/cellcast-bot-widget.umd.js"></script>
+
+<div id="live-chat-widget"></div>
+<script>
+  const el = React.createElement;
+  const domContainer = document.getElementById('live-chat-widget');
+  ReactDOM.render(
+    el(CellcastBotWidget.ChatWidget, {
+      apiUrl: 'https://api.yourdomain.com',
+      channel: 'web-channel',
+      ownerId: 'ownerId'
+    }),
+    domContainer,
+  );
+</script>
+```
+
+Replace the values in apiUrl and token with your configuration details.
+
+To prevent the website css from conflicting with the chat widget css, we can leverage the shadow dom:
+
+```js
+<script crossorigin src="https://cdn.jsdelivr.net/npm/react@17/umd/react.production.min.js"></script>
+<script crossorigin src="https://cdn.jsdelivr.net/npm/react-dom@17/umd/react-dom.production.min.js"></script>
+<script src="<<WIDGET URL>>/cellcast-bot-widget.umd.js"></script>
+
+<div id="live-chat-widget"></div>
+<script>
+  // Create the shadow root and attach it to the widget container
+  const createElement = (tag, props = {}) => Object.assign(document.createElement(tag), props);
+  const shadowContainer = createElement("div");
+  document
+      .getElementById('live-chat-widget')
+      .attachShadow({ mode: 'open' })
+      .append(
+        shadowContainer,
+        createElement("link", {
+          rel: "stylesheet",
+          href: "<<WIDGET URL>>/style.css"
+        });
+      );
+
+  // Render the widget inside the shadow root
+  ReactDOM.render(
+    React.createElement(CellcastBotWidget.ChatWidget, {
+      apiUrl: 'https://api.yourdomain.com',
+      channel: 'web-channel',
+      ownerId: 'ownerId',
+    }),
+    shadowContainer,
+  );
+</script>
+```