Spaces:

agenticstackjs
/

agentic-stack-js

Running

App Files Files Community

agenticstackjs commited on Jun 28

Commit

22a6f79

1 Parent(s): b2cc311

build setup

Browse files

Files changed (6) hide show

.gitignore +3 -0
dist/assests/js/agenticstack.js +1 -0
dist/assests/js/asjs_chatbot.js +1 -0
package-lock.json +500 -0
package.json +5 -1
src/index.html +22 -0

.gitignore ADDED Viewed

	@@ -0,0 +1,3 @@

+node_modules/
+/development/node_modules/
+node_modules

dist/assests/js/agenticstack.js ADDED Viewed

	@@ -0,0 +1 @@


1	+ import("./asjs_chatbot.js");class e extends HTMLElement{constructor(){super()}handleEvent(e){this[`on${e.type}`](e)}connectedCallback(){this.render()}render(){this.innerHTML="\n <section>\n <h3>Welcome to Agentic Stack JS</h3>\n </section>\n "}}window.customElements.define("agentic-stack-js",e);export{e as AgenticStackJS};

dist/assests/js/asjs_chatbot.js ADDED Viewed

	@@ -0,0 +1 @@

+ import{AgenticStackJS as t}from"./agenticstack.js";import*as e from"../../../../../../../../@mediapipe/tasks-genai/genai_bundle.mjs";window.customElements.define("asjs-chatbot",class extends t{constructor(){super(),this.popover_id="popover-asjs-chatbot",this.genai_fileset=null,this.llm_config={},this.llmInference=null,this.chatblock=null,this.chat_form_prompt_id="chat-form-prompt",this.chatformprompt=null,this.chatprompt=null,this.chatformconfig=null,this.chat_form_config_id="chat-form-config",this.chat_threads=new Set,this.displayPartialResults=this.displayPartialResults.bind(this)}get modelAssetPath(){return this.getAttribute("model-asset-path")}set modelAssetPath(t){return this.setAttribute("model-asset-path",t),this.modelAssetPath}get deviceDelegate(){return this.hasAttribute("device-delegate")?this.getAttribute("device-delegate"):"CPU"}set deviceDelegate(t){return this.setAttribute("device-delegate",t),this.deviceDelegate}get maxTokens(){return this.hasAttribute("max-tokens")?Number(this.getAttribute("max-tokens")):8192}set maxTokens(t){return this.setAttribute("max-tokens",t),this.maxTokens}get randomSeed(){return this.hasAttribute("random-seed")?Number(this.getAttribute("random-seed")):1}set randomSeed(t){return this.setAttribute("random-seed",t),this.randomSeed}get topK(){return this.hasAttribute("top-k")?Number(this.getAttribute("top-k")):1}set topK(t){return this.setAttribute("top-k",t),this.topK}get temperature(){if(this.hasAttribute("temperature")){return parseFloat(this.getAttribute("temperature"))}return 1}set temperature(t){return this.setAttribute("temperature",t),this.temperature}get asjs_title(){return this.getAttribute("asjs-title")}lastThread(){return[...this.chat_threads].at(-1)}threadID(){let t=new Date,e=Math.random().toString(36).substring(2,15),s=`thread-${t.getTime()}-${e}`;return this.chat_threads.add(s),s}async reloadModel(t){let s=document.querySelector('script[src^="/@mediapipe/tasks-genai"]');return s&&s.remove(),e.LlmInference.createFromOptions(this.genai_fileset,this.llm_config)}async loadModel(t){return this.genai_fileset=await e.FilesetResolver.forGenAiTasks("/@mediapipe/tasks-genai/wasm"),this.llm_config={baseOptions:{modelAssetPath:`${this.modelAssetPath??""}`,delegate:this.deviceDelegate},maxTokens:this.maxTokens,randomSeed:this.randomSeed,topK:this.topK,temperature:this.temperature},t&&(config.baseOptions={modelAssetBuffer:t}),e.LlmInference.createFromOptions(this.genai_fileset,this.llm_config)}scrollBottom(){const t=document.getElementById("message-list");t.scrollTo({behavior:"smooth",top:t.scrollHeight})}displayPartialResults(t,e){let s=this.querySelector(`#${this.lastThread()}`);s.textContent+=t,e&&(s.textContent||(s.textContent="Result is empty"),this.chatprompt.disabled=!1),this.scrollBottom()}async bindElems(){this.chatblock=this.querySelector("#chat-block"),this.chatformprompt=this.chatblock.querySelector(`form[id="${this.chat_form_prompt_id}"]`),this.chatprompt=this.chatformprompt.querySelector('input[id="chat-prompt"]'),this.msglist=this.chatblock.querySelector("#message-list"),this.chatformconfig=this.chatblock.querySelector(`form[id="${this.chat_form_config_id}"]`)}async addHandlers(){this.chatformprompt.addEventListener("submit",(t=>this.eventSubmitPrompt(t))),this.chatformconfig.addEventListener("submit",(t=>this.eventSubmitConfig(t)))}async removeHandlers(){this.chatformprompt.removeEventListener("submit",this.eventSubmitPrompt),this.chatformconfig.removeEventListener("submit",this.eventSubmitConfig)}eventSubmitConfig(t){t.preventDefault(t);let e=t.target.querySelectorAll("fieldset");this.chatprompt.disabled=!0;let s=new FormData(t.target);const i=Object.fromEntries(s.entries());this.maxTokens=i.maxTokens,this.randomSeed=i.randomSeed,this.topK=i.topK,this.temperature=i.temperature,e.forEach((t=>t.setAttribute("disabled",""))),this.reloadModel().then((async t=>{this.llmInference=t,alert("LLM options updated"),this.chatprompt.disabled=!1,e.forEach((t=>t.removeAttribute("disabled")))})).catch((async t=>{this.renderErrorModelPath()}))}async eventSubmitPrompt(t){t.preventDefault(),this.chatprompt.disabled=!0;let e=this.chatprompt.value,s=this.threadID();await this.renderMsg("user",s,e);let i=this.threadID();await this.renderMsg("bot",i,"");try{this.llmInference.generateResponse(e,this.displayPartialResults)}catch(t){alert(`${t}`),this.chatprompt.disabled=!1}}static observedAttributes=["max-tokens"];attributeChangedCallback(t,e,s){if(null!==e)switch(t){case"max-tokens":this.llm_config.maxTokens=Number(s);break;case"random-seed":this.llm_config.randomSeed=Number(s);break;case"top-k":this.llm_config.topK=Number(s);break;case"temperature":this.llm_config.temperature=s}}async connectedCallback(){await this.render(),await this.bindElems(),await this.addHandlers(),this.modelAssetPath?this.renderChatbot():this.renderErrorModelPath()}dissconnectedCallback(){this.removeHandlers()}renderMsg(t,e,s){let i=document.createElement("li");"bot"===t?i.classList.add("message-bot"):i.classList.add("message-user"),i.innerHTML=`\n <article> \n <p id="${e}">${s}</p>\n </arcticle>`,this.msglist.append(i)}renderErrorModelPath(){alert("please provide a path to the model"),this.querySelector(".message-loader").innerHTML='<div class="fade-in" style="position:relative; top:40%;">The model is NOT ready for a chat!</div>'}renderChatbot(){this.loadModel().then((async t=>{this.llmInference=t,this.querySelector(".message-loader").innerHTML='<div class="fade-in" style="position:relative; top:40%;">The model is ready for a chat!</div>',this.chatprompt.disabled=!1})).catch((async t=>{this.renderErrorModelPath()}))}render(){this.innerHTML=`\n <section id="chat-block">\n <nav><h3>${this.asjs_title}</h3></nav>\n <hr/>\n \x3c!---\n *** chat thread ***\n --\x3e\n <div id="chat-thread">\n <section>\n <ul id="message-list">\n <li class="message-loader">\n <div class="loader"></div>\n <p>Please standy by has we load the model</p>\n </li>\n </ul>\n </section>\n </div>\n\n \x3c!---\n *** Prompt Form ***\n --\x3e\n <div id="chat-prompt">\n <form id="${this.chat_form_prompt_id}">\n <fieldset>\n <label>Prompt</label>\n <input type="text"\n id="chat-prompt"\n name="chat-prompt"\n value="" \n disabled\n style="width:-webkit-fill-available;"></input>\n </fieldset>\n </form>\n </div>\n\n \x3c!--\n *** Configuration Form ***\n --\x3e\n <hr/>\n <div id="chat-config">\n <form id="${this.chat_form_config_id}">\n <fieldset>\n <label>Configuration options</label>\n </fieldset>\n <fieldset>\n <label>Max Token <span class="chat-config-help-text">(0 to 8192)</span></label>\n <input type="number"\n id="maxTokens"\n name="maxTokens"\n value="${this.maxTokens}" \n min="1" max="8192"\n style="width:-webkit-fill-available;">\n </input>\n </fieldset>\n \x3c!--randomSeed--!>\n <fieldset>\n <label>Random Seed <span class="chat-config-help-text"> (The random seed used during text generation)</span></label>\n <input type="number"\n id="randomSeed"\n name="randomSeed"\n value="${this.randomSeed}" \n min="1" max="1000"\n style="width:-webkit-fill-available;">\n </input>\n </fieldset>\n \x3c!--topK--\x3e\n <fieldset>\n <label>topK <span class="chat-config-help-text"> (level of control in text generation)</span></label>\n <input type="number"\n id="topK"\n name="topK"\n value="${this.topK}" \n min="0" max="100"\n style="width:-webkit-fill-available;">\n </input>\n </fieldset>\n \x3c!--temperature--\x3e\n <fieldset>\n <label>temperature <span class="chat-config-help-text"> (The amount of randomness introduced during generation)</span></label>\n <input type="text"\n id="temperature"\n name="temperature"\n value="${this.temperature}"\n style="width:-webkit-fill-available;">\n </input>\n </fieldset>\n <fieldset>\n <button \n form="${this.chat_form_config_id}"\n type="submit">\n Update\n </button>\n </fieldset>\n </form>\n </div>\n </section>\n `}});

package-lock.json ADDED Viewed

	@@ -0,0 +1,500 @@

+{
+  "name": "agentic-stack-js-huggingface",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "agentic-stack-js-huggingface",
+      "version": "1.0.0",
+      "license": "ISC",
+      "dependencies": {
+        "agentic-stack-js-web-components": "^1.0.6"
+      },
+      "devDependencies": {
+        "copyfiles": "^2.4.1"
+      }
+    },
+    "node_modules/@mediapipe/tasks-genai": {
+      "version": "0.10.23",
+      "resolved": "https://registry.npmjs.org/@mediapipe/tasks-genai/-/tasks-genai-0.10.23.tgz",
+      "integrity": "sha512-3ApFdNBlsTa8rxok5+kyEmQscTEqdm/9THwCSmb6xz5uvf7v5zK5hHuIEzHdWDv00pTytg1KDWIWAvLyijr9uw==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/agentic-stack-js-web-components": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/agentic-stack-js-web-components/-/agentic-stack-js-web-components-1.0.6.tgz",
+      "integrity": "sha512-G3DyKI5LJWseyXmz+0awxSAv7+pSb6PagUYqvhM0TP8NCWh83vm4s2jp7KEjNxzVrvpdbhCl8Ctj8Utnr4bkzA==",
+      "license": "ISC",
+      "dependencies": {
+        "@mediapipe/tasks-genai": "^0.10.19"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/cliui": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz",
+      "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.0",
+        "wrap-ansi": "^7.0.0"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/copyfiles": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/copyfiles/-/copyfiles-2.4.1.tgz",
+      "integrity": "sha512-fereAvAvxDrQDOXybk3Qu3dPbOoKoysFMWtkY3mv5BsL8//OSZVL5DCLYqgRfY5cWirgRzlC+WSrxp6Bo3eNZg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "glob": "^7.0.5",
+        "minimatch": "^3.0.3",
+        "mkdirp": "^1.0.4",
+        "noms": "0.0.0",
+        "through2": "^2.0.1",
+        "untildify": "^4.0.0",
+        "yargs": "^16.1.0"
+      },
+      "bin": {
+        "copyfiles": "copyfiles",
+        "copyup": "copyfiles"
+      }
+    },
+    "node_modules/core-util-is": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
+      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
+    "node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+      "integrity": "sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/mkdirp": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
+      "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/noms": {
+      "version": "0.0.0",
+      "resolved": "https://registry.npmjs.org/noms/-/noms-0.0.0.tgz",
+      "integrity": "sha512-lNDU9VJaOPxUmXcLb+HQFeUgQQPtMI24Gt6hgfuMHRJgMRHMF/qZ4HJD3GDru4sSw9IQl2jPjAYnQrdIeLbwow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "inherits": "^2.0.1",
+        "readable-stream": "~1.0.31"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/readable-stream": {
+      "version": "1.0.34",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz",
+      "integrity": "sha512-ok1qVCJuRkNmvebYikljxJA/UEsKwLl2nI1OmaqAu4/UE+h0wKCHok4XkL/gvi39OacXvw59RJUOFUkDib2rHg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.1",
+        "isarray": "0.0.1",
+        "string_decoder": "~0.10.x"
+      }
+    },
+    "node_modules/require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/string_decoder": {
+      "version": "0.10.31",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
+      "integrity": "sha512-ev2QzSzWPYmy9GuqfIVildA4OdcGLeFZQrq5ys6RtiuF+RQQiZWr8TZNyAcuVXyQRYfEO+MsoB/1BuQVhOJuoQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/through2": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz",
+      "integrity": "sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "readable-stream": "~2.3.6",
+        "xtend": "~4.0.1"
+      }
+    },
+    "node_modules/through2/node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/through2/node_modules/readable-stream": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/through2/node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/untildify": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/untildify/-/untildify-4.0.0.tgz",
+      "integrity": "sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/wrap-ansi": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/xtend": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
+      "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4"
+      }
+    },
+    "node_modules/y18n": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yargs": {
+      "version": "16.2.0",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz",
+      "integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^7.0.2",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.0",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^20.2.2"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "20.2.9",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
+      "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    }
+  }
+}

package.json CHANGED Viewed

@@ -5,11 +5,15 @@
   "description": "static html page for Agentic Stack JS demo",
   "main": "index.js",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
   },
   "author": "",
   "license": "ISC",
   "dependencies": {
     "agentic-stack-js-web-components": "^1.0.6"
   }
 }

   "description": "static html page for Agentic Stack JS demo",
   "main": "index.js",
   "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "copyfiles -f ./node_modules/agentic-stack-js-web-components/dist/*.js ./dist/assests/js/"
   },
   "author": "",
   "license": "ISC",
   "dependencies": {
     "agentic-stack-js-web-components": "^1.0.6"
+  },
+  "devDependencies": {
+    "copyfiles": "^2.4.1"
   }
 }

src/index.html ADDED Viewed

	@@ -0,0 +1,22 @@

+<!doctype html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width" />
+		<title>My static Space</title>
+		<link rel="stylesheet" href="style.css" />
+        <script type="module" src="/js/agenticstack.js"></script>
+	</head>
+	<body>
+		<div class="card">
+			<h1>Welcome Agentic Stack JS</h1>
+			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
+			<p>
+				Also don't forget to check the
+				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
+			</p>
+		</div>
+	</body>
+</html>