Spaces:

Pendrokar
/

xVASynth-TTS

Running on CPU Upgrade

App Files Files Community

Pendrokar commited on Feb 11

Commit

e1a50fc

•

1 Parent(s): 3a99466

verbose xvaserver startup

Browse files

Files changed (11) hide show

app.py +12 -12
index.html → resources/app/index.html +12 -55
resources/app/javascript/script.js +1730 -0
main.js → resources/app/main.js +0 -0
package.json → resources/app/package.json +1 -7
patreon.txt → resources/app/patreon.txt +0 -0
plugins.txt → resources/app/plugins.txt +0 -0
repositories.json → resources/app/repositories.json +0 -0
requirements_cpu.txt → resources/app/requirements_cpu.txt +0 -0
style.css → resources/app/style.css +10 -4
updates.json → resources/app/updates.json +0 -0

app.py CHANGED Viewed

@@ -8,13 +8,13 @@ import threading
 import gradio as gr
 def run_xvaserver():
-	try:
-		# start the process without waiting for a response
-		print('Running xVAServer subprocess...\n')
-		xvaserver = Popen(['python', 'resources/app/server.py'], stdout=PIPE, stderr=PIPE, universal_newlines=True)
-	except:
-		print('Could not run xVASynth.')
-		sys.exit(0)
 	# Wait for a moment to ensure the server starts up
 	time.sleep(10)
@@ -64,11 +64,11 @@ def load_model():
 	# model_json_path = hf_hub_download(repo_id=model_name, filename="ccby_nvidia_hifi_6670_M.json")
 	model_path = '/tmp/hfcache/models--Pendrokar--xvapitch_nvidia_6670/snapshots/2e138a7c459fb1cb1182dd7bc66813f5325d30fd/ccby_nvidia_hifi_6670_M.pt'
 	model_json_path = '/tmp/hfcache/models--Pendrokar--xvapitch_nvidia_6670/snapshots/2e138a7c459fb1cb1182dd7bc66813f5325d30fd/ccby_nvidia_hifi_6670_M.json'
-	try:
-		os.symlink(model_path, os.path.join('./models/ccby/', os.path.basename(model_path)))
-		os.symlink(model_json_path, os.path.join('./models/ccby/', os.path.basename(model_json_path)))
-	except:
-		print('Failed creating symlinks, they probably already exist')
 	model_type = 'xVAPitch'
 	language = 'en'

 import gradio as gr
 def run_xvaserver():
+	# try:
+	# start the process without waiting for a response
+	print('Running xVAServer subprocess...\n')
+	xvaserver = Popen(['python', 'resources/app/server.py'], stdout=PIPE, stderr=PIPE, universal_newlines=True)
+	# except:
+	# 	print('Could not run xVASynth.')
+	# 	sys.exit(0)
 	# Wait for a moment to ensure the server starts up
 	time.sleep(10)
 	# model_json_path = hf_hub_download(repo_id=model_name, filename="ccby_nvidia_hifi_6670_M.json")
 	model_path = '/tmp/hfcache/models--Pendrokar--xvapitch_nvidia_6670/snapshots/2e138a7c459fb1cb1182dd7bc66813f5325d30fd/ccby_nvidia_hifi_6670_M.pt'
 	model_json_path = '/tmp/hfcache/models--Pendrokar--xvapitch_nvidia_6670/snapshots/2e138a7c459fb1cb1182dd7bc66813f5325d30fd/ccby_nvidia_hifi_6670_M.json'
+	# try:
+	# 	os.symlink(model_path, os.path.join('./models/ccby/', os.path.basename(model_path)))
+	# 	os.symlink(model_json_path, os.path.join('./models/ccby/', os.path.basename(model_json_path)))
+	# except:
+	# 	print('Failed creating symlinks, they probably already exist')
 	model_type = 'xVAPitch'
 	language = 'en'

index.html → resources/app/index.html RENAMED Viewed

@@ -24,28 +24,8 @@
 <body>
     <div id="chromeBar">
         <div id="dragBar">xVA Synth</div>
-        <div id="chromeActions">
-            <div id="chromeMin">&#x1F5D5;</div>
-            <div id="chromeMax">&#128470;</div>
-            <div id="chromeQuit">&#x2716;</div>
-        </div>
     </div>
     <div id="appcontent">
-        <div id="left">
-            <div class="top" id="topLeft">
-                <div id="selectedGameDisplay">Select game</div>
-                <button id="changeGameButton">&#8644;</button>
-            </div>
-            <div id="searchContainer">
-                <input type="text" id="voiceSearchInput" name="" placeholder="Search voices...">
-            </div>
-            <div class="content">
-                <div id="voiceTypeContainer" style="height: calc(95vh - 107px)"></div>
-                <div style="height: 35px;width: 100%;display: flex;justify-content: center;">
-                    <button id="nexusMenuButton" class="invertedButton" style="width: 280px;max-width: 300px;">Get more voices</button>
-                </div>
-            </div>
-        </div>
         <div id="right">
             <div id="rightBG1"></div>
             <div id="rightBG2"></div>
@@ -270,7 +250,6 @@
                 </div>
             </div>
-        </div>
         <div id="settingsContainer" style="display:none">
             <div class="modal" style="height: 75vh;width: 60vw">
                 <h2 id="i18n_settings" style="margin-bottom: 0;">Settings</h2>
@@ -1699,7 +1678,7 @@
     </div>
 </div>
-<div id="workbenchIcon" title="Workbench">
     <svg version="1.0" xmlns="http://www.w3.org/2000/svg"
      width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
      preserveAspectRatio="xMidYMid meet">
@@ -1724,14 +1703,13 @@
     </g>
     </svg>
 </div>
-<div id="arpabetIcon" title="ARPAbet">
     <svg width="30" height="25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="291.8918918918919" viewBox="0, 0, 400,291.8918918918919"><g id="svgg"><path id="path0" d="M72.973 27.879 C 32.451 42.782,17.396 97.297,53.802 97.297 C 79.544 97.297,91.701 72.242,74.370 54.910 C 57.283 37.823,127.302 30.250,150.720 46.652 C 165.423 56.951,178.378 85.094,178.378 106.737 C 178.378 121.690,177.667 122.026,133.043 128.111 C 63.835 137.548,24.390 162.533,18.168 200.875 C 8.105 262.887,127.891 288.561,186.634 236.983 L 205.405 220.502 224.177 236.983 C 279.158 285.258,383.632 260.162,383.764 198.649 C 383.794 184.437,374.252 187.264,365.517 204.054 C 328.367 275.463,232.983 251.601,219.541 167.536 C 214.378 135.247,214.669 135.135,303.691 135.135 L 385.122 135.135 382.638 105.181 C 376.173 27.218,271.272 -9.201,219.131 48.414 C 210.152 58.336,209.281 58.158,185.830 41.628 C 158.995 22.713,104.930 16.127,72.973 27.879 M326.220 52.019 C 339.715 65.513,351.256 94.410,351.321 114.865 C 351.348 123.350,344.670 124.324,286.486 124.324 L 221.622 124.324 221.649 109.459 C 221.751 55.079,291.156 16.954,326.220 52.019 M180.884 170.569 C 188.274 229.709,123.639 272.474,79.427 237.697 C 33.938 201.915,81.663 142.798,157.485 141.005 L 177.133 140.541 180.884 170.569 " stroke="none" fill="#ffffff" fill-rule="evenodd"></path></g></svg>
 </div>
-<div id="embeddingsIcon" title="Embeddings visualiser">
     <svg width="25" height="25" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0, 0, 400,400"><g id="svgg"><path id="path0" d="M150.000 20.230 C 65.534 26.594,5.904 105.137,22.679 187.932 C 41.869 282.642,149.542 329.959,232.409 280.098 L 237.105 277.272 288.552 328.719 L 340.000 380.166 360.083 360.083 L 380.166 340.000 328.719 288.552 L 277.272 237.105 280.098 232.409 C 316.949 171.163,301.885 92.110,245.067 48.568 C 218.394 28.128,183.443 17.709,150.000 20.230 M166.667 70.498 C 215.683 73.046,254.682 119.552,249.348 169.093 C 244.601 213.185,208.627 247.470,164.854 249.622 C 102.308 252.696,55.953 193.244,74.215 133.374 C 85.585 96.097,124.114 68.164,161.333 70.215 C 162.342 70.271,164.742 70.398,166.667 70.498 " stroke="none" fill="#ffffff" fill-rule="evenodd"></path></g></svg>
 </div>
-<div id="pluginsIcon" title="Plugins">
     <svg width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" fill-opacity="1" color-rendering="auto" color-interpolation="auto" text-rendering="auto" stroke="white" stroke-linecap="square" stroke-miterlimit="10" shape-rendering="auto" stroke-opacity="1" fill="#ffffff" stroke-dasharray="none" font-weight="normal" stroke-width="1" font-family="'Dialog'" font-style="normal" stroke-linejoin="miter" font-size="12" stroke-dashoffset="0" image-rendering="auto" viewBox="0, 150, 300, 250">
       <defs id="genericDefs"/>
       <g>
@@ -1741,10 +1719,10 @@
       </g>
     </svg>
 </div>
-<div id="batchIcon" title="Batch mode">
     <svg id="batchSVGIcon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25" viewBox="0, 0, 400,310.24930747922434"><g id="svgg"><path id="path0" d="M5.549 99.446 C 5.515 149.266,5.829 215.831,6.246 247.368 L 7.004 304.709 198.516 304.709 L 390.028 304.709 390.028 157.523 L 390.028 10.338 282.825 9.602 C 223.864 9.197,137.371 8.865,90.617 8.865 L 5.611 8.864 5.549 99.446 M107.479 67.590 L 107.479 97.507 70.914 97.507 L 34.349 97.507 34.349 67.590 L 34.349 37.673 70.914 37.673 L 107.479 37.673 107.479 67.590 M362.327 67.590 L 362.327 97.507 249.307 97.507 L 136.288 97.507 136.288 67.590 L 136.288 37.673 249.307 37.673 L 362.327 37.673 362.327 67.590 M107.479 157.341 L 107.479 187.258 70.914 187.258 L 34.349 187.258 34.349 157.341 L 34.349 127.424 70.914 127.424 L 107.479 127.424 107.479 157.341 M362.327 157.341 L 362.327 187.258 249.307 187.258 L 136.288 187.258 136.288 157.341 L 136.288 127.424 249.307 127.424 L 362.327 127.424 362.327 157.341 M107.479 247.091 L 107.479 277.008 70.914 277.008 L 34.349 277.008 34.349 247.091 L 34.349 217.175 70.914 217.175 L 107.479 217.175 107.479 247.091 M362.327 247.091 L 362.327 277.008 249.307 277.008 L 136.288 277.008 136.294 257.895 C 136.297 247.382,136.621 233.920,137.015 227.978 L 137.730 217.175 250.029 217.175 L 362.327 217.175 362.327 247.091 " stroke="none" fill="#ffffff" fill-rule="evenodd"></path></g></svg>
 </div>
-<div id="updatesIcon" title="Changelog">
     <svg id="update_nothing" version="1.0" xmlns="http://www.w3.org/2000/svg"
      width="25.000000pt" height="25.000000pt" viewBox="0 0 250.000000 344.000000"
      preserveAspectRatio="xMidYMid meet"><g transform="translate(300.000000,344.000000) scale(0.100000,-0.100000) rotate(90 0 0)"
@@ -1758,13 +1736,10 @@
     0 -348 25 -27 c54 -58 5 -55 955 -55 l875 0 0 -357 0 -358 572 573 573 572
     -573 572 -572 573 0 -358z"/></g></svg>
 </div>
-<div id="patreonIcon" title="Patreon">
-    <img src="./assets/patreon.png">
-</div>
-<div id="infoIcon" title="Info">
     <svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="1024.000000pt" height="1024.000000pt" viewBox="0 0 1024.000000 1024.000000" preserveAspectRatio="xMidYMid meet"><g transform="translate(0.000000,1024.000000) scale(0.100000,-0.100000)" fill="#ffffff" stroke="none"><path d="M4920 9273 c-776 -41 -1504 -285 -2137 -715 -72 -49 -192 -137 -265 -196 -171 -136 -504 -469 -640 -639 -514 -646 -816 -1390 -899 -2218 -16 -155 -16 -615 0 -770 84 -830 387 -1575 905 -2225 131 -164 467 -499 634 -632 962 -766 2166 -1066 3378 -843 652 121 1287 413 1824 841 174 138 506 470 644 644 794 997 1091 2288 810 3525 -267 1174 -1048 2190 -2119 2756 -644 340 -1416 511 -2135 472z m640 -658 c708 -97 1329 -373 1855 -825 128 -110 355 -346 458 -475 851 -1069 1008 -2537 403 -3755 -182 -365 -370 -625 -670 -926 -233 -232 -422 -382 -676 -535 -1022 -614 -2304 -665 -3370 -135 -344 172 -619 367 -894 636 -268 262 -450 500 -629 821 -218 390 -358 827 -419 1309 -17 140 -17 640 0 780 103 811 427 1495 977 2059 266 272 502 454 826 634 390 218 862 369 1304 416 55 6 118 13 140 15 96 10 585 -4 695 -19z"/> <path d="M4960 7674 c-143 -24 -221 -54 -321 -120 -146 -97 -256 -255 -300 -434 -17 -70 -17 -248 0 -320 65 -268 273 -475 541 -541 71 -17 249 -17 320 0 285 70 495 293 545 580 19 105 19 137 0 242 -49 281 -253 503 -526 574 -59 15 -214 27 -259 19z"/> <path d="M4870 5724 c-476 -18 -902 -33 -947 -33 l-83 -1 0 -160 0 -160 203 0 c212 0 290 -11 366 -49 50 -26 98 -82 111 -130 7 -27 10 -369 8 -1083 -3 -1040 -3 -1043 -24 -1089 -23 -49 -67 -88 -124 -109 -23 -9 -109 -15 -257 -18 l-223 -4 0 -164 0 -164 1250 0 1250 0 0 164 0 164 -197 5 c-225 5 -281 17 -342 73 -26 23 -42 48 -50 79 -8 31 -11 430 -11 1379 l0 1336 -32 -1 c-18 -1 -422 -17 -898 -35z"/> </g> </svg>
 </div>
-<div id="settingsCog" title="Settings">
     <svg version="1.0" xmlns="http://www.w3.org/2000/svg"
      width="1280.000000pt" height="1280.000000pt" viewBox="0 0 1280.000000 1280.000000"
      preserveAspectRatio="xMidYMid meet">
@@ -1808,30 +1783,12 @@ const electronR = require('@electron/remote')
 const currentWindow = electronR.getCurrentWindow()
 // createElem
 "use strict";function _toConsumableArray(e){if(Array.isArray(e)){for(var t=0,r=Array(e.length);t<e.length;t++)r[t]=e[t];return r}return Array.from(e)}var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};window.createElem=function(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];var n=1;if(Number.isInteger(t[0])){if(!(t[0]>0))throw new Error("Element count must be larger than 0. Actual value: "+t[0]);n=t[0],t.shift()}else if(Number(t[0])===t[0]&&t[0]%1!=0)throw new Error("Floats are not supported for element count.");var o=t[0]?t[0]:"div";if(t.shift(),"string"!=typeof o)throw new Error("Tag name must be a string");var a=document.createElement(o.replace(/(#.*)|(\..*)/g,"")),s=o.match(/#(?:(?![#\.]).)*/),c=o.match(/\.(?:(?![#\.]).)*/g);if(s&&(a.id=s[0].substr(1,s[0].length)),c&&(a.className=c.map(function(e){return e.substr(1,e.length)}).join(" ")),t.length)if("string"==typeof t[0])a.innerHTML=t[0],t.shift();else if(!(Object(t[0])!==t[0]||t[0]instanceof HTMLElement||Array.isArray(t[0]))){for(var i in t[0])!function(){switch(i){case"class":a.className=t[0].class;break;case"style":var e=t[0].style;if(null!=e&&void 0!=e&&e.constructor===Object)a.style.cssText=Object.keys(e).map(function(t){return t.replace(/[A-Z]/g,function(e){return"-"+e.toLowerCase()})+":"+("number"==typeof e[t]?e[t]+"px":e[t])}).join(";");else{if("string"!=typeof e)throw new Error("Style value must be either object or string.");a.style.cssText=e}break;case"events":Object.keys(t[0].events).forEach(function(e){var r=t[0].events[e];Array.isArray(r)?r.forEach(function(t){return a.addEventListener(e,t)}):"function"==typeof r&&a.addEventListener(e,r)});break;default:a.setAttribute(i,t[0][i])}}();t.shift()}var u=function e(t){switch(!0){case t instanceof HTMLElement:a.appendChild(t);break;case Array.isArray(t):t.forEach(e);break;case!!t&&t.constructor===Object:throw new Error("Multiple attributes objects not supported");default:null!=t&&console.warn("Unsupported parameter. Type: "+(void 0===t?"undefined":_typeof(t))+" Value:",t)}};return t.forEach(u),n>1?[].concat(_toConsumableArray(new Array(n))).map(function(e){return a.cloneNode()}):a};
-// Chrome
-chromeMin.addEventListener("click", () => currentWindow.minimize())
-chromeMax.addEventListener("click", () => {
-    const w = currentWindow
-    w.isMaximized() ? w.unmaximize() : w.maximize()
-})
-chromeQuit.addEventListener("click", () => doFetch(`http://localhost:8008/stopServer`, {
-    method: "Post",
-    body: JSON.stringify({})
-}).then(r=>r.text()).then(() => {
-    try {
-        window.pythonProcess.kill()
-    } catch (e) {}
-    currentWindow.close()
-}).catch(e => {
-    try {
-        window.pythonProcess.kill()
-    } catch (e) {}
-    currentWindow.close()
-}))
 </script>
 <style id="pluginsCSS" type="text/css"></style>
-<script src="javascript/script.js"></script>
 <script type="text/javascript" src="lib/Three.min.js"></script>
 <script type="text/javascript" src="lib/OrbitControls.js"></script>
 <script type="text/javascript" src="lib/TrackballControls.js"></script>

 <body>
     <div id="chromeBar">
         <div id="dragBar">xVA Synth</div>
     </div>
     <div id="appcontent">
         <div id="right">
             <div id="rightBG1"></div>
             <div id="rightBG2"></div>
                 </div>
             </div>
         <div id="settingsContainer" style="display:none">
             <div class="modal" style="height: 75vh;width: 60vw">
                 <h2 id="i18n_settings" style="margin-bottom: 0;">Settings</h2>
     </div>
 </div>
+<div id="workbenchIcon" class="tool-icon" title="Workbench (Disabled)">
     <svg version="1.0" xmlns="http://www.w3.org/2000/svg"
      width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
      preserveAspectRatio="xMidYMid meet">
     </g>
     </svg>
 </div>
+<div id="arpabetIcon" class="tool-icon" title="ARPAbet (Disabled)">
     <svg width="30" height="25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="291.8918918918919" viewBox="0, 0, 400,291.8918918918919"><g id="svgg"><path id="path0" d="M72.973 27.879 C 32.451 42.782,17.396 97.297,53.802 97.297 C 79.544 97.297,91.701 72.242,74.370 54.910 C 57.283 37.823,127.302 30.250,150.720 46.652 C 165.423 56.951,178.378 85.094,178.378 106.737 C 178.378 121.690,177.667 122.026,133.043 128.111 C 63.835 137.548,24.390 162.533,18.168 200.875 C 8.105 262.887,127.891 288.561,186.634 236.983 L 205.405 220.502 224.177 236.983 C 279.158 285.258,383.632 260.162,383.764 198.649 C 383.794 184.437,374.252 187.264,365.517 204.054 C 328.367 275.463,232.983 251.601,219.541 167.536 C 214.378 135.247,214.669 135.135,303.691 135.135 L 385.122 135.135 382.638 105.181 C 376.173 27.218,271.272 -9.201,219.131 48.414 C 210.152 58.336,209.281 58.158,185.830 41.628 C 158.995 22.713,104.930 16.127,72.973 27.879 M326.220 52.019 C 339.715 65.513,351.256 94.410,351.321 114.865 C 351.348 123.350,344.670 124.324,286.486 124.324 L 221.622 124.324 221.649 109.459 C 221.751 55.079,291.156 16.954,326.220 52.019 M180.884 170.569 C 188.274 229.709,123.639 272.474,79.427 237.697 C 33.938 201.915,81.663 142.798,157.485 141.005 L 177.133 140.541 180.884 170.569 " stroke="none" fill="#ffffff" fill-rule="evenodd"></path></g></svg>
 </div>
+<div id="embeddingsIcon" class="tool-icon" title="Embeddings visualiser (Disabled)">
     <svg width="25" height="25" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0, 0, 400,400"><g id="svgg"><path id="path0" d="M150.000 20.230 C 65.534 26.594,5.904 105.137,22.679 187.932 C 41.869 282.642,149.542 329.959,232.409 280.098 L 237.105 277.272 288.552 328.719 L 340.000 380.166 360.083 360.083 L 380.166 340.000 328.719 288.552 L 277.272 237.105 280.098 232.409 C 316.949 171.163,301.885 92.110,245.067 48.568 C 218.394 28.128,183.443 17.709,150.000 20.230 M166.667 70.498 C 215.683 73.046,254.682 119.552,249.348 169.093 C 244.601 213.185,208.627 247.470,164.854 249.622 C 102.308 252.696,55.953 193.244,74.215 133.374 C 85.585 96.097,124.114 68.164,161.333 70.215 C 162.342 70.271,164.742 70.398,166.667 70.498 " stroke="none" fill="#ffffff" fill-rule="evenodd"></path></g></svg>
 </div>
+<div id="pluginsIcon" class="tool-icon" title="Plugins (Disabled)">
     <svg width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" fill-opacity="1" color-rendering="auto" color-interpolation="auto" text-rendering="auto" stroke="white" stroke-linecap="square" stroke-miterlimit="10" shape-rendering="auto" stroke-opacity="1" fill="#ffffff" stroke-dasharray="none" font-weight="normal" stroke-width="1" font-family="'Dialog'" font-style="normal" stroke-linejoin="miter" font-size="12" stroke-dashoffset="0" image-rendering="auto" viewBox="0, 150, 300, 250">
       <defs id="genericDefs"/>
       <g>
       </g>
     </svg>
 </div>
+<div id="batchIcon" class="tool-icon" title="Batch mode (Disabled)">
     <svg id="batchSVGIcon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25" viewBox="0, 0, 400,310.24930747922434"><g id="svgg"><path id="path0" d="M5.549 99.446 C 5.515 149.266,5.829 215.831,6.246 247.368 L 7.004 304.709 198.516 304.709 L 390.028 304.709 390.028 157.523 L 390.028 10.338 282.825 9.602 C 223.864 9.197,137.371 8.865,90.617 8.865 L 5.611 8.864 5.549 99.446 M107.479 67.590 L 107.479 97.507 70.914 97.507 L 34.349 97.507 34.349 67.590 L 34.349 37.673 70.914 37.673 L 107.479 37.673 107.479 67.590 M362.327 67.590 L 362.327 97.507 249.307 97.507 L 136.288 97.507 136.288 67.590 L 136.288 37.673 249.307 37.673 L 362.327 37.673 362.327 67.590 M107.479 157.341 L 107.479 187.258 70.914 187.258 L 34.349 187.258 34.349 157.341 L 34.349 127.424 70.914 127.424 L 107.479 127.424 107.479 157.341 M362.327 157.341 L 362.327 187.258 249.307 187.258 L 136.288 187.258 136.288 157.341 L 136.288 127.424 249.307 127.424 L 362.327 127.424 362.327 157.341 M107.479 247.091 L 107.479 277.008 70.914 277.008 L 34.349 277.008 34.349 247.091 L 34.349 217.175 70.914 217.175 L 107.479 217.175 107.479 247.091 M362.327 247.091 L 362.327 277.008 249.307 277.008 L 136.288 277.008 136.294 257.895 C 136.297 247.382,136.621 233.920,137.015 227.978 L 137.730 217.175 250.029 217.175 L 362.327 217.175 362.327 247.091 " stroke="none" fill="#ffffff" fill-rule="evenodd"></path></g></svg>
 </div>
+<div id="updatesIcon" class="tool-icon" title="Changelog (Disabled)">
     <svg id="update_nothing" version="1.0" xmlns="http://www.w3.org/2000/svg"
      width="25.000000pt" height="25.000000pt" viewBox="0 0 250.000000 344.000000"
      preserveAspectRatio="xMidYMid meet"><g transform="translate(300.000000,344.000000) scale(0.100000,-0.100000) rotate(90 0 0)"
     0 -348 25 -27 c54 -58 5 -55 955 -55 l875 0 0 -357 0 -358 572 573 573 572
     -573 572 -572 573 0 -358z"/></g></svg>
 </div>
+<div id="infoIcon" class="tool-icon" title="Info (Disabled)">
     <svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="1024.000000pt" height="1024.000000pt" viewBox="0 0 1024.000000 1024.000000" preserveAspectRatio="xMidYMid meet"><g transform="translate(0.000000,1024.000000) scale(0.100000,-0.100000)" fill="#ffffff" stroke="none"><path d="M4920 9273 c-776 -41 -1504 -285 -2137 -715 -72 -49 -192 -137 -265 -196 -171 -136 -504 -469 -640 -639 -514 -646 -816 -1390 -899 -2218 -16 -155 -16 -615 0 -770 84 -830 387 -1575 905 -2225 131 -164 467 -499 634 -632 962 -766 2166 -1066 3378 -843 652 121 1287 413 1824 841 174 138 506 470 644 644 794 997 1091 2288 810 3525 -267 1174 -1048 2190 -2119 2756 -644 340 -1416 511 -2135 472z m640 -658 c708 -97 1329 -373 1855 -825 128 -110 355 -346 458 -475 851 -1069 1008 -2537 403 -3755 -182 -365 -370 -625 -670 -926 -233 -232 -422 -382 -676 -535 -1022 -614 -2304 -665 -3370 -135 -344 172 -619 367 -894 636 -268 262 -450 500 -629 821 -218 390 -358 827 -419 1309 -17 140 -17 640 0 780 103 811 427 1495 977 2059 266 272 502 454 826 634 390 218 862 369 1304 416 55 6 118 13 140 15 96 10 585 -4 695 -19z"/> <path d="M4960 7674 c-143 -24 -221 -54 -321 -120 -146 -97 -256 -255 -300 -434 -17 -70 -17 -248 0 -320 65 -268 273 -475 541 -541 71 -17 249 -17 320 0 285 70 495 293 545 580 19 105 19 137 0 242 -49 281 -253 503 -526 574 -59 15 -214 27 -259 19z"/> <path d="M4870 5724 c-476 -18 -902 -33 -947 -33 l-83 -1 0 -160 0 -160 203 0 c212 0 290 -11 366 -49 50 -26 98 -82 111 -130 7 -27 10 -369 8 -1083 -3 -1040 -3 -1043 -24 -1089 -23 -49 -67 -88 -124 -109 -23 -9 -109 -15 -257 -18 l-223 -4 0 -164 0 -164 1250 0 1250 0 0 164 0 164 -197 5 c-225 5 -281 17 -342 73 -26 23 -42 48 -50 79 -8 31 -11 430 -11 1379 l0 1336 -32 -1 c-18 -1 -422 -17 -898 -35z"/> </g> </svg>
 </div>
+<div id="settingsCog" class="tool-icon" title="Settings (Disabled)">
     <svg version="1.0" xmlns="http://www.w3.org/2000/svg"
      width="1280.000000pt" height="1280.000000pt" viewBox="0 0 1280.000000 1280.000000"
      preserveAspectRatio="xMidYMid meet">
 const currentWindow = electronR.getCurrentWindow()
 // createElem
 "use strict";function _toConsumableArray(e){if(Array.isArray(e)){for(var t=0,r=Array(e.length);t<e.length;t++)r[t]=e[t];return r}return Array.from(e)}var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};window.createElem=function(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];var n=1;if(Number.isInteger(t[0])){if(!(t[0]>0))throw new Error("Element count must be larger than 0. Actual value: "+t[0]);n=t[0],t.shift()}else if(Number(t[0])===t[0]&&t[0]%1!=0)throw new Error("Floats are not supported for element count.");var o=t[0]?t[0]:"div";if(t.shift(),"string"!=typeof o)throw new Error("Tag name must be a string");var a=document.createElement(o.replace(/(#.*)|(\..*)/g,"")),s=o.match(/#(?:(?![#\.]).)*/),c=o.match(/\.(?:(?![#\.]).)*/g);if(s&&(a.id=s[0].substr(1,s[0].length)),c&&(a.className=c.map(function(e){return e.substr(1,e.length)}).join(" ")),t.length)if("string"==typeof t[0])a.innerHTML=t[0],t.shift();else if(!(Object(t[0])!==t[0]||t[0]instanceof HTMLElement||Array.isArray(t[0]))){for(var i in t[0])!function(){switch(i){case"class":a.className=t[0].class;break;case"style":var e=t[0].style;if(null!=e&&void 0!=e&&e.constructor===Object)a.style.cssText=Object.keys(e).map(function(t){return t.replace(/[A-Z]/g,function(e){return"-"+e.toLowerCase()})+":"+("number"==typeof e[t]?e[t]+"px":e[t])}).join(";");else{if("string"!=typeof e)throw new Error("Style value must be either object or string.");a.style.cssText=e}break;case"events":Object.keys(t[0].events).forEach(function(e){var r=t[0].events[e];Array.isArray(r)?r.forEach(function(t){return a.addEventListener(e,t)}):"function"==typeof r&&a.addEventListener(e,r)});break;default:a.setAttribute(i,t[0][i])}}();t.shift()}var u=function e(t){switch(!0){case t instanceof HTMLElement:a.appendChild(t);break;case Array.isArray(t):t.forEach(e);break;case!!t&&t.constructor===Object:throw new Error("Multiple attributes objects not supported");default:null!=t&&console.warn("Unsupported parameter. Type: "+(void 0===t?"undefined":_typeof(t))+" Value:",t)}};return t.forEach(u),n>1?[].concat(_toConsumableArray(new Array(n))).map(function(e){return a.cloneNode()}):a};
 </script>
 <style id="pluginsCSS" type="text/css"></style>
+<script src="javascript/editor.js"></script>
+<script src="javascript/textarea.js"></script>
+<script src="javascript/speech2speech.js"></script>
+<script src="javascript/noelectron.js"></script>
 <script type="text/javascript" src="lib/Three.min.js"></script>
 <script type="text/javascript" src="lib/OrbitControls.js"></script>
 <script type="text/javascript" src="lib/TrackballControls.js"></script>

resources/app/javascript/script.js ADDED Viewed

	@@ -0,0 +1,1730 @@

+"use strict"
+window.appVersion = "v3.0.3"
+window.PRODUCTION = module.filename.includes("resources")
+const path = window.PRODUCTION ? "./resources/app" : "."
+window.path = path
+const fs = require("fs")
+const zipdir = require('zip-dir')
+const {shell, ipcRenderer, clipboard} = require("electron")
+const doFetch = require("node-fetch")
+const {xVAAppLogger} = require("./javascript/appLogger.js")
+window.appLogger = new xVAAppLogger(`./app.log`, window.appVersion)
+process.on(`uncaughtException`, (data, origin) => {window.appLogger.log(`uncaughtException: ${data}`);window.appLogger.log(`uncaughtException: ${origin}`)})
+window.onerror = (event, source, lineno, colno, error) => {window.appLogger.log(`onerror: ${error.stack}`)}
+require("./javascript/i18n.js")
+require("./javascript/util.js")
+require("./javascript/nexus.js")
+require("./javascript/dragdrop_model_install.js")
+require("./javascript/embeddings.js")
+require("./javascript/totd.js")
+require("./javascript/arpabet.js")
+require("./javascript/style_embeddings.js")
+const {Editor} = require("./javascript/editor.js")
+require("./javascript/textarea.js")
+const {saveUserSettings, deleteFolderRecursive} = require("./javascript/settingsMenu.js")
+const xVASpeech = require("./javascript/speech2speech.js")
+require("./javascript/batch.js")
+require("./javascript/outputFiles.js")
+require("./javascript/workbench.js")
+const er = require('@electron/remote')
+window.electronBrowserWindow = er.getCurrentWindow()
+const child = require("child_process").execFile
+const spawn = require("child_process").spawn
+// Newly introduced in v3. I will slowly start moving global context variables into this, and update code throughout to reference this
+// instead of old variables such as window.games, window.currentModel, etc.
+window.appState = {}
+// Start the server
+if (window.PRODUCTION) {
+    window.pythonProcess = spawn(`${path}/cpython_${window.userSettings.installation}/server.exe`, {stdio: "ignore"})
+}
+const {PluginsManager} = require("./javascript/plugins_manager.js")
+window.pluginsContext = {}
+window.pluginsManager = new PluginsManager(window.path, window.appLogger, window.appVersion)
+window.pluginsManager.runPlugins(window.pluginsManager.pluginsModules["start"]["pre"], event="pre start")
+let themeColour
+let secondaryThemeColour
+const oldCError = console.error
+console.error = (...rest) => {
+    window.appLogger.log(`console.error: ${rest}`)
+    oldCError(rest)
+}
+window.addEventListener("error", function (e) {window.appLogger.log(`error: ${e.error.stack}`)})
+window.addEventListener('unhandledrejection', function (e) {window.appLogger.log(`unhandledrejection: ${e.stack}`)})
+setTimeout(() => {
+    window.electron = require("electron")
+}, 1000)
+window.games = {}
+window.models = {}
+window.sequenceEditor = new Editor()
+window.currentModel = undefined
+window.currentModelButton = undefined
+window.watchedModelsDirs = []
+window.appLogger.log(`Settings: ${JSON.stringify(window.userSettings)}`)
+// Set up folders
+try {fs.mkdirSync(`${path}/models`)} catch (e) {/*Do nothing*/}
+try {fs.mkdirSync(`${path}/output`)} catch (e) {/*Do nothing*/}
+try {fs.mkdirSync(`${path}/assets`)} catch (e) {/*Do nothing*/}
+// Clean up temp files
+const clearOldTempFiles = () => {
+    fs.readdir(`${__dirname.replace("/javascript", "")}/output`, (err, files) => {
+        if (err) {
+            window.appLogger.log(`Error cleaning up temp files: ${err}`)
+        }
+        if (files && files.length) {
+            files.filter(f => f.startsWith("temp-")).forEach(file => {
+                fs.unlink(`${__dirname.replace("/javascript", "")}/output/${file}`, err => err&&console.log(err))
+            })
+        }
+    })
+}
+clearOldTempFiles()
+let fileRenameCounter = 0
+let fileChangeCounter = 0
+window.isGenerating = false
+window.registerModel = (modelsPath, gameFolder, model, {gameId, voiceId, voiceName, voiceDescription, gender, variant, modelType, emb_i}) => {
+    // Add game, if the game hasn't been added yet
+    let audioPreviewPath
+    try {
+        audioPreviewPath = `${modelsPath}/${model.games.find(({gameId}) => gameId==gameFolder).voiceId}`
+    } catch (e) {}
+    if (!window.games.hasOwnProperty(gameId)) {
+        const gameAsset = fs.readdirSync(`${path}/assets`).find(f => f==gameId+".json")
+        if (gameAsset && gameAsset.length && gameAsset[0]) {
+            const gameTheme = JSON.parse(fs.readFileSync(`${path}/assets/${gameAsset}`))
+            window.games[gameId] = {
+                models: [],
+                gameTheme,
+                gameAsset
+            }
+        } else {
+            window.appLogger.log(`Something not right with loading model: ${voiceId} . The asset file for its game (${gameId}) could not be found here: ${path}/assets. You need a ${gameId}.json file. Loading a generic theme for this voice's game/category.`)
+            const dummyGameTheme = {
+                "gameName": gameId,
+                "assetFile": "other.jpg",
+                "themeColourPrimary": "aaaaaa",
+                "themeColourSecondary": null,
+                "gameCode": "x",
+                "nexusGamePageIDs": []
+            }
+            const dummyGameAsset = "other.json"
+            window.games[gameId] = {
+                models: [],
+                dummyGameTheme,
+                dummyGameAsset
+            }
+            audioPreviewPath = `${modelsPath}/${model.games[0].voiceId}`
+        }
+    }
+    // Catch duplicates, for when/if a model is registered for multiple games, but there's already the same model in that game, from another version
+    // const existingDuplicates = []
+    // window.games[gameId].models.forEach((item,i) => {
+    //     if (item.voiceId==voiceId) {
+    //         existingDuplicates.push([item, i])
+    //     }
+    // })
+    // Check if a variant has already been added for this voice name, for this game
+    let foundVariantIndex = undefined
+    window.games[gameId].models.forEach((item,i) => {
+        if (foundVariantIndex!=undefined) return
+        if (item.voiceName.toLowerCase().trim()==voiceName.toLowerCase().trim()) {
+            foundVariantIndex = i
+        }
+    })
+    // Add the initial model metadata, if no existing variant has been added (will happen most of the time)
+    if (!foundVariantIndex) {
+        const modelData = {
+            gameId,
+            modelsPath,
+            voiceName,
+            lang_capabilities: model.lang_capabilities,
+            embOverABaseModel: model.embOverABaseModel,
+            variants: []
+        }
+        window.games[gameId].models.push(modelData)
+        foundVariantIndex = window.games[gameId].models.length-1
+    }
+    const variantData = {
+        author: model.author,
+        version: model.version,
+        modelVersion: model.modelVersion,
+        modelType: model.modelType,
+        base_speaker_emb: model.modelType=="xVAPitch" ? model.games[0].base_speaker_emb : undefined,
+        voiceId,
+        audioPreviewPath,
+        hifi: undefined,
+        num_speakers: model.emb_size,
+        emb_i,
+        variantName: variant ? variant.replace("Default :", "Default:").replace("Default:", "").trim() : "Default",
+        voiceDescription,
+        lang: model.lang,
+        gender,
+        modelType: modelType||model.modelType,
+        model,
+    }
+    const potentialHiFiPath = `${modelsPath}/${voiceId}.hg.pt`
+    if (fs.existsSync(potentialHiFiPath)) {
+        variantData.hifi = potentialHiFiPath
+    }
+    const isDefaultVariant = !variant || variant.toLowerCase().startsWith("default")
+    if (isDefaultVariant) {
+        // Place first in the list, if it's default
+        window.games[gameId].models[foundVariantIndex].audioPreviewPath = audioPreviewPath
+        window.games[gameId].models[foundVariantIndex].variants.splice(0,0,variantData)
+    } else {
+        window.games[gameId].models[foundVariantIndex].variants.push(variantData)
+    }
+    // // Using the detected duplicates, use only the latest version
+    // if (existingDuplicates.length) {
+    //     if (existingDuplicates[0][0].modelVersion<model.modelVersion) {
+    //         window.games[gameId].models.splice(existingDuplicates[0][1], 1)
+    //         window.games[gameId].models.push(modelData)
+    //     }
+    // } else {
+    //     window.games[gameId].models.push(modelData)
+    // }
+}
+window.loadAllModels = (forceUpdate=false) => {
+    return new Promise(resolve => {
+        if (!forceUpdate && window.nexusState.installQueue.length) {
+            return
+        }
+        let gameFolder
+        let modelPathsKeys = Object.keys(window.userSettings).filter(key => key.includes("modelspath_"))
+        window.games = {}
+        // Do the current game first, and stop blocking the render process
+        if (window.currentGame) {
+            const currentGameFolder = window.userSettings[`modelspath_${window.currentGame.gameId}`]
+            gameFolder = currentGameFolder
+            try {
+                const files = fs.readdirSync(modelsPath).filter(f => f.endsWith(".json"))
+                files.forEach(fileName => {
+                    try {
+                        if (!models.hasOwnProperty(`${gameFolder}/${fileName}`)) {
+                            models[`${gameFolder}/${fileName}`] = null
+                        }
+                        const model = JSON.parse(fs.readFileSync(`${modelsPath}/${fileName}`, "utf8"))
+                        model.games.forEach(({gameId, voiceId, voiceName, voiceDescription, gender, variant, modelType, emb_i}) => {
+                            window.registerModel(currentGameFolder, gameFolder, model, {gameId, voiceId, voiceName, voiceDescription, gender, variant, modelType, emb_i})
+                        })
+                    } catch (e) {
+                        console.log(e)
+                        // window.appLogger.log(`${window.i18n.ERR_LOADING_MODELS_FOR_GAME_WITH_FILENAME.replace("_1", gameFolder)} `+fileName)
+                        // window.appLogger.log(e)
+                        // window.appLogger.log(e.stack)
+                    }
+                })
+            } catch (e) {
+                window.appLogger.log(`${window.i18n.ERR_LOADING_MODELS_FOR_GAME}: `+ gameFolder)
+                window.appLogger.log(e)
+            }
+            resolve() // Continue the rest but asynchronously
+        }
+        modelPathsKeys.forEach(modelsPathKey => {
+            const modelsPath = window.userSettings[modelsPathKey]
+            try {
+                const files = fs.readdirSync(modelsPath).filter(f => f.endsWith(".json"))
+                if (!files.length) {
+                    return
+                }
+                files.forEach(fileName => {
+                    gameFolder = modelsPathKey.split("_")[1]
+                    try {
+                        if (!models.hasOwnProperty(`${gameFolder}/${fileName}`)) {
+                            models[`${gameFolder}/${fileName}`] = null
+                        }
+                        const model = JSON.parse(fs.readFileSync(`${modelsPath}/${fileName}`, "utf8"))
+                        model.games.forEach(({gameId, voiceId, voiceName, voiceDescription, gender, variant, modelType, emb_i}) => {
+                            window.registerModel(modelsPath, gameFolder, model, {gameId, voiceId, voiceName, voiceDescription, gender, variant, modelType, emb_i})
+                        })
+                    } catch (e) {
+                        console.log(e)
+                        setTimeout(() => {
+                            window.errorModal(`${fileName}<br><br>${e.stack}`)
+                        }, 1000)
+                        window.appLogger.log(`${window.i18n.ERR_LOADING_MODELS_FOR_GAME_WITH_FILENAME.replace("_1", gameFolder)} `+fileName)
+                        window.appLogger.log(e)
+                        window.appLogger.log(e.stack)
+                    }
+                })
+            } catch (e) {
+                window.appLogger.log(`${window.i18n.ERR_LOADING_MODELS_FOR_GAME}: `+ gameFolder)
+                window.appLogger.log(e)
+            }
+        })
+        window.updateGameList(false)
+        resolve()
+    })
+}
+// Change variant
+let oldVariantSelection = undefined // For reverting, if versioning checks fail
+variant_select.addEventListener("change", () => {
+    const model = window.games[window.currentGame.gameId].models.find(model => model.voiceName== window.currentModel.voiceName)
+    const variant = model.variants.find(variant => variant.variantName==variant_select.value)
+    const appVersionOk = window.checkVersionRequirements(variant.version, appVersion)
+    if (!appVersionOk) {
+        window.errorModal(`${window.i18n.MODEL_REQUIRES_VERSION} v${variant.version}<br><br>${window.i18n.THIS_APP_VERSION}: ${window.appVersion}`)
+        variant_select.value = oldVariantSelection
+        return
+    }
+    generateVoiceButton.dataset.modelQuery = JSON.stringify({
+        outputs: parseInt(model.outputs),
+        model: model.embOverABaseModel ? window.userSettings[`modelspath_${model.embOverABaseModel.split("/")[0]}`]+`/${model.embOverABaseModel.split("/")[1]}` : `${model.modelsPath}/${variant.voiceId}`,
+        modelType: variant.modelType,
+        version: variant.version,
+        model_speakers: model.num_speakers,
+        base_lang: model.lang || "en"
+    })
+    oldVariantSelection = variant_select.value
+    titleInfoVoiceID.innerHTML = variant.voiceId
+    titleInfoGender.innerHTML = variant.gender || "?"
+    titleInfoAppVersion.innerHTML = variant.version || "?"
+    titleInfoModelVersion.innerHTML = variant.modelVersion || "?"
+    titleInfoModelType.innerHTML = variant.modelType || "?"
+    titleInfoLanguage.innerHTML = variant.lang || window.currentModel.games[0].lang || "en"
+    titleInfoAuthor.innerHTML = variant.author || "?"
+    generateVoiceButton.click()
+})
+// Change game
+window.changeGame = (meta) => {
+    titleInfo.style.display = "none"
+    window.currentGame = meta
+    themeColour = meta.themeColourPrimary
+    secondaryThemeColour = meta.themeColourSecondary
+    let titleID = meta.gameCode
+    generateVoiceButton.disabled = true
+    generateVoiceButton.innerHTML = window.i18n.GENERATE_VOICE
+    selectedGameDisplay.innerHTML = meta.gameName
+    // Change the app title
+    titleName.innerHTML = window.i18n.SELECT_VOICE_TYPE
+    if (window.games[window.currentGame.gameId] == undefined) {
+        titleName.innerHTML = `${window.i18n.NO_MODELS_IN}: ${window.userSettings[`modelspath_${window.currentGame.gameId}`]}`
+    }
+    const gameFolder = meta.gameId
+    const gameName = meta.gameName
+    setting_models_path_container.style.display = "flex"
+    setting_out_path_container.style.display = "flex"
+    setting_models_path_label.innerHTML = `<i style="display:inline">${gameName}</i><span>${window.i18n.SETTINGS_MODELS_PATH}</span>`
+    setting_models_path_input.value = window.userSettings[`modelspath_${gameFolder}`]
+    setting_out_path_label.innerHTML = `<i style="display:inline">${gameName}</i> ${window.i18n.SETTINGS_OUTPUT_PATH}`
+    setting_out_path_input.value = window.userSettings[`outpath_${gameFolder}`]
+    window.setTheme(window.currentGame)
+    try {
+        window.displayAllModels()
+    } catch (e) {console.log(e)}
+    try {fs.mkdirSync(`${path}/output/${meta.gameId}`)} catch (e) {/*Do nothing*/}
+    localStorage.setItem("lastGame", JSON.stringify(meta))
+    // Populate models
+    voiceTypeContainer.innerHTML = ""
+    voiceSamples.innerHTML = ""
+    const buttons = []
+    const totalNumVoices = (window.games[meta.gameId] ? window.games[meta.gameId].models : []).reduce((p,c)=>p+c.variants.length, 0)
+    voiceSearchInput.placeholder = window.i18n.SEARCH_N_VOICES.replace("_", window.games[meta.gameId] ? totalNumVoices : "0")
+    voiceSearchInput.value = ""
+    if (!window.games[meta.gameId]) {
+        return
+    }
+    (window.games[meta.gameId] ? window.games[meta.gameId].models : []).forEach(({modelsPath, audioPreviewPath, gameId, variants, voiceName, embOverABaseModel}) => {
+        const {voiceId, voiceDescription, hifi, model} = variants[0]
+        const modelVersion = variants[0].version
+        const button = createElem("div.voiceType", voiceName)
+        button.style.background = `#${themeColour}`
+        if (embOverABaseModel) {
+            button.style.fontStyle = "italic"
+        }
+        if (window.userSettings.do_model_version_highlight && parseFloat(modelVersion)<window.userSettings.model_version_highlight) {
+            button.style.border =  `2px solid #${themeColour}`
+            button.style.padding =  "0"
+            button.style.background = "none"
+        }
+        button.dataset.modelId = voiceId
+        if (secondaryThemeColour) {
+            button.style.color = `#${secondaryThemeColour}`
+            button.style.textShadow = `none`
+        }
+        // Quick voice set preview, if there is a preview file
+        button.addEventListener("contextmenu", () => {
+            window.appLogger.log(`${audioPreviewPath}.wav`)
+            const audioPreview = createElem("audio", {autoplay: false}, createElem("source", {
+                src: `${audioPreviewPath}.wav`
+            }))
+            audioPreview.style.height = "25px"
+            audioPreview.setSinkId(window.userSettings.base_speaker)
+        })
+        if (embOverABaseModel) {
+            const gameOfBaseModel = embOverABaseModel.split("/")[0]
+            if (gameOfBaseModel=="<base>") {
+                // For included base v3 models
+                modelsPath = `${window.path}/python/xvapitch/${embOverABaseModel.split("/")[1]}`
+            } else {
+                // For any other model
+                const gameModelsPath = `${window.userSettings[`outpath_${gameOfBaseModel}`]}`
+                modelsPath = `${gameModelsPath}/${embOverABaseModel.split("/")[1]}`
+            }
+        }
+        button.addEventListener("click", event => window.selectVoice(event, variants, hifi, gameId, voiceId, model, button, audioPreviewPath, modelsPath, meta, embOverABaseModel))
+        buttons.push(button)
+    })
+    buttons.sort((a,b) => a.innerHTML.toLowerCase()<b.innerHTML.toLowerCase()?-1:1)
+        .forEach(button => voiceTypeContainer.appendChild(button))
+}
+window.selectVoice = (event, variants, hifi, gameId, voiceId, model, button, audioPreviewPath, modelsPath, meta, embOverABaseModel) => {
+    // Just for easier packaging of the voice models for publishing - yes, lazy
+    if (event.ctrlKey && event.shiftKey) {
+        window.packageVoice(event.altKey, variants, {modelsPath, gameId})
+    }
+    variant_select.innerHTML = ""
+    oldVariantSelection = undefined
+    if (variants.length==1) {
+        variantElements.style.display = "none"
+    } else {
+        variantElements.style.display = "flex"
+        variants.forEach(variant => {
+            const option = createElem("option", {value: variant.variantName})
+            option.innerHTML = variant.variantName
+            variant_select.appendChild(option)
+            if (!oldVariantSelection) {
+                oldVariantSelection = variant.variantName
+            }
+        })
+    }
+    if (hifi) {
+        // Remove the bespoke hifi option if there was one already there
+        Array.from(vocoder_select.children).forEach(opt => {
+            if (opt.innerHTML=="Bespoke HiFi GAN") {
+                vocoder_select.removeChild(opt)
+            }
+        })
+        bespoke_hifi_bolt.style.opacity = 1
+        const option = createElem("option", "Bespoke HiFi GAN")
+        option.value = `${gameId}/${voiceId}.hg.pt`
+        vocoder_select.appendChild(option)
+    } else {
+        bespoke_hifi_bolt.style.opacity = 0
+        // Set the vocoder select to quick-and-dirty if bespoke hifi-gan was selected
+        if (vocoder_select.value.includes(".hg.")) {
+            vocoder_select.value = "qnd"
+            window.changeVocoder("qnd")
+        }
+        // Remove the bespoke hifi option if there was one already there
+        Array.from(vocoder_select.children).forEach(opt => {
+            if (opt.innerHTML=="Bespoke HiFi GAN") {
+                vocoder_select.removeChild(opt)
+            }
+        })
+    }
+    window.currentModel = model
+    window.currentModel.voiceId = voiceId
+    window.currentModel.voiceName = button.innerHTML
+    window.currentModel.hifi = hifi
+    window.currentModel.audioPreviewPath = audioPreviewPath
+    window.currentModelButton = button
+    generateVoiceButton.dataset.modelQuery = null
+    // The model is already loaded. Don't re-load it.
+    if (generateVoiceButton.dataset.modelIDLoaded == voiceId) {
+        generateVoiceButton.innerHTML = window.i18n.GENERATE_VOICE
+        generateVoiceButton.dataset.modelQuery = "null"
+    } else {
+        generateVoiceButton.innerHTML = window.i18n.LOAD_MODEL
+        generateVoiceButton.dataset.modelQuery = JSON.stringify({
+            outputs: parseInt(model.outputs),
+            model: model.embOverABaseModel ? window.userSettings[`modelspath_${model.embOverABaseModel.split("/")[0]}`]+`/${model.embOverABaseModel.split("/")[1]}` : `${modelsPath}/${model.voiceId}`,
+            modelType: model.modelType,
+            version: model.version,
+            model_speakers: model.emb_size,
+            cmudict: model.cmudict,
+            base_lang: model.lang || "en"
+        })
+        generateVoiceButton.dataset.modelIDToLoad = voiceId
+    }
+    generateVoiceButton.disabled = false
+    titleName.innerHTML = button.innerHTML
+    titleInfo.style.display = "flex"
+    titleInfoName.innerHTML = window.currentModel.voiceName
+    titleInfoVoiceID.innerHTML = voiceId
+    titleInfoGender.innerHTML = window.currentModel.games[0].gender || "?"
+    titleInfoAppVersion.innerHTML = window.currentModel.version || "?"
+    titleInfoModelVersion.innerHTML = window.currentModel.modelVersion || "?"
+    titleInfoModelType.innerHTML = window.currentModel.modelType || "?"
+    titleInfoLanguage.innerHTML = window.currentModel.lang || window.currentModel.games[0].lang || "en"
+    titleInfoAuthor.innerHTML = window.currentModel.author || "?"
+    titleInfoLicense.innerHTML = window.currentModel.license || window.i18n.UNKNOWN
+    title.dataset.modelId = voiceId
+    keepSampleButton.style.display = "none"
+    samplePlayPause.style.display = "none"
+    // Voice samples
+    voiceSamples.innerHTML = ""
+    window.initMainPagePagination(`${window.userSettings[`outpath_${meta.gameId}`]}/${button.dataset.modelId}`)
+    window.refreshRecordsList()
+}
+titleInfo.addEventListener("click", () => titleDetails.style.display = titleDetails.style.display=="none" ? "block" : "none")
+window.addEventListener("click", event => {
+    if (event.target!=titleInfo && event.target!=titleDetails && event.target.parentNode && event.target.parentNode!=titleDetails && event.target.parentNode.parentNode!=titleDetails) {
+        titleDetails.style.display = "none"
+    }
+})
+titleDetails.style.display = "none"
+window.loadModel = () => {
+    return new Promise(resolve => {
+        if (window.batch_state.state) {
+            window.errorModal(window.i18n.BATCH_ERR_IN_PROGRESS)
+            return
+        }
+        const body = JSON.parse(generateVoiceButton.dataset.modelQuery)
+        const appVersionOk = window.checkVersionRequirements(body.version, appVersion)
+        if (!appVersionOk) {
+            window.errorModal(`${window.i18n.MODEL_REQUIRES_VERSION} v${body.version}<br><br>${window.i18n.THIS_APP_VERSION}: ${window.appVersion}`)
+            return
+        }
+        window.appLogger.log(`${window.i18n.LOADING_VOICE}: ${JSON.parse(generateVoiceButton.dataset.modelQuery).model}`)
+        window.batch_state.lastModel = JSON.parse(generateVoiceButton.dataset.modelQuery).model.split("/").reverse()[0]
+        body["pluginsContext"] = JSON.stringify(window.pluginsContext)
+        spinnerModal(`${window.i18n.LOADING_VOICE}`)
+        doFetch(`http://localhost:8008/loadModel`, {
+            method: "Post",
+            body: JSON.stringify(body)
+        }).then(r=>r.text()).then(res => {
+            window.currentModel.loaded = true
+            generateVoiceButton.dataset.modelQuery = null
+            generateVoiceButton.innerHTML = window.i18n.GENERATE_VOICE
+            generateVoiceButton.dataset.modelIDLoaded = generateVoiceButton.dataset.modelIDToLoad
+            // Set the editor pitch/energy dropdowns to pitch, and freeze them, if energy is not supported by the model
+            window.appState.currentModelEmbeddings = {}
+            if (window.currentModel.modelType.toLowerCase()=="xvapitch" && !window.currentModel.isBaseModel) {
+                vocoder_options_container.style.display = "none"
+                base_lang_select.disabled = false
+                style_emb_select.disabled = false
+                window.loadStyleEmbsForVoice(window.currentModel)
+                mic_SVG.children[0].style.fill = "white"
+                base_lang_select.value = window.currentModel.lang
+            } else {
+                vocoder_options_container.style.display = "inline-block"
+                base_lang_select.disabled = true
+                style_emb_select.disabled = true
+                mic_SVG.children[0].style.fill = "grey"
+            }
+            if (window.currentModel.modelType.toLowerCase()=="fastpitch") {
+                seq_edit_view_select.value = "pitch"
+                seq_edit_edit_select.value = "pitch"
+                seq_edit_view_select.disabled = true
+                seq_edit_edit_select.disabled = true
+            } else {
+                seq_edit_view_select.value = "pitch_energy"
+                seq_edit_view_select.disabled = false
+                seq_edit_edit_select.disabled = false
+            }
+            window.populateLanguagesDropdownsFromModel(base_lang_select, window.currentModel)
+            base_lang_select.value = window.currentModel.lang
+            if (window.userSettings.defaultToHiFi && window.currentModel.hifi) {
+                vocoder_select.value = Array.from(vocoder_select.children).find(opt => opt.innerHTML=="Bespoke HiFi GAN").value
+                window.changeVocoder(vocoder_select.value).then(() => dialogueInput.focus())
+            } else if (window.userSettings.vocoder.includes(".hg.pt")) {
+                window.changeVocoder("qnd").then(() => dialogueInput.focus())
+            } else {
+                closeModal(null, [workbenchContainer]).then(() => dialogueInput.focus())
+            }
+            resolve()
+        }).catch(e => {
+            console.log(e)
+            if (e.code =="ENOENT") {
+                closeModal(null, [modalContainer, workbenchContainer]).then(() => {
+                    window.errorModal(window.i18n.ERR_SERVER)
+                    resolve()
+                })
+            }
+        })
+    })
+}
+// Return true/false for if the prompt is the same - BUT: allow phoneme swaps
+window.checkIfPromptIsTheSame = (sequence) => {
+    // False if there was no previous prompt
+    if (!window.sequenceEditor.historyState.length) {
+        return false
+    }
+    const lastPrompt = window.sequenceEditor.historyState.at(-1)
+    // False if they're different lengths
+    if (sequence.length != lastPrompt.length) {
+        return false
+    }
+    // Split into words (and phonemes)
+    const currentParts = sequence.split(" ")
+    const lastParts = lastPrompt.split(" ")
+    for (let si=0; si<currentParts.length; si++) {
+        // False if a word is different, but not if it's an ARPAbet symbol
+        const cleaned = currentParts[si].replace(/[^a-zA-Z]/g, "")
+        if (currentParts[si]!=lastParts[si] && !window.ARPAbetSymbols.includes(cleaned)) {
+            return false
+        }
+    }
+    return true
+}
+window.synthesizeSample = () => {
+    const game = window.currentGame.gameId
+    if (window.isGenerating) {
+        return
+    }
+    if (!window.speech2speechState.s2s_running) {
+        clearOldTempFiles()
+    }
+    let sequence = dialogueInput.value.replace("…", "...").replace("’", "'")
+    if (window.userSettings.spacePadding && !window.sequenceEditor.isEditingFromFile) { // Pad start and end of the input sequence with spaces
+        sequence = " "+sequence.trim()+" "
+    }
+    window.sequenceEditor.isEditingFromFile = false
+    if (sequence.length==0) {
+        return
+    }
+    window.isGenerating = true
+    window.pluginsManager.runPlugins(window.pluginsManager.pluginsModules["generate-voice"]["pre"], event="pre generate-voice")
+    if (window.wavesurfer) {
+        try {
+            window.wavesurfer.stop()
+        } catch (e) {
+            console.log(e)
+        }
+        wavesurferContainer.style.opacity = 0
+    }
+    toggleSpinnerButtons()
+    const voiceType = title.dataset.modelId
+    const outputFileName = dialogueInput.value.slice(0, 260).replace(/\n/g, " ").replace(/[\/\\:\*?<>"|]*/g, "").replace(/^[\.\s]+/, "")
+    try {fs.unlinkSync(localStorage.getItem("tempFileLocation"))} catch (e) {/*Do nothing*/}
+    // For some reason, the samplePlay audio element does not update the source when the file name is the same
+    const tempFileNum = `${Math.random().toString().split(".")[1]}`
+    let tempFileLocation = `${path}/output/temp-${tempFileNum}.wav`
+    let pitch = []
+    let duration = []
+    let energy = []
+    let emAngry = []
+    let emHappy = []
+    let emSad = []
+    let emSurprise = []
+    let editorStyles = {}
+    let isFreshRegen = true
+    let old_sequence = undefined
+    if (editorContainer.innerHTML && editorContainer.innerHTML.length && generateVoiceButton.dataset.modelIDLoaded==window.sequenceEditor.currentVoice) {
+        if (window.sequenceEditor.audioInput || window.sequenceEditor.sequence && sequence!=window.sequenceEditor.inputSequence) {
+            old_sequence = window.sequenceEditor.inputSequence
+        }
+    }
+    // Don't use the old_sequence if running speech-to-speech
+    if (window.speech2speechState.s2s_running) {
+        old_sequence = undefined
+        window.speech2speechState.s2s_running = false
+    }
+    // Check if editing an existing line (otherwise it's a fresh new line)
+    const languageHasChanged = window.sequenceEditor.base_lang && window.sequenceEditor.base_lang != base_lang_select.value
+    const promptHasChanged = !window.checkIfPromptIsTheSame(sequence)
+    if (!promptHasChanged && !languageHasChanged && !window.arpabetMenuState.hasChangedARPAbet && !window.styleEmbsMenuState.hasChangedEmb &&
+        (speech2speechState.s2s_autogenerate || (editorContainer.innerHTML && editorContainer.innerHTML.length && (window.userSettings.keepEditorOnVoiceChange || generateVoiceButton.dataset.modelIDLoaded==window.sequenceEditor.currentVoice)))) {
+        speech2speechState.s2s_autogenerate = false
+        pitch = window.sequenceEditor.pitchNew.map(v=> v==undefined?0:v)
+        duration = window.sequenceEditor.dursNew.map(v => v*pace_slid.value).map(v=> v==undefined?0:v)
+        energy = window.sequenceEditor.energyNew ? window.sequenceEditor.energyNew.map(v => v==undefined?0:v).filter(v => !isNaN(v)) : []
+        if (window.currentModel.modelType=="xVAPitch") {
+            emAngry = window.sequenceEditor.emAngryNew ? window.sequenceEditor.emAngryNew.map(v => v==undefined?0:v).filter(v => !isNaN(v)) : []
+            emHappy = window.sequenceEditor.emHappyNew ? window.sequenceEditor.emHappyNew.map(v => v==undefined?0:v).filter(v => !isNaN(v)) : []
+            emSad = window.sequenceEditor.emSadNew ? window.sequenceEditor.emSadNew.map(v => v==undefined?0:v).filter(v => !isNaN(v)) : []
+            emSurprise = window.sequenceEditor.emSurpriseNew ? window.sequenceEditor.emSurpriseNew.map(v => v==undefined?0:v).filter(v => !isNaN(v)) : []
+            if (window.sequenceEditor.registeredStyleKeys) {
+                window.sequenceEditor.registeredStyleKeys.forEach(styleKey => {
+                    editorStyles[styleKey] = {
+                        embedding: window.appState.currentModelEmbeddings[styleKey][1],
+                        sliders: window.sequenceEditor.styleValuesNew[styleKey].map(v => v==undefined?0:v).filter(v => !isNaN(v))// : []
+                    }
+                })
+            }
+        }
+        isFreshRegen = false
+    }
+    window.arpabetMenuState.hasChangedARPAbet = false
+    window.styleEmbsMenuState.hasChangedEmb = false
+    window.sequenceEditor.currentVoice = generateVoiceButton.dataset.modelIDLoaded
+    const speaker_i = window.currentModel.games[0].emb_i
+    const pace = (window.userSettings.keepPaceOnNew && isFreshRegen)?pace_slid.value:1
+    window.appLogger.log(`${window.i18n.SYNTHESIZING}: ${sequence}`)
+    doFetch(`http://localhost:8008/synthesize`, {
+        method: "Post",
+        body: JSON.stringify({
+            sequence, pitch, duration, energy, emAngry, emHappy, emSad, emSurprise, editorStyles, speaker_i, pace,
+            base_lang: base_lang_select.value,
+            base_emb: style_emb_select.value||"",
+            modelType: window.currentModel.modelType,
+            old_sequence, // For partial re-generation
+            device: window.userSettings.installation=="cpu"?"cpu":(window.userSettings.useGPU?"cuda:0":"cpu"),
+            // device: window.userSettings.useGPU?"gpu":"cpu",   // Switch to this once DirectML is installed
+            useSR: useSRCkbx.checked,
+            useCleanup: useCleanupCkbx.checked,
+            outfile: tempFileLocation,
+            pluginsContext: JSON.stringify(window.pluginsContext),
+            vocoder: window.currentModel.modelType=="xVAPitch" ? "n/a" : window.userSettings.vocoder,
+            waveglowPath: vocoder_select.value=="256_waveglow" ? window.userSettings.waveglow_path : window.userSettings.bigwaveglow_path
+        })
+    }).then(r=>r.text()).then(res => {
+        window.isGenerating = false
+        if (res=="ENOENT" || res.startsWith("ERR:")) {
+            console.log(res)
+            if (res.startsWith("ERR:")) {
+                if (res.includes("ARPABET_NOT_IN_LIST")) {
+                    const symbolNotInList = res.split(":").reverse()[0]
+                    window.errorModal(`${window.i18n.SOMETHING_WENT_WRONG}<br><br>${window.i18n.ERR_ARPABET_NOT_EXIST.replace("_1", symbolNotInList)}`)
+                } else {
+                    window.errorModal(`${window.i18n.SOMETHING_WENT_WRONG}<br><br>${res.replace("ERR:","").replaceAll(/\n/g, "<br>")}`)
+                }
+            } else {
+                window.appLogger.log(res)
+                window.errorModal(`${window.i18n.BATCH_MODEL_NOT_FOUND}.${vocoder_select.value.includes("waveglow")?" "+window.i18n.BATCH_DOWNLOAD_WAVEGLOW:""}`)
+            }
+            toggleSpinnerButtons()
+            return
+        }
+        dialogueInput.focus()
+        window.sequenceEditor.historyState.push(sequence)
+        if (window.userSettings.clear_text_after_synth) {
+            dialogueInput.value = ""
+        }
+        res = res.split("\n")
+        let pitchData = res[0]
+        let durationsData = res[1]
+        let energyData = res[2]
+        let em_angryData = res[3]
+        let em_happyData = res[4]
+        let em_sadData = res[5]
+        let em_surpriseData = res[6]
+        const editorStyles = res[7]&&res[7].length ? JSON.parse(res[7]) : undefined
+        let cleanedSequence = res[8].split("|").map(c=>c.replaceAll("{", "").replaceAll("}", "").replace(/\s/g, "_"))
+        const start_index = res[9]
+        const end_index = res[10]
+        pitchData = pitchData.split(",").map(v => parseFloat(v))
+        // For use in adjusting editor range
+        const maxPitchVal = pitchData.reduce((p,c)=>Math.max(p, Math.abs(c)), 0)
+        if (maxPitchVal>window.sequenceEditor.default_pitchSliderRange) {
+            window.sequenceEditor.pitchSliderRange = maxPitchVal
+        } else {
+            window.sequenceEditor.pitchSliderRange = window.sequenceEditor.default_pitchSliderRange
+        }
+        em_angryData = em_angryData.length ? em_angryData.split(",").map(v => parseFloat(v)).filter(v => !isNaN(v)) : []
+        em_happyData = em_happyData.length ? em_happyData.split(",").map(v => parseFloat(v)).filter(v => !isNaN(v)) : []
+        em_sadData = em_sadData.length ? em_sadData.split(",").map(v => parseFloat(v)).filter(v => !isNaN(v)) : []
+        em_surpriseData = em_surpriseData.length ? em_surpriseData.split(",").map(v => parseFloat(v)).filter(v => !isNaN(v)) : []
+        if (energyData.length) {
+            energyData = energyData.split(",").map(v => parseFloat(v)).filter(v => !isNaN(v))
+            // For use in adjusting editor range
+            const maxEnergyVal = energyData.reduce((p,c)=>Math.max(p, c), 0)
+            const minEnergyVal = energyData.reduce((p,c)=>Math.min(p, c), 100)
+            if (minEnergyVal<window.sequenceEditor.default_MIN_ENERGY) {
+                window.sequenceEditor.MIN_ENERGY = minEnergyVal
+            } else {
+                window.sequenceEditor.MIN_ENERGY = window.sequenceEditor.default_MIN_ENERGY
+            }
+            if (maxEnergyVal>window.sequenceEditor.default_MAX_ENERGY) {
+                window.sequenceEditor.MAX_ENERGY = maxEnergyVal
+            } else {
+                window.sequenceEditor.MAX_ENERGY = window.sequenceEditor.default_MAX_ENERGY
+            }
+        } else {
+            energyData = []
+        }
+        durationsData = durationsData.split(",").map(v => isFreshRegen ? parseFloat(v) : parseFloat(v)/pace_slid.value)
+        const doTheRest = () => {
+            window.sequenceEditor.base_lang = base_lang_select.value
+            window.sequenceEditor.inputSequence = sequence
+            window.sequenceEditor.sequence = cleanedSequence
+            if (pitch.length==0 || isFreshRegen) {
+                window.sequenceEditor.resetPitch = pitchData
+                window.sequenceEditor.resetDurs = durationsData
+                window.sequenceEditor.resetEnergy = energyData
+                window.sequenceEditor.resetEmAngry = em_angryData
+                window.sequenceEditor.resetEmHappy = em_happyData
+                window.sequenceEditor.resetEmSad = em_sadData
+                window.sequenceEditor.resetEmSurprise = em_surpriseData
+            }
+            window.sequenceEditor.letters = cleanedSequence
+            window.sequenceEditor.pitchNew = pitchData.map(p=>p)
+            window.sequenceEditor.dursNew = durationsData.map(v=>v)
+            window.sequenceEditor.energyNew = energyData.map(v=>v)
+            if (window.currentModel.modelType=="xVAPitch") {
+                window.sequenceEditor.emAngryNew = em_angryData.map(v=>v)
+                window.sequenceEditor.emHappyNew = em_happyData.map(v=>v)
+                window.sequenceEditor.emSadNew = em_sadData.map(v=>v)
+                window.sequenceEditor.emSurpriseNew = em_surpriseData.map(v=>v)
+                window.sequenceEditor.loadStylesData(editorStyles)
+            }
+            window.sequenceEditor.init()
+            const pitchRange = window.userSettings.pitchrangeoverride ? window.userSettings.pitchrangeoverride : window.sequenceEditor.pitchSliderRange
+            window.sequenceEditor.update(window.currentModel.modelType, pitchRange)
+            window.sequenceEditor.sliderBoxes.forEach((box, i) => {box.setValueFromValue(window.sequenceEditor.dursNew[i])})
+            window.sequenceEditor.autoInferTimer = null
+            window.sequenceEditor.hasChanged = false
+            toggleSpinnerButtons()
+            if (keepSampleButton.dataset.newFileLocation && keepSampleButton.dataset.newFileLocation.startsWith("BATCH_EDIT")) {
+                console.log("_debug_")
+            } else {
+                if (window.userSettings[`outpath_${game}`]) {
+                    keepSampleButton.dataset.newFileLocation = `${window.userSettings[`outpath_${game}`]}/${voiceType}/${outputFileName}.wav`
+                } else {
+                    keepSampleButton.dataset.newFileLocation = `${__dirname.replace(/\\/g,"/")}/output/${voiceType}/${outputFileName}.wav`
+                }
+            }
+            keepSampleButton.disabled = false
+            window.tempFileLocation = tempFileLocation
+            // Wavesurfer
+            if (!window.wavesurfer) {
+                window.initWaveSurfer(`${__dirname.replace("/javascript", "")}/output/${tempFileLocation.split("/").reverse()[0]}`)
+            } else {
+                window.wavesurfer.load(`${__dirname.replace("/javascript", "")}/output/${tempFileLocation.split("/").reverse()[0]}`)
+            }
+            window.wavesurfer.on("ready",  () => {
+                wavesurferContainer.style.opacity = 1
+                if (window.userSettings.autoPlayGen) {
+                    if (window.userSettings.playChangedAudio) {
+                        const playbackStartEnd = window.sequenceEditor.getChangedTimeStamps(start_index, end_index, window.wavesurfer.getDuration())
+                        if (playbackStartEnd) {
+                            wavesurfer.play(playbackStartEnd[0], playbackStartEnd[1])
+                        } else {
+                            wavesurfer.play()
+                        }
+                    } else {
+                        wavesurfer.play()
+                    }
+                    window.sequenceEditor.adjustedLetters = new Set()
+                    samplePlayPause.innerHTML = window.i18n.PAUSE
+                }
+            })
+            // Persistance across sessions
+            localStorage.setItem("tempFileLocation", tempFileLocation)
+        }
+        if (window.userSettings.audio.ffmpeg) {
+            const options = {
+                hz: window.userSettings.audio.hz,
+                padStart: window.userSettings.audio.padStart,
+                padEnd: window.userSettings.audio.padEnd,
+                bit_depth: window.userSettings.audio.bitdepth,
+                amplitude: window.userSettings.audio.amplitude,
+                pitchMult: window.userSettings.audio.pitchMult,
+                tempo: window.userSettings.audio.tempo,
+                deessing: window.userSettings.audio.deessing,
+                nr: window.userSettings.audio.nr,
+                nf: window.userSettings.audio.nf,
+                useNR: window.userSettings.audio.useNR,
+                useSR: useSRCkbx.checked,
+                useCleanup: useCleanupCkbx.checked,
+            }
+            const extraInfo = {
+                game: window.currentGame.gameId,
+                voiceId: window.currentModel.voiceId,
+                voiceName: window.currentModel.voiceName,
+                inputSequence: sequence,
+                letters: cleanedSequence,
+                pitch: pitchData.map(p=>p),
+                energy: energyData.map(p=>p),
+                em_angry: em_angryData.map(p=>p),
+                em_happy: em_happyData.map(p=>p),
+                em_sad: em_sadData.map(p=>p),
+                em_surprise: em_surpriseData.map(p=>p),
+                durations: durationsData.map(v=>v)
+            }
+            doFetch(`http://localhost:8008/outputAudio`, {
+                method: "Post",
+                body: JSON.stringify({
+                    input_path: tempFileLocation,
+                    output_path: tempFileLocation.replace(".wav", `_ffmpeg.${window.userSettings.audio.format}`),
+                    pluginsContext: JSON.stringify(window.pluginsContext),
+                    extraInfo: JSON.stringify(extraInfo),
+                    isBatchMode: false,
+                    options: JSON.stringify(options)
+                })
+            }).then(r=>r.text()).then(res => {
+                if (res.length && res!="-") {
+                    console.log("res", res)
+                    window.errorModal(`${window.i18n.SOMETHING_WENT_WRONG}<br><br>${res}`).then(() => toggleSpinnerButtons())
+                } else {
+                    tempFileLocation = tempFileLocation.replace(".wav", `_ffmpeg.${window.userSettings.audio.format}`)
+                    doTheRest()
+                }
+            }).catch(res => {
+                console.log(res)
+                window.appLogger.log(`outputAudio error: ${res}`)
+                // closeModal().then(() => {
+                    window.errorModal(`${window.i18n.SOMETHING_WENT_WRONG}<br><br>${res}`)
+                // })
+            })
+        } else {
+            doTheRest()
+        }
+    }).catch(res => {
+        window.isGenerating = false
+        console.log(res)
+        window.appLogger.log(res)
+        window.errorModal(window.i18n.SOMETHING_WENT_WRONG)
+        toggleSpinnerButtons()
+    })
+}
+generateVoiceButton.addEventListener("click", () => {
+    try {fs.mkdirSync(window.userSettings[`outpath_${game}`])} catch (e) {/*Do nothing*/}
+    try {fs.mkdirSync(`${window.userSettings[`outpath_${game}`]}/${voiceId}`)} catch (e) {/*Do nothing*/}
+    if (generateVoiceButton.dataset.modelQuery && generateVoiceButton.dataset.modelQuery!="null") {
+        window.loadModel()
+    } else {
+        window.synthesizeSample()
+    }
+})
+window.saveFile = (from, to, skipUIRecord=false) => {
+    to = to.split("%20").join(" ")
+    to = to.replace(".wav", `.${window.userSettings.audio.format}`)
+    // Make the containing folder if it does not already exist
+    let containerFolderPath = to.split("/")
+    containerFolderPath = containerFolderPath.slice(0,containerFolderPath.length-1).join("/")
+    try {fs.mkdirSync(containerFolderPath)} catch (e) {/*Do nothing*/}
+    // For plugins
+    const pluginData = {
+        game: window.currentGame.gameId,
+        voiceId: window.currentModel.voiceId,
+        voiceName: window.currentModel.voiceName,
+        inputSequence: window.sequenceEditor.inputSequence,
+        letters: window.sequenceEditor.letters,
+        pitch: window.sequenceEditor.pitchNew,
+        durations: window.sequenceEditor.dursNew,
+        vocoder: vocoder_select.value,
+        from, to
+    }
+    const options = {
+        hz: window.userSettings.audio.hz,
+        padStart: window.userSettings.audio.padStart,
+        padEnd: window.userSettings.audio.padEnd,
+        bit_depth: window.userSettings.audio.bitdepth,
+        amplitude: window.userSettings.audio.amplitude,
+        pitchMult: window.userSettings.audio.pitchMult,
+        tempo: window.userSettings.audio.tempo,
+        deessing: window.userSettings.audio.deessing,
+        nr: window.userSettings.audio.nr,
+        nf: window.userSettings.audio.nf,
+        useNR: window.userSettings.audio.useNR,
+        useSR: useSRCkbx.checked
+    }
+    pluginData.audioOptions = options
+    window.pluginsManager.runPlugins(window.pluginsManager.pluginsModules["keep-sample"]["pre"], event="pre keep-sample", pluginData)
+    const jsonDataOut = {
+        modelType: window.currentModel.modelType,
+        modelVersion: window.currentModel.modelVersion,
+        version: window.currentModel.version,
+        inputSequence: dialogueInput.value.trim(),
+        pacing: parseFloat(pace_slid.value),
+        letters: window.sequenceEditor.letters,
+        currentVoice: window.sequenceEditor.currentVoice,
+        resetEnergy: window.sequenceEditor.resetEnergy,
+        resetPitch: window.sequenceEditor.resetPitch,
+        resetDurs: window.sequenceEditor.resetDurs,
+        resetEmAngry: window.sequenceEditor.resetEmAngry,
+        resetEmHappy: window.sequenceEditor.resetEmHappy,
+        resetEmSad: window.sequenceEditor.resetEmSad,
+        resetEmSurprise: window.sequenceEditor.resetEmSurprise,
+        styleValuesReset: window.sequenceEditor.styleValuesReset,
+        ampFlatCounter: window.sequenceEditor.ampFlatCounter,
+        inputSequence: window.sequenceEditor.inputSequence,
+        sequence: window.sequenceEditor.sequence,
+        pitchNew: window.sequenceEditor.pitchNew,
+        energyNew: window.sequenceEditor.energyNew,
+        dursNew: window.sequenceEditor.dursNew,
+        emAngryNew: window.sequenceEditor.emAngryNew,
+        emHappyNew: window.sequenceEditor.emHappyNew,
+        emSadNew: window.sequenceEditor.emSadNew,
+        emSurpriseNew: window.sequenceEditor.emSurpriseNew,
+        styleValuesNew: window.sequenceEditor.styleValuesNew,
+    }
+    let outputFileName = to.split("/").reverse()[0].split(".").reverse().slice(1, 1000)
+    const toExt = to.split(".").reverse()[0]
+    if (window.userSettings.filenameNumericalSeq) {
+        outputFileName = outputFileName[0]+"."+outputFileName.slice(1,1000).reverse().join(".")
+    } else {
+        outputFileName = outputFileName.reverse().join(".")
+    }
+    to = `${to.split("/").reverse().slice(1,10000).reverse().join("/")}/${outputFileName}`
+    const allFiles = fs.readdirSync(`${path}/output`).filter(fname => fname.includes(from.split("/").reverse()[0].split(".")[0]))
+    const toFolder = to.split("/").reverse().slice(1, 1000).reverse().join("/")
+    allFiles.forEach(fname => {
+        const ext = fname.split(".").reverse()[0]
+        fs.copyFile(`${path}/output/${fname}`, `${toFolder}/${outputFileName}.${ext}`, err => {
+            if (err) {
+                console.log(err)
+                window.appLogger.log(`Error in saveFile->outputAudio[no ffmpeg]: ${err}`)
+                if (!fs.existsSync(from)) {
+                    window.appLogger.log(`${window.i18n.TEMP_FILE_NOT_EXIST}: ${from}`)
+                }
+                if (!fs.existsSync(toFolder)) {
+                    window.appLogger.log(`${window.i18n.OUT_DIR_NOT_EXIST}: ${toFolder}`)
+                }
+            } else {
+                if (window.userSettings.outputJSON && window.sequenceEditor.letters.length) {
+                    fs.writeFileSync(`${to}.${toExt}.json`, JSON.stringify(jsonDataOut, null, 4))
+                }
+                if (!skipUIRecord) {
+                    window.initMainPagePagination(`${window.userSettings[`outpath_${window.currentGame.gameId}`]}/${window.currentModel.voiceId}`)
+                    window.refreshRecordsList()
+                }
+                window.pluginsManager.runPlugins(window.pluginsManager.pluginsModules["keep-sample"]["post"], event="post keep-sample", pluginData)
+            }
+        })
+    })
+}
+window.keepSampleFunction = shiftClick => {
+    if (keepSampleButton.dataset.newFileLocation) {
+        const skipUIRecord = keepSampleButton.dataset.newFileLocation.includes("BATCH_EDIT")
+        let fromLocation = window.tempFileLocation
+        let toLocation = keepSampleButton.dataset.newFileLocation.replace("BATCH_EDIT", "")
+        if (!skipUIRecord) {
+            toLocation = toLocation.split("/")
+            toLocation[toLocation.length-1] = toLocation[toLocation.length-1].replace(/[\/\\:\*?<>"|]*/g, "")
+            toLocation[toLocation.length-1] = toLocation[toLocation.length-1].replace(/\.wav$/, "").slice(0, window.userSettings.max_filename_chars).replace(/\.$/, "")
+        }
+        // Numerical file name counter
+        if (!skipUIRecord && window.userSettings.filenameNumericalSeq) {
+            let existingFiles = []
+            try {
+                existingFiles = fs.readdirSync(toLocation.slice(0, toLocation.length-1).join("/")).filter(fname => !fname.endsWith(".json"))
+            } catch (e) {
+                console.log(e)
+            }
+            existingFiles = existingFiles.filter(fname => fname.includes(toLocation[toLocation.length-1]))
+            existingFiles = existingFiles.map(fname => {
+                const parts = fname.split(".")
+                parts.reverse()
+                if (parts.length>2 && parts.reverse()[0].length) {
+                    if (parseInt(parts[0]) != NaN) {
+                        return parseInt(parts[0])
+                    }
+                }
+                return null
+            })
+            existingFiles = existingFiles.filter(val => !!val)
+            if (existingFiles.length==0) {
+                existingFiles.push(0)
+            }
+            if (existingFiles.length) {
+                existingFiles = existingFiles.sort((a,b) => {a<b?-1:1})
+                toLocation[toLocation.length-1] = `${toLocation[toLocation.length-1]}.${String(existingFiles[existingFiles.length-1]+1).padStart(4, "0")}`
+            }
+        }
+        if (!skipUIRecord) {
+            toLocation[toLocation.length-1] += ".wav"
+            toLocation = toLocation.join("/")
+        }
+        const outFolder = toLocation.split("/").reverse().slice(2, 100).reverse().join("/")
+        if (!fs.existsSync(outFolder)) {
+            return void window.errorModal(`${window.i18n.OUT_DIR_NOT_EXIST}:<br><br><i>${outFolder}</i><br><br>${window.i18n.YOU_CAN_CHANGE_IN_SETTINGS}`)
+        }
+        // File name conflict
+        const alreadyExists = fs.existsSync(toLocation)
+        if (alreadyExists || shiftClick) {
+            const promptText = alreadyExists ? window.i18n.FILE_EXISTS_ADJUST : window.i18n.ENTER_FILE_NAME
+            createModal("prompt", {
+                prompt: promptText,
+                value: toLocation.split("/").reverse()[0].replace(".wav", `.${window.userSettings.audio.format}`)
+            }).then(newFileName => {
+                let toLocationOut = toLocation.split("/").reverse()
+                toLocationOut[0] = newFileName.replace(`.${window.userSettings.audio.format}`, "") + `.${window.userSettings.audio.format}`
+                let outDir = toLocationOut
+                outDir.shift()
+                newFileName = (newFileName.replace(`.${window.userSettings.audio.format}`, "") + `.${window.userSettings.audio.format}`).replace(/[\/\\:\*?<>"|]*/g, "")
+                toLocationOut.reverse()
+                toLocationOut.push(newFileName)
+                if (fs.existsSync(outDir.slice(0, outDir.length-1).join("/"))) {
+                    const existingFiles = fs.readdirSync(outDir.slice(0, outDir.length-1).join("/"))
+                    const existingFileConflict = existingFiles.filter(name => name==newFileName)
+                    const finalOutLocation = toLocationOut.join("/")
+                    if (existingFileConflict.length) {
+                        // Remove the entry from the output files' preview
+                        Array.from(voiceSamples.querySelectorAll("div.sample")).forEach(sampleElem => {
+                            let sourceSrc = sampleElem.children[0].children[0].innerText
+                            sourceSrc = sourceSrc.split("/").reverse()
+                            const finalFileName = finalOutLocation.split("/").reverse()
+                            if (sourceSrc[0] == finalFileName[0]) {
+                                sampleElem.parentNode.removeChild(sampleElem)
+                            }
+                        })
+                        // Remove the old file and write the new one in
+                        fs.unlink(finalOutLocation, err => {
+                            if (err) {
+                                console.log(err)
+                                window.appLogger.log(`Error in keepSample: ${err}`)
+                            }
+                            window.saveFile(fromLocation, finalOutLocation, skipUIRecord)
+                        })
+                        return
+                    } else {
+                        window.saveFile(fromLocation, toLocationOut.join("/"), skipUIRecord)
+                        return
+                    }
+                }
+                window.saveFile(fromLocation, toLocationOut.join("/"), skipUIRecord)
+            })
+        } else {
+            window.saveFile(fromLocation, toLocation, skipUIRecord)
+        }
+    }
+}
+keepSampleButton.addEventListener("click", event => keepSampleFunction(event.shiftKey))
+// Weird recursive intermittent promises to repeatedly check if the server is up yet - but it works!
+window.serverIsUp = false
+const serverStartingMessage = `${window.i18n.LOADING}...<br>${window.i18n.MAY_TAKE_A_MINUTE}<br><br>${window.i18n.STARTING_PYTHON}...`
+window.doWeirdServerStartupCheck = () => {
+    const check = () => {
+        return new Promise(topResolve => {
+            if (window.serverIsUp) {
+                topResolve()
+            } else {
+                (new Promise((resolve, reject) => {
+                    // Gather the model paths to send to the server
+                    const modelsPaths = {}
+                    Object.keys(window.userSettings).filter(key => key.includes("modelspath_")).forEach(key => {
+                        modelsPaths[key.split("_")[1]] = window.userSettings[key]
+                    })
+                    doFetch(`http://localhost:8008/checkReady`, {
+                        method: "Post",
+                        body: JSON.stringify({
+                            device: (window.userSettings.useGPU&&window.userSettings.installation=="gpu")?"gpu":"cpu",
+                            modelsPaths: JSON.stringify(modelsPaths)
+                        })
+                    }).then(r => r.text()).then(r => {
+                        closeModal([document.querySelector("#activeModal"), modalContainer], [totdContainer, EULAContainer], true).then(() => {
+                            window.pluginsManager.updateUI()
+                            if (!window.pluginsManager.hasRunPostStartPlugins) {
+                                window.pluginsManager.hasRunPostStartPlugins = true
+                                window.pluginsManager.runPlugins(window.pluginsManager.pluginsModules["start"]["post"], event="post start")
+                                window.electronBrowserWindow.setProgressBar(-1)
+                                window.checkForWorkshopInstallations()
+                            }
+                        })
+                        window.serverIsUp = true
+                        if (window.userSettings.installation=="cpu") {
+                            if (useGPUCbx.checked) {
+                                doFetch(`http://localhost:8008/setDevice`, {
+                                    method: "Post",
+                                    body: JSON.stringify({device: "cpu"})
+                                })
+                            }
+                            useGPUCbx.checked = false
+                            useGPUCbx.disabled = true
+                            window.userSettings.useGPU = false
+                            saveUserSettings()
+                        }
+                        resolve()
+                    }).catch((err) => {
+                        reject()
+                    })
+                })).catch(() => {
+                    setTimeout(async () => {
+                        await check()
+                        topResolve()
+                    }, 100)
+                })
+            }
+        })
+    }
+    check()
+}
+window.doWeirdServerStartupCheck()
+modalContainer.addEventListener("click", event => {
+    try {
+        if (event.target==modalContainer && activeModal.dataset.type!="spinner") {
+            closeModal()
+        }
+    } catch (e) {}
+})
+// Cached UI stuff
+// =========
+dialogueInput.addEventListener("keyup", (event) => {
+    localStorage.setItem("dialogueInput", " "+dialogueInput.value.trim()+" ")
+    window.sequenceEditor.hasChanged = true
+})
+const dialogueInputCache = localStorage.getItem("dialogueInput")
+if (dialogueInputCache) {
+    dialogueInput.value = dialogueInputCache
+}
+// =========
+vocoder_select.value = window.userSettings.vocoder.includes(".hg.") ? "qnd" : window.userSettings.vocoder
+window.changeVocoder = vocoder => {
+    return new Promise(resolve => {
+        spinnerModal(window.i18n.CHANGING_MODELS)
+        doFetch(`http://localhost:8008/setVocoder`, {
+            method: "Post",
+            body: JSON.stringify({
+                vocoder,
+                modelPath: vocoder=="256_waveglow" ? window.userSettings.waveglow_path : window.userSettings.bigwaveglow_path
+            })
+        }).then(r=>r.text()).then((res) => {
+            closeModal().then(() => {
+                setTimeout(() => {
+                    if (res=="ENOENT") {
+                        vocoder_select.value = window.userSettings.vocoder
+                        window.errorModal(`${window.i18n.BATCH_MODEL_NOT_FOUND}.${vocoder.includes("waveglow")?" "+window.i18n.BATCH_DOWNLOAD_WAVEGLOW:""}`)
+                        resolve()
+                    } else {
+                        window.batch_state.lastVocoder = vocoder
+                        window.userSettings.vocoder = vocoder
+                        saveUserSettings()
+                        resolve()
+                    }
+                }, 300)
+            })
+        })
+    })
+}
+vocoder_select.addEventListener("change", () => window.changeVocoder(vocoder_select.value))
+useSRCkbx.addEventListener("click", () => {
+    let userHasSeenThisAlready = localStorage.getItem("useSRHintSeen")
+    if (useSRCkbx.checked && !userHasSeenThisAlready) {
+        window.confirmModal(window.i18n.USE_SR_HINT).then(resp => {
+            if (resp) {
+                localStorage.setItem("useSRHintSeen", "true")
+            }
+        })
+    }
+})
+dialogueInput.addEventListener("contextmenu", event => {
+    event.preventDefault()
+    ipcRenderer.send('show-context-menu')
+})
+ipcRenderer.on('context-menu-command', (e, command) => {
+    if (command=="context-copy") {
+        if (dialogueInput.selectionStart != dialogueInput.selectionEnd) {
+            clipboard.writeText(dialogueInput.value.slice(dialogueInput.selectionStart, dialogueInput.selectionEnd))
+        }
+    } else if (command=="context-paste") {
+        if (clipboard.readText().length) {
+            let newString = dialogueInput.value.slice(0, dialogueInput.selectionStart) + clipboard.readText() + dialogueInput.value.slice(dialogueInput.selectionEnd, dialogueInput.value.length)
+            dialogueInput.value = newString
+        }
+    }
+})
+window.setupModal(workbenchIcon, workbenchContainer, () => window.initVoiceWorkbench())
+// Info
+// ====
+window.setupModal(infoIcon, infoContainer)
+// Patreon
+// =======
+// window.setupModal(patreonIcon, patreonContainer, () => {
+//     const data = fs.readFileSync(`${path}/patreon.txt`, "utf8") + ", minermanb"
+//     creditsList.innerHTML = data
+// })
+// Updates
+// =======
+app_version.innerHTML = window.appVersion
+updatesVersions.innerHTML = `${window.i18n.THIS_APP_VERSION}: ${window.appVersion}`
+const checkForUpdates = () => {
+    doFetch("http://danruta.co.uk/xvasynth_updates.txt").then(r=>r.json()).then(data => {
+        fs.writeFileSync(`${path}/updates.json`, JSON.stringify(data), "utf8")
+        checkUpdates.innerHTML = window.i18n.CHECK_FOR_UPDATES
+        window.showUpdates()
+    }).catch(() => {
+        checkUpdates.innerHTML = window.i18n.CANT_REACH_SERVER
+    })
+}
+window.showUpdates = () => {
+    window.updatesLog = fs.readFileSync(`${path}/updates.json`, "utf8")
+    window.updatesLog = JSON.parse(window.updatesLog)
+    const sortedLogVersions = Object.keys(window.updatesLog).map( a => a.split('.').map( n => +n+100000 ).join('.') ).sort()
+        .map( a => a.split('.').map( n => +n-100000 ).join('.') )
+    const appVersion = window.appVersion.replace("v", "")
+    const appIsUpToDate = sortedLogVersions.indexOf(appVersion)==(sortedLogVersions.length-1) || sortedLogVersions.indexOf(appVersion)==-1
+    if (!appIsUpToDate) {
+        update_nothing.style.display = "none"
+        update_something.style.display = "block"
+        updatesVersions.innerHTML = `${window.i18n.THIS_APP_VERSION}: ${appVersion}. ${window.i18n.AVAILABLE}: ${sortedLogVersions[sortedLogVersions.length-1]}`
+    } else {
+        updatesVersions.innerHTML = `${window.i18n.THIS_APP_VERSION}: ${appVersion}. ${window.i18n.UPTODATE}`
+    }
+    updatesLogList.innerHTML = ""
+    sortedLogVersions.reverse().forEach(version => {
+        const versionLabel = createElem("h2", version)
+        const logItem = createElem("div", versionLabel)
+        window.updatesLog[version].split("\n").forEach(line => {
+            logItem.appendChild(createElem("div", line))
+        })
+        updatesLogList.appendChild(logItem)
+    })
+}
+checkForUpdates()
+window.setupModal(updatesIcon, updatesContainer)
+checkUpdates.addEventListener("click", () => {
+    checkUpdates.innerHTML = window.i18n.CHECKING_FOR_UPDATES
+    checkForUpdates()
+})
+window.showUpdates()
+// Batch generation
+// ========
+window.setupModal(batchIcon, batchGenerationContainer)
+// Settings
+// ========
+window.setupModal(settingsCog, settingsContainer)
+// Change Game
+// ===========
+window.setupModal(changeGameButton, gameSelectionContainer)
+changeGameButton.addEventListener("click", () => searchGameInput.focus())
+window.gameAssets = {}
+window.updateGameList = (doLoadAllModels=true) => {
+    gameSelectionListContainer.innerHTML = ""
+    const fileNames = fs.readdirSync(`${window.path}/assets`)
+    let totalVoices = 0
+    let totalGames = new Set()
+    const itemsToSort = []
+    // const gameIDs = doLoadAllModels ? fileNames.filter(fn=>fn.endsWith(".json")) : Object.keys(window.games).map(gID => gID+".json")
+    const gameIDs = fileNames.filter(fn=>fn.endsWith(".json"))
+    gameIDs.forEach(gameId => {
+        const metadata = fs.existsSync(`${window.path}/assets/${gameId}`) ? JSON.parse(fs.readFileSync(`${window.path}/assets/${gameId}`)) : window.games[gameId.replace(".json", "")].dummyGameTheme
+        gameId = gameId.replace(".json", "")
+        metadata.gameId = gameId
+        const assetFile = metadata.assetFile
+        const gameSelection = createElem("div.gameSelection")
+        gameSelection.style.background = `url("assets/${assetFile}")`
+        const gameName = metadata.gameName
+        const gameSelectionContent = createElem("div.gameSelectionContent")
+        let numVoices = 0
+        const modelsPath = window.userSettings[`modelspath_${gameId}`]
+        if (fs.existsSync(modelsPath)) {
+            const files = fs.readdirSync(modelsPath)
+            numVoices = files.filter(fn => fn.includes(".json")).length
+            totalVoices += numVoices
+        }
+        if (numVoices==0) {
+            gameSelectionContent.style.background = "rgba(150,150,150,0.7)"
+        } else {
+            gameSelectionContent.classList.add("gameSelectionContentToHover")
+            totalGames.add(gameId)
+        }
+        gameSelectionContent.appendChild(createElem("div", `${numVoices} ${(numVoices>1||numVoices==0)?window.i18n.VOICE_PLURAL:window.i18n.VOICE}`))
+        gameSelectionContent.appendChild(createElem("div", gameName))
+        gameSelection.appendChild(gameSelectionContent)
+        window.gameAssets[gameId] = metadata
+        gameSelectionContent.addEventListener("click", () => {
+            voiceSearchInput.focus()
+            searchGameInput.value = ""
+            changeGame(metadata)
+            closeModal(gameSelectionContainer)
+            Array.from(gameSelectionListContainer.children).forEach(elem => elem.style.display="flex")
+        })
+        itemsToSort.push([numVoices, gameSelection])
+        const modelsDir = window.userSettings[`modelspath_${gameId}`]
+        if (!window.watchedModelsDirs.includes(modelsDir)) {
+            window.watchedModelsDirs.push(modelsDir)
+            try {
+                fs.watch(modelsDir, {recursive: false, persistent: true}, (eventType, filename) => {
+                    if (window.userSettings.autoReloadVoices) {
+                        if (doLoadAllModels) {
+                            loadAllModels().then(() => changeGame(metadata))
+                        }
+                    }
+                })
+            } catch (e) {
+                // console.log(e)
+            }
+        }
+    })
+    itemsToSort.sort((a,b) => a[0]<b[0]?1:-1).forEach(([numVoices, elem]) => {
+        gameSelectionListContainer.appendChild(elem)
+    })
+    searchGameInput.addEventListener("keyup", (event) => {
+        if (event.key=="Enter") {
+            const voiceElems = Array.from(gameSelectionListContainer.children).filter(elem => elem.style.display=="flex")
+            if (voiceElems.length==1) {
+                voiceElems[0].children[0].click()
+                searchGameInput.value = ""
+            }
+        }
+        const voiceElems = Array.from(gameSelectionListContainer.children)
+        if (searchGameInput.value.length) {
+            voiceElems.forEach(elem => {
+                if (elem.children[0].children[1].innerHTML.toLowerCase().includes(searchGameInput.value)) {
+                    elem.style.display="flex"
+                } else {
+                    elem.style.display="none"
+                }
+            })
+        } else {
+            voiceElems.forEach(elem => elem.style.display="block")
+        }
+    })
+    searchGameInput.placeholder = window.i18n.SEARCH_N_GAMES_WITH_N2_VOICES.replace("_1", Array.from(totalGames).length).replace("_2", totalVoices)
+    if (doLoadAllModels) {
+        loadAllModels().then(() => {
+            // Load the last selected game
+            const lastGame = localStorage.getItem("lastGame")
+            if (lastGame) {
+                changeGame(JSON.parse(lastGame))
+            }
+        })
+    }
+}
+window.updateGameList()
+// Embeddings
+// ==========
+window.setupModal(embeddingsIcon, embeddingsContainer, () => {
+    setTimeout(() => {
+        if (window.embeddingsState.isReady) {
+            window.embeddings_updateSize()
+        }
+    }, 100)
+    window.embeddings_updateSize()
+    window.embeddingsState.isOpen = true
+    if (!window.embeddingsState.ready) {
+        setTimeout(() => {
+            window.embeddingsState.ready = true
+            window.initEmbeddingsScene()
+            setTimeout(() => {
+                window.computeEmbsAndDimReduction(true)
+            }, 300)
+        }, 100)
+    }
+}, () => {
+    window.embeddingsState.isOpen = false
+})
+// Arpabet
+// =======
+window.setupModal(arpabetIcon, arpabetContainer, () => setTimeout(()=> !window.arpabetMenuState.hasInitialised && window.refreshDictionariesList(), 100))
+// Plugins
+// =======
+window.setupModal(pluginsIcon, pluginsContainer)
+window.setupModal(style_emb_manage_btn, styleEmbeddingsContainer, window.styleEmbsModalOpenCallback)
+// Other
+// =====
+window.setupModal(reset_what_open_btn, resetContainer)
+window.setupModal(i18n_batch_metadata_open_btn, batchMetadataCSVContainer)
+voiceSearchInput.addEventListener("keyup", () => {
+    if (event.key=="Enter") {
+        const voiceElems = Array.from(voiceTypeContainer.children).filter(elem => elem.style.display=="block")
+        if (voiceElems.length==1) {
+            voiceElems[0].click()
+            generateVoiceButton.click()
+            voiceSearchInput.value = ""
+        }
+    }
+    const voiceElems = Array.from(voiceTypeContainer.children)
+    if (voiceSearchInput.value.length) {
+        voiceElems.forEach(elem => {
+            if (elem.innerHTML.toLowerCase().includes(voiceSearchInput.value)) {
+                elem.style.display="block"
+            } else {
+                elem.style.display="none"
+            }
+        })
+    } else {
+        voiceElems.forEach(elem => elem.style.display="block")
+    }
+})
+// Splash/EULA
+splashNextButton1.addEventListener("click", () => {
+    splash_screen1.style.display = "none"
+    splash_screen2.style.display = "flex"
+})
+EULA_closeButon.addEventListener("click", () => {
+    if (EULA_accept_ckbx.checked) {
+        closeModal(EULAContainer)
+        window.userSettings.EULA_accepted_2023 = true
+        saveUserSettings()
+        if (!window.totd_state.startupChecked) {
+            window.showTipIfEnabledAndNewDay().then(() => {
+                if (!serverIsUp) {
+                    spinnerModal(serverStartingMessage)
+                }
+            })
+        }
+        if (!serverIsUp && totdContainer.style.display=="none") {
+            window.spinnerModal(serverStartingMessage)
+        }
+    }
+})
+if (!Object.keys(window.userSettings).includes("EULA_accepted_2023") || !window.userSettings.EULA_accepted_2023) {
+    EULAContainer.style.opacity = 0
+    EULAContainer.style.display = "flex"
+    requestAnimationFrame(() => requestAnimationFrame(() => EULAContainer.style.opacity = 1))
+    requestAnimationFrame(() => requestAnimationFrame(() => chromeBar.style.opacity = 1))
+} else {
+    window.showTipIfEnabledAndNewDay().then(() => {
+        // If not, or the user closed the window quickly, show the server is starting message if still booting up
+        if (!window.serverIsUp) {
+            spinnerModal(serverStartingMessage)
+        }
+    })
+}
+// Links
+document.querySelectorAll('a[href^="http"]').forEach(a => a.addEventListener("click", e => {
+    event.preventDefault()
+    shell.openExternal(a.href)
+}))

main.js → resources/app/main.js RENAMED Viewed

File without changes

package.json → resources/app/package.json RENAMED Viewed

@@ -16,12 +16,6 @@
     "electron-packager": "^17.1.2"
   },
   "dependencies": {
-    "@electron/remote": "^2.0.9",
-    "discord-rich-presence": "0.0.8",
-    "fs-extra": "^9.1.0",
-    "node-fetch": "^2.1.2",
-    "node-nvidia-smi": "^1.0.0",
-    "unzipper": "^0.10.11",
-    "zip-dir": "^2.0.0"
   }
 }

     "electron-packager": "^17.1.2"
   },
   "dependencies": {
+    "@electron/remote": "^2.0.9"
   }
 }

patreon.txt → resources/app/patreon.txt RENAMED Viewed

File without changes

plugins.txt → resources/app/plugins.txt RENAMED Viewed

File without changes

repositories.json → resources/app/repositories.json RENAMED Viewed

File without changes

requirements_cpu.txt → resources/app/requirements_cpu.txt RENAMED Viewed

File without changes

style.css → resources/app/style.css RENAMED Viewed

@@ -59,6 +59,10 @@ button:disabled {
     filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 1))
 }
 body {
     margin: 0;
     overflow: hidden;
@@ -80,7 +84,7 @@ body {
 #right {
     height: 100%;
     flex-grow: 1;
-    width: 50vw;
 }
 #left {
@@ -89,13 +93,15 @@ body {
 }
 #right {
-    width: calc(100vw - 300px);
     z-index: 1;
 }
 #rightBG1,
 #rightBG2 {
-    width: calc(100vw - 300px);
     background: linear-gradient(0deg, grey 0, rgba(0, 0, 0, 0)), grey;
     background-repeat: no-repeat !important;
     background-position-x: 100% !important;
@@ -510,7 +516,7 @@ audio {
 }
 #dialogueInput {
-    width: calc(95vw - 300px) !important;
     margin-left: 1vw;
 }

     filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 1))
 }
+.tool-icon {
+    filter: invert();
+}
 body {
     margin: 0;
     overflow: hidden;
 #right {
     height: 100%;
     flex-grow: 1;
+    width: 100vw;
 }
 #left {
 }
 #right {
+    background: linear-gradient(0deg, #999 0, rgba(0, 0, 0, 0)), black;
+    background-repeat: no-repeat !important;
+    background-position-x: 100% !important;
+    background-size: cover !important;
     z-index: 1;
 }
 #rightBG1,
 #rightBG2 {
     background: linear-gradient(0deg, grey 0, rgba(0, 0, 0, 0)), grey;
     background-repeat: no-repeat !important;
     background-position-x: 100% !important;
 }
 #dialogueInput {
+    color: #000 !important;
     margin-left: 1vw;
 }

updates.json → resources/app/updates.json RENAMED Viewed

File without changes