From 14e3e3f4e8a15aa12d7291175e7dd13f1e83f020 Mon Sep 17 00:00:00 2001
From: Ankit Kumar <ankits.kvmdam@hotmail.com>
Date: Tue, 7 Nov 2023 08:13:17 +0900
Subject: [PATCH] add live coding

---
 demo/src/assets/run-only-for-agentscript.js | 31 +++++++++++++++++++--
 1 file changed, 28 insertions(+), 3 deletions(-)

diff --git a/demo/src/assets/run-only-for-agentscript.js b/demo/src/assets/run-only-for-agentscript.js
index e89827d0..38c75485 100644
--- a/demo/src/assets/run-only-for-agentscript.js
+++ b/demo/src/assets/run-only-for-agentscript.js
@@ -1,5 +1,5 @@
 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
@@ -7,7 +7,32 @@ function runSomeScript() {
     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()
\ No newline at end of file
+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);