updated docs

README.md

@@ -26,7 +26,7 @@ Create a container element in your HTML where you want the chat interface to app
 <div id="chat-container"></div>
 ```
 
-Initialize XLite Chat in your JavaScript code by providing the container element and a callback function for message events:
+Initialize yackbox in your JavaScript code by providing the container element and a callback function for message events:
 ```javascript
 const chat = new yackbox('#chat-container', messageCallback);
 //Use the provided methods to interact with the chat control:
@@ -51,7 +51,7 @@ Yackbox is highly customizable and can be integrated into various web applicatio
 
 ## Examples
 Included are several examples including:
-(./examples/index.html)["examples"]
+[Example Code](./examples/index.html)
 * UMD and ESM usage in browser
 * Multiuser and multiple instance setups
 * Using message history and stats

examples/index.html

@@ -25,13 +25,13 @@
         <h2 class="mb-8">yackbox examples</h2>
         <p>The following examples can help in getting started with using yackbox</p>
 
-        <div class="md-col-5"><a href="./basic-umd">Simple Yackbox from local dist</a><br>Quick example of using yackbox from the CDN with random responses</div><br>
+        <div class="md-col-5"><a href="./examples/basic-umd/index.html">Simple Yackbox from local dist</a><br>Quick example of using yackbox from the CDN with random responses</div><br>
 
-        <div class="md-col-5"><a href="./basic-esm">Simple Yackbox using ESM/ES6 Module syntax</a><br>Quick example of using yackbox by importing it as a module</div><br>
+        <div class="md-col-5"><a href="./examples/basic-esm/index.html">Simple Yackbox using ESM/ES6 Module syntax</a><br>Quick example of using yackbox by importing it as a module</div><br>
 
-        <div class="md-col-5"><a href="./ollama-basic-js/simple_ollama.html">Ollama Basic JS</a><br> A simple demo of how to user yackbox for both completions or streaming results</div><br>
+        <div class="md-col-5"><a href="./examples/ollama-basic-js/simple_ollama.html">Ollama Basic JS</a><br> A simple demo of how to user yackbox for both completions or streaming results</div><br>
 
-        <div class="md-col-5"><a href="./dual-chatrooms/index.html">Dual Chatrooms</a><br>Dual chat rooms on the same screen, each can send messages to each other.</div><br>
+        <div class="md-col-5"><a href="./examples/dual-chatrooms/index.html">Dual Chatrooms</a><br>Dual chat rooms on the same screen, each can send messages to each other.</div><br>
 
 
     </div

index.html

@@ -118,7 +118,7 @@ <h2 id="installation">Installation</h2>
 <p>Create a container element in your HTML where you want the chat interface to appear:</p>
 <pre><code class="language-html">&lt;div id=&quot;chat-container&quot;&gt;&lt;/div&gt;
 </code></pre>
-<p>Initialize XLite Chat in your JavaScript code by providing the container element and a callback function for message events:</p>
+<p>Initialize yackbox in your JavaScript code by providing the container element and a callback function for message events:</p>
 <pre><code class="language-javascript">const chat = new yackbox(&#39;#chat-container&#39;, messageCallback);
 //Use the provided methods to interact with the chat control:
 
@@ -139,7 +139,7 @@ <h2 id="usage">Usage</h2>
 <p>Yackbox is highly customizable and can be integrated into various web applications. You can modify the appearance and behavior of the chat interface by adjusting the CSS styles and JavaScript code according to your requirements.</p>
 <h2 id="examples">Examples</h2>
 <p>Included are several examples including:
-(./examples/index.html)[&quot;examples&quot;]</p>
+<a href="./examples/index.html">Example Code</a></p>
 <ul>
 <li>UMD and ESM usage in browser</li>
 <li>Multiuser and multiple instance setups</li>

package.json

@@ -23,7 +23,7 @@
     "chatbox",
     "ui",
     "chatroom",
-    "ui",
+    "history",
     "purejs",
     "chat",
     "llm"