ai-npcs-x

Running

App Files Files Community

AEUPH commited on Aug 14, 2024

Commit

ba4ebd2

verified ·

1 Parent(s): 1d596da

Update cubzh.html

Browse files

Files changed (1) hide show

cubzh.html +22 -49

cubzh.html CHANGED Viewed

@@ -1,61 +1,34 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Wrapper</title>
-    <style>
-        body,
-        html {
-            margin: 0;
-            padding: 0;
-            height: 100%;
-            overflow: hidden;
-        }
-        .fullscreen-iframe {
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-        }
-        iframe {
-            width: 100%;
-            height: 100%;
-        }
-    </style>
 </head>
 <body>
-    <div class="fullscreen-iframe">
-        <iframe id="dynamic-iframe" frameborder="0" allowfullscreen crossorigin allow="cross-origin-isolated"></iframe>
     </div>
     <script>
-		function onDOMContentLoaded() {
-			document.removeEventListener("DOMContentLoaded", onDOMContentLoaded);
-			var currentUrl = window.location.href;
-            var regex = /https:\/\/([\w]+)-([\w-]+)\.static\.hf\.space/;
-            var match = currentUrl.match(regex);
-            if (match) {
-                var repo = match[1];
-                var space = match[2];
-            	var targetUrl = "https://huggingface.cu.bzh/?script=huggingface.co/spaces/" + repo + "/" + space
-            	console.log("targetUrl:", targetUrl)
-            	document.getElementById("dynamic-iframe").src = targetUrl;
-            } else {
-                console.error("URL pattern does not match.");
-            }
-		}
-		document.addEventListener("DOMContentLoaded", onDOMContentLoaded);
     </script>
 </body>
-</html>

 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>NPC Chat Interface</title>
 </head>
 <body>
+    <div id="npc-chat-container">
+        <p id="npc-response">NPC is waiting...</p>
+        <input type="text" id="player-input" placeholder="Type your message here..." />
+        <button id="send-button">Send</button>
     </div>
     <script>
+        document.getElementById('send-button').addEventListener('click', async function () {
+            const playerInput = document.getElementById('player-input').value;
+            const npcResponseElement = document.getElementById('npc-response');
+            // Call the LLM API
+            const response = await fetch('https://api.your-llm.com/inference', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({ prompt: playerInput }),
+            });
+            const data = await response.json();
+            npcResponseElement.textContent = data.response; // Assuming the LLM response is in data.response
+        });
     </script>
 </body>
+</html>