{"version":3,"sources":["Info.js","Stepper.js","InitialPopup.js","Books.js","Store.js","TextWindow.js","BookSelector.js","DataLoading.js","App.js","Routes.js","reportWebVitals.js","index.js"],"names":["Info","props","nodeRef","useRef","CSSTransition","in","timeout","classNames","className","ref","href","title","style","margin","textAlign","src","alt","rel","target","verticalAlign","Stepper","prevStepsCSS","step","shouldShowFullTranslation","nextStepsCSS","maxStep","translateIconCSS","shouldAllowShowFullTranslation","onClick","showFullTranslation","marginRight","showBookSelector","disabled","decrementStep","type","maxLength","onChange","changeStep","onFocus","ev","select","onKeyUp","key","blur","value","pattern","incrementStep","InitialPopup","seenPopupPreviously","localStorage","getItem","hidePopup","setSeenPopup","setTimeout","setItem","Fragment","seenPopup","srcSet","media","getDailyCacheBuster","today","Date","dd","String","getDate","padStart","getMonth","getFullYear","Books","BookLoader","load","fetch","headers","method","then","response","json","books","loadText","promiseArray","forEach","b","bookTextPromise","translation","text","steps","nativeText","SoundGenerator","push","Promise","all","SoundObject","book","language","texts","concat","window","initBookTitle","initBook","find","data","store","booksLoaded","length","preLoadedSounds","preLoadSounds","save","bool","snds","index","soundName","Audio","shouldShowBookSelector","parseInt","volumeOn","callbacks","cb","TextWindow","highlightRef","currentStep","join","newPhrase","newLanguageText","subText","substr","startIndex","endIndex","split","current","scrollIntoView","tangentialCSS","map","paragraph","paragraphIndex","indexOf","highlightedTextStartIndex","highlightedTextEndIndex","lastIndexOf","highlightedText","replace","substring","highlighCSS","isGreen","highlightSearchRegEx","highlightSections","BookSelector","useState","flag","setFlag","hideBookSelector","selectedBook","selectedLanguage","volumeIcon","backgroundImage","filter","css","chooseBook","bind","author","color","padding","toggleVolume","opacity","paddingTop","marginLeft","display","paddingBottom","toString","DataLoading","App","setStore","persistStep","stopAudio","a","Object","keys","k","pause","currentTime","getTextIndexByStartIndex","t","useEffect","assign","Math","max","booksForChosenLanguage","selectedIndex","findIndex","nextBook","min","stepIndex","textIndex","play","num","actualNumber","isNaN","Routes","path","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.148abf3f.chunk.js","sourcesContent":["import React, { useRef } from 'react';\r\nimport { CSSTransition } from 'react-transition-group';\r\nimport './Info.css';\r\n\r\nfunction Info(props) {\r\n\r\n  const nodeRef = useRef(null);\r\n\r\n  return (\r\n    \r\n    <CSSTransition in={true} nodeRef={nodeRef} timeout={200} classNames=\"fadeOut\">\r\n      <div className=\"Info-container\" ref={nodeRef}>\r\n\r\n            <div className=\"Info-close\">\r\n                <a href=\"/\" className=\"Info-close-button\" title=\"Close\">\r\n                  <i className=\"material-icons\">close</i>\r\n                </a>\r\n            </div>\r\n\r\n            <div className=\"Info-text\">\r\n\r\n              <p style={{ margin: 0, textAlign: \"center\" }}>\r\n                <img src=\"/neuron.png\" alt=\"Neuron\" />\r\n              </p>\r\n              \r\n              <p>\r\n                The general idea behind DonQuixote is to attempt to capitalize on\r\n                &nbsp;<a rel=\"noreferrer noopener\" href=\"https://en.wikipedia.org/wiki/Hebbian_theory\" target=\"_blank\" className=\"Info-link\">Hebbian learning</a>&nbsp;\r\n                by using your primary language as the basis and springboard for learning a new language.\r\n                As a child, we are constantly associating words and phrases contextually. When we're young, we see a ball, and a parent says \"ball.\" \r\n                After enough conditioning, we associate the word ball with its image. By stepping through a DonQuixote \r\n                text and reciting your primary language aloud as well as the language you're trying to learn, we believe that you're cutting \r\n                down learning time drastically by activating the same associative learning mechanism used as a child.\r\n              </p>\r\n\r\n              <p>\r\n                With modern language learning apps, the focus is very much on the new word or phrase you're \r\n                trying to learn. While this seems like the obvious track, we take the opposite approach and focus on the words you know in your\r\n                 primary language instead. We then introduce you to the associated words and phrases in the other language. This method should enable the \r\n                 brain to attribute meaning to the new language. \r\n              </p>\r\n\r\n              <p>\r\n                As you step through the lessons, you may notice that your primary language sounds stranger than usual. \r\n                The sacrifice in usual word order in your primary language enables you to think contextually in the \r\n                language you're trying to learn. When you get to the <span className=\"Info-green\">highlighted green text</span>, you'll notice a sense of understanding that you didn't have before.\r\n                 You may also become aware if you hit the translate button(<span className=\"material-icons\" style={{ verticalAlign: \"-4px\" }}>translate</span>), you can read and understand the \r\n                entire text, especially if you go through it more than once.\r\n              </p>\r\n\r\n              <p>\r\n                That's our handwavy theory behind it anyway. You'll have to try it for yourselves and see how effective DonQuixote is for you. We believe all \r\n                language learning apps are useful in your language learning journey and hope that you continue to use them as well as DonQuixote going forward.\r\n              </p>\r\n\r\n              <p>\r\n                <a href=\"/\" className=\"Info-link\">Get Started</a>\r\n              </p>\r\n\r\n            </div>\r\n\r\n      </div>\r\n    </CSSTransition>\r\n  );\r\n}\r\n\r\nexport default Info;\r\n","import React, { useRef } from 'react';\r\nimport { CSSTransition } from 'react-transition-group';\r\nimport './Stepper.css';\r\nimport classNames from \"classnames\";\r\n\r\nfunction Stepper(props) {\r\n\r\n  const nodeRef = useRef(null);\r\n\r\n  const focus = (ev) => {\r\n    ev.target.select();\r\n  };\r\n\r\n  const keyUp = (ev) => {\r\n    if (ev.key === \"Enter\") {\r\n      ev.target.blur();\r\n    }\r\n  };\r\n\r\n  const prevStepsCSS = classNames({\r\n    \"Stepper-button\": true,\r\n    \"Stepper-disable\": props.step <= 1 || props.shouldShowFullTranslation !== 0\r\n  });\r\n\r\n  const nextStepsCSS = classNames({\r\n    \"Stepper-button\": true,\r\n    \"Stepper-done\": props.step === props.maxStep,\r\n    \"Stepper-disable\": props.shouldShowFullTranslation !== 0\r\n  });\r\n\r\n  const translateIconCSS =  classNames({\r\n    \"Stepper-button\": true,\r\n    \"Stepper-book\": true,\r\n    \"Stepper-foreign\": props.shouldShowFullTranslation === 1,\r\n    \"Stepper-domestic\": props.shouldShowFullTranslation === 2\r\n  });\r\n\r\n  return (\r\n    \r\n    <CSSTransition in={true} nodeRef={nodeRef} timeout={200} classNames=\"fadeOut\">\r\n      <div className=\"Stepper\" ref={nodeRef}>\r\n        {props.shouldAllowShowFullTranslation && <button className={translateIconCSS} onClick={props.showFullTranslation} title=\"View entire text in your primary/foreign language\" style={{ marginRight: \"-10px\" }}>\r\n            <span className=\"material-icons\">translate</span>\r\n        </button>}\r\n        <button className=\"Stepper-button Stepper-book\" onClick={props.showBookSelector} title=\"Change text\">\r\n            <span className=\"material-icons\">book</span>\r\n        </button>\r\n        <button disabled={props.shouldShowFullTranslation !== 0} className={prevStepsCSS} onClick={props.decrementStep}>\r\n            <span className=\"material-icons\">chevron_left</span>\r\n        </button>\r\n        <input type=\"text\"\r\n          className=\"Stepper-stepNum\"\r\n          maxLength={6}\r\n          onChange={props.changeStep}\r\n          onFocus={focus}\r\n          onKeyUp={keyUp}\r\n          value={props.step}\r\n          pattern=\"^[0-9]*$\"\r\n          disabled={props.shouldShowFullTranslation !== 0}\r\n        />\r\n        <button disabled={props.shouldShowFullTranslation !== 0} className={nextStepsCSS} onClick={props.incrementStep}>\r\n          \r\n            <CSSTransition in={props.step !== props.maxStep} nodeRef={nodeRef} timeout={200} classNames=\"Stepper-show-chevron\">\r\n              <span className=\"material-icons mi-chevron-right\">chevron_right</span>\r\n            </CSSTransition>\r\n            <CSSTransition in={props.step === props.maxStep} nodeRef={nodeRef} timeout={400} classNames=\"Stepper-show-done\">\r\n              <span title=\"You finished the text. Click here to go to the next text.\" className=\"material-icons mi-done\">done</span>\r\n            </CSSTransition>\r\n        </button>\r\n\r\n      </div>\r\n    </CSSTransition>\r\n  );\r\n}\r\n\r\nexport default Stepper;\r\n","import React, { useRef } from 'react';\r\nimport { CSSTransition } from 'react-transition-group';\r\nimport './InitialPopup.css';\r\n\r\nfunction InitialPopup(props) {\r\n\r\n  let seenPopupPreviously = localStorage && localStorage.getItem(\"popupSeen\");\r\n  const nodeRef = useRef(null);\r\n\r\n  const hidePopup = () => {\r\n\r\n    props.setSeenPopup();\r\n    \r\n    setTimeout(() => {\r\n      \r\n      if (localStorage) {\r\n        localStorage.setItem(\"popupSeen\", true);\r\n      }\r\n    }, 1);\r\n  };\r\n\r\n  if (seenPopupPreviously) {\r\n    return <React.Fragment />;\r\n  }\r\n\r\n  // setTimeout(() => {\r\n  //   hidePopup();\r\n  // }, 40000);\r\n\r\n  return (\r\n    \r\n    <CSSTransition in={!props.seenPopup} nodeRef={nodeRef} timeout={200} classNames=\"fadeOut\">\r\n      <div className=\"InitialPopup-container\" ref={nodeRef}>\r\n        <div className=\"InitialPopup-background\" onClick={hidePopup} />\r\n        <div className=\"InitialPopup\">\r\n\r\n          <div className=\"InitialPopup-close\">\r\n            <button className=\"InitialPopup-close-button\" title=\"Close & begin\" onClick={hidePopup}>\r\n              <i className=\"material-icons\">close</i>\r\n            </button>\r\n          </div>\r\n          <p className=\"InitialPopup-image\">\r\n            <picture>\r\n              <source srcSet=\"/don-quixote-small.jpg\" media=\"(min-height: 600px)\"/>\r\n              <img src=\"/don-quixote-small.jpg\" alt=\"Don Quixote\" />\r\n            </picture>\r\n          </p>\r\n          <p className=\"InitialPopup-intro\">\r\n            Welcome to <b>donquixote.fun</b>, a novel way of learning languages quickly.\r\n            We only have a few translations right now, but stay tuned. Read the following suggestions and then begin. Good luck!\r\n          </p>\r\n          <ul>\r\n            <li><span className=\"material-icons checkbox\">check_circle</span> Recite the <span className=\"InitialPopup-english\">Primary</span> and <span className=\"InitialPopup-spanish\">Foreign</span> language in the highlighted sections out loud</li>\r\n            <li><span className=\"material-icons checkbox\">check_circle</span> When you get to a <span className=\"InitialPopup-greenText\">green</span> highlighted item, you should understand the meaning</li>\r\n            <li><span className=\"material-icons checkbox\">check_circle</span> If you pause, remember the step number you left off, so you can resume your position later</li>\r\n            <li><span className=\"material-icons checkbox\">check_circle</span> Choose a different text if you'd like by clicking the book icon</li>\r\n          </ul>\r\n          <div className=\"InitialPopup-begin\">\r\n            <button className=\"InitialPopup-begin-button\" onClick={hidePopup}>\r\n              BEGIN\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </CSSTransition>\r\n  );\r\n}\r\n\r\nexport default InitialPopup;\r\n","\r\nconst getDailyCacheBuster = () => {\r\n    let today = new Date();\r\n    let dd = String(today.getDate()).padStart(2, '0');\r\n    let mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!\r\n    let yyyy = today.getFullYear();\r\n\r\n    return mm + dd + yyyy;\r\n};\r\n\r\nlet Books = [\r\n\r\n];\r\n\r\nconst BookLoader = {\r\n    load: () => {\r\n\r\n        return fetch(\"/books/books.json?t=\" + getDailyCacheBuster(), {\r\n            headers: {\r\n                \"Content-Type\": \"application/json\"\r\n            },\r\n            method: \"GET\"\r\n        }).then((response) => response.json())\r\n        .then((json) => {\r\n            \r\n            Books = json.books;\r\n\r\n            return BookLoader.loadText();\r\n        });\r\n    },\r\n    loadText: () => {\r\n\r\n        const promiseArray = [];\r\n\r\n        Books.forEach((b) => {\r\n\r\n            const bookTextPromise = fetch(`/books/${b.translation}?t=` + getDailyCacheBuster(), {\r\n                headers: {\r\n                    \"Content-Type\": \"application/json\"\r\n                },\r\n                method: \"GET\"\r\n            }).then((response) => response.json())\r\n            .then((json) => {\r\n                \r\n                b.text = json.text;\r\n                b.steps = json.steps;\r\n                b.nativeText = json.nativeText || [];\r\n\r\n                // console.log(\"b\", b);\r\n                \r\n                SoundGenerator(b);\r\n\r\n                return b;\r\n            });\r\n\r\n            promiseArray.push(bookTextPromise);\r\n        });\r\n\r\n        return Promise.all(promiseArray).then(() => {\r\n            return Books;\r\n        });\r\n    }\r\n};\r\n\r\nlet SoundObject = {};\r\nconst SoundGenerator = (book) => {\r\n\r\n    SoundObject[book.key] = SoundObject[book.key] || { language: book.language, texts: [] };\r\n\r\n    SoundObject[book.key].texts = SoundObject[book.key].texts.concat(book.text);\r\n    SoundObject[book.key].language = book.language;\r\n\r\n    window.SoundObject = SoundObject;\r\n}\r\n\r\nexport { BookLoader, Books };\r\n","import { BookLoader } from \"./Books\";\r\n\r\nBookLoader.load().then((books) => {\r\n\r\n    const initBookTitle = (localStorage && localStorage.getItem(\"prevBook\")) ? localStorage.getItem(\"prevBook\") : \"conversation1-es\";\r\n    const initBook = books.find((b) => b.key === initBookTitle);\r\n\r\n    data.store.booksLoaded = true;\r\n    data.store.book = initBookTitle;\r\n    data.store.steps = initBook.steps;\r\n    data.store.maxStep = initBook.steps.length;\r\n    data.store.text = initBook.text;\r\n    data.store.nativeText = initBook.nativeText;\r\n    data.store.preLoadedSounds = preLoadSounds(initBookTitle)\r\n\r\n    data.save();\r\n});\r\n\r\nconst stringToBool = (bool) => {\r\n\r\n    if (bool === \"true\") {\r\n        return true;\r\n    }\r\n\r\n    return false;\r\n};\r\n\r\nconst preLoadSounds = (title) => {\r\n  \r\n  const snds = {};\r\n\r\n  for (let index = 0; index < data.store.text.length; index++) {\r\n  \r\n    const soundName = `/sounds/${title}-${index}.mp3`;\r\n\r\n    snds[data.store.book + \"-\" + index] = new Audio(soundName);\r\n\r\n  }\r\n  \r\n  return snds;\r\n};\r\n\r\nconst data = {\r\n\r\n    store: {\r\n\r\n        booksLoaded: false,\r\n        book: \"conversation1-es\",\r\n        shouldShowBookSelector: false,\r\n        seenPopup: (localStorage && localStorage.getItem(\"popupSeen\")) ? true : false,\r\n        step: (localStorage && localStorage.getItem(\"prevStep\")) ? parseInt(localStorage.getItem(\"prevStep\"), 10) : 1,\r\n        steps: 1,\r\n        maxStep: 1,\r\n        text: \"\",\r\n        nativeText: \"\",\r\n        showFullTranslation: 0,\r\n        volumeOn: (localStorage && localStorage.getItem(\"volumeOn\") != null) ? stringToBool(localStorage.getItem(\"volumeOn\")) : true,\r\n        preLoadedSounds: {}\r\n    },\r\n\r\n    callbacks: [],\r\n\r\n    onChange: (cb) => {\r\n        data.callbacks.push(cb);\r\n    },\r\n\r\n    save: () => {\r\n        data.callbacks.forEach(cb => {\r\n            cb(data.store);\r\n        });\r\n    }\r\n};\r\n\r\nexport { data, preLoadSounds };\r\n","import classNames from 'classnames';\r\nimport React, { useRef } from 'react';\r\nimport { CSSTransition } from 'react-transition-group';\r\nimport './TextWindow.css';\r\n\r\nfunction TextWindow(props) {\r\n\r\n  const nodeRef = useRef(null);\r\n  const highlightRef = useRef(null);\r\n\r\n  const executeScroll = () => {\r\n  \r\n    setTimeout(() => {\r\n\r\n      if (highlightRef.current) {\r\n          highlightRef.current.scrollIntoView();\r\n      }\r\n    }, 1);\r\n      \r\n  };\r\n\r\n  const currentStep = props.steps[props.step - 1];\r\n\r\n  if (!props.text || !currentStep) {\r\n    return <React.Fragment />;\r\n  }\r\n\r\n  let text = props.text.join(\"|\"); // we joined all paragraphs as one string\r\n\r\n  if (props.shouldShowFullTranslation === 0) {\r\n\r\n    let nativeText = currentStep ? currentStep.nativeText : \"\";\r\n    let newPhrase = currentStep ? currentStep.newPhrase : \"\";\r\n    let newLanguageText = currentStep ? currentStep.newLanguageText : \"\";\r\n  \r\n    let subText = currentStep ? \"$$\" + nativeText + \"^^\" + newPhrase + \"^^\" + newLanguageText + \"$$\" : \"\"; // the text we want to insert\r\n  \r\n    if (props.seenPopup && currentStep) {\r\n  \r\n      text = text.substr(0, currentStep.startIndex) + subText + text.substr(currentStep.endIndex); // insert the new text\r\n    }\r\n  }\r\n\r\n  text = text.split(\"|\"); // turn it back into an array of paragraphs\r\n\r\n  executeScroll();\r\n\r\n  const tangentialCSS = classNames({\r\n    \"TextWindow\": true,\r\n    \"TextWindow-tan\": props.seenPopup,\r\n    \"TextWindow-fullForeign\": props.shouldShowFullTranslation === 1 || props.shouldShowFullTranslation === 2\r\n  });\r\n\r\n  return (\r\n    \r\n    <CSSTransition in={true} nodeRef={nodeRef} timeout={200} classNames=\"fadeOut\">\r\n      <div className={tangentialCSS} ref={nodeRef}>\r\n        \r\n        {text.map((paragraph, paragraphIndex) => {\r\n            if (paragraph.indexOf(\"$$\") !== -1) {\r\n\r\n                const highlightedTextStartIndex = paragraph.indexOf(\"$$\");\r\n                const highlightedTextEndIndex = paragraph.lastIndexOf(\"$$\") - 2;\r\n\r\n                const searchRegExp = /\\$\\$/g;\r\n                paragraph = paragraph.replace(searchRegExp, \"\");\r\n                let highlightedText = paragraph.substring(highlightedTextStartIndex, highlightedTextEndIndex);\r\n                // console.log(highlightedText, highlightedTextStartIndex, highlightedTextEndIndex);\r\n                let highlighCSS = currentStep.isGreen ? \"TextWindow-highlightGreen\" : \"TextWindow-highlight\";\r\n                let title = currentStep.isGreen ? \"You should have a decent level of understanding of the text when its highlighted green\" : \"\";\r\n\r\n                const highlightSearchRegEx = /\\^\\^/g;\r\n                const highlightSections = highlightedText.split(\"^^\");\r\n                const nativeText = highlightSections[0];\r\n                const newPhrase = highlightSections[1];\r\n                const newLanguageText = highlightSections[2];\r\n                highlightedText = highlightedText.replace(highlightSearchRegEx, \"\");\r\n                paragraph = paragraph.replace(highlightSearchRegEx, \"\");\r\n\r\n                paragraph = <p key={\"p-\" + paragraphIndex} className=\"TextWindow-p\">\r\n                    {paragraph.substr(0, highlightedTextStartIndex)}\r\n                    <span ref={highlightRef} className={highlighCSS} title={title}>\r\n                      <span className=\"TextWindow-nativeText\">{nativeText}</span>\r\n                      <span className=\"TextWindow-newPhrase\">{newPhrase}</span>\r\n                      <span className=\"TextWindow-newLanguageText\">{newLanguageText}</span>\r\n                    </span>\r\n                    {paragraph.substr(highlightedTextStartIndex + highlightedText.length)}\r\n                </p>;\r\n\r\n                return paragraph;\r\n            }\r\n\r\n            paragraph = paragraph.indexOf(\"(((\") !== -1 ? <i className=\"TextWindow-i\">{paragraph.replace(/\\(\\(\\(/g, \"\").replace(/\\)\\)\\)/g, \"\")}</i> : paragraph;\r\n\r\n            return <p key={\"p-\" + paragraphIndex} className=\"TextWindow-p\">{paragraph}</p>;\r\n        })}\r\n      </div>\r\n    </CSSTransition>\r\n  );\r\n}\r\n\r\nexport default TextWindow;\r\n","import React, { useRef, useState } from 'react';\r\nimport { CSSTransition } from 'react-transition-group';\r\nimport './BookSelector.css';\r\nimport { Books } from \"./Books\";\r\n\r\nfunction BookSelector(props) {\r\n\r\n  const nodeRef = useRef(null);\r\n  const [flag, setFlag] = useState(\"\");\r\n\r\n  const hidePopup = () => {\r\n\r\n    props.hideBookSelector();\r\n  };\r\n\r\n  const changeFlag = (ev) => {\r\n    setFlag(ev.target.value);\r\n  };\r\n\r\n  const toggleVolume = (ev) => {\r\n\r\n    props.toggleVolume();\r\n  };\r\n\r\n  const selectedBook = Books.find((b) => { return b.key === props.book; });\r\n\r\n  const selectedLanguage = selectedBook && !flag ? selectedBook.language : flag;\r\n\r\n  let volumeIcon = props.volumeOn ? \"volume_up\" : \"volume_mute\";\r\n\r\n  // console.log(\"vi\", props.volumeOn, volumeIcon);\r\n\r\n  return (\r\n    \r\n    <CSSTransition in={props.shouldShowBookSelector} nodeRef={nodeRef} timeout={200} classNames=\"modalFade\">\r\n      <div className=\"BookSelector-container\" ref={nodeRef}>\r\n        <div className=\"BookSelector-background\" onClick={hidePopup} ref={nodeRef} />\r\n        <div className=\"BookSelector\">\r\n\r\n          <div className=\"BookSelector-close\">\r\n            <button className=\"BookSelector-close-button\" title=\"Close & begin\" onClick={hidePopup}>\r\n              <i className=\"material-icons\">close</i>\r\n            </button>\r\n          </div>\r\n\r\n          <div className=\"BookSelector-text\">\r\n              Choose text\r\n          </div>\r\n\r\n          <div className=\"BookSelector-remember\">\r\n            Remember to recite each step aloud to aid learning.\r\n          </div>\r\n\r\n          <select onChange={changeFlag} value={selectedLanguage} className=\"BookSelector-select\" style={{ backgroundImage: `url('/${selectedLanguage}.png')` }}>\r\n            <option value=\"france\">French</option>\r\n            <option value=\"german\">German</option>\r\n            <option value=\"italy\">Italian</option>\r\n            <option value=\"spain\">Spanish</option>\r\n          </select>\r\n\r\n          <hr className=\"BookSelector-hr\" />\r\n\r\n          {Books.filter((b) => b.language === selectedLanguage).map((b) => {\r\n\r\n            const isSelected = b.key === props.book;\r\n            const css = isSelected ? \"BookSelector-book BookSelector-selected\" : \"BookSelector-book\";\r\n\r\n            return <button key={b.key} className={css} onClick={props.chooseBook.bind(this, b)}>{b.title} {b.author && <i>by {b.author}</i>}</button>\r\n          })}\r\n\r\n          <div style={{ color: \"#b1b1b1\", textAlign: \"right\", padding: \"20px 10px 0 0\" }}>\r\n            <button title=\"Toggle volume on/off\" className=\"BookSelector-sub-link BookSelector-volume\" onClick={toggleVolume} style={{ textAlign: \"left\", opacity: props.volumeOn ? 1 : 0.3 }}>\r\n              <span className=\"material-icons BookSelector-sub-icon\" style={{ paddingTop: \"8px\", marginLeft: 0 }}>{volumeIcon}</span>\r\n            </button>\r\n            <a href=\"/about\" title=\"Learn more\" className=\"BookSelector-sub-link BookSelector-info\">\r\n              <span className=\"material-icons BookSelector-sub-icon\" style={{ paddingTop: \"14px\" }}>info_outline</span>\r\n            </a>\r\n            <a href=\"mailto:info@donquixote.fun\" title=\"Email us\" className=\"BookSelector-sub-link\">\r\n              <span className=\"material-icons BookSelector-sub-icon\" style={{ paddingTop: \"14px\" }}>email</span>\r\n            </a>\r\n            <a href=\"https://twitter.com/DonQuixoteApp\" rel=\"noreferrer noopener\" target=\"_blank\" title=\"Visit us on Twitter\" className=\"BookSelector-sub-link BookSelector-twitter\">\r\n              <img src=\"/twitter.png\" alt=\"Twitter Icon\" className=\"BookSelector-twitter\" />\r\n            </a>\r\n            <span style={{ display: \"inline-block\", paddingBottom: \"8px\" }}>\r\n              &copy; {new Date().getFullYear().toString()} DonQuixote LLC\r\n            </span>\r\n          </div>\r\n          \r\n        </div>\r\n      </div>\r\n    </CSSTransition>\r\n  );\r\n}\r\n\r\nexport default BookSelector;\r\n","import React, { useRef } from 'react';\r\nimport { CSSTransition } from 'react-transition-group';\r\nimport './DataLoading.css';\r\n\r\nfunction DataLoading(props) {\r\n\r\n  const nodeRef = useRef(null);\r\n\r\n  return (\r\n    \r\n    <CSSTransition in={!props.booksLoaded} nodeRef={nodeRef} timeout={200} classNames=\"modalFade\">\r\n      <div className=\"DataLoading-container\" ref={nodeRef}>\r\n            <div className=\"DataLoading-subContainer\">\r\n                <img src=\"/donquixote-logo.png\" alt=\"DonQuixote logo\" className=\"DataLoading-img\" />\r\n                <br />\r\n                <div>\r\n                    ....loading, please wait\r\n                </div>\r\n            </div>\r\n      </div>\r\n    </CSSTransition>\r\n  );\r\n}\r\n\r\nexport default DataLoading;\r\n","import React, { useState, useEffect } from 'react';\nimport './App.css';\nimport Stepper from './Stepper';\nimport InitialPopup from './InitialPopup';\nimport { data, preLoadSounds } from \"./Store\";\nimport TextWindow from './TextWindow';\nimport BookSelector from './BookSelector';\nimport DataLoading from './DataLoading';\nimport { Books } from \"./Books\";\n\nfunction App() {\n\n  const [store, setStore] = useState(data.store);\n\n  const handleSeenPopup = () => {\n    data.store.seenPopup = true;\n    data.save();\n  }\n\n  const persistStep = () => {\n\n    if (localStorage) {\n      localStorage.setItem(\"prevStep\", data.store.step);\n      localStorage.setItem(\"prevBook\", data.store.book);\n    }\n\n  }\n\n  const changeStep = (ev) => {\n\n    stopAudio();\n    const num = parseInt(ev.target.value, 10);\n    const isANumber = !isNaN(num);\n    const actualNumber = isANumber ? num : 0;\n\n    data.store.step = Math.max(actualNumber, 1);\n    data.store.step = Math.min(data.store.step, data.store.maxStep);\n    \n    persistStep();\n    data.save();\n  \n  }\n\n  const decrementStep = () => {\n\n    stopAudio();\n    data.store.step = Math.max(data.store.step - 1, 1);\n\n    persistStep();\n    data.save();\n  }\n\n  const incrementStep = () => {\n\n    stopAudio();\n\n    if (data.store.maxStep === data.store.step) {\n\n      const selectedBook = Books.find((b) => { return b.key === data.store.book; });\n      const booksForChosenLanguage = Books.filter((b) => b.language === selectedBook.language);\n      const selectedIndex = booksForChosenLanguage.findIndex((b) => b.key === data.store.book);\n\n      if (booksForChosenLanguage.length > selectedIndex + 1) {\n        data.store.book = booksForChosenLanguage[selectedIndex + 1].key;\n      } else {\n        data.store.book = booksForChosenLanguage[0].key;\n      }\n\n      const nextBook = booksForChosenLanguage.find((b) => b.key === data.store.book);\n\n      data.store.book = nextBook.key;\n      data.store.text = nextBook.text;\n      data.store.nativeText = nextBook.nativeText;\n      data.store.steps = nextBook.steps;\n      data.store.maxStep = nextBook.steps.length;\n\n      data.store.step = 1;\n      \n    } else {\n\n      data.store.step = Math.min(data.store.step + 1, data.store.maxStep);\n\n      let stepIndex = data.store.step - 1;\n\n      if (data.store.volumeOn && data.store.steps[stepIndex] && data.store.steps[stepIndex].isGreen) {\n        let textIndex = getTextIndexByStartIndex(data.store.steps[stepIndex].startIndex);\n        // console.log(data.store.preLoadedSounds);\n        let audio = data.store.preLoadedSounds[`${data.store.book}-${textIndex}`] || new Audio(`/sounds/${data.store.book}-${textIndex}.mp3`);\n\n        audio.play();\n        // console.log(data.store, data.store.steps[data.store.step - 1], soundName);\n      }\n    }\n\n    persistStep();\n    data.save();\n  };\n\n  async function stopAudio() {\n    Object.keys(data.store.preLoadedSounds).forEach((k) => {\n      data.store.preLoadedSounds[k].pause();\n      data.store.preLoadedSounds[k].currentTime = 0;\n    })\n  }\n\n  const getTextIndexByStartIndex = (startIndex) => {\n\n    let length = 0;\n\n    for (let index = 0; index < data.store.text.length; index++) {\n      const t = data.store.text[index];\n\n      if (startIndex < length) {\n        return index - 1;\n      }\n\n      length += t.length + 1;\n      \n    }\n\n    return data.store.text.length - 1;\n  };\n\n  const showBookSelector = () => {\n    data.store.shouldShowBookSelector = true;\n    \n    data.save();\n  };\n\n  const hideBookSelector = () => {\n    data.store.shouldShowBookSelector = false;\n    \n    data.save();\n  };\n\n  const chooseBook = (b) => {\n\n    data.store.book = b.key;\n    data.store.shouldShowBookSelector = false;\n    data.store.step = 1;\n    data.store.text = b.text;\n    data.store.nativeText = b.nativeText;\n    data.store.steps = b.steps;\n    data.store.maxStep = b.steps.length;\n    // data.store.preLoadedSounds = {...data.store.preLoadedSounds, ...preLoadSounds(b.key)}; if we want to keep loading them\n    data.store.preLoadedSounds = preLoadSounds(b.key);\n\n    if (data.store.nativeText.length === 0) {\n      data.store.showFullTranslation = 0;\n    }\n\n    persistStep();\n    data.save();\n  };\n\n  const toggleVolume = () => {\n\n    data.store.volumeOn = !data.store.volumeOn;\n    localStorage.setItem(\"volumeOn\", data.store.volumeOn);\n\n    data.save();\n  };\n\n  const showFullTranslation = () => {\n\n    if (data.store.showFullTranslation < 2) {\n      data.store.showFullTranslation++;\n    } else {\n      data.store.showFullTranslation = 0;\n    }\n\n    data.save();\n  };\n\n  useEffect(() => {\n    data.onChange((store) => {\n\n      setStore(Object.assign({}, store));\n    });\n    \n  }, []);\n\n  // console.log(\"abc\", store.volumeOn);\n\n  return (\n    <div className=\"App\">\n      <DataLoading booksLoaded={store.booksLoaded} />\n      <InitialPopup setSeenPopup={handleSeenPopup} seenPopup={store.seenPopup} />\n      <TextWindow\n        step={store.step}\n        steps={store.steps}\n        text={store.showFullTranslation === 2 ? store.nativeText : store.text}\n        seenPopup={store.seenPopup}\n        shouldShowFullTranslation={store.showFullTranslation}\n      />\n      {store.seenPopup && <Stepper\n        decrementStep={decrementStep}\n        incrementStep={incrementStep}\n        changeStep={changeStep}\n        step={store.step}\n        maxStep={store.maxStep}\n        showBookSelector={showBookSelector}\n        showFullTranslation={showFullTranslation}\n        shouldShowFullTranslation={store.showFullTranslation}\n        shouldAllowShowFullTranslation={store.nativeText && store.nativeText.length > 0}\n      />}\n      {store.seenPopup && <BookSelector\n        hideBookSelector={hideBookSelector}\n        shouldShowBookSelector={store.shouldShowBookSelector}\n        book={store.book}\n        chooseBook={chooseBook}\n        toggleVolume={toggleVolume}\n        volumeOn={store.volumeOn}\n      />}\n    </div>\n  );\n}\n\nexport default App;\n","import React from 'react';\r\nimport { Route, Switch } from \"wouter\";\r\nimport Info from \"./Info\";\r\nimport App from \"./App\";\r\n\r\nfunction Routes(props) {\r\n\r\n  return (\r\n    \r\n    <Switch>\r\n        <Route path=\"/about\">\r\n            <Info />\r\n        </Route>\r\n        <Route>\r\n            <App />\r\n        </Route>\r\n    </Switch>\r\n  );\r\n}\r\n\r\nexport default Routes;\r\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport Routes from './Routes';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <Routes />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}