graphical output in code blocks

2024-02-18 00:29:58 +01:00 · 2024-02-18 00:29:58 +01:00 · 51de33c2b5
commit 51de33c2b5
parent 565b6a0520
13 changed files with 351 additions and 57 deletions
--- a/template/sandbox.hbs
+++ b/template/sandbox.hbs
@ -0,0 +1,32 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+    <title>treehouse iframe sandbox</title>
+
+    <style>
+        body {
+            margin: 0;
+            overflow: hidden;
+        }
+    </style>
+
+    <script type="importmap">{ "imports": { "treehouse/": "{{ config.site }}/static/js/" } }</script>
+
+    <script type="module">
+        import { evaluate } from "treehouse/components/literate-programming/eval.js";
+        console.log("yo");
+        addEventListener("message", async event => {
+            let message = event.data;
+            if (message.action == "eval") {
+                document.body.replaceChildren();
+                evaluate(message.input);
+            }
+        });
+    </script>
+</head>
+
+<body></body>
+
+</html>