Simple web server

2022-05-04 17:00:00 +02:00
parent f038e4f272
commit 05ecdb1f9e
13 changed files with 209 additions and 7 deletions
--- a/src/js/index.html
+++ b/src/js/index.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <link rel="stylesheet" href="/dist/style.css" type="text/css" media="screen" />
+    <link rel="stylesheet" href="/dist/style-custom.css" type="text/css" media="screen" />
+    <title>Nim on JS</title>
+  </head>
+  <body onload="startApp()">
+    <div id="app" class="container"></div>
+
+    <!-- React -->
+    <script src="/dist/node_modules/react/umd/react.development.js"></script>
+    <script src="/dist/node_modules/react-dom/umd/react-dom.development.js"></script>
+
+    <!-- React Wrapper Helpers for nim -->
+    <script>
+     function myUseState(state) {
+       const [getter, setter] = React.useState(state);
+       return { getter, setter };
+     }
+    </script>
+
+    <!-- Nim App -->
+    <script src="/dist/sandbox.js"></script>
+    <script>
+     function startApp() {
+         const root = ReactDOM.createRoot(document.getElementById('app'));
+         root.render(React.createElement(makeTopLevel))
+     }
+    </script>
+  </body>
+</html>