make jsdelivr support explicit

Author: bacalj

README.md

@@ -98,6 +98,21 @@ function MyApp() {
 </script>
 ```
 
+### Direct Deployment via jsDelivr CDN
+
+For websites that don't use npm packages, you can directly include the ACCESS Q&A Bot using jsDelivr CDN:
+
+```html
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/necyberteam/[email protected]/build/static/css/main.css">
+<div style="display:none;" id="qa-bot">
+    &nbsp;
+</div>
+<script src="https://cdn.jsdelivr.net/gh/necyberteam/[email protected]/build/static/js/main.js"></script>
+<script src="https://cdn.jsdelivr.net/gh/necyberteam/[email protected]/build/static/js/453.chunk.js"></script>
+```
+
+Replace `v0.2.0` with the specific version you want to use. This method provides the React version of the bot and automatically initializes it when the page loads.
+
 ## Properties
 
 | Property | Type | Description |

index.html

@@ -48,6 +48,18 @@ <h1>ACCESS Q&A Bot Standalone Demo</h1>
     <div class="explanation">
         <p>This page demonstrates how to integrate the ACCESS Q&A Bot in different ways using the pre-built files.
         No React framework setup is needed - just include the CSS and JS files from the build directory, or from the CDN.</p>
+        <p>You can use either the <strong>jsDelivr CDN</strong> (direct from GitHub repository) or <strong>unpkg CDN</strong> (from npm package):</p>
+        <pre>
+<!-- jsDelivr CDN (direct from GitHub) -->
+&lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/necyberteam/[email protected]/build/static/css/main.css"&gt;
+&lt;div id="qa-bot"&gt;&lt;/div&gt;
+&lt;script src="https://cdn.jsdelivr.net/gh/necyberteam/[email protected]/build/static/js/main.js"&gt;&lt;/script&gt;
+&lt;script src="https://cdn.jsdelivr.net/gh/necyberteam/[email protected]/build/static/js/453.chunk.js"&gt;&lt;/script&gt;
+
+<!-- OR unpkg CDN (from npm package) -->
+&lt;script src="https://unpkg.com/@snf/[email protected]/dist/access-qa-bot.standalone.js"&gt;&lt;/script&gt;
+&lt;access-qa-bot welcome="Hello!" prompt="Ask me anything..."&gt;&lt;/access-qa-bot&gt;
+        </pre>
     </div>
 
     <div class="demo-section">

publishing.md

@@ -142,6 +142,19 @@ https://cdn.jsdelivr.net/gh/necyberteam/[email protected]/build/static/js/main.js
 
 The version number in these URLs must match git tags in our repository. Never reuse a version number that already has a tag to avoid breaking existing CDN links.
 
+A complete jsDelivr implementation typically requires three files:
+```html
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/necyberteam/[email protected]/build/static/css/main.css">
+<div id="qa-bot"></div>
+<script src="https://cdn.jsdelivr.net/gh/necyberteam/[email protected]/build/static/js/main.js"></script>
+<script src="https://cdn.jsdelivr.net/gh/necyberteam/[email protected]/build/static/js/453.chunk.js"></script>
+```
+
+**Important:** When updating the package:
+1. Make sure these file paths remain consistent
+2. Test all jsDelivr URLs after updating
+3. Remember that the chunk filename (like 453.chunk.js) may change in future builds
+
 ### 2. unpkg CDN (npm-based, Secondary)
 
 After publishing to npm, the package will also be available via unpkg: