Convert app into node version with express.

public/css/styles.css

@@ -0,0 +1,28 @@
+body {
+    background-color: #222;
+    color: white;
+}
+
+.choice-btn {
+    padding: 5px 10px;
+    border-radius: 3px;
+    border: 1px solid black;
+    margin: 2px;
+}
+
+.choice-btn:hover {
+    background-color: #ccc;
+}
+
+.choice-div {
+    border: 1px green solid;
+}
+
+.node-div {
+    border: 1px red solid;
+}
+
+#content {
+    width: 500px;
+    margin: auto;
+}

public/index.html

@@ -1,48 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8">
-
-    <title>Textual game</title>
-    <meta name="description" content="The HTML5 Herald">
-    <meta name="author" content="SitePoint">
-
-    <link rel="stylesheet" href="css/styles.css?v=1.0">
-
-    <style type="text/css">
-      body {
-        background-color: #222;
-        color: white;
-      }
-      .choice-btn {
-        padding: 5px 10px;
-        border-radius: 3px;
-        border: 1px solid black;
-        margin: 2px;
-      }
-
-      .choice-btn:hover {
-        background-color: #ccc;
-      }
-
-      .choice-div {
-        border: 1px green solid;
-      }
-      .node-div {
-        border: 1px red solid;
-      }
-      #content {
-        width: 500px;
-        margin: auto;
-      }
-    </style>
-  </head>
-  <body>
-    <div id="content">
-      <h1>Textual Game</h1>
-      <div id="history"></div>
-      <div id="choices"></div>
-    </div>
-    <script src="./bundle.js"></script>
-  </body>
-</html>

public/js/app-bundle.js

@@ -0,0 +1 @@
+!function(n){var e={};function t(o){if(e[o])return e[o].exports;var c=e[o]={i:o,l:!1,exports:{}};return n[o].call(c.exports,c,c.exports,t),c.l=!0,c.exports}t.m=n,t.c=e,t.d=function(n,e,o){t.o(n,e)||Object.defineProperty(n,e,{enumerable:!0,get:o})},t.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},t.t=function(n,e){if(1&e&&(n=t(n)),8&e)return n;if(4&e&&"object"==typeof n&&n&&n.__esModule)return n;var o=Object.create(null);if(t.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var c in n)t.d(o,c,function(e){return n[e]}.bind(null,c));return o},t.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(e,"a",e),e},t.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},t.p="",t(t.s=0)}([function(module,exports){eval("let jsonContent = [];\n\nfunction printChoices(node) {\n    if (node.choices) {\n        return node.choices.forEach(choice => {\n            const newBtn = document.createElement('button');\n            newBtn.onclick = () => selectChoice(choice.id);\n            newBtn.innerHTML = choice.text;\n            newBtn.classList.add('choice-btn');\n            document.getElementById('choices').appendChild(newBtn);\n        });\n    }\n}\n\nfunction selectChoice(choiceId) {\n    console.log('Click on choice ', choiceId);\n    const allChoices = jsonContent.flatMap(node =>\n        !node.choices ? [] : node.choices\n    );\n    const selectedChoice = allChoices.find(choice => choice.id === choiceId);\n    const nextNode = jsonContent.find(node => node.id === selectedChoice.nextNode);\n\n    addChoiceToHistory(selectedChoice);\n    updateActiveNode(nextNode);\n}\n\nfunction addChoiceToHistory(selectedChoice) {\n    const choiceDiv = document.createElement('div');\n    choiceDiv.innerHTML = selectedChoice.text;\n    choiceDiv.classList.add('choice-div');\n    document.getElementById('history').appendChild(choiceDiv);\n}\n\nfunction updateActiveNode(node) {\n    const nodeDiv = document.createElement('div');\n    nodeDiv.innerHTML = node.text;\n    nodeDiv.classList.add('node-div');\n    document.getElementById('history').appendChild(nodeDiv);\n\n    document.getElementById('choices').innerHTML = '';\n    printChoices(node);\n}\n\nwindow.onload = () => {\n    fetch('/nodes', {\n        method: 'GET'\n    })\n    .then(response => response.json())\n    .then(data => {\n        jsonContent = data;\n        updateActiveNode(jsonContent[0]);\n    });\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvZnJvbnQvaW5kZXguanM/YzhlYyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBUztBQUNUO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0wiLCJmaWxlIjoiMC5qcyIsInNvdXJjZXNDb250ZW50IjpbImxldCBqc29uQ29udGVudCA9IFtdO1xuXG5mdW5jdGlvbiBwcmludENob2ljZXMobm9kZSkge1xuICAgIGlmIChub2RlLmNob2ljZXMpIHtcbiAgICAgICAgcmV0dXJuIG5vZGUuY2hvaWNlcy5mb3JFYWNoKGNob2ljZSA9PiB7XG4gICAgICAgICAgICBjb25zdCBuZXdCdG4gPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdidXR0b24nKTtcbiAgICAgICAgICAgIG5ld0J0bi5vbmNsaWNrID0gKCkgPT4gc2VsZWN0Q2hvaWNlKGNob2ljZS5pZCk7XG4gICAgICAgICAgICBuZXdCdG4uaW5uZXJIVE1MID0gY2hvaWNlLnRleHQ7XG4gICAgICAgICAgICBuZXdCdG4uY2xhc3NMaXN0LmFkZCgnY2hvaWNlLWJ0bicpO1xuICAgICAgICAgICAgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2Nob2ljZXMnKS5hcHBlbmRDaGlsZChuZXdCdG4pO1xuICAgICAgICB9KTtcbiAgICB9XG59XG5cbmZ1bmN0aW9uIHNlbGVjdENob2ljZShjaG9pY2VJZCkge1xuICAgIGNvbnNvbGUubG9nKCdDbGljayBvbiBjaG9pY2UgJywgY2hvaWNlSWQpO1xuICAgIGNvbnN0IGFsbENob2ljZXMgPSBqc29uQ29udGVudC5mbGF0TWFwKG5vZGUgPT5cbiAgICAgICAgIW5vZGUuY2hvaWNlcyA/IFtdIDogbm9kZS5jaG9pY2VzXG4gICAgKTtcbiAgICBjb25zdCBzZWxlY3RlZENob2ljZSA9IGFsbENob2ljZXMuZmluZChjaG9pY2UgPT4gY2hvaWNlLmlkID09PSBjaG9pY2VJZCk7XG4gICAgY29uc3QgbmV4dE5vZGUgPSBqc29uQ29udGVudC5maW5kKG5vZGUgPT4gbm9kZS5pZCA9PT0gc2VsZWN0ZWRDaG9pY2UubmV4dE5vZGUpO1xuXG4gICAgYWRkQ2hvaWNlVG9IaXN0b3J5KHNlbGVjdGVkQ2hvaWNlKTtcbiAgICB1cGRhdGVBY3RpdmVOb2RlKG5leHROb2RlKTtcbn1cblxuZnVuY3Rpb24gYWRkQ2hvaWNlVG9IaXN0b3J5KHNlbGVjdGVkQ2hvaWNlKSB7XG4gICAgY29uc3QgY2hvaWNlRGl2ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2Jyk7XG4gICAgY2hvaWNlRGl2LmlubmVySFRNTCA9IHNlbGVjdGVkQ2hvaWNlLnRleHQ7XG4gICAgY2hvaWNlRGl2LmNsYXNzTGlzdC5hZGQoJ2Nob2ljZS1kaXYnKTtcbiAgICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnaGlzdG9yeScpLmFwcGVuZENoaWxkKGNob2ljZURpdik7XG59XG5cbmZ1bmN0aW9uIHVwZGF0ZUFjdGl2ZU5vZGUobm9kZSkge1xuICAgIGNvbnN0IG5vZGVEaXYgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKTtcbiAgICBub2RlRGl2LmlubmVySFRNTCA9IG5vZGUudGV4dDtcbiAgICBub2RlRGl2LmNsYXNzTGlzdC5hZGQoJ25vZGUtZGl2Jyk7XG4gICAgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2hpc3RvcnknKS5hcHBlbmRDaGlsZChub2R
Line truncated