35 lines
1.1 KiB
HTML
35 lines
1.1 KiB
HTML
<!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>
|