add live coding

demo/src/assets/run-only-for-agentscript.js

@@ -1,13 +1,38 @@
 function runSomeScript() {
-  if(!window.location.pathname.toLocaleLowerCase().includes("agent")) {
+  if (!window.location.pathname.toLocaleLowerCase().includes("agent")) {
     /**
      * If pathname doesn't include agent then we are not running this script.
      * We can add any custom logic
      */
     return
   }
 
-  console.log('%c AgentScript', 'font-weight: bold; font-size: 50px;color: red; text-shadow: 3px 3px 0 rgb(217,31,38) , 6px 6px 0 rgb(226,91,14) , 9px 9px 0 rgb(245,221,8) , 12px 12px 0 rgb(5,148,68) , 15px 15px 0 rgb(2,135,206) , 18px 18px 0 rgb(4,77,145) , 21px 21px 0 rgb(42,21,113)'); 
+  console.log('%c AgentScript', 'font-weight: bold; font-size: 50px;color: red; text-shadow: 3px 3px 0 rgb(217,31,38) , 6px 6px 0 rgb(226,91,14) , 9px 9px 0 rgb(245,221,8) , 12px 12px 0 rgb(5,148,68) , 15px 15px 0 rgb(2,135,206) , 18px 18px 0 rgb(4,77,145) , 21px 21px 0 rgb(42,21,113)');
 }
 
-runSomeScript()
+runSomeScript()
+
+
+function addLiveCodeExampleForAgentArrayPage() {
+  if (!window.location.pathname.toLocaleLowerCase().includes("agentarray.html")) {
+    return
+  }
+
+  const containerElement = document.querySelector('body article div')
+  const liveCodeContainer = document.createElement('div')
+
+  /**
+   * Adding some clean-jsdoc-theme class names
+   */
+  liveCodeContainer.classList.add('method-member-container', 'flex', 'flex-col', 'w-100', 'overflow-auto', 'mt-20')
+
+
+  liveCodeContainer.innerHTML += `
+  <strong>Coding Playground</strong>
+  <iframe src="https://agentscript.org/editor/?example=slimemold" style="height:700px; width: 100%; background: white;" class="mt-20"></iframe>
+  `
+
+  containerElement.append(liveCodeContainer)
+}
+
+window.addEventListener('DOMContentLoaded', addLiveCodeExampleForAgentArrayPage);