!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/IFtdIDogbm9kZS5jaG9pY2VzXG4gICAgKTtcbiAgICBjb25zdCBzZWxlY3RlZENob2ljZSA9IGFsbENob2ljZXMuZmluZChjaG9pY2UgPT4gY2hvaWNlLmlkID09PSBjaG9pY2VJZCk7XG4gICAgY29uc3QgbmV4dE5vZGUgPSBqc29uQ29udGVudC5maW5kKG5vZGUgPT4gbm9kZS5pZCA9PT0gc2VsZWN0ZWRDaG9pY2UubmV4dE5vZGUpO1xuXG4gICAgYWRkQ2hvaWNlVG9IaXN0b3J5KHNlbGVjdGVkQ2hvaWNlKTtcbiAgICB1cGRhdGVBY3RpdmVOb2RlKG5leHROb2RlKTtcbn1cblxuZnVuY3Rpb24gYWRkQ2hvaWNlVG9IaXN0b3J5KHNlbGVjdGVkQ2hvaWNlKSB7XG4gICAgY29uc3QgY2hvaWNlRGl2ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2Jyk7XG4gICAgY2hvaWNlRGl2LmlubmVySFRNTCA9IHNlbGVjdGVkQ2hvaWNlLnRleHQ7XG4gICAgY2hvaWNlRGl2LmNsYXNzTGlzdC5hZGQoJ2Nob2ljZS1kaXYnKTtcbiAgICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnaGlzdG9yeScpLmFwcGVuZENoaWxkKGNob2ljZURpdik7XG59XG5cbmZ1bmN0aW9uIHVwZGF0ZUFjdGl2ZU5vZGUobm9kZSkge1xuICAgIGNvbnN0IG5vZGVEaXYgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKTtcbiAgICBub2RlRGl2LmlubmVySFRNTCA9IG5vZGUudGV4dDtcbiAgICBub2RlRGl2LmNsYXNzTGlzdC5hZGQoJ25vZGUtZGl2Jyk7XG4gICAgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2hpc3RvcnknKS5hcHBlbmRDaGlsZChub2RlRGl2KTtcblxuICAgIGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdjaG9pY2VzJykuaW5uZXJIVE1MID0gJyc7XG4gICAgcHJpbnRDaG9pY2VzKG5vZGUpO1xufVxuXG53aW5kb3cub25sb2FkID0gKCkgPT4ge1xuICAgIGZldGNoKCcvbm9kZXMnLCB7XG4gICAgICAgIG1ldGhvZDogJ0dFVCdcbiAgICB9KVxuICAgIC50aGVuKHJlc3BvbnNlID0+IHJlc3BvbnNlLmpzb24oKSlcbiAgICAudGhlbihkYXRhID0+IHtcbiAgICAgICAganNvbkNvbnRlbnQgPSBkYXRhO1xuICAgICAgICB1cGRhdGVBY3RpdmVOb2RlKGpzb25Db250ZW50WzBdKTtcbiAgICB9KTtcbn0iXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///0\n")}]);