Initial commit

2025-09-25 22:16:05 +10:00
commit 37205bf33a
5 changed files with 74 additions and 0 deletions
--- a/client/index.html
+++ b/client/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>gride</title>
+    <script src="index.js"></script>
+    <style>
+      p {
+        line-height: 0.3;
+      }
+    </style>
+  </head>
+  <body>
+    <button onclick="runCode()">Run</button>
+    <code id="editor"></code>
+  </body>
+</html>
--- a/client/index.js
+++ b/client/index.js
@@ -0,0 +1,37 @@
+let textbox;
+let text = '<p># welcome to gride!</p>\n<p># start typing to code a program in Ground!</p>\n<p>';
+
+// Wait for the window to load before doing anything
+window.addEventListener("load", function() {
+  textbox = document.getElementById("editor");
+  textbox.innerHTML = text + "</p>";
+});
+
+// When we press a key, start doing stuff
+onkeydown = (event) => {
+  if (event.key == "Enter") {
+    text += "</p>\n<p>";
+  } else if (event.key == "Tab") {
+    text += "    ";
+  } else if (event.key == "Backspace") {
+    if (text.slice(-8) == "</p>\n<p>") {
+      text = text.slice(0, -8)  
+    } else {
+      text = text.slice(0, -1)
+    }
+  } else if (!(event.key == "Control" || event.key == "Alt" || event.key == "Meta" || event.key == "Shift" || event.key == "Escape")) {
+    text += event.key;
+  }
+  textbox.innerHTML = text + "</p>";
+}
+
+async function runCode() {
+  console.log(text.split("<p>").join("").split("</p>").join(""));
+  const result = await fetch("http://localhost:5000/runProgram", {
+    "method": "POST",
+    //"mode": "no-cors",
+    "body": text.split("<p>").join("").split("</p>").join("")
+  });
+  const data = await result.json();
+  console.log("Output: ", data);
+}