From 7eec6ef0aa933a4745c328cd3b6ccac518b87579 Mon Sep 17 00:00:00 2001
From: Michiel Borkent <michielborkent@gmail.com>
Date: Mon, 10 Oct 2022 13:52:52 +0200
Subject: [PATCH] update codemirror page

---
 resources/public/codemirror.html | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)
diff --git a/resources/public/codemirror.html b/resources/public/codemirror.html
index 384a425..12850f1 100644
--- a/resources/public/codemirror.html
+++ b/resources/public/codemirror.html
@@ -1,7 +1,11 @@
 <html>
   <head>
-    <script async src="https://ga.jspm.io/npm:es-module-shims@1.5.9/dist/es-module-shims.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/scittle@0.3.10/dist/scittle.js" type="application/javascript"></script>
+    <script async src="https://ga.jspm.io/npm:es-module-shims@1.6.1/dist/es-module-shims.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/scittle@0.3.10/dist/scittle.js"></script>
+    <script>scittle.core.disable_auto_eval(); console.log('yolo!')</script>
+    <script src="https://unpkg.com/react@17/umd/react.production.min.js"></script>
+    <script src="https://unpkg.com/react-dom@17/umd/react-dom.production.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/scittle@0.3.10/dist/scittle.reagent.js">    </script>
     <script type="importmap">
       {
         "imports": {
@@ -25,12 +29,12 @@
       }
     </script>
     <script type="module" type="application/javascript">
-      import * as cm from 'codemirror'
-      import * as lc from '@nextjournal/lang-clojure'
-      globalThis.cm = cm;
-      globalThis.lc = lc;
+      globalThis.cm = await import('codemirror');
+      globalThis.lc = await import('@nextjournal/lang-clojure');
+      scittle.core.eval_script_tags();
     </script>
-    <script id="code" type="application/x-scittle">
+
+    <script type="application/x-scittle">
       (require (quote [clojure.string :as str]))
       (def cm
        (let [doc (str/trim "
